@lattice-php/lattice 0.17.2 → 0.18.0

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TableNode } from '../types';
+import { TableNode } from '../types.js';
 declare const TableComponent: ({ node }: {
     children?: ReactNode;
     node: TableNode;

package/dist/table/components/table.js

@@ -2,21 +2,20 @@ import { cn } from "../../lib/utils.js";
 import { Icon } from "../../icons/sprite.js";
 import { useT } from "../../i18n/instance.js";
 import { nodeIdentity } from "../../core/test-id.js";
-import { useColumnResizing } from "../../core/use-column-resizing.js";
-import { Checkbox } from "../../core/components/checkbox.js";
-import { useColumnVisibility } from "../../core/use-column-visibility.js";
-import { alignJustifyItems, alignText } from "../align.js";
-import { getBulkActions } from "../bulk.js";
-import { flattenColumns, getRowActions, getRowKey } from "../payload.js";
-import { getQueryParams, getTableSizingColumns, getTableUtilityTracks, getVisiblePages } from "../query.js";
-import { useTable } from "../use-table.js";
-import { useTableSelection } from "../use-table-selection.js";
+import { useColumnResizing } from "../../core/hooks/use-column-resizing.js";
+import { Checkbox } from "../../ui/checkbox.js";
+import { useColumnVisibility } from "../hooks/use-column-visibility.js";
+import { alignJustifyItems, alignText } from "../lib/align.js";
+import { getBulkActions } from "../lib/bulk.js";
+import { getRowActions, getRowKey } from "../lib/payload.js";
+import { getQueryParams, getTableSizingColumns, getTableUtilityTracks, getVisiblePages } from "../lib/query.js";
+import { useTable } from "../hooks/use-table.js";
+import { useTableSelection } from "../hooks/use-table-selection.js";
 import { BulkBar } from "./bulk-bar.js";
 import { ColumnFilterControl } from "./column-filter-control.js";
 import { ColumnHeader } from "./column-header.js";
 import { ColumnVisibilityMenu } from "./column-visibility-menu.js";
 import { FilterBar, FilterMenu } from "./filter-bar.js";
-import { FilterStackBar } from "./filter-stack-bar.js";
 import { TablePagination } from "./pagination.js";
 import { SortBar } from "./sort-bar.js";
 import { TableActionNode } from "./table-action-node.js";
@@ -35,7 +34,7 @@ var TableComponent = ({ node }) => {
 		key: getRowKey(row, index)
 	})), [rows]);
 	const selection = useTableSelection(rowEntries.map((entry) => entry.key));
-	const columnsByKey = useMemo(() => new Map(flattenColumns(columns).map((column) => [column.key, column])), [columns]);
+	const columnsByKey = useMemo(() => new Map(columns.map((column) => [column.key, column])), [columns]);
 	const visibilityIdentity = nodeIdentity(node);
 	const { hasToggleableColumns, hasHidden, isVisible, resetVisibility, setColumnVisible, toggleableColumns, visibleColumns } = useColumnVisibility({
 		columns,
@@ -48,20 +47,19 @@ var TableComponent = ({ node }) => {
 	const hasNextPage = pagination.hasMore ?? currentPage < lastPage;
 	const hasActions = rowEntries.some((entry) => entry.actions.length > 0);
 	const striped = node.props?.striped === true;
-	const hasFilters = visibleColumns.some((column) => column.filter?.enabled);
+	const hasFilters = visibleColumns.some((column) => column.props.filter != null);
 	const filterEntries = filters.map((clause, index) => ({
 		clause,
 		index
 	}));
 	const filterDefinitions = useMemo(() => Array.isArray(node.props?.filters) ? node.props.filters : [], [node.props?.filters]);
 	const hasDedicatedFilters = filterDefinitions.length > 0;
-	const hasActiveFilters = filters.length > 0 || Object.keys(tableFilters).length > 0;
 	const hasTrailingUtility = hasActions || hasDedicatedFilters || hasToggleableColumns;
 	const sizingColumns = useMemo(() => getTableSizingColumns(visibleColumns), [visibleColumns]);
 	const utilityTracks = useMemo(() => getTableUtilityTracks(hasTrailingUtility, hasBulkActions), [hasTrailingUtility, hasBulkActions]);
 	const resizingEnabled = node.props?.resizableColumns === true;
 	const resizeStorageIdentity = nodeIdentity(node);
-	const { getResizeHandleProps, gridTemplateColumns, hasOverrides, resetColumns } = useColumnResizing({
+	const { getResizeHandleProps, gridTemplateColumns, hasOverrides, resizeRootRef, resetColumns } = useColumnResizing({
 		columns: sizingColumns,
 		enabled: resizingEnabled,
 		leadingTracks: utilityTracks.leadingTracks,
@@ -88,11 +86,12 @@ var TableComponent = ({ node }) => {
 			"data-slot": "table-scroll",
 			className: "overflow-x-auto rounded-lt-sm border border-lt-border",
 			children: [
-				hasDedicatedFilters && hasActiveFilters && /* @__PURE__ */ jsx(FilterBar, {
-					filters: filterDefinitions,
-					values: tableFilters,
+				/* @__PURE__ */ jsx(FilterBar, {
+					clauses: filters,
+					columnsByKey,
+					indicators: state.tableFilterIndicators,
 					processing,
-					hasActiveFilters,
+					onRemoveClause: removeFilter,
 					onChange: setTableFilter,
 					onReset: resetFilters
 				}),
@@ -106,12 +105,6 @@ var TableComponent = ({ node }) => {
 					onSelectAllMatching: selection.selectAllMatching,
 					onCompleted: selection.clear
 				}),
-				filters.length > 0 && /* @__PURE__ */ jsx(FilterStackBar, {
-					filters,
-					columnsByKey,
-					processing,
-					onRemove: removeFilter
-				}),
 				state.sorts.length > 0 && /* @__PURE__ */ jsx(SortBar, {
 					columnsByKey,
 					state,
@@ -119,8 +112,10 @@ var TableComponent = ({ node }) => {
 					onClear: clearSort
 				}),
 				/* @__PURE__ */ jsxs("div", {
+					ref: resizeRootRef,
 					className: "min-w-full text-base",
 					role: "table",
+					style: { "--lattice-table-columns": gridTemplateColumns },
 					children: [/* @__PURE__ */ jsxs("div", {
 						"data-slot": "table-header",
 						className: "border-b border-lt-border bg-lt-muted/50",
@@ -128,7 +123,6 @@ var TableComponent = ({ node }) => {
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "hidden min-w-full md:grid md:grid-cols-[var(--lattice-table-columns)]",
 							role: "row",
-							style: { "--lattice-table-columns": gridTemplateColumns },
 							children: [
 								hasBulkActions && /* @__PURE__ */ jsx("div", {
 									className: "flex items-center px-4 py-3",
@@ -177,7 +171,6 @@ var TableComponent = ({ node }) => {
 						}), hasFilters && /* @__PURE__ */ jsxs("div", {
 							className: "hidden min-w-full border-t border-lt-border md:grid md:grid-cols-[var(--lattice-table-columns)]",
 							role: "row",
-							style: { "--lattice-table-columns": gridTemplateColumns },
 							children: [
 								hasBulkActions && /* @__PURE__ */ jsx("div", {
 									className: "px-4 py-2",
@@ -186,7 +179,7 @@ var TableComponent = ({ node }) => {
 								visibleColumns.map((column) => /* @__PURE__ */ jsx("div", {
 									className: "min-w-0 px-2 py-2",
 									role: "cell",
-									children: column.filter?.enabled && /* @__PURE__ */ jsx(ColumnFilterControl, {
+									children: column.props.filter != null && /* @__PURE__ */ jsx(ColumnFilterControl, {
 										column,
 										clauses: filterEntries.filter((entry) => entry.clause.field === column.key),
 										processing,
@@ -194,7 +187,7 @@ var TableComponent = ({ node }) => {
 										onUpdate: updateFilter,
 										onRemove: removeFilter,
 										onReplace: replaceColumnFilters,
-										onSearch: (query) => searchFilterOptions(column.key, query)
+										onSearch: (query, signal) => searchFilterOptions(`column:${column.key}`, query, signal)
 									})
 								}, column.key)),
 								hasTrailingUtility && /* @__PURE__ */ jsx("div", {
@@ -225,7 +218,6 @@ var TableComponent = ({ node }) => {
 								"data-slot": "table-row",
 								className: `grid grid-cols-1 border-b border-lt-border last:border-b-0 md:grid-cols-[var(--lattice-table-columns)] ${striped ? "odd:bg-lt-muted/30" : ""}`,
 								role: "row",
-								style: { "--lattice-table-columns": gridTemplateColumns },
 								children: [
 									hasBulkActions && /* @__PURE__ */ jsx("div", {
 										className: "flex items-center px-lt-cell-x py-lt-cell-y",
@@ -239,12 +231,12 @@ var TableComponent = ({ node }) => {
 									}),
 									visibleColumns.map((column) => /* @__PURE__ */ jsxs("div", {
 										"data-slot": "table-cell",
-										className: cn("grid min-w-0 gap-1 overflow-hidden px-lt-cell-x py-lt-cell-y align-middle", alignText(column.align), alignJustifyItems(column.align)),
+										className: cn("grid min-w-0 gap-1 overflow-hidden px-lt-cell-x py-lt-cell-y align-middle", alignText(column.props.align), alignJustifyItems(column.props.align)),
 										role: "cell",
 										children: [/* @__PURE__ */ jsx("span", {
 											"aria-hidden": "true",
 											className: "text-xs font-medium text-lt-muted-fg md:hidden",
-											children: column.label
+											children: column.props.label
 										}), /* @__PURE__ */ jsx("div", {
 											"data-slot": "table-cell-content",
 											className: "min-w-0 max-w-full overflow-hidden truncate",

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../../resources/js/table/components/table.tsx"],"sourcesContent":["import { type ReactNode, useMemo } from \"react\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useColumnResizing } from \"@lattice-php/lattice/core/use-column-resizing\";\nimport { useColumnVisibility } from \"@lattice-php/lattice/core/use-column-visibility\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { Checkbox } from \"@lattice-php/lattice/core/components/checkbox\";\nimport { Icon } from \"@lattice-php/lattice/icons\";\nimport { alignJustifyItems, alignText } from \"../align\";\nimport type { TableNode } from \"../types\";\nimport { getBulkActions } from \"../bulk\";\nimport { flattenColumns, getRowActions, getRowKey } from \"../payload\";\nimport {\n  getQueryParams,\n  getTableSizingColumns,\n  getTableUtilityTracks,\n  getVisiblePages,\n} from \"../query\";\nimport { useTable } from \"../use-table\";\nimport { useTableSelection } from \"../use-table-selection\";\nimport { BulkBar } from \"./bulk-bar\";\nimport { ColumnFilterControl } from \"./column-filter-control\";\nimport { ColumnHeader } from \"./column-header\";\nimport { ColumnVisibilityMenu } from \"./column-visibility-menu\";\nimport { FilterBar, FilterMenu } from \"./filter-bar\";\nimport { FilterStackBar } from \"./filter-stack-bar\";\nimport { TablePagination } from \"./pagination\";\nimport { SortBar } from \"./sort-bar\";\nimport { TableActionNode } from \"./table-action-node\";\nimport { ColumnCell } from \"./table-cell\";\n\nconst TableComponent = ({ node }: { children?: ReactNode; node: TableNode }) => {\n  const { t } = useT(\"lattice\");\n  const {\n    columns,\n    rows,\n    pagination,\n    state,\n    filters,\n    tableFilters,\n    addFilter,\n    updateFilter,\n    removeFilter,\n    replaceColumnFilters,\n    setTableFilter,\n    resetFilters,\n    searchFilterOptions,\n    processing,\n    hasLoaded,\n    infiniteLoaderRef,\n    sort,\n    clearSort,\n    goToPage,\n    loadMore,\n  } = useTable(node);\n\n  const bulkActions = useMemo(\n    () => getBulkActions(node.props?.bulkActions),\n    [node.props?.bulkActions],\n  );\n  const hasBulkActions = bulkActions.length > 0;\n  const rowEntries = useMemo(\n    () =>\n      rows.map((row, index) => ({ row, actions: getRowActions(row), key: getRowKey(row, index) })),\n    [rows],\n  );\n  const selection = useTableSelection(rowEntries.map((entry) => entry.key));\n\n  const columnsByKey = useMemo(\n    () => new Map(flattenColumns(columns).map((column) => [column.key, column])),\n    [columns],\n  );\n  const visibilityIdentity = nodeIdentity(node);\n  const {\n    hasToggleableColumns,\n    hasHidden,\n    isVisible,\n    resetVisibility,\n    setColumnVisible,\n    toggleableColumns,\n    visibleColumns,\n  } = useColumnVisibility({\n    columns,\n    storageKey: visibilityIdentity\n      ? `lattice:table-column-visibility:${visibilityIdentity}`\n      : undefined,\n  });\n  const currentPage = pagination.currentPage ?? state.page;\n  const lastPage = pagination.lastPage ?? currentPage;\n  const mode = pagination.mode ?? \"table\";\n  const visiblePages = getVisiblePages(currentPage, lastPage);\n  const hasNextPage = pagination.hasMore ?? currentPage < lastPage;\n  const hasActions = rowEntries.some((entry) => entry.actions.length > 0);\n  const striped = node.props?.striped === true;\n  const hasFilters = visibleColumns.some((column) => column.filter?.enabled);\n  const filterEntries = filters.map((clause, index) => ({ clause, index }));\n  const filterDefinitions = useMemo(\n    () => (Array.isArray(node.props?.filters) ? node.props.filters : []),\n    [node.props?.filters],\n  );\n  const hasDedicatedFilters = filterDefinitions.length > 0;\n  const hasActiveFilters = filters.length > 0 || Object.keys(tableFilters).length > 0;\n  const hasTrailingUtility = hasActions || hasDedicatedFilters || hasToggleableColumns;\n  const sizingColumns = useMemo(() => getTableSizingColumns(visibleColumns), [visibleColumns]);\n  const utilityTracks = useMemo(\n    () => getTableUtilityTracks(hasTrailingUtility, hasBulkActions),\n    [hasTrailingUtility, hasBulkActions],\n  );\n  const resizingEnabled = node.props?.resizableColumns === true;\n  const resizeStorageIdentity = nodeIdentity(node);\n  const { getResizeHandleProps, gridTemplateColumns, hasOverrides, resetColumns } =\n    useColumnResizing({\n      columns: sizingColumns,\n      enabled: resizingEnabled,\n      leadingTracks: utilityTracks.leadingTracks,\n      showIndicator: node.props?.resizeIndicator === true,\n      storageKey:\n        resizingEnabled && resizeStorageIdentity\n          ? `lattice:table-columns:${resizeStorageIdentity}`\n          : undefined,\n      trailingTracks: utilityTracks.trailingTracks,\n    });\n\n  return (\n    <div data-slot=\"table\" data-lattice-component={node.id} className=\"relative\">\n      {hasOverrides && (\n        <button\n          aria-label={t(\"table.resetColumnWidths\", \"Reset column widths\")}\n          className=\"absolute right-1 top-1 z-10 hidden rounded-lt-sm p-1 text-lt-muted-fg hover:text-lt-fg md:inline-flex\"\n          data-test=\"table-reset-columns\"\n          onClick={resetColumns}\n          title={t(\"table.resetColumnWidths\", \"Reset column widths\")}\n          type=\"button\"\n        >\n          <Icon name=\"rotate-ccw\" className=\"size-lt-icon-sm\" />\n        </button>\n      )}\n      <div\n        data-slot=\"table-scroll\"\n        className=\"overflow-x-auto rounded-lt-sm border border-lt-border\"\n      >\n        {hasDedicatedFilters && hasActiveFilters && (\n          <FilterBar\n            filters={filterDefinitions}\n            values={tableFilters}\n            processing={processing}\n            hasActiveFilters={hasActiveFilters}\n            onChange={setTableFilter}\n            onReset={resetFilters}\n          />\n        )}\n        {hasBulkActions && selection.active && (\n          <BulkBar\n            actions={bulkActions}\n            selectedKeys={selection.selectedKeys}\n            allMatching={selection.allMatching}\n            total={pagination.total ?? undefined}\n            query={getQueryParams(state)}\n            canSelectAllMatching={\n              selection.allVisibleSelected &&\n              !selection.allMatching &&\n              pagination.total != null &&\n              pagination.total > selection.selectedKeys.length\n            }\n            onSelectAllMatching={selection.selectAllMatching}\n            onCompleted={selection.clear}\n          />\n        )}\n        {filters.length > 0 && (\n          <FilterStackBar\n            filters={filters}\n            columnsByKey={columnsByKey}\n            processing={processing}\n            onRemove={removeFilter}\n          />\n        )}\n        {state.sorts.length > 0 && (\n          <SortBar\n            columnsByKey={columnsByKey}\n            state={state}\n            processing={processing}\n            onClear={clearSort}\n          />\n        )}\n        <div className=\"min-w-full text-base\" role=\"table\">\n          <div\n            data-slot=\"table-header\"\n            className=\"border-b border-lt-border bg-lt-muted/50\"\n            role=\"rowgroup\"\n          >\n            <div\n              className=\"hidden min-w-full md:grid md:grid-cols-[var(--lattice-table-columns)]\"\n              role=\"row\"\n              style={{ \"--lattice-table-columns\": gridTemplateColumns } as never}\n            >\n              {hasBulkActions && (\n                <div className=\"flex items-center px-4 py-3\" role=\"columnheader\">\n                  <Checkbox\n                    aria-label={t(\"table.selectAllRows\", \"Select all rows\")}\n                    data-test=\"select-all\"\n                    checked={selection.allSelected}\n                    onCheckedChange={() => selection.toggleAll()}\n                  />\n                </div>\n              )}\n              {visibleColumns.map((column, index) => (\n                <ColumnHeader\n                  column={column}\n                  key={column.key}\n                  processing={processing}\n                  resizeHandleProps={\n                    resizingEnabled ? getResizeHandleProps(sizingColumns[index]) : undefined\n                  }\n                  sort={sort}\n                  state={state}\n                />\n              ))}\n              {hasTrailingUtility && (\n                <div\n                  className=\"flex items-center justify-end gap-2 px-4 py-2 align-middle font-semibold text-lt-fg\"\n                  role=\"columnheader\"\n                >\n                  {hasDedicatedFilters && (\n                    <FilterMenu\n                      filters={filterDefinitions}\n                      values={tableFilters}\n                      processing={processing}\n                      onChange={setTableFilter}\n                      onSearch={searchFilterOptions}\n                    />\n                  )}\n                  {hasToggleableColumns && (\n                    <ColumnVisibilityMenu\n                      columns={toggleableColumns}\n                      isVisible={isVisible}\n                      visibleColumnCount={visibleColumns.length}\n                      hasHidden={hasHidden}\n                      onToggle={setColumnVisible}\n                      onReset={resetVisibility}\n                      processing={processing}\n                    />\n                  )}\n                  {hasActions && <span className=\"sr-only\">{node.props?.actionsLabel}</span>}\n                </div>\n              )}\n            </div>\n            {hasFilters && (\n              <div\n                className=\"hidden min-w-full border-t border-lt-border md:grid md:grid-cols-[var(--lattice-table-columns)]\"\n                role=\"row\"\n                style={{ \"--lattice-table-columns\": gridTemplateColumns } as never}\n              >\n                {hasBulkActions && <div className=\"px-4 py-2\" role=\"cell\" />}\n                {visibleColumns.map((column) => (\n                  <div key={column.key} className=\"min-w-0 px-2 py-2\" role=\"cell\">\n                    {column.filter?.enabled && (\n                      <ColumnFilterControl\n                        column={column}\n                        clauses={filterEntries.filter((entry) => entry.clause.field === column.key)}\n                        processing={processing}\n                        onAdd={addFilter}\n                        onUpdate={updateFilter}\n                        onRemove={removeFilter}\n                        onReplace={replaceColumnFilters}\n                        onSearch={(query) => searchFilterOptions(column.key, query)}\n                      />\n                    )}\n                  </div>\n                ))}\n                {hasTrailingUtility && <div className=\"px-4 py-2\" role=\"cell\" />}\n              </div>\n            )}\n          </div>\n          <div role=\"rowgroup\">\n            {!hasLoaded ? (\n              <div className=\"p-4 text-lt-muted-fg\" role=\"row\">\n                <div role=\"cell\">{t(\"table.loading\", \"Loading rows...\")}</div>\n              </div>\n            ) : rowEntries.length === 0 ? (\n              <div data-slot=\"table-empty\" className=\"p-8 text-center text-lt-muted-fg\" role=\"row\">\n                <div role=\"cell\">{node.props?.emptyLabel}</div>\n              </div>\n            ) : (\n              rowEntries.map(({ row, actions, key }) => {\n                return (\n                  <div\n                    key={key}\n                    data-slot=\"table-row\"\n                    className={`grid grid-cols-1 border-b border-lt-border last:border-b-0 md:grid-cols-[var(--lattice-table-columns)] ${\n                      striped ? \"odd:bg-lt-muted/30\" : \"\"\n                    }`}\n                    role=\"row\"\n                    style={{ \"--lattice-table-columns\": gridTemplateColumns } as never}\n                  >\n                    {hasBulkActions && (\n                      <div className=\"flex items-center px-lt-cell-x py-lt-cell-y\" role=\"cell\">\n                        <Checkbox\n                          aria-label={t(\"table.selectRow\", \"Select row {{key}}\", { key })}\n                          data-test={`select-row-${key}`}\n                          checked={selection.isSelected(key)}\n                          onCheckedChange={() => selection.toggle(key)}\n                        />\n                      </div>\n                    )}\n                    {visibleColumns.map((column) => (\n                      <div\n                        key={column.key}\n                        data-slot=\"table-cell\"\n                        className={cn(\n                          \"grid min-w-0 gap-1 overflow-hidden px-lt-cell-x py-lt-cell-y align-middle\",\n                          alignText(column.align),\n                          alignJustifyItems(column.align),\n                        )}\n                        role=\"cell\"\n                      >\n                        <span\n                          aria-hidden=\"true\"\n                          className=\"text-xs font-medium text-lt-muted-fg md:hidden\"\n                        >\n                          {column.label}\n                        </span>\n                        <div\n                          data-slot=\"table-cell-content\"\n                          className=\"min-w-0 max-w-full overflow-hidden truncate\"\n                        >\n                          <ColumnCell column={column} row={row} />\n                        </div>\n                      </div>\n                    ))}\n                    {hasTrailingUtility && (\n                      <div\n                        className={cn(\n                          \"items-center justify-start gap-2 px-lt-cell-x py-lt-cell-y md:justify-end\",\n                          actions.length > 0 ? \"flex\" : \"hidden md:flex\",\n                        )}\n                        role=\"cell\"\n                      >\n                        {actions.map((action, actionIndex) => (\n                          <TableActionNode\n                            key={action.key ?? action.id ?? actionIndex}\n                            node={action}\n                          />\n                        ))}\n                      </div>\n                    )}\n                  </div>\n                );\n              })\n            )}\n          </div>\n        </div>\n        {hasLoaded && (\n          <TablePagination\n            pagination={pagination}\n            currentPage={currentPage}\n            processing={processing}\n            mode={mode}\n            hasNextPage={hasNextPage}\n            visiblePages={visiblePages}\n            infiniteLoaderRef={infiniteLoaderRef}\n            onPage={goToPage}\n            onLoadMore={loadMore}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default TableComponent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAM,kBAAkB,EAAE,WAAsD;CAC9E,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,EACJ,SACA,MACA,YACA,OACA,SACA,cACA,WACA,cACA,cACA,sBACA,gBACA,cACA,qBACA,YACA,WACA,mBACA,MACA,WACA,UACA,aACE,SAAS,IAAI;CAEjB,MAAM,cAAc,cACZ,eAAe,KAAK,OAAO,WAAW,GAC5C,CAAC,KAAK,OAAO,WAAW,CAC1B;CACA,MAAM,iBAAiB,YAAY,SAAS;CAC5C,MAAM,aAAa,cAEf,KAAK,KAAK,KAAK,WAAW;EAAE;EAAK,SAAS,cAAc,GAAG;EAAG,KAAK,UAAU,KAAK,KAAK;CAAE,EAAE,GAC7F,CAAC,IAAI,CACP;CACA,MAAM,YAAY,kBAAkB,WAAW,KAAK,UAAU,MAAM,GAAG,CAAC;CAExE,MAAM,eAAe,cACb,IAAI,IAAI,eAAe,OAAO,EAAE,KAAK,WAAW,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,GAC3E,CAAC,OAAO,CACV;CACA,MAAM,qBAAqB,aAAa,IAAI;CAC5C,MAAM,EACJ,sBACA,WACA,WACA,iBACA,kBACA,mBACA,mBACE,oBAAoB;EACtB;EACA,YAAY,qBACR,mCAAmC,uBACnC,KAAA;CACN,CAAC;CACD,MAAM,cAAc,WAAW,eAAe,MAAM;CACpD,MAAM,WAAW,WAAW,YAAY;CACxC,MAAM,OAAO,WAAW,QAAQ;CAChC,MAAM,eAAe,gBAAgB,aAAa,QAAQ;CAC1D,MAAM,cAAc,WAAW,WAAW,cAAc;CACxD,MAAM,aAAa,WAAW,MAAM,UAAU,MAAM,QAAQ,SAAS,CAAC;CACtE,MAAM,UAAU,KAAK,OAAO,YAAY;CACxC,MAAM,aAAa,eAAe,MAAM,WAAW,OAAO,QAAQ,OAAO;CACzE,MAAM,gBAAgB,QAAQ,KAAK,QAAQ,WAAW;EAAE;EAAQ;CAAM,EAAE;CACxE,MAAM,oBAAoB,cACjB,MAAM,QAAQ,KAAK,OAAO,OAAO,IAAI,KAAK,MAAM,UAAU,CAAC,GAClE,CAAC,KAAK,OAAO,OAAO,CACtB;CACA,MAAM,sBAAsB,kBAAkB,SAAS;CACvD,MAAM,mBAAmB,QAAQ,SAAS,KAAK,OAAO,KAAK,YAAY,EAAE,SAAS;CAClF,MAAM,qBAAqB,cAAc,uBAAuB;CAChE,MAAM,gBAAgB,cAAc,sBAAsB,cAAc,GAAG,CAAC,cAAc,CAAC;CAC3F,MAAM,gBAAgB,cACd,sBAAsB,oBAAoB,cAAc,GAC9D,CAAC,oBAAoB,cAAc,CACrC;CACA,MAAM,kBAAkB,KAAK,OAAO,qBAAqB;CACzD,MAAM,wBAAwB,aAAa,IAAI;CAC/C,MAAM,EAAE,sBAAsB,qBAAqB,cAAc,iBAC/D,kBAAkB;EAChB,SAAS;EACT,SAAS;EACT,eAAe,cAAc;EAC7B,eAAe,KAAK,OAAO,oBAAoB;EAC/C,YACE,mBAAmB,wBACf,yBAAyB,0BACzB,KAAA;EACN,gBAAgB,cAAc;CAChC,CAAC;CAEH,OACE,qBAAC,OAAD;EAAK,aAAU;EAAQ,0BAAwB,KAAK;EAAI,WAAU;YAAlE,CACG,gBACC,oBAAC,UAAD;GACE,cAAY,EAAE,2BAA2B,qBAAqB;GAC9D,WAAU;GACV,aAAU;GACV,SAAS;GACT,OAAO,EAAE,2BAA2B,qBAAqB;GACzD,MAAK;aAEL,oBAAC,MAAD;IAAM,MAAK;IAAa,WAAU;GAAmB,CAAA;EAC/C,CAAA,GAEV,qBAAC,OAAD;GACE,aAAU;GACV,WAAU;aAFZ;IAIG,uBAAuB,oBACtB,oBAAC,WAAD;KACE,SAAS;KACT,QAAQ;KACI;KACM;KAClB,UAAU;KACV,SAAS;IACV,CAAA;IAEF,kBAAkB,UAAU,UAC3B,oBAAC,SAAD;KACE,SAAS;KACT,cAAc,UAAU;KACxB,aAAa,UAAU;KACvB,OAAO,WAAW,SAAS,KAAA;KAC3B,OAAO,eAAe,KAAK;KAC3B,sBACE,UAAU,sBACV,CAAC,UAAU,eACX,WAAW,SAAS,QACpB,WAAW,QAAQ,UAAU,aAAa;KAE5C,qBAAqB,UAAU;KAC/B,aAAa,UAAU;IACxB,CAAA;IAEF,QAAQ,SAAS,KAChB,oBAAC,gBAAD;KACW;KACK;KACF;KACZ,UAAU;IACX,CAAA;IAEF,MAAM,MAAM,SAAS,KACpB,oBAAC,SAAD;KACgB;KACP;KACK;KACZ,SAAS;IACV,CAAA;IAEH,qBAAC,OAAD;KAAK,WAAU;KAAuB,MAAK;eAA3C,CACE,qBAAC,OAAD;MACE,aAAU;MACV,WAAU;MACV,MAAK;gBAHP,CAKE,qBAAC,OAAD;OACE,WAAU;OACV,MAAK;OACL,OAAO,EAAE,2BAA2B,oBAAoB;iBAH1D;QAKG,kBACC,oBAAC,OAAD;SAAK,WAAU;SAA8B,MAAK;mBAChD,oBAAC,UAAD;UACE,cAAY,EAAE,uBAAuB,iBAAiB;UACtD,aAAU;UACV,SAAS,UAAU;UACnB,uBAAuB,UAAU,UAAU;SAC5C,CAAA;QACE,CAAA;QAEN,eAAe,KAAK,QAAQ,UAC3B,oBAAC,cAAD;SACU;SAEI;SACZ,mBACE,kBAAkB,qBAAqB,cAAc,MAAM,IAAI,KAAA;SAE3D;SACC;QACR,GAPM,OAAO,GAOb,CACF;QACA,sBACC,qBAAC,OAAD;SACE,WAAU;SACV,MAAK;mBAFP;UAIG,uBACC,oBAAC,YAAD;WACE,SAAS;WACT,QAAQ;WACI;WACZ,UAAU;WACV,UAAU;UACX,CAAA;UAEF,wBACC,oBAAC,sBAAD;WACE,SAAS;WACE;WACX,oBAAoB,eAAe;WACxB;WACX,UAAU;WACV,SAAS;WACG;UACb,CAAA;UAEF,cAAc,oBAAC,QAAD;WAAM,WAAU;qBAAW,KAAK,OAAO;UAAmB,CAAA;SACtE;;OAEJ;UACJ,cACC,qBAAC,OAAD;OACE,WAAU;OACV,MAAK;OACL,OAAO,EAAE,2BAA2B,oBAAoB;iBAH1D;QAKG,kBAAkB,oBAAC,OAAD;SAAK,WAAU;SAAY,MAAK;QAAQ,CAAA;QAC1D,eAAe,KAAK,WACnB,oBAAC,OAAD;SAAsB,WAAU;SAAoB,MAAK;mBACtD,OAAO,QAAQ,WACd,oBAAC,qBAAD;UACU;UACR,SAAS,cAAc,QAAQ,UAAU,MAAM,OAAO,UAAU,OAAO,GAAG;UAC9D;UACZ,OAAO;UACP,UAAU;UACV,UAAU;UACV,WAAW;UACX,WAAW,UAAU,oBAAoB,OAAO,KAAK,KAAK;SAC3D,CAAA;QAEA,GAbK,OAAO,GAaZ,CACN;QACA,sBAAsB,oBAAC,OAAD;SAAK,WAAU;SAAY,MAAK;QAAQ,CAAA;OAC5D;QAEJ;SACL,oBAAC,OAAD;MAAK,MAAK;gBACP,CAAC,YACA,oBAAC,OAAD;OAAK,WAAU;OAAuB,MAAK;iBACzC,oBAAC,OAAD;QAAK,MAAK;kBAAQ,EAAE,iBAAiB,iBAAiB;OAAO,CAAA;MAC1D,CAAA,IACH,WAAW,WAAW,IACxB,oBAAC,OAAD;OAAK,aAAU;OAAc,WAAU;OAAmC,MAAK;iBAC7E,oBAAC,OAAD;QAAK,MAAK;kBAAQ,KAAK,OAAO;OAAgB,CAAA;MAC3C,CAAA,IAEL,WAAW,KAAK,EAAE,KAAK,SAAS,UAAU;OACxC,OACE,qBAAC,OAAD;QAEE,aAAU;QACV,WAAW,0GACT,UAAU,uBAAuB;QAEnC,MAAK;QACL,OAAO,EAAE,2BAA2B,oBAAoB;kBAP1D;SASG,kBACC,oBAAC,OAAD;UAAK,WAAU;UAA8C,MAAK;oBAChE,oBAAC,UAAD;WACE,cAAY,EAAE,mBAAmB,sBAAsB,EAAE,IAAI,CAAC;WAC9D,aAAW,cAAc;WACzB,SAAS,UAAU,WAAW,GAAG;WACjC,uBAAuB,UAAU,OAAO,GAAG;UAC5C,CAAA;SACE,CAAA;SAEN,eAAe,KAAK,WACnB,qBAAC,OAAD;UAEE,aAAU;UACV,WAAW,GACT,6EACA,UAAU,OAAO,KAAK,GACtB,kBAAkB,OAAO,KAAK,CAChC;UACA,MAAK;oBARP,CAUE,oBAAC,QAAD;WACE,eAAY;WACZ,WAAU;qBAET,OAAO;UACJ,CAAA,GACN,oBAAC,OAAD;WACE,aAAU;WACV,WAAU;qBAEV,oBAAC,YAAD;YAAoB;YAAa;WAAM,CAAA;UACpC,CAAA,CACF;YArBE,OAAO,GAqBT,CACN;SACA,sBACC,oBAAC,OAAD;UACE,WAAW,GACT,6EACA,QAAQ,SAAS,IAAI,SAAS,gBAChC;UACA,MAAK;oBAEJ,QAAQ,KAAK,QAAQ,gBACpB,oBAAC,iBAAD,EAEE,MAAM,OACP,GAFM,OAAO,OAAO,OAAO,MAAM,WAEjC,CACF;SACE,CAAA;QAEJ;UA3DE,GA2DF;MAET,CAAC;KAEA,CAAA,CACF;;IACJ,aACC,oBAAC,iBAAD;KACc;KACC;KACD;KACN;KACO;KACC;KACK;KACnB,QAAQ;KACR,YAAY;IACb,CAAA;GAEA;IACF;;AAET"}
+{"version":3,"file":"table.js","names":[],"sources":["../../../resources/js/table/components/table.tsx"],"sourcesContent":["import { type ReactNode, useMemo } from \"react\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useColumnResizing } from \"@lattice-php/lattice/core/hooks/use-column-resizing\";\nimport { useColumnVisibility } from \"@lattice-php/lattice/table/hooks/use-column-visibility\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { Checkbox } from \"@lattice-php/lattice/ui/checkbox\";\nimport { Icon } from \"@lattice-php/lattice/icons\";\nimport { alignJustifyItems, alignText } from \"@lattice-php/lattice/table/lib/align\";\nimport type { TableNode } from \"@lattice-php/lattice/table/types\";\nimport { getBulkActions } from \"@lattice-php/lattice/table/lib/bulk\";\nimport { getRowActions, getRowKey } from \"@lattice-php/lattice/table/lib/payload\";\nimport {\n  getQueryParams,\n  getTableSizingColumns,\n  getTableUtilityTracks,\n  getVisiblePages,\n} from \"@lattice-php/lattice/table/lib/query\";\nimport { useTable } from \"@lattice-php/lattice/table/hooks/use-table\";\nimport { useTableSelection } from \"@lattice-php/lattice/table/hooks/use-table-selection\";\nimport { BulkBar } from \"./bulk-bar\";\nimport { ColumnFilterControl } from \"./column-filter-control\";\nimport { ColumnHeader } from \"./column-header\";\nimport { ColumnVisibilityMenu } from \"./column-visibility-menu\";\nimport { FilterBar, FilterMenu } from \"./filter-bar\";\nimport { TablePagination } from \"./pagination\";\nimport { SortBar } from \"./sort-bar\";\nimport { TableActionNode } from \"./table-action-node\";\nimport { ColumnCell } from \"./table-cell\";\n\nconst TableComponent = ({ node }: { children?: ReactNode; node: TableNode }) => {\n  const { t } = useT(\"lattice\");\n  const {\n    columns,\n    rows,\n    pagination,\n    state,\n    filters,\n    tableFilters,\n    addFilter,\n    updateFilter,\n    removeFilter,\n    replaceColumnFilters,\n    setTableFilter,\n    resetFilters,\n    searchFilterOptions,\n    processing,\n    hasLoaded,\n    infiniteLoaderRef,\n    sort,\n    clearSort,\n    goToPage,\n    loadMore,\n  } = useTable(node);\n\n  const bulkActions = useMemo(\n    () => getBulkActions(node.props?.bulkActions),\n    [node.props?.bulkActions],\n  );\n  const hasBulkActions = bulkActions.length > 0;\n  const rowEntries = useMemo(\n    () =>\n      rows.map((row, index) => ({ row, actions: getRowActions(row), key: getRowKey(row, index) })),\n    [rows],\n  );\n  const selection = useTableSelection(rowEntries.map((entry) => entry.key));\n\n  const columnsByKey = useMemo(\n    () => new Map(columns.map((column) => [column.key, column])),\n    [columns],\n  );\n  const visibilityIdentity = nodeIdentity(node);\n  const {\n    hasToggleableColumns,\n    hasHidden,\n    isVisible,\n    resetVisibility,\n    setColumnVisible,\n    toggleableColumns,\n    visibleColumns,\n  } = useColumnVisibility({\n    columns,\n    storageKey: visibilityIdentity\n      ? `lattice:table-column-visibility:${visibilityIdentity}`\n      : undefined,\n  });\n  const currentPage = pagination.currentPage ?? state.page;\n  const lastPage = pagination.lastPage ?? currentPage;\n  const mode = pagination.mode ?? \"table\";\n  const visiblePages = getVisiblePages(currentPage, lastPage);\n  const hasNextPage = pagination.hasMore ?? currentPage < lastPage;\n  const hasActions = rowEntries.some((entry) => entry.actions.length > 0);\n  const striped = node.props?.striped === true;\n  const hasFilters = visibleColumns.some((column) => column.props.filter != null);\n  const filterEntries = filters.map((clause, index) => ({ clause, index }));\n  const filterDefinitions = useMemo(\n    () => (Array.isArray(node.props?.filters) ? node.props.filters : []),\n    [node.props?.filters],\n  );\n  const hasDedicatedFilters = filterDefinitions.length > 0;\n  const hasTrailingUtility = hasActions || hasDedicatedFilters || hasToggleableColumns;\n  const sizingColumns = useMemo(() => getTableSizingColumns(visibleColumns), [visibleColumns]);\n  const utilityTracks = useMemo(\n    () => getTableUtilityTracks(hasTrailingUtility, hasBulkActions),\n    [hasTrailingUtility, hasBulkActions],\n  );\n  const resizingEnabled = node.props?.resizableColumns === true;\n  const resizeStorageIdentity = nodeIdentity(node);\n  const { getResizeHandleProps, gridTemplateColumns, hasOverrides, resizeRootRef, resetColumns } =\n    useColumnResizing({\n      columns: sizingColumns,\n      enabled: resizingEnabled,\n      leadingTracks: utilityTracks.leadingTracks,\n      showIndicator: node.props?.resizeIndicator === true,\n      storageKey:\n        resizingEnabled && resizeStorageIdentity\n          ? `lattice:table-columns:${resizeStorageIdentity}`\n          : undefined,\n      trailingTracks: utilityTracks.trailingTracks,\n    });\n\n  return (\n    <div data-slot=\"table\" data-lattice-component={node.id} className=\"relative\">\n      {hasOverrides && (\n        <button\n          aria-label={t(\"table.resetColumnWidths\", \"Reset column widths\")}\n          className=\"absolute right-1 top-1 z-10 hidden rounded-lt-sm p-1 text-lt-muted-fg hover:text-lt-fg md:inline-flex\"\n          data-test=\"table-reset-columns\"\n          onClick={resetColumns}\n          title={t(\"table.resetColumnWidths\", \"Reset column widths\")}\n          type=\"button\"\n        >\n          <Icon name=\"rotate-ccw\" className=\"size-lt-icon-sm\" />\n        </button>\n      )}\n      <div\n        data-slot=\"table-scroll\"\n        className=\"overflow-x-auto rounded-lt-sm border border-lt-border\"\n      >\n        <FilterBar\n          clauses={filters}\n          columnsByKey={columnsByKey}\n          indicators={state.tableFilterIndicators}\n          processing={processing}\n          onRemoveClause={removeFilter}\n          onChange={setTableFilter}\n          onReset={resetFilters}\n        />\n        {hasBulkActions && selection.active && (\n          <BulkBar\n            actions={bulkActions}\n            selectedKeys={selection.selectedKeys}\n            allMatching={selection.allMatching}\n            total={pagination.total ?? undefined}\n            query={getQueryParams(state)}\n            canSelectAllMatching={\n              selection.allVisibleSelected &&\n              !selection.allMatching &&\n              pagination.total != null &&\n              pagination.total > selection.selectedKeys.length\n            }\n            onSelectAllMatching={selection.selectAllMatching}\n            onCompleted={selection.clear}\n          />\n        )}\n        {state.sorts.length > 0 && (\n          <SortBar\n            columnsByKey={columnsByKey}\n            state={state}\n            processing={processing}\n            onClear={clearSort}\n          />\n        )}\n        <div\n          ref={resizeRootRef}\n          className=\"min-w-full text-base\"\n          role=\"table\"\n          style={{ \"--lattice-table-columns\": gridTemplateColumns } as never}\n        >\n          <div\n            data-slot=\"table-header\"\n            className=\"border-b border-lt-border bg-lt-muted/50\"\n            role=\"rowgroup\"\n          >\n            <div\n              className=\"hidden min-w-full md:grid md:grid-cols-[var(--lattice-table-columns)]\"\n              role=\"row\"\n            >\n              {hasBulkActions && (\n                <div className=\"flex items-center px-4 py-3\" role=\"columnheader\">\n                  <Checkbox\n                    aria-label={t(\"table.selectAllRows\", \"Select all rows\")}\n                    data-test=\"select-all\"\n                    checked={selection.allSelected}\n                    onCheckedChange={() => selection.toggleAll()}\n                  />\n                </div>\n              )}\n              {visibleColumns.map((column, index) => (\n                <ColumnHeader\n                  column={column}\n                  key={column.key}\n                  processing={processing}\n                  resizeHandleProps={\n                    resizingEnabled ? getResizeHandleProps(sizingColumns[index]) : undefined\n                  }\n                  sort={sort}\n                  state={state}\n                />\n              ))}\n              {hasTrailingUtility && (\n                <div\n                  className=\"flex items-center justify-end gap-2 px-4 py-2 align-middle font-semibold text-lt-fg\"\n                  role=\"columnheader\"\n                >\n                  {hasDedicatedFilters && (\n                    <FilterMenu\n                      filters={filterDefinitions}\n                      values={tableFilters}\n                      processing={processing}\n                      onChange={setTableFilter}\n                      onSearch={searchFilterOptions}\n                    />\n                  )}\n                  {hasToggleableColumns && (\n                    <ColumnVisibilityMenu\n                      columns={toggleableColumns}\n                      isVisible={isVisible}\n                      visibleColumnCount={visibleColumns.length}\n                      hasHidden={hasHidden}\n                      onToggle={setColumnVisible}\n                      onReset={resetVisibility}\n                      processing={processing}\n                    />\n                  )}\n                  {hasActions && <span className=\"sr-only\">{node.props?.actionsLabel}</span>}\n                </div>\n              )}\n            </div>\n            {hasFilters && (\n              <div\n                className=\"hidden min-w-full border-t border-lt-border md:grid md:grid-cols-[var(--lattice-table-columns)]\"\n                role=\"row\"\n              >\n                {hasBulkActions && <div className=\"px-4 py-2\" role=\"cell\" />}\n                {visibleColumns.map((column) => (\n                  <div key={column.key} className=\"min-w-0 px-2 py-2\" role=\"cell\">\n                    {column.props.filter != null && (\n                      <ColumnFilterControl\n                        column={column}\n                        clauses={filterEntries.filter((entry) => entry.clause.field === column.key)}\n                        processing={processing}\n                        onAdd={addFilter}\n                        onUpdate={updateFilter}\n                        onRemove={removeFilter}\n                        onReplace={replaceColumnFilters}\n                        onSearch={(query, signal) =>\n                          searchFilterOptions(`column:${column.key}`, query, signal)\n                        }\n                      />\n                    )}\n                  </div>\n                ))}\n                {hasTrailingUtility && <div className=\"px-4 py-2\" role=\"cell\" />}\n              </div>\n            )}\n          </div>\n          <div role=\"rowgroup\">\n            {!hasLoaded ? (\n              <div className=\"p-4 text-lt-muted-fg\" role=\"row\">\n                <div role=\"cell\">{t(\"table.loading\", \"Loading rows...\")}</div>\n              </div>\n            ) : rowEntries.length === 0 ? (\n              <div data-slot=\"table-empty\" className=\"p-8 text-center text-lt-muted-fg\" role=\"row\">\n                <div role=\"cell\">{node.props?.emptyLabel}</div>\n              </div>\n            ) : (\n              rowEntries.map(({ row, actions, key }) => {\n                return (\n                  <div\n                    key={key}\n                    data-slot=\"table-row\"\n                    className={`grid grid-cols-1 border-b border-lt-border last:border-b-0 md:grid-cols-[var(--lattice-table-columns)] ${\n                      striped ? \"odd:bg-lt-muted/30\" : \"\"\n                    }`}\n                    role=\"row\"\n                  >\n                    {hasBulkActions && (\n                      <div className=\"flex items-center px-lt-cell-x py-lt-cell-y\" role=\"cell\">\n                        <Checkbox\n                          aria-label={t(\"table.selectRow\", \"Select row {{key}}\", { key })}\n                          data-test={`select-row-${key}`}\n                          checked={selection.isSelected(key)}\n                          onCheckedChange={() => selection.toggle(key)}\n                        />\n                      </div>\n                    )}\n                    {visibleColumns.map((column) => (\n                      <div\n                        key={column.key}\n                        data-slot=\"table-cell\"\n                        className={cn(\n                          \"grid min-w-0 gap-1 overflow-hidden px-lt-cell-x py-lt-cell-y align-middle\",\n                          alignText(column.props.align),\n                          alignJustifyItems(column.props.align),\n                        )}\n                        role=\"cell\"\n                      >\n                        <span\n                          aria-hidden=\"true\"\n                          className=\"text-xs font-medium text-lt-muted-fg md:hidden\"\n                        >\n                          {column.props.label}\n                        </span>\n                        <div\n                          data-slot=\"table-cell-content\"\n                          className=\"min-w-0 max-w-full overflow-hidden truncate\"\n                        >\n                          <ColumnCell column={column} row={row} />\n                        </div>\n                      </div>\n                    ))}\n                    {hasTrailingUtility && (\n                      <div\n                        className={cn(\n                          \"items-center justify-start gap-2 px-lt-cell-x py-lt-cell-y md:justify-end\",\n                          actions.length > 0 ? \"flex\" : \"hidden md:flex\",\n                        )}\n                        role=\"cell\"\n                      >\n                        {actions.map((action, actionIndex) => (\n                          <TableActionNode\n                            key={action.key ?? action.id ?? actionIndex}\n                            node={action}\n                          />\n                        ))}\n                      </div>\n                    )}\n                  </div>\n                );\n              })\n            )}\n          </div>\n        </div>\n        {hasLoaded && (\n          <TablePagination\n            pagination={pagination}\n            currentPage={currentPage}\n            processing={processing}\n            mode={mode}\n            hasNextPage={hasNextPage}\n            visiblePages={visiblePages}\n            infiniteLoaderRef={infiniteLoaderRef}\n            onPage={goToPage}\n            onLoadMore={loadMore}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default TableComponent;\n"],"mappings":"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"}

package/dist/{core → table/hooks}/use-column-visibility.d.ts

@@ -1,8 +1,10 @@
 export type ToggleableColumn = {
     key: string;
-    label?: string;
-    toggleable?: boolean | null;
-    hiddenByDefault?: boolean | null;
+    props: {
+        label?: string | null;
+        toggleable?: boolean;
+        hiddenByDefault?: boolean;
+    };
 };
 export declare function useColumnVisibility<TColumn extends ToggleableColumn>({ columns, storageKey, }: {
     columns: TColumn[];

package/dist/{core → table/hooks}/use-column-visibility.js

@@ -1,12 +1,12 @@
 import { useCallback, useMemo, useState } from "react";
-//#region resources/js/core/use-column-visibility.ts
+//#region resources/js/table/hooks/use-column-visibility.ts
 function useColumnVisibility({ columns, storageKey }) {
-	const toggleableColumns = useMemo(() => columns.filter((column) => column.toggleable === true), [columns]);
+	const toggleableColumns = useMemo(() => columns.filter((column) => column.props.toggleable), [columns]);
 	const toggleableKeys = useMemo(() => toggleableColumns.map((column) => column.key), [toggleableColumns]);
 	const [overrides, setOverrides] = useState(() => readStoredVisibility(storageKey, toggleableKeys));
 	const isVisible = useCallback((column) => {
-		if (column.toggleable !== true) return true;
-		return overrides[column.key] ?? column.hiddenByDefault !== true;
+		if (!column.props.toggleable) return true;
+		return overrides[column.key] ?? !column.props.hiddenByDefault;
 	}, [overrides]);
 	const visibleColumns = useMemo(() => columns.filter((column) => isVisible(column)), [columns, isVisible]);
 	const setColumnVisible = useCallback((key, visible) => {

package/dist/table/hooks/use-column-visibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-column-visibility.js","names":[],"sources":["../../../resources/js/table/hooks/use-column-visibility.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\n\nexport type ToggleableColumn = {\n  key: string;\n  props: {\n    label?: string | null;\n    toggleable?: boolean;\n    hiddenByDefault?: boolean;\n  };\n};\n\ntype StoredColumnVisibility = {\n  columns: string[];\n  overrides: Record<string, boolean>;\n};\n\nexport function useColumnVisibility<TColumn extends ToggleableColumn>({\n  columns,\n  storageKey,\n}: {\n  columns: TColumn[];\n  storageKey?: string;\n}) {\n  const toggleableColumns = useMemo(\n    () => columns.filter((column) => column.props.toggleable),\n    [columns],\n  );\n  const toggleableKeys = useMemo(\n    () => toggleableColumns.map((column) => column.key),\n    [toggleableColumns],\n  );\n\n  const [overrides, setOverrides] = useState<Record<string, boolean>>(() =>\n    readStoredVisibility(storageKey, toggleableKeys),\n  );\n\n  const isVisible = useCallback(\n    (column: ToggleableColumn): boolean => {\n      if (!column.props.toggleable) {\n        return true;\n      }\n\n      return overrides[column.key] ?? !column.props.hiddenByDefault;\n    },\n    [overrides],\n  );\n\n  const visibleColumns = useMemo(\n    () => columns.filter((column) => isVisible(column)),\n    [columns, isVisible],\n  );\n\n  const setColumnVisible = useCallback(\n    (key: string, visible: boolean) => {\n      setOverrides((current) => {\n        const next = { ...current, [key]: visible };\n        writeStoredVisibility(storageKey, toggleableKeys, next);\n\n        return next;\n      });\n    },\n    [storageKey, toggleableKeys],\n  );\n\n  const resetVisibility = useCallback(() => {\n    setOverrides({});\n    writeStoredVisibility(storageKey, toggleableKeys, {});\n  }, [storageKey, toggleableKeys]);\n\n  const hasToggleableColumns = toggleableColumns.length > 0;\n  const hasHidden = toggleableColumns.some((column) => !isVisible(column));\n\n  return {\n    hasHidden,\n    hasToggleableColumns,\n    isVisible,\n    resetVisibility,\n    setColumnVisible,\n    toggleableColumns,\n    visibleColumns,\n  };\n}\n\nfunction readStoredVisibility(\n  storageKey: string | undefined,\n  toggleableKeys: string[],\n): Record<string, boolean> {\n  if (!storageKey || typeof window === \"undefined\") {\n    return {};\n  }\n\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n\n    if (raw === null) {\n      return {};\n    }\n\n    const stored = JSON.parse(raw) as unknown;\n\n    if (!isStoredColumnVisibility(stored)) {\n      removeStoredVisibility(storageKey);\n\n      return {};\n    }\n\n    const known = new Set(toggleableKeys);\n    const overrides: Record<string, boolean> = {};\n\n    for (const [key, value] of Object.entries(stored.overrides)) {\n      if (known.has(key) && typeof value === \"boolean\") {\n        overrides[key] = value;\n      }\n    }\n\n    if (Object.keys(overrides).length === 0) {\n      removeStoredVisibility(storageKey);\n    }\n\n    return overrides;\n  } catch {\n    removeStoredVisibility(storageKey);\n\n    return {};\n  }\n}\n\nfunction writeStoredVisibility(\n  storageKey: string | undefined,\n  toggleableKeys: string[],\n  overrides: Record<string, boolean>,\n): void {\n  if (!storageKey || typeof window === \"undefined\") {\n    return;\n  }\n\n  const known = new Set(toggleableKeys);\n  const stored: Record<string, boolean> = {};\n\n  for (const [key, value] of Object.entries(overrides)) {\n    if (known.has(key) && typeof value === \"boolean\") {\n      stored[key] = value;\n    }\n  }\n\n  if (Object.keys(stored).length === 0) {\n    removeStoredVisibility(storageKey);\n\n    return;\n  }\n\n  try {\n    window.localStorage.setItem(\n      storageKey,\n      JSON.stringify({ columns: toggleableKeys, overrides: stored }),\n    );\n  } catch {\n    return;\n  }\n}\n\nfunction removeStoredVisibility(storageKey: string): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  try {\n    window.localStorage.removeItem(storageKey);\n  } catch {\n    return;\n  }\n}\n\nfunction isStoredColumnVisibility(value: unknown): value is StoredColumnVisibility {\n  if (typeof value !== \"object\" || value === null) {\n    return false;\n  }\n\n  const record = value as Record<string, unknown>;\n\n  return (\n    Array.isArray(record.columns) &&\n    record.columns.every((column) => typeof column === \"string\") &&\n    typeof record.overrides === \"object\" &&\n    record.overrides !== null &&\n    !Array.isArray(record.overrides)\n  );\n}\n"],"mappings":"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"}

package/dist/table/{use-table-selection.js → hooks/use-table-selection.js}

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
-//#region resources/js/table/use-table-selection.ts
+//#region resources/js/table/hooks/use-table-selection.ts
 function useTableSelection(keys) {
 	const [selected, setSelected] = useState(() => /* @__PURE__ */ new Set());
 	const [allMatching, setAllMatching] = useState(false);

package/dist/table/hooks/use-table-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-selection.js","names":[],"sources":["../../../resources/js/table/hooks/use-table-selection.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\nexport function useTableSelection(keys: string[]) {\n  const [selected, setSelected] = useState<Set<string>>(() => new Set());\n  const [allMatching, setAllMatching] = useState(false);\n  const signature = keys.join(\" \");\n\n  useEffect(() => {\n    setSelected(new Set());\n    setAllMatching(false);\n  }, [signature]);\n\n  const toggle = useCallback((key: string): void => {\n    setAllMatching(false);\n    setSelected((current) => {\n      const next = new Set(current);\n\n      if (next.has(key)) {\n        next.delete(key);\n      } else {\n        next.add(key);\n      }\n\n      return next;\n    });\n  }, []);\n\n  const toggleAll = useCallback((): void => {\n    setAllMatching(false);\n    setSelected((current) => (current.size === keys.length ? new Set() : new Set(keys)));\n  }, [keys]);\n\n  const selectAllMatching = useCallback((): void => setAllMatching(true), []);\n\n  const clear = useCallback((): void => {\n    setAllMatching(false);\n    setSelected(new Set());\n  }, []);\n\n  const selectedKeys = keys.filter((key) => selected.has(key));\n  const allVisibleSelected = keys.length > 0 && selectedKeys.length === keys.length;\n\n  return {\n    selectedKeys,\n    allMatching,\n    allVisibleSelected,\n    allSelected: allMatching || allVisibleSelected,\n    active: allMatching || selectedKeys.length > 0,\n    isSelected: (key: string): boolean => allMatching || selected.has(key),\n    toggle,\n    toggleAll,\n    selectAllMatching,\n    clear,\n  };\n}\n"],"mappings":";;AAEA,SAAgB,kBAAkB,MAAgB;CAChD,MAAM,CAAC,UAAU,eAAe,+BAA4B,IAAI,IAAI,CAAC;CACrE,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAGpD,gBAAgB;EACd,4BAAY,IAAI,IAAI,CAAC;EACrB,eAAe,KAAK;CACtB,GAAG,CALe,KAAK,KAAK,GAKxB,CAAS,CAAC;CAEd,MAAM,SAAS,aAAa,QAAsB;EAChD,eAAe,KAAK;EACpB,aAAa,YAAY;GACvB,MAAM,OAAO,IAAI,IAAI,OAAO;GAE5B,IAAI,KAAK,IAAI,GAAG,GACd,KAAK,OAAO,GAAG;QAEf,KAAK,IAAI,GAAG;GAGd,OAAO;EACT,CAAC;CACH,GAAG,CAAC,CAAC;CAEL,MAAM,YAAY,kBAAwB;EACxC,eAAe,KAAK;EACpB,aAAa,YAAa,QAAQ,SAAS,KAAK,yBAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAE;CACrF,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,oBAAoB,kBAAwB,eAAe,IAAI,GAAG,CAAC,CAAC;CAE1E,MAAM,QAAQ,kBAAwB;EACpC,eAAe,KAAK;EACpB,4BAAY,IAAI,IAAI,CAAC;CACvB,GAAG,CAAC,CAAC;CAEL,MAAM,eAAe,KAAK,QAAQ,QAAQ,SAAS,IAAI,GAAG,CAAC;CAC3D,MAAM,qBAAqB,KAAK,SAAS,KAAK,aAAa,WAAW,KAAK;CAE3E,OAAO;EACL;EACA;EACA;EACA,aAAa,eAAe;EAC5B,QAAQ,eAAe,aAAa,SAAS;EAC7C,aAAa,QAAyB,eAAe,SAAS,IAAI,GAAG;EACrE;EACA;EACA;EACA;CACF;AACF"}

package/dist/table/{use-table.d.ts → hooks/use-table.d.ts}

@@ -1,19 +1,19 @@
-import { Option } from '../types/generated';
-import { FilterClause, TableColumn, TableNode, TableSort, TableState } from './types';
+import { Option } from '../../types/generated.js';
+import { FilterClause, TableColumn, TableNode, TableSort, TableState } from '../types.js';
 export declare function useTable(node: TableNode): {
-    columns: import('../types/generated').ColumnData[];
-    rows: import('./types').TableRow[];
-    pagination: import('../types/generated').TablePagination;
+    columns: TableColumn[];
+    rows: import('../types.js').TableRow[];
+    pagination: import('../../types/generated.js').TablePagination;
     state: TableState;
     filters: FilterClause[];
-    tableFilters: Record<string, unknown>;
+    tableFilters: Record<string, Record<string, unknown>>;
     addFilter: (clause: FilterClause) => void;
     updateFilter: (index: number, clause: FilterClause) => void;
     removeFilter: (index: number) => void;
     replaceColumnFilters: (field: string, clauses: FilterClause[]) => void;
     setTableFilter: (key: string, value: unknown) => void;
     resetFilters: () => void;
-    searchFilterOptions: (filterKey: string, query: string) => Promise<Option[]>;
+    searchFilterOptions: (searchKey: string, query: string, signal?: AbortSignal) => Promise<Option[]>;
     processing: boolean;
     hasLoaded: boolean;
     infiniteLoaderRef: import('react').RefObject<HTMLDivElement | null>;

package/dist/table/{use-table.js → hooks/use-table.js}

@@ -1,10 +1,10 @@
-import { LATTICE_EVENT } from "../events/event-names.js";
-import { apiFetch, apiJson } from "../core/api.js";
-import { getColumns, getPagination, getRows, getState } from "./payload.js";
-import { isEmptyFilterValue } from "./filter-values.js";
-import { buildEndpoint, nextSort } from "./query.js";
+import { LATTICE_EVENT } from "../../events/event-names.js";
+import { apiFetch, apiJson } from "../../core/api.js";
+import { getColumns, getPagination, getRows, getState } from "../lib/payload.js";
+import { isEmptyFilterValue, isFilterValue } from "../lib/filter-values.js";
+import { buildEndpoint, nextSort } from "../lib/query.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-//#region resources/js/table/use-table.ts
+//#region resources/js/table/hooks/use-table.ts
 function useTable(node) {
 	const columns = useMemo(() => getColumns(node.props?.columns), [node.props?.columns]);
 	const endpoint = typeof node.props?.endpoint === "string" ? node.props.endpoint : null;
@@ -73,11 +73,12 @@ function useTable(node) {
 	}
 	function setTableFilter(key, value) {
 		const next = { ...state.tableFilters };
-		if (isEmptyFilterValue(value)) delete next[key];
+		if (isEmptyFilterValue(value) || !isFilterValue(value)) delete next[key];
 		else next[key] = value;
 		const nextState = {
 			...state,
 			tableFilters: next,
+			tableFilterIndicators: state.tableFilterIndicators.filter((indicator) => indicator.filter !== key),
 			page: 1
 		};
 		setState(nextState);
@@ -88,18 +89,20 @@ function useTable(node) {
 			...state,
 			filters: [],
 			tableFilters: {},
+			tableFilterIndicators: [],
 			page: 1
 		};
 		setState(nextState);
 		load(nextState);
 	}
-	const searchFilterOptions = useCallback(async (filterKey, query) => {
+	const searchFilterOptions = useCallback(async (searchKey, query, signal) => {
 		if (!endpoint) return [];
 		const url = new URL(endpoint, window.location.origin);
-		url.searchParams.set("_search", filterKey);
+		url.searchParams.set("_search", searchKey);
 		url.searchParams.set("q", query);
 		const response = await apiFetch(`${url.pathname}${url.search}`, {
 			ref: componentRef,
+			signal,
 			throwOnError: false
 		});
 		if (!response.ok) return [];

package/dist/table/hooks/use-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table.js","names":[],"sources":["../../../resources/js/table/hooks/use-table.ts"],"sourcesContent":["import { apiFetch, apiJson } from \"@lattice-php/lattice/core/api\";\nimport { LATTICE_EVENT, type ReloadComponentEvent } from \"@lattice-php/lattice/events/event-names\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { Option } from \"@lattice-php/lattice/types/generated\";\nimport { isEmptyFilterValue, isFilterValue } from \"@lattice-php/lattice/table/lib/filter-values\";\nimport {\n  getColumns,\n  getPagination,\n  getRows,\n  getState,\n} from \"@lattice-php/lattice/table/lib/payload\";\nimport { buildEndpoint, nextSort } from \"@lattice-php/lattice/table/lib/query\";\nimport type {\n  FilterClause,\n  TableColumn,\n  TableNode,\n  TableResponse,\n  TableSort,\n  TableState,\n} from \"@lattice-php/lattice/table/types\";\n\nexport function useTable(node: TableNode) {\n  const columns = useMemo(() => getColumns(node.props?.columns), [node.props?.columns]);\n  const endpoint = typeof node.props?.endpoint === \"string\" ? node.props.endpoint : null;\n  const componentRef = typeof node.props?.ref === \"string\" ? node.props.ref : \"\";\n  const isLazy = node.props?.lazy === true;\n  const initialState = useMemo(() => getState(node.props?.state), [node.props?.state]);\n  const initialRows = useMemo(() => getRows(node.props?.data), [node.props?.data]);\n  const initialPagination = useMemo(\n    () => getPagination(node.props?.pagination),\n    [node.props?.pagination],\n  );\n  const [rows, setRows] = useState(initialRows);\n  const [pagination, setPagination] = useState(initialPagination);\n  const [state, setState] = useState(initialState);\n  const [processing, setProcessing] = useState(isLazy);\n  const [hasLoaded, setHasLoaded] = useState(!isLazy);\n  const infiniteLoaderRef = useRef<HTMLDivElement | null>(null);\n  const currentPage = pagination.currentPage ?? state.page;\n  const isInfinite = (pagination.mode ?? \"table\") === \"infinite\";\n\n  const load = useCallback(\n    async (nextState: TableState, append = false): Promise<void> => {\n      if (!endpoint) {\n        return;\n      }\n\n      setProcessing(true);\n\n      try {\n        const result = await apiJson<TableResponse>(buildEndpoint(endpoint, nextState), {\n          ref: componentRef,\n        });\n        const resultState = getState(result.state);\n        const resultRows = getRows(result.data);\n\n        setRows((currentRows) => (append ? [...currentRows, ...resultRows] : resultRows));\n        setPagination(getPagination(result.pagination));\n        setState(resultState);\n        setHasLoaded(true);\n      } finally {\n        setProcessing(false);\n      }\n    },\n    [endpoint, componentRef],\n  );\n\n  function sort(column: TableColumn): void {\n    void load({\n      ...state,\n      page: 1,\n      sorts: nextSort(state.sorts, column),\n    });\n  }\n\n  function clearSort(sort: TableSort): void {\n    void load({\n      ...state,\n      page: 1,\n      sorts: state.sorts.filter((currentSort) => currentSort.key !== sort.key),\n    });\n  }\n\n  function applyFilters(next: FilterClause[]): void {\n    const nextState = { ...state, filters: next, page: 1 };\n\n    setState(nextState);\n    void load(nextState);\n  }\n\n  function addFilter(clause: FilterClause): void {\n    applyFilters([...state.filters, clause]);\n  }\n\n  function updateFilter(index: number, clause: FilterClause): void {\n    applyFilters(state.filters.map((current, position) => (position === index ? clause : current)));\n  }\n\n  function removeFilter(index: number): void {\n    applyFilters(state.filters.filter((_, current) => current !== index));\n  }\n\n  function replaceColumnFilters(field: string, clauses: FilterClause[]): void {\n    applyFilters([...state.filters.filter((clause) => clause.field !== field), ...clauses]);\n  }\n\n  function setTableFilter(key: string, value: unknown): void {\n    const next = { ...state.tableFilters };\n\n    if (isEmptyFilterValue(value) || !isFilterValue(value)) {\n      delete next[key];\n    } else {\n      next[key] = value;\n    }\n\n    const nextState = {\n      ...state,\n      tableFilters: next,\n      tableFilterIndicators: state.tableFilterIndicators.filter(\n        (indicator) => indicator.filter !== key,\n      ),\n      page: 1,\n    };\n\n    setState(nextState);\n    void load(nextState);\n  }\n\n  function resetFilters(): void {\n    const nextState = {\n      ...state,\n      filters: [],\n      tableFilters: {},\n      tableFilterIndicators: [],\n      page: 1,\n    };\n\n    setState(nextState);\n    void load(nextState);\n  }\n\n  const searchFilterOptions = useCallback(\n    async (searchKey: string, query: string, signal?: AbortSignal): Promise<Option[]> => {\n      if (!endpoint) {\n        return [];\n      }\n\n      const url = new URL(endpoint, window.location.origin);\n      url.searchParams.set(\"_search\", searchKey);\n      url.searchParams.set(\"q\", query);\n\n      const response = await apiFetch(`${url.pathname}${url.search}`, {\n        ref: componentRef,\n        signal,\n        throwOnError: false,\n      });\n\n      if (!response.ok) {\n        return [];\n      }\n\n      const result = (await response.json()) as { options?: Option[] };\n\n      return result.options ?? [];\n    },\n    [endpoint, componentRef],\n  );\n\n  function goToPage(page: number): void {\n    void load({\n      ...state,\n      page,\n    });\n  }\n\n  const loadMore = useCallback((): void => {\n    if (processing || !pagination.hasMore) {\n      return;\n    }\n\n    void load(\n      {\n        ...state,\n        page: pagination.nextPage ?? currentPage + 1,\n      },\n      true,\n    );\n  }, [currentPage, load, pagination.hasMore, pagination.nextPage, processing, state]);\n\n  useEffect(() => {\n    setRows(initialRows);\n    setPagination(initialPagination);\n    setState(initialState);\n    setProcessing(isLazy);\n    setHasLoaded(!isLazy);\n  }, [initialRows, initialPagination, initialState, isLazy]);\n\n  useEffect(() => {\n    if (!isLazy || hasLoaded) {\n      return;\n    }\n\n    void load(state);\n  }, [hasLoaded, isLazy, load, state]);\n\n  useEffect(() => {\n    function reload(event: Event): void {\n      const detail = (event as ReloadComponentEvent).detail;\n\n      if (detail?.component !== node.id) {\n        return;\n      }\n\n      void load(state);\n    }\n\n    window.addEventListener(LATTICE_EVENT.reloadComponent, reload);\n\n    return () => window.removeEventListener(LATTICE_EVENT.reloadComponent, reload);\n  }, [load, node.id, state]);\n\n  useEffect(() => {\n    if (\n      !isInfinite ||\n      !pagination.hasMore ||\n      processing ||\n      !infiniteLoaderRef.current ||\n      typeof IntersectionObserver === \"undefined\"\n    ) {\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) {\n          loadMore();\n        }\n      },\n      {\n        rootMargin: \"240px\",\n      },\n    );\n\n    observer.observe(infiniteLoaderRef.current);\n\n    return () => observer.disconnect();\n  }, [isInfinite, loadMore, pagination.hasMore, processing]);\n\n  return {\n    columns,\n    rows,\n    pagination,\n    state,\n    filters: state.filters,\n    tableFilters: state.tableFilters,\n    addFilter,\n    updateFilter,\n    removeFilter,\n    replaceColumnFilters,\n    setTableFilter,\n    resetFilters,\n    searchFilterOptions,\n    processing,\n    hasLoaded,\n    infiniteLoaderRef,\n    sort,\n    clearSort,\n    goToPage,\n    loadMore,\n  };\n}\n"],"mappings":"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"}

package/dist/table/index.d.ts

@@ -1 +1,6 @@
-export declare const tableComponents: import('../core/registry').Plugin;
+export { useTable } from './hooks/use-table.js';
+export { useTableSelection } from './hooks/use-table-selection.js';
+export { tableComponents } from './plugin.js';
+export { columnCell } from './registry.js';
+export type { ColumnCellArgs, ColumnCellComponent, ColumnRegistry } from './registry.js';
+export type * from './types.js';

package/dist/table/index.js

@@ -1,11 +1,5 @@
-import { createPlugin, eagerComponent } from "../core/registry.js";
-import TableComponent from "./components/table.js";
-//#region resources/js/table/index.ts
-var tableComponents = createPlugin({
-	components: { table: eagerComponent(TableComponent) },
-	name: "lattice/table"
-});
-//#endregion
-export { tableComponents };
-
-//# sourceMappingURL=index.js.map
+import { useTable } from "./hooks/use-table.js";
+import { useTableSelection } from "./hooks/use-table-selection.js";
+import { columnCell } from "./registry.js";
+import { tableComponents } from "./plugin.js";
+export { columnCell, tableComponents, useTable, useTableSelection };

package/dist/table/{align.d.ts → lib/align.d.ts}

@@ -1,4 +1,4 @@
-import { ColumnAlign } from '../types/generated';
+import { ColumnAlign } from '../../types/generated.js';
 export declare const alignText: (align: ColumnAlign) => string;
 export declare const alignJustify: (align: ColumnAlign) => string;
 export declare const alignJustifyItems: (align: ColumnAlign) => string;

package/dist/table/{align.js → lib/align.js}

@@ -1,4 +1,4 @@
-//#region resources/js/table/align.ts
+//#region resources/js/table/lib/align.ts
 var TEXT = {
 	start: "text-start",
 	center: "text-center",

package/dist/table/lib/align.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align.js","names":[],"sources":["../../../resources/js/table/lib/align.ts"],"sourcesContent":["import type { ColumnAlign } from \"@lattice-php/lattice/types/generated\";\n\nconst TEXT: Record<ColumnAlign, string> = {\n  start: \"text-start\",\n  center: \"text-center\",\n  end: \"text-end\",\n};\n\nconst JUSTIFY: Record<ColumnAlign, string> = {\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n};\n\nconst JUSTIFY_ITEMS: Record<ColumnAlign, string> = {\n  start: \"justify-items-start\",\n  center: \"justify-items-center\",\n  end: \"justify-items-end\",\n};\n\nexport const alignText = (align: ColumnAlign): string => TEXT[align];\nexport const alignJustify = (align: ColumnAlign): string => JUSTIFY[align];\nexport const alignJustifyItems = (align: ColumnAlign): string => JUSTIFY_ITEMS[align];\n"],"mappings":";AAEA,IAAM,OAAoC;CACxC,OAAO;CACP,QAAQ;CACR,KAAK;AACP;AAEA,IAAM,UAAuC;CAC3C,OAAO;CACP,QAAQ;CACR,KAAK;AACP;AAEA,IAAM,gBAA6C;CACjD,OAAO;CACP,QAAQ;CACR,KAAK;AACP;AAEA,IAAa,aAAa,UAA+B,KAAK;AAC9D,IAAa,gBAAgB,UAA+B,QAAQ;AACpE,IAAa,qBAAqB,UAA+B,cAAc"}

package/dist/table/{bulk.d.ts → lib/bulk.d.ts}

@@ -1,7 +1,7 @@
 import { Method } from '@inertiajs/core';
-import { Node } from '../core/types';
-import { Action, ButtonVariant } from '../types/generated';
-import { ActionNode } from './types';
+import { Node } from '../../core/types.js';
+import { Action, ButtonVariant } from '../../types/generated.js';
+import { ActionNode } from '../types.js';
 export type BulkAction = {
     id: string;
     label: string;

package/dist/table/{bulk.js → lib/bulk.js}

@@ -1,4 +1,4 @@
-//#region resources/js/table/bulk.ts
+//#region resources/js/table/lib/bulk.ts
 function getBulkActions(actions) {
 	return (actions ?? []).flatMap((node) => {
 		if (node.type === "action.group") return [];

package/dist/table/lib/bulk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulk.js","names":[],"sources":["../../../resources/js/table/lib/bulk.ts"],"sourcesContent":["import type { Method } from \"@inertiajs/core\";\nimport type { Node } from \"@lattice-php/lattice/core/types\";\nimport type { Action, ButtonVariant } from \"@lattice-php/lattice/types/generated\";\nimport type { ActionNode } from \"@lattice-php/lattice/table/types\";\n\nexport type BulkAction = {\n  id: string;\n  label: string;\n  method: Method;\n  endpoint: string;\n  ref: string;\n  variant: ButtonVariant;\n  confirmation: Action[\"confirmation\"];\n  form: Node | null;\n};\n\nexport function getBulkActions(actions: ActionNode[] | undefined): BulkAction[] {\n  return (actions ?? []).flatMap((node): BulkAction[] => {\n    if (node.type === \"action.group\") {\n      return [];\n    }\n\n    const props = node.props;\n\n    if (!props.endpoint) {\n      return [];\n    }\n\n    return [\n      {\n        id: node.id ?? \"\",\n        label: props.label ?? \"Run action\",\n        method: props.method ?? \"post\",\n        endpoint: props.endpoint,\n        ref: props.ref ?? \"\",\n        variant: props.variant ?? \"default\",\n        confirmation: props.confirmation,\n        form: props.form,\n      },\n    ];\n  });\n}\n"],"mappings":";AAgBA,SAAgB,eAAe,SAAiD;CAC9E,QAAQ,WAAW,CAAC,GAAG,SAAS,SAAuB;EACrD,IAAI,KAAK,SAAS,gBAChB,OAAO,CAAC;EAGV,MAAM,QAAQ,KAAK;EAEnB,IAAI,CAAC,MAAM,UACT,OAAO,CAAC;EAGV,OAAO,CACL;GACE,IAAI,KAAK,MAAM;GACf,OAAO,MAAM,SAAS;GACtB,QAAQ,MAAM,UAAU;GACxB,UAAU,MAAM;GAChB,KAAK,MAAM,OAAO;GAClB,SAAS,MAAM,WAAW;GAC1B,cAAc,MAAM;GACpB,MAAM,MAAM;EACd,CACF;CACF,CAAC;AACH"}

package/dist/table/{filter-values.d.ts → lib/filter-values.d.ts}

@@ -1,4 +1,5 @@
-import { FilterData, Option } from '../types/generated';
+import { Option } from '../../types/generated.js';
+import { FilterNode } from '../types.js';
 /**
  * Whether a single scalar filter member is absent — the atomic rule the
  * filter-emptiness and query-serialization logic both build on.
@@ -10,9 +11,15 @@ export declare function isEmptyMember(value: unknown): value is null | undefined
  */
 export declare function isEmptyFilterValue(value: unknown): boolean;
 export declare function isActiveFilterValue(value: unknown): boolean;
+/**
+ * Whether a value has the wire shape of a dedicated-filter value: a plain
+ * `field => value` record.
+ */
+export declare function isFilterValue(value: unknown): value is Record<string, unknown>;
+export declare function filterValue(value: unknown): Record<string, unknown>;
 /**
  * Read a string entry from a filter's loose `props` bag, falling back when the
  * key is absent or not a string.
  */
-export declare function stringProp(filter: FilterData, key: string, fallback: string): string;
-export declare function filterOptions(filter: FilterData): Option[];
+export declare function stringProp(filter: FilterNode<string>, key: string, fallback: string): string;
+export declare function filterOptions(filter: FilterNode<string>): Option[];

package/dist/table/{filter-values.js → lib/filter-values.js}

@@ -1,4 +1,4 @@
-//#region resources/js/table/filter-values.ts
+//#region resources/js/table/lib/filter-values.ts
 /**
 * Whether a single scalar filter member is absent — the atomic rule the
 * filter-emptiness and query-serialization logic both build on.
@@ -12,14 +12,24 @@ function isEmptyMember(value) {
 */
 function isEmptyFilterValue(value) {
 	if (isEmptyMember(value)) return true;
-	if (Array.isArray(value)) return value.length === 0;
-	if (typeof value === "object") return Object.values(value).every(isEmptyMember);
+	if (Array.isArray(value)) return value.every(isEmptyFilterValue);
+	if (typeof value === "object" && value !== null) return Object.values(value).every(isEmptyFilterValue);
 	return false;
 }
 function isActiveFilterValue(value) {
 	return !isEmptyFilterValue(value);
 }
 /**
+* Whether a value has the wire shape of a dedicated-filter value: a plain
+* `field => value` record.
+*/
+function isFilterValue(value) {
+	return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function filterValue(value) {
+	return isFilterValue(value) ? value : {};
+}
+/**
 * Read a string entry from a filter's loose `props` bag, falling back when the
 * key is absent or not a string.
 */
@@ -32,6 +42,6 @@ function filterOptions(filter) {
 	return Array.isArray(value) ? value : [];
 }
 //#endregion
-export { filterOptions, isActiveFilterValue, isEmptyFilterValue, isEmptyMember, stringProp };
+export { filterOptions, filterValue, isActiveFilterValue, isEmptyFilterValue, isEmptyMember, isFilterValue, stringProp };
 
 //# sourceMappingURL=filter-values.js.map

package/dist/table/lib/filter-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-values.js","names":[],"sources":["../../../resources/js/table/lib/filter-values.ts"],"sourcesContent":["import type { Option } from \"@lattice-php/lattice/types/generated\";\nimport type { FilterNode } from \"@lattice-php/lattice/table/types\";\n\n/**\n * Whether a single scalar filter member is absent — the atomic rule the\n * filter-emptiness and query-serialization logic both build on.\n */\nexport function isEmptyMember(value: unknown): value is null | undefined | \"\" {\n  return value == null || value === \"\";\n}\n\n/**\n * Whether a table-filter value should clear the filter rather than apply it —\n * an empty string, empty list, or an object whose every member is empty.\n */\nexport function isEmptyFilterValue(value: unknown): boolean {\n  if (isEmptyMember(value)) {\n    return true;\n  }\n\n  if (Array.isArray(value)) {\n    return value.every(isEmptyFilterValue);\n  }\n\n  if (typeof value === \"object\" && value !== null) {\n    return Object.values(value).every(isEmptyFilterValue);\n  }\n\n  return false;\n}\n\nexport function isActiveFilterValue(value: unknown): boolean {\n  return !isEmptyFilterValue(value);\n}\n\n/**\n * Whether a value has the wire shape of a dedicated-filter value: a plain\n * `field => value` record.\n */\nexport function isFilterValue(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === \"object\" && !Array.isArray(value);\n}\n\nexport function filterValue(value: unknown): Record<string, unknown> {\n  return isFilterValue(value) ? value : {};\n}\n\n/**\n * Read a string entry from a filter's loose `props` bag, falling back when the\n * key is absent or not a string.\n */\nexport function stringProp(filter: FilterNode<string>, key: string, fallback: string): string {\n  const value = filter.props[key];\n\n  return typeof value === \"string\" ? value : fallback;\n}\n\nexport function filterOptions(filter: FilterNode<string>): Option[] {\n  const value = filter.props.options;\n\n  return Array.isArray(value) ? (value as Option[]) : [];\n}\n"],"mappings":";;;;;AAOA,SAAgB,cAAc,OAAgD;CAC5E,OAAO,SAAS,QAAQ,UAAU;AACpC;;;;;AAMA,SAAgB,mBAAmB,OAAyB;CAC1D,IAAI,cAAc,KAAK,GACrB,OAAO;CAGT,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,MAAM,MAAM,kBAAkB;CAGvC,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO,OAAO,OAAO,KAAK,EAAE,MAAM,kBAAkB;CAGtD,OAAO;AACT;AAEA,SAAgB,oBAAoB,OAAyB;CAC3D,OAAO,CAAC,mBAAmB,KAAK;AAClC;;;;;AAMA,SAAgB,cAAc,OAAkD;CAC9E,OAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAgB,YAAY,OAAyC;CACnE,OAAO,cAAc,KAAK,IAAI,QAAQ,CAAC;AACzC;;;;;AAMA,SAAgB,WAAW,QAA4B,KAAa,UAA0B;CAC5F,MAAM,QAAQ,OAAO,MAAM;CAE3B,OAAO,OAAO,UAAU,WAAW,QAAQ;AAC7C;AAEA,SAAgB,cAAc,QAAsC;CAClE,MAAM,QAAQ,OAAO,MAAM;CAE3B,OAAO,MAAM,QAAQ,KAAK,IAAK,QAAqB,CAAC;AACvD"}

package/dist/table/{format.d.ts → lib/format.d.ts}

@@ -1,4 +1,4 @@
-import { FormatOptions } from '../format/date-time';
-import { TableColumn, TableRow } from './types';
+import { FormatOptions } from '../../format/date-time.js';
+import { TableColumn, TableRow } from '../types.js';
 export declare function formatCell(value: unknown, column?: TableColumn, options?: FormatOptions): string;
 export declare function resolveLink(column: TableColumn, row: TableRow, value: unknown): string | null;