@dreamcommerce/aurora 2.1.14-3 → 2.1.15-0

package/build/cjs/_virtual/debounce.js_commonjs-proxy

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var debounce = require('../external/lodash/debounce.js');
+
+
+
+exports.default = debounce['default'];
+//# sourceMappingURL=debounce.js_commonjs-proxy.map

package/build/cjs/_virtual/debounce.js_commonjs-proxy.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,uBAAuB,gCAAoC;AAC3D;AACA;AACA;AACA;"}

package/build/cjs/external/lodash/throttle.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isObject = require('./isObject.js');
+var debounce = require('./debounce.js');
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/**
+ * Creates a throttled function that only invokes `func` at most once per
+ * every `wait` milliseconds. The throttled function comes with a `cancel`
+ * method to cancel delayed `func` invocations and a `flush` method to
+ * immediately invoke them. Provide `options` to indicate whether `func`
+ * should be invoked on the leading and/or trailing edge of the `wait`
+ * timeout. The `func` is invoked with the last arguments provided to the
+ * throttled function. Subsequent calls to the throttled function return the
+ * result of the last `func` invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the throttled function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.throttle` and `_.debounce`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to throttle.
+ * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=true]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new throttled function.
+ * @example
+ *
+ * // Avoid excessively updating the position while scrolling.
+ * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+ *
+ * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+ * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+ * jQuery(element).on('click', throttled);
+ *
+ * // Cancel the trailing throttled invocation.
+ * jQuery(window).on('popstate', throttled.cancel);
+ */
+function throttle(func, wait, options) {
+  var leading = true,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (isObject['default'](options)) {
+    leading = 'leading' in options ? !!options.leading : leading;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+  return debounce['default'](func, wait, {
+    'leading': leading,
+    'maxWait': wait,
+    'trailing': trailing
+  });
+}
+
+var throttle_1 = throttle;
+
+exports.default = throttle_1;
+//# sourceMappingURL=throttle.js.map

package/build/cjs/external/lodash/throttle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js

@@ -11,14 +11,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true } }) => {
+const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
-                React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
+                React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle, hasCloseIcon: hasCloseIcon }))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js

@@ -26,14 +26,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, onSearch }) => {
+const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, onSearch, hasCloseIcon }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
-                React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent, onSearch: onSearch }))),
+                React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent, onSearch: onSearch, hasCloseIcon: hasCloseIcon }))),
         React__default['default'].createElement(index['default'].Errors, null),
         additionalInfo && React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo)));
 };

package/build/cjs/packages/aurora/src/components/dropdown/components/select.js

@@ -37,7 +37,7 @@ isReadonly = false,
 /**
  * array of selected options
  */
-selectedOptions, placeholder, onRemoveOptions }) => {
+selectedOptions, placeholder, onRemoveOptions, hasCloseIcon }) => {
     const ref = React.useRef(null);
     /**
      * get values from dropdown context
@@ -58,7 +58,8 @@ selectedOptions, placeholder, onRemoveOptions }) => {
         onRemoveOptions && onRemoveOptions();
     };
     return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
-        React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length && (React__default['default'].createElement("button", { className: main_module$1['default'][css_classes.cssControlInputRemoveButton], onClick: handleOnClick },
+        React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length &&
+                hasCloseIcon && (React__default['default'].createElement("button", { className: main_module$1['default'][css_classes.cssControlInputRemoveButton], onClick: handleOnClick },
                 React__default['default'].createElement(icon_close['default'], { size: "s" }))) }),
         $hiddenInputs));
 };

package/build/cjs/packages/aurora/src/components/dropdown/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js

@@ -79,7 +79,7 @@ onToggle,
 /**
  * called on option change
  */
-onChange }) => {
+onChange, hasCloseIcon }) => {
     /**
      * reference to dropdown wrapper element
      */
@@ -106,7 +106,7 @@ onChange }) => {
     use_set_options_on_close.useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
-            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues }),
+            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues, hasCloseIcon: hasCloseIcon }),
             React__default['default'].createElement(index$1['default'].Content, null,
                 isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => utilities.handleSearchKeyUp(ev, options, setOptionsList) }),
                 React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var debounce = require('../../../../../../../external/lodash/debounce.js');
 var index = require('../../context/index.js');
 var css_classes = require('../../css_classes.js');
 var main_module = require('../../../../css/dropdown/main.module.less.js');
@@ -12,7 +11,6 @@ var use_value = require('../../hooks/use_value.js');
 var use_toggle = require('../../hooks/use_toggle.js');
 var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
 var index$1 = require('../../index.js');
-var select_constants = require('./select_constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -85,7 +83,7 @@ onChange,
  * Place where portal should be placed, by default to body
  * this can be used to put modal inside modal
  */
-portalContainer, placeholder, onScroll, innerAdditionalContent, onSearch }) => {
+portalContainer, placeholder, onScroll, innerAdditionalContent, onSearch, hasCloseIcon }) => {
     /**
      * reference to dropdown wrapper element
      */
@@ -110,16 +108,16 @@ portalContainer, placeholder, onScroll, innerAdditionalContent, onSearch }) => {
      * hook which resets options list to default on close if select has search and it was used
      */
     use_set_options_on_close.useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
-    const handleSearch = debounce['default']((ev) => {
+    const handleSearch = (ev) => {
         onSearch && onSearch(ev);
         utilities.handleSearchKeyUp(ev, options, setOptionsList);
-    }, select_constants.SEARCH_DEBOUNCE_TIMEOUT_IN_MS);
+    };
     React.useEffect(() => {
         setOptionsList(options);
     }, [options]);
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
-            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues }),
+            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues, hasCloseIcon: hasCloseIcon }),
             React__default['default'].createElement(index$1['default'].Content, { portalContainer: portalContainer },
                 isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => handleSearch(ev) }),
                 React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups, onScroll: onScroll }, optionsList === null || optionsList === void 0 ? void 0 :

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,uBAAuB,kDAAsD;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select.js

@@ -4,7 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var debounce = require('../../../../../../../../external/lodash/debounce.js');
 var xhr_select_constants = require('../xhr_select_constants.js');
+var use_xhr_select_constants = require('./use_xhr_select_constants.js');
+var throttle = require('../../../../../../../../external/lodash/throttle.js');
 var xhr_select_response_parser = require('../http/xhr_select_response_parser.js');
 
 const useXhrSelect = ({ url, fetchClient, onScroll }) => {
@@ -15,7 +18,7 @@ const useXhrSelect = ({ url, fetchClient, onScroll }) => {
     const [search, setSearch] = React.useState(null);
     const [t] = useTranslation.useTranslation();
     const xhrSelectResponseParser = new xhr_select_response_parser.XhrSelectResponseParser();
-    const loadSelectDataOnScroll = (event) => {
+    const loadSelectDataOnScroll = throttle['default']((event) => {
         onScroll && onScroll(event);
         if ((selectData === null || selectData === void 0 ? void 0 : selectData.page) === (selectData === null || selectData === void 0 ? void 0 : selectData.pages))
             return;
@@ -44,7 +47,7 @@ const useXhrSelect = ({ url, fetchClient, onScroll }) => {
                 }
             });
         }, xhr_select_constants.SCROLL_FETCH_TIMEOUT_IN_MS)));
-    };
+    }, use_xhr_select_constants.LOAD_DATA_ON_SCROLL_THROTTLE_TIME_IN_MS);
     const resetScrollTimerAndError = () => {
         clearTimeout(scrollTimer);
         setScrollTimer(undefined);
@@ -53,7 +56,7 @@ const useXhrSelect = ({ url, fetchClient, onScroll }) => {
             scrollError: ''
         });
     };
-    const loadSelectDataOnSearch = (ev) => {
+    const loadSelectDataOnSearch = debounce['default']((ev) => {
         const currentSearch = ev.target.value;
         if (currentSearch === search)
             return;
@@ -74,7 +77,7 @@ const useXhrSelect = ({ url, fetchClient, onScroll }) => {
                 });
             }
         });
-    };
+    }, use_xhr_select_constants.SEARCH_DATA_DEBOUNCE_TIMEOUT_IN_MS);
     const fetchXhrData = React.useCallback(({ url, handleResponseData, handleCatchErrors }) => {
         fetchClient
             .fetch({ method: 'get', url })

package/build/cjs/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,0EAA8E;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,0EAA8E;AAC3G,uBAAuB,qDAAyD;AAChF;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select_constants.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const LOAD_DATA_ON_SCROLL_THROTTLE_TIME_IN_MS = 100;
+const SEARCH_DATA_DEBOUNCE_TIMEOUT_IN_MS = 400;
+
+exports.LOAD_DATA_ON_SCROLL_THROTTLE_TIME_IN_MS = LOAD_DATA_ON_SCROLL_THROTTLE_TIME_IN_MS;
+exports.SEARCH_DATA_DEBOUNCE_TIMEOUT_IN_MS = SEARCH_DATA_DEBOUNCE_TIMEOUT_IN_MS;
+//# sourceMappingURL=use_xhr_select_constants.js.map

package/build/cjs/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select.js

@@ -61,7 +61,7 @@ const XhrSelect = ({ url, headerTitle, noItemsErrorMessage, onScroll, fetchClien
             "..."));
     if (!(selectData === null || selectData === void 0 ? void 0 : selectData.list.length) && search === null)
         return React__default['default'].createElement(index['default'], { type: "alert" }, noItemsErrorMessage);
-    return (React__default['default'].createElement(index$2['default'], { ...props, isWithSearch: true, options: mapSelectDataToSelectOptions(selectData || { list: [] }), onScroll: loadSelectDataOnScroll, onSearch: loadSelectDataOnSearch, innerAdditionalContent: React__default['default'].createElement(React__default['default'].Fragment, null,
+    return (React__default['default'].createElement(index$2['default'], { ...props, isWithSearch: true, options: mapSelectDataToSelectOptions(selectData || { list: [] }), onScroll: loadSelectDataOnScroll, onSearch: loadSelectDataOnSearch, hasCloseIcon: true, innerAdditionalContent: React__default['default'].createElement(React__default['default'].Fragment, null,
             errors.scrollError && (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssSelectAdditionalContent]} ${main_module['default'][css_classes.cssSelectError]}` },
                 React__default['default'].createElement(icon_warning['default'], { size: "m", className: main_module['default'][css_classes.cssSelectErrorIcon] }),
                 errors.scrollError)),

package/build/esm/_virtual/debounce.js_commonjs-proxy

@@ -0,0 +1,3 @@
+import debounce_1 from '../external/lodash/debounce.js';
+export { default } from '../external/lodash/debounce.js';
+//# sourceMappingURL=debounce.js_commonjs-proxy.map

package/build/esm/_virtual/debounce.js_commonjs-proxy.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uBAAuB,gCAAoC;AAC3D,wBAAwB,gCAAoC;"}

package/build/esm/external/lodash/throttle.js

@@ -0,0 +1,72 @@
+import isObject_1 from './isObject.js';
+import debounce_1 from './debounce.js';
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/**
+ * Creates a throttled function that only invokes `func` at most once per
+ * every `wait` milliseconds. The throttled function comes with a `cancel`
+ * method to cancel delayed `func` invocations and a `flush` method to
+ * immediately invoke them. Provide `options` to indicate whether `func`
+ * should be invoked on the leading and/or trailing edge of the `wait`
+ * timeout. The `func` is invoked with the last arguments provided to the
+ * throttled function. Subsequent calls to the throttled function return the
+ * result of the last `func` invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the throttled function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.throttle` and `_.debounce`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to throttle.
+ * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=true]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new throttled function.
+ * @example
+ *
+ * // Avoid excessively updating the position while scrolling.
+ * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+ *
+ * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+ * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+ * jQuery(element).on('click', throttled);
+ *
+ * // Cancel the trailing throttled invocation.
+ * jQuery(window).on('popstate', throttled.cancel);
+ */
+function throttle(func, wait, options) {
+  var leading = true,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (isObject_1(options)) {
+    leading = 'leading' in options ? !!options.leading : leading;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+  return debounce_1(func, wait, {
+    'leading': leading,
+    'maxWait': wait,
+    'trailing': trailing
+  });
+}
+
+var throttle_1 = throttle;
+
+export default throttle_1;
+//# sourceMappingURL=throttle.js.map

package/build/esm/external/lodash/throttle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js

@@ -3,14 +3,14 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import Multiple from '../../../dropdown/hoc/multiselect/index.js';
 
-const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true } }) => {
+const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
-                React.createElement(Multiple, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
+                React.createElement(Multiple, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle, hasCloseIcon: hasCloseIcon }))),
         React.createElement(Control.Errors, null)));
 };
 

package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js

@@ -18,14 +18,14 @@ import Select from '../../../dropdown/hoc/select/index.js';
  *  />
  * )
  */
-const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, onSearch }) => {
+const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, onSearch, hasCloseIcon }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
-                React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent, onSearch: onSearch }))),
+                React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent, onSearch: onSearch, hasCloseIcon: hasCloseIcon }))),
         React.createElement(Control.Errors, null),
         additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)));
 };

package/build/esm/packages/aurora/src/components/dropdown/components/select.js

@@ -29,7 +29,7 @@ isReadonly = false,
 /**
  * array of selected options
  */
-selectedOptions, placeholder, onRemoveOptions }) => {
+selectedOptions, placeholder, onRemoveOptions, hasCloseIcon }) => {
     const ref = useRef(null);
     /**
      * get values from dropdown context
@@ -50,7 +50,8 @@ selectedOptions, placeholder, onRemoveOptions }) => {
         onRemoveOptions && onRemoveOptions();
     };
     return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
-        React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length && (React.createElement("button", { className: inputCssClasses[cssControlInputRemoveButton], onClick: handleOnClick },
+        React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length &&
+                hasCloseIcon && (React.createElement("button", { className: inputCssClasses[cssControlInputRemoveButton], onClick: handleOnClick },
                 React.createElement(IconClose, { size: "s" }))) }),
         $hiddenInputs));
 };

package/build/esm/packages/aurora/src/components/dropdown/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/multiselect/index.js

@@ -71,7 +71,7 @@ onToggle,
 /**
  * called on option change
  */
-onChange }) => {
+onChange, hasCloseIcon }) => {
     /**
      * reference to dropdown wrapper element
      */
@@ -98,7 +98,7 @@ onChange }) => {
     useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
     return (React.createElement(DropdownContext.Provider, { value: value },
         React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
-            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues }),
+            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues, hasCloseIcon: hasCloseIcon }),
             React.createElement(Dropdown.Content, null,
                 isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearchKeyUp(ev, options, setOptionsList) }),
                 React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {

package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js

@@ -1,5 +1,4 @@
 import React, { useRef, useState, useEffect } from 'react';
-import debounce_1 from '../../../../../../../external/lodash/debounce.js';
 import { DropdownContext } from '../../context/index.js';
 import { cssDropdown } from '../../css_classes.js';
 import cssClasses from '../../../../css/dropdown/main.module.less.js';
@@ -8,7 +7,6 @@ import { useValue } from '../../hooks/use_value.js';
 import { useToggle } from '../../hooks/use_toggle.js';
 import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
 import Dropdown from '../../index.js';
-import { SEARCH_DEBOUNCE_TIMEOUT_IN_MS } from './select_constants.js';
 
 /**
  * Select component. Build with Dropdown composed components.
@@ -77,7 +75,7 @@ onChange,
  * Place where portal should be placed, by default to body
  * this can be used to put modal inside modal
  */
-portalContainer, placeholder, onScroll, innerAdditionalContent, onSearch }) => {
+portalContainer, placeholder, onScroll, innerAdditionalContent, onSearch, hasCloseIcon }) => {
     /**
      * reference to dropdown wrapper element
      */
@@ -102,16 +100,16 @@ portalContainer, placeholder, onScroll, innerAdditionalContent, onSearch }) => {
      * hook which resets options list to default on close if select has search and it was used
      */
     useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
-    const handleSearch = debounce_1((ev) => {
+    const handleSearch = (ev) => {
         onSearch && onSearch(ev);
         handleSearchKeyUp(ev, options, setOptionsList);
-    }, SEARCH_DEBOUNCE_TIMEOUT_IN_MS);
+    };
     useEffect(() => {
         setOptionsList(options);
     }, [options]);
     return (React.createElement(DropdownContext.Provider, { value: value },
         React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
-            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues }),
+            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues, hasCloseIcon: hasCloseIcon }),
             React.createElement(Dropdown.Content, { portalContainer: portalContainer },
                 isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearch(ev) }),
                 React.createElement(Dropdown.List, { isWithGroups: isWithGroups, onScroll: onScroll }, optionsList === null || optionsList === void 0 ? void 0 :

package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,uBAAuB,kDAAsD;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select.js

@@ -1,6 +1,9 @@
 import { useState, useCallback, useEffect } from 'react';
 import { useTranslation } from '../../../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import debounce_1 from '../../../../../../../../external/lodash/debounce.js';
 import { SCROLL_FETCH_TIMEOUT_IN_MS } from '../xhr_select_constants.js';
+import { SEARCH_DATA_DEBOUNCE_TIMEOUT_IN_MS, LOAD_DATA_ON_SCROLL_THROTTLE_TIME_IN_MS } from './use_xhr_select_constants.js';
+import throttle_1 from '../../../../../../../../external/lodash/throttle.js';
 import { XhrSelectResponseParser } from '../http/xhr_select_response_parser.js';
 
 const useXhrSelect = ({ url, fetchClient, onScroll }) => {
@@ -11,7 +14,7 @@ const useXhrSelect = ({ url, fetchClient, onScroll }) => {
     const [search, setSearch] = useState(null);
     const [t] = useTranslation();
     const xhrSelectResponseParser = new XhrSelectResponseParser();
-    const loadSelectDataOnScroll = (event) => {
+    const loadSelectDataOnScroll = throttle_1((event) => {
         onScroll && onScroll(event);
         if ((selectData === null || selectData === void 0 ? void 0 : selectData.page) === (selectData === null || selectData === void 0 ? void 0 : selectData.pages))
             return;
@@ -40,7 +43,7 @@ const useXhrSelect = ({ url, fetchClient, onScroll }) => {
                 }
             });
         }, SCROLL_FETCH_TIMEOUT_IN_MS)));
-    };
+    }, LOAD_DATA_ON_SCROLL_THROTTLE_TIME_IN_MS);
     const resetScrollTimerAndError = () => {
         clearTimeout(scrollTimer);
         setScrollTimer(undefined);
@@ -49,7 +52,7 @@ const useXhrSelect = ({ url, fetchClient, onScroll }) => {
             scrollError: ''
         });
     };
-    const loadSelectDataOnSearch = (ev) => {
+    const loadSelectDataOnSearch = debounce_1((ev) => {
         const currentSearch = ev.target.value;
         if (currentSearch === search)
             return;
@@ -70,7 +73,7 @@ const useXhrSelect = ({ url, fetchClient, onScroll }) => {
                 });
             }
         });
-    };
+    }, SEARCH_DATA_DEBOUNCE_TIMEOUT_IN_MS);
     const fetchXhrData = useCallback(({ url, handleResponseData, handleCatchErrors }) => {
         fetchClient
             .fetch({ method: 'get', url })

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,0EAA8E;AAC7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,0EAA8E;AAC7G,uBAAuB,qDAAyD;AAChF;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select_constants.d.ts

@@ -0,0 +1,2 @@
+export declare const LOAD_DATA_ON_SCROLL_THROTTLE_TIME_IN_MS = 100;
+export declare const SEARCH_DATA_DEBOUNCE_TIMEOUT_IN_MS = 400;

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select_constants.js

@@ -0,0 +1,5 @@
+const LOAD_DATA_ON_SCROLL_THROTTLE_TIME_IN_MS = 100;
+const SEARCH_DATA_DEBOUNCE_TIMEOUT_IN_MS = 400;
+
+export { LOAD_DATA_ON_SCROLL_THROTTLE_TIME_IN_MS, SEARCH_DATA_DEBOUNCE_TIMEOUT_IN_MS };
+//# sourceMappingURL=use_xhr_select_constants.js.map

package/build/esm/packages/aurora/src/components/dropdown/hoc/{select/select_constants.js.map → xhr_select/hooks/use_xhr_select_constants.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select.js

@@ -53,7 +53,7 @@ const XhrSelect = ({ url, headerTitle, noItemsErrorMessage, onScroll, fetchClien
             "..."));
     if (!(selectData === null || selectData === void 0 ? void 0 : selectData.list.length) && search === null)
         return React.createElement(MessageBox, { type: "alert" }, noItemsErrorMessage);
-    return (React.createElement(ControlSelect, { ...props, isWithSearch: true, options: mapSelectDataToSelectOptions(selectData || { list: [] }), onScroll: loadSelectDataOnScroll, onSearch: loadSelectDataOnSearch, innerAdditionalContent: React.createElement(React.Fragment, null,
+    return (React.createElement(ControlSelect, { ...props, isWithSearch: true, options: mapSelectDataToSelectOptions(selectData || { list: [] }), onScroll: loadSelectDataOnScroll, onSearch: loadSelectDataOnSearch, hasCloseIcon: true, innerAdditionalContent: React.createElement(React.Fragment, null,
             errors.scrollError && (React.createElement("div", { className: `${cssClasses[cssSelectAdditionalContent]} ${cssClasses[cssSelectError]}` },
                 React.createElement(IconWarning, { size: "m", className: cssClasses[cssSelectErrorIcon] }),
                 errors.scrollError)),

package/build/esm/packages/aurora/src/components/dropdown/types.d.ts

@@ -27,6 +27,7 @@ export interface IDropdownSelectProps {
     isDisabled?: boolean;
     isReadonly?: boolean;
     placeholder?: string;
+    hasCloseIcon?: boolean;
     onRemoveOptions?: (...args: any[]) => any;
 }
 export interface IDropdownLabelProps {
@@ -96,6 +97,7 @@ export interface ISelectProps extends IDropdownProps {
     isWithSearch?: boolean;
     placeholder?: string;
     innerAdditionalContent?: React.ReactNode;
+    hasCloseIcon?: boolean;
     onChange?: (selectedOption: ISelectOption) => void;
     onScroll?: (event: React.UIEvent<HTMLElement>) => void;
     onSearch?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.1.14-3",
+  "version": "2.1.15-0",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/select_constants.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const SEARCH_DEBOUNCE_TIMEOUT_IN_MS = 500;
-
-exports.SEARCH_DEBOUNCE_TIMEOUT_IN_MS = SEARCH_DEBOUNCE_TIMEOUT_IN_MS;
-//# sourceMappingURL=select_constants.js.map

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/select_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/select/select_constants.d.ts

@@ -1 +0,0 @@
-export declare const SEARCH_DEBOUNCE_TIMEOUT_IN_MS = 500;

package/build/esm/packages/aurora/src/components/dropdown/hoc/select/select_constants.js

@@ -1,4 +0,0 @@
-const SEARCH_DEBOUNCE_TIMEOUT_IN_MS = 500;
-
-export { SEARCH_DEBOUNCE_TIMEOUT_IN_MS };
-//# sourceMappingURL=select_constants.js.map