@solidxai/core-ui 0.1.5-beta.10 → 0.1.5-beta.11

package/dist/components/core/list/SolidDataTable.tsx

@@ -1,314 +0,0 @@
-import React from "react";
-
-export type DataTableStateEvent = {
-  sortField?: string;
-  sortOrder?: 1 | -1 | 0;
-};
-
-type HeaderRenderer = React.ReactNode | (() => React.ReactNode);
-type BodyRenderer = (rowData: any) => React.ReactNode;
-
-export type SolidColumnProps = {
-  field?: string;
-  header?: HeaderRenderer;
-  body?: BodyRenderer;
-  sortable?: boolean;
-  selectionMode?: "multiple" | "single" | null;
-  headerStyle?: React.CSSProperties;
-  style?: React.CSSProperties;
-  className?: string;
-  headerClassName?: string;
-  frozen?: boolean;
-  alignFrozen?: "left" | "right";
-  [key: string]: any;
-};
-
-export function Column(_props: SolidColumnProps) {
-  return null;
-}
-
-type SolidDataTableProps = {
-  value: any[];
-  children: React.ReactNode;
-  size?: "small" | "normal" | "large";
-  viewportHeight?: string;
-  dataKey?: string;
-  emptyMessage?: React.ReactNode;
-  rows?: number;
-  first?: number;
-  totalRecords?: number;
-  rowsPerPageOptions?: number[];
-  onPage?: (event: { first: number; rows: number }) => void;
-  onSort?: (event: DataTableStateEvent) => void;
-  sortField?: string;
-  sortOrder?: 1 | -1 | 0;
-  removableSort?: boolean;
-  selection?: any[];
-  selectionMode?: "checkbox" | null;
-  onSelectionChange?: (event: { value: any[] }) => void;
-  onRowClick?: (event: { data: any }) => void;
-  rowClassName?: (rowData: any) => string;
-  tableClassName?: string;
-  paginatorClassName?: string;
-  currentPageReportTemplate?: string;
-  [key: string]: any;
-};
-
-const cx = (...parts: Array<string | undefined | false>) => parts.filter(Boolean).join(" ");
-
-function renderHeaderNode(header?: HeaderRenderer) {
-  if (typeof header === "function") return header();
-  return header ?? null;
-}
-
-function normalizeColumns(children: React.ReactNode): React.ReactElement<SolidColumnProps>[] {
-  return React.Children.toArray(children).filter((child): child is React.ReactElement<SolidColumnProps> => {
-    return React.isValidElement(child);
-  });
-}
-
-function resolveSortIcon(active: boolean, order: 1 | -1 | 0): string {
-  if (!active || order === 0) return "pi pi-sort-alt";
-  return order === 1 ? "pi pi-sort-amount-up-alt" : "pi pi-sort-amount-down";
-}
-
-function nextSortOrder(active: boolean, order: 1 | -1 | 0, removableSort = true): 1 | -1 | 0 {
-  if (!active || order === 0) return 1;
-  if (order === 1) return -1;
-  return removableSort ? 0 : 1;
-}
-
-export function SolidDataTable({
-  value,
-  children,
-  size = "normal",
-  viewportHeight,
-  dataKey = "id",
-  emptyMessage,
-  rows = 25,
-  first = 0,
-  totalRecords = 0,
-  rowsPerPageOptions = [10, 25, 50, 100],
-  onPage,
-  onSort,
-  sortField,
-  sortOrder = 0,
-  removableSort = true,
-  selection = [],
-  selectionMode,
-  onSelectionChange,
-  onRowClick,
-  rowClassName,
-  tableClassName,
-  paginatorClassName,
-  currentPageReportTemplate = "{first} - {last} of {totalRecords}",
-}: SolidDataTableProps) {
-  const columns = normalizeColumns(children);
-  const pageRows = value ?? [];
-
-  const selectedKeys = new Set((selection || []).map((row: any) => String(row?.[dataKey])));
-  const allSelected = pageRows.length > 0 && pageRows.every((row: any) => selectedKeys.has(String(row?.[dataKey])));
-
-  const start = totalRecords === 0 ? 0 : first + 1;
-  const end = Math.min(first + rows, totalRecords);
-  const currentPage = rows > 0 ? Math.floor(first / rows) + 1 : 1;
-  const totalPages = rows > 0 ? Math.max(1, Math.ceil(totalRecords / rows)) : 1;
-
-  const report = currentPageReportTemplate
-    .replace("{first}", String(start))
-    .replace("{last}", String(end))
-    .replace("{totalRecords}", String(totalRecords));
-
-  const emitSelection = (nextSelection: any[]) => {
-    onSelectionChange?.({ value: nextSelection });
-  };
-
-  const toggleSelectAll = (checked: boolean) => {
-    if (!checked) {
-      const pageKeys = new Set(pageRows.map((row: any) => String(row?.[dataKey])));
-      emitSelection((selection || []).filter((row: any) => !pageKeys.has(String(row?.[dataKey]))));
-      return;
-    }
-    const merged = [...(selection || [])];
-    const mergedKeys = new Set(merged.map((row: any) => String(row?.[dataKey])));
-    pageRows.forEach((row: any) => {
-      const key = String(row?.[dataKey]);
-      if (!mergedKeys.has(key)) merged.push(row);
-    });
-    emitSelection(merged);
-  };
-
-  const toggleRowSelection = (rowData: any, checked: boolean) => {
-    const key = String(rowData?.[dataKey]);
-    if (!checked) {
-      emitSelection((selection || []).filter((row: any) => String(row?.[dataKey]) !== key));
-      return;
-    }
-    emitSelection([...(selection || []), rowData]);
-  };
-
-  const densityClass =
-    size === "small"
-      ? "solid-table-density-compact"
-      : size === "large"
-        ? "solid-table-density-comfortable"
-        : "solid-table-density-cozy";
-
-  return (
-    <div
-      className={cx("solid-data-table-root w-full min-h-0", densityClass)}
-      style={{
-        height: viewportHeight || "100%",
-        maxHeight: viewportHeight || "100%",
-      }}
-    >
-      <div className="solid-data-table-viewport min-h-0 rounded-md border border-border/60 bg-background">
-        <table className={cx("w-full text-sm border-collapse", tableClassName)}>
-          <thead className="solid-data-table-head sticky top-0 z-2">
-            <tr>
-              {columns.map((column, index) => {
-                const props = column.props;
-                const isSelectionColumn = props.selectionMode === "multiple";
-                const isSortable = Boolean(props.sortable && props.field && !isSelectionColumn);
-                const isActiveSort = isSortable && sortField === props.field;
-                const iconClass = resolveSortIcon(Boolean(isActiveSort), sortOrder);
-                return (
-                  <th
-                    key={`header-${index}`}
-                    className={cx(
-                      "solid-data-table-th text-left text-foreground whitespace-nowrap",
-                      isSelectionColumn ? "solid-data-table-selection-col" : undefined,
-                      props.headerClassName
-                    )}
-                    style={{ ...props.style, ...props.headerStyle }}
-                  >
-                    {isSelectionColumn ? (
-                      <input
-                        type="checkbox"
-                        checked={allSelected}
-                        onChange={(e) => toggleSelectAll(e.currentTarget.checked)}
-                        aria-label="Select all rows"
-                      />
-                    ) : (
-                      <button
-                        type="button"
-                        className={cx("solid-table-header-button", isSortable ? "is-sortable" : undefined)}
-                        onClick={() => {
-                          if (!isSortable) return;
-                          const nextOrder = nextSortOrder(Boolean(isActiveSort), sortOrder, removableSort);
-                          onSort?.({
-                            sortField: nextOrder === 0 ? undefined : props.field,
-                            sortOrder: nextOrder,
-                          });
-                        }}
-                      >
-                        {renderHeaderNode(props.header)}
-                        {isSortable ? <i className={iconClass} aria-hidden="true" /> : null}
-                      </button>
-                    )}
-                  </th>
-                );
-              })}
-            </tr>
-          </thead>
-          <tbody>
-            {pageRows.length === 0 ? (
-              <tr>
-                <td className="px-3 py-6 text-center text-muted-foreground" colSpan={Math.max(columns.length, 1)}>
-                  {emptyMessage || "No records found"}
-                </td>
-              </tr>
-            ) : (
-              pageRows.map((rowData: any) => {
-                const key = String(rowData?.[dataKey]);
-                const rowSelected = selectedKeys.has(key);
-                return (
-                  <tr
-                    key={key}
-                    className={cx("solid-data-table-row", rowClassName?.(rowData))}
-                    onClick={(event) => {
-                      const target = event.target as HTMLElement;
-                      if (target.closest("button,a,input,label,[data-no-row-click='true']")) return;
-                      onRowClick?.({ data: rowData });
-                    }}
-                  >
-                    {columns.map((column, index) => {
-                      const props = column.props;
-                      const isSelectionColumn = props.selectionMode === "multiple";
-                      const content = isSelectionColumn
-                        ? (
-                          <input
-                            type="checkbox"
-                            checked={rowSelected}
-                            onChange={(e) => toggleRowSelection(rowData, e.currentTarget.checked)}
-                            onClick={(e) => e.stopPropagation()}
-                            aria-label="Select row"
-                          />
-                        )
-                        : props.body
-                          ? props.body(rowData)
-                          : props.field
-                            ? rowData?.[props.field]
-                            : null;
-                      return (
-                        <td
-                          key={`cell-${key}-${index}`}
-                          className={cx(
-                            "solid-data-table-td align-top text-foreground",
-                            isSelectionColumn ? "solid-data-table-selection-col" : undefined,
-                            props.className
-                          )}
-                          style={props.style}
-                        >
-                          {content}
-                        </td>
-                      );
-                    })}
-                  </tr>
-                );
-              })
-            )}
-          </tbody>
-        </table>
-      </div>
-
-      {typeof onPage === "function" ? (
-        <div
-          className={cx("w-full solid-table-paginator solid-table-paginator-align-end flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", paginatorClassName)}
-        >
-          <div className="solid-paginator-meta flex items-center gap-2 ml-auto">
-            <span className="solid-paginator-label">Rows</span>
-            <select
-              value={rows}
-              onChange={(e) => onPage({ first: 0, rows: Number(e.target.value) })}
-              className="solid-paginator-select"
-            >
-              {rowsPerPageOptions.map((option) => (
-                <option key={option} value={option}>{option}</option>
-              ))}
-            </select>
-            <span className="solid-paginator-report">{report}</span>
-          </div>
-          <div className="solid-paginator-actions flex items-center gap-2">
-            <button
-              type="button"
-              className="solid-paginator-btn"
-              onClick={() => onPage({ first: Math.max(0, first - rows), rows })}
-              disabled={currentPage <= 1}
-            >
-              Previous
-            </button>
-            <button
-              type="button"
-              className="solid-paginator-btn"
-              onClick={() => onPage({ first: Math.min((totalPages - 1) * rows, first + rows), rows })}
-              disabled={currentPage >= totalPages}
-            >
-              Next
-            </button>
-          </div>
-        </div>
-      ) : null}
-    </div>
-  );
-}

package/dist/components/core/list/SolidDataTablePagination.d.ts

@@ -1,15 +0,0 @@
-type SolidDataTablePaginationProps = {
-    rows: number;
-    first: number;
-    totalRecords: number;
-    rowsPerPageOptions?: number[];
-    onPage: (event: {
-        first: number;
-        rows: number;
-    }) => void;
-    currentPageReportTemplate?: string;
-    className?: string;
-};
-export declare function SolidDataTablePagination({ rows, first, totalRecords, rowsPerPageOptions, onPage, currentPageReportTemplate, className, }: SolidDataTablePaginationProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=SolidDataTablePagination.d.ts.map

package/dist/components/core/list/SolidDataTablePagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SolidDataTablePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidDataTablePagination.tsx"],"names":[],"mappings":"AAEA,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACzD,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,kBAAsC,EACtC,MAAM,EACN,yBAAgE,EAChE,SAAS,GACV,EAAE,6BAA6B,2CA+C/B"}

package/dist/components/core/list/SolidDataTablePagination.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var cx = function () {
-    var parts = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        parts[_i] = arguments[_i];
-    }
-    return parts.filter(Boolean).join(" ");
-};
-export function SolidDataTablePagination(_a) {
-    var rows = _a.rows, first = _a.first, totalRecords = _a.totalRecords, _b = _a.rowsPerPageOptions, rowsPerPageOptions = _b === void 0 ? [10, 25, 50, 100] : _b, onPage = _a.onPage, _c = _a.currentPageReportTemplate, currentPageReportTemplate = _c === void 0 ? "{first} - {last} of {totalRecords}" : _c, className = _a.className;
-    var safeRows = rows > 0 ? rows : 25;
-    var start = totalRecords === 0 ? 0 : first + 1;
-    var end = Math.min(first + safeRows, totalRecords);
-    var currentPage = Math.floor(first / safeRows) + 1;
-    var totalPages = Math.max(1, Math.ceil(totalRecords / safeRows));
-    var report = currentPageReportTemplate
-        .replace("{first}", String(start))
-        .replace("{last}", String(end))
-        .replace("{totalRecords}", String(totalRecords));
-    return (_jsxs("div", { className: cx("w-full solid-table-paginator flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", className), children: [_jsxs("div", { className: "solid-paginator-meta flex items-center gap-2 ml-auto", children: [_jsx("span", { className: "solid-paginator-label", children: "Rows" }), _jsx("select", { value: safeRows, onChange: function (e) { return onPage({ first: 0, rows: Number(e.target.value) }); }, className: "solid-paginator-select", children: rowsPerPageOptions.map(function (option) { return (_jsx("option", { value: option, children: option }, option)); }) }), _jsx("span", { className: "solid-paginator-report", children: report })] }), _jsxs("div", { className: "solid-paginator-actions flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { return onPage({ first: Math.max(0, first - safeRows), rows: safeRows }); }, disabled: currentPage <= 1, children: "Previous" }), _jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { return onPage({ first: Math.min((totalPages - 1) * safeRows, first + safeRows), rows: safeRows }); }, disabled: currentPage >= totalPages, children: "Next" })] })] }));
-}
-//# sourceMappingURL=SolidDataTablePagination.js.map

package/dist/components/core/list/SolidDataTablePagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SolidDataTablePagination.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidDataTablePagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\ntype SolidDataTablePaginationProps = {\n  rows: number;\n  first: number;\n  totalRecords: number;\n  rowsPerPageOptions?: number[];\n  onPage: (event: { first: number; rows: number }) => void;\n  currentPageReportTemplate?: string;\n  className?: string;\n};\n\nconst cx = (...parts: Array<string | undefined | false>) => parts.filter(Boolean).join(\" \");\n\nexport function SolidDataTablePagination({\n  rows,\n  first,\n  totalRecords,\n  rowsPerPageOptions = [10, 25, 50, 100],\n  onPage,\n  currentPageReportTemplate = \"{first} - {last} of {totalRecords}\",\n  className,\n}: SolidDataTablePaginationProps) {\n  const safeRows = rows > 0 ? rows : 25;\n  const start = totalRecords === 0 ? 0 : first + 1;\n  const end = Math.min(first + safeRows, totalRecords);\n  const currentPage = Math.floor(first / safeRows) + 1;\n  const totalPages = Math.max(1, Math.ceil(totalRecords / safeRows));\n\n  const report = currentPageReportTemplate\n    .replace(\"{first}\", String(start))\n    .replace(\"{last}\", String(end))\n    .replace(\"{totalRecords}\", String(totalRecords));\n\n  return (\n    <div className={cx(\"w-full solid-table-paginator flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background\", className)}>\n      <div className=\"solid-paginator-meta flex items-center gap-2 ml-auto\">\n        <span className=\"solid-paginator-label\">Rows</span>\n        <select\n          value={safeRows}\n          onChange={(e) => onPage({ first: 0, rows: Number(e.target.value) })}\n          className=\"solid-paginator-select\"\n        >\n          {rowsPerPageOptions.map((option) => (\n            <option key={option} value={option}>{option}</option>\n          ))}\n        </select>\n        <span className=\"solid-paginator-report\">{report}</span>\n      </div>\n      <div className=\"solid-paginator-actions flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className=\"solid-paginator-btn\"\n          onClick={() => onPage({ first: Math.max(0, first - safeRows), rows: safeRows })}\n          disabled={currentPage <= 1}\n        >\n          Previous\n        </button>\n        <button\n          type=\"button\"\n          className=\"solid-paginator-btn\"\n          onClick={() => onPage({ first: Math.min((totalPages - 1) * safeRows, first + safeRows), rows: safeRows })}\n          disabled={currentPage >= totalPages}\n        >\n          Next\n        </button>\n      </div>\n    </div>\n  );\n}\n\n"]}

package/dist/components/core/list/SolidDataTablePagination.tsx

@@ -1,71 +0,0 @@
-import React from "react";
-
-type SolidDataTablePaginationProps = {
-  rows: number;
-  first: number;
-  totalRecords: number;
-  rowsPerPageOptions?: number[];
-  onPage: (event: { first: number; rows: number }) => void;
-  currentPageReportTemplate?: string;
-  className?: string;
-};
-
-const cx = (...parts: Array<string | undefined | false>) => parts.filter(Boolean).join(" ");
-
-export function SolidDataTablePagination({
-  rows,
-  first,
-  totalRecords,
-  rowsPerPageOptions = [10, 25, 50, 100],
-  onPage,
-  currentPageReportTemplate = "{first} - {last} of {totalRecords}",
-  className,
-}: SolidDataTablePaginationProps) {
-  const safeRows = rows > 0 ? rows : 25;
-  const start = totalRecords === 0 ? 0 : first + 1;
-  const end = Math.min(first + safeRows, totalRecords);
-  const currentPage = Math.floor(first / safeRows) + 1;
-  const totalPages = Math.max(1, Math.ceil(totalRecords / safeRows));
-
-  const report = currentPageReportTemplate
-    .replace("{first}", String(start))
-    .replace("{last}", String(end))
-    .replace("{totalRecords}", String(totalRecords));
-
-  return (
-    <div className={cx("w-full solid-table-paginator flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", className)}>
-      <div className="solid-paginator-meta flex items-center gap-2 ml-auto">
-        <span className="solid-paginator-label">Rows</span>
-        <select
-          value={safeRows}
-          onChange={(e) => onPage({ first: 0, rows: Number(e.target.value) })}
-          className="solid-paginator-select"
-        >
-          {rowsPerPageOptions.map((option) => (
-            <option key={option} value={option}>{option}</option>
-          ))}
-        </select>
-        <span className="solid-paginator-report">{report}</span>
-      </div>
-      <div className="solid-paginator-actions flex items-center gap-2">
-        <button
-          type="button"
-          className="solid-paginator-btn"
-          onClick={() => onPage({ first: Math.max(0, first - safeRows), rows: safeRows })}
-          disabled={currentPage <= 1}
-        >
-          Previous
-        </button>
-        <button
-          type="button"
-          className="solid-paginator-btn"
-          onClick={() => onPage({ first: Math.min((totalPages - 1) * safeRows, first + safeRows), rows: safeRows })}
-          disabled={currentPage >= totalPages}
-        >
-          Next
-        </button>
-      </div>
-    </div>
-  );
-}
-

package/dist/components/layout/AdminTopHeader.d.ts

@@ -1,2 +0,0 @@
-export declare const AdminTopHeader: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AdminTopHeader.d.ts.map

package/dist/components/layout/AdminTopHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminTopHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AdminTopHeader.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc,+CAwH1B,CAAC"}

package/dist/components/layout/AdminTopHeader.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
-import { usePathname } from "../../hooks/usePathname";
-import { useSearchParams } from "../../hooks/useSearchParams";
-import { useRouter } from "../../hooks/useRouter";
-import { useGetSolidActionByIdQuery } from "../../redux/api/solidActionApi";
-import { LayoutContext } from "./context/layoutcontext";
-var SIDEBAR_TOGGLE_EVENT = "solidx:sidebar-toggle";
-var toLabel = function (value) {
-    return decodeURIComponent(value)
-        .replace(/[-_]/g, " ")
-        .replace(/\b\w/g, function (m) { return m.toUpperCase(); });
-};
-export var AdminTopHeader = function () {
-    var pathname = usePathname();
-    var searchParams = useSearchParams();
-    var router = useRouter();
-    var toggleThemeMode = useContext(LayoutContext).toggleThemeMode;
-    // We treat actionId as the source of truth for breadcrumb labels.
-    // If present, we resolve module/model/action via action-metadata API
-    // so breadcrumbs are consistent across list/form/tree/kanban pages.
-    var actionId = searchParams.get("actionId");
-    var actionResponse = useGetSolidActionByIdQuery(actionId, {
-        skip: !actionId,
-    }).data;
-    var crumbs = useMemo(function () {
-        var _a, _b, _c, _d, _e, _f, _g;
-        // API response shapes vary by adapter layer, so normalize defensively.
-        var actionData = (_c = (_b = (_a = actionResponse === null || actionResponse === void 0 ? void 0 : actionResponse.data) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : actionResponse === null || actionResponse === void 0 ? void 0 : actionResponse.data) !== null && _c !== void 0 ? _c : actionResponse;
-        var moduleFromApi = ((_d = actionData === null || actionData === void 0 ? void 0 : actionData.module) === null || _d === void 0 ? void 0 : _d.displayName) || ((_e = actionData === null || actionData === void 0 ? void 0 : actionData.module) === null || _e === void 0 ? void 0 : _e.name);
-        var modelFromApi = ((_f = actionData === null || actionData === void 0 ? void 0 : actionData.model) === null || _f === void 0 ? void 0 : _f.displayName) || ((_g = actionData === null || actionData === void 0 ? void 0 : actionData.model) === null || _g === void 0 ? void 0 : _g.name);
-        var actionFromApi = (actionData === null || actionData === void 0 ? void 0 : actionData.displayName) || (actionData === null || actionData === void 0 ? void 0 : actionData.name);
-        var actionDataId = (actionData === null || actionData === void 0 ? void 0 : actionData.id) != null ? String(actionData.id) : null;
-        var hasMatchingActionData = Boolean(actionId) && actionDataId === actionId;
-        // Priority 1: exact business breadcrumb contract requested:
-        // <module> > <model> > <action>.
-        // We only trust API crumbs when they belong to the current URL's actionId.
-        // This avoids stale list breadcrumbs bleeding into form routes that do not
-        // carry actionId in their query string.
-        if (hasMatchingActionData && (moduleFromApi || modelFromApi || actionFromApi)) {
-            return [moduleFromApi, modelFromApi, actionFromApi].filter(Boolean);
-        }
-        var segments = pathname.split("/").filter(Boolean);
-        // Priority 2: derive from route segments when API data is unavailable.
-        // This is intentionally ahead of query fallback so form pages don't
-        // inherit stale list query labels after list -> form navigation.
-        if (segments[0] === "admin" && segments[1] === "core") {
-            var moduleName = segments[2];
-            var modelName = segments[3];
-            var viewName = segments[4];
-            var next = [moduleName, modelName, viewName].filter(Boolean).map(function (item) { return toLabel(item); });
-            return next.length ? next : ["Admin"];
-        }
-        var menuItemName = searchParams.get("menuItemName");
-        var actionName = searchParams.get("actionName");
-        // Priority 3: legacy URL-query fallback for older links/pages.
-        if (menuItemName || actionName) {
-            return [menuItemName, actionName].filter(Boolean).map(function (item) { return toLabel(item); });
-        }
-        return ["Admin"];
-    }, [actionId, actionResponse, pathname, searchParams]);
-    var showBack = /\/admin\/core\/[^/]+\/[^/]+\/form\/[^/]+/.test(pathname);
-    var triggerSidebar = function () {
-        window.dispatchEvent(new CustomEvent(SIDEBAR_TOGGLE_EVENT));
-    };
-    return (_jsx("header", { className: "solid-admin-header", children: _jsxs("div", { className: "solid-admin-header-inner", children: [_jsx("button", { type: "button", className: "solid-admin-sidebar-trigger", onClick: triggerSidebar, "aria-label": "Toggle sidebar", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "1.5", y: "2", width: "13", height: "12", rx: "2", stroke: "currentColor" }), _jsx("path", { d: "M5.5 2V14", stroke: "currentColor" }), _jsx("rect", { x: "8", y: "5.25", width: "4.5", height: "5.5", rx: "0.9", stroke: "currentColor" })] }) }), _jsx("div", { className: "solid-admin-header-sep" }), _jsx("nav", { className: "solid-admin-breadcrumbs", "aria-label": "Breadcrumb", children: crumbs.map(function (crumb, index) { return (_jsxs("span", { className: "solid-admin-crumb", children: [index > 0 && _jsx("span", { className: "solid-admin-crumb-sep", children: "\u203A" }), _jsx("span", { children: crumb })] }, "".concat(crumb, "-").concat(index))); }) }), _jsxs("div", { className: "solid-admin-header-actions", children: [_jsxs("button", { type: "button", className: "solid-admin-theme-toggle", onClick: toggleThemeMode, "aria-label": "Toggle theme", title: "Toggle theme", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 3l0 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 9l4.65 -4.65", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 14.3l7.37 -7.37", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 19.6l8.85 -8.85", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("span", { className: "solid-sr-only", children: "Toggle theme" })] }), showBack && (_jsx("button", { type: "button", className: "solid-admin-back-btn", onClick: function () { return router.back(); }, "aria-label": "Go back", children: "Back" }))] })] }) }));
-};
-//# sourceMappingURL=AdminTopHeader.js.map

package/dist/components/layout/AdminTopHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminTopHeader.js","sourceRoot":"","sources":["../../../src/components/layout/AdminTopHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useMemo } from \"react\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useGetSolidActionByIdQuery } from \"../../redux/api/solidActionApi\";\nimport { LayoutContext } from \"./context/layoutcontext\";\n\nconst SIDEBAR_TOGGLE_EVENT = \"solidx:sidebar-toggle\";\n\nconst toLabel = (value: string) =>\n  decodeURIComponent(value)\n    .replace(/[-_]/g, \" \")\n    .replace(/\\b\\w/g, (m) => m.toUpperCase());\n\nexport const AdminTopHeader = () => {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const router = useRouter();\n  const { toggleThemeMode } = useContext(LayoutContext);\n\n  // We treat actionId as the source of truth for breadcrumb labels.\n  // If present, we resolve module/model/action via action-metadata API\n  // so breadcrumbs are consistent across list/form/tree/kanban pages.\n  const actionId = searchParams.get(\"actionId\");\n  const { data: actionResponse } = useGetSolidActionByIdQuery(actionId as string, {\n    skip: !actionId,\n  });\n\n  const crumbs = useMemo(() => {\n    // API response shapes vary by adapter layer, so normalize defensively.\n    const actionData = actionResponse?.data?.data ?? actionResponse?.data ?? actionResponse;\n    const moduleFromApi = actionData?.module?.displayName || actionData?.module?.name;\n    const modelFromApi = actionData?.model?.displayName || actionData?.model?.name;\n    const actionFromApi = actionData?.displayName || actionData?.name;\n    const actionDataId = actionData?.id != null ? String(actionData.id) : null;\n    const hasMatchingActionData = Boolean(actionId) && actionDataId === actionId;\n\n    // Priority 1: exact business breadcrumb contract requested:\n    // <module> > <model> > <action>.\n    // We only trust API crumbs when they belong to the current URL's actionId.\n    // This avoids stale list breadcrumbs bleeding into form routes that do not\n    // carry actionId in their query string.\n    if (hasMatchingActionData && (moduleFromApi || modelFromApi || actionFromApi)) {\n      return [moduleFromApi, modelFromApi, actionFromApi].filter(Boolean);\n    }\n\n    const segments = pathname.split(\"/\").filter(Boolean);\n    // Priority 2: derive from route segments when API data is unavailable.\n    // This is intentionally ahead of query fallback so form pages don't\n    // inherit stale list query labels after list -> form navigation.\n    if (segments[0] === \"admin\" && segments[1] === \"core\") {\n      const moduleName = segments[2];\n      const modelName = segments[3];\n      const viewName = segments[4];\n      const next = [moduleName, modelName, viewName].filter(Boolean).map((item) => toLabel(item!));\n      return next.length ? next : [\"Admin\"];\n    }\n\n    const menuItemName = searchParams.get(\"menuItemName\");\n    const actionName = searchParams.get(\"actionName\");\n\n    // Priority 3: legacy URL-query fallback for older links/pages.\n    if (menuItemName || actionName) {\n      return [menuItemName, actionName].filter(Boolean).map((item) => toLabel(item!));\n    }\n\n    return [\"Admin\"];\n  }, [actionId, actionResponse, pathname, searchParams]);\n\n  const showBack = /\\/admin\\/core\\/[^/]+\\/[^/]+\\/form\\/[^/]+/.test(pathname);\n\n  const triggerSidebar = () => {\n    window.dispatchEvent(new CustomEvent(SIDEBAR_TOGGLE_EVENT));\n  };\n\n  return (\n    <header className=\"solid-admin-header\">\n      <div className=\"solid-admin-header-inner\">\n        <button\n          type=\"button\"\n          className=\"solid-admin-sidebar-trigger\"\n          onClick={triggerSidebar}\n          aria-label=\"Toggle sidebar\"\n        >\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n            <rect x=\"1.5\" y=\"2\" width=\"13\" height=\"12\" rx=\"2\" stroke=\"currentColor\" />\n            <path d=\"M5.5 2V14\" stroke=\"currentColor\" />\n            <rect x=\"8\" y=\"5.25\" width=\"4.5\" height=\"5.5\" rx=\"0.9\" stroke=\"currentColor\" />\n          </svg>\n        </button>\n\n        <div className=\"solid-admin-header-sep\" />\n\n        <nav className=\"solid-admin-breadcrumbs\" aria-label=\"Breadcrumb\">\n          {crumbs.map((crumb, index) => (\n            <span key={`${crumb}-${index}`} className=\"solid-admin-crumb\">\n              {index > 0 && <span className=\"solid-admin-crumb-sep\">›</span>}\n              <span>{crumb}</span>\n            </span>\n          ))}\n        </nav>\n\n        <div className=\"solid-admin-header-actions\">\n          <button\n            type=\"button\"\n            className=\"solid-admin-theme-toggle\"\n            onClick={toggleThemeMode}\n            aria-label=\"Toggle theme\"\n            title=\"Toggle theme\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n              <path d=\"M12 3l0 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n              <path d=\"M12 9l4.65 -4.65\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n              <path d=\"M12 14.3l7.37 -7.37\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n              <path d=\"M12 19.6l8.85 -8.85\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n            </svg>\n            <span className=\"solid-sr-only\">Toggle theme</span>\n          </button>\n\n          {showBack && (\n            <button\n              type=\"button\"\n              className=\"solid-admin-back-btn\"\n              onClick={() => router.back()}\n              aria-label=\"Go back\"\n            >\n              Back\n            </button>\n          )}\n        </div>\n      </div>\n    </header>\n  );\n};\n"]}