@osdk/react-components 0.2.0-beta.21 → 0.2.0-beta.23

package/build/esm/object-table/LoadingCell.module.css

@@ -20,29 +20,11 @@
   flex: 1;
 }
 
-/* Blueprint skeleton animation keyframes */
-@keyframes skeleton-glow {
-  from {
-    background: var(--osdk-table-skeleton-color-from);
-    border-color: var(--osdk-table-skeleton-color-from);
-  }
-
-  to {
-    background: var(--osdk-table-skeleton-color-to);
-    border-color: var(--osdk-table-skeleton-color-to);
-  }
-}
-
-.osdkCellSkeleton {
-  animation: 1000ms linear infinite alternate skeleton-glow;
-  background: var(--osdk-table-skeleton-color-from);
-  background-clip: padding-box;
-  border-color: var(--osdk-table-skeleton-color-from);
+.osdkCellSkeleton.osdkCellSkeleton {
+  --osdk-background-skeleton-from: var(--osdk-table-skeleton-color-from);
+  --osdk-background-skeleton-to: var(--osdk-table-skeleton-color-to);
   border-radius: calc(var(--osdk-surface-border-radius) * 0.5);
-  border: 1px solid var(--osdk-table-skeleton-border-color);
   box-shadow: none;
   color: transparent;
   cursor: default;
-  pointer-events: none;
-  user-select: none;
 }

package/build/esm/object-table/LoadingStateTable.js

@@ -16,6 +16,7 @@
 
 import classNames from "classnames";
 import React, { useEffect, useMemo, useRef, useState } from "react";
+import { SkeletonBar } from "../base-components/skeleton/SkeletonBar.js";
 import loadingStyles from "./LoadingCell.module.css";
 import { LoadingRow } from "./LoadingRow.js";
 import bodyStyles from "./TableBody.module.css";
@@ -81,7 +82,7 @@ export function LoadingStateTable({
       style: {
         width
       }
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(SkeletonBar, {
       className: classNames(headerStyles.osdkLoadingHeaderCell, loadingStyles.osdkCellSkeleton)
     }));
   }))), /*#__PURE__*/React.createElement("tbody", {

package/build/esm/object-table/LoadingStateTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingStateTable.js","names":["classNames","React","useEffect","useMemo","useRef","useState","loadingStyles","LoadingRow","bodyStyles","TableHeader","headerStyles","MIN_ROWS","LoadingStateTable","table","tableContainerRef","headerGroups","rowHeight","columnWidth","enableRowSelection","options","minHeaderCount","headers","length","hasHeadersLoaded","headerRef","bodyRef","loadingRowCount","setLoadingRowCount","loadingColumnCount","setLoadingColumnCount","current","tableWidth","clientWidth","columnsNeeded","Math","ceil","containerHeight","clientHeight","availableHeight","rowsNeeded","max","createElement","Fragment","className","osdkTableHeader","ref","osdkTableHeaderRow","Array","from","map","_","index","width","getSize","key","osdkTableHeaderCell","style","osdkLoadingHeaderCell","osdkCellSkeleton","osdkTableBody","columnCount","translateY"],"sources":["LoadingStateTable.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { HeaderGroup, RowData, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport loadingStyles from \"./LoadingCell.module.css\";\nimport { LoadingRow } from \"./LoadingRow.js\";\nimport bodyStyles from \"./TableBody.module.css\";\nimport { TableHeader } from \"./TableHeader.js\";\nimport headerStyles from \"./TableHeader.module.css\";\n\ninterface LoadingStateTableProps<TData extends RowData> {\n  table: Table<TData>;\n  tableContainerRef: React.RefObject<HTMLDivElement>;\n  headerGroups: Array<HeaderGroup<TData>>;\n  rowHeight?: number;\n  columnWidth?: number;\n}\n\nconst MIN_ROWS = 5;\n\nexport function LoadingStateTable<TData extends RowData>({\n  table,\n  tableContainerRef,\n  headerGroups,\n  rowHeight = 40,\n  columnWidth = 120,\n}: LoadingStateTableProps<TData>): React.ReactElement {\n  // If selection enabled, there will be a header for the selection column\n  const enableRowSelection = table.options.enableRowSelection;\n  const minHeaderCount = enableRowSelection ? 1 : 0;\n  const headers = useMemo(\n    () => headerGroups.length > 0 ? headerGroups[0].headers : [],\n    [headerGroups],\n  );\n  const hasHeadersLoaded = headers.length > minHeaderCount;\n\n  const headerRef = useRef<HTMLTableSectionElement>(null);\n  const bodyRef = useRef<HTMLTableSectionElement>(null);\n  const [loadingRowCount, setLoadingRowCount] = useState<number>(MIN_ROWS);\n  const [loadingColumnCount, setLoadingColumnCount] = useState<number>(\n    headers.length,\n  );\n  // Calculate number of columns needed to fill container width\n  useEffect(() => {\n    if (hasHeadersLoaded) {\n      setLoadingColumnCount(headers.length);\n    } else {\n      if (tableContainerRef.current) {\n        const tableWidth = tableContainerRef.current.clientWidth;\n        if (tableWidth > 0) {\n          const columnsNeeded = Math.ceil(tableWidth / columnWidth);\n          setLoadingColumnCount(columnsNeeded);\n        }\n      }\n    }\n  }, [columnWidth, hasHeadersLoaded, headers, tableContainerRef]);\n\n  // Calculate number of rows needed to fill container height\n  useEffect(() => {\n    if (tableContainerRef.current) {\n      const containerHeight = tableContainerRef.current.clientHeight;\n      const availableHeight = containerHeight - rowHeight;\n\n      if (availableHeight > 0) {\n        const rowsNeeded = Math.ceil(availableHeight / rowHeight);\n        setLoadingRowCount(Math.max(rowsNeeded, MIN_ROWS));\n      }\n    }\n  }, [tableContainerRef, rowHeight]);\n\n  return (\n    <>\n      {hasHeadersLoaded\n        ? <TableHeader table={table} />\n        : (\n          <thead className={headerStyles.osdkTableHeader} ref={headerRef}>\n            <tr className={headerStyles.osdkTableHeaderRow}>\n              {Array.from({ length: loadingColumnCount }).map((\n                _,\n                index,\n              ) => {\n                const width = headers.length > index\n                  ? headers[index].getSize()\n                  : columnWidth;\n                return (\n                  <th\n                    key={`loading-header-${index}`}\n                    className={headerStyles.osdkTableHeaderCell}\n                    style={{ width }}\n                  >\n                    <div\n                      className={classNames(\n                        headerStyles.osdkLoadingHeaderCell,\n                        loadingStyles.osdkCellSkeleton,\n                      )}\n                    />\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n        )}\n      <tbody className={bodyStyles.osdkTableBody} ref={bodyRef}>\n        {Array.from({ length: loadingRowCount }).map((_, index) => (\n          <LoadingRow\n            key={`skeleton-${index}`}\n            columnCount={loadingColumnCount}\n            headers={headers}\n            translateY={rowHeight * index}\n            rowHeight={rowHeight}\n            columnWidth={columnWidth}\n          />\n        ))}\n      </tbody>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LoadingStateTable.js","names":["classNames","React","useEffect","useMemo","useRef","useState","SkeletonBar","loadingStyles","LoadingRow","bodyStyles","TableHeader","headerStyles","MIN_ROWS","LoadingStateTable","table","tableContainerRef","headerGroups","rowHeight","columnWidth","enableRowSelection","options","minHeaderCount","headers","length","hasHeadersLoaded","headerRef","bodyRef","loadingRowCount","setLoadingRowCount","loadingColumnCount","setLoadingColumnCount","current","tableWidth","clientWidth","columnsNeeded","Math","ceil","containerHeight","clientHeight","availableHeight","rowsNeeded","max","createElement","Fragment","className","osdkTableHeader","ref","osdkTableHeaderRow","Array","from","map","_","index","width","getSize","key","osdkTableHeaderCell","style","osdkLoadingHeaderCell","osdkCellSkeleton","osdkTableBody","columnCount","translateY"],"sources":["LoadingStateTable.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { HeaderGroup, RowData, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { SkeletonBar } from \"../base-components/skeleton/SkeletonBar.js\";\nimport loadingStyles from \"./LoadingCell.module.css\";\nimport { LoadingRow } from \"./LoadingRow.js\";\nimport bodyStyles from \"./TableBody.module.css\";\nimport { TableHeader } from \"./TableHeader.js\";\nimport headerStyles from \"./TableHeader.module.css\";\n\ninterface LoadingStateTableProps<TData extends RowData> {\n  table: Table<TData>;\n  tableContainerRef: React.RefObject<HTMLDivElement>;\n  headerGroups: Array<HeaderGroup<TData>>;\n  rowHeight?: number;\n  columnWidth?: number;\n}\n\nconst MIN_ROWS = 5;\n\nexport function LoadingStateTable<TData extends RowData>({\n  table,\n  tableContainerRef,\n  headerGroups,\n  rowHeight = 40,\n  columnWidth = 120,\n}: LoadingStateTableProps<TData>): React.ReactElement {\n  // If selection enabled, there will be a header for the selection column\n  const enableRowSelection = table.options.enableRowSelection;\n  const minHeaderCount = enableRowSelection ? 1 : 0;\n  const headers = useMemo(\n    () => headerGroups.length > 0 ? headerGroups[0].headers : [],\n    [headerGroups],\n  );\n  const hasHeadersLoaded = headers.length > minHeaderCount;\n\n  const headerRef = useRef<HTMLTableSectionElement>(null);\n  const bodyRef = useRef<HTMLTableSectionElement>(null);\n  const [loadingRowCount, setLoadingRowCount] = useState<number>(MIN_ROWS);\n  const [loadingColumnCount, setLoadingColumnCount] = useState<number>(\n    headers.length,\n  );\n  // Calculate number of columns needed to fill container width\n  useEffect(() => {\n    if (hasHeadersLoaded) {\n      setLoadingColumnCount(headers.length);\n    } else {\n      if (tableContainerRef.current) {\n        const tableWidth = tableContainerRef.current.clientWidth;\n        if (tableWidth > 0) {\n          const columnsNeeded = Math.ceil(tableWidth / columnWidth);\n          setLoadingColumnCount(columnsNeeded);\n        }\n      }\n    }\n  }, [columnWidth, hasHeadersLoaded, headers, tableContainerRef]);\n\n  // Calculate number of rows needed to fill container height\n  useEffect(() => {\n    if (tableContainerRef.current) {\n      const containerHeight = tableContainerRef.current.clientHeight;\n      const availableHeight = containerHeight - rowHeight;\n\n      if (availableHeight > 0) {\n        const rowsNeeded = Math.ceil(availableHeight / rowHeight);\n        setLoadingRowCount(Math.max(rowsNeeded, MIN_ROWS));\n      }\n    }\n  }, [tableContainerRef, rowHeight]);\n\n  return (\n    <>\n      {hasHeadersLoaded\n        ? <TableHeader table={table} />\n        : (\n          <thead className={headerStyles.osdkTableHeader} ref={headerRef}>\n            <tr className={headerStyles.osdkTableHeaderRow}>\n              {Array.from({ length: loadingColumnCount }).map((\n                _,\n                index,\n              ) => {\n                const width = headers.length > index\n                  ? headers[index].getSize()\n                  : columnWidth;\n                return (\n                  <th\n                    key={`loading-header-${index}`}\n                    className={headerStyles.osdkTableHeaderCell}\n                    style={{ width }}\n                  >\n                    <SkeletonBar\n                      className={classNames(\n                        headerStyles.osdkLoadingHeaderCell,\n                        loadingStyles.osdkCellSkeleton,\n                      )}\n                    />\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n        )}\n      <tbody className={bodyStyles.osdkTableBody} ref={bodyRef}>\n        {Array.from({ length: loadingRowCount }).map((_, index) => (\n          <LoadingRow\n            key={`skeleton-${index}`}\n            columnCount={loadingColumnCount}\n            headers={headers}\n            translateY={rowHeight * index}\n            rowHeight={rowHeight}\n            columnWidth={columnWidth}\n          />\n        ))}\n      </tbody>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/object-table/MultiColumnSortDialog.js

@@ -143,9 +143,7 @@ export function MultiColumnSortDialog({
     className: styles.addIcon
   }), /*#__PURE__*/React.createElement("span", {
     className: styles.addColumnText
-  }, "Add Column to Sort"), /*#__PURE__*/React.createElement(CaretDown, {
-    color: "currentColor"
-  })), /*#__PURE__*/React.createElement(Menu.Portal, null, /*#__PURE__*/React.createElement(Menu.Positioner, {
+  }, "Add Column to Sort"), /*#__PURE__*/React.createElement(CaretDown, null)), /*#__PURE__*/React.createElement(Menu.Portal, null, /*#__PURE__*/React.createElement(Menu.Positioner, {
     className: styles.menuPositioner,
     sideOffset: 4
   }, /*#__PURE__*/React.createElement(Menu.Popup, {

package/build/esm/object-table/MultiColumnSortDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiColumnSortDialog.js","names":["Button","Menu","Add","CaretDown","Cog","SortAlphabetical","SortAlphabeticalDesc","arrayMove","classNames","React","useCallback","useEffect","useMemo","useState","ActionButton","Dialog","SearchBar","styles","SortableItemsList","MultiColumnSortDialog","isOpen","onClose","onApply","currentSorting","columnOptions","selectedSortColumns","setSelectedSortColumns","menuSearchQuery","setMenuSearchQuery","selectedColumns","sort","column","find","col","id","push","direction","desc","handleAddColumn","prev","handleRemoveSortColumn","filter","item","handleReorderSortColumns","fromIndex","toIndex","items","handleToggleSortDirection","map","handleApply","sortingState","availableColumns","canSort","some","selected","filteredAvailableColumns","query","toLowerCase","trim","name","includes","handleMenuSearchChange","event","target","value","handleMenuOpenChange","open","sortableItems","label","content","createElement","className","sortColumnItem","sortColumnName","truncate","sortDirectionButton","onClick","sortIcon","footer","Fragment","variant","handleKeyDown","stopPropagation","onOpenChange","title","DialogTitle","sortColumnsList","onReorder","onRemove","sortableList","Root","Trigger","addColumnButton","disabled","length","addIcon","addColumnText","color","Portal","Positioner","menuPositioner","sideOffset","Popup","dropdownMenu","onChange","placeholder","menuSearchContainer","onKeyDown","AvailableColumnMenuItem","key","onAddColumn","menuEmptyState","Item","dropdownItem"],"sources":["MultiColumnSortDialog.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport {\n  Add,\n  CaretDown,\n  Cog,\n  SortAlphabetical,\n  SortAlphabeticalDesc,\n} from \"@blueprintjs/icons\";\nimport { arrayMove } from \"@dnd-kit/sortable\";\nimport type { SortingState } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { ActionButton } from \"../base-components/action-button/ActionButton.js\";\nimport { Dialog } from \"../base-components/dialog/Dialog.js\";\nimport { SearchBar } from \"../base-components/search-bar/SearchBar.js\";\nimport styles from \"./MultiColumnSortDialog.module.css\";\nimport { type SortableItem, SortableItemsList } from \"./SortableItemsList.js\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\nexport interface SortColumnItem extends ColumnOption {\n  direction: \"asc\" | \"desc\";\n}\n\ninterface MultiColumnSortDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onApply: (sortColumns: SortingState) => void;\n  currentSorting: SortingState;\n  columnOptions: ColumnOption[];\n}\n\nexport function MultiColumnSortDialog({\n  isOpen,\n  onClose,\n  onApply,\n  currentSorting,\n  columnOptions,\n}: MultiColumnSortDialogProps): React.ReactElement {\n  const [selectedSortColumns, setSelectedSortColumns] = useState<\n    SortColumnItem[]\n  >([]);\n  const [menuSearchQuery, setMenuSearchQuery] = useState(\"\");\n\n  // Initialize selected sort columns from current sorting\n  useEffect(() => {\n    if (isOpen) {\n      const selectedColumns: SortColumnItem[] = [];\n      for (const sort of currentSorting) {\n        const column = columnOptions.find((col) => col.id === sort.id);\n        if (column) {\n          selectedColumns.push({\n            ...column,\n            direction: sort.desc ? \"desc\" : \"asc\",\n          });\n        }\n      }\n      setSelectedSortColumns(selectedColumns);\n    }\n  }, [isOpen, currentSorting, columnOptions]);\n\n  const handleAddColumn = useCallback((column: ColumnOption) => {\n    setSelectedSortColumns((prev) => [\n      ...prev,\n      { ...column, direction: \"asc\" },\n    ]);\n  }, []);\n\n  const handleRemoveSortColumn = useCallback((id: string) => {\n    setSelectedSortColumns((prev) => prev.filter((item) => item.id !== id));\n  }, []);\n\n  const handleReorderSortColumns = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      setSelectedSortColumns((items) => arrayMove(items, fromIndex, toIndex));\n    },\n    [],\n  );\n\n  const handleToggleSortDirection = useCallback((id: string) => {\n    setSelectedSortColumns((prev) =>\n      prev.map((item) =>\n        item.id === id\n          ? { ...item, direction: item.direction === \"asc\" ? \"desc\" : \"asc\" }\n          : item\n      )\n    );\n  }, []);\n\n  const handleApply = useCallback(() => {\n    const sortingState: SortingState = selectedSortColumns.map((col) => ({\n      id: col.id,\n      desc: col.direction === \"desc\",\n    }));\n    onApply(sortingState);\n    onClose();\n  }, [selectedSortColumns, onApply, onClose]);\n\n  const availableColumns = useMemo(\n    () =>\n      columnOptions.filter(\n        (col) =>\n          col.canSort\n          && !selectedSortColumns.some((selected) => selected.id === col.id),\n      ),\n    [columnOptions, selectedSortColumns],\n  );\n\n  const filteredAvailableColumns = useMemo(() => {\n    const query = menuSearchQuery.toLowerCase().trim();\n    if (!query) {\n      return availableColumns;\n    }\n    return availableColumns.filter((col) =>\n      col.name.toLowerCase().includes(query)\n    );\n  }, [availableColumns, menuSearchQuery]);\n\n  const handleMenuSearchChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setMenuSearchQuery(event.target.value);\n    },\n    [],\n  );\n\n  const handleMenuOpenChange = useCallback((open: boolean) => {\n    if (open) {\n      setMenuSearchQuery(\"\");\n    }\n  }, []);\n\n  const sortableItems: SortableItem[] = useMemo(() => {\n    return selectedSortColumns.map((item) => ({\n      id: item.id,\n      label: item.name,\n      content: (\n        <div className={styles.sortColumnItem}>\n          <span className={classNames(styles.sortColumnName, styles.truncate)}>\n            {item.name}\n          </span>\n          <Button\n            className={styles.sortDirectionButton}\n            onClick={() => handleToggleSortDirection(item.id)}\n            aria-label={`Toggle sort direction for ${item.name}`}\n          >\n            {item.direction === \"asc\"\n              ? <SortAlphabetical className={styles.sortIcon} />\n              : <SortAlphabeticalDesc className={styles.sortIcon} />}\n          </Button>\n        </div>\n      ),\n    }));\n  }, [selectedSortColumns, handleToggleSortDirection]);\n\n  const footer = useMemo(() => (\n    <>\n      <ActionButton onClick={onClose}>Cancel</ActionButton>\n      <ActionButton variant=\"primary\" onClick={handleApply}>\n        Apply\n      </ActionButton>\n    </>\n  ), [handleApply, onClose]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onOpenChange={onClose}\n      title={DialogTitle}\n      footer={footer}\n    >\n      <div className={styles.sortColumnsList}>\n        <SortableItemsList\n          items={sortableItems}\n          onReorder={handleReorderSortColumns}\n          onRemove={handleRemoveSortColumn}\n          className={styles.sortableList}\n        />\n        <Menu.Root onOpenChange={handleMenuOpenChange}>\n          <Menu.Trigger\n            className={styles.addColumnButton}\n            disabled={availableColumns.length === 0}\n            aria-label=\"Add column to sort\"\n          >\n            <Add className={styles.addIcon} />\n            <span className={styles.addColumnText}>\n              Add Column to Sort\n            </span>\n            <CaretDown color={\"currentColor\"} />\n          </Menu.Trigger>\n          <Menu.Portal>\n            <Menu.Positioner className={styles.menuPositioner} sideOffset={4}>\n              <Menu.Popup className={styles.dropdownMenu}>\n                <SearchBar\n                  value={menuSearchQuery}\n                  onChange={handleMenuSearchChange}\n                  placeholder=\"Search columns\"\n                  aria-label=\"Search columns to sort\"\n                  className={styles.menuSearchContainer}\n                  onKeyDown={handleKeyDown}\n                />\n                {filteredAvailableColumns.map((column) => (\n                  <AvailableColumnMenuItem\n                    key={column.id}\n                    column={column}\n                    onAddColumn={handleAddColumn}\n                  />\n                ))}\n                {filteredAvailableColumns.length === 0 && (\n                  <div className={styles.menuEmptyState}>\n                    No matching columns\n                  </div>\n                )}\n              </Menu.Popup>\n            </Menu.Positioner>\n          </Menu.Portal>\n        </Menu.Root>\n      </div>\n    </Dialog>\n  );\n}\n\nconst DialogTitle = (\n  <div className={styles.title}>\n    <Cog />Sort on Multiple Columns\n  </div>\n);\nfunction AvailableColumnMenuItem(\n  { column, onAddColumn }: {\n    column: ColumnOption;\n    onAddColumn: (column: ColumnOption) => void;\n  },\n) {\n  const onClick = useCallback(() => onAddColumn(column), [onAddColumn, column]);\n\n  return (\n    <Menu.Item\n      className={classNames(styles.dropdownItem, styles.truncate)}\n      onClick={onClick}\n    >\n      {column.name}\n    </Menu.Item>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MultiColumnSortDialog.js","names":["Button","Menu","Add","CaretDown","Cog","SortAlphabetical","SortAlphabeticalDesc","arrayMove","classNames","React","useCallback","useEffect","useMemo","useState","ActionButton","Dialog","SearchBar","styles","SortableItemsList","MultiColumnSortDialog","isOpen","onClose","onApply","currentSorting","columnOptions","selectedSortColumns","setSelectedSortColumns","menuSearchQuery","setMenuSearchQuery","selectedColumns","sort","column","find","col","id","push","direction","desc","handleAddColumn","prev","handleRemoveSortColumn","filter","item","handleReorderSortColumns","fromIndex","toIndex","items","handleToggleSortDirection","map","handleApply","sortingState","availableColumns","canSort","some","selected","filteredAvailableColumns","query","toLowerCase","trim","name","includes","handleMenuSearchChange","event","target","value","handleMenuOpenChange","open","sortableItems","label","content","createElement","className","sortColumnItem","sortColumnName","truncate","sortDirectionButton","onClick","sortIcon","footer","Fragment","variant","handleKeyDown","stopPropagation","onOpenChange","title","DialogTitle","sortColumnsList","onReorder","onRemove","sortableList","Root","Trigger","addColumnButton","disabled","length","addIcon","addColumnText","Portal","Positioner","menuPositioner","sideOffset","Popup","dropdownMenu","onChange","placeholder","menuSearchContainer","onKeyDown","AvailableColumnMenuItem","key","onAddColumn","menuEmptyState","Item","dropdownItem"],"sources":["MultiColumnSortDialog.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport {\n  Add,\n  CaretDown,\n  Cog,\n  SortAlphabetical,\n  SortAlphabeticalDesc,\n} from \"@blueprintjs/icons\";\nimport { arrayMove } from \"@dnd-kit/sortable\";\nimport type { SortingState } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { ActionButton } from \"../base-components/action-button/ActionButton.js\";\nimport { Dialog } from \"../base-components/dialog/Dialog.js\";\nimport { SearchBar } from \"../base-components/search-bar/SearchBar.js\";\nimport styles from \"./MultiColumnSortDialog.module.css\";\nimport { type SortableItem, SortableItemsList } from \"./SortableItemsList.js\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\nexport interface SortColumnItem extends ColumnOption {\n  direction: \"asc\" | \"desc\";\n}\n\ninterface MultiColumnSortDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onApply: (sortColumns: SortingState) => void;\n  currentSorting: SortingState;\n  columnOptions: ColumnOption[];\n}\n\nexport function MultiColumnSortDialog({\n  isOpen,\n  onClose,\n  onApply,\n  currentSorting,\n  columnOptions,\n}: MultiColumnSortDialogProps): React.ReactElement {\n  const [selectedSortColumns, setSelectedSortColumns] = useState<\n    SortColumnItem[]\n  >([]);\n  const [menuSearchQuery, setMenuSearchQuery] = useState(\"\");\n\n  // Initialize selected sort columns from current sorting\n  useEffect(() => {\n    if (isOpen) {\n      const selectedColumns: SortColumnItem[] = [];\n      for (const sort of currentSorting) {\n        const column = columnOptions.find((col) => col.id === sort.id);\n        if (column) {\n          selectedColumns.push({\n            ...column,\n            direction: sort.desc ? \"desc\" : \"asc\",\n          });\n        }\n      }\n      setSelectedSortColumns(selectedColumns);\n    }\n  }, [isOpen, currentSorting, columnOptions]);\n\n  const handleAddColumn = useCallback((column: ColumnOption) => {\n    setSelectedSortColumns((prev) => [\n      ...prev,\n      { ...column, direction: \"asc\" },\n    ]);\n  }, []);\n\n  const handleRemoveSortColumn = useCallback((id: string) => {\n    setSelectedSortColumns((prev) => prev.filter((item) => item.id !== id));\n  }, []);\n\n  const handleReorderSortColumns = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      setSelectedSortColumns((items) => arrayMove(items, fromIndex, toIndex));\n    },\n    [],\n  );\n\n  const handleToggleSortDirection = useCallback((id: string) => {\n    setSelectedSortColumns((prev) =>\n      prev.map((item) =>\n        item.id === id\n          ? { ...item, direction: item.direction === \"asc\" ? \"desc\" : \"asc\" }\n          : item\n      )\n    );\n  }, []);\n\n  const handleApply = useCallback(() => {\n    const sortingState: SortingState = selectedSortColumns.map((col) => ({\n      id: col.id,\n      desc: col.direction === \"desc\",\n    }));\n    onApply(sortingState);\n    onClose();\n  }, [selectedSortColumns, onApply, onClose]);\n\n  const availableColumns = useMemo(\n    () =>\n      columnOptions.filter(\n        (col) =>\n          col.canSort\n          && !selectedSortColumns.some((selected) => selected.id === col.id),\n      ),\n    [columnOptions, selectedSortColumns],\n  );\n\n  const filteredAvailableColumns = useMemo(() => {\n    const query = menuSearchQuery.toLowerCase().trim();\n    if (!query) {\n      return availableColumns;\n    }\n    return availableColumns.filter((col) =>\n      col.name.toLowerCase().includes(query)\n    );\n  }, [availableColumns, menuSearchQuery]);\n\n  const handleMenuSearchChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setMenuSearchQuery(event.target.value);\n    },\n    [],\n  );\n\n  const handleMenuOpenChange = useCallback((open: boolean) => {\n    if (open) {\n      setMenuSearchQuery(\"\");\n    }\n  }, []);\n\n  const sortableItems: SortableItem[] = useMemo(() => {\n    return selectedSortColumns.map((item) => ({\n      id: item.id,\n      label: item.name,\n      content: (\n        <div className={styles.sortColumnItem}>\n          <span className={classNames(styles.sortColumnName, styles.truncate)}>\n            {item.name}\n          </span>\n          <Button\n            className={styles.sortDirectionButton}\n            onClick={() => handleToggleSortDirection(item.id)}\n            aria-label={`Toggle sort direction for ${item.name}`}\n          >\n            {item.direction === \"asc\"\n              ? (\n                <SortAlphabetical\n                  className={styles.sortIcon}\n                />\n              )\n              : (\n                <SortAlphabeticalDesc\n                  className={styles.sortIcon}\n                />\n              )}\n          </Button>\n        </div>\n      ),\n    }));\n  }, [selectedSortColumns, handleToggleSortDirection]);\n\n  const footer = useMemo(() => (\n    <>\n      <ActionButton onClick={onClose}>Cancel</ActionButton>\n      <ActionButton variant=\"primary\" onClick={handleApply}>\n        Apply\n      </ActionButton>\n    </>\n  ), [handleApply, onClose]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onOpenChange={onClose}\n      title={DialogTitle}\n      footer={footer}\n    >\n      <div className={styles.sortColumnsList}>\n        <SortableItemsList\n          items={sortableItems}\n          onReorder={handleReorderSortColumns}\n          onRemove={handleRemoveSortColumn}\n          className={styles.sortableList}\n        />\n        <Menu.Root onOpenChange={handleMenuOpenChange}>\n          <Menu.Trigger\n            className={styles.addColumnButton}\n            disabled={availableColumns.length === 0}\n            aria-label=\"Add column to sort\"\n          >\n            <Add className={styles.addIcon} />\n            <span className={styles.addColumnText}>\n              Add Column to Sort\n            </span>\n            <CaretDown />\n          </Menu.Trigger>\n          <Menu.Portal>\n            <Menu.Positioner className={styles.menuPositioner} sideOffset={4}>\n              <Menu.Popup className={styles.dropdownMenu}>\n                <SearchBar\n                  value={menuSearchQuery}\n                  onChange={handleMenuSearchChange}\n                  placeholder=\"Search columns\"\n                  aria-label=\"Search columns to sort\"\n                  className={styles.menuSearchContainer}\n                  onKeyDown={handleKeyDown}\n                />\n                {filteredAvailableColumns.map((column) => (\n                  <AvailableColumnMenuItem\n                    key={column.id}\n                    column={column}\n                    onAddColumn={handleAddColumn}\n                  />\n                ))}\n                {filteredAvailableColumns.length === 0 && (\n                  <div className={styles.menuEmptyState}>\n                    No matching columns\n                  </div>\n                )}\n              </Menu.Popup>\n            </Menu.Positioner>\n          </Menu.Portal>\n        </Menu.Root>\n      </div>\n    </Dialog>\n  );\n}\n\nconst DialogTitle = (\n  <div className={styles.title}>\n    <Cog />Sort on Multiple Columns\n  </div>\n);\nfunction AvailableColumnMenuItem(\n  { column, onAddColumn }: {\n    column: ColumnOption;\n    onAddColumn: (column: ColumnOption) => void;\n  },\n) {\n  const onClick = useCallback(() => onAddColumn(column), [onAddColumn, column]);\n\n  return (\n    <Menu.Item\n      className={classNames(styles.dropdownItem, styles.truncate)}\n      onClick={onClick}\n    >\n      {column.name}\n    </Menu.Item>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,SACEC,GAAG,EACHC,SAAS,EACTC,GAAG,EACHC,gBAAgB,EAChBC,oBAAoB,QACf,oBAAoB;AAC3B,SAASC,SAAS,QAAQ,mBAAmB;AAE7C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACxE,SAASC,YAAY,QAAQ,kDAAkD;AAC/E,SAASC,MAAM,QAAQ,qCAAqC;AAC5D,SAASC,SAAS,QAAQ,4CAA4C;AACtE,OAAOC,MAAM,MAAM,oCAAoC;AACvD,SAA4BC,iBAAiB,QAAQ,wBAAwB;AAe7E,OAAO,SAASC,qBAAqBA,CAAC;EACpCC,MAAM;EACNC,OAAO;EACPC,OAAO;EACPC,cAAc;EACdC;AAC0B,CAAC,EAAsB;EACjD,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGb,QAAQ,CAE5D,EAAE,CAAC;EACL,MAAM,CAACc,eAAe,EAAEC,kBAAkB,CAAC,GAAGf,QAAQ,CAAC,EAAE,CAAC;;EAE1D;EACAF,SAAS,CAAC,MAAM;IACd,IAAIS,MAAM,EAAE;MACV,MAAMS,eAAiC,GAAG,EAAE;MAC5C,KAAK,MAAMC,IAAI,IAAIP,cAAc,EAAE;QACjC,MAAMQ,MAAM,GAAGP,aAAa,CAACQ,IAAI,CAAEC,GAAG,IAAKA,GAAG,CAACC,EAAE,KAAKJ,IAAI,CAACI,EAAE,CAAC;QAC9D,IAAIH,MAAM,EAAE;UACVF,eAAe,CAACM,IAAI,CAAC;YACnB,GAAGJ,MAAM;YACTK,SAAS,EAAEN,IAAI,CAACO,IAAI,GAAG,MAAM,GAAG;UAClC,CAAC,CAAC;QACJ;MACF;MACAX,sBAAsB,CAACG,eAAe,CAAC;IACzC;EACF,CAAC,EAAE,CAACT,MAAM,EAAEG,cAAc,EAAEC,aAAa,CAAC,CAAC;EAE3C,MAAMc,eAAe,GAAG5B,WAAW,CAAEqB,MAAoB,IAAK;IAC5DL,sBAAsB,CAAEa,IAAI,IAAK,CAC/B,GAAGA,IAAI,EACP;MAAE,GAAGR,MAAM;MAAEK,SAAS,EAAE;IAAM,CAAC,CAChC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,sBAAsB,GAAG9B,WAAW,CAAEwB,EAAU,IAAK;IACzDR,sBAAsB,CAAEa,IAAI,IAAKA,IAAI,CAACE,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAACR,EAAE,KAAKA,EAAE,CAAC,CAAC;EACzE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMS,wBAAwB,GAAGjC,WAAW,CAC1C,CAACkC,SAAiB,EAAEC,OAAe,KAAK;IACtCnB,sBAAsB,CAAEoB,KAAK,IAAKvC,SAAS,CAACuC,KAAK,EAAEF,SAAS,EAAEC,OAAO,CAAC,CAAC;EACzE,CAAC,EACD,EACF,CAAC;EAED,MAAME,yBAAyB,GAAGrC,WAAW,CAAEwB,EAAU,IAAK;IAC5DR,sBAAsB,CAAEa,IAAI,IAC1BA,IAAI,CAACS,GAAG,CAAEN,IAAI,IACZA,IAAI,CAACR,EAAE,KAAKA,EAAE,GACV;MAAE,GAAGQ,IAAI;MAAEN,SAAS,EAAEM,IAAI,CAACN,SAAS,KAAK,KAAK,GAAG,MAAM,GAAG;IAAM,CAAC,GACjEM,IACN,CACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,WAAW,GAAGvC,WAAW,CAAC,MAAM;IACpC,MAAMwC,YAA0B,GAAGzB,mBAAmB,CAACuB,GAAG,CAAEf,GAAG,KAAM;MACnEC,EAAE,EAAED,GAAG,CAACC,EAAE;MACVG,IAAI,EAAEJ,GAAG,CAACG,SAAS,KAAK;IAC1B,CAAC,CAAC,CAAC;IACHd,OAAO,CAAC4B,YAAY,CAAC;IACrB7B,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACI,mBAAmB,EAAEH,OAAO,EAAED,OAAO,CAAC,CAAC;EAE3C,MAAM8B,gBAAgB,GAAGvC,OAAO,CAC9B,MACEY,aAAa,CAACiB,MAAM,CACjBR,GAAG,IACFA,GAAG,CAACmB,OAAO,IACR,CAAC3B,mBAAmB,CAAC4B,IAAI,CAAEC,QAAQ,IAAKA,QAAQ,CAACpB,EAAE,KAAKD,GAAG,CAACC,EAAE,CACrE,CAAC,EACH,CAACV,aAAa,EAAEC,mBAAmB,CACrC,CAAC;EAED,MAAM8B,wBAAwB,GAAG3C,OAAO,CAAC,MAAM;IAC7C,MAAM4C,KAAK,GAAG7B,eAAe,CAAC8B,WAAW,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;IAClD,IAAI,CAACF,KAAK,EAAE;MACV,OAAOL,gBAAgB;IACzB;IACA,OAAOA,gBAAgB,CAACV,MAAM,CAAER,GAAG,IACjCA,GAAG,CAAC0B,IAAI,CAACF,WAAW,CAAC,CAAC,CAACG,QAAQ,CAACJ,KAAK,CACvC,CAAC;EACH,CAAC,EAAE,CAACL,gBAAgB,EAAExB,eAAe,CAAC,CAAC;EAEvC,MAAMkC,sBAAsB,GAAGnD,WAAW,CACvCoD,KAA0C,IAAK;IAC9ClC,kBAAkB,CAACkC,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;EACxC,CAAC,EACD,EACF,CAAC;EAED,MAAMC,oBAAoB,GAAGvD,WAAW,CAAEwD,IAAa,IAAK;IAC1D,IAAIA,IAAI,EAAE;MACRtC,kBAAkB,CAAC,EAAE,CAAC;IACxB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMuC,aAA6B,GAAGvD,OAAO,CAAC,MAAM;IAClD,OAAOa,mBAAmB,CAACuB,GAAG,CAAEN,IAAI,KAAM;MACxCR,EAAE,EAAEQ,IAAI,CAACR,EAAE;MACXkC,KAAK,EAAE1B,IAAI,CAACiB,IAAI;MAChBU,OAAO,eACL5D,KAAA,CAAA6D,aAAA;QAAKC,SAAS,EAAEtD,MAAM,CAACuD;MAAe,gBACpC/D,KAAA,CAAA6D,aAAA;QAAMC,SAAS,EAAE/D,UAAU,CAACS,MAAM,CAACwD,cAAc,EAAExD,MAAM,CAACyD,QAAQ;MAAE,GACjEhC,IAAI,CAACiB,IACF,CAAC,eACPlD,KAAA,CAAA6D,aAAA,CAACtE,MAAM;QACLuE,SAAS,EAAEtD,MAAM,CAAC0D,mBAAoB;QACtCC,OAAO,EAAEA,CAAA,KAAM7B,yBAAyB,CAACL,IAAI,CAACR,EAAE,CAAE;QAClD,cAAY,6BAA6BQ,IAAI,CAACiB,IAAI;MAAG,GAEpDjB,IAAI,CAACN,SAAS,KAAK,KAAK,gBAErB3B,KAAA,CAAA6D,aAAA,CAACjE,gBAAgB;QACfkE,SAAS,EAAEtD,MAAM,CAAC4D;MAAS,CAC5B,CAAC,gBAGFpE,KAAA,CAAA6D,aAAA,CAAChE,oBAAoB;QACnBiE,SAAS,EAAEtD,MAAM,CAAC4D;MAAS,CAC5B,CAEC,CACL;IAET,CAAC,CAAC,CAAC;EACL,CAAC,EAAE,CAACpD,mBAAmB,EAAEsB,yBAAyB,CAAC,CAAC;EAEpD,MAAM+B,MAAM,GAAGlE,OAAO,CAAC,mBACrBH,KAAA,CAAA6D,aAAA,CAAA7D,KAAA,CAAAsE,QAAA,qBACEtE,KAAA,CAAA6D,aAAA,CAACxD,YAAY;IAAC8D,OAAO,EAAEvD;EAAQ,GAAC,QAAoB,CAAC,eACrDZ,KAAA,CAAA6D,aAAA,CAACxD,YAAY;IAACkE,OAAO,EAAC,SAAS;IAACJ,OAAO,EAAE3B;EAAY,GAAC,OAExC,CACd,CACH,EAAE,CAACA,WAAW,EAAE5B,OAAO,CAAC,CAAC;EAE1B,MAAM4D,aAAa,GAAGvE,WAAW,CAC9BoD,KAA4C,IAAK;IAChDA,KAAK,CAACoB,eAAe,CAAC,CAAC;EACzB,CAAC,EACD,EACF,CAAC;EAED,oBACEzE,KAAA,CAAA6D,aAAA,CAACvD,MAAM;IACLK,MAAM,EAAEA,MAAO;IACf+D,YAAY,EAAE9D,OAAQ;IACtB+D,KAAK,EAAEC,WAAY;IACnBP,MAAM,EAAEA;EAAO,gBAEfrE,KAAA,CAAA6D,aAAA;IAAKC,SAAS,EAAEtD,MAAM,CAACqE;EAAgB,gBACrC7E,KAAA,CAAA6D,aAAA,CAACpD,iBAAiB;IAChB4B,KAAK,EAAEqB,aAAc;IACrBoB,SAAS,EAAE5C,wBAAyB;IACpC6C,QAAQ,EAAEhD,sBAAuB;IACjC+B,SAAS,EAAEtD,MAAM,CAACwE;EAAa,CAChC,CAAC,eACFhF,KAAA,CAAA6D,aAAA,CAACrE,IAAI,CAACyF,IAAI;IAACP,YAAY,EAAElB;EAAqB,gBAC5CxD,KAAA,CAAA6D,aAAA,CAACrE,IAAI,CAAC0F,OAAO;IACXpB,SAAS,EAAEtD,MAAM,CAAC2E,eAAgB;IAClCC,QAAQ,EAAE1C,gBAAgB,CAAC2C,MAAM,KAAK,CAAE;IACxC,cAAW;EAAoB,gBAE/BrF,KAAA,CAAA6D,aAAA,CAACpE,GAAG;IAACqE,SAAS,EAAEtD,MAAM,CAAC8E;EAAQ,CAAE,CAAC,eAClCtF,KAAA,CAAA6D,aAAA;IAAMC,SAAS,EAAEtD,MAAM,CAAC+E;EAAc,GAAC,oBAEjC,CAAC,eACPvF,KAAA,CAAA6D,aAAA,CAACnE,SAAS,MAAE,CACA,CAAC,eACfM,KAAA,CAAA6D,aAAA,CAACrE,IAAI,CAACgG,MAAM,qBACVxF,KAAA,CAAA6D,aAAA,CAACrE,IAAI,CAACiG,UAAU;IAAC3B,SAAS,EAAEtD,MAAM,CAACkF,cAAe;IAACC,UAAU,EAAE;EAAE,gBAC/D3F,KAAA,CAAA6D,aAAA,CAACrE,IAAI,CAACoG,KAAK;IAAC9B,SAAS,EAAEtD,MAAM,CAACqF;EAAa,gBACzC7F,KAAA,CAAA6D,aAAA,CAACtD,SAAS;IACRgD,KAAK,EAAErC,eAAgB;IACvB4E,QAAQ,EAAE1C,sBAAuB;IACjC2C,WAAW,EAAC,gBAAgB;IAC5B,cAAW,wBAAwB;IACnCjC,SAAS,EAAEtD,MAAM,CAACwF,mBAAoB;IACtCC,SAAS,EAAEzB;EAAc,CAC1B,CAAC,EACD1B,wBAAwB,CAACP,GAAG,CAAEjB,MAAM,iBACnCtB,KAAA,CAAA6D,aAAA,CAACqC,uBAAuB;IACtBC,GAAG,EAAE7E,MAAM,CAACG,EAAG;IACfH,MAAM,EAAEA,MAAO;IACf8E,WAAW,EAAEvE;EAAgB,CAC9B,CACF,CAAC,EACDiB,wBAAwB,CAACuC,MAAM,KAAK,CAAC,iBACpCrF,KAAA,CAAA6D,aAAA;IAAKC,SAAS,EAAEtD,MAAM,CAAC6F;EAAe,GAAC,qBAElC,CAEG,CACG,CACN,CACJ,CACR,CACC,CAAC;AAEb;AAEA,MAAMzB,WAAW,gBACf5E,KAAA,CAAA6D,aAAA;EAAKC,SAAS,EAAEtD,MAAM,CAACmE;AAAM,gBAC3B3E,KAAA,CAAA6D,aAAA,CAAClE,GAAG,MAAE,CAAC,4BACJ,CACN;AACD,SAASuG,uBAAuBA,CAC9B;EAAE5E,MAAM;EAAE8E;AAGV,CAAC,EACD;EACA,MAAMjC,OAAO,GAAGlE,WAAW,CAAC,MAAMmG,WAAW,CAAC9E,MAAM,CAAC,EAAE,CAAC8E,WAAW,EAAE9E,MAAM,CAAC,CAAC;EAE7E,oBACEtB,KAAA,CAAA6D,aAAA,CAACrE,IAAI,CAAC8G,IAAI;IACRxC,SAAS,EAAE/D,UAAU,CAACS,MAAM,CAAC+F,YAAY,EAAE/F,MAAM,CAACyD,QAAQ,CAAE;IAC5DE,OAAO,EAAEA;EAAQ,GAEhB7C,MAAM,CAAC4B,IACC,CAAC;AAEhB","ignoreList":[]}

package/build/esm/object-table/MultiColumnSortDialog.module.css

@@ -111,7 +111,6 @@
 .addIcon {
   width: var(--osdk-iconography-size-small);
   height: var(--osdk-iconography-size-small);
-  color: currentColor;
 }
 
 .addColumnText {

package/build/esm/object-table/TableCell.module.css

@@ -31,7 +31,7 @@
   }
 
   &:last-child {
-    border-right: var(--osdk-table-border);
+    border-right: none;
   }
 }
 

package/build/esm/object-table/TableHeader.module.css

@@ -34,6 +34,7 @@
   display: flex;
   width: max-content;
   min-width: 100%;
+  border-top: var(--osdk-table-border);
   border-bottom: var(--osdk-table-border);
 }
 
@@ -46,7 +47,6 @@
   font-weight: var(--osdk-table-header-fontWeight);
   font-size: var(--osdk-table-header-fontSize);
   color: var(--osdk-table-header-color);
-  border-top: var(--osdk-table-border);
   border-right: var(--osdk-table-header-divider);
   background-color: inherit;
 
@@ -55,7 +55,7 @@
   }
 
   &:last-child {
-    border-right: var(--osdk-table-border);
+    border-right: none;
   }
 }
 

package/build/esm/object-table/TableHeaderWithPopover.js

@@ -31,8 +31,7 @@ function HeaderMenuItem({
     className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderMenuItem, active && styles.osdkHeaderActiveMenuItem),
     onClick: onClick
   }, /*#__PURE__*/React.createElement(Icon, {
-    className: styles.osdkHeaderIcon,
-    color: "currentColor"
+    className: styles.osdkHeaderIcon
   }), /*#__PURE__*/React.createElement("span", null, label));
 }
 export function TableHeaderWithPopover({
@@ -121,8 +120,7 @@ export function TableHeaderWithPopover({
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContentLeft)
   }, isColumnPinned && /*#__PURE__*/React.createElement(Pin, {
-    className: styles.osdkHeaderIcon,
-    color: "currentColor"
+    className: styles.osdkHeaderIcon
   }), /*#__PURE__*/React.createElement(TableHeaderContent, {
     header: header
   })), /*#__PURE__*/React.createElement("div", {

package/build/esm/object-table/TableHeaderWithPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderWithPopover.js","names":["Menu","ChevronDown","Pin","Remove","Settings","Sort","SortAlphabetical","SortAlphabeticalDesc","Unpin","VerticalDistribution","classNames","React","useCallback","useState","TableHeaderContent","styles","HeaderMenuItem","onClick","icon","Icon","label","active","createElement","Item","closeOnClick","className","osdkCenterContainer","osdkContentGap","osdkHeaderMenuItem","osdkHeaderActiveMenuItem","osdkHeaderIcon","color","TableHeaderWithPopover","header","table","isColumnPinned","onResetSize","columnOptions","featureFlags","onOpenColumnConfig","onOpenMultiSort","showSortingItems","showPinningItems","showResizeItem","showConfigItem","setColumnPinning","setSorting","currentSorting","getState","sorting","isOpen","setIsOpen","handlePinLeft","prev","left","column","id","right","filter","handleUnpin","handleSortAscending","toggleSorting","desc","handleSortDescending","handleClearAllSorts","clearSorting","handleResetSize","resetSize","handleInteraction","e","preventDefault","handleOpenColumnConfig","handleOpenMultiSort","isSorted","getIsSorted","isSortable","getCanSort","sortIndex","findIndex","s","Fragment","Root","open","onOpenChange","osdkHeaderContainer","onContextMenu","osdkHeaderContentLeft","osdkHeaderContentRight","length","Trigger","osdkHeaderPopoverTrigger","Portal","container","document","body","Positioner","sideOffset","Popup","osdkHeaderPopup","some","col","canSort"],"sources":["TableHeaderWithPopover.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Menu } from \"@base-ui/react/menu\";\nimport {\n  ChevronDown,\n  Pin,\n  Remove,\n  Settings,\n  Sort,\n  SortAlphabetical,\n  SortAlphabeticalDesc,\n  Unpin,\n  VerticalDistribution,\n} from \"@blueprintjs/icons\";\nimport type { Header, RowData, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useState } from \"react\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport styles from \"./TableHeaderWithPopover.module.css\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\ninterface HeaderMenuItemProps {\n  onClick: () => void;\n  icon: React.ComponentType<{ className?: string; color?: string }>;\n  label: string;\n  active?: boolean;\n}\n\nfunction HeaderMenuItem({\n  onClick,\n  icon: Icon,\n  label,\n  active = false,\n}: HeaderMenuItemProps): React.ReactElement {\n  return (\n    <Menu.Item\n      closeOnClick\n      className={classNames(\n        styles.osdkCenterContainer,\n        styles.osdkContentGap,\n        styles.osdkHeaderMenuItem,\n        active && styles.osdkHeaderActiveMenuItem,\n      )}\n      onClick={onClick}\n    >\n      <Icon className={styles.osdkHeaderIcon} color=\"currentColor\" />\n      <span>{label}</span>\n    </Menu.Item>\n  );\n}\n\nexport interface HeaderMenuFeatureFlags {\n  /**\n   * Whether sorting menu items should be shown.\n   * When false, hides \"Sort ascending\", \"Sort descending\", \"Sort on multiple columns\", and \"Clear all sorts\".\n   */\n  showSortingItems?: boolean;\n  /**\n   * Whether pinning menu items should be shown.\n   * When false, hides \"Pin column\" and \"Unpin Column\".\n   */\n  showPinningItems?: boolean;\n  /**\n   * Whether resize menu item should be shown.\n   * When false, hides \"Reset Column Size\".\n   */\n  showResizeItem?: boolean;\n  /**\n   * Whether column config menu item should be shown.\n   * When false, hides \"Configure Columns\".\n   */\n  showConfigItem?: boolean;\n}\n\ninterface TableHeaderWithPopoverProps<\n  TData extends RowData,\n> {\n  table: Table<TData>;\n  header: Header<TData, unknown>;\n  isColumnPinned: false | \"left\" | \"right\";\n  onResetSize?: () => void;\n  columnOptions?: ColumnOption[];\n  featureFlags?: HeaderMenuFeatureFlags;\n  onOpenColumnConfig?: () => void;\n  onOpenMultiSort?: () => void;\n}\n\nexport function TableHeaderWithPopover<\n  TData extends RowData,\n>({\n  header,\n  table,\n  isColumnPinned,\n  onResetSize,\n  columnOptions,\n  featureFlags,\n  onOpenColumnConfig,\n  onOpenMultiSort,\n}: TableHeaderWithPopoverProps<TData>): React.ReactElement {\n  const {\n    showSortingItems = false,\n    showPinningItems = false,\n    showResizeItem = false,\n    showConfigItem = false,\n  } = featureFlags ?? {};\n\n  const {\n    setColumnPinning,\n    setSorting,\n  } = table;\n\n  const currentSorting = table.getState().sorting;\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handlePinLeft = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: [...(prev.left || []), header.column.id],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleUnpin = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: prev.left?.filter((id) => id !== header.column.id) || [],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleSortAscending = useCallback(() => {\n    header.column.toggleSorting(false);\n    setSorting?.([{ id: header.column.id, desc: false }]);\n  }, [header.column, setSorting]);\n\n  const handleSortDescending = useCallback(() => {\n    header.column.toggleSorting(true);\n    setSorting?.([{ id: header.column.id, desc: true }]);\n  }, [header.column, setSorting]);\n\n  const handleClearAllSorts = useCallback(() => {\n    header.column.clearSorting();\n    setSorting?.([]);\n  }, [header.column, setSorting]);\n\n  const handleResetSize = useCallback(() => {\n    header.column.resetSize();\n    if (onResetSize) {\n      onResetSize();\n    }\n  }, [header.column, onResetSize]);\n\n  const handleInteraction = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      setIsOpen((prev) => !prev);\n    },\n    [],\n  );\n\n  const handleOpenColumnConfig = useCallback(() => {\n    onOpenColumnConfig?.();\n    setIsOpen(false);\n  }, [onOpenColumnConfig]);\n\n  const handleOpenMultiSort = useCallback(() => {\n    onOpenMultiSort?.();\n    setIsOpen(false);\n  }, [onOpenMultiSort]);\n\n  const isSorted = header.column.getIsSorted();\n  const isSortable = header.column.getCanSort();\n  const sortIndex = currentSorting?.findIndex(s => s.id === header.column.id)\n    ?? -1;\n\n  const hasAnyMenuItems = showPinningItems\n    || (showSortingItems && isSortable)\n    || showResizeItem\n    || showConfigItem;\n\n  return (\n    <>\n      <Menu.Root open={isOpen} onOpenChange={setIsOpen}>\n        <div\n          className={classNames(\n            styles.osdkCenterContainer,\n            styles.osdkContentGap,\n            styles.osdkHeaderContainer,\n          )}\n          onContextMenu={handleInteraction}\n        >\n          <div\n            className={classNames(\n              styles.osdkCenterContainer,\n              styles.osdkContentGap,\n              styles.osdkHeaderContentLeft,\n            )}\n          >\n            {isColumnPinned && (\n              <Pin\n                className={styles.osdkHeaderIcon}\n                color={\"currentColor\"}\n              />\n            )}\n            <TableHeaderContent header={header} />\n          </div>\n          <div\n            className={classNames(\n              styles.osdkCenterContainer,\n              styles.osdkContentGap,\n              styles.osdkHeaderContentRight,\n            )}\n          >\n            {isSorted && (\n              <div className={styles.osdkCenterContainer}>\n                {isSorted === \"asc\"\n                  ? (\n                    <SortAlphabetical\n                      className={styles.osdkHeaderIcon}\n                    />\n                  )\n                  : (\n                    <SortAlphabeticalDesc\n                      className={styles.osdkHeaderIcon}\n                    />\n                  )}\n                {currentSorting.length > 1 && sortIndex >= 0\n                  && <span className={styles.sortIndex}>{sortIndex + 1}</span>}\n              </div>\n            )}\n            {hasAnyMenuItems && (\n              <Menu.Trigger\n                aria-label={`Open header menu for column with id=${header.column.id}`}\n                className={classNames(\n                  styles.osdkCenterContainer,\n                  styles.osdkHeaderPopoverTrigger,\n                )}\n              >\n                <ChevronDown\n                  className={styles.osdkHeaderIcon}\n                />\n              </Menu.Trigger>\n            )}\n          </div>\n          <Menu.Portal container={document.body}>\n            <Menu.Positioner sideOffset={4}>\n              <Menu.Popup\n                className={styles.osdkHeaderPopup}\n              >\n                {showPinningItems && !isColumnPinned && (\n                  <HeaderMenuItem\n                    onClick={handlePinLeft}\n                    icon={Pin}\n                    label=\"Pin column\"\n                  />\n                )}\n\n                {showPinningItems && isColumnPinned && (\n                  <HeaderMenuItem\n                    onClick={handleUnpin}\n                    icon={Unpin}\n                    label=\"Unpin Column\"\n                    active={true}\n                  />\n                )}\n                {showSortingItems && isSortable && (\n                  <>\n                    <HeaderMenuItem\n                      onClick={handleSortAscending}\n                      icon={SortAlphabetical}\n                      label=\"Sort ascending\"\n                      active={isSorted === \"asc\"}\n                    />\n                    <HeaderMenuItem\n                      onClick={handleSortDescending}\n                      icon={SortAlphabeticalDesc}\n                      label=\"Sort descending\"\n                      active={isSorted === \"desc\"}\n                    />\n                    {columnOptions?.some(col => col.canSort) && (\n                      <HeaderMenuItem\n                        onClick={handleOpenMultiSort}\n                        icon={Sort}\n                        label=\"Sort on multiple columns\"\n                      />\n                    )}\n                  </>\n                )}\n                {showSortingItems && !!currentSorting?.length\n                  && (\n                    <HeaderMenuItem\n                      onClick={handleClearAllSorts}\n                      icon={Remove}\n                      label=\"Clear all sorts\"\n                    />\n                  )}\n                {showResizeItem && (\n                  <HeaderMenuItem\n                    onClick={handleResetSize}\n                    icon={VerticalDistribution}\n                    label=\"Reset Column Size\"\n                  />\n                )}\n                {showConfigItem && (\n                  <HeaderMenuItem\n                    onClick={handleOpenColumnConfig}\n                    icon={Settings}\n                    label=\"Configure Columns\"\n                  />\n                )}\n              </Menu.Popup>\n            </Menu.Positioner>\n          </Menu.Portal>\n        </div>\n      </Menu.Root>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableHeaderWithPopover.js","names":["Menu","ChevronDown","Pin","Remove","Settings","Sort","SortAlphabetical","SortAlphabeticalDesc","Unpin","VerticalDistribution","classNames","React","useCallback","useState","TableHeaderContent","styles","HeaderMenuItem","onClick","icon","Icon","label","active","createElement","Item","closeOnClick","className","osdkCenterContainer","osdkContentGap","osdkHeaderMenuItem","osdkHeaderActiveMenuItem","osdkHeaderIcon","TableHeaderWithPopover","header","table","isColumnPinned","onResetSize","columnOptions","featureFlags","onOpenColumnConfig","onOpenMultiSort","showSortingItems","showPinningItems","showResizeItem","showConfigItem","setColumnPinning","setSorting","currentSorting","getState","sorting","isOpen","setIsOpen","handlePinLeft","prev","left","column","id","right","filter","handleUnpin","handleSortAscending","toggleSorting","desc","handleSortDescending","handleClearAllSorts","clearSorting","handleResetSize","resetSize","handleInteraction","e","preventDefault","handleOpenColumnConfig","handleOpenMultiSort","isSorted","getIsSorted","isSortable","getCanSort","sortIndex","findIndex","s","Fragment","Root","open","onOpenChange","osdkHeaderContainer","onContextMenu","osdkHeaderContentLeft","osdkHeaderContentRight","length","Trigger","osdkHeaderPopoverTrigger","Portal","container","document","body","Positioner","sideOffset","Popup","osdkHeaderPopup","some","col","canSort"],"sources":["TableHeaderWithPopover.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Menu } from \"@base-ui/react/menu\";\nimport {\n  ChevronDown,\n  Pin,\n  Remove,\n  Settings,\n  Sort,\n  SortAlphabetical,\n  SortAlphabeticalDesc,\n  Unpin,\n  VerticalDistribution,\n} from \"@blueprintjs/icons\";\nimport type { Header, RowData, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useState } from \"react\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport styles from \"./TableHeaderWithPopover.module.css\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\ninterface HeaderMenuItemProps {\n  onClick: () => void;\n  icon: React.ComponentType<{ className?: string; color?: string }>;\n  label: string;\n  active?: boolean;\n}\n\nfunction HeaderMenuItem({\n  onClick,\n  icon: Icon,\n  label,\n  active = false,\n}: HeaderMenuItemProps): React.ReactElement {\n  return (\n    <Menu.Item\n      closeOnClick\n      className={classNames(\n        styles.osdkCenterContainer,\n        styles.osdkContentGap,\n        styles.osdkHeaderMenuItem,\n        active && styles.osdkHeaderActiveMenuItem,\n      )}\n      onClick={onClick}\n    >\n      <Icon className={styles.osdkHeaderIcon} />\n      <span>{label}</span>\n    </Menu.Item>\n  );\n}\n\nexport interface HeaderMenuFeatureFlags {\n  /**\n   * Whether sorting menu items should be shown.\n   * When false, hides \"Sort ascending\", \"Sort descending\", \"Sort on multiple columns\", and \"Clear all sorts\".\n   */\n  showSortingItems?: boolean;\n  /**\n   * Whether pinning menu items should be shown.\n   * When false, hides \"Pin column\" and \"Unpin Column\".\n   */\n  showPinningItems?: boolean;\n  /**\n   * Whether resize menu item should be shown.\n   * When false, hides \"Reset Column Size\".\n   */\n  showResizeItem?: boolean;\n  /**\n   * Whether column config menu item should be shown.\n   * When false, hides \"Configure Columns\".\n   */\n  showConfigItem?: boolean;\n}\n\ninterface TableHeaderWithPopoverProps<\n  TData extends RowData,\n> {\n  table: Table<TData>;\n  header: Header<TData, unknown>;\n  isColumnPinned: false | \"left\" | \"right\";\n  onResetSize?: () => void;\n  columnOptions?: ColumnOption[];\n  featureFlags?: HeaderMenuFeatureFlags;\n  onOpenColumnConfig?: () => void;\n  onOpenMultiSort?: () => void;\n}\n\nexport function TableHeaderWithPopover<\n  TData extends RowData,\n>({\n  header,\n  table,\n  isColumnPinned,\n  onResetSize,\n  columnOptions,\n  featureFlags,\n  onOpenColumnConfig,\n  onOpenMultiSort,\n}: TableHeaderWithPopoverProps<TData>): React.ReactElement {\n  const {\n    showSortingItems = false,\n    showPinningItems = false,\n    showResizeItem = false,\n    showConfigItem = false,\n  } = featureFlags ?? {};\n\n  const {\n    setColumnPinning,\n    setSorting,\n  } = table;\n\n  const currentSorting = table.getState().sorting;\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handlePinLeft = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: [...(prev.left || []), header.column.id],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleUnpin = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: prev.left?.filter((id) => id !== header.column.id) || [],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleSortAscending = useCallback(() => {\n    header.column.toggleSorting(false);\n    setSorting?.([{ id: header.column.id, desc: false }]);\n  }, [header.column, setSorting]);\n\n  const handleSortDescending = useCallback(() => {\n    header.column.toggleSorting(true);\n    setSorting?.([{ id: header.column.id, desc: true }]);\n  }, [header.column, setSorting]);\n\n  const handleClearAllSorts = useCallback(() => {\n    header.column.clearSorting();\n    setSorting?.([]);\n  }, [header.column, setSorting]);\n\n  const handleResetSize = useCallback(() => {\n    header.column.resetSize();\n    if (onResetSize) {\n      onResetSize();\n    }\n  }, [header.column, onResetSize]);\n\n  const handleInteraction = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      setIsOpen((prev) => !prev);\n    },\n    [],\n  );\n\n  const handleOpenColumnConfig = useCallback(() => {\n    onOpenColumnConfig?.();\n    setIsOpen(false);\n  }, [onOpenColumnConfig]);\n\n  const handleOpenMultiSort = useCallback(() => {\n    onOpenMultiSort?.();\n    setIsOpen(false);\n  }, [onOpenMultiSort]);\n\n  const isSorted = header.column.getIsSorted();\n  const isSortable = header.column.getCanSort();\n  const sortIndex = currentSorting?.findIndex(s => s.id === header.column.id)\n    ?? -1;\n\n  const hasAnyMenuItems = showPinningItems\n    || (showSortingItems && isSortable)\n    || showResizeItem\n    || showConfigItem;\n\n  return (\n    <>\n      <Menu.Root open={isOpen} onOpenChange={setIsOpen}>\n        <div\n          className={classNames(\n            styles.osdkCenterContainer,\n            styles.osdkContentGap,\n            styles.osdkHeaderContainer,\n          )}\n          onContextMenu={handleInteraction}\n        >\n          <div\n            className={classNames(\n              styles.osdkCenterContainer,\n              styles.osdkContentGap,\n              styles.osdkHeaderContentLeft,\n            )}\n          >\n            {isColumnPinned && (\n              <Pin\n                className={styles.osdkHeaderIcon}\n              />\n            )}\n            <TableHeaderContent header={header} />\n          </div>\n          <div\n            className={classNames(\n              styles.osdkCenterContainer,\n              styles.osdkContentGap,\n              styles.osdkHeaderContentRight,\n            )}\n          >\n            {isSorted && (\n              <div className={styles.osdkCenterContainer}>\n                {isSorted === \"asc\"\n                  ? (\n                    <SortAlphabetical\n                      className={styles.osdkHeaderIcon}\n                    />\n                  )\n                  : (\n                    <SortAlphabeticalDesc\n                      className={styles.osdkHeaderIcon}\n                    />\n                  )}\n                {currentSorting.length > 1 && sortIndex >= 0\n                  && <span className={styles.sortIndex}>{sortIndex + 1}</span>}\n              </div>\n            )}\n            {hasAnyMenuItems && (\n              <Menu.Trigger\n                aria-label={`Open header menu for column with id=${header.column.id}`}\n                className={classNames(\n                  styles.osdkCenterContainer,\n                  styles.osdkHeaderPopoverTrigger,\n                )}\n              >\n                <ChevronDown\n                  className={styles.osdkHeaderIcon}\n                />\n              </Menu.Trigger>\n            )}\n          </div>\n          <Menu.Portal container={document.body}>\n            <Menu.Positioner sideOffset={4}>\n              <Menu.Popup\n                className={styles.osdkHeaderPopup}\n              >\n                {showPinningItems && !isColumnPinned && (\n                  <HeaderMenuItem\n                    onClick={handlePinLeft}\n                    icon={Pin}\n                    label=\"Pin column\"\n                  />\n                )}\n\n                {showPinningItems && isColumnPinned && (\n                  <HeaderMenuItem\n                    onClick={handleUnpin}\n                    icon={Unpin}\n                    label=\"Unpin Column\"\n                    active={true}\n                  />\n                )}\n                {showSortingItems && isSortable && (\n                  <>\n                    <HeaderMenuItem\n                      onClick={handleSortAscending}\n                      icon={SortAlphabetical}\n                      label=\"Sort ascending\"\n                      active={isSorted === \"asc\"}\n                    />\n                    <HeaderMenuItem\n                      onClick={handleSortDescending}\n                      icon={SortAlphabeticalDesc}\n                      label=\"Sort descending\"\n                      active={isSorted === \"desc\"}\n                    />\n                    {columnOptions?.some(col => col.canSort) && (\n                      <HeaderMenuItem\n                        onClick={handleOpenMultiSort}\n                        icon={Sort}\n                        label=\"Sort on multiple columns\"\n                      />\n                    )}\n                  </>\n                )}\n                {showSortingItems && !!currentSorting?.length\n                  && (\n                    <HeaderMenuItem\n                      onClick={handleClearAllSorts}\n                      icon={Remove}\n                      label=\"Clear all sorts\"\n                    />\n                  )}\n                {showResizeItem && (\n                  <HeaderMenuItem\n                    onClick={handleResetSize}\n                    icon={VerticalDistribution}\n                    label=\"Reset Column Size\"\n                  />\n                )}\n                {showConfigItem && (\n                  <HeaderMenuItem\n                    onClick={handleOpenColumnConfig}\n                    icon={Settings}\n                    label=\"Configure Columns\"\n                  />\n                )}\n              </Menu.Popup>\n            </Menu.Positioner>\n          </Menu.Portal>\n        </div>\n      </Menu.Root>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/object-table/TableHeaderWithPopover.module.css

@@ -80,6 +80,7 @@
 .osdkHeaderIcon {
   width: var(--osdk-iconography-size-small);
   height: var(--osdk-iconography-size-small);
+  color: var(--osdk-table-header-menu-icon-color);
 }
 
 .osdkHeaderPopup {

package/build/esm/pdf-viewer/PdfRenderer.js

@@ -24,7 +24,7 @@ async function fetchMediaContents(media) {
   const result = await media.fetchContents();
   return result.arrayBuffer();
 }
-export function PdfRenderer({
+export function PdfViewer({
   media,
   className,
   ...pdfViewerProps

package/build/esm/pdf-viewer/PdfRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PdfRenderer.js","names":["Error","ErrorIcon","Spin","classnames","React","useEffect","useState","BasePdfViewer","styles","fetchMediaContents","media","result","fetchContents","arrayBuffer","PdfRenderer","className","pdfViewerProps","src","setSrc","undefined","loading","setLoading","error","setError","cancelled","then","buffer","catch","err","String","rootClassName","pdfViewer","createElement","loadingContainer","spinnerIcon","errorContainer","errorIcon","message","_extends"],"sources":["PdfRenderer.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Error as ErrorIcon, Spin } from \"@blueprintjs/icons\";\nimport type { Media } from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { useEffect, useState } from \"react\";\nimport { BasePdfViewer } from \"./PdfViewer.js\";\nimport styles from \"./PdfViewer.module.css\";\nimport type { PdfViewerProps } from \"./types.js\";\n\nasync function fetchMediaContents(media: Media): Promise<ArrayBuffer> {\n  const result = await media.fetchContents();\n  return result.arrayBuffer();\n}\n\nexport interface PdfRendererProps extends Omit<PdfViewerProps, \"src\"> {\n  /** The Media object to fetch PDF contents from */\n  media: Media;\n}\n\nexport function PdfRenderer({\n  media,\n  className,\n  ...pdfViewerProps\n}: PdfRendererProps): React.ReactElement {\n  const [src, setSrc] = useState<ArrayBuffer | undefined>(undefined);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | undefined>(undefined);\n\n  // This is required until we either support React 19+ or a data fetching hook\n  useEffect(function fetchMediaSource() {\n    let cancelled = false;\n    setLoading(true);\n    setError(undefined);\n    setSrc(undefined);\n\n    fetchMediaContents(media)\n      .then((buffer) => {\n        if (!cancelled) {\n          setSrc(buffer);\n          setLoading(false);\n        }\n      })\n      .catch((err: unknown) => {\n        if (!cancelled) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n          setLoading(false);\n        }\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [media]);\n\n  const rootClassName = classnames(styles.pdfViewer, className);\n\n  if (loading) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.loadingContainer}>\n          <Spin className={styles.spinnerIcon} />\n          Loading…\n        </div>\n      </div>\n    );\n  }\n\n  if (error != null) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.errorContainer}>\n          <ErrorIcon className={styles.errorIcon} />\n          Failed to load PDF: {error.message}\n        </div>\n      </div>\n    );\n  }\n\n  if (src == null) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.loadingContainer}>No document</div>\n      </div>\n    );\n  }\n\n  return <BasePdfViewer src={src} className={className} {...pdfViewerProps} />;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PdfRenderer.js","names":["Error","ErrorIcon","Spin","classnames","React","useEffect","useState","BasePdfViewer","styles","fetchMediaContents","media","result","fetchContents","arrayBuffer","PdfViewer","className","pdfViewerProps","src","setSrc","undefined","loading","setLoading","error","setError","cancelled","then","buffer","catch","err","String","rootClassName","pdfViewer","createElement","loadingContainer","spinnerIcon","errorContainer","errorIcon","message","_extends"],"sources":["PdfRenderer.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Error as ErrorIcon, Spin } from \"@blueprintjs/icons\";\nimport type { Media } from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { useEffect, useState } from \"react\";\nimport { BasePdfViewer } from \"./PdfViewer.js\";\nimport styles from \"./PdfViewer.module.css\";\nimport type { PdfViewerProps } from \"./types.js\";\n\nasync function fetchMediaContents(media: Media): Promise<ArrayBuffer> {\n  const result = await media.fetchContents();\n  return result.arrayBuffer();\n}\n\nexport interface PdfViewerMediaProps extends Omit<PdfViewerProps, \"src\"> {\n  /** The Media object to fetch PDF contents from */\n  media: Media;\n}\n\nexport function PdfViewer({\n  media,\n  className,\n  ...pdfViewerProps\n}: PdfViewerMediaProps): React.ReactElement {\n  const [src, setSrc] = useState<ArrayBuffer | undefined>(undefined);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | undefined>(undefined);\n\n  // This is required until we either support React 19+ or a data fetching hook\n  useEffect(function fetchMediaSource() {\n    let cancelled = false;\n    setLoading(true);\n    setError(undefined);\n    setSrc(undefined);\n\n    fetchMediaContents(media)\n      .then((buffer) => {\n        if (!cancelled) {\n          setSrc(buffer);\n          setLoading(false);\n        }\n      })\n      .catch((err: unknown) => {\n        if (!cancelled) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n          setLoading(false);\n        }\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [media]);\n\n  const rootClassName = classnames(styles.pdfViewer, className);\n\n  if (loading) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.loadingContainer}>\n          <Spin className={styles.spinnerIcon} />\n          Loading…\n        </div>\n      </div>\n    );\n  }\n\n  if (error != null) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.errorContainer}>\n          <ErrorIcon className={styles.errorIcon} />\n          Failed to load PDF: {error.message}\n        </div>\n      </div>\n    );\n  }\n\n  if (src == null) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.loadingContainer}>No document</div>\n      </div>\n    );\n  }\n\n  return (\n    <BasePdfViewer\n      src={src}\n      className={className}\n      {...pdfViewerProps}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}