@open-pioneer/result-list 0.11.0 → 0.12.0-dev.20250725080856

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @open-pioneer/result-list
 
+## 0.12.0-dev.20250725080856
+
+### Minor Changes
+
+- 2732052: Icons have been changed to unify the appearance of the components. Preferably, Lucide react-icons are used.
+
+### Patch Changes
+
+- 10d2fe7: Update dependencies
+- da6a410: Update dependencies
+- Updated dependencies [10d2fe7]
+- Updated dependencies [2702df4]
+- Updated dependencies [8986b3b]
+- Updated dependencies [f1f69f2]
+- Updated dependencies [da6a410]
+    - @open-pioneer/map@0.12.0-dev.20250725080856
+
 ## 0.11.0
 
 ### Minor Changes
@@ -23,7 +40,6 @@
     ```
 
 - 5c2cca2: Fix a11y issues:
-
     - Fix wrong `aria-labelledby` ids
     - Introduce optional property `labelProperty` to result list's `input` option
         - A feature's property value is used to provide context in aria attributes.
@@ -101,7 +117,6 @@
 ### Minor Changes
 
 - 2fa8020: Update trails core package dependencies.
-
     - Also updates Chakra UI to the latest 2.x version and Chakra React Select to version 5.
     - Removes any obsolete references to `@chakra-ui/system`.
       This dependency seems to be no longer required and may lead to duplicate packages in your dependency tree.

package/DataTable/ColumnSortIndicator.js

@@ -1,10 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
-import { PiCaretDownFill, PiCaretUpFill } from 'react-icons/pi';
+import { TbCaretDownFilled, TbCaretUpFilled } from 'react-icons/tb';
 import { chakra } from '@chakra-ui/react';
 
 function ColumnSortIndicator(props) {
   const { isSorted } = props;
-  return /* @__PURE__ */ jsx(chakra.span, { ml: "4", className: "result-list-sort-indicator", "aria-hidden": "true", children: isSorted ? isSorted === "desc" ? /* @__PURE__ */ jsx(PiCaretDownFill, {}) : /* @__PURE__ */ jsx(PiCaretUpFill, {}) : null });
+  return /* @__PURE__ */ jsx(chakra.span, { ml: "4", className: "result-list-sort-indicator", "aria-hidden": "true", children: isSorted ? isSorted === "desc" ? /* @__PURE__ */ jsx(TbCaretDownFilled, {}) : /* @__PURE__ */ jsx(TbCaretUpFilled, {}) : null });
 }
 
 export { ColumnSortIndicator };

package/DataTable/ColumnSortIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSortIndicator.js","sources":["ColumnSortIndicator.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { PiCaretDownFill, PiCaretUpFill } from \"react-icons/pi\";\nimport { chakra } from \"@chakra-ui/react\";\nimport { SortDirection } from \"@tanstack/react-table\";\nimport { ReactNode } from \"react\";\n\nexport function ColumnSortIndicator(props: { isSorted: false | SortDirection }): ReactNode {\n    const { isSorted } = props;\n    return (\n        <chakra.span ml=\"4\" className=\"result-list-sort-indicator\" aria-hidden=\"true\">\n            {isSorted ? isSorted === \"desc\" ? <PiCaretDownFill /> : <PiCaretUpFill /> : null}\n        </chakra.span>\n    );\n}\n"],"names":[],"mappings":";;;;AAOO,SAAS,oBAAoB,KAAuD,EAAA;AACvF,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,2BACK,MAAO,CAAA,IAAA,EAAP,EAAY,EAAG,EAAA,GAAA,EAAI,WAAU,4BAA6B,EAAA,aAAA,EAAY,QAClE,QAAW,EAAA,QAAA,GAAA,QAAA,KAAa,yBAAU,GAAA,CAAA,eAAA,EAAA,EAAgB,oBAAM,GAAA,CAAA,aAAA,EAAA,EAAc,IAAK,IAChF,EAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"ColumnSortIndicator.js","sources":["ColumnSortIndicator.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { TbCaretDownFilled, TbCaretUpFilled } from \"react-icons/tb\";\nimport { chakra } from \"@chakra-ui/react\";\nimport { SortDirection } from \"@tanstack/react-table\";\nimport { ReactNode } from \"react\";\n\nexport function ColumnSortIndicator(props: { isSorted: false | SortDirection }): ReactNode {\n    const { isSorted } = props;\n    return (\n        <chakra.span ml=\"4\" className=\"result-list-sort-indicator\" aria-hidden=\"true\">\n            {isSorted ? isSorted === \"desc\" ? <TbCaretDownFilled /> : <TbCaretUpFilled /> : null}\n        </chakra.span>\n    );\n}\n"],"names":[],"mappings":";;;;AAOO,SAAS,oBAAoB,KAAuD,EAAA;AACvF,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,2BACK,MAAO,CAAA,IAAA,EAAP,EAAY,EAAG,EAAA,GAAA,EAAI,WAAU,4BAA6B,EAAA,aAAA,EAAY,QAClE,QAAW,EAAA,QAAA,GAAA,QAAA,KAAa,yBAAU,GAAA,CAAA,iBAAA,EAAA,EAAkB,oBAAM,GAAA,CAAA,eAAA,EAAA,EAAgB,IAAK,IACpF,EAAA,CAAA;AAER;;;;"}

package/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["DataTable.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Table, chakra, useToken } from \"@chakra-ui/react\";\nimport { Reactive, reactive } from \"@conterra/reactivity-core\";\nimport { createLogger } from \"@open-pioneer/core\";\nimport { BaseFeature } from \"@open-pioneer/map\";\nimport { useEvent } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport {\n    ColumnDef,\n    Header,\n    HeaderGroup,\n    SortDirection,\n    Table as TanstackTable,\n    flexRender\n} from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { MouseEvent, createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport { ResultListSelectionChangeEvent, SelectionMode } from \"../ResultList\";\nimport { ColumnResizer } from \"./ColumnResizer\";\nimport { ColumnSortIndicator } from \"./ColumnSortIndicator\";\nimport { useSetupTable } from \"./useSetupTable\";\nconst LOG = createLogger(\"result-list:DataTable\");\n\nexport interface DataTableProps<Data extends BaseFeature> {\n    data: Data[];\n    columns: ColumnDef<Data>[];\n    memoizeRows: boolean;\n    selectionMode: SelectionMode;\n    onSelectionChange?(event: ResultListSelectionChangeEvent): void;\n}\n\nconst TableContext = createContext<TableContext<unknown> | undefined>(undefined);\n\ninterface TableContext<Data> {\n    /** The tanstack table instance. This object is stable. */\n    table: TanstackTable<Data>;\n\n    /** A signal to trigger re-rendering in the children of the chakra table. */\n    forceRerender: Reactive<number>;\n}\n\nexport function DataTable<Data extends BaseFeature>(props: DataTableProps<Data>) {\n    const intl = useIntl();\n    const { memoizeRows } = props;\n    const { table } = useSetupTable(props); // NOTE: Triggers re-render often when table state changes!\n    const isResizing = !!table.getState().columnSizingInfo.isResizingColumn;\n    const useMemoOptimization = isResizing || memoizeRows;\n    const columnSizeVars = useColumnSizeVars(table);\n\n    const context = useMemo((): TableContext<Data> => {\n        return {\n            table,\n            forceRerender: reactive(0)\n        };\n    }, [table]);\n    context.forceRerender.value += 1; // Force rerendering of the TableContent child.\n\n    // Block click events while dragging the resize handle.\n    // If the click event gets through, the user may accidentally trigger column sorting on mouse release.\n    // Note that this is in a useEffect() on purpose to defer \"freeing\" click events a bit.\n    const [isClickBlocked, setIsClickBlocked] = useState(false);\n    useEffect(() => {\n        setIsClickBlocked(isResizing);\n    }, [isResizing]);\n    const blockClicksIfResizing = useEvent((e: MouseEvent) => {\n        if (isClickBlocked) {\n            LOG.debug(\"Blocking click event because resizing is active\");\n            e.stopPropagation();\n            e.preventDefault();\n        }\n    });\n\n    // We cache the table's root because chakra's table has some broken memo behavior: it recomputes\n    // its styles and rerenders all all its children via context when some props change.\n    // We keep both the props and the table's children as stable as possible.\n    //\n    // The table content instead uses a force rerender bypass via the `forceRerender` signal:\n    // When react-table tells us to rerender, we trigger a rerender on our grandchild as well.\n    const chakraTable = useMemo(() => {\n        const content = <TableContent useMemo={useMemoOptimization} />;\n        const chakraTable = (\n            <Table.Root\n                className=\"result-list-table\"\n                width=\"99.9%\"\n                onClickCapture={blockClicksIfResizing}\n            >\n                {content}\n            </Table.Root>\n        );\n        return chakraTable;\n    }, [blockClicksIfResizing, useMemoOptimization]);\n\n    if (!table.getRowModel().rows.length) {\n        return (\n            <chakra.div className={\"result-list-no-data-message\"}>\n                {intl.formatMessage({ id: \"noDataMessage\" })}\n            </chakra.div>\n        );\n    }\n    return (\n        <chakra.div\n            className={classNames(\"result-list-table-container\", {\n                \"result-list-table-container--is-resizing\": isResizing\n            })}\n            h=\"100%\"\n            w=\"100%\"\n            style={columnSizeVars}\n        >\n            <TableContext.Provider value={context as TableContext<unknown>}>\n                {chakraTable}\n            </TableContext.Provider>\n        </chakra.div>\n    );\n}\n\nfunction TableContent<Data extends BaseFeature>(props: { useMemo: boolean }) {\n    const store = useContext(TableContext)! as TableContext<Data>;\n    const table = store.table;\n\n    // Hack to let the grandparent of this component force a rerender.\n    useReactiveSnapshot(() => store.forceRerender.value, [store.forceRerender]);\n\n    return (\n        <>\n            <Table.Header>\n                {table.getHeaderGroups().map((headerGroup) => (\n                    <TableHeaderGroup key={headerGroup.id} headerGroup={headerGroup} />\n                ))}\n            </Table.Header>\n            <Table.Body className=\"result-list-table-body\">\n                {props.useMemo ? <MemoizedTableRows table={table} /> : <TableRows table={table} />}\n            </Table.Body>\n        </>\n    );\n}\n\nfunction TableHeaderGroup<Data>(props: { headerGroup: HeaderGroup<Data> }) {\n    const { headerGroup } = props;\n    const borderColor = useToken(\"colors\", \"trails.100\")[0] ?? \"#000000\";\n    return (\n        <Table.Row key={headerGroup.id} className=\"result-list-headers\">\n            {headerGroup.headers.map((header, index) => {\n                return (\n                    <TableHeader\n                        key={header.id}\n                        header={header}\n                        index={index}\n                        borderColor={borderColor}\n                    />\n                );\n            })}\n        </Table.Row>\n    );\n}\n\nfunction TableHeader<Data>(props: {\n    header: Header<Data, unknown>;\n    index: number;\n    borderColor: string;\n}) {\n    const { header, index, borderColor } = props;\n\n    let width: string | undefined;\n    let minWidth: string | undefined;\n    if (index > 0) {\n        width = `calc(var(--header-${header.id}-size) * 1px)`;\n    } else {\n        minWidth = \"50px\"; // Selection column\n    }\n\n    return (\n        <Table.ColumnHeader\n            className=\"result-list-header\"\n            fontWeight=\"semi-bold\"\n            tabIndex={0}\n            aria-sort={mapAriaSorting(header.column.getIsSorted())}\n            onClick={() => header.column.getCanSort() && header.column.toggleSorting()}\n            cursor={header.column.getCanSort() ? \"pointer\" : \"unset\"}\n            style={{ width, minWidth }}\n            onKeyDown={(evt) => {\n                if (evt.key === \"Enter\" && header.column.getCanSort()) {\n                    header.column.toggleSorting(undefined);\n                }\n            }}\n            /* use box shadow instead of border because it works better with position: sticky */\n            border=\"none\"\n            boxShadow={`inset 0 -2px 0 0 ${borderColor}`}\n            whiteSpace=\"nowrap\" // prevent wrapping between header title and sort indicator\n            userSelect=\"none\"\n            _focusVisible={{ textDecorationLine: \"underline\" }}\n            _focus={{ outline: \"none\" }}\n        >\n            {flexRender(header.column.columnDef.header, header.getContext())}\n            {header.column.getCanSort() && (\n                <ColumnSortIndicator isSorted={header.column.getIsSorted()} />\n            )}\n            <ColumnResizer\n                onDoubleClick={() => header.column.resetSize()}\n                onMouseDown={header.getResizeHandler()}\n                onTouchStart={header.getResizeHandler()}\n                isResizing={header.column.getIsResizing()}\n            />\n        </Table.ColumnHeader>\n    );\n}\n\nfunction TableRows<Data extends object>({ table }: { table: TanstackTable<Data> }) {\n    return table.getRowModel().rows.map((row) => {\n        return (\n            <Table.Row key={row.id} className=\"result-list-table-row\">\n                {row.getVisibleCells().map((cell) => {\n                    const width = `calc(var(--header-${cell.column.id}-size) * 1px)`;\n                    return (\n                        <Table.Cell\n                            key={cell.id}\n                            style={{ width: width }}\n                            className=\"result-list-table-row\"\n                        >\n                            {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                        </Table.Cell>\n                    );\n                })}\n            </Table.Row>\n        );\n    });\n}\n\n/**\n * Rows are memoized and only updating on changes due to sorting columns or selecting rows.\n * Removed full Memoization on Resizing because it does not have an additional effect.\n */\nfunction MemoizedTableRows<Data extends object>({ table }: { table: TanstackTable<Data> }) {\n    const memoizedRows = useMemo(() => {\n        return <TableRows table={table} />;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [table, table.getSortedRowModel().rows, table.getSelectedRowModel().rows]);\n    return memoizedRows;\n}\n\n/**\n * Instead of calling `column.getSize()` on every render for every header\n * and especially every data cell (very expensive),\n * we will calculate all column sizes at once at the root table level in a useMemo\n * and pass the column sizes down as CSS variables to the <table> element.\n */\nfunction useColumnSizeVars<Data>(table: TanstackTable<Data>) {\n    const columnSizingInfo = table.getState().columnSizingInfo;\n    const columnSizing = table.getState().columnSizing;\n    const tableHeaders = table.getFlatHeaders();\n\n    // Needs to be useMemo, not useEffect, to avoid multiple render calls?\n    // Need to add columnSizingInfo to the dependency array to make resizing work\n    return useMemo(() => {\n        // Not used directly, but the memo must re-execute whenever this changes.\n        // Note: columnSizing seems to be needed as well, because otherwise resetting the column size (header.column.resetSize())\n        // won't to anything.\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        void columnSizingInfo, columnSizing;\n        const colSizes: { [key: string]: number } = {};\n        for (let i = 0; i < tableHeaders.length; i++) {\n            const header = tableHeaders[i]!;\n            colSizes[`--header-${header.id}-size`] = header.getSize();\n            colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n        }\n        return colSizes;\n    }, [tableHeaders, columnSizingInfo, columnSizing]);\n}\n\ntype SortState = SortDirection | false;\n\nfunction mapAriaSorting(sortState: SortState) {\n    switch (sortState) {\n        case \"asc\":\n            return \"ascending\";\n        case \"desc\":\n            return \"descending\";\n        default:\n            return \"none\";\n    }\n}\n"],"names":["chakraTable"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["DataTable.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Table, chakra, useToken } from \"@chakra-ui/react\";\nimport { Reactive, reactive } from \"@conterra/reactivity-core\";\nimport { createLogger } from \"@open-pioneer/core\";\nimport { BaseFeature } from \"@open-pioneer/map\";\nimport { useEvent } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport {\n    ColumnDef,\n    Header,\n    HeaderGroup,\n    SortDirection,\n    Table as TanstackTable,\n    flexRender\n} from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { MouseEvent, createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport { ResultListSelectionChangeEvent, SelectionMode } from \"../ResultList\";\nimport { ColumnResizer } from \"./ColumnResizer\";\nimport { ColumnSortIndicator } from \"./ColumnSortIndicator\";\nimport { useSetupTable } from \"./useSetupTable\";\nconst LOG = createLogger(\"result-list:DataTable\");\n\nexport interface DataTableProps<Data extends BaseFeature> {\n    data: Data[];\n    columns: ColumnDef<Data>[];\n    memoizeRows: boolean;\n    selectionMode: SelectionMode;\n    onSelectionChange?(event: ResultListSelectionChangeEvent): void;\n}\n\nconst TableContext = createContext<TableContext<unknown> | undefined>(undefined);\n\ninterface TableContext<Data> {\n    /** The tanstack table instance. This object is stable. */\n    table: TanstackTable<Data>;\n\n    /** A signal to trigger re-rendering in the children of the chakra table. */\n    forceRerender: Reactive<number>;\n}\n\nexport function DataTable<Data extends BaseFeature>(props: DataTableProps<Data>) {\n    const intl = useIntl();\n    const { memoizeRows } = props;\n    const { table } = useSetupTable(props); // NOTE: Triggers re-render often when table state changes!\n    const isResizing = !!table.getState().columnSizingInfo.isResizingColumn;\n    const useMemoOptimization = isResizing || memoizeRows;\n    const columnSizeVars = useColumnSizeVars(table);\n\n    const context = useMemo((): TableContext<Data> => {\n        return {\n            table,\n            forceRerender: reactive(0)\n        };\n    }, [table]);\n    context.forceRerender.value += 1; // Force rerendering of the TableContent child.\n\n    // Block click events while dragging the resize handle.\n    // If the click event gets through, the user may accidentally trigger column sorting on mouse release.\n    // Note that this is in a useEffect() on purpose to defer \"freeing\" click events a bit.\n    const [isClickBlocked, setIsClickBlocked] = useState(false);\n    useEffect(() => {\n        setIsClickBlocked(isResizing);\n    }, [isResizing]);\n    const blockClicksIfResizing = useEvent((e: MouseEvent) => {\n        if (isClickBlocked) {\n            LOG.debug(\"Blocking click event because resizing is active\");\n            e.stopPropagation();\n            e.preventDefault();\n        }\n    });\n\n    // We cache the table's root because chakra's table has some broken memo behavior: it recomputes\n    // its styles and rerenders all all its children via context when some props change.\n    // We keep both the props and the table's children as stable as possible.\n    //\n    // The table content instead uses a force rerender bypass via the `forceRerender` signal:\n    // When react-table tells us to rerender, we trigger a rerender on our grandchild as well.\n    const chakraTable = useMemo(() => {\n        const content = <TableContent useMemo={useMemoOptimization} />;\n        const chakraTable = (\n            <Table.Root\n                className=\"result-list-table\"\n                width=\"99.9%\"\n                onClickCapture={blockClicksIfResizing}\n            >\n                {content}\n            </Table.Root>\n        );\n        return chakraTable;\n    }, [blockClicksIfResizing, useMemoOptimization]);\n\n    if (!table.getRowModel().rows.length) {\n        return (\n            <chakra.div className={\"result-list-no-data-message\"}>\n                {intl.formatMessage({ id: \"noDataMessage\" })}\n            </chakra.div>\n        );\n    }\n    return (\n        <chakra.div\n            className={classNames(\"result-list-table-container\", {\n                \"result-list-table-container--is-resizing\": isResizing\n            })}\n            h=\"100%\"\n            w=\"100%\"\n            style={columnSizeVars}\n        >\n            <TableContext.Provider value={context as TableContext<unknown>}>\n                {chakraTable}\n            </TableContext.Provider>\n        </chakra.div>\n    );\n}\n\nfunction TableContent<Data extends BaseFeature>(props: { useMemo: boolean }) {\n    const store = useContext(TableContext)! as TableContext<Data>;\n    const table = store.table;\n\n    // Hack to let the grandparent of this component force a rerender.\n    useReactiveSnapshot(() => store.forceRerender.value, [store.forceRerender]);\n\n    return (\n        <>\n            <Table.Header>\n                {table.getHeaderGroups().map((headerGroup) => (\n                    <TableHeaderGroup key={headerGroup.id} headerGroup={headerGroup} />\n                ))}\n            </Table.Header>\n            <Table.Body className=\"result-list-table-body\">\n                {props.useMemo ? <MemoizedTableRows table={table} /> : <TableRows table={table} />}\n            </Table.Body>\n        </>\n    );\n}\n\nfunction TableHeaderGroup<Data>(props: { headerGroup: HeaderGroup<Data> }) {\n    const { headerGroup } = props;\n    const borderColor = useToken(\"colors\", \"trails.100\")[0] ?? \"#000000\";\n    return (\n        <Table.Row key={headerGroup.id} className=\"result-list-headers\">\n            {headerGroup.headers.map((header, index) => {\n                return (\n                    <TableHeader\n                        key={header.id}\n                        header={header}\n                        index={index}\n                        borderColor={borderColor}\n                    />\n                );\n            })}\n        </Table.Row>\n    );\n}\n\nfunction TableHeader<Data>(props: {\n    header: Header<Data, unknown>;\n    index: number;\n    borderColor: string;\n}) {\n    const { header, index, borderColor } = props;\n\n    let width: string | undefined;\n    let minWidth: string | undefined;\n    if (index > 0) {\n        width = `calc(var(--header-${header.id}-size) * 1px)`;\n    } else {\n        minWidth = \"50px\"; // Selection column\n    }\n\n    return (\n        <Table.ColumnHeader\n            className=\"result-list-header\"\n            fontWeight=\"semi-bold\"\n            tabIndex={0}\n            aria-sort={mapAriaSorting(header.column.getIsSorted())}\n            onClick={() => header.column.getCanSort() && header.column.toggleSorting()}\n            cursor={header.column.getCanSort() ? \"pointer\" : \"unset\"}\n            style={{ width, minWidth }}\n            onKeyDown={(evt) => {\n                if (evt.key === \"Enter\" && header.column.getCanSort()) {\n                    header.column.toggleSorting(undefined);\n                }\n            }}\n            /* use box shadow instead of border because it works better with position: sticky */\n            border=\"none\"\n            boxShadow={`inset 0 -2px 0 0 ${borderColor}`}\n            whiteSpace=\"nowrap\" // prevent wrapping between header title and sort indicator\n            userSelect=\"none\"\n            _focusVisible={{ textDecorationLine: \"underline\" }}\n            _focus={{ outline: \"none\" }}\n        >\n            {flexRender(header.column.columnDef.header, header.getContext())}\n            {header.column.getCanSort() && (\n                <ColumnSortIndicator isSorted={header.column.getIsSorted()} />\n            )}\n            <ColumnResizer\n                onDoubleClick={() => header.column.resetSize()}\n                onMouseDown={header.getResizeHandler()}\n                onTouchStart={header.getResizeHandler()}\n                isResizing={header.column.getIsResizing()}\n            />\n        </Table.ColumnHeader>\n    );\n}\n\nfunction TableRows<Data extends object>({ table }: { table: TanstackTable<Data> }) {\n    return table.getRowModel().rows.map((row) => {\n        return (\n            <Table.Row key={row.id} className=\"result-list-table-row\">\n                {row.getVisibleCells().map((cell) => {\n                    const width = `calc(var(--header-${cell.column.id}-size) * 1px)`;\n                    return (\n                        <Table.Cell\n                            key={cell.id}\n                            style={{ width: width }}\n                            className=\"result-list-table-row\"\n                        >\n                            {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                        </Table.Cell>\n                    );\n                })}\n            </Table.Row>\n        );\n    });\n}\n\n/**\n * Rows are memoized and only updating on changes due to sorting columns or selecting rows.\n * Removed full Memoization on Resizing because it does not have an additional effect.\n */\nfunction MemoizedTableRows<Data extends object>({ table }: { table: TanstackTable<Data> }) {\n    const memoizedRows = useMemo(() => {\n        return <TableRows table={table} />;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [table, table.getSortedRowModel().rows, table.getSelectedRowModel().rows]);\n    return memoizedRows;\n}\n\n/**\n * Instead of calling `column.getSize()` on every render for every header\n * and especially every data cell (very expensive),\n * we will calculate all column sizes at once at the root table level in a useMemo\n * and pass the column sizes down as CSS variables to the <table> element.\n */\nfunction useColumnSizeVars<Data>(table: TanstackTable<Data>) {\n    const columnSizingInfo = table.getState().columnSizingInfo;\n    const columnSizing = table.getState().columnSizing;\n    const tableHeaders = table.getFlatHeaders();\n\n    // Needs to be useMemo, not useEffect, to avoid multiple render calls?\n    // Need to add columnSizingInfo to the dependency array to make resizing work\n    return useMemo(() => {\n        // Not used directly, but the memo must re-execute whenever this changes.\n        // Note: columnSizing seems to be needed as well, because otherwise resetting the column size (header.column.resetSize())\n        // won't to anything.\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        (void columnSizingInfo, columnSizing);\n        const colSizes: { [key: string]: number } = {};\n        for (let i = 0; i < tableHeaders.length; i++) {\n            const header = tableHeaders[i]!;\n            colSizes[`--header-${header.id}-size`] = header.getSize();\n            colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n        }\n        return colSizes;\n    }, [tableHeaders, columnSizingInfo, columnSizing]);\n}\n\ntype SortState = SortDirection | false;\n\nfunction mapAriaSorting(sortState: SortState) {\n    switch (sortState) {\n        case \"asc\":\n            return \"ascending\";\n        case \"desc\":\n            return \"descending\";\n        default:\n            return \"none\";\n    }\n}\n"],"names":["chakraTable"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/result-list",
-  "version": "0.11.0",
+  "version": "0.12.0-dev.20250725080856",
   "description": "This package provides a UI component to display features and their attributes.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,7 +14,7 @@
     "directory": "src/packages/result-list"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.19.2",
+    "@chakra-ui/react": "^3.21.1",
     "@conterra/reactivity-core": "^0.7.0",
     "@open-pioneer/reactivity": "^4.0.0",
     "@open-pioneer/core": "^4.0.0",
@@ -23,11 +23,11 @@
     "@open-pioneer/runtime": "^4.0.0",
     "@tanstack/react-table": "^8.21.3",
     "classnames": "^2.5.1",
-    "ol": "^10.5.0",
+    "ol": "^10.6.1",
     "react": "^19.1.0",
     "react-use": "^17.6.0",
     "react-icons": "^5.5.0",
-    "@open-pioneer/map": "^0.11.0"
+    "@open-pioneer/map": "0.12.0-dev.20250725080856"
   },
   "exports": {
     "./package.json": "./package.json",