@pingux/astro 1.1.0-alpha.8 → 1.1.1-alpha.1
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/CHANGELOG.md +60 -0
- package/package.json +3 -2
- package/lib/cjs/components/AccordionGridGroup/AccordionGridContext.js +0 -17
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +0 -221
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +0 -313
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +0 -257
- package/lib/cjs/components/AccordionGridGroup/index.js +0 -18
- package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +0 -103
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +0 -91
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +0 -135
- package/lib/cjs/components/AccordionGridItem/index.js +0 -18
- package/lib/cjs/components/AccordionGroup/AccordionGroup.js +0 -105
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +0 -245
- package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +0 -299
- package/lib/cjs/components/AccordionGroup/index.js +0 -18
- package/lib/cjs/components/AccordionItem/AccordionItem.js +0 -147
- package/lib/cjs/components/AccordionItem/index.js +0 -18
- package/lib/cjs/components/AstroWrapper/AstroWrapper.js +0 -91
- package/lib/cjs/components/AstroWrapper/AstroWrapper.test.js +0 -37
- package/lib/cjs/components/AstroWrapper/PageWrapper.test.js +0 -39
- package/lib/cjs/components/AstroWrapper/index.js +0 -38
- package/lib/cjs/components/Avatar/Avatar.js +0 -41
- package/lib/cjs/components/Avatar/Avatar.stories.js +0 -42
- package/lib/cjs/components/Avatar/Avatar.test.js +0 -37
- package/lib/cjs/components/Avatar/index.js +0 -18
- package/lib/cjs/components/Box/Box.js +0 -142
- package/lib/cjs/components/Box/Box.stories.js +0 -278
- package/lib/cjs/components/Box/Box.test.js +0 -79
- package/lib/cjs/components/Box/index.js +0 -18
- package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js +0 -137
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +0 -101
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +0 -166
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.test.js +0 -112
- package/lib/cjs/components/Breadcrumbs/index.js +0 -27
- package/lib/cjs/components/Button/Button.js +0 -197
- package/lib/cjs/components/Button/Button.stories.js +0 -113
- package/lib/cjs/components/Button/Button.test.js +0 -125
- package/lib/cjs/components/Button/constants.js +0 -14
- package/lib/cjs/components/Button/index.js +0 -18
- package/lib/cjs/components/Card/Card.js +0 -35
- package/lib/cjs/components/Card/Card.stories.js +0 -52
- package/lib/cjs/components/Card/Card.test.js +0 -48
- package/lib/cjs/components/Card/index.js +0 -18
- package/lib/cjs/components/Checkbox/Checkbox.js +0 -40
- package/lib/cjs/components/Checkbox/Checkbox.test.js +0 -36
- package/lib/cjs/components/Checkbox/index.js +0 -18
- package/lib/cjs/components/CheckboxField/CheckboxField.js +0 -210
- package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +0 -167
- package/lib/cjs/components/CheckboxField/CheckboxField.test.js +0 -116
- package/lib/cjs/components/CheckboxField/index.js +0 -18
- package/lib/cjs/components/Chip/Chip.js +0 -86
- package/lib/cjs/components/Chip/Chip.stories.js +0 -140
- package/lib/cjs/components/Chip/Chip.test.js +0 -57
- package/lib/cjs/components/Chip/ChipContext.js +0 -19
- package/lib/cjs/components/Chip/index.js +0 -18
- package/lib/cjs/components/ColorField/ColorField.js +0 -219
- package/lib/cjs/components/ColorField/ColorField.stories.js +0 -124
- package/lib/cjs/components/ColorField/ColorField.test.js +0 -71
- package/lib/cjs/components/ColorField/index.js +0 -18
- package/lib/cjs/components/ComboBox/ComboBoxInput.js +0 -214
- package/lib/cjs/components/ComboBox/index.js +0 -18
- package/lib/cjs/components/ComboBoxField/ComboBoxField.js +0 -413
- package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +0 -523
- package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +0 -841
- package/lib/cjs/components/ComboBoxField/index.js +0 -18
- package/lib/cjs/components/CopyText/CopyButton.js +0 -38
- package/lib/cjs/components/CopyText/CopyText.js +0 -150
- package/lib/cjs/components/CopyText/CopyText.stories.js +0 -58
- package/lib/cjs/components/CopyText/CopyText.test.js +0 -485
- package/lib/cjs/components/CopyText/index.js +0 -18
- package/lib/cjs/components/FieldHelperText/FieldHelperText.js +0 -67
- package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.js +0 -64
- package/lib/cjs/components/FieldHelperText/FieldHelperText.test.js +0 -67
- package/lib/cjs/components/FieldHelperText/index.js +0 -18
- package/lib/cjs/components/FileInputField/FileInputField.js +0 -324
- package/lib/cjs/components/FileInputField/FileInputField.stories.js +0 -250
- package/lib/cjs/components/FileInputField/FileInputField.test.js +0 -227
- package/lib/cjs/components/FileInputField/FileItem.js +0 -125
- package/lib/cjs/components/FileInputField/FileSelect.js +0 -48
- package/lib/cjs/components/FileInputField/index.js +0 -18
- package/lib/cjs/components/HelpHint/HelpHint.js +0 -57
- package/lib/cjs/components/HelpHint/index.js +0 -18
- package/lib/cjs/components/Icon/Icon.js +0 -93
- package/lib/cjs/components/Icon/Icon.stories.js +0 -93
- package/lib/cjs/components/Icon/Icon.test.js +0 -39
- package/lib/cjs/components/Icon/index.js +0 -18
- package/lib/cjs/components/IconButton/IconButton.js +0 -185
- package/lib/cjs/components/IconButton/IconButton.stories.js +0 -95
- package/lib/cjs/components/IconButton/IconButton.test.js +0 -181
- package/lib/cjs/components/IconButton/index.js +0 -18
- package/lib/cjs/components/Image/Image.js +0 -84
- package/lib/cjs/components/Image/Image.stories.js +0 -87
- package/lib/cjs/components/Image/Image.test.js +0 -38
- package/lib/cjs/components/Image/index.js +0 -18
- package/lib/cjs/components/ImageUploadField/ImagePreviewButton.js +0 -136
- package/lib/cjs/components/ImageUploadField/ImageUploadField.js +0 -160
- package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +0 -348
- package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +0 -439
- package/lib/cjs/components/ImageUploadField/ImageUploadFieldBase.js +0 -124
- package/lib/cjs/components/ImageUploadField/index.js +0 -18
- package/lib/cjs/components/Input/Input.js +0 -80
- package/lib/cjs/components/Input/Input.stories.js +0 -57
- package/lib/cjs/components/Input/Input.test.js +0 -69
- package/lib/cjs/components/Input/index.js +0 -18
- package/lib/cjs/components/Label/Label.js +0 -110
- package/lib/cjs/components/Label/Label.stories.js +0 -63
- package/lib/cjs/components/Label/Label.test.js +0 -90
- package/lib/cjs/components/Label/constants.js +0 -15
- package/lib/cjs/components/Label/index.js +0 -18
- package/lib/cjs/components/Link/Link.js +0 -95
- package/lib/cjs/components/Link/Link.stories.js +0 -56
- package/lib/cjs/components/Link/Link.test.js +0 -79
- package/lib/cjs/components/Link/index.js +0 -18
- package/lib/cjs/components/LinkSelectField/LinkSelectField.js +0 -225
- package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +0 -350
- package/lib/cjs/components/LinkSelectField/LinkSelectField.test.js +0 -230
- package/lib/cjs/components/LinkSelectField/index.js +0 -18
- package/lib/cjs/components/List/List.js +0 -41
- package/lib/cjs/components/List/List.stories.js +0 -61
- package/lib/cjs/components/List/List.test.js +0 -36
- package/lib/cjs/components/List/index.js +0 -18
- package/lib/cjs/components/ListBox/ListBox.js +0 -264
- package/lib/cjs/components/ListBox/ListBox.test.js +0 -171
- package/lib/cjs/components/ListBox/ListBoxContext.js +0 -17
- package/lib/cjs/components/ListBox/ListBoxSection.js +0 -82
- package/lib/cjs/components/ListBox/Option.js +0 -137
- package/lib/cjs/components/ListBox/index.js +0 -27
- package/lib/cjs/components/ListItem/ListItem.js +0 -76
- package/lib/cjs/components/ListItem/ListItem.stories.js +0 -103
- package/lib/cjs/components/ListItem/ListItem.test.js +0 -51
- package/lib/cjs/components/ListItem/index.js +0 -18
- package/lib/cjs/components/ListView/ListView.js +0 -284
- package/lib/cjs/components/ListView/ListView.stories.js +0 -794
- package/lib/cjs/components/ListView/ListView.test.js +0 -326
- package/lib/cjs/components/ListView/ListViewContext.js +0 -17
- package/lib/cjs/components/ListView/index.js +0 -18
- package/lib/cjs/components/ListViewItem/ListViewItem.js +0 -130
- package/lib/cjs/components/ListViewItem/index.js +0 -18
- package/lib/cjs/components/Loader/Loader.js +0 -93
- package/lib/cjs/components/Loader/Loader.stories.js +0 -63
- package/lib/cjs/components/Loader/Loader.test.js +0 -36
- package/lib/cjs/components/Loader/index.js +0 -18
- package/lib/cjs/components/Menu/Menu.js +0 -191
- package/lib/cjs/components/Menu/Menu.stories.js +0 -107
- package/lib/cjs/components/Menu/Menu.test.js +0 -223
- package/lib/cjs/components/Menu/index.js +0 -18
- package/lib/cjs/components/MenuItem/MenuItem.js +0 -184
- package/lib/cjs/components/MenuItem/MenuItem.test.js +0 -221
- package/lib/cjs/components/MenuItem/index.js +0 -18
- package/lib/cjs/components/Messages/Message.js +0 -183
- package/lib/cjs/components/Messages/Messages.js +0 -73
- package/lib/cjs/components/Messages/Messages.reducer.js +0 -70
- package/lib/cjs/components/Messages/Messages.stories.js +0 -353
- package/lib/cjs/components/Messages/Messages.test.js +0 -214
- package/lib/cjs/components/Messages/index.js +0 -40
- package/lib/cjs/components/Messages/utils/index.js +0 -27
- package/lib/cjs/components/Messages/utils/messagesReducer.js +0 -180
- package/lib/cjs/components/Messages/utils/multiMessagesReducer.js +0 -135
- package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +0 -94
- package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +0 -102
- package/lib/cjs/components/Modal/Modal.js +0 -218
- package/lib/cjs/components/Modal/Modal.stories.js +0 -173
- package/lib/cjs/components/Modal/index.js +0 -18
- package/lib/cjs/components/Modal/tests/Modal.integration.test.js +0 -95
- package/lib/cjs/components/Modal/tests/Modal.unit.test.js +0 -202
- package/lib/cjs/components/MultivaluesField/MultivaluesField.js +0 -519
- package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +0 -212
- package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +0 -387
- package/lib/cjs/components/MultivaluesField/index.js +0 -18
- package/lib/cjs/components/NumberField/NumberField.js +0 -224
- package/lib/cjs/components/NumberField/NumberField.stories.js +0 -242
- package/lib/cjs/components/NumberField/NumberField.test.js +0 -172
- package/lib/cjs/components/NumberField/index.js +0 -18
- package/lib/cjs/components/OverlayPanel/OverlayPanel.js +0 -80
- package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +0 -211
- package/lib/cjs/components/OverlayPanel/OverlayPanel.test.js +0 -56
- package/lib/cjs/components/OverlayPanel/index.js +0 -18
- package/lib/cjs/components/PageHeader/PageHeader.js +0 -50
- package/lib/cjs/components/PageHeader/PageHeader.stories.js +0 -42
- package/lib/cjs/components/PageHeader/PageHeader.test.js +0 -35
- package/lib/cjs/components/PageHeader/index.js +0 -18
- package/lib/cjs/components/PasswordField/PasswordField.js +0 -338
- package/lib/cjs/components/PasswordField/PasswordField.stories.js +0 -442
- package/lib/cjs/components/PasswordField/PasswordField.test.js +0 -236
- package/lib/cjs/components/PasswordField/index.js +0 -18
- package/lib/cjs/components/PopoverContainer/PopoverContainer.js +0 -160
- package/lib/cjs/components/PopoverContainer/PopoverContainer.test.js +0 -57
- package/lib/cjs/components/PopoverContainer/index.js +0 -38
- package/lib/cjs/components/PopoverMenu/PopoverMenu.js +0 -190
- package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +0 -231
- package/lib/cjs/components/PopoverMenu/PopoverMenu.test.js +0 -214
- package/lib/cjs/components/PopoverMenu/index.js +0 -18
- package/lib/cjs/components/Radio/Radio.js +0 -38
- package/lib/cjs/components/Radio/index.js +0 -18
- package/lib/cjs/components/RadioField/RadioField.js +0 -201
- package/lib/cjs/components/RadioField/RadioField.test.js +0 -97
- package/lib/cjs/components/RadioField/index.js +0 -38
- package/lib/cjs/components/RadioGroupField/RadioGroupField.js +0 -177
- package/lib/cjs/components/RadioGroupField/RadioGroupField.stories.js +0 -210
- package/lib/cjs/components/RadioGroupField/RadioGroupField.test.js +0 -202
- package/lib/cjs/components/RadioGroupField/index.js +0 -18
- package/lib/cjs/components/RequirementsList/RequirementsList.js +0 -117
- package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +0 -79
- package/lib/cjs/components/RequirementsList/RequirementsList.test.js +0 -114
- package/lib/cjs/components/RequirementsList/index.js +0 -18
- package/lib/cjs/components/RockerButton/RockerButton.js +0 -143
- package/lib/cjs/components/RockerButton/index.js +0 -38
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +0 -128
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +0 -164
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +0 -133
- package/lib/cjs/components/RockerButtonGroup/index.js +0 -38
- package/lib/cjs/components/ScrollBox/ScrollBox.js +0 -145
- package/lib/cjs/components/ScrollBox/ScrollBox.stories.js +0 -47
- package/lib/cjs/components/ScrollBox/ScrollBox.test.js +0 -87
- package/lib/cjs/components/ScrollBox/index.js +0 -18
- package/lib/cjs/components/SearchField/SearchField.js +0 -356
- package/lib/cjs/components/SearchField/SearchField.stories.js +0 -178
- package/lib/cjs/components/SearchField/SearchField.test.js +0 -251
- package/lib/cjs/components/SearchField/index.js +0 -18
- package/lib/cjs/components/SelectField/SelectField.js +0 -171
- package/lib/cjs/components/SelectField/SelectField.stories.js +0 -492
- package/lib/cjs/components/SelectField/SelectField.test.js +0 -85
- package/lib/cjs/components/SelectField/index.js +0 -18
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +0 -197
- package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +0 -471
- package/lib/cjs/components/SelectFieldBase/index.js +0 -18
- package/lib/cjs/components/Separator/Separator.js +0 -69
- package/lib/cjs/components/Separator/Separator.stories.js +0 -49
- package/lib/cjs/components/Separator/Separator.test.js +0 -38
- package/lib/cjs/components/Separator/index.js +0 -18
- package/lib/cjs/components/Stepper/Line.js +0 -51
- package/lib/cjs/components/Stepper/Step.js +0 -64
- package/lib/cjs/components/Stepper/Stepper.constants.js +0 -15
- package/lib/cjs/components/Stepper/Stepper.js +0 -170
- package/lib/cjs/components/Stepper/Stepper.stories.js +0 -139
- package/lib/cjs/components/Stepper/Stepper.test.js +0 -231
- package/lib/cjs/components/Stepper/index.js +0 -27
- package/lib/cjs/components/Switch/Switch.js +0 -53
- package/lib/cjs/components/Switch/index.js +0 -18
- package/lib/cjs/components/SwitchField/SwitchField.js +0 -231
- package/lib/cjs/components/SwitchField/SwitchField.stories.js +0 -170
- package/lib/cjs/components/SwitchField/SwitchField.test.js +0 -145
- package/lib/cjs/components/SwitchField/index.js +0 -18
- package/lib/cjs/components/Tab/Tab.js +0 -154
- package/lib/cjs/components/Tab/index.js +0 -38
- package/lib/cjs/components/Table/Table.js +0 -41
- package/lib/cjs/components/Table/Table.stories.js +0 -102
- package/lib/cjs/components/Table/Table.test.js +0 -80
- package/lib/cjs/components/Table/index.js +0 -18
- package/lib/cjs/components/TableBody/TableBody.js +0 -41
- package/lib/cjs/components/TableBody/index.js +0 -18
- package/lib/cjs/components/TableCell/TableCell.js +0 -48
- package/lib/cjs/components/TableCell/TableCell.test.js +0 -54
- package/lib/cjs/components/TableCell/index.js +0 -18
- package/lib/cjs/components/TableHead/TableHead.js +0 -40
- package/lib/cjs/components/TableHead/index.js +0 -18
- package/lib/cjs/components/TableRow/TableRow.js +0 -41
- package/lib/cjs/components/TableRow/index.js +0 -18
- package/lib/cjs/components/Tabs/Tabs.js +0 -166
- package/lib/cjs/components/Tabs/Tabs.stories.js +0 -295
- package/lib/cjs/components/Tabs/Tabs.test.js +0 -460
- package/lib/cjs/components/Tabs/index.js +0 -38
- package/lib/cjs/components/Text/Text.js +0 -52
- package/lib/cjs/components/Text/Text.stories.js +0 -124
- package/lib/cjs/components/Text/Text.test.js +0 -43
- package/lib/cjs/components/Text/index.js +0 -18
- package/lib/cjs/components/TextArea/TextArea.js +0 -41
- package/lib/cjs/components/TextArea/TextArea.test.js +0 -43
- package/lib/cjs/components/TextArea/index.js +0 -18
- package/lib/cjs/components/TextAreaField/TextAreaField.js +0 -235
- package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +0 -245
- package/lib/cjs/components/TextAreaField/TextAreaField.test.js +0 -156
- package/lib/cjs/components/TextAreaField/index.js +0 -18
- package/lib/cjs/components/TextField/TextField.js +0 -217
- package/lib/cjs/components/TextField/TextField.stories.js +0 -262
- package/lib/cjs/components/TextField/TextField.test.js +0 -175
- package/lib/cjs/components/TextField/index.js +0 -18
- package/lib/cjs/components/TooltipTrigger/Tooltip.js +0 -55
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.js +0 -176
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +0 -126
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +0 -109
- package/lib/cjs/components/TooltipTrigger/index.js +0 -27
- package/lib/cjs/context/AccordionContext/index.js +0 -22
- package/lib/cjs/context/MenuContext/index.js +0 -20
- package/lib/cjs/context/TooltipContext/index.js +0 -22
- package/lib/cjs/hooks/index.js +0 -117
- package/lib/cjs/hooks/useAriaLabelWarning/index.js +0 -18
- package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.js +0 -29
- package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +0 -38
- package/lib/cjs/hooks/useColumnStyles/index.js +0 -18
- package/lib/cjs/hooks/useColumnStyles/useColumnStyles.js +0 -38
- package/lib/cjs/hooks/useCopyToClipboard/index.js +0 -18
- package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js +0 -83
- package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +0 -79
- package/lib/cjs/hooks/useDebounce/index.js +0 -18
- package/lib/cjs/hooks/useDebounce/useDebounce.js +0 -40
- package/lib/cjs/hooks/useDebounce/useDebounce.test.js +0 -47
- package/lib/cjs/hooks/useDeprecationWarning/index.js +0 -18
- package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.js +0 -55
- package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.test.js +0 -97
- package/lib/cjs/hooks/useField/index.js +0 -18
- package/lib/cjs/hooks/useField/useField.js +0 -249
- package/lib/cjs/hooks/useField/useField.test.js +0 -236
- package/lib/cjs/hooks/useImageUploadState/index.js +0 -18
- package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js +0 -143
- package/lib/cjs/hooks/useLabelHeight/index.js +0 -18
- package/lib/cjs/hooks/useLabelHeight/useLabelHeight.js +0 -43
- package/lib/cjs/hooks/useModalState/index.js +0 -18
- package/lib/cjs/hooks/useModalState/useModalState.js +0 -35
- package/lib/cjs/hooks/useModalState/useModalState.test.js +0 -124
- package/lib/cjs/hooks/useOverlayPanelState/index.js +0 -18
- package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js +0 -35
- package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js +0 -20
- package/lib/cjs/hooks/useProgressiveState/index.js +0 -18
- package/lib/cjs/hooks/useProgressiveState/useProgressiveState.js +0 -29
- package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +0 -105
- package/lib/cjs/hooks/usePropWarning/index.js +0 -18
- package/lib/cjs/hooks/usePropWarning/usePropWarning.js +0 -45
- package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +0 -65
- package/lib/cjs/hooks/useRockerButton/index.js +0 -18
- package/lib/cjs/hooks/useRockerButton/useRockerButton.js +0 -67
- package/lib/cjs/hooks/useSelectField/index.js +0 -18
- package/lib/cjs/hooks/useSelectField/useSelectField.js +0 -254
- package/lib/cjs/hooks/useStatusClasses/index.js +0 -18
- package/lib/cjs/hooks/useStatusClasses/useStatusClasses.js +0 -40
- package/lib/cjs/hooks/useStatusClasses/useStatusClasses.test.js +0 -56
- package/lib/cjs/index.js +0 -1464
- package/lib/cjs/layouts/ListLayout.stories.js +0 -895
- package/lib/cjs/layouts/SchemaFormLayout.stories.js +0 -139
- package/lib/cjs/recipes/ApplicationSearchDropdown.stories.js +0 -310
- package/lib/cjs/recipes/ArrayField.stories.js +0 -169
- package/lib/cjs/recipes/Arrow.stories.js +0 -49
- package/lib/cjs/recipes/ConditionalFilter.stories.js +0 -465
- package/lib/cjs/recipes/CopyToClipboard.stories.js +0 -45
- package/lib/cjs/recipes/CountryPicker.stories.js +0 -155
- package/lib/cjs/recipes/DatePicker.stories.js +0 -149
- package/lib/cjs/recipes/DraggableBox.stories.js +0 -58
- package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +0 -198
- package/lib/cjs/recipes/LogoTabs.stories.js +0 -234
- package/lib/cjs/recipes/MaskedValue.stories.js +0 -107
- package/lib/cjs/recipes/NeutralInput.stories.js +0 -32
- package/lib/cjs/recipes/PanelHeader.stories.js +0 -97
- package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +0 -146
- package/lib/cjs/recipes/RowLineChart.stories.js +0 -528
- package/lib/cjs/recipes/ScrollableListView.stories.js +0 -141
- package/lib/cjs/recipes/SelectedFieldOverlay.story.js +0 -66
- package/lib/cjs/recipes/StatsCircle.stories.js +0 -46
- package/lib/cjs/styles/ColorDocumentation.js +0 -311
- package/lib/cjs/styles/ColorDocumentation.stories.js +0 -33
- package/lib/cjs/styles/ThemeDocumentation.js +0 -25
- package/lib/cjs/styles/breakpoints.js +0 -11
- package/lib/cjs/styles/colors.js +0 -200
- package/lib/cjs/styles/forms/checkbox.js +0 -23
- package/lib/cjs/styles/forms/comboBox.js +0 -49
- package/lib/cjs/styles/forms/index.js +0 -64
- package/lib/cjs/styles/forms/input.js +0 -214
- package/lib/cjs/styles/forms/label.js +0 -94
- package/lib/cjs/styles/forms/radio.js +0 -32
- package/lib/cjs/styles/forms/search.js +0 -33
- package/lib/cjs/styles/forms/select.js +0 -106
- package/lib/cjs/styles/forms/switch.js +0 -59
- package/lib/cjs/styles/forms/textarea.js +0 -48
- package/lib/cjs/styles/spacing.js +0 -31
- package/lib/cjs/styles/text.js +0 -45
- package/lib/cjs/styles/theme.js +0 -80
- package/lib/cjs/styles/themes/end-user/end-user.js +0 -280
- package/lib/cjs/styles/themes/end-user/index.js +0 -18
- package/lib/cjs/styles/useAstroTheme.js +0 -36
- package/lib/cjs/styles/variants/accordion.js +0 -83
- package/lib/cjs/styles/variants/boxes.js +0 -297
- package/lib/cjs/styles/variants/buttons.js +0 -549
- package/lib/cjs/styles/variants/imageUpload.js +0 -29
- package/lib/cjs/styles/variants/images.js +0 -19
- package/lib/cjs/styles/variants/index.js +0 -62
- package/lib/cjs/styles/variants/link.js +0 -27
- package/lib/cjs/styles/variants/listBox.js +0 -62
- package/lib/cjs/styles/variants/loader.js +0 -119
- package/lib/cjs/styles/variants/menu.js +0 -20
- package/lib/cjs/styles/variants/menuItem.js +0 -36
- package/lib/cjs/styles/variants/messages.js +0 -53
- package/lib/cjs/styles/variants/modal.js +0 -87
- package/lib/cjs/styles/variants/numberField.js +0 -64
- package/lib/cjs/styles/variants/overlayPanel.js +0 -73
- package/lib/cjs/styles/variants/popoverMenu.js +0 -99
- package/lib/cjs/styles/variants/rockerbutton.js +0 -25
- package/lib/cjs/styles/variants/separator.js +0 -21
- package/lib/cjs/styles/variants/stepper.js +0 -126
- package/lib/cjs/styles/variants/table.js +0 -72
- package/lib/cjs/styles/variants/tabs.js +0 -45
- package/lib/cjs/styles/variants/text.js +0 -236
- package/lib/cjs/styles/variants/tooltip.js +0 -16
- package/lib/cjs/styles/variants/variants.js +0 -100
- package/lib/cjs/utils/devUtils/constants/htmlElements.js +0 -15
- package/lib/cjs/utils/devUtils/constants/loadingStates.js +0 -18
- package/lib/cjs/utils/devUtils/constants/orientation.js +0 -14
- package/lib/cjs/utils/devUtils/constants/panelSizes.js +0 -11
- package/lib/cjs/utils/devUtils/constants/statuses.js +0 -16
- package/lib/cjs/utils/devUtils/constants/variants.js +0 -40
- package/lib/cjs/utils/devUtils/decorators/withDeprecationWarning.js +0 -33
- package/lib/cjs/utils/devUtils/props/isIterable.js +0 -74
- package/lib/cjs/utils/devUtils/props/isValidPositiveInt.js +0 -42
- package/lib/cjs/utils/devUtils/styledSystemUtils.js +0 -79
- package/lib/cjs/utils/styleUtils/index.js +0 -19
- package/lib/cjs/utils/testUtils/setupTests.js +0 -27
- package/lib/cjs/utils/testUtils/testAxe.js +0 -65
- package/lib/cjs/utils/testUtils/testTheme.js +0 -30
- package/lib/cjs/utils/testUtils/testWrapper.js +0 -109
- package/lib/components/AccordionGridGroup/AccordionGridContext.js +0 -2
- package/lib/components/AccordionGridGroup/AccordionGridGroup.js +0 -182
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +0 -286
- package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +0 -191
- package/lib/components/AccordionGridGroup/index.js +0 -1
- package/lib/components/AccordionGridItem/AccordionGridItem.js +0 -75
- package/lib/components/AccordionGridItem/AccordionGridItemBody.js +0 -65
- package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +0 -104
- package/lib/components/AccordionGridItem/index.js +0 -1
- package/lib/components/AccordionGroup/AccordionGroup.js +0 -79
- package/lib/components/AccordionGroup/AccordionGroup.stories.js +0 -205
- package/lib/components/AccordionGroup/AccordionGroup.test.js +0 -229
- package/lib/components/AccordionGroup/index.js +0 -1
- package/lib/components/AccordionItem/AccordionItem.js +0 -118
- package/lib/components/AccordionItem/index.js +0 -1
- package/lib/components/AstroWrapper/AstroWrapper.js +0 -63
- package/lib/components/AstroWrapper/AstroWrapper.test.js +0 -26
- package/lib/components/AstroWrapper/PageWrapper.test.js +0 -28
- package/lib/components/AstroWrapper/index.js +0 -2
- package/lib/components/Avatar/Avatar.js +0 -22
- package/lib/components/Avatar/Avatar.stories.js +0 -22
- package/lib/components/Avatar/Avatar.test.js +0 -24
- package/lib/components/Avatar/index.js +0 -1
- package/lib/components/Box/Box.js +0 -110
- package/lib/components/Box/Box.stories.js +0 -249
- package/lib/components/Box/Box.test.js +0 -61
- package/lib/components/Box/index.js +0 -1
- package/lib/components/Breadcrumbs/BreadcrumbItem.js +0 -105
- package/lib/components/Breadcrumbs/Breadcrumbs.js +0 -76
- package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +0 -127
- package/lib/components/Breadcrumbs/Breadcrumbs.test.js +0 -92
- package/lib/components/Breadcrumbs/index.js +0 -2
- package/lib/components/Button/Button.js +0 -163
- package/lib/components/Button/Button.stories.js +0 -77
- package/lib/components/Button/Button.test.js +0 -92
- package/lib/components/Button/constants.js +0 -4
- package/lib/components/Button/index.js +0 -1
- package/lib/components/Card/Card.js +0 -17
- package/lib/components/Card/Card.stories.js +0 -29
- package/lib/components/Card/Card.test.js +0 -34
- package/lib/components/Card/index.js +0 -1
- package/lib/components/Checkbox/Checkbox.js +0 -22
- package/lib/components/Checkbox/Checkbox.test.js +0 -26
- package/lib/components/Checkbox/index.js +0 -1
- package/lib/components/CheckboxField/CheckboxField.js +0 -175
- package/lib/components/CheckboxField/CheckboxField.stories.js +0 -132
- package/lib/components/CheckboxField/CheckboxField.test.js +0 -84
- package/lib/components/CheckboxField/index.js +0 -1
- package/lib/components/Chip/Chip.js +0 -63
- package/lib/components/Chip/Chip.stories.js +0 -107
- package/lib/components/Chip/Chip.test.js +0 -43
- package/lib/components/Chip/ChipContext.js +0 -3
- package/lib/components/Chip/index.js +0 -1
- package/lib/components/ColorField/ColorField.js +0 -177
- package/lib/components/ColorField/ColorField.stories.js +0 -99
- package/lib/components/ColorField/ColorField.test.js +0 -50
- package/lib/components/ColorField/index.js +0 -1
- package/lib/components/ComboBox/ComboBoxInput.js +0 -177
- package/lib/components/ComboBox/index.js +0 -1
- package/lib/components/ComboBoxField/ComboBoxField.js +0 -372
- package/lib/components/ComboBoxField/ComboBoxField.stories.js +0 -444
- package/lib/components/ComboBoxField/ComboBoxField.test.js +0 -699
- package/lib/components/ComboBoxField/index.js +0 -1
- package/lib/components/CopyText/CopyButton.js +0 -17
- package/lib/components/CopyText/CopyText.js +0 -125
- package/lib/components/CopyText/CopyText.stories.js +0 -30
- package/lib/components/CopyText/CopyText.test.js +0 -436
- package/lib/components/CopyText/index.js +0 -1
- package/lib/components/FieldHelperText/FieldHelperText.js +0 -43
- package/lib/components/FieldHelperText/FieldHelperText.stories.js +0 -35
- package/lib/components/FieldHelperText/FieldHelperText.test.js +0 -52
- package/lib/components/FieldHelperText/index.js +0 -1
- package/lib/components/FileInputField/FileInputField.js +0 -280
- package/lib/components/FileInputField/FileInputField.stories.js +0 -206
- package/lib/components/FileInputField/FileInputField.test.js +0 -187
- package/lib/components/FileInputField/FileItem.js +0 -100
- package/lib/components/FileInputField/FileSelect.js +0 -31
- package/lib/components/FileInputField/index.js +0 -1
- package/lib/components/HelpHint/HelpHint.js +0 -34
- package/lib/components/HelpHint/index.js +0 -1
- package/lib/components/Icon/Icon.js +0 -66
- package/lib/components/Icon/Icon.stories.js +0 -66
- package/lib/components/Icon/Icon.test.js +0 -26
- package/lib/components/Icon/index.js +0 -1
- package/lib/components/IconButton/IconButton.js +0 -152
- package/lib/components/IconButton/IconButton.stories.js +0 -67
- package/lib/components/IconButton/IconButton.test.js +0 -132
- package/lib/components/IconButton/index.js +0 -1
- package/lib/components/Image/Image.js +0 -63
- package/lib/components/Image/Image.stories.js +0 -58
- package/lib/components/Image/Image.test.js +0 -26
- package/lib/components/Image/index.js +0 -1
- package/lib/components/ImageUploadField/ImagePreviewButton.js +0 -114
- package/lib/components/ImageUploadField/ImageUploadField.js +0 -136
- package/lib/components/ImageUploadField/ImageUploadField.stories.js +0 -306
- package/lib/components/ImageUploadField/ImageUploadField.test.js +0 -380
- package/lib/components/ImageUploadField/ImageUploadFieldBase.js +0 -87
- package/lib/components/ImageUploadField/index.js +0 -1
- package/lib/components/Input/Input.js +0 -59
- package/lib/components/Input/Input.stories.js +0 -31
- package/lib/components/Input/Input.test.js +0 -48
- package/lib/components/Input/index.js +0 -1
- package/lib/components/Label/Label.js +0 -86
- package/lib/components/Label/Label.stories.js +0 -36
- package/lib/components/Label/Label.test.js +0 -68
- package/lib/components/Label/constants.js +0 -5
- package/lib/components/Label/index.js +0 -1
- package/lib/components/Link/Link.js +0 -70
- package/lib/components/Link/Link.stories.js +0 -36
- package/lib/components/Link/Link.test.js +0 -55
- package/lib/components/Link/index.js +0 -1
- package/lib/components/LinkSelectField/LinkSelectField.js +0 -191
- package/lib/components/LinkSelectField/LinkSelectField.stories.js +0 -293
- package/lib/components/LinkSelectField/LinkSelectField.test.js +0 -192
- package/lib/components/LinkSelectField/index.js +0 -1
- package/lib/components/List/List.js +0 -23
- package/lib/components/List/List.stories.js +0 -39
- package/lib/components/List/List.test.js +0 -24
- package/lib/components/List/index.js +0 -1
- package/lib/components/ListBox/ListBox.js +0 -222
- package/lib/components/ListBox/ListBox.test.js +0 -148
- package/lib/components/ListBox/ListBoxContext.js +0 -2
- package/lib/components/ListBox/ListBoxSection.js +0 -60
- package/lib/components/ListBox/Option.js +0 -103
- package/lib/components/ListBox/index.js +0 -2
- package/lib/components/ListItem/ListItem.js +0 -54
- package/lib/components/ListItem/ListItem.stories.js +0 -74
- package/lib/components/ListItem/ListItem.test.js +0 -37
- package/lib/components/ListItem/index.js +0 -1
- package/lib/components/ListView/ListView.js +0 -238
- package/lib/components/ListView/ListView.stories.js +0 -753
- package/lib/components/ListView/ListView.test.js +0 -285
- package/lib/components/ListView/ListViewContext.js +0 -2
- package/lib/components/ListView/index.js +0 -1
- package/lib/components/ListViewItem/ListViewItem.js +0 -105
- package/lib/components/ListViewItem/index.js +0 -1
- package/lib/components/Loader/Loader.js +0 -64
- package/lib/components/Loader/Loader.stories.js +0 -38
- package/lib/components/Loader/Loader.test.js +0 -24
- package/lib/components/Loader/index.js +0 -1
- package/lib/components/Menu/Menu.js +0 -155
- package/lib/components/Menu/Menu.stories.js +0 -86
- package/lib/components/Menu/Menu.test.js +0 -168
- package/lib/components/Menu/index.js +0 -1
- package/lib/components/MenuItem/MenuItem.js +0 -159
- package/lib/components/MenuItem/MenuItem.test.js +0 -165
- package/lib/components/MenuItem/index.js +0 -1
- package/lib/components/Messages/Message.js +0 -149
- package/lib/components/Messages/Messages.js +0 -47
- package/lib/components/Messages/Messages.reducer.js +0 -47
- package/lib/components/Messages/Messages.stories.js +0 -297
- package/lib/components/Messages/Messages.test.js +0 -176
- package/lib/components/Messages/index.js +0 -2
- package/lib/components/Messages/utils/index.js +0 -2
- package/lib/components/Messages/utils/messagesReducer.js +0 -140
- package/lib/components/Messages/utils/multiMessagesReducer.js +0 -97
- package/lib/components/Messages/utils/tests/messagesReducer.test.js +0 -81
- package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js +0 -89
- package/lib/components/Modal/Modal.js +0 -181
- package/lib/components/Modal/Modal.stories.js +0 -146
- package/lib/components/Modal/index.js +0 -1
- package/lib/components/Modal/tests/Modal.integration.test.js +0 -77
- package/lib/components/Modal/tests/Modal.unit.test.js +0 -172
- package/lib/components/MultivaluesField/MultivaluesField.js +0 -478
- package/lib/components/MultivaluesField/MultivaluesField.stories.js +0 -174
- package/lib/components/MultivaluesField/MultivaluesField.test.js +0 -293
- package/lib/components/MultivaluesField/index.js +0 -1
- package/lib/components/NumberField/NumberField.js +0 -187
- package/lib/components/NumberField/NumberField.stories.js +0 -195
- package/lib/components/NumberField/NumberField.test.js +0 -131
- package/lib/components/NumberField/index.js +0 -1
- package/lib/components/OverlayPanel/OverlayPanel.js +0 -56
- package/lib/components/OverlayPanel/OverlayPanel.stories.js +0 -182
- package/lib/components/OverlayPanel/OverlayPanel.test.js +0 -41
- package/lib/components/OverlayPanel/index.js +0 -1
- package/lib/components/PageHeader/PageHeader.js +0 -29
- package/lib/components/PageHeader/PageHeader.stories.js +0 -22
- package/lib/components/PageHeader/PageHeader.test.js +0 -23
- package/lib/components/PageHeader/index.js +0 -1
- package/lib/components/PasswordField/PasswordField.js +0 -291
- package/lib/components/PasswordField/PasswordField.stories.js +0 -373
- package/lib/components/PasswordField/PasswordField.test.js +0 -198
- package/lib/components/PasswordField/index.js +0 -1
- package/lib/components/PopoverContainer/PopoverContainer.js +0 -128
- package/lib/components/PopoverContainer/PopoverContainer.test.js +0 -44
- package/lib/components/PopoverContainer/index.js +0 -2
- package/lib/components/PopoverMenu/PopoverMenu.js +0 -156
- package/lib/components/PopoverMenu/PopoverMenu.stories.js +0 -187
- package/lib/components/PopoverMenu/PopoverMenu.test.js +0 -157
- package/lib/components/PopoverMenu/index.js +0 -1
- package/lib/components/Radio/Radio.js +0 -20
- package/lib/components/Radio/index.js +0 -1
- package/lib/components/RadioField/RadioField.js +0 -165
- package/lib/components/RadioField/RadioField.test.js +0 -74
- package/lib/components/RadioField/index.js +0 -2
- package/lib/components/RadioGroupField/RadioGroupField.js +0 -141
- package/lib/components/RadioGroupField/RadioGroupField.stories.js +0 -171
- package/lib/components/RadioGroupField/RadioGroupField.test.js +0 -159
- package/lib/components/RadioGroupField/index.js +0 -1
- package/lib/components/RequirementsList/RequirementsList.js +0 -89
- package/lib/components/RequirementsList/RequirementsList.stories.js +0 -57
- package/lib/components/RequirementsList/RequirementsList.test.js +0 -100
- package/lib/components/RequirementsList/index.js +0 -1
- package/lib/components/RockerButton/RockerButton.js +0 -109
- package/lib/components/RockerButton/index.js +0 -2
- package/lib/components/RockerButtonGroup/RockerButtonGroup.js +0 -92
- package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js +0 -126
- package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +0 -105
- package/lib/components/RockerButtonGroup/index.js +0 -2
- package/lib/components/ScrollBox/ScrollBox.js +0 -114
- package/lib/components/ScrollBox/ScrollBox.stories.js +0 -26
- package/lib/components/ScrollBox/ScrollBox.test.js +0 -63
- package/lib/components/ScrollBox/index.js +0 -1
- package/lib/components/SearchField/SearchField.js +0 -324
- package/lib/components/SearchField/SearchField.stories.js +0 -137
- package/lib/components/SearchField/SearchField.test.js +0 -188
- package/lib/components/SearchField/index.js +0 -1
- package/lib/components/SelectField/SelectField.js +0 -149
- package/lib/components/SelectField/SelectField.stories.js +0 -421
- package/lib/components/SelectField/SelectField.test.js +0 -70
- package/lib/components/SelectField/index.js +0 -1
- package/lib/components/SelectFieldBase/SelectFieldBase.js +0 -161
- package/lib/components/SelectFieldBase/SelectFieldBase.test.js +0 -383
- package/lib/components/SelectFieldBase/index.js +0 -1
- package/lib/components/Separator/Separator.js +0 -46
- package/lib/components/Separator/Separator.stories.js +0 -26
- package/lib/components/Separator/Separator.test.js +0 -25
- package/lib/components/Separator/index.js +0 -1
- package/lib/components/Stepper/Line.js +0 -31
- package/lib/components/Stepper/Step.js +0 -38
- package/lib/components/Stepper/Stepper.constants.js +0 -5
- package/lib/components/Stepper/Stepper.js +0 -141
- package/lib/components/Stepper/Stepper.stories.js +0 -111
- package/lib/components/Stepper/Stepper.test.js +0 -202
- package/lib/components/Stepper/index.js +0 -2
- package/lib/components/Switch/Switch.js +0 -33
- package/lib/components/Switch/index.js +0 -1
- package/lib/components/SwitchField/SwitchField.js +0 -195
- package/lib/components/SwitchField/SwitchField.stories.js +0 -127
- package/lib/components/SwitchField/SwitchField.test.js +0 -101
- package/lib/components/SwitchField/index.js +0 -1
- package/lib/components/Tab/Tab.js +0 -123
- package/lib/components/Tab/index.js +0 -2
- package/lib/components/Table/Table.js +0 -26
- package/lib/components/Table/Table.stories.js +0 -77
- package/lib/components/Table/Table.test.js +0 -63
- package/lib/components/Table/index.js +0 -1
- package/lib/components/TableBody/TableBody.js +0 -26
- package/lib/components/TableBody/index.js +0 -1
- package/lib/components/TableCell/TableCell.js +0 -32
- package/lib/components/TableCell/TableCell.test.js +0 -37
- package/lib/components/TableCell/index.js +0 -1
- package/lib/components/TableHead/TableHead.js +0 -25
- package/lib/components/TableHead/index.js +0 -1
- package/lib/components/TableRow/TableRow.js +0 -26
- package/lib/components/TableRow/index.js +0 -1
- package/lib/components/Tabs/Tabs.js +0 -129
- package/lib/components/Tabs/Tabs.stories.js +0 -239
- package/lib/components/Tabs/Tabs.test.js +0 -417
- package/lib/components/Tabs/index.js +0 -2
- package/lib/components/Text/Text.js +0 -31
- package/lib/components/Text/Text.stories.js +0 -95
- package/lib/components/Text/Text.test.js +0 -29
- package/lib/components/Text/index.js +0 -1
- package/lib/components/TextArea/TextArea.js +0 -23
- package/lib/components/TextArea/TextArea.test.js +0 -31
- package/lib/components/TextArea/index.js +0 -1
- package/lib/components/TextAreaField/TextAreaField.js +0 -202
- package/lib/components/TextAreaField/TextAreaField.stories.js +0 -180
- package/lib/components/TextAreaField/TextAreaField.test.js +0 -123
- package/lib/components/TextAreaField/index.js +0 -1
- package/lib/components/TextField/TextField.js +0 -183
- package/lib/components/TextField/TextField.stories.js +0 -189
- package/lib/components/TextField/TextField.test.js +0 -137
- package/lib/components/TextField/index.js +0 -1
- package/lib/components/TooltipTrigger/Tooltip.js +0 -32
- package/lib/components/TooltipTrigger/TooltipTrigger.js +0 -149
- package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +0 -79
- package/lib/components/TooltipTrigger/TooltipTrigger.test.js +0 -74
- package/lib/components/TooltipTrigger/index.js +0 -2
- package/lib/context/AccordionContext/index.js +0 -7
- package/lib/context/MenuContext/index.js +0 -5
- package/lib/context/TooltipContext/index.js +0 -7
- package/lib/hooks/index.js +0 -12
- package/lib/hooks/useAriaLabelWarning/index.js +0 -1
- package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.js +0 -18
- package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +0 -32
- package/lib/hooks/useColumnStyles/index.js +0 -1
- package/lib/hooks/useColumnStyles/useColumnStyles.js +0 -24
- package/lib/hooks/useCopyToClipboard/index.js +0 -1
- package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js +0 -69
- package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +0 -64
- package/lib/hooks/useDebounce/index.js +0 -1
- package/lib/hooks/useDebounce/useDebounce.js +0 -26
- package/lib/hooks/useDebounce/useDebounce.test.js +0 -41
- package/lib/hooks/useDeprecationWarning/index.js +0 -1
- package/lib/hooks/useDeprecationWarning/useDeprecationWarning.js +0 -40
- package/lib/hooks/useDeprecationWarning/useDeprecationWarning.test.js +0 -89
- package/lib/hooks/useField/index.js +0 -1
- package/lib/hooks/useField/useField.js +0 -218
- package/lib/hooks/useField/useField.test.js +0 -219
- package/lib/hooks/useImageUploadState/index.js +0 -1
- package/lib/hooks/useImageUploadState/useImageUploadState.js +0 -128
- package/lib/hooks/useLabelHeight/index.js +0 -1
- package/lib/hooks/useLabelHeight/useLabelHeight.js +0 -29
- package/lib/hooks/useModalState/index.js +0 -1
- package/lib/hooks/useModalState/useModalState.js +0 -24
- package/lib/hooks/useModalState/useModalState.test.js +0 -118
- package/lib/hooks/useOverlayPanelState/index.js +0 -1
- package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js +0 -24
- package/lib/hooks/useOverlayPanelState/useOverlayPanelState.test.js +0 -14
- package/lib/hooks/useProgressiveState/index.js +0 -1
- package/lib/hooks/useProgressiveState/useProgressiveState.js +0 -18
- package/lib/hooks/useProgressiveState/useProgressiveState.test.js +0 -80
- package/lib/hooks/usePropWarning/index.js +0 -1
- package/lib/hooks/usePropWarning/usePropWarning.js +0 -29
- package/lib/hooks/usePropWarning/usePropWarning.test.js +0 -59
- package/lib/hooks/useRockerButton/index.js +0 -1
- package/lib/hooks/useRockerButton/useRockerButton.js +0 -45
- package/lib/hooks/useSelectField/index.js +0 -1
- package/lib/hooks/useSelectField/useSelectField.js +0 -220
- package/lib/hooks/useStatusClasses/index.js +0 -1
- package/lib/hooks/useStatusClasses/useStatusClasses.js +0 -25
- package/lib/hooks/useStatusClasses/useStatusClasses.test.js +0 -50
- package/lib/index.js +0 -135
- package/lib/layouts/ListLayout.stories.js +0 -866
- package/lib/layouts/SchemaFormLayout.stories.js +0 -107
- package/lib/recipes/ApplicationSearchDropdown.stories.js +0 -272
- package/lib/recipes/ArrayField.stories.js +0 -134
- package/lib/recipes/Arrow.stories.js +0 -29
- package/lib/recipes/ConditionalFilter.stories.js +0 -441
- package/lib/recipes/CopyToClipboard.stories.js +0 -25
- package/lib/recipes/CountryPicker.stories.js +0 -128
- package/lib/recipes/DatePicker.stories.js +0 -118
- package/lib/recipes/DraggableBox.stories.js +0 -35
- package/lib/recipes/FlippableCaretMenuButton.stories.js +0 -158
- package/lib/recipes/LogoTabs.stories.js +0 -201
- package/lib/recipes/MaskedValue.stories.js +0 -74
- package/lib/recipes/NeutralInput.stories.js +0 -13
- package/lib/recipes/PanelHeader.stories.js +0 -70
- package/lib/recipes/RadioButtonsWithLinks.stories.js +0 -120
- package/lib/recipes/RowLineChart.stories.js +0 -507
- package/lib/recipes/ScrollableListView.stories.js +0 -113
- package/lib/recipes/SelectedFieldOverlay.story.js +0 -44
- package/lib/recipes/StatsCircle.stories.js +0 -25
- package/lib/styles/ColorDocumentation.js +0 -276
- package/lib/styles/ColorDocumentation.stories.js +0 -13
- package/lib/styles/ThemeDocumentation.js +0 -7
- package/lib/styles/breakpoints.js +0 -1
- package/lib/styles/colors.js +0 -159
- package/lib/styles/forms/checkbox.js +0 -13
- package/lib/styles/forms/comboBox.js +0 -27
- package/lib/styles/forms/index.js +0 -32
- package/lib/styles/forms/input.js +0 -190
- package/lib/styles/forms/label.js +0 -72
- package/lib/styles/forms/radio.js +0 -21
- package/lib/styles/forms/search.js +0 -20
- package/lib/styles/forms/select.js +0 -83
- package/lib/styles/forms/switch.js +0 -46
- package/lib/styles/forms/textarea.js +0 -25
- package/lib/styles/spacing.js +0 -20
- package/lib/styles/text.js +0 -29
- package/lib/styles/theme.js +0 -51
- package/lib/styles/themes/end-user/end-user.js +0 -259
- package/lib/styles/themes/end-user/index.js +0 -1
- package/lib/styles/useAstroTheme.js +0 -15
- package/lib/styles/variants/accordion.js +0 -73
- package/lib/styles/variants/boxes.js +0 -274
- package/lib/styles/variants/buttons.js +0 -526
- package/lib/styles/variants/imageUpload.js +0 -19
- package/lib/styles/variants/images.js +0 -9
- package/lib/styles/variants/index.js +0 -4
- package/lib/styles/variants/link.js +0 -17
- package/lib/styles/variants/listBox.js +0 -40
- package/lib/styles/variants/loader.js +0 -95
- package/lib/styles/variants/menu.js +0 -10
- package/lib/styles/variants/menuItem.js +0 -26
- package/lib/styles/variants/messages.js +0 -43
- package/lib/styles/variants/modal.js +0 -65
- package/lib/styles/variants/numberField.js +0 -42
- package/lib/styles/variants/overlayPanel.js +0 -63
- package/lib/styles/variants/popoverMenu.js +0 -89
- package/lib/styles/variants/rockerbutton.js +0 -15
- package/lib/styles/variants/separator.js +0 -11
- package/lib/styles/variants/stepper.js +0 -105
- package/lib/styles/variants/table.js +0 -51
- package/lib/styles/variants/tabs.js +0 -32
- package/lib/styles/variants/text.js +0 -215
- package/lib/styles/variants/tooltip.js +0 -6
- package/lib/styles/variants/variants.js +0 -56
- package/lib/utils/devUtils/constants/htmlElements.js +0 -4
- package/lib/utils/devUtils/constants/loadingStates.js +0 -8
- package/lib/utils/devUtils/constants/orientation.js +0 -4
- package/lib/utils/devUtils/constants/panelSizes.js +0 -1
- package/lib/utils/devUtils/constants/statuses.js +0 -6
- package/lib/utils/devUtils/constants/variants.js +0 -22
- package/lib/utils/devUtils/decorators/withDeprecationWarning.js +0 -18
- package/lib/utils/devUtils/props/isIterable.js +0 -59
- package/lib/utils/devUtils/props/isValidPositiveInt.js +0 -28
- package/lib/utils/devUtils/styledSystemUtils.js +0 -48
- package/lib/utils/styleUtils/index.js +0 -7
- package/lib/utils/testUtils/setupTests.js +0 -18
- package/lib/utils/testUtils/testAxe.js +0 -50
- package/lib/utils/testUtils/testTheme.js +0 -20
- package/lib/utils/testUtils/testWrapper.js +0 -67
@@ -1,189 +0,0 @@
|
|
1
|
-
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
2
|
-
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
3
|
-
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
4
|
-
import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
|
5
|
-
import React, { useState } from 'react';
|
6
|
-
import isEmpty from 'lodash/isEmpty';
|
7
|
-
import TextField from '.';
|
8
|
-
import { modes as labelModes } from '../Label/constants';
|
9
|
-
import statuses from '../../utils/devUtils/constants/statuses.js';
|
10
|
-
import Box from '../Box';
|
11
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
12
|
-
export default {
|
13
|
-
title: 'Form/TextField',
|
14
|
-
component: TextField,
|
15
|
-
argTypes: {
|
16
|
-
labelMode: {
|
17
|
-
control: {
|
18
|
-
type: 'select',
|
19
|
-
options: _Object$values(labelModes)
|
20
|
-
},
|
21
|
-
defaultValue: _Object$values(labelModes)[0]
|
22
|
-
},
|
23
|
-
variant: {
|
24
|
-
control: {
|
25
|
-
type: 'text'
|
26
|
-
}
|
27
|
-
},
|
28
|
-
status: {
|
29
|
-
control: {
|
30
|
-
type: 'select',
|
31
|
-
options: statuses
|
32
|
-
},
|
33
|
-
defaultValue: statuses.DEFAULT
|
34
|
-
}
|
35
|
-
}
|
36
|
-
};
|
37
|
-
export var Default = function Default(_ref) {
|
38
|
-
var variant = _ref.variant,
|
39
|
-
args = _objectWithoutProperties(_ref, ["variant"]);
|
40
|
-
|
41
|
-
return ___EmotionJSX(TextField, _extends({
|
42
|
-
id: "custom-id",
|
43
|
-
name: "custom-name",
|
44
|
-
label: "Example Label"
|
45
|
-
}, variant && {
|
46
|
-
controlProps: {
|
47
|
-
variant: variant
|
48
|
-
}
|
49
|
-
}, args));
|
50
|
-
};
|
51
|
-
export var SmallVariant = function SmallVariant() {
|
52
|
-
return ___EmotionJSX(TextField, {
|
53
|
-
id: "custom-id",
|
54
|
-
name: "custom-name",
|
55
|
-
label: "Example Label",
|
56
|
-
controlProps: {
|
57
|
-
variant: 'input.small'
|
58
|
-
}
|
59
|
-
});
|
60
|
-
};
|
61
|
-
export var FloatLabel = function FloatLabel() {
|
62
|
-
return ___EmotionJSX(TextField, {
|
63
|
-
label: "Example Label",
|
64
|
-
labelMode: "float"
|
65
|
-
});
|
66
|
-
};
|
67
|
-
export var LeftLabel = function LeftLabel() {
|
68
|
-
return ___EmotionJSX(Box, {
|
69
|
-
gap: "xl",
|
70
|
-
width: "100%"
|
71
|
-
}, ___EmotionJSX(TextField, {
|
72
|
-
helperText: "Here is some helpful text...",
|
73
|
-
label: "Example Label",
|
74
|
-
labelMode: "left"
|
75
|
-
}), ___EmotionJSX(TextField, {
|
76
|
-
label: "Example Label that is much longer than the previous one",
|
77
|
-
labelMode: "left"
|
78
|
-
}), ___EmotionJSX(TextField, {
|
79
|
-
label: "Example label with set width",
|
80
|
-
labelMode: "left",
|
81
|
-
containerProps: {
|
82
|
-
sx: {
|
83
|
-
gridTemplateColumns: '120px auto'
|
84
|
-
}
|
85
|
-
}
|
86
|
-
}));
|
87
|
-
};
|
88
|
-
LeftLabel.parameters = {
|
89
|
-
docs: {
|
90
|
-
description: {
|
91
|
-
story: 'Users are able to override the default 40% column width when using left label by providing a new gridTemplatesColumn value, as shown in the example below.'
|
92
|
-
}
|
93
|
-
}
|
94
|
-
};
|
95
|
-
export var Controlled = function Controlled() {
|
96
|
-
var _useState = useState(''),
|
97
|
-
_useState2 = _slicedToArray(_useState, 2),
|
98
|
-
value = _useState2[0],
|
99
|
-
setValue = _useState2[1];
|
100
|
-
|
101
|
-
return ___EmotionJSX(TextField, {
|
102
|
-
label: "Example Label",
|
103
|
-
onChange: function onChange(e) {
|
104
|
-
return setValue(e.target.value);
|
105
|
-
},
|
106
|
-
value: value
|
107
|
-
});
|
108
|
-
};
|
109
|
-
export var Password = function Password() {
|
110
|
-
return ___EmotionJSX(TextField, {
|
111
|
-
label: "Example Label",
|
112
|
-
type: "password"
|
113
|
-
});
|
114
|
-
};
|
115
|
-
export var Disabled = function Disabled() {
|
116
|
-
return ___EmotionJSX(TextField, {
|
117
|
-
isDisabled: true,
|
118
|
-
label: "Example Label"
|
119
|
-
});
|
120
|
-
};
|
121
|
-
export var ReadOnly = function ReadOnly() {
|
122
|
-
return ___EmotionJSX(TextField, {
|
123
|
-
isReadOnly: true,
|
124
|
-
label: "Example Label",
|
125
|
-
value: "This is read only"
|
126
|
-
});
|
127
|
-
};
|
128
|
-
export var Required = function Required() {
|
129
|
-
return ___EmotionJSX(TextField, {
|
130
|
-
isRequired: true,
|
131
|
-
label: "Example Label"
|
132
|
-
});
|
133
|
-
};
|
134
|
-
export var DynamicRequired = function DynamicRequired() {
|
135
|
-
var _useState3 = useState(''),
|
136
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
137
|
-
value = _useState4[0],
|
138
|
-
setValue = _useState4[1];
|
139
|
-
|
140
|
-
return ___EmotionJSX(TextField, {
|
141
|
-
isRequired: isEmpty(value) // isEmpty from lodash
|
142
|
-
,
|
143
|
-
label: "Example Label",
|
144
|
-
onChange: function onChange(e) {
|
145
|
-
return setValue(e.target.value);
|
146
|
-
}
|
147
|
-
});
|
148
|
-
};
|
149
|
-
export var Error = function Error() {
|
150
|
-
return ___EmotionJSX(TextField, {
|
151
|
-
helperText: "Here is some helpful text...",
|
152
|
-
label: "Example Label",
|
153
|
-
status: "error"
|
154
|
-
});
|
155
|
-
};
|
156
|
-
export var Success = function Success() {
|
157
|
-
return ___EmotionJSX(TextField, {
|
158
|
-
helperText: "Here is some helpful text...",
|
159
|
-
label: "Example Label",
|
160
|
-
status: "success"
|
161
|
-
});
|
162
|
-
};
|
163
|
-
export var Warning = function Warning() {
|
164
|
-
return ___EmotionJSX(TextField, {
|
165
|
-
helperText: "Here is some helpful text...",
|
166
|
-
label: "Example Label",
|
167
|
-
status: "warning"
|
168
|
-
});
|
169
|
-
};
|
170
|
-
export var WithHelpHint = function WithHelpHint() {
|
171
|
-
return ___EmotionJSX(TextField, {
|
172
|
-
id: "custom-id",
|
173
|
-
name: "custom-name",
|
174
|
-
hintText: "Example Hint",
|
175
|
-
label: "Example Label"
|
176
|
-
});
|
177
|
-
};
|
178
|
-
export var WithoutStatusIndicator = function WithoutStatusIndicator() {
|
179
|
-
return ___EmotionJSX(TextField, {
|
180
|
-
label: "Example Label",
|
181
|
-
hasNoStatusIndicator: true
|
182
|
-
});
|
183
|
-
};
|
184
|
-
export var MaxLength = function MaxLength() {
|
185
|
-
return ___EmotionJSX(TextField, {
|
186
|
-
label: "Example label",
|
187
|
-
maxLength: 9
|
188
|
-
});
|
189
|
-
};
|
@@ -1,137 +0,0 @@
|
|
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$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
|
4
|
-
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
5
|
-
import React from 'react';
|
6
|
-
import { render, screen } from '@testing-library/react';
|
7
|
-
import userEvent from '@testing-library/user-event';
|
8
|
-
import TextField from '.';
|
9
|
-
import axeTest from '../../utils/testUtils/testAxe';
|
10
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
11
|
-
var testId = 'test-text-field';
|
12
|
-
var testLabel = 'Test Label';
|
13
|
-
var defaultProps = {
|
14
|
-
'data-testid': testId,
|
15
|
-
label: testLabel
|
16
|
-
};
|
17
|
-
|
18
|
-
var getComponent = function getComponent() {
|
19
|
-
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
20
|
-
return render(___EmotionJSX(TextField, _extends({}, defaultProps, props)));
|
21
|
-
}; // Need to be added to each test file to test accessibility using axe.
|
22
|
-
|
23
|
-
|
24
|
-
axeTest(getComponent);
|
25
|
-
test('default text field', function () {
|
26
|
-
getComponent();
|
27
|
-
var field = screen.getByTestId(testId);
|
28
|
-
var label = screen.getByText(testLabel);
|
29
|
-
var control = screen.getByLabelText(testLabel);
|
30
|
-
expect(field).toBeInstanceOf(HTMLDivElement);
|
31
|
-
expect(label).toBeInstanceOf(HTMLLabelElement);
|
32
|
-
expect(control).toBeInstanceOf(HTMLInputElement);
|
33
|
-
expect(field).toBeInTheDocument();
|
34
|
-
expect(label).toBeInTheDocument();
|
35
|
-
expect(control).toBeInTheDocument();
|
36
|
-
});
|
37
|
-
test('text field with left label', function () {
|
38
|
-
getComponent({
|
39
|
-
labelMode: 'left'
|
40
|
-
});
|
41
|
-
var label = screen.getByText(testLabel);
|
42
|
-
expect(label).toHaveClass('is-left-label');
|
43
|
-
});
|
44
|
-
test('text field with helper text', function () {
|
45
|
-
var helperText = 'helper text';
|
46
|
-
getComponent({
|
47
|
-
helperText: helperText
|
48
|
-
});
|
49
|
-
var helper = screen.getByText(helperText);
|
50
|
-
expect(helper).toBeInTheDocument();
|
51
|
-
});
|
52
|
-
test('label will receive gridRow attribute if it will be higher than input', function () {
|
53
|
-
var originalOffsetHeight = _Object$getOwnPropertyDescriptor(HTMLElement.prototype, 'offsetHeight');
|
54
|
-
|
55
|
-
_Object$defineProperties(window.HTMLElement.prototype, {
|
56
|
-
offsetHeight: {
|
57
|
-
get: function get() {
|
58
|
-
return this.tagName === 'LABEL' ? 500 : 100;
|
59
|
-
}
|
60
|
-
}
|
61
|
-
});
|
62
|
-
|
63
|
-
getComponent();
|
64
|
-
expect(screen.getByText(defaultProps.label)).toHaveStyle('grid-row: 1/5');
|
65
|
-
|
66
|
-
_Object$defineProperty(HTMLElement.prototype, 'offsetHeight', originalOffsetHeight);
|
67
|
-
});
|
68
|
-
test('form wrapper will have default max label column width when no custom width set', function () {
|
69
|
-
var labelMode = 'left';
|
70
|
-
getComponent({
|
71
|
-
labelMode: labelMode
|
72
|
-
});
|
73
|
-
var textAreaContainer = screen.getByTestId(testId);
|
74
|
-
expect(textAreaContainer).toHaveStyle('grid-template-columns: 40% auto');
|
75
|
-
});
|
76
|
-
test('form wrapper will have a max label column width when custom width set', function () {
|
77
|
-
var labelMode = 'left';
|
78
|
-
var containerProps = {
|
79
|
-
sx: {
|
80
|
-
gridTemplateColumns: '120px auto'
|
81
|
-
}
|
82
|
-
};
|
83
|
-
getComponent({
|
84
|
-
labelMode: labelMode,
|
85
|
-
containerProps: containerProps
|
86
|
-
});
|
87
|
-
var textAreaContainer = screen.getByTestId(testId);
|
88
|
-
expect(textAreaContainer).toHaveStyle('grid-template-columns: 120px auto');
|
89
|
-
});
|
90
|
-
test('text aria container have class name when value is provided', function () {
|
91
|
-
var labelMode = 'float';
|
92
|
-
getComponent({
|
93
|
-
labelMode: labelMode,
|
94
|
-
value: 'text'
|
95
|
-
});
|
96
|
-
var textAreaContainer = screen.getByTestId(testId);
|
97
|
-
expect(textAreaContainer.className).toMatch('has-value');
|
98
|
-
});
|
99
|
-
test('text aria container have class name when default value is provided', function () {
|
100
|
-
var labelMode = 'float';
|
101
|
-
getComponent({
|
102
|
-
labelMode: labelMode,
|
103
|
-
defaultValue: 'text'
|
104
|
-
});
|
105
|
-
var textAreaContainer = screen.getByTestId(testId);
|
106
|
-
expect(textAreaContainer.className).toMatch('has-value');
|
107
|
-
});
|
108
|
-
test('text aria container have class name when placeholder is provided', function () {
|
109
|
-
var labelMode = 'float';
|
110
|
-
getComponent({
|
111
|
-
labelMode: labelMode,
|
112
|
-
placeholder: 'text'
|
113
|
-
});
|
114
|
-
var textAreaContainer = screen.getByTestId(testId);
|
115
|
-
expect(textAreaContainer.className).toMatch('has-value');
|
116
|
-
});
|
117
|
-
test('text aria container have class name when placeholder is provided and value was entered and then removed', function () {
|
118
|
-
var labelMode = 'float';
|
119
|
-
getComponent({
|
120
|
-
labelMode: labelMode,
|
121
|
-
placeholder: 'text'
|
122
|
-
});
|
123
|
-
var textAreaContainer = screen.getByTestId(testId);
|
124
|
-
var inputControl = screen.getByLabelText(testLabel);
|
125
|
-
expect(textAreaContainer).toHaveClass('has-value');
|
126
|
-
userEvent.type(inputControl, 'test text{enter}');
|
127
|
-
expect(textAreaContainer).toHaveClass('has-value');
|
128
|
-
userEvent.clear(inputControl);
|
129
|
-
expect(textAreaContainer).toHaveClass('has-value');
|
130
|
-
});
|
131
|
-
test('text field container and input have is-read-only class name when isReadOnly prop provided', function () {
|
132
|
-
getComponent({
|
133
|
-
isReadOnly: true
|
134
|
-
});
|
135
|
-
var control = screen.getByLabelText(testLabel);
|
136
|
-
expect(control).toHaveClass('is-read-only');
|
137
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
export { default } from './TextField';
|
@@ -1,32 +0,0 @@
|
|
1
|
-
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
-
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
3
|
-
import React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
|
4
|
-
import { useTooltip } from '@react-aria/tooltip';
|
5
|
-
import { TooltipContext } from '../../context/TooltipContext/index';
|
6
|
-
import Box from '../Box';
|
7
|
-
import Text from '../Text';
|
8
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
9
|
-
var Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {
|
10
|
-
var children = props.children,
|
11
|
-
others = _objectWithoutProperties(props, ["children"]);
|
12
|
-
|
13
|
-
var _useContext = useContext(TooltipContext),
|
14
|
-
state = _useContext.state;
|
15
|
-
|
16
|
-
var _useTooltip = useTooltip(props, state),
|
17
|
-
tooltipProps = _useTooltip.tooltipProps;
|
18
|
-
|
19
|
-
var tooltipRef = useRef();
|
20
|
-
/* istanbul ignore next */
|
21
|
-
|
22
|
-
useImperativeHandle(ref, function () {
|
23
|
-
return tooltipRef.current;
|
24
|
-
});
|
25
|
-
return ___EmotionJSX(Box, _extends({
|
26
|
-
ref: tooltipRef,
|
27
|
-
variant: "tooltip.tooltipContainer"
|
28
|
-
}, tooltipProps, others), ___EmotionJSX(Text, {
|
29
|
-
variant: "tooltipContent"
|
30
|
-
}, children));
|
31
|
-
});
|
32
|
-
export default Tooltip;
|
@@ -1,149 +0,0 @@
|
|
1
|
-
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
-
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
3
|
-
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
4
|
-
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
5
|
-
import React, { forwardRef, useImperativeHandle, useRef } from 'react';
|
6
|
-
import PropTypes from 'prop-types';
|
7
|
-
import { PressResponder } from '@react-aria/interactions';
|
8
|
-
import { useOverlayPosition } from '@react-aria/overlays';
|
9
|
-
import { useTooltipTrigger } from '@react-aria/tooltip';
|
10
|
-
import { useTooltipTriggerState } from '@react-stately/tooltip';
|
11
|
-
import { useStatusClasses, usePropWarning } from '../../hooks';
|
12
|
-
import { TooltipContext } from '../../context/TooltipContext/index';
|
13
|
-
import PopoverContainer from '../PopoverContainer';
|
14
|
-
/**
|
15
|
-
* A `TooltipTrigger` is a composed component and must be comprised of two children: 1) a
|
16
|
-
* focusable button, and 2) a `Tooltip` which renders non-interactive content. This component
|
17
|
-
* is typically used as a design fallback for contextual information that may be hard to convey
|
18
|
-
* otherwise. The tooltip trigger can also be disabled without disabling button press events.
|
19
|
-
*/
|
20
|
-
|
21
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
22
|
-
var TooltipTrigger = /*#__PURE__*/forwardRef(function (props, ref) {
|
23
|
-
var _context, _useStatusClasses2;
|
24
|
-
|
25
|
-
var children = props.children,
|
26
|
-
crossOffset = props.crossOffset,
|
27
|
-
isDisabled = props.isDisabled,
|
28
|
-
align = props.align,
|
29
|
-
direction = props.direction,
|
30
|
-
offset = props.offset,
|
31
|
-
triggerAction = props.trigger,
|
32
|
-
className = props.className,
|
33
|
-
isNotFlippable = props.isNotFlippable,
|
34
|
-
isDarkMode = props.isDarkMode,
|
35
|
-
hasNoArrow = props.hasNoArrow;
|
36
|
-
|
37
|
-
var _React$Children$toArr = React.Children.toArray(children),
|
38
|
-
_React$Children$toArr2 = _slicedToArray(_React$Children$toArr, 2),
|
39
|
-
trigger = _React$Children$toArr2[0],
|
40
|
-
tooltip = _React$Children$toArr2[1];
|
41
|
-
|
42
|
-
var state = useTooltipTriggerState(props);
|
43
|
-
var tooltipTriggerRef = useRef();
|
44
|
-
var overlayRef = useRef();
|
45
|
-
usePropWarning(props, 'disabled', 'isDisabled');
|
46
|
-
/* istanbul ignore next */
|
47
|
-
|
48
|
-
useImperativeHandle(ref, function () {
|
49
|
-
return tooltipTriggerRef.current;
|
50
|
-
});
|
51
|
-
|
52
|
-
var _useTooltipTrigger = useTooltipTrigger({
|
53
|
-
isDisabled: isDisabled,
|
54
|
-
trigger: triggerAction
|
55
|
-
}, state, tooltipTriggerRef),
|
56
|
-
triggerProps = _useTooltipTrigger.triggerProps,
|
57
|
-
tooltipProps = _useTooltipTrigger.tooltipProps;
|
58
|
-
|
59
|
-
var _useOverlayPosition = useOverlayPosition({
|
60
|
-
placement: _concatInstanceProperty(_context = "".concat(direction, " ")).call(_context, align),
|
61
|
-
targetRef: tooltipTriggerRef,
|
62
|
-
overlayRef: overlayRef,
|
63
|
-
offset: offset,
|
64
|
-
// Our API preference is for default false so we invert this since it should be default true
|
65
|
-
shouldFlip: !isNotFlippable,
|
66
|
-
crossOffset: crossOffset,
|
67
|
-
isOpen: state.isOpen
|
68
|
-
}),
|
69
|
-
positionProps = _useOverlayPosition.overlayProps,
|
70
|
-
arrowProps = _useOverlayPosition.arrowProps,
|
71
|
-
placement = _useOverlayPosition.placement;
|
72
|
-
|
73
|
-
var _useStatusClasses = useStatusClasses(className, (_useStatusClasses2 = {}, _defineProperty(_useStatusClasses2, "is-".concat(direction), direction), _defineProperty(_useStatusClasses2, "isDarkMode", isDarkMode), _useStatusClasses2)),
|
74
|
-
classNames = _useStatusClasses.classNames;
|
75
|
-
|
76
|
-
var overlay = ___EmotionJSX(PopoverContainer, _extends({
|
77
|
-
isOpen: state.isOpen,
|
78
|
-
ref: overlayRef,
|
79
|
-
placement: placement,
|
80
|
-
arrowProps: arrowProps,
|
81
|
-
className: classNames,
|
82
|
-
hasNoArrow: hasNoArrow
|
83
|
-
}, positionProps, tooltipProps), tooltip);
|
84
|
-
|
85
|
-
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(PressResponder, _extends({}, triggerProps, {
|
86
|
-
ref: tooltipTriggerRef
|
87
|
-
}), trigger), ___EmotionJSX(TooltipContext.Provider, {
|
88
|
-
value: {
|
89
|
-
state: state
|
90
|
-
}
|
91
|
-
}, overlay));
|
92
|
-
});
|
93
|
-
TooltipTrigger.propTypes = {
|
94
|
-
/** Alignment of the popover menu relative to the trigger. */
|
95
|
-
align: PropTypes.oneOf(['start', 'end', 'middle']),
|
96
|
-
|
97
|
-
/** The additional offset applied along the cross axis
|
98
|
-
* between the element and its anchor element. */
|
99
|
-
crossOffset: PropTypes.number,
|
100
|
-
|
101
|
-
/** Amount of time before the tooltip shows */
|
102
|
-
delay: PropTypes.number,
|
103
|
-
|
104
|
-
/** Where the popover menu opens relative to its trigger. */
|
105
|
-
direction: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
|
106
|
-
|
107
|
-
/** Whether or not the tooltip is disabled. */
|
108
|
-
isDisabled: PropTypes.bool,
|
109
|
-
|
110
|
-
/** Defaults to true, displays dark tooltip with white text */
|
111
|
-
isDarkMode: PropTypes.bool,
|
112
|
-
|
113
|
-
/** Whether the overlay is open by default (controlled). */
|
114
|
-
isOpen: PropTypes.bool,
|
115
|
-
|
116
|
-
/** Whether the overlay is open by default (uncontrolled). */
|
117
|
-
isDefaultOpen: PropTypes.bool,
|
118
|
-
|
119
|
-
/**
|
120
|
-
* Whether the popover is prevented from flipping directions when insufficient space is
|
121
|
-
* available for the given `direction` placement.
|
122
|
-
*/
|
123
|
-
isNotFlippable: PropTypes.bool,
|
124
|
-
|
125
|
-
/**
|
126
|
-
* Allows to add an arrow to popover container
|
127
|
-
*/
|
128
|
-
hasNoArrow: PropTypes.bool,
|
129
|
-
|
130
|
-
/** Tooltip offset relative to its trigger. */
|
131
|
-
offset: PropTypes.number,
|
132
|
-
|
133
|
-
/** The placement of the element with respect to its anchor element. */
|
134
|
-
placement: PropTypes.string,
|
135
|
-
|
136
|
-
/** By default, opens for both focus and hover. Can be made to open only for focus. */
|
137
|
-
trigger: PropTypes.string
|
138
|
-
};
|
139
|
-
TooltipTrigger.defaultProps = {
|
140
|
-
align: 'middle',
|
141
|
-
crossOffset: 0,
|
142
|
-
delay: 0,
|
143
|
-
direction: 'bottom',
|
144
|
-
isNotFlippable: false,
|
145
|
-
isDarkMode: true,
|
146
|
-
hasNoArrow: false,
|
147
|
-
offset: 10
|
148
|
-
};
|
149
|
-
export default TooltipTrigger;
|
@@ -1,79 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import Earth from 'mdi-react/EarthIcon';
|
3
|
-
import PersonIcon from 'mdi-react/PersonIcon';
|
4
|
-
import { Box, Button, Icon, Tooltip, TooltipTrigger } from '../../index';
|
5
|
-
import IconButton from '../IconButton';
|
6
|
-
import Text from '../Text';
|
7
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
|
-
export default {
|
9
|
-
title: 'TooltipTrigger',
|
10
|
-
component: TooltipTrigger
|
11
|
-
};
|
12
|
-
export var Default = function Default(args) {
|
13
|
-
return ___EmotionJSX(TooltipTrigger, args, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Tooltip Content"));
|
14
|
-
};
|
15
|
-
export var withAlignProp = function withAlignProp() {
|
16
|
-
return ___EmotionJSX(TooltipTrigger, {
|
17
|
-
align: "end"
|
18
|
-
}, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "End aligned"));
|
19
|
-
};
|
20
|
-
export var withDirectionProp = function withDirectionProp() {
|
21
|
-
return ___EmotionJSX(TooltipTrigger, {
|
22
|
-
direction: "right"
|
23
|
-
}, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display on the right"));
|
24
|
-
};
|
25
|
-
export var withDelayProp = function withDelayProp() {
|
26
|
-
return ___EmotionJSX(TooltipTrigger, {
|
27
|
-
delay: 700
|
28
|
-
}, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display with a delay"));
|
29
|
-
};
|
30
|
-
export var isOpen = function isOpen() {
|
31
|
-
return ___EmotionJSX(TooltipTrigger, {
|
32
|
-
isOpen: true
|
33
|
-
}, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display by default"));
|
34
|
-
};
|
35
|
-
export var Disabled = function Disabled() {
|
36
|
-
return ___EmotionJSX(TooltipTrigger, {
|
37
|
-
delay: 0,
|
38
|
-
isDisabled: true
|
39
|
-
}, ___EmotionJSX(IconButton, null, ___EmotionJSX(Icon, {
|
40
|
-
icon: Earth
|
41
|
-
})), ___EmotionJSX(Tooltip, null, "Hello World"));
|
42
|
-
};
|
43
|
-
Disabled.parameters = {
|
44
|
-
docs: {
|
45
|
-
description: {
|
46
|
-
story: 'The tooltip can be disabled without disabling the button press events.'
|
47
|
-
}
|
48
|
-
}
|
49
|
-
};
|
50
|
-
export var IconWithTooltip = function IconWithTooltip() {
|
51
|
-
return ___EmotionJSX(Box, {
|
52
|
-
pl: 50
|
53
|
-
}, ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(IconButton, {
|
54
|
-
variant: "tooltipIconButton"
|
55
|
-
}, ___EmotionJSX(Icon, {
|
56
|
-
icon: PersonIcon
|
57
|
-
})), ___EmotionJSX(Tooltip, null, "Useful tooltip")));
|
58
|
-
};
|
59
|
-
export var ChipWithTooltip = function ChipWithTooltip() {
|
60
|
-
return ___EmotionJSX(Box, {
|
61
|
-
pl: 50
|
62
|
-
}, ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(Button, {
|
63
|
-
variant: "tooltipChip",
|
64
|
-
bg: "neutral.10"
|
65
|
-
}, ___EmotionJSX(Text, {
|
66
|
-
variant: "label",
|
67
|
-
sx: {
|
68
|
-
textTransform: 'uppercase'
|
69
|
-
},
|
70
|
-
color: "white"
|
71
|
-
}, "Some text")), ___EmotionJSX(Tooltip, null, "Useful tooltip")));
|
72
|
-
};
|
73
|
-
export var TextWithTooltip = function TextWithTooltip() {
|
74
|
-
return ___EmotionJSX(Box, {
|
75
|
-
pl: 50
|
76
|
-
}, ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(Button, {
|
77
|
-
variant: "tooltipInline"
|
78
|
-
}, "Some text"), ___EmotionJSX(Tooltip, null, "Useful tooltip")));
|
79
|
-
};
|
@@ -1,74 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import userEvent from '@testing-library/user-event';
|
3
|
-
import axeTest from '../../utils/testUtils/testAxe';
|
4
|
-
import { fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
|
5
|
-
import theme from '../../styles/theme';
|
6
|
-
import { Button, TooltipTrigger, Tooltip } from '../../index';
|
7
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
|
-
|
9
|
-
var getComponent = function getComponent() {
|
10
|
-
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
11
|
-
return render(___EmotionJSX(TooltipTrigger, props, ___EmotionJSX(Button, props.buttonProps, "Mock Button"), ___EmotionJSX(Tooltip, null, "Tooltip Content")));
|
12
|
-
}; // Need to be added to each test file to test accessibility using axe.
|
13
|
-
|
14
|
-
|
15
|
-
axeTest(getComponent);
|
16
|
-
test('tooltip doesnt show by default and is rendered when trigger is hovered', function () {
|
17
|
-
getComponent();
|
18
|
-
var button = screen.getByRole('button');
|
19
|
-
expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
20
|
-
fireEvent.mouseMove(button);
|
21
|
-
fireEvent.mouseEnter(button);
|
22
|
-
expect(screen.queryByRole('tooltip')).toBeInTheDocument();
|
23
|
-
});
|
24
|
-
test('renders a tooltip when trigger is focused with keyboard', function () {
|
25
|
-
getComponent();
|
26
|
-
var button = screen.getByRole('button');
|
27
|
-
expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
28
|
-
expect(button).not.toHaveFocus();
|
29
|
-
expect(button).not.toHaveStyle("box-shadow: ".concat(theme.shadows.focus));
|
30
|
-
userEvent.tab();
|
31
|
-
expect(button).toHaveFocus();
|
32
|
-
});
|
33
|
-
test('renders tooltip by default with isOpen prop', function () {
|
34
|
-
getComponent({
|
35
|
-
isOpen: true
|
36
|
-
});
|
37
|
-
var tooltip = screen.getByRole('tooltip');
|
38
|
-
expect(tooltip).toBeInTheDocument();
|
39
|
-
});
|
40
|
-
test('trigger press events work when a tooltip is displayed', function () {
|
41
|
-
var onPress = jest.fn();
|
42
|
-
getComponent({
|
43
|
-
buttonProps: {
|
44
|
-
onPress: onPress
|
45
|
-
}
|
46
|
-
});
|
47
|
-
var button = screen.getByRole('button');
|
48
|
-
expect(onPress).not.toHaveBeenCalled();
|
49
|
-
expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
50
|
-
fireEvent.mouseMove(button);
|
51
|
-
fireEvent.mouseEnter(button);
|
52
|
-
expect(screen.queryByRole('tooltip')).toBeInTheDocument();
|
53
|
-
userEvent.click(button);
|
54
|
-
expect(onPress).toHaveBeenCalledTimes(1); // Tooltip is dismissed when a click event happens
|
55
|
-
|
56
|
-
expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
57
|
-
});
|
58
|
-
test('trigger press events work when a tooltip is disabled', function () {
|
59
|
-
var onPress = jest.fn();
|
60
|
-
getComponent({
|
61
|
-
isDisabled: true,
|
62
|
-
buttonProps: {
|
63
|
-
onPress: onPress
|
64
|
-
}
|
65
|
-
});
|
66
|
-
var button = screen.getByRole('button');
|
67
|
-
expect(onPress).not.toHaveBeenCalled();
|
68
|
-
expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
69
|
-
fireEvent.mouseMove(button);
|
70
|
-
fireEvent.mouseEnter(button);
|
71
|
-
expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
72
|
-
userEvent.click(button);
|
73
|
-
expect(onPress).toHaveBeenCalledTimes(1);
|
74
|
-
});
|