@splunk/react-ui 5.0.0 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion.js +105 -84
- package/Anchor.js +9 -9
- package/Animation.js +2 -2
- package/Avatar.js +30 -30
- package/Box.js +2 -2
- package/Breadcrumbs.js +54 -54
- package/Button.js +36 -36
- package/ButtonGroup.js +9 -9
- package/ButtonSimple.js +2 -2
- package/CHANGELOG.md +44 -2
- package/Calendar.js +130 -130
- package/Card.js +308 -277
- package/CardLayout.js +10 -10
- package/Chip.js +44 -44
- package/Clickable.js +51 -51
- package/Code.js +654 -519
- package/CollapsiblePanel.js +158 -156
- package/Color.js +117 -117
- package/ColumnLayout.js +41 -41
- package/ComboBox.js +183 -199
- package/ControlGroup.js +186 -178
- package/Date.js +152 -150
- package/DefinitionList.js +124 -104
- package/Divider.js +2 -2
- package/DualListbox.js +706 -717
- package/File.js +407 -407
- package/FormRows.js +74 -71
- package/Heading.js +15 -15
- package/Image.js +38 -38
- package/JSONTree.js +695 -578
- package/Layer.js +64 -73
- package/Layout.js +10 -10
- package/Link.js +2 -2
- package/List.js +24 -24
- package/Markdown.js +150 -150
- package/Menu.js +64 -63
- package/Message.js +20 -20
- package/MessageBar.js +13 -13
- package/Modal.js +76 -76
- package/ModalLayer.js +6 -6
- package/Monogram.js +104 -78
- package/Multiselect.js +1181 -1080
- package/Number.js +115 -115
- package/Paginator.js +46 -46
- package/Paragraph.js +10 -10
- package/Popover.js +527 -446
- package/Progress.js +17 -17
- package/Prose.js +19 -19
- package/RadioBar.js +242 -228
- package/RadioList.js +175 -150
- package/Resize.js +20 -20
- package/ResultsMenu.js +63 -63
- package/ScreenReaderContent.js +13 -13
- package/Scroll.js +70 -70
- package/Search.js +155 -171
- package/Select.js +1150 -1049
- package/SidePanel.js +29 -29
- package/Slider.js +60 -60
- package/SlidingPanels.js +52 -52
- package/SplitButton.js +121 -93
- package/StaticContent.js +6 -6
- package/StepBar.js +104 -104
- package/Switch.js +47 -47
- package/TabBar.js +346 -323
- package/TabLayout.js +78 -78
- package/Table.js +1408 -1377
- package/Text.js +67 -67
- package/TextArea.js +100 -85
- package/Tooltip.js +209 -203
- package/TransitionOpen.js +11 -11
- package/Tree.js +452 -349
- package/Typography.js +15 -15
- package/WaitSpinner.js +6 -6
- package/package.json +17 -20
- package/stubs-dependencies.d.ts +0 -70
- package/stubs-splunkui.d.ts +4 -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/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 +17 -1
- package/types/src/Code/LineHighlights.d.ts +11 -0
- package/types/src/Code/LineNumbers.d.ts +6 -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 +7 -0
- package/types/src/Code/docs/examples/LineNumbers.d.ts +7 -0
- package/types/src/Code/docs/examples/LineNumbersCustomStart.d.ts +7 -0
- package/types/src/CollapsiblePanel/docs/examples/Actions.d.ts +4 -0
- package/types/src/CollapsiblePanel/docs/examples/BasicControlled.d.ts +3 -0
- package/types/src/CollapsiblePanel/docs/examples/BasicUncontrolled.d.ts +3 -0
- package/types/src/CollapsiblePanel/docs/examples/Disabled.d.ts +7 -0
- package/types/src/CollapsiblePanel/docs/examples/MultiControlled.d.ts +3 -0
- package/types/src/CollapsiblePanel/docs/examples/MultiUncontrolled.d.ts +3 -0
- package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupControlled.d.ts +4 -0
- package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupInset.d.ts +4 -0
- package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupUncontrolled.d.ts +4 -0
- package/types/src/CollapsiblePanel/docs/examples/Subtle.d.ts +4 -0
- package/types/src/Color/docs/examples/Controlled.d.ts +3 -0
- package/types/src/Color/docs/examples/CustomizedPalette.d.ts +4 -0
- package/types/src/Color/docs/examples/HideInput.d.ts +4 -0
- package/types/src/Color/docs/examples/Null.d.ts +4 -0
- package/types/src/Color/docs/examples/ThemeVariables.d.ts +4 -0
- package/types/src/Color/docs/examples/Transparent.d.ts +4 -0
- package/types/src/Color/docs/examples/Uncontrolled.d.ts +3 -0
- package/types/src/ColumnLayout/docs/examples/AlignItems.d.ts +4 -0
- package/types/src/ColumnLayout/docs/examples/Basic.d.ts +4 -0
- package/types/src/ColumnLayout/docs/examples/Dividers.d.ts +4 -0
- package/types/src/ColumnLayout/docs/examples/Gutters.d.ts +4 -0
- package/types/src/ComboBox/docs/examples/Controlled.d.ts +4 -0
- package/types/src/ComboBox/docs/examples/Fetching.d.ts +4 -0
- package/types/src/ComboBox/docs/examples/Headings.d.ts +3 -0
- package/types/src/ComboBox/docs/examples/Label.d.ts +4 -0
- package/types/src/ComboBox/docs/examples/Uncontrolled.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/Basic.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/CustomizedLabelTarget.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/Error.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/HelpWithLinks.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/LabelLeft.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/LayoutFill.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/LayoutFillJoin.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/LayoutNone.d.ts +4 -0
- package/types/src/ControlGroup/docs/examples/Required.d.ts +4 -0
- package/types/src/Date/Date.d.ts +6 -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 +23 -5
- package/types/src/DefinitionList/DefinitionListContext.d.ts +2 -0
- package/types/src/DefinitionList/docs/examples/Basic.d.ts +3 -0
- package/types/src/DefinitionList/docs/examples/CustomizedWidths.d.ts +7 -0
- package/types/src/DefinitionList/docs/examples/EmptyDescription.d.ts +4 -0
- package/types/src/DefinitionList/docs/examples/WithSeparator.d.ts +4 -0
- package/types/src/Divider/docs/examples/Appearance.d.ts +4 -0
- package/types/src/Divider/docs/examples/Basic.d.ts +3 -0
- package/types/src/Divider/docs/examples/CustomStyle.d.ts +4 -0
- package/types/src/Divider/docs/examples/Decorative.d.ts +4 -0
- package/types/src/Divider/docs/examples/Vertical.d.ts +3 -0
- package/types/src/Dropdown/docs/examples/Basic.d.ts +4 -0
- package/types/src/Dropdown/docs/examples/BasicMenu.d.ts +3 -0
- package/types/src/Dropdown/docs/examples/ControlledDropdown.d.ts +4 -0
- package/types/src/Dropdown/docs/examples/Dialog.d.ts +4 -0
- package/types/src/Dropdown/docs/examples/ScrollContainer.d.ts +4 -0
- package/types/src/Dropdown/docs/examples/ScrollingMenu.d.ts +4 -0
- package/types/src/Dropdown/docs/examples/Submenu.d.ts +3 -0
- package/types/src/Dropdown/docs/examples/TooltipButtonToggle.d.ts +4 -0
- package/types/src/DualListbox/Option.d.ts +1 -1
- package/types/src/DualListbox/docs/examples/Basic.d.ts +3 -0
- package/types/src/DualListbox/docs/examples/Controlled.d.ts +3 -0
- package/types/src/DualListbox/docs/examples/Fill.d.ts +4 -0
- package/types/src/File/docs/examples/CustomizedMessages.d.ts +4 -0
- package/types/src/File/docs/examples/Disabled.d.ts +3 -0
- package/types/src/File/docs/examples/DropAnywhere.d.ts +4 -0
- package/types/src/File/docs/examples/Error.d.ts +4 -0
- package/types/src/File/docs/examples/FullScreen.d.ts +4 -0
- package/types/src/File/docs/examples/Multi.d.ts +4 -0
- package/types/src/File/docs/examples/Progress.d.ts +4 -0
- package/types/src/File/docs/examples/Single.d.ts +4 -0
- package/types/src/FormRows/FormRows.d.ts +1 -1
- 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 +5 -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/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/Markdown.d.ts +1 -1
- 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/MarkdownBlockquote.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +1 -1
- package/types/src/Markdown/renderers/index.d.ts +1 -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 +3 -0
- package/types/src/Menu/docs/examples/Dividers.d.ts +3 -0
- package/types/src/Menu/docs/examples/Headings.d.ts +4 -0
- package/types/src/Menu/docs/examples/Links.d.ts +4 -0
- package/types/src/Menu/docs/examples/MatchRanges.d.ts +4 -0
- package/types/src/Menu/docs/examples/Selectable.d.ts +4 -0
- package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +4 -0
- package/types/src/Menu/docs/examples/Truncate.d.ts +4 -0
- package/types/src/Message/docs/examples/Basic.d.ts +3 -0
- package/types/src/Message/docs/examples/Content.d.ts +4 -0
- package/types/src/Message/docs/examples/Fill.d.ts +3 -0
- package/types/src/Message/docs/examples/Removable.d.ts +3 -0
- package/types/src/MessageBar/docs/examples/Basic.d.ts +4 -0
- package/types/src/MessageBar/docs/examples/Types.d.ts +4 -0
- package/types/src/MessageBar/docs/examples/WithActions.d.ts +3 -0
- package/types/src/Modal/Modal.d.ts +10 -3
- package/types/src/Modal/docs/examples/Basic.d.ts +3 -0
- package/types/src/Modal/docs/examples/InitialFocus.d.ts +4 -0
- package/types/src/Modal/docs/examples/TypicalUsage.d.ts +4 -0
- package/types/src/Modal/docs/examples/Undismissable.d.ts +4 -0
- package/types/src/Monogram/Monogram.d.ts +4 -0
- package/types/src/Monogram/docs/examples/BackgroundAuto.d.ts +4 -0
- package/types/src/Monogram/docs/examples/BackgroundCustom.d.ts +3 -0
- package/types/src/Monogram/docs/examples/Basic.d.ts +4 -0
- package/types/src/Monogram/docs/examples/Interactive.d.ts +4 -0
- package/types/src/Monogram/docs/examples/Size.d.ts +4 -0
- package/types/src/Multiselect/Compact.d.ts +1 -1
- package/types/src/Multiselect/Multiselect.d.ts +1 -1
- package/types/src/Multiselect/docs/examples/Children.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/Compact.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/Controlled.d.ts +3 -0
- package/types/src/Multiselect/docs/examples/CustomizeSelected.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/Disabled.d.ts +3 -0
- package/types/src/Multiselect/docs/examples/Error.d.ts +3 -0
- package/types/src/Multiselect/docs/examples/Fetching.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/Headings.d.ts +3 -0
- package/types/src/Multiselect/docs/examples/Icons.d.ts +3 -0
- package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/NewValues.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/TabInput.d.ts +4 -0
- package/types/src/Multiselect/docs/examples/Uncontrolled.d.ts +3 -0
- package/types/src/Number/docs/examples/Basic.d.ts +4 -0
- package/types/src/Number/docs/examples/Disabled.d.ts +3 -0
- package/types/src/Number/docs/examples/Error.d.ts +3 -0
- package/types/src/Number/docs/examples/Limits.d.ts +4 -0
- package/types/src/Number/docs/examples/Locale.d.ts +4 -0
- package/types/src/Number/docs/examples/Uncontrolled.d.ts +4 -0
- package/types/src/Paginator/docs/examples/Basic.d.ts +3 -0
- package/types/src/Paginator/docs/examples/Compact.d.ts +4 -0
- package/types/src/Paginator/docs/examples/CompactCustomLabel.d.ts +3 -0
- package/types/src/Paginator/docs/examples/CompactWithLabel.d.ts +3 -0
- package/types/src/Paginator/docs/examples/CustomPages.d.ts +4 -0
- package/types/src/Paginator/docs/examples/Labelled.d.ts +4 -0
- package/types/src/Paginator/docs/examples/PageControl.d.ts +4 -0
- package/types/src/Paragraph/docs/examples/Basic.d.ts +4 -0
- package/types/src/Popover/Popover.d.ts +1 -1
- 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/Option.d.ts +1 -1
- package/types/src/RadioBar/RadioBar.d.ts +13 -6
- package/types/src/RadioBar/RadioBarContext.d.ts +4 -2
- 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/RadioList.d.ts +2 -1
- 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 +7 -0
- package/types/src/Scroll/Inner.d.ts +1 -1
- package/types/src/Scroll/docs/examples/Controlled.d.ts +4 -0
- package/types/src/Scroll/docs/examples/Uncontrolled.d.ts +4 -0
- package/types/src/ScrollContainerContext/docs/examples/Provider.d.ts +4 -0
- package/types/src/Search/docs/examples/Controlled.d.ts +4 -0
- package/types/src/Search/docs/examples/Loading.d.ts +4 -0
- package/types/src/Search/docs/examples/Options.d.ts +4 -0
- package/types/src/Search/docs/examples/OptionsLinks.d.ts +4 -0
- package/types/src/Select/Option.d.ts +1 -1
- package/types/src/Select/Select.d.ts +1 -1
- 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 +5 -1
- package/types/src/Slider/docs/examples/CustomLabels.d.ts +4 -0
- package/types/src/Slider/docs/examples/Disabled.d.ts +3 -0
- package/types/src/Slider/docs/examples/Error.d.ts +3 -0
- package/types/src/Slider/docs/examples/StepMarks.d.ts +4 -0
- package/types/src/SlidingPanels/docs/examples/Basic.d.ts +3 -0
- package/types/src/SlidingPanels/docs/examples/Dropdown.d.ts +3 -0
- package/types/src/SlidingPanels/docs/examples/Modal.d.ts +3 -0
- package/types/src/SplitButton/SplitButton.d.ts +6 -1
- package/types/src/SplitButton/docs/examples/Basic.d.ts +3 -0
- package/types/src/SplitButton/docs/examples/Block.d.ts +4 -0
- package/types/src/SplitButton/docs/examples/ChangeLabel.d.ts +4 -0
- package/types/src/SplitButton/docs/examples/Disabled.d.ts +3 -0
- package/types/src/StaticContent/docs/examples/Basic.d.ts +4 -0
- package/types/src/StaticContent/docs/examples/FieldValue.d.ts +4 -0
- package/types/src/StepBar/docs/examples/Basic.d.ts +3 -0
- package/types/src/StepBar/docs/examples/Error.d.ts +3 -0
- package/types/src/Switch/docs/examples/Basic.d.ts +4 -0
- package/types/src/Switch/docs/examples/Disabled.d.ts +3 -0
- package/types/src/Switch/docs/examples/Error.d.ts +3 -0
- package/types/src/TabBar/docs/examples/Basic.d.ts +3 -0
- package/types/src/TabBar/docs/examples/Disabled.d.ts +3 -0
- package/types/src/TabBar/docs/examples/Icons.d.ts +3 -0
- package/types/src/TabBar/docs/examples/Tooltips.d.ts +3 -0
- package/types/src/TabBar/docs/examples/Vertical.d.ts +3 -0
- package/types/src/TabBar/docs/examples/VerticalIcons.d.ts +3 -0
- package/types/src/TabBar/docs/examples/WithCount.d.ts +3 -0
- package/types/src/TabBar/tabBarUtils.d.ts +4 -0
- package/types/src/TabBar/types.d.ts +5 -0
- package/types/src/TabLayout/Panel.d.ts +0 -1
- 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/Head.d.ts +1 -0
- package/types/src/Table/HeadCell.d.ts +2 -3
- package/types/src/Table/HeadDropdownCell.d.ts +2 -2
- package/types/src/Table/HeadInner.d.ts +4 -4
- package/types/src/Table/KeyboardSensor.d.ts +1 -1
- package/types/src/Table/RowDragCell.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 +10 -5
- 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 +63 -0
- package/types/src/Tree/Tree.d.ts +13 -6
- package/types/src/Tree/TreeContext.d.ts +1 -1
- 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/Tree/index.d.ts +1 -1
- package/types/src/Typography/docs/examples/Basic.d.ts +4 -0
- package/types/src/WaitSpinner/docs/examples/Basic.d.ts +3 -0
- package/types/src/useControlled/useControlled.d.ts +3 -1
- package/useControlled.js +29 -13
- package/useResizeObserver.js +2 -2
- package/types/src/DefinitionList/docs/examples/Customize.d.ts +0 -3
- package/types/src/Tree/TreeItem.d.ts +0 -44
package/File.js
CHANGED
|
@@ -61,275 +61,341 @@
|
|
|
61
61
|
e.r(n);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(n, {
|
|
64
|
-
Item: () => /* reexport */
|
|
64
|
+
Item: () => /* reexport */ Pn,
|
|
65
65
|
default: () => /* reexport */ er
|
|
66
66
|
});
|
|
67
67
|
// CONCATENATED MODULE: external "react"
|
|
68
68
|
const r = require("react");
|
|
69
69
|
var t = e.n(r);
|
|
70
|
-
// CONCATENATED MODULE: external "prop-types"
|
|
71
|
-
const a = require("prop-types");
|
|
72
|
-
var i = e.n(a);
|
|
73
70
|
// CONCATENATED MODULE: external "lodash/debounce"
|
|
74
|
-
const
|
|
75
|
-
var
|
|
71
|
+
const a = require("lodash/debounce");
|
|
72
|
+
var i = e.n(a);
|
|
76
73
|
// CONCATENATED MODULE: external "lodash/isString"
|
|
77
|
-
const
|
|
78
|
-
var
|
|
74
|
+
const o = require("lodash/isString");
|
|
75
|
+
var l = e.n(o);
|
|
79
76
|
// CONCATENATED MODULE: external "lodash/toUpper"
|
|
80
|
-
const
|
|
77
|
+
const s = require("lodash/toUpper");
|
|
78
|
+
var c = e.n(s);
|
|
79
|
+
// CONCATENATED MODULE: external "prop-types"
|
|
80
|
+
const u = require("prop-types");
|
|
81
81
|
var d = e.n(u);
|
|
82
82
|
// CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
|
|
83
83
|
const p = require("@splunk/react-ui/EventListener");
|
|
84
84
|
var f = e.n(p);
|
|
85
|
-
// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
86
|
-
const v = require("@splunk/ui-utils/i18n");
|
|
87
85
|
// CONCATENATED MODULE: external "@splunk/ui-utils/format"
|
|
88
|
-
const
|
|
86
|
+
const v = require("@splunk/ui-utils/format");
|
|
87
|
+
// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
88
|
+
const m = require("@splunk/ui-utils/i18n");
|
|
89
89
|
// CONCATENATED MODULE: external "@splunk/ui-utils/id"
|
|
90
90
|
const y = require("@splunk/ui-utils/id");
|
|
91
|
-
// CONCATENATED MODULE: external "@splunk/react-icons/Cross"
|
|
92
|
-
const b = require("@splunk/react-icons/Cross");
|
|
93
|
-
var g = e.n(b);
|
|
94
|
-
// CONCATENATED MODULE: external "@splunk/react-icons/TrashCanCross"
|
|
95
|
-
const h = require("@splunk/react-icons/TrashCanCross");
|
|
96
|
-
var k = e.n(h);
|
|
97
|
-
// CONCATENATED MODULE: external "@splunk/react-icons/ArrowsCircularDouble"
|
|
98
|
-
const S = require("@splunk/react-icons/ArrowsCircularDouble");
|
|
99
|
-
var q = e.n(S);
|
|
100
91
|
// CONCATENATED MODULE: ./src/File/FileContext.tsx
|
|
101
|
-
var
|
|
92
|
+
var b = (0, r.createContext)({
|
|
102
93
|
disabled: false
|
|
103
94
|
});
|
|
104
|
-
|
|
105
|
-
/* harmony default export */ const
|
|
95
|
+
b.displayName = "File";
|
|
96
|
+
/* harmony default export */ const g = b;
|
|
97
|
+
// CONCATENATED MODULE: external "styled-components"
|
|
98
|
+
const h = require("styled-components");
|
|
99
|
+
var k = e.n(h);
|
|
100
|
+
// CONCATENATED MODULE: external "@splunk/react-icons/ArrowBroadUnderbarUp"
|
|
101
|
+
const S = require("@splunk/react-icons/ArrowBroadUnderbarUp");
|
|
102
|
+
var q = e.n(S);
|
|
103
|
+
// CONCATENATED MODULE: external "@splunk/themes"
|
|
104
|
+
const w = require("@splunk/themes");
|
|
105
|
+
// CONCATENATED MODULE: ./src/File/FileStyles.ts
|
|
106
|
+
var C = "24px";
|
|
107
|
+
var x = "150px";
|
|
108
|
+
var F = k().input.withConfig({
|
|
109
|
+
displayName: "FileStyles__StyledInput",
|
|
110
|
+
componentId: "sc-1wyh4cf-0"
|
|
111
|
+
})([ "&[type='file']{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}" ]);
|
|
112
|
+
/* wraps the drop target box and the list of files */ var E = k().div.withConfig({
|
|
113
|
+
displayName: "FileStyles__StyledFileWrapper",
|
|
114
|
+
componentId: "sc-1wyh4cf-1"
|
|
115
|
+
})([ "display:flex;flex-direction:column;gap:", ";" ], w.variables.spacingSmall);
|
|
116
|
+
var I = k()(q()).withConfig({
|
|
117
|
+
displayName: "FileStyles__StyledUploadIcon",
|
|
118
|
+
componentId: "sc-1wyh4cf-2"
|
|
119
|
+
})([ "width:", ";height:", ";fill:", ";" ], C, C, w.variables.contentColorActive);
|
|
120
|
+
var _ = k().div.withConfig({
|
|
121
|
+
displayName: "FileStyles__StyledInstructionText",
|
|
122
|
+
componentId: "sc-1wyh4cf-3"
|
|
123
|
+
})([ "", ";" ], w.mixins.typography("body", {
|
|
124
|
+
color: "active",
|
|
125
|
+
weight: "semiBold"
|
|
126
|
+
}));
|
|
127
|
+
var R = k().div.withConfig({
|
|
128
|
+
displayName: "FileStyles__StyledFileTypeSupportMessage",
|
|
129
|
+
componentId: "sc-1wyh4cf-4"
|
|
130
|
+
})([ "color:", ";text-align:center;" ], w.variables.contentColorDefault);
|
|
131
|
+
var O = k().div.withConfig({
|
|
132
|
+
displayName: "FileStyles__StyledDropTarget",
|
|
133
|
+
componentId: "sc-1wyh4cf-5"
|
|
134
|
+
})([ "", ";flex-direction:column;align-items:center;justify-content:center;min-height:", ";gap:", ";padding:", ";border-radius:", ";cursor:pointer;", " ", " ", " ", " ", " ", " ", "" ], w.mixins.reset("flex"), x, w.variables.spacingXSmall, w.variables.spacingSmall, w.variables.borderRadius, (function(e) {
|
|
135
|
+
var n = e.$disabled;
|
|
136
|
+
return !n && (0, h.css)([ "&:hover{background-color:", ";", "{color:", ";}", "{fill:", ";}}" ], w.variables.actionColorBackgroundSubtleHover, /* sc-sel */ _, w.variables.contentColorAccentStrong, /* sc-sel */ I, w.variables.contentColorAccentStrong);
|
|
137
|
+
}), (function(e) {
|
|
138
|
+
var n = e.$screenMode;
|
|
139
|
+
return n === "normal" && (0, h.css)([ "border:", " dashed ", ";" ], w.variables.inputBorderWidth, w.variables.borderColor);
|
|
140
|
+
}), (function(e) {
|
|
141
|
+
var n = e.$dragOver, r = e.$focused, t = e.$error;
|
|
142
|
+
return (n || r && !t) && (0, h.css)([ "", "{color:", ";}", "{fill:", ";}" ], /* sc-sel */ _, w.variables.contentColorAccentStrong, /* sc-sel */ I, w.variables.contentColorAccentStrong);
|
|
143
|
+
}), (function(e) {
|
|
144
|
+
var n = e.$dragOver;
|
|
145
|
+
return n && (0, h.css)([ "background-color:", ";" ], w.variables.actionColorBackgroundSubtleHover);
|
|
146
|
+
}), (function(e) {
|
|
147
|
+
var n = e.$focused;
|
|
148
|
+
return n && (0, h.css)([ "box-shadow:", ";" ], w.variables.focusShadow);
|
|
149
|
+
}), (function(e) {
|
|
150
|
+
var n = e.$disabled;
|
|
151
|
+
return n && (0, h.css)([ "border-color:", ";cursor:not-allowed;", ",", "{color:", ";}", "{fill:", ";}" ], w.variables.borderColorWeak, /* sc-sel */ _, /* sc-sel */ R, w.variables.contentColorDisabled, /* sc-sel */ I, w.variables.contentColorDisabled);
|
|
152
|
+
}), (function(e) {
|
|
153
|
+
var n = e.$error, r = e.$dragOver;
|
|
154
|
+
return n && !r && (0, h.css)([ "border-color:", ";" ], w.variables.interactiveColorAccentError);
|
|
155
|
+
}));
|
|
156
|
+
var A = k().div.withConfig({
|
|
157
|
+
displayName: "FileStyles__StyledHelp",
|
|
158
|
+
componentId: "sc-1wyh4cf-6"
|
|
159
|
+
})([ "", ";" ], w.mixins.typography("smallBody"));
|
|
160
|
+
var T = k().div.withConfig({
|
|
161
|
+
displayName: "FileStyles__StyledWindowDrop",
|
|
162
|
+
componentId: "sc-1wyh4cf-7"
|
|
163
|
+
})([ "position:fixed;top:0;left:0;right:0;bottom:0;z-index:", " + 10;" ], w.variables.zindexModal);
|
|
164
|
+
var P = k().div.withConfig({
|
|
165
|
+
displayName: "FileStyles__StyledFileList",
|
|
166
|
+
componentId: "sc-1wyh4cf-8"
|
|
167
|
+
})([ "display:flex;flex-direction:column;gap:", ";" ], w.variables.spacingXSmall);
|
|
168
|
+
// CONCATENATED MODULE: external "@splunk/react-icons/ArrowsCircularDouble"
|
|
169
|
+
const j = require("@splunk/react-icons/ArrowsCircularDouble");
|
|
170
|
+
var N = e.n(j);
|
|
171
|
+
// CONCATENATED MODULE: external "@splunk/react-icons/Cross"
|
|
172
|
+
const D = require("@splunk/react-icons/Cross");
|
|
173
|
+
var M = e.n(D);
|
|
174
|
+
// CONCATENATED MODULE: external "@splunk/react-icons/TrashCanCross"
|
|
175
|
+
const $ = require("@splunk/react-icons/TrashCanCross");
|
|
176
|
+
var B = e.n($);
|
|
106
177
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileAiff"
|
|
107
|
-
const
|
|
108
|
-
var
|
|
178
|
+
const L = require("@splunk/react-icons/FileAiff");
|
|
179
|
+
var X = e.n(L);
|
|
109
180
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileCss"
|
|
110
|
-
const
|
|
111
|
-
var
|
|
181
|
+
const U = require("@splunk/react-icons/FileCss");
|
|
182
|
+
var W = e.n(U);
|
|
112
183
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileCsv"
|
|
113
|
-
const
|
|
114
|
-
var
|
|
184
|
+
const z = require("@splunk/react-icons/FileCsv");
|
|
185
|
+
var H = e.n(z);
|
|
115
186
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileDat"
|
|
116
|
-
const
|
|
117
|
-
var
|
|
187
|
+
const J = require("@splunk/react-icons/FileDat");
|
|
188
|
+
var G = e.n(J);
|
|
118
189
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileDb"
|
|
119
|
-
const
|
|
120
|
-
var
|
|
190
|
+
const V = require("@splunk/react-icons/FileDb");
|
|
191
|
+
var Z = e.n(V);
|
|
121
192
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileDbf"
|
|
122
|
-
const
|
|
123
|
-
var
|
|
193
|
+
const K = require("@splunk/react-icons/FileDbf");
|
|
194
|
+
var Q = e.n(K);
|
|
124
195
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileDoc"
|
|
125
|
-
const
|
|
126
|
-
var
|
|
196
|
+
const Y = require("@splunk/react-icons/FileDoc");
|
|
197
|
+
var ee = e.n(Y);
|
|
127
198
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileEps"
|
|
128
|
-
const
|
|
129
|
-
var
|
|
199
|
+
const ne = require("@splunk/react-icons/FileEps");
|
|
200
|
+
var re = e.n(ne);
|
|
130
201
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileFig"
|
|
131
|
-
const
|
|
132
|
-
var
|
|
202
|
+
const te = require("@splunk/react-icons/FileFig");
|
|
203
|
+
var ae = e.n(te);
|
|
133
204
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileGif"
|
|
134
|
-
const
|
|
135
|
-
var
|
|
205
|
+
const ie = require("@splunk/react-icons/FileGif");
|
|
206
|
+
var oe = e.n(ie);
|
|
136
207
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileHtm"
|
|
137
|
-
const
|
|
138
|
-
var
|
|
208
|
+
const le = require("@splunk/react-icons/FileHtm");
|
|
209
|
+
var se = e.n(le);
|
|
139
210
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileHtml"
|
|
140
|
-
const
|
|
141
|
-
var
|
|
211
|
+
const ce = require("@splunk/react-icons/FileHtml");
|
|
212
|
+
var ue = e.n(ce);
|
|
142
213
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileIco"
|
|
143
|
-
const
|
|
144
|
-
var
|
|
214
|
+
const de = require("@splunk/react-icons/FileIco");
|
|
215
|
+
var pe = e.n(de);
|
|
145
216
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileJpg"
|
|
146
|
-
const
|
|
147
|
-
var
|
|
217
|
+
const fe = require("@splunk/react-icons/FileJpg");
|
|
218
|
+
var ve = e.n(fe);
|
|
148
219
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileJs"
|
|
149
|
-
const
|
|
150
|
-
var
|
|
220
|
+
const me = require("@splunk/react-icons/FileJs");
|
|
221
|
+
var ye = e.n(me);
|
|
151
222
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileJson"
|
|
152
|
-
const
|
|
153
|
-
var
|
|
223
|
+
const be = require("@splunk/react-icons/FileJson");
|
|
224
|
+
var ge = e.n(be);
|
|
154
225
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileJsx"
|
|
155
|
-
const
|
|
156
|
-
var
|
|
226
|
+
const he = require("@splunk/react-icons/FileJsx");
|
|
227
|
+
var ke = e.n(he);
|
|
157
228
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileLog"
|
|
158
|
-
const
|
|
159
|
-
var
|
|
229
|
+
const Se = require("@splunk/react-icons/FileLog");
|
|
230
|
+
var qe = e.n(Se);
|
|
160
231
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileMid"
|
|
161
|
-
const
|
|
162
|
-
var
|
|
232
|
+
const we = require("@splunk/react-icons/FileMid");
|
|
233
|
+
var Ce = e.n(we);
|
|
163
234
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileMp3"
|
|
164
|
-
const
|
|
165
|
-
var
|
|
235
|
+
const xe = require("@splunk/react-icons/FileMp3");
|
|
236
|
+
var Fe = e.n(xe);
|
|
166
237
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileMp4"
|
|
167
|
-
const
|
|
168
|
-
var
|
|
238
|
+
const Ee = require("@splunk/react-icons/FileMp4");
|
|
239
|
+
var Ie = e.n(Ee);
|
|
169
240
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileMpg"
|
|
170
|
-
const
|
|
171
|
-
var
|
|
241
|
+
const _e = require("@splunk/react-icons/FileMpg");
|
|
242
|
+
var Re = e.n(_e);
|
|
172
243
|
// CONCATENATED MODULE: external "@splunk/react-icons/FilePdf"
|
|
173
|
-
const
|
|
174
|
-
var
|
|
244
|
+
const Oe = require("@splunk/react-icons/FilePdf");
|
|
245
|
+
var Ae = e.n(Oe);
|
|
175
246
|
// CONCATENATED MODULE: external "@splunk/react-icons/FilePhp"
|
|
176
|
-
const
|
|
177
|
-
var
|
|
247
|
+
const Te = require("@splunk/react-icons/FilePhp");
|
|
248
|
+
var Pe = e.n(Te);
|
|
178
249
|
// CONCATENATED MODULE: external "@splunk/react-icons/FilePng"
|
|
179
|
-
const
|
|
180
|
-
var
|
|
250
|
+
const je = require("@splunk/react-icons/FilePng");
|
|
251
|
+
var Ne = e.n(je);
|
|
181
252
|
// CONCATENATED MODULE: external "@splunk/react-icons/FilePpt"
|
|
182
|
-
const
|
|
183
|
-
var
|
|
253
|
+
const De = require("@splunk/react-icons/FilePpt");
|
|
254
|
+
var Me = e.n(De);
|
|
184
255
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileRar"
|
|
185
|
-
const
|
|
186
|
-
var
|
|
256
|
+
const $e = require("@splunk/react-icons/FileRar");
|
|
257
|
+
var Be = e.n($e);
|
|
187
258
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileRtf"
|
|
188
|
-
const
|
|
189
|
-
var
|
|
259
|
+
const Le = require("@splunk/react-icons/FileRtf");
|
|
260
|
+
var Xe = e.n(Le);
|
|
190
261
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileSql"
|
|
191
|
-
const
|
|
192
|
-
var
|
|
262
|
+
const Ue = require("@splunk/react-icons/FileSql");
|
|
263
|
+
var We = e.n(Ue);
|
|
193
264
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileSvg"
|
|
194
|
-
const
|
|
195
|
-
var
|
|
265
|
+
const ze = require("@splunk/react-icons/FileSvg");
|
|
266
|
+
var He = e.n(ze);
|
|
196
267
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileText"
|
|
197
|
-
const
|
|
198
|
-
var
|
|
268
|
+
const Je = require("@splunk/react-icons/FileText");
|
|
269
|
+
var Ge = e.n(Je);
|
|
199
270
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileTGZ"
|
|
200
|
-
const
|
|
201
|
-
var
|
|
271
|
+
const Ve = require("@splunk/react-icons/FileTGZ");
|
|
272
|
+
var Ze = e.n(Ve);
|
|
202
273
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileTiff"
|
|
203
|
-
const
|
|
204
|
-
var
|
|
274
|
+
const Ke = require("@splunk/react-icons/FileTiff");
|
|
275
|
+
var Qe = e.n(Ke);
|
|
205
276
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileWav"
|
|
206
|
-
const
|
|
207
|
-
var
|
|
277
|
+
const Ye = require("@splunk/react-icons/FileWav");
|
|
278
|
+
var en = e.n(Ye);
|
|
208
279
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileXls"
|
|
209
|
-
const
|
|
210
|
-
var
|
|
280
|
+
const nn = require("@splunk/react-icons/FileXls");
|
|
281
|
+
var rn = e.n(nn);
|
|
211
282
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileXml"
|
|
212
|
-
const
|
|
213
|
-
var
|
|
283
|
+
const tn = require("@splunk/react-icons/FileXml");
|
|
284
|
+
var an = e.n(tn);
|
|
214
285
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileZip"
|
|
215
|
-
const
|
|
216
|
-
var
|
|
286
|
+
const on = require("@splunk/react-icons/FileZip");
|
|
287
|
+
var ln = e.n(on);
|
|
217
288
|
// CONCATENATED MODULE: external "@splunk/react-icons/Paperclip"
|
|
218
|
-
const
|
|
219
|
-
var
|
|
220
|
-
// CONCATENATED MODULE: external "styled-components"
|
|
221
|
-
const Je = require("styled-components");
|
|
222
|
-
var Ge = e.n(Je);
|
|
223
|
-
// CONCATENATED MODULE: external "@splunk/react-ui/Progress"
|
|
224
|
-
const Ve = require("@splunk/react-ui/Progress");
|
|
225
|
-
var Ze = e.n(Ve);
|
|
226
|
-
// CONCATENATED MODULE: external "@splunk/themes"
|
|
227
|
-
const Ke = require("@splunk/themes");
|
|
228
|
-
// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
229
|
-
const Qe = require("@splunk/react-ui/Button");
|
|
230
|
-
var Ye = e.n(Qe);
|
|
289
|
+
const sn = require("@splunk/react-icons/Paperclip");
|
|
290
|
+
var cn = e.n(sn);
|
|
231
291
|
// CONCATENATED MODULE: external "@splunk/react-icons/FileRipped"
|
|
232
|
-
const
|
|
233
|
-
var
|
|
292
|
+
const un = require("@splunk/react-icons/FileRipped");
|
|
293
|
+
var dn = e.n(un);
|
|
294
|
+
// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
295
|
+
const pn = require("@splunk/react-ui/Button");
|
|
296
|
+
var fn = e.n(pn);
|
|
297
|
+
// CONCATENATED MODULE: external "@splunk/react-ui/Progress"
|
|
298
|
+
const vn = require("@splunk/react-ui/Progress");
|
|
299
|
+
var mn = e.n(vn);
|
|
234
300
|
// CONCATENATED MODULE: ./src/File/ItemStyles.ts
|
|
235
|
-
var
|
|
301
|
+
var yn = k().div.withConfig({
|
|
236
302
|
displayName: "ItemStyles__StyledItemWrapper",
|
|
237
303
|
componentId: "sc-1fsk3kr-0"
|
|
238
|
-
})([ "", ";flex-direction:column;gap:", ";" ],
|
|
239
|
-
var
|
|
304
|
+
})([ "", ";flex-direction:column;gap:", ";" ], w.mixins.reset("flex"), w.variables.spacingXSmall);
|
|
305
|
+
var bn = k().div.withConfig({
|
|
240
306
|
displayName: "ItemStyles__StyledItem",
|
|
241
307
|
componentId: "sc-1fsk3kr-1"
|
|
242
|
-
})([ "display:flex;align-items:center;max-width:400px;padding:", " ", ";gap:", ";color:", ";", " ", ";& *:is(button){flex:none;}" ],
|
|
308
|
+
})([ "display:flex;align-items:center;max-width:400px;padding:", " ", ";gap:", ";color:", ";", " ", ";& *:is(button){flex:none;}" ], w.variables.spacingXSmall, w.variables.spacingSmall, w.variables.spacingXSmall, w.variables.contentColorActive, (function(e) {
|
|
243
309
|
var n = e.$inProgress;
|
|
244
|
-
return n && (0,
|
|
310
|
+
return n && (0, h.css)([ "color:", ";" ], w.variables.contentColorDefault);
|
|
245
311
|
}), (function(e) {
|
|
246
312
|
var n = e.$disabled;
|
|
247
|
-
return n && (0,
|
|
313
|
+
return n && (0, h.css)([ "cursor:not-allowed;color:", ";" ], w.variables.contentColorDisabled);
|
|
248
314
|
}));
|
|
249
|
-
var
|
|
315
|
+
var gn = k()(dn()).withConfig({
|
|
250
316
|
displayName: "ItemStyles__StyledErrorIcon",
|
|
251
317
|
componentId: "sc-1fsk3kr-2"
|
|
252
|
-
})([ "fill:", ";" ],
|
|
253
|
-
var
|
|
254
|
-
var
|
|
318
|
+
})([ "fill:", ";" ], w.variables.contentColorNegative);
|
|
319
|
+
var hn = "28px";
|
|
320
|
+
var kn = k().div.withConfig({
|
|
255
321
|
displayName: "ItemStyles__StyledIcon",
|
|
256
322
|
componentId: "sc-1fsk3kr-3"
|
|
257
|
-
})([ "display:grid;justify-content:center;align-items:center;&:has(img){height:", ";width:", ";& img{max-width:", ";max-height:", ";}}" ],
|
|
258
|
-
var
|
|
323
|
+
})([ "display:grid;justify-content:center;align-items:center;&:has(img){height:", ";width:", ";& img{max-width:", ";max-height:", ";}}" ], hn, hn, hn, hn);
|
|
324
|
+
var Sn = k().div.withConfig({
|
|
259
325
|
displayName: "ItemStyles__StyledLabel",
|
|
260
326
|
componentId: "sc-1fsk3kr-4"
|
|
261
327
|
})([ "overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 0 0;" ]);
|
|
262
|
-
var
|
|
328
|
+
var qn = k()(mn()).withConfig({
|
|
263
329
|
displayName: "ItemStyles__StyledProgress",
|
|
264
330
|
componentId: "sc-1fsk3kr-5"
|
|
265
331
|
})([ "width:80px;height:6px;" ]);
|
|
266
|
-
var
|
|
332
|
+
var wn = k()(fn()).withConfig({
|
|
267
333
|
displayName: "ItemStyles__StyledButton",
|
|
268
334
|
componentId: "sc-1fsk3kr-6"
|
|
269
|
-
})([ "&:not([disabled],[aria-disabled='true']){color:", ";}" ],
|
|
270
|
-
var
|
|
335
|
+
})([ "&:not([disabled],[aria-disabled='true']){color:", ";}" ], w.variables.contentColorActive);
|
|
336
|
+
var Cn = k().div.withConfig({
|
|
271
337
|
displayName: "ItemStyles__StyledErrorText",
|
|
272
338
|
componentId: "sc-1fsk3kr-7"
|
|
273
|
-
})([ "", ";color:", ";padding:", ";" ],
|
|
339
|
+
})([ "", ";color:", ";padding:", ";" ], w.mixins.typography("smallBody"), w.variables.contentColorNegative, w.variables.spacingXSmall);
|
|
274
340
|
// CONCATENATED MODULE: ./src/File/ItemIcon.tsx
|
|
275
|
-
var
|
|
276
|
-
aif:
|
|
277
|
-
aiff:
|
|
278
|
-
css:
|
|
279
|
-
csv:
|
|
280
|
-
dat:
|
|
281
|
-
db:
|
|
282
|
-
dbf:
|
|
283
|
-
doc:
|
|
284
|
-
eps:
|
|
285
|
-
fig:
|
|
286
|
-
gif:
|
|
287
|
-
htm:
|
|
288
|
-
html:
|
|
289
|
-
ico:
|
|
290
|
-
jpg:
|
|
291
|
-
js:
|
|
292
|
-
json:
|
|
293
|
-
jsx:
|
|
294
|
-
log:
|
|
295
|
-
mid:
|
|
296
|
-
mp3:
|
|
297
|
-
mp4:
|
|
298
|
-
mpg:
|
|
299
|
-
pdf:
|
|
300
|
-
php:
|
|
301
|
-
png:
|
|
302
|
-
ppt:
|
|
303
|
-
rar:
|
|
304
|
-
rtf:
|
|
305
|
-
sql:
|
|
306
|
-
svg:
|
|
307
|
-
txt:
|
|
308
|
-
tgz:
|
|
309
|
-
tiff:
|
|
310
|
-
wav:
|
|
311
|
-
xls:
|
|
312
|
-
xml:
|
|
313
|
-
zip:
|
|
341
|
+
var xn = {
|
|
342
|
+
aif: X(),
|
|
343
|
+
aiff: X(),
|
|
344
|
+
css: W(),
|
|
345
|
+
csv: H(),
|
|
346
|
+
dat: G(),
|
|
347
|
+
db: Z(),
|
|
348
|
+
dbf: Q(),
|
|
349
|
+
doc: ee(),
|
|
350
|
+
eps: re(),
|
|
351
|
+
fig: ae(),
|
|
352
|
+
gif: oe(),
|
|
353
|
+
htm: se(),
|
|
354
|
+
html: ue(),
|
|
355
|
+
ico: pe(),
|
|
356
|
+
jpg: ve(),
|
|
357
|
+
js: ye(),
|
|
358
|
+
json: ge(),
|
|
359
|
+
jsx: ke(),
|
|
360
|
+
log: qe(),
|
|
361
|
+
mid: Ce(),
|
|
362
|
+
mp3: Fe(),
|
|
363
|
+
mp4: Ie(),
|
|
364
|
+
mpg: Re(),
|
|
365
|
+
pdf: Ae(),
|
|
366
|
+
php: Pe(),
|
|
367
|
+
png: Ne(),
|
|
368
|
+
ppt: Me(),
|
|
369
|
+
rar: Be(),
|
|
370
|
+
rtf: Xe(),
|
|
371
|
+
sql: We(),
|
|
372
|
+
svg: He(),
|
|
373
|
+
txt: Ge(),
|
|
374
|
+
tgz: Ze(),
|
|
375
|
+
tiff: Qe(),
|
|
376
|
+
wav: en(),
|
|
377
|
+
xls: rn(),
|
|
378
|
+
xml: an(),
|
|
379
|
+
zip: ln()
|
|
314
380
|
};
|
|
315
|
-
var
|
|
381
|
+
var Fn = function e(n) {
|
|
316
382
|
var r;
|
|
317
383
|
var a = n.name, i = a === void 0 ? "" : a, o = n.icon;
|
|
318
384
|
/* if custom icon passed in use it */ if (o) {
|
|
319
385
|
|
|
320
|
-
return t().createElement(
|
|
386
|
+
return t().createElement(kn, null, o);
|
|
321
387
|
}
|
|
322
388
|
var l = ((r = i.split(".").pop()) === null || r === void 0 ? void 0 : r.toLowerCase()) || "";
|
|
323
|
-
var s =
|
|
389
|
+
var s = xn[l] || cn();
|
|
324
390
|
|
|
325
391
|
return t().createElement(s, {
|
|
326
392
|
"aria-hidden": "true"
|
|
327
393
|
});
|
|
328
394
|
};
|
|
329
|
-
/* harmony default export */ const
|
|
395
|
+
/* harmony default export */ const En = Fn;
|
|
330
396
|
// CONCATENATED MODULE: ./src/File/Item.tsx
|
|
331
|
-
function
|
|
332
|
-
return
|
|
397
|
+
function In() {
|
|
398
|
+
return In = Object.assign ? Object.assign.bind() : function(e) {
|
|
333
399
|
for (var n = 1; n < arguments.length; n++) {
|
|
334
400
|
var r = arguments[n];
|
|
335
401
|
for (var t in r) {
|
|
@@ -337,190 +403,124 @@
|
|
|
337
403
|
}
|
|
338
404
|
}
|
|
339
405
|
return e;
|
|
340
|
-
},
|
|
406
|
+
}, In.apply(null, arguments);
|
|
341
407
|
}
|
|
342
|
-
function
|
|
408
|
+
function _n(e, n) {
|
|
343
409
|
if (null == e) return {};
|
|
344
|
-
var r, t, a =
|
|
410
|
+
var r, t, a = Rn(e, n);
|
|
345
411
|
if (Object.getOwnPropertySymbols) {
|
|
346
412
|
var i = Object.getOwnPropertySymbols(e);
|
|
347
413
|
for (t = 0; t < i.length; t++) {
|
|
348
|
-
r = i[t], n.
|
|
414
|
+
r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
|
|
349
415
|
}
|
|
350
416
|
}
|
|
351
417
|
return a;
|
|
352
418
|
}
|
|
353
|
-
function
|
|
419
|
+
function Rn(e, n) {
|
|
354
420
|
if (null == e) return {};
|
|
355
421
|
var r = {};
|
|
356
422
|
for (var t in e) {
|
|
357
423
|
if ({}.hasOwnProperty.call(e, t)) {
|
|
358
|
-
if (n.
|
|
424
|
+
if (-1 !== n.indexOf(t)) continue;
|
|
359
425
|
r[t] = e[t];
|
|
360
426
|
}
|
|
361
427
|
}
|
|
362
428
|
return r;
|
|
363
429
|
}
|
|
364
|
-
var
|
|
365
|
-
disabled:
|
|
366
|
-
elementRef:
|
|
367
|
-
error:
|
|
430
|
+
var On = {
|
|
431
|
+
disabled: d().bool,
|
|
432
|
+
elementRef: d().oneOfType([ d().func, d().object ]),
|
|
433
|
+
error: d().bool,
|
|
368
434
|
/** @private */
|
|
369
|
-
icon:
|
|
435
|
+
icon: d().node,
|
|
370
436
|
/** @private */
|
|
371
|
-
index:
|
|
372
|
-
itemId:
|
|
373
|
-
name:
|
|
437
|
+
index: d().number,
|
|
438
|
+
itemId: d().any,
|
|
439
|
+
name: d().string.isRequired,
|
|
374
440
|
/** If the uploadPercentage is 0, the item is assumed to be queued. If the upload is complete or
|
|
375
441
|
* not applicable, uploadPercentage must be undefined. */
|
|
376
|
-
uploadPercentage:
|
|
442
|
+
uploadPercentage: d().number
|
|
377
443
|
};
|
|
378
|
-
var
|
|
444
|
+
var An = t().createElement(gn, {
|
|
379
445
|
variant: "filled"
|
|
380
446
|
});
|
|
381
|
-
function
|
|
382
|
-
var n = e.disabled, a = e.elementRef, i = e.error, o = i === void 0 ? false : i, l = e.icon, s = e.itemId, c = e.name, u = e.index, d = u === void 0 ? 0 : u, p = e.uploadPercentage, f =
|
|
447
|
+
function Tn(e) {
|
|
448
|
+
var n = e.disabled, a = e.elementRef, i = e.error, o = i === void 0 ? false : i, l = e.icon, s = e.itemId, c = e.name, u = e.index, d = u === void 0 ? 0 : u, p = e.uploadPercentage, f = _n(e, [ "disabled", "elementRef", "error", "icon", "itemId", "name", "index", "uploadPercentage" ]);
|
|
383
449
|
// @docs-props-type ItemPropsBase
|
|
384
|
-
var y = (0, r.useContext)(
|
|
450
|
+
var y = (0, r.useContext)(b), g = y.onRequestRemove;
|
|
385
451
|
var h = (0, r.useCallback)((function(e) {
|
|
386
452
|
e.preventDefault();
|
|
387
|
-
|
|
453
|
+
g === null || g === void 0 ? void 0 : g({
|
|
388
454
|
itemId: s,
|
|
389
455
|
name: c,
|
|
390
456
|
index: d
|
|
391
457
|
});
|
|
392
|
-
}), [
|
|
393
|
-
var
|
|
394
|
-
var
|
|
458
|
+
}), [ g, s, c, d ]);
|
|
459
|
+
var k = (0, r.useContext)(b), S = k.onRequestRetry;
|
|
460
|
+
var q = (0, r.useCallback)((function(e) {
|
|
395
461
|
e.preventDefault();
|
|
396
|
-
|
|
462
|
+
S === null || S === void 0 ? void 0 : S({
|
|
397
463
|
itemId: s,
|
|
398
464
|
name: c,
|
|
399
465
|
index: d
|
|
400
466
|
});
|
|
401
|
-
}), [
|
|
402
|
-
var
|
|
403
|
-
var
|
|
467
|
+
}), [ S, s, c, d ]);
|
|
468
|
+
var w = (0, r.useContext)(b), C = w.disabled;
|
|
469
|
+
var x = (0, v.sprintf)((0, m._)('Remove "%(filename)s"'), {
|
|
404
470
|
filename: c
|
|
405
471
|
});
|
|
406
|
-
var
|
|
472
|
+
var F = (0, v.sprintf)((0, m._)('Retry "%(filename)s"'), {
|
|
407
473
|
filename: c
|
|
408
474
|
});
|
|
409
|
-
var
|
|
475
|
+
var E = (0, v.sprintf)((0, m._)('Uploading "%(filename)s"'), {
|
|
410
476
|
filename: c
|
|
411
477
|
});
|
|
412
|
-
var
|
|
413
|
-
var
|
|
414
|
-
var
|
|
415
|
-
var
|
|
478
|
+
var I = (0, m._)("Remove");
|
|
479
|
+
var _ = n !== undefined ? n : C;
|
|
480
|
+
var R = p !== undefined && p > 0;
|
|
481
|
+
var O = o ? An : t().createElement(En, {
|
|
416
482
|
name: c,
|
|
417
483
|
icon: l
|
|
418
484
|
});
|
|
419
485
|
|
|
420
|
-
return t().createElement(
|
|
486
|
+
return t().createElement(yn, null, t().createElement(bn, In({
|
|
421
487
|
"data-test": "item",
|
|
422
|
-
"data-test-disabled":
|
|
488
|
+
"data-test-disabled": _ ? "disabled" : undefined,
|
|
423
489
|
"data-test-error": o,
|
|
424
490
|
ref: a
|
|
425
491
|
}, f, {
|
|
426
|
-
$disabled:
|
|
427
|
-
$inProgress:
|
|
428
|
-
}),
|
|
492
|
+
$disabled: _,
|
|
493
|
+
$inProgress: R
|
|
494
|
+
}), O, t().createElement(Sn, {
|
|
429
495
|
"data-test": "label"
|
|
430
|
-
}, c),
|
|
496
|
+
}, c), R && t().createElement(t().Fragment, null, t().createElement(qn, {
|
|
431
497
|
percentage: p,
|
|
432
|
-
"aria-label":
|
|
433
|
-
}), t().createElement("span", null, p, "%")),
|
|
498
|
+
"aria-label": E
|
|
499
|
+
}), t().createElement("span", null, p, "%")), S && o && t().createElement(wn, {
|
|
434
500
|
"data-test": "retry",
|
|
435
|
-
onClick:
|
|
436
|
-
"aria-label":
|
|
501
|
+
onClick: q,
|
|
502
|
+
"aria-label": F,
|
|
437
503
|
appearance: "subtle"
|
|
438
|
-
}, t().createElement(
|
|
439
|
-
"aria-label": (0,
|
|
440
|
-
})), !
|
|
504
|
+
}, t().createElement(N(), {
|
|
505
|
+
"aria-label": (0, m._)("Retry")
|
|
506
|
+
})), !_ && (p === undefined && !o ? t().createElement(wn, {
|
|
441
507
|
"data-test": "remove",
|
|
442
508
|
onClick: h,
|
|
443
|
-
"aria-label":
|
|
509
|
+
"aria-label": x,
|
|
444
510
|
appearance: "subtle"
|
|
445
|
-
}, t().createElement(
|
|
446
|
-
"aria-label":
|
|
447
|
-
})) : t().createElement(
|
|
511
|
+
}, t().createElement(B(), {
|
|
512
|
+
"aria-label": I
|
|
513
|
+
})) : t().createElement(wn, {
|
|
448
514
|
"data-test": "remove",
|
|
449
515
|
onClick: h,
|
|
450
|
-
"aria-label":
|
|
516
|
+
"aria-label": x,
|
|
451
517
|
appearance: "subtle"
|
|
452
|
-
}, t().createElement(
|
|
453
|
-
"aria-label":
|
|
454
|
-
})))), o && t().createElement(
|
|
518
|
+
}, t().createElement(M(), {
|
|
519
|
+
"aria-label": I
|
|
520
|
+
})))), o && t().createElement(Cn, null, (0, m._)("Something went wrong.")));
|
|
455
521
|
}
|
|
456
|
-
|
|
457
|
-
/* harmony default export */ const
|
|
458
|
-
// CONCATENATED MODULE: external "@splunk/react-icons/ArrowBroadUnderbarUp"
|
|
459
|
-
const qn = require("@splunk/react-icons/ArrowBroadUnderbarUp");
|
|
460
|
-
var wn = e.n(qn);
|
|
461
|
-
// CONCATENATED MODULE: ./src/File/FileStyles.ts
|
|
462
|
-
var Cn = "24px";
|
|
463
|
-
var Fn = "150px";
|
|
464
|
-
var xn = Ge().input.withConfig({
|
|
465
|
-
displayName: "FileStyles__StyledInput",
|
|
466
|
-
componentId: "sc-1wyh4cf-0"
|
|
467
|
-
})([ "&[type='file']{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}" ]);
|
|
468
|
-
/* wraps the drop target box and the list of files */ var En = Ge().div.withConfig({
|
|
469
|
-
displayName: "FileStyles__StyledFileWrapper",
|
|
470
|
-
componentId: "sc-1wyh4cf-1"
|
|
471
|
-
})([ "display:flex;flex-direction:column;gap:", ";" ], Ke.variables.spacingSmall);
|
|
472
|
-
var In = Ge()(wn()).withConfig({
|
|
473
|
-
displayName: "FileStyles__StyledUploadIcon",
|
|
474
|
-
componentId: "sc-1wyh4cf-2"
|
|
475
|
-
})([ "width:", ";height:", ";fill:", ";" ], Cn, Cn, Ke.variables.contentColorActive);
|
|
476
|
-
var _n = Ge().div.withConfig({
|
|
477
|
-
displayName: "FileStyles__StyledInstructionText",
|
|
478
|
-
componentId: "sc-1wyh4cf-3"
|
|
479
|
-
})([ "", ";" ], Ke.mixins.typography("body", {
|
|
480
|
-
color: "active",
|
|
481
|
-
weight: "semiBold"
|
|
482
|
-
}));
|
|
483
|
-
var Rn = Ge().div.withConfig({
|
|
484
|
-
displayName: "FileStyles__StyledFileTypeSupportMessage",
|
|
485
|
-
componentId: "sc-1wyh4cf-4"
|
|
486
|
-
})([ "color:", ";text-align:center;" ], Ke.variables.contentColorDefault);
|
|
487
|
-
var On = Ge().div.withConfig({
|
|
488
|
-
displayName: "FileStyles__StyledDropTarget",
|
|
489
|
-
componentId: "sc-1wyh4cf-5"
|
|
490
|
-
})([ "", ";flex-direction:column;align-items:center;justify-content:center;min-height:", ";gap:", ";padding:", ";border-radius:", ";cursor:pointer;", " ", " ", " ", " ", " ", " ", "" ], Ke.mixins.reset("flex"), Fn, Ke.variables.spacingXSmall, Ke.variables.spacingSmall, Ke.variables.borderRadius, (function(e) {
|
|
491
|
-
var n = e.$disabled;
|
|
492
|
-
return !n && (0, Je.css)([ "&:hover{background-color:", ";", "{color:", ";}", "{fill:", ";}}" ], Ke.variables.actionColorBackgroundSubtleHover, /* sc-sel */ _n, Ke.variables.contentColorAccentStrong, /* sc-sel */ In, Ke.variables.contentColorAccentStrong);
|
|
493
|
-
}), (function(e) {
|
|
494
|
-
var n = e.$screenMode;
|
|
495
|
-
return n === "normal" && (0, Je.css)([ "border:", " dashed ", ";" ], Ke.variables.inputBorderWidth, Ke.variables.borderColor);
|
|
496
|
-
}), (function(e) {
|
|
497
|
-
var n = e.$dragOver, r = e.$focused, t = e.$error;
|
|
498
|
-
return (n || r && !t) && (0, Je.css)([ "", "{color:", ";}", "{fill:", ";}" ], /* sc-sel */ _n, Ke.variables.contentColorAccentStrong, /* sc-sel */ In, Ke.variables.contentColorAccentStrong);
|
|
499
|
-
}), (function(e) {
|
|
500
|
-
var n = e.$dragOver;
|
|
501
|
-
return n && (0, Je.css)([ "background-color:", ";" ], Ke.variables.actionColorBackgroundSubtleHover);
|
|
502
|
-
}), (function(e) {
|
|
503
|
-
var n = e.$focused;
|
|
504
|
-
return n && (0, Je.css)([ "box-shadow:", ";" ], Ke.variables.focusShadow);
|
|
505
|
-
}), (function(e) {
|
|
506
|
-
var n = e.$disabled;
|
|
507
|
-
return n && (0, Je.css)([ "border-color:", ";cursor:not-allowed;", ",", "{color:", ";}", "{fill:", ";}" ], Ke.variables.borderColorWeak, /* sc-sel */ _n, /* sc-sel */ Rn, Ke.variables.contentColorDisabled, /* sc-sel */ In, Ke.variables.contentColorDisabled);
|
|
508
|
-
}), (function(e) {
|
|
509
|
-
var n = e.$error, r = e.$dragOver;
|
|
510
|
-
return n && !r && (0, Je.css)([ "border-color:", ";" ], Ke.variables.interactiveColorAccentError);
|
|
511
|
-
}));
|
|
512
|
-
var An = Ge().div.withConfig({
|
|
513
|
-
displayName: "FileStyles__StyledHelp",
|
|
514
|
-
componentId: "sc-1wyh4cf-6"
|
|
515
|
-
})([ "", ";" ], Ke.mixins.typography("smallBody"));
|
|
516
|
-
var Tn = Ge().div.withConfig({
|
|
517
|
-
displayName: "FileStyles__StyledWindowDrop",
|
|
518
|
-
componentId: "sc-1wyh4cf-7"
|
|
519
|
-
})([ "position:fixed;top:0;left:0;right:0;bottom:0;z-index:", " + 10;" ], Ke.variables.zindexModal);
|
|
520
|
-
var Pn = Ge().div.withConfig({
|
|
521
|
-
displayName: "FileStyles__StyledFileList",
|
|
522
|
-
componentId: "sc-1wyh4cf-8"
|
|
523
|
-
})([ "display:flex;flex-direction:column;gap:", ";" ], Ke.variables.spacingXSmall);
|
|
522
|
+
Tn.propTypes = On;
|
|
523
|
+
/* harmony default export */ const Pn = Tn;
|
|
524
524
|
// CONCATENATED MODULE: ./src/utils/ssrDocument.ts
|
|
525
525
|
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
526
526
|
var jn = {
|
|
@@ -709,7 +709,7 @@
|
|
|
709
709
|
if (Object.getOwnPropertySymbols) {
|
|
710
710
|
var i = Object.getOwnPropertySymbols(e);
|
|
711
711
|
for (t = 0; t < i.length; t++) {
|
|
712
|
-
r = i[t], n.
|
|
712
|
+
r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
|
|
713
713
|
}
|
|
714
714
|
}
|
|
715
715
|
return a;
|
|
@@ -719,7 +719,7 @@
|
|
|
719
719
|
var r = {};
|
|
720
720
|
for (var t in e) {
|
|
721
721
|
if ({}.hasOwnProperty.call(e, t)) {
|
|
722
|
-
if (n.
|
|
722
|
+
if (-1 !== n.indexOf(t)) continue;
|
|
723
723
|
r[t] = e[t];
|
|
724
724
|
}
|
|
725
725
|
}
|
|
@@ -727,181 +727,181 @@
|
|
|
727
727
|
}
|
|
728
728
|
/** @public */
|
|
729
729
|
/** @public */ var Qn = {
|
|
730
|
-
accept:
|
|
731
|
-
allowMultiple:
|
|
732
|
-
children:
|
|
733
|
-
disabled:
|
|
734
|
-
dropAnywhere:
|
|
735
|
-
elementRef:
|
|
736
|
-
fullscreen:
|
|
737
|
-
error:
|
|
738
|
-
help:
|
|
739
|
-
name:
|
|
740
|
-
onRequestAdd:
|
|
741
|
-
onRequestRemove:
|
|
742
|
-
onRequestRetry:
|
|
730
|
+
accept: d().string,
|
|
731
|
+
allowMultiple: d().bool,
|
|
732
|
+
children: d().node,
|
|
733
|
+
disabled: d().bool,
|
|
734
|
+
dropAnywhere: d().bool,
|
|
735
|
+
elementRef: d().oneOfType([ d().func, d().object ]),
|
|
736
|
+
fullscreen: d().bool,
|
|
737
|
+
error: d().bool,
|
|
738
|
+
help: d().node,
|
|
739
|
+
name: d().string,
|
|
740
|
+
onRequestAdd: d().func,
|
|
741
|
+
onRequestRemove: d().func,
|
|
742
|
+
onRequestRetry: d().func,
|
|
743
743
|
/** @private. */
|
|
744
|
-
required:
|
|
745
|
-
supportsMessage:
|
|
744
|
+
required: d().bool,
|
|
745
|
+
supportsMessage: d().node
|
|
746
746
|
};
|
|
747
747
|
/**
|
|
748
748
|
* File provides the ability to accept files and present uploaded files. It does not provide
|
|
749
749
|
* file readers, only a reference to the file. This can be used to post binary content, or
|
|
750
750
|
* upload using an array buffer.
|
|
751
751
|
*/ function Yn(e) {
|
|
752
|
-
var n = e.accept, a = e.allowMultiple,
|
|
752
|
+
var n = e.accept, a = e.allowMultiple, o = e.children, s = e.disabled, u = e.dropAnywhere, d = e.elementRef, p = e.error, b = e.fullscreen, h = e.help, k = e.name, S = e.onRequestAdd, q = e.onRequestRemove, w = e.onRequestRetry, C = e.required, x = e.supportsMessage, j = Zn(e, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "elementRef", "error", "fullscreen", "help", "name", "onRequestAdd", "onRequestRemove", "onRequestRetry", "required", "supportsMessage" ]);
|
|
753
753
|
// @docs-props-type FilePropsBase
|
|
754
|
-
var
|
|
755
|
-
var
|
|
754
|
+
var N = (0, r.useState)(false), D = Wn(N, 2), M = D[0], $ = D[1];
|
|
755
|
+
var B = (0, r.useState)(false), L = Wn(B, 2), X = L[0], U = L[1];
|
|
756
756
|
/* Each time a file is uploaded this is incremented and used to generate the
|
|
757
|
-
* file input's key. In this way we get a new input without a value. */ var
|
|
758
|
-
r.useState)(0),
|
|
759
|
-
var
|
|
760
|
-
var
|
|
757
|
+
* file input's key. In this way we get a new input without a value. */ var W = (0,
|
|
758
|
+
r.useState)(0), z = Wn(W, 2), H = z[0], J = z[1];
|
|
759
|
+
var G = (0, y.createDOMID)();
|
|
760
|
+
var V = (0, r.useCallback)((function(e) {
|
|
761
761
|
if (e !== undefined && e.length > 0) {
|
|
762
762
|
var n = Array.from(e);
|
|
763
|
-
|
|
764
|
-
name:
|
|
763
|
+
S === null || S === void 0 ? void 0 : S(a ? n : [ n[0] ], {
|
|
764
|
+
name: k
|
|
765
765
|
});
|
|
766
766
|
} else {
|
|
767
|
-
|
|
768
|
-
name:
|
|
767
|
+
S === null || S === void 0 ? void 0 : S([], {
|
|
768
|
+
name: k
|
|
769
769
|
});
|
|
770
770
|
}
|
|
771
|
-
|
|
771
|
+
J((function(e) {
|
|
772
772
|
return e + 1;
|
|
773
773
|
}));
|
|
774
|
-
}), [ a,
|
|
775
|
-
var
|
|
774
|
+
}), [ a, k, S ]);
|
|
775
|
+
var Z = (0, r.useCallback)((function(e) {
|
|
776
776
|
var n;
|
|
777
|
-
|
|
778
|
-
}), [
|
|
779
|
-
var
|
|
780
|
-
|
|
777
|
+
V((n = e.currentTarget.files) !== null && n !== void 0 ? n : undefined);
|
|
778
|
+
}), [ V ]);
|
|
779
|
+
var K = (0, r.useCallback)((function() {
|
|
780
|
+
U(true);
|
|
781
781
|
}), []);
|
|
782
|
-
var
|
|
783
|
-
|
|
782
|
+
var Q = (0, r.useCallback)((function() {
|
|
783
|
+
U(false);
|
|
784
784
|
}), []);
|
|
785
|
-
var
|
|
786
|
-
if (!
|
|
787
|
-
|
|
785
|
+
var Y = (0, r.useCallback)((function(e) {
|
|
786
|
+
if (!M) {
|
|
787
|
+
$(true);
|
|
788
788
|
}
|
|
789
789
|
e.preventDefault();
|
|
790
|
-
}), [
|
|
791
|
-
var
|
|
792
|
-
return
|
|
793
|
-
return
|
|
790
|
+
}), [ M ]);
|
|
791
|
+
var ee = (0, r.useMemo)((function() {
|
|
792
|
+
return i()((function() {
|
|
793
|
+
return $(false);
|
|
794
794
|
}), 300);
|
|
795
|
-
}), [
|
|
796
|
-
var
|
|
795
|
+
}), [ $ ]);
|
|
796
|
+
var ne = (0, r.useCallback)((function(e) {
|
|
797
797
|
var n;
|
|
798
798
|
e.preventDefault();
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
}), [
|
|
802
|
-
var
|
|
799
|
+
ee();
|
|
800
|
+
V((n = e.dataTransfer) === null || n === void 0 ? void 0 : n.files);
|
|
801
|
+
}), [ V, ee ]);
|
|
802
|
+
var re = (0, r.useCallback)((function(e) {
|
|
803
803
|
var n = e.name, r = e.index, t = e.itemId;
|
|
804
|
-
|
|
804
|
+
w === null || w === void 0 ? void 0 : w({
|
|
805
805
|
event: e,
|
|
806
806
|
filename: n,
|
|
807
807
|
index: r,
|
|
808
808
|
itemId: t,
|
|
809
|
-
name:
|
|
809
|
+
name: k
|
|
810
810
|
});
|
|
811
|
-
}), [
|
|
812
|
-
var
|
|
811
|
+
}), [ k, w ]);
|
|
812
|
+
var te = (0, r.useCallback)((function(e) {
|
|
813
813
|
var n = e.name, r = e.index, t = e.itemId;
|
|
814
|
-
|
|
814
|
+
q === null || q === void 0 ? void 0 : q({
|
|
815
815
|
event: e,
|
|
816
816
|
filename: n,
|
|
817
817
|
index: r,
|
|
818
818
|
itemId: t,
|
|
819
|
-
name:
|
|
819
|
+
name: k
|
|
820
820
|
});
|
|
821
|
-
}), [
|
|
822
|
-
var
|
|
821
|
+
}), [ k, q ]);
|
|
822
|
+
var ae = r.Children.toArray(o).filter(r.isValidElement).map((function(e, n) {
|
|
823
823
|
|
|
824
824
|
return (0, r.cloneElement)(e, {
|
|
825
825
|
index: n,
|
|
826
826
|
key: e.key || e.props.itemId || "item-".concat(n)
|
|
827
827
|
});
|
|
828
828
|
}));
|
|
829
|
-
var
|
|
830
|
-
var
|
|
831
|
-
var
|
|
832
|
-
var
|
|
833
|
-
var
|
|
834
|
-
var
|
|
835
|
-
var
|
|
836
|
-
|
|
837
|
-
var
|
|
838
|
-
if (!
|
|
839
|
-
|
|
840
|
-
fileTypes:
|
|
841
|
-
}) : (0,
|
|
829
|
+
var ie = b || u;
|
|
830
|
+
var oe = ie || s;
|
|
831
|
+
var le = ie && !s;
|
|
832
|
+
var se = s ? false : M || false;
|
|
833
|
+
var ce = b ? "full" : "normal";
|
|
834
|
+
var ue = l()(n) && c()(n.split(",").join(", "));
|
|
835
|
+
var de = ie ? (0, m._)("Drop your file anywhere or click this area to upload") : (0,
|
|
836
|
+
m._)("Click or drag file to this area to upload");
|
|
837
|
+
var pe = x;
|
|
838
|
+
if (!pe) {
|
|
839
|
+
pe = n ? (0, v.sprintf)((0, m._)("Supports %(fileTypes)s"), {
|
|
840
|
+
fileTypes: ue
|
|
841
|
+
}) : (0, m._)("Supports all file types");
|
|
842
842
|
}
|
|
843
|
-
var
|
|
843
|
+
var fe = (0, r.useMemo)((function() {
|
|
844
844
|
return {
|
|
845
|
-
disabled: !!
|
|
846
|
-
onRequestRemove:
|
|
847
|
-
onRequestRetry:
|
|
845
|
+
disabled: !!s,
|
|
846
|
+
onRequestRemove: q ? te : undefined,
|
|
847
|
+
onRequestRetry: w ? re : undefined
|
|
848
848
|
};
|
|
849
|
-
}), [
|
|
849
|
+
}), [ s, te, re, q, w ]);
|
|
850
850
|
|
|
851
|
-
return t().createElement(
|
|
852
|
-
ref:
|
|
851
|
+
return t().createElement(E, Un({
|
|
852
|
+
ref: d,
|
|
853
853
|
"data-test": "file",
|
|
854
|
-
"data-test-disabled":
|
|
854
|
+
"data-test-disabled": s ? "disabled" : undefined,
|
|
855
855
|
"data-test-error": !!p
|
|
856
|
-
},
|
|
857
|
-
htmlFor:
|
|
856
|
+
}, j), t().createElement("label", {
|
|
857
|
+
htmlFor: G,
|
|
858
858
|
"data-test": "file-label"
|
|
859
|
-
}, t().createElement(
|
|
859
|
+
}, t().createElement(O, {
|
|
860
860
|
"data-test": "file-drop-target",
|
|
861
|
-
onDragOver:
|
|
862
|
-
onDragLeave:
|
|
863
|
-
onDrop:
|
|
864
|
-
$disabled: !!
|
|
865
|
-
$dragOver:
|
|
861
|
+
onDragOver: oe ? undefined : Y,
|
|
862
|
+
onDragLeave: oe ? undefined : ee,
|
|
863
|
+
onDrop: oe ? undefined : ne,
|
|
864
|
+
$disabled: !!s,
|
|
865
|
+
$dragOver: se,
|
|
866
866
|
$error: !!p,
|
|
867
|
-
$screenMode:
|
|
868
|
-
$focused:
|
|
869
|
-
}, t().createElement(
|
|
870
|
-
$screenMode:
|
|
871
|
-
}), t().createElement(
|
|
867
|
+
$screenMode: ce,
|
|
868
|
+
$focused: X
|
|
869
|
+
}, t().createElement(I, {
|
|
870
|
+
$screenMode: ce
|
|
871
|
+
}), t().createElement(F, {
|
|
872
872
|
accept: n,
|
|
873
873
|
"data-test": "file-input",
|
|
874
|
-
disabled:
|
|
875
|
-
id:
|
|
876
|
-
key: "file-input-".concat(
|
|
874
|
+
disabled: s,
|
|
875
|
+
id: G,
|
|
876
|
+
key: "file-input-".concat(H),
|
|
877
877
|
multiple: a || undefined,
|
|
878
|
-
onBlur:
|
|
879
|
-
onChange:
|
|
880
|
-
onFocus:
|
|
881
|
-
required:
|
|
878
|
+
onBlur: Q,
|
|
879
|
+
onChange: Z,
|
|
880
|
+
onFocus: K,
|
|
881
|
+
required: C,
|
|
882
882
|
type: "file"
|
|
883
|
-
}), t().createElement(
|
|
883
|
+
}), t().createElement(_, null, de), t().createElement(R, {
|
|
884
884
|
"data-test": "file-supports"
|
|
885
|
-
},
|
|
885
|
+
}, pe), le && M && t().createElement(T, {
|
|
886
886
|
"data-test": "file-window-drop",
|
|
887
|
-
onDragLeave:
|
|
888
|
-
}),
|
|
887
|
+
onDragLeave: ee
|
|
888
|
+
}), le && t().createElement(t().Fragment, null, t().createElement(f(), {
|
|
889
889
|
target: Xn,
|
|
890
890
|
eventType: "dragover",
|
|
891
|
-
listener:
|
|
891
|
+
listener: Y
|
|
892
892
|
}), t().createElement(f(), {
|
|
893
893
|
target: Xn,
|
|
894
894
|
eventType: "drop",
|
|
895
|
-
listener:
|
|
896
|
-
})))), !
|
|
895
|
+
listener: ne
|
|
896
|
+
})))), !s && h && t().createElement(A, {
|
|
897
897
|
"data-test": "help"
|
|
898
|
-
},
|
|
899
|
-
value:
|
|
900
|
-
}, t().createElement(
|
|
898
|
+
}, h), t().createElement(g.Provider, {
|
|
899
|
+
value: fe
|
|
900
|
+
}, t().createElement(P, null, ae)));
|
|
901
901
|
}
|
|
902
902
|
Yn.propTypes = Qn;
|
|
903
903
|
Yn.componentType = "File";
|
|
904
|
-
Yn.Item =
|
|
904
|
+
Yn.Item = Pn;
|
|
905
905
|
/* harmony default export */ const er = Yn;
|
|
906
906
|
// CONCATENATED MODULE: ./src/File/index.ts
|
|
907
907
|
module.exports = n;
|