@g4rcez/components 5.0.1 → 5.0.3

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { CellAsideElement, Col } from "./table-lib";
+type ItemContentContext<T extends Record<string, unknown>> = {
+    cols: Col<T>[];
+    loading?: boolean;
+    loadingMore?: boolean;
+    Aside?: React.FC<CellAsideElement<T>>;
+};
+export declare const Row: <T extends Record<string, unknown>>(index: number, row: T, context: ItemContentContext<T>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=row.d.ts.map

package/dist/components/table/row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/components/table/row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAI7E,OAAO,EAAE,gBAAgB,EAAoB,GAAG,EAAa,MAAM,aAAa,CAAC;AAEjF,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACzD,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;CACzC,CAAC;AAoCF,eAAO,MAAM,GAAG,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,kBAAkB,CAAC,CAAC,CAAC,sBAgD3G,CAAC"}

package/dist/components/table/row.js

@@ -0,0 +1,58 @@
+import { p as e } from "../../dom-Bn4wY_Zx.js";
+import { a as t } from "../../fns-KbsWlOTG.js";
+import { SkeletonCell as n } from "../display/skeleton.js";
+import { Fragment as r, createElement as i, useRef as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/table/row.tsx
+var c = (e) => {
+	let t = a(null), n = a(null), [r, i] = o("opacity-0"), c = r === "opacity-0";
+	return /* @__PURE__ */ s("div", {
+		ref: t,
+		onMouseEnter: () => {
+			let e = n.current, r = t.current;
+			e !== null && r !== null && (r.style.left = `-${e.getBoundingClientRect().width + 4}px`), i("opacity-100");
+		},
+		onMouseLeave: () => i("opacity-0"),
+		"data-component": "cell-aside",
+		inert: c ? !0 : void 0,
+		tabIndex: c ? -1 : void 0,
+		className: `group-table-cell-aside absolute inset-0 top-0 flex h-full w-full items-stretch transition-opacity duration-300 ease-in-out ${r}`,
+		children: /* @__PURE__ */ s("div", {
+			ref: n,
+			className: "isolate block",
+			children: e.children
+		})
+	});
+}, l = (a, o, l) => {
+	let u = l.cols, d = l.loading;
+	return /* @__PURE__ */ s(r, { children: u.map((u, f) => {
+		let p = `${f},${a}`, m = t(o, u.id), h = u.Element, g = u.cellProps?.className || "", _ = f === 0 && l.Aside && d === !1, v = l.Aside;
+		return /* @__PURE__ */ i("td", {
+			...u.cellProps,
+			role: "cell",
+			"data-matrix": p,
+			key: `accessor-${a}-${f}`,
+			className: `typography group-table-cell flex border-collapse flex-col whitespace-pre-wrap border border-y border-b border-table-border p-table-cell-padding md:table-cell md:border-b-0 md:border-r md:border-l-transparent md:last:border-r-transparent ${g}`
+		}, _ ? /* @__PURE__ */ s(c, { children: /* @__PURE__ */ s(v, {
+			col: u,
+			row: o,
+			rowIndex: a
+		}) }) : null, /* @__PURE__ */ s("span", {
+			className: "text-typography-sm block font-bold leading-tight md:hidden",
+			children: u.thead
+		}), /* @__PURE__ */ s("span", {
+			className: "relative",
+			children: d ? n : h ? /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(h, {
+				row: o,
+				matrix: p,
+				col: u,
+				rowIndex: a,
+				value: m
+			}) }) : /* @__PURE__ */ s(r, { children: e.nil(m) ? "" : m })
+		}));
+	}) });
+};
+//#endregion
+export { l as Row };
+
+//# sourceMappingURL=row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","names":[],"sources":["../../../src/components/table/row.tsx"],"sourcesContent":["import React, { Fragment, PropsWithChildren, useRef, useState } from \"react\";\nimport { Is } from \"sidekicker\";\nimport { path } from \"../../lib/fns\";\nimport { SkeletonCell } from \"../display/skeleton\";\nimport { CellAsideElement, CellPropsElement, Col, ColMatrix } from \"./table-lib\";\n\ntype ItemContentContext<T extends Record<string, unknown>> = {\n    cols: Col<T>[];\n    loading?: boolean;\n    loadingMore?: boolean;\n    Aside?: React.FC<CellAsideElement<T>>;\n};\n\nconst RowAside = (props: PropsWithChildren) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n    const ref = useRef<HTMLDivElement>(null);\n    const [className, setClassName] = useState(\"opacity-0\");\n    const ariaHidden = className === \"opacity-0\";\n\n    const onLeave = () => setClassName(\"opacity-0\");\n\n    const onEnter = () => {\n        const child = ref.current;\n        const parent = parentRef.current;\n        if (child !== null && parent !== null) {\n            parent.style.left = `-${child.getBoundingClientRect().width + 4}px`;\n        }\n        setClassName(\"opacity-100\");\n    };\n\n    return (\n        <div\n            ref={parentRef}\n            onMouseEnter={onEnter}\n            onMouseLeave={onLeave}\n            data-component=\"cell-aside\"\n            inert={ariaHidden ? true : undefined}\n            tabIndex={ariaHidden ? -1 : undefined}\n            className={`group-table-cell-aside absolute inset-0 top-0 flex h-full w-full items-stretch transition-opacity duration-300 ease-in-out ${className}`}\n        >\n            <div ref={ref} className=\"isolate block\">\n                {props.children}\n            </div>\n        </div>\n    );\n};\n\nexport const Row = <T extends Record<string, unknown>>(index: number, row: T, context: ItemContentContext<T>) => {\n    const cols = context.cols;\n    const loading = context.loading;\n    return (\n        <Fragment>\n            {cols.map((col, colIndex) => {\n                const matrix: ColMatrix = `${colIndex},${index}`;\n                const value = path(row, col.id);\n                const Component = col.Element as React.FC<CellPropsElement<T, typeof col.id>> | undefined;\n                const className = col.cellProps?.className || \"\";\n                const exposeAside = colIndex === 0 && context.Aside && loading === false;\n                const Aside = context.Aside!;\n                return (\n                    <td\n                        {...col.cellProps}\n                        role=\"cell\"\n                        data-matrix={matrix}\n                        key={`accessor-${index}-${colIndex}`}\n                        className={`typography group-table-cell flex border-collapse flex-col whitespace-pre-wrap border border-y border-b border-table-border p-table-cell-padding md:table-cell md:border-b-0 md:border-r md:border-l-transparent md:last:border-r-transparent ${className}`}\n                    >\n                        {exposeAside ? (\n                            <RowAside>\n                                <Aside col={col} row={row} rowIndex={index} />\n                            </RowAside>\n                        ) : null}\n                        <span className=\"text-typography-sm block font-bold leading-tight md:hidden\">{col.thead}</span>\n                        <span className=\"relative\">\n                            {loading ? (\n                                SkeletonCell\n                            ) : Component ? (\n                                <Fragment>\n                                    <Component\n                                        row={row}\n                                        matrix={matrix}\n                                        col={col}\n                                        rowIndex={index}\n                                        value={value as CellPropsElement<T, typeof col.id>[\"value\"]}\n                                    />\n                                </Fragment>\n                            ) : (\n                                <Fragment>{Is.nil(value) ? \"\" : (value as React.ReactNode)}</Fragment>\n                            )}\n                        </span>\n                    </td>\n                );\n            })}\n        </Fragment>\n    );\n};\n"],"mappings":";;;;;;AAaA,IAAM,KAAY,MAA6B;CAC3C,IAAM,IAAY,EAAuB,IAAI,GACvC,IAAM,EAAuB,IAAI,GACjC,CAAC,GAAW,KAAgB,EAAS,WAAW,GAChD,IAAa,MAAc;CAajC,OACI,kBAAC,OAAD;EACI,KAAK;EACL,oBAZc;GAClB,IAAM,IAAQ,EAAI,SACZ,IAAS,EAAU;GAIzB,AAHI,MAAU,QAAQ,MAAW,SAC7B,EAAO,MAAM,OAAO,IAAI,EAAM,sBAAsB,EAAE,QAAQ,EAAE,MAEpE,EAAa,aAAa;EAC9B;EAMQ,oBAfc,EAAa,WAAW;EAgBtC,kBAAe;EACf,OAAO,IAAa,KAAO,KAAA;EAC3B,UAAU,IAAa,KAAK,KAAA;EAC5B,WAAW,8HAA8H;YAEzI,kBAAC,OAAD;GAAU;GAAK,WAAU;aACpB,EAAM;EACN,CAAA;CACJ,CAAA;AAEb,GAEa,KAA0C,GAAe,GAAQ,MAAmC;CAC7G,IAAM,IAAO,EAAQ,MACf,IAAU,EAAQ;CACxB,OACI,kBAAC,GAAD,EAAA,UACK,EAAK,KAAK,GAAK,MAAa;EACzB,IAAM,IAAoB,GAAG,EAAS,GAAG,KACnC,IAAQ,EAAK,GAAK,EAAI,EAAE,GACxB,IAAY,EAAI,SAChB,IAAY,EAAI,WAAW,aAAa,IACxC,IAAc,MAAa,KAAK,EAAQ,SAAS,MAAY,IAC7D,IAAQ,EAAQ;EACtB,OACI,kBAAC,MAAD;GACI,GAAI,EAAI;GACR,MAAK;GACL,eAAa;GACb,KAAK,YAAY,EAAM,GAAG;GAC1B,WAAW,gPAAgP;EAyB3P,GAvBC,IACG,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD;GAAY;GAAU;GAAK,UAAU;EAAQ,CAAA,EACvC,CAAA,IACV,MACJ,kBAAC,QAAD;GAAM,WAAU;aAA8D,EAAI;EAAY,CAAA,GAC9F,kBAAC,QAAD;GAAM,WAAU;aACX,IACG,IACA,IACA,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD;IACS;IACG;IACH;IACL,UAAU;IACH;GACV,CAAA,EACK,CAAA,IAEV,kBAAC,GAAD,EAAA,UAAW,EAAG,IAAI,CAAK,IAAI,KAAM,EAAoC,CAAA;EAEvE,CAAA,CACN;CAEZ,CAAC,EACK,CAAA;AAElB"}

package/dist/components/table/row.jsx

@@ -0,0 +1,49 @@
+import React, { Fragment, useRef, useState } from "react";
+import { Is } from "sidekicker";
+import { path } from "../../lib/fns";
+import { SkeletonCell } from "../display/skeleton";
+const RowAside = (props) => {
+    const parentRef = useRef(null);
+    const ref = useRef(null);
+    const [className, setClassName] = useState("opacity-0");
+    const ariaHidden = className === "opacity-0";
+    const onLeave = () => setClassName("opacity-0");
+    const onEnter = () => {
+        const child = ref.current;
+        const parent = parentRef.current;
+        if (child !== null && parent !== null) {
+            parent.style.left = `-${child.getBoundingClientRect().width + 4}px`;
+        }
+        setClassName("opacity-100");
+    };
+    return (<div ref={parentRef} onMouseEnter={onEnter} onMouseLeave={onLeave} data-component="cell-aside" inert={ariaHidden ? true : undefined} tabIndex={ariaHidden ? -1 : undefined} className={`group-table-cell-aside absolute inset-0 top-0 flex h-full w-full items-stretch transition-opacity duration-300 ease-in-out ${className}`}>
+            <div ref={ref} className="isolate block">
+                {props.children}
+            </div>
+        </div>);
+};
+export const Row = (index, row, context) => {
+    const cols = context.cols;
+    const loading = context.loading;
+    return (<Fragment>
+            {cols.map((col, colIndex) => {
+            const matrix = `${colIndex},${index}`;
+            const value = path(row, col.id);
+            const Component = col.Element;
+            const className = col.cellProps?.className || "";
+            const exposeAside = colIndex === 0 && context.Aside && loading === false;
+            const Aside = context.Aside;
+            return (<td {...col.cellProps} role="cell" data-matrix={matrix} key={`accessor-${index}-${colIndex}`} className={`typography group-table-cell flex border-collapse flex-col whitespace-pre-wrap border border-y border-b border-table-border p-table-cell-padding md:table-cell md:border-b-0 md:border-r md:border-l-transparent md:last:border-r-transparent ${className}`}>
+                        {exposeAside ? (<RowAside>
+                                <Aside col={col} row={row} rowIndex={index}/>
+                            </RowAside>) : null}
+                        <span className="text-typography-sm block font-bold leading-tight md:hidden">{col.thead}</span>
+                        <span className="relative">
+                            {loading ? (SkeletonCell) : Component ? (<Fragment>
+                                    <Component row={row} matrix={matrix} col={col} rowIndex={index} value={value}/>
+                                </Fragment>) : (<Fragment>{Is.nil(value) ? "" : value}</Fragment>)}
+                        </span>
+                    </td>);
+        })}
+        </Fragment>);
+};

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { Any, Label } from "../../types";
+import { Col, TableConfiguration, TableOperationProps } from "./table-lib";
+type Keyof<T extends Any> = keyof T extends infer R extends string ? R : never;
+declare enum Order {
+    Asc = "asc",
+    Desc = "desc",
+    Undefined = "undefined"
+}
+export type Sorter<T extends Any> = {
+    value: Keyof<T>;
+    type: Order;
+    label: Label;
+    id: string;
+};
+export declare const multiSort: <T extends Any>(array: T[], fields: Sorter<T>[]) => T[];
+type Props<T extends Any> = TableConfiguration<T, {
+    cols: Col<T>[];
+    sorters: Sorter<T>[];
+    set: React.Dispatch<React.SetStateAction<Sorter<T>[]>>;
+}>;
+export declare const Sort: <T extends Any>(props: Props<T>) => React.JSX.Element;
+type SorterHeadProps<T extends Any> = Pick<TableOperationProps<T>, "sorters" | "setSorters"> & {
+    col: Col<T>;
+};
+export declare const SorterHead: <T extends Any>(props: SorterHeadProps<T>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=sort.d.ts.map

package/dist/components/table/sort.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort.d.ts","sourceRoot":"","sources":["../../../src/components/table/sort.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,OAAO,EAAE,GAAG,EAAY,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAErF,KAAK,KAAK,CAAC,CAAC,SAAS,GAAG,IAAI,MAAM,CAAC,SAAS,MAAM,CAAC,SAAS,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC;AAE/E,aAAK,KAAK;IACN,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,SAAS,cAAc;CAC1B;AAED,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,GAAG,IAAI;IAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAY/F,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,EAAE,QAGvE,CAAC;AAEF,KAAK,KAAK,CAAC,CAAC,SAAS,GAAG,IAAI,kBAAkB,CAC1C,CAAC,EACD;IACI,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACf,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAC1D,CACJ,CAAC;AASF,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,GAAG,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC,sBA4ElD,CAAC;AAEF,KAAK,eAAe,CAAC,CAAC,SAAS,GAAG,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC,GAAG;IAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAE/G,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,GAAG,EAAE,OAAO,eAAe,CAAC,CAAC,CAAC,sBAkClE,CAAC"}

package/dist/components/table/sort.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as e, r as t, t as n } from "../../sort-DGmiselV.js";
+export { n as Sort, e as SorterHead, t as multiSort };

package/dist/components/table/sort.jsx

@@ -0,0 +1,111 @@
+"use client";
+import { SortAscendingIcon, SortDescendingIcon, CaretUpDownIcon, PlusIcon, TrashIcon } from "@phosphor-icons/react";
+import React, { Fragment, useState } from "react";
+import { useTranslations } from "../../hooks/use-translations";
+import { uuid } from "../../lib/fns";
+import { Dropdown } from "../floating/dropdown";
+import { Select } from "../form/select";
+import { getLabel } from "./table-lib";
+var Order;
+(function (Order) {
+    Order["Asc"] = "asc";
+    Order["Desc"] = "desc";
+    Order["Undefined"] = "undefined";
+})(Order || (Order = {}));
+const createSorterFn = (fields) => (a, b) => fields.reduce((acc, x) => {
+    const reverse = x.type === "desc" ? -1 : 1;
+    const property = x.value;
+    const p = a[property] > b[property] ? reverse : a[property] < b[property] ? -reverse : 0;
+    return acc !== 0 ? acc : p;
+}, 0);
+export const multiSort = (array, fields) => {
+    array.sort(createSorterFn(fields));
+    return array;
+};
+const createSorter = (col, label, order) => ({
+    label,
+    id: uuid(),
+    type: order,
+    value: col.id,
+});
+export const Sort = (props) => {
+    const translation = useTranslations();
+    const orders = {
+        asc: { label: translation.tableSortAsc, value: Order.Asc },
+        desc: { label: translation.tableSortDesc, value: Order.Desc },
+    };
+    const orderOptions = [orders.asc, orders.desc];
+    const onAddSorter = () => {
+        const col = props.cols[0];
+        if (col)
+            props.set((prev) => [...prev, createSorter(col, orders.asc.label, orders.asc.value)]);
+    };
+    const onSetSorter = (id) => (e) => {
+        const value = e.target.value;
+        props.set((prev) => prev.map((x) => (x.id === id ? { ...x, value: value } : x)));
+    };
+    const onSortOrderType = (id) => (e) => {
+        const type = e.target.value;
+        props.set((prev) => prev.map((x) => (x.id === id ? { ...x, type: type } : x)));
+    };
+    const onDelete = (e) => {
+        const id = e.currentTarget.dataset.id || "";
+        props.set((prev) => prev.filter((x) => x.id !== id));
+    };
+    return (<Fragment>
+            <Dropdown title={translation.tableSortDropdownTitle} trigger={<span className="flex items-center gap-table-inline-gap-tight proportional-nums">
+                        <CaretUpDownIcon size={14}/>
+                        {translation.tableSortOrderByLabel} {props.sorters.length === 0 ? "" : ` (${props.sorters.length})`}
+                    </span>}>
+                <ul className="mt-table-groups-mt space-y-2">
+                    {props.sorters.map((sorter) => {
+            return (<li key={`sorter-select-${sorter.id}`} className="flex flex-nowrap gap-3">
+                                <Select options={props.options} value={sorter.value} onChange={onSetSorter(sorter.id)} title={translation.tableSortOrderInputTitle} placeholder={translation.tableSortOrderInputPlaceholder}/>
+                                <Select onChange={onSortOrderType(sorter.id)} value={sorter.type} options={orderOptions} title={translation.tableSortTypeInputTitle} placeholder={translation.tableSortTypeInputPlaceholder}/>
+                                <button className="mt-table-groups-mt" data-id={sorter.id} onClick={onDelete}>
+                                    <span className="text-danger">
+                                        <TrashIcon aria-hidden="true" size={14}/>
+                                    </span>
+                                </button>
+                            </li>);
+        })}
+                    <li>
+                        <button type="button" onClick={onAddSorter} className="flex items-center gap-table-inline-gap-tight text-primary">
+                            <PlusIcon size={14}/> {translation.tableSortAddButton}
+                        </button>
+                    </li>
+                </ul>
+            </Dropdown>
+        </Fragment>);
+};
+export const SorterHead = (props) => {
+    const translations = useTranslations();
+    const [status, setStatus] = useState(() => {
+        const sorter = props.sorters.find((sort) => sort.value === props.col.id);
+        return sorter ? sorter.type : Order.Undefined;
+    });
+    const onClick = () => {
+        const next = status === Order.Undefined ? Order.Asc : status === Order.Asc ? Order.Desc : Order.Undefined;
+        setStatus(next);
+        props.setSorters((prev) => {
+            if (next === Order.Undefined)
+                return prev.filter((x) => x.value !== props.col.id);
+            const findIndex = prev.findIndex((p) => p.value === props.col.id);
+            const sorter = createSorter(props.col, next, next);
+            if (findIndex === -1)
+                return [...prev, sorter];
+            prev[findIndex] = sorter;
+            return [...prev];
+        });
+    };
+    const labelId = `${props.col.id}-sorter-id`;
+    const label = getLabel(props.col);
+    return (<button aria-labelledby={labelId} className="isolate flex items-center" onClick={onClick} type="button">
+            <span id={labelId} className="sr-only">
+                {translations.tableSortDropdownTitle} {label}
+            </span>
+            {status === Order.Asc ? <SortAscendingIcon size={14}/> : null}
+            {status === Order.Desc ? <SortDescendingIcon size={14}/> : null}
+            {status === Order.Undefined ? <CaretUpDownIcon size={14}/> : null}
+        </button>);
+};

package/dist/components/table/table-lib.d.ts

@@ -0,0 +1,135 @@
+import React from "react";
+import { AllPaths } from "sidekicker";
+import { Any, POJO, SetState } from "../../types";
+import { OptionProps } from "../form/select";
+import { FilterConfig } from "./filter";
+import { GroupItem } from "./group";
+import { Sorter } from "./sort";
+export declare const getLabel: <T extends POJO>(col: Col<T>) => string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined>;
+export type TableConfiguration<T extends POJO, M extends POJO = Any> = M & {
+    cols: Col<T>[];
+    options: OptionProps[];
+};
+export declare const createOptionCols: <T extends POJO>(cols: Col<T>[]) => OptionProps[];
+export declare enum ColType {
+    Boolean = "boolean",
+    Number = "number",
+    Select = "select",
+    Text = "text"
+}
+export declare const valueFromType: (input: HTMLInputElement) => string | number;
+type THead = React.ReactElement | React.ReactNode;
+export type ColMatrix = `${number},${number}`;
+type ParsePath<path, output extends string[] = [], currentChunk extends string = ""> = path extends number ? [`${path}`] : path extends `${infer first}${infer rest}` ? first extends "." | "[" | "]" ? ParsePath<rest, [...output, ...(currentChunk extends "" ? [] : [currentChunk])], ""> : ParsePath<rest, output, `${currentChunk}${first}`> : [...output, ...(currentChunk extends "" ? [] : [currentChunk])];
+type RecursiveGet<Obj, pathList> = Obj extends any ? pathList extends [infer first, ...infer rest] ? first extends keyof Obj ? RecursiveGet<Obj[first], rest> : [first, Obj] extends [`${number}` | "number", readonly any[]] ? RecursiveGet<Extract<Obj, any[]>[number], rest> : undefined : Obj : never;
+type GetFromPath<Obj, path> = RecursiveGet<Obj, ParsePath<path>>;
+export type CellAsideElement<T extends POJO> = {
+    row: T;
+    rowIndex: number;
+    col: ColOptions<T, AllPaths<T>>;
+};
+export type CellPropsElement<T extends POJO, K extends AllPaths<T>> = {
+    row: T;
+    value: GetFromPath<T, K>;
+    rowIndex: number;
+    matrix: ColMatrix;
+    col: ColOptions<T, K> & {
+        id: K;
+        thead: THead;
+    };
+};
+type ColOptions<T extends POJO, K extends AllPaths<T>> = Partial<{
+    type: ColType;
+    allowSort: boolean;
+    headerLabel: string;
+    allowFilter: boolean;
+    Element: React.FC<CellPropsElement<T, K>>;
+    thProps: React.HTMLAttributes<HTMLTableCellElement>;
+    cellProps: React.HTMLAttributes<HTMLTableCellElement>;
+}>;
+export type ColConstructor<T extends POJO> = {
+    getAll: () => Col<T>[];
+    remove: <K extends AllPaths<T>>(id: K) => void;
+    filter: (c: (c: Col<T>) => boolean) => Col<T>[];
+    add: <K extends AllPaths<T>>(id: K, thead: THead, props?: ColOptions<T, K>) => void;
+};
+declare const cols: <T extends POJO>() => <K extends AllPaths<T>>(id: K, thead: THead, options: ColOptions<T, K>) => {
+    id: K;
+    thead: THead;
+    type?: ColType | undefined;
+    allowSort?: boolean | undefined;
+    headerLabel?: string | undefined;
+    allowFilter?: boolean | undefined;
+    Element?: React.FC<CellPropsElement<T, K>> | undefined;
+    thProps?: React.HTMLAttributes<HTMLTableCellElement> | undefined;
+    cellProps?: React.HTMLAttributes<HTMLTableCellElement> | undefined;
+};
+export type Col<T extends POJO> = ReturnType<ReturnType<typeof cols<T>>>;
+export type TablePagination = {
+    size: number;
+    pages: number;
+    current: number;
+    hasNext: boolean;
+    sizes?: number[];
+    totalItems: number;
+    hasPrevious: boolean;
+    onChangeSize?: (size: number) => void;
+    asLink?: React.FC<React.PropsWithChildren<{
+        href: number | "previous" | "next";
+        className: string;
+    }>>;
+};
+export type TableGetters<T extends POJO> = {
+    rows: T[];
+    cols: Col<T>[];
+    sorters: Sorter<T>[];
+    groups: GroupItem<T>[];
+    filters: FilterConfig<T>[];
+    pagination: TablePagination | null;
+};
+type TableSetters<T extends POJO> = {
+    setCols: SetState<Col<T>[]>;
+    setSorters: SetState<Sorter<T>[]>;
+    setGroups: SetState<GroupItem<T>[]>;
+    setFilters: SetState<FilterConfig<T>[]>;
+};
+export type TableOperationProps<T extends POJO> = TableConfiguration<T, TableSetters<T> & TableGetters<T> & {
+    set?: (v: TableGetters<T>) => void;
+} & {
+    inlineSorter: boolean;
+    inlineFilter: boolean;
+}>;
+export declare const createColumns: <T extends POJO>(callback: (o: ColConstructor<T>) => void) => {
+    id: AllPaths<T, never>;
+    thead: THead;
+    type?: ColType | undefined;
+    allowSort?: boolean | undefined;
+    headerLabel?: string | undefined;
+    allowFilter?: boolean | undefined;
+    Element?: React.FC<CellPropsElement<T, AllPaths<T, never>>> | undefined;
+    thProps?: React.HTMLAttributes<HTMLTableCellElement> | undefined;
+    cellProps?: React.HTMLAttributes<HTMLTableCellElement> | undefined;
+}[];
+export declare const useTablePreferences: <T extends POJO>(name: string, cols: Col<T>[], options?: Partial<TableGetters<T>>) => {
+    name: string;
+    set: (getters: TableGetters<T>) => void;
+    cols: {
+        id: AllPaths<T, never>;
+        thead: THead;
+        type?: ColType | undefined;
+        allowSort?: boolean | undefined;
+        headerLabel?: string | undefined;
+        allowFilter?: boolean | undefined;
+        Element?: React.FC<CellPropsElement<T, AllPaths<T, never>>> | undefined;
+        thProps?: React.HTMLAttributes<HTMLTableCellElement> | undefined;
+        cellProps?: React.HTMLAttributes<HTMLTableCellElement> | undefined;
+    }[];
+    sorters: Sorter<T>[];
+    groups: GroupItem<T>[];
+    filters: FilterConfig<T>[];
+    pagination: TablePagination | null;
+};
+export declare const useWidthControl: <T extends object>(reorder: (c: Col<T>[]) => void) => readonly [React.RefObject<HTMLTableRowElement | null>, (cols: Col<T>[]) => void];
+export declare const getModalScrollerRef: () => HTMLElement | undefined;
+export {};
+//# sourceMappingURL=table-lib.d.ts.map

package/dist/components/table/table-lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-lib.d.ts","sourceRoot":"","sources":["../../../src/components/table/table-lib.ts"],"names":[],"mappings":"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"}

package/dist/components/table/table-lib.js

@@ -0,0 +1,83 @@
+"use client";
+import { useCallback, useRef } from "react";
+import { LocalStorage } from "storage-manager-js";
+import { useReducer } from "use-typed-reducer";
+import { useStableRef } from "../../hooks/use-stable-ref";
+import { isSsr } from "../../lib/fns";
+export const getLabel = (col) => col.headerLabel ?? col.thead ?? col.id;
+export const createOptionCols = (cols) => cols.map((opt) => ({
+    value: opt.id,
+    label: (opt.thead ?? opt.headerLabel ?? opt.id),
+}));
+export var ColType;
+(function (ColType) {
+    ColType["Boolean"] = "boolean";
+    ColType["Number"] = "number";
+    ColType["Select"] = "select";
+    ColType["Text"] = "text";
+})(ColType || (ColType = {}));
+export const valueFromType = (input) => (input.type === "number" ? input.valueAsNumber : input.value);
+const cols = () => (id, thead, options) => ({ ...options, id, thead });
+export const createColumns = (callback) => {
+    let items = [];
+    const add = (id, thead, options) => items.push({ ...options, id, thead });
+    const remove = (id) => (items = items.filter((x) => x.id !== id));
+    const getAll = () => Array.from(items);
+    const filter = (c) => (items = Array.from(items.filter(c)));
+    callback({ add, remove, getAll, filter });
+    return items;
+};
+const noop = {};
+const mergeCols = (cols, saved) => {
+    if (!Array.isArray(saved))
+        return cols;
+    const savedSet = new Set(saved.map((x) => x.id));
+    if (!cols.every((x) => savedSet.has(x.id))) {
+        return cols;
+    }
+    const map = new Map(cols.map((x) => [x.id, x]));
+    return saved.map((mock, index) => {
+        const original = map.get(mock.id);
+        if (original === undefined)
+            return cols[index];
+        return original;
+    });
+};
+export const useTablePreferences = (name, cols, options = noop) => {
+    const init = isSsr() ? null : LocalStorage.get(`@components/table-${name}`) || null;
+    const [state, dispatch] = useReducer({
+        name,
+        groups: options.groups || init?.groups || [],
+        sorters: options.sorters || init?.sorters || [],
+        filters: options.filters || init?.filters || [],
+        cols: mergeCols(cols, init?.cols),
+    }, (get) => {
+        const intercept = (partial) => {
+            const prev = get.state();
+            const result = { ...prev, ...partial };
+            if (!isSsr())
+                LocalStorage.set(`@components/table-${prev.name}`, result);
+            return result;
+        };
+        intercept(get.state());
+        return {
+            set: (getters) => intercept(getters),
+        };
+    });
+    return { ...state, ...dispatch, name };
+};
+export const useWidthControl = (reorder) => {
+    const stableRef = useStableRef(reorder);
+    const ref = useRef(null);
+    const onChange = useCallback((cols) => {
+        stableRef.current(cols);
+        cols.forEach((x) => {
+            const c = ref.current.querySelector(`th[data-tableheader="${x.id}"]`);
+            if (!c)
+                return;
+            c.style.width = "auto";
+        });
+    }, [stableRef]);
+    return [ref, onChange];
+};
+export const getModalScrollerRef = () => (isSsr() ? undefined : document.querySelector(`[data-component="modal-body"]`));

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

@@ -0,0 +1,10 @@
+export type TableContextProps = Partial<{
+    sticky: number;
+}>;
+export declare const TableProvider: import("react").Provider<Partial<{
+    sticky: number;
+}>>;
+export declare const useTable: () => Partial<{
+    sticky: number;
+}>;
+//# sourceMappingURL=table.context.d.ts.map

package/dist/components/table/table.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.context.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.context.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAI5D,eAAO,MAAM,aAAa;YAJwB,MAAM;GAIN,CAAC;AAEnD,eAAO,MAAM,QAAQ;YAN6B,MAAM;EAMF,CAAC"}

package/dist/components/table/table.context.jsx

@@ -0,0 +1,5 @@
+"use client";
+import { createContext, useContext } from "react";
+const TableContext = createContext({});
+export const TableProvider = TableContext.Provider;
+export const useTable = () => useContext(TableContext);

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { Col, TableOperationProps } from "./table-lib";
+type TableHeaderProps<T extends object> = {
+    loading: boolean;
+    headers: Col<T>[];
+} & Pick<TableOperationProps<T>, "filters" | "setFilters" | "setCols" | "setSorters" | "sorters" | "inlineSorter" | "inlineFilter">;
+export declare const TableHeader: <T extends object>(props: TableHeaderProps<T>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=thead.d.ts.map

package/dist/components/table/thead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/components/table/thead.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAM7D,OAAO,EAAE,GAAG,EAAY,mBAAmB,EAAmB,MAAM,aAAa,CAAC;AAIlF,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;CACrB,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,cAAc,GAAG,cAAc,CAAC,CAAC;AAmKpI,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,gBAAgB,CAAC,CAAC,CAAC,sBAuBvE,CAAC"}

package/dist/components/table/thead.js

@@ -0,0 +1,3 @@
+"use client";
+import { t as e } from "../../thead-B6WELJZ-.js";
+export { e as TableHeader };