@frankieone/one-sdk 0.0.1-npm

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":"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"}

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"}

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

@@ -0,0 +1,46 @@
+import React from "react";
+import { type FieldValues } from "react-hook-form";
+import type { LocaleType, CalendarType } from "../../../constants/form.const";
+import type { Control } from "react-hook-form";
+type CommonComponentProps = {
+    label: string;
+    isExpiry?: boolean;
+    helperText?: string;
+    calendarConfig?: CalendarConfig;
+    name?: string;
+    control?: Control<FieldValues>;
+    testId?: {
+        container?: string;
+        error?: string;
+    };
+};
+export type CalendarConfig = {
+    type: CalendarType;
+    locale: LocaleType;
+    day?: {
+        value?: number;
+        required?: boolean;
+    };
+    month?: {
+        value?: number;
+        required?: boolean;
+    };
+    year?: {
+        value?: number;
+        required: boolean;
+    };
+    age?: {
+        max?: number;
+        min?: number;
+        message: string;
+    };
+    message?: string;
+};
+export type StandardDateType = {
+    dd?: string;
+    mm: number;
+    yyyy: string;
+};
+declare const StandardDate: React.FC<CommonComponentProps>;
+export default StandardDate;
+//# sourceMappingURL=StandardDate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StandardDate.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/StandardDate/StandardDate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAW,KAAK,WAAW,EAAc,MAAM,iBAAiB,CAAC;AAYxE,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,UAAU,CAAC;IACnB,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,GAAG,CAAC,EAAE;QACJ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmRhD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useEffect } from "react";
+import { useForm, Controller } from "react-hook-form";
+import { MonthNameLength, ValidationRulesForForm, getMaxDaysInMonth, monthGenerator, } from "../../../constants/form.const.js";
+import { icons } from "../../../constants/icons.js";
+import Input from "../SharedInput/Input.js";
+import { SelectFormField } from "../SharedSelect/Select.js";
+const StandardDate = ({ label, isExpiry = false, helperText, calendarConfig, name, control, testId = {
+    container: "",
+    error: "",
+}, }) => {
+    return (_jsx(Controller, { control: control, name: name, render: ({ field, fieldState: { isValidating } }) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+            const standardForm = useForm({
+                defaultValues: { dd: "", mm: 0, yyyy: "" },
+                mode: "onTouched",
+            });
+            const { control: standardController } = standardForm;
+            const day = standardForm.watch("dd");
+            const month = +standardForm.watch("mm");
+            const year = parseInt(standardForm.watch("yyyy"));
+            const getErrors = () => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                return (((_c = (_b = (_a = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b.yyyy) === null || _c === void 0 ? void 0 : _c.message) ||
+                    ((_f = (_e = (_d = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _d === void 0 ? void 0 : _d.errors) === null || _e === void 0 ? void 0 : _e.dd) === null || _f === void 0 ? void 0 : _f.message) ||
+                    ((_j = (_h = (_g = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h.mm) === null || _j === void 0 ? void 0 : _j.message));
+            };
+            useEffect(() => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+                const fieldMonth = (_c = (_b = (_a = field.value) === null || _a === void 0 ? void 0 : _a.split("-")) === null || _b === void 0 ? void 0 : _b[`${isExpiry ? 0 : 1}`]) === null || _c === void 0 ? void 0 : _c.replace("null", "");
+                const date = (_h = ((_f = (_e = (_d = field.value) === null || _d === void 0 ? void 0 : _d.split("-")) === null || _e === void 0 ? void 0 : _e[0]) !== null && _f !== void 0 ? _f : (_g = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.day) === null || _g === void 0 ? void 0 : _g.value)) === null || _h === void 0 ? void 0 : _h.replace("null", "");
+                const year = (_o = ((_l = (_k = (_j = field.value) === null || _j === void 0 ? void 0 : _j.split("-")) === null || _k === void 0 ? void 0 : _k[`${isExpiry ? 1 : 2}`]) !== null && _l !== void 0 ? _l : (_m = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.year) === null || _m === void 0 ? void 0 : _m.value)) === null || _o === void 0 ? void 0 : _o.replace("null", "");
+                const month = fieldMonth ? +fieldMonth : (_p = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.month) === null || _p === void 0 ? void 0 : _p.value;
+                if (field.value != `${day}-${month}-${year}`) {
+                    standardForm.setValue("dd", date);
+                    standardForm.setValue("mm", month);
+                    standardForm.setValue("yyyy", year);
+                }
+            }, [field.value]);
+            useEffect(() => {
+                const message = getErrors();
+                control.setError(field.name, message ? { message } : null);
+            }, [getErrors()]);
+            useEffect(() => {
+                if (isValidating &&
+                    !standardForm.formState.isDirty &&
+                    !standardForm.formState.isValidating) {
+                    standardForm.trigger();
+                }
+            }, [isValidating, standardForm.formState]);
+            const options = monthGenerator({
+                calenderType: calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.type,
+                localeType: calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.locale,
+                monthNameLength: MonthNameLength.SHORT,
+            });
+            return (_jsxs("div", { children: [_jsx("div", { className: clsx("f1-w-full", "f1-py-2"), "data-testid": testId.container, children: _jsx("label", { htmlFor: name, className: clsx("f1-text-tertiary-grey-800", "f1-text-sm", "f1-font-medium", "f1-w-full", "f1-py-2"), children: label }) }), _jsxs("div", { className: clsx("f1-w-full", "f1-h-auto", "f1-flex", "f1-justify-between", "f1-gap-3", "f1-relative", `${getErrors() && "f1-mb-2"}`), children: [!isExpiry && (_jsx(Input, { type: "number", control: standardController, name: "dd", placeholder: "Day", hideError: true, rules: {
+                                    required: {
+                                        value: !!((_a = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.day) === null || _a === void 0 ? void 0 : _a.required),
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Please enter valid date",
+                                    },
+                                    maxLength: {
+                                        value: 2,
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Please enter valid date",
+                                    },
+                                    pattern: {
+                                        value: new RegExp(ValidationRulesForForm.onlyNumbers.value),
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Please enter valid date",
+                                    },
+                                    validate: (value) => {
+                                        const maxDays = getMaxDaysInMonth({
+                                            month: month,
+                                            year: year,
+                                            calendarType: calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.type,
+                                        });
+                                        return ((parseInt(value) > 0 && parseInt(value) <= maxDays) ||
+                                            (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) ||
+                                            "Please enter valid date");
+                                    },
+                                }, onChange: (e) => field.onChange(`${e.target.value || ""}-${month || ""}-${year || ""}`) })), _jsx(SelectFormField, { control: standardController, name: "mm", options: options, rules: {
+                                    required: {
+                                        value: (_b = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.month) === null || _b === void 0 ? void 0 : _b.required,
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) ||
+                                            "Please enter your date of birth",
+                                    },
+                                }, placeholder: "Month", emptyText: "No record found", hideError: true, onChange: (e) => field.onChange(`${day || ""}-${e.target.value || ""}-${year || ""}`), autocomplete: true }), _jsx(Input, { type: "number", control: standardController, placeholder: "Year", hideError: true, name: "yyyy", 
+                                // inputClassName={clsx("f1-mt-9")}
+                                rules: {
+                                    required: {
+                                        value: !!((_c = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.year) === null || _c === void 0 ? void 0 : _c.required),
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Year is required",
+                                    },
+                                    minLength: {
+                                        value: 4,
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Invalid Year",
+                                    },
+                                    maxLength: {
+                                        value: 4,
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Invalid Year",
+                                    },
+                                    pattern: {
+                                        value: new RegExp(ValidationRulesForForm.onlyNumbers.value),
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "only numbers are allowed",
+                                    },
+                                    validate: (value) => {
+                                        var _a, _b, _c;
+                                        const inputYear = +value;
+                                        const min = (_a = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.age) === null || _a === void 0 ? void 0 : _a.min;
+                                        const max = (_b = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.age) === null || _b === void 0 ? void 0 : _b.max;
+                                        const currentYear = new Date().getFullYear();
+                                        const isValidAge = () => {
+                                            if (currentYear < inputYear &&
+                                                inputYear - currentYear > max) {
+                                                return true;
+                                            }
+                                            else if (currentYear > inputYear &&
+                                                currentYear - inputYear > min) {
+                                                return true;
+                                            }
+                                            else {
+                                                return false;
+                                            }
+                                        };
+                                        return (!isValidAge() ||
+                                            isExpiry ||
+                                            ((_c = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) !== null && _c !== void 0 ? _c : "Invalid Age"));
+                                    },
+                                }, onChange: (e) => field.onChange(`${day || ""}-${month || ""}-${e.target.value || ""}`) })] }), (helperText || getErrors()) && (_jsx("div", { children: _jsxs("div", { "data-testid": testId.error, className: clsx("f1-flex", "f1-flex-col", "f1-gap-1", "f1-mt-[-4px]", "f1-text-[14px]"), children: [_jsxs("div", { className: clsx("f1-flex", "f1-text-[red]"), children: [getErrors() && (_jsx("img", { className: clsx("f1-mr-1"), src: icons.alertCircleOutline })), (getErrors() &&
+                                            ((_f = (_e = (_d = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _d === void 0 ? void 0 : _d.errors) === null || _e === void 0 ? void 0 : _e.yyyy) === null || _f === void 0 ? void 0 : _f.message)) ||
+                                            ((_j = (_h = (_g = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h.dd) === null || _j === void 0 ? void 0 : _j.message) ||
+                                            ((_m = (_l = (_k = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _k === void 0 ? void 0 : _k.errors) === null || _l === void 0 ? void 0 : _l.mm) === null || _m === void 0 ? void 0 : _m.message)] }), _jsx("div", { className: clsx("f1-text-tertiary-grey-500"), children: helperText })] }) }))] }));
+        } }));
+};
+export default StandardDate;
+//# sourceMappingURL=StandardDate.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextSelectField.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/TextField/TextSelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAGlE,eAAO,MAAM,gBAAgB,sHAiP3B,CAAC"}

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import clsx from "clsx";
+import { forwardRef, useState } from "react";
+import { icons } from "../../../constants/icons.js";
+import { FrankieButton } from "../FrankieButton/index.js";
+export const FrankieTextField = forwardRef(function FrankieTextField({ className = "", inputClassName = "", counter, disabled = false, error = false, errorText = "", label, name, placeholder = "", readOnly = false, helperText = "", tag, badge, closeButton, isSearchIcon, testId = {
+    container: "",
+    input: "",
+    label: "",
+    tag: "",
+    showPassword: "",
+    helperText: "",
+    counter: "",
+    closeCta: "",
+}, type = "text", value, onBlur, onChange, onClick, onFocus, onKeyDown, min, max, minLength, maxLength, pattern, required, autoComplete, configYear, hideError = false, }, ref) {
+    const [inputLength, setInputLength] = useState(0);
+    const [passwordVisibility, setPasswordVisibility] = useState(false);
+    const handleInput = (e) => {
+        var _a, _b;
+        setInputLength((_b = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length);
+    };
+    return (_jsxs("div", { className: clsx("f1-w-full", `${!(errorText === null || errorText === void 0 ? void 0 : errorText.length) && error && "f1-mb-3"}`, className), "data-testid": testId === null || testId === void 0 ? void 0 : testId.container, children: [(label || tag) && (_jsxs("div", { className: clsx("f1-w-full", "f1-h-5", "f1-bg-white", "f1-border", "f1-rounded-sm", "f1-py-2", "f1-focus:outline-none"), children: [_jsx("div", { className: clsx("grow"), children: _jsx("label", { htmlFor: name, className: clsx("f1-text-sm", "f1-font-medium", "f1-w-full", 'f1-text-[#1F2A37]'), "data-testid": testId === null || testId === void 0 ? void 0 : testId.label, children: label }) }), _jsx("div", { className: clsx("f1-flex", "f1-flex-initial", "f1-grow", "f1-justify-end", 'f1-text-[#1F2A37]'), "data-testid": testId === null || testId === void 0 ? void 0 : testId.tag, children: tag })] })), _jsxs("div", { className: clsx(`"f1-relative"`, "frankie-text-field-container"), children: [_jsx("input", { id: name, name: name, "aria-label": name, ref: ref, className: clsx("f1-w-full", "f1-rounded-sm", "f1-px-[16px]", "f1-py-[14px]", "f1-focus:outline-none", "f1-box-border", "f1-border", "f1-border-solid", 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, readOnly: readOnly, type: passwordVisibility ? "text" : type, onInput: handleInput, value: value !== null && value !== void 0 ? value : "", "data-testid": testId.input, onBlur: onBlur, onChange: onChange, onClick: onClick, onFocus: onFocus, min: min, max: max, minLength: minLength, maxLength: maxLength, pattern: pattern, required: required, autoComplete: autoComplete, onKeyDown: onKeyDown }), type === "search" && isSearchIcon && (_jsx("img", { onClick: onClick, className: clsx("f1-absolute", "f1-top-[10px]", "f1-cursor-text"), src: icons.magnify })), !!badge && badge, type === "password" && (_jsx("div", { className: clsx("f1-absolute", "f1-top-0", "f1-right-2"), children: _jsx(FrankieButton, { intent: "subtle", size: "md", testId: { button: testId === null || testId === void 0 ? void 0 : testId.showPassword }, className: clsx("f1-text-tertiary-grey-500"), onClick: () => setPasswordVisibility(!passwordVisibility), singleIcon: {
+                                size: "xs",
+                                name: passwordVisibility ? "mdiEyeOffOutline" : "mdiEyeOutline",
+                            } }) })), closeButton && (_jsx(FrankieButton, { noStyles: true, testId: { button: testId.closeCta }, className: clsx("f1-text-tertiary-grey-500"), onClick: closeButton.onClick, singleIcon: {
+                            size: "xs",
+                            name: "mdiClose",
+                        } }))] }), _jsxs("div", { className: clsx("f1-flex", `${configYear && "f1-absolute , f1-left-0"}`), children: [(helperText || errorText) && !hideError && (_jsx("div", { children: _jsxs("div", { className: clsx("f1-flex", "f1-flex-col", "f1-gap-1", "f1-mt-1", "f1-text-[14px]"), children: [_jsxs("div", { "data-testid": testId.helperText, className: clsx("f1-flex", "f1-text-[red]"), children: [error && (errorText === null || errorText === void 0 ? void 0 : errorText.length) > 1
+                                            ? (_jsx("img", { className: clsx("f1-mr-1"), src: icons.alertCircleOutline }))
+                                            : (""), error && errorText] }), _jsx("div", { className: clsx("f1-text-tertiary-grey-500"), children: helperText })] }) })), _jsx("div", { "data-testid": testId.counter, children: typeof counter === "number" && counter > 0
+                            ? (_jsxs("div", { className: clsx(inputLength > counter ? "f1-text-red-700" : ""), children: [inputLength, "/", counter] }))
+                            : (counter) })] })] }));
+});
+//# sourceMappingURL=TextSelectField.js.map