@dreamcommerce/aurora 0.3.4-97 → 0.3.5

package/build/esm/src/components/table/index.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { classNames } from '../../utilities/styles/classNames.js';
-import cssClasses from '../../css/table/main.module.less.js';
-import Cell from './components/cell.js';
-import THead from './components/t_head.js';
-import TBody from './components/t_body.js';
-import Row from './components/row.js';
-
-var tableClassName = function (_a) {
-    var zebra = _a.zebra, clear = _a.clear, zebraOrders = _a.zebraOrders, main = _a.main;
-    return classNames(['table', zebra && 'table_zebra', zebraOrders && 'table_zebra-orders', clear && 'table_clear', main && 'table_main'], cssClasses);
-};
-var Table = function (_a) {
-    var children = _a.children, zebra = _a.zebra, clear = _a.clear, zebraOrders = _a.zebraOrders, main = _a.main;
-    return (React.createElement("div", { className: cssClasses['table-container'] },
-        React.createElement("table", { className: tableClassName({ zebra: zebra, clear: clear, zebraOrders: zebraOrders, main: main }) }, children)));
-};
-Table.Cell = Cell;
-Table.THead = THead;
-Table.TBody = TBody;
-Table.Row = Row;
-
-export default Table;
-//# sourceMappingURL=index.js.map

package/build/esm/src/components/table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/table/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cssClasses from '@css/table/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport { ITableComposition, ITableProps } from './types';\nimport Cell from './components/cell';\nimport THead from './components/t_head';\nimport TBody from './components/t_body';\nimport Row from './components/row';\n\nconst tableClassName = ({ zebra, clear, zebraOrders, main }: ITableProps) =>\n    classNames(['table', zebra && 'table_zebra', zebraOrders && 'table_zebra-orders', clear && 'table_clear', main && 'table_main'], cssClasses);\n\nconst Table: FC<ITableProps> & ITableComposition = ({ children, zebra, clear, zebraOrders, main }) => (\n    <div className={cssClasses['table-container']}>\n        <table className={tableClassName({ zebra, clear, zebraOrders, main })}>{children}</table>\n    </div>\n);\n\nTable.Cell = Cell;\nTable.THead = THead;\nTable.TBody = TBody;\nTable.Row = Row;\n\nexport default Table;\n"],"names":[],"mappings":";;;;;;;;AASA,IAAM,cAAc,GAAG,UAAC,EAAgD;QAA9C,gBAAK,EAAE,gBAAK,EAAE,4BAAW,EAAE,cAAI;IACrD,OAAA,UAAU,CAAC,CAAC,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,WAAW,IAAI,oBAAoB,EAAE,KAAK,IAAI,aAAa,EAAE,IAAI,IAAI,YAAY,CAAC,EAAE,UAAU,CAAC;AAA5I,CAA4I,CAAC;IAE3I,KAAK,GAAwC,UAAC,EAA6C;QAA3C,sBAAQ,EAAE,gBAAK,EAAE,gBAAK,EAAE,4BAAW,EAAE,cAAI;IAAO,QAClG,6BAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC;QACzC,+BAAO,SAAS,EAAE,cAAc,CAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,IAAG,QAAQ,CAAS,CACvF;AAH4F,EAIpG;AAEF,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;AAClB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;AACpB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;AACpB,KAAK,CAAC,GAAG,GAAG,GAAG;;;;"}

package/build/esm/src/components/table/types.d.ts

@@ -1,39 +0,0 @@
-import { FC } from 'react';
-export interface ICellProps {
-    color?: 'primary' | 'secondary';
-    sticky?: boolean;
-    clearPadding?: boolean;
-    size?: 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl' | 'switch' | 'action';
-    header?: boolean;
-    highlight?: boolean;
-}
-export interface IIRowProps {
-    responsive?: boolean;
-    responsiveWithoutAction?: boolean;
-}
-export interface ITableProps {
-    zebra?: boolean;
-    zebraOrders?: boolean;
-    clear?: boolean;
-    main?: boolean;
-}
-export interface ICustomCellProps {
-    item: any;
-    column: IColumnProps;
-}
-export interface IColumnProps {
-    name: string;
-    header: string;
-    modifiers?: ICellProps;
-    CustomCell?: FC<ICustomCellProps>;
-}
-export interface IDataTableProps extends ITableProps {
-    data: Array<any>;
-    columns: Array<IColumnProps>;
-}
-export interface ITableComposition {
-    Cell: FC<ICellProps>;
-    THead: FC;
-    Row: FC<IIRowProps>;
-    TBody: FC;
-}

package/build/esm/src/components/table/types.js

@@ -1,2 +0,0 @@
-import 'react';
-//# sourceMappingURL=types.js.map

package/build/esm/src/components/table/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAmB,OAAO,CAAC"}

package/build/esm/src/components/tabs/components/tab_item.d.ts

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

package/build/esm/src/components/tabs/components/tab_item.js

@@ -1,24 +0,0 @@
-import React, { useContext, useState, useEffect } from 'react';
-import { classNames } from '../../../utilities/styles/classNames.js';
-import cssClasses from '../../../css/tabs/main.module.less.js';
-import { TabContext } from '../context.js';
-import { useUniqueId } from '../../../hooks/use_unique_id.js';
-
-var TabItem = function (_a) {
-    var children = _a.children, initial = _a.initial;
-    var _b = useContext(TabContext), setSelected = _b.setSelected, isSelected = _b.isSelected;
-    var uniqueId = useUniqueId().uniqueId;
-    var uniqueTabId = useState(uniqueId())[0];
-    useEffect(function () {
-        if (initial) {
-            setSelected(uniqueTabId);
-        }
-    }, [uniqueTabId, initial, setSelected]);
-    return (React.createElement("li", { className: classNames(['tabs__item', isSelected(uniqueTabId) && 'tabs__item_active'], cssClasses), onClick: function () {
-            setSelected(uniqueTabId);
-        } }, children));
-};
-
-export default TabItem;
-export { TabItem };
-//# sourceMappingURL=tab_item.js.map

package/build/esm/src/components/tabs/components/tab_item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab_item.js","sources":["../../../../../../src/components/tabs/components/tab_item.tsx"],"sourcesContent":["import React, { FC, useContext, useEffect, useState } from 'react';\nimport { classNames } from '@utilities/styles/classNames';\nimport cssClasses from '@css/tabs/main.module.less';\nimport { ITabItemProps } from '../types';\nimport { TabContext } from '../context';\nimport { useUniqueId } from '@hooks/use_unique_id';\n\nexport const TabItem: FC<ITabItemProps> = ({ children, initial }) => {\n    const { setSelected, isSelected } = useContext(TabContext);\n    const { uniqueId } = useUniqueId();\n    const [uniqueTabId] = useState(uniqueId());\n    useEffect(() => {\n        if (initial) {\n            setSelected(uniqueTabId);\n        }\n    }, [uniqueTabId, initial, setSelected]);\n\n    return (\n        <li\n            className={classNames(['tabs__item', isSelected(uniqueTabId) && 'tabs__item_active'], cssClasses)}\n            onClick={() => {\n                setSelected(uniqueTabId);\n            }}\n        >\n            {children}\n        </li>\n    );\n};\n\nexport default TabItem;\n"],"names":[],"mappings":";;;;;;IAOa,OAAO,GAAsB,UAAC,EAAqB;QAAnB,sBAAQ,EAAE,oBAAO;IACpD,IAAA,2BAAoD,EAAlD,4BAAW,EAAE,0BAAqC,CAAC;IACnD,IAAA,iCAAQ,CAAmB;IAC5B,IAAA,qCAAW,CAAyB;IAC3C,SAAS,CAAC;QACN,IAAI,OAAO,EAAE;YACT,WAAW,CAAC,WAAW,CAAC,CAAC;SAC5B;KACJ,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAExC,QACI,4BACI,SAAS,EAAE,UAAU,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,WAAW,CAAC,IAAI,mBAAmB,CAAC,EAAE,UAAU,CAAC,EACjG,OAAO,EAAE;YACL,WAAW,CAAC,WAAW,CAAC,CAAC;SAC5B,IAEA,QAAQ,CACR,EACP;AACN;;;;;"}

package/build/esm/src/components/tabs/components/tabs.d.ts

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

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

@@ -1,16 +0,0 @@
-import React, { useState } from 'react';
-import { classNames } from '../../../utilities/styles/classNames.js';
-import cssClasses from '../../../css/tabs/main.module.less.js';
-import { TabContext } from '../context.js';
-
-var Tabs = function (_a) {
-    var children = _a.children, _b = _a.small, small = _b === void 0 ? false : _b;
-    var _c = useState(null), selected = _c[0], setSelected = _c[1];
-    var isSelected = function (tabId) { return tabId === selected; };
-    return (React.createElement(TabContext.Provider, { value: { selected: selected, setSelected: setSelected, isSelected: isSelected } },
-        React.createElement("nav", { className: classNames(['tabs', small && 'tabs_small'], cssClasses) },
-            React.createElement("ul", { className: cssClasses['tabs__list'] }, children))));
-};
-
-export default Tabs;
-//# sourceMappingURL=tabs.js.map

package/build/esm/src/components/tabs/components/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.js","sources":["../../../../../../src/components/tabs/components/tabs.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { classNames } from '@utilities/styles/classNames';\nimport cssClasses from '@css/tabs/main.module.less';\nimport { TabContext } from '../context';\nimport { ITabsProps } from '../types';\n\nconst Tabs: FC<ITabsProps> = ({ children, small = false }) => {\n    const [selected, setSelected] = useState(null);\n    const isSelected = (tabId: string) => tabId === selected;\n\n    return (\n        <TabContext.Provider value={{ selected, setSelected, isSelected }}>\n            <nav className={classNames(['tabs', small && 'tabs_small'], cssClasses)}>\n                <ul className={cssClasses['tabs__list']}>{children}</ul>\n            </nav>\n        </TabContext.Provider>\n    );\n};\n\nexport default Tabs;\n"],"names":[],"mappings":";;;;;IAMM,IAAI,GAAmB,UAAC,EAA2B;QAAzB,sBAAQ,EAAE,aAAa,EAAb,kCAAa;IAC7C,IAAA,mBAAwC,EAAvC,gBAAQ,EAAE,mBAA6B,CAAC;IAC/C,IAAM,UAAU,GAAG,UAAC,KAAa,IAAK,OAAA,KAAK,KAAK,QAAQ,GAAA,CAAC;IAEzD,QACI,oBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,UAAA,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE;QAC7D,6BAAK,SAAS,EAAE,UAAU,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,YAAY,CAAC,EAAE,UAAU,CAAC;YACnE,4BAAI,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAM,CACtD,CACY,EACxB;AACN;;;;"}

package/build/esm/src/components/tabs/context.d.ts

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

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

@@ -1,10 +0,0 @@
-import { createContext } from 'react';
-
-var TabContext = createContext({
-    selected: null,
-    setSelected: function () { },
-    isSelected: function () { return false; }
-});
-
-export { TabContext };
-//# sourceMappingURL=context.js.map

package/build/esm/src/components/tabs/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/tabs/context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ITabContextProps } from '@components/tabs/types';\n\nexport const TabContext = createContext<ITabContextProps>({\n    selected: null,\n    setSelected: () => {},\n    isSelected: () => false\n});\n"],"names":[],"mappings":";;IAGa,UAAU,GAAG,aAAa,CAAmB;IACtD,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,eAAQ;IACrB,UAAU,EAAE,cAAM,OAAA,KAAK,GAAA;CAC1B;;;;"}

package/build/esm/src/components/tabs/index.d.ts

@@ -1,3 +0,0 @@
-import Tabs from './components/tabs';
-import TabItem from './components/tab_item';
-export { Tabs, TabItem };

package/build/esm/src/components/tabs/index.js

@@ -1,4 +0,0 @@
-import Tabs from './components/tabs';
-import TabItem from './components/tab_item';
-export { Tabs, TabItem };
-//# sourceMappingURL=index.js.map

package/build/esm/src/components/tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC"}

package/build/esm/src/components/tabs/types.d.ts

@@ -1,12 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-export interface ITabsProps {
-    small?: boolean;
-}
-export interface ITabItemProps {
-    initial?: boolean;
-}
-export interface ITabContextProps {
-    selected: any;
-    isSelected(id: string): boolean;
-    setSelected: Dispatch<SetStateAction<any>>;
-}

package/build/esm/src/components/tabs/types.js

@@ -1,2 +0,0 @@
-import 'react';
-//# sourceMappingURL=types.js.map

package/build/esm/src/components/tabs/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAyC,OAAO,CAAC"}

package/build/esm/src/components/tag/css_classes.d.ts

@@ -1,4 +0,0 @@
-export declare const tag = "tag";
-export declare const tagRemove: string;
-export declare const icon = "icon";
-export declare const iconClose: string;

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

@@ -1,7 +0,0 @@
-var tag = 'tag';
-var tagRemove = tag + "__remove";
-var icon = 'icon';
-var iconClose = icon + "-close";
-
-export { icon, iconClose, tag, tagRemove };
-//# sourceMappingURL=css_classes.js.map

package/build/esm/src/components/tag/css_classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/tag/css_classes.tsx"],"sourcesContent":["export const tag = 'tag';\nexport const tagRemove = `${tag}__remove`;\n\nexport const icon = 'icon';\nexport const iconClose = `${icon}-close`;\n"],"names":[],"mappings":"IAAa,GAAG,GAAG,MAAM;IACZ,SAAS,GAAM,GAAG,cAAW;IAE7B,IAAI,GAAG,OAAO;IACd,SAAS,GAAM,IAAI;;;;"}

package/build/esm/src/components/tag/index.d.ts

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

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import cssClasses from '../../css/tag/main.module.less.js';
-import { tag, tagRemove, icon, iconClose } from './css_classes.js';
-
-var Tag = function (_a) {
-    var 
-    /**
-     * Label shown inside tag
-     */
-    label = _a.label, 
-    /**
-     * Has close icon
-     */
-    hasCloseIcon = _a.hasCloseIcon, 
-    /**
-     * Function called on whole tag component click event
-     */
-    onClick = _a.onClick;
-    return (React.createElement("span", { className: "" + cssClasses[tag], onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(label); } },
-        label,
-        hasCloseIcon && React.createElement("span", { className: cssClasses[tagRemove] + " " + cssClasses[icon] + " " + cssClasses[iconClose] })));
-};
-
-export default Tag;
-//# sourceMappingURL=index.js.map

package/build/esm/src/components/tag/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/tag/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport cssClasses from '@css/tag/main.module.less';\nimport { tag, tagRemove, icon, iconClose } from './css_classes';\n\nimport { ITagProps } from './types';\n\nconst Tag: React.FC<ITagProps> = ({\n    /**\n     * Label shown inside tag\n     */\n    label,\n\n    /**\n     * Has close icon\n     */\n    hasCloseIcon,\n\n    /**\n     * Function called on whole tag component click event\n     */\n    onClick\n}) => {\n    return (\n        <span className={`${cssClasses[tag]}`} onClick={() => onClick?.(label)}>\n            {label}\n            {hasCloseIcon && <span className={`${cssClasses[tagRemove]} ${cssClasses[icon]} ${cssClasses[iconClose]}`}></span>}\n        </span>\n    );\n};\n\nexport default Tag;\n"],"names":[],"mappings":";;;;IAOM,GAAG,GAAwB,UAAC,EAejC;;;;;IAXG,gBAAK;;;;IAKL,8BAAY;;;;IAKZ,oBAAO;IAEP,QACI,8BAAM,SAAS,EAAE,KAAG,UAAU,CAAC,GAAG,CAAG,EAAE,OAAO,EAAE,qBAAM,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,IAAC;QACjE,KAAK;QACL,YAAY,IAAI,8BAAM,SAAS,EAAK,UAAU,CAAC,SAAS,CAAC,SAAI,UAAU,CAAC,IAAI,CAAC,SAAI,UAAU,CAAC,SAAS,CAAG,GAAS,CAC/G,EACT;AACN;;;;"}

package/build/esm/src/components/tag/types.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export interface ITagProps {
-    label?: string;
-    hasCloseIcon?: boolean;
-    onClick?(label?: string): void;
-    children?: ReactNode;
-}

package/build/esm/src/components/tag/types.js

@@ -1,2 +0,0 @@
-import 'react';
-//# sourceMappingURL=types.js.map

package/build/esm/src/components/tag/types.js.map

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

package/build/esm/src/components/tags_selector/components/list.d.ts

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

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

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

package/build/esm/src/components/tags_selector/components/list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.js","sources":["../../../../../../src/components/tags_selector/components/list.tsx"],"sourcesContent":["import React from 'react';\n\nimport { tagsList, tagsListItem } from '../css_classes';\nimport cssClasses from '@css/tag/main.module.less';\n\nimport { ITagsList } from '../types';\n\nconst TagsList: React.FC<ITagsList> = ({\n    /**\n     * Array of tags passed to list\n     */\n    value,\n\n    /**\n     * Function called on tag click which passes tag value\n     */\n    onClick\n}) => {\n    return (\n        <ul className={`${cssClasses[tagsList]}`}>\n            {value?.map((_tag, index) => (\n                <li key={index} onClick={() => onClick(_tag)}>\n                    <div className={`${cssClasses[tagsListItem]}`}>\n                        <label>{_tag}</label>\n                    </div>\n                </li>\n            ))}\n        </ul>\n    );\n};\n\nexport default TagsList;\n"],"names":[],"mappings":";;;;IAOM,QAAQ,GAAwB,UAAC,EAUtC;;;;;IANG,gBAAK;;;;IAKL,oBAAO;IAEP,QACI,4BAAI,SAAS,EAAE,KAAG,UAAU,CAAC,QAAQ,CAAG,IACnC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,QACzB,4BAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,GAAA;QACxC,6BAAK,SAAS,EAAE,KAAG,UAAU,CAAC,YAAY,CAAG;YACzC,mCAAQ,IAAI,CAAS,CACnB,CACL,IACR,EACA,EACP;AACN;;;;"}

package/build/esm/src/components/tags_selector/components/search.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const TagsSearch: React.FC;
-export default TagsSearch;

package/build/esm/src/components/tags_selector/components/search.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import cssClasses from '../../../css/tag/main.module.less.js';
-import { tagsSearch } from '../css_classes.js';
-
-var TagsSearch = function (_a) {
-    var children = _a.children;
-    return React.createElement("div", { className: "" + cssClasses[tagsSearch] }, children);
-};
-
-export default TagsSearch;
-//# sourceMappingURL=search.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"search.js","sources":["../../../../../../src/components/tags_selector/components/search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { tagsSearch } from '../css_classes';\nimport cssClasses from '@css/tag/main.module.less';\n\nconst TagsSearch: React.FC = ({ children }) => {\n    return <div className={`${cssClasses[tagsSearch]}`}>{children}</div>;\n};\n\nexport default TagsSearch;\n"],"names":[],"mappings":";;;;IAKM,UAAU,GAAa,UAAC,EAAY;QAAV,sBAAQ;IACpC,OAAO,6BAAK,SAAS,EAAE,KAAG,UAAU,CAAC,UAAU,CAAG,IAAG,QAAQ,CAAO,CAAC;AACzE;;;;"}

package/build/esm/src/components/tags_selector/components/wrapper.d.ts

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

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import cssClasses from '../../../css/tag/main.module.less.js';
-import { tagsSelectedTags } from '../css_classes.js';
-
-var TagsWrapper = function (_a) {
-    var children = _a.children;
-    return React.createElement("div", { className: "" + cssClasses[tagsSelectedTags] }, children);
-};
-
-export default TagsWrapper;
-//# sourceMappingURL=wrapper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"wrapper.js","sources":["../../../../../../src/components/tags_selector/components/wrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { tagsSelectedTags } from '../css_classes';\nimport cssClasses from '@css/tag/main.module.less';\n\nimport { ITagsWrapperProps } from '../types';\n\nconst TagsWrapper: React.FC<ITagsWrapperProps> = ({ children }) => {\n    return <div className={`${cssClasses[tagsSelectedTags]}`}>{children}</div>;\n};\n\nexport default TagsWrapper;\n"],"names":[],"mappings":";;;;IAOM,WAAW,GAAgC,UAAC,EAAY;QAAV,sBAAQ;IACxD,OAAO,6BAAK,SAAS,EAAE,KAAG,UAAU,CAAC,gBAAgB,CAAG,IAAG,QAAQ,CAAO,CAAC;AAC/E;;;;"}

package/build/esm/src/components/tags_selector/css_classes.d.ts

@@ -1,10 +0,0 @@
-export declare const tags = "tags";
-export declare const tagsSelectedTags: string;
-export declare const tagsSearch: string;
-export declare const tagsList: string;
-export declare const tagsListItem: string;
-export declare const tag = "tag";
-export declare const tagRemove: string;
-export declare const icon = "icon";
-export declare const iconClose: string;
-export declare const pointer = "pointer";

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

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

package/build/esm/src/components/tags_selector/css_classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/tags_selector/css_classes.tsx"],"sourcesContent":["export const tags = 'tags';\nexport const tagsSelectedTags = `${tags}__selected`;\nexport const tagsSearch = `${tags}__search`;\nexport const tagsList = `${tags}__list`;\nexport const tagsListItem = `${tags}__list-item`;\n\nexport const tag = 'tag';\nexport const tagRemove = `${tag}__remove`;\n\nexport const icon = 'icon';\nexport const iconClose = `${icon}-close`;\n\nexport const pointer = 'pointer';\n"],"names":[],"mappings":"IAAa,IAAI,GAAG,OAAO;IACd,gBAAgB,GAAM,IAAI,gBAAa;IACvC,UAAU,GAAM,IAAI,cAAW;IAC/B,QAAQ,GAAM,IAAI,YAAS;IAC3B,YAAY,GAAM,IAAI;;;;"}

package/build/esm/src/components/tags_selector/index.d.ts

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

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

@@ -1,100 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { useTranslation } from '../../../node_modules/react-i18next/dist/es/useTranslation.js';
-import { __spreadArrays } from '../../../_virtual/_tslib.js';
-import Control from '../controls/index.js';
-import Button from '../button/index.js';
-import cssClasses from '../../css/tag/main.module.less.js';
-import Tag from '../tag/index.js';
-import { tags } from './css_classes.js';
-import TagsWrapper from './components/wrapper.js';
-import TagsSearch from './components/search.js';
-import TagsList from './components/list.js';
-
-var TagsSelector = function (_a) {
-    var id = _a.id, name = _a.name, 
-    /**
-     * Placeholder for tag value input
-     */
-    placeholder = _a.placeholder, 
-    /**
-     * Default tags array of strings
-     * Example: defaultTags = ["tag 1", "tag 2"];
-     */
-    _b = _a.defaultTags, 
-    /**
-     * Default tags array of strings
-     * Example: defaultTags = ["tag 1", "tag 2"];
-     */
-    defaultTags = _b === void 0 ? [] : _b, 
-    /**
-     * Minimum tag string length to accept by addTag function
-     * Example: minTagLength = 2;
-     */
-    minTagLength = _a.minTagLength, 
-    /**
-     * Is tags list visible
-     * Example: withList = true;
-     */
-    withList = _a.withList, 
-    /**
-     * Default tags list array
-     * Example: listDefaultValue = ["tag 1", "tag 2"];
-     */
-    tagsListValue = _a.tagsListValue, 
-    /**
-     * Triggered on tags list item click
-     */
-    onListItemClick = _a.onListItemClick, 
-    /**
-     * Triggered on change of private tags array
-     */
-    onChange = _a.onChange;
-    var _c = useState(''), inputValue = _c[0], setInputValue = _c[1];
-    var _d = useState(defaultTags), tagsArray = _d[0], setTagsArray = _d[1];
-    var tagsSelectorRef = useRef(null);
-    var t = useTranslation()[0];
-    useEffect(function () {
-        onChange === null || onChange === void 0 ? void 0 : onChange(tagsArray);
-    }, [tagsArray]);
-    var addTag = function () {
-        var _a;
-        if (!tagsArray.includes(inputValue) && inputValue.length >= (minTagLength !== null && minTagLength !== void 0 ? minTagLength : 0) && inputValue.length > 0) {
-            setTagsArray(function (_tags) { return __spreadArrays(_tags, [inputValue]); });
-            var event_1 = new CustomEvent('tagsSelector:change', {
-                detail: {
-                    changedTag: inputValue,
-                    tags: tagsArray
-                }
-            });
-            (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
-            setInputValue('');
-        }
-    };
-    var removeTag = function (label) {
-        var _a;
-        setTagsArray(function (_tags) { return _tags.filter(function (_tag) { return _tag !== label; }); });
-        var 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 },
-        React.createElement(TagsWrapper, null, tagsArray.map(function (_tag, index) { return (React.createElement(Tag, { key: index, label: _tag, onClick: function () { return removeTag(_tag); }, hasCloseIcon: true })); })),
-        React.createElement(TagsSearch, null,
-            React.createElement(Control.Content, null,
-                React.createElement(Control.Element, null,
-                    React.createElement(Control.Input, { name: name, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('Search'), value: inputValue, onChange: function (_a) {
-                            var value = _a.target.value;
-                            return setInputValue(value);
-                        }, onKeyPress: function (event) { return event.key === 'Enter' && inputValue.length > 0 && addTag(); } })),
-                React.createElement(Control.Element, null,
-                    React.createElement(Button, { variant: "outline", onClick: function () { return addTag(); } }, t('Add'))))),
-        withList && (React.createElement(TagsList, { value: tagsListValue === null || tagsListValue === void 0 ? void 0 : tagsListValue.filter(function (_tag) { return _tag.toLowerCase().includes(inputValue.toLowerCase()); }), onClick: function (value) { return onListItemClick === null || onListItemClick === void 0 ? void 0 : onListItemClick(value); } })),
-        tagsArray.map(function (_tag, index) { return (React.createElement("input", { key: index, type: "hidden", name: "new_tags[]", value: _tag })); })));
-};
-
-export default TagsSelector;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/tags_selector/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { tags } from './css_classes';\nimport cssClasses from '@css/tag/main.module.less';\n\nimport { ITagsSelectorProps } from './types';\n\nimport Wrapper from './components/wrapper';\nimport Search from './components/search';\nimport List from './components/list';\nimport Tag from '@components/tag/index';\nimport Control from '@components/controls/index';\nimport Button from '@components/button/index';\n\nconst TagsSelector: React.FC<ITagsSelectorProps> = ({\n    id,\n    name,\n\n    /**\n     * Placeholder for tag value input\n     */\n    placeholder,\n\n    /**\n     * Default tags array of strings\n     * Example: defaultTags = [\"tag 1\", \"tag 2\"];\n     */\n    defaultTags = [],\n\n    /**\n     * Minimum tag string length to accept by addTag function\n     * Example: minTagLength = 2;\n     */\n    minTagLength,\n\n    /**\n     * Is tags list visible\n     * Example: withList = true;\n     */\n    withList,\n\n    /**\n     * Default tags list array\n     * Example: listDefaultValue = [\"tag 1\", \"tag 2\"];\n     */\n    tagsListValue,\n\n    /**\n     * Triggered on tags list item click\n     */\n    onListItemClick,\n\n    /**\n     * Triggered on change of private tags array\n     */\n    onChange\n}) => {\n    const [inputValue, setInputValue] = useState('');\n    const [tagsArray, setTagsArray] = useState(defaultTags);\n    const tagsSelectorRef = useRef<HTMLDivElement>(null);\n    const [t] = useTranslation();\n\n    useEffect(() => {\n        onChange?.(tagsArray);\n    }, [tagsArray]);\n\n    const addTag = () => {\n        if (!tagsArray.includes(inputValue) && inputValue.length >= (minTagLength ?? 0) && inputValue.length > 0) {\n            setTagsArray((_tags) => [..._tags, inputValue]);\n\n            const event = new CustomEvent('tagsSelector:change', {\n                detail: {\n                    changedTag: inputValue,\n                    tags: tagsArray\n                }\n            });\n\n            tagsSelectorRef.current?.dispatchEvent(event);\n            setInputValue('');\n        }\n    };\n\n    const removeTag = (label: string) => {\n        setTagsArray((_tags) => _tags.filter((_tag) => _tag !== label));\n\n        const event = new CustomEvent('tagsSelector:change', {\n            detail: {\n                changedTag: label,\n                tags: tagsArray\n            }\n        });\n\n        tagsSelectorRef.current?.dispatchEvent(event);\n    };\n\n    return (\n        <div id={id} className={`${cssClasses[tags]}`} ref={tagsSelectorRef}>\n            <Wrapper>\n                {tagsArray.map((_tag, index) => (\n                    <Tag key={index} label={_tag} onClick={() => removeTag(_tag)} hasCloseIcon />\n                ))}\n            </Wrapper>\n\n            <Search>\n                <Control.Content>\n                    <Control.Element>\n                        <Control.Input\n                            name={name}\n                            placeholder={placeholder ?? t('Search')}\n                            value={inputValue}\n                            onChange={({ target: { value } }) => setInputValue(value)}\n                            onKeyPress={(event) => event.key === 'Enter' && inputValue.length > 0 && addTag()}\n                        />\n                    </Control.Element>\n\n                    <Control.Element>\n                        <Button variant=\"outline\" onClick={() => addTag()}>\n                            {t('Add')}\n                        </Button>\n                    </Control.Element>\n                </Control.Content>\n            </Search>\n\n            {withList && (\n                <List\n                    value={tagsListValue?.filter((_tag) => _tag.toLowerCase().includes(inputValue.toLowerCase()))}\n                    onClick={(value) => onListItemClick?.(value)}\n                />\n            )}\n\n            {tagsArray.map((_tag, index) => (\n                <input key={index} type=\"hidden\" name=\"new_tags[]\" value={_tag} />\n            ))}\n        </div>\n    );\n};\n\nexport default TagsSelector;\n"],"names":["Wrapper","Search","List"],"mappings":"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"}

package/build/esm/src/components/tags_selector/types.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from 'react';
-export interface ITagsSelectorProps {
-    id?: string;
-    name?: string;
-    placeholder?: string;
-    defaultTags?: Array<string>;
-    minTagLength?: number;
-    withList?: boolean;
-    tagsListValue?: Array<string>;
-    onListItemClick?(value: string): void;
-    onChange?(value: Array<string>): void;
-}
-export interface ITagProps {
-    label?: string;
-    withClose?: boolean;
-    onClick?(value?: string): void;
-    children?: ReactNode;
-}
-export interface ITagsWrapperProps {
-    children?: ReactNode;
-}
-export interface ITagsList {
-    value?: Array<string>;
-    onClick(value: string): void;
-}

package/build/esm/src/components/tags_selector/types.js

@@ -1,2 +0,0 @@
-import 'react';
-//# sourceMappingURL=types.js.map

package/build/esm/src/components/tags_selector/types.js.map

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

package/build/esm/src/components/with_spacing/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ISpacingProps } from './types';
-declare const withSpacing: <T extends object>(BaseComponent: React.FC<T>) => React.FC<T & ISpacingProps>;
-export default withSpacing;

package/build/esm/src/components/with_spacing/index.js

@@ -1,19 +0,0 @@
-import { __assign } from "tslib";
-import React from 'react';
-import cssClasses from '@css/spacing/main.module.less';
-import './types';
-var withSpacing = function (BaseComponent) { return function (props) {
-    var classes = [];
-    for (var _i = 0, _a = Object.entries(props); _i < _a.length; _i++) {
-        var _b = _a[_i], key = _b[0], value = _b[1];
-        if (typeof value === 'number') {
-            var cssClassName = key + "_" + value;
-            if (cssClasses[cssClassName]) {
-                classes.push(cssClasses[cssClassName]);
-            }
-        }
-    }
-    return React.createElement(BaseComponent, __assign({}, props, { spacingClassNames: classes.join(' ') }));
-}; };
-export default withSpacing;
-//# sourceMappingURL=index.js.map

package/build/esm/src/components/with_spacing/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/with_spacing/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,+BAA+B,CAAC;AAEvD,OAA8B,SAAS,CAAC;AAExC,IAAM,WAAW,GAAG,UAAmB,aAA0B,IAAkC,OAAA,UAAC,KAAK;IACrG,IAAM,OAAO,GAAa,EAAE,CAAC;IAE7B,KAA2B,UAA4C,EAA5C,KAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAwB,EAA5C,cAA4C,EAA5C,IAA4C,EAAE;QAA9D,IAAA,WAAY,EAAX,WAAG,EAAE,aAAK;QAClB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,IAAM,YAAY,GAAM,GAAG,SAAI,KAAO,CAAC;YAEvC,IAAI,UAAU,CAAC,YAAY,CAAC,EAAE;gBAC1B,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;aAC1C;SACJ;KACJ;IAED,OAAO,oBAAC,aAAa,eAAM,KAAW,IAAE,iBAAiB,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;AACrF,CAAC,EAdkG,CAclG,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/esm/src/components/with_spacing/types.d.ts

@@ -1,44 +0,0 @@
-declare type TSpacingRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | 13 | 14 | 15;
-export interface ISpacingProps {
-    'mt-xs'?: TSpacingRange;
-    'mr-xs'?: TSpacingRange;
-    'mb-xs'?: TSpacingRange;
-    'ml-xs'?: TSpacingRange;
-    'mt-sm'?: TSpacingRange;
-    'mr-sm'?: TSpacingRange;
-    'mb-sm'?: TSpacingRange;
-    'ml-sm'?: TSpacingRange;
-    'mt-md'?: TSpacingRange;
-    'mr-md'?: TSpacingRange;
-    'mb-md'?: TSpacingRange;
-    'ml-md'?: TSpacingRange;
-    'mt-lg'?: TSpacingRange;
-    'mr-lg'?: TSpacingRange;
-    'mb-lg'?: TSpacingRange;
-    'ml-lg'?: TSpacingRange;
-    'mt-xl'?: TSpacingRange;
-    'mr-xl'?: TSpacingRange;
-    'mb-xl'?: TSpacingRange;
-    'ml-xl'?: TSpacingRange;
-    'pt-xs'?: TSpacingRange;
-    'pr-xs'?: TSpacingRange;
-    'pb-xs'?: TSpacingRange;
-    'pl-xs'?: TSpacingRange;
-    'pt-sm'?: TSpacingRange;
-    'pr-sm'?: TSpacingRange;
-    'pb-sm'?: TSpacingRange;
-    'pl-sm'?: TSpacingRange;
-    'pt-md'?: TSpacingRange;
-    'pr-md'?: TSpacingRange;
-    'pb-md'?: TSpacingRange;
-    'pl-md'?: TSpacingRange;
-    'pt-lg'?: TSpacingRange;
-    'pr-lg'?: TSpacingRange;
-    'pb-lg'?: TSpacingRange;
-    'pl-lg'?: TSpacingRange;
-    'pt-xl'?: TSpacingRange;
-    'pr-xl'?: TSpacingRange;
-    'pb-xl'?: TSpacingRange;
-    'pl-xl'?: TSpacingRange;
-}
-export {};