@neo4j-ndl/react 4.9.2 → 4.9.3

package/lib/cjs/data-grid/DataGrid.js

@@ -61,6 +61,7 @@ const DEFAULT_STYLING = {
     hasHoverEffects: true,
     hasZebraStriping: false,
     headerStyle: HeaderStyleEnum.Filled,
+    isCompact: false,
 };
 const DataGridComponent = function DataGrid(_a) {
     var { isResizable = true, isLoading = false, isKeyboardNavigable = true, isAutoResizingColumns = true, tableInstance, components, rootProps, styling = {}, tableNavRef, isSkeletonLoading = false, skeletonProps, ref, portalTarget = document.body, htmlAttributes, className, style } = _a, restProps = __rest(_a, ["isResizable", "isLoading", "isKeyboardNavigable", "isAutoResizingColumns", "tableInstance", "components", "rootProps", "styling", "tableNavRef", "isSkeletonLoading", "skeletonProps", "ref", "portalTarget", "htmlAttributes", "className", "style"]);
@@ -135,6 +136,7 @@ const DataGridComponent = function DataGrid(_a) {
                     Styling.borderStyle === BorderStyleEnum.AllSides,
                 'ndl-data-grid-border-vertical': Styling.borderStyle === BorderStyleEnum.Vertical ||
                     Styling.borderStyle === BorderStyleEnum.AllSides,
+                'ndl-data-grid-compact': Styling.isCompact,
                 'ndl-data-grid-focusable-cells': isKeyboardNavigable,
                 'ndl-data-grid-header-filled': Styling.headerStyle === HeaderStyleEnum.Filled,
                 'ndl-data-grid-hover-effects': Styling.hasHoverEffects,

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

@@ -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';\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  }>;\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  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};\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  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          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-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-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"]}
+{"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';\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  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  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          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-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"]}

package/lib/cjs/data-grid/stories/datagrid-compact-mode.story.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_table_1 = require("@tanstack/react-table");
+const staticData_1 = require("./staticData");
+const Component = () => {
+    const columnHelper = (0, react_table_1.createColumnHelper)();
+    const columns = [
+        columnHelper.accessor('name', {
+            cell: (info) => info.getValue(),
+            footer: (info) => info.column.id,
+            header: () => 'Name',
+            maxSize: 300,
+            minSize: 180,
+            size: 220,
+        }),
+        columnHelper.accessor('age', {
+            cell: (info) => info.renderValue(),
+            footer: (info) => info.column.id,
+            header: () => 'Age',
+            minSize: 80,
+        }),
+        columnHelper.accessor('cypherCommand', {
+            cell: (info) => info.getValue(),
+            footer: (info) => info.column.id,
+            header: () => 'Cypher Command',
+            minSize: 400,
+            size: 400,
+        }),
+    ];
+    const table = (0, react_table_1.useReactTable)({
+        columnResizeMode: 'onChange',
+        columns,
+        data: staticData_1.TABLE_DEMO_DATA,
+        debugColumns: true,
+        debugHeaders: true,
+        debugTable: true,
+        defaultColumn: {
+            maxSize: 800,
+            minSize: 80,
+        },
+        enableSorting: true,
+        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
+        getPaginationRowModel: (0, react_table_1.getPaginationRowModel)(),
+        getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
+        initialState: {
+            pagination: {
+                pageSize: 5,
+            },
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { className: "n-w-full n-bg-light-neutral-text-weakest", children: (0, jsx_runtime_1.jsx)(react_1.DataGrid, { isResizable: false, tableInstance: table, isKeyboardNavigable: false, styling: {
+                borderStyle: 'all-sides',
+                hasHoverEffects: true,
+                hasZebraStriping: false,
+                isCompact: true,
+            } }) }));
+};
+exports.default = Component;
+//# sourceMappingURL=datagrid-compact-mode.story.js.map

package/lib/cjs/data-grid/stories/datagrid-compact-mode.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datagrid-compact-mode.story.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-compact-mode.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4C;AAC5C,uDAM+B;AAE/B,6CAA+C;AAQ/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,YAAY,GAAG,IAAA,gCAAkB,GAAkB,CAAC;IAE1D,MAAM,OAAO,GAAG;QACd,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC5B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM;YACpB,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE;YAC3B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK;YACnB,OAAO,EAAE,EAAE;SACZ,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE;YACrC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB;YAC9B,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;KACH,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,2BAAa,EAAC;QAC1B,gBAAgB,EAAE,UAAU;QAC5B,OAAO;QACP,IAAI,EAAE,4BAAe;QACrB,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,EAAE;SACZ;QACD,aAAa,EAAE,IAAI;QACnB,eAAe,EAAE,IAAA,6BAAe,GAAE;QAClC,qBAAqB,EAAE,IAAA,mCAAqB,GAAE;QAC9C,iBAAiB,EAAE,IAAA,+BAAiB,GAAE;QACtC,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,QAAQ,EAAE,CAAC;aACZ;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,gCAAK,SAAS,EAAC,0CAA0C,YACvD,uBAAC,gBAAQ,IACP,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,KAAK,EACpB,mBAAmB,EAAE,KAAK,EAC1B,OAAO,EAAE;gBACP,WAAW,EAAE,WAAW;gBACxB,eAAe,EAAE,IAAI;gBACrB,gBAAgB,EAAE,KAAK;gBACvB,SAAS,EAAE,IAAI;aAChB,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { DataGrid } from '@neo4j-ndl/react';\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\n\nimport { TABLE_DEMO_DATA } from './staticData';\n\ntype TestDataFormat = {\n  name: string;\n  age: number;\n  cypherCommand: string;\n};\n\nconst Component = () => {\n  const columnHelper = createColumnHelper<TestDataFormat>();\n\n  const columns = [\n    columnHelper.accessor('name', {\n      cell: (info) => info.getValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Name',\n      maxSize: 300,\n      minSize: 180,\n      size: 220,\n    }),\n    columnHelper.accessor('age', {\n      cell: (info) => info.renderValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Age',\n      minSize: 80,\n    }),\n    columnHelper.accessor('cypherCommand', {\n      cell: (info) => info.getValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Cypher Command',\n      minSize: 400,\n      size: 400,\n    }),\n  ];\n\n  const table = useReactTable({\n    columnResizeMode: 'onChange',\n    columns,\n    data: TABLE_DEMO_DATA,\n    debugColumns: true,\n    debugHeaders: true,\n    debugTable: true,\n    defaultColumn: {\n      maxSize: 800,\n      minSize: 80,\n    },\n    enableSorting: true,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    initialState: {\n      pagination: {\n        pageSize: 5,\n      },\n    },\n  });\n\n  return (\n    <div className=\"n-w-full n-bg-light-neutral-text-weakest\">\n      <DataGrid\n        isResizable={false}\n        tableInstance={table}\n        isKeyboardNavigable={false}\n        styling={{\n          borderStyle: 'all-sides',\n          hasHoverEffects: true,\n          hasZebraStriping: false,\n          isCompact: true,\n        }}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/data-grid/stories/index.js

@@ -23,7 +23,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridUsingEditableCellsSource = exports.DataGridSingleSelectableSource = exports.DataGridNoPaginationTableSource = exports.DataGridPinnedColumnsSource = exports.DataGridPercentageWidthColumnsSource = exports.DataGridKeyboardNavigationSource = exports.DataGridComponentOverridingSource = exports.DataGridColumnFilteringSource = exports.DataGridResizableColumnSource = exports.DataGridPlaceholderStatesSource = exports.DataGridSkeletonLoadingSource = exports.DataGridVirtualizationSource = exports.DataGridKitchenSinkSource = exports.DataGridInDialogSource = exports.DataGridSearchableSource = exports.DataGridSelectableSource = exports.DataGridSortableSource = exports.DataGridSimpleSource = exports.DataGridUsingEditableCells = exports.DataGridSingleSelectable = exports.DataGridNoPaginationTable = exports.DataGridPinnedRightSide = exports.DataGridPinnedLeftSide = exports.DataGridPinnedBothSides = exports.DataGridPercentageWidthColumns = exports.DataGridKeyboardNavigation = exports.DataGridComponentOverriding = exports.DataGridResizableColumn = exports.DataGridPlaceholderStates = exports.DataGridSkeletonLoading = exports.DataGridVirtualization = exports.DataGridKitchenSink = exports.DataGridInDialog = exports.DataGridColumnFiltering = exports.DataGridSearchable = exports.DataGridSelectable = exports.DataGridSortable = exports.DataGridSimple = void 0;
+exports.DataGridUsingEditableCellsSource = exports.DataGridSingleSelectableSource = exports.DataGridNoPaginationTableSource = exports.DataGridPinnedColumnsSource = exports.DataGridPercentageWidthColumnsSource = exports.DataGridKeyboardNavigationSource = exports.DataGridComponentOverridingSource = exports.DataGridColumnFilteringSource = exports.DataGridResizableColumnSource = exports.DataGridPlaceholderStatesSource = exports.DataGridSkeletonLoadingSource = exports.DataGridVirtualizationSource = exports.DataGridKitchenSinkSource = exports.DataGridInDialogSource = exports.DataGridSearchableSource = exports.DataGridSelectableSource = exports.DataGridSortableSource = exports.DataGridCompactModeSource = exports.DataGridSimpleSource = exports.DataGridUsingEditableCells = exports.DataGridSingleSelectable = exports.DataGridNoPaginationTable = exports.DataGridPinnedRightSide = exports.DataGridPinnedLeftSide = exports.DataGridPinnedBothSides = exports.DataGridPercentageWidthColumns = exports.DataGridKeyboardNavigation = exports.DataGridComponentOverriding = exports.DataGridResizableColumn = exports.DataGridPlaceholderStates = exports.DataGridSkeletonLoading = exports.DataGridVirtualization = exports.DataGridKitchenSink = exports.DataGridInDialog = exports.DataGridColumnFiltering = exports.DataGridSearchable = exports.DataGridSelectable = exports.DataGridSortable = exports.DataGridSimple = exports.DataGridCompactMode = void 0;
+var datagrid_compact_mode_story_1 = require("./datagrid-compact-mode.story");
+Object.defineProperty(exports, "DataGridCompactMode", { enumerable: true, get: function () { return __importDefault(datagrid_compact_mode_story_1).default; } });
 var datagrid_simple_story_1 = require("./datagrid-simple.story");
 Object.defineProperty(exports, "DataGridSimple", { enumerable: true, get: function () { return __importDefault(datagrid_simple_story_1).default; } });
 var datagrid_sortable_story_1 = require("./datagrid-sortable.story");
@@ -63,6 +65,7 @@ var datagrid_using_editable_cells_story_1 = require("./datagrid-using-editable-c
 Object.defineProperty(exports, "DataGridUsingEditableCells", { enumerable: true, get: function () { return __importDefault(datagrid_using_editable_cells_story_1).default; } });
 const export_stories_utils_1 = require("../../_common/export-stories-utils");
 const datagrid_column_filtering_story_raw_1 = __importDefault(require("./datagrid-column-filtering.story?raw"));
+const datagrid_compact_mode_story_raw_1 = __importDefault(require("./datagrid-compact-mode.story?raw"));
 const datagrid_component_overriding_story_raw_1 = __importDefault(require("./datagrid-component-overriding.story?raw"));
 const datagrid_in_dialog_story_raw_1 = __importDefault(require("./datagrid-in-dialog.story?raw"));
 const datagrid_keyboard_navigation_story_raw_1 = __importDefault(require("./datagrid-keyboard-navigation.story?raw"));
@@ -81,6 +84,7 @@ const datagrid_sortable_story_raw_1 = __importDefault(require("./datagrid-sortab
 const datagrid_using_editable_cells_story_raw_1 = __importDefault(require("./datagrid-using-editable-cells.story?raw"));
 const datagrid_virtualization_story_raw_1 = __importDefault(require("./datagrid-virtualization.story?raw"));
 exports.DataGridSimpleSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_simple_story_raw_1.default);
+exports.DataGridCompactModeSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_compact_mode_story_raw_1.default);
 exports.DataGridSortableSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_sortable_story_raw_1.default);
 exports.DataGridSelectableSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_selectable_story_raw_1.default);
 exports.DataGridSearchableSource = (0, export_stories_utils_1.removeLicenseHeader)(datagrid_search_and_filters_stories_raw_1.default);

package/lib/cjs/data-grid/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/index.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 */\n\nexport { default as DataGridSimple } from './datagrid-simple.story';\nexport { default as DataGridSortable } from './datagrid-sortable.story';\nexport { default as DataGridSelectable } from './datagrid-selectable.story';\nexport {\n  Searchable as DataGridSearchable,\n  ColumnFiltering as DataGridColumnFiltering,\n} from './datagrid-search-and-filters.stories';\nexport { default as DataGridInDialog } from './datagrid-in-dialog.story';\nexport { default as DataGridKitchenSink } from './datagrid-kitchen-sink.story';\nexport { default as DataGridVirtualization } from './datagrid-virtualization.story';\nexport { default as DataGridSkeletonLoading } from './datagrid-skeleton-loading.story';\nexport { default as DataGridPlaceholderStates } from './datagrid-placeholder-states.story';\nexport { default as DataGridResizableColumn } from './datagrid-resizable-column.story';\nexport { default as DataGridComponentOverriding } from './datagrid-component-overriding.story';\nexport { default as DataGridKeyboardNavigation } from './datagrid-keyboard-navigation.story';\nexport { default as DataGridPercentageWidthColumns } from './datagrid-percentage-width-columns.story';\nexport {\n  PinnedBothSides as DataGridPinnedBothSides,\n  PinnedLeftSide as DataGridPinnedLeftSide,\n  PinnedRightSide as DataGridPinnedRightSide,\n} from './datagrid-pinned-columns.stories';\nexport { default as DataGridNoPaginationTable } from './datagrid-no-pagination-table.story';\nexport { default as DataGridSingleSelectable } from './datagrid-single-selectable.story';\nexport { default as DataGridUsingEditableCells } from './datagrid-using-editable-cells.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport DataGridColumnFilteringSourceRaw from './datagrid-column-filtering.story?raw';\nimport DataGridComponentOverridingSourceRaw from './datagrid-component-overriding.story?raw';\nimport DataGridInDialogSourceRaw from './datagrid-in-dialog.story?raw';\nimport DataGridKeyboardNavigationSourceRaw from './datagrid-keyboard-navigation.story?raw';\nimport DataGridKitchenSinkSourceRaw from './datagrid-kitchen-sink.story?raw';\nimport DataGridNoPaginationTableRaw from './datagrid-no-pagination-table.story?raw';\nimport DataGridPercentageWidthColumnsSourceRaw from './datagrid-percentage-width-columns.story?raw';\nimport DataGridPinnedColumnsSourceRaw from './datagrid-pinned-columns.stories?raw';\nimport DataGridPlaceholderStatesSourceRaw from './datagrid-placeholder-states.story?raw';\nimport DataGridResizableColumnSourceRaw from './datagrid-resizable-column.story?raw';\nimport DataGridSearchableSourceRaw from './datagrid-search-and-filters.stories?raw';\nimport DataGridSelectableSourceRaw from './datagrid-selectable.story?raw';\nimport DataGridSimpleSourceRaw from './datagrid-simple.story?raw';\nimport DataGridSingleSelectableSourceRaw from './datagrid-single-selectable.story?raw';\nimport DataGridSkeletonLoadingSourceRaw from './datagrid-skeleton-loading.story?raw';\nimport DataGridSortableSourceRaw from './datagrid-sortable.story?raw';\nimport DataGridUsingEditableCellsSourceRaw from './datagrid-using-editable-cells.story?raw';\nimport DataGridVirtualizationSourceRaw from './datagrid-virtualization.story?raw';\n\nexport const DataGridSimpleSource = removeLicenseHeader(\n  DataGridSimpleSourceRaw,\n);\nexport const DataGridSortableSource = removeLicenseHeader(\n  DataGridSortableSourceRaw,\n);\nexport const DataGridSelectableSource = removeLicenseHeader(\n  DataGridSelectableSourceRaw,\n);\nexport const DataGridSearchableSource = removeLicenseHeader(\n  DataGridSearchableSourceRaw,\n);\nexport const DataGridInDialogSource = removeLicenseHeader(\n  DataGridInDialogSourceRaw,\n);\nexport const DataGridKitchenSinkSource = removeLicenseHeader(\n  DataGridKitchenSinkSourceRaw,\n);\nexport const DataGridVirtualizationSource = removeLicenseHeader(\n  DataGridVirtualizationSourceRaw,\n);\nexport const DataGridSkeletonLoadingSource = removeLicenseHeader(\n  DataGridSkeletonLoadingSourceRaw,\n);\nexport const DataGridPlaceholderStatesSource = removeLicenseHeader(\n  DataGridPlaceholderStatesSourceRaw,\n);\nexport const DataGridResizableColumnSource = removeLicenseHeader(\n  DataGridResizableColumnSourceRaw,\n);\nexport const DataGridColumnFilteringSource = removeLicenseHeader(\n  DataGridColumnFilteringSourceRaw,\n);\nexport const DataGridComponentOverridingSource = removeLicenseHeader(\n  DataGridComponentOverridingSourceRaw,\n);\nexport const DataGridKeyboardNavigationSource = removeLicenseHeader(\n  DataGridKeyboardNavigationSourceRaw,\n);\nexport const DataGridPercentageWidthColumnsSource = removeLicenseHeader(\n  DataGridPercentageWidthColumnsSourceRaw,\n);\nexport const DataGridPinnedColumnsSource = removeLicenseHeader(\n  DataGridPinnedColumnsSourceRaw,\n);\nexport const DataGridNoPaginationTableSource = removeLicenseHeader(\n  DataGridNoPaginationTableRaw,\n);\nexport const DataGridSingleSelectableSource = removeLicenseHeader(\n  DataGridSingleSelectableSourceRaw,\n);\nexport const DataGridUsingEditableCellsSource = removeLicenseHeader(\n  DataGridUsingEditableCellsSourceRaw,\n);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/index.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 */\n\nexport { default as DataGridCompactMode } from './datagrid-compact-mode.story';\nexport { default as DataGridSimple } from './datagrid-simple.story';\nexport { default as DataGridSortable } from './datagrid-sortable.story';\nexport { default as DataGridSelectable } from './datagrid-selectable.story';\nexport {\n  Searchable as DataGridSearchable,\n  ColumnFiltering as DataGridColumnFiltering,\n} from './datagrid-search-and-filters.stories';\nexport { default as DataGridInDialog } from './datagrid-in-dialog.story';\nexport { default as DataGridKitchenSink } from './datagrid-kitchen-sink.story';\nexport { default as DataGridVirtualization } from './datagrid-virtualization.story';\nexport { default as DataGridSkeletonLoading } from './datagrid-skeleton-loading.story';\nexport { default as DataGridPlaceholderStates } from './datagrid-placeholder-states.story';\nexport { default as DataGridResizableColumn } from './datagrid-resizable-column.story';\nexport { default as DataGridComponentOverriding } from './datagrid-component-overriding.story';\nexport { default as DataGridKeyboardNavigation } from './datagrid-keyboard-navigation.story';\nexport { default as DataGridPercentageWidthColumns } from './datagrid-percentage-width-columns.story';\nexport {\n  PinnedBothSides as DataGridPinnedBothSides,\n  PinnedLeftSide as DataGridPinnedLeftSide,\n  PinnedRightSide as DataGridPinnedRightSide,\n} from './datagrid-pinned-columns.stories';\nexport { default as DataGridNoPaginationTable } from './datagrid-no-pagination-table.story';\nexport { default as DataGridSingleSelectable } from './datagrid-single-selectable.story';\nexport { default as DataGridUsingEditableCells } from './datagrid-using-editable-cells.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport DataGridColumnFilteringSourceRaw from './datagrid-column-filtering.story?raw';\nimport DataGridCompactModeSourceRaw from './datagrid-compact-mode.story?raw';\nimport DataGridComponentOverridingSourceRaw from './datagrid-component-overriding.story?raw';\nimport DataGridInDialogSourceRaw from './datagrid-in-dialog.story?raw';\nimport DataGridKeyboardNavigationSourceRaw from './datagrid-keyboard-navigation.story?raw';\nimport DataGridKitchenSinkSourceRaw from './datagrid-kitchen-sink.story?raw';\nimport DataGridNoPaginationTableRaw from './datagrid-no-pagination-table.story?raw';\nimport DataGridPercentageWidthColumnsSourceRaw from './datagrid-percentage-width-columns.story?raw';\nimport DataGridPinnedColumnsSourceRaw from './datagrid-pinned-columns.stories?raw';\nimport DataGridPlaceholderStatesSourceRaw from './datagrid-placeholder-states.story?raw';\nimport DataGridResizableColumnSourceRaw from './datagrid-resizable-column.story?raw';\nimport DataGridSearchableSourceRaw from './datagrid-search-and-filters.stories?raw';\nimport DataGridSelectableSourceRaw from './datagrid-selectable.story?raw';\nimport DataGridSimpleSourceRaw from './datagrid-simple.story?raw';\nimport DataGridSingleSelectableSourceRaw from './datagrid-single-selectable.story?raw';\nimport DataGridSkeletonLoadingSourceRaw from './datagrid-skeleton-loading.story?raw';\nimport DataGridSortableSourceRaw from './datagrid-sortable.story?raw';\nimport DataGridUsingEditableCellsSourceRaw from './datagrid-using-editable-cells.story?raw';\nimport DataGridVirtualizationSourceRaw from './datagrid-virtualization.story?raw';\n\nexport const DataGridSimpleSource = removeLicenseHeader(\n  DataGridSimpleSourceRaw,\n);\nexport const DataGridCompactModeSource = removeLicenseHeader(\n  DataGridCompactModeSourceRaw,\n);\nexport const DataGridSortableSource = removeLicenseHeader(\n  DataGridSortableSourceRaw,\n);\nexport const DataGridSelectableSource = removeLicenseHeader(\n  DataGridSelectableSourceRaw,\n);\nexport const DataGridSearchableSource = removeLicenseHeader(\n  DataGridSearchableSourceRaw,\n);\nexport const DataGridInDialogSource = removeLicenseHeader(\n  DataGridInDialogSourceRaw,\n);\nexport const DataGridKitchenSinkSource = removeLicenseHeader(\n  DataGridKitchenSinkSourceRaw,\n);\nexport const DataGridVirtualizationSource = removeLicenseHeader(\n  DataGridVirtualizationSourceRaw,\n);\nexport const DataGridSkeletonLoadingSource = removeLicenseHeader(\n  DataGridSkeletonLoadingSourceRaw,\n);\nexport const DataGridPlaceholderStatesSource = removeLicenseHeader(\n  DataGridPlaceholderStatesSourceRaw,\n);\nexport const DataGridResizableColumnSource = removeLicenseHeader(\n  DataGridResizableColumnSourceRaw,\n);\nexport const DataGridColumnFilteringSource = removeLicenseHeader(\n  DataGridColumnFilteringSourceRaw,\n);\nexport const DataGridComponentOverridingSource = removeLicenseHeader(\n  DataGridComponentOverridingSourceRaw,\n);\nexport const DataGridKeyboardNavigationSource = removeLicenseHeader(\n  DataGridKeyboardNavigationSourceRaw,\n);\nexport const DataGridPercentageWidthColumnsSource = removeLicenseHeader(\n  DataGridPercentageWidthColumnsSourceRaw,\n);\nexport const DataGridPinnedColumnsSource = removeLicenseHeader(\n  DataGridPinnedColumnsSourceRaw,\n);\nexport const DataGridNoPaginationTableSource = removeLicenseHeader(\n  DataGridNoPaginationTableRaw,\n);\nexport const DataGridSingleSelectableSource = removeLicenseHeader(\n  DataGridSingleSelectableSourceRaw,\n);\nexport const DataGridUsingEditableCellsSource = removeLicenseHeader(\n  DataGridUsingEditableCellsSourceRaw,\n);\n"]}

package/lib/esm/data-grid/DataGrid.js

@@ -55,6 +55,7 @@ const DEFAULT_STYLING = {
     hasHoverEffects: true,
     hasZebraStriping: false,
     headerStyle: HeaderStyleEnum.Filled,
+    isCompact: false,
 };
 const DataGridComponent = function DataGrid(_a) {
     var { isResizable = true, isLoading = false, isKeyboardNavigable = true, isAutoResizingColumns = true, tableInstance, components, rootProps, styling = {}, tableNavRef, isSkeletonLoading = false, skeletonProps, ref, portalTarget = document.body, htmlAttributes, className, style } = _a, restProps = __rest(_a, ["isResizable", "isLoading", "isKeyboardNavigable", "isAutoResizingColumns", "tableInstance", "components", "rootProps", "styling", "tableNavRef", "isSkeletonLoading", "skeletonProps", "ref", "portalTarget", "htmlAttributes", "className", "style"]);
@@ -129,6 +130,7 @@ const DataGridComponent = function DataGrid(_a) {
                     Styling.borderStyle === BorderStyleEnum.AllSides,
                 'ndl-data-grid-border-vertical': Styling.borderStyle === BorderStyleEnum.Vertical ||
                     Styling.borderStyle === BorderStyleEnum.AllSides,
+                'ndl-data-grid-compact': Styling.isCompact,
                 'ndl-data-grid-focusable-cells': isKeyboardNavigable,
                 'ndl-data-grid-header-filled': Styling.headerStyle === HeaderStyleEnum.Filled,
                 'ndl-data-grid-hover-effects': Styling.hasHoverEffects,

package/lib/esm/data-grid/DataGrid.js.map

@@ -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';\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  }>;\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  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};\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  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          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-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-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"]}
+{"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';\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  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  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          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-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"]}

package/lib/esm/data-grid/stories/datagrid-compact-mode.story.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { DataGrid } from '@neo4j-ndl/react';
+import { createColumnHelper, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+import { TABLE_DEMO_DATA } from './staticData';
+const Component = () => {
+    const columnHelper = createColumnHelper();
+    const columns = [
+        columnHelper.accessor('name', {
+            cell: (info) => info.getValue(),
+            footer: (info) => info.column.id,
+            header: () => 'Name',
+            maxSize: 300,
+            minSize: 180,
+            size: 220,
+        }),
+        columnHelper.accessor('age', {
+            cell: (info) => info.renderValue(),
+            footer: (info) => info.column.id,
+            header: () => 'Age',
+            minSize: 80,
+        }),
+        columnHelper.accessor('cypherCommand', {
+            cell: (info) => info.getValue(),
+            footer: (info) => info.column.id,
+            header: () => 'Cypher Command',
+            minSize: 400,
+            size: 400,
+        }),
+    ];
+    const table = useReactTable({
+        columnResizeMode: 'onChange',
+        columns,
+        data: TABLE_DEMO_DATA,
+        debugColumns: true,
+        debugHeaders: true,
+        debugTable: true,
+        defaultColumn: {
+            maxSize: 800,
+            minSize: 80,
+        },
+        enableSorting: true,
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        initialState: {
+            pagination: {
+                pageSize: 5,
+            },
+        },
+    });
+    return (_jsx("div", { className: "n-w-full n-bg-light-neutral-text-weakest", children: _jsx(DataGrid, { isResizable: false, tableInstance: table, isKeyboardNavigable: false, styling: {
+                borderStyle: 'all-sides',
+                hasHoverEffects: true,
+                hasZebraStriping: false,
+                isCompact: true,
+            } }) }));
+};
+export default Component;
+//# sourceMappingURL=datagrid-compact-mode.story.js.map

package/lib/esm/data-grid/stories/datagrid-compact-mode.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datagrid-compact-mode.story.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-compact-mode.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAQ/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,YAAY,GAAG,kBAAkB,EAAkB,CAAC;IAE1D,MAAM,OAAO,GAAG;QACd,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC5B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM;YACpB,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE;YAC3B,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK;YACnB,OAAO,EAAE,EAAE;SACZ,CAAC;QACF,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE;YACrC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB;YAC9B,OAAO,EAAE,GAAG;YACZ,IAAI,EAAE,GAAG;SACV,CAAC;KACH,CAAC;IAEF,MAAM,KAAK,GAAG,aAAa,CAAC;QAC1B,gBAAgB,EAAE,UAAU;QAC5B,OAAO;QACP,IAAI,EAAE,eAAe;QACrB,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,IAAI;QAChB,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,EAAE;SACZ;QACD,aAAa,EAAE,IAAI;QACnB,eAAe,EAAE,eAAe,EAAE;QAClC,qBAAqB,EAAE,qBAAqB,EAAE;QAC9C,iBAAiB,EAAE,iBAAiB,EAAE;QACtC,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,QAAQ,EAAE,CAAC;aACZ;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAC,0CAA0C,YACvD,KAAC,QAAQ,IACP,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,KAAK,EACpB,mBAAmB,EAAE,KAAK,EAC1B,OAAO,EAAE;gBACP,WAAW,EAAE,WAAW;gBACxB,eAAe,EAAE,IAAI;gBACrB,gBAAgB,EAAE,KAAK;gBACvB,SAAS,EAAE,IAAI;aAChB,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { DataGrid } from '@neo4j-ndl/react';\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\n\nimport { TABLE_DEMO_DATA } from './staticData';\n\ntype TestDataFormat = {\n  name: string;\n  age: number;\n  cypherCommand: string;\n};\n\nconst Component = () => {\n  const columnHelper = createColumnHelper<TestDataFormat>();\n\n  const columns = [\n    columnHelper.accessor('name', {\n      cell: (info) => info.getValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Name',\n      maxSize: 300,\n      minSize: 180,\n      size: 220,\n    }),\n    columnHelper.accessor('age', {\n      cell: (info) => info.renderValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Age',\n      minSize: 80,\n    }),\n    columnHelper.accessor('cypherCommand', {\n      cell: (info) => info.getValue(),\n      footer: (info) => info.column.id,\n      header: () => 'Cypher Command',\n      minSize: 400,\n      size: 400,\n    }),\n  ];\n\n  const table = useReactTable({\n    columnResizeMode: 'onChange',\n    columns,\n    data: TABLE_DEMO_DATA,\n    debugColumns: true,\n    debugHeaders: true,\n    debugTable: true,\n    defaultColumn: {\n      maxSize: 800,\n      minSize: 80,\n    },\n    enableSorting: true,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    initialState: {\n      pagination: {\n        pageSize: 5,\n      },\n    },\n  });\n\n  return (\n    <div className=\"n-w-full n-bg-light-neutral-text-weakest\">\n      <DataGrid\n        isResizable={false}\n        tableInstance={table}\n        isKeyboardNavigable={false}\n        styling={{\n          borderStyle: 'all-sides',\n          hasHoverEffects: true,\n          hasZebraStriping: false,\n          isCompact: true,\n        }}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/data-grid/stories/index.js

@@ -18,6 +18,7 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
+export { default as DataGridCompactMode } from './datagrid-compact-mode.story';
 export { default as DataGridSimple } from './datagrid-simple.story';
 export { default as DataGridSortable } from './datagrid-sortable.story';
 export { default as DataGridSelectable } from './datagrid-selectable.story';
@@ -37,6 +38,7 @@ export { default as DataGridSingleSelectable } from './datagrid-single-selectabl
 export { default as DataGridUsingEditableCells } from './datagrid-using-editable-cells.story';
 import { removeLicenseHeader } from '../../_common/export-stories-utils';
 import DataGridColumnFilteringSourceRaw from './datagrid-column-filtering.story?raw';
+import DataGridCompactModeSourceRaw from './datagrid-compact-mode.story?raw';
 import DataGridComponentOverridingSourceRaw from './datagrid-component-overriding.story?raw';
 import DataGridInDialogSourceRaw from './datagrid-in-dialog.story?raw';
 import DataGridKeyboardNavigationSourceRaw from './datagrid-keyboard-navigation.story?raw';
@@ -55,6 +57,7 @@ import DataGridSortableSourceRaw from './datagrid-sortable.story?raw';
 import DataGridUsingEditableCellsSourceRaw from './datagrid-using-editable-cells.story?raw';
 import DataGridVirtualizationSourceRaw from './datagrid-virtualization.story?raw';
 export const DataGridSimpleSource = removeLicenseHeader(DataGridSimpleSourceRaw);
+export const DataGridCompactModeSource = removeLicenseHeader(DataGridCompactModeSourceRaw);
 export const DataGridSortableSource = removeLicenseHeader(DataGridSortableSourceRaw);
 export const DataGridSelectableSource = removeLicenseHeader(DataGridSelectableSourceRaw);
 export const DataGridSearchableSource = removeLicenseHeader(DataGridSearchableSourceRaw);

package/lib/esm/data-grid/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/index.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 */\n\nexport { default as DataGridSimple } from './datagrid-simple.story';\nexport { default as DataGridSortable } from './datagrid-sortable.story';\nexport { default as DataGridSelectable } from './datagrid-selectable.story';\nexport {\n  Searchable as DataGridSearchable,\n  ColumnFiltering as DataGridColumnFiltering,\n} from './datagrid-search-and-filters.stories';\nexport { default as DataGridInDialog } from './datagrid-in-dialog.story';\nexport { default as DataGridKitchenSink } from './datagrid-kitchen-sink.story';\nexport { default as DataGridVirtualization } from './datagrid-virtualization.story';\nexport { default as DataGridSkeletonLoading } from './datagrid-skeleton-loading.story';\nexport { default as DataGridPlaceholderStates } from './datagrid-placeholder-states.story';\nexport { default as DataGridResizableColumn } from './datagrid-resizable-column.story';\nexport { default as DataGridComponentOverriding } from './datagrid-component-overriding.story';\nexport { default as DataGridKeyboardNavigation } from './datagrid-keyboard-navigation.story';\nexport { default as DataGridPercentageWidthColumns } from './datagrid-percentage-width-columns.story';\nexport {\n  PinnedBothSides as DataGridPinnedBothSides,\n  PinnedLeftSide as DataGridPinnedLeftSide,\n  PinnedRightSide as DataGridPinnedRightSide,\n} from './datagrid-pinned-columns.stories';\nexport { default as DataGridNoPaginationTable } from './datagrid-no-pagination-table.story';\nexport { default as DataGridSingleSelectable } from './datagrid-single-selectable.story';\nexport { default as DataGridUsingEditableCells } from './datagrid-using-editable-cells.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport DataGridColumnFilteringSourceRaw from './datagrid-column-filtering.story?raw';\nimport DataGridComponentOverridingSourceRaw from './datagrid-component-overriding.story?raw';\nimport DataGridInDialogSourceRaw from './datagrid-in-dialog.story?raw';\nimport DataGridKeyboardNavigationSourceRaw from './datagrid-keyboard-navigation.story?raw';\nimport DataGridKitchenSinkSourceRaw from './datagrid-kitchen-sink.story?raw';\nimport DataGridNoPaginationTableRaw from './datagrid-no-pagination-table.story?raw';\nimport DataGridPercentageWidthColumnsSourceRaw from './datagrid-percentage-width-columns.story?raw';\nimport DataGridPinnedColumnsSourceRaw from './datagrid-pinned-columns.stories?raw';\nimport DataGridPlaceholderStatesSourceRaw from './datagrid-placeholder-states.story?raw';\nimport DataGridResizableColumnSourceRaw from './datagrid-resizable-column.story?raw';\nimport DataGridSearchableSourceRaw from './datagrid-search-and-filters.stories?raw';\nimport DataGridSelectableSourceRaw from './datagrid-selectable.story?raw';\nimport DataGridSimpleSourceRaw from './datagrid-simple.story?raw';\nimport DataGridSingleSelectableSourceRaw from './datagrid-single-selectable.story?raw';\nimport DataGridSkeletonLoadingSourceRaw from './datagrid-skeleton-loading.story?raw';\nimport DataGridSortableSourceRaw from './datagrid-sortable.story?raw';\nimport DataGridUsingEditableCellsSourceRaw from './datagrid-using-editable-cells.story?raw';\nimport DataGridVirtualizationSourceRaw from './datagrid-virtualization.story?raw';\n\nexport const DataGridSimpleSource = removeLicenseHeader(\n  DataGridSimpleSourceRaw,\n);\nexport const DataGridSortableSource = removeLicenseHeader(\n  DataGridSortableSourceRaw,\n);\nexport const DataGridSelectableSource = removeLicenseHeader(\n  DataGridSelectableSourceRaw,\n);\nexport const DataGridSearchableSource = removeLicenseHeader(\n  DataGridSearchableSourceRaw,\n);\nexport const DataGridInDialogSource = removeLicenseHeader(\n  DataGridInDialogSourceRaw,\n);\nexport const DataGridKitchenSinkSource = removeLicenseHeader(\n  DataGridKitchenSinkSourceRaw,\n);\nexport const DataGridVirtualizationSource = removeLicenseHeader(\n  DataGridVirtualizationSourceRaw,\n);\nexport const DataGridSkeletonLoadingSource = removeLicenseHeader(\n  DataGridSkeletonLoadingSourceRaw,\n);\nexport const DataGridPlaceholderStatesSource = removeLicenseHeader(\n  DataGridPlaceholderStatesSourceRaw,\n);\nexport const DataGridResizableColumnSource = removeLicenseHeader(\n  DataGridResizableColumnSourceRaw,\n);\nexport const DataGridColumnFilteringSource = removeLicenseHeader(\n  DataGridColumnFilteringSourceRaw,\n);\nexport const DataGridComponentOverridingSource = removeLicenseHeader(\n  DataGridComponentOverridingSourceRaw,\n);\nexport const DataGridKeyboardNavigationSource = removeLicenseHeader(\n  DataGridKeyboardNavigationSourceRaw,\n);\nexport const DataGridPercentageWidthColumnsSource = removeLicenseHeader(\n  DataGridPercentageWidthColumnsSourceRaw,\n);\nexport const DataGridPinnedColumnsSource = removeLicenseHeader(\n  DataGridPinnedColumnsSourceRaw,\n);\nexport const DataGridNoPaginationTableSource = removeLicenseHeader(\n  DataGridNoPaginationTableRaw,\n);\nexport const DataGridSingleSelectableSource = removeLicenseHeader(\n  DataGridSingleSelectableSourceRaw,\n);\nexport const DataGridUsingEditableCellsSource = removeLicenseHeader(\n  DataGridUsingEditableCellsSourceRaw,\n);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-grid/stories/index.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 */\n\nexport { default as DataGridCompactMode } from './datagrid-compact-mode.story';\nexport { default as DataGridSimple } from './datagrid-simple.story';\nexport { default as DataGridSortable } from './datagrid-sortable.story';\nexport { default as DataGridSelectable } from './datagrid-selectable.story';\nexport {\n  Searchable as DataGridSearchable,\n  ColumnFiltering as DataGridColumnFiltering,\n} from './datagrid-search-and-filters.stories';\nexport { default as DataGridInDialog } from './datagrid-in-dialog.story';\nexport { default as DataGridKitchenSink } from './datagrid-kitchen-sink.story';\nexport { default as DataGridVirtualization } from './datagrid-virtualization.story';\nexport { default as DataGridSkeletonLoading } from './datagrid-skeleton-loading.story';\nexport { default as DataGridPlaceholderStates } from './datagrid-placeholder-states.story';\nexport { default as DataGridResizableColumn } from './datagrid-resizable-column.story';\nexport { default as DataGridComponentOverriding } from './datagrid-component-overriding.story';\nexport { default as DataGridKeyboardNavigation } from './datagrid-keyboard-navigation.story';\nexport { default as DataGridPercentageWidthColumns } from './datagrid-percentage-width-columns.story';\nexport {\n  PinnedBothSides as DataGridPinnedBothSides,\n  PinnedLeftSide as DataGridPinnedLeftSide,\n  PinnedRightSide as DataGridPinnedRightSide,\n} from './datagrid-pinned-columns.stories';\nexport { default as DataGridNoPaginationTable } from './datagrid-no-pagination-table.story';\nexport { default as DataGridSingleSelectable } from './datagrid-single-selectable.story';\nexport { default as DataGridUsingEditableCells } from './datagrid-using-editable-cells.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport DataGridColumnFilteringSourceRaw from './datagrid-column-filtering.story?raw';\nimport DataGridCompactModeSourceRaw from './datagrid-compact-mode.story?raw';\nimport DataGridComponentOverridingSourceRaw from './datagrid-component-overriding.story?raw';\nimport DataGridInDialogSourceRaw from './datagrid-in-dialog.story?raw';\nimport DataGridKeyboardNavigationSourceRaw from './datagrid-keyboard-navigation.story?raw';\nimport DataGridKitchenSinkSourceRaw from './datagrid-kitchen-sink.story?raw';\nimport DataGridNoPaginationTableRaw from './datagrid-no-pagination-table.story?raw';\nimport DataGridPercentageWidthColumnsSourceRaw from './datagrid-percentage-width-columns.story?raw';\nimport DataGridPinnedColumnsSourceRaw from './datagrid-pinned-columns.stories?raw';\nimport DataGridPlaceholderStatesSourceRaw from './datagrid-placeholder-states.story?raw';\nimport DataGridResizableColumnSourceRaw from './datagrid-resizable-column.story?raw';\nimport DataGridSearchableSourceRaw from './datagrid-search-and-filters.stories?raw';\nimport DataGridSelectableSourceRaw from './datagrid-selectable.story?raw';\nimport DataGridSimpleSourceRaw from './datagrid-simple.story?raw';\nimport DataGridSingleSelectableSourceRaw from './datagrid-single-selectable.story?raw';\nimport DataGridSkeletonLoadingSourceRaw from './datagrid-skeleton-loading.story?raw';\nimport DataGridSortableSourceRaw from './datagrid-sortable.story?raw';\nimport DataGridUsingEditableCellsSourceRaw from './datagrid-using-editable-cells.story?raw';\nimport DataGridVirtualizationSourceRaw from './datagrid-virtualization.story?raw';\n\nexport const DataGridSimpleSource = removeLicenseHeader(\n  DataGridSimpleSourceRaw,\n);\nexport const DataGridCompactModeSource = removeLicenseHeader(\n  DataGridCompactModeSourceRaw,\n);\nexport const DataGridSortableSource = removeLicenseHeader(\n  DataGridSortableSourceRaw,\n);\nexport const DataGridSelectableSource = removeLicenseHeader(\n  DataGridSelectableSourceRaw,\n);\nexport const DataGridSearchableSource = removeLicenseHeader(\n  DataGridSearchableSourceRaw,\n);\nexport const DataGridInDialogSource = removeLicenseHeader(\n  DataGridInDialogSourceRaw,\n);\nexport const DataGridKitchenSinkSource = removeLicenseHeader(\n  DataGridKitchenSinkSourceRaw,\n);\nexport const DataGridVirtualizationSource = removeLicenseHeader(\n  DataGridVirtualizationSourceRaw,\n);\nexport const DataGridSkeletonLoadingSource = removeLicenseHeader(\n  DataGridSkeletonLoadingSourceRaw,\n);\nexport const DataGridPlaceholderStatesSource = removeLicenseHeader(\n  DataGridPlaceholderStatesSourceRaw,\n);\nexport const DataGridResizableColumnSource = removeLicenseHeader(\n  DataGridResizableColumnSourceRaw,\n);\nexport const DataGridColumnFilteringSource = removeLicenseHeader(\n  DataGridColumnFilteringSourceRaw,\n);\nexport const DataGridComponentOverridingSource = removeLicenseHeader(\n  DataGridComponentOverridingSourceRaw,\n);\nexport const DataGridKeyboardNavigationSource = removeLicenseHeader(\n  DataGridKeyboardNavigationSourceRaw,\n);\nexport const DataGridPercentageWidthColumnsSource = removeLicenseHeader(\n  DataGridPercentageWidthColumnsSourceRaw,\n);\nexport const DataGridPinnedColumnsSource = removeLicenseHeader(\n  DataGridPinnedColumnsSourceRaw,\n);\nexport const DataGridNoPaginationTableSource = removeLicenseHeader(\n  DataGridNoPaginationTableRaw,\n);\nexport const DataGridSingleSelectableSource = removeLicenseHeader(\n  DataGridSingleSelectableSourceRaw,\n);\nexport const DataGridUsingEditableCellsSource = removeLicenseHeader(\n  DataGridUsingEditableCellsSourceRaw,\n);\n"]}

package/lib/types/data-grid/DataGrid.d.ts

@@ -44,6 +44,8 @@ export type DataGridProps<T extends RowData> = {
         headerStyle: HeaderStyle;
         /** If background hover effects should be enabled on rows and header cells */
         hasHoverEffects: boolean;
+        /** If table should have less padding */
+        isCompact: boolean;
     }>;
     /** Resizing the width of columns */
     isResizable?: boolean;

package/lib/types/data-grid/DataGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/data-grid/DataGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,KAAK,IAAI,YAAY,EAC3B,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AA2B5C,OAAO,EACL,KAAK,2BAA2B,EAGjC,MAAM,qBAAqB,CAAC;AAI7B,aAAK,eAAe;IAClB,QAAQ,cAAc;IACtB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,eAAe,EAAE,CAAC;AAE/C,aAAK,eAAe;IAClB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,eAAe,EAAE,CAAC;AAE/C,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,OAAO,IAAI;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;QAChB,6CAA6C;QAC7C,gBAAgB,EAAE,OAAO,CAAC;QAC1B,uCAAuC;QACvC,WAAW,EAAE,WAAW,CAAC;QACzB,yDAAyD;QACzD,WAAW,EAAE,WAAW,CAAC;QACzB,6EAA6E;QAC7E,eAAe,EAAE,OAAO,CAAC;KAC1B,CAAC,CAAC;IACH,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IAEH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,4CAA4C;IAC5C,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B,oCAAoC;IACpC,UAAU,CAAC,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC;IAC5C,sFAAsF;IACtF,SAAS,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAuNF,QAAA,MAAM,QAAQ,IA9M8B,CAAC,SAAS,OAAO,qPAkB1D,WAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4L8B,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/data-grid/DataGrid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,KAAK,IAAI,YAAY,EAC3B,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AA2B5C,OAAO,EACL,KAAK,2BAA2B,EAGjC,MAAM,qBAAqB,CAAC;AAI7B,aAAK,eAAe;IAClB,QAAQ,cAAc;IACtB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,eAAe,EAAE,CAAC;AAE/C,aAAK,eAAe;IAClB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,eAAe,EAAE,CAAC;AAE/C,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,OAAO,IAAI;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;QAChB,6CAA6C;QAC7C,gBAAgB,EAAE,OAAO,CAAC;QAC1B,uCAAuC;QACvC,WAAW,EAAE,WAAW,CAAC;QACzB,yDAAyD;QACzD,WAAW,EAAE,WAAW,CAAC;QACzB,6EAA6E;QAC7E,eAAe,EAAE,OAAO,CAAC;QACzB,wCAAwC;QACxC,SAAS,EAAE,OAAO,CAAC;KACpB,CAAC,CAAC;IACH,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IAEH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,4CAA4C;IAC5C,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B,oCAAoC;IACpC,UAAU,CAAC,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC;IAC5C,sFAAsF;IACtF,SAAS,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAyNF,QAAA,MAAM,QAAQ,IA/M8B,CAAC,SAAS,OAAO,qPAkB1D,WAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6L8B,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/types/data-grid/stories/datagrid-compact-mode.story.d.ts

@@ -0,0 +1,24 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;
+//# sourceMappingURL=datagrid-compact-mode.story.d.ts.map

package/lib/types/data-grid/stories/datagrid-compact-mode.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datagrid-compact-mode.story.d.ts","sourceRoot":"","sources":["../../../../src/data-grid/stories/datagrid-compact-mode.story.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAmBjD,QAAA,MAAM,SAAS,+CAgEd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/types/data-grid/stories/index.d.ts

@@ -18,6 +18,7 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
+export { default as DataGridCompactMode } from './datagrid-compact-mode.story';
 export { default as DataGridSimple } from './datagrid-simple.story';
 export { default as DataGridSortable } from './datagrid-sortable.story';
 export { default as DataGridSelectable } from './datagrid-selectable.story';
@@ -36,6 +37,7 @@ export { default as DataGridNoPaginationTable } from './datagrid-no-pagination-t
 export { default as DataGridSingleSelectable } from './datagrid-single-selectable.story';
 export { default as DataGridUsingEditableCells } from './datagrid-using-editable-cells.story';
 export declare const DataGridSimpleSource: string;
+export declare const DataGridCompactModeSource: string;
 export declare const DataGridSortableSource: string;
 export declare const DataGridSelectableSource: string;
 export declare const DataGridSearchableSource: string;

package/lib/types/data-grid/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/data-grid/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EACL,UAAU,IAAI,kBAAkB,EAChC,eAAe,IAAI,uBAAuB,GAC3C,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,2CAA2C,CAAC;AACtG,OAAO,EACL,eAAe,IAAI,uBAAuB,EAC1C,cAAc,IAAI,sBAAsB,EACxC,eAAe,IAAI,uBAAuB,GAC3C,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AAsB9F,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AACF,eAAO,MAAM,sBAAsB,QAElC,CAAC;AACF,eAAO,MAAM,wBAAwB,QAEpC,CAAC;AACF,eAAO,MAAM,wBAAwB,QAEpC,CAAC;AACF,eAAO,MAAM,sBAAsB,QAElC,CAAC;AACF,eAAO,MAAM,yBAAyB,QAErC,CAAC;AACF,eAAO,MAAM,4BAA4B,QAExC,CAAC;AACF,eAAO,MAAM,6BAA6B,QAEzC,CAAC;AACF,eAAO,MAAM,+BAA+B,QAE3C,CAAC;AACF,eAAO,MAAM,6BAA6B,QAEzC,CAAC;AACF,eAAO,MAAM,6BAA6B,QAEzC,CAAC;AACF,eAAO,MAAM,iCAAiC,QAE7C,CAAC;AACF,eAAO,MAAM,gCAAgC,QAE5C,CAAC;AACF,eAAO,MAAM,oCAAoC,QAEhD,CAAC;AACF,eAAO,MAAM,2BAA2B,QAEvC,CAAC;AACF,eAAO,MAAM,+BAA+B,QAE3C,CAAC;AACF,eAAO,MAAM,8BAA8B,QAE1C,CAAC;AACF,eAAO,MAAM,gCAAgC,QAE5C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/data-grid/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EACL,UAAU,IAAI,kBAAkB,EAChC,eAAe,IAAI,uBAAuB,GAC3C,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,2CAA2C,CAAC;AACtG,OAAO,EACL,eAAe,IAAI,uBAAuB,EAC1C,cAAc,IAAI,sBAAsB,EACxC,eAAe,IAAI,uBAAuB,GAC3C,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AAuB9F,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AACF,eAAO,MAAM,yBAAyB,QAErC,CAAC;AACF,eAAO,MAAM,sBAAsB,QAElC,CAAC;AACF,eAAO,MAAM,wBAAwB,QAEpC,CAAC;AACF,eAAO,MAAM,wBAAwB,QAEpC,CAAC;AACF,eAAO,MAAM,sBAAsB,QAElC,CAAC;AACF,eAAO,MAAM,yBAAyB,QAErC,CAAC;AACF,eAAO,MAAM,4BAA4B,QAExC,CAAC;AACF,eAAO,MAAM,6BAA6B,QAEzC,CAAC;AACF,eAAO,MAAM,+BAA+B,QAE3C,CAAC;AACF,eAAO,MAAM,6BAA6B,QAEzC,CAAC;AACF,eAAO,MAAM,6BAA6B,QAEzC,CAAC;AACF,eAAO,MAAM,iCAAiC,QAE7C,CAAC;AACF,eAAO,MAAM,gCAAgC,QAE5C,CAAC;AACF,eAAO,MAAM,oCAAoC,QAEhD,CAAC;AACF,eAAO,MAAM,2BAA2B,QAEvC,CAAC;AACF,eAAO,MAAM,+BAA+B,QAE3C,CAAC;AACF,eAAO,MAAM,8BAA8B,QAE1C,CAAC;AACF,eAAO,MAAM,gCAAgC,QAE5C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "4.9.2",
+  "version": "4.9.3",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -85,7 +85,7 @@
     "@tanstack/react-table": "8.21.3",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "@neo4j-ndl/base": "^4.9.0"
+    "@neo4j-ndl/base": "^4.9.1"
   },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",