@geneui/components 2.11.2 → 2.12.2

package/{configs-91c86664.js → configs-fed6ac34.js}

@@ -79,6 +79,7 @@ const widgetConfig = {
 const customScrollbarConfig = {
   size: ['medium', 'small']
 };
+const noDataConfig = ['data', 'image', 'search'];
 const timePickerConfig = {
   appearance: ['multipleInputs', 'singleInput']
 };
@@ -92,5 +93,31 @@ const optionConfig = {
     end: 'end'
   }
 };
+const keyValueConfig = {
+  appearance: {
+    horizontal: {
+      _key: 'horizontal',
+      parentItemClassName: 'geneKeyValue--horizontal',
+      labelClassName: 'geneKeyValue__label--horizontal',
+      valueClassName: 'geneKeyValue__value--horizontal',
+      iconClassName: 'geneKeyValue__icon--horizontal'
+    },
+    vertical: {
+      _key: 'vertical',
+      parentItemClassName: '',
+      itemClassName: ''
+    }
+  }
+};
+const advancedSearchConfig = {
+  positions: {
+    right: 'right',
+    left: 'left'
+  }
+};
+const badgeConfig = {
+  color: ['danger', 'primary'],
+  size: ['default', 'medium', 'big', 'huge']
+};
 
-export { clientConfigs as a, titleConfig as b, checkboxRadioSwitcherConfig as c, popoverConfig as d, popoverV2Config as e, customScrollbarConfig as f, breakPoints as g, stepsConfig as h, inputConfig as i, moduleTitleConfig as j, timePickerConfig as k, mobileScreenSize as m, optionConfig as o, positions as p, screenTypes as s, tagConfig as t, uploaderConfig as u, widgetConfig as w };
+export { clientConfigs as a, badgeConfig as b, checkboxRadioSwitcherConfig as c, moduleTitleConfig as d, popoverConfig as e, tagConfig as f, popoverV2Config as g, timePickerConfig as h, inputConfig as i, advancedSearchConfig as j, keyValueConfig as k, customScrollbarConfig as l, mobileScreenSize as m, noDataConfig as n, optionConfig as o, positions as p, breakPoints as q, stepsConfig as r, screenTypes as s, titleConfig as t, uploaderConfig as u, widgetConfig as w };

package/hooks/useBodyScroll.js

@@ -0,0 +1,16 @@
+import { useCallback } from 'react';
+
+function useBodyScroll() {
+  const lock = useCallback(() => {
+    document.body.style.overflow = 'hidden';
+  }, []);
+  const unlock = useCallback(() => {
+    document.body.style.overflow = 'auto';
+  }, []);
+  return {
+    lock,
+    unlock
+  };
+}
+
+export { useBodyScroll as default };

package/hooks/useClick.js

@@ -0,0 +1,18 @@
+import { useRef, useCallback, useEffect } from 'react';
+
+function useClick(callback) {
+  const ref = useRef();
+  const handleClick = useCallback(e => {
+    if (ref.current && ref.current.contains(e.target)) {
+      callback && callback(e);
+    }
+  }, [ref.current, callback]);
+  useEffect(() => {
+    document.addEventListener('mousedown', handleClick);
+    return () => document.removeEventListener('mousedown', handleClick);
+  }, [handleClick]);
+  const setRef = node => ref.current = node;
+  return setRef;
+}
+
+export { useClick as default };

package/{useClickOutside-5183e396.js → hooks/useClickOutside.js}

@@ -22,4 +22,4 @@ function useClickOutside(callback, relativeElements) {
   return node => ref.current = node;
 }
 
-export { useClickOutside as u };
+export { useClickOutside as default };

package/hooks/useDebounceHook.js

@@ -0,0 +1,16 @@
+import { useState, useEffect } from 'react';
+
+const useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [delay, value]);
+  return debouncedValue;
+};
+
+export { useDebounce as default };

package/{useDeviceType-dd51db38.js → hooks/useDeviceType.js}

@@ -1,5 +1,6 @@
-import { a as clientConfigs, m as mobileScreenSize } from './configs-91c86664.js';
-import { u as useWindowSize } from './useWindowSize-80369d76.js';
+import { a as clientConfigs, m as mobileScreenSize } from '../configs-fed6ac34.js';
+import useWindowSize from './useWindowSize.js';
+import 'react';
 
 function useDeviceType(screenType) {
   const {
@@ -12,4 +13,4 @@ function useDeviceType(screenType) {
   };
 }
 
-export { useDeviceType as u };
+export { useDeviceType as default };

package/hooks/useDidMount.js

@@ -0,0 +1,15 @@
+import { useRef, useEffect } from 'react';
+
+const useDidMount = function () {
+  let callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : () => {};
+  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  const _isFirstUpdate = useRef(true);
+  useEffect(() => {
+    if (!_isFirstUpdate.current) {
+      callback();
+    }
+    _isFirstUpdate.current = false;
+  }, deps);
+};
+
+export { useDidMount as default };

package/{useEllipsisDetection-ef536015.js → hooks/useEllipsisDetection.js}

@@ -20,4 +20,4 @@ const useEllipsisDetection = function (ref) {
   return isTruncated;
 };
 
-export { useEllipsisDetection as u };
+export { useEllipsisDetection as default };

package/hooks/useForceUpdate.js

@@ -0,0 +1,8 @@
+import { useReducer } from 'react';
+
+const useForceUpdate = () => {
+  const [ignored, forceUpdate] = useReducer(x => x + 1, 0);
+  return forceUpdate;
+};
+
+export { useForceUpdate as default };

package/hooks/useImgDownload.js

@@ -0,0 +1,18 @@
+import { useCallback } from 'react';
+
+const useImgDownload = () => useCallback(function (url, name) {
+  let customHeaders = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  fetch(url, {
+    headers: {
+      ...customHeaders
+    }
+  }).then(response => response.blob()).then(blob => {
+    const blobURL = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = blobURL;
+    a.download = name && name.length ? name : 'download';
+    a.click();
+  }).catch(error => console.log(error));
+}, []);
+
+export { useImgDownload as default };

package/{useKeyDown-38102ae7.js → hooks/useKeyDown.js}

@@ -18,4 +18,4 @@ const useKeyDown = function (callback, deps, ref) {
   }, [handleKeyDown, ref.current]);
 };
 
-export { useKeyDown as u };
+export { useKeyDown as default };

package/hooks/useMount.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+import { n as noop } from '../index-a0e4e333.js';
+import 'prop-types';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
+import 'react-dom';
+
+const useMount = function () {
+  let onMount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : noop;
+  return useEffect(onMount, []);
+};
+
+export { useMount as default };

package/hooks/useMutationObserver.js

@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+
+const defaultOptions = {
+  attributes: true,
+  childList: true,
+  subtree: true
+};
+const useMutationObserver = function (ref, callback) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultOptions;
+  useEffect(() => {
+    if (ref.current) {
+      const observer = new MutationObserver(callback);
+      observer.observe(ref.current, options);
+      return () => {
+        observer.disconnect();
+      };
+    }
+  }, [callback, options]);
+};
+
+export { useMutationObserver as default };

package/hooks/usePrevious.js

@@ -0,0 +1,10 @@
+import { useRef, useMemo } from 'react';
+
+const usePrevious = (callback, deps) => {
+  const previous = useRef();
+  const value = useMemo(() => callback(previous.current), deps);
+  previous.current = value;
+  return value;
+};
+
+export { usePrevious as default };

package/hooks/useThrottle.js

@@ -0,0 +1,16 @@
+import { useRef, useCallback } from 'react';
+
+const useThrottle = (callback, delay) => {
+  const ref = useRef(null);
+  return useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    clearTimeout(ref.current);
+    ref.current = setTimeout(() => {
+      callback(...args);
+    }, delay);
+  }, [callback, delay]);
+};
+
+export { useThrottle as default };

package/hooks/useToggle.js

@@ -0,0 +1,11 @@
+import { useState, useCallback } from 'react';
+
+function useToggle(defaultValue) {
+  const [state, setState] = useState(!!defaultValue);
+  const toggle = useCallback(value => {
+    setState(prev => typeof value === 'undefined' ? !prev : !!value);
+  }, []);
+  return [state, toggle];
+}
+
+export { useToggle as default };

package/hooks/useUpdatableRef.js

@@ -0,0 +1,14 @@
+import { useRef, useCallback } from 'react';
+import useForceUpdate from './useForceUpdate.js';
+
+const useUpdatableRef = initial => {
+  const ref = useRef(initial);
+  const forceUpdate = useForceUpdate();
+  const update = useCallback(value => {
+    if (ref.current !== value) forceUpdate();
+    ref.current = value;
+  }, []);
+  return [ref, update];
+};
+
+export { useUpdatableRef as default };

package/hooks/useUpdate.js

@@ -0,0 +1,10 @@
+import { useRef, useEffect } from 'react';
+
+function useUpdate(callback, dependencies) {
+  const initial = useRef(true);
+  useEffect(initial.current ? () => {
+    initial.current = false;
+  } : callback, dependencies);
+}
+
+export { useUpdate as default };

package/{useWidth-9f4647f8.js → hooks/useWidth.js}

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { u as useWindowSize } from './useWindowSize-80369d76.js';
+import useWindowSize from './useWindowSize.js';
 
 function useWidth(ref) {
   const [width, setWidth] = useState(null);
@@ -12,4 +12,4 @@ function useWidth(ref) {
   return width;
 }
 
-export { useWidth as u };
+export { useWidth as default };

package/{useWindowSize-80369d76.js → hooks/useWindowSize.js}

@@ -30,4 +30,4 @@ function useWindowSize() {
   };
 }
 
-export { useWindowSize as u };
+export { useWindowSize as default };