@ntbjs/react-components 2.0.0-rc.3 → 2.0.0-rc.30
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/{esm/node_modules/@babel/runtime/helpers/esm/extends.js → build/_virtual/_rollupPluginBabelHelpers.js} +2 -1
- package/build/_virtual/_rollupPluginBabelHelpers.js.map +1 -0
- package/{esm/components → build}/data/Alert/Alert.js +28 -24
- package/build/data/Alert/Alert.js.map +1 -0
- package/build/data/Alert/Alert.styled.js +56 -0
- package/build/data/Alert/Alert.styled.js.map +1 -0
- package/build/data/Alert/index.js +2 -0
- package/build/data/Alert/index.js.map +1 -0
- package/{esm/components → build}/data/Badge/Badge.js +30 -32
- package/build/data/Badge/Badge.js.map +1 -0
- package/build/data/Badge/Badge.styled.js +133 -0
- package/build/data/Badge/Badge.styled.js.map +1 -0
- package/build/data/Badge/index.js +2 -0
- package/build/data/Badge/index.js.map +1 -0
- package/{esm/components → build}/data/Popover/Popover.js +31 -32
- package/build/data/Popover/Popover.js.map +1 -0
- package/{esm/components → build}/data/Popover/Popover.styled.js +40 -44
- package/build/data/Popover/Popover.styled.js.map +1 -0
- package/build/data/Popover/index.js +2 -0
- package/build/data/Popover/index.js.map +1 -0
- package/build/data/Tab/Tab.js +25 -0
- package/build/data/Tab/Tab.js.map +1 -0
- package/build/data/Tab/Tab.styled.js +13 -0
- package/build/data/Tab/Tab.styled.js.map +1 -0
- package/build/data/Tab/index.js +2 -0
- package/build/data/Tab/index.js.map +1 -0
- package/build/data/Tabs/Tabs.js +91 -0
- package/build/data/Tabs/Tabs.js.map +1 -0
- package/build/data/Tabs/Tabs.styled.js +74 -0
- package/build/data/Tabs/Tabs.styled.js.map +1 -0
- package/build/data/Tabs/index.js +2 -0
- package/build/data/Tabs/index.js.map +1 -0
- package/{esm/components → build}/data/Tooltip/Tooltip.js +17 -19
- package/build/data/Tooltip/Tooltip.js.map +1 -0
- package/build/data/Tooltip/Tooltip.styled.js +28 -0
- package/build/data/Tooltip/Tooltip.styled.js.map +1 -0
- package/build/data/Tooltip/index.js +2 -0
- package/build/data/Tooltip/index.js.map +1 -0
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.js +36 -0
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.js.map +1 -0
- package/{esm/components → build}/data/VerificationStatusIcon/VerificationStatusIcon.styled.js +18 -34
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js.map +1 -0
- package/build/data/index.js +8 -0
- package/build/data/index.js.map +1 -0
- package/{esm → build}/hooks/useEventListner.js +5 -6
- package/build/hooks/useEventListner.js.map +1 -0
- package/build/hooks/useIsomorphicLayoutEffect.js +6 -0
- package/build/hooks/useIsomorphicLayoutEffect.js.map +1 -0
- package/{esm → build}/hooks/useOnClickOutside.js +2 -1
- package/build/hooks/useOnClickOutside.js.map +1 -0
- package/build/icons/add-circle.svg +3 -0
- package/build/icons/add.svg +3 -0
- package/build/icons/album.svg +3 -0
- package/build/icons/arrow-back.svg +4 -0
- package/{esm → build}/icons/arrow-back.svg.js +4 -4
- package/build/icons/arrow-back.svg.js.map +1 -0
- package/build/icons/arrow-drop-down.svg +4 -0
- package/build/icons/arrow-forward.svg +3 -0
- package/{esm → build}/icons/arrow-forward.svg.js +4 -4
- package/build/icons/arrow-forward.svg.js.map +1 -0
- package/build/icons/audio.svg +3 -0
- package/build/icons/bell.svg +3 -0
- package/build/icons/check-circle-filled.svg +3 -0
- package/build/icons/check-rectangle-filled.svg +3 -0
- package/{esm → build}/icons/check-rectangle-filled.svg.js +4 -4
- package/build/icons/check-rectangle-filled.svg.js.map +1 -0
- package/build/icons/check.svg +3 -0
- package/build/icons/clear-circle-filled.svg +14 -0
- package/build/icons/close.svg +4 -0
- package/{esm → build}/icons/close.svg.js +4 -4
- package/build/icons/close.svg.js.map +1 -0
- package/build/icons/corporate.svg +3 -0
- package/build/icons/delete-context-menu.svg +4 -0
- package/build/icons/delete.svg +3 -0
- package/build/icons/design-services.svg +4 -0
- package/build/icons/download.svg +3 -0
- package/build/icons/edit-note.svg +4 -0
- package/{esm → build}/icons/edit-note.svg.js +4 -4
- package/build/icons/edit-note.svg.js.map +1 -0
- package/build/icons/edit.svg +3 -0
- package/build/icons/expand-more.svg +4 -0
- package/{esm → build}/icons/expand-more.svg.js +4 -4
- package/build/icons/expand-more.svg.js.map +1 -0
- package/build/icons/file.svg +3 -0
- package/build/icons/ftp.svg +3 -0
- package/build/icons/gear.svg +3 -0
- package/build/icons/headset.svg +1 -0
- package/{esm → build}/icons/headset.svg.js +4 -4
- package/build/icons/headset.svg.js.map +1 -0
- package/build/icons/index.js +79 -0
- package/build/icons/layers.svg +3 -0
- package/{esm → build}/icons/layers.svg.js +4 -4
- package/build/icons/layers.svg.js.map +1 -0
- package/build/icons/library-add.svg +3 -0
- package/build/icons/link.svg +4 -0
- package/{esm → build}/icons/link.svg.js +4 -4
- package/build/icons/link.svg.js.map +1 -0
- package/build/icons/pdf.svg +3 -0
- package/build/icons/play.svg +3 -0
- package/{esm → build}/icons/play.svg.js +4 -4
- package/build/icons/play.svg.js.map +1 -0
- package/build/icons/remove-circle.svg +3 -0
- package/build/icons/search.svg +3 -0
- package/{esm → build}/icons/search.svg.js +4 -4
- package/build/icons/search.svg.js.map +1 -0
- package/build/icons/share.svg +3 -0
- package/build/icons/shopping_cart_add.svg +3 -0
- package/build/icons/star-filled.svg +3 -0
- package/{esm → build}/icons/star-filled.svg.js +4 -4
- package/build/icons/star-filled.svg.js.map +1 -0
- package/build/icons/star.svg +3 -0
- package/{esm → build}/icons/star.svg.js +4 -4
- package/build/icons/star.svg.js.map +1 -0
- package/build/icons/triangle-right.svg +4 -0
- package/{esm → build}/icons/triangle-right.svg.js +4 -4
- package/build/icons/triangle-right.svg.js.map +1 -0
- package/build/icons/verification.svg +3 -0
- package/{esm → build}/icons/verification.svg.js +4 -4
- package/build/icons/verification.svg.js.map +1 -0
- package/build/icons/warning-circle.svg +3 -0
- package/{esm → build}/icons/warning-circle.svg.js +4 -4
- package/build/icons/warning-circle.svg.js.map +1 -0
- package/build/icons/warning-triangle.svg +3 -0
- package/build/index.js +5 -0
- package/build/index.js.map +1 -0
- package/build/inputs/ActionButton/ActionButton.js +36 -0
- package/build/inputs/ActionButton/ActionButton.js.map +1 -0
- package/build/inputs/ActionButton/ActionButton.styled.js +55 -0
- package/build/inputs/ActionButton/ActionButton.styled.js.map +1 -0
- package/build/inputs/ActionButton/index.js +2 -0
- package/build/inputs/ActionButton/index.js.map +1 -0
- package/{esm/components → build}/inputs/Button/Button.js +57 -53
- package/build/inputs/Button/Button.js.map +1 -0
- package/build/inputs/Button/Button.styled.js +260 -0
- package/build/inputs/Button/Button.styled.js.map +1 -0
- package/build/inputs/Button/index.js +2 -0
- package/build/inputs/Button/index.js.map +1 -0
- package/{esm/components → build}/inputs/Checkbox/Checkbox.js +15 -16
- package/build/inputs/Checkbox/Checkbox.js.map +1 -0
- package/build/inputs/Checkbox/Checkbox.styled.js +122 -0
- package/build/inputs/Checkbox/Checkbox.styled.js.map +1 -0
- package/build/inputs/Checkbox/index.js +2 -0
- package/build/inputs/Checkbox/index.js.map +1 -0
- package/{esm/components → build}/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js +61 -58
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js.map +1 -0
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js +285 -0
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js.map +1 -0
- package/build/inputs/CompactAutocompleteSelect/index.js +2 -0
- package/build/inputs/CompactAutocompleteSelect/index.js.map +1 -0
- package/{esm/components → build}/inputs/CompactStarRating/CompactStarRating.js +53 -50
- package/build/inputs/CompactStarRating/CompactStarRating.js.map +1 -0
- package/build/inputs/CompactStarRating/CompactStarRating.styled.js +217 -0
- package/build/inputs/CompactStarRating/CompactStarRating.styled.js.map +1 -0
- package/build/inputs/CompactStarRating/index.js +2 -0
- package/build/inputs/CompactStarRating/index.js.map +1 -0
- package/{esm/components → build}/inputs/CompactTextInput/CompactTextInput.js +58 -57
- package/build/inputs/CompactTextInput/CompactTextInput.js.map +1 -0
- package/build/inputs/CompactTextInput/CompactTextInput.styled.js +326 -0
- package/build/inputs/CompactTextInput/CompactTextInput.styled.js.map +1 -0
- package/build/inputs/CompactTextInput/index.js +2 -0
- package/build/inputs/CompactTextInput/index.js.map +1 -0
- package/{esm/components → build}/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js +44 -84
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js.map +1 -0
- package/{esm/components → build}/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js +23 -32
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js.map +1 -0
- package/build/inputs/MultiLevelCheckbox/index.js +3 -0
- package/build/inputs/MultiLevelCheckbox/index.js.map +1 -0
- package/build/inputs/MultiLevelCheckbox/types.js +27 -0
- package/build/inputs/MultiLevelCheckbox/types.js.map +1 -0
- package/{esm/components → build}/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js +53 -50
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js.map +1 -0
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js +93 -0
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js.map +1 -0
- package/build/inputs/MultiLevelCheckboxSelect/index.js +2 -0
- package/build/inputs/MultiLevelCheckboxSelect/index.js.map +1 -0
- package/{esm/components → build}/inputs/MultiSelect/MultiSelect.js +51 -54
- package/build/inputs/MultiSelect/MultiSelect.js.map +1 -0
- package/build/inputs/MultiSelect/MultiSelect.styled.js +224 -0
- package/build/inputs/MultiSelect/MultiSelect.styled.js.map +1 -0
- package/build/inputs/MultiSelect/index.js +2 -0
- package/build/inputs/MultiSelect/index.js.map +1 -0
- package/build/inputs/Radio/Radio.js +60 -0
- package/build/inputs/Radio/Radio.js.map +1 -0
- package/{esm/components → build}/inputs/Radio/Radio.styled.js +20 -24
- package/build/inputs/Radio/Radio.styled.js.map +1 -0
- package/build/inputs/Radio/index.js +2 -0
- package/build/inputs/Radio/index.js.map +1 -0
- package/{esm/components → build}/inputs/Switch/Switch.js +11 -12
- package/build/inputs/Switch/Switch.js.map +1 -0
- package/build/inputs/Switch/Switch.styled.js +102 -0
- package/build/inputs/Switch/Switch.styled.js.map +1 -0
- package/build/inputs/Switch/index.js +2 -0
- package/build/inputs/Switch/index.js.map +1 -0
- package/{esm/components → build}/inputs/TextArea/TextArea.js +60 -64
- package/build/inputs/TextArea/TextArea.js.map +1 -0
- package/build/inputs/TextArea/TextArea.styled.js +439 -0
- package/build/inputs/TextArea/TextArea.styled.js.map +1 -0
- package/build/inputs/TextArea/index.js +2 -0
- package/build/inputs/TextArea/index.js.map +1 -0
- package/build/inputs/TextInput/TextInput.js +139 -0
- package/build/inputs/TextInput/TextInput.js.map +1 -0
- package/build/inputs/TextInput/TextInput.styled.js +231 -0
- package/build/inputs/TextInput/TextInput.styled.js.map +1 -0
- package/build/inputs/TextInput/index.js +2 -0
- package/build/inputs/TextInput/index.js.map +1 -0
- package/build/inputs/index.js +15 -0
- package/build/inputs/index.js.map +1 -0
- package/build/layout/InputGroup/InputGroup.js +20 -0
- package/build/layout/InputGroup/InputGroup.js.map +1 -0
- package/build/layout/InputGroup/InputGroup.styled.js +9 -0
- package/build/layout/InputGroup/InputGroup.styled.js.map +1 -0
- package/build/layout/SectionSeparator/SectionSeparator.js +23 -0
- package/build/layout/SectionSeparator/SectionSeparator.js.map +1 -0
- package/build/layout/SectionSeparator/SectionSeparator.styled.js +14 -0
- package/build/layout/SectionSeparator/SectionSeparator.styled.js.map +1 -0
- package/build/layout/SectionSeparator/index.js +2 -0
- package/build/layout/SectionSeparator/index.js.map +1 -0
- package/build/layout/index.js +3 -0
- package/build/layout/index.js.map +1 -0
- package/{esm/ssr → build}/ssr/index.js +1 -0
- package/build/ssr/index.js.map +1 -0
- package/build/styles/all.scss +3 -0
- package/build/styles/config.scss +38 -0
- package/build/styles/utils/colors.scss +15 -0
- package/build/styles/utils/colors.scss.js +4 -0
- package/build/styles/utils/colors.scss.js.map +1 -0
- package/build/styles/utils/theme.scss +33 -0
- package/{esm → build}/utils/dateTime.js +1 -0
- package/build/utils/dateTime.js.map +1 -0
- package/build/utils/defaultTheme.js +44 -0
- package/build/utils/defaultTheme.js.map +1 -0
- package/{esm/components → build}/widgets/AssetAction/AssetAction.js +22 -25
- package/build/widgets/AssetAction/AssetAction.js.map +1 -0
- package/build/widgets/AssetAction/AssetAction.styled.js +41 -0
- package/build/widgets/AssetAction/AssetAction.styled.js.map +1 -0
- package/build/widgets/AssetAction/index.js +2 -0
- package/build/widgets/AssetAction/index.js.map +1 -0
- package/build/widgets/AssetActionsBase/AssetActionsBase.js +29 -0
- package/build/widgets/AssetActionsBase/AssetActionsBase.js.map +1 -0
- package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js +15 -0
- package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js.map +1 -0
- package/build/widgets/AssetActionsBase/index.js +2 -0
- package/build/widgets/AssetActionsBase/index.js.map +1 -0
- package/{esm/components → build}/widgets/AssetGallery/AssetGallery.js +35 -34
- package/build/widgets/AssetGallery/AssetGallery.js.map +1 -0
- package/{esm/components → build}/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js +65 -64
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js +30 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js.map +1 -0
- package/{esm/components → build}/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js +111 -108
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js +329 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js.map +1 -0
- package/{esm/components → build}/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js +131 -114
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js.map +1 -0
- package/{esm/components → build}/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js +98 -120
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js.map +1 -0
- package/{esm/components → build}/widgets/AssetGallery/asset.propType.js +5 -4
- package/build/widgets/AssetGallery/asset.propType.js.map +1 -0
- package/build/widgets/AssetGallery/index.js +2 -0
- package/build/widgets/AssetGallery/index.js.map +1 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js +44 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js.map +1 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js +77 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js.map +1 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenu.js +22 -0
- package/build/widgets/ContextMenu/ContextMenu.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenu.styled.js +10 -0
- package/build/widgets/ContextMenu/ContextMenu.styled.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js +44 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js +77 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItem/index.js +2 -0
- package/build/widgets/ContextMenu/ContextMenuItem/index.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js +22 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js.map +1 -0
- package/{esm/components → build}/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js +5 -6
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/index.js +2 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/index.js.map +1 -0
- package/build/widgets/ContextMenu/index.js +2 -0
- package/build/widgets/ContextMenu/index.js.map +1 -0
- package/build/widgets/InfoCard/InfoCard.js +40 -0
- package/build/widgets/InfoCard/InfoCard.js.map +1 -0
- package/build/widgets/InfoCard/InfoCard.styled.js +92 -0
- package/build/widgets/InfoCard/InfoCard.styled.js.map +1 -0
- package/build/widgets/InfoCard/index.js +2 -0
- package/build/widgets/InfoCard/index.js.map +1 -0
- package/{esm/components → build}/widgets/Instructions/Instructions.js +60 -63
- package/build/widgets/Instructions/Instructions.js.map +1 -0
- package/build/widgets/Instructions/Instructions.styled.js +32 -0
- package/build/widgets/Instructions/Instructions.styled.js.map +1 -0
- package/build/widgets/Instructions/index.js +2 -0
- package/build/widgets/Instructions/index.js.map +1 -0
- package/build/widgets/ProgressBar/ProgressBar.js +72 -0
- package/build/widgets/ProgressBar/ProgressBar.js.map +1 -0
- package/build/widgets/ProgressBar/ProgressBar.styled.js +145 -0
- package/build/widgets/ProgressBar/ProgressBar.styled.js.map +1 -0
- package/build/widgets/ProgressBar/index.js +2 -0
- package/build/widgets/ProgressBar/index.js.map +1 -0
- package/build/widgets/SummaryCard/SummaryCard.js +92 -0
- package/build/widgets/SummaryCard/SummaryCard.js.map +1 -0
- package/build/widgets/SummaryCard/SummaryCard.styled.js +137 -0
- package/build/widgets/SummaryCard/SummaryCard.styled.js.map +1 -0
- package/build/widgets/SummaryCard/index.js +2 -0
- package/build/widgets/SummaryCard/index.js.map +1 -0
- package/build/widgets/index.js +12 -0
- package/build/widgets/index.js.map +1 -0
- package/package.json +49 -59
- package/styles/all.scss +3 -3
- package/styles/config.scss +1 -0
- package/styles/utils/colors.scss +4 -4
- package/styles/utils/theme.scss +0 -2
- package/.eslintrc +0 -19
- package/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -84
- package/cjs/_virtual/index.js +0 -7
- package/cjs/_virtual/index2.js +0 -7
- package/cjs/_virtual/index3.js +0 -7
- package/cjs/_virtual/index4.js +0 -7
- package/cjs/_virtual/index5.js +0 -7
- package/cjs/_virtual/react-dom.development.js +0 -7
- package/cjs/_virtual/react-dom.production.js +0 -7
- package/cjs/_virtual/react-is.development.js +0 -7
- package/cjs/_virtual/react-is.development2.js +0 -7
- package/cjs/_virtual/react-is.production.min.js +0 -7
- package/cjs/_virtual/react-is.production.min2.js +0 -7
- package/cjs/_virtual/react.development.js +0 -7
- package/cjs/_virtual/react.production.js +0 -7
- package/cjs/components/data/Alert/Alert.js +0 -81
- package/cjs/components/data/Alert/Alert.styled.js +0 -72
- package/cjs/components/data/Alert/data/Alert/index.js +0 -9
- package/cjs/components/data/Badge/Badge.js +0 -93
- package/cjs/components/data/Badge/Badge.styled.js +0 -156
- package/cjs/components/data/Badge/data/Badge/index.js +0 -9
- package/cjs/components/data/Popover/Popover.js +0 -102
- package/cjs/components/data/Popover/Popover.styled.js +0 -159
- package/cjs/components/data/Popover/data/Popover/index.js +0 -9
- package/cjs/components/data/Tab/Tab.js +0 -31
- package/cjs/components/data/Tab/Tab.styled.js +0 -22
- package/cjs/components/data/Tab/data/Tab/index.js +0 -9
- package/cjs/components/data/Tabs/Tabs.js +0 -91
- package/cjs/components/data/Tabs/Tabs.styled.js +0 -97
- package/cjs/components/data/Tabs/data/Tabs/index.js +0 -9
- package/cjs/components/data/Tooltip/Tooltip.js +0 -50
- package/cjs/components/data/Tooltip/Tooltip.styled.js +0 -38
- package/cjs/components/data/Tooltip/data/Tooltip/index.js +0 -9
- package/cjs/components/data/VerificationStatusIcon/VerificationStatusIcon.js +0 -42
- package/cjs/components/data/VerificationStatusIcon/VerificationStatusIcon.styled.js +0 -79
- package/cjs/components/data/data/index.js +0 -21
- package/cjs/components/inputs/ActionButton/ActionButton.js +0 -42
- package/cjs/components/inputs/ActionButton/ActionButton.styled.js +0 -66
- package/cjs/components/inputs/ActionButton/inputs/ActionButton/index.js +0 -9
- package/cjs/components/inputs/Button/Button.js +0 -188
- package/cjs/components/inputs/Button/Button.styled.js +0 -294
- package/cjs/components/inputs/Button/inputs/Button/index.js +0 -9
- package/cjs/components/inputs/Checkbox/Checkbox.js +0 -102
- package/cjs/components/inputs/Checkbox/Checkbox.styled.js +0 -145
- package/cjs/components/inputs/Checkbox/inputs/Checkbox/index.js +0 -9
- package/cjs/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js +0 -268
- package/cjs/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js +0 -352
- package/cjs/components/inputs/CompactAutocompleteSelect/inputs/CompactAutocompleteSelect/index.js +0 -9
- package/cjs/components/inputs/CompactStarRating/CompactStarRating.js +0 -178
- package/cjs/components/inputs/CompactStarRating/CompactStarRating.styled.js +0 -258
- package/cjs/components/inputs/CompactStarRating/inputs/CompactStarRating/index.js +0 -9
- package/cjs/components/inputs/CompactTextInput/CompactTextInput.js +0 -187
- package/cjs/components/inputs/CompactTextInput/CompactTextInput.styled.js +0 -352
- package/cjs/components/inputs/CompactTextInput/inputs/CompactTextInput/index.js +0 -9
- package/cjs/components/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js +0 -253
- package/cjs/components/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js +0 -89
- package/cjs/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js +0 -185
- package/cjs/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js +0 -122
- package/cjs/components/inputs/MultiSelect/MultiSelect.js +0 -251
- package/cjs/components/inputs/MultiSelect/MultiSelect.styled.js +0 -279
- package/cjs/components/inputs/MultiSelect/inputs/MultiSelect/index.js +0 -9
- package/cjs/components/inputs/Radio/Radio.js +0 -67
- package/cjs/components/inputs/Radio/Radio.styled.js +0 -93
- package/cjs/components/inputs/Radio/inputs/Radio/index.js +0 -9
- package/cjs/components/inputs/Switch/Switch.js +0 -69
- package/cjs/components/inputs/Switch/Switch.styled.js +0 -123
- package/cjs/components/inputs/Switch/inputs/Switch/index.js +0 -9
- package/cjs/components/inputs/TextArea/TextArea.js +0 -186
- package/cjs/components/inputs/TextArea/TextArea.styled.js +0 -455
- package/cjs/components/inputs/TextArea/inputs/TextArea/index.js +0 -9
- package/cjs/components/inputs/TextInput/TextInput.js +0 -147
- package/cjs/components/inputs/TextInput/TextInput.styled.js +0 -276
- package/cjs/components/inputs/TextInput/inputs/TextInput/index.js +0 -9
- package/cjs/components/inputs/inputs/index.js +0 -33
- package/cjs/components/layout/InputGroup/InputGroup.js +0 -26
- package/cjs/components/layout/InputGroup/InputGroup.styled.js +0 -18
- package/cjs/components/layout/InputGroup/layout/InputGroup/index.js +0 -9
- package/cjs/components/layout/SectionSeparator/SectionSeparator.js +0 -29
- package/cjs/components/layout/SectionSeparator/SectionSeparator.styled.js +0 -21
- package/cjs/components/layout/SectionSeparator/layout/SectionSeparator/index.js +0 -9
- package/cjs/components/layout/layout/index.js +0 -11
- package/cjs/components/widgets/AssetAction/AssetAction.js +0 -106
- package/cjs/components/widgets/AssetAction/AssetAction.styled.js +0 -58
- package/cjs/components/widgets/AssetActionsBase/AssetActionsBase.js +0 -35
- package/cjs/components/widgets/AssetActionsBase/AssetActionsBase.styled.js +0 -24
- package/cjs/components/widgets/AssetGallery/AssetGallery.js +0 -102
- package/cjs/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js +0 -392
- package/cjs/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js +0 -43
- package/cjs/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js +0 -402
- package/cjs/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js +0 -338
- package/cjs/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js +0 -396
- package/cjs/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js +0 -328
- package/cjs/components/widgets/AssetGallery/asset.propType.js +0 -58
- package/cjs/components/widgets/AssetGallery/widgets/AssetGallery/index.js +0 -9
- package/cjs/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js +0 -50
- package/cjs/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js +0 -96
- package/cjs/components/widgets/AssetPreview/AssetPreviewTopBar/widgets/AssetPreview/AssetPreviewTopBar/index.js +0 -9
- package/cjs/components/widgets/ContextMenu/ContextMenu.js +0 -28
- package/cjs/components/widgets/ContextMenu/ContextMenu.styled.js +0 -19
- package/cjs/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js +0 -50
- package/cjs/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js +0 -93
- package/cjs/components/widgets/ContextMenu/ContextMenuItem/widgets/ContextMenu/ContextMenuItem/index.js +0 -9
- package/cjs/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js +0 -28
- package/cjs/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js +0 -30
- package/cjs/components/widgets/ContextMenu/ContextMenuItemsGroup/widgets/ContextMenu/ContextMenuItemsGroup/index.js +0 -9
- package/cjs/components/widgets/ContextMenu/widgets/ContextMenu/index.js +0 -9
- package/cjs/components/widgets/InfoCard/InfoCard.js +0 -39
- package/cjs/components/widgets/InfoCard/InfoCard.styled.js +0 -110
- package/cjs/components/widgets/InfoCard/widgets/InfoCard/index.js +0 -9
- package/cjs/components/widgets/Instructions/Instructions.js +0 -217
- package/cjs/components/widgets/Instructions/Instructions.styled.js +0 -47
- package/cjs/components/widgets/Instructions/widgets/Instructions/index.js +0 -9
- package/cjs/components/widgets/ProgressBar/ProgressBar.js +0 -58
- package/cjs/components/widgets/ProgressBar/ProgressBar.styled.js +0 -154
- package/cjs/components/widgets/ProgressBar/widgets/ProgressBar/index.js +0 -9
- package/cjs/components/widgets/SummaryCard/SummaryCard.js +0 -92
- package/cjs/components/widgets/SummaryCard/SummaryCard.styled.js +0 -142
- package/cjs/components/widgets/widgets/index.js +0 -25
- package/cjs/hooks/useEventListner.js +0 -26
- package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -11
- package/cjs/hooks/useOnClickOutside.js +0 -17
- package/cjs/icons/arrow-back.svg.js +0 -20
- package/cjs/icons/arrow-forward.svg.js +0 -20
- package/cjs/icons/check-rectangle-filled.svg.js +0 -20
- package/cjs/icons/close.svg.js +0 -20
- package/cjs/icons/edit-note.svg.js +0 -20
- package/cjs/icons/expand-more.svg.js +0 -20
- package/cjs/icons/headset.svg.js +0 -20
- package/cjs/icons/layers.svg.js +0 -20
- package/cjs/icons/link.svg.js +0 -20
- package/cjs/icons/play.svg.js +0 -20
- package/cjs/icons/search.svg.js +0 -20
- package/cjs/icons/star-filled.svg.js +0 -20
- package/cjs/icons/star.svg.js +0 -20
- package/cjs/icons/triangle-right.svg.js +0 -20
- package/cjs/icons/verification.svg.js +0 -20
- package/cjs/icons/warning-circle.svg.js +0 -20
- package/cjs/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js +0 -11
- package/cjs/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js +0 -9
- package/cjs/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js +0 -11
- package/cjs/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js +0 -10
- package/cjs/node_modules/@babel/runtime/helpers/esm/classCallCheck.js +0 -9
- package/cjs/node_modules/@babel/runtime/helpers/esm/createClass.js +0 -19
- package/cjs/node_modules/@babel/runtime/helpers/esm/createSuper.js +0 -22
- package/cjs/node_modules/@babel/runtime/helpers/esm/defineProperty.js +0 -16
- package/cjs/node_modules/@babel/runtime/helpers/esm/extends.js +0 -15
- package/cjs/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js +0 -11
- package/cjs/node_modules/@babel/runtime/helpers/esm/inherits.js +0 -20
- package/cjs/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js +0 -14
- package/cjs/node_modules/@babel/runtime/helpers/esm/iterableToArray.js +0 -9
- package/cjs/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js +0 -33
- package/cjs/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js +0 -9
- package/cjs/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js +0 -9
- package/cjs/node_modules/@babel/runtime/helpers/esm/objectSpread2.js +0 -29
- package/cjs/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js +0 -19
- package/cjs/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +0 -15
- package/cjs/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js +0 -14
- package/cjs/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js +0 -11
- package/cjs/node_modules/@babel/runtime/helpers/esm/slicedToArray.js +0 -14
- package/cjs/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js +0 -13
- package/cjs/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js +0 -14
- package/cjs/node_modules/@babel/runtime/helpers/esm/toPrimitive.js +0 -18
- package/cjs/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js +0 -13
- package/cjs/node_modules/@babel/runtime/helpers/esm/typeof.js +0 -15
- package/cjs/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js +0 -15
- package/cjs/node_modules/@emotion/cache/dist/emotion-cache.esm.js +0 -503
- package/cjs/node_modules/@emotion/hash/dist/emotion-hash.esm.js +0 -59
- package/cjs/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js +0 -13
- package/cjs/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js +0 -158
- package/cjs/node_modules/@emotion/react/dist/emotion-react.esm.js +0 -66
- package/cjs/node_modules/@emotion/serialize/dist/emotion-serialize.esm.js +0 -240
- package/cjs/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js +0 -144
- package/cjs/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js +0 -56
- package/cjs/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js +0 -16
- package/cjs/node_modules/@emotion/utils/dist/emotion-utils.esm.js +0 -60
- package/cjs/node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js +0 -20
- package/cjs/node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js +0 -907
- package/cjs/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js +0 -374
- package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs.js +0 -128
- package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs.js +0 -165
- package/cjs/node_modules/@restart/hooks/esm/useMergedRefs.js +0 -46
- package/cjs/node_modules/@restart/hooks/esm/useUpdateEffect.js +0 -41
- package/cjs/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js +0 -24
- package/cjs/node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.development.js +0 -186
- package/cjs/node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js +0 -22
- package/cjs/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +0 -13
- package/cjs/node_modules/memoize-one/dist/memoize-one.esm.js +0 -55
- package/cjs/node_modules/object-assign/index.js +0 -94
- package/cjs/node_modules/prop-types/checkPropTypes.js +0 -110
- package/cjs/node_modules/prop-types/factoryWithThrowingShims.js +0 -69
- package/cjs/node_modules/prop-types/factoryWithTypeCheckers.js +0 -621
- package/cjs/node_modules/prop-types/index.js +0 -33
- package/cjs/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -16
- package/cjs/node_modules/prop-types/lib/has.js +0 -7
- package/cjs/node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js +0 -186
- package/cjs/node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js +0 -22
- package/cjs/node_modules/prop-types/node_modules/react-is/index.js +0 -13
- package/cjs/node_modules/react/cjs/react.development.js +0 -1246
- package/cjs/node_modules/react/cjs/react.production.js +0 -552
- package/cjs/node_modules/react/index.js +0 -19
- package/cjs/node_modules/react-dom/cjs/react-dom.development.js +0 -432
- package/cjs/node_modules/react-dom/cjs/react-dom.production.js +0 -218
- package/cjs/node_modules/react-dom/index.js +0 -44
- package/cjs/node_modules/react-lazy-load-image-component/src/effects/opacity.css.js +0 -6
- package/cjs/node_modules/react-select/creatable/dist/react-select-creatable.esm.js +0 -23
- package/cjs/node_modules/react-select/dist/Select-aab027f3.esm.js +0 -2653
- package/cjs/node_modules/react-select/dist/index-641ee5b8.esm.js +0 -1426
- package/cjs/node_modules/react-select/dist/useCreatable-84008237.esm.js +0 -101
- package/cjs/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js +0 -78
- package/cjs/node_modules/style-inject/dist/style-inject.es.js +0 -32
- package/cjs/node_modules/stylis/src/Enum.js +0 -24
- package/cjs/node_modules/stylis/src/Middleware.js +0 -37
- package/cjs/node_modules/stylis/src/Parser.js +0 -201
- package/cjs/node_modules/stylis/src/Serializer.js +0 -43
- package/cjs/node_modules/stylis/src/Tokenizer.js +0 -243
- package/cjs/node_modules/stylis/src/Utility.js +0 -134
- package/cjs/node_modules/tippy.js/animations/shift-away-subtle.css.js +0 -6
- package/cjs/node_modules/tippy.js/dist/tippy.css.js +0 -6
- package/cjs/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js +0 -12
- package/cjs/ssr/ssr/index.js +0 -12
- package/cjs/styles/utils/colors.scss.js +0 -11
- package/cjs/utils/dateTime.js +0 -20
- package/cjs/utils/defaultTheme.js +0 -52
- package/doctor-storybook.log +0 -20
- package/esm/_virtual/_rollupPluginBabelHelpers.js +0 -74
- package/esm/_virtual/index.js +0 -3
- package/esm/_virtual/index2.js +0 -3
- package/esm/_virtual/index3.js +0 -3
- package/esm/_virtual/index4.js +0 -3
- package/esm/_virtual/index5.js +0 -3
- package/esm/_virtual/react-dom.development.js +0 -3
- package/esm/_virtual/react-dom.production.js +0 -3
- package/esm/_virtual/react-is.development.js +0 -3
- package/esm/_virtual/react-is.development2.js +0 -3
- package/esm/_virtual/react-is.production.min.js +0 -3
- package/esm/_virtual/react-is.production.min2.js +0 -3
- package/esm/_virtual/react.development.js +0 -3
- package/esm/_virtual/react.production.js +0 -3
- package/esm/components/data/Alert/Alert.styled.js +0 -63
- package/esm/components/data/Alert/data/Alert/index.js +0 -1
- package/esm/components/data/Badge/Badge.styled.js +0 -145
- package/esm/components/data/Badge/data/Badge/index.js +0 -1
- package/esm/components/data/Popover/data/Popover/index.js +0 -1
- package/esm/components/data/Tab/Tab.js +0 -27
- package/esm/components/data/Tab/Tab.styled.js +0 -14
- package/esm/components/data/Tab/data/Tab/index.js +0 -1
- package/esm/components/data/Tabs/Tabs.js +0 -87
- package/esm/components/data/Tabs/Tabs.styled.js +0 -85
- package/esm/components/data/Tabs/data/Tabs/index.js +0 -1
- package/esm/components/data/Tooltip/Tooltip.styled.js +0 -29
- package/esm/components/data/Tooltip/data/Tooltip/index.js +0 -1
- package/esm/components/data/VerificationStatusIcon/VerificationStatusIcon.js +0 -38
- package/esm/components/data/data/index.js +0 -7
- package/esm/components/inputs/ActionButton/ActionButton.js +0 -38
- package/esm/components/inputs/ActionButton/ActionButton.styled.js +0 -58
- package/esm/components/inputs/ActionButton/inputs/ActionButton/index.js +0 -1
- package/esm/components/inputs/Button/Button.styled.js +0 -277
- package/esm/components/inputs/Button/inputs/Button/index.js +0 -1
- package/esm/components/inputs/Checkbox/Checkbox.styled.js +0 -132
- package/esm/components/inputs/Checkbox/inputs/Checkbox/index.js +0 -1
- package/esm/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js +0 -324
- package/esm/components/inputs/CompactAutocompleteSelect/inputs/CompactAutocompleteSelect/index.js +0 -1
- package/esm/components/inputs/CompactStarRating/CompactStarRating.styled.js +0 -245
- package/esm/components/inputs/CompactStarRating/inputs/CompactStarRating/index.js +0 -1
- package/esm/components/inputs/CompactTextInput/CompactTextInput.styled.js +0 -335
- package/esm/components/inputs/CompactTextInput/inputs/CompactTextInput/index.js +0 -1
- package/esm/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js +0 -104
- package/esm/components/inputs/MultiSelect/MultiSelect.styled.js +0 -251
- package/esm/components/inputs/MultiSelect/inputs/MultiSelect/index.js +0 -1
- package/esm/components/inputs/Radio/Radio.js +0 -63
- package/esm/components/inputs/Radio/inputs/Radio/index.js +0 -1
- package/esm/components/inputs/Switch/Switch.styled.js +0 -110
- package/esm/components/inputs/Switch/inputs/Switch/index.js +0 -1
- package/esm/components/inputs/TextArea/TextArea.styled.js +0 -437
- package/esm/components/inputs/TextArea/inputs/TextArea/index.js +0 -1
- package/esm/components/inputs/TextInput/TextInput.js +0 -143
- package/esm/components/inputs/TextInput/TextInput.styled.js +0 -261
- package/esm/components/inputs/TextInput/inputs/TextInput/index.js +0 -1
- package/esm/components/inputs/inputs/index.js +0 -13
- package/esm/components/layout/InputGroup/InputGroup.js +0 -22
- package/esm/components/layout/InputGroup/InputGroup.styled.js +0 -10
- package/esm/components/layout/InputGroup/layout/InputGroup/index.js +0 -1
- package/esm/components/layout/SectionSeparator/SectionSeparator.js +0 -25
- package/esm/components/layout/SectionSeparator/SectionSeparator.styled.js +0 -13
- package/esm/components/layout/SectionSeparator/layout/SectionSeparator/index.js +0 -1
- package/esm/components/layout/layout/index.js +0 -2
- package/esm/components/widgets/AssetAction/AssetAction.styled.js +0 -46
- package/esm/components/widgets/AssetActionsBase/AssetActionsBase.js +0 -31
- package/esm/components/widgets/AssetActionsBase/AssetActionsBase.styled.js +0 -16
- package/esm/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js +0 -33
- package/esm/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js +0 -311
- package/esm/components/widgets/AssetGallery/widgets/AssetGallery/index.js +0 -1
- package/esm/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js +0 -46
- package/esm/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js +0 -84
- package/esm/components/widgets/AssetPreview/AssetPreviewTopBar/widgets/AssetPreview/AssetPreviewTopBar/index.js +0 -1
- package/esm/components/widgets/ContextMenu/ContextMenu.js +0 -24
- package/esm/components/widgets/ContextMenu/ContextMenu.styled.js +0 -11
- package/esm/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js +0 -46
- package/esm/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js +0 -83
- package/esm/components/widgets/ContextMenu/ContextMenuItem/widgets/ContextMenu/ContextMenuItem/index.js +0 -1
- package/esm/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js +0 -24
- package/esm/components/widgets/ContextMenu/ContextMenuItemsGroup/widgets/ContextMenu/ContextMenuItemsGroup/index.js +0 -1
- package/esm/components/widgets/ContextMenu/widgets/ContextMenu/index.js +0 -1
- package/esm/components/widgets/InfoCard/InfoCard.js +0 -35
- package/esm/components/widgets/InfoCard/InfoCard.styled.js +0 -94
- package/esm/components/widgets/InfoCard/widgets/InfoCard/index.js +0 -1
- package/esm/components/widgets/Instructions/Instructions.styled.js +0 -36
- package/esm/components/widgets/Instructions/widgets/Instructions/index.js +0 -1
- package/esm/components/widgets/ProgressBar/ProgressBar.js +0 -54
- package/esm/components/widgets/ProgressBar/ProgressBar.styled.js +0 -137
- package/esm/components/widgets/ProgressBar/widgets/ProgressBar/index.js +0 -1
- package/esm/components/widgets/SummaryCard/SummaryCard.js +0 -88
- package/esm/components/widgets/SummaryCard/SummaryCard.styled.js +0 -124
- package/esm/components/widgets/widgets/index.js +0 -9
- package/esm/hooks/useIsomorphicLayoutEffect.js +0 -7
- package/esm/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js +0 -7
- package/esm/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js +0 -5
- package/esm/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js +0 -7
- package/esm/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js +0 -6
- package/esm/node_modules/@babel/runtime/helpers/esm/classCallCheck.js +0 -5
- package/esm/node_modules/@babel/runtime/helpers/esm/createClass.js +0 -15
- package/esm/node_modules/@babel/runtime/helpers/esm/createSuper.js +0 -18
- package/esm/node_modules/@babel/runtime/helpers/esm/defineProperty.js +0 -12
- package/esm/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js +0 -7
- package/esm/node_modules/@babel/runtime/helpers/esm/inherits.js +0 -16
- package/esm/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js +0 -10
- package/esm/node_modules/@babel/runtime/helpers/esm/iterableToArray.js +0 -5
- package/esm/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js +0 -29
- package/esm/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js +0 -5
- package/esm/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js +0 -5
- package/esm/node_modules/@babel/runtime/helpers/esm/objectSpread2.js +0 -25
- package/esm/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js +0 -15
- package/esm/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +0 -11
- package/esm/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js +0 -10
- package/esm/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js +0 -7
- package/esm/node_modules/@babel/runtime/helpers/esm/slicedToArray.js +0 -10
- package/esm/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js +0 -9
- package/esm/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js +0 -10
- package/esm/node_modules/@babel/runtime/helpers/esm/toPrimitive.js +0 -14
- package/esm/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js +0 -9
- package/esm/node_modules/@babel/runtime/helpers/esm/typeof.js +0 -11
- package/esm/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js +0 -11
- package/esm/node_modules/@emotion/cache/dist/emotion-cache.esm.js +0 -499
- package/esm/node_modules/@emotion/hash/dist/emotion-hash.esm.js +0 -55
- package/esm/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js +0 -9
- package/esm/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js +0 -149
- package/esm/node_modules/@emotion/react/dist/emotion-react.esm.js +0 -56
- package/esm/node_modules/@emotion/serialize/dist/emotion-serialize.esm.js +0 -236
- package/esm/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js +0 -140
- package/esm/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js +0 -52
- package/esm/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js +0 -12
- package/esm/node_modules/@emotion/utils/dist/emotion-utils.esm.js +0 -54
- package/esm/node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js +0 -16
- package/esm/node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js +0 -894
- package/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js +0 -370
- package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs.js +0 -110
- package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs.js +0 -138
- package/esm/node_modules/@restart/hooks/esm/useMergedRefs.js +0 -41
- package/esm/node_modules/@restart/hooks/esm/useUpdateEffect.js +0 -37
- package/esm/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js +0 -22
- package/esm/node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.development.js +0 -181
- package/esm/node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js +0 -17
- package/esm/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +0 -11
- package/esm/node_modules/memoize-one/dist/memoize-one.esm.js +0 -51
- package/esm/node_modules/object-assign/index.js +0 -90
- package/esm/node_modules/prop-types/checkPropTypes.js +0 -106
- package/esm/node_modules/prop-types/factoryWithThrowingShims.js +0 -65
- package/esm/node_modules/prop-types/factoryWithTypeCheckers.js +0 -617
- package/esm/node_modules/prop-types/index.js +0 -29
- package/esm/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -12
- package/esm/node_modules/prop-types/lib/has.js +0 -3
- package/esm/node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js +0 -181
- package/esm/node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js +0 -17
- package/esm/node_modules/prop-types/node_modules/react-is/index.js +0 -11
- package/esm/node_modules/react/cjs/react.development.js +0 -1244
- package/esm/node_modules/react/cjs/react.production.js +0 -547
- package/esm/node_modules/react/index.js +0 -15
- package/esm/node_modules/react-dom/cjs/react-dom.development.js +0 -427
- package/esm/node_modules/react-dom/cjs/react-dom.production.js +0 -213
- package/esm/node_modules/react-dom/index.js +0 -42
- package/esm/node_modules/react-lazy-load-image-component/src/effects/opacity.css.js +0 -4
- package/esm/node_modules/react-select/creatable/dist/react-select-creatable.esm.js +0 -19
- package/esm/node_modules/react-select/dist/Select-aab027f3.esm.js +0 -2644
- package/esm/node_modules/react-select/dist/index-641ee5b8.esm.js +0 -1385
- package/esm/node_modules/react-select/dist/useCreatable-84008237.esm.js +0 -97
- package/esm/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js +0 -74
- package/esm/node_modules/style-inject/dist/style-inject.es.js +0 -28
- package/esm/node_modules/stylis/src/Enum.js +0 -12
- package/esm/node_modules/stylis/src/Middleware.js +0 -32
- package/esm/node_modules/stylis/src/Parser.js +0 -193
- package/esm/node_modules/stylis/src/Serializer.js +0 -38
- package/esm/node_modules/stylis/src/Tokenizer.js +0 -223
- package/esm/node_modules/stylis/src/Utility.js +0 -117
- package/esm/node_modules/tippy.js/animations/shift-away-subtle.css.js +0 -4
- package/esm/node_modules/tippy.js/dist/tippy.css.js +0 -4
- package/esm/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js +0 -8
- package/esm/styles/utils/colors.scss.js +0 -7
- package/esm/utils/defaultTheme.js +0 -47
- package/migration-storybook.log +0 -392
|
@@ -0,0 +1,285 @@
|
|
|
1
|
+
import styled, { keyframes, css } from 'styled-components';
|
|
2
|
+
import { applyDefaultTheme } from '../../utils/defaultTheme.js';
|
|
3
|
+
import Select, { components } from 'react-select';
|
|
4
|
+
import { withAsyncPaginate, AsyncPaginate } from 'react-select-async-paginate';
|
|
5
|
+
import CreatableSelect from 'react-select/creatable';
|
|
6
|
+
import { ReactComponent as SvgClose } from '../../icons/close.svg.js';
|
|
7
|
+
import { ReactComponent as SvgExpandMore } from '../../icons/expand-more.svg.js';
|
|
8
|
+
|
|
9
|
+
const fadeIn = keyframes`
|
|
10
|
+
from {
|
|
11
|
+
background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};
|
|
12
|
+
}
|
|
13
|
+
to {
|
|
14
|
+
background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};
|
|
15
|
+
}
|
|
16
|
+
`;
|
|
17
|
+
const fadeOut = keyframes`
|
|
18
|
+
from {
|
|
19
|
+
background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};
|
|
20
|
+
}
|
|
21
|
+
to {
|
|
22
|
+
background-color: ${props => props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};
|
|
23
|
+
}
|
|
24
|
+
`;
|
|
25
|
+
const fadeInCheck = keyframes`
|
|
26
|
+
from {
|
|
27
|
+
opacity: 0
|
|
28
|
+
}
|
|
29
|
+
to {
|
|
30
|
+
opacity: 1
|
|
31
|
+
}
|
|
32
|
+
`;
|
|
33
|
+
const fadeOutCheck = keyframes`
|
|
34
|
+
from {
|
|
35
|
+
opacity: 1
|
|
36
|
+
}
|
|
37
|
+
to {
|
|
38
|
+
opacity: 0
|
|
39
|
+
}
|
|
40
|
+
`;
|
|
41
|
+
const AsyncCreatableSelectPaginate = withAsyncPaginate(CreatableSelect);
|
|
42
|
+
const sharedStyle = css`
|
|
43
|
+
font-family: ${props => props.theme.primaryFontFamily};
|
|
44
|
+
font-size: 0.875rem;
|
|
45
|
+
line-height: 1rem;
|
|
46
|
+
width: 100%;
|
|
47
|
+
display: block;
|
|
48
|
+
box-shadow: 'none';
|
|
49
|
+
flex-basis: ${props => props.$hasLabel ? '66.66%' : '100%'};
|
|
50
|
+
`;
|
|
51
|
+
const CompactAutocompleteSelect = styled.div.attrs(applyDefaultTheme)`
|
|
52
|
+
display: flex;
|
|
53
|
+
align-items: center;
|
|
54
|
+
height: 24px;
|
|
55
|
+
font-family: ${props => props.theme.primaryFontFamily};
|
|
56
|
+
${props => props.disabled && css`
|
|
57
|
+
opacity: 0.5;
|
|
58
|
+
cursor: not-allowed;
|
|
59
|
+
`}
|
|
60
|
+
`;
|
|
61
|
+
const Label = styled.label.attrs(applyDefaultTheme)`
|
|
62
|
+
${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
|
|
63
|
+
flex-basis: 33.33%;
|
|
64
|
+
font-size: 0.875rem;
|
|
65
|
+
line-height: 1rem;
|
|
66
|
+
height: 19px;
|
|
67
|
+
display: flex;
|
|
68
|
+
justify-content: space-between;
|
|
69
|
+
align-items: center;
|
|
70
|
+
padding-top: 2px;
|
|
71
|
+
${props => props.disabled && css`
|
|
72
|
+
cursor: not-allowed;
|
|
73
|
+
`}
|
|
74
|
+
`;
|
|
75
|
+
const InputContainer = styled.div.attrs(applyDefaultTheme)`
|
|
76
|
+
display: flex;
|
|
77
|
+
width: 100%;
|
|
78
|
+
height: 19px;
|
|
79
|
+
`;
|
|
80
|
+
const SuccessContainer = styled.div.attrs(applyDefaultTheme)`
|
|
81
|
+
opacity: 1;
|
|
82
|
+
pointer-events: none;
|
|
83
|
+
display: flex;
|
|
84
|
+
opacity: ${props => props.fadeIn ? 0 : 1};
|
|
85
|
+
animation: ${props => props.fadeIn ? fadeOutCheck : fadeInCheck} 0.5s ease-in-out;
|
|
86
|
+
transition: opacity 0.5s ease-in-out;
|
|
87
|
+
margin-right: 5px;
|
|
88
|
+
${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))}
|
|
89
|
+
> svg {
|
|
90
|
+
width: 13px;
|
|
91
|
+
}
|
|
92
|
+
`;
|
|
93
|
+
const AsyncCreatableAutocompleteSelect = styled(AsyncCreatableSelectPaginate).attrs(applyDefaultTheme)`
|
|
94
|
+
${sharedStyle}
|
|
95
|
+
${props => props.disabled && css`
|
|
96
|
+
opacity: 0.5;
|
|
97
|
+
cursor: not-allowed;
|
|
98
|
+
`}
|
|
99
|
+
&&:hover:not(:focus) {
|
|
100
|
+
${props => props.disabled && css`
|
|
101
|
+
background: none !important;
|
|
102
|
+
cursor: not-allowed;
|
|
103
|
+
`}
|
|
104
|
+
}
|
|
105
|
+
`;
|
|
106
|
+
const AsyncAutocompleteSelect = styled(AsyncPaginate).attrs(applyDefaultTheme)`
|
|
107
|
+
${sharedStyle}
|
|
108
|
+
${props => props.disabled && css`
|
|
109
|
+
opacity: 0.5;
|
|
110
|
+
`}
|
|
111
|
+
&&:hover:not(:focus) {
|
|
112
|
+
${props => props.disabled && css`
|
|
113
|
+
background: none !important;
|
|
114
|
+
cursor: not-allowed;
|
|
115
|
+
`}
|
|
116
|
+
}
|
|
117
|
+
`;
|
|
118
|
+
const AutocompletSelect = styled(Select).attrs(applyDefaultTheme)`
|
|
119
|
+
${sharedStyle}
|
|
120
|
+
${props => props.disabled && css`
|
|
121
|
+
opacity: 0.5;
|
|
122
|
+
`}
|
|
123
|
+
&&:hover:not(:focus) {
|
|
124
|
+
${props => props.disabled && css`
|
|
125
|
+
background: none !important;
|
|
126
|
+
cursor: not-allowed;
|
|
127
|
+
`}
|
|
128
|
+
}
|
|
129
|
+
`;
|
|
130
|
+
const AutocompletCreatableSelect = styled(CreatableSelect).attrs(applyDefaultTheme)`
|
|
131
|
+
${sharedStyle}
|
|
132
|
+
${props => props.disabled && css`
|
|
133
|
+
opacity: 0.5;
|
|
134
|
+
`}
|
|
135
|
+
`;
|
|
136
|
+
const Control = styled(components.Control).attrs(applyDefaultTheme)`
|
|
137
|
+
&& {
|
|
138
|
+
${props => props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)')};
|
|
139
|
+
${props => props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};
|
|
140
|
+
|
|
141
|
+
height: 22px;
|
|
142
|
+
min-height: 22px;
|
|
143
|
+
box-shadow: none;
|
|
144
|
+
box-sizing: border-box;
|
|
145
|
+
padding: 1px 3px 0 8.7px;
|
|
146
|
+
cursor: pointer;
|
|
147
|
+
border: 1px solid transparent;
|
|
148
|
+
background-color: transparent;
|
|
149
|
+
${props => props.type && css`
|
|
150
|
+
animation: ${props => props.type === 'success' ? fadeIn : fadeOut} 0.5s ease-in-out;
|
|
151
|
+
`}
|
|
152
|
+
|
|
153
|
+
${props => props.type === 'warning' && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFFDE8')};
|
|
154
|
+
|
|
155
|
+
${props => props.type === 'instructions-warning' && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFF36C')};
|
|
156
|
+
|
|
157
|
+
${props => props.type === 'instructions-warning' && props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFF36C')};
|
|
158
|
+
|
|
159
|
+
${props => props.type === 'error' && !props.isFocused && props.theme.themeProp('background-color', '#7f1b1b', '#FBEAE6')};
|
|
160
|
+
|
|
161
|
+
${props => props.isFocused && !props.type === 'instructions-warning' && props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-600'))}
|
|
162
|
+
${props => props.type === 'warning' && props.isFocused && props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}
|
|
163
|
+
${props => props.type === 'error' && props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('red-500'), props.theme.getColor('red-500'))}
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
& .dropdown-indicator {
|
|
167
|
+
display: none;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
&:hover .dropdown-indicator {
|
|
171
|
+
display: flex;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
&&:hover {
|
|
175
|
+
border-color: transparent;
|
|
176
|
+
${props => !props.isFocused && props.theme.themeProp('background-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))};
|
|
177
|
+
|
|
178
|
+
${props => props.type === 'warning' && !props.isFocused && props.theme.themeProp('background', '#806403', '#FFFEBF')};
|
|
179
|
+
|
|
180
|
+
${props => props.type === 'instructions-warning' && !props.isFocused && props.theme.themeProp('background', '#806403', '#F4E21E')};
|
|
181
|
+
|
|
182
|
+
${props => props.type === 'error' && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0')};
|
|
183
|
+
}
|
|
184
|
+
`;
|
|
185
|
+
const Option = styled(components.Option).attrs(applyDefaultTheme)`
|
|
186
|
+
&& {
|
|
187
|
+
min-height: 22px;
|
|
188
|
+
height: 22px;
|
|
189
|
+
display: flex;
|
|
190
|
+
align-items: center;
|
|
191
|
+
padding: 6px;
|
|
192
|
+
cursor: pointer;
|
|
193
|
+
padding: 1px 13px;
|
|
194
|
+
${props => props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))}
|
|
195
|
+
${props => props.isFocused && css`
|
|
196
|
+
${props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))}
|
|
197
|
+
`}
|
|
198
|
+
${props => props.isSelected && css`
|
|
199
|
+
${props.theme.themeProp('background-color', 'transparent', 'transparent')}
|
|
200
|
+
|
|
201
|
+
${props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))}
|
|
202
|
+
`}
|
|
203
|
+
${props => props.isFocused && props.isSelected && css`
|
|
204
|
+
${props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))}
|
|
205
|
+
`}
|
|
206
|
+
}
|
|
207
|
+
svg {
|
|
208
|
+
width: 15px;
|
|
209
|
+
margin: 0 9px 0 0;
|
|
210
|
+
}
|
|
211
|
+
a {
|
|
212
|
+
display: flex;
|
|
213
|
+
text-decoration: none;
|
|
214
|
+
color: inherit;
|
|
215
|
+
}
|
|
216
|
+
`;
|
|
217
|
+
const Placeholder = styled(components.Placeholder).attrs(applyDefaultTheme)`
|
|
218
|
+
&& {
|
|
219
|
+
${props => (props.type === 'error' || props.type === 'warning') && css`
|
|
220
|
+
${props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))}
|
|
221
|
+
`}
|
|
222
|
+
${props => (props.type === 'error' || props.type === 'warning') && props.theme.themeProp('opacity', '0.6', '0.6')};
|
|
223
|
+
}
|
|
224
|
+
`;
|
|
225
|
+
const SingleValue = styled(components.SingleValue).attrs(applyDefaultTheme)`
|
|
226
|
+
&& {
|
|
227
|
+
${props => props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))};
|
|
228
|
+
}
|
|
229
|
+
`;
|
|
230
|
+
const Input = styled(components.Input).attrs(applyDefaultTheme)`
|
|
231
|
+
&& {
|
|
232
|
+
margin: 0;
|
|
233
|
+
padding: 0;
|
|
234
|
+
padding-left: 2px;
|
|
235
|
+
${props => props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))}
|
|
236
|
+
}
|
|
237
|
+
`;
|
|
238
|
+
const Menu = styled(components.Menu).attrs(applyDefaultTheme)`
|
|
239
|
+
&& {
|
|
240
|
+
${props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'))};
|
|
241
|
+
}
|
|
242
|
+
`;
|
|
243
|
+
const ValueContainer = styled(components.ValueContainer).attrs(applyDefaultTheme)`
|
|
244
|
+
&& {
|
|
245
|
+
padding: 0;
|
|
246
|
+
}
|
|
247
|
+
`;
|
|
248
|
+
const ClearIndicator = styled(components.ClearIndicator).attrs(applyDefaultTheme)`
|
|
249
|
+
&& {
|
|
250
|
+
display: ${props => props.isFocused ? 'flex' : 'none'};
|
|
251
|
+
padding: 0;
|
|
252
|
+
cursor: pointer;
|
|
253
|
+
${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
|
|
254
|
+
}
|
|
255
|
+
`;
|
|
256
|
+
const DropdownIndicator = styled(components.DropdownIndicator).attrs(applyDefaultTheme)`
|
|
257
|
+
&& {
|
|
258
|
+
display: ${props => props.isFocused ? 'flex' : 'none'};
|
|
259
|
+
padding: 0;
|
|
260
|
+
width: 18px;
|
|
261
|
+
margin-left: 2px;
|
|
262
|
+
cursor: pointer;
|
|
263
|
+
margin-top: 1px;
|
|
264
|
+
${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
|
|
265
|
+
}
|
|
266
|
+
`;
|
|
267
|
+
const DropdownIndicatorIcon = styled(SvgExpandMore).attrs(applyDefaultTheme)`
|
|
268
|
+
width: 12px;
|
|
269
|
+
`;
|
|
270
|
+
const ClearIndicatorIcon = styled(SvgClose).attrs(applyDefaultTheme)`
|
|
271
|
+
width: 8px;
|
|
272
|
+
margin-right: 4px;
|
|
273
|
+
${props => props.theme.themeProp('stroke', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
|
|
274
|
+
stroke-width: 2px;
|
|
275
|
+
`;
|
|
276
|
+
const IndicatorSeparator = styled(components.IndicatorSeparator).attrs(applyDefaultTheme)`
|
|
277
|
+
&& {
|
|
278
|
+
display: ${props => props.isFocused ? 'flex' : 'none'};
|
|
279
|
+
margin: 4px;
|
|
280
|
+
${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
|
|
281
|
+
}
|
|
282
|
+
`;
|
|
283
|
+
|
|
284
|
+
export { AsyncAutocompleteSelect, AsyncCreatableAutocompleteSelect, AutocompletCreatableSelect, AutocompletSelect, ClearIndicator, ClearIndicatorIcon, CompactAutocompleteSelect, Control, DropdownIndicator, DropdownIndicatorIcon, IndicatorSeparator, Input, InputContainer, Label, Menu, Option, Placeholder, SingleValue, SuccessContainer, ValueContainer };
|
|
285
|
+
//# sourceMappingURL=CompactAutocompleteSelect.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CompactAutocompleteSelect.styled.js","sources":["../../../src/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nimport Select, { components } from 'react-select';\nimport { AsyncPaginate, withAsyncPaginate } from 'react-select-async-paginate';\nimport CreatableSelect from 'react-select/creatable';\n\nimport { ReactComponent as CloseIcon } from '../../../icons/close.svg';\nimport { ReactComponent as ExpandMoreIcon } from '../../../icons/expand-more.svg';\n\nconst fadeIn = keyframes`\n from {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};\n }\n to {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};\n }\n`;\n\nconst fadeOut = keyframes`\n from {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};\n }\n to {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};\n }\n`;\n\nconst fadeInCheck = keyframes`\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n`;\n\nconst fadeOutCheck = keyframes`\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n`;\n\nconst AsyncCreatableSelectPaginate = withAsyncPaginate(CreatableSelect);\n\nconst sharedStyle = css`\n font-family: ${props => props.theme.primaryFontFamily};\n font-size: 0.875rem;\n line-height: 1rem;\n width: 100%;\n display: block;\n box-shadow: 'none';\n flex-basis: ${props => (props.$hasLabel ? '66.66%' : '100%')};\n`;\n\nexport const CompactAutocompleteSelect = styled.div.attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n height: 24px;\n font-family: ${props => props.theme.primaryFontFamily};\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n `}\n`;\n\nexport const Label = styled.label.attrs(applyDefaultTheme)`\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 19px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 2px;\n ${props =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `}\n`;\n\nexport const InputContainer = styled.div.attrs(applyDefaultTheme)`\n display: flex;\n width: 100%;\n height: 19px;\n`;\n\nexport const SuccessContainer = styled.div.attrs(applyDefaultTheme)`\n opacity: 1;\n pointer-events: none;\n display: flex;\n opacity: ${props => (props.fadeIn ? 0 : 1)};\n animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-500')\n )}\n > svg {\n width: 13px;\n }\n`;\n\nexport const AsyncCreatableAutocompleteSelect = styled(AsyncCreatableSelectPaginate).attrs(\n applyDefaultTheme\n)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n `}\n &&:hover:not(:focus) {\n ${props =>\n props.disabled &&\n css`\n background: none !important;\n cursor: not-allowed;\n `}\n }\n`;\n\nexport const AsyncAutocompleteSelect = styled(AsyncPaginate).attrs(applyDefaultTheme)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n `}\n &&:hover:not(:focus) {\n ${props =>\n props.disabled &&\n css`\n background: none !important;\n cursor: not-allowed;\n `}\n }\n`;\n\nexport const AutocompletSelect = styled(Select).attrs(applyDefaultTheme)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n `}\n &&:hover:not(:focus) {\n ${props =>\n props.disabled &&\n css`\n background: none !important;\n cursor: not-allowed;\n `}\n }\n`;\n\nexport const AutocompletCreatableSelect = styled(CreatableSelect).attrs(applyDefaultTheme)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n `}\n`;\n\nexport const Control = styled(components.Control).attrs(applyDefaultTheme)`\n && {\n ${props =>\n props.edit &&\n props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)')};\n ${props =>\n props.edit &&\n props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};\n\n height: 22px;\n min-height: 22px;\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 3px 0 8.7px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n ${props =>\n props.type &&\n css`\n animation: ${props => (props.type === 'success' ? fadeIn : fadeOut)} 0.5s ease-in-out;\n `}\n\n ${props =>\n props.type === 'warning' &&\n !props.isFocused &&\n props.theme.themeProp('background-color', '#634e01', '#FFFDE8')};\n\n ${props =>\n props.type === 'instructions-warning' &&\n !props.isFocused &&\n props.theme.themeProp('background-color', '#634e01', '#FFF36C')};\n\n ${props =>\n props.type === 'instructions-warning' &&\n props.isFocused &&\n props.theme.themeProp('background-color', '#634e01', '#FFF36C')};\n\n ${props =>\n props.type === 'error' &&\n !props.isFocused &&\n props.theme.themeProp('background-color', '#7f1b1b', '#FBEAE6')};\n\n ${props =>\n props.isFocused &&\n !props.type === 'instructions-warning' &&\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-600'),\n props.theme.getColor('gray-600')\n )}\n ${props =>\n props.type === 'warning' &&\n props.isFocused &&\n props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}\n ${props =>\n props.type === 'error' &&\n props.isFocused &&\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-500'),\n props.theme.getColor('red-500')\n )}\n }\n\n & .dropdown-indicator {\n display: none;\n }\n\n &:hover .dropdown-indicator {\n display: flex;\n }\n\n &&:hover {\n border-color: transparent;\n ${props =>\n !props.isFocused &&\n props.theme.themeProp(\n 'background-color',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )};\n\n ${props =>\n props.type === 'warning' &&\n !props.isFocused &&\n props.theme.themeProp('background', '#806403', '#FFFEBF')};\n\n ${props =>\n props.type === 'instructions-warning' &&\n !props.isFocused &&\n props.theme.themeProp('background', '#806403', '#F4E21E')};\n\n ${props =>\n props.type === 'error' &&\n !props.isFocused &&\n props.theme.themeProp('background', '#901d1d', '#f7d5d0')};\n }\n`;\n\nexport const Option = styled(components.Option).attrs(applyDefaultTheme)`\n && {\n min-height: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n padding: 6px;\n cursor: pointer;\n padding: 1px 13px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n ${props =>\n props.isFocused &&\n css`\n ${props.theme.themeProp(\n 'background-color',\n props.theme.getColor('gray-500'),\n props.theme.getColor('gray-200')\n )}\n `}\n ${props =>\n props.isSelected &&\n css`\n ${props.theme.themeProp('background-color', 'transparent', 'transparent')}\n\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n `}\n ${props =>\n props.isFocused &&\n props.isSelected &&\n css`\n ${props.theme.themeProp(\n 'background-color',\n props.theme.getColor('gray-500'),\n props.theme.getColor('gray-200')\n )}\n `}\n }\n svg {\n width: 15px;\n margin: 0 9px 0 0;\n }\n a {\n display: flex;\n text-decoration: none;\n color: inherit;\n }\n`;\n\nexport const Placeholder = styled(components.Placeholder).attrs(applyDefaultTheme)`\n && {\n ${props =>\n (props.type === 'error' || props.type === 'warning') &&\n css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n `}\n ${props =>\n (props.type === 'error' || props.type === 'warning') &&\n props.theme.themeProp('opacity', '0.6', '0.6')};\n }\n`;\n\nexport const SingleValue = styled(components.SingleValue).attrs(applyDefaultTheme)`\n && {\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )};\n }\n`;\n\nexport const Input = styled(components.Input).attrs(applyDefaultTheme)`\n && {\n margin: 0;\n padding: 0;\n padding-left: 2px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n }\n`;\n\nexport const Menu = styled(components.Menu).attrs(applyDefaultTheme)`\n && {\n ${props =>\n props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('white')\n )};\n }\n`;\n\nexport const ValueContainer = styled(components.ValueContainer).attrs(applyDefaultTheme)`\n && {\n padding: 0;\n }\n`;\n\nexport const ClearIndicator = styled(components.ClearIndicator).attrs(applyDefaultTheme)`\n && {\n display: ${props => (props.isFocused ? 'flex' : 'none')};\n padding: 0;\n cursor: pointer;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n }\n`;\n\nexport const DropdownIndicator = styled(components.DropdownIndicator).attrs(applyDefaultTheme)`\n && {\n display: ${props => (props.isFocused ? 'flex' : 'none')};\n padding: 0;\n width: 18px;\n margin-left: 2px;\n cursor: pointer;\n margin-top: 1px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n }\n`;\nexport const DropdownIndicatorIcon = styled(ExpandMoreIcon).attrs(applyDefaultTheme)`\n width: 12px;\n`;\n\nexport const ClearIndicatorIcon = styled(CloseIcon).attrs(applyDefaultTheme)`\n width: 8px;\n margin-right: 4px;\n ${props =>\n props.theme.themeProp(\n 'stroke',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n stroke-width: 2px;\n`;\n\nexport const IndicatorSeparator = styled(components.IndicatorSeparator).attrs(applyDefaultTheme)`\n && {\n display: ${props => (props.isFocused ? 'flex' : 'none')};\n margin: 4px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n }\n`;\n"],"names":["fadeIn","keyframes","props","theme","themeProp","fadeOut","fadeInCheck","fadeOutCheck","AsyncCreatableSelectPaginate","withAsyncPaginate","CreatableSelect","sharedStyle","css","primaryFontFamily","$hasLabel","CompactAutocompleteSelect","styled","div","attrs","applyDefaultTheme","disabled","Label","label","getColor","InputContainer","SuccessContainer","AsyncCreatableAutocompleteSelect","AsyncAutocompleteSelect","AsyncPaginate","AutocompletSelect","Select","AutocompletCreatableSelect","Control","components","edit","type","isFocused","Option","isSelected","Placeholder","SingleValue","Input","Menu","ValueContainer","ClearIndicator","DropdownIndicator","DropdownIndicatorIcon","ExpandMoreIcon","ClearIndicatorIcon","CloseIcon","IndicatorSeparator"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,46 +1,49 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import PropTypes from '
|
|
3
|
-
import
|
|
4
|
-
import { ReactComponent as SvgStarFilled } from '
|
|
5
|
-
import { ReactComponent as SvgStar } from '
|
|
6
|
-
import
|
|
1
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import React__default, { useState, useRef, useEffect, useMemo } from 'react';
|
|
4
|
+
import { ReactComponent as SvgStarFilled } from '../../icons/star-filled.svg.js';
|
|
5
|
+
import { ReactComponent as SvgStar } from '../../icons/star.svg.js';
|
|
6
|
+
import '../../data/Alert/Alert.js';
|
|
7
|
+
import '../../data/Badge/Badge.js';
|
|
8
|
+
import '../../data/Popover/Popover.js';
|
|
9
|
+
import '../../data/Tab/Tab.js';
|
|
10
|
+
import '../../data/Tabs/Tabs.js';
|
|
7
11
|
import Tooltip from '../../data/Tooltip/Tooltip.js';
|
|
8
|
-
import
|
|
12
|
+
import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
|
|
13
|
+
import { CompactStarRating as CompactStarRating$1, labelWidth, SuccessContainer, starsWidth, StarFill, Star } from './CompactStarRating.styled.js';
|
|
9
14
|
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
} = _ref,
|
|
32
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
+
const CompactStarRating = React__default.forwardRef(function CompactStarRating({
|
|
16
|
+
label,
|
|
17
|
+
icon,
|
|
18
|
+
iconFill,
|
|
19
|
+
max,
|
|
20
|
+
defaultValue,
|
|
21
|
+
value,
|
|
22
|
+
name,
|
|
23
|
+
viewEmpty,
|
|
24
|
+
onChange,
|
|
25
|
+
onBlur,
|
|
26
|
+
type,
|
|
27
|
+
descriptionToolTip,
|
|
28
|
+
disabled,
|
|
29
|
+
readOnly,
|
|
30
|
+
edit,
|
|
31
|
+
hidden,
|
|
32
|
+
loadingIcon,
|
|
33
|
+
successIcon,
|
|
34
|
+
...props
|
|
35
|
+
}, forwardedRef) {
|
|
33
36
|
const stars = Array.from(Array(max).keys());
|
|
34
|
-
const [rating, setRating] =
|
|
35
|
-
const [hover, setHover] =
|
|
36
|
-
const [tempRating, setTempRating] =
|
|
37
|
-
const [initialRating, setInitialRating] =
|
|
38
|
-
const inputRef =
|
|
39
|
-
|
|
37
|
+
const [rating, setRating] = useState('');
|
|
38
|
+
const [hover, setHover] = useState(false);
|
|
39
|
+
const [tempRating, setTempRating] = useState('');
|
|
40
|
+
const [initialRating, setInitialRating] = useState('');
|
|
41
|
+
const inputRef = useRef();
|
|
42
|
+
useEffect(() => {
|
|
40
43
|
setRating(value || defaultValue);
|
|
41
44
|
setInitialRating(value || defaultValue);
|
|
42
45
|
}, [value, defaultValue]);
|
|
43
|
-
|
|
46
|
+
useEffect(() => {
|
|
44
47
|
inputRef.current.value = String(rating);
|
|
45
48
|
if (rating === initialRating) {
|
|
46
49
|
return undefined;
|
|
@@ -51,12 +54,12 @@ const CompactStarRating = React.forwardRef(function CompactStarRating(_ref, forw
|
|
|
51
54
|
});
|
|
52
55
|
}
|
|
53
56
|
}, [rating]);
|
|
54
|
-
const memoizedDescriptionToolTip =
|
|
57
|
+
const memoizedDescriptionToolTip = useMemo(() => {
|
|
55
58
|
return descriptionToolTip;
|
|
56
59
|
}, [descriptionToolTip]);
|
|
57
60
|
const starIconRender = key => {
|
|
58
61
|
if (rating > 0 && rating >= key + 1) {
|
|
59
|
-
return
|
|
62
|
+
return React__default.createElement(StarFill, {
|
|
60
63
|
readOnly: readOnly,
|
|
61
64
|
disabled: disabled,
|
|
62
65
|
onClick: event => {
|
|
@@ -82,7 +85,7 @@ const CompactStarRating = React.forwardRef(function CompactStarRating(_ref, forw
|
|
|
82
85
|
key: key
|
|
83
86
|
}, iconFill);
|
|
84
87
|
} else if (viewEmpty) {
|
|
85
|
-
return
|
|
88
|
+
return React__default.createElement(Star, {
|
|
86
89
|
readOnly: readOnly,
|
|
87
90
|
disabled: disabled,
|
|
88
91
|
onClick: event => {
|
|
@@ -104,22 +107,22 @@ const CompactStarRating = React.forwardRef(function CompactStarRating(_ref, forw
|
|
|
104
107
|
}
|
|
105
108
|
};
|
|
106
109
|
const input = () => {
|
|
107
|
-
return
|
|
110
|
+
return React__default.createElement(CompactStarRating$1, _extends({
|
|
108
111
|
ref: forwardedRef,
|
|
109
112
|
readOnly: readOnly,
|
|
110
113
|
disabled: disabled,
|
|
111
114
|
onChange: onChange,
|
|
112
115
|
onBlur: onBlur
|
|
113
|
-
}, props),
|
|
116
|
+
}, props), React__default.createElement(labelWidth, {
|
|
114
117
|
disabled: disabled
|
|
115
|
-
}, label,
|
|
118
|
+
}, label, React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(starsWidth, {
|
|
116
119
|
edit: edit,
|
|
117
120
|
type: type,
|
|
118
121
|
readOnly: readOnly
|
|
119
122
|
}, stars.map(key => {
|
|
120
|
-
return
|
|
123
|
+
return React__default.createElement("div", {
|
|
121
124
|
key: key
|
|
122
|
-
},
|
|
125
|
+
}, React__default.createElement("input", {
|
|
123
126
|
type: "number",
|
|
124
127
|
name: name,
|
|
125
128
|
ref: inputRef
|
|
@@ -127,7 +130,7 @@ const CompactStarRating = React.forwardRef(function CompactStarRating(_ref, forw
|
|
|
127
130
|
})));
|
|
128
131
|
};
|
|
129
132
|
if (hidden) return null;
|
|
130
|
-
return
|
|
133
|
+
return React__default.createElement(React__default.Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default.createElement("div", null, React__default.createElement(Tooltip, {
|
|
131
134
|
content: memoizedDescriptionToolTip,
|
|
132
135
|
key: "tooltipTextArea1",
|
|
133
136
|
placement: "bottom-end",
|
|
@@ -161,14 +164,14 @@ CompactStarRating.defaultProps = {
|
|
|
161
164
|
value: 0,
|
|
162
165
|
defaultValue: 0,
|
|
163
166
|
viewEmpty: true,
|
|
164
|
-
icon:
|
|
165
|
-
iconFill:
|
|
167
|
+
icon: React__default.createElement(SvgStar, null),
|
|
168
|
+
iconFill: React__default.createElement(SvgStarFilled, null),
|
|
166
169
|
hidden: false,
|
|
167
170
|
type: '',
|
|
168
171
|
descriptionToolTip: '',
|
|
169
172
|
displayDescriptionToolTip: false,
|
|
170
173
|
onChange: () => {}
|
|
171
174
|
};
|
|
172
|
-
var CompactStarRating$1 = CompactStarRating;
|
|
173
175
|
|
|
174
|
-
export { CompactStarRating
|
|
176
|
+
export { CompactStarRating as default };
|
|
177
|
+
//# sourceMappingURL=CompactStarRating.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CompactStarRating.js","sources":["../../../src/components/inputs/CompactStarRating/CompactStarRating.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState, useMemo } from 'react';\nimport { ReactComponent as StarIconFill } from '../../../icons/star-filled.svg';\nimport { ReactComponent as StarIcon } from '../../../icons/star.svg';\nimport { Tooltip } from '../../data';\n\nimport * as S from './CompactStarRating.styled';\n\n/**\n * A compact star rating.\n *\n * To remove a rating (i.e. show 0 stars), click the first star to give a 1-star rating, and then click the first star again.\n *\n * ### Import\n *\n * ``` js\n * import { CompactStarRating } from '@ntbjs/react-components/inputs'\n * // or\n * import CompactStarRating from '@ntbjs/react-components/inputs/CompactStarRating'\n * ```\n * ### Values\n * Pass default value as a prop (`defaultValue`) into the component: 0 or state value.\n * ```\n */\n\nconst CompactStarRating = React.forwardRef(function CompactStarRating(\n {\n label,\n icon,\n iconFill,\n max,\n defaultValue,\n value,\n name,\n viewEmpty,\n onChange,\n onBlur,\n type,\n descriptionToolTip,\n disabled,\n readOnly,\n edit,\n hidden,\n loadingIcon,\n successIcon,\n ...props\n },\n forwardedRef\n) {\n const stars = Array.from(Array(max).keys());\n const [rating, setRating] = useState('');\n const [hover, setHover] = useState(false);\n const [tempRating, setTempRating] = useState('');\n const [initialRating, setInitialRating] = useState('');\n const inputRef = useRef();\n\n useEffect(() => {\n setRating(value || defaultValue);\n setInitialRating(value || defaultValue);\n }, [value, defaultValue]);\n\n useEffect(() => {\n inputRef.current.value = String(rating);\n if (rating === initialRating) {\n return undefined;\n } else {\n setInitialRating(rating);\n onChange({ target: inputRef.current });\n }\n }, [rating]);\n\n const memoizedDescriptionToolTip = useMemo(() => {\n return descriptionToolTip;\n }, [descriptionToolTip]);\n\n const starIconRender = key => {\n if (rating > 0 && rating >= key + 1) {\n return (\n <S.StarFill\n readOnly={readOnly}\n disabled={disabled}\n onClick={event => {\n event.preventDefault();\n if (key + 1 > 1) {\n return setRating(key + 1);\n } else if (key + 1 == 1) {\n setRating(current => {\n return current === 1 ? 0 : key + 1;\n });\n }\n }}\n onMouseEnter={() => {\n setTempRating(key + 1);\n setHover(true);\n }}\n onMouseLeave={() => {\n setTempRating(0);\n setHover(false);\n }}\n hover={hover && key + 1 <= tempRating}\n type=\"button\"\n key={key}\n >\n {iconFill}\n </S.StarFill>\n );\n } else if (viewEmpty) {\n return (\n <S.Star\n readOnly={readOnly}\n disabled={disabled}\n onClick={event => {\n event.preventDefault();\n setRating(key + 1);\n }}\n onMouseEnter={() => {\n setTempRating(key + 1);\n setHover(true);\n }}\n onMouseLeave={() => {\n setTempRating(0);\n setHover(false);\n }}\n hover={hover && key + 1 <= tempRating}\n type=\"button\"\n key={key}\n >\n {icon}\n </S.Star>\n );\n }\n };\n\n const input = () => {\n return (\n <S.CompactStarRating\n ref={forwardedRef}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChange}\n onBlur={onBlur}\n {...props}\n >\n <S.labelWidth disabled={disabled}>\n {label}\n <S.SuccessContainer>\n {type === 'loading' && loadingIcon}\n {type === 'success' && successIcon}\n </S.SuccessContainer>\n </S.labelWidth>\n <S.starsWidth edit={edit} type={type} readOnly={readOnly}>\n {stars.map(key => {\n return (\n <div key={key}>\n <input type=\"number\" name={name} ref={inputRef} />\n {starIconRender(key, value)}\n </div>\n );\n })}\n </S.starsWidth>\n </S.CompactStarRating>\n );\n };\n\n if (hidden) return null;\n\n return (\n <>\n {!memoizedDescriptionToolTip && input()}\n {memoizedDescriptionToolTip && (\n <div>\n <Tooltip\n content={memoizedDescriptionToolTip}\n key=\"tooltipTextArea1\"\n placement=\"bottom-end\"\n trigger={'mouseenter'}\n zIndex={999999}\n >\n {input()}\n </Tooltip>\n </div>\n )}\n </>\n );\n});\n\nCompactStarRating.propTypes = {\n /**\n * Whether the star rating is read-only\n */\n readOnly: PropTypes.bool,\n /**\n * Whether the star rating is disabled\n */\n disabled: PropTypes.bool,\n /**\n * Displays a grey background to show that the star rating is editable\n */\n edit: PropTypes.bool,\n /**\n * Rating value (0-5)\n */\n value: PropTypes.number,\n /**\n * Define the type based on error, warning, loading and success.\n */\n type: PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),\n /**\n * Default rating value\n */\n defaultValue: PropTypes.number,\n /**\n * Compact star rating label\n */\n label: PropTypes.string,\n /**\n * Name of the text area (used when sending form data)\n */\n name: PropTypes.string,\n /**\n * Icon element – E.g: `icon={<StarIcon />}`\n */\n icon: PropTypes.element,\n /**\n * Filled icon element – E.g: `icon={<StarIcon />}`\n */\n iconFill: PropTypes.element,\n /**\n * Max number of stars: 5\n */\n max: PropTypes.number,\n /**\n * View Compact Star Rating component when no values have been assigned\n */\n viewEmpty: PropTypes.bool,\n\n /**\n * Optional callback function for `onChange`\n */\n onChange: PropTypes.func,\n /**\n * Optional callback function for `onBlur`\n */\n onBlur: PropTypes.func,\n /**\n * Whether the component is hidden or visible.\n */\n hidden: PropTypes.bool,\n /**\n * Icon element – E.g: `icon={<Spinner />}`\n */\n loadingIcon: PropTypes.element,\n /**\n * Icon element – E.g: `icon={<Check />}`\n */\n successIcon: PropTypes.element,\n /**\n * Description ToolTip text.\n */\n descriptionToolTip: PropTypes.string\n};\n\nCompactStarRating.defaultProps = {\n label: 'Rating',\n max: 5,\n value: 0,\n defaultValue: 0,\n viewEmpty: true,\n icon: <StarIcon />,\n iconFill: <StarIconFill />,\n hidden: false,\n type: '',\n descriptionToolTip: '',\n displayDescriptionToolTip: false,\n onChange: () => {}\n};\n\nexport default CompactStarRating;\n"],"names":["CompactStarRating","React","forwardRef","label","icon","iconFill","max","defaultValue","value","name","viewEmpty","onChange","onBlur","type","descriptionToolTip","disabled","readOnly","edit","hidden","loadingIcon","successIcon","props","forwardedRef","stars","Array","from","keys","rating","setRating","useState","hover","setHover","tempRating","setTempRating","initialRating","setInitialRating","inputRef","useRef","useEffect","current","String","undefined","target","memoizedDescriptionToolTip","useMemo","starIconRender","key","createElement","S","onClick","event","preventDefault","onMouseEnter","onMouseLeave","input","_extends","ref","map","Fragment","Tooltip","content","placement","trigger","zIndex","propTypes","process","env","NODE_ENV","PropTypes","bool","number","oneOf","string","element","func","defaultProps","StarIcon","StarIconFill","displayDescriptionToolTip"],"mappings":"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"}
|