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

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

@@ -0,0 +1,40 @@
+import { useRef as d } from "react";
+import { useDrop as w, useDrag as y } from "react-dnd";
+const p = "row";
+function Y({ onDrag: l, onDrop: a, index: i, ...D }) {
+  const n = d(null), c = d(null), [, v] = w({
+    accept: p,
+    drop(t) {
+      a(t);
+    },
+    hover(t, x) {
+      if (!n.current)
+        return;
+      const r = t.index, e = i;
+      if (r === e)
+        return;
+      const o = n.current.getBoundingClientRect(), g = (o.bottom - o.top) / 2, u = x.getClientOffset();
+      if (!u)
+        return;
+      const f = u.y - o.top;
+      r < e && f < g || r > e && f > g || (l(r, e), t.index = e);
+    }
+  }), [{ isDragging: s }, R, h] = y(() => ({
+    type: p,
+    item: { index: i },
+    collect: (t) => ({
+      isDragging: t.isDragging()
+    })
+  })), m = s ? 0 : 1;
+  return h(v(n)), R(c), {
+    ...D,
+    opacity: m,
+    isDragging: s,
+    dropRef: n,
+    dragRef: c
+  };
+}
+export {
+  Y as useDndRow
+};
+//# sourceMappingURL=useDragnDropRow.hook.js.map

package/dist/components/table/hooks/useDragnDropRow.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragnDropRow.hook.js","sources":["../../../../src/components/table/hooks/useDragnDropRow.hook.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { useDrag, useDrop } from \"react-dnd\";\n\nimport { DefaultRowProps } from \"../components/defaultRow.component\";\n\nconst DND_ITEM_TYPE = \"row\";\n\nexport function useDndRow<Data extends object = {}>({ onDrag, onDrop, index, ...props }: DefaultRowProps<Data>) {\n  const dropRef = useRef<HTMLTableRowElement>(null);\n  const dragRef = useRef<HTMLTableDataCellElement>(null);\n\n  const [, drop] = useDrop<Data>({\n    accept: DND_ITEM_TYPE,\n    drop(item) {\n      onDrop(item);\n    },\n    hover(item: any, monitor) {\n      if (!dropRef.current) {\n        return;\n      }\n      const dragIndex = item.index;\n      const hoverIndex = index;\n      // Don't replace items with themselves\n      if (dragIndex === hoverIndex) {\n        return;\n      }\n      // Determine rectangle on screen\n      const hoverBoundingRect = dropRef.current!.getBoundingClientRect();\n      // Get vertical middle\n      const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n      // Determine mouse position\n      const clientOffset = monitor.getClientOffset();\n      if (!clientOffset) {\n        return;\n      }\n      // Get pixels to the top\n      const hoverClientY = clientOffset.y - hoverBoundingRect.top;\n      // Only perform the move when the mouse has crossed half of the items height\n      // When dragging downwards, only move when the cursor is below 50%\n      // When dragging upwards, only move when the cursor is above 50%\n      // Dragging downwards\n      if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {\n        return;\n      }\n      // Dragging upwards\n      if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {\n        return;\n      }\n\n      // Time to actually perform the action\n      onDrag(dragIndex, hoverIndex);\n      // Note: we're mutating the monitor item here!\n      // Generally it's better to avoid mutations,\n      // but it's good here for the sake of performance\n      // to avoid expensive index searches.\n      item.index = hoverIndex;\n    }\n  });\n\n  const [{ isDragging }, drag, preview] = useDrag(() => ({\n    type: DND_ITEM_TYPE,\n    item: { index },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging()\n    })\n  }));\n\n  const opacity = isDragging ? 0 : 1;\n\n  preview(drop(dropRef));\n  drag(dragRef);\n\n  return {\n    ...props,\n    opacity,\n    isDragging,\n    dropRef,\n    dragRef\n  };\n}\n"],"names":["DND_ITEM_TYPE","useDndRow","onDrag","onDrop","index","props","dropRef","useRef","dragRef","drop","useDrop","item","monitor","dragIndex","hoverIndex","hoverBoundingRect","hoverMiddleY","clientOffset","hoverClientY","isDragging","drag","preview","useDrag","opacity"],"mappings":";;AAKA,MAAMA,IAAgB;AAEf,SAASC,EAAoC,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,OAAAC,GAAO,GAAGC,KAAgC;AACxG,QAAAC,IAAUC,EAA4B,IAAI,GAC1CC,IAAUD,EAAiC,IAAI,GAE/C,CAAG,EAAAE,CAAI,IAAIC,EAAc;AAAA,IAC7B,QAAQV;AAAA,IACR,KAAKW,GAAM;AACT,MAAAR,EAAOQ,CAAI;AAAA,IACb;AAAA,IACA,MAAMA,GAAWC,GAAS;AACpB,UAAA,CAACN,EAAQ;AACX;AAEF,YAAMO,IAAYF,EAAK,OACjBG,IAAaV;AAEnB,UAAIS,MAAcC;AAChB;AAGI,YAAAC,IAAoBT,EAAQ,QAAS,sBAAsB,GAE3DU,KAAgBD,EAAkB,SAASA,EAAkB,OAAO,GAEpEE,IAAeL,EAAQ,gBAAgB;AAC7C,UAAI,CAACK;AACH;AAGI,YAAAC,IAAeD,EAAa,IAAIF,EAAkB;AAKpD,MAAAF,IAAYC,KAAcI,IAAeF,KAIzCH,IAAYC,KAAcI,IAAeF,MAK7Cd,EAAOW,GAAWC,CAAU,GAK5BH,EAAK,QAAQG;AAAA,IAAA;AAAA,EACf,CACD,GAEK,CAAC,EAAE,YAAAK,EAAW,GAAGC,GAAMC,CAAO,IAAIC,EAAQ,OAAO;AAAA,IACrD,MAAMtB;AAAA,IACN,MAAM,EAAE,OAAAI,EAAM;AAAA,IACd,SAAS,CAACQ,OAAa;AAAA,MACrB,YAAYA,EAAQ,WAAW;AAAA,IACjC;AAAA,EAAA,EACA,GAEIW,IAAUJ,IAAa,IAAI;AAEzB,SAAAE,EAAAZ,EAAKH,CAAO,CAAC,GACrBc,EAAKZ,CAAO,GAEL;AAAA,IACL,GAAGH;AAAA,IACH,SAAAkB;AAAA,IACA,YAAAJ;AAAA,IACA,SAAAb;AAAA,IACA,SAAAE;AAAA,EACF;AACF;"}

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

@@ -1,11 +1,11 @@
-import { type ComponentType, type 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;
+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/components/table/hooks/useOperations.hook.js

@@ -0,0 +1,25 @@
+import { jsx as n } from "react/jsx-runtime";
+import { DefaultCellOperations as a } from "../components/defaultCellOperations.component.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.hook.js.map

package/dist/components/table/hooks/useOperations.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOperations.hook.js","sources":["../../../../src/components/table/hooks/useOperations.hook.tsx"],"sourcesContent":["import { type ComponentType, type FunctionComponent } from \"react\";\nimport { Hooks } from \"react-table\";\n\nimport { Operation } from \"../../../interfaces\";\nimport { DefaultCellOperations } from \"../components/defaultCellOperations.component\";\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/components/table/index.d.ts

@@ -1,15 +1,15 @@
-export * from "./components/defaultArrowSort.component";
-export * from "./components/defaultCell.component";
-export * from "./components/defaultCellHeader.component";
-export * from "./components/defaultCellHeader.component";
-export * from "./components/defaultCellOperations.component";
-export * from "./components/defaultOperationButton.component";
-export * from "./filters/defaultColumnFilter.component";
-export * from "./filters/selectColumnFilter.component";
-export * from "./filters/sliderColumnFilter.component";
-export * from "./hooks/useCustomTable.hook";
-export * from "./hooks/useOperations.hook";
-export * from "./table.component";
-export * from "./utils/getPageNumbers";
-export * from "./utils/mapFormToColumns";
-export * from "./utils/swapElements";
+export * from './components/defaultArrowSort.component';
+export * from './components/defaultCell.component';
+export * from './components/defaultCellHeader.component';
+export * from './components/defaultCellHeader.component';
+export * from './components/defaultCellOperations.component';
+export * from './components/defaultOperationButton.component';
+export * from './filters/defaultColumnFilter.component';
+export * from './filters/selectColumnFilter.component';
+export * from './filters/sliderColumnFilter.component';
+export * from './hooks/useCustomTable.hook';
+export * from './hooks/useOperations.hook';
+export * from './table.component';
+export * from './utils/getPageNumbers';
+export * from './utils/mapFormToColumns';
+export * from './utils/swapElements';

package/dist/components/table/index.js

@@ -0,0 +1,35 @@
+import { DefaultArrowSort as r } from "./components/defaultArrowSort.component.js";
+import { DefaultCell as l } from "./components/defaultCell.component.js";
+import { DefaultCellHeader as f } from "./components/defaultCellHeader.component.js";
+import { DefaultCellOperations as a } from "./components/defaultCellOperations.component.js";
+import { DefaultOperationButton as x } from "./components/defaultOperationButton.component.js";
+import { DefaultColumnFilter as s } from "./filters/defaultColumnFilter.component.js";
+import { SelectColumnFilter as i, useSelectColumnFilter as D } from "./filters/selectColumnFilter.component.js";
+import { SliderColumnFilter as T } from "./filters/sliderColumnFilter.component.js";
+import { getOperationCallback as E, useCustomTable as O } from "./hooks/useCustomTable.hook.js";
+import { useOperations as c } from "./hooks/useOperations.hook.js";
+import { Table as A } from "./table.component.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/components/table/index.js.map

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

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

@@ -1,3 +1,3 @@
-import React, { PropsWithChildren } from "react";
-import { TableProps } from "./hooks/useCustomTable.hook";
-export declare function Table<Data extends object = any>(props: PropsWithChildren<TableProps<Data>>): React.JSX.Element;
+import { PropsWithChildren } from 'react';
+import { TableProps } from './hooks/useCustomTable.hook';
+export declare function Table<Data extends object = any>(props: PropsWithChildren<TableProps<Data>>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,81 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { createElement as d } from "react";
+import { c as z } from "../../chunks/index.js";
+import { DrapNDropContainer as H } from "./components/dragNDropContainer.js";
+import { useCustomTable as L } from "./hooks/useCustomTable.hook.js";
+function R(p) {
+  const {
+    className: c,
+    tableInstance: a,
+    CellHeader: m,
+    isLoading: l,
+    onClick: h,
+    Loader: g,
+    EmptyData: b,
+    Row: u,
+    data: o,
+    disablePagination: N,
+    Pagination: f,
+    pageIndex: D,
+    pageSize: P,
+    pageSizes: v,
+    setPageSize: x,
+    totalLength: y,
+    i18n: I,
+    enableDragNDrop: r,
+    children: C,
+    onDrag: T,
+    onDrop: k
+  } = L(p);
+  return /* @__PURE__ */ e(H, { enableDragNDrop: r, children: /* @__PURE__ */ i("div", { className: z("table-group table-responsive", c), children: [
+    /* @__PURE__ */ i(
+      "table",
+      {
+        className: "table table-striped table-hover",
+        ...a.getTableProps(),
+        children: [
+          /* @__PURE__ */ e("thead", { children: a.headerGroups.map((t, n) => /* @__PURE__ */ d("tr", { ...t.getHeaderGroupProps(), key: `tableInstance.headerGroups${n}` }, r ? /* @__PURE__ */ e("th", { role: "columnheader", className: "text-center", children: /* @__PURE__ */ e("div", { className: "table-cell-header" }) }) : null, t.headers.map((s) => /* @__PURE__ */ d(
+            "th",
+            {
+              ...s.getHeaderProps(),
+              key: `tableInstance.headers.column.${s.id}`
+            },
+            /* @__PURE__ */ e(m, { column: s })
+          )))) }),
+          l ? null : /* @__PURE__ */ e("tbody", { ...a.getTableBodyProps(), children: a.page.map((t, n) => (a.prepareRow(t), /* @__PURE__ */ e(
+            u,
+            {
+              index: n,
+              enableDragNDrop: r,
+              onClick: h,
+              row: t,
+              onDrag: T,
+              onDrop: k
+            },
+            `tableInstance.page.${t.id}`
+          ))) })
+        ]
+      }
+    ),
+    l ? /* @__PURE__ */ e(g, {}) : null,
+    o.length ? null : /* @__PURE__ */ e(b, {}),
+    !l && o.length && !N ? /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ e(
+      f,
+      {
+        ...a,
+        totalLength: y,
+        className: "text-sm",
+        pageIndex: D,
+        pageSize: P,
+        pageSizes: v,
+        setPageSize: x,
+        i18n: I
+      }
+    ) }) : null,
+    C
+  ] }) });
+}
+export {
+  R as Table
+};
+//# sourceMappingURL=table.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.component.js","sources":["../../../src/components/table/table.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { DrapNDropContainer } from \"./components/dragNDropContainer\";\nimport { TableProps, useCustomTable } from \"./hooks/useCustomTable.hook\";\n\nexport function Table<Data extends object = any>(props: PropsWithChildren<TableProps<Data>>) {\n  const {\n    className,\n    tableInstance,\n    CellHeader,\n    isLoading,\n    onClick,\n    Loader,\n    EmptyData,\n    Row,\n    data,\n    disablePagination,\n    Pagination,\n    pageIndex,\n    pageSize,\n    pageSizes,\n    setPageSize,\n    totalLength,\n    i18n,\n    enableDragNDrop,\n    children,\n    onDrag,\n    onDrop\n  } = useCustomTable(props);\n\n  // Render the UI for your table\n  return (\n    <DrapNDropContainer enableDragNDrop={enableDragNDrop}>\n      <div className={classnames(\"table-group table-responsive\", className)}>\n        <table\n          className={\"table table-striped table-hover\"}\n          {...tableInstance.getTableProps()}\n          /* style={{ marginBottom: disablePagination ? \"-1px\" : \"0px\" }} */\n        >\n          <thead>\n            {tableInstance.headerGroups.map((headerGroup, i) => (\n              <tr {...headerGroup.getHeaderGroupProps()} key={`tableInstance.headerGroups${i}`}>\n                {enableDragNDrop ? (\n                  <th role='columnheader' className='text-center'>\n                    <div className='table-cell-header'></div>\n                  </th>\n                ) : null}\n                {headerGroup.headers.map((column) => (\n                  <th\n                    /* className='text-left py-2 align-top' */\n                    {...column.getHeaderProps()}\n                    key={`tableInstance.headers.column.${column.id}`}\n                  >\n                    <CellHeader column={column} />\n                  </th>\n                ))}\n              </tr>\n            ))}\n          </thead>\n          {!isLoading ? (\n            <tbody {...tableInstance.getTableBodyProps()}>\n              {tableInstance.page.map((row, index) => {\n                tableInstance.prepareRow(row);\n                return (\n                  <Row<Data>\n                    index={index}\n                    enableDragNDrop={enableDragNDrop}\n                    onClick={onClick}\n                    row={row}\n                    key={`tableInstance.page.${row.id}`}\n                    onDrag={onDrag}\n                    onDrop={onDrop}\n                  />\n                );\n              })}\n            </tbody>\n          ) : null}\n        </table>\n        {isLoading ? <Loader /> : null}\n        {!data.length ? <EmptyData /> : null}\n        {!isLoading && data.length && !disablePagination ? (\n          <div className={\"overflow-hidden\"}>\n            <Pagination\n              {...tableInstance}\n              totalLength={totalLength}\n              className={\"text-sm\"}\n              pageIndex={pageIndex}\n              pageSize={pageSize}\n              pageSizes={pageSizes}\n              setPageSize={setPageSize}\n              i18n={i18n}\n            />\n          </div>\n        ) : null}\n        {children}\n      </div>\n    </DrapNDropContainer>\n  );\n}\n"],"names":["Table","props","className","tableInstance","CellHeader","isLoading","onClick","Loader","EmptyData","Row","data","disablePagination","Pagination","pageIndex","pageSize","pageSizes","setPageSize","totalLength","i18n","enableDragNDrop","children","onDrag","onDrop","useCustomTable","jsx","DrapNDropContainer","jsxs","classnames","headerGroup","i","createElement","column","row","index"],"mappings":";;;;;AAMO,SAASA,EAAiCC,GAA4C;AACrF,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,IACEC,EAAetB,CAAK;AAItB,SAAA,gBAAAuB,EAACC,KAAmB,iBAAAN,GAClB,UAAA,gBAAAO,EAAC,SAAI,WAAWC,EAAW,gCAAgCzB,CAAS,GAClE,UAAA;AAAA,IAAA,gBAAAwB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACV,GAAGvB,EAAc,cAAc;AAAA,QAGhC,UAAA;AAAA,UAAA,gBAAAqB,EAAC,SACE,EAAA,UAAArB,EAAc,aAAa,IAAI,CAACyB,GAAaC,MAC3C,gBAAAC,EAAA,MAAA,EAAI,GAAGF,EAAY,oBAAuB,GAAA,KAAK,6BAA6BC,CAAC,MAC3EV,IACC,gBAAAK,EAAC,QAAG,MAAK,gBAAe,WAAU,eAChC,4BAAC,OAAI,EAAA,WAAU,oBAAoB,CAAA,EACrC,CAAA,IACE,MACHI,EAAY,QAAQ,IAAI,CAACG,MACxB,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cAEE,GAAGC,EAAO,eAAe;AAAA,cAC1B,KAAK,gCAAgCA,EAAO,EAAE;AAAA,YAAA;AAAA,YAE9C,gBAAAP,EAACpB,KAAW,QAAA2B,EAAgB,CAAA;AAAA,UAAA,CAE/B,CACH,CACD,EACH,CAAA;AAAA,UACE1B,IAiBE,OAhBD,gBAAAmB,EAAA,SAAA,EAAO,GAAGrB,EAAc,kBAAkB,GACxC,UAAcA,EAAA,KAAK,IAAI,CAAC6B,GAAKC,OAC5B9B,EAAc,WAAW6B,CAAG,GAE1B,gBAAAR;AAAA,YAACf;AAAA,YAAA;AAAA,cACC,OAAAwB;AAAA,cACA,iBAAAd;AAAA,cACA,SAAAb;AAAA,cACA,KAAA0B;AAAA,cAEA,QAAAX;AAAA,cACA,QAAAC;AAAA,YAAA;AAAA,YAFK,sBAAsBU,EAAI,EAAE;AAAA,UAGnC,EAEH,EACH,CAAA;AAAA,QACE;AAAA,MAAA;AAAA,IACN;AAAA,IACC3B,IAAa,gBAAAmB,EAAAjB,GAAA,CAAA,CAAO,IAAK;AAAA,IACxBG,EAAK,SAAyB,OAAhB,gBAAAc,EAAChB,KAAU;AAAA,IAC1B,CAACH,KAAaK,EAAK,UAAU,CAACC,IAC7B,gBAAAa,EAAC,OAAI,EAAA,WAAW,mBACd,UAAA,gBAAAA;AAAA,MAACZ;AAAA,MAAA;AAAA,QACE,GAAGT;AAAA,QACJ,aAAAc;AAAA,QACA,WAAW;AAAA,QACX,WAAAJ;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,QACA,aAAAC;AAAA,QACA,MAAAE;AAAA,MAAA;AAAA,OAEJ,IACE;AAAA,IACHE;AAAA,EAAA,EAAA,CACH,EACF,CAAA;AAEJ;"}

package/dist/components/table/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/components/table/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/components/table/utils/getPageNumbers.js.map

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

@@ -1,3 +1,3 @@
-import { FormSchema } from "../../../interfaces";
-import { ExtendedColumn } from "../hooks/useCustomTable.hook";
-export declare function mapFormToColumns(form: FormSchema): ExtendedColumn[];
+import { FormSchema } from '../../../interfaces';
+import { ExtendedColumn } from '../hooks/useCustomTable.hook';
+export declare function mapFormToColumns(form: FormSchema): ExtendedColumn[];

package/dist/components/table/utils/mapFormToColumns.js

@@ -0,0 +1,23 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Components as o } from "formiojs";
+import u from "formiojs/utils";
+import { DefaultCell as c } from "../components/defaultCell.component.js";
+import { SelectColumnFilter as f } from "../filters/selectColumnFilter.component.js";
+function h(l) {
+  const t = [];
+  return u.eachComponent(l.components, (e) => {
+    if (e.tableView && e.key) {
+      const a = o.create(e, {}, null, !0), r = {
+        Header: e.label || e.title || e.key,
+        accessor: `data.${e.key}`,
+        className: "text-center",
+        Cell: (s) => /* @__PURE__ */ m(c, { ...s, render: (i) => a.asString(i) })
+      };
+      e.type === "select" && e.dataSrc === "values" && (r.Filter = f, r.choices = e.data.values), t.push(r);
+    }
+  }), t;
+}
+export {
+  h as mapFormToColumns
+};
+//# sourceMappingURL=mapFormToColumns.js.map

package/dist/components/table/utils/mapFormToColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapFormToColumns.js","sources":["../../../../src/components/table/utils/mapFormToColumns.tsx"],"sourcesContent":["import { Components, ExtendedComponentSchema } from \"formiojs\";\nimport FormioUtils from \"formiojs/utils\";\n\nimport { FormSchema } from \"../../../interfaces\";\nimport { DefaultCell } from \"../components/defaultCell.component\";\nimport { SelectColumnFilter } from \"../filters/selectColumnFilter.component\";\nimport { ExtendedColumn } from \"../hooks/useCustomTable.hook\";\n\nexport function mapFormToColumns(form: FormSchema): ExtendedColumn[] {\n  const columns: ExtendedColumn[] = [];\n\n  FormioUtils.eachComponent(form.components, (component: ExtendedComponentSchema) => {\n    if (component.tableView && component.key) {\n      const cmp: any = Components.create(component, {}, null, true);\n\n      const column: ExtendedColumn = {\n        Header: component.label || component.title || component.key,\n        accessor: `data.${component.key}`,\n        className: \"text-center\",\n        Cell: (props: any) => <DefaultCell {...props} render={(value: any) => cmp.asString(value)} />\n      };\n\n      if (component.type === \"select\" && component.dataSrc === \"values\") {\n        column.Filter = SelectColumnFilter;\n        (column as any).choices = component.data.values;\n      }\n\n      columns.push(column);\n    }\n  });\n\n  return columns;\n}\n"],"names":["mapFormToColumns","form","columns","FormioUtils","component","cmp","Components","column","props","jsx","DefaultCell","value","SelectColumnFilter"],"mappings":";;;;;AAQO,SAASA,EAAiBC,GAAoC;AACnE,QAAMC,IAA4B,CAAC;AAEnC,SAAAC,EAAY,cAAcF,EAAK,YAAY,CAACG,MAAuC;AAC7E,QAAAA,EAAU,aAAaA,EAAU,KAAK;AACxC,YAAMC,IAAWC,EAAW,OAAOF,GAAW,CAAC,GAAG,MAAM,EAAI,GAEtDG,IAAyB;AAAA,QAC7B,QAAQH,EAAU,SAASA,EAAU,SAASA,EAAU;AAAA,QACxD,UAAU,QAAQA,EAAU,GAAG;AAAA,QAC/B,WAAW;AAAA,QACX,MAAM,CAACI,MAAe,gBAAAC,EAACC,GAAa,EAAA,GAAGF,GAAO,QAAQ,CAACG,MAAeN,EAAI,SAASM,CAAK,EAAG,CAAA;AAAA,MAC7F;AAEA,MAAIP,EAAU,SAAS,YAAYA,EAAU,YAAY,aACvDG,EAAO,SAASK,GACfL,EAAe,UAAUH,EAAU,KAAK,SAG3CF,EAAQ,KAAKK,CAAM;AAAA,IAAA;AAAA,EACrB,CACD,GAEML;AACT;"}

package/dist/components/table/utils/swapElements.d.ts

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

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

@@ -0,0 +1,5 @@
+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/components/table/utils/swapElements.js.map

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

@@ -1,19 +1,19 @@
-import React, { PropsWithChildren } from "react";
-export declare function ButtonTab({ icon, back, onClick, isActive, reverse, children, className, after }: PropsWithChildren<any>): React.JSX.Element;
-export interface TabsItemProps extends Record<string, any> {
-    label?: string;
-    icon?: string;
-}
-export interface TabsProps extends Record<string, any> {
-    headerChildren?: any;
-    AddButton?: any;
-    current?: TabsItemProps;
-    items?: TabsItemProps[];
-    style?: any;
-    className?: string;
-    reverse?: boolean;
-    Button?: any;
-    onClick?: (item: TabsItemProps) => void;
-    i18n?: (f: string) => string;
-}
-export declare function Tabs({ style, current, items, children, HeaderChildren, AddButton, Button, className, onClick, i18n, ...additionalProps }: PropsWithChildren<TabsProps>): React.JSX.Element;
+import { PropsWithChildren } from 'react';
+export declare function ButtonTab({ icon, back, onClick, isActive, reverse, children, className, after }: PropsWithChildren<any>): import("react/jsx-runtime").JSX.Element;
+export interface TabsItemProps extends Record<string, any> {
+    label?: string;
+    icon?: string;
+}
+export interface TabsProps extends Record<string, any> {
+    headerChildren?: any;
+    AddButton?: any;
+    current?: TabsItemProps;
+    items?: TabsItemProps[];
+    style?: any;
+    className?: string;
+    reverse?: boolean;
+    Button?: any;
+    onClick?: (item: TabsItemProps) => void;
+    i18n?: (f: string) => string;
+}
+export declare function Tabs({ style, current, items, children, HeaderChildren, AddButton, Button, className, onClick, i18n, ...additionalProps }: PropsWithChildren<TabsProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/tabs/tabs.component.js

@@ -0,0 +1,72 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { c as i } from "../../chunks/index.js";
+import { iconClass as p } from "../../utils/iconClass.js";
+function N({ icon: c, back: s, onClick: n, isActive: b, reverse: l, children: o, className: r, after: _ }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      title: "button-wrapper",
+      className: i("tw-tabs__button-wrapper", b ? "-active" : "", s ? "-back" : "", r),
+      children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            title: "button-tab",
+            className: i("tw-tabs__button", l ? "-reverse" : "", b ? "-active" : "", s ? "-back" : ""),
+            onClick: n,
+            children: [
+              c && /* @__PURE__ */ t("i", { className: i(p(void 0, c), "tw-tabs__button-icon") }),
+              /* @__PURE__ */ t("span", { className: "tw-tabs__button-label", children: o }),
+              _
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: i("tw-tabs__button-border", b ? "-active" : "") })
+      ]
+    }
+  );
+}
+function x({
+  style: c,
+  current: s,
+  items: n = [],
+  children: b,
+  HeaderChildren: l,
+  AddButton: o,
+  Button: r = N,
+  className: _,
+  onClick: m,
+  i18n: w = (a) => a,
+  ...d
+}) {
+  return /* @__PURE__ */ e("div", { "data-testid": "tabs-comp", className: `tw-tabs ${_}`, style: c, children: [
+    /* @__PURE__ */ e("div", { children: [
+      /* @__PURE__ */ t("nav", { className: "tw-tabs__header", children: /* @__PURE__ */ e("div", { className: "tw-tabs__header-wrapper", children: [
+        /* @__PURE__ */ t("div", { className: "tw-tabs__header-border" }),
+        n.filter((a) => a.label || a.icon).map((a, v) => /* @__PURE__ */ t(
+          r,
+          {
+            back: a.back,
+            isActive: (s == null ? void 0 : s.action) === a.action,
+            exact: a.exact,
+            onClick: () => {
+              m && m(a);
+            },
+            ...d,
+            ...a,
+            children: w(a.label || "")
+          },
+          v
+        )),
+        o && /* @__PURE__ */ t(o, { ...d, current: s })
+      ] }) }),
+      l && /* @__PURE__ */ t(l, { ...d, current: s })
+    ] }),
+    /* @__PURE__ */ t("div", { title: "tab-body", className: "tw-tabs__body", children: b })
+  ] });
+}
+export {
+  N as ButtonTab,
+  x as Tabs
+};
+//# sourceMappingURL=tabs.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.component.js","sources":["../../../src/components/tabs/tabs.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { PropsWithChildren } from \"react\";\n\nimport { iconClass } from \"../../utils/iconClass\";\n\nexport function ButtonTab({ icon, back, onClick, isActive, reverse, children, className, after }: PropsWithChildren<any>) {\n  return (\n    <div\n      title={\"button-wrapper\"}\n      className={classnames(\"tw-tabs__button-wrapper\", isActive ? \"-active\" : \"\", back ? \"-back\" : \"\", className)}\n    >\n      <button\n        title={\"button-tab\"}\n        className={classnames(\"tw-tabs__button\", reverse ? \"-reverse\" : \"\", isActive ? \"-active\" : \"\", back ? \"-back\" : \"\")}\n        onClick={onClick}\n      >\n        {icon && <i className={classnames(iconClass(undefined, icon), \"tw-tabs__button-icon\")} />}\n        <span className={\"tw-tabs__button-label\"}>{children}</span>\n        {after}\n      </button>\n      <div className={classnames(\"tw-tabs__button-border\", isActive ? \"-active\" : \"\")} />\n    </div>\n  );\n}\n\nexport interface TabsItemProps extends Record<string, any> {\n  label?: string;\n  icon?: string;\n}\n\nexport interface TabsProps extends Record<string, any> {\n  headerChildren?: any;\n  AddButton?: any;\n  current?: TabsItemProps;\n  items?: TabsItemProps[];\n  style?: any;\n  className?: string;\n  reverse?: boolean;\n  Button?: any;\n  onClick?: (item: TabsItemProps) => void;\n  i18n?: (f: string) => string;\n}\n\nexport function Tabs({\n  style,\n  current,\n  items = [],\n  children,\n  HeaderChildren,\n  AddButton,\n  Button = ButtonTab,\n  className,\n  onClick,\n  i18n = (f) => f,\n  ...additionalProps\n}: PropsWithChildren<TabsProps>) {\n  return (\n    <div data-testid={\"tabs-comp\"} className={`tw-tabs ${className}`} style={style}>\n      <div>\n        <nav className='tw-tabs__header'>\n          <div className='tw-tabs__header-wrapper'>\n            <div className='tw-tabs__header-border' />\n            {items\n              .filter((item) => item.label || item.icon)\n              .map((item, index) => {\n                return (\n                  <Button\n                    key={index}\n                    back={item.back}\n                    isActive={current?.action === item.action}\n                    exact={item.exact}\n                    onClick={() => {\n                      onClick && onClick(item);\n                    }}\n                    {...additionalProps}\n                    {...item}\n                  >\n                    {i18n(item.label || \"\")}\n                  </Button>\n                );\n              })}\n            {AddButton && <AddButton {...additionalProps} current={current} />}\n          </div>\n        </nav>\n        {HeaderChildren && <HeaderChildren {...additionalProps} current={current} />}\n      </div>\n      <div title={\"tab-body\"} className={\"tw-tabs__body\"}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":["ButtonTab","icon","back","onClick","isActive","reverse","children","className","after","jsxs","classnames","jsx","iconClass","Tabs","style","current","items","HeaderChildren","AddButton","Button","i18n","f","additionalProps","item","index"],"mappings":";;;AAKgB,SAAAA,EAAU,EAAE,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,OAAAC,KAAiC;AAEtH,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAWC,EAAW,2BAA2BN,IAAW,YAAY,IAAIF,IAAO,UAAU,IAAIK,CAAS;AAAA,MAE1G,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,WAAWC,EAAW,mBAAmBL,IAAU,aAAa,IAAID,IAAW,YAAY,IAAIF,IAAO,UAAU,EAAE;AAAA,YAClH,SAAAC;AAAA,YAEC,UAAA;AAAA,cAAQF,KAAA,gBAAAU,EAAC,OAAE,WAAWD,EAAWE,EAAU,QAAWX,CAAI,GAAG,sBAAsB,EAAG,CAAA;AAAA,cACtF,gBAAAU,EAAA,QAAA,EAAK,WAAW,yBAA0B,UAAAL,EAAS,CAAA;AAAA,cACnDE;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QACA,gBAAAG,EAAC,SAAI,WAAWD,EAAW,0BAA0BN,IAAW,YAAY,EAAE,EAAG,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnF;AAEJ;AAoBO,SAASS,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,UAAAV;AAAA,EACA,gBAAAW;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAASnB;AAAA,EACT,WAAAO;AAAA,EACA,SAAAJ;AAAA,EACA,MAAAiB,IAAO,CAACC,MAAMA;AAAA,EACd,GAAGC;AACL,GAAiC;AAE7B,SAAA,gBAAAb,EAAC,SAAI,eAAa,aAAa,WAAW,WAAWF,CAAS,IAAI,OAAAO,GAChE,UAAA;AAAA,IAAA,gBAAAL,EAAC,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAE,EAAC,SAAI,WAAU,mBACb,UAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,yBAAyB,CAAA;AAAA,QACvCK,EACE,OAAO,CAACO,MAASA,EAAK,SAASA,EAAK,IAAI,EACxC,IAAI,CAACA,GAAMC,MAER,gBAAAb;AAAA,UAACQ;AAAA,UAAA;AAAA,YAEC,MAAMI,EAAK;AAAA,YACX,WAAUR,KAAA,gBAAAA,EAAS,YAAWQ,EAAK;AAAA,YACnC,OAAOA,EAAK;AAAA,YACZ,SAAS,MAAM;AACb,cAAApB,KAAWA,EAAQoB,CAAI;AAAA,YACzB;AAAA,YACC,GAAGD;AAAA,YACH,GAAGC;AAAA,YAEH,UAAAH,EAAKG,EAAK,SAAS,EAAE;AAAA,UAAA;AAAA,UAVjBC;AAAA,QAWP,CAEH;AAAA,QACFN,KAAa,gBAAAP,EAACO,GAAW,EAAA,GAAGI,GAAiB,SAAAP,EAAkB,CAAA;AAAA,MAAA,EAAA,CAClE,EACF,CAAA;AAAA,MACCE,KAAkB,gBAAAN,EAACM,GAAgB,EAAA,GAAGK,GAAiB,SAAAP,EAAkB,CAAA;AAAA,IAAA,GAC5E;AAAA,sBACC,OAAI,EAAA,OAAO,YAAY,WAAW,iBAChC,UAAAT,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/hooks/useTooltip.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { Options } from "tooltip.js";
-export declare function useTooltip(options: Options): import("react").MutableRefObject<any>;
+import { Options } from 'tooltip.js';
+export declare function useTooltip(options: Options): import('react').MutableRefObject<any>;

package/dist/hooks/useTooltip.js

@@ -0,0 +1,12 @@
+import { useRef as t, useEffect as o } from "react";
+import f from "tooltip.js";
+function c(e) {
+  const r = t();
+  return o(() => {
+    r.current && new f(r.current, e);
+  }, [r, e]), r;
+}
+export {
+  c as useTooltip
+};
+//# sourceMappingURL=useTooltip.js.map

package/dist/hooks/useTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.js","sources":["../../src/hooks/useTooltip.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport Tooltip, { Options } from \"tooltip.js\";\n\nexport function useTooltip(options: Options) {\n  const ref = useRef<any>();\n\n  useEffect(() => {\n    ref.current && new Tooltip(ref.current as any, options);\n  }, [ref, options]);\n\n  return ref;\n}\n"],"names":["useTooltip","options","ref","useRef","useEffect","Tooltip"],"mappings":";;AAGO,SAASA,EAAWC,GAAkB;AAC3C,QAAMC,IAAMC,EAAY;AAExB,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAI,WAAW,IAAIG,EAAQH,EAAI,SAAgBD,CAAO;AAAA,EAAA,GACrD,CAACC,GAAKD,CAAO,CAAC,GAEVC;AACT;"}

package/dist/index.d.ts

@@ -1,13 +1,13 @@
-import Webform from "formiojs/Webform";
-import WebformBuilder from "formiojs/WebformBuilder";
-import Wizard from "formiojs/Wizard";
-import WizardBuilder from "formiojs/WizardBuilder";
-export { Webform, WebformBuilder, Wizard, WizardBuilder };
-export * from "./components";
-export * from "./hooks/useTooltip";
-export * from "./interfaces";
-export * from "./utils/callLast";
-export * from "./utils/iconClass";
-export * from "./utils/mapPagination";
-export * from "./utils/stopPropagationWrapper";
-export { Components, Formio, Templates, Utils } from "formiojs";
+import { default as Webform } from 'formiojs/Webform';
+import { default as WebformBuilder } from 'formiojs/WebformBuilder';
+import { default as Wizard } from 'formiojs/Wizard';
+import { default as WizardBuilder } from 'formiojs/WizardBuilder';
+export { Webform, WebformBuilder, Wizard, WizardBuilder };
+export * from './components';
+export * from './hooks/useTooltip';
+export * from './interfaces';
+export * from './utils/callLast';
+export * from './utils/iconClass';
+export * from './utils/mapPagination';
+export * from './utils/stopPropagationWrapper';
+export { Components, Formio, Templates, Utils } from 'formiojs';