pihr-ui-kit 0.0.1

package/dist/components/formGenerator/renderer/fields/datePickerRangeField.js

@@ -0,0 +1,30 @@
+import { jsx as m } from "react/jsx-runtime";
+import s from "../../../hookform/hookFormItem.js";
+import { cn as f } from "../../../../libs/index.js";
+import h from "../../../ui/customRangeDatePicker.js";
+import { useFormContext as d } from "react-hook-form";
+import { FORM_PLACEMENTS as g } from "../../constants.js";
+const _ = ({
+  field: e,
+  placement: r
+}) => {
+  const t = d(), n = r === g.ON_MODAL, o = t.watch(e.name), a = (o == null ? void 0 : o[0]) ?? void 0, i = (o == null ? void 0 : o[1]) ?? void 0;
+  return /* @__PURE__ */ m(s, { name: e.name, children: /* @__PURE__ */ m(
+    h,
+    {
+      startDate: a,
+      endDate: i,
+      onChange: ([c, p]) => {
+        t.setValue(e.name, [c, p]);
+      },
+      datePickerClassName: f(
+        n ? "employee_form-field-height" : "employee_form-field-height-page"
+      ),
+      ...e.props
+    }
+  ) });
+};
+export {
+  _ as DatePickerRangeField
+};
+//# sourceMappingURL=datePickerRangeField.js.map

package/dist/components/formGenerator/renderer/fields/datePickerRangeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerRangeField.js","sources":["../../../../../src/components/formGenerator/renderer/fields/datePickerRangeField.tsx"],"sourcesContent":["import HookFormItem from \"@/components/hookform/hookFormItem\";\nimport { cn } from \"@/libs\";\nimport CustomRangeDatePicker from \"@/components/ui/customRangeDatePicker\";\nimport { useFormContext } from \"react-hook-form\";\nimport {\n  FieldComponentProps,\n  DateRangeFieldConfig,\n  FormSchema,\n} from \"../../types\";\nimport { FORM_PLACEMENTS } from \"../../constants\";\n\nexport const DatePickerRangeField = <T extends FormSchema>({\n  field,\n  placement,\n}: FieldComponentProps<T, DateRangeFieldConfig<T>>) => {\n  const form = useFormContext<T>();\n  const isModal = placement === FORM_PLACEMENTS.ON_MODAL;\n  const values = form.watch(field.name);\n  const startDate = values?.[0] ?? undefined;\n  const endDate = values?.[1] ?? undefined;\n  return (\n    <HookFormItem name={field.name}>\n      <CustomRangeDatePicker\n        startDate={startDate}\n        endDate={endDate}\n        onChange={([start, end]: [Date | null, Date | null]) => {\n          form.setValue(field.name, [start, end] as any);\n        }}\n        datePickerClassName={cn(\n          isModal\n            ? \"employee_form-field-height\"\n            : \"employee_form-field-height-page\",\n        )}\n        {...field.props}\n      />\n    </HookFormItem>\n  );\n};\n"],"names":["DatePickerRangeField","field","placement","form","useFormContext","isModal","FORM_PLACEMENTS","values","startDate","endDate","jsx","HookFormItem","CustomRangeDatePicker","start","end","cn"],"mappings":";;;;;;AAWO,MAAMA,IAAuB,CAAuB;AAAA,EACzD,OAAAC;AAAA,EACA,WAAAC;AACF,MAAuD;AACrD,QAAMC,IAAOC,KACPC,IAAUH,MAAcI,EAAgB,UACxCC,IAASJ,EAAK,MAAMF,EAAM,IAAI,GAC9BO,KAAYD,KAAA,gBAAAA,EAAS,OAAM,QAC3BE,KAAUF,KAAA,gBAAAA,EAAS,OAAM;AAC/B,SACG,gBAAAG,EAAAC,GAAA,EAAa,MAAMV,EAAM,MACxB,UAAA,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAAJ;AAAA,MACA,SAAAC;AAAA,MACA,UAAU,CAAC,CAACI,GAAOC,CAAG,MAAkC;AACtD,QAAAX,EAAK,SAASF,EAAM,MAAM,CAACY,GAAOC,CAAG,CAAQ;AAAA,MAC/C;AAAA,MACA,qBAAqBC;AAAA,QACnBV,IACI,+BACA;AAAA,MACN;AAAA,MACC,GAAGJ,EAAM;AAAA,IAAA;AAAA,EAEd,EAAA,CAAA;AAEJ;"}

package/dist/components/formGenerator/renderer/fields/employeeSelect.js

@@ -0,0 +1,153 @@
+import { jsx as c, jsxs as L } from "react/jsx-runtime";
+import Z, { useState as u, useRef as T, useCallback as b, useEffect as g } from "react";
+import { VKSelect as $ } from "@vivakits/react-components";
+import { cn as P } from "../../../../libs/index.js";
+import { useSearchParams as v } from "react-router-dom";
+import { useLazyGetEmployeeSearchDropdownQuery as B } from "../../../../services/employeeService.js";
+import { Trie as A } from "../../../../utils/dataStructures/trie.js";
+import { useFormContext as J } from "react-hook-form";
+import { useTranslation as W } from "react-i18next";
+import { toast as q } from "sonner";
+import { SelectStyles as ee } from "../../../../utils/selectStyles.js";
+import te from "../../../common/dropDownIndicator/index.js";
+import { debounce as oe } from "../../../../utils/debounce.js";
+const O = 30, I = 3, re = (s) => s.map(({ text: o, id: e, branch: a, employee_image: d, code: p }) => ({
+  label: o,
+  value: String(e),
+  node: /* @__PURE__ */ c(
+    ae,
+    {
+      branch_name: a,
+      employee_name: o,
+      employee_code: p,
+      image_path: d
+    }
+  ),
+  code: p
+})), se = (s, o) => s.filter(
+  (e) => ["label", "code"].some(
+    (a) => (e[a] ?? "").toLowerCase().includes(o.toLowerCase())
+  )
+), M = Z.forwardRef(
+  ({
+    name: s,
+    wing_id: o,
+    value: e,
+    onChange: a,
+    hasError: d,
+    errorMessage: p,
+    isRequired: R,
+    className: F,
+    label: D,
+    labelClassName: j,
+    disabled: H,
+    placeholder: Y,
+    placement: V
+  }, G) => {
+    const { t: i } = W(["common"]), [Q] = v(), f = o || Q.get("wing_id"), [_, k] = u(!1), [S, { isFetching: z }] = B(), [w, x] = u(""), [N, E] = u([]), h = T(new A()), C = T(null), l = b(
+      async (t, r) => {
+        var m;
+        try {
+          const n = await S({
+            query_data: t,
+            employee_id: r,
+            wing_id: f || void 0
+          }).unwrap(), y = re(n || []);
+          return E(y.slice(0, O)), t && y.length < O && (h.current.insert(t), C.current = t), y;
+        } catch (n) {
+          return q.error(
+            ((m = n == null ? void 0 : n.data) == null ? void 0 : m.error_message) ?? i(
+              "FAILED_TO_FETCH_EMPLOYEE_DATA",
+              "Failed to fetch employee data"
+            )
+          ), [];
+        }
+      },
+      [f, S, i]
+    ), K = b(
+      oe(async (t) => {
+        const r = t.trim().toLowerCase();
+        if (r.length < I) {
+          E([]), C.current = null;
+          return;
+        }
+        const n = h.current.isExists(r) || r;
+        await l(n, void 0);
+      }, 400),
+      [l]
+    );
+    g(() => {
+      l("", void 0);
+    }, [l]), g(() => {
+      x(""), E([]), h.current = new A();
+    }, [f]);
+    const U = J();
+    g(() => {
+      e && typeof e != "object" && !_ && (async () => {
+        const r = (await l("", String(e))).find((m) => m.value == String(e));
+        r && U.setValue(s, r), k(!0);
+      })();
+    }, [e, N, _]);
+    const X = typeof e == "object" && (e == null ? void 0 : e.value);
+    return /* @__PURE__ */ c(
+      $,
+      {
+        ref: G,
+        className: P(
+          "w-full bg-white",
+          V === "onModal" ? "employee_form-field-height text-gray-900" : "employee_form-field-height-page text-gray-950",
+          F
+        ),
+        isSearchable: !0,
+        isAsyncSearchable: !0,
+        isLoading: z,
+        isDisabled: H,
+        showValueNode: !0,
+        showCancel: !!X,
+        isRequired: R,
+        value: e,
+        label: D || i("EMPLOYEE", "Employee"),
+        labelClassName: P("text-gray-750 font-medium text-xs", j),
+        placeholder: Y || i("SELECT_EMPLOYEE", "Select Employee"),
+        noOptionsMessage: w.length < I ? i(
+          "PLEASE_ENTER_AT_LEAST_3_CHARACTERS",
+          "Please enter at least 3 characters"
+        ) : i("NO_EMPLOYEE_FOUND", "No Employee Found"),
+        options: se(N, w),
+        onChange: a,
+        onInputChange: (t) => {
+          x(t), K(t);
+        },
+        hasError: d,
+        errorMessage: p,
+        styles: { ...ee, error: "px-1" },
+        dropdownIndicator: /* @__PURE__ */ c(te, {})
+      }
+    );
+  }
+);
+M.displayName = "EmployeeSelect";
+const _e = M, ae = ({
+  image_path: s,
+  employee_name: o,
+  branch_name: e,
+  employee_code: a
+}) => /* @__PURE__ */ L("div", { className: "flex items-center gap-2 p-1", children: [
+  /* @__PURE__ */ c(
+    "img",
+    {
+      src: s,
+      alt: o,
+      className: "employee_image-wrapper"
+    }
+  ),
+  /* @__PURE__ */ L("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ c("div", { className: "font-medium text-gray-900", children: o }),
+    /* @__PURE__ */ c("div", { className: "text-gray-500", children: e }),
+    /* @__PURE__ */ c("div", { className: "text-gray-500", children: a })
+  ] })
+] });
+export {
+  _e as default
+};
+//# sourceMappingURL=employeeSelect.js.map

package/dist/components/formGenerator/renderer/fields/employeeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"employeeSelect.js","sources":["../../../../../src/components/formGenerator/renderer/fields/employeeSelect.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { VKSelect, SelectOptionProps } from \"@vivakits/react-components\";\nimport { cn } from \"@/libs\";\nimport { useSearchParams } from \"react-router-dom\";\nimport { useLazyGetEmployeeSearchDropdownQuery } from \"@/services/employeeService\";\nimport { Trie } from \"@/utils/dataStructures/trie\";\nimport { useFormContext } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { toast } from \"sonner\";\nimport { SelectStyles } from \"@/utils/selectStyles\";\nimport DropdownIndicator from \"@/components/common/dropDownIndicator\";\nimport { debounce } from \"@/utils/debounce\";\n\nconst MAX_ITEM_SIZE = 30;\nconst MIN_SEARCH_LENGTH = 3;\n\nconst formatEmployeeOptions = (data: any[]): SelectOptionProps[] =>\n  data.map(({ text, id, branch, employee_image, code }) => ({\n    label: text,\n    value: String(id),\n    node: (\n      <EmployeeNode\n        branch_name={branch}\n        employee_name={text}\n        employee_code={code}\n        image_path={employee_image}\n      />\n    ),\n    code,\n  }));\n\nconst filterOptions = (options: any[], searchText: string) =>\n  options.filter((opt) =>\n    [\"label\", \"code\"].some((key) =>\n      (opt[key] ?? \"\").toLowerCase().includes(searchText.toLowerCase()),\n    ),\n  );\n\nconst EmployeeSelect = React.forwardRef<\n  any,\n  {\n    name: string;\n    wing_id?: string | number;\n    value?: SelectOptionProps | string | number | null;\n    onChange: (value: SelectOptionProps | SelectOptionProps[]) => void;\n    hasError?: boolean;\n    errorMessage?: string;\n    isRequired?: boolean;\n    className?: string;\n    label?: string;\n    labelClassName?: string;\n    disabled?: boolean;\n    placeholder?: string;\n    placement?: \"onModal\" | \"onPage\";\n  }\n>(\n  (\n    {\n      name,\n      wing_id,\n      value,\n      onChange,\n      hasError,\n      errorMessage,\n      isRequired,\n      className,\n      label,\n      labelClassName,\n      disabled,\n      placeholder,\n      placement,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation([\"common\"]);\n    const [searchParams] = useSearchParams();\n    const wingId = wing_id || searchParams.get(\"wing_id\");\n    const [isPopulated, setIsPopulated] = useState(false);\n    const [getEmployees, { isFetching }] =\n      useLazyGetEmployeeSearchDropdownQuery();\n\n    const [searchText, setSearchText] = useState(\"\");\n    const [options, setOptions] = useState<SelectOptionProps[]>([]);\n    const trieRef = useRef(new Trie());\n    const lastSearchRef = useRef<string | null>(null);\n\n    const fetchEmployees = useCallback(\n      async (query: string, employee_id: string | undefined) => {\n        try {\n          const data = await getEmployees({\n            query_data: query,\n            employee_id,\n            wing_id: wingId || undefined,\n          }).unwrap();\n\n          const formatted = formatEmployeeOptions(data || []);\n          setOptions(formatted.slice(0, MAX_ITEM_SIZE));\n\n          if (query && formatted.length < MAX_ITEM_SIZE) {\n            trieRef.current.insert(query);\n            lastSearchRef.current = query;\n          }\n\n          return formatted;\n        } catch (err: any) {\n          toast.error(\n            err?.data?.error_message ??\n              t(\n                \"FAILED_TO_FETCH_EMPLOYEE_DATA\",\n                \"Failed to fetch employee data\",\n              ),\n          );\n          return [];\n        }\n      },\n      [wingId, getEmployees, t],\n    );\n\n    /** 🔹 Debounced search handler */\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const handleSearch = useCallback(\n      debounce(async (text: string) => {\n        const query = text.trim().toLowerCase();\n\n        if (query.length < MIN_SEARCH_LENGTH) {\n          setOptions([]);\n          lastSearchRef.current = null;\n          return;\n        }\n\n        const cachedPrefix = trieRef.current.isExists(query);\n        const effectiveQuery = cachedPrefix || query;\n\n        await fetchEmployees(effectiveQuery, undefined);\n      }, 400),\n      [fetchEmployees],\n    );\n\n    useEffect(() => {\n      fetchEmployees(\"\", undefined);\n    }, [fetchEmployees]);\n\n    useEffect(() => {\n      setSearchText(\"\");\n      setOptions([]);\n      trieRef.current = new Trie();\n    }, [wingId]);\n\n    const form = useFormContext();\n\n    useEffect(() => {\n      if (value && typeof value !== \"object\" && !isPopulated) {\n        (async () => {\n          const result = await fetchEmployees(\"\", String(value));\n          const found = result.find((opt) => opt.value == String(value));\n          found && form.setValue(name, found);\n          setIsPopulated(true);\n        })();\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, options, isPopulated]);\n\n    const showCancel = typeof value === \"object\" && (value as any)?.value;\n    return (\n      <VKSelect\n        ref={ref}\n        className={cn(\n          \"w-full bg-white\",\n          placement === \"onModal\"\n            ? \"employee_form-field-height text-gray-900\"\n            : \"employee_form-field-height-page text-gray-950\",\n          className,\n        )}\n        isSearchable\n        isAsyncSearchable\n        isLoading={isFetching}\n        isDisabled={disabled}\n        showValueNode\n        showCancel={!!showCancel}\n        isRequired={isRequired}\n        value={value as SelectOptionProps}\n        label={label || t(\"EMPLOYEE\", \"Employee\")}\n        labelClassName={cn(\"text-gray-750 font-medium text-xs\", labelClassName)}\n        placeholder={placeholder || t(\"SELECT_EMPLOYEE\", \"Select Employee\")}\n        noOptionsMessage={\n          searchText.length < MIN_SEARCH_LENGTH\n            ? t(\n                \"PLEASE_ENTER_AT_LEAST_3_CHARACTERS\",\n                \"Please enter at least 3 characters\",\n              )\n            : t(\"NO_EMPLOYEE_FOUND\", \"No Employee Found\")\n        }\n        options={filterOptions(options, searchText)}\n        onChange={onChange}\n        onInputChange={(val: string) => {\n          setSearchText(val);\n          handleSearch(val);\n        }}\n        hasError={hasError}\n        errorMessage={errorMessage}\n        styles={{ ...SelectStyles, error: \"px-1\" }}\n        dropdownIndicator={<DropdownIndicator />}\n      />\n    );\n  },\n);\n\nEmployeeSelect.displayName = \"EmployeeSelect\";\nexport default EmployeeSelect;\n\nconst EmployeeNode = ({\n  image_path,\n  employee_name,\n  branch_name,\n  employee_code,\n}: {\n  image_path: string;\n  employee_name: string;\n  branch_name: string;\n  employee_code: string;\n}) => (\n  <div className=\"flex items-center gap-2 p-1\">\n    <img\n      src={image_path}\n      alt={employee_name}\n      className=\"employee_image-wrapper\"\n    />\n    <div className=\"flex flex-col\">\n      <div className=\"font-medium text-gray-900\">{employee_name}</div>\n      <div className=\"text-gray-500\">{branch_name}</div>\n      <div className=\"text-gray-500\">{employee_code}</div>\n    </div>\n  </div>\n);\n"],"names":["MAX_ITEM_SIZE","MIN_SEARCH_LENGTH","formatEmployeeOptions","data","text","id","branch","employee_image","code","jsx","EmployeeNode","filterOptions","options","searchText","opt","key","EmployeeSelect","React","name","wing_id","value","onChange","hasError","errorMessage","isRequired","className","label","labelClassName","disabled","placeholder","placement","ref","t","useTranslation","searchParams","useSearchParams","wingId","isPopulated","setIsPopulated","useState","getEmployees","isFetching","useLazyGetEmployeeSearchDropdownQuery","setSearchText","setOptions","trieRef","useRef","Trie","lastSearchRef","fetchEmployees","useCallback","query","employee_id","formatted","err","toast","_a","handleSearch","debounce","effectiveQuery","useEffect","form","useFormContext","found","showCancel","VKSelect","cn","val","SelectStyles","DropdownIndicator","EmployeeSelect$1","image_path","employee_name","branch_name","employee_code","jsxs"],"mappings":"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"}

package/dist/components/formGenerator/renderer/fields/employeeSelectField.js

@@ -0,0 +1,24 @@
+import { jsx as r } from "react/jsx-runtime";
+import n from "../../../hookform/hookFormItem.js";
+import p from "./employeeSelect.js";
+const c = ({
+  field: e,
+  placement: m
+}) => {
+  var o;
+  return /* @__PURE__ */ r(n, { name: e.name, children: /* @__PURE__ */ r(
+    p,
+    {
+      name: e.name,
+      placement: m,
+      onChange: ((o = e.props) == null ? void 0 : o.onChange) ?? (() => {
+      }),
+      isRequired: e.required,
+      ...e.props
+    }
+  ) });
+};
+export {
+  c as EmployeeSelectField
+};
+//# sourceMappingURL=employeeSelectField.js.map

package/dist/components/formGenerator/renderer/fields/employeeSelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"employeeSelectField.js","sources":["../../../../../src/components/formGenerator/renderer/fields/employeeSelectField.tsx"],"sourcesContent":["import HookFormItem from \"@/components/hookform/hookFormItem\";\nimport EmployeeSelect from \"./employeeSelect\";\nimport {\n  FieldComponentProps,\n  SelectFieldConfig,\n  FormSchema,\n} from \"../../types\";\n\nexport const EmployeeSelectField = <T extends FormSchema>({\n  field,\n  placement,\n}: FieldComponentProps<T, SelectFieldConfig<T>>) => {\n  return (\n    <HookFormItem name={field.name}>\n      <EmployeeSelect\n        name={field.name}\n        placement={placement}\n        onChange={field.props?.onChange ?? (() => {})}\n        isRequired={field.required}\n        {...field.props}\n      />\n    </HookFormItem>\n  );\n};\n"],"names":["EmployeeSelectField","field","placement","jsx","HookFormItem","EmployeeSelect","_a"],"mappings":";;;AAQO,MAAMA,IAAsB,CAAuB;AAAA,EACxD,OAAAC;AAAA,EACA,WAAAC;AACF,MAAoD;;AAClD,SACG,gBAAAC,EAAAC,GAAA,EAAa,MAAMH,EAAM,MACxB,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAMJ,EAAM;AAAA,MACZ,WAAAC;AAAA,MACA,YAAUI,IAAAL,EAAM,UAAN,gBAAAK,EAAa,cAAa,MAAM;AAAA,MAAA;AAAA,MAC1C,YAAYL,EAAM;AAAA,MACjB,GAAGA,EAAM;AAAA,IAAA;AAAA,EAEd,EAAA,CAAA;AAEJ;"}

package/dist/components/formGenerator/renderer/fields/inputField.js

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Input as t } from "@vivakits/react-components";
+import p from "../../../hookform/hookFormItem.js";
+import { cn as l } from "../../../../libs/index.js";
+import { FORM_PLACEMENTS as a } from "../../constants.js";
+const u = ({
+  field: e,
+  placement: r
+}) => {
+  const m = r === a.ON_MODAL;
+  return /* @__PURE__ */ o(p, { name: e.name, children: /* @__PURE__ */ o(
+    t,
+    {
+      label: e.label,
+      type: e.type,
+      placeholder: e.placeholder,
+      isRequired: e.required,
+      labelClassName: "text-gray-750 font-medium text-xs",
+      className: l(
+        "w-full bg-white",
+        m ? "employee_form-field-height" : "employee_form-field-height-page"
+      ),
+      ...e.props
+    }
+  ) });
+};
+export {
+  u as InputField
+};
+//# sourceMappingURL=inputField.js.map

package/dist/components/formGenerator/renderer/fields/inputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputField.js","sources":["../../../../../src/components/formGenerator/renderer/fields/inputField.tsx"],"sourcesContent":["import { Input } from \"@vivakits/react-components\";\nimport HookFormItem from \"@/components/hookform/hookFormItem\";\nimport { cn } from \"@/libs\";\nimport { FieldComponentProps, InputFieldConfig, FormSchema } from \"../../types\";\nimport { FORM_PLACEMENTS } from \"../../constants\";\n\nexport const InputField = <T extends FormSchema>({\n  field,\n  placement,\n}: FieldComponentProps<T, InputFieldConfig<T>>) => {\n  const isModal = placement === FORM_PLACEMENTS.ON_MODAL;\n  return (\n    <HookFormItem name={field.name}>\n      <Input\n        label={field.label}\n        type={field.type as any}\n        placeholder={field.placeholder}\n        isRequired={field.required}\n        labelClassName=\"text-gray-750 font-medium text-xs\"\n        className={cn(\n          \"w-full bg-white\",\n          isModal\n            ? \"employee_form-field-height\"\n            : \"employee_form-field-height-page\",\n        )}\n        {...field.props}\n      />\n    </HookFormItem>\n  );\n};\n"],"names":["InputField","field","placement","isModal","FORM_PLACEMENTS","jsx","HookFormItem","Input","cn"],"mappings":";;;;;AAMO,MAAMA,IAAa,CAAuB;AAAA,EAC/C,OAAAC;AAAA,EACA,WAAAC;AACF,MAAmD;AAC3C,QAAAC,IAAUD,MAAcE,EAAgB;AAC9C,SACG,gBAAAC,EAAAC,GAAA,EAAa,MAAML,EAAM,MACxB,UAAA,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAON,EAAM;AAAA,MACb,MAAMA,EAAM;AAAA,MACZ,aAAaA,EAAM;AAAA,MACnB,YAAYA,EAAM;AAAA,MAClB,gBAAe;AAAA,MACf,WAAWO;AAAA,QACT;AAAA,QACAL,IACI,+BACA;AAAA,MACN;AAAA,MACC,GAAGF,EAAM;AAAA,IAAA;AAAA,EAEd,EAAA,CAAA;AAEJ;"}

package/dist/components/formGenerator/renderer/fields/multiAttachmentField.js

@@ -0,0 +1,28 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useFormContext as u } from "react-hook-form";
+import h from "../../../hookform/hookFormItem.js";
+import l from "./attachments/multiAttachment.js";
+const d = ({
+  field: t
+}) => {
+  const { setValue: e, watch: r } = u(), m = r(t.name), n = (a) => {
+    e(t.name, a, {
+      shouldValidate: !0,
+      shouldDirty: !0,
+      shouldTouch: !0
+    });
+  };
+  return /* @__PURE__ */ o(h, { name: t.name, children: /* @__PURE__ */ o(
+    l,
+    {
+      label: t.label,
+      value: m,
+      onChange: n,
+      ...t.props
+    }
+  ) });
+};
+export {
+  d as MultiAttachmentField
+};
+//# sourceMappingURL=multiAttachmentField.js.map

package/dist/components/formGenerator/renderer/fields/multiAttachmentField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiAttachmentField.js","sources":["../../../../../src/components/formGenerator/renderer/fields/multiAttachmentField.tsx"],"sourcesContent":["import { useFormContext } from \"react-hook-form\";\nimport HookFormItem from \"@/components/hookform/hookFormItem\";\nimport MultiAttachment from \"./attachments/multiAttachment\";\nimport {\n  FieldComponentProps,\n  MultiAttachmentFieldConfig,\n  FormSchema,\n} from \"../../types\";\n\nexport const MultiAttachmentField = <T extends FormSchema>({\n  field,\n}: FieldComponentProps<T, MultiAttachmentFieldConfig<T>>) => {\n  const { setValue, watch } = useFormContext<T>();\n  const value = watch(field.name);\n\n  const handleChange = (newValue: any[]) => {\n    setValue(field.name, newValue as any, {\n      shouldValidate: true,\n      shouldDirty: true,\n      shouldTouch: true,\n    });\n  };\n\n  return (\n    <HookFormItem name={field.name}>\n      <MultiAttachment\n        label={field.label}\n        value={value}\n        onChange={handleChange}\n        {...field.props}\n      />\n    </HookFormItem>\n  );\n};\n"],"names":["MultiAttachmentField","field","setValue","watch","useFormContext","value","handleChange","newValue","jsx","HookFormItem","MultiAttachment"],"mappings":";;;;AASO,MAAMA,IAAuB,CAAuB;AAAA,EACzD,OAAAC;AACF,MAA6D;AAC3D,QAAM,EAAE,UAAAC,GAAU,OAAAC,EAAM,IAAIC,EAAkB,GACxCC,IAAQF,EAAMF,EAAM,IAAI,GAExBK,IAAe,CAACC,MAAoB;AAC/B,IAAAL,EAAAD,EAAM,MAAMM,GAAiB;AAAA,MACpC,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,IAAA,CACd;AAAA,EAAA;AAGH,SACG,gBAAAC,EAAAC,GAAA,EAAa,MAAMR,EAAM,MACxB,UAAA,gBAAAO;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOT,EAAM;AAAA,MACb,OAAAI;AAAA,MACA,UAAUC;AAAA,MACT,GAAGL,EAAM;AAAA,IAAA;AAAA,EAEd,EAAA,CAAA;AAEJ;"}

package/dist/components/formGenerator/renderer/fields/radioField.js

@@ -0,0 +1,25 @@
+import { jsx as m } from "react/jsx-runtime";
+import n from "../../../hookform/hookFormItem.js";
+import { RadioGroup as t } from "./radioGroup.js";
+import { useFormContext as a } from "react-hook-form";
+const c = ({
+  field: o
+}) => {
+  const r = a();
+  return /* @__PURE__ */ m(n, { name: o.name, children: /* @__PURE__ */ m(
+    t,
+    {
+      name: o.name,
+      label: o.label,
+      value: r.watch(o.name),
+      onChange: (e) => r.setValue(o.name, e),
+      options: o.options,
+      isRequired: o.required,
+      ...o.props
+    }
+  ) });
+};
+export {
+  c as RadioField
+};
+//# sourceMappingURL=radioField.js.map

package/dist/components/formGenerator/renderer/fields/radioField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioField.js","sources":["../../../../../src/components/formGenerator/renderer/fields/radioField.tsx"],"sourcesContent":["import HookFormItem from \"@/components/hookform/hookFormItem\";\nimport { RadioGroup } from \"./radioGroup\";\nimport { useFormContext } from \"react-hook-form\";\nimport { FieldComponentProps, RadioFieldConfig, FormSchema } from \"../../types\";\n\nexport const RadioField = <T extends FormSchema>({\n  field,\n}: FieldComponentProps<T, RadioFieldConfig<T>>) => {\n  const form = useFormContext<T>();\n  return (\n    <HookFormItem name={field.name}>\n      <RadioGroup\n        name={field.name}\n        label={field.label}\n        value={form.watch(field.name)}\n        onChange={(val: any) => form.setValue(field.name, val)}\n        options={field.options}\n        isRequired={field.required}\n        {...field.props}\n      />\n    </HookFormItem>\n  );\n};\n"],"names":["RadioField","field","form","useFormContext","jsx","HookFormItem","RadioGroup","val"],"mappings":";;;;AAKO,MAAMA,IAAa,CAAuB;AAAA,EAC/C,OAAAC;AACF,MAAmD;AACjD,QAAMC,IAAOC;AACb,SACG,gBAAAC,EAAAC,GAAA,EAAa,MAAMJ,EAAM,MACxB,UAAA,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAML,EAAM;AAAA,MACZ,OAAOA,EAAM;AAAA,MACb,OAAOC,EAAK,MAAMD,EAAM,IAAI;AAAA,MAC5B,UAAU,CAACM,MAAaL,EAAK,SAASD,EAAM,MAAMM,CAAG;AAAA,MACrD,SAASN,EAAM;AAAA,MACf,YAAYA,EAAM;AAAA,MACjB,GAAGA,EAAM;AAAA,IAAA;AAAA,EAEd,EAAA,CAAA;AAEJ;"}

package/dist/components/formGenerator/renderer/fields/radioGroup.js

@@ -0,0 +1,58 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { cn as r } from "../../../../libs/index.js";
+import { VKRadioButton as y } from "@vivakits/react-components";
+const R = g(
+  ({
+    name: s = "nameless-radio-group",
+    label: l,
+    value: d,
+    onChange: o,
+    options: t,
+    wrapperClassName: c,
+    labelClassName: i,
+    radioButtonClassName: n,
+    isRequired: p = !1,
+    ...u
+  }, x) => {
+    const { errorClassName: f, hasError: N, errorMessage: h, ...v } = u;
+    return /* @__PURE__ */ m("div", { ref: x, className: r("flex flex-col", c), children: [
+      l && /* @__PURE__ */ m(
+        "div",
+        {
+          className: r(
+            "text-gray-750 font-medium text-xs mb-3",
+            i
+          ),
+          children: [
+            l,
+            p && /* @__PURE__ */ a("span", { className: "text-red-500", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "flex gap-5 mb-5", children: t.map((e) => /* @__PURE__ */ a(
+        y,
+        {
+          name: s,
+          id: `${s}-${e.value}`,
+          value: e.value,
+          selectedValue: String(d),
+          onChange: () => o(e.value),
+          className: r(
+            "employee_radio-button-className",
+            n
+          ),
+          ...v,
+          children: /* @__PURE__ */ a("span", { className: "text-gray-500", children: e.label })
+        },
+        e.value
+      )) }),
+      N && /* @__PURE__ */ a("p", { className: r("text-red-500", f), children: h })
+    ] });
+  }
+);
+R.displayName = "RadioGroup";
+export {
+  R as RadioGroup
+};
+//# sourceMappingURL=radioGroup.js.map

package/dist/components/formGenerator/renderer/fields/radioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioGroup.js","sources":["../../../../../src/components/formGenerator/renderer/fields/radioGroup.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"@/libs\";\nimport { VKRadioButton } from \"@vivakits/react-components\";\n\ninterface RadioOption {\n  value: string | number;\n  label: string;\n}\n\ninterface RadioGroupProps {\n  name?: string;\n  label?: string;\n  value?: string | number;\n  onChange: (value: string | number) => void;\n  options: RadioOption[];\n  wrapperClassName?: string;\n  labelClassName?: string;\n  radioButtonClassName?: string;\n  isRequired?: boolean;\n}\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      name = \"nameless-radio-group\",\n      label,\n      value,\n      onChange,\n      options,\n      wrapperClassName,\n      labelClassName,\n      radioButtonClassName,\n      isRequired = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { errorClassName, hasError, errorMessage, ...props } = rest as {\n      [key: string]: any;\n    };\n    return (\n      <div ref={ref} className={cn(\"flex flex-col\", wrapperClassName)}>\n        {label && (\n          <div\n            className={cn(\n              \"text-gray-750 font-medium text-xs mb-3\",\n              labelClassName,\n            )}\n          >\n            {label}\n            {isRequired && <span className=\"text-red-500\">*</span>}\n          </div>\n        )}\n\n        <div className=\"flex gap-5 mb-5\">\n          {options.map((option) => (\n            <VKRadioButton\n              key={option.value}\n              name={name}\n              id={`${name}-${option.value}`}\n              value={option.value}\n              selectedValue={String(value)}\n              onChange={() => onChange(option.value)}\n              className={cn(\n                \"employee_radio-button-className\",\n                radioButtonClassName,\n              )}\n              {...props}\n            >\n              <span className=\"text-gray-500\">{option.label}</span>\n            </VKRadioButton>\n          ))}\n        </div>\n        {hasError && (\n          <p className={cn(\"text-red-500\", errorClassName)}>{errorMessage}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadioGroup.displayName = \"RadioGroup\";\n"],"names":["RadioGroup","forwardRef","name","label","value","onChange","options","wrapperClassName","labelClassName","radioButtonClassName","isRequired","rest","ref","errorClassName","hasError","errorMessage","props","cn","jsxs","jsx","option","VKRadioButton"],"mappings":";;;;AAqBO,MAAMA,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,GAAGC;AAAA,KAELC,MACG;AACH,UAAM,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,cAAAC,GAAc,GAAGC,EAAU,IAAAL;AAG7D,6BACG,OAAI,EAAA,KAAAC,GAAU,WAAWK,EAAG,iBAAiBV,CAAgB,GAC3D,UAAA;AAAA,MACCJ,KAAA,gBAAAe;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD;AAAA,YACT;AAAA,YACAT;AAAA,UACF;AAAA,UAEC,UAAA;AAAA,YAAAL;AAAA,YACAO,KAAc,gBAAAS,EAAC,QAAK,EAAA,WAAU,gBAAe,UAAC,KAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjD;AAAA,wBAGD,OAAI,EAAA,WAAU,mBACZ,UAAQb,EAAA,IAAI,CAACc,MACZ,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UAEC,MAAAnB;AAAA,UACA,IAAI,GAAGA,CAAI,IAAIkB,EAAO,KAAK;AAAA,UAC3B,OAAOA,EAAO;AAAA,UACd,eAAe,OAAOhB,CAAK;AAAA,UAC3B,UAAU,MAAMC,EAASe,EAAO,KAAK;AAAA,UACrC,WAAWH;AAAA,YACT;AAAA,YACAR;AAAA,UACF;AAAA,UACC,GAAGO;AAAA,UAEJ,UAAC,gBAAAG,EAAA,QAAA,EAAK,WAAU,iBAAiB,YAAO,OAAM;AAAA,QAAA;AAAA,QAZzCC,EAAO;AAAA,MAcf,CAAA,GACH;AAAA,MACCN,uBACE,KAAE,EAAA,WAAWG,EAAG,gBAAgBJ,CAAc,GAAI,UAAaE,GAAA;AAAA,IAEpE,EAAA,CAAA;AAAA,EAEJ;AACF;AAEAf,EAAW,cAAc;"}

package/dist/components/formGenerator/renderer/fields/select/BaseSelect.js

@@ -0,0 +1,73 @@
+import { jsx as l } from "react/jsx-runtime";
+import { Select as _ } from "@vivakits/react-components";
+import { useFormContext as j } from "react-hook-form";
+import { forwardRef as I, useMemo as P, useEffect as B } from "react";
+import { resolveMultiOptionValue as D, resolveOptionValue as F } from "../utils.js";
+import { cn as J } from "../../../../../libs/index.js";
+import { useTranslation as T } from "react-i18next";
+import E from "../../../../common/dropDownIndicator/index.js";
+const M = I(
+  ({
+    label: u,
+    name: i,
+    options: o,
+    isLoading: y,
+    isClearable: g,
+    isRequired: p,
+    isSearchable: h = !0,
+    isMultiple: n,
+    placeholder: d,
+    props: N,
+    onChange: c,
+    query: w,
+    value: s,
+    className: x,
+    styles: b,
+    placement: O,
+    ...f
+  }, S) => {
+    const { t: v } = T(["common"]), t = j(), A = t == null ? void 0 : t.watch(i), e = s !== void 0 ? s : A, a = typeof e == "number" || typeof e == "string" || Array.isArray(e) && e.some((m) => typeof m != "object"), r = P(() => a && o.length > 0 ? n ? D(e, o) : F(e, o) : e, [e, o, a, n]);
+    B(() => {
+      a && o.length > 0 && r && JSON.stringify(r) !== JSON.stringify(e) && (t == null || t.setValue(i, r));
+    }, [r, e, o, a, t, i]);
+    const C = g && (n ? Array.isArray(e) && e.length > 0 : typeof e == "object" && !!(e != null && e.value)), V = (m) => {
+      typeof f.onChange == "function" && f.onChange(m), c == null || c(m, {
+        form: t,
+        query: w
+      });
+    };
+    return /* @__PURE__ */ l(
+      _,
+      {
+        ...N,
+        ...f,
+        ref: S,
+        value: r,
+        label: u,
+        placeholder: d,
+        options: o,
+        isLoading: y,
+        isRequired: p,
+        isSearchable: h,
+        isMultiple: n,
+        menuPlacement: "bottom",
+        showCancel: C,
+        dropdownIndicator: /* @__PURE__ */ l(E, {}),
+        noOptionsMessage: v("NO_OPTIONS_FOUND", "No options found"),
+        className: J(
+          "w-full !bg-white",
+          x,
+          O === "onModal" ? "employee_form-field-height text-gray-900" : "employee_form-field-height-page text-gray-950"
+        ),
+        onChange: V,
+        labelClassName: "text-gray-750 font-medium text-xs",
+        styles: b
+      }
+    );
+  }
+);
+M.displayName = "BaseSelect";
+export {
+  M as BaseSelect
+};
+//# sourceMappingURL=BaseSelect.js.map

package/dist/components/formGenerator/renderer/fields/select/BaseSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSelect.js","sources":["../../../../../../src/components/formGenerator/renderer/fields/select/BaseSelect.tsx"],"sourcesContent":["import { Select, SelectOptionProps } from \"@vivakits/react-components\";\nimport { FieldValues, useFormContext } from \"react-hook-form\";\nimport { forwardRef, useEffect, useMemo } from \"react\";\nimport { resolveMultiOptionValue, resolveOptionValue } from \"../utils\";\nimport { cn } from \"@/libs\";\nimport { useTranslation } from \"react-i18next\";\nimport DropdownIndicator from \"@/components/common/dropDownIndicator\";\n\nexport interface BaseSelectProps {\n  label: string;\n  name: string;\n  options: SelectOptionProps[];\n  isLoading?: boolean;\n  isClearable?: boolean;\n  isRequired?: boolean;\n  isSearchable?: boolean;\n  isMultiple?: boolean;\n  placeholder?: string;\n  props?: Record<string, any>;\n  onChange?: any; // Generic onChange to handle both DSL and RHF\n  query?: any;\n  value?: any;\n  onBlur?: any;\n  className?: string;\n  styles?: any;\n  placement?: \"onModal\" | \"onPage\";\n}\n\nexport const BaseSelect = forwardRef<any, BaseSelectProps>(\n  (\n    {\n      label,\n      name,\n      options,\n      isLoading,\n      isClearable,\n      isRequired,\n      isSearchable = true,\n      isMultiple,\n      placeholder,\n      props,\n      onChange: dslOnChange,\n      query,\n      value: rhfValue,\n      className,\n      styles,\n      placement,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation([\"common\"]);\n    const form = useFormContext<FieldValues>();\n\n    // Use injected value from Controller if available, otherwise watch\n    const watchValue = form?.watch(name as any);\n    const value = rhfValue !== undefined ? rhfValue : watchValue;\n\n    const isPrimitive =\n      typeof value === \"number\" ||\n      typeof value === \"string\" ||\n      (Array.isArray(value) && value.some((v) => typeof v !== \"object\"));\n\n    const selectValue = useMemo(() => {\n      if (isPrimitive && options.length > 0) {\n        return isMultiple\n          ? resolveMultiOptionValue(value as any, options)\n          : resolveOptionValue(value as any, options);\n      }\n      return value;\n    }, [value, options, isPrimitive, isMultiple]);\n\n    useEffect(() => {\n      if (\n        isPrimitive &&\n        options.length > 0 &&\n        selectValue &&\n        JSON.stringify(selectValue) !== JSON.stringify(value)\n      ) {\n        form?.setValue(name as any, selectValue as any);\n      }\n    }, [selectValue, value, options, isPrimitive, form, name]);\n\n    const showCancel =\n      isClearable &&\n      (isMultiple\n        ? Array.isArray(value) && value.length > 0\n        : typeof value === \"object\" && !!(value as any)?.value);\n\n    const handleOnChange = (val: any) => {\n      // 1. Call standard RHF onChange if we are in a Controller\n      if (typeof (rest as any).onChange === \"function\") {\n        (rest as any).onChange(val);\n      }\n\n      // 2. Call DSL onChange if provided\n      dslOnChange?.(val, {\n        form,\n        query,\n      });\n    };\n\n    return (\n      <Select\n        {...props}\n        {...rest}\n        ref={ref}\n        value={selectValue as any}\n        label={label}\n        placeholder={placeholder}\n        options={options}\n        isLoading={isLoading}\n        isRequired={isRequired}\n        isSearchable={isSearchable}\n        isMultiple={isMultiple}\n        menuPlacement=\"bottom\"\n        showCancel={showCancel}\n        dropdownIndicator={<DropdownIndicator />}\n        noOptionsMessage={t(\"NO_OPTIONS_FOUND\", \"No options found\")}\n        className={cn(\n          \"w-full !bg-white\",\n          className,\n          placement === \"onModal\"\n            ? \"employee_form-field-height text-gray-900\"\n            : \"employee_form-field-height-page text-gray-950\",\n        )}\n        onChange={handleOnChange as any}\n        labelClassName=\"text-gray-750 font-medium text-xs\"\n        styles={styles}\n      />\n    );\n  },\n);\n\nBaseSelect.displayName = \"BaseSelect\";\n"],"names":["BaseSelect","forwardRef","label","name","options","isLoading","isClearable","isRequired","isSearchable","isMultiple","placeholder","props","dslOnChange","query","rhfValue","className","styles","placement","rest","ref","t","useTranslation","form","useFormContext","watchValue","value","isPrimitive","v","selectValue","useMemo","resolveMultiOptionValue","resolveOptionValue","useEffect","showCancel","handleOnChange","val","jsx","Select","DropdownIndicator","cn"],"mappings":";;;;;;;;AA4BO,MAAMA,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAUC;AAAA,IACV,OAAAC;AAAA,IACA,OAAOC;AAAA,IACP,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAE,IAAIC,EAAe,CAAC,QAAQ,CAAC,GACjCC,IAAOC,KAGPC,IAAaF,KAAA,gBAAAA,EAAM,MAAMnB,IACzBsB,IAAQX,MAAa,SAAYA,IAAWU,GAE5CE,IACJ,OAAOD,KAAU,YACjB,OAAOA,KAAU,YAChB,MAAM,QAAQA,CAAK,KAAKA,EAAM,KAAK,CAACE,MAAM,OAAOA,KAAM,QAAQ,GAE5DC,IAAcC,EAAQ,MACtBH,KAAetB,EAAQ,SAAS,IAC3BK,IACHqB,EAAwBL,GAAcrB,CAAO,IAC7C2B,EAAmBN,GAAcrB,CAAO,IAEvCqB,GACN,CAACA,GAAOrB,GAASsB,GAAajB,CAAU,CAAC;AAE5C,IAAAuB,EAAU,MAAM;AACd,MACEN,KACAtB,EAAQ,SAAS,KACjBwB,KACA,KAAK,UAAUA,CAAW,MAAM,KAAK,UAAUH,CAAK,MAE9CH,KAAA,QAAAA,EAAA,SAASnB,GAAayB;AAAA,IAC9B,GACC,CAACA,GAAaH,GAAOrB,GAASsB,GAAaJ,GAAMnB,CAAI,CAAC;AAEzD,UAAM8B,IACJ3B,MACCG,IACG,MAAM,QAAQgB,CAAK,KAAKA,EAAM,SAAS,IACvC,OAAOA,KAAU,YAAY,CAAC,EAAEA,KAAA,QAAAA,EAAe,SAE/CS,IAAiB,CAACC,MAAa;AAE/B,MAAA,OAAQjB,EAAa,YAAa,cACnCA,EAAa,SAASiB,CAAG,GAI5BvB,KAAA,QAAAA,EAAcuB,GAAK;AAAA,QACjB,MAAAb;AAAA,QACA,OAAAT;AAAA,MAAA;AAAA,IACD;AAID,WAAA,gBAAAuB;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAG1B;AAAA,QACH,GAAGO;AAAA,QACJ,KAAAC;AAAA,QACA,OAAOS;AAAA,QACP,OAAA1B;AAAA,QACA,aAAAQ;AAAA,QACA,SAAAN;AAAA,QACA,WAAAC;AAAA,QACA,YAAAE;AAAA,QACA,cAAAC;AAAA,QACA,YAAAC;AAAA,QACA,eAAc;AAAA,QACd,YAAAwB;AAAA,QACA,qCAAoBK,GAAkB,EAAA;AAAA,QACtC,kBAAkBlB,EAAE,oBAAoB,kBAAkB;AAAA,QAC1D,WAAWmB;AAAA,UACT;AAAA,UACAxB;AAAA,UACAE,MAAc,YACV,6CACA;AAAA,QACN;AAAA,QACA,UAAUiB;AAAA,QACV,gBAAe;AAAA,QACf,QAAAlB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAhB,EAAW,cAAc;"}

package/dist/components/formGenerator/renderer/fields/select/index.js

@@ -0,0 +1,58 @@
+import { jsx as E } from "react/jsx-runtime";
+import { useMemo as a } from "react";
+import { useFormContext as I } from "react-hook-form";
+import _ from "../../../../hookform/hookFormItem.js";
+import { BaseSelect as k } from "./BaseSelect.js";
+import { FORM_FIELD_TYPES as b } from "../../../constants.js";
+const H = ({
+  field: S,
+  placement: L
+}) => {
+  const {
+    label: M,
+    name: c,
+    serverSideProps: t,
+    isClearable: q,
+    required: x,
+    placeholder: C,
+    props: F,
+    onChange: O,
+    options: m = [],
+    isSearchable: P = !0,
+    type: u
+  } = S, T = u === b.MULTISELECT || u === b.EMPLOYEE_MULTI_SELECT, f = I(), s = a(() => ({ form: f }), [f]), {
+    getOptionsQuery: n,
+    getOptionsParams: r,
+    skip: i,
+    labelKey: d = "label",
+    valueKey: l = "value",
+    mapOptions: p
+  } = t || {}, y = a(() => t ? typeof r == "function" ? r(s) : r ?? {} : {}, [s, r, t]), g = n == null ? void 0 : n(y, {
+    skip: typeof i == "function" ? i(s) : i ?? !1
+  }), { data: e, isLoading: h } = g || {}, v = a(() => t ? p ? p(e ?? []) : (Array.isArray(e) ? e : (e == null ? void 0 : e.data) || []).map((o) => ({
+    label: o[d] ?? o.text ?? o.label ?? String(o[l]),
+    value: o[l]
+  })) : m, [e, p, d, l, m, t]);
+  return /* @__PURE__ */ E(_, { name: c, children: /* @__PURE__ */ E(
+    k,
+    {
+      label: M ?? "",
+      name: c,
+      options: v,
+      isLoading: h,
+      isClearable: q,
+      isRequired: x,
+      isSearchable: P,
+      isMultiple: T,
+      placeholder: C,
+      props: F,
+      onChange: O,
+      query: y,
+      placement: L
+    }
+  ) });
+};
+export {
+  H as UnifiedSelectField
+};
+//# sourceMappingURL=index.js.map

package/dist/components/formGenerator/renderer/fields/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/formGenerator/renderer/fields/select/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useFormContext } from \"react-hook-form\";\nimport HookFormItem from \"@/components/hookform/hookFormItem\";\nimport { BaseSelect } from \"./BaseSelect\";\nimport {\n  FieldComponentProps,\n  SelectFieldConfig,\n  FormSchema,\n  FieldCtx,\n} from \"../../../types\";\nimport { FORM_FIELD_TYPES } from \"../../../constants\";\n\n/**\n * A unified select field that handles:\n * - Static options\n * - Server-side options (fetching via RTK Query)\n * - Single and multi-select modes\n * - Context-aware parameter passing\n */\nexport const UnifiedSelectField = <T extends FormSchema>({\n  field,\n  placement,\n}: FieldComponentProps<T, SelectFieldConfig<T>>) => {\n  const {\n    label,\n    name,\n    serverSideProps,\n    isClearable,\n    required,\n    placeholder,\n    props: fieldProps,\n    onChange,\n    options: staticOptions = [],\n    isSearchable = true,\n    type,\n  } = field;\n\n  const isMultiple =\n    type === FORM_FIELD_TYPES.MULTISELECT ||\n    type === FORM_FIELD_TYPES.EMPLOYEE_MULTI_SELECT;\n  const form = useFormContext<T>();\n  const ctx: FieldCtx<T> = useMemo(() => ({ form }), [form]);\n\n  // Server-side logic extraction\n  const {\n    getOptionsQuery,\n    getOptionsParams,\n    skip,\n    labelKey = \"label\",\n    valueKey = \"value\",\n    mapOptions,\n  } = serverSideProps || {};\n\n  // Resolve query arguments based on context\n  const queryArgs = useMemo(() => {\n    if (!serverSideProps) return {};\n    return typeof getOptionsParams === \"function\"\n      ? getOptionsParams(ctx)\n      : getOptionsParams ?? {};\n  }, [ctx, getOptionsParams, serverSideProps]);\n\n  // Execute RTK Query if configured\n  const query = getOptionsQuery?.(queryArgs, {\n    skip: typeof skip === \"function\" ? skip(ctx) : skip ?? false,\n  });\n\n  const { data, isLoading } = query || {};\n\n  // Map data to standardized options format\n  const selectOptions = useMemo(() => {\n    if (serverSideProps) {\n      if (mapOptions) return mapOptions(data ?? []);\n      const list = Array.isArray(data) ? data : (data as any)?.data || [];\n      return list.map((r: any) => ({\n        label: r[labelKey] ?? r.text ?? r.label ?? String(r[valueKey]),\n        value: r[valueKey],\n      }));\n    }\n    return staticOptions;\n  }, [data, mapOptions, labelKey, valueKey, staticOptions, serverSideProps]);\n\n  const content = (\n    <BaseSelect\n      label={label ?? \"\"}\n      name={name}\n      options={selectOptions as any}\n      isLoading={isLoading}\n      isClearable={isClearable}\n      isRequired={required}\n      isSearchable={isSearchable}\n      isMultiple={isMultiple}\n      placeholder={placeholder}\n      props={fieldProps}\n      onChange={onChange}\n      query={queryArgs}\n      placement={placement}\n    />\n  );\n\n  return <HookFormItem name={name as any}>{content}</HookFormItem>;\n};\n"],"names":["UnifiedSelectField","field","placement","label","name","serverSideProps","isClearable","required","placeholder","fieldProps","onChange","staticOptions","isSearchable","type","isMultiple","FORM_FIELD_TYPES","form","useFormContext","ctx","useMemo","getOptionsQuery","getOptionsParams","skip","labelKey","valueKey","mapOptions","queryArgs","query","data","isLoading","selectOptions","r","jsx","HookFormItem","BaseSelect"],"mappings":";;;;;;AAmBO,MAAMA,IAAqB,CAAuB;AAAA,EACvD,OAAAC;AAAA,EACA,WAAAC;AACF,MAAoD;AAC5C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,SAASC,IAAgB,CAAC;AAAA,IAC1B,cAAAC,IAAe;AAAA,IACf,MAAAC;AAAA,EACE,IAAAZ,GAEEa,IACJD,MAASE,EAAiB,eAC1BF,MAASE,EAAiB,uBACtBC,IAAOC,KACPC,IAAmBC,EAAQ,OAAO,EAAE,MAAAH,MAAS,CAACA,CAAI,CAAC,GAGnD;AAAA,IACJ,iBAAAI;AAAA,IACA,kBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,EAAA,IACEpB,KAAmB,CAAA,GAGjBqB,IAAYP,EAAQ,MACnBd,IACE,OAAOgB,KAAqB,aAC/BA,EAAiBH,CAAG,IACpBG,KAAoB,KAHK,IAI5B,CAACH,GAAKG,GAAkBhB,CAAe,CAAC,GAGrCsB,IAAQP,KAAA,gBAAAA,EAAkBM,GAAW;AAAA,IACzC,MAAM,OAAOJ,KAAS,aAAaA,EAAKJ,CAAG,IAAII,KAAQ;AAAA,EAAA,IAGnD,EAAE,MAAAM,GAAM,WAAAC,MAAcF,KAAS,CAAA,GAG/BG,IAAgBX,EAAQ,MACxBd,IACEoB,IAAmBA,EAAWG,KAAQ,CAAA,CAAE,KAC/B,MAAM,QAAQA,CAAI,IAAIA,KAAQA,KAAA,gBAAAA,EAAc,SAAQ,IACrD,IAAI,CAACG,OAAY;AAAA,IAC3B,OAAOA,EAAER,CAAQ,KAAKQ,EAAE,QAAQA,EAAE,SAAS,OAAOA,EAAEP,CAAQ,CAAC;AAAA,IAC7D,OAAOO,EAAEP,CAAQ;AAAA,EACjB,EAAA,IAEGb,GACN,CAACiB,GAAMH,GAAYF,GAAUC,GAAUb,GAAeN,CAAe,CAAC;AAoBlE,SAAA,gBAAA2B,EAACC,GAAa,EAAA,MAAA7B,GAAoB,UAjBvC,gBAAA4B;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAO/B,KAAS;AAAA,MAChB,MAAAC;AAAA,MACA,SAAS0B;AAAA,MACT,WAAAD;AAAA,MACA,aAAAvB;AAAA,MACA,YAAYC;AAAA,MACZ,cAAAK;AAAA,MACA,YAAAE;AAAA,MACA,aAAAN;AAAA,MACA,OAAOC;AAAA,MACP,UAAAC;AAAA,MACA,OAAOgB;AAAA,MACP,WAAAxB;AAAA,IAAA;AAAA,EAAA,EAI6C,CAAA;AACnD;"}

package/dist/components/formGenerator/renderer/fields/singleAttachmentField.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useFormContext as m } from "react-hook-form";
+import n from "../../../hookform/hookFormItem.js";
+import a from "./attachments/singleAttachment.js";
+const u = ({
+  field: e
+}) => {
+  const o = m();
+  return /* @__PURE__ */ r(n, { name: e.name, children: /* @__PURE__ */ r(
+    a,
+    {
+      label: e.label,
+      value: o.watch(e.name),
+      onChange: (t) => o.setValue(e.name, t),
+      isRequired: e.required,
+      ...e.props
+    }
+  ) });
+};
+export {
+  u as SingleAttachmentField
+};
+//# sourceMappingURL=singleAttachmentField.js.map

package/dist/components/formGenerator/renderer/fields/singleAttachmentField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"singleAttachmentField.js","sources":["../../../../../src/components/formGenerator/renderer/fields/singleAttachmentField.tsx"],"sourcesContent":["import { useFormContext } from \"react-hook-form\";\nimport HookFormItem from \"@/components/hookform/hookFormItem\";\nimport SingleAttachment from \"./attachments/singleAttachment\";\nimport {\n  FieldComponentProps,\n  SingleAttachmentFieldConfig,\n  FormSchema,\n} from \"../../types\";\n\nexport const SingleAttachmentField = <T extends FormSchema>({\n  field,\n}: FieldComponentProps<T, SingleAttachmentFieldConfig<T>>) => {\n  const form = useFormContext<T>();\n  return (\n    <HookFormItem name={field.name}>\n      <SingleAttachment\n        label={field.label}\n        value={form.watch(field.name)}\n        onChange={(file) => form.setValue(field.name, file as any)}\n        isRequired={field.required}\n        {...field.props}\n      />\n    </HookFormItem>\n  );\n};\n"],"names":["SingleAttachmentField","field","form","useFormContext","jsx","HookFormItem","SingleAttachment","file"],"mappings":";;;;AASO,MAAMA,IAAwB,CAAuB;AAAA,EAC1D,OAAAC;AACF,MAA8D;AAC5D,QAAMC,IAAOC;AACb,SACG,gBAAAC,EAAAC,GAAA,EAAa,MAAMJ,EAAM,MACxB,UAAA,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOL,EAAM;AAAA,MACb,OAAOC,EAAK,MAAMD,EAAM,IAAI;AAAA,MAC5B,UAAU,CAACM,MAASL,EAAK,SAASD,EAAM,MAAMM,CAAW;AAAA,MACzD,YAAYN,EAAM;AAAA,MACjB,GAAGA,EAAM;AAAA,IAAA;AAAA,EAEd,EAAA,CAAA;AAEJ;"}

package/dist/components/formGenerator/renderer/fields/textareaField.js

@@ -0,0 +1,24 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "../../../hookform/hookFormItem.js";
+import { Textarea as a } from "@vivakits/react-components";
+import { useTranslation as m } from "react-i18next";
+const p = ({
+  field: e
+}) => {
+  const { t } = m(["common"]);
+  return /* @__PURE__ */ r(o, { name: e.name, children: /* @__PURE__ */ r(
+    a,
+    {
+      label: e.label,
+      placeholder: e.placeholder || t("WRITE_HERE", "Write here"),
+      isRequired: e.required,
+      labelClassName: "text-gray-750 font-medium text-xs ltr:text-left rtl:text-right",
+      className: "w-full bg-white !rounded-lg",
+      ...e.props
+    }
+  ) });
+};
+export {
+  p as TextareaField
+};
+//# sourceMappingURL=textareaField.js.map