@dreamcommerce/aurora 0.3.5 → 0.3.6

package/build/esm/packages/aurora/src/components/color_picker/use_color_picker.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import { IColor } from "./types";
+export declare const useColorPicker: ({ initialColorHex, onChange }: {
+    initialColorHex: string;
+    onChange?: ((color: IColor) => void) | undefined;
+}) => {
+    color: {
+        hue: number;
+        saturation: number;
+        lightness: number;
+        hex: string;
+    };
+    setColor: import("react").Dispatch<import("react").SetStateAction<{
+        hue: number;
+        saturation: number;
+        lightness: number;
+        hex: string;
+    }>>;
+    initialColor: {
+        hue: number;
+        saturation: number;
+        lightness: number;
+        hex: string;
+    };
+    setInitialColor: import("react").Dispatch<import("react").SetStateAction<{
+        hue: number;
+        saturation: number;
+        lightness: number;
+        hex: string;
+    }>>;
+    hueSliderPointer: {
+        top: number;
+        left: number;
+    };
+    setHueSliderPointer: import("react").Dispatch<import("react").SetStateAction<{
+        top: number;
+        left: number;
+    }>>;
+    screenName: string;
+    saturationLightnessPointer: {
+        left: number;
+        top: number;
+    };
+    setSaturationLightnessPointer: import("react").Dispatch<import("react").SetStateAction<{
+        left: number;
+        top: number;
+    }>>;
+};

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

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

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/color_picker/utilities.d.ts

@@ -0,0 +1,43 @@
+import { RefObject } from 'react';
+import { IPosition } from "./types";
+/**
+ * Function to calculate indicators position based on hex value
+ * @param saturationLightnessPanelRef, reference
+ * @param hueSliderRef, reference
+ * @param hex, string with color
+ * @return
+ */
+export declare const getIndicatorPositionsFromHEX: ({ saturationLightnessPanelRef, hueSliderRef, hex }: {
+    saturationLightnessPanelRef?: RefObject<HTMLDivElement> | undefined;
+    hueSliderRef?: RefObject<HTMLDivElement> | undefined;
+    hex: string;
+}) => {
+    saturationLightnessPointer: {
+        left: number;
+        top: number;
+    };
+    hueSliderPointer: {
+        top: number;
+        left: number;
+    };
+};
+export declare const getColorFromHex: (value: string) => {
+    hue: number;
+    saturation: number;
+    lightness: number;
+    hex: string;
+};
+export declare const getHueFromPosition: ({ hueSliderRect, position, screenName }: {
+    hueSliderRect: DOMRect;
+    position: IPosition;
+    screenName: string;
+}) => {
+    hue: number;
+};
+export declare const getSaturationLightnessFromPosition: ({ elementRect, position }: {
+    elementRect: DOMRect;
+    position: IPosition;
+}) => {
+    lightness: number;
+    saturation: number;
+};

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

@@ -0,0 +1,51 @@
+import 'react';
+import { MAX_SATURATION_VALUE, MAX_LIGHTNESS_VALUE, MAX_HUE_VALUE, SATURATION_OFFSET } from './constants.js';
+import { constrainToRange, getIndicatorPositionFromPosition } from '../../utilities/range/range_mappings.js';
+import { ColorConverter } from '../../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 = 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: constrainToRange((saturation * width) / MAX_SATURATION_VALUE, 0, width),
+        top: constrainToRange((lightness * height) / MAX_LIGHTNESS_VALUE, 0, height)
+    };
+    var 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 };
+};
+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 };
+};
+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 };
+};
+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 };
+};
+
+export { getColorFromHex, getHueFromPosition, getIndicatorPositionsFromHEX, getSaturationLightnessFromPosition };
+//# sourceMappingURL=utilities.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/components/cell_selector.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ICellSelector } from "../types";
+declare const CellSelector: React.FC<ICellSelector>;
+export default CellSelector;

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

@@ -0,0 +1,38 @@
+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 () {
+        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.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); } })); }))); }))));
+};
+
+export default CellSelector;
+//# sourceMappingURL=cell_selector.js.map

package/build/esm/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ICheckboxProps } from '../types';
+declare const Checkbox: React.FC<ICheckboxProps>;
+export default Checkbox;

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

@@ -0,0 +1,28 @@
+import React, { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIcon } from '../css_classes.js';
+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) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(ev);
+        setIsChecked(function (prevState) { return !prevState; });
+    };
+    useEffect(function () {
+        setIsChecked(initiallyChecked);
+    }, [initiallyChecked]);
+    return (React.createElement("span", { className: checkboxClasses },
+        React.createElement("input", { className: cssClasses[checkboxControl], id: id, name: name, type: "checkbox", value: value, checked: isChecked, disabled: isDisabled, onChange: handleCheckboxChange }),
+        React.createElement("label", { className: cssClasses[checkboxLabel], htmlFor: id },
+            React.createElement(IconTick, { className: cssClasses[checkboxIcon] }))));
+};
+
+export default Checkbox;
+//# sourceMappingURL=checkbox.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/components/checkbox_switch.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ICheckboxProps } from '../types';
+declare const CheckboxSwitch: React.FC<ICheckboxProps>;
+export default CheckboxSwitch;

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

@@ -0,0 +1,28 @@
+import React, { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { checkboxSwitch, checkboxSwitchDisabled, checkboxSwitchControl, checkboxSwitchLabel, checkboxSwitchIcon } from '../css_classes.js';
+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) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(ev);
+        setIsChecked(function (prevState) { return !prevState; });
+    };
+    useEffect(function () {
+        setIsChecked(initiallyChecked);
+    }, [initiallyChecked]);
+    return (React.createElement("span", { className: checkboxClasses },
+        React.createElement("input", { className: cssClasses[checkboxSwitchControl], id: id, name: name, type: "checkbox", value: value, checked: isChecked, disabled: isDisabled, onChange: handleCheckboxChange }),
+        React.createElement("label", { className: cssClasses[checkboxSwitchLabel], htmlFor: id },
+            React.createElement(IconTick, { className: cssClasses[checkboxSwitchIcon] }))));
+};
+
+export default CheckboxSwitch;
+//# sourceMappingURL=checkbox_switch.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/components/content.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IContentProps } from '../types';
+declare const Content: React.FC<IContentProps>;
+export default Content;

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

@@ -0,0 +1,11 @@
+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;
+    return React.createElement("div", { className: cssStyles[cssControlsContent] }, children);
+};
+
+export default Content;
+//# sourceMappingURL=content.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/components/element.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IElementProps } from '../types';
+declare const Element: React.FC<IElementProps>;
+export default Element;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import classnames from 'classnames';
+import { cssControlsElement, cssControlsElementPrefix, cssControlsElementPostfix, cssControlsElementCheckbox, cssControlsElementRadio } 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;
+    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));
+    return (React.createElement("div", { className: controlElementClasses, "data-postfix": postfix, "data-prefix": prefix }, children));
+};
+
+export default Element;
+//# sourceMappingURL=element.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/components/errors.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Errors: React.FC;
+export default Errors;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem } from '../css_classes.js';
+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;
+    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;
+};
+
+export default Errors;
+//# sourceMappingURL=errors.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/components/input.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IInputProps } from '../types';
+declare const Input: React.FC<IInputProps>;
+export default Input;

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

@@ -0,0 +1,24 @@
+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 })));
+};
+
+export default Input;
+//# sourceMappingURL=input.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IInputWrapperProps } from '../types';
+declare const InputWrapper: React.FC<IInputWrapperProps>;
+export default InputWrapper;

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

@@ -0,0 +1,26 @@
+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 }),
+        preElements,
+        React.createElement("input", { type: "text", className: cssClasses[cssControlInput], value: value, readOnly: true }),
+        postElements));
+};
+
+export default InputWrapper;
+//# sourceMappingURL=input_wrapper.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/components/label.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IControlLabelProps } from '../types';
+declare const ControlLabel: React.FC<IControlLabelProps>;
+export default ControlLabel;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+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;
+    return (React.createElement("div", { className: cssStyles[cssControlsLabel] },
+        React.createElement(Label, { htmlFor: id, isRequired: isRequired }, children)));
+};
+
+export default ControlLabel;
+//# sourceMappingURL=label.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/components/radio.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IRadioProps } from '../types';
+declare const Radio: React.FC<IRadioProps>;
+export default Radio;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import classnames from 'classnames';
+import { radio, radioDisabled, radioControl, radioLabel } from '../css_classes.js';
+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));
+    function handleRadioChange(ev) {
+        if (onClick) {
+            onClick(ev);
+        }
+    }
+    return (React.createElement("span", { className: classNames(radioClasses.split(' '), cssStyles) },
+        React.createElement("input", { className: cssStyles[radioControl], id: id, name: name, type: "radio", value: value, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onClick: handleRadioChange }),
+        React.createElement("label", { className: cssStyles[radioLabel], htmlFor: id })));
+};
+
+export default Radio;
+//# sourceMappingURL=radio.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/components/textarea.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ITextareaProps } from '../types';
+declare const Textarea: React.FC<ITextareaProps>;
+export default Textarea;

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

@@ -0,0 +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, 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 })));
+};
+
+export default Textarea;
+//# sourceMappingURL=textarea.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/context.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IControlContext } from "./types";
+export declare const ControlContext: React.Context<IControlContext>;
+export declare const useControlContext: () => IControlContext;

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

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

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts

@@ -0,0 +1,40 @@
+export declare const cssControls = "controls";
+export declare const cssControlsError = "controls_error";
+export declare const cssControlsLabel: string;
+export declare const cssControlsContent: string;
+export declare const cssControlsElement: string;
+export declare const cssControlsElementPrefix: string;
+export declare const cssControlsElementPostfix: string;
+export declare const cssControlsElementCheckbox: string;
+export declare const cssControlsElementRadio: string;
+export declare const cssControlsErrors: string;
+export declare const cssControlsErrorsList: string;
+export declare const cssControlsErrorsListItem: string;
+export declare const cssControl = "control";
+export declare const cssControlS = "control_s";
+export declare const cssControlWrapper = "control_wrapper";
+export declare const cssControlFocus = "control_focus";
+export declare const cssControlDisabled = "control_disabled";
+export declare const cssControlReadonly = "control_readonly";
+export declare const cssControlError = "control_error";
+export declare const cssControlInput = "control__input";
+export declare const checkbox = "checkbox";
+export declare const checkboxDisabled: string;
+export declare const checkboxControl: string;
+export declare const checkboxLabel: string;
+export declare const checkboxIcon: string;
+export declare const checkboxSwitch = "checkbox-switch";
+export declare const checkboxSwitchDisabled: string;
+export declare const checkboxSwitchControl: string;
+export declare const checkboxSwitchLabel: string;
+export declare const checkboxSwitchIcon: string;
+export declare const radio = "radio";
+export declare const radioDisabled: string;
+export declare const radioControl: string;
+export declare const radioLabel: string;
+export declare const cellSelector = "cell-selector";
+export declare const cellSelectorContainer: string;
+export declare const cellSelectorDescription: string;
+export declare const cellSelectorRow: string;
+export declare const cellSelectorCell: string;
+export declare const cellSelectorCellActive: string;