@lablup/ui-common 0.1.0-alpha.9 → 0.2.0-alpha.15

package/dist/components/DataGrid/DataGrid2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid2.js","names":[],"sources":["../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["/**\n * DataGrid\n *\n * Astryx `Table` with the pieces a list page needs around it: a page bar with\n * a range line, client or server sorting, row selection by key, resizable\n * and pinnable columns, expandable rows, per-user column settings (visibility,\n * order, width) and a CSV export picker.\n *\n * Rows are sliced to the page unless `pagination.totalItems` says the caller\n * already sliced them. Sorting is client-side for columns with `compare`,\n * otherwise it only reports `onSortChange`. Column settings live in one\n * overrides record (`hidden`, `order`, `width` per column key) that a product\n * persists as it likes.\n *\n * Plugin order matters: Astryx runs columnSettings, sort, selection, then\n * unknown names in insertion order. `resize` / `sticky` / `scrollX` /\n * `scrollY` / `cellRow` / `expansion` read the final column list, and\n * `scrollY` runs before `cellRow` so a column's `getCellProps` wins.\n *\n * @example\n * <DataGrid\n *   data={users}\n *   idKey=\"id\"\n *   columns={[\n *     { key: \"name\", header: \"Name\", renderCell: (u) => u.name, sortKey: \"name\" },\n *     { key: \"email\", header: \"Email\", renderCell: (u) => u.email },\n *   ]}\n *   sort={sort}\n *   onSortChange={setSort}\n *   pagination={{ page, pageSize, totalItems, onChange: setPage }}\n * />\n */\nimport {\n  isValidElement,\n  type Key,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type TdHTMLAttributes,\n} from \"react\";\nimport { EmptyState } from \"@astryxdesign/core/EmptyState\";\nimport { Button } from \"@astryxdesign/core/Button\";\nimport { Icon } from \"@astryxdesign/core/Icon\";\nimport { IconButton } from \"@astryxdesign/core/IconButton\";\nimport { Pagination, type PaginationProps } from \"@astryxdesign/core/Pagination\";\nimport { HStack, VStack } from \"@astryxdesign/core/Stack\";\nimport {\n  Table,\n  pixel,\n  proportional,\n  useTableColumnResize,\n  useTableColumnSettings,\n  useTableSelection,\n  useTableSortable,\n  useTableStickyColumns,\n  type TableColumn,\n  type TablePlugin,\n  type TableProps,\n  type TableSortState,\n} from \"@astryxdesign/core/Table\";\nimport { Text } from \"@astryxdesign/core/Text\";\nimport { ChevronDown, ChevronRight, FileDown, Inbox, Settings } from \"lucide-react\";\n\nimport { useUicTranslator } from \"../../i18n/useUicTranslator\";\nimport {\n  DataGridExportModal,\n  type DataGridExportModalProps,\n} from \"./DataGridExportModal\";\nimport {\n  DataGridSettingsModal,\n  type DataGridSettingsModalProps,\n  type DataGridSettingsResult,\n} from \"./DataGridSettingsModal\";\nimport { nodeToPlainText } from \"./nodeToPlainText\";\nimport \"./DataGrid.css\";\n\n/** A row identity, as `idKey` returns it. */\nexport type DataGridKey = Key;\n\nexport type DataGridSortDirection = \"ascending\" | \"descending\";\n\n/** The active sort: one column, by its `sortKey`. */\nexport interface DataGridSort {\n  sortKey: string;\n  direction: DataGridSortDirection;\n}\n\nexport interface DataGridColumn<T> {\n  /** Stable identity: column settings, widths and pinning use it. */\n  key: string;\n  /** Header content. It is clipped to the column width. */\n  header?: ReactNode;\n  /** Caption above the header, for a column that belongs to a group. */\n  groupHeader?: ReactNode;\n  /**\n   * Plain-text name in the settings and export dialogs. Default: the text of\n   * `groupHeader` and `header` joined with \" / \", else the key.\n   */\n  label?: string;\n  /** Cell content. `index` is the row's position on the current page. */\n  renderCell?: (item: T, index: number) => ReactNode;\n  /** Width in pixels. A resized width replaces it. Without one the column flexes. */\n  width?: number;\n  /** Lower bound, in pixels, of a flexing column. */\n  minWidth?: number;\n  align?: \"start\" | \"center\" | \"end\";\n  /** Makes the column sortable. The sort state names it by this key. */\n  sortKey?: string;\n  /**\n   * Sorts the rows on the client when this column is sorted. Compare in\n   * ascending order; the grid reverses the result for descending.\n   */\n  compare?: (a: T, b: T, direction: DataGridSortDirection) => number;\n  /**\n   * Pins the column to an edge. Only the contiguous run of pinned columns at\n   * each edge of the displayed order is pinned.\n   */\n  pin?: \"start\" | \"end\";\n  /** Column settings cannot hide it. */\n  isAlwaysVisible?: boolean;\n  /** Hidden until the user shows it in the column settings. */\n  isHiddenByDefault?: boolean;\n  /** Fields this column exports as. Without them it cannot be exported. */\n  exportKeys?: ReadonlyArray<string>;\n  /** Extra attributes for this column's body cells. */\n  getCellProps?: (item: T, index: number) => TdHTMLAttributes<HTMLTableCellElement>;\n}\n\n/** Per-column settings a user changed, keyed by column key. */\nexport interface DataGridColumnOverride {\n  hidden?: boolean;\n  /** Display position. Lower comes first. Set only after a reorder. */\n  order?: number;\n  /** Resized width in pixels. */\n  width?: number;\n}\n\nexport type DataGridColumnOverrides = Record<string, DataGridColumnOverride>;\n\nexport interface DataGridColumnSettings {\n  /** Controlled overrides. */\n  overrides?: DataGridColumnOverrides;\n  /** Initial overrides when uncontrolled; always merged under `overrides`. */\n  defaultOverrides?: DataGridColumnOverrides;\n  onOverridesChange?: (overrides: DataGridColumnOverrides) => void;\n  /** Whether the settings dialog lets the user reorder columns. Default: true */\n  isReorderable?: boolean;\n  /** Strings of the settings dialog. */\n  modalProps?: Pick<\n    DataGridSettingsModalProps,\n    \"title\" | \"subtitle\" | \"searchLabel\" | \"noMatchText\" | \"applyLabel\" | \"cancelLabel\"\n  >;\n}\n\nexport interface DataGridCsvExport {\n  /** Export keys the backend can produce. Columns asking for others are disabled. */\n  supportedKeys: ReadonlyArray<string>;\n  /** Runs the export with the chosen keys. The dialog closes when it resolves. */\n  onExport: (keys: string[]) => Promise<void>;\n  /** A warning above the column list, e.g. that the export is truncated. */\n  notice?: ReactNode;\n  /** Strings of the export dialog. */\n  modalProps?: Pick<\n    DataGridExportModalProps,\n    \"title\" | \"subtitle\" | \"searchLabel\" | \"noMatchText\" | \"exportLabel\" | \"cancelLabel\"\n  >;\n}\n\nexport interface DataGridSelection<T> {\n  /** The selected row keys. Selection is controlled. */\n  selectedKeys?: ReadonlyArray<DataGridKey>;\n  onChange?: (keys: string[], items: T[]) => void;\n  /** Whether a row's checkbox is enabled. Select-all leaves a disabled row as it is. */\n  getIsItemEnabled?: (item: T) => boolean;\n  /** Accessible name of a row's checkbox. Default: the row key. */\n  getRowLabel?: (item: T) => string;\n  /** Select-all keeps keys of rows on other pages. Default: false */\n  isPreservingOtherPages?: boolean;\n}\n\nexport interface DataGridExpansion<T> {\n  renderExpandedRow: (item: T, index: number) => ReactNode;\n  getIsRowExpandable?: (item: T) => boolean;\n  /** Controlled expanded row keys. */\n  expandedKeys?: ReadonlyArray<DataGridKey>;\n  defaultExpandedKeys?: ReadonlyArray<DataGridKey>;\n  onExpandedKeysChange?: (keys: ReadonlyArray<DataGridKey>) => void;\n  /** Header content of the expand-button column. */\n  columnHeader?: ReactNode;\n  /** Width in pixels of the expand-button column. */\n  columnWidth?: number;\n}\n\nexport interface DataGridPagination extends Omit<\n  PaginationProps,\n  | \"page\"\n  | \"totalItems\"\n  | \"onChange\"\n  | \"onPageSizeChange\"\n  | \"label\"\n  | \"ref\"\n  | \"totalPages\"\n  | \"hasMore\"\n> {\n  /** Controlled page, 1-based. */\n  page?: number;\n  defaultPage?: number;\n  defaultPageSize?: number;\n  /**\n   * Total row count. Without it the grid pages `data` itself; a total larger\n   * than `data` declares the rows already sliced to the page.\n   */\n  totalItems?: number;\n  onChange?: (page: number, pageSize: number) => void;\n  /** Whether the bar offers a page-size choice. Default: true */\n  hasPageSizeSelector?: boolean;\n  /** Hides the page bar while every row fits on one page. Default: false */\n  isHiddenOnSinglePage?: boolean;\n  /** Content at the end of the bar. */\n  endContent?: ReactNode;\n}\n\ntype AnyRow = Record<string, unknown>;\n\nexport interface DataGridProps<T extends object = AnyRow> extends Omit<\n  TableProps<AnyRow>,\n  | \"data\"\n  | \"columns\"\n  | \"idKey\"\n  | \"rowIndexStart\"\n  | \"rowCount\"\n  | \"children\"\n  | \"scrollWrapper\"\n  | \"ref\"\n  | \"emptyState\"\n  | \"className\"\n  | \"style\"\n  | \"plugins\"\n  | \"onChange\"\n> {\n  data?: ReadonlyArray<T>;\n  columns?: ReadonlyArray<DataGridColumn<T>>;\n  /**\n   * Row identity: a field name or a function. A missing field falls back to\n   * the row's `key`, then its `id`, then its position.\n   */\n  idKey?: string | ((item: T) => DataGridKey);\n  /** Dims the rows and blocks input while data is refetched. */\n  isLoading?: boolean;\n  /** Drag-to-resize column borders. Default: true */\n  isResizable?: boolean;\n  /** Controlled sort; `null` for none. */\n  sort?: DataGridSort | null;\n  defaultSort?: DataGridSort | null;\n  onSortChange?: (sort: DataGridSort | null) => void;\n  selection?: DataGridSelection<T>;\n  /** The page bar. `false` shows every row and no bar. */\n  pagination?: false | DataGridPagination;\n  /** Enables the column settings button and persists resized widths. */\n  columnSettings?: DataGridColumnSettings;\n  /** Enables the CSV export button. */\n  csvExport?: DataGridCsvExport;\n  expansion?: DataGridExpansion<T>;\n  /**\n   * Shown in place of the rows when there are none. A string gets the default\n   * icon and layout, a node is rendered as is, `false` shows nothing. Default:\n   * the catalog's `uic.DataGrid.noData`.\n   */\n  emptyState?: ReactNode | false;\n  /** Extra attributes for a body row. */\n  getRowProps?: (\n    item: T,\n    index: number | undefined,\n  ) => HTMLAttributes<HTMLTableRowElement>;\n  /**\n   * Scrolls horizontally with the table at this width (at least the\n   * container's). Columns without a width then size to their content.\n   */\n  scrollWidth?: number | string;\n  /** Caps the rows' height and makes the header sticky. */\n  maxHeight?: number | string;\n  /** Hides the header row, and with it sorting and select-all. */\n  isHeaderHidden?: boolean;\n  /** Accessible name of the expand buttons. Default: the catalog's `uic.DataGrid.expandRow` */\n  expandRowLabel?: string;\n  /** Shown when the page lies past the last one. Default: the catalog's `uic.DataGrid.invalidPage` */\n  invalidPageText?: string;\n  /** Default: the catalog's `uic.DataGrid.goToFirstPage` */\n  goToFirstPageLabel?: string;\n  /** Accessible name of the page navigation. Default: the catalog's `uic.DataGrid.pagination` */\n  paginationLabel?: string;\n  /** The range line beside the page navigation. Default: the catalog's `uic.DataGrid.range` */\n  renderRange?: (range: { start: number; end: number; total: number }) => ReactNode;\n  /** Default: the catalog's `uic.DataGrid.settings` */\n  settingsLabel?: string;\n  /** Default: the catalog's `uic.DataGrid.exportCsv` */\n  exportLabel?: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nconst EXPAND_COLUMN_KEY = \"__uic_expand__\";\n/** Key of the checkbox column Astryx's selection plugin injects; not exported by Astryx. */\nconst SELECTION_COLUMN_KEY = \"__xds_selection\";\n/**\n * Measured column widths, in pixels. Selection: Astryx's 24px first-column\n * inset + the 20px checkbox + an 8px trailing pad (the plugin's own 36 lets\n * the checkbox overhang its cell). Expand: the same inset + the 24px button +\n * 8px, or an 8px lead-in instead of the inset behind a selection column.\n */\nconst SELECTION_COLUMN_WIDTH = 52;\nconst EXPAND_COLUMN_WIDTH_FIRST = 56;\nconst EXPAND_COLUMN_WIDTH_AFTER_SELECTION = 40;\nconst MIN_COLUMN_WIDTH = 60;\nconst DETAIL_ROW_MARKER = \"__uic_detail_for__\";\nconst DEFAULT_PAGE_SIZE = 10;\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50];\n\nconst EMPTY_STATE_ICON = <Icon icon={Inbox} size=\"lg\" color=\"secondary\" />;\n\nconst X_HEADER_RELEASE: CSSProperties = { width: \"auto\", maxWidth: \"none\" };\nconst X_BODY_RELEASE: CSSProperties = { maxWidth: \"none\" };\n// Inline beats the sticky-header rule's z 2 for pinned header cells.\nconst Y_PINNED_HEADER_STACK: CSSProperties = { zIndex: 3 };\n\nconst isDetailRow = (item: unknown): item is AnyRow =>\n  !!item && typeof item === \"object\" && DETAIL_ROW_MARKER in item;\n\nconst toCssLength = (value: number | string): string =>\n  typeof value === \"number\" ? `${value}px` : value;\n\nfunction mergeCellStyle<P extends { htmlProps: { style?: CSSProperties } }>(\n  props: P,\n  extra: CSSProperties,\n): P {\n  return {\n    ...props,\n    htmlProps: {\n      ...props.htmlProps,\n      style: props.htmlProps.style ? { ...props.htmlProps.style, ...extra } : extra,\n    },\n  };\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/** The label a column carries in the settings and export dialogs. */\nexport function dataGridColumnLabel<T>(column: DataGridColumn<T>): string {\n  if (column.label) return column.label;\n  const own = nodeToPlainText(column.header).trim();\n  const group = nodeToPlainText(column.groupHeader).trim();\n  const label = group && own ? `${group} / ${own}` : own || group;\n  return label || column.key;\n}\n\n/** Whether a column shows, given the user's overrides. */\n/**\n * The overrides record a settings dialog result writes. `defaultOverrides`\n * stays merged under it key by key, and a key it holds replaces the default's\n * entry whole. So a column is left out only while its default (natural, then\n * `defaultOverrides`) already renders what the user chose, and an entry that\n * is written states everything that differs from the natural column:\n * otherwise re-showing a column the defaults hide, or restoring the natural\n * order over a reordering default, would bring the default back.\n *\n * @internal Exported for tests.\n */\nexport function dataGridSettingsToOverrides({\n  columns,\n  result,\n  defaultOverrides = {},\n  overrides,\n  isReorderable,\n}: {\n  columns: ReadonlyArray<Pick<DataGridColumn<never>, \"key\" | \"isHiddenByDefault\">>;\n  result: DataGridSettingsResult;\n  defaultOverrides?: DataGridColumnOverrides;\n  /** The overrides in effect, defaults merged; their widths are kept. */\n  overrides: DataGridColumnOverrides;\n  isReorderable: boolean;\n}): DataGridColumnOverrides {\n  const naturalOrder = columns.map((column) => column.key);\n  // A default order is only undone by stating every column's position.\n  const writesOrder =\n    isReorderable &&\n    (result.columnOrder.length !== naturalOrder.length ||\n      result.columnOrder.some((key, index) => key !== naturalOrder[index]) ||\n      columns.some((column) => defaultOverrides[column.key]?.order !== undefined));\n  const next: DataGridColumnOverrides = {};\n  for (const column of columns) {\n    const fallback = defaultOverrides[column.key];\n    const naturalHidden = !!column.isHiddenByDefault;\n    const defaultHidden = fallback?.hidden ?? naturalHidden;\n    const hidden = !result.selectedColumnKeys.includes(column.key);\n    const override: DataGridColumnOverride = {};\n    if (hidden !== naturalHidden || hidden !== defaultHidden) override.hidden = hidden;\n    if (writesOrder) {\n      const orderIndex = result.columnOrder.indexOf(column.key);\n      if (orderIndex !== -1) override.order = orderIndex;\n    }\n    // A settings change must not reset resized widths.\n    const width = overrides[column.key]?.width;\n    if (typeof width === \"number\") override.width = width;\n    const matchesDefault =\n      hidden === defaultHidden &&\n      override.order === fallback?.order &&\n      override.width === fallback?.width;\n    if (!matchesDefault && Object.keys(override).length > 0)\n      next[column.key] = override;\n  }\n  return next;\n}\n\nexport function isDataGridColumnVisible<T>(\n  column: Pick<DataGridColumn<T>, \"key\" | \"isAlwaysVisible\" | \"isHiddenByDefault\">,\n  overrides?: DataGridColumnOverrides,\n): boolean {\n  if (column.isAlwaysVisible) return true;\n  const hidden = overrides?.[column.key]?.hidden;\n  return hidden !== undefined ? !hidden : !column.isHiddenByDefault;\n}\n\n/** Controlled when `value` is not undefined; the setter writes state only when uncontrolled. */\nfunction useControllableState<V>(value: V | undefined, initial: () => V) {\n  const [state, setState] = useState<V>(initial);\n  const isControlled = value !== undefined;\n  const current = isControlled ? value : state;\n  const set = (next: V) => {\n    if (!isControlled) setState(next);\n  };\n  return [current, set] as const;\n}\n\nexport function DataGrid<T extends object = AnyRow>({\n  data,\n  columns = [],\n  idKey = \"id\",\n  isLoading = false,\n  isResizable = true,\n  sort: sortProp,\n  defaultSort,\n  onSortChange,\n  selection,\n  pagination,\n  columnSettings,\n  csvExport,\n  expansion,\n  emptyState,\n  getRowProps,\n  scrollWidth,\n  maxHeight,\n  isHeaderHidden = false,\n  expandRowLabel,\n  invalidPageText,\n  goToFirstPageLabel,\n  paginationLabel,\n  renderRange,\n  settingsLabel,\n  exportLabel,\n  density = \"compact\",\n  dividers = \"rows\",\n  hasHover = true,\n  textOverflow = \"truncate\",\n  className,\n  style,\n  ...tableProps\n}: DataGridProps<T>): ReactElement {\n  const t = useUicTranslator();\n\n  const isScrollX = scrollWidth !== undefined;\n  const isScrollY = maxHeight !== undefined;\n\n  const [isSettingsOpen, setIsSettingsOpen] = useState(false);\n  const [isExportOpen, setIsExportOpen] = useState(false);\n\n  /* ---- column overrides (visibility / order / width) ------------------- */\n\n  const [storedOverrides, setStoredOverrides] = useState<DataGridColumnOverrides>(\n    () => columnSettings?.defaultOverrides ?? {},\n  );\n  const isOverridesControlled = columnSettings?.overrides !== undefined;\n  const ownOverrides = isOverridesControlled\n    ? (columnSettings?.overrides ?? {})\n    : storedOverrides;\n  const setOverrides = (next: DataGridColumnOverrides) => {\n    if (!isOverridesControlled) setStoredOverrides(next);\n    columnSettings?.onOverridesChange?.(next);\n  };\n  const overrides: DataGridColumnOverrides = {\n    ...(columnSettings?.defaultOverrides ?? {}),\n    ...ownOverrides,\n  };\n  const isReorderable = !!columnSettings && columnSettings.isReorderable !== false;\n\n  /* ---- resized widths ---------------------------------------------------- */\n\n  // With columnSettings a width rides in the overrides record, so a resize\n  // persists like a visibility change; without it the width is local state.\n  const [localWidths, setLocalWidths] = useState<Record<string, number>>({});\n  const columnWidths: Record<string, number> = {};\n  if (columnSettings) {\n    for (const [key, override] of Object.entries(overrides)) {\n      if (typeof override?.width === \"number\") columnWidths[key] = override.width;\n    }\n  } else {\n    Object.assign(columnWidths, localWidths);\n  }\n\n  const handleResizeEnd = (updates: Record<string, number>) => {\n    if (!columnSettings) {\n      setLocalWidths((prev) => ({ ...prev, ...updates }));\n      return;\n    }\n    const next: DataGridColumnOverrides = { ...ownOverrides };\n    for (const [key, width] of Object.entries(updates)) {\n      if (key === EXPAND_COLUMN_KEY) continue;\n      next[key] = { ...next[key], width };\n    }\n    setOverrides(next);\n  };\n\n  /* ---- row keys ---------------------------------------------------------- */\n\n  const getRowKey = (item: T): string => {\n    if (typeof idKey === \"function\") return String(idKey(item));\n    const row = item as AnyRow;\n    const direct = row[idKey];\n    if (direct != null) return String(direct);\n    const fallback = row.key ?? row.id;\n    if (fallback != null) return String(fallback);\n    return `__row_${data ? data.indexOf(item) : -1}`;\n  };\n\n  /* ---- sort -------------------------------------------------------------- */\n\n  const [activeSort, setActiveSort] = useControllableState<DataGridSort | null>(\n    sortProp,\n    () => defaultSort ?? null,\n  );\n\n  const sortedRows = ((): T[] => {\n    const source = data ? [...data] : [];\n    if (!activeSort) return source;\n    const compare = columns.find(\n      (column) => column.sortKey === activeSort.sortKey && column.compare,\n    )?.compare;\n    if (!compare) return source;\n    const { direction } = activeSort;\n    return source.sort((a, b) =>\n      direction === \"descending\" ? -compare(a, b, direction) : compare(a, b, direction),\n    );\n  })();\n\n  /* ---- pagination -------------------------------------------------------- */\n\n  const pager = pagination === false ? undefined : (pagination ?? {});\n  const [currentPage, setCurrentPage] = useControllableState<number>(\n    pager?.page,\n    () => pager?.defaultPage ?? 1,\n  );\n  const [pageSize, setPageSize] = useControllableState<number>(\n    pager?.pageSize,\n    () => pager?.defaultPageSize ?? DEFAULT_PAGE_SIZE,\n  );\n\n  // Astryx's Pagination answers a page-size pick with onPageSizeChange(size)\n  // and then onChange(1) in the same event, still closing over the old size.\n  // Forwarding the second call would undo the pick on a controlled grid, so it\n  // is dropped; a microtask clears the flag.\n  const isPageSizeChangingRef = useRef(false);\n\n  const total = pager?.totalItems ?? sortedRows.length;\n  const lastPage = Math.max(1, Math.ceil(total / pageSize));\n  const activePage = clamp(currentPage, 1, lastPage);\n  const isPageOutOfRange =\n    !!pager && total > 0 && (currentPage < 1 || currentPage > lastPage);\n  // A total above the rows in hand means they are already one page.\n  const isServerSliced = total > sortedRows.length;\n  const pagedRows =\n    pager && !isServerSliced && sortedRows.length > pageSize\n      ? sortedRows.slice((activePage - 1) * pageSize, activePage * pageSize)\n      : sortedRows;\n  const rows = isPageOutOfRange ? [] : pagedRows;\n\n  /* ---- expansion --------------------------------------------------------- */\n\n  const [storedExpandedKeys, setStoredExpandedKeys] = useState<DataGridKey[]>(() => [\n    ...(expansion?.defaultExpandedKeys ?? []),\n  ]);\n  const expandedKeys = expansion?.expandedKeys ?? storedExpandedKeys;\n  const expandedKeySet = new Set(expandedKeys.map(String));\n  const hasExpansion = !!expansion;\n  const expandColumnWidth =\n    expansion?.columnWidth ??\n    (selection ? EXPAND_COLUMN_WIDTH_AFTER_SELECTION : EXPAND_COLUMN_WIDTH_FIRST);\n  const detailInsetStart = (selection ? SELECTION_COLUMN_WIDTH : 0) + expandColumnWidth;\n\n  const toggleExpanded = (key: string) => {\n    const next = expandedKeySet.has(key)\n      ? expandedKeys.filter((k) => String(k) !== key)\n      : [...expandedKeys, key];\n    if (!expansion?.expandedKeys) setStoredExpandedKeys(next);\n    expansion?.onExpandedKeysChange?.(next);\n  };\n\n  const rowIndexByKey = new Map<string, number>();\n  rows.forEach((item, index) => rowIndexByKey.set(getRowKey(item), index));\n\n  // Each expanded row is followed by a marker row the expansion plugin turns\n  // into one full-width cell.\n  const tableData: AnyRow[] = [];\n  for (const item of rows) {\n    tableData.push(item as AnyRow);\n    if (!hasExpansion) continue;\n    const key = getRowKey(item);\n    if (expandedKeySet.has(key) && (expansion?.getIsRowExpandable?.(item) ?? true)) {\n      tableData.push({ [DETAIL_ROW_MARKER]: key, id: `${key}__detail` });\n    }\n  }\n\n  // From every row, not the page: selection resolves keys on other pages too.\n  const itemByKey = new Map<string, T>();\n  sortedRows.forEach((item) => itemByKey.set(getRowKey(item), item));\n\n  /* ---- Astryx columns ---------------------------------------------------- */\n\n  const tableColumns: TableColumn<AnyRow>[] = [];\n  if (hasExpansion) {\n    tableColumns.push({\n      key: EXPAND_COLUMN_KEY,\n      header: expansion?.columnHeader ?? \"\",\n      width: pixel(expandColumnWidth),\n      resizable: false,\n      renderCell: (row) => {\n        if (isDetailRow(row)) return null;\n        const item = row as T;\n        if (!(expansion?.getIsRowExpandable?.(item) ?? true)) return null;\n        const key = getRowKey(item);\n        return (\n          <IconButton\n            label={expandRowLabel ?? t(\"uic.DataGrid.expandRow\")}\n            icon={expandedKeySet.has(key) ? <ChevronDown /> : <ChevronRight />}\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => toggleExpanded(key)}\n          />\n        );\n      },\n    });\n  }\n\n  for (const column of columns) {\n    const width = columnWidths[column.key] ?? column.width;\n    const header = (\n      <span className=\"uic-data-grid__clip\">\n        {column.groupHeader == null ? (\n          column.header\n        ) : (\n          <VStack gap={0} align=\"start\">\n            <Text type=\"supporting\" color=\"secondary\">\n              {column.groupHeader}\n            </Text>\n            <span>{column.header}</span>\n          </VStack>\n        )}\n      </span>\n    );\n    tableColumns.push({\n      key: column.key,\n      header,\n      align: column.align === \"start\" ? undefined : column.align,\n      sortable: column.sortKey ? { sortKey: column.sortKey } : false,\n      resizable: isResizable,\n      // In scroll-x mode a width-less column takes no width, so its content sizes it.\n      width:\n        width != null\n          ? pixel(width)\n          : isScrollX\n            ? undefined\n            : proportional(\n                1,\n                typeof column.minWidth === \"number\"\n                  ? { minWidth: column.minWidth }\n                  : undefined,\n              ),\n      renderCell: (row) => {\n        if (isDetailRow(row)) return null;\n        const item = row as T;\n        const content = column.renderCell\n          ? column.renderCell(item, rowIndexByKey.get(getRowKey(item)) ?? 0)\n          : defaultCell(row[column.key]);\n        if (textOverflow !== \"truncate\" || content == null) return content;\n        return <span className=\"uic-data-grid__clip\">{content}</span>;\n      },\n    });\n  }\n\n  /* ---- visibility + order ------------------------------------------------ */\n\n  const visibleColumns = columnSettings\n    ? columns.filter((column) => isDataGridColumnVisible(column, overrides))\n    : [...columns];\n  const orderedColumns = isReorderable\n    ? visibleColumns\n        .map((column, index) => ({ column, index }))\n        .sort(\n          (a, b) =>\n            (overrides[a.column.key]?.order ?? Number.MAX_SAFE_INTEGER) -\n              (overrides[b.column.key]?.order ?? Number.MAX_SAFE_INTEGER) ||\n            a.index - b.index,\n        )\n        .map(({ column }) => column)\n    : visibleColumns;\n  const activeColumnKeys = [\n    ...(hasExpansion ? [EXPAND_COLUMN_KEY] : []),\n    ...orderedColumns.map((column) => column.key),\n  ];\n\n  const columnSettingsPlugin = useTableColumnSettings<AnyRow>({\n    columns: [\n      ...(hasExpansion\n        ? [{ key: EXPAND_COLUMN_KEY, label: \"\", isAlwaysVisible: true }]\n        : []),\n      ...columns.map((column) => ({\n        key: column.key,\n        label: dataGridColumnLabel(column),\n        isAlwaysVisible: !!column.isAlwaysVisible,\n      })),\n    ],\n    activeColumnKeys,\n    // The settings dialog owns the write path (it keeps `order` and `width`).\n    onChangeActiveColumnKeys: () => {},\n  });\n\n  /* ---- pinning ----------------------------------------------------------- */\n\n  const startKeys: string[] = [];\n  for (const column of orderedColumns) {\n    if (column.pin === \"start\") startKeys.push(column.key);\n    else break;\n  }\n  const endKeys: string[] = [];\n  for (const column of [...orderedColumns].reverse()) {\n    if (column.pin === \"end\") endKeys.unshift(column.key);\n    else break;\n  }\n  const stickyConfig = {\n    startKeys:\n      startKeys.length === 0\n        ? undefined\n        : [\n            ...(selection ? [SELECTION_COLUMN_KEY] : []),\n            ...(hasExpansion ? [EXPAND_COLUMN_KEY] : []),\n            ...startKeys,\n          ],\n    endKeys: endKeys.length === 0 ? undefined : endKeys,\n  };\n  const stickyPlugin = useTableStickyColumns<AnyRow>(\n    stickyConfig.startKeys || stickyConfig.endKeys ? stickyConfig : {},\n  );\n\n  /* ---- per-cell / per-row attributes -------------------------------------- */\n\n  const columnByKey = new Map(columns.map((column) => [column.key, column]));\n\n  const cellRowPlugin: TablePlugin<AnyRow> = {\n    transformBodyCell: (props, column, row) => {\n      if (isDetailRow(row)) return props;\n      const item = row as T;\n      const extra = columnByKey\n        .get(column.key)\n        ?.getCellProps?.(item, rowIndexByKey.get(getRowKey(item)) ?? 0);\n      if (!extra) return props;\n      return {\n        ...props,\n        htmlProps: {\n          ...props.htmlProps,\n          ...extra,\n          style: { ...props.htmlProps.style, ...extra.style },\n        },\n      };\n    },\n    transformBodyRow: (props, row) => {\n      if (!getRowProps || isDetailRow(row)) return props;\n      const item = row as T;\n      const extra = getRowProps(item, rowIndexByKey.get(getRowKey(item)));\n      if (!extra) return props;\n      return {\n        ...props,\n        htmlProps: {\n          ...props.htmlProps,\n          ...extra,\n          style: { ...props.htmlProps.style, ...extra.style },\n        },\n      };\n    },\n  };\n\n  // Astryx clips cells with `max-width: 0`; scroll-x releases width-less columns only.\n  const scrollXPlugin: TablePlugin<AnyRow> = {\n    transformHeaderCell: (props, column) =>\n      column.width != null ? props : mergeCellStyle(props, X_HEADER_RELEASE),\n    transformBodyCell: (props, column) =>\n      column.width != null ? props : mergeCellStyle(props, X_BODY_RELEASE),\n  };\n\n  const pinnedKeys = new Set([\n    ...(stickyConfig.startKeys ?? []),\n    ...(stickyConfig.endKeys ?? []),\n  ]);\n  const scrollYPlugin: TablePlugin<AnyRow> = {\n    transformHeaderCell: (props, column) =>\n      pinnedKeys.has(column.key) ? mergeCellStyle(props, Y_PINNED_HEADER_STACK) : props,\n  };\n\n  /* ---- sorting ----------------------------------------------------------- */\n\n  const sortState: TableSortState = activeSort\n    ? [{ sortKey: activeSort.sortKey, direction: activeSort.direction }]\n    : [];\n\n  const sortPlugin = useTableSortable<AnyRow>({\n    sort: sortState,\n    allowUnsortedState: true,\n    onSortChange: (next) => {\n      const first = next[0];\n      const nextSort: DataGridSort | null = first\n        ? { sortKey: first.sortKey, direction: first.direction }\n        : null;\n      setActiveSort(nextSort);\n      onSortChange?.(nextSort);\n    },\n  });\n\n  /* ---- selection --------------------------------------------------------- */\n\n  const selectedKeySet = new Set((selection?.selectedKeys ?? []).map(String));\n  const emitSelection = (keys: string[]) => {\n    const items = keys\n      .map((key) => itemByKey.get(key))\n      .filter((item) => item !== undefined);\n    selection?.onChange?.(keys, items);\n  };\n  const isRowSelected = (item: T) => selectedKeySet.has(getRowKey(item));\n  const isRowEnabled = (item: T) => selection?.getIsItemEnabled?.(item) ?? true;\n  // Select-all acts on the enabled rows only; a disabled row keeps its state.\n  const enabledRows = rows.filter(isRowEnabled);\n\n  const selectionPlugin = useTableSelection<AnyRow>({\n    getIsItemSelectable: (row) => !isDetailRow(row),\n    getIsItemSelected: (row) => !isDetailRow(row) && isRowSelected(row as T),\n    getIsItemEnabled: (row) => !isDetailRow(row) && isRowEnabled(row as T),\n    getRowLabel: (row) =>\n      isDetailRow(row)\n        ? \"\"\n        : (selection?.getRowLabel?.(row as T) ?? getRowKey(row as T)),\n    getIsAllSelected: () => enabledRows.length > 0 && enabledRows.every(isRowSelected),\n    getIsIndeterminate: () =>\n      enabledRows.some(isRowSelected) && !enabledRows.every(isRowSelected),\n    onSelectItem: ({ item, isSelected }) => {\n      if (isDetailRow(item)) return;\n      const key = getRowKey(item as T);\n      const next = new Set(selectedKeySet);\n      if (isSelected) next.add(key);\n      else next.delete(key);\n      emitSelection([...next]);\n    },\n    onSelectAll: ({ isAllSelected }) => {\n      const next = new Set(selection?.isPreservingOtherPages ? selectedKeySet : []);\n      for (const item of rows) {\n        const key = getRowKey(item);\n        const isSelected = isRowEnabled(item) ? isAllSelected : isRowSelected(item);\n        if (isSelected) next.add(key);\n        else next.delete(key);\n      }\n      emitSelection([...next]);\n    },\n  });\n\n  const selectionWidthPlugin: TablePlugin<AnyRow> = {\n    transformColumns: (cols) =>\n      cols.map((column) =>\n        column.key === SELECTION_COLUMN_KEY\n          ? { ...column, width: pixel(SELECTION_COLUMN_WIDTH) }\n          : column,\n      ),\n  };\n\n  /* ---- resize ------------------------------------------------------------ */\n\n  const resizePlugin = useTableColumnResize<AnyRow>({\n    columns: tableColumns,\n    columnWidths,\n    minWidth: MIN_COLUMN_WIDTH,\n    onColumnResizeEnd: handleResizeEnd,\n  });\n\n  /* ---- expansion --------------------------------------------------------- */\n\n  const renderedColumnCount = activeColumnKeys.length + (selection ? 1 : 0);\n  const expansionPlugin: TablePlugin<AnyRow> = {\n    transformBodyRow: (props, row) => {\n      if (!isDetailRow(row)) return props;\n      const parentKey = String(row[DETAIL_ROW_MARKER]);\n      const item = itemByKey.get(parentKey);\n      if (!item) return props;\n      return {\n        ...props,\n        children: (\n          <td\n            colSpan={renderedColumnCount}\n            className=\"uic-data-grid__detail\"\n            style={{ paddingInlineStart: detailInsetStart }}\n          >\n            {expansion?.renderExpandedRow(item, rowIndexByKey.get(parentKey) ?? 0)}\n          </td>\n        ),\n      };\n    },\n  };\n\n  const plugins: Record<string, TablePlugin<AnyRow>> = {\n    columnSettings: columnSettingsPlugin,\n    sort: sortPlugin,\n  };\n  if (selection) {\n    plugins.selection = selectionPlugin;\n    plugins.selectionWidth = selectionWidthPlugin;\n  }\n  if (isResizable) plugins.resize = resizePlugin;\n  plugins.sticky = stickyPlugin;\n  if (isScrollX) plugins.scrollX = scrollXPlugin;\n  // Without pinned columns the sticky header is pure CSS.\n  if (isScrollY && pinnedKeys.size > 0) plugins.scrollY = scrollYPlugin;\n  plugins.cellRow = cellRowPlugin;\n  if (hasExpansion) plugins.expansion = expansionPlugin;\n\n  /* ---- bottom bar -------------------------------------------------------- */\n\n  const {\n    page: _page,\n    defaultPage: _defaultPage,\n    defaultPageSize: _defaultPageSize,\n    totalItems: _totalItems,\n    onChange: _onChange,\n    hasPageSizeSelector = true,\n    isHiddenOnSinglePage = false,\n    endContent,\n    pageSizeOptions,\n    size: pagerSize = \"sm\",\n    ...paginationRest\n  } = pager ?? {};\n\n  const rangeStart = total === 0 ? 0 : (activePage - 1) * pageSize + 1;\n  const rangeEnd = Math.min(activePage * pageSize, total);\n  const isPagerVisible = !!pager && !(isHiddenOnSinglePage && total <= pageSize);\n  const hasBottomBar = isPagerVisible || !!columnSettings || !!csvExport;\n\n  const emptyStateNode = isPageOutOfRange ? (\n    // The way back outranks any empty state the caller gave.\n    <EmptyState\n      isCompact\n      icon={EMPTY_STATE_ICON}\n      title={invalidPageText ?? t(\"uic.DataGrid.invalidPage\")}\n      actions={\n        <Button\n          variant=\"primary\"\n          label={goToFirstPageLabel ?? t(\"uic.DataGrid.goToFirstPage\")}\n          onClick={() => {\n            setCurrentPage(1);\n            pager?.onChange?.(1, pageSize);\n          }}\n        />\n      }\n    />\n  ) : emptyState === false ? (\n    false\n  ) : emptyState == null || typeof emptyState === \"string\" ? (\n    <EmptyState\n      isCompact\n      icon={EMPTY_STATE_ICON}\n      title={emptyState ?? t(\"uic.DataGrid.noData\")}\n    />\n  ) : (\n    emptyState\n  );\n\n  const applySettings = (result: DataGridSettingsResult) => {\n    setIsSettingsOpen(false);\n    setOverrides(\n      dataGridSettingsToOverrides({\n        columns,\n        result,\n        defaultOverrides: columnSettings?.defaultOverrides,\n        overrides,\n        isReorderable,\n      }),\n    );\n  };\n\n  return (\n    <div\n      className={[\"uic-data-grid\", className].filter(Boolean).join(\" \")}\n      style={style}\n    >\n      <div\n        aria-busy={isLoading || undefined}\n        className={[\n          \"uic-data-grid__body\",\n          isLoading && \"uic-data-grid__body--loading\",\n          isHeaderHidden && \"uic-data-grid__body--no-header\",\n          dividers !== \"grid\" && \"uic-data-grid__body--header-split\",\n          isScrollX && \"uic-data-grid__body--scroll-x\",\n          isScrollY && \"uic-data-grid__body--scroll-y\",\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        style={\n          {\n            ...(isScrollX\n              ? { \"--data-grid-scroll-width\": toCssLength(scrollWidth) }\n              : null),\n            ...(isScrollY\n              ? { \"--data-grid-max-height\": toCssLength(maxHeight) }\n              : null),\n          } as CSSProperties\n        }\n      >\n        <Table<AnyRow>\n          {...tableProps}\n          data={tableData}\n          columns={tableColumns}\n          idKey={(row: AnyRow) =>\n            isDetailRow(row)\n              ? `${String(row[DETAIL_ROW_MARKER])}__detail`\n              : getRowKey(row as T)\n          }\n          density={density}\n          dividers={dividers}\n          hasHover={hasHover}\n          textOverflow={textOverflow}\n          emptyState={emptyStateNode}\n          rowCount={total || undefined}\n          rowIndexStart={pager ? (activePage - 1) * pageSize + 1 : undefined}\n          plugins={plugins}\n        />\n      </div>\n\n      {hasBottomBar ? (\n        <HStack justify=\"end\" align=\"center\" gap={2} className=\"uic-data-grid__footer\">\n          {isPagerVisible ? (\n            <>\n              <Text type=\"supporting\" color=\"secondary\">\n                {renderRange\n                  ? renderRange({ start: rangeStart, end: rangeEnd, total })\n                  : t(\"uic.DataGrid.range\", {\n                      start: rangeStart,\n                      end: rangeEnd,\n                      total,\n                    })}\n              </Text>\n              <Pagination\n                variant=\"pages\"\n                {...paginationRest}\n                page={activePage}\n                pageSize={pageSize}\n                totalItems={total}\n                // Astryx shows the size choice exactly when options are passed.\n                pageSizeOptions={\n                  hasPageSizeSelector\n                    ? (pageSizeOptions ?? DEFAULT_PAGE_SIZE_OPTIONS)\n                    : undefined\n                }\n                size={pagerSize}\n                label={paginationLabel ?? t(\"uic.DataGrid.pagination\")}\n                onChange={(page) => {\n                  if (isPageSizeChangingRef.current) return;\n                  setCurrentPage(page);\n                  pager?.onChange?.(page, pageSize);\n                }}\n                onPageSizeChange={(nextSize) => {\n                  isPageSizeChangingRef.current = true;\n                  queueMicrotask(() => {\n                    isPageSizeChangingRef.current = false;\n                  });\n                  setCurrentPage(1);\n                  setPageSize(nextSize);\n                  pager?.onChange?.(1, nextSize);\n                }}\n              />\n            </>\n          ) : null}\n          {columnSettings ? (\n            <IconButton\n              label={settingsLabel ?? t(\"uic.DataGrid.settings\")}\n              icon={<Settings />}\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => setIsSettingsOpen(true)}\n            />\n          ) : null}\n          {csvExport ? (\n            <IconButton\n              label={exportLabel ?? t(\"uic.DataGrid.exportCsv\")}\n              icon={<FileDown />}\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => setIsExportOpen(true)}\n            />\n          ) : null}\n          {pager ? endContent : null}\n        </HStack>\n      ) : null}\n\n      {columnSettings ? (\n        <DataGridSettingsModal\n          {...columnSettings.modalProps}\n          isOpen={isSettingsOpen}\n          onOpenChange={setIsSettingsOpen}\n          columns={columns.map((column) => ({\n            key: column.key,\n            label: dataGridColumnLabel(column),\n            isAlwaysVisible: !!column.isAlwaysVisible,\n          }))}\n          visibleColumnKeys={orderedColumns.map((column) => column.key)}\n          isReorderable={isReorderable}\n          onApply={applySettings}\n        />\n      ) : null}\n\n      {csvExport ? (\n        <DataGridExportModal\n          {...csvExport.modalProps}\n          isOpen={isExportOpen}\n          onOpenChange={setIsExportOpen}\n          columns={columns.map((column) => ({\n            key: column.key,\n            label: dataGridColumnLabel(column),\n            exportKeys: column.exportKeys ?? [],\n          }))}\n          supportedKeys={csvExport.supportedKeys}\n          notice={csvExport.notice}\n          onExport={async (keys) => {\n            await csvExport.onExport(keys);\n            setIsExportOpen(false);\n          }}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction defaultCell(value: unknown): ReactNode {\n  if (value == null || value === \"\") return null;\n  if (isValidElement(value)) return value;\n  return String(value);\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/DataGridExportModal.d.ts

@@ -0,0 +1,30 @@
+import { ReactElement, ReactNode } from 'react';
+import { ModalProps } from '../Modal/Modal';
+export interface DataGridExportColumn {
+    key: string;
+    label: string;
+    /** Fields the column exports as. None: the column cannot be exported. */
+    exportKeys: ReadonlyArray<string>;
+}
+export interface DataGridExportModalProps extends Pick<ModalProps, "isOpen" | "onOpenChange" | "afterOpenChange"> {
+    columns: ReadonlyArray<DataGridExportColumn>;
+    /** Export keys that can be produced. */
+    supportedKeys: ReadonlyArray<string>;
+    /** Runs the export. The Export button stays pending until it settles. */
+    onExport: (keys: string[]) => Promise<void> | void;
+    /** A warning above the list, e.g. that the export is truncated. */
+    notice?: ReactNode;
+    /** Default: the catalog's `uic.DataGrid.exportCsv` */
+    title?: string;
+    /** Default: the catalog's `uic.DataGrid.selectColumns` */
+    subtitle?: string;
+    /** Label and placeholder of the search field. Default: the catalog's `uic.DataGrid.searchColumns` */
+    searchLabel?: string;
+    /** Shown when no column matches the search. Default: the catalog's `uic.DataGrid.searchColumns` */
+    noMatchText?: ReactNode;
+    /** Default: the catalog's `uic.DataGrid.export` */
+    exportLabel?: string;
+    /** Default: the catalog's `uic.common.cancel` */
+    cancelLabel?: string;
+}
+export declare function DataGridExportModal({ isOpen, onOpenChange, afterOpenChange, ...bodyProps }: DataGridExportModalProps): ReactElement;

package/dist/components/DataGrid/DataGridExportModal.js

@@ -0,0 +1,125 @@
+import { useUicTranslator as e } from "../../i18n/useUicTranslator.js";
+import { Modal as t } from "../Modal/Modal2.js";
+/* empty css         */
+import { useState as n } from "react";
+import { Button as r } from "@astryxdesign/core/Button";
+import { Layout as i, LayoutContent as a, LayoutFooter as o } from "@astryxdesign/core/Layout";
+import { HStack as s, VStack as c } from "@astryxdesign/core/Stack";
+import { Text as l } from "@astryxdesign/core/Text";
+import { DialogHeader as u } from "@astryxdesign/core/Dialog";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { TextInput as p } from "@astryxdesign/core/TextInput";
+import { Banner as m } from "@astryxdesign/core/Banner";
+import { CheckboxInput as h } from "@astryxdesign/core/CheckboxInput";
+//#region src/components/DataGrid/DataGridExportModal.tsx
+var g = 500, _ = "330px", v = (e) => [...e].sort().join(",");
+function y({ columns: t, supportedKeys: g, onExport: y, onOpenChange: b, notice: x, title: S, subtitle: C, searchLabel: w, noMatchText: T, exportLabel: E, cancelLabel: D }) {
+	let O = e(), k = t.map((e) => ({
+		key: e.key,
+		label: e.label,
+		exportKeys: e.exportKeys,
+		isSelectable: e.exportKeys.length > 0 && e.exportKeys.every((e) => g.includes(e))
+	})), A = /* @__PURE__ */ new Map();
+	for (let e of k) {
+		if (e.exportKeys.length === 0 || !e.isSelectable) continue;
+		let t = v(e.exportKeys);
+		A.set(t, [...A.get(t) ?? [], e.key]);
+	}
+	let j = (e) => e.exportKeys.length === 0 ? [e.key] : A.get(v(e.exportKeys)) ?? [e.key], [M, N] = n(() => new Set(k.filter((e) => e.isSelectable).map((e) => e.key))), [P, F] = n(""), I = P ? k.filter((e) => e.label.toLowerCase().includes(P.toLowerCase())) : k, L = w ?? O("uic.DataGrid.searchColumns"), R = () => b?.(!1), z = (e, t) => {
+		N((n) => {
+			let r = new Set(n);
+			for (let n of j(e)) t ? r.add(n) : r.delete(n);
+			return r;
+		});
+	};
+	return /* @__PURE__ */ d(i, {
+		header: /* @__PURE__ */ d(u, {
+			title: S ?? O("uic.DataGrid.exportCsv"),
+			subtitle: C ?? O("uic.DataGrid.selectColumns"),
+			onOpenChange: (e) => {
+				e || R();
+			}
+		}),
+		content: /* @__PURE__ */ d(a, { children: /* @__PURE__ */ f(c, {
+			gap: 2,
+			align: "stretch",
+			children: [
+				x ? /* @__PURE__ */ d(m, {
+					status: "warning",
+					title: x,
+					"data-testid": "uic-data-grid-export-notice"
+				}) : null,
+				/* @__PURE__ */ d(p, {
+					label: L,
+					isLabelHidden: !0,
+					placeholder: L,
+					value: P,
+					onChange: (e) => F(e ?? ""),
+					size: "sm"
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "uic-data-grid-dialog__list",
+					style: { "--data-grid-dialog-list-height": _ },
+					children: /* @__PURE__ */ f(c, {
+						gap: 0,
+						align: "stretch",
+						children: [I.map((e) => /* @__PURE__ */ d("div", {
+							className: "uic-data-grid-dialog__option",
+							children: /* @__PURE__ */ d(h, {
+								label: e.label || e.key,
+								size: "sm",
+								value: M.has(e.key),
+								isDisabled: !e.isSelectable,
+								onChange: (t) => z(e, t)
+							})
+						}, e.key)), I.length === 0 ? /* @__PURE__ */ d(l, {
+							type: "supporting",
+							color: "secondary",
+							children: T ?? L
+						}) : null]
+					})
+				})
+			]
+		}) }),
+		footer: /* @__PURE__ */ d(o, {
+			hasDivider: !0,
+			children: /* @__PURE__ */ f(s, {
+				justify: "end",
+				gap: 2,
+				align: "center",
+				children: [/* @__PURE__ */ d(r, {
+					label: D ?? O("uic.common.cancel"),
+					variant: "secondary",
+					onClick: R
+				}), /* @__PURE__ */ d(r, {
+					label: E ?? O("uic.DataGrid.export"),
+					variant: "primary",
+					clickAction: async () => {
+						let e = k.filter((e) => M.has(e.key)).flatMap((e) => e.exportKeys);
+						await y([...new Set(e)]);
+					}
+				})]
+			})
+		}),
+		className: "uic-data-grid-dialog"
+	});
+}
+function b({ isOpen: e, onOpenChange: n, afterOpenChange: r, ...i }) {
+	return /* @__PURE__ */ d(t, {
+		isOpen: e,
+		onOpenChange: n,
+		afterOpenChange: r,
+		width: g,
+		purpose: "form",
+		unmountOnClose: !0,
+		children: /* @__PURE__ */ d(y, {
+			...i,
+			onOpenChange: n
+		})
+	});
+}
+//#endregion
+export { b as DataGridExportModal };
+
+//# sourceMappingURL=DataGridExportModal.js.map
+import "../../assets/components/DataGrid/DataGrid.css";

package/dist/components/DataGrid/DataGridExportModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridExportModal.js","names":[],"sources":["../../../src/components/DataGrid/DataGridExportModal.tsx"],"sourcesContent":["/**\n * DataGridExportModal\n *\n * Picks the columns a CSV export includes: a searchable list of checkboxes,\n * all exportable columns checked on open. A column whose export keys are not\n * all in `supportedKeys` is shown disabled, so the user sees why it is\n * missing. Columns that export the same set of keys toggle together; the\n * emitted keys must not depend on which of two equivalent rows was clicked.\n *\n * Export awaits `onExport` with the chosen keys, deduplicated. It does not\n * close the dialog.\n *\n * @example\n * <DataGridExportModal\n *   isOpen={isOpen}\n *   onOpenChange={setIsOpen}\n *   columns={[{ key: \"name\", label: \"Name\", exportKeys: [\"name\"] }]}\n *   supportedKeys={[\"name\"]}\n *   onExport={async (keys) => {\n *     await download(keys);\n *     setIsOpen(false);\n *   }}\n * />\n */\nimport { useState, type CSSProperties, type ReactElement, type ReactNode } from \"react\";\nimport { Banner } from \"@astryxdesign/core/Banner\";\nimport { Button } from \"@astryxdesign/core/Button\";\nimport { CheckboxInput } from \"@astryxdesign/core/CheckboxInput\";\nimport { DialogHeader } from \"@astryxdesign/core/Dialog\";\nimport { Layout, LayoutContent, LayoutFooter } from \"@astryxdesign/core/Layout\";\nimport { HStack, VStack } from \"@astryxdesign/core/Stack\";\nimport { Text } from \"@astryxdesign/core/Text\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\n\nimport { useUicTranslator } from \"../../i18n/useUicTranslator\";\nimport { Modal, type ModalProps } from \"../Modal/Modal\";\nimport \"./DataGrid.css\";\n\nexport interface DataGridExportColumn {\n  key: string;\n  label: string;\n  /** Fields the column exports as. None: the column cannot be exported. */\n  exportKeys: ReadonlyArray<string>;\n}\n\nexport interface DataGridExportModalProps extends Pick<\n  ModalProps,\n  \"isOpen\" | \"onOpenChange\" | \"afterOpenChange\"\n> {\n  columns: ReadonlyArray<DataGridExportColumn>;\n  /** Export keys that can be produced. */\n  supportedKeys: ReadonlyArray<string>;\n  /** Runs the export. The Export button stays pending until it settles. */\n  onExport: (keys: string[]) => Promise<void> | void;\n  /** A warning above the list, e.g. that the export is truncated. */\n  notice?: ReactNode;\n  /** Default: the catalog's `uic.DataGrid.exportCsv` */\n  title?: string;\n  /** Default: the catalog's `uic.DataGrid.selectColumns` */\n  subtitle?: string;\n  /** Label and placeholder of the search field. Default: the catalog's `uic.DataGrid.searchColumns` */\n  searchLabel?: string;\n  /** Shown when no column matches the search. Default: the catalog's `uic.DataGrid.searchColumns` */\n  noMatchText?: ReactNode;\n  /** Default: the catalog's `uic.DataGrid.export` */\n  exportLabel?: string;\n  /** Default: the catalog's `uic.common.cancel` */\n  cancelLabel?: string;\n}\n\nconst WIDTH = 500;\nconst LIST_HEIGHT = \"330px\";\n\ninterface Option {\n  key: string;\n  label: string;\n  exportKeys: ReadonlyArray<string>;\n  isSelectable: boolean;\n}\n\nconst groupIdOf = (keys: ReadonlyArray<string>) => [...keys].sort().join(\",\");\n\nfunction ExportBody({\n  columns,\n  supportedKeys,\n  onExport,\n  onOpenChange,\n  notice,\n  title,\n  subtitle,\n  searchLabel,\n  noMatchText,\n  exportLabel,\n  cancelLabel,\n}: Omit<DataGridExportModalProps, \"isOpen\" | \"afterOpenChange\">) {\n  const t = useUicTranslator();\n  const options: Option[] = columns.map((column) => ({\n    key: column.key,\n    label: column.label,\n    exportKeys: column.exportKeys,\n    isSelectable:\n      column.exportKeys.length > 0 &&\n      column.exportKeys.every((key) => supportedKeys.includes(key)),\n  }));\n\n  const membersByGroup = new Map<string, string[]>();\n  for (const option of options) {\n    if (option.exportKeys.length === 0 || !option.isSelectable) continue;\n    const groupId = groupIdOf(option.exportKeys);\n    membersByGroup.set(groupId, [...(membersByGroup.get(groupId) ?? []), option.key]);\n  }\n  const membersOf = (option: Option) =>\n    option.exportKeys.length === 0\n      ? [option.key]\n      : (membersByGroup.get(groupIdOf(option.exportKeys)) ?? [option.key]);\n\n  const [selectedKeys, setSelectedKeys] = useState<Set<string>>(\n    () =>\n      new Set(\n        options.filter((option) => option.isSelectable).map((option) => option.key),\n      ),\n  );\n  const [search, setSearch] = useState(\"\");\n\n  const shownOptions = search\n    ? options.filter((option) =>\n        option.label.toLowerCase().includes(search.toLowerCase()),\n      )\n    : options;\n  const searchText = searchLabel ?? t(\"uic.DataGrid.searchColumns\");\n  const close = () => onOpenChange?.(false);\n\n  const toggle = (option: Option, checked: boolean) => {\n    setSelectedKeys((prev) => {\n      const next = new Set(prev);\n      for (const key of membersOf(option)) {\n        if (checked) next.add(key);\n        else next.delete(key);\n      }\n      return next;\n    });\n  };\n\n  return (\n    <Layout\n      header={\n        <DialogHeader\n          title={title ?? t(\"uic.DataGrid.exportCsv\")}\n          subtitle={subtitle ?? t(\"uic.DataGrid.selectColumns\")}\n          onOpenChange={(next) => {\n            if (!next) close();\n          }}\n        />\n      }\n      content={\n        <LayoutContent>\n          <VStack gap={2} align=\"stretch\">\n            {notice ? (\n              <Banner\n                status=\"warning\"\n                title={notice}\n                data-testid=\"uic-data-grid-export-notice\"\n              />\n            ) : null}\n            <TextInput\n              label={searchText}\n              isLabelHidden\n              placeholder={searchText}\n              value={search}\n              onChange={(value) => setSearch(value ?? \"\")}\n              size=\"sm\"\n            />\n            <div\n              className=\"uic-data-grid-dialog__list\"\n              style={{ \"--data-grid-dialog-list-height\": LIST_HEIGHT } as CSSProperties}\n            >\n              <VStack gap={0} align=\"stretch\">\n                {shownOptions.map((option) => (\n                  <div key={option.key} className=\"uic-data-grid-dialog__option\">\n                    <CheckboxInput\n                      label={option.label || option.key}\n                      size=\"sm\"\n                      value={selectedKeys.has(option.key)}\n                      isDisabled={!option.isSelectable}\n                      onChange={(checked) => toggle(option, checked)}\n                    />\n                  </div>\n                ))}\n                {shownOptions.length === 0 ? (\n                  <Text type=\"supporting\" color=\"secondary\">\n                    {noMatchText ?? searchText}\n                  </Text>\n                ) : null}\n              </VStack>\n            </div>\n          </VStack>\n        </LayoutContent>\n      }\n      footer={\n        <LayoutFooter hasDivider>\n          <HStack justify=\"end\" gap={2} align=\"center\">\n            <Button\n              label={cancelLabel ?? t(\"uic.common.cancel\")}\n              variant=\"secondary\"\n              onClick={close}\n            />\n            <Button\n              label={exportLabel ?? t(\"uic.DataGrid.export\")}\n              variant=\"primary\"\n              clickAction={async () => {\n                const keys = options\n                  .filter((option) => selectedKeys.has(option.key))\n                  .flatMap((option) => option.exportKeys);\n                await onExport([...new Set(keys)]);\n              }}\n            />\n          </HStack>\n        </LayoutFooter>\n      }\n      className=\"uic-data-grid-dialog\"\n    />\n  );\n}\n\nexport function DataGridExportModal({\n  isOpen,\n  onOpenChange,\n  afterOpenChange,\n  ...bodyProps\n}: DataGridExportModalProps): ReactElement {\n  return (\n    <Modal\n      isOpen={isOpen}\n      onOpenChange={onOpenChange}\n      afterOpenChange={afterOpenChange}\n      width={WIDTH}\n      purpose=\"form\"\n      unmountOnClose\n    >\n      <ExportBody {...bodyProps} onOpenChange={onOpenChange} />\n    </Modal>\n  );\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/DataGridSettingsModal.d.ts

@@ -0,0 +1,36 @@
+import { ReactElement, ReactNode } from 'react';
+import { ModalProps } from '../Modal/Modal';
+export interface DataGridSettingsColumn {
+    key: string;
+    label: string;
+    /** Always shown; its checkbox is locked. */
+    isAlwaysVisible?: boolean;
+}
+export interface DataGridSettingsResult {
+    /** The checked keys, always-visible columns included. */
+    selectedColumnKeys: string[];
+    /** Every column key, in the order the user left them. */
+    columnOrder: string[];
+}
+export interface DataGridSettingsModalProps extends Pick<ModalProps, "isOpen" | "onOpenChange" | "afterOpenChange"> {
+    columns: ReadonlyArray<DataGridSettingsColumn>;
+    /** The keys shown now, in display order. */
+    visibleColumnKeys: ReadonlyArray<string>;
+    /** Whether rows can be dragged into a new order. Default: true */
+    isReorderable?: boolean;
+    /** Called with the new settings on Apply. It does not close the dialog. */
+    onApply: (result: DataGridSettingsResult) => void;
+    /** Default: the catalog's `uic.DataGrid.settings` */
+    title?: string;
+    /** Default: the catalog's `uic.DataGrid.selectColumns` */
+    subtitle?: string;
+    /** Label and placeholder of the search field. Default: the catalog's `uic.DataGrid.searchColumns` */
+    searchLabel?: string;
+    /** Shown when no column matches the search. Default: the catalog's `uic.DataGrid.searchColumns` */
+    noMatchText?: ReactNode;
+    /** Default: the catalog's `uic.common.apply` */
+    applyLabel?: string;
+    /** Default: the catalog's `uic.common.cancel` */
+    cancelLabel?: string;
+}
+export declare function DataGridSettingsModal({ isOpen, onOpenChange, afterOpenChange, isReorderable, ...bodyProps }: DataGridSettingsModalProps): ReactElement;

package/dist/components/DataGrid/DataGridSettingsModal.js

@@ -0,0 +1,177 @@
+import { useUicTranslator as e } from "../../i18n/useUicTranslator.js";
+import { Modal as t } from "../Modal/Modal2.js";
+/* empty css         */
+import { useRef as n, useState as r } from "react";
+import { Button as i } from "@astryxdesign/core/Button";
+import { Layout as a, LayoutContent as o, LayoutFooter as s } from "@astryxdesign/core/Layout";
+import { HStack as c, VStack as l } from "@astryxdesign/core/Stack";
+import { Text as u } from "@astryxdesign/core/Text";
+import { DialogHeader as d } from "@astryxdesign/core/Dialog";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { TextInput as m } from "@astryxdesign/core/TextInput";
+import { GripVertical as h } from "lucide-react";
+import { CheckboxInput as g } from "@astryxdesign/core/CheckboxInput";
+import { DndContext as _, KeyboardSensor as v, PointerSensor as y, useSensor as b, useSensors as x } from "@dnd-kit/core";
+import { restrictToVerticalAxis as S } from "@dnd-kit/modifiers";
+import { SortableContext as C, arrayMove as w, sortableKeyboardCoordinates as T, useSortable as E, verticalListSortingStrategy as ee } from "@dnd-kit/sortable";
+import { CSS as D } from "@dnd-kit/utilities";
+//#region src/components/DataGrid/DataGridSettingsModal.tsx
+var O = 420, k = "360px";
+function A({ id: e, isDragDisabled: t, handleLabel: n, children: r }) {
+	let { attributes: i, listeners: a, setNodeRef: o, transform: s, transition: c, isDragging: l } = E({
+		id: e,
+		disabled: t
+	});
+	return /* @__PURE__ */ p("div", {
+		ref: o,
+		className: "uic-data-grid-dialog__row",
+		style: {
+			transform: D.Transform.toString(s),
+			transition: c,
+			opacity: l ? .6 : 1
+		},
+		children: [t ? /* @__PURE__ */ f("span", { className: "uic-data-grid-dialog__handle-space" }) : /* @__PURE__ */ f("span", {
+			...i,
+			...a,
+			className: "uic-data-grid-dialog__handle",
+			"aria-label": n,
+			children: /* @__PURE__ */ f(h, {
+				size: 16,
+				"aria-hidden": !0
+			})
+		}), r]
+	});
+}
+function j({ columns: t, visibleColumnKeys: h, isReorderable: E, onApply: D, onOpenChange: O, title: j, subtitle: M, searchLabel: N, noMatchText: P, applyLabel: F, cancelLabel: I }) {
+	let L = e(), [R, z] = r(() => {
+		let e = new Set(t.map((e) => e.key)), n = h.filter((t) => e.has(t)), r = t.map((e) => e.key).filter((e) => !n.includes(e));
+		return [...n, ...r];
+	}), [B, V] = r(() => [...h]), [H, U] = r(""), W = new Map(t.map((e) => [e.key, e])), G = R.filter((e) => {
+		let t = W.get(e);
+		return t ? !H || t.label.toLowerCase().includes(H.toLowerCase()) : !1;
+	}), K = !E || !!H, q = N ?? L("uic.DataGrid.searchColumns"), J = () => O?.(!1), Y = x(b(y), b(v, { coordinateGetter: T })), X = (e) => W.get(String(e))?.label || String(e), Z = (e) => ({
+		column: X(e),
+		position: R.indexOf(String(e)) + 1,
+		total: R.length
+	}), Q = n(null), te = {
+		onDragStart: ({ active: e }) => (Q.current = e.id, L("uic.DataGrid.reorderPickedUp", Z(e.id))),
+		onDragOver: ({ active: e, over: t }) => {
+			if (!(!t || t.id === Q.current)) return Q.current = t.id, L("uic.DataGrid.reorderMoved", {
+				...Z(t.id),
+				column: X(e.id)
+			});
+		},
+		onDragEnd: ({ active: e, over: t }) => L("uic.DataGrid.reorderDropped", {
+			...Z(t?.id ?? e.id),
+			column: X(e.id)
+		}),
+		onDragCancel: ({ active: e }) => L("uic.DataGrid.reorderCancelled", Z(e.id))
+	}, ne = ({ active: e, over: t }) => {
+		if (!t || e.id === t.id) return;
+		let n = R.indexOf(String(e.id)), r = R.indexOf(String(t.id));
+		n !== -1 && r !== -1 && z(w(R, n, r));
+	}, $ = /* @__PURE__ */ p(l, {
+		gap: 0,
+		align: "stretch",
+		children: [G.map((e) => {
+			let t = W.get(e);
+			return t ? /* @__PURE__ */ f(A, {
+				id: e,
+				isDragDisabled: K,
+				handleLabel: L("uic.DataGrid.reorderColumn", { column: t.label || e }),
+				children: /* @__PURE__ */ f(g, {
+					label: t.label || e,
+					size: "sm",
+					value: B.includes(e) || !!t.isAlwaysVisible,
+					isDisabled: !!t.isAlwaysVisible,
+					onChange: (t) => V((n) => t ? n.includes(e) ? n : [...n, e] : n.filter((t) => t !== e))
+				})
+			}, e) : null;
+		}), G.length === 0 ? /* @__PURE__ */ f(u, {
+			type: "supporting",
+			color: "secondary",
+			children: P ?? q
+		}) : null]
+	});
+	return /* @__PURE__ */ f(a, {
+		header: /* @__PURE__ */ f(d, {
+			title: j ?? L("uic.DataGrid.settings"),
+			subtitle: M ?? L("uic.DataGrid.selectColumns"),
+			onOpenChange: (e) => {
+				e || J();
+			}
+		}),
+		content: /* @__PURE__ */ f(o, { children: /* @__PURE__ */ p(l, {
+			gap: 2,
+			align: "stretch",
+			children: [/* @__PURE__ */ f(m, {
+				label: q,
+				isLabelHidden: !0,
+				placeholder: q,
+				value: H,
+				onChange: (e) => U(e ?? "")
+			}), /* @__PURE__ */ f("div", {
+				className: "uic-data-grid-dialog__list",
+				style: { "--data-grid-dialog-list-height": k },
+				children: K ? $ : /* @__PURE__ */ f(_, {
+					sensors: Y,
+					modifiers: [S],
+					accessibility: {
+						announcements: te,
+						screenReaderInstructions: { draggable: L("uic.DataGrid.reorderInstructions") }
+					},
+					onDragEnd: ne,
+					children: /* @__PURE__ */ f(C, {
+						items: G,
+						strategy: ee,
+						children: $
+					})
+				})
+			})]
+		}) }),
+		footer: /* @__PURE__ */ f(s, {
+			hasDivider: !0,
+			children: /* @__PURE__ */ p(c, {
+				justify: "end",
+				gap: 2,
+				align: "center",
+				children: [/* @__PURE__ */ f(i, {
+					label: I ?? L("uic.common.cancel"),
+					variant: "secondary",
+					onClick: J
+				}), /* @__PURE__ */ f(i, {
+					label: F ?? L("uic.common.apply"),
+					variant: "primary",
+					onClick: () => {
+						let e = t.filter((e) => e.isAlwaysVisible).map((e) => e.key);
+						D({
+							selectedColumnKeys: [...B, ...e.filter((e) => !B.includes(e))],
+							columnOrder: R
+						});
+					}
+				})]
+			})
+		}),
+		className: "uic-data-grid-dialog"
+	});
+}
+function M({ isOpen: e, onOpenChange: n, afterOpenChange: r, isReorderable: i = !0, ...a }) {
+	return /* @__PURE__ */ f(t, {
+		isOpen: e,
+		onOpenChange: n,
+		afterOpenChange: r,
+		width: O,
+		purpose: "form",
+		unmountOnClose: !0,
+		children: /* @__PURE__ */ f(j, {
+			...a,
+			onOpenChange: n,
+			isReorderable: i
+		})
+	});
+}
+//#endregion
+export { M as DataGridSettingsModal };
+
+//# sourceMappingURL=DataGridSettingsModal.js.map
+import "../../assets/components/DataGrid/DataGrid.css";

package/dist/components/DataGrid/DataGridSettingsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridSettingsModal.js","names":[],"sources":["../../../src/components/DataGrid/DataGridSettingsModal.tsx"],"sourcesContent":["/**\n * DataGridSettingsModal\n *\n * Chooses which columns a grid shows, and in what order: a searchable list of\n * checkboxes with drag handles (pointer, or keyboard: Space, arrow keys,\n * Space). Columns marked `isAlwaysVisible` stay checked.\n * Dragging is off while a search narrows the list. The working set is fresh\n * on every open; Apply reports it and does not close the dialog.\n *\n * @example\n * <DataGridSettingsModal\n *   isOpen={isOpen}\n *   onOpenChange={setIsOpen}\n *   columns={[{ key: \"name\", label: \"Name\", isAlwaysVisible: true }, { key: \"email\", label: \"Email\" }]}\n *   visibleColumnKeys={[\"name\"]}\n *   onApply={(result) => {\n *     save(result);\n *     setIsOpen(false);\n *   }}\n * />\n */\nimport {\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport {\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  type Announcements,\n  type DragEndEvent,\n  type UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport { restrictToVerticalAxis } from \"@dnd-kit/modifiers\";\nimport {\n  SortableContext,\n  arrayMove,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { Button } from \"@astryxdesign/core/Button\";\nimport { CheckboxInput } from \"@astryxdesign/core/CheckboxInput\";\nimport { DialogHeader } from \"@astryxdesign/core/Dialog\";\nimport { Layout, LayoutContent, LayoutFooter } from \"@astryxdesign/core/Layout\";\nimport { HStack, VStack } from \"@astryxdesign/core/Stack\";\nimport { Text } from \"@astryxdesign/core/Text\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { GripVertical } from \"lucide-react\";\n\nimport { useUicTranslator } from \"../../i18n/useUicTranslator\";\nimport { Modal, type ModalProps } from \"../Modal/Modal\";\nimport \"./DataGrid.css\";\n\nexport interface DataGridSettingsColumn {\n  key: string;\n  label: string;\n  /** Always shown; its checkbox is locked. */\n  isAlwaysVisible?: boolean;\n}\n\nexport interface DataGridSettingsResult {\n  /** The checked keys, always-visible columns included. */\n  selectedColumnKeys: string[];\n  /** Every column key, in the order the user left them. */\n  columnOrder: string[];\n}\n\nexport interface DataGridSettingsModalProps extends Pick<\n  ModalProps,\n  \"isOpen\" | \"onOpenChange\" | \"afterOpenChange\"\n> {\n  columns: ReadonlyArray<DataGridSettingsColumn>;\n  /** The keys shown now, in display order. */\n  visibleColumnKeys: ReadonlyArray<string>;\n  /** Whether rows can be dragged into a new order. Default: true */\n  isReorderable?: boolean;\n  /** Called with the new settings on Apply. It does not close the dialog. */\n  onApply: (result: DataGridSettingsResult) => void;\n  /** Default: the catalog's `uic.DataGrid.settings` */\n  title?: string;\n  /** Default: the catalog's `uic.DataGrid.selectColumns` */\n  subtitle?: string;\n  /** Label and placeholder of the search field. Default: the catalog's `uic.DataGrid.searchColumns` */\n  searchLabel?: string;\n  /** Shown when no column matches the search. Default: the catalog's `uic.DataGrid.searchColumns` */\n  noMatchText?: ReactNode;\n  /** Default: the catalog's `uic.common.apply` */\n  applyLabel?: string;\n  /** Default: the catalog's `uic.common.cancel` */\n  cancelLabel?: string;\n}\n\nconst WIDTH = 420;\nconst LIST_HEIGHT = \"360px\";\n\nfunction SortableRow({\n  id,\n  isDragDisabled,\n  handleLabel,\n  children,\n}: {\n  id: string;\n  isDragDisabled: boolean;\n  handleLabel: string;\n  children: ReactNode;\n}) {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } =\n    useSortable({ id, disabled: isDragDisabled });\n  return (\n    <div\n      ref={setNodeRef}\n      className=\"uic-data-grid-dialog__row\"\n      style={{\n        transform: CSS.Transform.toString(transform),\n        transition,\n        opacity: isDragging ? 0.6 : 1,\n      }}\n    >\n      {isDragDisabled ? (\n        <span className=\"uic-data-grid-dialog__handle-space\" />\n      ) : (\n        <span\n          {...attributes}\n          {...listeners}\n          className=\"uic-data-grid-dialog__handle\"\n          aria-label={handleLabel}\n        >\n          <GripVertical size={16} aria-hidden />\n        </span>\n      )}\n      {children}\n    </div>\n  );\n}\n\nfunction SettingsBody({\n  columns,\n  visibleColumnKeys,\n  isReorderable,\n  onApply,\n  onOpenChange,\n  title,\n  subtitle,\n  searchLabel,\n  noMatchText,\n  applyLabel,\n  cancelLabel,\n}: Omit<DataGridSettingsModalProps, \"isOpen\" | \"afterOpenChange\"> & {\n  isReorderable: boolean;\n}) {\n  const t = useUicTranslator();\n  const [order, setOrder] = useState<string[]>(() => {\n    const known = new Set(columns.map((column) => column.key));\n    const visible = visibleColumnKeys.filter((key) => known.has(key));\n    const rest = columns\n      .map((column) => column.key)\n      .filter((key) => !visible.includes(key));\n    return [...visible, ...rest];\n  });\n  const [selected, setSelected] = useState<string[]>(() => [...visibleColumnKeys]);\n  const [search, setSearch] = useState(\"\");\n\n  const columnByKey = new Map(columns.map((column) => [column.key, column]));\n  const shownKeys = order.filter((key) => {\n    const column = columnByKey.get(key);\n    if (!column) return false;\n    return !search || column.label.toLowerCase().includes(search.toLowerCase());\n  });\n  const isDragDisabled = !isReorderable || !!search;\n  const searchText = searchLabel ?? t(\"uic.DataGrid.searchColumns\");\n  const close = () => onOpenChange?.(false);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),\n  );\n  const labelOf = (key: UniqueIdentifier) => {\n    const column = columnByKey.get(String(key));\n    return column?.label || String(key);\n  };\n  const positionOf = (key: UniqueIdentifier) => ({\n    column: labelOf(key),\n    position: order.indexOf(String(key)) + 1,\n    total: order.length,\n  });\n  // dnd-kit reports the picked-up row as \"over\" itself right after pick-up;\n  // announcing only a change of position keeps the pick-up message.\n  const lastOverRef = useRef<UniqueIdentifier | null>(null);\n  const announcements: Announcements = {\n    onDragStart: ({ active }) => {\n      lastOverRef.current = active.id;\n      return t(\"uic.DataGrid.reorderPickedUp\", positionOf(active.id));\n    },\n    onDragOver: ({ active, over }) => {\n      if (!over || over.id === lastOverRef.current) return undefined;\n      lastOverRef.current = over.id;\n      return t(\"uic.DataGrid.reorderMoved\", {\n        ...positionOf(over.id),\n        column: labelOf(active.id),\n      });\n    },\n    onDragEnd: ({ active, over }) =>\n      t(\"uic.DataGrid.reorderDropped\", {\n        ...positionOf(over?.id ?? active.id),\n        column: labelOf(active.id),\n      }),\n    onDragCancel: ({ active }) =>\n      t(\"uic.DataGrid.reorderCancelled\", positionOf(active.id)),\n  };\n\n  const onDragEnd = ({ active, over }: DragEndEvent) => {\n    if (!over || active.id === over.id) return;\n    const from = order.indexOf(String(active.id));\n    const to = order.indexOf(String(over.id));\n    if (from === -1 || to === -1) return;\n    setOrder(arrayMove(order, from, to));\n  };\n\n  const list = (\n    <VStack gap={0} align=\"stretch\">\n      {shownKeys.map((key) => {\n        const column = columnByKey.get(key);\n        if (!column) return null;\n        return (\n          <SortableRow\n            key={key}\n            id={key}\n            isDragDisabled={isDragDisabled}\n            handleLabel={t(\"uic.DataGrid.reorderColumn\", {\n              column: column.label || key,\n            })}\n          >\n            <CheckboxInput\n              label={column.label || key}\n              size=\"sm\"\n              value={selected.includes(key) || !!column.isAlwaysVisible}\n              isDisabled={!!column.isAlwaysVisible}\n              onChange={(checked) =>\n                setSelected((prev) =>\n                  checked\n                    ? prev.includes(key)\n                      ? prev\n                      : [...prev, key]\n                    : prev.filter((k) => k !== key),\n                )\n              }\n            />\n          </SortableRow>\n        );\n      })}\n      {shownKeys.length === 0 ? (\n        <Text type=\"supporting\" color=\"secondary\">\n          {noMatchText ?? searchText}\n        </Text>\n      ) : null}\n    </VStack>\n  );\n\n  return (\n    <Layout\n      header={\n        <DialogHeader\n          title={title ?? t(\"uic.DataGrid.settings\")}\n          subtitle={subtitle ?? t(\"uic.DataGrid.selectColumns\")}\n          onOpenChange={(next) => {\n            if (!next) close();\n          }}\n        />\n      }\n      content={\n        <LayoutContent>\n          <VStack gap={2} align=\"stretch\">\n            <TextInput\n              label={searchText}\n              isLabelHidden\n              placeholder={searchText}\n              value={search}\n              onChange={(value) => setSearch(value ?? \"\")}\n            />\n            <div\n              className=\"uic-data-grid-dialog__list\"\n              style={{ \"--data-grid-dialog-list-height\": LIST_HEIGHT } as CSSProperties}\n            >\n              {isDragDisabled ? (\n                list\n              ) : (\n                <DndContext\n                  sensors={sensors}\n                  modifiers={[restrictToVerticalAxis]}\n                  accessibility={{\n                    announcements,\n                    screenReaderInstructions: {\n                      draggable: t(\"uic.DataGrid.reorderInstructions\"),\n                    },\n                  }}\n                  onDragEnd={onDragEnd}\n                >\n                  <SortableContext\n                    items={shownKeys}\n                    strategy={verticalListSortingStrategy}\n                  >\n                    {list}\n                  </SortableContext>\n                </DndContext>\n              )}\n            </div>\n          </VStack>\n        </LayoutContent>\n      }\n      footer={\n        <LayoutFooter hasDivider>\n          <HStack justify=\"end\" gap={2} align=\"center\">\n            <Button\n              label={cancelLabel ?? t(\"uic.common.cancel\")}\n              variant=\"secondary\"\n              onClick={close}\n            />\n            <Button\n              label={applyLabel ?? t(\"uic.common.apply\")}\n              variant=\"primary\"\n              onClick={() => {\n                const required = columns\n                  .filter((column) => column.isAlwaysVisible)\n                  .map((column) => column.key);\n                onApply({\n                  selectedColumnKeys: [\n                    ...selected,\n                    ...required.filter((key) => !selected.includes(key)),\n                  ],\n                  columnOrder: order,\n                });\n              }}\n            />\n          </HStack>\n        </LayoutFooter>\n      }\n      className=\"uic-data-grid-dialog\"\n    />\n  );\n}\n\nexport function DataGridSettingsModal({\n  isOpen,\n  onOpenChange,\n  afterOpenChange,\n  isReorderable = true,\n  ...bodyProps\n}: DataGridSettingsModalProps): ReactElement {\n  return (\n    <Modal\n      isOpen={isOpen}\n      onOpenChange={onOpenChange}\n      afterOpenChange={afterOpenChange}\n      width={WIDTH}\n      purpose=\"form\"\n      unmountOnClose\n    >\n      <SettingsBody\n        {...bodyProps}\n        onOpenChange={onOpenChange}\n        isReorderable={isReorderable}\n      />\n    </Modal>\n  );\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/index.d.ts

@@ -0,0 +1,6 @@
+export { DataGrid, dataGridColumnLabel, isDataGridColumnVisible } from './DataGrid';
+export type { DataGridColumn, DataGridColumnOverride, DataGridColumnOverrides, DataGridColumnSettings, DataGridCsvExport, DataGridExpansion, DataGridKey, DataGridPagination, DataGridProps, DataGridSelection, DataGridSort, DataGridSortDirection, } from './DataGrid';
+export { DataGridSettingsModal } from './DataGridSettingsModal';
+export type { DataGridSettingsColumn, DataGridSettingsModalProps, DataGridSettingsResult, } from './DataGridSettingsModal';
+export { DataGridExportModal } from './DataGridExportModal';
+export type { DataGridExportColumn, DataGridExportModalProps, } from './DataGridExportModal';

package/dist/components/DataGrid/index.js

@@ -0,0 +1,4 @@
+import { DataGridExportModal as e } from "./DataGridExportModal.js";
+import { DataGridSettingsModal as t } from "./DataGridSettingsModal.js";
+import { DataGrid as n, dataGridColumnLabel as r, isDataGridColumnVisible as i } from "./DataGrid2.js";
+export { n as DataGrid, e as DataGridExportModal, t as DataGridSettingsModal, r as dataGridColumnLabel, i as isDataGridColumnVisible };

package/dist/components/DataGrid/nodeToPlainText.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+/**
+ * The text of a node: strings and numbers, through elements, fragments and
+ * arrays. A textless node (an icon) gives "".
+ */
+export declare function nodeToPlainText(node: ReactNode): string;

package/dist/components/DataGrid/nodeToPlainText.js

@@ -0,0 +1,9 @@
+import { isValidElement as e } from "react";
+//#region src/components/DataGrid/nodeToPlainText.ts
+function t(n) {
+	return n == null || typeof n == "boolean" ? "" : typeof n == "string" ? n : typeof n == "number" ? String(n) : Array.isArray(n) ? n.map(t).join("") : e(n) ? t(n.props.children) : "";
+}
+//#endregion
+export { t as nodeToPlainText };
+
+//# sourceMappingURL=nodeToPlainText.js.map

package/dist/components/DataGrid/nodeToPlainText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeToPlainText.js","names":[],"sources":["../../../src/components/DataGrid/nodeToPlainText.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from \"react\";\n\n/**\n * The text of a node: strings and numbers, through elements, fragments and\n * arrays. A textless node (an icon) gives \"\".\n */\nexport function nodeToPlainText(node: ReactNode): string {\n  if (node == null || typeof node === \"boolean\") return \"\";\n  if (typeof node === \"string\") return node;\n  if (typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(nodeToPlainText).join(\"\");\n  if (isValidElement(node)) {\n    return nodeToPlainText((node.props as { children?: ReactNode }).children);\n  }\n  return \"\";\n}\n"],"mappings":";;AAMA,SAAgB,EAAgB,GAAyB;CAQvD,OAPI,KAAQ,QAAQ,OAAO,KAAS,YAAkB,KAClD,OAAO,KAAS,WAAiB,IACjC,OAAO,KAAS,WAAiB,OAAO,CAAI,IAC5C,MAAM,QAAQ,CAAI,IAAU,EAAK,IAAI,CAAe,CAAC,CAAC,KAAK,EAAE,IAC7D,EAAe,CAAI,IACd,EAAiB,EAAK,MAAmC,QAAQ,IAEnE;AACT"}