@pingux/astro 1.1.1-alpha.1 → 1.1.1-alpha.5
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/AccordionGridContext.js +17 -0
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +221 -0
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +313 -0
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +257 -0
- package/lib/cjs/components/AccordionGridGroup/index.js +18 -0
- package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +103 -0
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +91 -0
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +135 -0
- package/lib/cjs/components/AccordionGridItem/index.js +18 -0
- package/lib/cjs/components/AccordionGroup/AccordionGroup.js +105 -0
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +245 -0
- package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +299 -0
- package/lib/cjs/components/AccordionGroup/index.js +18 -0
- package/lib/cjs/components/AccordionItem/AccordionItem.js +147 -0
- package/lib/cjs/components/AccordionItem/index.js +18 -0
- package/lib/cjs/components/AstroWrapper/AstroWrapper.js +91 -0
- package/lib/cjs/components/AstroWrapper/AstroWrapper.test.js +37 -0
- package/lib/cjs/components/AstroWrapper/PageWrapper.test.js +39 -0
- package/lib/cjs/components/AstroWrapper/index.js +38 -0
- package/lib/cjs/components/Avatar/Avatar.js +41 -0
- package/lib/cjs/components/Avatar/Avatar.stories.js +42 -0
- package/lib/cjs/components/Avatar/Avatar.test.js +37 -0
- package/lib/cjs/components/Avatar/index.js +18 -0
- package/lib/cjs/components/Box/Box.js +142 -0
- package/lib/cjs/components/Box/Box.stories.js +278 -0
- package/lib/cjs/components/Box/Box.test.js +79 -0
- package/lib/cjs/components/Box/index.js +18 -0
- package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js +137 -0
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +101 -0
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +166 -0
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.test.js +112 -0
- package/lib/cjs/components/Breadcrumbs/index.js +27 -0
- package/lib/cjs/components/Button/Button.js +197 -0
- package/lib/cjs/components/Button/Button.stories.js +113 -0
- package/lib/cjs/components/Button/Button.test.js +125 -0
- package/lib/cjs/components/Button/constants.js +14 -0
- package/lib/cjs/components/Button/index.js +18 -0
- package/lib/cjs/components/Card/Card.js +35 -0
- package/lib/cjs/components/Card/Card.stories.js +52 -0
- package/lib/cjs/components/Card/Card.test.js +48 -0
- package/lib/cjs/components/Card/index.js +18 -0
- package/lib/cjs/components/Checkbox/Checkbox.js +40 -0
- package/lib/cjs/components/Checkbox/Checkbox.test.js +36 -0
- package/lib/cjs/components/Checkbox/index.js +18 -0
- package/lib/cjs/components/CheckboxField/CheckboxField.js +210 -0
- package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +167 -0
- package/lib/cjs/components/CheckboxField/CheckboxField.test.js +116 -0
- package/lib/cjs/components/CheckboxField/index.js +18 -0
- package/lib/cjs/components/Chip/Chip.js +86 -0
- package/lib/cjs/components/Chip/Chip.stories.js +140 -0
- package/lib/cjs/components/Chip/Chip.test.js +57 -0
- package/lib/cjs/components/Chip/ChipContext.js +19 -0
- package/lib/cjs/components/Chip/index.js +18 -0
- package/lib/cjs/components/CodeView/CodeView.js +175 -0
- package/lib/cjs/components/CodeView/CodeView.stories.js +93 -0
- package/lib/cjs/components/CodeView/CodeView.test.js +211 -0
- package/lib/cjs/components/CodeView/index.js +18 -0
- package/lib/cjs/components/ColorField/ColorField.js +219 -0
- package/lib/cjs/components/ColorField/ColorField.stories.js +124 -0
- package/lib/cjs/components/ColorField/ColorField.test.js +71 -0
- package/lib/cjs/components/ColorField/index.js +18 -0
- package/lib/cjs/components/ComboBox/ComboBoxInput.js +214 -0
- package/lib/cjs/components/ComboBox/index.js +18 -0
- package/lib/cjs/components/ComboBoxField/ComboBoxField.js +413 -0
- package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +523 -0
- package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +841 -0
- package/lib/cjs/components/ComboBoxField/index.js +18 -0
- package/lib/cjs/components/CopyText/CopyButton.js +38 -0
- package/lib/cjs/components/CopyText/CopyText.js +173 -0
- package/lib/cjs/components/CopyText/CopyText.stories.js +58 -0
- package/lib/cjs/components/CopyText/CopyText.test.js +485 -0
- package/lib/cjs/components/CopyText/index.js +18 -0
- package/lib/cjs/components/FieldHelperText/FieldHelperText.js +67 -0
- package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.js +64 -0
- package/lib/cjs/components/FieldHelperText/FieldHelperText.test.js +67 -0
- package/lib/cjs/components/FieldHelperText/index.js +18 -0
- package/lib/cjs/components/FileInputField/FileInputField.js +324 -0
- package/lib/cjs/components/FileInputField/FileInputField.stories.js +250 -0
- package/lib/cjs/components/FileInputField/FileInputField.test.js +227 -0
- package/lib/cjs/components/FileInputField/FileItem.js +126 -0
- package/lib/cjs/components/FileInputField/FileSelect.js +48 -0
- package/lib/cjs/components/FileInputField/index.js +18 -0
- package/lib/cjs/components/HelpHint/HelpHint.js +57 -0
- package/lib/cjs/components/HelpHint/index.js +18 -0
- package/lib/cjs/components/Icon/Icon.js +93 -0
- package/lib/cjs/components/Icon/Icon.stories.js +93 -0
- package/lib/cjs/components/Icon/Icon.test.js +39 -0
- package/lib/cjs/components/Icon/index.js +18 -0
- package/lib/cjs/components/IconButton/IconButton.js +185 -0
- package/lib/cjs/components/IconButton/IconButton.stories.js +95 -0
- package/lib/cjs/components/IconButton/IconButton.test.js +181 -0
- package/lib/cjs/components/IconButton/index.js +18 -0
- package/lib/cjs/components/Image/Image.js +84 -0
- package/lib/cjs/components/Image/Image.stories.js +87 -0
- package/lib/cjs/components/Image/Image.test.js +38 -0
- package/lib/cjs/components/Image/index.js +18 -0
- package/lib/cjs/components/ImageUploadField/ImagePreviewButton.js +136 -0
- package/lib/cjs/components/ImageUploadField/ImageUploadField.js +160 -0
- package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +348 -0
- package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +439 -0
- package/lib/cjs/components/ImageUploadField/ImageUploadFieldBase.js +124 -0
- package/lib/cjs/components/ImageUploadField/index.js +18 -0
- package/lib/cjs/components/Input/Input.js +80 -0
- package/lib/cjs/components/Input/Input.stories.js +57 -0
- package/lib/cjs/components/Input/Input.test.js +69 -0
- package/lib/cjs/components/Input/index.js +18 -0
- package/lib/cjs/components/Label/Label.js +110 -0
- package/lib/cjs/components/Label/Label.stories.js +63 -0
- package/lib/cjs/components/Label/Label.test.js +90 -0
- package/lib/cjs/components/Label/constants.js +15 -0
- package/lib/cjs/components/Label/index.js +18 -0
- package/lib/cjs/components/Link/Link.js +106 -0
- package/lib/cjs/components/Link/Link.stories.js +66 -0
- package/lib/cjs/components/Link/Link.test.js +79 -0
- package/lib/cjs/components/Link/index.js +18 -0
- package/lib/cjs/components/LinkSelectField/LinkSelectField.js +225 -0
- package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +350 -0
- package/lib/cjs/components/LinkSelectField/LinkSelectField.test.js +230 -0
- package/lib/cjs/components/LinkSelectField/index.js +18 -0
- package/lib/cjs/components/List/List.js +44 -0
- package/lib/cjs/components/List/List.stories.js +66 -0
- package/lib/cjs/components/List/List.test.js +36 -0
- package/lib/cjs/components/List/index.js +18 -0
- package/lib/cjs/components/ListBox/ListBox.js +264 -0
- package/lib/cjs/components/ListBox/ListBox.test.js +171 -0
- package/lib/cjs/components/ListBox/ListBoxContext.js +17 -0
- package/lib/cjs/components/ListBox/ListBoxSection.js +82 -0
- package/lib/cjs/components/ListBox/Option.js +137 -0
- package/lib/cjs/components/ListBox/index.js +27 -0
- package/lib/cjs/components/ListItem/ListItem.js +76 -0
- package/lib/cjs/components/ListItem/ListItem.stories.js +103 -0
- package/lib/cjs/components/ListItem/ListItem.test.js +51 -0
- package/lib/cjs/components/ListItem/index.js +18 -0
- package/lib/cjs/components/ListView/ListView.js +284 -0
- package/lib/cjs/components/ListView/ListView.stories.js +794 -0
- package/lib/cjs/components/ListView/ListView.test.js +326 -0
- package/lib/cjs/components/ListView/ListViewContext.js +17 -0
- package/lib/cjs/components/ListView/index.js +18 -0
- package/lib/cjs/components/ListViewItem/ListViewItem.js +130 -0
- package/lib/cjs/components/ListViewItem/index.js +18 -0
- package/lib/cjs/components/Loader/Loader.js +93 -0
- package/lib/cjs/components/Loader/Loader.stories.js +63 -0
- package/lib/cjs/components/Loader/Loader.test.js +36 -0
- package/lib/cjs/components/Loader/index.js +18 -0
- package/lib/cjs/components/Menu/Menu.js +191 -0
- package/lib/cjs/components/Menu/Menu.stories.js +107 -0
- package/lib/cjs/components/Menu/Menu.test.js +223 -0
- package/lib/cjs/components/Menu/index.js +18 -0
- package/lib/cjs/components/MenuItem/MenuItem.js +184 -0
- package/lib/cjs/components/MenuItem/MenuItem.test.js +221 -0
- package/lib/cjs/components/MenuItem/index.js +18 -0
- package/lib/cjs/components/Messages/Message.js +183 -0
- package/lib/cjs/components/Messages/Messages.js +73 -0
- package/lib/cjs/components/Messages/Messages.reducer.js +70 -0
- package/lib/cjs/components/Messages/Messages.stories.js +353 -0
- package/lib/cjs/components/Messages/Messages.test.js +214 -0
- package/lib/cjs/components/Messages/index.js +40 -0
- package/lib/cjs/components/Messages/utils/index.js +27 -0
- package/lib/cjs/components/Messages/utils/messagesReducer.js +180 -0
- package/lib/cjs/components/Messages/utils/multiMessagesReducer.js +135 -0
- package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +94 -0
- package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +102 -0
- package/lib/cjs/components/Modal/Modal.js +218 -0
- package/lib/cjs/components/Modal/Modal.stories.js +173 -0
- package/lib/cjs/components/Modal/index.js +18 -0
- package/lib/cjs/components/Modal/tests/Modal.integration.test.js +95 -0
- package/lib/cjs/components/Modal/tests/Modal.unit.test.js +202 -0
- package/lib/cjs/components/MultivaluesField/MultivaluesField.js +519 -0
- package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +212 -0
- package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +387 -0
- package/lib/cjs/components/MultivaluesField/index.js +18 -0
- package/lib/cjs/components/NavBar/NavBar.js +38 -0
- package/lib/cjs/components/NavBar/NavBar.stories.js +679 -0
- package/lib/cjs/components/NavBar/NavBar.test.js +116 -0
- package/lib/cjs/components/NavBar/index.js +18 -0
- package/lib/cjs/components/NavBarSection/NavBarItemBody.js +56 -0
- package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +47 -0
- package/lib/cjs/components/NavBarSection/NavBarSection.js +82 -0
- package/lib/cjs/components/NavBarSection/index.js +18 -0
- package/lib/cjs/components/NumberField/NumberField.js +224 -0
- package/lib/cjs/components/NumberField/NumberField.stories.js +242 -0
- package/lib/cjs/components/NumberField/NumberField.test.js +172 -0
- package/lib/cjs/components/NumberField/index.js +18 -0
- package/lib/cjs/components/OverlayPanel/OverlayPanel.js +127 -0
- package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +223 -0
- package/lib/cjs/components/OverlayPanel/OverlayPanel.test.js +140 -0
- package/lib/cjs/components/OverlayPanel/index.js +18 -0
- package/lib/cjs/components/PageHeader/PageHeader.js +50 -0
- package/lib/cjs/components/PageHeader/PageHeader.stories.js +42 -0
- package/lib/cjs/components/PageHeader/PageHeader.test.js +35 -0
- package/lib/cjs/components/PageHeader/index.js +18 -0
- package/lib/cjs/components/PasswordField/PasswordField.js +338 -0
- package/lib/cjs/components/PasswordField/PasswordField.stories.js +442 -0
- package/lib/cjs/components/PasswordField/PasswordField.test.js +236 -0
- package/lib/cjs/components/PasswordField/index.js +18 -0
- package/lib/cjs/components/PopoverContainer/PopoverContainer.js +160 -0
- package/lib/cjs/components/PopoverContainer/PopoverContainer.test.js +57 -0
- package/lib/cjs/components/PopoverContainer/index.js +38 -0
- package/lib/cjs/components/PopoverMenu/PopoverMenu.js +188 -0
- package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +231 -0
- package/lib/cjs/components/PopoverMenu/PopoverMenu.test.js +214 -0
- package/lib/cjs/components/PopoverMenu/index.js +18 -0
- package/lib/cjs/components/Radio/Radio.js +38 -0
- package/lib/cjs/components/Radio/index.js +18 -0
- package/lib/cjs/components/RadioField/RadioField.js +201 -0
- package/lib/cjs/components/RadioField/RadioField.test.js +97 -0
- package/lib/cjs/components/RadioField/index.js +38 -0
- package/lib/cjs/components/RadioGroupField/RadioGroupField.js +177 -0
- package/lib/cjs/components/RadioGroupField/RadioGroupField.stories.js +210 -0
- package/lib/cjs/components/RadioGroupField/RadioGroupField.test.js +202 -0
- package/lib/cjs/components/RadioGroupField/index.js +18 -0
- package/lib/cjs/components/RequirementsList/RequirementsList.js +117 -0
- package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +79 -0
- package/lib/cjs/components/RequirementsList/RequirementsList.test.js +114 -0
- package/lib/cjs/components/RequirementsList/index.js +18 -0
- package/lib/cjs/components/RockerButton/RockerButton.js +143 -0
- package/lib/cjs/components/RockerButton/index.js +38 -0
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +128 -0
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +164 -0
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +133 -0
- package/lib/cjs/components/RockerButtonGroup/index.js +38 -0
- package/lib/cjs/components/ScrollBox/ScrollBox.js +145 -0
- package/lib/cjs/components/ScrollBox/ScrollBox.stories.js +47 -0
- package/lib/cjs/components/ScrollBox/ScrollBox.test.js +87 -0
- package/lib/cjs/components/ScrollBox/index.js +18 -0
- package/lib/cjs/components/SearchField/SearchField.js +356 -0
- package/lib/cjs/components/SearchField/SearchField.stories.js +178 -0
- package/lib/cjs/components/SearchField/SearchField.test.js +251 -0
- package/lib/cjs/components/SearchField/index.js +18 -0
- package/lib/cjs/components/SelectField/SelectField.js +171 -0
- package/lib/cjs/components/SelectField/SelectField.stories.js +492 -0
- package/lib/cjs/components/SelectField/SelectField.test.js +85 -0
- package/lib/cjs/components/SelectField/index.js +18 -0
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +197 -0
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +471 -0
- package/lib/cjs/components/SelectFieldBase/index.js +18 -0
- package/lib/cjs/components/Separator/Separator.js +69 -0
- package/lib/cjs/components/Separator/Separator.stories.js +49 -0
- package/lib/cjs/components/Separator/Separator.test.js +38 -0
- package/lib/cjs/components/Separator/index.js +18 -0
- package/lib/cjs/components/Stepper/Line.js +51 -0
- package/lib/cjs/components/Stepper/Step.js +64 -0
- package/lib/cjs/components/Stepper/Stepper.constants.js +15 -0
- package/lib/cjs/components/Stepper/Stepper.js +170 -0
- package/lib/cjs/components/Stepper/Stepper.stories.js +139 -0
- package/lib/cjs/components/Stepper/Stepper.test.js +231 -0
- package/lib/cjs/components/Stepper/index.js +27 -0
- package/lib/cjs/components/Switch/Switch.js +53 -0
- package/lib/cjs/components/Switch/index.js +18 -0
- package/lib/cjs/components/SwitchField/SwitchField.js +231 -0
- package/lib/cjs/components/SwitchField/SwitchField.stories.js +170 -0
- package/lib/cjs/components/SwitchField/SwitchField.test.js +145 -0
- package/lib/cjs/components/SwitchField/index.js +18 -0
- package/lib/cjs/components/Tab/Tab.js +154 -0
- package/lib/cjs/components/Tab/index.js +38 -0
- package/lib/cjs/components/Table/Table.js +41 -0
- package/lib/cjs/components/Table/Table.stories.js +102 -0
- package/lib/cjs/components/Table/Table.test.js +80 -0
- package/lib/cjs/components/Table/index.js +18 -0
- package/lib/cjs/components/TableBody/TableBody.js +41 -0
- package/lib/cjs/components/TableBody/index.js +18 -0
- package/lib/cjs/components/TableCell/TableCell.js +48 -0
- package/lib/cjs/components/TableCell/TableCell.test.js +54 -0
- package/lib/cjs/components/TableCell/index.js +18 -0
- package/lib/cjs/components/TableHead/TableHead.js +40 -0
- package/lib/cjs/components/TableHead/index.js +18 -0
- package/lib/cjs/components/TableRow/TableRow.js +41 -0
- package/lib/cjs/components/TableRow/index.js +18 -0
- package/lib/cjs/components/Tabs/Tabs.js +166 -0
- package/lib/cjs/components/Tabs/Tabs.stories.js +295 -0
- package/lib/cjs/components/Tabs/Tabs.test.js +460 -0
- package/lib/cjs/components/Tabs/index.js +38 -0
- package/lib/cjs/components/Text/Text.js +52 -0
- package/lib/cjs/components/Text/Text.stories.js +124 -0
- package/lib/cjs/components/Text/Text.test.js +43 -0
- package/lib/cjs/components/Text/index.js +18 -0
- package/lib/cjs/components/TextArea/TextArea.js +41 -0
- package/lib/cjs/components/TextArea/TextArea.test.js +43 -0
- package/lib/cjs/components/TextArea/index.js +18 -0
- package/lib/cjs/components/TextAreaField/TextAreaField.js +235 -0
- package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +245 -0
- package/lib/cjs/components/TextAreaField/TextAreaField.test.js +156 -0
- package/lib/cjs/components/TextAreaField/index.js +18 -0
- package/lib/cjs/components/TextField/TextField.js +217 -0
- package/lib/cjs/components/TextField/TextField.stories.js +262 -0
- package/lib/cjs/components/TextField/TextField.test.js +175 -0
- package/lib/cjs/components/TextField/index.js +18 -0
- package/lib/cjs/components/TooltipTrigger/Tooltip.js +55 -0
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.js +181 -0
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +126 -0
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +109 -0
- package/lib/cjs/components/TooltipTrigger/index.js +27 -0
- package/lib/cjs/context/AccordionContext/index.js +22 -0
- package/lib/cjs/context/MenuContext/index.js +20 -0
- package/lib/cjs/context/TooltipContext/index.js +22 -0
- package/lib/cjs/hooks/index.js +117 -0
- package/lib/cjs/hooks/useAriaLabelWarning/index.js +18 -0
- package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.js +29 -0
- package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +38 -0
- package/lib/cjs/hooks/useColumnStyles/index.js +18 -0
- package/lib/cjs/hooks/useColumnStyles/useColumnStyles.js +38 -0
- package/lib/cjs/hooks/useCopyToClipboard/index.js +18 -0
- package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js +83 -0
- package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +79 -0
- package/lib/cjs/hooks/useDebounce/index.js +18 -0
- package/lib/cjs/hooks/useDebounce/useDebounce.js +40 -0
- package/lib/cjs/hooks/useDebounce/useDebounce.test.js +47 -0
- package/lib/cjs/hooks/useDeprecationWarning/index.js +18 -0
- package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.js +55 -0
- package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.test.js +97 -0
- package/lib/cjs/hooks/useField/index.js +18 -0
- package/lib/cjs/hooks/useField/useField.js +249 -0
- package/lib/cjs/hooks/useField/useField.test.js +236 -0
- package/lib/cjs/hooks/useImageUploadState/index.js +18 -0
- package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js +143 -0
- package/lib/cjs/hooks/useLabelHeight/index.js +18 -0
- package/lib/cjs/hooks/useLabelHeight/useLabelHeight.js +43 -0
- package/lib/cjs/hooks/useModalState/index.js +18 -0
- package/lib/cjs/hooks/useModalState/useModalState.js +35 -0
- package/lib/cjs/hooks/useModalState/useModalState.test.js +124 -0
- package/lib/cjs/hooks/useOverlayPanelState/index.js +18 -0
- package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js +54 -0
- package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js +24 -0
- package/lib/cjs/hooks/useProgressiveState/index.js +18 -0
- package/lib/cjs/hooks/useProgressiveState/useProgressiveState.js +29 -0
- package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +105 -0
- package/lib/cjs/hooks/usePropWarning/index.js +18 -0
- package/lib/cjs/hooks/usePropWarning/usePropWarning.js +45 -0
- package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +65 -0
- package/lib/cjs/hooks/useRockerButton/index.js +18 -0
- package/lib/cjs/hooks/useRockerButton/useRockerButton.js +67 -0
- package/lib/cjs/hooks/useSelectField/index.js +18 -0
- package/lib/cjs/hooks/useSelectField/useSelectField.js +254 -0
- package/lib/cjs/hooks/useStatusClasses/index.js +18 -0
- package/lib/cjs/hooks/useStatusClasses/useStatusClasses.js +40 -0
- package/lib/cjs/hooks/useStatusClasses/useStatusClasses.test.js +56 -0
- package/lib/cjs/index.js +1518 -0
- package/lib/cjs/layouts/ListLayout.stories.js +895 -0
- package/lib/cjs/layouts/SchemaFormLayout.stories.js +139 -0
- package/lib/cjs/recipes/ApplicationSearchDropdown.stories.js +310 -0
- package/lib/cjs/recipes/ArrayField.stories.js +169 -0
- package/lib/cjs/recipes/Arrow.stories.js +49 -0
- package/lib/cjs/recipes/ConditionalFilter.stories.js +465 -0
- package/lib/cjs/recipes/CopyToClipboard.stories.js +45 -0
- package/lib/cjs/recipes/CountryPicker.stories.js +155 -0
- package/lib/cjs/recipes/DatePicker.stories.js +149 -0
- package/lib/cjs/recipes/DraggableBox.stories.js +58 -0
- package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +198 -0
- package/lib/cjs/recipes/LogoTabs.stories.js +234 -0
- package/lib/cjs/recipes/MaskedValue.stories.js +107 -0
- package/lib/cjs/recipes/NeutralInput.stories.js +32 -0
- package/lib/cjs/recipes/PanelHeader.stories.js +97 -0
- package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +146 -0
- package/lib/cjs/recipes/RowLineChart.stories.js +528 -0
- package/lib/cjs/recipes/ScrollableListView.stories.js +141 -0
- package/lib/cjs/recipes/SelectedFieldOverlay.story.js +66 -0
- package/lib/cjs/recipes/StatsCircle.stories.js +46 -0
- package/lib/cjs/styles/ColorDocumentation.js +311 -0
- package/lib/cjs/styles/ColorDocumentation.stories.js +33 -0
- package/lib/cjs/styles/ThemeDocumentation.js +25 -0
- package/lib/cjs/styles/breakpoints.js +11 -0
- package/lib/cjs/styles/colors.js +200 -0
- package/lib/cjs/styles/forms/checkbox.js +23 -0
- package/lib/cjs/styles/forms/comboBox.js +49 -0
- package/lib/cjs/styles/forms/index.js +64 -0
- package/lib/cjs/styles/forms/input.js +214 -0
- package/lib/cjs/styles/forms/label.js +94 -0
- package/lib/cjs/styles/forms/radio.js +32 -0
- package/lib/cjs/styles/forms/search.js +33 -0
- package/lib/cjs/styles/forms/select.js +106 -0
- package/lib/cjs/styles/forms/switch.js +59 -0
- package/lib/cjs/styles/forms/textarea.js +48 -0
- package/lib/cjs/styles/spacing.js +31 -0
- package/lib/cjs/styles/text.js +45 -0
- package/lib/cjs/styles/theme.js +81 -0
- package/lib/cjs/styles/themes/end-user/end-user.js +280 -0
- package/lib/cjs/styles/themes/end-user/index.js +18 -0
- package/lib/cjs/styles/useAstroTheme.js +36 -0
- package/lib/cjs/styles/variants/accordion.js +114 -0
- package/lib/cjs/styles/variants/boxes.js +320 -0
- package/lib/cjs/styles/variants/buttons.js +577 -0
- package/lib/cjs/styles/variants/codeView.js +77 -0
- package/lib/cjs/styles/variants/imageUpload.js +29 -0
- package/lib/cjs/styles/variants/images.js +19 -0
- package/lib/cjs/styles/variants/index.js +72 -0
- package/lib/cjs/styles/variants/links.js +67 -0
- package/lib/cjs/styles/variants/listBox.js +62 -0
- package/lib/cjs/styles/variants/loader.js +119 -0
- package/lib/cjs/styles/variants/menu.js +20 -0
- package/lib/cjs/styles/variants/menuItem.js +36 -0
- package/lib/cjs/styles/variants/messages.js +53 -0
- package/lib/cjs/styles/variants/modal.js +87 -0
- package/lib/cjs/styles/variants/numberField.js +64 -0
- package/lib/cjs/styles/variants/overlayPanel.js +73 -0
- package/lib/cjs/styles/variants/popoverMenu.js +99 -0
- package/lib/cjs/styles/variants/rockerbutton.js +25 -0
- package/lib/cjs/styles/variants/separator.js +64 -0
- package/lib/cjs/styles/variants/stepper.js +126 -0
- package/lib/cjs/styles/variants/table.js +72 -0
- package/lib/cjs/styles/variants/tabs.js +45 -0
- package/lib/cjs/styles/variants/text.js +251 -0
- package/lib/cjs/styles/variants/tooltip.js +16 -0
- package/lib/cjs/styles/variants/variants.js +103 -0
- package/lib/cjs/utils/devUtils/constants/htmlElements.js +15 -0
- package/lib/cjs/utils/devUtils/constants/loadingStates.js +18 -0
- package/lib/cjs/utils/devUtils/constants/orientation.js +14 -0
- package/lib/cjs/utils/devUtils/constants/panelSizes.js +11 -0
- package/lib/cjs/utils/devUtils/constants/statuses.js +16 -0
- package/lib/cjs/utils/devUtils/constants/variants.js +40 -0
- package/lib/cjs/utils/devUtils/decorators/withDeprecationWarning.js +33 -0
- package/lib/cjs/utils/devUtils/props/isIterable.js +74 -0
- package/lib/cjs/utils/devUtils/props/isValidPositiveInt.js +42 -0
- package/lib/cjs/utils/devUtils/styledSystemUtils.js +79 -0
- package/lib/cjs/utils/styleUtils/index.js +19 -0
- package/lib/cjs/utils/testUtils/setupTests.js +27 -0
- package/lib/cjs/utils/testUtils/testAxe.js +65 -0
- package/lib/cjs/utils/testUtils/testTheme.js +30 -0
- package/lib/cjs/utils/testUtils/testWrapper.js +109 -0
- package/lib/components/AccordionGridGroup/AccordionGridContext.js +2 -0
- package/lib/components/AccordionGridGroup/AccordionGridGroup.js +182 -0
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +286 -0
- package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +191 -0
- package/lib/components/AccordionGridGroup/index.js +1 -0
- package/lib/components/AccordionGridItem/AccordionGridItem.js +75 -0
- package/lib/components/AccordionGridItem/AccordionGridItemBody.js +65 -0
- package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +104 -0
- package/lib/components/AccordionGridItem/index.js +1 -0
- package/lib/components/AccordionGroup/AccordionGroup.js +79 -0
- package/lib/components/AccordionGroup/AccordionGroup.stories.js +205 -0
- package/lib/components/AccordionGroup/AccordionGroup.test.js +229 -0
- package/lib/components/AccordionGroup/index.js +1 -0
- package/lib/components/AccordionItem/AccordionItem.js +118 -0
- package/lib/components/AccordionItem/index.js +1 -0
- package/lib/components/AstroWrapper/AstroWrapper.js +63 -0
- package/lib/components/AstroWrapper/AstroWrapper.test.js +26 -0
- package/lib/components/AstroWrapper/PageWrapper.test.js +28 -0
- package/lib/components/AstroWrapper/index.js +2 -0
- package/lib/components/Avatar/Avatar.js +22 -0
- package/lib/components/Avatar/Avatar.stories.js +22 -0
- package/lib/components/Avatar/Avatar.test.js +24 -0
- package/lib/components/Avatar/index.js +1 -0
- package/lib/components/Box/Box.js +110 -0
- package/lib/components/Box/Box.stories.js +249 -0
- package/lib/components/Box/Box.test.js +61 -0
- package/lib/components/Box/index.js +1 -0
- package/lib/components/Breadcrumbs/BreadcrumbItem.js +105 -0
- package/lib/components/Breadcrumbs/Breadcrumbs.js +76 -0
- package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +127 -0
- package/lib/components/Breadcrumbs/Breadcrumbs.test.js +92 -0
- package/lib/components/Breadcrumbs/index.js +2 -0
- package/lib/components/Button/Button.js +163 -0
- package/lib/components/Button/Button.stories.js +77 -0
- package/lib/components/Button/Button.test.js +92 -0
- package/lib/components/Button/constants.js +4 -0
- package/lib/components/Button/index.js +1 -0
- package/lib/components/Card/Card.js +17 -0
- package/lib/components/Card/Card.stories.js +29 -0
- package/lib/components/Card/Card.test.js +34 -0
- package/lib/components/Card/index.js +1 -0
- package/lib/components/Checkbox/Checkbox.js +22 -0
- package/lib/components/Checkbox/Checkbox.test.js +26 -0
- package/lib/components/Checkbox/index.js +1 -0
- package/lib/components/CheckboxField/CheckboxField.js +175 -0
- package/lib/components/CheckboxField/CheckboxField.stories.js +132 -0
- package/lib/components/CheckboxField/CheckboxField.test.js +84 -0
- package/lib/components/CheckboxField/index.js +1 -0
- package/lib/components/Chip/Chip.js +63 -0
- package/lib/components/Chip/Chip.stories.js +107 -0
- package/lib/components/Chip/Chip.test.js +43 -0
- package/lib/components/Chip/ChipContext.js +3 -0
- package/lib/components/Chip/index.js +1 -0
- package/lib/components/CodeView/CodeView.js +139 -0
- package/lib/components/CodeView/CodeView.stories.js +67 -0
- package/lib/components/CodeView/CodeView.test.js +171 -0
- package/lib/components/CodeView/index.js +1 -0
- package/lib/components/ColorField/ColorField.js +177 -0
- package/lib/components/ColorField/ColorField.stories.js +99 -0
- package/lib/components/ColorField/ColorField.test.js +50 -0
- package/lib/components/ColorField/index.js +1 -0
- package/lib/components/ComboBox/ComboBoxInput.js +177 -0
- package/lib/components/ComboBox/index.js +1 -0
- package/lib/components/ComboBoxField/ComboBoxField.js +372 -0
- package/lib/components/ComboBoxField/ComboBoxField.stories.js +444 -0
- package/lib/components/ComboBoxField/ComboBoxField.test.js +699 -0
- package/lib/components/ComboBoxField/index.js +1 -0
- package/lib/components/CopyText/CopyButton.js +17 -0
- package/lib/components/CopyText/CopyText.js +149 -0
- package/lib/components/CopyText/CopyText.stories.js +30 -0
- package/lib/components/CopyText/CopyText.test.js +436 -0
- package/lib/components/CopyText/index.js +1 -0
- package/lib/components/FieldHelperText/FieldHelperText.js +43 -0
- package/lib/components/FieldHelperText/FieldHelperText.stories.js +35 -0
- package/lib/components/FieldHelperText/FieldHelperText.test.js +52 -0
- package/lib/components/FieldHelperText/index.js +1 -0
- package/lib/components/FileInputField/FileInputField.js +280 -0
- package/lib/components/FileInputField/FileInputField.stories.js +206 -0
- package/lib/components/FileInputField/FileInputField.test.js +187 -0
- package/lib/components/FileInputField/FileItem.js +101 -0
- package/lib/components/FileInputField/FileSelect.js +31 -0
- package/lib/components/FileInputField/index.js +1 -0
- package/lib/components/HelpHint/HelpHint.js +34 -0
- package/lib/components/HelpHint/index.js +1 -0
- package/lib/components/Icon/Icon.js +66 -0
- package/lib/components/Icon/Icon.stories.js +66 -0
- package/lib/components/Icon/Icon.test.js +26 -0
- package/lib/components/Icon/index.js +1 -0
- package/lib/components/IconButton/IconButton.js +152 -0
- package/lib/components/IconButton/IconButton.stories.js +67 -0
- package/lib/components/IconButton/IconButton.test.js +132 -0
- package/lib/components/IconButton/index.js +1 -0
- package/lib/components/Image/Image.js +63 -0
- package/lib/components/Image/Image.stories.js +58 -0
- package/lib/components/Image/Image.test.js +26 -0
- package/lib/components/Image/index.js +1 -0
- package/lib/components/ImageUploadField/ImagePreviewButton.js +114 -0
- package/lib/components/ImageUploadField/ImageUploadField.js +136 -0
- package/lib/components/ImageUploadField/ImageUploadField.stories.js +306 -0
- package/lib/components/ImageUploadField/ImageUploadField.test.js +380 -0
- package/lib/components/ImageUploadField/ImageUploadFieldBase.js +87 -0
- package/lib/components/ImageUploadField/index.js +1 -0
- package/lib/components/Input/Input.js +59 -0
- package/lib/components/Input/Input.stories.js +31 -0
- package/lib/components/Input/Input.test.js +48 -0
- package/lib/components/Input/index.js +1 -0
- package/lib/components/Label/Label.js +86 -0
- package/lib/components/Label/Label.stories.js +36 -0
- package/lib/components/Label/Label.test.js +68 -0
- package/lib/components/Label/constants.js +5 -0
- package/lib/components/Label/index.js +1 -0
- package/lib/components/Link/Link.js +81 -0
- package/lib/components/Link/Link.stories.js +44 -0
- package/lib/components/Link/Link.test.js +55 -0
- package/lib/components/Link/index.js +1 -0
- package/lib/components/LinkSelectField/LinkSelectField.js +191 -0
- package/lib/components/LinkSelectField/LinkSelectField.stories.js +293 -0
- package/lib/components/LinkSelectField/LinkSelectField.test.js +192 -0
- package/lib/components/LinkSelectField/index.js +1 -0
- package/lib/components/List/List.js +25 -0
- package/lib/components/List/List.stories.js +43 -0
- package/lib/components/List/List.test.js +24 -0
- package/lib/components/List/index.js +1 -0
- package/lib/components/ListBox/ListBox.js +222 -0
- package/lib/components/ListBox/ListBox.test.js +148 -0
- package/lib/components/ListBox/ListBoxContext.js +2 -0
- package/lib/components/ListBox/ListBoxSection.js +60 -0
- package/lib/components/ListBox/Option.js +103 -0
- package/lib/components/ListBox/index.js +2 -0
- package/lib/components/ListItem/ListItem.js +54 -0
- package/lib/components/ListItem/ListItem.stories.js +74 -0
- package/lib/components/ListItem/ListItem.test.js +37 -0
- package/lib/components/ListItem/index.js +1 -0
- package/lib/components/ListView/ListView.js +238 -0
- package/lib/components/ListView/ListView.stories.js +753 -0
- package/lib/components/ListView/ListView.test.js +285 -0
- package/lib/components/ListView/ListViewContext.js +2 -0
- package/lib/components/ListView/index.js +1 -0
- package/lib/components/ListViewItem/ListViewItem.js +105 -0
- package/lib/components/ListViewItem/index.js +1 -0
- package/lib/components/Loader/Loader.js +64 -0
- package/lib/components/Loader/Loader.stories.js +38 -0
- package/lib/components/Loader/Loader.test.js +24 -0
- package/lib/components/Loader/index.js +1 -0
- package/lib/components/Menu/Menu.js +155 -0
- package/lib/components/Menu/Menu.stories.js +86 -0
- package/lib/components/Menu/Menu.test.js +168 -0
- package/lib/components/Menu/index.js +1 -0
- package/lib/components/MenuItem/MenuItem.js +159 -0
- package/lib/components/MenuItem/MenuItem.test.js +165 -0
- package/lib/components/MenuItem/index.js +1 -0
- package/lib/components/Messages/Message.js +149 -0
- package/lib/components/Messages/Messages.js +47 -0
- package/lib/components/Messages/Messages.reducer.js +47 -0
- package/lib/components/Messages/Messages.stories.js +297 -0
- package/lib/components/Messages/Messages.test.js +176 -0
- package/lib/components/Messages/index.js +2 -0
- package/lib/components/Messages/utils/index.js +2 -0
- package/lib/components/Messages/utils/messagesReducer.js +140 -0
- package/lib/components/Messages/utils/multiMessagesReducer.js +97 -0
- package/lib/components/Messages/utils/tests/messagesReducer.test.js +81 -0
- package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js +89 -0
- package/lib/components/Modal/Modal.js +181 -0
- package/lib/components/Modal/Modal.stories.js +146 -0
- package/lib/components/Modal/index.js +1 -0
- package/lib/components/Modal/tests/Modal.integration.test.js +77 -0
- package/lib/components/Modal/tests/Modal.unit.test.js +172 -0
- package/lib/components/MultivaluesField/MultivaluesField.js +478 -0
- package/lib/components/MultivaluesField/MultivaluesField.stories.js +174 -0
- package/lib/components/MultivaluesField/MultivaluesField.test.js +293 -0
- package/lib/components/MultivaluesField/index.js +1 -0
- package/lib/components/NavBar/NavBar.js +24 -0
- package/lib/components/NavBar/NavBar.stories.js +650 -0
- package/lib/components/NavBar/NavBar.test.js +92 -0
- package/lib/components/NavBar/index.js +1 -0
- package/lib/components/NavBarSection/NavBarItemBody.js +37 -0
- package/lib/components/NavBarSection/NavBarItemHeader.js +31 -0
- package/lib/components/NavBarSection/NavBarSection.js +65 -0
- package/lib/components/NavBarSection/index.js +1 -0
- package/lib/components/NumberField/NumberField.js +187 -0
- package/lib/components/NumberField/NumberField.stories.js +195 -0
- package/lib/components/NumberField/NumberField.test.js +131 -0
- package/lib/components/NumberField/index.js +1 -0
- package/lib/components/OverlayPanel/OverlayPanel.js +100 -0
- package/lib/components/OverlayPanel/OverlayPanel.stories.js +192 -0
- package/lib/components/OverlayPanel/OverlayPanel.test.js +113 -0
- package/lib/components/OverlayPanel/index.js +1 -0
- package/lib/components/PageHeader/PageHeader.js +29 -0
- package/lib/components/PageHeader/PageHeader.stories.js +22 -0
- package/lib/components/PageHeader/PageHeader.test.js +23 -0
- package/lib/components/PageHeader/index.js +1 -0
- package/lib/components/PasswordField/PasswordField.js +291 -0
- package/lib/components/PasswordField/PasswordField.stories.js +373 -0
- package/lib/components/PasswordField/PasswordField.test.js +198 -0
- package/lib/components/PasswordField/index.js +1 -0
- package/lib/components/PopoverContainer/PopoverContainer.js +128 -0
- package/lib/components/PopoverContainer/PopoverContainer.test.js +44 -0
- package/lib/components/PopoverContainer/index.js +2 -0
- package/lib/components/PopoverMenu/PopoverMenu.js +154 -0
- package/lib/components/PopoverMenu/PopoverMenu.stories.js +187 -0
- package/lib/components/PopoverMenu/PopoverMenu.test.js +157 -0
- package/lib/components/PopoverMenu/index.js +1 -0
- package/lib/components/Radio/Radio.js +20 -0
- package/lib/components/Radio/index.js +1 -0
- package/lib/components/RadioField/RadioField.js +165 -0
- package/lib/components/RadioField/RadioField.test.js +74 -0
- package/lib/components/RadioField/index.js +2 -0
- package/lib/components/RadioGroupField/RadioGroupField.js +141 -0
- package/lib/components/RadioGroupField/RadioGroupField.stories.js +171 -0
- package/lib/components/RadioGroupField/RadioGroupField.test.js +159 -0
- package/lib/components/RadioGroupField/index.js +1 -0
- package/lib/components/RequirementsList/RequirementsList.js +89 -0
- package/lib/components/RequirementsList/RequirementsList.stories.js +57 -0
- package/lib/components/RequirementsList/RequirementsList.test.js +100 -0
- package/lib/components/RequirementsList/index.js +1 -0
- package/lib/components/RockerButton/RockerButton.js +109 -0
- package/lib/components/RockerButton/index.js +2 -0
- package/lib/components/RockerButtonGroup/RockerButtonGroup.js +92 -0
- package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js +126 -0
- package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +105 -0
- package/lib/components/RockerButtonGroup/index.js +2 -0
- package/lib/components/ScrollBox/ScrollBox.js +114 -0
- package/lib/components/ScrollBox/ScrollBox.stories.js +26 -0
- package/lib/components/ScrollBox/ScrollBox.test.js +63 -0
- package/lib/components/ScrollBox/index.js +1 -0
- package/lib/components/SearchField/SearchField.js +324 -0
- package/lib/components/SearchField/SearchField.stories.js +137 -0
- package/lib/components/SearchField/SearchField.test.js +188 -0
- package/lib/components/SearchField/index.js +1 -0
- package/lib/components/SelectField/SelectField.js +149 -0
- package/lib/components/SelectField/SelectField.stories.js +421 -0
- package/lib/components/SelectField/SelectField.test.js +70 -0
- package/lib/components/SelectField/index.js +1 -0
- package/lib/components/SelectFieldBase/SelectFieldBase.js +161 -0
- package/lib/components/SelectFieldBase/SelectFieldBase.test.js +383 -0
- package/lib/components/SelectFieldBase/index.js +1 -0
- package/lib/components/Separator/Separator.js +46 -0
- package/lib/components/Separator/Separator.stories.js +26 -0
- package/lib/components/Separator/Separator.test.js +25 -0
- package/lib/components/Separator/index.js +1 -0
- package/lib/components/Stepper/Line.js +31 -0
- package/lib/components/Stepper/Step.js +38 -0
- package/lib/components/Stepper/Stepper.constants.js +5 -0
- package/lib/components/Stepper/Stepper.js +141 -0
- package/lib/components/Stepper/Stepper.stories.js +111 -0
- package/lib/components/Stepper/Stepper.test.js +202 -0
- package/lib/components/Stepper/index.js +2 -0
- package/lib/components/Switch/Switch.js +33 -0
- package/lib/components/Switch/index.js +1 -0
- package/lib/components/SwitchField/SwitchField.js +195 -0
- package/lib/components/SwitchField/SwitchField.stories.js +127 -0
- package/lib/components/SwitchField/SwitchField.test.js +101 -0
- package/lib/components/SwitchField/index.js +1 -0
- package/lib/components/Tab/Tab.js +123 -0
- package/lib/components/Tab/index.js +2 -0
- package/lib/components/Table/Table.js +26 -0
- package/lib/components/Table/Table.stories.js +77 -0
- package/lib/components/Table/Table.test.js +63 -0
- package/lib/components/Table/index.js +1 -0
- package/lib/components/TableBody/TableBody.js +26 -0
- package/lib/components/TableBody/index.js +1 -0
- package/lib/components/TableCell/TableCell.js +32 -0
- package/lib/components/TableCell/TableCell.test.js +37 -0
- package/lib/components/TableCell/index.js +1 -0
- package/lib/components/TableHead/TableHead.js +25 -0
- package/lib/components/TableHead/index.js +1 -0
- package/lib/components/TableRow/TableRow.js +26 -0
- package/lib/components/TableRow/index.js +1 -0
- package/lib/components/Tabs/Tabs.js +129 -0
- package/lib/components/Tabs/Tabs.stories.js +239 -0
- package/lib/components/Tabs/Tabs.test.js +417 -0
- package/lib/components/Tabs/index.js +2 -0
- package/lib/components/Text/Text.js +31 -0
- package/lib/components/Text/Text.stories.js +95 -0
- package/lib/components/Text/Text.test.js +29 -0
- package/lib/components/Text/index.js +1 -0
- package/lib/components/TextArea/TextArea.js +23 -0
- package/lib/components/TextArea/TextArea.test.js +31 -0
- package/lib/components/TextArea/index.js +1 -0
- package/lib/components/TextAreaField/TextAreaField.js +202 -0
- package/lib/components/TextAreaField/TextAreaField.stories.js +180 -0
- package/lib/components/TextAreaField/TextAreaField.test.js +123 -0
- package/lib/components/TextAreaField/index.js +1 -0
- package/lib/components/TextField/TextField.js +183 -0
- package/lib/components/TextField/TextField.stories.js +189 -0
- package/lib/components/TextField/TextField.test.js +137 -0
- package/lib/components/TextField/index.js +1 -0
- package/lib/components/TooltipTrigger/Tooltip.js +32 -0
- package/lib/components/TooltipTrigger/TooltipTrigger.js +154 -0
- package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +79 -0
- package/lib/components/TooltipTrigger/TooltipTrigger.test.js +74 -0
- package/lib/components/TooltipTrigger/index.js +2 -0
- package/lib/context/AccordionContext/index.js +7 -0
- package/lib/context/MenuContext/index.js +5 -0
- package/lib/context/TooltipContext/index.js +7 -0
- package/lib/hooks/index.js +12 -0
- package/lib/hooks/useAriaLabelWarning/index.js +1 -0
- package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.js +18 -0
- package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +32 -0
- package/lib/hooks/useColumnStyles/index.js +1 -0
- package/lib/hooks/useColumnStyles/useColumnStyles.js +24 -0
- package/lib/hooks/useCopyToClipboard/index.js +1 -0
- package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js +69 -0
- package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +64 -0
- package/lib/hooks/useDebounce/index.js +1 -0
- package/lib/hooks/useDebounce/useDebounce.js +26 -0
- package/lib/hooks/useDebounce/useDebounce.test.js +41 -0
- package/lib/hooks/useDeprecationWarning/index.js +1 -0
- package/lib/hooks/useDeprecationWarning/useDeprecationWarning.js +40 -0
- package/lib/hooks/useDeprecationWarning/useDeprecationWarning.test.js +89 -0
- package/lib/hooks/useField/index.js +1 -0
- package/lib/hooks/useField/useField.js +218 -0
- package/lib/hooks/useField/useField.test.js +219 -0
- package/lib/hooks/useImageUploadState/index.js +1 -0
- package/lib/hooks/useImageUploadState/useImageUploadState.js +128 -0
- package/lib/hooks/useLabelHeight/index.js +1 -0
- package/lib/hooks/useLabelHeight/useLabelHeight.js +29 -0
- package/lib/hooks/useModalState/index.js +1 -0
- package/lib/hooks/useModalState/useModalState.js +24 -0
- package/lib/hooks/useModalState/useModalState.test.js +118 -0
- package/lib/hooks/useOverlayPanelState/index.js +1 -0
- package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js +43 -0
- package/lib/hooks/useOverlayPanelState/useOverlayPanelState.test.js +18 -0
- package/lib/hooks/useProgressiveState/index.js +1 -0
- package/lib/hooks/useProgressiveState/useProgressiveState.js +18 -0
- package/lib/hooks/useProgressiveState/useProgressiveState.test.js +80 -0
- package/lib/hooks/usePropWarning/index.js +1 -0
- package/lib/hooks/usePropWarning/usePropWarning.js +29 -0
- package/lib/hooks/usePropWarning/usePropWarning.test.js +59 -0
- package/lib/hooks/useRockerButton/index.js +1 -0
- package/lib/hooks/useRockerButton/useRockerButton.js +45 -0
- package/lib/hooks/useSelectField/index.js +1 -0
- package/lib/hooks/useSelectField/useSelectField.js +220 -0
- package/lib/hooks/useStatusClasses/index.js +1 -0
- package/lib/hooks/useStatusClasses/useStatusClasses.js +25 -0
- package/lib/hooks/useStatusClasses/useStatusClasses.test.js +50 -0
- package/lib/index.js +140 -0
- package/lib/layouts/ListLayout.stories.js +866 -0
- package/lib/layouts/SchemaFormLayout.stories.js +107 -0
- package/lib/recipes/ApplicationSearchDropdown.stories.js +272 -0
- package/lib/recipes/ArrayField.stories.js +134 -0
- package/lib/recipes/Arrow.stories.js +29 -0
- package/lib/recipes/ConditionalFilter.stories.js +441 -0
- package/lib/recipes/CopyToClipboard.stories.js +25 -0
- package/lib/recipes/CountryPicker.stories.js +128 -0
- package/lib/recipes/DatePicker.stories.js +118 -0
- package/lib/recipes/DraggableBox.stories.js +35 -0
- package/lib/recipes/FlippableCaretMenuButton.stories.js +158 -0
- package/lib/recipes/LogoTabs.stories.js +201 -0
- package/lib/recipes/MaskedValue.stories.js +74 -0
- package/lib/recipes/NeutralInput.stories.js +13 -0
- package/lib/recipes/PanelHeader.stories.js +70 -0
- package/lib/recipes/RadioButtonsWithLinks.stories.js +120 -0
- package/lib/recipes/RowLineChart.stories.js +507 -0
- package/lib/recipes/ScrollableListView.stories.js +113 -0
- package/lib/recipes/SelectedFieldOverlay.story.js +44 -0
- package/lib/recipes/StatsCircle.stories.js +25 -0
- package/lib/styles/ColorDocumentation.js +276 -0
- package/lib/styles/ColorDocumentation.stories.js +13 -0
- package/lib/styles/ThemeDocumentation.js +7 -0
- package/lib/styles/breakpoints.js +1 -0
- package/lib/styles/colors.js +159 -0
- package/lib/styles/forms/checkbox.js +13 -0
- package/lib/styles/forms/comboBox.js +27 -0
- package/lib/styles/forms/index.js +32 -0
- package/lib/styles/forms/input.js +190 -0
- package/lib/styles/forms/label.js +72 -0
- package/lib/styles/forms/radio.js +21 -0
- package/lib/styles/forms/search.js +20 -0
- package/lib/styles/forms/select.js +83 -0
- package/lib/styles/forms/switch.js +46 -0
- package/lib/styles/forms/textarea.js +25 -0
- package/lib/styles/spacing.js +20 -0
- package/lib/styles/text.js +29 -0
- package/lib/styles/theme.js +52 -0
- package/lib/styles/themes/end-user/end-user.js +259 -0
- package/lib/styles/themes/end-user/index.js +1 -0
- package/lib/styles/useAstroTheme.js +15 -0
- package/lib/styles/variants/accordion.js +104 -0
- package/lib/styles/variants/boxes.js +297 -0
- package/lib/styles/variants/buttons.js +554 -0
- package/lib/styles/variants/codeView.js +67 -0
- package/lib/styles/variants/imageUpload.js +19 -0
- package/lib/styles/variants/images.js +9 -0
- package/lib/styles/variants/index.js +5 -0
- package/lib/styles/variants/links.js +46 -0
- package/lib/styles/variants/listBox.js +40 -0
- package/lib/styles/variants/loader.js +95 -0
- package/lib/styles/variants/menu.js +10 -0
- package/lib/styles/variants/menuItem.js +26 -0
- package/lib/styles/variants/messages.js +43 -0
- package/lib/styles/variants/modal.js +65 -0
- package/lib/styles/variants/numberField.js +42 -0
- package/lib/styles/variants/overlayPanel.js +63 -0
- package/lib/styles/variants/popoverMenu.js +89 -0
- package/lib/styles/variants/rockerbutton.js +15 -0
- package/lib/styles/variants/separator.js +43 -0
- package/lib/styles/variants/stepper.js +105 -0
- package/lib/styles/variants/table.js +51 -0
- package/lib/styles/variants/tabs.js +32 -0
- package/lib/styles/variants/text.js +230 -0
- package/lib/styles/variants/tooltip.js +6 -0
- package/lib/styles/variants/variants.js +58 -0
- package/lib/utils/devUtils/constants/htmlElements.js +4 -0
- package/lib/utils/devUtils/constants/loadingStates.js +8 -0
- package/lib/utils/devUtils/constants/orientation.js +4 -0
- package/lib/utils/devUtils/constants/panelSizes.js +1 -0
- package/lib/utils/devUtils/constants/statuses.js +6 -0
- package/lib/utils/devUtils/constants/variants.js +22 -0
- package/lib/utils/devUtils/decorators/withDeprecationWarning.js +18 -0
- package/lib/utils/devUtils/props/isIterable.js +59 -0
- package/lib/utils/devUtils/props/isValidPositiveInt.js +28 -0
- package/lib/utils/devUtils/styledSystemUtils.js +48 -0
- package/lib/utils/styleUtils/index.js +7 -0
- package/lib/utils/testUtils/setupTests.js +18 -0
- package/lib/utils/testUtils/testAxe.js +50 -0
- package/lib/utils/testUtils/testTheme.js +20 -0
- package/lib/utils/testUtils/testWrapper.js +67 -0
- package/package.json +1 -1
@@ -0,0 +1,76 @@
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
+
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
3
|
+
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
4
|
+
import React, { forwardRef, useRef, useImperativeHandle, Fragment } from 'react';
|
5
|
+
import { useBreadcrumbs } from '@react-aria/breadcrumbs';
|
6
|
+
import PropTypes from 'prop-types';
|
7
|
+
import { mergeProps } from '@react-aria/utils';
|
8
|
+
import { Box, Icon } from '../../index';
|
9
|
+
import { usePropWarning } from '../../hooks/';
|
10
|
+
import BreadcrumbItem from './BreadcrumbItem';
|
11
|
+
/**
|
12
|
+
* Breadcrumbs component wrapping an array of `BreadcrumbItem` elements and icon,
|
13
|
+
* which will be rendered between each node, sans last-child
|
14
|
+
*
|
15
|
+
* Utilizes [useBreadcrumbs](https://react-spectrum.adobe.com/react-aria/useBreadcrumbs.html) from React-Aria.
|
16
|
+
* */
|
17
|
+
|
18
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
19
|
+
var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
|
20
|
+
var children = props.children,
|
21
|
+
icon = props.icon,
|
22
|
+
iconProps = props.iconProps,
|
23
|
+
onAction = props.onAction,
|
24
|
+
others = _objectWithoutProperties(props, ["children", "icon", "iconProps", "onAction"]);
|
25
|
+
|
26
|
+
var _useBreadcrumbs = useBreadcrumbs(props),
|
27
|
+
wrapperProps = _useBreadcrumbs.navProps;
|
28
|
+
|
29
|
+
var breadcrumbsRef = useRef();
|
30
|
+
usePropWarning(props, 'disabled', 'isDisabled');
|
31
|
+
/* istanbul ignore next */
|
32
|
+
|
33
|
+
useImperativeHandle(ref, function () {
|
34
|
+
return breadcrumbsRef.current;
|
35
|
+
});
|
36
|
+
return ___EmotionJSX(Box, _extends({
|
37
|
+
ref: breadcrumbsRef,
|
38
|
+
display: "flex",
|
39
|
+
flexDirection: "row",
|
40
|
+
alignItems: "center",
|
41
|
+
sx: {
|
42
|
+
overflow: 'auto'
|
43
|
+
}
|
44
|
+
}, mergeProps(wrapperProps, others)), _mapInstanceProperty(children).call(children, function (child, idx) {
|
45
|
+
return ___EmotionJSX(Fragment, {
|
46
|
+
key: "fragment-".concat(child.key)
|
47
|
+
}, ___EmotionJSX(BreadcrumbItem, _extends({
|
48
|
+
"data-id": child['data-id'],
|
49
|
+
isCurrent: idx === children.length - 1,
|
50
|
+
onAction: onAction,
|
51
|
+
actionKey: child.key
|
52
|
+
}, child.props), child.props.children), icon && idx !== children.length - 1 && ___EmotionJSX(Icon, _extends({
|
53
|
+
icon: icon
|
54
|
+
}, iconProps)));
|
55
|
+
}));
|
56
|
+
});
|
57
|
+
Breadcrumbs.propTypes = {
|
58
|
+
/** The icon to render in between each node. */
|
59
|
+
icon: PropTypes.elementType,
|
60
|
+
|
61
|
+
/** Props object passed along to the Icon component. */
|
62
|
+
iconProps: PropTypes.shape({}),
|
63
|
+
|
64
|
+
/** Whether the Breadcrumbs are disabled. */
|
65
|
+
isDisabled: PropTypes.bool,
|
66
|
+
|
67
|
+
/** Defines a string value that labels the current element. */
|
68
|
+
'aria-label': PropTypes.string,
|
69
|
+
|
70
|
+
/** Called when an item is acted upon (usually selection via press). */
|
71
|
+
|
72
|
+
/** (key: Key) => void. */
|
73
|
+
onAction: PropTypes.func
|
74
|
+
};
|
75
|
+
Breadcrumbs.displayName = 'Breadcrumbs';
|
76
|
+
export default Breadcrumbs;
|
@@ -0,0 +1,127 @@
|
|
1
|
+
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
2
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
3
|
+
import React from 'react';
|
4
|
+
import { action } from '@storybook/addon-actions';
|
5
|
+
import { Item } from '@react-stately/collections';
|
6
|
+
import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
|
7
|
+
import Breadcrumbs from './Breadcrumbs';
|
8
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
9
|
+
export default {
|
10
|
+
title: 'Breadcrumbs',
|
11
|
+
component: Breadcrumbs,
|
12
|
+
parameters: {
|
13
|
+
docs: {
|
14
|
+
source: {
|
15
|
+
type: 'code'
|
16
|
+
}
|
17
|
+
}
|
18
|
+
},
|
19
|
+
argTypes: {
|
20
|
+
icon: {
|
21
|
+
control: {
|
22
|
+
type: 'none'
|
23
|
+
},
|
24
|
+
defaultValue: ChevronRightIcon,
|
25
|
+
description: 'The icon to render. List of icons at https://materialdesignicons.com/'
|
26
|
+
},
|
27
|
+
iconProps: {
|
28
|
+
control: {
|
29
|
+
type: 'none'
|
30
|
+
}
|
31
|
+
}
|
32
|
+
}
|
33
|
+
};
|
34
|
+
var foldersArr = ['Folder 1', 'Folder 2', 'Folder 3'];
|
35
|
+
export var Default = function Default(args) {
|
36
|
+
var onAction = function onAction(key) {
|
37
|
+
return action("onPress ".concat(key));
|
38
|
+
};
|
39
|
+
|
40
|
+
return ___EmotionJSX(Breadcrumbs, _extends({
|
41
|
+
onAction: onAction
|
42
|
+
}, args), ___EmotionJSX(Item, {
|
43
|
+
key: "home",
|
44
|
+
variant: "text",
|
45
|
+
"data-id": "home"
|
46
|
+
}, "Home"), ___EmotionJSX(Item, {
|
47
|
+
key: "trendy",
|
48
|
+
variant: "text",
|
49
|
+
"data-id": "trendy"
|
50
|
+
}, "Trendy"), ___EmotionJSX(Item, {
|
51
|
+
key: "march 2020 assets",
|
52
|
+
variant: "text",
|
53
|
+
"data-id": "march"
|
54
|
+
}, "March 2020 Assets"));
|
55
|
+
};
|
56
|
+
export var WithOnAction = function WithOnAction() {
|
57
|
+
// eslint-disable-next-line no-alert
|
58
|
+
var onAction = function onAction(key) {
|
59
|
+
return alert(key);
|
60
|
+
};
|
61
|
+
|
62
|
+
return ___EmotionJSX(Breadcrumbs, {
|
63
|
+
onAction: onAction,
|
64
|
+
icon: ChevronRightIcon
|
65
|
+
}, ___EmotionJSX(Item, {
|
66
|
+
key: "home"
|
67
|
+
}, "Home"), ___EmotionJSX(Item, {
|
68
|
+
key: "trendy"
|
69
|
+
}, "Trendy"), ___EmotionJSX(Item, {
|
70
|
+
key: "march 2020 assets"
|
71
|
+
}, "March 2020 Assets"));
|
72
|
+
};
|
73
|
+
export var WithSpan = function WithSpan() {
|
74
|
+
return ___EmotionJSX(Breadcrumbs, {
|
75
|
+
icon: ChevronRightIcon
|
76
|
+
}, ___EmotionJSX(Item, {
|
77
|
+
key: "Parent",
|
78
|
+
elementType: "span"
|
79
|
+
}, "Parent"), ___EmotionJSX(Item, {
|
80
|
+
key: "FonsVernall",
|
81
|
+
elementType: "span"
|
82
|
+
}, "Fons Vernall"));
|
83
|
+
};
|
84
|
+
export var WithIsCurrentItemClass = function WithIsCurrentItemClass(args) {
|
85
|
+
var styles = {
|
86
|
+
color: 'blue',
|
87
|
+
'&.isCurrent': {
|
88
|
+
color: 'red'
|
89
|
+
}
|
90
|
+
};
|
91
|
+
return ___EmotionJSX(Breadcrumbs, args, ___EmotionJSX(Item, {
|
92
|
+
key: "home",
|
93
|
+
sx: styles
|
94
|
+
}, "Home"), ___EmotionJSX(Item, {
|
95
|
+
key: "trendy",
|
96
|
+
sx: styles
|
97
|
+
}, "Trendy"), ___EmotionJSX(Item, {
|
98
|
+
key: "march 2020 assets",
|
99
|
+
isCurrent: true,
|
100
|
+
sx: styles
|
101
|
+
}, "March 2020 Assets"));
|
102
|
+
};
|
103
|
+
export var WithDisabledLastItem = function WithDisabledLastItem(args) {
|
104
|
+
return ___EmotionJSX(Breadcrumbs, args, ___EmotionJSX(Item, {
|
105
|
+
key: "home",
|
106
|
+
elementType: "Button"
|
107
|
+
}, "Home"), ___EmotionJSX(Item, {
|
108
|
+
key: "trendy",
|
109
|
+
elementType: "Button"
|
110
|
+
}, "Trendy"), ___EmotionJSX(Item, {
|
111
|
+
key: "march 2020 assets",
|
112
|
+
elementType: "Button",
|
113
|
+
isDisabled: true
|
114
|
+
}, "March 2020 Assets"));
|
115
|
+
};
|
116
|
+
export var WithHrefA = function WithHrefA(args) {
|
117
|
+
return ___EmotionJSX(Breadcrumbs, args, _mapInstanceProperty(foldersArr).call(foldersArr, function (folder) {
|
118
|
+
return ___EmotionJSX(Item, {
|
119
|
+
elementType: "a",
|
120
|
+
href: "#",
|
121
|
+
key: folder,
|
122
|
+
style: {
|
123
|
+
whiteSpace: 'nowrap'
|
124
|
+
}
|
125
|
+
}, folder);
|
126
|
+
}));
|
127
|
+
};
|
@@ -0,0 +1,92 @@
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
+
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
3
|
+
import React from 'react';
|
4
|
+
import { mergeProps } from '@react-aria/utils';
|
5
|
+
import CreateIcon from 'mdi-react/CreateIcon';
|
6
|
+
import { Item } from '@react-stately/collections';
|
7
|
+
import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
|
8
|
+
import userEvent from '@testing-library/user-event';
|
9
|
+
import Breadcrumbs from './Breadcrumbs';
|
10
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
11
|
+
import { render, screen } from '../../utils/testUtils/testWrapper';
|
12
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
13
|
+
var testId = 'test-breadcrumbs';
|
14
|
+
var testItemId = 'test-breadcrumb-item';
|
15
|
+
var testIconId = 'test-icon-item';
|
16
|
+
var defaultProps = {
|
17
|
+
'data-testid': testId,
|
18
|
+
icon: ChevronRightIcon
|
19
|
+
};
|
20
|
+
var testItemsArr = ['item1', 'item2', 'item3'];
|
21
|
+
|
22
|
+
var getComponent = function getComponent() {
|
23
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
24
|
+
var itemProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
25
|
+
return render(___EmotionJSX(Breadcrumbs, mergeProps(defaultProps, props), _mapInstanceProperty(testItemsArr).call(testItemsArr, function (testItem, idx) {
|
26
|
+
return ___EmotionJSX(Item, _extends({
|
27
|
+
key: testItem,
|
28
|
+
"data-id": testItem
|
29
|
+
}, itemProps, {
|
30
|
+
isCurrent: idx === testItemsArr.length - 1
|
31
|
+
}), testItem);
|
32
|
+
})));
|
33
|
+
}; // Need to be added to each test file to test accessibility using axe.
|
34
|
+
|
35
|
+
|
36
|
+
axeTest(getComponent);
|
37
|
+
test('default breadcrumbs', function () {
|
38
|
+
getComponent();
|
39
|
+
expect(screen.getByTestId(testId)).toBeInTheDocument();
|
40
|
+
});
|
41
|
+
test('should render nodes from the children', function () {
|
42
|
+
getComponent();
|
43
|
+
expect(screen.getByText(testItemsArr[0])).toBeInTheDocument();
|
44
|
+
expect(screen.getByText(testItemsArr[1])).toBeInTheDocument();
|
45
|
+
expect(screen.getByText(testItemsArr[2])).toBeInTheDocument();
|
46
|
+
});
|
47
|
+
test('should render correct amount of icons', function () {
|
48
|
+
getComponent({
|
49
|
+
iconProps: {
|
50
|
+
'data-testid': testIconId
|
51
|
+
}
|
52
|
+
});
|
53
|
+
expect(screen.getAllByTestId(testIconId).length).toBe(testItemsArr.length - 1);
|
54
|
+
});
|
55
|
+
test('breadcrumbItem should render breadcrumbItem as a Text component when appropriate elementType passed', function () {
|
56
|
+
getComponent({}, {
|
57
|
+
elementType: 'Text',
|
58
|
+
'data-testid': testItemId
|
59
|
+
});
|
60
|
+
expect(screen.getAllByTestId(testItemId)[0]).toBeInstanceOf(HTMLSpanElement);
|
61
|
+
});
|
62
|
+
test('breadcrumbItem should render breadcrumbItem as a IconButton component when appropriate elementType passed', function () {
|
63
|
+
getComponent({}, {
|
64
|
+
elementType: 'IconButton',
|
65
|
+
'data-testid': testItemId,
|
66
|
+
icon: CreateIcon
|
67
|
+
});
|
68
|
+
expect(screen.getAllByTestId(testItemId)[0]).toBeInstanceOf(HTMLButtonElement);
|
69
|
+
});
|
70
|
+
test('breadcrumbItem should render breadcrumbItem as a html tag when appropriate elementType passed', function () {
|
71
|
+
getComponent({}, {
|
72
|
+
elementType: 'a',
|
73
|
+
'data-testid': testItemId,
|
74
|
+
icon: CreateIcon
|
75
|
+
});
|
76
|
+
expect(screen.getAllByTestId(testItemId)[0]).toBeInstanceOf(HTMLAnchorElement);
|
77
|
+
});
|
78
|
+
test('breadcrumbs will use onAction if provided', function () {
|
79
|
+
var mockOnAction = jest.fn();
|
80
|
+
getComponent({}, {
|
81
|
+
elementType: 'Button',
|
82
|
+
onAction: mockOnAction
|
83
|
+
});
|
84
|
+
userEvent.click(screen.getByText(testItemsArr[0]));
|
85
|
+
expect(mockOnAction).toHaveBeenCalled();
|
86
|
+
});
|
87
|
+
test('Item accepts a data-id and the data-id can be found in the DOM', function () {
|
88
|
+
getComponent();
|
89
|
+
var item = screen.getByText(testItemsArr[0]);
|
90
|
+
expect(item).toBeInTheDocument();
|
91
|
+
expect(item).toHaveAttribute('data-id', testItemsArr[0]);
|
92
|
+
});
|
@@ -0,0 +1,163 @@
|
|
1
|
+
import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
|
2
|
+
import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
|
3
|
+
import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
|
4
|
+
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
5
|
+
import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
|
6
|
+
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
7
|
+
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
8
|
+
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
9
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
10
|
+
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
11
|
+
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
12
|
+
|
13
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
14
|
+
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
16
|
+
|
17
|
+
import React, { forwardRef, useRef, useImperativeHandle } from 'react';
|
18
|
+
import PropTypes from 'prop-types';
|
19
|
+
import { Button as ThemeUIButton } from 'theme-ui';
|
20
|
+
import { useButton } from '@react-aria/button';
|
21
|
+
import { useHover } from '@react-aria/interactions';
|
22
|
+
import { useFocusRing } from '@react-aria/focus';
|
23
|
+
import { mergeProps } from '@react-aria/utils';
|
24
|
+
import { useStatusClasses, usePropWarning } from '../../hooks';
|
25
|
+
import Loader from '../Loader';
|
26
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
27
|
+
var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
28
|
+
var className = props.className,
|
29
|
+
isDisabled = props.isDisabled,
|
30
|
+
isLoading = props.isLoading,
|
31
|
+
onHoverStart = props.onHoverStart,
|
32
|
+
onHoverChange = props.onHoverChange,
|
33
|
+
onHoverEnd = props.onHoverEnd,
|
34
|
+
onPress = props.onPress,
|
35
|
+
onPressStart = props.onPressStart,
|
36
|
+
onPressEnd = props.onPressEnd,
|
37
|
+
onPressChange = props.onPressChange,
|
38
|
+
onPressUp = props.onPressUp,
|
39
|
+
children = props.children,
|
40
|
+
others = _objectWithoutProperties(props, ["className", "isDisabled", "isLoading", "onHoverStart", "onHoverChange", "onHoverEnd", "onPress", "onPressStart", "onPressEnd", "onPressChange", "onPressUp", "children"]);
|
41
|
+
|
42
|
+
var buttonRef = useRef();
|
43
|
+
usePropWarning(props, 'disabled', 'isDisabled');
|
44
|
+
/* istanbul ignore next */
|
45
|
+
|
46
|
+
useImperativeHandle(ref, function () {
|
47
|
+
return buttonRef.current;
|
48
|
+
});
|
49
|
+
|
50
|
+
var _useFocusRing = useFocusRing(),
|
51
|
+
isFocusVisible = _useFocusRing.isFocusVisible,
|
52
|
+
focusProps = _useFocusRing.focusProps;
|
53
|
+
|
54
|
+
var _useButton = useButton(_objectSpread({
|
55
|
+
elementType: 'button'
|
56
|
+
}, props), buttonRef),
|
57
|
+
buttonProps = _useButton.buttonProps,
|
58
|
+
isPressed = _useButton.isPressed;
|
59
|
+
|
60
|
+
var _useHover = useHover(props),
|
61
|
+
hoverProps = _useHover.hoverProps,
|
62
|
+
isHovered = _useHover.isHovered;
|
63
|
+
|
64
|
+
var _useStatusClasses = useStatusClasses(className, {
|
65
|
+
isHovered: isHovered,
|
66
|
+
isPressed: isPressed,
|
67
|
+
isFocused: isFocusVisible,
|
68
|
+
isDisabled: isDisabled
|
69
|
+
}),
|
70
|
+
classNames = _useStatusClasses.classNames;
|
71
|
+
|
72
|
+
var ariaLabel = props['aria-label'];
|
73
|
+
return ___EmotionJSX(ThemeUIButton, _extends({
|
74
|
+
"aria-label": ariaLabel,
|
75
|
+
ref: buttonRef,
|
76
|
+
className: classNames,
|
77
|
+
role: "button",
|
78
|
+
tx: "buttons",
|
79
|
+
sx: isLoading && {
|
80
|
+
display: 'flex',
|
81
|
+
justifyContent: 'center',
|
82
|
+
alignItems: 'center'
|
83
|
+
}
|
84
|
+
}, others, mergeProps(hoverProps, focusProps, buttonProps)), isLoading ? ___EmotionJSX("span", {
|
85
|
+
style: {
|
86
|
+
visibility: 'hidden'
|
87
|
+
}
|
88
|
+
}, children) : children, isLoading && ___EmotionJSX(Loader, {
|
89
|
+
size: "0.5em",
|
90
|
+
sx: {
|
91
|
+
position: 'absolute'
|
92
|
+
}
|
93
|
+
}));
|
94
|
+
});
|
95
|
+
Button.propTypes = {
|
96
|
+
/** Defines a string value that labels the current element. */
|
97
|
+
'aria-label': PropTypes.string,
|
98
|
+
|
99
|
+
/** Whether the button is disabled. */
|
100
|
+
isDisabled: PropTypes.bool,
|
101
|
+
|
102
|
+
/** Shows loader instead of children */
|
103
|
+
isLoading: PropTypes.bool,
|
104
|
+
|
105
|
+
/**
|
106
|
+
* Handler that is called when a hover interaction starts.
|
107
|
+
* (e: HoverEvent) => void
|
108
|
+
*/
|
109
|
+
onHoverStart: PropTypes.func,
|
110
|
+
|
111
|
+
/**
|
112
|
+
* Handler that is called when a hover interaction ends.
|
113
|
+
* (e: HoverEvent) => void
|
114
|
+
*/
|
115
|
+
onHoverEnd: PropTypes.func,
|
116
|
+
|
117
|
+
/**
|
118
|
+
* Handler that is called when the hover state changes.
|
119
|
+
* (isHovering: boolean) => void
|
120
|
+
*/
|
121
|
+
onHoverChange: PropTypes.func,
|
122
|
+
|
123
|
+
/**
|
124
|
+
* Handler that is called when the press is released over the target.
|
125
|
+
* (e: PressEvent) => void
|
126
|
+
*/
|
127
|
+
onPress: PropTypes.func,
|
128
|
+
|
129
|
+
/**
|
130
|
+
* Handler that is called when a press interaction starts.
|
131
|
+
* (e: PressEvent) => void
|
132
|
+
*/
|
133
|
+
onPressStart: PropTypes.func,
|
134
|
+
|
135
|
+
/**
|
136
|
+
* Handler that is called when a press interaction ends, either over the target or when the
|
137
|
+
* pointer leaves the target.
|
138
|
+
* (e: PressEvent) => void
|
139
|
+
*/
|
140
|
+
onPressEnd: PropTypes.func,
|
141
|
+
|
142
|
+
/**
|
143
|
+
* Handler that is called when the press state changes.
|
144
|
+
* (isPressed: boolean) => void
|
145
|
+
*/
|
146
|
+
onPressChange: PropTypes.func,
|
147
|
+
|
148
|
+
/**
|
149
|
+
* Handler that is called when a press is released over the target, regardless of whether it
|
150
|
+
* started on the target or not.
|
151
|
+
* (e: PressEvent) => void
|
152
|
+
*/
|
153
|
+
onPressUp: PropTypes.func,
|
154
|
+
|
155
|
+
/** The styling variation of the button. */
|
156
|
+
variant: PropTypes.string
|
157
|
+
};
|
158
|
+
Button.defaultProps = {
|
159
|
+
isDisabled: false,
|
160
|
+
variant: 'default'
|
161
|
+
};
|
162
|
+
Button.displayName = 'Button';
|
163
|
+
export default Button;
|
@@ -0,0 +1,77 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import AddCircleIcon from 'mdi-react/AddCircleIcon';
|
3
|
+
import Box from '../Box';
|
4
|
+
import Button from '.';
|
5
|
+
import Icon from '../Icon';
|
6
|
+
import Text from '../Text';
|
7
|
+
import { buttonVariants } from '../../utils/devUtils/constants/variants'; // removing the iconButton variants from this story.
|
8
|
+
|
9
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
10
|
+
var variants = buttonVariants;
|
11
|
+
delete variants.ICON;
|
12
|
+
delete variants.ICON_BUTTON;
|
13
|
+
delete variants.INVERTED; // add designer approved variants for devs to use here
|
14
|
+
|
15
|
+
var variantOptions = ['critical', 'danger', 'default', 'inline', 'link', 'primary', 'success', 'text'];
|
16
|
+
export default {
|
17
|
+
title: 'Button',
|
18
|
+
component: Button,
|
19
|
+
argTypes: {
|
20
|
+
variant: {
|
21
|
+
control: {
|
22
|
+
type: 'select',
|
23
|
+
options: variantOptions
|
24
|
+
},
|
25
|
+
defaultValue: 'default'
|
26
|
+
},
|
27
|
+
children: {
|
28
|
+
description: 'Button text.',
|
29
|
+
defaultValue: 'Button Text',
|
30
|
+
table: {
|
31
|
+
type: {
|
32
|
+
summary: 'string'
|
33
|
+
}
|
34
|
+
},
|
35
|
+
control: {
|
36
|
+
type: 'text'
|
37
|
+
}
|
38
|
+
}
|
39
|
+
}
|
40
|
+
};
|
41
|
+
export var Default = function Default(args) {
|
42
|
+
return ___EmotionJSX(Button, args);
|
43
|
+
};
|
44
|
+
export var Disabled = function Disabled() {
|
45
|
+
return ___EmotionJSX(Button, {
|
46
|
+
isDisabled: true
|
47
|
+
}, "Button Text");
|
48
|
+
};
|
49
|
+
export var TextIconButton = function TextIconButton() {
|
50
|
+
return ___EmotionJSX(Button, {
|
51
|
+
mb: "sm"
|
52
|
+
}, ___EmotionJSX(Box, {
|
53
|
+
isRow: true,
|
54
|
+
alignItems: "center"
|
55
|
+
}, ___EmotionJSX(Icon, {
|
56
|
+
icon: AddCircleIcon,
|
57
|
+
mr: "sm",
|
58
|
+
color: "active",
|
59
|
+
size: 20
|
60
|
+
}), "Add a Form"));
|
61
|
+
};
|
62
|
+
export var TextButton = function TextButton() {
|
63
|
+
return ___EmotionJSX(Button, {
|
64
|
+
mb: "sm",
|
65
|
+
variant: "text",
|
66
|
+
"aria-label": "Add option"
|
67
|
+
}, ___EmotionJSX(Text, {
|
68
|
+
variant: "label",
|
69
|
+
color: "active"
|
70
|
+
}, " + Add Option"));
|
71
|
+
};
|
72
|
+
export var InlineButton = function InlineButton() {
|
73
|
+
return ___EmotionJSX(Button, {
|
74
|
+
mb: "sm",
|
75
|
+
variant: "inline"
|
76
|
+
}, "Inline");
|
77
|
+
};
|
@@ -0,0 +1,92 @@
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
+
import React from 'react';
|
3
|
+
import userEvent from '@testing-library/user-event';
|
4
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
5
|
+
import { fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
|
6
|
+
import Button from '.';
|
7
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
|
+
var testId = 'test-button';
|
9
|
+
var defaultProps = {
|
10
|
+
'data-testid': testId,
|
11
|
+
'aria-label': 'Test button'
|
12
|
+
};
|
13
|
+
|
14
|
+
var getComponent = function getComponent() {
|
15
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
16
|
+
return render(___EmotionJSX(Button, _extends({}, defaultProps, props)));
|
17
|
+
}; // Need to be added to each test file to test accessibility using axe.
|
18
|
+
|
19
|
+
|
20
|
+
axeTest(getComponent);
|
21
|
+
test('default button', function () {
|
22
|
+
getComponent();
|
23
|
+
var button = screen.getByRole('button');
|
24
|
+
expect(button).toHaveAttribute('data-testid', testId);
|
25
|
+
expect(button).toBeInstanceOf(HTMLButtonElement);
|
26
|
+
expect(button).toBeInTheDocument();
|
27
|
+
});
|
28
|
+
test('button hover', function () {
|
29
|
+
getComponent();
|
30
|
+
var button = screen.getByRole('button');
|
31
|
+
expect(button).not.toHaveClass('is-hovered');
|
32
|
+
userEvent.hover(button);
|
33
|
+
expect(button).toHaveClass('is-hovered');
|
34
|
+
userEvent.unhover(button);
|
35
|
+
expect(button).not.toHaveClass('is-hovered');
|
36
|
+
});
|
37
|
+
test('icon button press', function () {
|
38
|
+
var onPress = jest.fn();
|
39
|
+
getComponent({
|
40
|
+
onPress: onPress
|
41
|
+
});
|
42
|
+
var button = screen.getByRole('button');
|
43
|
+
expect(button).not.toHaveClass('is-pressed');
|
44
|
+
expect(onPress).not.toHaveBeenCalled(); // Hold down the button to see pressed styles
|
45
|
+
|
46
|
+
fireEvent.mouseDown(button);
|
47
|
+
expect(button).toHaveClass('is-pressed'); // Finish the click to fire the event handler
|
48
|
+
|
49
|
+
fireEvent.mouseUp(button);
|
50
|
+
expect(button).not.toHaveClass('is-pressed');
|
51
|
+
expect(onPress).toHaveBeenCalledTimes(1);
|
52
|
+
});
|
53
|
+
test('keyboard icon button press', function () {
|
54
|
+
var onPress = jest.fn();
|
55
|
+
getComponent({
|
56
|
+
onPress: onPress
|
57
|
+
});
|
58
|
+
var button = screen.getByRole('button');
|
59
|
+
expect(onPress).not.toHaveBeenCalled();
|
60
|
+
fireEvent.keyDown(button, {
|
61
|
+
key: 'Enter',
|
62
|
+
code: 13
|
63
|
+
});
|
64
|
+
expect(button).toHaveClass('is-pressed');
|
65
|
+
fireEvent.keyUp(button, {
|
66
|
+
key: 'Enter',
|
67
|
+
code: 13
|
68
|
+
});
|
69
|
+
expect(button).not.toHaveClass('is-pressed');
|
70
|
+
expect(onPress).toHaveBeenCalledTimes(1);
|
71
|
+
});
|
72
|
+
test('button loading hides children and shows loader', function () {
|
73
|
+
var textContent = "I'ma button";
|
74
|
+
getComponent({
|
75
|
+
isLoading: true,
|
76
|
+
children: textContent
|
77
|
+
});
|
78
|
+
var childWrapper = screen.getByText(textContent);
|
79
|
+
expect(childWrapper).toBeInTheDocument();
|
80
|
+
expect(childWrapper).not.toBeVisible();
|
81
|
+
expect(screen.getByRole('progressbar')).toBeInTheDocument();
|
82
|
+
});
|
83
|
+
test('button renders children when not loading', function () {
|
84
|
+
var textContent = "I'ma button";
|
85
|
+
getComponent({
|
86
|
+
children: textContent
|
87
|
+
});
|
88
|
+
var childWrapper = screen.getByText(textContent);
|
89
|
+
expect(childWrapper).toBeInTheDocument();
|
90
|
+
expect(childWrapper).toBeVisible();
|
91
|
+
expect(screen.queryByRole('progressbar')).not.toBeInTheDocument();
|
92
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './Button';
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
+
import React, { forwardRef } from 'react';
|
3
|
+
import Box from '../Box';
|
4
|
+
/**
|
5
|
+
* A Box component built for the common "Card" use case. Has default variant of card.
|
6
|
+
* See Box for list of props.
|
7
|
+
*/
|
8
|
+
|
9
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
10
|
+
var Card = /*#__PURE__*/forwardRef(function (props, ref) {
|
11
|
+
return ___EmotionJSX(Box, _extends({
|
12
|
+
variant: "boxes.card",
|
13
|
+
ref: ref
|
14
|
+
}, props));
|
15
|
+
});
|
16
|
+
Card.displayName = 'Card';
|
17
|
+
export default Card;
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import Card from './Card';
|
3
|
+
import Box from '../Box';
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
5
|
+
export default {
|
6
|
+
title: 'Card',
|
7
|
+
component: Card,
|
8
|
+
argTypes: {
|
9
|
+
children: {
|
10
|
+
description: 'Card content.',
|
11
|
+
defaultValue: 'Card Children',
|
12
|
+
table: {
|
13
|
+
type: {}
|
14
|
+
},
|
15
|
+
control: {
|
16
|
+
type: 'text'
|
17
|
+
}
|
18
|
+
}
|
19
|
+
}
|
20
|
+
};
|
21
|
+
export var Default = function Default(args) {
|
22
|
+
return ___EmotionJSX(Card, args);
|
23
|
+
};
|
24
|
+
export var CardRow = function CardRow() {
|
25
|
+
return ___EmotionJSX(Box, {
|
26
|
+
isRow: true,
|
27
|
+
gap: "md"
|
28
|
+
}, ___EmotionJSX(Card, null, "First"), ___EmotionJSX(Card, null, "Second"), ___EmotionJSX(Card, null, "Third"));
|
29
|
+
};
|