@dreamcommerce/aurora 0.4.3 → 0.4.4-1

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

@@ -10,41 +10,38 @@ import { ColorConverter } from '../../utilities/colors/color_converter.js';
  * @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 = 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 = {
+const getIndicatorPositionsFromHEX = ({ saturationLightnessPanelRef, hueSliderRef, hex }) => {
+    var _a, _b;
+    const { hue, saturation, lightness } = ColorConverter.hex2hsl(hex);
+    const { width = 0, height = 0 } = ((_a = saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {};
+    const hueSliderRect = (_b = hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+    const saturationLightnessPointer = {
         left: constrainToRange((saturation * width) / MAX_SATURATION_VALUE, 0, width),
         top: constrainToRange((lightness * height) / MAX_LIGHTNESS_VALUE, 0, height)
     };
-    var hueSliderPointer = {
+    const hueSliderPointer = {
         top: hue * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.height) || 0) / MAX_HUE_VALUE),
         left: hue * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.width) || 0) / MAX_HUE_VALUE)
     };
-    return { saturationLightnessPointer: saturationLightnessPointer, hueSliderPointer: hueSliderPointer };
+    return { saturationLightnessPointer, hueSliderPointer };
 };
-var getColorFromHex = function (value) {
-    var _a = ColorConverter.hex2hsl(value), hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness;
-    return { hue: hue, saturation: saturation, lightness: lightness, hex: value };
+const getColorFromHex = (value) => {
+    const { hue, saturation, lightness } = ColorConverter.hex2hsl(value);
+    return { hue, saturation, 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' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);
-    var hue = screenName === 'xs' ? (distance * (MAX_HUE_VALUE - 1)) / width : (distance * (MAX_HUE_VALUE - 1)) / height;
-    return { hue: hue };
+const getHueFromPosition = ({ hueSliderRect, position, screenName }) => {
+    const { clientY, clientX } = position;
+    const { top, height, width, left } = hueSliderRect;
+    const distance = screenName === 'xs' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);
+    const hue = screenName === 'xs' ? (distance * (MAX_HUE_VALUE - 1)) / width : (distance * (MAX_HUE_VALUE - 1)) / height;
+    return { 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 * MAX_SATURATION_VALUE) / width || SATURATION_OFFSET;
-    var lightness = MAX_LIGHTNESS_VALUE - (positionY * (MAX_LIGHTNESS_VALUE / 2)) / height - saturation / 2;
-    return { lightness: lightness, saturation: saturation };
+const getSaturationLightnessFromPosition = ({ elementRect, position }) => {
+    const { width, height } = elementRect;
+    const { positionX, positionY } = getIndicatorPositionFromPosition({ elementRect, position });
+    const saturation = (positionX * MAX_SATURATION_VALUE) / width || SATURATION_OFFSET;
+    const lightness = MAX_LIGHTNESS_VALUE - (positionY * (MAX_LIGHTNESS_VALUE / 2)) / height - saturation / 2;
+    return { lightness, saturation };
 };
 
 export { getColorFromHex, getHueFromPosition, getIndicatorPositionsFromHEX, getSaturationLightnessFromPosition };

package/build/esm/packages/aurora/src/components/color_picker/utilities.js.map

@@ -1 +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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/controls/components/additional_info.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { cssControlsAdditionalInfo } from '../css_classes.js';
 import cssStyles from '../../../css/controls/main.module.less.js';
 
-var AdditionalInfo = function (_a) {
-    var children = _a.children;
+const AdditionalInfo = ({ children }) => {
     return React.createElement("div", { className: cssStyles[cssControlsAdditionalInfo] }, children);
 };
 

package/build/esm/packages/aurora/src/components/controls/components/additional_info.js.map

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

package/build/esm/packages/aurora/src/components/controls/components/cell_selector.js

@@ -2,10 +2,9 @@ import React, { useState, useEffect } from 'react';
 import { cellSelector, cellSelectorContainer, cellSelectorRow, cellSelectorCell, cellSelectorCellActive } from '../css_classes.js';
 import styles from '../../../css/cell_selector/main.module.less.js';
 
-var CellSelector = function (_a) {
-    var _b = _a.rows, rows = _b === void 0 ? 3 : _b, _c = _a.cols, cols = _c === void 0 ? 3 : _c, name = _a.name, initialSelected = _a.initialSelected, _d = _a.withValueOffset, withValueOffset = _d === void 0 ? true : _d, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? '' : _e;
-    var _f = useState(initialSelected), selectedCell = _f[0], setSelectedCell = _f[1];
-    useEffect(function () {
+const CellSelector = ({ rows = 3, cols = 3, name, initialSelected, withValueOffset = true, onChange, className = '' }) => {
+    const [selectedCell, setSelectedCell] = useState(initialSelected);
+    useEffect(() => {
         if (initialSelected === undefined) {
             setSelectedCell(initialSelected);
         }
@@ -13,11 +12,11 @@ var CellSelector = function (_a) {
             setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));
         }
     }, [setSelectedCell, withValueOffset, initialSelected]);
-    var isSelected = function (row, col) {
+    const isSelected = (row, col) => {
         if (selectedCell === undefined) {
             return false;
         }
-        if (parseInt("".concat(selectedCell / cols)) !== row) {
+        if (parseInt(`${selectedCell / cols}`) !== row) {
             return false;
         }
         if (selectedCell % cols !== col) {
@@ -25,13 +24,13 @@ var CellSelector = function (_a) {
         }
         return true;
     };
-    var onClick = function (row, col) {
-        var cellIndex = row * cols + col;
+    const onClick = (row, col) => {
+        const cellIndex = row * cols + col;
         setSelectedCell(cellIndex);
         onChange === null || onChange === void 0 ? void 0 : onChange(cellIndex + (withValueOffset ? 1 : 0));
     };
-    return (React.createElement("div", { className: "".concat(styles[cellSelector], " ").concat(className) },
-        React.createElement("div", { className: styles[cellSelectorContainer] }, Array.from({ length: rows }).map(function (_, rowIndex) { return (React.createElement("div", { key: "CellSelector-".concat(name, "-Row-").concat(rowIndex), className: styles[cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React.createElement("div", { key: "CellSelector-".concat(name, "-Row-").concat(rowIndex, "-Col-").concat(colIndex), className: "".concat(styles[cellSelectorCell], " ").concat(isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''), onClick: function () { return onClick(rowIndex, colIndex); } })); }))); }))));
+    return (React.createElement("div", { className: `${styles[cellSelector]} ${className}` },
+        React.createElement("div", { className: styles[cellSelectorContainer] }, Array.from({ length: rows }).map((_, rowIndex) => (React.createElement("div", { key: `CellSelector-${name}-Row-${rowIndex}`, className: styles[cellSelectorRow] }, Array.from({ length: cols }).map((_, colIndex) => (React.createElement("div", { key: `CellSelector-${name}-Row-${rowIndex}-Col-${colIndex}`, className: `${styles[cellSelectorCell]} ${isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''}`, onClick: () => onClick(rowIndex, colIndex) })))))))));
 };
 
 export default CellSelector;

package/build/esm/packages/aurora/src/components/controls/components/cell_selector.js.map

@@ -1 +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;"}
+{"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/esm/packages/aurora/src/components/controls/components/checkbox.js

@@ -4,18 +4,16 @@ import { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIco
 import cssClasses from '../../../css/checkbox/main.module.less.js';
 import IconTick from '../../../assets/icon_tick.js';
 
-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, isDisabled = _a.disabled, onChange = _a.onChange;
-    var _d = useState(initiallyChecked), isChecked = _d[0], setIsChecked = _d[1];
-    var checkboxClasses = classnames(cssClasses[checkbox], (_b = {},
-        _b[cssClasses[checkboxDisabled]] = isDisabled,
-        _b));
-    var handleCheckboxChange = function (ev) {
+const Checkbox = ({ id, name, value, initiallyChecked = false, disabled: isDisabled, onChange }) => {
+    const [isChecked, setIsChecked] = useState(initiallyChecked);
+    const checkboxClasses = classnames(cssClasses[checkbox], {
+        [cssClasses[checkboxDisabled]]: isDisabled
+    });
+    const handleCheckboxChange = (ev) => {
         onChange === null || onChange === void 0 ? void 0 : onChange(ev);
-        setIsChecked(function (prevState) { return !prevState; });
+        setIsChecked((prevState) => !prevState);
     };
-    useEffect(function () {
+    useEffect(() => {
         setIsChecked(initiallyChecked);
     }, [initiallyChecked]);
     return (React.createElement("span", { className: checkboxClasses },

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

@@ -1 +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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/controls/components/checkbox_switch.js

@@ -4,18 +4,16 @@ import { checkboxSwitch, checkboxSwitchDisabled, checkboxSwitchControl, checkbox
 import cssClasses from '../../../css/checkbox/main.module.less.js';
 import IconTick from '../../../assets/icon_tick.js';
 
-var CheckboxSwitch = function (_a) {
-    var _b;
-    var id = _a.id, name = _a.name, value = _a.value, _c = _a.initiallyChecked, initiallyChecked = _c === void 0 ? false : _c, isDisabled = _a.disabled, onChange = _a.onChange;
-    var _d = useState(initiallyChecked), isChecked = _d[0], setIsChecked = _d[1];
-    var checkboxClasses = classnames(cssClasses[checkboxSwitch], (_b = {},
-        _b[cssClasses[checkboxSwitchDisabled]] = isDisabled,
-        _b));
-    var handleCheckboxChange = function (ev) {
+const CheckboxSwitch = ({ id, name, value, initiallyChecked = false, disabled: isDisabled, onChange }) => {
+    const [isChecked, setIsChecked] = useState(initiallyChecked);
+    const checkboxClasses = classnames(cssClasses[checkboxSwitch], {
+        [cssClasses[checkboxSwitchDisabled]]: isDisabled
+    });
+    const handleCheckboxChange = (ev) => {
         onChange === null || onChange === void 0 ? void 0 : onChange(ev);
-        setIsChecked(function (prevState) { return !prevState; });
+        setIsChecked((prevState) => !prevState);
     };
-    useEffect(function () {
+    useEffect(() => {
         setIsChecked(initiallyChecked);
     }, [initiallyChecked]);
     return (React.createElement("span", { className: checkboxClasses },

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

@@ -1 +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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/controls/components/content.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { cssControlsContent } from '../css_classes.js';
 import cssStyles from '../../../css/controls/main.module.less.js';
 
-var Content = function (_a) {
-    var children = _a.children;
+const Content = ({ children }) => {
     return React.createElement("div", { className: cssStyles[cssControlsContent] }, children);
 };
 

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

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

package/build/esm/packages/aurora/src/components/controls/components/element.js

@@ -4,16 +4,14 @@ import { VERTICAL_POSITION } from '../../../constants/positions.js';
 import { cssControlsElement, cssControlsElementPrefix, cssControlsElementPostfix, cssControlsElementCheckbox, cssControlsElementRadio, cssControlsElementVerticalAlignTop } from '../css_classes.js';
 import cssStyles from '../../../css/controls/main.module.less.js';
 
-var Element = function (_a) {
-    var _b;
-    var type = _a.type, prefix = _a.prefix, postfix = _a.postfix, children = _a.children, verticalPosition = _a.verticalPosition;
-    var controlElementClasses = classnames(cssStyles[cssControlsElement], (_b = {},
-        _b[cssStyles[cssControlsElementPrefix]] = prefix,
-        _b[cssStyles[cssControlsElementPostfix]] = postfix,
-        _b[cssStyles[cssControlsElementCheckbox]] = type === 'checkbox',
-        _b[cssStyles[cssControlsElementRadio]] = type === 'radio',
-        _b[cssStyles[cssControlsElementVerticalAlignTop]] = verticalPosition === VERTICAL_POSITION.top,
-        _b));
+const Element = ({ type, prefix, postfix, children, verticalPosition }) => {
+    const controlElementClasses = classnames(cssStyles[cssControlsElement], {
+        [cssStyles[cssControlsElementPrefix]]: prefix,
+        [cssStyles[cssControlsElementPostfix]]: postfix,
+        [cssStyles[cssControlsElementCheckbox]]: type === 'checkbox',
+        [cssStyles[cssControlsElementRadio]]: type === 'radio',
+        [cssStyles[cssControlsElementVerticalAlignTop]]: verticalPosition === VERTICAL_POSITION.top
+    });
     return (React.createElement("div", { className: controlElementClasses, "data-postfix": postfix, "data-prefix": prefix }, children));
 };
 

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

@@ -1 +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;"}
+{"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/esm/packages/aurora/src/components/controls/components/errors.js

@@ -3,11 +3,11 @@ import { cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem } f
 import { useControlContext } from '../context.js';
 import cssStyles from '../../../css/controls/main.module.less.js';
 
-var Errors = function () {
-    var _a = useControlContext(), errors = _a.errors, id = _a.id;
+const Errors = () => {
+    const { errors, id } = useControlContext();
     return errors ? (React.createElement("div", { className: cssStyles[cssControlsErrors] },
-        React.createElement("ul", { className: cssStyles[cssControlsErrorsList] }, errors.map(function (error, key) { return (React.createElement("label", { htmlFor: id, key: "error-item-".concat(id, "-").concat(key) },
-            React.createElement("li", { className: cssStyles[cssControlsErrorsListItem] }, error))); })))) : null;
+        React.createElement("ul", { className: cssStyles[cssControlsErrorsList] }, errors.map((error, key) => (React.createElement("label", { htmlFor: id, key: `error-item-${id}-${key}` },
+            React.createElement("li", { className: cssStyles[cssControlsErrorsListItem] }, error))))))) : null;
 };
 
 export default Errors;

package/build/esm/packages/aurora/src/components/controls/components/input.js

@@ -1,23 +1,20 @@
 import React from 'react';
-import { __rest, __assign } from '../../../../../../_virtual/_tslib.js';
 import classnames from 'classnames';
 import cssClasses from '../../../css/input/main.module.less.js';
 import { cssControl, cssControlS, cssControlError, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
 import { useControlContext } from '../context.js';
 
-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 = __rest(_a, ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress", "onKeyUp", "children"]);
-    var errors = useControlContext().errors;
-    var inputClasses = classnames(cssClasses[cssControl], (_b = {},
-        _b[cssClasses[cssControlS]] = padding === 'small',
-        _b[cssClasses[cssControlError]] = errors,
-        _b[cssClasses[cssControlDisabled]] = disabled,
-        _b[cssClasses[cssControlReadonly]] = readOnly,
-        _b));
-    return (React.createElement("input", __assign({}, props, { className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp })));
+const Input = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, onKeyUp, 
+// eslint-disable-next-line no-unused-vars
+children, ...props }) => {
+    const { errors } = useControlContext();
+    const inputClasses = classnames(cssClasses[cssControl], {
+        [cssClasses[cssControlS]]: padding === 'small',
+        [cssClasses[cssControlError]]: errors,
+        [cssClasses[cssControlDisabled]]: disabled,
+        [cssClasses[cssControlReadonly]]: readOnly
+    });
+    return (React.createElement("input", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }));
 };
 
 export default Input;

package/build/esm/packages/aurora/src/components/controls/components/input.js.map

@@ -1 +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;"}
+{"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/esm/packages/aurora/src/components/controls/components/input_wrapper.js

@@ -1,22 +1,19 @@
 import React from 'react';
-import { __rest, __assign } from '../../../../../../_virtual/_tslib.js';
 import classnames from 'classnames';
 import cssClasses from '../../../css/input/main.module.less.js';
 import { cssControl, cssControlWrapper, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlError, cssControlInput } from '../css_classes.js';
 import { useControlContext } from '../context.js';
 
-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 = __rest(_a, ["value", "size", "isFocused", "isDisabled", "isReadOnly", "preElements", "postElements"]);
-    var errors = useControlContext().errors;
-    var classes = classnames(cssClasses[cssControl], cssClasses[cssControlWrapper], (_b = {},
-        _b[cssClasses[cssControlS]] = size === 'small',
-        _b[cssClasses[cssControlFocus]] = isFocused,
-        _b[cssClasses[cssControlDisabled]] = isDisabled,
-        _b[cssClasses[cssControlReadonly]] = isReadOnly,
-        _b[cssClasses[cssControlError]] = errors,
-        _b));
-    return (React.createElement("div", __assign({}, props, { className: classes }),
+const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, ...props }) => {
+    const { errors } = useControlContext();
+    const classes = classnames(cssClasses[cssControl], cssClasses[cssControlWrapper], {
+        [cssClasses[cssControlS]]: size === 'small',
+        [cssClasses[cssControlFocus]]: isFocused,
+        [cssClasses[cssControlDisabled]]: isDisabled,
+        [cssClasses[cssControlReadonly]]: isReadOnly,
+        [cssClasses[cssControlError]]: errors
+    });
+    return (React.createElement("div", { ...props, className: classes },
         preElements,
         React.createElement("input", { type: "text", className: cssClasses[cssControlInput], value: value, readOnly: true }),
         postElements));

package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js.map

@@ -1 +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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/controls/components/label.js

@@ -3,8 +3,7 @@ import { cssControlsLabel } from '../css_classes.js';
 import cssStyles from '../../../css/controls/main.module.less.js';
 import Label from '../../label/index.js';
 
-var ControlLabel = function (_a) {
-    var id = _a.id, isRequired = _a.isRequired, children = _a.children;
+const ControlLabel = ({ id, isRequired, children }) => {
     return (React.createElement("div", { className: cssStyles[cssControlsLabel] },
         React.createElement(Label, { htmlFor: id, isRequired: isRequired }, children)));
 };

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

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

package/build/esm/packages/aurora/src/components/controls/components/radio.js

@@ -4,12 +4,10 @@ import { radio, radioDisabled, radioControl, radioLabel } from '../css_classes.j
 import cssStyles from '../../../css/radio/main.module.less.js';
 import { classNames } from '../../../utilities/styles/classNames.js';
 
-var Radio = function (_a) {
-    var _b;
-    var id = _a.id, name = _a.name, value = _a.value, checked = _a.checked, _c = _a.defaultChecked, defaultChecked = _c === void 0 ? false : _c, disabled = _a.disabled, onClick = _a.onClick;
-    var radioClasses = classnames(radio, (_b = {},
-        _b[radioDisabled] = disabled,
-        _b));
+const Radio = ({ id, name, value, checked, defaultChecked = false, disabled, onClick }) => {
+    const radioClasses = classnames(radio, {
+        [radioDisabled]: disabled
+    });
     function handleRadioChange(ev) {
         if (onClick) {
             onClick(ev);

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

@@ -1 +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;"}
+{"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/esm/packages/aurora/src/components/controls/components/textarea.js

@@ -1,18 +1,15 @@
 import React from 'react';
-import { __rest, __assign } from '../../../../../../_virtual/_tslib.js';
 import classnames from 'classnames';
 import cssClasses from '../../../css/input/main.module.less.js';
 import { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
 
-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 = __rest(_a, ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress"]);
-    var inputClasses = classnames(cssClasses[cssControl], (_b = {},
-        _b[cssClasses[cssControlS]] = padding === 'small',
-        _b[cssClasses[cssControlDisabled]] = disabled,
-        _b[cssClasses[cssControlReadonly]] = readOnly,
-        _b));
-    return (React.createElement("textarea", __assign({}, props, { className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress })));
+const Textarea = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, ...props }) => {
+    const inputClasses = classnames(cssClasses[cssControl], {
+        [cssClasses[cssControlS]]: padding === 'small',
+        [cssClasses[cssControlDisabled]]: disabled,
+        [cssClasses[cssControlReadonly]]: readOnly
+    });
+    return (React.createElement("textarea", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress }));
 };
 
 export default Textarea;

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

@@ -1 +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;"}
+{"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/esm/packages/aurora/src/components/controls/context.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 
-var ControlContext = React.createContext({});
-var useControlContext = function () { return useContext(ControlContext); };
+const ControlContext = React.createContext({});
+const useControlContext = () => useContext(ControlContext);
 
 export { ControlContext, useControlContext };
 //# sourceMappingURL=context.js.map

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

@@ -1,44 +1,44 @@
-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 cssControlsAdditionalInfo = "".concat(cssControls, "__additional-info");
-var cssControlsElementVerticalAlignTop = "".concat(cssControlsElement, "_vtop");
-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");
+const cssControls = 'controls';
+const cssControlsError = 'controls_error';
+const cssControlsLabel = `${cssControls}__label`;
+const cssControlsContent = `${cssControls}__content`;
+const cssControlsElement = `${cssControls}__element`;
+const cssControlsElementPrefix = `${cssControls}__element_prefix`;
+const cssControlsElementPostfix = `${cssControls}__element_postfix`;
+const cssControlsElementCheckbox = `${cssControls}__element_checkbox`;
+const cssControlsElementRadio = `${cssControls}__element_radio`;
+const cssControlsErrors = `${cssControls}__errors`;
+const cssControlsErrorsList = `${cssControls}__errors-list`;
+const cssControlsErrorsListItem = `${cssControls}__errors-list-item`;
+const cssControlsAdditionalInfo = `${cssControls}__additional-info`;
+const cssControlsElementVerticalAlignTop = `${cssControlsElement}_vtop`;
+const cssControl = 'control';
+const cssControlS = 'control_s';
+const cssControlWrapper = 'control_wrapper';
+const cssControlFocus = 'control_focus';
+const cssControlDisabled = 'control_disabled';
+const cssControlReadonly = 'control_readonly';
+const cssControlError = 'control_error';
+const cssControlInput = 'control__input';
+const checkbox = 'checkbox';
+const checkboxDisabled = `${checkbox}_disabled`;
+const checkboxControl = `${checkbox}__control`;
+const checkboxLabel = `${checkbox}__label`;
+const checkboxIcon = `${checkbox}__icon`;
+const checkboxSwitch = 'checkbox-switch';
+const checkboxSwitchDisabled = `${checkboxSwitch}_disabled`;
+const checkboxSwitchControl = `${checkboxSwitch}__control`;
+const checkboxSwitchLabel = `${checkboxSwitch}__label`;
+const checkboxSwitchIcon = `${checkboxSwitch}__icon`;
+const radio = 'radio';
+const radioDisabled = `${radio}_disabled`;
+const radioControl = `${radio}__control`;
+const radioLabel = `${radio}__label`;
+const cellSelector = 'cell-selector';
+const cellSelectorContainer = `${cellSelector}__container`;
+const cellSelectorRow = `${cellSelector}__row`;
+const cellSelectorCell = `${cellSelector}__cell`;
+const cellSelectorCellActive = `${cellSelectorCell}_active`;
 
 export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
 //# sourceMappingURL=css_classes.js.map

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

@@ -3,8 +3,7 @@ import Control from '../../index.js';
 import Hint from '../../../hint/index.js';
 import CellSelector from '../../components/cell_selector.js';
 
-var ControlCellSelector = function (_a) {
-    var label = _a.label, isRequired = _a.isRequired, id = _a.id, name = _a.name, errors = _a.errors, onChange = _a.onChange, cols = _a.cols, initialSelected = _a.initialSelected, rows = _a.rows, withValueOffset = _a.withValueOffset, className = _a.className, hint = _a.hint;
+const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,

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

@@ -1 +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;"}
+{"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;"}

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

@@ -15,8 +15,7 @@ import Hint from '../../../hint/index.js';
  *  />
  * )
  */
-var ControlCheckbox = function (_a) {
-    var id = _a.id, hint = _a.hint, label = _a.label, name = _a.name, value = _a.value, initiallyChecked = _a.initiallyChecked, disabled = _a.disabled, onChange = _a.onChange, errors = _a.errors;
+const ControlCheckbox = ({ id, hint, label, name, value, initiallyChecked, disabled, onChange, errors }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, { type: "checkbox" },

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

@@ -1 +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;"}
+{"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;"}

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

@@ -15,8 +15,7 @@ import Hint from '../../../hint/index.js';
  *  />
  * )
  */
-var ControlCheckboxSwitch = function (_a) {
-    var id = _a.id, label = _a.label, name = _a.name, hint = _a.hint, value = _a.value, initiallyChecked = _a.initiallyChecked, disabled = _a.disabled, onChange = _a.onChange, errors = _a.errors;
+const ControlCheckboxSwitch = ({ id, label, name, hint, value, initiallyChecked, disabled, onChange, errors }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, { type: "checkbox" },

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

@@ -1 +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;"}
+{"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;"}