@pingux/astro 1.1.1-alpha.1 → 1.1.1-alpha.2
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 +95 -0
- package/lib/cjs/components/Link/Link.stories.js +56 -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 +80 -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 +62 -0
- package/lib/cjs/styles/variants/link.js +27 -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 +70 -0
- package/lib/components/Link/Link.stories.js +36 -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 +51 -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 +4 -0
- package/lib/styles/variants/link.js +17 -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,92 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import GlobeIcon from 'mdi-react/GlobeIcon';
|
3
|
+
import ViewDashboard from 'mdi-react/ViewDashboardIcon';
|
4
|
+
import AccountMultiple from 'mdi-react/AccountMultipleIcon';
|
5
|
+
import TransitConnection from 'mdi-react/TransitConnectionVariantIcon';
|
6
|
+
import EmoticonHappy from 'mdi-react/EmoticonHappyOutlineIcon';
|
7
|
+
import Fingerprint from 'mdi-react/FingerprintIcon';
|
8
|
+
import ScaleBalance from 'mdi-react/ScaleBalanceIcon';
|
9
|
+
import Verify from 'mdi-react/VerifiedIcon';
|
10
|
+
import NavBar from './NavBar';
|
11
|
+
import axeTest from '../../utils/testUtils/testAxe';
|
12
|
+
import { render, screen } from '../../utils/testUtils/testWrapper';
|
13
|
+
import { Box, NavBarSection } from '../../index';
|
14
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
15
|
+
var data = [{
|
16
|
+
icon: GlobeIcon,
|
17
|
+
key: 'Overview',
|
18
|
+
heading: 'Overview',
|
19
|
+
children: ['Users', 'Group', 'Populations', 'Attributes', 'A roles title that is really really really really long']
|
20
|
+
}, {
|
21
|
+
icon: ViewDashboard,
|
22
|
+
key: 'Dashboard',
|
23
|
+
heading: 'Dashboard',
|
24
|
+
children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
|
25
|
+
}, {
|
26
|
+
icon: AccountMultiple,
|
27
|
+
key: 'Identities',
|
28
|
+
heading: 'Identities',
|
29
|
+
children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
|
30
|
+
}, {
|
31
|
+
icon: TransitConnection,
|
32
|
+
key: 'Connections',
|
33
|
+
heading: 'Connections',
|
34
|
+
children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
|
35
|
+
}, {
|
36
|
+
icon: EmoticonHappy,
|
37
|
+
key: 'Experiences',
|
38
|
+
heading: 'Experiences',
|
39
|
+
children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
|
40
|
+
}];
|
41
|
+
var secondData = [{
|
42
|
+
icon: Fingerprint,
|
43
|
+
key: 'MFA',
|
44
|
+
heading: 'MFA',
|
45
|
+
children: ['Users', {
|
46
|
+
subTitle: 'PingOne Services'
|
47
|
+
}, 'Group', 'Populations', 'Attributes', 'Roles']
|
48
|
+
}, {
|
49
|
+
icon: ScaleBalance,
|
50
|
+
key: 'Risk',
|
51
|
+
heading: 'Risk',
|
52
|
+
children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
|
53
|
+
}, {
|
54
|
+
icon: Verify,
|
55
|
+
key: 'Verify',
|
56
|
+
heading: 'Verify',
|
57
|
+
children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
|
58
|
+
}];
|
59
|
+
|
60
|
+
var getComponent = function getComponent() {
|
61
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
62
|
+
return render(___EmotionJSX(NavBar, props, ___EmotionJSX(Box, {
|
63
|
+
sx: {
|
64
|
+
height: '100%',
|
65
|
+
maxHeight: '100%',
|
66
|
+
overflowY: 'overlay !important'
|
67
|
+
}
|
68
|
+
}, ___EmotionJSX(NavBarSection, {
|
69
|
+
items: data,
|
70
|
+
hasSeparator: true
|
71
|
+
}), ___EmotionJSX(NavBarSection, {
|
72
|
+
items: secondData,
|
73
|
+
title: "test_title"
|
74
|
+
}))));
|
75
|
+
};
|
76
|
+
|
77
|
+
axeTest(getComponent);
|
78
|
+
test('should render basic nav with children', function () {
|
79
|
+
getComponent();
|
80
|
+
var nav = screen.queryByRole('navigation');
|
81
|
+
expect(nav).toBeInTheDocument();
|
82
|
+
});
|
83
|
+
test('should render title for sections that have titles', function () {
|
84
|
+
getComponent();
|
85
|
+
var title = screen.getByText('test_title');
|
86
|
+
expect(title).toBeInTheDocument();
|
87
|
+
});
|
88
|
+
test('should render title for itemBodies that have subTitles', function () {
|
89
|
+
getComponent();
|
90
|
+
var subTitle = screen.getByText('PingOne Services');
|
91
|
+
expect(subTitle).toBeInTheDocument();
|
92
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './NavBar';
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
2
|
+
import React, { Fragment } from 'react';
|
3
|
+
import PropTypes from 'prop-types';
|
4
|
+
import { Separator, Box, Text } from '../../index';
|
5
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
6
|
+
|
7
|
+
var NavBarItemBody = function NavBarItemBody(props) {
|
8
|
+
var _context;
|
9
|
+
|
10
|
+
return ___EmotionJSX(Box, {
|
11
|
+
sx: {
|
12
|
+
alignItems: 'flex-start',
|
13
|
+
mb: '15px'
|
14
|
+
}
|
15
|
+
}, _mapInstanceProperty(_context = props.item.children).call(_context, function (child) {
|
16
|
+
return child.subTitle ? ___EmotionJSX(Fragment, {
|
17
|
+
key: "fragment".concat(child.subTitle)
|
18
|
+
}, ___EmotionJSX(Separator, {
|
19
|
+
variant: "separator.navBarSubtitleSeparator",
|
20
|
+
key: "separator".concat(child.subTitle)
|
21
|
+
}), ___EmotionJSX(Text, {
|
22
|
+
key: "text".concat(child.subTitle),
|
23
|
+
variant: "text.navBarSubtitle",
|
24
|
+
sx: {
|
25
|
+
mb: '10px',
|
26
|
+
ml: '45px'
|
27
|
+
}
|
28
|
+
}, child.subTitle)) : child;
|
29
|
+
}));
|
30
|
+
};
|
31
|
+
|
32
|
+
NavBarItemBody.propTypes = {
|
33
|
+
item: PropTypes.shape({
|
34
|
+
children: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object]))
|
35
|
+
})
|
36
|
+
};
|
37
|
+
export default NavBarItemBody;
|
@@ -0,0 +1,31 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import PropTypes from 'prop-types';
|
3
|
+
import { Box, Icon, Text } from '../../index';
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
5
|
+
|
6
|
+
var NavBarItemHeader = function NavBarItemHeader(props) {
|
7
|
+
var item = props.item;
|
8
|
+
var icon = item.icon;
|
9
|
+
return ___EmotionJSX(Box, {
|
10
|
+
variant: "boxes.navBarItemHeaderContainer",
|
11
|
+
isRow: true
|
12
|
+
}, icon && ___EmotionJSX(Icon, {
|
13
|
+
icon: icon,
|
14
|
+
size: 20,
|
15
|
+
sx: {
|
16
|
+
mr: '10px',
|
17
|
+
color: 'white',
|
18
|
+
fill: 'white'
|
19
|
+
}
|
20
|
+
}), ___EmotionJSX(Text, {
|
21
|
+
variant: "navBarHeaderText"
|
22
|
+
}, props.item.heading));
|
23
|
+
};
|
24
|
+
|
25
|
+
NavBarItemHeader.propTypes = {
|
26
|
+
item: PropTypes.shape({
|
27
|
+
heading: PropTypes.string,
|
28
|
+
icon: PropTypes.elementType
|
29
|
+
})
|
30
|
+
};
|
31
|
+
export default NavBarItemHeader;
|
@@ -0,0 +1,65 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import PropTypes from 'prop-types';
|
3
|
+
import { Separator, AccordionGridGroup, Text, Item, Box } from '../../index';
|
4
|
+
import NavBarItemBody from './NavBarItemBody';
|
5
|
+
import NavBarItemHeader from './NavBarItemHeader';
|
6
|
+
/**
|
7
|
+
* Composed component that creates an AccordionGrid group
|
8
|
+
* with title, and separator options.
|
9
|
+
*
|
10
|
+
*/
|
11
|
+
|
12
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
13
|
+
|
14
|
+
var NavBarSection = function NavBarSection(props) {
|
15
|
+
var hasSeparator = props.hasSeparator,
|
16
|
+
title = props.title,
|
17
|
+
items = props.items;
|
18
|
+
return ___EmotionJSX(React.Fragment, null, title && ___EmotionJSX(Text, {
|
19
|
+
variant: "text.navBarSubtitle",
|
20
|
+
sx: {
|
21
|
+
mt: '25px',
|
22
|
+
mb: '15px',
|
23
|
+
ml: '15px'
|
24
|
+
}
|
25
|
+
}, title), ___EmotionJSX(AccordionGridGroup, {
|
26
|
+
items: items
|
27
|
+
}, function (item) {
|
28
|
+
return ___EmotionJSX(Item, {
|
29
|
+
headerProps: {
|
30
|
+
variant: 'accordion.accordionGridHeaderNav'
|
31
|
+
},
|
32
|
+
textValue: item
|
33
|
+
}, ___EmotionJSX(NavBarItemHeader, {
|
34
|
+
item: item
|
35
|
+
}), ___EmotionJSX(NavBarItemBody, {
|
36
|
+
item: item
|
37
|
+
}));
|
38
|
+
}), hasSeparator && ___EmotionJSX(Box, {
|
39
|
+
sx: {
|
40
|
+
pl: '15px',
|
41
|
+
pr: '15px',
|
42
|
+
mt: '25px'
|
43
|
+
}
|
44
|
+
}, ___EmotionJSX(Separator, {
|
45
|
+
variant: "separator.navBarSeparator"
|
46
|
+
})));
|
47
|
+
};
|
48
|
+
|
49
|
+
NavBarSection.defaultProps = {
|
50
|
+
hasSeparator: false
|
51
|
+
};
|
52
|
+
NavBarSection.propTypes = {
|
53
|
+
/** If true, a separator will render at the end of the section */
|
54
|
+
hasSeparator: PropTypes.bool,
|
55
|
+
|
56
|
+
/** If present, this string will render at the top of the section */
|
57
|
+
title: PropTypes.string,
|
58
|
+
|
59
|
+
/**
|
60
|
+
* *For performance reasons, use this prop instead of Array.map when iteratively rendering Items*.
|
61
|
+
* For use with [dynamic collections](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections).
|
62
|
+
*/
|
63
|
+
items: PropTypes.arrayOf(PropTypes.shape({}))
|
64
|
+
};
|
65
|
+
export default NavBarSection;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './NavBarSection';
|
@@ -0,0 +1,187 @@
|
|
1
|
+
import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
|
2
|
+
import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
|
3
|
+
import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
|
4
|
+
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
5
|
+
import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
|
6
|
+
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
7
|
+
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
8
|
+
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
9
|
+
import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
|
10
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
11
|
+
import _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 _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
16
|
+
|
17
|
+
import React, { forwardRef, useImperativeHandle } from 'react';
|
18
|
+
import PropTypes from 'prop-types';
|
19
|
+
import ArrowDropUpIcon from 'mdi-react/ArrowDropUpIcon';
|
20
|
+
import ArrowDropDownIcon from 'mdi-react/ArrowDropDownIcon';
|
21
|
+
import { useNumberField } from '@react-aria/numberfield';
|
22
|
+
import { useNumberFieldState } from '@react-stately/numberfield';
|
23
|
+
import { useLocale } from '@react-aria/i18n';
|
24
|
+
import { mergeProps } from '@react-aria/utils';
|
25
|
+
import statuses from '../../utils/devUtils/constants/statuses';
|
26
|
+
import { Box, FieldHelperText, Icon, IconButton, Input, Label } from '../../index';
|
27
|
+
import { useField, usePropWarning } from '../../hooks';
|
28
|
+
/**
|
29
|
+
* Number fields allow users to enter a number, and increment or
|
30
|
+
* decrement the value using stepper buttons.
|
31
|
+
*
|
32
|
+
* Utilizes [useNumberField](https://react-spectrum.adobe.com/react-aria/useNumberField.html) from React Aria
|
33
|
+
* and [useNumberFieldState](https://react-spectrum.adobe.com/react-stately/useNumberFieldState.html) from
|
34
|
+
* React Stately.
|
35
|
+
*/
|
36
|
+
|
37
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
38
|
+
var NumberField = /*#__PURE__*/forwardRef(function (props, ref) {
|
39
|
+
var helperText = props.helperText,
|
40
|
+
status = props.status;
|
41
|
+
|
42
|
+
var _useLocale = useLocale(),
|
43
|
+
locale = _useLocale.locale;
|
44
|
+
|
45
|
+
var state = useNumberFieldState(_objectSpread(_objectSpread({}, props), {}, {
|
46
|
+
locale: locale
|
47
|
+
}));
|
48
|
+
var inputRef = React.useRef();
|
49
|
+
var incrRef = React.useRef();
|
50
|
+
var decRef = React.useRef();
|
51
|
+
|
52
|
+
var _useNumberField = useNumberField(props, state, inputRef),
|
53
|
+
labelProps = _useNumberField.labelProps,
|
54
|
+
groupProps = _useNumberField.groupProps,
|
55
|
+
inputProps = _useNumberField.inputProps,
|
56
|
+
incrementButtonProps = _useNumberField.incrementButtonProps,
|
57
|
+
decrementButtonProps = _useNumberField.decrementButtonProps;
|
58
|
+
|
59
|
+
var _useField = useField(props),
|
60
|
+
fieldContainerProps = _useField.fieldContainerProps,
|
61
|
+
fieldControlProps = _useField.fieldControlProps,
|
62
|
+
fieldLabelProps = _useField.fieldLabelProps;
|
63
|
+
|
64
|
+
usePropWarning(props, 'disabled', 'isDisabled');
|
65
|
+
/* istanbul ignore next */
|
66
|
+
|
67
|
+
useImperativeHandle(ref, function () {
|
68
|
+
return inputRef.current;
|
69
|
+
});
|
70
|
+
|
71
|
+
var ControlArrows = ___EmotionJSX(Box, {
|
72
|
+
variant: "numberField.arrows"
|
73
|
+
}, ___EmotionJSX(IconButton, _extends({}, incrementButtonProps, {
|
74
|
+
ref: decRef,
|
75
|
+
tabIndex: "-1"
|
76
|
+
}), ___EmotionJSX(Icon, {
|
77
|
+
icon: ArrowDropUpIcon,
|
78
|
+
size: 12
|
79
|
+
})), ___EmotionJSX(IconButton, _extends({}, decrementButtonProps, {
|
80
|
+
ref: incrRef,
|
81
|
+
tabIndex: "-1"
|
82
|
+
}), ___EmotionJSX(Icon, {
|
83
|
+
icon: ArrowDropDownIcon,
|
84
|
+
size: 12
|
85
|
+
})));
|
86
|
+
|
87
|
+
return ___EmotionJSX(Box, fieldContainerProps, ___EmotionJSX(Label, mergeProps(fieldLabelProps, labelProps)), ___EmotionJSX(Box, _extends({
|
88
|
+
variant: "numberField.noDefaultArrows"
|
89
|
+
}, groupProps), ___EmotionJSX(Box, {
|
90
|
+
variant: "numberField.arrowsWrapper",
|
91
|
+
className: fieldControlProps.className
|
92
|
+
}, ___EmotionJSX(Input, _extends({
|
93
|
+
variant: "forms.input.numberField",
|
94
|
+
ref: inputRef // we don't want to merge this props, we want to
|
95
|
+
// overwrite them like defaultValue, value, ect.
|
96
|
+
|
97
|
+
}, fieldControlProps, inputProps)), ControlArrows), helperText && ___EmotionJSX(FieldHelperText, {
|
98
|
+
status: status
|
99
|
+
}, helperText)));
|
100
|
+
});
|
101
|
+
export default NumberField;
|
102
|
+
NumberField.propTypes = {
|
103
|
+
/** A custom aria-label for the decrement button.
|
104
|
+
* If not provided, the localized string "Decrement" is used. */
|
105
|
+
decrementAriaLabel: PropTypes.string,
|
106
|
+
|
107
|
+
/** A custom aria-label for the increment button.
|
108
|
+
* If not provided, the localized string "Increment" is used. */
|
109
|
+
incrementAriaLabel: PropTypes.string,
|
110
|
+
|
111
|
+
/** Formatting options for the value displayed in the number field.
|
112
|
+
* This also affects what characters are allowed to be typed by the user.
|
113
|
+
* See [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat)
|
114
|
+
* */
|
115
|
+
formatOptions: PropTypes.shape({}),
|
116
|
+
|
117
|
+
/** Whether the input is disabled. */
|
118
|
+
isDisabled: PropTypes.bool,
|
119
|
+
|
120
|
+
/** Whether the input can be selected but not changed by the user. */
|
121
|
+
isReadOnly: PropTypes.bool,
|
122
|
+
|
123
|
+
/** Whether user input is required on the input before form submission. */
|
124
|
+
isRequired: PropTypes.bool,
|
125
|
+
|
126
|
+
/** Whether the element should receive focus on render. */
|
127
|
+
hasAutoFocus: PropTypes.bool,
|
128
|
+
|
129
|
+
/**
|
130
|
+
* Callback fired when focus is lost on the input element.
|
131
|
+
*/
|
132
|
+
onBlur: PropTypes.func,
|
133
|
+
|
134
|
+
/**
|
135
|
+
* Callback fired when focus is lost on the input element.
|
136
|
+
*/
|
137
|
+
onFocus: PropTypes.func,
|
138
|
+
|
139
|
+
/** Handler that is called when the element's focus status changes. */
|
140
|
+
onFocusChange: PropTypes.func,
|
141
|
+
|
142
|
+
/** Handler that is called when a key is pressed. */
|
143
|
+
onKeyDown: PropTypes.func,
|
144
|
+
|
145
|
+
/** Handler that is called when a key is released. */
|
146
|
+
onKeyUp: PropTypes.func,
|
147
|
+
|
148
|
+
/** Temporary text that occupies the text input when it is empty. */
|
149
|
+
placeholder: PropTypes.string,
|
150
|
+
|
151
|
+
/** The amount that the input value changes with each increment or decrement "tick".
|
152
|
+
* The step prop can be used to snap the value to certain increments.
|
153
|
+
* You can read more about this prop here
|
154
|
+
* [Step values](https://react-spectrum.adobe.com/react-aria/useNumberField.html#step-values)
|
155
|
+
* */
|
156
|
+
step: PropTypes.number,
|
157
|
+
|
158
|
+
/** The smallest value allowed for the input. */
|
159
|
+
minValue: PropTypes.number,
|
160
|
+
|
161
|
+
/** The largest value allowed for the input. */
|
162
|
+
maxValue: PropTypes.number,
|
163
|
+
|
164
|
+
/** The rendered label for the field. */
|
165
|
+
label: PropTypes.node,
|
166
|
+
|
167
|
+
/** Text rendered below the input. */
|
168
|
+
helperText: PropTypes.node,
|
169
|
+
|
170
|
+
/** If present this prop will cause a help hint to render in the label of the field. */
|
171
|
+
hintText: PropTypes.string,
|
172
|
+
|
173
|
+
/**
|
174
|
+
* Handler that is called when the value changes.
|
175
|
+
* (value: number) => void
|
176
|
+
*/
|
177
|
+
onChange: PropTypes.func,
|
178
|
+
|
179
|
+
/** Determines the input status indicator and helper text styling. */
|
180
|
+
status: PropTypes.oneOf(_Object$values(statuses)),
|
181
|
+
|
182
|
+
/** The default value (uncontrolled). */
|
183
|
+
defaultValue: PropTypes.number,
|
184
|
+
|
185
|
+
/** The current value (controlled). */
|
186
|
+
value: PropTypes.number
|
187
|
+
};
|
@@ -0,0 +1,195 @@
|
|
1
|
+
import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
2
|
+
import React, { useState } from 'react';
|
3
|
+
import NumberField from './NumberField';
|
4
|
+
import statuses from '../../utils/devUtils/constants/statuses';
|
5
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
6
|
+
export default {
|
7
|
+
title: 'Form/NumberField',
|
8
|
+
component: NumberField,
|
9
|
+
parameters: {
|
10
|
+
docs: {
|
11
|
+
source: {
|
12
|
+
type: 'code'
|
13
|
+
}
|
14
|
+
}
|
15
|
+
},
|
16
|
+
argTypes: {
|
17
|
+
label: {
|
18
|
+
control: {
|
19
|
+
type: 'text'
|
20
|
+
},
|
21
|
+
defaultValue: 'Example Label'
|
22
|
+
},
|
23
|
+
hintText: {
|
24
|
+
control: {
|
25
|
+
type: 'text'
|
26
|
+
}
|
27
|
+
},
|
28
|
+
helperText: {
|
29
|
+
control: {
|
30
|
+
type: 'text'
|
31
|
+
}
|
32
|
+
},
|
33
|
+
status: {
|
34
|
+
control: {
|
35
|
+
type: 'select',
|
36
|
+
options: statuses
|
37
|
+
},
|
38
|
+
defaultValue: statuses.DEFAULT
|
39
|
+
},
|
40
|
+
value: {
|
41
|
+
control: {
|
42
|
+
type: 'none'
|
43
|
+
}
|
44
|
+
},
|
45
|
+
step: {
|
46
|
+
control: {
|
47
|
+
type: 'number'
|
48
|
+
},
|
49
|
+
defaultValue: 1
|
50
|
+
},
|
51
|
+
defaultValue: {
|
52
|
+
control: {
|
53
|
+
type: 'none'
|
54
|
+
},
|
55
|
+
defaultValue: 17
|
56
|
+
},
|
57
|
+
formatOptions: {
|
58
|
+
control: {
|
59
|
+
type: 'none'
|
60
|
+
}
|
61
|
+
},
|
62
|
+
placeholder: {
|
63
|
+
control: {
|
64
|
+
type: 'string'
|
65
|
+
}
|
66
|
+
},
|
67
|
+
decrementAriaLabel: {
|
68
|
+
control: {
|
69
|
+
type: 'none'
|
70
|
+
},
|
71
|
+
defaultValue: 'decrement-button'
|
72
|
+
},
|
73
|
+
incrementAriaLabel: {
|
74
|
+
control: {
|
75
|
+
type: 'none'
|
76
|
+
},
|
77
|
+
defaultValue: 'increment-button'
|
78
|
+
},
|
79
|
+
minValue: {
|
80
|
+
control: {
|
81
|
+
type: 'none'
|
82
|
+
}
|
83
|
+
},
|
84
|
+
maxValue: {
|
85
|
+
control: {
|
86
|
+
type: 'none'
|
87
|
+
}
|
88
|
+
}
|
89
|
+
}
|
90
|
+
};
|
91
|
+
export var Default = function Default(args) {
|
92
|
+
return ___EmotionJSX(NumberField, args);
|
93
|
+
};
|
94
|
+
export var Decimals = function Decimals() {
|
95
|
+
return ___EmotionJSX(NumberField, {
|
96
|
+
label: "Adjust exposure",
|
97
|
+
defaultValue: 0,
|
98
|
+
formatOptions: {
|
99
|
+
signDisplay: 'exceptZero',
|
100
|
+
minimumFractionDigits: 1,
|
101
|
+
maximumFractionDigits: 2
|
102
|
+
}
|
103
|
+
});
|
104
|
+
};
|
105
|
+
export var ControlledState = function ControlledState() {
|
106
|
+
var _useState = useState(12),
|
107
|
+
_useState2 = _slicedToArray(_useState, 2),
|
108
|
+
value = _useState2[0],
|
109
|
+
setValue = _useState2[1];
|
110
|
+
|
111
|
+
return ___EmotionJSX(NumberField, {
|
112
|
+
value: value,
|
113
|
+
onChange: setValue
|
114
|
+
});
|
115
|
+
};
|
116
|
+
export var CurrencyValues = function CurrencyValues() {
|
117
|
+
return ___EmotionJSX(NumberField, {
|
118
|
+
label: "Transaction amount",
|
119
|
+
defaultValue: 45,
|
120
|
+
formatOptions: {
|
121
|
+
style: 'currency',
|
122
|
+
currency: 'EUR',
|
123
|
+
currencyDisplay: 'code',
|
124
|
+
currencySign: 'accounting'
|
125
|
+
}
|
126
|
+
});
|
127
|
+
};
|
128
|
+
export var DisabledAndReadOnly = function DisabledAndReadOnly() {
|
129
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NumberField, {
|
130
|
+
label: "Disabled",
|
131
|
+
isDisabled: true,
|
132
|
+
value: 25
|
133
|
+
}), ___EmotionJSX(NumberField, {
|
134
|
+
label: "Read only",
|
135
|
+
isReadOnly: true,
|
136
|
+
value: 32,
|
137
|
+
containerProps: {
|
138
|
+
sx: {
|
139
|
+
marginTop: '15px'
|
140
|
+
}
|
141
|
+
}
|
142
|
+
}));
|
143
|
+
};
|
144
|
+
export var MinimumAndMaximumValues = function MinimumAndMaximumValues() {
|
145
|
+
return ___EmotionJSX(NumberField, {
|
146
|
+
label: "Enter your age",
|
147
|
+
minValue: 0
|
148
|
+
});
|
149
|
+
};
|
150
|
+
export var StepValues = function StepValues() {
|
151
|
+
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NumberField, {
|
152
|
+
label: "Step",
|
153
|
+
step: 10
|
154
|
+
}), ___EmotionJSX(NumberField, {
|
155
|
+
label: "Step + minValue",
|
156
|
+
minValue: 2,
|
157
|
+
step: 3,
|
158
|
+
containerProps: {
|
159
|
+
sx: {
|
160
|
+
marginTop: '15px'
|
161
|
+
}
|
162
|
+
}
|
163
|
+
}), ___EmotionJSX(NumberField, {
|
164
|
+
label: "Step + minValue + maxValue",
|
165
|
+
minValue: 2,
|
166
|
+
maxValue: 21,
|
167
|
+
step: 3,
|
168
|
+
sx: {
|
169
|
+
marginTop: '5px'
|
170
|
+
},
|
171
|
+
containerProps: {
|
172
|
+
sx: {
|
173
|
+
marginTop: '15px'
|
174
|
+
}
|
175
|
+
}
|
176
|
+
}));
|
177
|
+
};
|
178
|
+
export var WithHelperText = function WithHelperText() {
|
179
|
+
return ___EmotionJSX(NumberField, {
|
180
|
+
label: "Helper Text",
|
181
|
+
defaultValue: 88,
|
182
|
+
helperText: "Useful Text"
|
183
|
+
});
|
184
|
+
};
|
185
|
+
export var Units = function Units() {
|
186
|
+
return ___EmotionJSX(NumberField, {
|
187
|
+
label: "Package width",
|
188
|
+
defaultValue: 4,
|
189
|
+
formatOptions: {
|
190
|
+
style: 'unit',
|
191
|
+
unit: 'inch',
|
192
|
+
unitDisplay: 'long'
|
193
|
+
}
|
194
|
+
});
|
195
|
+
};
|