@tsed/react-formio 2.3.6 → 3.0.0-alpha.10

package/dist/molecules/forms/select/hooks/useOptions.d.ts

@@ -0,0 +1,9 @@
+import { AllSelectProps } from '../Select.interface';
+export declare function mapOptions(options: AllSelectProps["options"]): (import('../Select.interface').SelectOptionBaseProps<string> | Omit<import('../Select.interface').SelectOptionProps<string>, "value">)[] | {
+    label: any;
+    options: any;
+}[];
+export declare function useOptions<Data = string>({ options, choices }: AllSelectProps<Data>): (import('../Select.interface').SelectOptionBaseProps<string> | Omit<import('../Select.interface').SelectOptionProps<string>, "value">)[] | {
+    label: any;
+    options: any;
+}[];

package/dist/molecules/forms/select/hooks/useOptions.js

@@ -0,0 +1,35 @@
+import { useMemo as n } from "react";
+function o(e) {
+  if (e.find((u) => u.group)) {
+    let u = function(r) {
+      return {
+        ...r,
+        customProperties: {
+          ...r.data,
+          template: r.template
+        }
+      };
+    }, p = /* @__PURE__ */ new Map();
+    return e.forEach((r) => {
+      if (r.group) {
+        const t = p.get(r.group) || [];
+        t.push(r), p.set(r.group, t);
+      } else {
+        const t = p.get("default") || [];
+        t.push(u(r)), p.set("default", t);
+      }
+    }), [...p.entries()].map(([r, t]) => ({
+      label: r,
+      options: t
+    }));
+  }
+  return e;
+}
+function f({ options: e, choices: u }) {
+  return u && (e = u), n(() => o(e), [e]);
+}
+export {
+  o as mapOptions,
+  f as useOptions
+};
+//# sourceMappingURL=useOptions.js.map

package/dist/molecules/forms/select/hooks/useOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOptions.js","sources":["../../../../../src/molecules/forms/select/hooks/useOptions.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport type { AllSelectProps } from \"../Select.interface\";\n\nexport function mapOptions(options: AllSelectProps[\"options\"]) {\n  if (options.find((item) => item.group)) {\n    let groupsMap = new Map();\n\n    function mapItem(item: AllSelectProps[\"options\"][0]) {\n      return {\n        ...item,\n        customProperties: {\n          ...item.data,\n          template: item.template\n        }\n      };\n    }\n\n    options.forEach((item) => {\n      if (item.group) {\n        // legacy model group\n        const group = groupsMap.get(item.group) || [];\n\n        group.push(item);\n\n        groupsMap.set(item.group, group);\n      } else {\n        const group = groupsMap.get(\"default\") || [];\n        group.push(mapItem(item));\n        groupsMap.set(\"default\", group);\n      }\n    });\n\n    return [...groupsMap.entries()].map(([label, options]) => {\n      return {\n        label,\n        options\n      };\n    });\n  }\n\n  return options;\n}\n\nexport function useOptions<Data = string>({ options, choices }: AllSelectProps<Data>) {\n  if (choices) {\n    options = choices;\n  }\n\n  return useMemo(() => {\n    return mapOptions(options);\n  }, [options]);\n}\n"],"names":["mapOptions","options","item","mapItem","groupsMap","group","label","useOptions","choices","useMemo"],"mappings":";AAIO,SAASA,EAAWC,GAAoC;AAC7D,MAAIA,EAAQ,KAAK,CAACC,MAASA,EAAK,KAAK,GAAG;AAG7B,QAAAC,IAAT,SAAiBD,GAAoC;AAC5C,aAAA;AAAA,QACL,GAAGA;AAAA,QACH,kBAAkB;AAAA,UAChB,GAAGA,EAAK;AAAA,UACR,UAAUA,EAAK;AAAA,QAAA;AAAA,MAEnB;AAAA,IACF,GAVIE,wBAAgB,IAAI;AAYhB,WAAAH,EAAA,QAAQ,CAACC,MAAS;AACxB,UAAIA,EAAK,OAAO;AAEd,cAAMG,IAAQD,EAAU,IAAIF,EAAK,KAAK,KAAK,CAAC;AAE5C,QAAAG,EAAM,KAAKH,CAAI,GAELE,EAAA,IAAIF,EAAK,OAAOG,CAAK;AAAA,MAAA,OAC1B;AACL,cAAMA,IAAQD,EAAU,IAAI,SAAS,KAAK,CAAC;AACrC,QAAAC,EAAA,KAAKF,EAAQD,CAAI,CAAC,GACdE,EAAA,IAAI,WAAWC,CAAK;AAAA,MAAA;AAAA,IAChC,CACD,GAEM,CAAC,GAAGD,EAAU,QAAS,CAAA,EAAE,IAAI,CAAC,CAACE,GAAOL,CAAO,OAC3C;AAAA,MACL,OAAAK;AAAA,MACA,SAAAL;AAAAA,IACF,EACD;AAAA,EAAA;AAGI,SAAAA;AACT;AAEO,SAASM,EAA0B,EAAE,SAAAN,GAAS,SAAAO,KAAiC;AACpF,SAAIA,MACQP,IAAAO,IAGLC,EAAQ,MACNT,EAAWC,CAAO,GACxB,CAACA,CAAO,CAAC;AACd;"}

package/dist/molecules/loader/Loader.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+export interface LoaderProps {
+    isActive?: boolean;
+    color?: string;
+    icon?: string;
+    className?: string;
+}
+export declare function Loader({ isActive, color, icon, className }: PropsWithChildren<LoaderProps>): import("react/jsx-runtime").JSX.Element | null;

package/dist/molecules/loader/Loader.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as a } from "../../chunks/index.js";
+import { iconClass as s } from "../../utils/iconClass.js";
+function n({ isActive: r, color: i = "text-primary", icon: t = "radio-circle", className: o = "" }) {
+  return r ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: a(
+        "opacity-85 z-20 flex items-center justify-center p-5 absolute top-0 right-0 left-0 bottom-0 bg-white",
+        o
+      ),
+      children: /* @__PURE__ */ e("span", { "data-testid": `icon_${t}`, className: `text-8xl ${i} ${s(void 0, t, !0)}` })
+    }
+  ) : null;
+}
+export {
+  n as Loader
+};
+//# sourceMappingURL=Loader.js.map

package/dist/molecules/loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../../../src/molecules/loader/Loader.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { iconClass } from \"../../utils/iconClass\";\n\nexport interface LoaderProps {\n  isActive?: boolean;\n  color?: string;\n  icon?: string;\n  className?: string;\n}\n\nexport function Loader({ isActive, color = \"text-primary\", icon = \"radio-circle\", className = \"\" }: PropsWithChildren<LoaderProps>) {\n  if (isActive) {\n    return (\n      <div\n        className={classnames(\n          \"opacity-85 z-20 flex items-center justify-center p-5 absolute top-0 right-0 left-0 bottom-0 bg-white\",\n          className\n        )}\n      >\n        <span data-testid={`icon_${icon}`} className={`text-8xl ${color} ${iconClass(undefined, icon, true)}`} />\n      </div>\n    );\n  }\n  return null;\n}\n"],"names":["Loader","isActive","color","icon","className","jsx","classnames","iconClass"],"mappings":";;;AAYgB,SAAAA,EAAO,EAAE,UAAAC,GAAU,OAAAC,IAAQ,gBAAgB,MAAAC,IAAO,gBAAgB,WAAAC,IAAY,MAAsC;AAClI,SAAIH,IAEA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAAA,QACT;AAAA,QACAF;AAAA,MACF;AAAA,MAEA,UAAC,gBAAAC,EAAA,QAAA,EAAK,eAAa,QAAQF,CAAI,IAAI,WAAW,YAAYD,CAAK,IAAIK,EAAU,QAAWJ,GAAM,EAAI,CAAC,GAAI,CAAA;AAAA,IAAA;AAAA,EACzG,IAGG;AACT;"}

package/dist/{components/modal/modal.component.d.ts → molecules/modal/Modal.d.ts}

@@ -1,15 +1,15 @@
-import React, { PropsWithChildren } from "react";
-export declare function useModal(): {
-    show: boolean;
-    setShowModal: React.Dispatch<React.SetStateAction<boolean>>;
-    openModal(): void;
-    closeModal(): void;
-};
-export interface ModalProps extends Record<string, any> {
-    show?: boolean;
-    closeModal?: () => void;
-    onClose?: () => void;
-    footer?: any;
-    title?: string;
-}
-export declare function Modal({ show, children, closeModal, onClose, title, footer: ModalFooter, style, className, ...props }: PropsWithChildren<ModalProps>): React.JSX.Element | null;
+import { PropsWithChildren } from 'react';
+export declare function useModal(): {
+    show: boolean;
+    setShowModal: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    openModal(): void;
+    closeModal(): void;
+};
+export interface ModalProps extends Record<string, any> {
+    show?: boolean;
+    closeModal?: () => void;
+    onClose?: () => void;
+    footer?: any;
+    title?: string;
+}
+export declare function Modal({ show, children, closeModal, onClose, title, footer: ModalFooter, style, className, ...props }: PropsWithChildren<ModalProps>): import("react/jsx-runtime").JSX.Element | null;

package/dist/molecules/modal/Modal.js

@@ -0,0 +1,62 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import u from "lodash";
+import { useState as h, useRef as g, useEffect as C } from "react";
+function j() {
+  const [e, t] = h(!1);
+  return {
+    show: e,
+    setShowModal: t,
+    openModal() {
+      t(!0);
+    },
+    closeModal() {
+      t(!1);
+    }
+  };
+}
+function S({
+  show: e,
+  children: t,
+  closeModal: s = u,
+  onClose: p = u,
+  title: d,
+  footer: n,
+  style: v,
+  className: N = "",
+  ...b
+}) {
+  const a = g(), l = g(), [x, c] = h(), i = () => {
+    s(), p();
+  };
+  return C(() => {
+    var m, f;
+    if (a.current || l.current) {
+      const y = (((m = a == null ? void 0 : a.current) == null ? void 0 : m.offsetHeight) || 0) + (((f = l == null ? void 0 : l.current) == null ? void 0 : f.offsetHeight) || 0);
+      c(`calc(85vh - ${y}px)`);
+    } else
+      c("auto");
+  }, [e]), e ? /* @__PURE__ */ r("div", { role: "dialog", className: `formio-dialog formio-dialog-theme-default ${N}`, children: [
+    /* @__PURE__ */ o("div", { className: "formio-dialog-overlay", onClick: i }),
+    /* @__PURE__ */ r("div", { style: v, className: "formio-dialog-content", children: [
+      /* @__PURE__ */ r("div", { className: "formio-dialog-wrapper", children: [
+        d ? /* @__PURE__ */ o("div", { className: "formio-dialog-title", ref: a, "data-testid": "modalTitle", children: d }) : null,
+        /* @__PURE__ */ o("div", { className: "formio-dialog-body", style: { maxHeight: x }, "data-testid": "modalBody", children: e && t }),
+        n ? /* @__PURE__ */ o("div", { className: "formio-dialog-footer", ref: l, "data-testid": "modalFooter", children: /* @__PURE__ */ o(n, { ...b, closeModal: s, onClose: i }) }) : null
+      ] }),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: "formio-dialog-close float-right btn btn-secondary btn-sm",
+          "aria-label": "close",
+          "data-testid": "closeModal",
+          onClick: i
+        }
+      )
+    ] })
+  ] }) : null;
+}
+export {
+  S as Modal,
+  j as useModal
+};
+//# sourceMappingURL=Modal.js.map

package/dist/molecules/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/molecules/modal/Modal.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport noop from \"lodash\";\nimport { PropsWithChildren, useEffect, useRef, useState } from \"react\";\n\nexport function useModal() {\n  const [show, setShowModal] = useState(false);\n\n  return {\n    show,\n    setShowModal,\n    openModal() {\n      setShowModal(true);\n    },\n    closeModal() {\n      setShowModal(false);\n    }\n  };\n}\n\nexport interface ModalProps extends Record<string, any> {\n  show?: boolean;\n  closeModal?: () => void;\n  onClose?: () => void;\n  footer?: any;\n  title?: string;\n}\n\nexport function Modal({\n  show,\n  children,\n  closeModal = noop as any,\n  onClose = noop as any,\n  title,\n  footer: ModalFooter,\n  style,\n  className = \"\",\n  ...props\n}: PropsWithChildren<ModalProps>) {\n  const titleRef: any = useRef<HTMLDivElement>();\n  const footerRef: any = useRef<HTMLDivElement>();\n  const [maxHeight, setMaxHeight] = useState<string>();\n\n  const onClickClose = () => {\n    closeModal();\n    onClose();\n  };\n\n  useEffect(() => {\n    if (titleRef.current || footerRef.current) {\n      const height = (titleRef?.current?.offsetHeight || 0) + (footerRef?.current?.offsetHeight || 0);\n\n      setMaxHeight(`calc(85vh - ${height}px)`);\n    } else {\n      setMaxHeight(\"auto\");\n    }\n  }, [show]);\n\n  if (!show) {\n    return null;\n  }\n\n  return (\n    <div role={\"dialog\"} className={`formio-dialog formio-dialog-theme-default ${className}`}>\n      <div className='formio-dialog-overlay' onClick={onClickClose} />\n      <div style={style} className={\"formio-dialog-content\"}>\n        <div className={\"formio-dialog-wrapper\"}>\n          {title ? (\n            <div className={\"formio-dialog-title\"} ref={titleRef} data-testid={\"modalTitle\"}>\n              {title}\n            </div>\n          ) : null}\n\n          <div className='formio-dialog-body' style={{ maxHeight }} data-testid={\"modalBody\"}>\n            {show && children}\n          </div>\n\n          {ModalFooter ? (\n            <div className={\"formio-dialog-footer\"} ref={footerRef} data-testid={\"modalFooter\"}>\n              <ModalFooter {...props} closeModal={closeModal} onClose={onClickClose} />\n            </div>\n          ) : null}\n        </div>\n        <button\n          className='formio-dialog-close float-right btn btn-secondary btn-sm'\n          aria-label='close'\n          data-testid={\"closeModal\"}\n          onClick={onClickClose}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["useModal","show","setShowModal","useState","Modal","children","closeModal","noop","onClose","title","ModalFooter","style","className","props","titleRef","useRef","footerRef","maxHeight","setMaxHeight","onClickClose","useEffect","height","_a","_b","jsx","jsxs"],"mappings":";;;AAKO,SAASA,IAAW;AACzB,QAAM,CAACC,GAAMC,CAAY,IAAIC,EAAS,EAAK;AAEpC,SAAA;AAAA,IACL,MAAAF;AAAA,IACA,cAAAC;AAAA,IACA,YAAY;AACV,MAAAA,EAAa,EAAI;AAAA,IACnB;AAAA,IACA,aAAa;AACX,MAAAA,EAAa,EAAK;AAAA,IAAA;AAAA,EAEtB;AACF;AAUO,SAASE,EAAM;AAAA,EACpB,MAAAH;AAAA,EACA,UAAAI;AAAA,EACA,YAAAC,IAAaC;AAAA,EACb,SAAAC,IAAUD;AAAA,EACV,OAAAE;AAAA,EACA,QAAQC;AAAA,EACR,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAkC;AAChC,QAAMC,IAAgBC,EAAuB,GACvCC,IAAiBD,EAAuB,GACxC,CAACE,GAAWC,CAAY,IAAIf,EAAiB,GAE7CgB,IAAe,MAAM;AACd,IAAAb,EAAA,GACHE,EAAA;AAAA,EACV;AAYA,SAVAY,EAAU,MAAM;;AACV,QAAAN,EAAS,WAAWE,EAAU,SAAS;AACzC,YAAMK,OAAUC,IAAAR,KAAA,gBAAAA,EAAU,YAAV,gBAAAQ,EAAmB,iBAAgB,QAAMC,IAAAP,KAAA,gBAAAA,EAAW,YAAX,gBAAAO,EAAoB,iBAAgB;AAEhF,MAAAL,EAAA,eAAeG,CAAM,KAAK;AAAA,IAAA;AAEvC,MAAAH,EAAa,MAAM;AAAA,EACrB,GACC,CAACjB,CAAI,CAAC,GAEJA,sBAKF,OAAI,EAAA,MAAM,UAAU,WAAW,6CAA6CW,CAAS,IACpF,UAAA;AAAA,IAAA,gBAAAY,EAAC,OAAI,EAAA,WAAU,yBAAwB,SAASL,GAAc;AAAA,IAC7D,gBAAAM,EAAA,OAAA,EAAI,OAAAd,GAAc,WAAW,yBAC5B,UAAA;AAAA,MAAC,gBAAAc,EAAA,OAAA,EAAI,WAAW,yBACb,UAAA;AAAA,QACChB,IAAA,gBAAAe,EAAC,SAAI,WAAW,uBAAuB,KAAKV,GAAU,eAAa,cAChE,UAAAL,EAAA,CACH,IACE;AAAA,QAEJ,gBAAAe,EAAC,OAAI,EAAA,WAAU,sBAAqB,OAAO,EAAE,WAAAP,EAAa,GAAA,eAAa,aACpE,UAAAhB,KAAQI,EACX,CAAA;AAAA,QAECK,IACE,gBAAAc,EAAA,OAAA,EAAI,WAAW,wBAAwB,KAAKR,GAAW,eAAa,eACnE,UAAA,gBAAAQ,EAACd,KAAa,GAAGG,GAAO,YAAAP,GAAwB,SAASa,GAAc,GACzE,IACE;AAAA,MAAA,GACN;AAAA,MACA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAW;AAAA,UACX,eAAa;AAAA,UACb,SAASL;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,EACF,CAAA;AAAA,EAAA,GACF,IA/BO;AAiCX;"}

package/dist/molecules/pagination/Pagination.d.ts

@@ -0,0 +1,18 @@
+export interface PaginationProps {
+    className?: string;
+    pageSizes?: number[];
+    canPreviousPage: boolean;
+    canNextPage: boolean;
+    pageCount: number;
+    pageIndex: number;
+    pageOptions?: number[];
+    pageSize: number;
+    rowCount?: number;
+    layout?: "html5" | "react" | "choicesjs";
+    i18n?: (f: string) => string;
+    onPageIndexChange: (pageIndex: number) => void;
+    onClickPreviousPage: () => void;
+    onClickNextPage: () => void;
+    onPageSizeChange: (pageSize: number) => void;
+}
+export declare function Pagination(props: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/pagination/Pagination.js

@@ -0,0 +1,77 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { c as s } from "../../chunks/index.js";
+import { registerComponent as S, getComponent as h } from "../../registries/components.js";
+import { getPageNumbers as z, LEFT_PAGE as E, RIGHT_PAGE as G } from "./utils/getPageNumbers.js";
+function T(r) {
+  const {
+    className: u,
+    pageSizes: P = [10, 25, 50, 100],
+    onPageIndexChange: N,
+    canPreviousPage: c,
+    onClickPreviousPage: b,
+    onClickNextPage: x,
+    canNextPage: m,
+    pageCount: f,
+    pageIndex: l = 1,
+    pageOptions: g,
+    pageSize: C,
+    onPageSizeChange: v,
+    rowCount: d,
+    i18n: i = (e) => e
+  } = r, p = z({
+    currentPage: l,
+    // pageNeighbours,
+    totalPages: f
+  }), I = P.map((e) => ({ value: e, label: e })), k = h("Select"), o = h("PaginationButton");
+  return /* @__PURE__ */ n("nav", { "aria-label": "Page navigation", className: s("pagination-group -mb-3", u), children: [
+    /* @__PURE__ */ n("ul", { className: "pagination mb-3 mr-3", children: [
+      /* @__PURE__ */ a("li", { className: s("page-item", !c && "disabled"), children: /* @__PURE__ */ a(o, { tabIndex: -1, disabled: !c, onClick: () => b(), children: i("Previous") }) }),
+      p.map((e) => {
+        if ([E, G].includes(e))
+          return /* @__PURE__ */ a("li", { className: "page-item", children: /* @__PURE__ */ a(o, { "aria-hidden": "true", children: "..." }) }, e);
+        const t = e - 1 === l;
+        return /* @__PURE__ */ a("li", { className: s("page-item", t && "active"), children: /* @__PURE__ */ a(o, { tabIndex: l, active: t, onClick: () => N(e - 1), children: e }) }, e);
+      }),
+      /* @__PURE__ */ a("li", { className: s("page-item", !m && "disabled"), children: /* @__PURE__ */ a(o, { tabIndex: p.length, disabled: !m, onClick: () => x(), children: i("Next") }) })
+    ] }),
+    /* @__PURE__ */ n("li", { className: "mb-3 mr-3 flex items-center", children: [
+      /* @__PURE__ */ a(
+        k,
+        {
+          name: "page",
+          value: C,
+          options: I,
+          multiple: !1,
+          layout: r.layout,
+          onChange: (e, t) => {
+            console.log("On page change", t), v(+t);
+          }
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: "ml-3", children: i("items per page") })
+    ] }),
+    g && /* @__PURE__ */ n("li", { className: "mb-3 mr-3 flex items-center", children: [
+      /* @__PURE__ */ n("span", { children: [
+        i("Page"),
+        " "
+      ] }),
+      /* @__PURE__ */ n("strong", { children: [
+        l + 1,
+        " of ",
+        g.length
+      ] })
+    ] }),
+    d !== 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(d) }),
+      " ",
+      i("items")
+    ] })
+  ] });
+}
+S("Pagination", T);
+export {
+  T as Pagination
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/molecules/pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../src/molecules/pagination/Pagination.tsx"],"sourcesContent":["import classnames from \"classnames\";\n\nimport { getComponent, registerComponent } from \"../../registries/components\";\nimport type { Select as DefaultSelect } from \"../forms/select/Select\";\nimport type { PaginationButton as DefaultPaginationButton } from \"./PaginationButton\";\nimport { getPageNumbers, LEFT_PAGE, RIGHT_PAGE } from \"./utils/getPageNumbers.js\";\n\nexport interface PaginationProps {\n  className?: string;\n  pageSizes?: number[];\n  canPreviousPage: boolean;\n  canNextPage: boolean;\n  pageCount: number;\n  pageIndex: number;\n  pageOptions?: number[];\n  pageSize: number;\n  rowCount?: number;\n  layout?: \"html5\" | \"react\" | \"choicesjs\";\n  i18n?: (f: string) => string;\n\n  onPageIndexChange: (pageIndex: number) => void;\n  onClickPreviousPage: () => void;\n  onClickNextPage: () => void;\n  onPageSizeChange: (pageSize: number) => void;\n}\n\nexport function Pagination(props: PaginationProps) {\n  const {\n    className,\n    pageSizes = [10, 25, 50, 100],\n    onPageIndexChange,\n    canPreviousPage,\n    onClickPreviousPage,\n    onClickNextPage,\n    canNextPage,\n    pageCount,\n    pageIndex = 1,\n    pageOptions,\n    pageSize,\n    onPageSizeChange,\n    rowCount,\n    i18n = (f: string) => f\n  } = props;\n\n  const pageNumbers = getPageNumbers({\n    currentPage: pageIndex,\n    // pageNeighbours,\n    totalPages: pageCount\n  });\n\n  const options: any[] = pageSizes.map((value) => ({ value, label: value }));\n  const Select = getComponent<typeof DefaultSelect>(\"Select\");\n  const PaginationButton = getComponent<typeof DefaultPaginationButton>(\"PaginationButton\");\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={() => onClickPreviousPage()}>\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={() => onPageIndexChange(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={() => onClickNextPage()}>\n            {i18n(\"Next\")}\n          </PaginationButton>\n        </li>\n      </ul>\n\n      <li className='mb-3 mr-3 flex items-center'>\n        <Select<number>\n          name={\"page\"}\n          value={pageSize}\n          options={options}\n          multiple={false}\n          layout={props.layout}\n          onChange={(_, value) => {\n            console.log(\"On page change\", value);\n            onPageSizeChange(+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      {rowCount !== 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(rowCount)}</strong> {i18n(\"items\")}\n        </li>\n      )}\n    </nav>\n  );\n}\n\nregisterComponent(\"Pagination\", Pagination);\n"],"names":["Pagination","props","className","pageSizes","onPageIndexChange","canPreviousPage","onClickPreviousPage","onClickNextPage","canNextPage","pageCount","pageIndex","pageOptions","pageSize","onPageSizeChange","rowCount","i18n","f","pageNumbers","getPageNumbers","options","value","Select","getComponent","PaginationButton","jsxs","classnames","jsx","page","LEFT_PAGE","RIGHT_PAGE","active","_","registerComponent"],"mappings":"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"}

package/dist/molecules/pagination/PaginationButton.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export declare function PaginationButton(props: PropsWithChildren<{
+    component?: any;
+    disabled?: boolean;
+    className?: string;
+    active?: boolean;
+} & Record<string, any>>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/pagination/PaginationButton.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as m } from "../../chunks/index.js";
+import { registerComponent as s } from "../../registries/components.js";
+function c(t) {
+  const { component: n = "button", children: a, disabled: o, active: i, ...e } = t;
+  return /* @__PURE__ */ r(
+    n,
+    {
+      ...e,
+      "data-testid": "pagination-button",
+      disabled: o,
+      className: m("page-link", o ? "disabled" : "", "", t.className),
+      children: a
+    }
+  );
+}
+s("PaginationButton", c);
+export {
+  c as PaginationButton
+};
+//# sourceMappingURL=PaginationButton.js.map

package/dist/molecules/pagination/PaginationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationButton.js","sources":["../../../src/molecules/pagination/PaginationButton.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { registerComponent } from \"../../registries/components\";\n\nexport function 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\nregisterComponent(\"PaginationButton\", PaginationButton);\n"],"names":["PaginationButton","props","Component","children","disabled","active","otherProps","jsx","classnames","registerComponent"],"mappings":";;;AAKO,SAASA,EACdC,GAQA;AACM,QAAA,EAAE,WAAWC,IAAY,UAAU,UAAAC,GAAU,UAAAC,GAAU,QAAAC,GAAQ,GAAGC,EAAA,IAAeL;AAGrF,SAAA,gBAAAM;AAAA,IAACL;AAAA,IAAA;AAAA,MACE,GAAGI;AAAA,MACJ,eAAY;AAAA,MACZ,UAAAF;AAAA,MACA,WAAWI,EAAW,aAAaJ,IAAW,aAAa,IAAa,IAASH,EAAM,SAAS;AAAA,MAE/F,UAAAE;AAAA,IAAA;AAAA,EACH;AAEJ;AAEAM,EAAkB,oBAAoBT,CAAgB;"}

package/dist/molecules/pagination/all.d.ts

@@ -0,0 +1,2 @@
+export * from './Pagination';
+export * from './PaginationButton';

package/dist/molecules/pagination/all.js

@@ -0,0 +1,12 @@
+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 { Pagination as a } from "./Pagination.js";
+import { PaginationButton as f } from "./PaginationButton.js";
+export {
+  a as Pagination,
+  f as PaginationButton
+};
+//# sourceMappingURL=all.js.map

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

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

package/dist/{components/table → molecules/pagination}/utils/getPageNumbers.d.ts

@@ -1,3 +1,3 @@
-export declare const LEFT_PAGE = "LEFT";
-export declare const RIGHT_PAGE = "RIGHT";
-export declare function getPageNumbers({ currentPage, pageNeighbours, totalPages }: any): any[];
+export declare const LEFT_PAGE = "LEFT";
+export declare const RIGHT_PAGE = "RIGHT";
+export declare function getPageNumbers({ currentPage, pageNeighbours, totalPages }: any): any[];

package/dist/molecules/pagination/utils/getPageNumbers.js

@@ -0,0 +1,25 @@
+const m = "LEFT", p = "RIGHT";
+function a(s, c, t = 1) {
+  let e = s;
+  const l = [];
+  for (; e <= c; )
+    l.push(e), e += t;
+  return l;
+}
+function G({ currentPage: s, pageNeighbours: c = 1, totalPages: t }) {
+  const e = c * 2 + 3, l = e + 2;
+  if (t > l) {
+    const f = Math.max(2, s - c), u = Math.min(t - 1, s + c), i = f === 3 ? 2 : f, o = u === t - 2 ? t - 1 : u;
+    let n = a(i, o);
+    const h = i > 2, E = t - o > 1, d = e - (n.length + 1);
+    let r;
+    return h && !E ? (r = a(i - d, i - 1), n = [m, ...r, ...n]) : !h && E ? (r = a(o + 1, o + d), n = [...n, ...r, p]) : n = [m, ...n, p], [1, ...n, t];
+  }
+  return a(1, t);
+}
+export {
+  m as LEFT_PAGE,
+  p as RIGHT_PAGE,
+  G as getPageNumbers
+};
+//# sourceMappingURL=getPageNumbers.js.map

package/dist/molecules/pagination/utils/getPageNumbers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPageNumbers.js","sources":["../../../../src/molecules/pagination/utils/getPageNumbers.ts"],"sourcesContent":["export const LEFT_PAGE = \"LEFT\";\nexport const RIGHT_PAGE = \"RIGHT\";\n\nfunction range(from: number, to: number, step = 1): any[] {\n  let i = from;\n  const range = [];\n\n  while (i <= to) {\n    range.push(i);\n    i += step;\n  }\n\n  return range;\n}\n\nexport function getPageNumbers({ currentPage, pageNeighbours = 1, totalPages }: any) {\n  const totalNumbers = pageNeighbours * 2 + 3;\n  const totalBlocks = totalNumbers + 2;\n\n  if (totalPages > totalBlocks) {\n    const calculatedStartPage = Math.max(2, currentPage - pageNeighbours);\n    const calculatedEndPage = Math.min(totalPages - 1, currentPage + pageNeighbours);\n    const startPage = calculatedStartPage === 3 ? 2 : calculatedStartPage;\n    const endPage = calculatedEndPage === totalPages - 2 ? totalPages - 1 : calculatedEndPage;\n\n    let pages = range(startPage, endPage);\n\n    const hasLeftSpill = startPage > 2;\n    const hasRightSpill = totalPages - endPage > 1;\n    const spillOffset = totalNumbers - (pages.length + 1);\n    let extraPages;\n\n    if (hasLeftSpill && !hasRightSpill) {\n      extraPages = range(startPage - spillOffset, startPage - 1);\n      pages = [LEFT_PAGE, ...extraPages, ...pages];\n    } else if (!hasLeftSpill && hasRightSpill) {\n      extraPages = range(endPage + 1, endPage + spillOffset);\n      pages = [...pages, ...extraPages, RIGHT_PAGE];\n    } else {\n      pages = [LEFT_PAGE, ...pages, RIGHT_PAGE];\n    }\n\n    return [1, ...pages, totalPages];\n  }\n\n  return range(1, totalPages);\n}\n"],"names":["LEFT_PAGE","RIGHT_PAGE","range","from","to","step","i","getPageNumbers","currentPage","pageNeighbours","totalPages","totalNumbers","totalBlocks","calculatedStartPage","calculatedEndPage","startPage","endPage","pages","hasLeftSpill","hasRightSpill","spillOffset","extraPages"],"mappings":"AAAO,MAAMA,IAAY,QACZC,IAAa;AAE1B,SAASC,EAAMC,GAAcC,GAAYC,IAAO,GAAU;AACxD,MAAIC,IAAIH;AACR,QAAMD,IAAQ,CAAC;AAEf,SAAOI,KAAKF;AACVF,IAAAA,EAAM,KAAKI,CAAC,GACPA,KAAAD;AAGAH,SAAAA;AACT;AAEO,SAASK,EAAe,EAAE,aAAAC,GAAa,gBAAAC,IAAiB,GAAG,YAAAC,KAAmB;AAC7E,QAAAC,IAAeF,IAAiB,IAAI,GACpCG,IAAcD,IAAe;AAEnC,MAAID,IAAaE,GAAa;AAC5B,UAAMC,IAAsB,KAAK,IAAI,GAAGL,IAAcC,CAAc,GAC9DK,IAAoB,KAAK,IAAIJ,IAAa,GAAGF,IAAcC,CAAc,GACzEM,IAAYF,MAAwB,IAAI,IAAIA,GAC5CG,IAAUF,MAAsBJ,IAAa,IAAIA,IAAa,IAAII;AAEpE,QAAAG,IAAQf,EAAMa,GAAWC,CAAO;AAEpC,UAAME,IAAeH,IAAY,GAC3BI,IAAgBT,IAAaM,IAAU,GACvCI,IAAcT,KAAgBM,EAAM,SAAS;AAC/C,QAAAI;AAEA,WAAAH,KAAgB,CAACC,KACnBE,IAAanB,EAAMa,IAAYK,GAAaL,IAAY,CAAC,GACzDE,IAAQ,CAACjB,GAAW,GAAGqB,GAAY,GAAGJ,CAAK,KAClC,CAACC,KAAgBC,KAC1BE,IAAanB,EAAMc,IAAU,GAAGA,IAAUI,CAAW,GACrDH,IAAQ,CAAC,GAAGA,GAAO,GAAGI,GAAYpB,CAAU,KAE5CgB,IAAQ,CAACjB,GAAW,GAAGiB,GAAOhB,CAAU,GAGnC,CAAC,GAAG,GAAGgB,GAAOP,CAAU;AAAA,EAAA;AAG1B,SAAAR,EAAM,GAAGQ,CAAU;AAC5B;"}

package/dist/molecules/table/Table.d.ts

@@ -0,0 +1,9 @@
+import { RowData } from '@tanstack/react-table';
+import { PropsWithChildren } from 'react';
+import { UseTableProps } from './hooks/useTable';
+export interface TableProps<Data extends RowData = any> extends UseTableProps<Data> {
+    className?: string;
+    enableFooter?: boolean;
+    pageSizes?: number[];
+}
+export declare function Table<Data extends RowData = any>({ className, enableFooter, children, ...props }: PropsWithChildren<TableProps<Data>>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/table/Table.js

@@ -0,0 +1,58 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { createElement as x } from "react";
+import { flexRender as C } from "@tanstack/react-table";
+import { c as f } from "../../chunks/index.js";
+import { getComponent as s } from "../../registries/components.js";
+import { useTable as b } from "./hooks/useTable.js";
+function y({ className: g, enableFooter: m, children: u, ...i }) {
+  const { tableInstance: n, i18n: l } = b(i), p = s("CellHeader"), P = s("CellFooter"), h = s("Pagination"), { pagination: r } = n.getState();
+  return /* @__PURE__ */ d("div", { className: f("table-group table-responsive", g), children: [
+    /* @__PURE__ */ d("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 o = e.column.getIsSorted();
+        return /* @__PURE__ */ a(
+          "th",
+          {
+            "data-testid": `head-cell-${e.id}`,
+            "aria-sort": o ? o === "asc" ? "ascending" : "descending" : "none",
+            children: e.isPlaceholder ? null : /* @__PURE__ */ a(p, { header: e, i18n: l })
+          },
+          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) => {
+        var o;
+        return !((o = e.column.columnDef.meta) != null && o.hidden);
+      }).map((e) => {
+        var o, c;
+        return /* @__PURE__ */ x("td", { ...(c = (o = e.column.columnDef) == null ? void 0 : o.meta) == null ? void 0 : c.cellProps, key: e.id, "data-testid": `body-cell-${e.id}` }, C(e.column.columnDef.cell, e.getContext()));
+      }) }, t.id)) }),
+      m && /* @__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: l }) }, e.id)) }, t.id)) })
+    ] }),
+    /* @__PURE__ */ d("div", { className: "overflow-hidden flex flex-wrap", children: [
+      i.data.length && r && /* @__PURE__ */ a(
+        h,
+        {
+          className: "flex-1",
+          canNextPage: n.getCanNextPage(),
+          canPreviousPage: n.getCanPreviousPage(),
+          pageIndex: r.pageIndex,
+          pageSize: r.pageSize,
+          pageSizes: i.pageSizes,
+          i18n: l,
+          pageCount: n.getPageCount(),
+          rowCount: i.rowCount,
+          onPageIndexChange: (t) => n.setPageIndex(t),
+          onClickPreviousPage: () => n.previousPage(),
+          onClickNextPage: () => n.nextPage(),
+          onPageSizeChange: (t) => n.setPageSize(t)
+        }
+      ),
+      /* @__PURE__ */ a("div", { children: u })
+    ] })
+  ] });
+}
+export {
+  y as Table
+};
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../src/molecules/table/Table.tsx"],"sourcesContent":["import { flexRender, RowData } from \"@tanstack/react-table\";\nimport cx from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\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 RowData = any> extends UseTableProps<Data> {\n  className?: string;\n\n  enableFooter?: boolean;\n\n  pageSizes?: number[];\n}\n\nexport function Table<Data extends RowData = any>({ className, enableFooter, children, ...props }: PropsWithChildren<TableProps<Data>>) {\n  const { tableInstance, i18n } = useTable(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 table-responsive\", className)}>\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 className={\"overflow-hidden flex flex-wrap\"}>\n        {props.data.length && pagination && (\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={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        )}\n        <div>{children}</div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Table","className","enableFooter","children","props","tableInstance","i18n","useTable","CellHeader","getComponent","CellFooter","Pagination","pagination","cx","jsxs","jsx","headerGroup","header","sort","row","cell","_a","createElement","_b","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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,22 @@
+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 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 {
+  a as DefaultArrowSort
+};
+//# sourceMappingURL=DefaultArrowSort.js.map

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

@@ -0,0 +1 @@
+{"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":";;;AASgB,SAAAA,EAAuB,EAAE,QAAAC,KAAuC;AACxE,QAAAC,IAAOD,EAAO,OAAO,YAAY;AAGrC,SAAA,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,IAAQ,gBAAAC,EAAA,KAAA,EAAE,WAAWC,EAAU,QAAWF,MAAS,QAAQ,YAAY,WAAW,EAAG,CAAA,IAAK;AAAA,IAAA;AAAA,EAC7F;AAEJ;AAEAG,EAAkB,aAAaL,CAAgB;"}

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

@@ -0,0 +1,5 @@
+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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultCell.js","sources":["../../../../src/molecules/table/components/DefaultCell.tsx"],"sourcesContent":["import { registerComponent } from \"../../../registries/components\";\n\nexport interface DefaultCellProps<Data = any> {\n  value: Data;\n  render?: (value: Data) => any;\n}\n\nexport function DefaultCell<Data = any>({ value, render = (f: any) => f }: DefaultCellProps<Data>): JSX.Element {\n  if (value === undefined) {\n    return <span></span>;\n  }\n\n  const rendered = render(value);\n\n  if (value !== rendered) {\n    return <div dangerouslySetInnerHTML={{ __html: rendered }} />;\n  }\n\n  return <span>{String(value)}</span>;\n}\n\nregisterComponent(\"Cell\", DefaultCell);\n"],"names":["DefaultCell","value","render","f","rendered","jsx","registerComponent"],"mappings":";;AAOO,SAASA,EAAwB,EAAE,OAAAC,GAAO,QAAAC,IAAS,CAACC,MAAWA,KAA0C;AAC9G,MAAIF,MAAU;AACZ,6BAAQ,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;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;AAC3E,QAAA,EAAE,QAAAC,MAAWD;AAEZ,SAAA,gBAAAE,EAAAC,GAAA,EAAG,YAAWF,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAW,CAAC,EAAE,CAAA;AAC5E;AAEAG,EAAkB,cAAcL,CAAiB;"}