reso-ui 2.44.0 → 3.0.0-alpha.2

package/dist/cjs/forms/Controls/Label/Label.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+
+const Label = ({ htmlFor, label, description, descriptionSelectedKey, required = false, labelClassName, labelStyles = {}, rootClassName, rootStyles = {}, ...spacingsProps }) => {
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_label_container: true,
+    }, spacingsProps), rootClassName, {
+        resoui_no_select: true,
+    }));
+    const labelTopClasses = styles.createLayoutStyles({
+        resoui_label_top: true,
+        resoui_label_top_marginBottom: description ? true : false,
+    });
+    const labelClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_label_label: true,
+        resoui_label_label_margin_right: required,
+    }, rootClassName, {
+        resoui_no_select: true,
+    }));
+    return (React.createElement("div", { "data-testid": `resoui_label_${htmlFor}`, className: containerClasses, style: rootStyles },
+        React.createElement("div", { className: labelTopClasses },
+            React.createElement("label", { htmlFor: htmlFor, className: labelClasses, style: labelStyles }, label),
+            required && React.createElement("span", { className: "resoui_label_required" }, `*`)),
+        description &&
+            (typeof description === "string" ? (description && React.createElement("p", { className: "resoui_label_description" }, description)) : description && description[`${descriptionSelectedKey}`] ? (React.createElement("p", { className: "resoui_label_description" }, description[`${descriptionSelectedKey}`])) : null)));
+};
+
+exports.Label = Label;
+//# sourceMappingURL=Label.js.map

package/dist/cjs/forms/Controls/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../../../src/library/forms/Controls/Label/Label.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;AAgCO,MAAM,KAAK,GAAG,CAAC,EACpB,OAAO,EACP,KAAK,EACL,WAAW,EACX,sBAAsB,EACtB,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACJ,KAAI;AAChB,IAAA,MAAM,gBAAgB,GAAGA,4BAAqB,CAC5CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,sBAAsB,EAAE,IAAI;AAC7B,KAAA,EACD,aAAa,CACd,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;IAED,MAAM,eAAe,GAAGD,yBAAkB,CAAC;AACzC,QAAA,gBAAgB,EAAE,IAAI;QACtB,6BAA6B,EAAE,WAAW,GAAG,IAAI,GAAG,KAAK;AAC1D,KAAA,CAAC;AAEF,IAAA,MAAM,YAAY,GAAGD,4BAAqB,CACxCC,yBAAkB,CAChB;AACE,QAAA,kBAAkB,EAAE,IAAI;AACxB,QAAA,+BAA+B,EAAE,QAAQ;AAC1C,KAAA,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACe,CAAA,aAAA,EAAgB,OAAO,CAAA,CAAE,EACtC,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,UAAU,EAAA;QAEjB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,eAAe,EAAA;AAC7B,YAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAA,EACjE,KAAK,CACA;YACP,QAAQ,IAAI,8BAAM,SAAS,EAAC,uBAAuB,EAAA,EAAE,CAAA,CAAA,CAAG,CAAQ,CAC7D;QACL,WAAW;aACT,OAAO,WAAW,KAAK,QAAQ,IAC9B,WAAW,IAAI,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,0BAA0B,EAAA,EAAE,WAAW,CAAK,IACtE,WAAW,IAAI,WAAW,CAAC,CAAA,EAAG,sBAAsB,CAAA,CAAE,CAAC,IACzD,2BAAG,SAAS,EAAC,0BAA0B,EAAA,EACpC,WAAW,CAAC,GAAG,sBAAsB,CAAA,CAAE,CAAC,CACvC,IACF,IAAI,CAAC,CACP;AAEV;;;;"}

package/dist/cjs/forms/Controls/Number-Input/Number-Input.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var React = require('react');
+var useDisableNumberInputScroll = require('../../Hooks/useDisableNumberInputScroll.js');
+var styles = require('../../../utils/styles.js');
+var index = require('../../Validators/index.js');
+var useInputValidatorsMemo = require('../../Hooks/useInputValidatorsMemo.js');
+
+const NumberInput = ({ id = null, value, onChange, onBlur, onFocus, useHTMLErrorMessage = false, noShadowOnFocus = false, validateOnLoad = false, error, setError, disabled = false, required = false, readonly = false, autofocus = false, autocomplete = "off", 
+/**
+ * Number Input - specific props
+ */
+min = 0, max, step = "any", 
+/**
+ * Number Input - specific props ends
+ */
+rootClassName, rootStyles = {}, inputClassName, inputStyles = {}, customValidators = [], ...spacingsProps }) => {
+    useDisableNumberInputScroll.useDisableNumberInputScroll();
+    const inputValidators = useInputValidatorsMemo.default("number", {
+        required,
+        min,
+        max,
+    }, customValidators);
+    // on render
+    React.useEffect(() => {
+        if (validateOnLoad) {
+            index.validate(value, inputValidators, setError);
+        }
+    }, []);
+    const handleInputChange = (e) => {
+        const val = e.target.value;
+        index.validate(val, inputValidators, setError);
+        onChange(Number(val));
+    };
+    const handleInputInvalid = (e) => {
+        if (!useHTMLErrorMessage) {
+            e.preventDefault();
+        }
+    };
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_form_input_container: true,
+        resoui_input_number_container: true,
+    }, spacingsProps), rootClassName));
+    const inputClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_input_number: true,
+        resoui_form_controls_input: true,
+        resoui_form_controls_focus_noshadow: noShadowOnFocus === true,
+    }, inputClassName, {
+        disabled,
+        resoui_no_select: true,
+    }));
+    return (React.createElement("div", { "data-testid": `number-input-${id}-container`, className: containerClasses, style: rootStyles },
+        React.createElement("input", { id: id, "data-testid": `number-input-${id}-input`, type: "number", value: Number(value).toString(), onChange: handleInputChange, onBlur: onBlur, onFocus: onFocus, onInvalid: handleInputInvalid, disabled: disabled, readOnly: readonly, required: required, autoFocus: autofocus, autoComplete: autocomplete, max: max, min: min, step: step, className: inputClasses, style: inputStyles }),
+        error && (React.createElement("p", { "data-testid": `number-input-${id}-error`, className: "resoui_form_input_error" }, error))));
+};
+
+exports.NumberInput = NumberInput;
+//# sourceMappingURL=Number-Input.js.map

package/dist/cjs/forms/Controls/Number-Input/Number-Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Number-Input.js","sources":["../../../../../src/library/forms/Controls/Number-Input/Number-Input.tsx"],"sourcesContent":[null],"names":["useDisableNumberInputScroll","useInputValidatorsMemo","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":"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"}

package/dist/cjs/forms/Controls/Radio-Select/Radio-Select.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+var validations = require('../../../utils/validations.js');
+var useInputValidatorsMemo = require('../../Hooks/useInputValidatorsMemo.js');
+var index = require('../../Validators/index.js');
+
+const RadioSelect = ({ id, name, selectedKey, value /* default is undefined, must be valid string like 'banana' */, options, onChange, error, setError, required = false, disabled = false, optionsContainerClassName, optionsContianerStyles = {}, labelClassName, labelStyles = {}, radioClassName, radioStyles = {}, rootClassName, rootStyles = {}, ...spacingsProps }) => {
+    const inputValidators = useInputValidatorsMemo.default("string", {
+        required,
+    });
+    React.useEffect(() => {
+        index.validate(value, inputValidators, setError);
+    }, [value]);
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_form_input_container: true,
+        resoui_radioselect_container: true,
+    }, spacingsProps), rootClassName, {
+        disabled,
+        resoui_no_select: true,
+    }));
+    const optionsContainerClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_radioselect_options_container: true,
+    }, optionsContainerClassName, {
+        resoui_no_select: true,
+    }));
+    const radioClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_radioselect_radio: true,
+    }, radioClassName, {
+        disabled,
+        resoui_no_select: true,
+    }));
+    const labelClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_radioselect_label: true,
+    }, labelClassName, {
+        resoui_no_select: true,
+    }));
+    return (React.createElement("div", { "data-testid": "radioselect-root", id: id, className: containerClasses, style: rootStyles },
+        React.createElement("div", { "data-testid": "radioselect-options-container", className: optionsContainerClasses, style: optionsContianerStyles }, options.map((op, idx) => {
+            const radioItemKey = `resoui_radioselect_${name}_${idx}`;
+            const radioItemId = `resoui_radioselect_${name}_input_${op.key}`;
+            return (React.createElement("div", { key: radioItemKey, className: radioClasses, style: radioStyles },
+                React.createElement("input", { "data-testid": radioItemId, className: "resoui_radioselect_input", type: "radio", disabled: disabled, required: required, id: radioItemId, value: op.key, name: name, checked: selectedKey === op.key, onChange: () => {
+                        if (validations.methodHasValue(onChange)) {
+                            onChange(op.key);
+                        }
+                    } }),
+                React.createElement("label", { "data-testid": `radioselect-label-${op.key}`, htmlFor: radioItemId, className: labelClasses, style: labelStyles }, op.value)));
+        })),
+        error && (React.createElement("p", { "data-testid": `radioselect-error`, className: "resoui_form_input_error" }, error))));
+};
+
+exports.RadioSelect = RadioSelect;
+//# sourceMappingURL=Radio-Select.js.map

package/dist/cjs/forms/Controls/Radio-Select/Radio-Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio-Select.js","sources":["../../../../../src/library/forms/Controls/Radio-Select/Radio-Select.tsx"],"sourcesContent":[null],"names":["useInputValidatorsMemo","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps","methodHasValue"],"mappings":"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"}

package/dist/cjs/forms/Controls/Submit-Button/Submit-Button.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var Button = require('../../../components/Buttons/Button/Button.js');
+var styles = require('../../../utils/styles.js');
+
+const SubmitButton = ({ id = null, disabled = false, inheritWidth = false, inline = false, text = "Submit", rootClassName, rootStyles = {}, ...spacingsProps }) => {
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_submit_button: true,
+    }, rootClassName, {
+        disabled,
+        resoui_no_select: true,
+    }));
+    return (React.createElement(Button.Button, { id: id, role: "submit", text: text, inheritWidth: inheritWidth, inline: inline, rootClassName: containerClasses, rootStyles: rootStyles, disabled: disabled, ...spacingsProps }));
+};
+
+exports.SubmitButton = SubmitButton;
+//# sourceMappingURL=Submit-Button.js.map

package/dist/cjs/forms/Controls/Submit-Button/Submit-Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Submit-Button.js","sources":["../../../../../src/library/forms/Controls/Submit-Button/Submit-Button.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","Button"],"mappings":";;;;;;AAqBO,MAAM,YAAY,GAAG,CAAC,EAC3B,EAAE,GAAG,IAAI,EACT,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,KAAK,EACpB,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,QAAQ,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACG,KAAI;AACvB,IAAA,MAAM,gBAAgB,GAAGA,4BAAqB,CAC5CC,yBAAkB,CAChB;AACE,QAAA,oBAAoB,EAAE,IAAI;AAC3B,KAAA,EACD,aAAa,EACb;QACE,QAAQ;AACR,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EACL,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,gBAAgB,EAC/B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,KACd,aAAa,EAAA,CACjB;AAEN;;;;"}

package/dist/cjs/forms/Controls/Text-Area/Text-Area.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+var index = require('../../Validators/index.js');
+var useInputValidatorsMemo = require('../../Hooks/useInputValidatorsMemo.js');
+
+const TextArea = ({ id = null, value, onChange, onBlur, onFocus, onKeyDown, useHTMLErrorMessage = false, noShadowOnFocus = false, validateOnLoad, error, setError, disabled = false, required = false, readonly = false, autofocus = false, 
+/**
+ * Text Area - specific props
+ */
+wrap = "soft", placeholder, cols = 50, rows = 4, formId, minLength, maxLength = 255, name = "resoui_textarea_input", 
+/**
+ * Inherited props
+ */
+rootClassName, rootStyles = {}, inputClassName, inputStyles = {}, customValidators = [], ...spacingsProps }) => {
+    const inputValidators = useInputValidatorsMemo.default("string", {
+        required,
+        minLength,
+        maxLength,
+    }, customValidators);
+    // on render
+    React.useEffect(() => {
+        if (validateOnLoad) {
+            index.validate(value, inputValidators, setError);
+        }
+    }, []);
+    const handleInputChange = (e) => {
+        const val = e.target.value;
+        index.validate(val, inputValidators, setError);
+        onChange(val);
+    };
+    const handleInputInvalid = (e) => {
+        if (!useHTMLErrorMessage) {
+            e.preventDefault();
+            index.validate(value, inputValidators, setError);
+        }
+    };
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_form_input_container: true,
+        resoui_input_textarea_container: true,
+    }, spacingsProps), rootClassName));
+    const inputClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_textarea_input: true,
+        resoui_textarea_input_focus_noshadow: noShadowOnFocus === true,
+    }, inputClassName, {
+        disabled,
+    }));
+    return (React.createElement("div", { "data-testid": `text-area-${id}-container`, className: containerClasses, style: rootStyles },
+        React.createElement("textarea", { "data-testid": `text-area-${id}-input`, wrap: wrap, id: id, value: value ? value : "", onChange: handleInputChange, onBlur: onBlur, onFocus: onFocus, onInvalid: handleInputInvalid, disabled: disabled, readOnly: readonly, required: required, autoFocus: autofocus, onKeyDown: onKeyDown, rows: rows, form: formId, name: name, placeholder: placeholder, minLength: minLength, maxLength: maxLength, className: inputClasses, style: inputStyles }),
+        error && (React.createElement("p", { "data-testid": `text-area-${id}-error`, className: "resoui_form_input_error" }, error))));
+};
+
+exports.TextArea = TextArea;
+//# sourceMappingURL=Text-Area.js.map

package/dist/cjs/forms/Controls/Text-Area/Text-Area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-Area.js","sources":["../../../../../src/library/forms/Controls/Text-Area/Text-Area.tsx"],"sourcesContent":[null],"names":["useInputValidatorsMemo","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":"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"}

package/dist/cjs/forms/Controls/Text-Input/Text-Input.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+var index = require('../../Validators/index.js');
+var useInputValidatorsMemo = require('../../Hooks/useInputValidatorsMemo.js');
+
+const TextInput = ({ id = null, value, onChange, onBlur, onFocus, useHTMLErrorMessage = false, noShadowOnFocus = false, validateOnLoad, revalidateOnDeps = [], error, setError, disabled = false, required = false, readonly = false, autofocus = false, type = "text", 
+/**
+ * Text Input - specific props
+ */
+autocomplete = "off", placeholder, pattern, minLength, maxLength, size = 50, // width
+/**
+ * Inherited props
+ */
+rootClassName, rootStyles = {}, inputClassName, inputStyles = {}, customValidators = [], ...spacingsProps }) => {
+    const inputValidators = useInputValidatorsMemo.default("string", {
+        required,
+        minLength,
+        maxLength,
+        isEmail: type === "email",
+        isTel: type === "tel",
+        pattern,
+    }, customValidators);
+    // on render
+    React.useEffect(() => {
+        if (validateOnLoad) {
+            index.validate(value, inputValidators, setError);
+        }
+    }, []);
+    React.useEffect(() => {
+        if (revalidateOnDeps.length) {
+            index.validate(value, inputValidators, setError);
+        }
+    }, [...revalidateOnDeps]);
+    const handleInputChange = (e) => {
+        const val = e.target.value;
+        index.validate(val, inputValidators, setError);
+        onChange(val);
+    };
+    const handleInputInvalid = (e) => {
+        if (!useHTMLErrorMessage) {
+            e.preventDefault();
+            index.validate(value, inputValidators, setError);
+        }
+    };
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_form_input_container: true,
+        resoui_input_textfield_container: true,
+    }, spacingsProps), rootClassName));
+    const inputClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_input_textarea: true,
+        resoui_form_controls_input: true,
+        resoui_form_controls_focus_noshadow: noShadowOnFocus === true,
+    }, inputClassName, {
+        disabled,
+    }));
+    return (React.createElement("div", { "data-testid": `text-input-${id}-container`, className: containerClasses, style: rootStyles },
+        React.createElement("input", { "data-testid": `text-input-${id}-input`, id: id, type: type, value: value ? value : "", onChange: handleInputChange, onBlur: onBlur, onFocus: onFocus, onInvalid: handleInputInvalid, disabled: disabled, readOnly: readonly, required: required, autoFocus: autofocus, autoComplete: autocomplete, size: size, maxLength: maxLength, minLength: minLength, className: inputClasses, placeholder: placeholder, pattern: pattern && typeof pattern.toString === "function"
+                ? pattern.toString()
+                : pattern, style: inputStyles }),
+        error && (React.createElement("p", { "data-testid": `text-input-${id}-error`, className: "resoui_form_input_error" }, error))));
+};
+
+exports.TextInput = TextInput;
+//# sourceMappingURL=Text-Input.js.map

package/dist/cjs/forms/Controls/Text-Input/Text-Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-Input.js","sources":["../../../../../src/library/forms/Controls/Text-Input/Text-Input.tsx"],"sourcesContent":[null],"names":["useInputValidatorsMemo","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":"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"}

package/dist/cjs/forms/Hooks/Controls/index.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var React = require('react');
+var index = require('../utils/index.js');
+var validations = require('../../../utils/validations.js');
+
+const useFormInput = (initialValue) => {
+    const [inputValue, setInputValue] = React.useState(initialValue);
+    const [inputError, setInputError] = React.useState(undefined);
+    return {
+        value: inputValue,
+        setValue: setInputValue,
+        error: inputError,
+        setError: setInputError,
+    };
+};
+const useFileInputDefaultConfig = {
+    defaultPath: undefined,
+    pathHandle: undefined,
+};
+const useFileInput = (initialPath, config) => {
+    const hookConfig = { ...useFileInputDefaultConfig, ...(config || {}) };
+    const { defaultPath, pathHandle } = hookConfig;
+    const [file, setFile] = React.useState(undefined);
+    const [filePath, setFilePath] = React.useState(initialPath);
+    const [inputError, setInputError] = React.useState(undefined);
+    const clearObjectURL = () => {
+        if (validations.stringHasValue(filePath)) {
+            URL.revokeObjectURL(filePath);
+        }
+    };
+    const setSelectedFile = (f) => {
+        clearObjectURL();
+        setFile(f);
+        if (validations.valueIsAFile(f)) {
+            setFilePath(URL.createObjectURL(f));
+        }
+    };
+    const reset = () => {
+        setSelectedFile(undefined);
+        // reset file path
+        if (validations.stringHasValue(initialPath) && validations.stringHasValue(pathHandle)) {
+            setFilePath(`${pathHandle}${initialPath}`);
+        }
+        else if (validations.stringHasValue(initialPath) && !validations.stringHasValue(pathHandle)) {
+            setFilePath(initialPath);
+        }
+        else if (validations.stringHasValue(defaultPath)) {
+            setFilePath(defaultPath);
+        }
+        else {
+            // neither initial path nor default path is provided
+            setFilePath(undefined);
+        }
+        setInputError(undefined);
+    };
+    return {
+        selectedFile: file,
+        setSelectedFile,
+        selectedFilePath: filePath,
+        setSelectedFilePath: setFilePath,
+        reset,
+        error: inputError,
+        setError: setInputError,
+    };
+};
+const useSelectableOptions = (initialSelectedKey, options, config) => {
+    const optionsConfig = { ...index.defaultOptionsConfig, ...(config || {}) };
+    /**
+     * Convert whatever data structure to ISelectableOption type
+     */
+    const selectableOptions = React.useMemo(() => {
+        return index.dataArrayToSelectableOptions(options, optionsConfig);
+    }, [options]);
+    /**
+     * Flatten whatever data structure to key: value map, for fast access
+     */
+    const OptionsMap = React.useMemo(() => {
+        return index.optionsArrayToMap(selectableOptions);
+    }, [selectableOptions]);
+    const getOptionValue = (key) => {
+        return OptionsMap[key];
+    };
+    const [selectedKey, setSelectedKey] = React.useState(initialSelectedKey);
+    const [inputError, setInputError] = React.useState(undefined);
+    const value = React.useMemo(() => {
+        if (typeof initialSelectedKey === undefined) {
+            return undefined;
+        }
+        return getOptionValue(selectedKey);
+    }, [selectedKey]);
+    return {
+        value,
+        selectedKey,
+        setSelectedKey,
+        options: selectableOptions,
+        error: inputError,
+        setError: setInputError,
+    };
+};
+const useDropdown = (initialSelectedKey, options, config) => {
+    return useSelectableOptions(initialSelectedKey, options, config);
+};
+const useRadioSelect = (initialSelectedKey, options, config) => {
+    return useSelectableOptions(initialSelectedKey, options, config);
+};
+
+exports.useDropdown = useDropdown;
+exports.useFileInput = useFileInput;
+exports.useFileInputDefaultConfig = useFileInputDefaultConfig;
+exports.useFormInput = useFormInput;
+exports.useRadioSelect = useRadioSelect;
+exports.useSelectableOptions = useSelectableOptions;
+//# sourceMappingURL=index.js.map

package/dist/cjs/forms/Hooks/Controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/library/forms/Hooks/Controls/index.ts"],"sourcesContent":[null],"names":["useState","stringHasValue","valueIsAFile","defaultOptionsConfig","useMemo","dataArrayToSelectableOptions","optionsArrayToMap"],"mappings":"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"}

package/dist/cjs/forms/Hooks/useDisableNumberInputScroll.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+
+const useDisableNumberInputScroll = () => {
+    React.useEffect(() => {
+        const removeNumberInputScrollEventFn = (event) => {
+            const numberInputElement = document.activeElement;
+            if (numberInputElement.type === "number") {
+                numberInputElement.blur();
+            }
+        };
+        document.addEventListener("wheel", removeNumberInputScrollEventFn);
+        return () => {
+            document.removeEventListener("wheel", removeNumberInputScrollEventFn);
+        };
+    }, []);
+};
+
+exports.useDisableNumberInputScroll = useDisableNumberInputScroll;
+//# sourceMappingURL=useDisableNumberInputScroll.js.map

package/dist/cjs/forms/Hooks/useDisableNumberInputScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisableNumberInputScroll.js","sources":["../../../../src/library/forms/Hooks/useDisableNumberInputScroll.ts"],"sourcesContent":[null],"names":["useEffect"],"mappings":";;;;AAEA,MAAM,2BAA2B,GAAG,MAAK;IACvCA,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,8BAA8B,GAAG,CAAC,KAAK,KAAI;AAC/C,YAAA,MAAM,kBAAkB,GAAG,QAAQ,CAAC,aAAiC;AACrE,YAAA,IAAI,kBAAkB,CAAC,IAAI,KAAK,QAAQ,EAAE;gBACxC,kBAAkB,CAAC,IAAI,EAAE;AAC1B,YAAA;AACH,QAAA,CAAC;AACD,QAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,8BAA8B,CAAC;AAElE,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,8BAA8B,CAAC;AACvE,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;AACR;;;;"}

package/dist/cjs/forms/Hooks/useInputValidatorsMemo.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Number = require('../Validators/Number.js');
+var String = require('../Validators/String.js');
+var validations = require('../../utils/validations.js');
+var index = require('./utils/index.js');
+var Boolean = require('../Validators/Boolean.js');
+var File = require('../Validators/File.js');
+
+var useInputValidatorsMemo = (type, validationProps, customValidators) => {
+    const defaultValidatorsMemo = React.useMemo(() => {
+        const { required, min, max, pattern, minLength, maxLength, isEmail, isTel, accept, } = validationProps;
+        let defaultValidators = [];
+        if (required) {
+            if (type === "string") {
+                defaultValidators = [
+                    ...defaultValidators,
+                    String.stringIsRequired,
+                ];
+            }
+            else if (type === "number") {
+                defaultValidators = [
+                    ...defaultValidators,
+                    Number.numberIsRequired,
+                ];
+            }
+            else if (type === "boolean") {
+                defaultValidators = [
+                    ...defaultValidators,
+                    Boolean.booleanIsRequired,
+                ];
+            }
+            else if (type === "file") {
+                defaultValidators = [
+                    ...defaultValidators,
+                    File.fileIsRequired,
+                ];
+            }
+        }
+        if (pattern) {
+            defaultValidators = [
+                ...defaultValidators,
+                String.stringMatchesRegex(pattern),
+            ];
+        }
+        if (accept) {
+            defaultValidators = [
+                ...defaultValidators,
+                File.fileMatchesAccept(accept),
+            ];
+        }
+        if (isEmail) {
+            defaultValidators = [
+                ...defaultValidators,
+                String.stringIsEmail,
+            ];
+        }
+        if (isTel) {
+            defaultValidators = [
+                ...defaultValidators,
+                String.stringIsPhoneDefault,
+            ];
+        }
+        if (validations.numberHasValue(minLength)) {
+            defaultValidators = [
+                ...defaultValidators,
+                String.stringHasMinLength(minLength),
+            ];
+        }
+        if (validations.numberHasValue(maxLength)) {
+            defaultValidators = [
+                ...defaultValidators,
+                String.stringHasMaxLength(maxLength),
+            ];
+        }
+        if (validations.numberHasValue(min)) {
+            defaultValidators = [
+                ...defaultValidators,
+                Number.numberIsMoreThanOrEqualsTo(min),
+            ];
+        }
+        if (validations.numberHasValue(max)) {
+            defaultValidators = [
+                ...defaultValidators,
+                Number.numberIsLessThan(max),
+            ];
+        }
+        return defaultValidators;
+    }, []);
+    return index.composeInputValidators(defaultValidatorsMemo, customValidators);
+};
+
+exports.default = useInputValidatorsMemo;
+//# sourceMappingURL=useInputValidatorsMemo.js.map

package/dist/cjs/forms/Hooks/useInputValidatorsMemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputValidatorsMemo.js","sources":["../../../../src/library/forms/Hooks/useInputValidatorsMemo.ts"],"sourcesContent":[null],"names":["useMemo","stringIsRequired","numberIsRequired","booleanIsRequired","fileIsRequired","stringMatchesRegex","fileMatchesAccept","stringIsEmail","stringIsPhoneDefault","numberHasValue","stringHasMinLength","stringHasMaxLength","numberIsMoreThanOrEqualsTo","numberIsLessThan","composeInputValidators"],"mappings":";;;;;;;;;;;;AAsCA,6BAAe,CACb,IAAwB,EACxB,eAAsC,EACtC,gBAAsC,KACpC;AACF,IAAA,MAAM,qBAAqB,GAAGA,aAAO,CAA0B,MAAK;QAClE,MAAM,EACJ,QAAQ,EACR,GAAG,EACH,GAAG,EACH,OAAO,EACP,SAAS,EACT,SAAS,EACT,OAAO,EACP,KAAK,EACL,MAAM,GACP,GAAG,eAAe;QAEnB,IAAI,iBAAiB,GAA4B,EAAE;AAEnD,QAAA,IAAI,QAAQ,EAAE;YACZ,IAAI,IAAI,KAAK,QAAQ,EAAE;AACrB,gBAAA,iBAAiB,GAAG;AAClB,oBAAA,GAAG,iBAAiB;oBACpBC,uBAAyC;iBAC1C;AACF,YAAA;iBAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;AAC5B,gBAAA,iBAAiB,GAAG;AAClB,oBAAA,GAAG,iBAAiB;oBACpBC,uBAAyC;iBAC1C;AACF,YAAA;iBAAM,IAAI,IAAI,KAAK,SAAS,EAAE;AAC7B,gBAAA,iBAAiB,GAAG;AAClB,oBAAA,GAAG,iBAAiB;oBACpBC,yBAA0C;iBAC3C;AACF,YAAA;iBAAM,IAAI,IAAI,KAAK,MAAM,EAAE;AAC1B,gBAAA,iBAAiB,GAAG;AAClB,oBAAA,GAAG,iBAAiB;oBACpBC,mBAAuC;iBACxC;AACF,YAAA;AACF,QAAA;AAED,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,iBAAiB,GAAG;AAClB,gBAAA,GAAG,iBAAiB;gBACpBC,yBAAkB,CAAC,OAAO,CAA0B;aACrD;AACF,QAAA;AAED,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,iBAAiB,GAAG;AAClB,gBAAA,GAAG,iBAAiB;gBACpBC,sBAAiB,CAAC,MAAM,CAA0B;aACnD;AACF,QAAA;AAED,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,iBAAiB,GAAG;AAClB,gBAAA,GAAG,iBAAiB;gBACpBC,oBAAsC;aACvC;AACF,QAAA;AAED,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,iBAAiB,GAAG;AAClB,gBAAA,GAAG,iBAAiB;gBACpBC,2BAA6C;aAC9C;AACF,QAAA;AAED,QAAA,IAAIC,0BAAc,CAAC,SAAS,CAAC,EAAE;AAC7B,YAAA,iBAAiB,GAAG;AAClB,gBAAA,GAAG,iBAAiB;gBACpBC,yBAAkB,CAAC,SAAS,CAA0B;aACvD;AACF,QAAA;AAED,QAAA,IAAID,0BAAc,CAAC,SAAS,CAAC,EAAE;AAC7B,YAAA,iBAAiB,GAAG;AAClB,gBAAA,GAAG,iBAAiB;gBACpBE,yBAAkB,CAAC,SAAS,CAA0B;aACvD;AACF,QAAA;AAED,QAAA,IAAIF,0BAAc,CAAC,GAAG,CAAC,EAAE;AACvB,YAAA,iBAAiB,GAAG;AAClB,gBAAA,GAAG,iBAAiB;gBACpBG,iCAA0B,CAAC,GAAG,CAA0B;aACzD;AACF,QAAA;AACD,QAAA,IAAIH,0BAAc,CAAC,GAAG,CAAC,EAAE;AACvB,YAAA,iBAAiB,GAAG;AAClB,gBAAA,GAAG,iBAAiB;gBACpBI,uBAAgB,CAAC,GAAG,CAA0B;aAC/C;AACF,QAAA;AAED,QAAA,OAAO,iBAAiB;IAC1B,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAOC,4BAAsB,CAAC,qBAAqB,EAAE,gBAAgB,CAAC;AACxE,CAAC;;;;"}

package/dist/cjs/forms/Hooks/utils/index.js

@@ -0,0 +1,41 @@
+'use strict';
+
+const composeInputValidators = (defaultValidators, customValidators) => {
+    return typeof customValidators === "object" && Array.isArray(customValidators)
+        ? [...defaultValidators, ...customValidators]
+        : typeof customValidators === "object" // not array
+            ? [...defaultValidators, customValidators]
+            : defaultValidators;
+};
+const defaultOptionsConfig = {
+    keyProp: "key",
+    valueProp: "value",
+};
+const dataArrayToSelectableOptions = (arr, config) => {
+    const optionConfig = { ...defaultOptionsConfig, ...(config || {}) };
+    const { keyProp, valueProp, initObject } = optionConfig;
+    const result = [];
+    arr.forEach((item) => {
+        result.push({
+            key: item[keyProp],
+            value: item[valueProp],
+        });
+    });
+    if (initObject && Object.keys(initObject).length > 0) {
+        return [initObject, ...result];
+    }
+    return result;
+};
+const optionsArrayToMap = (arr) => {
+    const result = {};
+    arr.forEach((item, idx) => {
+        result[item.key] = item.value;
+    });
+    return result;
+};
+
+exports.composeInputValidators = composeInputValidators;
+exports.dataArrayToSelectableOptions = dataArrayToSelectableOptions;
+exports.defaultOptionsConfig = defaultOptionsConfig;
+exports.optionsArrayToMap = optionsArrayToMap;
+//# sourceMappingURL=index.js.map

package/dist/cjs/forms/Hooks/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/library/forms/Hooks/utils/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;MAOa,sBAAsB,GAAG,CACpC,iBAA0C,EAC1C,gBAAsC,KACX;IAC3B,OAAO,OAAO,gBAAgB,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,gBAAgB;AAC3E,UAAE,CAAC,GAAG,iBAAiB,EAAE,GAAI,gBAA4C;AACzE,UAAE,OAAO,gBAAgB,KAAK,QAAQ;AACtC,cAAE,CAAC,GAAG,iBAAiB,EAAE,gBAAgB;cACvC,iBAAiB;AACvB;AAQO,MAAM,oBAAoB,GAAkB;AACjD,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,SAAS,EAAE,OAAO;;MAGP,4BAA4B,GAAG,CAC1C,GAAgB,EAChB,MAAsB,KACC;AACvB,IAAA,MAAM,YAAY,GAAG,EAAE,GAAG,oBAAoB,EAAE,IAAI,MAAM,IAAI,EAAE,CAAC,EAAE;IACnE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,YAAY;IAEvD,MAAM,MAAM,GAAG,EAAE;AACjB,IAAA,GAAG,CAAC,OAAO,CAAC,CAAC,IAAe,KAAI;QAC9B,MAAM,CAAC,IAAI,CAAC;AACV,YAAA,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC;AAClB,YAAA,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC;AACvB,SAAA,CAAC;AACJ,IAAA,CAAC,CAAC;AACF,IAAA,IAAI,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;AACpD,QAAA,OAAO,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC;AAC/B,IAAA;AACD,IAAA,OAAO,MAAM;AACf;AAEO,MAAM,iBAAiB,GAAG,CAC/B,GAAwB,KAGtB;IACF,MAAM,MAAM,GAAG,EAAE;IACjB,GAAG,CAAC,OAAO,CAAC,CAAC,IAAuB,EAAE,GAAW,KAAI;QACnD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK;AAC/B,IAAA,CAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACf;;;;;;;"}