@dreamcommerce/aurora 0.3.4-147 → 0.3.4-148
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.
- package/build/cjs/src/components/controls/components/cell_selector.js +6 -2
- package/build/cjs/src/components/controls/components/cell_selector.js.map +1 -1
- package/build/cjs/src/components/controls/components/checkbox.js.map +1 -1
- package/build/cjs/src/components/controls/css_classes.js +4 -0
- package/build/cjs/src/components/controls/css_classes.js.map +1 -1
- package/build/cjs/src/css/cell_selector/main.module.less.js +2 -2
- package/build/cjs/src/translations/en.json.js +11 -1
- package/build/cjs/src/translations/en.json.js.map +1 -1
- package/build/cjs/src/translations/pl.json.js +12 -1
- package/build/cjs/src/translations/pl.json.js.map +1 -1
- package/build/esm/src/components/controls/components/cell_selector.js +7 -3
- package/build/esm/src/components/controls/components/cell_selector.js.map +1 -1
- package/build/esm/src/components/controls/components/checkbox.js.map +1 -1
- package/build/esm/src/components/controls/css_classes.d.ts +2 -0
- package/build/esm/src/components/controls/css_classes.js +3 -1
- package/build/esm/src/components/controls/css_classes.js.map +1 -1
- package/build/esm/src/css/cell_selector/main.module.less.js +2 -2
- package/build/esm/src/translations/en.json +11 -1
- package/build/esm/src/translations/en.json.js +11 -1
- package/build/esm/src/translations/en.json.js.map +1 -1
- package/build/esm/src/translations/pl.json +12 -1
- package/build/esm/src/translations/pl.json.js +12 -1
- package/build/esm/src/translations/pl.json.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
+
var useTranslation = require('../../../../node_modules/react-i18next/dist/es/useTranslation.js');
|
|
6
7
|
var css_classes = require('../css_classes.js');
|
|
7
8
|
var main_module = require('../../../css/cell_selector/main.module.less.js');
|
|
8
9
|
|
|
@@ -11,8 +12,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
13
|
|
|
13
14
|
var CellSelector = function (_a) {
|
|
14
|
-
var _b = _a.rows, rows = _b === void 0 ?
|
|
15
|
+
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;
|
|
15
16
|
var _f = React.useState(initialSelected), selectedCell = _f[0], setSelectedCell = _f[1];
|
|
17
|
+
var t = useTranslation.useTranslation().t;
|
|
16
18
|
React.useEffect(function () {
|
|
17
19
|
if (initialSelected === undefined) {
|
|
18
20
|
setSelectedCell(initialSelected);
|
|
@@ -38,7 +40,9 @@ var CellSelector = function (_a) {
|
|
|
38
40
|
setSelectedCell(cellIndex);
|
|
39
41
|
onChange === null || onChange === void 0 ? void 0 : onChange(cellIndex + (withValueOffset ? 1 : 0));
|
|
40
42
|
};
|
|
41
|
-
return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelector] + " " + className },
|
|
43
|
+
return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelector] + " " + className },
|
|
44
|
+
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); } })); }))); })),
|
|
45
|
+
React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelectorDescription] }, t("Selected cell " + (selectedCell !== null && selectedCell !== void 0 ? selectedCell : -1)))));
|
|
42
46
|
};
|
|
43
47
|
|
|
44
48
|
exports.default = CellSelector;
|
|
@@ -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 {
|
|
1
|
+
{"version":3,"file":"cell_selector.js","sources":["../../../../../../src/components/controls/components/cell_selector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styles from '@css/cell_selector/main.module.less';\nimport {\n cellSelector,\n cellSelectorRow,\n cellSelectorCell,\n cellSelectorCellActive,\n cellSelectorContainer,\n cellSelectorDescription,\n} from '../css_classes';\nimport { ICellSelector } from '@components/controls/types';\nimport { useTranslation } from 'react-i18next';\n\nconst CellSelector: React.FC<ICellSelector> = ({\n rows = 3,\n cols = 3,\n name,\n initialSelected,\n withValueOffset = true,\n onChange,\n className = '',\n}) => {\n const [selectedCell, setSelectedCell] = useState(initialSelected);\n const { t } = useTranslation();\n\n useEffect(() => {\n if (initialSelected === undefined) {\n setSelectedCell(initialSelected);\n } else {\n setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));\n }\n }, [setSelectedCell, withValueOffset, initialSelected]);\n\n const isSelected = (row: number, col: number) => {\n if (selectedCell === undefined) {\n return false;\n }\n if (parseInt(`${selectedCell / cols}`) !== row) {\n return false;\n }\n if (selectedCell % cols !== col) {\n return false;\n }\n\n return true;\n };\n\n const onClick = (row: number, col: number) => {\n const cellIndex = row * cols + col;\n setSelectedCell(cellIndex);\n onChange?.(cellIndex + (withValueOffset ? 1 : 0));\n };\n\n return (\n <div className={`${styles[cellSelector]} ${className}`}>\n <div className={styles[cellSelectorContainer]}>\n {Array.from({ length: rows }).map((_, rowIndex) => (\n <div key={`CellSelector-${name}-Row-${rowIndex}`} className={styles[cellSelectorRow]}>\n {Array.from({ length: cols }).map((_, colIndex) => (\n <div\n key={`CellSelector-${name}-Row-${rowIndex}-Col-${colIndex}`}\n className={`${styles[cellSelectorCell]} ${isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''}`}\n onClick={() => onClick(rowIndex, colIndex)}\n />\n ))}\n </div>\n ))}\n </div>\n <div className={styles[cellSelectorDescription]}>{t(`Selected cell ${selectedCell ?? -1}`)}</div>\n </div>\n );\n};\n\nexport default CellSelector;\n"],"names":["useEffect","React","styles","cellSelector","cellSelectorContainer","cellSelectorRow","cellSelectorCell","cellSelectorCellActive","cellSelectorDescription"],"mappings":";;;;;;;;;;;;;IAaM,YAAY,GAA4B,UAAC,EAQ9C;QAPG,YAAQ,EAAR,6BAAQ,EACR,YAAQ,EAAR,6BAAQ,EACR,cAAI,EACJ,oCAAe,EACf,uBAAsB,EAAtB,2CAAsB,EACtB,sBAAQ,EACR,iBAAc,EAAd,mCAAc;IAER,IAAA,oCAA2D,EAA1D,oBAAY,EAAE,uBAA4C,CAAC;IAC1D,IAAA,qCAAC,CAAsB;IAE/BA,eAAS,CAAC;QACN,IAAI,eAAe,KAAK,SAAS,EAAE;YAC/B,eAAe,CAAC,eAAe,CAAC,CAAC;SACpC;aAAM;YACH,eAAe,CAAC,eAAe,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAChE;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAExD,IAAM,UAAU,GAAG,UAAC,GAAW,EAAE,GAAW;QACxC,IAAI,YAAY,KAAK,SAAS,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,QAAQ,CAAC,KAAG,YAAY,GAAG,IAAM,CAAC,KAAK,GAAG,EAAE;YAC5C,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,YAAY,GAAG,IAAI,KAAK,GAAG,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,IAAI,CAAC;KACf,CAAC;IAEF,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,GAAW;QACrC,IAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC;QACnC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;KACrD,CAAC;IAEF,QACIC,iDAAK,SAAS,EAAKC,sBAAM,CAACC,wBAAY,CAAC,SAAI,SAAW;QAClDF,iDAAK,SAAS,EAAEC,sBAAM,CAACE,iCAAqB,CAAC,IACxC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CH,iDAAK,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAU,EAAE,SAAS,EAAEC,sBAAM,CAACG,2BAAe,CAAC,IAC/E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/CJ,iDACI,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAQ,aAAQ,QAAU,EAC3D,SAAS,EAAKC,sBAAM,CAACI,4BAAgB,CAAC,UAAI,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAGJ,sBAAM,CAACK,kCAAsB,CAAC,GAAG,EAAE,CAAE,EAChH,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAA,GAC5C,IACL,CAAC,CACA,IACT,CAAC,CACA;QACNN,iDAAK,SAAS,EAAEC,sBAAM,CAACM,mCAAuB,CAAC,IAAG,CAAC,CAAC,oBAAiB,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,CAAE,CAAC,CAAO,CAC/F,EACR;AACN;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sources":["../../../../../../src/components/controls/components/checkbox.tsx"],"sourcesContent":["import cssClasses from '@css/checkbox/main.module.less';\n\nimport React, { useEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { ICheckboxProps } from '../types';\nimport { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIcon } from '../css_classes';\nimport IconTick from '@assets/icon_tick';\n\nconst Checkbox: React.FC<ICheckboxProps> = ({ id, name, value, initiallyChecked = false, disabled: isDisabled, onChange }): JSX.Element => {\n const [isChecked, setIsChecked] = useState<boolean>(initiallyChecked);\n\n const checkboxClasses = classnames(cssClasses[checkbox], {\n [cssClasses[checkboxDisabled]]: isDisabled
|
|
1
|
+
{"version":3,"file":"checkbox.js","sources":["../../../../../../src/components/controls/components/checkbox.tsx"],"sourcesContent":["import cssClasses from '@css/checkbox/main.module.less';\n\nimport React, { useEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { ICheckboxProps } from '../types';\nimport { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIcon } from '../css_classes';\nimport IconTick from '@assets/icon_tick';\n\nconst Checkbox: React.FC<ICheckboxProps> = ({ id, name, value, initiallyChecked = false, disabled: isDisabled, onChange }): JSX.Element => {\n const [isChecked, setIsChecked] = useState<boolean>(initiallyChecked);\n\n const checkboxClasses = classnames(cssClasses[checkbox], {\n [cssClasses[checkboxDisabled]]: isDisabled\n });\n\n const handleCheckboxChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(ev);\n setIsChecked((prevState) => !prevState);\n };\n\n useEffect(() => {\n setIsChecked(initiallyChecked);\n }, [initiallyChecked]);\n\n return (\n <span className={checkboxClasses}>\n <input\n className={cssClasses[checkboxControl]}\n id={id}\n name={name}\n type=\"checkbox\"\n value={value}\n checked={isChecked}\n disabled={isDisabled}\n onChange={handleCheckboxChange}\n />\n\n <label className={cssClasses[checkboxLabel]} htmlFor={id}>\n <IconTick className={cssClasses[checkboxIcon]} />\n </label>\n </span>\n );\n};\n\nexport default Checkbox;\n"],"names":["classnames","cssClasses","checkbox","checkboxDisabled","useEffect","React","checkboxControl","checkboxLabel","IconTick","checkboxIcon"],"mappings":";;;;;;;;;;;;;;;IASM,QAAQ,GAA6B,UAAC,EAA6E;;QAA3E,UAAE,EAAE,cAAI,EAAE,gBAAK,EAAE,wBAAwB,EAAxB,6CAAwB,EAAE,wBAAoB,EAAE,sBAAQ;IAC7G,IAAA,qCAA+D,EAA9D,iBAAS,EAAE,oBAAmD,CAAC;IAEtE,IAAM,eAAe,GAAGA,8BAAU,CAACC,sBAAU,CAACC,oBAAQ,CAAC;QACnD,GAACD,sBAAU,CAACE,4BAAgB,CAAC,IAAG,UAAU;YAC5C,CAAC;IAEH,IAAM,oBAAoB,GAAG,UAAC,EAAuC;QACjE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,EAAE;QACf,YAAY,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,GAAA,CAAC,CAAC;KAC3C,CAAC;IAEFC,eAAS,CAAC;QACN,YAAY,CAAC,gBAAgB,CAAC,CAAC;KAClC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,QACIC,kDAAM,SAAS,EAAE,eAAe;QAC5BA,mDACI,SAAS,EAAEJ,sBAAU,CAACK,2BAAe,CAAC,EACtC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,oBAAoB,GAChC;QAEFD,mDAAO,SAAS,EAAEJ,sBAAU,CAACM,yBAAa,CAAC,EAAE,OAAO,EAAE,EAAE;YACpDF,wCAACG,oBAAQ,IAAC,SAAS,EAAEP,sBAAU,CAACQ,wBAAY,CAAC,GAAI,CAC7C,CACL,EACT;AACN;;;;"}
|
|
@@ -37,6 +37,8 @@ var radioDisabled = radio + "_disabled";
|
|
|
37
37
|
var radioControl = radio + "__control";
|
|
38
38
|
var radioLabel = radio + "__label";
|
|
39
39
|
var cellSelector = 'cell-selector';
|
|
40
|
+
var cellSelectorContainer = cellSelector + "__container";
|
|
41
|
+
var cellSelectorDescription = cellSelector + "__description";
|
|
40
42
|
var cellSelectorRow = cellSelector + "__row";
|
|
41
43
|
var cellSelectorCell = cellSelector + "__cell";
|
|
42
44
|
var cellSelectorCellActive = cellSelectorCell + "_active";
|
|
@@ -44,6 +46,8 @@ var cellSelectorCellActive = cellSelectorCell + "_active";
|
|
|
44
46
|
exports.cellSelector = cellSelector;
|
|
45
47
|
exports.cellSelectorCell = cellSelectorCell;
|
|
46
48
|
exports.cellSelectorCellActive = cellSelectorCellActive;
|
|
49
|
+
exports.cellSelectorContainer = cellSelectorContainer;
|
|
50
|
+
exports.cellSelectorDescription = cellSelectorDescription;
|
|
47
51
|
exports.cellSelectorRow = cellSelectorRow;
|
|
48
52
|
exports.checkbox = checkbox;
|
|
49
53
|
exports.checkboxControl = checkboxControl;
|
|
@@ -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;IACrD,uBAAuB,GAAM,YAAY,mBAAgB;IACzD,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
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";
|
|
8
|
-
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"};
|
|
7
|
+
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";
|
|
8
|
+
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"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
11
|
exports.default = styles;
|
|
@@ -66,7 +66,17 @@ var en = {
|
|
|
66
66
|
"Current Year": "Current Year",
|
|
67
67
|
"Last Year": "Last Year",
|
|
68
68
|
Add: Add,
|
|
69
|
-
Search: Search
|
|
69
|
+
Search: Search,
|
|
70
|
+
"Selected cell -1": "Not selected",
|
|
71
|
+
"Selected cell 0": "Góra z lewej",
|
|
72
|
+
"Selected cell 1": "Góra na środku",
|
|
73
|
+
"Selected cell 2": "Góra z prawej",
|
|
74
|
+
"Selected cell 3": "Środek z lewej",
|
|
75
|
+
"Selected cell 4": "Środek",
|
|
76
|
+
"Selected cell 5": "Środek z prawej",
|
|
77
|
+
"Selected cell 6": "Dół z lewej",
|
|
78
|
+
"Selected cell 7": "Dół na środku",
|
|
79
|
+
"Selected cell 8": "Dół z prawej"
|
|
70
80
|
};
|
|
71
81
|
|
|
72
82
|
exports.Add = Add;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -66,7 +66,18 @@ var pl = {
|
|
|
66
66
|
"Current Year": "Aktualny Rok",
|
|
67
67
|
"Last Year": "Ostatni Rok",
|
|
68
68
|
Add: Add,
|
|
69
|
-
Search: Search
|
|
69
|
+
Search: Search,
|
|
70
|
+
"Selected cell": "A tak sobie",
|
|
71
|
+
"Selected cell -1": "Nie wybrano",
|
|
72
|
+
"Selected cell 0": "Top left",
|
|
73
|
+
"Selected cell 1": "Top center",
|
|
74
|
+
"Selected cell 2": "Top right",
|
|
75
|
+
"Selected cell 3": "Middle left",
|
|
76
|
+
"Selected cell 4": "Middle center",
|
|
77
|
+
"Selected cell 5": "Middle right",
|
|
78
|
+
"Selected cell 6": "Bottom left",
|
|
79
|
+
"Selected cell 7": "Bottom center",
|
|
80
|
+
"Selected cell 8": "Bottom right"
|
|
70
81
|
};
|
|
71
82
|
|
|
72
83
|
exports.Add = Add;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { useTranslation } from '../../../../node_modules/react-i18next/dist/es/useTranslation.js';
|
|
3
|
+
import { cellSelector, cellSelectorContainer, cellSelectorRow, cellSelectorCell, cellSelectorCellActive, cellSelectorDescription } from '../css_classes.js';
|
|
3
4
|
import styles from '../../../css/cell_selector/main.module.less.js';
|
|
4
5
|
|
|
5
6
|
var CellSelector = function (_a) {
|
|
6
|
-
var _b = _a.rows, rows = _b === void 0 ?
|
|
7
|
+
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;
|
|
7
8
|
var _f = useState(initialSelected), selectedCell = _f[0], setSelectedCell = _f[1];
|
|
9
|
+
var t = useTranslation().t;
|
|
8
10
|
useEffect(function () {
|
|
9
11
|
if (initialSelected === undefined) {
|
|
10
12
|
setSelectedCell(initialSelected);
|
|
@@ -30,7 +32,9 @@ var CellSelector = function (_a) {
|
|
|
30
32
|
setSelectedCell(cellIndex);
|
|
31
33
|
onChange === null || onChange === void 0 ? void 0 : onChange(cellIndex + (withValueOffset ? 1 : 0));
|
|
32
34
|
};
|
|
33
|
-
return (React.createElement("div", { className: styles[cellSelector] + " " + className },
|
|
35
|
+
return (React.createElement("div", { className: styles[cellSelector] + " " + className },
|
|
36
|
+
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); } })); }))); })),
|
|
37
|
+
React.createElement("div", { className: styles[cellSelectorDescription] }, t("Selected cell " + (selectedCell !== null && selectedCell !== void 0 ? selectedCell : -1)))));
|
|
34
38
|
};
|
|
35
39
|
|
|
36
40
|
export default CellSelector;
|
|
@@ -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 {
|
|
1
|
+
{"version":3,"file":"cell_selector.js","sources":["../../../../../../src/components/controls/components/cell_selector.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styles from '@css/cell_selector/main.module.less';\nimport {\n cellSelector,\n cellSelectorRow,\n cellSelectorCell,\n cellSelectorCellActive,\n cellSelectorContainer,\n cellSelectorDescription,\n} from '../css_classes';\nimport { ICellSelector } from '@components/controls/types';\nimport { useTranslation } from 'react-i18next';\n\nconst CellSelector: React.FC<ICellSelector> = ({\n rows = 3,\n cols = 3,\n name,\n initialSelected,\n withValueOffset = true,\n onChange,\n className = '',\n}) => {\n const [selectedCell, setSelectedCell] = useState(initialSelected);\n const { t } = useTranslation();\n\n useEffect(() => {\n if (initialSelected === undefined) {\n setSelectedCell(initialSelected);\n } else {\n setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));\n }\n }, [setSelectedCell, withValueOffset, initialSelected]);\n\n const isSelected = (row: number, col: number) => {\n if (selectedCell === undefined) {\n return false;\n }\n if (parseInt(`${selectedCell / cols}`) !== row) {\n return false;\n }\n if (selectedCell % cols !== col) {\n return false;\n }\n\n return true;\n };\n\n const onClick = (row: number, col: number) => {\n const cellIndex = row * cols + col;\n setSelectedCell(cellIndex);\n onChange?.(cellIndex + (withValueOffset ? 1 : 0));\n };\n\n return (\n <div className={`${styles[cellSelector]} ${className}`}>\n <div className={styles[cellSelectorContainer]}>\n {Array.from({ length: rows }).map((_, rowIndex) => (\n <div key={`CellSelector-${name}-Row-${rowIndex}`} className={styles[cellSelectorRow]}>\n {Array.from({ length: cols }).map((_, colIndex) => (\n <div\n key={`CellSelector-${name}-Row-${rowIndex}-Col-${colIndex}`}\n className={`${styles[cellSelectorCell]} ${isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''}`}\n onClick={() => onClick(rowIndex, colIndex)}\n />\n ))}\n </div>\n ))}\n </div>\n <div className={styles[cellSelectorDescription]}>{t(`Selected cell ${selectedCell ?? -1}`)}</div>\n </div>\n );\n};\n\nexport default CellSelector;\n"],"names":[],"mappings":";;;;;IAaM,YAAY,GAA4B,UAAC,EAQ9C;QAPG,YAAQ,EAAR,6BAAQ,EACR,YAAQ,EAAR,6BAAQ,EACR,cAAI,EACJ,oCAAe,EACf,uBAAsB,EAAtB,2CAAsB,EACtB,sBAAQ,EACR,iBAAc,EAAd,mCAAc;IAER,IAAA,8BAA2D,EAA1D,oBAAY,EAAE,uBAA4C,CAAC;IAC1D,IAAA,sBAAC,CAAsB;IAE/B,SAAS,CAAC;QACN,IAAI,eAAe,KAAK,SAAS,EAAE;YAC/B,eAAe,CAAC,eAAe,CAAC,CAAC;SACpC;aAAM;YACH,eAAe,CAAC,eAAe,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAChE;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAExD,IAAM,UAAU,GAAG,UAAC,GAAW,EAAE,GAAW;QACxC,IAAI,YAAY,KAAK,SAAS,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,QAAQ,CAAC,KAAG,YAAY,GAAG,IAAM,CAAC,KAAK,GAAG,EAAE;YAC5C,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,YAAY,GAAG,IAAI,KAAK,GAAG,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,IAAI,CAAC;KACf,CAAC;IAEF,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,GAAW;QACrC,IAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC;QACnC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,IAAI,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;KACrD,CAAC;IAEF,QACI,6BAAK,SAAS,EAAK,MAAM,CAAC,YAAY,CAAC,SAAI,SAAW;QAClD,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IACxC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/C,6BAAK,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAU,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,IAC/E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,QAAQ,IAAK,QAC/C,6BACI,GAAG,EAAE,kBAAgB,IAAI,aAAQ,QAAQ,aAAQ,QAAU,EAC3D,SAAS,EAAK,MAAM,CAAC,gBAAgB,CAAC,UAAI,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,MAAM,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAE,EAChH,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAA,GAC5C,IACL,CAAC,CACA,IACT,CAAC,CACA;QACN,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAAG,CAAC,CAAC,oBAAiB,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,CAAE,CAAC,CAAO,CAC/F,EACR;AACN;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sources":["../../../../../../src/components/controls/components/checkbox.tsx"],"sourcesContent":["import cssClasses from '@css/checkbox/main.module.less';\n\nimport React, { useEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { ICheckboxProps } from '../types';\nimport { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIcon } from '../css_classes';\nimport IconTick from '@assets/icon_tick';\n\nconst Checkbox: React.FC<ICheckboxProps> = ({ id, name, value, initiallyChecked = false, disabled: isDisabled, onChange }): JSX.Element => {\n const [isChecked, setIsChecked] = useState<boolean>(initiallyChecked);\n\n const checkboxClasses = classnames(cssClasses[checkbox], {\n [cssClasses[checkboxDisabled]]: isDisabled
|
|
1
|
+
{"version":3,"file":"checkbox.js","sources":["../../../../../../src/components/controls/components/checkbox.tsx"],"sourcesContent":["import cssClasses from '@css/checkbox/main.module.less';\n\nimport React, { useEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { ICheckboxProps } from '../types';\nimport { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIcon } from '../css_classes';\nimport IconTick from '@assets/icon_tick';\n\nconst Checkbox: React.FC<ICheckboxProps> = ({ id, name, value, initiallyChecked = false, disabled: isDisabled, onChange }): JSX.Element => {\n const [isChecked, setIsChecked] = useState<boolean>(initiallyChecked);\n\n const checkboxClasses = classnames(cssClasses[checkbox], {\n [cssClasses[checkboxDisabled]]: isDisabled\n });\n\n const handleCheckboxChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(ev);\n setIsChecked((prevState) => !prevState);\n };\n\n useEffect(() => {\n setIsChecked(initiallyChecked);\n }, [initiallyChecked]);\n\n return (\n <span className={checkboxClasses}>\n <input\n className={cssClasses[checkboxControl]}\n id={id}\n name={name}\n type=\"checkbox\"\n value={value}\n checked={isChecked}\n disabled={isDisabled}\n onChange={handleCheckboxChange}\n />\n\n <label className={cssClasses[checkboxLabel]} htmlFor={id}>\n <IconTick className={cssClasses[checkboxIcon]} />\n </label>\n </span>\n );\n};\n\nexport default Checkbox;\n"],"names":[],"mappings":";;;;;;IASM,QAAQ,GAA6B,UAAC,EAA6E;;QAA3E,UAAE,EAAE,cAAI,EAAE,gBAAK,EAAE,wBAAwB,EAAxB,6CAAwB,EAAE,wBAAoB,EAAE,sBAAQ;IAC7G,IAAA,+BAA+D,EAA9D,iBAAS,EAAE,oBAAmD,CAAC;IAEtE,IAAM,eAAe,GAAG,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC;QACnD,GAAC,UAAU,CAAC,gBAAgB,CAAC,IAAG,UAAU;YAC5C,CAAC;IAEH,IAAM,oBAAoB,GAAG,UAAC,EAAuC;QACjE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,EAAE;QACf,YAAY,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,GAAA,CAAC,CAAC;KAC3C,CAAC;IAEF,SAAS,CAAC;QACN,YAAY,CAAC,gBAAgB,CAAC,CAAC;KAClC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,QACI,8BAAM,SAAS,EAAE,eAAe;QAC5B,+BACI,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,EACtC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,oBAAoB,GAChC;QAEF,+BAAO,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;YACpD,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,GAAI,CAC7C,CACL,EACT;AACN;;;;"}
|
|
@@ -33,6 +33,8 @@ export declare const radioDisabled: string;
|
|
|
33
33
|
export declare const radioControl: string;
|
|
34
34
|
export declare const radioLabel: string;
|
|
35
35
|
export declare const cellSelector = "cell-selector";
|
|
36
|
+
export declare const cellSelectorContainer: string;
|
|
37
|
+
export declare const cellSelectorDescription: string;
|
|
36
38
|
export declare const cellSelectorRow: string;
|
|
37
39
|
export declare const cellSelectorCell: string;
|
|
38
40
|
export declare const cellSelectorCellActive: string;
|
|
@@ -33,9 +33,11 @@ var radioDisabled = radio + "_disabled";
|
|
|
33
33
|
var radioControl = radio + "__control";
|
|
34
34
|
var radioLabel = radio + "__label";
|
|
35
35
|
var cellSelector = 'cell-selector';
|
|
36
|
+
var cellSelectorContainer = cellSelector + "__container";
|
|
37
|
+
var cellSelectorDescription = cellSelector + "__description";
|
|
36
38
|
var cellSelectorRow = cellSelector + "__row";
|
|
37
39
|
var cellSelectorCell = cellSelector + "__cell";
|
|
38
40
|
var cellSelectorCellActive = cellSelectorCell + "_active";
|
|
39
41
|
|
|
40
|
-
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 };
|
|
42
|
+
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorDescription, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
|
|
41
43
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -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;IACrD,uBAAuB,GAAM,YAAY,mBAAgB;IACzD,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
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";
|
|
4
|
-
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"};
|
|
3
|
+
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";
|
|
4
|
+
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"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default styles;
|
|
@@ -36,5 +36,15 @@
|
|
|
36
36
|
"Current Year": "Current Year",
|
|
37
37
|
"Last Year": "Last Year",
|
|
38
38
|
"Add": "Add",
|
|
39
|
-
"Search": "Search"
|
|
39
|
+
"Search": "Search",
|
|
40
|
+
"Selected cell -1": "Not selected",
|
|
41
|
+
"Selected cell 0": "Góra z lewej",
|
|
42
|
+
"Selected cell 1": "Góra na środku",
|
|
43
|
+
"Selected cell 2": "Góra z prawej",
|
|
44
|
+
"Selected cell 3": "Środek z lewej",
|
|
45
|
+
"Selected cell 4": "Środek",
|
|
46
|
+
"Selected cell 5": "Środek z prawej",
|
|
47
|
+
"Selected cell 6": "Dół z lewej",
|
|
48
|
+
"Selected cell 7": "Dół na środku",
|
|
49
|
+
"Selected cell 8": "Dół z prawej"
|
|
40
50
|
}
|
|
@@ -62,7 +62,17 @@ var en = {
|
|
|
62
62
|
"Current Year": "Current Year",
|
|
63
63
|
"Last Year": "Last Year",
|
|
64
64
|
Add: Add,
|
|
65
|
-
Search: Search
|
|
65
|
+
Search: Search,
|
|
66
|
+
"Selected cell -1": "Not selected",
|
|
67
|
+
"Selected cell 0": "Góra z lewej",
|
|
68
|
+
"Selected cell 1": "Góra na środku",
|
|
69
|
+
"Selected cell 2": "Góra z prawej",
|
|
70
|
+
"Selected cell 3": "Środek z lewej",
|
|
71
|
+
"Selected cell 4": "Środek",
|
|
72
|
+
"Selected cell 5": "Środek z prawej",
|
|
73
|
+
"Selected cell 6": "Dół z lewej",
|
|
74
|
+
"Selected cell 7": "Dół na środku",
|
|
75
|
+
"Selected cell 8": "Dół z prawej"
|
|
66
76
|
};
|
|
67
77
|
|
|
68
78
|
export default en;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -36,5 +36,16 @@
|
|
|
36
36
|
"Current Year": "Aktualny Rok",
|
|
37
37
|
"Last Year": "Ostatni Rok",
|
|
38
38
|
"Add": "Dodaj",
|
|
39
|
-
"Search": "Szukaj"
|
|
39
|
+
"Search": "Szukaj",
|
|
40
|
+
"Selected cell": "A tak sobie",
|
|
41
|
+
"Selected cell -1": "Nie wybrano",
|
|
42
|
+
"Selected cell 0": "Top left",
|
|
43
|
+
"Selected cell 1": "Top center",
|
|
44
|
+
"Selected cell 2": "Top right",
|
|
45
|
+
"Selected cell 3": "Middle left",
|
|
46
|
+
"Selected cell 4": "Middle center",
|
|
47
|
+
"Selected cell 5": "Middle right",
|
|
48
|
+
"Selected cell 6": "Bottom left",
|
|
49
|
+
"Selected cell 7": "Bottom center",
|
|
50
|
+
"Selected cell 8": "Bottom right"
|
|
40
51
|
}
|
|
@@ -62,7 +62,18 @@ var pl = {
|
|
|
62
62
|
"Current Year": "Aktualny Rok",
|
|
63
63
|
"Last Year": "Ostatni Rok",
|
|
64
64
|
Add: Add,
|
|
65
|
-
Search: Search
|
|
65
|
+
Search: Search,
|
|
66
|
+
"Selected cell": "A tak sobie",
|
|
67
|
+
"Selected cell -1": "Nie wybrano",
|
|
68
|
+
"Selected cell 0": "Top left",
|
|
69
|
+
"Selected cell 1": "Top center",
|
|
70
|
+
"Selected cell 2": "Top right",
|
|
71
|
+
"Selected cell 3": "Middle left",
|
|
72
|
+
"Selected cell 4": "Middle center",
|
|
73
|
+
"Selected cell 5": "Middle right",
|
|
74
|
+
"Selected cell 6": "Bottom left",
|
|
75
|
+
"Selected cell 7": "Bottom center",
|
|
76
|
+
"Selected cell 8": "Bottom right"
|
|
66
77
|
};
|
|
67
78
|
|
|
68
79
|
export default pl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|