@frankieone/one-sdk 1.4.4-beta → 1.5.0-beta

package/dist/esm/modules/form/vendors/react/components/base/FrankieButton/BaseButton.js

@@ -12,7 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
 export const BaseButton = (_a) => {
+    var _b;
     var { className, disabled } = _a, props = __rest(_a, ["className", "disabled"]);
-    return (_jsx("button", Object.assign({ disabled: disabled, className: clsx('f1-flex', 'f1-flex-initial', 'f1-font-semibold', 'f1-items-center', 'f1-justify-center', 'f1-border-none', 'f1-outline', 'f1-outline-0', 'focus-visible:f1-outline-3', 'active:f1-outline-3', 'disabled:f1-text-tertiary-grey-400', 'disabled:f1-outline-0', 'f1-h-12', 'f1-w-full', 'f1-text-md', 'f1-space-x-2', 'f1-px-5', 'f1-py-3', 'f1-rounded-full', 'f1-text-mono-white', 'f1-bg-primary-800', 'hover:f1-bg-primary-900', 'focus-visible:f1-bg-primary-900', 'active:f1-bg-primary-900', 'disabled:f1-bg-tertiary-grey-200', 'f1-outline-primary-200', disabled ? 'f1-cursor-not-allowed' : 'f1-cursor-pointer', className) }, props)));
+    return (_jsx("button", Object.assign({ disabled: disabled, className: clsx('f1-flex', 'f1-flex-initial', 'f1-font-semibold', 'f1-font-proxima-nova', 'f1-items-center', 'f1-justify-center', 'f1-border-none', 'f1-outline', 'f1-outline-0', 'focus-visible:f1-outline-3', 'active:f1-outline-3', 'disabled:f1-text-tertiary-grey-400', 'disabled:f1-outline-0', 'f1-h-12', 'f1-w-full', 'f1-text-md', 'f1-space-x-2', 'f1-px-5', 'f1-py-3', 'f1-rounded-full', 'f1-text-mono-white', 'f1-bg-primary-800', 'hover:f1-bg-primary-900', 'focus-visible:f1-bg-primary-900', 'active:f1-bg-primary-900', 'disabled:f1-bg-tertiary-grey-200', 'f1-outline-primary-200', disabled ? 'f1-cursor-not-allowed' : 'f1-cursor-pointer', className) }, props, { "data-testid": (_b = props === null || props === void 0 ? void 0 : props['testId']) === null || _b === void 0 ? void 0 : _b['button'] })));
 };
 //# sourceMappingURL=BaseButton.js.map

package/dist/esm/modules/form/vendors/react/components/base/FrankieButton/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/BaseButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAG1B,EAAE,EAAE;QAHsB,EAAE,SAAS,EAAE,QAAQ,OAG/C,EAHoD,KAAK,cAA/B,yBAAiC,CAAF;IAIxD,OAAO,CACL,+BACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CACb,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,4BAA4B,EAC5B,qBAAqB,EACrB,oCAAoC,EACpC,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,cAAc,EACd,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,iCAAiC,EACjC,0BAA0B,EAC1B,kCAAkC,EAClC,wBAAwB,EACxB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,mBAAmB,EACxD,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/BaseButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAG1B,EAAE,EAAE;;QAHsB,EAAE,SAAS,EAAE,QAAQ,OAG/C,EAHoD,KAAK,cAA/B,yBAAiC,CAAF;IAIxD,OAAO,CACL,+BACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CACb,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,4BAA4B,EAC5B,qBAAqB,EACrB,oCAAoC,EACpC,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,cAAc,EACd,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,iCAAiC,EACjC,0BAA0B,EAC1B,kCAAkC,EAClC,wBAAwB,EACxB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,mBAAmB,EACxD,SAAS,CACV,IACG,KAAK,mBACI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,QAAQ,CAAC,0CAAG,QAAQ,CAAC,IAC1C,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/FrankieButton/FrankieButton.d.ts

@@ -1,6 +1,6 @@
 export declare const FrankieButton: ({ className, disabled, ...props }: {
-    [x: string]: any;
-    className: any;
-    disabled: any;
+    [_x: string]: unknown;
+    className?: string;
+    disabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FrankieButton.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/FrankieButton/FrankieButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrankieButton.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/FrankieButton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;6CAEzB,CAAC"}
+{"version":3,"file":"FrankieButton.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/FrankieButton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,sCAA+C;IACvE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAEA,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/FrankieButton/FrankieButton.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BaseButton } from './BaseButton.js';
 export const FrankieButton = (_a) => {
-    var { className, disabled } = _a, props = __rest(_a, ["className", "disabled"]);
+    var { className, disabled = false } = _a, props = __rest(_a, ["className", "disabled"]);
     return _jsx(BaseButton, Object.assign({ className: className, disabled: disabled }, props));
 };
 //# sourceMappingURL=FrankieButton.js.map

package/dist/esm/modules/form/vendors/react/components/base/FrankieButton/FrankieButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrankieButton.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/FrankieButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAC3D,OAAO,KAAC,UAAU,kBAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,EAAI,CAAC;AAC7E,CAAC,CAAC"}
+{"version":3,"file":"FrankieButton.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/FrankieButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAI7B,EAAE,EAAE;QAJyB,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,OAI1D,EAJ+D,KAAK,cAAvC,yBAAyC,CAAF;IAKnE,OAAO,KAAC,UAAU,kBAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,EAAI,CAAC;AAC7E,CAAC,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/FrankieTextArea/FrankieTextArea.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { IFrankieTextAreaProps } from "../../../types/form";
+export declare const FrankieTextArea: React.ForwardRefExoticComponent<Omit<IFrankieTextAreaProps<string | number>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=FrankieTextArea.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/FrankieTextArea/FrankieTextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieTextArea.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieTextArea/FrankieTextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAKhF,OAAO,KAAK,EAEV,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,eAAe,iIAgc1B,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/FrankieTextArea/FrankieTextArea.js

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import { icons } from "../../../constants/icons.js";
+import { useFrankieMenu } from "../../../hooks/menu.hooks.js";
+export const FrankieTextArea = forwardRef(function FrankieSelectField({ className = "", inputClassName = "", disabled = false, error = false, errorText = "", label, name, placeholder = "", helperText = "", tag, badge, options, testId = {
+    container: "",
+    input: "",
+    label: "",
+    tag: "",
+    supportingText: "",
+    closeCta: "",
+    actionBtn: " ",
+}, value, onBlur, onChange, onClick, onFocus, autocomplete = false, clearable = false, required, onActionChange, icon, autoSuggestion, autoSuggestShowAfter, }, ref) {
+    var _a;
+    // To keep track of the selected index
+    const [selectedIndex, setSelectedIndex] = useState(null);
+    // To keep track of value input - usually in case of autocomplete
+    const [filterText, setFilterText] = useState("");
+    const textAreaRef = useRef(null);
+    const { parentRef, isOpen, handleOpen, handleToggle, handleClose } = useFrankieMenu();
+    const selectedValueLabel = useMemo(() => { var _a; return (_a = options.find((item) => item.value === value)) === null || _a === void 0 ? void 0 : _a.label; }, [value, options]);
+    /**
+     * Final option if autocomplete
+     * Filtering option when autocomplete is on and filterText should no be equal to already selected value
+     */
+    const filteredOptions = useMemo(() => autocomplete && filterText && filterText !== selectedValueLabel
+        ? options.filter((item) => item.label
+            .toLowerCase()
+            .trim()
+            .startsWith(filterText.toLowerCase().trim()))
+        : options, [options, filterText, autocomplete, selectedValueLabel]);
+    /**
+     * On option click
+     */
+    const handleSelectOption = (option) => () => {
+        const { label } = option;
+        onChange({ target: { value: label } });
+        setFilterText(label);
+        handleClose();
+    };
+    /**
+     * On Input change
+     */
+    const handleChange = (e) => {
+        setFilterText(e.target.value);
+        const text = e.target.value;
+        onChange({ target: { value: text } });
+        if (!isOpen)
+            handleOpen();
+    };
+    useEffect(() => {
+        const currentIndex = filteredOptions.findIndex((option) => option.value === value);
+        if (isOpen) {
+            setSelectedIndex(currentIndex);
+        }
+    }, [isOpen, filteredOptions, value]);
+    const handleOptionToggle = (e) => {
+        if (onClick)
+            onClick(e);
+        if (disabled)
+            return;
+        handleToggle();
+    };
+    /**
+     * To handle clearing of data from cross button
+     */
+    const handleClear = () => {
+        onChange({ target: { value: '' } });
+        setFilterText('');
+    };
+    const handleKeyDown = (e) => {
+        var _a;
+        switch (e.key) {
+            case "ArrowUp":
+            case "ArrowDown":
+                e.preventDefault();
+                if (isOpen) {
+                    setSelectedIndex((prevIndex) => {
+                        let newIdx = 0;
+                        if (prevIndex !== null) {
+                            newIdx =
+                                e.key === "ArrowDown"
+                                    ? Math.min(filteredOptions.length - 1, prevIndex + 1)
+                                    : Math.max(0, prevIndex - 1);
+                        }
+                        const selectedOption = document.querySelector(`.frankie-select-option-${newIdx}`);
+                        selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.scrollIntoView({
+                            behavior: "smooth",
+                            block: "nearest",
+                        });
+                        return newIdx;
+                    });
+                }
+                else
+                    handleOpen();
+                break;
+            case "Enter":
+                if (selectedIndex !== null && (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions[selectedIndex])) {
+                    const { value, label } = (_a = filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions[selectedIndex]) !== null && _a !== void 0 ? _a : {};
+                    onChange({ target: { value } });
+                    setFilterText(label);
+                    handleClose();
+                    setSelectedIndex(null);
+                }
+                break;
+            case "Escape":
+                handleClose();
+                break;
+            default:
+                if (!autocomplete)
+                    e.preventDefault();
+                break;
+        }
+    };
+    const handleClick = () => {
+        onActionChange && onActionChange(true);
+    };
+    function autoResize() {
+        if (textAreaRef.current) {
+            textAreaRef.current.style.height = "40px";
+            textAreaRef.current.style.height =
+                textAreaRef.current.scrollHeight + "px";
+            const maxHeight = 156;
+            if (parseInt(textAreaRef.current.style.height) >= maxHeight) {
+                textAreaRef.current.style.overflowY = "scroll";
+            }
+            else {
+                textAreaRef.current.style.overflowY = "hidden";
+            }
+        }
+    }
+    useEffect(() => {
+        autoResize();
+    }, [(_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.value, handleClear]);
+    return (_jsxs("div", { className: clsx("f1-w-full", "f1-mt-2", className, disabled ? "pointer-events-none" : ""), "data-testid": testId.container, ref: parentRef, children: [(label || tag) && (_jsxs("div", { className: clsx("f1-flex", "f1-flex-initial", "f1-py-2"), children: [_jsx("div", { className: "grow", children: _jsx("label", { htmlFor: name, className: clsx('f1-text-sm', 'f1-font-medium', 'f1-text-[#1F2A37]'), "data-testid": testId.label, children: label }) }), _jsx("div", { className: clsx('flex', 'flex-initial', 'grow', 'justify-end', 'f1-text-[#1F2A37]'), "data-testid": testId.tag, children: tag })] })), _jsxs("div", { className: clsx("f1-relative", "frankie-select-field-container"), children: [_jsx("textarea", { id: name, name: name, "aria-label": name, ref: (textarea) => {
+                            textAreaRef.current = textarea;
+                            if (typeof ref === "function") {
+                                ref(textarea);
+                            }
+                            else if (typeof ref === "object") {
+                                Object.assign(ref.current, textarea);
+                            }
+                        }, className: clsx('f1-appearance-none', 'f1-w-full', 'f1-bg-white', 'f1-border', 'f1-rounded-sm', 'f1-px-[16px]', 'f1-py-[14px]', 'f1-focus:outline-none', 'f1-box-border', 'f1-border', 'f1-border-solid', 'f1-pr-10', 'f1-max-h-[150px]', 'f1-resize-none', 'f1-font-proxima-nova', inputClassName, 'f1-text-md', 'f1-font-medium', 'f1-text-[#374151]', {
+                            "f1-border-tertiary-red-500": error,
+                            'f1-placeholder-tertiary-red-600': error,
+                            '!f1-text-tertiary-red-600': error,
+                            'f1-bg-[#FDF2F2]': error,
+                            'f1-border-tertiary-grey-300': !error,
+                        }), placeholder: placeholder, disabled: disabled, value: (filterText === null || filterText === void 0 ? void 0 : filterText.length) ? filterText : value !== null && value !== void 0 ? value : '', "data-testid": testId.input, onBlur: onBlur, onChange: handleChange, onClick: handleOptionToggle, onFocus: onFocus, required: required, onKeyDown: handleKeyDown, autoComplete: "off" }), _jsx("div", { className: "f1-relative", children: isOpen &&
+                            (autoSuggestShowAfter
+                                ? filterText.length >= autoSuggestShowAfter
+                                : true) && (_jsxs("ul", { className: clsx("frankie-select-options", "f1-p-1", "f1-absolute", "f1-z-10", "f1-bg-mono-white", "f1-m-0", "f1-shadow-md", "f1-rounded-sm", "f1-top--1", "f1-w-full", "f1-box-border", "f1-max-h-[193px]", "f1-py-1", "f1-overflow-y-auto", "f1-scrollbar-sm", "f1-overflow-x-hidden"), children: [(autoSuggestion
+                                    ? (options === null || options === void 0 ? void 0 : options.length) > 0
+                                    : filteredOptions.length > 0)
+                                    ? ((autoSuggestion ? options : filteredOptions).map((option, index) => (_jsx("li", { role: "option", "aria-selected": index === selectedIndex, onClick: handleSelectOption(option), onKeyDown: handleKeyDown, className: clsx("f1-list-none", "f1-text-sm", "f1-text-gray-800", "f1-py-2", "f1-px-4", "f1-cursor-pointer", {
+                                            "f1-bg-primary-50": index === selectedIndex,
+                                            "f1-hover:bg-gray-100": index !== selectedIndex,
+                                        }, `frankie-select-option-${index}`), "data-testid": option === null || option === void 0 ? void 0 : option.testId, children: option.label }, option.value))))
+                                    : (_jsx("li", { className: clsx("f1-text-sm", "f1-py-2", "f1-px-4", "f1-list-none"), children: !options.length && "No Results Available" })), _jsx("li", { className: clsx("f1-text-[16px]", "f1-py-2", "f1-px-4", "f1-text-[#306ef9]", "f1-cursor-pointer", "f1-list-none"), "data-testid": testId.actionBtn, onClick: handleClick, children: "Enter address manually" })] })) }), icon && !(clearable && !!filterText) && (_jsx("img", { onClick: onClick, className: clsx("f1-absolute", "f1-top-[25.5%]", "f1-right-3", "text-tertiary-grey-500", "f1-cursor-pointer"), src: error ? icons.magnifyError : icons.magnify })), !!badge && badge, clearable && !!filterText && (_jsx("img", { onClick: handleClear, className: clsx("f1-absolute", "f1-top-[25.5%]", "f1-right-3", "f1-text-tertiary-grey-500", "f1-cursor-pointer"), "data-testid": testId.closeCta, src: error ? icons.closeError : icons.close }))] }), _jsx("div", { className: "f1-flex", children: (helperText || errorText) && (_jsx("div", { className: clsx("f1-grow", "f1-text-mono-70", "f1-pb-2", "f1-text-sm"), children: _jsxs("div", { className: clsx("f1-flex", "f1-flex-col", "f1-gap-1"), children: [_jsxs("div", { "data-testid": testId.supportingText, className: clsx("f1-flex", error ? "f1-text-[red]" : "f1-text-tertiary-grey-500", "f1-text-[14px]"), children: [error
+                                        ? (_jsx("img", { className: clsx("f1-mr-1"), src: icons.alertCircleOutline, alt: "error" }))
+                                        : (""), error && errorText] }), _jsx("div", { className: clsx("f1-text-tertiary-grey-500"), children: helperText })] }) })) })] }));
+});
+//# sourceMappingURL=FrankieTextArea.js.map

package/dist/esm/modules/form/vendors/react/components/base/FrankieTextArea/FrankieTextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieTextArea.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieTextArea/FrankieTextArea.tsx"],"names":[],"mappings":"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"}

package/dist/esm/modules/form/vendors/react/components/base/SelectField/SelectField.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { IFrankieTextSelectFieldProps } from "../../../types/form";
+export declare const FrankieSelectField: React.ForwardRefExoticComponent<Omit<IFrankieTextSelectFieldProps<string | number>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=SelectField.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/SelectField/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/SelectField/SelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAKhF,OAAO,KAAK,EAEV,4BAA4B,EAC7B,MAAM,qBAAqB,CAAC;AAC7B,eAAO,MAAM,kBAAkB,qIAqY7B,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/SelectField/SelectField.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access */
+import clsx from "clsx";
+import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import { icons } from "../../../constants/icons.js";
+import { useFrankieMenu } from "../../../hooks/menu.hooks.js";
+export const FrankieSelectField = forwardRef(function FrankieSelectField({ className = "", inputClassName = "", disabled = false, error = false, errorText = "", label, name, placeholder = "", supportingText = "", tag, badge, options, testId = {
+    container: "",
+    input: "",
+    label: "",
+    tag: "",
+    supportingText: "",
+    closeCta: "",
+}, value, onBlur, onChange, onClick, onFocus, autocomplete = false, clearable = false, required, emptyText = "No record", hideError = false, }, ref) {
+    // To keep track of the selected index
+    const [selectedIndex, setSelectedIndex] = useState(null);
+    // To keep track of value input - usually in case of autocomplete
+    const [filterText, setFilterText] = useState("");
+    const inputRef = useRef(null);
+    const { parentRef, isOpen, handleOpen, handleToggle, handleClose } = useFrankieMenu();
+    const selectedValueLabel = useMemo(() => { var _a; return (_a = options.find((item) => item.value === value)) === null || _a === void 0 ? void 0 : _a.label; }, [value, options]);
+    /**
+     * Final option if autocomplete
+     * Filtering option when autocomplete is on and filterText should no be equal to already selected value
+     */
+    const filteredOptions = useMemo(() => autocomplete && filterText && filterText !== selectedValueLabel
+        ? options.filter((item) => {
+            var _a, _b, _c;
+            return (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.trim()) === null || _c === void 0 ? void 0 : _c.startsWith(filterText.toLowerCase().trim());
+        })
+        : options, [options, filterText, autocomplete, selectedValueLabel]);
+    /**
+     * On option click
+     */
+    const handleSelectOption = (option) => () => {
+        const { value, label } = option;
+        onChange({ target: { value } });
+        setFilterText(label);
+        handleClose();
+    };
+    /**
+     * On Input change
+     */
+    const handleChange = (e) => {
+        setFilterText(e.target.value);
+        if (!isOpen)
+            handleOpen();
+    };
+    useEffect(() => {
+        const currentIndex = filteredOptions.findIndex((option) => option.value === value);
+        if (isOpen) {
+            setSelectedIndex(currentIndex);
+        }
+        else {
+            setFilterText(currentIndex === -1 ? "" : filteredOptions[currentIndex].label);
+        }
+    }, [isOpen, filteredOptions, value]);
+    const handleOptionToggle = (e) => {
+        if (onClick)
+            onClick(e);
+        if (disabled)
+            return;
+        handleToggle();
+    };
+    /**
+     * To handle clearing of data from cross button
+     */
+    const handleClear = () => {
+        onChange({ target: { value: undefined } });
+        setFilterText("");
+    };
+    const handleKeyDown = (e) => {
+        switch (e.key) {
+            case "ArrowUp":
+            case "ArrowDown":
+                e.preventDefault();
+                if (isOpen) {
+                    setSelectedIndex((prevIndex) => {
+                        let newIdx = 0;
+                        if (prevIndex !== null) {
+                            newIdx =
+                                e.key === "ArrowDown"
+                                    ? Math.min(filteredOptions.length - 1, prevIndex + 1)
+                                    : Math.max(0, prevIndex - 1);
+                        }
+                        const selectedOption = document.querySelector(`.frankie-select-option-${newIdx}`);
+                        selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.scrollIntoView({
+                            behavior: "smooth",
+                            block: "nearest",
+                        });
+                        return newIdx;
+                    });
+                }
+                else
+                    handleOpen();
+                break;
+            case "Enter":
+                if (selectedIndex !== null) {
+                    const { value, label } = filteredOptions[selectedIndex];
+                    onChange({ target: { value } });
+                    setFilterText(label);
+                    handleClose();
+                    setSelectedIndex(null);
+                }
+                break;
+            case "Escape":
+                handleClose();
+                break;
+            default:
+                if (!autocomplete)
+                    e.preventDefault();
+                break;
+        }
+    };
+    /**
+     * To focus on the input when the when opening from toggle btn
+     */
+    const handleDropdown = () => {
+        if (!isOpen && inputRef.current) {
+            inputRef.current.focus();
+        }
+        handleToggle();
+    };
+    return (_jsxs("div", { className: clsx("f1-w-full", className, {
+            "f1-pointer-events-none": disabled,
+        }), "data-testid": testId.container, ref: parentRef, children: [(label || tag) && (_jsxs("div", { className: clsx("f1-mb-2"), children: [_jsx("div", { className: "grow", children: _jsx("label", { htmlFor: name, className: clsx("f1-text-sm", "f1-font-medium", 'f1-text-[#1F2A37]'), "data-testid": testId.label, children: label }) }), _jsx("div", { className: clsx("f1-flex", "f1-flex-initial", "f1-grow", "f1-justify-end", 'f1-text-[#1F2A37]'), "data-testid": testId.tag, children: tag })] })), _jsxs("div", { className: clsx("f1-relative", "frankie-select-field-container"), children: [_jsx("input", { id: name, name: name, "aria-label": name, ref: (input) => {
+                            inputRef.current = input;
+                            if (typeof ref === "function") {
+                                ref(input);
+                            }
+                            else if (ref) {
+                                ref.current = input;
+                            }
+                        }, className: clsx("f1-w-full", "f1-px-[16px]", "f1-py-[14px]", "border-slate-300", "rounded-xl", "f1-border", "f1-border-solid", "f1-rounded-sm", "f1-pl-4", "f1-box-border", inputClassName, 'f1-text-md', 'f1-font-normal', 'f1-text-[#374151]', {
+                            "f1-border-tertiary-red-500": error,
+                            "f1-placeholder-tertiary-red-600": error,
+                            "!f1-text-tertiary-red-600": error,
+                            "f1-bg-[#FDF2F2]": error,
+                            "f1-border-tertiary-grey-300": !error,
+                        }), placeholder: placeholder, disabled: disabled, type: "text", value: filterText, "data-testid": testId.input, onBlur: onBlur, onChange: handleChange, onClick: handleOptionToggle, onFocus: onFocus, required: required, onKeyDown: handleKeyDown, autoComplete: "off" }), _jsx("div", { className: "f1-relative ", children: isOpen && (_jsx("ul", { className: clsx("frankie-select-options", "f1-max-h-64", "f1-overflow-scroll", "f1-absolute", "f1-z-10", "f1-bg-mono-white", "f1-shadow-md", "f1-rounded-sm", "f1-p-0", "f1-w-full", "f1-scrollbar-sm", "f1-overflow-x-hidden", "f1-mt-0"), children: filteredOptions.length > 0
+                                ? (filteredOptions.map((option, index) => (_jsx("li", { role: "option", "aria-selected": index === selectedIndex, onClick: handleSelectOption(option), onKeyDown: handleKeyDown, className: clsx("f1-list-none", "f1-p-4", "f1-hover:bg-grey-300", "f1-text-sm", "text-gray-800", "cursor-pointer", "f1-m-0", "focus:f1-bg-primary-50", { "f1-bg-primary-50": index === selectedIndex }, {
+                                        "hover:f1-bg-tertiary-grey-100": index !== selectedIndex,
+                                    }, `frankie-select-option-${index}`), "data-testid": option.testId, children: option.label }, option.value))))
+                                : (_jsx("li", { className: clsx("f1-text-sm", "f1-py-2", "f1-px-4"), children: emptyText })) })) }), !(clearable && !!filterText) && (_jsx("img", { onClick: handleDropdown, className: clsx("f1-absolute", "f1-bottom-[13px]", "f1-right-3", "text-tertiary-grey-500", "f1-cursor-pointer", "f1-fill-tertiary-red-600"), src: error ? icons === null || icons === void 0 ? void 0 : icons.chevronDownError : icons.chevronDown })), !!badge && badge, clearable && !!filterText && (_jsx("img", { "data-testid": testId.closeCta, onClick: handleClear, className: clsx("f1-absolute", "f1-bottom-[13px]", "f1-right-3", "f1-cursor-pointer"), src: error ? icons.closeError : icons.close }))] }), _jsx("div", { className: clsx("f1-flex"), children: (supportingText || errorText) && !hideError && (_jsx("div", { className: clsx("f1-grow", "f1-text-mono-70", "f1-pt-1", "f1-text-sm"), children: _jsx("div", { className: clsx("f1-flex", "f1-flex-initial", "f1-items-center", {
+                            "f1-text-[red]": error,
+                        }), children: _jsxs("div", { "data-testid": testId.supportingText, className: clsx("f1-flex", "f1-text-[red]", "f1-text-[14px]"), children: [error && (_jsx("img", { className: clsx("f1-mr-1"), src: icons.alertCircleOutline })), error ? errorText : supportingText] }) }) })) })] }));
+});
+//# sourceMappingURL=SelectField.js.map

package/dist/esm/modules/form/vendors/react/components/base/SelectField/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/SelectField/SelectField.tsx"],"names":[],"mappings":";AAAA,mGAAmG;AACnG,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAM3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,kBAAkB,CAGtE,EACE,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,EAAE,EACd,KAAK,EACL,IAAI,EACJ,WAAW,GAAG,EAAE,EAChB,cAAc,GAAG,EAAE,EACnB,GAAG,EACH,KAAK,EACL,OAAO,EACP,MAAM,GAAG;IACP,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;IACP,cAAc,EAAE,EAAE;IAClB,QAAQ,EAAE,EAAE;CACb,EACD,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,GAAG,WAAW,EACvB,SAAS,GAAG,KAAK,GACe,EAClC,GAAsC;IAEtC,sCAAsC;IACtC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExE,iEAAiE;IACjE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,GAChE,cAAc,EAAE,CAAC;IAEnB,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,WAAC,OAAA,MAAA,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,0CAAE,KAAK,CAAA,EAAA,EACzD,CAAC,KAAK,EAAE,OAAO,CAAC,CACjB,CAAC;IAEF;;;OAGG;IACH,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CACH,YAAY,IAAI,UAAU,IAAI,UAAU,KAAK,kBAAkB;QAC7D,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;;YACtB,OAAA,MAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CACP,WAAW,EAAE,0CACb,IAAI,EAAE,0CACN,UAAU,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;SAAA,CAChD;QACH,CAAC,CAAC,OAAO,EACb,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,kBAAkB,CAAC,CACxD,CAAC;IAEF;;OAEG;IACH,MAAM,kBAAkB,GAAG,CAAC,MAA+B,EAAE,EAAE,CAAC,GAAG,EAAE;QACnE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAChC,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAChC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,MAAM;YAAE,UAAU,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,eAAe,CAAC,SAAS,CAC5C,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CACnC,CAAC;QAEF,IAAI,MAAM,EAAE,CAAC;YACX,gBAAgB,CAAC,YAAY,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,aAAa,CACX,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,KAAK,CAC/D,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;IAErC,MAAM,kBAAkB,GAAG,CACzB,CAAiD,EACjD,EAAE;QACF,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,QAAQ;YAAE,OAAO;QACrB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAyB,EAAE,EAAE,CAAC,CAAC;QAC3D,aAAa,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CACpB,CAAwD,EACxD,EAAE;QACF,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,SAAS,CAAC;YACf,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,MAAM,EAAE,CAAC;oBACX,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;wBAC7B,IAAI,MAAM,GAAG,CAAC,CAAC;wBACf,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;4BACvB,MAAM;gCACJ,CAAC,CAAC,GAAG,KAAK,WAAW;oCACnB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC;oCACrD,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;wBACnC,CAAC;wBAED,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAC3C,0BAA0B,MAAM,EAAE,CACnC,CAAC;wBAEF,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,CAAC;4BAC7B,QAAQ,EAAE,QAAQ;4BAClB,KAAK,EAAE,SAAS;yBACjB,CAAC,CAAC;wBAEH,OAAO,MAAM,CAAC;oBAChB,CAAC,CAAC,CAAC;gBACL,CAAC;;oBAAM,UAAU,EAAE,CAAC;gBAEpB,MAAM;YACR,KAAK,OAAO;gBACV,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;oBAC3B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;oBACxD,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;oBAChC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACrB,WAAW,EAAE,CAAC;oBACd,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC;gBACD,MAAM;YACR,KAAK,QAAQ;gBACX,WAAW,EAAE,CAAC;gBACd,MAAM;YACR;gBACE,IAAI,CAAC,YAAY;oBAAE,CAAC,CAAC,cAAc,EAAE,CAAC;gBACtC,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF;;OAEG;IAEH,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YAChC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC;QACD,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,EAAE;YACtC,wBAAwB,EAAE,QAAQ;SACnC,CAAC,iBACW,MAAM,CAAC,SAAS,EAC7B,GAAG,EAAE,SAAS,aAEb,CAAC,KAAK,IAAI,GAAG,CAAC,IAAI,CACjB,eAAK,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,aAC7B,cAAK,SAAS,EAAC,MAAM,YACnB,gBACE,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,IAAI,CACb,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,CACpB,iBACY,MAAM,CAAC,KAAK,YAExB,KAAK,GACA,GACJ,EACN,cACE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAEhB,mBAAmB,CACpB,iBACY,MAAM,CAAC,GAAG,YAEtB,GAAG,GACA,IACF,CACP,EACD,eAAK,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,gCAAgC,CAAC,aACnE,gBACE,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,gBACE,IAAI,EAChB,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE;4BACZ,QAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;4BAClC,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gCAC9B,GAAG,CAAC,KAAK,CAAC,CAAC;4BACb,CAAC;iCAAM,IAAI,GAAG,EAAE,CAAC;gCACd,GAAW,CAAC,OAAO,GAAG,KAAK,CAAC;4BAC/B,CAAC;wBACH,CAAC,EACD,SAAS,EAAE,IAAI,CACb,WAAW,EACX,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,eAAe,EACf,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB;4BACE,4BAA4B,EAAE,KAAK;4BACnC,iCAAiC,EAAE,KAAK;4BACxC,2BAA2B,EAAE,KAAK;4BAClC,iBAAiB,EAAE,KAAK;4BACxB,6BAA6B,EAAE,CAAC,KAAK;yBACtC,CACF,EACD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,iBACJ,MAAM,CAAC,KAAK,EACzB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAC,KAAK,GAClB,EAEF,cAAK,SAAS,EAAC,cAAc,YAC1B,MAAM,IAAI,CACT,aACE,SAAS,EAAE,IAAI,CACb,wBAAwB,EACxB,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EACtB,SAAS,CACV,YAEA,eAAe,CAAC,MAAM,GAAG,CAAC;gCACzC,CAAC,CAAC,CACc,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,aACE,IAAI,EAAC,QAAQ,mBACE,KAAK,KAAK,aAAa,EAEtC,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,EACnC,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,IAAI,CACb,cAAc,EACd,QAAQ,EACR,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,QAAQ,EACR,wBAAwB,EACxB,EAAE,kBAAkB,EAAE,KAAK,KAAK,aAAa,EAAE,EAC/C;wCACE,+BAA+B,EAC7B,KAAK,KAAK,aAAa;qCAC1B,EACD,yBAAyB,KAAK,EAAE,CACjC,iBACY,MAAM,CAAC,MAAM,YAEzB,MAAM,CAAC,KAAK,IArBR,MAAM,CAAC,KAAK,CAsBd,CACN,CAAC,CACH;gCACf,CAAC,CAAC,CACc,aAAI,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,YACpD,SAAS,GACP,CACN,GACE,CACN,GACG,EAEL,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,UAAU,CAAC,IAAI,CAC/B,cACE,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,IAAI,CACb,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,0BAA0B,CAC3B,EACD,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,GACxD,CACH,EAEA,CAAC,CAAC,KAAK,IAAI,KAAK,EAEhB,SAAS,IAAI,CAAC,CAAC,UAAU,IAAI,CAC5B,6BACe,MAAM,CAAC,QAAQ,EAC5B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAI,CACb,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,CACpB,EACD,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAC3C,CACH,IACG,EACN,cAAK,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,YAC5B,CAAC,cAAc,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,CAC9C,cACE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,YAAY,CACb,YAED,cACE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE;4BAC/D,eAAe,EAAE,KAAK;yBACvB,CAAC,YAEF,8BACe,MAAM,CAAC,cAAc,EAClC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,eAAe,EAAE,gBAAgB,CAAC,aAE5D,KAAK,IAAI,CACR,cACE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAC1B,GAAG,EAAE,KAAK,CAAC,kBAAkB,GAC7B,CACH,EACA,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,IAC/B,GACF,GACF,CACP,GACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/SharedInput/Input.d.ts

@@ -0,0 +1,10 @@
+import type { IFrankieTextFieldProps } from "../../../types/form";
+import type { ChangeEvent } from "react";
+import type { ControllerProps, ControllerRenderProps, FieldValues } from "react-hook-form";
+type FieldProperties = keyof ControllerRenderProps;
+export type InputProps<TFieldValues extends FieldValues> = Omit<IFrankieTextFieldProps, FieldProperties | "error"> & Omit<ControllerProps<TFieldValues>, "render" | "readOnly"> & {
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+declare const Input: <TFieldValues extends FieldValues>({ name, control, rules, label, defaultValue, disabled, shouldUnregister, helperText, min, type, onChange, ...textProps }: InputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export default Input;
+//# sourceMappingURL=Input.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/SharedInput/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/SharedInput/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACrB,WAAW,EAIZ,MAAM,iBAAiB,CAAC;AAEzB,KAAK,eAAe,GAAG,MAAM,qBAAqB,CAAC;AAMnD,MAAM,MAAM,UAAU,CAAC,YAAY,SAAS,WAAW,IAAI,IAAI,CAC7D,sBAAsB,EACtB,eAAe,GAAG,OAAO,CAE1B,GACC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,GAAE;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAA;AAEH,QAAA,MAAM,KAAK,+JAaR,WAAW,YAAY,CAAC,4CAyC1B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/SharedInput/Input.js

@@ -0,0 +1,31 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import { FrankieTextField } from "../TextField/TextSelectField.js";
+const Input = (_a) => {
+    var { name, control, rules, label, defaultValue, disabled, shouldUnregister, helperText, min, type, onChange } = _a, textProps = __rest(_a, ["name", "control", "rules", "label", "defaultValue", "disabled", "shouldUnregister", "helperText", "min", "type", "onChange"]);
+    return (_jsx(Controller, { control: control, name: name, render: ({ field, fieldState: { error } }) => {
+            const validateResult = rules &&
+                (rules === null || rules === void 0 ? void 0 : rules.validate) &&
+                typeof (rules === null || rules === void 0 ? void 0 : rules.validate) === "function" &&
+                min !== undefined &&
+                (rules === null || rules === void 0 ? void 0 : rules.validate)(field === null || field === void 0 ? void 0 : field.value);
+            const isValid = typeof validateResult === "boolean" ? validateResult : false;
+            return (_jsx(FrankieTextField, Object.assign({ type: type, label: label, readOnly: isValid, errorText: error === null || error === void 0 ? void 0 : error.message, error: !!(error === null || error === void 0 ? void 0 : error.message), helperText: helperText }, field, (textProps !== null && textProps !== void 0 ? textProps : {}), { onChange: (e) => {
+                    field.onChange(e);
+                    onChange && onChange(e);
+                } })));
+        }, rules: rules, defaultValue: defaultValue, disabled: disabled, shouldUnregister: shouldUnregister }));
+};
+export default Input;
+//# sourceMappingURL=Input.js.map

package/dist/esm/modules/form/vendors/react/components/base/SharedInput/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/SharedInput/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AA4BhE,MAAM,KAAK,GAAG,CAAmC,EAatB,EAAE,EAAE;QAbkB,EAC/C,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,GAAG,EACH,IAAI,EACJ,QAAQ,OAEiB,EADtB,SAAS,cAZmC,8HAahD,CADa;IAEZ,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YAC3C,MAAM,cAAc,GAClB,KAAK;iBACL,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAA;gBACf,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAA,KAAK,UAAU;gBACrC,GAAG,KAAK,SAAS;gBACjB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAA2C,CAAA,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC;YAEpE,MAAM,OAAO,GACX,OAAO,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC;YAE/D,OAAO,CAGD,KAAC,gBAAgB,kBACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EACzB,KAAK,EAAE,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAA,EACvB,UAAU,EAAE,UAAU,IAClB,KAAK,EACL,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAC,IACrB,QAAQ,EAAE,CAAC,CAAC,EAAC,EAAE;oBACb,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAClB,QAAQ,IAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACxB,CAAC,IACD,CACP,CAAC;QACJ,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/SharedSelect/Select.d.ts

@@ -0,0 +1,11 @@
+import type { IFrankieTextSelectFieldProps } from "../../../types/form";
+import type { ControllerRenderProps, ControllerProps, FieldValues } from "react-hook-form";
+export type SelectProps<TFormValues extends FieldValues, TOption extends string | number> = Omit<IFrankieTextSelectFieldProps<TOption>, keyof ControllerRenderProps> & Omit<ControllerProps<TFormValues>, "render"> & {
+    onChange?: (event: {
+        target: {
+            value: string | number;
+        };
+    }) => void;
+};
+export declare function SelectFormField<TFormValues extends FieldValues, TOption extends string | number>({ name, control, defaultValue, options, rules, shouldUnregister, onChange, ...selectProps }: SelectProps<TFormValues, TOption>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/SharedSelect/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/SharedSelect/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EACf,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,WAAW,CACrB,WAAW,SAAS,WAAW,EAC/B,OAAO,SAAS,MAAM,GAAG,MAAM,IAC7B,IAAI,CAAC,4BAA4B,CAAC,OAAO,CAAC,EAAE,MAAM,qBAAqB,CAAC,GAC1E,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE,CAAC;AAEJ,wBAAgB,eAAe,CAC7B,WAAW,SAAS,WAAW,EAC/B,OAAO,SAAS,MAAM,GAAG,MAAM,EAC/B,EACA,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,WAAW,CAAC,WAAW,EAAE,OAAO,CAAC,2CAuBnC"}

package/dist/esm/modules/form/vendors/react/components/base/SharedSelect/Select.js

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import { getError } from "../../../model/error.model.js";
+import { FrankieSelectField } from "../SelectField/SelectField.js";
+export function SelectFormField(_a) {
+    var { name, control, defaultValue, options, rules, shouldUnregister, onChange } = _a, selectProps = __rest(_a, ["name", "control", "defaultValue", "options", "rules", "shouldUnregister", "onChange"]);
+    return (_jsx(Controller, { render: ({ field, formState: { errors } }) => {
+            var _a;
+            return (_jsx(FrankieSelectField, Object.assign({ errorText: (_a = errors[name]) === null || _a === void 0 ? void 0 : _a.message, options: options }, selectProps, field, { error: !!getError(name, errors), onChange: (e) => {
+                    field.onChange(e);
+                    onChange && onChange(e);
+                } })));
+        }, control: control, name: name, defaultValue: defaultValue, rules: rules, shouldUnregister: shouldUnregister }));
+}
+//# sourceMappingURL=Select.js.map

package/dist/esm/modules/form/vendors/react/components/base/SharedSelect/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/SharedSelect/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAiBhE,MAAM,UAAU,eAAe,CAG7B,EASkC;QATlC,EACA,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,QAAQ,OAE0B,EAD/B,WAAW,cARd,uFASD,CADe;IAEd,OAAO,CACL,KAAC,UAAU,IACT,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE;;YAAC,OAAA,CAC5C,KAAC,kBAAkB,kBACjB,SAAS,EAAE,MAAA,MAAM,CAAC,IAAI,CAAC,0CAAE,OAAiB,EAC1C,OAAO,EAAE,OAAO,IACZ,WAAW,EACX,KAAK,IACT,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAClB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAC1B,CAAC,IACD,CACH,CAAA;SAAA,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/SharedTextArea/TextArea.d.ts

@@ -0,0 +1,9 @@
+import type { IFrankieTextAreaProps } from "../../../types/form";
+import type { ControllerRenderProps, ControllerProps, FieldValues, Path } from "react-hook-form";
+type Props<FType extends FieldValues, TFormValues extends FieldValues, TOption extends string | number> = Omit<IFrankieTextAreaProps<TOption>, keyof ControllerRenderProps> & Omit<ControllerProps<TFormValues>, "render"> & {
+    name: Path<FType>;
+    onChange?: (data: string | number) => void;
+};
+export declare const TextArea: <FType extends FieldValues, TFormValues extends FieldValues, TOption extends string | number>({ name, control, defaultValue, options, rules, isManual, shouldUnregister, autoSuggestion, onChange, ...selectProps }: Props<FType, TFormValues, TOption>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/SharedTextArea/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/SharedTextArea/TextArea.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EACf,WAAW,EACX,IAAI,EACL,MAAM,iBAAiB,CAAC;AAEzB,KAAK,KAAK,CACR,KAAK,SAAS,WAAW,EACzB,WAAW,SAAS,WAAW,EAC/B,OAAO,SAAS,MAAM,GAAG,MAAM,IAC7B,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,qBAAqB,CAAC,GACnE,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC7C,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEJ,eAAO,MAAM,QAAQ,uNAelB,MAAM,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC,4CA2BpC,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/SharedTextArea/TextArea.js

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+import { getError } from "../../../model/error.model.js";
+import { FrankieTextArea } from "../FrankieTextArea/FrankieTextArea.js";
+export const TextArea = (_a) => {
+    var { name, control, defaultValue, options, rules, isManual, shouldUnregister, autoSuggestion, onChange } = _a, selectProps = __rest(_a, ["name", "control", "defaultValue", "options", "rules", "isManual", "shouldUnregister", "autoSuggestion", "onChange"]);
+    return (_jsx(Controller, { render: ({ field, formState: { errors } }) => {
+            const handleChange = (e) => {
+                onChange && onChange(e.target.value);
+                field.onChange(e.target.value);
+            };
+            return (_jsx(FrankieTextArea, Object.assign({ options: options, error: isManual ? false : !!getError(name, errors), autoSuggestion: autoSuggestion }, selectProps, field, { onChange: handleChange })));
+        }, control: control, name: name, defaultValue: defaultValue, rules: rules, shouldUnregister: shouldUnregister }));
+};
+//# sourceMappingURL=TextArea.js.map

package/dist/esm/modules/form/vendors/react/components/base/SharedTextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/SharedTextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAoBrE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAItB,EAWmC,EAAE,EAAE;QAXvC,EACA,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,QAAQ,OAE2B,EADhC,WAAW,cAVd,qHAWD,CADe;IAEd,OAAO,CACL,KAAC,UAAU,IACT,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE;YAC3C,MAAM,YAAY,GAAG,CAAC,CAAyC,EAAE,EAAE;gBACjE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACrC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC,CAAC;YAEF,OAAO,CACL,KAAC,eAAe,kBACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,EAClD,cAAc,EAAE,cAAc,IAC1B,WAAW,EACX,KAAK,IACT,QAAQ,EAAE,YAAY,IACtB,CACH,CAAC;QACJ,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC,CAAC"}