@g4rcez/components 5.0.2 → 5.0.3

package/dist/components/table/index.js

@@ -0,0 +1,102 @@
+"use client";
+import { r as e } from "../../input-field-ffx1MbHo.js";
+import { t } from "../../AnimatePresence-j36AYeOQ.js";
+import { t as n } from "../../dist-DIjUECx9.js";
+import { r } from "../../table-lib-1bkYSklk.js";
+import { n as i, t as a } from "../../inner-table-CeDX60cL.js";
+import { Metadata as o } from "./metadata.js";
+import { useEffect as s, useMemo as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/table/index.tsx
+var d = (e, t) => typeof t == "function" ? t(e) : t, f = (e, t, n) => e === t ? void 0 : n?.(t), p = (p) => {
+	let m = e(), h = c(() => ({ sticky: p.sticky === void 0 ? m.table.sticky ?? void 0 : p.sticky ?? void 0 }), [p.sticky, m.table.sticky]), g = p.operations ?? m.table.operations ?? !0, _ = c(() => r(p.cols), [p.cols]), [v, y] = n({
+		cols: p.cols,
+		sorters: p.sorters ?? [],
+		groups: p.groups ?? [],
+		filters: p.filters ?? []
+	}, (e) => {
+		let t = (t) => (n) => {
+			let r = e.state();
+			return {
+				...r,
+				[t]: d(r[t], n)
+			};
+		};
+		return {
+			cols: t("cols"),
+			sorters: t("sorters"),
+			groups: t("groups"),
+			filters: t("filters")
+		};
+	}, { postMiddleware: [(e, t) => (p.set?.(e), f(t?.filters ?? [], e.filters ?? [], p.setFilters), f(t?.sorters ?? [], e.sorters ?? [], p.setSorters), f(t?.groups ?? [], e.groups ?? [], p.setGroups), f(t?.cols ?? [], e.cols ?? [], p.setCols), e)] });
+	return s(() => {
+		y.cols(p.cols);
+	}, [p.cols]), /* @__PURE__ */ l(i, {
+		value: h,
+		children: /* @__PURE__ */ u(t, {
+			propagate: !0,
+			initial: !1,
+			children: [g ? /* @__PURE__ */ l(o, {
+				cols: v.cols,
+				rows: p.rows,
+				options: _,
+				groups: v.groups,
+				filters: v.filters,
+				setCols: y.cols,
+				sorters: v.sorters,
+				setGroups: y.groups,
+				setFilters: y.filters,
+				setSorters: y.sorters,
+				pagination: p.pagination ?? null,
+				inlineFilter: p.inlineFilter ?? !0,
+				inlineSorter: p.inlineSorter ?? !0
+			}) : null, v.groups.length === 0 ? /* @__PURE__ */ l(a, {
+				...p,
+				index: 0,
+				cols: v.cols,
+				options: _,
+				groups: v.groups,
+				filters: v.filters,
+				optionCols: _,
+				setCols: y.cols,
+				sorters: v.sorters,
+				setGroups: y.groups,
+				setFilters: y.filters,
+				setSorters: y.sorters,
+				onScrollEnd: p.onScrollEnd,
+				pagination: p.pagination ?? null,
+				inlineFilter: p.inlineFilter ?? !0,
+				inlineSorter: p.inlineSorter ?? !0
+			}) : /* @__PURE__ */ l("div", {
+				className: "flex flex-wrap gap-table-groups-gap",
+				children: v.groups.map((e, t) => /* @__PURE__ */ l("div", {
+					className: "min-w-full",
+					children: /* @__PURE__ */ l(a, {
+						...p,
+						group: e,
+						index: t,
+						cols: v.cols,
+						pagination: null,
+						rows: e.rows,
+						options: _,
+						groups: v.groups,
+						filters: v.filters,
+						optionCols: _,
+						setCols: y.cols,
+						sorters: v.sorters,
+						setGroups: y.groups,
+						setFilters: y.filters,
+						setSorters: y.sorters,
+						onScrollEnd: p.onScrollEnd,
+						inlineFilter: p.inlineFilter ?? !0,
+						inlineSorter: p.inlineSorter ?? !0
+					})
+				}, `group-${e.groupId}`))
+			})]
+		})
+	});
+};
+//#endregion
+export { p as Table };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/table/index.tsx"],"sourcesContent":["\"use client\";\nimport { AnimatePresence } from \"motion/react\";\nimport { ComponentProps, useEffect, useMemo } from \"react\";\nimport { useReducer } from \"use-typed-reducer\";\nimport { useTweaks } from \"../../hooks/use-tweaks\";\nimport { FilterConfig } from \"./filter\";\nimport { GroupItem } from \"./group\";\nimport { InnerTable, InnerTableProps } from \"./inner-table\";\nimport { Metadata } from \"./metadata\";\nimport { Sorter } from \"./sort\";\nimport { Col, createOptionCols, TableGetters, TableOperationProps } from \"./table-lib\";\nimport { TableContextProps, TableProvider } from \"./table.context\";\n\nexport type TableProps<T extends Record<string, unknown>> = Pick<InnerTableProps<T>, \"cols\" | \"rows\" | \"loadingMore\" | \"border\" | \"Aside\"> & {\n    name: string;\n} & Partial<\n        TableOperationProps<T> & {\n            loading: boolean;\n            reference: keyof T;\n            operations: boolean;\n            useControl: boolean;\n            inlineFilter: boolean;\n            inlineSorter: boolean;\n            sticky: number | null;\n            onScrollEnd: () => void;\n            getScrollRef?: () => HTMLElement | undefined;\n            getRowProps: (row: T) => ComponentProps<\"tr\">;\n        }\n    >;\n\nconst dispatcherFun = <Prev extends object, S extends Prev | ((prev: Prev) => Prev)>(prev: Prev, setter: S) =>\n    typeof setter === \"function\" ? setter(prev) : setter;\n\ntype DispatcherFun<T extends object> = T | ((prev: T) => T);\n\nconst compareAndExec = <T extends unknown[]>(prev: T, state: T, exec?: (t: T) => void) => (prev === state ? undefined : exec?.(state));\n\nexport const Table = <T extends Record<string, unknown>>(props: TableProps<T>) => {\n    const tweaks = useTweaks();\n    const contextState = useMemo(\n        (): TableContextProps => ({\n            sticky: props.sticky === undefined ? (tweaks.table.sticky ?? undefined) : (props.sticky ?? undefined),\n        }),\n        [props.sticky, tweaks.table.sticky]\n    );\n    const operations = props.operations ?? tweaks.table.operations ?? true;\n    const optionCols = useMemo(() => createOptionCols(props.cols), [props.cols]);\n    const [state, dispatch] = useReducer(\n        {\n            cols: props.cols as Col<T>[],\n            sorters: (props.sorters ?? []) as Sorter<T>[],\n            groups: (props.groups ?? []) as GroupItem<T>[],\n            filters: (props.filters ?? []) as FilterConfig<T>[],\n        },\n        (get) => {\n            const create =\n                <V extends object>(key: string) =>\n                (arg: V) => {\n                    const state = get.state();\n                    type StateValue = (typeof state)[keyof typeof state];\n                    return {\n                        ...state,\n                        [key]: dispatcherFun(state[key as keyof typeof state], arg as StateValue),\n                    };\n                };\n            return {\n                cols: create<DispatcherFun<Col<T>[]>>(\"cols\"),\n                sorters: create<DispatcherFun<Sorter<T>[]>>(\"sorters\"),\n                groups: create<DispatcherFun<GroupItem<T>[]>>(\"groups\"),\n                filters: create<DispatcherFun<FilterConfig<T>[]>>(\"filters\"),\n            };\n        },\n        {\n            postMiddleware: [\n                (state, prev) => {\n                    props.set?.(state as unknown as TableGetters<T>);\n                    compareAndExec(prev?.filters ?? [], state.filters ?? [], props.setFilters);\n                    compareAndExec(prev?.sorters ?? [], state.sorters ?? [], props.setSorters);\n                    compareAndExec(prev?.groups ?? [], state.groups ?? [], props.setGroups);\n                    compareAndExec(prev?.cols ?? [], state.cols ?? [], props.setCols);\n                    return state;\n                },\n            ],\n        }\n    );\n\n    useEffect(() => {\n        dispatch.cols(props.cols);\n    }, [props.cols]);\n\n    return (\n        <TableProvider value={contextState}>\n            <AnimatePresence propagate initial={false}>\n                {operations ? (\n                    <Metadata\n                        cols={state.cols}\n                        rows={props.rows}\n                        options={optionCols}\n                        groups={state.groups}\n                        filters={state.filters}\n                        setCols={dispatch.cols}\n                        sorters={state.sorters}\n                        setGroups={dispatch.groups}\n                        setFilters={dispatch.filters}\n                        setSorters={dispatch.sorters}\n                        pagination={props.pagination ?? null}\n                        inlineFilter={props.inlineFilter ?? true}\n                        inlineSorter={props.inlineSorter ?? true}\n                    />\n                ) : null}\n                {state.groups.length === 0 ? (\n                    <InnerTable\n                        {...props}\n                        index={0}\n                        cols={state.cols}\n                        options={optionCols}\n                        groups={state.groups}\n                        filters={state.filters}\n                        optionCols={optionCols}\n                        setCols={dispatch.cols}\n                        sorters={state.sorters}\n                        setGroups={dispatch.groups}\n                        setFilters={dispatch.filters}\n                        setSorters={dispatch.sorters}\n                        onScrollEnd={props.onScrollEnd}\n                        pagination={props.pagination ?? null}\n                        inlineFilter={props.inlineFilter ?? true}\n                        inlineSorter={props.inlineSorter ?? true}\n                    />\n                ) : (\n                    <div className=\"flex flex-wrap gap-table-groups-gap\">\n                        {state.groups.map((group, index) => (\n                            <div className=\"min-w-full\" key={`group-${group.groupId}`}>\n                                <InnerTable\n                                    {...props}\n                                    group={group}\n                                    index={index}\n                                    cols={state.cols}\n                                    pagination={null}\n                                    rows={group.rows}\n                                    options={optionCols}\n                                    groups={state.groups}\n                                    filters={state.filters}\n                                    optionCols={optionCols}\n                                    setCols={dispatch.cols}\n                                    sorters={state.sorters}\n                                    setGroups={dispatch.groups}\n                                    setFilters={dispatch.filters}\n                                    setSorters={dispatch.sorters}\n                                    onScrollEnd={props.onScrollEnd}\n                                    inlineFilter={props.inlineFilter ?? true}\n                                    inlineSorter={props.inlineSorter ?? true}\n                                />\n                            </div>\n                        ))}\n                    </div>\n                )}\n            </AnimatePresence>\n        </TableProvider>\n    );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../inner-table-CeDX60cL.js";
+export { e as InnerTable };

package/dist/components/table/inner-table.jsx

@@ -33,7 +33,7 @@ const TFoot = React.forwardRef(({ context, ...props }, ref) => {
         return (<tfoot {...props} ref={ref} className="bg-card-background">
                 <tr role="row" className="bg-card-background">
                     <td colSpan={999} className="h-table-loading-h bg-card-background px-table-cell-px">
-                        <span className="rounded-table-loading-bar-radius block h-table-loading-bar-h w-full animate-pulse bg-foreground opacity-60"/>
+                        <span className="block h-table-loading-bar-h w-full animate-pulse rounded-table-loading-bar-radius bg-foreground opacity-60"/>
                     </td>
                 </tr>
             </tfoot>);

package/dist/components/table/metadata.js

@@ -0,0 +1,73 @@
+import { t as e } from "../../sort-DGmiselV.js";
+import { t } from "../../group-Dl14TJXO.js";
+import { c as n } from "../../table-lib-1bkYSklk.js";
+import { Filter as r } from "./filter.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/table/metadata.tsx
+var o = (o) => /* @__PURE__ */ i("header", {
+	className: "mb-table-metadata-mb min-w-full",
+	children: /* @__PURE__ */ a("div", {
+		className: "flex min-w-full flex-wrap items-center justify-between gap-x-table-metadata-gap-x gap-y-table-metadata-gap-y",
+		children: [/* @__PURE__ */ a("div", {
+			className: "items-centeend flex w-fit gap-table-ops-gap whitespace-nowrap py-table-ops-py",
+			children: [
+				/* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(r, {
+					cols: o.cols,
+					options: o.options,
+					filters: o.filters,
+					set: o.setFilters
+				}) }),
+				/* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(e, {
+					options: o.options,
+					cols: o.cols,
+					sorters: o.sorters,
+					set: o.setSorters
+				}) }),
+				/* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(t, {
+					rows: o.rows,
+					groups: o.groups,
+					setGroups: o.setGroups,
+					options: o.options,
+					cols: o.cols
+				}) })
+			]
+		}), /* @__PURE__ */ i("ul", {
+			className: "flex w-full flex-1 flex-grow flex-row flex-wrap items-center gap-table-filter-gap md:justify-end",
+			children: o.filters.map((e) => /* @__PURE__ */ a("li", {
+				className: "flex items-center gap-table-inline-gap-tight rounded-table-pill-radius border border-card-border px-table-pill-px py-table-pill-py",
+				children: [/* @__PURE__ */ a("span", { children: [
+					/* @__PURE__ */ i("span", {
+						className: "mr-table-filter-dot-mr inline-block aspect-square size-table-filter-dot-size rounded-full bg-primary",
+						"aria-hidden": "true"
+					}),
+					e.label,
+					" ",
+					e.operation.label.toLowerCase(),
+					":"
+				] }), /* @__PURE__ */ a("div", {
+					className: "relative w-min min-w-table-metadata-min-w",
+					children: [/* @__PURE__ */ i("span", {
+						"aria-hidden": "true",
+						className: "invisible whitespace-pre p-0",
+						children: e.value || " "
+					}), /* @__PURE__ */ i("input", {
+						type: e.type,
+						value: e.value,
+						className: "absolute left-0 top-0 m-0 inline-block w-full bg-transparent p-0 placeholder-primary/70 outline-none [appearance:textfield] after:empty:text-primary/70 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+						onChange: (t) => {
+							let r = n(t.target);
+							o.setFilters((t) => t.map((t) => e.id === t.id ? {
+								...t,
+								value: r
+							} : t));
+						}
+					})]
+				})]
+			}, `filter-table-${e.id}`))
+		})]
+	})
+});
+//#endregion
+export { o as Metadata };
+
+//# sourceMappingURL=metadata.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.js","names":[],"sources":["../../../src/components/table/metadata.tsx"],"sourcesContent":["import { Any } from \"../../types\";\nimport { Filter } from \"./filter\";\nimport { Group } from \"./group\";\nimport { Sort } from \"./sort\";\nimport { TableOperationProps, valueFromType } from \"./table-lib\";\n\nexport const Metadata = <T extends Any>(props: TableOperationProps<T>) => (\n    <header className=\"mb-table-metadata-mb min-w-full\">\n        <div className=\"flex min-w-full flex-wrap items-center justify-between gap-x-table-metadata-gap-x gap-y-table-metadata-gap-y\">\n            <div className=\"items-centeend flex w-fit gap-table-ops-gap whitespace-nowrap py-table-ops-py\">\n                <span>\n                    <Filter cols={props.cols} options={props.options} filters={props.filters} set={props.setFilters} />\n                </span>\n                <span>\n                    <Sort options={props.options} cols={props.cols} sorters={props.sorters} set={props.setSorters} />\n                </span>\n                <span>\n                    <Group rows={props.rows} groups={props.groups} setGroups={props.setGroups} options={props.options} cols={props.cols} />\n                </span>\n            </div>\n            <ul className=\"flex w-full flex-1 flex-grow flex-row flex-wrap items-center gap-table-filter-gap md:justify-end\">\n                {props.filters.map((x) => (\n                    <li\n                        key={`filter-table-${x.id}`}\n                        className=\"flex items-center gap-table-inline-gap-tight rounded-table-pill-radius border border-card-border px-table-pill-px py-table-pill-py\"\n                    >\n                        <span>\n                            <span\n                                className=\"mr-table-filter-dot-mr inline-block aspect-square size-table-filter-dot-size rounded-full bg-primary\"\n                                aria-hidden=\"true\"\n                            />\n                            {x.label} {x.operation.label.toLowerCase()}:\n                        </span>\n                        <div className=\"relative w-min min-w-table-metadata-min-w\">\n                            <span aria-hidden=\"true\" className=\"invisible whitespace-pre p-0\">\n                                {x.value || \" \"}\n                            </span>\n                            <input\n                                type={x.type}\n                                value={x.value as string}\n                                className=\"absolute left-0 top-0 m-0 inline-block w-full bg-transparent p-0 placeholder-primary/70 outline-none [appearance:textfield] after:empty:text-primary/70 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\"\n                                onChange={(e) => {\n                                    const value = valueFromType(e.target);\n                                    props.setFilters((prev) => prev.map((item) => (x.id === item.id ? { ...item, value } : item)));\n                                }}\n                            />\n                        </div>\n                    </li>\n                ))}\n            </ul>\n        </div>\n    </header>\n);\n"],"mappings":";;;;;;AAMA,IAAa,KAA2B,MACpC,kBAAC,UAAD;CAAQ,WAAU;WACd,kBAAC,OAAD;EAAK,WAAU;YAAf,CACI,kBAAC,OAAD;GAAK,WAAU;aAAf;IACI,kBAAC,QAAD,EAAA,UACI,kBAAC,GAAD;KAAQ,MAAM,EAAM;KAAM,SAAS,EAAM;KAAS,SAAS,EAAM;KAAS,KAAK,EAAM;IAAa,CAAA,EAChG,CAAA;IACN,kBAAC,QAAD,EAAA,UACI,kBAAC,GAAD;KAAM,SAAS,EAAM;KAAS,MAAM,EAAM;KAAM,SAAS,EAAM;KAAS,KAAK,EAAM;IAAa,CAAA,EAC9F,CAAA;IACN,kBAAC,QAAD,EAAA,UACI,kBAAC,GAAD;KAAO,MAAM,EAAM;KAAM,QAAQ,EAAM;KAAQ,WAAW,EAAM;KAAW,SAAS,EAAM;KAAS,MAAM,EAAM;IAAO,CAAA,EACpH,CAAA;GACL;MACL,kBAAC,MAAD;GAAI,WAAU;aACT,EAAM,QAAQ,KAAK,MAChB,kBAAC,MAAD;IAEI,WAAU;cAFd,CAII,kBAAC,QAAD,EAAA,UAAA;KACI,kBAAC,QAAD;MACI,WAAU;MACV,eAAY;KACf,CAAA;KACA,EAAE;KAAM;KAAE,EAAE,UAAU,MAAM,YAAY;KAAE;IACzC,EAAA,CAAA,GACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACI,kBAAC,QAAD;MAAM,eAAY;MAAO,WAAU;gBAC9B,EAAE,SAAS;KACV,CAAA,GACN,kBAAC,SAAD;MACI,MAAM,EAAE;MACR,OAAO,EAAE;MACT,WAAU;MACV,WAAW,MAAM;OACb,IAAM,IAAQ,EAAc,EAAE,MAAM;OACpC,EAAM,YAAY,MAAS,EAAK,KAAK,MAAU,EAAE,OAAO,EAAK,KAAK;QAAE,GAAG;QAAM;OAAM,IAAI,CAAK,CAAC;MACjG;KACH,CAAA,CACA;MACL;MAxBK,gBAAgB,EAAE,IAwBvB,CACP;EACD,CAAA,CACH;;AACD,CAAA"}

package/dist/components/table/metadata.jsx

@@ -16,7 +16,7 @@ export const Metadata = (props) => (<header className="mb-table-metadata-mb min-
                 </span>
             </div>
             <ul className="flex w-full flex-1 flex-grow flex-row flex-wrap items-center gap-table-filter-gap md:justify-end">
-                {props.filters.map((x) => (<li key={`filter-table-${x.id}`} className="rounded-table-pill-radius flex items-center gap-table-inline-gap-tight border border-card-border px-table-pill-px py-table-pill-py">
+                {props.filters.map((x) => (<li key={`filter-table-${x.id}`} className="flex items-center gap-table-inline-gap-tight rounded-table-pill-radius border border-card-border px-table-pill-px py-table-pill-py">
                         <span>
                             <span className="mr-table-filter-dot-mr inline-block aspect-square size-table-filter-dot-size rounded-full bg-primary" aria-hidden="true"/>
                             {x.label} {x.operation.label.toLowerCase()}:

package/dist/components/table/pagination.js

@@ -0,0 +1,70 @@
+import { Polymorph as e } from "../core/polymorph.js";
+import { t } from "../../use-translations-BE4PuhLm.js";
+import { Fragment as n, useId as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/table/pagination.tsx
+function s(e, t) {
+	if (!e || !t) return [];
+	let n = [1];
+	if (e === 1 && t === 1) return n;
+	e > 4 && n.push("-");
+	let r = e - 2, i = e + 2;
+	for (let e = r > 2 ? r : 2; e <= Math.min(t, i); e++) n.push(e);
+	let a = t - 2;
+	return i + 1 !== a && i + 1 < t && n.push("_"), i < t && (n.push(t - 2), n.push(t - 1), n.push(t)), Array.from(new Set(n));
+}
+var c = (c) => {
+	let l = r(), u = t(), d = i(() => s(c.current, c.pages), [c]), f = c.current < c.pages, p = c.asLink ?? "button";
+	return /* @__PURE__ */ o("footer", {
+		className: "text-typography-sm flex flex-wrap items-center justify-center gap-table-pag-gap border-t-muted p-table-pag-p lg:flex-nowrap lg:justify-between",
+		children: [/* @__PURE__ */ a("p", { children: /* @__PURE__ */ a(u.tablePaginationFooter, {
+			...c,
+			sizes: c.sizes,
+			select: c.onChangeSize && Array.isArray(c.sizes) ? /* @__PURE__ */ o(n, { children: [
+				/* @__PURE__ */ a("label", {
+					htmlFor: l,
+					children: u.tablePaginationSelectLabel
+				}),
+				/* @__PURE__ */ a("select", {
+					id: l,
+					value: c.size,
+					className: "cursor-pointer bg-transparent",
+					onChange: (e) => {
+						c.onChangeSize?.(Number(e.target.value));
+					},
+					children: c.sizes.map((e) => /* @__PURE__ */ a("option", {
+						value: e,
+						children: e
+					}, `pagination-opt-${e}`))
+				}),
+				" "
+			] }) : null
+		}) }), /* @__PURE__ */ a("nav", { children: /* @__PURE__ */ o("ul", {
+			className: "flex items-center gap-table-pag-items-gap",
+			children: [
+				c.current > 1 ? /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(e, {
+					as: p,
+					href: "previous",
+					className: "",
+					children: u.tablePaginationPrevious
+				}) }) : null,
+				d.map((t) => t === null ? null : /* @__PURE__ */ a(n, { children: typeof t == "string" ? /* @__PURE__ */ a("li", { children: "..." }) : /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(e, {
+					href: t,
+					as: p,
+					className: `cursor-pointer border-b-2 px-table-pag-item-px py-table-pag-item-py proportional-nums transition-colors hover:border-primary-subtle hover:text-primary-subtle ${t === c.current ? "border-primary text-primary" : "border-transparent"}`,
+					children: t
+				}) }) }, `pagination-${t}`)),
+				f ? /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(e, {
+					as: p,
+					href: "next",
+					className: "",
+					children: u.tablePaginationNext
+				}) }) : null
+			]
+		}) })]
+	});
+};
+//#endregion
+export { c as Pagination, s as createPaginationItems };
+
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/components/table/pagination.tsx"],"sourcesContent":["import React, { Fragment, useId, useMemo } from \"react\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { Polymorph } from \"../core/polymorph\";\nimport { TablePagination } from \"./table-lib\";\n\nexport function createPaginationItems(current: number, max: number) {\n    if (!current || !max) return [];\n    const items: Array<string | number> = [1];\n    if (current === 1 && max === 1) return items;\n    if (current > 4) items.push(\"-\");\n    const r = 2;\n    const r1 = current - r;\n    const r2 = current + r;\n    for (let i = r1 > 2 ? r1 : 2; i <= Math.min(max, r2); i++) items.push(i);\n    const p2 = max - 2;\n    if (r2 + 1 !== p2) {\n        if (r2 + 1 < max) items.push(\"_\");\n    }\n    if (r2 < max) {\n        items.push(max - 2);\n        items.push(max - 1);\n        items.push(max);\n    }\n    return Array.from(new Set(items));\n}\n\nexport const Pagination = (pagination: TablePagination) => {\n    const id = useId();\n    const translation = useTranslations();\n    const pageNavigation = useMemo(() => createPaginationItems(pagination.current, pagination.pages), [pagination]);\n    const hasNext = pagination.current < pagination.pages;\n    const Link: React.ElementType = pagination.asLink ?? \"button\";\n\n    return (\n        <footer className=\"text-typography-sm flex flex-wrap items-center justify-center gap-table-pag-gap border-t-muted p-table-pag-p lg:flex-nowrap lg:justify-between\">\n            <p>\n                <translation.tablePaginationFooter\n                    {...pagination}\n                    sizes={pagination.sizes}\n                    select={\n                        pagination.onChangeSize && Array.isArray(pagination.sizes) ? (\n                            <Fragment>\n                                <label htmlFor={id}>{translation.tablePaginationSelectLabel}</label>\n                                <select\n                                    id={id}\n                                    value={pagination.size}\n                                    className=\"cursor-pointer bg-transparent\"\n                                    onChange={(e) => {\n                                        pagination.onChangeSize?.(Number(e.target.value));\n                                    }}\n                                >\n                                    {pagination.sizes.map((value) => (\n                                        <option key={`pagination-opt-${value}`} value={value}>\n                                            {value}\n                                        </option>\n                                    ))}\n                                </select>{\" \"}\n                            </Fragment>\n                        ) : null\n                    }\n                />\n            </p>\n            <nav>\n                <ul className=\"flex items-center gap-table-pag-items-gap\">\n                    {pagination.current > 1 ? (\n                        <li>\n                            <Polymorph as={Link} href=\"previous\" className=\"\">\n                                {translation.tablePaginationPrevious}\n                            </Polymorph>\n                        </li>\n                    ) : null}\n                    {pageNavigation.map((x) => {\n                        if (x === null) return null;\n                        return (\n                            <Fragment key={`pagination-${x}`}>\n                                {typeof x === \"string\" ? (\n                                    <li>...</li>\n                                ) : (\n                                    <li>\n                                        <Polymorph\n                                            href={x}\n                                            as={Link}\n                                            className={`cursor-pointer border-b-2 px-table-pag-item-px py-table-pag-item-py proportional-nums transition-colors hover:border-primary-subtle hover:text-primary-subtle ${x === pagination.current ? \"border-primary text-primary\" : \"border-transparent\"}`}\n                                        >\n                                            {x}\n                                        </Polymorph>\n                                    </li>\n                                )}\n                            </Fragment>\n                        );\n                    })}\n                    {hasNext ? (\n                        <li>\n                            <Polymorph as={Link} href=\"next\" className=\"\">\n                                {translation.tablePaginationNext}\n                            </Polymorph>\n                        </li>\n                    ) : null}\n                </ul>\n            </nav>\n        </footer>\n    );\n};\n"],"mappings":";;;;;AAKA,SAAgB,EAAsB,GAAiB,GAAa;CAChE,IAAI,CAAC,KAAW,CAAC,GAAK,OAAO,CAAC;CAC9B,IAAM,IAAgC,CAAC,CAAC;CACxC,IAAI,MAAY,KAAK,MAAQ,GAAG,OAAO;CACvC,AAAI,IAAU,KAAG,EAAM,KAAK,GAAG;CAC/B,IACM,IAAK,IAAU,GACf,IAAK,IAAU;CACrB,KAAK,IAAI,IAAI,IAAK,IAAI,IAAK,GAAG,KAAK,KAAK,IAAI,GAAK,CAAE,GAAG,KAAK,EAAM,KAAK,CAAC;CACvE,IAAM,IAAK,IAAM;CASjB,OARI,IAAK,MAAM,KACP,IAAK,IAAI,KAAK,EAAM,KAAK,GAAG,GAEhC,IAAK,MACL,EAAM,KAAK,IAAM,CAAC,GAClB,EAAM,KAAK,IAAM,CAAC,GAClB,EAAM,KAAK,CAAG,IAEX,MAAM,KAAK,IAAI,IAAI,CAAK,CAAC;AACpC;AAEA,IAAa,KAAc,MAAgC;CACvD,IAAM,IAAK,EAAM,GACX,IAAc,EAAgB,GAC9B,IAAiB,QAAc,EAAsB,EAAW,SAAS,EAAW,KAAK,GAAG,CAAC,CAAU,CAAC,GACxG,IAAU,EAAW,UAAU,EAAW,OAC1C,IAA0B,EAAW,UAAU;CAErD,OACI,kBAAC,UAAD;EAAQ,WAAU;YAAlB,CACI,kBAAC,KAAD,EAAA,UACI,kBAAC,EAAY,uBAAb;GACI,GAAI;GACJ,OAAO,EAAW;GAClB,QACI,EAAW,gBAAgB,MAAM,QAAQ,EAAW,KAAK,IACrD,kBAAC,GAAD,EAAA,UAAA;IACI,kBAAC,SAAD;KAAO,SAAS;eAAK,EAAY;IAAkC,CAAA;IACnE,kBAAC,UAAD;KACQ;KACJ,OAAO,EAAW;KAClB,WAAU;KACV,WAAW,MAAM;MACb,EAAW,eAAe,OAAO,EAAE,OAAO,KAAK,CAAC;KACpD;eAEC,EAAW,MAAM,KAAK,MACnB,kBAAC,UAAD;MAA+C;gBAC1C;KACG,GAFK,kBAAkB,GAEvB,CACX;IACG,CAAA;IAAE;GACJ,EAAA,CAAA,IACV;EAEX,CAAA,EACF,CAAA,GACH,kBAAC,OAAD,EAAA,UACI,kBAAC,MAAD;GAAI,WAAU;aAAd;IACK,EAAW,UAAU,IAClB,kBAAC,MAAD,EAAA,UACI,kBAAC,GAAD;KAAW,IAAI;KAAM,MAAK;KAAW,WAAU;eAC1C,EAAY;IACN,CAAA,EACX,CAAA,IACJ;IACH,EAAe,KAAK,MACb,MAAM,OAAa,OAEnB,kBAAC,GAAD,EAAA,UACK,OAAO,KAAM,WACV,kBAAC,MAAD,EAAA,UAAI,MAAO,CAAA,IAEX,kBAAC,MAAD,EAAA,UACI,kBAAC,GAAD;KACI,MAAM;KACN,IAAI;KACJ,WAAW,iKAAiK,MAAM,EAAW,UAAU,gCAAgC;eAEtO;IACM,CAAA,EACX,CAAA,EAEF,GAdK,cAAc,GAcnB,CAEjB;IACA,IACG,kBAAC,MAAD,EAAA,UACI,kBAAC,GAAD;KAAW,IAAI;KAAM,MAAK;KAAO,WAAU;eACtC,EAAY;IACN,CAAA,EACX,CAAA,IACJ;GACJ;KACH,CAAA,CACD;;AAEhB"}

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/sort.d.ts.map

@@ -1 +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,sBA0ElD,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"}
+{"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

@@ -63,7 +63,9 @@ export const Sort = (props) => {
                                 <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}>
-                                    <TrashIcon className="text-danger" size={14}/>
+                                    <span className="text-danger">
+                                        <TrashIcon aria-hidden="true" size={14}/>
+                                    </span>
                                 </button>
                             </li>);
         })}

package/dist/components/table/thead.js

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

package/dist/config/default-translations.d.ts

@@ -27,6 +27,10 @@ export declare const defaultTranslations: {
     pageCalendarEventAt: (title: string, time: string) => string;
     commandPaletteEmpty: string;
     commandPaletteLoading: string;
+    commandPaletteResults: string;
+    commandPaletteSearchLabel: string;
+    commandPaletteSearchPlaceholder: string;
+    commandPaletteTitle: string;
     datePickerCalendarButtonLabel: string;
     emptyDataMessage: string;
     inputCaretDown: string;
@@ -57,8 +61,12 @@ export declare const defaultTranslations: {
     tableFilterTypeStartsWith: string;
     tableFilterValuePlaceholder: string;
     tableFilterValueTitle: string;
+    tableFilterDeleteLabel: (label: string) => string;
     tableGroupLabel: string;
     tableGroupLabelWithCount: string;
+    tableGroupOrderTitle: string;
+    tableGroupPlaceholder: string;
+    tableGroupTypeTitle: string;
     tablePaginationFooter: (pagination: {
         pages: number;
         totalItems: number;
@@ -84,11 +92,21 @@ export declare const defaultTranslations: {
         n: number;
     }) => string;
     uploadDialogTitle: string;
+    fileUploadRemoveFile: (name: string) => string;
+    fileUploadUploadButtonLabel: (label: string) => string;
+    fileUploadViewFile: (name: string) => string;
+    dialogResizeLabel: string;
+    dialogResizeInstructions: string;
+    modalConfirmCancel: string;
+    modalConfirmConfirm: string;
+    modalConfirmTitle: string;
     datepickerPlaceholder: (_: string) => string;
     spinnerLoading: string;
     skeletonLoading: string;
     closeButton: string;
     fileUploadZoneLabel: string;
+    listCloseDetails: string;
+    listOpenDetails: (title: string) => string;
 };
 export type Translations = typeof defaultTranslations;
 //# sourceMappingURL=default-translations.d.ts.map

package/dist/config/default-translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-translations.d.ts","sourceRoot":"","sources":["../../src/config/default-translations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;+BAgBD,MAAM;;gCAEL,MAAM;;;;;;gCAMN,MAAM;iCACL,MAAM,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmCb;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE;;;;;;;;;;;;;;;4BAqB7G;QAAE,CAAC,EAAE,MAAM,CAAA;KAAE;;+BAGV,MAAM;;;;;CAKpC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,mBAAmB,CAAC"}
+{"version":3,"file":"default-translations.d.ts","sourceRoot":"","sources":["../../src/config/default-translations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;+BAgBD,MAAM;;gCAEL,MAAM;;;;;;gCAMN,MAAM;iCACL,MAAM,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAqCjB,MAAM;;;;;;wCAMF;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE;;;;;;;;;;;;;;;4BAqB7G;QAAE,CAAC,EAAE,MAAM,CAAA;KAAE;;iCAER,MAAM;yCACE,MAAM;+BAChB,MAAM;;;;;;+BAON,MAAM;;;;;;6BAMR,MAAM;CAClC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,mBAAmB,CAAC"}

package/dist/config/default-translations.jsx

@@ -27,6 +27,10 @@ export const defaultTranslations = {
     pageCalendarEventAt: (title, time) => `${title} at ${time}`,
     commandPaletteEmpty: "Nothing here...",
     commandPaletteLoading: "Loading...",
+    commandPaletteResults: "Results",
+    commandPaletteSearchLabel: "Command palette search",
+    commandPaletteSearchPlaceholder: "Search for...",
+    commandPaletteTitle: "Command palette",
     datePickerCalendarButtonLabel: "Click to open a date picker",
     emptyDataMessage: "No data",
     inputCaretDown: "Click to see all options",
@@ -57,8 +61,12 @@ export const defaultTranslations = {
     tableFilterTypeStartsWith: "Starts with",
     tableFilterValuePlaceholder: "Something...",
     tableFilterValueTitle: "Value",
+    tableFilterDeleteLabel: (label) => `Delete filter ${label}`,
     tableGroupLabel: "Group",
     tableGroupLabelWithCount: "Group",
+    tableGroupOrderTitle: "Order groups",
+    tableGroupPlaceholder: "Group by...",
+    tableGroupTypeTitle: "Group type",
     tablePaginationFooter: (pagination) => (<Fragment>
             {pagination.current} to {pagination.pages} of {pagination.totalItems} items.{Array.isArray(pagination.sizes) ? pagination.select : null}{" "}
             per page.
@@ -79,9 +87,19 @@ export const defaultTranslations = {
     uploadIdleButton: "Choose your files",
     uploadDragging: (props) => `Dragging ${props.n} ${props.n > 0 ? "files" : "file"}`,
     uploadDialogTitle: "Details of your file",
+    fileUploadRemoveFile: (name) => `Remove ${name}`,
+    fileUploadUploadButtonLabel: (label) => `Upload ${label}`,
+    fileUploadViewFile: (name) => `View ${name}`,
+    dialogResizeLabel: "Resize modal",
+    dialogResizeInstructions: "Use arrow keys to resize the modal",
+    modalConfirmCancel: "Cancel",
+    modalConfirmConfirm: "Confirm",
+    modalConfirmTitle: "Confirmation",
     datepickerPlaceholder: (_) => "day/month/year",
     spinnerLoading: "Loading",
     skeletonLoading: "Loading content",
     closeButton: "Close",
     fileUploadZoneLabel: "File upload area. Drag files here or press Enter to browse.",
+    listCloseDetails: "Close details",
+    listOpenDetails: (title) => `Open details for ${title}`,
 };