@tsed/react-formio 3.0.0-rc.26 → 3.0.0-rc.27

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RangeFilter.js","sources":["../../../../src/molecules/table/filters/RangeFilter.tsx"],"sourcesContent":["import { getComponent, registerComponent } from \"../../../registries/components\";\nimport { type InputText as DefaultInputText } from \"../../forms/input-text/InputText\";\nimport type { FilterProps } from \"../components/DefaultFilter\";\nimport { FilterRangeOptions } from \"./Filters\";\n\nexport function RangeFilter<Data = any>({ header, options }: FilterProps<Data, FilterRangeOptions>) {\n  const { column } = header;\n  const InputText = getComponent<typeof DefaultInputText>(\"InputText\");\n  const columnFilterValue = header.column.getFilterValue();\n  const min = options.min ?? column.getFacetedMinMaxValues()?.[0];\n  const max = options.max ?? column.getFacetedMinMaxValues()?.[1];\n  const step = options.step ?? 1;\n\n  return (\n    <div>\n      <div className='flex space-x-2'>\n        <div className='w-1/2'>\n          <InputText\n            type='number'\n            size='small'\n            {...{ min, max, step }}\n            value={(columnFilterValue as [number, number])?.[0] ?? \"\"}\n            onChange={(_, value) => column.setFilterValue((old: [number, number]) => [value, old?.[1]])}\n            placeholder={`Min ${min !== undefined ? `(${min})` : \"\"}`}\n          />\n        </div>\n        <div className='w-1/2'>\n          <InputText\n            type='number'\n            size='small'\n            {...{ min, max, step }}\n            value={(columnFilterValue as [number, number])?.[1] ?? \"\"}\n            onChange={(_, value) => column.setFilterValue((old: [number, number]) => [old?.[0], value])}\n            placeholder={`Max ${max ? `(${max})` : \"\"}`}\n          />\n        </div>\n      </div>\n      <div className='h-1' />\n    </div>\n  );\n}\n\nregisterComponent(\"Filter.range\", RangeFilter);\n"],"names":["RangeFilter","header","options","column","InputText","getComponent","columnFilterValue","min","max","step","jsxs","jsx","_","value","old","registerComponent"],"mappings":";;AAKO,SAASA,EAAwB,EAAE,QAAAC,GAAQ,SAAAC,KAAkD;AAClG,QAAM,EAAE,QAAAC,MAAWF,GACbG,IAAYC,EAAsC,WAAW,GAC7DC,IAAoBL,EAAO,OAAO,eAAA,GAClCM,IAAML,EAAQ,OAAOC,EAAO,uBAAA,IAA2B,CAAC,GACxDK,IAAMN,EAAQ,OAAOC,EAAO,uBAAA,IAA2B,CAAC,GACxDM,IAAOP,EAAQ,QAAQ;AAE7B,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,SACb,UAAA,gBAAAA;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACC,KAAAG;AAAA,UAAK,KAAAC;AAAA,UAAK,MAAAC;AAAA,UAChB,OAAQH,IAAyC,CAAC,KAAK;AAAA,UACvD,UAAU,CAACM,GAAGC,MAAUV,EAAO,eAAe,CAACW,MAA0B,CAACD,GAAOC,IAAM,CAAC,CAAC,CAAC;AAAA,UAC1F,aAAa,OAAOP,MAAQ,SAAY,IAAIA,CAAG,MAAM,EAAE;AAAA,QAAA;AAAA,MAAA,GAE3D;AAAA,MACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,SACb,UAAA,gBAAAA;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACC,KAAAG;AAAA,UAAK,KAAAC;AAAA,UAAK,MAAAC;AAAA,UAChB,OAAQH,IAAyC,CAAC,KAAK;AAAA,UACvD,UAAU,CAACM,GAAGC,MAAUV,EAAO,eAAe,CAACW,MAA0B,CAACA,IAAM,CAAC,GAAGD,CAAK,CAAC;AAAA,UAC1F,aAAa,OAAOL,IAAM,IAAIA,CAAG,MAAM,EAAE;AAAA,QAAA;AAAA,MAAA,EAC3C,CACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,MAAA,CAAM;AAAA,EAAA,GACvB;AAEJ;AAEAI,EAAkB,gBAAgBf,CAAW;"}
+{"version":3,"file":"RangeFilter.js","sources":["../../../../src/molecules/table/filters/RangeFilter.tsx"],"sourcesContent":["import { getComponent, registerComponent } from \"../../../registries/components\";\nimport { type InputText as DefaultInputText } from \"../../forms/input-text/InputText\";\nimport type { FilterProps } from \"../components/DefaultFilter\";\nimport { FilterRangeOptions } from \"./Filters\";\n\nexport function RangeFilter<Data = any>({ header, options }: FilterProps<Data, FilterRangeOptions>) {\n  const { column } = header;\n  const InputText = getComponent<typeof DefaultInputText>(\"InputText\");\n  const columnFilterValue = header.column.getFilterValue();\n  const min = options.min ?? column.getFacetedMinMaxValues()?.[0];\n  const max = options.max ?? column.getFacetedMinMaxValues()?.[1];\n  const step = options.step ?? 1;\n\n  return (\n    <div>\n      <div className='flex space-x-2'>\n        <div className='w-1/2'>\n          <InputText\n            name={`${column.id}-min`}\n            type='number'\n            size='small'\n            {...{ min, max, step }}\n            value={(columnFilterValue as [number, number])?.[0] ?? \"\"}\n            onChange={(_, value) => column.setFilterValue((old: [number, number]) => [value, old?.[1]])}\n            placeholder={`Min ${min !== undefined ? `(${min})` : \"\"}`}\n          />\n        </div>\n        <div className='w-1/2'>\n          <InputText\n            name={`${column.id}-max`}\n            type='number'\n            size='small'\n            {...{ min, max, step }}\n            value={(columnFilterValue as [number, number])?.[1] ?? \"\"}\n            onChange={(_, value) => column.setFilterValue((old: [number, number]) => [old?.[0], value])}\n            placeholder={`Max ${max ? `(${max})` : \"\"}`}\n          />\n        </div>\n      </div>\n      <div className='h-1' />\n    </div>\n  );\n}\n\nregisterComponent(\"Filter.range\", RangeFilter);\n"],"names":["RangeFilter","header","options","column","InputText","getComponent","columnFilterValue","min","max","step","jsxs","jsx","_","value","old","registerComponent"],"mappings":";;AAKO,SAASA,EAAwB,EAAE,QAAAC,GAAQ,SAAAC,KAAkD;AAClG,QAAM,EAAE,QAAAC,MAAWF,GACbG,IAAYC,EAAsC,WAAW,GAC7DC,IAAoBL,EAAO,OAAO,eAAA,GAClCM,IAAML,EAAQ,OAAOC,EAAO,uBAAA,IAA2B,CAAC,GACxDK,IAAMN,EAAQ,OAAOC,EAAO,uBAAA,IAA2B,CAAC,GACxDM,IAAOP,EAAQ,QAAQ;AAE7B,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,SACb,UAAA,gBAAAA;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,MAAM,GAAGD,EAAO,EAAE;AAAA,UAClB,MAAK;AAAA,UACL,MAAK;AAAA,UACC,KAAAI;AAAA,UAAK,KAAAC;AAAA,UAAK,MAAAC;AAAA,UAChB,OAAQH,IAAyC,CAAC,KAAK;AAAA,UACvD,UAAU,CAACM,GAAGC,MAAUV,EAAO,eAAe,CAACW,MAA0B,CAACD,GAAOC,IAAM,CAAC,CAAC,CAAC;AAAA,UAC1F,aAAa,OAAOP,MAAQ,SAAY,IAAIA,CAAG,MAAM,EAAE;AAAA,QAAA;AAAA,MAAA,GAE3D;AAAA,MACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,SACb,UAAA,gBAAAA;AAAA,QAACP;AAAA,QAAA;AAAA,UACC,MAAM,GAAGD,EAAO,EAAE;AAAA,UAClB,MAAK;AAAA,UACL,MAAK;AAAA,UACC,KAAAI;AAAA,UAAK,KAAAC;AAAA,UAAK,MAAAC;AAAA,UAChB,OAAQH,IAAyC,CAAC,KAAK;AAAA,UACvD,UAAU,CAACM,GAAGC,MAAUV,EAAO,eAAe,CAACW,MAA0B,CAACA,IAAM,CAAC,GAAGD,CAAK,CAAC;AAAA,UAC1F,aAAa,OAAOL,IAAM,IAAIA,CAAG,MAAM,EAAE;AAAA,QAAA;AAAA,MAAA,EAC3C,CACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,MAAA,CAAM;AAAA,EAAA,GACvB;AAEJ;AAEAI,EAAkB,gBAAgBf,CAAW;"}

package/package.json

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

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

@@ -16,6 +16,7 @@ export function RangeFilter<Data = any>({ header, options }: FilterProps<Data, F
       <div className='flex space-x-2'>
         <div className='w-1/2'>
           <InputText
+            name={`${column.id}-min`}
             type='number'
             size='small'
             {...{ min, max, step }}
@@ -26,6 +27,7 @@ export function RangeFilter<Data = any>({ header, options }: FilterProps<Data, F
         </div>
         <div className='w-1/2'>
           <InputText
+            name={`${column.id}-max`}
             type='number'
             size='small'
             {...{ min, max, step }}