@salt-ds/core 1.19.0 → 1.21.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/css/salt-core.css +650 -19
- package/dist-cjs/accordion/Accordion.js +75 -0
- package/dist-cjs/accordion/Accordion.js.map +1 -1
- package/dist-cjs/accordion/AccordionContext.js +79 -0
- package/dist-cjs/accordion/AccordionContext.js.map +1 -1
- package/dist-cjs/accordion/AccordionGroup.js +76 -1
- package/dist-cjs/accordion/AccordionGroup.js.map +1 -1
- package/dist-cjs/accordion/AccordionHeader.js +73 -0
- package/dist-cjs/accordion/AccordionHeader.js.map +1 -1
- package/dist-cjs/accordion/AccordionPanel.js +75 -0
- package/dist-cjs/accordion/AccordionPanel.js.map +1 -1
- package/dist-cjs/aria-announcer/useAriaAnnouncer.js +78 -0
- package/dist-cjs/aria-announcer/useAriaAnnouncer.js.map +1 -1
- package/dist-cjs/avatar/Avatar.js +74 -0
- package/dist-cjs/avatar/Avatar.js.map +1 -1
- package/dist-cjs/avatar/useAvatarImage.js +79 -0
- package/dist-cjs/avatar/useAvatarImage.js.map +1 -1
- package/dist-cjs/badge/Badge.js +75 -0
- package/dist-cjs/badge/Badge.js.map +1 -1
- package/dist-cjs/banner/Banner.js +76 -2
- package/dist-cjs/banner/Banner.js.map +1 -1
- package/dist-cjs/banner/BannerActions.js +76 -1
- package/dist-cjs/banner/BannerActions.js.map +1 -1
- package/dist-cjs/banner/BannerContent.js +76 -1
- package/dist-cjs/banner/BannerContent.js.map +1 -1
- package/dist-cjs/border-item/BorderItem.js +75 -1
- package/dist-cjs/border-item/BorderItem.js.map +1 -1
- package/dist-cjs/border-layout/BorderLayout.js +76 -0
- package/dist-cjs/border-layout/BorderLayout.js.map +1 -1
- package/dist-cjs/button/Button.js +76 -1
- package/dist-cjs/button/Button.js.map +1 -1
- package/dist-cjs/card/Card.js +75 -0
- package/dist-cjs/card/Card.js.map +1 -1
- package/dist-cjs/card/InteractableCard.js +75 -0
- package/dist-cjs/card/InteractableCard.js.map +1 -1
- package/dist-cjs/checkbox/Checkbox.js +73 -0
- package/dist-cjs/checkbox/Checkbox.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxGroup.js +74 -0
- package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxIcon.js +75 -0
- package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-cjs/checkbox/internal/CheckboxGroupContext.js +79 -0
- package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-cjs/combo-box/ComboBox.css.js +6 -0
- package/dist-cjs/combo-box/ComboBox.css.js.map +1 -0
- package/dist-cjs/combo-box/ComboBox.js +443 -0
- package/dist-cjs/combo-box/ComboBox.js.map +1 -0
- package/dist-cjs/combo-box/useComboBox.js +153 -0
- package/dist-cjs/combo-box/useComboBox.js.map +1 -0
- package/dist-cjs/dialog/Dialog.css.js +6 -0
- package/dist-cjs/dialog/Dialog.css.js.map +1 -0
- package/dist-cjs/dialog/Dialog.js +194 -0
- package/dist-cjs/dialog/Dialog.js.map +1 -0
- package/dist-cjs/dialog/DialogActions.css.js +6 -0
- package/dist-cjs/dialog/DialogActions.css.js.map +1 -0
- package/dist-cjs/dialog/DialogActions.js +112 -0
- package/dist-cjs/dialog/DialogActions.js.map +1 -0
- package/dist-cjs/dialog/DialogCloseButton.css.js +6 -0
- package/dist-cjs/dialog/DialogCloseButton.css.js.map +1 -0
- package/dist-cjs/dialog/DialogCloseButton.js +117 -0
- package/dist-cjs/dialog/DialogCloseButton.js.map +1 -0
- package/dist-cjs/dialog/DialogContent.css.js +6 -0
- package/dist-cjs/dialog/DialogContent.css.js.map +1 -0
- package/dist-cjs/dialog/DialogContent.js +124 -0
- package/dist-cjs/dialog/DialogContent.js.map +1 -0
- package/dist-cjs/dialog/DialogContext.js +17 -0
- package/dist-cjs/dialog/DialogContext.js.map +1 -0
- package/dist-cjs/dialog/DialogHeader.css.js +6 -0
- package/dist-cjs/dialog/DialogHeader.css.js.map +1 -0
- package/dist-cjs/dialog/DialogHeader.js +147 -0
- package/dist-cjs/dialog/DialogHeader.js.map +1 -0
- package/dist-cjs/drawer/Drawer.js +75 -2
- package/dist-cjs/drawer/Drawer.js.map +1 -1
- package/dist-cjs/drawer/DrawerCloseButton.js +74 -1
- package/dist-cjs/drawer/DrawerCloseButton.js.map +1 -1
- package/dist-cjs/dropdown/Dropdown.css.js +6 -0
- package/dist-cjs/dropdown/Dropdown.css.js.map +1 -0
- package/dist-cjs/dropdown/Dropdown.js +412 -0
- package/dist-cjs/dropdown/Dropdown.js.map +1 -0
- package/dist-cjs/file-drop-zone/FileDropZone.js +75 -0
- package/dist-cjs/file-drop-zone/FileDropZone.js.map +1 -1
- package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js +76 -0
- package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
- package/dist-cjs/flex-item/FlexItem.js +79 -2
- package/dist-cjs/flex-item/FlexItem.js.map +1 -1
- package/dist-cjs/flex-layout/FlexLayout.js +79 -2
- package/dist-cjs/flex-layout/FlexLayout.js.map +1 -1
- package/dist-cjs/form-field/FormField.js +74 -0
- package/dist-cjs/form-field/FormField.js.map +1 -1
- package/dist-cjs/form-field/FormFieldHelperText.js +70 -2
- package/dist-cjs/form-field/FormFieldHelperText.js.map +1 -1
- package/dist-cjs/form-field/FormFieldLabel.js +69 -0
- package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
- package/dist-cjs/form-field-context/FormFieldContext.js +78 -0
- package/dist-cjs/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-cjs/grid-item/GridItem.js +79 -2
- package/dist-cjs/grid-item/GridItem.js.map +1 -1
- package/dist-cjs/grid-layout/GridLayout.js +79 -2
- package/dist-cjs/grid-layout/GridLayout.js.map +1 -1
- package/dist-cjs/index.js +30 -0
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/input/Input.js +73 -0
- package/dist-cjs/input/Input.js.map +1 -1
- package/dist-cjs/link/Link.js +70 -2
- package/dist-cjs/link/Link.js.map +1 -1
- package/dist-cjs/link-card/LinkCard.js +75 -0
- package/dist-cjs/link-card/LinkCard.js.map +1 -1
- package/dist-cjs/list-control/ListControlContext.js +121 -0
- package/dist-cjs/list-control/ListControlContext.js.map +1 -0
- package/dist-cjs/list-control/ListControlState.js +276 -0
- package/dist-cjs/list-control/ListControlState.js.map +1 -0
- package/dist-cjs/multiline-input/MultilineInput.css.js +1 -1
- package/dist-cjs/multiline-input/MultilineInput.js +73 -0
- package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
- package/dist-cjs/navigation-item/NavigationItem.css.js +1 -1
- package/dist-cjs/navigation-item/NavigationItem.js +77 -2
- package/dist-cjs/navigation-item/NavigationItem.js.map +1 -1
- package/dist-cjs/option/Option.css.js +6 -0
- package/dist-cjs/option/Option.css.js.map +1 -0
- package/dist-cjs/option/Option.js +178 -0
- package/dist-cjs/option/Option.js.map +1 -0
- package/dist-cjs/option/OptionGroup.css.js +6 -0
- package/dist-cjs/option/OptionGroup.css.js.map +1 -0
- package/dist-cjs/option/OptionGroup.js +123 -0
- package/dist-cjs/option/OptionGroup.js.map +1 -0
- package/dist-cjs/option/OptionList.css.js +6 -0
- package/dist-cjs/option/OptionList.css.js.map +1 -0
- package/dist-cjs/option/OptionList.js +118 -0
- package/dist-cjs/option/OptionList.js.map +1 -0
- package/dist-cjs/option/OptionListBase.js +113 -0
- package/dist-cjs/option/OptionListBase.js.map +1 -0
- package/dist-cjs/pagination/CompactInput.js +76 -2
- package/dist-cjs/pagination/CompactInput.js.map +1 -1
- package/dist-cjs/pagination/CompactPaginator.js +69 -2
- package/dist-cjs/pagination/CompactPaginator.js.map +1 -1
- package/dist-cjs/pagination/GoToInput.js +68 -3
- package/dist-cjs/pagination/GoToInput.js.map +1 -1
- package/dist-cjs/pagination/PageButton.js +77 -2
- package/dist-cjs/pagination/PageButton.js.map +1 -1
- package/dist-cjs/pagination/PageRanges.js +78 -2
- package/dist-cjs/pagination/PageRanges.js.map +1 -1
- package/dist-cjs/pagination/Pagination.js +76 -2
- package/dist-cjs/pagination/Pagination.js.map +1 -1
- package/dist-cjs/pagination/Paginator.js +75 -2
- package/dist-cjs/pagination/Paginator.js.map +1 -1
- package/dist-cjs/panel/Panel.css.js +1 -1
- package/dist-cjs/panel/Panel.js +77 -2
- package/dist-cjs/panel/Panel.js.map +1 -1
- package/dist-cjs/pill/Pill.js +74 -0
- package/dist-cjs/pill/Pill.js.map +1 -1
- package/dist-cjs/pill-input/PillInput.css.js +6 -0
- package/dist-cjs/pill-input/PillInput.css.js.map +1 -0
- package/dist-cjs/pill-input/PillInput.js +338 -0
- package/dist-cjs/pill-input/PillInput.js.map +1 -0
- package/dist-cjs/pill-input/useTruncatePills.js +83 -0
- package/dist-cjs/pill-input/useTruncatePills.js.map +1 -0
- package/dist-cjs/progress/CircularProgress/CircularProgress.css.js +1 -1
- package/dist-cjs/progress/CircularProgress/CircularProgress.js +138 -14
- package/dist-cjs/progress/CircularProgress/CircularProgress.js.map +1 -1
- package/dist-cjs/progress/LinearProgress/LinearProgress.css.js +1 -1
- package/dist-cjs/progress/LinearProgress/LinearProgress.js +89 -8
- package/dist-cjs/progress/LinearProgress/LinearProgress.js.map +1 -1
- package/dist-cjs/radio-button/RadioButton.js +78 -4
- package/dist-cjs/radio-button/RadioButton.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonGroup.js +77 -3
- package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonIcon.js +76 -0
- package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-cjs/radio-button/internal/RadioGroupContext.js +79 -0
- package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-cjs/salt-provider/SaltProvider.js +78 -3
- package/dist-cjs/salt-provider/SaltProvider.js.map +1 -1
- package/dist-cjs/scrim/Scrim.js +76 -1
- package/dist-cjs/scrim/Scrim.js.map +1 -1
- package/dist-cjs/spinner/Spinner.js +76 -2
- package/dist-cjs/spinner/Spinner.js.map +1 -1
- package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js +78 -0
- package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
- package/dist-cjs/split-layout/SplitLayout.js +76 -2
- package/dist-cjs/split-layout/SplitLayout.js.map +1 -1
- package/dist-cjs/stack-layout/StackLayout.js +78 -2
- package/dist-cjs/stack-layout/StackLayout.js.map +1 -1
- package/dist-cjs/status-adornment/StatusAdornment.js +75 -0
- package/dist-cjs/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-cjs/status-indicator/StatusIndicator.js +76 -2
- package/dist-cjs/status-indicator/StatusIndicator.js.map +1 -1
- package/dist-cjs/switch/Switch.js +75 -2
- package/dist-cjs/switch/Switch.js.map +1 -1
- package/dist-cjs/text/Text.js +77 -2
- package/dist-cjs/text/Text.js.map +1 -1
- package/dist-cjs/toast/Toast.js +74 -0
- package/dist-cjs/toast/Toast.js.map +1 -1
- package/dist-cjs/toast/ToastContent.js +75 -0
- package/dist-cjs/toast/ToastContent.js.map +1 -1
- package/dist-cjs/toggle-button/ToggleButton.js +73 -0
- package/dist-cjs/toggle-button/ToggleButton.js.map +1 -1
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js +74 -0
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js.map +1 -1
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js +78 -0
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
- package/dist-cjs/tooltip/Tooltip.js +75 -1
- package/dist-cjs/tooltip/Tooltip.js.map +1 -1
- package/dist-cjs/tooltip/TooltipBase.js +75 -2
- package/dist-cjs/tooltip/TooltipBase.js.map +1 -1
- package/dist-cjs/tooltip/useAriaAnnounce.js +77 -0
- package/dist-cjs/tooltip/useAriaAnnounce.js.map +1 -1
- package/dist-cjs/tooltip/useTooltip.js +83 -2
- package/dist-cjs/tooltip/useTooltip.js.map +1 -1
- package/dist-cjs/utils/ownerWindow.js.map +1 -1
- package/dist-cjs/utils/useEventCallback.js +20 -0
- package/dist-cjs/utils/useEventCallback.js.map +1 -0
- package/dist-cjs/utils/useResizeObserver.js +29 -0
- package/dist-cjs/utils/useResizeObserver.js.map +1 -0
- package/dist-cjs/utils/useValueEffect.js +124 -0
- package/dist-cjs/utils/useValueEffect.js.map +1 -0
- package/dist-cjs/viewport/ViewportProvider.js +78 -0
- package/dist-cjs/viewport/ViewportProvider.js.map +1 -1
- package/dist-es/accordion/Accordion.js +75 -0
- package/dist-es/accordion/Accordion.js.map +1 -1
- package/dist-es/accordion/AccordionContext.js +79 -0
- package/dist-es/accordion/AccordionContext.js.map +1 -1
- package/dist-es/accordion/AccordionGroup.js +76 -1
- package/dist-es/accordion/AccordionGroup.js.map +1 -1
- package/dist-es/accordion/AccordionHeader.js +73 -0
- package/dist-es/accordion/AccordionHeader.js.map +1 -1
- package/dist-es/accordion/AccordionPanel.js +75 -0
- package/dist-es/accordion/AccordionPanel.js.map +1 -1
- package/dist-es/aria-announcer/useAriaAnnouncer.js +78 -0
- package/dist-es/aria-announcer/useAriaAnnouncer.js.map +1 -1
- package/dist-es/avatar/Avatar.js +74 -0
- package/dist-es/avatar/Avatar.js.map +1 -1
- package/dist-es/avatar/useAvatarImage.js +79 -0
- package/dist-es/avatar/useAvatarImage.js.map +1 -1
- package/dist-es/badge/Badge.js +75 -0
- package/dist-es/badge/Badge.js.map +1 -1
- package/dist-es/banner/Banner.js +76 -2
- package/dist-es/banner/Banner.js.map +1 -1
- package/dist-es/banner/BannerActions.js +76 -1
- package/dist-es/banner/BannerActions.js.map +1 -1
- package/dist-es/banner/BannerContent.js +76 -1
- package/dist-es/banner/BannerContent.js.map +1 -1
- package/dist-es/border-item/BorderItem.js +75 -1
- package/dist-es/border-item/BorderItem.js.map +1 -1
- package/dist-es/border-layout/BorderLayout.js +76 -0
- package/dist-es/border-layout/BorderLayout.js.map +1 -1
- package/dist-es/button/Button.js +76 -1
- package/dist-es/button/Button.js.map +1 -1
- package/dist-es/card/Card.js +75 -0
- package/dist-es/card/Card.js.map +1 -1
- package/dist-es/card/InteractableCard.js +75 -0
- package/dist-es/card/InteractableCard.js.map +1 -1
- package/dist-es/checkbox/Checkbox.js +73 -0
- package/dist-es/checkbox/Checkbox.js.map +1 -1
- package/dist-es/checkbox/CheckboxGroup.js +74 -0
- package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-es/checkbox/CheckboxIcon.js +75 -0
- package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-es/checkbox/internal/CheckboxGroupContext.js +79 -0
- package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-es/combo-box/ComboBox.css.js +4 -0
- package/dist-es/combo-box/ComboBox.css.js.map +1 -0
- package/dist-es/combo-box/ComboBox.js +439 -0
- package/dist-es/combo-box/ComboBox.js.map +1 -0
- package/dist-es/combo-box/useComboBox.js +149 -0
- package/dist-es/combo-box/useComboBox.js.map +1 -0
- package/dist-es/dialog/Dialog.css.js +4 -0
- package/dist-es/dialog/Dialog.css.js.map +1 -0
- package/dist-es/dialog/Dialog.js +189 -0
- package/dist-es/dialog/Dialog.js.map +1 -0
- package/dist-es/dialog/DialogActions.css.js +4 -0
- package/dist-es/dialog/DialogActions.css.js.map +1 -0
- package/dist-es/dialog/DialogActions.js +108 -0
- package/dist-es/dialog/DialogActions.js.map +1 -0
- package/dist-es/dialog/DialogCloseButton.css.js +4 -0
- package/dist-es/dialog/DialogCloseButton.css.js.map +1 -0
- package/dist-es/dialog/DialogCloseButton.js +109 -0
- package/dist-es/dialog/DialogCloseButton.js.map +1 -0
- package/dist-es/dialog/DialogContent.css.js +4 -0
- package/dist-es/dialog/DialogContent.css.js.map +1 -0
- package/dist-es/dialog/DialogContent.js +120 -0
- package/dist-es/dialog/DialogContent.js.map +1 -0
- package/dist-es/dialog/DialogContext.js +12 -0
- package/dist-es/dialog/DialogContext.js.map +1 -0
- package/dist-es/dialog/DialogHeader.css.js +4 -0
- package/dist-es/dialog/DialogHeader.css.js.map +1 -0
- package/dist-es/dialog/DialogHeader.js +139 -0
- package/dist-es/dialog/DialogHeader.js.map +1 -0
- package/dist-es/drawer/Drawer.js +75 -2
- package/dist-es/drawer/Drawer.js.map +1 -1
- package/dist-es/drawer/DrawerCloseButton.js +74 -1
- package/dist-es/drawer/DrawerCloseButton.js.map +1 -1
- package/dist-es/dropdown/Dropdown.css.js +4 -0
- package/dist-es/dropdown/Dropdown.css.js.map +1 -0
- package/dist-es/dropdown/Dropdown.js +408 -0
- package/dist-es/dropdown/Dropdown.js.map +1 -0
- package/dist-es/file-drop-zone/FileDropZone.js +75 -0
- package/dist-es/file-drop-zone/FileDropZone.js.map +1 -1
- package/dist-es/file-drop-zone/FileDropZoneTrigger.js +76 -0
- package/dist-es/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
- package/dist-es/flex-item/FlexItem.js +79 -2
- package/dist-es/flex-item/FlexItem.js.map +1 -1
- package/dist-es/flex-layout/FlexLayout.js +79 -2
- package/dist-es/flex-layout/FlexLayout.js.map +1 -1
- package/dist-es/form-field/FormField.js +74 -0
- package/dist-es/form-field/FormField.js.map +1 -1
- package/dist-es/form-field/FormFieldHelperText.js +70 -2
- package/dist-es/form-field/FormFieldHelperText.js.map +1 -1
- package/dist-es/form-field/FormFieldLabel.js +69 -0
- package/dist-es/form-field/FormFieldLabel.js.map +1 -1
- package/dist-es/form-field-context/FormFieldContext.js +78 -0
- package/dist-es/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-es/grid-item/GridItem.js +79 -2
- package/dist-es/grid-item/GridItem.js.map +1 -1
- package/dist-es/grid-layout/GridLayout.js +79 -2
- package/dist-es/grid-layout/GridLayout.js.map +1 -1
- package/dist-es/index.js +14 -0
- package/dist-es/index.js.map +1 -1
- package/dist-es/input/Input.js +73 -0
- package/dist-es/input/Input.js.map +1 -1
- package/dist-es/link/Link.js +70 -2
- package/dist-es/link/Link.js.map +1 -1
- package/dist-es/link-card/LinkCard.js +75 -0
- package/dist-es/link-card/LinkCard.js.map +1 -1
- package/dist-es/list-control/ListControlContext.js +116 -0
- package/dist-es/list-control/ListControlContext.js.map +1 -0
- package/dist-es/list-control/ListControlState.js +271 -0
- package/dist-es/list-control/ListControlState.js.map +1 -0
- package/dist-es/multiline-input/MultilineInput.css.js +1 -1
- package/dist-es/multiline-input/MultilineInput.js +73 -0
- package/dist-es/multiline-input/MultilineInput.js.map +1 -1
- package/dist-es/navigation-item/NavigationItem.css.js +1 -1
- package/dist-es/navigation-item/NavigationItem.js +77 -2
- package/dist-es/navigation-item/NavigationItem.js.map +1 -1
- package/dist-es/option/Option.css.js +4 -0
- package/dist-es/option/Option.css.js.map +1 -0
- package/dist-es/option/Option.js +174 -0
- package/dist-es/option/Option.js.map +1 -0
- package/dist-es/option/OptionGroup.css.js +4 -0
- package/dist-es/option/OptionGroup.css.js.map +1 -0
- package/dist-es/option/OptionGroup.js +119 -0
- package/dist-es/option/OptionGroup.js.map +1 -0
- package/dist-es/option/OptionList.css.js +4 -0
- package/dist-es/option/OptionList.css.js.map +1 -0
- package/dist-es/option/OptionList.js +114 -0
- package/dist-es/option/OptionList.js.map +1 -0
- package/dist-es/option/OptionListBase.js +109 -0
- package/dist-es/option/OptionListBase.js.map +1 -0
- package/dist-es/pagination/CompactInput.js +76 -2
- package/dist-es/pagination/CompactInput.js.map +1 -1
- package/dist-es/pagination/CompactPaginator.js +69 -2
- package/dist-es/pagination/CompactPaginator.js.map +1 -1
- package/dist-es/pagination/GoToInput.js +68 -3
- package/dist-es/pagination/GoToInput.js.map +1 -1
- package/dist-es/pagination/PageButton.js +77 -2
- package/dist-es/pagination/PageButton.js.map +1 -1
- package/dist-es/pagination/PageRanges.js +78 -2
- package/dist-es/pagination/PageRanges.js.map +1 -1
- package/dist-es/pagination/Pagination.js +76 -2
- package/dist-es/pagination/Pagination.js.map +1 -1
- package/dist-es/pagination/Paginator.js +75 -2
- package/dist-es/pagination/Paginator.js.map +1 -1
- package/dist-es/panel/Panel.css.js +1 -1
- package/dist-es/panel/Panel.js +77 -2
- package/dist-es/panel/Panel.js.map +1 -1
- package/dist-es/pill/Pill.js +74 -0
- package/dist-es/pill/Pill.js.map +1 -1
- package/dist-es/pill-input/PillInput.css.js +4 -0
- package/dist-es/pill-input/PillInput.css.js.map +1 -0
- package/dist-es/pill-input/PillInput.js +334 -0
- package/dist-es/pill-input/PillInput.js.map +1 -0
- package/dist-es/pill-input/useTruncatePills.js +79 -0
- package/dist-es/pill-input/useTruncatePills.js.map +1 -0
- package/dist-es/progress/CircularProgress/CircularProgress.css.js +1 -1
- package/dist-es/progress/CircularProgress/CircularProgress.js +138 -14
- package/dist-es/progress/CircularProgress/CircularProgress.js.map +1 -1
- package/dist-es/progress/LinearProgress/LinearProgress.css.js +1 -1
- package/dist-es/progress/LinearProgress/LinearProgress.js +89 -8
- package/dist-es/progress/LinearProgress/LinearProgress.js.map +1 -1
- package/dist-es/radio-button/RadioButton.js +78 -4
- package/dist-es/radio-button/RadioButton.js.map +1 -1
- package/dist-es/radio-button/RadioButtonGroup.js +77 -3
- package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-es/radio-button/RadioButtonIcon.js +76 -0
- package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-es/radio-button/internal/RadioGroupContext.js +79 -0
- package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-es/salt-provider/SaltProvider.js +78 -3
- package/dist-es/salt-provider/SaltProvider.js.map +1 -1
- package/dist-es/scrim/Scrim.js +76 -1
- package/dist-es/scrim/Scrim.js.map +1 -1
- package/dist-es/spinner/Spinner.js +76 -2
- package/dist-es/spinner/Spinner.js.map +1 -1
- package/dist-es/spinner/svgSpinners/SpinnerSVG.js +78 -0
- package/dist-es/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
- package/dist-es/split-layout/SplitLayout.js +76 -2
- package/dist-es/split-layout/SplitLayout.js.map +1 -1
- package/dist-es/stack-layout/StackLayout.js +78 -2
- package/dist-es/stack-layout/StackLayout.js.map +1 -1
- package/dist-es/status-adornment/StatusAdornment.js +75 -0
- package/dist-es/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-es/status-indicator/StatusIndicator.js +76 -2
- package/dist-es/status-indicator/StatusIndicator.js.map +1 -1
- package/dist-es/switch/Switch.js +75 -2
- package/dist-es/switch/Switch.js.map +1 -1
- package/dist-es/text/Text.js +77 -2
- package/dist-es/text/Text.js.map +1 -1
- package/dist-es/toast/Toast.js +74 -0
- package/dist-es/toast/Toast.js.map +1 -1
- package/dist-es/toast/ToastContent.js +75 -0
- package/dist-es/toast/ToastContent.js.map +1 -1
- package/dist-es/toggle-button/ToggleButton.js +73 -0
- package/dist-es/toggle-button/ToggleButton.js.map +1 -1
- package/dist-es/toggle-button-group/ToggleButtonGroup.js +74 -0
- package/dist-es/toggle-button-group/ToggleButtonGroup.js.map +1 -1
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js +78 -0
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
- package/dist-es/tooltip/Tooltip.js +75 -1
- package/dist-es/tooltip/Tooltip.js.map +1 -1
- package/dist-es/tooltip/TooltipBase.js +75 -2
- package/dist-es/tooltip/TooltipBase.js.map +1 -1
- package/dist-es/tooltip/useAriaAnnounce.js +77 -0
- package/dist-es/tooltip/useAriaAnnounce.js.map +1 -1
- package/dist-es/tooltip/useTooltip.js +84 -3
- package/dist-es/tooltip/useTooltip.js.map +1 -1
- package/dist-es/utils/ownerWindow.js.map +1 -1
- package/dist-es/utils/useEventCallback.js +16 -0
- package/dist-es/utils/useEventCallback.js.map +1 -0
- package/dist-es/utils/useResizeObserver.js +25 -0
- package/dist-es/utils/useResizeObserver.js.map +1 -0
- package/dist-es/utils/useValueEffect.js +120 -0
- package/dist-es/utils/useValueEffect.js.map +1 -0
- package/dist-es/viewport/ViewportProvider.js +78 -0
- package/dist-es/viewport/ViewportProvider.js.map +1 -1
- package/dist-types/combo-box/ComboBox.d.ts +17 -0
- package/dist-types/combo-box/index.d.ts +1 -0
- package/dist-types/combo-box/useComboBox.d.ts +30 -0
- package/dist-types/dialog/Dialog.d.ts +46 -0
- package/dist-types/dialog/DialogActions.d.ts +8 -0
- package/dist-types/dialog/DialogCloseButton.d.ts +2 -0
- package/dist-types/dialog/DialogContent.d.ts +8 -0
- package/dist-types/dialog/DialogContext.d.ts +8 -0
- package/dist-types/dialog/DialogHeader.d.ts +20 -0
- package/dist-types/dialog/index.d.ts +6 -0
- package/dist-types/dropdown/Dropdown.d.ts +99 -0
- package/dist-types/dropdown/index.d.ts +1 -0
- package/dist-types/index.d.ts +5 -0
- package/dist-types/list-control/ListControlContext.d.ts +21 -0
- package/dist-types/list-control/ListControlState.d.ts +70 -0
- package/dist-types/list-control/index.d.ts +1 -0
- package/dist-types/option/Option.d.ts +16 -0
- package/dist-types/option/OptionGroup.d.ts +12 -0
- package/dist-types/option/OptionList.d.ts +5 -0
- package/dist-types/option/OptionListBase.d.ts +4 -0
- package/dist-types/option/index.d.ts +2 -0
- package/dist-types/pill-input/PillInput.d.ts +48 -0
- package/dist-types/pill-input/index.d.ts +1 -0
- package/dist-types/pill-input/useTruncatePills.d.ts +8 -0
- package/dist-types/progress/CircularProgress/CircularProgress.d.ts +5 -0
- package/dist-types/progress/LinearProgress/LinearProgress.d.ts +5 -0
- package/dist-types/utils/index.d.ts +3 -0
- package/dist-types/utils/ownerWindow.d.ts +1 -1
- package/dist-types/utils/useEventCallback.d.ts +4 -0
- package/dist-types/utils/useResizeObserver.d.ts +6 -0
- package/dist-types/utils/useValueEffect.d.ts +4 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionContext.js","sources":["../src/accordion/AccordionContext.ts"],"sourcesContent":["import { SyntheticEvent, useContext } from \"react\";\nimport { createContext } from \"../utils\";\n\nexport interface AccordionContextValue {\n value: string;\n expanded: boolean;\n toggle: (event: SyntheticEvent<HTMLButtonElement>) => void;\n disabled: boolean;\n id: string;\n status?: \"error\" | \"warning\" | \"success\";\n}\n\nexport const AccordionContext = createContext<AccordionContextValue>(\n \"AccordionContext\",\n {\n value: \"\",\n expanded: false,\n toggle: () => undefined,\n disabled: false,\n id: \"\",\n }\n);\n\nexport function useAccordion() {\n return useContext(AccordionContext);\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionContext.js","sources":["../src/accordion/AccordionContext.ts"],"sourcesContent":["import { SyntheticEvent, useContext } from \"react\";\nimport { createContext } from \"../utils\";\n\nexport interface AccordionContextValue {\n value: string;\n expanded: boolean;\n toggle: (event: SyntheticEvent<HTMLButtonElement>) => void;\n disabled: boolean;\n id: string;\n status?: \"error\" | \"warning\" | \"success\";\n}\n\nexport const AccordionContext = createContext<AccordionContextValue>(\n \"AccordionContext\",\n {\n value: \"\",\n expanded: false,\n toggle: () => undefined,\n disabled: false,\n id: \"\",\n }\n);\n\nexport function useAccordion() {\n return useContext(AccordionContext);\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,gBAAmB,GAAA,aAAA;AAAA,EAC9B,kBAAA;AAAA,EACA;AAAA,IACE,KAAO,EAAA,EAAA;AAAA,IACP,QAAU,EAAA,KAAA;AAAA,IACV,QAAQ,MAAM,KAAA,CAAA;AAAA,IACd,QAAU,EAAA,KAAA;AAAA,IACV,EAAI,EAAA,EAAA;AAAA,GACN;AACF,EAAA;AAEO,SAAS,YAAe,GAAA;AAC7B,EAAA,OAAO,WAAW,gBAAgB,CAAA,CAAA;AACpC;;;;"}
|
|
@@ -6,8 +6,83 @@ import '../utils/useFloatingUI/useFloatingUI.js';
|
|
|
6
6
|
import '../utils/useId.js';
|
|
7
7
|
import '../salt-provider/SaltProvider.js';
|
|
8
8
|
import '../viewport/ViewportProvider.js';
|
|
9
|
-
import
|
|
9
|
+
import './AccordionPanel.js';
|
|
10
|
+
import './Accordion.js';
|
|
11
|
+
import './AccordionHeader.js';
|
|
12
|
+
import '../aria-announcer/AriaAnnouncerContext.js';
|
|
13
|
+
import '../avatar/Avatar.js';
|
|
14
|
+
import '../badge/Badge.js';
|
|
15
|
+
import '../banner/Banner.js';
|
|
16
|
+
import '../banner/BannerActions.js';
|
|
17
|
+
import '../banner/BannerContent.js';
|
|
18
|
+
import '../border-item/BorderItem.js';
|
|
19
|
+
import '../border-layout/BorderLayout.js';
|
|
20
|
+
import '../button/Button.js';
|
|
21
|
+
import '../card/Card.js';
|
|
22
|
+
import '../card/InteractableCard.js';
|
|
23
|
+
import '../checkbox/Checkbox.js';
|
|
24
|
+
import '../checkbox/CheckboxGroup.js';
|
|
10
25
|
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
26
|
+
import { useWindow } from '@salt-ds/window';
|
|
27
|
+
import '@salt-ds/icons';
|
|
28
|
+
import '../combo-box/ComboBox.js';
|
|
29
|
+
import '../dialog/Dialog.js';
|
|
30
|
+
import '../status-indicator/StatusIndicator.js';
|
|
31
|
+
import '../text/Text.js';
|
|
32
|
+
import '../text/Display.js';
|
|
33
|
+
import '../text/Headings.js';
|
|
34
|
+
import '../text/Label.js';
|
|
35
|
+
import '../text/TextNotation.js';
|
|
36
|
+
import '../text/TextAction.js';
|
|
37
|
+
import '../dialog/DialogContext.js';
|
|
38
|
+
import '../dialog/DialogActions.js';
|
|
39
|
+
import '../dialog/DialogContent.js';
|
|
40
|
+
import '../dialog/DialogCloseButton.js';
|
|
41
|
+
import '../drawer/Drawer.js';
|
|
42
|
+
import '../drawer/DrawerCloseButton.js';
|
|
43
|
+
import '../dropdown/Dropdown.js';
|
|
44
|
+
import '../file-drop-zone/FileDropZone.js';
|
|
45
|
+
import '../file-drop-zone/FileDropZoneIcon.js';
|
|
46
|
+
import '../file-drop-zone/FileDropZoneTrigger.js';
|
|
47
|
+
import '../flex-item/FlexItem.js';
|
|
48
|
+
import '../flex-layout/FlexLayout.js';
|
|
49
|
+
import '../flow-layout/FlowLayout.js';
|
|
50
|
+
import '../form-field/FormField.js';
|
|
51
|
+
import '../form-field-context/FormFieldContext.js';
|
|
52
|
+
import '../grid-item/GridItem.js';
|
|
53
|
+
import '../grid-layout/GridLayout.js';
|
|
54
|
+
import '../input/Input.js';
|
|
55
|
+
import '../link/Link.js';
|
|
56
|
+
import '../link-card/LinkCard.js';
|
|
57
|
+
import '../list-control/ListControlContext.js';
|
|
58
|
+
import '../multiline-input/MultilineInput.js';
|
|
59
|
+
import '../navigation-item/NavigationItem.js';
|
|
60
|
+
import '../option/Option.js';
|
|
61
|
+
import '../option/OptionGroup.js';
|
|
62
|
+
import '../pagination/Pagination.js';
|
|
63
|
+
import '../pagination/Paginator.js';
|
|
64
|
+
import '../pagination/CompactInput.js';
|
|
65
|
+
import '../pagination/CompactPaginator.js';
|
|
66
|
+
import '../pagination/GoToInput.js';
|
|
67
|
+
import '../panel/Panel.js';
|
|
68
|
+
import '../pill/Pill.js';
|
|
69
|
+
import '../progress/CircularProgress/CircularProgress.js';
|
|
70
|
+
import '../progress/LinearProgress/LinearProgress.js';
|
|
71
|
+
import '../radio-button/RadioButton.js';
|
|
72
|
+
import '../radio-button/RadioButtonGroup.js';
|
|
73
|
+
import '../scrim/Scrim.js';
|
|
74
|
+
import '../spinner/Spinner.js';
|
|
75
|
+
import '../stack-layout/StackLayout.js';
|
|
76
|
+
import '../status-adornment/StatusAdornment.js';
|
|
77
|
+
import '../toast/Toast.js';
|
|
78
|
+
import '../toast/ToastContent.js';
|
|
79
|
+
import '../split-layout/SplitLayout.js';
|
|
80
|
+
import '../switch/Switch.js';
|
|
81
|
+
import '../toggle-button/ToggleButton.js';
|
|
82
|
+
import '../toggle-button-group/ToggleButtonGroup.js';
|
|
83
|
+
import '../toggle-button-group/ToggleButtonGroupContext.js';
|
|
84
|
+
import '../tooltip/Tooltip.js';
|
|
85
|
+
import '@floating-ui/react';
|
|
11
86
|
import css_248z from './AccordionGroup.css.js';
|
|
12
87
|
|
|
13
88
|
const withBaseName = makePrefixer("saltAccordionGroup");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.js","sources":["../src/accordion/AccordionGroup.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"../utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport accordionGroupCss from \"./AccordionGroup.css\";\n\nexport interface AccordionGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The child Accordions to be rendered\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionGroup\");\n\nexport const AccordionGroup = forwardRef<HTMLDivElement, AccordionGroupProps>(\n function AccordionGroup(props, ref) {\n const { className, ...rest } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-group\",\n css: accordionGroupCss,\n window: targetWindow,\n });\n\n return (\n <div className={clsx(withBaseName(), className)} ref={ref} {...rest} />\n );\n }\n);\n"],"names":["AccordionGroup","accordionGroupCss"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionGroup.js","sources":["../src/accordion/AccordionGroup.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"../utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport accordionGroupCss from \"./AccordionGroup.css\";\n\nexport interface AccordionGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The child Accordions to be rendered\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionGroup\");\n\nexport const AccordionGroup = forwardRef<HTMLDivElement, AccordionGroupProps>(\n function AccordionGroup(props, ref) {\n const { className, ...rest } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-group\",\n css: accordionGroupCss,\n window: targetWindow,\n });\n\n return (\n <div className={clsx(withBaseName(), className)} ref={ref} {...rest} />\n );\n }\n);\n"],"names":["AccordionGroup","accordionGroupCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAE/C,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,SAASA,eAAe,CAAA,KAAA,EAAO,GAAK,EAAA;AAClC,IAAM,MAAA,EAAE,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAE/B,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,sBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MAAG,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,KAAM,CAAA,CAAA;AAAA,GAEzE;AACF;;;;"}
|
|
@@ -10,6 +10,79 @@ import '../utils/useFloatingUI/useFloatingUI.js';
|
|
|
10
10
|
import '../utils/useId.js';
|
|
11
11
|
import '../salt-provider/SaltProvider.js';
|
|
12
12
|
import '../viewport/ViewportProvider.js';
|
|
13
|
+
import './AccordionGroup.js';
|
|
14
|
+
import './AccordionPanel.js';
|
|
15
|
+
import './Accordion.js';
|
|
16
|
+
import '../aria-announcer/AriaAnnouncerContext.js';
|
|
17
|
+
import '../avatar/Avatar.js';
|
|
18
|
+
import '../badge/Badge.js';
|
|
19
|
+
import '../banner/Banner.js';
|
|
20
|
+
import '../banner/BannerActions.js';
|
|
21
|
+
import '../banner/BannerContent.js';
|
|
22
|
+
import '../border-item/BorderItem.js';
|
|
23
|
+
import '../border-layout/BorderLayout.js';
|
|
24
|
+
import '../button/Button.js';
|
|
25
|
+
import '../card/Card.js';
|
|
26
|
+
import '../card/InteractableCard.js';
|
|
27
|
+
import '../checkbox/Checkbox.js';
|
|
28
|
+
import '../checkbox/CheckboxGroup.js';
|
|
29
|
+
import '../combo-box/ComboBox.js';
|
|
30
|
+
import '../dialog/Dialog.js';
|
|
31
|
+
import '../text/Text.js';
|
|
32
|
+
import '../text/Display.js';
|
|
33
|
+
import '../text/Headings.js';
|
|
34
|
+
import '../text/Label.js';
|
|
35
|
+
import '../text/TextNotation.js';
|
|
36
|
+
import '../text/TextAction.js';
|
|
37
|
+
import '../dialog/DialogContext.js';
|
|
38
|
+
import '../dialog/DialogActions.js';
|
|
39
|
+
import '../dialog/DialogContent.js';
|
|
40
|
+
import '../dialog/DialogCloseButton.js';
|
|
41
|
+
import '../drawer/Drawer.js';
|
|
42
|
+
import '../drawer/DrawerCloseButton.js';
|
|
43
|
+
import '../dropdown/Dropdown.js';
|
|
44
|
+
import '../file-drop-zone/FileDropZone.js';
|
|
45
|
+
import '../file-drop-zone/FileDropZoneIcon.js';
|
|
46
|
+
import '../file-drop-zone/FileDropZoneTrigger.js';
|
|
47
|
+
import '../flex-item/FlexItem.js';
|
|
48
|
+
import '../flex-layout/FlexLayout.js';
|
|
49
|
+
import '../flow-layout/FlowLayout.js';
|
|
50
|
+
import '../form-field/FormField.js';
|
|
51
|
+
import '../form-field-context/FormFieldContext.js';
|
|
52
|
+
import '../grid-item/GridItem.js';
|
|
53
|
+
import '../grid-layout/GridLayout.js';
|
|
54
|
+
import '../input/Input.js';
|
|
55
|
+
import '../link/Link.js';
|
|
56
|
+
import '../link-card/LinkCard.js';
|
|
57
|
+
import '../list-control/ListControlContext.js';
|
|
58
|
+
import '../multiline-input/MultilineInput.js';
|
|
59
|
+
import '../navigation-item/NavigationItem.js';
|
|
60
|
+
import '../option/Option.js';
|
|
61
|
+
import '../option/OptionGroup.js';
|
|
62
|
+
import '../pagination/Pagination.js';
|
|
63
|
+
import '../pagination/Paginator.js';
|
|
64
|
+
import '../pagination/CompactInput.js';
|
|
65
|
+
import '../pagination/CompactPaginator.js';
|
|
66
|
+
import '../pagination/GoToInput.js';
|
|
67
|
+
import '../panel/Panel.js';
|
|
68
|
+
import '../pill/Pill.js';
|
|
69
|
+
import '../progress/CircularProgress/CircularProgress.js';
|
|
70
|
+
import '../progress/LinearProgress/LinearProgress.js';
|
|
71
|
+
import '../radio-button/RadioButton.js';
|
|
72
|
+
import '../radio-button/RadioButtonGroup.js';
|
|
73
|
+
import '../scrim/Scrim.js';
|
|
74
|
+
import '../spinner/Spinner.js';
|
|
75
|
+
import '../stack-layout/StackLayout.js';
|
|
76
|
+
import '../status-adornment/StatusAdornment.js';
|
|
77
|
+
import '../toast/Toast.js';
|
|
78
|
+
import '../toast/ToastContent.js';
|
|
79
|
+
import '../split-layout/SplitLayout.js';
|
|
80
|
+
import '../switch/Switch.js';
|
|
81
|
+
import '../toggle-button/ToggleButton.js';
|
|
82
|
+
import '../toggle-button-group/ToggleButtonGroup.js';
|
|
83
|
+
import '../toggle-button-group/ToggleButtonGroupContext.js';
|
|
84
|
+
import '../tooltip/Tooltip.js';
|
|
85
|
+
import '@floating-ui/react';
|
|
13
86
|
import { useAccordion } from './AccordionContext.js';
|
|
14
87
|
import css_248z from './AccordionHeader.css.js';
|
|
15
88
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionHeader.js","sources":["../src/accordion/AccordionHeader.tsx"],"sourcesContent":["import {\n ComponentPropsWithoutRef,\n forwardRef,\n MouseEvent,\n ReactNode,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { StatusIndicator } from \"../status-indicator\";\nimport { ChevronRightIcon } from \"@salt-ds/icons\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { makePrefixer } from \"../utils\";\n\nimport { useAccordion } from \"./AccordionContext\";\nimport accordionHeaderCss from \"./AccordionHeader.css\";\n\nexport interface AccordionHeaderProps\n extends ComponentPropsWithoutRef<\"button\"> {\n /**\n * The content of the Accordion Header\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionHeader\");\n\nexport const AccordionHeader = forwardRef<\n HTMLButtonElement,\n AccordionHeaderProps\n>(function AccordionHeader(props, ref) {\n const { children, className, onClick, ...rest } = props;\n const { value, expanded, toggle, disabled, id, status } = useAccordion();\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-header\",\n css: accordionHeaderCss,\n window: targetWindow,\n });\n\n const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n toggle(event);\n onClick?.(event);\n };\n\n return (\n <button\n ref={ref}\n className={clsx(\n withBaseName(),\n { [withBaseName(status ?? \"\")]: status },\n className\n )}\n disabled={disabled}\n onClick={handleClick}\n aria-expanded={expanded}\n id={`${id}-header`}\n aria-controls={`${id}-panel`}\n value={value}\n {...rest}\n >\n <ChevronRightIcon aria-hidden=\"true\" className={withBaseName(\"icon\")} />\n {children}\n {status && (\n <StatusIndicator\n className={withBaseName(\"statusIndicator\")}\n status={status}\n />\n )}\n </button>\n );\n});\n"],"names":["AccordionHeader","accordionHeaderCss"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionHeader.js","sources":["../src/accordion/AccordionHeader.tsx"],"sourcesContent":["import {\n ComponentPropsWithoutRef,\n forwardRef,\n MouseEvent,\n ReactNode,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { StatusIndicator } from \"../status-indicator\";\nimport { ChevronRightIcon } from \"@salt-ds/icons\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { makePrefixer } from \"../utils\";\n\nimport { useAccordion } from \"./AccordionContext\";\nimport accordionHeaderCss from \"./AccordionHeader.css\";\n\nexport interface AccordionHeaderProps\n extends ComponentPropsWithoutRef<\"button\"> {\n /**\n * The content of the Accordion Header\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionHeader\");\n\nexport const AccordionHeader = forwardRef<\n HTMLButtonElement,\n AccordionHeaderProps\n>(function AccordionHeader(props, ref) {\n const { children, className, onClick, ...rest } = props;\n const { value, expanded, toggle, disabled, id, status } = useAccordion();\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-header\",\n css: accordionHeaderCss,\n window: targetWindow,\n });\n\n const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n toggle(event);\n onClick?.(event);\n };\n\n return (\n <button\n ref={ref}\n className={clsx(\n withBaseName(),\n { [withBaseName(status ?? \"\")]: status },\n className\n )}\n disabled={disabled}\n onClick={handleClick}\n aria-expanded={expanded}\n id={`${id}-header`}\n aria-controls={`${id}-panel`}\n value={value}\n {...rest}\n >\n <ChevronRightIcon aria-hidden=\"true\" className={withBaseName(\"icon\")} />\n {children}\n {status && (\n <StatusIndicator\n className={withBaseName(\"statusIndicator\")}\n status={status}\n />\n )}\n </button>\n );\n});\n"],"names":["AccordionHeader","accordionHeaderCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAEhD,MAAM,eAAkB,GAAA,UAAA,CAG7B,SAASA,gBAAAA,CAAgB,OAAO,GAAK,EAAA;AACrC,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,OAAA,EAAA,GAAY,MAAS,GAAA,KAAA,CAAA;AAClD,EAAM,MAAA,EAAE,OAAO,QAAU,EAAA,MAAA,EAAQ,UAAU,EAAI,EAAA,MAAA,KAAW,YAAa,EAAA,CAAA;AAEvE,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AAC5D,IAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AACZ,IAAU,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACZ,CAAA;AAEA,EAAA,uBACG,IAAA,CAAA,QAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,EAAE,CAAC,YAAA,CAAa,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAE,IAAI,MAAO,EAAA;AAAA,MACvC,SAAA;AAAA,KACF;AAAA,IACA,QAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,eAAe,EAAA,QAAA;AAAA,IACf,IAAI,CAAG,EAAA,EAAA,CAAA,OAAA,CAAA;AAAA,IACP,iBAAe,CAAG,EAAA,EAAA,CAAA,MAAA,CAAA;AAAA,IAClB,KAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,gBAAA,EAAA;AAAA,QAAiB,aAAY,EAAA,MAAA;AAAA,QAAO,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAA;AAAA,MACrE,QAAA;AAAA,MACA,0BACE,GAAA,CAAA,eAAA,EAAA;AAAA,QACC,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,QACzC,MAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -8,6 +8,81 @@ import '../utils/useFloatingUI/useFloatingUI.js';
|
|
|
8
8
|
import '../utils/useId.js';
|
|
9
9
|
import '../salt-provider/SaltProvider.js';
|
|
10
10
|
import '../viewport/ViewportProvider.js';
|
|
11
|
+
import './AccordionGroup.js';
|
|
12
|
+
import './Accordion.js';
|
|
13
|
+
import './AccordionHeader.js';
|
|
14
|
+
import '../aria-announcer/AriaAnnouncerContext.js';
|
|
15
|
+
import '../avatar/Avatar.js';
|
|
16
|
+
import '../badge/Badge.js';
|
|
17
|
+
import '../banner/Banner.js';
|
|
18
|
+
import '../banner/BannerActions.js';
|
|
19
|
+
import '../banner/BannerContent.js';
|
|
20
|
+
import '../border-item/BorderItem.js';
|
|
21
|
+
import '../border-layout/BorderLayout.js';
|
|
22
|
+
import '../button/Button.js';
|
|
23
|
+
import '../card/Card.js';
|
|
24
|
+
import '../card/InteractableCard.js';
|
|
25
|
+
import '../checkbox/Checkbox.js';
|
|
26
|
+
import '../checkbox/CheckboxGroup.js';
|
|
27
|
+
import '@salt-ds/icons';
|
|
28
|
+
import '../combo-box/ComboBox.js';
|
|
29
|
+
import '../dialog/Dialog.js';
|
|
30
|
+
import '../status-indicator/StatusIndicator.js';
|
|
31
|
+
import '../text/Text.js';
|
|
32
|
+
import '../text/Display.js';
|
|
33
|
+
import '../text/Headings.js';
|
|
34
|
+
import '../text/Label.js';
|
|
35
|
+
import '../text/TextNotation.js';
|
|
36
|
+
import '../text/TextAction.js';
|
|
37
|
+
import '../dialog/DialogContext.js';
|
|
38
|
+
import '../dialog/DialogActions.js';
|
|
39
|
+
import '../dialog/DialogContent.js';
|
|
40
|
+
import '../dialog/DialogCloseButton.js';
|
|
41
|
+
import '../drawer/Drawer.js';
|
|
42
|
+
import '../drawer/DrawerCloseButton.js';
|
|
43
|
+
import '../dropdown/Dropdown.js';
|
|
44
|
+
import '../file-drop-zone/FileDropZone.js';
|
|
45
|
+
import '../file-drop-zone/FileDropZoneIcon.js';
|
|
46
|
+
import '../file-drop-zone/FileDropZoneTrigger.js';
|
|
47
|
+
import '../flex-item/FlexItem.js';
|
|
48
|
+
import '../flex-layout/FlexLayout.js';
|
|
49
|
+
import '../flow-layout/FlowLayout.js';
|
|
50
|
+
import '../form-field/FormField.js';
|
|
51
|
+
import '../form-field-context/FormFieldContext.js';
|
|
52
|
+
import '../grid-item/GridItem.js';
|
|
53
|
+
import '../grid-layout/GridLayout.js';
|
|
54
|
+
import '../input/Input.js';
|
|
55
|
+
import '../link/Link.js';
|
|
56
|
+
import '../link-card/LinkCard.js';
|
|
57
|
+
import '../list-control/ListControlContext.js';
|
|
58
|
+
import '../multiline-input/MultilineInput.js';
|
|
59
|
+
import '../navigation-item/NavigationItem.js';
|
|
60
|
+
import '../option/Option.js';
|
|
61
|
+
import '../option/OptionGroup.js';
|
|
62
|
+
import '../pagination/Pagination.js';
|
|
63
|
+
import '../pagination/Paginator.js';
|
|
64
|
+
import '../pagination/CompactInput.js';
|
|
65
|
+
import '../pagination/CompactPaginator.js';
|
|
66
|
+
import '../pagination/GoToInput.js';
|
|
67
|
+
import '../panel/Panel.js';
|
|
68
|
+
import '../pill/Pill.js';
|
|
69
|
+
import '../progress/CircularProgress/CircularProgress.js';
|
|
70
|
+
import '../progress/LinearProgress/LinearProgress.js';
|
|
71
|
+
import '../radio-button/RadioButton.js';
|
|
72
|
+
import '../radio-button/RadioButtonGroup.js';
|
|
73
|
+
import '../scrim/Scrim.js';
|
|
74
|
+
import '../spinner/Spinner.js';
|
|
75
|
+
import '../stack-layout/StackLayout.js';
|
|
76
|
+
import '../status-adornment/StatusAdornment.js';
|
|
77
|
+
import '../toast/Toast.js';
|
|
78
|
+
import '../toast/ToastContent.js';
|
|
79
|
+
import '../split-layout/SplitLayout.js';
|
|
80
|
+
import '../switch/Switch.js';
|
|
81
|
+
import '../toggle-button/ToggleButton.js';
|
|
82
|
+
import '../toggle-button-group/ToggleButtonGroup.js';
|
|
83
|
+
import '../toggle-button-group/ToggleButtonGroupContext.js';
|
|
84
|
+
import '../tooltip/Tooltip.js';
|
|
85
|
+
import '@floating-ui/react';
|
|
11
86
|
import { useAccordion } from './AccordionContext.js';
|
|
12
87
|
import css_248z from './AccordionPanel.css.js';
|
|
13
88
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanel.js","sources":["../src/accordion/AccordionPanel.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { clsx } from \"clsx\";\n\nimport { makePrefixer } from \"../utils\";\nimport { useAccordion } from \"./AccordionContext\";\nimport accordionPanelCss from \"./AccordionPanel.css\";\n\nexport interface AccordionPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The content of the Accordion Panel\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionPanel\");\n\nexport const AccordionPanel = forwardRef<HTMLDivElement, AccordionPanelProps>(\n function AccordionPanel(props, ref) {\n const { children, className, ...rest } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-panel\",\n css: accordionPanelCss,\n window: targetWindow,\n });\n\n const { id, expanded } = useAccordion();\n\n return (\n <div\n ref={ref}\n className={clsx(withBaseName(), className)}\n role=\"region\"\n id={`${id}-panel`}\n aria-labelledby={`${id}-header`}\n aria-hidden={!expanded ? \"true\" : undefined}\n hidden={!expanded}\n {...rest}\n >\n <div className={withBaseName(\"inner\")}>\n <div className={withBaseName(\"content\")}>{children}</div>\n </div>\n </div>\n );\n }\n);\n"],"names":["AccordionPanel","accordionPanelCss"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionPanel.js","sources":["../src/accordion/AccordionPanel.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { clsx } from \"clsx\";\n\nimport { makePrefixer } from \"../utils\";\nimport { useAccordion } from \"./AccordionContext\";\nimport accordionPanelCss from \"./AccordionPanel.css\";\n\nexport interface AccordionPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The content of the Accordion Panel\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAccordionPanel\");\n\nexport const AccordionPanel = forwardRef<HTMLDivElement, AccordionPanelProps>(\n function AccordionPanel(props, ref) {\n const { children, className, ...rest } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-accordion-panel\",\n css: accordionPanelCss,\n window: targetWindow,\n });\n\n const { id, expanded } = useAccordion();\n\n return (\n <div\n ref={ref}\n className={clsx(withBaseName(), className)}\n role=\"region\"\n id={`${id}-panel`}\n aria-labelledby={`${id}-header`}\n aria-hidden={!expanded ? \"true\" : undefined}\n hidden={!expanded}\n {...rest}\n >\n <div className={withBaseName(\"inner\")}>\n <div className={withBaseName(\"content\")}>{children}</div>\n </div>\n </div>\n );\n }\n);\n"],"names":["AccordionPanel","accordionPanelCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAE/C,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,SAASA,eAAe,CAAA,KAAA,EAAO,GAAK,EAAA;AAClC,IAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAEzC,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,sBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,EAAA,EAAI,QAAS,EAAA,GAAI,YAAa,EAAA,CAAA;AAEtC,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,IAAK,EAAA,QAAA;AAAA,MACL,IAAI,CAAG,EAAA,EAAA,CAAA,MAAA,CAAA;AAAA,MACP,mBAAiB,CAAG,EAAA,EAAA,CAAA,OAAA,CAAA;AAAA,MACpB,aAAA,EAAa,CAAC,QAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AAAA,MAClC,QAAQ,CAAC,QAAA;AAAA,MACR,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAClC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,UAAI,QAAA;AAAA,SAAS,CAAA;AAAA,OACrD,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
|
|
@@ -5,7 +5,85 @@ import '../utils/useId.js';
|
|
|
5
5
|
import '../salt-provider/SaltProvider.js';
|
|
6
6
|
import '../viewport/ViewportProvider.js';
|
|
7
7
|
import 'clsx';
|
|
8
|
+
import '../accordion/AccordionGroup.js';
|
|
9
|
+
import '../accordion/AccordionPanel.js';
|
|
10
|
+
import '../accordion/Accordion.js';
|
|
11
|
+
import '../accordion/AccordionHeader.js';
|
|
8
12
|
import { AriaAnnouncerContext } from './AriaAnnouncerContext.js';
|
|
13
|
+
import 'react/jsx-runtime';
|
|
14
|
+
import '../avatar/Avatar.js';
|
|
15
|
+
import '../badge/Badge.js';
|
|
16
|
+
import '../banner/Banner.js';
|
|
17
|
+
import '../banner/BannerActions.js';
|
|
18
|
+
import '../banner/BannerContent.js';
|
|
19
|
+
import '../border-item/BorderItem.js';
|
|
20
|
+
import '../border-layout/BorderLayout.js';
|
|
21
|
+
import '../button/Button.js';
|
|
22
|
+
import '../card/Card.js';
|
|
23
|
+
import '../card/InteractableCard.js';
|
|
24
|
+
import '../checkbox/Checkbox.js';
|
|
25
|
+
import '../checkbox/CheckboxGroup.js';
|
|
26
|
+
import '@salt-ds/styles';
|
|
27
|
+
import '@salt-ds/window';
|
|
28
|
+
import '@salt-ds/icons';
|
|
29
|
+
import '../combo-box/ComboBox.js';
|
|
30
|
+
import '../dialog/Dialog.js';
|
|
31
|
+
import '../status-indicator/StatusIndicator.js';
|
|
32
|
+
import '../text/Text.js';
|
|
33
|
+
import '../text/Display.js';
|
|
34
|
+
import '../text/Headings.js';
|
|
35
|
+
import '../text/Label.js';
|
|
36
|
+
import '../text/TextNotation.js';
|
|
37
|
+
import '../text/TextAction.js';
|
|
38
|
+
import '../dialog/DialogContext.js';
|
|
39
|
+
import '../dialog/DialogActions.js';
|
|
40
|
+
import '../dialog/DialogContent.js';
|
|
41
|
+
import '../dialog/DialogCloseButton.js';
|
|
42
|
+
import '../drawer/Drawer.js';
|
|
43
|
+
import '../drawer/DrawerCloseButton.js';
|
|
44
|
+
import '../dropdown/Dropdown.js';
|
|
45
|
+
import '../file-drop-zone/FileDropZone.js';
|
|
46
|
+
import '../file-drop-zone/FileDropZoneIcon.js';
|
|
47
|
+
import '../file-drop-zone/FileDropZoneTrigger.js';
|
|
48
|
+
import '../flex-item/FlexItem.js';
|
|
49
|
+
import '../flex-layout/FlexLayout.js';
|
|
50
|
+
import '../flow-layout/FlowLayout.js';
|
|
51
|
+
import '../form-field/FormField.js';
|
|
52
|
+
import '../form-field-context/FormFieldContext.js';
|
|
53
|
+
import '../grid-item/GridItem.js';
|
|
54
|
+
import '../grid-layout/GridLayout.js';
|
|
55
|
+
import '../input/Input.js';
|
|
56
|
+
import '../link/Link.js';
|
|
57
|
+
import '../link-card/LinkCard.js';
|
|
58
|
+
import '../list-control/ListControlContext.js';
|
|
59
|
+
import '../multiline-input/MultilineInput.js';
|
|
60
|
+
import '../navigation-item/NavigationItem.js';
|
|
61
|
+
import '../option/Option.js';
|
|
62
|
+
import '../option/OptionGroup.js';
|
|
63
|
+
import '../pagination/Pagination.js';
|
|
64
|
+
import '../pagination/Paginator.js';
|
|
65
|
+
import '../pagination/CompactInput.js';
|
|
66
|
+
import '../pagination/CompactPaginator.js';
|
|
67
|
+
import '../pagination/GoToInput.js';
|
|
68
|
+
import '../panel/Panel.js';
|
|
69
|
+
import '../pill/Pill.js';
|
|
70
|
+
import '../progress/CircularProgress/CircularProgress.js';
|
|
71
|
+
import '../progress/LinearProgress/LinearProgress.js';
|
|
72
|
+
import '../radio-button/RadioButton.js';
|
|
73
|
+
import '../radio-button/RadioButtonGroup.js';
|
|
74
|
+
import '../scrim/Scrim.js';
|
|
75
|
+
import '../spinner/Spinner.js';
|
|
76
|
+
import '../stack-layout/StackLayout.js';
|
|
77
|
+
import '../status-adornment/StatusAdornment.js';
|
|
78
|
+
import '../toast/Toast.js';
|
|
79
|
+
import '../toast/ToastContent.js';
|
|
80
|
+
import '../split-layout/SplitLayout.js';
|
|
81
|
+
import '../switch/Switch.js';
|
|
82
|
+
import '../toggle-button/ToggleButton.js';
|
|
83
|
+
import '../toggle-button-group/ToggleButtonGroup.js';
|
|
84
|
+
import '../toggle-button-group/ToggleButtonGroupContext.js';
|
|
85
|
+
import '../tooltip/Tooltip.js';
|
|
86
|
+
import '@floating-ui/react';
|
|
9
87
|
|
|
10
88
|
let warnedOnce = false;
|
|
11
89
|
const useAriaAnnouncer = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAriaAnnouncer.js","sources":["../src/aria-announcer/useAriaAnnouncer.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef } from \"react\";\nimport { debounce } from \"../utils\";\nimport { AriaAnnouncer, AriaAnnouncerContext } from \"./AriaAnnouncerContext\";\n\nexport type useAnnouncerOptions = {\n debounce?: number;\n};\nexport type useAriaAnnouncerHook = (\n options?: useAnnouncerOptions\n) => AriaAnnouncer;\n\nlet warnedOnce = false;\n\nexport const useAriaAnnouncer: useAriaAnnouncerHook = ({\n debounce: debounceInterval = 0,\n} = {}) => {\n const context = useContext(AriaAnnouncerContext);\n const mountedRef = useRef(true);\n const baseAnnounce = useCallback(\n (announcement: string, delay?: number) => {\n const isReactAnnouncerInstalled = context && context.announce;\n\n if (process.env.NODE_ENV !== \"production\") {\n if (isReactAnnouncerInstalled && warnedOnce) {\n console.warn(\n \"useAriaAnnouncer is being used without an AriaAnnouncerProvider. Your application should be wrapped in an AriaAnnouncerProvider\"\n );\n warnedOnce = true;\n }\n }\n\n function makeAnnouncement() {\n if (mountedRef.current) {\n if (isReactAnnouncerInstalled) {\n context.announce(announcement);\n }\n }\n }\n\n if (delay) {\n setTimeout(makeAnnouncement, delay);\n } else {\n makeAnnouncement();\n }\n },\n [context]\n );\n\n const announce = useMemo(\n () =>\n debounceInterval > 0\n ? debounce(baseAnnounce, debounceInterval)\n : baseAnnounce,\n [baseAnnounce, debounceInterval]\n );\n\n const ariaAnnouncer = useMemo(\n () => ({\n ...context,\n announce,\n }),\n [context, announce]\n );\n\n useEffect(() => {\n mountedRef.current = true;\n return () => {\n mountedRef.current = false;\n };\n }, []);\n\n return ariaAnnouncer;\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useAriaAnnouncer.js","sources":["../src/aria-announcer/useAriaAnnouncer.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef } from \"react\";\nimport { debounce } from \"../utils\";\nimport { AriaAnnouncer, AriaAnnouncerContext } from \"./AriaAnnouncerContext\";\n\nexport type useAnnouncerOptions = {\n debounce?: number;\n};\nexport type useAriaAnnouncerHook = (\n options?: useAnnouncerOptions\n) => AriaAnnouncer;\n\nlet warnedOnce = false;\n\nexport const useAriaAnnouncer: useAriaAnnouncerHook = ({\n debounce: debounceInterval = 0,\n} = {}) => {\n const context = useContext(AriaAnnouncerContext);\n const mountedRef = useRef(true);\n const baseAnnounce = useCallback(\n (announcement: string, delay?: number) => {\n const isReactAnnouncerInstalled = context && context.announce;\n\n if (process.env.NODE_ENV !== \"production\") {\n if (isReactAnnouncerInstalled && warnedOnce) {\n console.warn(\n \"useAriaAnnouncer is being used without an AriaAnnouncerProvider. Your application should be wrapped in an AriaAnnouncerProvider\"\n );\n warnedOnce = true;\n }\n }\n\n function makeAnnouncement() {\n if (mountedRef.current) {\n if (isReactAnnouncerInstalled) {\n context.announce(announcement);\n }\n }\n }\n\n if (delay) {\n setTimeout(makeAnnouncement, delay);\n } else {\n makeAnnouncement();\n }\n },\n [context]\n );\n\n const announce = useMemo(\n () =>\n debounceInterval > 0\n ? debounce(baseAnnounce, debounceInterval)\n : baseAnnounce,\n [baseAnnounce, debounceInterval]\n );\n\n const ariaAnnouncer = useMemo(\n () => ({\n ...context,\n announce,\n }),\n [context, announce]\n );\n\n useEffect(() => {\n mountedRef.current = true;\n return () => {\n mountedRef.current = false;\n };\n }, []);\n\n return ariaAnnouncer;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAI,UAAa,GAAA,KAAA,CAAA;AAEV,MAAM,mBAAyC,CAAC;AAAA,EACrD,UAAU,gBAAmB,GAAA,CAAA;AAC/B,CAAA,GAAI,EAAO,KAAA;AACT,EAAM,MAAA,OAAA,GAAU,WAAW,oBAAoB,CAAA,CAAA;AAC/C,EAAM,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAC9B,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,cAAsB,KAAmB,KAAA;AACxC,MAAM,MAAA,yBAAA,GAA4B,WAAW,OAAQ,CAAA,QAAA,CAAA;AAErD,MAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,QAAA,IAAI,6BAA6B,UAAY,EAAA;AAC3C,UAAQ,OAAA,CAAA,IAAA;AAAA,YACN,iIAAA;AAAA,WACF,CAAA;AACA,UAAa,UAAA,GAAA,IAAA,CAAA;AAAA,SACf;AAAA,OACF;AAEA,MAAA,SAAS,gBAAmB,GAAA;AAC1B,QAAA,IAAI,WAAW,OAAS,EAAA;AACtB,UAAA,IAAI,yBAA2B,EAAA;AAC7B,YAAA,OAAA,CAAQ,SAAS,YAAY,CAAA,CAAA;AAAA,WAC/B;AAAA,SACF;AAAA,OACF;AAEA,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,UAAA,CAAW,kBAAkB,KAAK,CAAA,CAAA;AAAA,OAC7B,MAAA;AACL,QAAiB,gBAAA,EAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,QAAW,GAAA,OAAA;AAAA,IACf,MACE,gBAAmB,GAAA,CAAA,GACf,QAAS,CAAA,YAAA,EAAc,gBAAgB,CACvC,GAAA,YAAA;AAAA,IACN,CAAC,cAAc,gBAAgB,CAAA;AAAA,GACjC,CAAA;AAEA,EAAA,MAAM,aAAgB,GAAA,OAAA;AAAA,IACpB,OAAO;AAAA,MACL,GAAG,OAAA;AAAA,MACH,QAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,SAAS,QAAQ,CAAA;AAAA,GACpB,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,OAAU,GAAA,IAAA,CAAA;AACrB,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAU,GAAA,KAAA,CAAA;AAAA,KACvB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,aAAA,CAAA;AACT;;;;"}
|
package/dist-es/avatar/Avatar.js
CHANGED
|
@@ -10,6 +10,80 @@ import '../utils/useFloatingUI/useFloatingUI.js';
|
|
|
10
10
|
import '../utils/useId.js';
|
|
11
11
|
import '../salt-provider/SaltProvider.js';
|
|
12
12
|
import '../viewport/ViewportProvider.js';
|
|
13
|
+
import '../accordion/AccordionGroup.js';
|
|
14
|
+
import '../accordion/AccordionPanel.js';
|
|
15
|
+
import '../accordion/Accordion.js';
|
|
16
|
+
import '../accordion/AccordionHeader.js';
|
|
17
|
+
import '../aria-announcer/AriaAnnouncerContext.js';
|
|
18
|
+
import '../badge/Badge.js';
|
|
19
|
+
import '../banner/Banner.js';
|
|
20
|
+
import '../banner/BannerActions.js';
|
|
21
|
+
import '../banner/BannerContent.js';
|
|
22
|
+
import '../border-item/BorderItem.js';
|
|
23
|
+
import '../border-layout/BorderLayout.js';
|
|
24
|
+
import '../button/Button.js';
|
|
25
|
+
import '../card/Card.js';
|
|
26
|
+
import '../card/InteractableCard.js';
|
|
27
|
+
import '../checkbox/Checkbox.js';
|
|
28
|
+
import '../checkbox/CheckboxGroup.js';
|
|
29
|
+
import '../combo-box/ComboBox.js';
|
|
30
|
+
import '../dialog/Dialog.js';
|
|
31
|
+
import '../status-indicator/StatusIndicator.js';
|
|
32
|
+
import '../text/Text.js';
|
|
33
|
+
import '../text/Display.js';
|
|
34
|
+
import '../text/Headings.js';
|
|
35
|
+
import '../text/Label.js';
|
|
36
|
+
import '../text/TextNotation.js';
|
|
37
|
+
import '../text/TextAction.js';
|
|
38
|
+
import '../dialog/DialogContext.js';
|
|
39
|
+
import '../dialog/DialogActions.js';
|
|
40
|
+
import '../dialog/DialogContent.js';
|
|
41
|
+
import '../dialog/DialogCloseButton.js';
|
|
42
|
+
import '../drawer/Drawer.js';
|
|
43
|
+
import '../drawer/DrawerCloseButton.js';
|
|
44
|
+
import '../dropdown/Dropdown.js';
|
|
45
|
+
import '../file-drop-zone/FileDropZone.js';
|
|
46
|
+
import '../file-drop-zone/FileDropZoneIcon.js';
|
|
47
|
+
import '../file-drop-zone/FileDropZoneTrigger.js';
|
|
48
|
+
import '../flex-item/FlexItem.js';
|
|
49
|
+
import '../flex-layout/FlexLayout.js';
|
|
50
|
+
import '../flow-layout/FlowLayout.js';
|
|
51
|
+
import '../form-field/FormField.js';
|
|
52
|
+
import '../form-field-context/FormFieldContext.js';
|
|
53
|
+
import '../grid-item/GridItem.js';
|
|
54
|
+
import '../grid-layout/GridLayout.js';
|
|
55
|
+
import '../input/Input.js';
|
|
56
|
+
import '../link/Link.js';
|
|
57
|
+
import '../link-card/LinkCard.js';
|
|
58
|
+
import '../list-control/ListControlContext.js';
|
|
59
|
+
import '../multiline-input/MultilineInput.js';
|
|
60
|
+
import '../navigation-item/NavigationItem.js';
|
|
61
|
+
import '../option/Option.js';
|
|
62
|
+
import '../option/OptionGroup.js';
|
|
63
|
+
import '../pagination/Pagination.js';
|
|
64
|
+
import '../pagination/Paginator.js';
|
|
65
|
+
import '../pagination/CompactInput.js';
|
|
66
|
+
import '../pagination/CompactPaginator.js';
|
|
67
|
+
import '../pagination/GoToInput.js';
|
|
68
|
+
import '../panel/Panel.js';
|
|
69
|
+
import '../pill/Pill.js';
|
|
70
|
+
import '../progress/CircularProgress/CircularProgress.js';
|
|
71
|
+
import '../progress/LinearProgress/LinearProgress.js';
|
|
72
|
+
import '../radio-button/RadioButton.js';
|
|
73
|
+
import '../radio-button/RadioButtonGroup.js';
|
|
74
|
+
import '../scrim/Scrim.js';
|
|
75
|
+
import '../spinner/Spinner.js';
|
|
76
|
+
import '../stack-layout/StackLayout.js';
|
|
77
|
+
import '../status-adornment/StatusAdornment.js';
|
|
78
|
+
import '../toast/Toast.js';
|
|
79
|
+
import '../toast/ToastContent.js';
|
|
80
|
+
import '../split-layout/SplitLayout.js';
|
|
81
|
+
import '../switch/Switch.js';
|
|
82
|
+
import '../toggle-button/ToggleButton.js';
|
|
83
|
+
import '../toggle-button-group/ToggleButtonGroup.js';
|
|
84
|
+
import '../toggle-button-group/ToggleButtonGroupContext.js';
|
|
85
|
+
import '../tooltip/Tooltip.js';
|
|
86
|
+
import '@floating-ui/react';
|
|
13
87
|
import css_248z from './Avatar.css.js';
|
|
14
88
|
|
|
15
89
|
const withBaseName = makePrefixer("saltAvatar");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../src/avatar/Avatar.tsx"],"sourcesContent":["import { UserSolidIcon } from \"@salt-ds/icons\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport { useAvatarImage } from \"./useAvatarImage\";\n\nimport { makePrefixer } from \"../utils\";\nimport avatarCss from \"./Avatar.css\";\n\nexport type NameToInitials = (name?: string) => string;\n\nexport interface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * The name that Avatar represents.\n */\n name?: string;\n /**\n * Defines the function that gets initials. Default is capital first letter of each separate word in name.\n * If a function is not passed or returns undefined, Avatar will default to Icon.\n */\n nameToInitials?: NameToInitials;\n /**\n * Image src of Avatar.\n */\n src?: string;\n /**\n * Multiplier for the base avatar.\n */\n size?: number;\n /**\n * Icon to be used as a default item. Defaults to `UserIcon`\n */\n fallbackIcon?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAvatar\");\nconst DEFAULT_AVATAR_SIZE = 2; // medium\n\nconst defaultNameToInitials = (name?: string) =>\n name\n ?.split(\" \")\n .slice(0, 2)\n .map((n) => n[0])\n .join(\"\")\n .toUpperCase();\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n {\n className,\n children: childrenProp,\n name,\n nameToInitials = defaultNameToInitials,\n src,\n size = DEFAULT_AVATAR_SIZE,\n style: styleProp,\n fallbackIcon = <UserSolidIcon aria-label=\"User Avatar\" />,\n ...rest\n },\n ref\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-avatar\",\n css: avatarCss,\n window: targetWindow,\n });\n\n let children;\n\n const style = {\n ...styleProp,\n \"--saltAvatar-size-multiplier\": `${size}`,\n };\n\n const status = useAvatarImage({ src });\n const hasImgNotFailing = status === \"loaded\";\n if (hasImgNotFailing) {\n children = <img alt={name} src={src} />;\n } else if (childrenProp != null) {\n children = childrenProp;\n }\n\n const avatarInitials = nameToInitials(name);\n\n const initialsProps = avatarInitials\n ? {\n role: \"img\",\n \"aria-label\": name,\n }\n : {};\n\n return (\n <div\n ref={ref}\n style={style}\n className={clsx(\n withBaseName(),\n { [withBaseName(\"withImage\")]: hasImgNotFailing },\n className\n )}\n {...initialsProps}\n {...rest}\n >\n {children || avatarInitials || fallbackIcon}\n </div>\n );\n});\n"],"names":["Avatar","avatarCss"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../src/avatar/Avatar.tsx"],"sourcesContent":["import { UserSolidIcon } from \"@salt-ds/icons\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport { useAvatarImage } from \"./useAvatarImage\";\n\nimport { makePrefixer } from \"../utils\";\nimport avatarCss from \"./Avatar.css\";\n\nexport type NameToInitials = (name?: string) => string;\n\nexport interface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * The name that Avatar represents.\n */\n name?: string;\n /**\n * Defines the function that gets initials. Default is capital first letter of each separate word in name.\n * If a function is not passed or returns undefined, Avatar will default to Icon.\n */\n nameToInitials?: NameToInitials;\n /**\n * Image src of Avatar.\n */\n src?: string;\n /**\n * Multiplier for the base avatar.\n */\n size?: number;\n /**\n * Icon to be used as a default item. Defaults to `UserIcon`\n */\n fallbackIcon?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAvatar\");\nconst DEFAULT_AVATAR_SIZE = 2; // medium\n\nconst defaultNameToInitials = (name?: string) =>\n name\n ?.split(\" \")\n .slice(0, 2)\n .map((n) => n[0])\n .join(\"\")\n .toUpperCase();\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n {\n className,\n children: childrenProp,\n name,\n nameToInitials = defaultNameToInitials,\n src,\n size = DEFAULT_AVATAR_SIZE,\n style: styleProp,\n fallbackIcon = <UserSolidIcon aria-label=\"User Avatar\" />,\n ...rest\n },\n ref\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-avatar\",\n css: avatarCss,\n window: targetWindow,\n });\n\n let children;\n\n const style = {\n ...styleProp,\n \"--saltAvatar-size-multiplier\": `${size}`,\n };\n\n const status = useAvatarImage({ src });\n const hasImgNotFailing = status === \"loaded\";\n if (hasImgNotFailing) {\n children = <img alt={name} src={src} />;\n } else if (childrenProp != null) {\n children = childrenProp;\n }\n\n const avatarInitials = nameToInitials(name);\n\n const initialsProps = avatarInitials\n ? {\n role: \"img\",\n \"aria-label\": name,\n }\n : {};\n\n return (\n <div\n ref={ref}\n style={style}\n className={clsx(\n withBaseName(),\n { [withBaseName(\"withImage\")]: hasImgNotFailing },\n className\n )}\n {...initialsProps}\n {...rest}\n >\n {children || avatarInitials || fallbackIcon}\n </div>\n );\n});\n"],"names":["Avatar","avatarCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAM,YAAA,GAAe,aAAa,YAAY,CAAA,CAAA;AAC9C,MAAM,mBAAsB,GAAA,CAAA,CAAA;AAE5B,MAAM,qBAAwB,GAAA,CAAC,IAC7B,KAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CACI,MAAM,GACP,CAAA,CAAA,KAAA,CAAM,CAAG,EAAA,CAAA,CAAA,CACT,IAAI,CAAC,CAAA,KAAM,CAAE,CAAA,CAAA,CAAA,CAAA,CACb,KAAK,EACL,CAAA,CAAA,WAAA,EAAA,CAAA;AAEQ,MAAA,MAAA,GAAS,UAAwC,CAAA,SAASA,OACrE,CAAA;AAAA,EACE,SAAA;AAAA,EACA,QAAU,EAAA,YAAA;AAAA,EACV,IAAA;AAAA,EACA,cAAiB,GAAA,qBAAA;AAAA,EACjB,GAAA;AAAA,EACA,IAAO,GAAA,mBAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,+BAAgB,GAAA,CAAA,aAAA,EAAA;AAAA,IAAc,YAAW,EAAA,aAAA;AAAA,GAAc,CAAA;AAAA,EACpD,GAAA,IAAA;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAI,IAAA,QAAA,CAAA;AAEJ,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ,GAAG,SAAA;AAAA,IACH,gCAAgC,CAAG,EAAA,IAAA,CAAA,CAAA;AAAA,GACrC,CAAA;AAEA,EAAA,MAAM,MAAS,GAAA,cAAA,CAAe,EAAE,GAAA,EAAK,CAAA,CAAA;AACrC,EAAA,MAAM,mBAAmB,MAAW,KAAA,QAAA,CAAA;AACpC,EAAA,IAAI,gBAAkB,EAAA;AACpB,IAAA,QAAA,mBAAY,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,GAAK,EAAA,IAAA;AAAA,MAAM,GAAA;AAAA,KAAU,CAAA,CAAA;AAAA,GACvC,MAAA,IAAW,gBAAgB,IAAM,EAAA;AAC/B,IAAW,QAAA,GAAA,YAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,cAAA,GAAiB,eAAe,IAAI,CAAA,CAAA;AAE1C,EAAA,MAAM,gBAAgB,cAClB,GAAA;AAAA,IACE,IAAM,EAAA,KAAA;AAAA,IACN,YAAc,EAAA,IAAA;AAAA,MAEhB,EAAC,CAAA;AAEL,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,EAAE,CAAC,YAAa,CAAA,WAAW,IAAI,gBAAiB,EAAA;AAAA,MAChD,SAAA;AAAA,KACF;AAAA,IACC,GAAG,aAAA;AAAA,IACH,GAAG,IAAA;AAAA,IAEH,sBAAY,cAAkB,IAAA,YAAA;AAAA,GACjC,CAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -5,6 +5,85 @@ import { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect.js
|
|
|
5
5
|
import '../salt-provider/SaltProvider.js';
|
|
6
6
|
import '../viewport/ViewportProvider.js';
|
|
7
7
|
import 'clsx';
|
|
8
|
+
import '../accordion/AccordionGroup.js';
|
|
9
|
+
import '../accordion/AccordionPanel.js';
|
|
10
|
+
import '../accordion/Accordion.js';
|
|
11
|
+
import '../accordion/AccordionHeader.js';
|
|
12
|
+
import '../aria-announcer/AriaAnnouncerContext.js';
|
|
13
|
+
import 'react/jsx-runtime';
|
|
14
|
+
import './Avatar.js';
|
|
15
|
+
import '../badge/Badge.js';
|
|
16
|
+
import '../banner/Banner.js';
|
|
17
|
+
import '../banner/BannerActions.js';
|
|
18
|
+
import '../banner/BannerContent.js';
|
|
19
|
+
import '../border-item/BorderItem.js';
|
|
20
|
+
import '../border-layout/BorderLayout.js';
|
|
21
|
+
import '../button/Button.js';
|
|
22
|
+
import '../card/Card.js';
|
|
23
|
+
import '../card/InteractableCard.js';
|
|
24
|
+
import '../checkbox/Checkbox.js';
|
|
25
|
+
import '../checkbox/CheckboxGroup.js';
|
|
26
|
+
import '@salt-ds/styles';
|
|
27
|
+
import '@salt-ds/window';
|
|
28
|
+
import '@salt-ds/icons';
|
|
29
|
+
import '../combo-box/ComboBox.js';
|
|
30
|
+
import '../dialog/Dialog.js';
|
|
31
|
+
import '../status-indicator/StatusIndicator.js';
|
|
32
|
+
import '../text/Text.js';
|
|
33
|
+
import '../text/Display.js';
|
|
34
|
+
import '../text/Headings.js';
|
|
35
|
+
import '../text/Label.js';
|
|
36
|
+
import '../text/TextNotation.js';
|
|
37
|
+
import '../text/TextAction.js';
|
|
38
|
+
import '../dialog/DialogContext.js';
|
|
39
|
+
import '../dialog/DialogActions.js';
|
|
40
|
+
import '../dialog/DialogContent.js';
|
|
41
|
+
import '../dialog/DialogCloseButton.js';
|
|
42
|
+
import '../drawer/Drawer.js';
|
|
43
|
+
import '../drawer/DrawerCloseButton.js';
|
|
44
|
+
import '../dropdown/Dropdown.js';
|
|
45
|
+
import '../file-drop-zone/FileDropZone.js';
|
|
46
|
+
import '../file-drop-zone/FileDropZoneIcon.js';
|
|
47
|
+
import '../file-drop-zone/FileDropZoneTrigger.js';
|
|
48
|
+
import '../flex-item/FlexItem.js';
|
|
49
|
+
import '../flex-layout/FlexLayout.js';
|
|
50
|
+
import '../flow-layout/FlowLayout.js';
|
|
51
|
+
import '../form-field/FormField.js';
|
|
52
|
+
import '../form-field-context/FormFieldContext.js';
|
|
53
|
+
import '../grid-item/GridItem.js';
|
|
54
|
+
import '../grid-layout/GridLayout.js';
|
|
55
|
+
import '../input/Input.js';
|
|
56
|
+
import '../link/Link.js';
|
|
57
|
+
import '../link-card/LinkCard.js';
|
|
58
|
+
import '../list-control/ListControlContext.js';
|
|
59
|
+
import '../multiline-input/MultilineInput.js';
|
|
60
|
+
import '../navigation-item/NavigationItem.js';
|
|
61
|
+
import '../option/Option.js';
|
|
62
|
+
import '../option/OptionGroup.js';
|
|
63
|
+
import '../pagination/Pagination.js';
|
|
64
|
+
import '../pagination/Paginator.js';
|
|
65
|
+
import '../pagination/CompactInput.js';
|
|
66
|
+
import '../pagination/CompactPaginator.js';
|
|
67
|
+
import '../pagination/GoToInput.js';
|
|
68
|
+
import '../panel/Panel.js';
|
|
69
|
+
import '../pill/Pill.js';
|
|
70
|
+
import '../progress/CircularProgress/CircularProgress.js';
|
|
71
|
+
import '../progress/LinearProgress/LinearProgress.js';
|
|
72
|
+
import '../radio-button/RadioButton.js';
|
|
73
|
+
import '../radio-button/RadioButtonGroup.js';
|
|
74
|
+
import '../scrim/Scrim.js';
|
|
75
|
+
import '../spinner/Spinner.js';
|
|
76
|
+
import '../stack-layout/StackLayout.js';
|
|
77
|
+
import '../status-adornment/StatusAdornment.js';
|
|
78
|
+
import '../toast/Toast.js';
|
|
79
|
+
import '../toast/ToastContent.js';
|
|
80
|
+
import '../split-layout/SplitLayout.js';
|
|
81
|
+
import '../switch/Switch.js';
|
|
82
|
+
import '../toggle-button/ToggleButton.js';
|
|
83
|
+
import '../toggle-button-group/ToggleButtonGroup.js';
|
|
84
|
+
import '../toggle-button-group/ToggleButtonGroupContext.js';
|
|
85
|
+
import '../tooltip/Tooltip.js';
|
|
86
|
+
import '@floating-ui/react';
|
|
8
87
|
|
|
9
88
|
function useAvatarImage({ src }) {
|
|
10
89
|
const [status, setStatus] = useState("loading");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAvatarImage.js","sources":["../src/avatar/useAvatarImage.ts"],"sourcesContent":["import { ImgHTMLAttributes, useEffect, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nexport function useAvatarImage({ src }: ImgHTMLAttributes<HTMLImageElement>) {\n const [status, setStatus] = useState<\n \"pending\" | \"loading\" | \"loaded\" | \"error\"\n >(\"loading\");\n\n useEffect(() => {\n setStatus(src ? \"loading\" : \"pending\");\n }, [src]);\n\n useIsomorphicLayoutEffect(() => {\n if (!src) {\n return;\n }\n\n let active = true;\n const image = new Image();\n image.src = src;\n const onLoad = () => active && setStatus(\"loaded\");\n const onError = () => active && setStatus(\"error\");\n\n image.addEventListener(\"load\", onLoad, { once: true });\n image.addEventListener(\"error\", onError, { once: true });\n\n return () => {\n image.removeEventListener(\"load\", onLoad);\n image.removeEventListener(\"load\", onError);\n active = false;\n };\n }, [src]);\n\n return status;\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useAvatarImage.js","sources":["../src/avatar/useAvatarImage.ts"],"sourcesContent":["import { ImgHTMLAttributes, useEffect, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nexport function useAvatarImage({ src }: ImgHTMLAttributes<HTMLImageElement>) {\n const [status, setStatus] = useState<\n \"pending\" | \"loading\" | \"loaded\" | \"error\"\n >(\"loading\");\n\n useEffect(() => {\n setStatus(src ? \"loading\" : \"pending\");\n }, [src]);\n\n useIsomorphicLayoutEffect(() => {\n if (!src) {\n return;\n }\n\n let active = true;\n const image = new Image();\n image.src = src;\n const onLoad = () => active && setStatus(\"loaded\");\n const onError = () => active && setStatus(\"error\");\n\n image.addEventListener(\"load\", onLoad, { once: true });\n image.addEventListener(\"error\", onError, { once: true });\n\n return () => {\n image.removeEventListener(\"load\", onLoad);\n image.removeEventListener(\"load\", onError);\n active = false;\n };\n }, [src]);\n\n return status;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGgB,SAAA,cAAA,CAAe,EAAE,GAAA,EAA4C,EAAA;AAC3E,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAE1B,SAAS,CAAA,CAAA;AAEX,EAAA,SAAA,CAAU,MAAM;AACd,IAAU,SAAA,CAAA,GAAA,GAAM,YAAY,SAAS,CAAA,CAAA;AAAA,GACvC,EAAG,CAAC,GAAG,CAAC,CAAA,CAAA;AAER,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,CAAC,GAAK,EAAA;AACR,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,IAAI,MAAS,GAAA,IAAA,CAAA;AACb,IAAM,MAAA,KAAA,GAAQ,IAAI,KAAM,EAAA,CAAA;AACxB,IAAA,KAAA,CAAM,GAAM,GAAA,GAAA,CAAA;AACZ,IAAA,MAAM,MAAS,GAAA,MAAM,MAAU,IAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AACjD,IAAA,MAAM,OAAU,GAAA,MAAM,MAAU,IAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAEjD,IAAA,KAAA,CAAM,iBAAiB,MAAQ,EAAA,MAAA,EAAQ,EAAE,IAAA,EAAM,MAAM,CAAA,CAAA;AACrD,IAAA,KAAA,CAAM,iBAAiB,OAAS,EAAA,OAAA,EAAS,EAAE,IAAA,EAAM,MAAM,CAAA,CAAA;AAEvD,IAAA,OAAO,MAAM;AACX,MAAM,KAAA,CAAA,mBAAA,CAAoB,QAAQ,MAAM,CAAA,CAAA;AACxC,MAAM,KAAA,CAAA,mBAAA,CAAoB,QAAQ,OAAO,CAAA,CAAA;AACzC,MAAS,MAAA,GAAA,KAAA,CAAA;AAAA,KACX,CAAA;AAAA,GACF,EAAG,CAAC,GAAG,CAAC,CAAA,CAAA;AAER,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}
|