@ntbjs/react-components 2.0.14 → 3.0.0-rc.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/README.md +34 -0
- package/build/data/Alert/Alert.js +18 -33
- package/build/data/Alert/Alert.js.map +1 -1
- package/build/data/Alert/Alert.styled.js +9 -47
- package/build/data/Alert/Alert.styled.js.map +1 -1
- package/build/data/Badge/Badge.js +36 -61
- package/build/data/Badge/Badge.js.map +1 -1
- package/build/data/Badge/Badge.styled.js +21 -70
- package/build/data/Badge/Badge.styled.js.map +1 -1
- package/build/data/Popover/Popover.js +125 -71
- package/build/data/Popover/Popover.js.map +1 -1
- package/build/data/Popover/Popover.styled.js +10 -140
- package/build/data/Popover/Popover.styled.js.map +1 -1
- package/build/data/SeverityBadge/SeverityBadge.js +13 -22
- package/build/data/SeverityBadge/SeverityBadge.js.map +1 -1
- package/build/data/SeverityBadge/index.js +2 -0
- package/build/data/SeverityBadge/index.js.map +1 -0
- package/build/data/Tab/Tab.js +7 -13
- package/build/data/Tab/Tab.js.map +1 -1
- package/build/data/Tab/Tab.styled.js +4 -7
- package/build/data/Tab/Tab.styled.js.map +1 -1
- package/build/data/Tabs/Tabs.js +30 -32
- package/build/data/Tabs/Tabs.js.map +1 -1
- package/build/data/Tabs/Tabs.styled.js +21 -57
- package/build/data/Tabs/Tabs.styled.js.map +1 -1
- package/build/data/Tooltip/Tooltip.js +102 -33
- package/build/data/Tooltip/Tooltip.js.map +1 -1
- package/build/data/Tooltip/Tooltip.styled.js +9 -22
- package/build/data/Tooltip/Tooltip.styled.js.map +1 -1
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.js +16 -23
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.js.map +1 -1
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js +13 -31
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js.map +1 -1
- package/build/data/VerificationStatusIcon/index.js +2 -0
- package/build/data/VerificationStatusIcon/index.js.map +1 -0
- package/build/data/_shared/FloatingArrow.styled.js +30 -0
- package/build/data/_shared/FloatingArrow.styled.js.map +1 -0
- package/build/hooks/useEventListner.js.map +1 -1
- package/build/hooks/useFloatingPopover.js +187 -0
- package/build/hooks/useFloatingPopover.js.map +1 -0
- package/build/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/build/hooks/useOnClickOutside.js.map +1 -1
- package/build/hooks/useTooltipAutoShow.js.map +1 -1
- package/build/icons/arrow-back.svg.js +3 -3
- package/build/icons/arrow-back.svg.js.map +1 -1
- package/build/icons/arrow-forward.svg.js +4 -4
- package/build/icons/arrow-forward.svg.js.map +1 -1
- package/build/icons/check-rectangle-filled.svg.js +3 -3
- package/build/icons/check-rectangle-filled.svg.js.map +1 -1
- package/build/icons/close.svg.js +3 -3
- package/build/icons/close.svg.js.map +1 -1
- package/build/icons/edit-note.svg.js +3 -3
- package/build/icons/edit-note.svg.js.map +1 -1
- package/build/icons/expand-more.svg.js +3 -3
- package/build/icons/expand-more.svg.js.map +1 -1
- package/build/icons/headset.svg.js +3 -3
- package/build/icons/headset.svg.js.map +1 -1
- package/build/icons/layers.svg.js +3 -3
- package/build/icons/layers.svg.js.map +1 -1
- package/build/icons/link.svg.js +3 -3
- package/build/icons/link.svg.js.map +1 -1
- package/build/icons/play.svg.js +3 -3
- package/build/icons/play.svg.js.map +1 -1
- package/build/icons/search.svg.js +3 -3
- package/build/icons/search.svg.js.map +1 -1
- package/build/icons/star-filled.svg.js +3 -3
- package/build/icons/star-filled.svg.js.map +1 -1
- package/build/icons/star.svg.js +3 -3
- package/build/icons/star.svg.js.map +1 -1
- package/build/icons/triangle-right.svg.js +3 -3
- package/build/icons/triangle-right.svg.js.map +1 -1
- package/build/icons/verification.svg.js +3 -3
- package/build/icons/verification.svg.js.map +1 -1
- package/build/icons/warning-circle.svg.js +3 -3
- package/build/icons/warning-circle.svg.js.map +1 -1
- package/build/inputs/ActionButton/ActionButton.js +11 -22
- package/build/inputs/ActionButton/ActionButton.js.map +1 -1
- package/build/inputs/ActionButton/ActionButton.styled.js +5 -54
- package/build/inputs/ActionButton/ActionButton.styled.js.map +1 -1
- package/build/inputs/Button/Button.js +125 -121
- package/build/inputs/Button/Button.js.map +1 -1
- package/build/inputs/Button/Button.styled.js +42 -260
- package/build/inputs/Button/Button.styled.js.map +1 -1
- package/build/inputs/Checkbox/Checkbox.js +45 -61
- package/build/inputs/Checkbox/Checkbox.js.map +1 -1
- package/build/inputs/Checkbox/Checkbox.styled.js +24 -153
- package/build/inputs/Checkbox/Checkbox.styled.js.map +1 -1
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js +106 -111
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js.map +1 -1
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js +88 -273
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js.map +1 -1
- package/build/inputs/CompactStarRating/CompactStarRating.js +56 -77
- package/build/inputs/CompactStarRating/CompactStarRating.js.map +1 -1
- package/build/inputs/CompactStarRating/CompactStarRating.styled.js +32 -211
- package/build/inputs/CompactStarRating/CompactStarRating.styled.js.map +1 -1
- package/build/inputs/CompactTextInput/CompactTextInput.js +86 -105
- package/build/inputs/CompactTextInput/CompactTextInput.js.map +1 -1
- package/build/inputs/CompactTextInput/CompactTextInput.styled.js +55 -258
- package/build/inputs/CompactTextInput/CompactTextInput.styled.js.map +1 -1
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js +70 -77
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js.map +1 -1
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js +28 -60
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js.map +1 -1
- package/build/inputs/MultiLevelCheckbox/types.js +12 -12
- package/build/inputs/MultiLevelCheckbox/types.js.map +1 -1
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js +69 -73
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js.map +1 -1
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js +44 -87
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js.map +1 -1
- package/build/inputs/MultiSelect/MultiSelect.js +69 -79
- package/build/inputs/MultiSelect/MultiSelect.js.map +1 -1
- package/build/inputs/MultiSelect/MultiSelect.styled.js +70 -76
- package/build/inputs/MultiSelect/MultiSelect.styled.js.map +1 -1
- package/build/inputs/Radio/Radio.js +20 -33
- package/build/inputs/Radio/Radio.js.map +1 -1
- package/build/inputs/Radio/Radio.styled.js +15 -96
- package/build/inputs/Radio/Radio.styled.js.map +1 -1
- package/build/inputs/Switch/Switch.js +28 -40
- package/build/inputs/Switch/Switch.js.map +1 -1
- package/build/inputs/Switch/Switch.styled.js +24 -94
- package/build/inputs/Switch/Switch.styled.js.map +1 -1
- package/build/inputs/TextArea/TextArea.js +98 -123
- package/build/inputs/TextArea/TextArea.js.map +1 -1
- package/build/inputs/TextArea/TextArea.styled.js +64 -379
- package/build/inputs/TextArea/TextArea.styled.js.map +1 -1
- package/build/inputs/TextInput/TextInput.js +59 -79
- package/build/inputs/TextInput/TextInput.js.map +1 -1
- package/build/inputs/TextInput/TextInput.styled.js +33 -224
- package/build/inputs/TextInput/TextInput.styled.js.map +1 -1
- package/build/layout/InputGroup/InputGroup.js +6 -9
- package/build/layout/InputGroup/InputGroup.js.map +1 -1
- package/build/layout/InputGroup/InputGroup.styled.js +4 -3
- package/build/layout/InputGroup/InputGroup.styled.js.map +1 -1
- package/build/layout/InputGroup/index.js +2 -0
- package/build/layout/InputGroup/index.js.map +1 -0
- package/build/layout/SectionSeparator/SectionSeparator.js +5 -9
- package/build/layout/SectionSeparator/SectionSeparator.js.map +1 -1
- package/build/layout/SectionSeparator/SectionSeparator.styled.js +4 -8
- package/build/layout/SectionSeparator/SectionSeparator.styled.js.map +1 -1
- package/build/styles/utils/colors-export.d.ts +54 -0
- package/build/styles/utils/colors-export.js.map +1 -1
- package/build/utils/dateTime.js.map +1 -1
- package/build/utils/defaultTheme.js +14 -28
- package/build/utils/defaultTheme.js.map +1 -1
- package/build/utils/getElementRef.js +14 -0
- package/build/utils/getElementRef.js.map +1 -0
- package/build/utils/parseTrigger.js +16 -0
- package/build/utils/parseTrigger.js.map +1 -0
- package/build/widgets/AssetAction/AssetAction.js +26 -33
- package/build/widgets/AssetAction/AssetAction.js.map +1 -1
- package/build/widgets/AssetAction/AssetAction.styled.js +20 -34
- package/build/widgets/AssetAction/AssetAction.styled.js.map +1 -1
- package/build/widgets/AssetActionsBase/AssetActionsBase.js +8 -13
- package/build/widgets/AssetActionsBase/AssetActionsBase.js.map +1 -1
- package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js +4 -9
- package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js.map +1 -1
- package/build/widgets/AssetGallery/AssetGallery.js +15 -40
- package/build/widgets/AssetGallery/AssetGallery.js.map +1 -1
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js +55 -70
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js.map +1 -1
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js +12 -24
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js.map +1 -1
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js +146 -122
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js.map +1 -1
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js +99 -286
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js.map +1 -1
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js +170 -125
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js.map +1 -1
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js +135 -364
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js.map +1 -1
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js +20 -21
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js.map +1 -1
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js +20 -71
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js.map +1 -1
- package/build/widgets/ContextMenu/ContextMenu.js +12 -11
- package/build/widgets/ContextMenu/ContextMenu.js.map +1 -1
- package/build/widgets/ContextMenu/ContextMenu.styled.js +4 -4
- package/build/widgets/ContextMenu/ContextMenu.styled.js.map +1 -1
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js +17 -25
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js.map +1 -1
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js +16 -71
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js.map +1 -1
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js +7 -11
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js.map +1 -1
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js +4 -11
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js.map +1 -1
- package/build/widgets/InfoCard/InfoCard.js +26 -21
- package/build/widgets/InfoCard/InfoCard.js.map +1 -1
- package/build/widgets/InfoCard/InfoCard.styled.js +36 -84
- package/build/widgets/InfoCard/InfoCard.styled.js.map +1 -1
- package/build/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.js +28 -34
- package/build/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.js.map +1 -1
- package/build/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.styled.js +21 -57
- package/build/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.styled.js.map +1 -1
- package/build/widgets/InstructionSeverityDisplay/index.js +2 -0
- package/build/widgets/InstructionSeverityDisplay/index.js.map +1 -0
- package/build/widgets/Instructions/Instructions.js +53 -95
- package/build/widgets/Instructions/Instructions.js.map +1 -1
- package/build/widgets/Instructions/Instructions.styled.js +27 -26
- package/build/widgets/Instructions/Instructions.styled.js.map +1 -1
- package/build/widgets/ProgressBar/ProgressBar.js +39 -37
- package/build/widgets/ProgressBar/ProgressBar.js.map +1 -1
- package/build/widgets/ProgressBar/ProgressBar.styled.js +56 -125
- package/build/widgets/ProgressBar/ProgressBar.styled.js.map +1 -1
- package/build/widgets/SummaryCard/SummaryCard.js +55 -64
- package/build/widgets/SummaryCard/SummaryCard.js.map +1 -1
- package/build/widgets/SummaryCard/SummaryCard.styled.js +51 -106
- package/build/widgets/SummaryCard/SummaryCard.styled.js.map +1 -1
- package/package.json +84 -36
- package/styles/utils/colors-export.d.ts +54 -0
- package/types/components/data/Alert/Alert.d.ts +76 -0
- package/types/components/data/Alert/Alert.styled.d.ts +52 -0
- package/types/components/data/Alert/index.d.ts +1 -0
- package/types/components/data/Badge/Badge.d.ts +120 -0
- package/types/components/data/Badge/Badge.styled.d.ts +33 -0
- package/types/components/data/Badge/index.d.ts +1 -0
- package/types/components/data/Popover/Popover.d.ts +116 -0
- package/types/components/data/Popover/Popover.styled.d.ts +15 -0
- package/types/components/data/Popover/index.d.ts +1 -0
- package/types/components/data/SeverityBadge/SeverityBadge.d.ts +72 -0
- package/types/components/data/SeverityBadge/index.d.ts +1 -0
- package/types/components/data/Tab/Tab.d.ts +14 -0
- package/types/components/data/Tab/Tab.styled.d.ts +1 -0
- package/types/components/data/Tab/index.d.ts +1 -0
- package/types/components/data/Tabs/Tabs.d.ts +111 -0
- package/types/components/data/Tabs/Tabs.styled.d.ts +26 -0
- package/types/components/data/Tabs/index.d.ts +1 -0
- package/types/components/data/Tooltip/Tooltip.d.ts +88 -0
- package/types/components/data/Tooltip/Tooltip.styled.d.ts +8 -0
- package/types/components/data/Tooltip/index.d.ts +1 -0
- package/types/components/data/VerificationStatusIcon/VerificationStatusIcon.d.ts +35 -0
- package/types/components/data/VerificationStatusIcon/VerificationStatusIcon.styled.d.ts +27 -0
- package/types/components/data/VerificationStatusIcon/index.d.ts +1 -0
- package/types/components/data/_shared/FloatingArrow.styled.d.ts +29 -0
- package/types/components/data/index.d.ts +8 -0
- package/types/components/index.d.ts +3 -0
- package/types/components/inputs/ActionButton/ActionButton.d.ts +55 -0
- package/types/components/inputs/ActionButton/ActionButton.styled.d.ts +16 -0
- package/types/components/inputs/ActionButton/index.d.ts +1 -0
- package/types/components/inputs/Button/Button.d.ts +82 -0
- package/types/components/inputs/Button/Button.styled.d.ts +60 -0
- package/types/components/inputs/Button/index.d.ts +1 -0
- package/types/components/inputs/Checkbox/Checkbox.d.ts +83 -0
- package/types/components/inputs/Checkbox/Checkbox.styled.d.ts +29 -0
- package/types/components/inputs/Checkbox/index.d.ts +1 -0
- package/types/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.d.ts +242 -0
- package/types/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.d.ts +104 -0
- package/types/components/inputs/CompactAutocompleteSelect/index.d.ts +1 -0
- package/types/components/inputs/CompactStarRating/CompactStarRating.d.ts +96 -0
- package/types/components/inputs/CompactStarRating/CompactStarRating.styled.d.ts +34 -0
- package/types/components/inputs/CompactStarRating/index.d.ts +1 -0
- package/types/components/inputs/CompactTextInput/CompactTextInput.d.ts +116 -0
- package/types/components/inputs/CompactTextInput/CompactTextInput.styled.d.ts +42 -0
- package/types/components/inputs/CompactTextInput/index.d.ts +1 -0
- package/types/components/inputs/MultiLevelCheckbox/MultiLevelCheckbox.d.ts +41 -0
- package/types/components/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.d.ts +13 -0
- package/types/components/inputs/MultiLevelCheckbox/index.d.ts +2 -0
- package/types/components/inputs/MultiLevelCheckbox/types.d.ts +29 -0
- package/types/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.d.ts +44 -0
- package/types/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.d.ts +11 -0
- package/types/components/inputs/MultiLevelCheckboxSelect/index.d.ts +1 -0
- package/types/components/inputs/MultiSelect/MultiSelect.d.ts +115 -0
- package/types/components/inputs/MultiSelect/MultiSelect.styled.d.ts +34 -0
- package/types/components/inputs/MultiSelect/index.d.ts +1 -0
- package/types/components/inputs/Radio/Radio.d.ts +65 -0
- package/types/components/inputs/Radio/Radio.styled.d.ts +11 -0
- package/types/components/inputs/Radio/index.d.ts +1 -0
- package/types/components/inputs/Switch/Switch.d.ts +62 -0
- package/types/components/inputs/Switch/Switch.styled.d.ts +16 -0
- package/types/components/inputs/Switch/index.d.ts +1 -0
- package/types/components/inputs/TextArea/TextArea.d.ts +120 -0
- package/types/components/inputs/TextArea/TextArea.styled.d.ts +93 -0
- package/types/components/inputs/TextArea/index.d.ts +1 -0
- package/types/components/inputs/TextInput/TextInput.d.ts +109 -0
- package/types/components/inputs/TextInput/TextInput.styled.d.ts +43 -0
- package/types/components/inputs/TextInput/index.d.ts +1 -0
- package/types/components/inputs/index.d.ts +13 -0
- package/types/components/layout/InputGroup/InputGroup.d.ts +31 -0
- package/types/components/layout/InputGroup/InputGroup.styled.d.ts +1 -0
- package/types/components/layout/InputGroup/index.d.ts +1 -0
- package/types/components/layout/SectionSeparator/SectionSeparator.d.ts +28 -0
- package/types/components/layout/SectionSeparator/SectionSeparator.styled.d.ts +7 -0
- package/types/components/layout/SectionSeparator/index.d.ts +1 -0
- package/types/components/layout/index.d.ts +2 -0
- package/types/components/widgets/AssetAction/AssetAction.d.ts +16 -0
- package/types/components/widgets/AssetAction/AssetAction.styled.d.ts +15 -0
- package/types/components/widgets/AssetAction/index.d.ts +1 -0
- package/types/components/widgets/AssetActionsBase/AssetActionsBase.d.ts +25 -0
- package/types/components/widgets/AssetActionsBase/AssetActionsBase.styled.d.ts +1 -0
- package/types/components/widgets/AssetActionsBase/index.d.ts +1 -0
- package/types/components/widgets/AssetGallery/AssetGallery.d.ts +170 -0
- package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.d.ts +76 -0
- package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.d.ts +3 -0
- package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.d.ts +3 -0
- package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.d.ts +52 -0
- package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.d.ts +2 -0
- package/types/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.d.ts +49 -0
- package/types/components/widgets/AssetGallery/asset.types.d.ts +329 -0
- package/types/components/widgets/AssetGallery/index.d.ts +1 -0
- package/types/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.d.ts +60 -0
- package/types/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.d.ts +21 -0
- package/types/components/widgets/AssetPreview/AssetPreviewTopBar/index.d.ts +1 -0
- package/types/components/widgets/ContextMenu/ContextMenu.d.ts +118 -0
- package/types/components/widgets/ContextMenu/ContextMenu.styled.d.ts +1 -0
- package/types/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.d.ts +45 -0
- package/types/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.d.ts +18 -0
- package/types/components/widgets/ContextMenu/ContextMenuItem/index.d.ts +1 -0
- package/types/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.d.ts +23 -0
- package/types/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.d.ts +1 -0
- package/types/components/widgets/ContextMenu/ContextMenuItemsGroup/index.d.ts +1 -0
- package/types/components/widgets/ContextMenu/index.d.ts +1 -0
- package/types/components/widgets/InfoCard/InfoCard.d.ts +33 -0
- package/types/components/widgets/InfoCard/InfoCard.styled.d.ts +28 -0
- package/types/components/widgets/InfoCard/index.d.ts +1 -0
- package/types/components/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.d.ts +46 -0
- package/types/components/widgets/InstructionSeverityDisplay/InstructionSeverityDisplay.styled.d.ts +30 -0
- package/types/components/widgets/InstructionSeverityDisplay/index.d.ts +1 -0
- package/types/components/widgets/Instructions/Instructions.d.ts +156 -0
- package/types/components/widgets/Instructions/Instructions.styled.d.ts +14 -0
- package/types/components/widgets/Instructions/index.d.ts +1 -0
- package/types/components/widgets/ProgressBar/ProgressBar.d.ts +30 -0
- package/types/components/widgets/ProgressBar/ProgressBar.styled.d.ts +41 -0
- package/types/components/widgets/ProgressBar/index.d.ts +1 -0
- package/types/components/widgets/SummaryCard/SummaryCard.d.ts +83 -0
- package/types/components/widgets/SummaryCard/SummaryCard.styled.d.ts +29 -0
- package/types/components/widgets/SummaryCard/index.d.ts +1 -0
- package/types/components/widgets/index.d.ts +11 -0
- package/types/hooks/useElementSize.d.ts +14 -0
- package/types/hooks/useEventListner.d.ts +14 -0
- package/types/hooks/useFloatingPopover.d.ts +161 -0
- package/types/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
- package/types/hooks/useOnClickOutside.d.ts +13 -0
- package/types/hooks/useTooltipAutoShow.d.ts +31 -0
- package/types/icons/index.d.ts +41 -0
- package/types/ssr/index.d.ts +1 -0
- package/types/styles/utils/colors-export.d.ts +54 -0
- package/types/utils/dateTime.d.ts +8 -0
- package/types/utils/defaultTheme.d.ts +95 -0
- package/types/utils/getElementRef.d.ts +2 -0
- package/types/utils/parseTrigger.d.ts +22 -0
- package/build/_virtual/_rollupPluginBabelHelpers.js +0 -12
- package/build/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
- package/build/widgets/AssetGallery/asset.propType.js +0 -56
- package/build/widgets/AssetGallery/asset.propType.js.map +0 -1
|
@@ -1 +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\nconst shouldForwardProp = prop => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const CompactAutocompleteSelect = styled.div\n .withConfig({\n shouldForwardProp\n })\n .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\n .withConfig({\n shouldForwardProp\n })\n .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\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n width: 100%;\n height: 19px;\n`;\n\nexport const SuccessContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .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","shouldForwardProp","prop","startsWith","CompactAutocompleteSelect","styled","div","withConfig","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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"}
|
|
1
|
+
{"version":3,"file":"CompactAutocompleteSelect.styled.js","sources":["../../../src/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.ts"],"sourcesContent":["// 5 deferred defects: 4x themeProp TS2554 and 1x type TS2367 (not suppressed).\nimport type React from 'react';\nimport 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\nimport type { PartialNtbTheme } from '../../../utils/defaultTheme';\n\n/**\n * `CompactAutocompleteSelect.tsx`'s `type` prop, verbatim from its\n * `PropTypes.oneOf(['', 'error', 'warning', 'instructions-warning', 'loading', 'success'])`,\n * carried WITHOUT a `$` to `Control`, `ValueContainer` and `Placeholder` — see\n * `ControlStyleProps` for why that is not a DOM leak here.\n *\n * Closed on purpose: the templates below compare against this value 14 times, so a\n * mistyped state name is TS2367 rather than a branch that silently never fires. `''` is a\n * member because the component defaults `type = ''`.\n */\ntype CompactAutocompleteSelectType =\n | ''\n | 'error'\n | 'warning'\n | 'instructions-warning'\n | 'loading'\n | 'success';\n\n/**\n * The `theme` prop of every `styled(<react-select component>)` in this file — 14 of them.\n *\n * `theme` is the one prop name that both styled-components and react-select claim.\n * react-select types it `ThemeConfig = Theme | ((t: Theme) => Theme)` and its `Theme`\n * REQUIRES `borderRadius`, which `NtbTheme` does not have, so `.attrs(applyDefaultTheme)`\n * — return type `{ theme: NtbTheme }` — was unassignable at all 14 sites, each reporting\n * the same last line:\n *\n * TS2345 … Types of property 'theme' are incompatible.\n * Property 'borderRadius' is missing in type 'NtbTheme' but required in type 'Theme'.\n *\n * Declaring `theme` in the `.attrs<P>()` generic fixes it because the generic is applied\n * as `Substitute<OuterProps, P> = FastOmit<OuterProps, keyof P> & P`, i.e. it REPLACES\n * react-select's declaration rather than intersecting with it. That is the truth about\n * this boundary: react-select's `getTheme()` is `{ ...its defaultTheme, ...props.theme }`,\n * so our `colors`/`spacing` win — which is why `ThemeColors`/`ThemeSpacing` in\n * `utils/defaultTheme.ts` carry react-select's member names — and `borderRadius` falls\n * through to react-select's own `4`. `NtbTheme` is deliberately a PARTIAL override of\n * react-select's theme. Do NOT add `borderRadius` to `NtbTheme` to \"fix\" this: that hands\n * react-select a border radius it does not get today, which is a render change.\n *\n * `MultiSelect.styled.ts` carries the same interface for the same reason.\n */\ninterface SelectThemeProp {\n /** A partial override merged over `defaultTheme` by `applyDefaultTheme`. */\n theme?: PartialNtbTheme;\n}\n\n// themeProp() takes 3-4 arguments; these take 2 (deferred defect, changes CSS if fixed).\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 AsyncCreatableSelectPaginate = withAsyncPaginate(CreatableSelect);\n\n// Written type (inferred is unprintable); read MultiSelect.styled.ts for canonical note.\ntype SelectWrapper<C extends React.ComponentType<any>> = React.ComponentType<\n Omit<React.ComponentProps<C>, keyof SelectWrapperStyleProps> & SelectWrapperStyleProps\n>;\n\n// Spelled out to avoid formatting changes in type-only commit (changes CSS TEXT inline).\ntype AsyncCreatablePaginateWrapper = SelectWrapper<typeof AsyncCreatableSelectPaginate>;\n\n// Module-scope css generic; hosts must declare $hasLabel to satisfy weak-type rule.\nconst sharedStyle = css<{ $hasLabel?: boolean }>`\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\n// Shared by four wrappers: $hasLabel, theme, disabled (dead prop, never passed).\nexport interface SelectWrapperStyleProps extends SelectThemeProp {\n /** `!isEmpty(label)` — narrows the control to 66.66% so the label gets the other third. */\n $hasLabel?: boolean;\n /** `disabled` — unused; fix (repoint to `isDisabled`) changes rendered CSS. */\n disabled?: boolean;\n}\n\n// Annotated because withConfig takes it by reference, so it gets no contextual typing.\nconst shouldForwardProp = (prop: string): boolean => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\n// disabled leaks to DOM on both components (not fixed; baseline re-record needed).\ninterface DisabledStyleProps {\n /** `disabled` — dims and blocks the pointer. Leaks to DOM. */\n disabled?: boolean;\n}\n\nexport const CompactAutocompleteSelect = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs<DisabledStyleProps>(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\n .withConfig({\n shouldForwardProp\n })\n .attrs<DisabledStyleProps>(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\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n width: 100%;\n height: 19px;\n`;\n\n/*\n * animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n * Dead fadeIn branch removed; animation now static; see TextArea.styled.ts for full notes.\n */\nexport const SuccessContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 1;\n pointer-events: none;\n display: flex;\n animation: ${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: AsyncCreatablePaginateWrapper = styled(\n AsyncCreatableSelectPaginate\n).attrs<SelectWrapperStyleProps>(applyDefaultTheme)`\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: SelectWrapper<typeof AsyncPaginate> = styled(\n AsyncPaginate\n).attrs<SelectWrapperStyleProps>(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: SelectWrapper<typeof Select> = styled(\n Select\n).attrs<SelectWrapperStyleProps>(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: SelectWrapper<typeof CreatableSelect> = styled(\n CreatableSelect\n).attrs<SelectWrapperStyleProps>(applyDefaultTheme)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n `}\n`;\n\n// edit/type don't leak (react-select ignores unknown props); TS2367 defect in template, not suppressed.\ninterface ControlStyleProps extends SelectThemeProp {\n /** `edit` (`PropTypes.bool`) — grey \"this is editable\" background. */\n edit?: boolean;\n /** `type` — see `CompactAutocompleteSelectType`. Branched on 11 times below. */\n type?: CompactAutocompleteSelectType;\n}\n\nexport const Control = styled(components.Control).attrs<ControlStyleProps>(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 // Nested css opens its own scope; needs own generic for weak-type rule.\n css<{ type?: CompactAutocompleteSelectType }>`\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<SelectThemeProp>(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\n/**\n * `CompactAutocompleteSelect.tsx` passes `<S.Placeholder className=\"select-placeholder\"\n * type={type} …>` (tsx line 225). Same non-`$`-but-not-leaking situation as `Control`.\n */\ninterface PlaceholderStyleProps extends SelectThemeProp {\n /** `type` — dims the placeholder for the `error` and `warning` states only. */\n type?: CompactAutocompleteSelectType;\n}\n\nexport const Placeholder = styled(components.Placeholder).attrs<PlaceholderStyleProps>(\n applyDefaultTheme\n)`\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<SelectThemeProp>(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<SelectThemeProp>(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<SelectThemeProp>(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<SelectThemeProp>(\n applyDefaultTheme\n)`\n && {\n padding: 0;\n }\n`;\n\nexport const ClearIndicator = styled(components.ClearIndicator).attrs<SelectThemeProp>(\n applyDefaultTheme\n)`\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<SelectThemeProp>(\n applyDefaultTheme\n)`\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)\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n width: 12px;\n`;\n\nexport const ClearIndicatorIcon = styled(CloseIcon)\n .withConfig({\n shouldForwardProp\n })\n .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<SelectThemeProp>(\n applyDefaultTheme\n)`\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","AsyncCreatableSelectPaginate","withAsyncPaginate","CreatableSelect","sharedStyle","css","primaryFontFamily","$hasLabel","shouldForwardProp","prop","startsWith","CompactAutocompleteSelect","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","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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"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
1
|
import React__default, { useState, useRef, useEffect, useMemo } from 'react';
|
|
4
2
|
import { ReactComponent as SvgStarFilled } from '../../icons/star-filled.svg.js';
|
|
5
3
|
import { ReactComponent as SvgStar } from '../../icons/star.svg.js';
|
|
@@ -12,24 +10,28 @@ import '../../data/Tabs/Tabs.js';
|
|
|
12
10
|
import Tooltip from '../../data/Tooltip/Tooltip.js';
|
|
13
11
|
import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
|
|
14
12
|
import { CompactStarRating as CompactStarRating$1, labelWidth, SuccessContainer, starsWidth, StarFill, Star } from './CompactStarRating.styled.js';
|
|
13
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
14
|
|
|
15
|
+
const NOOP = () => {};
|
|
16
|
+
const DEFAULT_ICON = jsx(SvgStar, {});
|
|
17
|
+
const DEFAULT_ICON_FILL = jsx(SvgStarFilled, {});
|
|
16
18
|
const CompactStarRating = React__default.forwardRef(function CompactStarRating({
|
|
17
|
-
label,
|
|
18
|
-
icon,
|
|
19
|
-
iconFill,
|
|
20
|
-
max,
|
|
21
|
-
defaultValue,
|
|
22
|
-
value,
|
|
19
|
+
label = 'Rating',
|
|
20
|
+
icon = DEFAULT_ICON,
|
|
21
|
+
iconFill = DEFAULT_ICON_FILL,
|
|
22
|
+
max = 5,
|
|
23
|
+
defaultValue = 0,
|
|
24
|
+
value = 0,
|
|
23
25
|
name,
|
|
24
|
-
viewEmpty,
|
|
25
|
-
onChange,
|
|
26
|
+
viewEmpty = true,
|
|
27
|
+
onChange = NOOP,
|
|
26
28
|
onBlur,
|
|
27
|
-
type,
|
|
28
|
-
descriptionToolTip,
|
|
29
|
+
type = '',
|
|
30
|
+
descriptionToolTip = '',
|
|
29
31
|
disabled,
|
|
30
32
|
readOnly,
|
|
31
33
|
edit,
|
|
32
|
-
hidden,
|
|
34
|
+
hidden = false,
|
|
33
35
|
loadingIcon,
|
|
34
36
|
successIcon,
|
|
35
37
|
...props
|
|
@@ -39,7 +41,7 @@ const CompactStarRating = React__default.forwardRef(function CompactStarRating({
|
|
|
39
41
|
const [hover, setHover] = useState(false);
|
|
40
42
|
const [tempRating, setTempRating] = useState('');
|
|
41
43
|
const [initialRating, setInitialRating] = useState('');
|
|
42
|
-
const inputRef = useRef();
|
|
44
|
+
const inputRef = useRef(undefined);
|
|
43
45
|
useEffect(() => {
|
|
44
46
|
setRating(value || defaultValue);
|
|
45
47
|
setInitialRating(value || defaultValue);
|
|
@@ -60,7 +62,7 @@ const CompactStarRating = React__default.forwardRef(function CompactStarRating({
|
|
|
60
62
|
}, [descriptionToolTip]);
|
|
61
63
|
const starIconRender = key => {
|
|
62
64
|
if (rating > 0 && rating >= key + 1) {
|
|
63
|
-
return
|
|
65
|
+
return jsx(StarFill, {
|
|
64
66
|
readOnly: readOnly,
|
|
65
67
|
disabled: disabled,
|
|
66
68
|
onClick: event => {
|
|
@@ -83,10 +85,10 @@ const CompactStarRating = React__default.forwardRef(function CompactStarRating({
|
|
|
83
85
|
},
|
|
84
86
|
$hover: hover && key + 1 <= tempRating,
|
|
85
87
|
type: "button",
|
|
86
|
-
|
|
87
|
-
},
|
|
88
|
+
children: iconFill
|
|
89
|
+
}, key);
|
|
88
90
|
} else if (viewEmpty) {
|
|
89
|
-
return
|
|
91
|
+
return jsx(Star, {
|
|
90
92
|
readOnly: readOnly,
|
|
91
93
|
disabled: disabled,
|
|
92
94
|
onClick: event => {
|
|
@@ -103,75 +105,52 @@ const CompactStarRating = React__default.forwardRef(function CompactStarRating({
|
|
|
103
105
|
},
|
|
104
106
|
$hover: hover && key + 1 <= tempRating,
|
|
105
107
|
type: "button",
|
|
106
|
-
|
|
107
|
-
},
|
|
108
|
+
children: icon
|
|
109
|
+
}, key);
|
|
108
110
|
}
|
|
109
111
|
};
|
|
110
112
|
const input = () => {
|
|
111
|
-
return
|
|
113
|
+
return jsxs(CompactStarRating$1, {
|
|
112
114
|
ref: forwardedRef,
|
|
113
115
|
readOnly: readOnly,
|
|
114
116
|
disabled: disabled,
|
|
115
117
|
onChange: onChange,
|
|
116
|
-
onBlur: onBlur
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
118
|
+
onBlur: onBlur,
|
|
119
|
+
...props,
|
|
120
|
+
children: [jsxs(labelWidth, {
|
|
121
|
+
disabled: disabled,
|
|
122
|
+
children: [label, jsxs(SuccessContainer, {
|
|
123
|
+
children: [type === 'loading' && loadingIcon, type === 'success' && successIcon]
|
|
124
|
+
})]
|
|
125
|
+
}), jsx(starsWidth, {
|
|
126
|
+
$edit: edit,
|
|
127
|
+
type: type,
|
|
128
|
+
readOnly: readOnly,
|
|
129
|
+
children: stars.map(key => {
|
|
130
|
+
return jsxs("div", {
|
|
131
|
+
children: [jsx("input", {
|
|
132
|
+
type: "number",
|
|
133
|
+
name: name,
|
|
134
|
+
ref: inputRef
|
|
135
|
+
}), starIconRender(key)]
|
|
136
|
+
}, key);
|
|
137
|
+
})
|
|
138
|
+
})]
|
|
139
|
+
});
|
|
132
140
|
};
|
|
133
141
|
if (hidden) return null;
|
|
134
|
-
return
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
142
|
+
return jsxs(Fragment, {
|
|
143
|
+
children: [!memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && jsx("div", {
|
|
144
|
+
children: jsx(Tooltip, {
|
|
145
|
+
content: memoizedDescriptionToolTip,
|
|
146
|
+
placement: "bottom-end",
|
|
147
|
+
trigger: 'mouseenter',
|
|
148
|
+
zIndex: 999999,
|
|
149
|
+
children: input()
|
|
150
|
+
}, "tooltipTextArea1")
|
|
151
|
+
})]
|
|
152
|
+
});
|
|
141
153
|
});
|
|
142
|
-
CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
143
|
-
readOnly: PropTypes.bool,
|
|
144
|
-
disabled: PropTypes.bool,
|
|
145
|
-
edit: PropTypes.bool,
|
|
146
|
-
value: PropTypes.number,
|
|
147
|
-
type: PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
|
|
148
|
-
defaultValue: PropTypes.number,
|
|
149
|
-
label: PropTypes.string,
|
|
150
|
-
name: PropTypes.string,
|
|
151
|
-
icon: PropTypes.element,
|
|
152
|
-
iconFill: PropTypes.element,
|
|
153
|
-
max: PropTypes.number,
|
|
154
|
-
viewEmpty: PropTypes.bool,
|
|
155
|
-
onChange: PropTypes.func,
|
|
156
|
-
onBlur: PropTypes.func,
|
|
157
|
-
hidden: PropTypes.bool,
|
|
158
|
-
loadingIcon: PropTypes.element,
|
|
159
|
-
successIcon: PropTypes.element,
|
|
160
|
-
descriptionToolTip: PropTypes.string
|
|
161
|
-
} : {};
|
|
162
|
-
CompactStarRating.defaultProps = {
|
|
163
|
-
label: 'Rating',
|
|
164
|
-
max: 5,
|
|
165
|
-
value: 0,
|
|
166
|
-
defaultValue: 0,
|
|
167
|
-
viewEmpty: true,
|
|
168
|
-
icon: React__default.createElement(SvgStar, null),
|
|
169
|
-
iconFill: React__default.createElement(SvgStarFilled, null),
|
|
170
|
-
hidden: false,
|
|
171
|
-
type: '',
|
|
172
|
-
descriptionToolTip: '',
|
|
173
|
-
onChange: () => {}
|
|
174
|
-
};
|
|
175
154
|
|
|
176
155
|
export { CompactStarRating as default };
|
|
177
156
|
//# sourceMappingURL=CompactStarRating.js.map
|
|
@@ -1 +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 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","$hover","input","_extends","ref","$edit","map","Fragment","Tooltip","content","placement","trigger","zIndex","propTypes","process","env","NODE_ENV","PropTypes","bool","number","oneOf","string","element","func","defaultProps","StarIcon","StarIconFill"],"mappings":";;;;;;;;;;;;;;;AAyBMA,MAAAA,iBAAiB,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,iBAAiBA,CACnE;EACEG,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,GAAG;EACHC,YAAY;EACZC,KAAK;EACLC,IAAI;EACJC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,IAAI;EACJC,kBAAkB;EAClBC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,WAAW;EACXC,WAAW;EACX,GAAGC,KAAAA;AACL,CAAC,EACDC,YAAY,EACZ;AACA,EAAA,MAAMC,KAAK,GAAGC,KAAK,CAACC,IAAI,CAACD,KAAK,CAAClB,GAAG,CAAC,CAACoB,IAAI,EAAE,CAAC,CAAA;EAC3C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,QAAQ,CAAC,EAAE,CAAC,CAAA;EACxC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGF,QAAQ,CAAC,KAAK,CAAC,CAAA;EACzC,MAAM,CAACG,UAAU,EAAEC,aAAa,CAAC,GAAGJ,QAAQ,CAAC,EAAE,CAAC,CAAA;EAChD,MAAM,CAACK,aAAa,EAAEC,gBAAgB,CAAC,GAAGN,QAAQ,CAAC,EAAE,CAAC,CAAA;AACtD,EAAA,MAAMO,QAAQ,GAAGC,MAAM,EAAE,CAAA;AAEzBC,EAAAA,SAAS,CAAC,MAAM;AACdV,IAAAA,SAAS,CAACpB,KAAK,IAAID,YAAY,CAAC,CAAA;AAChC4B,IAAAA,gBAAgB,CAAC3B,KAAK,IAAID,YAAY,CAAC,CAAA;AACzC,GAAC,EAAE,CAACC,KAAK,EAAED,YAAY,CAAC,CAAC,CAAA;AAEzB+B,EAAAA,SAAS,CAAC,MAAM;IACdF,QAAQ,CAACG,OAAO,CAAC/B,KAAK,GAAGgC,MAAM,CAACb,MAAM,CAAC,CAAA;IACvC,IAAIA,MAAM,KAAKO,aAAa,EAAE;AAC5B,MAAA,OAAOO,SAAS,CAAA;AAClB,KAAC,MAAM;MACLN,gBAAgB,CAACR,MAAM,CAAC,CAAA;AACxBhB,MAAAA,QAAQ,CAAC;QAAE+B,MAAM,EAAEN,QAAQ,CAACG,OAAAA;AAAQ,OAAC,CAAC,CAAA;AACxC,KAAA;AACF,GAAC,EAAE,CAACZ,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,MAAMgB,0BAA0B,GAAGC,OAAO,CAAC,MAAM;AAC/C,IAAA,OAAO9B,kBAAkB,CAAA;AAC3B,GAAC,EAAE,CAACA,kBAAkB,CAAC,CAAC,CAAA;EAExB,MAAM+B,cAAc,GAAGC,GAAG,IAAI;IAC5B,IAAInB,MAAM,GAAG,CAAC,IAAIA,MAAM,IAAImB,GAAG,GAAG,CAAC,EAAE;AACnC,MAAA,OACE7C,cAAA,CAAA8C,aAAA,CAACC,QAAU,EAAA;AACThC,QAAAA,QAAQ,EAAEA,QAAS;AACnBD,QAAAA,QAAQ,EAAEA,QAAS;QACnBkC,OAAO,EAAEC,KAAK,IAAI;UAChBA,KAAK,CAACC,cAAc,EAAE,CAAA;AACtB,UAAA,IAAIL,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE;AACf,YAAA,OAAOlB,SAAS,CAACkB,GAAG,GAAG,CAAC,CAAC,CAAA;AAC3B,WAAC,MAAM,IAAIA,GAAG,GAAG,CAAC,IAAI,CAAC,EAAE;YACvBlB,SAAS,CAACW,OAAO,IAAI;cACnB,OAAOA,OAAO,KAAK,CAAC,GAAG,CAAC,GAAGO,GAAG,GAAG,CAAC,CAAA;AACpC,aAAC,CAAC,CAAA;AACJ,WAAA;SACA;QACFM,YAAY,EAAEA,MAAM;AAClBnB,UAAAA,aAAa,CAACa,GAAG,GAAG,CAAC,CAAC,CAAA;UACtBf,QAAQ,CAAC,IAAI,CAAC,CAAA;SACd;QACFsB,YAAY,EAAEA,MAAM;UAClBpB,aAAa,CAAC,CAAC,CAAC,CAAA;UAChBF,QAAQ,CAAC,KAAK,CAAC,CAAA;SACf;AACFuB,QAAAA,MAAM,EAAExB,KAAK,IAAIgB,GAAG,GAAG,CAAC,IAAId,UAAW;AACvCnB,QAAAA,IAAI,EAAC,QAAQ;AACbiC,QAAAA,GAAG,EAAEA,GAAAA;AAAI,OAAA,EAERzC,QACS,CAAC,CAAA;KAEhB,MAAM,IAAIK,SAAS,EAAE;AACpB,MAAA,OACET,cAAA,CAAA8C,aAAA,CAACC,IAAM,EAAA;AACLhC,QAAAA,QAAQ,EAAEA,QAAS;AACnBD,QAAAA,QAAQ,EAAEA,QAAS;QACnBkC,OAAO,EAAEC,KAAK,IAAI;UAChBA,KAAK,CAACC,cAAc,EAAE,CAAA;AACtBvB,UAAAA,SAAS,CAACkB,GAAG,GAAG,CAAC,CAAC,CAAA;SAClB;QACFM,YAAY,EAAEA,MAAM;AAClBnB,UAAAA,aAAa,CAACa,GAAG,GAAG,CAAC,CAAC,CAAA;UACtBf,QAAQ,CAAC,IAAI,CAAC,CAAA;SACd;QACFsB,YAAY,EAAEA,MAAM;UAClBpB,aAAa,CAAC,CAAC,CAAC,CAAA;UAChBF,QAAQ,CAAC,KAAK,CAAC,CAAA;SACf;AACFuB,QAAAA,MAAM,EAAExB,KAAK,IAAIgB,GAAG,GAAG,CAAC,IAAId,UAAW;AACvCnB,QAAAA,IAAI,EAAC,QAAQ;AACbiC,QAAAA,GAAG,EAAEA,GAAAA;AAAI,OAAA,EAER1C,IACK,CAAC,CAAA;AAEb,KAAA;GACD,CAAA;EAED,MAAMmD,KAAK,GAAGA,MAAM;IAClB,OACEtD,cAAA,CAAA8C,aAAA,CAACC,mBAAmB,EAAAQ,QAAA,CAAA;AAClBC,MAAAA,GAAG,EAAEnC,YAAa;AAClBN,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,QAAQ,EAAEA,QAAS;AACnBJ,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,MAAM,EAAEA,MAAAA;KACJS,EAAAA,KAAK,GAETpB,cAAA,CAAA8C,aAAA,CAACC,UAAY,EAAA;AAACjC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EAC9BZ,KAAK,EACNF,cAAA,CAAA8C,aAAA,CAACC,gBAAkB,EAAA,IAAA,EAChBnC,IAAI,KAAK,SAAS,IAAIM,WAAW,EACjCN,IAAI,KAAK,SAAS,IAAIO,WACL,CACR,CAAC,EACfnB,cAAA,CAAA8C,aAAA,CAACC,UAAY,EAAA;AAACU,MAAAA,KAAK,EAAEzC,IAAK;AAACJ,MAAAA,IAAI,EAAEA,IAAK;AAACG,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EACvDO,KAAK,CAACoC,GAAG,CAACb,GAAG,IAAI;MAChB,OACE7C,cAAA,CAAA8C,aAAA,CAAA,KAAA,EAAA;AAAKD,QAAAA,GAAG,EAAEA,GAAAA;OACR7C,EAAAA,cAAA,CAAA8C,aAAA,CAAA,OAAA,EAAA;AAAOlC,QAAAA,IAAI,EAAC,QAAQ;AAACJ,QAAAA,IAAI,EAAEA,IAAK;AAACgD,QAAAA,GAAG,EAAErB,QAAAA;OAAW,CAAC,EACjDS,cAAc,CAACC,GAAU,CACvB,CAAC,CAAA;KAET,CACW,CACK,CAAC,CAAA;GAEzB,CAAA;EAED,IAAI5B,MAAM,EAAE,OAAO,IAAI,CAAA;EAEvB,OACEjB,cAAA,CAAA8C,aAAA,CAAA9C,cAAA,CAAA2D,QAAA,EAAA,IAAA,EACG,CAACjB,0BAA0B,IAAIY,KAAK,EAAE,EACtCZ,0BAA0B,IACzB1C,cAAA,CAAA8C,aAAA,CAAA,KAAA,EAAA,IAAA,EACE9C,cAAA,CAAA8C,aAAA,CAACc,OAAO,EAAA;AACNC,IAAAA,OAAO,EAAEnB,0BAA2B;AACpCG,IAAAA,GAAG,EAAC,kBAAkB;AACtBiB,IAAAA,SAAS,EAAC,YAAY;AACtBC,IAAAA,OAAO,EAAE,YAAa;AACtBC,IAAAA,MAAM,EAAE,MAAA;AAAO,GAAA,EAEdV,KAAK,EACC,CACN,CAEP,CAAC,CAAA;AAEP,CAAC,EAAC;AAEFvD,iBAAiB,CAACkE,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;EAI5BrD,QAAQ,EAAEsD,SAAS,CAACC,IAAI;EAIxBxD,QAAQ,EAAEuD,SAAS,CAACC,IAAI;EAIxBtD,IAAI,EAAEqD,SAAS,CAACC,IAAI;EAIpB/D,KAAK,EAAE8D,SAAS,CAACE,MAAM;AAIvB3D,EAAAA,IAAI,EAAEyD,SAAS,CAACG,KAAK,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;EAIrElE,YAAY,EAAE+D,SAAS,CAACE,MAAM;EAI9BrE,KAAK,EAAEmE,SAAS,CAACI,MAAM;EAIvBjE,IAAI,EAAE6D,SAAS,CAACI,MAAM;EAItBtE,IAAI,EAAEkE,SAAS,CAACK,OAAO;EAIvBtE,QAAQ,EAAEiE,SAAS,CAACK,OAAO;EAI3BrE,GAAG,EAAEgE,SAAS,CAACE,MAAM;EAIrB9D,SAAS,EAAE4D,SAAS,CAACC,IAAI;EAKzB5D,QAAQ,EAAE2D,SAAS,CAACM,IAAI;EAIxBhE,MAAM,EAAE0D,SAAS,CAACM,IAAI;EAItB1D,MAAM,EAAEoD,SAAS,CAACC,IAAI;EAItBpD,WAAW,EAAEmD,SAAS,CAACK,OAAO;EAI9BvD,WAAW,EAAEkD,SAAS,CAACK,OAAO;EAI9B7D,kBAAkB,EAAEwD,SAAS,CAACI,MAAAA;AAChC,CAAC,GAAA,EAAA,CAAA;AAED1E,iBAAiB,CAAC6E,YAAY,GAAG;AAC/B1E,EAAAA,KAAK,EAAE,QAAQ;AACfG,EAAAA,GAAG,EAAE,CAAC;AACNE,EAAAA,KAAK,EAAE,CAAC;AACRD,EAAAA,YAAY,EAAE,CAAC;AACfG,EAAAA,SAAS,EAAE,IAAI;AACfN,EAAAA,IAAI,EAAEH,cAAA,CAAA8C,aAAA,CAAC+B,OAAQ,MAAE,CAAC;AAClBzE,EAAAA,QAAQ,EAAEJ,cAAA,CAAA8C,aAAA,CAACgC,aAAY,MAAE,CAAC;AAC1B7D,EAAAA,MAAM,EAAE,KAAK;AACbL,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,kBAAkB,EAAE,EAAE;EACtBH,QAAQ,EAAEA,MAAM,EAAC;AACnB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"CompactStarRating.js","sources":["../../../src/components/inputs/CompactStarRating/CompactStarRating.tsx"],"sourcesContent":["import 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\nconst NOOP = () => {};\nconst DEFAULT_ICON = <StarIcon />;\nconst DEFAULT_ICON_FILL = <StarIconFill />;\n\ntype CompactStarRatingOwnProps = {\n /**\n * Whether the star rating is read-only\n */\n readOnly?: boolean;\n /**\n * Whether the star rating is disabled\n */\n disabled?: boolean;\n /**\n * Displays a grey background to show that the star rating is editable\n */\n edit?: boolean;\n /**\n * Rating value (0-5)\n */\n value?: number;\n /**\n * Define the type based on error, warning, loading and success.\n */\n type?: '' | 'error' | 'warning' | 'loading' | 'success';\n /**\n * Default rating value\n */\n defaultValue?: number;\n /**\n * Compact star rating label\n */\n label?: string;\n /**\n * Name of the text area (used when sending form data)\n */\n name?: string;\n /**\n * Icon element – E.g: `icon={<StarIcon />}`\n */\n icon?: React.ReactElement<any>;\n /**\n * Filled icon element – E.g: `icon={<StarIcon />}`\n */\n iconFill?: React.ReactElement<any>;\n /**\n * Max number of stars: 5\n */\n max?: number;\n /**\n * View Compact Star Rating component when no values have been assigned\n */\n viewEmpty?: boolean;\n /**\n * Optional callback function for `onChange`\n */\n onChange?: (...args: any[]) => any;\n /**\n * Optional callback function for `onBlur`\n */\n onBlur?: (...args: any[]) => any;\n /**\n * Whether the component is hidden or visible.\n */\n hidden?: boolean;\n /**\n * Icon element – E.g: `icon={<Spinner />}`\n */\n loadingIcon?: React.ReactElement<any>;\n /**\n * Icon element – E.g: `icon={<Check />}`\n */\n successIcon?: React.ReactElement<any>;\n /**\n * Description ToolTip text.\n */\n descriptionToolTip?: string;\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype CompactStarRatingProps = Omit<\n React.ComponentPropsWithoutRef<typeof S.CompactStarRating>,\n keyof CompactStarRatingOwnProps\n> &\n CompactStarRatingOwnProps;\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<any, CompactStarRatingProps>(function CompactStarRating(\n {\n label = 'Rating',\n icon = DEFAULT_ICON,\n iconFill = DEFAULT_ICON_FILL,\n max = 5,\n defaultValue = 0,\n value = 0,\n name,\n viewEmpty = true,\n onChange = NOOP,\n onBlur,\n type = '',\n descriptionToolTip = '',\n disabled,\n readOnly,\n edit,\n hidden = false,\n loadingIcon,\n successIcon,\n ...props\n },\n forwardedRef\n) {\n const stars = Array.from(Array(max).keys());\n // Annotation `number | ''` matches code behavior (initial `''` for input, all writes are numbers) — type-only, no JS change.\n const [rating, setRating] = useState<number | ''>('');\n const [hover, setHover] = useState(false);\n const [tempRating, setTempRating] = useState<number | ''>('');\n const [initialRating, setInitialRating] = useState<number | ''>('');\n const inputRef = useRef(undefined);\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 {/* Was `starIconRender(key, value)` — second arg dropped (callee never bound it, reads from enclosing scope). */}\n {starIconRender(key)}\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\nexport default CompactStarRating;\n"],"names":["NOOP","DEFAULT_ICON","_jsx","StarIcon","DEFAULT_ICON_FILL","StarIconFill","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","undefined","useEffect","current","String","target","memoizedDescriptionToolTip","useMemo","starIconRender","key","S","onClick","event","preventDefault","onMouseEnter","onMouseLeave","$hover","children","input","_jsxs","ref","$edit","map","_Fragment","Tooltip","content","placement","trigger","zIndex"],"mappings":"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"}
|