@tsed/react-formio 3.0.0-alpha.1 → 3.0.0-alpha.10

package/dist/molecules/table/components/DefaultFilter.d.ts

@@ -0,0 +1,11 @@
+import { Header } from '@tanstack/react-table';
+export interface DefaultFilterProps<Data = any> {
+    header: Header<Data, unknown>;
+    i18n?: (f: string) => string;
+}
+export interface FilterProps<Data = any, Opts = Record<string, unknown>> {
+    header: Header<Data, unknown>;
+    options: Opts;
+    i18n?: (f: string) => string;
+}
+export declare function DefaultFilter<Data = any>({ header, i18n }: DefaultFilterProps<Data>): import("react/jsx-runtime").JSX.Element | null;

package/dist/molecules/table/components/DefaultFilter.js

@@ -0,0 +1,15 @@
+import { jsx as l } from "react/jsx-runtime";
+import { registerComponent as o, getComponent as c } from "../../../registries/components.js";
+function m({ header: t, i18n: n }) {
+  const {
+    filter: r = {
+      variant: "text"
+    }
+  } = t.column.columnDef.meta || {}, { variant: i } = r, e = c([`Filter.${t.column.id}`, `Filter.${i}`, "Filter.text"]);
+  return e ? /* @__PURE__ */ l("div", { className: "table-cell-header__filter", children: /* @__PURE__ */ l(e, { header: t, options: r, i18n: n }) }) : (console.warn("Missing filter for `Filter." + t.column.id + "` or `Filter." + i + "`"), null);
+}
+o("Filter", m);
+export {
+  m as DefaultFilter
+};
+//# sourceMappingURL=DefaultFilter.js.map

package/dist/molecules/table/components/DefaultFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultFilter.js","sources":["../../../../src/molecules/table/components/DefaultFilter.tsx"],"sourcesContent":["import \"../interfaces/extends\";\n\nimport { Header } from \"@tanstack/react-table\";\nimport type { ComponentType } from \"react\";\n\nimport { getComponent, registerComponent } from \"../../../registries/components\";\n\nexport interface DefaultFilterProps<Data = any> {\n  header: Header<Data, unknown>;\n  i18n?: (f: string) => string;\n}\n\nexport interface FilterProps<Data = any, Opts = Record<string, unknown>> {\n  header: Header<Data, unknown>;\n  options: Opts;\n  i18n?: (f: string) => string;\n}\n\nexport function DefaultFilter<Data = any>({ header, i18n }: DefaultFilterProps<Data>) {\n  const {\n    filter = {\n      variant: \"text\"\n    }\n  } = header.column.columnDef.meta || {};\n\n  const { variant: filterVariant } = filter;\n  const Filter = getComponent<ComponentType<FilterProps>>([`Filter.${header.column.id}`, `Filter.${filterVariant}`, \"Filter.text\"]);\n\n  if (!Filter) {\n    console.warn(\"Missing filter for `Filter.\" + header.column.id + \"` or `Filter.\" + filterVariant + \"`\");\n\n    return null;\n  }\n\n  return (\n    <div className='table-cell-header__filter'>\n      <Filter header={header} options={filter} i18n={i18n} />\n    </div>\n  );\n}\n\nregisterComponent(\"Filter\", DefaultFilter);\n"],"names":["DefaultFilter","header","i18n","filter","filterVariant","Filter","getComponent","jsx","registerComponent"],"mappings":";;AAkBO,SAASA,EAA0B,EAAE,QAAAC,GAAQ,MAAAC,KAAkC;AAC9E,QAAA;AAAA,IACJ,QAAAC,IAAS;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,EAET,IAAAF,EAAO,OAAO,UAAU,QAAQ,CAAC,GAE/B,EAAE,SAASG,EAAA,IAAkBD,GAC7BE,IAASC,EAAyC,CAAC,UAAUL,EAAO,OAAO,EAAE,IAAI,UAAUG,CAAa,IAAI,aAAa,CAAC;AAEhI,SAAKC,IAOH,gBAAAE,EAAC,OAAI,EAAA,WAAU,6BACb,UAAA,gBAAAA,EAACF,KAAO,QAAAJ,GAAgB,SAASE,GAAQ,MAAAD,EAAA,CAAY,EACvD,CAAA,KARA,QAAQ,KAAK,gCAAgCD,EAAO,OAAO,KAAK,kBAAkBG,IAAgB,GAAG,GAE9F;AAQX;AAEAI,EAAkB,UAAUR,CAAa;"}

package/dist/molecules/table/components/DefaultOperationButton.d.ts

@@ -0,0 +1,11 @@
+import { CellContext } from '@tanstack/react-table';
+import { HTMLAttributes } from 'react';
+import { Operation } from '../../../interfaces';
+export interface OperationButtonProps<Data = any> extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
+    operation: Operation<Data>;
+    info: CellContext<Data, unknown>;
+    metadata?: Record<string, unknown>;
+    onClick: () => void;
+    i18n?: (i18n: string) => string;
+}
+export declare function DefaultOperationButton(props: OperationButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/table/components/DefaultOperationButton.js

@@ -0,0 +1,30 @@
+import { jsxs as n, Fragment as x, jsx as i } from "react/jsx-runtime";
+import { c as d } from "../../../chunks/index.js";
+import { registerComponent as C } from "../../../registries/components.js";
+import { iconClass as N } from "../../../utils/iconClass.js";
+import { stopPropagationWrapper as O } from "../../../utils/stopPropagationWrapper.js";
+function g(r) {
+  const { i18n: e = (f) => f, onClick: a, operation: l, info: h, ...s } = r, { className: p = "btn", buttonSize: m = "xs", buttonType: c = "primary", buttonOutline: u, action: b, title: t = "", icon: o = "" } = l;
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      ...s,
+      "aria-label": "Operation button: " + (t || b),
+      className: d(p, ["btn", u && "outline", c].filter(Boolean).join("-"), `btn-${m}`),
+      onClick: O(() => a()),
+      children: [
+        o ? /* @__PURE__ */ n(x, { children: [
+          /* @__PURE__ */ i("i", { className: N(void 0, o) }),
+          " ",
+          t && " "
+        ] }) : null,
+        t && /* @__PURE__ */ i("span", { className: o && t ? "ml-1" : "", children: e(t) })
+      ]
+    }
+  );
+}
+C("OperationButton", g);
+export {
+  g as DefaultOperationButton
+};
+//# sourceMappingURL=DefaultOperationButton.js.map

package/dist/molecules/table/components/DefaultOperationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultOperationButton.js","sources":["../../../../src/molecules/table/components/DefaultOperationButton.tsx"],"sourcesContent":["import { CellContext } from \"@tanstack/react-table\";\nimport cx from \"classnames\";\nimport { HTMLAttributes } from \"react\";\n\nimport { Operation } from \"../../../interfaces\";\nimport { registerComponent } from \"../../../registries/components\";\nimport { iconClass } from \"../../../utils/iconClass\";\nimport { stopPropagationWrapper } from \"../../../utils/stopPropagationWrapper\";\n\nexport interface OperationButtonProps<Data = any> extends Omit<HTMLAttributes<HTMLButtonElement>, \"onClick\"> {\n  operation: Operation<Data>;\n  info: CellContext<Data, unknown>;\n  metadata?: Record<string, unknown>;\n  onClick: () => void;\n  i18n?: (i18n: string) => string;\n}\n\nexport function DefaultOperationButton(props: OperationButtonProps) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { i18n = (f: string) => f, onClick, operation, info, ...extraProps } = props;\n  const { className = \"btn\", buttonSize = \"xs\", buttonType = \"primary\", buttonOutline, action, title = \"\", icon = \"\" } = operation;\n\n  return (\n    <button\n      {...extraProps}\n      aria-label={\"Operation button: \" + (title || action)}\n      className={cx(className, [\"btn\", buttonOutline && \"outline\", buttonType].filter(Boolean).join(\"-\"), `btn-${buttonSize}`)}\n      onClick={stopPropagationWrapper(() => onClick())}\n    >\n      {icon ? (\n        <>\n          <i className={iconClass(undefined, icon)} /> {title && \" \"}\n        </>\n      ) : null}\n      {title && <span className={icon && title ? \"ml-1\" : \"\"}>{i18n(title)}</span>}\n    </button>\n  );\n}\n\nregisterComponent(\"OperationButton\", DefaultOperationButton);\n"],"names":["DefaultOperationButton","props","i18n","onClick","operation","info","extraProps","className","buttonSize","buttonType","buttonOutline","action","title","icon","jsxs","cx","stopPropagationWrapper","Fragment","jsx","iconClass","registerComponent"],"mappings":";;;;;AAiBO,SAASA,EAAuBC,GAA6B;AAE5D,QAAA,EAAE,MAAAC,IAAO,CAAC,MAAc,GAAG,SAAAC,GAAS,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,IAAeL,GACvE,EAAE,WAAAM,IAAY,OAAO,YAAAC,IAAa,MAAM,YAAAC,IAAa,WAAW,eAAAC,GAAe,QAAAC,GAAQ,OAAAC,IAAQ,IAAI,MAAAC,IAAO,GAAO,IAAAT;AAGrH,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,cAAY,wBAAwBM,KAASD;AAAA,MAC7C,WAAWI,EAAGR,GAAW,CAAC,OAAOG,KAAiB,WAAWD,CAAU,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAG,OAAOD,CAAU,EAAE;AAAA,MACvH,SAASQ,EAAuB,MAAMb,GAAS;AAAA,MAE9C,UAAA;AAAA,QAAAU,IAEG,gBAAAC,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAAC,KAAE,EAAA,WAAWC,EAAU,QAAWN,CAAI,GAAG;AAAA,UAAE;AAAA,UAAED,KAAS;AAAA,QAAA,EAAA,CACzD,IACE;AAAA,QACHA,KAAU,gBAAAM,EAAA,QAAA,EAAK,WAAWL,KAAQD,IAAQ,SAAS,IAAK,UAAKV,EAAAU,CAAK,EAAE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvE;AAEJ;AAEAQ,EAAkB,mBAAmBpB,CAAsB;"}

package/dist/molecules/table/filters/Filters.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Filters.d.js.map

package/dist/molecules/table/filters/Filters.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/molecules/table/filters/RangeFilter.d.ts

@@ -0,0 +1,3 @@
+import { FilterProps } from '../components/DefaultFilter';
+import { FilterRangeOptions } from './Filters';
+export declare function RangeFilter<Data = any>({ header, options }: FilterProps<Data, FilterRangeOptions>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/table/filters/RangeFilter.js

@@ -0,0 +1,42 @@
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { registerComponent as o, getComponent as v } from "../../../registries/components.js";
+function M({ header: m, options: c }) {
+  var x, g;
+  const { column: a } = m, l = v("InputText"), t = m.column.getFilterValue(), s = c.min ?? ((x = a.getFacetedMinMaxValues()) == null ? void 0 : x[0]), i = c.max ?? ((g = a.getFacetedMinMaxValues()) == null ? void 0 : g[1]), p = c.step ?? 1;
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ u("div", { className: "flex space-x-2", children: [
+      /* @__PURE__ */ n("div", { className: "w-1/2", children: /* @__PURE__ */ n(
+        l,
+        {
+          type: "number",
+          size: "small",
+          min: s,
+          max: i,
+          step: p,
+          value: (t == null ? void 0 : t[0]) ?? "",
+          onChange: (h, r) => a.setFilterValue((e) => [r, e == null ? void 0 : e[1]]),
+          placeholder: `Min ${s !== void 0 ? `(${s})` : ""}`
+        }
+      ) }),
+      /* @__PURE__ */ n("div", { className: "w-1/2", children: /* @__PURE__ */ n(
+        l,
+        {
+          type: "number",
+          size: "small",
+          min: s,
+          max: i,
+          step: p,
+          value: (t == null ? void 0 : t[1]) ?? "",
+          onChange: (h, r) => a.setFilterValue((e) => [e == null ? void 0 : e[0], r]),
+          placeholder: `Max ${i ? `(${i})` : ""}`
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "h-1" })
+  ] });
+}
+o("Filter.range", M);
+export {
+  M as RangeFilter
+};
+//# sourceMappingURL=RangeFilter.js.map

package/dist/molecules/table/filters/RangeFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeFilter.js","sources":["../../../../src/molecules/table/filters/RangeFilter.tsx"],"sourcesContent":["import { getComponent, registerComponent } from \"../../../registries/components\";\nimport { type InputText as DefaultInputText } from \"../../forms/input-text/InputText\";\nimport type { FilterProps } from \"../components/DefaultFilter\";\nimport { FilterRangeOptions } from \"./Filters\";\n\nexport function RangeFilter<Data = any>({ header, options }: FilterProps<Data, FilterRangeOptions>) {\n  const { column } = header;\n  const InputText = getComponent<typeof DefaultInputText>(\"InputText\");\n  const columnFilterValue = header.column.getFilterValue();\n  const min = options.min ?? column.getFacetedMinMaxValues()?.[0];\n  const max = options.max ?? column.getFacetedMinMaxValues()?.[1];\n  const step = options.step ?? 1;\n\n  return (\n    <div>\n      <div className='flex space-x-2'>\n        <div className='w-1/2'>\n          <InputText\n            type='number'\n            size='small'\n            {...{ min, max, step }}\n            value={(columnFilterValue as [number, number])?.[0] ?? \"\"}\n            onChange={(_, value) => column.setFilterValue((old: [number, number]) => [value, old?.[1]])}\n            placeholder={`Min ${min !== undefined ? `(${min})` : \"\"}`}\n          />\n        </div>\n        <div className='w-1/2'>\n          <InputText\n            type='number'\n            size='small'\n            {...{ min, max, step }}\n            value={(columnFilterValue as [number, number])?.[1] ?? \"\"}\n            onChange={(_, value) => column.setFilterValue((old: [number, number]) => [old?.[0], value])}\n            placeholder={`Max ${max ? `(${max})` : \"\"}`}\n          />\n        </div>\n      </div>\n      <div className='h-1' />\n    </div>\n  );\n}\n\nregisterComponent(\"Filter.range\", RangeFilter);\n"],"names":["RangeFilter","header","options","column","InputText","getComponent","columnFilterValue","min","_a","max","_b","step","jsxs","jsx","_","value","old","registerComponent"],"mappings":";;AAKO,SAASA,EAAwB,EAAE,QAAAC,GAAQ,SAAAC,KAAkD;;AAC5F,QAAA,EAAE,QAAAC,MAAWF,GACbG,IAAYC,EAAsC,WAAW,GAC7DC,IAAoBL,EAAO,OAAO,eAAe,GACjDM,IAAML,EAAQ,SAAOM,IAAAL,EAAO,6BAAP,gBAAAK,EAAkC,KACvDC,IAAMP,EAAQ,SAAOQ,IAAAP,EAAO,6BAAP,gBAAAO,EAAkC,KACvDC,IAAOT,EAAQ,QAAQ;AAE7B,2BACG,OACC,EAAA,UAAA;AAAA,IAAC,gBAAAU,EAAA,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,SACb,UAAA,gBAAAA;AAAA,QAACT;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACC,KAAAG;AAAA,UAAK,KAAAE;AAAA,UAAK,MAAAE;AAAA,UAChB,QAAQL,KAAA,gBAAAA,EAAyC,OAAM;AAAA,UACvD,UAAU,CAACQ,GAAGC,MAAUZ,EAAO,eAAe,CAACa,MAA0B,CAACD,GAAOC,KAAA,gBAAAA,EAAM,EAAE,CAAC;AAAA,UAC1F,aAAa,OAAOT,MAAQ,SAAY,IAAIA,CAAG,MAAM,EAAE;AAAA,QAAA;AAAA,MAAA,GAE3D;AAAA,MACA,gBAAAM,EAAC,OAAI,EAAA,WAAU,SACb,UAAA,gBAAAA;AAAA,QAACT;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACC,KAAAG;AAAA,UAAK,KAAAE;AAAA,UAAK,MAAAE;AAAA,UAChB,QAAQL,KAAA,gBAAAA,EAAyC,OAAM;AAAA,UACvD,UAAU,CAACQ,GAAGC,MAAUZ,EAAO,eAAe,CAACa,MAA0B,CAACA,KAAA,gBAAAA,EAAM,IAAID,CAAK,CAAC;AAAA,UAC1F,aAAa,OAAON,IAAM,IAAIA,CAAG,MAAM,EAAE;AAAA,QAAA;AAAA,MAAA,EAE7C,CAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAI,EAAC,OAAI,EAAA,WAAU,MAAM,CAAA;AAAA,EAAA,GACvB;AAEJ;AAEAI,EAAkB,gBAAgBjB,CAAW;"}

package/dist/molecules/table/filters/SelectFilter.d.ts

@@ -0,0 +1,3 @@
+import { FilterProps } from '../components/DefaultFilter';
+import { FilterSelectOptions } from './Filters';
+export declare function SelectFilter<Data = any>({ header, options }: FilterProps<Data, FilterSelectOptions>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/table/filters/SelectFilter.js

@@ -0,0 +1,35 @@
+import { jsx as n, Fragment as u } from "react/jsx-runtime";
+import { registerComponent as a, getComponent as p } from "../../../registries/components.js";
+import { useUniqValues as f } from "../hooks/useUniqValues.js";
+function F({ header: l, options: e }) {
+  const c = p("Select"), i = l.column.getFilterValue(), o = f({ header: l, filterVariant: "text" });
+  console.log(o);
+  const r = e.layout === "choicesjs" ? {
+    placeholder: void 0
+  } : {
+    placeholder: `Filter by ${l.column.columnDef.header}`
+  }, m = [
+    {
+      label: `Filter by ${l.column.columnDef.header}`,
+      value: ""
+    }
+  ].concat(e.options || o.map((t) => ({ label: t, value: t })));
+  return /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(
+    c,
+    {
+      size: "small",
+      ...e,
+      ...r,
+      options: m,
+      name: `filter_${l.column.id}`,
+      "data-testid": `filter_${l.column.id}`,
+      value: i,
+      onChange: (t, s) => l.column.setFilterValue(s)
+    }
+  ) });
+}
+a("Filter.select", F);
+export {
+  F as SelectFilter
+};
+//# sourceMappingURL=SelectFilter.js.map

package/dist/molecules/table/filters/SelectFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFilter.js","sources":["../../../../src/molecules/table/filters/SelectFilter.tsx"],"sourcesContent":["import { getComponent, registerComponent } from \"../../../registries/components\";\nimport type { Select as DefaultSelect } from \"../../forms/select/Select\";\nimport { SelectOptionProps } from \"../../forms/select/Select.interface\";\nimport type { FilterProps } from \"../components/DefaultFilter\";\nimport { useUniqValues } from \"../hooks/useUniqValues\";\nimport { FilterSelectOptions } from \"./Filters\";\n\nexport function SelectFilter<Data = any>({ header, options }: FilterProps<Data, FilterSelectOptions>) {\n  const Select = getComponent<typeof DefaultSelect>(\"Select\");\n  const columnFilterValue = header.column.getFilterValue();\n  const uniqValues = useUniqValues<Data>({ header, filterVariant: \"text\" });\n  console.log(uniqValues);\n  const opts =\n    options.layout === \"choicesjs\"\n      ? {\n          placeholder: undefined\n        }\n      : {\n          placeholder: `Filter by ${header.column.columnDef.header}`\n        };\n\n  const listOptions = (\n    [\n      {\n        label: `Filter by ${header.column.columnDef.header}`,\n        value: \"\"\n      }\n    ] as SelectOptionProps[]\n  ).concat(options.options || uniqValues.map((value: any) => ({ label: value, value })));\n\n  return (\n    <>\n      <Select<string>\n        size='small'\n        {...(options as any)}\n        {...opts}\n        options={listOptions}\n        name={`filter_${header.column.id}`}\n        data-testid={`filter_${header.column.id}`}\n        value={columnFilterValue as string}\n        onChange={(_, value) => header.column.setFilterValue(value)}\n      />\n    </>\n  );\n}\n\nregisterComponent(\"Filter.select\", SelectFilter);\n"],"names":["SelectFilter","header","options","Select","getComponent","columnFilterValue","uniqValues","useUniqValues","opts","listOptions","value","jsx","Fragment","_","registerComponent"],"mappings":";;;AAOO,SAASA,EAAyB,EAAE,QAAAC,GAAQ,SAAAC,KAAmD;AAC9F,QAAAC,IAASC,EAAmC,QAAQ,GACpDC,IAAoBJ,EAAO,OAAO,eAAe,GACjDK,IAAaC,EAAoB,EAAE,QAAAN,GAAQ,eAAe,QAAQ;AACxE,UAAQ,IAAIK,CAAU;AAChB,QAAAE,IACJN,EAAQ,WAAW,cACf;AAAA,IACE,aAAa;AAAA,EAAA,IAEf;AAAA,IACE,aAAa,aAAaD,EAAO,OAAO,UAAU,MAAM;AAAA,EAC1D,GAEAQ,IACJ;AAAA,IACE;AAAA,MACE,OAAO,aAAaR,EAAO,OAAO,UAAU,MAAM;AAAA,MAClD,OAAO;AAAA,IAAA;AAAA,EAGX,EAAA,OAAOC,EAAQ,WAAWI,EAAW,IAAI,CAACI,OAAgB,EAAE,OAAOA,GAAO,OAAAA,EAAA,EAAQ,CAAC;AAErF,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA,gBAAAD;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACJ,GAAID;AAAA,MACJ,GAAGM;AAAA,MACJ,SAASC;AAAA,MACT,MAAM,UAAUR,EAAO,OAAO,EAAE;AAAA,MAChC,eAAa,UAAUA,EAAO,OAAO,EAAE;AAAA,MACvC,OAAOI;AAAA,MACP,UAAU,CAACQ,GAAGH,MAAUT,EAAO,OAAO,eAAeS,CAAK;AAAA,IAAA;AAAA,EAAA,GAE9D;AAEJ;AAEAI,EAAkB,iBAAiBd,CAAY;"}

package/dist/molecules/table/filters/TextFieldFilter.d.ts

@@ -0,0 +1,3 @@
+import { FilterProps } from '../components/DefaultFilter';
+import { FilterTextOptions } from './Filters';
+export declare function TextFieldFilter<Data = any>({ header, options }: FilterProps<Data, FilterTextOptions>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/table/filters/TextFieldFilter.js

@@ -0,0 +1,27 @@
+import { jsxs as a, Fragment as u, jsx as i } from "react/jsx-runtime";
+import { registerComponent as c, getComponent as d } from "../../../registries/components.js";
+import { useUniqValues as p } from "../hooks/useUniqValues.js";
+function f({ header: t, options: e }) {
+  const o = d("InputText"), m = t.column.getFilterValue(), r = p({ header: t, filterVariant: "text" }), n = `data_list_${t.column.id}`;
+  return /* @__PURE__ */ a(u, { children: [
+    !e.disableDatalist && /* @__PURE__ */ i("datalist", { id: n, children: r.map((l) => /* @__PURE__ */ i("option", { value: l }, l)) }),
+    /* @__PURE__ */ i(
+      o,
+      {
+        size: "small",
+        placeholder: `Filter by ${t.column.columnDef.header}`,
+        ...e,
+        name: `filter_${t.column.id}`,
+        "data-testid": `filter_${t.column.id}`,
+        value: m ?? "",
+        list: n,
+        onChange: (l, s) => t.column.setFilterValue(s)
+      }
+    )
+  ] });
+}
+c("Filter.text", f);
+export {
+  f as TextFieldFilter
+};
+//# sourceMappingURL=TextFieldFilter.js.map

package/dist/molecules/table/filters/TextFieldFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldFilter.js","sources":["../../../../src/molecules/table/filters/TextFieldFilter.tsx"],"sourcesContent":["import { getComponent, registerComponent } from \"../../../registries/components\";\nimport type { InputText as DefaultInputText } from \"../../forms/input-text/InputText\";\nimport type { FilterProps } from \"../components/DefaultFilter\";\nimport { useUniqValues } from \"../hooks/useUniqValues\";\nimport { FilterTextOptions } from \"./Filters\";\n\nexport function TextFieldFilter<Data = any>({ header, options }: FilterProps<Data, FilterTextOptions>) {\n  const InputText = getComponent<typeof DefaultInputText>(\"InputText\");\n  const columnFilterValue = header.column.getFilterValue();\n  const uniqValues = useUniqValues<Data>({ header, filterVariant: \"text\" });\n  const datalistId = `data_list_${header.column.id}`;\n\n  return (\n    <>\n      {!options.disableDatalist && (\n        <datalist id={datalistId}>\n          {uniqValues.map((value: any) => (\n            <option value={value} key={value} />\n          ))}\n        </datalist>\n      )}\n      <InputText<string>\n        size='small'\n        placeholder={`Filter by ${header.column.columnDef.header}`}\n        {...options}\n        name={`filter_${header.column.id}`}\n        data-testid={`filter_${header.column.id}`}\n        value={(columnFilterValue ?? \"\") as string}\n        list={datalistId}\n        onChange={(_, value) => header.column.setFilterValue(value)}\n      />\n    </>\n  );\n}\n\nregisterComponent(\"Filter.text\", TextFieldFilter);\n"],"names":["TextFieldFilter","header","options","InputText","getComponent","columnFilterValue","uniqValues","useUniqValues","datalistId","jsxs","Fragment","jsx","value","_","registerComponent"],"mappings":";;;AAMO,SAASA,EAA4B,EAAE,QAAAC,GAAQ,SAAAC,KAAiD;AAC/F,QAAAC,IAAYC,EAAsC,WAAW,GAC7DC,IAAoBJ,EAAO,OAAO,eAAe,GACjDK,IAAaC,EAAoB,EAAE,QAAAN,GAAQ,eAAe,QAAQ,GAClEO,IAAa,aAAaP,EAAO,OAAO,EAAE;AAEhD,SAEK,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,CAACR,EAAQ,mBACP,gBAAAS,EAAA,YAAA,EAAS,IAAIH,GACX,UAAAF,EAAW,IAAI,CAACM,MACd,gBAAAD,EAAA,UAAA,EAAO,OAAAC,KAAmBA,CAAO,CACnC,GACH;AAAA,IAEF,gBAAAD;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,aAAa,aAAaF,EAAO,OAAO,UAAU,MAAM;AAAA,QACvD,GAAGC;AAAA,QACJ,MAAM,UAAUD,EAAO,OAAO,EAAE;AAAA,QAChC,eAAa,UAAUA,EAAO,OAAO,EAAE;AAAA,QACvC,OAAQI,KAAqB;AAAA,QAC7B,MAAMG;AAAA,QACN,UAAU,CAACK,GAAGD,MAAUX,EAAO,OAAO,eAAeW,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5D,GACF;AAEJ;AAEAE,EAAkB,eAAed,CAAe;"}

package/dist/molecules/table/hooks/useTable.d.ts

@@ -0,0 +1,15 @@
+import { RowData, TableOptions, TableState } from '@tanstack/react-table';
+import { Operation } from '../../../interfaces';
+export interface UseTableProps<Data extends RowData> extends TableOptions<Data> {
+    operations: Operation<Data>[];
+    metadata?: Record<string, unknown>;
+    i18n?: (i18n: string) => string;
+    onClick?: (data: any, operation: Operation<Data>) => void;
+    manualFaceted?: boolean;
+    onChange?: (query: TableState) => void;
+    pageSizes?: number[];
+}
+export declare function useTable<Data extends RowData>(props: UseTableProps<Data>): {
+    i18n: (i18n: string) => string;
+    tableInstance: import('@tanstack/table-core').Table<Data>;
+};

package/dist/molecules/table/hooks/useTable.js

@@ -0,0 +1,34 @@
+import { jsx as R } from "react/jsx-runtime";
+import { useReactTable as w, getCoreRowModel as M, getPaginationRowModel as f, getFilteredRowModel as C, getSortedRowModel as S, getFacetedRowModel as b, getFacetedUniqueValues as h } from "@tanstack/react-table";
+import { useEffect as v } from "react";
+import { getComponent as O } from "../../../registries/components.js";
+function x(e) {
+  const i = O("CellOperations"), t = e.i18n || ((n) => n), a = e.operations.length ? [
+    {
+      id: "operations",
+      header: t("Operations"),
+      cell: (n) => /* @__PURE__ */ R(i, { info: n, operations: e.operations, metadata: e.metadata, onClick: e.onClick, i18n: t })
+    }
+  ] : [], o = w({
+    ...e,
+    columns: [...e.columns, ...a],
+    getCoreRowModel: M(),
+    getPaginationRowModel: f(),
+    getFilteredRowModel: e.manualFiltering ? void 0 : C(),
+    getSortedRowModel: e.manualSorting ? void 0 : S(),
+    getFacetedRowModel: e.manualFaceted ? void 0 : b(),
+    // client-side faceting
+    getFacetedUniqueValues: e.manualFaceted ? void 0 : h()
+    // generate unique values for select filter/autocomplete
+  }), { columnFilters: l, sorting: d, pagination: g, columnOrder: c, columnPinning: m, columnSizing: r, columnSizingInfo: u, columnVisibility: s, globalFilter: F } = o.getState();
+  return v(() => {
+    e.onChange && e.onChange(o.getState());
+  }, [l, d, g, c, m, r, u, s, F]), {
+    i18n: t,
+    tableInstance: o
+  };
+}
+export {
+  x as useTable
+};
+//# sourceMappingURL=useTable.js.map

package/dist/molecules/table/hooks/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","sources":["../../../../src/molecules/table/hooks/useTable.tsx"],"sourcesContent":["import {\n  type ColumnDef,\n  getCoreRowModel,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type RowData,\n  type TableOptions,\n  type TableState,\n  useReactTable\n} from \"@tanstack/react-table\";\nimport { useEffect } from \"react\";\n\nimport { Operation } from \"../../../interfaces\";\nimport { getComponent } from \"../../../registries/components\";\nimport type { DefaultCellOperations } from \"../components/DefaultCellOperations\";\n\nexport interface UseTableProps<Data extends RowData> extends TableOptions<Data> {\n  operations: Operation<Data>[];\n  metadata?: Record<string, unknown>;\n  i18n?: (i18n: string) => string;\n  onClick?: (data: any, operation: Operation<Data>) => void;\n  manualFaceted?: boolean;\n  onChange?: (query: TableState) => void;\n  pageSizes?: number[];\n}\n\nexport function useTable<Data extends RowData>(props: UseTableProps<Data>) {\n  const Operations = getComponent<typeof DefaultCellOperations>(\"CellOperations\");\n  const i18n = props.i18n || ((f: string) => f);\n\n  // const [pagination, setPagination] = useState({\n  //   pageIndex: 0, //initial page index\n  //   pageSize: 10 //default page size\n  // });\n\n  const operations = props.operations.length\n    ? ([\n        {\n          id: \"operations\",\n          header: i18n(\"Operations\"),\n          cell: (info) => (\n            <Operations info={info} operations={props.operations} metadata={props.metadata} onClick={props.onClick} i18n={i18n} />\n          )\n        }\n      ] satisfies ColumnDef<Data>[])\n    : [];\n\n  const tableInstance = useReactTable({\n    ...props,\n    columns: [...props.columns, ...operations],\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getFilteredRowModel: !props.manualFiltering ? getFilteredRowModel() : undefined,\n    getSortedRowModel: !props.manualSorting ? getSortedRowModel() : undefined,\n    getFacetedRowModel: !props.manualFaceted ? getFacetedRowModel() : undefined, // client-side faceting\n    getFacetedUniqueValues: !props.manualFaceted ? getFacetedUniqueValues() : undefined // generate unique values for select filter/autocomplete\n  });\n\n  const { columnFilters, sorting, pagination, columnOrder, columnPinning, columnSizing, columnSizingInfo, columnVisibility, globalFilter } =\n    tableInstance.getState();\n\n  useEffect(() => {\n    if (props.onChange) {\n      props.onChange(tableInstance.getState());\n    }\n  }, [columnFilters, sorting, pagination, columnOrder, columnPinning, columnSizing, columnSizingInfo, columnVisibility, globalFilter]);\n\n  return {\n    i18n,\n    tableInstance\n  };\n}\n"],"names":["useTable","props","Operations","getComponent","i18n","f","operations","info","jsx","tableInstance","useReactTable","getCoreRowModel","getPaginationRowModel","getFilteredRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","columnFilters","sorting","pagination","columnOrder","columnPinning","columnSizing","columnSizingInfo","columnVisibility","globalFilter","useEffect"],"mappings":";;;;AA6BO,SAASA,EAA+BC,GAA4B;AACnE,QAAAC,IAAaC,EAA2C,gBAAgB,GACxEC,IAAOH,EAAM,SAAS,CAACI,MAAcA,IAOrCC,IAAaL,EAAM,WAAW,SAC/B;AAAA,IACC;AAAA,MACE,IAAI;AAAA,MACJ,QAAQG,EAAK,YAAY;AAAA,MACzB,MAAM,CAACG,MACL,gBAAAC,EAACN,KAAW,MAAAK,GAAY,YAAYN,EAAM,YAAY,UAAUA,EAAM,UAAU,SAASA,EAAM,SAAS,MAAAG,EAAY,CAAA;AAAA,IAAA;AAAA,EAExH,IAEF,CAAC,GAECK,IAAgBC,EAAc;AAAA,IAClC,GAAGT;AAAA,IACH,SAAS,CAAC,GAAGA,EAAM,SAAS,GAAGK,CAAU;AAAA,IACzC,iBAAiBK,EAAgB;AAAA,IACjC,uBAAuBC,EAAsB;AAAA,IAC7C,qBAAsBX,EAAM,kBAA0C,SAAxBY;IAC9C,mBAAoBZ,EAAM,gBAAsC,SAAtBa;IAC1C,oBAAqBb,EAAM,gBAAuC,SAAvBc;;IAC3C,wBAAyBd,EAAM,gBAA2C,SAA3Be,EAA2B;AAAA;AAAA,EAAA,CAC3E,GAEK,EAAE,eAAAC,GAAe,SAAAC,GAAS,YAAAC,GAAY,aAAAC,GAAa,eAAAC,GAAe,cAAAC,GAAc,kBAAAC,GAAkB,kBAAAC,GAAkB,cAAAC,MACxHhB,EAAc,SAAS;AAEzB,SAAAiB,EAAU,MAAM;AACd,IAAIzB,EAAM,YACFA,EAAA,SAASQ,EAAc,UAAU;AAAA,EAE3C,GAAG,CAACQ,GAAeC,GAASC,GAAYC,GAAaC,GAAeC,GAAcC,GAAkBC,GAAkBC,CAAY,CAAC,GAE5H;AAAA,IACL,MAAArB;AAAA,IACA,eAAAK;AAAA,EACF;AACF;"}

package/dist/molecules/table/hooks/useUniqValues.d.ts

@@ -0,0 +1,5 @@
+import { Header } from '@tanstack/react-table';
+export declare function useUniqValues<Data = any>({ header, filterVariant }: {
+    header: Header<Data, unknown>;
+    filterVariant: string;
+}): any[];

package/dist/molecules/table/hooks/useUniqValues.js

@@ -0,0 +1,11 @@
+import { useMemo as u } from "react";
+function r({ header: e, filterVariant: o }) {
+  return u(
+    () => o === "range" ? [] : Array.from(e.column.getFacetedUniqueValues().keys()).flat().sort().slice(0, 5e3),
+    [e.column, o]
+  );
+}
+export {
+  r as useUniqValues
+};
+//# sourceMappingURL=useUniqValues.js.map

package/dist/molecules/table/hooks/useUniqValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUniqValues.js","sources":["../../../../src/molecules/table/hooks/useUniqValues.tsx"],"sourcesContent":["import type { Header } from \"@tanstack/react-table\";\nimport { useMemo } from \"react\";\n\nexport function useUniqValues<Data = any>({ header, filterVariant }: { header: Header<Data, unknown>; filterVariant: string }) {\n  return useMemo(\n    () => (filterVariant === \"range\" ? [] : Array.from(header.column.getFacetedUniqueValues().keys()).flat().sort().slice(0, 5000)),\n\n    [header.column, filterVariant]\n  );\n}\n"],"names":["useUniqValues","header","filterVariant","useMemo"],"mappings":";AAGO,SAASA,EAA0B,EAAE,QAAAC,GAAQ,eAAAC,KAA2E;AACtH,SAAAC;AAAA,IACL,MAAOD,MAAkB,UAAU,KAAK,MAAM,KAAKD,EAAO,OAAO,yBAAyB,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,MAAM,GAAG,GAAI;AAAA,IAE7H,CAACA,EAAO,QAAQC,CAAa;AAAA,EAC/B;AACF;"}

package/dist/molecules/table/interfaces/extends.d.ts

@@ -0,0 +1,14 @@
+import { RowData } from '@tanstack/react-table';
+import { TdHTMLAttributes } from 'react';
+import { FilterOptions } from '../filters/Filters';
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        filter?: FilterOptions;
+        sort?: string;
+        cellProps?: TdHTMLAttributes<HTMLTableCellElement>;
+        /**
+         * Hide the cell
+         */
+        hidden?: boolean;
+    }
+}

package/dist/molecules/table/interfaces/extends.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=extends.js.map

package/dist/molecules/table/interfaces/extends.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extends.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/molecules/table/utils/mapFormToColumns.d.ts

@@ -0,0 +1,3 @@
+import { ColumnDef, ColumnDefResolved } from '@tanstack/react-table';
+import { FormType } from '../../../interfaces';
+export declare function mapFormToColumns<Data = any>(form: FormType, columns?: ColumnDefResolved<Data, any>[]): ColumnDef<Data, any>[];

package/dist/molecules/table/utils/mapFormToColumns.js

@@ -0,0 +1,39 @@
+import { jsx as s } from "react/jsx-runtime";
+import { createColumnHelper as d } from "@tanstack/react-table";
+import { Components as f } from "formiojs";
+import C from "lodash/cloneDeep";
+import g from "lodash/get";
+import { getComponent as b } from "../../../registries/components.js";
+const x = {
+  number: "range",
+  currency: "range",
+  checkbox: "boolean"
+};
+function H(c, u = []) {
+  const p = d(), o = C(u), n = b("Cell");
+  return c.components.flatMap((e) => e.type === "tabs" ? e.components.flatMap((r) => r.components) : [e]).filter((e) => e.tableView).map((e) => {
+    var m;
+    const r = f.create(e, {}, null, !0), a = o.findIndex(({ accessorKey: l }) => l === `data.${e.key}`);
+    let t = o[a];
+    return t && o.splice(a, 1), p.accessor(`data.${e.key}`, {
+      header: (m = e.label || e.title || e.key) == null ? void 0 : m.replace(/:/, ""),
+      cell: (l) => /* @__PURE__ */ s(n, { value: l.getValue(), render: (i) => r.asString(i) }),
+      meta: {
+        filter: { variant: x[e.type] || "text" },
+        ...(t == null ? void 0 : t.meta) || {}
+      },
+      ...t || {}
+    });
+  }).concat(o).map((e, r) => ({
+    ...e,
+    meta: {
+      ...e.meta || {},
+      order: g(e, "meta.order", r * 10)
+    },
+    cell: e.cell || ((a) => /* @__PURE__ */ s(n, { value: a.getValue(), render: (t) => t }))
+  })).sort((e, r) => e.meta.order > r.meta.order ? 1 : -1);
+}
+export {
+  H as mapFormToColumns
+};
+//# sourceMappingURL=mapFormToColumns.js.map

package/dist/molecules/table/utils/mapFormToColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapFormToColumns.js","sources":["../../../../src/molecules/table/utils/mapFormToColumns.tsx"],"sourcesContent":["import \"../interfaces/extends\";\n\nimport { ColumnDef, ColumnDefResolved, createColumnHelper } from \"@tanstack/react-table\";\nimport { Components } from \"formiojs\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport get from \"lodash/get\";\n\nimport type { ComponentType, FormType } from \"../../../interfaces\";\nimport { getComponent } from \"../../../registries/components\";\nimport type { DefaultCell } from \"../components/DefaultCell\";\nimport type { FilterVariants } from \"../filters/Filters.js\";\n\nconst MAP_TYPES: Record<string, FilterVariants> = {\n  number: \"range\",\n  currency: \"range\",\n  checkbox: \"boolean\"\n};\n\nexport function mapFormToColumns<Data = any>(form: FormType, columns: ColumnDefResolved<Data, any>[] = []): ColumnDef<Data, any>[] {\n  const columnHelper = createColumnHelper<Data>();\n  const columnsToKeep = cloneDeep(columns);\n\n  const Cell = getComponent<typeof DefaultCell>(\"Cell\");\n\n  const columnsFromComponents = form.components\n    .flatMap((component) => {\n      if (component.type === \"tabs\") {\n        return component.components.flatMap((subComponent: ComponentType) => subComponent.components);\n      }\n\n      return [component];\n    })\n    .filter((component) => component.tableView)\n    .map((component: ComponentType) => {\n      const cmp: any = Components.create(component, {}, null, true);\n\n      const columnIndex = columnsToKeep.findIndex(({ accessorKey }) => {\n        return accessorKey === `data.${component.key}`;\n      });\n\n      let column = columnsToKeep[columnIndex];\n\n      if (column) {\n        columnsToKeep.splice(columnIndex, 1);\n      }\n\n      return columnHelper.accessor(`data.${component.key}` as any, {\n        header: (component.label || component.title || component.key)?.replace(/:/, \"\"),\n        cell: (info) => {\n          return <Cell value={info.getValue() as Data} render={(value: Data) => cmp.asString(value)} />;\n        },\n        meta: {\n          filter: { variant: MAP_TYPES[component.type!] || \"text\" },\n          ...(column?.meta || {})\n        },\n        ...(column || {})\n      });\n    });\n\n  const mergedColumns = columnsFromComponents.concat(columnsToKeep as any[]).map((column, index) => ({\n    ...column,\n    meta: {\n      ...(column.meta || {}),\n      order: get(column, \"meta.order\", index * 10)\n    },\n    cell:\n      column.cell ||\n      ((info) => {\n        return <Cell value={info.getValue() as Data} render={(value: Data) => value} />;\n      })\n  }));\n\n  return mergedColumns.sort((a, b) => (a.meta.order > b.meta.order ? 1 : -1)) as ColumnDef<Data, any>[];\n}\n"],"names":["MAP_TYPES","mapFormToColumns","form","columns","columnHelper","createColumnHelper","columnsToKeep","cloneDeep","Cell","getComponent","component","subComponent","cmp","Components","columnIndex","accessorKey","column","_a","info","jsx","value","index","get","a","b"],"mappings":";;;;;;AAYA,MAAMA,IAA4C;AAAA,EAChD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,SAASC,EAA6BC,GAAgBC,IAA0C,IAA4B;AACjI,QAAMC,IAAeC,EAAyB,GACxCC,IAAgBC,EAAUJ,CAAO,GAEjCK,IAAOC,EAAiC,MAAM;AAkDpD,SAhD8BP,EAAK,WAChC,QAAQ,CAACQ,MACJA,EAAU,SAAS,SACdA,EAAU,WAAW,QAAQ,CAACC,MAAgCA,EAAa,UAAU,IAGvF,CAACD,CAAS,CAClB,EACA,OAAO,CAACA,MAAcA,EAAU,SAAS,EACzC,IAAI,CAACA,MAA6B;;AACjC,UAAME,IAAWC,EAAW,OAAOH,GAAW,CAAC,GAAG,MAAM,EAAI,GAEtDI,IAAcR,EAAc,UAAU,CAAC,EAAE,aAAAS,QACtCA,MAAgB,QAAQL,EAAU,GAAG,EAC7C;AAEG,QAAAM,IAASV,EAAcQ,CAAW;AAEtC,WAAIE,KACYV,EAAA,OAAOQ,GAAa,CAAC,GAG9BV,EAAa,SAAS,QAAQM,EAAU,GAAG,IAAW;AAAA,MAC3D,SAASO,IAAAP,EAAU,SAASA,EAAU,SAASA,EAAU,QAAhD,gBAAAO,EAAsD,QAAQ,KAAK;AAAA,MAC5E,MAAM,CAACC,MACG,gBAAAC,EAAAX,GAAA,EAAK,OAAOU,EAAK,SAAS,GAAW,QAAQ,CAACE,MAAgBR,EAAI,SAASQ,CAAK,EAAG,CAAA;AAAA,MAE7F,MAAM;AAAA,QACJ,QAAQ,EAAE,SAASpB,EAAUU,EAAU,IAAK,KAAK,OAAO;AAAA,QACxD,IAAIM,KAAA,gBAAAA,EAAQ,SAAQ,CAAA;AAAA,MACtB;AAAA,MACA,GAAIA,KAAU,CAAA;AAAA,IAAC,CAChB;AAAA,EAAA,CACF,EAEyC,OAAOV,CAAsB,EAAE,IAAI,CAACU,GAAQK,OAAW;AAAA,IACjG,GAAGL;AAAA,IACH,MAAM;AAAA,MACJ,GAAIA,EAAO,QAAQ,CAAC;AAAA,MACpB,OAAOM,EAAIN,GAAQ,cAAcK,IAAQ,EAAE;AAAA,IAC7C;AAAA,IACA,MACEL,EAAO,SACN,CAACE,MACO,gBAAAC,EAACX,KAAK,OAAOU,EAAK,SAAoB,GAAA,QAAQ,CAACE,MAAgBA,GAAO;AAAA,EAC/E,EACF,EAEmB,KAAK,CAACG,GAAGC,MAAOD,EAAE,KAAK,QAAQC,EAAE,KAAK,QAAQ,IAAI,EAAG;AAC5E;"}

package/dist/{components/tabs/tabs.component.js → molecules/tabs/Tabs.js}

@@ -1,19 +1,19 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { c as i } from "../../chunks/index.js";
 import { iconClass as p } from "../../utils/iconClass.js";
-function N({ icon: c, back: s, onClick: n, isActive: b, reverse: l, children: o, className: r, after: _ }) {
+function N({ icon: c, back: s, onClick: r, isActive: b, reverse: l, children: o, className: n, after: _ }) {
   return /* @__PURE__ */ e(
     "div",
     {
       title: "button-wrapper",
-      className: i("tw-tabs__button-wrapper", b ? "-active" : "", s ? "-back" : "", r),
+      className: i("tw-tabs__button-wrapper", b ? "-active" : "", s ? "-back" : "", n),
       children: [
         /* @__PURE__ */ e(
           "button",
           {
             title: "button-tab",
             className: i("tw-tabs__button", l ? "-reverse" : "", b ? "-active" : "", s ? "-back" : ""),
-            onClick: n,
+            onClick: r,
             children: [
               c && /* @__PURE__ */ t("i", { className: i(p(void 0, c), "tw-tabs__button-icon") }),
               /* @__PURE__ */ t("span", { className: "tw-tabs__button-label", children: o }),
@@ -29,32 +29,32 @@ function N({ icon: c, back: s, onClick: n, isActive: b, reverse: l, children: o,
 function x({
   style: c,
   current: s,
-  items: n = [],
+  items: r = [],
   children: b,
   HeaderChildren: l,
   AddButton: o,
-  Button: r = N,
+  Button: n = N,
   className: _,
-  onClick: m,
-  i18n: w = (a) => a,
+  onClick: w,
+  i18n: m = (a) => a,
   ...d
 }) {
   return /* @__PURE__ */ e("div", { "data-testid": "tabs-comp", className: `tw-tabs ${_}`, style: c, children: [
     /* @__PURE__ */ e("div", { children: [
       /* @__PURE__ */ t("nav", { className: "tw-tabs__header", children: /* @__PURE__ */ e("div", { className: "tw-tabs__header-wrapper", children: [
         /* @__PURE__ */ t("div", { className: "tw-tabs__header-border" }),
-        n.filter((a) => a.label || a.icon).map((a, v) => /* @__PURE__ */ t(
-          r,
+        r.filter((a) => a.label || a.icon).map((a, v) => /* @__PURE__ */ t(
+          n,
           {
             back: a.back,
             isActive: (s == null ? void 0 : s.action) === a.action,
             exact: a.exact,
             onClick: () => {
-              m && m(a);
+              w && w(a);
             },
             ...d,
             ...a,
-            children: w(a.label || "")
+            children: m(a.label || "")
           },
           v
         )),
@@ -69,4 +69,4 @@ export {
   N as ButtonTab,
   x as Tabs
 };
-//# sourceMappingURL=tabs.component.js.map
+//# sourceMappingURL=Tabs.js.map

package/dist/molecules/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/molecules/tabs/Tabs.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { iconClass } from \"../../utils/iconClass\";\n\nexport function ButtonTab({ icon, back, onClick, isActive, reverse, children, className, after }: PropsWithChildren<any>) {\n  return (\n    <div\n      title={\"button-wrapper\"}\n      className={classnames(\"tw-tabs__button-wrapper\", isActive ? \"-active\" : \"\", back ? \"-back\" : \"\", className)}\n    >\n      <button\n        title={\"button-tab\"}\n        className={classnames(\"tw-tabs__button\", reverse ? \"-reverse\" : \"\", isActive ? \"-active\" : \"\", back ? \"-back\" : \"\")}\n        onClick={onClick}\n      >\n        {icon && <i className={classnames(iconClass(undefined, icon), \"tw-tabs__button-icon\")} />}\n        <span className={\"tw-tabs__button-label\"}>{children}</span>\n        {after}\n      </button>\n      <div className={classnames(\"tw-tabs__button-border\", isActive ? \"-active\" : \"\")} />\n    </div>\n  );\n}\n\nexport interface TabsItemProps extends Record<string, any> {\n  label?: string;\n  icon?: string;\n}\n\nexport interface TabsProps extends Record<string, any> {\n  headerChildren?: any;\n  AddButton?: any;\n  current?: TabsItemProps;\n  items?: TabsItemProps[];\n  style?: any;\n  className?: string;\n  reverse?: boolean;\n  Button?: any;\n  onClick?: (item: TabsItemProps) => void;\n  i18n?: (f: string) => string;\n}\n\nexport function Tabs({\n  style,\n  current,\n  items = [],\n  children,\n  HeaderChildren,\n  AddButton,\n  Button = ButtonTab,\n  className,\n  onClick,\n  i18n = (f) => f,\n  ...additionalProps\n}: PropsWithChildren<TabsProps>) {\n  return (\n    <div data-testid={\"tabs-comp\"} className={`tw-tabs ${className}`} style={style}>\n      <div>\n        <nav className='tw-tabs__header'>\n          <div className='tw-tabs__header-wrapper'>\n            <div className='tw-tabs__header-border' />\n            {items\n              .filter((item) => item.label || item.icon)\n              .map((item, index) => {\n                return (\n                  <Button\n                    key={index}\n                    back={item.back}\n                    isActive={current?.action === item.action}\n                    exact={item.exact}\n                    onClick={() => {\n                      onClick && onClick(item);\n                    }}\n                    {...additionalProps}\n                    {...item}\n                  >\n                    {i18n(item.label || \"\")}\n                  </Button>\n                );\n              })}\n            {AddButton && <AddButton {...additionalProps} current={current} />}\n          </div>\n        </nav>\n        {HeaderChildren && <HeaderChildren {...additionalProps} current={current} />}\n      </div>\n      <div title={\"tab-body\"} className={\"tw-tabs__body\"}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":["ButtonTab","icon","back","onClick","isActive","reverse","children","className","after","jsxs","classnames","jsx","iconClass","Tabs","style","current","items","HeaderChildren","AddButton","Button","i18n","f","additionalProps","item","index"],"mappings":";;;AAKgB,SAAAA,EAAU,EAAE,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,OAAAC,KAAiC;AAEtH,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAWC,EAAW,2BAA2BN,IAAW,YAAY,IAAIF,IAAO,UAAU,IAAIK,CAAS;AAAA,MAE1G,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,WAAWC,EAAW,mBAAmBL,IAAU,aAAa,IAAID,IAAW,YAAY,IAAIF,IAAO,UAAU,EAAE;AAAA,YAClH,SAAAC;AAAA,YAEC,UAAA;AAAA,cAAQF,KAAA,gBAAAU,EAAC,OAAE,WAAWD,EAAWE,EAAU,QAAWX,CAAI,GAAG,sBAAsB,EAAG,CAAA;AAAA,cACtF,gBAAAU,EAAA,QAAA,EAAK,WAAW,yBAA0B,UAAAL,EAAS,CAAA;AAAA,cACnDE;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QACA,gBAAAG,EAAC,SAAI,WAAWD,EAAW,0BAA0BN,IAAW,YAAY,EAAE,EAAG,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnF;AAEJ;AAoBO,SAASS,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,UAAAV;AAAA,EACA,gBAAAW;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAASnB;AAAA,EACT,WAAAO;AAAA,EACA,SAAAJ;AAAA,EACA,MAAAiB,IAAO,CAACC,MAAMA;AAAA,EACd,GAAGC;AACL,GAAiC;AAE7B,SAAA,gBAAAb,EAAC,SAAI,eAAa,aAAa,WAAW,WAAWF,CAAS,IAAI,OAAAO,GAChE,UAAA;AAAA,IAAA,gBAAAL,EAAC,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAE,EAAC,SAAI,WAAU,mBACb,UAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,yBAAyB,CAAA;AAAA,QACvCK,EACE,OAAO,CAACO,MAASA,EAAK,SAASA,EAAK,IAAI,EACxC,IAAI,CAACA,GAAMC,MAER,gBAAAb;AAAA,UAACQ;AAAA,UAAA;AAAA,YAEC,MAAMI,EAAK;AAAA,YACX,WAAUR,KAAA,gBAAAA,EAAS,YAAWQ,EAAK;AAAA,YACnC,OAAOA,EAAK;AAAA,YACZ,SAAS,MAAM;AACb,cAAApB,KAAWA,EAAQoB,CAAI;AAAA,YACzB;AAAA,YACC,GAAGD;AAAA,YACH,GAAGC;AAAA,YAEH,UAAAH,EAAKG,EAAK,SAAS,EAAE;AAAA,UAAA;AAAA,UAVjBC;AAAA,QAWP,CAEH;AAAA,QACFN,KAAa,gBAAAP,EAACO,GAAW,EAAA,GAAGI,GAAiB,SAAAP,EAAkB,CAAA;AAAA,MAAA,EAAA,CAClE,EACF,CAAA;AAAA,MACCE,KAAkB,gBAAAN,EAACM,GAAgB,EAAA,GAAGK,GAAiB,SAAAP,EAAkB,CAAA;AAAA,IAAA,GAC5E;AAAA,sBACC,OAAI,EAAA,OAAO,YAAY,WAAW,iBAChC,UAAAT,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/organisms/form/Form.d.ts

@@ -0,0 +1,22 @@
+import { JSON } from '../../interfaces';
+import { UseFormProps } from './useForm';
+declare class CSSProperties {
+}
+export interface FormProps<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}> extends UseFormProps<Data> {
+    ["data-testid"]?: string;
+    /**
+     *
+     */
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Form<Data extends {
+    [key: string]: JSON;
+} = {
+    [key: string]: JSON;
+}>({ style, className, "data-testid": dataTestId, ...props }: Partial<FormProps<Data>>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/organisms/form/Form.js

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useForm as n } from "./useForm.js";
+function f({
+  style: r,
+  className: o,
+  "data-testid": e = "formio-container",
+  ...i
+}) {
+  const { element: m } = n(i);
+  return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("div", { "data-testid": e, style: r, className: o, ref: m }) });
+}
+export {
+  f as Form
+};
+//# sourceMappingURL=Form.js.map

package/dist/organisms/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../src/organisms/form/Form.tsx"],"sourcesContent":["import { JSON } from \"../../interfaces\";\nimport { useForm, UseFormProps } from \"./useForm\";\n\nclass CSSProperties {}\n\nexport interface FormProps<Data extends { [key: string]: JSON } = { [key: string]: JSON }> extends UseFormProps<Data> {\n  [\"data-testid\"]?: string;\n  /**\n   *\n   */\n  className?: string;\n\n  style?: CSSProperties;\n}\n\nexport function Form<Data extends { [key: string]: JSON } = { [key: string]: JSON }>({\n  style,\n  className,\n  \"data-testid\": dataTestId = \"formio-container\",\n  ...props\n}: Partial<FormProps<Data>>) {\n  const { element } = useForm<Data>(props);\n\n  return (\n    <div>\n      <div data-testid={dataTestId} style={style} className={className} ref={element} />\n    </div>\n  );\n}\n"],"names":["Form","style","className","dataTestId","props","element","useForm","jsx"],"mappings":";;AAeO,SAASA,EAAqE;AAAA,EACnF,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAeC,IAAa;AAAA,EAC5B,GAAGC;AACL,GAA6B;AAC3B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAcF,CAAK;AAGrC,SAAA,gBAAAG,EAAC,OACC,EAAA,UAAA,gBAAAA,EAAC,OAAI,EAAA,eAAaJ,GAAY,OAAAF,GAAc,WAAAC,GAAsB,KAAKG,EAAA,CAAS,EAClF,CAAA;AAEJ;"}

package/dist/{components/form-access/formAccess.component.d.ts → organisms/form/access/FormAccess.d.ts}

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-import { FormOptions, FormSchema } from '../../interfaces';
+import { FormOptions, FormType } from '../../../interfaces';
 export interface FormAccessProps {
-    form: Partial<FormSchema>;
+    form: Partial<FormType>;
     roles: any;
     onSubmit?: Function;
     options?: FormOptions;

package/dist/{components/form-access/formAccess.component.js → organisms/form/access/FormAccess.js}

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as e, Fragment as y } from "react/jsx-runtime";
 import { useMemo as f, useState as g, useCallback as A, useEffect as N } from "react";
-import { Card as d } from "../card/card.component.js";
-import { Form as v } from "../form/form.component.js";
-import { getFormAccess as S, dataAccessToSubmissions as b, updateSubmissions as x, shouldUpdate as p, submissionsToDataAccess as F } from "./formAccess.utils.js";
+import { Card as d } from "../../../molecules/card/Card.js";
+import { Form as v } from "../Form.js";
+import { getFormAccess as S, dataAccessToSubmissions as b, updateSubmissions as x, shouldUpdate as p, submissionsToDataAccess as F } from "./FormAccess.utils.js";
 function T({ form: s, roles: r, onSubmit: l, options: t }) {
   const o = f(() => S(r), [r]), [i, n] = g(() => b(s, o)), m = A(
     (c, h) => {
@@ -30,7 +30,6 @@ function w({ name: s, form: r, submissions: l, options: t, onChange: o, onSubmit
     /* @__PURE__ */ e(
       v,
       {
-        name: s,
         form: r[s],
         submission: l[s],
         onChange: ({ data: h, isValid: u }) => {
@@ -92,4 +91,4 @@ function O(s) {
 export {
   O as FormAccess
 };
-//# sourceMappingURL=formAccess.component.js.map
+//# sourceMappingURL=FormAccess.js.map

package/dist/organisms/form/access/FormAccess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormAccess.js","sources":["../../../../src/organisms/form/access/FormAccess.tsx"],"sourcesContent":["import { PropsWithChildren, useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport type { FormOptions, FormType, SubmissionType } from \"../../../interfaces\";\nimport { Card } from \"../../../molecules/card/Card\";\nimport { Form } from \"../../form/Form\";\nimport {\n  AccessRolesType,\n  dataAccessToSubmissions,\n  FormAccessType,\n  getFormAccess,\n  shouldUpdate,\n  SubmissionAccessType,\n  submissionsToDataAccess,\n  updateSubmissions\n} from \"./FormAccess.utils\";\n\nexport interface FormAccessProps {\n  form: Partial<FormType>;\n  roles: any;\n  onSubmit?: Function;\n  options?: FormOptions;\n}\n\nfunction useFormAccess({ form: formDefinition, roles, onSubmit, options }: FormAccessProps) {\n  const form = useMemo(() => getFormAccess(roles), [roles]);\n\n  const [submissions, setSubmissions] = useState(() => dataAccessToSubmissions(formDefinition, form));\n\n  const onChange = useCallback(\n    (type: string, submission: SubmissionType<AccessRolesType>) => {\n      updateSubmissions(type, submission, submissions, setSubmissions);\n    },\n    [submissions]\n  );\n\n  useEffect(() => {\n    const input = dataAccessToSubmissions(formDefinition, form);\n    if (formDefinition?._id) {\n      if (shouldUpdate(\"access\", submissions.access, input) || shouldUpdate(\"submissionAccess\", submissions.submissionAccess, input)) {\n        setSubmissions(input);\n      }\n    }\n  }, [formDefinition?._id]);\n\n  return {\n    options,\n    form,\n    type: formDefinition.type,\n    submissions,\n    onChange,\n    onSubmit: () => {\n      onSubmit && onSubmit(submissionsToDataAccess(formDefinition, submissions));\n    }\n  };\n}\n\ninterface NamedFormAccessProps {\n  name: \"access\" | \"submissionAccess\";\n  form: FormAccessType;\n  submissions: SubmissionAccessType;\n  options: any;\n  onSubmit: any;\n\n  onChange(name: \"access\" | \"submissionAccess\", submission: SubmissionType<AccessRolesType>): void;\n}\n\nfunction NamedFormAccess({ name, form, submissions, options, onChange, onSubmit, children }: PropsWithChildren<NamedFormAccessProps>) {\n  const [isValid, setIsValid] = useState(true);\n\n  return (\n    <>\n      <Form<AccessRolesType>\n        form={form[name]}\n        submission={submissions[name]}\n        onChange={({ data, isValid }) => {\n          isValid && onChange(name, { data: data as unknown as AccessRolesType });\n          setIsValid(isValid);\n        }}\n        options={options}\n      />\n\n      <button disabled={!isValid} className={\"mt-5 btn btn-primary\"} onClick={onSubmit}>\n        Save access\n      </button>\n\n      {children}\n\n      <div className={\"alert alert-warning mt-5\"}>\n        Elevated permissions allow users to access and modify other user's entities. Assign with caution.\n      </div>\n    </>\n  );\n}\n\nexport function FormAccess(props: PropsWithChildren<FormAccessProps>) {\n  const { type, form, submissions, options, onChange, onSubmit } = useFormAccess(props);\n\n  return (\n    <div>\n      {props.children}\n      <div className={\"flex mb-5\"}>\n        <Card label={\"Manage submission access\"} className={\"flex-1\"}>\n          <NamedFormAccess\n            name={\"submissionAccess\"}\n            form={form}\n            submissions={submissions}\n            onChange={onChange}\n            onSubmit={onSubmit}\n            options={options}\n          >\n            {props.children}\n          </NamedFormAccess>\n        </Card>\n        <div className={\"w-1/4 pl-4\"}>\n          <Card label={\"About Submission Data Permissions\"}>\n            <p>Submission Data Permissions allow you to control who can create, view, and modify form submission data.</p>\n\n            <ul className={\"mt-5 pl-7 list-disc\"}>\n              <li className={\"pb-2\"}>\n                <strong>Own Permissions</strong> - These permissions apply if the user is the original creator of the submission data and is\n                listed as the owner of the submission in submission.owner. This allows users to create and edit their own submission data\n                without seeing other user's data.\n              </li>\n              <li>\n                <strong>All Permissions</strong> - These permissions apply to all submission data regardless of who owns it.\n              </li>\n            </ul>\n          </Card>\n        </div>\n      </div>\n      <div className={\"flex mb-5\"}>\n        <Card label={`Manage ${type} definition access`} className={\"flex-1\"}>\n          <NamedFormAccess name={\"access\"} form={form} submissions={submissions} onChange={onChange} onSubmit={onSubmit} options={options}>\n            {props.children}\n          </NamedFormAccess>\n        </Card>\n\n        <div className={\"w-1/4 pl-4\"}>\n          <Card label={\"About Form Definition Access\"}>\n            <p>These permissions allow you to give access to a single form's JSON definition so they can render the form.</p>\n\n            <p>Typically you will want to allow all of your roles to be able to Read the form definition.</p>\n\n            <p>\n              Each form also has an owner at <strong>form.owner</strong> which is the user who created the form. In some applications users\n              are allowed to create their own forms. In those cases it is helpful to have Owner based permissions as well.\n            </p>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["useFormAccess","formDefinition","roles","onSubmit","options","form","useMemo","getFormAccess","submissions","setSubmissions","useState","dataAccessToSubmissions","onChange","useCallback","type","submission","updateSubmissions","useEffect","input","shouldUpdate","submissionsToDataAccess","NamedFormAccess","name","children","isValid","setIsValid","jsxs","Fragment","jsx","Form","data","FormAccess","props","Card"],"mappings":"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"}