@pingux/astro 1.7.0-alpha.0 → 1.7.0-alpha.11
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/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +23 -18
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +11 -3
- package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +16 -3
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +16 -3
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +22 -6
- package/lib/cjs/components/AccordionGroup/AccordionGroup.js +13 -3
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +11 -3
- package/lib/cjs/components/AccordionItem/AccordionItem.js +13 -3
- package/lib/cjs/components/ArrayField/ArrayField.js +28 -19
- package/lib/cjs/components/ArrayField/ArrayField.stories.js +1 -1
- package/lib/cjs/components/ArrayField/ArrayField.test.js +13 -0
- package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js +3 -8
- package/lib/cjs/components/ArrayField/index.js +4 -4
- package/lib/cjs/components/AstroWrapper/AstroWrapper.js +93 -22
- package/lib/cjs/components/AstroWrapper/AstroWrapper.stories.js +90 -0
- package/lib/cjs/components/AstroWrapper/index.js +11 -2
- package/lib/cjs/components/Avatar/Avatar.js +10 -2
- package/lib/cjs/components/Avatar/Avatar.stories.js +1 -1
- package/lib/cjs/components/Box/Box.js +26 -20
- package/lib/cjs/components/Box/Box.stories.js +1 -1
- package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js +26 -24
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +13 -3
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +1 -1
- package/lib/cjs/components/Breadcrumbs/index.js +4 -4
- package/lib/cjs/components/Button/Button.js +25 -19
- package/lib/cjs/components/Button/Button.stories.js +9 -10
- package/lib/cjs/components/Card/Card.js +10 -2
- package/lib/cjs/components/Card/Card.stories.js +1 -1
- package/lib/cjs/components/Checkbox/Checkbox.js +10 -2
- package/lib/cjs/components/CheckboxField/CheckboxField.js +22 -18
- package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +1 -1
- package/lib/cjs/components/Chip/Chip.js +10 -2
- package/lib/cjs/components/Chip/Chip.stories.js +1 -1
- package/lib/cjs/components/CodeView/CodeView.js +25 -19
- package/lib/cjs/components/CodeView/CodeView.stories.js +4 -6
- package/lib/cjs/components/CodeView/CodeView.test.js +11 -11
- package/lib/cjs/components/ColorField/ColorField.js +22 -18
- package/lib/cjs/components/ColorField/ColorField.stories.js +11 -3
- package/lib/cjs/components/ComboBox/ComboBoxInput.js +25 -19
- package/lib/cjs/components/ComboBoxField/ComboBoxField.js +25 -19
- package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +11 -3
- package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +12 -2
- package/lib/cjs/components/CopyText/CopyButton.js +10 -2
- package/lib/cjs/components/CopyText/CopyText.js +15 -4
- package/lib/cjs/components/CopyText/CopyText.stories.js +1 -1
- package/lib/cjs/components/CopyText/CopyText.test.js +11 -11
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +27 -17
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +23 -17
- package/lib/cjs/components/FieldHelperText/FieldHelperText.js +13 -3
- package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.js +1 -1
- package/lib/cjs/components/FileInputField/FileInputField.js +28 -20
- package/lib/cjs/components/FileInputField/FileInputField.stories.js +11 -3
- package/lib/cjs/components/FileInputField/FileInputField.test.js +11 -11
- package/lib/cjs/components/FileInputField/FileItem.js +10 -2
- package/lib/cjs/components/HelpHint/HelpHint.js +13 -3
- package/lib/cjs/components/HelpHint/HelpHint.stories.js +1 -1
- package/lib/cjs/components/Icon/Icon.js +22 -18
- package/lib/cjs/components/Icon/Icon.stories.js +1 -1
- package/lib/cjs/components/IconButton/IconButton.js +25 -19
- package/lib/cjs/components/IconButton/IconButton.stories.js +1 -1
- package/lib/cjs/components/Image/Image.js +13 -3
- package/lib/cjs/components/Image/Image.stories.js +1 -1
- package/lib/cjs/components/ImageUploadField/ImagePreviewButton.js +13 -3
- package/lib/cjs/components/ImageUploadField/ImageUploadField.js +10 -2
- package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +11 -3
- package/lib/cjs/components/ImageUploadField/ImageUploadFieldBase.js +22 -18
- package/lib/cjs/components/Input/Input.js +13 -3
- package/lib/cjs/components/Input/Input.stories.js +1 -1
- package/lib/cjs/components/Label/Label.js +13 -3
- package/lib/cjs/components/Label/Label.stories.js +1 -1
- package/lib/cjs/components/Link/Link.js +13 -3
- package/lib/cjs/components/Link/Link.stories.js +1 -1
- package/lib/cjs/components/LinkSelectField/LinkSelectField.js +22 -18
- package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +10 -2
- package/lib/cjs/components/List/List.js +13 -3
- package/lib/cjs/components/List/List.stories.js +1 -1
- package/lib/cjs/components/ListBox/ListBox.js +27 -19
- package/lib/cjs/components/ListBox/ListBoxSection.js +10 -2
- package/lib/cjs/components/ListBox/Option.js +25 -19
- package/lib/cjs/components/ListBox/index.js +4 -4
- package/lib/cjs/components/ListItem/ListItem.js +13 -3
- package/lib/cjs/components/ListItem/ListItem.stories.js +1 -1
- package/lib/cjs/components/ListView/ListView.js +26 -20
- package/lib/cjs/components/ListView/ListView.stories.js +36 -21
- package/lib/cjs/components/ListViewItem/ListViewItem.js +10 -2
- package/lib/cjs/components/Loader/Loader.js +25 -19
- package/lib/cjs/components/Loader/Loader.stories.js +1 -1
- package/lib/cjs/components/Menu/Menu.js +25 -19
- package/lib/cjs/components/Menu/Menu.stories.js +1 -1
- package/lib/cjs/components/MenuItem/MenuItem.js +13 -3
- package/lib/cjs/components/Messages/Message.js +14 -4
- package/lib/cjs/components/Messages/Messages.js +13 -3
- package/lib/cjs/components/Messages/Messages.reducer.js +15 -17
- package/lib/cjs/components/Messages/Messages.stories.js +23 -17
- package/lib/cjs/components/Messages/Messages.test.js +12 -2
- package/lib/cjs/components/Messages/index.js +1 -0
- package/lib/cjs/components/Messages/utils/messagesReducer.js +15 -15
- package/lib/cjs/components/Messages/utils/multiMessagesReducer.js +26 -20
- package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +12 -2
- package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +12 -2
- package/lib/cjs/components/Modal/Modal.js +25 -19
- package/lib/cjs/components/Modal/Modal.stories.js +1 -1
- package/lib/cjs/components/MultiselectFilter/MultiselectFilter.js +13 -3
- package/lib/cjs/components/MultiselectFilter/MultiselectFilter.stories.js +13 -5
- package/lib/cjs/components/MultiselectFilterItem/MultiselectFilterItem.js +9 -1
- package/lib/cjs/components/MultiselectListContainer/MultiselectBadge.js +3 -1
- package/lib/cjs/components/MultiselectListContainer/MultiselectListContainer.js +25 -19
- package/lib/cjs/components/MultivaluesField/MultivaluesField.js +23 -17
- package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +11 -3
- package/lib/cjs/components/NavBar/NavBar.js +30 -10
- package/lib/cjs/components/NavBar/NavBar.stories.js +4 -3
- package/lib/cjs/components/NavBarSection/NavBarItem.js +16 -8
- package/lib/cjs/components/NavBarSection/NavBarItemBody.js +10 -2
- package/lib/cjs/components/NavBarSection/NavBarItemButton.js +19 -19
- package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +61 -4
- package/lib/cjs/components/NavBarSection/NavBarItemLink.js +19 -19
- package/lib/cjs/components/NavBarSection/NavBarSection.js +5 -2
- package/lib/cjs/components/NavBarSection/index.js +4 -4
- package/lib/cjs/components/NumberField/NumberField.js +53 -19
- package/lib/cjs/components/NumberField/NumberField.stories.js +11 -3
- package/lib/cjs/components/OverlayPanel/OverlayPanel.js +14 -4
- package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +11 -3
- package/lib/cjs/components/PageHeader/PageHeader.js +13 -3
- package/lib/cjs/components/PageHeader/PageHeader.stories.js +1 -1
- package/lib/cjs/components/PasswordField/PasswordField.js +26 -18
- package/lib/cjs/components/PasswordField/PasswordField.stories.js +22 -18
- package/lib/cjs/components/PopoverContainer/PopoverContainer.js +27 -20
- package/lib/cjs/components/PopoverContainer/index.js +11 -2
- package/lib/cjs/components/PopoverMenu/PopoverMenu.js +22 -18
- package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +11 -3
- package/lib/cjs/components/Radio/Radio.js +10 -2
- package/lib/cjs/components/RadioField/RadioField.js +22 -18
- package/lib/cjs/components/RadioField/RadioField.test.js +12 -2
- package/lib/cjs/components/RadioField/index.js +11 -2
- package/lib/cjs/components/RadioGroupField/RadioGroupField.js +22 -18
- package/lib/cjs/components/RadioGroupField/RadioGroupField.stories.js +11 -3
- package/lib/cjs/components/RequirementsList/RequirementsList.js +13 -3
- package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +1 -1
- package/lib/cjs/components/RockerButton/RockerButton.js +22 -18
- package/lib/cjs/components/RockerButton/index.js +11 -2
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +25 -19
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +11 -3
- package/lib/cjs/components/RockerButtonGroup/index.js +11 -2
- package/lib/cjs/components/ScrollBox/ScrollBox.js +26 -20
- package/lib/cjs/components/ScrollBox/ScrollBox.stories.js +1 -1
- package/lib/cjs/components/SearchField/SearchField.js +22 -18
- package/lib/cjs/components/SearchField/SearchField.stories.js +11 -3
- package/lib/cjs/components/SelectField/SelectField.js +10 -2
- package/lib/cjs/components/SelectField/SelectField.stories.js +10 -2
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +22 -18
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +12 -2
- package/lib/cjs/components/Separator/Separator.js +13 -3
- package/lib/cjs/components/Separator/Separator.stories.js +1 -1
- package/lib/cjs/components/Stepper/Step.js +10 -2
- package/lib/cjs/components/Stepper/Stepper.js +25 -19
- package/lib/cjs/components/Stepper/Stepper.stories.js +11 -3
- package/lib/cjs/components/Stepper/index.js +4 -4
- package/lib/cjs/components/Switch/Switch.js +10 -2
- package/lib/cjs/components/SwitchField/SwitchField.js +26 -18
- package/lib/cjs/components/SwitchField/SwitchField.stories.js +11 -3
- package/lib/cjs/components/Tab/Tab.js +13 -3
- package/lib/cjs/components/Tab/index.js +11 -2
- package/lib/cjs/components/TabPicker/TabPicker.js +14 -4
- package/lib/cjs/components/Table/Table.js +3 -1
- package/lib/cjs/components/Table/Table.stories.js +1 -1
- package/lib/cjs/components/TableBody/TableBody.js +3 -1
- package/lib/cjs/components/TableCell/TableCell.js +3 -1
- package/lib/cjs/components/TableHead/TableHead.js +3 -1
- package/lib/cjs/components/TableRow/TableRow.js +3 -1
- package/lib/cjs/components/Tabs/Tabs.js +28 -18
- package/lib/cjs/components/Tabs/Tabs.stories.js +11 -3
- package/lib/cjs/components/Tabs/Tabs.test.js +2 -1
- package/lib/cjs/components/Tabs/index.js +11 -2
- package/lib/cjs/components/Text/Text.js +5 -1
- package/lib/cjs/components/Text/Text.stories.js +59 -3
- package/lib/cjs/components/Text/Text.test.js +46 -0
- package/lib/cjs/components/TextArea/TextArea.js +10 -2
- package/lib/cjs/components/TextAreaField/TextAreaField.js +23 -19
- package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +11 -3
- package/lib/cjs/components/TextField/TextField.js +22 -18
- package/lib/cjs/components/TextField/TextField.stories.js +14 -4
- package/lib/cjs/components/TimeZonePicker/TimeZonePicker.js +26 -18
- package/lib/cjs/components/TimeZonePicker/TimeZonePicker.stories.js +1 -1
- package/lib/cjs/components/TooltipTrigger/Tooltip.js +13 -3
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.js +10 -2
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +3 -3
- package/lib/cjs/components/TooltipTrigger/index.js +4 -4
- package/lib/cjs/hooks/index.js +13 -13
- package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +11 -11
- package/lib/cjs/hooks/useField/useField.js +20 -18
- package/lib/cjs/hooks/useField/useField.test.js +11 -11
- package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js +1 -1
- package/lib/cjs/hooks/useNavBarPress/useNavBarPress.js +3 -3
- package/lib/cjs/hooks/useNavBarPress/useNavBarPress.test.js +4 -4
- package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js +1 -1
- package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +2 -1
- package/lib/cjs/hooks/useRockerButton/useRockerButton.js +15 -17
- package/lib/cjs/hooks/useSelectField/useSelectField.js +22 -18
- package/lib/cjs/index.js +123 -49
- package/lib/cjs/recipes/ApplicationSearchDropdown.stories.js +23 -17
- package/lib/cjs/recipes/Arrow.stories.js +1 -1
- package/lib/cjs/recipes/ConditionalFilter.stories.js +1 -1
- package/lib/cjs/recipes/CopyToClipboard.stories.js +1 -1
- package/lib/cjs/recipes/CountryPicker.stories.js +11 -3
- package/lib/cjs/recipes/DatePicker.stories.js +11 -3
- package/lib/cjs/recipes/DraggableBox.stories.js +1 -1
- package/lib/cjs/recipes/EditableInput.stories.js +26 -22
- package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +22 -18
- package/lib/cjs/recipes/LogoTabs.stories.js +22 -18
- package/lib/cjs/recipes/MaskedValue.stories.js +11 -3
- package/lib/cjs/recipes/NeutralInput.stories.js +1 -1
- package/lib/cjs/recipes/PanelHeader.stories.js +1 -1
- package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +11 -3
- package/lib/cjs/recipes/RowLineChart.stories.js +11 -3
- package/lib/cjs/recipes/ScrollableListView.stories.js +11 -3
- package/lib/cjs/recipes/SelectedFieldOverlay.story.js +1 -1
- package/lib/cjs/recipes/StatsCircle.stories.js +1 -1
- package/lib/cjs/styles/ColorDocumentation.js +10 -2
- package/lib/cjs/styles/ColorDocumentation.stories.js +1 -1
- package/lib/cjs/styles/colors.js +1 -1
- package/lib/cjs/styles/forms/comboBox.js +15 -17
- package/lib/cjs/styles/forms/index.js +22 -18
- package/lib/cjs/styles/forms/input.js +20 -21
- package/lib/cjs/styles/forms/label.js +15 -17
- package/lib/cjs/styles/forms/search.js +1 -1
- package/lib/cjs/styles/forms/select.js +15 -17
- package/lib/cjs/styles/forms/switch.js +1 -1
- package/lib/cjs/styles/forms/textarea.js +15 -17
- package/lib/cjs/styles/theme.js +22 -18
- package/lib/cjs/styles/themeOverrides/index.js +18 -0
- package/lib/cjs/styles/themeOverrides/uiLibraryOverride.js +111 -0
- package/lib/cjs/styles/themes/end-user/end-user.js +15 -17
- package/lib/cjs/styles/useAstroTheme.js +1 -1
- package/lib/cjs/styles/variants/accordion.js +16 -18
- package/lib/cjs/styles/variants/boxes.js +15 -17
- package/lib/cjs/styles/variants/buttons.js +15 -17
- package/lib/cjs/styles/variants/index.js +8 -7
- package/lib/cjs/styles/variants/links.js +15 -17
- package/lib/cjs/styles/variants/listBox.js +15 -17
- package/lib/cjs/styles/variants/loader.js +18 -40
- package/lib/cjs/styles/variants/modal.js +15 -17
- package/lib/cjs/styles/variants/navBar.js +25 -18
- package/lib/cjs/styles/variants/numberField.js +15 -17
- package/lib/cjs/styles/variants/separator.js +18 -20
- package/lib/cjs/styles/variants/stepper.js +15 -17
- package/lib/cjs/styles/variants/table.js +15 -17
- package/lib/cjs/styles/variants/text.js +20 -20
- package/lib/cjs/styles/variants/variants.js +22 -18
- package/lib/cjs/utils/devUtils/constants/variants.js +1 -1
- package/lib/cjs/utils/devUtils/createMockData.js +16 -18
- package/lib/cjs/utils/devUtils/styledSystemUtils.js +15 -15
- package/lib/cjs/utils/testUtils/testWrapper.js +21 -26
- package/lib/components/AccordionGridGroup/AccordionGridGroup.js +3 -2
- package/lib/components/AccordionGridItem/AccordionGridItem.js +5 -1
- package/lib/components/AccordionGridItem/AccordionGridItemBody.js +5 -1
- package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +11 -4
- package/lib/components/AccordionGroup/AccordionGroup.js +2 -1
- package/lib/components/AccordionItem/AccordionItem.js +2 -1
- package/lib/components/ArrayField/ArrayField.js +6 -4
- package/lib/components/ArrayField/ArrayField.test.js +9 -0
- package/lib/components/ArrayField/ArrayFieldDeleteButton.js +3 -8
- package/lib/components/AstroWrapper/AstroWrapper.js +76 -18
- package/lib/components/AstroWrapper/AstroWrapper.stories.js +68 -0
- package/lib/components/Box/Box.js +4 -3
- package/lib/components/Breadcrumbs/BreadcrumbItem.js +6 -8
- package/lib/components/Breadcrumbs/Breadcrumbs.js +2 -1
- package/lib/components/Button/Button.js +4 -3
- package/lib/components/Button/Button.stories.js +8 -9
- package/lib/components/CheckboxField/CheckboxField.js +2 -2
- package/lib/components/CodeView/CodeView.js +4 -3
- package/lib/components/CodeView/CodeView.stories.js +3 -5
- package/lib/components/CodeView/CodeView.test.js +2 -2
- package/lib/components/ColorField/ColorField.js +2 -2
- package/lib/components/ComboBox/ComboBoxInput.js +4 -3
- package/lib/components/ComboBoxField/ComboBoxField.js +4 -3
- package/lib/components/CopyText/CopyText.js +4 -2
- package/lib/components/CopyText/CopyText.test.js +2 -2
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +4 -3
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +2 -2
- package/lib/components/FieldHelperText/FieldHelperText.js +2 -1
- package/lib/components/FileInputField/FileInputField.js +5 -4
- package/lib/components/FileInputField/FileInputField.test.js +2 -2
- package/lib/components/HelpHint/HelpHint.js +2 -1
- package/lib/components/Icon/Icon.js +2 -2
- package/lib/components/IconButton/IconButton.js +4 -3
- package/lib/components/Image/Image.js +2 -1
- package/lib/components/ImageUploadField/ImagePreviewButton.js +2 -1
- package/lib/components/ImageUploadField/ImageUploadFieldBase.js +2 -2
- package/lib/components/Input/Input.js +2 -1
- package/lib/components/Label/Label.js +2 -1
- package/lib/components/Link/Link.js +2 -1
- package/lib/components/LinkSelectField/LinkSelectField.js +2 -2
- package/lib/components/List/List.js +2 -1
- package/lib/components/ListBox/ListBox.js +4 -3
- package/lib/components/ListBox/Option.js +4 -3
- package/lib/components/ListItem/ListItem.js +2 -1
- package/lib/components/ListView/ListView.js +4 -3
- package/lib/components/ListView/ListView.stories.js +34 -20
- package/lib/components/Loader/Loader.js +4 -3
- package/lib/components/Menu/Menu.js +4 -3
- package/lib/components/MenuItem/MenuItem.js +2 -1
- package/lib/components/Messages/Message.js +2 -1
- package/lib/components/Messages/Messages.js +2 -1
- package/lib/components/Messages/Messages.reducer.js +2 -2
- package/lib/components/Messages/Messages.stories.js +2 -2
- package/lib/components/Messages/utils/messagesReducer.js +2 -2
- package/lib/components/Messages/utils/multiMessagesReducer.js +4 -3
- package/lib/components/Modal/Modal.js +4 -3
- package/lib/components/MultiselectFilter/MultiselectFilter.js +2 -1
- package/lib/components/MultiselectFilter/MultiselectFilter.stories.js +2 -2
- package/lib/components/MultiselectListContainer/MultiselectBadge.js +2 -1
- package/lib/components/MultiselectListContainer/MultiselectListContainer.js +4 -3
- package/lib/components/MultivaluesField/MultivaluesField.js +2 -2
- package/lib/components/NavBar/NavBar.js +20 -8
- package/lib/components/NavBar/NavBar.stories.js +3 -2
- package/lib/components/NavBarSection/NavBarItem.js +5 -5
- package/lib/components/NavBarSection/NavBarItemButton.js +5 -4
- package/lib/components/NavBarSection/NavBarItemHeader.js +46 -4
- package/lib/components/NavBarSection/NavBarItemLink.js +5 -4
- package/lib/components/NavBarSection/NavBarSection.js +5 -2
- package/lib/components/NumberField/NumberField.js +33 -3
- package/lib/components/OverlayPanel/OverlayPanel.js +3 -2
- package/lib/components/PageHeader/PageHeader.js +2 -1
- package/lib/components/PasswordField/PasswordField.js +4 -3
- package/lib/components/PasswordField/PasswordField.stories.js +2 -2
- package/lib/components/PopoverContainer/PopoverContainer.js +6 -4
- package/lib/components/PopoverMenu/PopoverMenu.js +2 -2
- package/lib/components/RadioField/RadioField.js +2 -2
- package/lib/components/RadioGroupField/RadioGroupField.js +2 -2
- package/lib/components/RequirementsList/RequirementsList.js +2 -1
- package/lib/components/RockerButton/RockerButton.js +2 -2
- package/lib/components/RockerButtonGroup/RockerButtonGroup.js +4 -3
- package/lib/components/ScrollBox/ScrollBox.js +5 -4
- package/lib/components/SearchField/SearchField.js +2 -2
- package/lib/components/SelectFieldBase/SelectFieldBase.js +2 -2
- package/lib/components/Separator/Separator.js +2 -1
- package/lib/components/Stepper/Stepper.js +4 -3
- package/lib/components/SwitchField/SwitchField.js +4 -3
- package/lib/components/Tab/Tab.js +2 -1
- package/lib/components/TabPicker/TabPicker.js +3 -2
- package/lib/components/Table/Table.js +2 -1
- package/lib/components/TableBody/TableBody.js +2 -1
- package/lib/components/TableCell/TableCell.js +2 -1
- package/lib/components/TableHead/TableHead.js +2 -1
- package/lib/components/TableRow/TableRow.js +2 -1
- package/lib/components/Tabs/Tabs.js +5 -4
- package/lib/components/Tabs/Tabs.test.js +2 -1
- package/lib/components/Text/Text.js +7 -2
- package/lib/components/Text/Text.stories.js +52 -1
- package/lib/components/Text/Text.test.js +36 -0
- package/lib/components/TextAreaField/TextAreaField.js +3 -3
- package/lib/components/TextField/TextField.js +2 -2
- package/lib/components/TextField/TextField.stories.js +2 -1
- package/lib/components/TimeZonePicker/TimeZonePicker.js +4 -3
- package/lib/components/TooltipTrigger/Tooltip.js +2 -1
- package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +2 -2
- package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +2 -2
- package/lib/hooks/useField/useField.js +4 -3
- package/lib/hooks/useField/useField.test.js +2 -2
- package/lib/hooks/useImageUploadState/useImageUploadState.js +1 -1
- package/lib/hooks/useNavBarPress/useNavBarPress.js +3 -3
- package/lib/hooks/useNavBarPress/useNavBarPress.test.js +4 -4
- package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js +1 -1
- package/lib/hooks/useProgressiveState/useProgressiveState.test.js +2 -1
- package/lib/hooks/useRockerButton/useRockerButton.js +2 -2
- package/lib/hooks/useSelectField/useSelectField.js +2 -2
- package/lib/recipes/ApplicationSearchDropdown.stories.js +2 -2
- package/lib/recipes/EditableInput.stories.js +6 -6
- package/lib/recipes/FlippableCaretMenuButton.stories.js +2 -2
- package/lib/recipes/LogoTabs.stories.js +2 -2
- package/lib/styles/forms/comboBox.js +2 -2
- package/lib/styles/forms/index.js +2 -2
- package/lib/styles/forms/input.js +4 -3
- package/lib/styles/forms/label.js +2 -2
- package/lib/styles/forms/select.js +2 -2
- package/lib/styles/forms/textarea.js +2 -2
- package/lib/styles/theme.js +2 -2
- package/lib/styles/themeOverrides/index.js +1 -0
- package/lib/styles/themeOverrides/uiLibraryOverride.js +91 -0
- package/lib/styles/themes/end-user/end-user.js +2 -2
- package/lib/styles/variants/accordion.js +3 -3
- package/lib/styles/variants/boxes.js +2 -2
- package/lib/styles/variants/buttons.js +2 -2
- package/lib/styles/variants/links.js +2 -2
- package/lib/styles/variants/listBox.js +2 -2
- package/lib/styles/variants/loader.js +5 -25
- package/lib/styles/variants/modal.js +2 -2
- package/lib/styles/variants/navBar.js +12 -3
- package/lib/styles/variants/numberField.js +2 -2
- package/lib/styles/variants/separator.js +5 -5
- package/lib/styles/variants/stepper.js +2 -2
- package/lib/styles/variants/table.js +2 -2
- package/lib/styles/variants/text.js +7 -5
- package/lib/styles/variants/variants.js +2 -2
- package/lib/utils/devUtils/createMockData.js +2 -2
- package/lib/utils/devUtils/styledSystemUtils.js +2 -2
- package/lib/utils/testUtils/testWrapper.js +2 -2
- package/package.json +11 -10
@@ -1,31 +1,33 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
|
4
|
-
|
5
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
6
4
|
|
7
|
-
var
|
5
|
+
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
8
6
|
|
9
|
-
|
10
|
-
value: true
|
11
|
-
});
|
7
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
12
8
|
|
13
|
-
|
14
|
-
|
9
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
10
|
+
|
11
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
12
|
+
|
13
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
15
14
|
|
16
|
-
var
|
15
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
17
16
|
|
18
|
-
var
|
17
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
19
18
|
|
20
|
-
var
|
19
|
+
var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
21
20
|
|
22
|
-
var
|
21
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
23
22
|
|
24
|
-
var
|
23
|
+
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
25
24
|
|
26
|
-
|
25
|
+
_Object$defineProperty(exports, "__esModule", {
|
26
|
+
value: true
|
27
|
+
});
|
27
28
|
|
28
|
-
|
29
|
+
exports["default"] = exports.collectionTypes = void 0;
|
30
|
+
exports.useListBoxLayout = useListBoxLayout;
|
29
31
|
|
30
32
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
31
33
|
|
@@ -33,7 +35,7 @@ var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
|
|
33
35
|
|
34
36
|
var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
|
35
37
|
|
36
|
-
var
|
38
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
37
39
|
|
38
40
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
39
41
|
|
@@ -63,9 +65,15 @@ var _ListBoxSection = _interopRequireDefault(require("./ListBoxSection"));
|
|
63
65
|
|
64
66
|
var _react2 = require("@emotion/react");
|
65
67
|
|
66
|
-
|
68
|
+
var _excluded = ["defaultSelectedKeys", "disabledKeys", "hasAutoFocus", "hasFocusWrap", "hasNoEmptySelection", "hasVirtualFocus", "id", "isLoading", "isFocusedOnHover", "isSelectedOnPressUp", "isVirtualized", "items", "keyboardDelegate", "label", "onLoadMore", "onScroll", "onSelectionChange", "renderEmptyState", "selectedKeys", "selectionMode", "state", "aria-label", "aria-labelledby", "aria-describedby", "aria-details"];
|
69
|
+
|
70
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
71
|
+
|
72
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
73
|
+
|
74
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
67
75
|
|
68
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
76
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
69
77
|
|
70
78
|
var collectionTypes = {
|
71
79
|
ITEM: 'item',
|
@@ -122,7 +130,7 @@ var ListBox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
122
130
|
ariaLabelledby = props['aria-labelledby'],
|
123
131
|
ariaDescribedby = props['aria-describedby'],
|
124
132
|
ariaDetails = props['aria-details'],
|
125
|
-
others = (0, _objectWithoutProperties2["default"])(props,
|
133
|
+
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
126
134
|
var focusStrategy = state.focusStrategy; // Object matching React Aria API with all options
|
127
135
|
|
128
136
|
var listBoxOptions = {
|
@@ -1,11 +1,15 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
|
4
|
-
|
5
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
6
4
|
|
5
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
6
|
+
|
7
7
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
8
8
|
|
9
|
+
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
10
|
+
|
11
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
12
|
+
|
9
13
|
_Object$defineProperty(exports, "__esModule", {
|
10
14
|
value: true
|
11
15
|
});
|
@@ -28,6 +32,10 @@ var _Box = _interopRequireDefault(require("../Box"));
|
|
28
32
|
|
29
33
|
var _react2 = require("@emotion/react");
|
30
34
|
|
35
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
36
|
+
|
37
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
38
|
+
|
31
39
|
var ListBoxSection = function ListBoxSection(props) {
|
32
40
|
var children = props.children,
|
33
41
|
reusableView = props.reusableView,
|
@@ -1,36 +1,36 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
|
4
|
-
|
5
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
6
4
|
|
7
|
-
var
|
5
|
+
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
8
6
|
|
9
|
-
|
10
|
-
value: true
|
11
|
-
});
|
7
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
12
8
|
|
13
|
-
|
9
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
14
10
|
|
15
|
-
var
|
11
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
16
12
|
|
17
|
-
var
|
13
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
18
14
|
|
19
|
-
var
|
15
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
20
16
|
|
21
|
-
var
|
17
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
22
18
|
|
23
|
-
var
|
19
|
+
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
24
20
|
|
25
|
-
var
|
21
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
26
22
|
|
27
|
-
var
|
23
|
+
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
28
24
|
|
29
|
-
|
25
|
+
_Object$defineProperty(exports, "__esModule", {
|
26
|
+
value: true
|
27
|
+
});
|
28
|
+
|
29
|
+
exports["default"] = void 0;
|
30
30
|
|
31
31
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
32
32
|
|
33
|
-
var
|
33
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
34
34
|
|
35
35
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
36
36
|
|
@@ -54,16 +54,22 @@ var _isIterable = require("../../utils/devUtils/props/isIterable");
|
|
54
54
|
|
55
55
|
var _react2 = require("@emotion/react");
|
56
56
|
|
57
|
-
|
57
|
+
var _excluded = ["item", "hasVirtualFocus"];
|
58
|
+
|
59
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
60
|
+
|
61
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
62
|
+
|
63
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
58
64
|
|
59
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
65
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
60
66
|
|
61
67
|
var Option = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
62
68
|
var _state$selectionManag;
|
63
69
|
|
64
70
|
var item = props.item,
|
65
71
|
hasVirtualFocus = props.hasVirtualFocus,
|
66
|
-
others = (0, _objectWithoutProperties2["default"])(props,
|
72
|
+
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
67
73
|
var key = item.key,
|
68
74
|
itemProps = item.props,
|
69
75
|
rendered = item.rendered;
|
@@ -8,17 +8,17 @@ _Object$defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
9
9
|
});
|
10
10
|
|
11
|
-
_Object$defineProperty(exports, "
|
11
|
+
_Object$defineProperty(exports, "Option", {
|
12
12
|
enumerable: true,
|
13
13
|
get: function get() {
|
14
|
-
return
|
14
|
+
return _Option["default"];
|
15
15
|
}
|
16
16
|
});
|
17
17
|
|
18
|
-
_Object$defineProperty(exports, "
|
18
|
+
_Object$defineProperty(exports, "default", {
|
19
19
|
enumerable: true,
|
20
20
|
get: function get() {
|
21
|
-
return
|
21
|
+
return _ListBox["default"];
|
22
22
|
}
|
23
23
|
});
|
24
24
|
|
@@ -1,11 +1,15 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
|
4
|
-
|
5
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
6
4
|
|
5
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
6
|
+
|
7
7
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
8
8
|
|
9
|
+
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
10
|
+
|
11
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
12
|
+
|
9
13
|
_Object$defineProperty(exports, "__esModule", {
|
10
14
|
value: true
|
11
15
|
});
|
@@ -28,6 +32,12 @@ var _hooks = require("../../hooks");
|
|
28
32
|
|
29
33
|
var _react2 = require("@emotion/react");
|
30
34
|
|
35
|
+
var _excluded = ["children", "className", "isSelected"];
|
36
|
+
|
37
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
38
|
+
|
39
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
40
|
+
|
31
41
|
/**
|
32
42
|
* List Item component.
|
33
43
|
* Accepts most of the styling props from [styled-system](https://styled-system.com/table).
|
@@ -36,7 +46,7 @@ var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
36
46
|
var children = props.children,
|
37
47
|
className = props.className,
|
38
48
|
isSelected = props.isSelected,
|
39
|
-
others = (0, _objectWithoutProperties2["default"])(props,
|
49
|
+
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
40
50
|
|
41
51
|
var _useHover = (0, _interactions.useHover)(props),
|
42
52
|
hoverProps = _useHover.hoverProps,
|
@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
9
9
|
});
|
10
10
|
|
11
|
-
exports
|
11
|
+
exports["default"] = exports.WithSubtitle = exports.Default = void 0;
|
12
12
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
14
14
|
|
@@ -1,39 +1,39 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
|
4
|
-
|
5
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
6
4
|
|
7
|
-
var
|
5
|
+
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
8
6
|
|
9
|
-
|
10
|
-
value: true
|
11
|
-
});
|
7
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
12
8
|
|
13
|
-
|
14
|
-
exports["default"] = exports.collectionTypes = void 0;
|
9
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
15
10
|
|
16
|
-
var
|
11
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
17
12
|
|
18
|
-
var
|
13
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
19
14
|
|
20
|
-
var
|
15
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
21
16
|
|
22
|
-
var
|
17
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
23
18
|
|
24
|
-
var
|
19
|
+
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
25
20
|
|
26
|
-
var
|
21
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
27
22
|
|
28
|
-
var
|
23
|
+
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
29
24
|
|
30
|
-
|
25
|
+
_Object$defineProperty(exports, "__esModule", {
|
26
|
+
value: true
|
27
|
+
});
|
28
|
+
|
29
|
+
exports["default"] = exports.collectionTypes = void 0;
|
30
|
+
exports.useListLayout = useListLayout;
|
31
31
|
|
32
32
|
var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
|
33
33
|
|
34
34
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
35
35
|
|
36
|
-
var
|
36
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
37
37
|
|
38
38
|
var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
|
39
39
|
|
@@ -69,9 +69,15 @@ var _loadingStates = _interopRequireDefault(require("../../utils/devUtils/consta
|
|
69
69
|
|
70
70
|
var _react2 = require("@emotion/react");
|
71
71
|
|
72
|
-
|
72
|
+
var _excluded = ["disabledKeys", "loadingState", "onLoadMore", "onSelectionChange", "selectionMode", "selectionStyle"];
|
73
|
+
|
74
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
75
|
+
|
76
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
77
|
+
|
78
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
73
79
|
|
74
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
80
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
75
81
|
|
76
82
|
var collectionTypes = {
|
77
83
|
ITEM: 'item',
|
@@ -109,7 +115,7 @@ var ListView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
109
115
|
onSelectionChange = props.onSelectionChange,
|
110
116
|
selectionMode = props.selectionMode,
|
111
117
|
selectionStyle = props.selectionStyle,
|
112
|
-
others = (0, _objectWithoutProperties2["default"])(props,
|
118
|
+
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
113
119
|
var isLoading = loadingState === _loadingStates["default"].LOADING_MORE || loadingState === _loadingStates["default"].LOADING;
|
114
120
|
|
115
121
|
var renderWrapper = function renderWrapper(parent, reusableView) {
|
@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
9
9
|
});
|
10
10
|
|
11
|
-
exports.MultipleSelection = exports.InfiniteLoadingList = exports.Default =
|
11
|
+
exports["default"] = exports.MultipleSelection = exports.InfiniteLoadingList = exports.Default = void 0;
|
12
12
|
|
13
13
|
var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
14
14
|
|
@@ -40,6 +40,8 @@ var _data = require("@react-stately/data");
|
|
40
40
|
|
41
41
|
var _addonActions = require("@storybook/addon-actions");
|
42
42
|
|
43
|
+
var _isChromatic = _interopRequireDefault(require("chromatic/isChromatic"));
|
44
|
+
|
43
45
|
var _ = _interopRequireDefault(require("."));
|
44
46
|
|
45
47
|
var _Box = _interopRequireDefault(require("../Box/Box"));
|
@@ -617,7 +619,7 @@ var Default = function Default(_ref2) {
|
|
617
619
|
|
618
620
|
exports.Default = Default;
|
619
621
|
|
620
|
-
var InfiniteLoadingList = function InfiniteLoadingList() {
|
622
|
+
var InfiniteLoadingList = function InfiniteLoadingList(args) {
|
621
623
|
var getMockData = /*#__PURE__*/function () {
|
622
624
|
var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(signal, cursor) {
|
623
625
|
var pageNumber;
|
@@ -629,21 +631,26 @@ var InfiniteLoadingList = function InfiniteLoadingList() {
|
|
629
631
|
|
630
632
|
if (cursor) {
|
631
633
|
pageNumber = Number(cursor.substr((0, _indexOf["default"])(cursor).call(cursor, '-') + 1));
|
632
|
-
} // With this we will emulate load even with mocked API
|
634
|
+
} // With this we will emulate load even with mocked API, except for Chromatic runs
|
635
|
+
|
633
636
|
|
637
|
+
if (args.useMockData) {
|
638
|
+
_context.next = 5;
|
639
|
+
break;
|
640
|
+
}
|
634
641
|
|
635
|
-
_context.next =
|
642
|
+
_context.next = 5;
|
636
643
|
return new _promise["default"](function (resolve) {
|
637
644
|
return (0, _setTimeout2["default"])(resolve, cursor ? 2000 : 3000);
|
638
645
|
});
|
639
646
|
|
640
|
-
case
|
647
|
+
case 5:
|
641
648
|
return _context.abrupt("return", {
|
642
649
|
items: (0, _slice["default"])(animals).call(animals, (pageNumber - 1) * 10, pageNumber * 10),
|
643
650
|
cursor: "mock-".concat(pageNumber + 1)
|
644
651
|
});
|
645
652
|
|
646
|
-
case
|
653
|
+
case 6:
|
647
654
|
case "end":
|
648
655
|
return _context.stop();
|
649
656
|
}
|
@@ -663,8 +670,16 @@ var InfiniteLoadingList = function InfiniteLoadingList() {
|
|
663
670
|
while (1) {
|
664
671
|
switch (_context2.prev = _context2.next) {
|
665
672
|
case 0:
|
666
|
-
|
667
|
-
|
673
|
+
if (!args.useMockData) {
|
674
|
+
_context2.next = 2;
|
675
|
+
break;
|
676
|
+
}
|
677
|
+
|
678
|
+
return _context2.abrupt("return", getMockData());
|
679
|
+
|
680
|
+
case 2:
|
681
|
+
_context2.prev = 2;
|
682
|
+
_context2.next = 5;
|
668
683
|
return _promise["default"].race([// If no cursor is available, then we're loading the first page,
|
669
684
|
// filtering the results returned via a query string that
|
670
685
|
// mirrors the ComboBox input text.
|
@@ -678,35 +693,35 @@ var InfiniteLoadingList = function InfiniteLoadingList() {
|
|
678
693
|
}, 3000);
|
679
694
|
})]);
|
680
695
|
|
681
|
-
case
|
696
|
+
case 5:
|
682
697
|
res = _context2.sent;
|
683
|
-
_context2.next =
|
698
|
+
_context2.next = 8;
|
684
699
|
return res.json();
|
685
700
|
|
686
|
-
case
|
701
|
+
case 8:
|
687
702
|
json = _context2.sent;
|
688
|
-
_context2.next =
|
703
|
+
_context2.next = 11;
|
689
704
|
return new _promise["default"](function (resolve) {
|
690
705
|
return (0, _setTimeout2["default"])(resolve, cursor ? 2000 : 3000);
|
691
706
|
});
|
692
707
|
|
693
|
-
case
|
708
|
+
case 11:
|
694
709
|
return _context2.abrupt("return", {
|
695
710
|
items: json.results,
|
696
711
|
cursor: json.next
|
697
712
|
});
|
698
713
|
|
699
|
-
case
|
700
|
-
_context2.prev =
|
701
|
-
_context2.t0 = _context2["catch"](
|
714
|
+
case 14:
|
715
|
+
_context2.prev = 14;
|
716
|
+
_context2.t0 = _context2["catch"](2);
|
702
717
|
return _context2.abrupt("return", getMockData());
|
703
718
|
|
704
|
-
case
|
719
|
+
case 17:
|
705
720
|
case "end":
|
706
721
|
return _context2.stop();
|
707
722
|
}
|
708
723
|
}
|
709
|
-
}, _callee2, null, [[
|
724
|
+
}, _callee2, null, [[2, 14]]);
|
710
725
|
}));
|
711
726
|
|
712
727
|
return function fetchApiData(_x3, _x4, _x5) {
|
@@ -768,14 +783,14 @@ var InfiniteLoadingList = function InfiniteLoadingList() {
|
|
768
783
|
};
|
769
784
|
|
770
785
|
exports.InfiniteLoadingList = InfiniteLoadingList;
|
786
|
+
InfiniteLoadingList.args = {
|
787
|
+
useMockData: (0, _isChromatic["default"])()
|
788
|
+
};
|
771
789
|
InfiniteLoadingList.parameters = {
|
772
790
|
docs: {
|
773
791
|
description: {
|
774
792
|
story: 'Note: Keep in mind the maxHeight may impact when the scroll callback is triggered. If you notice it\'s being called too often, try adjusting that value or loading more objects to prevent this behavior.'
|
775
793
|
}
|
776
|
-
},
|
777
|
-
chromatic: {
|
778
|
-
delay: 5000
|
779
794
|
}
|
780
795
|
};
|
781
796
|
|
@@ -1,11 +1,15 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
|
4
|
-
|
5
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
6
4
|
|
5
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
6
|
+
|
7
7
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
8
8
|
|
9
|
+
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
10
|
+
|
11
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
12
|
+
|
9
13
|
_Object$defineProperty(exports, "__esModule", {
|
10
14
|
value: true
|
11
15
|
});
|
@@ -38,6 +42,10 @@ var _hooks = require("../../hooks");
|
|
38
42
|
|
39
43
|
var _react2 = require("@emotion/react");
|
40
44
|
|
45
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
46
|
+
|
47
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
48
|
+
|
41
49
|
var ListViewItem = function ListViewItem(props) {
|
42
50
|
var _context;
|
43
51
|
|