@tsed/react-formio 3.0.0-rc.15 → 3.0.0-rc.16

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

@@ -1,8 +1,8 @@
 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") });
+function l({ getValue: n, column: { columnDef: e } }) {
+  const t = n();
+  return /* @__PURE__ */ r("span", { children: String(t ? e.meta?.labels?.yes || "Yes" : e.meta?.labels?.no || "No") });
 }
 o("Cell.boolean", l);
 o("Cell.checkbox", l);

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

@@ -1 +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;"}
+{"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/filters/SelectFilter.js

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

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        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;"}
+{"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 });\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);\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);\nregisterComponent(\"Filter.boolean\", SelectFilter);\n"],"names":["SelectFilter","header","options","Select","getComponent","columnFilterValue","uniqValues","useUniqValues","opts","listOptions","jsx","Fragment","_","value","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,GAE3CO,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,CAAU;AAEtC,SACE,gBAAAI,EAAAC,GAAA,EACE,UAAA,gBAAAD;AAAA,IAACP;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,CAACO,GAAGC,MAAUZ,EAAO,OAAO,eAAeY,CAAK;AAAA,IAAA;AAAA,EAAA,GAE9D;AAEJ;AAEAC,EAAkB,iBAAiBd,CAAY;AAC/Cc,EAAkB,kBAAkBd,CAAY;"}

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

@@ -1,10 +1,10 @@
-import { jsxs as a, Fragment as u, jsx as i } from "react/jsx-runtime";
+import { jsxs as r, Fragment as a, 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)) }),
+function F({ header: t, options: e }) {
+  const o = d("InputText"), m = t.column.getFilterValue(), s = p({ header: t }), n = `data_list_${t.column.id}`;
+  return /* @__PURE__ */ r(a, { children: [
+    !e.disableDatalist && /* @__PURE__ */ i("datalist", { id: n, children: s.map((l) => /* @__PURE__ */ i("option", { value: l }, l)) }),
     /* @__PURE__ */ i(
       o,
       {
@@ -15,13 +15,13 @@ function f({ header: t, options: e }) {
         "data-testid": `filter_${t.column.id}`,
         value: m ?? "",
         list: n,
-        onChange: (l, s) => t.column.setFilterValue(s)
+        onChange: (l, u) => t.column.setFilterValue(u)
       }
     )
   ] });
 }
-c("Filter.text", f);
+c("Filter.text", F);
 export {
-  f as TextFieldFilter
+  F as TextFieldFilter
 };
 //# sourceMappingURL=TextFieldFilter.js.map

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

@@ -1 +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;AACrG,QAAMC,IAAYC,EAAsC,WAAW,GAC7DC,IAAoBJ,EAAO,OAAO,eAAA,GAClCK,IAAaC,EAAoB,EAAE,QAAAN,GAAQ,eAAe,QAAQ,GAClEO,IAAa,aAAaP,EAAO,OAAO,EAAE;AAEhD,SACE,gBAAAQ,EAAAC,GAAA,EACG,UAAA;AAAA,IAAA,CAACR,EAAQ,mBACR,gBAAAS,EAAC,YAAA,EAAS,IAAIH,GACX,UAAAF,EAAW,IAAI,CAACM,MACf,gBAAAD,EAAC,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;"}
+{"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 });\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;AACrG,QAAMC,IAAYC,EAAsC,WAAW,GAC7DC,IAAoBJ,EAAO,OAAO,eAAA,GAClCK,IAAaC,EAAoB,EAAE,QAAAN,GAAQ,GAC3CO,IAAa,aAAaP,EAAO,OAAO,EAAE;AAEhD,SACE,gBAAAQ,EAAAC,GAAA,EACG,UAAA;AAAA,IAAA,CAACR,EAAQ,mBACR,gBAAAS,EAAC,YAAA,EAAS,IAAIH,GACX,UAAAF,EAAW,IAAI,CAACM,MACf,gBAAAD,EAAC,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/useUniqValues.d.ts

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

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

@@ -1,11 +1,21 @@
 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]
-  );
+function a({ header: l }) {
+  return u(() => {
+    switch (l.column.columnDef.meta?.filter?.variant) {
+      case "boolean":
+        return [
+          { label: l.column.columnDef.meta?.labels?.yes || "Yes", value: !0 },
+          { label: l.column.columnDef.meta?.labels?.no || l.column.columnDef.meta?.labels?.No || "No", value: !1 }
+        ];
+      default:
+        return Array.from(l.column.getFacetedUniqueValues().keys()).flat().sort().slice(0, 5e3).map((e) => ({
+          label: e,
+          value: e
+        }));
+    }
+  }, [l.column]);
 }
 export {
-  r as useUniqValues
+  a as useUniqValues
 };
 //# sourceMappingURL=useUniqValues.js.map

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

@@ -1 +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;AAC7H,SAAOC;AAAA,IACL,MAAOD,MAAkB,UAAU,CAAA,IAAK,MAAM,KAAKD,EAAO,OAAO,uBAAA,EAAyB,KAAA,CAAM,EAAE,KAAA,EAAO,OAAO,MAAM,GAAG,GAAI;AAAA,IAE7H,CAACA,EAAO,QAAQC,CAAa;AAAA,EAAA;AAEjC;"}
+{"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\nimport { SelectOptionProps } from \"../../../molecules/forms/select/Select.interface\";\n\nexport function useUniqValues<Data = any>({ header }: { header: Header<Data, unknown> }): SelectOptionProps[] {\n  return useMemo(() => {\n    switch (header.column.columnDef.meta?.filter?.variant) {\n      case \"boolean\":\n        return [\n          { label: header.column.columnDef.meta?.labels?.[\"yes\"] || \"Yes\", value: true },\n          { label: header.column.columnDef.meta?.labels?.[\"no\"] || header.column.columnDef.meta?.labels?.[\"No\"] || \"No\", value: false }\n        ];\n\n      default:\n        return Array.from(header.column.getFacetedUniqueValues().keys())\n          .flat()\n          .sort()\n          .slice(0, 5000)\n          .map((i) => ({\n            label: i,\n            value: i\n          }));\n    }\n  }, [header.column]);\n}\n"],"names":["useUniqValues","header","useMemo","i"],"mappings":";AAKO,SAASA,EAA0B,EAAE,QAAAC,KAAkE;AAC5G,SAAOC,EAAQ,MAAM;AACnB,YAAQD,EAAO,OAAO,UAAU,MAAM,QAAQ,SAAA;AAAA,MAC5C,KAAK;AACH,eAAO;AAAA,UACL,EAAE,OAAOA,EAAO,OAAO,UAAU,MAAM,QAAS,OAAU,OAAO,OAAO,GAAA;AAAA,UACxE,EAAE,OAAOA,EAAO,OAAO,UAAU,MAAM,QAAS,MAASA,EAAO,OAAO,UAAU,MAAM,QAAS,MAAS,MAAM,OAAO,GAAA;AAAA,QAAM;AAAA,MAGhI;AACE,eAAO,MAAM,KAAKA,EAAO,OAAO,uBAAA,EAAyB,MAAM,EAC5D,OACA,KAAA,EACA,MAAM,GAAG,GAAI,EACb,IAAI,CAACE,OAAO;AAAA,UACX,OAAOA;AAAA,UACP,OAAOA;AAAA,QAAA,EACP;AAAA,IAAA;AAAA,EAEV,GAAG,CAACF,EAAO,MAAM,CAAC;AACpB;"}

package/package.json

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

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

@@ -29,13 +29,13 @@ describe("DefaultCellBoolean", () => {
   });
 
   it("should render custom labels from column metadata", () => {
-    render(<DefaultCellBoolean {...createCellContext(true, { yes: "Enabled", No: "Disabled" })} />);
+    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" })} />);
+    render(<DefaultCellBoolean {...createCellContext(false, { yes: "Enabled", no: "Disabled" })} />);
 
     expect(screen.getByText("Disabled", { selector: "span" })).toBeInTheDocument();
   });

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

@@ -4,7 +4,7 @@ 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>;
+  return <span>{String(value ? columnDef.meta?.labels?.["yes"] || "Yes" : columnDef.meta?.labels?.["no"] || "No")}</span>;
 }
 
 registerComponent("Cell.boolean", DefaultCellBoolean);

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

@@ -8,7 +8,7 @@ import { FilterSelectOptions } from "./Filters";
 export function SelectFilter<Data = any>({ header, options }: FilterProps<Data, FilterSelectOptions>) {
   const Select = getComponent<typeof DefaultSelect>("Select");
   const columnFilterValue = header.column.getFilterValue();
-  const uniqValues = useUniqValues<Data>({ header, filterVariant: "text" });
+  const uniqValues = useUniqValues<Data>({ header });
 
   const opts =
     options.layout === "choicesjs"
@@ -26,7 +26,7 @@ export function SelectFilter<Data = any>({ header, options }: FilterProps<Data,
         value: ""
       }
     ] as SelectOptionProps[]
-  ).concat(options.options || uniqValues.map((value: any) => ({ label: value, value })));
+  ).concat(options.options || uniqValues);
 
   return (
     <>
@@ -46,3 +46,4 @@ export function SelectFilter<Data = any>({ header, options }: FilterProps<Data,
 }
 
 registerComponent("Filter.select", SelectFilter);
+registerComponent("Filter.boolean", SelectFilter);

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

@@ -7,7 +7,7 @@ import { FilterTextOptions } from "./Filters";
 export function TextFieldFilter<Data = any>({ header, options }: FilterProps<Data, FilterTextOptions>) {
   const InputText = getComponent<typeof DefaultInputText>("InputText");
   const columnFilterValue = header.column.getFilterValue();
-  const uniqValues = useUniqValues<Data>({ header, filterVariant: "text" });
+  const uniqValues = useUniqValues<Data>({ header });
   const datalistId = `data_list_${header.column.id}`;
 
   return (

package/src/molecules/table/hooks/useUniqValues.spec.tsx

@@ -0,0 +1,51 @@
+import { renderHook } from "@testing-library/react";
+
+import { useUniqValues } from "./useUniqValues";
+
+function createHeader({ variant, labels, values = [] }: { variant?: string; labels?: Record<string, string>; values?: string[] }) {
+  return {
+    column: {
+      columnDef: {
+        meta: {
+          filter: {
+            variant
+          },
+          labels
+        }
+      },
+      getFacetedUniqueValues: () => new Map(values.map((value) => [value, 1]))
+    }
+  } as any;
+}
+
+describe("useUniqValues", () => {
+  it("should return boolean options with the custom labels", () => {
+    const header = createHeader({
+      variant: "boolean",
+      labels: {
+        yes: "Enabled",
+        No: "Disabled"
+      }
+    });
+
+    const { result } = renderHook(() => useUniqValues({ header }));
+
+    expect(result.current).toEqual([
+      { label: "Enabled", value: true },
+      { label: "Disabled", value: false }
+    ]);
+  });
+
+  it("should map faceted unique values to select options", () => {
+    const header = createHeader({
+      values: ["beta", "alpha"]
+    });
+
+    const { result } = renderHook(() => useUniqValues({ header }));
+
+    expect(result.current).toEqual([
+      { label: "alpha", value: "alpha" },
+      { label: "beta", value: "beta" }
+    ]);
+  });
+});

package/src/molecules/table/hooks/useUniqValues.tsx

@@ -1,10 +1,26 @@
 import type { Header } from "@tanstack/react-table";
 import { useMemo } from "react";
 
-export function useUniqValues<Data = any>({ header, filterVariant }: { header: Header<Data, unknown>; filterVariant: string }) {
-  return useMemo(
-    () => (filterVariant === "range" ? [] : Array.from(header.column.getFacetedUniqueValues().keys()).flat().sort().slice(0, 5000)),
+import { SelectOptionProps } from "../../../molecules/forms/select/Select.interface";
 
-    [header.column, filterVariant]
-  );
+export function useUniqValues<Data = any>({ header }: { header: Header<Data, unknown> }): SelectOptionProps[] {
+  return useMemo(() => {
+    switch (header.column.columnDef.meta?.filter?.variant) {
+      case "boolean":
+        return [
+          { label: header.column.columnDef.meta?.labels?.["yes"] || "Yes", value: true },
+          { label: header.column.columnDef.meta?.labels?.["no"] || header.column.columnDef.meta?.labels?.["No"] || "No", value: false }
+        ];
+
+      default:
+        return Array.from(header.column.getFacetedUniqueValues().keys())
+          .flat()
+          .sort()
+          .slice(0, 5000)
+          .map((i) => ({
+            label: i,
+            value: i
+          }));
+    }
+  }, [header.column]);
 }