@epilot/volt-ui-experimental-griffel 0.1.2 → 0.2.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sources":["../../../src/components/data-table/data-table.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { useState, useRef, useEffect, useCallback, useMemo } from \"react\"\nimport type { ReactNode, MouseEvent } from \"react\"\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getSortedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  type SortingState,\n  type RowSelectionState,\n  type PaginationState,\n  type ColumnFiltersState,\n  type VisibilityState,\n  type ColumnDef,\n  type Row,\n  type ColumnSizingState,\n  type ColumnPinningState,\n  type HeaderContext,\n} from \"@tanstack/react-table\"\nimport { mergeClasses } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport { Checkbox } from \"../checkbox/checkbox\"\nimport { TableDensityContext, type TableDensity } from \"../table/table\"\nimport {\n  DataTableContext,\n  type DataTablePaginationConfig,\n  type DataTableCellOverflow,\n} from \"./data-table-context\"\nimport { DataTableColumnHeader } from \"./data-table-column-header\"\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type DataTableProps<TData> = {\n  /** Column definitions */\n  columns: ColumnDef<TData, unknown>[]\n  /** Data array */\n  data: TData[]\n  /** Children rendered inside the context (DataTableContent, DataTablePagination, etc.) */\n  children?: ReactNode\n  /** Unique key accessor for each row */\n  getRowId?: (row: TData) => string\n  /** Enable row selection with checkboxes */\n  enableRowSelection?: boolean | ((row: Row<TData>) => boolean)\n  /** Enable column sorting */\n  enableSorting?: boolean\n  /** Skip client-side sorting (for server-side sorting). When true, sorting state is tracked but rows are not sorted client-side. */\n  manualSorting?: boolean\n  /** Enable column filtering */\n  enableFiltering?: boolean\n  /** Skip client-side filtering (for server-side filtering). When true, filter state is tracked but rows are not filtered client-side. */\n  manualFiltering?: boolean\n  /** Enable global search/filter */\n  enableGlobalFilter?: boolean\n  /** Pagination configuration */\n  pagination?: DataTablePaginationConfig\n  /** Controlled sorting state */\n  sorting?: SortingState\n  /** Callback when sorting changes */\n  onSortingChange?: (sorting: SortingState) => void\n  /** Default sorting state */\n  defaultSorting?: SortingState\n  /** Controlled row selection state */\n  rowSelection?: RowSelectionState\n  /** Callback when row selection changes */\n  onRowSelectionChange?: (selection: RowSelectionState) => void\n  /** Default row selection state */\n  defaultRowSelection?: RowSelectionState\n  /** Controlled column filters state */\n  columnFilters?: ColumnFiltersState\n  /** Callback when column filters change */\n  onColumnFiltersChange?: (filters: ColumnFiltersState) => void\n  /** Controlled column visibility state */\n  columnVisibility?: VisibilityState\n  /** Callback when column visibility changes */\n  onColumnVisibilityChange?: (visibility: VisibilityState) => void\n  /** Controlled global filter value */\n  globalFilter?: string\n  /** Callback when global filter changes */\n  onGlobalFilterChange?: (value: string) => void\n  /** Handler called when a row is clicked. Enables clickable row mode. */\n  onRowClick?: (row: Row<TData>, event: MouseEvent<HTMLTableRowElement>) => void\n  /** Custom hover class for clickable rows. Default: 'hover:bg-accent-a3' */\n  clickableRowClassName?: string\n  /** Custom class for selected rows. Default: 'data-[state=selected]:bg-accent-a3' */\n  selectedRowClassName?: string\n  /** Controls how cell content handles overflow. 'grow' expands cells (default), 'wrap' wraps text, 'truncate' shows ellipsis. Can be overridden per-column via column meta. */\n  cellOverflow?: DataTableCellOverflow\n  /** Disable column width resizing (enabled by default) */\n  disableColumnResizing?: boolean\n  /** Resize mode: 'onChange' updates during drag, 'onEnd' updates when drag finishes. Default: 'onChange' */\n  columnResizeMode?: \"onChange\" | \"onEnd\"\n  /** Controlled column sizing state */\n  columnSizing?: ColumnSizingState\n  /** Callback when column sizing changes */\n  onColumnSizingChange?: (sizing: ColumnSizingState) => void\n  /** Default column sizing for uncontrolled mode */\n  defaultColumnSizing?: ColumnSizingState\n  /** Controlled column pinning state */\n  columnPinning?: ColumnPinningState\n  /** Callback when column pinning changes */\n  onColumnPinningChange?: (pinning: ColumnPinningState) => void\n  /** Default column pinning for uncontrolled mode */\n  defaultColumnPinning?: ColumnPinningState\n  /** Auto-pin selection column to left when rows are selected. Default: false */\n  autoPinSelection?: boolean\n  /** Show bottom border on header row. Default: true */\n  showHeaderBorder?: boolean\n  /** Show bottom borders on data rows. Default: true */\n  showRowBorders?: boolean\n  /** Ensure columns have minimum width to fit header content (prevents hover clipping on sortable headers). Default: false */\n  fitHeaderWidth?: boolean\n  /** Cell density: compact, normal, or comfortable. Default: normal */\n  density?: TableDensity\n  /** Additional class name */\n  className?: string\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\n/**\n * Transforms columns to auto-wrap string headers with DataTableColumnHeader\n * when sorting is enabled at the table level.\n */\nfunction wrapSortableHeaders<TData>(\n  columns: ColumnDef<TData, unknown>[],\n  enableSorting: boolean | undefined\n): ColumnDef<TData, unknown>[] {\n  if (!enableSorting) {\n    return columns\n  }\n\n  return columns.map((column) => {\n    // Skip if column explicitly disables sorting\n    if (column.enableSorting === false) {\n      return column\n    }\n\n    // Skip if header is not a string (already a function/component)\n    if (typeof column.header !== \"string\") {\n      return column\n    }\n\n    const headerTitle = column.header\n\n    return {\n      ...column,\n      header: ({ column: col }: HeaderContext<TData, unknown>) => (\n        <DataTableColumnHeader column={col} title={headerTitle} />\n      ),\n      meta: {\n        ...column.meta,\n        // Preserve original header for visibility dropdown fallback\n        visibilityLabel:\n          (column.meta as { visibilityLabel?: string } | undefined)\n            ?.visibilityLabel ?? headerTitle,\n        // Flag to indicate this header was auto-wrapped with DataTableColumnHeader\n        _sortableHeaderWrapped: true,\n      },\n    } as ColumnDef<TData, unknown>\n  })\n}\n\nconst useStyles = makeVoltStyles({\n  root: {\n    width: \"100%\",\n    maxWidth: \"100%\",\n  },\n})\n\n// =============================================================================\n// Component\n// =============================================================================\n\nfunction DataTableInner<TData>(\n  {\n    columns,\n    data,\n    children,\n    getRowId,\n    enableRowSelection = false,\n    enableSorting = false,\n    manualSorting = false,\n    enableFiltering = false,\n    manualFiltering = false,\n    enableGlobalFilter = false,\n    pagination,\n    sorting: controlledSorting,\n    onSortingChange,\n    defaultSorting = [],\n    rowSelection: controlledRowSelection,\n    onRowSelectionChange,\n    defaultRowSelection = {},\n    columnFilters: controlledColumnFilters,\n    onColumnFiltersChange,\n    columnVisibility: controlledColumnVisibility,\n    onColumnVisibilityChange,\n    globalFilter: controlledGlobalFilter,\n    onGlobalFilterChange,\n    onRowClick,\n    clickableRowClassName,\n    selectedRowClassName,\n    cellOverflow = \"truncate\",\n    disableColumnResizing = false,\n    columnResizeMode = \"onChange\",\n    columnSizing: controlledColumnSizing,\n    onColumnSizingChange,\n    defaultColumnSizing = {},\n    columnPinning: controlledColumnPinning,\n    onColumnPinningChange,\n    defaultColumnPinning = { left: [], right: [] },\n    autoPinSelection,\n    showHeaderBorder = true,\n    showRowBorders = true,\n    fitHeaderWidth = false,\n    density = \"normal\",\n    className,\n  }: DataTableProps<TData>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const styles = useStyles()\n\n  // Internal state for uncontrolled mode\n  const [internalSorting, setInternalSorting] =\n    useState<SortingState>(defaultSorting)\n  const [internalRowSelection, setInternalRowSelection] =\n    useState<RowSelectionState>(defaultRowSelection)\n  const [internalColumnFilters, setInternalColumnFilters] =\n    useState<ColumnFiltersState>([])\n  const [internalColumnVisibility, setInternalColumnVisibility] =\n    useState<VisibilityState>({})\n  const [internalGlobalFilter, setInternalGlobalFilter] = useState<string>(\"\")\n  const [internalColumnSizing, setInternalColumnSizing] =\n    useState<ColumnSizingState>(defaultColumnSizing)\n  const [internalColumnPinning, setInternalColumnPinning] =\n    useState<ColumnPinningState>(defaultColumnPinning)\n\n  const initialPagination = {\n    pageIndex: pagination?.pageIndex ?? 0,\n    pageSize: pagination?.pageSize ?? 10,\n  }\n  const [internalPagination, setInternalPagination] =\n    useState<PaginationState>(initialPagination)\n  const isInternalPaginationChange = useRef(false)\n\n  useEffect(() => {\n    if (pagination?.pageIndex === undefined) {\n      return\n    }\n    const pageIndex = pagination.pageIndex\n    setInternalPagination((prev) =>\n      prev.pageIndex === pageIndex ? prev : { ...prev, pageIndex }\n    )\n  }, [pagination?.pageIndex])\n\n  useEffect(() => {\n    if (pagination?.pageSize === undefined) {\n      return\n    }\n    const pageSize = pagination.pageSize\n    setInternalPagination((prev) =>\n      prev.pageSize === pageSize ? prev : { ...prev, pageSize }\n    )\n  }, [pagination?.pageSize])\n\n  // Derive enableColumnResizing from disableColumnResizing (enabled by default)\n  const enableColumnResizing = !disableColumnResizing\n\n  // Use controlled or internal state\n  const sorting = controlledSorting ?? internalSorting\n  const rowSelection = controlledRowSelection ?? internalRowSelection\n  const columnFilters = controlledColumnFilters ?? internalColumnFilters\n  const columnVisibility =\n    controlledColumnVisibility ?? internalColumnVisibility\n  const globalFilter = controlledGlobalFilter ?? internalGlobalFilter\n  const columnSizing = controlledColumnSizing ?? internalColumnSizing\n  const columnPinning = controlledColumnPinning ?? internalColumnPinning\n\n  // Compute effective pinning with auto-pin selection\n  const effectiveColumnPinning = useMemo(() => {\n    const shouldAutoPinSelection =\n      enableRowSelection &&\n      autoPinSelection &&\n      Object.keys(rowSelection).length > 0\n\n    if (!shouldAutoPinSelection) {\n      return columnPinning\n    }\n\n    // Add \"select\" to left pinned if not already present\n    const leftPinned = columnPinning.left ?? []\n    if (leftPinned.includes(\"select\")) {\n      return columnPinning\n    }\n\n    return {\n      ...columnPinning,\n      left: [\"select\", ...leftPinned],\n    }\n  }, [columnPinning, rowSelection, enableRowSelection, autoPinSelection])\n\n  // Build selection column if enabled\n  const selectionColumn: ColumnDef<TData, unknown> = useMemo(\n    () => ({\n      id: \"select\",\n      header: ({ table }) => (\n        <Checkbox\n          data-fs-element=\"DataTable-SelectAll\"\n          checked={\n            table.getIsAllPageRowsSelected() ||\n            (table.getIsSomePageRowsSelected() && \"indeterminate\")\n          }\n          onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}\n          aria-label=\"Select all rows\"\n        />\n      ),\n      cell: ({ row }) => (\n        <Checkbox\n          data-fs-element=\"DataTable-SelectRow\"\n          checked={row.getIsSelected()}\n          onCheckedChange={(value) => row.toggleSelected(!!value)}\n          disabled={!row.getCanSelect()}\n          aria-label=\"Select row\"\n        />\n      ),\n      enableSorting: false,\n      enableHiding: false,\n      enableResizing: false,\n      size: 40,\n    }),\n    []\n  )\n\n  // Transform columns to auto-wrap sortable headers\n  const processedColumns = useMemo(() => {\n    return wrapSortableHeaders(columns, enableSorting)\n  }, [columns, enableSorting])\n\n  // Prepend selection column if enabled\n  const allColumns = useMemo(() => {\n    if (enableRowSelection) {\n      return [selectionColumn, ...processedColumns]\n    }\n    return processedColumns\n  }, [processedColumns, enableRowSelection, selectionColumn])\n\n  const usePagination = Boolean(pagination)\n  const isServerSidePagination =\n    usePagination &&\n    (pagination?.totalItems !== undefined ||\n      pagination?.pageCount !== undefined)\n\n  const handlePaginationChange = useCallback(\n    (\n      updater: PaginationState | ((prev: PaginationState) => PaginationState)\n    ) => {\n      isInternalPaginationChange.current = true\n      setInternalPagination((prev) => {\n        const next = typeof updater === \"function\" ? updater(prev) : updater\n        return next\n      })\n    },\n    []\n  )\n\n  // Call user's pagination callback after render completes\n  useEffect(() => {\n    if (isInternalPaginationChange.current) {\n      pagination?.onPaginationChange?.(internalPagination)\n      isInternalPaginationChange.current = false\n    }\n  }, [internalPagination, pagination])\n\n  // Create table instance\n  const table = useReactTable({\n    data,\n    columns: allColumns,\n    getRowId,\n    getCoreRowModel: getCoreRowModel(),\n\n    // Default column configuration\n    defaultColumn: {\n      minSize: 50,\n    },\n\n    // Sorting\n    ...(enableSorting &&\n      !manualSorting && {\n        getSortedRowModel: getSortedRowModel(),\n      }),\n    ...(manualSorting && {\n      manualSorting: true,\n    }),\n    state: {\n      sorting,\n      rowSelection,\n      columnFilters,\n      columnVisibility,\n      globalFilter,\n      columnPinning: effectiveColumnPinning,\n      ...(usePagination && {\n        pagination: internalPagination,\n      }),\n      ...(enableColumnResizing && {\n        columnSizing,\n      }),\n    },\n    onSortingChange: (updater) => {\n      const newSorting =\n        typeof updater === \"function\" ? updater(sorting) : updater\n      setInternalSorting(newSorting)\n      onSortingChange?.(newSorting)\n    },\n\n    // Row selection\n    enableRowSelection:\n      typeof enableRowSelection === \"function\"\n        ? (row: Row<TData>) => enableRowSelection(row)\n        : enableRowSelection,\n    onRowSelectionChange: (updater) => {\n      const newSelection =\n        typeof updater === \"function\" ? updater(rowSelection) : updater\n      setInternalRowSelection(newSelection)\n      onRowSelectionChange?.(newSelection)\n    },\n\n    // Filtering\n    ...((enableFiltering || enableGlobalFilter) &&\n      !manualFiltering && {\n        getFilteredRowModel: getFilteredRowModel(),\n      }),\n    ...(manualFiltering && {\n      manualFiltering: true,\n    }),\n    onColumnFiltersChange: (updater) => {\n      const newFilters =\n        typeof updater === \"function\" ? updater(columnFilters) : updater\n      setInternalColumnFilters(newFilters)\n      onColumnFiltersChange?.(newFilters)\n    },\n    onColumnVisibilityChange: (updater) => {\n      const newVisibility =\n        typeof updater === \"function\" ? updater(columnVisibility) : updater\n      setInternalColumnVisibility(newVisibility)\n      onColumnVisibilityChange?.(newVisibility)\n    },\n    onGlobalFilterChange: (updater) => {\n      const newGlobalFilter =\n        typeof updater === \"function\" ? updater(globalFilter) : updater\n      setInternalGlobalFilter(newGlobalFilter)\n      onGlobalFilterChange?.(newGlobalFilter)\n    },\n\n    // Column resizing\n    enableColumnResizing,\n    columnResizeMode,\n    onColumnSizingChange: (updater) => {\n      const newSizing =\n        typeof updater === \"function\" ? updater(columnSizing) : updater\n      setInternalColumnSizing(newSizing)\n      onColumnSizingChange?.(newSizing)\n    },\n\n    // Column pinning\n    onColumnPinningChange: (updater) => {\n      const newPinning =\n        typeof updater === \"function\" ? updater(columnPinning) : updater\n      setInternalColumnPinning(newPinning)\n      onColumnPinningChange?.(newPinning)\n    },\n\n    // Pagination\n    ...(usePagination &&\n      !isServerSidePagination && {\n        getPaginationRowModel: getPaginationRowModel(),\n      }),\n    ...(isServerSidePagination && {\n      manualPagination: true,\n      pageCount: pagination?.pageCount,\n      rowCount: pagination?.totalItems,\n    }),\n    ...(usePagination && {\n      onPaginationChange: handlePaginationChange,\n    }),\n  })\n\n  const contextValue = useMemo(\n    () => ({\n      table,\n      pagination,\n      onRowClick,\n      clickableRowClassName,\n      selectedRowClassName,\n      cellOverflow,\n      disableColumnResizing,\n      showHeaderBorder,\n      showRowBorders,\n      fitHeaderWidth,\n    }),\n    [\n      table,\n      pagination,\n      onRowClick,\n      clickableRowClassName,\n      selectedRowClassName,\n      cellOverflow,\n      disableColumnResizing,\n      showHeaderBorder,\n      showRowBorders,\n      fitHeaderWidth,\n    ]\n  )\n\n  return (\n    <DataTableContext.Provider value={contextValue}>\n      <TableDensityContext.Provider value={density}>\n        <div\n          ref={ref}\n          data-slot=\"data-table\"\n          {...{ [SLOT_ATTR]: \"data-table\" }}\n          data-fs-element=\"DataTable\"\n          className={mergeClasses(styles.root, className)}\n        >\n          {children}\n        </div>\n      </TableDensityContext.Provider>\n    </DataTableContext.Provider>\n  )\n}\n\nexport const DataTable = React.forwardRef(DataTableInner) as <TData>(\n  props: DataTableProps<TData> & { ref?: React.Ref<HTMLDivElement> }\n) => React.ReactElement | null\n"],"names":["wrapSortableHeaders","columns","enableSorting","column","headerTitle","col","jsx","DataTableColumnHeader","_a","useStyles","makeVoltStyles","DataTableInner","data","children","getRowId","enableRowSelection","manualSorting","enableFiltering","manualFiltering","enableGlobalFilter","pagination","controlledSorting","onSortingChange","defaultSorting","controlledRowSelection","onRowSelectionChange","defaultRowSelection","controlledColumnFilters","onColumnFiltersChange","controlledColumnVisibility","onColumnVisibilityChange","controlledGlobalFilter","onGlobalFilterChange","onRowClick","clickableRowClassName","selectedRowClassName","cellOverflow","disableColumnResizing","columnResizeMode","controlledColumnSizing","onColumnSizingChange","defaultColumnSizing","controlledColumnPinning","onColumnPinningChange","defaultColumnPinning","autoPinSelection","showHeaderBorder","showRowBorders","fitHeaderWidth","density","className","ref","styles","internalSorting","setInternalSorting","useState","internalRowSelection","setInternalRowSelection","internalColumnFilters","setInternalColumnFilters","internalColumnVisibility","setInternalColumnVisibility","internalGlobalFilter","setInternalGlobalFilter","internalColumnSizing","setInternalColumnSizing","internalColumnPinning","setInternalColumnPinning","initialPagination","internalPagination","setInternalPagination","isInternalPaginationChange","useRef","useEffect","pageIndex","prev","pageSize","enableColumnResizing","sorting","rowSelection","columnFilters","columnVisibility","globalFilter","columnSizing","columnPinning","effectiveColumnPinning","useMemo","leftPinned","selectionColumn","table","Checkbox","value","row","processedColumns","allColumns","usePagination","isServerSidePagination","handlePaginationChange","useCallback","updater","useReactTable","getCoreRowModel","getSortedRowModel","newSorting","newSelection","getFilteredRowModel","newFilters","newVisibility","newGlobalFilter","newSizing","newPinning","getPaginationRowModel","contextValue","DataTableContext","TableDensityContext","SLOT_ATTR","mergeClasses","DataTable","React"],"mappings":"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"}

package/dist/components/data-table/get-selected-row-data.js

@@ -0,0 +1,8 @@
+function i(c, d, s = (e) => e.id) {
+  const e = Object.keys(c).filter((t) => c[t]);
+  return d.filter((t) => e.includes(s(t)));
+}
+export {
+  i as getSelectedRowData
+};
+//# sourceMappingURL=get-selected-row-data.js.map

package/dist/components/data-table/get-selected-row-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-selected-row-data.js","sources":["../../../src/components/data-table/get-selected-row-data.ts"],"sourcesContent":["import type { RowSelectionState } from \"@tanstack/react-table\"\n\n/**\n * Extracts selected row data from a row selection state.\n *\n * @param rowSelection - The selection state from DataTable (controlled via rowSelection prop)\n * @param data - Your data array\n * @param getRowId - Optional ID accessor function (defaults to `row.id`)\n * @returns Array of selected data items\n *\n * @example\n * ```tsx\n * const selectedData = useMemo(\n *   () => getSelectedRowData(rowSelection, data),\n *   [rowSelection, data]\n * )\n * ```\n */\nexport function getSelectedRowData<TData>(\n  rowSelection: RowSelectionState,\n  data: TData[],\n  getRowId: (row: TData) => string = (row) => (row as { id: string }).id\n): TData[] {\n  const selectedIds = Object.keys(rowSelection).filter((id) => rowSelection[id])\n  return data.filter((item) => selectedIds.includes(getRowId(item)))\n}\n"],"names":["getSelectedRowData","rowSelection","data","getRowId","row","selectedIds","id","item"],"mappings":"AAkBO,SAASA,EACdC,GACAC,GACAC,IAAmC,CAACC,MAASA,EAAuB,IAC3D;AACT,QAAMC,IAAc,OAAO,KAAKJ,CAAY,EAAE,OAAO,CAACK,MAAOL,EAAaK,CAAE,CAAC;AAC7E,SAAOJ,EAAK,OAAO,CAACK,MAASF,EAAY,SAASF,EAASI,CAAI,CAAC,CAAC;AACnE;"}

package/dist/components/data-table/hooks/use-data-table-content.js

@@ -0,0 +1,9 @@
+import { useContext as t } from "react";
+import { DataTableContentContext as e } from "../data-table-context.js";
+function r() {
+  return t(e);
+}
+export {
+  r as useDataTableContent
+};
+//# sourceMappingURL=use-data-table-content.js.map

package/dist/components/data-table/hooks/use-data-table-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-table-content.js","sources":["../../../../src/components/data-table/hooks/use-data-table-content.ts"],"sourcesContent":["import { useContext } from \"react\"\nimport { DataTableContentContext } from \"../data-table-context\"\n\nexport function useDataTableContent() {\n  return useContext(DataTableContentContext)\n}\n"],"names":["useDataTableContent","useContext","DataTableContentContext"],"mappings":";;AAGO,SAASA,IAAsB;AACpC,SAAOC,EAAWC,CAAuB;AAC3C;"}

package/dist/components/data-table/hooks/use-data-table.js

@@ -0,0 +1,12 @@
+import { useContext as e } from "react";
+import { DataTableContext as o } from "../data-table-context.js";
+function r() {
+  const t = e(o);
+  if (!t)
+    throw new Error("useDataTable must be used within a DataTable component");
+  return t;
+}
+export {
+  r as useDataTable
+};
+//# sourceMappingURL=use-data-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-table.js","sources":["../../../../src/components/data-table/hooks/use-data-table.ts"],"sourcesContent":["import { useContext } from \"react\"\nimport {\n  DataTableContext,\n  type DataTableContextValue,\n} from \"../data-table-context\"\n\nexport function useDataTable<TData>() {\n  const context = useContext(DataTableContext)\n  if (!context) {\n    throw new Error(\"useDataTable must be used within a DataTable component\")\n  }\n  return context as DataTableContextValue<TData>\n}\n"],"names":["useDataTable","context","useContext","DataTableContext"],"mappings":";;AAMO,SAASA,IAAsB;AACpC,QAAMC,IAAUC,EAAWC,CAAgB;AAC3C,MAAI,CAACF;AACH,UAAM,IAAI,MAAM,wDAAwD;AAE1E,SAAOA;AACT;"}

package/dist/components/date-range-picker/date-range-picker.js

@@ -1,18 +1,18 @@
-import { jsxs as k, jsx as s } from "react/jsx-runtime";
-import * as a from "react";
-import { createElement as ne } from "react";
-import { shorthands as l } from "../../node_modules/@griffel/core/src/index.js";
-import { Field as re, FieldLabel as ae, FieldInputGroup as se, FieldGroupAddon as de, FieldError as ie } from "../field/field.js";
-import { Button as oe } from "../button/button.js";
-import { Pill as pe } from "../pill/pill.js";
-import { Popover as le, PopoverTrigger as ce, PopoverContent as ge } from "../popover/popover.js";
-import { SLOT_ATTR as c } from "../../renderer/contract.js";
-import { makeVoltStyles as he } from "../../styles/make-styles.js";
-import { gray6 as ue, gray9 as me, textSm as G, grayA8 as fe, grayA12 as Te, spacingElement1 as Ce, spacingGroup1 as qe, spacingElement2 as ye } from "../../tokens/index.js";
+import { jsxs as S, jsx as s } from "react/jsx-runtime";
+import * as r from "react";
+import { createElement as ae } from "react";
+import { shorthands as l } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
+import { SLOT_ATTR as c } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as z } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { Field as re, FieldLabel as se, FieldInputGroup as de, FieldGroupAddon as ie, FieldError as oe } from "../field/field.js";
+import { Button as pe } from "../button/button.js";
+import { Pill as le } from "../pill/pill.js";
+import { Popover as ce, PopoverTrigger as ge, PopoverContent as he } from "../popover/popover.js";
+import { makeVoltStyles as ue } from "../../styles/make-styles.js";
+import { gray6 as me, gray9 as fe, leadingSm as G, textSm as H, grayA8 as Te, grayA12 as ye, spacingElement1 as Ce, spacingGroup1 as qe, spacingElement2 as Se } from "../../tokens/index.js";
 import { RangeCalendar as ke } from "./range-calendar.js";
 import { formatDateTimeDisplay as d, parseDateTimeInput as b } from "../date-time-picker/date-time-picker-utils.js";
-import { mergeClasses as z } from "../../node_modules/@griffel/core/src/mergeClasses.js";
-const Se = (S) => /* @__PURE__ */ s(
+const xe = (k) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -20,10 +20,10 @@ const Se = (S) => /* @__PURE__ */ s(
     viewBox: "0 -960 960 960",
     width: "18px",
     fill: "currentColor",
-    ...S,
+    ...k,
     children: /* @__PURE__ */ s("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z" })
   }
-), xe = "dd/MM/yyyy", B = he({
+), we = "dd/MM/yyyy", B = ue({
   root: {
     width: "100%"
   },
@@ -53,7 +53,7 @@ const Se = (S) => /* @__PURE__ */ s(
   triggerRoot: {
     display: "flex",
     alignItems: "center",
-    ...l.gap(ye),
+    ...l.gap(Se),
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: "0%",
@@ -63,22 +63,24 @@ const Se = (S) => /* @__PURE__ */ s(
   input: {
     width: "5.5rem",
     outlineStyle: "none",
-    fontSize: G,
-    color: Te,
+    fontSize: H,
+    lineHeight: G,
+    color: ye,
     backgroundColor: "transparent",
     textAlign: "center",
     ...l.border("0"),
     ...l.padding("0"),
     "::placeholder": {
-      color: fe
+      color: Te
     },
     ":disabled": {
       cursor: "not-allowed"
     }
   },
   separator: {
-    fontSize: G,
-    color: me,
+    fontSize: H,
+    lineHeight: G,
+    color: fe,
     flexShrink: 0,
     userSelect: "none",
     ...l.padding("0", "0.125rem")
@@ -102,21 +104,21 @@ const Se = (S) => /* @__PURE__ */ s(
     // v1 w-32
     borderLeftWidth: "1px",
     borderLeftStyle: "solid",
-    borderLeftColor: ue,
+    borderLeftColor: me,
     paddingLeft: "0.75rem"
     // v1 pl-3 (0.75rem)
   },
   presetPill: {
     alignSelf: "flex-start"
   }
-}), we = a.forwardRef((S, t) => {
+}), be = r.forwardRef((k, t) => {
   const {
     startValue: o,
     endValue: i,
     startPlaceholder: x,
     endPlaceholder: R,
     disabled: T,
-    onStartChange: C,
+    onStartChange: y,
     onEndChange: I,
     onStartBlur: v,
     onEndBlur: n,
@@ -125,8 +127,8 @@ const Se = (S) => /* @__PURE__ */ s(
     className: N,
     "data-slot": O,
     ...V
-  } = S, h = B();
-  return /* @__PURE__ */ k(
+  } = k, h = B();
+  return /* @__PURE__ */ S(
     "div",
     {
       ref: t,
@@ -145,7 +147,7 @@ const Se = (S) => /* @__PURE__ */ s(
             "data-testid": e ? `${e}-start` : void 0,
             disabled: T,
             onBlur: v,
-            onChange: C,
+            onChange: y,
             placeholder: x,
             value: o
           }
@@ -177,96 +179,96 @@ const Se = (S) => /* @__PURE__ */ s(
       ]
     }
   );
-}), Oe = a.forwardRef(function({
+}), Fe = r.forwardRef(function({
   value: t,
   onChange: o,
   onBlur: i,
   disabled: x = !1,
   disablePast: R = !1,
   label: T,
-  error: C,
+  error: y,
   startPlaceholder: I = "dd/MM/yyyy",
   endPlaceholder: v = "dd/MM/yyyy",
-  format: n = xe,
+  format: n = we,
   locale: e = "de",
   className: E,
   keyboardIcon: N,
   inputAriaLabel: O,
   openPickerAriaLabel: V = "Open date picker",
   previousMonthLabel: h = "Previous month",
-  nextMonthLabel: H = "Next month",
-  testId: _,
-  currentTimeInTimezone: j,
-  showWeekNumbers: $ = !1,
+  nextMonthLabel: _ = "Next month",
+  testId: j,
+  currentTimeInTimezone: $,
+  showWeekNumbers: Q = !1,
   presets: P
 }, U) {
-  const p = B(), [Z, M] = a.useState(!1), [A, u] = a.useState(
+  const p = B(), [Z, M] = r.useState(!1), [A, u] = r.useState(
     () => t.start ? d(t.start, n, e) : ""
-  ), [D, m] = a.useState(
+  ), [D, m] = r.useState(
     () => t.end ? d(t.end, n, e) : ""
-  ), [w, q] = a.useState(t), f = a.useRef(t);
-  a.useEffect(() => {
+  ), [w, C] = r.useState(t), f = r.useRef(t);
+  r.useEffect(() => {
     u(
       t.start ? d(t.start, n, e) : ""
     ), m(
       t.end ? d(t.end, n, e) : ""
-    ), q(t);
-  }, [t, n, e]), a.useEffect(() => {
-    Z && (f.current = t, q(t));
+    ), C(t);
+  }, [t, n, e]), r.useEffect(() => {
+    Z && (f.current = t, C(t));
   }, [Z, t]);
-  const W = a.useCallback(
-    (r) => {
-      const g = r.target.value;
+  const W = r.useCallback(
+    (a) => {
+      const g = a.target.value;
       u(g);
-      const y = b(g, n, e);
-      if (y) {
-        const L = { ...t, start: y };
+      const q = b(g, n, e);
+      if (q) {
+        const L = { ...t, start: q };
         o(L);
       }
     },
     [o, t, n, e]
-  ), J = a.useCallback(
-    (r) => {
-      const g = r.target.value;
+  ), J = r.useCallback(
+    (a) => {
+      const g = a.target.value;
       m(g);
-      const y = b(g, n, e);
-      if (y) {
-        const L = { ...t, end: y };
+      const q = b(g, n, e);
+      if (q) {
+        const L = { ...t, end: q };
         o(L);
       }
     },
     [o, t, n, e]
-  ), K = a.useCallback(() => {
+  ), K = r.useCallback(() => {
     b(A, n, e) || u(
       t.start ? d(t.start, n, e) : ""
     ), i == null || i();
-  }, [A, t.start, n, e, i]), Q = a.useCallback(() => {
+  }, [A, t.start, n, e, i]), X = r.useCallback(() => {
     b(D, n, e) || m(
       t.end ? d(t.end, n, e) : ""
     ), i == null || i();
-  }, [D, t.end, n, e, i]), X = a.useCallback(
-    (r) => {
-      q(r), u(
-        r.start ? d(r.start, n, e) : ""
+  }, [D, t.end, n, e, i]), Y = r.useCallback(
+    (a) => {
+      C(a), u(
+        a.start ? d(a.start, n, e) : ""
       ), m(
-        r.end ? d(r.end, n, e) : ""
+        a.end ? d(a.end, n, e) : ""
       );
     },
     [n, e]
-  ), F = a.useCallback(
-    (r) => {
-      o(r), q(r), u(
-        r.start ? d(r.start, n, e) : ""
+  ), F = r.useCallback(
+    (a) => {
+      o(a), C(a), u(
+        a.start ? d(a.start, n, e) : ""
       ), m(
-        r.end ? d(r.end, n, e) : ""
+        a.end ? d(a.end, n, e) : ""
       ), setTimeout(() => {
         M(!1);
       }, 150);
     },
     [o, n, e]
-  ), Y = a.useCallback(
-    (r) => {
-      r || (!w.start || !w.end) && (q(f.current), u(
+  ), ee = r.useCallback(
+    (a) => {
+      a || (!w.start || !w.end) && (C(f.current), u(
         f.current.start ? d(
           f.current.start,
           n,
@@ -278,40 +280,40 @@ const Se = (S) => /* @__PURE__ */ s(
           n,
           e
         ) : ""
-      )), M(r);
+      )), M(a);
     },
     [w, n, e]
-  ), ee = N || /* @__PURE__ */ s(Se, {}), te = C ? "destructive" : "highlight";
-  return /* @__PURE__ */ k(
+  ), te = N || /* @__PURE__ */ s(xe, {}), ne = y ? "destructive" : "highlight";
+  return /* @__PURE__ */ S(
     re,
     {
       className: z(p.root, E),
       "data-slot": "daterangepicker",
       [c]: "daterangepicker",
       ref: U,
-      variant: te,
+      variant: ne,
       children: [
-        T && /* @__PURE__ */ s(ae, { children: T }),
-        /* @__PURE__ */ k(le, { modal: !0, onOpenChange: Y, open: Z, children: [
-          /* @__PURE__ */ k(se, { className: p.inputGroup, children: [
-            /* @__PURE__ */ s(ce, { asChild: !0, className: p.popoverTrigger, children: /* @__PURE__ */ s(
-              we,
+        T && /* @__PURE__ */ s(se, { children: T }),
+        /* @__PURE__ */ S(ce, { modal: !0, onOpenChange: ee, open: Z, children: [
+          /* @__PURE__ */ S(de, { className: p.inputGroup, children: [
+            /* @__PURE__ */ s(ge, { asChild: !0, className: p.popoverTrigger, children: /* @__PURE__ */ s(
+              be,
               {
                 disabled: x,
                 endPlaceholder: v,
                 endValue: D,
                 inputAriaLabel: O,
-                onEndBlur: Q,
+                onEndBlur: X,
                 onEndChange: J,
                 onStartBlur: K,
                 onStartChange: W,
                 startPlaceholder: I,
                 startValue: A,
-                testId: _
+                testId: j
               }
             ) }),
-            /* @__PURE__ */ s(de, { align: "end", children: /* @__PURE__ */ s(
-              oe,
+            /* @__PURE__ */ s(ie, { align: "end", children: /* @__PURE__ */ s(
+              pe,
               {
                 "aria-label": V,
                 disabled: x,
@@ -319,19 +321,19 @@ const Se = (S) => /* @__PURE__ */ s(
                 className: p.addonButton,
                 size: "icon-sm",
                 variant: "tertiary",
-                children: ee
+                children: te
               }
             ) })
           ] }),
           /* @__PURE__ */ s(
-            ge,
+            he,
             {
               align: "start",
               className: p.popoverContent,
               flush: !0,
               side: "bottom",
               sideOffset: 4,
-              children: /* @__PURE__ */ k(
+              children: /* @__PURE__ */ S(
                 "div",
                 {
                   className: p.content,
@@ -341,14 +343,14 @@ const Se = (S) => /* @__PURE__ */ s(
                     /* @__PURE__ */ s(
                       ke,
                       {
-                        currentTimeInTimezone: j,
+                        currentTimeInTimezone: $,
                         disablePast: R,
                         locale: e,
-                        nextMonthLabel: H,
-                        onChange: X,
+                        nextMonthLabel: _,
+                        onChange: Y,
                         onRangeComplete: F,
                         previousMonthLabel: h,
-                        showWeekNumbers: $,
+                        showWeekNumbers: Q,
                         value: w
                       }
                     ),
@@ -358,20 +360,20 @@ const Se = (S) => /* @__PURE__ */ s(
                         className: p.presets,
                         "data-slot": "daterangepicker-presets",
                         [c]: "daterangepicker-presets",
-                        children: P.map((r) => /* @__PURE__ */ ne(
-                          pe,
+                        children: P.map((a) => /* @__PURE__ */ ae(
+                          le,
                           {
                             className: p.presetPill,
                             "data-slot": "daterangepicker-preset",
                             [c]: "daterangepicker-preset",
-                            key: r.label,
+                            key: a.label,
                             onClick: () => {
-                              const g = r.getValue();
+                              const g = a.getValue();
                               F(g);
                             },
                             variant: "surface"
                           },
-                          r.label
+                          a.label
                         ))
                       }
                     )
@@ -381,13 +383,13 @@ const Se = (S) => /* @__PURE__ */ s(
             }
           )
         ] }),
-        C && /* @__PURE__ */ s(ie, { children: C })
+        y && /* @__PURE__ */ s(oe, { children: y })
       ]
     }
   );
 });
 export {
-  Oe as DateRangePicker,
+  Fe as DateRangePicker,
   ke as RangeCalendar
 };
 //# sourceMappingURL=date-range-picker.js.map