@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,12 @@
|
|
1
|
+
export { default as useAriaLabelWarning } from './useAriaLabelWarning';
|
2
|
+
export { default as useColumnStyles } from './useColumnStyles';
|
3
|
+
export { default as useDeprecationWarning } from './useDeprecationWarning';
|
4
|
+
export { default as useField } from './useField';
|
5
|
+
export { default as useLabelHeight } from './useLabelHeight';
|
6
|
+
export { default as useModalState } from './useModalState';
|
7
|
+
export { default as useOverlayPanelState } from './useOverlayPanelState';
|
8
|
+
export { default as usePropWarning } from './usePropWarning';
|
9
|
+
export { default as useRockerButton } from './useRockerButton';
|
10
|
+
export { default as useSelectField } from './useSelectField';
|
11
|
+
export { default as useStatusClasses } from './useStatusClasses';
|
12
|
+
export { default as useDebounce } from './useDebounce';
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './useAriaLabelWarning';
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { useEffect } from 'react';
|
2
|
+
/**
|
3
|
+
* Provides a development-only console warning when a component
|
4
|
+
* that needs an aria-label is mounted without one.
|
5
|
+
*
|
6
|
+
* e.g. "\`Component\` requires an aria-label."
|
7
|
+
*/
|
8
|
+
|
9
|
+
var useAriaLabelWarning = function useAriaLabelWarning(component, ariaLabel) {
|
10
|
+
useEffect(function () {
|
11
|
+
if (process.env.NODE_ENV === 'development' && !ariaLabel) {
|
12
|
+
// eslint-disable-next-line no-console
|
13
|
+
console.warn("".concat(component, " requires an aria-label"), '\n', '\n', 'NOTE: This is a development-only warning and will not display in production.');
|
14
|
+
}
|
15
|
+
}, []);
|
16
|
+
};
|
17
|
+
|
18
|
+
export default useAriaLabelWarning;
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import { renderHook } from '@testing-library/react-hooks';
|
2
|
+
import useAriaLabelWarning from './useAriaLabelWarning';
|
3
|
+
var component = 'TestComponent';
|
4
|
+
beforeEach(function () {
|
5
|
+
process.env.NODE_ENV = 'development';
|
6
|
+
|
7
|
+
global.console.warn = function () {
|
8
|
+
return jest.mock();
|
9
|
+
}; // eslint-disable-line no-console
|
10
|
+
|
11
|
+
});
|
12
|
+
afterEach(function () {
|
13
|
+
process.env.NODE_ENV = 'test';
|
14
|
+
jest.restoreAllMocks();
|
15
|
+
});
|
16
|
+
test('default useAriaLabelWarning', function () {
|
17
|
+
var spy = jest.spyOn(console, 'warn');
|
18
|
+
expect(spy).not.toHaveBeenCalled();
|
19
|
+
renderHook(function () {
|
20
|
+
return useAriaLabelWarning(component);
|
21
|
+
});
|
22
|
+
expect(spy).toHaveBeenCalledTimes(1);
|
23
|
+
});
|
24
|
+
test('useAriaLabelWarning with string', function () {
|
25
|
+
var compound = "".concat(component, " requires an aria-label");
|
26
|
+
var spy = jest.spyOn(console, 'warn');
|
27
|
+
expect(spy).not.toHaveBeenCalled();
|
28
|
+
renderHook(function () {
|
29
|
+
return useAriaLabelWarning(component);
|
30
|
+
});
|
31
|
+
expect(spy).toHaveBeenNthCalledWith(1, expect.stringMatching(compound), expect.any(String), expect.any(String), expect.any(String));
|
32
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './useColumnStyles';
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
2
|
+
import { useEffect, useState } from 'react';
|
3
|
+
|
4
|
+
var useColumnStyles = function useColumnStyles(_ref) {
|
5
|
+
var labelMode = _ref.labelMode;
|
6
|
+
|
7
|
+
var _useState = useState(false),
|
8
|
+
_useState2 = _slicedToArray(_useState, 2),
|
9
|
+
labelStyleProps = _useState2[0],
|
10
|
+
setlabelStyleProps = _useState2[1];
|
11
|
+
|
12
|
+
useEffect(function () {
|
13
|
+
if (labelMode === 'left') {
|
14
|
+
setlabelStyleProps({
|
15
|
+
sx: {
|
16
|
+
gridTemplateColumns: '40% auto'
|
17
|
+
}
|
18
|
+
});
|
19
|
+
}
|
20
|
+
}, [labelMode]);
|
21
|
+
return labelStyleProps;
|
22
|
+
};
|
23
|
+
|
24
|
+
export default useColumnStyles;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './useCopyToClipboard';
|
@@ -0,0 +1,69 @@
|
|
1
|
+
import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
|
2
|
+
import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
|
3
|
+
|
4
|
+
var useCopyToClipboard = function useCopyToClipboard(value) {
|
5
|
+
var setIsCopied = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
|
6
|
+
return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
7
|
+
var textArea, isSuccessful;
|
8
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
9
|
+
while (1) {
|
10
|
+
switch (_context.prev = _context.next) {
|
11
|
+
case 0:
|
12
|
+
_context.prev = 0;
|
13
|
+
|
14
|
+
if (!navigator.clipboard) {
|
15
|
+
_context.next = 7;
|
16
|
+
break;
|
17
|
+
}
|
18
|
+
|
19
|
+
_context.next = 4;
|
20
|
+
return navigator.clipboard.writeText(value);
|
21
|
+
|
22
|
+
case 4:
|
23
|
+
setIsCopied(true);
|
24
|
+
_context.next = 20;
|
25
|
+
break;
|
26
|
+
|
27
|
+
case 7:
|
28
|
+
// Workaround for copying in insecure origin
|
29
|
+
textArea = document.createElement('textarea');
|
30
|
+
textArea.value = value;
|
31
|
+
textArea.style.position = 'fixed';
|
32
|
+
document.body.appendChild(textArea);
|
33
|
+
textArea.focus();
|
34
|
+
textArea.select();
|
35
|
+
isSuccessful = document.execCommand('copy');
|
36
|
+
textArea.remove();
|
37
|
+
|
38
|
+
if (!isSuccessful) {
|
39
|
+
_context.next = 19;
|
40
|
+
break;
|
41
|
+
}
|
42
|
+
|
43
|
+
setIsCopied(isSuccessful);
|
44
|
+
_context.next = 20;
|
45
|
+
break;
|
46
|
+
|
47
|
+
case 19:
|
48
|
+
throw new Error('Unable to copy message');
|
49
|
+
|
50
|
+
case 20:
|
51
|
+
_context.next = 25;
|
52
|
+
break;
|
53
|
+
|
54
|
+
case 22:
|
55
|
+
_context.prev = 22;
|
56
|
+
_context.t0 = _context["catch"](0);
|
57
|
+
// eslint-disable-next-line no-console
|
58
|
+
console.error('Failed to copy: ', _context.t0);
|
59
|
+
|
60
|
+
case 25:
|
61
|
+
case "end":
|
62
|
+
return _context.stop();
|
63
|
+
}
|
64
|
+
}
|
65
|
+
}, _callee, null, [[0, 22]]);
|
66
|
+
}));
|
67
|
+
};
|
68
|
+
|
69
|
+
export default useCopyToClipboard;
|
@@ -0,0 +1,64 @@
|
|
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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
12
|
+
|
13
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
14
|
+
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
16
|
+
|
17
|
+
import useCopyToClipboard from './useCopyToClipboard';
|
18
|
+
var mockCopyText = 'test';
|
19
|
+
|
20
|
+
var originalClipboard = _objectSpread({}, global.navigator.clipboard);
|
21
|
+
|
22
|
+
var originalExecCommand = global.document.execCommand;
|
23
|
+
beforeEach(function () {
|
24
|
+
global.navigator.clipboard = {
|
25
|
+
writeText: jest.fn()
|
26
|
+
};
|
27
|
+
global.document.execCommand = jest.fn();
|
28
|
+
global.document.execCommand.mockReturnValue(true);
|
29
|
+
});
|
30
|
+
afterEach(function () {
|
31
|
+
jest.resetAllMocks();
|
32
|
+
global.navigator.clipboard = originalClipboard;
|
33
|
+
global.document.execCommand = originalExecCommand;
|
34
|
+
});
|
35
|
+
test('default return', function () {
|
36
|
+
var copyToClipboard = useCopyToClipboard();
|
37
|
+
expect(copyToClipboard).toEqual(expect.any(Function));
|
38
|
+
});
|
39
|
+
test('should copy text that passed in props', function () {
|
40
|
+
var copyToClipboard = useCopyToClipboard(mockCopyText);
|
41
|
+
copyToClipboard();
|
42
|
+
expect(navigator.clipboard.writeText).toHaveBeenCalledWith(mockCopyText);
|
43
|
+
});
|
44
|
+
test('should call setIsCopied once function will be called', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
45
|
+
var mockSetIsCopied, copyToClipboard;
|
46
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
47
|
+
while (1) {
|
48
|
+
switch (_context.prev = _context.next) {
|
49
|
+
case 0:
|
50
|
+
mockSetIsCopied = jest.fn();
|
51
|
+
copyToClipboard = useCopyToClipboard(mockCopyText, mockSetIsCopied);
|
52
|
+
_context.next = 4;
|
53
|
+
return copyToClipboard();
|
54
|
+
|
55
|
+
case 4:
|
56
|
+
expect(mockSetIsCopied).toHaveBeenCalledWith(true);
|
57
|
+
|
58
|
+
case 5:
|
59
|
+
case "end":
|
60
|
+
return _context.stop();
|
61
|
+
}
|
62
|
+
}
|
63
|
+
}, _callee);
|
64
|
+
})));
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './useDebounce';
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
|
2
|
+
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
3
|
+
import { useEffect, useState } from 'react';
|
4
|
+
|
5
|
+
var useDebounce = function useDebounce(props) {
|
6
|
+
var value = props.value,
|
7
|
+
delay = props.delay;
|
8
|
+
|
9
|
+
var _useState = useState(value),
|
10
|
+
_useState2 = _slicedToArray(_useState, 2),
|
11
|
+
debouncedValue = _useState2[0],
|
12
|
+
setDebouncedValue = _useState2[1];
|
13
|
+
|
14
|
+
useEffect(function () {
|
15
|
+
var handler = _setTimeout(function () {
|
16
|
+
setDebouncedValue(value);
|
17
|
+
}, [delay]);
|
18
|
+
|
19
|
+
return function () {
|
20
|
+
clearTimeout(handler);
|
21
|
+
};
|
22
|
+
}, [value, delay]);
|
23
|
+
return debouncedValue;
|
24
|
+
};
|
25
|
+
|
26
|
+
export default useDebounce;
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import { act, renderHook } from '@testing-library/react-hooks';
|
2
|
+
import useDebounce from '../useDebounce';
|
3
|
+
describe('useDebounce', function () {
|
4
|
+
jest.useFakeTimers();
|
5
|
+
it('Updates value only after `delay` milliseconds have expired', function () {
|
6
|
+
var _renderHook = renderHook(function (_ref) {
|
7
|
+
var value = _ref.value,
|
8
|
+
delay = _ref.delay;
|
9
|
+
return useDebounce({
|
10
|
+
value: value,
|
11
|
+
delay: delay
|
12
|
+
});
|
13
|
+
}, {
|
14
|
+
initialProps: {
|
15
|
+
value: 'foo',
|
16
|
+
delay: 500
|
17
|
+
}
|
18
|
+
}),
|
19
|
+
result = _renderHook.result,
|
20
|
+
rerender = _renderHook.rerender;
|
21
|
+
|
22
|
+
expect(result.current).toBe('foo');
|
23
|
+
act(function () {
|
24
|
+
return jest.advanceTimersByTime(510);
|
25
|
+
});
|
26
|
+
expect(result.current).toBe('foo');
|
27
|
+
rerender({
|
28
|
+
value: 'bar',
|
29
|
+
delay: 500
|
30
|
+
});
|
31
|
+
expect(result.current).toBe('foo');
|
32
|
+
act(function () {
|
33
|
+
return jest.advanceTimersByTime(498);
|
34
|
+
});
|
35
|
+
expect(result.current).toBe('foo');
|
36
|
+
act(function () {
|
37
|
+
return jest.advanceTimersByTime(3);
|
38
|
+
});
|
39
|
+
expect(result.current).toBe('bar');
|
40
|
+
});
|
41
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './useDeprecationWarning';
|
@@ -0,0 +1,40 @@
|
|
1
|
+
import _Set from "@babel/runtime-corejs3/core-js-stable/set";
|
2
|
+
import { useEffect } from 'react';
|
3
|
+
var alreadyShown = new _Set();
|
4
|
+
/**
|
5
|
+
* Provides a development-only console warning on component mount.
|
6
|
+
* @param {String} text - The deprecation warning text. It should describe what is being deprecated,
|
7
|
+
* when it is being deprecated (what lib version usually), and what to use instead.
|
8
|
+
* @param {object} options
|
9
|
+
* @param {boolean} options.isActive - whether warning should be shown
|
10
|
+
* @param {boolean} options.onlyOnce - if true then warning will be globally shown just once
|
11
|
+
* e.g. "\`MyField\` will be deprecated in Astro-UI 1.0.0, use \`MyOtherField\` instead."
|
12
|
+
*/
|
13
|
+
|
14
|
+
var useDeprecationWarning = function useDeprecationWarning() {
|
15
|
+
var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
16
|
+
|
17
|
+
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
18
|
+
_ref$onlyOnce = _ref.onlyOnce,
|
19
|
+
onlyOnce = _ref$onlyOnce === void 0 ? true : _ref$onlyOnce,
|
20
|
+
_ref$isActive = _ref.isActive,
|
21
|
+
isActive = _ref$isActive === void 0 ? true : _ref$isActive;
|
22
|
+
|
23
|
+
useEffect(function () {
|
24
|
+
if (!isActive) {
|
25
|
+
return;
|
26
|
+
}
|
27
|
+
|
28
|
+
if (onlyOnce && alreadyShown.has(text)) {
|
29
|
+
return;
|
30
|
+
}
|
31
|
+
|
32
|
+
if (process.env.NODE_ENV === 'development') {
|
33
|
+
alreadyShown.add(text); // eslint-disable-next-line no-console
|
34
|
+
|
35
|
+
console.warn("".concat(text), '\n', '\n', 'NOTE: This is a development-only warning and will not display in production.');
|
36
|
+
}
|
37
|
+
}, [isActive]);
|
38
|
+
};
|
39
|
+
|
40
|
+
export default useDeprecationWarning;
|
@@ -0,0 +1,89 @@
|
|
1
|
+
import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
|
2
|
+
import _toArray from "@babel/runtime-corejs3/helpers/esm/toArray";
|
3
|
+
import { renderHook } from '@testing-library/react-hooks';
|
4
|
+
import useDeprecationWarning from './useDeprecationWarning'; // since we cannot reset `alreadyShown` inside of module we will generate unique messages
|
5
|
+
|
6
|
+
var uniqueIndex = 0;
|
7
|
+
|
8
|
+
function generateUniqueMessage() {
|
9
|
+
var message = "Text ".concat(uniqueIndex);
|
10
|
+
uniqueIndex += 1;
|
11
|
+
return message;
|
12
|
+
}
|
13
|
+
|
14
|
+
beforeEach(function () {
|
15
|
+
process.env.NODE_ENV = 'development';
|
16
|
+
|
17
|
+
global.console.warn = function () {
|
18
|
+
return jest.mock();
|
19
|
+
}; // eslint-disable-line no-console
|
20
|
+
|
21
|
+
});
|
22
|
+
afterEach(function () {
|
23
|
+
process.env.NODE_ENV = 'test';
|
24
|
+
jest.restoreAllMocks();
|
25
|
+
});
|
26
|
+
test('default useDeprecationWarning', function () {
|
27
|
+
var spy = jest.spyOn(console, 'warn');
|
28
|
+
expect(spy).not.toHaveBeenCalled();
|
29
|
+
renderHook(function () {
|
30
|
+
return useDeprecationWarning();
|
31
|
+
});
|
32
|
+
expect(spy).toHaveBeenCalledTimes(1);
|
33
|
+
});
|
34
|
+
test('useDeprecationWarning with string', function () {
|
35
|
+
var string = generateUniqueMessage();
|
36
|
+
var spy = jest.spyOn(console, 'warn');
|
37
|
+
expect(spy).not.toHaveBeenCalled();
|
38
|
+
renderHook(function () {
|
39
|
+
return useDeprecationWarning(string);
|
40
|
+
});
|
41
|
+
expect(spy).toHaveBeenNthCalledWith(1, expect.stringMatching(string), expect.any(String), expect.any(String), expect.any(String));
|
42
|
+
});
|
43
|
+
test('useDeprecationWarning by default ignores duplicated messages', function () {
|
44
|
+
var spy = jest.spyOn(console, 'warn');
|
45
|
+
var message = generateUniqueMessage();
|
46
|
+
renderHook(function () {
|
47
|
+
return useDeprecationWarning(message);
|
48
|
+
});
|
49
|
+
renderHook(function () {
|
50
|
+
return useDeprecationWarning(message);
|
51
|
+
});
|
52
|
+
expect(spy).toHaveBeenCalledTimes(1);
|
53
|
+
});
|
54
|
+
test('useDeprecationWarning shows same message for few times if explicitly allowed', function () {
|
55
|
+
var spy = jest.spyOn(console, 'warn');
|
56
|
+
var message = generateUniqueMessage();
|
57
|
+
renderHook(function () {
|
58
|
+
return useDeprecationWarning(message, {
|
59
|
+
onlyOnce: false
|
60
|
+
});
|
61
|
+
});
|
62
|
+
renderHook(function () {
|
63
|
+
return useDeprecationWarning(message, {
|
64
|
+
onlyOnce: false
|
65
|
+
});
|
66
|
+
});
|
67
|
+
expect(spy).toHaveBeenCalledTimes(2);
|
68
|
+
});
|
69
|
+
test('shows message after isActive is flipped from false to true', function () {
|
70
|
+
var spy = jest.spyOn(console, 'warn');
|
71
|
+
var message = generateUniqueMessage();
|
72
|
+
|
73
|
+
var _renderHook = renderHook(function (_ref) {
|
74
|
+
var _ref2 = _toArray(_ref),
|
75
|
+
args = _sliceInstanceProperty(_ref2).call(_ref2, 0);
|
76
|
+
|
77
|
+
return useDeprecationWarning.apply(void 0, args);
|
78
|
+
}, {
|
79
|
+
initialProps: [message, {
|
80
|
+
isActive: false
|
81
|
+
}]
|
82
|
+
}),
|
83
|
+
rerender = _renderHook.rerender;
|
84
|
+
|
85
|
+
rerender([message, {
|
86
|
+
isActive: true
|
87
|
+
}]);
|
88
|
+
expect(spy).toHaveBeenCalledTimes(1);
|
89
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './useField';
|
@@ -0,0 +1,218 @@
|
|
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$entries from "@babel/runtime-corejs3/core-js-stable/object/entries";
|
10
|
+
import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
|
11
|
+
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
12
|
+
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
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 _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
18
|
+
|
19
|
+
import { useEffect, useState } from 'react';
|
20
|
+
import omit from 'lodash/omit';
|
21
|
+
import noop from 'lodash/noop';
|
22
|
+
import { useLabel } from '@react-aria/label';
|
23
|
+
import { useFocusWithin } from '@react-aria/interactions';
|
24
|
+
import { useFocusRing } from '@react-aria/focus';
|
25
|
+
import { mergeProps } from '@react-aria/utils';
|
26
|
+
import statuses from '../../utils/devUtils/constants/statuses';
|
27
|
+
import { useStatusClasses } from '../../hooks';
|
28
|
+
import { modes as labelModes } from '../../components/Label/constants';
|
29
|
+
/**
|
30
|
+
* Generates the necessary props to be used in field components.
|
31
|
+
* @param {{}} props Props for the field
|
32
|
+
* @returns {{}} Prop objects to be spread into field components.
|
33
|
+
*/
|
34
|
+
|
35
|
+
var useField = function useField() {
|
36
|
+
var _context;
|
37
|
+
|
38
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
39
|
+
|
40
|
+
var autocomplete = props.autocomplete,
|
41
|
+
autoComplete = props.autoComplete,
|
42
|
+
autoCorrect = props.autoCorrect,
|
43
|
+
children = props.children,
|
44
|
+
className = props.className,
|
45
|
+
_props$containerProps = props.containerProps,
|
46
|
+
containerProps = _props$containerProps === void 0 ? {} : _props$containerProps,
|
47
|
+
_props$controlProps = props.controlProps,
|
48
|
+
controlProps = _props$controlProps === void 0 ? {} : _props$controlProps,
|
49
|
+
defaultText = props.defaultText,
|
50
|
+
defaultValue = props.defaultValue,
|
51
|
+
direction = props.direction,
|
52
|
+
disabledKeys = props.disabledKeys,
|
53
|
+
hasAutoFocus = props.hasAutoFocus,
|
54
|
+
hasNoStatusIndicator = props.hasNoStatusIndicator,
|
55
|
+
helperText = props.helperText,
|
56
|
+
hintText = props.hintText,
|
57
|
+
id = props.id,
|
58
|
+
isDefaultSelected = props.isDefaultSelected,
|
59
|
+
isDisabled = props.isDisabled,
|
60
|
+
isReadOnly = props.isReadOnly,
|
61
|
+
isRequired = props.isRequired,
|
62
|
+
isSelected = props.isSelected,
|
63
|
+
label = props.label,
|
64
|
+
labelMode = props.labelMode,
|
65
|
+
_props$labelProps = props.labelProps,
|
66
|
+
labelProps = _props$labelProps === void 0 ? {} : _props$labelProps,
|
67
|
+
maxLength = props.maxLength,
|
68
|
+
name = props.name,
|
69
|
+
onBlur = props.onBlur,
|
70
|
+
_props$onChange = props.onChange,
|
71
|
+
onChange = _props$onChange === void 0 ? noop : _props$onChange,
|
72
|
+
onClear = props.onClear,
|
73
|
+
onFocus = props.onFocus,
|
74
|
+
onFocusChange = props.onFocusChange,
|
75
|
+
onLoadMore = props.onLoadMore,
|
76
|
+
onOpenChange = props.onOpenChange,
|
77
|
+
onSelectionChange = props.onSelectionChange,
|
78
|
+
placeholder = props.placeholder,
|
79
|
+
role = props.role,
|
80
|
+
selectedKey = props.selectedKey,
|
81
|
+
spellCheck = props.spellCheck,
|
82
|
+
_props$status = props.status,
|
83
|
+
status = _props$status === void 0 ? statuses.DEFAULT : _props$status,
|
84
|
+
statusClasses = props.statusClasses,
|
85
|
+
type = props.type,
|
86
|
+
value = props.value,
|
87
|
+
others = _objectWithoutProperties(props, ["autocomplete", "autoComplete", "autoCorrect", "children", "className", "containerProps", "controlProps", "defaultText", "defaultValue", "direction", "disabledKeys", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "hintText", "id", "isDefaultSelected", "isDisabled", "isReadOnly", "isRequired", "isSelected", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onClear", "onFocus", "onFocusChange", "onLoadMore", "onOpenChange", "onSelectionChange", "placeholder", "role", "selectedKey", "spellCheck", "status", "statusClasses", "type", "value"]); // 0 could be a valid input for fields, but null, undefined, and '' are not
|
88
|
+
|
89
|
+
|
90
|
+
var _useState = useState(!!value || value === 0),
|
91
|
+
_useState2 = _slicedToArray(_useState, 2),
|
92
|
+
hasValue = _useState2[0],
|
93
|
+
setHasValue = _useState2[1];
|
94
|
+
|
95
|
+
var _useState3 = useState(false),
|
96
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
97
|
+
hasFocusWithin = _useState4[0],
|
98
|
+
setFocusWithin = _useState4[1];
|
99
|
+
|
100
|
+
useEffect(function () {
|
101
|
+
if (!!defaultValue || defaultValue === 0 || !!value || value === 0 || !!placeholder || placeholder === 0) {
|
102
|
+
setHasValue(true);
|
103
|
+
} else {
|
104
|
+
setHasValue(false);
|
105
|
+
}
|
106
|
+
}, [defaultValue, value, placeholder]); // Capture value changes so we can apply the has-value class to the container
|
107
|
+
|
108
|
+
var fieldOnChange = function fieldOnChange(e) {
|
109
|
+
var _e$target;
|
110
|
+
|
111
|
+
var eventValue = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value;
|
112
|
+
|
113
|
+
if (!!eventValue || eventValue === 0 || !!placeholder || placeholder === 0) {
|
114
|
+
setHasValue(true);
|
115
|
+
} else {
|
116
|
+
setHasValue(false);
|
117
|
+
} // Make sure to call the original onChange event
|
118
|
+
|
119
|
+
|
120
|
+
return onChange(e);
|
121
|
+
};
|
122
|
+
|
123
|
+
var _useLabel = useLabel(_objectSpread(_objectSpread({}, props), controlProps)),
|
124
|
+
raLabelProps = _useLabel.labelProps,
|
125
|
+
raFieldProps = _useLabel.fieldProps;
|
126
|
+
|
127
|
+
var _useFocusRing = useFocusRing(),
|
128
|
+
isFocusVisible = _useFocusRing.isFocusVisible,
|
129
|
+
focusProps = _useFocusRing.focusProps;
|
130
|
+
|
131
|
+
var _useStatusClasses = useStatusClasses(className, _objectSpread(_defineProperty({
|
132
|
+
hasNoStatusIndicator: hasNoStatusIndicator,
|
133
|
+
isFocused: isFocusVisible,
|
134
|
+
isDisabled: isDisabled,
|
135
|
+
isReadOnly: isReadOnly
|
136
|
+
}, "is-".concat(status), true), statusClasses)),
|
137
|
+
classNames = _useStatusClasses.classNames;
|
138
|
+
|
139
|
+
var ariaProps = _reduceInstanceProperty(_context = _Object$entries(others)).call(_context, function (acc, _ref) {
|
140
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
141
|
+
key = _ref2[0],
|
142
|
+
val = _ref2[1];
|
143
|
+
|
144
|
+
if (key.match(/^aria-.*/)) return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, val));
|
145
|
+
return _objectSpread({}, acc);
|
146
|
+
}, {}); // Handle focus within and value state for the container. These are needed for float labels.
|
147
|
+
|
148
|
+
|
149
|
+
var _useFocusWithin = useFocusWithin({
|
150
|
+
onFocusWithinChange: setFocusWithin
|
151
|
+
}),
|
152
|
+
focusWithinProps = _useFocusWithin.focusWithinProps;
|
153
|
+
|
154
|
+
var isFloatLabel = labelMode === labelModes.FLOAT;
|
155
|
+
var isLeftLabel = labelMode === labelModes.LEFT;
|
156
|
+
var isFloatLabelActive = isFloatLabel && (hasValue || hasFocusWithin || (containerProps === null || containerProps === void 0 ? void 0 : containerProps.isFloatLabelActive));
|
157
|
+
|
158
|
+
var _useStatusClasses2 = useStatusClasses(containerProps === null || containerProps === void 0 ? void 0 : containerProps.className, {
|
159
|
+
'field-container': true,
|
160
|
+
// generates 'field-container' class
|
161
|
+
hasValue: hasValue,
|
162
|
+
hasFocusWithin: hasFocusWithin,
|
163
|
+
isLeftLabel: isLeftLabel,
|
164
|
+
isFloatLabel: isFloatLabel,
|
165
|
+
isFloatLabelActive: isFloatLabelActive
|
166
|
+
}),
|
167
|
+
containerClasses = _useStatusClasses2.classNames;
|
168
|
+
|
169
|
+
var nonAriaOthers = _objectSpread({}, omit(others, _Object$keys(ariaProps)));
|
170
|
+
|
171
|
+
var fieldContainerProps = _objectSpread(_objectSpread(_objectSpread({}, nonAriaOthers), mergeProps(containerProps, focusWithinProps)), {}, {
|
172
|
+
className: containerClasses,
|
173
|
+
sx: _objectSpread({
|
174
|
+
position: 'relative'
|
175
|
+
}, containerProps === null || containerProps === void 0 ? void 0 : containerProps.sx)
|
176
|
+
});
|
177
|
+
|
178
|
+
var fieldControlProps = _objectSpread(_objectSpread(_objectSpread({
|
179
|
+
autocomplete: autocomplete || autoComplete,
|
180
|
+
autoCorrect: autoCorrect,
|
181
|
+
autoFocus: hasAutoFocus,
|
182
|
+
className: classNames,
|
183
|
+
defaultSelected: isDefaultSelected,
|
184
|
+
defaultValue: defaultValue,
|
185
|
+
disabled: isDisabled,
|
186
|
+
id: id,
|
187
|
+
isFocused: hasFocusWithin,
|
188
|
+
maxLength: maxLength,
|
189
|
+
name: name,
|
190
|
+
onChange: fieldOnChange,
|
191
|
+
placeholder: placeholder,
|
192
|
+
readOnly: isReadOnly,
|
193
|
+
required: isRequired,
|
194
|
+
role: role,
|
195
|
+
spellCheck: spellCheck,
|
196
|
+
type: type,
|
197
|
+
value: value
|
198
|
+
}, ariaProps), raFieldProps), mergeProps({
|
199
|
+
onBlur: onBlur,
|
200
|
+
onFocus: onFocus
|
201
|
+
}, omit(controlProps, 'data-testid'), focusProps));
|
202
|
+
|
203
|
+
var fieldLabelProps = _objectSpread(_objectSpread({
|
204
|
+
children: label,
|
205
|
+
className: classNames,
|
206
|
+
hintText: hintText,
|
207
|
+
isRequired: isRequired,
|
208
|
+
mode: labelMode
|
209
|
+
}, raLabelProps), labelProps);
|
210
|
+
|
211
|
+
return {
|
212
|
+
fieldContainerProps: fieldContainerProps,
|
213
|
+
fieldControlProps: fieldControlProps,
|
214
|
+
fieldLabelProps: fieldLabelProps
|
215
|
+
};
|
216
|
+
};
|
217
|
+
|
218
|
+
export default useField;
|