@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.
- package/build/lib/native/components/Pagination/Pagination.native.js +12 -0
- package/build/lib/native/components/Pagination/Pagination.native.js.map +1 -0
- package/build/lib/native/components/Table/tokens.js.map +1 -1
- package/build/lib/native/components/index.js +1 -0
- package/build/lib/native/components/index.js.map +1 -1
- package/build/lib/native/utils/metaAttribute/metaConstants.js +1 -1
- package/build/lib/native/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/lib/web/development/components/Pagination/Pagination.web.js +466 -0
- package/build/lib/web/development/components/Pagination/Pagination.web.js.map +1 -0
- package/build/lib/web/development/components/Pagination/index.js +2 -0
- package/build/lib/web/development/components/Pagination/index.js.map +1 -0
- package/build/lib/web/development/components/Pagination/tokens.js +25 -0
- package/build/lib/web/development/components/Pagination/tokens.js.map +1 -0
- package/build/lib/web/development/components/Table/TablePagination.web.js +128 -395
- package/build/lib/web/development/components/Table/TablePagination.web.js.map +1 -1
- package/build/lib/web/development/components/Table/tokens.js +0 -16
- package/build/lib/web/development/components/Table/tokens.js.map +1 -1
- package/build/lib/web/development/components/index.js +2 -0
- package/build/lib/web/development/components/index.js.map +1 -1
- package/build/lib/web/development/utils/metaAttribute/metaConstants.js +1 -0
- package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/lib/web/production/components/Pagination/Pagination.web.js +466 -0
- package/build/lib/web/production/components/Pagination/Pagination.web.js.map +1 -0
- package/build/lib/web/production/components/Pagination/index.js +2 -0
- package/build/lib/web/production/components/Pagination/index.js.map +1 -0
- package/build/lib/web/production/components/Pagination/tokens.js +25 -0
- package/build/lib/web/production/components/Pagination/tokens.js.map +1 -0
- package/build/lib/web/production/components/Table/TablePagination.web.js +128 -395
- package/build/lib/web/production/components/Table/TablePagination.web.js.map +1 -1
- package/build/lib/web/production/components/Table/tokens.js +0 -16
- package/build/lib/web/production/components/Table/tokens.js.map +1 -1
- package/build/lib/web/production/components/index.js +2 -0
- package/build/lib/web/production/components/index.js.map +1 -1
- package/build/lib/web/production/utils/metaAttribute/metaConstants.js +1 -0
- package/build/lib/web/production/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/types/components/index.d.ts +84 -1
- package/build/types/components/index.native.d.ts +84 -1
- 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
|
|
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":"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"}
|
|
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
|