trotl-filter 1.0.3 → 1.0.4

package/dist/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React$1 = require('react');
+var React = require('react');
 var reactDom = require('react-dom');
 
 function _interopNamespaceDefault(e) {
@@ -22,7 +22,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React$1);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -173,38 +173,38 @@ function useStateManager(_ref) {
     propsOnMenuOpen = _ref.onMenuOpen,
     propsValue = _ref.value,
     restSelectProps = _objectWithoutProperties(_ref, _excluded$6);
-  var _useState = React$1.useState(propsInputValue !== undefined ? propsInputValue : defaultInputValue),
+  var _useState = React.useState(propsInputValue !== undefined ? propsInputValue : defaultInputValue),
     _useState2 = _slicedToArray(_useState, 2),
     stateInputValue = _useState2[0],
     setStateInputValue = _useState2[1];
-  var _useState3 = React$1.useState(propsMenuIsOpen !== undefined ? propsMenuIsOpen : defaultMenuIsOpen),
+  var _useState3 = React.useState(propsMenuIsOpen !== undefined ? propsMenuIsOpen : defaultMenuIsOpen),
     _useState4 = _slicedToArray(_useState3, 2),
     stateMenuIsOpen = _useState4[0],
     setStateMenuIsOpen = _useState4[1];
-  var _useState5 = React$1.useState(propsValue !== undefined ? propsValue : defaultValue),
+  var _useState5 = React.useState(propsValue !== undefined ? propsValue : defaultValue),
     _useState6 = _slicedToArray(_useState5, 2),
     stateValue = _useState6[0],
     setStateValue = _useState6[1];
-  var onChange = React$1.useCallback(function (value, actionMeta) {
+  var onChange = React.useCallback(function (value, actionMeta) {
     if (typeof propsOnChange === 'function') {
       propsOnChange(value, actionMeta);
     }
     setStateValue(value);
   }, [propsOnChange]);
-  var onInputChange = React$1.useCallback(function (value, actionMeta) {
+  var onInputChange = React.useCallback(function (value, actionMeta) {
     var newValue;
     if (typeof propsOnInputChange === 'function') {
       newValue = propsOnInputChange(value, actionMeta);
     }
     setStateInputValue(newValue !== undefined ? newValue : value);
   }, [propsOnInputChange]);
-  var onMenuOpen = React$1.useCallback(function () {
+  var onMenuOpen = React.useCallback(function () {
     if (typeof propsOnMenuOpen === 'function') {
       propsOnMenuOpen();
     }
     setStateMenuIsOpen(true);
   }, [propsOnMenuOpen]);
-  var onMenuClose = React$1.useCallback(function () {
+  var onMenuClose = React.useCallback(function () {
     if (typeof propsOnMenuClose === 'function') {
       propsOnMenuClose();
     }
@@ -2314,9 +2314,9 @@ typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({
 EmotionCacheContext.Provider;
 
 var withEmotionCache = function withEmotionCache(func) {
-  return /*#__PURE__*/React$1.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.forwardRef(function (props, ref) {
     // the cache will never be null in the browser
-    var cache = React$1.useContext(EmotionCacheContext);
+    var cache = React.useContext(EmotionCacheContext);
     return func(props, cache, ref);
   });
 };
@@ -2324,7 +2324,7 @@ var withEmotionCache = function withEmotionCache(func) {
 if (!isBrowser) {
   withEmotionCache = function withEmotionCache(func) {
     return function (props) {
-      var cache = React$1.useContext(EmotionCacheContext);
+      var cache = React.useContext(EmotionCacheContext);
 
       if (cache === null) {
         // yes, we're potentially creating this on every render
@@ -2926,7 +2926,7 @@ function autoUpdate(reference, floating, update, options) {
 var isClient = typeof document !== 'undefined';
 
 var noop$1 = function noop() {};
-var index = isClient ? React$1.useLayoutEffect : noop$1;
+var index = isClient ? React.useLayoutEffect : noop$1;
 
 var _excluded$4 = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
 // ==============================
@@ -3404,7 +3404,7 @@ var menuCSS = function menuCSS(_ref2, unstyled) {
     marginTop: spacing.menuGutter
   });
 };
-var PortalPlacementContext = /*#__PURE__*/React$1.createContext(null);
+var PortalPlacementContext = /*#__PURE__*/React.createContext(null);
 
 // NOTE: internal only
 var MenuPlacer = function MenuPlacer(props) {
@@ -3415,14 +3415,14 @@ var MenuPlacer = function MenuPlacer(props) {
     menuPosition = props.menuPosition,
     menuShouldScrollIntoView = props.menuShouldScrollIntoView,
     theme = props.theme;
-  var _ref3 = React$1.useContext(PortalPlacementContext) || {},
+  var _ref3 = React.useContext(PortalPlacementContext) || {},
     setPortalPlacement = _ref3.setPortalPlacement;
-  var ref = React$1.useRef(null);
-  var _useState = React$1.useState(maxMenuHeight),
+  var ref = React.useRef(null);
+  var _useState = React.useState(maxMenuHeight),
     _useState2 = _slicedToArray(_useState, 2),
     maxHeight = _useState2[0],
     setMaxHeight = _useState2[1];
-  var _useState3 = React$1.useState(null),
+  var _useState3 = React.useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     placement = _useState4[0],
     setPlacement = _useState4[1];
@@ -3565,22 +3565,22 @@ var MenuPortal = function MenuPortal(props) {
     innerProps = props.innerProps,
     menuPlacement = props.menuPlacement,
     menuPosition = props.menuPosition;
-  var menuPortalRef = React$1.useRef(null);
-  var cleanupRef = React$1.useRef(null);
-  var _useState5 = React$1.useState(coercePlacement(menuPlacement)),
+  var menuPortalRef = React.useRef(null);
+  var cleanupRef = React.useRef(null);
+  var _useState5 = React.useState(coercePlacement(menuPlacement)),
     _useState6 = _slicedToArray(_useState5, 2),
     placement = _useState6[0],
     setPortalPlacement = _useState6[1];
-  var portalPlacementContext = React$1.useMemo(function () {
+  var portalPlacementContext = React.useMemo(function () {
     return {
       setPortalPlacement: setPortalPlacement
     };
   }, []);
-  var _useState7 = React$1.useState(null),
+  var _useState7 = React.useState(null),
     _useState8 = _slicedToArray(_useState7, 2),
     computedPosition = _useState8[0],
     setComputedPosition = _useState8[1];
-  var updateComputedPosition = React$1.useCallback(function () {
+  var updateComputedPosition = React.useCallback(function () {
     if (!controlElement) return;
     var rect = getBoundingClientObj(controlElement);
     var scrollDistance = menuPosition === 'fixed' ? 0 : window.pageYOffset;
@@ -3595,7 +3595,7 @@ var MenuPortal = function MenuPortal(props) {
   index(function () {
     updateComputedPosition();
   }, [updateComputedPosition]);
-  var runAutoUpdate = React$1.useCallback(function () {
+  var runAutoUpdate = React.useCallback(function () {
     if (typeof cleanupRef.current === 'function') {
       cleanupRef.current();
       cleanupRef.current = null;
@@ -3609,7 +3609,7 @@ var MenuPortal = function MenuPortal(props) {
   index(function () {
     runAutoUpdate();
   }, [runAutoUpdate]);
-  var setMenuPortalElement = React$1.useCallback(function (menuPortalElement) {
+  var setMenuPortalElement = React.useCallback(function (menuPortalElement) {
     menuPortalRef.current = menuPortalElement;
     runAutoUpdate();
   }, [runAutoUpdate]);
@@ -4460,12 +4460,12 @@ var LiveRegion = function LiveRegion(props) {
   var ariaLive = selectProps['aria-live'];
 
   // Update aria live message configuration when prop changes
-  var messages = React$1.useMemo(function () {
+  var messages = React.useMemo(function () {
     return _objectSpread2(_objectSpread2({}, defaultAriaLiveMessages), ariaLiveMessages || {});
   }, [ariaLiveMessages]);
 
   // Update aria live selected option when prop changes
-  var ariaSelected = React$1.useMemo(function () {
+  var ariaSelected = React.useMemo(function () {
     var message = '';
     if (ariaSelection && messages.onChange) {
       var option = ariaSelection.option,
@@ -4496,7 +4496,7 @@ var LiveRegion = function LiveRegion(props) {
     }
     return message;
   }, [ariaSelection, messages, isOptionDisabled, selectValue, getOptionLabel]);
-  var ariaFocused = React$1.useMemo(function () {
+  var ariaFocused = React.useMemo(function () {
     var focusMsg = '';
     var focused = focusedOption || focusedValue;
     var isSelected = !!(focusedOption && selectValue && selectValue.includes(focusedOption));
@@ -4515,7 +4515,7 @@ var LiveRegion = function LiveRegion(props) {
     }
     return focusMsg;
   }, [focusedOption, focusedValue, getOptionLabel, isOptionDisabled, messages, focusableOptions, selectValue, isAppleDevice]);
-  var ariaResults = React$1.useMemo(function () {
+  var ariaResults = React.useMemo(function () {
     var resultsMsg = '';
     if (menuIsOpen && options.length && !isLoading && messages.onFilter) {
       var resultsMessage = screenReaderStatus({
@@ -4529,7 +4529,7 @@ var LiveRegion = function LiveRegion(props) {
     return resultsMsg;
   }, [focusableOptions, inputValue, menuIsOpen, messages, options, screenReaderStatus, isLoading]);
   var isInitialFocus = (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus';
-  var ariaGuidance = React$1.useMemo(function () {
+  var ariaGuidance = React.useMemo(function () {
     var guidanceMsg = '';
     if (messages.guidance) {
       var context = focusedValue ? 'value' : menuIsOpen ? 'menu' : 'input';
@@ -4545,7 +4545,7 @@ var LiveRegion = function LiveRegion(props) {
     }
     return guidanceMsg;
   }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
-  var ScreenReaderText = jsx(React$1.Fragment, null, jsx("span", {
+  var ScreenReaderText = jsx(React.Fragment, null, jsx("span", {
     id: "aria-selection"
   }, ariaSelected), jsx("span", {
     id: "aria-focused"
@@ -4554,7 +4554,7 @@ var LiveRegion = function LiveRegion(props) {
   }, ariaResults), jsx("span", {
     id: "aria-guidance"
   }, ariaGuidance));
-  return jsx(React$1.Fragment, null, jsx(A11yText$1, {
+  return jsx(React.Fragment, null, jsx(A11yText$1, {
     id: id
   }, isInitialFocus && ScreenReaderText), jsx(A11yText$1, {
     "aria-live": ariaLive,
@@ -4914,11 +4914,11 @@ function useScrollCapture(_ref) {
     onBottomLeave = _ref.onBottomLeave,
     onTopArrive = _ref.onTopArrive,
     onTopLeave = _ref.onTopLeave;
-  var isBottom = React$1.useRef(false);
-  var isTop = React$1.useRef(false);
-  var touchStart = React$1.useRef(0);
-  var scrollTarget = React$1.useRef(null);
-  var handleEventDelta = React$1.useCallback(function (event, delta) {
+  var isBottom = React.useRef(false);
+  var isTop = React.useRef(false);
+  var touchStart = React.useRef(0);
+  var scrollTarget = React.useRef(null);
+  var handleEventDelta = React.useCallback(function (event, delta) {
     if (scrollTarget.current === null) return;
     var _scrollTarget$current = scrollTarget.current,
       scrollTop = _scrollTarget$current.scrollTop,
@@ -4963,18 +4963,18 @@ function useScrollCapture(_ref) {
       cancelScroll(event);
     }
   }, [onBottomArrive, onBottomLeave, onTopArrive, onTopLeave]);
-  var onWheel = React$1.useCallback(function (event) {
+  var onWheel = React.useCallback(function (event) {
     handleEventDelta(event, event.deltaY);
   }, [handleEventDelta]);
-  var onTouchStart = React$1.useCallback(function (event) {
+  var onTouchStart = React.useCallback(function (event) {
     // set touch start so we can calculate touchmove delta
     touchStart.current = event.changedTouches[0].clientY;
   }, []);
-  var onTouchMove = React$1.useCallback(function (event) {
+  var onTouchMove = React.useCallback(function (event) {
     var deltaY = touchStart.current - event.changedTouches[0].clientY;
     handleEventDelta(event, deltaY);
   }, [handleEventDelta]);
-  var startListening = React$1.useCallback(function (el) {
+  var startListening = React.useCallback(function (el) {
     // bail early if no element is available to attach to
     if (!el) return;
     var notPassive = supportsPassiveEvents ? {
@@ -4984,14 +4984,14 @@ function useScrollCapture(_ref) {
     el.addEventListener('touchstart', onTouchStart, notPassive);
     el.addEventListener('touchmove', onTouchMove, notPassive);
   }, [onTouchMove, onTouchStart, onWheel]);
-  var stopListening = React$1.useCallback(function (el) {
+  var stopListening = React.useCallback(function (el) {
     // bail early if no element is available to detach from
     if (!el) return;
     el.removeEventListener('wheel', onWheel, false);
     el.removeEventListener('touchstart', onTouchStart, false);
     el.removeEventListener('touchmove', onTouchMove, false);
   }, [onTouchMove, onTouchStart, onWheel]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     startListening(element);
@@ -5044,9 +5044,9 @@ function useScrollLock(_ref) {
   var isEnabled = _ref.isEnabled,
     _ref$accountForScroll = _ref.accountForScrollbars,
     accountForScrollbars = _ref$accountForScroll === void 0 ? true : _ref$accountForScroll;
-  var originalStyles = React$1.useRef({});
-  var scrollTarget = React$1.useRef(null);
-  var addScrollLock = React$1.useCallback(function (touchScrollTarget) {
+  var originalStyles = React.useRef({});
+  var scrollTarget = React.useRef(null);
+  var addScrollLock = React.useCallback(function (touchScrollTarget) {
     if (!canUseDOM) return;
     var target = document.body;
     var targetStyle = target && target.style;
@@ -5089,7 +5089,7 @@ function useScrollLock(_ref) {
     // increment active scroll locks
     activeScrollLocks += 1;
   }, [accountForScrollbars]);
-  var removeScrollLock = React$1.useCallback(function (touchScrollTarget) {
+  var removeScrollLock = React.useCallback(function (touchScrollTarget) {
     if (!canUseDOM) return;
     var target = document.body;
     var targetStyle = target && target.style;
@@ -5116,7 +5116,7 @@ function useScrollLock(_ref) {
       }
     }
   }, [accountForScrollbars]);
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     addScrollLock(element);
@@ -5166,7 +5166,7 @@ function ScrollManager(_ref) {
     setScrollCaptureTarget(element);
     setScrollLockTarget(element);
   };
-  return jsx(React$1.Fragment, null, lockEnabled && jsx("div", {
+  return jsx(React.Fragment, null, lockEnabled && jsx("div", {
     onClick: blurSelectInput,
     css: _ref2$1
   }), children(targetRef));
@@ -6979,10 +6979,10 @@ var Select = /*#__PURE__*/function (_Component) {
     }
   }]);
   return Select;
-}(React$1.Component);
+}(React.Component);
 Select.defaultProps = defaultProps;
 
-var StateManagedSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
+var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var baseSelectProps = useStateManager(props);
   return /*#__PURE__*/React__namespace.createElement(Select, _extends({
     ref: ref
@@ -7001,8 +7001,8 @@ const MultiSelectDropdown = ({
   required = false,
   closeMenuOnSelect = false
 }) => {
-  const containerRef = React$1.useRef(null);
-  const selectedOptions = React$1.useMemo(() => {
+  const containerRef = React.useRef(null);
+  const selectedOptions = React.useMemo(() => {
     if (isMulti) {
       return options.filter(opt => selected.includes(opt.value));
     } else {
@@ -7145,7 +7145,7 @@ const Modal = ({
   closeOnEscape = true,
   closeOnOutsideClick = true
 }) => {
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const handleKey = e => {
       if (e.key === 'Escape' && closeOnEscape) {
         onCancel?.();
@@ -7155,22 +7155,22 @@ const Modal = ({
     return () => document.removeEventListener('keydown', handleKey);
   }, [closeOnEscape, onCancel]);
   if (!isOpen) return null;
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "modal-overlay",
     onClick: closeOnOutsideClick ? onCancel : undefined
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "modal-box",
     onClick: e => e.stopPropagation()
-  }, /*#__PURE__*/React$1.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     className: "modal-title"
-  }, title), /*#__PURE__*/React$1.createElement("div", {
+  }, title), /*#__PURE__*/React.createElement("div", {
     className: "modal-content"
-  }, children), /*#__PURE__*/React$1.createElement("div", {
+  }, children), /*#__PURE__*/React.createElement("div", {
     className: "modal-actions"
-  }, showCancel && /*#__PURE__*/React$1.createElement("button", {
+  }, showCancel && /*#__PURE__*/React.createElement("button", {
     className: "basic-button cancel",
     onClick: onCancel
-  }, cancelLabel), showConfirm && /*#__PURE__*/React$1.createElement("button", {
+  }, cancelLabel), showConfirm && /*#__PURE__*/React.createElement("button", {
     className: "basic-button confirm",
     onClick: onConfirm
   }, confirmLabel))));
@@ -7210,18 +7210,18 @@ const Filters = ({
     if (typeof key === 'undefined' || key === null) return '';
     return _translations[key] ?? key;
   };
-  const [sorting, setSorting] = React$1.useState(null);
-  const [collapsed, setCollapsed] = React$1.useState(() => {
+  const [sorting, setSorting] = React.useState(null);
+  const [collapsed, setCollapsed] = React.useState(() => {
     const stored = localStorage.getItem('filtersCollapsed');
     return stored === 'true';
   });
-  const [modalState, setModalState] = React$1.useState({
+  const [modalState, setModalState] = React.useState({
     isOpen: false,
     label: '',
     key: '',
     onConfirm: null
   });
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     localStorage.setItem('filtersCollapsed', collapsed);
   }, [collapsed]);
 
@@ -7238,7 +7238,7 @@ const Filters = ({
     localStorage.removeItem('adminFilters');
     window.history.replaceState({}, '', window.location.pathname);
   };
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const urlParams = new URLSearchParams(window.location.search);
     const savedFilters = localStorage.getItem('adminFilters');
     const initial = savedFilters ? JSON.parse(savedFilters) : {};
@@ -7253,7 +7253,7 @@ const Filters = ({
       onChange?.(key, value);
     });
   }, []);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const savedFilters = localStorage.getItem('adminFilters');
     if (savedFilters) {
       const parsed = JSON.parse(savedFilters);
@@ -7262,7 +7262,7 @@ const Filters = ({
       });
     }
   }, []);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     const currentValues = {};
     config.forEach(item => {
       if (item.type !== 'button' && item.type !== 'icon') {
@@ -7301,7 +7301,7 @@ const Filters = ({
   // in sync with the extraSearchTerm prop without reloading the page.
   // When urSearchParams is enabled, keep the URL search param `search`
   // in sync with the extraSearchTerm prop without reloading the page.
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (!urSearchParams) return;
     try {
       const url = new URL(window.location.href);
@@ -7317,7 +7317,7 @@ const Filters = ({
   }, [urSearchParams, extraSearchTerm]);
 
   // Clear MultiSelectDropdown values if extraSearchTerm is set (input search used)
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (!extraSearchTerm || !urSearchParams) return;
     // Find all multiselect filters and clear them
     config.forEach(item => {
@@ -7326,16 +7326,16 @@ const Filters = ({
       }
     });
   }, [extraSearchTerm, urSearchParams]);
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "filters-wrapper"
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "filters-header"
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "filters-title"
-  }, title), /*#__PURE__*/React$1.createElement("button", {
+  }, title), /*#__PURE__*/React.createElement("button", {
     className: "basic-button",
     onClick: () => setCollapsed(prev => !prev)
-  }, collapsed ? ' ' + t("showFilters") : ' ' + t("hideFilters")), sortingLocalStorage && /*#__PURE__*/React$1.createElement("button", {
+  }, collapsed ? ' ' + t("showFilters") : ' ' + t("hideFilters")), sortingLocalStorage && /*#__PURE__*/React.createElement("button", {
     className: "basic-button confirm",
     onClick: () => {
       setSorting(false);
@@ -7343,10 +7343,10 @@ const Filters = ({
       localStorage.removeItem("tableSort");
       window.dispatchEvent(new Event("storageUpdated"));
     }
-  }, t("resetSorting") + " " + (sorting || "")), !hideResetSearchButton && /*#__PURE__*/React$1.createElement("button", {
+  }, t("resetSorting") + " " + (sorting || "")), !hideResetSearchButton && /*#__PURE__*/React.createElement("button", {
     className: "basic-button",
     onClick: handleReset
-  }, t("resetSearching"))), !collapsed && /*#__PURE__*/React$1.createElement("div", {
+  }, t("resetSearching"))), !collapsed && /*#__PURE__*/React.createElement("div", {
     className: "filters-container"
   }, config.map((item, index) => {
     const tooltip = item.tooltip || '';
@@ -7354,7 +7354,7 @@ const Filters = ({
     if (!roleAllowed) return null;
     switch (item.type) {
       case 'group':
-        return /*#__PURE__*/React$1.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           key: index,
           className: "button-group",
           title: item.label
@@ -7368,7 +7368,7 @@ const Filters = ({
               actionFn(btn.key);
             }
           };
-          return /*#__PURE__*/React$1.createElement("button", {
+          return /*#__PURE__*/React.createElement("button", {
             className: "basic-button",
             key: i,
             onClick: handleClick,
@@ -7376,11 +7376,11 @@ const Filters = ({
           }, t(btn.label));
         }));
       case 'input':
-        return /*#__PURE__*/React$1.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           key: index,
           className: "filter-input-wrapper",
           title: tooltip
-        }, /*#__PURE__*/React$1.createElement("input", {
+        }, /*#__PURE__*/React.createElement("input", {
           className: "basic-input",
           type: "search",
           placeholder: item.placeholder || '',
@@ -7398,22 +7398,22 @@ const Filters = ({
           }
         }));
       case 'select':
-        return /*#__PURE__*/React$1.createElement("select", {
+        return /*#__PURE__*/React.createElement("select", {
           key: index,
           value: item.value || '',
           onChange: e => onChange?.(item.key, e.target.value),
           className: "filter-select",
           title: tooltip
-        }, item.options?.map((opt, i) => /*#__PURE__*/React$1.createElement("option", {
+        }, item.options?.map((opt, i) => /*#__PURE__*/React.createElement("option", {
           key: i,
           value: opt.value
         }, opt.label)));
       case 'multiselect':
-        return /*#__PURE__*/React$1.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           key: index,
           className: "filter-multiselect",
           title: tooltip
-        }, /*#__PURE__*/React$1.createElement(MultiSelectDropdown, {
+        }, /*#__PURE__*/React.createElement(MultiSelectDropdown, {
           label: item.label || t("role"),
           selected: Array.isArray(item.value) ? item.value : item.value ? [item.value] : [],
           onChange: newValues => {
@@ -7471,22 +7471,22 @@ const Filters = ({
           options: item.options
         }));
       case 'date':
-        return /*#__PURE__*/React$1.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           key: index,
           className: "filter-date",
           title: tooltip
-        }, /*#__PURE__*/React$1.createElement("input", {
+        }, /*#__PURE__*/React.createElement("input", {
           className: "basic-input",
           type: item.addTime ? 'datetime-local' : 'date',
           value: item.value || '',
           onChange: e => onChange?.(item.key, e.target.value)
-        }), item.value && /*#__PURE__*/React$1.createElement("span", {
+        }), item.value && /*#__PURE__*/React.createElement("span", {
           className: "date-clear",
           onClick: () => onChange?.(item.key, ''),
           title: "Clear date"
         }, "\u2716\uFE0F"));
       case 'button':
-        return /*#__PURE__*/React$1.createElement("button", {
+        return /*#__PURE__*/React.createElement("button", {
           style: item?.style,
           className: "basic-button",
           key: index,
@@ -7502,7 +7502,7 @@ const Filters = ({
           title: tooltip
         }, t(item.label));
       case 'icon':
-        return /*#__PURE__*/React$1.createElement("span", {
+        return /*#__PURE__*/React.createElement("span", {
           key: index,
           className: `filter-icon ${item.className || ''}`,
           style: item.style,
@@ -7512,7 +7512,7 @@ const Filters = ({
       default:
         return null;
     }
-  }))), /*#__PURE__*/React$1.createElement(Modal, {
+  }))), /*#__PURE__*/React.createElement(Modal, {
     isOpen: modalState.isOpen,
     title: t("confirmTitle") || "Confirm",
     onCancel: closeModal,