@salt-ds/core 1.37.1 → 1.37.2
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/CHANGELOG.md +1753 -0
- package/css/salt-core.css +75 -37
- package/dist-cjs/accordion/Accordion.js +31 -123
- package/dist-cjs/accordion/Accordion.js.map +1 -1
- package/dist-cjs/accordion/AccordionContext.js +0 -101
- package/dist-cjs/accordion/AccordionContext.js.map +1 -1
- package/dist-cjs/accordion/AccordionGroup.js +1 -103
- package/dist-cjs/accordion/AccordionGroup.js.map +1 -1
- package/dist-cjs/accordion/AccordionHeader.js +33 -136
- package/dist-cjs/accordion/AccordionHeader.js.map +1 -1
- package/dist-cjs/accordion/AccordionPanel.js +22 -117
- package/dist-cjs/accordion/AccordionPanel.js.map +1 -1
- package/dist-cjs/aria-announcer/AriaAnnounce.js +0 -2
- package/dist-cjs/aria-announcer/AriaAnnounce.js.map +1 -1
- package/dist-cjs/aria-announcer/AriaAnnouncerContext.js +0 -2
- package/dist-cjs/aria-announcer/AriaAnnouncerContext.js.map +1 -1
- package/dist-cjs/aria-announcer/AriaAnnouncerProvider.js +8 -10
- package/dist-cjs/aria-announcer/AriaAnnouncerProvider.js.map +1 -1
- package/dist-cjs/aria-announcer/useAriaAnnouncer.js +0 -106
- package/dist-cjs/aria-announcer/useAriaAnnouncer.js.map +1 -1
- package/dist-cjs/avatar/Avatar.js +18 -117
- package/dist-cjs/avatar/Avatar.js.map +1 -1
- package/dist-cjs/avatar/useAvatarImage.js +0 -101
- package/dist-cjs/avatar/useAvatarImage.js.map +1 -1
- package/dist-cjs/badge/Badge.js +8 -108
- package/dist-cjs/badge/Badge.js.map +1 -1
- package/dist-cjs/banner/Banner.js +18 -115
- package/dist-cjs/banner/Banner.js.map +1 -1
- package/dist-cjs/banner/BannerActions.js +1 -103
- package/dist-cjs/banner/BannerActions.js.map +1 -1
- package/dist-cjs/banner/BannerContent.js +1 -103
- package/dist-cjs/banner/BannerContent.js.map +1 -1
- package/dist-cjs/border-item/BorderItem.js +17 -111
- package/dist-cjs/border-item/BorderItem.js.map +1 -1
- package/dist-cjs/border-layout/BorderLayout.js +12 -108
- package/dist-cjs/border-layout/BorderLayout.js.map +1 -1
- package/dist-cjs/breakpoints/BreakpointProvider.js +2 -111
- package/dist-cjs/breakpoints/BreakpointProvider.js.map +1 -1
- package/dist-cjs/breakpoints/Breakpoints.js +0 -2
- package/dist-cjs/breakpoints/Breakpoints.js.map +1 -1
- package/dist-cjs/button/Button.js +24 -120
- package/dist-cjs/button/Button.js.map +1 -1
- package/dist-cjs/button/useButton.js +0 -2
- package/dist-cjs/button/useButton.js.map +1 -1
- package/dist-cjs/card/Card.js +21 -115
- package/dist-cjs/card/Card.js.map +1 -1
- package/dist-cjs/checkbox/Checkbox.css.js +1 -1
- package/dist-cjs/checkbox/Checkbox.js +62 -150
- package/dist-cjs/checkbox/Checkbox.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxGroup.js +32 -123
- package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxIcon.js +24 -131
- package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-cjs/checkbox/internal/CheckboxGroupContext.js +0 -101
- package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-cjs/checkbox/internal/useCheckboxGroup.js +0 -2
- package/dist-cjs/checkbox/internal/useCheckboxGroup.js.map +1 -1
- package/dist-cjs/combo-box/ComboBox.js +29 -123
- package/dist-cjs/combo-box/ComboBox.js.map +1 -1
- package/dist-cjs/combo-box/useComboBox.js +1 -102
- package/dist-cjs/combo-box/useComboBox.js.map +1 -1
- package/dist-cjs/dialog/Dialog.js +38 -143
- package/dist-cjs/dialog/Dialog.js.map +1 -1
- package/dist-cjs/dialog/DialogActions.js +1 -104
- package/dist-cjs/dialog/DialogActions.js.map +1 -1
- package/dist-cjs/dialog/DialogCloseButton.js +11 -110
- package/dist-cjs/dialog/DialogCloseButton.js.map +1 -1
- package/dist-cjs/dialog/DialogContent.css.js +1 -1
- package/dist-cjs/dialog/DialogContent.js +39 -113
- package/dist-cjs/dialog/DialogContent.js.map +1 -1
- package/dist-cjs/dialog/DialogContext.js +0 -2
- package/dist-cjs/dialog/DialogContext.js.map +1 -1
- package/dist-cjs/dialog/DialogHeader.js +24 -125
- package/dist-cjs/dialog/DialogHeader.js.map +1 -1
- package/dist-cjs/divider/Divider.js +15 -110
- package/dist-cjs/divider/Divider.js.map +1 -1
- package/dist-cjs/drawer/Drawer.js +13 -114
- package/dist-cjs/drawer/Drawer.js.map +1 -1
- package/dist-cjs/drawer/DrawerCloseButton.js +8 -110
- package/dist-cjs/drawer/DrawerCloseButton.js.map +1 -1
- package/dist-cjs/dropdown/Dropdown.js +34 -133
- package/dist-cjs/dropdown/Dropdown.js.map +1 -1
- package/dist-cjs/file-drop-zone/FileDropZone.js +21 -116
- package/dist-cjs/file-drop-zone/FileDropZone.js.map +1 -1
- package/dist-cjs/file-drop-zone/FileDropZoneIcon.js +2 -9
- package/dist-cjs/file-drop-zone/FileDropZoneIcon.js.map +1 -1
- package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js +14 -110
- package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
- package/dist-cjs/file-drop-zone/internal/utils.js +1 -4
- package/dist-cjs/file-drop-zone/internal/utils.js.map +1 -1
- package/dist-cjs/flex-item/FlexItem.js +10 -106
- package/dist-cjs/flex-item/FlexItem.js.map +1 -1
- package/dist-cjs/flex-layout/FlexLayout.js +21 -117
- package/dist-cjs/flex-layout/FlexLayout.js.map +1 -1
- package/dist-cjs/flow-layout/FlowLayout.js +1 -9
- package/dist-cjs/flow-layout/FlowLayout.js.map +1 -1
- package/dist-cjs/form-field/FormField.js +30 -121
- package/dist-cjs/form-field/FormField.js.map +1 -1
- package/dist-cjs/form-field/FormFieldHelperText.js +24 -114
- package/dist-cjs/form-field/FormFieldHelperText.js.map +1 -1
- package/dist-cjs/form-field/FormFieldLabel.js +15 -106
- package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
- package/dist-cjs/form-field-context/FormFieldContext.js +0 -100
- package/dist-cjs/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-cjs/form-field-context/useFormFieldProps.js +0 -2
- package/dist-cjs/form-field-context/useFormFieldProps.js.map +1 -1
- package/dist-cjs/grid-item/GridItem.js +10 -106
- package/dist-cjs/grid-item/GridItem.js.map +1 -1
- package/dist-cjs/grid-layout/GridLayout.js +13 -109
- package/dist-cjs/grid-layout/GridLayout.js.map +1 -1
- package/dist-cjs/index.js +0 -2
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/input/Input.js +49 -149
- package/dist-cjs/input/Input.js.map +1 -1
- package/dist-cjs/interactable-card/InteractableCard.js +28 -122
- package/dist-cjs/interactable-card/InteractableCard.js.map +1 -1
- package/dist-cjs/interactable-card/InteractableCardGroup.js +9 -106
- package/dist-cjs/interactable-card/InteractableCardGroup.js.map +1 -1
- package/dist-cjs/interactable-card/InteractableCardGroupContext.js +0 -100
- package/dist-cjs/interactable-card/InteractableCardGroupContext.js.map +1 -1
- package/dist-cjs/interactable-card/useInteractableCard.js +0 -2
- package/dist-cjs/interactable-card/useInteractableCard.js.map +1 -1
- package/dist-cjs/link/Link.js +22 -117
- package/dist-cjs/link/Link.js.map +1 -1
- package/dist-cjs/link-card/LinkCard.js +18 -113
- package/dist-cjs/link-card/LinkCard.js.map +1 -1
- package/dist-cjs/list-box/ListBox.js +8 -106
- package/dist-cjs/list-box/ListBox.js.map +1 -1
- package/dist-cjs/list-control/ListControlContext.js +0 -100
- package/dist-cjs/list-control/ListControlContext.js.map +1 -1
- package/dist-cjs/list-control/ListControlState.js +3 -104
- package/dist-cjs/list-control/ListControlState.js.map +1 -1
- package/dist-cjs/menu/Menu.js +2 -10
- package/dist-cjs/menu/Menu.js.map +1 -1
- package/dist-cjs/menu/MenuBase.js +10 -109
- package/dist-cjs/menu/MenuBase.js.map +1 -1
- package/dist-cjs/menu/MenuContext.js +0 -100
- package/dist-cjs/menu/MenuContext.js.map +1 -1
- package/dist-cjs/menu/MenuGroup.js +14 -114
- package/dist-cjs/menu/MenuGroup.js.map +1 -1
- package/dist-cjs/menu/MenuItem.js +51 -143
- package/dist-cjs/menu/MenuItem.js.map +1 -1
- package/dist-cjs/menu/MenuPanel.js +27 -123
- package/dist-cjs/menu/MenuPanel.js.map +1 -1
- package/dist-cjs/menu/MenuPanelBase.js +1 -7
- package/dist-cjs/menu/MenuPanelBase.js.map +1 -1
- package/dist-cjs/menu/MenuPanelContext.js +0 -100
- package/dist-cjs/menu/MenuPanelContext.js.map +1 -1
- package/dist-cjs/menu/MenuTrigger.js +20 -118
- package/dist-cjs/menu/MenuTrigger.js.map +1 -1
- package/dist-cjs/menu/MenuTriggerContext.js +0 -100
- package/dist-cjs/menu/MenuTriggerContext.js.map +1 -1
- package/dist-cjs/multiline-input/MultilineInput.js +54 -161
- package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
- package/dist-cjs/navigation-item/ExpansionIcon.js +1 -5
- package/dist-cjs/navigation-item/ExpansionIcon.js.map +1 -1
- package/dist-cjs/navigation-item/NavigationItem.js +32 -132
- package/dist-cjs/navigation-item/NavigationItem.js.map +1 -1
- package/dist-cjs/navigation-item/NavigationItemAction.js +0 -102
- package/dist-cjs/navigation-item/NavigationItemAction.js.map +1 -1
- package/dist-cjs/option/Option.js +32 -120
- package/dist-cjs/option/Option.js.map +1 -1
- package/dist-cjs/option/OptionGroup.js +14 -114
- package/dist-cjs/option/OptionGroup.js.map +1 -1
- package/dist-cjs/option/OptionList.js +17 -117
- package/dist-cjs/option/OptionList.js.map +1 -1
- package/dist-cjs/option/OptionListBase.js +9 -105
- package/dist-cjs/option/OptionListBase.js.map +1 -1
- package/dist-cjs/overlay/Overlay.js +18 -114
- package/dist-cjs/overlay/Overlay.js.map +1 -1
- package/dist-cjs/overlay/OverlayContext.js +0 -100
- package/dist-cjs/overlay/OverlayContext.js.map +1 -1
- package/dist-cjs/overlay/OverlayPanel.js +34 -127
- package/dist-cjs/overlay/OverlayPanel.js.map +1 -1
- package/dist-cjs/overlay/OverlayPanelCloseButton.js +7 -109
- package/dist-cjs/overlay/OverlayPanelCloseButton.js.map +1 -1
- package/dist-cjs/overlay/OverlayPanelContent.css.js +1 -1
- package/dist-cjs/overlay/OverlayPanelContent.js +41 -107
- package/dist-cjs/overlay/OverlayPanelContent.js.map +1 -1
- package/dist-cjs/overlay/OverlayTrigger.js +6 -111
- package/dist-cjs/overlay/OverlayTrigger.js.map +1 -1
- package/dist-cjs/pagination/CompactInput.js +20 -114
- package/dist-cjs/pagination/CompactInput.js.map +1 -1
- package/dist-cjs/pagination/CompactPaginator.js +21 -123
- package/dist-cjs/pagination/CompactPaginator.js.map +1 -1
- package/dist-cjs/pagination/GoToInput.js +31 -114
- package/dist-cjs/pagination/GoToInput.js.map +1 -1
- package/dist-cjs/pagination/PageButton.js +17 -112
- package/dist-cjs/pagination/PageButton.js.map +1 -1
- package/dist-cjs/pagination/PageRanges.js +15 -126
- package/dist-cjs/pagination/PageRanges.js.map +1 -1
- package/dist-cjs/pagination/Pagination.js +6 -103
- package/dist-cjs/pagination/Pagination.js.map +1 -1
- package/dist-cjs/pagination/PaginationContext.js +0 -2
- package/dist-cjs/pagination/PaginationContext.js.map +1 -1
- package/dist-cjs/pagination/Paginator.js +19 -121
- package/dist-cjs/pagination/Paginator.js.map +1 -1
- package/dist-cjs/pagination/usePagination.js +0 -2
- package/dist-cjs/pagination/usePagination.js.map +1 -1
- package/dist-cjs/pagination/usePaginationContext.js +0 -2
- package/dist-cjs/pagination/usePaginationContext.js.map +1 -1
- package/dist-cjs/panel/Panel.js +9 -104
- package/dist-cjs/panel/Panel.js.map +1 -1
- package/dist-cjs/parent-child-layout/ParentChildLayout.js +24 -123
- package/dist-cjs/parent-child-layout/ParentChildLayout.js.map +1 -1
- package/dist-cjs/parent-child-layout/useIsViewportLargerThanBreakpoint.js +0 -103
- package/dist-cjs/parent-child-layout/useIsViewportLargerThanBreakpoint.js.map +1 -1
- package/dist-cjs/pill/Pill.js +17 -115
- package/dist-cjs/pill/Pill.js.map +1 -1
- package/dist-cjs/pill-input/PillInput.js +97 -204
- package/dist-cjs/pill-input/PillInput.js.map +1 -1
- package/dist-cjs/pill-input/useTruncatePills.js +0 -2
- package/dist-cjs/pill-input/useTruncatePills.js.map +1 -1
- package/dist-cjs/progress/CircularProgress/CircularProgress.js +44 -153
- package/dist-cjs/progress/CircularProgress/CircularProgress.js.map +1 -1
- package/dist-cjs/progress/LinearProgress/LinearProgress.js +28 -125
- package/dist-cjs/progress/LinearProgress/LinearProgress.js.map +1 -1
- package/dist-cjs/radio-button/RadioButton.css.js +1 -1
- package/dist-cjs/radio-button/RadioButton.js +60 -150
- package/dist-cjs/radio-button/RadioButton.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonGroup.js +36 -127
- package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonIcon.js +45 -134
- package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-cjs/radio-button/internal/RadioGroupContext.js +0 -101
- package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-cjs/radio-button/internal/useRadioGroup.js +0 -2
- package/dist-cjs/radio-button/internal/useRadioGroup.js.map +1 -1
- package/dist-cjs/salt-provider/SaltProvider.js +32 -155
- package/dist-cjs/salt-provider/SaltProvider.js.map +1 -1
- package/dist-cjs/scrim/Scrim.js +16 -111
- package/dist-cjs/scrim/Scrim.js.map +1 -1
- package/dist-cjs/segmented-button-group/SegmentedButtonGroup.js +1 -104
- package/dist-cjs/segmented-button-group/SegmentedButtonGroup.js.map +1 -1
- package/dist-cjs/semantic-icon-provider/SemanticIconProvider.js +1 -6
- package/dist-cjs/semantic-icon-provider/SemanticIconProvider.js.map +1 -1
- package/dist-cjs/spinner/Spinner.js +16 -116
- package/dist-cjs/spinner/Spinner.js.map +1 -1
- package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js +43 -141
- package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
- package/dist-cjs/split-layout/SplitLayout.js +13 -107
- package/dist-cjs/split-layout/SplitLayout.js.map +1 -1
- package/dist-cjs/stack-layout/StackLayout.js +21 -116
- package/dist-cjs/stack-layout/StackLayout.js.map +1 -1
- package/dist-cjs/status-adornment/ErrorAdornment.js +5 -11
- package/dist-cjs/status-adornment/ErrorAdornment.js.map +1 -1
- package/dist-cjs/status-adornment/StatusAdornment.js +9 -104
- package/dist-cjs/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-cjs/status-adornment/SuccessAdornment.js +18 -14
- package/dist-cjs/status-adornment/SuccessAdornment.js.map +1 -1
- package/dist-cjs/status-adornment/WarningAdornment.js +1 -12
- package/dist-cjs/status-adornment/WarningAdornment.js.map +1 -1
- package/dist-cjs/status-indicator/StatusIndicator.js +10 -103
- package/dist-cjs/status-indicator/StatusIndicator.js.map +1 -1
- package/dist-cjs/status-indicator/ValidationStatus.js +0 -2
- package/dist-cjs/status-indicator/ValidationStatus.js.map +1 -1
- package/dist-cjs/switch/Switch.js +44 -150
- package/dist-cjs/switch/Switch.js.map +1 -1
- package/dist-cjs/tag/Tag.js +17 -112
- package/dist-cjs/tag/Tag.js.map +1 -1
- package/dist-cjs/text/Code.js +1 -8
- package/dist-cjs/text/Code.js.map +1 -1
- package/dist-cjs/text/Display.js +4 -30
- package/dist-cjs/text/Display.js.map +1 -1
- package/dist-cjs/text/Headings.js +4 -26
- package/dist-cjs/text/Headings.js.map +1 -1
- package/dist-cjs/text/Label.js +1 -8
- package/dist-cjs/text/Label.js.map +1 -1
- package/dist-cjs/text/Text.js +21 -117
- package/dist-cjs/text/Text.js.map +1 -1
- package/dist-cjs/text/TextAction.js +1 -9
- package/dist-cjs/text/TextAction.js.map +1 -1
- package/dist-cjs/text/TextNotation.js +1 -9
- package/dist-cjs/text/TextNotation.js.map +1 -1
- package/dist-cjs/theme/Accent.js +0 -2
- package/dist-cjs/theme/Accent.js.map +1 -1
- package/dist-cjs/theme/ActionFont.js +0 -2
- package/dist-cjs/theme/ActionFont.js.map +1 -1
- package/dist-cjs/theme/Corner.js +0 -2
- package/dist-cjs/theme/Corner.js.map +1 -1
- package/dist-cjs/theme/Density.js +0 -2
- package/dist-cjs/theme/Density.js.map +1 -1
- package/dist-cjs/theme/HeadingFont.js +0 -2
- package/dist-cjs/theme/HeadingFont.js.map +1 -1
- package/dist-cjs/theme/Mode.js +0 -2
- package/dist-cjs/theme/Mode.js.map +1 -1
- package/dist-cjs/theme/Theme.js +0 -2
- package/dist-cjs/theme/Theme.js.map +1 -1
- package/dist-cjs/toast/Toast.js +17 -116
- package/dist-cjs/toast/Toast.js.map +1 -1
- package/dist-cjs/toast/ToastContent.js +1 -104
- package/dist-cjs/toast/ToastContent.js.map +1 -1
- package/dist-cjs/toggle-button/ToggleButton.css.js +1 -1
- package/dist-cjs/toggle-button/ToggleButton.js +18 -111
- package/dist-cjs/toggle-button/ToggleButton.js.map +1 -1
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js +10 -107
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js.map +1 -1
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js +0 -100
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
- package/dist-cjs/tooltip/Tooltip.js +25 -119
- package/dist-cjs/tooltip/Tooltip.js.map +1 -1
- package/dist-cjs/tooltip/TooltipBase.js +25 -117
- package/dist-cjs/tooltip/TooltipBase.js.map +1 -1
- package/dist-cjs/tooltip/useAriaAnnounce.js +2 -104
- package/dist-cjs/tooltip/useAriaAnnounce.js.map +1 -1
- package/dist-cjs/tooltip/useTooltip.js +4 -103
- package/dist-cjs/tooltip/useTooltip.js.map +1 -1
- package/dist-cjs/utils/capitalize.js +0 -2
- package/dist-cjs/utils/capitalize.js.map +1 -1
- package/dist-cjs/utils/createChainedFunction.js +0 -2
- package/dist-cjs/utils/createChainedFunction.js.map +1 -1
- package/dist-cjs/utils/createContext.js +0 -2
- package/dist-cjs/utils/createContext.js.map +1 -1
- package/dist-cjs/utils/debounce.js +0 -2
- package/dist-cjs/utils/debounce.js.map +1 -1
- package/dist-cjs/utils/getRefFromChildren.js +4 -3
- package/dist-cjs/utils/getRefFromChildren.js.map +1 -1
- package/dist-cjs/utils/makePrefixer.js +0 -2
- package/dist-cjs/utils/makePrefixer.js.map +1 -1
- package/dist-cjs/utils/marginMiddleware.js +0 -2
- package/dist-cjs/utils/marginMiddleware.js.map +1 -1
- package/dist-cjs/utils/mergeProps.js +0 -2
- package/dist-cjs/utils/mergeProps.js.map +1 -1
- package/dist-cjs/utils/ownerDocument.js +0 -2
- package/dist-cjs/utils/ownerDocument.js.map +1 -1
- package/dist-cjs/utils/ownerWindow.js +0 -2
- package/dist-cjs/utils/ownerWindow.js.map +1 -1
- package/dist-cjs/utils/renderProps.js +1 -5
- package/dist-cjs/utils/renderProps.js.map +1 -1
- package/dist-cjs/utils/setRef.js +0 -2
- package/dist-cjs/utils/setRef.js.map +1 -1
- package/dist-cjs/utils/useControlled.js +0 -2
- package/dist-cjs/utils/useControlled.js.map +1 -1
- package/dist-cjs/utils/useEventCallback.js +4 -3
- package/dist-cjs/utils/useEventCallback.js.map +1 -1
- package/dist-cjs/utils/useFloatingUI/useFloatingUI.js +6 -33
- package/dist-cjs/utils/useFloatingUI/useFloatingUI.js.map +1 -1
- package/dist-cjs/utils/useForkRef.js +0 -2
- package/dist-cjs/utils/useForkRef.js.map +1 -1
- package/dist-cjs/utils/useId.js +5 -8
- package/dist-cjs/utils/useId.js.map +1 -1
- package/dist-cjs/utils/useIsFocusVisible.js +0 -2
- package/dist-cjs/utils/useIsFocusVisible.js.map +1 -1
- package/dist-cjs/utils/useIsomorphicLayoutEffect.js +0 -2
- package/dist-cjs/utils/useIsomorphicLayoutEffect.js.map +1 -1
- package/dist-cjs/utils/usePrevious.js +0 -2
- package/dist-cjs/utils/usePrevious.js.map +1 -1
- package/dist-cjs/utils/useResizeObserver.js +5 -7
- package/dist-cjs/utils/useResizeObserver.js.map +1 -1
- package/dist-cjs/utils/useResponsiveProp.js +2 -5
- package/dist-cjs/utils/useResponsiveProp.js.map +1 -1
- package/dist-cjs/utils/useValueEffect.js +1 -108
- package/dist-cjs/utils/useValueEffect.js.map +1 -1
- package/dist-cjs/viewport/ViewportProvider.js +1 -109
- package/dist-cjs/viewport/ViewportProvider.js.map +1 -1
- package/dist-es/accordion/Accordion.js +31 -121
- package/dist-es/accordion/Accordion.js.map +1 -1
- package/dist-es/accordion/AccordionContext.js +0 -99
- package/dist-es/accordion/AccordionContext.js.map +1 -1
- package/dist-es/accordion/AccordionGroup.js +1 -101
- package/dist-es/accordion/AccordionGroup.js.map +1 -1
- package/dist-es/accordion/AccordionHeader.js +33 -134
- package/dist-es/accordion/AccordionHeader.js.map +1 -1
- package/dist-es/accordion/AccordionPanel.js +22 -115
- package/dist-es/accordion/AccordionPanel.js.map +1 -1
- package/dist-es/aria-announcer/AriaAnnounce.js.map +1 -1
- package/dist-es/aria-announcer/AriaAnnouncerContext.js.map +1 -1
- package/dist-es/aria-announcer/AriaAnnouncerProvider.js +8 -8
- package/dist-es/aria-announcer/AriaAnnouncerProvider.js.map +1 -1
- package/dist-es/aria-announcer/useAriaAnnouncer.js +0 -104
- package/dist-es/aria-announcer/useAriaAnnouncer.js.map +1 -1
- package/dist-es/avatar/Avatar.js +18 -115
- package/dist-es/avatar/Avatar.js.map +1 -1
- package/dist-es/avatar/useAvatarImage.js +0 -99
- package/dist-es/avatar/useAvatarImage.js.map +1 -1
- package/dist-es/badge/Badge.js +8 -106
- package/dist-es/badge/Badge.js.map +1 -1
- package/dist-es/banner/Banner.js +18 -113
- package/dist-es/banner/Banner.js.map +1 -1
- package/dist-es/banner/BannerActions.js +1 -101
- package/dist-es/banner/BannerActions.js.map +1 -1
- package/dist-es/banner/BannerContent.js +1 -101
- package/dist-es/banner/BannerContent.js.map +1 -1
- package/dist-es/border-item/BorderItem.js +17 -109
- package/dist-es/border-item/BorderItem.js.map +1 -1
- package/dist-es/border-layout/BorderLayout.js +12 -106
- package/dist-es/border-layout/BorderLayout.js.map +1 -1
- package/dist-es/breakpoints/BreakpointProvider.js +2 -109
- package/dist-es/breakpoints/BreakpointProvider.js.map +1 -1
- package/dist-es/breakpoints/Breakpoints.js.map +1 -1
- package/dist-es/button/Button.js +24 -118
- package/dist-es/button/Button.js.map +1 -1
- package/dist-es/button/useButton.js.map +1 -1
- package/dist-es/card/Card.js +21 -113
- package/dist-es/card/Card.js.map +1 -1
- package/dist-es/checkbox/Checkbox.css.js +1 -1
- package/dist-es/checkbox/Checkbox.js +62 -148
- package/dist-es/checkbox/Checkbox.js.map +1 -1
- package/dist-es/checkbox/CheckboxGroup.js +32 -121
- package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-es/checkbox/CheckboxIcon.js +24 -129
- package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-es/checkbox/internal/CheckboxGroupContext.js +0 -99
- package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-es/checkbox/internal/useCheckboxGroup.js.map +1 -1
- package/dist-es/combo-box/ComboBox.js +29 -121
- package/dist-es/combo-box/ComboBox.js.map +1 -1
- package/dist-es/combo-box/useComboBox.js +1 -100
- package/dist-es/combo-box/useComboBox.js.map +1 -1
- package/dist-es/dialog/Dialog.js +38 -141
- package/dist-es/dialog/Dialog.js.map +1 -1
- package/dist-es/dialog/DialogActions.js +1 -102
- package/dist-es/dialog/DialogActions.js.map +1 -1
- package/dist-es/dialog/DialogCloseButton.js +11 -104
- package/dist-es/dialog/DialogCloseButton.js.map +1 -1
- package/dist-es/dialog/DialogContent.css.js +1 -1
- package/dist-es/dialog/DialogContent.js +40 -112
- package/dist-es/dialog/DialogContent.js.map +1 -1
- package/dist-es/dialog/DialogContext.js.map +1 -1
- package/dist-es/dialog/DialogHeader.js +24 -119
- package/dist-es/dialog/DialogHeader.js.map +1 -1
- package/dist-es/divider/Divider.js +15 -108
- package/dist-es/divider/Divider.js.map +1 -1
- package/dist-es/drawer/Drawer.js +13 -112
- package/dist-es/drawer/Drawer.js.map +1 -1
- package/dist-es/drawer/DrawerCloseButton.js +7 -103
- package/dist-es/drawer/DrawerCloseButton.js.map +1 -1
- package/dist-es/dropdown/Dropdown.js +34 -131
- package/dist-es/dropdown/Dropdown.js.map +1 -1
- package/dist-es/file-drop-zone/FileDropZone.js +21 -114
- package/dist-es/file-drop-zone/FileDropZone.js.map +1 -1
- package/dist-es/file-drop-zone/FileDropZoneIcon.js +2 -7
- package/dist-es/file-drop-zone/FileDropZoneIcon.js.map +1 -1
- package/dist-es/file-drop-zone/FileDropZoneTrigger.js +14 -108
- package/dist-es/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
- package/dist-es/file-drop-zone/internal/utils.js +1 -2
- package/dist-es/file-drop-zone/internal/utils.js.map +1 -1
- package/dist-es/flex-item/FlexItem.js +10 -104
- package/dist-es/flex-item/FlexItem.js.map +1 -1
- package/dist-es/flex-layout/FlexLayout.js +21 -115
- package/dist-es/flex-layout/FlexLayout.js.map +1 -1
- package/dist-es/flow-layout/FlowLayout.js +1 -7
- package/dist-es/flow-layout/FlowLayout.js.map +1 -1
- package/dist-es/form-field/FormField.js +30 -119
- package/dist-es/form-field/FormField.js.map +1 -1
- package/dist-es/form-field/FormFieldHelperText.js +24 -108
- package/dist-es/form-field/FormFieldHelperText.js.map +1 -1
- package/dist-es/form-field/FormFieldLabel.js +15 -104
- package/dist-es/form-field/FormFieldLabel.js.map +1 -1
- package/dist-es/form-field-context/FormFieldContext.js +0 -98
- package/dist-es/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-es/form-field-context/useFormFieldProps.js.map +1 -1
- package/dist-es/grid-item/GridItem.js +10 -104
- package/dist-es/grid-item/GridItem.js.map +1 -1
- package/dist-es/grid-layout/GridLayout.js +13 -107
- package/dist-es/grid-layout/GridLayout.js.map +1 -1
- package/dist-es/input/Input.js +49 -147
- package/dist-es/input/Input.js.map +1 -1
- package/dist-es/interactable-card/InteractableCard.js +28 -120
- package/dist-es/interactable-card/InteractableCard.js.map +1 -1
- package/dist-es/interactable-card/InteractableCardGroup.js +9 -104
- package/dist-es/interactable-card/InteractableCardGroup.js.map +1 -1
- package/dist-es/interactable-card/InteractableCardGroupContext.js +0 -98
- package/dist-es/interactable-card/InteractableCardGroupContext.js.map +1 -1
- package/dist-es/interactable-card/useInteractableCard.js.map +1 -1
- package/dist-es/link/Link.js +22 -115
- package/dist-es/link/Link.js.map +1 -1
- package/dist-es/link-card/LinkCard.js +18 -111
- package/dist-es/link-card/LinkCard.js.map +1 -1
- package/dist-es/list-box/ListBox.js +8 -104
- package/dist-es/list-box/ListBox.js.map +1 -1
- package/dist-es/list-control/ListControlContext.js +0 -98
- package/dist-es/list-control/ListControlContext.js.map +1 -1
- package/dist-es/list-control/ListControlState.js +3 -102
- package/dist-es/list-control/ListControlState.js.map +1 -1
- package/dist-es/menu/Menu.js +2 -8
- package/dist-es/menu/Menu.js.map +1 -1
- package/dist-es/menu/MenuBase.js +10 -107
- package/dist-es/menu/MenuBase.js.map +1 -1
- package/dist-es/menu/MenuContext.js +0 -98
- package/dist-es/menu/MenuContext.js.map +1 -1
- package/dist-es/menu/MenuGroup.js +14 -112
- package/dist-es/menu/MenuGroup.js.map +1 -1
- package/dist-es/menu/MenuItem.js +51 -141
- package/dist-es/menu/MenuItem.js.map +1 -1
- package/dist-es/menu/MenuPanel.js +27 -121
- package/dist-es/menu/MenuPanel.js.map +1 -1
- package/dist-es/menu/MenuPanelBase.js +1 -5
- package/dist-es/menu/MenuPanelBase.js.map +1 -1
- package/dist-es/menu/MenuPanelContext.js +0 -98
- package/dist-es/menu/MenuPanelContext.js.map +1 -1
- package/dist-es/menu/MenuTrigger.js +20 -116
- package/dist-es/menu/MenuTrigger.js.map +1 -1
- package/dist-es/menu/MenuTriggerContext.js +0 -98
- package/dist-es/menu/MenuTriggerContext.js.map +1 -1
- package/dist-es/multiline-input/MultilineInput.js +54 -159
- package/dist-es/multiline-input/MultilineInput.js.map +1 -1
- package/dist-es/navigation-item/ExpansionIcon.js +1 -3
- package/dist-es/navigation-item/ExpansionIcon.js.map +1 -1
- package/dist-es/navigation-item/NavigationItem.js +32 -130
- package/dist-es/navigation-item/NavigationItem.js.map +1 -1
- package/dist-es/navigation-item/NavigationItemAction.js +0 -100
- package/dist-es/navigation-item/NavigationItemAction.js.map +1 -1
- package/dist-es/option/Option.js +32 -118
- package/dist-es/option/Option.js.map +1 -1
- package/dist-es/option/OptionGroup.js +14 -112
- package/dist-es/option/OptionGroup.js.map +1 -1
- package/dist-es/option/OptionList.js +17 -115
- package/dist-es/option/OptionList.js.map +1 -1
- package/dist-es/option/OptionListBase.js +9 -103
- package/dist-es/option/OptionListBase.js.map +1 -1
- package/dist-es/overlay/Overlay.js +18 -112
- package/dist-es/overlay/Overlay.js.map +1 -1
- package/dist-es/overlay/OverlayContext.js +0 -98
- package/dist-es/overlay/OverlayContext.js.map +1 -1
- package/dist-es/overlay/OverlayPanel.js +34 -125
- package/dist-es/overlay/OverlayPanel.js.map +1 -1
- package/dist-es/overlay/OverlayPanelCloseButton.js +7 -103
- package/dist-es/overlay/OverlayPanelCloseButton.js.map +1 -1
- package/dist-es/overlay/OverlayPanelContent.css.js +1 -1
- package/dist-es/overlay/OverlayPanelContent.js +43 -103
- package/dist-es/overlay/OverlayPanelContent.js.map +1 -1
- package/dist-es/overlay/OverlayTrigger.js +6 -109
- package/dist-es/overlay/OverlayTrigger.js.map +1 -1
- package/dist-es/pagination/CompactInput.js +20 -112
- package/dist-es/pagination/CompactInput.js.map +1 -1
- package/dist-es/pagination/CompactPaginator.js +21 -121
- package/dist-es/pagination/CompactPaginator.js.map +1 -1
- package/dist-es/pagination/GoToInput.js +31 -112
- package/dist-es/pagination/GoToInput.js.map +1 -1
- package/dist-es/pagination/PageButton.js +17 -110
- package/dist-es/pagination/PageButton.js.map +1 -1
- package/dist-es/pagination/PageRanges.js +15 -124
- package/dist-es/pagination/PageRanges.js.map +1 -1
- package/dist-es/pagination/Pagination.js +6 -101
- package/dist-es/pagination/Pagination.js.map +1 -1
- package/dist-es/pagination/PaginationContext.js.map +1 -1
- package/dist-es/pagination/Paginator.js +19 -119
- package/dist-es/pagination/Paginator.js.map +1 -1
- package/dist-es/pagination/usePagination.js.map +1 -1
- package/dist-es/pagination/usePaginationContext.js.map +1 -1
- package/dist-es/panel/Panel.js +9 -102
- package/dist-es/panel/Panel.js.map +1 -1
- package/dist-es/parent-child-layout/ParentChildLayout.js +24 -121
- package/dist-es/parent-child-layout/ParentChildLayout.js.map +1 -1
- package/dist-es/parent-child-layout/useIsViewportLargerThanBreakpoint.js +0 -101
- package/dist-es/parent-child-layout/useIsViewportLargerThanBreakpoint.js.map +1 -1
- package/dist-es/pill/Pill.js +17 -109
- package/dist-es/pill/Pill.js.map +1 -1
- package/dist-es/pill-input/PillInput.js +97 -202
- package/dist-es/pill-input/PillInput.js.map +1 -1
- package/dist-es/pill-input/useTruncatePills.js.map +1 -1
- package/dist-es/progress/CircularProgress/CircularProgress.js +44 -151
- package/dist-es/progress/CircularProgress/CircularProgress.js.map +1 -1
- package/dist-es/progress/LinearProgress/LinearProgress.js +28 -123
- package/dist-es/progress/LinearProgress/LinearProgress.js.map +1 -1
- package/dist-es/radio-button/RadioButton.css.js +1 -1
- package/dist-es/radio-button/RadioButton.js +60 -148
- package/dist-es/radio-button/RadioButton.js.map +1 -1
- package/dist-es/radio-button/RadioButtonGroup.js +36 -125
- package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-es/radio-button/RadioButtonIcon.js +45 -132
- package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-es/radio-button/internal/RadioGroupContext.js +0 -99
- package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-es/radio-button/internal/useRadioGroup.js.map +1 -1
- package/dist-es/salt-provider/SaltProvider.js +32 -153
- package/dist-es/salt-provider/SaltProvider.js.map +1 -1
- package/dist-es/scrim/Scrim.js +16 -109
- package/dist-es/scrim/Scrim.js.map +1 -1
- package/dist-es/segmented-button-group/SegmentedButtonGroup.js +1 -102
- package/dist-es/segmented-button-group/SegmentedButtonGroup.js.map +1 -1
- package/dist-es/semantic-icon-provider/SemanticIconProvider.js +1 -4
- package/dist-es/semantic-icon-provider/SemanticIconProvider.js.map +1 -1
- package/dist-es/spinner/Spinner.js +16 -114
- package/dist-es/spinner/Spinner.js.map +1 -1
- package/dist-es/spinner/svgSpinners/SpinnerSVG.js +43 -139
- package/dist-es/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
- package/dist-es/split-layout/SplitLayout.js +13 -105
- package/dist-es/split-layout/SplitLayout.js.map +1 -1
- package/dist-es/stack-layout/StackLayout.js +21 -114
- package/dist-es/stack-layout/StackLayout.js.map +1 -1
- package/dist-es/status-adornment/ErrorAdornment.js +5 -9
- package/dist-es/status-adornment/ErrorAdornment.js.map +1 -1
- package/dist-es/status-adornment/StatusAdornment.js +9 -102
- package/dist-es/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-es/status-adornment/SuccessAdornment.js +18 -12
- package/dist-es/status-adornment/SuccessAdornment.js.map +1 -1
- package/dist-es/status-adornment/WarningAdornment.js +1 -10
- package/dist-es/status-adornment/WarningAdornment.js.map +1 -1
- package/dist-es/status-indicator/StatusIndicator.js +10 -101
- package/dist-es/status-indicator/StatusIndicator.js.map +1 -1
- package/dist-es/status-indicator/ValidationStatus.js.map +1 -1
- package/dist-es/switch/Switch.js +44 -148
- package/dist-es/switch/Switch.js.map +1 -1
- package/dist-es/tag/Tag.js +17 -110
- package/dist-es/tag/Tag.js.map +1 -1
- package/dist-es/text/Code.js +1 -6
- package/dist-es/text/Code.js.map +1 -1
- package/dist-es/text/Display.js +4 -28
- package/dist-es/text/Display.js.map +1 -1
- package/dist-es/text/Headings.js +4 -24
- package/dist-es/text/Headings.js.map +1 -1
- package/dist-es/text/Label.js +1 -6
- package/dist-es/text/Label.js.map +1 -1
- package/dist-es/text/Text.js +21 -115
- package/dist-es/text/Text.js.map +1 -1
- package/dist-es/text/TextAction.js +1 -7
- package/dist-es/text/TextAction.js.map +1 -1
- package/dist-es/text/TextNotation.js +1 -7
- package/dist-es/text/TextNotation.js.map +1 -1
- package/dist-es/theme/Accent.js.map +1 -1
- package/dist-es/theme/ActionFont.js.map +1 -1
- package/dist-es/theme/Corner.js.map +1 -1
- package/dist-es/theme/HeadingFont.js.map +1 -1
- package/dist-es/theme/Theme.js.map +1 -1
- package/dist-es/toast/Toast.js +17 -114
- package/dist-es/toast/Toast.js.map +1 -1
- package/dist-es/toast/ToastContent.js +1 -102
- package/dist-es/toast/ToastContent.js.map +1 -1
- package/dist-es/toggle-button/ToggleButton.css.js +1 -1
- package/dist-es/toggle-button/ToggleButton.js +18 -109
- package/dist-es/toggle-button/ToggleButton.js.map +1 -1
- package/dist-es/toggle-button-group/ToggleButtonGroup.js +10 -105
- package/dist-es/toggle-button-group/ToggleButtonGroup.js.map +1 -1
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js +0 -98
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
- package/dist-es/tooltip/Tooltip.js +25 -117
- package/dist-es/tooltip/Tooltip.js.map +1 -1
- package/dist-es/tooltip/TooltipBase.js +25 -115
- package/dist-es/tooltip/TooltipBase.js.map +1 -1
- package/dist-es/tooltip/useAriaAnnounce.js +2 -102
- package/dist-es/tooltip/useAriaAnnounce.js.map +1 -1
- package/dist-es/tooltip/useTooltip.js +4 -101
- package/dist-es/tooltip/useTooltip.js.map +1 -1
- package/dist-es/utils/capitalize.js.map +1 -1
- package/dist-es/utils/createChainedFunction.js.map +1 -1
- package/dist-es/utils/createContext.js.map +1 -1
- package/dist-es/utils/debounce.js.map +1 -1
- package/dist-es/utils/getRefFromChildren.js +4 -1
- package/dist-es/utils/getRefFromChildren.js.map +1 -1
- package/dist-es/utils/marginMiddleware.js.map +1 -1
- package/dist-es/utils/mergeProps.js.map +1 -1
- package/dist-es/utils/ownerDocument.js.map +1 -1
- package/dist-es/utils/ownerWindow.js.map +1 -1
- package/dist-es/utils/renderProps.js +1 -3
- package/dist-es/utils/renderProps.js.map +1 -1
- package/dist-es/utils/setRef.js.map +1 -1
- package/dist-es/utils/useControlled.js.map +1 -1
- package/dist-es/utils/useEventCallback.js +4 -1
- package/dist-es/utils/useEventCallback.js.map +1 -1
- package/dist-es/utils/useFloatingUI/useFloatingUI.js +6 -31
- package/dist-es/utils/useFloatingUI/useFloatingUI.js.map +1 -1
- package/dist-es/utils/useForkRef.js.map +1 -1
- package/dist-es/utils/useId.js +2 -2
- package/dist-es/utils/useId.js.map +1 -1
- package/dist-es/utils/useIsFocusVisible.js.map +1 -1
- package/dist-es/utils/usePrevious.js.map +1 -1
- package/dist-es/utils/useResizeObserver.js +5 -5
- package/dist-es/utils/useResizeObserver.js.map +1 -1
- package/dist-es/utils/useResponsiveProp.js +2 -3
- package/dist-es/utils/useResponsiveProp.js.map +1 -1
- package/dist-es/utils/useValueEffect.js +1 -106
- package/dist-es/utils/useValueEffect.js.map +1 -1
- package/dist-es/viewport/ViewportProvider.js +1 -107
- package/dist-es/viewport/ViewportProvider.js.map +1 -1
- package/dist-types/file-drop-zone/FileDropZoneIcon.d.ts +1 -1
- package/package.json +8 -7
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
4
|
var clsx = require('clsx');
|
|
7
5
|
var React = require('react');
|
|
@@ -13,104 +11,9 @@ require('../utils/useFloatingUI/useFloatingUI.js');
|
|
|
13
11
|
require('../utils/useId.js');
|
|
14
12
|
require('../salt-provider/SaltProvider.js');
|
|
15
13
|
require('../viewport/ViewportProvider.js');
|
|
16
|
-
require('
|
|
17
|
-
require('../accordion/AccordionPanel.js');
|
|
18
|
-
require('../accordion/Accordion.js');
|
|
19
|
-
require('../accordion/AccordionHeader.js');
|
|
20
|
-
require('../avatar/Avatar.js');
|
|
21
|
-
require('../badge/Badge.js');
|
|
22
|
-
require('../banner/Banner.js');
|
|
23
|
-
require('../banner/BannerActions.js');
|
|
24
|
-
require('../banner/BannerContent.js');
|
|
25
|
-
require('../border-item/BorderItem.js');
|
|
26
|
-
require('../border-layout/BorderLayout.js');
|
|
27
|
-
require('../breakpoints/BreakpointProvider.js');
|
|
28
|
-
require('../button/Button.js');
|
|
29
|
-
require('../card/Card.js');
|
|
30
|
-
require('../checkbox/Checkbox.js');
|
|
31
|
-
require('../checkbox/CheckboxGroup.js');
|
|
32
|
-
require('@salt-ds/icons');
|
|
14
|
+
var PaginationContext = require('./PaginationContext.js');
|
|
33
15
|
var styles = require('@salt-ds/styles');
|
|
34
16
|
var window = require('@salt-ds/window');
|
|
35
|
-
require('../combo-box/ComboBox.js');
|
|
36
|
-
require('../dialog/Dialog.js');
|
|
37
|
-
require('../dialog/DialogHeader.js');
|
|
38
|
-
require('../dialog/DialogActions.js');
|
|
39
|
-
require('../dialog/DialogContent.js');
|
|
40
|
-
require('../dialog/DialogContext.js');
|
|
41
|
-
require('../dialog/DialogCloseButton.js');
|
|
42
|
-
require('../divider/Divider.js');
|
|
43
|
-
require('../drawer/Drawer.js');
|
|
44
|
-
require('../drawer/DrawerCloseButton.js');
|
|
45
|
-
require('../dropdown/Dropdown.js');
|
|
46
|
-
require('../file-drop-zone/FileDropZone.js');
|
|
47
|
-
require('../file-drop-zone/FileDropZoneIcon.js');
|
|
48
|
-
require('../file-drop-zone/FileDropZoneTrigger.js');
|
|
49
|
-
require('../flex-item/FlexItem.js');
|
|
50
|
-
require('../flex-layout/FlexLayout.js');
|
|
51
|
-
require('../flow-layout/FlowLayout.js');
|
|
52
|
-
require('../form-field/FormField.js');
|
|
53
|
-
require('../form-field-context/FormFieldContext.js');
|
|
54
|
-
require('../status-indicator/StatusIndicator.js');
|
|
55
|
-
require('../text/Text.js');
|
|
56
|
-
require('../text/Code.js');
|
|
57
|
-
require('../text/Display.js');
|
|
58
|
-
require('../text/Headings.js');
|
|
59
|
-
require('../text/Label.js');
|
|
60
|
-
require('../text/TextAction.js');
|
|
61
|
-
require('../text/TextNotation.js');
|
|
62
|
-
require('../grid-item/GridItem.js');
|
|
63
|
-
require('../grid-layout/GridLayout.js');
|
|
64
|
-
require('../input/Input.js');
|
|
65
|
-
require('../interactable-card/InteractableCard.js');
|
|
66
|
-
require('../interactable-card/InteractableCardGroup.js');
|
|
67
|
-
require('../interactable-card/InteractableCardGroupContext.js');
|
|
68
|
-
require('../link/Link.js');
|
|
69
|
-
require('../link-card/LinkCard.js');
|
|
70
|
-
require('../list-box/ListBox.js');
|
|
71
|
-
require('../list-control/ListControlContext.js');
|
|
72
|
-
require('@floating-ui/react');
|
|
73
|
-
require('../menu/MenuContext.js');
|
|
74
|
-
require('../menu/MenuItem.js');
|
|
75
|
-
require('../menu/MenuPanel.js');
|
|
76
|
-
require('../menu/MenuPanelContext.js');
|
|
77
|
-
require('../menu/MenuTriggerContext.js');
|
|
78
|
-
require('../menu/MenuGroup.js');
|
|
79
|
-
require('../multiline-input/MultilineInput.js');
|
|
80
|
-
require('../navigation-item/NavigationItem.js');
|
|
81
|
-
require('../option/Option.js');
|
|
82
|
-
require('../option/OptionGroup.js');
|
|
83
|
-
require('../overlay/OverlayContext.js');
|
|
84
|
-
require('../overlay/OverlayPanel.js');
|
|
85
|
-
require('../overlay/OverlayPanelCloseButton.js');
|
|
86
|
-
require('../overlay/OverlayPanelContent.js');
|
|
87
|
-
require('./Paginator.js');
|
|
88
|
-
require('./CompactInput.js');
|
|
89
|
-
require('./CompactPaginator.js');
|
|
90
|
-
require('./GoToInput.js');
|
|
91
|
-
require('../panel/Panel.js');
|
|
92
|
-
require('../parent-child-layout/ParentChildLayout.js');
|
|
93
|
-
require('../pill/Pill.js');
|
|
94
|
-
require('../progress/CircularProgress/CircularProgress.js');
|
|
95
|
-
require('../progress/LinearProgress/LinearProgress.js');
|
|
96
|
-
require('../radio-button/RadioButton.js');
|
|
97
|
-
require('../radio-button/RadioButtonGroup.js');
|
|
98
|
-
require('../scrim/Scrim.js');
|
|
99
|
-
require('../segmented-button-group/SegmentedButtonGroup.js');
|
|
100
|
-
require('../spinner/Spinner.js');
|
|
101
|
-
require('../stack-layout/StackLayout.js');
|
|
102
|
-
require('../status-adornment/StatusAdornment.js');
|
|
103
|
-
require('../toast/Toast.js');
|
|
104
|
-
require('../toast/ToastContent.js');
|
|
105
|
-
require('../split-layout/SplitLayout.js');
|
|
106
|
-
require('../switch/Switch.js');
|
|
107
|
-
require('../tag/Tag.js');
|
|
108
|
-
require('../toggle-button/ToggleButton.js');
|
|
109
|
-
require('../toggle-button-group/ToggleButtonGroup.js');
|
|
110
|
-
require('../toggle-button-group/ToggleButtonGroupContext.js');
|
|
111
|
-
require('../tooltip/Tooltip.js');
|
|
112
|
-
require('../semantic-icon-provider/SemanticIconProvider.js');
|
|
113
|
-
var PaginationContext = require('./PaginationContext.js');
|
|
114
17
|
var Pagination$1 = require('./Pagination.css.js');
|
|
115
18
|
|
|
116
19
|
const withBaseName = makePrefixer.makePrefixer("saltPagination");
|
|
@@ -164,15 +67,15 @@ const Pagination = React.forwardRef(
|
|
|
164
67
|
if (count < 2) {
|
|
165
68
|
return null;
|
|
166
69
|
}
|
|
167
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Provider, {
|
|
168
|
-
|
|
169
|
-
|
|
70
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
71
|
+
"nav",
|
|
72
|
+
{
|
|
170
73
|
className: clsx.clsx(withBaseName(), className),
|
|
171
74
|
ref,
|
|
172
75
|
...restProps,
|
|
173
76
|
children
|
|
174
|
-
}
|
|
175
|
-
});
|
|
77
|
+
}
|
|
78
|
+
) });
|
|
176
79
|
}
|
|
177
80
|
);
|
|
178
81
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../src/pagination/Pagination.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n type HTMLAttributes,\n type SyntheticEvent,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { useAriaAnnouncer } from \"../aria-announcer\";\nimport { makePrefixer, useControlled } from \"../utils\";\nimport { type PaginationContext, paginationContext } from \"./PaginationContext\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport paginationCss from \"./Pagination.css\";\n\nconst withBaseName = makePrefixer(\"saltPagination\");\n\nconst { Provider } = paginationContext;\n\nexport interface PaginationProps extends HTMLAttributes<HTMLElement> {\n /**\n * Number of pages.\n */\n count: number;\n /**\n * Current/active page.\n */\n page?: number;\n /**\n * Default current/active page.\n */\n defaultPage?: number;\n /**\n * Callback function triggered when current page changed.\n */\n onPageChange?: (event: SyntheticEvent, page: number) => void;\n}\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n function Pagination(\n {\n className,\n count,\n children,\n defaultPage = 1,\n page: pageProp,\n onPageChange: onPageChangeProp,\n ...restProps\n },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-pagination\",\n css: paginationCss,\n window: targetWindow,\n });\n\n const [pageState, setPageState] = useControlled({\n controlled: pageProp,\n default: defaultPage,\n name: \"Pagination\",\n state: \"page\",\n });\n\n const onPageChange = useCallback(\n (event: SyntheticEvent, page: number) => {\n setPageState(page);\n onPageChangeProp?.(event, page);\n },\n [onPageChangeProp],\n );\n\n const contextValue: PaginationContext = useMemo(\n () => ({\n page: pageState,\n count,\n onPageChange,\n }),\n [pageState, count, onPageChange],\n );\n\n const { announce } = useAriaAnnouncer();\n const mounted = useRef<boolean>(false);\n\n useEffect(() => {\n if (mounted.current) {\n announce(`Page ${pageState}`);\n } else {\n mounted.current = true;\n }\n }, [announce, pageState]);\n\n if (count < 2) {\n return null;\n }\n\n return (\n <Provider value={contextValue}>\n <nav\n className={clsx(withBaseName(), className)}\n ref={ref}\n {...restProps}\n >\n {children}\n </nav>\n </Provider>\n );\n },\n);\n"],"names":["makePrefixer","paginationContext","forwardRef","Pagination","useWindow","useComponentCssInjection","paginationCss","useControlled","useCallback","useMemo","useAriaAnnouncer","useRef","useEffect","jsx","clsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../src/pagination/Pagination.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n type HTMLAttributes,\n type SyntheticEvent,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { useAriaAnnouncer } from \"../aria-announcer\";\nimport { makePrefixer, useControlled } from \"../utils\";\nimport { type PaginationContext, paginationContext } from \"./PaginationContext\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport paginationCss from \"./Pagination.css\";\n\nconst withBaseName = makePrefixer(\"saltPagination\");\n\nconst { Provider } = paginationContext;\n\nexport interface PaginationProps extends HTMLAttributes<HTMLElement> {\n /**\n * Number of pages.\n */\n count: number;\n /**\n * Current/active page.\n */\n page?: number;\n /**\n * Default current/active page.\n */\n defaultPage?: number;\n /**\n * Callback function triggered when current page changed.\n */\n onPageChange?: (event: SyntheticEvent, page: number) => void;\n}\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n function Pagination(\n {\n className,\n count,\n children,\n defaultPage = 1,\n page: pageProp,\n onPageChange: onPageChangeProp,\n ...restProps\n },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-pagination\",\n css: paginationCss,\n window: targetWindow,\n });\n\n const [pageState, setPageState] = useControlled({\n controlled: pageProp,\n default: defaultPage,\n name: \"Pagination\",\n state: \"page\",\n });\n\n const onPageChange = useCallback(\n (event: SyntheticEvent, page: number) => {\n setPageState(page);\n onPageChangeProp?.(event, page);\n },\n [onPageChangeProp],\n );\n\n const contextValue: PaginationContext = useMemo(\n () => ({\n page: pageState,\n count,\n onPageChange,\n }),\n [pageState, count, onPageChange],\n );\n\n const { announce } = useAriaAnnouncer();\n const mounted = useRef<boolean>(false);\n\n useEffect(() => {\n if (mounted.current) {\n announce(`Page ${pageState}`);\n } else {\n mounted.current = true;\n }\n }, [announce, pageState]);\n\n if (count < 2) {\n return null;\n }\n\n return (\n <Provider value={contextValue}>\n <nav\n className={clsx(withBaseName(), className)}\n ref={ref}\n {...restProps}\n >\n {children}\n </nav>\n </Provider>\n );\n },\n);\n"],"names":["makePrefixer","paginationContext","forwardRef","Pagination","useWindow","useComponentCssInjection","paginationCss","useControlled","useCallback","useMemo","useAriaAnnouncer","useRef","useEffect","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAM,YAAA,GAAeA,0BAAa,gBAAgB,CAAA;AAElD,MAAM,EAAE,UAAa,GAAAC,mCAAA;AAqBd,MAAM,UAAa,GAAAC,gBAAA;AAAA,EACxB,SAASC,WACP,CAAA;AAAA,IACE,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAc,GAAA,CAAA;AAAA,IACd,IAAM,EAAA,QAAA;AAAA,IACN,YAAc,EAAA,gBAAA;AAAA,IACd,GAAG;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAC,YAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,2BAAc,CAAA;AAAA,MAC9C,UAAY,EAAA,QAAA;AAAA,MACZ,OAAS,EAAA,WAAA;AAAA,MACT,IAAM,EAAA,YAAA;AAAA,MACN,KAAO,EAAA;AAAA,KACR,CAAA;AAED,IAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,MACnB,CAAC,OAAuB,IAAiB,KAAA;AACvC,QAAA,YAAA,CAAa,IAAI,CAAA;AACjB,QAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAmB,KAAO,EAAA,IAAA,CAAA;AAAA,OAC5B;AAAA,MACA,CAAC,gBAAgB;AAAA,KACnB;AAEA,IAAA,MAAM,YAAkC,GAAAC,aAAA;AAAA,MACtC,OAAO;AAAA,QACL,IAAM,EAAA,SAAA;AAAA,QACN,KAAA;AAAA,QACA;AAAA,OACF,CAAA;AAAA,MACA,CAAC,SAAW,EAAA,KAAA,EAAO,YAAY;AAAA,KACjC;AAEA,IAAM,MAAA,EAAE,QAAS,EAAA,GAAIC,iCAAiB,EAAA;AACtC,IAAM,MAAA,OAAA,GAAUC,aAAgB,KAAK,CAAA;AAErC,IAAAC,eAAA,CAAU,MAAM;AACd,MAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,QAAS,QAAA,CAAA,CAAA,KAAA,EAAQ,SAAS,CAAE,CAAA,CAAA;AAAA,OACvB,MAAA;AACL,QAAA,OAAA,CAAQ,OAAU,GAAA,IAAA;AAAA;AACpB,KACC,EAAA,CAAC,QAAU,EAAA,SAAS,CAAC,CAAA;AAExB,IAAA,IAAI,QAAQ,CAAG,EAAA;AACb,MAAO,OAAA,IAAA;AAAA;AAGT,IACE,uBAAAC,cAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,YACf,EAAA,QAAA,kBAAAA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACC,GAAG,SAAA;AAAA,QAEH;AAAA;AAAA,KAEL,EAAA,CAAA;AAAA;AAGN;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationContext.js","sources":["../src/pagination/PaginationContext.ts"],"sourcesContent":["import { type SyntheticEvent, createContext } from \"react\";\n\nexport interface PaginationContext {\n page: number;\n count: number;\n onPageChange: (event: SyntheticEvent, page: number) => void;\n}\n\nexport const paginationContext = createContext<PaginationContext>({\n page: 0,\n count: 0,\n onPageChange: () => undefined,\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n paginationContext.displayName = \"PaginationContext\";\n}\n"],"names":["createContext"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PaginationContext.js","sources":["../src/pagination/PaginationContext.ts"],"sourcesContent":["import { type SyntheticEvent, createContext } from \"react\";\n\nexport interface PaginationContext {\n page: number;\n count: number;\n onPageChange: (event: SyntheticEvent, page: number) => void;\n}\n\nexport const paginationContext = createContext<PaginationContext>({\n page: 0,\n count: 0,\n onPageChange: () => undefined,\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n paginationContext.displayName = \"PaginationContext\";\n}\n"],"names":["createContext"],"mappings":";;;;AAQO,MAAM,oBAAoBA,mBAAiC,CAAA;AAAA,EAChE,IAAM,EAAA,CAAA;AAAA,EACN,KAAO,EAAA,CAAA;AAAA,EACP,cAAc,MAAM,KAAA;AACtB,CAAC;AAED,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,iBAAA,CAAkB,WAAc,GAAA,mBAAA;AAClC;;;;"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
4
|
var clsx = require('clsx');
|
|
7
5
|
var React = require('react');
|
|
@@ -12,104 +10,10 @@ require('../utils/useFloatingUI/useFloatingUI.js');
|
|
|
12
10
|
require('../utils/useId.js');
|
|
13
11
|
require('../salt-provider/SaltProvider.js');
|
|
14
12
|
require('../viewport/ViewportProvider.js');
|
|
15
|
-
require('../accordion/AccordionGroup.js');
|
|
16
|
-
require('../accordion/AccordionPanel.js');
|
|
17
|
-
require('../accordion/Accordion.js');
|
|
18
|
-
require('../accordion/AccordionHeader.js');
|
|
19
|
-
require('../aria-announcer/AriaAnnouncerContext.js');
|
|
20
|
-
require('../avatar/Avatar.js');
|
|
21
|
-
require('../badge/Badge.js');
|
|
22
|
-
require('../banner/Banner.js');
|
|
23
|
-
require('../banner/BannerActions.js');
|
|
24
|
-
require('../banner/BannerContent.js');
|
|
25
|
-
require('../border-item/BorderItem.js');
|
|
26
|
-
require('../border-layout/BorderLayout.js');
|
|
27
|
-
require('../breakpoints/BreakpointProvider.js');
|
|
28
|
-
require('../card/Card.js');
|
|
29
|
-
require('../checkbox/Checkbox.js');
|
|
30
|
-
require('../checkbox/CheckboxGroup.js');
|
|
31
|
-
require('@salt-ds/icons');
|
|
32
|
-
var styles = require('@salt-ds/styles');
|
|
33
|
-
var window = require('@salt-ds/window');
|
|
34
|
-
require('../combo-box/ComboBox.js');
|
|
35
|
-
require('../dialog/Dialog.js');
|
|
36
|
-
require('../dialog/DialogHeader.js');
|
|
37
|
-
require('../dialog/DialogActions.js');
|
|
38
|
-
require('../dialog/DialogContent.js');
|
|
39
|
-
require('../dialog/DialogContext.js');
|
|
40
|
-
require('../dialog/DialogCloseButton.js');
|
|
41
|
-
require('../divider/Divider.js');
|
|
42
|
-
require('../drawer/Drawer.js');
|
|
43
|
-
require('../drawer/DrawerCloseButton.js');
|
|
44
|
-
require('../dropdown/Dropdown.js');
|
|
45
|
-
require('../file-drop-zone/FileDropZone.js');
|
|
46
|
-
require('../file-drop-zone/FileDropZoneIcon.js');
|
|
47
|
-
require('../file-drop-zone/FileDropZoneTrigger.js');
|
|
48
|
-
require('../flex-item/FlexItem.js');
|
|
49
|
-
require('../flex-layout/FlexLayout.js');
|
|
50
|
-
require('../flow-layout/FlowLayout.js');
|
|
51
|
-
require('../form-field/FormField.js');
|
|
52
|
-
require('../form-field-context/FormFieldContext.js');
|
|
53
|
-
require('../status-indicator/StatusIndicator.js');
|
|
54
|
-
require('../text/Text.js');
|
|
55
|
-
require('../text/Code.js');
|
|
56
|
-
require('../text/Display.js');
|
|
57
|
-
require('../text/Headings.js');
|
|
58
|
-
require('../text/Label.js');
|
|
59
|
-
require('../text/TextAction.js');
|
|
60
|
-
require('../text/TextNotation.js');
|
|
61
|
-
require('../grid-item/GridItem.js');
|
|
62
|
-
require('../grid-layout/GridLayout.js');
|
|
63
|
-
require('../input/Input.js');
|
|
64
|
-
require('../interactable-card/InteractableCard.js');
|
|
65
|
-
require('../interactable-card/InteractableCardGroup.js');
|
|
66
|
-
require('../interactable-card/InteractableCardGroupContext.js');
|
|
67
|
-
require('../link/Link.js');
|
|
68
|
-
require('../link-card/LinkCard.js');
|
|
69
|
-
require('../list-box/ListBox.js');
|
|
70
|
-
require('../list-control/ListControlContext.js');
|
|
71
|
-
require('@floating-ui/react');
|
|
72
|
-
require('../menu/MenuContext.js');
|
|
73
|
-
require('../menu/MenuItem.js');
|
|
74
|
-
require('../menu/MenuPanel.js');
|
|
75
|
-
require('../menu/MenuPanelContext.js');
|
|
76
|
-
require('../menu/MenuTriggerContext.js');
|
|
77
|
-
require('../menu/MenuGroup.js');
|
|
78
|
-
require('../multiline-input/MultilineInput.js');
|
|
79
|
-
require('../navigation-item/NavigationItem.js');
|
|
80
|
-
require('../option/Option.js');
|
|
81
|
-
require('../option/OptionGroup.js');
|
|
82
|
-
require('../overlay/OverlayContext.js');
|
|
83
|
-
require('../overlay/OverlayPanel.js');
|
|
84
|
-
require('../overlay/OverlayPanelCloseButton.js');
|
|
85
|
-
require('../overlay/OverlayPanelContent.js');
|
|
86
|
-
require('./Pagination.js');
|
|
87
|
-
require('./CompactInput.js');
|
|
88
|
-
require('./CompactPaginator.js');
|
|
89
|
-
require('./GoToInput.js');
|
|
90
|
-
require('../panel/Panel.js');
|
|
91
|
-
require('../parent-child-layout/ParentChildLayout.js');
|
|
92
|
-
require('../pill/Pill.js');
|
|
93
|
-
require('../progress/CircularProgress/CircularProgress.js');
|
|
94
|
-
require('../progress/LinearProgress/LinearProgress.js');
|
|
95
|
-
require('../radio-button/RadioButton.js');
|
|
96
|
-
require('../radio-button/RadioButtonGroup.js');
|
|
97
|
-
require('../scrim/Scrim.js');
|
|
98
|
-
require('../segmented-button-group/SegmentedButtonGroup.js');
|
|
99
|
-
require('../spinner/Spinner.js');
|
|
100
|
-
require('../stack-layout/StackLayout.js');
|
|
101
|
-
require('../status-adornment/StatusAdornment.js');
|
|
102
|
-
require('../toast/Toast.js');
|
|
103
|
-
require('../toast/ToastContent.js');
|
|
104
|
-
require('../split-layout/SplitLayout.js');
|
|
105
|
-
require('../switch/Switch.js');
|
|
106
|
-
require('../tag/Tag.js');
|
|
107
|
-
require('../toggle-button/ToggleButton.js');
|
|
108
|
-
require('../toggle-button-group/ToggleButtonGroup.js');
|
|
109
|
-
require('../toggle-button-group/ToggleButtonGroupContext.js');
|
|
110
|
-
require('../tooltip/Tooltip.js');
|
|
111
13
|
var PageRanges = require('./PageRanges.js');
|
|
112
14
|
var usePaginationContext = require('./usePaginationContext.js');
|
|
15
|
+
var styles = require('@salt-ds/styles');
|
|
16
|
+
var window = require('@salt-ds/window');
|
|
113
17
|
var Paginator$1 = require('./Paginator.css.js');
|
|
114
18
|
|
|
115
19
|
const withBaseName = makePrefixer.makePrefixer("saltPaginator");
|
|
@@ -131,37 +35,31 @@ const Paginator = React.forwardRef(
|
|
|
131
35
|
};
|
|
132
36
|
const isOnFirstPage = page === 1;
|
|
133
37
|
const isOnLastPage = page === count;
|
|
134
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
/* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
|
|
140
|
-
variant: "secondary",
|
|
38
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(withBaseName(), className), ...restProps, ref, children: [
|
|
39
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
40
|
+
Button.Button,
|
|
41
|
+
{
|
|
42
|
+
appearance: "transparent",
|
|
141
43
|
"aria-label": "Previous Page",
|
|
142
44
|
onClick: onPreviousPage,
|
|
143
45
|
disabled: isOnFirstPage,
|
|
144
46
|
className: withBaseName("arrowButton-previous"),
|
|
145
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(PreviousIcon, {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
/* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
|
|
154
|
-
variant: "secondary",
|
|
47
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(PreviousIcon, { "aria-hidden": true })
|
|
48
|
+
}
|
|
49
|
+
),
|
|
50
|
+
/* @__PURE__ */ jsxRuntime.jsx(PageRanges.PageRanges, { siblingCount, boundaryCount }),
|
|
51
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
52
|
+
Button.Button,
|
|
53
|
+
{
|
|
54
|
+
appearance: "transparent",
|
|
155
55
|
"aria-label": "Next Page",
|
|
156
56
|
onClick: onNextPage,
|
|
157
57
|
disabled: isOnLastPage,
|
|
158
58
|
className: withBaseName("arrowButton-next"),
|
|
159
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(NextIcon, {
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
]
|
|
164
|
-
});
|
|
59
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(NextIcon, { "aria-hidden": true })
|
|
60
|
+
}
|
|
61
|
+
)
|
|
62
|
+
] });
|
|
165
63
|
}
|
|
166
64
|
);
|
|
167
65
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paginator.js","sources":["../src/pagination/Paginator.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { type HTMLAttributes, type MouseEventHandler, forwardRef } from \"react\";\nimport { Button } from \"../button\";\nimport { useIcon } from \"../semantic-icon-provider\";\nimport { makePrefixer } from \"../utils\";\nimport { PageRanges } from \"./PageRanges\";\nimport { usePaginationContext } from \"./usePaginationContext\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport paginatorCss from \"./Paginator.css\";\n\nconst withBaseName = makePrefixer(\"saltPaginator\");\n\nexport interface PaginatorProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * Number of pages next to the arrow buttons when page range is truncated.\n */\n boundaryCount?: number;\n /**\n * Number of pages on each side of the current page when page range is truncated.\n */\n siblingCount?: number;\n}\n\nexport const Paginator = forwardRef<HTMLDivElement, PaginatorProps>(\n function Paginator(\n { className, boundaryCount, siblingCount, ...restProps },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-paginator\",\n css: paginatorCss,\n window: targetWindow,\n });\n\n const { count, page, onPageChange } = usePaginationContext();\n const { NextIcon, PreviousIcon } = useIcon();\n\n const onPreviousPage: MouseEventHandler<HTMLButtonElement> = (event) => {\n onPageChange(event, Math.max(1, page - 1));\n };\n\n const onNextPage: MouseEventHandler<HTMLButtonElement> = (event) => {\n onPageChange(event, Math.min(page + 1, count));\n };\n\n const isOnFirstPage = page === 1;\n const isOnLastPage = page === count;\n\n return (\n <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n <Button\n
|
|
1
|
+
{"version":3,"file":"Paginator.js","sources":["../src/pagination/Paginator.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { type HTMLAttributes, type MouseEventHandler, forwardRef } from \"react\";\nimport { Button } from \"../button\";\nimport { useIcon } from \"../semantic-icon-provider\";\nimport { makePrefixer } from \"../utils\";\nimport { PageRanges } from \"./PageRanges\";\nimport { usePaginationContext } from \"./usePaginationContext\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport paginatorCss from \"./Paginator.css\";\n\nconst withBaseName = makePrefixer(\"saltPaginator\");\n\nexport interface PaginatorProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * Number of pages next to the arrow buttons when page range is truncated.\n */\n boundaryCount?: number;\n /**\n * Number of pages on each side of the current page when page range is truncated.\n */\n siblingCount?: number;\n}\n\nexport const Paginator = forwardRef<HTMLDivElement, PaginatorProps>(\n function Paginator(\n { className, boundaryCount, siblingCount, ...restProps },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-paginator\",\n css: paginatorCss,\n window: targetWindow,\n });\n\n const { count, page, onPageChange } = usePaginationContext();\n const { NextIcon, PreviousIcon } = useIcon();\n\n const onPreviousPage: MouseEventHandler<HTMLButtonElement> = (event) => {\n onPageChange(event, Math.max(1, page - 1));\n };\n\n const onNextPage: MouseEventHandler<HTMLButtonElement> = (event) => {\n onPageChange(event, Math.min(page + 1, count));\n };\n\n const isOnFirstPage = page === 1;\n const isOnLastPage = page === count;\n\n return (\n <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n <Button\n appearance=\"transparent\"\n aria-label=\"Previous Page\"\n onClick={onPreviousPage}\n disabled={isOnFirstPage}\n className={withBaseName(\"arrowButton-previous\")}\n >\n <PreviousIcon aria-hidden />\n </Button>\n <PageRanges siblingCount={siblingCount} boundaryCount={boundaryCount} />\n <Button\n appearance=\"transparent\"\n aria-label=\"Next Page\"\n onClick={onNextPage}\n disabled={isOnLastPage}\n className={withBaseName(\"arrowButton-next\")}\n >\n <NextIcon aria-hidden />\n </Button>\n </div>\n );\n },\n);\n"],"names":["makePrefixer","forwardRef","Paginator","useWindow","useComponentCssInjection","paginatorCss","usePaginationContext","useIcon","jsxs","clsx","jsx","Button","PageRanges"],"mappings":";;;;;;;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,0BAAa,eAAe,CAAA;AAa1C,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,WACP,EAAE,SAAA,EAAW,eAAe,YAAc,EAAA,GAAG,SAAU,EAAA,EACvD,GACA,EAAA;AACA,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,WAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,YAAA,KAAiBC,yCAAqB,EAAA;AAC3D,IAAA,MAAM,EAAE,QAAA,EAAU,YAAa,EAAA,GAAIC,4BAAQ,EAAA;AAE3C,IAAM,MAAA,cAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,MAAA,YAAA,CAAa,OAAO,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,IAAA,GAAO,CAAC,CAAC,CAAA;AAAA,KAC3C;AAEA,IAAM,MAAA,UAAA,GAAmD,CAAC,KAAU,KAAA;AAClE,MAAA,YAAA,CAAa,OAAO,IAAK,CAAA,GAAA,CAAI,IAAO,GAAA,CAAA,EAAG,KAAK,CAAC,CAAA;AAAA,KAC/C;AAEA,IAAA,MAAM,gBAAgB,IAAS,KAAA,CAAA;AAC/B,IAAA,MAAM,eAAe,IAAS,KAAA,KAAA;AAE9B,IACE,uBAAAC,eAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAWC,SAAK,CAAA,YAAA,IAAgB,SAAS,CAAA,EAAI,GAAG,SAAA,EAAW,GAC9D,EAAA,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAACC,aAAA;AAAA,QAAA;AAAA,UACC,UAAW,EAAA,aAAA;AAAA,UACX,YAAW,EAAA,eAAA;AAAA,UACX,OAAS,EAAA,cAAA;AAAA,UACT,QAAU,EAAA,aAAA;AAAA,UACV,SAAA,EAAW,aAAa,sBAAsB,CAAA;AAAA,UAE9C,QAAA,kBAAAD,cAAA,CAAC,YAAa,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA;AAAA;AAAA,OAC5B;AAAA,sBACAA,cAAA,CAACE,qBAAW,EAAA,EAAA,YAAA,EAA4B,aAA8B,EAAA,CAAA;AAAA,sBACtEF,cAAA;AAAA,QAACC,aAAA;AAAA,QAAA;AAAA,UACC,UAAW,EAAA,aAAA;AAAA,UACX,YAAW,EAAA,WAAA;AAAA,UACX,OAAS,EAAA,UAAA;AAAA,UACT,QAAU,EAAA,YAAA;AAAA,UACV,SAAA,EAAW,aAAa,kBAAkB,CAAA;AAAA,UAE1C,QAAA,kBAAAD,cAAA,CAAC,QAAS,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA;AAAA;AAAA;AACxB,KACF,EAAA,CAAA;AAAA;AAGN;;;;"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
function usePagination(page, count, boundaryCount, siblingCount) {
|
|
6
4
|
const totalButtonsVisible = 2 * (boundaryCount + siblingCount) + 3;
|
|
7
5
|
const isEnoughSpace = totalButtonsVisible >= count;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePagination.js","sources":["../src/pagination/usePagination.ts"],"sourcesContent":["export type PageRange = [number, number];\n\nexport function usePagination(\n page: number,\n count: number,\n boundaryCount: number,\n siblingCount: number,\n) {\n const totalButtonsVisible = 2 * (boundaryCount + siblingCount) + 3;\n const isEnoughSpace = totalButtonsVisible >= count;\n\n const isLeftEllipsis =\n !isEnoughSpace && page - boundaryCount - siblingCount > 2;\n\n const isRightEllipsis =\n !isEnoughSpace && page + boundaryCount + siblingCount + 1 < count;\n\n const leftPages = isLeftEllipsis\n ? ([1, boundaryCount] as PageRange)\n : undefined;\n\n const rightPages = isRightEllipsis\n ? ([count - boundaryCount + 1, count] as PageRange)\n : undefined;\n\n let middlePages: PageRange;\n\n if (!isLeftEllipsis) {\n middlePages = [\n 1,\n isRightEllipsis ? boundaryCount + 2 + 2 * siblingCount : count,\n ];\n } else if (!isRightEllipsis) {\n middlePages = [count - boundaryCount - 1 - 2 * siblingCount, count];\n } else {\n middlePages = [page - siblingCount, page + siblingCount];\n }\n\n return [leftPages, middlePages, rightPages] as const;\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"usePagination.js","sources":["../src/pagination/usePagination.ts"],"sourcesContent":["export type PageRange = [number, number];\n\nexport function usePagination(\n page: number,\n count: number,\n boundaryCount: number,\n siblingCount: number,\n) {\n const totalButtonsVisible = 2 * (boundaryCount + siblingCount) + 3;\n const isEnoughSpace = totalButtonsVisible >= count;\n\n const isLeftEllipsis =\n !isEnoughSpace && page - boundaryCount - siblingCount > 2;\n\n const isRightEllipsis =\n !isEnoughSpace && page + boundaryCount + siblingCount + 1 < count;\n\n const leftPages = isLeftEllipsis\n ? ([1, boundaryCount] as PageRange)\n : undefined;\n\n const rightPages = isRightEllipsis\n ? ([count - boundaryCount + 1, count] as PageRange)\n : undefined;\n\n let middlePages: PageRange;\n\n if (!isLeftEllipsis) {\n middlePages = [\n 1,\n isRightEllipsis ? boundaryCount + 2 + 2 * siblingCount : count,\n ];\n } else if (!isRightEllipsis) {\n middlePages = [count - boundaryCount - 1 - 2 * siblingCount, count];\n } else {\n middlePages = [page - siblingCount, page + siblingCount];\n }\n\n return [leftPages, middlePages, rightPages] as const;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,aACd,CAAA,IAAA,EACA,KACA,EAAA,aAAA,EACA,YACA,EAAA;AACA,EAAM,MAAA,mBAAA,GAAsB,CAAK,IAAA,aAAA,GAAgB,YAAgB,CAAA,GAAA,CAAA;AACjE,EAAA,MAAM,gBAAgB,mBAAuB,IAAA,KAAA;AAE7C,EAAA,MAAM,cACJ,GAAA,CAAC,aAAiB,IAAA,IAAA,GAAO,gBAAgB,YAAe,GAAA,CAAA;AAE1D,EAAA,MAAM,kBACJ,CAAC,aAAA,IAAiB,IAAO,GAAA,aAAA,GAAgB,eAAe,CAAI,GAAA,KAAA;AAE9D,EAAA,MAAM,SAAY,GAAA,cAAA,GACb,CAAC,CAAA,EAAG,aAAa,CAClB,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,aAAa,eACd,GAAA,CAAC,QAAQ,aAAgB,GAAA,CAAA,EAAG,KAAK,CAClC,GAAA,KAAA,CAAA;AAEJ,EAAI,IAAA,WAAA;AAEJ,EAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,IAAc,WAAA,GAAA;AAAA,MACZ,CAAA;AAAA,MACA,eAAkB,GAAA,aAAA,GAAgB,CAAI,GAAA,CAAA,GAAI,YAAe,GAAA;AAAA,KAC3D;AAAA,GACF,MAAA,IAAW,CAAC,eAAiB,EAAA;AAC3B,IAAA,WAAA,GAAc,CAAC,KAAQ,GAAA,aAAA,GAAgB,CAAI,GAAA,CAAA,GAAI,cAAc,KAAK,CAAA;AAAA,GAC7D,MAAA;AACL,IAAA,WAAA,GAAc,CAAC,IAAA,GAAO,YAAc,EAAA,IAAA,GAAO,YAAY,CAAA;AAAA;AAGzD,EAAO,OAAA,CAAC,SAAW,EAAA,WAAA,EAAa,UAAU,CAAA;AAC5C;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePaginationContext.js","sources":["../src/pagination/usePaginationContext.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { paginationContext } from \"./PaginationContext\";\n\nexport const usePaginationContext = () => {\n const context = useContext(paginationContext);\n if (process.env.NODE_ENV !== \"production\") {\n if (!context) {\n console.error(\"usePaginationContext should be used inside of Pagination\");\n }\n }\n return context;\n};\n"],"names":["useContext","paginationContext"],"mappings":"
|
|
1
|
+
{"version":3,"file":"usePaginationContext.js","sources":["../src/pagination/usePaginationContext.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { paginationContext } from \"./PaginationContext\";\n\nexport const usePaginationContext = () => {\n const context = useContext(paginationContext);\n if (process.env.NODE_ENV !== \"production\") {\n if (!context) {\n console.error(\"usePaginationContext should be used inside of Pagination\");\n }\n }\n return context;\n};\n"],"names":["useContext","paginationContext"],"mappings":";;;;;AAGO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,OAAA,GAAUA,iBAAWC,mCAAiB,CAAA;AAC5C,EAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,IAAA,IAAI,CAAC,OAAS,EAAA;AACZ,MAAA,OAAA,CAAQ,MAAM,0DAA0D,CAAA;AAAA;AAC1E;AAEF,EAAO,OAAA,OAAA;AACT;;;;"}
|
package/dist-cjs/panel/Panel.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
4
|
var clsx = require('clsx');
|
|
7
5
|
var React = require('react');
|
|
@@ -10,104 +8,8 @@ require('../utils/useFloatingUI/useFloatingUI.js');
|
|
|
10
8
|
require('../utils/useId.js');
|
|
11
9
|
require('../salt-provider/SaltProvider.js');
|
|
12
10
|
require('../viewport/ViewportProvider.js');
|
|
13
|
-
require('../accordion/AccordionGroup.js');
|
|
14
|
-
require('../accordion/AccordionPanel.js');
|
|
15
|
-
require('../accordion/Accordion.js');
|
|
16
|
-
require('../accordion/AccordionHeader.js');
|
|
17
|
-
require('../aria-announcer/AriaAnnouncerContext.js');
|
|
18
|
-
require('../avatar/Avatar.js');
|
|
19
|
-
require('../badge/Badge.js');
|
|
20
|
-
require('../banner/Banner.js');
|
|
21
|
-
require('../banner/BannerActions.js');
|
|
22
|
-
require('../banner/BannerContent.js');
|
|
23
|
-
require('../border-item/BorderItem.js');
|
|
24
|
-
require('../border-layout/BorderLayout.js');
|
|
25
|
-
require('../breakpoints/BreakpointProvider.js');
|
|
26
|
-
require('../button/Button.js');
|
|
27
|
-
require('../card/Card.js');
|
|
28
|
-
require('../checkbox/Checkbox.js');
|
|
29
|
-
require('../checkbox/CheckboxGroup.js');
|
|
30
|
-
require('@salt-ds/icons');
|
|
31
11
|
var styles = require('@salt-ds/styles');
|
|
32
12
|
var window = require('@salt-ds/window');
|
|
33
|
-
require('../combo-box/ComboBox.js');
|
|
34
|
-
require('../dialog/Dialog.js');
|
|
35
|
-
require('../dialog/DialogHeader.js');
|
|
36
|
-
require('../dialog/DialogActions.js');
|
|
37
|
-
require('../dialog/DialogContent.js');
|
|
38
|
-
require('../dialog/DialogContext.js');
|
|
39
|
-
require('../dialog/DialogCloseButton.js');
|
|
40
|
-
require('../divider/Divider.js');
|
|
41
|
-
require('../drawer/Drawer.js');
|
|
42
|
-
require('../drawer/DrawerCloseButton.js');
|
|
43
|
-
require('../dropdown/Dropdown.js');
|
|
44
|
-
require('../file-drop-zone/FileDropZone.js');
|
|
45
|
-
require('../file-drop-zone/FileDropZoneIcon.js');
|
|
46
|
-
require('../file-drop-zone/FileDropZoneTrigger.js');
|
|
47
|
-
require('../flex-item/FlexItem.js');
|
|
48
|
-
require('../flex-layout/FlexLayout.js');
|
|
49
|
-
require('../flow-layout/FlowLayout.js');
|
|
50
|
-
require('../form-field/FormField.js');
|
|
51
|
-
require('../form-field-context/FormFieldContext.js');
|
|
52
|
-
require('../status-indicator/StatusIndicator.js');
|
|
53
|
-
require('../text/Text.js');
|
|
54
|
-
require('../text/Code.js');
|
|
55
|
-
require('../text/Display.js');
|
|
56
|
-
require('../text/Headings.js');
|
|
57
|
-
require('../text/Label.js');
|
|
58
|
-
require('../text/TextAction.js');
|
|
59
|
-
require('../text/TextNotation.js');
|
|
60
|
-
require('../grid-item/GridItem.js');
|
|
61
|
-
require('../grid-layout/GridLayout.js');
|
|
62
|
-
require('../input/Input.js');
|
|
63
|
-
require('../interactable-card/InteractableCard.js');
|
|
64
|
-
require('../interactable-card/InteractableCardGroup.js');
|
|
65
|
-
require('../interactable-card/InteractableCardGroupContext.js');
|
|
66
|
-
require('../link/Link.js');
|
|
67
|
-
require('../link-card/LinkCard.js');
|
|
68
|
-
require('../list-box/ListBox.js');
|
|
69
|
-
require('../list-control/ListControlContext.js');
|
|
70
|
-
require('@floating-ui/react');
|
|
71
|
-
require('../menu/MenuContext.js');
|
|
72
|
-
require('../menu/MenuItem.js');
|
|
73
|
-
require('../menu/MenuPanel.js');
|
|
74
|
-
require('../menu/MenuPanelContext.js');
|
|
75
|
-
require('../menu/MenuTriggerContext.js');
|
|
76
|
-
require('../menu/MenuGroup.js');
|
|
77
|
-
require('../multiline-input/MultilineInput.js');
|
|
78
|
-
require('../navigation-item/NavigationItem.js');
|
|
79
|
-
require('../option/Option.js');
|
|
80
|
-
require('../option/OptionGroup.js');
|
|
81
|
-
require('../overlay/OverlayContext.js');
|
|
82
|
-
require('../overlay/OverlayPanel.js');
|
|
83
|
-
require('../overlay/OverlayPanelCloseButton.js');
|
|
84
|
-
require('../overlay/OverlayPanelContent.js');
|
|
85
|
-
require('../pagination/Pagination.js');
|
|
86
|
-
require('../pagination/Paginator.js');
|
|
87
|
-
require('../pagination/CompactInput.js');
|
|
88
|
-
require('../pagination/CompactPaginator.js');
|
|
89
|
-
require('../pagination/GoToInput.js');
|
|
90
|
-
require('../parent-child-layout/ParentChildLayout.js');
|
|
91
|
-
require('../pill/Pill.js');
|
|
92
|
-
require('../progress/CircularProgress/CircularProgress.js');
|
|
93
|
-
require('../progress/LinearProgress/LinearProgress.js');
|
|
94
|
-
require('../radio-button/RadioButton.js');
|
|
95
|
-
require('../radio-button/RadioButtonGroup.js');
|
|
96
|
-
require('../scrim/Scrim.js');
|
|
97
|
-
require('../segmented-button-group/SegmentedButtonGroup.js');
|
|
98
|
-
require('../spinner/Spinner.js');
|
|
99
|
-
require('../stack-layout/StackLayout.js');
|
|
100
|
-
require('../status-adornment/StatusAdornment.js');
|
|
101
|
-
require('../toast/Toast.js');
|
|
102
|
-
require('../toast/ToastContent.js');
|
|
103
|
-
require('../split-layout/SplitLayout.js');
|
|
104
|
-
require('../switch/Switch.js');
|
|
105
|
-
require('../tag/Tag.js');
|
|
106
|
-
require('../toggle-button/ToggleButton.js');
|
|
107
|
-
require('../toggle-button-group/ToggleButtonGroup.js');
|
|
108
|
-
require('../toggle-button-group/ToggleButtonGroupContext.js');
|
|
109
|
-
require('../tooltip/Tooltip.js');
|
|
110
|
-
require('../semantic-icon-provider/SemanticIconProvider.js');
|
|
111
13
|
var Panel$1 = require('./Panel.css.js');
|
|
112
14
|
|
|
113
15
|
const withBaseName = makePrefixer.makePrefixer("saltPanel");
|
|
@@ -118,12 +20,15 @@ const Panel = React.forwardRef(function Panel2({ className, children, variant =
|
|
|
118
20
|
css: Panel$1,
|
|
119
21
|
window: targetWindow
|
|
120
22
|
});
|
|
121
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
23
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
24
|
+
"div",
|
|
25
|
+
{
|
|
26
|
+
className: clsx.clsx(withBaseName(), withBaseName(variant), className),
|
|
27
|
+
ref,
|
|
28
|
+
...restProps,
|
|
29
|
+
children
|
|
30
|
+
}
|
|
31
|
+
);
|
|
127
32
|
});
|
|
128
33
|
|
|
129
34
|
exports.Panel = Panel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.js","sources":["../src/panel/Panel.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport panelCss from \"./Panel.css\";\n\n/**\n * Panel component that acts as wrapper around a node\n *\n * @example\n * const PanelExample = () => (\n * <Panel>\n * <p>This is a panel around some text.</p>\n * </Panel>\n * );\n *\n */\n\nexport interface PanelProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * Styling variant; defaults to \"primary\".\n */\n variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nconst withBaseName = makePrefixer(\"saltPanel\");\n\nexport const Panel = forwardRef<HTMLDivElement, PanelProps>(function Panel(\n { className, children, variant = \"primary\", ...restProps },\n ref,\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-panel\",\n css: panelCss,\n window: targetWindow,\n });\n\n return (\n <div\n className={clsx(withBaseName(), withBaseName(variant), className)}\n ref={ref}\n {...restProps}\n >\n {children}\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","Panel","useWindow","useComponentCssInjection","panelCss","jsx","clsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Panel.js","sources":["../src/panel/Panel.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport panelCss from \"./Panel.css\";\n\n/**\n * Panel component that acts as wrapper around a node\n *\n * @example\n * const PanelExample = () => (\n * <Panel>\n * <p>This is a panel around some text.</p>\n * </Panel>\n * );\n *\n */\n\nexport interface PanelProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * Styling variant; defaults to \"primary\".\n */\n variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nconst withBaseName = makePrefixer(\"saltPanel\");\n\nexport const Panel = forwardRef<HTMLDivElement, PanelProps>(function Panel(\n { className, children, variant = \"primary\", ...restProps },\n ref,\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-panel\",\n css: panelCss,\n window: targetWindow,\n });\n\n return (\n <div\n className={clsx(withBaseName(), withBaseName(variant), className)}\n ref={ref}\n {...restProps}\n >\n {children}\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","Panel","useWindow","useComponentCssInjection","panelCss","jsx","clsx"],"mappings":";;;;;;;;;;;;;;AA2BA,MAAM,YAAA,GAAeA,0BAAa,WAAW,CAAA;AAEtC,MAAM,KAAQ,GAAAC,gBAAA,CAAuC,SAASC,MAAAA,CACnE,EAAE,SAAA,EAAW,QAAU,EAAA,OAAA,GAAU,SAAW,EAAA,GAAG,SAAU,EAAA,EACzD,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,OAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAWC,SAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,OAAO,GAAG,SAAS,CAAA;AAAA,MAChE,GAAA;AAAA,MACC,GAAG,SAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
|