@dreamcommerce/aurora 2.1.10 → 2.1.12

package/build/cjs/packages/aurora/src/components/controls/components/radio.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var classNames = require('../../../utilities/styles/classNames.js');
 var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/radio/main.module.less.js');
+var classNames = require('../../../utilities/styles/classNames.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
-var classNames = require('../../../utilities/styles/classNames.js');
 var reactDom = require('react-dom');
 var index = require('../context/index.js');
 var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
 var use_screen_detect = require('../../../hooks/use_screen_detect.js');
 var with_translation = require('../../../utilities/translation/with_translation.js');
 var main_module$1 = require('../../../css/icons/main.module.less.js');
+var classNames = require('../../../utilities/styles/classNames.js');
 var reactTransitionGroup = require('react-transition-group');
 var constants = require('../constants.js');
 var css_classes = require('../css_classes.js');

package/build/cjs/packages/aurora/src/components/search_list/components/search_list.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context = require('../context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const SearchList = ({ children, data }) => {
+    return React__default['default'].createElement(context.SearchListContextProvider, { data: data }, children);
+};
+
+exports.SearchList = SearchList;
+exports.default = SearchList;
+//# sourceMappingURL=search_list.js.map

package/build/cjs/packages/aurora/src/components/search_list/components/search_list.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;"}

package/build/cjs/packages/aurora/src/components/search_list/components/search_list_input.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('../constants.js');
+var context = require('../context.js');
+var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/search_list/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const SearchListInput = ({ placeholderText, hasIcon }) => {
+    const [value, setValue] = React.useState('');
+    const [, dispatch] = context.useSearchList();
+    const handleOnChange = (event) => {
+        setValue(event.target.value);
+    };
+    React.useEffect(() => {
+        dispatch({ type: constants.FILTER_ITEMS, payload: { filterKey: constants.FILTER_KEY, searchValue: value } });
+        dispatch({ type: constants.SET_SEARCH_VALUE, payload: { searchValue: value } });
+    }, [value]);
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].searchListInput] },
+        React__default['default'].createElement("input", { className: `${main_module['default'][css_classes['default'].searchListInputField]} ${hasIcon ? main_module['default'][css_classes['default'].searchListInputFieldWithIcon] : ''}`, placeholder: placeholderText, onChange: handleOnChange }),
+        hasIcon && React__default['default'].createElement("i", { className: main_module['default'][css_classes['default'].searchListInputIcon] })));
+};
+
+exports.SearchListInput = SearchListInput;
+exports.default = SearchListInput;
+//# sourceMappingURL=search_list_input.js.map

package/build/cjs/packages/aurora/src/components/search_list/components/search_list_input.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;"}

package/build/cjs/packages/aurora/src/components/search_list/components/search_list_results.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context = require('../context.js');
+var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/search_list/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const SearchListResults = ({ SearchListItem }) => {
+    const [{ items }] = context.useSearchList();
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].searchListResults] }, items.map((item, index) => {
+        return React__default['default'].createElement(SearchListItem, { key: `search-item-${index}`, item: item });
+    })));
+};
+
+exports.SearchListResults = SearchListResults;
+exports.default = SearchListResults;
+//# sourceMappingURL=search_list_results.js.map

package/build/cjs/packages/aurora/src/components/search_list/constants.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const SET_ITEMS = 'set-items';
+const FILTER_ITEMS = 'filter-items';
+const SET_SEARCH_VALUE = 'set-search-value';
+const FILTER_KEY = 'name';
+
+exports.FILTER_ITEMS = FILTER_ITEMS;
+exports.FILTER_KEY = FILTER_KEY;
+exports.SET_ITEMS = SET_ITEMS;
+exports.SET_SEARCH_VALUE = SET_SEARCH_VALUE;
+//# sourceMappingURL=constants.js.map

package/build/cjs/packages/aurora/src/components/search_list/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;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/search_list/context.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('./constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const SearchListContext = React.createContext(null);
+const reducer = (state, action) => {
+    switch (action.type) {
+        case constants.SET_ITEMS: {
+            return {
+                ...state,
+                items: action.payload.items
+            };
+        }
+        case constants.FILTER_ITEMS: {
+            const filteredItems = state.initialData.filter((item) => {
+                var _a;
+                return (_a = item[action.payload.filterKey]) === null || _a === void 0 ? void 0 : _a.includes(action.payload.searchValue);
+            });
+            return {
+                ...state,
+                items: filteredItems
+            };
+        }
+        case constants.SET_SEARCH_VALUE: {
+            return {
+                ...state,
+                searchValue: action.payload.searchValue
+            };
+        }
+        default:
+            return state;
+    }
+};
+const SearchListContextProvider = ({ children, data }) => {
+    const [state, dispatch] = React.useReducer(reducer, {
+        items: data,
+        initialData: [...data],
+        searchValue: ''
+    });
+    const value = React.useMemo(() => [state, dispatch], [state]);
+    return React__default['default'].createElement(SearchListContext.Provider, { value: value }, children);
+};
+const useSearchList = () => {
+    const context = React.useContext(SearchListContext);
+    if (!context) {
+        throw new Error('useSearchList must be used within SearchListProvider');
+    }
+    return context;
+};
+
+exports.SearchListContextProvider = SearchListContextProvider;
+exports.useSearchList = useSearchList;
+//# sourceMappingURL=context.js.map

package/build/cjs/packages/aurora/src/components/search_list/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/search_list/css_classes.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_CLASSES = {
+    searchList: 'search-list',
+    searchListInput: 'search-list__input',
+    searchListInputField: 'search-list__input-field',
+    searchListInputIcon: 'search-list__input-icon',
+    searchListInputFieldWithIcon: 'search-list__input-field-with-icon',
+    searchListResults: 'search-list__results'
+};
+
+exports.default = CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/src/components/search_list/css_classes.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/cjs/packages/aurora/src/components/tabs/components/tabs.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var classNames = require('../../../utilities/styles/classNames.js');
-var main_module = require('../../../css/tabs/main.module.less.js');
+var css_classes = require('../css_classes.js');
 var context = require('../context.js');
+var main_module = require('../../../css/tabs/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Tabs = ({ children, small = false }) => {
-    const [selected, setSelected] = React.useState(null);
-    const isSelected = (tabId) => tabId === selected;
-    return (React__default['default'].createElement(context.TabContext.Provider, { value: { selected, setSelected, isSelected } },
-        React__default['default'].createElement("nav", { className: classNames.classNames(['tabs', small && 'tabs_small'], main_module['default']) },
-            React__default['default'].createElement("ul", { className: main_module['default']['tabs__list'] }, children))));
+const Tabs = ({ initialActiveTabId, children }) => {
+    const { setActiveId } = React.useContext(context.TabsContext);
+    React.useEffect(() => {
+        setActiveId(initialActiveTabId);
+    }, [setActiveId, initialActiveTabId]);
+    return React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].tabs] }, children);
 };
 
 exports.default = Tabs;

package/build/cjs/packages/aurora/src/components/tabs/components/tabs_item.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var css_classes = require('../css_classes.js');
+var context = require('../context.js');
+var main_module = require('../../../css/tabs/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const TabsItem = ({ id, children }) => {
+    const { activeId, setActiveId } = React.useContext(context.TabsContext);
+    const activeItem = activeId === id;
+    return (React__default['default'].createElement("button", { className: `${main_module['default'][css_classes['default'].tabsItem]} ${activeItem ? main_module['default'][css_classes['default'].tabsItemActive] : ''}`, role: "tab", tabIndex: activeItem ? 1 : -1, "aria-selected": activeItem, "aria-controls": id, onClick: () => setActiveId(id) }, children));
+};
+
+exports.TabsItem = TabsItem;
+exports.default = TabsItem;
+//# sourceMappingURL=tabs_item.js.map

package/build/cjs/packages/aurora/src/components/tabs/components/tabs_item_list.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/tabs/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const TabsItemList = ({ children }) => {
+    return (React__default['default'].createElement("div", { role: "tablist", className: main_module['default'][css_classes['default'].tabsItemList] }, children));
+};
+
+exports.TabsItemList = TabsItemList;
+exports.default = TabsItemList;
+//# sourceMappingURL=tabs_item_list.js.map

package/build/cjs/packages/aurora/src/components/tabs/components/tabs_item_list.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;"}

package/build/cjs/packages/aurora/src/components/tabs/components/tabs_panel.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/tabs/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const TabsPanel = ({ id, children }) => {
+    return (React__default['default'].createElement("div", { role: "tabpanel", tabIndex: 0, "aria-labelledby": id, className: main_module['default'][css_classes['default'].tabsPanel] }, children));
+};
+
+exports.TabsPanel = TabsPanel;
+exports.default = TabsPanel;
+//# sourceMappingURL=tabs_panel.js.map

package/build/cjs/packages/aurora/src/components/tabs/components/tabs_panel.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;"}

package/build/cjs/packages/aurora/src/components/tabs/components/tabs_panel_list.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var css_classes = require('../css_classes.js');
+var context = require('../context.js');
+var main_module = require('../../../css/tabs/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const TabsPanelList = ({ children }) => {
+    const { activeId } = React.useContext(context.TabsContext);
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].tabsPanelList] }, children &&
+        React__default['default'].Children.map(children, (child) => {
+            if (child.type.name !== 'TabsPanel') {
+                throw new Error('The child components should be of type TabsPanel');
+            }
+            return child.props.id === activeId ? child : null;
+        })));
+};
+
+exports.TabsPanelList = TabsPanelList;
+exports.default = TabsPanelList;
+//# sourceMappingURL=tabs_panel_list.js.map

package/build/cjs/packages/aurora/src/components/tabs/components/{tab_item.js.map → tabs_panel_list.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/tabs/components/tabs_wrapper.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context = require('../context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const TabsWrapper = ({ children }) => {
+    return React__default['default'].createElement(context.TabsContextProvider, null, children);
+};
+
+exports.default = TabsWrapper;
+//# sourceMappingURL=tabs_wrapper.js.map

package/build/cjs/packages/aurora/src/components/tabs/components/tabs_wrapper.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;"}

package/build/cjs/packages/aurora/src/components/tabs/context.js

@@ -4,11 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-const TabContext = React.createContext({
-    selected: null,
-    setSelected: () => { },
-    isSelected: () => false
-});
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-exports.TabContext = TabContext;
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const TabsContext = React__default['default'].createContext({
+    activeId: null,
+    setActiveId: () => { }
+});
+const TabsContextProvider = ({ children }) => {
+    const [activeId, setActiveId] = React.useState(null);
+    return React__default['default'].createElement(TabsContext.Provider, { value: { activeId, setActiveId } }, children);
+};
+
+exports.TabsContext = TabsContext;
+exports.TabsContextProvider = TabsContextProvider;
+exports.default = TabsContextProvider;
 //# sourceMappingURL=context.js.map

package/build/cjs/packages/aurora/src/components/tabs/context.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/tabs/css_classes.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CSS_CLASSES = {
+    tabs: 'tabs',
+    tabsItemList: 'tabs__item-list',
+    tabsItem: 'tabs__item',
+    tabsItemActive: 'tabs__item_active',
+    tabsPanelList: 'tabs__panel-list',
+    tabsPanel: 'tabs__panel'
+};
+
+exports.default = CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/src/components/tabs/css_classes.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/cjs/packages/aurora/src/css/search_list/main.module.less.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_search-list__input__2P74O {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.main-module_search-list__input__2P74O:not(last-child) {\n  margin-bottom: 15px;\n}\n.main-module_search-list__input-field__X5bVY {\n  width: 100%;\n  padding: 9px 5px;\n  border: 1px solid #abb4cd;\n  border-radius: 3px;\n}\n.main-module_search-list__input-field-with-icon__1JdS2 {\n  padding-left: 35px;\n}\n.main-module_search-list__input-icon__21RsB {\n  position: absolute;\n  left: 9px;\n  line-height: 1;\n}\n.main-module_search-list__input-icon__21RsB::before {\n  content: '\\E925';\n  display: inline-block;\n  font-family: 'aurora-icons';\n  font-size: 18px;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  vertical-align: middle;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: #2d3748;\n}\n.main-module_search-list__results__23fx5 {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n";
+var cssClasses = {"search-list__input":"main-module_search-list__input__2P74O","search-list__input-field":"main-module_search-list__input-field__X5bVY","search-list__input-field-with-icon":"main-module_search-list__input-field-with-icon__1JdS2","search-list__input-icon":"main-module_search-list__input-icon__21RsB","search-list__results":"main-module_search-list__results__23fx5"};
+styleInject_es['default'](css_248z);
+
+exports.default = cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/cjs/packages/aurora/src/css/search_list/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/css/tabs/main.module.less.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tabs__2HIWW:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_tabs__list__3-ySb {\n  display: flex;\n}\n.main-module_tabs__item__2peSO {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 0.75rem 2rem;\n  text-align: center;\n  border-color: #ececec;\n  border-style: solid;\n  border-width: 1px 1px 1px 0;\n  cursor: pointer;\n}\n.main-module_tabs__item__2peSO:first-child {\n  border-left-width: 1px;\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 3px;\n}\n.main-module_tabs__item__2peSO:last-child {\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n}\n.main-module_tabs__item__2peSO:hover {\n  z-index: 1;\n  text-decoration: none;\n  box-shadow: 0 0 3px 0 #3c83ec, inset 1px 0px 0px 0px #3c83ec;\n  border-color: #3c83ec;\n}\n.main-module_tabs__item__2peSO:hover:first-child {\n  box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_tabs__item_active__1LSjR {\n  background-color: #3c83ec;\n  color: #ffffff;\n  border-color: #3c83ec;\n}\n.main-module_tabs__item_active-light__ktpTV {\n  color: #5c657e;\n  box-shadow: inset 0 0 4px 0 #3c83ec, inset 0 -12px 2px 0 rgba(60, 131, 236, 0.08);\n}\n.main-module_tabs_small__1nC7E .main-module_tabs__item__2peSO {\n  padding: 0.358rem 1rem;\n}\n";
-var cssClasses = {"tabs":"main-module_tabs__2HIWW","tabs__list":"main-module_tabs__list__3-ySb","tabs__item":"main-module_tabs__item__2peSO","tabs__item_active":"main-module_tabs__item_active__1LSjR","tabs__item_active-light":"main-module_tabs__item_active-light__ktpTV","tabs_small":"main-module_tabs_small__1nC7E"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tabs__item-list__2R9BF {\n  display: flex;\n  gap: 8px;\n  list-style: none;\n}\n.main-module_tabs__item__2peSO {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  background-color: #f3f4f8;\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n  font-weight: 600;\n  color: #5c657e;\n  text-transform: uppercase;\n  cursor: pointer;\n}\n.main-module_tabs__item_active__1LSjR {\n  position: relative;\n  margin-top: -2px;\n  margin-bottom: -1px;\n  background-color: #ffffff;\n  border-top: 2px solid #3c83ec;\n  border-bottom: 1px solid #ffffff;\n  color: #2d3748;\n  box-shadow: 0 0 9px 0 rgba(92, 101, 126, 0.2);\n  -webkit-clip-path: inset(-9px -9px 0 -9px);\n          clip-path: inset(-9px -9px 0 -9px);\n  z-index: 1;\n}\n.main-module_tabs__panel-list__3Ob_w {\n  margin: 0 -16px;\n  padding: 16px 16px 0 16px;\n  background-color: #ffffff;\n  box-shadow: 0 -1px 5px 0 rgba(92, 101, 126, 0.1);\n  -webkit-clip-path: inset(-5px 0 0 0);\n          clip-path: inset(-5px 0 0 0);\n}\n";
+var cssClasses = {"tabs__item-list":"main-module_tabs__item-list__2R9BF","tabs__item":"main-module_tabs__item__2peSO","tabs__item_active":"main-module_tabs__item_active__1LSjR","tabs__panel-list":"main-module_tabs__panel-list__3Ob_w"};
 styleInject_es['default'](css_248z);
 
 exports.default = cssClasses;

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

@@ -2,13 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tabs = require('./components/tabs/components/tabs.js');
-var tab_item = require('./components/tabs/components/tab_item.js');
 var index$n = require('./components/modal/hoc/absolute_modal/index.js');
 var index = require('./components/button/index.js');
 var index$2 = require('./components/buttons_group/index.js');
 var index$u = require('./components/dropdown/context/index.js');
 var index$h = require('./components/color_picker/index.js');
+var tabs = require('./components/tabs/components/tabs.js');
+var tabs_item = require('./components/tabs/components/tabs_item.js');
+var tabs_item_list = require('./components/tabs/components/tabs_item_list.js');
+var tabs_panel = require('./components/tabs/components/tabs_panel.js');
+var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js');
+var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
 var icon_tick = require('./assets/icon_tick.js');
 var index$6 = require('./components/label/index.js');
 var index$y = require('./components/hint/index.js');
@@ -50,20 +54,27 @@ var index$m = require('./components/modal/index.js');
 var modal_context = require('./components/modal/context/modal_context.js');
 var modal_provider = require('./components/modal/hoc/modal_provider.js');
 var index$o = require('./components/modal/hoc/relative_modal/index.js');
+var search_list = require('./components/search_list/components/search_list.js');
+var search_list_input = require('./components/search_list/components/search_list_input.js');
+var search_list_results = require('./components/search_list/components/search_list_results.js');
 var index$v = require('./components/spacing/index.js');
 var index$1 = require('./components/tooltip/index.js');
 var index$D = require('./components/with_loader/index.js');
 
 
 
-exports.Tabs = tabs['default'];
-exports.TabItem = tab_item.TabItem;
 exports.AbsoluteModal = index$n['default'];
 exports.Button = index['default'];
 exports.ButtonsGroup = index$2['default'];
 exports.DropdownContext = index$u.DropdownContext;
 exports.useDropdownContext = index$u.useDropdownContext;
 exports.ColorPicker = index$h['default'];
+exports.Tabs = tabs['default'];
+exports.TabsItem = tabs_item.TabsItem;
+exports.TabsItemList = tabs_item_list.TabsItemList;
+exports.TabsPanel = tabs_panel.TabsPanel;
+exports.TabsPanelList = tabs_panel_list.TabsPanelList;
+exports.TabsWrapper = tabs_wrapper['default'];
 exports.IconTick = icon_tick['default'];
 exports.Label = index$6['default'];
 exports.Hint = index$y['default'];
@@ -106,6 +117,9 @@ exports.Modal = index$m['default'];
 exports.ModalContext = modal_context.ModalContext;
 exports.ModalProvider = modal_provider['default'];
 exports.RelativeModal = index$o['default'];
+exports.SearchList = search_list.SearchList;
+exports.SearchListInput = search_list_input.SearchListInput;
+exports.SearchListResults = search_list_results.SearchListResults;
 exports.Spacing = index$v['default'];
 exports.Tooltip = index$1['default'];
 exports.WithLoader = index$D['default'];

package/build/cjs/packages/aurora/src/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;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;"}

package/build/esm/packages/aurora/src/components/controls/components/radio.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { classNames } from '../../../utilities/styles/classNames.js';
 import classnames from 'classnames';
 import { radio, radioDisabled, radioControl, radioLabel } from '../css_classes.js';
 import cssStyles from '../../../css/radio/main.module.less.js';
+import { classNames } from '../../../utilities/styles/classNames.js';
 
 const Radio = ({ id, name, value, checked, defaultChecked = false, disabled, onClick }) => {
     const radioClasses = classnames(radio, {

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

@@ -1,12 +1,12 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
-import { classNames } from '../../../utilities/styles/classNames.js';
 import { createPortal } from 'react-dom';
 import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import withTranslation from '../../../utilities/translation/with_translation.js';
 import iconCssClasses from '../../../css/icons/main.module.less.js';
+import { classNames } from '../../../utilities/styles/classNames.js';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { DROPDOWN_Z_INDEX, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
 import { cssDropdownContent, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';

package/build/esm/packages/aurora/src/components/search_list/components/search_list.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISearchListProps } from '../types';
+export declare const SearchList: FC<ISearchListProps>;
+export default SearchList;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SearchListContextProvider } from '../context.js';
+
+const SearchList = ({ children, data }) => {
+    return React.createElement(SearchListContextProvider, { data: data }, children);
+};
+
+export default SearchList;
+export { SearchList };
+//# sourceMappingURL=search_list.js.map

package/build/esm/packages/aurora/src/components/search_list/components/search_list.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/esm/packages/aurora/src/components/search_list/components/search_list_input.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISearchListInputProps } from '../types';
+export declare const SearchListInput: FC<ISearchListInputProps>;
+export default SearchListInput;

package/build/esm/packages/aurora/src/components/search_list/components/search_list_input.js

@@ -0,0 +1,24 @@
+import React, { useState, useEffect } from 'react';
+import { FILTER_ITEMS, FILTER_KEY, SET_SEARCH_VALUE } from '../constants.js';
+import { useSearchList } from '../context.js';
+import CSS_CLASSES from '../css_classes.js';
+import cssClasses from '../../../css/search_list/main.module.less.js';
+
+const SearchListInput = ({ placeholderText, hasIcon }) => {
+    const [value, setValue] = useState('');
+    const [, dispatch] = useSearchList();
+    const handleOnChange = (event) => {
+        setValue(event.target.value);
+    };
+    useEffect(() => {
+        dispatch({ type: FILTER_ITEMS, payload: { filterKey: FILTER_KEY, searchValue: value } });
+        dispatch({ type: SET_SEARCH_VALUE, payload: { searchValue: value } });
+    }, [value]);
+    return (React.createElement("div", { className: cssClasses[CSS_CLASSES.searchListInput] },
+        React.createElement("input", { className: `${cssClasses[CSS_CLASSES.searchListInputField]} ${hasIcon ? cssClasses[CSS_CLASSES.searchListInputFieldWithIcon] : ''}`, placeholder: placeholderText, onChange: handleOnChange }),
+        hasIcon && React.createElement("i", { className: cssClasses[CSS_CLASSES.searchListInputIcon] })));
+};
+
+export default SearchListInput;
+export { SearchListInput };
+//# sourceMappingURL=search_list_input.js.map

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