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

package/dist/molecules/table/hooks/useOperations.d.ts

@@ -1,11 +0,0 @@
-import { ComponentType, FunctionComponent } from 'react';
-import { Hooks } from 'react-table';
-import { Operation } from '../../../interfaces';
-export type UseOperationsHookProps = {
-    CellOperations?: FunctionComponent | ComponentType<{}>;
-    operations: Operation[];
-    onClick?: (data: any, event: string) => void;
-    i18n?: (f: string) => string;
-    ctx?: any;
-};
-export declare function useOperations<D extends object = {}>({ operations, CellOperations, onClick, i18n, ctx }: UseOperationsHookProps): (hooks: Hooks<D>) => void;

package/dist/molecules/table/hooks/useOperations.js

@@ -1,25 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { DefaultCellOperations as a } from "../components/DefaultCellOperations.js";
-function f({
-  operations: r,
-  CellOperations: o = a,
-  onClick: u,
-  i18n: t = (e) => e,
-  ctx: l
-}) {
-  return (e) => {
-    e.visibleColumns.push((i) => r.length ? [
-      ...i,
-      {
-        id: "operations",
-        groupByBoundary: !0,
-        Header: () => /* @__PURE__ */ n("div", { className: "text-center", children: t("Operations") }),
-        Cell: (s) => /* @__PURE__ */ n(o, { ...s, operations: r, onClick: u, ctx: l, i18n: t })
-      }
-    ] : i);
-  };
-}
-export {
-  f as useOperations
-};
-//# sourceMappingURL=useOperations.js.map

package/dist/molecules/table/hooks/useOperations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOperations.js","sources":["../../../../src/molecules/table/hooks/useOperations.tsx"],"sourcesContent":["import { type ComponentType, type FunctionComponent } from \"react\";\nimport { Hooks } from \"react-table\";\n\nimport { Operation } from \"../../../interfaces\";\nimport { DefaultCellOperations } from \"../components/DefaultCellOperations\";\n\nexport type UseOperationsHookProps = {\n  CellOperations?: FunctionComponent | ComponentType<{}>;\n  operations: Operation[];\n  onClick?: (data: any, event: string) => void;\n  i18n?: (f: string) => string;\n  ctx?: any;\n};\n\nexport function useOperations<D extends object = {}>({\n  operations,\n  CellOperations = DefaultCellOperations as FunctionComponent,\n  onClick,\n  i18n = (f: string) => f,\n  ctx\n}: UseOperationsHookProps) {\n  return (hooks: Hooks<D>): void => {\n    hooks.visibleColumns.push((columns) => {\n      if (!operations.length) {\n        return columns;\n      }\n\n      return [\n        ...columns,\n        {\n          id: \"operations\",\n          groupByBoundary: true,\n          Header: () => <div className={\"text-center\"}>{i18n(\"Operations\")}</div>,\n          Cell: (props: any) => <CellOperations {...props} operations={operations} onClick={onClick} ctx={ctx} i18n={i18n} />\n        }\n      ];\n    });\n  };\n}\n"],"names":["useOperations","operations","CellOperations","DefaultCellOperations","onClick","i18n","f","ctx","hooks","columns","jsx","props"],"mappings":";;AAcO,SAASA,EAAqC;AAAA,EACnD,YAAAC;AAAA,EACA,gBAAAC,IAAiBC;AAAA,EACjB,SAAAC;AAAA,EACA,MAAAC,IAAO,CAACC,MAAcA;AAAA,EACtB,KAAAC;AACF,GAA2B;AACzB,SAAO,CAACC,MAA0B;AAC1B,IAAAA,EAAA,eAAe,KAAK,CAACC,MACpBR,EAAW,SAIT;AAAA,MACL,GAAGQ;AAAA,MACH;AAAA,QACE,IAAI;AAAA,QACJ,iBAAiB;AAAA,QACjB,QAAQ,MAAO,gBAAAC,EAAA,OAAA,EAAI,WAAW,eAAgB,UAAAL,EAAK,YAAY,GAAE;AAAA,QACjE,MAAM,CAACM,MAAgB,gBAAAD,EAAAR,GAAA,EAAgB,GAAGS,GAAO,YAAAV,GAAwB,SAAAG,GAAkB,KAAAG,GAAU,MAAAF,EAAY,CAAA;AAAA,MAAA;AAAA,IAErH,IAXSI,CAYV;AAAA,EACH;AACF;"}

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

@@ -1,15 +0,0 @@
-export * from './components/DefaultArrowSort';
-export * from './components/DefaultCell';
-export * from './components/DefaultCellHeader';
-export * from './components/DefaultCellHeader';
-export * from './components/DefaultCellOperations';
-export * from './components/DefaultOperationButton';
-export * from './filters/DefaultColumnFilter';
-export * from './filters/SelectColumnFilter';
-export * from './filters/SliderColumnFilter';
-export * from './hooks/useCustomTable';
-export * from './hooks/useOperations';
-export * from './Table';
-export * from './utils/getPageNumbers';
-export * from './utils/mapFormToColumns';
-export * from './utils/swapElements';

package/dist/molecules/table/index.js

@@ -1,35 +0,0 @@
-import { DefaultArrowSort as r } from "./components/DefaultArrowSort.js";
-import { DefaultCell as l } from "./components/DefaultCell.js";
-import { DefaultCellHeader as f } from "./components/DefaultCellHeader.js";
-import { DefaultCellOperations as a } from "./components/DefaultCellOperations.js";
-import { DefaultOperationButton as x } from "./components/DefaultOperationButton.js";
-import { DefaultColumnFilter as s } from "./filters/DefaultColumnFilter.js";
-import { SelectColumnFilter as i, useSelectColumnFilter as D } from "./filters/SelectColumnFilter.js";
-import { SliderColumnFilter as T } from "./filters/SliderColumnFilter.js";
-import { getOperationCallback as E, useCustomTable as O } from "./hooks/useCustomTable.js";
-import { useOperations as c } from "./hooks/useOperations.js";
-import { Table as A } from "./Table.js";
-import { LEFT_PAGE as P, RIGHT_PAGE as d, getPageNumbers as w } from "./utils/getPageNumbers.js";
-import { mapFormToColumns as _ } from "./utils/mapFormToColumns.js";
-import { swapElements as B } from "./utils/swapElements.js";
-export {
-  r as DefaultArrowSort,
-  l as DefaultCell,
-  f as DefaultCellHeader,
-  a as DefaultCellOperations,
-  s as DefaultColumnFilter,
-  x as DefaultOperationButton,
-  P as LEFT_PAGE,
-  d as RIGHT_PAGE,
-  i as SelectColumnFilter,
-  T as SliderColumnFilter,
-  A as Table,
-  E as getOperationCallback,
-  w as getPageNumbers,
-  _ as mapFormToColumns,
-  B as swapElements,
-  O as useCustomTable,
-  c as useOperations,
-  D as useSelectColumnFilter
-};
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"getPageNumbers.js","sources":["../../../../src/molecules/table/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/utils/swapElements.d.ts

@@ -1 +0,0 @@
-export declare const swapElements: <T = any>(myArray: T[], index1: number, index2: number) => T[];

package/dist/molecules/table/utils/swapElements.js

@@ -1,5 +0,0 @@
-const o = (t, s, e) => (t = [...t], [t[s], t[e]] = [t[e], t[s]], t);
-export {
-  o as swapElements
-};
-//# sourceMappingURL=swapElements.js.map

package/dist/molecules/table/utils/swapElements.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"swapElements.js","sources":["../../../../src/molecules/table/utils/swapElements.ts"],"sourcesContent":["export const swapElements = <T = any>(myArray: T[], index1: number, index2: number): T[] => {\n  myArray = [...myArray];\n\n  [myArray[index1], myArray[index2]] = [myArray[index2], myArray[index1]];\n\n  return myArray;\n};\n"],"names":["swapElements","myArray","index1","index2"],"mappings":"AAAO,MAAMA,IAAe,CAAUC,GAAcC,GAAgBC,OACxDF,IAAA,CAAC,GAAGA,CAAO,GAErB,CAACA,EAAQC,CAAM,GAAGD,EAAQE,CAAM,CAAC,IAAI,CAACF,EAAQE,CAAM,GAAGF,EAAQC,CAAM,CAAC,GAE/DD;"}

package/dist/organisms/form/action/FormAction.js

@@ -1,32 +0,0 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import f from "formiojs/utils";
-import { Form as d } from "../Form.js";
-function n(t, s) {
-  return {
-    ...s,
-    ...t
-  };
-}
-function c({ action: t, ...s }) {
-  return f.eachComponent(s.components, (r) => {
-    const e = "";
-    r.type === "resourcefields" && (r.type = "select", r.label = r.title, r.dataSrc = "url", r.data = {
-      url: `${r.basePath}?type=resource${e}`
-    }, r.valueProperty = "_id", r.template = "<span>{{ item.title }}</span>", r.persistent = !0);
-  }), s;
-}
-function F({ actionInfo: t, children: s, onSubmit: r, options: e, ...i }) {
-  const { form: u, submission: a } = (() => {
-    const o = n(i.submission || {}, t.defaults);
-    return { form: c(t.settingsForm), submission: { data: o } };
-  })();
-  return /* @__PURE__ */ m("div", { children: [
-    s,
-    /* @__PURE__ */ l(d, { form: u, submission: a, onSubmit: r, options: e }),
-    s
-  ] });
-}
-export {
-  F as FormAction
-};
-//# sourceMappingURL=FormAction.js.map

package/dist/organisms/form/action/FormAction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormAction.js","sources":["../../../../src/organisms/form/action/FormAction.tsx"],"sourcesContent":["import FormioUtils from \"formiojs/utils\";\nimport { PropsWithChildren, ReactElement } from \"react\";\n\nimport { ActionDefaultsType, ActionType, FormOptions, SubmissionType } from \"../../../interfaces\";\nimport { Form } from \"../../form/Form\";\n\nfunction mapData(options: any, defaults: ActionDefaultsType): any {\n  return {\n    ...defaults,\n    ...options\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction mapSettingsForm({ action, ...settingsForm }: any): any {\n  FormioUtils.eachComponent(settingsForm.components, (component: any) => {\n    const resourceExclude = \"\";\n\n    if (component.type === \"resourcefields\") {\n      component.type = \"select\";\n      component.label = component.title;\n      component.dataSrc = \"url\";\n      component.data = {\n        url: `${component.basePath}?type=resource${resourceExclude}`\n      };\n      component.valueProperty = \"_id\";\n      component.template = \"<span>{{ item.title }}</span>\";\n      component.persistent = true;\n    }\n  });\n\n  return settingsForm;\n}\n\nexport interface FormActionProps {\n  actionInfo: Partial<ActionType>;\n  submission?: Partial<SubmissionType>;\n  onSubmit?: (submission: SubmissionType<ActionType>) => void;\n  options: FormOptions;\n}\n\nexport function FormAction({ actionInfo, children, onSubmit, options, ...props }: PropsWithChildren<FormActionProps>): ReactElement {\n  const { form, submission } = (() => {\n    const submission = mapData(props.submission || {}, actionInfo.defaults!);\n    const form = mapSettingsForm(actionInfo.settingsForm);\n\n    return { form, submission: { data: submission } };\n  })();\n\n  return (\n    <div>\n      {children}\n\n      <Form<ActionType> form={form} submission={submission} onSubmit={onSubmit} options={options} />\n\n      {children}\n    </div>\n  );\n}\n"],"names":["mapData","options","defaults","mapSettingsForm","action","settingsForm","FormioUtils","component","resourceExclude","FormAction","actionInfo","children","onSubmit","props","form","submission","jsx","Form"],"mappings":";;;AAMA,SAASA,EAAQC,GAAcC,GAAmC;AACzD,SAAA;AAAA,IACL,GAAGA;AAAA,IACH,GAAGD;AAAA,EACL;AACF;AAGA,SAASE,EAAgB,EAAE,QAAAC,GAAQ,GAAGC,KAA0B;AAC9D,SAAAC,EAAY,cAAcD,EAAa,YAAY,CAACE,MAAmB;AACrE,UAAMC,IAAkB;AAEpB,IAAAD,EAAU,SAAS,qBACrBA,EAAU,OAAO,UACjBA,EAAU,QAAQA,EAAU,OAC5BA,EAAU,UAAU,OACpBA,EAAU,OAAO;AAAA,MACf,KAAK,GAAGA,EAAU,QAAQ,iBAAiBC,CAAe;AAAA,IAC5D,GACAD,EAAU,gBAAgB,OAC1BA,EAAU,WAAW,iCACrBA,EAAU,aAAa;AAAA,EACzB,CACD,GAEMF;AACT;AASgB,SAAAI,EAAW,EAAE,YAAAC,GAAY,UAAAC,GAAU,UAAAC,GAAU,SAAAX,GAAS,GAAGY,KAA2D;AAClI,QAAM,EAAE,MAAAC,GAAM,YAAAC,EAAW,KAAK,MAAM;AAClC,UAAMA,IAAaf,EAAQa,EAAM,cAAc,CAAC,GAAGH,EAAW,QAAS;AAGvE,WAAO,EAAE,MAFIP,EAAgBO,EAAW,YAAY,GAErC,YAAY,EAAE,MAAMK,IAAa;AAAA,EAAA,GAC/C;AAEH,2BACG,OACE,EAAA,UAAA;AAAA,IAAAJ;AAAA,IAEA,gBAAAK,EAAAC,GAAA,EAAiB,MAAAH,GAAY,YAAAC,GAAwB,UAAAH,GAAoB,SAAAX,GAAkB;AAAA,IAE3FU;AAAA,EAAA,GACH;AAEJ;"}

package/dist/organisms/table/forms/components/FormCell.d.ts

@@ -1,6 +0,0 @@
-import { CellProps } from 'react-table';
-import { FormType } from '../../../../interfaces';
-export declare function FormsCell(props: CellProps<FormType> & {
-    icon: string;
-    i18n: (f: string) => string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/table/forms/components/FormCell.js

@@ -1,50 +0,0 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import { c as m } from "../../../../chunks/index.js";
-import c from "moment";
-import { iconClass as i } from "../../../../utils/iconClass.js";
-import { stopPropagationWrapper as n } from "../../../../utils/stopPropagationWrapper.js";
-function f(r) {
-  const {
-    icon: o = "server",
-    row: { original: a }
-  } = r;
-  return /* @__PURE__ */ e("div", { className: "p-1", children: [
-    /* @__PURE__ */ e("h4", { className: "text-primary text-lg flex items-center", children: [
-      /* @__PURE__ */ s("i", { className: m(i(void 0, o), "mr-1") }),
-      a.title
-    ] }),
-    /* @__PURE__ */ e("ul", { className: "reset-list text-gray-500", children: [
-      /* @__PURE__ */ e("li", { className: "text-sm", children: [
-        "Name: ",
-        a.name || a.machineName
-      ] }),
-      /* @__PURE__ */ e("li", { className: "mt-5", children: [
-        /* @__PURE__ */ e("span", { className: "badge bg-light mr-1", children: [
-          /* @__PURE__ */ s("i", { className: m(i(void 0, "history"), "mr-1") }),
-          /* @__PURE__ */ e("span", { children: [
-            "Updated ",
-            c(a.modified).fromNow()
-          ] })
-        ] }),
-        (a.tags || []).map((t, l) => /* @__PURE__ */ e(
-          "button",
-          {
-            className: "badge badge-hover bg-secondary mr-1",
-            onClick: n(() => {
-              r.setFilter("tags", t), r.gotoPage(0);
-            }),
-            children: [
-              /* @__PURE__ */ s("i", { className: m(i(void 0, "tags"), "mr-1") }),
-              t
-            ]
-          },
-          l
-        ))
-      ] })
-    ] })
-  ] });
-}
-export {
-  f as FormsCell
-};
-//# sourceMappingURL=FormCell.js.map

package/dist/organisms/table/forms/components/FormCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormCell.js","sources":["../../../../../src/organisms/table/forms/components/FormCell.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport moment from \"moment\";\nimport { CellProps } from \"react-table\";\n\nimport type { FormType } from \"../../../../interfaces\";\nimport { iconClass } from \"../../../../utils/iconClass\";\nimport { stopPropagationWrapper } from \"../../../../utils/stopPropagationWrapper\";\n\nexport function FormsCell(props: CellProps<FormType> & { icon: string; i18n: (f: string) => string }) {\n  const {\n    icon = \"server\",\n    row: { original: form }\n  } = props;\n\n  return (\n    <div className={\"p-1\"}>\n      <h4 className={\"text-primary text-lg flex items-center\"}>\n        <i className={classnames(iconClass(undefined, icon), \"mr-1\")} />\n        {form.title}\n      </h4>\n\n      <ul className='reset-list text-gray-500'>\n        <li className={\"text-sm\"}>Name: {form.name || form.machineName}</li>\n        <li className='mt-5'>\n          <span className='badge bg-light mr-1'>\n            <i className={classnames(iconClass(undefined, \"history\"), \"mr-1\")} />\n            <span>Updated {moment(form.modified).fromNow()}</span>\n          </span>\n\n          {(form.tags || []).map((tag, index) => (\n            <button\n              key={index}\n              className='badge badge-hover bg-secondary mr-1'\n              onClick={stopPropagationWrapper(() => {\n                props.setFilter(\"tags\", tag);\n                props.gotoPage(0);\n              })}\n            >\n              <i className={classnames(iconClass(undefined, \"tags\"), \"mr-1\")} />\n              {tag}\n            </button>\n          ))}\n        </li>\n      </ul>\n    </div>\n  );\n}\n"],"names":["FormsCell","props","icon","form","jsxs","jsx","classnames","iconClass","moment","tag","index","stopPropagationWrapper"],"mappings":";;;;;AAQO,SAASA,EAAUC,GAA4E;AAC9F,QAAA;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,KAAK,EAAE,UAAUC,EAAK;AAAA,EAAA,IACpBF;AAGF,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAW,OACd,UAAA;AAAA,IAAC,gBAAAA,EAAA,MAAA,EAAG,WAAW,0CACb,UAAA;AAAA,MAAC,gBAAAC,EAAA,KAAA,EAAE,WAAWC,EAAWC,EAAU,QAAWL,CAAI,GAAG,MAAM,GAAG;AAAA,MAC7DC,EAAK;AAAA,IAAA,GACR;AAAA,IAEA,gBAAAC,EAAC,MAAG,EAAA,WAAU,4BACZ,UAAA;AAAA,MAAC,gBAAAA,EAAA,MAAA,EAAG,WAAW,WAAW,UAAA;AAAA,QAAA;AAAA,QAAOD,EAAK,QAAQA,EAAK;AAAA,MAAA,GAAY;AAAA,MAC/D,gBAAAC,EAAC,MAAG,EAAA,WAAU,QACZ,UAAA;AAAA,QAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,uBACd,UAAA;AAAA,UAAC,gBAAAC,EAAA,KAAA,EAAE,WAAWC,EAAWC,EAAU,QAAW,SAAS,GAAG,MAAM,GAAG;AAAA,4BAClE,QAAK,EAAA,UAAA;AAAA,YAAA;AAAA,YAASC,EAAOL,EAAK,QAAQ,EAAE,QAAQ;AAAA,UAAA,EAAE,CAAA;AAAA,QAAA,GACjD;AAAA,SAEEA,EAAK,QAAQ,IAAI,IAAI,CAACM,GAAKC,MAC3B,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,SAASO,EAAuB,MAAM;AAC9B,cAAAV,EAAA,UAAU,QAAQQ,CAAG,GAC3BR,EAAM,SAAS,CAAC;AAAA,YAAA,CACjB;AAAA,YAED,UAAA;AAAA,cAAC,gBAAAI,EAAA,KAAA,EAAE,WAAWC,EAAWC,EAAU,QAAW,MAAM,GAAG,MAAM,GAAG;AAAA,cAC/DE;AAAA,YAAA;AAAA,UAAA;AAAA,UARIC;AAAA,QAUR,CAAA;AAAA,MAAA,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/typings.d.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=typings.d.js.map

package/dist/typings.d.js.map

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

package/src/molecules/table/components/DefaultCells.tsx

@@ -1,30 +0,0 @@
-import { Row } from "react-table";
-
-import type { ExtendedCell } from "../hooks/useCustomTable";
-
-export function DefaultCells<Data extends object = {}>({ row }: { row: Row<Data> }) {
-  return (
-    <>
-      {row.cells.map((cell: ExtendedCell<Data>, i) => {
-        const { hidden, colspan } = cell.column;
-
-        if (hidden) {
-          return null;
-        }
-
-        return (
-          <td
-            colSpan={colspan}
-            {...cell.getCellProps({
-              className: cell.column.className,
-              style: cell.column.style
-            })}
-            key={`tableInstance.page.cells.${cell.value || "value"}.${i}`}
-          >
-            {cell.render("Cell") as any}
-          </td>
-        );
-      })}
-    </>
-  );
-}

package/src/molecules/table/components/DefaultRow.tsx

@@ -1,52 +0,0 @@
-import classnames from "classnames";
-import omit from "lodash/omit";
-import { DetailedHTMLProps, HTMLAttributes } from "react";
-import { Row } from "react-table";
-
-import { iconClass } from "../../../utils/iconClass";
-import { useDndRow } from "../hooks/useDragnDropRow";
-import { DefaultCells } from "./DefaultCells";
-
-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 function DefaultDndRow<Data extends object = {}>(props: DefaultRowProps<Data>) {
-  const { isDragging, dragRef, dropRef, opacity } = useDndRow(props);
-
-  return (
-    <tr ref={dropRef} style={{ opacity }}>
-      {/* eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role */}
-      <td ref={dragRef} role='cell' style={{ cursor: isDragging ? "grabbing" : "grab" }} className='align-middle'>
-        <div className='flex items-center justify-center'>
-          <i className={classnames(iconClass(undefined, "dots-vertical-rounded"))} />
-        </div>
-      </td>
-      <DefaultCells<Data> {...props} />
-    </tr>
-  );
-}
-
-export function DefaultRow<Data extends object = {}>({ onClick, row, enableDragNDrop, onDrop, onDrag, ...props }: DefaultRowProps<Data>) {
-  const opts = {
-    ...props,
-    onClick: () => onClick(row.original, "row"),
-    ...row.getRowProps()
-  };
-
-  if (enableDragNDrop) {
-    return <DefaultDndRow<Data> {...opts} row={row} onDrag={onDrag} onDrop={onDrop} />;
-  }
-
-  return (
-    <tr {...omit(opts, ["key"])}>
-      <DefaultCells<Data> row={row} />
-    </tr>
-  );
-}

package/src/molecules/table/components/DragNDropContainer.tsx

@@ -1,7 +0,0 @@
-import { PropsWithChildren } from "react";
-import { DndProvider } from "react-dnd";
-import { HTML5Backend } from "react-dnd-html5-backend";
-
-export function DrapNDropContainer({ enableDragNDrop, children }: PropsWithChildren<{ enableDragNDrop?: boolean }>) {
-  return enableDragNDrop ? <DndProvider backend={HTML5Backend}>{children}</DndProvider> : <>{children}</>;
-}

package/src/molecules/table/filters/DefaultColumnFilter.spec.tsx

@@ -1,33 +0,0 @@
-import "../../../molecules/forms/select/all.ts";
-
-import { act, fireEvent, render, screen } from "@testing-library/react";
-
-import { DefaultColumnFilter } from "./DefaultColumnFilter";
-
-describe("DefaultColumnFilter", () => {
-  it("should display text-field and handle change", async () => {
-    const props = {
-      filterId: "data.id",
-      setFilterId: vi.fn(),
-      name: "data.id",
-      column: { id: "id", filterValue: "", setFilter: vi.fn() }
-    };
-
-    render(
-      // @ts-ignore
-      <DefaultColumnFilter {...props} />
-    );
-
-    const input = screen.getByRole("textbox");
-
-    // eslint-disable-next-line testing-library/no-unnecessary-act
-    await act(async () => {
-      fireEvent.change(input, { target: { value: "value-test" } });
-
-      await new Promise((resolve) => setTimeout(resolve, 300));
-    });
-
-    expect(props.column.setFilter).toHaveBeenCalledWith("value-test");
-    expect(props.setFilterId).toHaveBeenCalledWith("id");
-  });
-});

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

@@ -1,38 +0,0 @@
-import { useState } from "react";
-import { FilterProps } from "react-table";
-
-import { InputText } from "../../../molecules/forms/input-text/InputText";
-
-export function DefaultColumnFilter<D extends Record<string, unknown> = {}>(
-  props: FilterProps<D> & {
-    filterId: string;
-    setFilterId: any;
-    column: { id: string; filterValue: any; setFilter: any };
-  }
-) {
-  const {
-    filterId,
-    setFilterId,
-    column: { id, filterValue, setFilter }
-  } = props;
-
-  const [value, setValue] = useState(filterValue || "");
-
-  /* eslint-disable jsx-a11y/no-autofocus */
-  return (
-    <InputText
-      size={"small"}
-      id={id}
-      name={id}
-      key={id}
-      autoFocus={id === filterId}
-      value={value}
-      onChange={(_, value: any) => {
-        setValue(value);
-        setFilterId(id);
-        setFilter(value || undefined);
-      }}
-      placeholder={"Search records..."}
-    />
-  );
-}

package/src/molecules/table/filters/SelectColumnFilter.spec.tsx

@@ -1,68 +0,0 @@
-import "../../../molecules/forms/select/all.ts";
-
-import { render, screen } from "@testing-library/react";
-
-import { SelectColumnFilter } from "./SelectColumnFilter";
-
-describe("SelectColumnFilter", () => {
-  it("should display select with choices", async () => {
-    const mockSetFilter = vi.fn();
-    const props = {
-      name: "data.id",
-      setFilter: mockSetFilter,
-      column: {
-        id: "id",
-        preFilteredRows: [{ values: { id: "select-choice-1" } }, { values: { id: "select-choice-2" } }]
-      }
-    };
-
-    render(
-      // @ts-ignore
-      <SelectColumnFilter {...props} />
-    );
-
-    expect(screen.getByText("select-choice-1")).toBeDefined();
-    expect(screen.getByText("select-choice-2")).toBeDefined();
-  });
-  it("should display select with custom choices", async () => {
-    const mockSetFilter = vi.fn();
-    const props = {
-      name: "data.id",
-      setFilter: mockSetFilter,
-      column: {
-        id: "id",
-        preFilteredRows: [{ values: { id: "select-choice-1" } }, { values: { id: "select-choice-2" } }],
-        choices: [{ label: "fake-choice", value: "fake-choice" }]
-      }
-    };
-
-    render(
-      // @ts-ignore
-      <SelectColumnFilter {...props} />
-    );
-
-    expect(screen.queryByText("select-choice-1")).toBeNull();
-    expect(screen.getByText("fake-choice")).toBeDefined();
-  });
-
-  it("should display select with custom choices (function)", async () => {
-    const mockSetFilter = vi.fn();
-    const props = {
-      name: "data.id",
-      setFilter: mockSetFilter,
-      column: {
-        id: "id",
-        preFilteredRows: [{ values: { id: "select-choice-1" } }, { values: { id: "select-choice-2" } }],
-        choices: () => [{ label: "fake-choice", value: "fake-choice" }]
-      }
-    };
-
-    render(
-      // @ts-ignore
-      <SelectColumnFilter {...props} />
-    );
-
-    expect(screen.queryByText("select-choice-1")).toBeNull();
-    expect(screen.getByText("fake-choice")).toBeDefined();
-  });
-});

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

@@ -1,51 +0,0 @@
-import { FilterProps } from "react-table";
-
-import { Select } from "../../../molecules/forms/select/Select";
-
-export function useSelectColumnFilter<D extends Record<string, unknown> = {}>(props: FilterProps<D>) {
-  const { column } = props;
-  const { id, preFilteredRows } = column as any;
-  const { choices: customChoices } = column as any;
-  const { filterValue, setFilter } = column as any;
-
-  const choices = (() => {
-    if (customChoices) {
-      if (typeof customChoices === "function") {
-        return customChoices(props);
-      }
-      return customChoices;
-    }
-
-    return [...new Set(preFilteredRows.map((row: any) => row.values[id]))]
-      .filter((value) => value)
-      .map((value) => ({
-        label: value,
-        value
-      }));
-  })();
-
-  const onChange = (_: string | undefined, value: any) => {
-    setFilter(value || undefined);
-  };
-
-  return {
-    value: filterValue,
-    onChange,
-    options: [{ value: "", label: "All" }].concat(choices)
-  };
-}
-
-export function SelectColumnFilter<D extends Record<string, unknown> = {}>(props: FilterProps<D>) {
-  const { value, options, onChange } = useSelectColumnFilter(props);
-
-  return (
-    <Select
-      key={`filter-${props.column.id}`}
-      name={`filter-${props.column.id}`}
-      size={"small"}
-      value={value}
-      options={options}
-      onChange={onChange}
-    />
-  );
-}

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

@@ -1,28 +0,0 @@
-import type { FilterProps } from "react-table";
-
-export function SliderColumnFilter<D extends Record<string, unknown> = {}>({
-  column: { filterValue, setFilter, preFilteredRows, id }
-}: FilterProps<D> & { column: { filterValue: any; setFilter: any; preFilteredRows: any[]; id: string } }) {
-  let min = preFilteredRows.length ? preFilteredRows[0].values[id] : 0;
-  let max = preFilteredRows.length ? preFilteredRows[0].values[id] : 0;
-
-  preFilteredRows.forEach((row) => {
-    min = Math.min(row?.values[id], min);
-    max = Math.max(row?.values[id], max);
-  });
-
-  return (
-    <>
-      <input
-        type='range'
-        min={min}
-        max={max}
-        value={filterValue || min}
-        onChange={(e) => {
-          setFilter(parseInt(e.target.value, 10));
-        }}
-      />
-      <button onClick={() => setFilter(undefined)}>Off</button>
-    </>
-  );
-}