@dreamcommerce/aurora 0.3.4-157 → 0.3.4-158

package/build/cjs/src/components/color_picker/utilities.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../../../node_modules/lodash/_baseGetTag.js');
+require('../../../node_modules/lodash/_baseToString.js');
+require('../../../node_modules/lodash/_createRound.js');
+var hex = require('../../../node_modules/colors-convert/dist/lib/hex.js');
+require('../../../node_modules/lodash/_ListCache.js');
+require('../../../node_modules/lodash/_Map.js');
+require('../../../node_modules/lodash/_MapCache.js');
+require('../../../node_modules/lodash/_SetCache.js');
+require('../../../node_modules/lodash/_equalByTag.js');
+require('../../../node_modules/lodash/isArguments.js');
+require('../../../node_modules/lodash/isBuffer.js');
+require('../../../node_modules/lodash/isTypedArray.js');
+require('../../../node_modules/lodash/_getTag.js');
+require('../../../node_modules/lodash/_stringToPath.js');
+var constants = require('./constants.js');
+var range_mappings = require('../../utilities/range/range_mappings.js');
+
+/**
+ * Function to calculate indicators position based on hex value
+ * @param saturationLightnessPanelRef, reference
+ * @param hueSliderRef, reference
+ * @param hex, string with color
+ * @return
+ */
+var getIndicatorPositionsFromHEX = function (_a) {
+    var saturationLightnessPanelRef = _a.saturationLightnessPanelRef, hueSliderRef = _a.hueSliderRef, hex$1 = _a.hex;
+    var _b, _c;
+    var _d = hex.hex2hsl(hex$1), h = _d.h, s = _d.s, l = _d.l;
+    var _e = ((_b = saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || {}, _f = _e.width, width = _f === void 0 ? 0 : _f, _g = _e.height, height = _g === void 0 ? 0 : _g;
+    var hueSliderRect = (_c = hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect();
+    var saturationLightnessPointer = {
+        left: range_mappings.constrainToRange((s * width) / constants.MAX_SATURATION_VALUE, 0, width),
+        top: range_mappings.constrainToRange((l * height) / constants.MAX_LIGHTNESS_VALUE, 0, height),
+    };
+    var hueSliderPointer = {
+        top: h * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.height) || 0) / constants.MAX_HUE_VALUE),
+        left: h * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.width) || 0) / constants.MAX_HUE_VALUE),
+    };
+    return { saturationLightnessPointer: saturationLightnessPointer, hueSliderPointer: hueSliderPointer };
+};
+var getColorFromHex = function (value) {
+    var _a = hex.hex2hsl(value), hue = _a.h, saturation = _a.s, lightness = _a.l;
+    return { hue: hue, saturation: saturation, lightness: lightness, hex: value };
+};
+var getHueFromPosition = function (_a) {
+    var hueSliderRect = _a.hueSliderRect, position = _a.position, screenName = _a.screenName;
+    var clientY = position.clientY, clientX = position.clientX;
+    var top = hueSliderRect.top, height = hueSliderRect.height, width = hueSliderRect.width, left = hueSliderRect.left;
+    var distance = screenName === 'xs' ? range_mappings.constrainToRange(clientX - left, 0, width) : range_mappings.constrainToRange(clientY - top, 0, height);
+    var hue = screenName === 'xs' ? (distance * (constants.MAX_HUE_VALUE - 1)) / width : (distance * (constants.MAX_HUE_VALUE - 1)) / height;
+    return { hue: hue };
+};
+var getSaturationLightnessFromPosition = function (_a) {
+    var elementRect = _a.elementRect, position = _a.position;
+    var width = elementRect.width, height = elementRect.height;
+    var _b = range_mappings.getIndicatorPositionFromPosition({ elementRect: elementRect, position: position }), positionX = _b.positionX, positionY = _b.positionY;
+    var saturation = (positionX * constants.MAX_SATURATION_VALUE) / width || constants.SATURATION_OFFSET;
+    var lightness = constants.MAX_LIGHTNESS_VALUE - (positionY * (constants.MAX_LIGHTNESS_VALUE / 2)) / height - saturation / 2;
+    return { lightness: lightness, saturation: saturation };
+};
+
+exports.getColorFromHex = getColorFromHex;
+exports.getHueFromPosition = getHueFromPosition;
+exports.getIndicatorPositionsFromHEX = getIndicatorPositionsFromHEX;
+exports.getSaturationLightnessFromPosition = getSaturationLightnessFromPosition;
+//# sourceMappingURL=utilities.js.map

package/build/cjs/src/components/color_picker/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":["../../../../../src/components/color_picker/utilities.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { hex2hsl } from 'colors-convert';\nimport { MAX_HUE_VALUE, MAX_LIGHTNESS_VALUE, MAX_SATURATION_VALUE, SATURATION_OFFSET } from './constants';\nimport { IPosition } from '@components/color_picker/types';\nimport { constrainToRange, getIndicatorPositionFromPosition } from '@utilities/range/range_mappings';\n\n/**\n * Function to calculate indicators position based on hex value\n * @param saturationLightnessPanelRef, reference\n * @param hueSliderRef, reference\n * @param hex, string with color\n * @return\n */\nexport const getIndicatorPositionsFromHEX = ({\n    saturationLightnessPanelRef,\n    hueSliderRef,\n    hex,\n}: {\n    saturationLightnessPanelRef?: RefObject<HTMLDivElement>;\n    hueSliderRef?: RefObject<HTMLDivElement>;\n    hex: string;\n}) => {\n    const { h, s, l } = hex2hsl(hex);\n    const { width = 0, height = 0 } = saturationLightnessPanelRef?.current?.getBoundingClientRect() || {};\n    const hueSliderRect = hueSliderRef?.current?.getBoundingClientRect();\n    const saturationLightnessPointer = {\n        left: constrainToRange((s * width) / MAX_SATURATION_VALUE, 0, width),\n        top: constrainToRange((l * height) / MAX_LIGHTNESS_VALUE, 0, height),\n    };\n    const hueSliderPointer = {\n        top: h * ((hueSliderRect?.height || 0) / MAX_HUE_VALUE),\n        left: h * ((hueSliderRect?.width || 0) / MAX_HUE_VALUE),\n    };\n\n    return { saturationLightnessPointer, hueSliderPointer };\n};\n\nexport const getColorFromHex = (value: string) => {\n    const { h: hue, s: saturation, l: lightness } = hex2hsl(value);\n\n    return { hue, saturation, lightness, hex: value };\n};\n\nexport const getHueFromPosition = ({\n    hueSliderRect,\n    position,\n    screenName,\n}: {\n    hueSliderRect: DOMRect;\n    position: IPosition;\n    screenName: string;\n}) => {\n    const { clientY, clientX } = position;\n    const { top, height, width, left } = hueSliderRect;\n    const distance = screenName === 'xs' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);\n    const hue = screenName === 'xs' ? (distance * (MAX_HUE_VALUE - 1)) / width : (distance * (MAX_HUE_VALUE - 1)) / height;\n\n    return { hue };\n};\n\nexport const getSaturationLightnessFromPosition = ({ elementRect, position }: { elementRect: DOMRect; position: IPosition }) => {\n    const { width, height } = elementRect;\n    const { positionX, positionY } = getIndicatorPositionFromPosition({ elementRect, position });\n    const saturation = (positionX * MAX_SATURATION_VALUE) / width || SATURATION_OFFSET;\n    const lightness = MAX_LIGHTNESS_VALUE - (positionY * (MAX_LIGHTNESS_VALUE / 2)) / height - saturation / 2;\n\n    return { lightness, saturation };\n};\n"],"names":["hex","constrainToRange","MAX_SATURATION_VALUE","MAX_LIGHTNESS_VALUE","MAX_HUE_VALUE","SATURATION_OFFSET"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;IAOa,4BAA4B,GAAG,UAAC,EAQ5C;QAPG,4DAA2B,EAC3B,8BAAY,EACZA,cAAG;;IAMG,IAAA,uBAA0B,EAAxB,QAAC,EAAE,QAAC,EAAE,QAAkB,CAAC;IAC3B,IAAA,iNAA+F,EAA7F,aAAS,EAAT,8BAAS,EAAE,cAAU,EAAV,+BAAkF,CAAC;IACtG,IAAM,aAAa,SAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,qBAAqB,EAAE,CAAC;IACrE,IAAM,0BAA0B,GAAG;QAC/B,IAAI,EAAEC,+BAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,IAAIC,8BAAoB,EAAE,CAAC,EAAE,KAAK,CAAC;QACpE,GAAG,EAAED,+BAAgB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAIE,6BAAmB,EAAE,CAAC,EAAE,MAAM,CAAC;KACvE,CAAC;IACF,IAAM,gBAAgB,GAAG;QACrB,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KAAI,CAAC,IAAIC,uBAAa,CAAC;QACvD,IAAI,EAAE,CAAC,IAAI,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,KAAI,CAAC,IAAIA,uBAAa,CAAC;KAC1D,CAAC;IAEF,OAAO,EAAE,0BAA0B,4BAAA,EAAE,gBAAgB,kBAAA,EAAE,CAAC;AAC5D,EAAE;IAEW,eAAe,GAAG,UAAC,KAAa;IACnC,IAAA,uBAAwD,EAAtD,UAAM,EAAE,iBAAa,EAAE,gBAA+B,CAAC;IAE/D,OAAO,EAAE,GAAG,KAAA,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AACtD,EAAE;IAEW,kBAAkB,GAAG,UAAC,EAQlC;QAPG,gCAAa,EACb,sBAAQ,EACR,0BAAU;IAMF,IAAA,0BAAO,EAAE,0BAAO,CAAc;IAC9B,IAAA,uBAAG,EAAE,6BAAM,EAAE,2BAAK,EAAE,yBAAI,CAAmB;IACnD,IAAM,QAAQ,GAAG,UAAU,KAAK,IAAI,GAAGH,+BAAgB,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,GAAGA,+BAAgB,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;IAC/H,IAAM,GAAG,GAAG,UAAU,KAAK,IAAI,GAAG,CAAC,QAAQ,IAAIG,uBAAa,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,QAAQ,IAAIA,uBAAa,GAAG,CAAC,CAAC,IAAI,MAAM,CAAC;IAEvH,OAAO,EAAE,GAAG,KAAA,EAAE,CAAC;AACnB,EAAE;IAEW,kCAAkC,GAAG,UAAC,EAAwE;QAAtE,4BAAW,EAAE,sBAAQ;IAC9D,IAAA,yBAAK,EAAE,2BAAM,CAAiB;IAChC,IAAA,sGAAsF,EAApF,wBAAS,EAAE,wBAAyE,CAAC;IAC7F,IAAM,UAAU,GAAG,CAAC,SAAS,GAAGF,8BAAoB,IAAI,KAAK,IAAIG,2BAAiB,CAAC;IACnF,IAAM,SAAS,GAAGF,6BAAmB,GAAG,CAAC,SAAS,IAAIA,6BAAmB,GAAG,CAAC,CAAC,IAAI,MAAM,GAAG,UAAU,GAAG,CAAC,CAAC;IAE1G,OAAO,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,CAAC;AACrC;;;;;;;"}

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

@@ -0,0 +1,48 @@
+'use strict';
+
+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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var CellSelector = function (_a) {
+    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);
+        }
+        else {
+            setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));
+        }
+    }, [setSelectedCell, withValueOffset, initialSelected]);
+    var isSelected = function (row, col) {
+        if (selectedCell === undefined) {
+            return false;
+        }
+        if (parseInt("" + selectedCell / cols) !== row) {
+            return false;
+        }
+        if (selectedCell % cols !== col) {
+            return false;
+        }
+        return true;
+    };
+    var onClick = function (row, col) {
+        var cellIndex = row * cols + col;
+        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 },
+        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;
+//# sourceMappingURL=cell_selector.js.map

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

@@ -0,0 +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/components/checkbox.js.map

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox_switch.js","sources":["../../../../../../src/components/controls/components/checkbox_switch.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 { checkboxSwitch, checkboxSwitchDisabled, checkboxSwitchControl, checkboxSwitchLabel, checkboxSwitchIcon } from '../css_classes';\nimport IconTick from '@assets/icon_tick';\n\nconst CheckboxSwitch: React.FC<ICheckboxProps> = ({\n    id,\n    name,\n    value,\n    initiallyChecked = false,\n    disabled: isDisabled,\n    onChange\n}): JSX.Element => {\n    const [isChecked, setIsChecked] = useState<boolean>(initiallyChecked);\n\n    const checkboxClasses = classnames(cssClasses[checkboxSwitch], {\n        [cssClasses[checkboxSwitchDisabled]]: 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[checkboxSwitchControl]}\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[checkboxSwitchLabel]} htmlFor={id}>\n                <IconTick className={cssClasses[checkboxSwitchIcon]} />\n            </label>\n        </span>\n    );\n};\n\nexport default CheckboxSwitch;\n"],"names":["classnames","cssClasses","checkboxSwitch","checkboxSwitchDisabled","useEffect","React","checkboxSwitchControl","checkboxSwitchLabel","IconTick","checkboxSwitchIcon"],"mappings":";;;;;;;;;;;;;;;IASM,cAAc,GAA6B,UAAC,EAOjD;;QANG,UAAE,EACF,cAAI,EACJ,gBAAK,EACL,wBAAwB,EAAxB,6CAAwB,EACxB,wBAAoB,EACpB,sBAAQ;IAEF,IAAA,qCAA+D,EAA9D,iBAAS,EAAE,oBAAmD,CAAC;IAEtE,IAAM,eAAe,GAAGA,8BAAU,CAACC,sBAAU,CAACC,0BAAc,CAAC;QACzD,GAACD,sBAAU,CAACE,kCAAsB,CAAC,IAAG,UAAU;YAClD,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,iCAAqB,CAAC,EAC5C,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,+BAAmB,CAAC,EAAE,OAAO,EAAE,EAAE;YAC1DF,wCAACG,oBAAQ,IAAC,SAAS,EAAEP,sBAAU,CAACQ,8BAAkB,CAAC,GAAI,CACnD,CACL,EACT;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sources":["../../../../../../src/components/controls/components/content.tsx"],"sourcesContent":["import cssStyles from '@css/controls/main.module.less';\n\nimport React from 'react';\n\nimport { IContentProps } from '../types';\nimport { cssControlsContent } from '../css_classes';\n\nconst Content: React.FC<IContentProps> = ({ children }): JSX.Element => {\n    return <div className={cssStyles[cssControlsContent]}>{children}</div>;\n};\n\nexport default Content;\n"],"names":["React","cssStyles","cssControlsContent"],"mappings":";;;;;;;;;;;;IAOM,OAAO,GAA4B,UAAC,EAAY;QAAV,sBAAQ;IAChD,OAAOA,iDAAK,SAAS,EAAEC,sBAAS,CAACC,8BAAkB,CAAC,IAAG,QAAQ,CAAO,CAAC;AAC3E;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sources":["../../../../../../src/components/controls/components/element.tsx"],"sourcesContent":["import cssStyles from '@css/controls/main.module.less';\n\nimport React from 'react';\nimport classnames from 'classnames';\n\nimport { IElementProps } from '../types';\nimport {\n    cssControlsElement,\n    cssControlsElementCheckbox,\n    cssControlsElementPrefix,\n    cssControlsElementPostfix,\n    cssControlsElementRadio,\n} from '../css_classes';\n\nconst Element: React.FC<IElementProps> = ({ type, prefix, postfix, children }): JSX.Element => {\n    const controlElementClasses = classnames(cssStyles[cssControlsElement], {\n        [cssStyles[cssControlsElementPrefix]]: prefix,\n        [cssStyles[cssControlsElementPostfix]]: postfix,\n        [cssStyles[cssControlsElementCheckbox]]: type === 'checkbox',\n        [cssStyles[cssControlsElementRadio]]: type === 'radio',\n    });\n\n    return (\n        <div className={controlElementClasses} data-postfix={postfix} data-prefix={prefix}>\n            {children}\n        </div>\n    );\n};\n\nexport default Element;\n"],"names":["classnames","cssStyles","cssControlsElement","cssControlsElementPrefix","cssControlsElementPostfix","cssControlsElementCheckbox","cssControlsElementRadio","React"],"mappings":";;;;;;;;;;;;;;IAcM,OAAO,GAA4B,UAAC,EAAmC;;QAAjC,cAAI,EAAE,kBAAM,EAAE,oBAAO,EAAE,sBAAQ;IACvE,IAAM,qBAAqB,GAAGA,8BAAU,CAACC,sBAAS,CAACC,8BAAkB,CAAC;QAClE,GAACD,sBAAS,CAACE,oCAAwB,CAAC,IAAG,MAAM;QAC7C,GAACF,sBAAS,CAACG,qCAAyB,CAAC,IAAG,OAAO;QAC/C,GAACH,sBAAS,CAACI,sCAA0B,CAAC,IAAG,IAAI,KAAK,UAAU;QAC5D,GAACJ,sBAAS,CAACK,mCAAuB,CAAC,IAAG,IAAI,KAAK,OAAO;YACxD,CAAC;IAEH,QACIC,iDAAK,SAAS,EAAE,qBAAqB,kBAAgB,OAAO,iBAAe,MAAM,IAC5E,QAAQ,CACP,EACR;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sources":["../../../../../../src/components/controls/components/errors.tsx"],"sourcesContent":["import React from 'react';\nimport { useControlContext } from '@components/controls/context';\nimport styles from '@css/controls/main.module.less';\nimport { cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem } from '@components/controls/css_classes';\n\nconst Errors: React.FC = () => {\n    const { errors, id } = useControlContext();\n\n    return errors ? (\n        <div className={styles[cssControlsErrors]}>\n            <ul className={styles[cssControlsErrorsList]}>\n                {errors.map((error, key) => (\n                    <label htmlFor={id} key={`error-item-${id}-${key}`}>\n                        <li className={styles[cssControlsErrorsListItem]}>{error}</li>\n                    </label>\n                ))}\n            </ul>\n        </div>\n    ) : null;\n};\n\nexport default Errors;\n"],"names":["React","styles","cssControlsErrors","cssControlsErrorsList","cssControlsErrorsListItem"],"mappings":";;;;;;;;;;;;;IAKM,MAAM,GAAa;IACf,IAAA,gCAAoC,EAAlC,kBAAM,EAAE,UAA0B,CAAC;IAE3C,OAAO,MAAM,IACTA,iDAAK,SAAS,EAAEC,sBAAM,CAACC,6BAAiB,CAAC;QACrCF,gDAAI,SAAS,EAAEC,sBAAM,CAACE,iCAAqB,CAAC,IACvC,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,GAAG,IAAK,QACxBH,mDAAO,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,gBAAc,EAAE,SAAI,GAAK;YAC9CA,gDAAI,SAAS,EAAEC,sBAAM,CAACG,qCAAyB,CAAC,IAAG,KAAK,CAAM,CAC1D,IACX,CAAC,CACD,CACH,IACN,IAAI,CAAC;AACb;;;;"}

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

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../_virtual/_tslib.js');
+var classnames = require('classnames');
+var main_module = require('../../../css/input/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var context = require('../context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var Input = function (_a) {
+    var _b;
+    var id = _a.id, name = _a.name, padding = _a.padding, placeholder = _a.placeholder, value = _a.value, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onKeyPress = _a.onKeyPress, onKeyUp = _a.onKeyUp, 
+    // eslint-disable-next-line no-unused-vars
+    children = _a.children, props = _tslib.__rest(_a, ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress", "onKeyUp", "children"]);
+    var errors = context.useControlContext().errors;
+    var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], (_b = {},
+        _b[main_module['default'][css_classes.cssControlS]] = padding === 'small',
+        _b[main_module['default'][css_classes.cssControlError]] = errors,
+        _b[main_module['default'][css_classes.cssControlDisabled]] = disabled,
+        _b[main_module['default'][css_classes.cssControlReadonly]] = readOnly,
+        _b));
+    return (React__default['default'].createElement("input", _tslib.__assign({}, props, { className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp })));
+};
+
+exports.default = Input;
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../../../../src/components/controls/components/input.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/input/main.module.less';\nimport { IInputProps } from '../types';\nimport { cssControl, cssControlDisabled, cssControlError, cssControlReadonly, cssControlS } from '../css_classes';\nimport { useControlContext } from '@components/controls/context';\n\nconst Input: React.FC<IInputProps> = ({\n    id,\n    name,\n    padding,\n    placeholder,\n    value,\n    disabled,\n    readOnly,\n    onChange,\n    onKeyPress,\n    onKeyUp,\n    // eslint-disable-next-line no-unused-vars\n    children,\n    ...props\n}): JSX.Element => {\n    const { errors } = useControlContext();\n\n    const inputClasses = classnames(cssClasses[cssControl], {\n        [cssClasses[cssControlS]]: padding === 'small',\n        [cssClasses[cssControlError]]: errors,\n        [cssClasses[cssControlDisabled]]: disabled,\n        [cssClasses[cssControlReadonly]]: readOnly,\n    });\n\n    return (\n        <input\n            {...props}\n            className={inputClasses}\n            id={id}\n            name={name}\n            value={value}\n            placeholder={placeholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onChange}\n            onKeyPress={onKeyPress}\n            onKeyUp={onKeyUp}\n        />\n    );\n};\n\nexport default Input;\n"],"names":["classnames","cssClasses","cssControl","cssControlS","cssControlError","cssControlDisabled","cssControlReadonly","React"],"mappings":";;;;;;;;;;;;;;;;IAQM,KAAK,GAA0B,UAAC,EAcrC;;IAbG,IAAA,UAAE,EACF,cAAI,EACJ,oBAAO,EACP,4BAAW,EACX,gBAAK,EACL,sBAAQ,EACR,sBAAQ,EACR,sBAAQ,EACR,0BAAU,EACV,oBAAO;;IAEP,sBAAQ,EACR,qJAAQ;IAEA,IAAA,2CAAM,CAAyB;IAEvC,IAAM,YAAY,GAAGA,8BAAU,CAACC,sBAAU,CAACC,sBAAU,CAAC;QAClD,GAACD,sBAAU,CAACE,uBAAW,CAAC,IAAG,OAAO,KAAK,OAAO;QAC9C,GAACF,sBAAU,CAACG,2BAAe,CAAC,IAAG,MAAM;QACrC,GAACH,sBAAU,CAACI,8BAAkB,CAAC,IAAG,QAAQ;QAC1C,GAACJ,sBAAU,CAACK,8BAAkB,CAAC,IAAG,QAAQ;YAC5C,CAAC;IAEH,QACIC,qEACQ,KAAK,IACT,SAAS,EAAE,YAAY,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,IAClB,EACJ;AACN;;;;"}

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

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../_virtual/_tslib.js');
+var classnames = require('classnames');
+var main_module = require('../../../css/input/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var context = require('../context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var InputWrapper = function (_a) {
+    var _b;
+    var value = _a.value, size = _a.size, isFocused = _a.isFocused, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, preElements = _a.preElements, postElements = _a.postElements, props = _tslib.__rest(_a, ["value", "size", "isFocused", "isDisabled", "isReadOnly", "preElements", "postElements"]);
+    var errors = context.useControlContext().errors;
+    var classes = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module['default'][css_classes.cssControlWrapper], (_b = {},
+        _b[main_module['default'][css_classes.cssControlS]] = size === 'small',
+        _b[main_module['default'][css_classes.cssControlFocus]] = isFocused,
+        _b[main_module['default'][css_classes.cssControlDisabled]] = isDisabled,
+        _b[main_module['default'][css_classes.cssControlReadonly]] = isReadOnly,
+        _b[main_module['default'][css_classes.cssControlError]] = errors,
+        _b));
+    return (React__default['default'].createElement("div", _tslib.__assign({}, props, { className: classes }),
+        preElements,
+        React__default['default'].createElement("input", { type: "text", className: main_module['default'][css_classes.cssControlInput], value: value, readOnly: true }),
+        postElements));
+};
+
+exports.default = InputWrapper;
+//# sourceMappingURL=input_wrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input_wrapper.js","sources":["../../../../../../src/components/controls/components/input_wrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/input/main.module.less';\n\nimport { IInputWrapperProps } from '../types';\nimport {\n    cssControl,\n    cssControlS,\n    cssControlWrapper,\n    cssControlFocus,\n    cssControlDisabled,\n    cssControlReadonly,\n    cssControlInput,\n    cssControlError,\n} from '../css_classes';\nimport { useControlContext } from '@components/controls/context';\n\nconst InputWrapper: React.FC<IInputWrapperProps> = ({\n    value,\n    size,\n    isFocused,\n    isDisabled,\n    isReadOnly,\n    preElements,\n    postElements,\n    ...props\n}): JSX.Element => {\n    const { errors } = useControlContext();\n\n    const classes = classnames(cssClasses[cssControl], cssClasses[cssControlWrapper], {\n        [cssClasses[cssControlS]]: size === 'small',\n        [cssClasses[cssControlFocus]]: isFocused,\n        [cssClasses[cssControlDisabled]]: isDisabled,\n        [cssClasses[cssControlReadonly]]: isReadOnly,\n        [cssClasses[cssControlError]]: errors,\n    });\n\n    return (\n        <div {...props} className={classes}>\n            {preElements}\n            <input type=\"text\" className={cssClasses[cssControlInput]} value={value} readOnly />\n            {postElements}\n        </div>\n    );\n};\n\nexport default InputWrapper;\n"],"names":["classnames","cssClasses","cssControl","cssControlWrapper","cssControlS","cssControlFocus","cssControlDisabled","cssControlReadonly","cssControlError","React","cssControlInput"],"mappings":";;;;;;;;;;;;;;;;IAkBM,YAAY,GAAiC,UAAC,EASnD;;IARG,IAAA,gBAAK,EACL,cAAI,EACJ,wBAAS,EACT,0BAAU,EACV,0BAAU,EACV,4BAAW,EACX,8BAAY,EACZ,oHAAQ;IAEA,IAAA,2CAAM,CAAyB;IAEvC,IAAM,OAAO,GAAGA,8BAAU,CAACC,sBAAU,CAACC,sBAAU,CAAC,EAAED,sBAAU,CAACE,6BAAiB,CAAC;QAC5E,GAACF,sBAAU,CAACG,uBAAW,CAAC,IAAG,IAAI,KAAK,OAAO;QAC3C,GAACH,sBAAU,CAACI,2BAAe,CAAC,IAAG,SAAS;QACxC,GAACJ,sBAAU,CAACK,8BAAkB,CAAC,IAAG,UAAU;QAC5C,GAACL,sBAAU,CAACM,8BAAkB,CAAC,IAAG,UAAU;QAC5C,GAACN,sBAAU,CAACO,2BAAe,CAAC,IAAG,MAAM;YACvC,CAAC;IAEH,QACIC,mEAAS,KAAK,IAAE,SAAS,EAAE,OAAO;QAC7B,WAAW;QACZA,mDAAO,IAAI,EAAC,MAAM,EAAC,SAAS,EAAER,sBAAU,CAACS,2BAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,SAAG;QACnF,YAAY,CACX,EACR;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../../../../src/components/controls/components/label.tsx"],"sourcesContent":["import cssStyles from '@css/controls/main.module.less';\n\nimport React from 'react';\n\nimport Label from '../../label';\nimport { IControlLabelProps } from '../types';\nimport { cssControlsLabel } from '../css_classes';\n\nconst ControlLabel: React.FC<IControlLabelProps> = ({ id, isRequired, children }): JSX.Element => {\n    return (\n        <div className={cssStyles[cssControlsLabel]}>\n            <Label htmlFor={id} isRequired={isRequired}>\n                {children}\n            </Label>\n        </div>\n    );\n};\n\nexport default ControlLabel;\n"],"names":["React","cssStyles","cssControlsLabel","Label"],"mappings":";;;;;;;;;;;;;IAQM,YAAY,GAAiC,UAAC,EAA4B;QAA1B,UAAE,EAAE,0BAAU,EAAE,sBAAQ;IAC1E,QACIA,iDAAK,SAAS,EAAEC,sBAAS,CAACC,4BAAgB,CAAC;QACvCF,wCAACG,gBAAK,IAAC,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,IACrC,QAAQ,CACL,CACN,EACR;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sources":["../../../../../../src/components/controls/components/radio.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssStyles from '@css/radio/main.module.less';\n\nimport { IRadioProps } from '../types';\nimport { radio, radioDisabled, radioControl, radioLabel } from '../css_classes';\nimport { classNames } from '@utilities/styles/classNames';\n\nconst Radio: React.FC<IRadioProps> = ({ id, name, value, initiallyChecked = false, disabled, onClick }): JSX.Element => {\n    const radioClasses = classnames(radio, {\n        [radioDisabled]: disabled\n    });\n\n    function handleRadioChange(ev: React.MouseEvent<HTMLInputElement>) {\n        if (onClick) {\n            onClick(ev);\n        }\n    }\n\n    return (\n        <span className={classNames(radioClasses.split(' '), cssStyles)}>\n            <input\n                className={cssStyles[radioControl]}\n                id={id}\n                name={name}\n                type=\"radio\"\n                value={value}\n                defaultChecked={initiallyChecked}\n                disabled={disabled}\n                onClick={handleRadioChange}\n            />\n\n            <label className={cssStyles[radioLabel]} htmlFor={id}></label>\n        </span>\n    );\n};\n\nexport default Radio;\n"],"names":["classnames","radio","radioDisabled","React","classNames","cssStyles","radioControl","radioLabel"],"mappings":";;;;;;;;;;;;;;;IASM,KAAK,GAA0B,UAAC,EAAgE;;QAA9D,UAAE,EAAE,cAAI,EAAE,gBAAK,EAAE,wBAAwB,EAAxB,6CAAwB,EAAE,sBAAQ,EAAE,oBAAO;IAChG,IAAM,YAAY,GAAGA,8BAAU,CAACC,iBAAK;QACjC,GAACC,yBAAa,IAAG,QAAQ;YAC3B,CAAC;IAEH,SAAS,iBAAiB,CAAC,EAAsC;QAC7D,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,EAAE,CAAC,CAAC;SACf;KACJ;IAED,QACIC,kDAAM,SAAS,EAAEC,qBAAU,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,EAAEC,sBAAS,CAAC;QAC3DF,mDACI,SAAS,EAAEE,sBAAS,CAACC,wBAAY,CAAC,EAClC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,gBAAgB,EAChC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,iBAAiB,GAC5B;QAEFH,mDAAO,SAAS,EAAEE,sBAAS,CAACE,sBAAU,CAAC,EAAE,OAAO,EAAE,EAAE,GAAU,CAC3D,EACT;AACN;;;;"}

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

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../_virtual/_tslib.js');
+var classnames = require('classnames');
+var main_module = require('../../../css/input/main.module.less.js');
+var css_classes = require('../css_classes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var Textarea = function (_a) {
+    var _b;
+    var id = _a.id, name = _a.name, padding = _a.padding, placeholder = _a.placeholder, value = _a.value, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onKeyPress = _a.onKeyPress, props = _tslib.__rest(_a, ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress"]);
+    var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], (_b = {},
+        _b[main_module['default'][css_classes.cssControlS]] = padding === 'small',
+        _b[main_module['default'][css_classes.cssControlDisabled]] = disabled,
+        _b[main_module['default'][css_classes.cssControlReadonly]] = readOnly,
+        _b));
+    return (React__default['default'].createElement("textarea", _tslib.__assign({}, props, { className: inputClasses, id: id, name: name, defaultValue: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress })));
+};
+
+exports.default = Textarea;
+//# sourceMappingURL=textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sources":["../../../../../../src/components/controls/components/textarea.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/input/main.module.less';\nimport { ITextareaProps } from '../types';\nimport { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes';\n\nconst Textarea: React.FC<ITextareaProps> = ({\n    id,\n    name,\n    padding,\n    placeholder,\n    value,\n    disabled,\n    readOnly,\n    onChange,\n    onKeyPress,\n    ...props\n}): JSX.Element => {\n    const inputClasses = classnames(cssClasses[cssControl], {\n        [cssClasses[cssControlS]]: padding === 'small',\n        [cssClasses[cssControlDisabled]]: disabled,\n        [cssClasses[cssControlReadonly]]: readOnly\n    });\n\n    return (\n        <textarea\n            {...props}\n            className={inputClasses}\n            id={id}\n            name={name}\n            defaultValue={value}\n            placeholder={placeholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onChange}\n            onKeyPress={onKeyPress}\n        ></textarea>\n    );\n};\n\nexport default Textarea;\n"],"names":["classnames","cssClasses","cssControl","cssControlS","cssControlDisabled","cssControlReadonly","React"],"mappings":";;;;;;;;;;;;;;;IAOM,QAAQ,GAA6B,UAAC,EAW3C;;IAVG,IAAA,UAAE,EACF,cAAI,EACJ,oBAAO,EACP,4BAAW,EACX,gBAAK,EACL,sBAAQ,EACR,sBAAQ,EACR,sBAAQ,EACR,0BAAU,EACV,8HAAQ;IAER,IAAM,YAAY,GAAGA,8BAAU,CAACC,sBAAU,CAACC,sBAAU,CAAC;QAClD,GAACD,sBAAU,CAACE,uBAAW,CAAC,IAAG,OAAO,KAAK,OAAO;QAC9C,GAACF,sBAAU,CAACG,8BAAkB,CAAC,IAAG,QAAQ;QAC1C,GAACH,sBAAU,CAACI,8BAAkB,CAAC,IAAG,QAAQ;YAC5C,CAAC;IAEH,QACIC,wEACQ,KAAK,IACT,SAAS,EAAE,YAAY,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IACd,EACd;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../src/components/controls/context.ts"],"sourcesContent":["import React, { useContext } from 'react';\nimport { IControlContext } from '@components/controls/types';\n\nexport const ControlContext = React.createContext<IControlContext>({});\n\nexport const useControlContext = () => useContext(ControlContext);\n"],"names":["React","useContext"],"mappings":";;;;;;;;;;IAGa,cAAc,GAAGA,yBAAK,CAAC,aAAa,CAAkB,EAAE,EAAE;IAE1D,iBAAiB,GAAG,cAAM,OAAAC,gBAAU,CAAC,cAAc,CAAC;;;;;"}

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

@@ -0,0 +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/controls/hoc/control_cell_selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_cell_selector/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Control from '../../index';\nimport { IControlCellSelector } from '../../types';\nimport CellSelector from '@components/controls/components/cell_selector';\nimport Hint from '@components/hint';\n\nconst ControlCellSelector: React.FC<IControlCellSelector> = ({\n    label,\n    isRequired,\n    id,\n    name,\n    errors,\n    onChange,\n    cols,\n    initialSelected,\n    rows,\n    withValueOffset,\n    className,\n    hint,\n}) => {\n    return (\n        <Control errors={errors} name={name} id={id}>\n            {(label || hint) && (\n                <Control.Label id={id} isRequired={isRequired}>\n                    {label}\n                    {hint && <Hint spacingLeft hint={hint} />}\n                </Control.Label>\n            )}\n            <Control.Content>\n                <Control.Element>\n                    <CellSelector\n                        name={name}\n                        onChange={onChange}\n                        cols={cols}\n                        initialSelected={initialSelected}\n                        rows={rows}\n                        withValueOffset={withValueOffset}\n                        className={className}\n                    />\n                </Control.Element>\n            </Control.Content>\n            <Control.Errors />\n        </Control>\n    );\n};\n\nexport default ControlCellSelector;\n"],"names":["React","Control","Hint","CellSelector"],"mappings":";;;;;;;;;;;;;IAOM,mBAAmB,GAAmC,UAAC,EAa5D;QAZG,gBAAK,EACL,0BAAU,EACV,UAAE,EACF,cAAI,EACJ,kBAAM,EACN,sBAAQ,EACR,cAAI,EACJ,oCAAe,EACf,cAAI,EACJ,oCAAe,EACf,wBAAS,EACT,cAAI;IAEJ,QACIA,wCAACC,gBAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACtC,CAAC,KAAK,IAAI,IAAI,MACXD,wCAACC,gBAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU;YACxC,KAAK;YACL,IAAI,IAAID,wCAACE,kBAAI,IAAC,WAAW,QAAC,IAAI,EAAE,IAAI,GAAI,CAC7B,CACnB;QACDF,wCAACC,gBAAO,CAAC,OAAO;YACZD,wCAACC,gBAAO,CAAC,OAAO;gBACZD,wCAACG,wBAAY,IACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,GACtB,CACY,CACJ;QAClBH,wCAACC,gBAAO,CAAC,MAAM,OAAG,CACZ,EACZ;AACN;;;;"}

package/build/cjs/src/components/controls/hoc/control_checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_checkbox/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Label from '../../../label';\nimport Control from '../../index';\nimport { IControlCheckboxProps } from '../../types';\nimport Hint from '@components/hint';\n\n/**\n * @component\n * @example\n * return (\n *  <ControlCheckbox\n *      id=\"checkbox_example\"\n *      label=\"Label\"\n *      labelPosition=\"left\"\n *      checked\n *  />\n * )\n */\nconst ControlCheckbox: React.FC<IControlCheckboxProps> = ({ id, hint, label, name, value, initiallyChecked, disabled, onChange, errors }) => {\n    return (\n        <Control errors={errors} name={name} id={id}>\n            <Control.Content>\n                <Control.Element type=\"checkbox\">\n                    <Control.Checkbox\n                        id={id}\n                        name={name}\n                        value={value}\n                        initiallyChecked={initiallyChecked}\n                        disabled={disabled}\n                        onChange={onChange}\n                    />\n\n                    <Label htmlFor={id}>\n                        {label} {hint && <Hint hint={hint} spacingLeft />}\n                    </Label>\n                </Control.Element>\n            </Control.Content>\n            <Control.Errors />\n        </Control>\n    );\n};\n\nexport default ControlCheckbox;\n"],"names":["React","Control","Label","Hint"],"mappings":";;;;;;;;;;;;;AAOA;;;;;;;;;;;;IAYM,eAAe,GAAoC,UAAC,EAA8E;QAA5E,UAAE,EAAE,cAAI,EAAE,gBAAK,EAAE,cAAI,EAAE,gBAAK,EAAE,sCAAgB,EAAE,sBAAQ,EAAE,sBAAQ,EAAE,kBAAM;IAClI,QACIA,wCAACC,gBAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACvCD,wCAACC,gBAAO,CAAC,OAAO;YACZD,wCAACC,gBAAO,CAAC,OAAO,IAAC,IAAI,EAAC,UAAU;gBAC5BD,wCAACC,gBAAO,CAAC,QAAQ,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GACpB;gBAEFD,wCAACE,kBAAK,IAAC,OAAO,EAAE,EAAE;oBACb,KAAK;;oBAAG,IAAI,IAAIF,wCAACG,kBAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,SAAG,CAC7C,CACM,CACJ;QAClBH,wCAACC,gBAAO,CAAC,MAAM,OAAG,CACZ,EACZ;AACN;;;;"}

package/build/cjs/src/components/controls/hoc/control_checkbox_switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_checkbox_switch/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Label from '../../../label';\nimport Control from '../../index';\nimport { IControlCheckboxProps } from '../../types';\nimport Hint from '@components/hint';\n\n/**\n * @component\n * @example\n * return (\n *  <ControlCheckbox\n *      id=\"checkbox_example\"\n *      label=\"Label\"\n *      labelPosition=\"left\"\n *      checked\n *  />\n * )\n */\nconst ControlCheckboxSwitch: React.FC<IControlCheckboxProps> = ({\n    id,\n    label,\n    name,\n    hint,\n    value,\n    initiallyChecked,\n    disabled,\n    onChange,\n    errors,\n}) => {\n    return (\n        <Control errors={errors} name={name} id={id}>\n            <Control.Content>\n                <Control.Element type=\"checkbox\">\n                    <Control.CheckboxSwitch\n                        id={id}\n                        name={name}\n                        value={value}\n                        initiallyChecked={initiallyChecked}\n                        disabled={disabled}\n                        onChange={onChange}\n                    />\n\n                    <Label htmlFor={id}>\n                        {label}\n                        {hint && <Hint hint={hint} spacingLeft />}\n                    </Label>\n                </Control.Element>\n            </Control.Content>\n            <Control.Errors />\n        </Control>\n    );\n};\n\nexport default ControlCheckboxSwitch;\n"],"names":["React","Control","Label","Hint"],"mappings":";;;;;;;;;;;;;AAOA;;;;;;;;;;;;IAYM,qBAAqB,GAAoC,UAAC,EAU/D;QATG,UAAE,EACF,gBAAK,EACL,cAAI,EACJ,cAAI,EACJ,gBAAK,EACL,sCAAgB,EAChB,sBAAQ,EACR,sBAAQ,EACR,kBAAM;IAEN,QACIA,wCAACC,gBAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACvCD,wCAACC,gBAAO,CAAC,OAAO;YACZD,wCAACC,gBAAO,CAAC,OAAO,IAAC,IAAI,EAAC,UAAU;gBAC5BD,wCAACC,gBAAO,CAAC,cAAc,IACnB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GACpB;gBAEFD,wCAACE,kBAAK,IAAC,OAAO,EAAE,EAAE;oBACb,KAAK;oBACL,IAAI,IAAIF,wCAACG,kBAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,SAAG,CACrC,CACM,CACJ;QAClBH,wCAACC,gBAAO,CAAC,MAAM,OAAG,CACZ,EACZ;AACN;;;;"}

package/build/cjs/src/components/controls/hoc/control_color_picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_color_picker/index.tsx"],"sourcesContent":["import React from 'react';\nimport { PureColorPicker } from '@components/color_picker';\nimport ColorPickerLabel from '@components/color_picker/components/label';\nimport { ColorPickerContext } from '@components/color_picker/context';\nimport Control from '@components/controls/index';\nimport Dropdown from '@components/dropdown';\nimport { IControlColorPickerProps } from '@components/controls/types';\nimport { useColorPicker } from '@components/color_picker/use_color_picker';\nimport Hint from '@components/hint';\n\n/**\n * @component\n * @example\n * return (\n *  <ControlColorPicker\n *      initialColor=\"#FF00FF\"\n *      name=\"Example color picker\"\n *      isRequired\n *      label=\"Example color picker label\"\n *  />\n * )\n */\n\nconst ControlColorPicker: React.FC<IControlColorPickerProps> = ({\n    initialColor = '#FFFFFF',\n    name,\n    isRequired,\n    label,\n    id,\n    onChange,\n    hideChooseCancelButtons,\n    errors,\n    hint,\n}) => {\n    const colorPickerContext = useColorPicker({ initialColorHex: initialColor, onChange });\n\n    return (\n        <ColorPickerContext.Provider value={colorPickerContext}>\n            <Dropdown>\n                <Dropdown.CustomLabel>\n                    <Control errors={errors} name={name} id={id}>\n                        {(label || hint) && (\n                            <Control.Label id={id} isRequired={isRequired}>\n                                {label}\n                                {hint && <Hint spacingLeft hint={hint} />}\n                            </Control.Label>\n                        )}\n                        <Control.Content>\n                            <Control.Element>\n                                <ColorPickerLabel name={name || ''} isRequired={isRequired} id={id} label={label} />\n                            </Control.Element>\n                        </Control.Content>\n                        <Control.Errors />\n                    </Control>\n                </Dropdown.CustomLabel>\n\n                <Dropdown.Content>\n                    <PureColorPicker hideChooseCancelButtons={hideChooseCancelButtons} />\n                </Dropdown.Content>\n            </Dropdown>\n        </ColorPickerContext.Provider>\n    );\n};\n\nexport default ControlColorPicker;\n"],"names":["label","useColorPicker","React","ColorPickerContext","Dropdown","Control","Hint","ColorPickerLabel","PureColorPicker"],"mappings":";;;;;;;;;;;;;;;;;AAUA;;;;;;;;;;;;IAaM,kBAAkB,GAAuC,UAAC,EAU/D;QATG,oBAAwB,EAAxB,6CAAwB,EACxB,cAAI,EACJ,0BAAU,EACVA,kBAAK,EACL,UAAE,EACF,sBAAQ,EACR,oDAAuB,EACvB,kBAAM,EACN,cAAI;IAEJ,IAAM,kBAAkB,GAAGC,+BAAc,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IAEvF,QACIC,wCAACC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB;QAClDD,wCAACE,gBAAQ;YACLF,wCAACE,gBAAQ,CAAC,WAAW;gBACjBF,wCAACG,kBAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;oBACtC,CAACL,OAAK,IAAI,IAAI,MACXE,wCAACG,kBAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU;wBACxCL,OAAK;wBACL,IAAI,IAAIE,wCAACI,kBAAI,IAAC,WAAW,QAAC,IAAI,EAAE,IAAI,GAAI,CAC7B,CACnB;oBACDJ,wCAACG,kBAAO,CAAC,OAAO;wBACZH,wCAACG,kBAAO,CAAC,OAAO;4BACZH,wCAACK,gBAAgB,IAAC,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAEP,OAAK,GAAI,CACtE,CACJ;oBAClBE,wCAACG,kBAAO,CAAC,MAAM,OAAG,CACZ,CACS;YAEvBH,wCAACE,gBAAQ,CAAC,OAAO;gBACbF,wCAACM,uBAAe,IAAC,uBAAuB,EAAE,uBAAuB,GAAI,CACtD,CACZ,CACe,EAChC;AACN;;;;"}

package/build/cjs/src/components/controls/hoc/control_date_picker/index.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../_virtual/_tslib.js');
+var index$1 = require('../../index.js');
+var index$2 = require('../../../hint/index.js');
+var value_controller_context = require('../../../date_picker/context/value_controller_context.js');
+require('../../../date_picker/context/month_year_navigation_context.js');
+var index = require('../../../dropdown/index.js');
+var label = require('../../../date_picker/components/label.js');
+var use_value_controller = require('../../../date_picker/hooks/use_value_controller.js');
+var range_picker = require('../../../date_picker/hoc/range_picker.js');
+var single_date_picker = require('../../../date_picker/hoc/single_date_picker.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var DatepickerViews = {
+    single: single_date_picker.SingleDatepicker,
+    range: range_picker.RangePicker,
+};
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlDatePicker
+ *      defaultDate={new Date(Date.now())}
+ *      name="Example date picker"
+ *      isRequired
+ *      label="Example date picker label"
+ *  />
+ * )
+ */
+var ControlDatepicker = function (_a) {
+    var onChange = _a.onChange, label$1 = _a.label, name = _a.name, isRequired = _a.isRequired, _b = _a.id, id = _b === void 0 ? 'datepicker-id' : _b, _c = _a.type, type = _c === void 0 ? 'single' : _c, defaultDate = _a.defaultDate, defaultRange = _a.defaultRange, maxDate = _a.maxDate, minDate = _a.minDate, maxRange = _a.maxRange, minRange = _a.minRange, className = _a.className, _d = _a.showDefaultRanges, showDefaultRanges = _d === void 0 ? true : _d, _e = _a.showButtons, showButtons = _e === void 0 ? true : _e, errors = _a.errors, hint = _a.hint;
+    var valueController = use_value_controller['default']({ type: type, defaultDate: defaultDate, defaultRange: defaultRange, maxDate: maxDate, minDate: minDate, maxRange: maxRange, minRange: minRange, showButtons: showButtons });
+    var value = valueController.value;
+    React.useEffect(function () {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }, [value]);
+    var DatePickerComponent = DatepickerViews[type];
+    return (React__default['default'].createElement(value_controller_context['default'].Provider, { value: valueController },
+        React__default['default'].createElement(index['default'].CustomLabel, null,
+            React__default['default'].createElement(index$1['default'], { errors: errors, name: name, id: id },
+                (label$1 || hint) && (React__default['default'].createElement(index$1['default'].Label, { id: id, isRequired: isRequired },
+                    label$1,
+                    hint && React__default['default'].createElement(index$2['default'], { spacingLeft: true, hint: hint }))),
+                React__default['default'].createElement(index$1['default'].Content, null,
+                    React__default['default'].createElement(index$1['default'].Element, null,
+                        React__default['default'].createElement(label['default'], { name: name, id: id }))),
+                React__default['default'].createElement(index$1['default'].Errors, null))),
+        React__default['default'].createElement(index['default'].Content, null,
+            React__default['default'].createElement(DatePickerComponent, { className: className, showButtons: showButtons, showDefaultRanges: showDefaultRanges }))));
+};
+var DatePickerWithDropdown = function (props) { return (React__default['default'].createElement(index['default'], null,
+    React__default['default'].createElement(ControlDatepicker, _tslib.__assign({}, props)))); };
+
+exports.default = DatePickerWithDropdown;
+//# sourceMappingURL=index.js.map

package/build/cjs/src/components/controls/hoc/control_date_picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_date_picker/index.tsx"],"sourcesContent":["import React, { FC, useEffect } from 'react';\nimport { ValueControllerContext } from '@components/date_picker/context';\nimport Dropdown from '@components/dropdown';\nimport DatepickerLabel from '@components/date_picker/components/label';\nimport useValueController from '@components/date_picker/hooks/use_value_controller';\nimport { SingleDatepicker, RangePicker } from '@components/date_picker';\nimport { IDatepickerProps } from '@components/date_picker/types';\nimport Control from '../..';\nimport Hint from '@components/hint';\n\nconst DatepickerViews = {\n    single: SingleDatepicker,\n    range: RangePicker,\n};\n/**\n * @component\n * @example\n * return (\n *  <ControlDatePicker\n *      defaultDate={new Date(Date.now())}\n *      name=\"Example date picker\"\n *      isRequired\n *      label=\"Example date picker label\"\n *  />\n * )\n */\nconst ControlDatepicker: FC<IDatepickerProps> = ({\n    onChange,\n    label,\n    name,\n    isRequired,\n    id = 'datepicker-id',\n    type = 'single',\n    defaultDate,\n    defaultRange,\n    maxDate,\n    minDate,\n    maxRange,\n    minRange,\n    className,\n    showDefaultRanges = true,\n    showButtons = true,\n    errors,\n    hint,\n}) => {\n    const valueController = useValueController({ type, defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, showButtons });\n\n    const { value } = valueController;\n    useEffect(() => {\n        onChange?.(value);\n    }, [value]);\n\n    const DatePickerComponent = DatepickerViews[type];\n\n    return (\n        <ValueControllerContext.Provider value={valueController}>\n            <Dropdown.CustomLabel>\n                <Control errors={errors} name={name} id={id}>\n                    {(label || hint) && (\n                        <Control.Label id={id} isRequired={isRequired}>\n                            {label}\n                            {hint && <Hint spacingLeft hint={hint} />}\n                        </Control.Label>\n                    )}\n                    <Control.Content>\n                        <Control.Element>\n                            <DatepickerLabel name={name} id={id} />\n                        </Control.Element>\n                    </Control.Content>\n                    <Control.Errors />\n                </Control>\n            </Dropdown.CustomLabel>\n\n            <Dropdown.Content>\n                <DatePickerComponent className={className} showButtons={showButtons} showDefaultRanges={showDefaultRanges} />\n            </Dropdown.Content>\n        </ValueControllerContext.Provider>\n    );\n};\n\nconst DatePickerWithDropdown = (props: IDatepickerProps) => (\n    <Dropdown>\n        <ControlDatepicker {...props} />\n    </Dropdown>\n);\n\nexport default DatePickerWithDropdown;\n"],"names":["SingleDatepicker","RangePicker","label","useValueController","useEffect","React","ValueControllerContext","Dropdown","Control","Hint","DatepickerLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,IAAM,eAAe,GAAG;IACpB,MAAM,EAAEA,mCAAgB;IACxB,KAAK,EAAEC,wBAAW;CACrB,CAAC;AACF;;;;;;;;;;;;AAYA,IAAM,iBAAiB,GAAyB,UAAC,EAkBhD;QAjBG,sBAAQ,EACRC,kBAAK,EACL,cAAI,EACJ,0BAAU,EACV,UAAoB,EAApB,yCAAoB,EACpB,YAAe,EAAf,oCAAe,EACf,4BAAW,EACX,8BAAY,EACZ,oBAAO,EACP,oBAAO,EACP,sBAAQ,EACR,sBAAQ,EACR,wBAAS,EACT,yBAAwB,EAAxB,6CAAwB,EACxB,mBAAkB,EAAlB,uCAAkB,EAClB,kBAAM,EACN,cAAI;IAEJ,IAAM,eAAe,GAAGC,+BAAkB,CAAC,EAAE,IAAI,MAAA,EAAE,WAAW,aAAA,EAAE,YAAY,cAAA,EAAE,OAAO,SAAA,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC;IAE3H,IAAA,6BAAK,CAAqB;IAClCC,eAAS,CAAC;QACN,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE;KACrB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,mBAAmB,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAElD,QACIC,wCAACC,mCAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe;QACnDD,wCAACE,gBAAQ,CAAC,WAAW;YACjBF,wCAACG,kBAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;gBACtC,CAACN,OAAK,IAAI,IAAI,MACXG,wCAACG,kBAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU;oBACxCN,OAAK;oBACL,IAAI,IAAIG,wCAACI,kBAAI,IAAC,WAAW,QAAC,IAAI,EAAE,IAAI,GAAI,CAC7B,CACnB;gBACDJ,wCAACG,kBAAO,CAAC,OAAO;oBACZH,wCAACG,kBAAO,CAAC,OAAO;wBACZH,wCAACK,gBAAe,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,GAAI,CACzB,CACJ;gBAClBL,wCAACG,kBAAO,CAAC,MAAM,OAAG,CACZ,CACS;QAEvBH,wCAACE,gBAAQ,CAAC,OAAO;YACbF,wCAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CAC9F,CACW,EACpC;AACN,CAAC,CAAC;IAEI,sBAAsB,GAAG,UAAC,KAAuB,IAAK,QACxDA,wCAACE,gBAAQ;IACLF,wCAAC,iBAAiB,sBAAK,KAAK,EAAI,CACzB;;;;"}

package/build/cjs/src/components/controls/hoc/control_file_picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_file_picker/index.tsx"],"sourcesContent":["import React from 'react';\nimport Control from '../../index';\nimport { IControlFilePicker } from '../../types';\nimport FilePicker from '@components/file_picker';\nimport Hint from '@components/hint';\n\nconst ControlFilePicker: React.FC<IControlFilePicker> = ({\n    label,\n    isRequired,\n    id,\n    name,\n    onChange,\n    allowedExtensions,\n    initialFile,\n    className,\n    errors,\n    hint,\n}) => {\n    return (\n        <Control errors={errors} name={name} id={id}>\n            {(label || hint) && (\n                <Control.Label id={id} isRequired={isRequired}>\n                    {label}\n                    {hint && <Hint spacingLeft hint={hint} />}\n                </Control.Label>\n            )}\n            <Control.Content>\n                <Control.Element>\n                    <FilePicker\n                        id={id}\n                        name={name}\n                        onChange={onChange}\n                        allowedExtensions={allowedExtensions}\n                        initialFile={initialFile}\n                        className={className}\n                    />\n                </Control.Element>\n            </Control.Content>\n            <Control.Errors />\n        </Control>\n    );\n};\n\nexport default ControlFilePicker;\n"],"names":["React","Control","Hint","FilePicker"],"mappings":";;;;;;;;;;;;;IAMM,iBAAiB,GAAiC,UAAC,EAWxD;QAVG,gBAAK,EACL,0BAAU,EACV,UAAE,EACF,cAAI,EACJ,sBAAQ,EACR,wCAAiB,EACjB,4BAAW,EACX,wBAAS,EACT,kBAAM,EACN,cAAI;IAEJ,QACIA,wCAACC,gBAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACtC,CAAC,KAAK,IAAI,IAAI,MACXD,wCAACC,gBAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU;YACxC,KAAK;YACL,IAAI,IAAID,wCAACE,kBAAI,IAAC,WAAW,QAAC,IAAI,EAAE,IAAI,GAAI,CAC7B,CACnB;QACDF,wCAACC,gBAAO,CAAC,OAAO;YACZD,wCAACC,gBAAO,CAAC,OAAO;gBACZD,wCAACG,kBAAU,IACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACtB,CACY,CACJ;QAClBH,wCAACC,gBAAO,CAAC,MAAM,OAAG,CACZ,EACZ;AACN;;;;"}

package/build/cjs/src/components/controls/hoc/control_input/index.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../_virtual/_tslib.js');
+var index = require('../../index.js');
+var index$1 = require('../../../hint/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlInput
+ *      label="Label"
+ *      isRequired={true}
+ *      id="input_example"
+ *      postfix="zł"
+ *      placeholder="Enter text"
+ *      value="example"
+ *      onChange={() => {}}
+ *  />
+ * )
+ */
+var ControlInput = function (_a) {
+    var label = _a.label, isRequired = _a.isRequired, id = _a.id, name = _a.name, value = _a.value, placeholder = _a.placeholder, prefix = _a.prefix, postfix = _a.postfix, disabled = _a.disabled, onChange = _a.onChange, onKeyPress = _a.onKeyPress, onKeyUp = _a.onKeyUp, hint = _a.hint, errors = _a.errors, props = _tslib.__rest(_a, ["label", "isRequired", "id", "name", "value", "placeholder", "prefix", "postfix", "disabled", "onChange", "onKeyPress", "onKeyUp", "hint", "errors"]);
+    return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
+            label,
+            hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
+        React__default['default'].createElement(index['default'].Content, null,
+            React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
+                React__default['default'].createElement(index['default'].Input, _tslib.__assign({ id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }, props)))),
+        React__default['default'].createElement(index['default'].Errors, null)));
+};
+
+exports.default = ControlInput;
+//# sourceMappingURL=index.js.map

package/build/cjs/src/components/controls/hoc/control_input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_input/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Control from '../../index';\nimport { IControlInputProps } from '../../types';\nimport Hint from '@components/hint';\n\n/**\n * @component\n * @example\n * return (\n *  <ControlInput\n *      label=\"Label\"\n *      isRequired={true}\n *      id=\"input_example\"\n *      postfix=\"zł\"\n *      placeholder=\"Enter text\"\n *      value=\"example\"\n *      onChange={() => {}}\n *  />\n * )\n */\nconst ControlInput: React.FC<IControlInputProps> = ({\n    label,\n    isRequired,\n    id,\n    name,\n    value,\n    placeholder,\n    prefix,\n    postfix,\n    disabled,\n    onChange,\n    onKeyPress,\n    onKeyUp,\n    hint,\n    errors,\n    ...props\n}) => {\n    return (\n        <Control errors={errors} name={name} id={id}>\n            {(label || hint) && (\n                <Control.Label id={id} isRequired={isRequired}>\n                    {label}\n                    {hint && <Hint spacingLeft hint={hint} />}\n                </Control.Label>\n            )}\n            <Control.Content>\n                <Control.Element prefix={prefix} postfix={postfix}>\n                    <Control.Input\n                        id={id}\n                        name={name}\n                        value={value}\n                        placeholder={placeholder}\n                        disabled={disabled}\n                        onChange={onChange}\n                        onKeyPress={onKeyPress}\n                        onKeyUp={onKeyUp}\n                        {...props}\n                    />\n                </Control.Element>\n            </Control.Content>\n            <Control.Errors />\n        </Control>\n    );\n};\n\nexport default ControlInput;\n"],"names":["React","Control","Hint"],"mappings":";;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;IAeM,YAAY,GAAiC,UAAC,EAgBnD;IAfG,IAAA,gBAAK,EACL,0BAAU,EACV,UAAE,EACF,cAAI,EACJ,gBAAK,EACL,4BAAW,EACX,kBAAM,EACN,oBAAO,EACP,sBAAQ,EACR,sBAAQ,EACR,0BAAU,EACV,oBAAO,EACP,cAAI,EACJ,kBAAM,EACN,gLAAQ;IAER,QACIA,wCAACC,gBAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACtC,CAAC,KAAK,IAAI,IAAI,MACXD,wCAACC,gBAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU;YACxC,KAAK;YACL,IAAI,IAAID,wCAACE,kBAAI,IAAC,WAAW,QAAC,IAAI,EAAE,IAAI,GAAI,CAC7B,CACnB;QACDF,wCAACC,gBAAO,CAAC,OAAO;YACZD,wCAACC,gBAAO,CAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;gBAC7CD,wCAACC,gBAAO,CAAC,KAAK,oBACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,IACZ,KAAK,EACX,CACY,CACJ;QAClBD,wCAACC,gBAAO,CAAC,MAAM,OAAG,CACZ,EACZ;AACN;;;;"}

package/build/cjs/src/components/controls/hoc/control_multi_select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_multi_select/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Control from '../../index';\nimport { IControlMultiSelectProps } from '../../types';\nimport MultiSelect from '@components/dropdown/hoc/multiselect';\nimport Hint from '@components/hint';\n\nconst ControlMultiSelect: React.FC<IControlMultiSelectProps> = ({\n    label,\n    isRequired,\n    id,\n    name,\n    defaultValues,\n    options,\n    isWithGroups,\n    isWithSearch,\n    defaultIsOpen,\n    defaultCloseOnClick,\n    isReadonly,\n    isDisabled,\n    onChange,\n    onToggle,\n    errors,\n    hint,\n}) => {\n    return (\n        <Control errors={errors} name={name} id={id}>\n            {(label || hint) && (\n                <Control.Label id={id} isRequired={isRequired}>\n                    {label}\n                    {hint && <Hint spacingLeft hint={hint} />}\n                </Control.Label>\n            )}\n            <Control.Content>\n                <Control.Element>\n                    <MultiSelect\n                        key={name}\n                        name={name}\n                        options={options}\n                        defaultValues={defaultValues}\n                        isWithGroups={isWithGroups}\n                        isWithSearch={isWithSearch}\n                        defaultIsOpen={defaultIsOpen}\n                        defaultCloseOnClick={defaultCloseOnClick}\n                        isReadonly={isReadonly}\n                        isDisabled={isDisabled}\n                        onChange={onChange}\n                        onToggle={onToggle}\n                    />\n                </Control.Element>\n            </Control.Content>\n            <Control.Errors />\n        </Control>\n    );\n};\n\nexport default ControlMultiSelect;\n"],"names":["React","Control","Hint","MultiSelect"],"mappings":";;;;;;;;;;;;;IAOM,kBAAkB,GAAuC,UAAC,EAiB/D;QAhBG,gBAAK,EACL,0BAAU,EACV,UAAE,EACF,cAAI,EACJ,gCAAa,EACb,oBAAO,EACP,8BAAY,EACZ,8BAAY,EACZ,gCAAa,EACb,4CAAmB,EACnB,0BAAU,EACV,0BAAU,EACV,sBAAQ,EACR,sBAAQ,EACR,kBAAM,EACN,cAAI;IAEJ,QACIA,wCAACC,gBAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACtC,CAAC,KAAK,IAAI,IAAI,MACXD,wCAACC,gBAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU;YACxC,KAAK;YACL,IAAI,IAAID,wCAACE,kBAAI,IAAC,WAAW,QAAC,IAAI,EAAE,IAAI,GAAI,CAC7B,CACnB;QACDF,wCAACC,gBAAO,CAAC,OAAO;YACZD,wCAACC,gBAAO,CAAC,OAAO;gBACZD,wCAACG,kBAAW,IACR,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GACpB,CACY,CACJ;QAClBH,wCAACC,gBAAO,CAAC,MAAM,OAAG,CACZ,EACZ;AACN;;;;"}

package/build/cjs/src/components/controls/hoc/control_radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_radio/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Label from '../../../label';\nimport Control from '../../index';\nimport { IControlRadioProps } from '../../types';\nimport Hint from '@components/hint';\n\n/**\n * @component\n * @example\n * return (\n *  <ControlRadio\n *      id=\"checkbox_example\"\n *      label=\"Label\"\n *      labelPosition=\"left\"\n *      checked\n *  />\n * )\n */\nconst ControlRadio: React.FC<IControlRadioProps> = ({ id, label, hint, name, value, initiallyChecked, disabled, onClick, errors }) => {\n    return (\n        <Control errors={errors} name={name} id={id}>\n            <Control.Content>\n                <Control.Element type=\"radio\">\n                    <Control.Radio id={id} name={name} value={value} initiallyChecked={initiallyChecked} disabled={disabled} onClick={onClick} />\n                    <Label htmlFor={id}>\n                        {label} {hint && <Hint hint={hint} spacingLeft />}\n                    </Label>\n                </Control.Element>\n            </Control.Content>\n            <Control.Errors />\n        </Control>\n    );\n};\n\nexport default ControlRadio;\n"],"names":["React","Control","Label","Hint"],"mappings":";;;;;;;;;;;;;AAOA;;;;;;;;;;;;IAYM,YAAY,GAAiC,UAAC,EAA6E;QAA3E,UAAE,EAAE,gBAAK,EAAE,cAAI,EAAE,cAAI,EAAE,gBAAK,EAAE,sCAAgB,EAAE,sBAAQ,EAAE,oBAAO,EAAE,kBAAM;IAC3H,QACIA,wCAACC,gBAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACvCD,wCAACC,gBAAO,CAAC,OAAO;YACZD,wCAACC,gBAAO,CAAC,OAAO,IAAC,IAAI,EAAC,OAAO;gBACzBD,wCAACC,gBAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI;gBAC7HD,wCAACE,kBAAK,IAAC,OAAO,EAAE,EAAE;oBACb,KAAK;;oBAAG,IAAI,IAAIF,wCAACG,kBAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,SAAG,CAC7C,CACM,CACJ;QAClBH,wCAACC,gBAAO,CAAC,MAAM,OAAG,CACZ,EACZ;AACN;;;;"}

package/build/cjs/src/components/controls/hoc/control_radio_group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_radio_group/index.tsx"],"sourcesContent":["import React from 'react';\nimport Control from '../../index';\nimport { IControlRadioGroup } from '../../types';\nimport Hint from '@components/hint';\nimport { ControlRadio } from '@dreamcommerce-package';\n\nconst ControlRadioGroup: React.FC<IControlRadioGroup> = ({\n    id,\n    name,\n    onClick,\n    initiallyCheckedValue,\n    label,\n    hint,\n    options,\n    errors,\n    isRequired,\n}) => {\n    return (\n        <Control errors={errors} name={name} id={id}>\n            {(label || hint) && (\n                <Control.Label id={id} isRequired={isRequired}>\n                    {label}\n                    {hint && <Hint spacingLeft hint={hint} />}\n                </Control.Label>\n            )}\n            {options.map(({ value, label, hint, disabled }, optionIndex) => (\n                <ControlRadio\n                    key={`RadioGroup${id}-RadioElement-${optionIndex}`}\n                    label={label}\n                    id={`RadioGroup${id}-Radio-${optionIndex}`}\n                    value={value}\n                    hint={hint}\n                    disabled={disabled}\n                    name={name}\n                    initiallyChecked={value === initiallyCheckedValue}\n                    onClick={onClick}\n                />\n            ))}\n            <Control.Errors />\n        </Control>\n    );\n};\n\nexport default ControlRadioGroup;\n"],"names":["React","Control","Hint","ControlRadio"],"mappings":";;;;;;;;;;;;;IAMM,iBAAiB,GAAiC,UAAC,EAUxD;QATG,UAAE,EACF,cAAI,EACJ,oBAAO,EACP,gDAAqB,EACrB,gBAAK,EACL,cAAI,EACJ,oBAAO,EACP,kBAAM,EACN,0BAAU;IAEV,QACIA,wCAACC,gBAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACtC,CAAC,KAAK,IAAI,IAAI,MACXD,wCAACC,gBAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU;YACxC,KAAK;YACL,IAAI,IAAID,wCAACE,kBAAI,IAAC,WAAW,QAAC,IAAI,EAAE,IAAI,GAAI,CAC7B,CACnB;QACA,OAAO,CAAC,GAAG,CAAC,UAAC,EAAgC,EAAE,WAAW;gBAA3C,gBAAK,EAAE,gBAAK,EAAE,cAAI,EAAE,sBAAQ;YAAoB,QAC5DF,wCAACG,kBAAY,IACT,GAAG,EAAE,eAAa,EAAE,sBAAiB,WAAa,EAClD,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,eAAa,EAAE,eAAU,WAAa,EAC1C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,KAAK,KAAK,qBAAqB,EACjD,OAAO,EAAE,OAAO,GAClB;SACL,CAAC;QACFH,wCAACC,gBAAO,CAAC,MAAM,OAAG,CACZ,EACZ;AACN;;;;"}