pihr-ui-kit 0.0.1

package/dist/components/formGenerator/constants.js

@@ -0,0 +1,42 @@
+const E = {
+  CREATE: "create",
+  UPDATE: "update"
+}, e = {
+  ON_MODAL: "onModal",
+  ON_PAGE: "onPage"
+}, t = {
+  TEXT: "text",
+  NUMBER: "number",
+  PASSWORD: "password",
+  EMAIL: "email",
+  TEXTAREA: "textarea",
+  SELECT: "select",
+  MULTISELECT: "multiselect",
+  EMPLOYEE_SELECT: "employeeSelect",
+  EMPLOYEE_MULTI_SELECT: "employeeMultiSelect",
+  DATE: "date",
+  DATE_RANGE: "dateRange",
+  CHECKBOX: "checkbox",
+  RADIO: "radio",
+  SINGLE_ATTACHMENT: "singleAttachment",
+  MULTI_ATTACHMENT: "multiAttachment",
+  CUSTOM: "custom"
+}, T = {
+  JSON: "json",
+  FORM_DATA: "formData"
+}, A = {
+  ID: "id",
+  LABEL: "label",
+  VALUE: "value",
+  TEXT: "text",
+  ATTACHMENT_DETAIL: "attachment_detail",
+  DELETED_FILES: "deleted_files"
+};
+export {
+  A as DEFAULT_FIELD_KEYS,
+  t as FORM_FIELD_TYPES,
+  E as FORM_MODES,
+  T as FORM_PAYLOAD_TYPES,
+  e as FORM_PLACEMENTS
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/formGenerator/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/formGenerator/constants.ts"],"sourcesContent":["/**\n * Form modes supported by FormGenerator.\n */\nexport const FORM_MODES = {\n  CREATE: \"create\",\n  UPDATE: \"update\",\n} as const;\n\n/**\n * Form placement options.\n */\nexport const FORM_PLACEMENTS = {\n  ON_MODAL: \"onModal\",\n  ON_PAGE: \"onPage\",\n} as const;\n\n/**\n * Form field types supported by FormGenerator.\n */\nexport const FORM_FIELD_TYPES = {\n  TEXT: \"text\",\n  NUMBER: \"number\",\n  PASSWORD: \"password\",\n  EMAIL: \"email\",\n  TEXTAREA: \"textarea\",\n  SELECT: \"select\",\n  MULTISELECT: \"multiselect\",\n  EMPLOYEE_SELECT: \"employeeSelect\",\n  EMPLOYEE_MULTI_SELECT: \"employeeMultiSelect\",\n  DATE: \"date\",\n  DATE_RANGE: \"dateRange\",\n  CHECKBOX: \"checkbox\",\n  RADIO: \"radio\",\n  SINGLE_ATTACHMENT: \"singleAttachment\",\n  MULTI_ATTACHMENT: \"multiAttachment\",\n  CUSTOM: \"custom\",\n} as const;\n\n/**\n * Payload formats for form submission.\n */\nexport const FORM_PAYLOAD_TYPES = {\n  JSON: \"json\",\n  FORM_DATA: \"formData\",\n} as const;\n\n/**\n * Default field keys and values used across FormGenerator.\n */\nexport const DEFAULT_FIELD_KEYS = {\n  ID: \"id\",\n  LABEL: \"label\",\n  VALUE: \"value\",\n  TEXT: \"text\",\n  ATTACHMENT_DETAIL: \"attachment_detail\",\n  DELETED_FILES: \"deleted_files\",\n} as const;\n"],"names":["FORM_MODES","FORM_PLACEMENTS","FORM_FIELD_TYPES","FORM_PAYLOAD_TYPES","DEFAULT_FIELD_KEYS"],"mappings":"AAGO,MAAMA,IAAa;AAAA,EACxB,QAAQ;AAAA,EACR,QAAQ;AACV,GAKaC,IAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,SAAS;AACX,GAKaC,IAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,QAAQ;AACV,GAKaC,IAAqB;AAAA,EAChC,MAAM;AAAA,EACN,WAAW;AACb,GAKaC,IAAqB;AAAA,EAChC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,eAAe;AACjB;"}

package/dist/components/formGenerator/helpers/index.js

@@ -0,0 +1,267 @@
+import { parseDate as f, stringifyDate as M } from "../../../utils/date.js";
+import { FORM_FIELD_TYPES as o, FORM_PAYLOAD_TYPES as E, DEFAULT_FIELD_KEYS as d } from "../constants.js";
+import { getCookie as u } from "typescript-cookie";
+function P(l) {
+  const s = {};
+  return l.forEach((c) => {
+    switch (c.type) {
+      case o.TEXT:
+      case o.TEXTAREA:
+      case o.PASSWORD:
+      case o.EMAIL:
+        s[c.name] = "";
+        break;
+      case o.NUMBER:
+        s[c.name] = void 0;
+        break;
+      case o.DATE:
+      case o.DATE_RANGE:
+        s[c.name] = null;
+        break;
+      case o.SELECT:
+      case o.MULTISELECT:
+      case o.EMPLOYEE_SELECT:
+      case o.EMPLOYEE_MULTI_SELECT:
+        s[c.name] = null;
+        break;
+      case o.CHECKBOX:
+        s[c.name] = !1;
+        break;
+      default:
+        s[c.name] = void 0;
+    }
+  }), s;
+}
+const R = (l, s) => {
+  if (l == null) {
+    if (s === o.CHECKBOX)
+      return !1;
+    if (s === o.NUMBER)
+      return;
+    if (s === o.DATE || s === o.SELECT || s === o.MULTISELECT || s === o.EMPLOYEE_SELECT || s === o.EMPLOYEE_MULTI_SELECT)
+      return null;
+    if (s === o.TEXT || s === o.TEXTAREA || s === o.PASSWORD || s === o.EMAIL)
+      return "";
+    if (s === o.DATE_RANGE)
+      return null;
+    if (s === o.MULTI_ATTACHMENT)
+      return [];
+    if (s === o.SINGLE_ATTACHMENT)
+      return null;
+    if (s === o.CUSTOM)
+      return;
+  }
+  switch (s) {
+    case o.DATE:
+      return typeof l == "string" && l ? f(l, u("langfmt")) : l || void 0;
+    case o.CHECKBOX:
+      return !!l;
+    case o.NUMBER:
+      return l == null ? void 0 : l.toString();
+    default:
+      return l;
+  }
+}, C = (l, s) => {
+  var c, i;
+  if (l == null)
+    return l;
+  switch (s) {
+    case o.DATE:
+      return M(l, u("langfmt"));
+    case o.SELECT:
+    case o.EMPLOYEE_SELECT:
+      return (l == null ? void 0 : l.value) ?? l;
+    case o.MULTISELECT:
+      return ((c = l == null ? void 0 : l.map((r) => r == null ? void 0 : r.value)) == null ? void 0 : c.join(",")) ?? l;
+    case o.EMPLOYEE_MULTI_SELECT:
+      return ((i = l == null ? void 0 : l.map((r) => r == null ? void 0 : r.value)) == null ? void 0 : i.join(",")) ?? l;
+    case o.CHECKBOX:
+      return !!l;
+    case o.NUMBER:
+      return Number(l);
+    default:
+      return l;
+  }
+}, A = (l, s) => l.transformToApi ? l.transformToApi(s) : C(s, l.type), D = (l, s, c, i, r) => {
+  const p = c.filter((t) => t instanceof File);
+  console.log("files", p);
+  const g = c.filter((t) => !(t instanceof File));
+  console.log("non file attachments", g), p.forEach((t) => {
+    l.append(s, t);
+  });
+  const n = r == null ? void 0 : r.syncConfig, a = i == null ? void 0 : i[(n == null ? void 0 : n.attachmentsFieldName) ?? d.ATTACHMENT_DETAIL];
+  if (Array.isArray(a)) {
+    const t = (n == null ? void 0 : n.attachmentIdFieldName) ?? d.ID, T = (n == null ? void 0 : n.payloadFieldNameForDeleted) ?? d.DELETED_FILES;
+    a.forEach((m) => {
+      !g.some(
+        (L) => m[t] === L.id
+      ) && l.append(T, m[t]);
+    });
+  }
+}, _ = ({
+  data: l,
+  fields: s,
+  excludeFromPayload: c = [],
+  record: i,
+  globalTransform: r,
+  recordId: p,
+  recordIdField: g
+}) => {
+  const n = new FormData();
+  return s.forEach((a) => {
+    if (c.includes(a.name))
+      return;
+    const t = A(a, l[a.name]);
+    t != null && (a.type === o.MULTI_ATTACHMENT && Array.isArray(t) ? D(
+      n,
+      a.name,
+      t,
+      i,
+      a
+    ) : n.append(a.name, t));
+  }), p && n.append(g, p), r ? r(l, n) : n;
+}, S = ({
+  data: l,
+  fields: s,
+  excludeFromPayload: c = [],
+  globalTransform: i,
+  recordId: r,
+  recordIdField: p
+}) => {
+  const g = {};
+  return s.forEach((n) => {
+    if (c.includes(n.name))
+      return;
+    const a = A(n, l[n.name]);
+    a !== void 0 && (g[n.name] = a);
+  }), r && (g[p] = r), i ? i(l, g) : g;
+}, h = ({
+  data: l,
+  fields: s,
+  excludeFromPayload: c = [],
+  payloadType: i = E.JSON,
+  globalTransform: r,
+  record: p,
+  recordId: g,
+  recordIdField: n = d.ID
+}) => {
+  const a = {
+    data: l,
+    fields: s,
+    excludeFromPayload: c,
+    globalTransform: r,
+    record: p,
+    recordId: g,
+    recordIdField: n
+  };
+  return i === E.FORM_DATA ? _(a) : S(a);
+}, e = {
+  "grid-cols-1": "grid-cols-1",
+  "grid-cols-2": "grid-cols-2",
+  "grid-cols-3": "grid-cols-3",
+  "grid-cols-4": "grid-cols-4",
+  "grid-cols-5": "grid-cols-5",
+  "grid-cols-6": "grid-cols-6",
+  "grid-cols-12": "grid-cols-12",
+  "sm:grid-cols-1": "sm:grid-cols-1",
+  "sm:grid-cols-2": "sm:grid-cols-2",
+  "sm:grid-cols-3": "sm:grid-cols-3",
+  "sm:grid-cols-4": "sm:grid-cols-4",
+  "sm:grid-cols-5": "sm:grid-cols-5",
+  "sm:grid-cols-6": "sm:grid-cols-6",
+  "sm:grid-cols-12": "sm:grid-cols-12",
+  "md:grid-cols-1": "md:grid-cols-1",
+  "md:grid-cols-2": "md:grid-cols-2",
+  "md:grid-cols-3": "md:grid-cols-3",
+  "md:grid-cols-4": "md:grid-cols-4",
+  "md:grid-cols-5": "md:grid-cols-5",
+  "md:grid-cols-6": "md:grid-cols-6",
+  "md:grid-cols-12": "md:grid-cols-12",
+  "lg:grid-cols-1": "lg:grid-cols-1",
+  "lg:grid-cols-2": "lg:grid-cols-2",
+  "lg:grid-cols-3": "lg:grid-cols-3",
+  "lg:grid-cols-4": "lg:grid-cols-4",
+  "lg:grid-cols-5": "lg:grid-cols-5",
+  "lg:grid-cols-6": "lg:grid-cols-6",
+  "lg:grid-cols-12": "lg:grid-cols-12",
+  "xl:grid-cols-1": "xl:grid-cols-1",
+  "xl:grid-cols-2": "xl:grid-cols-2",
+  "xl:grid-cols-3": "xl:grid-cols-3",
+  "xl:grid-cols-4": "xl:grid-cols-4",
+  "xl:grid-cols-5": "xl:grid-cols-5",
+  "xl:grid-cols-6": "xl:grid-cols-6",
+  "xl:grid-cols-12": "xl:grid-cols-12",
+  "2xl:grid-cols-1": "2xl:grid-cols-1",
+  "2xl:grid-cols-2": "2xl:grid-cols-2",
+  "2xl:grid-cols-3": "2xl:grid-cols-3",
+  "2xl:grid-cols-4": "2xl:grid-cols-4",
+  "2xl:grid-cols-5": "2xl:grid-cols-5",
+  "2xl:grid-cols-6": "2xl:grid-cols-6",
+  "2xl:grid-cols-12": "2xl:grid-cols-12"
+}, x = {
+  "col-span-1": "col-span-1",
+  "col-span-2": "col-span-2",
+  "col-span-3": "col-span-3",
+  "col-span-4": "col-span-4",
+  "col-span-5": "col-span-5",
+  "col-span-6": "col-span-6",
+  "col-span-12": "col-span-12",
+  "col-span-full": "col-span-full",
+  "sm:col-span-1": "sm:col-span-1",
+  "sm:col-span-2": "sm:col-span-2",
+  "sm:col-span-3": "sm:col-span-3",
+  "sm:col-span-4": "sm:col-span-4",
+  "sm:col-span-5": "sm:col-span-5",
+  "sm:col-span-6": "sm:col-span-6",
+  "sm:col-span-12": "sm:col-span-12",
+  "sm:col-span-full": "sm:col-span-full",
+  "md:col-span-1": "md:col-span-1",
+  "md:col-span-2": "md:col-span-2",
+  "md:col-span-3": "md:col-span-3",
+  "md:col-span-4": "md:col-span-4",
+  "md:col-span-5": "md:col-span-5",
+  "md:col-span-6": "md:col-span-6",
+  "md:col-span-12": "md:col-span-12",
+  "md:col-span-full": "md:col-span-full",
+  "lg:col-span-1": "lg:col-span-1",
+  "lg:col-span-2": "lg:col-span-2",
+  "lg:col-span-3": "lg:col-span-3",
+  "lg:col-span-4": "lg:col-span-4",
+  "lg:col-span-5": "lg:col-span-5",
+  "lg:col-span-6": "lg:col-span-6",
+  "lg:col-span-12": "lg:col-span-12",
+  "lg:col-span-full": "lg:col-span-full",
+  "xl:col-span-1": "xl:col-span-1",
+  "xl:col-span-2": "xl:col-span-2",
+  "xl:col-span-3": "xl:col-span-3",
+  "xl:col-span-4": "xl:col-span-4",
+  "xl:col-span-5": "xl:col-span-5",
+  "xl:col-span-6": "xl:col-span-6",
+  "xl:col-span-12": "xl:col-span-12",
+  "xl:col-span-full": "xl:col-span-full",
+  "2xl:col-span-1": "2xl:col-span-1",
+  "2xl:col-span-2": "2xl:col-span-2",
+  "2xl:col-span-3": "2xl:col-span-3",
+  "2xl:col-span-4": "2xl:col-span-4",
+  "2xl:col-span-5": "2xl:col-span-5",
+  "2xl:col-span-6": "2xl:col-span-6",
+  "2xl:col-span-12": "2xl:col-span-12",
+  "2xl:col-span-full": "2xl:col-span-full"
+};
+function U(l) {
+  return l ? typeof l == "number" ? e[`grid-cols-${l}`] : Object.entries(l).map(([c, i]) => e[`${c}:grid-cols-${i}`]).join(" ") : "grid-cols-1";
+}
+function b(l) {
+  return typeof l == "number" ? x[`col-span-${l}`] : Object.entries(l).map(([s, c]) => x[`${s}:col-span-${c}`]).join(" ");
+}
+export {
+  x as COL_SPAN_MAP,
+  e as GRID_COLS_MAP,
+  h as buildPayload,
+  R as defaultTransformFromApi,
+  C as defaultTransformToApi,
+  P as getEmptyValues,
+  b as toColSpanClasses,
+  U as toGridCols
+};
+//# sourceMappingURL=index.js.map

package/dist/components/formGenerator/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/formGenerator/helpers/index.ts"],"sourcesContent":["import { parseDate, stringifyDate } from \"@/utils/date\";\nimport { BaseField, SelectField, MultiAttachmentField } from \"../types\";\nimport { Breakpoints } from \"../types/layout\";\nimport { FieldValues, Path } from \"react-hook-form\";\nimport {\n  FORM_FIELD_TYPES,\n  FORM_PAYLOAD_TYPES,\n  DEFAULT_FIELD_KEYS,\n} from \"../constants\";\nimport { getCookie } from \"typescript-cookie\";\n\nexport function getEmptyValues<T extends FieldValues>(\n  fields: BaseField<T>[],\n): T {\n  const values = {} as T;\n  fields.forEach((field) => {\n    switch (field.type) {\n      case FORM_FIELD_TYPES.TEXT:\n      case FORM_FIELD_TYPES.TEXTAREA:\n      case FORM_FIELD_TYPES.PASSWORD:\n      case FORM_FIELD_TYPES.EMAIL:\n        values[field.name] = \"\" as any;\n        break;\n      case FORM_FIELD_TYPES.NUMBER:\n        values[field.name] = undefined as any;\n        break;\n      case FORM_FIELD_TYPES.DATE:\n      case FORM_FIELD_TYPES.DATE_RANGE:\n        values[field.name] = null as any;\n        break;\n      case FORM_FIELD_TYPES.SELECT:\n      case FORM_FIELD_TYPES.MULTISELECT:\n      case FORM_FIELD_TYPES.EMPLOYEE_SELECT:\n      case FORM_FIELD_TYPES.EMPLOYEE_MULTI_SELECT:\n        values[field.name] = null as any;\n        break;\n      case FORM_FIELD_TYPES.CHECKBOX:\n        values[field.name] = false as any;\n        break;\n      default:\n        values[field.name] = undefined as any;\n    }\n  });\n  return values;\n}\n\nexport const defaultTransformFromApi = (value: unknown, fieldType: string) => {\n  if (value === undefined || value === null) {\n    if (fieldType === FORM_FIELD_TYPES.CHECKBOX) return false;\n    if (fieldType === FORM_FIELD_TYPES.NUMBER) return undefined;\n    if (fieldType === FORM_FIELD_TYPES.DATE) return null;\n    if (fieldType === FORM_FIELD_TYPES.SELECT) return null;\n    if (fieldType === FORM_FIELD_TYPES.MULTISELECT) return null;\n    if (fieldType === FORM_FIELD_TYPES.EMPLOYEE_SELECT) return null;\n    if (fieldType === FORM_FIELD_TYPES.EMPLOYEE_MULTI_SELECT) return null;\n    if (fieldType === FORM_FIELD_TYPES.TEXT) return \"\";\n    if (fieldType === FORM_FIELD_TYPES.TEXTAREA) return \"\";\n    if (fieldType === FORM_FIELD_TYPES.PASSWORD) return \"\";\n    if (fieldType === FORM_FIELD_TYPES.EMAIL) return \"\";\n    if (fieldType === FORM_FIELD_TYPES.DATE_RANGE) return null;\n    if (fieldType === FORM_FIELD_TYPES.MULTI_ATTACHMENT) return [];\n    if (fieldType === FORM_FIELD_TYPES.SINGLE_ATTACHMENT) return null;\n    if (fieldType === FORM_FIELD_TYPES.CUSTOM) return undefined;\n  }\n\n  switch (fieldType) {\n    case FORM_FIELD_TYPES.DATE:\n      return typeof value === \"string\" && value\n        ? parseDate(value, getCookie(\"langfmt\"))\n        : value\n          ? value\n          : undefined;\n\n    case FORM_FIELD_TYPES.CHECKBOX:\n      return Boolean(value);\n    case FORM_FIELD_TYPES.NUMBER:\n      return value?.toString();\n    default:\n      return value;\n  }\n};\n\nexport const defaultTransformToApi = (value: any, fieldType: string) => {\n  if (value === undefined || value === null) return value;\n\n  switch (fieldType) {\n    case FORM_FIELD_TYPES.DATE:\n      return stringifyDate(value, getCookie(\"langfmt\"));\n\n    case FORM_FIELD_TYPES.SELECT:\n    case FORM_FIELD_TYPES.EMPLOYEE_SELECT:\n      return value?.value ?? value;\n    case FORM_FIELD_TYPES.MULTISELECT:\n      return value?.map((v: any) => v?.value)?.join(\",\") ?? value;\n    case FORM_FIELD_TYPES.EMPLOYEE_MULTI_SELECT:\n      return value?.map((v: any) => v?.value)?.join(\",\") ?? value;\n    case FORM_FIELD_TYPES.CHECKBOX:\n      return Boolean(value);\n\n    case FORM_FIELD_TYPES.NUMBER:\n      return Number(value);\n\n    default:\n      return value;\n  }\n};\n\nconst transformFieldValue = <T extends FieldValues>(\n  field: BaseField<T>,\n  value: any,\n) => {\n  if (field.transformToApi) {\n    return field.transformToApi(value);\n  }\n  return defaultTransformToApi(value, field.type);\n};\n\nconst appendMultiAttachmentToFormData = (\n  formData: FormData,\n  fieldName: string,\n  value: any[],\n  record?: Record<string, any>,\n  field?: MultiAttachmentField<any>,\n) => {\n  const files = value.filter((v) => v instanceof File);\n  console.log(\"files\", files);\n  const nonFileAttachments = value.filter((v) => !(v instanceof File));\n  console.log(\"non file attachments\", nonFileAttachments);\n  files.forEach((file) => {\n    formData.append(fieldName, file);\n  });\n\n  const syncConfig = field?.syncConfig;\n  const attachmentsFromRecord =\n    record?.[\n      syncConfig?.attachmentsFieldName ?? DEFAULT_FIELD_KEYS.ATTACHMENT_DETAIL\n    ];\n\n  if (Array.isArray(attachmentsFromRecord)) {\n    const attachmentIdKey =\n      syncConfig?.attachmentIdFieldName ?? DEFAULT_FIELD_KEYS.ID;\n    const deletedFilesField =\n      syncConfig?.payloadFieldNameForDeleted ??\n      DEFAULT_FIELD_KEYS.DELETED_FILES;\n\n    attachmentsFromRecord.forEach((attachment) => {\n      const isDeleted = !nonFileAttachments.some(\n        (a) => attachment[attachmentIdKey] === a.id,\n      );\n      if (isDeleted) {\n        formData.append(deletedFilesField, attachment[attachmentIdKey]);\n      }\n    });\n  }\n};\n\nconst buildFormDataPayload = <T extends FieldValues>({\n  data,\n  fields,\n  excludeFromPayload = [],\n  record,\n  globalTransform,\n  recordId,\n  recordIdField,\n}: any) => {\n  const formData = new FormData();\n  fields.forEach((field: BaseField<T>) => {\n    if (excludeFromPayload.includes(field.name)) return;\n    const value = transformFieldValue(field, (data as any)[field.name]);\n    if (value === undefined || value === null) return;\n\n    if (\n      field.type === FORM_FIELD_TYPES.MULTI_ATTACHMENT &&\n      Array.isArray(value)\n    ) {\n      appendMultiAttachmentToFormData(\n        formData,\n        field.name,\n        value,\n        record,\n        field as MultiAttachmentField<T>,\n      );\n    } else {\n      formData.append(field.name as string, value);\n    }\n  });\n\n  if (recordId) {\n    formData.append(recordIdField, recordId);\n  }\n\n  return globalTransform ? globalTransform(data, formData) : formData;\n};\n\nconst buildJsonPayload = <T extends FieldValues>({\n  data,\n  fields,\n  excludeFromPayload = [],\n  globalTransform,\n  recordId,\n  recordIdField,\n}: any) => {\n  const jsonPayload: Record<string, any> = {};\n\n  fields.forEach((field: BaseField<T>) => {\n    if (excludeFromPayload.includes(field.name)) return;\n\n    const value = transformFieldValue(field, (data as any)[field.name]);\n    if (value !== undefined) {\n      jsonPayload[field.name as string] = value;\n    }\n  });\n\n  if (recordId) {\n    jsonPayload[recordIdField] = recordId;\n  }\n\n  return globalTransform ? globalTransform(data, jsonPayload) : jsonPayload;\n};\n\nexport const buildPayload = <T extends FieldValues>({\n  data,\n  fields,\n  excludeFromPayload = [],\n  payloadType = FORM_PAYLOAD_TYPES.JSON,\n  globalTransform,\n  record,\n  recordId,\n  recordIdField = DEFAULT_FIELD_KEYS.ID,\n}: {\n  data: T;\n  fields: BaseField<T>[];\n  excludeFromPayload?: Path<T>[];\n  payloadType?:\n    | typeof FORM_PAYLOAD_TYPES.JSON\n    | typeof FORM_PAYLOAD_TYPES.FORM_DATA;\n  globalTransform?: (\n    data: T,\n    payload: Record<string, any> | FormData,\n  ) => Record<string, any> | FormData;\n  record?: Record<string, any>;\n  recordId?: any;\n  recordIdField?: string;\n}) => {\n  const config = {\n    data,\n    fields,\n    excludeFromPayload,\n    globalTransform,\n    record,\n    recordId,\n    recordIdField,\n  };\n\n  return payloadType === FORM_PAYLOAD_TYPES.FORM_DATA\n    ? buildFormDataPayload(config)\n    : buildJsonPayload(config);\n};\n\nexport function isDropdownField(field: BaseField<any>): boolean {\n  return (\n    [\n      FORM_FIELD_TYPES.SELECT,\n      FORM_FIELD_TYPES.MULTISELECT,\n      FORM_FIELD_TYPES.EMPLOYEE_SELECT,\n      FORM_FIELD_TYPES.EMPLOYEE_MULTI_SELECT,\n    ] as string[]\n  ).includes(field.type);\n}\nexport function isEmployeeSelectField(\n  field: BaseField<any>,\n): field is SelectField<any> {\n  return ([FORM_FIELD_TYPES.EMPLOYEE_SELECT] as string[]).includes(field.type);\n}\nexport function isDropdownFieldType(\n  field: BaseField<any>,\n): field is SelectField<any> {\n  return isDropdownField(field);\n}\n\nexport type SelectOptionProps = { label: string; value: any };\nexport type TTextOption = { text: string; value: any };\n\nexport function getNestedValue(obj: any, key: string): any {\n  return key.split(\".\").reduce((acc, k) => acc?.[k], obj);\n}\nexport function normalizeDropdownOptions(\n  data: any[] = [],\n  field: SelectField<any>,\n): SelectOptionProps[] {\n  if (field.serverSideProps?.labelKey || field.serverSideProps?.valueKey) {\n    const labelKey =\n      field.serverSideProps?.labelKey ?? DEFAULT_FIELD_KEYS.LABEL;\n    const valueKey =\n      field.serverSideProps?.valueKey ?? DEFAULT_FIELD_KEYS.VALUE;\n    return data.map((item) => ({\n      label: getNestedValue(item, labelKey),\n      value: getNestedValue(item, valueKey),\n    }));\n  }\n\n  if (\n    data.length &&\n    DEFAULT_FIELD_KEYS.TEXT in data[0] &&\n    DEFAULT_FIELD_KEYS.VALUE in data[0]\n  ) {\n    return data.map(({ text, value }: TTextOption) => ({ label: text, value }));\n  }\n\n  if (\n    data.length &&\n    DEFAULT_FIELD_KEYS.LABEL in data[0] &&\n    DEFAULT_FIELD_KEYS.VALUE in data[0]\n  ) {\n    return data as SelectOptionProps[];\n  }\n\n  return data.map((item) =>\n    typeof item === \"string\"\n      ? { label: item, value: item }\n      : {\n          label: String(\n            item[DEFAULT_FIELD_KEYS.LABEL] ??\n              item[DEFAULT_FIELD_KEYS.VALUE] ??\n              item,\n          ),\n          value: item[DEFAULT_FIELD_KEYS.VALUE] ?? item,\n        },\n  );\n}\n\nexport const GRID_COLS_MAP: Record<string, string> = {\n  \"grid-cols-1\": \"grid-cols-1\",\n  \"grid-cols-2\": \"grid-cols-2\",\n  \"grid-cols-3\": \"grid-cols-3\",\n  \"grid-cols-4\": \"grid-cols-4\",\n  \"grid-cols-5\": \"grid-cols-5\",\n  \"grid-cols-6\": \"grid-cols-6\",\n  \"grid-cols-12\": \"grid-cols-12\",\n\n  \"sm:grid-cols-1\": \"sm:grid-cols-1\",\n  \"sm:grid-cols-2\": \"sm:grid-cols-2\",\n  \"sm:grid-cols-3\": \"sm:grid-cols-3\",\n  \"sm:grid-cols-4\": \"sm:grid-cols-4\",\n  \"sm:grid-cols-5\": \"sm:grid-cols-5\",\n  \"sm:grid-cols-6\": \"sm:grid-cols-6\",\n  \"sm:grid-cols-12\": \"sm:grid-cols-12\",\n\n  \"md:grid-cols-1\": \"md:grid-cols-1\",\n  \"md:grid-cols-2\": \"md:grid-cols-2\",\n  \"md:grid-cols-3\": \"md:grid-cols-3\",\n  \"md:grid-cols-4\": \"md:grid-cols-4\",\n  \"md:grid-cols-5\": \"md:grid-cols-5\",\n  \"md:grid-cols-6\": \"md:grid-cols-6\",\n  \"md:grid-cols-12\": \"md:grid-cols-12\",\n\n  \"lg:grid-cols-1\": \"lg:grid-cols-1\",\n  \"lg:grid-cols-2\": \"lg:grid-cols-2\",\n  \"lg:grid-cols-3\": \"lg:grid-cols-3\",\n  \"lg:grid-cols-4\": \"lg:grid-cols-4\",\n  \"lg:grid-cols-5\": \"lg:grid-cols-5\",\n  \"lg:grid-cols-6\": \"lg:grid-cols-6\",\n  \"lg:grid-cols-12\": \"lg:grid-cols-12\",\n\n  \"xl:grid-cols-1\": \"xl:grid-cols-1\",\n  \"xl:grid-cols-2\": \"xl:grid-cols-2\",\n  \"xl:grid-cols-3\": \"xl:grid-cols-3\",\n  \"xl:grid-cols-4\": \"xl:grid-cols-4\",\n  \"xl:grid-cols-5\": \"xl:grid-cols-5\",\n  \"xl:grid-cols-6\": \"xl:grid-cols-6\",\n  \"xl:grid-cols-12\": \"xl:grid-cols-12\",\n\n  \"2xl:grid-cols-1\": \"2xl:grid-cols-1\",\n  \"2xl:grid-cols-2\": \"2xl:grid-cols-2\",\n  \"2xl:grid-cols-3\": \"2xl:grid-cols-3\",\n  \"2xl:grid-cols-4\": \"2xl:grid-cols-4\",\n  \"2xl:grid-cols-5\": \"2xl:grid-cols-5\",\n  \"2xl:grid-cols-6\": \"2xl:grid-cols-6\",\n  \"2xl:grid-cols-12\": \"2xl:grid-cols-12\",\n};\n\nexport const COL_SPAN_MAP: Record<string, string> = {\n  \"col-span-1\": \"col-span-1\",\n  \"col-span-2\": \"col-span-2\",\n  \"col-span-3\": \"col-span-3\",\n  \"col-span-4\": \"col-span-4\",\n  \"col-span-5\": \"col-span-5\",\n  \"col-span-6\": \"col-span-6\",\n  \"col-span-12\": \"col-span-12\",\n  \"col-span-full\": \"col-span-full\",\n\n  \"sm:col-span-1\": \"sm:col-span-1\",\n  \"sm:col-span-2\": \"sm:col-span-2\",\n  \"sm:col-span-3\": \"sm:col-span-3\",\n  \"sm:col-span-4\": \"sm:col-span-4\",\n  \"sm:col-span-5\": \"sm:col-span-5\",\n  \"sm:col-span-6\": \"sm:col-span-6\",\n  \"sm:col-span-12\": \"sm:col-span-12\",\n  \"sm:col-span-full\": \"sm:col-span-full\",\n\n  \"md:col-span-1\": \"md:col-span-1\",\n  \"md:col-span-2\": \"md:col-span-2\",\n  \"md:col-span-3\": \"md:col-span-3\",\n  \"md:col-span-4\": \"md:col-span-4\",\n  \"md:col-span-5\": \"md:col-span-5\",\n  \"md:col-span-6\": \"md:col-span-6\",\n  \"md:col-span-12\": \"md:col-span-12\",\n  \"md:col-span-full\": \"md:col-span-full\",\n\n  \"lg:col-span-1\": \"lg:col-span-1\",\n  \"lg:col-span-2\": \"lg:col-span-2\",\n  \"lg:col-span-3\": \"lg:col-span-3\",\n  \"lg:col-span-4\": \"lg:col-span-4\",\n  \"lg:col-span-5\": \"lg:col-span-5\",\n  \"lg:col-span-6\": \"lg:col-span-6\",\n  \"lg:col-span-12\": \"lg:col-span-12\",\n  \"lg:col-span-full\": \"lg:col-span-full\",\n\n  \"xl:col-span-1\": \"xl:col-span-1\",\n  \"xl:col-span-2\": \"xl:col-span-2\",\n  \"xl:col-span-3\": \"xl:col-span-3\",\n  \"xl:col-span-4\": \"xl:col-span-4\",\n  \"xl:col-span-5\": \"xl:col-span-5\",\n  \"xl:col-span-6\": \"xl:col-span-6\",\n  \"xl:col-span-12\": \"xl:col-span-12\",\n  \"xl:col-span-full\": \"xl:col-span-full\",\n\n  \"2xl:col-span-1\": \"2xl:col-span-1\",\n  \"2xl:col-span-2\": \"2xl:col-span-2\",\n  \"2xl:col-span-3\": \"2xl:col-span-3\",\n  \"2xl:col-span-4\": \"2xl:col-span-4\",\n  \"2xl:col-span-5\": \"2xl:col-span-5\",\n  \"2xl:col-span-6\": \"2xl:col-span-6\",\n  \"2xl:col-span-12\": \"2xl:col-span-12\",\n  \"2xl:col-span-full\": \"2xl:col-span-full\",\n};\n\nexport function toGridCols(grid?: number | Breakpoints): string {\n  if (!grid) return \"grid-cols-1\";\n  if (typeof grid === \"number\") return GRID_COLS_MAP[`grid-cols-${grid}`];\n  const clsNames = Object.entries(grid)\n    .map(([bp, value]) => GRID_COLS_MAP[`${bp}:grid-cols-${value}`])\n    .join(\" \");\n  return clsNames;\n}\n\nexport function toColSpanClasses(colSpan: number | Breakpoints): string {\n  if (typeof colSpan === \"number\") return COL_SPAN_MAP[`col-span-${colSpan}`];\n\n  return Object.entries(colSpan)\n    .map(([bp, value]) => COL_SPAN_MAP[`${bp}:col-span-${value}`])\n    .join(\" \");\n}\n"],"names":["getEmptyValues","fields","values","field","FORM_FIELD_TYPES","defaultTransformFromApi","value","fieldType","parseDate","getCookie","defaultTransformToApi","stringifyDate","_a","v","_b","transformFieldValue","appendMultiAttachmentToFormData","formData","fieldName","record","files","nonFileAttachments","file","syncConfig","attachmentsFromRecord","DEFAULT_FIELD_KEYS","attachmentIdKey","deletedFilesField","attachment","a","buildFormDataPayload","data","excludeFromPayload","globalTransform","recordId","recordIdField","buildJsonPayload","jsonPayload","buildPayload","payloadType","FORM_PAYLOAD_TYPES","config","GRID_COLS_MAP","COL_SPAN_MAP","toGridCols","grid","bp","toColSpanClasses","colSpan"],"mappings":"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"}

package/dist/components/formGenerator/hooks/useFormGenerator.js

@@ -0,0 +1,30 @@
+import { useForm as D } from "react-hook-form";
+import { useEffect as E } from "react";
+import { defaultTransformFromApi as g } from "../helpers/index.js";
+import { FORM_MODES as f } from "../constants.js";
+import { zodResolver as p } from "@hookform/resolvers/zod";
+function V(s) {
+  var d;
+  const { schema: u, mode: i, initialData: A, fields: F } = s, c = D({
+    resolver: p(u),
+    defaultValues: A
+  }), t = i === f.UPDATE ? s.updateConfig : null, o = ((d = t == null ? void 0 : t.getQuery) == null ? void 0 : d.call(t, t.id, { skip: !t.id })) ?? null, e = o == null ? void 0 : o.data, l = i === f.UPDATE && (o == null ? void 0 : o.isLoading);
+  return E(() => {
+    if (l || !e)
+      return;
+    const a = i === f.UPDATE && "transformFromApiGlobal" in s ? s.transformFromApiGlobal : void 0, v = (a == null ? void 0 : a(e)) ?? e;
+    F.forEach((n) => {
+      const m = v[n.name];
+      let r;
+      console.log("raw value", m, a), n.transformFromApi ? r = n.transformFromApi(m) : a ? r = m : (console.log("default transform"), r = g(m, n.type)), r !== void 0 && c.setValue(n.name, r);
+    });
+  }, [l, o == null ? void 0 : o.data]), {
+    form: c,
+    record: (o == null ? void 0 : o.data) ?? {},
+    loading: l
+  };
+}
+export {
+  V as useFormGenerator
+};
+//# sourceMappingURL=useFormGenerator.js.map

package/dist/components/formGenerator/hooks/useFormGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormGenerator.js","sources":["../../../../src/components/formGenerator/hooks/useFormGenerator.tsx"],"sourcesContent":["import { useForm, Path, DefaultValues } from \"react-hook-form\";\nimport { useEffect } from \"react\";\nimport { ZodSchema } from \"zod\";\nimport { BaseField, RecordUpdateConfig } from \"../types\";\nimport { defaultTransformFromApi } from \"../helpers\";\nimport { FormSchema } from \"../types/common\";\nimport { FORM_MODES } from \"../constants\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\n\ntype UseFormGeneratorProps<S extends FormSchema, R> = {\n  schema: ZodSchema<S>;\n  mode: typeof FORM_MODES.CREATE | typeof FORM_MODES.UPDATE;\n  fields: BaseField<S>[];\n  initialData?: S;\n  updateConfig?: RecordUpdateConfig<R>;\n\n  transformFromApiGlobal?: (record: R) => S;\n};\n\nexport function useFormGenerator<S extends FormSchema, R>(\n  props: UseFormGeneratorProps<S, R>,\n) {\n  const { schema, mode, initialData, fields } = props;\n  const form = useForm<S>({\n    resolver: zodResolver(schema as any),\n    defaultValues: initialData as DefaultValues<S>,\n  });\n\n  const updateConfig = mode === FORM_MODES.UPDATE ? props.updateConfig : null;\n\n  const recordQuery =\n    updateConfig?.getQuery?.(updateConfig.id, { skip: !updateConfig.id }) ??\n    null;\n\n  const recordData = recordQuery?.data;\n  const recordLoading = mode === FORM_MODES.UPDATE && recordQuery?.isLoading;\n  const isLoading = recordLoading;\n\n  useEffect(() => {\n    if (isLoading) return;\n    if (!recordData) return;\n\n    const globalTransform =\n      mode === FORM_MODES.UPDATE && \"transformFromApiGlobal\" in props\n        ? props.transformFromApiGlobal\n        : undefined;\n\n    // Apply a global transformation if provided, otherwise keep original data\n    const transformedRecord = globalTransform?.(recordData) ?? recordData;\n\n    fields.forEach((field) => {\n      const rawValue = (transformedRecord as Record<string, unknown>)[\n        field.name\n      ];\n\n      // Determine the final value for this field\n      let value;\n      console.log(\"raw value\", rawValue, globalTransform);\n      if (field.transformFromApi) {\n        value = field.transformFromApi(rawValue);\n      } else if (!globalTransform) {\n        console.log(\"default transform\");\n        value = defaultTransformFromApi(rawValue, field.type);\n      } else {\n        // Otherwise, just use the raw value\n        value = rawValue;\n      }\n\n      if (value !== undefined) {\n        form.setValue(field.name as Path<S>, value as any);\n      }\n    });\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLoading, recordQuery?.data]);\n\n  return {\n    form,\n    record: (recordQuery?.data ?? {}) as Record<string, unknown>,\n    loading: isLoading,\n  };\n}\n"],"names":["useFormGenerator","props","schema","mode","initialData","fields","form","useForm","zodResolver","updateConfig","FORM_MODES","recordQuery","_a","recordData","isLoading","useEffect","globalTransform","transformedRecord","field","rawValue","value","defaultTransformFromApi"],"mappings":";;;;;AAmBO,SAASA,EACdC,GACA;;AACA,QAAM,EAAE,QAAAC,GAAQ,MAAAC,GAAM,aAAAC,GAAa,QAAAC,MAAWJ,GACxCK,IAAOC,EAAW;AAAA,IACtB,UAAUC,EAAYN,CAAa;AAAA,IACnC,eAAeE;AAAA,EAAA,CAChB,GAEKK,IAAeN,MAASO,EAAW,SAAST,EAAM,eAAe,MAEjEU,MACJC,IAAAH,KAAA,gBAAAA,EAAc,aAAd,gBAAAG,EAAA,KAAAH,GAAyBA,EAAa,IAAI,EAAE,MAAM,CAACA,EAAa,GAAI,OACpE,MAEII,IAAaF,KAAA,gBAAAA,EAAa,MAE1BG,IADgBX,MAASO,EAAW,WAAUC,KAAA,gBAAAA,EAAa;AAGjE,SAAAI,EAAU,MAAM;AAEd,QADID,KACA,CAACD;AAAY;AAEjB,UAAMG,IACJb,MAASO,EAAW,UAAU,4BAA4BT,IACtDA,EAAM,yBACN,QAGAgB,KAAoBD,KAAA,gBAAAA,EAAkBH,OAAeA;AAEpD,IAAAR,EAAA,QAAQ,CAACa,MAAU;AAClB,YAAAC,IAAYF,EAChBC,EAAM,IACR;AAGI,UAAAE;AACI,cAAA,IAAI,aAAaD,GAAUH,CAAe,GAC9CE,EAAM,mBACAE,IAAAF,EAAM,iBAAiBC,CAAQ,IAC7BH,IAKFI,IAAAD,KAJR,QAAQ,IAAI,mBAAmB,GACvBC,IAAAC,EAAwBF,GAAUD,EAAM,IAAI,IAMlDE,MAAU,UACPd,EAAA,SAASY,EAAM,MAAiBE,CAAY;AAAA,IACnD,CACD;AAAA,EAGA,GAAA,CAACN,GAAWH,KAAA,gBAAAA,EAAa,IAAI,CAAC,GAE1B;AAAA,IACL,MAAAL;AAAA,IACA,SAASK,KAAA,gBAAAA,EAAa,SAAQ,CAAC;AAAA,IAC/B,SAASG;AAAA,EAAA;AAEb;"}

package/dist/components/formGenerator/index.js

@@ -0,0 +1,148 @@
+import { jsx as u, jsxs as S } from "react/jsx-runtime";
+import { FormProvider as K } from "react-hook-form";
+import { useFormGenerator as Q } from "./hooks/useFormGenerator.js";
+import { toast as h } from "sonner";
+import W from "./layouts/formLayout.js";
+import { buildPayload as X, getEmptyValues as Y } from "./helpers/index.js";
+import { Spinner as Z } from "@vivakits/react-components";
+import $ from "./layouts/footer.js";
+import { cn as ee } from "../../libs/index.js";
+import { FORM_MODES as n, FORM_PLACEMENTS as _ } from "./constants.js";
+function ue(s) {
+  const {
+    schema: U,
+    fields: d,
+    layout: N,
+    onSubmit: b,
+    onSuccess: f,
+    onError: y,
+    onCancel: R,
+    initialData: V,
+    excludeFromPayload: G,
+    transformToApiGlobal: O,
+    payloadType: k,
+    placement: v,
+    footer: E,
+    styles: g
+  } = s, r = s.mode ?? n.CREATE, { form: m, record: I, loading: z } = Q({
+    schema: U,
+    mode: r,
+    initialData: V,
+    fields: d,
+    updateConfig: r === n.UPDATE ? s.updateConfig : void 0,
+    transformFromApiGlobal: r === n.UPDATE ? s.transformFromApiGlobal : void 0
+  });
+  console.log(m.formState.errors), console.log("values", m.getValues());
+  const [F, { isLoading: q }] = r === n.CREATE && s.createMutation ? s.createMutation() : [null, { isLoading: !1 }], [j, { isLoading: B }] = r === n.UPDATE && s.updateMutation ? s.updateMutation() : [null, { isLoading: !1 }], H = z || (q || B), T = async (J) => {
+    var M, C, D, P, w, x, L;
+    try {
+      const t = X({
+        data: J,
+        fields: d,
+        excludeFromPayload: G,
+        payloadType: k,
+        globalTransform: O ? (e, a) => O(e, a) : void 0,
+        record: I,
+        recordId: r === n.UPDATE ? (M = s.updateConfig) == null ? void 0 : M.id : void 0,
+        recordIdField: r === n.UPDATE ? (C = s.updateConfig) == null ? void 0 : C.idField : void 0
+      });
+      if (r === n.CREATE && F) {
+        const e = await ((P = (D = F(t)).unwrap) == null ? void 0 : P.call(D)) ?? await F(t), a = e && typeof e == "object" && e !== null ? (() => {
+          let l;
+          if ("message" in e) {
+            const o = e.message;
+            typeof o == "string" && (l = o);
+          }
+          const i = { message: l };
+          if (e && typeof e == "object") {
+            const o = Object.entries(e);
+            for (const [c, A] of o)
+              c !== "message" && (i[c] = A);
+          }
+          return i;
+        })() : { message: void 0 };
+        h.success(a.message ?? "Created successfully"), f == null || f(e);
+      } else if (r === n.UPDATE && j) {
+        const e = await ((x = (w = j(t)).unwrap) == null ? void 0 : x.call(w)) ?? await j(t), a = e && typeof e == "object" && e !== null ? (() => {
+          let l;
+          if ("message" in e) {
+            const o = e.message;
+            typeof o == "string" && (l = o);
+          }
+          const i = { message: l };
+          if (e && typeof e == "object") {
+            const o = Object.entries(e);
+            for (const [c, A] of o)
+              c !== "message" && (i[c] = A);
+          }
+          return i;
+        })() : { message: void 0 };
+        h.success(a.message ?? "Updated successfully"), f == null || f(e);
+      }
+      if (await ((e, a) => {
+        b == null || b(e, a);
+      })(t, r), r === n.CREATE) {
+        const e = Y(d);
+        m.reset(e);
+      }
+    } catch (t) {
+      console.error("Error submitting the form:", t);
+      const p = t && typeof t == "object" && t !== null && "data" in t ? (() => {
+        const e = t.data;
+        let a;
+        if (e && typeof e == "object" && e !== null && "error_message" in e) {
+          const i = e.error_message;
+          a = { error_message: typeof i == "string" ? i : void 0 };
+        }
+        const l = { data: a };
+        if (t && typeof t == "object") {
+          const i = Object.entries(t);
+          for (const [o, c] of i)
+            o !== "data" && (l[o] = c);
+        }
+        return l;
+      })() : null;
+      h.error(((L = p == null ? void 0 : p.data) == null ? void 0 : L.error_message) ?? "Error submitting the form"), y == null || y(t);
+    }
+  };
+  return /* @__PURE__ */ u(K, { ...m, children: /* @__PURE__ */ S("form", { onSubmit: m.handleSubmit(T), children: [
+    /* @__PURE__ */ S(
+      "div",
+      {
+        className: ee(
+          "px-5 py-2 my-2 text-start  ",
+          v === _.ON_MODAL && "overflow-y-auto max-h-[80vh]",
+          g == null ? void 0 : g.wrapperClassName
+        ),
+        children: [
+          H && /* @__PURE__ */ u("div", { className: "absolute inset-0 z-10 flex items-center justify-center h-320 bg-white/70", children: /* @__PURE__ */ u(Z, {}) }),
+          /* @__PURE__ */ u(
+            W,
+            {
+              fields: d,
+              layout: N,
+              styles: g,
+              placement: v
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ u(
+      $,
+      {
+        placement: v ?? _.ON_MODAL,
+        ctx: {
+          onSubmit: m.handleSubmit(T),
+          onCancel: R,
+          form: m
+        },
+        customFooter: E == null ? void 0 : E.customFooter
+      }
+    )
+  ] }) });
+}
+export {
+  ue as FormGenerator
+};
+//# sourceMappingURL=index.js.map

package/dist/components/formGenerator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/formGenerator/index.tsx"],"sourcesContent":["import { FormProvider } from \"react-hook-form\";\nimport { FormGeneratorProps } from \"./types\";\nimport { useFormGenerator } from \"./hooks/useFormGenerator\";\nimport { toast } from \"sonner\";\nimport FormLayout from \"./layouts/formLayout\";\nimport { buildPayload, getEmptyValues } from \"./helpers\";\nimport { Spinner } from \"@vivakits/react-components\";\nimport FormFooter from \"./layouts/footer\";\nimport { cn } from \"@/libs\";\nimport { FormSchema } from \"./types/common\";\nimport { FORM_MODES, FORM_PLACEMENTS } from \"./constants\";\n\nexport function FormGenerator<S extends FormSchema, P, R>(\n  props: FormGeneratorProps<S, P, R>,\n) {\n  const {\n    schema,\n    fields,\n    layout,\n    onSubmit,\n    onSuccess,\n    onError,\n    onCancel,\n    initialData,\n    excludeFromPayload,\n    transformToApiGlobal,\n    payloadType,\n    placement,\n    footer,\n    styles,\n  } = props;\n\n  const mode = props.mode ?? FORM_MODES.CREATE;\n\n  const { form, record, loading } = useFormGenerator<S, R>({\n    schema,\n    mode,\n    initialData,\n    fields,\n    updateConfig: mode === FORM_MODES.UPDATE ? props.updateConfig : undefined,\n    transformFromApiGlobal:\n      mode === FORM_MODES.UPDATE ? props.transformFromApiGlobal : undefined,\n  });\n\n  console.log(form.formState.errors);\n  console.log(\"values\", form.getValues());\n\n  const [createFn, { isLoading: creating }] =\n    mode === FORM_MODES.CREATE && props.createMutation\n      ? props.createMutation()\n      : [null, { isLoading: false }];\n\n  const [updateFn, { isLoading: updating }] =\n    mode === FORM_MODES.UPDATE && props.updateMutation\n      ? props.updateMutation()\n      : [null, { isLoading: false }];\n\n  const isSubmitting = creating || updating;\n  const totalLoading = loading || isSubmitting;\n\n  const handleSubmit = async (data: S) => {\n    try {\n      const finalPayload = buildPayload({\n        data,\n        fields,\n        excludeFromPayload,\n        payloadType,\n        globalTransform: transformToApiGlobal\n          ? (data: S, payload: FormData | Record<string, unknown>) => {\n              // payload is FormData | Record<string, unknown>, transformToApiGlobal expects P\n              // Since P is a generic type that could be FormData or Record<string, unknown>,\n              // we pass payload directly and the function will handle the conversion\n              const result = transformToApiGlobal(data, payload as P);\n              // result is P, which needs to be returned as FormData | Record<string, unknown>\n              // Since P extends FormData | Record<string, unknown>, we can return it directly\n              return result as FormData | Record<string, unknown>;\n            }\n          : undefined,\n        record,\n        recordId:\n          mode === FORM_MODES.UPDATE ? props.updateConfig?.id : undefined,\n        recordIdField:\n          mode === FORM_MODES.UPDATE ? props.updateConfig?.idField : undefined,\n      });\n      if (mode === FORM_MODES.CREATE && createFn) {\n        const res =\n          (await createFn(finalPayload).unwrap?.()) ??\n          (await createFn(finalPayload));\n        const response =\n          res && typeof res === \"object\" && res !== null\n            ? (() => {\n                // res is an object, extract message property safely using type guards\n                let message: string | undefined = undefined;\n                if (\"message\" in res) {\n                  const messageValue = (res as { message?: unknown }).message;\n                  if (typeof messageValue === \"string\") {\n                    message = messageValue;\n                  }\n                }\n                // Create response object by copying properties\n                const responseObj: {\n                  message?: string;\n                  [key: string]: unknown;\n                } = { message };\n                if (res && typeof res === \"object\") {\n                  // Copy properties from res to responseObj without using 'as' in the loop\n                  const entries = Object.entries(res);\n                  for (const [key, value] of entries) {\n                    if (key !== \"message\") {\n                      responseObj[key] = value;\n                    }\n                  }\n                }\n                return responseObj;\n              })()\n            : { message: undefined };\n        toast.success(response.message ?? \"Created successfully\");\n        onSuccess?.(res);\n      } else if (mode === FORM_MODES.UPDATE && updateFn) {\n        const res =\n          (await updateFn(finalPayload).unwrap?.()) ??\n          (await updateFn(finalPayload));\n        const response =\n          res && typeof res === \"object\" && res !== null\n            ? (() => {\n                // res is an object, extract message property safely using type guards\n                let message: string | undefined = undefined;\n                if (\"message\" in res) {\n                  const messageValue = (res as { message?: unknown }).message;\n                  if (typeof messageValue === \"string\") {\n                    message = messageValue;\n                  }\n                }\n                // Create response object by copying properties\n                const responseObj: {\n                  message?: string;\n                  [key: string]: unknown;\n                } = { message };\n                if (res && typeof res === \"object\") {\n                  // Copy properties from res to responseObj without using 'as' in the loop\n                  const entries = Object.entries(res);\n                  for (const [key, value] of entries) {\n                    if (key !== \"message\") {\n                      responseObj[key] = value;\n                    }\n                  }\n                }\n                return responseObj;\n              })()\n            : { message: undefined };\n        toast.success(response.message ?? \"Updated successfully\");\n        onSuccess?.(res);\n      }\n      // finalPayload is FormData | Record<string, unknown>, onSubmit expects P\n      // We use a helper function to bridge the types without 'as' assertion\n      const callOnSubmit = (\n        payload: FormData | Record<string, unknown>,\n        submitMode: \"create\" | \"update\",\n      ) => {\n        onSubmit?.(payload as P, submitMode);\n      };\n      await callOnSubmit(finalPayload, mode);\n\n      if (mode === FORM_MODES.CREATE) {\n        const emptyValues = getEmptyValues<S>(fields);\n        form.reset(emptyValues);\n      }\n    } catch (err) {\n      console.error(\"Error submitting the form:\", err);\n      const error =\n        err && typeof err === \"object\" && err !== null && \"data\" in err\n          ? (() => {\n              // err is an object with data property, extract error_message safely using type guards\n              const errData = (err as { data?: unknown }).data;\n              let errorData: { error_message?: string } | undefined = undefined;\n              if (\n                errData &&\n                typeof errData === \"object\" &&\n                errData !== null &&\n                \"error_message\" in errData\n              ) {\n                const errorMessageValue = (\n                  errData as { error_message?: unknown }\n                ).error_message;\n                const errorMessage =\n                  typeof errorMessageValue === \"string\"\n                    ? errorMessageValue\n                    : undefined;\n                errorData = { error_message: errorMessage };\n              }\n              // Create error object by copying properties\n              const errorObj: {\n                data?: { error_message?: string };\n                [key: string]: unknown;\n              } = { data: errorData };\n              if (err && typeof err === \"object\") {\n                // Copy properties from err to errorObj without using 'as' in the loop\n                const entries = Object.entries(err);\n                for (const [key, value] of entries) {\n                  if (key !== \"data\") {\n                    errorObj[key] = value;\n                  }\n                }\n              }\n              return errorObj;\n            })()\n          : null;\n      toast.error(error?.data?.error_message ?? \"Error submitting the form\");\n      onError?.(err);\n    }\n  };\n\n  return (\n    <FormProvider {...form}>\n      <form onSubmit={form.handleSubmit(handleSubmit as any)}>\n        <div\n          className={cn(\n            \"px-5 py-2 my-2 text-start  \",\n            placement === FORM_PLACEMENTS.ON_MODAL &&\n              \"overflow-y-auto max-h-[80vh]\",\n            styles?.wrapperClassName,\n          )}\n        >\n          {totalLoading && (\n            <div className=\"absolute inset-0 z-10 flex items-center justify-center h-320 bg-white/70\">\n              <Spinner />\n            </div>\n          )}\n          <FormLayout\n            fields={fields}\n            layout={layout}\n            styles={styles}\n            placement={placement}\n          />\n        </div>\n        <FormFooter<S>\n          placement={placement ?? FORM_PLACEMENTS.ON_MODAL}\n          ctx={{\n            onSubmit: form.handleSubmit(handleSubmit as any),\n            onCancel,\n            form: form,\n          }}\n          customFooter={footer?.customFooter}\n        />\n      </form>\n    </FormProvider>\n  );\n}\n"],"names":["FormGenerator","props","schema","fields","layout","onSubmit","onSuccess","onError","onCancel","initialData","excludeFromPayload","transformToApiGlobal","payloadType","placement","footer","styles","mode","FORM_MODES","form","record","loading","useFormGenerator","createFn","creating","updateFn","updating","totalLoading","handleSubmit","data","finalPayload","buildPayload","payload","_a","_b","res","_d","_c","response","message","messageValue","responseObj","entries","key","value","toast","_f","_e","submitMode","emptyValues","getEmptyValues","err","error","errData","errorData","errorMessageValue","errorObj","_g","jsx","FormProvider","jsxs","cn","FORM_PLACEMENTS","Spinner","FormLayout","FormFooter"],"mappings":"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"}

package/dist/components/formGenerator/layouts/footer.js

@@ -0,0 +1,65 @@
+import { jsx as t, Fragment as f, jsxs as u } from "react/jsx-runtime";
+import c from "../../common/buttons/CancelBtn.js";
+import { useTranslation as x } from "react-i18next";
+import { cn as s } from "../../../libs/index.js";
+import { FORM_PLACEMENTS as a } from "../constants.js";
+import d from "../../common/button/SaveBtn.js";
+function N({
+  placement: n,
+  ctx: r,
+  customFooter: l,
+  footerWrapperClassName: o
+}) {
+  const { t: i } = x();
+  if (l)
+    return /* @__PURE__ */ t(f, { children: l(r) });
+  const { onSubmit: m, onCancel: e } = r;
+  return n === a.ON_MODAL ? /* @__PURE__ */ u(
+    "div",
+    {
+      className: s(
+        "flex justify-end gap-5 shadow-[0px_0px_3px_0px_#1018281A] rounded-b-lg py-3 px-5 inset-0",
+        o
+      ),
+      children: [
+        e && /* @__PURE__ */ t(
+          c,
+          {
+            title: i("CANCEL", "Cancel"),
+            handleAction: () => e == null ? void 0 : e()
+          }
+        ),
+        /* @__PURE__ */ t(
+          d,
+          {
+            type: "submit",
+            title: i("SAVE", "Save"),
+            handleAction: (p) => {
+              p.preventDefault(), m();
+            }
+          }
+        )
+      ]
+    }
+  ) : n === a.ON_PAGE ? /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: s(
+        "fixed left-0 bottom-0 bg-white h-[60px] w-full flex items-center justify-end",
+        o
+      ),
+      children: /* @__PURE__ */ t(
+        d,
+        {
+          handleAction: m,
+          className: "!text-sm !px-5 !py-2 rtl:!ml-5 ltr:!mr-5",
+          title: i("SAVE", "Save")
+        }
+      )
+    }
+  ) }) : null;
+}
+export {
+  N as default
+};
+//# sourceMappingURL=footer.js.map