@alaarab/ogrid-react-fluent 2.1.8 → 2.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/esm/index.css +297 -222
  2. package/dist/esm/index.js +112 -112
  3. package/package.json +2 -2
package/dist/esm/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ import './index.css';
1
2
  import { useColumnHeaderFilterState, getColumnHeaderFilterStateParams, DateFilterContent, renderFilterContent, areGridRowPropsEqual, usePaginationControls, createOGrid, useListVirtualizer, STOP_PROPAGATION, useDataGridTableOrchestration, useColumnMeta, getCellRenderDescriptor, buildInlineEditorProps, buildPopoverEditorProps, POPOVER_ANCHOR_STYLE, resolveCellDisplayContent, resolveCellStyle, getCellInteractionProps, CURSOR_CELL_STYLE, CellErrorBoundary, GRID_ROOT_STYLE, PREVENT_DEFAULT, getHeaderFilterConfig, MarchingAntsOverlay, NOOP, useColumnChooserState, BaseInlineCellEditor, BaseDropIndicator, BaseEmptyState, GridContextMenu as GridContextMenu$1, BaseColumnHeaderMenu, StatusBar as StatusBar$1, BaseLoadingOverlay } from '@alaarab/ogrid-react';
2
3
  export { BaseColumnHeaderMenu, BaseDropIndicator, BaseEmptyState, BaseInlineCellEditor, BaseLoadingOverlay, CELL_PADDING, CHECKBOX_COLUMN_WIDTH, COLUMN_HEADER_MENU_ITEMS, CURSOR_CELL_STYLE, CellErrorBoundary, DEFAULT_MIN_COLUMN_WIDTH, DateFilterContent, EmptyState, GRID_BORDER_RADIUS, GRID_CONTEXT_MENU_ITEMS, GRID_ROOT_STYLE, GridContextMenu, MAX_PAGE_BUTTONS, MarchingAntsOverlay, NOOP, OGridLayout, PAGE_SIZE_OPTIONS, POPOVER_ANCHOR_STYLE, PREVENT_DEFAULT, ROW_NUMBER_COLUMN_WIDTH, STOP_PROPAGATION, SideBar, StatusBar, UndoRedoStack, areGridRowPropsEqual, booleanParser, buildCsvHeader, buildCsvRows, buildHeaderRows, buildInlineEditorProps, buildPopoverEditorProps, clampSelectionToBounds, computeAggregations, computeAutoScrollSpeed, computeTabNavigation, createOGrid, currencyParser, dateParser, deriveFilterOptionsFromData, editorInputStyle, editorWrapperStyle, emailParser, escapeCsvValue, exportToCsv, findCtrlArrowTarget, flattenColumns, formatCellValueForTsv, formatSelectionAsTsv, formatShortcut, getCellInteractionProps, getCellRenderDescriptor, getCellValue, getColumnHeaderFilterStateParams, getColumnHeaderMenuItems, getContextMenuHandlers, getDataGridStatusBarConfig, getDateFilterContentProps, getFilterField, getHeaderFilterConfig, getMultiSelectFilterFields, getPaginationViewModel, getStatusBarParts, isInSelectionRange, isRowInRange, mergeFilter, normalizeSelectionRange, numberParser, parseTsvClipboard, parseValue, processClientSideData, rangesEqual, renderFilterContent, resolveCellDisplayContent, resolveCellStyle, richSelectDropdownStyle, richSelectNoMatchesStyle, richSelectOptionHighlightedStyle, richSelectOptionStyle, richSelectWrapperStyle, selectChevronStyle, selectDisplayStyle, selectEditorStyle, toUserLike, triggerCsvDownload, useActiveCell, useCellEditing, useCellSelection, useClipboard, useColumnChooserState, useColumnHeaderFilterState, useColumnMeta, useColumnReorder, useColumnResize, useContextMenu, useDataGridState, useDataGridTableOrchestration, useDateFilterState, useDebounce, useFillHandle, useFilterOptions, useInlineCellEditorState, useKeyboardNavigation, useLatestRef, useListVirtualizer, useMultiSelectFilterState, useOGrid, usePaginationControls, usePeopleFilterState, useRichSelectState, useRowSelection, useSelectState, useSideBarState, useTableLayout, useTextFilterState, useUndoRedo, useVirtualScroll } from '@alaarab/ogrid-react';
3
4
  import * as React from 'react';
@@ -7,48 +8,46 @@ import { Popover, PopoverSurface, Button, Select, TableRow, TableCell, Checkbox,
7
8
  import { FilterRegular, ChevronDoubleLeftRegular, ChevronLeftRegular, ChevronRightRegular, ChevronDoubleRightRegular, SearchRegular, ChevronUpRegular, ChevronDownRegular, TableSettingsRegular } from '@fluentui/react-icons';
8
9
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
9
10
 
10
- // src/OGrid/OGrid.tsx
11
-
12
11
  // src/ColumnHeaderFilter/ColumnHeaderFilter.module.scss
13
12
  var ColumnHeaderFilter_module_default = {
14
- columnHeader: "ColumnHeaderFilter_module_columnHeader",
15
- headerContent: "ColumnHeaderFilter_module_headerContent",
16
- columnName: "ColumnHeaderFilter_module_columnName",
17
- headerActions: "ColumnHeaderFilter_module_headerActions",
18
- filterIcon: "ColumnHeaderFilter_module_filterIcon",
19
- filterActive: "ColumnHeaderFilter_module_filterActive",
20
- filterOpen: "ColumnHeaderFilter_module_filterOpen",
21
- filterBadge: "ColumnHeaderFilter_module_filterBadge",
22
- filterPopover: "ColumnHeaderFilter_module_filterPopover",
23
- popoverHeader: "ColumnHeaderFilter_module_popoverHeader",
24
- popoverSearch: "ColumnHeaderFilter_module_popoverSearch",
25
- nativeInputWrapper: "ColumnHeaderFilter_module_nativeInputWrapper",
26
- nativeInputIcon: "ColumnHeaderFilter_module_nativeInputIcon",
27
- nativeInput: "ColumnHeaderFilter_module_nativeInput",
28
- resultCount: "ColumnHeaderFilter_module_resultCount",
29
- selectAllRow: "ColumnHeaderFilter_module_selectAllRow",
30
- selectAllButton: "ColumnHeaderFilter_module_selectAllButton",
31
- popoverOptions: "ColumnHeaderFilter_module_popoverOptions",
32
- popoverOption: "ColumnHeaderFilter_module_popoverOption",
33
- nativeCheckbox: "ColumnHeaderFilter_module_nativeCheckbox",
34
- checkboxLabel: "ColumnHeaderFilter_module_checkboxLabel",
35
- personOption: "ColumnHeaderFilter_module_personOption",
36
- loadingContainer: "ColumnHeaderFilter_module_loadingContainer",
37
- filterSpinner: "ColumnHeaderFilter_module_filterSpinner",
38
- noResults: "ColumnHeaderFilter_module_noResults",
39
- selectedUserSection: "ColumnHeaderFilter_module_selectedUserSection",
40
- selectedUserLabel: "ColumnHeaderFilter_module_selectedUserLabel",
41
- selectedUser: "ColumnHeaderFilter_module_selectedUser",
42
- userInfo: "ColumnHeaderFilter_module_userInfo",
43
- avatar: "ColumnHeaderFilter_module_avatar",
44
- avatarImg: "ColumnHeaderFilter_module_avatarImg",
45
- avatarInitials: "ColumnHeaderFilter_module_avatarInitials",
46
- userText: "ColumnHeaderFilter_module_userText",
47
- userSecondary: "ColumnHeaderFilter_module_userSecondary",
48
- removeUserButton: "ColumnHeaderFilter_module_removeUserButton",
49
- popoverActions: "ColumnHeaderFilter_module_popoverActions",
50
- clearButton: "ColumnHeaderFilter_module_clearButton",
51
- applyButton: "ColumnHeaderFilter_module_applyButton"
13
+ "columnHeader": "ogrid-fluent__ColumnHeaderFilter-module__columnHeader",
14
+ "headerContent": "ogrid-fluent__ColumnHeaderFilter-module__headerContent",
15
+ "columnName": "ogrid-fluent__ColumnHeaderFilter-module__columnName",
16
+ "headerActions": "ogrid-fluent__ColumnHeaderFilter-module__headerActions",
17
+ "filterIcon": "ogrid-fluent__ColumnHeaderFilter-module__filterIcon",
18
+ "filterActive": "ogrid-fluent__ColumnHeaderFilter-module__filterActive",
19
+ "filterOpen": "ogrid-fluent__ColumnHeaderFilter-module__filterOpen",
20
+ "filterBadge": "ogrid-fluent__ColumnHeaderFilter-module__filterBadge",
21
+ "filterPopover": "ogrid-fluent__ColumnHeaderFilter-module__filterPopover",
22
+ "popoverHeader": "ogrid-fluent__ColumnHeaderFilter-module__popoverHeader",
23
+ "popoverSearch": "ogrid-fluent__ColumnHeaderFilter-module__popoverSearch",
24
+ "nativeInputWrapper": "ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper",
25
+ "nativeInputIcon": "ogrid-fluent__ColumnHeaderFilter-module__nativeInputIcon",
26
+ "nativeInput": "ogrid-fluent__ColumnHeaderFilter-module__nativeInput",
27
+ "resultCount": "ogrid-fluent__ColumnHeaderFilter-module__resultCount",
28
+ "selectAllRow": "ogrid-fluent__ColumnHeaderFilter-module__selectAllRow",
29
+ "selectAllButton": "ogrid-fluent__ColumnHeaderFilter-module__selectAllButton",
30
+ "popoverOptions": "ogrid-fluent__ColumnHeaderFilter-module__popoverOptions",
31
+ "popoverOption": "ogrid-fluent__ColumnHeaderFilter-module__popoverOption",
32
+ "nativeCheckbox": "ogrid-fluent__ColumnHeaderFilter-module__nativeCheckbox",
33
+ "checkboxLabel": "ogrid-fluent__ColumnHeaderFilter-module__checkboxLabel",
34
+ "personOption": "ogrid-fluent__ColumnHeaderFilter-module__personOption",
35
+ "loadingContainer": "ogrid-fluent__ColumnHeaderFilter-module__loadingContainer",
36
+ "filterSpinner": "ogrid-fluent__ColumnHeaderFilter-module__filterSpinner",
37
+ "noResults": "ogrid-fluent__ColumnHeaderFilter-module__noResults",
38
+ "selectedUserSection": "ogrid-fluent__ColumnHeaderFilter-module__selectedUserSection",
39
+ "selectedUserLabel": "ogrid-fluent__ColumnHeaderFilter-module__selectedUserLabel",
40
+ "selectedUser": "ogrid-fluent__ColumnHeaderFilter-module__selectedUser",
41
+ "userInfo": "ogrid-fluent__ColumnHeaderFilter-module__userInfo",
42
+ "avatar": "ogrid-fluent__ColumnHeaderFilter-module__avatar",
43
+ "avatarImg": "ogrid-fluent__ColumnHeaderFilter-module__avatarImg",
44
+ "avatarInitials": "ogrid-fluent__ColumnHeaderFilter-module__avatarInitials",
45
+ "userText": "ogrid-fluent__ColumnHeaderFilter-module__userText",
46
+ "userSecondary": "ogrid-fluent__ColumnHeaderFilter-module__userSecondary",
47
+ "removeUserButton": "ogrid-fluent__ColumnHeaderFilter-module__removeUserButton",
48
+ "popoverActions": "ogrid-fluent__ColumnHeaderFilter-module__popoverActions",
49
+ "clearButton": "ogrid-fluent__ColumnHeaderFilter-module__clearButton",
50
+ "applyButton": "ogrid-fluent__ColumnHeaderFilter-module__applyButton"
52
51
  };
53
52
  var TextFilterPopover = ({
54
53
  value,
@@ -406,9 +405,9 @@ ColumnHeaderFilter.displayName = "ColumnHeaderFilter";
406
405
 
407
406
  // src/ColumnHeaderMenu/ColumnHeaderMenu.module.scss
408
407
  var ColumnHeaderMenu_module_default = {
409
- content: "ColumnHeaderMenu_module_content",
410
- item: "ColumnHeaderMenu_module_item",
411
- separator: "ColumnHeaderMenu_module_separator"
408
+ "content": "ogrid-fluent__ColumnHeaderMenu-module__content",
409
+ "item": "ogrid-fluent__ColumnHeaderMenu-module__item",
410
+ "separator": "ogrid-fluent__ColumnHeaderMenu-module__separator"
412
411
  };
413
412
  var getFluentPortalTarget = (anchorElement) => anchorElement.closest(".fui-FluentProvider") ?? document.body;
414
413
  function ColumnHeaderMenu(props) {
@@ -440,58 +439,58 @@ function InlineCellEditor(props) {
440
439
 
441
440
  // src/DataGridTable/DataGridTable.module.scss
442
441
  var DataGridTable_module_default = {
443
- tableScrollContent: "DataGridTable_module_tableScrollContent",
444
- tableWidthAnchor: "DataGridTable_module_tableWidthAnchor",
445
- tableWrapper: "DataGridTable_module_tableWrapper",
446
- dataTable: "DataGridTable_module_dataTable",
447
- groupHeaderCell: "DataGridTable_module_groupHeaderCell",
448
- headerCellContent: "DataGridTable_module_headerCellContent",
449
- headerMenuTrigger: "DataGridTable_module_headerMenuTrigger",
450
- dropIndicator: "DataGridTable_module_dropIndicator",
451
- resizeHandle: "DataGridTable_module_resizeHandle",
452
- pinnedColLeft: "DataGridTable_module_pinnedColLeft",
453
- pinnedColRight: "DataGridTable_module_pinnedColRight",
454
- cellContent: "DataGridTable_module_cellContent",
455
- activeCellContent: "DataGridTable_module_activeCellContent",
456
- editingCellContent: "DataGridTable_module_editingCellContent",
457
- cellInRange: "DataGridTable_module_cellInRange",
458
- cellCut: "DataGridTable_module_cellCut",
459
- fillHandle: "DataGridTable_module_fillHandle",
460
- selectionHeaderCellInner: "DataGridTable_module_selectionHeaderCellInner",
461
- selectionCellInner: "DataGridTable_module_selectionCellInner",
462
- rowNumberHeaderCellInner: "DataGridTable_module_rowNumberHeaderCellInner",
463
- rowNumberCellInner: "DataGridTable_module_rowNumberCellInner",
464
- statusBar: "DataGridTable_module_statusBar",
465
- statusBarItem: "DataGridTable_module_statusBarItem",
466
- statusBarLabel: "DataGridTable_module_statusBarLabel",
467
- statusBarValue: "DataGridTable_module_statusBarValue",
468
- contextMenu: "DataGridTable_module_contextMenu",
469
- contextMenuItem: "DataGridTable_module_contextMenuItem",
470
- contextMenuItemLabel: "DataGridTable_module_contextMenuItemLabel",
471
- contextMenuItemShortcut: "DataGridTable_module_contextMenuItemShortcut",
472
- contextMenuDivider: "DataGridTable_module_contextMenuDivider",
473
- loadingOverlay: "DataGridTable_module_loadingOverlay",
474
- loadingOverlayContent: "DataGridTable_module_loadingOverlayContent",
475
- loadingOverlayText: "DataGridTable_module_loadingOverlayText",
476
- loadingDimmed: "DataGridTable_module_loadingDimmed",
477
- emptyStateInGrid: "DataGridTable_module_emptyStateInGrid",
478
- emptyStateInGridTitle: "DataGridTable_module_emptyStateInGridTitle",
479
- emptyStateInGridMessage: "DataGridTable_module_emptyStateInGridMessage",
480
- emptyStateInGridLink: "DataGridTable_module_emptyStateInGridLink",
481
- spinner: "DataGridTable_module_spinner",
482
- "ogrid-spin": "DataGridTable_module_ogrid-spin",
483
- leafHeaderCellSpan: "DataGridTable_module_leafHeaderCellSpan",
484
- selectionHeaderCellWrapper: "DataGridTable_module_selectionHeaderCellWrapper",
485
- selectionCellWrapper: "DataGridTable_module_selectionCellWrapper",
486
- rowNumberHeaderCellWrapper: "DataGridTable_module_rowNumberHeaderCellWrapper",
487
- rowNumberCellWrapper: "DataGridTable_module_rowNumberCellWrapper",
488
- selectedRow: "DataGridTable_module_selectedRow",
489
- selectableGrid: "DataGridTable_module_selectableGrid",
490
- stickyHeader: "DataGridTable_module_stickyHeader",
491
- emptyStateInGridMessageSticky: "DataGridTable_module_emptyStateInGridMessageSticky",
492
- emptyStateInGridIcon: "DataGridTable_module_emptyStateInGridIcon",
493
- "density-compact": "DataGridTable_module_density-compact",
494
- "density-comfortable": "DataGridTable_module_density-comfortable"
442
+ "tableScrollContent": "ogrid-fluent__DataGridTable-module__tableScrollContent",
443
+ "tableWidthAnchor": "ogrid-fluent__DataGridTable-module__tableWidthAnchor",
444
+ "tableWrapper": "ogrid-fluent__DataGridTable-module__tableWrapper",
445
+ "dataTable": "ogrid-fluent__DataGridTable-module__dataTable",
446
+ "groupHeaderCell": "ogrid-fluent__DataGridTable-module__groupHeaderCell",
447
+ "headerCellContent": "ogrid-fluent__DataGridTable-module__headerCellContent",
448
+ "headerMenuTrigger": "ogrid-fluent__DataGridTable-module__headerMenuTrigger",
449
+ "dropIndicator": "ogrid-fluent__DataGridTable-module__dropIndicator",
450
+ "resizeHandle": "ogrid-fluent__DataGridTable-module__resizeHandle",
451
+ "pinnedColLeft": "ogrid-fluent__DataGridTable-module__pinnedColLeft",
452
+ "pinnedColRight": "ogrid-fluent__DataGridTable-module__pinnedColRight",
453
+ "cellContent": "ogrid-fluent__DataGridTable-module__cellContent",
454
+ "activeCellContent": "ogrid-fluent__DataGridTable-module__activeCellContent",
455
+ "editingCellContent": "ogrid-fluent__DataGridTable-module__editingCellContent",
456
+ "cellInRange": "ogrid-fluent__DataGridTable-module__cellInRange",
457
+ "cellCut": "ogrid-fluent__DataGridTable-module__cellCut",
458
+ "fillHandle": "ogrid-fluent__DataGridTable-module__fillHandle",
459
+ "selectionHeaderCellInner": "ogrid-fluent__DataGridTable-module__selectionHeaderCellInner",
460
+ "selectionCellInner": "ogrid-fluent__DataGridTable-module__selectionCellInner",
461
+ "rowNumberHeaderCellInner": "ogrid-fluent__DataGridTable-module__rowNumberHeaderCellInner",
462
+ "rowNumberCellInner": "ogrid-fluent__DataGridTable-module__rowNumberCellInner",
463
+ "statusBar": "ogrid-fluent__DataGridTable-module__statusBar",
464
+ "statusBarItem": "ogrid-fluent__DataGridTable-module__statusBarItem",
465
+ "statusBarLabel": "ogrid-fluent__DataGridTable-module__statusBarLabel",
466
+ "statusBarValue": "ogrid-fluent__DataGridTable-module__statusBarValue",
467
+ "contextMenu": "ogrid-fluent__DataGridTable-module__contextMenu",
468
+ "contextMenuItem": "ogrid-fluent__DataGridTable-module__contextMenuItem",
469
+ "contextMenuItemLabel": "ogrid-fluent__DataGridTable-module__contextMenuItemLabel",
470
+ "contextMenuItemShortcut": "ogrid-fluent__DataGridTable-module__contextMenuItemShortcut",
471
+ "contextMenuDivider": "ogrid-fluent__DataGridTable-module__contextMenuDivider",
472
+ "loadingOverlay": "ogrid-fluent__DataGridTable-module__loadingOverlay",
473
+ "loadingOverlayContent": "ogrid-fluent__DataGridTable-module__loadingOverlayContent",
474
+ "loadingOverlayText": "ogrid-fluent__DataGridTable-module__loadingOverlayText",
475
+ "loadingDimmed": "ogrid-fluent__DataGridTable-module__loadingDimmed",
476
+ "emptyStateInGrid": "ogrid-fluent__DataGridTable-module__emptyStateInGrid",
477
+ "emptyStateInGridTitle": "ogrid-fluent__DataGridTable-module__emptyStateInGridTitle",
478
+ "emptyStateInGridMessage": "ogrid-fluent__DataGridTable-module__emptyStateInGridMessage",
479
+ "emptyStateInGridLink": "ogrid-fluent__DataGridTable-module__emptyStateInGridLink",
480
+ "spinner": "ogrid-fluent__DataGridTable-module__spinner",
481
+ "ogrid-spin": "ogrid-fluent__DataGridTable-module__ogrid-spin",
482
+ "leafHeaderCellSpan": "ogrid-fluent__DataGridTable-module__leafHeaderCellSpan",
483
+ "selectionHeaderCellWrapper": "ogrid-fluent__DataGridTable-module__selectionHeaderCellWrapper",
484
+ "selectionCellWrapper": "ogrid-fluent__DataGridTable-module__selectionCellWrapper",
485
+ "rowNumberHeaderCellWrapper": "ogrid-fluent__DataGridTable-module__rowNumberHeaderCellWrapper",
486
+ "rowNumberCellWrapper": "ogrid-fluent__DataGridTable-module__rowNumberCellWrapper",
487
+ "selectedRow": "ogrid-fluent__DataGridTable-module__selectedRow",
488
+ "selectableGrid": "ogrid-fluent__DataGridTable-module__selectableGrid",
489
+ "stickyHeader": "ogrid-fluent__DataGridTable-module__stickyHeader",
490
+ "emptyStateInGridMessageSticky": "ogrid-fluent__DataGridTable-module__emptyStateInGridMessageSticky",
491
+ "emptyStateInGridIcon": "ogrid-fluent__DataGridTable-module__emptyStateInGridIcon",
492
+ "density-compact": "ogrid-fluent__DataGridTable-module__density-compact",
493
+ "density-comfortable": "ogrid-fluent__DataGridTable-module__density-comfortable"
495
494
  };
496
495
  var statusBarClassNames = {
497
496
  statusBar: DataGridTable_module_default.statusBar,
@@ -924,7 +923,8 @@ function DataGridTableInner(props) {
924
923
  items,
925
924
  visibleColumns,
926
925
  columnSizingOverrides,
927
- columnOrder
926
+ columnOrder,
927
+ isDragging
928
928
  }
929
929
  ),
930
930
  showEmptyInGrid && emptyState && /* @__PURE__ */ jsx(EmptyState, { emptyState })
@@ -992,12 +992,12 @@ var DataGridTable = React.memo(DataGridTableInner);
992
992
 
993
993
  // src/ColumnChooser/ColumnChooser.module.scss
994
994
  var ColumnChooser_module_default = {
995
- container: "ColumnChooser_module_container",
996
- dropdown: "ColumnChooser_module_dropdown",
997
- header: "ColumnChooser_module_header",
998
- optionsList: "ColumnChooser_module_optionsList",
999
- optionItem: "ColumnChooser_module_optionItem",
1000
- actions: "ColumnChooser_module_actions"
995
+ "container": "ogrid-fluent__ColumnChooser-module__container",
996
+ "dropdown": "ogrid-fluent__ColumnChooser-module__dropdown",
997
+ "header": "ogrid-fluent__ColumnChooser-module__header",
998
+ "optionsList": "ogrid-fluent__ColumnChooser-module__optionsList",
999
+ "optionItem": "ogrid-fluent__ColumnChooser-module__optionItem",
1000
+ "actions": "ogrid-fluent__ColumnChooser-module__actions"
1001
1001
  };
1002
1002
  var ColumnChooser = (props) => {
1003
1003
  const { columns, visibleColumns, onVisibilityChange, onSetVisibleColumns, className } = props;
@@ -1079,16 +1079,16 @@ var ColumnChooser = (props) => {
1079
1079
 
1080
1080
  // src/PaginationControls/PaginationControls.module.scss
1081
1081
  var PaginationControls_module_default = {
1082
- pagination: "PaginationControls_module_pagination",
1083
- paginationInfo: "PaginationControls_module_paginationInfo",
1084
- paginationControls: "PaginationControls_module_paginationControls",
1085
- navBtn: "PaginationControls_module_navBtn",
1086
- pageNumbers: "PaginationControls_module_pageNumbers",
1087
- pageBtn: "PaginationControls_module_pageBtn",
1088
- ellipsis: "PaginationControls_module_ellipsis",
1089
- pageSizeSelector: "PaginationControls_module_pageSizeSelector",
1090
- pageSizeLabel: "PaginationControls_module_pageSizeLabel",
1091
- pageSizeSelect: "PaginationControls_module_pageSizeSelect"
1082
+ "pagination": "ogrid-fluent__PaginationControls-module__pagination",
1083
+ "paginationInfo": "ogrid-fluent__PaginationControls-module__paginationInfo",
1084
+ "paginationControls": "ogrid-fluent__PaginationControls-module__paginationControls",
1085
+ "navBtn": "ogrid-fluent__PaginationControls-module__navBtn",
1086
+ "pageNumbers": "ogrid-fluent__PaginationControls-module__pageNumbers",
1087
+ "pageBtn": "ogrid-fluent__PaginationControls-module__pageBtn",
1088
+ "ellipsis": "ogrid-fluent__PaginationControls-module__ellipsis",
1089
+ "pageSizeSelector": "ogrid-fluent__PaginationControls-module__pageSizeSelector",
1090
+ "pageSizeLabel": "ogrid-fluent__PaginationControls-module__pageSizeLabel",
1091
+ "pageSizeSelect": "ogrid-fluent__PaginationControls-module__pageSizeSelect"
1092
1092
  };
1093
1093
  var PaginationControls = React.memo((props) => {
1094
1094
  const { currentPage, pageSize, totalCount, onPageChange, onPageSizeChange, pageSizeOptions, entityLabelPlural, className } = props;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alaarab/ogrid-react-fluent",
3
- "version": "2.1.8",
3
+ "version": "2.1.10",
4
4
  "description": "OGrid React Fluent implementation – DataGrid-powered data table with sorting, filtering, pagination, column chooser, and CSV export.",
5
5
  "main": "dist/esm/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -41,7 +41,7 @@
41
41
  "node": ">=18"
42
42
  },
43
43
  "dependencies": {
44
- "@alaarab/ogrid-react": "2.1.8"
44
+ "@alaarab/ogrid-react": "2.1.10"
45
45
  },
46
46
  "peerDependencies": {
47
47
  "@fluentui/react-components": "^9.0.0",