@razorpay/blade 12.65.1 → 12.66.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/build/lib/native/components/Pagination/Pagination.native.js +12 -0
  2. package/build/lib/native/components/Pagination/Pagination.native.js.map +1 -0
  3. package/build/lib/native/components/Table/tokens.js.map +1 -1
  4. package/build/lib/native/components/index.js +1 -0
  5. package/build/lib/native/components/index.js.map +1 -1
  6. package/build/lib/native/utils/metaAttribute/metaConstants.js +1 -1
  7. package/build/lib/native/utils/metaAttribute/metaConstants.js.map +1 -1
  8. package/build/lib/web/development/components/Pagination/Pagination.web.js +466 -0
  9. package/build/lib/web/development/components/Pagination/Pagination.web.js.map +1 -0
  10. package/build/lib/web/development/components/Pagination/index.js +2 -0
  11. package/build/lib/web/development/components/Pagination/index.js.map +1 -0
  12. package/build/lib/web/development/components/Pagination/tokens.js +25 -0
  13. package/build/lib/web/development/components/Pagination/tokens.js.map +1 -0
  14. package/build/lib/web/development/components/Table/TablePagination.web.js +128 -395
  15. package/build/lib/web/development/components/Table/TablePagination.web.js.map +1 -1
  16. package/build/lib/web/development/components/Table/tokens.js +0 -16
  17. package/build/lib/web/development/components/Table/tokens.js.map +1 -1
  18. package/build/lib/web/development/components/index.js +2 -0
  19. package/build/lib/web/development/components/index.js.map +1 -1
  20. package/build/lib/web/development/utils/metaAttribute/metaConstants.js +1 -0
  21. package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map +1 -1
  22. package/build/lib/web/production/components/Pagination/Pagination.web.js +466 -0
  23. package/build/lib/web/production/components/Pagination/Pagination.web.js.map +1 -0
  24. package/build/lib/web/production/components/Pagination/index.js +2 -0
  25. package/build/lib/web/production/components/Pagination/index.js.map +1 -0
  26. package/build/lib/web/production/components/Pagination/tokens.js +25 -0
  27. package/build/lib/web/production/components/Pagination/tokens.js.map +1 -0
  28. package/build/lib/web/production/components/Table/TablePagination.web.js +128 -395
  29. package/build/lib/web/production/components/Table/TablePagination.web.js.map +1 -1
  30. package/build/lib/web/production/components/Table/tokens.js +0 -16
  31. package/build/lib/web/production/components/Table/tokens.js.map +1 -1
  32. package/build/lib/web/production/components/index.js +2 -0
  33. package/build/lib/web/production/components/index.js.map +1 -1
  34. package/build/lib/web/production/utils/metaAttribute/metaConstants.js +1 -0
  35. package/build/lib/web/production/utils/metaAttribute/metaConstants.js.map +1 -1
  36. package/build/types/components/index.d.ts +84 -1
  37. package/build/types/components/index.native.d.ts +84 -1
  38. package/package.json +1 -1
@@ -0,0 +1,12 @@
1
+ import 'react';
2
+ import '../Typography/Heading/Heading.js';
3
+ import { Text } from '../Typography/Text/Text.js';
4
+ import '../Typography/Code/Code.js';
5
+ import '../Typography/Display/Display.js';
6
+ import { throwBladeError } from '../../utils/logger/logger.js';
7
+ import { jsx } from 'react/jsx-runtime';
8
+
9
+ var Pagination=function Pagination(_prop){throwBladeError({message:'Pagination is not yet implemented for native',moduleName:'Pagination'});return jsx(Text,{children:"Pagination is not available for Native mobile apps."});};
10
+
11
+ export { Pagination };
12
+ //# sourceMappingURL=Pagination.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pagination.native.js","sources":["../../../../../src/components/Pagination/Pagination.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { PaginationProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Pagination = (_prop: PaginationProps): React.ReactElement => {\n throwBladeError({\n message: 'Pagination is not yet implemented for native',\n moduleName: 'Pagination',\n });\n\n return <Text>Pagination is not available for Native mobile apps.</Text>;\n};\n\nexport { Pagination };\n"],"names":["Pagination","_prop","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;AAKM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,KAAsB,CAAyB,CACjEC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,qDAAmD,CAAM,CAAC,CACzE;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.js","sources":["../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { AlertCircleIcon, CheckIcon } from '~components/Icons';\nimport { size } from '~tokens/global';\n\nconst firstColumnStickyZIndex = 2;\n\nconst refreshWrapperZIndex = 3;\n\nconst checkboxCellWidth = size['44'];\n\nconst tableBackgroundColor = 'surface.background.gray.intense';\nconst tableHeader = {\n paddingTop: 'spacing.5',\n paddingBottom: 'spacing.5',\n paddingLeft: 'spacing.4',\n paddingRight: 'spacing.4',\n backgroundColor: 'interactive.background.gray.faded',\n borderBottomAndTopWidth: 'thin',\n borderBottomAndTopColor: 'surface.border.gray.muted',\n} as const;\n\nconst tableFooter = {\n paddingTop: 'spacing.5',\n paddingBottom: 'spacing.5',\n paddingLeft: 'spacing.4',\n paddingRight: 'spacing.4',\n borderBottomAndTopWidth: 'thin',\n borderBottomAndTopColor: 'surface.border.gray.muted',\n backgroundColor: 'interactive.background.gray.faded',\n} as const;\n\nconst tableRow = {\n paddingLeft: {\n compact: 'spacing.4',\n normal: 'spacing.4',\n comfortable: 'spacing.4',\n },\n paddingRight: {\n compact: 'spacing.4',\n normal: 'spacing.4',\n comfortable: 'spacing.4',\n },\n minHeight: {\n compact: '36',\n normal: '48',\n comfortable: '60',\n },\n nonStripe: {\n backgroundColor: 'transparent',\n backgroundColorHover: 'interactive.background.gray.default',\n backgroundColorFocus: 'transparent',\n // TODO: Rebranding - on design side: explore pressed state color change, right now both hover & active are same\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n },\n nonStripeWrapper: {\n // not used anywhere\n backgroundColor: 'transparent',\n backgroundColorHover: 'transparent',\n backgroundColorFocus: 'transparent',\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'transparent',\n backgroundColorSelectedHover: 'transparent',\n backgroundColorSelectedFocus: 'transparent',\n backgroundColorSelectedActive: 'transparent',\n },\n stripe: {\n backgroundColor: 'transparent',\n backgroundColorHover: 'interactive.background.gray.default',\n backgroundColorFocus: 'transparent',\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n },\n stripeWrapper: {\n backgroundColor: 'interactive.background.gray.default',\n backgroundColorHover: 'interactive.background.gray.default',\n backgroundColorFocus: 'interactive.background.gray.default',\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorSelectedHover: 'interactive.background.primary.faded',\n backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n backgroundColorSelectedActive: 'interactive.background.primary.faded',\n },\n borderBottomWidth: 'thin',\n borderColor: 'surface.border.gray.muted',\n backgroundColorMotionEasing: 'easing.standard',\n backgroundColorMotionDuration: 'duration.xquick',\n groupHeaderBackgroundColor: 'surface.background.gray.moderate',\n} as const;\n\nconst tableToolbar = {\n backgroundColor: 'interactive.background.gray.faded',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorMotionEasing: 'easing.standard',\n backgroundColorMotionDuration: 'duration.xquick',\n minHeight: size[37], // 37px to accommodate 1px border, matching TableHeader height\n padding: ['spacing.3', 'spacing.4'],\n} as const;\n\nconst tablePagination = {\n padding: ['6px', 'spacing.3'],\n pageSelectionButton: {\n backgroundColor: 'transparent',\n backgroundColorHover: 'interactive.background.gray.default',\n backgroundColorActive: 'interactive.background.gray.highlighted',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n padding: 'spacing.2',\n borderRadius: 'small',\n focusRingColor: 'surface.border.primary.muted',\n textColor: 'surface.text.gray.subtle',\n textColorSelected: 'surface.text.primary.normal',\n height: size['32'],\n width: size['32'],\n },\n defaultPageSize: 10,\n} as const;\n\nconst tableEditableCellRowDensityToInputSizeMap = {\n compact: 'small',\n normal: 'medium',\n comfortable: 'large',\n} as const;\n\nconst validationStateToInputTrailingIconMap = {\n none: undefined,\n success: CheckIcon,\n error: AlertCircleIcon,\n};\n\nconst rowDensityToIsTableInputCellMapping = {\n comfortable: false,\n normal: true,\n compact: true,\n};\n\nconst classes = {\n HOVER_ACTIONS: 'hover-actions',\n HOVER_ACTIONS_LAYER2: 'hover-actions-layer-2',\n HOVER_ACTIONS_LAYER3: 'hover-actions-layer-3',\n HAS_ROW_SPANNING: 'has-row-spanning',\n};\n\nexport {\n tableHeader,\n tableFooter,\n tableRow,\n tableToolbar,\n tablePagination,\n refreshWrapperZIndex,\n tableBackgroundColor,\n firstColumnStickyZIndex,\n checkboxCellWidth,\n tableEditableCellRowDensityToInputSizeMap,\n validationStateToInputTrailingIconMap,\n rowDensityToIsTableInputCellMapping,\n classes,\n};\n"],"names":["tableEditableCellRowDensityToInputSizeMap","compact","normal","comfortable","validationStateToInputTrailingIconMap","none","undefined","success","CheckIcon","error","AlertCircleIcon","rowDensityToIsTableInputCellMapping"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4HM,IAAAA,yCAAyC,CAAG,CAChDC,OAAO,CAAE,OAAO,CAChBC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,OACf,EAEM,IAAAC,qCAAqC,CAAG,CAC5CC,IAAI,CAAEC,SAAS,CACfC,OAAO,CAAEC,SAAS,CAClBC,KAAK,CAAEC,eACT,EAEM,IAAAC,mCAAmC,CAAG,CAC1CR,WAAW,CAAE,KAAK,CAClBD,MAAM,CAAE,IAAI,CACZD,OAAO,CAAE,IACX;;;;"}
1
+ {"version":3,"file":"tokens.js","sources":["../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { AlertCircleIcon, CheckIcon } from '~components/Icons';\nimport { size } from '~tokens/global';\n\nconst firstColumnStickyZIndex = 2;\n\nconst refreshWrapperZIndex = 3;\n\nconst checkboxCellWidth = size['44'];\n\nconst tableBackgroundColor = 'surface.background.gray.intense';\nconst tableHeader = {\n paddingTop: 'spacing.5',\n paddingBottom: 'spacing.5',\n paddingLeft: 'spacing.4',\n paddingRight: 'spacing.4',\n backgroundColor: 'interactive.background.gray.faded',\n borderBottomAndTopWidth: 'thin',\n borderBottomAndTopColor: 'surface.border.gray.muted',\n} as const;\n\nconst tableFooter = {\n paddingTop: 'spacing.5',\n paddingBottom: 'spacing.5',\n paddingLeft: 'spacing.4',\n paddingRight: 'spacing.4',\n borderBottomAndTopWidth: 'thin',\n borderBottomAndTopColor: 'surface.border.gray.muted',\n backgroundColor: 'interactive.background.gray.faded',\n} as const;\n\nconst tableRow = {\n paddingLeft: {\n compact: 'spacing.4',\n normal: 'spacing.4',\n comfortable: 'spacing.4',\n },\n paddingRight: {\n compact: 'spacing.4',\n normal: 'spacing.4',\n comfortable: 'spacing.4',\n },\n minHeight: {\n compact: '36',\n normal: '48',\n comfortable: '60',\n },\n nonStripe: {\n backgroundColor: 'transparent',\n backgroundColorHover: 'interactive.background.gray.default',\n backgroundColorFocus: 'transparent',\n // TODO: Rebranding - on design side: explore pressed state color change, right now both hover & active are same\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n },\n nonStripeWrapper: {\n // not used anywhere\n backgroundColor: 'transparent',\n backgroundColorHover: 'transparent',\n backgroundColorFocus: 'transparent',\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'transparent',\n backgroundColorSelectedHover: 'transparent',\n backgroundColorSelectedFocus: 'transparent',\n backgroundColorSelectedActive: 'transparent',\n },\n stripe: {\n backgroundColor: 'transparent',\n backgroundColorHover: 'interactive.background.gray.default',\n backgroundColorFocus: 'transparent',\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n },\n stripeWrapper: {\n backgroundColor: 'interactive.background.gray.default',\n backgroundColorHover: 'interactive.background.gray.default',\n backgroundColorFocus: 'interactive.background.gray.default',\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorSelectedHover: 'interactive.background.primary.faded',\n backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n backgroundColorSelectedActive: 'interactive.background.primary.faded',\n },\n borderBottomWidth: 'thin',\n borderColor: 'surface.border.gray.muted',\n backgroundColorMotionEasing: 'easing.standard',\n backgroundColorMotionDuration: 'duration.xquick',\n groupHeaderBackgroundColor: 'surface.background.gray.moderate',\n} as const;\n\nconst tableToolbar = {\n backgroundColor: 'interactive.background.gray.faded',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorMotionEasing: 'easing.standard',\n backgroundColorMotionDuration: 'duration.xquick',\n minHeight: size[37], // 37px to accommodate 1px border, matching TableHeader height\n padding: ['spacing.3', 'spacing.4'],\n} as const;\n\nconst tablePagination = {\n defaultPageSize: 10,\n} as const;\n\nconst tableEditableCellRowDensityToInputSizeMap = {\n compact: 'small',\n normal: 'medium',\n comfortable: 'large',\n} as const;\n\nconst validationStateToInputTrailingIconMap = {\n none: undefined,\n success: CheckIcon,\n error: AlertCircleIcon,\n};\n\nconst rowDensityToIsTableInputCellMapping = {\n comfortable: false,\n normal: true,\n compact: true,\n};\n\nconst classes = {\n HOVER_ACTIONS: 'hover-actions',\n HOVER_ACTIONS_LAYER2: 'hover-actions-layer-2',\n HOVER_ACTIONS_LAYER3: 'hover-actions-layer-3',\n HAS_ROW_SPANNING: 'has-row-spanning',\n};\n\nexport {\n tableHeader,\n tableFooter,\n tableRow,\n tableToolbar,\n tablePagination,\n refreshWrapperZIndex,\n tableBackgroundColor,\n firstColumnStickyZIndex,\n checkboxCellWidth,\n tableEditableCellRowDensityToInputSizeMap,\n validationStateToInputTrailingIconMap,\n rowDensityToIsTableInputCellMapping,\n classes,\n};\n"],"names":["tableEditableCellRowDensityToInputSizeMap","compact","normal","comfortable","validationStateToInputTrailingIconMap","none","undefined","success","CheckIcon","error","AlertCircleIcon","rowDensityToIsTableInputCellMapping"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4GM,IAAAA,yCAAyC,CAAG,CAChDC,OAAO,CAAE,OAAO,CAChBC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,OACf,EAEM,IAAAC,qCAAqC,CAAG,CAC5CC,IAAI,CAAEC,SAAS,CACfC,OAAO,CAAEC,SAAS,CAClBC,KAAK,CAAEC,eACT,EAEM,IAAAC,mCAAmC,CAAG,CAC1CR,WAAW,CAAE,KAAK,CAClBD,MAAM,CAAE,IAAI,CACZD,OAAO,CAAE,IACX;;;;"}
@@ -529,6 +529,7 @@ export { MenuItem } from './Menu/MenuItem.native.js';
529
529
  export { MenuOverlay } from './Menu/MenuOverlay.native.js';
530
530
  export { MenuDivider } from './Menu/VisualSubComponents/MenuDivider.native.js';
531
531
  export { MenuFooter, MenuHeader } from './Menu/VisualSubComponents/MenuHeaderFooter.native.js';
532
+ export { Pagination } from './Pagination/Pagination.native.js';
532
533
  export { Popover } from './Popover/Popover.native.js';
533
534
  export { PopoverInteractiveWrapper } from './Popover/PopoverInteractiveWrapper.native.js';
534
535
  export { ProgressBar } from './ProgressBar/ProgressBar.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',AccordionItemHeader:'accordion-item-header',AccordionItemBody:'accordion-item-body',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Avatar:'avatar',AvatarGroup:'avatar-group',Badge:'badge',BaseFilterChip:'base-filter-chip',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',ButtonGroup:'button-group',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',BottomNav:'bottomnav',BottomNavItem:'bottomnav-item',Carousel:'carousel',ChatMessage:'chat-message',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',CounterInput:'counter-input',Display:'display',Divider:'divider',Drawer:'drawer',EmptyState:'empty-state',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',DatePicker:'datepicker',Calendar:'calendar',FileUpload:'file-upload',FileUploadItem:'file-upload-item',FileUploadLabel:'file-upload-label',FilterChipGroup:'filter-chip-group',Icon:'icon',IconButton:'icon-button',InfoGroup:'info-group',InfoItem:'info-item',InfoItemKey:'info-item-key',InfoItemValue:'info-item-value',InfoItemIcon:'info-item-icon',Indicator:'indicator',InputGroup:'input-group',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',ListView:'list-view',ListViewFilter:'list-view-filter',OTPInput:'otp-input',PasswordInput:'password-input',SearchInput:'search-input',TextArea:'textarea',TextInput:'textinput',PhoneNumberInput:'phone-number-input',Toast:'toast',ToastContainer:'toast-container',TopNav:'top-nav',TopNavBrand:'top-nav-brand',TopNavContent:'top-nav-content',TopNavActions:'top-nav-actions',TabNav:'tab-nav',TabNavItems:'tab-nav-items',TabNavItem:'tab-nav-item',TabNavItemLink:'tab-nav-item-link',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SideNav:'sidenav',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableCellWrapper:'table-cell-wrapper',TableSortButton:'table-sort-button',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TablePageSelectionButton:'table-page-selection-button',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Menu:'menu',MenuHeader:'menu-header',MenuFooter:'menu-footer',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton',StepGroup:'step-group',StepItem:'step-item',PreviewWindow:'preview-window',PreviewHeader:'preview-header',PreviewBody:'preview-body',PreviewFooter:'preview-footer',TimePicker:'time-picker'};
1
+ var MetaConstants={Accordion:'accordion',AccordionButton:'accordion-button',AccordionItem:'accordion-item',AccordionItemHeader:'accordion-item-header',AccordionItemBody:'accordion-item-body',ActionList:'action-list',ActionListItem:'action-list-item',ActionListSection:'action-list-section',Alert:'alert',Amount:'amount',AutoComplete:'autocomplete',Avatar:'avatar',AvatarGroup:'avatar-group',Badge:'badge',BaseFilterChip:'base-filter-chip',Box:'box',BaseBox:'base-box',BaseText:'base-text',Button:'button',ButtonGroup:'button-group',Breadcrumb:'breadcrumb',BreadcrumbItem:'breadcrumb-item',BottomNav:'bottomnav',BottomNavItem:'bottomnav-item',Carousel:'carousel',ChatMessage:'chat-message',Checkbox:'checkbox',CheckboxGroup:'checkbox-group',CheckboxLabel:'checkbox-label',Chip:'chip',ChipGroup:'chip-group',ChipLabel:'chip-label',Code:'code',Component:'blade-component',Counter:'counter',CounterInput:'counter-input',Display:'display',Divider:'divider',Drawer:'drawer',EmptyState:'empty-state',Dropdown:'dropdown',DropdownOverlay:'dropdown-overlay',DropdownFooter:'dropdown-footer',DropdownHeader:'dropdown-header',DatePicker:'datepicker',Calendar:'calendar',FileUpload:'file-upload',FileUploadItem:'file-upload-item',FileUploadLabel:'file-upload-label',FilterChipGroup:'filter-chip-group',Icon:'icon',IconButton:'icon-button',InfoGroup:'info-group',InfoItem:'info-item',InfoItemKey:'info-item-key',InfoItemValue:'info-item-value',InfoItemIcon:'info-item-icon',Indicator:'indicator',InputGroup:'input-group',Link:'link',List:'list',ListItem:'list-item',ListItemCode:'list-item-code',ListItemLink:'list-item-link',ListItemText:'list-item-text',ListView:'list-view',ListViewFilter:'list-view-filter',OTPInput:'otp-input',PasswordInput:'password-input',SearchInput:'search-input',TextArea:'textarea',TextInput:'textinput',PhoneNumberInput:'phone-number-input',Toast:'toast',ToastContainer:'toast-container',TopNav:'top-nav',TopNavBrand:'top-nav-brand',TopNavContent:'top-nav-content',TopNavActions:'top-nav-actions',TabNav:'tab-nav',TabNavItems:'tab-nav-items',TabNavItem:'tab-nav-item',TabNavItemLink:'tab-nav-item-link',ProgressBar:'progress-bar',Radio:'radio',RadioGroup:'radio-group',RadioLabel:'radio-label',SkipNav:'skipnav',Spinner:'spinner',SideNav:'sidenav',SelectInput:'select-input',Tag:'tag',Tooltip:'tooltip',TooltipInteractiveWrapper:'tooltip-interactive-wrapper',Tabs:'tabs',TabList:'tab-list',TabItem:'tab-item',TabPanel:'tab-panel',TabIndicator:'tab-indicator',Table:'table',TableBody:'table-body',TableRow:'table-row',TableCell:'table-cell',TableCellWrapper:'table-cell-wrapper',TableSortButton:'table-sort-button',TableHeader:'table-header',TableHeaderRow:'table-header-row',TableHeaderCell:'table-header-cell',TableFooter:'table-footer',TableFooterRow:'table-footer-row',TableFooterCell:'table-footer-cell',TableElement:'table-element',TablePageSelectionButton:'table-page-selection-button',TourPopover:'tour-popover',TourMask:'tour-mask',Popover:'popover',PopoverInteractiveWrapper:'popover-interactive-wrapper',BottomSheet:'bottom-sheet',BottomSheetBody:'bottom-sheet-body',BottomSheetHeader:'bottom-sheet-header',BottomSheetFooter:'bottom-sheet-footer',BottomSheetGrabHandle:'bottomsheet-grab-handle',Card:'card',CardBody:'card-body',CardHeader:'card-header',CardFooter:'card-footer',Collapsible:'collapsible',CollapsibleBody:'collapsible-body',CollapsibleButton:'collapsible-button',CollapsibleLink:'collapsible-link',Menu:'menu',MenuHeader:'menu-header',MenuFooter:'menu-footer',Modal:'modal',ModalBody:'modal-body',ModalHeader:'modal-header',ModalFooter:'modal-footer',ModalBackdrop:'modal-backdrop',ModalScrollOverlay:'modal-scroll-overlay',VisuallyHidden:'visually-hidden',FormLabel:'form-label',Switch:'switch',SwitchLabel:'switch-label',StyledBaseInput:'styled-base-input',Skeleton:'skeleton',StepGroup:'step-group',StepItem:'step-item',PreviewWindow:'preview-window',PreviewHeader:'preview-header',PreviewBody:'preview-body',PreviewFooter:'preview-footer',Pagination:'pagination',TimePicker:'time-picker'};
2
2
 
3
3
  export { MetaConstants };
4
4
  //# sourceMappingURL=metaConstants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n Accordion: 'accordion',\n AccordionButton: 'accordion-button',\n AccordionItem: 'accordion-item',\n AccordionItemHeader: 'accordion-item-header',\n AccordionItemBody: 'accordion-item-body',\n ActionList: 'action-list',\n ActionListItem: 'action-list-item',\n ActionListSection: 'action-list-section',\n Alert: 'alert',\n Amount: 'amount',\n AutoComplete: 'autocomplete',\n Avatar: 'avatar',\n AvatarGroup: 'avatar-group',\n Badge: 'badge',\n BaseFilterChip: 'base-filter-chip',\n Box: 'box',\n BaseBox: 'base-box',\n BaseText: 'base-text',\n Button: 'button',\n ButtonGroup: 'button-group',\n Breadcrumb: 'breadcrumb',\n BreadcrumbItem: 'breadcrumb-item',\n BottomNav: 'bottomnav',\n BottomNavItem: 'bottomnav-item',\n Carousel: 'carousel',\n ChatMessage: 'chat-message',\n Checkbox: 'checkbox',\n CheckboxGroup: 'checkbox-group',\n CheckboxLabel: 'checkbox-label',\n Chip: 'chip',\n ChipGroup: 'chip-group',\n ChipLabel: 'chip-label',\n Code: 'code',\n Component: 'blade-component',\n Counter: 'counter',\n CounterInput: 'counter-input',\n Display: 'display',\n Divider: 'divider',\n Drawer: 'drawer',\n EmptyState: 'empty-state',\n Dropdown: 'dropdown',\n DropdownOverlay: 'dropdown-overlay',\n DropdownFooter: 'dropdown-footer',\n DropdownHeader: 'dropdown-header',\n DatePicker: 'datepicker',\n Calendar: 'calendar',\n FileUpload: 'file-upload',\n FileUploadItem: 'file-upload-item',\n FileUploadLabel: 'file-upload-label',\n FilterChipGroup: 'filter-chip-group',\n Icon: 'icon',\n IconButton: 'icon-button',\n InfoGroup: 'info-group',\n InfoItem: 'info-item',\n InfoItemKey: 'info-item-key',\n InfoItemValue: 'info-item-value',\n InfoItemIcon: 'info-item-icon',\n Indicator: 'indicator',\n InputGroup: 'input-group',\n Link: 'link',\n List: 'list',\n ListItem: 'list-item',\n ListItemCode: 'list-item-code',\n ListItemLink: 'list-item-link',\n ListItemText: 'list-item-text',\n ListView: 'list-view',\n ListViewFilter: 'list-view-filter',\n OTPInput: 'otp-input',\n PasswordInput: 'password-input',\n SearchInput: 'search-input',\n TextArea: 'textarea',\n TextInput: 'textinput',\n PhoneNumberInput: 'phone-number-input',\n Toast: 'toast',\n ToastContainer: 'toast-container',\n TopNav: 'top-nav',\n TopNavBrand: 'top-nav-brand',\n TopNavContent: 'top-nav-content',\n TopNavActions: 'top-nav-actions',\n TabNav: 'tab-nav',\n TabNavItems: 'tab-nav-items',\n TabNavItem: 'tab-nav-item',\n TabNavItemLink: 'tab-nav-item-link',\n ProgressBar: 'progress-bar',\n Radio: 'radio',\n RadioGroup: 'radio-group',\n RadioLabel: 'radio-label',\n SkipNav: 'skipnav',\n Spinner: 'spinner',\n SideNav: 'sidenav',\n SelectInput: 'select-input',\n Tag: 'tag',\n Tooltip: 'tooltip',\n TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n Tabs: 'tabs',\n TabList: 'tab-list',\n TabItem: 'tab-item',\n TabPanel: 'tab-panel',\n TabIndicator: 'tab-indicator',\n Table: 'table',\n TableBody: 'table-body',\n TableRow: 'table-row',\n TableCell: 'table-cell',\n TableCellWrapper: 'table-cell-wrapper',\n TableSortButton: 'table-sort-button',\n TableHeader: 'table-header',\n TableHeaderRow: 'table-header-row',\n TableHeaderCell: 'table-header-cell',\n TableFooter: 'table-footer',\n TableFooterRow: 'table-footer-row',\n TableFooterCell: 'table-footer-cell',\n TableElement: 'table-element',\n TablePageSelectionButton: 'table-page-selection-button',\n TourPopover: 'tour-popover',\n TourMask: 'tour-mask',\n Popover: 'popover',\n PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n BottomSheet: 'bottom-sheet',\n BottomSheetBody: 'bottom-sheet-body',\n BottomSheetHeader: 'bottom-sheet-header',\n BottomSheetFooter: 'bottom-sheet-footer',\n BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n Card: 'card',\n CardBody: 'card-body',\n CardHeader: 'card-header',\n CardFooter: 'card-footer',\n Collapsible: 'collapsible',\n CollapsibleBody: 'collapsible-body',\n CollapsibleButton: 'collapsible-button',\n CollapsibleLink: 'collapsible-link',\n Menu: 'menu',\n MenuHeader: 'menu-header',\n MenuFooter: 'menu-footer',\n Modal: 'modal',\n ModalBody: 'modal-body',\n ModalHeader: 'modal-header',\n ModalFooter: 'modal-footer',\n ModalBackdrop: 'modal-backdrop',\n ModalScrollOverlay: 'modal-scroll-overlay',\n VisuallyHidden: 'visually-hidden',\n FormLabel: 'form-label',\n Switch: 'switch',\n SwitchLabel: 'switch-label',\n StyledBaseInput: 'styled-base-input',\n Skeleton: 'skeleton',\n StepGroup: 'step-group',\n StepItem: 'step-item',\n PreviewWindow: 'preview-window',\n PreviewHeader: 'preview-header',\n PreviewBody: 'preview-body',\n PreviewFooter: 'preview-footer',\n TimePicker: 'time-picker',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatMessage","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","CounterInput","Display","Divider","Drawer","EmptyState","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter","TimePicker"],"mappings":"AAAa,IAAAA,aAAa,CAAG,CAC3BC,SAAS,CAAE,WAAW,CACtBC,eAAe,CAAE,kBAAkB,CACnCC,aAAa,CAAE,gBAAgB,CAC/BC,mBAAmB,CAAE,uBAAuB,CAC5CC,iBAAiB,CAAE,qBAAqB,CACxCC,UAAU,CAAE,aAAa,CACzBC,cAAc,CAAE,kBAAkB,CAClCC,iBAAiB,CAAE,qBAAqB,CACxCC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,YAAY,CAAE,cAAc,CAC5BC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,KAAK,CAAE,OAAO,CACdC,cAAc,CAAE,kBAAkB,CAClCC,GAAG,CAAE,KAAK,CACVC,OAAO,CAAE,UAAU,CACnBC,QAAQ,CAAE,WAAW,CACrBC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,UAAU,CAAE,YAAY,CACxBC,cAAc,CAAE,iBAAiB,CACjCC,SAAS,CAAE,WAAW,CACtBC,aAAa,CAAE,gBAAgB,CAC/BC,QAAQ,CAAE,UAAU,CACpBC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,UAAU,CACpBC,aAAa,CAAE,gBAAgB,CAC/BC,aAAa,CAAE,gBAAgB,CAC/BC,IAAI,CAAE,MAAM,CACZC,SAAS,CAAE,YAAY,CACvBC,SAAS,CAAE,YAAY,CACvBC,IAAI,CAAE,MAAM,CACZC,SAAS,CAAE,iBAAiB,CAC5BC,OAAO,CAAE,SAAS,CAClBC,YAAY,CAAE,eAAe,CAC7BC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,MAAM,CAAE,QAAQ,CAChBC,UAAU,CAAE,aAAa,CACzBC,QAAQ,CAAE,UAAU,CACpBC,eAAe,CAAE,kBAAkB,CACnCC,cAAc,CAAE,iBAAiB,CACjCC,cAAc,CAAE,iBAAiB,CACjCC,UAAU,CAAE,YAAY,CACxBC,QAAQ,CAAE,UAAU,CACpBC,UAAU,CAAE,aAAa,CACzBC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,eAAe,CAAE,mBAAmB,CACpCC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,aAAa,CACzBC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WAAW,CACrBC,WAAW,CAAE,eAAe,CAC5BC,aAAa,CAAE,iBAAiB,CAChCC,YAAY,CAAE,gBAAgB,CAC9BC,SAAS,CAAE,WAAW,CACtBC,UAAU,CAAE,aAAa,CACzBC,IAAI,CAAE,MAAM,CACZC,IAAI,CAAE,MAAM,CACZC,QAAQ,CAAE,WAAW,CACrBC,YAAY,CAAE,gBAAgB,CAC9BC,YAAY,CAAE,gBAAgB,CAC9BC,YAAY,CAAE,gBAAgB,CAC9BC,QAAQ,CAAE,WAAW,CACrBC,cAAc,CAAE,kBAAkB,CAClCC,QAAQ,CAAE,WAAW,CACrBC,aAAa,CAAE,gBAAgB,CAC/BC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,UAAU,CACpBC,SAAS,CAAE,WAAW,CACtBC,gBAAgB,CAAE,oBAAoB,CACtCC,KAAK,CAAE,OAAO,CACdC,cAAc,CAAE,iBAAiB,CACjCC,MAAM,CAAE,SAAS,CACjBC,WAAW,CAAE,eAAe,CAC5BC,aAAa,CAAE,iBAAiB,CAChCC,aAAa,CAAE,iBAAiB,CAChCC,MAAM,CAAE,SAAS,CACjBC,WAAW,CAAE,eAAe,CAC5BC,UAAU,CAAE,cAAc,CAC1BC,cAAc,CAAE,mBAAmB,CACnCC,WAAW,CAAE,cAAc,CAC3BC,KAAK,CAAE,OAAO,CACdC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,OAAO,CAAE,SAAS,CAClBC,WAAW,CAAE,cAAc,CAC3BC,GAAG,CAAE,KAAK,CACVC,OAAO,CAAE,SAAS,CAClBC,yBAAyB,CAAE,6BAA6B,CACxDC,IAAI,CAAE,MAAM,CACZC,OAAO,CAAE,UAAU,CACnBC,OAAO,CAAE,UAAU,CACnBC,QAAQ,CAAE,WAAW,CACrBC,YAAY,CAAE,eAAe,CAC7BC,KAAK,CAAE,OAAO,CACdC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WAAW,CACrBC,SAAS,CAAE,YAAY,CACvBC,gBAAgB,CAAE,oBAAoB,CACtCC,eAAe,CAAE,mBAAmB,CACpCC,WAAW,CAAE,cAAc,CAC3BC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,WAAW,CAAE,cAAc,CAC3BC,cAAc,CAAE,kBAAkB,CAClCC,eAAe,CAAE,mBAAmB,CACpCC,YAAY,CAAE,eAAe,CAC7BC,wBAAwB,CAAE,6BAA6B,CACvDC,WAAW,CAAE,cAAc,CAC3BC,QAAQ,CAAE,WAAW,CACrBC,OAAO,CAAE,SAAS,CAClBC,yBAAyB,CAAE,6BAA6B,CACxDC,WAAW,CAAE,cAAc,CAC3BC,eAAe,CAAE,mBAAmB,CACpCC,iBAAiB,CAAE,qBAAqB,CACxCC,iBAAiB,CAAE,qBAAqB,CACxCC,qBAAqB,CAAE,yBAAyB,CAChDC,IAAI,CAAE,MAAM,CACZC,QAAQ,CAAE,WAAW,CACrBC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,WAAW,CAAE,aAAa,CAC1BC,eAAe,CAAE,kBAAkB,CACnCC,iBAAiB,CAAE,oBAAoB,CACvCC,eAAe,CAAE,kBAAkB,CACnCC,IAAI,CAAE,MAAM,CACZC,UAAU,CAAE,aAAa,CACzBC,UAAU,CAAE,aAAa,CACzBC,KAAK,CAAE,OAAO,CACdC,SAAS,CAAE,YAAY,CACvBC,WAAW,CAAE,cAAc,CAC3BC,WAAW,CAAE,cAAc,CAC3BC,aAAa,CAAE,gBAAgB,CAC/BC,kBAAkB,CAAE,sBAAsB,CAC1CC,cAAc,CAAE,iBAAiB,CACjCC,SAAS,CAAE,YAAY,CACvBC,MAAM,CAAE,QAAQ,CAChBC,WAAW,CAAE,cAAc,CAC3BC,eAAe,CAAE,mBAAmB,CACpCC,QAAQ,CAAE,UAAU,CACpBC,SAAS,CAAE,YAAY,CACvBC,QAAQ,CAAE,WAAW,CACrBC,aAAa,CAAE,gBAAgB,CAC/BC,aAAa,CAAE,gBAAgB,CAC/BC,WAAW,CAAE,cAAc,CAC3BC,aAAa,CAAE,gBAAgB,CAC/BC,UAAU,CAAE,aACd;;;;"}
1
+ {"version":3,"file":"metaConstants.js","sources":["../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n Accordion: 'accordion',\n AccordionButton: 'accordion-button',\n AccordionItem: 'accordion-item',\n AccordionItemHeader: 'accordion-item-header',\n AccordionItemBody: 'accordion-item-body',\n ActionList: 'action-list',\n ActionListItem: 'action-list-item',\n ActionListSection: 'action-list-section',\n Alert: 'alert',\n Amount: 'amount',\n AutoComplete: 'autocomplete',\n Avatar: 'avatar',\n AvatarGroup: 'avatar-group',\n Badge: 'badge',\n BaseFilterChip: 'base-filter-chip',\n Box: 'box',\n BaseBox: 'base-box',\n BaseText: 'base-text',\n Button: 'button',\n ButtonGroup: 'button-group',\n Breadcrumb: 'breadcrumb',\n BreadcrumbItem: 'breadcrumb-item',\n BottomNav: 'bottomnav',\n BottomNavItem: 'bottomnav-item',\n Carousel: 'carousel',\n ChatMessage: 'chat-message',\n Checkbox: 'checkbox',\n CheckboxGroup: 'checkbox-group',\n CheckboxLabel: 'checkbox-label',\n Chip: 'chip',\n ChipGroup: 'chip-group',\n ChipLabel: 'chip-label',\n Code: 'code',\n Component: 'blade-component',\n Counter: 'counter',\n CounterInput: 'counter-input',\n Display: 'display',\n Divider: 'divider',\n Drawer: 'drawer',\n EmptyState: 'empty-state',\n Dropdown: 'dropdown',\n DropdownOverlay: 'dropdown-overlay',\n DropdownFooter: 'dropdown-footer',\n DropdownHeader: 'dropdown-header',\n DatePicker: 'datepicker',\n Calendar: 'calendar',\n FileUpload: 'file-upload',\n FileUploadItem: 'file-upload-item',\n FileUploadLabel: 'file-upload-label',\n FilterChipGroup: 'filter-chip-group',\n Icon: 'icon',\n IconButton: 'icon-button',\n InfoGroup: 'info-group',\n InfoItem: 'info-item',\n InfoItemKey: 'info-item-key',\n InfoItemValue: 'info-item-value',\n InfoItemIcon: 'info-item-icon',\n Indicator: 'indicator',\n InputGroup: 'input-group',\n Link: 'link',\n List: 'list',\n ListItem: 'list-item',\n ListItemCode: 'list-item-code',\n ListItemLink: 'list-item-link',\n ListItemText: 'list-item-text',\n ListView: 'list-view',\n ListViewFilter: 'list-view-filter',\n OTPInput: 'otp-input',\n PasswordInput: 'password-input',\n SearchInput: 'search-input',\n TextArea: 'textarea',\n TextInput: 'textinput',\n PhoneNumberInput: 'phone-number-input',\n Toast: 'toast',\n ToastContainer: 'toast-container',\n TopNav: 'top-nav',\n TopNavBrand: 'top-nav-brand',\n TopNavContent: 'top-nav-content',\n TopNavActions: 'top-nav-actions',\n TabNav: 'tab-nav',\n TabNavItems: 'tab-nav-items',\n TabNavItem: 'tab-nav-item',\n TabNavItemLink: 'tab-nav-item-link',\n ProgressBar: 'progress-bar',\n Radio: 'radio',\n RadioGroup: 'radio-group',\n RadioLabel: 'radio-label',\n SkipNav: 'skipnav',\n Spinner: 'spinner',\n SideNav: 'sidenav',\n SelectInput: 'select-input',\n Tag: 'tag',\n Tooltip: 'tooltip',\n TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n Tabs: 'tabs',\n TabList: 'tab-list',\n TabItem: 'tab-item',\n TabPanel: 'tab-panel',\n TabIndicator: 'tab-indicator',\n Table: 'table',\n TableBody: 'table-body',\n TableRow: 'table-row',\n TableCell: 'table-cell',\n TableCellWrapper: 'table-cell-wrapper',\n TableSortButton: 'table-sort-button',\n TableHeader: 'table-header',\n TableHeaderRow: 'table-header-row',\n TableHeaderCell: 'table-header-cell',\n TableFooter: 'table-footer',\n TableFooterRow: 'table-footer-row',\n TableFooterCell: 'table-footer-cell',\n TableElement: 'table-element',\n TablePageSelectionButton: 'table-page-selection-button',\n TourPopover: 'tour-popover',\n TourMask: 'tour-mask',\n Popover: 'popover',\n PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n BottomSheet: 'bottom-sheet',\n BottomSheetBody: 'bottom-sheet-body',\n BottomSheetHeader: 'bottom-sheet-header',\n BottomSheetFooter: 'bottom-sheet-footer',\n BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n Card: 'card',\n CardBody: 'card-body',\n CardHeader: 'card-header',\n CardFooter: 'card-footer',\n Collapsible: 'collapsible',\n CollapsibleBody: 'collapsible-body',\n CollapsibleButton: 'collapsible-button',\n CollapsibleLink: 'collapsible-link',\n Menu: 'menu',\n MenuHeader: 'menu-header',\n MenuFooter: 'menu-footer',\n Modal: 'modal',\n ModalBody: 'modal-body',\n ModalHeader: 'modal-header',\n ModalFooter: 'modal-footer',\n ModalBackdrop: 'modal-backdrop',\n ModalScrollOverlay: 'modal-scroll-overlay',\n VisuallyHidden: 'visually-hidden',\n FormLabel: 'form-label',\n Switch: 'switch',\n SwitchLabel: 'switch-label',\n StyledBaseInput: 'styled-base-input',\n Skeleton: 'skeleton',\n StepGroup: 'step-group',\n StepItem: 'step-item',\n PreviewWindow: 'preview-window',\n PreviewHeader: 'preview-header',\n PreviewBody: 'preview-body',\n PreviewFooter: 'preview-footer',\n Pagination: 'pagination',\n TimePicker: 'time-picker',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatMessage","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","CounterInput","Display","Divider","Drawer","EmptyState","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter","Pagination","TimePicker"],"mappings":"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"}
@@ -0,0 +1,466 @@
1
+ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
2
+ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
+ import _defineProperty from '@babel/runtime/helpers/defineProperty';
4
+ import { useMemo, useState, useCallback } from 'react';
5
+ import styled from 'styled-components';
6
+ import { pagination } from './tokens.js';
7
+ import isUndefined from '../../utils/lodashButBetter/isUndefined.js';
8
+ import getIn from '../../utils/lodashButBetter/get.js';
9
+ import '../Box/BaseBox/index.js';
10
+ import '../Icons/index.js';
11
+ import '../Dropdown/index.js';
12
+ import '../Input/DropdownInputTriggers/index.js';
13
+ import '../ActionList/index.js';
14
+ import '../Typography/index.js';
15
+ import '../../utils/index.js';
16
+ import '../Button/index.js';
17
+ import '../../utils/makeAccessible/index.js';
18
+ import '../../utils/assignWithoutSideEffects/index.js';
19
+ import '../BladeProvider/index.js';
20
+ import '../../utils/getFocusRingStyles/index.js';
21
+ import '../../utils/makeAnalyticsAttribute/index.js';
22
+ import '../../utils/metaAttribute/index.js';
23
+ import { useControllableState } from '../../utils/useControllable.js';
24
+ import '../Box/styledProps/index.js';
25
+ import { jsxs, jsx } from 'react/jsx-runtime';
26
+ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
27
+ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
28
+ import { makeSize } from '../../utils/makeSize/makeSize.js';
29
+ import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
30
+ import useTheme from '../BladeProvider/useTheme.js';
31
+ import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
32
+ import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
33
+ import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
34
+ import { Text } from '../Typography/Text/Text.js';
35
+ import { Dropdown } from '../Dropdown/Dropdown.js';
36
+ import { SelectInput } from '../Input/DropdownInputTriggers/SelectInput.js';
37
+ import { DropdownOverlay } from '../Dropdown/DropdownOverlay.web.js';
38
+ import { ActionList } from '../ActionList/ActionList.js';
39
+ import { ActionListItem } from '../ActionList/ActionListItem.js';
40
+ import Button from '../Button/Button/Button.js';
41
+ import ChevronLeftIcon from '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
42
+ import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
43
+ import ChevronsLeftIcon from '../Icons/ChevronsLeftIcon/ChevronsLeftIcon.js';
44
+ import MoreHorizontalIcon from '../Icons/MoreHorizontalIcon/MoreHorizontalIcon.js';
45
+ import ChevronsRightIcon from '../Icons/ChevronsRightIcon/ChevronsRightIcon.js';
46
+ import ChevronRightIcon from '../Icons/ChevronRightIcon/ChevronRightIcon.js';
47
+ import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
48
+
49
+ var _excluded = ["totalPages", "selectedPage", "defaultSelectedPage", "onSelectedPageChange", "defaultPageSize", "pageSize", "pageSizeLabel", "onPageSizeChange", "showPageSizePicker", "showPageNumberSelector", "showLabel", "label", "isDisabled"];
50
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
51
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
52
+ var pageSizeOptions = [10, 25, 50];
53
+ var PageSelectionButton = /*#__PURE__*/styled.button.attrs(function () {
54
+ return _objectSpread({}, metaAttribute({
55
+ name: MetaConstants.TablePageSelectionButton
56
+ }));
57
+ }).withConfig({
58
+ displayName: "Paginationweb__PageSelectionButton",
59
+ componentId: "m9qfda-0"
60
+ })(function (_ref) {
61
+ var theme = _ref.theme,
62
+ isSelected = _ref.isSelected,
63
+ isDisabled = _ref.isDisabled;
64
+ return {
65
+ backgroundColor: isSelected ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelected) : 'transparent',
66
+ border: 'none',
67
+ cursor: isDisabled ? 'not-allowed' : 'pointer',
68
+ height: makeSize(pagination.pageSelectionButton.height),
69
+ width: makeSize(pagination.pageSelectionButton.width),
70
+ display: 'flex',
71
+ alignItems: 'center',
72
+ justifyContent: 'center',
73
+ borderRadius: getIn(theme.border.radius, pagination.pageSelectionButton.borderRadius),
74
+ opacity: isDisabled ? 0.5 : 1,
75
+ '&:hover': {
76
+ backgroundColor: isDisabled ? 'transparent' : isSelected ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelectedHover) : getIn(theme.colors, pagination.pageSelectionButton.backgroundColorHover)
77
+ },
78
+ '&:focus-visible': _objectSpread(_objectSpread({
79
+ backgroundColor: isDisabled ? 'transparent' : isSelected ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelectedActive) : getIn(theme.colors, pagination.pageSelectionButton.backgroundColorActive)
80
+ }, getFocusRingStyles({
81
+ theme: theme
82
+ })), {}, {
83
+ outline: 'none',
84
+ '&:focus-visible': getFocusRingStyles({
85
+ theme: theme
86
+ })
87
+ }),
88
+ '&:active': {
89
+ backgroundColor: isDisabled ? 'transparent' : isSelected ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelectedActive) : getIn(theme.colors, pagination.pageSelectionButton.backgroundColorActive)
90
+ }
91
+ };
92
+ });
93
+ var getPaginationButtons = function getPaginationButtons(_ref2) {
94
+ var currentSelection = _ref2.currentSelection,
95
+ totalPages = _ref2.totalPages;
96
+ var halfRange = 2;
97
+ var minMiddleItems = 5;
98
+
99
+ // return if totalPages is less than minMiddleItems
100
+ if (totalPages <= minMiddleItems) {
101
+ return {
102
+ middleItems: Array.from({
103
+ length: totalPages - 2
104
+ }, function (_, index) {
105
+ return index + 2;
106
+ }),
107
+ showStartEllipsis: false,
108
+ showEndEllipsis: false,
109
+ firstItem: 1,
110
+ lastItem: totalPages
111
+ };
112
+ }
113
+ var start = Math.max(1, currentSelection - halfRange);
114
+ var end = Math.min(totalPages, start + 2 * halfRange);
115
+
116
+ // Ensure at least minMiddleItems items in middleItems
117
+ while (end - start + 1 < minMiddleItems && (start > 1 || end < totalPages)) {
118
+ if (start > 1) {
119
+ start--;
120
+ }
121
+ if (end < totalPages) {
122
+ end++;
123
+ }
124
+ }
125
+ var showStartEllipsis = false;
126
+ var showEndEllipsis = false;
127
+ var paginationButtons = [];
128
+ for (var i = start; i <= end; i++) {
129
+ paginationButtons.push(i);
130
+ }
131
+
132
+ // if paginationButtons contains 1, remove it
133
+ if (paginationButtons.includes(1)) {
134
+ paginationButtons.shift();
135
+ // add an extra item at the end if length of total pages is greater than minMiddleItems+1
136
+ if (totalPages > minMiddleItems + 1) paginationButtons.push(end + 1);
137
+ }
138
+
139
+ // if paginationButtons contains totalPages, remove it
140
+ if (paginationButtons.includes(totalPages)) {
141
+ paginationButtons.pop();
142
+ // add an extra item at the beginning if length of total pages is greater than minMiddleItems+1
143
+ if (totalPages > minMiddleItems + 1) paginationButtons.unshift(start - 1);
144
+ }
145
+ if (paginationButtons[0] > 2) {
146
+ showStartEllipsis = true;
147
+ }
148
+ if (paginationButtons[paginationButtons.length - 1] + 1 < totalPages) {
149
+ showEndEllipsis = true;
150
+ }
151
+ return {
152
+ middleItems: paginationButtons,
153
+ showStartEllipsis: showStartEllipsis,
154
+ showEndEllipsis: showEndEllipsis,
155
+ firstItem: 1,
156
+ lastItem: totalPages
157
+ };
158
+ };
159
+ var _Pagination = function _Pagination(_ref3) {
160
+ var controlledTotalPages = _ref3.totalPages,
161
+ controlledSelectedPage = _ref3.selectedPage,
162
+ _ref3$defaultSelected = _ref3.defaultSelectedPage,
163
+ defaultSelectedPage = _ref3$defaultSelected === void 0 ? 1 : _ref3$defaultSelected,
164
+ onSelectedPageChange = _ref3.onSelectedPageChange,
165
+ _ref3$defaultPageSize = _ref3.defaultPageSize,
166
+ defaultPageSize = _ref3$defaultPageSize === void 0 ? pagination.defaultPageSize : _ref3$defaultPageSize,
167
+ controlledPageSize = _ref3.pageSize,
168
+ _ref3$pageSizeLabel = _ref3.pageSizeLabel,
169
+ pageSizeLabel = _ref3$pageSizeLabel === void 0 ? 'items / page' : _ref3$pageSizeLabel,
170
+ onPageSizeChange = _ref3.onPageSizeChange,
171
+ _ref3$showPageSizePic = _ref3.showPageSizePicker,
172
+ showPageSizePicker = _ref3$showPageSizePic === void 0 ? false : _ref3$showPageSizePic,
173
+ _ref3$showPageNumberS = _ref3.showPageNumberSelector,
174
+ showPageNumberSelector = _ref3$showPageNumberS === void 0 ? false : _ref3$showPageNumberS,
175
+ _ref3$showLabel = _ref3.showLabel,
176
+ showLabel = _ref3$showLabel === void 0 ? false : _ref3$showLabel,
177
+ label = _ref3.label,
178
+ _ref3$isDisabled = _ref3.isDisabled,
179
+ isDisabled = _ref3$isDisabled === void 0 ? false : _ref3$isDisabled,
180
+ rest = _objectWithoutProperties(_ref3, _excluded);
181
+ // Convert 1-based external page to 0-based internal page
182
+ var controlledInternalPage = useMemo(function () {
183
+ if (isUndefined(controlledSelectedPage)) {
184
+ return undefined;
185
+ }
186
+ return controlledSelectedPage - 1;
187
+ }, [controlledSelectedPage]);
188
+ var defaultInternalPage = useMemo(function () {
189
+ return defaultSelectedPage - 1;
190
+ }, [defaultSelectedPage]);
191
+ var _useControllableState = useControllableState({
192
+ defaultValue: defaultInternalPage,
193
+ value: controlledInternalPage,
194
+ onChange: function onChange(page) {
195
+ // Convert 0-based internal page back to 1-based external page
196
+ onSelectedPageChange === null || onSelectedPageChange === void 0 || onSelectedPageChange({
197
+ page: page + 1
198
+ });
199
+ }
200
+ }),
201
+ _useControllableState2 = _slicedToArray(_useControllableState, 2),
202
+ internalPage = _useControllableState2[0],
203
+ setInternalPage = _useControllableState2[1];
204
+ var _useControllableState3 = useControllableState({
205
+ defaultValue: defaultPageSize,
206
+ value: controlledPageSize,
207
+ onChange: function onChange(pageSize) {
208
+ onPageSizeChange === null || onPageSizeChange === void 0 || onPageSizeChange({
209
+ pageSize: pageSize
210
+ });
211
+ setInternalPage(function () {
212
+ return defaultInternalPage;
213
+ });
214
+ }
215
+ }),
216
+ _useControllableState4 = _slicedToArray(_useControllableState3, 2),
217
+ internalPageSize = _useControllableState4[0],
218
+ setInternalPageSize = _useControllableState4[1];
219
+
220
+ // Calculate totalPages
221
+ var totalPages = useMemo(function () {
222
+ if (!isUndefined(controlledTotalPages)) {
223
+ return controlledTotalPages;
224
+ }
225
+ return 1;
226
+ }, [controlledTotalPages]);
227
+ var _useState = useState(undefined),
228
+ _useState2 = _slicedToArray(_useState, 2),
229
+ currentEllipseHover = _useState2[0],
230
+ setCurrentEllipseHover = _useState2[1];
231
+
232
+ // Generate default label
233
+ var defaultLabel = label ? label : "Showing ".concat(internalPage * internalPageSize + 1, "-").concat((internalPage + 1) * internalPageSize, " items");
234
+ var _useTheme = useTheme(),
235
+ platform = _useTheme.platform;
236
+ var onMobile = platform === 'onMobile';
237
+ var handlePageChange = useCallback(function (page) {
238
+ if (isDisabled) return;
239
+
240
+ // page is 0-based internally
241
+ var pageToJumpTo = page;
242
+ if (pageToJumpTo < 0) {
243
+ pageToJumpTo = 0;
244
+ } else if (pageToJumpTo > totalPages - 1) {
245
+ pageToJumpTo = totalPages - 1;
246
+ }
247
+ setInternalPage(function () {
248
+ return pageToJumpTo;
249
+ });
250
+ }, [isDisabled, setInternalPage, totalPages]);
251
+ var handlePageSizeChange = useCallback(function (pageSize) {
252
+ if (isDisabled) return;
253
+ setInternalPageSize(function () {
254
+ return pageSize;
255
+ });
256
+ }, [isDisabled, setInternalPageSize]);
257
+ var shouldDisableNextPage = function shouldDisableNextPage() {
258
+ return internalPage >= totalPages - 1 || isDisabled;
259
+ };
260
+ var shouldDisablePreviousPage = function shouldDisablePreviousPage() {
261
+ return internalPage <= 0 || isDisabled;
262
+ };
263
+ var paginationButtons = getPaginationButtons({
264
+ currentSelection: internalPage + 1,
265
+ totalPages: totalPages
266
+ });
267
+ return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
268
+ display: "flex",
269
+ flexDirection: "row",
270
+ backgroundColor: "transparent",
271
+ padding: pagination.padding
272
+ }, getStyledProps(rest)), makeAnalyticsAttribute(rest)), metaAttribute({
273
+ name: MetaConstants.Pagination,
274
+ testID: rest.testID
275
+ })), {}, {
276
+ children: [showLabel && !onMobile && /*#__PURE__*/jsx(BaseBox, {
277
+ display: "flex",
278
+ justifyContent: "center",
279
+ alignItems: "center",
280
+ children: /*#__PURE__*/jsx(Text, {
281
+ size: "medium",
282
+ weight: "semibold",
283
+ children: defaultLabel
284
+ })
285
+ }), /*#__PURE__*/jsxs(BaseBox, {
286
+ display: "flex",
287
+ flex: 1,
288
+ gap: "spacing.2",
289
+ justifyContent: "flex-end",
290
+ alignItems: "center",
291
+ children: [showPageSizePicker && !onMobile && /*#__PURE__*/jsxs(BaseBox, {
292
+ display: "flex",
293
+ flexDirection: "row",
294
+ alignItems: "center",
295
+ children: [/*#__PURE__*/jsxs(Dropdown, {
296
+ selectionType: "single",
297
+ children: [/*#__PURE__*/jsx(SelectInput, {
298
+ accessibilityLabel: "Select items per page",
299
+ name: "page-size",
300
+ label: "",
301
+ labelPosition: "inside-input",
302
+ placeholder: "",
303
+ onChange: function onChange(_ref4) {
304
+ var values = _ref4.values;
305
+ handlePageSizeChange(Number(values[0]));
306
+ },
307
+ value: internalPageSize.toString(),
308
+ isDisabled: isDisabled
309
+ }), /*#__PURE__*/jsx(DropdownOverlay, {
310
+ children: /*#__PURE__*/jsx(ActionList, {
311
+ children: pageSizeOptions.map(function (item, index) {
312
+ return /*#__PURE__*/jsx(ActionListItem, {
313
+ title: item.toString(),
314
+ value: item.toString()
315
+ }, index);
316
+ })
317
+ })
318
+ })]
319
+ }), /*#__PURE__*/jsx(BaseBox, {
320
+ "aria-hidden": true,
321
+ paddingLeft: "spacing.3",
322
+ paddingRight: "spacing.3",
323
+ children: /*#__PURE__*/jsxs(Text, {
324
+ children: [" ", pageSizeLabel, " "]
325
+ })
326
+ })]
327
+ }), /*#__PURE__*/jsxs(BaseBox, {
328
+ display: "flex",
329
+ flexDirection: "row",
330
+ gap: "spacing.2",
331
+ flex: onMobile ? 1 : undefined,
332
+ alignItems: "center",
333
+ children: [/*#__PURE__*/jsx(Button, {
334
+ icon: ChevronLeftIcon,
335
+ accessibilityLabel: "Previous Page",
336
+ variant: "tertiary",
337
+ onClick: function onClick() {
338
+ handlePageChange(internalPage - 1);
339
+ },
340
+ isDisabled: shouldDisablePreviousPage()
341
+ }), onMobile && /*#__PURE__*/jsx(BaseBox, {
342
+ flex: 1,
343
+ alignItems: "center",
344
+ justifyContent: "center",
345
+ children: /*#__PURE__*/jsx(Text, {
346
+ textAlign: "center",
347
+ children: "Showing ".concat(internalPage + 1, " of ").concat(totalPages, " pages")
348
+ })
349
+ }), totalPages > 1 && showPageNumberSelector && !onMobile && /*#__PURE__*/jsxs(BaseBox, {
350
+ gap: "spacing.1",
351
+ display: "flex",
352
+ flexDirection: "row",
353
+ children: [/*#__PURE__*/jsx(PageSelectionButton, _objectSpread(_objectSpread({
354
+ onClick: function onClick() {
355
+ return handlePageChange(paginationButtons.firstItem - 1);
356
+ },
357
+ isSelected: internalPage === paginationButtons.firstItem - 1,
358
+ isDisabled: isDisabled
359
+ }, makeAccessible({
360
+ label: "Page ".concat(paginationButtons.firstItem)
361
+ })), {}, {
362
+ children: /*#__PURE__*/jsx(Text, {
363
+ size: "medium",
364
+ color: internalPage === paginationButtons.firstItem - 1 ? pagination.pageSelectionButton.textColorSelected : pagination.pageSelectionButton.textColor,
365
+ children: paginationButtons.firstItem
366
+ })
367
+ })), paginationButtons.showStartEllipsis && /*#__PURE__*/jsx(PageSelectionButton, _objectSpread(_objectSpread({
368
+ onClick: function onClick() {
369
+ return handlePageChange(internalPage - 5);
370
+ },
371
+ onMouseOver: function onMouseOver() {
372
+ return setCurrentEllipseHover('start');
373
+ },
374
+ onMouseLeave: function onMouseLeave() {
375
+ return setCurrentEllipseHover(undefined);
376
+ },
377
+ onFocus: function onFocus() {
378
+ return setCurrentEllipseHover('start');
379
+ },
380
+ onBlur: function onBlur() {
381
+ return setCurrentEllipseHover(undefined);
382
+ },
383
+ isDisabled: isDisabled
384
+ }, makeAccessible({
385
+ label: 'Go back 5 pages'
386
+ })), {}, {
387
+ children: currentEllipseHover === 'start' ? /*#__PURE__*/jsx(ChevronsLeftIcon, {
388
+ size: "medium"
389
+ }) : /*#__PURE__*/jsx(MoreHorizontalIcon, {
390
+ size: "medium"
391
+ })
392
+ })), paginationButtons.middleItems.map(function (item) {
393
+ return /*#__PURE__*/jsx(PageSelectionButton, _objectSpread(_objectSpread({
394
+ onClick: function onClick() {
395
+ return handlePageChange(item - 1);
396
+ },
397
+ isSelected: internalPage === item - 1,
398
+ isDisabled: isDisabled
399
+ }, makeAccessible({
400
+ label: "Page ".concat(item)
401
+ })), {}, {
402
+ children: /*#__PURE__*/jsx(Text, {
403
+ size: "medium",
404
+ color: internalPage === item - 1 ? pagination.pageSelectionButton.textColorSelected : pagination.pageSelectionButton.textColor,
405
+ children: item
406
+ })
407
+ }), item - 1);
408
+ }), paginationButtons.showEndEllipsis && /*#__PURE__*/jsx(PageSelectionButton, _objectSpread(_objectSpread({
409
+ onClick: function onClick() {
410
+ return handlePageChange(internalPage + 5);
411
+ },
412
+ onMouseOver: function onMouseOver() {
413
+ return setCurrentEllipseHover('end');
414
+ },
415
+ onMouseLeave: function onMouseLeave() {
416
+ return setCurrentEllipseHover(undefined);
417
+ },
418
+ onFocus: function onFocus() {
419
+ return setCurrentEllipseHover('end');
420
+ },
421
+ onBlur: function onBlur() {
422
+ return setCurrentEllipseHover(undefined);
423
+ },
424
+ isDisabled: isDisabled
425
+ }, makeAccessible({
426
+ label: 'Go forward 5 pages'
427
+ })), {}, {
428
+ children: currentEllipseHover === 'end' ? /*#__PURE__*/jsx(ChevronsRightIcon, {
429
+ size: "medium"
430
+ }) : /*#__PURE__*/jsx(MoreHorizontalIcon, {
431
+ size: "medium"
432
+ })
433
+ })), /*#__PURE__*/jsx(PageSelectionButton, _objectSpread(_objectSpread({
434
+ onClick: function onClick() {
435
+ return handlePageChange(paginationButtons.lastItem - 1);
436
+ },
437
+ isSelected: internalPage === paginationButtons.lastItem - 1,
438
+ isDisabled: isDisabled
439
+ }, makeAccessible({
440
+ label: "Page ".concat(paginationButtons.lastItem)
441
+ })), {}, {
442
+ children: /*#__PURE__*/jsx(Text, {
443
+ size: "medium",
444
+ color: internalPage === paginationButtons.lastItem - 1 ? pagination.pageSelectionButton.textColorSelected : pagination.pageSelectionButton.textColor,
445
+ children: paginationButtons.lastItem
446
+ })
447
+ }))]
448
+ }), /*#__PURE__*/jsx(Button, {
449
+ variant: "tertiary",
450
+ icon: ChevronRightIcon,
451
+ accessibilityLabel: "Next Page",
452
+ onClick: function onClick() {
453
+ handlePageChange(internalPage + 1);
454
+ },
455
+ isDisabled: shouldDisableNextPage()
456
+ })]
457
+ })]
458
+ })]
459
+ }));
460
+ };
461
+ var Pagination = /*#__PURE__*/assignWithoutSideEffects(_Pagination, {
462
+ componentId: 'Pagination'
463
+ });
464
+
465
+ export { Pagination };
466
+ //# sourceMappingURL=Pagination.web.js.map