@dreamcommerce/aurora 0.3.4-99 → 0.3.5

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

@@ -1,58 +0,0 @@
-import React from 'react';
-import { IPosition } from "./types";
-export declare const getIndicatorPositionFromPosition: ({ elementRect, position }: {
-    elementRect: DOMRect;
-    position: IPosition;
-}) => {
-    positionX: number;
-    positionY: number;
-};
-/**
- * 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?: React.RefObject<HTMLDivElement> | undefined;
-    hueSliderRef?: React.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;
-};
-export declare const registerOnMouseEvents: (listener: (event: IPosition) => void) => void;
-/**
- *
- * @param e, TouchEvent which us mapped to MouseEvent
- */
-export declare const mapMouseEventToPosition: (e: MouseEvent | React.MouseEvent<HTMLElement, MouseEvent>) => IPosition;
-export declare const mapTouchEventToPosition: (e: React.TouchEvent<Element> | TouchEvent) => IPosition;
-export declare const registerOnTouchEvents: (listener: (event: IPosition) => void) => void;

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

@@ -1,108 +0,0 @@
-import 'react';
-import 'lodash';
-import { hex2hsl } from '../../../node_modules/colors-convert/dist/lib/hex.js';
-import { MAX_LIGHTNESS_VALUE, MAX_HUE_VALUE, MAX_SATURATION_VALUE, SATURATION_OFFSET } from './constants.js';
-
-/**
- * Function to constraining value to range
- */
-var constrainToRange = function (value, min, max) { return Math.max(Math.min(max, value), min); };
-var getIndicatorPositionFromPosition = function (_a) {
-    var elementRect = _a.elementRect, position = _a.position;
-    var clientX = position.clientX, clientY = position.clientY;
-    var left = elementRect.left, top = elementRect.top, width = elementRect.width, height = elementRect.height;
-    var positionX = constrainToRange(clientX - left, 0, width);
-    var positionY = constrainToRange(clientY - top, 0, height);
-    return { positionX: positionX, positionY: positionY };
-};
-/**
- * Function to calculate indicators position based on hex value
- * @param saturationLightnessPanelRef, reference
- * @param hueSliderRef, reference
- * @param hex, string with color
- * @return
- */
-var getIndicatorPositionsFromHEX = function (_a) {
-    var saturationLightnessPanelRef = _a.saturationLightnessPanelRef, hueSliderRef = _a.hueSliderRef, hex = _a.hex;
-    var _b, _c;
-    var _d = hex2hsl(hex), h = _d.h, s = _d.s, l = _d.l;
-    var _e = ((_b = saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || {}, _f = _e.width, width = _f === void 0 ? 0 : _f, _g = _e.height, height = _g === void 0 ? 0 : _g;
-    var hueSliderRect = (_c = hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect();
-    var saturationLightnessPointer = {
-        left: constrainToRange((s * width) / MAX_SATURATION_VALUE, 0, width),
-        top: constrainToRange((l * height) / MAX_LIGHTNESS_VALUE, 0, height),
-    };
-    var hueSliderPointer = {
-        top: h * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.height) || 0) / MAX_HUE_VALUE),
-        left: h * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.width) || 0) / MAX_HUE_VALUE),
-    };
-    return { saturationLightnessPointer: saturationLightnessPointer, hueSliderPointer: hueSliderPointer };
-};
-var getColorFromHex = function (value) {
-    var _a = hex2hsl(value), hue = _a.h, saturation = _a.s, lightness = _a.l;
-    return { hue: hue, saturation: saturation, lightness: lightness, hex: value };
-};
-var getHueFromPosition = function (_a) {
-    var hueSliderRect = _a.hueSliderRect, position = _a.position, screenName = _a.screenName;
-    var clientY = position.clientY, clientX = position.clientX;
-    var top = hueSliderRect.top, height = hueSliderRect.height, width = hueSliderRect.width, left = hueSliderRect.left;
-    var distance = screenName === 'xs' ? 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 };
-};
-/*
- * Function to proper register mousedown event
- * It is working the same as Drag&Drop
- * @param event - event which should be added when mouse down, but deleted when mouse leave or mouse up
- */
-var registerOnMouseEvents = function (listener) {
-    var mappedFunction = function (event) { return listener(mapMouseEventToPosition(event)); };
-    function eventRemover() {
-        document.body.removeEventListener('mousemove', mappedFunction);
-        document.body.removeEventListener('mouseup', eventRemover);
-        document.body.removeEventListener('mouseleave', eventRemover);
-    }
-    document.body.addEventListener('mousemove', mappedFunction);
-    document.body.addEventListener('mouseleave', eventRemover);
-    document.body.addEventListener('mouseup', eventRemover);
-};
-/**
- *
- * @param e, TouchEvent which us mapped to MouseEvent
- */
-var mapMouseEventToPosition = function (e) {
-    var clientX = e.clientX, clientY = e.clientY;
-    return { clientX: clientX, clientY: clientY };
-};
-var mapTouchEventToPosition = function (e) {
-    var touches = e.touches;
-    var _a = touches === null || touches === void 0 ? void 0 : touches[0], clientX = _a.clientX, clientY = _a.clientY;
-    return { clientX: clientX, clientY: clientY };
-};
-/*
- * Function to proper register touch events
- * It is working the same as Drag&Drop
- * @param event - event which should be added when touch start, but deleted when touch end or touch cancel
- */
-var registerOnTouchEvents = function (listener) {
-    var mappedFunction = function (event) { return listener(mapTouchEventToPosition(event)); };
-    function eventRemover() {
-        document.body.removeEventListener('touchmove', mappedFunction);
-        document.body.removeEventListener('touchend', eventRemover);
-        document.body.removeEventListener('touchcancel', eventRemover);
-    }
-    document.body.addEventListener('touchmove', mappedFunction);
-    document.body.addEventListener('touchcancel', eventRemover);
-    document.body.addEventListener('touchend', eventRemover);
-};
-
-export { getColorFromHex, getHueFromPosition, getIndicatorPositionFromPosition, getIndicatorPositionsFromHEX, getSaturationLightnessFromPosition, mapMouseEventToPosition, mapTouchEventToPosition, registerOnMouseEvents, registerOnTouchEvents };
-//# sourceMappingURL=utilities.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sources":["../../../../../src/components/color_picker/utilities.ts"],"sourcesContent":["import React, { RefObject } from 'react';\nimport { hex2hsl } from 'colors-convert';\nimport { MAX_HUE_VALUE, MAX_LIGHTNESS_VALUE, MAX_SATURATION_VALUE, SATURATION_OFFSET } from './constants';\nimport { IPosition } from '@components/color_picker/types';\n\n/**\n * Function to constraining value to range\n */\nconst constrainToRange = (value: number, min: number, max: number) => Math.max(Math.min(max, value), min);\n\nexport const getIndicatorPositionFromPosition = ({ elementRect, position }: { elementRect: DOMRect; position: IPosition }) => {\n    const { clientX, clientY } = position;\n    const { left, top, width, height } = elementRect;\n\n    const positionX = constrainToRange(clientX - left, 0, width);\n    const positionY = constrainToRange(clientY - top, 0, height);\n\n    return { positionX, positionY };\n};\n\n/**\n * Function to calculate indicators position based on hex value\n * @param saturationLightnessPanelRef, reference\n * @param hueSliderRef, reference\n * @param hex, string with color\n * @return\n */\nexport const getIndicatorPositionsFromHEX = ({\n    saturationLightnessPanelRef,\n    hueSliderRef,\n    hex,\n}: {\n    saturationLightnessPanelRef?: RefObject<HTMLDivElement>;\n    hueSliderRef?: RefObject<HTMLDivElement>;\n    hex: string;\n}) => {\n    const { h, s, l } = hex2hsl(hex);\n    const { width = 0, height = 0 } = saturationLightnessPanelRef?.current?.getBoundingClientRect() || {};\n    const hueSliderRect = hueSliderRef?.current?.getBoundingClientRect();\n    const saturationLightnessPointer = {\n        left: constrainToRange((s * width) / MAX_SATURATION_VALUE, 0, width),\n        top: constrainToRange((l * height) / MAX_LIGHTNESS_VALUE, 0, height),\n    };\n    const hueSliderPointer = {\n        top: h * ((hueSliderRect?.height || 0) / MAX_HUE_VALUE),\n        left: h * ((hueSliderRect?.width || 0) / MAX_HUE_VALUE),\n    };\n\n    return { saturationLightnessPointer, hueSliderPointer };\n};\n\nexport const getColorFromHex = (value: string) => {\n    const { h: hue, s: saturation, l: lightness } = hex2hsl(value);\n\n    return { hue, saturation, lightness, hex: value };\n};\n\nexport const getHueFromPosition = ({\n    hueSliderRect,\n    position,\n    screenName,\n}: {\n    hueSliderRect: DOMRect;\n    position: IPosition;\n    screenName: string;\n}) => {\n    const { clientY, clientX } = position;\n    const { top, height, width, left } = hueSliderRect;\n    const distance = screenName === 'xs' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);\n    const hue = screenName === 'xs' ? (distance * (MAX_HUE_VALUE - 1)) / width : (distance * (MAX_HUE_VALUE - 1)) / height;\n\n    return { hue };\n};\n\nexport const getSaturationLightnessFromPosition = ({ elementRect, position }: { elementRect: DOMRect; position: IPosition }) => {\n    const { width, height } = elementRect;\n    const { positionX, positionY } = getIndicatorPositionFromPosition({ elementRect, position });\n    const saturation = (positionX * MAX_SATURATION_VALUE) / width || SATURATION_OFFSET;\n    const lightness = MAX_LIGHTNESS_VALUE - (positionY * (MAX_LIGHTNESS_VALUE / 2)) / height - saturation / 2;\n\n    return { lightness, saturation };\n};\n\n/*\n * Function to proper register mousedown event\n * It is working the same as Drag&Drop\n * @param event - event which should be added when mouse down, but deleted when mouse leave or mouse up\n */\nexport const registerOnMouseEvents = (listener: (event: IPosition) => void) => {\n    const mappedFunction = (event: MouseEvent) => listener(mapMouseEventToPosition(event));\n\n    function eventRemover() {\n        document.body.removeEventListener('mousemove', mappedFunction);\n        document.body.removeEventListener('mouseup', eventRemover);\n        document.body.removeEventListener('mouseleave', eventRemover);\n    }\n    document.body.addEventListener('mousemove', mappedFunction);\n    document.body.addEventListener('mouseleave', eventRemover);\n    document.body.addEventListener('mouseup', eventRemover);\n};\n/**\n *\n * @param e, TouchEvent which us mapped to MouseEvent\n */\n\nexport const mapMouseEventToPosition = (e: React.MouseEvent<HTMLElement, MouseEvent> | MouseEvent) => {\n    const { clientX, clientY } = e;\n\n    return { clientX, clientY } as IPosition;\n};\n\nexport const mapTouchEventToPosition = (e: React.TouchEvent | TouchEvent) => {\n    const { touches } = e;\n    const { clientX, clientY } = touches?.[0];\n\n    return { clientX, clientY } as IPosition;\n};\n\n/*\n * Function to proper register touch events\n * It is working the same as Drag&Drop\n * @param event - event which should be added when touch start, but deleted when touch end or touch cancel\n */\nexport const registerOnTouchEvents = (listener: (event: IPosition) => void) => {\n    const mappedFunction = (event: TouchEvent) => listener(mapTouchEventToPosition(event));\n\n    function eventRemover() {\n        document.body.removeEventListener('touchmove', mappedFunction);\n        document.body.removeEventListener('touchend', eventRemover);\n        document.body.removeEventListener('touchcancel', eventRemover);\n    }\n    document.body.addEventListener('touchmove', mappedFunction);\n    document.body.addEventListener('touchcancel', eventRemover);\n    document.body.addEventListener('touchend', eventRemover);\n};\n"],"names":[],"mappings":"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"}

package/build/esm/src/components/controls/components/checkbox.d.ts

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../../../src/components/controls/components/checkbox.tsx"],"sourcesContent":["import cssClasses from '@css/checkbox/main.module.less';\n\nimport React, { useEffect, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { ICheckboxProps } from '../types';\nimport { checkbox, checkboxDisabled, checkboxControl, checkboxLabel, checkboxIcon } from '../css_classes';\nimport IconTick from '@assets/icon_tick';\n\nconst Checkbox: React.FC<ICheckboxProps> = ({ id, name, value, initiallyChecked = false, disabled: isDisabled, onChange }): JSX.Element => {\n    const [isChecked, setIsChecked] = useState<boolean>(initiallyChecked);\n\n    const checkboxClasses = classnames(cssClasses[checkbox], {\n        [cssClasses[checkboxDisabled]]: isDisabled\n    });\n\n    const handleCheckboxChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n        onChange?.(ev);\n        setIsChecked((prevState) => !prevState);\n    };\n\n    useEffect(() => {\n        setIsChecked(initiallyChecked);\n    }, [initiallyChecked]);\n\n    return (\n        <span className={checkboxClasses}>\n            <input\n                className={cssClasses[checkboxControl]}\n                id={id}\n                name={name}\n                type=\"checkbox\"\n                value={value}\n                checked={isChecked}\n                disabled={isDisabled}\n                onChange={handleCheckboxChange}\n            />\n\n            <label className={cssClasses[checkboxLabel]} htmlFor={id}>\n                <IconTick className={cssClasses[checkboxIcon]} />\n            </label>\n        </span>\n    );\n};\n\nexport default Checkbox;\n"],"names":[],"mappings":";;;;;;IASM,QAAQ,GAA6B,UAAC,EAA6E;;QAA3E,UAAE,EAAE,cAAI,EAAE,gBAAK,EAAE,wBAAwB,EAAxB,6CAAwB,EAAE,wBAAoB,EAAE,sBAAQ;IAC7G,IAAA,+BAA+D,EAA9D,iBAAS,EAAE,oBAAmD,CAAC;IAEtE,IAAM,eAAe,GAAG,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC;QACnD,GAAC,UAAU,CAAC,gBAAgB,CAAC,IAAG,UAAU;YAC5C,CAAC;IAEH,IAAM,oBAAoB,GAAG,UAAC,EAAuC;QACjE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,EAAE;QACf,YAAY,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,GAAA,CAAC,CAAC;KAC3C,CAAC;IAEF,SAAS,CAAC;QACN,YAAY,CAAC,gBAAgB,CAAC,CAAC;KAClC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,QACI,8BAAM,SAAS,EAAE,eAAe;QAC5B,+BACI,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,EACtC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,oBAAoB,GAChC;QAEF,+BAAO,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;YACpD,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,GAAI,CAC7C,CACL,EACT;AACN;;;;"}

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

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

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

@@ -1,11 +0,0 @@
-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/src/components/controls/components/content.js.map

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

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

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

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

@@ -1,19 +0,0 @@
-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/src/components/controls/components/element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"element.js","sources":["../../../../../../src/components/controls/components/element.tsx"],"sourcesContent":["import cssStyles from '@css/controls/main.module.less';\n\nimport React from 'react';\nimport classnames from 'classnames';\n\nimport { IElementProps } from '../types';\nimport {\n    cssControlsElement,\n    cssControlsElementCheckbox,\n    cssControlsElementPrefix,\n    cssControlsElementPostfix,\n    cssControlsElementRadio\n} from '../css_classes';\n\nconst Element: React.FC<IElementProps> = ({ type, prefix, postfix, children }): JSX.Element => {\n    const ControlElementClasses = classnames(cssStyles[cssControlsElement], {\n        [cssStyles[cssControlsElementPrefix]]: prefix,\n        [cssStyles[cssControlsElementPostfix]]: postfix,\n        [cssStyles[cssControlsElementCheckbox]]: type === 'checkbox',\n        [cssStyles[cssControlsElementRadio]]: type === 'radio'\n    });\n\n    return (\n        <div className={ControlElementClasses} data-postfix={postfix} data-prefix={prefix}>\n            {children}\n        </div>\n    );\n};\n\nexport default Element;\n"],"names":[],"mappings":";;;;;IAcM,OAAO,GAA4B,UAAC,EAAmC;;QAAjC,cAAI,EAAE,kBAAM,EAAE,oBAAO,EAAE,sBAAQ;IACvE,IAAM,qBAAqB,GAAG,UAAU,CAAC,SAAS,CAAC,kBAAkB,CAAC;QAClE,GAAC,SAAS,CAAC,wBAAwB,CAAC,IAAG,MAAM;QAC7C,GAAC,SAAS,CAAC,yBAAyB,CAAC,IAAG,OAAO;QAC/C,GAAC,SAAS,CAAC,0BAA0B,CAAC,IAAG,IAAI,KAAK,UAAU;QAC5D,GAAC,SAAS,CAAC,uBAAuB,CAAC,IAAG,IAAI,KAAK,OAAO;YACxD,CAAC;IAEH,QACI,6BAAK,SAAS,EAAE,qBAAqB,kBAAgB,OAAO,iBAAe,MAAM,IAC5E,QAAQ,CACP,EACR;AACN;;;;"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","sources":["../../../../../../src/components/controls/components/input.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/input/main.module.less';\nimport { IInputProps } from '../types';\nimport { cssControl, cssControlS } from '../css_classes';\n\nconst Input: React.FC<IInputProps> = ({ id, name, padding, placeholder, value, disabled, onChange, onKeyPress, ...props }): JSX.Element => {\n    const inputClasses = classnames(cssClasses[cssControl], {\n        [cssClasses[cssControlS]]: padding === 'small'\n    });\n\n    return (\n        <input\n            {...props}\n            className={inputClasses}\n            id={id}\n            name={name}\n            value={value}\n            placeholder={placeholder}\n            disabled={disabled}\n            onChange={onChange}\n            onKeyPress={onKeyPress}\n        />\n    );\n};\n\nexport default Input;\n"],"names":[],"mappings":";;;;;;IAOM,KAAK,GAA0B,UAAC,EAAmF;;IAAjF,IAAA,UAAE,EAAE,cAAI,EAAE,oBAAO,EAAE,4BAAW,EAAE,gBAAK,EAAE,sBAAQ,EAAE,sBAAQ,EAAE,0BAAU,EAAE,2GAAQ;IACnH,IAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC;QAClD,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,OAAO,KAAK,OAAO;YAChD,CAAC;IAEH,QACI,0CACQ,KAAK,IACT,SAAS,EAAE,YAAY,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IACxB,EACJ;AACN;;;;"}

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

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

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

@@ -1,23 +0,0 @@
-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, cssControlInput } from '../css_classes.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 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));
-    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/src/components/controls/components/input_wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input_wrapper.js","sources":["../../../../../../src/components/controls/components/input_wrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/input/main.module.less';\n\nimport { IInputWrapperProps } from '../types';\nimport {\n    cssControl,\n    cssControlS,\n    cssControlWrapper,\n    cssControlFocus,\n    cssControlDisabled,\n    cssControlReadonly,\n    cssControlInput\n} from '../css_classes';\n\nconst InputWrapper: React.FC<IInputWrapperProps> = ({\n    value,\n    size,\n    isFocused,\n    isDisabled,\n    isReadOnly,\n    preElements,\n    postElements,\n    ...props\n}): JSX.Element => {\n    const classes = classnames(cssClasses[cssControl], cssClasses[cssControlWrapper], {\n        [cssClasses[cssControlS]]: size === 'small',\n        [cssClasses[cssControlFocus]]: isFocused,\n        [cssClasses[cssControlDisabled]]: isDisabled,\n        [cssClasses[cssControlReadonly]]: isReadOnly\n    });\n\n    return (\n        <div {...props} className={classes}>\n            {preElements}\n            <input type=\"text\" className={cssClasses[cssControlInput]} value={value} readOnly />\n            {postElements}\n        </div>\n    );\n};\n\nexport default InputWrapper;\n"],"names":[],"mappings":";;;;;;IAgBM,YAAY,GAAiC,UAAC,EASnD;;IARG,IAAA,gBAAK,EACL,cAAI,EACJ,wBAAS,EACT,0BAAU,EACV,0BAAU,EACV,4BAAW,EACX,8BAAY,EACZ,6GAAQ;IAER,IAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC;QAC5E,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,IAAI,KAAK,OAAO;QAC3C,GAAC,UAAU,CAAC,eAAe,CAAC,IAAG,SAAS;QACxC,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,UAAU;QAC5C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,UAAU;YAC9C,CAAC;IAEH,QACI,wCAAS,KAAK,IAAE,SAAS,EAAE,OAAO;QAC7B,WAAW;QACZ,+BAAO,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,SAAG;QACnF,YAAY,CACX,EACR;AACN;;;;"}

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

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

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { cssControlsLabel } from '../css_classes.js';
-import Label from '../../label/index.js';
-import cssStyles from '../../../css/controls/main.module.less.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/src/components/controls/components/label.js.map

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

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

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

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

@@ -1,24 +0,0 @@
-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, _c = _a.initiallyChecked, initiallyChecked = _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, defaultChecked: initiallyChecked, disabled: disabled, onClick: handleRadioChange }),
-        React.createElement("label", { className: cssStyles[radioLabel], htmlFor: id })));
-};
-
-export default Radio;
-//# sourceMappingURL=radio.js.map

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

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

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

@@ -1,24 +0,0 @@
-export declare const cssControls = "controls";
-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 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 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 radio = "radio";
-export declare const radioDisabled: string;
-export declare const radioControl: string;
-export declare const radioLabel: string;

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

@@ -1,27 +0,0 @@
-var cssControls = 'controls';
-var cssControlsLabel = cssControls + "__label";
-var cssControlsContent = cssControls + "__content";
-var cssControlsElement = cssControls + "__element";
-var cssControlsElementPrefix = cssControls + "__element_prefix";
-var cssControlsElementPostfix = cssControls + "__element_postfix";
-var cssControlsElementCheckbox = cssControls + "__element_checkbox";
-var cssControlsElementRadio = cssControls + "__element_radio";
-var cssControl = 'control';
-var cssControlS = 'control_s';
-var cssControlWrapper = 'control_wrapper';
-var cssControlFocus = 'control_focus';
-var cssControlDisabled = 'control_disabled';
-var cssControlReadonly = 'control_readonly';
-var cssControlInput = 'control__input';
-var checkbox = 'checkbox';
-var checkboxDisabled = checkbox + "_disabled";
-var checkboxControl = checkbox + "__control";
-var checkboxLabel = checkbox + "__label";
-var checkboxIcon = checkbox + "__icon";
-var radio = 'radio';
-var radioDisabled = radio + "_disabled";
-var radioControl = radio + "__control";
-var radioLabel = radio + "__label";
-
-export { checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, cssControl, cssControlDisabled, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
-//# sourceMappingURL=css_classes.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/controls/css_classes.ts"],"sourcesContent":["export const cssControls = 'controls';\nexport const cssControlsLabel = `${cssControls}__label`;\nexport const cssControlsContent = `${cssControls}__content`;\nexport const cssControlsElement = `${cssControls}__element`;\nexport const cssControlsElementPrefix = `${cssControls}__element_prefix`;\nexport const cssControlsElementPostfix = `${cssControls}__element_postfix`;\nexport const cssControlsElementCheckbox = `${cssControls}__element_checkbox`;\nexport const cssControlsElementRadio = `${cssControls}__element_radio`;\n\nexport const cssControl = 'control';\nexport const cssControlS = 'control_s';\nexport const cssControlWrapper = 'control_wrapper';\nexport const cssControlFocus = 'control_focus';\nexport const cssControlDisabled = 'control_disabled';\nexport const cssControlReadonly = 'control_readonly';\nexport const cssControlInput = 'control__input';\n\nexport const checkbox = 'checkbox';\nexport const checkboxDisabled = `${checkbox}_disabled`;\nexport const checkboxControl = `${checkbox}__control`;\nexport const checkboxLabel = `${checkbox}__label`;\nexport const checkboxIcon = `${checkbox}__icon`;\n\nexport const radio = 'radio';\nexport const radioDisabled = `${radio}_disabled`;\nexport const radioControl = `${radio}__control`;\nexport const radioLabel = `${radio}__label`;\n"],"names":[],"mappings":"IAAa,WAAW,GAAG,WAAW;IACzB,gBAAgB,GAAM,WAAW,aAAU;IAC3C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,kBAAkB,GAAM,WAAW,eAAY;IAC/C,wBAAwB,GAAM,WAAW,sBAAmB;IAC5D,yBAAyB,GAAM,WAAW,uBAAoB;IAC9D,0BAA0B,GAAM,WAAW,wBAAqB;IAChE,uBAAuB,GAAM,WAAW,qBAAkB;IAE1D,UAAU,GAAG,UAAU;IACvB,WAAW,GAAG,YAAY;IAC1B,iBAAiB,GAAG,kBAAkB;IACtC,eAAe,GAAG,gBAAgB;IAClC,kBAAkB,GAAG,mBAAmB;IACxC,kBAAkB,GAAG,mBAAmB;IACxC,eAAe,GAAG,iBAAiB;IAEnC,QAAQ,GAAG,WAAW;IACtB,gBAAgB,GAAM,QAAQ,eAAY;IAC1C,eAAe,GAAM,QAAQ,eAAY;IACzC,aAAa,GAAM,QAAQ,aAAU;IACrC,YAAY,GAAM,QAAQ,YAAS;IAEnC,KAAK,GAAG,QAAQ;IAChB,aAAa,GAAM,KAAK,eAAY;IACpC,YAAY,GAAM,KAAK,eAAY;IACnC,UAAU,GAAM,KAAK;;;;"}

package/build/esm/src/components/controls/hoc/control_checkbox/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { IControlCheckboxProps } from '../../types';
-/**
- * @component
- * @example
- * return (
- *  <ControlCheckbox
- *      id="checkbox_example"
- *      label="Label"
- *      labelPosition="left"
- *      checked
- *  />
- * )
- */
-declare const ControlCheckbox: React.FC<IControlCheckboxProps>;
-export default ControlCheckbox;

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

@@ -1,27 +0,0 @@
-import React from 'react';
-import Label from '../../../label/index.js';
-import Control from '../../index.js';
-
-/**
- * @component
- * @example
- * return (
- *  <ControlCheckbox
- *      id="checkbox_example"
- *      label="Label"
- *      labelPosition="left"
- *      checked
- *  />
- * )
- */
-var ControlCheckbox = function (_a) {
-    var id = _a.id, label = _a.label, name = _a.name, value = _a.value, initiallyChecked = _a.initiallyChecked, disabled = _a.disabled, onChange = _a.onChange;
-    return (React.createElement(Control, null,
-        React.createElement(Control.Content, null,
-            React.createElement(Control.Element, { type: "checkbox" },
-                React.createElement(Control.Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
-                React.createElement(Label, { htmlFor: id }, label)))));
-};
-
-export default ControlCheckbox;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_checkbox/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Label from '../../../label';\nimport Control from '../../index';\nimport { IControlCheckboxProps } from '../../types';\n\n/**\n * @component\n * @example\n * return (\n *  <ControlCheckbox\n *      id=\"checkbox_example\"\n *      label=\"Label\"\n *      labelPosition=\"left\"\n *      checked\n *  />\n * )\n */\nconst ControlCheckbox: React.FC<IControlCheckboxProps> = ({\n    id,\n    label,\n    name,\n    value,\n    initiallyChecked,\n    disabled,\n    onChange\n}) => {\n    return (\n        <Control>\n            <Control.Content>\n                <Control.Element type=\"checkbox\">\n                    <Control.Checkbox\n                        id={id}\n                        name={name}\n                        value={value}\n                        initiallyChecked={initiallyChecked}\n                        disabled={disabled}\n                        onChange={onChange}\n                    />\n\n                    <Label htmlFor={id}>{label}</Label>\n                </Control.Element>\n            </Control.Content>\n        </Control>\n    );\n};\n\nexport default ControlCheckbox;\n"],"names":[],"mappings":";;;;AAMA;;;;;;;;;;;;IAYM,eAAe,GAAoC,UAAC,EAQzD;QAPG,UAAE,EACF,gBAAK,EACL,cAAI,EACJ,gBAAK,EACL,sCAAgB,EAChB,sBAAQ,EACR,sBAAQ;IAER,QACI,oBAAC,OAAO;QACJ,oBAAC,OAAO,CAAC,OAAO;YACZ,oBAAC,OAAO,CAAC,OAAO,IAAC,IAAI,EAAC,UAAU;gBAC5B,oBAAC,OAAO,CAAC,QAAQ,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GACpB;gBAEF,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CACrB,CACJ,CACZ,EACZ;AACN;;;;"}

package/build/esm/src/components/controls/hoc/control_color_picker/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { IControlColorPickerProps } from "../../types";
-/**
- * @component
- * @example
- * return (
- *  <ControlColorPicker
- *      defaultColor="#FF00FF"
- *      name="Example color picker"
- *      isRequired
- *      label="Example color picker label"
- *  />
- * )
- */
-declare const ControlColorPicker: React.FC<IControlColorPickerProps>;
-export default ControlColorPicker;

package/build/esm/src/components/controls/hoc/control_color_picker/index.js

@@ -1,54 +0,0 @@
-import React, { useState, useMemo } from 'react';
-import { useScreenDetect } from '../../../../hooks/use_screen_detect.js';
-import Control from '../../index.js';
-import Dropdown from '../../../dropdown/index.js';
-import { ColorPickerContext } from '../../../color_picker/context.js';
-import { PureColorPicker } from '../../../color_picker/index.js';
-import ColorPickerLabel from '../../../color_picker/components/label.js';
-
-/**
- * @component
- * @example
- * return (
- *  <ControlColorPicker
- *      defaultColor="#FF00FF"
- *      name="Example color picker"
- *      isRequired
- *      label="Example color picker label"
- *  />
- * )
- */
-var ControlColorPicker = function (_a) {
-    var _b = _a.defaultColor, defaultColor = _b === void 0 ? '#FFFFFF' : _b, name = _a.name, isRequired = _a.isRequired, label = _a.label, id = _a.id, onChange = _a.onChange, hideChooseCancelButtons = _a.hideChooseCancelButtons;
-    var _c = useState({ hue: 0, saturation: 0.00001, lightness: 100, hex: defaultColor }), color = _c[0], setColor = _c[1];
-    var _d = useState({ hue: 0, saturation: 0.00001, lightness: 100, hex: defaultColor }), initialColor = _d[0], setInitialColor = _d[1];
-    var _e = useState({ left: 0, top: 0 }), hueSliderPointer = _e[0], setHueSliderPointer = _e[1];
-    var _f = useState({ left: 0, top: 0 }), saturationLightnessPointer = _f[0], setSaturationLightnessPointer = _f[1];
-    var screenName = useScreenDetect();
-    useMemo(function () {
-        onChange === null || onChange === void 0 ? void 0 : onChange(color);
-    }, [color, onChange]);
-    return (React.createElement(ColorPickerContext.Provider, { value: {
-            color: color,
-            setColor: setColor,
-            initialColor: initialColor,
-            setInitialColor: setInitialColor,
-            hueSliderPointer: hueSliderPointer,
-            setHueSliderPointer: setHueSliderPointer,
-            saturationLightnessPointer: saturationLightnessPointer,
-            setSaturationLightnessPointer: setSaturationLightnessPointer,
-            screenName: screenName
-        } },
-        React.createElement(Dropdown, null,
-            React.createElement(Dropdown.CustomLabel, null,
-                React.createElement(Control, null,
-                    label && (React.createElement(Control.Label, { id: id, isRequired: isRequired }, label)),
-                    React.createElement(Control.Content, null,
-                        React.createElement(Control.Element, null,
-                            React.createElement(ColorPickerLabel, { name: name, isRequired: isRequired, id: id, label: label }))))),
-            React.createElement(Dropdown.Content, null,
-                React.createElement(PureColorPicker, { hideChooseCancelButtons: hideChooseCancelButtons })))));
-};
-
-export default ControlColorPicker;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_color_picker/index.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { PureColorPicker } from '@components/color_picker';\nimport ColorPickerLabel from '@components/color_picker/components/label';\nimport { ColorPickerContext } from '@components/color_picker/context';\nimport Control from '@components/controls/index';\nimport Dropdown from '@components/dropdown';\nimport { useScreenDetect } from '@hooks/use_screen_detect';\nimport { IControlColorPickerProps } from '@components/controls/types';\n\n/**\n * @component\n * @example\n * return (\n *  <ControlColorPicker\n *      defaultColor=\"#FF00FF\"\n *      name=\"Example color picker\"\n *      isRequired\n *      label=\"Example color picker label\"\n *  />\n * )\n */\n\nconst ControlColorPicker: React.FC<IControlColorPickerProps> = ({\n    defaultColor = '#FFFFFF',\n    name,\n    isRequired,\n    label,\n    id,\n    onChange,\n    hideChooseCancelButtons\n}) => {\n    const [color, setColor] = useState({ hue: 0, saturation: 0.00001, lightness: 100, hex: defaultColor });\n    const [initialColor, setInitialColor] = useState({ hue: 0, saturation: 0.00001, lightness: 100, hex: defaultColor });\n    const [hueSliderPointer, setHueSliderPointer] = useState({ left: 0, top: 0 });\n    const [saturationLightnessPointer, setSaturationLightnessPointer] = useState({ left: 0, top: 0 });\n    const screenName = useScreenDetect();\n\n    useMemo(() => {\n        onChange?.(color);\n    }, [color, onChange]);\n\n    return (\n        <ColorPickerContext.Provider\n            value={{\n                color,\n                setColor,\n                initialColor,\n                setInitialColor,\n                hueSliderPointer,\n                setHueSliderPointer,\n                saturationLightnessPointer,\n                setSaturationLightnessPointer,\n                screenName\n            }}\n        >\n            <Dropdown>\n                <Dropdown.CustomLabel>\n                    <Control>\n                        {label && (\n                            <Control.Label id={id} isRequired={isRequired}>\n                                {label}\n                            </Control.Label>\n                        )}\n                        <Control.Content>\n                            <Control.Element>\n                                <ColorPickerLabel name={name} isRequired={isRequired} id={id} label={label} />\n                            </Control.Element>\n                        </Control.Content>\n                    </Control>\n                </Dropdown.CustomLabel>\n\n                <Dropdown.Content>\n                    <PureColorPicker hideChooseCancelButtons={hideChooseCancelButtons} />\n                </Dropdown.Content>\n            </Dropdown>\n        </ColorPickerContext.Provider>\n    );\n};\n\nexport default ControlColorPicker;\n"],"names":[],"mappings":";;;;;;;;AASA;;;;;;;;;;;;IAaM,kBAAkB,GAAuC,UAAC,EAQ/D;QAPG,oBAAwB,EAAxB,6CAAwB,EACxB,cAAI,EACJ,0BAAU,EACV,gBAAK,EACL,UAAE,EACF,sBAAQ,EACR,oDAAuB;IAEjB,IAAA,iFAAgG,EAA/F,aAAK,EAAE,gBAAwF,CAAC;IACjG,IAAA,iFAA8G,EAA7G,oBAAY,EAAE,uBAA+F,CAAC;IAC/G,IAAA,kCAAuE,EAAtE,wBAAgB,EAAE,2BAAoD,CAAC;IACxE,IAAA,kCAA2F,EAA1F,kCAA0B,EAAE,qCAA8D,CAAC;IAClG,IAAM,UAAU,GAAG,eAAe,EAAE,CAAC;IAErC,OAAO,CAAC;QACJ,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE;KACrB,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,QACI,oBAAC,kBAAkB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACH,KAAK,OAAA;YACL,QAAQ,UAAA;YACR,YAAY,cAAA;YACZ,eAAe,iBAAA;YACf,gBAAgB,kBAAA;YAChB,mBAAmB,qBAAA;YACnB,0BAA0B,4BAAA;YAC1B,6BAA6B,+BAAA;YAC7B,UAAU,YAAA;SACb;QAED,oBAAC,QAAQ;YACL,oBAAC,QAAQ,CAAC,WAAW;gBACjB,oBAAC,OAAO;oBACH,KAAK,KACF,oBAAC,OAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,IACxC,KAAK,CACM,CACnB;oBACD,oBAAC,OAAO,CAAC,OAAO;wBACZ,oBAAC,OAAO,CAAC,OAAO;4BACZ,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAChE,CACJ,CACZ,CACS;YAEvB,oBAAC,QAAQ,CAAC,OAAO;gBACb,oBAAC,eAAe,IAAC,uBAAuB,EAAE,uBAAuB,GAAI,CACtD,CACZ,CACe,EAChC;AACN;;;;"}