steelydylan

export const useScrolling = (delay: number) => {
  const [scrolling, setScrolling] = useState(false);
  useEffect(() => {
    let debounceTimer = null;
    const eventHandler = () => {
      if (scrolling === false) {
        setScrolling(true);
      }
      clearTimeout(debounceTimer);
      debounceTimer = setTimeout(() => {

steelydylan

  
  hoverOnCropList = () => {
    clearTimeout(this.state.timeout);
    this.setState({
      isCropListOpen: true
    });
  }

  leaveFromCropList = () => {
    const timeout = setTimeout(() => {

steelydylan

<?php

namespace Acms\Custom;
use DB;
use SQL;
use ACMS_Filter;

/**
 * ユーザー定義のHookを設定します。
 */

steelydylan

import * as React from 'react';

interface ConditionalWrapType{
  condition: boolean,
  wrap: (children) => React.ReactNode
  children: React.ReactNode
}

export default ({condition, wrap, children}): React.SFCElement<ConditionalWrapType> => condition ? wrap(children) : children;

steelydylan

import { XmlData } from './type';

declare global {
  namespace JKL {
    class ParseXML {
      constructor(path: string)
      parse(): XmlData
    }
  }
}

steelydylan

<table class="formColumnMap js-yahoo-map">
  <tr>
    <td class="formColumnMapTd">
      <!-- BEGIN_IF [%{PROTOCOL}/eq/https] -->
      <img class="column-map js-map_editable-container" src="//map.yahooapis.jp/map/V1/static?appid=%{YAHOO_API_KEY}&lat={mapLat}&lon={mapLng}&z={mapZoom}&width=400&height=400&pointer=on"
        width="400" height="400">
      <!-- ELSE -->
      <img class="column-map js-map_editable-container" src="//map.olp.yahooapis.jp/OpenLocalPlatform/V1/static?appid=%{YAHOO_API_KEY}&lat={mapLat}&lon={mapLng}&z={mapZoom}&width=400&height=400&pointer=on"
        width="400" height="400">
      <!-- END_IF -->

steelydylan

<script
  src="https://code.jquery.com/jquery-3.3.1.js"
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js" charset="UTF-8"></script>
<!-- BEGIN_MODULE Js -->
<script src="%{ROOT_DIR}acms.js{arguments}" charset="UTF-8" id="acms-js"></script><!-- END_MODULE Js -->

steelydylan

// app.js　mapboxを使用する場合のサンプル
import React from 'react';
import {
  Container, connectToHarmowareVis,
  HarmoVisLayers, MovesLayer, DepotsLayer,
  MovesInput, DepotsInput, SimulationDateTime,
  PauseButton, ForwardButton, ReverseButton, AddMinutesButton,
  ElapsedTimeRange, SpeedRange
} from 'harmoware-vis';

steelydylan

export default (handler) => {
  if (document.readyState === 'interactive' || document.readyState === 'complete') {
    handler();
  } else {
    document.addEventListener('DOMContentLoaded', handler, false);
  }
};

steelydylan

import randomVideo from 'random-video';
randomVideo('#js-random-video', '/sample.json');