@dreamcommerce/aurora 0.3.4-15 → 0.3.4-153

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

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sources":["../../../../../../src/components/controls/components/errors.tsx"],"sourcesContent":["import React from 'react';\nimport { useControlContext } from '@components/controls/context';\nimport styles from '@css/controls/main.module.less';\nimport { cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem } from '@components/controls/css_classes';\n\nconst Errors: React.FC = () => {\n    const { errors, id } = useControlContext();\n\n    return errors ? (\n        <div className={styles[cssControlsErrors]}>\n            <ul className={styles[cssControlsErrorsList]}>\n                {errors.map((error, key) => (\n                    <label htmlFor={id} key={`error-item-${id}-${key}`}>\n                        <li className={styles[cssControlsErrorsListItem]}>{error}</li>\n                    </label>\n                ))}\n            </ul>\n        </div>\n    ) : null;\n};\n\nexport default Errors;\n"],"names":["styles"],"mappings":";;;;;IAKM,MAAM,GAAa;IACf,IAAA,wBAAoC,EAAlC,kBAAM,EAAE,UAA0B,CAAC;IAE3C,OAAO,MAAM,IACT,6BAAK,SAAS,EAAEA,SAAM,CAAC,iBAAiB,CAAC;QACrC,4BAAI,SAAS,EAAEA,SAAM,CAAC,qBAAqB,CAAC,IACvC,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,GAAG,IAAK,QACxB,+BAAO,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,gBAAc,EAAE,SAAI,GAAK;YAC9C,4BAAI,SAAS,EAAEA,SAAM,CAAC,yBAAyB,CAAC,IAAG,KAAK,CAAM,CAC1D,IACX,CAAC,CACD,CACH,IACN,IAAI,CAAC;AACb;;;;"}

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

@@ -0,0 +1 @@
+{"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, cssControlDisabled, cssControlError, cssControlReadonly, cssControlS } from '../css_classes';\nimport { useControlContext } from '@components/controls/context';\n\nconst Input: React.FC<IInputProps> = ({\n    id,\n    name,\n    padding,\n    placeholder,\n    value,\n    disabled,\n    readOnly,\n    onChange,\n    onKeyPress,\n    onKeyUp,\n    // eslint-disable-next-line no-unused-vars\n    children,\n    ...props\n}): JSX.Element => {\n    const { errors } = useControlContext();\n\n    const inputClasses = classnames(cssClasses[cssControl], {\n        [cssClasses[cssControlS]]: padding === 'small',\n        [cssClasses[cssControlError]]: errors,\n        [cssClasses[cssControlDisabled]]: disabled,\n        [cssClasses[cssControlReadonly]]: readOnly,\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            readOnly={readOnly}\n            onChange={onChange}\n            onKeyPress={onKeyPress}\n            onKeyUp={onKeyUp}\n        />\n    );\n};\n\nexport default Input;\n"],"names":[],"mappings":";;;;;;;IAQM,KAAK,GAA0B,UAAC,EAcrC;;IAbG,IAAA,UAAE,EACF,cAAI,EACJ,oBAAO,EACP,4BAAW,EACX,gBAAK,EACL,sBAAQ,EACR,sBAAQ,EACR,sBAAQ,EACR,0BAAU,EACV,oBAAO;;IAEP,sBAAQ,EACR,8IAAQ;IAEA,IAAA,mCAAM,CAAyB;IAEvC,IAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC;QAClD,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,OAAO,KAAK,OAAO;QAC9C,GAAC,UAAU,CAAC,eAAe,CAAC,IAAG,MAAM;QACrC,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,QAAQ;QAC1C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,QAAQ;YAC5C,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,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,IAClB,EACJ;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"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    cssControlError,\n} from '../css_classes';\nimport { useControlContext } from '@components/controls/context';\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 { errors } = useControlContext();\n\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        [cssClasses[cssControlError]]: errors,\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":";;;;;;;IAkBM,YAAY,GAAiC,UAAC,EASnD;;IARG,IAAA,gBAAK,EACL,cAAI,EACJ,wBAAS,EACT,0BAAU,EACV,0BAAU,EACV,4BAAW,EACX,8BAAY,EACZ,6GAAQ;IAEA,IAAA,mCAAM,CAAyB;IAEvC,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;QAC5C,GAAC,UAAU,CAAC,eAAe,CAAC,IAAG,MAAM;YACvC,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

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

@@ -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/src/components/controls/components/label.js.map

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

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

@@ -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, _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

@@ -0,0 +1 @@
+{"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/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/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, defaultValue: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress })));
+};
+
+export default Textarea;
+//# sourceMappingURL=textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sources":["../../../../../../src/components/controls/components/textarea.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/input/main.module.less';\nimport { ITextareaProps } from '../types';\nimport { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes';\n\nconst Textarea: React.FC<ITextareaProps> = ({\n    id,\n    name,\n    padding,\n    placeholder,\n    value,\n    disabled,\n    readOnly,\n    onChange,\n    onKeyPress,\n    ...props\n}): JSX.Element => {\n    const inputClasses = classnames(cssClasses[cssControl], {\n        [cssClasses[cssControlS]]: padding === 'small',\n        [cssClasses[cssControlDisabled]]: disabled,\n        [cssClasses[cssControlReadonly]]: readOnly\n    });\n\n    return (\n        <textarea\n            {...props}\n            className={inputClasses}\n            id={id}\n            name={name}\n            defaultValue={value}\n            placeholder={placeholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onChange}\n            onKeyPress={onKeyPress}\n        ></textarea>\n    );\n};\n\nexport default Textarea;\n"],"names":[],"mappings":";;;;;;IAOM,QAAQ,GAA6B,UAAC,EAW3C;;IAVG,IAAA,UAAE,EACF,cAAI,EACJ,oBAAO,EACP,4BAAW,EACX,gBAAK,EACL,sBAAQ,EACR,sBAAQ,EACR,sBAAQ,EACR,0BAAU,EACV,uHAAQ;IAER,IAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC;QAClD,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,OAAO,KAAK,OAAO;QAC9C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,QAAQ;QAC1C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,QAAQ;YAC5C,CAAC;IAEH,QACI,6CACQ,KAAK,IACT,SAAS,EAAE,YAAY,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IACd,EACd;AACN;;;;"}

package/build/esm/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/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/src/components/controls/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../src/components/controls/context.ts"],"sourcesContent":["import React, { useContext } from 'react';\nimport { IControlContext } from '@components/controls/types';\n\nexport const ControlContext = React.createContext<IControlContext>({});\n\nexport const useControlContext = () => useContext(ControlContext);\n"],"names":[],"mappings":";;IAGa,cAAc,GAAG,KAAK,CAAC,aAAa,CAAkB,EAAE,EAAE;IAE1D,iBAAiB,GAAG,cAAM,OAAA,UAAU,CAAC,cAAc,CAAC;;;;"}

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

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

@@ -0,0 +1,42 @@
+var cssControls = 'controls';
+var cssControlsError = 'controls_error';
+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 cssControlsErrors = cssControls + "__errors";
+var cssControlsErrorsList = cssControls + "__errors-list";
+var cssControlsErrorsListItem = cssControls + "__errors-list-item";
+var cssControl = 'control';
+var cssControlS = 'control_s';
+var cssControlWrapper = 'control_wrapper';
+var cssControlFocus = 'control_focus';
+var cssControlDisabled = 'control_disabled';
+var cssControlReadonly = 'control_readonly';
+var cssControlError = 'control_error';
+var cssControlInput = 'control__input';
+var checkbox = 'checkbox';
+var checkboxDisabled = checkbox + "_disabled";
+var checkboxControl = checkbox + "__control";
+var checkboxLabel = checkbox + "__label";
+var checkboxIcon = checkbox + "__icon";
+var checkboxSwitch = 'checkbox-switch';
+var checkboxSwitchDisabled = checkboxSwitch + "_disabled";
+var checkboxSwitchControl = checkboxSwitch + "__control";
+var checkboxSwitchLabel = checkboxSwitch + "__label";
+var checkboxSwitchIcon = checkboxSwitch + "__icon";
+var radio = 'radio';
+var radioDisabled = radio + "_disabled";
+var radioControl = radio + "__control";
+var radioLabel = radio + "__label";
+var cellSelector = 'cell-selector';
+var cellSelectorContainer = cellSelector + "__container";
+var cellSelectorRow = cellSelector + "__row";
+var cellSelectorCell = cellSelector + "__cell";
+var 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, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/controls/css_classes.ts"],"sourcesContent":["export const cssControls = 'controls';\nexport const cssControlsError = 'controls_error';\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`;\nexport const cssControlsErrors = `${cssControls}__errors`;\nexport const cssControlsErrorsList = `${cssControls}__errors-list`;\nexport const cssControlsErrorsListItem = `${cssControls}__errors-list-item`;\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 cssControlError = 'control_error';\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 checkboxSwitch = 'checkbox-switch';\nexport const checkboxSwitchDisabled = `${checkboxSwitch}_disabled`;\nexport const checkboxSwitchControl = `${checkboxSwitch}__control`;\nexport const checkboxSwitchLabel = `${checkboxSwitch}__label`;\nexport const checkboxSwitchIcon = `${checkboxSwitch}__icon`;\n\nexport const radio = 'radio';\nexport const radioDisabled = `${radio}_disabled`;\nexport const radioControl = `${radio}__control`;\nexport const radioLabel = `${radio}__label`;\n\nexport const cellSelector = 'cell-selector';\nexport const cellSelectorContainer = `${cellSelector}__container`;\nexport const cellSelectorDescription = `${cellSelector}__description`;\nexport const cellSelectorRow = `${cellSelector}__row`;\nexport const cellSelectorCell = `${cellSelector}__cell`;\nexport const cellSelectorCellActive = `${cellSelectorCell}_active`;\n"],"names":[],"mappings":"IAAa,WAAW,GAAG,WAAW;IACzB,gBAAgB,GAAG,iBAAiB;IACpC,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;IAC1D,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,mBAAgB;IACtD,yBAAyB,GAAM,WAAW,wBAAqB;IAE/D,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,gBAAgB;IAClC,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,cAAc,GAAG,kBAAkB;IACnC,sBAAsB,GAAM,cAAc,eAAY;IACtD,qBAAqB,GAAM,cAAc,eAAY;IACrD,mBAAmB,GAAM,cAAc,aAAU;IACjD,kBAAkB,GAAM,cAAc,YAAS;IAE/C,KAAK,GAAG,QAAQ;IAChB,aAAa,GAAM,KAAK,eAAY;IACpC,YAAY,GAAM,KAAK,eAAY;IACnC,UAAU,GAAM,KAAK,aAAU;IAE/B,YAAY,GAAG,gBAAgB;IAC/B,qBAAqB,GAAM,YAAY,iBAAc;IAErD,eAAe,GAAM,YAAY,WAAQ;IACzC,gBAAgB,GAAM,YAAY,YAAS;IAC3C,sBAAsB,GAAM,gBAAgB;;;;"}

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+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;
+    return (React.createElement(Control, { errors: errors, name: name, id: id },
+        (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+            label,
+            hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+        React.createElement(Control.Content, null,
+            React.createElement(Control.Element, null,
+                React.createElement(CellSelector, { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),
+        React.createElement(Control.Errors, null)));
+};
+
+export default ControlCellSelector;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_cell_selector/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Control from '../../index';\nimport { IControlCellSelector } from '../../types';\nimport CellSelector from '@components/controls/components/cell_selector';\nimport Hint from '@components/hint';\n\nconst ControlCellSelector: React.FC<IControlCellSelector> = ({\n    label,\n    isRequired,\n    id,\n    name,\n    errors,\n    onChange,\n    cols,\n    initialSelected,\n    rows,\n    withValueOffset,\n    className,\n    hint,\n}) => {\n    return (\n        <Control errors={errors} name={name} id={id}>\n            {(label || hint) && (\n                <Control.Label id={id} isRequired={isRequired}>\n                    {label}\n                    {hint && <Hint spacingLeft hint={hint} />}\n                </Control.Label>\n            )}\n            <Control.Content>\n                <Control.Element>\n                    <CellSelector\n                        name={name}\n                        onChange={onChange}\n                        cols={cols}\n                        initialSelected={initialSelected}\n                        rows={rows}\n                        withValueOffset={withValueOffset}\n                        className={className}\n                    />\n                </Control.Element>\n            </Control.Content>\n            <Control.Errors />\n        </Control>\n    );\n};\n\nexport default ControlCellSelector;\n"],"names":[],"mappings":";;;;;IAOM,mBAAmB,GAAmC,UAAC,EAa5D;QAZG,gBAAK,EACL,0BAAU,EACV,UAAE,EACF,cAAI,EACJ,kBAAM,EACN,sBAAQ,EACR,cAAI,EACJ,oCAAe,EACf,cAAI,EACJ,oCAAe,EACf,wBAAS,EACT,cAAI;IAEJ,QACI,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACtC,CAAC,KAAK,IAAI,IAAI,MACX,oBAAC,OAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU;YACxC,KAAK;YACL,IAAI,IAAI,oBAAC,IAAI,IAAC,WAAW,QAAC,IAAI,EAAE,IAAI,GAAI,CAC7B,CACnB;QACD,oBAAC,OAAO,CAAC,OAAO;YACZ,oBAAC,OAAO,CAAC,OAAO;gBACZ,oBAAC,YAAY,IACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,GACtB,CACY,CACJ;QAClB,oBAAC,OAAO,CAAC,MAAM,OAAG,CACZ,EACZ;AACN;;;;"}

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

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import Label from '../../../label/index.js';
+import Control from '../../index.js';
+import Hint from '../../../hint/index.js';
+
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlCheckbox
+ *      id="checkbox_example"
+ *      label="Label"
+ *      labelPosition="left"
+ *      checked
+ *  />
+ * )
+ */
+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;
+    return (React.createElement(Control, { errors: errors, name: name, id: id },
+        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,
+                    " ",
+                    hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
+        React.createElement(Control.Errors, null)));
+};
+
+export default ControlCheckbox;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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';\nimport Hint from '@components/hint';\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> = ({ id, hint, label, name, value, initiallyChecked, disabled, onChange, errors }) => {\n    return (\n        <Control errors={errors} name={name} id={id}>\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}>\n                        {label} {hint && <Hint hint={hint} spacingLeft />}\n                    </Label>\n                </Control.Element>\n            </Control.Content>\n            <Control.Errors />\n        </Control>\n    );\n};\n\nexport default ControlCheckbox;\n"],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;IAYM,eAAe,GAAoC,UAAC,EAA8E;QAA5E,UAAE,EAAE,cAAI,EAAE,gBAAK,EAAE,cAAI,EAAE,gBAAK,EAAE,sCAAgB,EAAE,sBAAQ,EAAE,sBAAQ,EAAE,kBAAM;IAClI,QACI,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACvC,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;oBACb,KAAK;;oBAAG,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,SAAG,CAC7C,CACM,CACJ;QAClB,oBAAC,OAAO,CAAC,MAAM,OAAG,CACZ,EACZ;AACN;;;;"}

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

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

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import Label from '../../../label/index.js';
+import Control from '../../index.js';
+import Hint from '../../../hint/index.js';
+
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlCheckbox
+ *      id="checkbox_example"
+ *      label="Label"
+ *      labelPosition="left"
+ *      checked
+ *  />
+ * )
+ */
+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;
+    return (React.createElement(Control, { errors: errors, name: name, id: id },
+        React.createElement(Control.Content, null,
+            React.createElement(Control.Element, { type: "checkbox" },
+                React.createElement(Control.CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
+                React.createElement(Label, { htmlFor: id },
+                    label,
+                    hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
+        React.createElement(Control.Errors, null)));
+};
+
+export default ControlCheckboxSwitch;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_checkbox_switch/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Label from '../../../label';\nimport Control from '../../index';\nimport { IControlCheckboxProps } from '../../types';\nimport Hint from '@components/hint';\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 ControlCheckboxSwitch: React.FC<IControlCheckboxProps> = ({\n    id,\n    label,\n    name,\n    hint,\n    value,\n    initiallyChecked,\n    disabled,\n    onChange,\n    errors,\n}) => {\n    return (\n        <Control errors={errors} name={name} id={id}>\n            <Control.Content>\n                <Control.Element type=\"checkbox\">\n                    <Control.CheckboxSwitch\n                        id={id}\n                        name={name}\n                        value={value}\n                        initiallyChecked={initiallyChecked}\n                        disabled={disabled}\n                        onChange={onChange}\n                    />\n\n                    <Label htmlFor={id}>\n                        {label}\n                        {hint && <Hint hint={hint} spacingLeft />}\n                    </Label>\n                </Control.Element>\n            </Control.Content>\n            <Control.Errors />\n        </Control>\n    );\n};\n\nexport default ControlCheckboxSwitch;\n"],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;IAYM,qBAAqB,GAAoC,UAAC,EAU/D;QATG,UAAE,EACF,gBAAK,EACL,cAAI,EACJ,cAAI,EACJ,gBAAK,EACL,sCAAgB,EAChB,sBAAQ,EACR,sBAAQ,EACR,kBAAM;IAEN,QACI,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACvC,oBAAC,OAAO,CAAC,OAAO;YACZ,oBAAC,OAAO,CAAC,OAAO,IAAC,IAAI,EAAC,UAAU;gBAC5B,oBAAC,OAAO,CAAC,cAAc,IACnB,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;oBACb,KAAK;oBACL,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,SAAG,CACrC,CACM,CACJ;QAClB,oBAAC,OAAO,CAAC,MAAM,OAAG,CACZ,EACZ;AACN;;;;"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IControlColorPickerProps } from "../../types";
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlColorPicker
+ *      initialColor="#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

@@ -0,0 +1,41 @@
+import React from 'react';
+import { ColorPickerContext } from '../../../color_picker/context.js';
+import { useColorPicker } from '../../../color_picker/use_color_picker.js';
+import { PureColorPicker } from '../../../color_picker/index.js';
+import Control from '../../index.js';
+import Hint from '../../../hint/index.js';
+import Dropdown from '../../../dropdown/index.js';
+import ColorPickerLabel from '../../../color_picker/components/label.js';
+
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlColorPicker
+ *      initialColor="#FF00FF"
+ *      name="Example color picker"
+ *      isRequired
+ *      label="Example color picker label"
+ *  />
+ * )
+ */
+var ControlColorPicker = function (_a) {
+    var _b = _a.initialColor, initialColor = _b === void 0 ? '#FFFFFF' : _b, name = _a.name, isRequired = _a.isRequired, label = _a.label, id = _a.id, onChange = _a.onChange, hideChooseCancelButtons = _a.hideChooseCancelButtons, errors = _a.errors, hint = _a.hint;
+    var colorPickerContext = useColorPicker({ initialColorHex: initialColor, onChange: onChange });
+    return (React.createElement(ColorPickerContext.Provider, { value: colorPickerContext },
+        React.createElement(Dropdown, null,
+            React.createElement(Dropdown.CustomLabel, null,
+                React.createElement(Control, { errors: errors, name: name, id: id },
+                    (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+                        label,
+                        hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+                    React.createElement(Control.Content, null,
+                        React.createElement(Control.Element, null,
+                            React.createElement(ColorPickerLabel, { name: name || '', isRequired: isRequired, id: id, label: label }))),
+                    React.createElement(Control.Errors, null))),
+            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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_color_picker/index.tsx"],"sourcesContent":["import React 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 { IControlColorPickerProps } from '@components/controls/types';\nimport { useColorPicker } from '@components/color_picker/use_color_picker';\nimport Hint from '@components/hint';\n\n/**\n * @component\n * @example\n * return (\n *  <ControlColorPicker\n *      initialColor=\"#FF00FF\"\n *      name=\"Example color picker\"\n *      isRequired\n *      label=\"Example color picker label\"\n *  />\n * )\n */\n\nconst ControlColorPicker: React.FC<IControlColorPickerProps> = ({\n    initialColor = '#FFFFFF',\n    name,\n    isRequired,\n    label,\n    id,\n    onChange,\n    hideChooseCancelButtons,\n    errors,\n    hint,\n}) => {\n    const colorPickerContext = useColorPicker({ initialColorHex: initialColor, onChange });\n\n    return (\n        <ColorPickerContext.Provider value={colorPickerContext}>\n            <Dropdown>\n                <Dropdown.CustomLabel>\n                    <Control errors={errors} name={name} id={id}>\n                        {(label || hint) && (\n                            <Control.Label id={id} isRequired={isRequired}>\n                                {label}\n                                {hint && <Hint spacingLeft hint={hint} />}\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.Errors />\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":";;;;;;;;;AAUA;;;;;;;;;;;;IAaM,kBAAkB,GAAuC,UAAC,EAU/D;QATG,oBAAwB,EAAxB,6CAAwB,EACxB,cAAI,EACJ,0BAAU,EACV,gBAAK,EACL,UAAE,EACF,sBAAQ,EACR,oDAAuB,EACvB,kBAAM,EACN,cAAI;IAEJ,IAAM,kBAAkB,GAAG,cAAc,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IAEvF,QACI,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB;QAClD,oBAAC,QAAQ;YACL,oBAAC,QAAQ,CAAC,WAAW;gBACjB,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;oBACtC,CAAC,KAAK,IAAI,IAAI,MACX,oBAAC,OAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU;wBACxC,KAAK;wBACL,IAAI,IAAI,oBAAC,IAAI,IAAC,WAAW,QAAC,IAAI,EAAE,IAAI,GAAI,CAC7B,CACnB;oBACD,oBAAC,OAAO,CAAC,OAAO;wBACZ,oBAAC,OAAO,CAAC,OAAO;4BACZ,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CACtE,CACJ;oBAClB,oBAAC,OAAO,CAAC,MAAM,OAAG,CACZ,CACS;YAEvB,oBAAC,QAAQ,CAAC,OAAO;gBACb,oBAAC,eAAe,IAAC,uBAAuB,EAAE,uBAAuB,GAAI,CACtD,CACZ,CACe,EAChC;AACN;;;;"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IDatepickerProps } from "../../../date_picker/types";
+declare const DatePickerWithDropdown: (props: IDatepickerProps) => JSX.Element;
+export default DatePickerWithDropdown;

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

@@ -0,0 +1,54 @@
+import React, { useEffect } from 'react';
+import { __assign } from '../../../../../_virtual/_tslib.js';
+import Control from '../../index.js';
+import Hint from '../../../hint/index.js';
+import DatepickerContext from '../../../date_picker/context/value_controller_context.js';
+import '../../../date_picker/context/month_year_navigation_context.js';
+import Dropdown from '../../../dropdown/index.js';
+import DatepickerLabel from '../../../date_picker/components/label.js';
+import useValueController from '../../../date_picker/hooks/use_value_controller.js';
+import { RangePicker } from '../../../date_picker/hoc/range_picker.js';
+import { SingleDatepicker } from '../../../date_picker/hoc/single_date_picker.js';
+
+var DatepickerViews = {
+    single: SingleDatepicker,
+    range: RangePicker,
+};
+/**
+ * @component
+ * @example
+ * return (
+ *  <ControlDatePicker
+ *      defaultDate={new Date(Date.now())}
+ *      name="Example date picker"
+ *      isRequired
+ *      label="Example date picker label"
+ *  />
+ * )
+ */
+var ControlDatepicker = function (_a) {
+    var onChange = _a.onChange, label = _a.label, name = _a.name, isRequired = _a.isRequired, _b = _a.id, id = _b === void 0 ? 'datepicker-id' : _b, _c = _a.type, type = _c === void 0 ? 'single' : _c, defaultDate = _a.defaultDate, defaultRange = _a.defaultRange, maxDate = _a.maxDate, minDate = _a.minDate, maxRange = _a.maxRange, minRange = _a.minRange, className = _a.className, _d = _a.showDefaultRanges, showDefaultRanges = _d === void 0 ? true : _d, _e = _a.showButtons, showButtons = _e === void 0 ? true : _e, errors = _a.errors, hint = _a.hint;
+    var valueController = useValueController({ type: type, defaultDate: defaultDate, defaultRange: defaultRange, maxDate: maxDate, minDate: minDate, maxRange: maxRange, minRange: minRange, showButtons: showButtons });
+    var value = valueController.value;
+    useEffect(function () {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }, [value]);
+    var DatePickerComponent = DatepickerViews[type];
+    return (React.createElement(DatepickerContext.Provider, { value: valueController },
+        React.createElement(Dropdown.CustomLabel, null,
+            React.createElement(Control, { errors: errors, name: name, id: id },
+                (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
+                    label,
+                    hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
+                React.createElement(Control.Content, null,
+                    React.createElement(Control.Element, null,
+                        React.createElement(DatepickerLabel, { name: name, id: id }))),
+                React.createElement(Control.Errors, null))),
+        React.createElement(Dropdown.Content, null,
+            React.createElement(DatePickerComponent, { className: className, showButtons: showButtons, showDefaultRanges: showDefaultRanges }))));
+};
+var DatePickerWithDropdown = function (props) { return (React.createElement(Dropdown, null,
+    React.createElement(ControlDatepicker, __assign({}, props)))); };
+
+export default DatePickerWithDropdown;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/controls/hoc/control_date_picker/index.tsx"],"sourcesContent":["import React, { FC, useEffect } from 'react';\nimport { ValueControllerContext } from '@components/date_picker/context';\nimport Dropdown from '@components/dropdown';\nimport DatepickerLabel from '@components/date_picker/components/label';\nimport useValueController from '@components/date_picker/hooks/use_value_controller';\nimport { SingleDatepicker, RangePicker } from '@components/date_picker';\nimport { IDatepickerProps } from '@components/date_picker/types';\nimport Control from '../..';\nimport Hint from '@components/hint';\n\nconst DatepickerViews = {\n    single: SingleDatepicker,\n    range: RangePicker,\n};\n/**\n * @component\n * @example\n * return (\n *  <ControlDatePicker\n *      defaultDate={new Date(Date.now())}\n *      name=\"Example date picker\"\n *      isRequired\n *      label=\"Example date picker label\"\n *  />\n * )\n */\nconst ControlDatepicker: FC<IDatepickerProps> = ({\n    onChange,\n    label,\n    name,\n    isRequired,\n    id = 'datepicker-id',\n    type = 'single',\n    defaultDate,\n    defaultRange,\n    maxDate,\n    minDate,\n    maxRange,\n    minRange,\n    className,\n    showDefaultRanges = true,\n    showButtons = true,\n    errors,\n    hint,\n}) => {\n    const valueController = useValueController({ type, defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, showButtons });\n\n    const { value } = valueController;\n    useEffect(() => {\n        onChange?.(value);\n    }, [value]);\n\n    const DatePickerComponent = DatepickerViews[type];\n\n    return (\n        <ValueControllerContext.Provider value={valueController}>\n            <Dropdown.CustomLabel>\n                <Control errors={errors} name={name} id={id}>\n                    {(label || hint) && (\n                        <Control.Label id={id} isRequired={isRequired}>\n                            {label}\n                            {hint && <Hint spacingLeft hint={hint} />}\n                        </Control.Label>\n                    )}\n                    <Control.Content>\n                        <Control.Element>\n                            <DatepickerLabel name={name} id={id} />\n                        </Control.Element>\n                    </Control.Content>\n                    <Control.Errors />\n                </Control>\n            </Dropdown.CustomLabel>\n\n            <Dropdown.Content>\n                <DatePickerComponent className={className} showButtons={showButtons} showDefaultRanges={showDefaultRanges} />\n            </Dropdown.Content>\n        </ValueControllerContext.Provider>\n    );\n};\n\nconst DatePickerWithDropdown = (props: IDatepickerProps) => (\n    <Dropdown>\n        <ControlDatepicker {...props} />\n    </Dropdown>\n);\n\nexport default DatePickerWithDropdown;\n"],"names":["ValueControllerContext"],"mappings":";;;;;;;;;;;;AAUA,IAAM,eAAe,GAAG;IACpB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE,WAAW;CACrB,CAAC;AACF;;;;;;;;;;;;AAYA,IAAM,iBAAiB,GAAyB,UAAC,EAkBhD;QAjBG,sBAAQ,EACR,gBAAK,EACL,cAAI,EACJ,0BAAU,EACV,UAAoB,EAApB,yCAAoB,EACpB,YAAe,EAAf,oCAAe,EACf,4BAAW,EACX,8BAAY,EACZ,oBAAO,EACP,oBAAO,EACP,sBAAQ,EACR,sBAAQ,EACR,wBAAS,EACT,yBAAwB,EAAxB,6CAAwB,EACxB,mBAAkB,EAAlB,uCAAkB,EAClB,kBAAM,EACN,cAAI;IAEJ,IAAM,eAAe,GAAG,kBAAkB,CAAC,EAAE,IAAI,MAAA,EAAE,WAAW,aAAA,EAAE,YAAY,cAAA,EAAE,OAAO,SAAA,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC;IAE3H,IAAA,6BAAK,CAAqB;IAClC,SAAS,CAAC;QACN,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE;KACrB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,mBAAmB,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAElD,QACI,oBAACA,iBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe;QACnD,oBAAC,QAAQ,CAAC,WAAW;YACjB,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;gBACtC,CAAC,KAAK,IAAI,IAAI,MACX,oBAAC,OAAO,CAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU;oBACxC,KAAK;oBACL,IAAI,IAAI,oBAAC,IAAI,IAAC,WAAW,QAAC,IAAI,EAAE,IAAI,GAAI,CAC7B,CACnB;gBACD,oBAAC,OAAO,CAAC,OAAO;oBACZ,oBAAC,OAAO,CAAC,OAAO;wBACZ,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,GAAI,CACzB,CACJ;gBAClB,oBAAC,OAAO,CAAC,MAAM,OAAG,CACZ,CACS;QAEvB,oBAAC,QAAQ,CAAC,OAAO;YACb,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CAC9F,CACW,EACpC;AACN,CAAC,CAAC;IAEI,sBAAsB,GAAG,UAAC,KAAuB,IAAK,QACxD,oBAAC,QAAQ;IACL,oBAAC,iBAAiB,eAAK,KAAK,EAAI,CACzB;;;;"}

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

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