@pingux/astro 1.7.0-alpha.1 → 1.7.0-alpha.12
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 +26 -20
- package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +11 -3
- package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +20 -6
- 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 +47 -28
- 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 +5 -4
- package/lib/components/ComboBoxField/ComboBoxField.test.js +8 -4
- 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 +25 -13
- 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
@@ -2,29 +2,27 @@
|
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
4
|
|
5
|
-
var _Object$
|
5
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
6
6
|
|
7
|
-
_Object$
|
8
|
-
value: true
|
9
|
-
});
|
10
|
-
|
11
|
-
exports["default"] = void 0;
|
7
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
12
8
|
|
13
|
-
var
|
9
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
14
10
|
|
15
|
-
var
|
11
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
16
12
|
|
17
|
-
var
|
13
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
18
14
|
|
19
|
-
var
|
15
|
+
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
20
16
|
|
21
|
-
var
|
17
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
22
18
|
|
23
|
-
var
|
19
|
+
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
24
20
|
|
25
|
-
|
21
|
+
_Object$defineProperty(exports, "__esModule", {
|
22
|
+
value: true
|
23
|
+
});
|
26
24
|
|
27
|
-
|
25
|
+
exports["default"] = void 0;
|
28
26
|
|
29
27
|
var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
|
30
28
|
|
@@ -32,7 +30,7 @@ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
|
|
32
30
|
|
33
31
|
var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
|
34
32
|
|
35
|
-
var
|
33
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
36
34
|
|
37
35
|
var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
|
38
36
|
|
@@ -42,9 +40,9 @@ var _animals = _interopRequireDefault(require("./constants/animals"));
|
|
42
40
|
|
43
41
|
var _firstNames = _interopRequireDefault(require("./constants/firstNames"));
|
44
42
|
|
45
|
-
function ownKeys(object, enumerableOnly) { var keys = (
|
43
|
+
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; }
|
46
44
|
|
47
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
45
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
48
46
|
|
49
47
|
function createMockData(length, objectScheme) {
|
50
48
|
var mockDataBase = {
|
@@ -73,7 +71,7 @@ function createMockData(length, objectScheme) {
|
|
73
71
|
var reducer = function reducer(previousValue, currentValue) {
|
74
72
|
var fieldName = currentValue[0];
|
75
73
|
var fieldValue = getPropValue(currentValue[1]);
|
76
|
-
return _objectSpread(_objectSpread({}, previousValue), {}, (0,
|
74
|
+
return _objectSpread(_objectSpread({}, previousValue), {}, (0, _defineProperty2["default"])({}, fieldName, fieldValue));
|
77
75
|
};
|
78
76
|
|
79
77
|
return (0, _reduce["default"])(entries).call(entries, reducer, {});
|
@@ -2,29 +2,29 @@
|
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
4
|
|
5
|
-
var _Object$
|
5
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
6
6
|
|
7
|
-
_Object$
|
8
|
-
value: true
|
9
|
-
});
|
7
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
10
8
|
|
11
|
-
|
9
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
12
10
|
|
13
|
-
var
|
11
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
14
12
|
|
15
|
-
var
|
13
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
16
14
|
|
17
|
-
var
|
15
|
+
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
18
16
|
|
19
|
-
var
|
17
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
20
18
|
|
21
|
-
var
|
19
|
+
var _Object$keys2 = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
22
20
|
|
23
|
-
|
21
|
+
_Object$defineProperty(exports, "__esModule", {
|
22
|
+
value: true
|
23
|
+
});
|
24
24
|
|
25
|
-
|
25
|
+
exports.stylePropKeys = exports.placement = exports.makeUseDefaultTheme = void 0;
|
26
26
|
|
27
|
-
var
|
27
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
28
28
|
|
29
29
|
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
30
30
|
|
@@ -42,9 +42,9 @@ var _propTypes = _interopRequireDefault(require("@styled-system/prop-types"));
|
|
42
42
|
|
43
43
|
var _context2;
|
44
44
|
|
45
|
-
function ownKeys(object, enumerableOnly) { var keys = (
|
45
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys2(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; }
|
46
46
|
|
47
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
47
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
48
48
|
|
49
49
|
var makeUseDefaultTheme = function makeUseDefaultTheme(defaultTheme) {
|
50
50
|
return function () {
|
@@ -1,51 +1,46 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _Object$keys2 = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
4
|
-
|
5
|
-
var _forEachInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
6
|
-
|
7
3
|
var _context3;
|
8
4
|
|
9
5
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
10
6
|
|
11
|
-
var _Object$
|
7
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
12
8
|
|
13
|
-
_Object$
|
14
|
-
value: true
|
15
|
-
});
|
9
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
16
10
|
|
17
|
-
var
|
18
|
-
render: true
|
19
|
-
};
|
20
|
-
exports.render = void 0;
|
11
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
21
12
|
|
22
|
-
var
|
13
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
23
14
|
|
24
|
-
var
|
15
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
25
16
|
|
26
|
-
var
|
17
|
+
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
27
18
|
|
28
|
-
var
|
19
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
29
20
|
|
30
|
-
var
|
21
|
+
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
31
22
|
|
32
|
-
|
33
|
-
|
34
|
-
|
23
|
+
_Object$defineProperty(exports, "__esModule", {
|
24
|
+
value: true
|
25
|
+
});
|
35
26
|
|
36
|
-
var
|
27
|
+
var _exportNames = {
|
28
|
+
render: true
|
29
|
+
};
|
30
|
+
exports.render = void 0;
|
37
31
|
|
38
|
-
var
|
32
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
39
33
|
|
40
34
|
var _react = _interopRequireDefault(require("react"));
|
41
35
|
|
42
36
|
var _react2 = require("@testing-library/react");
|
43
37
|
|
44
|
-
|
38
|
+
_forEachInstanceProperty(_context3 = _Object$keys(_react2)).call(_context3, function (key) {
|
45
39
|
if (key === "default" || key === "__esModule") return;
|
46
40
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
41
|
+
if (key in exports && exports[key] === _react2[key]) return;
|
47
42
|
|
48
|
-
_Object$
|
43
|
+
_Object$defineProperty(exports, key, {
|
49
44
|
enumerable: true,
|
50
45
|
get: function get() {
|
51
46
|
return _react2[key];
|
@@ -59,9 +54,9 @@ var _themeUi = require("theme-ui");
|
|
59
54
|
|
60
55
|
var _theme = _interopRequireDefault(require("../../styles/theme"));
|
61
56
|
|
62
|
-
function ownKeys(object, enumerableOnly) { var keys = (
|
57
|
+
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; }
|
63
58
|
|
64
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
59
|
+
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; }
|
65
60
|
|
66
61
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
67
62
|
|
@@ -11,9 +11,9 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
|
11
11
|
import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
|
12
12
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
13
13
|
|
14
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
14
|
+
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; }
|
15
15
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
17
17
|
|
18
18
|
import React, { useMemo, forwardRef, useImperativeHandle, useRef } from 'react';
|
19
19
|
import { GridCollection, useGridState } from '@react-stately/grid';
|
@@ -123,6 +123,7 @@ var AccordionGridGroup = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
123
123
|
}), state, accordionGridRef),
|
124
124
|
gridProps = _useGrid.gridProps;
|
125
125
|
|
126
|
+
delete gridProps.onMouseDown;
|
126
127
|
return ___EmotionJSX(AccordionGridContext.Provider, {
|
127
128
|
value: {
|
128
129
|
state: state,
|
@@ -3,6 +3,7 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
|
|
3
3
|
import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
|
4
4
|
import _toArray from "@babel/runtime-corejs3/helpers/esm/toArray";
|
5
5
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
6
|
+
var _excluded = ["item", "headerProps", "bodyProps", "children", "className"];
|
6
7
|
import React, { useEffect, useRef } from 'react';
|
7
8
|
import PropTypes from 'prop-types';
|
8
9
|
import { useGridRow } from '@react-aria/grid';
|
@@ -22,7 +23,7 @@ var AccordionGridItem = function AccordionGridItem(props) {
|
|
22
23
|
bodyProps = props.bodyProps,
|
23
24
|
children = props.children,
|
24
25
|
className = props.className,
|
25
|
-
others = _objectWithoutProperties(props,
|
26
|
+
others = _objectWithoutProperties(props, _excluded);
|
26
27
|
|
27
28
|
var _React$Children$toArr = React.Children.toArray(children),
|
28
29
|
_React$Children$toArr2 = _toArray(_React$Children$toArr),
|
@@ -59,6 +60,9 @@ var AccordionGridItem = function AccordionGridItem(props) {
|
|
59
60
|
}),
|
60
61
|
classNames = _useStatusClasses.classNames;
|
61
62
|
|
63
|
+
delete rowProps.onMouseDown;
|
64
|
+
delete rowProps.onPointerDown;
|
65
|
+
delete rowProps.onClick;
|
62
66
|
return ___EmotionJSX(Box, _extends({
|
63
67
|
as: "div"
|
64
68
|
}, mergeProps(rowProps, others), {
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
2
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
3
3
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
4
|
+
var _excluded = ["item", "className", "children", "isSelected"];
|
4
5
|
import React, { forwardRef } from 'react';
|
5
6
|
import { mergeProps } from '@react-aria/utils';
|
6
7
|
import PropTypes from 'prop-types';
|
@@ -17,7 +18,7 @@ var AccordionGridItemBody = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
17
18
|
className = props.className,
|
18
19
|
children = props.children,
|
19
20
|
isSelected = props.isSelected,
|
20
|
-
others = _objectWithoutProperties(props,
|
21
|
+
others = _objectWithoutProperties(props, _excluded);
|
21
22
|
|
22
23
|
var _useAccordionGridCont = useAccordionGridContext(),
|
23
24
|
state = _useAccordionGridCont.state;
|
@@ -46,6 +47,9 @@ var AccordionGridItemBody = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
46
47
|
classNames = _useStatusClasses.classNames;
|
47
48
|
|
48
49
|
var ariaLabel = props['aria-label'];
|
50
|
+
delete mergedProps.onMouseDown;
|
51
|
+
delete mergedProps.onPointerDown;
|
52
|
+
delete mergedProps.onClick;
|
49
53
|
return ___EmotionJSX(Box, _extends({
|
50
54
|
as: "div",
|
51
55
|
variant: "accordion.accordionGridBody",
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
2
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
3
3
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
4
|
+
var _excluded = ["item", "className", "children", "isSelected", "hasCaret"];
|
4
5
|
import React, { forwardRef, useRef, useImperativeHandle } from 'react';
|
5
6
|
import { mergeProps } from '@react-aria/utils';
|
6
7
|
import { useFocusRing } from '@react-aria/focus';
|
@@ -21,7 +22,8 @@ var AccordionGridItemHeader = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
21
22
|
className = props.className,
|
22
23
|
children = props.children,
|
23
24
|
isSelected = props.isSelected,
|
24
|
-
|
25
|
+
hasCaret = props.hasCaret,
|
26
|
+
others = _objectWithoutProperties(props, _excluded);
|
25
27
|
|
26
28
|
var _useAccordionGridCont = useAccordionGridContext(),
|
27
29
|
state = _useAccordionGridCont.state;
|
@@ -37,7 +39,8 @@ var AccordionGridItemHeader = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
37
39
|
|
38
40
|
var _useGridCell = useGridCell({
|
39
41
|
node: cellNode,
|
40
|
-
focusMode: 'cell'
|
42
|
+
focusMode: 'cell',
|
43
|
+
shouldSelectOnPressUp: true
|
41
44
|
}, state, cellRef),
|
42
45
|
gridCellProps = _useGridCell.gridCellProps;
|
43
46
|
|
@@ -60,7 +63,7 @@ var AccordionGridItemHeader = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
60
63
|
focusProps = _useFocusRing2.focusProps,
|
61
64
|
isFocusVisible = _useFocusRing2.isFocusVisible;
|
62
65
|
|
63
|
-
var mergedProps = mergeProps(pressProps, gridCellProps, hoverProps, focusWithinProps, focusProps);
|
66
|
+
var mergedProps = mergeProps(pressProps, gridCellProps, hoverProps, focusWithinProps, focusProps, pressProps);
|
64
67
|
|
65
68
|
var _useStatusClasses = useStatusClasses(className, {
|
66
69
|
isPressed: isPressed,
|
@@ -83,7 +86,7 @@ var AccordionGridItemHeader = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
83
86
|
"aria-label": ariaLabel
|
84
87
|
}), ___EmotionJSX(Box, {
|
85
88
|
isRow: true
|
86
|
-
}, children, ___EmotionJSX(Box, {
|
89
|
+
}, children, hasCaret && ___EmotionJSX(Box, {
|
87
90
|
isRow: true,
|
88
91
|
alignItems: "center",
|
89
92
|
sx: {
|
@@ -94,9 +97,13 @@ var AccordionGridItemHeader = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
94
97
|
size: 20
|
95
98
|
}))));
|
96
99
|
});
|
100
|
+
AccordionGridItemHeader.defaultProps = {
|
101
|
+
hasCaret: true
|
102
|
+
};
|
97
103
|
AccordionGridItemHeader.propTypes = {
|
98
104
|
'aria-label': PropTypes.string,
|
99
105
|
isSelected: PropTypes.bool,
|
106
|
+
hasCaret: PropTypes.bool,
|
100
107
|
item: PropTypes.shape({
|
101
108
|
key: PropTypes.string,
|
102
109
|
childNodes: PropTypes.arrayOf(PropTypes.shape({})),
|
@@ -2,6 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
|
2
2
|
import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
|
3
3
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
4
4
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
5
|
+
var _excluded = ["onPress", "onExpandedChange"];
|
5
6
|
import React, { forwardRef, useRef, useImperativeHandle } from 'react';
|
6
7
|
import { useAccordion } from '@react-aria/accordion';
|
7
8
|
import { useTreeState } from '@react-stately/tree';
|
@@ -25,7 +26,7 @@ var AccordionGroup = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
25
26
|
|
26
27
|
var onPress = props.onPress,
|
27
28
|
onExpandedChange = props.onExpandedChange,
|
28
|
-
others = _objectWithoutProperties(props,
|
29
|
+
others = _objectWithoutProperties(props, _excluded);
|
29
30
|
|
30
31
|
var state = useTreeState(props);
|
31
32
|
var accordionRef = useRef();
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
2
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
3
|
+
var _excluded = ["label", "children", "textValue", "containerProps", "buttonProps", "regionProps"];
|
3
4
|
import React, { forwardRef, useRef, useContext, useImperativeHandle } from 'react';
|
4
5
|
import PropTypes from 'prop-types';
|
5
6
|
import MenuDown from 'mdi-react/MenuDownIcon';
|
@@ -28,7 +29,7 @@ var AccordionItem = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
28
29
|
buttonProps = _item$props$buttonPro === void 0 ? {} : _item$props$buttonPro,
|
29
30
|
_item$props$regionPro = _item$props.regionProps,
|
30
31
|
regionProps = _item$props$regionPro === void 0 ? {} : _item$props$regionPro,
|
31
|
-
others = _objectWithoutProperties(_item$props,
|
32
|
+
others = _objectWithoutProperties(_item$props, _excluded);
|
32
33
|
|
33
34
|
var state = useContext(AccordionContext);
|
34
35
|
var buttonRef = useRef();
|
@@ -12,10 +12,12 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
|
12
12
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
13
13
|
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
14
14
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
15
|
+
var _excluded = ["addButtonLabel", "defaultValue", "value", "label", "helperText", "status", "onAdd", "onChange", "onDelete", "renderField"],
|
16
|
+
_excluded2 = ["id", "onComponentRender", "fieldValue"];
|
15
17
|
|
16
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
18
|
+
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; }
|
17
19
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
20
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
19
21
|
|
20
22
|
import React, { useCallback, useState } from 'react';
|
21
23
|
import PropTypes from 'prop-types';
|
@@ -40,7 +42,7 @@ var ArrayField = function ArrayField(_ref) {
|
|
40
42
|
onChange = _ref.onChange,
|
41
43
|
onDelete = _ref.onDelete,
|
42
44
|
renderField = _ref.renderField,
|
43
|
-
others = _objectWithoutProperties(_ref,
|
45
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
44
46
|
|
45
47
|
var isControlled = value !== undefined;
|
46
48
|
var createEmptyField = useCallback(function () {
|
@@ -113,7 +115,7 @@ var ArrayField = function ArrayField(_ref) {
|
|
113
115
|
var id = _ref3.id,
|
114
116
|
onComponentRender = _ref3.onComponentRender,
|
115
117
|
fieldValue = _ref3.fieldValue,
|
116
|
-
otherFieldProps = _objectWithoutProperties(_ref3,
|
118
|
+
otherFieldProps = _objectWithoutProperties(_ref3, _excluded2);
|
117
119
|
|
118
120
|
var isDisabled = (value || fieldValues).length === 1;
|
119
121
|
return ___EmotionJSX(Box, {
|
@@ -182,4 +182,13 @@ test('creates empty field when no data passed', function () {
|
|
182
182
|
renderField: renderField
|
183
183
|
}));
|
184
184
|
expect(screen.getByLabelText('Text field')).toBeInTheDocument();
|
185
|
+
});
|
186
|
+
test('check if tooltip on delete button renders on hover', function () {
|
187
|
+
render(___EmotionJSX(ArrayFieldDeleteButton, {
|
188
|
+
renderField: renderField
|
189
|
+
}));
|
190
|
+
var button = screen.getByRole('button');
|
191
|
+
fireEvent.mouseMove(button);
|
192
|
+
fireEvent.mouseEnter(button);
|
193
|
+
expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
185
194
|
});
|
@@ -6,8 +6,7 @@ import IconButton from '../IconButton';
|
|
6
6
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
7
7
|
|
8
8
|
var ArrayFieldDeleteButton = function ArrayFieldDeleteButton(_ref) {
|
9
|
-
var
|
10
|
-
isDisabled = _ref.isDisabled,
|
9
|
+
var isDisabled = _ref.isDisabled,
|
11
10
|
id = _ref.id,
|
12
11
|
onDelete = _ref.onDelete;
|
13
12
|
return ___EmotionJSX(IconButton, {
|
@@ -15,6 +14,7 @@ var ArrayFieldDeleteButton = function ArrayFieldDeleteButton(_ref) {
|
|
15
14
|
return onDelete(id);
|
16
15
|
},
|
17
16
|
isDisabled: isDisabled,
|
17
|
+
"aria-label": "delete-button",
|
18
18
|
sx: {
|
19
19
|
position: 'absolute',
|
20
20
|
right: -35,
|
@@ -22,8 +22,7 @@ var ArrayFieldDeleteButton = function ArrayFieldDeleteButton(_ref) {
|
|
22
22
|
height: 32,
|
23
23
|
top: 5,
|
24
24
|
cursor: 'pointer'
|
25
|
-
}
|
26
|
-
title: label
|
25
|
+
}
|
27
26
|
}, ___EmotionJSX(Icon, {
|
28
27
|
icon: TrashIcon,
|
29
28
|
size: 20,
|
@@ -32,12 +31,8 @@ var ArrayFieldDeleteButton = function ArrayFieldDeleteButton(_ref) {
|
|
32
31
|
};
|
33
32
|
|
34
33
|
ArrayFieldDeleteButton.propTypes = {
|
35
|
-
label: PropTypes.string,
|
36
34
|
id: PropTypes.number,
|
37
35
|
isDisabled: PropTypes.bool,
|
38
36
|
onDelete: PropTypes.func
|
39
37
|
};
|
40
|
-
ArrayFieldDeleteButton.defaultProps = {
|
41
|
-
label: 'Delete field'
|
42
|
-
};
|
43
38
|
export default ArrayFieldDeleteButton;
|