@dreamcommerce/aurora 0.3.4-97 → 0.3.5

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

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../_virtual/_tslib.js');
-require('lodash');
-var main_module = require('../../../css/color_picker/main.module.less.js');
-var hsl = require('../../../../node_modules/colors-convert/dist/lib/hsl.js');
-require('../../../../node_modules/colors-convert/dist/lib/hex.js');
-var utilities = require('../utilities.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 SaturationLightnessPicker = function (_a) {
-    var classes = _a.classes, saturationLightnessPanelRef = _a.saturationLightnessPanelRef;
-    var _b = React.useContext(context.ColorPickerContext), setColor = _b.setColor, setSaturationLightnessPointer = _b.setSaturationLightnessPointer;
-    var saturationLightnessPickerEvent = function (position) {
-        if (!saturationLightnessPanelRef.current) {
-            return;
-        }
-        var elementRect = saturationLightnessPanelRef.current.getBoundingClientRect();
-        var _a = utilities.getIndicatorPositionFromPosition({ elementRect: elementRect, position: position }), positionX = _a.positionX, positionY = _a.positionY;
-        var _b = utilities.getSaturationLightnessFromPosition({ elementRect: elementRect, position: position }), lightness = _b.lightness, saturation = _b.saturation;
-        setColor(function (color) { return (_tslib.__assign(_tslib.__assign({}, color), { saturation: saturation,
-            lightness: lightness, hex: hsl.hsl2hex({ h: color.hue, l: lightness, s: saturation }) })); });
-        setSaturationLightnessPointer({
-            left: positionX,
-            top: positionY
-        });
-    };
-    var onMouseDown = function (event) {
-        event.preventDefault();
-        if (!(saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current)) {
-            return;
-        }
-        saturationLightnessPickerEvent(utilities.mapMouseEventToPosition(event));
-        utilities.registerOnMouseEvents(saturationLightnessPickerEvent);
-    };
-    var onTouchStart = function (event) {
-        event.preventDefault();
-        if (!(saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current)) {
-            return;
-        }
-        saturationLightnessPickerEvent(utilities.mapTouchEventToPosition(event));
-        utilities.registerOnTouchEvents(saturationLightnessPickerEvent);
-    };
-    return (React__default['default'].createElement("div", { className: classes.panel + " " + main_module['default']['color-picker__saturation-lightness-picker'], ref: saturationLightnessPanelRef, onMouseDown: onMouseDown, onTouchStart: onTouchStart },
-        React__default['default'].createElement("div", { className: main_module['default']['color-picker__mask'] + " " + main_module['default']['color-picker__mask--white'] }),
-        React__default['default'].createElement("div", { className: main_module['default']['color-picker__mask'] + " " + main_module['default']['color-picker__mask--black'] }),
-        React__default['default'].createElement("div", { className: classes.panelPointer + " " + main_module['default']['color-picker__pointer'], onDrag: saturationLightnessPickerEvent, onTouchStart: onTouchStart },
-            React__default['default'].createElement("div", { className: main_module['default']['color-picker__pointer-inside'] }))));
-};
-
-exports.default = SaturationLightnessPicker;
-//# sourceMappingURL=saturation_lightness_picker.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"saturation_lightness_picker.js","sources":["../../../../../../src/components/color_picker/components/saturation_lightness_picker.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { hsl2hex } from 'colors-convert';\nimport styles from '@css/color_picker/main.module.less';\nimport { IColorPickerContextProps, IPosition, ISaturationLightnessPickerProps } from '../types';\nimport {\n    getIndicatorPositionFromPosition,\n    getSaturationLightnessFromPosition,\n    mapTouchEventToPosition,\n    mapMouseEventToPosition,\n    registerOnMouseEvents,\n    registerOnTouchEvents\n} from '../utilities';\nimport { ColorPickerContext } from '@components/color_picker/context';\n\nconst SaturationLightnessPicker: React.FC<ISaturationLightnessPickerProps> = ({ classes, saturationLightnessPanelRef }) => {\n    const { setColor, setSaturationLightnessPointer } = useContext<IColorPickerContextProps>(ColorPickerContext);\n    const saturationLightnessPickerEvent = (position: IPosition) => {\n        if (!saturationLightnessPanelRef.current) {\n            return;\n        }\n        const elementRect = saturationLightnessPanelRef.current.getBoundingClientRect();\n        const { positionX, positionY } = getIndicatorPositionFromPosition({ elementRect, position });\n        const { lightness, saturation } = getSaturationLightnessFromPosition({ elementRect, position });\n        setColor((color) => ({\n            ...color,\n            saturation,\n            lightness,\n            hex: hsl2hex({ h: color.hue, l: lightness, s: saturation })\n        }));\n\n        setSaturationLightnessPointer({\n            left: positionX,\n            top: positionY\n        });\n    };\n\n    const onMouseDown = (event: React.MouseEvent<HTMLElement, MouseEvent> | MouseEvent) => {\n        event.preventDefault();\n        if (!saturationLightnessPanelRef?.current) {\n            return;\n        }\n        saturationLightnessPickerEvent(mapMouseEventToPosition(event));\n        registerOnMouseEvents(saturationLightnessPickerEvent);\n    };\n\n    const onTouchStart = (event: React.TouchEvent<HTMLDivElement>) => {\n        event.preventDefault();\n        if (!saturationLightnessPanelRef?.current) {\n            return;\n        }\n        saturationLightnessPickerEvent(mapTouchEventToPosition(event));\n\n        registerOnTouchEvents(saturationLightnessPickerEvent);\n    };\n\n    return (\n        <div\n            className={`${classes.panel} ${styles['color-picker__saturation-lightness-picker']}`}\n            ref={saturationLightnessPanelRef}\n            onMouseDown={onMouseDown}\n            onTouchStart={onTouchStart}\n        >\n            <div className={`${styles['color-picker__mask']} ${styles['color-picker__mask--white']}`} />\n            <div className={`${styles['color-picker__mask']} ${styles['color-picker__mask--black']}`} />\n            <div\n                className={`${classes.panelPointer} ${styles['color-picker__pointer']}`}\n                onDrag={saturationLightnessPickerEvent}\n                onTouchStart={onTouchStart}\n            >\n                <div className={styles['color-picker__pointer-inside']} />\n            </div>\n        </div>\n    );\n};\n\nexport default SaturationLightnessPicker;\n"],"names":["hsl2hex","mapMouseEventToPosition","registerOnMouseEvents","mapTouchEventToPosition","registerOnTouchEvents","React","styles"],"mappings":";;;;;;;;;;;;;;;;;IAcM,yBAAyB,GAA8C,UAAC,EAAwC;QAAtC,oBAAO,EAAE,4DAA2B;IAC1G,IAAA,iDAAsG,EAApG,sBAAQ,EAAE,gEAA0F,CAAC;IAC7G,IAAM,8BAA8B,GAAG,UAAC,QAAmB;QACvD,IAAI,CAAC,2BAA2B,CAAC,OAAO,EAAE;YACtC,OAAO;SACV;QACD,IAAM,WAAW,GAAG,2BAA2B,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC1E,IAAA,iGAAsF,EAApF,wBAAS,EAAE,wBAAyE,CAAC;QACvF,IAAA,mGAAyF,EAAvF,wBAAS,EAAE,0BAA4E,CAAC;QAChG,QAAQ,CAAC,UAAC,KAAK,IAAK,4CACb,KAAK,KACR,UAAU,YAAA;YACV,SAAS,WAAA,EACT,GAAG,EAAEA,WAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,OAC7D,CAAC,CAAC;QAEJ,6BAA6B,CAAC;YAC1B,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,SAAS;SACjB,CAAC,CAAC;KACN,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAA6D;QAC9E,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,EAAC,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,OAAO,CAAA,EAAE;YACvC,OAAO;SACV;QACD,8BAA8B,CAACC,iCAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/DC,+BAAqB,CAAC,8BAA8B,CAAC,CAAC;KACzD,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAuC;QACzD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,EAAC,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,OAAO,CAAA,EAAE;YACvC,OAAO;SACV;QACD,8BAA8B,CAACC,iCAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;QAE/DC,+BAAqB,CAAC,8BAA8B,CAAC,CAAC;KACzD,CAAC;IAEF,QACIC,iDACI,SAAS,EAAK,OAAO,CAAC,KAAK,SAAIC,sBAAM,CAAC,2CAA2C,CAAG,EACpF,GAAG,EAAE,2BAA2B,EAChC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY;QAE1BD,iDAAK,SAAS,EAAKC,sBAAM,CAAC,oBAAoB,CAAC,SAAIA,sBAAM,CAAC,2BAA2B,CAAG,GAAI;QAC5FD,iDAAK,SAAS,EAAKC,sBAAM,CAAC,oBAAoB,CAAC,SAAIA,sBAAM,CAAC,2BAA2B,CAAG,GAAI;QAC5FD,iDACI,SAAS,EAAK,OAAO,CAAC,YAAY,SAAIC,sBAAM,CAAC,uBAAuB,CAAG,EACvE,MAAM,EAAE,8BAA8B,EACtC,YAAY,EAAE,YAAY;YAE1BD,iDAAK,SAAS,EAAEC,sBAAM,CAAC,8BAA8B,CAAC,GAAI,CACxD,CACJ,EACR;AACN;;;;"}

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

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MAX_HUE_VALUE = 360;
-var MAX_LIGHTNESS_VALUE = 100;
-var MAX_SATURATION_VALUE = 100;
-var SATURATION_OFFSET = 0.00001; // To avoid package bug
-
-exports.MAX_HUE_VALUE = MAX_HUE_VALUE;
-exports.MAX_LIGHTNESS_VALUE = MAX_LIGHTNESS_VALUE;
-exports.MAX_SATURATION_VALUE = MAX_SATURATION_VALUE;
-exports.SATURATION_OFFSET = SATURATION_OFFSET;
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/color_picker/constants.ts"],"sourcesContent":["export const MAX_HUE_VALUE = 360;\nexport const MAX_LIGHTNESS_VALUE = 100;\nexport const MAX_SATURATION_VALUE = 100;\nexport const SATURATION_OFFSET = 0.00001; // To avoid package bug\n"],"names":[],"mappings":";;;;IAAa,aAAa,GAAG,IAAI;IACpB,mBAAmB,GAAG,IAAI;IAC1B,oBAAoB,GAAG,IAAI;IAC3B,iBAAiB,GAAG,QAAQ;;;;;;;"}

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

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-var ColorPickerContext = React.createContext({
-    color: {
-        hue: 0,
-        saturation: 0,
-        lightness: 0,
-        hex: ''
-    },
-    setColor: function () { },
-    initialColor: {
-        hue: 0,
-        saturation: 0,
-        lightness: 0,
-        hex: ''
-    },
-    setInitialColor: function () { },
-    hueSliderPointer: { top: 0 },
-    setHueSliderPointer: function () { },
-    saturationLightnessPointer: { top: 0, left: 0 },
-    setSaturationLightnessPointer: function () { }
-});
-
-exports.ColorPickerContext = ColorPickerContext;
-//# sourceMappingURL=context.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/color_picker/context.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { IColorPickerContextProps } from './types';\n\nexport const ColorPickerContext = createContext<IColorPickerContextProps>({\n    color: {\n        hue: 0,\n        saturation: 0,\n        lightness: 0,\n        hex: ''\n    },\n    setColor: () => {},\n    initialColor: {\n        hue: 0,\n        saturation: 0,\n        lightness: 0,\n        hex: ''\n    },\n    setInitialColor: () => {},\n    hueSliderPointer: { top: 0 },\n    setHueSliderPointer: () => {},\n    saturationLightnessPointer: { top: 0, left: 0 },\n    setSaturationLightnessPointer: ()=>{}\n});\n"],"names":["createContext"],"mappings":";;;;;;IAGa,kBAAkB,GAAGA,mBAAa,CAA2B;IACtE,KAAK,EAAE;QACH,GAAG,EAAE,CAAC;QACN,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,CAAC;QACZ,GAAG,EAAE,EAAE;KACV;IACD,QAAQ,EAAE,eAAQ;IAClB,YAAY,EAAE;QACV,GAAG,EAAE,CAAC;QACN,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,CAAC;QACZ,GAAG,EAAE,EAAE;KACV;IACD,eAAe,EAAE,eAAQ;IACzB,gBAAgB,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;IAC5B,mBAAmB,EAAE,eAAQ;IAC7B,0BAA0B,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;IAC/C,6BAA6B,EAAE,eAAM;CACxC;;;;"}

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

@@ -1,129 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../_virtual/_tslib.js');
-var input = require('../controls/components/input.js');
-var reactJss_esm = require('../../../node_modules/react-jss/dist/react-jss.esm.js');
-var main_module = require('../../css/color_picker/main.module.less.js');
-var constants = require('./constants.js');
-var utilities = require('./utilities.js');
-var context = require('./context.js');
-var saturation_lightness_picker = require('./components/saturation_lightness_picker.js');
-var hue_picker = require('./components/hue_picker.js');
-var buttons = require('./components/buttons.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var useStyles = reactJss_esm.createUseStyles({
-    panel: {
-        background: function (_a) {
-            var hue = _a.color.hue;
-            return "hsl(" + hue + ",100%, 50%)";
-        }
-    },
-    panelPointer: {
-        transform: function (_a) {
-            var _b = _a.saturationLightnessPointer, left = _b.left, top = _b.top;
-            return "translate3d(" + (left - 10) + "px," + (top - 10) + "px,0px)";
-        },
-        '& > div': {
-            background: function (_a) {
-                var hex = _a.color.hex;
-                return hex;
-            }
-        }
-    },
-    preview: {
-        background: function (_a) {
-            var hex = _a.color.hex;
-            return hex;
-        }
-    },
-    sliderPointer: {
-        transform: function (_a) {
-            var top = _a.hueSliderPointer.top;
-            return "translate3d(0px," + (top - 10) + "px,0px)";
-        },
-        '& > div': {
-            background: function (_a) {
-                var hue = _a.color.hue;
-                return "hsl(" + hue + ",100%, 50%)";
-            }
-        }
-    },
-    colorPreview: {
-        background: function (_a) {
-            var hex = _a.color.hex;
-            return hex;
-        }
-    }
-});
-var PureColorPicker = function (_a) {
-    var hideChooseCancelButtons = _a.hideChooseCancelButtons;
-    var _b = React.useContext(context.ColorPickerContext), color = _b.color, setColor = _b.setColor, initialColor = _b.initialColor, hueSliderPointer = _b.hueSliderPointer, saturationLightnessPointer = _b.saturationLightnessPointer, setHueSliderPointer = _b.setHueSliderPointer, setSaturationLightnessPointer = _b.setSaturationLightnessPointer;
-    var saturationLightnessPanelRef = React.useRef(null);
-    var hueSliderRef = React.useRef(null);
-    var classes = useStyles({ color: color, saturationLightnessPointer: saturationLightnessPointer, hueSliderPointer: hueSliderPointer });
-    var inputOnChange = function (event) {
-        var value = event.target.value;
-        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current) || !(saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current)) {
-            return;
-        }
-        try {
-            var color_1 = utilities.getColorFromHex(value);
-            var _a = utilities.getIndicatorPositionsFromHEX({
-                hueSliderRef: hueSliderRef,
-                saturationLightnessPanelRef: saturationLightnessPanelRef,
-                hex: event.target.value
-            }), saturationLightnessPointer_1 = _a.saturationLightnessPointer, hueSliderPointer_1 = _a.hueSliderPointer;
-            setColor(color_1);
-            setSaturationLightnessPointer(saturationLightnessPointer_1);
-            setHueSliderPointer(hueSliderPointer_1);
-        }
-        catch (e) {
-            setColor(_tslib.__assign(_tslib.__assign({}, color), { hex: value }));
-        }
-    };
-    var restoreInitialColor = function () {
-        setColor(initialColor);
-    };
-    return (React__default['default'].createElement("div", { className: "" + main_module['default']['color-picker'] },
-        React__default['default'].createElement("div", { className: main_module['default']['color-picker__row'] },
-            React__default['default'].createElement(saturation_lightness_picker['default'], { classes: classes, saturationLightnessPanelRef: saturationLightnessPanelRef }),
-            React__default['default'].createElement(hue_picker['default'], { hueSliderRef: hueSliderRef, classes: classes }),
-            React__default['default'].createElement("div", { className: main_module['default']['color-picker__column'] },
-                React__default['default'].createElement("div", { className: classes.preview + " " + main_module['default']['color-picker__preview'] }),
-                React__default['default'].createElement("div", { className: main_module['default']['color-picker__color-control_input'] },
-                    React__default['default'].createElement(input['default'], { id: "color-picker-id", value: color === null || color === void 0 ? void 0 : color.hex, onChange: inputOnChange })))),
-        !hideChooseCancelButtons && React__default['default'].createElement(buttons['default'], { restoreInitialColor: restoreInitialColor })));
-};
-var index = (function (_a) {
-    var _b = _a.defaultColor, defaultColor = _b === void 0 ? '#ffffff' : _b, onChange = _a.onChange, hideChooseCancelButtons = _a.hideChooseCancelButtons, name = _a.name;
-    var _c = React.useState({ hue: 0, saturation: constants.SATURATION_OFFSET, lightness: 100, hex: defaultColor }), color = _c[0], setColor = _c[1];
-    var _d = React.useState({ hue: 0, saturation: constants.SATURATION_OFFSET, lightness: 100, hex: defaultColor }), initialColor = _d[0], setInitialColor = _d[1];
-    var _e = React.useState({ top: 0 }), hueSliderPointer = _e[0], setHueSliderPointer = _e[1];
-    var _f = React.useState({ left: 0, top: 0 }), saturationLightnessPointer = _f[0], setSaturationLightnessPointer = _f[1];
-    React.useMemo(function () {
-        onChange === null || onChange === void 0 ? void 0 : onChange(color);
-    }, [color, onChange]);
-    return (React__default['default'].createElement(context.ColorPickerContext.Provider, { value: {
-            color: color,
-            setColor: setColor,
-            initialColor: initialColor,
-            setInitialColor: setInitialColor,
-            hueSliderPointer: hueSliderPointer,
-            setHueSliderPointer: setHueSliderPointer,
-            saturationLightnessPointer: saturationLightnessPointer,
-            setSaturationLightnessPointer: setSaturationLightnessPointer
-        } },
-        React__default['default'].createElement("input", { type: "hidden", name: name }),
-        React__default['default'].createElement(PureColorPicker, { hideChooseCancelButtons: hideChooseCancelButtons })));
-});
-
-exports.PureColorPicker = PureColorPicker;
-exports.default = index;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/color_picker/index.tsx"],"sourcesContent":["import React, { ChangeEvent, useContext, useMemo, useRef, useState } from 'react';\nimport { createUseStyles } from 'react-jss';\nimport Input from '@components/controls/components/input';\nimport styles from '@css/color_picker/main.module.less';\nimport SaturationLightnessPicker from './components/saturation_lightness_picker';\nimport ColorPickerSlider from './components/hue_picker';\nimport ColorPickerButtons from './components/buttons';\nimport { getColorFromHex, getIndicatorPositionsFromHEX } from './utilities';\nimport { IColorPickerContextProps, IColorPickerProps, IPureColorPickerProps } from './types';\nimport { ColorPickerContext } from './context';\nimport { SATURATION_OFFSET } from './constants';\n\nconst useStyles = createUseStyles({\n    panel: {\n        background: ({ color: { hue } }) => `hsl(${hue},100%, 50%)`\n    },\n    panelPointer: {\n        transform: ({ saturationLightnessPointer: { left, top } }) => `translate3d(${left - 10}px,${top - 10}px,0px)`,\n        '& > div': {\n            background: ({ color: { hex } }) => hex\n        }\n    },\n    preview: {\n        background: ({ color: { hex } }) => hex\n    },\n    sliderPointer: {\n        transform: ({ hueSliderPointer: { top } }) => `translate3d(0px,${top - 10}px,0px)`,\n        '& > div': {\n            background: ({ color: { hue } }) => `hsl(${hue},100%, 50%)`\n        }\n    },\n    colorPreview: {\n        background: ({ color: { hex } }) => hex\n    }\n});\n\nexport const PureColorPicker: React.FC<IPureColorPickerProps> = ({ hideChooseCancelButtons }) => {\n    const {\n        color,\n        setColor,\n        initialColor,\n        hueSliderPointer,\n        saturationLightnessPointer,\n        setHueSliderPointer,\n        setSaturationLightnessPointer\n    } = useContext<IColorPickerContextProps>(ColorPickerContext);\n    const saturationLightnessPanelRef = useRef<HTMLDivElement>(null);\n    const hueSliderRef = useRef<HTMLDivElement>(null);\n    const classes = useStyles({ color, saturationLightnessPointer, hueSliderPointer });\n\n    const inputOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const { value } = event.target;\n        if (!hueSliderRef?.current || !saturationLightnessPanelRef?.current) {\n            return;\n        }\n        try {\n            const color = getColorFromHex(value);\n            const { saturationLightnessPointer, hueSliderPointer } = getIndicatorPositionsFromHEX({\n                hueSliderRef,\n                saturationLightnessPanelRef,\n                hex: event.target.value\n            });\n            setColor(color);\n            setSaturationLightnessPointer(saturationLightnessPointer);\n            setHueSliderPointer(hueSliderPointer);\n        } catch (e) {\n            setColor({ ...color, hex: value });\n        }\n    };\n    const restoreInitialColor = () => {\n        setColor(initialColor);\n    };\n\n    return (\n        <div className={`${styles['color-picker']}`}>\n            <div className={styles['color-picker__row']}>\n                <SaturationLightnessPicker classes={classes} saturationLightnessPanelRef={saturationLightnessPanelRef} />\n                <ColorPickerSlider hueSliderRef={hueSliderRef} classes={classes} />\n                <div className={styles['color-picker__column']}>\n                    <div className={`${classes.preview} ${styles['color-picker__preview']}`} />\n                    <div className={styles['color-picker__color-control_input']}>\n                        <Input id=\"color-picker-id\" value={color?.hex} onChange={inputOnChange} />\n                    </div>\n                </div>\n            </div>\n            {!hideChooseCancelButtons && <ColorPickerButtons restoreInitialColor={restoreInitialColor} />}\n        </div>\n    );\n};\n\nexport default ({ defaultColor = '#ffffff', onChange, hideChooseCancelButtons, name }: IColorPickerProps) => {\n    const [color, setColor] = useState({ hue: 0, saturation: SATURATION_OFFSET, lightness: 100, hex: defaultColor });\n    const [initialColor, setInitialColor] = useState({ hue: 0, saturation: SATURATION_OFFSET, lightness: 100, hex: defaultColor });\n    const [hueSliderPointer, setHueSliderPointer] = useState({ top: 0 });\n    const [saturationLightnessPointer, setSaturationLightnessPointer] = useState({ left: 0, top: 0 });\n\n    useMemo(() => {\n        onChange?.(color);\n    }, [color, onChange]);\n\n    return (\n        <ColorPickerContext.Provider\n            value={{\n                color,\n                setColor,\n                initialColor,\n                setInitialColor,\n                hueSliderPointer,\n                setHueSliderPointer,\n                saturationLightnessPointer,\n                setSaturationLightnessPointer\n            }}\n        >\n            <input type=\"hidden\" name={name} />\n            <PureColorPicker hideChooseCancelButtons={hideChooseCancelButtons} />\n        </ColorPickerContext.Provider>\n    );\n};\n"],"names":["createUseStyles","useRef","getColorFromHex","React","styles","SaturationLightnessPicker","ColorPickerSlider","Input","ColorPickerButtons","useMemo","ColorPickerContext"],"mappings":"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"}

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

@@ -1,119 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-require('lodash');
-var hex = require('../../../node_modules/colors-convert/dist/lib/hex.js');
-var constants = require('./constants.js');
-
-/**
- * Function to constraining value to range
- */
-var constrainToRange = function (value, min, max) { return Math.max(Math.min(max, value), min); };
-var getIndicatorPositionFromPosition = function (_a) {
-    var elementRect = _a.elementRect, position = _a.position;
-    var clientX = position.clientX, clientY = position.clientY;
-    var left = elementRect.left, top = elementRect.top, width = elementRect.width, height = elementRect.height;
-    var positionX = constrainToRange(clientX - left, 0, width);
-    var positionY = constrainToRange(clientY - top, 0, height);
-    return { positionX: positionX, positionY: positionY };
-};
-/**
- * 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: constrainToRange((s * width) / constants.MAX_SATURATION_VALUE, 0, width),
-        top: 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)
-    };
-    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;
-    var clientY = position.clientY;
-    var top = hueSliderRect.top, height = hueSliderRect.height;
-    var positionY = constrainToRange(clientY - top, 0, height);
-    var hue = (positionY * (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 = 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 };
-};
-/*
- * Function to proper register mousedown event
- * It is working the same as Drag&Drop
- * @param event - event which should be added when mouse down, but deleted when mouse leave or mouse up
- */
-var registerOnMouseEvents = function (listener) {
-    var mappedFunction = function (event) { return listener(mapMouseEventToPosition(event)); };
-    function eventRemover() {
-        document.body.removeEventListener('mousemove', mappedFunction);
-        document.body.removeEventListener('mouseup', eventRemover);
-        document.body.removeEventListener('mouseleave', eventRemover);
-    }
-    document.body.addEventListener('mousemove', mappedFunction);
-    document.body.addEventListener('mouseleave', eventRemover);
-    document.body.addEventListener('mouseup', eventRemover);
-};
-/**
- *
- * @param e, TouchEvent which us mapped to MouseEvent
- */
-var mapMouseEventToPosition = function (e) {
-    var clientX = e.clientX, clientY = e.clientY;
-    return { clientX: clientX, clientY: clientY };
-};
-var mapTouchEventToPosition = function (e) {
-    var touches = e.touches;
-    var _a = touches === null || touches === void 0 ? void 0 : touches[0], clientX = _a.clientX, clientY = _a.clientY;
-    return { clientX: clientX, clientY: clientY };
-};
-/*
- * Function to proper register touch events
- * It is working the same as Drag&Drop
- * @param event - event which should be added when touch start, but deleted when touch end or touch cancel
- */
-var registerOnTouchEvents = function (listener) {
-    var mappedFunction = function (event) { return listener(mapTouchEventToPosition(event)); };
-    function eventRemover() {
-        document.body.removeEventListener('touchmove', mappedFunction);
-        document.body.removeEventListener('touchend', eventRemover);
-        document.body.removeEventListener('touchcancel', eventRemover);
-    }
-    document.body.addEventListener('touchmove', mappedFunction);
-    document.body.addEventListener('touchcancel', eventRemover);
-    document.body.addEventListener('touchend', eventRemover);
-};
-
-exports.getColorFromHex = getColorFromHex;
-exports.getHueFromPosition = getHueFromPosition;
-exports.getIndicatorPositionFromPosition = getIndicatorPositionFromPosition;
-exports.getIndicatorPositionsFromHEX = getIndicatorPositionsFromHEX;
-exports.getSaturationLightnessFromPosition = getSaturationLightnessFromPosition;
-exports.mapMouseEventToPosition = mapMouseEventToPosition;
-exports.mapTouchEventToPosition = mapTouchEventToPosition;
-exports.registerOnMouseEvents = registerOnMouseEvents;
-exports.registerOnTouchEvents = registerOnTouchEvents;
-//# sourceMappingURL=utilities.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sources":["../../../../../src/components/color_picker/utilities.ts"],"sourcesContent":["import React, { 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';\n\n/**\n * Function to constraining value to range\n */\nconst constrainToRange = (value: number, min: number, max: number) => Math.max(Math.min(max, value), min);\n\nexport const getIndicatorPositionFromPosition = ({ elementRect, position }: { elementRect: DOMRect; position: IPosition }) => {\n    const { clientX, clientY } = position;\n    const { left, top, width, height } = elementRect;\n\n    const positionX = constrainToRange(clientX - left, 0, width);\n    const positionY = constrainToRange(clientY - top, 0, height);\n\n    return { positionX, positionY };\n};\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    };\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 = ({ hueSliderRect, position }: { hueSliderRect: DOMRect; position: IPosition }) => {\n    const { clientY } = position;\n    const { top, height } = hueSliderRect;\n    const positionY = constrainToRange(clientY - top, 0, height);\n    const hue = (positionY * (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\n/*\n * Function to proper register mousedown event\n * It is working the same as Drag&Drop\n * @param event - event which should be added when mouse down, but deleted when mouse leave or mouse up\n */\nexport const registerOnMouseEvents = (listener: (event: IPosition) => void) => {\n    const mappedFunction = (event: MouseEvent) => listener(mapMouseEventToPosition(event));\n\n    function eventRemover() {\n        document.body.removeEventListener('mousemove', mappedFunction);\n        document.body.removeEventListener('mouseup', eventRemover);\n        document.body.removeEventListener('mouseleave', eventRemover);\n    }\n    document.body.addEventListener('mousemove', mappedFunction);\n    document.body.addEventListener('mouseleave', eventRemover);\n    document.body.addEventListener('mouseup', eventRemover);\n};\n/**\n *\n * @param e, TouchEvent which us mapped to MouseEvent\n */\n\nexport const mapMouseEventToPosition = (e: React.MouseEvent<HTMLElement, MouseEvent> | MouseEvent) => {\n    const { clientX, clientY } = e;\n\n    return { clientX, clientY } as IPosition;\n};\n\nexport const mapTouchEventToPosition = (e: React.TouchEvent | TouchEvent) => {\n    const { touches } = e;\n    const { clientX, clientY } = touches?.[0];\n\n    return { clientX, clientY } as IPosition;\n};\n\n/*\n * Function to proper register touch events\n * It is working the same as Drag&Drop\n * @param event - event which should be added when touch start, but deleted when touch end or touch cancel\n */\nexport const registerOnTouchEvents = (listener: (event: IPosition) => void) => {\n    const mappedFunction = (event: TouchEvent) => listener(mapTouchEventToPosition(event));\n\n    function eventRemover() {\n        document.body.removeEventListener('touchmove', mappedFunction);\n        document.body.removeEventListener('touchend', eventRemover);\n        document.body.removeEventListener('touchcancel', eventRemover);\n    }\n    document.body.addEventListener('touchmove', mappedFunction);\n    document.body.addEventListener('touchcancel', eventRemover);\n    document.body.addEventListener('touchend', eventRemover);\n};\n"],"names":["hex","MAX_SATURATION_VALUE","MAX_LIGHTNESS_VALUE","MAX_HUE_VALUE","SATURATION_OFFSET"],"mappings":"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"}

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

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var classnames = require('classnames');
-var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/checkbox/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 classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
-var Checkbox = function (_a) {
-    var _b;
-    var id = _a.id, name = _a.name, value = _a.value, _c = _a.initiallyChecked, initiallyChecked = _c === void 0 ? false : _c, disabled = _a.disabled, onChange = _a.onChange;
-    var _d = React.useState(initiallyChecked), isChecked = _d[0], setIsChecked = _d[1];
-    var CheckboxClasses = classnames__default['default'](main_module['default'][css_classes.checkbox], (_b = {},
-        _b[main_module['default'][css_classes.checkboxDisabled]] = disabled,
-        _b));
-    function handleCheckboxChange(ev) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(ev);
-        setIsChecked(function (prevState) { return !prevState; });
-    }
-    React.useEffect(function () {
-        setIsChecked(initiallyChecked);
-    }, [initiallyChecked]);
-    return (React__default['default'].createElement("span", { className: CheckboxClasses },
-        React__default['default'].createElement("input", { className: main_module['default'][css_classes.checkboxControl], id: id, name: name, type: "checkbox", value: value, checked: isChecked, disabled: disabled, onChange: handleCheckboxChange }),
-        React__default['default'].createElement("label", { className: main_module['default'][css_classes.checkboxLabel], htmlFor: id })));
-};
-
-exports.default = Checkbox;
-//# sourceMappingURL=checkbox.js.map

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

@@ -1 +0,0 @@
-{"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 } from '../css_classes';\n\nconst Checkbox: React.FC<ICheckboxProps> = ({ id, name, value, initiallyChecked = false, disabled, onChange }): JSX.Element => {\n    const [isChecked, setIsChecked] = useState<boolean>(initiallyChecked);\n    const CheckboxClasses = classnames(cssClasses[checkbox], {\n        [cssClasses[checkboxDisabled]]: disabled\n    });\n\n    function 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={disabled}\n                onChange={handleCheckboxChange}\n            />\n\n            <label className={cssClasses[checkboxLabel]} htmlFor={id}></label>\n        </span>\n    );\n};\n\nexport default Checkbox;\n"],"names":["classnames","cssClasses","checkbox","checkboxDisabled","useEffect","React","checkboxControl","checkboxLabel"],"mappings":";;;;;;;;;;;;;;IAQM,QAAQ,GAA6B,UAAC,EAAiE;;QAA/D,UAAE,EAAE,cAAI,EAAE,gBAAK,EAAE,wBAAwB,EAAxB,6CAAwB,EAAE,sBAAQ,EAAE,sBAAQ;IACjG,IAAA,qCAA+D,EAA9D,iBAAS,EAAE,oBAAmD,CAAC;IACtE,IAAM,eAAe,GAAGA,8BAAU,CAACC,sBAAU,CAACC,oBAAQ,CAAC;QACnD,GAACD,sBAAU,CAACE,4BAAgB,CAAC,IAAG,QAAQ;YAC1C,CAAC;IAEH,SAAS,oBAAoB,CAAC,EAAuC;QACjE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,EAAE;QACf,YAAY,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,GAAA,CAAC,CAAC;KAC3C;IAEDC,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,QAAQ,EAClB,QAAQ,EAAE,oBAAoB,GAChC;QAEFD,mDAAO,SAAS,EAAEJ,sBAAU,CAACM,yBAAa,CAAC,EAAE,OAAO,EAAE,EAAE,GAAU,CAC/D,EACT;AACN;;;;"}

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

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/controls/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 Content = function (_a) {
-    var children = _a.children;
-    return React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControlsContent] }, children);
-};
-
-exports.default = Content;
-//# sourceMappingURL=content.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var classnames = require('classnames');
-var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/controls/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 classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
-var Element = function (_a) {
-    var _b;
-    var type = _a.type, prefix = _a.prefix, postfix = _a.postfix, children = _a.children;
-    var ControlElementClasses = classnames__default['default'](main_module['default'][css_classes.cssControlsElement], (_b = {},
-        _b[main_module['default'][css_classes.cssControlsElementPrefix]] = prefix,
-        _b[main_module['default'][css_classes.cssControlsElementPostfix]] = postfix,
-        _b[main_module['default'][css_classes.cssControlsElementCheckbox]] = type === 'checkbox',
-        _b[main_module['default'][css_classes.cssControlsElementRadio]] = type === 'radio',
-        _b));
-    return (React__default['default'].createElement("div", { className: ControlElementClasses, "data-postfix": postfix, "data-prefix": prefix }, children));
-};
-
-exports.default = Element;
-//# sourceMappingURL=element.js.map

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

@@ -1 +0,0 @@
-{"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/input.js

@@ -1,26 +0,0 @@
-'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 Input = function (_a) {
-    var _b;
-    var id = _a.id, name = _a.name, padding = _a.padding, placeholder = _a.placeholder, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, onKeyPress = _a.onKeyPress, props = _tslib.__rest(_a, ["id", "name", "padding", "placeholder", "value", "disabled", "onChange", "onKeyPress"]);
-    var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], (_b = {},
-        _b[main_module['default'][css_classes.cssControlS]] = padding === 'small',
-        _b));
-    return (React__default['default'].createElement("input", _tslib.__assign({}, props, { className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress })));
-};
-
-exports.default = Input;
-//# sourceMappingURL=input.js.map

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

@@ -1 +0,0 @@
-{"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, cssControlS } from '../css_classes';\n\nconst Input: React.FC<IInputProps> = ({ id, name, padding, placeholder, value, disabled, onChange, onKeyPress, ...props }): JSX.Element => {\n    const inputClasses = classnames(cssClasses[cssControl], {\n        [cssClasses[cssControlS]]: padding === 'small'\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            onChange={onChange}\n            onKeyPress={onKeyPress}\n        />\n    );\n};\n\nexport default Input;\n"],"names":["classnames","cssClasses","cssControl","cssControlS","React"],"mappings":";;;;;;;;;;;;;;;IAOM,KAAK,GAA0B,UAAC,EAAmF;;IAAjF,IAAA,UAAE,EAAE,cAAI,EAAE,oBAAO,EAAE,4BAAW,EAAE,gBAAK,EAAE,sBAAQ,EAAE,sBAAQ,EAAE,0BAAU,EAAE,kHAAQ;IACnH,IAAM,YAAY,GAAGA,8BAAU,CAACC,sBAAU,CAACC,sBAAU,CAAC;QAClD,GAACD,sBAAU,CAACE,uBAAW,CAAC,IAAG,OAAO,KAAK,OAAO;YAChD,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,UAAU,EAAE,UAAU,IACxB,EACJ;AACN;;;;"}

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

@@ -1,32 +0,0 @@
-'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 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 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));
-    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

@@ -1 +0,0 @@
-{"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} from '../css_classes';\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 classes = classnames(cssClasses[cssControl], cssClasses[cssControlWrapper], {\n        [cssClasses[cssControlS]]: size === 'small',\n        [cssClasses[cssControlFocus]]: isFocused,\n        [cssClasses[cssControlDisabled]]: isDisabled,\n        [cssClasses[cssControlReadonly]]: isReadOnly\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","React","cssControlInput"],"mappings":";;;;;;;;;;;;;;;IAgBM,YAAY,GAAiC,UAAC,EASnD;;IARG,IAAA,gBAAK,EACL,cAAI,EACJ,wBAAS,EACT,0BAAU,EACV,0BAAU,EACV,4BAAW,EACX,8BAAY,EACZ,oHAAQ;IAER,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;YAC9C,CAAC;IAEH,QACIC,mEAAS,KAAK,IAAE,SAAS,EAAE,OAAO;QAC7B,WAAW;QACZA,mDAAO,IAAI,EAAC,MAAM,EAAC,SAAS,EAAEP,sBAAU,CAACQ,2BAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,SAAG;QACnF,YAAY,CACX,EACR;AACN;;;;"}

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

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var css_classes = require('../css_classes.js');
-var index = require('../../label/index.js');
-var main_module = require('../../../css/controls/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 ControlLabel = function (_a) {
-    var id = _a.id, isRequired = _a.isRequired, children = _a.children;
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControlsLabel] },
-        React__default['default'].createElement(index['default'], { htmlFor: id, isRequired: isRequired }, children)));
-};
-
-exports.default = ControlLabel;
-//# sourceMappingURL=label.js.map