@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/table/components/pagination.js

@@ -1,95 +0,0 @@
-import { useT } from "../../i18n/instance.js";
-import { Button } from "../../ui/button.js";
-import { NativeSelect } from "../../ui/native-select.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/table/components/pagination.tsx
-function TablePagination({ pagination, currentPage, processing, mode, hasNextPage, visiblePages, infiniteLoaderRef, perPageOptions, perPageValue, onPerPage, onPage, onLoadMore }) {
-	const { t } = useT("lattice");
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "table-pagination",
-		className: "flex items-center justify-between gap-3 border-t border-lt-border p-4 text-sm",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-4",
-			children: [/* @__PURE__ */ jsx("span", { children: pagination.total == null ? t("table.pagination.page", "Page {{page}}", { page: currentPage }) : t("table.pagination.showing", "Showing {{from}}-{{to}} of {{total}}", {
-				from: pagination.from ?? 0,
-				to: pagination.to ?? 0,
-				total: pagination.total
-			}) }), perPageOptions.length > 0 && mode !== "none" && /* @__PURE__ */ jsxs("label", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "text-lt-muted-fg",
-					children: t("table.pagination.per-page", "Rows per page")
-				}), /* @__PURE__ */ jsx(NativeSelect, {
-					"data-test": "pagination-per-page",
-					disabled: processing,
-					value: String(perPageValue),
-					onChange: (event) => onPerPage(event.target.value === "infinite" ? "infinite" : Number(event.target.value)),
-					children: perPageOptions.map((option) => /* @__PURE__ */ jsx("option", {
-						value: String(option),
-						children: option === "infinite" ? t("table.pagination.infinite", "Infinite") : option
-					}, String(option)))
-				})]
-			})]
-		}), mode === "infinite" ? /* @__PURE__ */ jsx("div", {
-			ref: infiniteLoaderRef,
-			className: "flex items-center gap-2",
-			children: pagination.hasMore ? /* @__PURE__ */ jsx(Button, {
-				emphasis: "outline",
-				"data-test": "pagination-load-more",
-				disabled: processing,
-				onClick: onLoadMore,
-				children: processing ? t("table.pagination.loading", "Loading...") : t("table.pagination.load-more", "Load more")
-			}) : /* @__PURE__ */ jsx("span", {
-				className: "text-lt-muted-fg",
-				children: t("table.pagination.all-loaded", "All rows loaded")
-			})
-		}) : mode === "simple" ? /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ jsx(Button, {
-				emphasis: "outline",
-				"data-test": "pagination-previous",
-				disabled: processing || currentPage <= 1,
-				onClick: () => onPage(currentPage - 1),
-				children: t("table.pagination.previous", "Previous")
-			}), /* @__PURE__ */ jsx(Button, {
-				emphasis: "outline",
-				"data-test": "pagination-next",
-				disabled: processing || !hasNextPage,
-				onClick: () => onPage(currentPage + 1),
-				children: t("table.pagination.next", "Next")
-			})]
-		}) : mode === "table" ? /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [
-				/* @__PURE__ */ jsx(Button, {
-					emphasis: "outline",
-					"data-test": "pagination-previous",
-					disabled: processing || currentPage <= 1,
-					onClick: () => onPage(currentPage - 1),
-					children: t("table.pagination.previous", "Previous")
-				}),
-				visiblePages.map((pageNumber) => /* @__PURE__ */ jsx(Button, {
-					emphasis: "outline",
-					size: "icon",
-					"data-test": `pagination-page-${pageNumber}`,
-					disabled: processing || pageNumber === currentPage,
-					"aria-current": pageNumber === currentPage ? "page" : void 0,
-					"aria-label": t("table.pagination.page", "Page {{page}}", { page: pageNumber }),
-					onClick: () => onPage(pageNumber),
-					children: pageNumber
-				}, pageNumber)),
-				/* @__PURE__ */ jsx(Button, {
-					emphasis: "outline",
-					"data-test": "pagination-next",
-					disabled: processing || !hasNextPage,
-					onClick: () => onPage(currentPage + 1),
-					children: t("table.pagination.next", "Next")
-				})
-			]
-		}) : null]
-	});
-}
-//#endregion
-export { TablePagination };
-
-//# sourceMappingURL=pagination.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../../resources/js/table/components/pagination.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\nimport { Button } from \"@lattice-php/lattice/ui/button\";\nimport { NativeSelect } from \"@lattice-php/lattice/ui/native-select\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport type { PaginationType } from \"@lattice-php/lattice/types/generated\";\nimport type { PerPageOption } from \"@lattice-php/lattice/table/lib/payload\";\nimport type { TablePagination as TablePaginationData } from \"@lattice-php/lattice/table/types\";\n\nexport function TablePagination({\n  pagination,\n  currentPage,\n  processing,\n  mode,\n  hasNextPage,\n  visiblePages,\n  infiniteLoaderRef,\n  perPageOptions,\n  perPageValue,\n  onPerPage,\n  onPage,\n  onLoadMore,\n}: {\n  pagination: TablePaginationData;\n  currentPage: number;\n  processing: boolean;\n  mode: PaginationType;\n  hasNextPage: boolean;\n  visiblePages: number[];\n  infiniteLoaderRef: RefObject<HTMLDivElement | null>;\n  perPageOptions: PerPageOption[];\n  perPageValue: PerPageOption;\n  onPerPage: (option: PerPageOption) => void;\n  onPage: (page: number) => void;\n  onLoadMore: () => void;\n}) {\n  const { t } = useT(\"lattice\");\n\n  return (\n    <div\n      data-slot=\"table-pagination\"\n      className=\"flex items-center justify-between gap-3 border-t border-lt-border p-4 text-sm\"\n    >\n      <div className=\"flex items-center gap-4\">\n        <span>\n          {pagination.total == null\n            ? t(\"table.pagination.page\", \"Page {{page}}\", { page: currentPage })\n            : t(\"table.pagination.showing\", \"Showing {{from}}-{{to}} of {{total}}\", {\n                from: pagination.from ?? 0,\n                to: pagination.to ?? 0,\n                total: pagination.total,\n              })}\n        </span>\n        {perPageOptions.length > 0 && mode !== \"none\" && (\n          <label className=\"flex items-center gap-2\">\n            <span className=\"text-lt-muted-fg\">\n              {t(\"table.pagination.per-page\", \"Rows per page\")}\n            </span>\n            <NativeSelect\n              data-test=\"pagination-per-page\"\n              disabled={processing}\n              value={String(perPageValue)}\n              onChange={(event) =>\n                onPerPage(\n                  event.target.value === \"infinite\" ? \"infinite\" : Number(event.target.value),\n                )\n              }\n            >\n              {perPageOptions.map((option) => (\n                <option key={String(option)} value={String(option)}>\n                  {option === \"infinite\" ? t(\"table.pagination.infinite\", \"Infinite\") : option}\n                </option>\n              ))}\n            </NativeSelect>\n          </label>\n        )}\n      </div>\n      {mode === \"infinite\" ? (\n        <div ref={infiniteLoaderRef} className=\"flex items-center gap-2\">\n          {pagination.hasMore ? (\n            <Button\n              emphasis=\"outline\"\n              data-test=\"pagination-load-more\"\n              disabled={processing}\n              onClick={onLoadMore}\n            >\n              {processing\n                ? t(\"table.pagination.loading\", \"Loading...\")\n                : t(\"table.pagination.load-more\", \"Load more\")}\n            </Button>\n          ) : (\n            <span className=\"text-lt-muted-fg\">\n              {t(\"table.pagination.all-loaded\", \"All rows loaded\")}\n            </span>\n          )}\n        </div>\n      ) : mode === \"simple\" ? (\n        <div className=\"flex items-center gap-2\">\n          <Button\n            emphasis=\"outline\"\n            data-test=\"pagination-previous\"\n            disabled={processing || currentPage <= 1}\n            onClick={() => onPage(currentPage - 1)}\n          >\n            {t(\"table.pagination.previous\", \"Previous\")}\n          </Button>\n          <Button\n            emphasis=\"outline\"\n            data-test=\"pagination-next\"\n            disabled={processing || !hasNextPage}\n            onClick={() => onPage(currentPage + 1)}\n          >\n            {t(\"table.pagination.next\", \"Next\")}\n          </Button>\n        </div>\n      ) : mode === \"table\" ? (\n        <div className=\"flex items-center gap-2\">\n          <Button\n            emphasis=\"outline\"\n            data-test=\"pagination-previous\"\n            disabled={processing || currentPage <= 1}\n            onClick={() => onPage(currentPage - 1)}\n          >\n            {t(\"table.pagination.previous\", \"Previous\")}\n          </Button>\n          {visiblePages.map((pageNumber) => (\n            <Button\n              key={pageNumber}\n              emphasis=\"outline\"\n              size=\"icon\"\n              data-test={`pagination-page-${pageNumber}`}\n              disabled={processing || pageNumber === currentPage}\n              aria-current={pageNumber === currentPage ? \"page\" : undefined}\n              aria-label={t(\"table.pagination.page\", \"Page {{page}}\", { page: pageNumber })}\n              onClick={() => onPage(pageNumber)}\n            >\n              {pageNumber}\n            </Button>\n          ))}\n          <Button\n            emphasis=\"outline\"\n            data-test=\"pagination-next\"\n            disabled={processing || !hasNextPage}\n            onClick={() => onPage(currentPage + 1)}\n          >\n            {t(\"table.pagination.next\", \"Next\")}\n          </Button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAQA,SAAgB,gBAAgB,EAC9B,YACA,aACA,YACA,MACA,aACA,cACA,mBACA,gBACA,cACA,WACA,QACA,cAcC;CACD,MAAM,EAAE,MAAM,KAAK,SAAS;CAE5B,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAU;EAFZ,UAAA,CAIE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD,EAAA,UACG,WAAW,SAAS,OACjB,EAAE,yBAAyB,iBAAiB,EAAE,MAAM,YAAY,CAAC,IACjE,EAAE,4BAA4B,wCAAwC;IACpE,MAAM,WAAW,QAAQ;IACzB,IAAI,WAAW,MAAM;IACrB,OAAO,WAAW;GACpB,CAAC,EACD,CAAA,GACL,eAAe,SAAS,KAAK,SAAS,UACrC,qBAAC,SAAD;IAAO,WAAU;IAAjB,UAAA,CACE,oBAAC,QAAD;KAAM,WAAU;KACb,UAAA,EAAE,6BAA6B,eAAe;IAC3C,CAAA,GACN,oBAAC,cAAD;KACE,aAAU;KACV,UAAU;KACV,OAAO,OAAO,YAAY;KAC1B,WAAW,UACT,UACE,MAAM,OAAO,UAAU,aAAa,aAAa,OAAO,MAAM,OAAO,KAAK,CAC5E;KAGD,UAAA,eAAe,KAAK,WACnB,oBAAC,UAAD;MAA6B,OAAO,OAAO,MAAM;MAC9C,UAAA,WAAW,aAAa,EAAE,6BAA6B,UAAU,IAAI;KAChE,GAFK,OAAO,MAAM,CAElB,CACT;IACW,CAAA,CACT;GAEN,CAAA,CAAA;EACJ,CAAA,GAAA,SAAS,aACR,oBAAC,OAAD;GAAK,KAAK;GAAmB,WAAU;GACpC,UAAA,WAAW,UACV,oBAAC,QAAD;IACE,UAAS;IACT,aAAU;IACV,UAAU;IACV,SAAS;IAER,UAAA,aACG,EAAE,4BAA4B,YAAY,IAC1C,EAAE,8BAA8B,WAAW;GACzC,CAAA,IAER,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA,EAAE,+BAA+B,iBAAiB;GAC/C,CAAA;EAEL,CAAA,IACH,SAAS,WACX,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IACE,UAAS;IACT,aAAU;IACV,UAAU,cAAc,eAAe;IACvC,eAAe,OAAO,cAAc,CAAC;IAEpC,UAAA,EAAE,6BAA6B,UAAU;GACpC,CAAA,GACR,oBAAC,QAAD;IACE,UAAS;IACT,aAAU;IACV,UAAU,cAAc,CAAC;IACzB,eAAe,OAAO,cAAc,CAAC;IAEpC,UAAA,EAAE,yBAAyB,MAAM;GAC5B,CAAA,CACL;EACH,CAAA,IAAA,SAAS,UACX,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,oBAAC,QAAD;KACE,UAAS;KACT,aAAU;KACV,UAAU,cAAc,eAAe;KACvC,eAAe,OAAO,cAAc,CAAC;KAEpC,UAAA,EAAE,6BAA6B,UAAU;IACpC,CAAA;IACP,aAAa,KAAK,eACjB,oBAAC,QAAD;KAEE,UAAS;KACT,MAAK;KACL,aAAW,mBAAmB;KAC9B,UAAU,cAAc,eAAe;KACvC,gBAAc,eAAe,cAAc,SAAS,KAAA;KACpD,cAAY,EAAE,yBAAyB,iBAAiB,EAAE,MAAM,WAAW,CAAC;KAC5E,eAAe,OAAO,UAAU;KAE/B,UAAA;IACK,GAVD,UAUC,CACT;IACD,oBAAC,QAAD;KACE,UAAS;KACT,aAAU;KACV,UAAU,cAAc,CAAC;KACzB,eAAe,OAAO,cAAc,CAAC;KAEpC,UAAA,EAAE,yBAAyB,MAAM;IAC5B,CAAA;GACL;EACH,CAAA,IAAA,IACD;;AAET"}

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

@@ -1,7 +0,0 @@
-import { TableColumn, TableSort, TableQuery } from '../types.js';
-export declare function SortBar({ columnsByKey, query, processing, onClear, }: {
-    columnsByKey: Map<string, TableColumn>;
-    query: TableQuery;
-    processing: boolean;
-    onClear: (sort: TableSort) => void;
-}): import("react").JSX.Element;

package/dist/table/components/sort-bar.js

@@ -1,44 +0,0 @@
-import { useT } from "../../i18n/instance.js";
-import { Icon } from "../../icons/sprite.js";
-import { IconButton } from "../../ui/icon-button.js";
-import { getSortDirectionLabel } from "../lib/query.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/table/components/sort-bar.tsx
-function SortBar({ columnsByKey, query, processing, onClear }) {
-	const { t } = useT("lattice");
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex flex-wrap items-center gap-4 border-b border-lt-border px-4 py-2.5 text-sm",
-		children: query.sorts.map((sort, index) => {
-			const label = columnsByKey.get(sort.key)?.props.label ?? sort.key;
-			const arrow = sort.direction === "desc" ? "arrow-down" : "arrow-up";
-			return /* @__PURE__ */ jsxs("span", {
-				className: "inline-flex items-center gap-1.5",
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "font-medium",
-						children: `${index + 1}. ${label}`
-					}),
-					/* @__PURE__ */ jsx(Icon, {
-						name: arrow,
-						role: "img",
-						"aria-hidden": false,
-						"aria-label": getSortDirectionLabel(sort.direction),
-						className: "size-lt-icon-sm text-lt-muted-fg"
-					}),
-					/* @__PURE__ */ jsx(IconButton, {
-						size: "xs",
-						icon: "x",
-						label: t("table.sort.clear", "Clear {{label}} sort", { label }),
-						"data-test": `clear-${sort.key}-sort`,
-						disabled: processing,
-						onClick: () => onClear(sort)
-					})
-				]
-			}, sort.key);
-		})
-	});
-}
-//#endregion
-export { SortBar };
-
-//# sourceMappingURL=sort-bar.js.map

package/dist/table/components/sort-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sort-bar.js","names":[],"sources":["../../../resources/js/table/components/sort-bar.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport { IconButton } from \"@lattice-php/lattice/ui/icon-button\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { getSortDirectionLabel } from \"@lattice-php/lattice/table/lib/query\";\nimport type { TableColumn, TableSort, TableQuery } from \"@lattice-php/lattice/table/types\";\n\nexport function SortBar({\n  columnsByKey,\n  query,\n  processing,\n  onClear,\n}: {\n  columnsByKey: Map<string, TableColumn>;\n  query: TableQuery;\n  processing: boolean;\n  onClear: (sort: TableSort) => void;\n}) {\n  const { t } = useT(\"lattice\");\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-4 border-b border-lt-border px-4 py-2.5 text-sm\">\n      {query.sorts.map((sort, index) => {\n        const column = columnsByKey.get(sort.key);\n        const label = column?.props.label ?? sort.key;\n        const arrow = sort.direction === \"desc\" ? \"arrow-down\" : \"arrow-up\";\n\n        return (\n          <span key={sort.key} className=\"inline-flex items-center gap-1.5\">\n            <span className=\"font-medium\">{`${index + 1}. ${label}`}</span>\n            <Icon\n              name={arrow}\n              role=\"img\"\n              aria-hidden={false}\n              aria-label={getSortDirectionLabel(sort.direction)}\n              className=\"size-lt-icon-sm text-lt-muted-fg\"\n            />\n            <IconButton\n              size=\"xs\"\n              icon=\"x\"\n              label={t(\"table.sort.clear\", \"Clear {{label}} sort\", { label })}\n              data-test={`clear-${sort.key}-sort`}\n              disabled={processing}\n              onClick={() => onClear(sort)}\n            />\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,QAAQ,EACtB,cACA,OACA,YACA,WAMC;CACD,MAAM,EAAE,MAAM,KAAK,SAAS;CAE5B,OACE,oBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,MAAM,MAAM,KAAK,MAAM,UAAU;GAEhC,MAAM,QADS,aAAa,IAAI,KAAK,GACvB,CAAA,EAAQ,MAAM,SAAS,KAAK;GAC1C,MAAM,QAAQ,KAAK,cAAc,SAAS,eAAe;GAEzD,OACE,qBAAC,QAAD;IAAqB,WAAU;IAA/B,UAAA;KACE,oBAAC,QAAD;MAAM,WAAU;MAAe,UAAA,GAAG,QAAQ,EAAE,IAAI;KAAc,CAAA;KAC9D,oBAAC,MAAD;MACE,MAAM;MACN,MAAK;MACL,eAAa;MACb,cAAY,sBAAsB,KAAK,SAAS;MAChD,WAAU;KACX,CAAA;KACD,oBAAC,YAAD;MACE,MAAK;MACL,MAAK;MACL,OAAO,EAAE,oBAAoB,wBAAwB,EAAE,MAAM,CAAC;MAC9D,aAAW,SAAS,KAAK,IAAI;MAC7B,UAAU;MACV,eAAe,QAAQ,IAAI;KAC5B,CAAA;IACG;GAjBK,GAAA,KAAK,GAiBV;EAEV,CAAC;CACE,CAAA;AAET"}

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

@@ -1,5 +0,0 @@
-import { TableColumn, TableRow } from '../types.js';
-export declare function ColumnCell({ column, row }: {
-    column: TableColumn;
-    row: TableRow;
-}): import("react").JSX.Element;

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

@@ -1,35 +0,0 @@
-import { useColumnRegistry } from "../../core/registry-context.js";
-import { columnCell } from "../registry.js";
-import { BadgeCell } from "./cells/badge-cell.js";
-import { BooleanCell } from "./cells/boolean-cell.js";
-import { IconCell } from "./cells/icon-cell.js";
-import { ImageCell } from "./cells/image-cell.js";
-import { MoneyCell } from "./cells/money-cell.js";
-import { NumberCell } from "./cells/number-cell.js";
-import { StackCell } from "./cells/stack-cell.js";
-import { TextCell } from "./cells/text-cell.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/table/components/table-cell.tsx
-var builtinColumnCells = {
-	"column.badge": columnCell(BadgeCell),
-	"column.boolean": columnCell(BooleanCell),
-	"column.icon": columnCell(IconCell),
-	"column.image": columnCell(ImageCell),
-	"column.money": columnCell(MoneyCell),
-	"column.number": columnCell(NumberCell),
-	"column.stack": columnCell(StackCell),
-	"column.text": columnCell(TextCell)
-};
-function ColumnCell({ column, row }) {
-	const Cell = useColumnRegistry()[column.type] ?? builtinColumnCells[column.type] ?? builtinColumnCells["column.text"];
-	return /* @__PURE__ */ jsx(Cell, {
-		column,
-		props: column.props,
-		row,
-		value: row[column.key]
-	});
-}
-//#endregion
-export { ColumnCell };
-
-//# sourceMappingURL=table-cell.js.map

package/dist/table/components/table-cell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-cell.js","names":[],"sources":["../../../resources/js/table/components/table-cell.tsx"],"sourcesContent":["import { useColumnRegistry } from \"@lattice-php/lattice/core/registry-context\";\nimport type { ColumnNodeType } from \"@lattice-php/lattice/types/generated\";\nimport {\n  columnCell,\n  type ColumnRegistry,\n  type ColumnRegistryFor,\n} from \"@lattice-php/lattice/table/registry\";\nimport type { TableColumn, TableRow } from \"@lattice-php/lattice/table/types\";\nimport { BadgeCell } from \"./cells/badge-cell\";\nimport { BooleanCell } from \"./cells/boolean-cell\";\nimport { IconCell } from \"./cells/icon-cell\";\nimport { ImageCell } from \"./cells/image-cell\";\nimport { MoneyCell } from \"./cells/money-cell\";\nimport { NumberCell } from \"./cells/number-cell\";\nimport { StackCell } from \"./cells/stack-cell\";\nimport { TextCell } from \"./cells/text-cell\";\n\n// Built-in cells live with the (lazy-loaded) table feature rather than the\n// eager registry, so they stay code-split. Consumer-registered columns are\n// merged on top and win on type collisions.\nconst builtinColumnCells: ColumnRegistry = {\n  \"column.badge\": columnCell(BadgeCell),\n  \"column.boolean\": columnCell(BooleanCell),\n  \"column.icon\": columnCell(IconCell),\n  \"column.image\": columnCell(ImageCell),\n  \"column.money\": columnCell(MoneyCell),\n  \"column.number\": columnCell(NumberCell),\n  \"column.stack\": columnCell(StackCell),\n  \"column.text\": columnCell(TextCell),\n} satisfies ColumnRegistryFor<ColumnNodeType>;\n\nexport function ColumnCell({ column, row }: { column: TableColumn; row: TableRow }) {\n  const customCells = useColumnRegistry();\n  const Cell =\n    customCells[column.type] ??\n    builtinColumnCells[column.type] ??\n    builtinColumnCells[\"column.text\"];\n\n  return <Cell column={column} props={column.props} row={row} value={row[column.key]} />;\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,IAAM,qBAAqC;CACzC,gBAAgB,WAAW,SAAS;CACpC,kBAAkB,WAAW,WAAW;CACxC,eAAe,WAAW,QAAQ;CAClC,gBAAgB,WAAW,SAAS;CACpC,gBAAgB,WAAW,SAAS;CACpC,iBAAiB,WAAW,UAAU;CACtC,gBAAgB,WAAW,SAAS;CACpC,eAAe,WAAW,QAAQ;AACpC;AAEA,SAAgB,WAAW,EAAE,QAAQ,OAA+C;CAElF,MAAM,OADc,kBAElB,CAAA,CAAY,OAAO,SACnB,mBAAmB,OAAO,SAC1B,mBAAmB;CAErB,OAAO,oBAAC,MAAD;EAAc;EAAQ,OAAO,OAAO;EAAY;EAAK,OAAO,IAAI,OAAO;CAAO,CAAA;AACvF"}

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

@@ -1,9 +0,0 @@
-/**
- * The table-level quick-search box. Keystrokes update the input immediately and
- * commit the term to the server after a short debounce; an externally-changed
- * value (e.g. a filter reset) is adopted without echoing keystroke round-trips.
- */
-export declare function TableSearch({ value, onSearch, }: {
-    value: string;
-    onSearch: (term: string) => void;
-}): import("react").JSX.Element;

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

@@ -1,72 +0,0 @@
-import { useT } from "../../i18n/instance.js";
-import { cn } from "../../lib/utils.js";
-import { Icon } from "../../icons/sprite.js";
-import { useDebouncedCallback } from "../../lib/use-debounced-callback.js";
-import { IconButton } from "../../ui/icon-button.js";
-import { Input } from "../../ui/input.js";
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/table/components/table-search.tsx
-var DEBOUNCE_MS = 300;
-/**
-* The table-level quick-search box. Keystrokes update the input immediately and
-* commit the term to the server after a short debounce; an externally-changed
-* value (e.g. a filter reset) is adopted without echoing keystroke round-trips.
-*/
-function TableSearch({ value, onSearch }) {
-	const { t } = useT("lattice");
-	const [term, setTerm] = useState(value);
-	const committed = useRef(value);
-	useEffect(() => {
-		if (value !== committed.current) {
-			committed.current = value;
-			setTerm(value);
-		}
-	}, [value]);
-	function commit(next) {
-		committed.current = next;
-		onSearch(next);
-	}
-	const commitDebounced = useDebouncedCallback(commit, DEBOUNCE_MS);
-	function change(next) {
-		setTerm(next);
-		commitDebounced(next);
-	}
-	function clear() {
-		commitDebounced.cancel();
-		setTerm("");
-		commit("");
-	}
-	const label = t("table.search.placeholder", "Search");
-	return /* @__PURE__ */ jsxs("div", {
-		className: "relative w-full max-w-xs",
-		children: [
-			/* @__PURE__ */ jsx(Icon, {
-				name: "search",
-				"aria-hidden": "true",
-				className: "pointer-events-none absolute left-2.5 top-1/2 size-lt-icon-sm -translate-y-1/2 text-lt-muted-fg"
-			}),
-			/* @__PURE__ */ jsx(Input, {
-				type: "search",
-				"data-test": "table-search",
-				value: term,
-				placeholder: label,
-				"aria-label": label,
-				onChange: (event) => change(event.target.value),
-				className: cn("px-8", "[&::-webkit-search-cancel-button]:hidden")
-			}),
-			term !== "" && /* @__PURE__ */ jsx(IconButton, {
-				size: "xs",
-				icon: "x",
-				label: t("table.search.clear", "Clear search"),
-				"data-test": "table-search-clear",
-				className: "absolute right-1.5 top-1/2 -translate-y-1/2",
-				onClick: clear
-			})
-		]
-	});
-}
-//#endregion
-export { TableSearch };
-
-//# sourceMappingURL=table-search.js.map

package/dist/table/components/table-search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-search.js","names":[],"sources":["../../../resources/js/table/components/table-search.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { Icon } from \"@lattice-php/lattice/icons\";\nimport { IconButton } from \"@lattice-php/lattice/ui/icon-button\";\nimport { Input } from \"@lattice-php/lattice/ui/input\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useDebouncedCallback } from \"@lattice-php/lattice/lib/use-debounced-callback\";\n\nconst DEBOUNCE_MS = 300;\n\n/**\n * The table-level quick-search box. Keystrokes update the input immediately and\n * commit the term to the server after a short debounce; an externally-changed\n * value (e.g. a filter reset) is adopted without echoing keystroke round-trips.\n */\nexport function TableSearch({\n  value,\n  onSearch,\n}: {\n  value: string;\n  onSearch: (term: string) => void;\n}) {\n  const { t } = useT(\"lattice\");\n  const [term, setTerm] = useState(value);\n  const committed = useRef(value);\n\n  useEffect(() => {\n    if (value !== committed.current) {\n      committed.current = value;\n      setTerm(value);\n    }\n  }, [value]);\n\n  function commit(next: string): void {\n    committed.current = next;\n    onSearch(next);\n  }\n\n  const commitDebounced = useDebouncedCallback(commit, DEBOUNCE_MS);\n\n  function change(next: string): void {\n    setTerm(next);\n    commitDebounced(next);\n  }\n\n  function clear(): void {\n    commitDebounced.cancel();\n    setTerm(\"\");\n    commit(\"\");\n  }\n\n  const label = t(\"table.search.placeholder\", \"Search\");\n\n  return (\n    <div className=\"relative w-full max-w-xs\">\n      <Icon\n        name=\"search\"\n        aria-hidden=\"true\"\n        className=\"pointer-events-none absolute left-2.5 top-1/2 size-lt-icon-sm -translate-y-1/2 text-lt-muted-fg\"\n      />\n      <Input\n        type=\"search\"\n        data-test=\"table-search\"\n        value={term}\n        placeholder={label}\n        aria-label={label}\n        onChange={(event) => change(event.target.value)}\n        className={cn(\"px-8\", \"[&::-webkit-search-cancel-button]:hidden\")}\n      />\n      {term !== \"\" && (\n        <IconButton\n          size=\"xs\"\n          icon=\"x\"\n          label={t(\"table.search.clear\", \"Clear search\")}\n          data-test=\"table-search-clear\"\n          className=\"absolute right-1.5 top-1/2 -translate-y-1/2\"\n          onClick={clear}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,IAAM,cAAc;;;;;;AAOpB,SAAgB,YAAY,EAC1B,OACA,YAIC;CACD,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,YAAY,OAAO,KAAK;CAE9B,gBAAgB;EACd,IAAI,UAAU,UAAU,SAAS;GAC/B,UAAU,UAAU;GACpB,QAAQ,KAAK;EACf;CACF,GAAG,CAAC,KAAK,CAAC;CAEV,SAAS,OAAO,MAAoB;EAClC,UAAU,UAAU;EACpB,SAAS,IAAI;CACf;CAEA,MAAM,kBAAkB,qBAAqB,QAAQ,WAAW;CAEhE,SAAS,OAAO,MAAoB;EAClC,QAAQ,IAAI;EACZ,gBAAgB,IAAI;CACtB;CAEA,SAAS,QAAc;EACrB,gBAAgB,OAAO;EACvB,QAAQ,EAAE;EACV,OAAO,EAAE;CACX;CAEA,MAAM,QAAQ,EAAE,4BAA4B,QAAQ;CAEpD,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,oBAAC,MAAD;IACE,MAAK;IACL,eAAY;IACZ,WAAU;GACX,CAAA;GACD,oBAAC,OAAD;IACE,MAAK;IACL,aAAU;IACV,OAAO;IACP,aAAa;IACb,cAAY;IACZ,WAAW,UAAU,OAAO,MAAM,OAAO,KAAK;IAC9C,WAAW,GAAG,QAAQ,0CAA0C;GACjE,CAAA;GACA,SAAS,MACR,oBAAC,YAAD;IACE,MAAK;IACL,MAAK;IACL,OAAO,EAAE,sBAAsB,cAAc;IAC7C,aAAU;IACV,WAAU;IACV,SAAS;GACV,CAAA;EAEA;;AAET"}

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

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-import { TableNode } from '../types.js';
-declare const TableComponent: ({ node }: {
-    children?: ReactNode;
-    node: TableNode;
-}) => import("react").JSX.Element;
-export default TableComponent;