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

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;

package/dist/components/table/filters/defaultColumnFilter.component.js

@@ -0,0 +1,32 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useState as c, useCallback as f } from "react";
+import { InputText as d } from "../../input-text/inputText.component.js";
+function C(n) {
+  const {
+    filterId: s,
+    setFilterId: t,
+    column: { id: e, filterValue: a, setFilter: o }
+  } = n, [i, r] = c(a || ""), u = f(
+    (p, l) => {
+      r(l), t(e), o(l || void 0);
+    },
+    [e, r, t, o]
+  );
+  return /* @__PURE__ */ m(
+    d,
+    {
+      size: "sm",
+      id: e,
+      name: e,
+      autoFocus: e === s,
+      value: i,
+      onChange: u,
+      placeholder: "Search records..."
+    },
+    e
+  );
+}
+export {
+  C as DefaultColumnFilter
+};
+//# sourceMappingURL=defaultColumnFilter.component.js.map

package/dist/components/table/filters/defaultColumnFilter.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultColumnFilter.component.js","sources":["../../../../src/components/table/filters/defaultColumnFilter.component.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { FilterProps } from \"react-table\";\n\nimport { InputText } from \"../../input-text/inputText.component\";\n\nexport function DefaultColumnFilter<D extends Record<string, unknown> = {}>(\n  props: FilterProps<D> & { filterId: string; setFilterId: any }\n) {\n  const {\n    filterId,\n    setFilterId,\n    column: { id, filterValue, setFilter }\n  } = props;\n\n  const [value, setValue] = useState(filterValue || \"\");\n\n  const onChange = useCallback(\n    (name: string, value: any) => {\n      setValue(value);\n      setFilterId(id);\n      setFilter(value || undefined);\n    },\n    [id, setValue, setFilterId, setFilter]\n  );\n\n  /* eslint-disable jsx-a11y/no-autofocus */\n  return (\n    <InputText\n      size={\"sm\"}\n      id={id}\n      name={id}\n      key={id}\n      autoFocus={id === filterId}\n      value={value}\n      onChange={onChange}\n      placeholder={\"Search records...\"}\n    />\n  );\n}\n"],"names":["DefaultColumnFilter","props","filterId","setFilterId","id","filterValue","setFilter","value","setValue","useState","onChange","useCallback","name","jsx","InputText"],"mappings":";;;AAKO,SAASA,EACdC,GACA;AACM,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAQ,EAAE,IAAAC,GAAI,aAAAC,GAAa,WAAAC,EAAU;AAAA,EAAA,IACnCL,GAEE,CAACM,GAAOC,CAAQ,IAAIC,EAASJ,KAAe,EAAE,GAE9CK,IAAWC;AAAA,IACf,CAACC,GAAcL,MAAe;AAC5B,MAAAC,EAASD,CAAK,GACdJ,EAAYC,CAAE,GACdE,EAAUC,KAAS,MAAS;AAAA,IAC9B;AAAA,IACA,CAACH,GAAII,GAAUL,GAAaG,CAAS;AAAA,EACvC;AAIE,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,IAAAV;AAAA,MACA,MAAMA;AAAA,MAEN,WAAWA,MAAOF;AAAA,MAClB,OAAAK;AAAA,MACA,UAAAG;AAAA,MACA,aAAa;AAAA,IAAA;AAAA,IAJRN;AAAA,EAKP;AAEJ;"}

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

@@ -1,11 +1,10 @@
-import React from "react";
-import { FilterProps } from "react-table";
-export declare function useSelectColumnFilter<D extends Record<string, unknown> = {}>(props: FilterProps<D>): {
-    value: any;
-    onChange: (_: string, value: any) => void;
-    choices: {
-        value: string;
-        label: string;
-    }[];
-};
-export declare function SelectColumnFilter<D extends Record<string, unknown> = {}>(props: FilterProps<D>): React.JSX.Element;
+import { FilterProps } from 'react-table';
+export declare function useSelectColumnFilter<D extends Record<string, unknown> = {}>(props: FilterProps<D>): {
+    value: any;
+    onChange: (_: string, value: any) => void;
+    choices: {
+        value: string;
+        label: string;
+    }[];
+};
+export declare function SelectColumnFilter<D extends Record<string, unknown> = {}>(props: FilterProps<D>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/filters/selectColumnFilter.component.js

@@ -0,0 +1,34 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Select as a } from "../../select/select.component.js";
+function f(t) {
+  const { column: n } = t, { id: c, preFilteredRows: l } = n, { choices: o } = n, { filterValue: i, setFilter: r } = n, u = o ? typeof o == "function" ? o(t) : o : [...new Set(l.map((e) => e.values[c]))].filter((e) => e).map((e) => ({
+    label: e,
+    value: e
+  }));
+  return {
+    value: i,
+    onChange: (e, s) => {
+      r(s || void 0);
+    },
+    choices: [{ value: "", label: "All" }].concat(u)
+  };
+}
+function v(t) {
+  const { value: n, choices: c, onChange: l } = f(t);
+  return /* @__PURE__ */ m(
+    a,
+    {
+      name: `filter-${t.column.id}`,
+      size: "sm",
+      value: n,
+      choices: c,
+      onChange: l
+    },
+    `filter-${t.column.id}`
+  );
+}
+export {
+  v as SelectColumnFilter,
+  f as useSelectColumnFilter
+};
+//# sourceMappingURL=selectColumnFilter.component.js.map

package/dist/components/table/filters/selectColumnFilter.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectColumnFilter.component.js","sources":["../../../../src/components/table/filters/selectColumnFilter.component.tsx"],"sourcesContent":["import { FilterProps } from \"react-table\";\n\nimport { Select } from \"../../select/select.component\";\n\nexport function useSelectColumnFilter<D extends Record<string, unknown> = {}>(props: FilterProps<D>) {\n  const { column } = props;\n  const { id, preFilteredRows } = column;\n  const { choices: customChoices } = column as any;\n  const { filterValue, setFilter } = column;\n\n  const choices = (() => {\n    if (customChoices) {\n      if (typeof customChoices === \"function\") {\n        return customChoices(props);\n      }\n      return customChoices;\n    }\n\n    return [...new Set(preFilteredRows.map((row) => row.values[id]))]\n      .filter((value) => value)\n      .map((value) => ({\n        label: value,\n        value\n      }));\n  })();\n\n  const onChange = (_: string, value: any) => {\n    setFilter(value || undefined);\n  };\n\n  return {\n    value: filterValue,\n    onChange,\n    choices: [{ value: \"\", label: \"All\" }].concat(choices)\n  };\n}\n\nexport function SelectColumnFilter<D extends Record<string, unknown> = {}>(props: FilterProps<D>) {\n  const { value, choices, onChange } = useSelectColumnFilter(props);\n\n  return (\n    <Select\n      key={`filter-${props.column.id}`}\n      name={`filter-${props.column.id}`}\n      size={\"sm\"}\n      value={value}\n      choices={choices}\n      onChange={onChange}\n    />\n  );\n}\n"],"names":["useSelectColumnFilter","props","column","id","preFilteredRows","customChoices","filterValue","setFilter","choices","row","value","_","SelectColumnFilter","onChange","jsx","Select"],"mappings":";;AAIO,SAASA,EAA8DC,GAAuB;AAC7F,QAAA,EAAE,QAAAC,MAAWD,GACb,EAAE,IAAAE,GAAI,iBAAAC,EAAA,IAAoBF,GAC1B,EAAE,SAASG,EAAA,IAAkBH,GAC7B,EAAE,aAAAI,GAAa,WAAAC,EAAA,IAAcL,GAE7BM,IACAH,IACE,OAAOA,KAAkB,aACpBA,EAAcJ,CAAK,IAErBI,IAGF,CAAC,GAAG,IAAI,IAAID,EAAgB,IAAI,CAACK,MAAQA,EAAI,OAAON,CAAE,CAAC,CAAC,CAAC,EAC7D,OAAO,CAACO,MAAUA,CAAK,EACvB,IAAI,CAACA,OAAW;AAAA,IACf,OAAOA;AAAA,IACP,OAAAA;AAAA,EAAA,EACA;AAOC,SAAA;AAAA,IACL,OAAOJ;AAAA,IACP,UANe,CAACK,GAAWD,MAAe;AAC1C,MAAAH,EAAUG,KAAS,MAAS;AAAA,IAC9B;AAAA,IAKE,SAAS,CAAC,EAAE,OAAO,IAAI,OAAO,MAAO,CAAA,EAAE,OAAOF,CAAO;AAAA,EACvD;AACF;AAEO,SAASI,EAA2DX,GAAuB;AAChG,QAAM,EAAE,OAAAS,GAAO,SAAAF,GAAS,UAAAK,EAAS,IAAIb,EAAsBC,CAAK;AAG9D,SAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,MAAM,UAAUd,EAAM,OAAO,EAAE;AAAA,MAC/B,MAAM;AAAA,MACN,OAAAS;AAAA,MACA,SAAAF;AAAA,MACA,UAAAK;AAAA,IAAA;AAAA,IALK,UAAUZ,EAAM,OAAO,EAAE;AAAA,EAMhC;AAEJ;"}

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

@@ -1,3 +1,2 @@
-import React from "react";
-import { FilterProps } from "react-table";
-export declare function SliderColumnFilter<D extends Record<string, unknown> = {}>({ column: { filterValue, setFilter, preFilteredRows, id } }: FilterProps<D>): React.JSX.Element;
+import { FilterProps } from 'react-table';
+export declare function SliderColumnFilter<D extends Record<string, unknown> = {}>({ column: { filterValue, setFilter, preFilteredRows, id } }: FilterProps<D>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/filters/sliderColumnFilter.component.js

@@ -0,0 +1,27 @@
+import { jsxs as v, Fragment as c, jsx as e } from "react/jsx-runtime";
+function f({
+  column: { filterValue: h, setFilter: m, preFilteredRows: a, id: t }
+}) {
+  let l = a.length ? a[0].values[t] : 0, u = a.length ? a[0].values[t] : 0;
+  return a.forEach((n) => {
+    l = Math.min(n == null ? void 0 : n.values[t], l), u = Math.max(n == null ? void 0 : n.values[t], u);
+  }), /* @__PURE__ */ v(c, { children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "range",
+        min: l,
+        max: u,
+        value: h || l,
+        onChange: (n) => {
+          m(parseInt(n.target.value, 10));
+        }
+      }
+    ),
+    /* @__PURE__ */ e("button", { onClick: () => m(void 0), children: "Off" })
+  ] });
+}
+export {
+  f as SliderColumnFilter
+};
+//# sourceMappingURL=sliderColumnFilter.component.js.map

package/dist/components/table/filters/sliderColumnFilter.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderColumnFilter.component.js","sources":["../../../../src/components/table/filters/sliderColumnFilter.component.tsx"],"sourcesContent":["import { FilterProps } from \"react-table\";\n\nexport function SliderColumnFilter<D extends Record<string, unknown> = {}>({\n  column: { filterValue, setFilter, preFilteredRows, id }\n}: FilterProps<D>) {\n  let min = preFilteredRows.length ? preFilteredRows[0].values[id] : 0;\n  let max = preFilteredRows.length ? preFilteredRows[0].values[id] : 0;\n\n  preFilteredRows.forEach((row) => {\n    min = Math.min(row?.values[id], min);\n    max = Math.max(row?.values[id], max);\n  });\n\n  return (\n    <>\n      <input\n        type='range'\n        min={min}\n        max={max}\n        value={filterValue || min}\n        onChange={(e) => {\n          setFilter(parseInt(e.target.value, 10));\n        }}\n      />\n      <button onClick={() => setFilter(undefined)}>Off</button>\n    </>\n  );\n}\n"],"names":["SliderColumnFilter","filterValue","setFilter","preFilteredRows","id","min","max","row","jsxs","Fragment","jsx","e"],"mappings":";AAEO,SAASA,EAA2D;AAAA,EACzE,QAAQ,EAAE,aAAAC,GAAa,WAAAC,GAAW,iBAAAC,GAAiB,IAAAC,EAAG;AACxD,GAAmB;AACb,MAAAC,IAAMF,EAAgB,SAASA,EAAgB,CAAC,EAAE,OAAOC,CAAE,IAAI,GAC/DE,IAAMH,EAAgB,SAASA,EAAgB,CAAC,EAAE,OAAOC,CAAE,IAAI;AAEnD,SAAAD,EAAA,QAAQ,CAACI,MAAQ;AAC/B,IAAAF,IAAM,KAAK,IAAIE,KAAA,gBAAAA,EAAK,OAAOH,IAAKC,CAAG,GACnCC,IAAM,KAAK,IAAIC,KAAA,gBAAAA,EAAK,OAAOH,IAAKE,CAAG;AAAA,EAAA,CACpC,GAIG,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAL;AAAA,QACA,KAAAC;AAAA,QACA,OAAOL,KAAeI;AAAA,QACtB,UAAU,CAACM,MAAM;AACf,UAAAT,EAAU,SAASS,EAAE,OAAO,OAAO,EAAE,CAAC;AAAA,QAAA;AAAA,MACxC;AAAA,IACF;AAAA,sBACC,UAAO,EAAA,SAAS,MAAMT,EAAU,MAAS,GAAG,UAAG,MAAA,CAAA;AAAA,EAAA,GAClD;AAEJ;"}

package/dist/components/table/hooks/useCustomTable.hook.d.ts

@@ -1,128 +1,128 @@
-import React, { PropsWithChildren } from "react";
-import { Cell, CellProps, Column, FilterProps, Renderer, TableOptions } from "react-table";
-import { OnClickOperation, Operation, QueryOptions } from "../../../interfaces";
-import { Pagination as DefaultPagination } from "../../pagination/pagination.component";
-import { DefaultCellHeaderProps } from "../components/defaultCellHeader.component";
-import { DefaultRow, DefaultRowProps } from "../components/defaultRow.component";
-export interface ExtraColumnProps {
-    colspan?: number;
-    hidden?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export type ExtendedColumn<Data extends object = any> = Column<Data> & ExtraColumnProps;
-export type ExtendedCell<Data extends object = any> = Cell<Data, any> & {
-    column: ExtraColumnProps;
-};
-export interface TableProps<Data extends object = any> extends TableOptions<Data>, Partial<QueryOptions> {
-    /**
-     * extended columns interface
-     */
-    columns: ReadonlyArray<ExtendedColumn<Data>>;
-    className?: string;
-    /**
-     * Call the listener when a filter / pagination  / sort change.
-     */
-    onChange?: (query: QueryOptions) => void;
-    /**
-     * Call the listener when a line is clicked.
-     */
-    onClick?: OnClickOperation<Data>;
-    /**
-     * Pagination steps list
-     */
-    pageSizes?: number[];
-    /**
-     * Total length of the data
-     */
-    totalLength?: number;
-    /**
-     *
-     */
-    isLoading?: boolean;
-    /**
-     * Custom EmptyData displayed when there is no data
-     */
-    EmptyData?: React.ComponentType;
-    /**
-     * Custom ArrowSort
-     */
-    ArrowSort?: React.ComponentType;
-    /**
-     * Custom default ColumnFilter
-     */
-    ColumnFilter?: Renderer<FilterProps<Data>>;
-    /**
-     * Custom cell
-     */
-    Cell?: React.ComponentType<CellProps<Data>>;
-    /**
-     * Custom Row
-     */
-    Row?: React.ComponentType<DefaultRowProps<Data>>;
-    /**
-     *
-     */
-    CellHeader?: React.ComponentType<DefaultCellHeaderProps<Data>>;
-    /**
-     *
-     */
-    CellOperations?: React.ComponentType;
-    /**
-     * Custom Loader
-     */
-    Loader?: React.ComponentType;
-    /**
-     * Custom Loader
-     */
-    Pagination?: React.ComponentType;
-    /**
-     * Disable filters
-     */
-    disableFilters?: boolean;
-    /**
-     * Disable pagination
-     */
-    disablePagination?: boolean;
-    manualPagination?: boolean;
-    manualSortBy?: boolean;
-    manualFilters?: boolean;
-    /**
-     * Configuration operation for each line.
-     */
-    operations?: Operation[];
-    i18n?: (f: string) => string;
-    /**
-     * Enable drag and drop rows
-     */
-    enableDragNDrop?: boolean;
-    onDrag?: (data: Data[]) => void;
-    onDrop?: (item: Data) => void;
-}
-export declare function getOperationCallback(operations: Operation[], onClick: OnClickOperation): (data: any, action: string) => void;
-declare function DefaultLoader(): React.JSX.Element;
-declare function DefaultEmptyData(): React.JSX.Element;
-export declare function useCustomTable<Data extends object = {}>(props: PropsWithChildren<TableProps<Data>>): {
-    className: string;
-    tableInstance: import("react-table").TableInstance<Data>;
-    CellHeader: any;
-    isLoading: boolean | undefined;
-    Loader: React.ComponentType<{}> | typeof DefaultLoader;
-    EmptyData: React.ComponentType<{}> | typeof DefaultEmptyData;
-    Row: React.ComponentType<DefaultRowProps<Data>> | typeof DefaultRow;
-    data: readonly Data[];
-    disablePagination: boolean | undefined;
-    Pagination: React.ComponentType<{}> | typeof DefaultPagination;
-    pageIndex: number;
-    pageSize: number;
-    pageSizes: number[];
-    totalLength: number | undefined;
-    setPageSize: (pageSize: number) => void;
-    i18n: (f: string) => string;
-    children: React.ReactNode;
-    onClick: any;
-    onDrag: (dragIndex: number, hoverIndex: number) => void;
-    onDrop: (...args: any[]) => void;
-    enableDragNDrop: boolean | undefined;
-};
-export {};
+import { ComponentType, CSSProperties, PropsWithChildren } from 'react';
+import { Cell, CellProps, Column, FilterProps, Renderer, TableOptions } from 'react-table';
+import { OnClickOperation, Operation, QueryOptions } from '../../../interfaces';
+import { Pagination as DefaultPagination } from '../../pagination/pagination.component';
+import { DefaultCellHeaderProps } from '../components/defaultCellHeader.component';
+import { DefaultRow, DefaultRowProps } from '../components/defaultRow.component';
+export interface ExtraColumnProps {
+    colspan?: number;
+    hidden?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export type ExtendedColumn<Data extends object = any> = Column<Data> & ExtraColumnProps;
+export type ExtendedCell<Data extends object = any> = Cell<Data, any> & {
+    column: ExtraColumnProps;
+};
+export interface TableProps<Data extends object = any> extends TableOptions<Data>, Partial<QueryOptions> {
+    /**
+     * extended columns interface
+     */
+    columns: ReadonlyArray<ExtendedColumn<Data>>;
+    className?: string;
+    /**
+     * Call the listener when a filter / pagination  / sort change.
+     */
+    onChange?: (query: QueryOptions) => void;
+    /**
+     * Call the listener when a line is clicked.
+     */
+    onClick?: OnClickOperation<Data>;
+    /**
+     * Pagination steps list
+     */
+    pageSizes?: number[];
+    /**
+     * Total length of the data
+     */
+    totalLength?: number;
+    /**
+     *
+     */
+    isLoading?: boolean;
+    /**
+     * Custom EmptyData displayed when there is no data
+     */
+    EmptyData?: ComponentType;
+    /**
+     * Custom ArrowSort
+     */
+    ArrowSort?: ComponentType;
+    /**
+     * Custom default ColumnFilter
+     */
+    ColumnFilter?: Renderer<FilterProps<Data>>;
+    /**
+     * Custom cell
+     */
+    Cell?: ComponentType<CellProps<Data>>;
+    /**
+     * Custom Row
+     */
+    Row?: ComponentType<DefaultRowProps<Data>>;
+    /**
+     *
+     */
+    CellHeader?: ComponentType<DefaultCellHeaderProps<Data>>;
+    /**
+     *
+     */
+    CellOperations?: ComponentType;
+    /**
+     * Custom Loader
+     */
+    Loader?: ComponentType;
+    /**
+     * Custom Loader
+     */
+    Pagination?: ComponentType;
+    /**
+     * Disable filters
+     */
+    disableFilters?: boolean;
+    /**
+     * Disable pagination
+     */
+    disablePagination?: boolean;
+    manualPagination?: boolean;
+    manualSortBy?: boolean;
+    manualFilters?: boolean;
+    /**
+     * Configuration operation for each line.
+     */
+    operations?: Operation[];
+    i18n?: (f: string) => string;
+    /**
+     * Enable drag and drop rows
+     */
+    enableDragNDrop?: boolean;
+    onDrag?: (data: Data[]) => void;
+    onDrop?: (item: Data) => void;
+}
+export declare function getOperationCallback(operations: Operation[], onClick: OnClickOperation): (data: any, action: string) => void;
+declare function DefaultLoader(): import("react/jsx-runtime").JSX.Element;
+declare function DefaultEmptyData(): import("react/jsx-runtime").JSX.Element;
+export declare function useCustomTable<Data extends object = {}>(props: PropsWithChildren<TableProps<Data>>): {
+    className: string;
+    tableInstance: import('react-table').TableInstance<Data>;
+    CellHeader: any;
+    isLoading: boolean | undefined;
+    Loader: ComponentType | typeof DefaultLoader;
+    EmptyData: ComponentType | typeof DefaultEmptyData;
+    Row: ComponentType<DefaultRowProps<Data>> | typeof DefaultRow;
+    data: readonly Data[];
+    disablePagination: boolean | undefined;
+    Pagination: ComponentType | typeof DefaultPagination;
+    pageIndex: number;
+    pageSize: number;
+    pageSizes: number[];
+    totalLength: number | undefined;
+    setPageSize: (pageSize: number) => void;
+    i18n: (f: string) => string;
+    children: import('react').ReactNode;
+    onClick: any;
+    onDrag: (dragIndex: number, hoverIndex: number) => void;
+    onDrop: (...args: any[]) => void;
+    enableDragNDrop: boolean | undefined;
+};
+export {};

package/dist/components/table/hooks/useCustomTable.hook.js

@@ -0,0 +1,130 @@
+import { jsx as y } from "react/jsx-runtime";
+import n from "lodash/noop";
+import { useState as b, useEffect as F } from "react";
+import { useTable as W, useFilters as X, useGroupBy as Y, useSortBy as Z, usePagination as tt } from "react-table";
+import { Pagination as et } from "../../pagination/pagination.component.js";
+import { DefaultArrowSort as ot } from "../components/defaultArrowSort.component.js";
+import { DefaultCellHeader as at } from "../components/defaultCellHeader.component.js";
+import { DefaultRow as nt } from "../components/defaultRow.component.js";
+import { DefaultColumnFilter as it } from "../filters/defaultColumnFilter.component.js";
+import { swapElements as rt } from "../utils/swapElements.js";
+import { useOperations as lt } from "./useOperations.hook.js";
+function st(t, i) {
+  return (r, a) => {
+    const e = t.find((o) => o.action === a || o.alias === a);
+    e && i(r, e);
+  };
+}
+function ut() {
+  return /* @__PURE__ */ y("div", { className: "text-center p-2 pb-4 font-bold", children: "Loading in progress" });
+}
+function mt() {
+  return /* @__PURE__ */ y("div", { className: "text-center p-2 pb-4 font-bold", children: "No data found" });
+}
+const ct = [X, Y, Z, tt];
+function xt(t) {
+  const {
+    children: i,
+    className: r = "",
+    columns: a,
+    data: e,
+    onChange: o = n,
+    onClick: x = n,
+    onDrag: I = n,
+    onDrop: B = n,
+    operations: c = [],
+    pageSizes: h = [10, 25, 50, 100],
+    filters: k,
+    filterId: w,
+    pageSize: z,
+    pageIndex: N,
+    totalLength: v,
+    sortBy: L,
+    isLoading: E,
+    disableFilters: R,
+    disablePagination: O,
+    ArrowSort: A = ot,
+    ColumnFilter: H = it,
+    EmptyData: T = mt,
+    Loader: _ = ut,
+    Pagination: j = et,
+    Row: G = nt,
+    CellHeader: $ = at,
+    CellOperations: q,
+    i18n: d = (m) => m,
+    ...f
+  } = t, g = st(c, x), J = {
+    Filter: H,
+    ArrowSort: A
+  }, [l, K] = b(w), [M, p] = b(e);
+  F(() => {
+    p(e);
+  }, [e]);
+  const Q = (m, V) => {
+    const P = rt([...M], m, V);
+    p(P), I(P);
+  }, D = W(
+    {
+      ...t,
+      columns: a,
+      data: e,
+      ctx: f,
+      defaultColumn: J,
+      // getRowId,
+      initialState: {
+        ...t.initialState || {},
+        filters: k || [],
+        pageIndex: N || 0,
+        pageSize: z || 10,
+        sortBy: L || []
+      },
+      manualPagination: t.manualPagination === void 0 ? !0 : t.manualPagination,
+      manualSortBy: t.manualSortBy === void 0 ? !0 : t.manualPagination,
+      manualFilters: t.manualFilters === void 0 ? !0 : t.manualFilters,
+      disableFilters: R,
+      filterId: l,
+      setFilterId: K
+    },
+    ...ct,
+    lt({ operations: c, CellOperations: q, onClick: g, ctx: f, i18n: d })
+  ), {
+    setPageSize: U,
+    state: { pageIndex: s, pageSize: u, sortBy: S, filters: C }
+  } = D;
+  return F(() => {
+    o({
+      pageIndex: s,
+      pageSize: u,
+      sortBy: S,
+      filters: C,
+      filterId: l
+    });
+  }, [o, s, u, S, C, l]), {
+    className: r,
+    tableInstance: D,
+    CellHeader: $,
+    isLoading: E,
+    Loader: _,
+    EmptyData: T,
+    Row: G,
+    data: e,
+    disablePagination: O,
+    Pagination: j,
+    pageIndex: s,
+    pageSize: u,
+    pageSizes: h,
+    totalLength: v,
+    setPageSize: U,
+    i18n: d,
+    children: i,
+    onClick: g,
+    onDrag: Q,
+    onDrop: B,
+    enableDragNDrop: t.enableDragNDrop
+  };
+}
+export {
+  st as getOperationCallback,
+  xt as useCustomTable
+};
+//# sourceMappingURL=useCustomTable.hook.js.map