@dreamcommerce/aurora 0.3.4-150 → 0.3.4-154

package/build/cjs/src/components/button/css_classes.js

@@ -7,10 +7,12 @@ var cssButtonOutline = cssButton + "_outline";
 var cssButtonBg = cssButton + "_bg";
 var cssButtonS = cssButton + "_s";
 var cssButtonLink = cssButton + "_link";
-var cssButtonSecondary = cssButton + "_secondary";
+var cssButtonSecondary = cssButton + "_secondary";
+var cssButtonInactive = cssButton + "_inactive";
 
 exports.cssButton = cssButton;
 exports.cssButtonBg = cssButtonBg;
+exports.cssButtonInactive = cssButtonInactive;
 exports.cssButtonLink = cssButtonLink;
 exports.cssButtonOutline = cssButtonOutline;
 exports.cssButtonS = cssButtonS;

package/build/cjs/src/components/button/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/button/css_classes.ts"],"sourcesContent":["export const cssButton = 'btn';\nexport const cssButtonOutline = `${cssButton}_outline`;\nexport const cssButtonBg = `${cssButton}_bg`;\nexport const cssButtonS = `${cssButton}_s`;\nexport const cssButtonLink = `${cssButton}_link`;\nexport const cssButtonSecondary = `${cssButton}_secondary`;\n"],"names":[],"mappings":";;;;IAAa,SAAS,GAAG,MAAM;IAClB,gBAAgB,GAAM,SAAS,cAAW;IAC1C,WAAW,GAAM,SAAS,SAAM;IAChC,UAAU,GAAM,SAAS,QAAK;IAC9B,aAAa,GAAM,SAAS,WAAQ;IACpC,kBAAkB,GAAM,SAAS;;;;;;;;;"}
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/button/css_classes.ts"],"sourcesContent":["export const cssButton = 'btn';\nexport const cssButtonOutline = `${cssButton}_outline`;\nexport const cssButtonBg = `${cssButton}_bg`;\nexport const cssButtonS = `${cssButton}_s`;\nexport const cssButtonLink = `${cssButton}_link`;\nexport const cssButtonSecondary = `${cssButton}_secondary`;\nexport const cssButtonInactive = `${cssButton}_inactive`;\n"],"names":[],"mappings":";;;;IAAa,SAAS,GAAG,MAAM;IAClB,gBAAgB,GAAM,SAAS,cAAW;IAC1C,WAAW,GAAM,SAAS,SAAM;IAChC,UAAU,GAAM,SAAS,QAAK;IAC9B,aAAa,GAAM,SAAS,WAAQ;IACpC,kBAAkB,GAAM,SAAS,gBAAa;IAC9C,iBAAiB,GAAM,SAAS;;;;;;;;;;"}

package/build/cjs/src/components/button/index.js

@@ -32,13 +32,14 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
  */
 var Button = function (_a) {
     var _b;
-    var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, props = _tslib.__rest(_a, ["as", "size", "color", "variant"]);
+    var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, props = _tslib.__rest(_a, ["as", "size", "color", "variant", "inactive"]);
     var buttonClassNames = classnames__default['default'](main_module['default'][css_classes.cssButton], (_b = {},
         _b[main_module['default'][css_classes.cssButtonS]] = size,
         _b[main_module['default'][css_classes.cssButtonBg]] = !variant,
         _b[main_module['default'][css_classes.cssButtonOutline]] = variant === 'outline',
         _b[main_module['default'][css_classes.cssButtonLink]] = variant === 'link',
         _b[main_module['default'][css_classes.cssButtonSecondary]] = color === 'secondary',
+        _b[main_module['default'][css_classes.cssButtonInactive]] = inactive,
         _b));
     return index.buttonTypes[as].render(props, buttonClassNames);
 };

package/build/cjs/src/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary } from './css_classes';\nimport { buttonTypes } from './components';\n\n/**\n * @component\n * @example\n * return (\n *  <Button\n *      size=\"small\"\n *      variant=\"light\">\n *          Text button\n *  </Button>\n *\n *  <Button\n *      as=\"link\"\n *      href=\"https://onet.pl\">\n *          Text button\n *  </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, ...props }): JSX.Element => {\n    const buttonClassNames = classnames(cssClasses[cssButton], {\n        [cssClasses[cssButtonS]]: size,\n        [cssClasses[cssButtonBg]]: !variant,\n        [cssClasses[cssButtonOutline]]: variant === 'outline',\n        [cssClasses[cssButtonLink]]: variant === 'link',\n        [cssClasses[cssButtonSecondary]]: color === 'secondary'\n    });\n\n    return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":["classnames","cssClasses","cssButton","cssButtonS","cssButtonBg","cssButtonOutline","cssButtonLink","cssButtonSecondary","buttonTypes"],"mappings":";;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,EAAiD;;IAA/C,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,6DAAQ;IACnF,IAAM,gBAAgB,GAAGA,8BAAU,CAACC,sBAAU,CAACC,qBAAS,CAAC;QACrD,GAACD,sBAAU,CAACE,sBAAU,CAAC,IAAG,IAAI;QAC9B,GAACF,sBAAU,CAACG,uBAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAACH,sBAAU,CAACI,4BAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAACJ,sBAAU,CAACK,yBAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAACL,sBAAU,CAACM,8BAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;YACzD,CAAC;IAEH,OAAOC,iBAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary, cssButtonInactive } from './css_classes';\nimport { buttonTypes } from './components';\n\n/**\n * @component\n * @example\n * return (\n *  <Button\n *      size=\"small\"\n *      variant=\"light\">\n *          Text button\n *  </Button>\n *\n *  <Button\n *      as=\"link\"\n *      href=\"https://onet.pl\">\n *          Text button\n *  </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, inactive, ...props }): JSX.Element => {\n    const buttonClassNames = classnames(cssClasses[cssButton], {\n        [cssClasses[cssButtonS]]: size,\n        [cssClasses[cssButtonBg]]: !variant,\n        [cssClasses[cssButtonOutline]]: variant === 'outline',\n        [cssClasses[cssButtonLink]]: variant === 'link',\n        [cssClasses[cssButtonSecondary]]: color === 'secondary',\n        [cssClasses[cssButtonInactive]]: inactive,\n    });\n\n    return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":["classnames","cssClasses","cssButton","cssButtonS","cssButtonBg","cssButtonOutline","cssButtonLink","cssButtonSecondary","cssButtonInactive","buttonTypes"],"mappings":";;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,EAA2D;;IAAzD,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAQ,EAAE,yEAAQ;IAC7F,IAAM,gBAAgB,GAAGA,8BAAU,CAACC,sBAAU,CAACC,qBAAS,CAAC;QACrD,GAACD,sBAAU,CAACE,sBAAU,CAAC,IAAG,IAAI;QAC9B,GAACF,sBAAU,CAACG,uBAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAACH,sBAAU,CAACI,4BAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAACJ,sBAAU,CAACK,yBAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAACL,sBAAU,CAACM,8BAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;QACvD,GAACN,sBAAU,CAACO,6BAAiB,CAAC,IAAG,QAAQ;YAC3C,CAAC;IAEH,OAAOC,iBAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}

package/build/cjs/src/components/controls/components/cell_selector.js

@@ -41,8 +41,7 @@ var CellSelector = function (_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(cellIndex + (withValueOffset ? 1 : 0));
     };
     return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelector] + " " + className },
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelectorContainer] }, Array.from({ length: rows }).map(function (_, rowIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex, className: main_module['default'][css_classes.cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex + "-Col-" + colIndex, className: main_module['default'][css_classes.cellSelectorCell] + " " + (isSelected(rowIndex, colIndex) ? main_module['default'][css_classes.cellSelectorCellActive] : ''), onClick: function () { return onClick(rowIndex, colIndex); } })); }))); })),
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelectorDescription] }, t("Selected cell " + (selectedCell !== null && selectedCell !== void 0 ? selectedCell : -1)))));
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelectorContainer] }, Array.from({ length: rows }).map(function (_, rowIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex, className: main_module['default'][css_classes.cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex + "-Col-" + colIndex, className: main_module['default'][css_classes.cellSelectorCell] + " " + (isSelected(rowIndex, colIndex) ? main_module['default'][css_classes.cellSelectorCellActive] : ''), onClick: function () { return onClick(rowIndex, colIndex); } })); }))); }))));
 };
 
 exports.default = CellSelector;

package/build/cjs/src/components/controls/components/cell_selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell_selector.js","sources":["../../../../../../src/components/controls/components/cell_selector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styles from '@css/cell_selector/main.module.less';\nimport {\n    cellSelector,\n    cellSelectorRow,\n    cellSelectorCell,\n    cellSelectorCellActive,\n    cellSelectorContainer,\n    cellSelectorDescription,\n} from '../css_classes';\nimport { ICellSelector } from '@components/controls/types';\nimport { useTranslation } from 'react-i18next';\n\nconst CellSelector: React.FC<ICellSelector> = ({\n    rows = 3,\n    cols = 3,\n    name,\n    initialSelected,\n    withValueOffset = true,\n    onChange,\n    className = '',\n}) => {\n    const [selectedCell, setSelectedCell] = useState(initialSelected);\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        if (initialSelected === undefined) {\n            setSelectedCell(initialSelected);\n        } else {\n            setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));\n        }\n    }, [setSelectedCell, withValueOffset, initialSelected]);\n\n    const isSelected = (row: number, col: number) => {\n        if (selectedCell === undefined) {\n            return false;\n        }\n        if (parseInt(`${selectedCell / cols}`) !== row) {\n            return false;\n        }\n        if (selectedCell % cols !== col) {\n            return false;\n        }\n\n        return true;\n    };\n\n    const onClick = (row: number, col: number) => {\n        const cellIndex = row * cols + col;\n        setSelectedCell(cellIndex);\n        onChange?.(cellIndex + (withValueOffset ? 1 : 0));\n    };\n\n    return (\n        <div className={`${styles[cellSelector]} ${className}`}>\n            <div className={styles[cellSelectorContainer]}>\n                {Array.from({ length: rows }).map((_, rowIndex) => (\n                    <div key={`CellSelector-${name}-Row-${rowIndex}`} className={styles[cellSelectorRow]}>\n                        {Array.from({ length: cols }).map((_, colIndex) => (\n                            <div\n                                key={`CellSelector-${name}-Row-${rowIndex}-Col-${colIndex}`}\n                                className={`${styles[cellSelectorCell]} ${isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''}`}\n                                onClick={() => onClick(rowIndex, colIndex)}\n                            />\n                        ))}\n                    </div>\n                ))}\n            </div>\n            <div className={styles[cellSelectorDescription]}>{t(`Selected cell ${selectedCell ?? -1}`)}</div>\n        </div>\n    );\n};\n\nexport default CellSelector;\n"],"names":["useEffect","React","styles","cellSelector","cellSelectorContainer","cellSelectorRow","cellSelectorCell","cellSelectorCellActive","cellSelectorDescription"],"mappings":";;;;;;;;;;;;;IAaM,YAAY,GAA4B,UAAC,EAQ9C;QAPG,YAAQ,EAAR,6BAAQ,EACR,YAAQ,EAAR,6BAAQ,EACR,cAAI,EACJ,oCAAe,EACf,uBAAsB,EAAtB,2CAAsB,EACtB,sBAAQ,EACR,iBAAc,EAAd,mCAAc;IAER,IAAA,oCAA2D,EAA1D,oBAAY,EAAE,uBAA4C,CAAC;IAC1D,IAAA,qCAAC,CAAsB;IAE/BA,eAAS,CAAC;QACN,IAAI,eAAe,KAAK,SAAS,EAAE;YAC/B,eAAe,CAAC,eAAe,CAAC,CAAC;SACpC;aAAM;YACH,eAAe,CAAC,eAAe,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAChE;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAExD,IAAM,UAAU,GAAG,UAAC,GAAW,EAAE,GAAW;QACxC,IAAI,YAAY,KAAK,SAAS,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,QAAQ,CAAC,KAAG,YAAY,GAAG,IAAM,CAAC,KAAK,GAAG,EAAE;YAC5C,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,YAAY,GAAG,IAAI,KAAK,GAAG,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,IAAI,CAAC;KACf,CAAC;IAEF,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,GAAW;QACrC,IAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC;QACnC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;KACrD,CAAC;IAEF,QACIC,iDAAK,SAAS,EAAKC,sBAAM,CAACC,wBAAY,CAAC,SAAI,SAAW;QAClDF,iDAAK,SAAS,EAAEC,sBAAM,CAACE,iCAAqB,CAAC,IACxC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CH,iDAAK,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAU,EAAE,SAAS,EAAEC,sBAAM,CAACG,2BAAe,CAAC,IAC/E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CJ,iDACI,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAQ,aAAQ,QAAU,EAC3D,SAAS,EAAKC,sBAAM,CAACI,4BAAgB,CAAC,UAAI,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAGJ,sBAAM,CAACK,kCAAsB,CAAC,GAAG,EAAE,CAAE,EAChH,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAA,GAC5C,IACL,CAAC,CACA,IACT,CAAC,CACA;QACNN,iDAAK,SAAS,EAAEC,sBAAM,CAACM,mCAAuB,CAAC,IAAG,CAAC,CAAC,oBAAiB,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,CAAE,CAAC,CAAO,CAC/F,EACR;AACN;;;;"}
+{"version":3,"file":"cell_selector.js","sources":["../../../../../../src/components/controls/components/cell_selector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styles from '@css/cell_selector/main.module.less';\nimport {\n    cellSelector,\n    cellSelectorRow,\n    cellSelectorCell,\n    cellSelectorCellActive,\n    cellSelectorContainer,\n    cellSelectorDescription,\n} from '../css_classes';\nimport { ICellSelector } from '@components/controls/types';\nimport { useTranslation } from 'react-i18next';\n\nconst CellSelector: React.FC<ICellSelector> = ({\n    rows = 3,\n    cols = 3,\n    name,\n    initialSelected,\n    withValueOffset = true,\n    onChange,\n    className = '',\n}) => {\n    const [selectedCell, setSelectedCell] = useState(initialSelected);\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        if (initialSelected === undefined) {\n            setSelectedCell(initialSelected);\n        } else {\n            setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));\n        }\n    }, [setSelectedCell, withValueOffset, initialSelected]);\n\n    const isSelected = (row: number, col: number) => {\n        if (selectedCell === undefined) {\n            return false;\n        }\n        if (parseInt(`${selectedCell / cols}`) !== row) {\n            return false;\n        }\n        if (selectedCell % cols !== col) {\n            return false;\n        }\n\n        return true;\n    };\n\n    const onClick = (row: number, col: number) => {\n        const cellIndex = row * cols + col;\n        setSelectedCell(cellIndex);\n        onChange?.(cellIndex + (withValueOffset ? 1 : 0));\n    };\n\n    return (\n        <div className={`${styles[cellSelector]} ${className}`}>\n            <div className={styles[cellSelectorContainer]}>\n                {Array.from({ length: rows }).map((_, rowIndex) => (\n                    <div key={`CellSelector-${name}-Row-${rowIndex}`} className={styles[cellSelectorRow]}>\n                        {Array.from({ length: cols }).map((_, colIndex) => (\n                            <div\n                                key={`CellSelector-${name}-Row-${rowIndex}-Col-${colIndex}`}\n                                className={`${styles[cellSelectorCell]} ${isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''}`}\n                                onClick={() => onClick(rowIndex, colIndex)}\n                            />\n                        ))}\n                    </div>\n                ))}\n            </div>\n        </div>\n    );\n};\n\nexport default CellSelector;\n"],"names":["useEffect","React","styles","cellSelector","cellSelectorContainer","cellSelectorRow","cellSelectorCell","cellSelectorCellActive"],"mappings":";;;;;;;;;;;;;IAaM,YAAY,GAA4B,UAAC,EAQ9C;QAPG,YAAQ,EAAR,6BAAQ,EACR,YAAQ,EAAR,6BAAQ,EACR,cAAI,EACJ,oCAAe,EACf,uBAAsB,EAAtB,2CAAsB,EACtB,sBAAQ,EACR,iBAAc,EAAd,mCAAc;IAER,IAAA,oCAA2D,EAA1D,oBAAY,EAAE,uBAA4C,CAAC;IAC1D,IAAA,qCAAC,CAAsB;IAE/BA,eAAS,CAAC;QACN,IAAI,eAAe,KAAK,SAAS,EAAE;YAC/B,eAAe,CAAC,eAAe,CAAC,CAAC;SACpC;aAAM;YACH,eAAe,CAAC,eAAe,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAChE;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAExD,IAAM,UAAU,GAAG,UAAC,GAAW,EAAE,GAAW;QACxC,IAAI,YAAY,KAAK,SAAS,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,QAAQ,CAAC,KAAG,YAAY,GAAG,IAAM,CAAC,KAAK,GAAG,EAAE;YAC5C,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,YAAY,GAAG,IAAI,KAAK,GAAG,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,IAAI,CAAC;KACf,CAAC;IAEF,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,GAAW;QACrC,IAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC;QACnC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;KACrD,CAAC;IAEF,QACIC,iDAAK,SAAS,EAAKC,sBAAM,CAACC,wBAAY,CAAC,SAAI,SAAW;QAClDF,iDAAK,SAAS,EAAEC,sBAAM,CAACE,iCAAqB,CAAC,IACxC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CH,iDAAK,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAU,EAAE,SAAS,EAAEC,sBAAM,CAACG,2BAAe,CAAC,IAC/E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CJ,iDACI,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAQ,aAAQ,QAAU,EAC3D,SAAS,EAAKC,sBAAM,CAACI,4BAAgB,CAAC,UAAI,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAGJ,sBAAM,CAACK,kCAAsB,CAAC,GAAG,EAAE,CAAE,EAChH,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAA,GAC5C,IACL,CAAC,CACA,IACT,CAAC,CACA,CACJ,EACR;AACN;;;;"}

package/build/cjs/src/components/controls/css_classes.js

@@ -38,7 +38,6 @@ var radioControl = radio + "__control";
 var radioLabel = radio + "__label";
 var cellSelector = 'cell-selector';
 var cellSelectorContainer = cellSelector + "__container";
-var cellSelectorDescription = cellSelector + "__description";
 var cellSelectorRow = cellSelector + "__row";
 var cellSelectorCell = cellSelector + "__cell";
 var cellSelectorCellActive = cellSelectorCell + "_active";
@@ -47,7 +46,6 @@ exports.cellSelector = cellSelector;
 exports.cellSelectorCell = cellSelectorCell;
 exports.cellSelectorCellActive = cellSelectorCellActive;
 exports.cellSelectorContainer = cellSelectorContainer;
-exports.cellSelectorDescription = cellSelectorDescription;
 exports.cellSelectorRow = cellSelectorRow;
 exports.checkbox = checkbox;
 exports.checkboxControl = checkboxControl;

package/build/cjs/src/components/controls/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/controls/css_classes.ts"],"sourcesContent":["export const cssControls = 'controls';\nexport const cssControlsError = 'controls_error';\nexport const cssControlsLabel = `${cssControls}__label`;\nexport const cssControlsContent = `${cssControls}__content`;\nexport const cssControlsElement = `${cssControls}__element`;\nexport const cssControlsElementPrefix = `${cssControls}__element_prefix`;\nexport const cssControlsElementPostfix = `${cssControls}__element_postfix`;\nexport const cssControlsElementCheckbox = `${cssControls}__element_checkbox`;\nexport const cssControlsElementRadio = `${cssControls}__element_radio`;\nexport const cssControlsErrors = `${cssControls}__errors`;\nexport const cssControlsErrorsList = `${cssControls}__errors-list`;\nexport const cssControlsErrorsListItem = `${cssControls}__errors-list-item`;\n\nexport const cssControl = 'control';\nexport const cssControlS = 'control_s';\nexport const cssControlWrapper = 'control_wrapper';\nexport const cssControlFocus = 'control_focus';\nexport const cssControlDisabled = 'control_disabled';\nexport const cssControlReadonly = 'control_readonly';\nexport const cssControlError = 'control_error';\nexport const cssControlInput = 'control__input';\n\nexport const checkbox = 'checkbox';\nexport const checkboxDisabled = `${checkbox}_disabled`;\nexport const checkboxControl = `${checkbox}__control`;\nexport const checkboxLabel = `${checkbox}__label`;\nexport const checkboxIcon = `${checkbox}__icon`;\n\nexport const checkboxSwitch = 'checkbox-switch';\nexport const checkboxSwitchDisabled = `${checkboxSwitch}_disabled`;\nexport const checkboxSwitchControl = `${checkboxSwitch}__control`;\nexport const checkboxSwitchLabel = `${checkboxSwitch}__label`;\nexport const checkboxSwitchIcon = `${checkboxSwitch}__icon`;\n\nexport const radio = 'radio';\nexport const radioDisabled = `${radio}_disabled`;\nexport const radioControl = `${radio}__control`;\nexport const radioLabel = `${radio}__label`;\n\nexport const cellSelector = 'cell-selector';\nexport const cellSelectorContainer = `${cellSelector}__container`;\nexport const cellSelectorDescription = `${cellSelector}__description`;\nexport const cellSelectorRow = `${cellSelector}__row`;\nexport const cellSelectorCell = `${cellSelector}__cell`;\nexport const cellSelectorCellActive = `${cellSelectorCell}_active`;\n"],"names":[],"mappings":";;;;IAAa,WAAW,GAAG,WAAW;IACzB,gBAAgB,GAAG,iBAAiB;IACpC,gBAAgB,GAAM,WAAW,aAAU;IAC3C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,wBAAwB,GAAM,WAAW,sBAAmB;IAC5D,yBAAyB,GAAM,WAAW,uBAAoB;IAC9D,0BAA0B,GAAM,WAAW,wBAAqB;IAChE,uBAAuB,GAAM,WAAW,qBAAkB;IAC1D,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,mBAAgB;IACtD,yBAAyB,GAAM,WAAW,wBAAqB;IAE/D,UAAU,GAAG,UAAU;IACvB,WAAW,GAAG,YAAY;IAC1B,iBAAiB,GAAG,kBAAkB;IACtC,eAAe,GAAG,gBAAgB;IAClC,kBAAkB,GAAG,mBAAmB;IACxC,kBAAkB,GAAG,mBAAmB;IACxC,eAAe,GAAG,gBAAgB;IAClC,eAAe,GAAG,iBAAiB;IAEnC,QAAQ,GAAG,WAAW;IACtB,gBAAgB,GAAM,QAAQ,eAAY;IAC1C,eAAe,GAAM,QAAQ,eAAY;IACzC,aAAa,GAAM,QAAQ,aAAU;IACrC,YAAY,GAAM,QAAQ,YAAS;IAEnC,cAAc,GAAG,kBAAkB;IACnC,sBAAsB,GAAM,cAAc,eAAY;IACtD,qBAAqB,GAAM,cAAc,eAAY;IACrD,mBAAmB,GAAM,cAAc,aAAU;IACjD,kBAAkB,GAAM,cAAc,YAAS;IAE/C,KAAK,GAAG,QAAQ;IAChB,aAAa,GAAM,KAAK,eAAY;IACpC,YAAY,GAAM,KAAK,eAAY;IACnC,UAAU,GAAM,KAAK,aAAU;IAE/B,YAAY,GAAG,gBAAgB;IAC/B,qBAAqB,GAAM,YAAY,iBAAc;IACrD,uBAAuB,GAAM,YAAY,mBAAgB;IACzD,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/controls/css_classes.ts"],"sourcesContent":["export const cssControls = 'controls';\nexport const cssControlsError = 'controls_error';\nexport const cssControlsLabel = `${cssControls}__label`;\nexport const cssControlsContent = `${cssControls}__content`;\nexport const cssControlsElement = `${cssControls}__element`;\nexport const cssControlsElementPrefix = `${cssControls}__element_prefix`;\nexport const cssControlsElementPostfix = `${cssControls}__element_postfix`;\nexport const cssControlsElementCheckbox = `${cssControls}__element_checkbox`;\nexport const cssControlsElementRadio = `${cssControls}__element_radio`;\nexport const cssControlsErrors = `${cssControls}__errors`;\nexport const cssControlsErrorsList = `${cssControls}__errors-list`;\nexport const cssControlsErrorsListItem = `${cssControls}__errors-list-item`;\n\nexport const cssControl = 'control';\nexport const cssControlS = 'control_s';\nexport const cssControlWrapper = 'control_wrapper';\nexport const cssControlFocus = 'control_focus';\nexport const cssControlDisabled = 'control_disabled';\nexport const cssControlReadonly = 'control_readonly';\nexport const cssControlError = 'control_error';\nexport const cssControlInput = 'control__input';\n\nexport const checkbox = 'checkbox';\nexport const checkboxDisabled = `${checkbox}_disabled`;\nexport const checkboxControl = `${checkbox}__control`;\nexport const checkboxLabel = `${checkbox}__label`;\nexport const checkboxIcon = `${checkbox}__icon`;\n\nexport const checkboxSwitch = 'checkbox-switch';\nexport const checkboxSwitchDisabled = `${checkboxSwitch}_disabled`;\nexport const checkboxSwitchControl = `${checkboxSwitch}__control`;\nexport const checkboxSwitchLabel = `${checkboxSwitch}__label`;\nexport const checkboxSwitchIcon = `${checkboxSwitch}__icon`;\n\nexport const radio = 'radio';\nexport const radioDisabled = `${radio}_disabled`;\nexport const radioControl = `${radio}__control`;\nexport const radioLabel = `${radio}__label`;\n\nexport const cellSelector = 'cell-selector';\nexport const cellSelectorContainer = `${cellSelector}__container`;\nexport const cellSelectorDescription = `${cellSelector}__description`;\nexport const cellSelectorRow = `${cellSelector}__row`;\nexport const cellSelectorCell = `${cellSelector}__cell`;\nexport const cellSelectorCellActive = `${cellSelectorCell}_active`;\n"],"names":[],"mappings":";;;;IAAa,WAAW,GAAG,WAAW;IACzB,gBAAgB,GAAG,iBAAiB;IACpC,gBAAgB,GAAM,WAAW,aAAU;IAC3C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,wBAAwB,GAAM,WAAW,sBAAmB;IAC5D,yBAAyB,GAAM,WAAW,uBAAoB;IAC9D,0BAA0B,GAAM,WAAW,wBAAqB;IAChE,uBAAuB,GAAM,WAAW,qBAAkB;IAC1D,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,mBAAgB;IACtD,yBAAyB,GAAM,WAAW,wBAAqB;IAE/D,UAAU,GAAG,UAAU;IACvB,WAAW,GAAG,YAAY;IAC1B,iBAAiB,GAAG,kBAAkB;IACtC,eAAe,GAAG,gBAAgB;IAClC,kBAAkB,GAAG,mBAAmB;IACxC,kBAAkB,GAAG,mBAAmB;IACxC,eAAe,GAAG,gBAAgB;IAClC,eAAe,GAAG,iBAAiB;IAEnC,QAAQ,GAAG,WAAW;IACtB,gBAAgB,GAAM,QAAQ,eAAY;IAC1C,eAAe,GAAM,QAAQ,eAAY;IACzC,aAAa,GAAM,QAAQ,aAAU;IACrC,YAAY,GAAM,QAAQ,YAAS;IAEnC,cAAc,GAAG,kBAAkB;IACnC,sBAAsB,GAAM,cAAc,eAAY;IACtD,qBAAqB,GAAM,cAAc,eAAY;IACrD,mBAAmB,GAAM,cAAc,aAAU;IACjD,kBAAkB,GAAM,cAAc,YAAS;IAE/C,KAAK,GAAG,QAAQ;IAChB,aAAa,GAAM,KAAK,eAAY;IACpC,YAAY,GAAM,KAAK,eAAY;IACnC,UAAU,GAAM,KAAK,aAAU;IAE/B,YAAY,GAAG,gBAAgB;IAC/B,qBAAqB,GAAM,YAAY,iBAAc;IAErD,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/src/components/hint/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hint/index.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '@css/hint/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport IconHint from '@assets/icon_hint';\n\nexport interface IHint {\n    hint: string;\n    vPosition?: 'top' | 'bottom';\n    hPosition?: 'left' | 'right' | 'center';\n\n    spacingLeft?: boolean;\n    spacingRight?: boolean;\n    iconClass?: string;\n    Icon?: React.FC<{ className?: string }>;\n}\n\nconst Hint: React.FC<IHint> = ({ hint, vPosition = 'top', hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {\n    const containerClassName = classNames(\n        [\n            'hint',\n            spacingLeft && 'hint_spacing-left',\n            spacingRight && 'hint_spacing-right',\n            hPosition === 'right' && 'hint_right',\n            hPosition === 'center' && 'hint_horizontal-center',\n            vPosition === 'top' && 'hint_top',\n        ],\n        styles\n    );\n\n    const IconComponent = Icon || IconHint;\n\n    return (\n        <div className={containerClassName}>\n            <IconComponent className={iconClass} />\n            <div className={styles['hint__content']}>{hint}</div>\n        </div>\n    );\n};\n\nexport default Hint;\n"],"names":["classNames","styles","IconHint","React"],"mappings":";;;;;;;;;;;;;IAgBM,IAAI,GAAoB,UAAC,EAA4F;QAA1F,cAAI,EAAE,iBAAiB,EAAjB,sCAAiB,EAAE,iBAAmB,EAAnB,wCAAmB,EAAE,wBAAS,EAAE,cAAI,EAAE,4BAAW,EAAE,8BAAY;IACrH,IAAM,kBAAkB,GAAGA,qBAAU,CACjC;QACI,MAAM;QACN,WAAW,IAAI,mBAAmB;QAClC,YAAY,IAAI,oBAAoB;QACpC,SAAS,KAAK,OAAO,IAAI,YAAY;QACrC,SAAS,KAAK,QAAQ,IAAI,wBAAwB;QAClD,SAAS,KAAK,KAAK,IAAI,UAAU;KACpC,EACDC,sBAAM,CACT,CAAC;IAEF,IAAM,aAAa,GAAG,IAAI,IAAIC,oBAAQ,CAAC;IAEvC,QACIC,iDAAK,SAAS,EAAE,kBAAkB;QAC9BA,wCAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;QACvCA,iDAAK,SAAS,EAAEF,sBAAM,CAAC,eAAe,CAAC,IAAG,IAAI,CAAO,CACnD,EACR;AACN;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hint/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport styles from '@css/hint/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport IconHint from '@assets/icon_hint';\n\nexport interface IHint {\n    hint: string | ReactElement;\n    vPosition?: 'top' | 'bottom';\n    hPosition?: 'left' | 'right' | 'center';\n\n    spacingLeft?: boolean;\n    spacingRight?: boolean;\n    iconClass?: string;\n    Icon?: React.FC<{ className?: string }>;\n}\n\nconst Hint: React.FC<IHint> = ({ hint, vPosition = 'top', hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {\n    const containerClassName = classNames(\n        [\n            'hint',\n            spacingLeft && 'hint_spacing-left',\n            spacingRight && 'hint_spacing-right',\n            hPosition === 'right' && 'hint_right',\n            hPosition === 'center' && 'hint_horizontal-center',\n            vPosition === 'top' && 'hint_top',\n        ],\n        styles\n    );\n\n    const IconComponent = Icon || IconHint;\n\n    return (\n        <div className={containerClassName}>\n            <IconComponent className={iconClass} />\n            <div className={styles['hint__content']}>{hint}</div>\n        </div>\n    );\n};\n\nexport default Hint;\n"],"names":["classNames","styles","IconHint","React"],"mappings":";;;;;;;;;;;;;IAgBM,IAAI,GAAoB,UAAC,EAA4F;QAA1F,cAAI,EAAE,iBAAiB,EAAjB,sCAAiB,EAAE,iBAAmB,EAAnB,wCAAmB,EAAE,wBAAS,EAAE,cAAI,EAAE,4BAAW,EAAE,8BAAY;IACrH,IAAM,kBAAkB,GAAGA,qBAAU,CACjC;QACI,MAAM;QACN,WAAW,IAAI,mBAAmB;QAClC,YAAY,IAAI,oBAAoB;QACpC,SAAS,KAAK,OAAO,IAAI,YAAY;QACrC,SAAS,KAAK,QAAQ,IAAI,wBAAwB;QAClD,SAAS,KAAK,KAAK,IAAI,UAAU;KACpC,EACDC,sBAAM,CACT,CAAC;IAEF,IAAM,aAAa,GAAG,IAAI,IAAIC,oBAAQ,CAAC;IAEvC,QACIC,iDAAK,SAAS,EAAE,kBAAkB;QAC9BA,wCAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;QACvCA,iDAAK,SAAS,EAAEF,sBAAM,CAAC,eAAe,CAAC,IAAG,IAAI,CAAO,CACnD,EACR;AACN;;;;"}

package/build/cjs/src/components/loader/constants.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_classes = require('./css_classes.js');
+
+var _a;
+var LOADER_SIZE = {
+    small: 'small',
+    large: 'large',
+    extraLarge: 'extraLarge',
+};
+var LOADER_SIZE_CSS_CLASS_MAP = (_a = {},
+    _a[LOADER_SIZE.small] = css_classes.cssLoaderSizeSmall,
+    _a[LOADER_SIZE.large] = css_classes.cssLoaderSizeLarge,
+    _a[LOADER_SIZE.extraLarge] = css_classes.cssLoaderSizeExtraLarge,
+    _a);
+
+exports.LOADER_SIZE = LOADER_SIZE;
+exports.LOADER_SIZE_CSS_CLASS_MAP = LOADER_SIZE_CSS_CLASS_MAP;
+//# sourceMappingURL=constants.js.map

package/build/cjs/src/components/loader/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/loader/constants.ts"],"sourcesContent":["import { cssLoaderSizeExtraLarge, cssLoaderSizeLarge, cssLoaderSizeSmall } from '@components/loader/css_classes';\n\nexport const LOADER_SIZE = {\n    small: 'small',\n    large: 'large',\n    extraLarge: 'extraLarge',\n} as const;\n\nexport const LOADER_SIZE_CSS_CLASS_MAP = {\n    [LOADER_SIZE.small]: cssLoaderSizeSmall,\n    [LOADER_SIZE.large]: cssLoaderSizeLarge,\n    [LOADER_SIZE.extraLarge]: cssLoaderSizeExtraLarge,\n} as const;\n"],"names":["cssLoaderSizeSmall","cssLoaderSizeLarge","cssLoaderSizeExtraLarge"],"mappings":";;;;;;;IAEa,WAAW,GAAG;IACvB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,YAAY;EACjB;IAEE,yBAAyB,IAAG;IACrC,GAAC,WAAW,CAAC,KAAK,IAAGA,8BAAkB;IACvC,GAAC,WAAW,CAAC,KAAK,IAAGC,8BAAkB;IACvC,GAAC,WAAW,CAAC,UAAU,IAAGC,mCAAuB;MAC3C;;;;;"}

package/build/cjs/src/components/loader/css_classes.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cssLoader = 'loader';
+var cssLoaderSizeSmall = cssLoader + "_s";
+var cssLoaderSizeLarge = cssLoader + "_l";
+var cssLoaderSizeExtraLarge = cssLoader + "_xl";
+
+exports.cssLoader = cssLoader;
+exports.cssLoaderSizeExtraLarge = cssLoaderSizeExtraLarge;
+exports.cssLoaderSizeLarge = cssLoaderSizeLarge;
+exports.cssLoaderSizeSmall = cssLoaderSizeSmall;
+//# sourceMappingURL=css_classes.js.map

package/build/cjs/src/components/loader/css_classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/loader/css_classes.ts"],"sourcesContent":["export const cssLoader = 'loader';\nexport const cssLoaderSizeSmall = `${cssLoader}_s`;\nexport const cssLoaderSizeLarge = `${cssLoader}_l`;\nexport const cssLoaderSizeExtraLarge = `${cssLoader}_xl`;\n"],"names":[],"mappings":";;;;IAAa,SAAS,GAAG,SAAS;IACrB,kBAAkB,GAAM,SAAS,QAAK;IACtC,kBAAkB,GAAM,SAAS,QAAK;IACtC,uBAAuB,GAAM,SAAS;;;;;;;"}

package/build/cjs/src/components/loader/index.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+var main_module = require('../../css/loader/main.module.less.js');
+var css_classes = require('./css_classes.js');
+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);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var Loader = function (_a) {
+    var size = _a.size;
+    var loaderClasses = classnames__default['default'](main_module['default'][css_classes.cssLoader], size ? main_module['default'][constants.LOADER_SIZE_CSS_CLASS_MAP[size]] : '');
+    return React__default['default'].createElement("span", { className: loaderClasses });
+};
+Loader.SIZE = constants.LOADER_SIZE;
+
+exports.default = Loader;
+//# sourceMappingURL=index.js.map

package/build/cjs/src/components/loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport classnames from 'classnames';\nimport cssClasses from '@css/loader/main.module.less';\nimport { cssLoader } from '@components/loader/css_classes';\nimport { LOADER_SIZE, LOADER_SIZE_CSS_CLASS_MAP } from '@components/loader/constants';\nimport { ILoaderConstants, ILoaderProps } from '@components/loader/types';\n\nconst Loader: React.FC<ILoaderProps> & ILoaderConstants = ({ size }): ReactElement => {\n    const loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');\n\n    return <span className={loaderClasses} />;\n};\n\nLoader.SIZE = LOADER_SIZE;\n\nexport default Loader;\n"],"names":["classnames","cssClasses","cssLoader","LOADER_SIZE_CSS_CLASS_MAP","React","LOADER_SIZE"],"mappings":";;;;;;;;;;;;;;;IAOM,MAAM,GAA8C,UAAC,EAAQ;QAAN,cAAI;IAC7D,IAAM,aAAa,GAAGA,8BAAU,CAACC,sBAAU,CAACC,qBAAS,CAAC,EAAE,IAAI,GAAGD,sBAAU,CAACE,mCAAyB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAEjH,OAAOC,kDAAM,SAAS,EAAE,aAAa,GAAI,CAAC;AAC9C,EAAE;AAEF,MAAM,CAAC,IAAI,GAAGC,qBAAW;;;;"}

package/build/cjs/src/components/with_loader/css_classes.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cssWithLoader = 'with-loader';
+
+exports.cssWithLoader = cssWithLoader;
+//# sourceMappingURL=css_classes.js.map

package/build/cjs/src/components/with_loader/css_classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/with_loader/css_classes.ts"],"sourcesContent":["export const cssWithLoader = 'with-loader';\n"],"names":[],"mappings":";;;;IAAa,aAAa,GAAG;;;;"}

package/build/cjs/src/components/with_loader/index.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+require('../loader/constants.js');
+var index = require('../loader/index.js');
+var main_module = require('../../css/with-loader/main.module.less.js');
+var css_classes = require('./css_classes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var WithLoader = function (_a) {
+    var isLoading = _a.isLoading, children = _a.children, size = _a.size;
+    return isLoading ? (React__default['default'].createElement("div", { className: classnames__default['default'](main_module['default'][css_classes.cssWithLoader]), "data-test-id": "loader" },
+        React__default['default'].createElement(index['default'], { size: size }))) : (React__default['default'].createElement(React__default['default'].Fragment, null, children));
+};
+
+exports.default = WithLoader;
+//# sourceMappingURL=index.js.map

package/build/cjs/src/components/with_loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/with_loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport classnames from 'classnames';\nimport cssClasses from '@css/with-loader/main.module.less';\nimport Loader from '@components/loader';\nimport { IWithLoader } from '@components/with_loader/types';\nimport { cssWithLoader } from '@components/with_loader/css_classes';\n\nconst WithLoader: React.FC<IWithLoader> = ({ isLoading, children, size }): ReactElement => {\n    return isLoading ? (\n        <div className={classnames(cssClasses[cssWithLoader])} data-test-id=\"loader\">\n            <Loader size={size} />\n        </div>\n    ) : (\n        <>{children}</>\n    );\n};\n\nexport default WithLoader;\n"],"names":["React","classnames","cssClasses","cssWithLoader","Loader"],"mappings":";;;;;;;;;;;;;;;;IAOM,UAAU,GAA0B,UAAC,EAA6B;QAA3B,wBAAS,EAAE,sBAAQ,EAAE,cAAI;IAClE,OAAO,SAAS,IACZA,iDAAK,SAAS,EAAEC,8BAAU,CAACC,sBAAU,CAACC,yBAAa,CAAC,CAAC,kBAAe,QAAQ;QACxEH,wCAACI,gBAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CACpB,KAENJ,kFAAG,QAAQ,CAAI,CAClB,CAAC;AACN;;;;"}

package/build/cjs/src/css/button/main.module.less.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../node_modules/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_btn__1OX4j {\n  transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n  display: inline-block;\n  padding: 0.643rem 2rem;\n  font-family: inherit;\n  color: #135cc8;\n  text-align: center;\n  text-decoration: none;\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  background-color: transparent;\n  border: 2px solid transparent;\n  border-radius: 20px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n  vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n  border-color: #135cc8;\n  background-color: #135cc8;\n  color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  color: #ffffff;\n  background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n  min-width: auto;\n  font-weight: 600;\n  letter-spacing: inherit;\n  padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n  border-color: transparent;\n  background-color: transparent;\n  color: inherit;\n  text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n  color: #5c657e;\n}\n.main-module_btn_s__rRebe {\n  min-width: auto;\n  padding: 0.393rem 1rem;\n}\n";
-var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_s":"main-module_btn_s__rRebe"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n  transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n  display: inline-block;\n  padding: 0.643rem 2rem;\n  font-family: inherit;\n  color: #135cc8;\n  text-align: center;\n  text-decoration: none;\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  background-color: transparent;\n  border: 2px solid transparent;\n  border-radius: 20px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n  vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n  border-color: #135cc8;\n  background-color: #135cc8;\n  color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  color: #ffffff;\n  background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n  min-width: auto;\n  font-weight: 600;\n  letter-spacing: inherit;\n  padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n  border-color: transparent;\n  background-color: transparent;\n  color: inherit;\n  text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n  color: #5c657e;\n}\n.main-module_btn_s__rRebe {\n  min-width: auto;\n  padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n  opacity: 0.4;\n  cursor: default;\n  pointer-events: none;\n}\n";
+var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
 styleInject_es['default'](css_248z);
 
 exports.default = cssClasses;

package/build/cjs/src/css/loader/main.module.less.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../node_modules/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_loader__2k0x_ {\n  display: inline-block;\n  vertical-align: middle;\n  width: 16px;\n  height: 16px;\n  border-style: solid;\n  border-width: 1.5px;\n  border-color: #ececec #ececec #ececec #3c83ec;\n  border-radius: 50%;\n  transform: translateZ(0);\n  -webkit-animation: main-module_load__1yy35 1.1s infinite linear;\n          animation: main-module_load__1yy35 1.1s infinite linear;\n}\n.main-module_loader_s__3DDj4 {\n  width: 12px;\n  height: 12px;\n}\n.main-module_loader_l__1X43e {\n  width: 24px;\n  height: 24px;\n}\n.main-module_loader_xl__2hfeE {\n  width: 30px;\n  height: 30px;\n}\n@-webkit-keyframes main-module_load__1yy35 {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes main-module_load__1yy35 {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
+var cssClasses = {"loader":"main-module_loader__2k0x_","load":"main-module_load__1yy35","loader_s":"main-module_loader_s__3DDj4","loader_l":"main-module_loader_l__1X43e","loader_xl":"main-module_loader_xl__2hfeE"};
+styleInject_es['default'](css_248z);
+
+exports.default = cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/cjs/src/css/loader/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/build/cjs/src/css/with-loader/main.module.less.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".main-module_with-loader__X2lLa {\n  text-align: center;\n}\n";
+var cssClasses = {"with-loader":"main-module_with-loader__X2lLa"};
+styleInject_es['default'](css_248z);
+
+exports.default = cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/cjs/src/css/with-loader/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/build/cjs/src/index.js

@@ -46,6 +46,9 @@ var index$r = require('./components/table/index.js');
 var dataTable = require('./components/table/hoc/data-table.js');
 var tabs = require('./components/tabs/components/tabs.js');
 var tab_item = require('./components/tabs/components/tab_item.js');
+require('./components/loader/constants.js');
+var index$B = require('./components/loader/index.js');
+var index$C = require('./components/with_loader/index.js');
 var index$y = require('./components/controls/hoc/control_radio_group/index.js');
 var index$z = require('./components/message-box/index.js');
 var context = require('./components/flash_messenger/context.js');
@@ -95,6 +98,8 @@ exports.Table = index$r['default'];
 exports.DataTable = dataTable['default'];
 exports.Tabs = tabs['default'];
 exports.TabItem = tab_item.TabItem;
+exports.Loader = index$B['default'];
+exports.WithLoader = index$C['default'];
 exports.ControlRadioGroup = index$y['default'];
 exports.MessageBox = index$z['default'];
 exports.useFlashMessenger = context.useFlashMessenger;

package/build/cjs/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/src/translations/en.json.js

@@ -68,15 +68,15 @@ var en = {
 	Add: Add,
 	Search: Search,
 	"Selected cell -1": "Not selected",
-	"Selected cell 0": "Góra z lewej",
-	"Selected cell 1": "Góra na środku",
-	"Selected cell 2": "Góra z prawej",
-	"Selected cell 3": "Środek z lewej",
-	"Selected cell 4": "Środek",
-	"Selected cell 5": "Środek z prawej",
-	"Selected cell 6": "Dół z lewej",
-	"Selected cell 7": "Dół na środku",
-	"Selected cell 8": "Dół z prawej"
+	"Selected cell 0": "Top left",
+	"Selected cell 1": "Top center",
+	"Selected cell 2": "Top right",
+	"Selected cell 3": "Middle left",
+	"Selected cell 4": "Middle center",
+	"Selected cell 5": "Middle right",
+	"Selected cell 6": "Bottom left",
+	"Selected cell 7": "Bottom center",
+	"Selected cell 8": "Bottom right"
 };
 
 exports.Add = Add;

package/build/cjs/src/translations/pl.json.js

@@ -67,17 +67,16 @@ var pl = {
 	"Last Year": "Ostatni Rok",
 	Add: Add,
 	Search: Search,
-	"Selected cell": "A tak sobie",
 	"Selected cell -1": "Nie wybrano",
-	"Selected cell 0": "Top left",
-	"Selected cell 1": "Top center",
-	"Selected cell 2": "Top right",
-	"Selected cell 3": "Middle left",
-	"Selected cell 4": "Middle center",
-	"Selected cell 5": "Middle right",
-	"Selected cell 6": "Bottom left",
-	"Selected cell 7": "Bottom center",
-	"Selected cell 8": "Bottom right"
+	"Selected cell 0": "Góra z lewej",
+	"Selected cell 1": "Góra na środku",
+	"Selected cell 2": "Góra z prawej",
+	"Selected cell 3": "Środek z lewej",
+	"Selected cell 4": "Środek",
+	"Selected cell 5": "Środek z prawej",
+	"Selected cell 6": "Dół z lewej",
+	"Selected cell 7": "Dół na środku",
+	"Selected cell 8": "Dół z prawej"
 };
 
 exports.Add = Add;

package/build/cjs/src/translations/pl.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,3 +4,4 @@ export declare const cssButtonBg: string;
 export declare const cssButtonS: string;
 export declare const cssButtonLink: string;
 export declare const cssButtonSecondary: string;
+export declare const cssButtonInactive: string;

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

@@ -3,7 +3,8 @@ var cssButtonOutline = cssButton + "_outline";
 var cssButtonBg = cssButton + "_bg";
 var cssButtonS = cssButton + "_s";
 var cssButtonLink = cssButton + "_link";
-var cssButtonSecondary = cssButton + "_secondary";
+var cssButtonSecondary = cssButton + "_secondary";
+var cssButtonInactive = cssButton + "_inactive";
 
-export { cssButton, cssButtonBg, cssButtonLink, cssButtonOutline, cssButtonS, cssButtonSecondary };
+export { cssButton, cssButtonBg, cssButtonInactive, cssButtonLink, cssButtonOutline, cssButtonS, cssButtonSecondary };
 //# sourceMappingURL=css_classes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/button/css_classes.ts"],"sourcesContent":["export const cssButton = 'btn';\nexport const cssButtonOutline = `${cssButton}_outline`;\nexport const cssButtonBg = `${cssButton}_bg`;\nexport const cssButtonS = `${cssButton}_s`;\nexport const cssButtonLink = `${cssButton}_link`;\nexport const cssButtonSecondary = `${cssButton}_secondary`;\n"],"names":[],"mappings":"IAAa,SAAS,GAAG,MAAM;IAClB,gBAAgB,GAAM,SAAS,cAAW;IAC1C,WAAW,GAAM,SAAS,SAAM;IAChC,UAAU,GAAM,SAAS,QAAK;IAC9B,aAAa,GAAM,SAAS,WAAQ;IACpC,kBAAkB,GAAM,SAAS;;;;"}
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/button/css_classes.ts"],"sourcesContent":["export const cssButton = 'btn';\nexport const cssButtonOutline = `${cssButton}_outline`;\nexport const cssButtonBg = `${cssButton}_bg`;\nexport const cssButtonS = `${cssButton}_s`;\nexport const cssButtonLink = `${cssButton}_link`;\nexport const cssButtonSecondary = `${cssButton}_secondary`;\nexport const cssButtonInactive = `${cssButton}_inactive`;\n"],"names":[],"mappings":"IAAa,SAAS,GAAG,MAAM;IAClB,gBAAgB,GAAM,SAAS,cAAW;IAC1C,WAAW,GAAM,SAAS,SAAM;IAChC,UAAU,GAAM,SAAS,QAAK;IAC9B,aAAa,GAAM,SAAS,WAAQ;IACpC,kBAAkB,GAAM,SAAS,gBAAa;IAC9C,iBAAiB,GAAM,SAAS;;;;"}

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

@@ -2,7 +2,7 @@ import 'react';
 import { __rest } from '../../../_virtual/_tslib.js';
 import classnames from 'classnames';
 import cssClasses from '../../css/button/main.module.less.js';
-import { cssButton, cssButtonS, cssButtonBg, cssButtonOutline, cssButtonLink, cssButtonSecondary } from './css_classes.js';
+import { cssButton, cssButtonS, cssButtonBg, cssButtonOutline, cssButtonLink, cssButtonSecondary, cssButtonInactive } from './css_classes.js';
 import { buttonTypes } from './components/index.js';
 
 /**
@@ -24,13 +24,14 @@ import { buttonTypes } from './components/index.js';
  */
 var Button = function (_a) {
     var _b;
-    var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, props = __rest(_a, ["as", "size", "color", "variant"]);
+    var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, props = __rest(_a, ["as", "size", "color", "variant", "inactive"]);
     var buttonClassNames = classnames(cssClasses[cssButton], (_b = {},
         _b[cssClasses[cssButtonS]] = size,
         _b[cssClasses[cssButtonBg]] = !variant,
         _b[cssClasses[cssButtonOutline]] = variant === 'outline',
         _b[cssClasses[cssButtonLink]] = variant === 'link',
         _b[cssClasses[cssButtonSecondary]] = color === 'secondary',
+        _b[cssClasses[cssButtonInactive]] = inactive,
         _b));
     return buttonTypes[as].render(props, buttonClassNames);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary } from './css_classes';\nimport { buttonTypes } from './components';\n\n/**\n * @component\n * @example\n * return (\n *  <Button\n *      size=\"small\"\n *      variant=\"light\">\n *          Text button\n *  </Button>\n *\n *  <Button\n *      as=\"link\"\n *      href=\"https://onet.pl\">\n *          Text button\n *  </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, ...props }): JSX.Element => {\n    const buttonClassNames = classnames(cssClasses[cssButton], {\n        [cssClasses[cssButtonS]]: size,\n        [cssClasses[cssButtonBg]]: !variant,\n        [cssClasses[cssButtonOutline]]: variant === 'outline',\n        [cssClasses[cssButtonLink]]: variant === 'link',\n        [cssClasses[cssButtonSecondary]]: color === 'secondary'\n    });\n\n    return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":[],"mappings":";;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,EAAiD;;IAA/C,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sDAAQ;IACnF,IAAM,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC;QACrD,GAAC,UAAU,CAAC,UAAU,CAAC,IAAG,IAAI;QAC9B,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAAC,UAAU,CAAC,gBAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAAC,UAAU,CAAC,aAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;YACzD,CAAC;IAEH,OAAO,WAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary, cssButtonInactive } from './css_classes';\nimport { buttonTypes } from './components';\n\n/**\n * @component\n * @example\n * return (\n *  <Button\n *      size=\"small\"\n *      variant=\"light\">\n *          Text button\n *  </Button>\n *\n *  <Button\n *      as=\"link\"\n *      href=\"https://onet.pl\">\n *          Text button\n *  </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, inactive, ...props }): JSX.Element => {\n    const buttonClassNames = classnames(cssClasses[cssButton], {\n        [cssClasses[cssButtonS]]: size,\n        [cssClasses[cssButtonBg]]: !variant,\n        [cssClasses[cssButtonOutline]]: variant === 'outline',\n        [cssClasses[cssButtonLink]]: variant === 'link',\n        [cssClasses[cssButtonSecondary]]: color === 'secondary',\n        [cssClasses[cssButtonInactive]]: inactive,\n    });\n\n    return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":[],"mappings":";;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,EAA2D;;IAAzD,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAQ,EAAE,kEAAQ;IAC7F,IAAM,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC;QACrD,GAAC,UAAU,CAAC,UAAU,CAAC,IAAG,IAAI;QAC9B,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAAC,UAAU,CAAC,gBAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAAC,UAAU,CAAC,aAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;QACvD,GAAC,UAAU,CAAC,iBAAiB,CAAC,IAAG,QAAQ;YAC3C,CAAC;IAEH,OAAO,WAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}

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

@@ -3,6 +3,7 @@ export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     as?: 'button' | 'link';
     size?: 'small';
     variant?: 'outline' | 'link';
+    inactive?: true;
     color?: 'secondary';
     href?: string;
     target?: '_blank';

package/build/esm/src/components/controls/components/cell_selector.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { useTranslation } from '../../../../node_modules/react-i18next/dist/es/useTranslation.js';
-import { cellSelector, cellSelectorContainer, cellSelectorRow, cellSelectorCell, cellSelectorCellActive, cellSelectorDescription } from '../css_classes.js';
+import { cellSelector, cellSelectorContainer, cellSelectorRow, cellSelectorCell, cellSelectorCellActive } from '../css_classes.js';
 import styles from '../../../css/cell_selector/main.module.less.js';
 
 var CellSelector = function (_a) {
@@ -33,8 +33,7 @@ var CellSelector = function (_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(cellIndex + (withValueOffset ? 1 : 0));
     };
     return (React.createElement("div", { className: styles[cellSelector] + " " + className },
-        React.createElement("div", { className: styles[cellSelectorContainer] }, Array.from({ length: rows }).map(function (_, rowIndex) { return (React.createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex, className: styles[cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React.createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex + "-Col-" + colIndex, className: styles[cellSelectorCell] + " " + (isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''), onClick: function () { return onClick(rowIndex, colIndex); } })); }))); })),
-        React.createElement("div", { className: styles[cellSelectorDescription] }, t("Selected cell " + (selectedCell !== null && selectedCell !== void 0 ? selectedCell : -1)))));
+        React.createElement("div", { className: styles[cellSelectorContainer] }, Array.from({ length: rows }).map(function (_, rowIndex) { return (React.createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex, className: styles[cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React.createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex + "-Col-" + colIndex, className: styles[cellSelectorCell] + " " + (isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''), onClick: function () { return onClick(rowIndex, colIndex); } })); }))); }))));
 };
 
 export default CellSelector;

package/build/esm/src/components/controls/components/cell_selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell_selector.js","sources":["../../../../../../src/components/controls/components/cell_selector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styles from '@css/cell_selector/main.module.less';\nimport {\n    cellSelector,\n    cellSelectorRow,\n    cellSelectorCell,\n    cellSelectorCellActive,\n    cellSelectorContainer,\n    cellSelectorDescription,\n} from '../css_classes';\nimport { ICellSelector } from '@components/controls/types';\nimport { useTranslation } from 'react-i18next';\n\nconst CellSelector: React.FC<ICellSelector> = ({\n    rows = 3,\n    cols = 3,\n    name,\n    initialSelected,\n    withValueOffset = true,\n    onChange,\n    className = '',\n}) => {\n    const [selectedCell, setSelectedCell] = useState(initialSelected);\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        if (initialSelected === undefined) {\n            setSelectedCell(initialSelected);\n        } else {\n            setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));\n        }\n    }, [setSelectedCell, withValueOffset, initialSelected]);\n\n    const isSelected = (row: number, col: number) => {\n        if (selectedCell === undefined) {\n            return false;\n        }\n        if (parseInt(`${selectedCell / cols}`) !== row) {\n            return false;\n        }\n        if (selectedCell % cols !== col) {\n            return false;\n        }\n\n        return true;\n    };\n\n    const onClick = (row: number, col: number) => {\n        const cellIndex = row * cols + col;\n        setSelectedCell(cellIndex);\n        onChange?.(cellIndex + (withValueOffset ? 1 : 0));\n    };\n\n    return (\n        <div className={`${styles[cellSelector]} ${className}`}>\n            <div className={styles[cellSelectorContainer]}>\n                {Array.from({ length: rows }).map((_, rowIndex) => (\n                    <div key={`CellSelector-${name}-Row-${rowIndex}`} className={styles[cellSelectorRow]}>\n                        {Array.from({ length: cols }).map((_, colIndex) => (\n                            <div\n                                key={`CellSelector-${name}-Row-${rowIndex}-Col-${colIndex}`}\n                                className={`${styles[cellSelectorCell]} ${isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''}`}\n                                onClick={() => onClick(rowIndex, colIndex)}\n                            />\n                        ))}\n                    </div>\n                ))}\n            </div>\n            <div className={styles[cellSelectorDescription]}>{t(`Selected cell ${selectedCell ?? -1}`)}</div>\n        </div>\n    );\n};\n\nexport default CellSelector;\n"],"names":[],"mappings":";;;;;IAaM,YAAY,GAA4B,UAAC,EAQ9C;QAPG,YAAQ,EAAR,6BAAQ,EACR,YAAQ,EAAR,6BAAQ,EACR,cAAI,EACJ,oCAAe,EACf,uBAAsB,EAAtB,2CAAsB,EACtB,sBAAQ,EACR,iBAAc,EAAd,mCAAc;IAER,IAAA,8BAA2D,EAA1D,oBAAY,EAAE,uBAA4C,CAAC;IAC1D,IAAA,sBAAC,CAAsB;IAE/B,SAAS,CAAC;QACN,IAAI,eAAe,KAAK,SAAS,EAAE;YAC/B,eAAe,CAAC,eAAe,CAAC,CAAC;SACpC;aAAM;YACH,eAAe,CAAC,eAAe,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAChE;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAExD,IAAM,UAAU,GAAG,UAAC,GAAW,EAAE,GAAW;QACxC,IAAI,YAAY,KAAK,SAAS,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,QAAQ,CAAC,KAAG,YAAY,GAAG,IAAM,CAAC,KAAK,GAAG,EAAE;YAC5C,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,YAAY,GAAG,IAAI,KAAK,GAAG,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,IAAI,CAAC;KACf,CAAC;IAEF,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,GAAW;QACrC,IAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC;QACnC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;KACrD,CAAC;IAEF,QACI,6BAAK,SAAS,EAAK,MAAM,CAAC,YAAY,CAAC,SAAI,SAAW;QAClD,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IACxC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/C,6BAAK,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAU,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,IAC/E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/C,6BACI,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAQ,aAAQ,QAAU,EAC3D,SAAS,EAAK,MAAM,CAAC,gBAAgB,CAAC,UAAI,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,MAAM,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAE,EAChH,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAA,GAC5C,IACL,CAAC,CACA,IACT,CAAC,CACA;QACN,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAAG,CAAC,CAAC,oBAAiB,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,CAAE,CAAC,CAAO,CAC/F,EACR;AACN;;;;"}
+{"version":3,"file":"cell_selector.js","sources":["../../../../../../src/components/controls/components/cell_selector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styles from '@css/cell_selector/main.module.less';\nimport {\n    cellSelector,\n    cellSelectorRow,\n    cellSelectorCell,\n    cellSelectorCellActive,\n    cellSelectorContainer,\n    cellSelectorDescription,\n} from '../css_classes';\nimport { ICellSelector } from '@components/controls/types';\nimport { useTranslation } from 'react-i18next';\n\nconst CellSelector: React.FC<ICellSelector> = ({\n    rows = 3,\n    cols = 3,\n    name,\n    initialSelected,\n    withValueOffset = true,\n    onChange,\n    className = '',\n}) => {\n    const [selectedCell, setSelectedCell] = useState(initialSelected);\n    const { t } = useTranslation();\n\n    useEffect(() => {\n        if (initialSelected === undefined) {\n            setSelectedCell(initialSelected);\n        } else {\n            setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));\n        }\n    }, [setSelectedCell, withValueOffset, initialSelected]);\n\n    const isSelected = (row: number, col: number) => {\n        if (selectedCell === undefined) {\n            return false;\n        }\n        if (parseInt(`${selectedCell / cols}`) !== row) {\n            return false;\n        }\n        if (selectedCell % cols !== col) {\n            return false;\n        }\n\n        return true;\n    };\n\n    const onClick = (row: number, col: number) => {\n        const cellIndex = row * cols + col;\n        setSelectedCell(cellIndex);\n        onChange?.(cellIndex + (withValueOffset ? 1 : 0));\n    };\n\n    return (\n        <div className={`${styles[cellSelector]} ${className}`}>\n            <div className={styles[cellSelectorContainer]}>\n                {Array.from({ length: rows }).map((_, rowIndex) => (\n                    <div key={`CellSelector-${name}-Row-${rowIndex}`} className={styles[cellSelectorRow]}>\n                        {Array.from({ length: cols }).map((_, colIndex) => (\n                            <div\n                                key={`CellSelector-${name}-Row-${rowIndex}-Col-${colIndex}`}\n                                className={`${styles[cellSelectorCell]} ${isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''}`}\n                                onClick={() => onClick(rowIndex, colIndex)}\n                            />\n                        ))}\n                    </div>\n                ))}\n            </div>\n        </div>\n    );\n};\n\nexport default CellSelector;\n"],"names":[],"mappings":";;;;;IAaM,YAAY,GAA4B,UAAC,EAQ9C;QAPG,YAAQ,EAAR,6BAAQ,EACR,YAAQ,EAAR,6BAAQ,EACR,cAAI,EACJ,oCAAe,EACf,uBAAsB,EAAtB,2CAAsB,EACtB,sBAAQ,EACR,iBAAc,EAAd,mCAAc;IAER,IAAA,8BAA2D,EAA1D,oBAAY,EAAE,uBAA4C,CAAC;IAC1D,IAAA,sBAAC,CAAsB;IAE/B,SAAS,CAAC;QACN,IAAI,eAAe,KAAK,SAAS,EAAE;YAC/B,eAAe,CAAC,eAAe,CAAC,CAAC;SACpC;aAAM;YACH,eAAe,CAAC,eAAe,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAChE;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAExD,IAAM,UAAU,GAAG,UAAC,GAAW,EAAE,GAAW;QACxC,IAAI,YAAY,KAAK,SAAS,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,QAAQ,CAAC,KAAG,YAAY,GAAG,IAAM,CAAC,KAAK,GAAG,EAAE;YAC5C,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,YAAY,GAAG,IAAI,KAAK,GAAG,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,IAAI,CAAC;KACf,CAAC;IAEF,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,GAAW;QACrC,IAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC;QACnC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;KACrD,CAAC;IAEF,QACI,6BAAK,SAAS,EAAK,MAAM,CAAC,YAAY,CAAC,SAAI,SAAW;QAClD,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IACxC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/C,6BAAK,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAU,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,IAC/E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/C,6BACI,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAQ,aAAQ,QAAU,EAC3D,SAAS,EAAK,MAAM,CAAC,gBAAgB,CAAC,UAAI,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,MAAM,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAE,EAChH,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAA,GAC5C,IACL,CAAC,CACA,IACT,CAAC,CACA,CACJ,EACR;AACN;;;;"}

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

@@ -34,10 +34,9 @@ var radioControl = radio + "__control";
 var radioLabel = radio + "__label";
 var cellSelector = 'cell-selector';
 var cellSelectorContainer = cellSelector + "__container";
-var cellSelectorDescription = cellSelector + "__description";
 var cellSelectorRow = cellSelector + "__row";
 var cellSelectorCell = cellSelector + "__cell";
 var cellSelectorCellActive = cellSelectorCell + "_active";
 
-export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorDescription, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
+export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
 //# sourceMappingURL=css_classes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/controls/css_classes.ts"],"sourcesContent":["export const cssControls = 'controls';\nexport const cssControlsError = 'controls_error';\nexport const cssControlsLabel = `${cssControls}__label`;\nexport const cssControlsContent = `${cssControls}__content`;\nexport const cssControlsElement = `${cssControls}__element`;\nexport const cssControlsElementPrefix = `${cssControls}__element_prefix`;\nexport const cssControlsElementPostfix = `${cssControls}__element_postfix`;\nexport const cssControlsElementCheckbox = `${cssControls}__element_checkbox`;\nexport const cssControlsElementRadio = `${cssControls}__element_radio`;\nexport const cssControlsErrors = `${cssControls}__errors`;\nexport const cssControlsErrorsList = `${cssControls}__errors-list`;\nexport const cssControlsErrorsListItem = `${cssControls}__errors-list-item`;\n\nexport const cssControl = 'control';\nexport const cssControlS = 'control_s';\nexport const cssControlWrapper = 'control_wrapper';\nexport const cssControlFocus = 'control_focus';\nexport const cssControlDisabled = 'control_disabled';\nexport const cssControlReadonly = 'control_readonly';\nexport const cssControlError = 'control_error';\nexport const cssControlInput = 'control__input';\n\nexport const checkbox = 'checkbox';\nexport const checkboxDisabled = `${checkbox}_disabled`;\nexport const checkboxControl = `${checkbox}__control`;\nexport const checkboxLabel = `${checkbox}__label`;\nexport const checkboxIcon = `${checkbox}__icon`;\n\nexport const checkboxSwitch = 'checkbox-switch';\nexport const checkboxSwitchDisabled = `${checkboxSwitch}_disabled`;\nexport const checkboxSwitchControl = `${checkboxSwitch}__control`;\nexport const checkboxSwitchLabel = `${checkboxSwitch}__label`;\nexport const checkboxSwitchIcon = `${checkboxSwitch}__icon`;\n\nexport const radio = 'radio';\nexport const radioDisabled = `${radio}_disabled`;\nexport const radioControl = `${radio}__control`;\nexport const radioLabel = `${radio}__label`;\n\nexport const cellSelector = 'cell-selector';\nexport const cellSelectorContainer = `${cellSelector}__container`;\nexport const cellSelectorDescription = `${cellSelector}__description`;\nexport const cellSelectorRow = `${cellSelector}__row`;\nexport const cellSelectorCell = `${cellSelector}__cell`;\nexport const cellSelectorCellActive = `${cellSelectorCell}_active`;\n"],"names":[],"mappings":"IAAa,WAAW,GAAG,WAAW;IACzB,gBAAgB,GAAG,iBAAiB;IACpC,gBAAgB,GAAM,WAAW,aAAU;IAC3C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,wBAAwB,GAAM,WAAW,sBAAmB;IAC5D,yBAAyB,GAAM,WAAW,uBAAoB;IAC9D,0BAA0B,GAAM,WAAW,wBAAqB;IAChE,uBAAuB,GAAM,WAAW,qBAAkB;IAC1D,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,mBAAgB;IACtD,yBAAyB,GAAM,WAAW,wBAAqB;IAE/D,UAAU,GAAG,UAAU;IACvB,WAAW,GAAG,YAAY;IAC1B,iBAAiB,GAAG,kBAAkB;IACtC,eAAe,GAAG,gBAAgB;IAClC,kBAAkB,GAAG,mBAAmB;IACxC,kBAAkB,GAAG,mBAAmB;IACxC,eAAe,GAAG,gBAAgB;IAClC,eAAe,GAAG,iBAAiB;IAEnC,QAAQ,GAAG,WAAW;IACtB,gBAAgB,GAAM,QAAQ,eAAY;IAC1C,eAAe,GAAM,QAAQ,eAAY;IACzC,aAAa,GAAM,QAAQ,aAAU;IACrC,YAAY,GAAM,QAAQ,YAAS;IAEnC,cAAc,GAAG,kBAAkB;IACnC,sBAAsB,GAAM,cAAc,eAAY;IACtD,qBAAqB,GAAM,cAAc,eAAY;IACrD,mBAAmB,GAAM,cAAc,aAAU;IACjD,kBAAkB,GAAM,cAAc,YAAS;IAE/C,KAAK,GAAG,QAAQ;IAChB,aAAa,GAAM,KAAK,eAAY;IACpC,YAAY,GAAM,KAAK,eAAY;IACnC,UAAU,GAAM,KAAK,aAAU;IAE/B,YAAY,GAAG,gBAAgB;IAC/B,qBAAqB,GAAM,YAAY,iBAAc;IACrD,uBAAuB,GAAM,YAAY,mBAAgB;IACzD,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;"}
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/controls/css_classes.ts"],"sourcesContent":["export const cssControls = 'controls';\nexport const cssControlsError = 'controls_error';\nexport const cssControlsLabel = `${cssControls}__label`;\nexport const cssControlsContent = `${cssControls}__content`;\nexport const cssControlsElement = `${cssControls}__element`;\nexport const cssControlsElementPrefix = `${cssControls}__element_prefix`;\nexport const cssControlsElementPostfix = `${cssControls}__element_postfix`;\nexport const cssControlsElementCheckbox = `${cssControls}__element_checkbox`;\nexport const cssControlsElementRadio = `${cssControls}__element_radio`;\nexport const cssControlsErrors = `${cssControls}__errors`;\nexport const cssControlsErrorsList = `${cssControls}__errors-list`;\nexport const cssControlsErrorsListItem = `${cssControls}__errors-list-item`;\n\nexport const cssControl = 'control';\nexport const cssControlS = 'control_s';\nexport const cssControlWrapper = 'control_wrapper';\nexport const cssControlFocus = 'control_focus';\nexport const cssControlDisabled = 'control_disabled';\nexport const cssControlReadonly = 'control_readonly';\nexport const cssControlError = 'control_error';\nexport const cssControlInput = 'control__input';\n\nexport const checkbox = 'checkbox';\nexport const checkboxDisabled = `${checkbox}_disabled`;\nexport const checkboxControl = `${checkbox}__control`;\nexport const checkboxLabel = `${checkbox}__label`;\nexport const checkboxIcon = `${checkbox}__icon`;\n\nexport const checkboxSwitch = 'checkbox-switch';\nexport const checkboxSwitchDisabled = `${checkboxSwitch}_disabled`;\nexport const checkboxSwitchControl = `${checkboxSwitch}__control`;\nexport const checkboxSwitchLabel = `${checkboxSwitch}__label`;\nexport const checkboxSwitchIcon = `${checkboxSwitch}__icon`;\n\nexport const radio = 'radio';\nexport const radioDisabled = `${radio}_disabled`;\nexport const radioControl = `${radio}__control`;\nexport const radioLabel = `${radio}__label`;\n\nexport const cellSelector = 'cell-selector';\nexport const cellSelectorContainer = `${cellSelector}__container`;\nexport const cellSelectorDescription = `${cellSelector}__description`;\nexport const cellSelectorRow = `${cellSelector}__row`;\nexport const cellSelectorCell = `${cellSelector}__cell`;\nexport const cellSelectorCellActive = `${cellSelectorCell}_active`;\n"],"names":[],"mappings":"IAAa,WAAW,GAAG,WAAW;IACzB,gBAAgB,GAAG,iBAAiB;IACpC,gBAAgB,GAAM,WAAW,aAAU;IAC3C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,wBAAwB,GAAM,WAAW,sBAAmB;IAC5D,yBAAyB,GAAM,WAAW,uBAAoB;IAC9D,0BAA0B,GAAM,WAAW,wBAAqB;IAChE,uBAAuB,GAAM,WAAW,qBAAkB;IAC1D,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,mBAAgB;IACtD,yBAAyB,GAAM,WAAW,wBAAqB;IAE/D,UAAU,GAAG,UAAU;IACvB,WAAW,GAAG,YAAY;IAC1B,iBAAiB,GAAG,kBAAkB;IACtC,eAAe,GAAG,gBAAgB;IAClC,kBAAkB,GAAG,mBAAmB;IACxC,kBAAkB,GAAG,mBAAmB;IACxC,eAAe,GAAG,gBAAgB;IAClC,eAAe,GAAG,iBAAiB;IAEnC,QAAQ,GAAG,WAAW;IACtB,gBAAgB,GAAM,QAAQ,eAAY;IAC1C,eAAe,GAAM,QAAQ,eAAY;IACzC,aAAa,GAAM,QAAQ,aAAU;IACrC,YAAY,GAAM,QAAQ,YAAS;IAEnC,cAAc,GAAG,kBAAkB;IACnC,sBAAsB,GAAM,cAAc,eAAY;IACtD,qBAAqB,GAAM,cAAc,eAAY;IACrD,mBAAmB,GAAM,cAAc,aAAU;IACjD,kBAAkB,GAAM,cAAc,YAAS;IAE/C,KAAK,GAAG,QAAQ;IAChB,aAAa,GAAM,KAAK,eAAY;IACpC,YAAY,GAAM,KAAK,eAAY;IACnC,UAAU,GAAM,KAAK,aAAU;IAE/B,YAAY,GAAG,gBAAgB;IAC/B,qBAAqB,GAAM,YAAY,iBAAc;IAErD,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;"}

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

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { ReactElement } from 'react';
 export interface IHint {
-    hint: string;
+    hint: string | ReactElement;
     vPosition?: 'top' | 'bottom';
     hPosition?: 'left' | 'right' | 'center';
     spacingLeft?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hint/index.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '@css/hint/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport IconHint from '@assets/icon_hint';\n\nexport interface IHint {\n    hint: string;\n    vPosition?: 'top' | 'bottom';\n    hPosition?: 'left' | 'right' | 'center';\n\n    spacingLeft?: boolean;\n    spacingRight?: boolean;\n    iconClass?: string;\n    Icon?: React.FC<{ className?: string }>;\n}\n\nconst Hint: React.FC<IHint> = ({ hint, vPosition = 'top', hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {\n    const containerClassName = classNames(\n        [\n            'hint',\n            spacingLeft && 'hint_spacing-left',\n            spacingRight && 'hint_spacing-right',\n            hPosition === 'right' && 'hint_right',\n            hPosition === 'center' && 'hint_horizontal-center',\n            vPosition === 'top' && 'hint_top',\n        ],\n        styles\n    );\n\n    const IconComponent = Icon || IconHint;\n\n    return (\n        <div className={containerClassName}>\n            <IconComponent className={iconClass} />\n            <div className={styles['hint__content']}>{hint}</div>\n        </div>\n    );\n};\n\nexport default Hint;\n"],"names":[],"mappings":";;;;;IAgBM,IAAI,GAAoB,UAAC,EAA4F;QAA1F,cAAI,EAAE,iBAAiB,EAAjB,sCAAiB,EAAE,iBAAmB,EAAnB,wCAAmB,EAAE,wBAAS,EAAE,cAAI,EAAE,4BAAW,EAAE,8BAAY;IACrH,IAAM,kBAAkB,GAAG,UAAU,CACjC;QACI,MAAM;QACN,WAAW,IAAI,mBAAmB;QAClC,YAAY,IAAI,oBAAoB;QACpC,SAAS,KAAK,OAAO,IAAI,YAAY;QACrC,SAAS,KAAK,QAAQ,IAAI,wBAAwB;QAClD,SAAS,KAAK,KAAK,IAAI,UAAU;KACpC,EACD,MAAM,CACT,CAAC;IAEF,IAAM,aAAa,GAAG,IAAI,IAAI,QAAQ,CAAC;IAEvC,QACI,6BAAK,SAAS,EAAE,kBAAkB;QAC9B,oBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;QACvC,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,IAAG,IAAI,CAAO,CACnD,EACR;AACN;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hint/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport styles from '@css/hint/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport IconHint from '@assets/icon_hint';\n\nexport interface IHint {\n    hint: string | ReactElement;\n    vPosition?: 'top' | 'bottom';\n    hPosition?: 'left' | 'right' | 'center';\n\n    spacingLeft?: boolean;\n    spacingRight?: boolean;\n    iconClass?: string;\n    Icon?: React.FC<{ className?: string }>;\n}\n\nconst Hint: React.FC<IHint> = ({ hint, vPosition = 'top', hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {\n    const containerClassName = classNames(\n        [\n            'hint',\n            spacingLeft && 'hint_spacing-left',\n            spacingRight && 'hint_spacing-right',\n            hPosition === 'right' && 'hint_right',\n            hPosition === 'center' && 'hint_horizontal-center',\n            vPosition === 'top' && 'hint_top',\n        ],\n        styles\n    );\n\n    const IconComponent = Icon || IconHint;\n\n    return (\n        <div className={containerClassName}>\n            <IconComponent className={iconClass} />\n            <div className={styles['hint__content']}>{hint}</div>\n        </div>\n    );\n};\n\nexport default Hint;\n"],"names":[],"mappings":";;;;;IAgBM,IAAI,GAAoB,UAAC,EAA4F;QAA1F,cAAI,EAAE,iBAAiB,EAAjB,sCAAiB,EAAE,iBAAmB,EAAnB,wCAAmB,EAAE,wBAAS,EAAE,cAAI,EAAE,4BAAW,EAAE,8BAAY;IACrH,IAAM,kBAAkB,GAAG,UAAU,CACjC;QACI,MAAM;QACN,WAAW,IAAI,mBAAmB;QAClC,YAAY,IAAI,oBAAoB;QACpC,SAAS,KAAK,OAAO,IAAI,YAAY;QACrC,SAAS,KAAK,QAAQ,IAAI,wBAAwB;QAClD,SAAS,KAAK,KAAK,IAAI,UAAU;KACpC,EACD,MAAM,CACT,CAAC;IAEF,IAAM,aAAa,GAAG,IAAI,IAAI,QAAQ,CAAC;IAEvC,QACI,6BAAK,SAAS,EAAE,kBAAkB;QAC9B,oBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;QACvC,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,IAAG,IAAI,CAAO,CACnD,EACR;AACN;;;;"}

package/build/esm/src/components/loader/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const LOADER_SIZE: {
+    readonly small: "small";
+    readonly large: "large";
+    readonly extraLarge: "extraLarge";
+};
+export declare const LOADER_SIZE_CSS_CLASS_MAP: {
+    readonly small: string;
+    readonly large: string;
+    readonly extraLarge: string;
+};

package/build/esm/src/components/loader/constants.js

@@ -0,0 +1,16 @@
+import { cssLoaderSizeSmall, cssLoaderSizeLarge, cssLoaderSizeExtraLarge } from './css_classes.js';
+
+var _a;
+var LOADER_SIZE = {
+    small: 'small',
+    large: 'large',
+    extraLarge: 'extraLarge',
+};
+var LOADER_SIZE_CSS_CLASS_MAP = (_a = {},
+    _a[LOADER_SIZE.small] = cssLoaderSizeSmall,
+    _a[LOADER_SIZE.large] = cssLoaderSizeLarge,
+    _a[LOADER_SIZE.extraLarge] = cssLoaderSizeExtraLarge,
+    _a);
+
+export { LOADER_SIZE, LOADER_SIZE_CSS_CLASS_MAP };
+//# sourceMappingURL=constants.js.map

package/build/esm/src/components/loader/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/loader/constants.ts"],"sourcesContent":["import { cssLoaderSizeExtraLarge, cssLoaderSizeLarge, cssLoaderSizeSmall } from '@components/loader/css_classes';\n\nexport const LOADER_SIZE = {\n    small: 'small',\n    large: 'large',\n    extraLarge: 'extraLarge',\n} as const;\n\nexport const LOADER_SIZE_CSS_CLASS_MAP = {\n    [LOADER_SIZE.small]: cssLoaderSizeSmall,\n    [LOADER_SIZE.large]: cssLoaderSizeLarge,\n    [LOADER_SIZE.extraLarge]: cssLoaderSizeExtraLarge,\n} as const;\n"],"names":[],"mappings":";;;IAEa,WAAW,GAAG;IACvB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,YAAY;EACjB;IAEE,yBAAyB,IAAG;IACrC,GAAC,WAAW,CAAC,KAAK,IAAG,kBAAkB;IACvC,GAAC,WAAW,CAAC,KAAK,IAAG,kBAAkB;IACvC,GAAC,WAAW,CAAC,UAAU,IAAG,uBAAuB;MAC3C;;;;"}

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

@@ -0,0 +1,4 @@
+export declare const cssLoader = "loader";
+export declare const cssLoaderSizeSmall: string;
+export declare const cssLoaderSizeLarge: string;
+export declare const cssLoaderSizeExtraLarge: string;

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

@@ -0,0 +1,7 @@
+var cssLoader = 'loader';
+var cssLoaderSizeSmall = cssLoader + "_s";
+var cssLoaderSizeLarge = cssLoader + "_l";
+var cssLoaderSizeExtraLarge = cssLoader + "_xl";
+
+export { cssLoader, cssLoaderSizeExtraLarge, cssLoaderSizeLarge, cssLoaderSizeSmall };
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/loader/css_classes.ts"],"sourcesContent":["export const cssLoader = 'loader';\nexport const cssLoaderSizeSmall = `${cssLoader}_s`;\nexport const cssLoaderSizeLarge = `${cssLoader}_l`;\nexport const cssLoaderSizeExtraLarge = `${cssLoader}_xl`;\n"],"names":[],"mappings":"IAAa,SAAS,GAAG,SAAS;IACrB,kBAAkB,GAAM,SAAS,QAAK;IACtC,kBAAkB,GAAM,SAAS,QAAK;IACtC,uBAAuB,GAAM,SAAS;;;;"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ILoaderConstants, ILoaderProps } from "./types";
+declare const Loader: React.FC<ILoaderProps> & ILoaderConstants;
+export default Loader;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import classnames from 'classnames';
+import cssClasses from '../../css/loader/main.module.less.js';
+import { cssLoader } from './css_classes.js';
+import { LOADER_SIZE_CSS_CLASS_MAP, LOADER_SIZE } from './constants.js';
+
+var Loader = function (_a) {
+    var size = _a.size;
+    var loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');
+    return React.createElement("span", { className: loaderClasses });
+};
+Loader.SIZE = LOADER_SIZE;
+
+export default Loader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport classnames from 'classnames';\nimport cssClasses from '@css/loader/main.module.less';\nimport { cssLoader } from '@components/loader/css_classes';\nimport { LOADER_SIZE, LOADER_SIZE_CSS_CLASS_MAP } from '@components/loader/constants';\nimport { ILoaderConstants, ILoaderProps } from '@components/loader/types';\n\nconst Loader: React.FC<ILoaderProps> & ILoaderConstants = ({ size }): ReactElement => {\n    const loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');\n\n    return <span className={loaderClasses} />;\n};\n\nLoader.SIZE = LOADER_SIZE;\n\nexport default Loader;\n"],"names":[],"mappings":";;;;;;IAOM,MAAM,GAA8C,UAAC,EAAQ;QAAN,cAAI;IAC7D,IAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,IAAI,GAAG,UAAU,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAEjH,OAAO,8BAAM,SAAS,EAAE,aAAa,GAAI,CAAC;AAC9C,EAAE;AAEF,MAAM,CAAC,IAAI,GAAG,WAAW;;;;"}

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

@@ -0,0 +1,9 @@
+import { LOADER_SIZE } from "./constants";
+import { EnumLiteralsOf } from "../../typings/general";
+export interface ILoaderProps {
+    size?: TLoaderSize;
+}
+export interface ILoaderConstants {
+    SIZE: typeof LOADER_SIZE;
+}
+export declare type TLoaderSize = EnumLiteralsOf<typeof LOADER_SIZE>;

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

@@ -0,0 +1,3 @@
+import '@components/loader/constants';
+import '@typings/general';
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/loader/types.ts"],"names":[],"mappings":"AAAA,OAA4B,8BAA8B,CAAC;AAC3D,OAA+B,kBAAkB,CAAC"}

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

@@ -0,0 +1 @@
+export declare const cssWithLoader = "with-loader";

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

@@ -0,0 +1,4 @@
+var cssWithLoader = 'with-loader';
+
+export { cssWithLoader };
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/with_loader/css_classes.ts"],"sourcesContent":["export const cssWithLoader = 'with-loader';\n"],"names":[],"mappings":"IAAa,aAAa,GAAG;;;;"}

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

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import classnames from 'classnames';
+import '../loader/constants.js';
+import Loader from '../loader/index.js';
+import cssClasses from '../../css/with-loader/main.module.less.js';
+import { cssWithLoader } from './css_classes.js';
+
+var WithLoader = function (_a) {
+    var isLoading = _a.isLoading, children = _a.children, size = _a.size;
+    return isLoading ? (React.createElement("div", { className: classnames(cssClasses[cssWithLoader]), "data-test-id": "loader" },
+        React.createElement(Loader, { size: size }))) : (React.createElement(React.Fragment, null, children));
+};
+
+export default WithLoader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/with_loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport classnames from 'classnames';\nimport cssClasses from '@css/with-loader/main.module.less';\nimport Loader from '@components/loader';\nimport { IWithLoader } from '@components/with_loader/types';\nimport { cssWithLoader } from '@components/with_loader/css_classes';\n\nconst WithLoader: React.FC<IWithLoader> = ({ isLoading, children, size }): ReactElement => {\n    return isLoading ? (\n        <div className={classnames(cssClasses[cssWithLoader])} data-test-id=\"loader\">\n            <Loader size={size} />\n        </div>\n    ) : (\n        <>{children}</>\n    );\n};\n\nexport default WithLoader;\n"],"names":[],"mappings":";;;;;;;IAOM,UAAU,GAA0B,UAAC,EAA6B;QAA3B,wBAAS,EAAE,sBAAQ,EAAE,cAAI;IAClE,OAAO,SAAS,IACZ,6BAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,kBAAe,QAAQ;QACxE,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CACpB,KAEN,0CAAG,QAAQ,CAAI,CAClB,CAAC;AACN;;;;"}

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

@@ -0,0 +1,4 @@
+import { ILoaderProps } from "../loader/types";
+export interface IWithLoader extends ILoaderProps {
+    isLoading: boolean;
+}

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

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

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

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

package/build/esm/src/css/button/main.module.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/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_btn__1OX4j {\n  transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n  display: inline-block;\n  padding: 0.643rem 2rem;\n  font-family: inherit;\n  color: #135cc8;\n  text-align: center;\n  text-decoration: none;\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  background-color: transparent;\n  border: 2px solid transparent;\n  border-radius: 20px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n  vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n  border-color: #135cc8;\n  background-color: #135cc8;\n  color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  color: #ffffff;\n  background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n  min-width: auto;\n  font-weight: 600;\n  letter-spacing: inherit;\n  padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n  border-color: transparent;\n  background-color: transparent;\n  color: inherit;\n  text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n  color: #5c657e;\n}\n.main-module_btn_s__rRebe {\n  min-width: auto;\n  padding: 0.393rem 1rem;\n}\n";
-var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_s":"main-module_btn_s__rRebe"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n  transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n  display: inline-block;\n  padding: 0.643rem 2rem;\n  font-family: inherit;\n  color: #135cc8;\n  text-align: center;\n  text-decoration: none;\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  background-color: transparent;\n  border: 2px solid transparent;\n  border-radius: 20px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n  vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n  border-color: #135cc8;\n  background-color: #135cc8;\n  color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  color: #ffffff;\n  background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n  min-width: 138px;\n  padding: 0.75rem 2rem;\n  font-weight: 600;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-size: 0.8571428571428571rem;\n  border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n  min-width: auto;\n  font-weight: 600;\n  letter-spacing: inherit;\n  padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n  border-color: transparent;\n  background-color: transparent;\n  color: inherit;\n  text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n  color: #5c657e;\n}\n.main-module_btn_s__rRebe {\n  min-width: auto;\n  padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n  opacity: 0.4;\n  cursor: default;\n  pointer-events: none;\n}\n";
+var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
 styleInject(css_248z);
 
 export default cssClasses;

package/build/esm/src/css/loader/main.module.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/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_loader__2k0x_ {\n  display: inline-block;\n  vertical-align: middle;\n  width: 16px;\n  height: 16px;\n  border-style: solid;\n  border-width: 1.5px;\n  border-color: #ececec #ececec #ececec #3c83ec;\n  border-radius: 50%;\n  transform: translateZ(0);\n  -webkit-animation: main-module_load__1yy35 1.1s infinite linear;\n          animation: main-module_load__1yy35 1.1s infinite linear;\n}\n.main-module_loader_s__3DDj4 {\n  width: 12px;\n  height: 12px;\n}\n.main-module_loader_l__1X43e {\n  width: 24px;\n  height: 24px;\n}\n.main-module_loader_xl__2hfeE {\n  width: 30px;\n  height: 30px;\n}\n@-webkit-keyframes main-module_load__1yy35 {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes main-module_load__1yy35 {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
+var cssClasses = {"loader":"main-module_loader__2k0x_","load":"main-module_load__1yy35","loader_s":"main-module_loader_s__3DDj4","loader_l":"main-module_loader_l__1X43e","loader_xl":"main-module_loader_xl__2hfeE"};
+styleInject(css_248z);
+
+export default cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/esm/src/css/loader/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/build/esm/src/css/with-loader/main.module.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".main-module_with-loader__X2lLa {\n  text-align: center;\n}\n";
+var cssClasses = {"with-loader":"main-module_with-loader__X2lLa"};
+styleInject(css_248z);
+
+export default cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/esm/src/css/with-loader/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -34,10 +34,12 @@ import Select from "./components/dropdown/hoc/select";
 import Spacing from "./components/spacing";
 import Table from "./components/table";
 import DataTable from "./components/table/hoc/data-table";
-import { Tabs, TabItem } from "./components/tabs";
+import { TabItem, Tabs } from "./components/tabs";
 import Tag from "./components/tag";
 import TagsSelector from "./components/tags_selector";
 import Hint from "./components/hint";
+import Loader from "./components/loader";
+import WithLoader from "./components/with_loader";
 /**
  * Assets
  */
@@ -65,11 +67,13 @@ import MessageBox from "./components/message-box";
 import FlashMessenger from "./components/flash_messenger";
 import { TMessageBoxType } from "./components/message-box/types";
 import { useFlashMessenger } from "./components/flash_messenger/context";
+import { ILoaderProps } from "./components/loader/types";
+import { IWithLoader } from "./components/with_loader/types";
 /**
  * export components
  */
-export { Button, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, };
+export { Button, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, };
 /**
  * export types
  */
-export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, };
+export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, };

package/build/esm/src/index.js

@@ -42,6 +42,9 @@ export { default as Table } from './components/table/index.js';
 export { default as DataTable } from './components/table/hoc/data-table.js';
 export { default as Tabs } from './components/tabs/components/tabs.js';
 export { TabItem } from './components/tabs/components/tab_item.js';
+import './components/loader/constants.js';
+export { default as Loader } from './components/loader/index.js';
+export { default as WithLoader } from './components/with_loader/index.js';
 export { default as ControlRadioGroup } from './components/controls/hoc/control_radio_group/index.js';
 export { default as MessageBox } from './components/message-box/index.js';
 export { useFlashMessenger } from './components/flash_messenger/context.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/esm/src/translations/en.json

@@ -38,13 +38,13 @@
     "Add": "Add",
     "Search": "Search",
     "Selected cell -1": "Not selected",
-    "Selected cell 0": "Góra z lewej",
-    "Selected cell 1": "Góra na środku",
-    "Selected cell 2": "Góra z prawej",
-    "Selected cell 3": "Środek z lewej",
-    "Selected cell 4": "Środek",
-    "Selected cell 5": "Środek z prawej",
-    "Selected cell 6": "Dół z lewej",
-    "Selected cell 7": "Dół na środku",
-    "Selected cell 8": "Dół z prawej"
+    "Selected cell 0": "Top left",
+    "Selected cell 1": "Top center",
+    "Selected cell 2": "Top right",
+    "Selected cell 3": "Middle left",
+    "Selected cell 4": "Middle center",
+    "Selected cell 5": "Middle right",
+    "Selected cell 6": "Bottom left",
+    "Selected cell 7": "Bottom center",
+    "Selected cell 8": "Bottom right"
 }

package/build/esm/src/translations/en.json.js

@@ -64,15 +64,15 @@ var en = {
 	Add: Add,
 	Search: Search,
 	"Selected cell -1": "Not selected",
-	"Selected cell 0": "Góra z lewej",
-	"Selected cell 1": "Góra na środku",
-	"Selected cell 2": "Góra z prawej",
-	"Selected cell 3": "Środek z lewej",
-	"Selected cell 4": "Środek",
-	"Selected cell 5": "Środek z prawej",
-	"Selected cell 6": "Dół z lewej",
-	"Selected cell 7": "Dół na środku",
-	"Selected cell 8": "Dół z prawej"
+	"Selected cell 0": "Top left",
+	"Selected cell 1": "Top center",
+	"Selected cell 2": "Top right",
+	"Selected cell 3": "Middle left",
+	"Selected cell 4": "Middle center",
+	"Selected cell 5": "Middle right",
+	"Selected cell 6": "Bottom left",
+	"Selected cell 7": "Bottom center",
+	"Selected cell 8": "Bottom right"
 };
 
 export default en;

package/build/esm/src/translations/pl.json

@@ -37,15 +37,14 @@
     "Last Year": "Ostatni Rok",
     "Add": "Dodaj",
     "Search": "Szukaj",
-    "Selected cell": "A tak sobie",
     "Selected cell -1": "Nie wybrano",
-    "Selected cell 0": "Top left",
-    "Selected cell 1": "Top center",
-    "Selected cell 2": "Top right",
-    "Selected cell 3": "Middle left",
-    "Selected cell 4": "Middle center",
-    "Selected cell 5": "Middle right",
-    "Selected cell 6": "Bottom left",
-    "Selected cell 7": "Bottom center",
-    "Selected cell 8": "Bottom right"
+    "Selected cell 0": "Góra z lewej",
+    "Selected cell 1": "Góra na środku",
+    "Selected cell 2": "Góra z prawej",
+    "Selected cell 3": "Środek z lewej",
+    "Selected cell 4": "Środek",
+    "Selected cell 5": "Środek z prawej",
+    "Selected cell 6": "Dół z lewej",
+    "Selected cell 7": "Dół na środku",
+    "Selected cell 8": "Dół z prawej"
 }

package/build/esm/src/translations/pl.json.js

@@ -63,17 +63,16 @@ var pl = {
 	"Last Year": "Ostatni Rok",
 	Add: Add,
 	Search: Search,
-	"Selected cell": "A tak sobie",
 	"Selected cell -1": "Nie wybrano",
-	"Selected cell 0": "Top left",
-	"Selected cell 1": "Top center",
-	"Selected cell 2": "Top right",
-	"Selected cell 3": "Middle left",
-	"Selected cell 4": "Middle center",
-	"Selected cell 5": "Middle right",
-	"Selected cell 6": "Bottom left",
-	"Selected cell 7": "Bottom center",
-	"Selected cell 8": "Bottom right"
+	"Selected cell 0": "Góra z lewej",
+	"Selected cell 1": "Góra na środku",
+	"Selected cell 2": "Góra z prawej",
+	"Selected cell 3": "Środek z lewej",
+	"Selected cell 4": "Środek",
+	"Selected cell 5": "Środek z prawej",
+	"Selected cell 6": "Dół z lewej",
+	"Selected cell 7": "Dół na środku",
+	"Selected cell 8": "Dół z prawej"
 };
 
 export default pl;

package/build/esm/src/translations/pl.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/esm/src/{types → typings}/general.js.map

@@ -1 +1 @@
-{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../src/types/general.ts"],"names":[],"mappings":""}
+{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../src/typings/general.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@dreamcommerce/aurora",
     "sideEffects": false,
-    "version": "0.3.4-150",
+    "version": "0.3.4-154",
     "description": "aurora",
     "author": "k0ssak",
     "license": "MIT",
@@ -123,6 +123,7 @@
     },
     "scripts": {
         "prepare": "husky install",
+        "prepublishOnly": "npm run tests:unit",
         "build": "rm -rf build/* && tsc -p . && rollup -c",
         "start": "rollup -c -w",
         "storybook": "start-storybook -p 6006",