@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,17 @@
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
+
import React, { forwardRef } from 'react';
|
3
|
+
import ContentCopy from 'mdi-react/ContentCopyIcon';
|
4
|
+
import Icon from '../Icon';
|
5
|
+
import IconButton from '../IconButton';
|
6
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
7
|
+
var CopyButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
8
|
+
return ___EmotionJSX(IconButton, _extends({
|
9
|
+
ref: ref,
|
10
|
+
"aria-label": "copy",
|
11
|
+
variant: "buttons.copy"
|
12
|
+
}, props), ___EmotionJSX(Icon, {
|
13
|
+
icon: ContentCopy,
|
14
|
+
size: 15
|
15
|
+
}));
|
16
|
+
});
|
17
|
+
export default CopyButton;
|
@@ -0,0 +1,149 @@
|
|
1
|
+
import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
|
2
|
+
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
3
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
4
|
+
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
5
|
+
import React, { forwardRef, useEffect, useRef, useState } from 'react';
|
6
|
+
import PropTypes from 'prop-types';
|
7
|
+
import { useFocusRing } from '@react-aria/focus';
|
8
|
+
import { Pressable, useHover } from '@react-aria/interactions';
|
9
|
+
import { mergeProps } from '@react-aria/utils';
|
10
|
+
import { Box, Button, Tooltip, TooltipTrigger } from '../../index';
|
11
|
+
import CopyButton from './CopyButton';
|
12
|
+
import useCopyToClipboard from '../../hooks/useCopyToClipboard';
|
13
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
14
|
+
|
15
|
+
var TooltipWrapper = function TooltipWrapper(_ref) {
|
16
|
+
var children = _ref.children,
|
17
|
+
tooltip = _ref.tooltip,
|
18
|
+
others = _objectWithoutProperties(_ref, ["children", "tooltip"]);
|
19
|
+
|
20
|
+
return ___EmotionJSX(TooltipTrigger, _extends({
|
21
|
+
key: tooltip,
|
22
|
+
direction: "top",
|
23
|
+
isNotFlippable: true,
|
24
|
+
offset: 5
|
25
|
+
}, others), children, ___EmotionJSX(Tooltip, null, tooltip));
|
26
|
+
};
|
27
|
+
|
28
|
+
TooltipWrapper.propTypes = {
|
29
|
+
isOpen: PropTypes.bool,
|
30
|
+
targetRef: PropTypes.shape({}),
|
31
|
+
tooltip: PropTypes.string
|
32
|
+
};
|
33
|
+
/**
|
34
|
+
* Allows copying some pieces of text by clicking on the text or by the button nearby.
|
35
|
+
*/
|
36
|
+
|
37
|
+
var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
|
38
|
+
var children = props.children,
|
39
|
+
textToCopy = props.textToCopy,
|
40
|
+
tooltipText = props.tooltipText,
|
41
|
+
mode = props.mode,
|
42
|
+
tooltipProps = props.tooltipProps,
|
43
|
+
wrapperProps = props.wrapperProps,
|
44
|
+
others = _objectWithoutProperties(props, ["children", "textToCopy", "tooltipText", "mode", "tooltipProps", "wrapperProps"]);
|
45
|
+
|
46
|
+
var value = textToCopy || (mode === 'link' ? children.props.href : children.props.children);
|
47
|
+
|
48
|
+
var _useState = useState(false),
|
49
|
+
_useState2 = _slicedToArray(_useState, 2),
|
50
|
+
isCopied = _useState2[0],
|
51
|
+
setIsCopied = _useState2[1];
|
52
|
+
|
53
|
+
var _useHover = useHover(props),
|
54
|
+
hoverProps = _useHover.hoverProps,
|
55
|
+
isHovered = _useHover.isHovered;
|
56
|
+
|
57
|
+
var _useFocusRing = useFocusRing(),
|
58
|
+
focusProps = _useFocusRing.focusProps,
|
59
|
+
isFocusVisible = _useFocusRing.isFocusVisible;
|
60
|
+
|
61
|
+
useEffect(function () {
|
62
|
+
setIsCopied(false);
|
63
|
+
}, [isHovered]); // Hiding "Copied!" tooltip after delay
|
64
|
+
|
65
|
+
/* istanbul ignore next */
|
66
|
+
|
67
|
+
useEffect(function () {
|
68
|
+
if (isCopied) {
|
69
|
+
var timer = _setTimeout(function () {
|
70
|
+
setIsCopied(false);
|
71
|
+
}, 1000);
|
72
|
+
|
73
|
+
return function () {
|
74
|
+
clearTimeout(timer);
|
75
|
+
};
|
76
|
+
}
|
77
|
+
|
78
|
+
return undefined;
|
79
|
+
}, [isCopied]);
|
80
|
+
var copyToClipboard = useCopyToClipboard(value, setIsCopied);
|
81
|
+
var content = mode === 'link' || mode === 'nonClickableContent' ? children : ___EmotionJSX(Button, _extends({
|
82
|
+
variant: "quiet",
|
83
|
+
onPress: copyToClipboard,
|
84
|
+
"aria-label": "copy-content"
|
85
|
+
}, focusProps), children);
|
86
|
+
var tooltip = isCopied ? 'Copied!' : tooltipText;
|
87
|
+
var isTooltipOpen = isFocusVisible || isHovered || isCopied;
|
88
|
+
var wrapperRef = useRef();
|
89
|
+
|
90
|
+
if (mode === 'nonClickableContent') {
|
91
|
+
return ___EmotionJSX(TooltipWrapper, _extends({
|
92
|
+
isOpen: isTooltipOpen,
|
93
|
+
tooltip: tooltip,
|
94
|
+
targetRef: wrapperRef
|
95
|
+
}, tooltipProps), ___EmotionJSX(Box, _extends({
|
96
|
+
ref: wrapperRef,
|
97
|
+
isRow: true,
|
98
|
+
tabIndex: 0
|
99
|
+
}, mergeProps(hoverProps, others), wrapperProps), content, ___EmotionJSX(CopyButton, _extends({
|
100
|
+
onPress: copyToClipboard
|
101
|
+
}, focusProps))));
|
102
|
+
}
|
103
|
+
|
104
|
+
if (mode === 'link') {
|
105
|
+
return ___EmotionJSX(Box, _extends({
|
106
|
+
ref: ref,
|
107
|
+
isRow: true,
|
108
|
+
variant: "boxes.copy"
|
109
|
+
}, others), content, ___EmotionJSX(TooltipWrapper, {
|
110
|
+
isOpen: isTooltipOpen,
|
111
|
+
tooltip: tooltip
|
112
|
+
}, ___EmotionJSX(CopyButton, _extends({
|
113
|
+
onPress: copyToClipboard
|
114
|
+
}, mergeProps(hoverProps, focusProps)))));
|
115
|
+
}
|
116
|
+
|
117
|
+
return ___EmotionJSX(TooltipWrapper, {
|
118
|
+
isOpen: isTooltipOpen,
|
119
|
+
tooltip: tooltip
|
120
|
+
}, ___EmotionJSX(Pressable, null, ___EmotionJSX(Box, _extends({
|
121
|
+
ref: ref,
|
122
|
+
isRow: true,
|
123
|
+
variant: "boxes.copy"
|
124
|
+
}, mergeProps(hoverProps, others)), content, ___EmotionJSX(CopyButton, _extends({
|
125
|
+
onPress: copyToClipboard
|
126
|
+
}, focusProps)))));
|
127
|
+
});
|
128
|
+
CopyText.propTypes = {
|
129
|
+
/** The behavioral pattern to apply to the component. */
|
130
|
+
mode: PropTypes.oneOf(['text', 'link', 'nonClickableContent']),
|
131
|
+
|
132
|
+
/** The text to be copied instead of the text inside the child component. */
|
133
|
+
textToCopy: PropTypes.string,
|
134
|
+
|
135
|
+
/** The text to be displayed in the tooltip. */
|
136
|
+
tooltipText: PropTypes.string,
|
137
|
+
|
138
|
+
/** Props to apply to the tooltip in nonClickableContent mode. */
|
139
|
+
tooltipProps: PropTypes.shape({}),
|
140
|
+
|
141
|
+
/** Props to apply to the wrapper in nonClickableContent mode. */
|
142
|
+
wrapperProps: PropTypes.shape({})
|
143
|
+
};
|
144
|
+
CopyText.defaultProps = {
|
145
|
+
mode: 'text',
|
146
|
+
tooltipText: 'Copy to clipboard'
|
147
|
+
};
|
148
|
+
CopyText.displayName = 'CopyText';
|
149
|
+
export default CopyText;
|
@@ -0,0 +1,30 @@
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
+
import React from 'react';
|
3
|
+
import Link from '../Link';
|
4
|
+
import Text from '../Text';
|
5
|
+
import CopyText from './CopyText';
|
6
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
7
|
+
export default {
|
8
|
+
title: 'CopyText',
|
9
|
+
component: CopyText,
|
10
|
+
argTypes: {
|
11
|
+
mode: {
|
12
|
+
control: 'none'
|
13
|
+
}
|
14
|
+
}
|
15
|
+
};
|
16
|
+
export var Default = function Default(args) {
|
17
|
+
return ___EmotionJSX(CopyText, args, ___EmotionJSX(Text, null, "Here is a value"));
|
18
|
+
};
|
19
|
+
export var WithLink = function WithLink(args) {
|
20
|
+
return ___EmotionJSX(CopyText, _extends({}, args, {
|
21
|
+
mode: "link"
|
22
|
+
}), ___EmotionJSX(Link, {
|
23
|
+
href: "https://a.url.com"
|
24
|
+
}, "https://a.url.com"));
|
25
|
+
};
|
26
|
+
export var WithChangedCopiedValue = function WithChangedCopiedValue(args) {
|
27
|
+
return ___EmotionJSX(CopyText, _extends({}, args, {
|
28
|
+
textToCopy: "Here is a copied value"
|
29
|
+
}), ___EmotionJSX(Text, null, "Here is a value"));
|
30
|
+
};
|
@@ -0,0 +1,436 @@
|
|
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 _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
|
10
|
+
import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
|
11
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
12
|
+
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
13
|
+
|
14
|
+
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; }
|
15
|
+
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context17; _forEachInstanceProperty(_context17 = ownKeys(Object(source), true)).call(_context17, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context18; _forEachInstanceProperty(_context18 = ownKeys(Object(source))).call(_context18, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
17
|
+
|
18
|
+
import React from 'react';
|
19
|
+
import userEvent from '@testing-library/user-event';
|
20
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
21
|
+
import { act, fireEvent, render, screen, waitForElementToBeRemoved } from '../../utils/testUtils/testWrapper';
|
22
|
+
import { Link, Text } from '../..';
|
23
|
+
import CopyText from '.';
|
24
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
25
|
+
var testId = 'test-copy-text';
|
26
|
+
|
27
|
+
var originalClipboard = _objectSpread({}, global.navigator.clipboard);
|
28
|
+
|
29
|
+
var originalExecCommand = global.document.execCommand;
|
30
|
+
|
31
|
+
var defaultTest = function defaultTest() {
|
32
|
+
var getComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
33
|
+
getComponent();
|
34
|
+
var container = screen.getByTestId(testId);
|
35
|
+
expect(container).toBeInstanceOf(HTMLDivElement);
|
36
|
+
expect(container).toBeInTheDocument();
|
37
|
+
};
|
38
|
+
|
39
|
+
describe('Text mode', function () {
|
40
|
+
var defaultProps = {
|
41
|
+
'data-testid': testId
|
42
|
+
};
|
43
|
+
var textValue = 'Here is a value';
|
44
|
+
|
45
|
+
var getComponent = function getComponent() {
|
46
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
47
|
+
return render(___EmotionJSX(CopyText, _extends({}, defaultProps, props), ___EmotionJSX(Text, null, textValue)));
|
48
|
+
}; // Need to be added to each test file to test accessibility using axe.
|
49
|
+
|
50
|
+
|
51
|
+
axeTest(getComponent);
|
52
|
+
test('renders component in the default state', function () {
|
53
|
+
defaultTest(getComponent);
|
54
|
+
});
|
55
|
+
test('tooltip renders on hover', function () {
|
56
|
+
getComponent();
|
57
|
+
var container = screen.getByTestId(testId);
|
58
|
+
fireEvent.mouseMove(container);
|
59
|
+
fireEvent.mouseEnter(container);
|
60
|
+
expect(screen.queryByRole('tooltip')).toBeInTheDocument();
|
61
|
+
expect(screen.queryByRole('tooltip')).toHaveTextContent('Copy to clipboard');
|
62
|
+
});
|
63
|
+
test('content and copy buttons are focused with keyboard', function () {
|
64
|
+
getComponent();
|
65
|
+
var contentBtn = screen.getByLabelText('copy-content');
|
66
|
+
expect(contentBtn).not.toHaveFocus();
|
67
|
+
userEvent.tab();
|
68
|
+
expect(contentBtn).toHaveFocus();
|
69
|
+
expect(contentBtn).toHaveClass('is-focused');
|
70
|
+
var copyBtn = screen.getByLabelText('copy');
|
71
|
+
expect(copyBtn).not.toHaveFocus();
|
72
|
+
userEvent.tab();
|
73
|
+
expect(copyBtn).toHaveFocus();
|
74
|
+
expect(copyBtn).toHaveClass('is-focused');
|
75
|
+
});
|
76
|
+
beforeEach(function () {
|
77
|
+
var mockClipboard = {
|
78
|
+
writeText: jest.fn()
|
79
|
+
};
|
80
|
+
global.navigator.clipboard = mockClipboard;
|
81
|
+
global.document.execCommand = jest.fn();
|
82
|
+
global.document.execCommand.mockReturnValue(true);
|
83
|
+
});
|
84
|
+
afterEach(function () {
|
85
|
+
jest.resetAllMocks();
|
86
|
+
global.navigator.clipboard = originalClipboard;
|
87
|
+
global.document.execCommand = originalExecCommand;
|
88
|
+
});
|
89
|
+
test('click on text copies data to the clipboard', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
90
|
+
var button;
|
91
|
+
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
92
|
+
while (1) {
|
93
|
+
switch (_context2.prev = _context2.next) {
|
94
|
+
case 0:
|
95
|
+
getComponent();
|
96
|
+
button = screen.getByText(textValue);
|
97
|
+
_context2.next = 4;
|
98
|
+
return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
99
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
100
|
+
while (1) {
|
101
|
+
switch (_context.prev = _context.next) {
|
102
|
+
case 0:
|
103
|
+
return _context.abrupt("return", userEvent.click(button));
|
104
|
+
|
105
|
+
case 1:
|
106
|
+
case "end":
|
107
|
+
return _context.stop();
|
108
|
+
}
|
109
|
+
}
|
110
|
+
}, _callee);
|
111
|
+
})));
|
112
|
+
|
113
|
+
case 4:
|
114
|
+
expect(navigator.clipboard.writeText).toBeCalledTimes(1);
|
115
|
+
expect(navigator.clipboard.writeText).toHaveBeenCalledWith(textValue);
|
116
|
+
|
117
|
+
case 6:
|
118
|
+
case "end":
|
119
|
+
return _context2.stop();
|
120
|
+
}
|
121
|
+
}
|
122
|
+
}, _callee2);
|
123
|
+
})));
|
124
|
+
test('click on copy button copies data to the clipboard', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
|
125
|
+
var button;
|
126
|
+
return _regeneratorRuntime.wrap(function _callee4$(_context4) {
|
127
|
+
while (1) {
|
128
|
+
switch (_context4.prev = _context4.next) {
|
129
|
+
case 0:
|
130
|
+
getComponent();
|
131
|
+
button = screen.getByLabelText('copy');
|
132
|
+
_context4.next = 4;
|
133
|
+
return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
|
134
|
+
return _regeneratorRuntime.wrap(function _callee3$(_context3) {
|
135
|
+
while (1) {
|
136
|
+
switch (_context3.prev = _context3.next) {
|
137
|
+
case 0:
|
138
|
+
return _context3.abrupt("return", userEvent.click(button));
|
139
|
+
|
140
|
+
case 1:
|
141
|
+
case "end":
|
142
|
+
return _context3.stop();
|
143
|
+
}
|
144
|
+
}
|
145
|
+
}, _callee3);
|
146
|
+
})));
|
147
|
+
|
148
|
+
case 4:
|
149
|
+
expect(navigator.clipboard.writeText).toBeCalledTimes(1);
|
150
|
+
expect(navigator.clipboard.writeText).toHaveBeenCalledWith(textValue);
|
151
|
+
|
152
|
+
case 6:
|
153
|
+
case "end":
|
154
|
+
return _context4.stop();
|
155
|
+
}
|
156
|
+
}
|
157
|
+
}, _callee4);
|
158
|
+
})));
|
159
|
+
test('if textToCopy is provided it\'s copied to clipboard instead of children text data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
|
160
|
+
var textToCopy, button;
|
161
|
+
return _regeneratorRuntime.wrap(function _callee6$(_context6) {
|
162
|
+
while (1) {
|
163
|
+
switch (_context6.prev = _context6.next) {
|
164
|
+
case 0:
|
165
|
+
textToCopy = 'This text is copied';
|
166
|
+
getComponent({
|
167
|
+
textToCopy: textToCopy
|
168
|
+
});
|
169
|
+
button = screen.getByLabelText('copy');
|
170
|
+
_context6.next = 5;
|
171
|
+
return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
|
172
|
+
return _regeneratorRuntime.wrap(function _callee5$(_context5) {
|
173
|
+
while (1) {
|
174
|
+
switch (_context5.prev = _context5.next) {
|
175
|
+
case 0:
|
176
|
+
return _context5.abrupt("return", userEvent.click(button));
|
177
|
+
|
178
|
+
case 1:
|
179
|
+
case "end":
|
180
|
+
return _context5.stop();
|
181
|
+
}
|
182
|
+
}
|
183
|
+
}, _callee5);
|
184
|
+
})));
|
185
|
+
|
186
|
+
case 5:
|
187
|
+
expect(navigator.clipboard.writeText).toBeCalledTimes(1);
|
188
|
+
expect(navigator.clipboard.writeText).toHaveBeenCalledWith(textToCopy);
|
189
|
+
|
190
|
+
case 7:
|
191
|
+
case "end":
|
192
|
+
return _context6.stop();
|
193
|
+
}
|
194
|
+
}
|
195
|
+
}, _callee6);
|
196
|
+
})));
|
197
|
+
test('copying works in insecure origin', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
|
198
|
+
var button;
|
199
|
+
return _regeneratorRuntime.wrap(function _callee8$(_context8) {
|
200
|
+
while (1) {
|
201
|
+
switch (_context8.prev = _context8.next) {
|
202
|
+
case 0:
|
203
|
+
global.navigator.clipboard = undefined;
|
204
|
+
getComponent();
|
205
|
+
button = screen.getByLabelText('copy');
|
206
|
+
_context8.next = 5;
|
207
|
+
return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
|
208
|
+
return _regeneratorRuntime.wrap(function _callee7$(_context7) {
|
209
|
+
while (1) {
|
210
|
+
switch (_context7.prev = _context7.next) {
|
211
|
+
case 0:
|
212
|
+
return _context7.abrupt("return", userEvent.click(button));
|
213
|
+
|
214
|
+
case 1:
|
215
|
+
case "end":
|
216
|
+
return _context7.stop();
|
217
|
+
}
|
218
|
+
}
|
219
|
+
}, _callee7);
|
220
|
+
})));
|
221
|
+
|
222
|
+
case 5:
|
223
|
+
expect(document.execCommand).toBeCalledTimes(1);
|
224
|
+
expect(document.execCommand).toHaveBeenCalledWith('copy');
|
225
|
+
|
226
|
+
case 7:
|
227
|
+
case "end":
|
228
|
+
return _context8.stop();
|
229
|
+
}
|
230
|
+
}
|
231
|
+
}, _callee8);
|
232
|
+
})));
|
233
|
+
test('if copying is failed, a warning shows in the console', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
|
234
|
+
var spy, button;
|
235
|
+
return _regeneratorRuntime.wrap(function _callee10$(_context10) {
|
236
|
+
while (1) {
|
237
|
+
switch (_context10.prev = _context10.next) {
|
238
|
+
case 0:
|
239
|
+
global.navigator.clipboard = undefined;
|
240
|
+
global.document.execCommand.mockReturnValue(false);
|
241
|
+
|
242
|
+
global.console.error = function () {
|
243
|
+
return jest.mock();
|
244
|
+
}; // eslint-disable-line no-console
|
245
|
+
|
246
|
+
|
247
|
+
getComponent();
|
248
|
+
spy = jest.spyOn(console, 'error');
|
249
|
+
expect(spy).not.toHaveBeenCalled();
|
250
|
+
button = screen.getByLabelText('copy');
|
251
|
+
_context10.next = 9;
|
252
|
+
return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
|
253
|
+
return _regeneratorRuntime.wrap(function _callee9$(_context9) {
|
254
|
+
while (1) {
|
255
|
+
switch (_context9.prev = _context9.next) {
|
256
|
+
case 0:
|
257
|
+
return _context9.abrupt("return", userEvent.click(button));
|
258
|
+
|
259
|
+
case 1:
|
260
|
+
case "end":
|
261
|
+
return _context9.stop();
|
262
|
+
}
|
263
|
+
}
|
264
|
+
}, _callee9);
|
265
|
+
})));
|
266
|
+
|
267
|
+
case 9:
|
268
|
+
expect(document.execCommand).toBeCalledTimes(1);
|
269
|
+
expect(document.execCommand).toHaveBeenCalledWith('copy');
|
270
|
+
expect(spy).toHaveBeenCalledWith(expect.stringMatching('Failed to copy:'), expect.any(Error));
|
271
|
+
|
272
|
+
case 12:
|
273
|
+
case "end":
|
274
|
+
return _context10.stop();
|
275
|
+
}
|
276
|
+
}
|
277
|
+
}, _callee10);
|
278
|
+
})));
|
279
|
+
test('after button click, the tooltip renders with the text "Copied!"', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
|
280
|
+
var button;
|
281
|
+
return _regeneratorRuntime.wrap(function _callee12$(_context12) {
|
282
|
+
while (1) {
|
283
|
+
switch (_context12.prev = _context12.next) {
|
284
|
+
case 0:
|
285
|
+
getComponent();
|
286
|
+
button = screen.getByLabelText('copy');
|
287
|
+
_context12.next = 4;
|
288
|
+
return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
|
289
|
+
return _regeneratorRuntime.wrap(function _callee11$(_context11) {
|
290
|
+
while (1) {
|
291
|
+
switch (_context11.prev = _context11.next) {
|
292
|
+
case 0:
|
293
|
+
return _context11.abrupt("return", userEvent.click(button));
|
294
|
+
|
295
|
+
case 1:
|
296
|
+
case "end":
|
297
|
+
return _context11.stop();
|
298
|
+
}
|
299
|
+
}
|
300
|
+
}, _callee11);
|
301
|
+
})));
|
302
|
+
|
303
|
+
case 4:
|
304
|
+
expect(screen.queryByRole('tooltip')).toBeInTheDocument();
|
305
|
+
expect(screen.queryByRole('tooltip')).toHaveTextContent('Copied!');
|
306
|
+
|
307
|
+
case 6:
|
308
|
+
case "end":
|
309
|
+
return _context12.stop();
|
310
|
+
}
|
311
|
+
}
|
312
|
+
}, _callee12);
|
313
|
+
})));
|
314
|
+
test('tooltip renders with the text "Copied!" hides after delay', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
|
315
|
+
var button;
|
316
|
+
return _regeneratorRuntime.wrap(function _callee14$(_context14) {
|
317
|
+
while (1) {
|
318
|
+
switch (_context14.prev = _context14.next) {
|
319
|
+
case 0:
|
320
|
+
getComponent();
|
321
|
+
button = screen.getByLabelText('copy');
|
322
|
+
_context14.next = 4;
|
323
|
+
return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
|
324
|
+
return _regeneratorRuntime.wrap(function _callee13$(_context13) {
|
325
|
+
while (1) {
|
326
|
+
switch (_context13.prev = _context13.next) {
|
327
|
+
case 0:
|
328
|
+
return _context13.abrupt("return", userEvent.click(button));
|
329
|
+
|
330
|
+
case 1:
|
331
|
+
case "end":
|
332
|
+
return _context13.stop();
|
333
|
+
}
|
334
|
+
}
|
335
|
+
}, _callee13);
|
336
|
+
})));
|
337
|
+
|
338
|
+
case 4:
|
339
|
+
expect(screen.queryByRole('tooltip')).toBeInTheDocument();
|
340
|
+
expect(screen.queryByRole('tooltip')).toHaveTextContent('Copied!');
|
341
|
+
_context14.next = 8;
|
342
|
+
return waitForElementToBeRemoved(screen.queryByRole('tooltip'));
|
343
|
+
|
344
|
+
case 8:
|
345
|
+
case "end":
|
346
|
+
return _context14.stop();
|
347
|
+
}
|
348
|
+
}
|
349
|
+
}, _callee14);
|
350
|
+
})));
|
351
|
+
});
|
352
|
+
describe('Link mode', function () {
|
353
|
+
var defaultProps = {
|
354
|
+
'data-testid': testId,
|
355
|
+
mode: 'link'
|
356
|
+
};
|
357
|
+
var linkValue = 'https://a.url.com';
|
358
|
+
|
359
|
+
var getComponent = function getComponent() {
|
360
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
361
|
+
return render(___EmotionJSX(CopyText, _extends({}, defaultProps, props), ___EmotionJSX(Link, {
|
362
|
+
href: linkValue
|
363
|
+
}, linkValue)));
|
364
|
+
}; // Need to be added to each test file to test accessibility using axe.
|
365
|
+
|
366
|
+
|
367
|
+
axeTest(getComponent);
|
368
|
+
test('renders component in the default state', function () {
|
369
|
+
defaultTest(getComponent);
|
370
|
+
});
|
371
|
+
test('tooltip renders only when the copy button is hovered', function () {
|
372
|
+
getComponent();
|
373
|
+
var container = screen.getByTestId(testId);
|
374
|
+
fireEvent.mouseMove(container);
|
375
|
+
fireEvent.mouseEnter(container);
|
376
|
+
expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
377
|
+
var button = screen.getByLabelText('copy');
|
378
|
+
fireEvent.mouseMove(button);
|
379
|
+
fireEvent.mouseEnter(button);
|
380
|
+
expect(screen.queryByRole('tooltip')).toBeInTheDocument();
|
381
|
+
});
|
382
|
+
test('copy button is focused with keyboard', function () {
|
383
|
+
getComponent();
|
384
|
+
var copyBtn = screen.getByLabelText('copy');
|
385
|
+
expect(copyBtn).not.toHaveFocus();
|
386
|
+
userEvent.tab();
|
387
|
+
userEvent.tab();
|
388
|
+
expect(copyBtn).toHaveFocus();
|
389
|
+
expect(copyBtn).toHaveClass('is-focused');
|
390
|
+
});
|
391
|
+
beforeEach(function () {
|
392
|
+
var mockClipboard = {
|
393
|
+
writeText: jest.fn()
|
394
|
+
};
|
395
|
+
global.navigator.clipboard = mockClipboard;
|
396
|
+
});
|
397
|
+
afterEach(function () {
|
398
|
+
jest.resetAllMocks();
|
399
|
+
global.navigator.clipboard = originalClipboard;
|
400
|
+
});
|
401
|
+
test('click on copy button copies data to the clipboard', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16() {
|
402
|
+
var button;
|
403
|
+
return _regeneratorRuntime.wrap(function _callee16$(_context16) {
|
404
|
+
while (1) {
|
405
|
+
switch (_context16.prev = _context16.next) {
|
406
|
+
case 0:
|
407
|
+
getComponent();
|
408
|
+
button = screen.getByLabelText('copy');
|
409
|
+
_context16.next = 4;
|
410
|
+
return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
|
411
|
+
return _regeneratorRuntime.wrap(function _callee15$(_context15) {
|
412
|
+
while (1) {
|
413
|
+
switch (_context15.prev = _context15.next) {
|
414
|
+
case 0:
|
415
|
+
return _context15.abrupt("return", userEvent.click(button));
|
416
|
+
|
417
|
+
case 1:
|
418
|
+
case "end":
|
419
|
+
return _context15.stop();
|
420
|
+
}
|
421
|
+
}
|
422
|
+
}, _callee15);
|
423
|
+
})));
|
424
|
+
|
425
|
+
case 4:
|
426
|
+
expect(navigator.clipboard.writeText).toBeCalledTimes(1);
|
427
|
+
expect(navigator.clipboard.writeText).toHaveBeenCalledWith(linkValue);
|
428
|
+
|
429
|
+
case 6:
|
430
|
+
case "end":
|
431
|
+
return _context16.stop();
|
432
|
+
}
|
433
|
+
}
|
434
|
+
}, _callee16);
|
435
|
+
})));
|
436
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './CopyText';
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
|
2
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
3
|
+
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
4
|
+
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
5
|
+
import React, { forwardRef } from 'react';
|
6
|
+
import PropTypes from 'prop-types';
|
7
|
+
import { useStatusClasses } from '../../hooks';
|
8
|
+
import statuses from '../../utils/devUtils/constants/statuses';
|
9
|
+
import Text from '../Text';
|
10
|
+
/**
|
11
|
+
* Displays a styled message.
|
12
|
+
*
|
13
|
+
* **NOTE**: Specialized field components contain built-in support for helper text. It's
|
14
|
+
* recommended to use those instead of a standalone `FieldHelperText`.
|
15
|
+
*/
|
16
|
+
|
17
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
18
|
+
var FieldHelperText = /*#__PURE__*/forwardRef(function (props, ref) {
|
19
|
+
var className = props.className,
|
20
|
+
status = props.status,
|
21
|
+
others = _objectWithoutProperties(props, ["className", "status"]);
|
22
|
+
|
23
|
+
var _useStatusClasses = useStatusClasses(className, _defineProperty({}, "is-".concat(status), true)),
|
24
|
+
classNames = _useStatusClasses.classNames;
|
25
|
+
|
26
|
+
return ___EmotionJSX(Text, _extends({
|
27
|
+
ref: ref,
|
28
|
+
pt: "sm",
|
29
|
+
variant: "fieldHelperText",
|
30
|
+
role: "status"
|
31
|
+
}, others, {
|
32
|
+
className: classNames
|
33
|
+
}));
|
34
|
+
});
|
35
|
+
FieldHelperText.propTypes = {
|
36
|
+
/** Determines the color of the field message. */
|
37
|
+
status: PropTypes.oneOf(_Object$values(statuses))
|
38
|
+
};
|
39
|
+
FieldHelperText.defaultProps = {
|
40
|
+
status: statuses.DEFAULT
|
41
|
+
};
|
42
|
+
FieldHelperText.displayName = 'FieldHelperText';
|
43
|
+
export default FieldHelperText;
|