@tsed/react-formio 2.3.2 → 3.0.0-alpha.1

package/dist/components/pagination/pagination.component.js

@@ -0,0 +1,87 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { c as t } from "../../chunks/index.js";
+import { Select as I } from "../select/select.component.js";
+import { getPageNumbers as k, LEFT_PAGE as S, RIGHT_PAGE as z } from "../table/utils/getPageNumbers.js";
+function m(s) {
+  const { component: d = "button", children: g, disabled: l, active: r, ...p } = s;
+  return /* @__PURE__ */ a(
+    d,
+    {
+      ...p,
+      "data-testid": "pagination-button",
+      disabled: l,
+      className: t("page-link", l ? "disabled" : "", "", s.className),
+      children: g
+    }
+  );
+}
+function A(s) {
+  const {
+    className: d,
+    pageSizes: g = [10, 25, 50, 100],
+    gotoPage: l,
+    canPreviousPage: r,
+    previousPage: p,
+    nextPage: P,
+    canNextPage: h,
+    pageCount: x,
+    pageIndex: c = 1,
+    pageOptions: b,
+    pageSize: f,
+    setPageSize: v,
+    totalLength: u,
+    i18n: i = (e) => e
+  } = s, N = k({
+    currentPage: c,
+    // pageNeighbours,
+    totalPages: x
+  }), C = g.map((e) => ({ value: e, label: e }));
+  return /* @__PURE__ */ n("nav", { "aria-label": "Page navigation", className: t("pagination-group -mb-3", d), children: [
+    /* @__PURE__ */ n("ul", { className: "pagination mb-3 mr-3", children: [
+      /* @__PURE__ */ a("li", { className: t("page-item", !r && "disabled"), children: /* @__PURE__ */ a(m, { tabIndex: -1, disabled: !r, onClick: () => p(), children: i("Previous") }) }),
+      N.map((e) => {
+        if ([S, z].includes(e))
+          return /* @__PURE__ */ a("li", { className: "page-item", children: /* @__PURE__ */ a(m, { "aria-hidden": "true", children: "..." }) }, e);
+        const o = e - 1 === c;
+        return /* @__PURE__ */ a("li", { className: t("page-item", o && "active"), children: /* @__PURE__ */ a(m, { tabIndex: c, active: o, onClick: () => l(e - 1), children: e }) }, e);
+      }),
+      /* @__PURE__ */ a("li", { className: t("page-item", !h && "disabled"), children: /* @__PURE__ */ a(m, { tabIndex: N.length, disabled: !h, onClick: () => P(), children: i("Next") }) })
+    ] }),
+    /* @__PURE__ */ n("li", { className: "mb-3 mr-3 flex items-center", children: [
+      /* @__PURE__ */ a(
+        I,
+        {
+          name: "page",
+          value: f,
+          choices: C,
+          onChange: (e, o) => {
+            v(+o);
+          }
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: "ml-3", children: i("items per page") })
+    ] }),
+    b && /* @__PURE__ */ n("li", { className: "mb-3 mr-3 flex items-center", children: [
+      /* @__PURE__ */ n("span", { children: [
+        i("Page"),
+        " "
+      ] }),
+      /* @__PURE__ */ n("strong", { children: [
+        c + 1,
+        " of ",
+        b.length
+      ] })
+    ] }),
+    u !== void 0 && /* @__PURE__ */ n("li", { className: "mb-3 flex items-center", "data-testid": "pagination-total-items", children: [
+      i("Total"),
+      ": ",
+      /* @__PURE__ */ a("strong", { className: "mx-1", children: new Intl.NumberFormat(void 0).format(u) }),
+      " ",
+      i("items")
+    ] })
+  ] });
+}
+export {
+  A as Pagination
+};
+//# sourceMappingURL=pagination.component.js.map

package/dist/components/pagination/pagination.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.component.js","sources":["../../../src/components/pagination/pagination.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { Select } from \"../select/select.component\";\nimport { getPageNumbers, LEFT_PAGE, RIGHT_PAGE } from \"../table/utils/getPageNumbers\";\n\nfunction PaginationButton(\n  props: PropsWithChildren<\n    {\n      component?: any;\n      disabled?: boolean;\n      className?: string;\n      active?: boolean;\n    } & Record<string, any>\n  >\n) {\n  const { component: Component = \"button\", children, disabled, active, ...otherProps } = props;\n\n  return (\n    <Component\n      {...otherProps}\n      data-testid='pagination-button'\n      disabled={disabled}\n      className={classnames(\"page-link\", disabled ? \"disabled\" : \"\", active ? \"\" : \"\", props.className)}\n    >\n      {children}\n    </Component>\n  );\n}\n\nexport interface PaginationProps {\n  className?: string;\n  pageSizes?: number[];\n  gotoPage: any;\n  canPreviousPage: boolean;\n  previousPage: any;\n  nextPage: any;\n  canNextPage: boolean;\n  pageCount: number;\n  pageIndex: number;\n  pageOptions?: number[];\n  pageSize: number;\n  setPageSize: any;\n  totalLength?: number;\n  i18n?: (f: string) => string;\n}\n\nexport function Pagination(props: PaginationProps) {\n  const {\n    className,\n    pageSizes = [10, 25, 50, 100],\n    gotoPage,\n    canPreviousPage,\n    previousPage,\n    nextPage,\n    canNextPage,\n    pageCount,\n    pageIndex = 1,\n    pageOptions,\n    pageSize,\n    setPageSize,\n    totalLength,\n    i18n = (f: string) => f\n  } = props;\n\n  const pageNumbers = getPageNumbers({\n    currentPage: pageIndex,\n    // pageNeighbours,\n    totalPages: pageCount\n  });\n  const choices: any[] = pageSizes.map((value) => ({ value, label: value }));\n\n  return (\n    <nav aria-label='Page navigation' className={classnames(\"pagination-group -mb-3\", className)}>\n      <ul className='pagination mb-3 mr-3'>\n        <li className={classnames(\"page-item\", !canPreviousPage && \"disabled\")}>\n          <PaginationButton tabIndex={-1} disabled={!canPreviousPage} onClick={() => previousPage()}>\n            {i18n(\"Previous\")}\n          </PaginationButton>\n        </li>\n\n        {pageNumbers.map((page) => {\n          if ([LEFT_PAGE, RIGHT_PAGE].includes(page)) {\n            return (\n              <li className='page-item' key={page}>\n                <PaginationButton aria-hidden='true'>...</PaginationButton>\n              </li>\n            );\n          }\n\n          const active = page - 1 === pageIndex;\n          return (\n            <li className={classnames(\"page-item\", active && \"active\")} key={page}>\n              <PaginationButton tabIndex={pageIndex} active={active} onClick={() => gotoPage(page - 1)}>\n                {page}\n              </PaginationButton>\n            </li>\n          );\n        })}\n\n        <li className={classnames(\"page-item\", !canNextPage && \"disabled\")}>\n          <PaginationButton tabIndex={pageNumbers.length} disabled={!canNextPage} onClick={() => nextPage()}>\n            {i18n(\"Next\")}\n          </PaginationButton>\n        </li>\n      </ul>\n\n      <li className='mb-3 mr-3 flex items-center'>\n        <Select\n          name={\"page\"}\n          value={pageSize}\n          choices={choices}\n          onChange={(name: string, value: number) => {\n            setPageSize(+value);\n          }}\n        />\n        <span className={\"ml-3\"}>{i18n(\"items per page\")}</span>\n      </li>\n      {pageOptions && (\n        <li className={\"mb-3 mr-3 flex items-center\"}>\n          <span>{i18n(\"Page\")}&nbsp;</span>\n          <strong>\n            {pageIndex + 1} of {pageOptions.length}\n          </strong>\n        </li>\n      )}\n      {totalLength !== undefined && (\n        <li className={\"mb-3 flex items-center\"} data-testid='pagination-total-items'>\n          {i18n(\"Total\")}: <strong className='mx-1'>{new Intl.NumberFormat(undefined).format(totalLength)}</strong> {i18n(\"items\")}\n        </li>\n      )}\n    </nav>\n  );\n}\n"],"names":["PaginationButton","props","Component","children","disabled","active","otherProps","jsx","classnames","Pagination","className","pageSizes","gotoPage","canPreviousPage","previousPage","nextPage","canNextPage","pageCount","pageIndex","pageOptions","pageSize","setPageSize","totalLength","i18n","f","pageNumbers","getPageNumbers","choices","value","jsxs","page","LEFT_PAGE","RIGHT_PAGE","Select","name"],"mappings":"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"}

package/dist/components/select/select.component.d.ts

@@ -1,14 +1,14 @@
-import { HTMLAttributes, ReactElement } from "react";
-import { FormControlProps } from "../form-control/formControl.component";
-export interface SelectProps<Data = any> extends FormControlProps, Omit<HTMLAttributes<HTMLSelectElement>, "onChange" | "prefix"> {
-    size?: string;
-    placeholder?: string;
-    choices: {
-        label: string;
-        value: Data;
-    }[];
-    layout?: "html5" | "choicesjs";
-    disabled?: boolean;
-    multiple?: boolean;
-}
-export declare function Select<Data = any>({ name, label, size, onChange, required, value, choices, description, placeholder, prefix, suffix, multiple, layout, ...props }: SelectProps<Data>): ReactElement;
+import { HTMLAttributes, ReactElement } from 'react';
+import { FormControlProps } from '../form-control/formControl.component';
+export interface SelectProps<Data = any> extends FormControlProps, Omit<HTMLAttributes<HTMLSelectElement>, "onChange" | "prefix"> {
+    size?: string;
+    placeholder?: string;
+    choices: {
+        label: string;
+        value: Data;
+    }[];
+    layout?: "html5" | "choicesjs";
+    disabled?: boolean;
+    multiple?: boolean;
+}
+export declare function Select<Data = any>({ name, label, size, onChange, required, value, choices, description, placeholder, prefix, suffix, multiple, layout, ...props }: SelectProps<Data>): ReactElement;

package/dist/components/select/select.component.js

@@ -0,0 +1,60 @@
+import { jsx as n } from "react/jsx-runtime";
+import g from "@formio/choices.js";
+import { c as h } from "../../chunks/index.js";
+import { useRef as w, useEffect as x } from "react";
+import { getEventValue as C } from "../../utils/getEventValue.js";
+import { FormControl as E } from "../form-control/formControl.component.js";
+function N({
+  name: t,
+  label: u,
+  size: s,
+  onChange: l,
+  required: a,
+  value: d,
+  choices: e,
+  description: p,
+  placeholder: o,
+  prefix: v,
+  suffix: j,
+  multiple: f,
+  layout: m,
+  ...b
+}) {
+  const i = w(null);
+  return x(() => {
+    let r;
+    return m === "choicesjs" && (r = new g(i.current, {
+      removeItemButton: !0,
+      placeholderValue: o
+    })), () => {
+      r && r.destroy();
+    };
+  }, []), e = m === "choicesjs" || f || !o ? e : [
+    {
+      label: o,
+      value: ""
+    },
+    ...e
+  ], /* @__PURE__ */ n(E, { name: t, label: u, required: a, description: p, prefix: v, suffix: j, shadow: !1, children: /* @__PURE__ */ n(
+    "select",
+    {
+      ref: i,
+      "data-testid": `select_${t}`,
+      ...b,
+      className: h("form-control", s && `form-control-${s}`),
+      name: t,
+      id: t,
+      multiple: f,
+      value: d || "",
+      placeholder: o,
+      onChange: (r) => {
+        l && l(t, C(r));
+      },
+      children: e.map(({ label: r, value: c }) => /* @__PURE__ */ n("option", { label: r, value: c, children: r }, String(c)))
+    }
+  ) });
+}
+export {
+  N as Select
+};
+//# sourceMappingURL=select.component.js.map

package/dist/components/select/select.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.component.js","sources":["../../../src/components/select/select.component.tsx"],"sourcesContent":["import Choices from \"@formio/choices.js\";\nimport classnames from \"classnames\";\nimport { HTMLAttributes, ReactElement, useEffect, useRef } from \"react\";\n\nimport { getEventValue } from \"../../utils/getEventValue\";\nimport { FormControl, FormControlProps } from \"../form-control/formControl.component\";\n\nexport interface SelectProps<Data = any> extends FormControlProps, Omit<HTMLAttributes<HTMLSelectElement>, \"onChange\" | \"prefix\"> {\n  size?: string;\n  placeholder?: string;\n  choices: { label: string; value: Data }[];\n  layout?: \"html5\" | \"choicesjs\";\n  disabled?: boolean;\n  multiple?: boolean;\n}\n\nexport function Select<Data = any>({\n  name,\n  label,\n  size,\n  onChange,\n  required,\n  value,\n  choices,\n  description,\n  placeholder,\n  prefix,\n  suffix,\n  multiple,\n  layout,\n  ...props\n}: SelectProps<Data>): ReactElement {\n  const ref = useRef<HTMLSelectElement>(null);\n\n  useEffect(() => {\n    let instance: any;\n\n    if (layout === \"choicesjs\") {\n      instance = new Choices(ref.current as unknown as HTMLInputElement, {\n        removeItemButton: true,\n        placeholderValue: placeholder\n      });\n    }\n\n    return () => {\n      instance && instance.destroy();\n    };\n  }, []);\n\n  choices =\n    layout === \"choicesjs\" || multiple || !placeholder\n      ? choices\n      : ([\n          {\n            label: placeholder,\n            value: \"\"\n          },\n          ...choices\n        ] as any[]);\n\n  return (\n    <FormControl name={name} label={label} required={required} description={description} prefix={prefix} suffix={suffix} shadow={false}>\n      {}\n      <select\n        ref={ref}\n        data-testid={`select_${name}`}\n        {...props}\n        className={classnames(\"form-control\", size && `form-control-${size}`)}\n        name={name}\n        id={name}\n        multiple={multiple}\n        value={value || (\"\" as any)}\n        placeholder={placeholder}\n        onChange={(event) => {\n          onChange && onChange(name, getEventValue(event));\n        }}\n      >\n        {choices.map(({ label, value }) => {\n          return (\n            <option key={String(value)} label={label} value={value as any}>\n              {label}\n            </option>\n          );\n        })}\n      </select>\n    </FormControl>\n  );\n}\n"],"names":["Select","name","label","size","onChange","required","value","choices","description","placeholder","prefix","suffix","multiple","layout","props","ref","useRef","useEffect","instance","Choices","jsx","FormControl","classnames","event","getEventValue"],"mappings":";;;;;;AAgBO,SAASA,EAAmB;AAAA,EACjC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GAAoC;AAC5B,QAAAC,IAAMC,EAA0B,IAAI;AAE1C,SAAAC,EAAU,MAAM;AACV,QAAAC;AAEJ,WAAIL,MAAW,gBACFK,IAAA,IAAIC,EAAQJ,EAAI,SAAwC;AAAA,MACjE,kBAAkB;AAAA,MAClB,kBAAkBN;AAAA,IAAA,CACnB,IAGI,MAAM;AACX,MAAAS,KAAYA,EAAS,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,EAAE,GAELX,IACEM,MAAW,eAAeD,KAAY,CAACH,IACnCF,IACC;AAAA,IACC;AAAA,MACE,OAAOE;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAGF;AAAA,EACL,GAGJ,gBAAAa,EAACC,KAAY,MAAApB,GAAY,OAAAC,GAAc,UAAAG,GAAoB,aAAAG,GAA0B,QAAAE,GAAgB,QAAAC,GAAgB,QAAQ,IAE3H,UAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,eAAa,UAAUd,CAAI;AAAA,MAC1B,GAAGa;AAAA,MACJ,WAAWQ,EAAW,gBAAgBnB,KAAQ,gBAAgBA,CAAI,EAAE;AAAA,MACpE,MAAAF;AAAA,MACA,IAAIA;AAAA,MACJ,UAAAW;AAAA,MACA,OAAON,KAAU;AAAA,MACjB,aAAAG;AAAA,MACA,UAAU,CAACc,MAAU;AACnB,QAAAnB,KAAYA,EAASH,GAAMuB,EAAcD,CAAK,CAAC;AAAA,MACjD;AAAA,MAEC,UAAAhB,EAAQ,IAAI,CAAC,EAAE,OAAAL,GAAO,OAAAI,QAEnB,gBAAAc,EAAC,UAA2B,EAAA,OAAOlB,GAAO,OAAOI,GAC9C,UAAAJ,EAAAA,GADU,OAAOI,CAAK,CAEzB,CAEH;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/components/submissions-table/submissionsTable.component.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
-import { FormSchema, Submission } from "../../interfaces";
-import { TableProps } from "../table/hooks/useCustomTable.hook";
-export type SubmissionsTableProps = Omit<TableProps<Submission>, "columns"> & {
-    form?: FormSchema;
-};
-export declare function SubmissionsTable({ form, ...props }: SubmissionsTableProps): React.JSX.Element;
+import { FormSchema, Submission } from '../../interfaces';
+import { TableProps } from '../table/hooks/useCustomTable.hook';
+export type SubmissionsTableProps = Omit<TableProps<Submission>, "columns"> & {
+    form?: FormSchema;
+};
+export declare function SubmissionsTable({ form, ...props }: SubmissionsTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/submissions-table/submissionsTable.component.js

@@ -0,0 +1,11 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Table as s } from "../table/table.component.js";
+import { mapFormToColumns as t } from "../table/utils/mapFormToColumns.js";
+function e({ form: o, ...m }) {
+  const r = o && t(o);
+  return /* @__PURE__ */ n(s, { ...m, columns: r });
+}
+export {
+  e as SubmissionsTable
+};
+//# sourceMappingURL=submissionsTable.component.js.map

package/dist/components/submissions-table/submissionsTable.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submissionsTable.component.js","sources":["../../../src/components/submissions-table/submissionsTable.component.tsx"],"sourcesContent":["import { FormSchema, Submission } from \"../../interfaces\";\nimport { TableProps } from \"../table/hooks/useCustomTable.hook\";\nimport { Table } from \"../table/table.component\";\nimport { mapFormToColumns } from \"../table/utils/mapFormToColumns\";\n\nexport type SubmissionsTableProps = Omit<TableProps<Submission>, \"columns\"> & {\n  form?: FormSchema;\n};\n\nexport function SubmissionsTable({ form, ...props }: SubmissionsTableProps) {\n  const columns: any[] | undefined = form && mapFormToColumns(form);\n\n  return <Table {...props} columns={columns!} />;\n}\n"],"names":["SubmissionsTable","form","props","columns","mapFormToColumns","jsx","Table"],"mappings":";;;AASO,SAASA,EAAiB,EAAE,MAAAC,GAAM,GAAGC,KAAgC;AACpE,QAAAC,IAA6BF,KAAQG,EAAiBH,CAAI;AAEhE,SAAQ,gBAAAI,EAAAC,GAAA,EAAO,GAAGJ,GAAO,SAAAC,EAAmB,CAAA;AAC9C;"}

package/dist/components/table/components/defaultArrowSort.component.d.ts

@@ -1,2 +1 @@
-import React from "react";
-export declare function DefaultArrowSort({ column }: any): React.JSX.Element;
+export declare function DefaultArrowSort({ column }: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/components/defaultArrowSort.component.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+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") }) : "" });
+}
+export {
+  n as DefaultArrowSort
+};
+//# sourceMappingURL=defaultArrowSort.component.js.map

package/dist/components/table/components/defaultArrowSort.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultArrowSort.component.js","sources":["../../../../src/components/table/components/defaultArrowSort.component.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;"}

package/dist/components/table/components/defaultCell.component.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function DefaultCell({ value, render }: any): JSX.Element;
+export declare function DefaultCell({ value, render }: any): JSX.Element;

package/dist/components/table/components/defaultCell.component.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+function o({ value: r, render: e = (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) });
+}
+export {
+  o as DefaultCell
+};
+//# sourceMappingURL=defaultCell.component.js.map

package/dist/components/table/components/defaultCell.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultCell.component.js","sources":["../../../../src/components/table/components/defaultCell.component.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;"}

package/dist/components/table/components/defaultCellHeader.component.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
-import { HeaderGroup } from "react-table";
-export interface DefaultCellHeaderProps<Data extends object = any> extends Record<string, unknown> {
-    column: HeaderGroup<Data>;
-}
-export declare function DefaultCellHeader<Data extends Record<string, unknown> = {}>({ column }: DefaultCellHeaderProps<Data>): React.JSX.Element;
+import { HeaderGroup } from 'react-table';
+export interface DefaultCellHeaderProps<Data extends object = any> extends Record<string, unknown> {
+    column: HeaderGroup<Data>;
+}
+export declare function DefaultCellHeader<Data extends Record<string, unknown> = {}>({ column }: DefaultCellHeaderProps<Data>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/components/defaultCellHeader.component.js

@@ -0,0 +1,14 @@
+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
+  ] });
+}
+export {
+  d as DefaultCellHeader
+};
+//# sourceMappingURL=defaultCellHeader.component.js.map

package/dist/components/table/components/defaultCellHeader.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultCellHeader.component.js","sources":["../../../../src/components/table/components/defaultCellHeader.component.tsx"],"sourcesContent":["import { HeaderGroup } from \"react-table\";\n\nexport interface DefaultCellHeaderProps<Data extends object = any> extends Record<string, unknown> {\n  column: HeaderGroup<Data>;\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":";AAMgB,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;"}

package/dist/components/table/components/defaultCellOperations.component.d.ts

@@ -1,13 +1,12 @@
-import React from "react";
-import { DefaultOperationButton, OperationButtonProps } from "./defaultOperationButton.component";
-export interface DefaultCellOperationsProps {
-    operations: (OperationButtonProps & {
-        OperationButton: typeof DefaultOperationButton;
-        permissionsResolver?(data: unknown, ctx: any): boolean;
-    })[];
-    row: any;
-    onClick: (data: any, action: string) => void;
-    ctx: any;
-    i18n: (i18n: string) => string;
-}
-export declare function DefaultCellOperations({ operations, row, onClick, ctx, i18n }: DefaultCellOperationsProps): React.JSX.Element;
+import { DefaultOperationButton, OperationButtonProps } from './defaultOperationButton.component';
+export interface DefaultCellOperationsProps {
+    operations: (OperationButtonProps & {
+        OperationButton: typeof DefaultOperationButton;
+        permissionsResolver?(data: unknown, ctx: any): boolean;
+    })[];
+    row: any;
+    onClick: (data: any, action: string) => void;
+    ctx: any;
+    i18n: (i18n: string) => string;
+}
+export declare function DefaultCellOperations({ operations, row, onClick, ctx, i18n }: DefaultCellOperationsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/components/defaultCellOperations.component.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { DefaultOperationButton as d } from "./defaultOperationButton.component.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,
+    {
+      ...n,
+      "data-testid": `operation-${c}-${n.action}`,
+      onClick: (f) => l(a, f),
+      data: a,
+      i18n: u,
+      ctx: r
+    },
+    n.action
+  )) });
+}
+export {
+  g as DefaultCellOperations
+};
+//# sourceMappingURL=defaultCellOperations.component.js.map

package/dist/components/table/components/defaultCellOperations.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultCellOperations.component.js","sources":["../../../../src/components/table/components/defaultCellOperations.component.tsx"],"sourcesContent":["import { DefaultOperationButton, OperationButtonProps } from \"./defaultOperationButton.component\";\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;"}

package/dist/components/table/components/defaultCells.component.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
-import { Row } from "react-table";
-export declare function DefaultCells<Data extends object = {}>({ row }: {
-    row: Row<Data>;
-}): React.JSX.Element;
+import { Row } from 'react-table';
+export declare function DefaultCells<Data extends object = {}>({ row }: {
+    row: Row<Data>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/components/defaultCells.component.js

@@ -0,0 +1,23 @@
+import { jsx as a, Fragment as s } from "react/jsx-runtime";
+import { createElement as o } from "react";
+function c({ row: n }) {
+  return /* @__PURE__ */ a(s, { children: n.cells.map((e, t) => {
+    const { hidden: l, colspan: r } = e.column;
+    return l ? null : /* @__PURE__ */ o(
+      "td",
+      {
+        colSpan: r,
+        ...e.getCellProps({
+          className: e.column.className,
+          style: e.column.style
+        }),
+        key: `tableInstance.page.cells.${e.value || "value"}.${t}`
+      },
+      e.render("Cell")
+    );
+  }) });
+}
+export {
+  c as DefaultCells
+};
+//# sourceMappingURL=defaultCells.component.js.map

package/dist/components/table/components/defaultCells.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultCells.component.js","sources":["../../../../src/components/table/components/defaultCells.component.tsx"],"sourcesContent":["import { Row } from \"react-table\";\n\nimport type { ExtendedCell } from \"../hooks/useCustomTable.hook\";\n\nexport function DefaultCells<Data extends object = {}>({ row }: { row: Row<Data> }) {\n  return (\n    <>\n      {row.cells.map((cell: ExtendedCell<Data>, i) => {\n        const { hidden, colspan } = cell.column;\n\n        if (hidden) {\n          return null;\n        }\n\n        return (\n          <td\n            colSpan={colspan}\n            {...cell.getCellProps({\n              className: cell.column.className,\n              style: cell.column.style\n            })}\n            key={`tableInstance.page.cells.${cell.value || \"value\"}.${i}`}\n          >\n            {cell.render(\"Cell\") as any}\n          </td>\n        );\n      })}\n    </>\n  );\n}\n"],"names":["DefaultCells","row","cell","i","hidden","colspan","createElement"],"mappings":";;AAIgB,SAAAA,EAAuC,EAAE,KAAAC,KAA2B;AAClF,gCAEK,UAAIA,EAAA,MAAM,IAAI,CAACC,GAA0BC,MAAM;AAC9C,UAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAQ,IAAIH,EAAK;AAEjC,WAAIE,IACK,OAIP,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASD;AAAA,QACR,GAAGH,EAAK,aAAa;AAAA,UACpB,WAAWA,EAAK,OAAO;AAAA,UACvB,OAAOA,EAAK,OAAO;AAAA,QAAA,CACpB;AAAA,QACD,KAAK,4BAA4BA,EAAK,SAAS,OAAO,IAAIC,CAAC;AAAA,MAAA;AAAA,MAE1DD,EAAK,OAAO,MAAM;AAAA,IACrB;AAAA,EAEH,CAAA,GACH;AAEJ;"}

package/dist/components/table/components/defaultOperationButton.component.d.ts

@@ -1,14 +1,15 @@
-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;
-    i18n?: (i18n: string) => string;
-    ctx?: any;
-}
-export declare function DefaultOperationButton(props: OperationButtonProps): import("react").JSX.Element;
+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;
+    i18n?: (i18n: string) => string;
+    ctx?: any;
+    permissionsResolver?: (ctx: any) => boolean;
+}
+export declare function DefaultOperationButton(props: OperationButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/components/defaultOperationButton.component.js

@@ -0,0 +1,45 @@
+import { jsxs as i, Fragment as f, jsx as a } from "react/jsx-runtime";
+import { c as d } from "../../../chunks/index.js";
+import { iconClass as x } from "../../../utils/iconClass.js";
+import { stopPropagationWrapper as h } from "../../../utils/stopPropagationWrapper.js";
+function y(r) {
+  const {
+    className: e = "btn",
+    buttonSize: s = "xs",
+    buttonType: l = "primary",
+    buttonOutline: c,
+    onClick: m,
+    action: n,
+    icon: o = "",
+    title: t = "",
+    i18n: p = (b) => b,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    data: N,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    ctx: j,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    permissionsResolver: C,
+    ...u
+  } = r;
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      ...u,
+      "aria-label": "Operation button: " + (t || n),
+      className: d(e, ["btn", c && "outline", l].filter(Boolean).join("-"), `btn-${s}`),
+      onClick: h(() => m(n)),
+      children: [
+        o ? /* @__PURE__ */ i(f, { children: [
+          /* @__PURE__ */ a("i", { className: x(void 0, o) }),
+          " ",
+          t && " "
+        ] }) : null,
+        t && /* @__PURE__ */ a("span", { className: o && t ? "ml-1" : "", children: p(t) })
+      ]
+    }
+  );
+}
+export {
+  y as DefaultOperationButton
+};
+//# sourceMappingURL=defaultOperationButton.component.js.map

package/dist/components/table/components/defaultOperationButton.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultOperationButton.component.js","sources":["../../../../src/components/table/components/defaultOperationButton.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { HTMLAttributes } from \"react\";\n\nimport { iconClass } from \"../../../utils/iconClass\";\nimport { stopPropagationWrapper } from \"../../../utils/stopPropagationWrapper\";\n\nexport interface OperationButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, \"onClick\"> {\n  buttonType?: string;\n  buttonSize?: string;\n  buttonOutline?: boolean;\n  data: any[];\n  onClick: (action: string) => void;\n  action: string;\n  icon?: string;\n  title?: string;\n  i18n?: (i18n: string) => string;\n  ctx?: any;\n  permissionsResolver?: (ctx: any) => boolean;\n}\n\nexport function DefaultOperationButton(props: OperationButtonProps) {\n  const {\n    className = \"btn\",\n    buttonSize = \"xs\",\n    buttonType = \"primary\",\n    buttonOutline,\n    onClick,\n    action,\n    icon = \"\",\n    title = \"\",\n    i18n = (f: string) => f,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    data,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    ctx,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    permissionsResolver,\n    ...otherProps\n  } = props;\n\n  return (\n    <button\n      {...otherProps}\n      aria-label={\"Operation button: \" + (title || action)}\n      className={classnames(className, [\"btn\", buttonOutline && \"outline\", buttonType].filter(Boolean).join(\"-\"), `btn-${buttonSize}`)}\n      onClick={stopPropagationWrapper(() => onClick(action))}\n    >\n      {icon ? (\n        <>\n          <i className={iconClass(undefined, icon)} /> {title && \" \"}\n        </>\n      ) : null}\n      {title && <span className={icon && title ? \"ml-1\" : \"\"}>{i18n(title)}</span>}\n    </button>\n  );\n}\n"],"names":["DefaultOperationButton","props","className","buttonSize","buttonType","buttonOutline","onClick","action","icon","title","i18n","f","data","ctx","permissionsResolver","otherProps","jsxs","classnames","stopPropagationWrapper","Fragment","jsx","iconClass"],"mappings":";;;;AAoBO,SAASA,EAAuBC,GAA6B;AAC5D,QAAA;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,YAAAC,IAAa;AAAA,IACb,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO,CAACC,MAAcA;AAAA;AAAA,IAEtB,MAAAC;AAAA;AAAA,IAEA,KAAAC;AAAA;AAAA,IAEA,qBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDd;AAGF,SAAA,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,cAAY,wBAAwBN,KAASF;AAAA,MAC7C,WAAWU,EAAWf,GAAW,CAAC,OAAOG,KAAiB,WAAWD,CAAU,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAG,OAAOD,CAAU,EAAE;AAAA,MAC/H,SAASe,EAAuB,MAAMZ,EAAQC,CAAM,CAAC;AAAA,MAEpD,UAAA;AAAA,QAAAC,IAEG,gBAAAQ,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAC,EAAC,KAAE,EAAA,WAAWC,EAAU,QAAWb,CAAI,GAAG;AAAA,UAAE;AAAA,UAAEC,KAAS;AAAA,QAAA,EAAA,CACzD,IACE;AAAA,QACHA,KAAU,gBAAAW,EAAA,QAAA,EAAK,WAAWZ,KAAQC,IAAQ,SAAS,IAAK,UAAKC,EAAAD,CAAK,EAAE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvE;AAEJ;"}

package/dist/components/table/components/defaultRow.component.d.ts

@@ -1,12 +1,12 @@
-import React, { DetailedHTMLProps, HTMLAttributes } from "react";
-import { Row } from "react-table";
-export interface DefaultRowProps<Data extends object = {}> extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "onClick" | "onDrag" | "onDrop"> {
-    onClick: (data: any, action: string) => void;
-    row: Row<Data>;
-    index: number;
-    onDrop: (item: Data) => void;
-    onDrag: (index: number, hoverIndex: number) => void;
-    enableDragNDrop?: boolean;
-}
-export declare function DefaultDndRow<Data extends object = {}>(props: DefaultRowProps<Data>): React.JSX.Element;
-export declare function DefaultRow<Data extends object = {}>({ onClick, row, enableDragNDrop, onDrop, onDrag, ...props }: DefaultRowProps<Data>): React.JSX.Element;
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { Row } from 'react-table';
+export interface DefaultRowProps<Data extends object = {}> extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "onClick" | "onDrag" | "onDrop"> {
+    onClick: (data: any, action: string) => void;
+    row: Row<Data>;
+    index: number;
+    onDrop: (item: Data) => void;
+    onDrag: (index: number, hoverIndex: number) => void;
+    enableDragNDrop?: boolean;
+}
+export declare function DefaultDndRow<Data extends object = {}>(props: DefaultRowProps<Data>): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultRow<Data extends object = {}>({ onClick, row, enableDragNDrop, onDrop, onDrag, ...props }: DefaultRowProps<Data>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/components/defaultRow.component.js

@@ -0,0 +1,25 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { c as f } from "../../../chunks/index.js";
+import { iconClass as d } from "../../../utils/iconClass.js";
+import { useDndRow as m } from "../hooks/useDragnDropRow.hook.js";
+import { DefaultCells as n } from "./defaultCells.component.js";
+function u(t) {
+  const { isDragging: e, dragRef: i, dropRef: o, opacity: s } = m(t);
+  return /* @__PURE__ */ c("tr", { ref: o, style: { opacity: s }, children: [
+    /* @__PURE__ */ r("td", { ref: i, role: "cell", style: { cursor: e ? "grabbing" : "grab" }, className: "align-middle", children: /* @__PURE__ */ r("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ r("i", { className: f(d(void 0, "dots-vertical-rounded")) }) }) }),
+    /* @__PURE__ */ r(n, { ...t })
+  ] });
+}
+function x({ onClick: t, row: e, enableDragNDrop: i, onDrop: o, onDrag: s, ...a }) {
+  const l = {
+    ...a,
+    onClick: () => t(e.original, "row"),
+    ...e.getRowProps()
+  };
+  return i ? /* @__PURE__ */ r(u, { ...l, row: e, onDrag: s, onDrop: o }) : /* @__PURE__ */ r("tr", { ...l, children: /* @__PURE__ */ r(n, { row: e }) });
+}
+export {
+  u as DefaultDndRow,
+  x as DefaultRow
+};
+//# sourceMappingURL=defaultRow.component.js.map

package/dist/components/table/components/defaultRow.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultRow.component.js","sources":["../../../../src/components/table/components/defaultRow.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { DetailedHTMLProps, HTMLAttributes } from \"react\";\nimport { Row } from \"react-table\";\n\nimport { iconClass } from \"../../../utils/iconClass\";\nimport { useDndRow } from \"../hooks/useDragnDropRow.hook\";\nimport { DefaultCells } from \"./defaultCells.component\";\n\nexport interface DefaultRowProps<Data extends object = {}>\n  extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, \"onClick\" | \"onDrag\" | \"onDrop\"> {\n  onClick: (data: any, action: string) => void;\n  row: Row<Data>;\n  index: number;\n  onDrop: (item: Data) => void;\n  onDrag: (index: number, hoverIndex: number) => void;\n  enableDragNDrop?: boolean;\n}\n\nexport function DefaultDndRow<Data extends object = {}>(props: DefaultRowProps<Data>) {\n  const { isDragging, dragRef, dropRef, opacity } = useDndRow(props);\n\n  return (\n    <tr ref={dropRef} style={{ opacity }}>\n      {/* eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role */}\n      <td ref={dragRef} role='cell' style={{ cursor: isDragging ? \"grabbing\" : \"grab\" }} className='align-middle'>\n        <div className='flex items-center justify-center'>\n          <i className={classnames(iconClass(undefined, \"dots-vertical-rounded\"))} />\n        </div>\n      </td>\n      <DefaultCells<Data> {...props} />\n    </tr>\n  );\n}\n\nexport function DefaultRow<Data extends object = {}>({ onClick, row, enableDragNDrop, onDrop, onDrag, ...props }: DefaultRowProps<Data>) {\n  const opts = {\n    ...props,\n    onClick: () => onClick(row.original, \"row\"),\n    ...row.getRowProps()\n  };\n\n  if (enableDragNDrop) {\n    return <DefaultDndRow<Data> {...opts} row={row} onDrag={onDrag} onDrop={onDrop} />;\n  }\n\n  return (\n    <tr {...opts}>\n      <DefaultCells<Data> row={row} />\n    </tr>\n  );\n}\n"],"names":["DefaultDndRow","props","isDragging","dragRef","dropRef","opacity","useDndRow","jsx","classnames","iconClass","DefaultCells","DefaultRow","onClick","row","enableDragNDrop","onDrop","onDrag","opts"],"mappings":";;;;;AAkBO,SAASA,EAAwCC,GAA8B;AACpF,QAAM,EAAE,YAAAC,GAAY,SAAAC,GAAS,SAAAC,GAAS,SAAAC,EAAQ,IAAIC,EAAUL,CAAK;AAEjE,2BACG,MAAG,EAAA,KAAKG,GAAS,OAAO,EAAE,SAAAC,EAEzB,GAAA,UAAA;AAAA,IAAA,gBAAAE,EAAC,MAAG,EAAA,KAAKJ,GAAS,MAAK,QAAO,OAAO,EAAE,QAAQD,IAAa,aAAa,OAAO,GAAG,WAAU,gBAC3F,UAAC,gBAAAK,EAAA,OAAA,EAAI,WAAU,oCACb,UAAC,gBAAAA,EAAA,KAAA,EAAE,WAAWC,EAAWC,EAAU,QAAW,uBAAuB,CAAC,EAAG,CAAA,EAC3E,CAAA,GACF;AAAA,IACA,gBAAAF,EAACG,GAAoB,EAAA,GAAGT,EAAO,CAAA;AAAA,EAAA,GACjC;AAEJ;AAEgB,SAAAU,EAAqC,EAAE,SAAAC,GAAS,KAAAC,GAAK,iBAAAC,GAAiB,QAAAC,GAAQ,QAAAC,GAAQ,GAAGf,KAAgC;AACvI,QAAMgB,IAAO;AAAA,IACX,GAAGhB;AAAA,IACH,SAAS,MAAMW,EAAQC,EAAI,UAAU,KAAK;AAAA,IAC1C,GAAGA,EAAI,YAAY;AAAA,EACrB;AAEA,SAAIC,sBACMd,GAAqB,EAAA,GAAGiB,GAAM,KAAAJ,GAAU,QAAAG,GAAgB,QAAAD,GAAgB,sBAI/E,MAAI,EAAA,GAAGE,GACN,UAAC,gBAAAV,EAAAG,GAAA,EAAmB,KAAAG,EAAU,CAAA,GAChC;AAEJ;"}

package/dist/components/table/components/dragNDropContainer.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from "react";
-export declare function DrapNDropContainer({ enableDragNDrop, children }: PropsWithChildren<{
-    enableDragNDrop?: boolean;
-}>): React.JSX.Element;
+import { PropsWithChildren } from 'react';
+export declare function DrapNDropContainer({ enableDragNDrop, children }: PropsWithChildren<{
+    enableDragNDrop?: boolean;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/components/dragNDropContainer.js

@@ -0,0 +1,10 @@
+import { jsx as o, Fragment as t } from "react/jsx-runtime";
+import { DndProvider as m } from "react-dnd";
+import { HTML5Backend as e } from "react-dnd-html5-backend";
+function f({ enableDragNDrop: n, children: r }) {
+  return n ? /* @__PURE__ */ o(m, { backend: e, children: r }) : /* @__PURE__ */ o(t, { children: r });
+}
+export {
+  f as DrapNDropContainer
+};
+//# sourceMappingURL=dragNDropContainer.js.map

package/dist/components/table/components/dragNDropContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragNDropContainer.js","sources":["../../../../src/components/table/components/dragNDropContainer.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport { DndProvider } from \"react-dnd\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\n\nexport function DrapNDropContainer({ enableDragNDrop, children }: PropsWithChildren<{ enableDragNDrop?: boolean }>) {\n  return enableDragNDrop ? <DndProvider backend={HTML5Backend}>{children}</DndProvider> : <>{children}</>;\n}\n"],"names":["DrapNDropContainer","enableDragNDrop","children","DndProvider","HTML5Backend"],"mappings":";;;AAIO,SAASA,EAAmB,EAAE,iBAAAC,GAAiB,UAAAC,KAA8D;AAC3G,SAAAD,sBAAmBE,GAAY,EAAA,SAASC,GAAe,UAAAF,EAAS,CAAA,2BAAoB,UAAAA,EAAS,CAAA;AACtG;"}

package/dist/components/table/filters/defaultColumnFilter.component.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
-import { FilterProps } from "react-table";
-export declare function DefaultColumnFilter<D extends Record<string, unknown> = {}>(props: FilterProps<D> & {
-    filterId: string;
-    setFilterId: any;
-}): React.JSX.Element;
+import { FilterProps } from 'react-table';
+export declare function DefaultColumnFilter<D extends Record<string, unknown> = {}>(props: FilterProps<D> & {
+    filterId: string;
+    setFilterId: any;
+}): import("react/jsx-runtime").JSX.Element;