@dreamcommerce/aurora 2.17.20 → 2.17.21-2

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

@@ -0,0 +1,92 @@
+import React, { useRef } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { DropdownContext } from '../context/index.js';
+import cssClasses from '../../../css/dropdown/main.module.less.js';
+import { useDropdownsManagerContext } from '../hooks/use_dropdowns_manager_context.js';
+import Content from './content.js';
+import CustomLabel from './custom_label.js';
+import Header from './header.js';
+import Item from './item.js';
+import ItemWithHover from './item_with_hover.js';
+import Label from './label.js';
+import Link from './link.js';
+import List from './list.js';
+import Option from './option.js';
+import { useToggle } from '../hooks/use_toggle.js';
+import OptionMultiple from './option_multiple.js';
+import Search from './search.js';
+import Select from './select.js';
+
+/**
+ * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
+ * selects, multiselects or dropdowns.
+ *
+ * @component
+ * @example
+ * return (
+ *  <Dropdown>
+ *      <Dropdown.Label label="Wybierz link" />
+ *      <Dropdown.Content>
+ *          <Dropdown.List>
+ *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
+ *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
+ *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
+ *          </Dropdown.List>
+ *      </Dropdown.Content>
+ *  <Dropdown>
+ * )
+ */
+
+var Dropdown = function Dropdown(_ref) {
+  var _ref$defaultIsOpen = _ref.defaultIsOpen,
+      defaultIsOpen = _ref$defaultIsOpen === void 0 ? false : _ref$defaultIsOpen,
+      onToggle = _ref.onToggle,
+      children = _ref.children;
+  var wrapperRef = useRef(null);
+
+  var _useDropdownsManagerC = useDropdownsManagerContext(),
+      closeAllDropdowns = _useDropdownsManagerC.closeAllDropdowns;
+
+  var _useToggle = useToggle(defaultIsOpen, onToggle, closeAllDropdowns),
+      _useToggle2 = _slicedToArray(_useToggle, 4),
+      isOpen = _useToggle2[0],
+      toggleDropdown = _useToggle2[1],
+      openDropdown = _useToggle2[2],
+      closeDropdown = _useToggle2[3];
+  /**
+   * context values, they may be used with useContext in any component which is part of Dropdown composition
+   */
+
+
+  var value = React.useMemo(function () {
+    return {
+      wrapperRef: wrapperRef,
+      isOpen: isOpen,
+      toggleDropdown: toggleDropdown,
+      openDropdown: openDropdown,
+      closeDropdown: closeDropdown
+    };
+  }, [isOpen, toggleDropdown, openDropdown, closeDropdown]);
+  return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: wrapperRef,
+    className: cssClasses.dropdown
+  }, children));
+};
+
+Dropdown.Select = Select;
+Dropdown.Content = Content;
+Dropdown.ItemWithHover = ItemWithHover;
+Dropdown.Search = Search;
+Dropdown.List = List;
+Dropdown.Header = Header;
+Dropdown.Option = Option;
+Dropdown.OptionMultiple = OptionMultiple;
+Dropdown.Link = Link;
+Dropdown.Label = Label;
+Dropdown.CustomLabel = CustomLabel;
+Dropdown.Item = Item;
+
+export default Dropdown;
+//# sourceMappingURL=dropdown.js.map

package/build/{cjs/packages/aurora/src/components/dropdown/index.js.map → esm/packages/aurora/src/components/dropdown/components/dropdown.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;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IDropdownsManagerContextProps } from './types';
+export declare const DropdownsManagerContext: import("react").Context<IDropdownsManagerContextProps>;

package/build/esm/packages/aurora/src/components/dropdown/context/dropdowns_manager.js

@@ -0,0 +1,13 @@
+import { createContext } from 'react';
+
+var DropdownsManagerContext = /*#__PURE__*/createContext({
+  addDropdown: function addDropdown() {},
+  updateDropdown: function updateDropdown() {},
+  getDropdown: function getDropdown() {
+    return undefined;
+  },
+  closeAllDropdowns: function closeAllDropdowns() {}
+});
+
+export { DropdownsManagerContext };
+//# sourceMappingURL=dropdowns_manager.js.map

package/build/esm/packages/aurora/src/components/dropdown/context/dropdowns_manager.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;"}

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { IDropdown } from '../types';
 export interface IDropdownContext {
     wrapperRef?: React.RefObject<HTMLDivElement>;
     isOpen?: boolean;
@@ -6,3 +7,9 @@ export interface IDropdownContext {
     openDropdown?: () => void;
     closeDropdown?: () => void;
 }
+export interface IDropdownsManagerContextProps {
+    addDropdown: (dropdown: IDropdown) => void;
+    updateDropdown: (dropdown: IDropdown) => void;
+    getDropdown: (dropdownId: string) => IDropdown | undefined;
+    closeAllDropdowns: () => void;
+}

package/build/esm/packages/aurora/src/components/dropdown/context/types.js

@@ -1,2 +1,2 @@
-export {};
+import '../types';
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/context/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/context/types.ts"],"names":[],"mappings":"AAAA,OAA0B,UAAU,CAAC"}

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

@@ -7,7 +7,7 @@ import { handleSearchKeyUp, isSelected, handleItemClick } from '../../utilities.
 import { useValues } from '../../hooks/use_values.js';
 import { useToggle } from '../../hooks/use_toggle.js';
 import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
-import Dropdown from '../../index.js';
+import Dropdown from '../../components/dropdown.js';
 
 /**
  * MultiSelect component. Build with Dropdown composed components.

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

@@ -7,7 +7,7 @@ import { handleSearchKeyUp, isSelected, handleItemClick } from '../../utilities.
 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 Dropdown from '../../components/dropdown.js';
 
 /**
  * Select component. Build with Dropdown composed components.

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

@@ -0,0 +1,8 @@
+import { IDropdown } from '../types';
+declare const useDropdownsManager: () => {
+    addDropdown: (dropdown: IDropdown) => void;
+    updateDropdown: (dropdown: IDropdown) => void;
+    getDropdown: (dropdownId: string) => IDropdown | undefined;
+    closeAllDropdowns: () => void;
+};
+export default useDropdownsManager;

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_dropdowns_manager.js

@@ -0,0 +1,42 @@
+import '../types';
+import { useState } from 'react';
+const useDropdownsManager = () => {
+    const [dropdownsStack, setDropdownsStack] = useState([]);
+    const addDropdown = (dropdown) => {
+        setDropdownsStack((stack) => {
+            const dropdownIdAlreadyExist = stack.some((stackModal) => stackModal.id === dropdown.id);
+            if (dropdownIdAlreadyExist) {
+                return [...stack];
+            }
+            else {
+                return [...stack, dropdown];
+            }
+        });
+    };
+    const updateDropdown = (dropdown) => {
+        setDropdownsStack((previousStack) => {
+            const updatedStack = previousStack.map((stackDropdown) => (stackDropdown.id === dropdown.id ? { ...dropdown } : stackDropdown));
+            return updatedStack;
+        });
+    };
+    const closeAllDropdowns = () => {
+        setDropdownsStack((previousStack) => {
+            const updatedStack = previousStack.map((stackDropdown) => {
+                stackDropdown.isOpen = false;
+                return stackDropdown;
+            });
+            return updatedStack;
+        });
+    };
+    const getDropdown = (dropdownId) => {
+        return dropdownsStack.find((stackModal) => stackModal.id === dropdownId);
+    };
+    return {
+        addDropdown,
+        updateDropdown,
+        getDropdown,
+        closeAllDropdowns
+    };
+};
+export default useDropdownsManager;
+//# sourceMappingURL=use_dropdowns_manager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_dropdowns_manager.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/hooks/use_dropdowns_manager.ts"],"names":[],"mappings":"AAAA,OAA0B,UAAU,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAEtE,MAAM,WAAW,GAAG,CAAC,QAAmB,EAAE,EAAE;QACxC,iBAAiB,CAAC,CAAC,KAAK,EAAE,EAAE;YACxB,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC;YAEzF,IAAI,sBAAsB,EAAE;gBACxB,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC;aACrB;iBAAM;gBACH,OAAO,CAAC,GAAG,KAAK,EAAE,QAAQ,CAAC,CAAC;aAC/B;QACL,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,QAAmB,EAAE,EAAE;QAC3C,iBAAiB,CAAC,CAAC,aAAa,EAAE,EAAE;YAChC,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;YAEhI,OAAO,YAAY,CAAC;QACxB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,iBAAiB,CAAC,CAAC,aAAa,EAAE,EAAE;YAChC,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE;gBACrD,aAAa,CAAC,MAAM,GAAG,KAAK,CAAC;gBAC7B,OAAO,aAAa,CAAC;YACzB,CAAC,CAAC,CAAC;YAEH,OAAO,YAAY,CAAC;QACxB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,UAAkB,EAAyB,EAAE;QAC9D,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC;IAC7E,CAAC,CAAC;IAEF,OAAO;QACH,WAAW;QACX,cAAc;QACd,WAAW;QACX,iBAAiB;KACpB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,2 @@
+import { IDropdownsManagerContextProps } from '../context/types';
+export declare function useDropdownsManagerContext(): IDropdownsManagerContextProps;

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_dropdowns_manager_context.js

@@ -0,0 +1,15 @@
+import { useContext } from 'react';
+import { DropdownsManagerContext } from '../context/dropdowns_manager.js';
+
+function useDropdownsManagerContext() {
+  var context = useContext(DropdownsManagerContext);
+
+  if (Object.keys(context).length === 0 && context.constructor === Object) {
+    throw new Error("Dropdown cannot be rendered outside the DropdownsManagerContext");
+  }
+
+  return context;
+}
+
+export { useDropdownsManagerContext };
+//# sourceMappingURL=use_dropdowns_manager_context.js.map

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_dropdowns_manager_context.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;"}

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

@@ -2,6 +2,7 @@
  * Hook used for toggling dropdown
  * @param defaultIsOpen should dropdown be opened at render
  * @param onToggleCb callback onToggle
+ * @param closeAllDropdowns close all already opened dropdowns
  * @returns {Array} tuple - open state and and method to change open state
  */
-export declare function useToggle(defaultIsOpen?: boolean, onToggleCb?: (isOpen: boolean) => void): [boolean, () => void, () => void, () => void];
+export declare function useToggle(defaultIsOpen?: boolean, onToggleCb?: (isOpen: boolean) => void, closeAllDropdowns?: () => void): [boolean, () => void, () => void, () => void];

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.js

@@ -6,12 +6,14 @@ import { useEffectAfterMount } from '../../../hooks/use_effect_after_mount.js';
  * Hook used for toggling dropdown
  * @param defaultIsOpen should dropdown be opened at render
  * @param onToggleCb callback onToggle
+ * @param closeAllDropdowns close all already opened dropdowns
  * @returns {Array} tuple - open state and and method to change open state
  */
 
 function useToggle() {
   var defaultIsOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var onToggleCb = arguments.length > 1 ? arguments[1] : undefined;
+  var closeAllDropdowns = arguments.length > 2 ? arguments[2] : undefined;
 
   var _useState = useState(defaultIsOpen),
       _useState2 = _slicedToArray(_useState, 2),
@@ -19,7 +21,8 @@ function useToggle() {
       setIsOpen = _useState2[1];
 
   var onToggle = useCallback(function () {
-    return setIsOpen(function (oldIsOpen) {
+    closeAllDropdowns && closeAllDropdowns();
+    setIsOpen(function (oldIsOpen) {
       return !oldIsOpen;
     });
   }, []);

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.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;"}
+{"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;"}

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

@@ -1,23 +1,6 @@
-import { IDropdownComposition, IDropdownProps } from './types';
-import React from 'react';
-/**
- * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
- * selects, multiselects or dropdowns.
- *
- * @component
- * @example
- * return (
- *  <Dropdown>
- *      <Dropdown.Label label="Wybierz link" />
- *      <Dropdown.Content>
- *          <Dropdown.List>
- *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
- *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
- *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
- *          </Dropdown.List>
- *      </Dropdown.Content>
- *  <Dropdown>
- * )
- */
-declare const Dropdown: React.FC<IDropdownProps> & IDropdownComposition;
-export default Dropdown;
+import React, { ReactNode } from 'react';
+interface IDropdownsManagerContextProps {
+    children: ReactNode;
+}
+declare const DropdownsManager: React.FC<IDropdownsManagerContextProps>;
+export default DropdownsManager;

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

@@ -1,88 +1,15 @@
-import React, { useRef } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { DropdownContext } from './context/index.js';
-import cssClasses from '../../css/dropdown/main.module.less.js';
-import Content from './components/content.js';
-import CustomLabel from './components/custom_label.js';
-import Header from './components/header.js';
-import Item from './components/item.js';
-import ItemWithHover from './components/item_with_hover.js';
-import Label from './components/label.js';
-import Link from './components/link.js';
-import List from './components/list.js';
-import Option from './components/option.js';
-import { useToggle } from './hooks/use_toggle.js';
-import OptionMultiple from './components/option_multiple.js';
-import Search from './components/search.js';
-import Select from './components/select.js';
-
-/**
- * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
- * selects, multiselects or dropdowns.
- *
- * @component
- * @example
- * return (
- *  <Dropdown>
- *      <Dropdown.Label label="Wybierz link" />
- *      <Dropdown.Content>
- *          <Dropdown.List>
- *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
- *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
- *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
- *          </Dropdown.List>
- *      </Dropdown.Content>
- *  <Dropdown>
- * )
- */
-
-var Dropdown = function Dropdown(_ref) {
-  var _ref$defaultIsOpen = _ref.defaultIsOpen,
-      defaultIsOpen = _ref$defaultIsOpen === void 0 ? false : _ref$defaultIsOpen,
-      onToggle = _ref.onToggle,
-      children = _ref.children;
-  var wrapperRef = useRef(null);
-
-  var _useToggle = useToggle(defaultIsOpen, onToggle),
-      _useToggle2 = _slicedToArray(_useToggle, 4),
-      isOpen = _useToggle2[0],
-      toggleDropdown = _useToggle2[1],
-      openDropdown = _useToggle2[2],
-      closeDropdown = _useToggle2[3];
-  /**
-   * context values, they may be used with useContext in any component which is part of Dropdown composition
-   */
-
-
-  var value = React.useMemo(function () {
-    return {
-      wrapperRef: wrapperRef,
-      isOpen: isOpen,
-      toggleDropdown: toggleDropdown,
-      openDropdown: openDropdown,
-      closeDropdown: closeDropdown
-    };
-  }, [isOpen, toggleDropdown, openDropdown, closeDropdown]);
-  return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: wrapperRef,
-    className: cssClasses.dropdown
-  }, children));
+import React, { useMemo } from 'react';
+import { DropdownsManagerContext } from './context/dropdowns_manager';
+import useDropdownsManager from './hooks/use_dropdowns_manager';
+const DropdownsManager = ({ children }) => {
+    const { addDropdown, updateDropdown, getDropdown, closeAllDropdowns } = useDropdownsManager();
+    const value = useMemo(() => ({
+        addDropdown,
+        updateDropdown,
+        getDropdown,
+        closeAllDropdowns
+    }), [addDropdown, updateDropdown, getDropdown, closeAllDropdowns]);
+    return React.createElement(DropdownsManagerContext.Provider, { value: value }, children);
 };
-
-Dropdown.Select = Select;
-Dropdown.Content = Content;
-Dropdown.ItemWithHover = ItemWithHover;
-Dropdown.Search = Search;
-Dropdown.List = List;
-Dropdown.Header = Header;
-Dropdown.Option = Option;
-Dropdown.OptionMultiple = OptionMultiple;
-Dropdown.Link = Link;
-Dropdown.Label = Label;
-Dropdown.CustomLabel = CustomLabel;
-Dropdown.Item = Item;
-
-export default Dropdown;
-//# sourceMappingURL=index.js.map
+export default DropdownsManager;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/dropdown/index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,mBAAmB,MAAM,+BAA+B,CAAC;AAMhE,MAAM,gBAAgB,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/E,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAE9F,MAAM,KAAK,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC;QACH,WAAW;QACX,cAAc;QACd,WAAW;QACX,iBAAiB;KACpB,CAAC,EACF,CAAC,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAChE,CAAC;IAEF,OAAO,oBAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAoC,CAAC;AACzG,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -39,6 +39,10 @@ export interface IDropdownCustomLabelProps {
     children: ReactNode;
     disabled?: boolean;
 }
+export interface IDropdown {
+    id: string;
+    isOpen: boolean;
+}
 export interface IDropdownContentProps {
     search?: ReactNode;
     children?: ReactNode;
@@ -53,6 +57,7 @@ export interface IDropdownContentProps {
     shouldCloseOnClickOutside?: boolean;
     onClickOutside?: () => void;
     shouldCloseOnScroll?: boolean;
+    shouldCloseOthersOnOpen?: boolean;
 }
 export interface IDropdownItemWithHover {
     children?: ReactNode;

package/build/esm/packages/aurora/src/components/hint/index.js

@@ -5,7 +5,7 @@ import cssClasses from '../../css/hint/main.module.less.js';
 import { classNames } from '../../utilities/styles/classNames.js';
 import IconHint from '../../assets/icon_hint.js';
 import { useToggle } from '../dropdown/hooks/use_toggle.js';
-import Dropdown from '../dropdown/index.js';
+import Dropdown from '../dropdown/components/dropdown.js';
 
 var Hint = function Hint(_ref) {
   var hint = _ref.hint,

package/build/esm/packages/aurora/src/components/tooltip/index.js

@@ -3,7 +3,7 @@ import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollup
 import { DropdownContext } from '../dropdown/context/index.js';
 import cssClasses from '../../css/tooltip/main.module.less.js';
 import { useToggle } from '../dropdown/hooks/use_toggle.js';
-import Dropdown from '../dropdown/index.js';
+import Dropdown from '../dropdown/components/dropdown.js';
 import { cssTooltip, cssTooltipContainer } from './css_classes.js';
 import { TOOLTIP_TIMEOUT_IN_MS } from './tooltip_constants.js';
 

package/build/esm/packages/aurora/src/index.d.ts

@@ -35,7 +35,7 @@ import ControlTextarea from "./components/controls/hoc/control_textarea";
 import ControlXhrImagePicker from "./components/controls/hoc/control_xhr_image_picker";
 import DataTable from "./components/table/hoc/data-table";
 import Datepicker from "./components/date_picker";
-import Dropdown from "./components/dropdown";
+import Dropdown from "./components/dropdown/components/dropdown";
 /**
  * import context for export
  */
@@ -115,7 +115,7 @@ import XhrImagePicker from "./components/xhr_image_picker";
 import { useClickOutside } from "./hooks/use_click_outside";
 import { useDropdownContext } from "./components/dropdown/context";
 import { useFlashMessenger } from "./components/flash_messenger/context";
-import useModals from "./components/modal_new/hooks/use_modals";
+import { useModalsContext } from "./components/modal_new/hooks/use_modals_context";
 import { useSearchList } from "./components/search_list/use_search_list";
 import { useToggle } from "./components/dropdown/hooks";
 /**
@@ -124,7 +124,7 @@ import { useToggle } from "./components/dropdown/hooks";
 /**
  * export components
  */
-export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModals, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
+export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModalsContext, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
 /**
  * export types
  */

package/build/esm/packages/aurora/src/index.js

@@ -14,7 +14,7 @@ export { default as Control } from './components/controls/index.js';
 export { useToggle } from './components/dropdown/hooks/use_toggle.js';
 export { default as Hint } from './components/hint/index.js';
 export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
-export { default as Dropdown } from './components/dropdown/index.js';
+export { default as Dropdown } from './components/dropdown/components/dropdown.js';
 export { default as ColorPickerNew } from './components/color_picker_new/index.js';
 export { default as ControlCellSelector } from './components/controls/hoc/control_cell_selector/index.js';
 export { default as ControlCheckboxSwitch } from './components/controls/hoc/control_checkbox_switch/index.js';
@@ -38,6 +38,7 @@ export { default as TagsSelector } from './components/tags_selector/index.js';
 export { default as ControlTagsSelector } from './components/controls/hoc/control_tags_selector/index.js';
 export { default as ControlTextarea } from './components/controls/hoc/control_textarea/index.js';
 export { default as ImagePicker } from './components/image_picker/index.js';
+export { useModalsContext } from './components/modal_new/hooks/use_modals_context.js';
 export { ModalNew } from './components/modal_new/components/modal/modal.js';
 export { default as XhrImagePicker } from './components/xhr_image_picker/index.js';
 export { default as ControlXhrImagePicker } from './components/controls/hoc/control_xhr_image_picker/index.js';
@@ -61,7 +62,6 @@ export { default as Loader } from './components/loader/index.js';
 export { default as Modal } from './components/modal/index.js';
 export { ModalContext } from './components/modal/context/modal_context.js';
 export { default as ModalProvider } from './components/modal/hoc/modal_provider.js';
-export { default as useModals } from './components/modal_new/hooks/use_modals.js';
 export { default as ModalsManager } from './components/modal_new/index.js';
 export { default as RelativeModal } from './components/modal/hoc/relative_modal/index.js';
 export { ScrollSync } from './components/scroll_sync/index.js';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.17.20",
+  "version": "2.17.21-2",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",