@osdk/react-components 0.2.0-beta.9 → 0.2.1-main-20260407074313

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":["React","useCallback","useMemo","useState","ColumnConfigDialog","MultiColumnSortDialog","styles","TableHeaderContent","TableHeaderWithPopover","SELECTION_COLUMN_ID","getColumnPinningStyles","getHeaderName","column","allHeaders","id","columnDef","header","find","headerDef","displayedHeader","getContext","meta","columnName","TableHeader","table","headerMenuFeatureFlags","setColumnOrder","setColumnVisibility","setSorting","currentSorting","getState","sorting","currentVisibility","columnVisibility","currentColumnOrder","columnOrder","isResizing","columnSizingInfo","isResizingColumn","configDialogOpen","setConfigDialogOpen","multiSortDialogOpen","setMultiSortDialogOpen","handleOpenColumnConfig","handleCloseColumnConfig","handleOpenMultiSort","handleCloseMultiSort","handleApplyMultiSort","sortColumns","handleApplyColumnConfig","updates","newVisibilityState","update","columnId","isVisible","map","col","columnOptions","getHeaderGroups","flatMap","headerGroup","headers","getAllColumns","filter","name","canSort","getCanSort","createElement","Fragment","className","osdkTableHeader","key","osdkTableHeaderRow","columnStyles","isColumnPinned","getIsPinned","isSelectColumn","osdkTableHeaderCell","style","isPlaceholder","featureFlags","onOpenColumnConfig","onOpenMultiSort","getCanResize","showResizeItem","osdkTableHeaderResizer","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart","length","isOpen","onClose","onApply","some"],"sources":["TableHeader.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 {\n  Column,\n  Header,\n  RowData,\n  SortingState,\n  Table,\n  VisibilityState,\n} from \"@tanstack/react-table\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { type ColumnConfig, ColumnConfigDialog } from \"./ColumnConfigDialog.js\";\nimport { MultiColumnSortDialog } from \"./MultiColumnSortDialog.js\";\nimport styles from \"./TableHeader.module.css\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport {\n  type HeaderMenuFeatureFlags,\n  TableHeaderWithPopover,\n} from \"./TableHeaderWithPopover.js\";\nimport { SELECTION_COLUMN_ID } from \"./utils/constants.js\";\nimport { getColumnPinningStyles } from \"./utils/getColumnPinningStyles.js\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\ninterface TableHeaderProps<\n  TData extends RowData,\n> {\n  table: Table<TData>;\n  headerMenuFeatureFlags?: HeaderMenuFeatureFlags;\n}\n\nconst getHeaderName = <TData,>(\n  column: Column<TData, unknown>,\n  allHeaders: Header<TData, unknown>[],\n) => {\n  const { id, columnDef } = column;\n  const header = allHeaders.find(header => header.id === id);\n  const headerDef = columnDef.header;\n\n  if (headerDef) {\n    if (typeof headerDef === \"string\") {\n      return headerDef;\n    }\n    // Try to get header name from the renderHeader function\n    if (header) {\n      const displayedHeader = headerDef(header.getContext());\n      if (typeof displayedHeader === \"string\") return displayedHeader;\n    }\n  }\n  // Fallback to use the columnName provided by user or id\n  const { meta } = columnDef;\n  return meta?.columnName ?? id;\n};\n\nexport function TableHeader<\n  TData extends RowData,\n>({\n  table,\n  headerMenuFeatureFlags,\n}: TableHeaderProps<TData>): React.ReactElement {\n  // TODO: If value is number type, right align header\n\n  const {\n    setColumnOrder,\n    setColumnVisibility,\n    setSorting,\n  } = table;\n\n  const currentSorting = table.getState().sorting;\n  const currentVisibility = table.getState().columnVisibility;\n  const currentColumnOrder = table.getState().columnOrder;\n\n  const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;\n\n  const [configDialogOpen, setConfigDialogOpen] = useState(false);\n  const [multiSortDialogOpen, setMultiSortDialogOpen] = useState(false);\n\n  const handleOpenColumnConfig = useCallback(() => {\n    setConfigDialogOpen(true);\n  }, []);\n\n  const handleCloseColumnConfig = useCallback(() => {\n    setConfigDialogOpen(false);\n  }, []);\n\n  const handleOpenMultiSort = useCallback(() => {\n    setMultiSortDialogOpen(true);\n  }, []);\n\n  const handleCloseMultiSort = useCallback(() => {\n    setMultiSortDialogOpen(false);\n  }, []);\n\n  const handleApplyMultiSort = useCallback(\n    (sortColumns: SortingState) => {\n      setMultiSortDialogOpen(false);\n      setSorting?.(sortColumns);\n    },\n    [setSorting],\n  );\n\n  const handleApplyColumnConfig = useCallback(\n    (updates: ColumnConfig[]) => {\n      const newVisibilityState: VisibilityState = {};\n      for (const update of updates) {\n        newVisibilityState[update.columnId] = update.isVisible;\n      }\n\n      setColumnOrder(updates.map(col => col.columnId));\n      setColumnVisibility(newVisibilityState);\n    },\n    [setColumnOrder, setColumnVisibility],\n  );\n\n  const columnOptions: ColumnOption[] = useMemo(() => {\n    const allHeaders = table.getHeaderGroups().flatMap(headerGroup =>\n      headerGroup.headers\n    );\n\n    return table\n      .getAllColumns()\n      .filter((column) => column.id !== SELECTION_COLUMN_ID)\n      .map((column) => {\n        return {\n          id: column.id,\n          name: getHeaderName(column, allHeaders),\n          canSort: column.getCanSort(),\n        };\n      });\n  }, [table]);\n\n  return (\n    <>\n      <thead className={styles.osdkTableHeader} data-resizing={isResizing}>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr\n            key={headerGroup.id}\n            className={styles.osdkTableHeaderRow}\n          >\n            {headerGroup.headers.map((header) => {\n              const { columnStyles } = getColumnPinningStyles(header.column);\n              const isColumnPinned = header.column.getIsPinned();\n              const isSelectColumn = header.id === SELECTION_COLUMN_ID;\n              return (\n                <th\n                  key={header.id}\n                  data-pinned={header.column.getIsPinned()}\n                  className={styles.osdkTableHeaderCell}\n                  style={columnStyles}\n                >\n                  {header.isPlaceholder\n                    ? null\n                    : isSelectColumn\n                    ? <TableHeaderContent header={header} />\n                    : (\n                      <TableHeaderWithPopover\n                        table={table}\n                        header={header}\n                        isColumnPinned={isColumnPinned}\n                        columnOptions={columnOptions}\n                        featureFlags={headerMenuFeatureFlags}\n                        onOpenColumnConfig={handleOpenColumnConfig}\n                        onOpenMultiSort={handleOpenMultiSort}\n                      />\n                    )}\n                  {header.column.getCanResize()\n                    && headerMenuFeatureFlags?.showResizeItem !== false && (\n                    <div\n                      className={styles.osdkTableHeaderResizer}\n                      onDoubleClick={() => header.column.resetSize()}\n                      onMouseDown={header.getResizeHandler()}\n                      onTouchStart={header.getResizeHandler()}\n                    />\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        ))}\n      </thead>\n      {!!columnOptions?.length && (\n        <ColumnConfigDialog\n          isOpen={configDialogOpen}\n          onClose={handleCloseColumnConfig}\n          columnOptions={columnOptions}\n          currentVisibility={currentVisibility}\n          currentColumnOrder={currentColumnOrder}\n          onApply={handleApplyColumnConfig}\n        />\n      )}\n      {columnOptions?.some(col => col.canSort) && (\n        <MultiColumnSortDialog\n          isOpen={multiSortDialogOpen}\n          onClose={handleCloseMultiSort}\n          columnOptions={columnOptions}\n          currentSorting={currentSorting}\n          onApply={handleApplyMultiSort}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAA4BC,kBAAkB,QAAQ,yBAAyB;AAC/E,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAEEC,sBAAsB,QACjB,6BAA6B;AACpC,SAASC,mBAAmB,QAAQ,sBAAsB;AAC1D,SAASC,sBAAsB,QAAQ,mCAAmC;AAU1E,MAAMC,aAAa,GAAGA,CACpBC,MAA8B,EAC9BC,UAAoC,KACjC;EACH,MAAM;IAAEC,EAAE;IAAEC;EAAU,CAAC,GAAGH,MAAM;EAChC,MAAMI,MAAM,GAAGH,UAAU,CAACI,IAAI,CAACD,MAAM,IAAIA,MAAM,CAACF,EAAE,KAAKA,EAAE,CAAC;EAC1D,MAAMI,SAAS,GAAGH,SAAS,CAACC,MAAM;EAElC,IAAIE,SAAS,EAAE;IACb,IAAI,OAAOA,SAAS,KAAK,QAAQ,EAAE;MACjC,OAAOA,SAAS;IAClB;IACA;IACA,IAAIF,MAAM,EAAE;MACV,MAAMG,eAAe,GAAGD,SAAS,CAACF,MAAM,CAACI,UAAU,CAAC,CAAC,CAAC;MACtD,IAAI,OAAOD,eAAe,KAAK,QAAQ,EAAE,OAAOA,eAAe;IACjE;EACF;EACA;EACA,MAAM;IAAEE;EAAK,CAAC,GAAGN,SAAS;EAC1B,OAAOM,IAAI,EAAEC,UAAU,IAAIR,EAAE;AAC/B,CAAC;AAED,OAAO,SAASS,WAAWA,CAEzB;EACAC,KAAK;EACLC;AACuB,CAAC,EAAsB;EAC9C;;EAEA,MAAM;IACJC,cAAc;IACdC,mBAAmB;IACnBC;EACF,CAAC,GAAGJ,KAAK;EAET,MAAMK,cAAc,GAAGL,KAAK,CAACM,QAAQ,CAAC,CAAC,CAACC,OAAO;EAC/C,MAAMC,iBAAiB,GAAGR,KAAK,CAACM,QAAQ,CAAC,CAAC,CAACG,gBAAgB;EAC3D,MAAMC,kBAAkB,GAAGV,KAAK,CAACM,QAAQ,CAAC,CAAC,CAACK,WAAW;EAEvD,MAAMC,UAAU,GAAG,CAAC,CAACZ,KAAK,CAACM,QAAQ,CAAC,CAAC,CAACO,gBAAgB,EAAEC,gBAAgB;EAExE,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGrC,QAAQ,CAAC,KAAK,CAAC;EAC/D,MAAM,CAACsC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGvC,QAAQ,CAAC,KAAK,CAAC;EAErE,MAAMwC,sBAAsB,GAAG1C,WAAW,CAAC,MAAM;IAC/CuC,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,uBAAuB,GAAG3C,WAAW,CAAC,MAAM;IAChDuC,mBAAmB,CAAC,KAAK,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,mBAAmB,GAAG5C,WAAW,CAAC,MAAM;IAC5CyC,sBAAsB,CAAC,IAAI,CAAC;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,oBAAoB,GAAG7C,WAAW,CAAC,MAAM;IAC7CyC,sBAAsB,CAAC,KAAK,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,oBAAoB,GAAG9C,WAAW,CACrC+C,WAAyB,IAAK;IAC7BN,sBAAsB,CAAC,KAAK,CAAC;IAC7Bd,UAAU,GAAGoB,WAAW,CAAC;EAC3B,CAAC,EACD,CAACpB,UAAU,CACb,CAAC;EAED,MAAMqB,uBAAuB,GAAGhD,WAAW,CACxCiD,OAAuB,IAAK;IAC3B,MAAMC,kBAAmC,GAAG,CAAC,CAAC;IAC9C,KAAK,MAAMC,MAAM,IAAIF,OAAO,EAAE;MAC5BC,kBAAkB,CAACC,MAAM,CAACC,QAAQ,CAAC,GAAGD,MAAM,CAACE,SAAS;IACxD;IAEA5B,cAAc,CAACwB,OAAO,CAACK,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACH,QAAQ,CAAC,CAAC;IAChD1B,mBAAmB,CAACwB,kBAAkB,CAAC;EACzC,CAAC,EACD,CAACzB,cAAc,EAAEC,mBAAmB,CACtC,CAAC;EAED,MAAM8B,aAA6B,GAAGvD,OAAO,CAAC,MAAM;IAClD,MAAMW,UAAU,GAAGW,KAAK,CAACkC,eAAe,CAAC,CAAC,CAACC,OAAO,CAACC,WAAW,IAC5DA,WAAW,CAACC,OACd,CAAC;IAED,OAAOrC,KAAK,CACTsC,aAAa,CAAC,CAAC,CACfC,MAAM,CAAEnD,MAAM,IAAKA,MAAM,CAACE,EAAE,KAAKL,mBAAmB,CAAC,CACrD8C,GAAG,CAAE3C,MAAM,IAAK;MACf,OAAO;QACLE,EAAE,EAAEF,MAAM,CAACE,EAAE;QACbkD,IAAI,EAAErD,aAAa,CAACC,MAAM,EAAEC,UAAU,CAAC;QACvCoD,OAAO,EAAErD,MAAM,CAACsD,UAAU,CAAC;MAC7B,CAAC;IACH,CAAC,CAAC;EACN,CAAC,EAAE,CAAC1C,KAAK,CAAC,CAAC;EAEX,oBACExB,KAAA,CAAAmE,aAAA,CAAAnE,KAAA,CAAAoE,QAAA,qBACEpE,KAAA,CAAAmE,aAAA;IAAOE,SAAS,EAAE/D,MAAM,CAACgE,eAAgB;IAAC,iBAAelC;EAAW,GACjEZ,KAAK,CAACkC,eAAe,CAAC,CAAC,CAACH,GAAG,CAAEK,WAAW,iBACvC5D,KAAA,CAAAmE,aAAA;IACEI,GAAG,EAAEX,WAAW,CAAC9C,EAAG;IACpBuD,SAAS,EAAE/D,MAAM,CAACkE;EAAmB,GAEpCZ,WAAW,CAACC,OAAO,CAACN,GAAG,CAAEvC,MAAM,IAAK;IACnC,MAAM;MAAEyD;IAAa,CAAC,GAAG/D,sBAAsB,CAACM,MAAM,CAACJ,MAAM,CAAC;IAC9D,MAAM8D,cAAc,GAAG1D,MAAM,CAACJ,MAAM,CAAC+D,WAAW,CAAC,CAAC;IAClD,MAAMC,cAAc,GAAG5D,MAAM,CAACF,EAAE,KAAKL,mBAAmB;IACxD,oBACET,KAAA,CAAAmE,aAAA;MACEI,GAAG,EAAEvD,MAAM,CAACF,EAAG;MACf,eAAaE,MAAM,CAACJ,MAAM,CAAC+D,WAAW,CAAC,CAAE;MACzCN,SAAS,EAAE/D,MAAM,CAACuE,mBAAoB;MACtCC,KAAK,EAAEL;IAAa,GAEnBzD,MAAM,CAAC+D,aAAa,GACjB,IAAI,GACJH,cAAc,gBACd5E,KAAA,CAAAmE,aAAA,CAAC5D,kBAAkB;MAACS,MAAM,EAAEA;IAAO,CAAE,CAAC,gBAEtChB,KAAA,CAAAmE,aAAA,CAAC3D,sBAAsB;MACrBgB,KAAK,EAAEA,KAAM;MACbR,MAAM,EAAEA,MAAO;MACf0D,cAAc,EAAEA,cAAe;MAC/BjB,aAAa,EAAEA,aAAc;MAC7BuB,YAAY,EAAEvD,sBAAuB;MACrCwD,kBAAkB,EAAEtC,sBAAuB;MAC3CuC,eAAe,EAAErC;IAAoB,CACtC,CACF,EACF7B,MAAM,CAACJ,MAAM,CAACuE,YAAY,CAAC,CAAC,IACxB1D,sBAAsB,EAAE2D,cAAc,KAAK,KAAK,iBACnDpF,KAAA,CAAAmE,aAAA;MACEE,SAAS,EAAE/D,MAAM,CAAC+E,sBAAuB;MACzCC,aAAa,EAAEA,CAAA,KAAMtE,MAAM,CAACJ,MAAM,CAAC2E,SAAS,CAAC,CAAE;MAC/CC,WAAW,EAAExE,MAAM,CAACyE,gBAAgB,CAAC,CAAE;MACvCC,YAAY,EAAE1E,MAAM,CAACyE,gBAAgB,CAAC;IAAE,CACzC,CAED,CAAC;EAET,CAAC,CACC,CACL,CACI,CAAC,EACP,CAAC,CAAChC,aAAa,EAAEkC,MAAM,iBACtB3F,KAAA,CAAAmE,aAAA,CAAC/D,kBAAkB;IACjBwF,MAAM,EAAErD,gBAAiB;IACzBsD,OAAO,EAAEjD,uBAAwB;IACjCa,aAAa,EAAEA,aAAc;IAC7BzB,iBAAiB,EAAEA,iBAAkB;IACrCE,kBAAkB,EAAEA,kBAAmB;IACvC4D,OAAO,EAAE7C;EAAwB,CAClC,CACF,EACAQ,aAAa,EAAEsC,IAAI,CAACvC,GAAG,IAAIA,GAAG,CAACS,OAAO,CAAC,iBACtCjE,KAAA,CAAAmE,aAAA,CAAC9D,qBAAqB;IACpBuF,MAAM,EAAEnD,mBAAoB;IAC5BoD,OAAO,EAAE/C,oBAAqB;IAC9BW,aAAa,EAAEA,aAAc;IAC7B5B,cAAc,EAAEA,cAAe;IAC/BiE,OAAO,EAAE/C;EAAqB,CAC/B,CAEH,CAAC;AAEP","ignoreList":[]}
+{"version":3,"file":"TableHeader.js","names":["classNames","React","useCallback","useMemo","useState","ColumnConfigDialog","MultiColumnSortDialog","styles","TableHeaderContent","TableHeaderWithPopover","SELECTION_COLUMN_ID","getColumnPinningStyles","getHeaderName","column","allHeaders","id","columnDef","header","find","headerDef","displayedHeader","getContext","meta","columnName","TableHeader","table","headerMenuFeatureFlags","setColumnOrder","setColumnVisibility","setSorting","currentSorting","getState","sorting","currentVisibility","columnVisibility","currentColumnOrder","columnOrder","isResizing","columnSizingInfo","isResizingColumn","configDialogOpen","setConfigDialogOpen","multiSortDialogOpen","setMultiSortDialogOpen","handleOpenColumnConfig","handleCloseColumnConfig","handleOpenMultiSort","handleCloseMultiSort","handleApplyMultiSort","sortColumns","handleApplyColumnConfig","updates","newVisibilityState","update","columnId","isVisible","map","col","columnOptions","getHeaderGroups","flatMap","headerGroup","headers","getAllColumns","filter","name","canSort","getCanSort","createElement","Fragment","className","osdkTableHeader","key","osdkTableHeaderRow","columnStyles","isColumnPinned","getIsPinned","isSelectColumn","osdkTableHeaderCell","osdkTableSelectionHeaderCell","style","isPlaceholder","featureFlags","onOpenColumnConfig","onOpenMultiSort","getCanResize","showResizeItem","osdkTableHeaderResizer","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart","length","isOpen","onClose","onApply","some"],"sources":["TableHeader.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 {\n  Column,\n  Header,\n  RowData,\n  SortingState,\n  Table,\n  VisibilityState,\n} from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { type ColumnConfig, ColumnConfigDialog } from \"./ColumnConfigDialog.js\";\nimport { MultiColumnSortDialog } from \"./MultiColumnSortDialog.js\";\nimport styles from \"./TableHeader.module.css\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport {\n  type HeaderMenuFeatureFlags,\n  TableHeaderWithPopover,\n} from \"./TableHeaderWithPopover.js\";\nimport { SELECTION_COLUMN_ID } from \"./utils/constants.js\";\nimport { getColumnPinningStyles } from \"./utils/getColumnPinningStyles.js\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\ninterface TableHeaderProps<\n  TData extends RowData,\n> {\n  table: Table<TData>;\n  headerMenuFeatureFlags?: HeaderMenuFeatureFlags;\n}\n\nconst getHeaderName = <TData,>(\n  column: Column<TData, unknown>,\n  allHeaders: Header<TData, unknown>[],\n) => {\n  const { id, columnDef } = column;\n  const header = allHeaders.find(header => header.id === id);\n  const headerDef = columnDef.header;\n\n  if (headerDef) {\n    if (typeof headerDef === \"string\") {\n      return headerDef;\n    }\n    // Try to get header name from the renderHeader function\n    if (header) {\n      const displayedHeader = headerDef(header.getContext());\n      if (typeof displayedHeader === \"string\") return displayedHeader;\n    }\n  }\n  // Fallback to use the columnName provided by user or id\n  const { meta } = columnDef;\n  return meta?.columnName ?? id;\n};\n\nexport function TableHeader<\n  TData extends RowData,\n>({\n  table,\n  headerMenuFeatureFlags,\n}: TableHeaderProps<TData>): React.ReactElement {\n  // TODO: If value is number type, right align header\n\n  const {\n    setColumnOrder,\n    setColumnVisibility,\n    setSorting,\n  } = table;\n\n  const currentSorting = table.getState().sorting;\n  const currentVisibility = table.getState().columnVisibility;\n  const currentColumnOrder = table.getState().columnOrder;\n\n  const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;\n\n  const [configDialogOpen, setConfigDialogOpen] = useState(false);\n  const [multiSortDialogOpen, setMultiSortDialogOpen] = useState(false);\n\n  const handleOpenColumnConfig = useCallback(() => {\n    setConfigDialogOpen(true);\n  }, []);\n\n  const handleCloseColumnConfig = useCallback(() => {\n    setConfigDialogOpen(false);\n  }, []);\n\n  const handleOpenMultiSort = useCallback(() => {\n    setMultiSortDialogOpen(true);\n  }, []);\n\n  const handleCloseMultiSort = useCallback(() => {\n    setMultiSortDialogOpen(false);\n  }, []);\n\n  const handleApplyMultiSort = useCallback(\n    (sortColumns: SortingState) => {\n      setMultiSortDialogOpen(false);\n      setSorting?.(sortColumns);\n    },\n    [setSorting],\n  );\n\n  const handleApplyColumnConfig = useCallback(\n    (updates: ColumnConfig[]) => {\n      const newVisibilityState: VisibilityState = {};\n      for (const update of updates) {\n        newVisibilityState[update.columnId] = update.isVisible;\n      }\n\n      setColumnOrder(updates.map(col => col.columnId));\n      setColumnVisibility(newVisibilityState);\n    },\n    [setColumnOrder, setColumnVisibility],\n  );\n\n  const columnOptions: ColumnOption[] = useMemo(() => {\n    const allHeaders = table.getHeaderGroups().flatMap(headerGroup =>\n      headerGroup.headers\n    );\n\n    return table\n      .getAllColumns()\n      .filter((column) => column.id !== SELECTION_COLUMN_ID)\n      .map((column) => {\n        return {\n          id: column.id,\n          name: getHeaderName(column, allHeaders),\n          canSort: column.getCanSort(),\n        };\n      });\n  }, [table]);\n\n  return (\n    <>\n      <thead className={styles.osdkTableHeader} data-resizing={isResizing}>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr\n            key={headerGroup.id}\n            className={styles.osdkTableHeaderRow}\n          >\n            {headerGroup.headers.map((header) => {\n              const { columnStyles } = getColumnPinningStyles(header.column);\n              const isColumnPinned = header.column.getIsPinned();\n              const isSelectColumn = header.id === SELECTION_COLUMN_ID;\n              return (\n                <th\n                  key={header.id}\n                  data-pinned={header.column.getIsPinned()}\n                  className={classNames(styles.osdkTableHeaderCell, {\n                    [styles.osdkTableSelectionHeaderCell]: isSelectColumn,\n                  })}\n                  style={columnStyles}\n                >\n                  {header.isPlaceholder\n                    ? null\n                    : isSelectColumn\n                    ? <TableHeaderContent header={header} />\n                    : (\n                      <TableHeaderWithPopover\n                        table={table}\n                        header={header}\n                        isColumnPinned={isColumnPinned}\n                        columnOptions={columnOptions}\n                        featureFlags={headerMenuFeatureFlags}\n                        onOpenColumnConfig={handleOpenColumnConfig}\n                        onOpenMultiSort={handleOpenMultiSort}\n                      />\n                    )}\n                  {header.column.getCanResize()\n                    && headerMenuFeatureFlags?.showResizeItem !== false && (\n                    <div\n                      className={styles.osdkTableHeaderResizer}\n                      onDoubleClick={() => header.column.resetSize()}\n                      onMouseDown={header.getResizeHandler()}\n                      onTouchStart={header.getResizeHandler()}\n                    />\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        ))}\n      </thead>\n      {!!columnOptions?.length && (\n        <ColumnConfigDialog\n          isOpen={configDialogOpen}\n          onClose={handleCloseColumnConfig}\n          columnOptions={columnOptions}\n          currentVisibility={currentVisibility}\n          currentColumnOrder={currentColumnOrder}\n          onApply={handleApplyColumnConfig}\n        />\n      )}\n      {columnOptions?.some(col => col.canSort) && (\n        <MultiColumnSortDialog\n          isOpen={multiSortDialogOpen}\n          onClose={handleCloseMultiSort}\n          columnOptions={columnOptions}\n          currentSorting={currentSorting}\n          onApply={handleApplyMultiSort}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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;
   }
 }
 
@@ -78,8 +78,9 @@
   border-left: var(--osdk-table-pinned-column-border);
 }
 
-.osdkTableHeaderCell:has([role="checkbox"]) {
+.osdkTableSelectionHeaderCell {
   justify-content: center;
+  padding: 0;
 }
 
 .osdkTableHeaderResizer {

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

@@ -71,10 +71,6 @@
     color: var(--osdk-table-header-menu-color-active);
   }
 
-  &:focus {
-    outline: none;
-  }
-
   &:focus-visible {
     outline: var(--osdk-focus-outline);
     outline-offset: var(--osdk-focus-visible-outline-offset);
@@ -84,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 {
@@ -95,10 +92,6 @@
   color: var(--osdk-typography-color-default-rest);
   box-shadow: var(--osdk-surface-shadow-2);
   font-size: var(--osdk-typography-size-body-medium);
-
-  &:focus {
-    outline: none;
-  }
 }
 
 .osdkHeaderMenuItem {
@@ -111,10 +104,6 @@
     border-radius: var(--osdk-surface-border-radius);
   }
 
-  &:focus {
-    outline: none;
-  }
-
   &:focus-visible {
     outline: var(--osdk-focus-outline);
     outline-offset: var(--osdk-focus-visible-outline-offset);

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

@@ -21,13 +21,20 @@ export function TableRow({
   row,
   virtualRow,
   onRowClick,
-  renderCellContextMenu
+  renderCellContextMenu,
+  isFocused,
+  setFocusedRowId,
+  isInEditMode
 }) {
   const handleClick = useCallback(() => {
-    onRowClick?.(row.original);
-  }, [onRowClick, row.original]);
+    setFocusedRowId?.(row.id);
+    if (!isInEditMode) {
+      onRowClick?.(row.original);
+    }
+  }, [isInEditMode, onRowClick, row.original, row.id, setFocusedRowId]);
   return /*#__PURE__*/React.createElement("tr", {
     "data-selected": row.getIsSelected(),
+    "data-focused": isFocused,
     className: styles.osdkTableRow,
     style: {
       height: `${virtualRow.size}px`,

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":["React","useCallback","TableCell","styles","TableRow","row","virtualRow","onRowClick","renderCellContextMenu","handleClick","original","createElement","getIsSelected","className","osdkTableRow","style","height","size","transform","start","onClick","getVisibleCells","map","cell","key","id"],"sources":["TableRow.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 { Cell, Row, RowData } from \"@tanstack/react-table\";\nimport type { VirtualItem } from \"@tanstack/react-virtual\";\nimport React, { useCallback } from \"react\";\nimport { TableCell } from \"./TableCell.js\";\nimport styles from \"./TableRow.module.css\";\n\ninterface TableRowProps<TData extends RowData> {\n  row: Row<TData>;\n  virtualRow: VirtualItem;\n  onRowClick?: (row: TData) => void;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n}\n\nexport function TableRow<TData extends RowData>({\n  row,\n  virtualRow,\n  onRowClick,\n  renderCellContextMenu,\n}: TableRowProps<TData>): React.ReactElement {\n  const handleClick = useCallback(() => {\n    onRowClick?.(row.original);\n  }, [onRowClick, row.original]);\n\n  return (\n    <tr\n      data-selected={row.getIsSelected()}\n      className={styles.osdkTableRow}\n      style={{\n        height: `${virtualRow.size}px`,\n        transform: `translateY(${virtualRow.start}px)`,\n      }}\n      onClick={handleClick}\n    >\n      {row.getVisibleCells().map((cell) => (\n        <TableCell\n          key={cell.id}\n          cell={cell}\n          renderCellContextMenu={renderCellContextMenu}\n        />\n      ))}\n    </tr>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,OAAOC,MAAM,MAAM,uBAAuB;AAY1C,OAAO,SAASC,QAAQA,CAAwB;EAC9CC,GAAG;EACHC,UAAU;EACVC,UAAU;EACVC;AACoB,CAAC,EAAsB;EAC3C,MAAMC,WAAW,GAAGR,WAAW,CAAC,MAAM;IACpCM,UAAU,GAAGF,GAAG,CAACK,QAAQ,CAAC;EAC5B,CAAC,EAAE,CAACH,UAAU,EAAEF,GAAG,CAACK,QAAQ,CAAC,CAAC;EAE9B,oBACEV,KAAA,CAAAW,aAAA;IACE,iBAAeN,GAAG,CAACO,aAAa,CAAC,CAAE;IACnCC,SAAS,EAAEV,MAAM,CAACW,YAAa;IAC/BC,KAAK,EAAE;MACLC,MAAM,EAAE,GAAGV,UAAU,CAACW,IAAI,IAAI;MAC9BC,SAAS,EAAE,cAAcZ,UAAU,CAACa,KAAK;IAC3C,CAAE;IACFC,OAAO,EAAEX;EAAY,GAEpBJ,GAAG,CAACgB,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,IAAI,iBAC9BvB,KAAA,CAAAW,aAAA,CAACT,SAAS;IACRsB,GAAG,EAAED,IAAI,CAACE,EAAG;IACbF,IAAI,EAAEA,IAAK;IACXf,qBAAqB,EAAEA;EAAsB,CAC9C,CACF,CACC,CAAC;AAET","ignoreList":[]}
+{"version":3,"file":"TableRow.js","names":["React","useCallback","TableCell","styles","TableRow","row","virtualRow","onRowClick","renderCellContextMenu","isFocused","setFocusedRowId","isInEditMode","handleClick","id","original","createElement","getIsSelected","className","osdkTableRow","style","height","size","transform","start","onClick","getVisibleCells","map","cell","key"],"sources":["TableRow.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 { Cell, Row, RowData } from \"@tanstack/react-table\";\nimport type { VirtualItem } from \"@tanstack/react-virtual\";\nimport React, { useCallback } from \"react\";\nimport { TableCell } from \"./TableCell.js\";\nimport styles from \"./TableRow.module.css\";\n\ninterface TableRowProps<TData extends RowData> {\n  row: Row<TData>;\n  virtualRow: VirtualItem;\n  onRowClick?: (row: TData) => void;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n  isFocused: boolean;\n  setFocusedRowId?: (rowId: string | null) => void;\n  isInEditMode?: boolean;\n}\n\nexport function TableRow<TData extends RowData>({\n  row,\n  virtualRow,\n  onRowClick,\n  renderCellContextMenu,\n  isFocused,\n  setFocusedRowId,\n  isInEditMode,\n}: TableRowProps<TData>): React.ReactElement {\n  const handleClick = useCallback(() => {\n    setFocusedRowId?.(row.id);\n\n    if (!isInEditMode) {\n      onRowClick?.(row.original);\n    }\n  }, [isInEditMode, onRowClick, row.original, row.id, setFocusedRowId]);\n\n  return (\n    <tr\n      data-selected={row.getIsSelected()}\n      data-focused={isFocused}\n      className={styles.osdkTableRow}\n      style={{\n        height: `${virtualRow.size}px`,\n        transform: `translateY(${virtualRow.start}px)`,\n      }}\n      onClick={handleClick}\n    >\n      {row.getVisibleCells().map((cell) => (\n        <TableCell\n          key={cell.id}\n          cell={cell}\n          renderCellContextMenu={renderCellContextMenu}\n        />\n      ))}\n    </tr>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,OAAOC,MAAM,MAAM,uBAAuB;AAe1C,OAAO,SAASC,QAAQA,CAAwB;EAC9CC,GAAG;EACHC,UAAU;EACVC,UAAU;EACVC,qBAAqB;EACrBC,SAAS;EACTC,eAAe;EACfC;AACoB,CAAC,EAAsB;EAC3C,MAAMC,WAAW,GAAGX,WAAW,CAAC,MAAM;IACpCS,eAAe,GAAGL,GAAG,CAACQ,EAAE,CAAC;IAEzB,IAAI,CAACF,YAAY,EAAE;MACjBJ,UAAU,GAAGF,GAAG,CAACS,QAAQ,CAAC;IAC5B;EACF,CAAC,EAAE,CAACH,YAAY,EAAEJ,UAAU,EAAEF,GAAG,CAACS,QAAQ,EAAET,GAAG,CAACQ,EAAE,EAAEH,eAAe,CAAC,CAAC;EAErE,oBACEV,KAAA,CAAAe,aAAA;IACE,iBAAeV,GAAG,CAACW,aAAa,CAAC,CAAE;IACnC,gBAAcP,SAAU;IACxBQ,SAAS,EAAEd,MAAM,CAACe,YAAa;IAC/BC,KAAK,EAAE;MACLC,MAAM,EAAE,GAAGd,UAAU,CAACe,IAAI,IAAI;MAC9BC,SAAS,EAAE,cAAchB,UAAU,CAACiB,KAAK;IAC3C,CAAE;IACFC,OAAO,EAAEZ;EAAY,GAEpBP,GAAG,CAACoB,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,IAAI,iBAC9B3B,KAAA,CAAAe,aAAA,CAACb,SAAS;IACR0B,GAAG,EAAED,IAAI,CAACd,EAAG;IACbc,IAAI,EAAEA,IAAK;IACXnB,qBAAqB,EAAEA;EAAsB,CAC9C,CACF,CACC,CAAC;AAET","ignoreList":[]}

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

@@ -45,7 +45,8 @@
     border-bottom-color: var(--osdk-table-row-border-color-hover);
   }
 
-  &[data-selected="true"] {
+  &[data-selected="true"],
+  &[data-focused="true"] {
     z-index: 2;
     background-color: var(--osdk-table-row-bg-active);
     border-top-color: var(--osdk-table-row-border-color-active);

package/build/esm/object-table/components/AsyncValueCell.js

@@ -0,0 +1,35 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+import { LoadingCellContent } from "../LoadingCell.js";
+export function AsyncValueCell({
+  data,
+  isLoading,
+  error
+}) {
+  if (error != null) {
+    return "Error";
+  }
+  if (data != null) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, data);
+  }
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(LoadingCellContent, null);
+  }
+  return "No value";
+}
+//# sourceMappingURL=AsyncValueCell.js.map

package/build/esm/object-table/components/AsyncValueCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncValueCell.js","names":["React","LoadingCellContent","AsyncValueCell","data","isLoading","error","createElement","Fragment"],"sources":["AsyncValueCell.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 React from \"react\";\nimport { LoadingCellContent } from \"../LoadingCell.js\";\nimport type { AsyncCellData } from \"../utils/AsyncCellData.js\";\n\ninterface AsyncValueCellProps extends AsyncCellData {}\n\nexport function AsyncValueCell({\n  data,\n  isLoading,\n  error,\n}: AsyncValueCellProps): React.ReactNode {\n  if (error != null) {\n    return \"Error\";\n  }\n  if (data != null) {\n    return <>{data}</>;\n  }\n  if (isLoading) {\n    return <LoadingCellContent />;\n  }\n  return \"No value\";\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,mBAAmB;AAKtD,OAAO,SAASC,cAAcA,CAAC;EAC7BC,IAAI;EACJC,SAAS;EACTC;AACmB,CAAC,EAAmB;EACvC,IAAIA,KAAK,IAAI,IAAI,EAAE;IACjB,OAAO,OAAO;EAChB;EACA,IAAIF,IAAI,IAAI,IAAI,EAAE;IAChB,oBAAOH,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGJ,IAAO,CAAC;EACpB;EACA,IAAIC,SAAS,EAAE;IACb,oBAAOJ,KAAA,CAAAM,aAAA,CAACL,kBAAkB,MAAE,CAAC;EAC/B;EACA,OAAO,UAAU;AACnB","ignoreList":[]}

package/build/esm/object-table/hooks/useColumnDefs.js

@@ -66,9 +66,11 @@ function getColumnsFromColumnDefinitions(columnDefinitions, objectProperties) {
       header: renderHeader ?? (columnName || propertyMetadata?.displayName),
       meta: {
         columnName: columnName || propertyMetadata?.displayName,
+        isAsyncColumn: locator.type === "function",
         isVisible: col.isVisible !== false,
         editable,
-        dataType
+        dataType,
+        validateEdit: col.validateEdit
       },
       size: width,
       ...(minWidth ? {
@@ -78,7 +80,8 @@ function getColumnsFromColumnDefinitions(columnDefinitions, objectProperties) {
         maxSize: maxWidth
       } : {}),
       enableResizing: resizable,
-      enableSorting: orderable,
+      // Function-backed columns must be sorted on the frontend, so disable sorting for now
+      enableSorting: locator.type === "function" ? false : orderable,
       enableColumnFilter: filterable,
       cell: cellContext => {
         const object = cellContext.row.original;

package/build/esm/object-table/hooks/useColumnDefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnDefs.js","names":["useOsdkMetadata","useMemo","renderDefaultCell","useColumnDefs","objectType","columnDefinitions","metadata","loading","error","columns","objectProperties","properties","getColumnsFromColumnDefinitions","getDefaultColumns","map","col","locator","width","minWidth","maxWidth","resizable","orderable","filterable","editable","renderCell","renderHeader","columnName","propertyMetadata","type","id","undefined","colKey","dataType","colDef","accessorKey","header","displayName","meta","isVisible","size","minSize","maxSize","enableResizing","enableSorting","enableColumnFilter","cell","cellContext","object","row","original","Object","entries","key","property"],"sources":["useColumnDefs.ts"],"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 {\n  ObjectMetadata,\n  ObjectOrInterfaceDefinition,\n  Osdk,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport { useOsdkMetadata } from \"@osdk/react\";\nimport type { AccessorColumnDef } from \"@tanstack/react-table\";\nimport { useMemo } from \"react\";\nimport { renderDefaultCell } from \"../DefaultCellRenderer.js\";\nimport type { ColumnDefinition } from \"../ObjectTableApi.js\";\n\ninterface UseColumnDefsResult<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n> {\n  columns: AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >[];\n\n  loading: boolean;\n\n  error: string | undefined;\n}\n\n/**\n * Hook which builds column definitions for tanstack-table given the objectSet\n */\nexport function useColumnDefs<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n>(\n  objectType: Q,\n  columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>,\n): UseColumnDefsResult<Q, RDPs> {\n  const { metadata, loading, error } = useOsdkMetadata(objectType);\n\n  const columns: AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >[] = useMemo(() => {\n    const objectProperties = metadata?.properties;\n    // If columnDefinitions is provided, construct colDefs with it\n    if (columnDefinitions) {\n      return getColumnsFromColumnDefinitions<Q, RDPs, FunctionColumns>(\n        columnDefinitions,\n        objectProperties,\n      );\n    }\n\n    // If not, return the default columns from the object properties\n    return getDefaultColumns<Q, RDPs>(objectProperties);\n  }, [columnDefinitions, metadata?.properties]);\n\n  return { columns, loading, error };\n}\n\nfunction getColumnsFromColumnDefinitions<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n>(\n  columnDefinitions: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>,\n  objectProperties?: Record<any, ObjectMetadata.Property>,\n): Array<\n  AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >\n> {\n  return columnDefinitions.map((col) => {\n    const {\n      locator,\n      width,\n      minWidth,\n      maxWidth,\n      resizable,\n      orderable,\n      filterable,\n      editable,\n      renderCell,\n      renderHeader,\n      columnName,\n    } = col;\n\n    const propertyMetadata = locator.type === \"property\"\n      ? objectProperties?.[locator.id]\n      : undefined;\n\n    const colKey = locator.id as string;\n\n    const dataType =\n      propertyMetadata?.type && typeof propertyMetadata.type === \"string\"\n        ? propertyMetadata.type\n        : undefined;\n\n    const colDef: AccessorColumnDef<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n    > = {\n      id: colKey,\n      accessorKey: colKey,\n      header: renderHeader ?? (columnName || propertyMetadata?.displayName),\n      meta: {\n        columnName: columnName || propertyMetadata?.displayName,\n        isVisible: col.isVisible !== false,\n        editable,\n        dataType,\n      },\n      size: width,\n      ...(minWidth ? { minSize: minWidth } : {}),\n      ...(maxWidth ? { maxSize: maxWidth } : {}),\n      enableResizing: resizable,\n      enableSorting: orderable,\n      enableColumnFilter: filterable,\n      cell: (cellContext) => {\n        const object: Osdk.Instance<\n          Q,\n          \"$allBaseProperties\",\n          PropertyKeys<Q>,\n          RDPs\n        > = cellContext.row.original;\n\n        if (renderCell) {\n          return renderCell(object, locator);\n        }\n\n        return renderDefaultCell(cellContext);\n      },\n    };\n\n    return colDef;\n  });\n}\n\nfunction getDefaultColumns<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n>(\n  objectProperties?: Record<any, ObjectMetadata.Property>,\n): Array<\n  AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >\n> {\n  if (!objectProperties) return [];\n\n  return Object.entries(objectProperties).map(([key, property]) => {\n    const colDef: AccessorColumnDef<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n    > = {\n      accessorKey: key,\n      header: property.displayName ?? key,\n    };\n    return colDef;\n  });\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useColumnDefs.js","names":["useOsdkMetadata","useMemo","renderDefaultCell","useColumnDefs","objectType","columnDefinitions","metadata","loading","error","columns","objectProperties","properties","getColumnsFromColumnDefinitions","getDefaultColumns","map","col","locator","width","minWidth","maxWidth","resizable","orderable","filterable","editable","renderCell","renderHeader","columnName","propertyMetadata","type","id","undefined","colKey","dataType","colDef","accessorKey","header","displayName","meta","isAsyncColumn","isVisible","validateEdit","size","minSize","maxSize","enableResizing","enableSorting","enableColumnFilter","cell","cellContext","object","row","original","Object","entries","key","property"],"sources":["useColumnDefs.ts"],"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 {\n  ObjectMetadata,\n  ObjectOrInterfaceDefinition,\n  Osdk,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport { useOsdkMetadata } from \"@osdk/react\";\nimport type { AccessorColumnDef } from \"@tanstack/react-table\";\nimport { useMemo } from \"react\";\nimport { renderDefaultCell } from \"../DefaultCellRenderer.js\";\nimport type { ColumnDefinition } from \"../ObjectTableApi.js\";\n\ninterface UseColumnDefsResult<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n> {\n  columns: AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >[];\n\n  loading: boolean;\n\n  error: string | undefined;\n}\n\n/**\n * Hook which builds column definitions for tanstack-table given the objectSet\n */\nexport function useColumnDefs<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n>(\n  objectType: Q,\n  columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>,\n): UseColumnDefsResult<Q, RDPs> {\n  const { metadata, loading, error } = useOsdkMetadata(objectType);\n\n  const columns: AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >[] = useMemo(() => {\n    const objectProperties = metadata?.properties;\n    // If columnDefinitions is provided, construct colDefs with it\n    if (columnDefinitions) {\n      return getColumnsFromColumnDefinitions<Q, RDPs, FunctionColumns>(\n        columnDefinitions,\n        objectProperties,\n      );\n    }\n\n    // If not, return the default columns from the object properties\n    return getDefaultColumns<Q, RDPs>(objectProperties);\n  }, [columnDefinitions, metadata?.properties]);\n\n  return { columns, loading, error };\n}\n\nfunction getColumnsFromColumnDefinitions<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n>(\n  columnDefinitions: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>,\n  objectProperties?: Record<any, ObjectMetadata.Property>,\n): Array<\n  AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >\n> {\n  return columnDefinitions.map((col) => {\n    const {\n      locator,\n      width,\n      minWidth,\n      maxWidth,\n      resizable,\n      orderable,\n      filterable,\n      editable,\n      renderCell,\n      renderHeader,\n      columnName,\n    } = col;\n\n    const propertyMetadata = locator.type === \"property\"\n      ? objectProperties?.[locator.id]\n      : undefined;\n\n    const colKey = locator.id as string;\n\n    const dataType =\n      propertyMetadata?.type && typeof propertyMetadata.type === \"string\"\n        ? propertyMetadata.type\n        : undefined;\n\n    const colDef: AccessorColumnDef<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n    > = {\n      id: colKey,\n      accessorKey: colKey,\n      header: renderHeader ?? (columnName || propertyMetadata?.displayName),\n      meta: {\n        columnName: columnName || propertyMetadata?.displayName,\n        isAsyncColumn: locator.type === \"function\",\n        isVisible: col.isVisible !== false,\n        editable,\n        dataType,\n        validateEdit: col.validateEdit,\n      },\n      size: width,\n      ...(minWidth ? { minSize: minWidth } : {}),\n      ...(maxWidth ? { maxSize: maxWidth } : {}),\n      enableResizing: resizable,\n      // Function-backed columns must be sorted on the frontend, so disable sorting for now\n      enableSorting: locator.type === \"function\" ? false : orderable,\n      enableColumnFilter: filterable,\n      cell: (cellContext) => {\n        const object: Osdk.Instance<\n          Q,\n          \"$allBaseProperties\",\n          PropertyKeys<Q>,\n          RDPs\n        > = cellContext.row.original;\n\n        if (renderCell) {\n          return renderCell(object, locator);\n        }\n\n        return renderDefaultCell(cellContext);\n      },\n    };\n\n    return colDef;\n  });\n}\n\nfunction getDefaultColumns<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n>(\n  objectProperties?: Record<any, ObjectMetadata.Property>,\n): Array<\n  AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >\n> {\n  if (!objectProperties) return [];\n\n  return Object.entries(objectProperties).map(([key, property]) => {\n    const colDef: AccessorColumnDef<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n    > = {\n      accessorKey: key,\n      header: property.displayName ?? key,\n    };\n    return colDef;\n  });\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/object-table/hooks/useEditableTable.js

@@ -15,17 +15,24 @@
  */
 
 import { useCallback, useState } from "react";
-import { getCellIdentifier } from "../utils/getCellId.js";
 export function useEditableTable({
+  editMode = "manual",
   onCellValueChanged,
   onSubmitEdits
 }) {
+  const [isActive, setActive] = useState(editMode === "always");
   const [cellEdits, setCellEdits] = useState({});
-  const handleCellEdit = useCallback((cellId, state) => {
-    const cellIdentifier = getCellIdentifier(cellId);
-
+  const [validationErrors, setValidationErrors] = useState(new Map());
+  const clearCellValidationError = useCallback(cellId => {
+    setValidationErrors(prev => {
+      const newErrors = new Map(prev);
+      newErrors.delete(cellId);
+      return newErrors;
+    });
+  }, []);
+  const handleCellEdit = useCallback((cellId, info) => {
     // If value is changed back to original, remove it from edits
-    if (state.newValue === state.oldValue) {
+    if (info.newValue === info.oldValue) {
       setCellEdits(prev => {
         const {
           [cellId]: _,
@@ -36,22 +43,43 @@ export function useEditableTable({
     } else {
       setCellEdits(prev => ({
         ...prev,
-        [cellId]: state
+        [cellId]: info
       }));
     }
-    onCellValueChanged?.(cellIdentifier, state);
+    onCellValueChanged?.(info);
   }, [onCellValueChanged]);
   const clearEdits = useCallback(() => {
     setCellEdits({});
+    setValidationErrors(new Map());
   }, []);
   const handleSubmitEdits = useCallback(async () => {
-    await onSubmitEdits?.(cellEdits);
+    const edits = Object.values(cellEdits);
+    return onSubmitEdits ? onSubmitEdits(edits) : false;
   }, [cellEdits, onSubmitEdits]);
+  const onCellValidationError = useCallback((cellId, error) => {
+    setValidationErrors(prev => {
+      const newErrors = new Map(prev);
+      newErrors.set(cellId, error);
+      return newErrors;
+    });
+  }, []);
+  const editModeState = editMode === "always" ? {
+    type: "always",
+    isActive: true
+  } : {
+    type: "manual",
+    isActive,
+    setActive
+  };
   return {
     cellEdits,
-    handleCellEdit,
-    handleSubmitEdits,
-    clearEdits
+    onCellEdit: handleCellEdit,
+    onSubmitEdits: onSubmitEdits ? handleSubmitEdits : undefined,
+    clearEdits,
+    editModeState,
+    onCellValidationError,
+    validationErrors,
+    clearCellValidationError
   };
 }
 //# sourceMappingURL=useEditableTable.js.map

package/build/esm/object-table/hooks/useEditableTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEditableTable.js","names":["useCallback","useState","getCellIdentifier","useEditableTable","onCellValueChanged","onSubmitEdits","cellEdits","setCellEdits","handleCellEdit","cellId","state","cellIdentifier","newValue","oldValue","prev","_","rest","clearEdits","handleSubmitEdits"],"sources":["useEditableTable.ts"],"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 {\n  ObjectOrInterfaceDefinition,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport { useCallback, useState } from \"react\";\nimport type { ObjectTableProps } from \"../ObjectTableApi.js\";\nimport { getCellIdentifier } from \"../utils/getCellId.js\";\nimport type { CellValueState } from \"../utils/types.js\";\n\nexport interface UseEditableTableProps<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> {\n  onCellValueChanged?: ObjectTableProps<\n    Q,\n    RDPs,\n    FunctionColumns\n  >[\"onCellValueChanged\"];\n\n  onSubmitEdits?: ObjectTableProps<\n    Q,\n    RDPs,\n    FunctionColumns\n  >[\"onSubmitEdits\"];\n}\n\nexport interface UseEditableTableResult {\n  cellEdits: Record<string, CellValueState>;\n  handleCellEdit: (\n    cellId: string,\n    state: CellValueState,\n  ) => void;\n  handleSubmitEdits: () => Promise<void>;\n  clearEdits: () => void;\n}\n\nexport function useEditableTable<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n>({\n  onCellValueChanged,\n  onSubmitEdits,\n}: UseEditableTableProps<Q, RDPs, FunctionColumns>): UseEditableTableResult {\n  const [cellEdits, setCellEdits] = useState<Record<string, CellValueState>>(\n    {},\n  );\n\n  const handleCellEdit = useCallback(\n    (cellId: string, state: CellValueState) => {\n      const cellIdentifier = getCellIdentifier(cellId);\n\n      // If value is changed back to original, remove it from edits\n      if (state.newValue === state.oldValue) {\n        setCellEdits(prev => {\n          const { [cellId]: _, ...rest } = prev;\n          return rest;\n        });\n      } else {\n        setCellEdits(prev => ({\n          ...prev,\n          [cellId]: state,\n        }));\n      }\n\n      onCellValueChanged?.(cellIdentifier, state);\n    },\n    [onCellValueChanged],\n  );\n\n  const clearEdits = useCallback(() => {\n    setCellEdits({});\n  }, []);\n\n  const handleSubmitEdits = useCallback(async () => {\n    await onSubmitEdits?.(cellEdits);\n  }, [cellEdits, onSubmitEdits]);\n\n  return {\n    cellEdits,\n    handleCellEdit,\n    handleSubmitEdits,\n    clearEdits,\n  };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,SAASC,iBAAiB,QAAQ,uBAAuB;AAqCzD,OAAO,SAASC,gBAAgBA,CAU9B;EACAC,kBAAkB;EAClBC;AAC+C,CAAC,EAA0B;EAC1E,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGN,QAAQ,CACxC,CAAC,CACH,CAAC;EAED,MAAMO,cAAc,GAAGR,WAAW,CAChC,CAACS,MAAc,EAAEC,KAAqB,KAAK;IACzC,MAAMC,cAAc,GAAGT,iBAAiB,CAACO,MAAM,CAAC;;IAEhD;IACA,IAAIC,KAAK,CAACE,QAAQ,KAAKF,KAAK,CAACG,QAAQ,EAAE;MACrCN,YAAY,CAACO,IAAI,IAAI;QACnB,MAAM;UAAE,CAACL,MAAM,GAAGM,CAAC;UAAE,GAAGC;QAAK,CAAC,GAAGF,IAAI;QACrC,OAAOE,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,MAAM;MACLT,YAAY,CAACO,IAAI,KAAK;QACpB,GAAGA,IAAI;QACP,CAACL,MAAM,GAAGC;MACZ,CAAC,CAAC,CAAC;IACL;IAEAN,kBAAkB,GAAGO,cAAc,EAAED,KAAK,CAAC;EAC7C,CAAC,EACD,CAACN,kBAAkB,CACrB,CAAC;EAED,MAAMa,UAAU,GAAGjB,WAAW,CAAC,MAAM;IACnCO,YAAY,CAAC,CAAC,CAAC,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMW,iBAAiB,GAAGlB,WAAW,CAAC,YAAY;IAChD,MAAMK,aAAa,GAAGC,SAAS,CAAC;EAClC,CAAC,EAAE,CAACA,SAAS,EAAED,aAAa,CAAC,CAAC;EAE9B,OAAO;IACLC,SAAS;IACTE,cAAc;IACdU,iBAAiB;IACjBD;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"useEditableTable.js","names":["useCallback","useState","useEditableTable","editMode","onCellValueChanged","onSubmitEdits","isActive","setActive","cellEdits","setCellEdits","validationErrors","setValidationErrors","Map","clearCellValidationError","cellId","prev","newErrors","delete","handleCellEdit","info","newValue","oldValue","_","rest","clearEdits","handleSubmitEdits","edits","Object","values","onCellValidationError","error","set","editModeState","type","onCellEdit","undefined"],"sources":["useEditableTable.ts"],"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 {\n  ObjectOrInterfaceDefinition,\n  Osdk,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport { useCallback, useState } from \"react\";\nimport type { ObjectTableProps } from \"../ObjectTableApi.js\";\nimport type {\n  CellEditInfo,\n  EditableConfig,\n  EditModeState,\n} from \"../utils/types.js\";\n\nexport interface UseEditableTableProps<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> {\n  editMode?: \"always\" | \"manual\";\n\n  onCellValueChanged?: ObjectTableProps<\n    Q,\n    RDPs,\n    FunctionColumns\n  >[\"onCellValueChanged\"];\n\n  onSubmitEdits?: ObjectTableProps<\n    Q,\n    RDPs,\n    FunctionColumns\n  >[\"onSubmitEdits\"];\n}\n\nexport function useEditableTable<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n>({\n  editMode = \"manual\",\n  onCellValueChanged,\n  onSubmitEdits,\n}: UseEditableTableProps<Q, RDPs, FunctionColumns>): EditableConfig<\n  Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n  unknown\n> {\n  const [isActive, setActive] = useState<boolean>(\n    editMode === \"always\",\n  );\n  const [cellEdits, setCellEdits] = useState<\n    Record<\n      string,\n      CellEditInfo<\n        Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n        unknown\n      >\n    >\n  >(\n    {},\n  );\n  const [validationErrors, setValidationErrors] = useState<\n    Map<string, string>\n  >(\n    new Map(),\n  );\n\n  const clearCellValidationError = useCallback((cellId: string) => {\n    setValidationErrors(prev => {\n      const newErrors = new Map(prev);\n      newErrors.delete(cellId);\n      return newErrors;\n    });\n  }, []);\n\n  const handleCellEdit = useCallback(\n    (\n      cellId: string,\n      info: CellEditInfo<\n        Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n        unknown\n      >,\n    ) => {\n      // If value is changed back to original, remove it from edits\n      if (info.newValue === info.oldValue) {\n        setCellEdits(prev => {\n          const { [cellId]: _, ...rest } = prev;\n          return rest;\n        });\n      } else {\n        setCellEdits(prev => ({\n          ...prev,\n          [cellId]: info,\n        }));\n      }\n\n      onCellValueChanged?.(info);\n    },\n    [onCellValueChanged],\n  );\n\n  const clearEdits = useCallback(() => {\n    setCellEdits({});\n    setValidationErrors(new Map());\n  }, []);\n\n  const handleSubmitEdits = useCallback(async () => {\n    const edits = Object.values(cellEdits);\n    return onSubmitEdits ? onSubmitEdits(edits) : false;\n  }, [cellEdits, onSubmitEdits]);\n\n  const onCellValidationError = useCallback(\n    (cellId: string, error: string) => {\n      setValidationErrors(prev => {\n        const newErrors = new Map(prev);\n        newErrors.set(cellId, error);\n        return newErrors;\n      });\n    },\n    [],\n  );\n\n  const editModeState: EditModeState = editMode === \"always\"\n    ? { type: \"always\", isActive: true }\n    : { type: \"manual\", isActive, setActive };\n\n  return {\n    cellEdits,\n    onCellEdit: handleCellEdit,\n    onSubmitEdits: onSubmitEdits ? handleSubmitEdits : undefined,\n    clearEdits,\n    editModeState,\n    onCellValidationError,\n    validationErrors,\n    clearCellValidationError,\n  };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAkC7C,OAAO,SAASC,gBAAgBA,CAU9B;EACAC,QAAQ,GAAG,QAAQ;EACnBC,kBAAkB;EAClBC;AAC+C,CAAC,EAGhD;EACA,MAAM,CAACC,QAAQ,EAAEC,SAAS,CAAC,GAAGN,QAAQ,CACpCE,QAAQ,KAAK,QACf,CAAC;EACD,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CASxC,CAAC,CACH,CAAC;EACD,MAAM,CAACS,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGV,QAAQ,CAGtD,IAAIW,GAAG,CAAC,CACV,CAAC;EAED,MAAMC,wBAAwB,GAAGb,WAAW,CAAEc,MAAc,IAAK;IAC/DH,mBAAmB,CAACI,IAAI,IAAI;MAC1B,MAAMC,SAAS,GAAG,IAAIJ,GAAG,CAACG,IAAI,CAAC;MAC/BC,SAAS,CAACC,MAAM,CAACH,MAAM,CAAC;MACxB,OAAOE,SAAS;IAClB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,cAAc,GAAGlB,WAAW,CAChC,CACEc,MAAc,EACdK,IAGC,KACE;IACH;IACA,IAAIA,IAAI,CAACC,QAAQ,KAAKD,IAAI,CAACE,QAAQ,EAAE;MACnCZ,YAAY,CAACM,IAAI,IAAI;QACnB,MAAM;UAAE,CAACD,MAAM,GAAGQ,CAAC;UAAE,GAAGC;QAAK,CAAC,GAAGR,IAAI;QACrC,OAAOQ,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,MAAM;MACLd,YAAY,CAACM,IAAI,KAAK;QACpB,GAAGA,IAAI;QACP,CAACD,MAAM,GAAGK;MACZ,CAAC,CAAC,CAAC;IACL;IAEAf,kBAAkB,GAAGe,IAAI,CAAC;EAC5B,CAAC,EACD,CAACf,kBAAkB,CACrB,CAAC;EAED,MAAMoB,UAAU,GAAGxB,WAAW,CAAC,MAAM;IACnCS,YAAY,CAAC,CAAC,CAAC,CAAC;IAChBE,mBAAmB,CAAC,IAAIC,GAAG,CAAC,CAAC,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMa,iBAAiB,GAAGzB,WAAW,CAAC,YAAY;IAChD,MAAM0B,KAAK,GAAGC,MAAM,CAACC,MAAM,CAACpB,SAAS,CAAC;IACtC,OAAOH,aAAa,GAAGA,aAAa,CAACqB,KAAK,CAAC,GAAG,KAAK;EACrD,CAAC,EAAE,CAAClB,SAAS,EAAEH,aAAa,CAAC,CAAC;EAE9B,MAAMwB,qBAAqB,GAAG7B,WAAW,CACvC,CAACc,MAAc,EAAEgB,KAAa,KAAK;IACjCnB,mBAAmB,CAACI,IAAI,IAAI;MAC1B,MAAMC,SAAS,GAAG,IAAIJ,GAAG,CAACG,IAAI,CAAC;MAC/BC,SAAS,CAACe,GAAG,CAACjB,MAAM,EAAEgB,KAAK,CAAC;MAC5B,OAAOd,SAAS;IAClB,CAAC,CAAC;EACJ,CAAC,EACD,EACF,CAAC;EAED,MAAMgB,aAA4B,GAAG7B,QAAQ,KAAK,QAAQ,GACtD;IAAE8B,IAAI,EAAE,QAAQ;IAAE3B,QAAQ,EAAE;EAAK,CAAC,GAClC;IAAE2B,IAAI,EAAE,QAAQ;IAAE3B,QAAQ;IAAEC;EAAU,CAAC;EAE3C,OAAO;IACLC,SAAS;IACT0B,UAAU,EAAEhB,cAAc;IAC1Bb,aAAa,EAAEA,aAAa,GAAGoB,iBAAiB,GAAGU,SAAS;IAC5DX,UAAU;IACVQ,aAAa;IACbH,qBAAqB;IACrBnB,gBAAgB;IAChBG;EACF,CAAC;AACH","ignoreList":[]}