@dreamcommerce/aurora 2.16.2 → 2.16.4

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

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

@@ -1,21 +1,30 @@
 import React, { useContext, useEffect } from 'react';
+import { defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import classnames from 'classnames';
 import CSS_CLASSES from '../css_classes.js';
 import { TabsContext } from '../context.js';
 import cssClasses from '../../../css/tabs/main.module.less.js';
 
-const Tabs = ({ initialActiveTabId, secondary, children, onChange }) => {
-    const { setActiveId, activeId } = useContext(TabsContext);
-    const tabsClasses = classnames(cssClasses[CSS_CLASSES.tabs], {
-        [cssClasses[CSS_CLASSES.tabsSecondary]]: secondary
-    });
-    useEffect(() => {
-        setActiveId(initialActiveTabId);
-    }, [setActiveId, initialActiveTabId]);
-    useEffect(() => {
-        activeId && (onChange === null || onChange === void 0 ? void 0 : onChange(activeId));
-    }, [activeId]);
-    return React.createElement("div", { className: tabsClasses }, children);
+var Tabs = function Tabs(_ref) {
+  var initialActiveTabId = _ref.initialActiveTabId,
+      secondary = _ref.secondary,
+      children = _ref.children,
+      onChange = _ref.onChange;
+
+  var _useContext = useContext(TabsContext),
+      setActiveId = _useContext.setActiveId,
+      activeId = _useContext.activeId;
+
+  var tabsClasses = classnames(cssClasses[CSS_CLASSES.tabs], _defineProperty({}, cssClasses[CSS_CLASSES.tabsSecondary], secondary));
+  useEffect(function () {
+    setActiveId(initialActiveTabId);
+  }, [setActiveId, initialActiveTabId]);
+  useEffect(function () {
+    activeId && (onChange === null || onChange === void 0 ? void 0 : onChange(activeId));
+  }, [activeId]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: tabsClasses
+  }, children);
 };
 
 export default Tabs;

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

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

@@ -3,10 +3,26 @@ import CSS_CLASSES from '../css_classes.js';
 import { TabsContext } from '../context.js';
 import cssClasses from '../../../css/tabs/main.module.less.js';
 
-const TabsItem = ({ id, children }) => {
-    const { activeId, setActiveId } = useContext(TabsContext);
-    const activeItem = activeId === id;
-    return (React.createElement("button", { type: 'button', className: `${cssClasses[CSS_CLASSES.tabsItem]} ${activeItem ? cssClasses[CSS_CLASSES.tabsItemActive] : ''}`, role: "tab", tabIndex: activeItem ? 1 : -1, "aria-selected": activeItem, "aria-controls": id, onClick: () => setActiveId(id) }, children));
+var TabsItem = function TabsItem(_ref) {
+  var id = _ref.id,
+      children = _ref.children;
+
+  var _useContext = useContext(TabsContext),
+      activeId = _useContext.activeId,
+      setActiveId = _useContext.setActiveId;
+
+  var activeItem = activeId === id;
+  return /*#__PURE__*/React.createElement("button", {
+    type: 'button',
+    className: "".concat(cssClasses[CSS_CLASSES.tabsItem], " ").concat(activeItem ? cssClasses[CSS_CLASSES.tabsItemActive] : ''),
+    role: "tab",
+    tabIndex: activeItem ? 1 : -1,
+    "aria-selected": activeItem,
+    "aria-controls": id,
+    onClick: function onClick() {
+      return setActiveId(id);
+    }
+  }, children);
 };
 
 export default TabsItem;

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

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

@@ -2,8 +2,12 @@ import React from 'react';
 import CSS_CLASSES from '../css_classes.js';
 import cssClasses from '../../../css/tabs/main.module.less.js';
 
-const TabsItemList = ({ children }) => {
-    return (React.createElement("div", { role: "tablist", className: cssClasses[CSS_CLASSES.tabsItemList] }, children));
+var TabsItemList = function TabsItemList(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    role: "tablist",
+    className: cssClasses[CSS_CLASSES.tabsItemList]
+  }, children);
 };
 
 export default TabsItemList;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_item_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;"}
+{"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/tabs/components/tabs_panel.js

@@ -3,11 +3,20 @@ import CSS_CLASSES from '../css_classes.js';
 import { TabsContext } from '../context.js';
 import cssClasses from '../../../css/tabs/main.module.less.js';
 
-const TabsPanel = ({ id, children }) => {
-    const { activeId } = useContext(TabsContext);
-    if (activeId !== id)
-        return null;
-    return (React.createElement("div", { role: "tabpanel", tabIndex: 0, "aria-labelledby": id, className: cssClasses[CSS_CLASSES.tabsPanel] }, children));
+var TabsPanel = function TabsPanel(_ref) {
+  var id = _ref.id,
+      children = _ref.children;
+
+  var _useContext = useContext(TabsContext),
+      activeId = _useContext.activeId;
+
+  if (activeId !== id) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    role: "tabpanel",
+    tabIndex: 0,
+    "aria-labelledby": id,
+    className: cssClasses[CSS_CLASSES.tabsPanel]
+  }, children);
 };
 
 export default TabsPanel;

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

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

@@ -2,11 +2,13 @@ import React, { Children } from 'react';
 import CSS_CLASSES from '../css_classes.js';
 import cssClasses from '../../../css/tabs/main.module.less.js';
 
-const TabsPanelList = ({ children }) => {
-    const arrayOfChildren = Children.toArray(children);
-    if (!arrayOfChildren.length)
-        return null;
-    return React.createElement("div", { className: cssClasses[CSS_CLASSES.tabsPanelList] }, children);
+var TabsPanelList = function TabsPanelList(_ref) {
+  var children = _ref.children;
+  var arrayOfChildren = Children.toArray(children);
+  if (!arrayOfChildren.length) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cssClasses[CSS_CLASSES.tabsPanelList]
+  }, children);
 };
 
 export default TabsPanelList;

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

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

@@ -1,8 +1,9 @@
 import React from 'react';
 import { TabsContextProvider } from '../context.js';
 
-const TabsWrapper = ({ children }) => {
-    return React.createElement(TabsContextProvider, null, children);
+var TabsWrapper = function TabsWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(TabsContextProvider, null, children);
 };
 
 export default TabsWrapper;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}

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

@@ -1,12 +1,24 @@
 import React, { useState } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 
-const TabsContext = React.createContext({
-    activeId: null,
-    setActiveId: () => { }
-});
-const TabsContextProvider = ({ children }) => {
-    const [activeId, setActiveId] = useState(null);
-    return React.createElement(TabsContext.Provider, { value: { activeId, setActiveId } }, children);
+var TabsContext = /*#__PURE__*/React.createContext({
+  activeId: null,
+  setActiveId: function setActiveId() {}
+});
+var TabsContextProvider = function TabsContextProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      activeId = _useState2[0],
+      setActiveId = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(TabsContext.Provider, {
+    value: {
+      activeId: activeId,
+      setActiveId: setActiveId
+    }
+  }, children);
 };
 
 export default TabsContextProvider;

package/build/esm/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;AACA;AACA;AACA;"}

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

@@ -1,11 +1,11 @@
-var CSS_CLASSES = {
-    tabs: 'tabs',
-    tabsSecondary: 'tabs_secondary',
-    tabsItemList: 'tabs__item-list',
-    tabsItem: 'tabs__item',
-    tabsItemActive: 'tabs__item_active',
-    tabsPanelList: 'tabs__panel-list',
-    tabsPanel: 'tabs__panel'
+var CSS_CLASSES = {
+  tabs: 'tabs',
+  tabsSecondary: 'tabs_secondary',
+  tabsItemList: 'tabs__item-list',
+  tabsItem: 'tabs__item',
+  tabsItemActive: 'tabs__item_active',
+  tabsPanelList: 'tabs__panel-list',
+  tabsPanel: 'tabs__panel'
 };
 
 export default CSS_CLASSES;

package/build/esm/packages/aurora/src/components/tag/css_classes.js

@@ -1,7 +1,7 @@
-const tag = 'tag';
-const tagRemove = `${tag}__remove`;
-const icon = 'icon';
-const iconClose = `${icon}-close`;
+var tag = 'tag';
+var tagRemove = "".concat(tag, "__remove");
+var icon = 'icon';
+var iconClose = "".concat(icon, "-close");
 
 export { icon, iconClose, tag, tagRemove };
 //# sourceMappingURL=css_classes.js.map

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

@@ -2,22 +2,18 @@ import React from 'react';
 import cssClasses from '../../css/tag/main.module.less.js';
 import { tag, tagRemove, icon, iconClose } from './css_classes.js';
 
-const Tag = ({ 
-/**
- * Label shown inside tag
- */
-label, 
-/**
- * Has close icon
- */
-hasCloseIcon, 
-/**
- * Function called on whole tag component click event
- */
-onClick }) => {
-    return (React.createElement("span", { className: `${cssClasses[tag]}`, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(label) },
-        label,
-        hasCloseIcon && React.createElement("span", { className: `${cssClasses[tagRemove]} ${cssClasses[icon]} ${cssClasses[iconClose]}` })));
+var Tag = function Tag(_ref) {
+  var label = _ref.label,
+      hasCloseIcon = _ref.hasCloseIcon,
+      _onClick = _ref.onClick;
+  return /*#__PURE__*/React.createElement("span", {
+    className: "".concat(cssClasses[tag]),
+    onClick: function onClick() {
+      return _onClick === null || _onClick === void 0 ? void 0 : _onClick(label);
+    }
+  }, label, hasCloseIcon && /*#__PURE__*/React.createElement("span", {
+    className: "".concat(cssClasses[tagRemove], " ").concat(cssClasses[icon], " ").concat(cssClasses[iconClose])
+  }));
 };
 
 export default Tag;

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

package/build/esm/packages/aurora/src/components/tags_selector/components/list.js

@@ -2,18 +2,21 @@ import React from 'react';
 import { tagsList, tagsListItem } from '../css_classes.js';
 import cssClasses from '../../../css/tag/main.module.less.js';
 
-const TagsList = ({ 
-/**
- * Array of tags passed to list
- */
-value, 
-/**
- * Function called on tag click which passes tag value
- */
-onClick }) => {
-    return (React.createElement("ul", { className: `${cssClasses[tagsList]}` }, value === null || value === void 0 ? void 0 : value.map((_tag, index) => (React.createElement("li", { key: index, onClick: () => onClick(_tag) },
-        React.createElement("div", { className: `${cssClasses[tagsListItem]}` },
-            React.createElement("label", null, _tag)))))));
+var TagsList = function TagsList(_ref) {
+  var value = _ref.value,
+      _onClick = _ref.onClick;
+  return /*#__PURE__*/React.createElement("ul", {
+    className: "".concat(cssClasses[tagsList])
+  }, value === null || value === void 0 ? void 0 : value.map(function (_tag, index) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: index,
+      onClick: function onClick() {
+        return _onClick(_tag);
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(cssClasses[tagsListItem])
+    }, /*#__PURE__*/React.createElement("label", null, _tag)));
+  }));
 };
 
 export default TagsList;

package/build/esm/packages/aurora/src/components/tags_selector/components/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;"}
+{"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/esm/packages/aurora/src/components/tags_selector/components/search.js

@@ -2,8 +2,11 @@ import React from 'react';
 import { tagsSearch } from '../css_classes.js';
 import cssClasses from '../../../css/tag/main.module.less.js';
 
-const TagsSearch = ({ children }) => {
-    return React.createElement("div", { className: `${cssClasses[tagsSearch]}` }, children);
+var TagsSearch = function TagsSearch(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cssClasses[tagsSearch])
+  }, children);
 };
 
 export default TagsSearch;

package/build/esm/packages/aurora/src/components/tags_selector/components/search.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}

package/build/esm/packages/aurora/src/components/tags_selector/components/wrapper.js

@@ -2,8 +2,11 @@ import React from 'react';
 import { tagsSelectedTags } from '../css_classes.js';
 import cssClasses from '../../../css/tag/main.module.less.js';
 
-const TagsWrapper = ({ children }) => {
-    return React.createElement("div", { className: `${cssClasses[tagsSelectedTags]}` }, children);
+var TagsWrapper = function TagsWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cssClasses[tagsSelectedTags])
+  }, children);
 };
 
 export default TagsWrapper;

package/build/esm/packages/aurora/src/components/tags_selector/components/wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}

package/build/esm/packages/aurora/src/components/tags_selector/css_classes.js

@@ -1,8 +1,8 @@
-const tags = 'tags';
-const tagsSelectedTags = `${tags}__selected`;
-const tagsSearch = `${tags}__search`;
-const tagsList = `${tags}__list`;
-const tagsListItem = `${tags}__list-item`;
+var tags = 'tags';
+var tagsSelectedTags = "".concat(tags, "__selected");
+var tagsSearch = "".concat(tags, "__search");
+var tagsList = "".concat(tags, "__list");
+var tagsListItem = "".concat(tags, "__list-item");
 
 export { tags, tagsList, tagsListItem, tagsSearch, tagsSelectedTags };
 //# sourceMappingURL=css_classes.js.map

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

@@ -1,5 +1,6 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import Button from '../button/index.js';
 import withTranslation from '../../utilities/translation/with_translation.js';
 import Control from '../controls/index.js';
@@ -10,82 +11,121 @@ import TagsSearch from './components/search.js';
 import Tag from '../tag/index.js';
 import TagsWrapper from './components/wrapper.js';
 
-const TagsSelector = ({ id, name, 
-/**
- * Placeholder for tag value input
- */
-placeholder, 
-/**
- * Default tags array of strings
- * Example: defaultTags = ["tag 1", "tag 2"];
- */
-defaultTags = [], 
-/**
- * Minimum tag string length to accept by addTag function
- * Example: minTagLength = 2;
- */
-minTagLength, 
-/**
- * Is tags list visible
- * Example: withList = true;
- */
-withList, 
-/**
- * Default tags list array
- * Example: listDefaultValue = ["tag 1", "tag 2"];
- */
-tagsListValue, 
-/**
- * Triggered on tags list item click
- */
-onListItemClick, 
-/**
- * Triggered on change of private tags array
- */
-onChange }) => {
-    const [inputValue, setInputValue] = useState('');
-    const [tagsArray, setTagsArray] = useState(defaultTags);
-    const tagsSelectorRef = useRef(null);
-    const [t] = useTranslation();
-    useEffect(() => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(tagsArray);
-    }, [tagsArray, onChange]);
-    const addTag = () => {
-        var _a;
-        if (!tagsArray.includes(inputValue) && inputValue.length >= (minTagLength !== null && minTagLength !== void 0 ? minTagLength : 0) && inputValue.length > 0) {
-            setTagsArray((_tags) => [..._tags, inputValue]);
-            const event = new CustomEvent('tagsSelector:change', {
-                detail: {
-                    changedTag: inputValue,
-                    tags: tagsArray
-                }
-            });
-            (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
-            setInputValue('');
-        }
-    };
-    const removeTag = (label) => {
-        var _a;
-        setTagsArray((_tags) => _tags.filter((_tag) => _tag !== label));
-        const event = new CustomEvent('tagsSelector:change', {
-            detail: {
-                changedTag: label,
-                tags: tagsArray
-            }
-        });
-        (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
-    };
-    return (React.createElement("div", { id: id, className: `${cssClasses[tags]}`, ref: tagsSelectorRef },
-        tagsArray.length > 0 && (React.createElement(TagsWrapper, null, tagsArray.map((_tag, index) => (React.createElement(Tag, { key: index, label: _tag, onClick: () => removeTag(_tag), hasCloseIcon: true }))))),
-        React.createElement(TagsSearch, null,
-            React.createElement(Control.Content, null,
-                React.createElement(Control.Element, null,
-                    React.createElement(Control.Input, { name: name, padding: "small", placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('Search'), value: inputValue, onChange: ({ target: { value } }) => setInputValue(value), onKeyPress: (event) => event.key === 'Enter' && inputValue.length > 0 && addTag() })),
-                React.createElement(Control.Element, null,
-                    React.createElement(Button, { variant: "outline", size: "small", onClick: () => addTag() }, t('Add'))))),
-        withList && (React.createElement(TagsList, { value: tagsListValue === null || tagsListValue === void 0 ? void 0 : tagsListValue.filter((_tag) => _tag.toLowerCase().includes(inputValue.toLowerCase())), onClick: (value) => onListItemClick === null || onListItemClick === void 0 ? void 0 : onListItemClick(value) })),
-        tagsArray.map((_tag, index) => (React.createElement("input", { key: index, type: "hidden", name: "new_tags[]", value: _tag })))));
-};
+var TagsSelector = function TagsSelector(_ref) {
+  var id = _ref.id,
+      name = _ref.name,
+      placeholder = _ref.placeholder,
+      _ref$defaultTags = _ref.defaultTags,
+      defaultTags = _ref$defaultTags === void 0 ? [] : _ref$defaultTags,
+      minTagLength = _ref.minTagLength,
+      withList = _ref.withList,
+      tagsListValue = _ref.tagsListValue,
+      onListItemClick = _ref.onListItemClick,
+      onChange = _ref.onChange;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+
+  var _useState3 = useState(defaultTags),
+      _useState4 = _slicedToArray(_useState3, 2),
+      tagsArray = _useState4[0],
+      setTagsArray = _useState4[1];
+
+  var tagsSelectorRef = useRef(null);
+
+  var _useTranslation = useTranslation(),
+      _useTranslation2 = _slicedToArray(_useTranslation, 1),
+      t = _useTranslation2[0];
+
+  useEffect(function () {
+    onChange === null || onChange === void 0 || onChange(tagsArray);
+  }, [tagsArray, onChange]);
+
+  var addTag = function addTag() {
+    if (!tagsArray.includes(inputValue) && inputValue.length >= (minTagLength !== null && minTagLength !== void 0 ? minTagLength : 0) && inputValue.length > 0) {
+      var _tagsSelectorRef$curr;
+
+      setTagsArray(function (_tags) {
+        return [].concat(_toConsumableArray(_tags), [inputValue]);
+      });
+      var event = new CustomEvent('tagsSelector:change', {
+        detail: {
+          changedTag: inputValue,
+          tags: tagsArray
+        }
+      });
+      (_tagsSelectorRef$curr = tagsSelectorRef.current) === null || _tagsSelectorRef$curr === void 0 || _tagsSelectorRef$curr.dispatchEvent(event);
+      setInputValue('');
+    }
+  };
+
+  var removeTag = function removeTag(label) {
+    var _tagsSelectorRef$curr2;
+
+    setTagsArray(function (_tags) {
+      return _tags.filter(function (_tag) {
+        return _tag !== label;
+      });
+    });
+    var event = new CustomEvent('tagsSelector:change', {
+      detail: {
+        changedTag: label,
+        tags: tagsArray
+      }
+    });
+    (_tagsSelectorRef$curr2 = tagsSelectorRef.current) === null || _tagsSelectorRef$curr2 === void 0 || _tagsSelectorRef$curr2.dispatchEvent(event);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: "".concat(cssClasses[tags]),
+    ref: tagsSelectorRef
+  }, tagsArray.length > 0 && /*#__PURE__*/React.createElement(TagsWrapper, null, tagsArray.map(function (_tag, index) {
+    return /*#__PURE__*/React.createElement(Tag, {
+      key: index,
+      label: _tag,
+      onClick: function onClick() {
+        return removeTag(_tag);
+      },
+      hasCloseIcon: true
+    });
+  })), /*#__PURE__*/React.createElement(TagsSearch, null, /*#__PURE__*/React.createElement(Control.Content, null, /*#__PURE__*/React.createElement(Control.Element, null, /*#__PURE__*/React.createElement(Control.Input, {
+    name: name,
+    padding: "small",
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('Search'),
+    value: inputValue,
+    onChange: function onChange(_ref2) {
+      var value = _ref2.target.value;
+      return setInputValue(value);
+    },
+    onKeyPress: function onKeyPress(event) {
+      return event.key === 'Enter' && inputValue.length > 0 && addTag();
+    }
+  })), /*#__PURE__*/React.createElement(Control.Element, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "outline",
+    size: "small",
+    onClick: function onClick() {
+      return addTag();
+    }
+  }, t('Add'))))), withList && /*#__PURE__*/React.createElement(TagsList, {
+    value: tagsListValue === null || tagsListValue === void 0 ? void 0 : tagsListValue.filter(function (_tag) {
+      return _tag.toLowerCase().includes(inputValue.toLowerCase());
+    }),
+    onClick: function onClick(value) {
+      return onListItemClick === null || onListItemClick === void 0 ? void 0 : onListItemClick(value);
+    }
+  }), tagsArray.map(function (_tag, index) {
+    return /*#__PURE__*/React.createElement("input", {
+      key: index,
+      type: "hidden",
+      name: "new_tags[]",
+      value: _tag
+    });
+  }));
+};
+
 var TagsSelector$1 = withTranslation(TagsSelector);
 
 export default TagsSelector$1;

package/build/esm/packages/aurora/src/components/tags_selector/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/tooltip/css_classes.js

@@ -1,5 +1,5 @@
-const cssTooltip = 'tooltip';
-const cssTooltipContainer = `${cssTooltip}__container`;
+var cssTooltip = 'tooltip';
+var cssTooltipContainer = "".concat(cssTooltip, "__container");
 
 export { cssTooltip, cssTooltipContainer };
 //# sourceMappingURL=css_classes.js.map