npm - @neo4j-ndl/react - Versions diffs - 4.20.0 → 4.21.0 - Mend

@neo4j-ndl/react 4.20.0 → 4.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (439) hide show

package/lib/cjs/data-grid/DataGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGrid.js","sourceRoot":"","sources":["../../../src/data-grid/DataGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n /\nimport {\n type RowData,\n type Table as DataGridType,\n} from '@tanstack/react-table';\nimport classNames from 'classnames';\nimport {\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { type CommonProps, type HtmlAttributes } from '../_common/types';\nimport { useResizeObserver } from '../hooks';\nimport { type Skeleton } from '../skeleton';\nimport {\n ActionButton,\n ActionCell,\n Body,\n BodyCell,\n BodyRow,\n ColumnControls,\n DropDownCell,\n Header,\n HeaderCell,\n HeaderTitle,\n InlineEditCell,\n LoadingPlaceholder,\n Navigation,\n NoDataIcon,\n NoDataPlaceholder,\n NoDataPlaceholderContentWrapper,\n Pagination,\n PaginationArrowButton,\n PaginationNumericButton,\n PaginationNumericButtons,\n ResizingBar,\n RowsPerPage,\n Scrollable,\n TableResults,\n} from './Components';\nimport {\n type DataGridComponentsInterface,\n DataGridContext,\n type DataGridContextType,\n} from './data-grid-context';\nimport { useTableNav } from './data-grid-nav';\nimport { updateColumnWidths } from './helpers';\nimport {\n type DataGridStyleRule,\n type DataGridStyleRuleValueConverters,\n} from './style-rules/types';\n\nenum BorderStyleEnum {\n AllSides = 'all-sides',\n Horizontal = 'horizontal',\n Vertical = 'vertical',\n None = 'none',\n}\n\nexport type BorderStyle = `${BorderStyleEnum}`;\n\nenum HeaderStyleEnum {\n Filled = 'filled',\n Clean = 'clean',\n}\n\nexport type HeaderStyle = `${HeaderStyleEnum}`;\n\nexport type DataGridProps<T extends RowData> = {\n styling?: Partial<{\n /* Alternate the background color of rows /\n hasZebraStriping: boolean;\n /* Type of border that will be used /\n borderStyle: BorderStyle;\n /* If header should have styles or not (Aura example) /\n headerStyle: HeaderStyle;\n /* If background hover effects should be enabled on rows and header cells /\n hasHoverEffects: boolean;\n /* If table should have less padding /\n isCompact: boolean;\n }>;\n /* Resizing the width of columns /\n isResizable?: boolean;\n /* Enables table's loading state /\n isLoading?: boolean;\n /\n Enables keyboard navigation.\n * To control keyboard navigation programmatically\n * for edge cases, pass a `ref` to `tableNavRef`\n /\n isKeyboardNavigable?: boolean;\n /\n Enables automatic resizing of columns.\n * If `isResizable` is `true`, the columns will only be automatically resized on initial render of the table.\n * If `isResizable` is `false`, the columns will be resized automatically to always fit the table width (assuming that column maxWidths allow for it).\n * Note: Action columns are a fixed size of 40px, and Pinned columns are not resized automatically.\n * @defaultValue true\n /\n isAutoResizingColumns?: boolean;\n /\n Reference to the tableNav instance\n * for programmatic control\n /\n // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n tableNavRef?: React.RefObject<any>;\n /* Table instance created from `useTable`/\n tableInstance: DataGridType<T>;\n /* Table sub-component overrides /\n components?: DataGridComponentsInterface<T>;\n /* @deprecated Use htmlAttributes, className and style on the root element instead /\n rootProps?: HtmlAttributes<'div'>;\n isSkeletonLoading?: boolean;\n skeletonProps?: React.ComponentProps<typeof Skeleton>;\n /* The target element for portaled elements to be rendered in, e.g. the modal root if the data grid is inside a modal.\n * This is used in for example the DropdownCell, RowsPerPage, and ColumnControls.\n /\n portalTarget?: HTMLElement \| null;\n /* Rule-based conditional styling for cells and rows. /\n styleRules?: DataGridStyleRule[];\n /* Per-column converters that teach the style-rule engine how to interpret complex cell values. /\n styleRuleValueConverters?: DataGridStyleRuleValueConverters;\n ref?: React.Ref<HTMLDivElement>;\n};\n\nconst DEFAULT_STYLING: Required<DataGridProps<unknown>['styling']> = {\n borderStyle: BorderStyleEnum.Horizontal,\n hasHoverEffects: true,\n hasZebraStriping: false,\n headerStyle: HeaderStyleEnum.Filled,\n isCompact: false,\n};\n\nconst DataGridComponent = function DataGrid<T extends RowData = unknown>({\n isResizable = true,\n isLoading = false,\n isKeyboardNavigable = true,\n isAutoResizingColumns = true,\n tableInstance,\n components,\n rootProps,\n styling = {},\n tableNavRef,\n isSkeletonLoading = false,\n skeletonProps,\n ref,\n portalTarget = document.body,\n styleRules,\n styleRuleValueConverters,\n htmlAttributes,\n className,\n style,\n ...restProps\n}: CommonProps<'div', DataGridProps<T>>) {\n const { className: rootClassName = '', style: rootStyle = {} } =\n rootProps \|\| {};\n\n const [isScrollable, setIsScrollable] = useState(false);\n const [isMediumNavigation, setIsMediumNavigation] = useState(false);\n const [isSmallNavigation, setIsSmallNavigation] = useState(false);\n const tableRef = useRef<HTMLDivElement>(null);\n const scrollableContainerRef = useRef<HTMLDivElement>(null);\n\n tableInstance.setOptions((prevOptions) => {\n return {\n ...prevOptions,\n enableSorting: isSkeletonLoading ? false : prevOptions.enableSorting,\n };\n });\n\n // Triggers when the whole container is resized\n useResizeObserver({\n onResize: (entry) => {\n if (entry.width === undefined) {\n return;\n }\n isAutoResizingColumns &&\n !isResizable &&\n updateColumnWidths(tableInstance, entry.width); // don't resize columns when the table is resizable due to problems with the resize handler.\n setIsScrollable(tableInstance.getTotalSize() > entry.width);\n setIsMediumNavigation(entry.width <= 680);\n setIsSmallNavigation(entry.width <= 480);\n },\n ref: scrollableContainerRef as React.RefObject<HTMLElement>,\n });\n\n // Triggers when the individual columns are resized\n useResizeObserver({\n onResize: () => {\n if (scrollableContainerRef.current === null) {\n return;\n }\n setIsScrollable(\n tableInstance.getTotalSize() >\n scrollableContainerRef.current.clientWidth,\n );\n },\n ref: tableRef as React.RefObject<HTMLElement>,\n });\n\n const Styling = useMemo(\n () => ({\n ...DEFAULT_STYLING,\n ...styling,\n }),\n [styling],\n );\n\n const Components = useMemo(\n () =>\n ({\n ...DataGridComponents,\n ...components,\n }) as DataGridContextType<T>['components'],\n [components],\n );\n const ScrollableContainer = Components?.Scrollable\n ? Components.Scrollable\n : Scrollable;\n\n const { listeners, tableNav } = useTableNav({\n isDebug: false,\n });\n\n /* Surface the tableNav instance for programmatic control if needed /\n useImperativeHandle(tableNavRef, () => tableNav, [tableNav]);\n\n useEffect(() => {\n if (isAutoResizingColumns && isResizable) {\n updateColumnWidths(\n tableInstance,\n scrollableContainerRef.current?.clientWidth\n ? scrollableContainerRef.current.clientWidth - 1 // -1 to avoid horizontal scrollbar\n : 0,\n );\n }\n }, [isAutoResizingColumns, tableInstance, isResizable]);\n\n return (\n <DataGridContext.Provider\n value={\n {\n components: Components,\n dataGridNav: tableNav,\n hasResizeColumns: isAutoResizingColumns,\n isKeyboardNavigationEnabled: isKeyboardNavigable,\n isLoading: isLoading,\n isMediumNavigation,\n isResizable: isResizable,\n isSkeletonLoading,\n isSmallNavigation,\n portalTarget: portalTarget,\n skeletonProps,\n styleRuleValueConverters,\n styleRules,\n tableProps: tableInstance,\n } as DataGridContextType<T>\n }\n >\n <div\n // Root props needs to be first in order to override className\n {...rootProps}\n className={classNames('ndl-data-grid-root', rootClassName, className, {\n 'ndl-data-grid-border-horizontal':\n Styling.borderStyle === BorderStyleEnum.Horizontal \|\|\n Styling.borderStyle === BorderStyleEnum.AllSides,\n 'ndl-data-grid-border-vertical':\n Styling.borderStyle === BorderStyleEnum.Vertical \|\|\n Styling.borderStyle === BorderStyleEnum.AllSides,\n 'ndl-data-grid-compact': Styling.isCompact,\n 'ndl-data-grid-focusable-cells': isKeyboardNavigable,\n 'ndl-data-grid-header-filled':\n Styling.headerStyle === HeaderStyleEnum.Filled,\n 'ndl-data-grid-hover-effects': Styling.hasHoverEffects,\n 'ndl-data-grid-resizable': isResizable,\n 'ndl-data-grid-zebra-striping': Styling.hasZebraStriping,\n })}\n ref={ref}\n style={{ ...rootStyle, ...style }}\n {...restProps}\n {...htmlAttributes}\n {...(isKeyboardNavigable ? listeners : {})}\n >\n {/ Make DataGrid horizontally scrollable and avoid horizontal scrollbar have an extra vertical scrollbar (esp. Safari) /}\n {/ This behavior can be overridden by consumers through replacing the scrolling container /}\n <ScrollableContainer\n ref={scrollableContainerRef}\n htmlAttributes={{\n onKeyDown: (e) => {\n if (isScrollable && !isKeyboardNavigable) {\n if (e.key === 'ArrowRight' \|\| e.key === 'ArrowLeft') {\n e.stopPropagation();\n }\n }\n },\n // Ensure that the user can focus and scroll inside the table with arrow keys even if there is no interactive element inside\n tabIndex: isScrollable && !isKeyboardNavigable ? 0 : undefined,\n }}\n >\n {/ Table content Area /}\n <div\n className=\"ndl-div-table\"\n role={isKeyboardNavigable ? 'grid' : 'table'}\n aria-busy={isLoading ? 'true' : 'false'}\n ref={tableRef}\n >\n {/ DataGrid Header Area /}\n {Components?.Header && <Components.Header />}\n {Components?.Body && <Components.Body />}\n </div>\n </ScrollableContainer>\n {/ Bottom Navigation Area */}\n {Components?.Navigation && <Components.Navigation />}\n </div>\n </DataGridContext.Provider>\n );\n};\n\nconst DataGridComponents = {\n ActionButton,\n ActionCell,\n Body,\n BodyCell,\n BodyRow,\n ColumnControls,\n DropDownCell,\n Header,\n HeaderCell,\n HeaderTitle,\n InlineEditCell,\n LoadingPlaceholder,\n Navigation,\n NoDataIcon,\n NoDataPlaceholder,\n NoDataPlaceholderContentWrapper,\n Pagination,\n PaginationArrowButton,\n PaginationNumericButton,\n PaginationNumericButtons,\n ResizingBar,\n RowsPerPage,\n Scrollable,\n TableResults,\n};\n\nconst DataGrid = Object.assign(DataGridComponent, DataGridComponents);\n\nexport { DataGrid };\n"]}
1	+ {"version":3,"file":"DataGrid.js","sourceRoot":"","sources":["../../../src/data-grid/DataGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n /\nimport {\n type RowData,\n type Table as DataGridType,\n} from '@tanstack/react-table';\nimport classNames from 'classnames';\nimport {\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { type CommonProps, type HtmlAttributes } from '../_common/types';\nimport { useResizeObserver } from '../hooks';\nimport { type Skeleton } from '../skeleton';\nimport {\n ActionButton,\n ActionCell,\n Body,\n BodyCell,\n BodyRow,\n ColumnControls,\n DropDownCell,\n Header,\n HeaderCell,\n HeaderTitle,\n InlineEditCell,\n LoadingPlaceholder,\n Navigation,\n NoDataIcon,\n NoDataPlaceholder,\n NoDataPlaceholderContentWrapper,\n Pagination,\n PaginationArrowButton,\n PaginationNumericButton,\n PaginationNumericButtons,\n ResizingBar,\n RowsPerPage,\n Scrollable,\n TableResults,\n} from './Components';\nimport {\n type DataGridComponentsInterface,\n DataGridContext,\n type DataGridContextType,\n} from './data-grid-context';\nimport { useTableNav } from './data-grid-nav';\nimport { updateColumnWidths } from './helpers';\nimport {\n type DataGridStyleRule,\n type DataGridStyleRuleValueConverters,\n} from './style-rules/types';\n\nenum BorderStyleEnum {\n AllSides = 'all-sides',\n Horizontal = 'horizontal',\n Vertical = 'vertical',\n None = 'none',\n}\n\nexport type BorderStyle = `${BorderStyleEnum}`;\n\nenum HeaderStyleEnum {\n Filled = 'filled',\n Clean = 'clean',\n}\n\nexport type HeaderStyle = `${HeaderStyleEnum}`;\n\nexport type DataGridProps<T extends RowData> = {\n styling?: Partial<{\n /* Alternate the background color of rows /\n hasZebraStriping: boolean;\n /* Type of border that will be used /\n borderStyle: BorderStyle;\n /* If header should have styles or not (Aura example) /\n headerStyle: HeaderStyle;\n /* If background hover effects should be enabled on rows and header cells /\n hasHoverEffects: boolean;\n /* If table should have less padding /\n isCompact: boolean;\n }>;\n /* Resizing the width of columns /\n isResizable?: boolean;\n /* Enables table's loading state /\n isLoading?: boolean;\n /\n Enables keyboard navigation.\n * To control keyboard navigation programmatically\n * for edge cases, pass a `ref` to `tableNavRef`\n /\n isKeyboardNavigable?: boolean;\n /\n Enables automatic resizing of columns.\n * If `isResizable` is `true`, the columns will only be automatically resized on initial render of the table.\n * If `isResizable` is `false`, the columns will be resized automatically to always fit the table width (assuming that column maxWidths allow for it).\n * Note: Action columns are a fixed size of 40px, and Pinned columns are not resized automatically.\n * @defaultValue true\n /\n isAutoResizingColumns?: boolean;\n /\n Reference to the tableNav instance\n * for programmatic control\n /\n // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n tableNavRef?: React.RefObject<any>;\n /* Table instance created from `useTable`/\n tableInstance: DataGridType<T>;\n /* Table sub-component overrides /\n components?: DataGridComponentsInterface<T>;\n /* @deprecated Use htmlAttributes, className and style on the root element instead /\n rootProps?: HtmlAttributes<'div'>;\n isSkeletonLoading?: boolean;\n skeletonProps?: React.ComponentProps<typeof Skeleton>;\n /* The target element for portaled elements to be rendered in, e.g. the modal root if the data grid is inside a modal.\n * This is used in for example the DropdownCell, RowsPerPage, and ColumnControls.\n /\n portalTarget?: HTMLElement \| null;\n /* Rule-based conditional styling for cells and rows. /\n styleRules?: DataGridStyleRule[];\n /* Per-column converters that teach the style-rule engine how to interpret complex cell values. /\n styleRuleValueConverters?: DataGridStyleRuleValueConverters;\n ref?: React.Ref<HTMLDivElement>;\n};\n\nconst DEFAULT_STYLING: Required<DataGridProps<unknown>['styling']> = {\n borderStyle: BorderStyleEnum.Horizontal,\n hasHoverEffects: true,\n hasZebraStriping: false,\n headerStyle: HeaderStyleEnum.Filled,\n isCompact: false,\n};\n\nconst DataGridComponent = function DataGrid<T extends RowData = unknown>({\n isResizable = true,\n isLoading = false,\n isKeyboardNavigable = true,\n isAutoResizingColumns = true,\n tableInstance,\n components,\n rootProps,\n styling = {},\n tableNavRef,\n isSkeletonLoading = false,\n skeletonProps,\n ref,\n portalTarget = document.body,\n styleRules,\n styleRuleValueConverters,\n htmlAttributes,\n className,\n style,\n ...restProps\n}: CommonProps<'div', DataGridProps<T>>) {\n const { className: rootClassName = '', style: rootStyle = {} } =\n rootProps \|\| {};\n\n const [isScrollable, setIsScrollable] = useState(false);\n const [isMediumNavigation, setIsMediumNavigation] = useState(false);\n const [isSmallNavigation, setIsSmallNavigation] = useState(false);\n const tableRef = useRef<HTMLDivElement>(null);\n const scrollableContainerRef = useRef<HTMLDivElement>(null);\n\n tableInstance.setOptions((prevOptions) => {\n return {\n ...prevOptions,\n enableSorting: isSkeletonLoading ? false : prevOptions.enableSorting,\n };\n });\n\n // Triggers when the whole container is resized\n useResizeObserver({\n onResize: (entry) => {\n if (entry.width === undefined) {\n return;\n }\n isAutoResizingColumns &&\n !isResizable &&\n updateColumnWidths(tableInstance, entry.width); // don't resize columns when the table is resizable due to problems with the resize handler.\n setIsScrollable(tableInstance.getTotalSize() > entry.width);\n setIsMediumNavigation(entry.width <= 680);\n setIsSmallNavigation(entry.width <= 480);\n },\n ref: scrollableContainerRef as React.RefObject<HTMLElement>,\n });\n\n // Triggers when the individual columns are resized\n useResizeObserver({\n onResize: () => {\n if (scrollableContainerRef.current === null) {\n return;\n }\n setIsScrollable(\n tableInstance.getTotalSize() >\n scrollableContainerRef.current.clientWidth,\n );\n },\n ref: tableRef as React.RefObject<HTMLElement>,\n });\n\n const Styling = useMemo(\n () => ({\n ...DEFAULT_STYLING,\n ...styling,\n }),\n [styling],\n );\n\n const Components = useMemo(\n () =>\n ({\n ...DataGridComponents,\n ...components,\n }) as DataGridContextType<T>['components'],\n [components],\n );\n const ScrollableContainer = Components?.Scrollable\n ? Components.Scrollable\n : Scrollable;\n\n const { listeners, tableNav } = useTableNav({\n isDebug: false,\n });\n\n /* Surface the tableNav instance for programmatic control if needed /\n useImperativeHandle(tableNavRef, () => tableNav, [tableNav]);\n\n useEffect(() => {\n if (isAutoResizingColumns && isResizable) {\n updateColumnWidths(\n tableInstance,\n scrollableContainerRef.current?.clientWidth\n ? scrollableContainerRef.current.clientWidth - 1 // -1 to avoid horizontal scrollbar\n : 0,\n );\n }\n }, [isAutoResizingColumns, tableInstance, isResizable]);\n\n return (\n <DataGridContext.Provider\n value={\n {\n components: Components,\n dataGridNav: tableNav,\n hasResizeColumns: isAutoResizingColumns,\n isKeyboardNavigationEnabled: isKeyboardNavigable,\n isLoading: isLoading,\n isMediumNavigation,\n isResizable: isResizable,\n isSkeletonLoading,\n isSmallNavigation,\n portalTarget: portalTarget,\n skeletonProps,\n styleRuleValueConverters,\n styleRules,\n tableProps: tableInstance,\n } as DataGridContextType<T>\n }\n >\n <div\n // Root props needs to be first in order to override className\n {...rootProps}\n className={classNames('ndl-data-grid-root', rootClassName, className, {\n 'ndl-data-grid-border-horizontal':\n Styling.borderStyle === BorderStyleEnum.Horizontal \|\|\n Styling.borderStyle === BorderStyleEnum.AllSides,\n 'ndl-data-grid-border-vertical':\n Styling.borderStyle === BorderStyleEnum.Vertical \|\|\n Styling.borderStyle === BorderStyleEnum.AllSides,\n 'ndl-data-grid-compact': Styling.isCompact,\n 'ndl-data-grid-focusable-cells': isKeyboardNavigable,\n 'ndl-data-grid-header-filled':\n Styling.headerStyle === HeaderStyleEnum.Filled,\n 'ndl-data-grid-hover-effects': Styling.hasHoverEffects,\n 'ndl-data-grid-resizable': isResizable,\n 'ndl-data-grid-zebra-striping': Styling.hasZebraStriping,\n })}\n ref={ref}\n style={{ ...rootStyle, ...style }}\n {...restProps}\n {...htmlAttributes}\n {...(isKeyboardNavigable ? listeners : {})}\n >\n {/ Make DataGrid horizontally scrollable and avoid horizontal scrollbar have an extra vertical scrollbar (esp. Safari) /}\n {/ This behavior can be overridden by consumers through replacing the scrolling container /}\n <ScrollableContainer\n ref={scrollableContainerRef}\n htmlAttributes={{\n onKeyDown: (event) => {\n if (isScrollable && !isKeyboardNavigable) {\n if (event.key === 'ArrowRight' \|\| event.key === 'ArrowLeft') {\n event.stopPropagation();\n }\n }\n },\n // Ensure that the user can focus and scroll inside the table with arrow keys even if there is no interactive element inside\n tabIndex: isScrollable && !isKeyboardNavigable ? 0 : undefined,\n }}\n >\n {/ Table content Area /}\n <div\n className=\"ndl-div-table\"\n role={isKeyboardNavigable ? 'grid' : 'table'}\n aria-busy={isLoading ? 'true' : 'false'}\n ref={tableRef}\n >\n {/ DataGrid Header Area /}\n {Components?.Header && <Components.Header />}\n {Components?.Body && <Components.Body />}\n </div>\n </ScrollableContainer>\n {/ Bottom Navigation Area */}\n {Components?.Navigation && <Components.Navigation />}\n </div>\n </DataGridContext.Provider>\n );\n};\n\nconst DataGridComponents = {\n ActionButton,\n ActionCell,\n Body,\n BodyCell,\n BodyRow,\n ColumnControls,\n DropDownCell,\n Header,\n HeaderCell,\n HeaderTitle,\n InlineEditCell,\n LoadingPlaceholder,\n Navigation,\n NoDataIcon,\n NoDataPlaceholder,\n NoDataPlaceholderContentWrapper,\n Pagination,\n PaginationArrowButton,\n PaginationNumericButton,\n PaginationNumericButtons,\n ResizingBar,\n RowsPerPage,\n Scrollable,\n TableResults,\n};\n\nconst DataGrid = Object.assign(DataGridComponent, DataGridComponents);\n\nexport { DataGrid };\n"]}

package/lib/cjs/data-grid/data-grid-nav/data-grid-nav.js CHANGED Viewed

@@ -70,9 +70,9 @@ class DataGridNav {
         this.keys = [];
     }
     /** Used as a keyboard listener for key down */
-    tableKeyDown(e) {
+    tableKeyDown(event) {
         var _a;
-        this.debugLog('tableKeyDown', `Key pressed: ${e.key}`);
+        this.debugLog('tableKeyDown', `Key pressed: ${event.key}`);
         if (this.disabled) {
             this.debugLog('tableKeyDown', 'interaction is disabled');
             return;
@@ -87,69 +87,70 @@ class DataGridNav {
          * Cannot work with preventDefault as it will
          * first capture the event from an input in cell for example
          */
-        if (keys_1.Keys.ArrowDown === e.key ||
-            keys_1.Keys.ArrowUp === e.key ||
-            keys_1.Keys.ArrowLeft === e.key ||
-            keys_1.Keys.ArrowRight === e.key) {
-            e.preventDefault();
+        if (keys_1.Keys.ArrowDown === event.key ||
+            keys_1.Keys.ArrowUp === event.key ||
+            keys_1.Keys.ArrowLeft === event.key ||
+            keys_1.Keys.ArrowRight === event.key) {
+            event.preventDefault();
         }
         /**
          * Add key to the stack if it's
          * not the same with the last (long press)
          */
-        if (this.keys.length === 0 || this.keys[this.keys.length - 1] !== e.key) {
-            this.keys.push(e.key);
+        if (this.keys.length === 0 ||
+            this.keys[this.keys.length - 1] !== event.key) {
+            this.keys.push(event.key);
         }
         /**
          * Need to check if we are inside a grid cell
          * or not to enable/disable Grid Navigation
          */
-        if (!(e.target instanceof Element)) {
+        if (!(event.target instanceof Element)) {
             return;
         }
-        const cell = (_a = e.target.parentElement) === null || _a === void 0 ? void 0 : _a.closest(`${this.selectors.Cell},${this.selectors.Row}`);
+        const cell = (_a = event.target.parentElement) === null || _a === void 0 ? void 0 : _a.closest(`${this.selectors.Cell},${this.selectors.Row}`);
         if (!cell) {
             this.debugLog('tableKeyDown', 'cell not found');
             return;
         }
         if (cell.matches(this.selectors.Cell)) {
             this.debugLog('tableKeyDown', 'event captured in cell');
-            this.cellNavigation(e);
+            this.cellNavigation(event);
         }
         else {
             this.debugLog('tableKeyDown', 'event captured in grid');
-            this.gridNavigation(e);
+            this.gridNavigation(event);
         }
     }
     /**
      * Handles the navigation inside a cell
      */
-    cellNavigation(e) {
-        if (!(e.target instanceof Element)) {
+    cellNavigation(event) {
+        if (!(event.target instanceof Element)) {
             return;
         }
-        const cell = e.target.closest(this.selectors.Cell);
+        const cell = event.target.closest(this.selectors.Cell);
         if (!cell) {
             this.debugLog('cellNavigation', 'cell not found');
             return;
         }
         if (this.getValidFocusableChild(cell)) {
             this.debugLog('cellNavigation', 'valid focusable child found');
-            this.gridNavigation(e);
+            this.gridNavigation(event);
             return;
         }
         const focusableWidgets = cell
             ? [...cell.querySelectorAll(this.selectors.Focusable)]
             : [];
-        const widgetIdx = focusableWidgets.findIndex((el) => el === e.target);
+        const widgetIdx = focusableWidgets.findIndex((el) => el === event.target);
         /**
          * Keys: Escape
          * Restore grid navigation
          */
-        if (e.key === keys_1.Keys.Escape && this.isFocusable(cell)) {
+        if (event.key === keys_1.Keys.Escape && this.isFocusable(cell)) {
             cell.focus();
-            e.preventDefault();
-            e.stopPropagation();
+            event.preventDefault();
+            event.stopPropagation();
             return;
         }
         /**
@@ -159,7 +160,7 @@ class DataGridNav {
          * Arrow Down disabled:
          * https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972
          */
-        if (e.key === keys_1.Keys.ArrowRight || e.key === keys_1.Keys.ArrowDown) {
+        if (event.key === keys_1.Keys.ArrowRight || event.key === keys_1.Keys.ArrowDown) {
             const nextFocusable = widgetIdx === focusableWidgets.length - 1 ? 0 : widgetIdx + 1;
             const widgetToFocus = focusableWidgets[nextFocusable];
             if (this.isFocusable(widgetToFocus)) {
@@ -174,7 +175,7 @@ class DataGridNav {
          * Arrow Up disabled:
          * https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972
          */
-        if (e.key === keys_1.Keys.ArrowLeft || e.key === keys_1.Keys.ArrowUp) {
+        if (event.key === keys_1.Keys.ArrowLeft || event.key === keys_1.Keys.ArrowUp) {
             const previousFocusable = widgetIdx === 0 ? focusableWidgets.length - 1 : widgetIdx - 1;
             const widgetToFocus = focusableWidgets[previousFocusable];
             if (this.isFocusable(widgetToFocus)) {
@@ -185,7 +186,7 @@ class DataGridNav {
     }
     /**
      * Get the valid focusable child of a cell
-     * @return {FocusableElement | null} - The valid focusable child, or null if there are none or multiple focusable children
+     * @returns `FocusableElement` | `null` - The valid focusable child, or null if there are none or multiple focusable children
      */
     getValidFocusableChild(el) {
         const focusableChildren = [
@@ -202,9 +203,9 @@ class DataGridNav {
      * Handles the navigation outside a cell
      * on the grid level
      */
-    gridNavigation(e) {
+    gridNavigation(event) {
         var _a;
-        if (!(e.target instanceof Element)) {
+        if (!(event.target instanceof Element)) {
             return;
         }
         if (this.keys.length === 1) {
@@ -213,24 +214,24 @@ class DataGridNav {
              * Should move focus inside the cell to the first focusable element:
              * https://www.w3.org/WAI/ARIA/apg/patterns/grid/#gridNav_inside
              */
-            if (e.key === keys_1.Keys.Enter) {
-                const cell = e.target.querySelector(this.selectors.Focusable);
+            if (event.key === keys_1.Keys.Enter) {
+                const cell = event.target.querySelector(this.selectors.Focusable);
                 if (cell && this.isFocusable(cell)) {
                     // Enter can trigger child elements:
                     // Source: https://www.reddit.com/r/learnjavascript/comments/14kpj24/wrong_keydown_listener_is_called_with_focus/
-                    // If the e.preventDefault causes issues, we can offset the execution with setTimeout
+                    // If the event.preventDefault causes issues, we can offset the execution with setTimeout
                     cell.focus();
-                    e.preventDefault();
+                    event.preventDefault();
                 }
             }
             /**
              * Keys: ArrowLeft, ArrowRight
              * Should move focus to the next/previous cell
              */
-            if (e.key === keys_1.Keys.ArrowLeft || e.key === keys_1.Keys.ArrowRight) {
-                const direction = e.key === keys_1.Keys.ArrowLeft ? 'prev' : 'next';
+            if (event.key === keys_1.Keys.ArrowLeft || event.key === keys_1.Keys.ArrowRight) {
+                const direction = event.key === keys_1.Keys.ArrowLeft ? 'prev' : 'next';
                 // Get the closest cell we are currently in
-                const cell = e.target.closest(this.selectors.Cell);
+                const cell = event.target.closest(this.selectors.Cell);
                 if (cell && cell instanceof Element) {
                     const closeFocusable = this.findUntil(direction, cell, this.selectors.Cell);
                     if (closeFocusable) {
@@ -248,8 +249,8 @@ class DataGridNav {
              * Keys: Up,Down
              * Should move focus to the same column of the next/previous row
              */
-            if (e.key === keys_1.Keys.ArrowDown || e.key === keys_1.Keys.ArrowUp) {
-                this.verticalCellNavigation(e);
+            if (event.key === keys_1.Keys.ArrowDown || event.key === keys_1.Keys.ArrowUp) {
+                this.verticalCellNavigation(event);
                 return;
             }
             /**
@@ -257,18 +258,18 @@ class DataGridNav {
              * Should move focus to the first/last row
              * or a predefined number of rows if user provides a value
              */
-            if (e.key === keys_1.Keys.PageUp || e.key === keys_1.Keys.PageDown) {
-                this.pageCellNavigation(e);
+            if (event.key === keys_1.Keys.PageUp || event.key === keys_1.Keys.PageDown) {
+                this.pageCellNavigation(event);
                 return;
             }
             /**
              * Keys: Home, End
              * Should move focus to the first/last cell of the current row
              */
-            if (e.key === keys_1.Keys.Home || e.key === keys_1.Keys.End) {
-                const row = e.target.closest(this.selectors.Row);
+            if (event.key === keys_1.Keys.Home || event.key === keys_1.Keys.End) {
+                const row = event.target.closest(this.selectors.Row);
                 const rowChildren = [...((row === null || row === void 0 ? void 0 : row.children) || [])];
-                if (e.key === 'End') {
+                if (event.key === 'End') {
                     rowChildren.reverse();
                 }
                 this.focusOnFirstCell(rowChildren);
@@ -282,7 +283,7 @@ class DataGridNav {
             const [firstKey, secondKey] = this.keys;
             if (firstKey === 'Control' &&
                 (secondKey === keys_1.Keys.Home || secondKey === keys_1.Keys.End)) {
-                const row = e.target.closest(this.selectors.Row);
+                const row = event.target.closest(this.selectors.Row);
                 const siblings = (_a = row.parentElement) === null || _a === void 0 ? void 0 : _a.children;
                 if (!siblings) {
                     this.debugLog('cellNavigation', 'siblings not found');
@@ -297,20 +298,20 @@ class DataGridNav {
             }
         }
     }
-    pageCellNavigation(e) {
+    pageCellNavigation(event) {
         var _a;
-        if (!(e.target instanceof Element)) {
+        if (!(event.target instanceof Element)) {
             return;
         }
-        const row = e.target.closest(this.selectors.Row);
-        const cell = e.target.closest(this.selectors.Cell);
+        const row = event.target.closest(this.selectors.Row);
+        const cell = event.target.closest(this.selectors.Cell);
         if (row && cell) {
             const position = this.getColumnIndex(cell);
             if (position === undefined) {
                 this.debugLog('cellNavigation', 'position not found');
                 return;
             }
-            const direction = e.key === keys_1.Keys.PageUp ? 'prev' : 'next';
+            const direction = event.key === keys_1.Keys.PageUp ? 'prev' : 'next';
             const siblings = (_a = row.parentElement) === null || _a === void 0 ? void 0 : _a.children;
             if (!siblings) {
                 this.debugLog('cellNavigation', 'siblings not found');
@@ -325,7 +326,7 @@ class DataGridNav {
                     return;
                 }
                 let lastVisitedSibling = sibling;
-                for (let i = 0; i < this.pageUpDown - 1 && sibling; i++) {
+                for (let index = 0; index < this.pageUpDown - 1 && sibling; index++) {
                     sibling = sibling[methodClbk];
                     if (sibling) {
                         lastVisitedSibling = sibling;
@@ -352,13 +353,13 @@ class DataGridNav {
             }
         }
     }
-    verticalCellNavigation(e) {
+    verticalCellNavigation(event) {
         var _a, _b, _c, _d, _e;
-        if (!(e.target instanceof Element)) {
+        if (!(event.target instanceof Element)) {
             return;
         }
-        const row = e.target.closest(this.selectors.Row);
-        const cell = e.target.closest(this.selectors.Cell);
+        const row = event.target.closest(this.selectors.Row);
+        const cell = event.target.closest(this.selectors.Cell);
         if (row && cell) {
             const cellPosition = this.getColumnIndex(cell);
             const rowPosition = this.getRowIndex(row);
@@ -368,7 +369,7 @@ class DataGridNav {
                 this.debugLog('verticalCellNavigation', 'row or cell position not found');
                 return;
             }
-            const direction = e.key === keys_1.Keys.ArrowUp ? 'prev' : 'next';
+            const direction = event.key === keys_1.Keys.ArrowUp ? 'prev' : 'next';
             /** Find previous rowgroup and focus on the proper cell */
             if (rowPosition === 0 && direction === 'prev') {
                 const currentRowGroup = (_a = row.parentElement) === null || _a === void 0 ? void 0 : _a.closest(this.selectors.RowGroup);
@@ -445,8 +446,8 @@ class DataGridNav {
      * reversed order
      */
     focusOnFirstCell(el) {
-        for (let i = 0; i < el.length; i++) {
-            const child = el[i];
+        for (let index = 0; index < el.length; index++) {
+            const child = el[index];
             if (this.isFocusable(child)) {
                 child.focus();
                 return;

package/lib/cjs/data-grid/data-grid-nav/data-grid-nav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-grid-nav.js","sourceRoot":"","sources":["../../../../src/data-grid/data-grid-nav/data-grid-nav.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,uCAAsD;AACtD,iCAA8B;AAC9B,2CAAwC;AAexC,MAAa,WAAW;IAStB,YAAY,SAAiB,EAAE;QANvB,SAAI,GAAa,EAAE,CAAC;QAepB,aAAQ,GAAG,CAAC,YAAoB,EAAE,OAAe,EAAE,EAAE;YAC3D,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,IAAI,CAAC,IAAI,YAAY,MAAM,OAAO,EAAE,CAAC,CAAC;YAChD,CAAC;QACH,CAAC,CAAC;QAZA,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC;QAC/D,IAAI,CAAC,SAAS,mCAAQ,qBAAS,GAAK,SAAS,CAAE,CAAC;QAChD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAQD;;;;OAIG;IACI,OAAO;QACZ,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED;;OAEG;IACI,MAAM;QACX,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAEO,WAAW,CAAC,EAAW;QAC7B,OAAO,EAAE,YAAY,WAAW,IAAI,EAAE,YAAY,UAAU,CAAC;IAC/D,CAAC;IAEM,eAAe,CAAC,EAAW;QAChC,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;IAED,6CAA6C;IACtC,UAAU;QACf,6CAA6C;QAC7C,8DAA8D;QAC9D,uDAAuD;QACvD,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;IAED,+CAA+C;IACxC,YAAY,CAAC,CAAgB;;QAClC,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;QACvD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,CAAC;YACzD,OAAO;QACT,CAAC;QACD;;;;;;;;;WASG;QACH,IACE,WAAI,CAAC,SAAS,KAAK,CAAC,CAAC,GAAG;YACxB,WAAI,CAAC,OAAO,KAAK,CAAC,CAAC,GAAG;YACtB,WAAI,CAAC,SAAS,KAAK,CAAC,CAAC,GAAG;YACxB,WAAI,CAAC,UAAU,KAAK,CAAC,CAAC,GAAG,EACzB,CAAC;YACD,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;QAED;;;WAGG;QACH,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC;YACxE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACxB,CAAC;QAED;;;WAGG;QACH,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE,CAAC;YACnC,OAAO;QACT,CAAC;QACD,MAAM,IAAI,GAAG,MAAA,CAAC,CAAC,MAAM,CAAC,aAAa,0CAAE,OAAO,CAC1C,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAC/C,CAAC;QAEF,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;YAChD,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC;YACxD,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC;YACxD,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,CAAgB;QACpC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE,CAAC;YACnC,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;YAClD,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,6BAA6B,CAAC,CAAC;YAC/D,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YACvB,OAAO;QACT,CAAC;QAED,MAAM,gBAAgB,GAAG,IAAI;YAC3B,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;YACtD,CAAC,CAAC,EAAE,CAAC;QACP,MAAM,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;QAEtE;;;WAGG;QACH,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YACpD,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED;;;;;;WAMG;QACH,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,SAAS,EAAE,CAAC;YAC1D,MAAM,aAAa,GACjB,SAAS,KAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC;YAChE,MAAM,aAAa,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;YACtD,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,CAAC;gBACpC,aAAa,CAAC,KAAK,EAAE,CAAC;YACxB,CAAC;YACD,OAAO;QACT,CAAC;QAED;;;;;;WAMG;QACH,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,OAAO,EAAE,CAAC;YACvD,MAAM,iBAAiB,GACrB,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC;YAChE,MAAM,aAAa,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;YAC1D,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,CAAC;gBACpC,aAAa,CAAC,KAAK,EAAE,CAAC;YACxB,CAAC;YACD,OAAO;QACT,CAAC;IACH,CAAC;IAED;;;OAGG;IACK,sBAAsB,CAAC,EAAW;QACxC,MAAM,iBAAiB,GAAG;YACxB,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;SACjD,CAAC;QACF,IACE,iBAAiB,CAAC,MAAM,KAAK,CAAC;YAC9B,IAAA,mCAAyB,EAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;YAC/C,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,EACtC,CAAC;YACD,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC9B,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACI,cAAc,CAAC,CAAgB;;QACpC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE,CAAC;YACnC,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B;;;;eAIG;YACH,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,KAAK,EAAE,CAAC;gBACzB,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;gBAC9D,IAAI,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;oBACnC,oCAAoC;oBACpC,iHAAiH;oBACjH,qFAAqF;oBACrF,IAAI,CAAC,KAAK,EAAE,CAAC;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACrB,CAAC;YACH,CAAC;YAED;;;eAGG;YACH,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,UAAU,EAAE,CAAC;gBAC1D,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;gBAC7D,2CAA2C;gBAC3C,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBAEnD,IAAI,IAAI,IAAI,IAAI,YAAY,OAAO,EAAE,CAAC;oBACpC,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CACnC,SAAS,EACT,IAAI,EACJ,IAAI,CAAC,SAAS,CAAC,IAAI,CACpB,CAAC;oBACF,IAAI,cAAc,EAAE,CAAC;wBACnB,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,CAAC,cAAc,CAAC,CAAC;wBAEnE,MAAM,OAAO,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,cAAc,CAAC;wBACjD,OAAO,CAAC,KAAK,EAAE,CAAC;wBAChB,OAAO,CAAC,cAAc,CAAC;4BACrB,KAAK,EAAE,SAAS;4BAChB,MAAM,EAAE,SAAS;yBAClB,CAAC,CAAC;oBACL,CAAC;gBACH,CAAC;YACH,CAAC;YAED;;;eAGG;YACH,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,OAAO,EAAE,CAAC;gBACvD,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;gBAC/B,OAAO;YACT,CAAC;YAED;;;;eAIG;YACH,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,QAAQ,EAAE,CAAC;gBACrD,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;gBAC3B,OAAO;YACT,CAAC;YAED;;;eAGG;YACH,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,GAAG,EAAE,CAAC;gBAC9C,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAY,CAAC;gBAC5D,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,KAAI,EAAE,CAAC,CAAC,CAAC;gBAC/C,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;oBACpB,WAAW,CAAC,OAAO,EAAE,CAAC;gBACxB,CAAC;gBACD,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;YACrC,CAAC;QACH,CAAC;aAAM,CAAC;YACN;;;eAGG;YACH,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;YACxC,IACE,QAAQ,KAAK,SAAS;gBACtB,CAAC,SAAS,KAAK,WAAI,CAAC,IAAI,IAAI,SAAS,KAAK,WAAI,CAAC,GAAG,CAAC,EACnD,CAAC;gBACD,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAY,CAAC;gBAC5D,MAAM,QAAQ,GAAG,MAAA,GAAG,CAAC,aAAa,0CAAE,QAAQ,CAAC;gBAE7C,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACd,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;oBACtD,OAAO;gBACT,CAAC;gBAED,MAAM,UAAU,GACd,SAAS,KAAK,WAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBACxE,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,KAAI,EAAE,CAAC,CAAC,CAAC;gBACtD,IAAI,SAAS,KAAK,WAAI,CAAC,GAAG,EAAE,CAAC;oBAC3B,WAAW,CAAC,OAAO,EAAE,CAAC;gBACxB,CAAC;gBACD,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;YACrC,CAAC;QACH,CAAC;IACH,CAAC;IAEO,kBAAkB,CAAC,CAAgB;;QACzC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE,CAAC;YACnC,OAAO;QACT,CAAC;QACD,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAY,CAAC;QAC5D,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAY,CAAC;QAE9D,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;YAChB,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YAE3C,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;gBAC3B,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;gBACtD,OAAO;YACT,CAAC;YAED,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;YAC1D,MAAM,QAAQ,GAAG,MAAA,GAAG,CAAC,aAAa,0CAAE,QAAQ,CAAC;YAE7C,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;gBACtD,OAAO;YACT,CAAC;YAED,2FAA2F;YAC3F,IAAI,cAAmC,CAAC;YACxC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBACpB,MAAM,UAAU,GACd,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC;gBAC3D,IAAI,OAAO,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC;gBAC9B,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;oBACrB,OAAO;gBACT,CAAC;gBAED,IAAI,kBAAkB,GAAG,OAAO,CAAC;gBAEjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;oBACxD,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;oBAC9B,IAAI,OAAO,EAAE,CAAC;wBACZ,kBAAkB,GAAG,OAAO,CAAC;oBAC/B,CAAC;gBACH,CAAC;gBACD,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;YAC1D,CAAC;iBAAM,CAAC;gBACN,cAAc;oBACZ,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACvE,CAAC;YACD,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,cAAc,YAAY,OAAO,CAAC,EAAE,CAAC;gBAC5D,OAAO;YACT,CAAC;YAED,MAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAChD,IAAI,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;gBACrC,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;gBAC/D,IAAI,mBAAmB,EAAE,CAAC;oBACxB,mBAAmB,CAAC,KAAK,EAAE,CAAC;gBAC9B,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,KAAK,EAAE,CAAC;gBAChB,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAEO,sBAAsB,CAAC,CAAgB;;QAC7C,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE,CAAC;YACnC,OAAO;QACT,CAAC;QACD,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAY,CAAC;QAC5D,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAY,CAAC;QAE9D,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;YAChB,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,yBAAyB,WAAW,EAAE,CAAC,CAAC;YACxE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,0BAA0B,YAAY,EAAE,CAAC,CAAC;YAC1E,IAAI,YAAY,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;gBAC5D,IAAI,CAAC,QAAQ,CACX,wBAAwB,EACxB,gCAAgC,CACjC,CAAC;gBACF,OAAO;YACT,CAAC;YAED,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,KAAK,WAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;YAE3D,0DAA0D;YAC1D,IAAI,WAAW,KAAK,CAAC,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;gBAC9C,MAAM,eAAe,GAAG,MAAA,GAAG,CAAC,aAAa,0CAAE,OAAO,CAChD,IAAI,CAAC,SAAS,CAAC,QAAQ,CACxB,CAAC;gBACF,MAAM,gBAAgB,GAAG;oBACvB,GAAG,CAAC,CAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,aAAa,0CAAE,QAAQ,KAAI,EAAE,CAAC;iBACpD,CAAC;gBACF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,SAAS,CACnD,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,eAAe,CAC/B,CAAC;gBACF,IAAI,kBAAkB,KAAK,CAAC,EAAE,CAAC;oBAC7B,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC;oBAClE,MAAM,IAAI,GAAG;wBACX,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;qBACzD,CAAC;oBACF,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;oBAC3D,IAAI,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;wBACrC,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;wBAC/D,IAAI,mBAAmB,EAAE,CAAC;4BACxB,mBAAmB,CAAC,KAAK,EAAE,CAAC;wBAC9B,CAAC;6BAAM,CAAC;4BACN,KAAK,CAAC,KAAK,EAAE,CAAC;wBAChB,CAAC;oBACH,CAAC;oBACD,OAAO;gBACT,CAAC;YACH,CAAC;YAED,MAAM,WAAW,GAAG;gBAClB,GAAG,CAAC,CAAA,MAAA,GAAG,CAAC,aAAa,0CAAE,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAI,EAAE,CAAC;aACnE,CAAC;YACF,sDAAsD;YACtD,IAAI,WAAW,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;gBACnE,MAAM,eAAe,GAAG,MAAA,GAAG,CAAC,aAAa,0CAAE,OAAO,CAChD,IAAI,CAAC,SAAS,CAAC,QAAQ,CACxB,CAAC;gBACF,MAAM,gBAAgB,GAAG;oBACvB,GAAG,CAAC,CAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,aAAa,0CAAE,QAAQ,KAAI,EAAE,CAAC;iBACpD,CAAC;gBACF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,SAAS,CACnD,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,eAAe,CAC/B,CAAC;gBACF,IAAI,kBAAkB,KAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACvD,MAAM,YAAY,GAAG,gBAAgB,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC;oBAC9D,MAAM,IAAI,GAAG,CAAC,GAAG,YAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;oBACpE,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;oBAC7C,IAAI,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;wBACrC,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;wBAC/D,IAAI,mBAAmB,EAAE,CAAC;4BACxB,mBAAmB,CAAC,KAAK,EAAE,CAAC;wBAC9B,CAAC;6BAAM,CAAC;4BACN,KAAK,CAAC,KAAK,EAAE,CAAC;wBAChB,CAAC;oBACH,CAAC;oBACD,OAAO;gBACT,CAAC;gBACD,OAAO;YACT,CAAC;YAED,sCAAsC;YACtC,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YAC1E,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,OAAO;YACT,CAAC;YAED,MAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;YACpD,IAAI,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;gBACrC,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;gBAC/D,IAAI,mBAAmB,EAAE,CAAC;oBACxB,mBAAmB,CAAC,KAAK,EAAE,CAAC;gBAC9B,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,KAAK,EAAE,CAAC;gBAChB,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACK,gBAAgB,CAAC,EAAa;QACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,MAAM,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;YACpB,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC5B,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,OAAO;YACT,CAAC;QACH,CAAC;IACH,CAAC;IAED;;;OAGG;IACK,cAAc,CAAC,IAAa;;QAClC,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,MAAM,QAAQ,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,0CAAE,QAAQ,CAAC;QAC5C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,OAAO,IAAI,KAAK,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,SAAS,EAAE,CAAC;YACvE,QAAQ,EAAE,CAAC;QACb,CAAC;QAED,6DAA6D;QAC7D,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,SAAS,EAAE,CAAC;YACrC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,qCAAqC,CAAC,CAAC;YACvE,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACK,WAAW,CAAC,GAAY;;QAC9B,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,MAAM,QAAQ,GAAG,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,0CAAE,QAAQ,CAAC;QAC3C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,OAAO,GAAG,KAAK,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,SAAS,EAAE,CAAC;YACtE,QAAQ,EAAE,CAAC;QACb,CAAC;QAED,sCAAsC;QACtC,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,SAAS,EAAE,CAAC;YACrC,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,qCAAqC,CAAC,CAAC;YACpE,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACK,SAAS,CACf,SAA0B,EAC1B,EAAuB,EACvB,aAAqB,EACrB,YAAqB;QAErB,IAAI,OAAO,GAAc,EAAE,CAAC;QAC5B,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC;QAExE,OAAO,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACvB,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;YAChC,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO,IAAI,CAAC;YACd,CAAC;YACD,IACE,YAAY;gBACZ,OAAO,YAAY,OAAO;gBAC1B,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,EAC7B,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,IAAI,OAAO,YAAY,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC;gBACjE,OAAO,OAA2B,CAAC;YACrC,CAAC;YAED,OAAO,GAAG,OAAO,CAAC;QACpB,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AArkBD,kCAqkBC","sourcesContent":["/*\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n /\nimport { isValidInteractiveElement } from './helpers';\nimport { Keys } from './keys';\nimport { Selectors } from './selectors';\n\ntype FocusableElement = HTMLElement \| SVGElement;\n\nexport type Config =\n \| {\n /* Enable debug logs /\n isDebug?: boolean;\n /* CSS Selectors being used to find Rows, Row Groups, Cells and Focusable elements /\n selectors?: Partial<typeof Selectors>;\n /* How many rows to move when pressing page up/down - Default goes to first/last row /\n pageUpDown?: number;\n }\n \| undefined;\n\nexport class DataGridNav {\n private selectors: Record<keyof typeof Selectors, string>;\n readonly pageUpDown: number \| undefined;\n private keys: string[] = [];\n private disabled: boolean;\n readonly debug: boolean;\n\n constructor();\n constructor(config: Config);\n constructor(config: Config = {}) {\n const { selectors = {}, pageUpDown, isDebug = false } = config;\n this.selectors = { ...Selectors, ...selectors };\n this.pageUpDown = pageUpDown;\n this.keys = [];\n this.debug = isDebug;\n this.disabled = false;\n }\n\n private debugLog = (functionName: string, message: string) => {\n if (this.debug) {\n console.info(`[${functionName}]: ${message}`);\n }\n };\n\n /\n Disables the keyboard listener in cases\n * that elements inside the grid need to use\n * arrows keys etc., like select dropdowns\n /\n public disable() {\n this.disabled = true;\n }\n\n /\n Enables the keyboard listeners\n /\n public enable() {\n this.disabled = false;\n }\n\n private isFocusable(el: Element): el is FocusableElement {\n return el instanceof HTMLElement \|\| el instanceof SVGElement;\n }\n\n public focusParentCell(el: Element) {\n const cell = el.closest(this.selectors.Cell);\n if (cell && this.isFocusable(cell)) {\n cell.focus();\n }\n }\n\n /* Used as a keyboard listener for key up /\n public tableKeyUp() {\n // TODO: have a cleanup as user can press key\n // and then move to another tab, and get back to the same tab\n // so this will not be empty (the bug exists with .pop)\n this.keys = [];\n }\n\n /* Used as a keyboard listener for key down /\n public tableKeyDown(e: KeyboardEvent) {\n this.debugLog('tableKeyDown', `Key pressed: ${e.key}`);\n if (this.disabled) {\n this.debugLog('tableKeyDown', 'interaction is disabled');\n return;\n }\n /\n Avoid page scrolling etc.\n * Enable default behavior for:\n * Tab, Shift + Tab\n * TODO: Actually it will be better to just prevent\n * in ArrowKeys and PageKeys maybe?\n * Or should the consumer stop propagation?!\n * Cannot work with preventDefault as it will\n * first capture the event from an input in cell for example\n /\n if (\n Keys.ArrowDown === e.key \|\|\n Keys.ArrowUp === e.key \|\|\n Keys.ArrowLeft === e.key \|\|\n Keys.ArrowRight === e.key\n ) {\n e.preventDefault();\n }\n\n /\n Add key to the stack if it's\n * not the same with the last (long press)\n /\n if (this.keys.length === 0 \|\| this.keys[this.keys.length - 1] !== e.key) {\n this.keys.push(e.key);\n }\n\n /\n Need to check if we are inside a grid cell\n * or not to enable/disable Grid Navigation\n /\n if (!(e.target instanceof Element)) {\n return;\n }\n const cell = e.target.parentElement?.closest(\n `${this.selectors.Cell},${this.selectors.Row}`,\n );\n\n if (!cell) {\n this.debugLog('tableKeyDown', 'cell not found');\n return;\n }\n\n if (cell.matches(this.selectors.Cell)) {\n this.debugLog('tableKeyDown', 'event captured in cell');\n this.cellNavigation(e);\n } else {\n this.debugLog('tableKeyDown', 'event captured in grid');\n this.gridNavigation(e);\n }\n }\n\n /\n Handles the navigation inside a cell\n /\n public cellNavigation(e: KeyboardEvent) {\n if (!(e.target instanceof Element)) {\n return;\n }\n\n const cell = e.target.closest(this.selectors.Cell);\n\n if (!cell) {\n this.debugLog('cellNavigation', 'cell not found');\n return;\n }\n\n if (this.getValidFocusableChild(cell)) {\n this.debugLog('cellNavigation', 'valid focusable child found');\n this.gridNavigation(e);\n return;\n }\n\n const focusableWidgets = cell\n ? [...cell.querySelectorAll(this.selectors.Focusable)]\n : [];\n const widgetIdx = focusableWidgets.findIndex((el) => el === e.target);\n\n /\n Keys: Escape\n * Restore grid navigation\n /\n if (e.key === Keys.Escape && this.isFocusable(cell)) {\n cell.focus();\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n /\n Keys: ArrowRight, ArrowDown\n * Move to the next focusable cell, or the first one\n \n Arrow Down disabled:\n * https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972\n /\n if (e.key === Keys.ArrowRight \|\| e.key === Keys.ArrowDown) {\n const nextFocusable =\n widgetIdx === focusableWidgets.length - 1 ? 0 : widgetIdx + 1;\n const widgetToFocus = focusableWidgets[nextFocusable];\n if (this.isFocusable(widgetToFocus)) {\n widgetToFocus.focus();\n }\n return;\n }\n\n /\n Keys: ArrowLeft, ArrowUp\n * Move to the previous focusable cell, or the last one\n \n Arrow Up disabled:\n * https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972\n /\n if (e.key === Keys.ArrowLeft \|\| e.key === Keys.ArrowUp) {\n const previousFocusable =\n widgetIdx === 0 ? focusableWidgets.length - 1 : widgetIdx - 1;\n const widgetToFocus = focusableWidgets[previousFocusable];\n if (this.isFocusable(widgetToFocus)) {\n widgetToFocus.focus();\n }\n return;\n }\n }\n\n /\n Get the valid focusable child of a cell\n * @return {FocusableElement \| null} - The valid focusable child, or null if there are none or multiple focusable children\n /\n private getValidFocusableChild(el: Element): FocusableElement \| null {\n const focusableChildren = [\n ...el.querySelectorAll(this.selectors.Focusable),\n ];\n if (\n focusableChildren.length === 1 &&\n isValidInteractiveElement(focusableChildren[0]) &&\n this.isFocusable(focusableChildren[0])\n ) {\n return focusableChildren[0];\n }\n return null;\n }\n\n /\n Handles the navigation outside a cell\n * on the grid level\n /\n public gridNavigation(e: KeyboardEvent) {\n if (!(e.target instanceof Element)) {\n return;\n }\n\n if (this.keys.length === 1) {\n /\n Keys: Enter\n * Should move focus inside the cell to the first focusable element:\n * https://www.w3.org/WAI/ARIA/apg/patterns/grid/#gridNav_inside\n /\n if (e.key === Keys.Enter) {\n const cell = e.target.querySelector(this.selectors.Focusable);\n if (cell && this.isFocusable(cell)) {\n // Enter can trigger child elements:\n // Source: https://www.reddit.com/r/learnjavascript/comments/14kpj24/wrong_keydown_listener_is_called_with_focus/\n // If the e.preventDefault causes issues, we can offset the execution with setTimeout\n cell.focus();\n e.preventDefault();\n }\n }\n\n /\n Keys: ArrowLeft, ArrowRight\n * Should move focus to the next/previous cell\n /\n if (e.key === Keys.ArrowLeft \|\| e.key === Keys.ArrowRight) {\n const direction = e.key === Keys.ArrowLeft ? 'prev' : 'next';\n // Get the closest cell we are currently in\n const cell = e.target.closest(this.selectors.Cell);\n\n if (cell && cell instanceof Element) {\n const closeFocusable = this.findUntil(\n direction,\n cell,\n this.selectors.Cell,\n );\n if (closeFocusable) {\n const focusableChild = this.getValidFocusableChild(closeFocusable);\n\n const toFocus = focusableChild ?? closeFocusable;\n toFocus.focus();\n toFocus.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }\n }\n }\n\n /\n Keys: Up,Down\n * Should move focus to the same column of the next/previous row\n /\n if (e.key === Keys.ArrowDown \|\| e.key === Keys.ArrowUp) {\n this.verticalCellNavigation(e);\n return;\n }\n\n /\n Keys: PageUp, PageDown\n * Should move focus to the first/last row\n * or a predefined number of rows if user provides a value\n /\n if (e.key === Keys.PageUp \|\| e.key === Keys.PageDown) {\n this.pageCellNavigation(e);\n return;\n }\n\n /\n Keys: Home, End\n * Should move focus to the first/last cell of the current row\n /\n if (e.key === Keys.Home \|\| e.key === Keys.End) {\n const row = e.target.closest(this.selectors.Row) as Element;\n const rowChildren = [...(row?.children \|\| [])];\n if (e.key === 'End') {\n rowChildren.reverse();\n }\n this.focusOnFirstCell(rowChildren);\n }\n } else {\n /\n Keys: Control + Home, Control + End\n * Should move focus to the first/last cell of the first/last row\n /\n const [firstKey, secondKey] = this.keys;\n if (\n firstKey === 'Control' &&\n (secondKey === Keys.Home \|\| secondKey === Keys.End)\n ) {\n const row = e.target.closest(this.selectors.Row) as Element;\n const siblings = row.parentElement?.children;\n\n if (!siblings) {\n this.debugLog('cellNavigation', 'siblings not found');\n return;\n }\n\n const rowToFocus =\n secondKey === Keys.Home ? siblings[0] : siblings[siblings.length - 1];\n const rowChildren = [...(rowToFocus?.children \|\| [])];\n if (secondKey === Keys.End) {\n rowChildren.reverse();\n }\n this.focusOnFirstCell(rowChildren);\n }\n }\n }\n\n private pageCellNavigation(e: KeyboardEvent) {\n if (!(e.target instanceof Element)) {\n return;\n }\n const row = e.target.closest(this.selectors.Row) as Element;\n const cell = e.target.closest(this.selectors.Cell) as Element;\n\n if (row && cell) {\n const position = this.getColumnIndex(cell);\n\n if (position === undefined) {\n this.debugLog('cellNavigation', 'position not found');\n return;\n }\n\n const direction = e.key === Keys.PageUp ? 'prev' : 'next';\n const siblings = row.parentElement?.children;\n\n if (!siblings) {\n this.debugLog('cellNavigation', 'siblings not found');\n return;\n }\n\n // If pageUpDown is defined, we should move that number of rows, or to the closest possible\n let destinationRow: Element \| ChildNode;\n if (this.pageUpDown) {\n const methodClbk =\n direction === 'prev' ? 'previousSibling' : 'nextSibling';\n let sibling = row[methodClbk];\n if (sibling === null) {\n return;\n }\n\n let lastVisitedSibling = sibling;\n\n for (let i = 0; i < this.pageUpDown - 1 && sibling; i++) {\n sibling = sibling[methodClbk];\n if (sibling) {\n lastVisitedSibling = sibling;\n }\n }\n destinationRow = sibling ? sibling : lastVisitedSibling;\n } else {\n destinationRow =\n direction === 'prev' ? siblings[0] : siblings[siblings.length - 1];\n }\n if (!destinationRow \|\| !(destinationRow instanceof Element)) {\n return;\n }\n\n const child = destinationRow.children[position];\n if (child && this.isFocusable(child)) {\n const focusableGrandChild = this.getValidFocusableChild(child);\n if (focusableGrandChild) {\n focusableGrandChild.focus();\n } else {\n child.focus();\n }\n }\n }\n }\n\n private verticalCellNavigation(e: KeyboardEvent) {\n if (!(e.target instanceof Element)) {\n return;\n }\n const row = e.target.closest(this.selectors.Row) as Element;\n const cell = e.target.closest(this.selectors.Cell) as Element;\n\n if (row && cell) {\n const cellPosition = this.getColumnIndex(cell);\n const rowPosition = this.getRowIndex(row);\n this.debugLog('gridNavigation', `Initial row position: ${rowPosition}`);\n this.debugLog('gridNavigation', `Initial cell position: ${cellPosition}`);\n if (cellPosition === undefined \|\| rowPosition === undefined) {\n this.debugLog(\n 'verticalCellNavigation',\n 'row or cell position not found',\n );\n return;\n }\n\n const direction = e.key === Keys.ArrowUp ? 'prev' : 'next';\n\n /* Find previous rowgroup and focus on the proper cell /\n if (rowPosition === 0 && direction === 'prev') {\n const currentRowGroup = row.parentElement?.closest(\n this.selectors.RowGroup,\n );\n const siblingRowGroups = [\n ...(currentRowGroup?.parentElement?.children \|\| []),\n ];\n const currentRowGroupIdx = siblingRowGroups.findIndex(\n (el) => el === currentRowGroup,\n );\n if (currentRowGroupIdx !== 0) {\n const previousRowGroup = siblingRowGroups[currentRowGroupIdx - 1];\n const rows = [\n ...previousRowGroup.querySelectorAll(this.selectors.Row),\n ];\n const child = rows[rows.length - 1].children[cellPosition];\n if (child && this.isFocusable(child)) {\n const focusableGrandChild = this.getValidFocusableChild(child);\n if (focusableGrandChild) {\n focusableGrandChild.focus();\n } else {\n child.focus();\n }\n }\n return;\n }\n }\n\n const siblingRows = [\n ...(row.parentElement?.querySelectorAll(this.selectors.Row) \|\| []),\n ];\n /* Find next rowgroup and focus on the proper cell /\n if (rowPosition === siblingRows.length - 1 && direction === 'next') {\n const currentRowGroup = row.parentElement?.closest(\n this.selectors.RowGroup,\n );\n const siblingRowGroups = [\n ...(currentRowGroup?.parentElement?.children \|\| []),\n ];\n const currentRowGroupIdx = siblingRowGroups.findIndex(\n (el) => el === currentRowGroup,\n );\n if (currentRowGroupIdx !== siblingRowGroups.length - 1) {\n const nextRowGroup = siblingRowGroups[currentRowGroupIdx + 1];\n const rows = [...nextRowGroup.querySelectorAll(this.selectors.Row)];\n const child = rows[0].children[cellPosition];\n if (child && this.isFocusable(child)) {\n const focusableGrandChild = this.getValidFocusableChild(child);\n if (focusableGrandChild) {\n focusableGrandChild.focus();\n } else {\n child.focus();\n }\n }\n return;\n }\n return;\n }\n\n /* Navigation in the same rowgroup /\n const destinationRow = this.findUntil(direction, row, this.selectors.Row);\n if (!destinationRow) {\n return;\n }\n\n const child = destinationRow.children[cellPosition];\n if (child && this.isFocusable(child)) {\n const focusableGrandChild = this.getValidFocusableChild(child);\n if (focusableGrandChild) {\n focusableGrandChild.focus();\n } else {\n child.focus();\n }\n }\n }\n }\n\n /\n Sending a row `Element` and then the first cell will be focused.\n \n If you want to focus the last cell then the row children can be passed in\n * reversed order\n /\n private focusOnFirstCell(el: Element[]) {\n for (let i = 0; i < el.length; i++) {\n const child = el[i];\n if (this.isFocusable(child)) {\n child.focus();\n return;\n }\n }\n }\n\n /\n Get the column index of a `cell` based on the first `row` parent.\n * `cellIndex` could be used, but it's not supported in HTML tables.\n /\n private getColumnIndex(cell: Element) {\n let position = 0;\n const siblings = cell?.parentNode?.children;\n if (!siblings) {\n return undefined;\n }\n\n while (cell !== siblings[position] && siblings[position] !== undefined) {\n position++;\n }\n\n // Cell position find was not possible, maybe should log here\n if (siblings[position] === undefined) {\n this.debugLog('getColumnIndex', 'position finding was not successful');\n return undefined;\n }\n return position;\n }\n\n /\n Get the row index of a `row` based\n * on its sibling rows\n /\n private getRowIndex(row: Element) {\n let position = 0;\n const siblings = row?.parentNode?.children;\n if (!siblings) {\n return undefined;\n }\n\n while (row !== siblings[position] && siblings[position] !== undefined) {\n position++;\n }\n\n // Cell position find was not possible\n if (siblings[position] === undefined) {\n this.debugLog('getRowIndex', 'position finding was not successful');\n return undefined;\n }\n return position;\n }\n\n /\n Equivalent to prevUntil/nextUntil in jQuery\n * https://api.jquery.com/prevUntil/\n */\n private findUntil(\n direction: 'next' \| 'prev',\n el: Element \| ChildNode,\n matchSelector: string,\n exitSelector?: string,\n ): FocusableElement \| null {\n let element: ChildNode = el;\n const method = direction === 'next' ? 'nextSibling' : 'previousSibling';\n\n while (element[method]) {\n const sibling = element[method];\n if (!sibling) {\n return null;\n }\n if (\n exitSelector &&\n sibling instanceof Element &&\n sibling.matches(exitSelector)\n ) {\n return null;\n }\n\n if (sibling instanceof Element && sibling.matches(matchSelector)) {\n return sibling as FocusableElement;\n }\n\n element = sibling;\n }\n\n return null;\n }\n}\n"]}
1	+ {"version":3,"file":"data-grid-nav.js","sourceRoot":"","sources":["../../../../src/data-grid/data-grid-nav/data-grid-nav.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n /\nimport { isValidInteractiveElement } from './helpers';\nimport { Keys } from './keys';\nimport { Selectors } from './selectors';\n\ntype FocusableElement = HTMLElement \| SVGElement;\n\nexport type Config =\n \| {\n /* Enable debug logs /\n isDebug?: boolean;\n /* CSS Selectors being used to find Rows, Row Groups, Cells and Focusable elements /\n selectors?: Partial<typeof Selectors>;\n /* How many rows to move when pressing page up/down - Default goes to first/last row /\n pageUpDown?: number;\n }\n \| undefined;\n\nexport class DataGridNav {\n private selectors: Record<keyof typeof Selectors, string>;\n readonly pageUpDown: number \| undefined;\n private keys: string[] = [];\n private disabled: boolean;\n readonly debug: boolean;\n\n constructor();\n constructor(config: Config);\n constructor(config: Config = {}) {\n const { selectors = {}, pageUpDown, isDebug = false } = config;\n this.selectors = { ...Selectors, ...selectors };\n this.pageUpDown = pageUpDown;\n this.keys = [];\n this.debug = isDebug;\n this.disabled = false;\n }\n\n private debugLog = (functionName: string, message: string) => {\n if (this.debug) {\n console.info(`[${functionName}]: ${message}`);\n }\n };\n\n /\n Disables the keyboard listener in cases\n * that elements inside the grid need to use\n * arrows keys etc., like select dropdowns\n /\n public disable() {\n this.disabled = true;\n }\n\n /\n Enables the keyboard listeners\n /\n public enable() {\n this.disabled = false;\n }\n\n private isFocusable(el: Element): el is FocusableElement {\n return el instanceof HTMLElement \|\| el instanceof SVGElement;\n }\n\n public focusParentCell(el: Element) {\n const cell = el.closest(this.selectors.Cell);\n if (cell && this.isFocusable(cell)) {\n cell.focus();\n }\n }\n\n /* Used as a keyboard listener for key up /\n public tableKeyUp() {\n // TODO: have a cleanup as user can press key\n // and then move to another tab, and get back to the same tab\n // so this will not be empty (the bug exists with .pop)\n this.keys = [];\n }\n\n /* Used as a keyboard listener for key down /\n public tableKeyDown(event: KeyboardEvent) {\n this.debugLog('tableKeyDown', `Key pressed: ${event.key}`);\n if (this.disabled) {\n this.debugLog('tableKeyDown', 'interaction is disabled');\n return;\n }\n /\n Avoid page scrolling etc.\n * Enable default behavior for:\n * Tab, Shift + Tab\n * TODO: Actually it will be better to just prevent\n * in ArrowKeys and PageKeys maybe?\n * Or should the consumer stop propagation?!\n * Cannot work with preventDefault as it will\n * first capture the event from an input in cell for example\n /\n if (\n Keys.ArrowDown === event.key \|\|\n Keys.ArrowUp === event.key \|\|\n Keys.ArrowLeft === event.key \|\|\n Keys.ArrowRight === event.key\n ) {\n event.preventDefault();\n }\n\n /\n Add key to the stack if it's\n * not the same with the last (long press)\n /\n if (\n this.keys.length === 0 \|\|\n this.keys[this.keys.length - 1] !== event.key\n ) {\n this.keys.push(event.key);\n }\n\n /\n Need to check if we are inside a grid cell\n * or not to enable/disable Grid Navigation\n /\n if (!(event.target instanceof Element)) {\n return;\n }\n const cell = event.target.parentElement?.closest(\n `${this.selectors.Cell},${this.selectors.Row}`,\n );\n\n if (!cell) {\n this.debugLog('tableKeyDown', 'cell not found');\n return;\n }\n\n if (cell.matches(this.selectors.Cell)) {\n this.debugLog('tableKeyDown', 'event captured in cell');\n this.cellNavigation(event);\n } else {\n this.debugLog('tableKeyDown', 'event captured in grid');\n this.gridNavigation(event);\n }\n }\n\n /\n Handles the navigation inside a cell\n /\n public cellNavigation(event: KeyboardEvent) {\n if (!(event.target instanceof Element)) {\n return;\n }\n\n const cell = event.target.closest(this.selectors.Cell);\n\n if (!cell) {\n this.debugLog('cellNavigation', 'cell not found');\n return;\n }\n\n if (this.getValidFocusableChild(cell)) {\n this.debugLog('cellNavigation', 'valid focusable child found');\n this.gridNavigation(event);\n return;\n }\n\n const focusableWidgets = cell\n ? [...cell.querySelectorAll(this.selectors.Focusable)]\n : [];\n const widgetIdx = focusableWidgets.findIndex((el) => el === event.target);\n\n /\n Keys: Escape\n * Restore grid navigation\n /\n if (event.key === Keys.Escape && this.isFocusable(cell)) {\n cell.focus();\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n /\n Keys: ArrowRight, ArrowDown\n * Move to the next focusable cell, or the first one\n \n Arrow Down disabled:\n * https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972\n /\n if (event.key === Keys.ArrowRight \|\| event.key === Keys.ArrowDown) {\n const nextFocusable =\n widgetIdx === focusableWidgets.length - 1 ? 0 : widgetIdx + 1;\n const widgetToFocus = focusableWidgets[nextFocusable];\n if (this.isFocusable(widgetToFocus)) {\n widgetToFocus.focus();\n }\n return;\n }\n\n /\n Keys: ArrowLeft, ArrowUp\n * Move to the previous focusable cell, or the last one\n \n Arrow Up disabled:\n * https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972\n /\n if (event.key === Keys.ArrowLeft \|\| event.key === Keys.ArrowUp) {\n const previousFocusable =\n widgetIdx === 0 ? focusableWidgets.length - 1 : widgetIdx - 1;\n const widgetToFocus = focusableWidgets[previousFocusable];\n if (this.isFocusable(widgetToFocus)) {\n widgetToFocus.focus();\n }\n return;\n }\n }\n\n /\n Get the valid focusable child of a cell\n * @returns `FocusableElement` \| `null` - The valid focusable child, or null if there are none or multiple focusable children\n /\n private getValidFocusableChild(el: Element): FocusableElement \| null {\n const focusableChildren = [\n ...el.querySelectorAll(this.selectors.Focusable),\n ];\n if (\n focusableChildren.length === 1 &&\n isValidInteractiveElement(focusableChildren[0]) &&\n this.isFocusable(focusableChildren[0])\n ) {\n return focusableChildren[0];\n }\n return null;\n }\n\n /\n Handles the navigation outside a cell\n * on the grid level\n /\n public gridNavigation(event: KeyboardEvent) {\n if (!(event.target instanceof Element)) {\n return;\n }\n\n if (this.keys.length === 1) {\n /\n Keys: Enter\n * Should move focus inside the cell to the first focusable element:\n * https://www.w3.org/WAI/ARIA/apg/patterns/grid/#gridNav_inside\n /\n if (event.key === Keys.Enter) {\n const cell = event.target.querySelector(this.selectors.Focusable);\n if (cell && this.isFocusable(cell)) {\n // Enter can trigger child elements:\n // Source: https://www.reddit.com/r/learnjavascript/comments/14kpj24/wrong_keydown_listener_is_called_with_focus/\n // If the event.preventDefault causes issues, we can offset the execution with setTimeout\n cell.focus();\n event.preventDefault();\n }\n }\n\n /\n Keys: ArrowLeft, ArrowRight\n * Should move focus to the next/previous cell\n /\n if (event.key === Keys.ArrowLeft \|\| event.key === Keys.ArrowRight) {\n const direction = event.key === Keys.ArrowLeft ? 'prev' : 'next';\n // Get the closest cell we are currently in\n const cell = event.target.closest(this.selectors.Cell);\n\n if (cell && cell instanceof Element) {\n const closeFocusable = this.findUntil(\n direction,\n cell,\n this.selectors.Cell,\n );\n if (closeFocusable) {\n const focusableChild = this.getValidFocusableChild(closeFocusable);\n\n const toFocus = focusableChild ?? closeFocusable;\n toFocus.focus();\n toFocus.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }\n }\n }\n\n /\n Keys: Up,Down\n * Should move focus to the same column of the next/previous row\n /\n if (event.key === Keys.ArrowDown \|\| event.key === Keys.ArrowUp) {\n this.verticalCellNavigation(event);\n return;\n }\n\n /\n Keys: PageUp, PageDown\n * Should move focus to the first/last row\n * or a predefined number of rows if user provides a value\n /\n if (event.key === Keys.PageUp \|\| event.key === Keys.PageDown) {\n this.pageCellNavigation(event);\n return;\n }\n\n /\n Keys: Home, End\n * Should move focus to the first/last cell of the current row\n /\n if (event.key === Keys.Home \|\| event.key === Keys.End) {\n const row = event.target.closest(this.selectors.Row) as Element;\n const rowChildren = [...(row?.children \|\| [])];\n if (event.key === 'End') {\n rowChildren.reverse();\n }\n this.focusOnFirstCell(rowChildren);\n }\n } else {\n /\n Keys: Control + Home, Control + End\n * Should move focus to the first/last cell of the first/last row\n /\n const [firstKey, secondKey] = this.keys;\n if (\n firstKey === 'Control' &&\n (secondKey === Keys.Home \|\| secondKey === Keys.End)\n ) {\n const row = event.target.closest(this.selectors.Row) as Element;\n const siblings = row.parentElement?.children;\n\n if (!siblings) {\n this.debugLog('cellNavigation', 'siblings not found');\n return;\n }\n\n const rowToFocus =\n secondKey === Keys.Home ? siblings[0] : siblings[siblings.length - 1];\n const rowChildren = [...(rowToFocus?.children \|\| [])];\n if (secondKey === Keys.End) {\n rowChildren.reverse();\n }\n this.focusOnFirstCell(rowChildren);\n }\n }\n }\n\n private pageCellNavigation(event: KeyboardEvent) {\n if (!(event.target instanceof Element)) {\n return;\n }\n const row = event.target.closest(this.selectors.Row) as Element;\n const cell = event.target.closest(this.selectors.Cell) as Element;\n\n if (row && cell) {\n const position = this.getColumnIndex(cell);\n\n if (position === undefined) {\n this.debugLog('cellNavigation', 'position not found');\n return;\n }\n\n const direction = event.key === Keys.PageUp ? 'prev' : 'next';\n const siblings = row.parentElement?.children;\n\n if (!siblings) {\n this.debugLog('cellNavigation', 'siblings not found');\n return;\n }\n\n // If pageUpDown is defined, we should move that number of rows, or to the closest possible\n let destinationRow: Element \| ChildNode;\n if (this.pageUpDown) {\n const methodClbk =\n direction === 'prev' ? 'previousSibling' : 'nextSibling';\n let sibling = row[methodClbk];\n if (sibling === null) {\n return;\n }\n\n let lastVisitedSibling = sibling;\n\n for (let index = 0; index < this.pageUpDown - 1 && sibling; index++) {\n sibling = sibling[methodClbk];\n if (sibling) {\n lastVisitedSibling = sibling;\n }\n }\n destinationRow = sibling ? sibling : lastVisitedSibling;\n } else {\n destinationRow =\n direction === 'prev' ? siblings[0] : siblings[siblings.length - 1];\n }\n if (!destinationRow \|\| !(destinationRow instanceof Element)) {\n return;\n }\n\n const child = destinationRow.children[position];\n if (child && this.isFocusable(child)) {\n const focusableGrandChild = this.getValidFocusableChild(child);\n if (focusableGrandChild) {\n focusableGrandChild.focus();\n } else {\n child.focus();\n }\n }\n }\n }\n\n private verticalCellNavigation(event: KeyboardEvent) {\n if (!(event.target instanceof Element)) {\n return;\n }\n const row = event.target.closest(this.selectors.Row) as Element;\n const cell = event.target.closest(this.selectors.Cell) as Element;\n\n if (row && cell) {\n const cellPosition = this.getColumnIndex(cell);\n const rowPosition = this.getRowIndex(row);\n this.debugLog('gridNavigation', `Initial row position: ${rowPosition}`);\n this.debugLog('gridNavigation', `Initial cell position: ${cellPosition}`);\n if (cellPosition === undefined \|\| rowPosition === undefined) {\n this.debugLog(\n 'verticalCellNavigation',\n 'row or cell position not found',\n );\n return;\n }\n\n const direction = event.key === Keys.ArrowUp ? 'prev' : 'next';\n\n /* Find previous rowgroup and focus on the proper cell /\n if (rowPosition === 0 && direction === 'prev') {\n const currentRowGroup = row.parentElement?.closest(\n this.selectors.RowGroup,\n );\n const siblingRowGroups = [\n ...(currentRowGroup?.parentElement?.children \|\| []),\n ];\n const currentRowGroupIdx = siblingRowGroups.findIndex(\n (el) => el === currentRowGroup,\n );\n if (currentRowGroupIdx !== 0) {\n const previousRowGroup = siblingRowGroups[currentRowGroupIdx - 1];\n const rows = [\n ...previousRowGroup.querySelectorAll(this.selectors.Row),\n ];\n const child = rows[rows.length - 1].children[cellPosition];\n if (child && this.isFocusable(child)) {\n const focusableGrandChild = this.getValidFocusableChild(child);\n if (focusableGrandChild) {\n focusableGrandChild.focus();\n } else {\n child.focus();\n }\n }\n return;\n }\n }\n\n const siblingRows = [\n ...(row.parentElement?.querySelectorAll(this.selectors.Row) \|\| []),\n ];\n /* Find next rowgroup and focus on the proper cell /\n if (rowPosition === siblingRows.length - 1 && direction === 'next') {\n const currentRowGroup = row.parentElement?.closest(\n this.selectors.RowGroup,\n );\n const siblingRowGroups = [\n ...(currentRowGroup?.parentElement?.children \|\| []),\n ];\n const currentRowGroupIdx = siblingRowGroups.findIndex(\n (el) => el === currentRowGroup,\n );\n if (currentRowGroupIdx !== siblingRowGroups.length - 1) {\n const nextRowGroup = siblingRowGroups[currentRowGroupIdx + 1];\n const rows = [...nextRowGroup.querySelectorAll(this.selectors.Row)];\n const child = rows[0].children[cellPosition];\n if (child && this.isFocusable(child)) {\n const focusableGrandChild = this.getValidFocusableChild(child);\n if (focusableGrandChild) {\n focusableGrandChild.focus();\n } else {\n child.focus();\n }\n }\n return;\n }\n return;\n }\n\n /* Navigation in the same rowgroup /\n const destinationRow = this.findUntil(direction, row, this.selectors.Row);\n if (!destinationRow) {\n return;\n }\n\n const child = destinationRow.children[cellPosition];\n if (child && this.isFocusable(child)) {\n const focusableGrandChild = this.getValidFocusableChild(child);\n if (focusableGrandChild) {\n focusableGrandChild.focus();\n } else {\n child.focus();\n }\n }\n }\n }\n\n /\n Sending a row `Element` and then the first cell will be focused.\n \n If you want to focus the last cell then the row children can be passed in\n * reversed order\n /\n private focusOnFirstCell(el: Element[]) {\n for (let index = 0; index < el.length; index++) {\n const child = el[index];\n if (this.isFocusable(child)) {\n child.focus();\n return;\n }\n }\n }\n\n /\n Get the column index of a `cell` based on the first `row` parent.\n * `cellIndex` could be used, but it's not supported in HTML tables.\n /\n private getColumnIndex(cell: Element) {\n let position = 0;\n const siblings = cell?.parentNode?.children;\n if (!siblings) {\n return undefined;\n }\n\n while (cell !== siblings[position] && siblings[position] !== undefined) {\n position++;\n }\n\n // Cell position find was not possible, maybe should log here\n if (siblings[position] === undefined) {\n this.debugLog('getColumnIndex', 'position finding was not successful');\n return undefined;\n }\n return position;\n }\n\n /\n Get the row index of a `row` based\n * on its sibling rows\n /\n private getRowIndex(row: Element) {\n let position = 0;\n const siblings = row?.parentNode?.children;\n if (!siblings) {\n return undefined;\n }\n\n while (row !== siblings[position] && siblings[position] !== undefined) {\n position++;\n }\n\n // Cell position find was not possible\n if (siblings[position] === undefined) {\n this.debugLog('getRowIndex', 'position finding was not successful');\n return undefined;\n }\n return position;\n }\n\n /\n Equivalent to prevUntil/nextUntil in jQuery\n * https://api.jquery.com/prevUntil/\n */\n private findUntil(\n direction: 'next' \| 'prev',\n el: Element \| ChildNode,\n matchSelector: string,\n exitSelector?: string,\n ): FocusableElement \| null {\n let element: ChildNode = el;\n const method = direction === 'next' ? 'nextSibling' : 'previousSibling';\n\n while (element[method]) {\n const sibling = element[method];\n if (!sibling) {\n return null;\n }\n if (\n exitSelector &&\n sibling instanceof Element &&\n sibling.matches(exitSelector)\n ) {\n return null;\n }\n\n if (sibling instanceof Element && sibling.matches(matchSelector)) {\n return sibling as FocusableElement;\n }\n\n element = sibling;\n }\n\n return null;\n }\n}\n"]}

package/lib/cjs/data-grid/data-grid-nav/helpers.js CHANGED Viewed

@@ -23,7 +23,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isValidInteractiveElement = void 0;
 /**
  * This function checks that an element is interactive and of a type that doesn't disrupt grid navigation.
- * @param element the element to check
+ * @param element - The element to check
  * @returns true if the element is an interactive element that doesn't disrupt grid navigation
  */
 const isValidInteractiveElement = (element) => {

package/lib/cjs/data-grid/data-grid-nav/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/data-grid/data-grid-nav/helpers.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH;;;;GAIG;AACI,MAAM,yBAAyB,GAAG,CAAC,OAAgB,EAAW,EAAE;IACrE,IAAI,CAAC,CAAC,OAAO,YAAY,WAAW,CAAC,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAC5D,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC;QACpC,UAAU;QACV,OAAO;QACP,QAAQ;QACR,OAAO;KACR,CAAC,CAAC;IAEH,IAAI,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QACzC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;QAChC,MAAM,SAAS,GAAI,OAA4B,CAAC,IAAI,CAAC;QACrD,OAAO,qBAAqB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAvBW,QAAA,yBAAyB,6BAuBpC","sourcesContent":["/*\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n /\n\n/\n This function checks that an element is interactive and of a type that doesn't disrupt grid navigation.\n * @param element ~~the~~ element to check\n * @returns true if the element is an interactive element that doesn't disrupt grid navigation\n */\nexport const isValidInteractiveElement = (element: Element): boolean => {\n if (!(element instanceof HTMLElement)) {\n return false;\n }\n\n const interactiveTags = new Set(['A', 'BUTTON', 'DETAILS']);\n const interactiveInputTypes = new Set([\n 'checkbox',\n 'radio',\n 'submit',\n 'reset',\n ]);\n\n if (interactiveTags.has(element.tagName)) {\n return true;\n }\n\n if (element.tagName === 'INPUT') {\n const inputType = (element as HTMLInputElement).type;\n return interactiveInputTypes.has(inputType);\n }\n\n return false;\n};\n"]}
1	+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/data-grid/data-grid-nav/helpers.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH;;;;GAIG;AACI,MAAM,yBAAyB,GAAG,CAAC,OAAgB,EAAW,EAAE;IACrE,IAAI,CAAC,CAAC,OAAO,YAAY,WAAW,CAAC,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAC5D,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC;QACpC,UAAU;QACV,OAAO;QACP,QAAQ;QACR,OAAO;KACR,CAAC,CAAC;IAEH,IAAI,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QACzC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;QAChC,MAAM,SAAS,GAAI,OAA4B,CAAC,IAAI,CAAC;QACrD,OAAO,qBAAqB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAvBW,QAAA,yBAAyB,6BAuBpC","sourcesContent":["/*\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n /\n\n/\n This function checks that an element is interactive and of a type that doesn't disrupt grid navigation.\n * @param element - The element to check\n * @returns true if the element is an interactive element that doesn't disrupt grid navigation\n */\nexport const isValidInteractiveElement = (element: Element): boolean => {\n if (!(element instanceof HTMLElement)) {\n return false;\n }\n\n const interactiveTags = new Set(['A', 'BUTTON', 'DETAILS']);\n const interactiveInputTypes = new Set([\n 'checkbox',\n 'radio',\n 'submit',\n 'reset',\n ]);\n\n if (interactiveTags.has(element.tagName)) {\n return true;\n }\n\n if (element.tagName === 'INPUT') {\n const inputType = (element as HTMLInputElement).type;\n return interactiveInputTypes.has(inputType);\n }\n\n return false;\n};\n"]}

package/lib/cjs/data-grid/data-grid-nav/index.js CHANGED Viewed

@@ -32,7 +32,7 @@ function useTableNav(options) {
     }
     // A piece of state to force a re-render when you want to react to instance changes
     const [, setVersion] = (0, react_1.useState)(0);
-    const forceUpdate = (0, react_1.useCallback)(() => setVersion((v) => v + 1), []);
+    const forceUpdate = (0, react_1.useCallback)(() => setVersion((version) => version + 1), []);
     // Wrap the instance in a proxy that intercepts reads/writes
     const proxiedInstance = (0, react_1.useMemo)(() => {
         const handler = {
@@ -69,7 +69,7 @@ function useTableNav(options) {
     }, [forceUpdate]);
     return {
         listeners: {
-            onKeyDown: (e) => proxiedInstance.tableKeyDown(e.nativeEvent),
+            onKeyDown: (event) => proxiedInstance.tableKeyDown(event.nativeEvent),
             onKeyUp: () => proxiedInstance.tableKeyUp(),
         },
         tableNav: proxiedInstance,

package/lib/cjs/data-grid/data-grid-nav/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/data-grid-nav/index.tsx"],"names":[],"mappings":";;AAyBA,~~kCA2DC~~;~~AA/DD~~,iCAA+D;AAE/D,mDAA2D;AAE3D,SAAgB,WAAW,CAAC,OAAgB;IAC1C,qEAAqE;IACrE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACrD,IAAI,WAAW,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACjC,WAAW,CAAC,OAAO,GAAG,IAAI,2BAAW,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,mFAAmF;IACnF,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACnC,MAAM,WAAW,GAAG,IAAA,mBAAW,~~EAAC~~,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,~~CAAC~~,EAAE,EAAE,CAAC,~~CAAC~~,GAAG,CAAC,CAAC,~~EAAE~~,EAAE,~~CAAC~~,CAAC;~~IAEpE~~,4DAA4D;IAC5D,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,MAAM,OAAO,GAA8B;YACzC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ;gBACxB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;gBAElD,+DAA+D;gBAC/D,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;oBAChC,8DAA8D;oBAC9D,OAAO,CAAC,GAAG,IAAW,EAAE,EAAE;wBACxB,2BAA2B;wBAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;wBAEzC,2EAA2E;wBAC3E,oFAAoF;wBACpF,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;4BACjD,WAAW,EAAE,CAAC;wBAChB,CAAC;wBACD,OAAO,MAAM,CAAC;oBAChB,CAAC,CAAC;gBACJ,CAAC;gBAED,8CAA8C;gBAC9C,OAAO,KAAK,CAAC;YACf,CAAC;YAED,mEAAmE;YACnE,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ;gBAClC,gEAAgE;gBAChE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBAC7D,+CAA+C;gBAC/C,WAAW,EAAE,CAAC;gBACd,OAAO,MAAM,CAAC;YAChB,CAAC;SACF,CAAC;QAEF,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC,OAAsB,EAAE,OAAO,CAAC,CAAC;QAC9D,+EAA+E;IACjF,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO;QACL,SAAS,EAAE;YACT,SAAS,EAAE,CAAC,~~CAAsB~~,EAAE,EAAE,~~CACpC~~,eAAe,CAAC,YAAY,CAAC,~~CAAC~~,CAAC,WAAW,CAAC;~~YAC7C~~,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,UAAU,EAAE;SAC5C;QACD,QAAQ,EAAE,eAAe;KAC1B,CAAC;AACJ,CAAC","sourcesContent":["/*\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n /\nimport type React from 'react';\nimport { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { type Config, DataGridNav } from './data-grid-nav';\n\nexport function useTableNav(options?: Config) {\n // Store the actual class instance in a ref so we only create it once\n const instanceRef = useRef<DataGridNav \| null>(null);\n if (instanceRef.current === null) {\n instanceRef.current = new DataGridNav(options);\n }\n\n // A piece of state to force a re-render when you want to react to instance changes\n const [, setVersion] = useState(0);\n const forceUpdate = useCallback(() => setVersion((v) => v + 1), []);\n\n // Wrap the instance in a proxy that intercepts reads/writes\n const proxiedInstance = useMemo(() => {\n const handler: ProxyHandler<DataGridNav> = {\n get(target, prop, receiver) {\n const value = Reflect.get(target, prop, receiver);\n\n // If it's a function (a class method), we can intercept calls:\n if (typeof value === 'function') {\n // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n return (...args: any[]) => {\n // Call the original method\n const result = value.apply(target, args);\n\n // Example: force re-render if the method is known to change internal state\n // or if you want to force re-render after every* method call, remove the condition\n if (['enable', 'disable'].includes(String(prop))) {\n forceUpdate();\n }\n return result;\n };\n }\n\n // Otherwise, it's a property. Just return it.\n return value;\n },\n\n // Trap for property assignments, so React can re-render on changes\n set(target, prop, newValue, receiver) {\n // eslint-disable-next-line @typescript-eslint/naming-convention\n const result = Reflect.set(target, prop, newValue, receiver);\n // Force re-render after setting any property\n forceUpdate();\n return result;\n },\n };\n\n return new Proxy(instanceRef.current as DataGridNav, handler);\n // We only want to create a new Proxy if the instanceRef or forceUpdate changes\n }, [forceUpdate]);\n\n return {\n listeners: {\n onKeyDown: (e: React.KeyboardEvent) =>\n proxiedInstance.tableKeyDown(e.nativeEvent),\n onKeyUp: () => proxiedInstance.tableKeyUp(),\n },\n tableNav: proxiedInstance,\n };\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/data-grid-nav/index.tsx"],"names":[],"mappings":";;AAyBA,kCA8DC;AAlED,iCAA+D;AAE/D,mDAA2D;AAE3D,SAAgB,WAAW,CAAC,OAAgB;IAC1C,qEAAqE;IACrE,MAAM,WAAW,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACrD,IAAI,WAAW,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACjC,WAAW,CAAC,OAAO,GAAG,IAAI,2BAAW,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,mFAAmF;IACnF,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACnC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,EAC1C,EAAE,CACH,CAAC;IAEF,4DAA4D;IAC5D,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,MAAM,OAAO,GAA8B;YACzC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ;gBACxB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;gBAElD,+DAA+D;gBAC/D,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;oBAChC,8DAA8D;oBAC9D,OAAO,CAAC,GAAG,IAAW,EAAE,EAAE;wBACxB,2BAA2B;wBAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;wBAEzC,2EAA2E;wBAC3E,oFAAoF;wBACpF,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;4BACjD,WAAW,EAAE,CAAC;wBAChB,CAAC;wBACD,OAAO,MAAM,CAAC;oBAChB,CAAC,CAAC;gBACJ,CAAC;gBAED,8CAA8C;gBAC9C,OAAO,KAAK,CAAC;YACf,CAAC;YAED,mEAAmE;YACnE,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ;gBAClC,gEAAgE;gBAChE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBAC7D,+CAA+C;gBAC/C,WAAW,EAAE,CAAC;gBACd,OAAO,MAAM,CAAC;YAChB,CAAC;SACF,CAAC;QAEF,OAAO,IAAI,KAAK,CAAC,WAAW,CAAC,OAAsB,EAAE,OAAO,CAAC,CAAC;QAC9D,+EAA+E;IACjF,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO;QACL,SAAS,EAAE;YACT,SAAS,EAAE,CAAC,KAA0B,EAAE,EAAE,CACxC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC;YACjD,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,UAAU,EAAE;SAC5C;QACD,QAAQ,EAAE,eAAe;KAC1B,CAAC;AACJ,CAAC","sourcesContent":["/*\n \n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n \n This file is part of Neo4j.\n \n Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n \n You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n /\nimport type React from 'react';\nimport { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { type Config, DataGridNav } from './data-grid-nav';\n\nexport function useTableNav(options?: Config) {\n // Store the actual class instance in a ref so we only create it once\n const instanceRef = useRef<DataGridNav \| null>(null);\n if (instanceRef.current === null) {\n instanceRef.current = new DataGridNav(options);\n }\n\n // A piece of state to force a re-render when you want to react to instance changes\n const [, setVersion] = useState(0);\n const forceUpdate = useCallback(\n () => setVersion((version) => version + 1),\n [],\n );\n\n // Wrap the instance in a proxy that intercepts reads/writes\n const proxiedInstance = useMemo(() => {\n const handler: ProxyHandler<DataGridNav> = {\n get(target, prop, receiver) {\n const value = Reflect.get(target, prop, receiver);\n\n // If it's a function (a class method), we can intercept calls:\n if (typeof value === 'function') {\n // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n return (...args: any[]) => {\n // Call the original method\n const result = value.apply(target, args);\n\n // Example: force re-render if the method is known to change internal state\n // or if you want to force re-render after every* method call, remove the condition\n if (['enable', 'disable'].includes(String(prop))) {\n forceUpdate();\n }\n return result;\n };\n }\n\n // Otherwise, it's a property. Just return it.\n return value;\n },\n\n // Trap for property assignments, so React can re-render on changes\n set(target, prop, newValue, receiver) {\n // eslint-disable-next-line @typescript-eslint/naming-convention\n const result = Reflect.set(target, prop, newValue, receiver);\n // Force re-render after setting any property\n forceUpdate();\n return result;\n },\n };\n\n return new Proxy(instanceRef.current as DataGridNav, handler);\n // We only want to create a new Proxy if the instanceRef or forceUpdate changes\n }, [forceUpdate]);\n\n return {\n listeners: {\n onKeyDown: (event: React.KeyboardEvent) =>\n proxiedInstance.tableKeyDown(event.nativeEvent),\n onKeyUp: () => proxiedInstance.tableKeyUp(),\n },\n tableNav: proxiedInstance,\n };\n}\n"]}