@lanaco/lnc-react-ui 3.11.33 → 3.11.34

package/lib/index.esm.js

@@ -2,7 +2,7 @@ import _extends$4 from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties$1 from '@babel/runtime/helpers/objectWithoutProperties';
 import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
 import * as React from 'react';
-import React__default, { useLayoutEffect, forwardRef, useContext, createElement, createContext, Fragment, useRef, useEffect as useEffect$1, useState, useMemo, useCallback, Component, useImperativeHandle, memo, useReducer, cloneElement, useDebugValue, Children, isValidElement } from 'react';
+import React__default, { useLayoutEffect, forwardRef, useContext, createElement, createContext, Fragment, useRef, useEffect, useState, useMemo, useCallback, Component, useImperativeHandle, memo, useReducer, cloneElement, useDebugValue, Children, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import _extends$3 from '@babel/runtime/helpers/esm/extends';
 import _slicedToArray$2 from '@babel/runtime/helpers/slicedToArray';
@@ -2966,7 +2966,7 @@ function useFirstMountState() {
 
 var useUpdateEffect = function (effect, deps) {
     var isFirstMount = useFirstMountState();
-    useEffect$1(function () {
+    useEffect(function () {
         if (!isFirstMount) {
             return effect();
         }
@@ -3096,11 +3096,11 @@ function __spreadArray(to, from, pack) {
 var noop$7 = function () { };
 var isBrowser$1 = typeof window !== 'undefined';
 
-var useIsomorphicLayoutEffect$3 = isBrowser$1 ? useLayoutEffect : useEffect$1;
+var useIsomorphicLayoutEffect$3 = isBrowser$1 ? useLayoutEffect : useEffect;
 var useIsomorphicLayoutEffect$4 = useIsomorphicLayoutEffect$3;
 
 var useEffectOnce = function (effect) {
-    useEffect$1(effect, []);
+    useEffect(effect, []);
 };
 var useEffectOnce$1 = useEffectOnce;
 
@@ -3120,7 +3120,7 @@ var getInitialState$1 = function (query, defaultState) {
 };
 var useMedia = function (query, defaultState) {
     var _a = useState(getInitialState$1(query, defaultState)), state = _a[0], setState = _a[1];
-    useEffect$1(function () {
+    useEffect(function () {
         var mounted = true;
         var mql = window.matchMedia(query);
         var onChange = function () {
@@ -43337,7 +43337,7 @@ var TextInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     _useState4 = _slicedToArray$2(_useState3, 2),
     focused = _useState4[0],
     setFocused = _useState4[1];
-  useEffect$1(function () {
+  useEffect(function () {
     if (value !== null && value !== undefined) {
       setInputValue(value);
     }
@@ -45633,7 +45633,7 @@ var PasswordInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     _useState2 = _slicedToArray$2(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
-  useEffect$1(function () {
+  useEffect(function () {
     if (value !== null && value !== undefined) {
       setInputValue(value);
     }
@@ -45646,13 +45646,13 @@ var PasswordInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     _useState6 = _slicedToArray$2(_useState5, 2),
     focused = _useState6[0],
     setFocused = _useState6[1];
-  useEffect$1(function () {
+  useEffect(function () {
     var _inputRef$current;
     var inputValue = (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) || "";
     inputRef.current.selectionStart = inputValue !== null && inputValue !== void 0 && inputValue.length ? inputValue.length : 0;
     inputRef.current.selectionEnd = inputValue !== null && inputValue !== void 0 && inputValue.length ? inputValue.length : 0;
   }, [locked]);
-  useEffect$1(function () {
+  useEffect(function () {
     if (ref !== null && ref !== undefined) ref.current = inputRef.current;
   }, [ref, inputRef]);
   var debouncedOnChange = useCallback(lodash.exports.debounce(function (e, val) {
@@ -46075,10 +46075,10 @@ var RangeSliderInput = /*#__PURE__*/React__default.forwardRef(function (props, r
   useUpdateEffect$1(function () {
     setInputValue(value);
   }, [value]);
-  useEffect$1(function () {
+  useEffect(function () {
     changeSliderColor(inputValue ? inputValue : 0);
   }, [inputValue, getPercent, disabled, color]);
-  useEffect$1(function () {
+  useEffect(function () {
     setValueColor(getColorRgbaValue(theme, "Range", color, disabled ? "disabled" : "enabled", "background"));
   }, [color, disabled]);
   var handleOnInput = function handleOnInput(e) {
@@ -46482,16 +46482,16 @@ var TextAreaInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     _useState8 = _slicedToArray$2(_useState7, 2),
     innerMaxRows = _useState8[0],
     setInnerMaxRows = _useState8[1];
-  useEffect$1(function () {
+  useEffect(function () {
     if (value !== null && value !== undefined) {
       setInputValue(value);
     }
   }, [value]);
-  useEffect$1(function () {
+  useEffect(function () {
     setInnerMinRows(minRows);
     if (collapseOnBlur && focused === false) setInnerMaxRows(minRows);
   }, [minRows, maxRows]);
-  useEffect$1(function () {
+  useEffect(function () {
     if (!collapseOnBlur) setInnerMaxRows(maxRows);else setInnerMaxRows(focused === true ? maxRows : minRows);
   }, [collapseOnBlur]);
   var debouncedOnChange = useCallback(lodash.exports.debounce(function (e, val) {
@@ -47225,14 +47225,14 @@ var FlexGridItem = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     setColumnGap = _useState6[1];
 
   //============================================= LIFECYCLE ============================================
-  useEffect$1(function () {
+  useEffect(function () {
     calculateWidth();
   }, [columns, XS, S, M, L, XL, col]);
-  useEffect$1(function () {
+  useEffect(function () {
     calculateWidth();
     adjustSpacing();
   }, [screenSize]);
-  useEffect$1(function () {
+  useEffect(function () {
     adjustSpacing();
   }, [spacing, rowSpacing, columnSpacing]);
 
@@ -49135,17 +49135,17 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   var screenSize = useScreenSize();
 
   // Missing RowIdentifier console error
-  useEffect$1(function () {
+  useEffect(function () {
     if (EnableSelection === true && (RowIdentifier === null || RowIdentifier === "")) console.error("Error: Selection is enabled but the 'RowIdentifier' is empty");
   }, []);
 
   // Missing Columns definition
-  useEffect$1(function () {
+  useEffect(function () {
     if (Columns === null || Columns === undefined || Columns.length === 0) console.error("Error: Columns array must have at least one item.");
   }, [Columns]);
 
   // VisibilityPattern errors
-  useEffect$1(function () {
+  useEffect(function () {
     if (VisibilityPattern) {
       if (!VisibilityPattern.hasOwnProperty(screenSizes.XS.type)) console.error(getVisibilityPatternError(screenSizes.XS.type));
       if (!VisibilityPattern.hasOwnProperty(screenSizes.S.type)) console.error(getVisibilityPatternError(screenSizes.S.type));
@@ -51735,7 +51735,7 @@ function useScrollCapture(_ref) {
     el.removeEventListener('touchstart', onTouchStart, false);
     el.removeEventListener('touchmove', onTouchMove, false);
   }, [onTouchMove, onTouchStart, onWheel]);
-  useEffect$1(function () {
+  useEffect(function () {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     startListening(element);
@@ -51860,7 +51860,7 @@ function useScrollLock(_ref) {
       }
     }
   }, [accountForScrollbars]);
-  useEffect$1(function () {
+  useEffect(function () {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     addScrollLock(element);
@@ -54079,13 +54079,13 @@ var EditableTableCell = function EditableTableCell(props) {
     color: color,
     theme: theme
   };
-  useEffect$1(function () {
+  useEffect(function () {
     onMount(RowIndex, Index, divRef);
   }, []);
-  useEffect$1(function () {
+  useEffect(function () {
     if (!focused) onMount(RowIndex, Index, divRef);
   }, [focused]);
-  useEffect$1(function () {
+  useEffect(function () {
     if (focused && inputRef && inputRef.current) {
       inputRef.current.focus();
     }
@@ -54664,7 +54664,7 @@ var RadioGroup = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     _useState2 = _slicedToArray$2(_useState, 2),
     checkedId = _useState2[0],
     setCheckedId = _useState2[1];
-  useEffect$1(function () {
+  useEffect(function () {
     if (value !== checkedId) setCheckedId(value);
   }, [value]);
   var themeProps = {
@@ -55196,7 +55196,7 @@ function getOwnerDocument(target) {
  * @param callback {function} Callback function that is invoked when the dependencies of the hook change
  */
 
-const useIsomorphicLayoutEffect$1 = canUseDOM ? useLayoutEffect : useEffect$1;
+const useIsomorphicLayoutEffect$1 = canUseDOM ? useLayoutEffect : useEffect;
 
 function useEvent$1(handler) {
   const handlerRef = useRef(handler);
@@ -55266,7 +55266,7 @@ function useNodeRef(onChange) {
 
 function usePrevious(value) {
   const ref = useRef();
-  useEffect$1(() => {
+  useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
@@ -55492,7 +55492,7 @@ const DndMonitorContext = /*#__PURE__*/createContext(null);
 
 function useDndMonitor(listener) {
   const registerListener = useContext(DndMonitorContext);
-  useEffect$1(() => {
+  useEffect(() => {
     if (!registerListener) {
       throw new Error('useDndMonitor must be used within a children of <DndContext>');
     }
@@ -55581,7 +55581,7 @@ function Accessibility(_ref) {
   } = useAnnouncement();
   const liveRegionId = useUniqueId$1("DndLiveRegion");
   const [mounted, setMounted] = useState(false);
-  useEffect$1(() => {
+  useEffect(() => {
     setMounted(true);
   }, []);
   useDndMonitor(useMemo(() => ({
@@ -57261,7 +57261,7 @@ function useAutoScroller(_ref) {
     scrollContainer.scrollBy(scrollLeft, scrollTop);
   }, []);
   const sortedScrollableAncestors = useMemo(() => order === TraversalOrder.TreeOrder ? [...scrollableAncestors].reverse() : scrollableAncestors, [order, scrollableAncestors]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (!enabled || !scrollableAncestors.length || !rect) {
       clearAutoScrollInterval();
       return;
@@ -57468,10 +57468,10 @@ function useDroppableMeasuring(containers, _ref) {
 
     return previousValue;
   }, [containers, queue, dragging, disabled, measure]);
-  useEffect$1(() => {
+  useEffect(() => {
     containersRef.current = containers;
   }, [containers]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (disabled) {
       return;
     }
@@ -57479,13 +57479,13 @@ function useDroppableMeasuring(containers, _ref) {
     measureDroppableContainers();
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [dragging, disabled]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (queue && queue.length > 0) {
       setQueue(null);
     }
   }, //eslint-disable-next-line react-hooks/exhaustive-deps
   [JSON.stringify(queue)]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (disabled || typeof frequency !== 'number' || timeoutId.current !== null) {
       return;
     }
@@ -57555,7 +57555,7 @@ function useMutationObserver(_ref) {
     } = window;
     return new MutationObserver(handleMutations);
   }, [handleMutations, disabled]);
-  useEffect$1(() => {
+  useEffect(() => {
     return () => mutationObserver == null ? void 0 : mutationObserver.disconnect();
   }, [mutationObserver]);
   return mutationObserver;
@@ -57583,7 +57583,7 @@ function useResizeObserver(_ref) {
     return new ResizeObserver(handleResize);
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [disabled]);
-  useEffect$1(() => {
+  useEffect(() => {
     return () => resizeObserver == null ? void 0 : resizeObserver.disconnect();
   }, [resizeObserver]);
   return resizeObserver;
@@ -57680,7 +57680,7 @@ function useScrollableAncestors(node) {
 
     return getScrollableAncestors(node);
   }, [node]);
-  useEffect$1(() => {
+  useEffect(() => {
     previousNode.current = node;
   }, [node]);
   return ancestors;
@@ -57706,7 +57706,7 @@ function useScrollOffsets(elements) {
       return new Map(scrollCoordinates);
     });
   }, []);
-  useEffect$1(() => {
+  useEffect(() => {
     const previousElements = prevElements.current;
 
     if (elements !== previousElements) {
@@ -57754,11 +57754,11 @@ function useScrollOffsetsDelta(scrollOffsets, dependencies) {
   }
 
   const initialScrollOffsets = useRef(null);
-  useEffect$1(() => {
+  useEffect(() => {
     initialScrollOffsets.current = null;
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   dependencies);
-  useEffect$1(() => {
+  useEffect(() => {
     const hasScrollOffsets = scrollOffsets !== defaultCoordinates;
 
     if (hasScrollOffsets && !initialScrollOffsets.current) {
@@ -57773,7 +57773,7 @@ function useScrollOffsetsDelta(scrollOffsets, dependencies) {
 }
 
 function useSensorSetup(sensors) {
-  useEffect$1(() => {
+  useEffect(() => {
     if (!canUseDOM) {
       return;
     }
@@ -58144,7 +58144,7 @@ function RestoreFocus(_ref) {
   const previousActivatorEvent = usePrevious(activatorEvent);
   const previousActiveId = usePrevious(active == null ? void 0 : active.id); // Restore keyboard focus on the activator node
 
-  useEffect$1(() => {
+  useEffect(() => {
     if (disabled) {
       return;
     }
@@ -58608,7 +58608,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
       setStatus(Status.Initialized);
     }
   }, [activeNodeRect, status]);
-  useEffect$1(() => {
+  useEffect(() => {
     const {
       onDragMove
     } = latestProps.current;
@@ -58642,7 +58642,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
     });
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [scrollAdjustedTranslate.x, scrollAdjustedTranslate.y]);
-  useEffect$1(() => {
+  useEffect(() => {
     const {
       active,
       activatorEvent,
@@ -58927,7 +58927,7 @@ function useDroppable(_ref) {
   }, [resizeObserver]);
   const [nodeRef, setNodeRef] = useNodeRef(handleNodeChange);
   const dataRef = useLatestValue(data);
-  useEffect$1(() => {
+  useEffect(() => {
     if (!resizeObserver || !nodeRef.current) {
       return;
     }
@@ -58955,7 +58955,7 @@ function useDroppable(_ref) {
     });
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [id]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (disabled !== previous.current.disabled) {
       dispatch({
         type: Action$1.SetDroppableDisabled,
@@ -59640,7 +59640,7 @@ function SortableContext(_ref) {
       measureDroppableContainers(items);
     }
   }, [itemsHaveChanged, items, isDragging, measureDroppableContainers]);
-  useEffect$1(() => {
+  useEffect(() => {
     previousItemsRef.current = items;
   }, [items]);
   const contextValue = useMemo(() => ({
@@ -59749,7 +59749,7 @@ function useDerivedTransform(_ref) {
       previousIndex.current = index;
     }
   }, [disabled, index, node, rect]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (derivedTransform) {
       setDerivedtransform(null);
     }
@@ -59871,7 +59871,7 @@ function useSortable(_ref) {
     node,
     rect
   });
-  useEffect$1(() => {
+  useEffect(() => {
     if (isSorting && previous.current.newIndex !== newIndex) {
       previous.current.newIndex = newIndex;
     }
@@ -59884,7 +59884,7 @@ function useSortable(_ref) {
       previous.current.items = items;
     }
   }, [isSorting, newIndex, containerId, items]);
-  useEffect$1(() => {
+  useEffect(() => {
     if (activeId === previous.current.activeId) {
       return;
     }
@@ -60103,7 +60103,7 @@ var Item$2 = /*#__PURE__*/React__default.memo( /*#__PURE__*/React__default.forwa
     children = _ref.children,
     props = _objectWithoutProperties$1(_ref, _excluded$Q);
   var theme = useTheme$1();
-  useEffect$1(function () {
+  useEffect(function () {
     if (!dragOverlay) {
       return;
     }
@@ -61235,7 +61235,7 @@ var ThemeProvider = function ThemeProvider(_ref) {
     _useState2 = _slicedToArray$2(_useState, 2),
     currentTheme = _useState2[0],
     setCurrentTheme = _useState2[1];
-  useEffect$1(function () {
+  useEffect(function () {
     if (typeof theme == "string") setCurrentTheme(themes === null || themes === void 0 ? void 0 : themes.find(function (item) {
       return item.name == theme;
     }));else setCurrentTheme(theme);
@@ -61416,7 +61416,7 @@ function usePresence() {
     // either be null or non-null for the lifespan of the component.
     // Replace with useOpaqueId when released in React
     var id = useUniqueId();
-    useEffect$1(function () { return register(id); }, []);
+    useEffect(function () { return register(id); }, []);
     var safeToRemove = function () { return onExitComplete === null || onExitComplete === void 0 ? void 0 : onExitComplete(id); };
     return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
 }
@@ -61434,7 +61434,7 @@ var LayoutGroupContext = createContext(null);
 
 var isBrowser = typeof window !== "undefined";
 
-var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect$1;
+var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
 
 function useLayoutId(_a) {
     var layoutId = _a.layoutId;
@@ -61477,7 +61477,7 @@ function useVisualElement(Component, visualState, props, createVisualElement) {
          */
         visualElement.syncRender();
     });
-    useEffect$1(function () {
+    useEffect(function () {
         var _a;
         if (!visualElement)
             return;
@@ -62812,7 +62812,7 @@ function addDomEvent(target, eventName, handler, options) {
  * @public
  */
 function useDomEvent(ref, eventName, handler, options) {
-    useEffect$1(function () {
+    useEffect(function () {
         var element = ref.current;
         if (handler && element) {
             return addDomEvent(element, eventName, handler, options);
@@ -63041,7 +63041,7 @@ var isNodeOrChild = function (parent, child) {
 };
 
 function useUnmountEffect(callback) {
-    return useEffect$1(function () { return function () { return callback(); }; }, []);
+    return useEffect(function () { return function () { return callback(); }; }, []);
 }
 
 var clamp = function (min, max, v) {
@@ -65353,14 +65353,14 @@ var animations = {
          * Subscribe any provided AnimationControls to the component's VisualElement
          */
         if (isAnimationControls(animate)) {
-            useEffect$1(function () { return animate.subscribe(visualElement); }, [animate]);
+            useEffect(function () { return animate.subscribe(visualElement); }, [animate]);
         }
     }),
     exit: makeRenderlessComponent(function (props) {
         var custom = props.custom, visualElement = props.visualElement;
         var _a = __read(usePresence(), 2), isPresent = _a[0], onExitComplete = _a[1];
         var presenceContext = useContext(PresenceContext);
-        useEffect$1(function () {
+        useEffect(function () {
             var _a, _b;
             var animation = (_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(AnimationType.Exit, !isPresent, { custom: (_b = presenceContext === null || presenceContext === void 0 ? void 0 : presenceContext.custom) !== null && _b !== void 0 ? _b : custom });
             !isPresent && (animation === null || animation === void 0 ? void 0 : animation.then(onExitComplete));
@@ -66678,9 +66678,9 @@ function useDrag(props) {
     dragControls.setProps(__assign(__assign({}, props), { transformPagePoint: transformPagePoint }));
     // If we've been provided a DragControls for manual control over the drag gesture,
     // subscribe this component to it on mount.
-    useEffect$1(function () { return groupDragControls && groupDragControls.subscribe(dragControls); }, [dragControls]);
+    useEffect(function () { return groupDragControls && groupDragControls.subscribe(dragControls); }, [dragControls]);
     // Mount the drag controls with the visualElement
-    useEffect$1(function () { return dragControls.mount(visualElement); }, []);
+    useEffect(function () { return dragControls.mount(visualElement); }, []);
 }
 
 /**
@@ -66709,7 +66709,7 @@ function usePanGesture(_a) {
             onPanEnd && onPanEnd(event, info);
         },
     };
-    useEffect$1(function () {
+    useEffect(function () {
         if (panSession.current !== null) {
             panSession.current.updateHandlers(handlers);
         }
@@ -68816,7 +68816,7 @@ var AnimatePresence = function (_a) {
         : childrenToRender.map(function (child) { return cloneElement(child); })));
 };
 
-var index$1 = typeof document !== 'undefined' ? useLayoutEffect : useEffect$1;
+var index$1 = typeof document !== 'undefined' ? useLayoutEffect : useEffect;
 
 // Fork of `fast-deep-equal` that only does the comparisons we need and compares
 // functions
@@ -69623,7 +69623,7 @@ var tabbable = function tabbable(el, options) {
   return sortByOrder(candidates);
 };
 
-var index = typeof document !== 'undefined' ? useLayoutEffect : useEffect$1;
+var index = typeof document !== 'undefined' ? useLayoutEffect : useEffect;
 
 let serverHandoffComplete = false;
 let count = 0;
@@ -71569,7 +71569,7 @@ var DropdownItem = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     _useState2 = _slicedToArray$2(_useState, 2),
     isActive = _useState2[0],
     setIsActive = _useState2[1];
-  useEffect$1(function () {
+  useEffect(function () {
     setIsActive(active);
   }, [active]);
   var handleOnClick = function handleOnClick(e) {
@@ -71999,7 +71999,7 @@ var useMountStatus = function useMountStatus() {
     _useState2 = _slicedToArray$2(_useState, 2),
     isMounted = _useState2[0],
     setIsMounted = _useState2[1];
-  useEffect$1(function () {
+  useEffect(function () {
     var timeout = setTimeout(function () {
       return setIsMounted(true);
     }, 500);
@@ -72281,7 +72281,7 @@ var Kanban = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     setItems(data);
     setContainers(Object.keys(data));
   }, [data]);
-  useEffect$1(function () {
+  useEffect(function () {
     requestAnimationFrame(function () {
       recentlyMovedToNewContainer.current = false;
     });
@@ -74185,7 +74185,7 @@ function cssTransition(_ref) {
     useLayoutEffect(function () {
       onEnter();
     }, []);
-    useEffect$1(function () {
+    useEffect(function () {
       if (!isIn) preventExitTransition ? onExited() : onExit();
     }, [isIn]);
 
@@ -74298,7 +74298,7 @@ function useKeeper(arg, refresh) {
   }
 
   var ref = useRef(arg);
-  useEffect$1(function () {
+  useEffect(function () {
     if (refresh) ref.current = arg;
   });
   return ref.current;
@@ -74347,7 +74347,7 @@ function useToastContainer(props) {
       return collection[id] || null;
     }
   });
-  useEffect$1(function () {
+  useEffect(function () {
     instance.containerId = props.containerId;
     eventManager.cancelEmit(3
     /* WillUnmount */
@@ -74368,14 +74368,14 @@ function useToastContainer(props) {
       , instance);
     };
   }, []);
-  useEffect$1(function () {
+  useEffect(function () {
     instance.isToastActive = isToastActive;
     instance.displayedToast = toast.length;
     eventManager.emit(4
     /* Change */
     , toast.length, props.containerId);
   }, [toast]);
-  useEffect$1(function () {
+  useEffect(function () {
     instance.props = props;
   });
 
@@ -74630,19 +74630,19 @@ function useToast(props) {
       closeToast = props.closeToast,
       onClick = props.onClick,
       closeOnClick = props.closeOnClick;
-  useEffect$1(function () {
+  useEffect(function () {
     if (isFn(props.onOpen)) props.onOpen(isValidElement(props.children) && props.children.props);
     return function () {
       if (isFn(syncProps.onClose)) syncProps.onClose(isValidElement(syncProps.children) && syncProps.children.props);
     };
   }, []);
-  useEffect$1(function () {
+  useEffect(function () {
     props.draggable && bindDragEvents();
     return function () {
       props.draggable && unbindDragEvents();
     };
   }, [props.draggable]);
-  useEffect$1(function () {
+  useEffect(function () {
     props.pauseOnFocusLoss && bindFocusEvents();
     return function () {
       props.pauseOnFocusLoss && unbindFocusEvents();
@@ -76102,7 +76102,7 @@ var DoubleRangeSlider = /*#__PURE__*/React__default.forwardRef(function (props,
     _useState6 = _slicedToArray$2(_useState5, 2),
     maxVal = _useState6[0],
     setMaxVal = _useState6[1];
-  useEffect$1(function () {
+  useEffect(function () {
     setMinVal(minValue);
     setMaxVal(maxValue);
   }, [minValue, maxValue]);
@@ -76114,7 +76114,7 @@ var DoubleRangeSlider = /*#__PURE__*/React__default.forwardRef(function (props,
   }, [min, max]);
 
   // Set width of the range to decrease from the left side
-  useEffect$1(function () {
+  useEffect(function () {
     var minPercent = getPercent(minVal);
     var maxPercent = getPercent(maxVal);
     if (range.current) {
@@ -76124,7 +76124,7 @@ var DoubleRangeSlider = /*#__PURE__*/React__default.forwardRef(function (props,
   }, [minVal, getPercent]);
 
   // Set width of the range to decrease from the right side
-  useEffect$1(function () {
+  useEffect(function () {
     var minPercent = getPercent(minVal);
     var maxPercent = getPercent(maxVal);
     if (range.current) {
@@ -76133,7 +76133,7 @@ var DoubleRangeSlider = /*#__PURE__*/React__default.forwardRef(function (props,
   }, [maxVal, getPercent]);
 
   // Get min and max values when their state changes
-  useEffect$1(function () {
+  useEffect(function () {
     onChange({
       min: minVal,
       max: maxVal
@@ -77401,7 +77401,7 @@ function useDropzone() {
     }
   };
 
-  useEffect$1(function () {
+  useEffect(function () {
     window.addEventListener("focus", onWindowFocus, false);
     return function () {
       window.removeEventListener("focus", onWindowFocus, false);
@@ -77419,7 +77419,7 @@ function useDropzone() {
     dragTargetsRef.current = [];
   };
 
-  useEffect$1(function () {
+  useEffect(function () {
     if (preventDropOnDocument) {
       document.addEventListener("dragover", onDocumentDragOver, false);
       document.addEventListener("drop", onDocumentDrop, false);
@@ -77433,7 +77433,7 @@ function useDropzone() {
     };
   }, [rootRef, preventDropOnDocument]); // Auto focus the root when autoFocus is true
 
-  useEffect$1(function () {
+  useEffect(function () {
     if (!disabled && autoFocus && rootRef.current) {
       rootRef.current.focus();
     }
@@ -77959,7 +77959,7 @@ var DragAndDropFile = /*#__PURE__*/React__default.forwardRef(function (props, re
     displayDnD = _useState4[0],
     setDisplayDnD = _useState4[1];
   var dropzoneRef = useRef();
-  useEffect$1(function () {
+  useEffect(function () {
     setDisplayDnD(showDnD);
   }, [showDnD]);
   var themeProps = {
@@ -78183,7 +78183,7 @@ var DragDropFiles = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     _useState2 = _slicedToArray$2(_useState, 2),
     inputFiles = _useState2[0],
     setInputFiles = _useState2[1];
-  useEffect$1(function () {
+  useEffect(function () {
     setInputFiles(files);
   }, [files]);
   var handleOnDrop = useCallback(function (acceptedFiles, rejectedFiles) {
@@ -78374,7 +78374,7 @@ function useAsync(_ref) {
     setDefaultOptions(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : undefined);
     setPrevDefaultOptions(propsDefaultOptions);
   }
-  useEffect$1(function () {
+  useEffect(function () {
     mounted.current = true;
     return function () {
       mounted.current = false;
@@ -78389,7 +78389,7 @@ function useAsync(_ref) {
       });
     }
   }, [propsLoadOptions]);
-  useEffect$1(function () {
+  useEffect(function () {
     if (propsDefaultOptions === true) {
       loadOptions(stateInputValue, function (options) {
         if (!mounted.current) return;
@@ -81633,7 +81633,7 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     _useState2 = _slicedToArray$2(_useState, 2),
     sidebarCollapsed = _useState2[0],
     setSidebarCollapsed = _useState2[1];
-  useEffect$1(function () {
+  useEffect(function () {
     if (collapsed != undefined) setSidebarCollapsed(collapsed);else {
       if (screenSize == "XS" || screenSize == "S") setSidebarCollapsed(true);else setSidebarCollapsed(false);
     }
@@ -82902,7 +82902,7 @@ var EZDrawer = function EZDrawer(props) {
       _props$lockBackground = props.lockBackgroundScroll,
       lockBackgroundScroll = _props$lockBackground === void 0 ? false : _props$lockBackground;
   var bodyRef = useRef(null);
-  useEffect$1(function () {
+  useEffect(function () {
     var updatePageScroll = function updatePageScroll() {
       bodyRef.current = window.document.querySelector('body');
 
@@ -83371,7 +83371,7 @@ var SwipeableDrawer = /*#__PURE__*/React__default.forwardRef(function (props, re
   };
 
   //Outside click handling
-  useEffect$1(function () {
+  useEffect(function () {
     var handleClickOutside = function handleClickOutside(event) {
       if (drawerRef !== null && drawerRef !== void 0 && drawerRef.current && !(drawerRef !== null && drawerRef !== void 0 && drawerRef.current.contains(event.target))) {
         if (closeOnClickOutside == true) closeDrawer();
@@ -83670,7 +83670,7 @@ var MenuItem = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     _useState2 = _slicedToArray$2(_useState, 2),
     isActive = _useState2[0],
     setIsActive = _useState2[1];
-  useEffect$1(function () {
+  useEffect(function () {
     setIsActive(active);
   }, [active]);
   var handleOnClick = function handleOnClick(e) {

package/lib/index.js

@@ -45473,7 +45473,7 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     focused = _useState4[0],
     setFocused = _useState4[1];
-  useEffect(function () {
+  React.useEffect(function () {
     if (value !== null && value !== undefined) {
       setInputValue(value);
     }
@@ -46701,7 +46701,7 @@ var TimeInput = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
-  useEffect(function () {
+  React.useEffect(function () {
     if (value !== null && value !== undefined) {
       setInputValue(value);
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lanaco/lnc-react-ui",
   "type": "module",
-  "version": "3.11.33",
+  "version": "3.11.34",
   "description": "component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",