@tsed/react-formio 3.0.0-alpha.9 → 3.0.0-rc.10

package/dist/molecules/table/Table.js

@@ -1,81 +1,58 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { createElement as d } from "react";
-import { c as z } from "../../chunks/index.js";
-import { DrapNDropContainer as H } from "./components/DragNDropContainer.js";
-import { useCustomTable as L } from "./hooks/useCustomTable.js";
-function R(p) {
-  const {
-    className: c,
-    tableInstance: a,
-    CellHeader: m,
-    isLoading: l,
-    onClick: h,
-    Loader: g,
-    EmptyData: b,
-    Row: u,
-    data: o,
-    disablePagination: N,
-    Pagination: f,
-    pageIndex: D,
-    pageSize: P,
-    pageSizes: v,
-    setPageSize: x,
-    totalLength: y,
-    i18n: I,
-    enableDragNDrop: r,
-    children: C,
-    onDrag: T,
-    onDrop: k
-  } = L(p);
-  return /* @__PURE__ */ e(H, { enableDragNDrop: r, children: /* @__PURE__ */ i("div", { className: z("table-group table-responsive", c), children: [
-    /* @__PURE__ */ i(
-      "table",
-      {
-        className: "table table-striped table-hover",
-        ...a.getTableProps(),
-        children: [
-          /* @__PURE__ */ e("thead", { children: a.headerGroups.map((t, n) => /* @__PURE__ */ d("tr", { ...t.getHeaderGroupProps(), key: `tableInstance.headerGroups${n}` }, r ? /* @__PURE__ */ e("th", { role: "columnheader", className: "text-center", children: /* @__PURE__ */ e("div", { className: "table-cell-header" }) }) : null, t.headers.map((s) => /* @__PURE__ */ d(
-            "th",
-            {
-              ...s.getHeaderProps(),
-              key: `tableInstance.headers.column.${s.id}`
-            },
-            /* @__PURE__ */ e(m, { column: s })
-          )))) }),
-          l ? null : /* @__PURE__ */ e("tbody", { ...a.getTableBodyProps(), children: a.page.map((t, n) => (a.prepareRow(t), /* @__PURE__ */ e(
-            u,
-            {
-              index: n,
-              enableDragNDrop: r,
-              onClick: h,
-              row: t,
-              onDrag: T,
-              onDrop: k
-            },
-            `tableInstance.page.${t.id}`
-          ))) })
-        ]
-      }
-    ),
-    l ? /* @__PURE__ */ e(g, {}) : null,
-    o.length ? null : /* @__PURE__ */ e(b, {}),
-    !l && o.length && !N ? /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ e(
-      f,
-      {
-        ...a,
-        totalLength: y,
-        className: "text-sm",
-        pageIndex: D,
-        pageSize: P,
-        pageSizes: v,
-        setPageSize: x,
-        i18n: I
-      }
-    ) }) : null,
-    C
-  ] }) });
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { createElement as C } from "react";
+import { flexRender as b } from "@tanstack/react-table";
+import { c as x } from "../../chunks/index.js";
+import { getComponent as r } from "../../registries/components.js";
+import { useTable as f } from "./hooks/useTable.js";
+function k({
+  className: c,
+  enableFooter: g,
+  enablePagination: m = !0,
+  children: u,
+  ...o
+}) {
+  const { tableInstance: n, i18n: d } = f(o), P = r("CellHeader"), p = r("CellFooter"), h = r("Pagination"), { pagination: i } = n.getState();
+  return /* @__PURE__ */ l("div", { className: x("table-group", c), children: [
+    /* @__PURE__ */ a("div", { className: "table-group-body", children: /* @__PURE__ */ l("table", { className: "table table-striped table-hover", children: [
+      /* @__PURE__ */ a("thead", { children: n.getHeaderGroups().map((t) => /* @__PURE__ */ a("tr", { children: t.headers.map((e) => {
+        const s = e.column.getIsSorted();
+        return /* @__PURE__ */ a(
+          "th",
+          {
+            "data-testid": `head-cell-${e.id}`,
+            "aria-sort": s ? s === "asc" ? "ascending" : "descending" : "none",
+            children: e.isPlaceholder ? null : /* @__PURE__ */ a(P, { header: e, i18n: d })
+          },
+          e.id
+        );
+      }) }, t.id)) }),
+      /* @__PURE__ */ a("tbody", { children: n.getRowModel().rows.map((t) => /* @__PURE__ */ a("tr", { "data-testid": `body-row-${t.id}`, children: t.getVisibleCells().filter((e) => !e.column.columnDef.meta?.hidden).map((e) => /* @__PURE__ */ C("td", { ...e.column.columnDef?.meta?.cellProps, key: e.id, "data-testid": `body-cell-${e.id}` }, b(e.column.columnDef.cell, e.getContext()))) }, t.id)) }),
+      g && /* @__PURE__ */ a("tfoot", { children: n.getFooterGroups().map((t) => /* @__PURE__ */ a("tr", { children: t.headers.map((e) => /* @__PURE__ */ a("th", { children: e.isPlaceholder ? null : /* @__PURE__ */ a(p, { header: e, i18n: d }) }, e.id)) }, t.id)) })
+    ] }) }),
+    /* @__PURE__ */ l("div", { className: "table-group-footer", children: [
+      o.data.length && i && m ? /* @__PURE__ */ a(
+        h,
+        {
+          className: "flex-1",
+          canNextPage: n.getCanNextPage(),
+          canPreviousPage: n.getCanPreviousPage(),
+          pageIndex: i.pageIndex,
+          pageSize: i.pageSize,
+          pageSizes: o.pageSizes,
+          i18n: o.i18n,
+          pageCount: n.getPageCount(),
+          rowCount: o.rowCount,
+          onPageIndexChange: (t) => n.setPageIndex(t),
+          onClickPreviousPage: () => n.previousPage(),
+          onClickNextPage: () => n.nextPage(),
+          onPageSizeChange: (t) => n.setPageSize(t)
+        }
+      ) : null,
+      /* @__PURE__ */ a("div", { children: u })
+    ] })
+  ] });
 }
 export {
-  R as Table
+  k as Table
 };
 //# sourceMappingURL=Table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/molecules/table/Table.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { PaginationProps } from \"../../molecules/pagination/Pagination\";\nimport { DrapNDropContainer } from \"./components/DragNDropContainer\";\nimport { TableProps, useCustomTable } from \"./hooks/useCustomTable\";\n\nexport function Table<Data extends object = any>(props: PropsWithChildren<TableProps<Data>>) {\n  const {\n    className,\n    tableInstance,\n    CellHeader,\n    isLoading,\n    onClick,\n    Loader,\n    EmptyData,\n    Row,\n    data,\n    disablePagination,\n    Pagination,\n    pageIndex,\n    pageSize,\n    pageSizes,\n    setPageSize,\n    totalLength,\n    i18n,\n    enableDragNDrop,\n    children,\n    onDrag,\n    onDrop\n  } = useCustomTable(props);\n\n  // Render the UI for your table\n  return (\n    <DrapNDropContainer enableDragNDrop={enableDragNDrop}>\n      <div className={classnames(\"table-group table-responsive\", className)}>\n        <table\n          className={\"table table-striped table-hover\"}\n          {...tableInstance.getTableProps()}\n          /* style={{ marginBottom: disablePagination ? \"-1px\" : \"0px\" }} */\n        >\n          <thead>\n            {tableInstance.headerGroups.map((headerGroup, i) => (\n              <tr {...headerGroup.getHeaderGroupProps()} key={`tableInstance.headerGroups${i}`}>\n                {enableDragNDrop ? (\n                  <th role='columnheader' className='text-center'>\n                    <div className='table-cell-header'></div>\n                  </th>\n                ) : null}\n                {headerGroup.headers.map((column) => (\n                  <th\n                    /* className='text-left py-2 align-top' */\n                    {...column.getHeaderProps()}\n                    key={`tableInstance.headers.column.${column.id}`}\n                  >\n                    <CellHeader column={column} />\n                  </th>\n                ))}\n              </tr>\n            ))}\n          </thead>\n          {!isLoading ? (\n            <tbody {...tableInstance.getTableBodyProps()}>\n              {(tableInstance as unknown as { page: any[] }).page.map((row: any, index: number) => {\n                tableInstance.prepareRow(row);\n                return (\n                  <Row<Data>\n                    index={index}\n                    enableDragNDrop={enableDragNDrop}\n                    onClick={onClick}\n                    row={row}\n                    key={`tableInstance.page.${row.id}`}\n                    onDrag={onDrag}\n                    onDrop={onDrop}\n                  />\n                );\n              })}\n            </tbody>\n          ) : null}\n        </table>\n        {isLoading ? <Loader /> : null}\n        {!data.length ? <EmptyData /> : null}\n        {!isLoading && data.length && !disablePagination ? (\n          <div className={\"overflow-hidden\"}>\n            <Pagination\n              {...(tableInstance as unknown as PaginationProps)}\n              totalLength={totalLength}\n              className={\"text-sm\"}\n              pageIndex={pageIndex}\n              pageSize={pageSize}\n              pageSizes={pageSizes}\n              setPageSize={setPageSize}\n              i18n={i18n}\n            />\n          </div>\n        ) : null}\n        {children}\n      </div>\n    </DrapNDropContainer>\n  );\n}\n"],"names":["Table","props","className","tableInstance","CellHeader","isLoading","onClick","Loader","EmptyData","Row","data","disablePagination","Pagination","pageIndex","pageSize","pageSizes","setPageSize","totalLength","i18n","enableDragNDrop","children","onDrag","onDrop","useCustomTable","jsx","DrapNDropContainer","jsxs","classnames","headerGroup","i","createElement","column","row","index"],"mappings":";;;;;AAOO,SAASA,EAAiCC,GAA4C;AACrF,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,IACEC,EAAetB,CAAK;AAItB,SAAA,gBAAAuB,EAACC,KAAmB,iBAAAN,GAClB,UAAA,gBAAAO,EAAC,SAAI,WAAWC,EAAW,gCAAgCzB,CAAS,GAClE,UAAA;AAAA,IAAA,gBAAAwB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACV,GAAGvB,EAAc,cAAc;AAAA,QAGhC,UAAA;AAAA,UAAA,gBAAAqB,EAAC,SACE,EAAA,UAAArB,EAAc,aAAa,IAAI,CAACyB,GAAaC,MAC3C,gBAAAC,EAAA,MAAA,EAAI,GAAGF,EAAY,oBAAuB,GAAA,KAAK,6BAA6BC,CAAC,MAC3EV,IACC,gBAAAK,EAAC,QAAG,MAAK,gBAAe,WAAU,eAChC,4BAAC,OAAI,EAAA,WAAU,oBAAoB,CAAA,EACrC,CAAA,IACE,MACHI,EAAY,QAAQ,IAAI,CAACG,MACxB,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cAEE,GAAGC,EAAO,eAAe;AAAA,cAC1B,KAAK,gCAAgCA,EAAO,EAAE;AAAA,YAAA;AAAA,YAE9C,gBAAAP,EAACpB,KAAW,QAAA2B,EAAgB,CAAA;AAAA,UAAA,CAE/B,CACH,CACD,EACH,CAAA;AAAA,UACE1B,IAiBE,OAhBD,gBAAAmB,EAAA,SAAA,EAAO,GAAGrB,EAAc,kBAAkB,GACvC,UAA6CA,EAAA,KAAK,IAAI,CAAC6B,GAAUC,OACjE9B,EAAc,WAAW6B,CAAG,GAE1B,gBAAAR;AAAA,YAACf;AAAA,YAAA;AAAA,cACC,OAAAwB;AAAA,cACA,iBAAAd;AAAA,cACA,SAAAb;AAAA,cACA,KAAA0B;AAAA,cAEA,QAAAX;AAAA,cACA,QAAAC;AAAA,YAAA;AAAA,YAFK,sBAAsBU,EAAI,EAAE;AAAA,UAGnC,EAEH,EACH,CAAA;AAAA,QACE;AAAA,MAAA;AAAA,IACN;AAAA,IACC3B,IAAa,gBAAAmB,EAAAjB,GAAA,CAAA,CAAO,IAAK;AAAA,IACxBG,EAAK,SAAyB,OAAhB,gBAAAc,EAAChB,KAAU;AAAA,IAC1B,CAACH,KAAaK,EAAK,UAAU,CAACC,IAC7B,gBAAAa,EAAC,OAAI,EAAA,WAAW,mBACd,UAAA,gBAAAA;AAAA,MAACZ;AAAA,MAAA;AAAA,QACE,GAAIT;AAAA,QACL,aAAAc;AAAA,QACA,WAAW;AAAA,QACX,WAAAJ;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,aAAAC;AAAA,QACA,MAAAE;AAAA,MAAA;AAAA,OAEJ,IACE;AAAA,IACHE;AAAA,EAAA,EAAA,CACH,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Table.js","sources":["../../../src/molecules/table/Table.tsx"],"sourcesContent":["import { flexRender } from \"@tanstack/react-table\";\nimport cx from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport type { JSONRecord } from \"../../interfaces/JSONRecord.js\";\nimport { getComponent } from \"../../registries/components\";\nimport type { Pagination as DefaultPagination } from \"../pagination/Pagination\";\nimport type { DefaultCellFooter } from \"./components/DefaultCellFooter\";\nimport type { DefaultCellHeader } from \"./components/DefaultCellHeader\";\nimport { useTable, UseTableProps } from \"./hooks/useTable\";\n\nexport interface TableProps<Data extends object = JSONRecord> extends UseTableProps<Data> {\n  className?: string;\n\n  enableFooter?: boolean;\n  enablePagination?: boolean;\n\n  pageSizes?: number[];\n}\n\nexport function Table<Data extends object = JSONRecord>({\n  className,\n  enableFooter,\n  enablePagination = true,\n  children,\n  ...props\n}: PropsWithChildren<TableProps<Data>>) {\n  const { tableInstance, i18n } = useTable<Data>(props);\n  const CellHeader = getComponent<typeof DefaultCellHeader>(\"CellHeader\");\n  const CellFooter = getComponent<typeof DefaultCellFooter>(\"CellFooter\");\n  const Pagination = getComponent<typeof DefaultPagination>(\"Pagination\");\n\n  const { pagination } = tableInstance.getState();\n\n  return (\n    <div className={cx(\"table-group\", className)}>\n      <div className='table-group-body'>\n        <table className='table table-striped table-hover'>\n          <thead>\n            {tableInstance.getHeaderGroups().map((headerGroup) => (\n              <tr key={headerGroup.id}>\n                {headerGroup.headers.map((header) => {\n                  const sort = header.column.getIsSorted();\n                  return (\n                    <th\n                      data-testid={`head-cell-${header.id}`}\n                      key={header.id}\n                      aria-sort={sort ? (sort === \"asc\" ? \"ascending\" : \"descending\") : \"none\"}\n                    >\n                      {header.isPlaceholder ? null : <CellHeader header={header} i18n={i18n} />}\n                    </th>\n                  );\n                })}\n              </tr>\n            ))}\n          </thead>\n          <tbody>\n            {tableInstance.getRowModel().rows.map((row) => {\n              return (\n                <tr key={row.id} data-testid={`body-row-${row.id}`}>\n                  {row\n                    .getVisibleCells()\n                    .filter((cell) => !cell.column.columnDef.meta?.hidden)\n                    .map((cell) => {\n                      return (\n                        <td {...cell.column.columnDef?.meta?.cellProps} key={cell.id} data-testid={`body-cell-${cell.id}`}>\n                          {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                        </td>\n                      );\n                    })}\n                </tr>\n              );\n            })}\n          </tbody>\n          {enableFooter && (\n            <tfoot>\n              {tableInstance.getFooterGroups().map((footerGroup) => (\n                <tr key={footerGroup.id}>\n                  {footerGroup.headers.map((header) => (\n                    <th key={header.id}>{header.isPlaceholder ? null : <CellFooter header={header} i18n={i18n} />}</th>\n                  ))}\n                </tr>\n              ))}\n            </tfoot>\n          )}\n        </table>\n      </div>\n      <div className='table-group-footer'>\n        {props.data.length && pagination && enablePagination ? (\n          <Pagination\n            className={\"flex-1\"}\n            canNextPage={tableInstance.getCanNextPage()}\n            canPreviousPage={tableInstance.getCanPreviousPage()}\n            pageIndex={pagination.pageIndex}\n            pageSize={pagination.pageSize}\n            pageSizes={props.pageSizes}\n            i18n={props.i18n}\n            pageCount={tableInstance.getPageCount()}\n            rowCount={props.rowCount}\n            onPageIndexChange={(page) => tableInstance.setPageIndex(page)}\n            onClickPreviousPage={() => tableInstance.previousPage()}\n            onClickNextPage={() => tableInstance.nextPage()}\n            onPageSizeChange={(pageSize) => tableInstance.setPageSize(pageSize)}\n          />\n        ) : null}\n        <div>{children}</div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Table","className","enableFooter","enablePagination","children","props","tableInstance","i18n","useTable","CellHeader","getComponent","CellFooter","Pagination","pagination","cx","jsx","jsxs","headerGroup","header","sort","row","cell","createElement","flexRender","footerGroup","page","pageSize"],"mappings":"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"}

package/dist/molecules/table/all.js

@@ -0,0 +1,19 @@
+import "./components/DefaultFilter.js";
+import "./components/DefaultArrowSort.js";
+import "./components/DefaultCell.js";
+import "./components/DefaultCellOperations.js";
+import "./components/DefaultOperationButton.js";
+import "./components/DefaultCellHeader.js";
+import "./components/DefaultCellFooter.js";
+import "../forms/input-text/InputText.js";
+import "../forms/form-control/FormControl.js";
+import "../forms/select/components/ReactSelect.js";
+import "../forms/select/components/HtmlSelect.js";
+import "../forms/select/components/ChoicesSelect.js";
+import "../forms/select/Select.js";
+import "./filters/TextFieldFilter.js";
+import "./filters/SelectFilter.js";
+import "./filters/RangeFilter.js";
+import "../pagination/Pagination.js";
+import "../pagination/PaginationButton.js";
+//# sourceMappingURL=all.js.map

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

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

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

@@ -1 +1,5 @@
-export declare function DefaultArrowSort({ column }: any): import("react/jsx-runtime").JSX.Element;
+import { Header } from '@tanstack/react-table';
+export interface DefaultArrowSortProps<Data = any> {
+    header: Header<Data, unknown>;
+}
+export declare function DefaultArrowSort<Data>({ header }: DefaultArrowSortProps<Data>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,22 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { registerComponent as s } from "../../../registries/components.js";
 import { iconClass as e } from "../../../utils/iconClass.js";
-function n({ column: r }) {
-  const { isSorted: s, isSortedDesc: t } = r;
-  return /* @__PURE__ */ o("span", { className: "table-arrow-sort", children: s ? /* @__PURE__ */ o("i", { className: e(void 0, t ? "sort-up" : "sort-down") }) : "" });
+function a({ header: r }) {
+  const o = r.column.getIsSorted();
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "data-testid": `head-sort-${r.column.id}`,
+      role: "button",
+      "aria-label": `Sort by ${r.column.columnDef.header}`,
+      "aria-pressed": o ? o === "desc" : void 0,
+      className: "table-arrow-sort",
+      children: o ? /* @__PURE__ */ t("i", { className: e(void 0, o === "asc" ? "sort-up" : "sort-down") }) : null
+    }
+  );
 }
+s("ArrowSort", a);
 export {
-  n as DefaultArrowSort
+  a as DefaultArrowSort
 };
 //# sourceMappingURL=DefaultArrowSort.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultArrowSort.js","sources":["../../../../src/molecules/table/components/DefaultArrowSort.tsx"],"sourcesContent":["import { iconClass } from \"../../../utils/iconClass\";\n\nexport function DefaultArrowSort({ column }: any) {\n  const { isSorted, isSortedDesc } = column;\n  return (\n    <span className={\"table-arrow-sort\"}>\n      {isSorted ? <i className={iconClass(undefined, isSortedDesc ? \"sort-up\" : \"sort-down\")} /> : \"\"}\n    </span>\n  );\n}\n"],"names":["DefaultArrowSort","column","isSorted","isSortedDesc","jsx","iconClass"],"mappings":";;AAEgB,SAAAA,EAAiB,EAAE,QAAAC,KAAe;AAC1C,QAAA,EAAE,UAAAC,GAAU,cAAAC,EAAA,IAAiBF;AACnC,SACG,gBAAAG,EAAA,QAAA,EAAK,WAAW,oBACd,cAAY,gBAAAA,EAAA,KAAA,EAAE,WAAWC,EAAU,QAAWF,IAAe,YAAY,WAAW,EAAA,CAAG,IAAK,IAC/F;AAEJ;"}
+{"version":3,"file":"DefaultArrowSort.js","sources":["../../../../src/molecules/table/components/DefaultArrowSort.tsx"],"sourcesContent":["import type { Header } from \"@tanstack/react-table\";\n\nimport { registerComponent } from \"../../../registries/components\";\nimport { iconClass } from \"../../../utils/iconClass\";\n\nexport interface DefaultArrowSortProps<Data = any> {\n  header: Header<Data, unknown>;\n}\n\nexport function DefaultArrowSort<Data>({ header }: DefaultArrowSortProps<Data>) {\n  const sort = header.column.getIsSorted();\n\n  return (\n    <span\n      data-testid={`head-sort-${header.column.id}`}\n      role='button'\n      aria-label={`Sort by ${header.column.columnDef.header}`}\n      aria-pressed={sort ? sort === \"desc\" : undefined}\n      className='table-arrow-sort'\n    >\n      {sort ? <i className={iconClass(undefined, sort === \"asc\" ? \"sort-up\" : \"sort-down\")} /> : null}\n    </span>\n  );\n}\n\nregisterComponent(\"ArrowSort\", DefaultArrowSort);\n"],"names":["DefaultArrowSort","header","sort","jsx","iconClass","registerComponent"],"mappings":";;;AASO,SAASA,EAAuB,EAAE,QAAAC,KAAuC;AAC9E,QAAMC,IAAOD,EAAO,OAAO,YAAA;AAE3B,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa,aAAaF,EAAO,OAAO,EAAE;AAAA,MAC1C,MAAK;AAAA,MACL,cAAY,WAAWA,EAAO,OAAO,UAAU,MAAM;AAAA,MACrD,gBAAcC,IAAOA,MAAS,SAAS;AAAA,MACvC,WAAU;AAAA,MAET,UAAAA,IAAO,gBAAAC,EAAC,KAAA,EAAE,WAAWC,EAAU,QAAWF,MAAS,QAAQ,YAAY,WAAW,EAAA,CAAG,IAAK;AAAA,IAAA;AAAA,EAAA;AAGjG;AAEAG,EAAkB,aAAaL,CAAgB;"}

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

@@ -1 +1,5 @@
-export declare function DefaultCell({ value, render }: any): JSX.Element;
+export interface DefaultCellProps<Data = any> {
+    value: Data;
+    render?: (value: Data) => any;
+}
+export declare function DefaultCell<Data = any>({ value, render }: DefaultCellProps<Data>): JSX.Element;

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

@@ -1,11 +1,13 @@
-import { jsx as t } from "react/jsx-runtime";
-function o({ value: r, render: e = (n) => n }) {
+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__ */ t("span", {});
-  const n = e(r);
-  return r !== n ? /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: n } }) : /* @__PURE__ */ t("span", { children: String(r) });
+    return /* @__PURE__ */ e("span", {});
+  const n = t(r);
+  return r !== n ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: n } }) : /* @__PURE__ */ e("span", { children: String(r) });
 }
+o("Cell", i);
 export {
-  o as DefaultCell
+  i 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":["export function DefaultCell({ value, render = (f: any) => f }: any): 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"],"names":["DefaultCell","value","render","f","rendered","jsx"],"mappings":";AAAO,SAASA,EAAY,EAAE,OAAAC,GAAO,QAAAC,IAAS,CAACC,MAAWA,KAAuB;AAC/E,MAAIF,MAAU;AACZ,6BAAQ,QAAK,EAAA;AAGT,QAAAG,IAAWF,EAAOD,CAAK;AAE7B,SAAIA,MAAUG,sBACJ,OAAI,EAAA,yBAAyB,EAAE,QAAQA,KAAY,IAGrD,gBAAAC,EAAA,QAAA,EAAM,UAAO,OAAAJ,CAAK,GAAE;AAC9B;"}
+{"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;"}

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

@@ -0,0 +1,6 @@
+import { Header } from '@tanstack/react-table';
+export interface DefaultCellHeaderProps<Data = any> {
+    header: Header<Data, unknown>;
+    i18n?: (f: string) => string;
+}
+export declare function DefaultCellFooter<Data = any>(props: DefaultCellHeaderProps<Data>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { jsx as r, Fragment as t } from "react/jsx-runtime";
+import { flexRender as n } from "@tanstack/react-table";
+import { registerComponent as m } from "../../../registries/components.js";
+function l(o) {
+  const { header: e } = o;
+  return /* @__PURE__ */ r(t, { children: n(e.column.columnDef.footer, e.getContext()) });
+}
+m("CellFooter", l);
+export {
+  l as DefaultCellFooter
+};
+//# sourceMappingURL=DefaultCellFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCellFooter.js","sources":["../../../../src/molecules/table/components/DefaultCellFooter.tsx"],"sourcesContent":["import { flexRender, type Header } from \"@tanstack/react-table\";\n\nimport { registerComponent } from \"../../../registries/components\";\n\nexport interface DefaultCellHeaderProps<Data = any> {\n  header: Header<Data, unknown>;\n  i18n?: (f: string) => string;\n}\n\nexport function DefaultCellFooter<Data = any>(props: DefaultCellHeaderProps<Data>) {\n  const { header } = props;\n\n  return <>{flexRender(header.column.columnDef.footer, header.getContext())}</>;\n}\n\nregisterComponent(\"CellFooter\", DefaultCellFooter);\n"],"names":["DefaultCellFooter","props","header","jsx","Fragment","registerComponent"],"mappings":";;;AASO,SAASA,EAA8BC,GAAqC;AACjF,QAAM,EAAE,QAAAC,MAAWD;AAEnB,SAAO,gBAAAE,EAAAC,GAAA,EAAG,YAAWF,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,EAAA,CAAE;AAC5E;AAEAG,EAAkB,cAAcL,CAAiB;"}

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

@@ -1,9 +1,6 @@
-import { HeaderGroup } from 'react-table';
-export interface DefaultCellHeaderProps<Data extends object = any> extends Record<string, unknown> {
-    column: HeaderGroup<Data> & {
-        getSortByToggleProps: () => Record<string, unknown>;
-        canFilter: boolean;
-        render: (key: string) => any;
-    };
+import { Header } from '@tanstack/react-table';
+export interface DefaultCellHeaderProps<Data = any> {
+    header: Header<Data, unknown>;
+    i18n?: (f: string) => string;
 }
-export declare function DefaultCellHeader<Data extends Record<string, unknown> = {}>({ column }: DefaultCellHeaderProps<Data>): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultCellHeader<Data = any>(props: DefaultCellHeaderProps<Data>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +1,30 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-function d({ column: e }) {
-  return /* @__PURE__ */ r("div", { className: "table-cell-header", children: [
-    /* @__PURE__ */ r("div", { className: "table-cell-header__label", ...e.getSortByToggleProps(), children: [
-      /* @__PURE__ */ l("span", { children: e.render("Header") }),
-      e.render("ArrowSort")
-    ] }),
-    e.canFilter ? /* @__PURE__ */ l("div", { className: "table-cell-header__filter", children: e.render("Filter") }) : null
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { flexRender as d } from "@tanstack/react-table";
+import { c as t } from "../../../chunks/index.js";
+import { registerComponent as g, getComponent as n } from "../../../registries/components.js";
+function u(l) {
+  const { header: e, i18n: c } = l, a = n("ArrowSort"), i = n("Filter"), m = e.column.getCanSort(), s = e.column.getCanFilter();
+  return /* @__PURE__ */ o("div", { className: t("table-cell-header", {}), children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: t("table-cell-header__label", {
+          "cursor-pointer select-none": e.column.getCanSort()
+        }),
+        ...m ? {
+          onClick: e.column.getToggleSortingHandler()
+        } : {},
+        children: [
+          /* @__PURE__ */ r("span", { children: d(e.column.columnDef.header, e.getContext()) }),
+          /* @__PURE__ */ r(a, { header: e })
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ r(i, { header: e, i18n: c })
   ] });
 }
+g("CellHeader", u);
 export {
-  d as DefaultCellHeader
+  u as DefaultCellHeader
 };
 //# sourceMappingURL=DefaultCellHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultCellHeader.js","sources":["../../../../src/molecules/table/components/DefaultCellHeader.tsx"],"sourcesContent":["import { HeaderGroup } from \"react-table\";\n\nexport interface DefaultCellHeaderProps<Data extends object = any> extends Record<string, unknown> {\n  column: HeaderGroup<Data> & {\n    getSortByToggleProps: () => Record<string, unknown>;\n    canFilter: boolean;\n    render: (key: string) => any;\n  };\n}\n\nexport function DefaultCellHeader<Data extends Record<string, unknown> = {}>({ column }: DefaultCellHeaderProps<Data>) {\n  return (\n    <div className={\"table-cell-header\"}>\n      <div className='table-cell-header__label' {...column.getSortByToggleProps()}>\n        <span>{column.render(\"Header\") as any}</span>\n\n        {column.render(\"ArrowSort\") as any}\n      </div>\n      {column.canFilter ? <div className='table-cell-header__filter'>{column.render(\"Filter\") as any}</div> : null}\n    </div>\n  );\n}\n"],"names":["DefaultCellHeader","column","jsxs","jsx"],"mappings":";AAUgB,SAAAA,EAA6D,EAAE,QAAAC,KAAwC;AAEnH,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAW,qBACd,UAAA;AAAA,IAAA,gBAAAA,EAAC,SAAI,WAAU,4BAA4B,GAAGD,EAAO,qBACnD,GAAA,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAM,EAAA,UAAAF,EAAO,OAAO,QAAQ,GAAS;AAAA,MAErCA,EAAO,OAAO,WAAW;AAAA,IAAA,GAC5B;AAAA,IACCA,EAAO,YAAY,gBAAAE,EAAC,OAAI,EAAA,WAAU,6BAA6B,UAAOF,EAAA,OAAO,QAAQ,EAAS,CAAA,IAAS;AAAA,EAAA,GAC1G;AAEJ;"}
+{"version":3,"file":"DefaultCellHeader.js","sources":["../../../../src/molecules/table/components/DefaultCellHeader.tsx"],"sourcesContent":["import { flexRender, type Header } from \"@tanstack/react-table\";\nimport cx from \"classnames\";\n\nimport { getComponent, registerComponent } from \"../../../registries/components\";\nimport type { DefaultArrowSort } from \"./DefaultArrowSort\";\nimport type { DefaultFilter } from \"./DefaultFilter\";\n\nexport interface DefaultCellHeaderProps<Data = any> {\n  header: Header<Data, unknown>;\n  i18n?: (f: string) => string;\n}\n\nexport function DefaultCellHeader<Data = any>(props: DefaultCellHeaderProps<Data>) {\n  const { header, i18n } = props;\n\n  const ArrowSort = getComponent<typeof DefaultArrowSort>(\"ArrowSort\");\n  const Filter = getComponent<typeof DefaultFilter>(\"Filter\");\n  const canSort = header.column.getCanSort();\n  const canFilter = header.column.getCanFilter();\n\n  return (\n    <div className={cx(\"table-cell-header\", {})}>\n      <div\n        className={cx(\"table-cell-header__label\", {\n          \"cursor-pointer select-none\": header.column.getCanSort()\n        })}\n        {...(canSort\n          ? {\n              onClick: header.column.getToggleSortingHandler()\n            }\n          : {})}\n      >\n        <span>{flexRender(header.column.columnDef.header, header.getContext())}</span>\n\n        <ArrowSort header={header} />\n      </div>\n      {canFilter && <Filter header={header} i18n={i18n} />}\n    </div>\n  );\n}\n\nregisterComponent(\"CellHeader\", DefaultCellHeader);\n"],"names":["DefaultCellHeader","props","header","i18n","ArrowSort","getComponent","Filter","canSort","canFilter","cx","jsxs","jsx","registerComponent"],"mappings":";;;;AAYO,SAASA,EAA8BC,GAAqC;AACjF,QAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAA,IAASF,GAEnBG,IAAYC,EAAsC,WAAW,GAC7DC,IAASD,EAAmC,QAAQ,GACpDE,IAAUL,EAAO,OAAO,WAAA,GACxBM,IAAYN,EAAO,OAAO,aAAA;AAEhC,2BACG,OAAA,EAAI,WAAWO,EAAG,qBAAqB,CAAA,CAAE,GACxC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAG,4BAA4B;AAAA,UACxC,8BAA8BP,EAAO,OAAO,WAAA;AAAA,QAAW,CACxD;AAAA,QACA,GAAIK,IACD;AAAA,UACE,SAASL,EAAO,OAAO,wBAAA;AAAA,QAAwB,IAEjD,CAAA;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAS,EAAC,QAAA,EAAM,YAAWT,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,EAAA,CAAE;AAAA,UAEvE,gBAAAS,EAACP,KAAU,QAAAF,EAAA,CAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5BM,KAAa,gBAAAG,EAACL,GAAA,EAAO,QAAAJ,GAAgB,MAAAC,EAAA,CAAY;AAAA,EAAA,GACpD;AAEJ;AAEAS,EAAkB,cAAcZ,CAAiB;"}

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

@@ -1,12 +1,11 @@
-import { DefaultOperationButton, OperationButtonProps } from './DefaultOperationButton';
-export interface DefaultCellOperationsProps {
-    operations: (OperationButtonProps & {
-        OperationButton: typeof DefaultOperationButton;
-        permissionsResolver?(data: unknown, ctx: any): boolean;
-    })[];
-    row: any;
-    onClick: (data: any, action: string) => void;
-    ctx: any;
+import { CellContext } from '@tanstack/react-table';
+import { CellMetadata, Operation } from '../../../interfaces';
+import { JSONRecord } from '../../../interfaces/JSONRecord.js';
+export interface DefaultCellOperationsProps<Data extends object = JSONRecord> {
+    info: CellContext<Data, unknown>;
+    operations: Operation<Data>[];
+    metadata?: CellMetadata;
     i18n: (i18n: string) => string;
+    onClick?: (data: any, operation: Operation<Data>) => void;
 }
-export declare function DefaultCellOperations({ operations, row, onClick, ctx, i18n }: DefaultCellOperationsProps): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultCellOperations<Data extends object = JSONRecord>({ info, metadata, operations, i18n, onClick }: DefaultCellOperationsProps<Data>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,21 +1,30 @@
-import { jsx as i } from "react/jsx-runtime";
-import { DefaultOperationButton as d } from "./DefaultOperationButton.js";
-function g({ operations: o, row: e, onClick: l, ctx: r, i18n: u }) {
-  const a = e.original;
-  return /* @__PURE__ */ i("div", { className: "btn-group", children: o.filter(({ permissionsResolver: t }) => !t || t(a, r)).map(({ OperationButton: t = d, ...n }, c) => /* @__PURE__ */ i(
-    t,
+import { jsx as o } from "react/jsx-runtime";
+import { registerComponent as c, getComponent as p } from "../../../registries/components.js";
+function m({
+  info: r,
+  metadata: n,
+  operations: e,
+  i18n: i,
+  onClick: l
+}) {
+  const a = p("OperationButton");
+  return /* @__PURE__ */ o("div", { className: "btn-group", children: e.filter(({ permissionsResolver: t, ...u }) => !t || t(r.row.original, n || {}, u)).map((t) => /* @__PURE__ */ o(
+    a,
     {
-      ...n,
-      "data-testid": `operation-${c}-${n.action}`,
-      onClick: (f) => l(a, f),
-      data: a,
-      i18n: u,
-      ctx: r
+      "data-testid": `operation-${r.row.id}-${t.action}`,
+      operation: t,
+      metadata: n,
+      info: r,
+      i18n: i,
+      onClick: () => {
+        l?.(r.row.original, t);
+      }
     },
-    n.action
+    t.action
   )) });
 }
+c("CellOperations", m);
 export {
-  g as DefaultCellOperations
+  m as DefaultCellOperations
 };
 //# sourceMappingURL=DefaultCellOperations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultCellOperations.js","sources":["../../../../src/molecules/table/components/DefaultCellOperations.tsx"],"sourcesContent":["import { DefaultOperationButton, OperationButtonProps } from \"./DefaultOperationButton\";\n\nexport interface DefaultCellOperationsProps {\n  operations: (OperationButtonProps & {\n    OperationButton: typeof DefaultOperationButton;\n    permissionsResolver?(data: unknown, ctx: any): boolean;\n  })[];\n  row: any;\n\n  onClick: (data: any, action: string) => void;\n  ctx: any;\n  i18n: (i18n: string) => string;\n}\n\nexport function DefaultCellOperations({ operations, row, onClick, ctx, i18n }: DefaultCellOperationsProps) {\n  const data = row.original;\n\n  return (\n    <div className='btn-group'>\n      {operations\n        .filter(({ permissionsResolver }) => !permissionsResolver || permissionsResolver(data, ctx))\n        .map(({ OperationButton = DefaultOperationButton, ...operation }, index: number) => {\n          return (\n            <OperationButton\n              key={operation.action}\n              {...operation}\n              data-testid={`operation-${index}-${operation.action}`}\n              onClick={(action: string) => onClick(data, action)}\n              data={data}\n              i18n={i18n}\n              ctx={ctx}\n            />\n          );\n        })}\n    </div>\n  );\n}\n"],"names":["DefaultCellOperations","operations","row","onClick","ctx","i18n","data","jsx","permissionsResolver","OperationButton","DefaultOperationButton","operation","index","action"],"mappings":";;AAcO,SAASA,EAAsB,EAAE,YAAAC,GAAY,KAAAC,GAAK,SAAAC,GAAS,KAAAC,GAAK,MAAAC,KAAoC;AACzG,QAAMC,IAAOJ,EAAI;AAGf,SAAA,gBAAAK,EAAC,OAAI,EAAA,WAAU,aACZ,UAAAN,EACE,OAAO,CAAC,EAAE,qBAAAO,QAA0B,CAACA,KAAuBA,EAAoBF,GAAMF,CAAG,CAAC,EAC1F,IAAI,CAAC,EAAE,iBAAAK,IAAkBC,GAAwB,GAAGC,EAAU,GAAGC,MAE9D,gBAAAL;AAAA,IAACE;AAAA,IAAA;AAAA,MAEE,GAAGE;AAAA,MACJ,eAAa,aAAaC,CAAK,IAAID,EAAU,MAAM;AAAA,MACnD,SAAS,CAACE,MAAmBV,EAAQG,GAAMO,CAAM;AAAA,MACjD,MAAAP;AAAA,MACA,MAAAD;AAAA,MACA,KAAAD;AAAA,IAAA;AAAA,IANKO,EAAU;AAAA,EAOjB,CAEH,GACL;AAEJ;"}
+{"version":3,"file":"DefaultCellOperations.js","sources":["../../../../src/molecules/table/components/DefaultCellOperations.tsx"],"sourcesContent":["import type { CellContext } from \"@tanstack/react-table\";\n\nimport type { CellMetadata, Operation } from \"../../../interfaces\";\nimport type { JSONRecord } from \"../../../interfaces/JSONRecord.js\";\nimport { getComponent, registerComponent } from \"../../../registries/components\";\nimport type { DefaultOperationButton } from \"./DefaultOperationButton\";\n\nexport interface DefaultCellOperationsProps<Data extends object = JSONRecord> {\n  info: CellContext<Data, unknown>;\n  operations: Operation<Data>[];\n  metadata?: CellMetadata;\n  i18n: (i18n: string) => string;\n  onClick?: (data: any, operation: Operation<Data>) => void;\n}\n\nexport function DefaultCellOperations<Data extends object = JSONRecord>({\n  info,\n  metadata,\n  operations,\n  i18n,\n  onClick\n}: DefaultCellOperationsProps<Data>) {\n  const Button = getComponent<typeof DefaultOperationButton<Data>>(\"OperationButton\");\n  return (\n    <div className='btn-group'>\n      {operations\n        .filter(({ permissionsResolver, ...operation }) => {\n          return !permissionsResolver || permissionsResolver(info.row.original, metadata || {}, operation);\n        })\n        .map((operation) => {\n          return (\n            <Button\n              data-testid={`operation-${info.row.id}-${operation.action}`}\n              key={operation.action}\n              operation={operation}\n              metadata={metadata}\n              info={info}\n              i18n={i18n}\n              onClick={() => {\n                onClick?.(info.row.original, operation);\n              }}\n            />\n          );\n        })}\n    </div>\n  );\n}\n\nregisterComponent(\"CellOperations\", DefaultCellOperations);\n"],"names":["DefaultCellOperations","info","metadata","operations","i18n","onClick","Button","getComponent","jsx","permissionsResolver","operation","registerComponent"],"mappings":";;AAeO,SAASA,EAAwD;AAAA,EACtE,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,GAAqC;AACnC,QAAMC,IAASC,EAAkD,iBAAiB;AAClF,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,aACZ,UAAAL,EACE,OAAO,CAAC,EAAE,qBAAAM,GAAqB,GAAGC,EAAA,MAC1B,CAACD,KAAuBA,EAAoBR,EAAK,IAAI,UAAUC,KAAY,CAAA,GAAIQ,CAAS,CAChG,EACA,IAAI,CAACA,MAEF,gBAAAF;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,eAAa,aAAaL,EAAK,IAAI,EAAE,IAAIS,EAAU,MAAM;AAAA,MAEzD,WAAAA;AAAA,MACA,UAAAR;AAAA,MACA,MAAAD;AAAA,MACA,MAAAG;AAAA,MACA,SAAS,MAAM;AACb,QAAAC,IAAUJ,EAAK,IAAI,UAAUS,CAAS;AAAA,MACxC;AAAA,IAAA;AAAA,IAPKA,EAAU;AAAA,EAAA,CAUpB,EAAA,CACL;AAEJ;AAEAC,EAAkB,kBAAkBX,CAAqB;"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultFilter.js","sources":["../../../../src/molecules/table/components/DefaultFilter.tsx"],"sourcesContent":["import \"../interfaces/extends\";\n\nimport { Header } from \"@tanstack/react-table\";\nimport type { ComponentType } from \"react\";\n\nimport { getComponent, registerComponent } from \"../../../registries/components\";\n\nexport interface DefaultFilterProps<Data = any> {\n  header: Header<Data, unknown>;\n  i18n?: (f: string) => string;\n}\n\nexport interface FilterProps<Data = any, Opts = Record<string, unknown>> {\n  header: Header<Data, unknown>;\n  options: Opts;\n  i18n?: (f: string) => string;\n}\n\nexport function DefaultFilter<Data = any>({ header, i18n }: DefaultFilterProps<Data>) {\n  const {\n    filter = {\n      variant: \"text\"\n    }\n  } = header.column.columnDef.meta || {};\n\n  const { variant: filterVariant } = filter;\n  const Filter = getComponent<ComponentType<FilterProps>>([`Filter.${header.column.id}`, `Filter.${filterVariant}`, \"Filter.text\"]);\n\n  if (!Filter) {\n    console.warn(\"Missing filter for `Filter.\" + header.column.id + \"` or `Filter.\" + filterVariant + \"`\");\n\n    return null;\n  }\n\n  return (\n    <div className='table-cell-header__filter'>\n      <Filter header={header} options={filter} i18n={i18n} />\n    </div>\n  );\n}\n\nregisterComponent(\"Filter\", DefaultFilter);\n"],"names":["DefaultFilter","header","i18n","filter","filterVariant","Filter","getComponent","jsx","registerComponent"],"mappings":";;AAkBO,SAASA,EAA0B,EAAE,QAAAC,GAAQ,MAAAC,KAAkC;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;"}

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

@@ -1,15 +1,12 @@
+import { CellContext } from '@tanstack/react-table';
 import { HTMLAttributes } from 'react';
-export interface OperationButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
-    buttonType?: string;
-    buttonSize?: string;
-    buttonOutline?: boolean;
-    data: any[];
-    onClick: (action: string) => void;
-    action: string;
-    icon?: string;
-    title?: string;
+import { CellMetadata, Operation } from '../../../interfaces';
+import { JSONRecord } from '../../../interfaces/JSONRecord.js';
+export interface OperationButtonProps<Data extends object = JSONRecord> extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
+    operation: Operation<Data>;
+    info: CellContext<Data, unknown>;
+    metadata?: CellMetadata;
+    onClick: () => void;
     i18n?: (i18n: string) => string;
-    ctx?: any;
-    permissionsResolver?: (ctx: any) => boolean;
 }
-export declare function DefaultOperationButton(props: OperationButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultOperationButton<Data extends object = JSONRecord>(props: OperationButtonProps<Data>): import("react/jsx-runtime").JSX.Element;