@dreamcommerce/aurora 0.3.4-172 → 0.3.4-176

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

@@ -0,0 +1,118 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../_virtual/_tslib.js');
+var reactJss_esm = require('../../../../../external/react-jss/dist/react-jss.esm.js');
+var input = require('../controls/components/input.js');
+var main_module = require('../../css/color_picker/main.module.less.js');
+var utilities = require('./utilities.js');
+var context = require('./context.js');
+var css_classes = require('./css_classes.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');
+var use_color_picker = require('./use_color_picker.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({
+    saturationLightnessPanel: {
+        background: function (_a) {
+            var hue = _a.color.hue;
+            return "hsl(".concat(hue, ",100%, 50%)");
+        }
+    },
+    saturationLightnessPointer: {
+        transform: function (_a) {
+            var _b = _a.saturationLightnessPointer, left = _b.left, top = _b.top;
+            return "translate3d(".concat(left - 10, "px,").concat(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;
+        }
+    },
+    huePointer: {
+        transform: function (_a) {
+            var _b = _a.hueSliderPointer, top = _b.top, left = _b.left, screenName = _a.screenName;
+            return screenName === 'xs' ? "translate3d(".concat(left - 10, "px,0px,0px)") : "translate3d(0px,".concat(top - 10, "px,0px)");
+        },
+        '& > div': {
+            background: function (_a) {
+                var hue = _a.color.hue;
+                return "hsl(".concat(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, screenName = _b.screenName;
+    var saturationLightnessPanelRef = React.useRef(null);
+    var hueSliderRef = React.useRef(null);
+    var classes = useStyles({ color: color, saturationLightnessPointer: saturationLightnessPointer, hueSliderPointer: hueSliderPointer, screenName: screenName });
+    var inputOnChange = function (event) {
+        var value = event.target.value;
+        var hexValue = value.charAt(0) !== '#' ? "#".concat(value) : value;
+        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current) || !(saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current)) {
+            return;
+        }
+        if (value !== hexValue) {
+            event.target.value = hexValue;
+        }
+        try {
+            var color_1 = utilities.getColorFromHex(hexValue);
+            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: hexValue }));
+        }
+    };
+    var restoreInitialColor = function () {
+        setColor(initialColor);
+    };
+    return (React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.cssColorPicker]) },
+        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'][css_classes.cssColorPickerPreviewContainer] },
+            React__default['default'].createElement("div", { className: "".concat(classes.preview, " ").concat(main_module['default'][css_classes.cssColorPickerPreview]) }),
+            React__default['default'].createElement("div", null,
+                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 initialColor = _a.initialColor, onChange = _a.onChange, hideChooseCancelButtons = _a.hideChooseCancelButtons, name = _a.name;
+    var colorPickerContext = use_color_picker.useColorPicker({ initialColorHex: initialColor || '#ffffff', onChange: onChange });
+    return (React__default['default'].createElement(context.ColorPickerContext.Provider, { value: colorPickerContext },
+        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/packages/aurora/src/components/color_picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/color_picker/use_color_picker.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../_virtual/_tslib.js');
+var constants = require('./constants.js');
+var use_screen_detect = require('../../hooks/use_screen_detect.js');
+
+var useColorPicker = function (_a) {
+    var initialColorHex = _a.initialColorHex, onChange = _a.onChange;
+    var _b = React.useState({ hue: 0, saturation: constants.SATURATION_OFFSET, lightness: 100, hex: initialColorHex }), color = _b[0], setColor = _b[1];
+    var _c = React.useState({
+        hue: 0,
+        saturation: constants.SATURATION_OFFSET,
+        lightness: 100,
+        hex: initialColorHex
+    }), initialColor = _c[0], setInitialColor = _c[1];
+    var _d = React.useState({ top: 0, left: 0 }), hueSliderPointer = _d[0], setHueSliderPointer = _d[1];
+    var _e = React.useState({ left: 0, top: 0 }), saturationLightnessPointer = _e[0], setSaturationLightnessPointer = _e[1];
+    var screenName = use_screen_detect.useScreenDetect();
+    React.useEffect(function () {
+        onChange === null || onChange === void 0 ? void 0 : onChange(color);
+    }, [color]);
+    React.useEffect(function () {
+        setColor(function (prevState) { return (_tslib.__assign(_tslib.__assign({}, prevState), { hex: initialColorHex })); });
+    }, [initialColorHex]);
+    return {
+        color: color,
+        setColor: setColor,
+        initialColor: initialColor,
+        setInitialColor: setInitialColor,
+        hueSliderPointer: hueSliderPointer,
+        setHueSliderPointer: setHueSliderPointer,
+        screenName: screenName,
+        saturationLightnessPointer: saturationLightnessPointer,
+        setSaturationLightnessPointer: setSaturationLightnessPointer
+    };
+};
+
+exports.useColorPicker = useColorPicker;
+//# sourceMappingURL=use_color_picker.js.map

package/build/cjs/packages/aurora/src/components/color_picker/use_color_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+var constants = require('./constants.js');
+var range_mappings = require('../../utilities/range/range_mappings.js');
+var color_converter = require('../../utilities/colors/color_converter.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 _b, _c;
+    var saturationLightnessPanelRef = _a.saturationLightnessPanelRef, hueSliderRef = _a.hueSliderRef, hex = _a.hex;
+    var _d = color_converter.ColorConverter.hex2hsl(hex), hue = _d.hue, saturation = _d.saturation, lightness = _d.lightness;
+    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((saturation * width) / constants.MAX_SATURATION_VALUE, 0, width),
+        top: range_mappings.constrainToRange((lightness * height) / constants.MAX_LIGHTNESS_VALUE, 0, height)
+    };
+    var hueSliderPointer = {
+        top: hue * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.height) || 0) / constants.MAX_HUE_VALUE),
+        left: hue * (((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 = color_converter.ColorConverter.hex2hsl(value), hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness;
+    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/packages/aurora/src/components/color_picker/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/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('../../../../../../external/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("".concat(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: "".concat(main_module['default'][css_classes.cellSelector], " ").concat(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-".concat(name, "-Row-").concat(rowIndex), className: main_module['default'][css_classes.cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-".concat(name, "-Row-").concat(rowIndex, "-Col-").concat(colIndex), className: "".concat(main_module['default'][css_classes.cellSelectorCell], " ").concat(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/packages/aurora/src/components/controls/components/cell_selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/controls/components/errors.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var css_classes = require('../css_classes.js');
+var context = require('../context.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 Errors = function () {
+    var _a = context.useControlContext(), errors = _a.errors, id = _a.id;
+    return errors ? (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControlsErrors] },
+        React__default['default'].createElement("ul", { className: main_module['default'][css_classes.cssControlsErrorsList] }, errors.map(function (error, key) { return (React__default['default'].createElement("label", { htmlFor: id, key: "error-item-".concat(id, "-").concat(key) },
+            React__default['default'].createElement("li", { className: main_module['default'][css_classes.cssControlsErrorsListItem] }, error))); })))) : null;
+};
+
+exports.default = Errors;
+//# sourceMappingURL=errors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/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/packages/aurora/src/components/controls/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/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/packages/aurora/src/components/controls/components/input_wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/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, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress })));
+};
+
+exports.default = Textarea;
+//# sourceMappingURL=textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cssControls = 'controls';
+var cssControlsError = 'controls_error';
+var cssControlsLabel = "".concat(cssControls, "__label");
+var cssControlsContent = "".concat(cssControls, "__content");
+var cssControlsElement = "".concat(cssControls, "__element");
+var cssControlsElementPrefix = "".concat(cssControls, "__element_prefix");
+var cssControlsElementPostfix = "".concat(cssControls, "__element_postfix");
+var cssControlsElementCheckbox = "".concat(cssControls, "__element_checkbox");
+var cssControlsElementRadio = "".concat(cssControls, "__element_radio");
+var cssControlsErrors = "".concat(cssControls, "__errors");
+var cssControlsErrorsList = "".concat(cssControls, "__errors-list");
+var cssControlsErrorsListItem = "".concat(cssControls, "__errors-list-item");
+var cssControl = 'control';
+var cssControlS = 'control_s';
+var cssControlWrapper = 'control_wrapper';
+var cssControlFocus = 'control_focus';
+var cssControlDisabled = 'control_disabled';
+var cssControlReadonly = 'control_readonly';
+var cssControlError = 'control_error';
+var cssControlInput = 'control__input';
+var checkbox = 'checkbox';
+var checkboxDisabled = "".concat(checkbox, "_disabled");
+var checkboxControl = "".concat(checkbox, "__control");
+var checkboxLabel = "".concat(checkbox, "__label");
+var checkboxIcon = "".concat(checkbox, "__icon");
+var checkboxSwitch = 'checkbox-switch';
+var checkboxSwitchDisabled = "".concat(checkboxSwitch, "_disabled");
+var checkboxSwitchControl = "".concat(checkboxSwitch, "__control");
+var checkboxSwitchLabel = "".concat(checkboxSwitch, "__label");
+var checkboxSwitchIcon = "".concat(checkboxSwitch, "__icon");
+var radio = 'radio';
+var radioDisabled = "".concat(radio, "_disabled");
+var radioControl = "".concat(radio, "__control");
+var radioLabel = "".concat(radio, "__label");
+var cellSelector = 'cell-selector';
+var cellSelectorContainer = "".concat(cellSelector, "__container");
+var cellSelectorRow = "".concat(cellSelector, "__row");
+var cellSelectorCell = "".concat(cellSelector, "__cell");
+var cellSelectorCellActive = "".concat(cellSelectorCell, "_active");
+
+exports.cellSelector = cellSelector;
+exports.cellSelectorCell = cellSelectorCell;
+exports.cellSelectorCellActive = cellSelectorCellActive;
+exports.cellSelectorContainer = cellSelectorContainer;
+exports.cellSelectorRow = cellSelectorRow;
+exports.checkbox = checkbox;
+exports.checkboxControl = checkboxControl;
+exports.checkboxDisabled = checkboxDisabled;
+exports.checkboxIcon = checkboxIcon;
+exports.checkboxLabel = checkboxLabel;
+exports.checkboxSwitch = checkboxSwitch;
+exports.checkboxSwitchControl = checkboxSwitchControl;
+exports.checkboxSwitchDisabled = checkboxSwitchDisabled;
+exports.checkboxSwitchIcon = checkboxSwitchIcon;
+exports.checkboxSwitchLabel = checkboxSwitchLabel;
+exports.cssControl = cssControl;
+exports.cssControlDisabled = cssControlDisabled;
+exports.cssControlError = cssControlError;
+exports.cssControlFocus = cssControlFocus;
+exports.cssControlInput = cssControlInput;
+exports.cssControlReadonly = cssControlReadonly;
+exports.cssControlS = cssControlS;
+exports.cssControlWrapper = cssControlWrapper;
+exports.cssControls = cssControls;
+exports.cssControlsContent = cssControlsContent;
+exports.cssControlsElement = cssControlsElement;
+exports.cssControlsElementCheckbox = cssControlsElementCheckbox;
+exports.cssControlsElementPostfix = cssControlsElementPostfix;
+exports.cssControlsElementPrefix = cssControlsElementPrefix;
+exports.cssControlsElementRadio = cssControlsElementRadio;
+exports.cssControlsError = cssControlsError;
+exports.cssControlsErrors = cssControlsErrors;
+exports.cssControlsErrorsList = cssControlsErrorsList;
+exports.cssControlsErrorsListItem = cssControlsErrorsListItem;
+exports.cssControlsLabel = cssControlsLabel;
+exports.radio = radio;
+exports.radioControl = radioControl;
+exports.radioDisabled = radioDisabled;
+exports.radioLabel = radioLabel;
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}