trotl-filter 1.0.3 → 1.0.4

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import * as React$1 from 'react';
+import * as React from 'react';
 import React__default, { useState, useCallback, forwardRef, useContext, useLayoutEffect, useRef, useMemo, createContext, Component, Fragment, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 
@@ -2274,12 +2274,12 @@ var syncFallback = function syncFallback(create) {
   return create();
 };
 
-var useInsertionEffect = React$1['useInsertion' + 'Effect'] ? React$1['useInsertion' + 'Effect'] : false;
+var useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : false;
 var useInsertionEffectAlwaysWithSyncFallback = !isBrowser$1 ? syncFallback : useInsertionEffect || syncFallback;
 
 var isBrowser = typeof document !== 'undefined';
 
-var EmotionCacheContext = /* #__PURE__ */React$1.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
+var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
 // because this module is primarily intended for the browser and node
 // but it's also required in react native and similar environments sometimes
 // and we could have a special build just for that
@@ -2313,7 +2313,7 @@ if (!isBrowser) {
         cache = createCache({
           key: 'css'
         });
-        return /*#__PURE__*/React$1.createElement(EmotionCacheContext.Provider, {
+        return /*#__PURE__*/React.createElement(EmotionCacheContext.Provider, {
           value: cache
         }, func(props, cache));
       } else {
@@ -2323,7 +2323,7 @@ if (!isBrowser) {
   };
 }
 
-var ThemeContext = /* #__PURE__ */React$1.createContext({});
+var ThemeContext = /* #__PURE__ */React.createContext({});
 
 var hasOwn = {}.hasOwnProperty;
 
@@ -2363,7 +2363,7 @@ var Insertion = function Insertion(_ref) {
       next = next.next;
     }
 
-    return /*#__PURE__*/React$1.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
+    return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
       __html: rules
     }, _ref2.nonce = cache.sheet.nonce, _ref2));
   }
@@ -2390,7 +2390,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
     className = props.className + " ";
   }
 
-  var serialized = serializeStyles(registeredStyles, undefined, React$1.useContext(ThemeContext));
+  var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
 
   className += cache.key + "-" + serialized.name;
   var newProps = {};
@@ -2407,11 +2407,11 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
     newProps.ref = ref;
   }
 
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Insertion, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
     cache: cache,
     serialized: serialized,
     isStringTag: typeof WrappedComponent === 'string'
-  }), /*#__PURE__*/React$1.createElement(WrappedComponent, newProps));
+  }), /*#__PURE__*/React.createElement(WrappedComponent, newProps));
 });
 
 var Emotion$1 = Emotion;
@@ -2421,7 +2421,7 @@ var jsx = function jsx(type, props) {
   var args = arguments;
 
   if (props == null || !hasOwn.call(props, 'css')) {
-    return React$1.createElement.apply(undefined, args);
+    return React.createElement.apply(undefined, args);
   }
 
   var argsLength = args.length;
@@ -2433,7 +2433,7 @@ var jsx = function jsx(type, props) {
     createElementArgArray[i] = args[i];
   }
 
-  return React$1.createElement.apply(null, createElementArgArray);
+  return React.createElement.apply(null, createElementArgArray);
 };
 
 (function (_jsx) {
@@ -6437,7 +6437,7 @@ var Select = /*#__PURE__*/function (_Component) {
       });
       if (!isSearchable) {
         // use a dummy input to maintain focus/blur functionality
-        return /*#__PURE__*/React$1.createElement(DummyInput, _extends({
+        return /*#__PURE__*/React.createElement(DummyInput, _extends({
           id: id,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -6450,7 +6450,7 @@ var Select = /*#__PURE__*/function (_Component) {
           value: ""
         }, ariaAttributes));
       }
-      return /*#__PURE__*/React$1.createElement(Input, _extends({}, commonProps, {
+      return /*#__PURE__*/React.createElement(Input, _extends({}, commonProps, {
         autoCapitalize: "none",
         autoComplete: "off",
         autoCorrect: "off",
@@ -6491,7 +6491,7 @@ var Select = /*#__PURE__*/function (_Component) {
         focusedValue = _this$state5.focusedValue,
         isFocused = _this$state5.isFocused;
       if (!this.hasValue() || !controlShouldRenderValue) {
-        return inputValue ? null : /*#__PURE__*/React$1.createElement(Placeholder, _extends({}, commonProps, {
+        return inputValue ? null : /*#__PURE__*/React.createElement(Placeholder, _extends({}, commonProps, {
           key: "placeholder",
           isDisabled: isDisabled,
           isFocused: isFocused,
@@ -6504,7 +6504,7 @@ var Select = /*#__PURE__*/function (_Component) {
         return selectValue.map(function (opt, index) {
           var isOptionFocused = opt === focusedValue;
           var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
-          return /*#__PURE__*/React$1.createElement(MultiValue, _extends({}, commonProps, {
+          return /*#__PURE__*/React.createElement(MultiValue, _extends({}, commonProps, {
             components: {
               Container: MultiValueContainer,
               Label: MultiValueLabel,
@@ -6533,7 +6533,7 @@ var Select = /*#__PURE__*/function (_Component) {
         return null;
       }
       var singleValue = selectValue[0];
-      return /*#__PURE__*/React$1.createElement(SingleValue, _extends({}, commonProps, {
+      return /*#__PURE__*/React.createElement(SingleValue, _extends({}, commonProps, {
         data: singleValue,
         isDisabled: isDisabled
       }), this.formatOptionLabel(singleValue, 'value'));
@@ -6556,7 +6556,7 @@ var Select = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React$1.createElement(ClearIndicator, _extends({}, commonProps, {
+      return /*#__PURE__*/React.createElement(ClearIndicator, _extends({}, commonProps, {
         innerProps: innerProps,
         isFocused: isFocused
       }));
@@ -6575,7 +6575,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var innerProps = {
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React$1.createElement(LoadingIndicator, _extends({}, commonProps, {
+      return /*#__PURE__*/React.createElement(LoadingIndicator, _extends({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -6593,7 +6593,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var commonProps = this.commonProps;
       var isDisabled = this.props.isDisabled;
       var isFocused = this.state.isFocused;
-      return /*#__PURE__*/React$1.createElement(IndicatorSeparator, _extends({}, commonProps, {
+      return /*#__PURE__*/React.createElement(IndicatorSeparator, _extends({}, commonProps, {
         isDisabled: isDisabled,
         isFocused: isFocused
       }));
@@ -6612,7 +6612,7 @@ var Select = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onDropdownIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React$1.createElement(DropdownIndicator, _extends({}, commonProps, {
+      return /*#__PURE__*/React.createElement(DropdownIndicator, _extends({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -6677,7 +6677,7 @@ var Select = /*#__PURE__*/function (_Component) {
           'aria-selected': _this4.state.isAppleDevice ? undefined : isSelected // is not supported on Apple devices
         };
 
-        return /*#__PURE__*/React$1.createElement(Option, _extends({}, commonProps, {
+        return /*#__PURE__*/React.createElement(Option, _extends({}, commonProps, {
           innerProps: innerProps,
           data: data,
           isDisabled: isDisabled,
@@ -6699,7 +6699,7 @@ var Select = /*#__PURE__*/function (_Component) {
               groupIndex = item.index;
             var groupId = "".concat(_this4.getElementId('group'), "-").concat(groupIndex);
             var headingId = "".concat(groupId, "-heading");
-            return /*#__PURE__*/React$1.createElement(Group, _extends({}, commonProps, {
+            return /*#__PURE__*/React.createElement(Group, _extends({}, commonProps, {
               key: groupId,
               data: _data,
               options: options,
@@ -6721,13 +6721,13 @@ var Select = /*#__PURE__*/function (_Component) {
           inputValue: inputValue
         });
         if (message === null) return null;
-        menuUI = /*#__PURE__*/React$1.createElement(LoadingMessage, commonProps, message);
+        menuUI = /*#__PURE__*/React.createElement(LoadingMessage, commonProps, message);
       } else {
         var _message = noOptionsMessage({
           inputValue: inputValue
         });
         if (_message === null) return null;
-        menuUI = /*#__PURE__*/React$1.createElement(NoOptionsMessage, commonProps, _message);
+        menuUI = /*#__PURE__*/React.createElement(NoOptionsMessage, commonProps, _message);
       }
       var menuPlacementProps = {
         minMenuHeight: minMenuHeight,
@@ -6736,12 +6736,12 @@ var Select = /*#__PURE__*/function (_Component) {
         menuPosition: menuPosition,
         menuShouldScrollIntoView: menuShouldScrollIntoView
       };
-      var menuElement = /*#__PURE__*/React$1.createElement(MenuPlacer, _extends({}, commonProps, menuPlacementProps), function (_ref4) {
+      var menuElement = /*#__PURE__*/React.createElement(MenuPlacer, _extends({}, commonProps, menuPlacementProps), function (_ref4) {
         var ref = _ref4.ref,
           _ref4$placerProps = _ref4.placerProps,
           placement = _ref4$placerProps.placement,
           maxHeight = _ref4$placerProps.maxHeight;
-        return /*#__PURE__*/React$1.createElement(Menu, _extends({}, commonProps, menuPlacementProps, {
+        return /*#__PURE__*/React.createElement(Menu, _extends({}, commonProps, menuPlacementProps, {
           innerRef: ref,
           innerProps: {
             onMouseDown: _this4.onMenuMouseDown,
@@ -6749,13 +6749,13 @@ var Select = /*#__PURE__*/function (_Component) {
           },
           isLoading: isLoading,
           placement: placement
-        }), /*#__PURE__*/React$1.createElement(ScrollManager, {
+        }), /*#__PURE__*/React.createElement(ScrollManager, {
           captureEnabled: captureMenuScroll,
           onTopArrive: onMenuScrollToTop,
           onBottomArrive: onMenuScrollToBottom,
           lockEnabled: menuShouldBlockScroll
         }, function (scrollTargetRef) {
-          return /*#__PURE__*/React$1.createElement(MenuList, _extends({}, commonProps, {
+          return /*#__PURE__*/React.createElement(MenuList, _extends({}, commonProps, {
             innerRef: function innerRef(instance) {
               _this4.getMenuListRef(instance);
               scrollTargetRef(instance);
@@ -6775,7 +6775,7 @@ var Select = /*#__PURE__*/function (_Component) {
       // positioning behaviour is almost identical for portalled and fixed,
       // so we use the same component. the actual portalling logic is forked
       // within the component based on `menuPosition`
-      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React$1.createElement(MenuPortal, _extends({}, commonProps, {
+      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React.createElement(MenuPortal, _extends({}, commonProps, {
         appendTo: menuPortalTarget,
         controlElement: this.controlRef,
         menuPlacement: menuPlacement,
@@ -6794,7 +6794,7 @@ var Select = /*#__PURE__*/function (_Component) {
         required = _this$props13.required;
       var selectValue = this.state.selectValue;
       if (required && !this.hasValue() && !isDisabled) {
-        return /*#__PURE__*/React$1.createElement(RequiredInput$1, {
+        return /*#__PURE__*/React.createElement(RequiredInput$1, {
           name: name,
           onFocus: this.onValueInputFocus
         });
@@ -6805,29 +6805,29 @@ var Select = /*#__PURE__*/function (_Component) {
           var value = selectValue.map(function (opt) {
             return _this5.getOptionValue(opt);
           }).join(delimiter);
-          return /*#__PURE__*/React$1.createElement("input", {
+          return /*#__PURE__*/React.createElement("input", {
             name: name,
             type: "hidden",
             value: value
           });
         } else {
           var input = selectValue.length > 0 ? selectValue.map(function (opt, i) {
-            return /*#__PURE__*/React$1.createElement("input", {
+            return /*#__PURE__*/React.createElement("input", {
               key: "i-".concat(i),
               name: name,
               type: "hidden",
               value: _this5.getOptionValue(opt)
             });
-          }) : /*#__PURE__*/React$1.createElement("input", {
+          }) : /*#__PURE__*/React.createElement("input", {
             name: name,
             type: "hidden",
             value: ""
           });
-          return /*#__PURE__*/React$1.createElement("div", null, input);
+          return /*#__PURE__*/React.createElement("div", null, input);
         }
       } else {
         var _value = selectValue[0] ? this.getOptionValue(selectValue[0]) : '';
-        return /*#__PURE__*/React$1.createElement("input", {
+        return /*#__PURE__*/React.createElement("input", {
           name: name,
           type: "hidden",
           value: _value
@@ -6845,7 +6845,7 @@ var Select = /*#__PURE__*/function (_Component) {
         isFocused = _this$state6.isFocused,
         selectValue = _this$state6.selectValue;
       var focusableOptions = this.getFocusableOptions();
-      return /*#__PURE__*/React$1.createElement(LiveRegion$1, _extends({}, commonProps, {
+      return /*#__PURE__*/React.createElement(LiveRegion$1, _extends({}, commonProps, {
         id: this.getElementId('live-region'),
         ariaSelection: ariaSelection,
         focusedOption: focusedOption,
@@ -6871,7 +6871,7 @@ var Select = /*#__PURE__*/function (_Component) {
         menuIsOpen = _this$props14.menuIsOpen;
       var isFocused = this.state.isFocused;
       var commonProps = this.commonProps = this.getCommonProps();
-      return /*#__PURE__*/React$1.createElement(SelectContainer, _extends({}, commonProps, {
+      return /*#__PURE__*/React.createElement(SelectContainer, _extends({}, commonProps, {
         className: className,
         innerProps: {
           id: id,
@@ -6879,7 +6879,7 @@ var Select = /*#__PURE__*/function (_Component) {
         },
         isDisabled: isDisabled,
         isFocused: isFocused
-      }), this.renderLiveRegion(), /*#__PURE__*/React$1.createElement(Control, _extends({}, commonProps, {
+      }), this.renderLiveRegion(), /*#__PURE__*/React.createElement(Control, _extends({}, commonProps, {
         innerRef: this.getControlRef,
         innerProps: {
           onMouseDown: this.onControlMouseDown,
@@ -6888,9 +6888,9 @@ var Select = /*#__PURE__*/function (_Component) {
         isDisabled: isDisabled,
         isFocused: isFocused,
         menuIsOpen: menuIsOpen
-      }), /*#__PURE__*/React$1.createElement(ValueContainer, _extends({}, commonProps, {
+      }), /*#__PURE__*/React.createElement(ValueContainer, _extends({}, commonProps, {
         isDisabled: isDisabled
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React$1.createElement(IndicatorsContainer, _extends({}, commonProps, {
+      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React.createElement(IndicatorsContainer, _extends({}, commonProps, {
         isDisabled: isDisabled
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
@@ -6962,7 +6962,7 @@ Select.defaultProps = defaultProps;
 
 var StateManagedSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var baseSelectProps = useStateManager(props);
-  return /*#__PURE__*/React$1.createElement(Select, _extends({
+  return /*#__PURE__*/React.createElement(Select, _extends({
     ref: ref
   }, baseSelectProps));
 });
@@ -7004,11 +7004,11 @@ const MultiSelectDropdown = ({
     const allSelected = getValue();
     const hiddenCount = allSelected.length - maxVisible;
     if (index < maxVisible) {
-      return /*#__PURE__*/React.createElement(components.MultiValue, props);
+      return /*#__PURE__*/React__default.createElement(components.MultiValue, props);
     }
     if (index === maxVisible && hiddenCount > 0) {
       const hiddenLabels = allSelected.slice(maxVisible).map(opt => opt.label).join(", ");
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "multi-value-extra",
         title: hiddenLabels,
         style: {
@@ -7086,13 +7086,13 @@ const MultiSelectDropdown = ({
     })
   };
   const showRequiredError = required && (!selected || selected.length === 0);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: {
       width: "100%"
     },
     ref: containerRef,
     className: showRequiredError ? "select-required-error" : ""
-  }, /*#__PURE__*/React.createElement(StateManagedSelect$1, {
+  }, /*#__PURE__*/React__default.createElement(StateManagedSelect$1, {
     isMulti: isMulti,
     options: options,
     value: selectedOptions,
@@ -7105,7 +7105,7 @@ const MultiSelectDropdown = ({
     menuPortalTarget: document.body,
     closeMenuOnSelect: closeMenuOnSelect,
     "aria-required": required // ✅ Accessibility hint
-  }), showRequiredError && /*#__PURE__*/React.createElement("div", {
+  }), showRequiredError && /*#__PURE__*/React__default.createElement("div", {
     className: "error-text"
   }, "This field is required."));
 };