@tsed/react-formio 3.0.0-rc.13 → 3.0.0-rc.14

package/dist/molecules/forms/select/Select.interface.d.ts

@@ -24,10 +24,6 @@ export interface SelectProps<Data = string> extends FormControlProps<Data, Selec
     searchEnabled?: boolean;
     customProperties?: Record<string, any>;
     options: (SelectOptionBaseProps<Data> | Omit<SelectOptionProps<Data>, "value">)[];
-    /**
-     * @deprecated
-     */
-    choices?: (SelectOptionBaseProps<Data> | Omit<SelectOptionProps<Data>, "value">)[];
 }
 export interface SelectSingle<Data = string> extends SelectProps<Data> {
     multiple?: false | undefined;

package/dist/molecules/table/all.js

@@ -1,6 +1,8 @@
 import "./components/DefaultFilter.js";
 import "./components/DefaultArrowSort.js";
 import "./components/DefaultCell.js";
+import "./components/DefaultBooleanCell.js";
+import "./components/DefaultDateCell.js";
 import "./components/DefaultCellOperations.js";
 import "./components/DefaultOperationButton.js";
 import "./components/DefaultCellHeader.js";

package/dist/molecules/table/all.js.map

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

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

@@ -0,0 +1,2 @@
+import { CellContext } from '@tanstack/react-table';
+export declare function DefaultCellBoolean<Data extends object>({ getValue, column: { columnDef } }: CellContext<Data, boolean>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+import { registerComponent as o } from "../../../registries/components.js";
+function l({ getValue: t, column: { columnDef: e } }) {
+  const n = t();
+  return /* @__PURE__ */ r("span", { children: String(n ? e.meta?.labels?.yes || "Yes" : e.meta?.labels?.No || "No") });
+}
+o("Cell.boolean", l);
+o("Cell.checkbox", l);
+export {
+  l as DefaultCellBoolean
+};
+//# sourceMappingURL=DefaultBooleanCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultBooleanCell.js","sources":["../../../../src/molecules/table/components/DefaultBooleanCell.tsx"],"sourcesContent":["import { CellContext } from \"@tanstack/react-table\";\n\nimport { registerComponent } from \"../../../registries/components\";\n\nexport function DefaultCellBoolean<Data extends object>({ getValue, column: { columnDef } }: CellContext<Data, boolean>) {\n  const value = getValue();\n  return <span>{String(value ? columnDef.meta?.labels?.[\"yes\"] || \"Yes\" : columnDef.meta?.labels?.[\"No\"] || \"No\")}</span>;\n}\n\nregisterComponent(\"Cell.boolean\", DefaultCellBoolean);\nregisterComponent(\"Cell.checkbox\", DefaultCellBoolean);\n"],"names":["DefaultCellBoolean","getValue","columnDef","value","registerComponent"],"mappings":";;AAIO,SAASA,EAAwC,EAAE,UAAAC,GAAU,QAAQ,EAAE,WAAAC,EAAA,KAA2C;AACvH,QAAMC,IAAQF,EAAA;AACd,2BAAQ,QAAA,EAAM,UAAA,OAAOE,IAAQD,EAAU,MAAM,QAAS,OAAU,QAAQA,EAAU,MAAM,QAAS,MAAS,IAAI,GAAE;AAClH;AAEAE,EAAkB,gBAAgBJ,CAAkB;AACpDI,EAAkB,iBAAiBJ,CAAkB;"}

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

@@ -1,14 +1,14 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { registerComponent as t } from "../../../registries/components.js";
-function l({ getValue: o, renderValue: i }) {
-  const e = o();
-  if (e === void 0)
-    return /* @__PURE__ */ n("span", {});
+function l({ getValue: i, renderValue: o }) {
   const r = i();
-  return r != null && e !== r ? /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: { __html: String(r) } }) : /* @__PURE__ */ n("span", { children: String(e) });
+  if (r === void 0)
+    return /* @__PURE__ */ e("span", {});
+  const n = o();
+  return n != null && r !== n ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: String(n) } }) : /* @__PURE__ */ e("span", { children: String(r) });
 }
 t("Cell", l);
-t("Cell.text", l);
+t("Cell.string", l);
 export {
   l as DefaultCell
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultCell.js","sources":["../../../../src/molecules/table/components/DefaultCell.tsx"],"sourcesContent":["import type { CellContext } from \"@tanstack/react-table\";\n\nimport { registerComponent } from \"../../../registries/components\";\n\nexport function DefaultCell<Data = any>({ getValue, renderValue }: CellContext<Data, any>): JSX.Element {\n  const value = getValue();\n  if (value === undefined) {\n    return <span></span>;\n  }\n\n  const rendered = renderValue();\n\n  if (rendered != null && value !== rendered) {\n    return <div dangerouslySetInnerHTML={{ __html: String(rendered) }} />;\n  }\n\n  return <span>{String(value)}</span>;\n}\n\nregisterComponent(\"Cell\", DefaultCell);\nregisterComponent(\"Cell.text\", DefaultCell);\n"],"names":["DefaultCell","getValue","renderValue","value","rendered","jsx","registerComponent"],"mappings":";;AAIO,SAASA,EAAwB,EAAE,UAAAC,GAAU,aAAAC,KAAoD;AACtG,QAAMC,IAAQF,EAAA;AACd,MAAIE,MAAU;AACZ,6BAAQ,QAAA,EAAK;AAGf,QAAMC,IAAWF,EAAA;AAEjB,SAAIE,KAAY,QAAQD,MAAUC,IACzB,gBAAAC,EAAC,SAAI,yBAAyB,EAAE,QAAQ,OAAOD,CAAQ,KAAK,IAG9D,gBAAAC,EAAC,QAAA,EAAM,UAAA,OAAOF,CAAK,GAAE;AAC9B;AAEAG,EAAkB,QAAQN,CAAW;AACrCM,EAAkB,aAAaN,CAAW;"}
+{"version":3,"file":"DefaultCell.js","sources":["../../../../src/molecules/table/components/DefaultCell.tsx"],"sourcesContent":["import type { CellContext } from \"@tanstack/react-table\";\n\nimport { registerComponent } from \"../../../registries/components\";\n\nexport function DefaultCell<Data = any>({ getValue, renderValue }: CellContext<Data, any>): JSX.Element {\n  const value = getValue();\n  if (value === undefined) {\n    return <span></span>;\n  }\n\n  const rendered = renderValue();\n\n  if (rendered != null && value !== rendered) {\n    return <div dangerouslySetInnerHTML={{ __html: String(rendered) }} />;\n  }\n\n  return <span>{String(value)}</span>;\n}\n\nregisterComponent(\"Cell\", DefaultCell);\nregisterComponent(\"Cell.string\", DefaultCell);\n"],"names":["DefaultCell","getValue","renderValue","value","rendered","jsx","registerComponent"],"mappings":";;AAIO,SAASA,EAAwB,EAAE,UAAAC,GAAU,aAAAC,KAAoD;AACtG,QAAMC,IAAQF,EAAA;AACd,MAAIE,MAAU;AACZ,6BAAQ,QAAA,EAAK;AAGf,QAAMC,IAAWF,EAAA;AAEjB,SAAIE,KAAY,QAAQD,MAAUC,IACzB,gBAAAC,EAAC,SAAI,yBAAyB,EAAE,QAAQ,OAAOD,CAAQ,KAAK,IAG9D,gBAAAC,EAAC,QAAA,EAAM,UAAA,OAAOF,CAAK,GAAE;AAC9B;AAEAG,EAAkB,QAAQN,CAAW;AACrCM,EAAkB,eAAeN,CAAW;"}

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

@@ -0,0 +1,2 @@
+import { CellContext } from '@tanstack/react-table';
+export declare function DefaultDateCell<Data extends object>({ getValue, column: { columnDef } }: CellContext<Data, string>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import { h as o } from "../../../chunks/moment.js";
+import { registerComponent as n } from "../../../registries/components.js";
+function a({ getValue: i, column: { columnDef: l } }) {
+  const e = i();
+  if (!e)
+    return /* @__PURE__ */ t("span", {});
+  const r = o.parseZone(e, o.ISO_8601, !0);
+  return r.isValid() ? /* @__PURE__ */ t("span", { children: r.format(l.meta?.format || "L") }) : /* @__PURE__ */ t("span", { children: String(e) });
+}
+n("Cell.date", a);
+n("Cell.datetime", a);
+export {
+  a as DefaultDateCell
+};
+//# sourceMappingURL=DefaultDateCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDateCell.js","sources":["../../../../src/molecules/table/components/DefaultDateCell.tsx"],"sourcesContent":["import { CellContext } from \"@tanstack/react-table\";\nimport moment from \"moment\";\n\nimport { registerComponent } from \"../../../registries/components\";\n\nexport function DefaultDateCell<Data extends object>({ getValue, column: { columnDef } }: CellContext<Data, string>) {\n  const value = getValue();\n\n  if (!value) {\n    return <span />;\n  }\n\n  const date = moment.parseZone(value, moment.ISO_8601, true);\n\n  if (!date.isValid()) {\n    return <span>{String(value)}</span>;\n  }\n\n  return <span>{date.format(columnDef.meta?.format || \"L\")}</span>;\n}\n\nregisterComponent(\"Cell.date\", DefaultDateCell);\nregisterComponent(\"Cell.datetime\", DefaultDateCell);\n"],"names":["DefaultDateCell","getValue","columnDef","value","date","moment","jsx","registerComponent"],"mappings":";;;AAKO,SAASA,EAAqC,EAAE,UAAAC,GAAU,QAAQ,EAAE,WAAAC,EAAA,KAA0C;AACnH,QAAMC,IAAQF,EAAA;AAEd,MAAI,CAACE;AACH,6BAAQ,QAAA,EAAK;AAGf,QAAMC,IAAOC,EAAO,UAAUF,GAAOE,EAAO,UAAU,EAAI;AAE1D,SAAKD,EAAK,YAIH,gBAAAE,EAAC,UAAM,UAAAF,EAAK,OAAOF,EAAU,MAAM,UAAU,GAAG,EAAA,CAAE,IAHhD,gBAAAI,EAAC,QAAA,EAAM,UAAA,OAAOH,CAAK,GAAE;AAIhC;AAEAI,EAAkB,aAAaP,CAAe;AAC9CO,EAAkB,iBAAiBP,CAAe;"}

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

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

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

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

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

@@ -1 +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;AACpF,QAAM;AAAA,IACJ,QAAAC,IAAS;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,EACX,IACEF,EAAO,OAAO,UAAU,QAAQ,CAAA,GAE9B,EAAE,SAASG,EAAA,IAAkBD,GAC7BE,IAASC,EAAyC,CAAC,UAAUL,EAAO,OAAO,EAAE,IAAI,UAAUG,CAAa,IAAI,aAAa,CAAC;AAEhI,SAAKC,IAOH,gBAAAE,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA,gBAAAA,EAACF,KAAO,QAAAJ,GAAgB,SAASE,GAAQ,MAAAD,EAAA,CAAY,EAAA,CACvD,KARA,QAAQ,KAAK,gCAAgCD,EAAO,OAAO,KAAK,kBAAkBG,IAAgB,GAAG,GAE9F;AAQX;AAEAI,EAAkB,UAAUR,CAAa;"}
+{"version":3,"file":"DefaultFilter.js","sources":["../../../../src/molecules/table/components/DefaultFilter.tsx"],"sourcesContent":["import \"../interfaces/extends\";\n\nimport { Header, RowData } from \"@tanstack/react-table\";\nimport type { ComponentType } from \"react\";\n\nimport { getComponent, registerComponent } from \"../../../registries/components\";\n\nexport interface DefaultFilterProps<Data extends RowData = any, TValue = unknown> {\n  header: Header<Data, TValue>;\n  i18n?: (f: string) => string;\n}\n\nexport interface FilterProps<Data extends RowData = any, Opts = Record<string, unknown>> extends DefaultFilterProps<Data> {\n  options: Opts;\n}\n\nexport function DefaultFilter<Data extends RowData = any, TValue = unknown>(props: DefaultFilterProps<Data, TValue>) {\n  const { header, i18n } = props;\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  if (filter.disabled) {\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","props","header","i18n","filter","filterVariant","Filter","getComponent","jsx","registerComponent"],"mappings":";;AAgBO,SAASA,EAA4DC,GAAyC;AACnH,QAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAA,IAASF,GACnB;AAAA,IACJ,QAAAG,IAAS;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,EACX,IACEF,EAAO,OAAO,UAAU,QAAQ,CAAA,GAE9B,EAAE,SAASG,EAAA,IAAkBD,GAC7BE,IAASC,EAAyC,CAAC,UAAUL,EAAO,OAAO,EAAE,IAAI,UAAUG,CAAa,IAAI,aAAa,CAAC;AAEhI,SAAKC,IAMDF,EAAO,WACF,OAIP,gBAAAI,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA,gBAAAA,EAACF,KAAO,QAAAJ,GAAgB,SAASE,GAAQ,MAAAD,EAAA,CAAY,EAAA,CACvD,KAZA,QAAQ,KAAK,gCAAgCD,EAAO,OAAO,KAAK,kBAAkBG,IAAgB,GAAG,GAE9F;AAYX;AAEAI,EAAkB,UAAUT,CAAa;"}

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

@@ -3,6 +3,9 @@ import { TdHTMLAttributes } from 'react';
 import { FilterOptions } from '../filters/Filters';
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData extends RowData, TValue> {
+        type?: "string" | "number" | "boolean" | "date" | string;
+        format?: string;
+        labels?: Record<string, string>;
         filter?: FilterOptions;
         sort?: string;
         cellProps?: TdHTMLAttributes<HTMLTableCellElement>;

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

@@ -1,38 +1,50 @@
-import { createColumnHelper as p } from "@tanstack/react-table";
-import { c as u } from "../../../chunks/cloneDeep.js";
-import { g as i } from "../../../chunks/_commonjsHelpers.js";
-import { r as f } from "../../../chunks/get.js";
+import { createColumnHelper as s } from "@tanstack/react-table";
+import { c as p } from "../../../chunks/cloneDeep.js";
+import { g as u } from "../../../chunks/_commonjsHelpers.js";
+import { r as i } from "../../../chunks/get.js";
 import { getComponent as d } from "../../../registries/components.js";
-var C = f();
-const g = /* @__PURE__ */ i(C), x = {
+var f = i();
+const y = /* @__PURE__ */ u(f), C = {
   number: "range",
   currency: "range",
   checkbox: "boolean"
+}, b = {
+  date: "date",
+  datetime: "date",
+  number: "number",
+  currency: "currency",
+  checkbox: "boolean"
 };
-function h(a, l = []) {
-  const c = p(), o = u(l), n = d("Cell");
+function P(a, m = []) {
+  const c = s(), r = p(m);
   return a.components.flatMap((e) => e.type === "tabs" ? e.components?.flatMap((t) => t.components) : [e]).filter((e) => e?.tableView).map((e) => {
-    const t = e, m = o.findIndex(({ accessorKey: s }) => s === `data.${t.key}`);
-    let r = o[m];
-    return r && o.splice(m, 1), c.accessor(`data.${t.key}`, {
+    const t = e, o = r.findIndex(({ accessorKey: l }) => l === `data.${t.key}`);
+    let n = r[o];
+    return n && r.splice(o, 1), c.accessor(`data.${t.key}`, {
       header: (t.label || t.title || t.key)?.replace(/:/, ""),
-      cell: n,
       meta: {
-        filter: { variant: x[t.type] || "text" },
-        ...r?.meta || {}
+        type: b[t.type] || t.type,
+        filter: {
+          ...n?.meta?.filter,
+          variant: C[t.type] || "text"
+        },
+        ...n?.meta || {}
       },
-      ...r || {}
+      ...n || {}
     });
-  }).concat(o).map((e, t) => ({
-    ...e,
-    meta: {
-      ...e.meta || {},
-      order: g(e, "meta.order", t * 10)
-    },
-    cell: e.cell || n
-  })).sort((e, t) => e.meta.order > t.meta.order ? 1 : -1);
+  }).concat(r).map((e, t) => {
+    const o = d([`Cell.${e.id}`, `Cell.${e.meta?.type}`, "Cell"]);
+    return {
+      ...e,
+      meta: {
+        ...e?.meta,
+        order: y(e, "meta.order", t * 10)
+      },
+      cell: e.cell || o
+    };
+  }).sort((e, t) => e.meta.order > t.meta.order ? 1 : -1);
 }
 export {
-  h as mapFormToColumns
+  P as mapFormToColumns
 };
 //# sourceMappingURL=mapFormToColumns.js.map

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

@@ -1 +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 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((c) => {\n      const component = c as ComponentType;\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: Cell,\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: column.cell || Cell\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","c","columnIndex","accessorKey","column","index","get","a","b"],"mappings":";;;;;;gCAWMA,IAA4C;AAAA,EAChD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,SAASC,EAA6BC,GAAgBC,IAA0C,IAA4B;AACjI,QAAMC,IAAeC,EAAA,GACfC,IAAgBC,EAAUJ,CAAO,GAEjCK,IAAOC,EAAiC,MAAM;AA4CpD,SA1C8BP,EAAK,WAChC,QAAQ,CAACQ,MACJA,EAAU,SAAS,SACdA,EAAU,YAAY,QAAQ,CAACC,MAAgCA,EAAa,UAAU,IAGxF,CAACD,CAAS,CAClB,EACA,OAAO,CAACA,MAAcA,GAAW,SAAS,EAC1C,IAAI,CAACE,MAAM;AACV,UAAMF,IAAYE,GAEZC,IAAcP,EAAc,UAAU,CAAC,EAAE,aAAAQ,QACtCA,MAAgB,QAAQJ,EAAU,GAAG,EAC7C;AAED,QAAIK,IAAST,EAAcO,CAAW;AAEtC,WAAIE,KACFT,EAAc,OAAOO,GAAa,CAAC,GAG9BT,EAAa,SAAS,QAAQM,EAAU,GAAG,IAAW;AAAA,MAC3D,SAASA,EAAU,SAASA,EAAU,SAASA,EAAU,MAAM,QAAQ,KAAK,EAAE;AAAA,MAC9E,MAAMF;AAAA,MACN,MAAM;AAAA,QACJ,QAAQ,EAAE,SAASR,EAAUU,EAAU,IAAK,KAAK,OAAA;AAAA,QACjD,GAAIK,GAAQ,QAAQ,CAAA;AAAA,MAAC;AAAA,MAEvB,GAAIA,KAAU,CAAA;AAAA,IAAC,CAChB;AAAA,EACH,CAAC,EAEyC,OAAOT,CAAsB,EAAE,IAAI,CAACS,GAAQC,OAAW;AAAA,IACjG,GAAGD;AAAA,IACH,MAAM;AAAA,MACJ,GAAIA,EAAO,QAAQ,CAAA;AAAA,MACnB,OAAOE,EAAIF,GAAQ,cAAcC,IAAQ,EAAE;AAAA,IAAA;AAAA,IAE7C,MAAMD,EAAO,QAAQP;AAAA,EAAA,EACrB,EAEmB,KAAK,CAACU,GAAGC,MAAOD,EAAE,KAAK,QAAQC,EAAE,KAAK,QAAQ,IAAI,EAAG;AAC5E;"}
+{"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 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_FILTER_TYPES: Record<string, FilterVariants> = {\n  number: \"range\",\n  currency: \"range\",\n  checkbox: \"boolean\"\n} as const;\n\nconst MAP_TYPES = {\n  date: \"date\",\n  datetime: \"date\",\n  number: \"number\",\n  currency: \"currency\",\n  checkbox: \"boolean\"\n} as const;\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 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((c) => {\n      const component = c as ComponentType;\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        meta: {\n          type: MAP_TYPES[component.type as keyof typeof MAP_TYPES] || component.type,\n          filter: {\n            ...column?.meta?.filter,\n            variant: MAP_FILTER_TYPES[component.type!] || \"text\"\n          },\n          ...(column?.meta || {})\n        },\n        ...(column || {})\n      });\n    });\n\n  const mergedColumns = columnsFromComponents.concat(columnsToKeep as any[]).map((column, index) => {\n    const Cell = getComponent<typeof DefaultCell>([`Cell.${column.id}`, `Cell.${column.meta?.type}`, \"Cell\"]);\n\n    return {\n      ...column,\n      meta: {\n        ...column?.meta,\n        order: get(column, \"meta.order\", index * 10)\n      },\n      cell: column.cell || Cell\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_FILTER_TYPES","MAP_TYPES","mapFormToColumns","form","columns","columnHelper","createColumnHelper","columnsToKeep","cloneDeep","component","subComponent","c","columnIndex","accessorKey","column","index","Cell","getComponent","get","a","b"],"mappings":";;;;;;gCAWMA,IAAmD;AAAA,EACvD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AACZ,GAEMC,IAAY;AAAA,EAChB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,SAASC,EAA6BC,GAAgBC,IAA0C,IAA4B;AACjI,QAAMC,IAAeC,EAAA,GACfC,IAAgBC,EAAUJ,CAAO;AAmDvC,SAjD8BD,EAAK,WAChC,QAAQ,CAACM,MACJA,EAAU,SAAS,SACdA,EAAU,YAAY,QAAQ,CAACC,MAAgCA,EAAa,UAAU,IAGxF,CAACD,CAAS,CAClB,EACA,OAAO,CAACA,MAAcA,GAAW,SAAS,EAC1C,IAAI,CAACE,MAAM;AACV,UAAMF,IAAYE,GAEZC,IAAcL,EAAc,UAAU,CAAC,EAAE,aAAAM,QACtCA,MAAgB,QAAQJ,EAAU,GAAG,EAC7C;AAED,QAAIK,IAASP,EAAcK,CAAW;AAEtC,WAAIE,KACFP,EAAc,OAAOK,GAAa,CAAC,GAG9BP,EAAa,SAAS,QAAQI,EAAU,GAAG,IAAW;AAAA,MAC3D,SAASA,EAAU,SAASA,EAAU,SAASA,EAAU,MAAM,QAAQ,KAAK,EAAE;AAAA,MAC9E,MAAM;AAAA,QACJ,MAAMR,EAAUQ,EAAU,IAA8B,KAAKA,EAAU;AAAA,QACvE,QAAQ;AAAA,UACN,GAAGK,GAAQ,MAAM;AAAA,UACjB,SAASd,EAAiBS,EAAU,IAAK,KAAK;AAAA,QAAA;AAAA,QAEhD,GAAIK,GAAQ,QAAQ,CAAA;AAAA,MAAC;AAAA,MAEvB,GAAIA,KAAU,CAAA;AAAA,IAAC,CAChB;AAAA,EACH,CAAC,EAEyC,OAAOP,CAAsB,EAAE,IAAI,CAACO,GAAQC,MAAU;AAChG,UAAMC,IAAOC,EAAiC,CAAC,QAAQH,EAAO,EAAE,IAAI,QAAQA,EAAO,MAAM,IAAI,IAAI,MAAM,CAAC;AAExG,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,MAAM;AAAA,QACJ,GAAGA,GAAQ;AAAA,QACX,OAAOI,EAAIJ,GAAQ,cAAcC,IAAQ,EAAE;AAAA,MAAA;AAAA,MAE7C,MAAMD,EAAO,QAAQE;AAAA,IAAA;AAAA,EAEzB,CAAC,EAEoB,KAAK,CAACG,GAAGC,MAAOD,EAAE,KAAK,QAAQC,EAAE,KAAK,QAAQ,IAAI,EAAG;AAC5E;"}

package/dist/organisms/table/forms/components/FormsCell.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import { c as t } from "../../../../chunks/index.js";
-import { h as m } from "../../../../chunks/index2.js";
+import { h as m } from "../../../../chunks/moment.js";
 import { registerComponent as c } from "../../../../registries/components.js";
 import { iconClass as r } from "../../../../utils/iconClass.js";
 import { stopPropagationWrapper as n } from "../../../../utils/stopPropagationWrapper.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsed/react-formio",
-  "version": "3.0.0-rc.13",
+  "version": "3.0.0-rc.14",
   "description": "Provide a react formio wrapper. Written in TypeScript.",
   "type": "module",
   "main": "./dist/index.js",
@@ -44,8 +44,8 @@
   },
   "devDependencies": {
     "@tanstack/react-table": ">=8.20.6",
-    "@tsed/tailwind-formio": "3.0.0-rc.13",
-    "@tsed/typescript": "3.0.0-rc.13",
+    "@tsed/tailwind-formio": "3.0.0-rc.14",
+    "@tsed/typescript": "3.0.0-rc.14",
     "microbundle": "0.13.0",
     "vite": "7.1.5",
     "vitest": "3.2.4"

package/src/all.ts

@@ -25,6 +25,8 @@ import "./molecules/forms/input-tags/InputTags.interface";
 import "./molecules/table/components/DefaultFilter";
 import "./molecules/table/components/DefaultArrowSort";
 import "./molecules/table/components/DefaultCell";
+import "./molecules/table/components/DefaultBooleanCell";
+import "./molecules/table/components/DefaultDateCell";
 import "./molecules/table/components/DefaultCellOperations";
 import "./molecules/table/components/DefaultOperationButton";
 import "./molecules/table/components/DefaultCellHeader";

package/src/molecules/forms/select/Select.interface.ts

@@ -28,10 +28,6 @@ export interface SelectProps<Data = string> extends FormControlProps<Data, Selec
   searchEnabled?: boolean;
   customProperties?: Record<string, any>;
   options: (SelectOptionBaseProps<Data> | Omit<SelectOptionProps<Data>, "value">)[];
-  /**
-   * @deprecated
-   */
-  choices?: (SelectOptionBaseProps<Data> | Omit<SelectOptionProps<Data>, "value">)[];
 }
 
 export interface SelectSingle<Data = string> extends SelectProps<Data> {

package/src/molecules/table/all.ts

@@ -1,6 +1,8 @@
 import "./components/DefaultFilter";
 import "./components/DefaultArrowSort";
 import "./components/DefaultCell";
+import "./components/DefaultBooleanCell";
+import "./components/DefaultDateCell";
 import "./components/DefaultCellOperations";
 import "./components/DefaultOperationButton";
 import "./components/DefaultCellHeader";

package/src/molecules/table/components/DefaultBooleanCell.spec.tsx

@@ -0,0 +1,42 @@
+import { render, screen } from "@testing-library/react";
+
+import { DefaultCellBoolean } from "./DefaultBooleanCell";
+
+function createCellContext(value: boolean, labels?: Record<string, string>) {
+  return {
+    getValue: () => value,
+    column: {
+      columnDef: {
+        meta: {
+          labels
+        }
+      }
+    }
+  } as any;
+}
+
+describe("DefaultCellBoolean", () => {
+  it("should render the default yes label for true values", () => {
+    render(<DefaultCellBoolean {...createCellContext(true)} />);
+
+    expect(screen.getByText("Yes", { selector: "span" })).toBeInTheDocument();
+  });
+
+  it("should render the default no label for false values", () => {
+    render(<DefaultCellBoolean {...createCellContext(false)} />);
+
+    expect(screen.getByText("No", { selector: "span" })).toBeInTheDocument();
+  });
+
+  it("should render custom labels from column metadata", () => {
+    render(<DefaultCellBoolean {...createCellContext(true, { yes: "Enabled", No: "Disabled" })} />);
+
+    expect(screen.getByText("Enabled", { selector: "span" })).toBeInTheDocument();
+  });
+
+  it("should render the custom false label from column metadata", () => {
+    render(<DefaultCellBoolean {...createCellContext(false, { yes: "Enabled", No: "Disabled" })} />);
+
+    expect(screen.getByText("Disabled", { selector: "span" })).toBeInTheDocument();
+  });
+});

package/src/molecules/table/components/DefaultBooleanCell.tsx

@@ -0,0 +1,11 @@
+import { CellContext } from "@tanstack/react-table";
+
+import { registerComponent } from "../../../registries/components";
+
+export function DefaultCellBoolean<Data extends object>({ getValue, column: { columnDef } }: CellContext<Data, boolean>) {
+  const value = getValue();
+  return <span>{String(value ? columnDef.meta?.labels?.["yes"] || "Yes" : columnDef.meta?.labels?.["No"] || "No")}</span>;
+}
+
+registerComponent("Cell.boolean", DefaultCellBoolean);
+registerComponent("Cell.checkbox", DefaultCellBoolean);

package/src/molecules/table/components/DefaultCell.tsx

@@ -18,4 +18,4 @@ export function DefaultCell<Data = any>({ getValue, renderValue }: CellContext<D
 }
 
 registerComponent("Cell", DefaultCell);
-registerComponent("Cell.text", DefaultCell);
+registerComponent("Cell.string", DefaultCell);

package/src/molecules/table/components/DefaultDateCell.spec.tsx

@@ -0,0 +1,43 @@
+import { render, screen } from "@testing-library/react";
+
+import { DefaultDateCell } from "./DefaultDateCell";
+
+function createCellContext(value: string | undefined, format?: string) {
+  return {
+    getValue: () => value,
+    column: {
+      columnDef: {
+        meta: {
+          format
+        }
+      }
+    }
+  } as any;
+}
+
+describe("DefaultDateCell", () => {
+  it("should render an empty span when value is undefined", () => {
+    render(<DefaultDateCell {...createCellContext(undefined)} />);
+
+    expect(screen.getByText("", { selector: "span" })).toBeInTheDocument();
+    expect(screen.queryByText(/.+/)).not.toBeInTheDocument();
+  });
+
+  it("should render the formatted date with the default format", () => {
+    render(<DefaultDateCell {...createCellContext("2026-03-12T10:30:00.000Z")} />);
+
+    expect(screen.getByText("03/12/2026", { selector: "span" })).toBeInTheDocument();
+  });
+
+  it("should render the formatted date with a custom format", () => {
+    render(<DefaultDateCell {...createCellContext("2026-03-12T10:30:00.000Z", "YYYY-MM-DD HH:mm")} />);
+
+    expect(screen.getByText("2026-03-12 10:30", { selector: "span" })).toBeInTheDocument();
+  });
+
+  it("should fallback to the raw value when the date is invalid", () => {
+    render(<DefaultDateCell {...createCellContext("not-a-date")} />);
+
+    expect(screen.getByText("not-a-date", { selector: "span" })).toBeInTheDocument();
+  });
+});

package/src/molecules/table/components/DefaultDateCell.tsx

@@ -0,0 +1,23 @@
+import { CellContext } from "@tanstack/react-table";
+import moment from "moment";
+
+import { registerComponent } from "../../../registries/components";
+
+export function DefaultDateCell<Data extends object>({ getValue, column: { columnDef } }: CellContext<Data, string>) {
+  const value = getValue();
+
+  if (!value) {
+    return <span />;
+  }
+
+  const date = moment.parseZone(value, moment.ISO_8601, true);
+
+  if (!date.isValid()) {
+    return <span>{String(value)}</span>;
+  }
+
+  return <span>{date.format(columnDef.meta?.format || "L")}</span>;
+}
+
+registerComponent("Cell.date", DefaultDateCell);
+registerComponent("Cell.datetime", DefaultDateCell);

package/src/molecules/table/components/DefaultFilter.tsx

@@ -1,22 +1,21 @@
 import "../interfaces/extends";
 
-import { Header } from "@tanstack/react-table";
+import { Header, RowData } from "@tanstack/react-table";
 import type { ComponentType } from "react";
 
 import { getComponent, registerComponent } from "../../../registries/components";
 
-export interface DefaultFilterProps<Data = any> {
-  header: Header<Data, unknown>;
+export interface DefaultFilterProps<Data extends RowData = any, TValue = unknown> {
+  header: Header<Data, TValue>;
   i18n?: (f: string) => string;
 }
 
-export interface FilterProps<Data = any, Opts = Record<string, unknown>> {
-  header: Header<Data, unknown>;
+export interface FilterProps<Data extends RowData = any, Opts = Record<string, unknown>> extends DefaultFilterProps<Data> {
   options: Opts;
-  i18n?: (f: string) => string;
 }
 
-export function DefaultFilter<Data = any>({ header, i18n }: DefaultFilterProps<Data>) {
+export function DefaultFilter<Data extends RowData = any, TValue = unknown>(props: DefaultFilterProps<Data, TValue>) {
+  const { header, i18n } = props;
   const {
     filter = {
       variant: "text"
@@ -32,6 +31,10 @@ export function DefaultFilter<Data = any>({ header, i18n }: DefaultFilterProps<D
     return null;
   }
 
+  if (filter.disabled) {
+    return null;
+  }
+
   return (
     <div className='table-cell-header__filter'>
       <Filter header={header} options={filter} i18n={i18n} />

package/src/molecules/table/filters/Filters.d.ts

@@ -8,6 +8,7 @@ export interface FilterBaseOptions extends Record<string, unknown> {
 
 export interface FilterTextOptions extends FilterBaseOptions {
   variant: "text";
+  disabled?: boolean;
   disableDatalist?: boolean;
 }
 

package/src/molecules/table/interfaces/extends.ts

@@ -7,6 +7,9 @@ declare module "@tanstack/react-table" {
   //allows us to define custom properties for our columns
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   interface ColumnMeta<TData extends RowData, TValue> {
+    type?: "string" | "number" | "boolean" | "date" | string;
+    format?: string;
+    labels?: Record<string, string>;
     filter?: FilterOptions;
     sort?: string;
     cellProps?: TdHTMLAttributes<HTMLTableCellElement>;

package/src/molecules/table/utils/mapFormToColumns.spec.tsx

@@ -1,4 +1,5 @@
 import { DefaultCell } from "../components/DefaultCell";
+import { DefaultDateCell } from "../components/DefaultDateCell";
 import { mapFormToColumns } from "./mapFormToColumns";
 
 describe("mapFormToColumns", () => {
@@ -32,4 +33,23 @@ describe("mapFormToColumns", () => {
     expect(column.accessorKey).toEqual("data.other");
     expect(column.cell).toBe(DefaultCell);
   });
+
+  it("should use DefaultDateCell for mapped datetime columns", () => {
+    const form = {
+      components: [
+        {
+          type: "datetime",
+          key: "createdAt",
+          label: "Created at:",
+          tableView: true
+        }
+      ]
+    } as any;
+
+    const [column] = mapFormToColumns(form) as any[];
+
+    expect(column.accessorKey).toEqual("data.createdAt");
+    expect(column.meta.type).toEqual("date");
+    expect(column.cell).toBe(DefaultDateCell);
+  });
 });