@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,43 @@
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
+
import React from 'react';
|
3
|
+
import { render, screen } from '@testing-library/react';
|
4
|
+
import Chip from '../Chip/Chip';
|
5
|
+
import Button from '../Button/Button';
|
6
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
7
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
|
+
var testId = 'test-separator';
|
9
|
+
var defaultProps = {
|
10
|
+
'data-testid': testId,
|
11
|
+
label: 'Test Label'
|
12
|
+
};
|
13
|
+
|
14
|
+
var getComponent = function getComponent() {
|
15
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
16
|
+
return render(___EmotionJSX(Chip, _extends({}, defaultProps, props)));
|
17
|
+
}; // Need to be added to each test file to test accessibility using axe.
|
18
|
+
|
19
|
+
|
20
|
+
axeTest(getComponent);
|
21
|
+
test('renders Chip component', function () {
|
22
|
+
getComponent();
|
23
|
+
var separator = screen.getByTestId(testId);
|
24
|
+
expect(separator).toBeInTheDocument();
|
25
|
+
});
|
26
|
+
test('renders children within Chip component', function () {
|
27
|
+
var children = ___EmotionJSX(Button, null);
|
28
|
+
|
29
|
+
getComponent({
|
30
|
+
children: children
|
31
|
+
});
|
32
|
+
var mockedChildren = screen.getByRole('button');
|
33
|
+
expect(mockedChildren).toBeInTheDocument();
|
34
|
+
});
|
35
|
+
test('renders Chip component with uppercase', function () {
|
36
|
+
var label = 'uppercase';
|
37
|
+
var isUppercase = true;
|
38
|
+
getComponent({
|
39
|
+
label: label,
|
40
|
+
isUppercase: isUppercase
|
41
|
+
});
|
42
|
+
expect(screen.queryByText('uppercase')).toHaveStyleRule('text-transform', 'uppercase');
|
43
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './Chip';
|
@@ -0,0 +1,139 @@
|
|
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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
10
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
11
|
+
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
12
|
+
import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
|
13
|
+
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
14
|
+
|
15
|
+
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; }
|
16
|
+
|
17
|
+
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; }
|
18
|
+
|
19
|
+
import React, { forwardRef } from 'react';
|
20
|
+
import PropTypes from 'prop-types';
|
21
|
+
import { useFocusRing } from '@react-aria/focus';
|
22
|
+
import { useHover } from '@react-aria/interactions';
|
23
|
+
import { mergeProps } from '@react-aria/utils';
|
24
|
+
import Highlight, { defaultProps } from 'prism-react-renderer';
|
25
|
+
import github from 'prism-react-renderer/themes/github';
|
26
|
+
import { useStatusClasses } from '../../hooks';
|
27
|
+
import { Box, CopyText } from '../..';
|
28
|
+
/**
|
29
|
+
* Component for code syntax highlighting.
|
30
|
+
* Built on top of [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer).
|
31
|
+
*/
|
32
|
+
|
33
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
34
|
+
var CodeView = /*#__PURE__*/forwardRef(function (props, ref) {
|
35
|
+
var children = props.children,
|
36
|
+
outerClassName = props.className,
|
37
|
+
hasLineNumbers = props.hasLineNumbers,
|
38
|
+
hasNoCopyButton = props.hasNoCopyButton,
|
39
|
+
language = props.language,
|
40
|
+
others = _objectWithoutProperties(props, ["children", "className", "hasLineNumbers", "hasNoCopyButton", "language"]);
|
41
|
+
|
42
|
+
var _useFocusRing = useFocusRing(),
|
43
|
+
isFocusVisible = _useFocusRing.isFocusVisible,
|
44
|
+
focusProps = _useFocusRing.focusProps;
|
45
|
+
|
46
|
+
var _useHover = useHover(props),
|
47
|
+
hoverProps = _useHover.hoverProps,
|
48
|
+
isHovered = _useHover.isHovered;
|
49
|
+
|
50
|
+
var _useStatusClasses = useStatusClasses(outerClassName, {
|
51
|
+
isFocused: isFocusVisible,
|
52
|
+
isHovered: isHovered,
|
53
|
+
hasLineNumbers: hasLineNumbers,
|
54
|
+
hasNoCopyButton: hasNoCopyButton
|
55
|
+
}),
|
56
|
+
classNames = _useStatusClasses.classNames; // Get the width for the line number element depending on the total amount of lines
|
57
|
+
|
58
|
+
|
59
|
+
var getLineNoWidth = function getLineNoWidth(tokens) {
|
60
|
+
return tokens.length.toString().length * 12;
|
61
|
+
};
|
62
|
+
|
63
|
+
var content = ___EmotionJSX(Highlight, _extends({}, defaultProps, {
|
64
|
+
theme: github,
|
65
|
+
code: (children === null || children === void 0 ? void 0 : _trimInstanceProperty(children).call(children)) || '',
|
66
|
+
language: language
|
67
|
+
}), function (_ref) {
|
68
|
+
var className = _ref.className,
|
69
|
+
style = _ref.style,
|
70
|
+
tokens = _ref.tokens,
|
71
|
+
getLineProps = _ref.getLineProps,
|
72
|
+
getTokenProps = _ref.getTokenProps;
|
73
|
+
return ___EmotionJSX(Box, {
|
74
|
+
as: "pre",
|
75
|
+
className: className,
|
76
|
+
style: style
|
77
|
+
}, _mapInstanceProperty(tokens).call(tokens, function (line, i) {
|
78
|
+
return ___EmotionJSX(Box, _extends({
|
79
|
+
isRow: true
|
80
|
+
}, getLineProps({
|
81
|
+
line: line,
|
82
|
+
key: i
|
83
|
+
})), hasLineNumbers && ___EmotionJSX(Box, {
|
84
|
+
as: "span",
|
85
|
+
variant: "codeView.lineNo",
|
86
|
+
sx: {
|
87
|
+
minWidth: getLineNoWidth(tokens)
|
88
|
+
}
|
89
|
+
}, i + 1), _mapInstanceProperty(line).call(line, function (token, key) {
|
90
|
+
return ___EmotionJSX("span", getTokenProps({
|
91
|
+
token: token,
|
92
|
+
key: key
|
93
|
+
}));
|
94
|
+
}));
|
95
|
+
}));
|
96
|
+
});
|
97
|
+
|
98
|
+
if (hasNoCopyButton) {
|
99
|
+
return ___EmotionJSX(Box, _extends({
|
100
|
+
ref: ref,
|
101
|
+
variant: "codeView.wrapper",
|
102
|
+
tabIndex: 0,
|
103
|
+
className: classNames
|
104
|
+
}, mergeProps(focusProps, hoverProps, others)), content);
|
105
|
+
}
|
106
|
+
|
107
|
+
return ___EmotionJSX(CopyText, {
|
108
|
+
mode: "nonClickableContent",
|
109
|
+
textToCopy: children,
|
110
|
+
tooltipProps: {
|
111
|
+
offset: 15
|
112
|
+
},
|
113
|
+
wrapperProps: _objectSpread({
|
114
|
+
className: classNames,
|
115
|
+
variant: 'codeView.wrapper'
|
116
|
+
}, others)
|
117
|
+
}, content);
|
118
|
+
});
|
119
|
+
CodeView.propTypes = {
|
120
|
+
/** Whether the CodeView displays line numbers. */
|
121
|
+
hasLineNumbers: PropTypes.bool,
|
122
|
+
|
123
|
+
/** Whether the CodeView hides the copy button. */
|
124
|
+
hasNoCopyButton: PropTypes.bool,
|
125
|
+
|
126
|
+
/**
|
127
|
+
* Which programming language the CodeView should use for highlighting. A list of default languages is listed [here](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/vendor/prism/includeLangs.js).
|
128
|
+
*
|
129
|
+
*
|
130
|
+
* Additional languages may be added, see [this guidance](https://github.com/FormidableLabs/prism-react-renderer#faq) for more information.
|
131
|
+
*/
|
132
|
+
language: PropTypes.string
|
133
|
+
};
|
134
|
+
CodeView.defaultProps = {
|
135
|
+
language: 'json',
|
136
|
+
hasLineNumbers: false,
|
137
|
+
hasNoCopyButton: false
|
138
|
+
};
|
139
|
+
export default CodeView;
|
@@ -0,0 +1,67 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import CodeView from './CodeView';
|
3
|
+
import { Text } from '../..';
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
5
|
+
var code = "{\n \"_links\": {\n \"self\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad\"\n },\n \"password\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.set\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.reset\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.check\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.recover\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"account.sendVerificationCode\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad\"\n },\n \"linkedAccounts\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/linkedAccounts\"\n }\n },\n \"id\": \"5a5d4c0c-8383-4796-9cdc-16b5a22f45ad\",\n \"environment\": {\n \"id\": \"94e3268d-847d-47aa-a45e-1ef8dd8f4df0\"\n },\n \"account\": {\n \"canAuthenticate\": true,\n \"status\": \"OK\"\n },\n \"createdAt\": \"2021-09-03T15:01:43.555Z\",\n \"email\": \"allegraweldon@pingidentity.com\",\n \"enabled\": true,\n \"identityProvider\": {\n \"type\": \"PING_ONE\"\n },\n \"lifecycle\": {\n \"status\": \"ACCOUNT_OK\"\n },\n \"mfaEnabled\": false,\n \"population\": {\n \"id\": \"c1adbc29-f188-4ea6-a015-49bddd74bc84\"\n },\n \"updatedAt\": \"2021-09-03T15:01:43.555Z\",\n \"username\": \"allegraweldon@pingidentity.com\",\n \"verifyStatus\": \"NOT_INITIATED\"\n}";
|
6
|
+
export default {
|
7
|
+
title: 'CodeView',
|
8
|
+
component: CodeView,
|
9
|
+
argTypes: {
|
10
|
+
children: {
|
11
|
+
defaultValue: code,
|
12
|
+
table: {
|
13
|
+
type: {}
|
14
|
+
},
|
15
|
+
control: {
|
16
|
+
type: 'text'
|
17
|
+
}
|
18
|
+
}
|
19
|
+
},
|
20
|
+
parameters: {
|
21
|
+
a11y: {
|
22
|
+
config: {
|
23
|
+
rules: [
|
24
|
+
/* Turned off since rule conflicts with the way how `prism-react-renderer` works
|
25
|
+
* and design specs */
|
26
|
+
{
|
27
|
+
id: 'scrollable-region-focusable',
|
28
|
+
enabled: false,
|
29
|
+
selector: '.prism-code'
|
30
|
+
}]
|
31
|
+
}
|
32
|
+
}
|
33
|
+
}
|
34
|
+
};
|
35
|
+
export var Default = function Default(args) {
|
36
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
|
37
|
+
sx: {
|
38
|
+
fontWeight: 2
|
39
|
+
}
|
40
|
+
}, "JSON"), ___EmotionJSX(CodeView, args));
|
41
|
+
};
|
42
|
+
export var WithLineNumbers = function WithLineNumbers() {
|
43
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
|
44
|
+
sx: {
|
45
|
+
fontWeight: 2
|
46
|
+
}
|
47
|
+
}, "JSON"), ___EmotionJSX(CodeView, {
|
48
|
+
hasLineNumbers: true
|
49
|
+
}, code));
|
50
|
+
};
|
51
|
+
WithLineNumbers.story = {
|
52
|
+
parameters: {
|
53
|
+
docs: {
|
54
|
+
storyDescription: 'Please note that with adding line numbers, line wrapping does not work.'
|
55
|
+
}
|
56
|
+
}
|
57
|
+
};
|
58
|
+
export var WithCustomSize = function WithCustomSize() {
|
59
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(CodeView, {
|
60
|
+
language: "jsx",
|
61
|
+
sx: {
|
62
|
+
width: '100%',
|
63
|
+
height: 300
|
64
|
+
},
|
65
|
+
hasNoCopyButton: true
|
66
|
+
}, "\nexport const ChipWithIcon = () => (\n <>\n <Chip label=\"Chip with Icon Button\" bg=\"navy\">\n <IconButton aria-label=\"Clear Chip with Icon Button\" variant=\"inverted\">\n <Icon icon={Clear} ml=\"xs\" size=\"14px\" />\n </IconButton>\n </Chip>\n\n <div style={{ padding: '5px' }} />\n\n <Chip label=\"Chip with Icon Button\">\n <IconButton aria-label=\"Clear Chip with Icon Button\" variant=\"inverted\">\n <Icon icon={Earth} ml=\"xs\" size=\"14px\" />\n </IconButton>\n </Chip>\n\n <div style={{ padding: '5px' }} />\n\n <Chip label=\"Chip with Icon\" bg=\"green\">\n <Icon icon={ContentCopy} ml=\"xs\" size=\"14px\" color=\"white\" />\n </Chip>\n </>\n);\n "));
|
67
|
+
};
|
@@ -0,0 +1,171 @@
|
|
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 _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
|
12
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
13
|
+
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
14
|
+
|
15
|
+
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; }
|
16
|
+
|
17
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context5; _forEachInstanceProperty(_context5 = ownKeys(Object(source), true)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context6; _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
18
|
+
|
19
|
+
import React from 'react';
|
20
|
+
import userEvent from '@testing-library/user-event';
|
21
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
22
|
+
import { act, fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
|
23
|
+
import { CodeView } from '../..';
|
24
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
25
|
+
var testId = 'test-code-sample';
|
26
|
+
|
27
|
+
var originalClipboard = _objectSpread({}, global.navigator.clipboard);
|
28
|
+
|
29
|
+
var originalExecCommand = global.document.execCommand;
|
30
|
+
var defaultProps = {
|
31
|
+
'data-testid': testId
|
32
|
+
};
|
33
|
+
var textValue = "\nexport const Default = args => (\n <>\n <Text sx={{ fontWeight: 2 }}>JSON</Text>\n <CodeView {...args} />\n </>\n);\n";
|
34
|
+
|
35
|
+
var getComponent = function getComponent() {
|
36
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
37
|
+
return render(___EmotionJSX(CodeView, _extends({}, defaultProps, props), textValue));
|
38
|
+
}; // Need to be added to each test file to test accessibility using axe.
|
39
|
+
|
40
|
+
|
41
|
+
axeTest(getComponent);
|
42
|
+
test('renders component in the default state', function () {
|
43
|
+
getComponent();
|
44
|
+
var container = screen.getByTestId(testId);
|
45
|
+
expect(container).toBeInstanceOf(HTMLDivElement);
|
46
|
+
expect(container).toBeInTheDocument();
|
47
|
+
});
|
48
|
+
test('tooltip renders on hover', function () {
|
49
|
+
getComponent();
|
50
|
+
var container = screen.getByTestId(testId);
|
51
|
+
fireEvent.mouseMove(container);
|
52
|
+
fireEvent.mouseEnter(container);
|
53
|
+
expect(screen.queryByRole('tooltip')).toBeInTheDocument();
|
54
|
+
expect(screen.queryByRole('tooltip')).toHaveTextContent('Copy to clipboard');
|
55
|
+
});
|
56
|
+
test('content and copy button are focused via keyboard', function () {
|
57
|
+
getComponent();
|
58
|
+
var container = screen.getByTestId(testId);
|
59
|
+
expect(container).not.toHaveFocus();
|
60
|
+
userEvent.tab();
|
61
|
+
expect(container).toHaveFocus();
|
62
|
+
var copyBtn = screen.getByLabelText('copy');
|
63
|
+
expect(copyBtn).not.toHaveFocus();
|
64
|
+
userEvent.tab();
|
65
|
+
expect(copyBtn).toHaveFocus();
|
66
|
+
expect(copyBtn).toHaveClass('is-focused');
|
67
|
+
});
|
68
|
+
test('doesn\'t render copy button and tooltip with prop hasNoCopyButton', function () {
|
69
|
+
getComponent({
|
70
|
+
hasNoCopyButton: true
|
71
|
+
});
|
72
|
+
var container = screen.getByTestId(testId);
|
73
|
+
fireEvent.mouseMove(container);
|
74
|
+
fireEvent.mouseEnter(container);
|
75
|
+
expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
76
|
+
expect(screen.queryByLabelText('copy')).not.toBeInTheDocument();
|
77
|
+
});
|
78
|
+
test('renders line numbers with prop hasLineNumbers', function () {
|
79
|
+
var linesLength = (_trimInstanceProperty(textValue).call(textValue).split('\n').length - 1).toString();
|
80
|
+
getComponent();
|
81
|
+
expect(screen.queryByText('1')).not.toBeInTheDocument();
|
82
|
+
expect(screen.queryByText(linesLength)).not.toBeInTheDocument();
|
83
|
+
getComponent({
|
84
|
+
hasLineNumbers: true
|
85
|
+
});
|
86
|
+
expect(screen.queryByText('1')).toBeInTheDocument();
|
87
|
+
expect(screen.queryByText(linesLength)).toBeInTheDocument();
|
88
|
+
});
|
89
|
+
beforeEach(function () {
|
90
|
+
var mockClipboard = {
|
91
|
+
writeText: jest.fn()
|
92
|
+
};
|
93
|
+
global.navigator.clipboard = mockClipboard;
|
94
|
+
global.document.execCommand = jest.fn();
|
95
|
+
global.document.execCommand.mockReturnValue(true);
|
96
|
+
});
|
97
|
+
afterEach(function () {
|
98
|
+
jest.resetAllMocks();
|
99
|
+
global.navigator.clipboard = originalClipboard;
|
100
|
+
global.document.execCommand = originalExecCommand;
|
101
|
+
});
|
102
|
+
test('click on copy button copies data to the clipboard', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
103
|
+
var button;
|
104
|
+
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
105
|
+
while (1) {
|
106
|
+
switch (_context2.prev = _context2.next) {
|
107
|
+
case 0:
|
108
|
+
getComponent();
|
109
|
+
button = screen.getByLabelText('copy');
|
110
|
+
_context2.next = 4;
|
111
|
+
return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
112
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
113
|
+
while (1) {
|
114
|
+
switch (_context.prev = _context.next) {
|
115
|
+
case 0:
|
116
|
+
return _context.abrupt("return", userEvent.click(button));
|
117
|
+
|
118
|
+
case 1:
|
119
|
+
case "end":
|
120
|
+
return _context.stop();
|
121
|
+
}
|
122
|
+
}
|
123
|
+
}, _callee);
|
124
|
+
})));
|
125
|
+
|
126
|
+
case 4:
|
127
|
+
expect(navigator.clipboard.writeText).toBeCalledTimes(1);
|
128
|
+
expect(navigator.clipboard.writeText).toHaveBeenCalledWith(textValue);
|
129
|
+
|
130
|
+
case 6:
|
131
|
+
case "end":
|
132
|
+
return _context2.stop();
|
133
|
+
}
|
134
|
+
}
|
135
|
+
}, _callee2);
|
136
|
+
})));
|
137
|
+
test('after button click, the tooltip renders with the text "Copied!"', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
|
138
|
+
var button;
|
139
|
+
return _regeneratorRuntime.wrap(function _callee4$(_context4) {
|
140
|
+
while (1) {
|
141
|
+
switch (_context4.prev = _context4.next) {
|
142
|
+
case 0:
|
143
|
+
getComponent();
|
144
|
+
button = screen.getByLabelText('copy');
|
145
|
+
_context4.next = 4;
|
146
|
+
return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
|
147
|
+
return _regeneratorRuntime.wrap(function _callee3$(_context3) {
|
148
|
+
while (1) {
|
149
|
+
switch (_context3.prev = _context3.next) {
|
150
|
+
case 0:
|
151
|
+
return _context3.abrupt("return", userEvent.click(button));
|
152
|
+
|
153
|
+
case 1:
|
154
|
+
case "end":
|
155
|
+
return _context3.stop();
|
156
|
+
}
|
157
|
+
}
|
158
|
+
}, _callee3);
|
159
|
+
})));
|
160
|
+
|
161
|
+
case 4:
|
162
|
+
expect(screen.queryByRole('tooltip')).toBeInTheDocument();
|
163
|
+
expect(screen.queryByRole('tooltip')).toHaveTextContent('Copied!');
|
164
|
+
|
165
|
+
case 6:
|
166
|
+
case "end":
|
167
|
+
return _context4.stop();
|
168
|
+
}
|
169
|
+
}
|
170
|
+
}, _callee4);
|
171
|
+
})));
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './CodeView';
|
@@ -0,0 +1,177 @@
|
|
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 _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
|
10
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
11
|
+
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
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 _context5; _forEachInstanceProperty(_context5 = ownKeys(Object(source), true)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context6; _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
17
|
+
|
18
|
+
import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
|
19
|
+
import PropTypes from 'prop-types';
|
20
|
+
import { ChromePicker } from 'react-color';
|
21
|
+
import { FocusScope } from '@react-aria/focus';
|
22
|
+
import { useVisuallyHidden } from '@react-aria/visually-hidden';
|
23
|
+
import { useColorField } from '@react-aria/color';
|
24
|
+
import { useColorFieldState } from '@react-stately/color';
|
25
|
+
import { useOverlayTriggerState } from '@react-stately/overlays';
|
26
|
+
import { useOverlayPosition, useOverlayTrigger } from '@react-aria/overlays';
|
27
|
+
import { Box, Button, Input, FieldHelperText, Label } from '../../index';
|
28
|
+
import useField from '../../hooks/useField';
|
29
|
+
import statuses from '../../utils/devUtils/constants/statuses';
|
30
|
+
import PopoverContainer from '../PopoverContainer';
|
31
|
+
/**
|
32
|
+
* The Color Field component allows the user to pick a color and displays the chosen color.
|
33
|
+
*
|
34
|
+
* Utilizes [useColorField](https://react-spectrum.adobe.com/react-aria/useColorField.html) from React Aria and
|
35
|
+
* [useColorFieldState](https://react-spectrum.adobe.com/react-stately/useColorFieldState.html) from React Stately.
|
36
|
+
*
|
37
|
+
* Using [React Color](https://casesandberg.github.io/react-color/) as a color picker.
|
38
|
+
*/
|
39
|
+
|
40
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
41
|
+
var ColorField = /*#__PURE__*/forwardRef(function (props, ref) {
|
42
|
+
var _context;
|
43
|
+
|
44
|
+
var align = props.align,
|
45
|
+
buttonProps = props.buttonProps,
|
46
|
+
controlProps = props.controlProps,
|
47
|
+
direction = props.direction,
|
48
|
+
helperText = props.helperText,
|
49
|
+
label = props.label,
|
50
|
+
labelProps = props.labelProps,
|
51
|
+
imperativeOnChange = props.onChange,
|
52
|
+
status = props.status;
|
53
|
+
var colorRef = useRef();
|
54
|
+
/* istanbul ignore next */
|
55
|
+
|
56
|
+
useImperativeHandle(ref, function () {
|
57
|
+
return colorRef.current;
|
58
|
+
});
|
59
|
+
var triggerRef = React.useRef();
|
60
|
+
var overlayRef = React.useRef();
|
61
|
+
var state = useColorFieldState(props);
|
62
|
+
var popoverState = useOverlayTriggerState({});
|
63
|
+
|
64
|
+
var _useOverlayTrigger = useOverlayTrigger({
|
65
|
+
type: 'dialog'
|
66
|
+
}, popoverState, triggerRef),
|
67
|
+
triggerProps = _useOverlayTrigger.triggerProps,
|
68
|
+
overlayProps = _useOverlayTrigger.overlayProps;
|
69
|
+
|
70
|
+
var _useColorField = useColorField(props, state, colorRef),
|
71
|
+
raLabelProps = _useColorField.labelProps,
|
72
|
+
raInputProps = _useColorField.inputProps;
|
73
|
+
|
74
|
+
var _useVisuallyHidden = useVisuallyHidden(),
|
75
|
+
visuallyHiddenProps = _useVisuallyHidden.visuallyHiddenProps;
|
76
|
+
|
77
|
+
var _useField = useField(_objectSpread(_objectSpread({}, props), {}, {
|
78
|
+
labelProps: _objectSpread(_objectSpread({}, labelProps), raLabelProps),
|
79
|
+
controlProps: _objectSpread(_objectSpread({}, controlProps), raInputProps)
|
80
|
+
})),
|
81
|
+
fieldContainerProps = _useField.fieldContainerProps,
|
82
|
+
fieldControlProps = _useField.fieldControlProps,
|
83
|
+
fieldLabelProps = _useField.fieldLabelProps;
|
84
|
+
|
85
|
+
var _useOverlayPosition = useOverlayPosition({
|
86
|
+
targetRef: triggerRef,
|
87
|
+
overlayRef: overlayRef,
|
88
|
+
placement: _concatInstanceProperty(_context = "".concat(direction, " ")).call(_context, align),
|
89
|
+
offset: 15,
|
90
|
+
isOpen: popoverState.isOpen,
|
91
|
+
onClose: popoverState.close,
|
92
|
+
shouldUpdatePosition: true
|
93
|
+
}),
|
94
|
+
positionProps = _useOverlayPosition.overlayProps;
|
95
|
+
|
96
|
+
var handleButtonPress = useCallback(function () {
|
97
|
+
return popoverState.open();
|
98
|
+
}, [triggerRef]);
|
99
|
+
var handleColorChange = useCallback(function (color, event) {
|
100
|
+
if (imperativeOnChange) {
|
101
|
+
imperativeOnChange(color, event);
|
102
|
+
}
|
103
|
+
}, [imperativeOnChange]);
|
104
|
+
var getRgbaFromState = useCallback(function (_ref) {
|
105
|
+
var _context2, _context3, _context4;
|
106
|
+
|
107
|
+
var colorValue = _ref.colorValue;
|
108
|
+
return _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "rgba(".concat(colorValue === null || colorValue === void 0 ? void 0 : colorValue.red, ", ")).call(_context4, colorValue === null || colorValue === void 0 ? void 0 : colorValue.green, ", ")).call(_context3, colorValue === null || colorValue === void 0 ? void 0 : colorValue.blue, ", ")).call(_context2, colorValue === null || colorValue === void 0 ? void 0 : colorValue.alpha, ")");
|
109
|
+
}, []);
|
110
|
+
return ___EmotionJSX(Box, fieldContainerProps, label && ___EmotionJSX(Label, fieldLabelProps), ___EmotionJSX(Button, _extends({
|
111
|
+
"aria-label": "Select color",
|
112
|
+
bg: getRgbaFromState(state),
|
113
|
+
onPress: handleButtonPress,
|
114
|
+
ref: triggerRef,
|
115
|
+
variant: "colorField"
|
116
|
+
}, triggerProps, buttonProps)), ___EmotionJSX(Input, _extends({}, visuallyHiddenProps, fieldControlProps, {
|
117
|
+
ref: colorRef
|
118
|
+
})), helperText && ___EmotionJSX(FieldHelperText, {
|
119
|
+
status: status
|
120
|
+
}, helperText), ___EmotionJSX(PopoverContainer, _extends({}, overlayProps, positionProps, {
|
121
|
+
ref: overlayRef,
|
122
|
+
isOpen: popoverState.isOpen,
|
123
|
+
onClose: popoverState.close,
|
124
|
+
hasNoArrow: true,
|
125
|
+
isDismissable: true
|
126
|
+
}), ___EmotionJSX(FocusScope, {
|
127
|
+
restoreFocus: true,
|
128
|
+
contain: true,
|
129
|
+
autoFocus: true
|
130
|
+
}, ___EmotionJSX(ChromePicker, {
|
131
|
+
color: getRgbaFromState(state),
|
132
|
+
onChange: handleColorChange
|
133
|
+
}))));
|
134
|
+
});
|
135
|
+
ColorField.propTypes = {
|
136
|
+
/** Alignment of the popover menu relative to the trigger. */
|
137
|
+
align: PropTypes.oneOf(['start', 'end', 'middle']),
|
138
|
+
|
139
|
+
/** Where the popover menu opens relative to its trigger. */
|
140
|
+
direction: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
|
141
|
+
|
142
|
+
/** Text to display after the Color Field button. Useful for errors or other info. */
|
143
|
+
helperText: PropTypes.node,
|
144
|
+
|
145
|
+
/** The content to display as the label. */
|
146
|
+
label: PropTypes.node,
|
147
|
+
|
148
|
+
/** Pass a function to call every time the color is changed. [React Color onChange](https://casesandberg.github.io/react-color/#api-onChange)
|
149
|
+
*
|
150
|
+
* (color, event) => void;
|
151
|
+
*/
|
152
|
+
onChange: PropTypes.func,
|
153
|
+
|
154
|
+
/** Determines the helper text styling. */
|
155
|
+
status: PropTypes.oneOf(_Object$values(statuses)),
|
156
|
+
|
157
|
+
/** Color controls what color is active on the color picker. */
|
158
|
+
value: PropTypes.string,
|
159
|
+
|
160
|
+
/** Props object that is spread into the Button element. */
|
161
|
+
buttonProps: PropTypes.shape({}),
|
162
|
+
|
163
|
+
/** Props object that is spread directly into the root (top-level) Box component. */
|
164
|
+
containerProps: PropTypes.shape({}),
|
165
|
+
|
166
|
+
/** Props object that is spread into the input element. */
|
167
|
+
controlProps: PropTypes.shape({}),
|
168
|
+
|
169
|
+
/** Props object that is spread into the label element. */
|
170
|
+
labelProps: PropTypes.shape({})
|
171
|
+
};
|
172
|
+
ColorField.defaultProps = {
|
173
|
+
align: 'middle',
|
174
|
+
direction: 'bottom'
|
175
|
+
};
|
176
|
+
ColorField.displayName = 'ColorField';
|
177
|
+
export default ColorField;
|