@splunk/react-ui 5.1.0 → 5.3.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 +63 -58
- package/Box.js +4 -3
- package/Breadcrumbs.js +13 -13
- package/Button.js +12 -12
- package/ButtonGroup.js +9 -9
- package/ButtonSimple.js +2 -2
- package/CHANGELOG.md +54 -0
- package/Calendar.js +69 -65
- package/Card.js +286 -255
- package/CardLayout.js +10 -10
- package/Checkbox.d.ts +2 -0
- package/Checkbox.js +350 -0
- package/Chip.js +31 -31
- package/Clickable.js +29 -29
- package/Code.js +161 -142
- package/CollapsiblePanel.js +200 -224
- package/Color.js +14 -12
- package/ColumnLayout.js +16 -16
- package/ComboBox.js +110 -110
- package/ControlGroup.js +101 -100
- package/Date.js +144 -140
- package/DefinitionList.js +137 -94
- package/Divider.js +2 -2
- package/Dropdown.js +2 -2
- package/DualListbox.js +446 -385
- package/File.js +121 -118
- package/FormRows.js +15 -15
- package/Heading.js +15 -15
- package/Image.js +31 -31
- package/JSONTree.js +543 -513
- package/Layer.js +4 -1
- package/Layout.js +10 -10
- package/Link.js +13 -13
- package/List.js +24 -24
- package/MIGRATION.md +27 -0
- package/Markdown.js +237 -226
- package/Menu.js +63 -60
- package/Message.js +20 -20
- package/MessageBar.js +13 -13
- package/Modal.js +36 -36
- package/Monogram.js +94 -68
- package/Multiselect.js +1032 -910
- package/Number.js +18 -18
- package/Paginator.js +41 -40
- 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 +50 -49
- package/ScreenReaderContent.js +13 -13
- package/Scroll.js +25 -24
- package/Search.js +143 -139
- package/Select.js +942 -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 +197 -229
- package/TabBar.js +293 -270
- package/TabLayout.js +68 -68
- package/Table.js +825 -800
- package/Text.js +182 -208
- package/TextArea.js +235 -226
- package/Tooltip.js +149 -144
- package/TransitionOpen.js +11 -11
- package/Tree.js +194 -189
- package/Typography.js +15 -15
- package/WaitSpinner.js +6 -6
- package/package.json +19 -23
- package/tsconfig.check-docs.json +8 -0
- 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/Checkbox/Checkbox.d.ts +90 -0
- package/types/src/Checkbox/docs/examples/Basic.d.ts +7 -0
- package/types/src/Checkbox/docs/examples/Disabled.d.ts +6 -0
- package/types/src/Checkbox/docs/examples/Error.d.ts +6 -0
- package/types/src/Checkbox/docs/examples/Uncontrolled.d.ts +7 -0
- package/types/src/Checkbox/index.d.ts +2 -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/Code.d.ts +4 -1
- package/types/src/Code/LineHighlights.d.ts +1 -0
- package/types/src/Code/LineNumbers.d.ts +2 -1
- package/types/src/Code/docs/examples/CustomizeContainer.d.ts +7 -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 +7 -3
- 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/Date.d.ts +7 -1
- 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 +27 -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/StackedLayout.d.ts +6 -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/DualListbox.d.ts +1 -1
- package/types/src/DualListbox/Label.d.ts +7 -7
- package/types/src/DualListbox/Listbox.d.ts +2 -2
- package/types/src/DualListbox/ListboxContext.d.ts +1 -1
- 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/File.d.ts +7 -1
- 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/JSONTreeItem.d.ts +4 -2
- 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/JSONTree/renderTreeItems.d.ts +2 -1
- 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/Markdown/renderers/MarkdownCodeBlock.d.ts +2 -1
- 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 +4 -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 +8 -2
- package/types/src/Multiselect/Multiselect.d.ts +8 -2
- package/types/src/Multiselect/Normal.d.ts +7 -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/Search.d.ts +5 -1
- 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/Switch.d.ts +7 -1
- package/types/src/Switch/docs/examples/Basic.d.ts +5 -9
- package/types/src/Switch/docs/examples/Disabled.d.ts +5 -9
- 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/ExpandButton.d.ts +1 -1
- 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/Tooltip.d.ts +14 -1
- 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/NonInteractiveCheckbox.js +0 -101
- package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +0 -12
- package/types/src/DefinitionList/docs/examples/Customize.d.ts +0 -3
- package/types/src/NonInteractiveCheckbox/NonInteractiveCheckbox.d.ts +0 -22
- package/types/src/NonInteractiveCheckbox/index.d.ts +0 -1
- package/types/src/Switch/docs/examples/Error.d.ts +0 -3
- package/types/src/Text/IconOutlinedHide.d.ts +0 -3
- package/types/src/Text/IconOutlinedView.d.ts +0 -3
- /package/cypress/{tsconfig.cypress.json → tsconfig.check-cypress.json} +0 -0
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,133 @@
|
|
|
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" ]);
|
|
543
|
+
// @docs-props-type SelectAllOptionPropsBase
|
|
464
544
|
// 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
|
|
545
|
+
var d = u != null ? " (".concat(u === null || u === void 0 ? void 0 : u.toString(), ")") : "";
|
|
466
546
|
|
|
467
|
-
return n().createElement(
|
|
468
|
-
active:
|
|
469
|
-
elementRef:
|
|
547
|
+
return n().createElement(S, pe({
|
|
548
|
+
active: r,
|
|
549
|
+
elementRef: t,
|
|
470
550
|
"aria-keyshortcuts": "Control+A",
|
|
471
551
|
"data-test": "select-all",
|
|
472
|
-
description: "".concat(
|
|
552
|
+
description: "".concat(d, " Ctrl-a"),
|
|
473
553
|
descriptionPosition: "right",
|
|
474
554
|
id: l,
|
|
475
555
|
key: "selectAll",
|
|
476
|
-
label: o,
|
|
477
556
|
multiple: true,
|
|
557
|
+
label: o,
|
|
478
558
|
onClick: a,
|
|
559
|
+
selected: i,
|
|
479
560
|
role: "menuitemcheckbox",
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
value: "selectAll"
|
|
483
|
-
});
|
|
561
|
+
value: s
|
|
562
|
+
}, f));
|
|
484
563
|
}
|
|
485
|
-
|
|
486
|
-
/* harmony default export */ const
|
|
564
|
+
Ce.propTypes = Se;
|
|
565
|
+
/* harmony default export */ const we = Ce;
|
|
487
566
|
// CONCATENATED MODULE: external "styled-components"
|
|
488
|
-
const
|
|
489
|
-
var
|
|
567
|
+
const ke = require("styled-components");
|
|
568
|
+
var xe = r.n(ke);
|
|
490
569
|
// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
491
|
-
const
|
|
492
|
-
var
|
|
570
|
+
const je = require("@splunk/react-ui/Button");
|
|
571
|
+
var Pe = r.n(je);
|
|
493
572
|
// CONCATENATED MODULE: external "@splunk/react-ui/Divider"
|
|
494
|
-
const
|
|
495
|
-
var
|
|
573
|
+
const Ee = require("@splunk/react-ui/Divider");
|
|
574
|
+
var Re = r.n(Ee);
|
|
496
575
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
497
|
-
const
|
|
576
|
+
const Me = require("@splunk/themes");
|
|
498
577
|
// CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
|
|
499
|
-
var
|
|
578
|
+
var Ae = xe()(Pe()).withConfig({
|
|
500
579
|
displayName: "SelectBaseStyles__StyledButton",
|
|
501
580
|
componentId: "sc-16cj7sk-0"
|
|
502
581
|
})([ "&[data-inline]{width:", ";}", "" ], (function(e) {
|
|
@@ -506,79 +585,79 @@
|
|
|
506
585
|
var n = e.$multiple;
|
|
507
586
|
return !n && "flex-grow: 0;";
|
|
508
587
|
}));
|
|
509
|
-
var
|
|
588
|
+
var Te = xe().span.withConfig({
|
|
510
589
|
displayName: "SelectBaseStyles__StyledLinkIcon",
|
|
511
590
|
componentId: "sc-16cj7sk-1"
|
|
512
|
-
})([ "padding-right:", ";" ],
|
|
513
|
-
var
|
|
591
|
+
})([ "padding-right:", ";" ], Me.variables.spacingXSmall);
|
|
592
|
+
var Ie = xe().span.withConfig({
|
|
514
593
|
displayName: "SelectBaseStyles__StyledLinkCaret",
|
|
515
594
|
componentId: "sc-16cj7sk-2"
|
|
516
|
-
})([ "padding-left:", ";" ],
|
|
517
|
-
var
|
|
595
|
+
})([ "padding-left:", ";" ], Me.variables.spacingXSmall);
|
|
596
|
+
var qe = xe().div.withConfig({
|
|
518
597
|
displayName: "SelectBaseStyles__StyledFilter",
|
|
519
598
|
componentId: "sc-16cj7sk-3"
|
|
520
|
-
})([ "padding:", " ", " ", ";min-width:160px;" ],
|
|
521
|
-
var
|
|
599
|
+
})([ "padding:", " ", " ", ";min-width:160px;" ], Me.variables.spacingLarge, Me.variables.spacingLarge, Me.variables.spacingSmall);
|
|
600
|
+
var Le = xe().span.withConfig({
|
|
522
601
|
displayName: "SelectBaseStyles__StyledCount",
|
|
523
602
|
componentId: "sc-16cj7sk-4"
|
|
524
|
-
})([ "padding-right:", ";" ],
|
|
525
|
-
var
|
|
603
|
+
})([ "padding-right:", ";" ], Me.variables.spacingXSmall);
|
|
604
|
+
var De = xe()(ee()).withConfig({
|
|
526
605
|
displayName: "SelectBaseStyles__StyledControlsLink",
|
|
527
606
|
componentId: "sc-16cj7sk-5"
|
|
528
607
|
})([ "", ";" ], (function(e) {
|
|
529
608
|
var n = e.$disabled;
|
|
530
|
-
return n && (0,
|
|
609
|
+
return n && (0, ke.css)([ "color:", ";" ], Me.variables.contentColorDisabled);
|
|
531
610
|
}));
|
|
532
|
-
var
|
|
611
|
+
var Ne = xe().div.withConfig({
|
|
533
612
|
displayName: "SelectBaseStyles__StyledToggleAllControls",
|
|
534
613
|
componentId: "sc-16cj7sk-6"
|
|
535
|
-
})([ "", ";gap:", ";padding:", " ", " ", ";" ],
|
|
536
|
-
var
|
|
614
|
+
})([ "", ";gap:", ";padding:", " ", " ", ";" ], Me.mixins.reset("flex"), Me.variables.spacingMedium, Me.variables.spacingXSmall, Me.variables.spacingLarge, Me.variables.spacingSmall);
|
|
615
|
+
var _e = xe()(Re()).withConfig({
|
|
537
616
|
displayName: "SelectBaseStyles__StyledControlsDivider",
|
|
538
617
|
componentId: "sc-16cj7sk-7"
|
|
539
|
-
})([ "border-color:", ";" ],
|
|
618
|
+
})([ "border-color:", ";" ], Me.variables.borderColor);
|
|
540
619
|
// EXTERNAL MODULE: ./src/useControlled/index.ts + 2 modules
|
|
541
|
-
var
|
|
620
|
+
var Be = r(3639);
|
|
542
621
|
// CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
|
|
543
622
|
// A utility for matching keyboard characters to list values
|
|
544
|
-
var
|
|
545
|
-
return n ? n.label.charAt(
|
|
623
|
+
var Ve = function e(n, r) {
|
|
624
|
+
return n ? n.label.charAt(r).toLowerCase() : "";
|
|
546
625
|
};
|
|
547
|
-
var
|
|
626
|
+
var Ke = function e(n, r) {
|
|
548
627
|
if (!n.length) {
|
|
549
628
|
return n;
|
|
550
629
|
}
|
|
551
|
-
var
|
|
630
|
+
var t = null;
|
|
552
631
|
var l = false;
|
|
553
|
-
var
|
|
554
|
-
var n =
|
|
555
|
-
if (n ===
|
|
632
|
+
var o = n.filter((function(e) {
|
|
633
|
+
var n = Ve(e, r.index);
|
|
634
|
+
if (n === r.value) {
|
|
556
635
|
l = true;
|
|
557
636
|
return true;
|
|
558
637
|
}
|
|
559
638
|
// If we haven't found a match yet, keep track of the next closest match.
|
|
560
639
|
// Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
|
|
561
640
|
if (!l) {
|
|
562
|
-
var
|
|
563
|
-
if (!
|
|
564
|
-
|
|
565
|
-
} else if (n >
|
|
566
|
-
if (
|
|
567
|
-
|
|
568
|
-
} else if (
|
|
569
|
-
|
|
641
|
+
var o = Ve(t, r.index);
|
|
642
|
+
if (!o) {
|
|
643
|
+
t = e;
|
|
644
|
+
} else if (n > r.value) {
|
|
645
|
+
if (o < r.value) {
|
|
646
|
+
t = e;
|
|
647
|
+
} else if (o > n) {
|
|
648
|
+
t = e;
|
|
570
649
|
}
|
|
571
|
-
} else if (n >
|
|
572
|
-
|
|
650
|
+
} else if (n > o) {
|
|
651
|
+
t = e;
|
|
573
652
|
}
|
|
574
653
|
}
|
|
575
654
|
return false;
|
|
576
655
|
}));
|
|
577
|
-
return
|
|
656
|
+
return o.length === 0 && t ? [ t ] : o;
|
|
578
657
|
};
|
|
579
658
|
// CONCATENATED MODULE: ./src/utils/ssrDocument.ts
|
|
580
659
|
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
581
|
-
var
|
|
660
|
+
var Fe = {
|
|
582
661
|
body: {
|
|
583
662
|
appendChild: function e() {
|
|
584
663
|
return [];
|
|
@@ -632,16 +711,16 @@
|
|
|
632
711
|
search: ""
|
|
633
712
|
}
|
|
634
713
|
};
|
|
635
|
-
function
|
|
636
|
-
var e = typeof document !== "undefined" ? document :
|
|
714
|
+
function He() {
|
|
715
|
+
var e = typeof document !== "undefined" ? document : Fe;
|
|
637
716
|
return e;
|
|
638
717
|
}
|
|
639
|
-
var
|
|
640
|
-
/* harmony default export */ const
|
|
718
|
+
var ze = He();
|
|
719
|
+
/* harmony default export */ const We = /* unused pure expression or super */ null && ze;
|
|
641
720
|
// CONCATENATED MODULE: ./src/utils/ssrWindow.ts
|
|
642
721
|
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
643
|
-
var
|
|
644
|
-
document:
|
|
722
|
+
var $e = {
|
|
723
|
+
document: Fe,
|
|
645
724
|
navigator: {
|
|
646
725
|
userAgent: ""
|
|
647
726
|
},
|
|
@@ -695,12 +774,12 @@
|
|
|
695
774
|
clearTimeout(n);
|
|
696
775
|
}
|
|
697
776
|
};
|
|
698
|
-
function
|
|
699
|
-
var e = typeof window !== "undefined" ? window :
|
|
777
|
+
function Xe() {
|
|
778
|
+
var e = typeof window !== "undefined" ? window : $e;
|
|
700
779
|
return e;
|
|
701
780
|
}
|
|
702
|
-
var
|
|
703
|
-
/* harmony default export */ const
|
|
781
|
+
var Ue = Xe();
|
|
782
|
+
/* harmony default export */ const Je = /* unused pure expression or super */ null && Ue;
|
|
704
783
|
// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
|
|
705
784
|
/**
|
|
706
785
|
* Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
|
|
@@ -708,7 +787,7 @@
|
|
|
708
787
|
* @param ref - The React callback or object ref. Can be `null` or `undefined`.
|
|
709
788
|
* @param current - The new value of the ref.
|
|
710
789
|
*/
|
|
711
|
-
function
|
|
790
|
+
function Ge(e, n) {
|
|
712
791
|
if (e) {
|
|
713
792
|
if (typeof e === "function") {
|
|
714
793
|
e(n);
|
|
@@ -721,64 +800,64 @@
|
|
|
721
800
|
}
|
|
722
801
|
}
|
|
723
802
|
// CONCATENATED MODULE: ./src/Select/SelectBase.tsx
|
|
724
|
-
function
|
|
725
|
-
return
|
|
803
|
+
function Qe(e) {
|
|
804
|
+
return en(e) || Ze(e) || ln(e) || Ye();
|
|
726
805
|
}
|
|
727
|
-
function
|
|
806
|
+
function Ye() {
|
|
728
807
|
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
808
|
}
|
|
730
|
-
function
|
|
809
|
+
function Ze(e) {
|
|
731
810
|
if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
|
|
732
811
|
}
|
|
733
|
-
function
|
|
734
|
-
if (Array.isArray(e)) return
|
|
812
|
+
function en(e) {
|
|
813
|
+
if (Array.isArray(e)) return on(e);
|
|
735
814
|
}
|
|
736
|
-
function
|
|
737
|
-
return
|
|
815
|
+
function nn() {
|
|
816
|
+
return nn = Object.assign ? Object.assign.bind() : function(e) {
|
|
738
817
|
for (var n = 1; n < arguments.length; n++) {
|
|
739
|
-
var
|
|
740
|
-
for (var
|
|
741
|
-
({}).hasOwnProperty.call(
|
|
818
|
+
var r = arguments[n];
|
|
819
|
+
for (var t in r) {
|
|
820
|
+
({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
|
|
742
821
|
}
|
|
743
822
|
}
|
|
744
823
|
return e;
|
|
745
|
-
},
|
|
824
|
+
}, nn.apply(null, arguments);
|
|
746
825
|
}
|
|
747
|
-
function
|
|
748
|
-
return
|
|
826
|
+
function rn(e, n) {
|
|
827
|
+
return un(e) || an(e, n) || ln(e, n) || tn();
|
|
749
828
|
}
|
|
750
|
-
function
|
|
829
|
+
function tn() {
|
|
751
830
|
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
831
|
}
|
|
753
|
-
function
|
|
832
|
+
function ln(e, n) {
|
|
754
833
|
if (e) {
|
|
755
|
-
if ("string" == typeof e) return
|
|
756
|
-
var
|
|
757
|
-
return "Object" ===
|
|
834
|
+
if ("string" == typeof e) return on(e, n);
|
|
835
|
+
var r = {}.toString.call(e).slice(8, -1);
|
|
836
|
+
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
837
|
}
|
|
759
838
|
}
|
|
760
|
-
function
|
|
839
|
+
function on(e, n) {
|
|
761
840
|
(null == n || n > e.length) && (n = e.length);
|
|
762
|
-
for (var
|
|
763
|
-
r
|
|
841
|
+
for (var r = 0, t = Array(n); r < n; r++) {
|
|
842
|
+
t[r] = e[r];
|
|
764
843
|
}
|
|
765
|
-
return
|
|
844
|
+
return t;
|
|
766
845
|
}
|
|
767
|
-
function
|
|
768
|
-
var
|
|
769
|
-
if (null !=
|
|
770
|
-
var
|
|
846
|
+
function an(e, n) {
|
|
847
|
+
var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
848
|
+
if (null != r) {
|
|
849
|
+
var t, l, o, a, i = [], u = !0, c = !1;
|
|
771
850
|
try {
|
|
772
|
-
if (
|
|
773
|
-
if (Object(
|
|
851
|
+
if (o = (r = r.call(e)).next, 0 === n) {
|
|
852
|
+
if (Object(r) !== r) return;
|
|
774
853
|
u = !1;
|
|
775
|
-
} else for (;!(u = (
|
|
854
|
+
} else for (;!(u = (t = o.call(r)).done) && (i.push(t.value), i.length !== n); u = !0) {
|
|
776
855
|
}
|
|
777
856
|
} catch (e) {
|
|
778
857
|
c = !0, l = e;
|
|
779
858
|
} finally {
|
|
780
859
|
try {
|
|
781
|
-
if (!u && null !=
|
|
860
|
+
if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
|
|
782
861
|
} finally {
|
|
783
862
|
if (c) throw l;
|
|
784
863
|
}
|
|
@@ -786,250 +865,250 @@
|
|
|
786
865
|
return i;
|
|
787
866
|
}
|
|
788
867
|
}
|
|
789
|
-
function
|
|
868
|
+
function un(e) {
|
|
790
869
|
if (Array.isArray(e)) return e;
|
|
791
870
|
}
|
|
792
|
-
function
|
|
871
|
+
function cn(e, n) {
|
|
793
872
|
if (null == e) return {};
|
|
794
|
-
var
|
|
873
|
+
var r, t, l = sn(e, n);
|
|
795
874
|
if (Object.getOwnPropertySymbols) {
|
|
796
|
-
var
|
|
797
|
-
for (
|
|
798
|
-
|
|
875
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
876
|
+
for (t = 0; t < o.length; t++) {
|
|
877
|
+
r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
|
|
799
878
|
}
|
|
800
879
|
}
|
|
801
880
|
return l;
|
|
802
881
|
}
|
|
803
|
-
function
|
|
882
|
+
function sn(e, n) {
|
|
804
883
|
if (null == e) return {};
|
|
805
|
-
var
|
|
806
|
-
for (var
|
|
807
|
-
if ({}.hasOwnProperty.call(e,
|
|
808
|
-
if (n.
|
|
809
|
-
t
|
|
884
|
+
var r = {};
|
|
885
|
+
for (var t in e) {
|
|
886
|
+
if ({}.hasOwnProperty.call(e, t)) {
|
|
887
|
+
if (-1 !== n.indexOf(t)) continue;
|
|
888
|
+
r[t] = e[t];
|
|
810
889
|
}
|
|
811
890
|
}
|
|
812
|
-
return
|
|
891
|
+
return r;
|
|
813
892
|
}
|
|
814
|
-
function
|
|
893
|
+
function fn(e) {
|
|
815
894
|
"@babel/helpers - typeof";
|
|
816
|
-
return
|
|
895
|
+
return fn = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
817
896
|
return typeof e;
|
|
818
897
|
} : function(e) {
|
|
819
898
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
820
|
-
},
|
|
899
|
+
}, fn(e);
|
|
821
900
|
}
|
|
822
|
-
function
|
|
823
|
-
var
|
|
901
|
+
function dn(e, n) {
|
|
902
|
+
var r = Object.keys(e);
|
|
824
903
|
if (Object.getOwnPropertySymbols) {
|
|
825
|
-
var
|
|
826
|
-
n && (
|
|
904
|
+
var t = Object.getOwnPropertySymbols(e);
|
|
905
|
+
n && (t = t.filter((function(n) {
|
|
827
906
|
return Object.getOwnPropertyDescriptor(e, n).enumerable;
|
|
828
|
-
}))),
|
|
907
|
+
}))), r.push.apply(r, t);
|
|
829
908
|
}
|
|
830
|
-
return
|
|
909
|
+
return r;
|
|
831
910
|
}
|
|
832
|
-
function
|
|
911
|
+
function pn(e) {
|
|
833
912
|
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(
|
|
913
|
+
var r = null != arguments[n] ? arguments[n] : {};
|
|
914
|
+
n % 2 ? dn(Object(r), !0).forEach((function(n) {
|
|
915
|
+
vn(e, n, r[n]);
|
|
916
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : dn(Object(r)).forEach((function(n) {
|
|
917
|
+
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
|
|
839
918
|
}));
|
|
840
919
|
}
|
|
841
920
|
return e;
|
|
842
921
|
}
|
|
843
|
-
function
|
|
844
|
-
return (n =
|
|
845
|
-
value:
|
|
922
|
+
function vn(e, n, r) {
|
|
923
|
+
return (n = bn(n)) in e ? Object.defineProperty(e, n, {
|
|
924
|
+
value: r,
|
|
846
925
|
enumerable: !0,
|
|
847
926
|
configurable: !0,
|
|
848
927
|
writable: !0
|
|
849
|
-
}) : e[n] =
|
|
928
|
+
}) : e[n] = r, e;
|
|
850
929
|
}
|
|
851
|
-
function
|
|
852
|
-
var n =
|
|
853
|
-
return "symbol" ==
|
|
930
|
+
function bn(e) {
|
|
931
|
+
var n = mn(e, "string");
|
|
932
|
+
return "symbol" == fn(n) ? n : n + "";
|
|
854
933
|
}
|
|
855
|
-
function
|
|
856
|
-
if ("object" !=
|
|
857
|
-
var
|
|
858
|
-
if (void 0 !==
|
|
859
|
-
var
|
|
860
|
-
if ("object" !=
|
|
934
|
+
function mn(e, n) {
|
|
935
|
+
if ("object" != fn(e) || !e) return e;
|
|
936
|
+
var r = e[Symbol.toPrimitive];
|
|
937
|
+
if (void 0 !== r) {
|
|
938
|
+
var t = r.call(e, n || "default");
|
|
939
|
+
if ("object" != fn(t)) return t;
|
|
861
940
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
862
941
|
}
|
|
863
942
|
return ("string" === n ? String : Number)(e);
|
|
864
943
|
}
|
|
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:
|
|
944
|
+
var yn = {
|
|
945
|
+
allowKeyMatching: o().bool,
|
|
946
|
+
allowNewValues: o().bool,
|
|
947
|
+
animateLoading: o().bool,
|
|
948
|
+
appearance: o().oneOf([ "default", "link", "subtle" ]),
|
|
949
|
+
append: o().bool,
|
|
950
|
+
children: o().node,
|
|
951
|
+
defaultPlacement: o().oneOf([ "above", "below", "vertical" ]),
|
|
952
|
+
defaultValues: o().array,
|
|
953
|
+
describedBy: o().string,
|
|
954
|
+
disabled: o().bool,
|
|
955
|
+
elementRef: o().oneOfType([ o().func, o().object ]),
|
|
956
|
+
error: o().bool,
|
|
957
|
+
filter: o().oneOf([ false, true, "controlled" ]),
|
|
958
|
+
footerMessage: o().node,
|
|
959
|
+
inline: o().bool,
|
|
960
|
+
inputId: o().string,
|
|
961
|
+
inputRef: o().oneOfType([ o().func, o().object ]),
|
|
962
|
+
isLoadingOptions: o().bool,
|
|
963
|
+
labelledBy: o().string,
|
|
964
|
+
labelText: o().string,
|
|
965
|
+
loadingMessage: o().node,
|
|
966
|
+
menuStyle: o().object,
|
|
967
|
+
multiple: o().bool,
|
|
968
|
+
name: o().string,
|
|
969
|
+
noOptionsMessage: o().node,
|
|
970
|
+
onChange: o().func,
|
|
971
|
+
onClick: o().func,
|
|
972
|
+
onClose: o().func,
|
|
973
|
+
onFilterChange: o().func,
|
|
974
|
+
onOpen: o().func,
|
|
975
|
+
onScroll: o().func,
|
|
976
|
+
onScrollBottom: o().func,
|
|
898
977
|
/** @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:
|
|
978
|
+
required: o().bool,
|
|
979
|
+
placeholder: o().string,
|
|
980
|
+
prefixLabel: o().string,
|
|
981
|
+
prepend: o().bool,
|
|
982
|
+
repositionMode: o().oneOf([ "none", "flip" ]),
|
|
983
|
+
selectAllAppearance: o().oneOf([ "buttongroup", "checkbox", "none" ]),
|
|
984
|
+
showSelectedValuesFirst: o().oneOf([ "nextOpen", "immediately", "never" ]),
|
|
985
|
+
suffixLabel: o().string,
|
|
986
|
+
tabConfirmsNewValue: o().bool,
|
|
987
|
+
toggle: o().node,
|
|
988
|
+
toggleContent: o().oneOf([ "optionChildren", "optionLabel" ]),
|
|
989
|
+
values: o().array,
|
|
911
990
|
/** @private. */
|
|
912
|
-
virtualization:
|
|
991
|
+
virtualization: o().number
|
|
913
992
|
};
|
|
914
|
-
var
|
|
993
|
+
var gn = V()((function(e) {
|
|
915
994
|
return [ e ];
|
|
916
995
|
}));
|
|
917
996
|
// preserve separate widths for single vs. multi mode
|
|
918
|
-
var
|
|
919
|
-
var n = e.anchorWidth,
|
|
920
|
-
return
|
|
997
|
+
var hn = V()((function(e) {
|
|
998
|
+
var n = e.anchorWidth, r = e.isMultiple, t = e.maxHeight, l = e.menuStyle;
|
|
999
|
+
return r ? pn({
|
|
921
1000
|
width: Math.max(n !== null && n !== void 0 ? n : 0, 200),
|
|
922
|
-
maxHeight:
|
|
923
|
-
}, l) :
|
|
1001
|
+
maxHeight: t
|
|
1002
|
+
}, l) : pn({
|
|
924
1003
|
minWidth: n !== null && n !== void 0 ? n : undefined,
|
|
925
1004
|
maxWidth: Math.max(n !== null && n !== void 0 ? n : 0, 300),
|
|
926
|
-
maxHeight:
|
|
1005
|
+
maxHeight: t
|
|
927
1006
|
}, l);
|
|
928
1007
|
}));
|
|
929
|
-
var
|
|
930
|
-
function
|
|
1008
|
+
var On = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
|
|
1009
|
+
function Sn(e) {
|
|
931
1010
|
return e && D()(e.props, "value");
|
|
932
1011
|
}
|
|
933
|
-
function
|
|
934
|
-
return "".concat(
|
|
1012
|
+
function Cn(e, n) {
|
|
1013
|
+
return "".concat(fn(e), "-").concat(e, "-").concat(n);
|
|
935
1014
|
}
|
|
936
|
-
var
|
|
937
|
-
var
|
|
938
|
-
var
|
|
939
|
-
var
|
|
940
|
-
var
|
|
941
|
-
var
|
|
942
|
-
var
|
|
943
|
-
var
|
|
1015
|
+
var wn = [ "append", "error", "prepend" ];
|
|
1016
|
+
var kn = (0, u._)("No matches");
|
|
1017
|
+
var xn = (0, u._)("Select...");
|
|
1018
|
+
var jn = n().createElement(G(), null);
|
|
1019
|
+
var Pn = function e(r) {
|
|
1020
|
+
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;
|
|
1021
|
+
var C = (0, u._)("Select all options".concat(g.current === "all" ? " disabled" : ""));
|
|
1022
|
+
var w = (0, u._)("Clear all options".concat(g.current === "none" ? " disabled" : ""));
|
|
944
1023
|
// only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
|
|
945
|
-
var
|
|
1024
|
+
var k = n().createElement(Ne, {
|
|
946
1025
|
key: "selectAll"
|
|
947
|
-
}, n().createElement(
|
|
948
|
-
disabled:
|
|
1026
|
+
}, n().createElement(De, {
|
|
1027
|
+
disabled: g.current === "all",
|
|
949
1028
|
appearance: "standalone",
|
|
950
|
-
"aria-label":
|
|
1029
|
+
"aria-label": C,
|
|
951
1030
|
onClick: p,
|
|
952
1031
|
"data-test": "select-all",
|
|
953
1032
|
tag: "button"
|
|
954
|
-
},
|
|
955
|
-
disabled:
|
|
1033
|
+
}, o ? (0, u._)("Select all Matches") : (0, u._)("Select all")), n().createElement(De, {
|
|
1034
|
+
disabled: g.current === "none",
|
|
956
1035
|
appearance: "standalone",
|
|
957
|
-
"aria-label":
|
|
1036
|
+
"aria-label": w,
|
|
958
1037
|
onClick: d,
|
|
959
1038
|
"data-test": "clear-all",
|
|
960
1039
|
tag: "button"
|
|
961
|
-
},
|
|
1040
|
+
}, o ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
|
|
962
1041
|
|
|
963
1042
|
return n().createElement("div", {
|
|
964
1043
|
key: "controls"
|
|
965
1044
|
}, l && n().createElement(le(), {
|
|
966
1045
|
id: l
|
|
967
|
-
}, (0, u._)("Type to filter")), h === "above" && n().createElement(
|
|
1046
|
+
}, (0, u._)("Type to filter")), h === "above" && n().createElement(_e, null), n().createElement(qe, {
|
|
968
1047
|
key: "filter",
|
|
969
1048
|
"data-test": "filter"
|
|
970
|
-
}, n().createElement(
|
|
971
|
-
value:
|
|
1049
|
+
}, n().createElement(ae(), {
|
|
1050
|
+
value: o,
|
|
972
1051
|
autoCapitalize: "off",
|
|
973
1052
|
autoComplete: "off",
|
|
974
1053
|
autoCorrect: "off",
|
|
975
1054
|
spellCheck: false,
|
|
976
1055
|
onChange: b,
|
|
977
|
-
onKeyDown:
|
|
1056
|
+
onKeyDown: y,
|
|
978
1057
|
onFocus: m,
|
|
979
1058
|
onBlur: v,
|
|
980
1059
|
placeholder: (0, u._)("filter"),
|
|
981
1060
|
role: "combobox",
|
|
982
1061
|
"aria-expanded": "true",
|
|
983
1062
|
"aria-controls": s,
|
|
984
|
-
"aria-owns":
|
|
1063
|
+
"aria-owns": S && a ? t : undefined,
|
|
985
1064
|
"aria-label": (0, u._)("Filter"),
|
|
986
1065
|
"aria-autocomplete": "list",
|
|
987
|
-
"aria-activedescendant":
|
|
1066
|
+
"aria-activedescendant": S && a ? t : undefined,
|
|
988
1067
|
inputRef: c,
|
|
989
1068
|
inputId: i,
|
|
990
1069
|
canClear: true,
|
|
991
|
-
startAdornment:
|
|
992
|
-
})), f &&
|
|
1070
|
+
startAdornment: jn
|
|
1071
|
+
})), f && a && O === "buttongroup" && k, h === "below" && n().createElement(_e, null));
|
|
993
1072
|
};
|
|
994
|
-
var
|
|
995
|
-
var
|
|
996
|
-
var
|
|
997
|
-
if (
|
|
998
|
-
|
|
1073
|
+
var En = function e(n) {
|
|
1074
|
+
var r = n.prefixLabel, t = n.label, l = n.suffixLabel;
|
|
1075
|
+
var o = t;
|
|
1076
|
+
if (r) {
|
|
1077
|
+
o = [ "".concat(r, ": ") ].concat(o);
|
|
999
1078
|
}
|
|
1000
1079
|
if (l) {
|
|
1001
|
-
|
|
1080
|
+
o = M()(o).concat(" ".concat(l));
|
|
1002
1081
|
}
|
|
1003
|
-
return
|
|
1082
|
+
return o;
|
|
1004
1083
|
};
|
|
1005
|
-
var
|
|
1006
|
-
var l =
|
|
1084
|
+
var Rn = n().forwardRef((function(r, t) {
|
|
1085
|
+
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
1086
|
var E;
|
|
1008
1087
|
var R;
|
|
1009
|
-
var
|
|
1088
|
+
var M = [];
|
|
1010
1089
|
// Generate buttonLabels
|
|
1011
|
-
var
|
|
1012
|
-
var I = s.reduce((function(e, n,
|
|
1013
|
-
var l =
|
|
1014
|
-
return
|
|
1090
|
+
var A = e.Children.toArray(i);
|
|
1091
|
+
var I = s.reduce((function(e, n, r, t) {
|
|
1092
|
+
var l = T()(A, (function(e) {
|
|
1093
|
+
return Sn(e) && e.props.value === n;
|
|
1015
1094
|
}));
|
|
1016
1095
|
if (l) {
|
|
1017
|
-
var
|
|
1018
|
-
var f = j !== "optionLabel" &&
|
|
1096
|
+
var o = l.props, a = o.children, i = o.icon, c = o.label;
|
|
1097
|
+
var f = j !== "optionLabel" && a ? a : c;
|
|
1019
1098
|
e.push(f);
|
|
1020
|
-
|
|
1099
|
+
M.push(c);
|
|
1021
1100
|
// if not in multiple mode, add the icon
|
|
1022
|
-
if (!
|
|
1101
|
+
if (!g && s.length === 1) {
|
|
1023
1102
|
E = i;
|
|
1024
1103
|
}
|
|
1025
|
-
} else if (
|
|
1104
|
+
} else if (g) {
|
|
1026
1105
|
// only add values that don't match an option in "multiple" mode to preserve old behaviour
|
|
1027
1106
|
e.push(n);
|
|
1028
|
-
|
|
1107
|
+
M.push(n.toString());
|
|
1029
1108
|
}
|
|
1030
|
-
if (
|
|
1109
|
+
if (r < t.length - 1) {
|
|
1031
1110
|
e.push((0, u._)(", "));
|
|
1032
|
-
|
|
1111
|
+
M.push((0, u._)(", "));
|
|
1033
1112
|
}
|
|
1034
1113
|
return e;
|
|
1035
1114
|
}), []);
|
|
@@ -1038,81 +1117,81 @@
|
|
|
1038
1117
|
if (R.length > 0) {
|
|
1039
1118
|
// If there's more than one item selected, read out the selected total
|
|
1040
1119
|
// rather than reading out each selected item
|
|
1041
|
-
|
|
1042
|
-
prefixLabel:
|
|
1043
|
-
label: R.length > 1 ? [ "".concat(s.length, " items selected") ] :
|
|
1044
|
-
suffixLabel:
|
|
1120
|
+
M = En({
|
|
1121
|
+
prefixLabel: S,
|
|
1122
|
+
label: R.length > 1 ? [ "".concat(s.length, " items selected") ] : M,
|
|
1123
|
+
suffixLabel: k
|
|
1045
1124
|
});
|
|
1046
|
-
R =
|
|
1047
|
-
prefixLabel:
|
|
1125
|
+
R = En({
|
|
1126
|
+
prefixLabel: S,
|
|
1048
1127
|
label: R,
|
|
1049
|
-
suffixLabel:
|
|
1128
|
+
suffixLabel: k
|
|
1050
1129
|
});
|
|
1051
1130
|
}
|
|
1052
1131
|
// single <Select> behaviour is to show the placeholder if all parts of the label
|
|
1053
1132
|
// are empty strings so we replicate this behaviour here
|
|
1054
|
-
if (R.length === 0 || !
|
|
1133
|
+
if (R.length === 0 || !g && R.every((function(e) {
|
|
1055
1134
|
return e === "";
|
|
1056
1135
|
}))) {
|
|
1057
|
-
R =
|
|
1058
|
-
|
|
1136
|
+
R = gn(O);
|
|
1137
|
+
M = R;
|
|
1059
1138
|
}
|
|
1060
|
-
var
|
|
1061
|
-
var
|
|
1139
|
+
var q = Object.keys(P).includes("aria-labelledby");
|
|
1140
|
+
var L = pn({
|
|
1062
1141
|
"aria-describedby": f,
|
|
1063
|
-
"aria-label":
|
|
1142
|
+
"aria-label": y || q ? undefined : "".concat(m ? "".concat(m, ", ") : "").concat(M.join("")),
|
|
1064
1143
|
// 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:
|
|
1144
|
+
"aria-labelledby": y,
|
|
1145
|
+
"aria-required": w,
|
|
1146
|
+
"data-select-appearance": o,
|
|
1147
|
+
append: a,
|
|
1148
|
+
prepend: C,
|
|
1070
1149
|
onClick: h,
|
|
1071
1150
|
role: "combobox",
|
|
1072
1151
|
disabled: d ? "disabled" : undefined,
|
|
1073
1152
|
elementRef: p,
|
|
1074
1153
|
error: v,
|
|
1075
|
-
ref:
|
|
1154
|
+
ref: t
|
|
1076
1155
|
}, P);
|
|
1077
|
-
if (
|
|
1078
|
-
|
|
1156
|
+
if (g) {
|
|
1157
|
+
L["data-test-values"] = JSON.stringify(s);
|
|
1079
1158
|
} else {
|
|
1080
|
-
var D =
|
|
1081
|
-
|
|
1159
|
+
var D = rn(s, 1), N = D[0];
|
|
1160
|
+
L["data-test-value"] = N;
|
|
1082
1161
|
}
|
|
1083
1162
|
if (x) {
|
|
1084
1163
|
|
|
1085
|
-
return (0, e.cloneElement)(x,
|
|
1164
|
+
return (0, e.cloneElement)(x, L);
|
|
1086
1165
|
}
|
|
1087
|
-
if (
|
|
1166
|
+
if (o === "link") {
|
|
1088
1167
|
|
|
1089
|
-
return n().createElement(ee(),
|
|
1168
|
+
return n().createElement(ee(), nn({
|
|
1090
1169
|
tag: "button",
|
|
1091
1170
|
appearance: "standalone"
|
|
1092
|
-
},
|
|
1171
|
+
}, L, {
|
|
1093
1172
|
"data-select-appearance": "link"
|
|
1094
|
-
}), !!E && n().createElement(
|
|
1173
|
+
}), !!E && n().createElement(Te, null, E), R || O, n().createElement(Ie, null, n().createElement(U(), null)));
|
|
1095
1174
|
}
|
|
1096
1175
|
// Using Button's secondary appearance as Select's default appearance.
|
|
1097
|
-
var
|
|
1176
|
+
var _ = o === "default" ? "secondary" : o;
|
|
1098
1177
|
|
|
1099
|
-
return n().createElement(
|
|
1100
|
-
$multiple:
|
|
1101
|
-
appearance:
|
|
1178
|
+
return n().createElement(Ae, nn({}, L, {
|
|
1179
|
+
$multiple: g,
|
|
1180
|
+
appearance: _,
|
|
1102
1181
|
label: R,
|
|
1103
1182
|
error: v,
|
|
1104
1183
|
icon: E,
|
|
1105
1184
|
inline: b,
|
|
1106
1185
|
isMenu: true,
|
|
1107
1186
|
onClick: h
|
|
1108
|
-
}, F()(P,
|
|
1187
|
+
}, F()(P, wn)), !!s.length && g && n().createElement(Le, {
|
|
1109
1188
|
"data-role": "count"
|
|
1110
1189
|
}, "(", s.length, ")"));
|
|
1111
1190
|
}));
|
|
1112
|
-
function
|
|
1113
|
-
var
|
|
1191
|
+
function Mn(r) {
|
|
1192
|
+
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
1193
|
// @docs-props-type SelectBasePropsBase
|
|
1115
|
-
var
|
|
1194
|
+
var he = (0, Be["default"])({
|
|
1116
1195
|
componentName: "SelectBase",
|
|
1117
1196
|
/* eslint-disable-next-line prefer-rest-params */
|
|
1118
1197
|
componentProps: arguments[0],
|
|
@@ -1121,411 +1200,411 @@
|
|
|
1121
1200
|
valuePropName: "values"
|
|
1122
1201
|
});
|
|
1123
1202
|
// states
|
|
1124
|
-
var
|
|
1203
|
+
var Oe = (0, e.useState)((function() {
|
|
1125
1204
|
return {
|
|
1126
1205
|
activeItemId: (0, se.createDOMID)("active-item"),
|
|
1127
1206
|
menuListboxId: (0, se.createDOMID)("menu-listbox")
|
|
1128
1207
|
};
|
|
1129
|
-
})), Se =
|
|
1130
|
-
var je = (0, e.useState)(0), Pe =
|
|
1131
|
-
var
|
|
1132
|
-
var
|
|
1133
|
-
var
|
|
1134
|
-
var
|
|
1135
|
-
var
|
|
1208
|
+
})), Se = rn(Oe, 1), Ce = Se[0], ke = Ce.activeItemId, xe = Ce.menuListboxId;
|
|
1209
|
+
var je = (0, e.useState)(0), Pe = rn(je, 2), Ee = Pe[0], Re = Pe[1];
|
|
1210
|
+
var Me = (0, e.useState)(""), Ae = rn(Me, 2), Te = Ae[0], Ie = Ae[1];
|
|
1211
|
+
var qe = (0, e.useState)(false), Le = rn(qe, 2), De = Le[0], Ne = Le[1];
|
|
1212
|
+
var _e = (0, e.useState)(false), Ve = rn(_e, 2), Fe = Ve[0], He = Ve[1];
|
|
1213
|
+
var ze = (0, e.useState)([]), We = rn(ze, 2), $e = We[0], Ue = We[1];
|
|
1214
|
+
var Je = (0, e.useState)(b || []), Ye = rn(Je, 2), Ze = Ye[0], en = Ye[1];
|
|
1136
1215
|
// previous state
|
|
1137
|
-
var
|
|
1216
|
+
var tn = ue()(Ee);
|
|
1138
1217
|
// refs
|
|
1139
|
-
var
|
|
1218
|
+
var ln = (0, e.useRef)(null);
|
|
1140
1219
|
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
|
|
1220
|
+
var an = (0, e.useRef)(null);
|
|
1221
|
+
var un = (0, e.useRef)([]);
|
|
1222
|
+
var sn = (0, e.useRef)([]);
|
|
1223
|
+
var fn = (0, e.useRef)(tn);
|
|
1224
|
+
var dn = (0, e.useRef)();
|
|
1225
|
+
var pn = (0, e.useRef)({});
|
|
1226
|
+
var vn = (0, e.useRef)(0);
|
|
1227
|
+
var bn = (0, e.useRef)([]);
|
|
1228
|
+
var mn = (0, e.useRef)(null);
|
|
1229
|
+
var yn = (0, e.useRef)();
|
|
1230
|
+
var gn = (0, e.useRef)(0);
|
|
1231
|
+
var wn = (0, e.useRef)("none");
|
|
1232
|
+
var jn = (0, e.useState)(O ? (0, se.createDOMID)("filter") : undefined), En = rn(jn, 1), Mn = En[0];
|
|
1154
1233
|
(0, e.useEffect)((function() {
|
|
1155
1234
|
if (false) {}
|
|
1156
1235
|
}), [ i, s, h, Z ]);
|
|
1157
|
-
var
|
|
1158
|
-
var e =
|
|
1236
|
+
var An = (0, e.useCallback)((function() {
|
|
1237
|
+
var e = he ? pe : Ze;
|
|
1159
1238
|
return I || e == null ? e : e.slice(0, 1);
|
|
1160
|
-
}), [
|
|
1161
|
-
var
|
|
1239
|
+
}), [ he, I, pe, Ze ]);
|
|
1240
|
+
var Tn = (0, e.useCallback)((function() {
|
|
1162
1241
|
var e;
|
|
1163
1242
|
// in non-multiple mode, don't move values to the top of the list
|
|
1164
|
-
return I &&
|
|
1165
|
-
}), [
|
|
1243
|
+
return I && ae !== "never" ? (e = An()) !== null && e !== void 0 ? e : [] : [];
|
|
1244
|
+
}), [ An, I, ae ]);
|
|
1166
1245
|
var In = (0, e.useCallback)((function(e) {
|
|
1167
|
-
var n =
|
|
1168
|
-
|
|
1169
|
-
|
|
1246
|
+
var n = Te;
|
|
1247
|
+
Ne(true);
|
|
1248
|
+
Ue(Tn());
|
|
1170
1249
|
// SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
|
|
1171
1250
|
if (I) {
|
|
1172
|
-
|
|
1251
|
+
Ie("");
|
|
1173
1252
|
}
|
|
1174
|
-
if (n !==
|
|
1253
|
+
if (n !== Te) {
|
|
1175
1254
|
F === null || F === void 0 ? void 0 : F(e, {
|
|
1176
|
-
keyword:
|
|
1255
|
+
keyword: Te
|
|
1177
1256
|
});
|
|
1178
1257
|
}
|
|
1179
|
-
}), [
|
|
1258
|
+
}), [ Te, Tn, I, F ]);
|
|
1180
1259
|
(0, e.useEffect)((function() {
|
|
1181
|
-
if (
|
|
1260
|
+
if (De) {
|
|
1182
1261
|
X === null || X === void 0 ? void 0 : X();
|
|
1183
|
-
if (
|
|
1184
|
-
|
|
1262
|
+
if (mn.current && !O) {
|
|
1263
|
+
mn.current.focus();
|
|
1185
1264
|
} else {
|
|
1186
1265
|
var e;
|
|
1187
|
-
Re((e =
|
|
1266
|
+
Re((e = yn.current) !== null && e !== void 0 ? e : 0);
|
|
1188
1267
|
}
|
|
1189
1268
|
}
|
|
1190
|
-
}), [ X,
|
|
1191
|
-
var
|
|
1192
|
-
|
|
1269
|
+
}), [ X, De, $e, Te, O ]);
|
|
1270
|
+
var qn = (0, e.useCallback)((function() {
|
|
1271
|
+
Ne(false);
|
|
1193
1272
|
Re(0);
|
|
1194
|
-
|
|
1273
|
+
fn.current = null;
|
|
1195
1274
|
W === null || W === void 0 ? void 0 : W();
|
|
1196
1275
|
}), [ W ]);
|
|
1197
|
-
var
|
|
1198
|
-
var
|
|
1199
|
-
var
|
|
1200
|
-
var l =
|
|
1201
|
-
var
|
|
1276
|
+
var Ln = (0, e.useCallback)((function(e, n) {
|
|
1277
|
+
var r;
|
|
1278
|
+
var t = (r = An()) !== null && r !== void 0 ? r : [];
|
|
1279
|
+
var l = t.indexOf(n);
|
|
1280
|
+
var o;
|
|
1202
1281
|
if (I) {
|
|
1203
1282
|
if (l >= 0) {
|
|
1204
|
-
|
|
1283
|
+
o = [].concat(Qe(t.slice(0, l)), Qe(t.slice(l + 1)));
|
|
1205
1284
|
} else {
|
|
1206
|
-
|
|
1285
|
+
o = t.concat([ n ]);
|
|
1207
1286
|
}
|
|
1208
1287
|
} else {
|
|
1209
1288
|
// non-multiple mode must always have a value
|
|
1210
|
-
|
|
1289
|
+
o = [ n ];
|
|
1211
1290
|
}
|
|
1212
|
-
var
|
|
1213
|
-
if (
|
|
1214
|
-
|
|
1291
|
+
var a = !he;
|
|
1292
|
+
if (a) {
|
|
1293
|
+
en(o);
|
|
1215
1294
|
}
|
|
1216
1295
|
if (I) {
|
|
1217
1296
|
// in uncontrolled multiple mode, keep the menu open
|
|
1218
|
-
if (
|
|
1219
|
-
|
|
1297
|
+
if (a) {
|
|
1298
|
+
Ne(true);
|
|
1220
1299
|
}
|
|
1221
1300
|
} else {
|
|
1222
1301
|
var i;
|
|
1223
1302
|
// non-multiple mode only supports a single selection
|
|
1224
1303
|
// so close the menu once a selection is made
|
|
1225
|
-
|
|
1304
|
+
qn({
|
|
1226
1305
|
reason: "contentClick"
|
|
1227
1306
|
});
|
|
1228
|
-
(i =
|
|
1307
|
+
(i = ln.current) === null || i === void 0 ? void 0 : i.focus();
|
|
1229
1308
|
}
|
|
1230
|
-
|
|
1231
|
-
values:
|
|
1232
|
-
name:
|
|
1309
|
+
B === null || B === void 0 ? void 0 : B(e, {
|
|
1310
|
+
values: o,
|
|
1311
|
+
name: L,
|
|
1233
1312
|
reason: "valueToggle"
|
|
1234
1313
|
});
|
|
1235
|
-
}), [
|
|
1314
|
+
}), [ An, qn, he, I, L, B ]);
|
|
1236
1315
|
var Dn = function e() {
|
|
1237
1316
|
on.current = null;
|
|
1238
|
-
|
|
1239
|
-
if (
|
|
1240
|
-
clearTimeout(
|
|
1317
|
+
un.current = [];
|
|
1318
|
+
if (an.current) {
|
|
1319
|
+
clearTimeout(an.current);
|
|
1241
1320
|
}
|
|
1242
1321
|
};
|
|
1243
|
-
var
|
|
1244
|
-
var
|
|
1322
|
+
var Nn = (0, e.useCallback)((function(e) {
|
|
1323
|
+
var r;
|
|
1245
1324
|
// this doesn't make sense if we can't select multiple values
|
|
1246
1325
|
if (!I) {
|
|
1247
1326
|
return;
|
|
1248
1327
|
}
|
|
1249
|
-
var
|
|
1250
|
-
var l = z()(
|
|
1328
|
+
var t = (r = An()) !== null && r !== void 0 ? r : [];
|
|
1329
|
+
var l = z()(t.concat(bn.current));
|
|
1251
1330
|
l = n().Children.toArray(d).filter((function(e) {
|
|
1252
|
-
return
|
|
1331
|
+
return Sn(e) && _()(l, e.props.value) && (!e.props.disabled || _()(t, e.props.value));
|
|
1253
1332
|
})).map((function(e) {
|
|
1254
1333
|
return e.props.value;
|
|
1255
1334
|
}));
|
|
1256
|
-
if (!
|
|
1257
|
-
|
|
1335
|
+
if (!he) {
|
|
1336
|
+
en(l);
|
|
1258
1337
|
}
|
|
1259
|
-
|
|
1338
|
+
B === null || B === void 0 ? void 0 : B(e, {
|
|
1260
1339
|
values: l,
|
|
1261
|
-
name:
|
|
1340
|
+
name: L,
|
|
1262
1341
|
reason: "selectAll"
|
|
1263
1342
|
});
|
|
1264
|
-
}), [ d,
|
|
1265
|
-
var
|
|
1266
|
-
var
|
|
1343
|
+
}), [ d, An, he, I, L, B ]);
|
|
1344
|
+
var _n = (0, e.useCallback)((function(e) {
|
|
1345
|
+
var r;
|
|
1267
1346
|
// this doesn't make sense if we can't select multiple values
|
|
1268
1347
|
if (!I) {
|
|
1269
1348
|
return;
|
|
1270
1349
|
}
|
|
1271
|
-
var
|
|
1272
|
-
var l = $().apply(void 0, [
|
|
1350
|
+
var t = (r = An()) !== null && r !== void 0 ? r : [];
|
|
1351
|
+
var l = $().apply(void 0, [ t ].concat(Qe(bn.current)));
|
|
1273
1352
|
// this will unselect all selected values unless those values are disabled or hidden by the filter
|
|
1274
|
-
var
|
|
1275
|
-
return
|
|
1353
|
+
var o = n().Children.toArray(d).filter((function(e) {
|
|
1354
|
+
return Sn(e) && (_()(t, e.props.value) && e.props.disabled || _()(l, e.props.value));
|
|
1276
1355
|
})).map((function(e) {
|
|
1277
1356
|
return e.props.value;
|
|
1278
1357
|
}));
|
|
1279
|
-
if (!
|
|
1280
|
-
|
|
1358
|
+
if (!he) {
|
|
1359
|
+
en(o);
|
|
1281
1360
|
}
|
|
1282
|
-
|
|
1283
|
-
values:
|
|
1284
|
-
name:
|
|
1361
|
+
B === null || B === void 0 ? void 0 : B(e, {
|
|
1362
|
+
values: o,
|
|
1363
|
+
name: L,
|
|
1285
1364
|
reason: "clearAll"
|
|
1286
1365
|
});
|
|
1287
|
-
}), [ d,
|
|
1288
|
-
var
|
|
1289
|
-
if (
|
|
1366
|
+
}), [ d, An, he, I, L, B ]);
|
|
1367
|
+
var Bn = (0, e.useCallback)((function(e) {
|
|
1368
|
+
if (De && !j) {
|
|
1290
1369
|
K === null || K === void 0 ? void 0 : K(e);
|
|
1291
1370
|
}
|
|
1292
|
-
}), [
|
|
1371
|
+
}), [ De, j, K ]);
|
|
1293
1372
|
var Vn = (0, e.useCallback)((function(n) {
|
|
1294
|
-
var
|
|
1295
|
-
if (
|
|
1296
|
-
if (de &&
|
|
1373
|
+
var r = n.key;
|
|
1374
|
+
if (r === "Tab") {
|
|
1375
|
+
if (de && dn.current && vn.current <= 1) {
|
|
1297
1376
|
n.preventDefault();
|
|
1298
|
-
|
|
1377
|
+
Ln(n, dn.current);
|
|
1299
1378
|
}
|
|
1300
1379
|
}
|
|
1301
1380
|
if (n.shiftKey || n.metaKey || n.ctrlKey) {
|
|
1302
|
-
if (
|
|
1381
|
+
if (r === "a" && (n.ctrlKey || n.metaKey)) {
|
|
1303
1382
|
// handle control + A
|
|
1304
|
-
if (
|
|
1305
|
-
Bn(n);
|
|
1306
|
-
} else {
|
|
1383
|
+
if (wn.current === "all") {
|
|
1307
1384
|
_n(n);
|
|
1385
|
+
} else {
|
|
1386
|
+
Nn(n);
|
|
1308
1387
|
}
|
|
1309
1388
|
}
|
|
1310
1389
|
return;
|
|
1311
1390
|
}
|
|
1312
|
-
if (
|
|
1391
|
+
if (r === "ArrowDown") {
|
|
1313
1392
|
n.preventDefault();
|
|
1314
|
-
Re(Math.min(Ee + 1,
|
|
1393
|
+
Re(Math.min(Ee + 1, oe === "checkbox" ? vn.current : vn.current - 1));
|
|
1315
1394
|
if (d && K) {
|
|
1316
|
-
var
|
|
1317
|
-
var l = e.Children.toArray(d).length - (2 + ((
|
|
1395
|
+
var t;
|
|
1396
|
+
var l = e.Children.toArray(d).length - (2 + ((t = An()) !== null && t !== void 0 ? t : []).length);
|
|
1318
1397
|
if (Ee === l) {
|
|
1319
|
-
|
|
1398
|
+
Bn(n);
|
|
1320
1399
|
}
|
|
1321
1400
|
}
|
|
1322
1401
|
}
|
|
1323
|
-
if (
|
|
1402
|
+
if (r === "ArrowUp") {
|
|
1324
1403
|
n.preventDefault();
|
|
1325
1404
|
Re(Math.max(Ee - 1, 0));
|
|
1326
1405
|
}
|
|
1327
|
-
if (
|
|
1328
|
-
if (
|
|
1329
|
-
if (
|
|
1330
|
-
Bn(n);
|
|
1331
|
-
} else {
|
|
1406
|
+
if (r === "Enter" && dn.current && De) {
|
|
1407
|
+
if (dn.current === "selectAll") {
|
|
1408
|
+
if (wn.current === "all") {
|
|
1332
1409
|
_n(n);
|
|
1410
|
+
} else {
|
|
1411
|
+
Nn(n);
|
|
1333
1412
|
}
|
|
1334
1413
|
} else {
|
|
1335
1414
|
n.preventDefault();
|
|
1336
|
-
|
|
1415
|
+
Ln(n, dn.current);
|
|
1337
1416
|
}
|
|
1338
1417
|
}
|
|
1339
|
-
}), [ Ee, d,
|
|
1418
|
+
}), [ Ee, d, An, _n, Bn, Nn, K, De, oe, de, Ln ]);
|
|
1340
1419
|
var Kn = (0, e.useCallback)((function(e, n) {
|
|
1341
|
-
var
|
|
1420
|
+
var r = n.value;
|
|
1342
1421
|
e.preventDefault();
|
|
1343
|
-
if (!
|
|
1422
|
+
if (!De) {
|
|
1344
1423
|
return;
|
|
1345
1424
|
}
|
|
1346
|
-
|
|
1347
|
-
}), [
|
|
1425
|
+
Ln(e, r);
|
|
1426
|
+
}), [ De, Ln ]);
|
|
1348
1427
|
var Fn = (0, e.useCallback)((function(e, n) {
|
|
1349
|
-
var
|
|
1428
|
+
var r = e.nativeEvent.key;
|
|
1350
1429
|
// Checking for a single character to avoid complications from double-byte languages and emojis.
|
|
1351
|
-
if (
|
|
1352
|
-
var
|
|
1430
|
+
if (r.length === 1) {
|
|
1431
|
+
var t = [];
|
|
1353
1432
|
var l = {
|
|
1354
1433
|
index: 0,
|
|
1355
|
-
value:
|
|
1434
|
+
value: r
|
|
1356
1435
|
};
|
|
1357
1436
|
if (!on.current) {
|
|
1358
|
-
if (
|
|
1437
|
+
if (r === " ") {
|
|
1359
1438
|
Dn();
|
|
1360
1439
|
return;
|
|
1361
1440
|
}
|
|
1362
|
-
|
|
1363
|
-
} else if (
|
|
1441
|
+
t = Ke(sn.current, l);
|
|
1442
|
+
} else if (un.current.length > 1) {
|
|
1364
1443
|
l.index = on.current.index + 1;
|
|
1365
|
-
|
|
1444
|
+
t = Ke(un.current, l);
|
|
1366
1445
|
}
|
|
1367
|
-
if (
|
|
1368
|
-
var
|
|
1369
|
-
var
|
|
1446
|
+
if (t.length) {
|
|
1447
|
+
var o;
|
|
1448
|
+
var a = 0;
|
|
1370
1449
|
// If the active option is a first character match, cycle to the next matching option.
|
|
1371
|
-
if (l.index === 0 &&
|
|
1372
|
-
var i =
|
|
1450
|
+
if (l.index === 0 && t.length > 1) {
|
|
1451
|
+
var i = t.indexOf(sn.current[n]);
|
|
1373
1452
|
if (i >= 0) {
|
|
1374
|
-
|
|
1453
|
+
a = i === t.length - 1 ? 0 : i + 1;
|
|
1375
1454
|
}
|
|
1376
1455
|
}
|
|
1377
|
-
var u =
|
|
1456
|
+
var u = t[a];
|
|
1378
1457
|
var c = u.value, s = u.label;
|
|
1379
|
-
var f =
|
|
1380
|
-
f === null || f === void 0 ? void 0 : (
|
|
1458
|
+
var f = pn.current[Cn(c, s)];
|
|
1459
|
+
f === null || f === void 0 ? void 0 : (o = f.focus) === null || o === void 0 ? void 0 : o.call(f);
|
|
1381
1460
|
}
|
|
1382
|
-
|
|
1461
|
+
un.current = t;
|
|
1383
1462
|
on.current = l;
|
|
1384
|
-
if (
|
|
1385
|
-
clearTimeout(
|
|
1463
|
+
if (an.current) {
|
|
1464
|
+
clearTimeout(an.current);
|
|
1386
1465
|
}
|
|
1387
|
-
|
|
1466
|
+
an.current = setTimeout(Dn, 500);
|
|
1388
1467
|
e.preventDefault();
|
|
1389
1468
|
e.stopPropagation();
|
|
1390
1469
|
}
|
|
1391
1470
|
}), []);
|
|
1392
1471
|
var Hn = (0, e.useCallback)((function(e, n) {
|
|
1393
|
-
var
|
|
1394
|
-
|
|
1395
|
-
|
|
1472
|
+
var r = n.value;
|
|
1473
|
+
Ie(r);
|
|
1474
|
+
Ne(true);
|
|
1396
1475
|
Re(0);
|
|
1397
1476
|
F === null || F === void 0 ? void 0 : F(e, {
|
|
1398
|
-
keyword:
|
|
1477
|
+
keyword: r
|
|
1399
1478
|
});
|
|
1400
1479
|
}), [ F ]);
|
|
1401
1480
|
var zn = (0, e.useCallback)((function() {
|
|
1402
|
-
|
|
1481
|
+
He(true);
|
|
1403
1482
|
}), []);
|
|
1404
1483
|
var Wn = (0, e.useCallback)((function() {
|
|
1405
|
-
|
|
1484
|
+
He(false);
|
|
1406
1485
|
}), []);
|
|
1407
1486
|
var $n = (0, e.useCallback)((function(e) {
|
|
1408
|
-
if (
|
|
1487
|
+
if (fn.current !== Ee) {
|
|
1409
1488
|
(0, fe.scrollIntoViewIfNeeded)(e);
|
|
1410
1489
|
}
|
|
1411
1490
|
}), [ Ee ]);
|
|
1412
|
-
var Xn = (0, e.useCallback)((function(e, n,
|
|
1413
|
-
if (
|
|
1414
|
-
|
|
1491
|
+
var Xn = (0, e.useCallback)((function(e, n, r) {
|
|
1492
|
+
if (r) {
|
|
1493
|
+
mn.current = e;
|
|
1415
1494
|
}
|
|
1416
1495
|
if (e == null) {
|
|
1417
|
-
delete
|
|
1496
|
+
delete pn.current[n];
|
|
1418
1497
|
} else {
|
|
1419
|
-
|
|
1498
|
+
pn.current[n] = e;
|
|
1420
1499
|
}
|
|
1421
|
-
}), [
|
|
1500
|
+
}), [ pn ]);
|
|
1422
1501
|
var Un = (0, e.useCallback)((function(e) {
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
}), [
|
|
1502
|
+
ln.current = e;
|
|
1503
|
+
Ge(g, e);
|
|
1504
|
+
}), [ g, ln ]);
|
|
1426
1505
|
var Jn = (0, e.useMemo)((function() {
|
|
1427
1506
|
var e;
|
|
1428
|
-
return (e =
|
|
1429
|
-
}), [
|
|
1507
|
+
return (e = An()) !== null && e !== void 0 ? e : [];
|
|
1508
|
+
}), [ An ]);
|
|
1430
1509
|
var Gn = e.Children.toArray(d);
|
|
1431
1510
|
var Qn = Jn.some((function(e) {
|
|
1432
|
-
var n =
|
|
1433
|
-
return
|
|
1511
|
+
var n = T()(Gn, (function(n) {
|
|
1512
|
+
return Sn(n) && n.props.value === e;
|
|
1434
1513
|
}));
|
|
1435
1514
|
return n && !n.props.disabled;
|
|
1436
1515
|
}));
|
|
1437
|
-
var Yn =
|
|
1516
|
+
var Yn = ae === "immediately" ? Tn() : $e;
|
|
1438
1517
|
var Zn = (0, e.useMemo)((function() {
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
var
|
|
1518
|
+
vn.current = 0;
|
|
1519
|
+
yn.current = undefined;
|
|
1520
|
+
gn.current = 0;
|
|
1521
|
+
dn.current = undefined;
|
|
1522
|
+
sn.current = [];
|
|
1523
|
+
var r = function e(n, r) {
|
|
1445
1524
|
return function(e) {
|
|
1446
|
-
return Xn(e, n,
|
|
1525
|
+
return Xn(e, n, r);
|
|
1447
1526
|
};
|
|
1448
1527
|
};
|
|
1449
|
-
var
|
|
1450
|
-
var
|
|
1451
|
-
var
|
|
1528
|
+
var t;
|
|
1529
|
+
var o = 0;
|
|
1530
|
+
var a = false;
|
|
1452
1531
|
// used to avoid overwriting the selected item ref in multiple mode
|
|
1453
1532
|
var i;
|
|
1454
1533
|
var s = e.Children.toArray(d).reduce((function(u, s, f) {
|
|
1455
1534
|
// ignore Headings and Dividers
|
|
1456
|
-
if (!
|
|
1535
|
+
if (!Sn(s)) {
|
|
1457
1536
|
u.push(s);
|
|
1458
1537
|
return u;
|
|
1459
1538
|
}
|
|
1460
1539
|
var d = s.props, p = d.disabled, v = d.hidden, b = d.label, m = d.value;
|
|
1461
1540
|
// Find out if the search string exactly matches a value
|
|
1462
|
-
if (m ===
|
|
1463
|
-
|
|
1541
|
+
if (m === Te) {
|
|
1542
|
+
t = true;
|
|
1464
1543
|
}
|
|
1465
|
-
var
|
|
1466
|
-
var
|
|
1544
|
+
var y = Jn && Jn.indexOf(m) >= 0;
|
|
1545
|
+
var g = !!y && !p && !i;
|
|
1467
1546
|
var h = l && !I && !O && !j && !K;
|
|
1468
|
-
var
|
|
1469
|
-
var
|
|
1547
|
+
var S = Cn(m, b);
|
|
1548
|
+
var C = -1;
|
|
1470
1549
|
if (h && !p && !v) {
|
|
1471
|
-
|
|
1550
|
+
sn.current.push({
|
|
1472
1551
|
label: b,
|
|
1473
1552
|
value: m
|
|
1474
1553
|
});
|
|
1475
|
-
|
|
1554
|
+
C = sn.current.length - 1;
|
|
1476
1555
|
}
|
|
1477
1556
|
// Format the Menu.Item
|
|
1478
|
-
var
|
|
1479
|
-
elementRef:
|
|
1557
|
+
var w = (0, e.cloneElement)(s, {
|
|
1558
|
+
elementRef: r(S, g),
|
|
1480
1559
|
key: s.key || f,
|
|
1481
1560
|
onClick: Kn,
|
|
1482
1561
|
onKeyDown: h ? function(e) {
|
|
1483
|
-
return Fn(e,
|
|
1562
|
+
return Fn(e, C);
|
|
1484
1563
|
} : undefined,
|
|
1485
|
-
selected:
|
|
1564
|
+
selected: y,
|
|
1486
1565
|
multiple: I,
|
|
1487
1566
|
role: "option"
|
|
1488
1567
|
});
|
|
1489
|
-
if (
|
|
1568
|
+
if (g) {
|
|
1490
1569
|
i = true;
|
|
1491
1570
|
}
|
|
1492
1571
|
if (Yn && Yn.indexOf(m) >= 0) {
|
|
1493
|
-
if (
|
|
1494
|
-
u.splice(
|
|
1572
|
+
if (o === 0) {
|
|
1573
|
+
u.splice(o, 0, n().createElement(c.Divider, {
|
|
1495
1574
|
key: "topDivider"
|
|
1496
1575
|
}));
|
|
1497
|
-
|
|
1576
|
+
a = true;
|
|
1498
1577
|
}
|
|
1499
|
-
u.splice(
|
|
1500
|
-
|
|
1578
|
+
u.splice(o, 0, w);
|
|
1579
|
+
o += 1;
|
|
1501
1580
|
} else {
|
|
1502
|
-
u.push(
|
|
1581
|
+
u.push(w);
|
|
1503
1582
|
}
|
|
1504
1583
|
return u;
|
|
1505
1584
|
}), []);
|
|
1506
1585
|
// In multiple mode, add missing items
|
|
1507
1586
|
if (I) {
|
|
1508
|
-
|
|
1509
|
-
var l =
|
|
1510
|
-
return
|
|
1587
|
+
q()(Jn, (function(e) {
|
|
1588
|
+
var l = T()(s, (function(n) {
|
|
1589
|
+
return Sn(n) && n.props && n.props.value === e;
|
|
1511
1590
|
}));
|
|
1512
1591
|
if (!l) {
|
|
1513
|
-
if (e ===
|
|
1514
|
-
|
|
1592
|
+
if (e === Te) {
|
|
1593
|
+
t = true;
|
|
1515
1594
|
}
|
|
1516
1595
|
var i = Yn && Yn.indexOf(e) >= 0;
|
|
1517
1596
|
var u = Yn.length;
|
|
1518
|
-
if (
|
|
1597
|
+
if (o === 0) {
|
|
1519
1598
|
s.splice(0, 0, n().createElement(c.Divider, {
|
|
1520
1599
|
key: "topDivider"
|
|
1521
1600
|
}));
|
|
1522
|
-
|
|
1523
|
-
|
|
1601
|
+
o += 1;
|
|
1602
|
+
a = true;
|
|
1524
1603
|
}
|
|
1525
1604
|
var f = String(e);
|
|
1526
|
-
var d =
|
|
1527
|
-
s.splice(i ? 0 : u + 1, 0, n().createElement(
|
|
1528
|
-
elementRef:
|
|
1605
|
+
var d = Cn(e, f);
|
|
1606
|
+
s.splice(i ? 0 : u + 1, 0, n().createElement(S, {
|
|
1607
|
+
elementRef: r(d),
|
|
1529
1608
|
label: f,
|
|
1530
1609
|
value: e,
|
|
1531
1610
|
key: "missing-value-".concat(e),
|
|
@@ -1534,194 +1613,194 @@
|
|
|
1534
1613
|
selected: true
|
|
1535
1614
|
}));
|
|
1536
1615
|
if (i) {
|
|
1537
|
-
|
|
1616
|
+
o += 1;
|
|
1538
1617
|
}
|
|
1539
1618
|
}
|
|
1540
1619
|
}));
|
|
1541
1620
|
}
|
|
1542
1621
|
var p = O === "controlled";
|
|
1543
1622
|
// Filter the items
|
|
1544
|
-
var v = (0, ce.stringToKeywords)(
|
|
1623
|
+
var v = (0, ce.stringToKeywords)(Te);
|
|
1545
1624
|
s = p ? s : s.filter((function(e) {
|
|
1546
|
-
if (
|
|
1625
|
+
if (Sn(e)) {
|
|
1547
1626
|
return (0, ce.testPhrase)(e.props.label, v);
|
|
1548
1627
|
}
|
|
1549
1628
|
return true;
|
|
1550
1629
|
// Keep all headers and non-interactive options
|
|
1551
1630
|
})).map((function(n) {
|
|
1552
|
-
if (!
|
|
1631
|
+
if (!Sn(n)) {
|
|
1553
1632
|
return n;
|
|
1554
1633
|
}
|
|
1555
1634
|
// highlight matched text
|
|
1556
|
-
var
|
|
1635
|
+
var r = v && (0, ce.keywordLocations)(n.props.label, v);
|
|
1557
1636
|
|
|
1558
1637
|
return (0, e.cloneElement)(n, {
|
|
1559
|
-
matchRanges:
|
|
1638
|
+
matchRanges: r || undefined
|
|
1560
1639
|
});
|
|
1561
1640
|
}));
|
|
1562
1641
|
// 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:
|
|
1642
|
+
if (f && !t && Te) {
|
|
1643
|
+
var b = a ? o + 1 : o;
|
|
1644
|
+
var m = "".concat(Te, " (new value)");
|
|
1645
|
+
var y = Cn(Te, m);
|
|
1646
|
+
s.splice(b, 0, n().createElement(S, {
|
|
1647
|
+
elementRef: r(y),
|
|
1569
1648
|
label: m,
|
|
1570
|
-
value:
|
|
1649
|
+
value: Te,
|
|
1571
1650
|
key: "newValue",
|
|
1572
1651
|
multiple: I,
|
|
1573
1652
|
onClick: Kn
|
|
1574
1653
|
}));
|
|
1575
1654
|
}
|
|
1576
1655
|
// When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
|
|
1577
|
-
var
|
|
1656
|
+
var g = oe === "checkbox" && I && s.length > 1 ? 1 : 0;
|
|
1578
1657
|
var h = true;
|
|
1579
1658
|
// Highlight the selected Items and remove hidden
|
|
1580
|
-
s = s.reduce((function(n,
|
|
1659
|
+
s = s.reduce((function(n, r) {
|
|
1581
1660
|
// ignore Dividers & Headings
|
|
1582
|
-
if (!
|
|
1583
|
-
n.push(
|
|
1661
|
+
if (!Sn(r)) {
|
|
1662
|
+
n.push(r);
|
|
1584
1663
|
return n;
|
|
1585
1664
|
}
|
|
1586
1665
|
// Ignore any hidden items
|
|
1587
|
-
if (
|
|
1666
|
+
if (r.props && r.props.hidden) {
|
|
1588
1667
|
return n;
|
|
1589
1668
|
}
|
|
1590
|
-
if (
|
|
1591
|
-
|
|
1669
|
+
if (r.props.selected && !r.props.disabled && yn.current == null) {
|
|
1670
|
+
yn.current = vn.current;
|
|
1592
1671
|
}
|
|
1593
|
-
var
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
if (
|
|
1672
|
+
var t = g === Ee;
|
|
1673
|
+
g += 1;
|
|
1674
|
+
vn.current += 1;
|
|
1675
|
+
gn.current += r.props.selected ? 1 : 0;
|
|
1676
|
+
if (r.key !== "newValue" && !r.props.disabled && !r.props.selected) {
|
|
1598
1677
|
h = false;
|
|
1599
1678
|
}
|
|
1600
|
-
if (!
|
|
1601
|
-
n.push(
|
|
1679
|
+
if (!t || !Fe) {
|
|
1680
|
+
n.push(r);
|
|
1602
1681
|
return n;
|
|
1603
1682
|
}
|
|
1604
|
-
if (!
|
|
1605
|
-
|
|
1683
|
+
if (!r.props.disabled) {
|
|
1684
|
+
dn.current = r.props.value;
|
|
1606
1685
|
}
|
|
1607
|
-
var l = (0, e.cloneElement)(
|
|
1608
|
-
active:
|
|
1686
|
+
var l = (0, e.cloneElement)(r, {
|
|
1687
|
+
active: t,
|
|
1609
1688
|
elementRef: $n,
|
|
1610
|
-
id:
|
|
1689
|
+
id: ke
|
|
1611
1690
|
});
|
|
1612
1691
|
n.push(l);
|
|
1613
1692
|
return n;
|
|
1614
1693
|
}), []);
|
|
1615
|
-
|
|
1694
|
+
wn.current = gn.current === 0 && "none" || h && "all" || "some";
|
|
1616
1695
|
// add select all option
|
|
1617
|
-
if (
|
|
1618
|
-
var
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1696
|
+
if (oe === "checkbox" && I && vn.current > 0) {
|
|
1697
|
+
var C = Ee === 0 && !!O;
|
|
1698
|
+
var w;
|
|
1699
|
+
if (wn.current === "all") {
|
|
1700
|
+
if (Te === "") {
|
|
1701
|
+
w = (0, u._)("Clear all");
|
|
1622
1702
|
} else {
|
|
1623
|
-
|
|
1703
|
+
w = (0, u._)("Clear all matches");
|
|
1624
1704
|
}
|
|
1625
|
-
} else if (
|
|
1626
|
-
|
|
1705
|
+
} else if (Te === "") {
|
|
1706
|
+
w = (0, u._)("Select all");
|
|
1627
1707
|
} else {
|
|
1628
|
-
|
|
1708
|
+
w = (0, u._)("Select all matches");
|
|
1629
1709
|
}
|
|
1630
|
-
if (
|
|
1631
|
-
|
|
1710
|
+
if (C) {
|
|
1711
|
+
dn.current = "selectAll";
|
|
1632
1712
|
}
|
|
1633
|
-
s.unshift( n().createElement(
|
|
1713
|
+
s.unshift( n().createElement(we, {
|
|
1634
1714
|
key: "select-all-option",
|
|
1635
|
-
active:
|
|
1636
|
-
changedToggle: !!me,
|
|
1715
|
+
active: C,
|
|
1637
1716
|
elementRef: $n,
|
|
1638
|
-
id:
|
|
1639
|
-
onClick:
|
|
1640
|
-
|
|
1641
|
-
selected:
|
|
1642
|
-
totalCount: Jn.length,
|
|
1643
|
-
tabIndex: -1
|
|
1717
|
+
id: C ? ke : undefined,
|
|
1718
|
+
onClick: wn.current === "all" ? _n : Nn,
|
|
1719
|
+
label: w,
|
|
1720
|
+
selected: wn.current === "all" || wn.current !== "none" && "some",
|
|
1721
|
+
totalCount: !!be && Jn.length || undefined,
|
|
1722
|
+
tabIndex: O ? -1 : undefined
|
|
1644
1723
|
}), n().createElement(c.Divider, {
|
|
1645
1724
|
key: "selectAllDivider"
|
|
1646
1725
|
}));
|
|
1647
1726
|
}
|
|
1648
|
-
|
|
1649
|
-
if (
|
|
1727
|
+
bn.current = s.reduce((function(e, n) {
|
|
1728
|
+
if (Sn(n)) {
|
|
1650
1729
|
e.push(n.props.value);
|
|
1651
1730
|
}
|
|
1652
1731
|
return e;
|
|
1653
1732
|
}), []);
|
|
1654
1733
|
return s;
|
|
1655
|
-
}), [ Ee,
|
|
1656
|
-
var
|
|
1657
|
-
var
|
|
1658
|
-
var u =
|
|
1659
|
-
anchorWidth:
|
|
1734
|
+
}), [ Ee, ke, l, f, d, Jn, O, Te, $n, _n, Kn, Fn, Xn, Nn, j, I, Yn, K, oe, Fe, be ]);
|
|
1735
|
+
var er = function e(r) {
|
|
1736
|
+
var t = r.anchorWidth, l = r.maxHeight, a = r.placement, i = r.toggleId;
|
|
1737
|
+
var u = hn({
|
|
1738
|
+
anchorWidth: t,
|
|
1660
1739
|
isMultiple: I,
|
|
1661
1740
|
maxHeight: l,
|
|
1662
|
-
menuStyle:
|
|
1741
|
+
menuStyle: A
|
|
1663
1742
|
});
|
|
1664
1743
|
var c = Jn.length > 0 && !Qn && !O ? 0 : undefined;
|
|
1665
1744
|
var s = {
|
|
1666
1745
|
"aria-multiselectable": I || undefined,
|
|
1667
|
-
childrenStart: !!O && n().createElement(
|
|
1668
|
-
activeItemId:
|
|
1669
|
-
filterA11yId:
|
|
1670
|
-
filterKeyword:
|
|
1746
|
+
childrenStart: !!O && n().createElement(Pn, {
|
|
1747
|
+
activeItemId: ke,
|
|
1748
|
+
filterA11yId: Mn,
|
|
1749
|
+
filterKeyword: Te,
|
|
1671
1750
|
hasChildren: Zn.some((function(e) {
|
|
1672
|
-
return
|
|
1751
|
+
return Sn(e);
|
|
1673
1752
|
})),
|
|
1674
|
-
inputId:
|
|
1753
|
+
inputId: k,
|
|
1675
1754
|
inputRef: x,
|
|
1676
1755
|
menuListboxId: xe,
|
|
1677
1756
|
multiple: I,
|
|
1678
|
-
onClearAll:
|
|
1679
|
-
onSelectAll:
|
|
1757
|
+
onClearAll: _n,
|
|
1758
|
+
onSelectAll: Nn,
|
|
1680
1759
|
onTextBlur: Wn,
|
|
1681
1760
|
onTextChange: Hn,
|
|
1682
1761
|
onTextFocus: zn,
|
|
1683
1762
|
onTextKeyDown: Vn,
|
|
1684
|
-
optionSelection:
|
|
1685
|
-
placement:
|
|
1686
|
-
selectAllAppearance:
|
|
1687
|
-
textHasFocus:
|
|
1763
|
+
optionSelection: wn,
|
|
1764
|
+
placement: a,
|
|
1765
|
+
selectAllAppearance: oe,
|
|
1766
|
+
textHasFocus: Fe
|
|
1688
1767
|
}),
|
|
1689
1768
|
focusMode: O ? "never" : undefined,
|
|
1690
1769
|
isLoading: j,
|
|
1691
|
-
labelledBy: "".concat(
|
|
1770
|
+
labelledBy: "".concat(Mn !== null && Mn !== void 0 ? Mn : "", " ").concat(i !== null && i !== void 0 ? i : "").trim(),
|
|
1692
1771
|
// NVDA ignores aria-labelledby attribute on popover, but reads it on menu
|
|
1693
1772
|
menuId: xe,
|
|
1694
|
-
onScrollBottom: K ?
|
|
1695
|
-
placement:
|
|
1696
|
-
noOptionsMessage:
|
|
1697
|
-
footerMessage:
|
|
1698
|
-
animateLoading:
|
|
1773
|
+
onScrollBottom: K ? Bn : undefined,
|
|
1774
|
+
placement: a !== null && a !== void 0 ? a : undefined,
|
|
1775
|
+
noOptionsMessage: N,
|
|
1776
|
+
footerMessage: C,
|
|
1777
|
+
animateLoading: o,
|
|
1699
1778
|
loadingMessage: R,
|
|
1700
1779
|
onScroll: V,
|
|
1701
1780
|
style: u,
|
|
1702
1781
|
tabIndex: c
|
|
1703
1782
|
};
|
|
1704
|
-
if (
|
|
1783
|
+
if (ve) {
|
|
1705
1784
|
|
|
1706
|
-
return n().createElement(ne.VirtualizedResultsMenu,
|
|
1707
|
-
virtualization:
|
|
1785
|
+
return n().createElement(ne.VirtualizedResultsMenu, nn({
|
|
1786
|
+
virtualization: ve
|
|
1708
1787
|
}, s), Zn);
|
|
1709
1788
|
}
|
|
1710
1789
|
|
|
1711
|
-
return n().createElement(
|
|
1790
|
+
return n().createElement(re(), s, Zn);
|
|
1712
1791
|
};
|
|
1713
|
-
var
|
|
1792
|
+
var nr = (0, e.useMemo)((function() {
|
|
1714
1793
|
|
|
1715
|
-
return n().createElement(
|
|
1794
|
+
return n().createElement(Rn, nn({
|
|
1716
1795
|
appearance: i,
|
|
1717
1796
|
append: s,
|
|
1718
|
-
currentValues:
|
|
1797
|
+
currentValues: An(),
|
|
1719
1798
|
"data-test": I ? "multiselect" : "select",
|
|
1720
1799
|
describedBy: m,
|
|
1721
|
-
disabled:
|
|
1800
|
+
disabled: y,
|
|
1722
1801
|
elementRef: Un,
|
|
1723
1802
|
error: h,
|
|
1724
|
-
inline:
|
|
1803
|
+
inline: w,
|
|
1725
1804
|
labelText: E,
|
|
1726
1805
|
labelledBy: P,
|
|
1727
1806
|
multiple: I,
|
|
@@ -1731,123 +1810,148 @@
|
|
|
1731
1810
|
prepend: Z,
|
|
1732
1811
|
required: U,
|
|
1733
1812
|
suffixLabel: ie,
|
|
1734
|
-
toggle:
|
|
1813
|
+
toggle: be,
|
|
1735
1814
|
toggleContent: ye
|
|
1736
|
-
},
|
|
1737
|
-
}), [ i, s,
|
|
1815
|
+
}, ge), d);
|
|
1816
|
+
}), [ i, s, An, I, m, y, h, Un, w, E, P, H, G, Q, Z, U, ie, be, ye, ge, d ]);
|
|
1738
1817
|
|
|
1739
1818
|
return n().createElement(Y(), {
|
|
1740
|
-
closeReasons:
|
|
1741
|
-
inputId:
|
|
1742
|
-
"aria-labelledby":
|
|
1743
|
-
toggle:
|
|
1819
|
+
closeReasons: On,
|
|
1820
|
+
inputId: k,
|
|
1821
|
+
"aria-labelledby": Mn,
|
|
1822
|
+
toggle: nr,
|
|
1744
1823
|
onRequestOpen: In,
|
|
1745
|
-
onRequestClose:
|
|
1746
|
-
open:
|
|
1824
|
+
onRequestClose: qn,
|
|
1825
|
+
open: De,
|
|
1747
1826
|
openWithArrowKeys: true,
|
|
1748
|
-
repositionMode:
|
|
1827
|
+
repositionMode: te,
|
|
1749
1828
|
defaultPlacement: v,
|
|
1750
|
-
canCoverAnchor:
|
|
1829
|
+
canCoverAnchor: Xe().innerHeight < 500,
|
|
1751
1830
|
retainFocus: false,
|
|
1752
1831
|
takeFocus: Jn.length === 0 || Jn.length > 0 && !Qn || !!O
|
|
1753
|
-
},
|
|
1832
|
+
}, er);
|
|
1754
1833
|
}
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
/* harmony default export */ const
|
|
1834
|
+
Mn.propTypes = yn;
|
|
1835
|
+
Mn.componentType = "SelectBase";
|
|
1836
|
+
Mn.Option = S;
|
|
1837
|
+
Mn.Divider = c.Divider;
|
|
1838
|
+
Mn.Heading = c.Heading;
|
|
1839
|
+
/* harmony default export */ const An = Mn;
|
|
1840
|
+
// CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
|
|
1841
|
+
var Tn = "is deprecated and will be removed in the next major version.";
|
|
1842
|
+
var In = function e(n) {
|
|
1843
|
+
var r = n.additionalMessage, t = r === void 0 ? "" : r, l = n.componentName;
|
|
1844
|
+
useEffect((function() {
|
|
1845
|
+
if (false) {}
|
|
1846
|
+
}), [ t, l ]);
|
|
1847
|
+
};
|
|
1848
|
+
var qn = function e(n) {
|
|
1849
|
+
var r = n.additionalMessage, t = r === void 0 ? "" : r, l = n.componentName, o = n.propName, a = n.propValue;
|
|
1850
|
+
useEffect((function() {
|
|
1851
|
+
if (false) {}
|
|
1852
|
+
}), [ t, l, o, a ]);
|
|
1853
|
+
};
|
|
1854
|
+
var Ln = function n(r) {
|
|
1855
|
+
var t = r.additionalMessage, l = t === void 0 ? "" : t, o = r.componentName, a = r.deprecatedPropValue, i = r.propName, u = r.propValue;
|
|
1856
|
+
(0, e.useEffect)((function() {
|
|
1857
|
+
if (false) {}
|
|
1858
|
+
}), [ l, o, i, u, a ]);
|
|
1859
|
+
};
|
|
1761
1860
|
// CONCATENATED MODULE: ./src/Select/Select.tsx
|
|
1762
|
-
function
|
|
1763
|
-
return
|
|
1861
|
+
function Dn() {
|
|
1862
|
+
return Dn = Object.assign ? Object.assign.bind() : function(e) {
|
|
1764
1863
|
for (var n = 1; n < arguments.length; n++) {
|
|
1765
|
-
var
|
|
1766
|
-
for (var
|
|
1767
|
-
({}).hasOwnProperty.call(
|
|
1864
|
+
var r = arguments[n];
|
|
1865
|
+
for (var t in r) {
|
|
1866
|
+
({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
|
|
1768
1867
|
}
|
|
1769
1868
|
}
|
|
1770
1869
|
return e;
|
|
1771
|
-
},
|
|
1870
|
+
}, Dn.apply(null, arguments);
|
|
1772
1871
|
}
|
|
1773
|
-
function
|
|
1872
|
+
function Nn(e, n) {
|
|
1774
1873
|
if (null == e) return {};
|
|
1775
|
-
var
|
|
1874
|
+
var r, t, l = _n(e, n);
|
|
1776
1875
|
if (Object.getOwnPropertySymbols) {
|
|
1777
|
-
var
|
|
1778
|
-
for (
|
|
1779
|
-
|
|
1876
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
1877
|
+
for (t = 0; t < o.length; t++) {
|
|
1878
|
+
r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
|
|
1780
1879
|
}
|
|
1781
1880
|
}
|
|
1782
1881
|
return l;
|
|
1783
1882
|
}
|
|
1784
|
-
function
|
|
1883
|
+
function _n(e, n) {
|
|
1785
1884
|
if (null == e) return {};
|
|
1786
|
-
var
|
|
1787
|
-
for (var
|
|
1788
|
-
if ({}.hasOwnProperty.call(e,
|
|
1789
|
-
if (n.
|
|
1790
|
-
t
|
|
1885
|
+
var r = {};
|
|
1886
|
+
for (var t in e) {
|
|
1887
|
+
if ({}.hasOwnProperty.call(e, t)) {
|
|
1888
|
+
if (-1 !== n.indexOf(t)) continue;
|
|
1889
|
+
r[t] = e[t];
|
|
1791
1890
|
}
|
|
1792
1891
|
}
|
|
1793
|
-
return
|
|
1892
|
+
return r;
|
|
1794
1893
|
}
|
|
1795
1894
|
/** @public */
|
|
1796
1895
|
/** @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:
|
|
1896
|
+
/** @public */ var Bn = {
|
|
1897
|
+
allowKeyMatching: o().bool,
|
|
1898
|
+
animateLoading: o().bool,
|
|
1899
|
+
appearance: o().oneOf([ "default", "link", "subtle" ]),
|
|
1900
|
+
append: o().bool,
|
|
1901
|
+
children: o().node,
|
|
1902
|
+
defaultPlacement: o().oneOf([ "above", "below", "vertical" ]),
|
|
1903
|
+
defaultValue: o().oneOfType([ o().string, o().number, o().bool ]),
|
|
1904
|
+
describedBy: o().string,
|
|
1905
|
+
disabled: o().bool,
|
|
1906
|
+
elementRef: o().oneOfType([ o().func, o().object ]),
|
|
1907
|
+
error: o().bool,
|
|
1908
|
+
filter: o().oneOf([ false, true, "controlled" ]),
|
|
1909
|
+
footerMessage: o().node,
|
|
1910
|
+
inline: o().bool,
|
|
1911
|
+
inputId: o().string,
|
|
1912
|
+
inputRef: o().oneOfType([ o().func, o().object ]),
|
|
1913
|
+
isLoadingOptions: o().bool,
|
|
1914
|
+
labelledBy: o().string,
|
|
1915
|
+
labelText: o().string,
|
|
1916
|
+
loadingMessage: o().node,
|
|
1917
|
+
menuStyle: o().object,
|
|
1918
|
+
name: o().string,
|
|
1919
|
+
noOptionsMessage: o().node,
|
|
1920
|
+
onChange: o().func,
|
|
1921
|
+
onClose: o().func,
|
|
1922
|
+
onFilterChange: o().func,
|
|
1923
|
+
onOpen: o().func,
|
|
1924
|
+
onScroll: o().func,
|
|
1925
|
+
onScrollBottom: o().func,
|
|
1926
|
+
placeholder: o().string,
|
|
1927
|
+
prefixLabel: o().string,
|
|
1928
|
+
prepend: o().bool,
|
|
1929
|
+
repositionMode: o().oneOf([ "none", "flip" ]),
|
|
1930
|
+
suffixLabel: o().string,
|
|
1931
|
+
toggleContent: o().oneOf([ "optionChildren", "optionLabel" ]),
|
|
1833
1932
|
/** @private. */
|
|
1834
|
-
toggle:
|
|
1835
|
-
value:
|
|
1933
|
+
toggle: o().node,
|
|
1934
|
+
value: o().oneOfType([ o().string, o().number, o().bool ]),
|
|
1836
1935
|
/** @private. */
|
|
1837
|
-
virtualization:
|
|
1936
|
+
virtualization: o().number
|
|
1838
1937
|
};
|
|
1839
|
-
var
|
|
1840
|
-
var
|
|
1841
|
-
function
|
|
1842
|
-
var
|
|
1938
|
+
var Vn = (0, u._)("No matches");
|
|
1939
|
+
var Kn = (0, u._)("Select...");
|
|
1940
|
+
function Fn(r) {
|
|
1941
|
+
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
1942
|
// @docs-props-type SelectPropsBase
|
|
1844
|
-
|
|
1845
|
-
|
|
1943
|
+
Ln({
|
|
1944
|
+
componentName: "Select",
|
|
1945
|
+
deprecatedPropValue: "link",
|
|
1946
|
+
propName: "appearance",
|
|
1947
|
+
propValue: a
|
|
1948
|
+
});
|
|
1949
|
+
var C = i()({
|
|
1846
1950
|
componentName: "Select",
|
|
1847
1951
|
/* eslint-disable-next-line prefer-rest-params */
|
|
1848
1952
|
componentProps: arguments[0]
|
|
1849
1953
|
});
|
|
1850
|
-
var
|
|
1954
|
+
var w = (0, e.useMemo)((function() {
|
|
1851
1955
|
// wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
|
|
1852
1956
|
if (s != null) {
|
|
1853
1957
|
return [ s ];
|
|
@@ -1855,44 +1959,44 @@
|
|
|
1855
1959
|
return [];
|
|
1856
1960
|
}), [ s ]);
|
|
1857
1961
|
// Converts the provided props into a structure suitable for SelectBase.
|
|
1858
|
-
var
|
|
1859
|
-
var e =
|
|
1860
|
-
var n = function e(n,
|
|
1861
|
-
var
|
|
1962
|
+
var k = (0, e.useMemo)((function() {
|
|
1963
|
+
var e = C ? undefined : w;
|
|
1964
|
+
var n = function e(n, r) {
|
|
1965
|
+
var t = r.name, l = r.values;
|
|
1862
1966
|
b === null || b === void 0 ? void 0 : b(n, {
|
|
1863
|
-
name:
|
|
1967
|
+
name: t,
|
|
1864
1968
|
value: l[0]
|
|
1865
1969
|
});
|
|
1866
1970
|
};
|
|
1867
|
-
var
|
|
1971
|
+
var r = {
|
|
1868
1972
|
onChange: n
|
|
1869
1973
|
};
|
|
1870
|
-
if (
|
|
1871
|
-
|
|
1974
|
+
if (C) {
|
|
1975
|
+
r.values = O != null ? [ O ] : [];
|
|
1872
1976
|
} else if (e != null) {
|
|
1873
|
-
|
|
1977
|
+
r.defaultValues = e;
|
|
1874
1978
|
}
|
|
1875
|
-
return
|
|
1876
|
-
}), [
|
|
1979
|
+
return r;
|
|
1980
|
+
}), [ w, b, C, O ]);
|
|
1877
1981
|
|
|
1878
|
-
return n().createElement(
|
|
1982
|
+
return n().createElement(An, Dn({
|
|
1879
1983
|
allowKeyMatching: l,
|
|
1880
|
-
appearance:
|
|
1984
|
+
appearance: a,
|
|
1881
1985
|
defaultPlacement: c,
|
|
1882
1986
|
inline: d,
|
|
1883
1987
|
noOptionsMessage: v,
|
|
1884
|
-
placeholder:
|
|
1988
|
+
placeholder: y,
|
|
1885
1989
|
toggleContent: h
|
|
1886
|
-
},
|
|
1990
|
+
}, S, k, {
|
|
1887
1991
|
multiple: false
|
|
1888
1992
|
}));
|
|
1889
1993
|
}
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
/* harmony default export */ const
|
|
1994
|
+
Fn.propTypes = Bn;
|
|
1995
|
+
Fn.Option = E;
|
|
1996
|
+
Fn.Heading = c.Heading;
|
|
1997
|
+
Fn.Divider = c.Divider;
|
|
1998
|
+
/* harmony default export */ const Hn = Fn;
|
|
1895
1999
|
}) // CONCATENATED MODULE: ./src/Select/index.ts
|
|
1896
2000
|
();
|
|
1897
|
-
module.exports =
|
|
2001
|
+
module.exports = t;
|
|
1898
2002
|
/******/})();
|