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

package/dist/chunks/toString.js

@@ -0,0 +1,56 @@
+import { a as q, b as p, c as T, d } from "./_baseClone.js";
+var s, g;
+function _() {
+  if (g) return s;
+  g = 1;
+  var t = q(), r = p(), n = "[object Symbol]";
+  function i(e) {
+    return typeof e == "symbol" || r(e) && t(e) == n;
+  }
+  return s = i, s;
+}
+var u, c;
+function h() {
+  if (c) return u;
+  c = 1;
+  function t(r, n) {
+    for (var i = -1, e = r == null ? 0 : r.length, o = Array(e); ++i < e; )
+      o[i] = n(r[i], i, r);
+    return o;
+  }
+  return u = t, u;
+}
+var b, m;
+function v() {
+  if (m) return b;
+  m = 1;
+  var t = T(), r = h(), n = d(), i = _(), e = t ? t.prototype : void 0, o = e ? e.toString : void 0;
+  function y(a) {
+    if (typeof a == "string")
+      return a;
+    if (n(a))
+      return r(a, y) + "";
+    if (i(a))
+      return o ? o.call(a) : "";
+    var S = a + "";
+    return S == "0" && 1 / a == -1 / 0 ? "-0" : S;
+  }
+  return b = y, b;
+}
+var f, l;
+function M() {
+  if (l) return f;
+  l = 1;
+  var t = v();
+  function r(n) {
+    return n == null ? "" : t(n);
+  }
+  return f = r, f;
+}
+export {
+  M as a,
+  h as b,
+  v as c,
+  _ as r
+};
+//# sourceMappingURL=toString.js.map

package/dist/chunks/toString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toString.js","sources":["../../../../node_modules/lodash/isSymbol.js","../../../../node_modules/lodash/_arrayMap.js","../../../../node_modules/lodash/_baseToString.js","../../../../node_modules/lodash/toString.js"],"sourcesContent":["var baseGetTag = require('./_baseGetTag'),\n    isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","/**\n * A specialized version of `_.map` for arrays without support for iteratee\n * shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n */\nfunction arrayMap(array, iteratee) {\n  var index = -1,\n      length = array == null ? 0 : array.length,\n      result = Array(length);\n\n  while (++index < length) {\n    result[index] = iteratee(array[index], index, array);\n  }\n  return result;\n}\n\nmodule.exports = arrayMap;\n","var Symbol = require('./_Symbol'),\n    arrayMap = require('./_arrayMap'),\n    isArray = require('./isArray'),\n    isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0;\n\n/** Used to convert symbols to primitives and strings. */\nvar symbolProto = Symbol ? Symbol.prototype : undefined,\n    symbolToString = symbolProto ? symbolProto.toString : undefined;\n\n/**\n * The base implementation of `_.toString` which doesn't convert nullish\n * values to empty strings.\n *\n * @private\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n */\nfunction baseToString(value) {\n  // Exit early for strings to avoid a performance hit in some environments.\n  if (typeof value == 'string') {\n    return value;\n  }\n  if (isArray(value)) {\n    // Recursively convert values (susceptible to call stack limits).\n    return arrayMap(value, baseToString) + '';\n  }\n  if (isSymbol(value)) {\n    return symbolToString ? symbolToString.call(value) : '';\n  }\n  var result = (value + '');\n  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\nmodule.exports = baseToString;\n","var baseToString = require('./_baseToString');\n\n/**\n * Converts `value` to a string. An empty string is returned for `null`\n * and `undefined` values. The sign of `-0` is preserved.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n * @example\n *\n * _.toString(null);\n * // => ''\n *\n * _.toString(-0);\n * // => '-0'\n *\n * _.toString([1, 2, 3]);\n * // => '1,2,3'\n */\nfunction toString(value) {\n  return value == null ? '' : baseToString(value);\n}\n\nmodule.exports = toString;\n"],"names":["baseGetTag","require$$0","isObjectLike","require$$1","symbolTag","isSymbol","value","isSymbol_1","arrayMap","array","iteratee","index","length","result","_arrayMap","Symbol","isArray","require$$2","require$$3","symbolProto","symbolToString","baseToString","_baseToString","toString","toString_1"],"mappings":";;;;;AAAA,MAAIA,IAAaC,EAAA,GACbC,IAAeC,EAAA,GAGfC,IAAY;AAmBhB,WAASC,EAASC,GAAO;AACvB,WAAO,OAAOA,KAAS,YACpBJ,EAAaI,CAAK,KAAKN,EAAWM,CAAK,KAAKF;AAAA,EACjD;AAEA,SAAAG,IAAiBF;;;;;;ACnBjB,WAASG,EAASC,GAAOC,GAAU;AAKjC,aAJIC,IAAQ,IACRC,IAASH,KAAS,OAAO,IAAIA,EAAM,QACnCI,IAAS,MAAMD,CAAM,GAElB,EAAED,IAAQC;AACf,MAAAC,EAAOF,CAAK,IAAID,EAASD,EAAME,CAAK,GAAGA,GAAOF,CAAK;AAErD,WAAOI;AAAA,EACT;AAEA,SAAAC,IAAiBN;;;;;;ACpBjB,MAAIO,IAASd,EAAA,GACTO,IAAWL,EAAA,GACXa,IAAUC,EAAA,GACVZ,IAAWa,EAAA,GAMXC,IAAcJ,IAASA,EAAO,YAAY,QAC1CK,IAAiBD,IAAcA,EAAY,WAAW;AAU1D,WAASE,EAAaf,GAAO;AAE3B,QAAI,OAAOA,KAAS;AAClB,aAAOA;AAET,QAAIU,EAAQV,CAAK;AAEf,aAAOE,EAASF,GAAOe,CAAY,IAAI;AAEzC,QAAIhB,EAASC,CAAK;AAChB,aAAOc,IAAiBA,EAAe,KAAKd,CAAK,IAAI;AAEvD,QAAIO,IAAUP,IAAQ;AACtB,WAAQO,KAAU,OAAQ,IAAIP,KAAU,SAAa,OAAOO;AAAA,EAC9D;AAEA,SAAAS,IAAiBD;;;;;;ACpCjB,MAAIA,IAAepB,EAAA;AAuBnB,WAASsB,EAASjB,GAAO;AACvB,WAAOA,KAAS,OAAO,KAAKe,EAAaf,CAAK;AAAA,EAChD;AAEA,SAAAkB,IAAiBD;;","x_google_ignoreList":[0,1,2,3]}

package/dist/interfaces/index.d.ts

@@ -5,6 +5,5 @@ export * from './FormBuilderOptions';
 export * from './FormOptions';
 export * from './FormType';
 export * from './Operation';
-export * from './QueryOptions';
 export * from './RoleType';
 export * from './SubmissionType';

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

@@ -1,5 +1,2 @@
-export interface DefaultCellProps<Data = any> {
-    value: Data;
-    render?: (value: Data) => any;
-}
-export declare function DefaultCell<Data = any>({ value, render }: DefaultCellProps<Data>): JSX.Element;
+import { CellContext } from '@tanstack/react-table';
+export declare function DefaultCell<Data = any>({ getValue, renderValue }: CellContext<Data, any>): JSX.Element;

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

@@ -1,13 +1,15 @@
-import { jsx as e } from "react/jsx-runtime";
-import { registerComponent as o } from "../../../registries/components.js";
-function i({ value: r, render: t = (n) => n }) {
-  if (r === void 0)
-    return /* @__PURE__ */ e("span", {});
-  const n = t(r);
-  return r !== n ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: n } }) : /* @__PURE__ */ e("span", { children: String(r) });
+import { jsx as n } 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", {});
+  const r = i();
+  return r != null && e !== r ? /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: { __html: String(r) } }) : /* @__PURE__ */ n("span", { children: String(e) });
 }
-o("Cell", i);
+t("Cell", l);
+t("Cell.text", l);
 export {
-  i as DefaultCell
+  l as DefaultCell
 };
 //# sourceMappingURL=DefaultCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultCell.js","sources":["../../../../src/molecules/table/components/DefaultCell.tsx"],"sourcesContent":["import { registerComponent } from \"../../../registries/components\";\n\nexport interface DefaultCellProps<Data = any> {\n  value: Data;\n  render?: (value: Data) => any;\n}\n\nexport function DefaultCell<Data = any>({ value, render = (f: any) => f }: DefaultCellProps<Data>): JSX.Element {\n  if (value === undefined) {\n    return <span></span>;\n  }\n\n  const rendered = render(value);\n\n  if (value !== rendered) {\n    return <div dangerouslySetInnerHTML={{ __html: rendered }} />;\n  }\n\n  return <span>{String(value)}</span>;\n}\n\nregisterComponent(\"Cell\", DefaultCell);\n"],"names":["DefaultCell","value","render","f","rendered","jsx","registerComponent"],"mappings":";;AAOO,SAASA,EAAwB,EAAE,OAAAC,GAAO,QAAAC,IAAS,CAACC,MAAWA,KAA0C;AAC9G,MAAIF,MAAU;AACZ,6BAAQ,QAAA,EAAK;AAGf,QAAMG,IAAWF,EAAOD,CAAK;AAE7B,SAAIA,MAAUG,sBACJ,OAAA,EAAI,yBAAyB,EAAE,QAAQA,KAAY,IAGtD,gBAAAC,EAAC,QAAA,EAAM,UAAA,OAAOJ,CAAK,GAAE;AAC9B;AAEAK,EAAkB,QAAQN,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.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;"}

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

@@ -1,28 +1,29 @@
-import { jsx as o, Fragment as u } from "react/jsx-runtime";
+import { jsx as o, Fragment as s } 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: t, options: e }) {
-  const n = p("Select"), i = t.column.getFilterValue(), c = f({ header: t, filterVariant: "text" }), r = e.layout === "choicesjs" ? {
+  const n = p("Select"), i = t.column.getFilterValue(), c = f({ header: t, filterVariant: "text" }), m = e.layout === "choicesjs" ? {
     placeholder: void 0
   } : {
     placeholder: `Filter by ${t.column.columnDef.header}`
-  }, m = [
+  }, r = [
     {
       label: `Filter by ${t.column.columnDef.header}`,
       value: ""
     }
   ].concat(e.options || c.map((l) => ({ label: l, value: l })));
-  return /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(
     n,
     {
       size: "small",
       ...e,
-      ...r,
-      options: m,
+      ...m,
+      autoComplete: "off",
+      options: r,
       name: `filter_${t.column.id}`,
       "data-testid": `filter_${t.column.id}`,
       value: i,
-      onChange: (l, s) => t.column.setFilterValue(s)
+      onChange: (l, u) => t.column.setFilterValue(u)
     }
   ) });
 }

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

@@ -1 +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\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;AACpG,QAAMC,IAASC,EAAmC,QAAQ,GACpDC,IAAoBJ,EAAO,OAAO,eAAA,GAClCK,IAAaC,EAAoB,EAAE,QAAAN,GAAQ,eAAe,QAAQ,GAElEO,IACJN,EAAQ,WAAW,cACf;AAAA,IACE,aAAa;AAAA,EAAA,IAEf;AAAA,IACE,aAAa,aAAaD,EAAO,OAAO,UAAU,MAAM;AAAA,EAAA,GAG1DQ,IACJ;AAAA,IACE;AAAA,MACE,OAAO,aAAaR,EAAO,OAAO,UAAU,MAAM;AAAA,MAClD,OAAO;AAAA,IAAA;AAAA,EACT,EAEF,OAAOC,EAAQ,WAAWI,EAAW,IAAI,CAACI,OAAgB,EAAE,OAAOA,GAAO,OAAAA,EAAA,EAAQ,CAAC;AAErF,SACE,gBAAAC,EAAAC,GAAA,EACE,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;"}
+{"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\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        autoComplete='off'\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;AACpG,QAAMC,IAASC,EAAmC,QAAQ,GACpDC,IAAoBJ,EAAO,OAAO,eAAA,GAClCK,IAAaC,EAAoB,EAAE,QAAAN,GAAQ,eAAe,QAAQ,GAElEO,IACJN,EAAQ,WAAW,cACf;AAAA,IACE,aAAa;AAAA,EAAA,IAEf;AAAA,IACE,aAAa,aAAaD,EAAO,OAAO,UAAU,MAAM;AAAA,EAAA,GAG1DQ,IACJ;AAAA,IACE;AAAA,MACE,OAAO,aAAaR,EAAO,OAAO,UAAU,MAAM;AAAA,MAClD,OAAO;AAAA,IAAA;AAAA,EACT,EAEF,OAAOC,EAAQ,WAAWI,EAAW,IAAI,CAACI,OAAgB,EAAE,OAAOA,GAAO,OAAAA,EAAA,EAAQ,CAAC;AAErF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA,gBAAAD;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACJ,GAAID;AAAA,MACJ,GAAGM;AAAA,MACJ,cAAa;AAAA,MACb,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/utils/mapFormToColumns.js

@@ -1,39 +1,38 @@
-import { jsx as s } from "react/jsx-runtime";
-import { r as f, c as d } from "../../../chunks/index2.js";
-import { createColumnHelper as g } from "@tanstack/react-table";
-import { c as C } from "../../../chunks/cloneDeep.js";
-import { g as x } from "../../../chunks/_commonjsHelpers.js";
-import { getComponent as b } from "../../../registries/components.js";
-var y = f();
-const k = /* @__PURE__ */ x(y), v = {
+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 { getComponent as d } from "../../../registries/components.js";
+var C = f();
+const g = /* @__PURE__ */ i(C), x = {
   number: "range",
   currency: "range",
   checkbox: "boolean"
 };
-function H(c, p = []) {
-  const u = g(), r = C(p), l = b("Cell");
-  return c.components.flatMap((e) => e.type === "tabs" ? e.components?.flatMap((t) => t.components) : [e]).filter((e) => e?.tableView).map((e) => {
-    const t = e, n = d.Components.create(t, {}, null), o = r.findIndex(({ accessorKey: m }) => m === `data.${t.key}`);
-    let a = r[o];
-    return a && r.splice(o, 1), u.accessor(`data.${t.key}`, {
+function h(a, l = []) {
+  const c = p(), o = u(l), n = d("Cell");
+  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}`, {
       header: (t.label || t.title || t.key)?.replace(/:/, ""),
-      cell: (m) => /* @__PURE__ */ s(l, { value: m.getValue(), render: (i) => n.asString(i) }),
+      cell: n,
       meta: {
-        filter: { variant: v[t.type] || "text" },
-        ...a?.meta || {}
+        filter: { variant: x[t.type] || "text" },
+        ...r?.meta || {}
       },
-      ...a || {}
+      ...r || {}
     });
-  }).concat(r).map((e, t) => ({
+  }).concat(o).map((e, t) => ({
     ...e,
     meta: {
       ...e.meta || {},
-      order: k(e, "meta.order", t * 10)
+      order: g(e, "meta.order", t * 10)
     },
-    cell: e.cell || ((n) => /* @__PURE__ */ s(l, { value: n.getValue(), render: (o) => o }))
+    cell: e.cell || n
   })).sort((e, t) => e.meta.order > t.meta.order ? 1 : -1);
 }
 export {
-  H as mapFormToColumns
+  h 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 { Components } from \"@formio/js\";\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      const cmp: any = Components.create(component, {}, null);\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","c","cmp","Components","columnIndex","accessorKey","column","info","jsx","value","index","get","a","b"],"mappings":";;;;;;;gCAYMA,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;AAmDpD,SAjD8BP,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,GACZC,IAAWC,EAAAA,WAAW,OAAOJ,GAAW,CAAA,GAAI,IAAI,GAEhDK,IAAcT,EAAc,UAAU,CAAC,EAAE,aAAAU,QACtCA,MAAgB,QAAQN,EAAU,GAAG,EAC7C;AAED,QAAIO,IAASX,EAAcS,CAAW;AAEtC,WAAIE,KACFX,EAAc,OAAOS,GAAa,CAAC,GAG9BX,EAAa,SAAS,QAAQM,EAAU,GAAG,IAAW;AAAA,MAC3D,SAASA,EAAU,SAASA,EAAU,SAASA,EAAU,MAAM,QAAQ,KAAK,EAAE;AAAA,MAC9E,MAAM,CAACQ,MACE,gBAAAC,EAACX,GAAA,EAAK,OAAOU,EAAK,SAAA,GAAoB,QAAQ,CAACE,MAAgBP,EAAI,SAASO,CAAK,EAAA,CAAG;AAAA,MAE7F,MAAM;AAAA,QACJ,QAAQ,EAAE,SAASpB,EAAUU,EAAU,IAAK,KAAK,OAAA;AAAA,QACjD,GAAIO,GAAQ,QAAQ,CAAA;AAAA,MAAC;AAAA,MAEvB,GAAIA,KAAU,CAAA;AAAA,IAAC,CAChB;AAAA,EACH,CAAC,EAEyC,OAAOX,CAAsB,EAAE,IAAI,CAACW,GAAQI,OAAW;AAAA,IACjG,GAAGJ;AAAA,IACH,MAAM;AAAA,MACJ,GAAIA,EAAO,QAAQ,CAAA;AAAA,MACnB,OAAOK,EAAIL,GAAQ,cAAcI,IAAQ,EAAE;AAAA,IAAA;AAAA,IAE7C,MACEJ,EAAO,SACN,CAACC,MACO,gBAAAC,EAACX,KAAK,OAAOU,EAAK,YAAoB,QAAQ,CAACE,MAAgBA,GAAO;AAAA,EAC/E,EACF,EAEmB,KAAK,CAACG,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_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;"}

package/dist/organisms/form/actions/FormAction.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as l } from "react/jsx-runtime";
 import { g as f } from "../../../chunks/_commonjsHelpers.js";
-import { a as c } from "../../../chunks/index2.js";
+import { r as c } from "../../../chunks/index2.js";
 import { Form as p } from "../Form.js";
 var d = c();
 const n = /* @__PURE__ */ f(d);
@@ -18,13 +18,13 @@ function b({ action: t, ...s }) {
   }), s;
 }
 function v({ actionInfo: t, children: s, onSubmit: r, options: e, ...i }) {
-  const { form: u, submission: a } = (() => {
-    const o = x(i.submission || {}, t.defaults);
-    return { form: b(t.settingsForm), submission: { data: o } };
+  const { form: u, submission: o } = (() => {
+    const a = x(i.submission || {}, t.defaults);
+    return { form: b(t.settingsForm), submission: { data: a } };
   })();
   return /* @__PURE__ */ m("div", { children: [
     s,
-    /* @__PURE__ */ l(p, { form: u, submission: a, onSubmit: r, options: e }),
+    /* @__PURE__ */ l(p, { form: u, submission: o, onSubmit: r, options: e }),
     s
   ] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsed/react-formio",
-  "version": "3.0.0-rc.11",
+  "version": "3.0.0-rc.13",
   "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.11",
-    "@tsed/typescript": "3.0.0-rc.11",
+    "@tsed/tailwind-formio": "3.0.0-rc.13",
+    "@tsed/typescript": "3.0.0-rc.13",
     "microbundle": "0.13.0",
     "vite": "7.1.5",
     "vitest": "3.2.4"

package/src/interfaces/index.ts

@@ -5,6 +5,5 @@ export * from "./FormBuilderOptions";
 export * from "./FormOptions";
 export * from "./FormType";
 export * from "./Operation";
-export * from "./QueryOptions";
 export * from "./RoleType";
 export * from "./SubmissionType";

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

@@ -0,0 +1,32 @@
+import { render, screen } from "@testing-library/react";
+
+import { DefaultCell } from "./DefaultCell";
+
+function createCellContext(value: unknown, rendered: unknown) {
+  return {
+    getValue: () => value,
+    renderValue: () => rendered
+  } as any;
+}
+
+describe("DefaultCell", () => {
+  it("should render an empty span when value is undefined", () => {
+    render(<DefaultCell {...createCellContext(undefined, undefined)} />);
+
+    expect(screen.getByText("", { selector: "span" })).toBeInTheDocument();
+    expect(screen.queryByText(/.+/)).not.toBeInTheDocument();
+  });
+
+  it("should render html when rendered value differs from raw value", () => {
+    render(<DefaultCell {...createCellContext("hello", "<strong>hello</strong>")} />);
+
+    expect(screen.getByText("hello", { selector: "strong" })).toBeInTheDocument();
+  });
+
+  it("should render text when rendered value matches raw value", () => {
+    render(<DefaultCell {...createCellContext("hello", "hello")} />);
+
+    expect(screen.getByText("hello", { selector: "span" })).toBeInTheDocument();
+    expect(screen.queryByText("hello", { selector: "strong" })).not.toBeInTheDocument();
+  });
+});

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

@@ -1,22 +1,21 @@
-import { registerComponent } from "../../../registries/components";
+import type { CellContext } from "@tanstack/react-table";
 
-export interface DefaultCellProps<Data = any> {
-  value: Data;
-  render?: (value: Data) => any;
-}
+import { registerComponent } from "../../../registries/components";
 
-export function DefaultCell<Data = any>({ value, render = (f: any) => f }: DefaultCellProps<Data>): JSX.Element {
+export function DefaultCell<Data = any>({ getValue, renderValue }: CellContext<Data, any>): JSX.Element {
+  const value = getValue();
   if (value === undefined) {
     return <span></span>;
   }
 
-  const rendered = render(value);
+  const rendered = renderValue();
 
-  if (value !== rendered) {
-    return <div dangerouslySetInnerHTML={{ __html: rendered }} />;
+  if (rendered != null && value !== rendered) {
+    return <div dangerouslySetInnerHTML={{ __html: String(rendered) }} />;
   }
 
   return <span>{String(value)}</span>;
 }
 
 registerComponent("Cell", DefaultCell);
+registerComponent("Cell.text", DefaultCell);

package/src/molecules/table/filters/SelectFilter.tsx

@@ -34,6 +34,7 @@ export function SelectFilter<Data = any>({ header, options }: FilterProps<Data,
         size='small'
         {...(options as any)}
         {...opts}
+        autoComplete='off'
         options={listOptions}
         name={`filter_${header.column.id}`}
         data-testid={`filter_${header.column.id}`}

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

@@ -0,0 +1,35 @@
+import { DefaultCell } from "../components/DefaultCell";
+import { mapFormToColumns } from "./mapFormToColumns";
+
+describe("mapFormToColumns", () => {
+  it("should use DefaultCell for mapped table columns", () => {
+    const form = {
+      components: [
+        {
+          type: "checkbox",
+          key: "enabled",
+          label: "Enabled:",
+          tableView: true
+        }
+      ]
+    } as any;
+
+    const [column] = mapFormToColumns(form) as any[];
+
+    expect(column.accessorKey).toEqual("data.enabled");
+    expect(column.header).toEqual("Enabled");
+    expect(column.meta.filter.variant).toEqual("boolean");
+    expect(column.cell).toBe(DefaultCell);
+  });
+
+  it("should fallback to DefaultCell for kept columns without a cell renderer", () => {
+    const form = {
+      components: []
+    } as any;
+
+    const [column] = mapFormToColumns(form, [{ accessorKey: "data.other", header: "Other" } as any]) as any[];
+
+    expect(column.accessorKey).toEqual("data.other");
+    expect(column.cell).toBe(DefaultCell);
+  });
+});

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

@@ -1,6 +1,5 @@
 import "../interfaces/extends";
 
-import { Components } from "@formio/js";
 import { ColumnDef, ColumnDefResolved, createColumnHelper } from "@tanstack/react-table";
 import cloneDeep from "lodash/cloneDeep";
 import get from "lodash/get";
@@ -33,7 +32,6 @@ export function mapFormToColumns<Data = any>(form: FormType, columns: ColumnDefR
     .filter((component) => component?.tableView)
     .map((c) => {
       const component = c as ComponentType;
-      const cmp: any = Components.create(component, {}, null);
 
       const columnIndex = columnsToKeep.findIndex(({ accessorKey }) => {
         return accessorKey === `data.${component.key}`;
@@ -47,9 +45,7 @@ export function mapFormToColumns<Data = any>(form: FormType, columns: ColumnDefR
 
       return columnHelper.accessor(`data.${component.key}` as any, {
         header: (component.label || component.title || component.key)?.replace(/:/, ""),
-        cell: (info) => {
-          return <Cell value={info.getValue() as Data} render={(value: Data) => cmp.asString(value)} />;
-        },
+        cell: Cell,
         meta: {
           filter: { variant: MAP_TYPES[component.type!] || "text" },
           ...(column?.meta || {})
@@ -64,11 +60,7 @@ export function mapFormToColumns<Data = any>(form: FormType, columns: ColumnDefR
       ...(column.meta || {}),
       order: get(column, "meta.order", index * 10)
     },
-    cell:
-      column.cell ||
-      ((info) => {
-        return <Cell value={info.getValue() as Data} render={(value: Data) => value} />;
-      })
+    cell: column.cell || Cell
   }));
 
   return mergedColumns.sort((a, b) => (a.meta.order > b.meta.order ? 1 : -1)) as ColumnDef<Data, any>[];

package/src/organisms/form/Form.stories.tsx

@@ -260,12 +260,17 @@ export const WithSubmissionData: Story = {
  */
 export const WithOnSubmit: Story = {
   render(args) {
+    type OnSubmitData = {
+      firstName?: string;
+      [key: string]: unknown;
+    };
+
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    const [data, setData] = useState(() => args.submission!.data);
+    const [data, setData] = useState<OnSubmitData>(() => args.submission!.data as OnSubmitData);
 
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useEffect(() => {
-      setData(args.submission!.data);
+      setData(args.submission!.data as OnSubmitData);
     }, [args.submission]);
 
     return (

package/dist/interfaces/QueryOptions.d.ts

@@ -1,23 +0,0 @@
-import { ColumnIdentifier } from './ColumnIdentifier';
-export type QueryOptions = {
-    /**
-     * Current displayed page
-     */
-    pageIndex: any;
-    /**
-     * Pagination size
-     */
-    pageSize: any;
-    /**
-     * SortBy state
-     */
-    sortBy: ColumnIdentifier[];
-    /**
-     * Filters state
-     */
-    filters: ColumnIdentifier[];
-    /**
-     * Focused input filter (let the Table component retrieve focus state when we fill the filter)
-     */
-    filterId: string;
-};

package/dist/interfaces/QueryOptions.js

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

package/dist/interfaces/QueryOptions.js.map

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

package/src/interfaces/QueryOptions.ts

@@ -1,24 +0,0 @@
-import { ColumnIdentifier } from "./ColumnIdentifier";
-
-export type QueryOptions = {
-  /**
-   * Current displayed page
-   */
-  pageIndex: any;
-  /**
-   * Pagination size
-   */
-  pageSize: any;
-  /**
-   * SortBy state
-   */
-  sortBy: ColumnIdentifier[];
-  /**
-   * Filters state
-   */
-  filters: ColumnIdentifier[];
-  /**
-   * Focused input filter (let the Table component retrieve focus state when we fill the filter)
-   */
-  filterId: string;
-};