npm - @dreamcommerce/aurora - Versions diffs - 0.3.4-145 → 0.3.4-149 - Mend

@dreamcommerce/aurora 0.3.4-145 → 0.3.4-149

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
+var useTranslation = require('../../../../node_modules/react-i18next/dist/es/useTranslation.js');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/cell_selector/main.module.less.js');
@@ -11,8 +12,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var CellSelector = function (_a) {
-    var _b = _a.rows, rows = _b === void 0 ? 6 : _b, _c = _a.cols, cols = _c === void 0 ? 3 : _c, name = _a.name, initialSelected = _a.initialSelected, _d = _a.withValueOffset, withValueOffset = _d === void 0 ? true : _d, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e;
+    var _b = _a.rows, rows = _b === void 0 ? 3 : _b, _c = _a.cols, cols = _c === void 0 ? 3 : _c, name = _a.name, initialSelected = _a.initialSelected, _d = _a.withValueOffset, withValueOffset = _d === void 0 ? true : _d, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e;
     var _f = React.useState(initialSelected), selectedCell = _f[0], setSelectedCell = _f[1];
+    var t = useTranslation.useTranslation().t;
     React.useEffect(function () {
         if (initialSelected === undefined) {
             setSelectedCell(initialSelected);
@@ -38,7 +40,8 @@ var CellSelector = function (_a) {
         setSelectedCell(cellIndex);
         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 }, 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); } })); }))); })));
+    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); } })); }))); }))));
 };
 exports.default = CellSelector;

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

	@@ -1 +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 { cellSelector, cellSelectorRow, cellSelectorCell, cellSelectorCellActive } from '../css_classes';\nimport { ICellSelector } from '@components/controls/types';\n\nconst CellSelector: React.FC<ICellSelector> = ({\n rows = 6,\n cols = 3,\n name,\n initialSelected,\n withValueOffset = true,\n onChange,\n className = '',\n}) => {\n const [selectedCell, setSelectedCell] = useState(initialSelected);\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 {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 );\n};\n\nexport default CellSelector;\n"],"names":["useEffect","React","styles","cellSelector","cellSelectorRow","cellSelectorCell","cellSelectorCellActive"],"mappings":"~~;;;;;;;;;;;;IAKM~~,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;~~IAElEA~~,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,~~IACjD~~,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CF,iDAAK,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAU,EAAE,SAAS,EAAEC,sBAAM,~~CAACE~~,2BAAe,CAAC,IAC/E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CH,iDACI,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAQ,aAAQ,QAAU,EAC3D,SAAS,EAAKC,sBAAM,~~CAACG~~,4BAAgB,CAAC,UAAI,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,~~GAAGH~~,sBAAM,~~CAACI~~,kCAAsB,CAAC,GAAG,EAAE,CAAE,EAChH,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAA,GAC5C,IACL,CAAC,CACA,IACT,CAAC,CACA,EACR;AACN;;;;"}
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>\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 CHANGED Viewed

@@ -37,6 +37,7 @@ var radioDisabled = radio + "_disabled";
 var radioControl = radio + "__control";
 var radioLabel = radio + "__label";
 var cellSelector = 'cell-selector';
+var cellSelectorContainer = cellSelector + "__container";
 var cellSelectorRow = cellSelector + "__row";
 var cellSelectorCell = cellSelector + "__cell";
 var cellSelectorCellActive = cellSelectorCell + "_active";
@@ -44,6 +45,7 @@ var cellSelectorCellActive = cellSelectorCell + "_active";
 exports.cellSelector = cellSelector;
 exports.cellSelectorCell = cellSelectorCell;
 exports.cellSelectorCellActive = cellSelectorCellActive;
+exports.cellSelectorContainer = cellSelectorContainer;
 exports.cellSelectorRow = cellSelectorRow;
 exports.checkbox = checkbox;
 exports.checkboxControl = checkboxControl;

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

	@@ -1 +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 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,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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;IAErD,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/src/components/dropdown/hoc/select/index.js CHANGED Viewed

@@ -122,7 +122,7 @@ var Select = function (_a) {
     /**
      * hook with option list state, and method to change option list
      */
-    var _k = React.useState(options), optionsList = _k[0], setOptionsList = _k[1];
+    var _k = React.useState([]), optionsList = _k[0], setOptionsList = _k[1];
     /**
      * hook with selected value, and method do change it
      */
@@ -135,6 +135,9 @@ var Select = function (_a) {
      * hook which resets options list to default on close if select has search and it was used
      */
     use_set_options_on_close.useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
+    React.useEffect(function () {
+        setOptionsList(options);
+    }, [options]);
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
             React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),

package/build/cjs/src/components/dropdown/hoc/select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../src/components/dropdown/hoc/select/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { ISelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValue } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n/*\n Select component. Build with Dropdown composed components.\n \n @component\n * @example\n * const options = [{\n * text: 'Option 1',\n * value: 'value1'\n * }, {\n * text: 'Option 2,,\n * value: 'value2'\n * }];\n * return (\n * <Select name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n /\nconst Select: React.FC<ISelectProps> = ({\n /\n select name, used also for hidden inputs\n /\n name,\n\n /\n array of select options\n /\n options,\n\n /\n array of default values (for select its always one element), array is used to be compatible with multiselects\n /\n defaultValues = [],\n\n /\n indicates if select is readonly\n /\n isReadonly = false,\n\n /\n indicates if select is disabled\n /\n isDisabled = false,\n\n /\n indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n /\n isWithGroups = false,\n\n /\n indicates if select should have search to look for options\n /\n isWithSearch = false,\n\n /\n indicates if select should be opened at render\n /\n defaultIsOpen = false,\n\n /\n indicates if select should hide on option click\n /\n defaultCloseOnClick = true,\n\n /\n called on select toggle\n /\n onToggle,\n\n /\n called on option change\n /\n onChange,\n /\n Place where portal should be placed, by default to body\n * this can be used to put modal inside modal\n /\n portalContainer\n}) => {\n /\n reference to dropdown wrapper element\n /\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n /\n isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n /\n const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n /\n hook with option list state, and method to change option list\n /\n const [optionsList, setOptionsList] = useState(~~options~~);\n\n /\n hook with selected value, and method do change it\n /\n const [selectedValues, setSelectedValues] = useValue(wrapperRef, options, defaultValues, onChange);\n\n /\n context values, they may be used with useContext in any component which is part of Dropdown composition\n /\n const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n /\n hook which resets options list to default on close if select has search and it was used\n */\n useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n return (\n <DropdownContext.Provider value={value}>\n <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n <Dropdown.Content portalContainer={portalContainer}>\n {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n <Dropdown.List isWithGroups={isWithGroups}>\n {optionsList?.map((option: ISelectOption) =>\n option.isHeader ? (\n <Dropdown.Header key={option.text} text={option.text} />\n ) : (\n <Dropdown.Option\n key={option.value}\n option={option}\n isSelected={isSelected(option, selectedValues)}\n isDisabled={option.isDisabled ?? isDisabled}\n isReadonly={option.isReadonly ?? isReadonly}\n onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n />\n )\n )}\n </Dropdown.List>\n </Dropdown.Content>\n </div>\n </DropdownContext.Provider>\n );\n};\n\nexport default Select;\n"],"names":["useRef","React","useSetOptionsOnClose","DropdownContext","cssClasses","cssDropdown","Dropdown","handleSearchKeyUp","isSelected","handleItemClick"],"mappings":";;;;;;;;;;;;;;;;;;AAQA;;;;;;;;;;;;;;;;IAgBM,MAAM,GAA2B,UAAC,EA4DvC;;;;;IAxDG,cAAI;;;;IAKJ,oBAAO;;;;IAKP,qBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA0B;;;;IAA1B,+CAA0B;;;;IAK1B,sBAAQ;;;;IAKR,sBAAQ;;;;;IAKR,oCAAe;;;;IAKf,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,kDAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,~~4BAAiD~~,~~EAAhD~~,mBAAW,EAAE,~~sBAAmC~~,CAAC;;;;~~IAKlD~~,IAAA,qEAA4F,EAA3F,sBAAc,EAAE,yBAA2E,CAAC;;;;IAKnG,IAAM,KAAK,GAAGC,yBAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtGC,6CAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;~~IAEpE~~,~~QACID~~,~~wCAACE~~,qBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;~~QAClCF~~,iDAAK,GAAG,EAAE,UAAU,EAAE,SAAS,~~EAAEG~~,sBAAU,CAACC,uBAAW,CAAC;~~YACpDJ~~,~~wCAACK~~,kBAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;~~YAEhHL~~,~~wCAACK~~,kBAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,eAAe;gBAC7C,YAAY,~~IAAIL~~,~~wCAACK~~,kBAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAAC,2BAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;~~gBAErGN~~,~~wCAACK~~,kBAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,~~IACXL~~,~~wCAACK~~,kBAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,~~KAExDL~~,~~wCAACK~~,kBAAQ,CAAC,MAAM,IACZ,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAEE,oBAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAAC,yBAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../src/components/dropdown/hoc/select/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { ISelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValue } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n/*\n Select component. Build with Dropdown composed components.\n \n @component\n * @example\n * const options = [{\n * text: 'Option 1',\n * value: 'value1'\n * }, {\n * text: 'Option 2,,\n * value: 'value2'\n * }];\n * return (\n * <Select name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n /\nconst Select: React.FC<ISelectProps> = ({\n /\n select name, used also for hidden inputs\n /\n name,\n\n /\n array of select options\n /\n options,\n\n /\n array of default values (for select its always one element), array is used to be compatible with multiselects\n /\n defaultValues = [],\n\n /\n indicates if select is readonly\n /\n isReadonly = false,\n\n /\n indicates if select is disabled\n /\n isDisabled = false,\n\n /\n indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n /\n isWithGroups = false,\n\n /\n indicates if select should have search to look for options\n /\n isWithSearch = false,\n\n /\n indicates if select should be opened at render\n /\n defaultIsOpen = false,\n\n /\n indicates if select should hide on option click\n /\n defaultCloseOnClick = true,\n\n /\n called on select toggle\n /\n onToggle,\n\n /\n called on option change\n /\n onChange,\n /\n Place where portal should be placed, by default to body\n * this can be used to put modal inside modal\n /\n portalContainer,\n}) => {\n /\n reference to dropdown wrapper element\n /\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n /\n isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n /\n const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n /\n hook with option list state, and method to change option list\n /\n const [optionsList, setOptionsList] = useState<ISelectOption[]>([]);\n\n /\n hook with selected value, and method do change it\n /\n const [selectedValues, setSelectedValues] = useValue(wrapperRef, options, defaultValues, onChange);\n\n /\n context values, they may be used with useContext in any component which is part of Dropdown composition\n /\n const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n /\n hook which resets options list to default on close if select has search and it was used\n */\n useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n useEffect(() => {\n setOptionsList(options);\n }, [options]);\n\n return (\n <DropdownContext.Provider value={value}>\n <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n <Dropdown.Content portalContainer={portalContainer}>\n {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n <Dropdown.List isWithGroups={isWithGroups}>\n {optionsList?.map((option: ISelectOption) =>\n option.isHeader ? (\n <Dropdown.Header key={option.text} text={option.text} />\n ) : (\n <Dropdown.Option\n key={option.value}\n option={option}\n isSelected={isSelected(option, selectedValues)}\n isDisabled={option.isDisabled ?? isDisabled}\n isReadonly={option.isReadonly ?? isReadonly}\n onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n />\n )\n )}\n </Dropdown.List>\n </Dropdown.Content>\n </div>\n </DropdownContext.Provider>\n );\n};\n\nexport default Select;\n"],"names":["useRef","React","useSetOptionsOnClose","useEffect","DropdownContext","cssClasses","cssDropdown","Dropdown","handleSearchKeyUp","isSelected","handleItemClick"],"mappings":";;;;;;;;;;;;;;;;;;AAQA;;;;;;;;;;;;;;;;IAgBM,MAAM,GAA2B,UAAC,EA4DvC;;;;;IAxDG,cAAI;;;;IAKJ,oBAAO;;;;IAKP,qBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA0B;;;;IAA1B,+CAA0B;;;;IAK1B,sBAAQ;;;;IAKR,sBAAQ;;;;;IAKR,oCAAe;;;;IAKf,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,kDAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,uBAA6D,EAA5D,mBAAW,EAAE,sBAA+C,CAAC;;;;IAK9D,IAAA,qEAA4F,EAA3F,sBAAc,EAAE,yBAA2E,CAAC;;;;IAKnG,IAAM,KAAK,GAAGC,yBAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtGC,6CAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpEC,eAAS,CAAC;QACN,cAAc,CAAC,OAAO,CAAC,CAAC;KAC3B,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,QACIF,wCAACG,qBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClCH,iDAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAEI,sBAAU,CAACC,uBAAW,CAAC;YACpDL,wCAACM,kBAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhHN,wCAACM,kBAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,eAAe;gBAC7C,YAAY,IAAIN,wCAACM,kBAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAAC,2BAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErGP,wCAACM,kBAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACXN,wCAACM,kBAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExDN,wCAACM,kBAAQ,CAAC,MAAM,IACZ,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAEE,oBAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAAC,yBAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}

package/build/cjs/src/components/dropdown/hooks/use_value.js CHANGED Viewed

@@ -32,11 +32,8 @@ function useValue(wrapperRef, options, defaultValues, onChangeCb) {
         }
     }, [onChangeCb, wrapperRef]);
     React.useEffect(function () {
-        var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
+        var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
         setSelectedValue(defaultSelectedOptions);
-        if ((defaultSelectedOptions === null || defaultSelectedOptions === void 0 ? void 0 : defaultSelectedOptions[0]) !== undefined) {
-            onChangeCb === null || onChangeCb === void 0 ? void 0 : onChangeCb(defaultSelectedOptions[0]);
-        }
     }, [defaultValues]);
     return [selectedValues, setSelectedValues];
 }

package/build/cjs/src/components/dropdown/hooks/use_value.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use_value.js","sources":["../../../../../../src/components/dropdown/hooks/use_value.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { ISelectOption } from '../types';\n\n/*\n Hook used to allow use single selectable value, returns array of selected values and method to set value as selected\n * You can use is for select or any other form of control which needs single selectable value\n * @param {React.RefObject<HTMLElement>} wrapperRef\n * @param {Array<ISelectOption>} options\n * @param {Array<string>} defaultValues\n * @param {Function} onChangeCb\n \n @fires dropdown:change\n \n @returns {Array} Tuple - selected values and state setter for them\n /\nexport function useValue(\n wrapperRef: React.RefObject<HTMLElement>,\n options: Array<ISelectOption>,\n defaultValues: Array<string>,\n onChangeCb?: (selectedOption: ISelectOption) => void\n): [ISelectOption[], (selectedOption: ISelectOption) => void] {\n const [selectedValues, setSelectedValue] = useState([] as ISelectOption[]);\n\n const setSelectedValues = useCallback(\n (selectedOption: ISelectOption) => {\n setSelectedValue(() => [selectedOption]);\n\n if (typeof onChangeCb === 'function') {\n onChangeCb(selectedOption);\n const event = new CustomEvent('dropdown:change', {\n detail: {\n selectedOption,\n },\n });\n wrapperRef.current?.dispatchEvent(event);\n }\n },\n [onChangeCb, wrapperRef]\n );\n\n useEffect(() => {\n const defaultSelectedOptions = options?.filter((option) => defaultValues?.indexOf(option.value) >= 0);\n\n setSelectedValue(defaultSelectedOptions);\n ~~if (defaultSelectedOptions?.[0] !== undefined) {\n onChangeCb?.(defaultSelectedOptions[0]);\n }\n~~ }, [defaultValues]);\n\n return [selectedValues, setSelectedValues];\n}\n\n/\n dropdown:change event\n \n @event dropdown:change\n * @type {object}\n * @property {ISelectOption} selectedOption selected option\n */\n"],"names":["useCallback","useEffect"],"mappings":";;;;;;AAGA;;;;;;;;;;;;SAYgB,QAAQ,CACpB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAAoD;IAE9C,IAAA,uBAAoE,EAAnE,sBAAc,EAAE,wBAAmD,CAAC;IAE3E,IAAM,iBAAiB,GAAGA,iBAAW,CACjC,UAAC,cAA6B;;QAC1B,gBAAgB,CAAC,cAAM,OAAA,CAAC,cAAc,CAAC,GAAA,CAAC,CAAC;QAEzC,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YAClC,UAAU,CAAC,cAAc,CAAC,CAAC;YAC3B,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBAC7C,MAAM,EAAE;oBACJ,cAAc,gBAAA;iBACjB;aACJ,CAAC,CAAC;YACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,EAAE;SAC5C;KACJ,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEFC,eAAS,CAAC;QACN,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,MAAK,CAAC,GAAA,CAAC,CAAC;~~QAEtG~~,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;~~QACzC~~,~~IAAI,CAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAG,CAAC,OAAM,SAAS,~~EAAE~~;YAC3C~~,~~UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,sBAAsB,~~CAAC,~~CAAC,CAAC,EAAE;SAC3C;KACJ,EAAE,CAAC,~~aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;;;"}
1	+ {"version":3,"file":"use_value.js","sources":["../../../../../../src/components/dropdown/hooks/use_value.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { ISelectOption } from '../types';\n\n/*\n Hook used to allow use single selectable value, returns array of selected values and method to set value as selected\n * You can use is for select or any other form of control which needs single selectable value\n * @param {React.RefObject<HTMLElement>} wrapperRef\n * @param {Array<ISelectOption>} options\n * @param {Array<string>} defaultValues\n * @param {Function} onChangeCb\n \n @fires dropdown:change\n \n @returns {Array} Tuple - selected values and state setter for them\n /\nexport function useValue(\n wrapperRef: React.RefObject<HTMLElement>,\n options: Array<ISelectOption>,\n defaultValues: Array<string>,\n onChangeCb?: (selectedOption: ISelectOption) => void\n): [ISelectOption[], (selectedOption: ISelectOption) => void] {\n const [selectedValues, setSelectedValue] = useState([] as ISelectOption[]);\n\n const setSelectedValues = useCallback(\n (selectedOption: ISelectOption) => {\n setSelectedValue(() => [selectedOption]);\n\n if (typeof onChangeCb === 'function') {\n onChangeCb(selectedOption);\n const event = new CustomEvent('dropdown:change', {\n detail: {\n selectedOption,\n },\n });\n wrapperRef.current?.dispatchEvent(event);\n }\n },\n [onChangeCb, wrapperRef]\n );\n\n useEffect(() => {\n const defaultSelectedOptions = options?.filter((option) => defaultValues && defaultValues?.indexOf(option.value) >= 0);\n\n setSelectedValue(defaultSelectedOptions);\n }, [defaultValues]);\n\n return [selectedValues, setSelectedValues];\n}\n\n/\n dropdown:change event\n \n @event dropdown:change\n * @type {object}\n * @property {ISelectOption} selectedOption selected option\n */\n"],"names":["useCallback","useEffect"],"mappings":";;;;;;AAGA;;;;;;;;;;;;SAYgB,QAAQ,CACpB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAAoD;IAE9C,IAAA,uBAAoE,EAAnE,sBAAc,EAAE,wBAAmD,CAAC;IAE3E,IAAM,iBAAiB,GAAGA,iBAAW,CACjC,UAAC,cAA6B;;QAC1B,gBAAgB,CAAC,cAAM,OAAA,CAAC,cAAc,CAAC,GAAA,CAAC,CAAC;QAEzC,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YAClC,UAAU,CAAC,cAAc,CAAC,CAAC;YAC3B,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBAC7C,MAAM,EAAE;oBACJ,cAAc,gBAAA;iBACjB;aACJ,CAAC,CAAC;YACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,EAAE;SAC5C;KACJ,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEFC,eAAS,CAAC;QACN,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,MAAK,CAAC,GAAA,CAAC,CAAC;QAEvH,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;KAC5C,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;;;"}

package/build/cjs/src/components/heading/index.js CHANGED Viewed

@@ -12,8 +12,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var Heading = function (_a) {
-    var _b = _a.as, as = _b === void 0 ? 'h1' : _b, isSubheading = _a.isSubheading, children = _a.children;
-    var classes = classnames__default['default'](main_module['default'][as]);
+    var _b = _a.as, as = _b === void 0 ? 'h1' : _b, isSubheading = _a.isSubheading, withHeadline = _a.withHeadline, children = _a.children;
+    var classes = classnames__default['default'](main_module['default'][as], withHeadline && main_module['default'].head_line);
     if (!isSubheading) {
         return React__default['default'].createElement("" + as, {
             className: classes

package/build/cjs/src/components/heading/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/heading/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/heading/main.module.less';\n\nimport { IHeadingProps } from './types';\n\nconst Heading: React.FC<IHeadingProps> = ({ as = 'h1', isSubheading, children }): JSX.Element => {\n const classes = classnames(cssClasses[as]);\n\n if (!isSubheading) {\n return React.createElement(\n `${as}`,\n {\n className: classes\n },\n children\n );\n }\n\n return <span className={classes}>{children}</span>;\n};\n\nexport default Heading;"],"names":["classnames","cssClasses","React"],"mappings":";;;;;;;;;;;;;IAOM,OAAO,GAA4B,UAAC,~~EAAqC~~;~~QAAnC~~,UAAS,EAAT,8BAAS,EAAE,8BAAY,EAAE,sBAAQ;~~IACzE~~,IAAM,OAAO,GAAGA,8BAAU,CAACC,sBAAU,CAAC,EAAE,CAAC,CAAC,CAAC;~~IAE3C~~,IAAI,CAAC,YAAY,EAAE;QACf,OAAOC,yBAAK,CAAC,aAAa,CACtB,KAAG,EAAI,EACP;YACI,SAAS,EAAE,OAAO;SACrB,EACD,QAAQ,CACX,CAAC;KACL;IAED,OAAOA,kDAAM,SAAS,EAAE,OAAO,IAAG,QAAQ,CAAQ,CAAC;AACvD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/heading/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/heading/main.module.less';\n\nimport { IHeadingProps } from './types';\n\nconst Heading: React.FC<IHeadingProps> = ({ as = 'h1', isSubheading, withHeadline, children }): JSX.Element => {\n const classes = classnames(cssClasses[as], withHeadline && cssClasses.head_line);\n\n if (!isSubheading) {\n return React.createElement(\n `${as}`,\n {\n className: classes\n },\n children\n );\n }\n\n return <span className={classes}>{children}</span>;\n};\n\nexport default Heading;"],"names":["classnames","cssClasses","React"],"mappings":";;;;;;;;;;;;;IAOM,OAAO,GAA4B,UAAC,EAAmD;QAAjD,UAAS,EAAT,8BAAS,EAAE,8BAAY,EAAE,8BAAY,EAAE,sBAAQ;IACvF,IAAM,OAAO,GAAGA,8BAAU,CAACC,sBAAU,CAAC,EAAE,CAAC,EAAE,YAAY,IAAIA,sBAAU,CAAC,SAAS,CAAC,CAAC;IAEjF,IAAI,CAAC,YAAY,EAAE;QACf,OAAOC,yBAAK,CAAC,aAAa,CACtB,KAAG,EAAI,EACP;YACI,SAAS,EAAE,OAAO;SACrB,EACD,QAAQ,CACX,CAAC;KACL;IAED,OAAOA,kDAAM,SAAS,EAAE,OAAO,IAAG,QAAQ,CAAQ,CAAC;AACvD;;;;"}

package/build/cjs/src/css/cell_selector/main.module.less.js CHANGED Viewed

@@ -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_cell-selector__row__Hd--z {\n  display: flex;\n}\n.main-module_cell-selector__cell__czZAR {\n  width: 1rem;\n  height: 1rem;\n  margin-left: calc(1rem/4);\n  margin-top: calc(1rem/4);\n  background: #ececec;\n  cursor: pointer;\n}\n.main-module_cell-selector__cell_active__2PwIS {\n  background: #4a456d;\n}\n";
-var styles = {"cell-selector__row":"main-module_cell-selector__row__Hd--z","cell-selector__cell":"main-module_cell-selector__cell__czZAR","cell-selector__cell_active":"main-module_cell-selector__cell_active__2PwIS"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_cell-selector__1RPrT {\n  display: flex;\n  align-items: center;\n}\n.main-module_cell-selector__description__2iure {\n  margin-left: 1rem;\n}\n.main-module_cell-selector__row__Hd--z {\n  display: flex;\n}\n.main-module_cell-selector__cell__czZAR {\n  width: 1rem;\n  height: 1rem;\n  margin-left: calc(1rem/4);\n  margin-top: calc(1rem/4);\n  background: #ececec;\n  cursor: pointer;\n}\n.main-module_cell-selector__cell_active__2PwIS {\n  background: #4a456d;\n}\n";
+var styles = {"cell-selector":"main-module_cell-selector__1RPrT","cell-selector__description":"main-module_cell-selector__description__2iure","cell-selector__row":"main-module_cell-selector__row__Hd--z","cell-selector__cell":"main-module_cell-selector__cell__czZAR","cell-selector__cell_active":"main-module_cell-selector__cell_active__2PwIS"};
 styleInject_es['default'](css_248z);
 exports.default = styles;

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

@@ -66,7 +66,17 @@ var en = {
 	"Current Year": "Current Year",
 	"Last Year": "Last Year",
 	Add: Add,
-	Search: Search
+	Search: Search,
+	"Selected cell -1": "Not selected",
+	"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/en.json.js.map CHANGED Viewed

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

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

@@ -66,7 +66,17 @@ var pl = {
 	"Current Year": "Aktualny Rok",
 	"Last Year": "Ostatni Rok",
 	Add: Add,
-	Search: Search
+	Search: Search,
+	"Selected cell -1": "Nie wybrano",
+	"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 CHANGED Viewed

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

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

@@ -1,10 +1,12 @@
 import React, { useState, useEffect } from 'react';
-import { cellSelector, cellSelectorRow, cellSelectorCell, cellSelectorCellActive } from '../css_classes.js';
+import { useTranslation } from '../../../../node_modules/react-i18next/dist/es/useTranslation.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) {
-    var _b = _a.rows, rows = _b === void 0 ? 6 : _b, _c = _a.cols, cols = _c === void 0 ? 3 : _c, name = _a.name, initialSelected = _a.initialSelected, _d = _a.withValueOffset, withValueOffset = _d === void 0 ? true : _d, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e;
+    var _b = _a.rows, rows = _b === void 0 ? 3 : _b, _c = _a.cols, cols = _c === void 0 ? 3 : _c, name = _a.name, initialSelected = _a.initialSelected, _d = _a.withValueOffset, withValueOffset = _d === void 0 ? true : _d, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e;
     var _f = useState(initialSelected), selectedCell = _f[0], setSelectedCell = _f[1];
+    var t = useTranslation().t;
     useEffect(function () {
         if (initialSelected === undefined) {
             setSelectedCell(initialSelected);
@@ -30,7 +32,8 @@ var CellSelector = function (_a) {
         setSelectedCell(cellIndex);
         onChange === null || onChange === void 0 ? void 0 : onChange(cellIndex + (withValueOffset ? 1 : 0));
     };
-    return (React.createElement("div", { className: styles[cellSelector] + " " + className }, 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); } })); }))); })));
+    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); } })); }))); }))));
 };
 export default CellSelector;

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

	@@ -1 +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 { cellSelector, cellSelectorRow, cellSelectorCell, cellSelectorCellActive } from '../css_classes';\nimport { ICellSelector } from '@components/controls/types';\n\nconst CellSelector: React.FC<ICellSelector> = ({\n rows = 6,\n cols = 3,\n name,\n initialSelected,\n withValueOffset = true,\n onChange,\n className = '',\n}) => {\n const [selectedCell, setSelectedCell] = useState(initialSelected);\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 {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 );\n};\n\nexport default CellSelector;\n"],"names":[],"mappings":"~~;;;;IAKM~~,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;~~IAElE~~,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,~~IACjD~~,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,EACR;AACN;;;;"}
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>\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.d.ts CHANGED Viewed

@@ -33,6 +33,8 @@ export declare const radioDisabled: string;
 export declare const radioControl: string;
 export declare const radioLabel: string;
 export declare const cellSelector = "cell-selector";
+export declare const cellSelectorContainer: string;
+export declare const cellSelectorDescription: string;
 export declare const cellSelectorRow: string;
 export declare const cellSelectorCell: string;
 export declare const cellSelectorCellActive: string;

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

@@ -33,9 +33,10 @@ var radioDisabled = radio + "_disabled";
 var radioControl = radio + "__control";
 var radioLabel = radio + "__label";
 var cellSelector = 'cell-selector';
+var cellSelectorContainer = cellSelector + "__container";
 var cellSelectorRow = cellSelector + "__row";
 var cellSelectorCell = cellSelector + "__cell";
 var cellSelectorCellActive = cellSelectorCell + "_active";
-export { cellSelector, cellSelectorCell, cellSelectorCellActive, 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 CHANGED Viewed

	@@ -1 +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 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,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;"}
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;IAErD,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;"}

package/build/esm/src/components/dropdown/hoc/select/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import { DropdownContext } from '../../context/index.js';
 import cssClasses from '../../../../css/dropdown/main.module.less.js';
 import { useValue } from '../../hooks/use_value.js';
@@ -114,7 +114,7 @@ var Select = function (_a) {
     /**
      * hook with option list state, and method to change option list
      */
-    var _k = useState(options), optionsList = _k[0], setOptionsList = _k[1];
+    var _k = useState([]), optionsList = _k[0], setOptionsList = _k[1];
     /**
      * hook with selected value, and method do change it
      */
@@ -127,6 +127,9 @@ var Select = function (_a) {
      * hook which resets options list to default on close if select has search and it was used
      */
     useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
+    useEffect(function () {
+        setOptionsList(options);
+    }, [options]);
     return (React.createElement(DropdownContext.Provider, { value: value },
         React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
             React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),

package/build/esm/src/components/dropdown/hoc/select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../src/components/dropdown/hoc/select/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { ISelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValue } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n/*\n Select component. Build with Dropdown composed components.\n \n @component\n * @example\n * const options = [{\n * text: 'Option 1',\n * value: 'value1'\n * }, {\n * text: 'Option 2,,\n * value: 'value2'\n * }];\n * return (\n * <Select name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n /\nconst Select: React.FC<ISelectProps> = ({\n /\n select name, used also for hidden inputs\n /\n name,\n\n /\n array of select options\n /\n options,\n\n /\n array of default values (for select its always one element), array is used to be compatible with multiselects\n /\n defaultValues = [],\n\n /\n indicates if select is readonly\n /\n isReadonly = false,\n\n /\n indicates if select is disabled\n /\n isDisabled = false,\n\n /\n indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n /\n isWithGroups = false,\n\n /\n indicates if select should have search to look for options\n /\n isWithSearch = false,\n\n /\n indicates if select should be opened at render\n /\n defaultIsOpen = false,\n\n /\n indicates if select should hide on option click\n /\n defaultCloseOnClick = true,\n\n /\n called on select toggle\n /\n onToggle,\n\n /\n called on option change\n /\n onChange,\n /\n Place where portal should be placed, by default to body\n * this can be used to put modal inside modal\n /\n portalContainer\n}) => {\n /\n reference to dropdown wrapper element\n /\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n /\n isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n /\n const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n /\n hook with option list state, and method to change option list\n /\n const [optionsList, setOptionsList] = useState(~~options~~);\n\n /\n hook with selected value, and method do change it\n /\n const [selectedValues, setSelectedValues] = useValue(wrapperRef, options, defaultValues, onChange);\n\n /\n context values, they may be used with useContext in any component which is part of Dropdown composition\n /\n const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n /\n hook which resets options list to default on close if select has search and it was used\n */\n useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n return (\n <DropdownContext.Provider value={value}>\n <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n <Dropdown.Content portalContainer={portalContainer}>\n {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n <Dropdown.List isWithGroups={isWithGroups}>\n {optionsList?.map((option: ISelectOption) =>\n option.isHeader ? (\n <Dropdown.Header key={option.text} text={option.text} />\n ) : (\n <Dropdown.Option\n key={option.value}\n option={option}\n isSelected={isSelected(option, selectedValues)}\n isDisabled={option.isDisabled ?? isDisabled}\n isReadonly={option.isReadonly ?? isReadonly}\n onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n />\n )\n )}\n </Dropdown.List>\n </Dropdown.Content>\n </div>\n </DropdownContext.Provider>\n );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;;;;;AAQA;;;;;;;;;;;;;;;;IAgBM,MAAM,GAA2B,UAAC,EA4DvC;;;;;IAxDG,cAAI;;;;IAKJ,oBAAO;;;;IAKP,qBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA0B;;;;IAA1B,+CAA0B;;;;IAK1B,sBAAQ;;;;IAKR,sBAAQ;;;;;IAKR,oCAAe;;;;IAKf,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,uCAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,~~sBAAiD~~,~~EAAhD~~,mBAAW,EAAE,~~sBAAmC~~,CAAC;;;;~~IAKlD~~,IAAA,2DAA4F,EAA3F,sBAAc,EAAE,yBAA2E,CAAC;;;;IAKnG,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtG,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,QACI,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;YACpD,oBAAC,QAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhH,oBAAC,QAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,eAAe;gBAC7C,YAAY,IAAI,oBAAC,QAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAA,iBAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErG,oBAAC,QAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACX,oBAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExD,oBAAC,QAAQ,CAAC,MAAM,IACZ,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../src/components/dropdown/hoc/select/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { ISelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValue } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n/*\n Select component. Build with Dropdown composed components.\n \n @component\n * @example\n * const options = [{\n * text: 'Option 1',\n * value: 'value1'\n * }, {\n * text: 'Option 2,,\n * value: 'value2'\n * }];\n * return (\n * <Select name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n /\nconst Select: React.FC<ISelectProps> = ({\n /\n select name, used also for hidden inputs\n /\n name,\n\n /\n array of select options\n /\n options,\n\n /\n array of default values (for select its always one element), array is used to be compatible with multiselects\n /\n defaultValues = [],\n\n /\n indicates if select is readonly\n /\n isReadonly = false,\n\n /\n indicates if select is disabled\n /\n isDisabled = false,\n\n /\n indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n /\n isWithGroups = false,\n\n /\n indicates if select should have search to look for options\n /\n isWithSearch = false,\n\n /\n indicates if select should be opened at render\n /\n defaultIsOpen = false,\n\n /\n indicates if select should hide on option click\n /\n defaultCloseOnClick = true,\n\n /\n called on select toggle\n /\n onToggle,\n\n /\n called on option change\n /\n onChange,\n /\n Place where portal should be placed, by default to body\n * this can be used to put modal inside modal\n /\n portalContainer,\n}) => {\n /\n reference to dropdown wrapper element\n /\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n /\n isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n /\n const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n /\n hook with option list state, and method to change option list\n /\n const [optionsList, setOptionsList] = useState<ISelectOption[]>([]);\n\n /\n hook with selected value, and method do change it\n /\n const [selectedValues, setSelectedValues] = useValue(wrapperRef, options, defaultValues, onChange);\n\n /\n context values, they may be used with useContext in any component which is part of Dropdown composition\n /\n const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n /\n hook which resets options list to default on close if select has search and it was used\n */\n useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n useEffect(() => {\n setOptionsList(options);\n }, [options]);\n\n return (\n <DropdownContext.Provider value={value}>\n <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n <Dropdown.Content portalContainer={portalContainer}>\n {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n <Dropdown.List isWithGroups={isWithGroups}>\n {optionsList?.map((option: ISelectOption) =>\n option.isHeader ? (\n <Dropdown.Header key={option.text} text={option.text} />\n ) : (\n <Dropdown.Option\n key={option.value}\n option={option}\n isSelected={isSelected(option, selectedValues)}\n isDisabled={option.isDisabled ?? isDisabled}\n isReadonly={option.isReadonly ?? isReadonly}\n onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n />\n )\n )}\n </Dropdown.List>\n </Dropdown.Content>\n </div>\n </DropdownContext.Provider>\n );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;;;;;AAQA;;;;;;;;;;;;;;;;IAgBM,MAAM,GAA2B,UAAC,EA4DvC;;;;;IAxDG,cAAI;;;;IAKJ,oBAAO;;;;IAKP,qBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA0B;;;;IAA1B,+CAA0B;;;;IAK1B,sBAAQ;;;;IAKR,sBAAQ;;;;;IAKR,oCAAe;;;;IAKf,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,uCAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,iBAA6D,EAA5D,mBAAW,EAAE,sBAA+C,CAAC;;;;IAK9D,IAAA,2DAA4F,EAA3F,sBAAc,EAAE,yBAA2E,CAAC;;;;IAKnG,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtG,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,SAAS,CAAC;QACN,cAAc,CAAC,OAAO,CAAC,CAAC;KAC3B,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,QACI,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;YACpD,oBAAC,QAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhH,oBAAC,QAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,eAAe;gBAC7C,YAAY,IAAI,oBAAC,QAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAA,iBAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErG,oBAAC,QAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACX,oBAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExD,oBAAC,QAAQ,CAAC,MAAM,IACZ,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}

package/build/esm/src/components/dropdown/hooks/use_value.js CHANGED Viewed

@@ -28,11 +28,8 @@ function useValue(wrapperRef, options, defaultValues, onChangeCb) {
         }
     }, [onChangeCb, wrapperRef]);
     useEffect(function () {
-        var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
+        var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
         setSelectedValue(defaultSelectedOptions);
-        if ((defaultSelectedOptions === null || defaultSelectedOptions === void 0 ? void 0 : defaultSelectedOptions[0]) !== undefined) {
-            onChangeCb === null || onChangeCb === void 0 ? void 0 : onChangeCb(defaultSelectedOptions[0]);
-        }
     }, [defaultValues]);
     return [selectedValues, setSelectedValues];
 }

package/build/esm/src/components/dropdown/hooks/use_value.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use_value.js","sources":["../../../../../../src/components/dropdown/hooks/use_value.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { ISelectOption } from '../types';\n\n/*\n Hook used to allow use single selectable value, returns array of selected values and method to set value as selected\n * You can use is for select or any other form of control which needs single selectable value\n * @param {React.RefObject<HTMLElement>} wrapperRef\n * @param {Array<ISelectOption>} options\n * @param {Array<string>} defaultValues\n * @param {Function} onChangeCb\n \n @fires dropdown:change\n \n @returns {Array} Tuple - selected values and state setter for them\n /\nexport function useValue(\n wrapperRef: React.RefObject<HTMLElement>,\n options: Array<ISelectOption>,\n defaultValues: Array<string>,\n onChangeCb?: (selectedOption: ISelectOption) => void\n): [ISelectOption[], (selectedOption: ISelectOption) => void] {\n const [selectedValues, setSelectedValue] = useState([] as ISelectOption[]);\n\n const setSelectedValues = useCallback(\n (selectedOption: ISelectOption) => {\n setSelectedValue(() => [selectedOption]);\n\n if (typeof onChangeCb === 'function') {\n onChangeCb(selectedOption);\n const event = new CustomEvent('dropdown:change', {\n detail: {\n selectedOption,\n },\n });\n wrapperRef.current?.dispatchEvent(event);\n }\n },\n [onChangeCb, wrapperRef]\n );\n\n useEffect(() => {\n const defaultSelectedOptions = options?.filter((option) => defaultValues?.indexOf(option.value) >= 0);\n\n setSelectedValue(defaultSelectedOptions);\n ~~if (defaultSelectedOptions?.[0] !== undefined) {\n onChangeCb?.(defaultSelectedOptions[0]);\n }\n~~ }, [defaultValues]);\n\n return [selectedValues, setSelectedValues];\n}\n\n/\n dropdown:change event\n \n @event dropdown:change\n * @type {object}\n * @property {ISelectOption} selectedOption selected option\n */\n"],"names":[],"mappings":";;AAGA;;;;;;;;;;;;SAYgB,QAAQ,CACpB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAAoD;IAE9C,IAAA,iBAAoE,EAAnE,sBAAc,EAAE,wBAAmD,CAAC;IAE3E,IAAM,iBAAiB,GAAG,WAAW,CACjC,UAAC,cAA6B;;QAC1B,gBAAgB,CAAC,cAAM,OAAA,CAAC,cAAc,CAAC,GAAA,CAAC,CAAC;QAEzC,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YAClC,UAAU,CAAC,cAAc,CAAC,CAAC;YAC3B,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBAC7C,MAAM,EAAE;oBACJ,cAAc,gBAAA;iBACjB;aACJ,CAAC,CAAC;YACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,EAAE;SAC5C;KACJ,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,SAAS,CAAC;QACN,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,MAAK,CAAC,GAAA,CAAC,CAAC;~~QAEtG~~,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;~~QACzC~~,~~IAAI,CAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAG,CAAC,OAAM,SAAS,~~EAAE~~;YAC3C~~,~~UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,sBAAsB,~~CAAC,~~CAAC,CAAC,EAAE;SAC3C;KACJ,EAAE,CAAC,~~aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;;;"}
1	+ {"version":3,"file":"use_value.js","sources":["../../../../../../src/components/dropdown/hooks/use_value.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { ISelectOption } from '../types';\n\n/*\n Hook used to allow use single selectable value, returns array of selected values and method to set value as selected\n * You can use is for select or any other form of control which needs single selectable value\n * @param {React.RefObject<HTMLElement>} wrapperRef\n * @param {Array<ISelectOption>} options\n * @param {Array<string>} defaultValues\n * @param {Function} onChangeCb\n \n @fires dropdown:change\n \n @returns {Array} Tuple - selected values and state setter for them\n /\nexport function useValue(\n wrapperRef: React.RefObject<HTMLElement>,\n options: Array<ISelectOption>,\n defaultValues: Array<string>,\n onChangeCb?: (selectedOption: ISelectOption) => void\n): [ISelectOption[], (selectedOption: ISelectOption) => void] {\n const [selectedValues, setSelectedValue] = useState([] as ISelectOption[]);\n\n const setSelectedValues = useCallback(\n (selectedOption: ISelectOption) => {\n setSelectedValue(() => [selectedOption]);\n\n if (typeof onChangeCb === 'function') {\n onChangeCb(selectedOption);\n const event = new CustomEvent('dropdown:change', {\n detail: {\n selectedOption,\n },\n });\n wrapperRef.current?.dispatchEvent(event);\n }\n },\n [onChangeCb, wrapperRef]\n );\n\n useEffect(() => {\n const defaultSelectedOptions = options?.filter((option) => defaultValues && defaultValues?.indexOf(option.value) >= 0);\n\n setSelectedValue(defaultSelectedOptions);\n }, [defaultValues]);\n\n return [selectedValues, setSelectedValues];\n}\n\n/\n dropdown:change event\n \n @event dropdown:change\n * @type {object}\n * @property {ISelectOption} selectedOption selected option\n */\n"],"names":[],"mappings":";;AAGA;;;;;;;;;;;;SAYgB,QAAQ,CACpB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAAoD;IAE9C,IAAA,iBAAoE,EAAnE,sBAAc,EAAE,wBAAmD,CAAC;IAE3E,IAAM,iBAAiB,GAAG,WAAW,CACjC,UAAC,cAA6B;;QAC1B,gBAAgB,CAAC,cAAM,OAAA,CAAC,cAAc,CAAC,GAAA,CAAC,CAAC;QAEzC,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YAClC,UAAU,CAAC,cAAc,CAAC,CAAC;YAC3B,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBAC7C,MAAM,EAAE;oBACJ,cAAc,gBAAA;iBACjB;aACJ,CAAC,CAAC;YACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,EAAE;SAC5C;KACJ,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,SAAS,CAAC;QACN,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,MAAK,CAAC,GAAA,CAAC,CAAC;QAEvH,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;KAC5C,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;;;"}

package/build/esm/src/components/heading/index.js CHANGED Viewed

@@ -3,8 +3,8 @@ import classnames from 'classnames';
 import cssClasses from '../../css/heading/main.module.less.js';
 var Heading = function (_a) {
-    var _b = _a.as, as = _b === void 0 ? 'h1' : _b, isSubheading = _a.isSubheading, children = _a.children;
-    var classes = classnames(cssClasses[as]);
+    var _b = _a.as, as = _b === void 0 ? 'h1' : _b, isSubheading = _a.isSubheading, withHeadline = _a.withHeadline, children = _a.children;
+    var classes = classnames(cssClasses[as], withHeadline && cssClasses.head_line);
     if (!isSubheading) {
         return React.createElement("" + as, {
             className: classes

package/build/esm/src/components/heading/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/heading/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/heading/main.module.less';\n\nimport { IHeadingProps } from './types';\n\nconst Heading: React.FC<IHeadingProps> = ({ as = 'h1', isSubheading, children }): JSX.Element => {\n const classes = classnames(cssClasses[as]);\n\n if (!isSubheading) {\n return React.createElement(\n `${as}`,\n {\n className: classes\n },\n children\n );\n }\n\n return <span className={classes}>{children}</span>;\n};\n\nexport default Heading;"],"names":[],"mappings":";;;;IAOM,OAAO,GAA4B,UAAC,~~EAAqC~~;~~QAAnC~~,UAAS,EAAT,8BAAS,EAAE,8BAAY,EAAE,sBAAQ;~~IACzE~~,IAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;~~IAE3C~~,IAAI,CAAC,YAAY,EAAE;QACf,OAAO,KAAK,CAAC,aAAa,CACtB,KAAG,EAAI,EACP;YACI,SAAS,EAAE,OAAO;SACrB,EACD,QAAQ,CACX,CAAC;KACL;IAED,OAAO,8BAAM,SAAS,EAAE,OAAO,IAAG,QAAQ,CAAQ,CAAC;AACvD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/heading/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/heading/main.module.less';\n\nimport { IHeadingProps } from './types';\n\nconst Heading: React.FC<IHeadingProps> = ({ as = 'h1', isSubheading, withHeadline, children }): JSX.Element => {\n const classes = classnames(cssClasses[as], withHeadline && cssClasses.head_line);\n\n if (!isSubheading) {\n return React.createElement(\n `${as}`,\n {\n className: classes\n },\n children\n );\n }\n\n return <span className={classes}>{children}</span>;\n};\n\nexport default Heading;"],"names":[],"mappings":";;;;IAOM,OAAO,GAA4B,UAAC,EAAmD;QAAjD,UAAS,EAAT,8BAAS,EAAE,8BAAY,EAAE,8BAAY,EAAE,sBAAQ;IACvF,IAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,YAAY,IAAI,UAAU,CAAC,SAAS,CAAC,CAAC;IAEjF,IAAI,CAAC,YAAY,EAAE;QACf,OAAO,KAAK,CAAC,aAAa,CACtB,KAAG,EAAI,EACP;YACI,SAAS,EAAE,OAAO;SACrB,EACD,QAAQ,CACX,CAAC;KACL;IAED,OAAO,8BAAM,SAAS,EAAE,OAAO,IAAG,QAAQ,CAAQ,CAAC;AACvD;;;;"}

package/build/esm/src/components/heading/types.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 export interface IHeadingProps {
     as: string;
     isSubheading?: boolean;
+    withHeadline?: boolean;
 }

package/build/esm/src/css/cell_selector/main.module.less.js CHANGED Viewed

@@ -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_cell-selector__row__Hd--z {\n  display: flex;\n}\n.main-module_cell-selector__cell__czZAR {\n  width: 1rem;\n  height: 1rem;\n  margin-left: calc(1rem/4);\n  margin-top: calc(1rem/4);\n  background: #ececec;\n  cursor: pointer;\n}\n.main-module_cell-selector__cell_active__2PwIS {\n  background: #4a456d;\n}\n";
-var styles = {"cell-selector__row":"main-module_cell-selector__row__Hd--z","cell-selector__cell":"main-module_cell-selector__cell__czZAR","cell-selector__cell_active":"main-module_cell-selector__cell_active__2PwIS"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_cell-selector__1RPrT {\n  display: flex;\n  align-items: center;\n}\n.main-module_cell-selector__description__2iure {\n  margin-left: 1rem;\n}\n.main-module_cell-selector__row__Hd--z {\n  display: flex;\n}\n.main-module_cell-selector__cell__czZAR {\n  width: 1rem;\n  height: 1rem;\n  margin-left: calc(1rem/4);\n  margin-top: calc(1rem/4);\n  background: #ececec;\n  cursor: pointer;\n}\n.main-module_cell-selector__cell_active__2PwIS {\n  background: #4a456d;\n}\n";
+var styles = {"cell-selector":"main-module_cell-selector__1RPrT","cell-selector__description":"main-module_cell-selector__description__2iure","cell-selector__row":"main-module_cell-selector__row__Hd--z","cell-selector__cell":"main-module_cell-selector__cell__czZAR","cell-selector__cell_active":"main-module_cell-selector__cell_active__2PwIS"};
 styleInject(css_248z);
 export default styles;

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

@@ -36,5 +36,15 @@
     "Current Year": "Current Year",
     "Last Year": "Last Year",
     "Add": "Add",
-    "Search": "Search"
+    "Search": "Search",
+    "Selected cell -1": "Not selected",
+    "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 CHANGED Viewed

@@ -62,7 +62,17 @@ var en = {
 	"Current Year": "Current Year",
 	"Last Year": "Last Year",
 	Add: Add,
-	Search: Search
+	Search: Search,
+	"Selected cell -1": "Not selected",
+	"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/en.json.js.map CHANGED Viewed

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

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

@@ -36,5 +36,15 @@
     "Current Year": "Aktualny Rok",
     "Last Year": "Ostatni Rok",
     "Add": "Dodaj",
-    "Search": "Szukaj"
+    "Search": "Szukaj",
+    "Selected cell -1": "Nie wybrano",
+    "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 CHANGED Viewed

@@ -62,7 +62,17 @@ var pl = {
 	"Current Year": "Aktualny Rok",
 	"Last Year": "Ostatni Rok",
 	Add: Add,
-	Search: Search
+	Search: Search,
+	"Selected cell -1": "Nie wybrano",
+	"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 CHANGED Viewed

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

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
     "name": "@dreamcommerce/aurora",
     "sideEffects": false,
-    "version": "0.3.4-145",
+    "version": "0.3.4-149",
     "description": "aurora",
     "author": "k0ssak",
     "license": "MIT",