@geneui/components 2.11.2 → 2.12.1

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 };

package/index-45eafea6.js

@@ -0,0 +1,90 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+/* eslint-disable no-unused-vars */
+var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+
+function toObject(val) {
+	if (val === null || val === undefined) {
+		throw new TypeError('Object.assign cannot be called with null or undefined');
+	}
+
+	return Object(val);
+}
+
+function shouldUseNative() {
+	try {
+		if (!Object.assign) {
+			return false;
+		}
+
+		// Detect buggy property enumeration order in older V8 versions.
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=4118
+		var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
+		test1[5] = 'de';
+		if (Object.getOwnPropertyNames(test1)[0] === '5') {
+			return false;
+		}
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+		var test2 = {};
+		for (var i = 0; i < 10; i++) {
+			test2['_' + String.fromCharCode(i)] = i;
+		}
+		var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+			return test2[n];
+		});
+		if (order2.join('') !== '0123456789') {
+			return false;
+		}
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+		var test3 = {};
+		'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+			test3[letter] = letter;
+		});
+		if (Object.keys(Object.assign({}, test3)).join('') !==
+				'abcdefghijklmnopqrst') {
+			return false;
+		}
+
+		return true;
+	} catch (err) {
+		// We don't expect any of the above to throw, but better to be safe.
+		return false;
+	}
+}
+
+var objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
+	var from;
+	var to = toObject(target);
+	var symbols;
+
+	for (var s = 1; s < arguments.length; s++) {
+		from = Object(arguments[s]);
+
+		for (var key in from) {
+			if (hasOwnProperty.call(from, key)) {
+				to[key] = from[key];
+			}
+		}
+
+		if (getOwnPropertySymbols) {
+			symbols = getOwnPropertySymbols(from);
+			for (var i = 0; i < symbols.length; i++) {
+				if (propIsEnumerable.call(from, symbols[i])) {
+					to[symbols[i]] = from[symbols[i]];
+				}
+			}
+		}
+	}
+
+	return to;
+};
+
+export { objectAssign as o };

package/index-583e0b30.js

@@ -0,0 +1,4 @@
+import { s as styleInject } from './style-inject.es-746bb8ed.js';
+
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .dropdown-holder{--input-message-padding-side:2rem;max-width:100%}[data-gene-ui-version=\"2.12.1\"] .dropdown-holder .read-only-cursor-default{cursor:default}[data-gene-ui-version=\"2.12.1\"] .dropdown-holder:not(.f-content-size){width:100%}[data-gene-ui-version=\"2.12.1\"] .dropdown-holder.a-minimal.s-small{--input-message-padding-side:0.7rem}[data-gene-ui-version=\"2.12.1\"] .pointer-events-none-dropdown:active{pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .dropdown-actions{align-items:center;color:var(--hero);display:flex;font:600 1.6rem/2rem var(--font-family);height:6.1rem;padding-inline-end:3rem;padding-inline-start:2rem;width:100%}[data-gene-ui-version=\"2.12.1\"] .dropdown-actions:not(:only-child){border-bottom:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.1\"] .dropdown-actions>li:first-child{flex:auto}[data-gene-ui-version=\"2.12.1\"] .dropdown-actions>li:nth-child(2){flex-shrink:0}[data-gene-ui-version=\"2.12.1\"] .dropdown-item{align-items:center;display:flex;font:600 1.4rem/1.8rem var(--font-family);height:4rem;justify-content:flex-start;padding:0 1.4rem;transition:color .4s,background .4s;width:100%}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .dropdown-item.hovered,[data-gene-ui-version=\"2.12.1\"] .dropdown-item:not(.hover-disabled):hover{background:rgba(var(--background-sc-rgb),.05)}}html[dir=rtl] .dropdown-item{justify-content:flex-end}[data-gene-ui-version=\"2.12.1\"] .dropdown-item:not(.read-only){cursor:pointer}html[dir=rtl] .dropdown-item:not(.sticky-option,.group-title){display:flex;flex-direction:row-reverse;justify-content:flex-start;width:100%}html[dir=rtl] .dropdown-item:not(.sticky-option,.group-title) p{flex-grow:1!important}html[dir=rtl] .dropdown-item .crs-holder .label-holder.has-label{grid-template-columns:1fr auto}html[dir=rtl] .dropdown-item .crs-holder .label-holder.has-label>:first-child{order:0}html[dir=rtl] .dropdown-item .crs-holder .label-holder.has-label>:last-child{order:1}[data-gene-ui-version=\"2.12.1\"] .dropdown-item.sticky-option{position:-webkit-sticky;position:sticky;top:0;z-index:10}[data-gene-ui-version=\"2.12.1\"] .dropdown-item.sticky-option.hovered{background:var(--background-hover)}[data-gene-ui-version=\"2.12.1\"] .dropdown-item.sticky-option:not(.hovered){background:var(--background)}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .dropdown-item.sticky-option:not(.hover-disabled):hover{background:var(--background-hover)}}html[dir=rtl] .dropdown-item.sticky-option{display:flex;justify-content:flex-start;width:100%}html[dir=rtl] .dropdown-item.sticky-option .label-holder{display:flex;flex-direction:row-reverse}[data-gene-ui-version=\"2.12.1\"] .dropdown-item>p{align-items:center;display:flex;flex:auto;overflow:hidden}html[dir=rtl] .dropdown-item>p{flex:none}[data-gene-ui-version=\"2.12.1\"] .dropdown-item>p i{flex-shrink:0}html:not([dir=rtl]) .dropdown-item>p i{margin-right:1.2rem}html[dir=rtl] .dropdown-item>p i{margin-left:1.2rem}[data-gene-ui-version=\"2.12.1\"] .dropdown-item>p span{flex:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-gene-ui-version=\"2.12.1\"] .dropdown-item>small{flex-shrink:0}[data-gene-ui-version=\"2.12.1\"] .dropdown-item>small.bc-icon-selected:before{display:block;transform:scale(0);transition:transform .4s}[data-gene-ui-version=\"2.12.1\"] .selected.dropdown-item>small.bc-icon-selected:before{transform:scale(1)}[data-gene-ui-version=\"2.12.1\"] .dropdown-item.selected{color:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .dropdown-item.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .dropdown-item.group-title{background:#0000;color:rgba(var(--background-sc-rgb),.75);display:flex;font-size:12px;font-weight:600;height:25px;line-height:16px;padding:0 1.2rem 0 .8rem;pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .dropdown-item.group-title:hover{background:#0000}html[dir=rtl] .dropdown-item.group-title{flex-direction:row-reverse;justify-content:space-between;padding:0 .8rem 0 1.2rem}[data-gene-ui-version=\"2.12.1\"] .dropdown-item .group-title-icon{color:rgba(var(--background-sc-rgb),.75);pointer-events:auto}[data-gene-ui-version=\"2.12.1\"] .dropdown-item.groupLastChild{border-bottom:1px solid rgba(var(--background-sc-rgb),.16)}[data-gene-ui-version=\"2.12.1\"] .popover-positioner.mobile-view .dropdown-item{height:4.8rem;padding:0 2rem}[data-gene-ui-version=\"2.12.1\"] .temporary-full-width{width:100%}[data-gene-ui-version=\"2.12.1\"] .dropdown-item-tag{flex-shrink:0;font:600 1.4rem/1.8rem var(--font-family);opacity:.5}[data-gene-ui-version=\"2.12.1\"] .busy-loader{align-items:center;border-radius:100%;display:block;display:flex;height:19rem;justify-content:center;margin:0 1rem}";
+styleInject(css_248z);