@splunk/react-ui 5.1.0 → 5.2.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/Accordion.js +60 -39
- package/Anchor.js +9 -9
- package/Animation.js +2 -2
- package/Avatar.js +10 -10
- package/Box.js +2 -2
- package/Breadcrumbs.js +13 -13
- package/Button.js +12 -12
- package/ButtonGroup.js +9 -9
- package/ButtonSimple.js +2 -2
- package/CHANGELOG.md +23 -0
- package/Calendar.js +61 -61
- package/Card.js +286 -255
- package/CardLayout.js +10 -10
- package/Chip.js +31 -31
- package/Clickable.js +29 -29
- package/Code.js +15 -15
- package/CollapsiblePanel.js +93 -91
- package/Color.js +10 -10
- package/ColumnLayout.js +16 -16
- package/ComboBox.js +110 -110
- package/ControlGroup.js +99 -99
- package/Date.js +62 -62
- package/DefinitionList.js +124 -104
- package/Divider.js +2 -2
- package/DualListbox.js +178 -173
- package/File.js +22 -22
- package/FormRows.js +15 -15
- package/Heading.js +15 -15
- package/Image.js +31 -31
- package/JSONTree.js +492 -476
- package/Layer.js +4 -1
- package/Layout.js +10 -10
- package/Link.js +2 -2
- package/List.js +24 -24
- package/Markdown.js +102 -102
- package/Menu.js +21 -20
- package/Message.js +20 -20
- package/MessageBar.js +13 -13
- package/Modal.js +33 -33
- package/Monogram.js +94 -68
- package/Multiselect.js +822 -719
- package/Number.js +18 -18
- package/Paginator.js +39 -39
- package/Paragraph.js +10 -10
- package/Popover.js +243 -208
- package/Progress.js +6 -6
- package/Prose.js +16 -16
- package/RadioBar.js +118 -118
- package/RadioList.js +137 -113
- package/Resize.js +20 -20
- package/ResultsMenu.js +48 -48
- package/ScreenReaderContent.js +13 -13
- package/Scroll.js +24 -24
- package/Search.js +25 -25
- package/Select.js +941 -838
- package/SidePanel.js +29 -29
- package/Slider.js +30 -30
- package/SlidingPanels.js +28 -28
- package/SplitButton.js +100 -72
- package/StaticContent.js +6 -6
- package/StepBar.js +8 -8
- package/Switch.js +2 -2
- package/TabBar.js +293 -270
- package/TabLayout.js +68 -68
- package/Table.js +807 -790
- package/Text.js +2 -2
- package/TextArea.js +16 -16
- package/Tooltip.js +22 -22
- package/TransitionOpen.js +11 -11
- package/Tree.js +194 -189
- package/Typography.js +15 -15
- package/WaitSpinner.js +6 -6
- package/package.json +15 -18
- package/types/src/Accordion/docs/examples/Controlled.d.ts +3 -0
- package/types/src/Accordion/docs/examples/Inset.d.ts +4 -0
- package/types/src/Accordion/docs/examples/Uncontrolled.d.ts +3 -0
- package/types/src/Anchor/docs/examples/Basic.d.ts +4 -0
- package/types/src/AnimationToggle/docs/examples/Provider.d.ts +4 -0
- package/types/src/AnimationToggle/docs/examples/ReducedMotionComponent.d.ts +4 -0
- package/types/src/AnimationToggle/docs/examples/ReducedMotionHook.d.ts +4 -0
- package/types/src/AnimationToggle/docs/examples/ToggleComponent.d.ts +4 -0
- package/types/src/Avatar/docs/examples/BackgroundColor.d.ts +4 -0
- package/types/src/Avatar/docs/examples/Basic.d.ts +4 -0
- package/types/src/Avatar/docs/examples/Image.d.ts +4 -0
- package/types/src/Avatar/docs/examples/Interactive.d.ts +4 -0
- package/types/src/Avatar/docs/examples/Size.d.ts +4 -0
- package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +4 -0
- package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +3 -0
- package/types/src/Breadcrumbs/docs/examples/CustomizedClick.d.ts +4 -0
- package/types/src/Button/docs/examples/Basic.d.ts +3 -0
- package/types/src/Button/docs/examples/Block.d.ts +4 -0
- package/types/src/Button/docs/examples/Disabled.d.ts +4 -0
- package/types/src/Button/docs/examples/Icons.d.ts +4 -0
- package/types/src/Button/docs/examples/Menus.d.ts +4 -0
- package/types/src/Button/docs/examples/To.d.ts +4 -0
- package/types/src/ButtonGroup/docs/examples/Basic.d.ts +3 -0
- package/types/src/Card/docs/examples/Basic.d.ts +4 -0
- package/types/src/Card/docs/examples/Clickable.d.ts +4 -0
- package/types/src/Card/docs/examples/Full.d.ts +4 -0
- package/types/src/Card/docs/examples/HeadingTitle.d.ts +4 -0
- package/types/src/Card/docs/examples/Images.d.ts +4 -0
- package/types/src/Card/docs/examples/Selectable.d.ts +4 -0
- package/types/src/CardLayout/docs/examples/Basic.d.ts +3 -0
- package/types/src/CardLayout/docs/examples/Interactive.d.ts +4 -0
- package/types/src/Chip/docs/examples/Appearance.d.ts +3 -0
- package/types/src/Chip/docs/examples/CustomColors.d.ts +4 -0
- package/types/src/Chip/docs/examples/Disabled.d.ts +3 -0
- package/types/src/Chip/docs/examples/Icon.d.ts +3 -0
- package/types/src/Chip/docs/examples/Removable.d.ts +3 -0
- package/types/src/Chip/docs/examples/RemovableWithNonStringChildren.d.ts +4 -0
- package/types/src/Clickable/docs/examples/Disabled.d.ts +4 -0
- package/types/src/Code/docs/examples/Default.d.ts +3 -0
- package/types/src/Code/docs/examples/HideIndent.d.ts +4 -0
- package/types/src/Code/docs/examples/Language.d.ts +4 -0
- package/types/src/Code/docs/examples/LineHighlights.d.ts +4 -0
- package/types/src/Code/docs/examples/LineNumbers.d.ts +4 -0
- package/types/src/Code/docs/examples/LineNumbersCustomStart.d.ts +4 -0
- package/types/src/CollapsiblePanel/docs/examples/Actions.d.ts +4 -0
- package/types/src/CollapsiblePanel/docs/examples/BasicControlled.d.ts +3 -0
- package/types/src/CollapsiblePanel/docs/examples/BasicUncontrolled.d.ts +3 -0
- package/types/src/CollapsiblePanel/docs/examples/Disabled.d.ts +7 -0
- package/types/src/CollapsiblePanel/docs/examples/MultiControlled.d.ts +3 -0
- package/types/src/CollapsiblePanel/docs/examples/MultiUncontrolled.d.ts +3 -0
- package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupControlled.d.ts +4 -0
- package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupInset.d.ts +4 -0
- package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupUncontrolled.d.ts +4 -0
- package/types/src/CollapsiblePanel/docs/examples/Subtle.d.ts +4 -0
- package/types/src/Color/docs/examples/Controlled.d.ts +3 -0
- package/types/src/Color/docs/examples/CustomizedPalette.d.ts +4 -0
- package/types/src/Color/docs/examples/HideInput.d.ts +4 -0
- package/types/src/Color/docs/examples/Null.d.ts +4 -0
- package/types/src/Color/docs/examples/ThemeVariables.d.ts +4 -0
- package/types/src/Color/docs/examples/Transparent.d.ts +4 -0
- package/types/src/Color/docs/examples/Uncontrolled.d.ts +3 -0
- package/types/src/ColumnLayout/docs/examples/AlignItems.d.ts +4 -0
- package/types/src/ColumnLayout/docs/examples/Basic.d.ts +4 -0
- package/types/src/ColumnLayout/docs/examples/Dividers.d.ts +4 -0
- package/types/src/ColumnLayout/docs/examples/Gutters.d.ts +4 -0
- package/types/src/ComboBox/docs/examples/Controlled.d.ts +4 -0
- package/types/src/ComboBox/docs/examples/Fetching.d.ts +4 -0
- package/types/src/ComboBox/docs/examples/Headings.d.ts +3 -0
- package/types/src/ComboBox/docs/examples/Label.d.ts +4 -0
- package/types/src/ComboBox/docs/examples/Uncontrolled.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/Basic.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/CustomizedLabelTarget.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/Error.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/HelpWithLinks.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/LabelLeft.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/LayoutFill.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/LayoutFillJoin.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/LayoutNone.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/Required.d.ts +4 -0
- package/types/src/Date/docs/examples/Basic.d.ts +3 -0
- package/types/src/Date/docs/examples/Controlled.d.ts +3 -0
- package/types/src/Date/docs/examples/CustomDate.d.ts +4 -0
- package/types/src/Date/docs/examples/Disabled.d.ts +3 -0
- package/types/src/Date/docs/examples/Error.d.ts +3 -0
- package/types/src/Date/docs/examples/HighlightToday.d.ts +4 -0
- package/types/src/Date/docs/examples/WithoutCalendar.d.ts +4 -0
- package/types/src/DefinitionList/DefinitionList.d.ts +22 -4
- package/types/src/DefinitionList/DefinitionListContext.d.ts +2 -0
- package/types/src/DefinitionList/docs/examples/Basic.d.ts +3 -0
- package/types/src/DefinitionList/docs/examples/CustomizedWidths.d.ts +7 -0
- package/types/src/DefinitionList/docs/examples/EmptyDescription.d.ts +4 -0
- package/types/src/DefinitionList/docs/examples/WithSeparator.d.ts +4 -0
- package/types/src/Divider/docs/examples/Appearance.d.ts +4 -0
- package/types/src/Divider/docs/examples/Basic.d.ts +3 -0
- package/types/src/Divider/docs/examples/CustomStyle.d.ts +4 -0
- package/types/src/Divider/docs/examples/Decorative.d.ts +4 -0
- package/types/src/Divider/docs/examples/Vertical.d.ts +3 -0
- package/types/src/Dropdown/docs/examples/Basic.d.ts +4 -0
- package/types/src/Dropdown/docs/examples/BasicMenu.d.ts +3 -0
- package/types/src/Dropdown/docs/examples/ControlledDropdown.d.ts +4 -0
- package/types/src/Dropdown/docs/examples/Dialog.d.ts +4 -0
- package/types/src/Dropdown/docs/examples/ScrollContainer.d.ts +4 -0
- package/types/src/Dropdown/docs/examples/ScrollingMenu.d.ts +4 -0
- package/types/src/Dropdown/docs/examples/Submenu.d.ts +3 -0
- package/types/src/Dropdown/docs/examples/TooltipButtonToggle.d.ts +4 -0
- package/types/src/DualListbox/Option.d.ts +1 -1
- package/types/src/DualListbox/docs/examples/Basic.d.ts +3 -0
- package/types/src/DualListbox/docs/examples/Controlled.d.ts +3 -0
- package/types/src/DualListbox/docs/examples/Fill.d.ts +4 -0
- package/types/src/File/docs/examples/CustomizedMessages.d.ts +4 -0
- package/types/src/File/docs/examples/Disabled.d.ts +3 -0
- package/types/src/File/docs/examples/DropAnywhere.d.ts +4 -0
- package/types/src/File/docs/examples/Error.d.ts +4 -0
- package/types/src/File/docs/examples/FullScreen.d.ts +4 -0
- package/types/src/File/docs/examples/Multi.d.ts +4 -0
- package/types/src/File/docs/examples/Progress.d.ts +4 -0
- package/types/src/File/docs/examples/Single.d.ts +4 -0
- package/types/src/FormRows/docs/examples/Basic.d.ts +3 -0
- package/types/src/FormRows/docs/examples/Header.d.ts +4 -0
- package/types/src/FormRows/docs/examples/Menu.d.ts +4 -0
- package/types/src/FormRows/docs/examples/ReorderOnly.d.ts +4 -0
- package/types/src/Heading/docs/examples/Basic.d.ts +3 -0
- package/types/src/Heading/docs/examples/Variant.d.ts +4 -0
- package/types/src/Image/docs/examples/Basic.d.ts +3 -0
- package/types/src/JSONTree/docs/examples/Basic.d.ts +3 -0
- package/types/src/JSONTree/docs/examples/Events.d.ts +4 -0
- package/types/src/JSONTree/docs/examples/ExpandChildrenOnShiftKey.d.ts +4 -0
- package/types/src/Layer/docs/examples/Basic.d.ts +4 -0
- package/types/src/Layout/docs/examples/Basic.d.ts +3 -0
- package/types/src/Link/docs/examples/Basic.d.ts +4 -0
- package/types/src/Link/docs/examples/Disabled.d.ts +4 -0
- package/types/src/Link/docs/examples/NewWindow.d.ts +4 -0
- package/types/src/Link/docs/examples/Standalone.d.ts +4 -0
- package/types/src/List/docs/examples/CustomizedList.d.ts +4 -0
- package/types/src/List/docs/examples/OrderedList.d.ts +4 -0
- package/types/src/List/docs/examples/UnorderedList.d.ts +3 -0
- package/types/src/Markdown/docs/examples/Basic.d.ts +4 -0
- package/types/src/Markdown/docs/examples/I18n.d.ts +4 -0
- package/types/src/Menu/Item.d.ts +27 -10
- package/types/src/Menu/docs/examples/Adornments.d.ts +4 -0
- package/types/src/Menu/docs/examples/Basic.d.ts +3 -0
- package/types/src/Menu/docs/examples/Complex.d.ts +4 -0
- package/types/src/Menu/docs/examples/Descriptions.d.ts +4 -0
- package/types/src/Menu/docs/examples/Dimmed.d.ts +4 -0
- package/types/src/Menu/docs/examples/Disabled.d.ts +3 -0
- package/types/src/Menu/docs/examples/Dividers.d.ts +3 -0
- package/types/src/Menu/docs/examples/Headings.d.ts +4 -0
- package/types/src/Menu/docs/examples/Links.d.ts +4 -0
- package/types/src/Menu/docs/examples/MatchRanges.d.ts +4 -0
- package/types/src/Menu/docs/examples/Selectable.d.ts +4 -0
- package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +4 -0
- package/types/src/Menu/docs/examples/Truncate.d.ts +4 -0
- package/types/src/Message/docs/examples/Basic.d.ts +3 -0
- package/types/src/Message/docs/examples/Content.d.ts +4 -0
- package/types/src/Message/docs/examples/Fill.d.ts +3 -0
- package/types/src/Message/docs/examples/Removable.d.ts +3 -0
- package/types/src/MessageBar/docs/examples/Basic.d.ts +4 -0
- package/types/src/MessageBar/docs/examples/Types.d.ts +4 -0
- package/types/src/MessageBar/docs/examples/WithActions.d.ts +3 -0
- package/types/src/Modal/Modal.d.ts +10 -3
- package/types/src/Modal/docs/examples/Basic.d.ts +3 -0
- package/types/src/Modal/docs/examples/InitialFocus.d.ts +4 -0
- package/types/src/Modal/docs/examples/TypicalUsage.d.ts +4 -0
- package/types/src/Modal/docs/examples/Undismissable.d.ts +4 -0
- package/types/src/Monogram/Monogram.d.ts +4 -0
- package/types/src/Monogram/docs/examples/BackgroundAuto.d.ts +4 -0
- package/types/src/Monogram/docs/examples/BackgroundCustom.d.ts +3 -0
- package/types/src/Monogram/docs/examples/Basic.d.ts +4 -0
- package/types/src/Monogram/docs/examples/Interactive.d.ts +4 -0
- package/types/src/Monogram/docs/examples/Size.d.ts +4 -0
- package/types/src/Multiselect/Compact.d.ts +1 -1
- package/types/src/Multiselect/Multiselect.d.ts +1 -1
- package/types/src/Multiselect/docs/examples/Children.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/Compact.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/Controlled.d.ts +3 -0
- package/types/src/Multiselect/docs/examples/CustomizeSelected.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/Disabled.d.ts +3 -0
- package/types/src/Multiselect/docs/examples/Error.d.ts +3 -0
- package/types/src/Multiselect/docs/examples/Fetching.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/Headings.d.ts +3 -0
- package/types/src/Multiselect/docs/examples/Icons.d.ts +3 -0
- package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/NewValues.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/TabInput.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/Uncontrolled.d.ts +3 -0
- package/types/src/Number/docs/examples/Basic.d.ts +4 -0
- package/types/src/Number/docs/examples/Disabled.d.ts +3 -0
- package/types/src/Number/docs/examples/Error.d.ts +3 -0
- package/types/src/Number/docs/examples/Limits.d.ts +4 -0
- package/types/src/Number/docs/examples/Locale.d.ts +4 -0
- package/types/src/Number/docs/examples/Uncontrolled.d.ts +4 -0
- package/types/src/Paginator/docs/examples/Basic.d.ts +3 -0
- package/types/src/Paginator/docs/examples/Compact.d.ts +4 -0
- package/types/src/Paginator/docs/examples/CompactCustomLabel.d.ts +3 -0
- package/types/src/Paginator/docs/examples/CompactWithLabel.d.ts +3 -0
- package/types/src/Paginator/docs/examples/CustomPages.d.ts +4 -0
- package/types/src/Paginator/docs/examples/Labelled.d.ts +4 -0
- package/types/src/Paginator/docs/examples/PageControl.d.ts +4 -0
- package/types/src/Paragraph/docs/examples/Basic.d.ts +4 -0
- package/types/src/Popover/PopoverProvider.d.ts +9 -1
- package/types/src/Popover/docs/examples/Basic.d.ts +4 -0
- package/types/src/Progress/docs/examples/Basic.d.ts +3 -0
- package/types/src/Progress/docs/examples/Type.d.ts +3 -0
- package/types/src/Prose/docs/examples/Basic.d.ts +3 -0
- package/types/src/Prose/docs/examples/Customize.d.ts +4 -0
- package/types/src/RadioBar/docs/examples/AdornmentAriaExamples.d.ts +5 -0
- package/types/src/RadioBar/docs/examples/Basic.d.ts +3 -0
- package/types/src/RadioBar/docs/examples/Disabled.d.ts +4 -0
- package/types/src/RadioBar/docs/examples/Error.d.ts +3 -0
- package/types/src/RadioBar/docs/examples/MenuBar.d.ts +4 -0
- package/types/src/RadioBar/docs/examples/Uncontrolled.d.ts +3 -0
- package/types/src/RadioList/docs/examples/Basic.d.ts +4 -0
- package/types/src/RadioList/docs/examples/Disabled.d.ts +3 -0
- package/types/src/RadioList/docs/examples/Error.d.ts +3 -0
- package/types/src/RadioList/docs/examples/Row.d.ts +3 -0
- package/types/src/RadioList/docs/examples/Uncontrolled.d.ts +4 -0
- package/types/src/Resize/docs/examples/Appearance.d.ts +4 -0
- package/types/src/Resize/docs/examples/Basic.d.ts +4 -0
- package/types/src/Resize/docs/examples/Percentage.d.ts +4 -0
- package/types/src/Resize/docs/examples/SizingInner.d.ts +4 -0
- package/types/src/Resize/docs/examples/SizingOuter.d.ts +4 -0
- package/types/src/ScreenReaderContent/docs/examples/Basic.d.ts +4 -0
- package/types/src/ScreenReaderContent/docs/examples/SkipLink.d.ts +4 -0
- package/types/src/Scroll/docs/examples/Controlled.d.ts +4 -0
- package/types/src/Scroll/docs/examples/Uncontrolled.d.ts +4 -0
- package/types/src/ScrollContainerContext/docs/examples/Provider.d.ts +4 -0
- package/types/src/Search/docs/examples/Controlled.d.ts +4 -0
- package/types/src/Search/docs/examples/Loading.d.ts +4 -0
- package/types/src/Search/docs/examples/Options.d.ts +4 -0
- package/types/src/Search/docs/examples/OptionsLinks.d.ts +4 -0
- package/types/src/Select/SelectAllOption.d.ts +5 -10
- package/types/src/Select/SelectBase.d.ts +1 -1
- package/types/src/Select/docs/examples/Appearance.d.ts +4 -0
- package/types/src/Select/docs/examples/Basic.d.ts +4 -0
- package/types/src/Select/docs/examples/Children.d.ts +4 -0
- package/types/src/Select/docs/examples/Descriptions.d.ts +4 -0
- package/types/src/Select/docs/examples/Error.d.ts +3 -0
- package/types/src/Select/docs/examples/Fetching.d.ts +4 -0
- package/types/src/Select/docs/examples/Filter.d.ts +4 -0
- package/types/src/Select/docs/examples/Headings.d.ts +3 -0
- package/types/src/Select/docs/examples/Icons.d.ts +3 -0
- package/types/src/Select/docs/examples/LoadMoreOnScrollBottom.d.ts +4 -0
- package/types/src/Select/docs/examples/Prefix.d.ts +4 -0
- package/types/src/Select/docs/examples/Truncate.d.ts +4 -0
- package/types/src/Select/docs/examples/Uncontrolled.d.ts +4 -0
- package/types/src/SidePanel/docs/examples/Basic.d.ts +4 -0
- package/types/src/SidePanel/docs/examples/ChangeSize.d.ts +3 -0
- package/types/src/SidePanel/docs/examples/Composition.d.ts +4 -0
- package/types/src/Slider/docs/examples/Basic.d.ts +3 -0
- package/types/src/Slider/docs/examples/Controlled.d.ts +4 -0
- package/types/src/Slider/docs/examples/CustomLabels.d.ts +4 -0
- package/types/src/Slider/docs/examples/Disabled.d.ts +3 -0
- package/types/src/Slider/docs/examples/Error.d.ts +3 -0
- package/types/src/Slider/docs/examples/StepMarks.d.ts +4 -0
- package/types/src/SlidingPanels/docs/examples/Basic.d.ts +3 -0
- package/types/src/SlidingPanels/docs/examples/Dropdown.d.ts +3 -0
- package/types/src/SlidingPanels/docs/examples/Modal.d.ts +3 -0
- package/types/src/SplitButton/SplitButton.d.ts +6 -1
- package/types/src/SplitButton/docs/examples/Basic.d.ts +3 -0
- package/types/src/SplitButton/docs/examples/Block.d.ts +4 -0
- package/types/src/SplitButton/docs/examples/ChangeLabel.d.ts +4 -0
- package/types/src/SplitButton/docs/examples/Disabled.d.ts +3 -0
- package/types/src/StaticContent/docs/examples/Basic.d.ts +4 -0
- package/types/src/StaticContent/docs/examples/FieldValue.d.ts +4 -0
- package/types/src/StepBar/docs/examples/Basic.d.ts +3 -0
- package/types/src/StepBar/docs/examples/Error.d.ts +3 -0
- package/types/src/Switch/docs/examples/Basic.d.ts +4 -0
- package/types/src/Switch/docs/examples/Disabled.d.ts +3 -0
- package/types/src/Switch/docs/examples/Error.d.ts +3 -0
- package/types/src/TabBar/docs/examples/Basic.d.ts +3 -0
- package/types/src/TabBar/docs/examples/Disabled.d.ts +3 -0
- package/types/src/TabBar/docs/examples/Icons.d.ts +3 -0
- package/types/src/TabBar/docs/examples/Tooltips.d.ts +3 -0
- package/types/src/TabBar/docs/examples/Vertical.d.ts +3 -0
- package/types/src/TabBar/docs/examples/VerticalIcons.d.ts +3 -0
- package/types/src/TabBar/docs/examples/WithCount.d.ts +3 -0
- package/types/src/TabBar/tabBarUtils.d.ts +4 -0
- package/types/src/TabBar/types.d.ts +5 -0
- package/types/src/TabLayout/docs/examples/AutoActivate.d.ts +4 -0
- package/types/src/TabLayout/docs/examples/Controlled.d.ts +4 -0
- package/types/src/TabLayout/docs/examples/Icons.d.ts +3 -0
- package/types/src/TabLayout/docs/examples/Uncontrolled.d.ts +3 -0
- package/types/src/TabLayout/docs/examples/Vertical.d.ts +3 -0
- package/types/src/TabLayout/docs/examples/VerticalIcons.d.ts +3 -0
- package/types/src/Table/docs/examples/Basic.d.ts +3 -0
- package/types/src/Table/docs/examples/Click.d.ts +4 -0
- package/types/src/Table/docs/examples/ClickRows.d.ts +4 -0
- package/types/src/Table/docs/examples/Complex.d.ts +4 -0
- package/types/src/Table/docs/examples/DockedHeaderScrollbar.d.ts +4 -0
- package/types/src/Table/docs/examples/FilterColumnValues.d.ts +4 -0
- package/types/src/Table/docs/examples/FixedHeader.d.ts +4 -0
- package/types/src/Table/docs/examples/HeadDropdownCell.d.ts +4 -0
- package/types/src/Table/docs/examples/ReorderColumns.d.ts +4 -0
- package/types/src/Table/docs/examples/ReorderRows.d.ts +4 -0
- package/types/src/Table/docs/examples/Resizable.d.ts +4 -0
- package/types/src/Table/docs/examples/ResizableFill.d.ts +4 -0
- package/types/src/Table/docs/examples/RowActions.d.ts +4 -0
- package/types/src/Table/docs/examples/Selectable.d.ts +4 -0
- package/types/src/Table/docs/examples/SortableColumns.d.ts +4 -0
- package/types/src/Table/docs/examples/StripeRows.d.ts +3 -0
- package/types/src/Text/docs/examples/Basic.d.ts +4 -0
- package/types/src/Text/docs/examples/CustomizedIcon.d.ts +4 -0
- package/types/src/Text/docs/examples/Dimmed.d.ts +4 -0
- package/types/src/Text/docs/examples/Disabled.d.ts +4 -0
- package/types/src/Text/docs/examples/Error.d.ts +4 -0
- package/types/src/Text/docs/examples/Inline.d.ts +4 -0
- package/types/src/Text/docs/examples/Password.d.ts +4 -0
- package/types/src/Text/docs/examples/Uncontrolled.d.ts +4 -0
- package/types/src/TextArea/docs/examples/Basic.d.ts +4 -0
- package/types/src/TextArea/docs/examples/Disabled.d.ts +3 -0
- package/types/src/TextArea/docs/examples/Error.d.ts +4 -0
- package/types/src/TextArea/docs/examples/Inline.d.ts +4 -0
- package/types/src/TextArea/docs/examples/Uncontrolled.d.ts +4 -0
- package/types/src/Tooltip/docs/examples/Basic.d.ts +4 -0
- package/types/src/Tooltip/docs/examples/ContentRelationship.d.ts +4 -0
- package/types/src/Tooltip/docs/examples/Controlled.d.ts +4 -0
- package/types/src/Tooltip/docs/examples/CustomDelay.d.ts +4 -0
- package/types/src/Tooltip/docs/examples/CustomProps.d.ts +4 -0
- package/types/src/Tooltip/docs/examples/Toggletip.d.ts +4 -0
- package/types/src/TransitionOpen/docs/examples/ExpandHeight.d.ts +3 -0
- package/types/src/TransitionOpen/docs/examples/ExpandWidth.d.ts +3 -0
- package/types/src/TransitionOpen/docs/examples/None.d.ts +4 -0
- package/types/src/TransitionOpen/docs/examples/SlideFromBottom.d.ts +4 -0
- package/types/src/TransitionOpen/docs/examples/SlideFromLeft.d.ts +4 -0
- package/types/src/TransitionOpen/docs/examples/SlideFromRight.d.ts +4 -0
- package/types/src/TransitionOpen/docs/examples/SlideFromTop.d.ts +4 -0
- package/types/src/Tree/Item.d.ts +4 -4
- package/types/src/Tree/docs/examples/Basic.d.ts +5 -0
- package/types/src/Tree/docs/examples/ClickableExpansion.d.ts +2 -0
- package/types/src/Tree/docs/examples/ClickableExpansionWithSelection.d.ts +2 -0
- package/types/src/Typography/docs/examples/Basic.d.ts +4 -0
- package/types/src/WaitSpinner/docs/examples/Basic.d.ts +3 -0
- package/useResizeObserver.js +2 -2
- package/types/src/DefinitionList/docs/examples/Customize.d.ts +0 -3
package/Select.js
CHANGED
|
@@ -3,19 +3,19 @@
|
|
|
3
3
|
/******/ "use strict";
|
|
4
4
|
/******/ var e = {
|
|
5
5
|
/***/ 3639:
|
|
6
|
-
/***/ (e, n,
|
|
6
|
+
/***/ (e, n, r) => {
|
|
7
7
|
// EXPORTS
|
|
8
|
-
|
|
8
|
+
r.d(n, {
|
|
9
9
|
default: () => /* reexport */ s
|
|
10
10
|
});
|
|
11
11
|
// UNUSED EXPORTS: isAllowedType, isPrimitive
|
|
12
12
|
// EXTERNAL MODULE: external "react"
|
|
13
|
-
var
|
|
13
|
+
var t = r(9497);
|
|
14
14
|
// CONCATENATED MODULE: external "lodash/isEqual"
|
|
15
15
|
const l = require("lodash/isEqual");
|
|
16
16
|
// EXTERNAL MODULE: external "lodash/has"
|
|
17
|
-
var
|
|
18
|
-
var
|
|
17
|
+
var o = r(5919);
|
|
18
|
+
var a = r.n(o);
|
|
19
19
|
// CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
|
|
20
20
|
function i(e) {
|
|
21
21
|
return e === null || e === undefined || typeof e === "boolean" || typeof e === "string" || typeof e === "number";
|
|
@@ -39,13 +39,13 @@
|
|
|
39
39
|
*
|
|
40
40
|
* Return the controlled state of the component.
|
|
41
41
|
*/ function c(e) {
|
|
42
|
-
var n = e.componentProps,
|
|
43
|
-
var s = (0,
|
|
44
|
-
var f = (0,
|
|
45
|
-
(0,
|
|
42
|
+
var n = e.componentProps, r = e.componentName, l = r === void 0 ? "this component" : r, o = e.defaultValuePropName, i = o === void 0 ? "defaultValue" : o, u = e.valuePropName, c = u === void 0 ? "value" : u;
|
|
43
|
+
var s = (0, t.useRef)(a()(n, c));
|
|
44
|
+
var f = (0, t.useRef)(n[i]);
|
|
45
|
+
(0, t.useEffect)((function() {
|
|
46
46
|
if (false) {}
|
|
47
47
|
}), [ l, n, i, c ]);
|
|
48
|
-
(0,
|
|
48
|
+
(0, t.useEffect)((function() {
|
|
49
49
|
if (false) {}
|
|
50
50
|
if (false) {}
|
|
51
51
|
if (false) {}
|
|
@@ -70,36 +70,36 @@
|
|
|
70
70
|
/******/ var n = {};
|
|
71
71
|
/******/
|
|
72
72
|
/******/ // The require function
|
|
73
|
-
/******/ function t
|
|
73
|
+
/******/ function r(t) {
|
|
74
74
|
/******/ // Check if module is in cache
|
|
75
|
-
/******/ var l = n[
|
|
75
|
+
/******/ var l = n[t];
|
|
76
76
|
/******/ if (l !== undefined) {
|
|
77
77
|
/******/ return l.exports;
|
|
78
78
|
/******/ }
|
|
79
79
|
/******/ // Create a new module (and put it into the cache)
|
|
80
|
-
/******/ var
|
|
80
|
+
/******/ var o = n[t] = {
|
|
81
81
|
/******/ // no module.id needed
|
|
82
82
|
/******/ // no module.loaded needed
|
|
83
83
|
/******/ exports: {}
|
|
84
84
|
/******/ };
|
|
85
85
|
/******/
|
|
86
86
|
/******/ // Execute the module function
|
|
87
|
-
/******/ e[
|
|
87
|
+
/******/ e[t](o, o.exports, r);
|
|
88
88
|
/******/
|
|
89
89
|
/******/ // Return the exports of the module
|
|
90
|
-
/******/ return
|
|
90
|
+
/******/ return o.exports;
|
|
91
91
|
/******/ }
|
|
92
92
|
/******/
|
|
93
93
|
/************************************************************************/
|
|
94
94
|
/******/ /* webpack/runtime/compat get default export */
|
|
95
95
|
/******/ (() => {
|
|
96
96
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
97
|
-
/******/
|
|
97
|
+
/******/ r.n = e => {
|
|
98
98
|
/******/ var n = e && e.__esModule ?
|
|
99
99
|
/******/ () => e["default"]
|
|
100
100
|
/******/ : () => e
|
|
101
101
|
/******/;
|
|
102
|
-
|
|
102
|
+
r.d(n, {
|
|
103
103
|
a: n
|
|
104
104
|
});
|
|
105
105
|
/******/ return n;
|
|
@@ -109,12 +109,12 @@
|
|
|
109
109
|
/******/ /* webpack/runtime/define property getters */
|
|
110
110
|
/******/ (() => {
|
|
111
111
|
/******/ // define getter functions for harmony exports
|
|
112
|
-
/******/
|
|
113
|
-
/******/ for (var
|
|
114
|
-
/******/ if (
|
|
115
|
-
/******/ Object.defineProperty(e,
|
|
112
|
+
/******/ r.d = (e, n) => {
|
|
113
|
+
/******/ for (var t in n) {
|
|
114
|
+
/******/ if (r.o(n, t) && !r.o(e, t)) {
|
|
115
|
+
/******/ Object.defineProperty(e, t, {
|
|
116
116
|
enumerable: true,
|
|
117
|
-
get: n[
|
|
117
|
+
get: n[t]
|
|
118
118
|
});
|
|
119
119
|
/******/ }
|
|
120
120
|
/******/ }
|
|
@@ -123,14 +123,14 @@
|
|
|
123
123
|
/******/
|
|
124
124
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
125
125
|
/******/ (() => {
|
|
126
|
-
/******/
|
|
126
|
+
/******/ r.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
|
|
127
127
|
/******/;
|
|
128
128
|
})();
|
|
129
129
|
/******/
|
|
130
130
|
/******/ /* webpack/runtime/make namespace object */
|
|
131
131
|
/******/ (() => {
|
|
132
132
|
/******/ // define __esModule on exports
|
|
133
|
-
/******/
|
|
133
|
+
/******/ r.r = e => {
|
|
134
134
|
/******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
|
|
135
135
|
/******/ Object.defineProperty(e, Symbol.toStringTag, {
|
|
136
136
|
value: "Module"
|
|
@@ -142,27 +142,27 @@
|
|
|
142
142
|
/******/ };
|
|
143
143
|
/******/ })();
|
|
144
144
|
/******/
|
|
145
|
-
/************************************************************************/ var
|
|
145
|
+
/************************************************************************/ var t = {};
|
|
146
146
|
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
|
147
147
|
(() => {
|
|
148
148
|
// ESM COMPAT FLAG
|
|
149
|
-
|
|
149
|
+
r.r(t);
|
|
150
150
|
// EXPORTS
|
|
151
|
-
|
|
151
|
+
r.d(t, {
|
|
152
152
|
Divider: () => /* reexport */ c.Divider,
|
|
153
153
|
Heading: () => /* reexport */ c.Heading,
|
|
154
154
|
Option: () => /* reexport */ E,
|
|
155
|
-
default: () => /* reexport */
|
|
155
|
+
default: () => /* reexport */ Hn
|
|
156
156
|
});
|
|
157
157
|
// EXTERNAL MODULE: external "react"
|
|
158
|
-
var e =
|
|
159
|
-
var n =
|
|
158
|
+
var e = r(9497);
|
|
159
|
+
var n = r.n(e);
|
|
160
160
|
// CONCATENATED MODULE: external "prop-types"
|
|
161
161
|
const l = require("prop-types");
|
|
162
|
-
var
|
|
162
|
+
var o = r.n(l);
|
|
163
163
|
// CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
|
|
164
|
-
const
|
|
165
|
-
var i =
|
|
164
|
+
const a = require("@splunk/react-ui/useControlled");
|
|
165
|
+
var i = r.n(a);
|
|
166
166
|
// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
167
167
|
const u = require("@splunk/ui-utils/i18n");
|
|
168
168
|
// CONCATENATED MODULE: external "@splunk/react-ui/Menu"
|
|
@@ -179,42 +179,42 @@
|
|
|
179
179
|
function f() {
|
|
180
180
|
return f = Object.assign ? Object.assign.bind() : function(e) {
|
|
181
181
|
for (var n = 1; n < arguments.length; n++) {
|
|
182
|
-
var
|
|
183
|
-
for (var
|
|
184
|
-
({}).hasOwnProperty.call(
|
|
182
|
+
var r = arguments[n];
|
|
183
|
+
for (var t in r) {
|
|
184
|
+
({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
187
|
return e;
|
|
188
188
|
}, f.apply(null, arguments);
|
|
189
189
|
}
|
|
190
190
|
function d(e, n) {
|
|
191
|
-
var
|
|
191
|
+
var r = Object.keys(e);
|
|
192
192
|
if (Object.getOwnPropertySymbols) {
|
|
193
|
-
var
|
|
194
|
-
n && (
|
|
193
|
+
var t = Object.getOwnPropertySymbols(e);
|
|
194
|
+
n && (t = t.filter((function(n) {
|
|
195
195
|
return Object.getOwnPropertyDescriptor(e, n).enumerable;
|
|
196
|
-
}))),
|
|
196
|
+
}))), r.push.apply(r, t);
|
|
197
197
|
}
|
|
198
|
-
return
|
|
198
|
+
return r;
|
|
199
199
|
}
|
|
200
200
|
function p(e) {
|
|
201
201
|
for (var n = 1; n < arguments.length; n++) {
|
|
202
|
-
var
|
|
203
|
-
n % 2 ? d(Object(
|
|
204
|
-
v(e, n,
|
|
205
|
-
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(
|
|
206
|
-
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(
|
|
202
|
+
var r = null != arguments[n] ? arguments[n] : {};
|
|
203
|
+
n % 2 ? d(Object(r), !0).forEach((function(n) {
|
|
204
|
+
v(e, n, r[n]);
|
|
205
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : d(Object(r)).forEach((function(n) {
|
|
206
|
+
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
|
|
207
207
|
}));
|
|
208
208
|
}
|
|
209
209
|
return e;
|
|
210
210
|
}
|
|
211
|
-
function v(e, n,
|
|
211
|
+
function v(e, n, r) {
|
|
212
212
|
return (n = b(n)) in e ? Object.defineProperty(e, n, {
|
|
213
|
-
value:
|
|
213
|
+
value: r,
|
|
214
214
|
enumerable: !0,
|
|
215
215
|
configurable: !0,
|
|
216
216
|
writable: !0
|
|
217
|
-
}) : e[n] =
|
|
217
|
+
}) : e[n] = r, e;
|
|
218
218
|
}
|
|
219
219
|
function b(e) {
|
|
220
220
|
var n = m(e, "string");
|
|
@@ -222,170 +222,170 @@
|
|
|
222
222
|
}
|
|
223
223
|
function m(e, n) {
|
|
224
224
|
if ("object" != s(e) || !e) return e;
|
|
225
|
-
var
|
|
226
|
-
if (void 0 !==
|
|
227
|
-
var
|
|
228
|
-
if ("object" != s(
|
|
225
|
+
var r = e[Symbol.toPrimitive];
|
|
226
|
+
if (void 0 !== r) {
|
|
227
|
+
var t = r.call(e, n || "default");
|
|
228
|
+
if ("object" != s(t)) return t;
|
|
229
229
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
230
230
|
}
|
|
231
231
|
return ("string" === n ? String : Number)(e);
|
|
232
232
|
}
|
|
233
|
-
function
|
|
233
|
+
function y(e, n) {
|
|
234
234
|
if (null == e) return {};
|
|
235
|
-
var
|
|
235
|
+
var r, t, l = g(e, n);
|
|
236
236
|
if (Object.getOwnPropertySymbols) {
|
|
237
|
-
var
|
|
238
|
-
for (
|
|
239
|
-
|
|
237
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
238
|
+
for (t = 0; t < o.length; t++) {
|
|
239
|
+
r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
242
|
return l;
|
|
243
243
|
}
|
|
244
|
-
function
|
|
244
|
+
function g(e, n) {
|
|
245
245
|
if (null == e) return {};
|
|
246
|
-
var
|
|
247
|
-
for (var
|
|
248
|
-
if ({}.hasOwnProperty.call(e,
|
|
249
|
-
if (n.
|
|
250
|
-
t
|
|
246
|
+
var r = {};
|
|
247
|
+
for (var t in e) {
|
|
248
|
+
if ({}.hasOwnProperty.call(e, t)) {
|
|
249
|
+
if (-1 !== n.indexOf(t)) continue;
|
|
250
|
+
r[t] = e[t];
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
|
-
return
|
|
253
|
+
return r;
|
|
254
254
|
}
|
|
255
255
|
var h = {
|
|
256
256
|
/** @private */
|
|
257
|
-
active:
|
|
258
|
-
children:
|
|
259
|
-
description:
|
|
260
|
-
descriptionPosition:
|
|
261
|
-
disabled:
|
|
262
|
-
elementRef:
|
|
263
|
-
hidden:
|
|
264
|
-
icon:
|
|
265
|
-
label:
|
|
257
|
+
active: o().bool,
|
|
258
|
+
children: o().node,
|
|
259
|
+
description: o().string,
|
|
260
|
+
descriptionPosition: o().oneOf([ "right", "bottom" ]),
|
|
261
|
+
disabled: o().bool,
|
|
262
|
+
elementRef: o().oneOfType([ o().func, o().object ]),
|
|
263
|
+
hidden: o().bool,
|
|
264
|
+
icon: o().node,
|
|
265
|
+
label: o().string.isRequired,
|
|
266
266
|
/**
|
|
267
267
|
* @private Passed down from <BaseSelect>
|
|
268
268
|
*/
|
|
269
|
-
multiple:
|
|
270
|
-
matchRanges:
|
|
271
|
-
start:
|
|
272
|
-
end:
|
|
269
|
+
multiple: o().bool,
|
|
270
|
+
matchRanges: o().arrayOf(o().shape({
|
|
271
|
+
start: o().number.isRequired,
|
|
272
|
+
end: o().number.isRequired
|
|
273
273
|
})),
|
|
274
274
|
/** @private */
|
|
275
|
-
onClick:
|
|
275
|
+
onClick: o().func,
|
|
276
276
|
/** @private */
|
|
277
|
-
role:
|
|
277
|
+
role: o().oneOf([ "menuitemcheckbox", "option" ]),
|
|
278
278
|
/** @private */
|
|
279
|
-
selected:
|
|
280
|
-
truncate:
|
|
281
|
-
value:
|
|
279
|
+
selected: o().oneOfType([ o().bool, o().oneOf([ "some" ]) ]),
|
|
280
|
+
truncate: o().bool,
|
|
281
|
+
value: o().oneOfType([ o().string, o().number, o().bool ]).isRequired
|
|
282
282
|
};
|
|
283
283
|
/**
|
|
284
284
|
* An option within a `Multiselect`.
|
|
285
|
-
*/ function O(
|
|
286
|
-
var
|
|
285
|
+
*/ function O(r) {
|
|
286
|
+
var t = r.children, l = r.descriptionPosition, o = l === void 0 ? "bottom" : l, a = r.disabled, i = r.elementRef, u = r.icon, s = r.label, d = r.multiple, v = r.onClick, b = r.role, m = b === void 0 ? "option" : b, g = r.value, h = y(r, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
|
|
287
287
|
// @docs-props-type OptionPropsBase
|
|
288
288
|
var O = (0, e.useCallback)((function(e) {
|
|
289
|
-
if (!
|
|
289
|
+
if (!a) {
|
|
290
290
|
v === null || v === void 0 ? void 0 : v(e, {
|
|
291
|
-
value:
|
|
291
|
+
value: g
|
|
292
292
|
});
|
|
293
293
|
}
|
|
294
|
-
}), [
|
|
295
|
-
var
|
|
296
|
-
var
|
|
297
|
-
descriptionPosition:
|
|
298
|
-
disabled:
|
|
294
|
+
}), [ a, v, g ]);
|
|
295
|
+
var S = g.toString();
|
|
296
|
+
var C = p({
|
|
297
|
+
descriptionPosition: o,
|
|
298
|
+
disabled: a ? "disabled" : undefined
|
|
299
299
|
}, h);
|
|
300
300
|
|
|
301
301
|
return n().createElement(c.Item, f({
|
|
302
|
-
"data-test-value":
|
|
302
|
+
"data-test-value": g,
|
|
303
303
|
"data-test": "option",
|
|
304
304
|
elementRef: i
|
|
305
|
-
},
|
|
305
|
+
}, C, {
|
|
306
306
|
selectable: true,
|
|
307
307
|
selectableAppearance: d ? "checkbox" : "checkmark",
|
|
308
308
|
startAdornment: u,
|
|
309
309
|
onClick: O,
|
|
310
310
|
role: m,
|
|
311
|
-
value:
|
|
312
|
-
}),
|
|
311
|
+
value: S
|
|
312
|
+
}), t || s);
|
|
313
313
|
}
|
|
314
314
|
O.propTypes = h;
|
|
315
315
|
O.type = c.Item;
|
|
316
316
|
// For components to distinguish if their children are Options or Headings/Dividers
|
|
317
|
-
/* harmony default export */ const
|
|
317
|
+
/* harmony default export */ const S = O;
|
|
318
318
|
// CONCATENATED MODULE: ./src/Select/Option.tsx
|
|
319
|
-
function
|
|
320
|
-
return
|
|
319
|
+
function C() {
|
|
320
|
+
return C = Object.assign ? Object.assign.bind() : function(e) {
|
|
321
321
|
for (var n = 1; n < arguments.length; n++) {
|
|
322
|
-
var
|
|
323
|
-
for (var
|
|
324
|
-
({}).hasOwnProperty.call(
|
|
322
|
+
var r = arguments[n];
|
|
323
|
+
for (var t in r) {
|
|
324
|
+
({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
|
|
325
325
|
}
|
|
326
326
|
}
|
|
327
327
|
return e;
|
|
328
|
-
},
|
|
328
|
+
}, C.apply(null, arguments);
|
|
329
329
|
}
|
|
330
|
-
function
|
|
330
|
+
function w(e, n) {
|
|
331
331
|
if (null == e) return {};
|
|
332
|
-
var
|
|
332
|
+
var r, t, l = k(e, n);
|
|
333
333
|
if (Object.getOwnPropertySymbols) {
|
|
334
|
-
var
|
|
335
|
-
for (
|
|
336
|
-
|
|
334
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
335
|
+
for (t = 0; t < o.length; t++) {
|
|
336
|
+
r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
|
|
337
337
|
}
|
|
338
338
|
}
|
|
339
339
|
return l;
|
|
340
340
|
}
|
|
341
|
-
function
|
|
341
|
+
function k(e, n) {
|
|
342
342
|
if (null == e) return {};
|
|
343
|
-
var
|
|
344
|
-
for (var
|
|
345
|
-
if ({}.hasOwnProperty.call(e,
|
|
346
|
-
if (n.
|
|
347
|
-
t
|
|
343
|
+
var r = {};
|
|
344
|
+
for (var t in e) {
|
|
345
|
+
if ({}.hasOwnProperty.call(e, t)) {
|
|
346
|
+
if (-1 !== n.indexOf(t)) continue;
|
|
347
|
+
r[t] = e[t];
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
|
-
return
|
|
350
|
+
return r;
|
|
351
351
|
}
|
|
352
352
|
var x = {
|
|
353
353
|
/** @private */
|
|
354
|
-
active:
|
|
355
|
-
children:
|
|
356
|
-
description:
|
|
357
|
-
descriptionPosition:
|
|
358
|
-
disabled:
|
|
359
|
-
elementRef:
|
|
360
|
-
hidden:
|
|
361
|
-
icon:
|
|
362
|
-
label:
|
|
363
|
-
matchRanges:
|
|
364
|
-
start:
|
|
365
|
-
end:
|
|
354
|
+
active: o().bool,
|
|
355
|
+
children: o().node,
|
|
356
|
+
description: o().string,
|
|
357
|
+
descriptionPosition: o().oneOf([ "right", "bottom" ]),
|
|
358
|
+
disabled: o().bool,
|
|
359
|
+
elementRef: o().oneOfType([ o().func, o().object ]),
|
|
360
|
+
hidden: o().bool,
|
|
361
|
+
icon: o().node,
|
|
362
|
+
label: o().string.isRequired,
|
|
363
|
+
matchRanges: o().arrayOf(o().shape({
|
|
364
|
+
start: o().number.isRequired,
|
|
365
|
+
end: o().number.isRequired
|
|
366
366
|
})),
|
|
367
367
|
/** @private */
|
|
368
|
-
onClick:
|
|
368
|
+
onClick: o().func,
|
|
369
369
|
/** @private */
|
|
370
|
-
role:
|
|
370
|
+
role: o().oneOf([ "menuitemcheckbox", "option" ]),
|
|
371
371
|
/** @private */
|
|
372
|
-
selected:
|
|
373
|
-
truncate:
|
|
374
|
-
value:
|
|
372
|
+
selected: o().bool,
|
|
373
|
+
truncate: o().bool,
|
|
374
|
+
value: o().oneOfType([ o().string, o().number, o().bool ]).isRequired
|
|
375
375
|
};
|
|
376
376
|
/**
|
|
377
377
|
* An option within a `Select`. Any elements passed to it should be memoized.
|
|
378
378
|
*/ function j(e) {
|
|
379
|
-
var
|
|
379
|
+
var r = e.children, t = e.descriptionPosition, l = t === void 0 ? "bottom" : t, o = e.elementRef, a = e.label, i = w(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
|
|
380
380
|
// @docs-props-type OptionPropsBase
|
|
381
381
|
|
|
382
|
-
return n().createElement(
|
|
382
|
+
return n().createElement(S, C({
|
|
383
383
|
descriptionPosition: l,
|
|
384
|
-
label:
|
|
384
|
+
label: a
|
|
385
385
|
}, i, {
|
|
386
|
-
elementRef:
|
|
386
|
+
elementRef: o,
|
|
387
387
|
multiple: false
|
|
388
|
-
}),
|
|
388
|
+
}), r || a);
|
|
389
389
|
}
|
|
390
390
|
var P = (0, e.memo)(j);
|
|
391
391
|
// @ts-expect-error Need to set propTypes on OptionMemoized so that javascript propType validation will work
|
|
@@ -393,55 +393,55 @@
|
|
|
393
393
|
/* harmony default export */ const E = P;
|
|
394
394
|
// CONCATENATED MODULE: external "lodash/castArray"
|
|
395
395
|
const R = require("lodash/castArray");
|
|
396
|
-
var
|
|
396
|
+
var M = r.n(R);
|
|
397
397
|
// CONCATENATED MODULE: external "lodash/find"
|
|
398
|
-
const
|
|
399
|
-
var
|
|
398
|
+
const A = require("lodash/find");
|
|
399
|
+
var T = r.n(A);
|
|
400
400
|
// CONCATENATED MODULE: external "lodash/forEachRight"
|
|
401
401
|
const I = require("lodash/forEachRight");
|
|
402
|
-
var
|
|
402
|
+
var q = r.n(I);
|
|
403
403
|
// EXTERNAL MODULE: external "lodash/has"
|
|
404
|
-
var
|
|
405
|
-
var D =
|
|
404
|
+
var L = r(5919);
|
|
405
|
+
var D = r.n(L);
|
|
406
406
|
// CONCATENATED MODULE: external "lodash/includes"
|
|
407
|
-
const
|
|
408
|
-
var
|
|
407
|
+
const N = require("lodash/includes");
|
|
408
|
+
var _ = r.n(N);
|
|
409
409
|
// CONCATENATED MODULE: external "lodash/memoize"
|
|
410
|
-
const
|
|
411
|
-
var V =
|
|
410
|
+
const B = require("lodash/memoize");
|
|
411
|
+
var V = r.n(B);
|
|
412
412
|
// CONCATENATED MODULE: external "lodash/pick"
|
|
413
413
|
const K = require("lodash/pick");
|
|
414
|
-
var F =
|
|
414
|
+
var F = r.n(K);
|
|
415
415
|
// CONCATENATED MODULE: external "lodash/uniq"
|
|
416
416
|
const H = require("lodash/uniq");
|
|
417
|
-
var z =
|
|
417
|
+
var z = r.n(H);
|
|
418
418
|
// CONCATENATED MODULE: external "lodash/without"
|
|
419
419
|
const W = require("lodash/without");
|
|
420
|
-
var $ =
|
|
420
|
+
var $ = r.n(W);
|
|
421
421
|
// CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
|
|
422
422
|
const X = require("@splunk/react-icons/CaretSmallDown");
|
|
423
|
-
var U =
|
|
423
|
+
var U = r.n(X);
|
|
424
424
|
// CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
|
|
425
425
|
const J = require("@splunk/react-icons/Magnifier");
|
|
426
|
-
var G =
|
|
426
|
+
var G = r.n(J);
|
|
427
427
|
// CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
|
|
428
428
|
const Q = require("@splunk/react-ui/Dropdown");
|
|
429
|
-
var Y =
|
|
429
|
+
var Y = r.n(Q);
|
|
430
430
|
// CONCATENATED MODULE: external "@splunk/react-ui/Link"
|
|
431
431
|
const Z = require("@splunk/react-ui/Link");
|
|
432
|
-
var ee =
|
|
432
|
+
var ee = r.n(Z);
|
|
433
433
|
// CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
|
|
434
434
|
const ne = require("@splunk/react-ui/ResultsMenu");
|
|
435
|
-
var
|
|
435
|
+
var re = r.n(ne);
|
|
436
436
|
// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
437
|
-
const
|
|
438
|
-
var le =
|
|
437
|
+
const te = require("@splunk/react-ui/ScreenReaderContent");
|
|
438
|
+
var le = r.n(te);
|
|
439
439
|
// CONCATENATED MODULE: external "@splunk/react-ui/Text"
|
|
440
|
-
const
|
|
441
|
-
var
|
|
440
|
+
const oe = require("@splunk/react-ui/Text");
|
|
441
|
+
var ae = r.n(oe);
|
|
442
442
|
// CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
|
|
443
443
|
const ie = require("@splunk/react-ui/usePrevious");
|
|
444
|
-
var ue =
|
|
444
|
+
var ue = r.n(ie);
|
|
445
445
|
// CONCATENATED MODULE: external "@splunk/ui-utils/filter"
|
|
446
446
|
const ce = require("@splunk/ui-utils/filter");
|
|
447
447
|
// CONCATENATED MODULE: external "@splunk/ui-utils/id"
|
|
@@ -449,54 +449,132 @@
|
|
|
449
449
|
// CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
|
|
450
450
|
const fe = require("@splunk/ui-utils/scroll");
|
|
451
451
|
// CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
452
|
+
function de(e) {
|
|
453
|
+
"@babel/helpers - typeof";
|
|
454
|
+
return de = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
455
|
+
return typeof e;
|
|
456
|
+
} : function(e) {
|
|
457
|
+
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
458
|
+
}, de(e);
|
|
459
|
+
}
|
|
460
|
+
function pe() {
|
|
461
|
+
return pe = Object.assign ? Object.assign.bind() : function(e) {
|
|
462
|
+
for (var n = 1; n < arguments.length; n++) {
|
|
463
|
+
var r = arguments[n];
|
|
464
|
+
for (var t in r) {
|
|
465
|
+
({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
|
|
466
|
+
}
|
|
467
|
+
}
|
|
468
|
+
return e;
|
|
469
|
+
}, pe.apply(null, arguments);
|
|
470
|
+
}
|
|
471
|
+
function ve(e, n) {
|
|
472
|
+
if (null == e) return {};
|
|
473
|
+
var r, t, l = be(e, n);
|
|
474
|
+
if (Object.getOwnPropertySymbols) {
|
|
475
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
476
|
+
for (t = 0; t < o.length; t++) {
|
|
477
|
+
r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
|
|
478
|
+
}
|
|
479
|
+
}
|
|
480
|
+
return l;
|
|
481
|
+
}
|
|
482
|
+
function be(e, n) {
|
|
483
|
+
if (null == e) return {};
|
|
484
|
+
var r = {};
|
|
485
|
+
for (var t in e) {
|
|
486
|
+
if ({}.hasOwnProperty.call(e, t)) {
|
|
487
|
+
if (-1 !== n.indexOf(t)) continue;
|
|
488
|
+
r[t] = e[t];
|
|
489
|
+
}
|
|
490
|
+
}
|
|
491
|
+
return r;
|
|
492
|
+
}
|
|
493
|
+
function me(e, n) {
|
|
494
|
+
var r = Object.keys(e);
|
|
495
|
+
if (Object.getOwnPropertySymbols) {
|
|
496
|
+
var t = Object.getOwnPropertySymbols(e);
|
|
497
|
+
n && (t = t.filter((function(n) {
|
|
498
|
+
return Object.getOwnPropertyDescriptor(e, n).enumerable;
|
|
499
|
+
}))), r.push.apply(r, t);
|
|
500
|
+
}
|
|
501
|
+
return r;
|
|
502
|
+
}
|
|
503
|
+
function ye(e) {
|
|
504
|
+
for (var n = 1; n < arguments.length; n++) {
|
|
505
|
+
var r = null != arguments[n] ? arguments[n] : {};
|
|
506
|
+
n % 2 ? me(Object(r), !0).forEach((function(n) {
|
|
507
|
+
ge(e, n, r[n]);
|
|
508
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : me(Object(r)).forEach((function(n) {
|
|
509
|
+
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
|
|
510
|
+
}));
|
|
511
|
+
}
|
|
512
|
+
return e;
|
|
513
|
+
}
|
|
514
|
+
function ge(e, n, r) {
|
|
515
|
+
return (n = he(n)) in e ? Object.defineProperty(e, n, {
|
|
516
|
+
value: r,
|
|
517
|
+
enumerable: !0,
|
|
518
|
+
configurable: !0,
|
|
519
|
+
writable: !0
|
|
520
|
+
}) : e[n] = r, e;
|
|
521
|
+
}
|
|
522
|
+
function he(e) {
|
|
523
|
+
var n = Oe(e, "string");
|
|
524
|
+
return "symbol" == de(n) ? n : n + "";
|
|
525
|
+
}
|
|
526
|
+
function Oe(e, n) {
|
|
527
|
+
if ("object" != de(e) || !e) return e;
|
|
528
|
+
var r = e[Symbol.toPrimitive];
|
|
529
|
+
if (void 0 !== r) {
|
|
530
|
+
var t = r.call(e, n || "default");
|
|
531
|
+
if ("object" != de(t)) return t;
|
|
532
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
533
|
+
}
|
|
534
|
+
return ("string" === n ? String : Number)(e);
|
|
535
|
+
}
|
|
536
|
+
var Se = ye(ye({}, S.propTypes), {}, {
|
|
537
|
+
totalCount: o().number,
|
|
538
|
+
// unlike OptionBase, there's a default value for this prop
|
|
539
|
+
value: o().string
|
|
540
|
+
});
|
|
541
|
+
function Ce(e) {
|
|
542
|
+
var r = e.active, t = e.elementRef, l = e.id, o = e.label, a = e.onClick, i = e.selected, u = e.totalCount, c = e.value, s = c === void 0 ? "selectAll" : c, f = ve(e, [ "active", "elementRef", "id", "label", "onClick", "selected", "totalCount", "value" ]);
|
|
464
543
|
// When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
|
|
465
|
-
var
|
|
544
|
+
var d = u != null ? " (".concat(u === null || u === void 0 ? void 0 : u.toString(), ")") : "";
|
|
466
545
|
|
|
467
|
-
return n().createElement(
|
|
468
|
-
active:
|
|
469
|
-
elementRef:
|
|
546
|
+
return n().createElement(S, pe({
|
|
547
|
+
active: r,
|
|
548
|
+
elementRef: t,
|
|
470
549
|
"aria-keyshortcuts": "Control+A",
|
|
471
550
|
"data-test": "select-all",
|
|
472
|
-
description: "".concat(
|
|
551
|
+
description: "".concat(d, " Ctrl-a"),
|
|
473
552
|
descriptionPosition: "right",
|
|
474
553
|
id: l,
|
|
475
554
|
key: "selectAll",
|
|
476
|
-
label: o,
|
|
477
555
|
multiple: true,
|
|
556
|
+
label: o,
|
|
478
557
|
onClick: a,
|
|
558
|
+
selected: i,
|
|
479
559
|
role: "menuitemcheckbox",
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
value: "selectAll"
|
|
483
|
-
});
|
|
560
|
+
value: s
|
|
561
|
+
}, f));
|
|
484
562
|
}
|
|
485
|
-
|
|
486
|
-
/* harmony default export */ const
|
|
563
|
+
Ce.propTypes = Se;
|
|
564
|
+
/* harmony default export */ const we = Ce;
|
|
487
565
|
// CONCATENATED MODULE: external "styled-components"
|
|
488
|
-
const
|
|
489
|
-
var
|
|
566
|
+
const ke = require("styled-components");
|
|
567
|
+
var xe = r.n(ke);
|
|
490
568
|
// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
491
|
-
const
|
|
492
|
-
var
|
|
569
|
+
const je = require("@splunk/react-ui/Button");
|
|
570
|
+
var Pe = r.n(je);
|
|
493
571
|
// CONCATENATED MODULE: external "@splunk/react-ui/Divider"
|
|
494
|
-
const
|
|
495
|
-
var
|
|
572
|
+
const Ee = require("@splunk/react-ui/Divider");
|
|
573
|
+
var Re = r.n(Ee);
|
|
496
574
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
497
|
-
const
|
|
575
|
+
const Me = require("@splunk/themes");
|
|
498
576
|
// CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
|
|
499
|
-
var
|
|
577
|
+
var Ae = xe()(Pe()).withConfig({
|
|
500
578
|
displayName: "SelectBaseStyles__StyledButton",
|
|
501
579
|
componentId: "sc-16cj7sk-0"
|
|
502
580
|
})([ "&[data-inline]{width:", ";}", "" ], (function(e) {
|
|
@@ -506,79 +584,79 @@
|
|
|
506
584
|
var n = e.$multiple;
|
|
507
585
|
return !n && "flex-grow: 0;";
|
|
508
586
|
}));
|
|
509
|
-
var
|
|
587
|
+
var Te = xe().span.withConfig({
|
|
510
588
|
displayName: "SelectBaseStyles__StyledLinkIcon",
|
|
511
589
|
componentId: "sc-16cj7sk-1"
|
|
512
|
-
})([ "padding-right:", ";" ],
|
|
513
|
-
var
|
|
590
|
+
})([ "padding-right:", ";" ], Me.variables.spacingXSmall);
|
|
591
|
+
var Ie = xe().span.withConfig({
|
|
514
592
|
displayName: "SelectBaseStyles__StyledLinkCaret",
|
|
515
593
|
componentId: "sc-16cj7sk-2"
|
|
516
|
-
})([ "padding-left:", ";" ],
|
|
517
|
-
var
|
|
594
|
+
})([ "padding-left:", ";" ], Me.variables.spacingXSmall);
|
|
595
|
+
var qe = xe().div.withConfig({
|
|
518
596
|
displayName: "SelectBaseStyles__StyledFilter",
|
|
519
597
|
componentId: "sc-16cj7sk-3"
|
|
520
|
-
})([ "padding:", " ", " ", ";min-width:160px;" ],
|
|
521
|
-
var
|
|
598
|
+
})([ "padding:", " ", " ", ";min-width:160px;" ], Me.variables.spacingLarge, Me.variables.spacingLarge, Me.variables.spacingSmall);
|
|
599
|
+
var Le = xe().span.withConfig({
|
|
522
600
|
displayName: "SelectBaseStyles__StyledCount",
|
|
523
601
|
componentId: "sc-16cj7sk-4"
|
|
524
|
-
})([ "padding-right:", ";" ],
|
|
525
|
-
var
|
|
602
|
+
})([ "padding-right:", ";" ], Me.variables.spacingXSmall);
|
|
603
|
+
var De = xe()(ee()).withConfig({
|
|
526
604
|
displayName: "SelectBaseStyles__StyledControlsLink",
|
|
527
605
|
componentId: "sc-16cj7sk-5"
|
|
528
606
|
})([ "", ";" ], (function(e) {
|
|
529
607
|
var n = e.$disabled;
|
|
530
|
-
return n && (0,
|
|
608
|
+
return n && (0, ke.css)([ "color:", ";" ], Me.variables.contentColorDisabled);
|
|
531
609
|
}));
|
|
532
|
-
var
|
|
610
|
+
var Ne = xe().div.withConfig({
|
|
533
611
|
displayName: "SelectBaseStyles__StyledToggleAllControls",
|
|
534
612
|
componentId: "sc-16cj7sk-6"
|
|
535
|
-
})([ "", ";gap:", ";padding:", " ", " ", ";" ],
|
|
536
|
-
var
|
|
613
|
+
})([ "", ";gap:", ";padding:", " ", " ", ";" ], Me.mixins.reset("flex"), Me.variables.spacingMedium, Me.variables.spacingXSmall, Me.variables.spacingLarge, Me.variables.spacingSmall);
|
|
614
|
+
var _e = xe()(Re()).withConfig({
|
|
537
615
|
displayName: "SelectBaseStyles__StyledControlsDivider",
|
|
538
616
|
componentId: "sc-16cj7sk-7"
|
|
539
|
-
})([ "border-color:", ";" ],
|
|
617
|
+
})([ "border-color:", ";" ], Me.variables.borderColor);
|
|
540
618
|
// EXTERNAL MODULE: ./src/useControlled/index.ts + 2 modules
|
|
541
|
-
var
|
|
619
|
+
var Be = r(3639);
|
|
542
620
|
// CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
|
|
543
621
|
// A utility for matching keyboard characters to list values
|
|
544
|
-
var
|
|
545
|
-
return n ? n.label.charAt(
|
|
622
|
+
var Ve = function e(n, r) {
|
|
623
|
+
return n ? n.label.charAt(r).toLowerCase() : "";
|
|
546
624
|
};
|
|
547
|
-
var
|
|
625
|
+
var Ke = function e(n, r) {
|
|
548
626
|
if (!n.length) {
|
|
549
627
|
return n;
|
|
550
628
|
}
|
|
551
|
-
var
|
|
629
|
+
var t = null;
|
|
552
630
|
var l = false;
|
|
553
|
-
var
|
|
554
|
-
var n =
|
|
555
|
-
if (n ===
|
|
631
|
+
var o = n.filter((function(e) {
|
|
632
|
+
var n = Ve(e, r.index);
|
|
633
|
+
if (n === r.value) {
|
|
556
634
|
l = true;
|
|
557
635
|
return true;
|
|
558
636
|
}
|
|
559
637
|
// If we haven't found a match yet, keep track of the next closest match.
|
|
560
638
|
// Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
|
|
561
639
|
if (!l) {
|
|
562
|
-
var
|
|
563
|
-
if (!
|
|
564
|
-
|
|
565
|
-
} else if (n >
|
|
566
|
-
if (
|
|
567
|
-
|
|
568
|
-
} else if (
|
|
569
|
-
|
|
640
|
+
var o = Ve(t, r.index);
|
|
641
|
+
if (!o) {
|
|
642
|
+
t = e;
|
|
643
|
+
} else if (n > r.value) {
|
|
644
|
+
if (o < r.value) {
|
|
645
|
+
t = e;
|
|
646
|
+
} else if (o > n) {
|
|
647
|
+
t = e;
|
|
570
648
|
}
|
|
571
|
-
} else if (n >
|
|
572
|
-
|
|
649
|
+
} else if (n > o) {
|
|
650
|
+
t = e;
|
|
573
651
|
}
|
|
574
652
|
}
|
|
575
653
|
return false;
|
|
576
654
|
}));
|
|
577
|
-
return
|
|
655
|
+
return o.length === 0 && t ? [ t ] : o;
|
|
578
656
|
};
|
|
579
657
|
// CONCATENATED MODULE: ./src/utils/ssrDocument.ts
|
|
580
658
|
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
581
|
-
var
|
|
659
|
+
var Fe = {
|
|
582
660
|
body: {
|
|
583
661
|
appendChild: function e() {
|
|
584
662
|
return [];
|
|
@@ -632,16 +710,16 @@
|
|
|
632
710
|
search: ""
|
|
633
711
|
}
|
|
634
712
|
};
|
|
635
|
-
function
|
|
636
|
-
var e = typeof document !== "undefined" ? document :
|
|
713
|
+
function He() {
|
|
714
|
+
var e = typeof document !== "undefined" ? document : Fe;
|
|
637
715
|
return e;
|
|
638
716
|
}
|
|
639
|
-
var
|
|
640
|
-
/* harmony default export */ const
|
|
717
|
+
var ze = He();
|
|
718
|
+
/* harmony default export */ const We = /* unused pure expression or super */ null && ze;
|
|
641
719
|
// CONCATENATED MODULE: ./src/utils/ssrWindow.ts
|
|
642
720
|
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
643
|
-
var
|
|
644
|
-
document:
|
|
721
|
+
var $e = {
|
|
722
|
+
document: Fe,
|
|
645
723
|
navigator: {
|
|
646
724
|
userAgent: ""
|
|
647
725
|
},
|
|
@@ -695,12 +773,12 @@
|
|
|
695
773
|
clearTimeout(n);
|
|
696
774
|
}
|
|
697
775
|
};
|
|
698
|
-
function
|
|
699
|
-
var e = typeof window !== "undefined" ? window :
|
|
776
|
+
function Xe() {
|
|
777
|
+
var e = typeof window !== "undefined" ? window : $e;
|
|
700
778
|
return e;
|
|
701
779
|
}
|
|
702
|
-
var
|
|
703
|
-
/* harmony default export */ const
|
|
780
|
+
var Ue = Xe();
|
|
781
|
+
/* harmony default export */ const Je = /* unused pure expression or super */ null && Ue;
|
|
704
782
|
// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
|
|
705
783
|
/**
|
|
706
784
|
* Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
|
|
@@ -708,7 +786,7 @@
|
|
|
708
786
|
* @param ref - The React callback or object ref. Can be `null` or `undefined`.
|
|
709
787
|
* @param current - The new value of the ref.
|
|
710
788
|
*/
|
|
711
|
-
function
|
|
789
|
+
function Ge(e, n) {
|
|
712
790
|
if (e) {
|
|
713
791
|
if (typeof e === "function") {
|
|
714
792
|
e(n);
|
|
@@ -721,64 +799,64 @@
|
|
|
721
799
|
}
|
|
722
800
|
}
|
|
723
801
|
// CONCATENATED MODULE: ./src/Select/SelectBase.tsx
|
|
724
|
-
function
|
|
725
|
-
return
|
|
802
|
+
function Qe(e) {
|
|
803
|
+
return en(e) || Ze(e) || ln(e) || Ye();
|
|
726
804
|
}
|
|
727
|
-
function
|
|
805
|
+
function Ye() {
|
|
728
806
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
729
807
|
}
|
|
730
|
-
function
|
|
808
|
+
function Ze(e) {
|
|
731
809
|
if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
|
|
732
810
|
}
|
|
733
|
-
function
|
|
734
|
-
if (Array.isArray(e)) return
|
|
811
|
+
function en(e) {
|
|
812
|
+
if (Array.isArray(e)) return on(e);
|
|
735
813
|
}
|
|
736
|
-
function
|
|
737
|
-
return
|
|
814
|
+
function nn() {
|
|
815
|
+
return nn = Object.assign ? Object.assign.bind() : function(e) {
|
|
738
816
|
for (var n = 1; n < arguments.length; n++) {
|
|
739
|
-
var
|
|
740
|
-
for (var
|
|
741
|
-
({}).hasOwnProperty.call(
|
|
817
|
+
var r = arguments[n];
|
|
818
|
+
for (var t in r) {
|
|
819
|
+
({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
|
|
742
820
|
}
|
|
743
821
|
}
|
|
744
822
|
return e;
|
|
745
|
-
},
|
|
823
|
+
}, nn.apply(null, arguments);
|
|
746
824
|
}
|
|
747
|
-
function
|
|
748
|
-
return
|
|
825
|
+
function rn(e, n) {
|
|
826
|
+
return un(e) || an(e, n) || ln(e, n) || tn();
|
|
749
827
|
}
|
|
750
|
-
function
|
|
828
|
+
function tn() {
|
|
751
829
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
752
830
|
}
|
|
753
|
-
function
|
|
831
|
+
function ln(e, n) {
|
|
754
832
|
if (e) {
|
|
755
|
-
if ("string" == typeof e) return
|
|
756
|
-
var
|
|
757
|
-
return "Object" ===
|
|
833
|
+
if ("string" == typeof e) return on(e, n);
|
|
834
|
+
var r = {}.toString.call(e).slice(8, -1);
|
|
835
|
+
return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? on(e, n) : void 0;
|
|
758
836
|
}
|
|
759
837
|
}
|
|
760
|
-
function
|
|
838
|
+
function on(e, n) {
|
|
761
839
|
(null == n || n > e.length) && (n = e.length);
|
|
762
|
-
for (var
|
|
763
|
-
r
|
|
840
|
+
for (var r = 0, t = Array(n); r < n; r++) {
|
|
841
|
+
t[r] = e[r];
|
|
764
842
|
}
|
|
765
|
-
return
|
|
843
|
+
return t;
|
|
766
844
|
}
|
|
767
|
-
function
|
|
768
|
-
var
|
|
769
|
-
if (null !=
|
|
770
|
-
var
|
|
845
|
+
function an(e, n) {
|
|
846
|
+
var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
847
|
+
if (null != r) {
|
|
848
|
+
var t, l, o, a, i = [], u = !0, c = !1;
|
|
771
849
|
try {
|
|
772
|
-
if (
|
|
773
|
-
if (Object(
|
|
850
|
+
if (o = (r = r.call(e)).next, 0 === n) {
|
|
851
|
+
if (Object(r) !== r) return;
|
|
774
852
|
u = !1;
|
|
775
|
-
} else for (;!(u = (
|
|
853
|
+
} else for (;!(u = (t = o.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
|
|
776
854
|
}
|
|
777
855
|
} catch (e) {
|
|
778
856
|
c = !0, l = e;
|
|
779
857
|
} finally {
|
|
780
858
|
try {
|
|
781
|
-
if (!u && null !=
|
|
859
|
+
if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
|
|
782
860
|
} finally {
|
|
783
861
|
if (c) throw l;
|
|
784
862
|
}
|
|
@@ -786,250 +864,250 @@
|
|
|
786
864
|
return i;
|
|
787
865
|
}
|
|
788
866
|
}
|
|
789
|
-
function
|
|
867
|
+
function un(e) {
|
|
790
868
|
if (Array.isArray(e)) return e;
|
|
791
869
|
}
|
|
792
|
-
function
|
|
870
|
+
function cn(e, n) {
|
|
793
871
|
if (null == e) return {};
|
|
794
|
-
var
|
|
872
|
+
var r, t, l = sn(e, n);
|
|
795
873
|
if (Object.getOwnPropertySymbols) {
|
|
796
|
-
var
|
|
797
|
-
for (
|
|
798
|
-
|
|
874
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
875
|
+
for (t = 0; t < o.length; t++) {
|
|
876
|
+
r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
|
|
799
877
|
}
|
|
800
878
|
}
|
|
801
879
|
return l;
|
|
802
880
|
}
|
|
803
|
-
function
|
|
881
|
+
function sn(e, n) {
|
|
804
882
|
if (null == e) return {};
|
|
805
|
-
var
|
|
806
|
-
for (var
|
|
807
|
-
if ({}.hasOwnProperty.call(e,
|
|
808
|
-
if (n.
|
|
809
|
-
t
|
|
883
|
+
var r = {};
|
|
884
|
+
for (var t in e) {
|
|
885
|
+
if ({}.hasOwnProperty.call(e, t)) {
|
|
886
|
+
if (-1 !== n.indexOf(t)) continue;
|
|
887
|
+
r[t] = e[t];
|
|
810
888
|
}
|
|
811
889
|
}
|
|
812
|
-
return
|
|
890
|
+
return r;
|
|
813
891
|
}
|
|
814
|
-
function
|
|
892
|
+
function fn(e) {
|
|
815
893
|
"@babel/helpers - typeof";
|
|
816
|
-
return
|
|
894
|
+
return fn = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
817
895
|
return typeof e;
|
|
818
896
|
} : function(e) {
|
|
819
897
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
820
|
-
},
|
|
898
|
+
}, fn(e);
|
|
821
899
|
}
|
|
822
|
-
function
|
|
823
|
-
var
|
|
900
|
+
function dn(e, n) {
|
|
901
|
+
var r = Object.keys(e);
|
|
824
902
|
if (Object.getOwnPropertySymbols) {
|
|
825
|
-
var
|
|
826
|
-
n && (
|
|
903
|
+
var t = Object.getOwnPropertySymbols(e);
|
|
904
|
+
n && (t = t.filter((function(n) {
|
|
827
905
|
return Object.getOwnPropertyDescriptor(e, n).enumerable;
|
|
828
|
-
}))),
|
|
906
|
+
}))), r.push.apply(r, t);
|
|
829
907
|
}
|
|
830
|
-
return
|
|
908
|
+
return r;
|
|
831
909
|
}
|
|
832
|
-
function
|
|
910
|
+
function pn(e) {
|
|
833
911
|
for (var n = 1; n < arguments.length; n++) {
|
|
834
|
-
var
|
|
835
|
-
n % 2 ?
|
|
836
|
-
|
|
837
|
-
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(
|
|
838
|
-
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(
|
|
912
|
+
var r = null != arguments[n] ? arguments[n] : {};
|
|
913
|
+
n % 2 ? dn(Object(r), !0).forEach((function(n) {
|
|
914
|
+
vn(e, n, r[n]);
|
|
915
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : dn(Object(r)).forEach((function(n) {
|
|
916
|
+
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
|
|
839
917
|
}));
|
|
840
918
|
}
|
|
841
919
|
return e;
|
|
842
920
|
}
|
|
843
|
-
function
|
|
844
|
-
return (n =
|
|
845
|
-
value:
|
|
921
|
+
function vn(e, n, r) {
|
|
922
|
+
return (n = bn(n)) in e ? Object.defineProperty(e, n, {
|
|
923
|
+
value: r,
|
|
846
924
|
enumerable: !0,
|
|
847
925
|
configurable: !0,
|
|
848
926
|
writable: !0
|
|
849
|
-
}) : e[n] =
|
|
927
|
+
}) : e[n] = r, e;
|
|
850
928
|
}
|
|
851
|
-
function
|
|
852
|
-
var n =
|
|
853
|
-
return "symbol" ==
|
|
929
|
+
function bn(e) {
|
|
930
|
+
var n = mn(e, "string");
|
|
931
|
+
return "symbol" == fn(n) ? n : n + "";
|
|
854
932
|
}
|
|
855
|
-
function
|
|
856
|
-
if ("object" !=
|
|
857
|
-
var
|
|
858
|
-
if (void 0 !==
|
|
859
|
-
var
|
|
860
|
-
if ("object" !=
|
|
933
|
+
function mn(e, n) {
|
|
934
|
+
if ("object" != fn(e) || !e) return e;
|
|
935
|
+
var r = e[Symbol.toPrimitive];
|
|
936
|
+
if (void 0 !== r) {
|
|
937
|
+
var t = r.call(e, n || "default");
|
|
938
|
+
if ("object" != fn(t)) return t;
|
|
861
939
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
862
940
|
}
|
|
863
941
|
return ("string" === n ? String : Number)(e);
|
|
864
942
|
}
|
|
865
|
-
var
|
|
866
|
-
allowKeyMatching:
|
|
867
|
-
allowNewValues:
|
|
868
|
-
animateLoading:
|
|
869
|
-
appearance:
|
|
870
|
-
append:
|
|
871
|
-
children:
|
|
872
|
-
defaultPlacement:
|
|
873
|
-
defaultValues:
|
|
874
|
-
describedBy:
|
|
875
|
-
disabled:
|
|
876
|
-
elementRef:
|
|
877
|
-
error:
|
|
878
|
-
filter:
|
|
879
|
-
footerMessage:
|
|
880
|
-
inline:
|
|
881
|
-
inputId:
|
|
882
|
-
inputRef:
|
|
883
|
-
isLoadingOptions:
|
|
884
|
-
labelledBy:
|
|
885
|
-
labelText:
|
|
886
|
-
loadingMessage:
|
|
887
|
-
menuStyle:
|
|
888
|
-
multiple:
|
|
889
|
-
name:
|
|
890
|
-
noOptionsMessage:
|
|
891
|
-
onChange:
|
|
892
|
-
onClick:
|
|
893
|
-
onClose:
|
|
894
|
-
onFilterChange:
|
|
895
|
-
onOpen:
|
|
896
|
-
onScroll:
|
|
897
|
-
onScrollBottom:
|
|
943
|
+
var yn = {
|
|
944
|
+
allowKeyMatching: o().bool,
|
|
945
|
+
allowNewValues: o().bool,
|
|
946
|
+
animateLoading: o().bool,
|
|
947
|
+
appearance: o().oneOf([ "default", "link", "subtle" ]),
|
|
948
|
+
append: o().bool,
|
|
949
|
+
children: o().node,
|
|
950
|
+
defaultPlacement: o().oneOf([ "above", "below", "vertical" ]),
|
|
951
|
+
defaultValues: o().array,
|
|
952
|
+
describedBy: o().string,
|
|
953
|
+
disabled: o().bool,
|
|
954
|
+
elementRef: o().oneOfType([ o().func, o().object ]),
|
|
955
|
+
error: o().bool,
|
|
956
|
+
filter: o().oneOf([ false, true, "controlled" ]),
|
|
957
|
+
footerMessage: o().node,
|
|
958
|
+
inline: o().bool,
|
|
959
|
+
inputId: o().string,
|
|
960
|
+
inputRef: o().oneOfType([ o().func, o().object ]),
|
|
961
|
+
isLoadingOptions: o().bool,
|
|
962
|
+
labelledBy: o().string,
|
|
963
|
+
labelText: o().string,
|
|
964
|
+
loadingMessage: o().node,
|
|
965
|
+
menuStyle: o().object,
|
|
966
|
+
multiple: o().bool,
|
|
967
|
+
name: o().string,
|
|
968
|
+
noOptionsMessage: o().node,
|
|
969
|
+
onChange: o().func,
|
|
970
|
+
onClick: o().func,
|
|
971
|
+
onClose: o().func,
|
|
972
|
+
onFilterChange: o().func,
|
|
973
|
+
onOpen: o().func,
|
|
974
|
+
onScroll: o().func,
|
|
975
|
+
onScrollBottom: o().func,
|
|
898
976
|
/** @private. */
|
|
899
|
-
required:
|
|
900
|
-
placeholder:
|
|
901
|
-
prefixLabel:
|
|
902
|
-
prepend:
|
|
903
|
-
repositionMode:
|
|
904
|
-
selectAllAppearance:
|
|
905
|
-
showSelectedValuesFirst:
|
|
906
|
-
suffixLabel:
|
|
907
|
-
tabConfirmsNewValue:
|
|
908
|
-
toggle:
|
|
909
|
-
toggleContent:
|
|
910
|
-
values:
|
|
977
|
+
required: o().bool,
|
|
978
|
+
placeholder: o().string,
|
|
979
|
+
prefixLabel: o().string,
|
|
980
|
+
prepend: o().bool,
|
|
981
|
+
repositionMode: o().oneOf([ "none", "flip" ]),
|
|
982
|
+
selectAllAppearance: o().oneOf([ "buttongroup", "checkbox", "none" ]),
|
|
983
|
+
showSelectedValuesFirst: o().oneOf([ "nextOpen", "immediately", "never" ]),
|
|
984
|
+
suffixLabel: o().string,
|
|
985
|
+
tabConfirmsNewValue: o().bool,
|
|
986
|
+
toggle: o().node,
|
|
987
|
+
toggleContent: o().oneOf([ "optionChildren", "optionLabel" ]),
|
|
988
|
+
values: o().array,
|
|
911
989
|
/** @private. */
|
|
912
|
-
virtualization:
|
|
990
|
+
virtualization: o().number
|
|
913
991
|
};
|
|
914
|
-
var
|
|
992
|
+
var gn = V()((function(e) {
|
|
915
993
|
return [ e ];
|
|
916
994
|
}));
|
|
917
995
|
// preserve separate widths for single vs. multi mode
|
|
918
|
-
var
|
|
919
|
-
var n = e.anchorWidth,
|
|
920
|
-
return
|
|
996
|
+
var hn = V()((function(e) {
|
|
997
|
+
var n = e.anchorWidth, r = e.isMultiple, t = e.maxHeight, l = e.menuStyle;
|
|
998
|
+
return r ? pn({
|
|
921
999
|
width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
|
|
922
|
-
maxHeight:
|
|
923
|
-
}, l) :
|
|
1000
|
+
maxHeight: t
|
|
1001
|
+
}, l) : pn({
|
|
924
1002
|
minWidth: n !== null && n !== void 0 ? n : undefined,
|
|
925
1003
|
maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
|
|
926
|
-
maxHeight:
|
|
1004
|
+
maxHeight: t
|
|
927
1005
|
}, l);
|
|
928
1006
|
}));
|
|
929
|
-
var
|
|
930
|
-
function
|
|
1007
|
+
var On = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
|
|
1008
|
+
function Sn(e) {
|
|
931
1009
|
return e && D()(e.props, "value");
|
|
932
1010
|
}
|
|
933
|
-
function
|
|
934
|
-
return "".concat(
|
|
1011
|
+
function Cn(e, n) {
|
|
1012
|
+
return "".concat(fn(e), "-").concat(e, "-").concat(n);
|
|
935
1013
|
}
|
|
936
|
-
var
|
|
937
|
-
var
|
|
938
|
-
var
|
|
939
|
-
var
|
|
940
|
-
var
|
|
941
|
-
var
|
|
942
|
-
var
|
|
943
|
-
var
|
|
1014
|
+
var wn = [ "append", "error", "prepend" ];
|
|
1015
|
+
var kn = (0, u._)("No matches");
|
|
1016
|
+
var xn = (0, u._)("Select...");
|
|
1017
|
+
var jn = n().createElement(G(), null);
|
|
1018
|
+
var Pn = function e(r) {
|
|
1019
|
+
var t = r.activeItemId, l = r.filterA11yId, o = r.filterKeyword, a = r.hasChildren, i = r.inputId, c = r.inputRef, s = r.menuListboxId, f = r.multiple, d = r.onClearAll, p = r.onSelectAll, v = r.onTextBlur, b = r.onTextChange, m = r.onTextFocus, y = r.onTextKeyDown, g = r.optionSelection, h = r.placement, O = r.selectAllAppearance, S = r.textHasFocus;
|
|
1020
|
+
var C = (0, u._)("Select all options".concat(g.current === "all" ? " disabled" : ""));
|
|
1021
|
+
var w = (0, u._)("Clear all options".concat(g.current === "none" ? " disabled" : ""));
|
|
944
1022
|
// only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
|
|
945
|
-
var
|
|
1023
|
+
var k = n().createElement(Ne, {
|
|
946
1024
|
key: "selectAll"
|
|
947
|
-
}, n().createElement(
|
|
948
|
-
disabled:
|
|
1025
|
+
}, n().createElement(De, {
|
|
1026
|
+
disabled: g.current === "all",
|
|
949
1027
|
appearance: "standalone",
|
|
950
|
-
"aria-label":
|
|
1028
|
+
"aria-label": C,
|
|
951
1029
|
onClick: p,
|
|
952
1030
|
"data-test": "select-all",
|
|
953
1031
|
tag: "button"
|
|
954
|
-
},
|
|
955
|
-
disabled:
|
|
1032
|
+
}, o ? (0, u._)("Select all Matches") : (0, u._)("Select all")), n().createElement(De, {
|
|
1033
|
+
disabled: g.current === "none",
|
|
956
1034
|
appearance: "standalone",
|
|
957
|
-
"aria-label":
|
|
1035
|
+
"aria-label": w,
|
|
958
1036
|
onClick: d,
|
|
959
1037
|
"data-test": "clear-all",
|
|
960
1038
|
tag: "button"
|
|
961
|
-
},
|
|
1039
|
+
}, o ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
|
|
962
1040
|
|
|
963
1041
|
return n().createElement("div", {
|
|
964
1042
|
key: "controls"
|
|
965
1043
|
}, l && n().createElement(le(), {
|
|
966
1044
|
id: l
|
|
967
|
-
}, (0, u._)("Type to filter")), h === "above" && n().createElement(
|
|
1045
|
+
}, (0, u._)("Type to filter")), h === "above" && n().createElement(_e, null), n().createElement(qe, {
|
|
968
1046
|
key: "filter",
|
|
969
1047
|
"data-test": "filter"
|
|
970
|
-
}, n().createElement(
|
|
971
|
-
value:
|
|
1048
|
+
}, n().createElement(ae(), {
|
|
1049
|
+
value: o,
|
|
972
1050
|
autoCapitalize: "off",
|
|
973
1051
|
autoComplete: "off",
|
|
974
1052
|
autoCorrect: "off",
|
|
975
1053
|
spellCheck: false,
|
|
976
1054
|
onChange: b,
|
|
977
|
-
onKeyDown:
|
|
1055
|
+
onKeyDown: y,
|
|
978
1056
|
onFocus: m,
|
|
979
1057
|
onBlur: v,
|
|
980
1058
|
placeholder: (0, u._)("filter"),
|
|
981
1059
|
role: "combobox",
|
|
982
1060
|
"aria-expanded": "true",
|
|
983
1061
|
"aria-controls": s,
|
|
984
|
-
"aria-owns":
|
|
1062
|
+
"aria-owns": S && a ? t : undefined,
|
|
985
1063
|
"aria-label": (0, u._)("Filter"),
|
|
986
1064
|
"aria-autocomplete": "list",
|
|
987
|
-
"aria-activedescendant":
|
|
1065
|
+
"aria-activedescendant": S && a ? t : undefined,
|
|
988
1066
|
inputRef: c,
|
|
989
1067
|
inputId: i,
|
|
990
1068
|
canClear: true,
|
|
991
|
-
startAdornment:
|
|
992
|
-
})), f &&
|
|
1069
|
+
startAdornment: jn
|
|
1070
|
+
})), f && a && O === "buttongroup" && k, h === "below" && n().createElement(_e, null));
|
|
993
1071
|
};
|
|
994
|
-
var
|
|
995
|
-
var
|
|
996
|
-
var
|
|
997
|
-
if (
|
|
998
|
-
|
|
1072
|
+
var En = function e(n) {
|
|
1073
|
+
var r = n.prefixLabel, t = n.label, l = n.suffixLabel;
|
|
1074
|
+
var o = t;
|
|
1075
|
+
if (r) {
|
|
1076
|
+
o = [ "".concat(r, ": ") ].concat(o);
|
|
999
1077
|
}
|
|
1000
1078
|
if (l) {
|
|
1001
|
-
|
|
1079
|
+
o = M()(o).concat(" ".concat(l));
|
|
1002
1080
|
}
|
|
1003
|
-
return
|
|
1081
|
+
return o;
|
|
1004
1082
|
};
|
|
1005
|
-
var
|
|
1006
|
-
var l =
|
|
1083
|
+
var Rn = n().forwardRef((function(r, t) {
|
|
1084
|
+
var l = r.appearance, o = l === void 0 ? "default" : l, a = r.append, i = r.children, c = r.currentValues, s = c === void 0 ? [] : c, f = r.describedBy, d = r.disabled, p = r.elementRef, v = r.error, b = r.inline, m = r.labelText, y = r.labelledBy, g = r.multiple, h = r.onClick, O = r.placeholder, S = r.prefixLabel, C = r.prepend, w = r.required, k = r.suffixLabel, x = r.toggle, j = r.toggleContent, P = cn(r, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
|
|
1007
1085
|
var E;
|
|
1008
1086
|
var R;
|
|
1009
|
-
var
|
|
1087
|
+
var M = [];
|
|
1010
1088
|
// Generate buttonLabels
|
|
1011
|
-
var
|
|
1012
|
-
var I = s.reduce((function(e, n,
|
|
1013
|
-
var l =
|
|
1014
|
-
return
|
|
1089
|
+
var A = e.Children.toArray(i);
|
|
1090
|
+
var I = s.reduce((function(e, n, r, t) {
|
|
1091
|
+
var l = T()(A, (function(e) {
|
|
1092
|
+
return Sn(e) && e.props.value === n;
|
|
1015
1093
|
}));
|
|
1016
1094
|
if (l) {
|
|
1017
|
-
var
|
|
1018
|
-
var f = j !== "optionLabel" &&
|
|
1095
|
+
var o = l.props, a = o.children, i = o.icon, c = o.label;
|
|
1096
|
+
var f = j !== "optionLabel" && a ? a : c;
|
|
1019
1097
|
e.push(f);
|
|
1020
|
-
|
|
1098
|
+
M.push(c);
|
|
1021
1099
|
// if not in multiple mode, add the icon
|
|
1022
|
-
if (!
|
|
1100
|
+
if (!g && s.length === 1) {
|
|
1023
1101
|
E = i;
|
|
1024
1102
|
}
|
|
1025
|
-
} else if (
|
|
1103
|
+
} else if (g) {
|
|
1026
1104
|
// only add values that don't match an option in "multiple" mode to preserve old behaviour
|
|
1027
1105
|
e.push(n);
|
|
1028
|
-
|
|
1106
|
+
M.push(n.toString());
|
|
1029
1107
|
}
|
|
1030
|
-
if (
|
|
1108
|
+
if (r < t.length - 1) {
|
|
1031
1109
|
e.push((0, u._)(", "));
|
|
1032
|
-
|
|
1110
|
+
M.push((0, u._)(", "));
|
|
1033
1111
|
}
|
|
1034
1112
|
return e;
|
|
1035
1113
|
}), []);
|
|
@@ -1038,81 +1116,81 @@
|
|
|
1038
1116
|
if (R.length > 0) {
|
|
1039
1117
|
// If there's more than one item selected, read out the selected total
|
|
1040
1118
|
// rather than reading out each selected item
|
|
1041
|
-
|
|
1042
|
-
prefixLabel:
|
|
1043
|
-
label: R.length > 1 ? [ "".concat(s.length, " items selected") ] :
|
|
1044
|
-
suffixLabel:
|
|
1119
|
+
M = En({
|
|
1120
|
+
prefixLabel: S,
|
|
1121
|
+
label: R.length > 1 ? [ "".concat(s.length, " items selected") ] : M,
|
|
1122
|
+
suffixLabel: k
|
|
1045
1123
|
});
|
|
1046
|
-
R =
|
|
1047
|
-
prefixLabel:
|
|
1124
|
+
R = En({
|
|
1125
|
+
prefixLabel: S,
|
|
1048
1126
|
label: R,
|
|
1049
|
-
suffixLabel:
|
|
1127
|
+
suffixLabel: k
|
|
1050
1128
|
});
|
|
1051
1129
|
}
|
|
1052
1130
|
// single <Select> behaviour is to show the placeholder if all parts of the label
|
|
1053
1131
|
// are empty strings so we replicate this behaviour here
|
|
1054
|
-
if (R.length === 0 || !
|
|
1132
|
+
if (R.length === 0 || !g && R.every((function(e) {
|
|
1055
1133
|
return e === "";
|
|
1056
1134
|
}))) {
|
|
1057
|
-
R =
|
|
1058
|
-
|
|
1135
|
+
R = gn(O);
|
|
1136
|
+
M = R;
|
|
1059
1137
|
}
|
|
1060
|
-
var
|
|
1061
|
-
var
|
|
1138
|
+
var q = Object.keys(P).includes("aria-labelledby");
|
|
1139
|
+
var L = pn({
|
|
1062
1140
|
"aria-describedby": f,
|
|
1063
|
-
"aria-label":
|
|
1141
|
+
"aria-label": y || q ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(M.join("")),
|
|
1064
1142
|
// aria-labelledby takes precedence over aria-label, so existence of both is redundant
|
|
1065
|
-
"aria-labelledby":
|
|
1066
|
-
"aria-required":
|
|
1067
|
-
"data-select-appearance":
|
|
1068
|
-
append:
|
|
1069
|
-
prepend:
|
|
1143
|
+
"aria-labelledby": y,
|
|
1144
|
+
"aria-required": w,
|
|
1145
|
+
"data-select-appearance": o,
|
|
1146
|
+
append: a,
|
|
1147
|
+
prepend: C,
|
|
1070
1148
|
onClick: h,
|
|
1071
1149
|
role: "combobox",
|
|
1072
1150
|
disabled: d ? "disabled" : undefined,
|
|
1073
1151
|
elementRef: p,
|
|
1074
1152
|
error: v,
|
|
1075
|
-
ref:
|
|
1153
|
+
ref: t
|
|
1076
1154
|
}, P);
|
|
1077
|
-
if (
|
|
1078
|
-
|
|
1155
|
+
if (g) {
|
|
1156
|
+
L["data-test-values"] = JSON.stringify(s);
|
|
1079
1157
|
} else {
|
|
1080
|
-
var D =
|
|
1081
|
-
|
|
1158
|
+
var D = rn(s, 1), N = D[0];
|
|
1159
|
+
L["data-test-value"] = N;
|
|
1082
1160
|
}
|
|
1083
1161
|
if (x) {
|
|
1084
1162
|
|
|
1085
|
-
return (0, e.cloneElement)(x,
|
|
1163
|
+
return (0, e.cloneElement)(x, L);
|
|
1086
1164
|
}
|
|
1087
|
-
if (
|
|
1165
|
+
if (o === "link") {
|
|
1088
1166
|
|
|
1089
|
-
return n().createElement(ee(),
|
|
1167
|
+
return n().createElement(ee(), nn({
|
|
1090
1168
|
tag: "button",
|
|
1091
1169
|
appearance: "standalone"
|
|
1092
|
-
},
|
|
1170
|
+
}, L, {
|
|
1093
1171
|
"data-select-appearance": "link"
|
|
1094
|
-
}), !!E && n().createElement(
|
|
1172
|
+
}), !!E && n().createElement(Te, null, E), R || O, n().createElement(Ie, null, n().createElement(U(), null)));
|
|
1095
1173
|
}
|
|
1096
1174
|
// Using Button's secondary appearance as Select's default appearance.
|
|
1097
|
-
var
|
|
1175
|
+
var _ = o === "default" ? "secondary" : o;
|
|
1098
1176
|
|
|
1099
|
-
return n().createElement(
|
|
1100
|
-
$multiple:
|
|
1101
|
-
appearance:
|
|
1177
|
+
return n().createElement(Ae, nn({}, L, {
|
|
1178
|
+
$multiple: g,
|
|
1179
|
+
appearance: _,
|
|
1102
1180
|
label: R,
|
|
1103
1181
|
error: v,
|
|
1104
1182
|
icon: E,
|
|
1105
1183
|
inline: b,
|
|
1106
1184
|
isMenu: true,
|
|
1107
1185
|
onClick: h
|
|
1108
|
-
}, F()(P,
|
|
1186
|
+
}, F()(P, wn)), !!s.length && g && n().createElement(Le, {
|
|
1109
1187
|
"data-role": "count"
|
|
1110
1188
|
}, "(", s.length, ")"));
|
|
1111
1189
|
}));
|
|
1112
|
-
function
|
|
1113
|
-
var
|
|
1190
|
+
function Mn(r) {
|
|
1191
|
+
var t = r.allowKeyMatching, l = t === void 0 ? true : t, o = r.animateLoading, a = r.appearance, i = a === void 0 ? "default" : a, s = r.append, f = r.allowNewValues, d = r.children, p = r.defaultPlacement, v = p === void 0 ? "vertical" : p, b = r.defaultValues, m = r.describedBy, y = r.disabled, g = r.elementRef, h = r.error, O = r.filter, C = r.footerMessage, w = r.inline, k = r.inputId, x = r.inputRef, j = r.isLoadingOptions, P = r.labelledBy, E = r.labelText, R = r.loadingMessage, M = r.menuStyle, A = M === void 0 ? {} : M, I = r.multiple, L = r.name, D = r.noOptionsMessage, N = D === void 0 ? kn : D, B = r.onChange, V = r.onScroll, K = r.onScrollBottom, F = r.onFilterChange, H = r.onClick, W = r.onClose, X = r.onOpen, U = r.required, J = r.placeholder, G = J === void 0 ? xn : J, Q = r.prefixLabel, Z = r.prepend, ee = r.repositionMode, te = ee === void 0 ? "flip" : ee, le = r.selectAllAppearance, oe = le === void 0 ? "buttongroup" : le, ae = r.showSelectedValuesFirst, ie = r.suffixLabel, de = r.tabConfirmsNewValue, pe = r.values, ve = r.virtualization, be = r.toggle, me = r.toggleContent, ye = me === void 0 ? "optionChildren" : me, ge = cn(r, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
|
|
1114
1192
|
// @docs-props-type SelectBasePropsBase
|
|
1115
|
-
var
|
|
1193
|
+
var he = (0, Be["default"])({
|
|
1116
1194
|
componentName: "SelectBase",
|
|
1117
1195
|
/* eslint-disable-next-line prefer-rest-params */
|
|
1118
1196
|
componentProps: arguments[0],
|
|
@@ -1121,411 +1199,411 @@
|
|
|
1121
1199
|
valuePropName: "values"
|
|
1122
1200
|
});
|
|
1123
1201
|
// states
|
|
1124
|
-
var
|
|
1202
|
+
var Oe = (0, e.useState)((function() {
|
|
1125
1203
|
return {
|
|
1126
1204
|
activeItemId: (0, se.createDOMID)("active-item"),
|
|
1127
1205
|
menuListboxId: (0, se.createDOMID)("menu-listbox")
|
|
1128
1206
|
};
|
|
1129
|
-
})), Se =
|
|
1130
|
-
var je = (0, e.useState)(0), Pe =
|
|
1131
|
-
var
|
|
1132
|
-
var
|
|
1133
|
-
var
|
|
1134
|
-
var
|
|
1135
|
-
var
|
|
1207
|
+
})), Se = rn(Oe, 1), Ce = Se[0], ke = Ce.activeItemId, xe = Ce.menuListboxId;
|
|
1208
|
+
var je = (0, e.useState)(0), Pe = rn(je, 2), Ee = Pe[0], Re = Pe[1];
|
|
1209
|
+
var Me = (0, e.useState)(""), Ae = rn(Me, 2), Te = Ae[0], Ie = Ae[1];
|
|
1210
|
+
var qe = (0, e.useState)(false), Le = rn(qe, 2), De = Le[0], Ne = Le[1];
|
|
1211
|
+
var _e = (0, e.useState)(false), Ve = rn(_e, 2), Fe = Ve[0], He = Ve[1];
|
|
1212
|
+
var ze = (0, e.useState)([]), We = rn(ze, 2), $e = We[0], Ue = We[1];
|
|
1213
|
+
var Je = (0, e.useState)(b || []), Ye = rn(Je, 2), Ze = Ye[0], en = Ye[1];
|
|
1136
1214
|
// previous state
|
|
1137
|
-
var
|
|
1215
|
+
var tn = ue()(Ee);
|
|
1138
1216
|
// refs
|
|
1139
|
-
var
|
|
1217
|
+
var ln = (0, e.useRef)(null);
|
|
1140
1218
|
var on = (0, e.useRef)(null);
|
|
1141
|
-
var
|
|
1142
|
-
var
|
|
1143
|
-
var
|
|
1144
|
-
var
|
|
1145
|
-
var
|
|
1146
|
-
var
|
|
1147
|
-
var
|
|
1148
|
-
var
|
|
1149
|
-
var
|
|
1150
|
-
var
|
|
1151
|
-
var
|
|
1152
|
-
var
|
|
1153
|
-
var
|
|
1219
|
+
var an = (0, e.useRef)(null);
|
|
1220
|
+
var un = (0, e.useRef)([]);
|
|
1221
|
+
var sn = (0, e.useRef)([]);
|
|
1222
|
+
var fn = (0, e.useRef)(tn);
|
|
1223
|
+
var dn = (0, e.useRef)();
|
|
1224
|
+
var pn = (0, e.useRef)({});
|
|
1225
|
+
var vn = (0, e.useRef)(0);
|
|
1226
|
+
var bn = (0, e.useRef)([]);
|
|
1227
|
+
var mn = (0, e.useRef)(null);
|
|
1228
|
+
var yn = (0, e.useRef)();
|
|
1229
|
+
var gn = (0, e.useRef)(0);
|
|
1230
|
+
var wn = (0, e.useRef)("none");
|
|
1231
|
+
var jn = (0, e.useState)(O ? (0, se.createDOMID)("filter") : undefined), En = rn(jn, 1), Mn = En[0];
|
|
1154
1232
|
(0, e.useEffect)((function() {
|
|
1155
1233
|
if (false) {}
|
|
1156
1234
|
}), [ i, s, h, Z ]);
|
|
1157
|
-
var
|
|
1158
|
-
var e =
|
|
1235
|
+
var An = (0, e.useCallback)((function() {
|
|
1236
|
+
var e = he ? pe : Ze;
|
|
1159
1237
|
return I || e == null ? e : e.slice(0, 1);
|
|
1160
|
-
}), [
|
|
1161
|
-
var
|
|
1238
|
+
}), [ he, I, pe, Ze ]);
|
|
1239
|
+
var Tn = (0, e.useCallback)((function() {
|
|
1162
1240
|
var e;
|
|
1163
1241
|
// in non-multiple mode, don't move values to the top of the list
|
|
1164
|
-
return I &&
|
|
1165
|
-
}), [
|
|
1242
|
+
return I && ae !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
|
|
1243
|
+
}), [ An, I, ae ]);
|
|
1166
1244
|
var In = (0, e.useCallback)((function(e) {
|
|
1167
|
-
var n =
|
|
1168
|
-
|
|
1169
|
-
|
|
1245
|
+
var n = Te;
|
|
1246
|
+
Ne(true);
|
|
1247
|
+
Ue(Tn());
|
|
1170
1248
|
// SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
|
|
1171
1249
|
if (I) {
|
|
1172
|
-
|
|
1250
|
+
Ie("");
|
|
1173
1251
|
}
|
|
1174
|
-
if (n !==
|
|
1252
|
+
if (n !== Te) {
|
|
1175
1253
|
F === null || F === void 0 ? void 0 : F(e, {
|
|
1176
|
-
keyword:
|
|
1254
|
+
keyword: Te
|
|
1177
1255
|
});
|
|
1178
1256
|
}
|
|
1179
|
-
}), [
|
|
1257
|
+
}), [ Te, Tn, I, F ]);
|
|
1180
1258
|
(0, e.useEffect)((function() {
|
|
1181
|
-
if (
|
|
1259
|
+
if (De) {
|
|
1182
1260
|
X === null || X === void 0 ? void 0 : X();
|
|
1183
|
-
if (
|
|
1184
|
-
|
|
1261
|
+
if (mn.current && !O) {
|
|
1262
|
+
mn.current.focus();
|
|
1185
1263
|
} else {
|
|
1186
1264
|
var e;
|
|
1187
|
-
Re((e =
|
|
1265
|
+
Re((e = yn.current) !== null && e !== void 0 ? e : 0);
|
|
1188
1266
|
}
|
|
1189
1267
|
}
|
|
1190
|
-
}), [ X,
|
|
1191
|
-
var
|
|
1192
|
-
|
|
1268
|
+
}), [ X, De, $e, Te, O ]);
|
|
1269
|
+
var qn = (0, e.useCallback)((function() {
|
|
1270
|
+
Ne(false);
|
|
1193
1271
|
Re(0);
|
|
1194
|
-
|
|
1272
|
+
fn.current = null;
|
|
1195
1273
|
W === null || W === void 0 ? void 0 : W();
|
|
1196
1274
|
}), [ W ]);
|
|
1197
|
-
var
|
|
1198
|
-
var
|
|
1199
|
-
var
|
|
1200
|
-
var l =
|
|
1201
|
-
var
|
|
1275
|
+
var Ln = (0, e.useCallback)((function(e, n) {
|
|
1276
|
+
var r;
|
|
1277
|
+
var t = (r = An()) !== null && r !== void 0 ? r : [];
|
|
1278
|
+
var l = t.indexOf(n);
|
|
1279
|
+
var o;
|
|
1202
1280
|
if (I) {
|
|
1203
1281
|
if (l >= 0) {
|
|
1204
|
-
|
|
1282
|
+
o = [].concat(Qe(t.slice(0, l)), Qe(t.slice(l + 1)));
|
|
1205
1283
|
} else {
|
|
1206
|
-
|
|
1284
|
+
o = t.concat([ n ]);
|
|
1207
1285
|
}
|
|
1208
1286
|
} else {
|
|
1209
1287
|
// non-multiple mode must always have a value
|
|
1210
|
-
|
|
1288
|
+
o = [ n ];
|
|
1211
1289
|
}
|
|
1212
|
-
var
|
|
1213
|
-
if (
|
|
1214
|
-
|
|
1290
|
+
var a = !he;
|
|
1291
|
+
if (a) {
|
|
1292
|
+
en(o);
|
|
1215
1293
|
}
|
|
1216
1294
|
if (I) {
|
|
1217
1295
|
// in uncontrolled multiple mode, keep the menu open
|
|
1218
|
-
if (
|
|
1219
|
-
|
|
1296
|
+
if (a) {
|
|
1297
|
+
Ne(true);
|
|
1220
1298
|
}
|
|
1221
1299
|
} else {
|
|
1222
1300
|
var i;
|
|
1223
1301
|
// non-multiple mode only supports a single selection
|
|
1224
1302
|
// so close the menu once a selection is made
|
|
1225
|
-
|
|
1303
|
+
qn({
|
|
1226
1304
|
reason: "contentClick"
|
|
1227
1305
|
});
|
|
1228
|
-
(i =
|
|
1306
|
+
(i = ln.current) === null || i === void 0 ? void 0 : i.focus();
|
|
1229
1307
|
}
|
|
1230
|
-
|
|
1231
|
-
values:
|
|
1232
|
-
name:
|
|
1308
|
+
B === null || B === void 0 ? void 0 : B(e, {
|
|
1309
|
+
values: o,
|
|
1310
|
+
name: L,
|
|
1233
1311
|
reason: "valueToggle"
|
|
1234
1312
|
});
|
|
1235
|
-
}), [
|
|
1313
|
+
}), [ An, qn, he, I, L, B ]);
|
|
1236
1314
|
var Dn = function e() {
|
|
1237
1315
|
on.current = null;
|
|
1238
|
-
|
|
1239
|
-
if (
|
|
1240
|
-
clearTimeout(
|
|
1316
|
+
un.current = [];
|
|
1317
|
+
if (an.current) {
|
|
1318
|
+
clearTimeout(an.current);
|
|
1241
1319
|
}
|
|
1242
1320
|
};
|
|
1243
|
-
var
|
|
1244
|
-
var
|
|
1321
|
+
var Nn = (0, e.useCallback)((function(e) {
|
|
1322
|
+
var r;
|
|
1245
1323
|
// this doesn't make sense if we can't select multiple values
|
|
1246
1324
|
if (!I) {
|
|
1247
1325
|
return;
|
|
1248
1326
|
}
|
|
1249
|
-
var
|
|
1250
|
-
var l = z()(
|
|
1327
|
+
var t = (r = An()) !== null && r !== void 0 ? r : [];
|
|
1328
|
+
var l = z()(t.concat(bn.current));
|
|
1251
1329
|
l = n().Children.toArray(d).filter((function(e) {
|
|
1252
|
-
return
|
|
1330
|
+
return Sn(e) && _()(l, e.props.value) && (!e.props.disabled || _()(t, e.props.value));
|
|
1253
1331
|
})).map((function(e) {
|
|
1254
1332
|
return e.props.value;
|
|
1255
1333
|
}));
|
|
1256
|
-
if (!
|
|
1257
|
-
|
|
1334
|
+
if (!he) {
|
|
1335
|
+
en(l);
|
|
1258
1336
|
}
|
|
1259
|
-
|
|
1337
|
+
B === null || B === void 0 ? void 0 : B(e, {
|
|
1260
1338
|
values: l,
|
|
1261
|
-
name:
|
|
1339
|
+
name: L,
|
|
1262
1340
|
reason: "selectAll"
|
|
1263
1341
|
});
|
|
1264
|
-
}), [ d,
|
|
1265
|
-
var
|
|
1266
|
-
var
|
|
1342
|
+
}), [ d, An, he, I, L, B ]);
|
|
1343
|
+
var _n = (0, e.useCallback)((function(e) {
|
|
1344
|
+
var r;
|
|
1267
1345
|
// this doesn't make sense if we can't select multiple values
|
|
1268
1346
|
if (!I) {
|
|
1269
1347
|
return;
|
|
1270
1348
|
}
|
|
1271
|
-
var
|
|
1272
|
-
var l = $().apply(void 0, [
|
|
1349
|
+
var t = (r = An()) !== null && r !== void 0 ? r : [];
|
|
1350
|
+
var l = $().apply(void 0, [ t ].concat(Qe(bn.current)));
|
|
1273
1351
|
// this will unselect all selected values unless those values are disabled or hidden by the filter
|
|
1274
|
-
var
|
|
1275
|
-
return
|
|
1352
|
+
var o = n().Children.toArray(d).filter((function(e) {
|
|
1353
|
+
return Sn(e) && (_()(t, e.props.value) && e.props.disabled || _()(l, e.props.value));
|
|
1276
1354
|
})).map((function(e) {
|
|
1277
1355
|
return e.props.value;
|
|
1278
1356
|
}));
|
|
1279
|
-
if (!
|
|
1280
|
-
|
|
1357
|
+
if (!he) {
|
|
1358
|
+
en(o);
|
|
1281
1359
|
}
|
|
1282
|
-
|
|
1283
|
-
values:
|
|
1284
|
-
name:
|
|
1360
|
+
B === null || B === void 0 ? void 0 : B(e, {
|
|
1361
|
+
values: o,
|
|
1362
|
+
name: L,
|
|
1285
1363
|
reason: "clearAll"
|
|
1286
1364
|
});
|
|
1287
|
-
}), [ d,
|
|
1288
|
-
var
|
|
1289
|
-
if (
|
|
1365
|
+
}), [ d, An, he, I, L, B ]);
|
|
1366
|
+
var Bn = (0, e.useCallback)((function(e) {
|
|
1367
|
+
if (De && !j) {
|
|
1290
1368
|
K === null || K === void 0 ? void 0 : K(e);
|
|
1291
1369
|
}
|
|
1292
|
-
}), [
|
|
1370
|
+
}), [ De, j, K ]);
|
|
1293
1371
|
var Vn = (0, e.useCallback)((function(n) {
|
|
1294
|
-
var
|
|
1295
|
-
if (
|
|
1296
|
-
if (de &&
|
|
1372
|
+
var r = n.key;
|
|
1373
|
+
if (r === "Tab") {
|
|
1374
|
+
if (de && dn.current && vn.current <= 1) {
|
|
1297
1375
|
n.preventDefault();
|
|
1298
|
-
|
|
1376
|
+
Ln(n, dn.current);
|
|
1299
1377
|
}
|
|
1300
1378
|
}
|
|
1301
1379
|
if (n.shiftKey || n.metaKey || n.ctrlKey) {
|
|
1302
|
-
if (
|
|
1380
|
+
if (r === "a" && (n.ctrlKey || n.metaKey)) {
|
|
1303
1381
|
// handle control + A
|
|
1304
|
-
if (
|
|
1305
|
-
Bn(n);
|
|
1306
|
-
} else {
|
|
1382
|
+
if (wn.current === "all") {
|
|
1307
1383
|
_n(n);
|
|
1384
|
+
} else {
|
|
1385
|
+
Nn(n);
|
|
1308
1386
|
}
|
|
1309
1387
|
}
|
|
1310
1388
|
return;
|
|
1311
1389
|
}
|
|
1312
|
-
if (
|
|
1390
|
+
if (r === "ArrowDown") {
|
|
1313
1391
|
n.preventDefault();
|
|
1314
|
-
Re(Math.min(Ee + 1,
|
|
1392
|
+
Re(Math.min(Ee + 1, oe === "checkbox" ? vn.current : vn.current - 1));
|
|
1315
1393
|
if (d && K) {
|
|
1316
|
-
var
|
|
1317
|
-
var l = e.Children.toArray(d).length - (2 + ((
|
|
1394
|
+
var t;
|
|
1395
|
+
var l = e.Children.toArray(d).length - (2 + ((t = An()) !== null && t !== void 0 ? t : []).length);
|
|
1318
1396
|
if (Ee === l) {
|
|
1319
|
-
|
|
1397
|
+
Bn(n);
|
|
1320
1398
|
}
|
|
1321
1399
|
}
|
|
1322
1400
|
}
|
|
1323
|
-
if (
|
|
1401
|
+
if (r === "ArrowUp") {
|
|
1324
1402
|
n.preventDefault();
|
|
1325
1403
|
Re(Math.max(Ee - 1, 0));
|
|
1326
1404
|
}
|
|
1327
|
-
if (
|
|
1328
|
-
if (
|
|
1329
|
-
if (
|
|
1330
|
-
Bn(n);
|
|
1331
|
-
} else {
|
|
1405
|
+
if (r === "Enter" && dn.current && De) {
|
|
1406
|
+
if (dn.current === "selectAll") {
|
|
1407
|
+
if (wn.current === "all") {
|
|
1332
1408
|
_n(n);
|
|
1409
|
+
} else {
|
|
1410
|
+
Nn(n);
|
|
1333
1411
|
}
|
|
1334
1412
|
} else {
|
|
1335
1413
|
n.preventDefault();
|
|
1336
|
-
|
|
1414
|
+
Ln(n, dn.current);
|
|
1337
1415
|
}
|
|
1338
1416
|
}
|
|
1339
|
-
}), [ Ee, d,
|
|
1417
|
+
}), [ Ee, d, An, _n, Bn, Nn, K, De, oe, de, Ln ]);
|
|
1340
1418
|
var Kn = (0, e.useCallback)((function(e, n) {
|
|
1341
|
-
var
|
|
1419
|
+
var r = n.value;
|
|
1342
1420
|
e.preventDefault();
|
|
1343
|
-
if (!
|
|
1421
|
+
if (!De) {
|
|
1344
1422
|
return;
|
|
1345
1423
|
}
|
|
1346
|
-
|
|
1347
|
-
}), [
|
|
1424
|
+
Ln(e, r);
|
|
1425
|
+
}), [ De, Ln ]);
|
|
1348
1426
|
var Fn = (0, e.useCallback)((function(e, n) {
|
|
1349
|
-
var
|
|
1427
|
+
var r = e.nativeEvent.key;
|
|
1350
1428
|
// Checking for a single character to avoid complications from double-byte languages and emojis.
|
|
1351
|
-
if (
|
|
1352
|
-
var
|
|
1429
|
+
if (r.length === 1) {
|
|
1430
|
+
var t = [];
|
|
1353
1431
|
var l = {
|
|
1354
1432
|
index: 0,
|
|
1355
|
-
value:
|
|
1433
|
+
value: r
|
|
1356
1434
|
};
|
|
1357
1435
|
if (!on.current) {
|
|
1358
|
-
if (
|
|
1436
|
+
if (r === " ") {
|
|
1359
1437
|
Dn();
|
|
1360
1438
|
return;
|
|
1361
1439
|
}
|
|
1362
|
-
|
|
1363
|
-
} else if (
|
|
1440
|
+
t = Ke(sn.current, l);
|
|
1441
|
+
} else if (un.current.length > 1) {
|
|
1364
1442
|
l.index = on.current.index + 1;
|
|
1365
|
-
|
|
1443
|
+
t = Ke(un.current, l);
|
|
1366
1444
|
}
|
|
1367
|
-
if (
|
|
1368
|
-
var
|
|
1369
|
-
var
|
|
1445
|
+
if (t.length) {
|
|
1446
|
+
var o;
|
|
1447
|
+
var a = 0;
|
|
1370
1448
|
// If the active option is a first character match, cycle to the next matching option.
|
|
1371
|
-
if (l.index === 0 &&
|
|
1372
|
-
var i =
|
|
1449
|
+
if (l.index === 0 && t.length > 1) {
|
|
1450
|
+
var i = t.indexOf(sn.current[n]);
|
|
1373
1451
|
if (i >= 0) {
|
|
1374
|
-
|
|
1452
|
+
a = i === t.length - 1 ? 0 : i + 1;
|
|
1375
1453
|
}
|
|
1376
1454
|
}
|
|
1377
|
-
var u =
|
|
1455
|
+
var u = t[a];
|
|
1378
1456
|
var c = u.value, s = u.label;
|
|
1379
|
-
var f =
|
|
1380
|
-
f === null || f === void 0 ? void 0 : (
|
|
1457
|
+
var f = pn.current[Cn(c, s)];
|
|
1458
|
+
f === null || f === void 0 ? void 0 : (o = f.focus) === null || o === void 0 ? void 0 : o.call(f);
|
|
1381
1459
|
}
|
|
1382
|
-
|
|
1460
|
+
un.current = t;
|
|
1383
1461
|
on.current = l;
|
|
1384
|
-
if (
|
|
1385
|
-
clearTimeout(
|
|
1462
|
+
if (an.current) {
|
|
1463
|
+
clearTimeout(an.current);
|
|
1386
1464
|
}
|
|
1387
|
-
|
|
1465
|
+
an.current = setTimeout(Dn, 500);
|
|
1388
1466
|
e.preventDefault();
|
|
1389
1467
|
e.stopPropagation();
|
|
1390
1468
|
}
|
|
1391
1469
|
}), []);
|
|
1392
1470
|
var Hn = (0, e.useCallback)((function(e, n) {
|
|
1393
|
-
var
|
|
1394
|
-
|
|
1395
|
-
|
|
1471
|
+
var r = n.value;
|
|
1472
|
+
Ie(r);
|
|
1473
|
+
Ne(true);
|
|
1396
1474
|
Re(0);
|
|
1397
1475
|
F === null || F === void 0 ? void 0 : F(e, {
|
|
1398
|
-
keyword:
|
|
1476
|
+
keyword: r
|
|
1399
1477
|
});
|
|
1400
1478
|
}), [ F ]);
|
|
1401
1479
|
var zn = (0, e.useCallback)((function() {
|
|
1402
|
-
|
|
1480
|
+
He(true);
|
|
1403
1481
|
}), []);
|
|
1404
1482
|
var Wn = (0, e.useCallback)((function() {
|
|
1405
|
-
|
|
1483
|
+
He(false);
|
|
1406
1484
|
}), []);
|
|
1407
1485
|
var $n = (0, e.useCallback)((function(e) {
|
|
1408
|
-
if (
|
|
1486
|
+
if (fn.current !== Ee) {
|
|
1409
1487
|
(0, fe.scrollIntoViewIfNeeded)(e);
|
|
1410
1488
|
}
|
|
1411
1489
|
}), [ Ee ]);
|
|
1412
|
-
var Xn = (0, e.useCallback)((function(e, n,
|
|
1413
|
-
if (
|
|
1414
|
-
|
|
1490
|
+
var Xn = (0, e.useCallback)((function(e, n, r) {
|
|
1491
|
+
if (r) {
|
|
1492
|
+
mn.current = e;
|
|
1415
1493
|
}
|
|
1416
1494
|
if (e == null) {
|
|
1417
|
-
delete
|
|
1495
|
+
delete pn.current[n];
|
|
1418
1496
|
} else {
|
|
1419
|
-
|
|
1497
|
+
pn.current[n] = e;
|
|
1420
1498
|
}
|
|
1421
|
-
}), [
|
|
1499
|
+
}), [ pn ]);
|
|
1422
1500
|
var Un = (0, e.useCallback)((function(e) {
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
}), [
|
|
1501
|
+
ln.current = e;
|
|
1502
|
+
Ge(g, e);
|
|
1503
|
+
}), [ g, ln ]);
|
|
1426
1504
|
var Jn = (0, e.useMemo)((function() {
|
|
1427
1505
|
var e;
|
|
1428
|
-
return (e =
|
|
1429
|
-
}), [
|
|
1506
|
+
return (e = An()) !== null && e !== void 0 ? e : [];
|
|
1507
|
+
}), [ An ]);
|
|
1430
1508
|
var Gn = e.Children.toArray(d);
|
|
1431
1509
|
var Qn = Jn.some((function(e) {
|
|
1432
|
-
var n =
|
|
1433
|
-
return
|
|
1510
|
+
var n = T()(Gn, (function(n) {
|
|
1511
|
+
return Sn(n) && n.props.value === e;
|
|
1434
1512
|
}));
|
|
1435
1513
|
return n && !n.props.disabled;
|
|
1436
1514
|
}));
|
|
1437
|
-
var Yn =
|
|
1515
|
+
var Yn = ae === "immediately" ? Tn() : $e;
|
|
1438
1516
|
var Zn = (0, e.useMemo)((function() {
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
var
|
|
1517
|
+
vn.current = 0;
|
|
1518
|
+
yn.current = undefined;
|
|
1519
|
+
gn.current = 0;
|
|
1520
|
+
dn.current = undefined;
|
|
1521
|
+
sn.current = [];
|
|
1522
|
+
var r = function e(n, r) {
|
|
1445
1523
|
return function(e) {
|
|
1446
|
-
return Xn(e, n,
|
|
1524
|
+
return Xn(e, n, r);
|
|
1447
1525
|
};
|
|
1448
1526
|
};
|
|
1449
|
-
var
|
|
1450
|
-
var
|
|
1451
|
-
var
|
|
1527
|
+
var t;
|
|
1528
|
+
var o = 0;
|
|
1529
|
+
var a = false;
|
|
1452
1530
|
// used to avoid overwriting the selected item ref in multiple mode
|
|
1453
1531
|
var i;
|
|
1454
1532
|
var s = e.Children.toArray(d).reduce((function(u, s, f) {
|
|
1455
1533
|
// ignore Headings and Dividers
|
|
1456
|
-
if (!
|
|
1534
|
+
if (!Sn(s)) {
|
|
1457
1535
|
u.push(s);
|
|
1458
1536
|
return u;
|
|
1459
1537
|
}
|
|
1460
1538
|
var d = s.props, p = d.disabled, v = d.hidden, b = d.label, m = d.value;
|
|
1461
1539
|
// Find out if the search string exactly matches a value
|
|
1462
|
-
if (m ===
|
|
1463
|
-
|
|
1540
|
+
if (m === Te) {
|
|
1541
|
+
t = true;
|
|
1464
1542
|
}
|
|
1465
|
-
var
|
|
1466
|
-
var
|
|
1543
|
+
var y = Jn && Jn.indexOf(m) >= 0;
|
|
1544
|
+
var g = !!y && !p && !i;
|
|
1467
1545
|
var h = l && !I && !O && !j && !K;
|
|
1468
|
-
var
|
|
1469
|
-
var
|
|
1546
|
+
var S = Cn(m, b);
|
|
1547
|
+
var C = -1;
|
|
1470
1548
|
if (h && !p && !v) {
|
|
1471
|
-
|
|
1549
|
+
sn.current.push({
|
|
1472
1550
|
label: b,
|
|
1473
1551
|
value: m
|
|
1474
1552
|
});
|
|
1475
|
-
|
|
1553
|
+
C = sn.current.length - 1;
|
|
1476
1554
|
}
|
|
1477
1555
|
// Format the Menu.Item
|
|
1478
|
-
var
|
|
1479
|
-
elementRef:
|
|
1556
|
+
var w = (0, e.cloneElement)(s, {
|
|
1557
|
+
elementRef: r(S, g),
|
|
1480
1558
|
key: s.key || f,
|
|
1481
1559
|
onClick: Kn,
|
|
1482
1560
|
onKeyDown: h ? function(e) {
|
|
1483
|
-
return Fn(e,
|
|
1561
|
+
return Fn(e, C);
|
|
1484
1562
|
} : undefined,
|
|
1485
|
-
selected:
|
|
1563
|
+
selected: y,
|
|
1486
1564
|
multiple: I,
|
|
1487
1565
|
role: "option"
|
|
1488
1566
|
});
|
|
1489
|
-
if (
|
|
1567
|
+
if (g) {
|
|
1490
1568
|
i = true;
|
|
1491
1569
|
}
|
|
1492
1570
|
if (Yn && Yn.indexOf(m) >= 0) {
|
|
1493
|
-
if (
|
|
1494
|
-
u.splice(
|
|
1571
|
+
if (o === 0) {
|
|
1572
|
+
u.splice(o, 0, n().createElement(c.Divider, {
|
|
1495
1573
|
key: "topDivider"
|
|
1496
1574
|
}));
|
|
1497
|
-
|
|
1575
|
+
a = true;
|
|
1498
1576
|
}
|
|
1499
|
-
u.splice(
|
|
1500
|
-
|
|
1577
|
+
u.splice(o, 0, w);
|
|
1578
|
+
o += 1;
|
|
1501
1579
|
} else {
|
|
1502
|
-
u.push(
|
|
1580
|
+
u.push(w);
|
|
1503
1581
|
}
|
|
1504
1582
|
return u;
|
|
1505
1583
|
}), []);
|
|
1506
1584
|
// In multiple mode, add missing items
|
|
1507
1585
|
if (I) {
|
|
1508
|
-
|
|
1509
|
-
var l =
|
|
1510
|
-
return
|
|
1586
|
+
q()(Jn, (function(e) {
|
|
1587
|
+
var l = T()(s, (function(n) {
|
|
1588
|
+
return Sn(n) && n.props && n.props.value === e;
|
|
1511
1589
|
}));
|
|
1512
1590
|
if (!l) {
|
|
1513
|
-
if (e ===
|
|
1514
|
-
|
|
1591
|
+
if (e === Te) {
|
|
1592
|
+
t = true;
|
|
1515
1593
|
}
|
|
1516
1594
|
var i = Yn && Yn.indexOf(e) >= 0;
|
|
1517
1595
|
var u = Yn.length;
|
|
1518
|
-
if (
|
|
1596
|
+
if (o === 0) {
|
|
1519
1597
|
s.splice(0, 0, n().createElement(c.Divider, {
|
|
1520
1598
|
key: "topDivider"
|
|
1521
1599
|
}));
|
|
1522
|
-
|
|
1523
|
-
|
|
1600
|
+
o += 1;
|
|
1601
|
+
a = true;
|
|
1524
1602
|
}
|
|
1525
1603
|
var f = String(e);
|
|
1526
|
-
var d =
|
|
1527
|
-
s.splice(i ? 0 : u + 1, 0, n().createElement(
|
|
1528
|
-
elementRef:
|
|
1604
|
+
var d = Cn(e, f);
|
|
1605
|
+
s.splice(i ? 0 : u + 1, 0, n().createElement(S, {
|
|
1606
|
+
elementRef: r(d),
|
|
1529
1607
|
label: f,
|
|
1530
1608
|
value: e,
|
|
1531
1609
|
key: "missing-value-".concat(e),
|
|
@@ -1534,194 +1612,194 @@
|
|
|
1534
1612
|
selected: true
|
|
1535
1613
|
}));
|
|
1536
1614
|
if (i) {
|
|
1537
|
-
|
|
1615
|
+
o += 1;
|
|
1538
1616
|
}
|
|
1539
1617
|
}
|
|
1540
1618
|
}));
|
|
1541
1619
|
}
|
|
1542
1620
|
var p = O === "controlled";
|
|
1543
1621
|
// Filter the items
|
|
1544
|
-
var v = (0, ce.stringToKeywords)(
|
|
1622
|
+
var v = (0, ce.stringToKeywords)(Te);
|
|
1545
1623
|
s = p ? s : s.filter((function(e) {
|
|
1546
|
-
if (
|
|
1624
|
+
if (Sn(e)) {
|
|
1547
1625
|
return (0, ce.testPhrase)(e.props.label, v);
|
|
1548
1626
|
}
|
|
1549
1627
|
return true;
|
|
1550
1628
|
// Keep all headers and non-interactive options
|
|
1551
1629
|
})).map((function(n) {
|
|
1552
|
-
if (!
|
|
1630
|
+
if (!Sn(n)) {
|
|
1553
1631
|
return n;
|
|
1554
1632
|
}
|
|
1555
1633
|
// highlight matched text
|
|
1556
|
-
var
|
|
1634
|
+
var r = v && (0, ce.keywordLocations)(n.props.label, v);
|
|
1557
1635
|
|
|
1558
1636
|
return (0, e.cloneElement)(n, {
|
|
1559
|
-
matchRanges:
|
|
1637
|
+
matchRanges: r || undefined
|
|
1560
1638
|
});
|
|
1561
1639
|
}));
|
|
1562
1640
|
// Add the option to add the new value
|
|
1563
|
-
if (f && !
|
|
1564
|
-
var b =
|
|
1565
|
-
var m = "".concat(
|
|
1566
|
-
var
|
|
1567
|
-
s.splice(b, 0, n().createElement(
|
|
1568
|
-
elementRef:
|
|
1641
|
+
if (f && !t && Te) {
|
|
1642
|
+
var b = a ? o + 1 : o;
|
|
1643
|
+
var m = "".concat(Te, " (new value)");
|
|
1644
|
+
var y = Cn(Te, m);
|
|
1645
|
+
s.splice(b, 0, n().createElement(S, {
|
|
1646
|
+
elementRef: r(y),
|
|
1569
1647
|
label: m,
|
|
1570
|
-
value:
|
|
1648
|
+
value: Te,
|
|
1571
1649
|
key: "newValue",
|
|
1572
1650
|
multiple: I,
|
|
1573
1651
|
onClick: Kn
|
|
1574
1652
|
}));
|
|
1575
1653
|
}
|
|
1576
1654
|
// When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
|
|
1577
|
-
var
|
|
1655
|
+
var g = oe === "checkbox" && I && s.length > 1 ? 1 : 0;
|
|
1578
1656
|
var h = true;
|
|
1579
1657
|
// Highlight the selected Items and remove hidden
|
|
1580
|
-
s = s.reduce((function(n,
|
|
1658
|
+
s = s.reduce((function(n, r) {
|
|
1581
1659
|
// ignore Dividers & Headings
|
|
1582
|
-
if (!
|
|
1583
|
-
n.push(
|
|
1660
|
+
if (!Sn(r)) {
|
|
1661
|
+
n.push(r);
|
|
1584
1662
|
return n;
|
|
1585
1663
|
}
|
|
1586
1664
|
// Ignore any hidden items
|
|
1587
|
-
if (
|
|
1665
|
+
if (r.props && r.props.hidden) {
|
|
1588
1666
|
return n;
|
|
1589
1667
|
}
|
|
1590
|
-
if (
|
|
1591
|
-
|
|
1668
|
+
if (r.props.selected && !r.props.disabled && yn.current == null) {
|
|
1669
|
+
yn.current = vn.current;
|
|
1592
1670
|
}
|
|
1593
|
-
var
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
if (
|
|
1671
|
+
var t = g === Ee;
|
|
1672
|
+
g += 1;
|
|
1673
|
+
vn.current += 1;
|
|
1674
|
+
gn.current += r.props.selected ? 1 : 0;
|
|
1675
|
+
if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
|
|
1598
1676
|
h = false;
|
|
1599
1677
|
}
|
|
1600
|
-
if (!
|
|
1601
|
-
n.push(
|
|
1678
|
+
if (!t || !Fe) {
|
|
1679
|
+
n.push(r);
|
|
1602
1680
|
return n;
|
|
1603
1681
|
}
|
|
1604
|
-
if (!
|
|
1605
|
-
|
|
1682
|
+
if (!r.props.disabled) {
|
|
1683
|
+
dn.current = r.props.value;
|
|
1606
1684
|
}
|
|
1607
|
-
var l = (0, e.cloneElement)(
|
|
1608
|
-
active:
|
|
1685
|
+
var l = (0, e.cloneElement)(r, {
|
|
1686
|
+
active: t,
|
|
1609
1687
|
elementRef: $n,
|
|
1610
|
-
id:
|
|
1688
|
+
id: ke
|
|
1611
1689
|
});
|
|
1612
1690
|
n.push(l);
|
|
1613
1691
|
return n;
|
|
1614
1692
|
}), []);
|
|
1615
|
-
|
|
1693
|
+
wn.current = gn.current === 0 && "none" || h && "all" || "some";
|
|
1616
1694
|
// add select all option
|
|
1617
|
-
if (
|
|
1618
|
-
var
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1695
|
+
if (oe === "checkbox" && I && vn.current > 0) {
|
|
1696
|
+
var C = Ee === 0 && Fe;
|
|
1697
|
+
var w;
|
|
1698
|
+
if (wn.current === "all") {
|
|
1699
|
+
if (Te === "") {
|
|
1700
|
+
w = (0, u._)("Clear all");
|
|
1622
1701
|
} else {
|
|
1623
|
-
|
|
1702
|
+
w = (0, u._)("Clear all matches");
|
|
1624
1703
|
}
|
|
1625
|
-
} else if (
|
|
1626
|
-
|
|
1704
|
+
} else if (Te === "") {
|
|
1705
|
+
w = (0, u._)("Select all");
|
|
1627
1706
|
} else {
|
|
1628
|
-
|
|
1707
|
+
w = (0, u._)("Select all matches");
|
|
1629
1708
|
}
|
|
1630
|
-
if (
|
|
1631
|
-
|
|
1709
|
+
if (C) {
|
|
1710
|
+
dn.current = "selectAll";
|
|
1632
1711
|
}
|
|
1633
|
-
s.unshift( n().createElement(
|
|
1712
|
+
s.unshift( n().createElement(we, {
|
|
1634
1713
|
key: "select-all-option",
|
|
1635
|
-
active:
|
|
1636
|
-
changedToggle: !!me,
|
|
1714
|
+
active: C,
|
|
1637
1715
|
elementRef: $n,
|
|
1638
|
-
id:
|
|
1639
|
-
onClick:
|
|
1640
|
-
|
|
1641
|
-
selected:
|
|
1642
|
-
totalCount: Jn.length,
|
|
1643
|
-
tabIndex: -1
|
|
1716
|
+
id: C ? ke : undefined,
|
|
1717
|
+
onClick: wn.current === "all" ? _n : Nn,
|
|
1718
|
+
label: w,
|
|
1719
|
+
selected: wn.current === "all" || wn.current !== "none" && "some",
|
|
1720
|
+
totalCount: !!be && Jn.length || undefined,
|
|
1721
|
+
tabIndex: Fe ? -1 : undefined
|
|
1644
1722
|
}), n().createElement(c.Divider, {
|
|
1645
1723
|
key: "selectAllDivider"
|
|
1646
1724
|
}));
|
|
1647
1725
|
}
|
|
1648
|
-
|
|
1649
|
-
if (
|
|
1726
|
+
bn.current = s.reduce((function(e, n) {
|
|
1727
|
+
if (Sn(n)) {
|
|
1650
1728
|
e.push(n.props.value);
|
|
1651
1729
|
}
|
|
1652
1730
|
return e;
|
|
1653
1731
|
}), []);
|
|
1654
1732
|
return s;
|
|
1655
|
-
}), [ Ee,
|
|
1656
|
-
var
|
|
1657
|
-
var
|
|
1658
|
-
var u =
|
|
1659
|
-
anchorWidth:
|
|
1733
|
+
}), [ Ee, ke, l, f, d, Jn, O, Te, $n, _n, Kn, Fn, Xn, Nn, j, I, Yn, K, oe, Fe, be ]);
|
|
1734
|
+
var er = function e(r) {
|
|
1735
|
+
var t = r.anchorWidth, l = r.maxHeight, a = r.placement, i = r.toggleId;
|
|
1736
|
+
var u = hn({
|
|
1737
|
+
anchorWidth: t,
|
|
1660
1738
|
isMultiple: I,
|
|
1661
1739
|
maxHeight: l,
|
|
1662
|
-
menuStyle:
|
|
1740
|
+
menuStyle: A
|
|
1663
1741
|
});
|
|
1664
1742
|
var c = Jn.length > 0 && !Qn && !O ? 0 : undefined;
|
|
1665
1743
|
var s = {
|
|
1666
1744
|
"aria-multiselectable": I || undefined,
|
|
1667
|
-
childrenStart: !!O && n().createElement(
|
|
1668
|
-
activeItemId:
|
|
1669
|
-
filterA11yId:
|
|
1670
|
-
filterKeyword:
|
|
1745
|
+
childrenStart: !!O && n().createElement(Pn, {
|
|
1746
|
+
activeItemId: ke,
|
|
1747
|
+
filterA11yId: Mn,
|
|
1748
|
+
filterKeyword: Te,
|
|
1671
1749
|
hasChildren: Zn.some((function(e) {
|
|
1672
|
-
return
|
|
1750
|
+
return Sn(e);
|
|
1673
1751
|
})),
|
|
1674
|
-
inputId:
|
|
1752
|
+
inputId: k,
|
|
1675
1753
|
inputRef: x,
|
|
1676
1754
|
menuListboxId: xe,
|
|
1677
1755
|
multiple: I,
|
|
1678
|
-
onClearAll:
|
|
1679
|
-
onSelectAll:
|
|
1756
|
+
onClearAll: _n,
|
|
1757
|
+
onSelectAll: Nn,
|
|
1680
1758
|
onTextBlur: Wn,
|
|
1681
1759
|
onTextChange: Hn,
|
|
1682
1760
|
onTextFocus: zn,
|
|
1683
1761
|
onTextKeyDown: Vn,
|
|
1684
|
-
optionSelection:
|
|
1685
|
-
placement:
|
|
1686
|
-
selectAllAppearance:
|
|
1687
|
-
textHasFocus:
|
|
1762
|
+
optionSelection: wn,
|
|
1763
|
+
placement: a,
|
|
1764
|
+
selectAllAppearance: oe,
|
|
1765
|
+
textHasFocus: Fe
|
|
1688
1766
|
}),
|
|
1689
1767
|
focusMode: O ? "never" : undefined,
|
|
1690
1768
|
isLoading: j,
|
|
1691
|
-
labelledBy: "".concat(
|
|
1769
|
+
labelledBy: "".concat(Mn !== null && Mn !== void 0 ? Mn : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
|
|
1692
1770
|
// NVDA ignores aria-labelledby attribute on popover, but reads it on menu
|
|
1693
1771
|
menuId: xe,
|
|
1694
|
-
onScrollBottom: K ?
|
|
1695
|
-
placement:
|
|
1696
|
-
noOptionsMessage:
|
|
1697
|
-
footerMessage:
|
|
1698
|
-
animateLoading:
|
|
1772
|
+
onScrollBottom: K ? Bn : undefined,
|
|
1773
|
+
placement: a !== null && a !== void 0 ? a : undefined,
|
|
1774
|
+
noOptionsMessage: N,
|
|
1775
|
+
footerMessage: C,
|
|
1776
|
+
animateLoading: o,
|
|
1699
1777
|
loadingMessage: R,
|
|
1700
1778
|
onScroll: V,
|
|
1701
1779
|
style: u,
|
|
1702
1780
|
tabIndex: c
|
|
1703
1781
|
};
|
|
1704
|
-
if (
|
|
1782
|
+
if (ve) {
|
|
1705
1783
|
|
|
1706
|
-
return n().createElement(ne.VirtualizedResultsMenu,
|
|
1707
|
-
virtualization:
|
|
1784
|
+
return n().createElement(ne.VirtualizedResultsMenu, nn({
|
|
1785
|
+
virtualization: ve
|
|
1708
1786
|
}, s), Zn);
|
|
1709
1787
|
}
|
|
1710
1788
|
|
|
1711
|
-
return n().createElement(
|
|
1789
|
+
return n().createElement(re(), s, Zn);
|
|
1712
1790
|
};
|
|
1713
|
-
var
|
|
1791
|
+
var nr = (0, e.useMemo)((function() {
|
|
1714
1792
|
|
|
1715
|
-
return n().createElement(
|
|
1793
|
+
return n().createElement(Rn, nn({
|
|
1716
1794
|
appearance: i,
|
|
1717
1795
|
append: s,
|
|
1718
|
-
currentValues:
|
|
1796
|
+
currentValues: An(),
|
|
1719
1797
|
"data-test": I ? "multiselect" : "select",
|
|
1720
1798
|
describedBy: m,
|
|
1721
|
-
disabled:
|
|
1799
|
+
disabled: y,
|
|
1722
1800
|
elementRef: Un,
|
|
1723
1801
|
error: h,
|
|
1724
|
-
inline:
|
|
1802
|
+
inline: w,
|
|
1725
1803
|
labelText: E,
|
|
1726
1804
|
labelledBy: P,
|
|
1727
1805
|
multiple: I,
|
|
@@ -1731,123 +1809,148 @@
|
|
|
1731
1809
|
prepend: Z,
|
|
1732
1810
|
required: U,
|
|
1733
1811
|
suffixLabel: ie,
|
|
1734
|
-
toggle:
|
|
1812
|
+
toggle: be,
|
|
1735
1813
|
toggleContent: ye
|
|
1736
|
-
},
|
|
1737
|
-
}), [ i, s,
|
|
1814
|
+
}, ge), d);
|
|
1815
|
+
}), [ i, s, An, I, m, y, h, Un, w, E, P, H, G, Q, Z, U, ie, be, ye, ge, d ]);
|
|
1738
1816
|
|
|
1739
1817
|
return n().createElement(Y(), {
|
|
1740
|
-
closeReasons:
|
|
1741
|
-
inputId:
|
|
1742
|
-
"aria-labelledby":
|
|
1743
|
-
toggle:
|
|
1818
|
+
closeReasons: On,
|
|
1819
|
+
inputId: k,
|
|
1820
|
+
"aria-labelledby": Mn,
|
|
1821
|
+
toggle: nr,
|
|
1744
1822
|
onRequestOpen: In,
|
|
1745
|
-
onRequestClose:
|
|
1746
|
-
open:
|
|
1823
|
+
onRequestClose: qn,
|
|
1824
|
+
open: De,
|
|
1747
1825
|
openWithArrowKeys: true,
|
|
1748
|
-
repositionMode:
|
|
1826
|
+
repositionMode: te,
|
|
1749
1827
|
defaultPlacement: v,
|
|
1750
|
-
canCoverAnchor:
|
|
1828
|
+
canCoverAnchor: Xe().innerHeight < 500,
|
|
1751
1829
|
retainFocus: false,
|
|
1752
1830
|
takeFocus: Jn.length === 0 || Jn.length > 0 && !Qn || !!O
|
|
1753
|
-
},
|
|
1831
|
+
}, er);
|
|
1754
1832
|
}
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
/* harmony default export */ const
|
|
1833
|
+
Mn.propTypes = yn;
|
|
1834
|
+
Mn.componentType = "SelectBase";
|
|
1835
|
+
Mn.Option = S;
|
|
1836
|
+
Mn.Divider = c.Divider;
|
|
1837
|
+
Mn.Heading = c.Heading;
|
|
1838
|
+
/* harmony default export */ const An = Mn;
|
|
1839
|
+
// CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
|
|
1840
|
+
var Tn = "is deprecated and will be removed in the next major version.";
|
|
1841
|
+
var In = function e(n) {
|
|
1842
|
+
var r = n.additionalMessage, t = r === void 0 ? "" : r, l = n.componentName;
|
|
1843
|
+
useEffect((function() {
|
|
1844
|
+
if (false) {}
|
|
1845
|
+
}), [ t, l ]);
|
|
1846
|
+
};
|
|
1847
|
+
var qn = function e(n) {
|
|
1848
|
+
var r = n.additionalMessage, t = r === void 0 ? "" : r, l = n.componentName, o = n.propName, a = n.propValue;
|
|
1849
|
+
useEffect((function() {
|
|
1850
|
+
if (false) {}
|
|
1851
|
+
}), [ t, l, o, a ]);
|
|
1852
|
+
};
|
|
1853
|
+
var Ln = function n(r) {
|
|
1854
|
+
var t = r.additionalMessage, l = t === void 0 ? "" : t, o = r.componentName, a = r.deprecatedPropValue, i = r.propName, u = r.propValue;
|
|
1855
|
+
(0, e.useEffect)((function() {
|
|
1856
|
+
if (false) {}
|
|
1857
|
+
}), [ l, o, i, u, a ]);
|
|
1858
|
+
};
|
|
1761
1859
|
// CONCATENATED MODULE: ./src/Select/Select.tsx
|
|
1762
|
-
function
|
|
1763
|
-
return
|
|
1860
|
+
function Dn() {
|
|
1861
|
+
return Dn = Object.assign ? Object.assign.bind() : function(e) {
|
|
1764
1862
|
for (var n = 1; n < arguments.length; n++) {
|
|
1765
|
-
var
|
|
1766
|
-
for (var
|
|
1767
|
-
({}).hasOwnProperty.call(
|
|
1863
|
+
var r = arguments[n];
|
|
1864
|
+
for (var t in r) {
|
|
1865
|
+
({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
|
|
1768
1866
|
}
|
|
1769
1867
|
}
|
|
1770
1868
|
return e;
|
|
1771
|
-
},
|
|
1869
|
+
}, Dn.apply(null, arguments);
|
|
1772
1870
|
}
|
|
1773
|
-
function
|
|
1871
|
+
function Nn(e, n) {
|
|
1774
1872
|
if (null == e) return {};
|
|
1775
|
-
var
|
|
1873
|
+
var r, t, l = _n(e, n);
|
|
1776
1874
|
if (Object.getOwnPropertySymbols) {
|
|
1777
|
-
var
|
|
1778
|
-
for (
|
|
1779
|
-
|
|
1875
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
1876
|
+
for (t = 0; t < o.length; t++) {
|
|
1877
|
+
r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
|
|
1780
1878
|
}
|
|
1781
1879
|
}
|
|
1782
1880
|
return l;
|
|
1783
1881
|
}
|
|
1784
|
-
function
|
|
1882
|
+
function _n(e, n) {
|
|
1785
1883
|
if (null == e) return {};
|
|
1786
|
-
var
|
|
1787
|
-
for (var
|
|
1788
|
-
if ({}.hasOwnProperty.call(e,
|
|
1789
|
-
if (n.
|
|
1790
|
-
t
|
|
1884
|
+
var r = {};
|
|
1885
|
+
for (var t in e) {
|
|
1886
|
+
if ({}.hasOwnProperty.call(e, t)) {
|
|
1887
|
+
if (-1 !== n.indexOf(t)) continue;
|
|
1888
|
+
r[t] = e[t];
|
|
1791
1889
|
}
|
|
1792
1890
|
}
|
|
1793
|
-
return
|
|
1891
|
+
return r;
|
|
1794
1892
|
}
|
|
1795
1893
|
/** @public */
|
|
1796
1894
|
/** @public */
|
|
1797
|
-
/** @public */ var
|
|
1798
|
-
allowKeyMatching:
|
|
1799
|
-
animateLoading:
|
|
1800
|
-
appearance:
|
|
1801
|
-
append:
|
|
1802
|
-
children:
|
|
1803
|
-
defaultPlacement:
|
|
1804
|
-
defaultValue:
|
|
1805
|
-
describedBy:
|
|
1806
|
-
disabled:
|
|
1807
|
-
elementRef:
|
|
1808
|
-
error:
|
|
1809
|
-
filter:
|
|
1810
|
-
footerMessage:
|
|
1811
|
-
inline:
|
|
1812
|
-
inputId:
|
|
1813
|
-
inputRef:
|
|
1814
|
-
isLoadingOptions:
|
|
1815
|
-
labelledBy:
|
|
1816
|
-
labelText:
|
|
1817
|
-
loadingMessage:
|
|
1818
|
-
menuStyle:
|
|
1819
|
-
name:
|
|
1820
|
-
noOptionsMessage:
|
|
1821
|
-
onChange:
|
|
1822
|
-
onClose:
|
|
1823
|
-
onFilterChange:
|
|
1824
|
-
onOpen:
|
|
1825
|
-
onScroll:
|
|
1826
|
-
onScrollBottom:
|
|
1827
|
-
placeholder:
|
|
1828
|
-
prefixLabel:
|
|
1829
|
-
prepend:
|
|
1830
|
-
repositionMode:
|
|
1831
|
-
suffixLabel:
|
|
1832
|
-
toggleContent:
|
|
1895
|
+
/** @public */ var Bn = {
|
|
1896
|
+
allowKeyMatching: o().bool,
|
|
1897
|
+
animateLoading: o().bool,
|
|
1898
|
+
appearance: o().oneOf([ "default", "link", "subtle" ]),
|
|
1899
|
+
append: o().bool,
|
|
1900
|
+
children: o().node,
|
|
1901
|
+
defaultPlacement: o().oneOf([ "above", "below", "vertical" ]),
|
|
1902
|
+
defaultValue: o().oneOfType([ o().string, o().number, o().bool ]),
|
|
1903
|
+
describedBy: o().string,
|
|
1904
|
+
disabled: o().bool,
|
|
1905
|
+
elementRef: o().oneOfType([ o().func, o().object ]),
|
|
1906
|
+
error: o().bool,
|
|
1907
|
+
filter: o().oneOf([ false, true, "controlled" ]),
|
|
1908
|
+
footerMessage: o().node,
|
|
1909
|
+
inline: o().bool,
|
|
1910
|
+
inputId: o().string,
|
|
1911
|
+
inputRef: o().oneOfType([ o().func, o().object ]),
|
|
1912
|
+
isLoadingOptions: o().bool,
|
|
1913
|
+
labelledBy: o().string,
|
|
1914
|
+
labelText: o().string,
|
|
1915
|
+
loadingMessage: o().node,
|
|
1916
|
+
menuStyle: o().object,
|
|
1917
|
+
name: o().string,
|
|
1918
|
+
noOptionsMessage: o().node,
|
|
1919
|
+
onChange: o().func,
|
|
1920
|
+
onClose: o().func,
|
|
1921
|
+
onFilterChange: o().func,
|
|
1922
|
+
onOpen: o().func,
|
|
1923
|
+
onScroll: o().func,
|
|
1924
|
+
onScrollBottom: o().func,
|
|
1925
|
+
placeholder: o().string,
|
|
1926
|
+
prefixLabel: o().string,
|
|
1927
|
+
prepend: o().bool,
|
|
1928
|
+
repositionMode: o().oneOf([ "none", "flip" ]),
|
|
1929
|
+
suffixLabel: o().string,
|
|
1930
|
+
toggleContent: o().oneOf([ "optionChildren", "optionLabel" ]),
|
|
1833
1931
|
/** @private. */
|
|
1834
|
-
toggle:
|
|
1835
|
-
value:
|
|
1932
|
+
toggle: o().node,
|
|
1933
|
+
value: o().oneOfType([ o().string, o().number, o().bool ]),
|
|
1836
1934
|
/** @private. */
|
|
1837
|
-
virtualization:
|
|
1935
|
+
virtualization: o().number
|
|
1838
1936
|
};
|
|
1839
|
-
var
|
|
1840
|
-
var
|
|
1841
|
-
function
|
|
1842
|
-
var
|
|
1937
|
+
var Vn = (0, u._)("No matches");
|
|
1938
|
+
var Kn = (0, u._)("Select...");
|
|
1939
|
+
function Fn(r) {
|
|
1940
|
+
var t = r.allowKeyMatching, l = t === void 0 ? true : t, o = r.appearance, a = o === void 0 ? "default" : o, u = r.defaultPlacement, c = u === void 0 ? "vertical" : u, s = r.defaultValue, f = r.inline, d = f === void 0 ? true : f, p = r.noOptionsMessage, v = p === void 0 ? Vn : p, b = r.onChange, m = r.placeholder, y = m === void 0 ? Kn : m, g = r.toggleContent, h = g === void 0 ? "optionChildren" : g, O = r.value, S = Nn(r, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
|
|
1843
1941
|
// @docs-props-type SelectPropsBase
|
|
1844
|
-
|
|
1845
|
-
|
|
1942
|
+
Ln({
|
|
1943
|
+
componentName: "Select",
|
|
1944
|
+
deprecatedPropValue: "link",
|
|
1945
|
+
propName: "appearance",
|
|
1946
|
+
propValue: a
|
|
1947
|
+
});
|
|
1948
|
+
var C = i()({
|
|
1846
1949
|
componentName: "Select",
|
|
1847
1950
|
/* eslint-disable-next-line prefer-rest-params */
|
|
1848
1951
|
componentProps: arguments[0]
|
|
1849
1952
|
});
|
|
1850
|
-
var
|
|
1953
|
+
var w = (0, e.useMemo)((function() {
|
|
1851
1954
|
// wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
|
|
1852
1955
|
if (s != null) {
|
|
1853
1956
|
return [ s ];
|
|
@@ -1855,44 +1958,44 @@
|
|
|
1855
1958
|
return [];
|
|
1856
1959
|
}), [ s ]);
|
|
1857
1960
|
// Converts the provided props into a structure suitable for SelectBase.
|
|
1858
|
-
var
|
|
1859
|
-
var e =
|
|
1860
|
-
var n = function e(n,
|
|
1861
|
-
var
|
|
1961
|
+
var k = (0, e.useMemo)((function() {
|
|
1962
|
+
var e = C ? undefined : w;
|
|
1963
|
+
var n = function e(n, r) {
|
|
1964
|
+
var t = r.name, l = r.values;
|
|
1862
1965
|
b === null || b === void 0 ? void 0 : b(n, {
|
|
1863
|
-
name:
|
|
1966
|
+
name: t,
|
|
1864
1967
|
value: l[0]
|
|
1865
1968
|
});
|
|
1866
1969
|
};
|
|
1867
|
-
var
|
|
1970
|
+
var r = {
|
|
1868
1971
|
onChange: n
|
|
1869
1972
|
};
|
|
1870
|
-
if (
|
|
1871
|
-
|
|
1973
|
+
if (C) {
|
|
1974
|
+
r.values = O != null ? [ O ] : [];
|
|
1872
1975
|
} else if (e != null) {
|
|
1873
|
-
|
|
1976
|
+
r.defaultValues = e;
|
|
1874
1977
|
}
|
|
1875
|
-
return
|
|
1876
|
-
}), [
|
|
1978
|
+
return r;
|
|
1979
|
+
}), [ w, b, C, O ]);
|
|
1877
1980
|
|
|
1878
|
-
return n().createElement(
|
|
1981
|
+
return n().createElement(An, Dn({
|
|
1879
1982
|
allowKeyMatching: l,
|
|
1880
|
-
appearance:
|
|
1983
|
+
appearance: a,
|
|
1881
1984
|
defaultPlacement: c,
|
|
1882
1985
|
inline: d,
|
|
1883
1986
|
noOptionsMessage: v,
|
|
1884
|
-
placeholder:
|
|
1987
|
+
placeholder: y,
|
|
1885
1988
|
toggleContent: h
|
|
1886
|
-
},
|
|
1989
|
+
}, S, k, {
|
|
1887
1990
|
multiple: false
|
|
1888
1991
|
}));
|
|
1889
1992
|
}
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
/* harmony default export */ const
|
|
1993
|
+
Fn.propTypes = Bn;
|
|
1994
|
+
Fn.Option = E;
|
|
1995
|
+
Fn.Heading = c.Heading;
|
|
1996
|
+
Fn.Divider = c.Divider;
|
|
1997
|
+
/* harmony default export */ const Hn = Fn;
|
|
1895
1998
|
}) // CONCATENATED MODULE: ./src/Select/index.ts
|
|
1896
1999
|
();
|
|
1897
|
-
module.exports =
|
|
2000
|
+
module.exports = t;
|
|
1898
2001
|
/******/})();
|