@sproutsocial/racine 12.24.0 → 13.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +65 -0
- package/__flow__/Avatar/index.flow.js +16 -0
- package/__flow__/Avatar/index.js +33 -77
- package/__flow__/Badge/constants.js +9 -15
- package/__flow__/Badge/index.flow.js +17 -0
- package/__flow__/Badge/index.js +12 -53
- package/__flow__/Badge/styles.js +17 -27
- package/__flow__/Banner/index.flow.js +9 -0
- package/__flow__/Banner/index.js +16 -42
- package/__flow__/Banner/styles.js +8 -14
- package/__flow__/Box/index.flow.js +7 -0
- package/__flow__/Box/index.js +7 -9
- package/__flow__/Box/styles.js +9 -25
- package/__flow__/Breadcrumb/index.flow.js +15 -0
- package/__flow__/Breadcrumb/index.js +35 -60
- package/__flow__/Breadcrumb/styles.js +11 -14
- package/__flow__/Button/index.flow.js +26 -0
- package/__flow__/Button/index.js +9 -75
- package/__flow__/Button/styles.js +27 -47
- package/__flow__/Card/index.flow.js +19 -0
- package/__flow__/Card/index.js +8 -37
- package/__flow__/Card/styles.js +8 -11
- package/__flow__/CharacterCounter/index.flow.js +10 -0
- package/__flow__/CharacterCounter/index.js +13 -15
- package/__flow__/CharacterCounter/styles.js +9 -17
- package/__flow__/ChartLegend/index.flow.js +14 -0
- package/__flow__/ChartLegend/index.js +16 -31
- package/__flow__/ChartLegend/styles.js +10 -18
- package/__flow__/Checkbox/index.flow.js +22 -0
- package/__flow__/Checkbox/index.js +16 -93
- package/__flow__/Checkbox/styles.js +48 -101
- package/__flow__/Collapsible/index.flow.js +11 -0
- package/__flow__/Collapsible/index.js +45 -72
- package/__flow__/Collapsible/styles.js +11 -12
- package/__flow__/DatePicker/DateRangePicker.flow.js +15 -0
- package/__flow__/DatePicker/DateRangePicker.js +17 -32
- package/__flow__/DatePicker/SingleDatePicker.flow.js +12 -0
- package/__flow__/DatePicker/SingleDatePicker.js +17 -26
- package/__flow__/DatePicker/StatefulDateRangePicker.js +19 -33
- package/__flow__/DatePicker/StatefulSingleDatePicker.js +10 -16
- package/__flow__/DatePicker/common.flow.js +20 -0
- package/__flow__/DatePicker/common.js +19 -41
- package/__flow__/DatePicker/index.js +3 -4
- package/__flow__/DatePicker/styles.js +87 -72
- package/__flow__/Drawer/SlideTransition.js +22 -14
- package/__flow__/Drawer/index.flow.js +38 -0
- package/__flow__/Drawer/index.js +72 -184
- package/__flow__/Drawer/styles.js +9 -13
- package/__flow__/EmptyState/index.flow.js +15 -0
- package/__flow__/EmptyState/index.js +18 -46
- package/__flow__/EnumIconNames.js +1 -1
- package/__flow__/EnumIllustrationNames.js +1 -1
- package/__flow__/EnumLogoNames.js +1 -1
- package/__flow__/Fieldset/index.flow.js +10 -0
- package/__flow__/Fieldset/index.js +23 -54
- package/__flow__/Fieldset/styles.js +6 -12
- package/__flow__/FormField/index.flow.js +28 -0
- package/__flow__/FormField/index.js +28 -72
- package/__flow__/Icon/deprecatedIcons.js +4 -3
- package/__flow__/Icon/index.flow.js +34 -0
- package/__flow__/Icon/index.js +21 -80
- package/__flow__/Icon/styles.js +9 -15
- package/__flow__/IconViewBoxes.js +378 -1
- package/__flow__/IllustrationViewBoxes.js +121 -1
- package/__flow__/Image/index.flow.js +15 -0
- package/__flow__/Image/index.js +24 -52
- package/__flow__/Image/styles.js +6 -11
- package/__flow__/Indicator/index.flow.js +6 -0
- package/__flow__/Indicator/index.js +16 -20
- package/__flow__/Indicator/styles.js +9 -12
- package/__flow__/Input/index.flow.js +60 -0
- package/__flow__/Input/index.js +50 -188
- package/__flow__/Input/styles.js +49 -70
- package/__flow__/KeyboardKey/index.flow.js +7 -0
- package/__flow__/KeyboardKey/index.js +14 -14
- package/__flow__/KeyboardKey/styles.js +10 -13
- package/__flow__/Label/index.flow.js +14 -0
- package/__flow__/Label/index.js +12 -30
- package/__flow__/Link/constants.js +4 -7
- package/__flow__/Link/index.flow.js +18 -0
- package/__flow__/Link/index.js +11 -44
- package/__flow__/Link/styles.js +15 -22
- package/__flow__/Listbox/index.flow.js +20 -0
- package/__flow__/Listbox/index.js +51 -70
- package/__flow__/Loader/index.flow.js +12 -0
- package/__flow__/Loader/index.js +19 -26
- package/__flow__/Loader/styles.js +13 -28
- package/__flow__/LoaderButton/index.flow.js +7 -0
- package/__flow__/LoaderButton/index.js +19 -47
- package/__flow__/LogoViewBoxes.js +94 -1
- package/__flow__/Menu/constants.js +3 -4
- package/__flow__/Menu/descendants.js +140 -240
- package/__flow__/Menu/hooks.js +86 -115
- package/__flow__/Menu/index.flow.js +23 -31
- package/__flow__/Menu/index.js +146 -340
- package/__flow__/Menu/names.js +1 -4947
- package/__flow__/Menu/styles.js +31 -51
- package/__flow__/Message/constants.js +9 -0
- package/__flow__/Message/index.flow.js +17 -0
- package/__flow__/Message/index.js +69 -115
- package/__flow__/Message/styles.js +62 -76
- package/__flow__/Modal/index.flow.js +46 -0
- package/__flow__/Modal/index.js +55 -129
- package/__flow__/Modal/styles.js +39 -62
- package/__flow__/Numeral/constants.js +3 -3
- package/__flow__/Numeral/index.flow.js +19 -0
- package/__flow__/Numeral/index.js +53 -71
- package/__flow__/Numeral/styles.js +4 -7
- package/__flow__/Numeral/tests/testNumeral.js +22 -30
- package/__flow__/OverflowList/index.flow.js +6 -8
- package/__flow__/OverflowList/index.js +52 -89
- package/__flow__/OverflowList/styles.js +8 -18
- package/__flow__/PartnerLogo/TypePartnerNames.js +1 -38
- package/__flow__/PartnerLogo/index.flow.js +19 -0
- package/__flow__/PartnerLogo/index.js +18 -37
- package/__flow__/PartnerLogo/styles.js +8 -12
- package/__flow__/Popout/index.flow.js +89 -0
- package/__flow__/Popout/index.js +114 -274
- package/__flow__/Popout/styles.js +4 -6
- package/__flow__/Portal/index.flow.js +10 -0
- package/__flow__/Portal/index.js +18 -25
- package/__flow__/Radio/index.flow.js +19 -0
- package/__flow__/Radio/index.js +10 -42
- package/__flow__/Radio/styles.js +27 -43
- package/__flow__/SegmentedControl/index.flow.js +20 -0
- package/__flow__/SegmentedControl/index.js +24 -73
- package/__flow__/SegmentedControl/styles.js +26 -36
- package/__flow__/Select/index.flow.js +25 -0
- package/__flow__/Select/index.js +14 -55
- package/__flow__/Select/styles.js +53 -62
- package/__flow__/Skeleton/index.js +6 -10
- package/__flow__/SpotIllustration/illustrationNames.js +1 -121
- package/__flow__/SpotIllustration/index.flow.js +9 -0
- package/__flow__/SpotIllustration/index.js +24 -41
- package/__flow__/Stack/index.flow.js +24 -0
- package/__flow__/Stack/index.js +57 -81
- package/__flow__/Switch/index.flow.js +16 -0
- package/__flow__/Switch/index.js +21 -34
- package/__flow__/Switch/styles.js +28 -34
- package/__flow__/Table/index.flow.js +30 -0
- package/__flow__/Table/index.js +44 -85
- package/__flow__/Table/styles.js +5 -8
- package/__flow__/TableCell/index.flow.js +19 -0
- package/__flow__/TableCell/index.js +18 -31
- package/__flow__/TableCell/styles.js +11 -12
- package/__flow__/TableHeaderCell/constants.js +6 -0
- package/__flow__/TableHeaderCell/index.flow.js +24 -0
- package/__flow__/TableHeaderCell/index.js +32 -59
- package/__flow__/TableHeaderCell/styles.js +10 -16
- package/__flow__/TableRowAccordion/index.flow.js +13 -0
- package/__flow__/TableRowAccordion/index.js +26 -44
- package/__flow__/TableRowAccordion/styles.js +9 -17
- package/__flow__/Tabs/index.flow.js +20 -0
- package/__flow__/Tabs/index.js +48 -78
- package/__flow__/Tabs/styles.js +21 -40
- package/__flow__/Text/index.flow.js +13 -0
- package/__flow__/Text/index.js +38 -65
- package/__flow__/Text/styles.js +8 -15
- package/__flow__/Textarea/index.flow.js +48 -0
- package/__flow__/Textarea/index.js +12 -96
- package/__flow__/Textarea/styles.js +27 -46
- package/__flow__/ThemeProvider/index.js +5 -11
- package/__flow__/Toast/index.flow.js +20 -0
- package/__flow__/Toast/index.js +45 -99
- package/__flow__/Toast/styles.js +14 -20
- package/__flow__/ToggleHint/index.flow.js +13 -0
- package/__flow__/ToggleHint/index.js +17 -31
- package/__flow__/ToggleHint/styles.js +10 -18
- package/__flow__/Token/index.flow.js +15 -0
- package/__flow__/Token/index.js +15 -44
- package/__flow__/Token/styles.js +25 -22
- package/__flow__/TokenInput/index.flow.js +67 -2
- package/__flow__/TokenInput/index.js +108 -221
- package/__flow__/TokenInput/styles.js +36 -54
- package/__flow__/TokenInput/util.js +6 -11
- package/__flow__/Tooltip/index.flow.js +22 -0
- package/__flow__/Tooltip/index.js +38 -126
- package/__flow__/Tooltip/styles.js +6 -8
- package/__flow__/VisuallyHidden/index.js +4 -6
- package/__flow__/dataviz/index.js +6 -9
- package/__flow__/index.js +152 -76
- package/__flow__/systemProps/background.js +4 -15
- package/__flow__/systemProps/border.js +4 -35
- package/__flow__/systemProps/color.js +5 -15
- package/__flow__/systemProps/custom.js +7 -14
- package/__flow__/systemProps/flexbox.js +4 -21
- package/__flow__/systemProps/grid.js +4 -22
- package/__flow__/systemProps/index.js +14 -15
- package/__flow__/systemProps/layout.js +4 -22
- package/__flow__/systemProps/position.js +4 -16
- package/__flow__/systemProps/shadow.js +4 -9
- package/__flow__/systemProps/space.js +4 -25
- package/__flow__/systemProps/systemProps.js +15 -40
- package/__flow__/systemProps/tests/types.flow.js +2 -6
- package/__flow__/systemProps/types.flow.js +6 -14
- package/__flow__/systemProps/typography.js +5 -18
- package/__flow__/systemProps/variant.js +8 -12
- package/__flow__/themes/dark/dataviz-palette.js +4 -26
- package/__flow__/themes/dark/decorative-palettes.js +12 -23
- package/__flow__/themes/dark/theme.js +60 -74
- package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +65 -70
- package/__flow__/themes/extendedThemes/sproutTheme/index.js +2 -2
- package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +65 -70
- package/__flow__/themes/light/dataviz-palette.js +4 -26
- package/__flow__/themes/light/decorative-palettes.js +12 -23
- package/__flow__/themes/light/literal-colors.js +13 -15
- package/__flow__/themes/light/theme.js +71 -107
- package/__flow__/types/styled-components.flow.js +1 -1
- package/__flow__/types/system-props.flow.js +5 -25
- package/__flow__/types/theme.colors.flow.js +32 -46
- package/__flow__/types/theme.flow.js +7 -25
- package/__flow__/utils/a11yTest.js +2 -3
- package/__flow__/utils/chartColors.js +6 -71
- package/__flow__/utils/constants.js +1 -1
- package/__flow__/utils/dataQaLabelQueries.js +14 -37
- package/__flow__/utils/hooks.js +77 -114
- package/__flow__/utils/index.js +6 -12
- package/__flow__/utils/innerText.js +3 -15
- package/__flow__/utils/mixins.js +5 -14
- package/__flow__/utils/react-testing-library.js +15 -42
- package/__flow__/utils/responsiveProps/index.js +6 -19
- package/__flow__/utils/system-props.js +11 -77
- package/__flow__/utils/useInteractiveColor.js +4 -7
- package/commonjs/{Stack/TypeSpaceLiterals.js → Avatar/index.flow.js} +0 -0
- package/commonjs/Avatar/index.js +31 -28
- package/commonjs/Badge/index.flow.js +6 -0
- package/commonjs/Badge/index.js +1 -1
- package/commonjs/Badge/styles.js +1 -1
- package/commonjs/Banner/index.flow.js +6 -0
- package/commonjs/Banner/index.js +15 -17
- package/commonjs/Box/index.flow.js +8 -0
- package/commonjs/Breadcrumb/index.flow.js +8 -0
- package/commonjs/Breadcrumb/index.js +21 -19
- package/commonjs/Button/index.flow.js +6 -0
- package/commonjs/Button/index.js +1 -7
- package/commonjs/Button/styles.js +1 -1
- package/commonjs/Card/index.flow.js +7 -0
- package/commonjs/Card/styles.js +1 -1
- package/commonjs/CharacterCounter/index.flow.js +1 -0
- package/commonjs/ChartLegend/index.flow.js +1 -0
- package/commonjs/ChartLegend/index.js +10 -6
- package/commonjs/Checkbox/index.flow.js +1 -0
- package/commonjs/Checkbox/index.js +27 -24
- package/commonjs/Checkbox/styles.js +1 -1
- package/commonjs/Collapsible/index.flow.js +6 -0
- package/commonjs/Collapsible/index.js +1 -1
- package/commonjs/DatePicker/DateRangePicker.flow.js +1 -0
- package/commonjs/DatePicker/SingleDatePicker.flow.js +1 -0
- package/commonjs/DatePicker/StatefulDateRangePicker.js +10 -7
- package/commonjs/DatePicker/StatefulSingleDatePicker.js +7 -4
- package/commonjs/DatePicker/common.flow.js +1 -0
- package/commonjs/DatePicker/common.js +1 -1
- package/commonjs/DatePicker/styles.js +1 -1
- package/commonjs/Drawer/index.flow.js +6 -0
- package/commonjs/Drawer/index.js +24 -20
- package/commonjs/EmptyState/index.flow.js +6 -0
- package/commonjs/EmptyState/index.js +1 -1
- package/commonjs/Fieldset/index.flow.js +6 -0
- package/commonjs/FormField/index.flow.js +9 -0
- package/commonjs/FormField/index.js +1 -1
- package/commonjs/Icon/deprecatedIcons.js +2 -2
- package/commonjs/Icon/index.flow.js +4 -0
- package/commonjs/Icon/index.js +19 -15
- package/commonjs/Icon/styles.js +1 -1
- package/commonjs/IconViewBoxes.js +3 -0
- package/commonjs/Image/index.flow.js +1 -0
- package/commonjs/Image/index.js +18 -14
- package/commonjs/Indicator/index.flow.js +1 -0
- package/commonjs/Indicator/index.js +12 -9
- package/commonjs/Indicator/styles.js +1 -1
- package/commonjs/Input/index.flow.js +6 -0
- package/commonjs/Input/index.js +52 -49
- package/commonjs/Input/styles.js +1 -1
- package/commonjs/KeyboardKey/index.flow.js +1 -0
- package/commonjs/Label/index.flow.js +8 -0
- package/commonjs/Label/index.js +9 -6
- package/commonjs/Link/index.flow.js +6 -0
- package/commonjs/Link/styles.js +1 -1
- package/commonjs/Listbox/index.flow.js +9 -0
- package/commonjs/Listbox/index.js +2 -2
- package/commonjs/Loader/index.flow.js +1 -0
- package/commonjs/Loader/index.js +13 -9
- package/commonjs/Loader/styles.js +2 -2
- package/commonjs/LoaderButton/index.flow.js +1 -0
- package/commonjs/LoaderButton/index.js +2 -6
- package/commonjs/LogoViewBoxes.js +4 -0
- package/commonjs/Menu/index.js +28 -29
- package/commonjs/Menu/styles.js +1 -1
- package/commonjs/Message/constants.js +15 -0
- package/commonjs/Message/index.flow.js +7 -0
- package/commonjs/Message/index.js +12 -17
- package/commonjs/Message/styles.js +14 -14
- package/commonjs/Modal/index.flow.js +8 -0
- package/commonjs/Modal/index.js +31 -29
- package/commonjs/Modal/styles.js +9 -6
- package/commonjs/Numeral/index.flow.js +1 -0
- package/commonjs/Numeral/index.js +9 -10
- package/commonjs/Numeral/tests/testNumeral.js +12 -14
- package/commonjs/OverflowList/index.js +2 -2
- package/commonjs/OverflowList/styles.js +1 -1
- package/commonjs/PartnerLogo/index.flow.js +1 -0
- package/commonjs/PartnerLogo/index.js +18 -15
- package/commonjs/PartnerLogo/styles.js +1 -1
- package/commonjs/Popout/index.flow.js +6 -0
- package/commonjs/Popout/index.js +25 -23
- package/commonjs/Portal/index.flow.js +6 -0
- package/commonjs/Radio/index.flow.js +1 -0
- package/commonjs/Radio/styles.js +2 -2
- package/commonjs/SegmentedControl/index.flow.js +6 -0
- package/commonjs/SegmentedControl/index.js +21 -19
- package/commonjs/SegmentedControl/styles.js +1 -1
- package/commonjs/Select/index.flow.js +6 -0
- package/commonjs/Select/index.js +1 -1
- package/commonjs/Select/styles.js +1 -1
- package/commonjs/Skeleton/index.js +1 -1
- package/commonjs/SpotIllustration/illustrationNames.js +1 -1
- package/commonjs/SpotIllustration/index.flow.js +1 -0
- package/commonjs/SpotIllustration/index.js +1 -1
- package/commonjs/Stack/index.flow.js +6 -0
- package/commonjs/Stack/index.js +1 -1
- package/commonjs/Switch/index.flow.js +1 -0
- package/commonjs/Switch/index.js +19 -15
- package/commonjs/Switch/styles.js +1 -1
- package/commonjs/Table/index.flow.js +6 -0
- package/commonjs/TableCell/index.flow.js +6 -0
- package/commonjs/TableHeaderCell/constants.js +12 -0
- package/commonjs/TableHeaderCell/index.flow.js +3 -0
- package/commonjs/TableHeaderCell/index.js +17 -9
- package/commonjs/TableRowAccordion/index.flow.js +6 -0
- package/commonjs/TableRowAccordion/index.js +1 -1
- package/commonjs/Tabs/index.flow.js +6 -0
- package/commonjs/Tabs/index.js +1 -2
- package/commonjs/Text/index.flow.js +6 -0
- package/commonjs/Text/index.js +1 -1
- package/commonjs/Textarea/index.flow.js +6 -0
- package/commonjs/Textarea/index.js +42 -38
- package/commonjs/Textarea/styles.js +1 -1
- package/commonjs/Toast/index.flow.js +6 -0
- package/commonjs/Toast/index.js +2 -2
- package/commonjs/Toast/styles.js +2 -1
- package/commonjs/ToggleHint/index.flow.js +1 -0
- package/commonjs/ToggleHint/index.js +8 -5
- package/commonjs/ToggleHint/styles.js +1 -1
- package/commonjs/Token/index.flow.js +6 -0
- package/commonjs/Token/index.js +28 -24
- package/commonjs/Token/styles.js +1 -1
- package/commonjs/TokenInput/index.flow.js +6 -1
- package/commonjs/TokenInput/index.js +42 -39
- package/commonjs/TokenInput/styles.js +1 -1
- package/commonjs/Tooltip/index.flow.js +6 -0
- package/commonjs/Tooltip/index.js +19 -15
- package/commonjs/VisuallyHidden/index.js +1 -1
- package/commonjs/dataviz/index.js +1 -1
- package/commonjs/index.js +113 -97
- package/commonjs/themes/dark/theme.js +1 -1
- package/commonjs/themes/light/theme.js +4 -9
- package/commonjs/utils/hooks.js +2 -2
- package/commonjs/utils/mixins.js +1 -1
- package/commonjs/utils/react-testing-library.js +9 -12
- package/dist/icon.svg +1 -1
- package/dist/iconList.js +1 -1
- package/dist/logo.svg +1 -1
- package/dist/logoList.js +1 -1
- package/lib/{Stack/TypeSpaceLiterals.js → Avatar/index.flow.js} +0 -0
- package/lib/Avatar/index.js +31 -28
- package/lib/Badge/index.flow.js +2 -0
- package/lib/Badge/index.js +1 -1
- package/lib/Badge/styles.js +1 -1
- package/lib/Banner/index.flow.js +2 -0
- package/lib/Banner/index.js +15 -23
- package/lib/Box/index.flow.js +3 -0
- package/lib/Breadcrumb/index.flow.js +3 -0
- package/lib/Breadcrumb/index.js +22 -21
- package/lib/Button/index.flow.js +2 -0
- package/lib/Button/index.js +1 -13
- package/lib/Button/styles.js +1 -1
- package/lib/Card/index.flow.js +3 -0
- package/lib/Card/styles.js +1 -1
- package/lib/CharacterCounter/index.flow.js +0 -0
- package/lib/ChartLegend/index.flow.js +0 -0
- package/lib/ChartLegend/index.js +10 -6
- package/lib/Checkbox/index.flow.js +0 -0
- package/lib/Checkbox/index.js +27 -24
- package/lib/Checkbox/styles.js +1 -1
- package/lib/Collapsible/index.flow.js +2 -0
- package/lib/Collapsible/index.js +1 -1
- package/lib/DatePicker/DateRangePicker.flow.js +0 -0
- package/lib/DatePicker/SingleDatePicker.flow.js +0 -0
- package/lib/DatePicker/StatefulDateRangePicker.js +10 -7
- package/lib/DatePicker/StatefulSingleDatePicker.js +7 -4
- package/lib/DatePicker/common.flow.js +0 -0
- package/lib/DatePicker/common.js +1 -1
- package/lib/DatePicker/styles.js +2 -1
- package/lib/Drawer/index.flow.js +2 -0
- package/lib/Drawer/index.js +24 -21
- package/lib/EmptyState/index.flow.js +2 -0
- package/lib/EmptyState/index.js +1 -1
- package/lib/Fieldset/index.flow.js +2 -0
- package/lib/FormField/index.flow.js +4 -0
- package/lib/FormField/index.js +1 -3
- package/lib/Icon/deprecatedIcons.js +3 -2
- package/lib/Icon/index.flow.js +3 -0
- package/lib/Icon/index.js +19 -15
- package/lib/Icon/styles.js +1 -1
- package/lib/IconViewBoxes.js +3 -0
- package/lib/Image/index.flow.js +0 -0
- package/lib/Image/index.js +18 -14
- package/lib/Indicator/index.flow.js +0 -0
- package/lib/Indicator/index.js +12 -9
- package/lib/Indicator/styles.js +1 -1
- package/lib/Input/index.flow.js +2 -0
- package/lib/Input/index.js +52 -49
- package/lib/Input/styles.js +1 -1
- package/lib/KeyboardKey/index.flow.js +0 -0
- package/lib/Label/index.flow.js +3 -0
- package/lib/Label/index.js +9 -6
- package/lib/Link/index.flow.js +2 -0
- package/lib/Link/styles.js +1 -1
- package/lib/Listbox/index.flow.js +4 -0
- package/lib/Listbox/index.js +2 -2
- package/lib/Loader/index.flow.js +0 -0
- package/lib/Loader/index.js +13 -9
- package/lib/Loader/styles.js +2 -2
- package/lib/LoaderButton/index.flow.js +0 -0
- package/lib/LoaderButton/index.js +3 -8
- package/lib/LogoViewBoxes.js +4 -0
- package/lib/Menu/index.js +29 -30
- package/lib/Menu/styles.js +1 -1
- package/lib/Message/constants.js +9 -0
- package/lib/Message/index.flow.js +3 -0
- package/lib/Message/index.js +5 -10
- package/lib/Message/styles.js +2 -2
- package/lib/Modal/index.flow.js +3 -0
- package/lib/Modal/index.js +31 -29
- package/lib/Modal/styles.js +9 -6
- package/lib/Numeral/constants.js +1 -0
- package/lib/Numeral/index.flow.js +0 -0
- package/lib/Numeral/index.js +2 -3
- package/lib/Numeral/tests/testNumeral.js +11 -13
- package/lib/OverflowList/index.js +1 -1
- package/lib/OverflowList/styles.js +1 -1
- package/lib/PartnerLogo/index.flow.js +0 -0
- package/lib/PartnerLogo/index.js +18 -15
- package/lib/PartnerLogo/styles.js +1 -1
- package/lib/Popout/index.flow.js +2 -0
- package/lib/Popout/index.js +25 -24
- package/lib/Portal/index.flow.js +2 -0
- package/lib/Radio/index.flow.js +0 -0
- package/lib/Radio/styles.js +2 -2
- package/lib/SegmentedControl/index.flow.js +2 -0
- package/lib/SegmentedControl/index.js +21 -19
- package/lib/SegmentedControl/styles.js +1 -1
- package/lib/Select/index.flow.js +2 -0
- package/lib/Select/index.js +1 -1
- package/lib/Select/styles.js +1 -1
- package/lib/Skeleton/index.js +1 -1
- package/lib/SpotIllustration/illustrationNames.js +1 -1
- package/lib/SpotIllustration/index.flow.js +0 -0
- package/lib/SpotIllustration/index.js +1 -1
- package/lib/Stack/index.flow.js +2 -0
- package/lib/Stack/index.js +1 -1
- package/lib/Switch/index.flow.js +0 -0
- package/lib/Switch/index.js +19 -15
- package/lib/Switch/styles.js +1 -1
- package/lib/Table/index.flow.js +2 -0
- package/lib/TableCell/index.flow.js +2 -0
- package/lib/TableHeaderCell/constants.js +6 -0
- package/lib/TableHeaderCell/index.flow.js +3 -0
- package/lib/TableHeaderCell/index.js +7 -5
- package/lib/TableRowAccordion/index.flow.js +2 -0
- package/lib/TableRowAccordion/index.js +1 -1
- package/lib/Tabs/index.flow.js +2 -0
- package/lib/Tabs/index.js +1 -2
- package/lib/Text/index.flow.js +2 -0
- package/lib/Text/index.js +1 -1
- package/lib/Textarea/index.flow.js +2 -0
- package/lib/Textarea/index.js +42 -38
- package/lib/Textarea/styles.js +1 -1
- package/lib/Toast/index.flow.js +2 -0
- package/lib/Toast/index.js +2 -2
- package/lib/Toast/styles.js +2 -3
- package/lib/ToggleHint/index.flow.js +0 -0
- package/lib/ToggleHint/index.js +8 -5
- package/lib/ToggleHint/styles.js +1 -1
- package/lib/Token/index.flow.js +2 -0
- package/lib/Token/index.js +28 -24
- package/lib/Token/styles.js +1 -1
- package/lib/TokenInput/index.flow.js +2 -0
- package/lib/TokenInput/index.js +41 -39
- package/lib/TokenInput/styles.js +1 -1
- package/lib/Tooltip/index.flow.js +2 -0
- package/lib/Tooltip/index.js +19 -15
- package/lib/VisuallyHidden/index.js +1 -1
- package/lib/dataviz/index.js +1 -1
- package/lib/index.js +74 -47
- package/lib/themes/dark/theme.js +4 -2
- package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +3 -0
- package/lib/themes/extendedThemes/sproutTheme/light/theme.js +3 -0
- package/lib/themes/light/theme.js +4 -10
- package/lib/utils/hooks.js +1 -1
- package/lib/utils/mixins.js +1 -1
- package/lib/utils/react-testing-library.js +8 -6
- package/package.json +14 -6
- package/__flow__/Avatar/__tests__/features.test.js +0 -98
- package/__flow__/Avatar/index.stories.js +0 -62
- package/__flow__/Badge/index.stories.js +0 -49
- package/__flow__/Badge/index.test.js +0 -67
- package/__flow__/Banner/index.stories.js +0 -108
- package/__flow__/Banner/index.test.js +0 -68
- package/__flow__/Box/index.stories.js +0 -135
- package/__flow__/Box/index.test.js +0 -12
- package/__flow__/Breadcrumb/index.stories.js +0 -76
- package/__flow__/Breadcrumb/index.test.js +0 -62
- package/__flow__/Button/index.stories.js +0 -153
- package/__flow__/Card/index.stories.js +0 -67
- package/__flow__/CharacterCounter/index.stories.js +0 -42
- package/__flow__/CharacterCounter/index.test.js +0 -24
- package/__flow__/ChartLegend/index.stories.js +0 -66
- package/__flow__/ChartLegend/index.test.js +0 -55
- package/__flow__/Checkbox/index.stories.js +0 -137
- package/__flow__/Checkbox/index.test.js +0 -91
- package/__flow__/Collapsible/index.stories.js +0 -182
- package/__flow__/Collapsible/index.test.js +0 -68
- package/__flow__/DatePicker/DateRangePicker.stories.js +0 -101
- package/__flow__/DatePicker/DateRangePicker.test.js +0 -123
- package/__flow__/DatePicker/SingleDatePicker.stories.js +0 -64
- package/__flow__/DatePicker/SingleDatePicker.test.js +0 -89
- package/__flow__/Drawer/index.stories.js +0 -336
- package/__flow__/Drawer/index.test.js +0 -158
- package/__flow__/EmptyState/index.stories.js +0 -108
- package/__flow__/EmptyState/index.test.js +0 -124
- package/__flow__/Fieldset/index.stories.js +0 -135
- package/__flow__/Fieldset/index.test.js +0 -34
- package/__flow__/FormField/index.stories.js +0 -116
- package/__flow__/FormField/index.test.js +0 -71
- package/__flow__/Icon/index.stories.js +0 -175
- package/__flow__/Icon/index.test.js +0 -25
- package/__flow__/Image/index.stories.js +0 -30
- package/__flow__/Image/index.test.js +0 -86
- package/__flow__/Indicator/index.stories.js +0 -16
- package/__flow__/Indicator/index.test.js +0 -11
- package/__flow__/Input/index.stories.js +0 -216
- package/__flow__/Input/index.test.js +0 -405
- package/__flow__/KeyboardKey/index.stories.js +0 -25
- package/__flow__/KeyboardKey/index.test.js +0 -12
- package/__flow__/Label/index.stories.js +0 -15
- package/__flow__/Label/index.test.js +0 -16
- package/__flow__/Link/index.stories.js +0 -115
- package/__flow__/Link/index.test.js +0 -110
- package/__flow__/Listbox/index.stories.js +0 -238
- package/__flow__/Listbox/index.test.js +0 -291
- package/__flow__/Loader/index.stories.js +0 -40
- package/__flow__/Loader/index.test.js +0 -26
- package/__flow__/LoaderButton/index.stories.js +0 -84
- package/__flow__/LoaderButton/index.test.js +0 -35
- package/__flow__/Menu/__snapshots__/index.test.js.snap +0 -115
- package/__flow__/Menu/index.stories.js +0 -261
- package/__flow__/Menu/index.test.js +0 -103
- package/__flow__/Message/index.stories.js +0 -73
- package/__flow__/Message/index.test.js +0 -12
- package/__flow__/Modal/index.stories.js +0 -409
- package/__flow__/Modal/index.test.js +0 -129
- package/__flow__/Numeral/index.stories.js +0 -183
- package/__flow__/Numeral/tests/A11y.test.js +0 -12
- package/__flow__/Numeral/tests/abbreviate.test.js +0 -72
- package/__flow__/Numeral/tests/currency.test.js +0 -40
- package/__flow__/Numeral/tests/defaults.test.js +0 -33
- package/__flow__/Numeral/tests/invalid.test.js +0 -12
- package/__flow__/Numeral/tests/locale.test.js +0 -83
- package/__flow__/Numeral/tests/precision.test.js +0 -126
- package/__flow__/Numeral/tests/zero.test.js +0 -11
- package/__flow__/OverflowList/index.stories.js +0 -69
- package/__flow__/OverflowList/index.test.js +0 -79
- package/__flow__/PartnerLogo/index.stories.js +0 -124
- package/__flow__/PartnerLogo/partnerLogos/bigcommerce-dark.svg +0 -5
- package/__flow__/PartnerLogo/partnerLogos/bigcommerce-lockup-dark.svg +0 -14
- package/__flow__/PartnerLogo/partnerLogos/bigcommerce-lockup.svg +0 -14
- package/__flow__/PartnerLogo/partnerLogos/bigcommerce.svg +0 -5
- package/__flow__/PartnerLogo/partnerLogos/bitly-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/bitly.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/canva-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/canva.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/dropbox-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/dropbox-lockup-dark.svg +0 -7
- package/__flow__/PartnerLogo/partnerLogos/dropbox-lockup.svg +0 -7
- package/__flow__/PartnerLogo/partnerLogos/dropbox-wordmark-dark.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/dropbox-wordmark.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/dropbox.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/facebook-audience-network-dark.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/facebook-audience-network.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/facebook-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/facebook-groups-dark.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/facebook-groups.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/facebook-shops-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/facebook-shops.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/facebook.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/feedly-dark.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/feedly.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/glassdoor-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/glassdoor.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/google-analytics-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/google-analytics.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/google-business-messages-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/google-business-messages.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/google-drive-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/google-drive.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/google-my-business-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/google-my-business.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/hubspot-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/hubspot.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/instagram-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/instagram.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/linkedin-audience-network-dark.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/linkedin-audience-network.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/linkedin-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/linkedin.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/marketo-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/marketo.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/messenger-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/messenger.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/microsoft-dynamics-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/microsoft-dynamics.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/pinterest-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/pinterest.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/reddit-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/reddit.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/salesforce-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/salesforce.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/shopify-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/shopify.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/slack-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/slack.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/sproutsocial-dark.svg +0 -7
- package/__flow__/PartnerLogo/partnerLogos/sproutsocial-lockup-dark.svg +0 -19
- package/__flow__/PartnerLogo/partnerLogos/sproutsocial-lockup.svg +0 -19
- package/__flow__/PartnerLogo/partnerLogos/sproutsocial-wordmark-dark.svg +0 -14
- package/__flow__/PartnerLogo/partnerLogos/sproutsocial-wordmark.svg +0 -14
- package/__flow__/PartnerLogo/partnerLogos/sproutsocial.svg +0 -7
- package/__flow__/PartnerLogo/partnerLogos/tiktok-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/tiktok.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/tripadvisor-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/tripadvisor.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/tumblr-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/tumblr.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/twitter-audience-network-dark.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/twitter-audience-network.svg +0 -3
- package/__flow__/PartnerLogo/partnerLogos/twitter-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/twitter.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/whatsapp-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/whatsapp.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/woocommerce-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/woocommerce.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/yelp-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/yelp.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/youtube-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/youtube.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/zendesk-dark.svg +0 -1
- package/__flow__/PartnerLogo/partnerLogos/zendesk-lockup-dark.svg +0 -28
- package/__flow__/PartnerLogo/partnerLogos/zendesk-lockup.svg +0 -28
- package/__flow__/PartnerLogo/partnerLogos/zendesk-wordmark-dark.svg +0 -9
- package/__flow__/PartnerLogo/partnerLogos/zendesk-wordmark.svg +0 -9
- package/__flow__/PartnerLogo/partnerLogos/zendesk.svg +0 -1
- package/__flow__/Popout/__snapshots__/index.test.js.snap +0 -121
- package/__flow__/Popout/index.stories.js +0 -471
- package/__flow__/Popout/index.test.js +0 -179
- package/__flow__/Portal/index.stories.js +0 -42
- package/__flow__/Radio/index.stories.js +0 -75
- package/__flow__/Radio/index.test.js +0 -47
- package/__flow__/SegmentedControl/index.stories.js +0 -44
- package/__flow__/SegmentedControl/index.test.js +0 -74
- package/__flow__/Select/index.stories.js +0 -42
- package/__flow__/Select/index.test.js +0 -44
- package/__flow__/Skeleton/index.stories.js +0 -31
- package/__flow__/SpotIllustration/index.stories.js +0 -135
- package/__flow__/SpotIllustration/spotIllustrations/abacus.svg +0 -21
- package/__flow__/SpotIllustration/spotIllustrations/analytics-offering.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/asset-cards.svg +0 -16
- package/__flow__/SpotIllustration/spotIllustrations/astronaut.svg +0 -15
- package/__flow__/SpotIllustration/spotIllustrations/binoculars.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/brand-keyword.svg +0 -10
- package/__flow__/SpotIllustration/spotIllustrations/browser-doc.svg +0 -10
- package/__flow__/SpotIllustration/spotIllustrations/business.svg +0 -23
- package/__flow__/SpotIllustration/spotIllustrations/calendar-event.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/calendar-reporting.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/cat-error.svg +0 -4
- package/__flow__/SpotIllustration/spotIllustrations/cat-no-access.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/cat.svg +0 -4
- package/__flow__/SpotIllustration/spotIllustrations/checkbox-alert.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/coffee-cup.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/competitors.svg +0 -29
- package/__flow__/SpotIllustration/spotIllustrations/compose-window.svg +0 -21
- package/__flow__/SpotIllustration/spotIllustrations/compose.svg +0 -5
- package/__flow__/SpotIllustration/spotIllustrations/computer-error.svg +0 -15
- package/__flow__/SpotIllustration/spotIllustrations/connect.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/contact.svg +0 -87
- package/__flow__/SpotIllustration/spotIllustrations/conversation.svg +0 -15
- package/__flow__/SpotIllustration/spotIllustrations/custom-branding.svg +0 -7
- package/__flow__/SpotIllustration/spotIllustrations/customer-service.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/dashboard.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/exclamation-mark.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/face-happy.svg +0 -10
- package/__flow__/SpotIllustration/spotIllustrations/find-bookmark.svg +0 -12
- package/__flow__/SpotIllustration/spotIllustrations/flask.svg +0 -10
- package/__flow__/SpotIllustration/spotIllustrations/general-topic.svg +0 -9
- package/__flow__/SpotIllustration/spotIllustrations/global-features.svg +0 -17
- package/__flow__/SpotIllustration/spotIllustrations/global-trend.svg +0 -5
- package/__flow__/SpotIllustration/spotIllustrations/grow-large.svg +0 -12
- package/__flow__/SpotIllustration/spotIllustrations/grow.svg +0 -5
- package/__flow__/SpotIllustration/spotIllustrations/hands-raised.svg +0 -8
- package/__flow__/SpotIllustration/spotIllustrations/headset.svg +0 -8
- package/__flow__/SpotIllustration/spotIllustrations/heartbeat-connection.svg +0 -14
- package/__flow__/SpotIllustration/spotIllustrations/instagram-links.svg +0 -28
- package/__flow__/SpotIllustration/spotIllustrations/invoice.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/jewel.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/keyword-tracking.svg +0 -26
- package/__flow__/SpotIllustration/spotIllustrations/lightbulb-alt.svg +0 -5
- package/__flow__/SpotIllustration/spotIllustrations/lightbulb.svg +0 -4
- package/__flow__/SpotIllustration/spotIllustrations/like-conversation.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/link-broken.svg +0 -18
- package/__flow__/SpotIllustration/spotIllustrations/link-messages.svg +0 -10
- package/__flow__/SpotIllustration/spotIllustrations/link-sections.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/link-upload.svg +0 -12
- package/__flow__/SpotIllustration/spotIllustrations/listening-pendo.svg +0 -14
- package/__flow__/SpotIllustration/spotIllustrations/listening-sentiment.svg +0 -27
- package/__flow__/SpotIllustration/spotIllustrations/listening-topic-templates.svg +0 -26
- package/__flow__/SpotIllustration/spotIllustrations/listening-tour.svg +0 -18
- package/__flow__/SpotIllustration/spotIllustrations/listening.svg +0 -9
- package/__flow__/SpotIllustration/spotIllustrations/loading.svg +0 -4
- package/__flow__/SpotIllustration/spotIllustrations/mailbox-empty.svg +0 -18
- package/__flow__/SpotIllustration/spotIllustrations/mailbox-full.svg +0 -8
- package/__flow__/SpotIllustration/spotIllustrations/megaphone.svg +0 -7
- package/__flow__/SpotIllustration/spotIllustrations/message.svg +0 -6
- package/__flow__/SpotIllustration/spotIllustrations/molecule.svg +0 -14
- package/__flow__/SpotIllustration/spotIllustrations/network-data.svg +0 -25
- package/__flow__/SpotIllustration/spotIllustrations/no-messages-found.svg +0 -20
- package/__flow__/SpotIllustration/spotIllustrations/no-notifications.svg +0 -4
- package/__flow__/SpotIllustration/spotIllustrations/note.svg +0 -6
- package/__flow__/SpotIllustration/spotIllustrations/notification.svg +0 -10
- package/__flow__/SpotIllustration/spotIllustrations/notifications-onboarding.svg +0 -23
- package/__flow__/SpotIllustration/spotIllustrations/organize-message.svg +0 -64
- package/__flow__/SpotIllustration/spotIllustrations/outbox-queue.svg +0 -12
- package/__flow__/SpotIllustration/spotIllustrations/outbox-reviews.svg +0 -10
- package/__flow__/SpotIllustration/spotIllustrations/pdf.svg +0 -5
- package/__flow__/SpotIllustration/spotIllustrations/planning.svg +0 -28
- package/__flow__/SpotIllustration/spotIllustrations/podium.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/pointer.svg +0 -4
- package/__flow__/SpotIllustration/spotIllustrations/publish-assets.svg +0 -15
- package/__flow__/SpotIllustration/spotIllustrations/publish-links.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/publishing.svg +0 -29
- package/__flow__/SpotIllustration/spotIllustrations/puzzle-piece.svg +0 -4
- package/__flow__/SpotIllustration/spotIllustrations/question-mark.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/reporting-folder.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/reporting.svg +0 -12
- package/__flow__/SpotIllustration/spotIllustrations/review-location.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/review.svg +0 -10
- package/__flow__/SpotIllustration/spotIllustrations/robot-assembly.svg +0 -12
- package/__flow__/SpotIllustration/spotIllustrations/robot-error.svg +0 -19
- package/__flow__/SpotIllustration/spotIllustrations/robot-happy.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/rocket.svg +0 -9
- package/__flow__/SpotIllustration/spotIllustrations/schedule-date.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/schedule-messages.svg +0 -10
- package/__flow__/SpotIllustration/spotIllustrations/search-keywords.svg +0 -9
- package/__flow__/SpotIllustration/spotIllustrations/search-success.svg +0 -8
- package/__flow__/SpotIllustration/spotIllustrations/search-trends.svg +0 -23
- package/__flow__/SpotIllustration/spotIllustrations/search.svg +0 -86
- package/__flow__/SpotIllustration/spotIllustrations/security.svg +0 -12
- package/__flow__/SpotIllustration/spotIllustrations/sentiment.svg +0 -12
- package/__flow__/SpotIllustration/spotIllustrations/shopping-bag.svg +0 -4
- package/__flow__/SpotIllustration/spotIllustrations/spark-line.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/stamp.svg +0 -9
- package/__flow__/SpotIllustration/spotIllustrations/storefront.svg +0 -10
- package/__flow__/SpotIllustration/spotIllustrations/success.svg +0 -9
- package/__flow__/SpotIllustration/spotIllustrations/tag-message.svg +0 -15
- package/__flow__/SpotIllustration/spotIllustrations/tag.svg +0 -6
- package/__flow__/SpotIllustration/spotIllustrations/team-roles.svg +0 -17
- package/__flow__/SpotIllustration/spotIllustrations/team.svg +0 -16
- package/__flow__/SpotIllustration/spotIllustrations/telescope.svg +0 -15
- package/__flow__/SpotIllustration/spotIllustrations/tha-mel.svg +0 -15
- package/__flow__/SpotIllustration/spotIllustrations/thumbs-up.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/toggle-switch.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/toolset-strength.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/tracking-time.svg +0 -6
- package/__flow__/SpotIllustration/spotIllustrations/twitter-messages.svg +0 -11
- package/__flow__/SpotIllustration/spotIllustrations/twitter-profiles.svg +0 -12
- package/__flow__/SpotIllustration/spotIllustrations/under-construction.svg +0 -12
- package/__flow__/SpotIllustration/spotIllustrations/unsubscribe.svg +0 -10
- package/__flow__/SpotIllustration/spotIllustrations/upward-trend.svg +0 -4
- package/__flow__/SpotIllustration/spotIllustrations/user-task.svg +0 -58
- package/__flow__/SpotIllustration/spotIllustrations/view-connections.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/vip-list.svg +0 -13
- package/__flow__/SpotIllustration/spotIllustrations/warning.svg +0 -4
- package/__flow__/SpotIllustration/spotIllustrations/wifi.svg +0 -6
- package/__flow__/SpotIllustration/spotIllustrations/workflow-steps.svg +0 -28
- package/__flow__/Stack/TypeSpaceLiterals.js +0 -13
- package/__flow__/Stack/index.stories.js +0 -91
- package/__flow__/Stack/index.test.js +0 -22
- package/__flow__/Switch/index.stories.js +0 -42
- package/__flow__/Switch/index.test.js +0 -44
- package/__flow__/Table/index.stories.js +0 -293
- package/__flow__/Table/index.test.js +0 -91
- package/__flow__/TableCell/index.stories.js +0 -33
- package/__flow__/TableCell/index.test.js +0 -20
- package/__flow__/TableHeaderCell/index.stories.js +0 -54
- package/__flow__/TableHeaderCell/index.test.js +0 -28
- package/__flow__/TableRowAccordion/index.stories.js +0 -129
- package/__flow__/TableRowAccordion/index.test.js +0 -82
- package/__flow__/Tabs/index.stories.js +0 -84
- package/__flow__/Tabs/index.test.js +0 -242
- package/__flow__/Text/index.stories.js +0 -132
- package/__flow__/Text/index.test.js +0 -49
- package/__flow__/Textarea/index.stories.js +0 -90
- package/__flow__/Textarea/index.test.js +0 -86
- package/__flow__/Toast/index.stories.js +0 -118
- package/__flow__/ToggleHint/index.test.js +0 -16
- package/__flow__/Token/index.stories.js +0 -89
- package/__flow__/Token/index.test.js +0 -75
- package/__flow__/TokenInput/index.stories.js +0 -242
- package/__flow__/TokenInput/tests/default/clicking.test.js +0 -38
- package/__flow__/TokenInput/tests/default/deleting.test.js +0 -101
- package/__flow__/TokenInput/tests/default/focusing.test.js +0 -39
- package/__flow__/TokenInput/tests/default/inputting.test.js +0 -57
- package/__flow__/TokenInput/tests/default/pasting.test.js +0 -216
- package/__flow__/TokenInput/tests/default/rendering.test.js +0 -140
- package/__flow__/Tooltip/index.stories.js +0 -175
- package/__flow__/Tooltip/index.test.js +0 -182
- package/__flow__/building-stories.stories.mdx +0 -121
- package/__flow__/code-guidelines.mdx +0 -244
- package/__flow__/dataviz/dataviz.stories.js +0 -13
- package/__flow__/overview.stories.js +0 -60
- package/__flow__/setupTests.js +0 -22
- package/__flow__/systemProps/tests/__snapshots__/background.test.js.snap +0 -96
- package/__flow__/systemProps/tests/__snapshots__/border.test.js.snap +0 -469
- package/__flow__/systemProps/tests/__snapshots__/color.test.js.snap +0 -55
- package/__flow__/systemProps/tests/__snapshots__/custom.test.js.snap +0 -36
- package/__flow__/systemProps/tests/__snapshots__/flexbox.test.js.snap +0 -239
- package/__flow__/systemProps/tests/__snapshots__/grid.test.js.snap +0 -166
- package/__flow__/systemProps/tests/__snapshots__/layout.test.js.snap +0 -204
- package/__flow__/systemProps/tests/__snapshots__/position.test.js.snap +0 -115
- package/__flow__/systemProps/tests/__snapshots__/shadow.test.js.snap +0 -25
- package/__flow__/systemProps/tests/__snapshots__/space.test.js.snap +0 -39
- package/__flow__/systemProps/tests/__snapshots__/typography.test.js.snap +0 -166
- package/__flow__/systemProps/tests/__snapshots__/variant.test.js.snap +0 -17
- package/__flow__/systemProps/tests/background.test.js +0 -90
- package/__flow__/systemProps/tests/border.test.js +0 -299
- package/__flow__/systemProps/tests/color.test.js +0 -49
- package/__flow__/systemProps/tests/custom.test.js +0 -38
- package/__flow__/systemProps/tests/flexbox.test.js +0 -150
- package/__flow__/systemProps/tests/grid.test.js +0 -123
- package/__flow__/systemProps/tests/layout.test.js +0 -126
- package/__flow__/systemProps/tests/position.test.js +0 -78
- package/__flow__/systemProps/tests/shadow.test.js +0 -30
- package/__flow__/systemProps/tests/space.test.js +0 -32
- package/__flow__/systemProps/tests/typography.test.js +0 -93
- package/__flow__/systemProps/tests/variant.test.js +0 -25
- package/__flow__/themes/extendedThemes/README.md +0 -6
- package/__flow__/themes/utils/_themed.scss +0 -119
- package/__flow__/utils/responsiveProps/index.test.js +0 -31
- package/__flow__/writing-good-stories.stories.mdx +0 -3
package/commonjs/Menu/index.js
CHANGED
|
@@ -8,8 +8,9 @@ exports.default = exports.MenuRadio = exports.MenuItem = exports.MenuGroup = exp
|
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var _hooks = require("../utils/hooks");
|
|
12
|
+
var _innerText = _interopRequireDefault(require("../utils/innerText"));
|
|
13
|
+
var _mixins = require("../utils/mixins");
|
|
13
14
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
14
15
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
15
16
|
var _Checkbox = _interopRequireDefault(require("../Checkbox"));
|
|
@@ -18,11 +19,10 @@ var _Input = _interopRequireDefault(require("../Input"));
|
|
|
18
19
|
var _Popout = _interopRequireDefault(require("../Popout"));
|
|
19
20
|
var _Radio = _interopRequireDefault(require("../Radio"));
|
|
20
21
|
var _Text = _interopRequireDefault(require("../Text"));
|
|
21
|
-
var
|
|
22
|
-
var _innerText = _interopRequireDefault(require("../utils/innerText"));
|
|
23
|
-
var _hooks = require("../utils/hooks");
|
|
22
|
+
var _constants = require("./constants");
|
|
24
23
|
var _descendants = require("./descendants");
|
|
25
24
|
var _hooks2 = require("./hooks");
|
|
25
|
+
var _styles = require("./styles");
|
|
26
26
|
var _excluded = ["id", "index", "as", "children", "role", "elemBefore", "elemAfter", "value", "onKeyPress", "onClick", "selected", "disabled", "indeterminate", "label"],
|
|
27
27
|
_excluded2 = ["children", "title", "titleAs", "disabled"],
|
|
28
28
|
_excluded3 = ["children", "role", "multiselect", "innerRef"],
|
|
@@ -346,31 +346,29 @@ var Menu = function Menu(_ref4) {
|
|
|
346
346
|
var setContextState = (0, React.useCallback)(function (newState) {
|
|
347
347
|
setState(_objectSpread(_objectSpread({}, state), newState));
|
|
348
348
|
}, [state]);
|
|
349
|
-
return (
|
|
350
|
-
|
|
349
|
+
return /*#__PURE__*/React.createElement(_descendants.DescendantProvider, {
|
|
350
|
+
context: _hooks2.MenuDescendantContext,
|
|
351
|
+
items:
|
|
351
352
|
// $FlowIssue
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
// $FlowIssue
|
|
359
|
-
menuRef: innerRef || menuRef,
|
|
360
|
-
role: role,
|
|
361
|
-
onChange: onChange,
|
|
362
|
-
value: value,
|
|
363
|
-
multiselect: multiselect,
|
|
364
|
-
state: state,
|
|
365
|
-
setState: setContextState,
|
|
366
|
-
selectCallbacks: selectCallbacks
|
|
367
|
-
}
|
|
368
|
-
}, /*#__PURE__*/React.createElement(MenuItems, _extends({}, props, {
|
|
353
|
+
descendants,
|
|
354
|
+
set: setDescendants
|
|
355
|
+
}, /*#__PURE__*/React.createElement(_hooks2.MenuContext.Provider, {
|
|
356
|
+
value: {
|
|
357
|
+
// $FlowIssue
|
|
358
|
+
menuRef: innerRef || menuRef,
|
|
369
359
|
role: role,
|
|
360
|
+
onChange: onChange,
|
|
361
|
+
value: value,
|
|
370
362
|
multiselect: multiselect,
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
363
|
+
state: state,
|
|
364
|
+
setState: setContextState,
|
|
365
|
+
selectCallbacks: selectCallbacks
|
|
366
|
+
}
|
|
367
|
+
}, /*#__PURE__*/React.createElement(MenuItems, _extends({}, props, {
|
|
368
|
+
role: role,
|
|
369
|
+
multiselect: multiselect,
|
|
370
|
+
innerRef: menuRef
|
|
371
|
+
}), children)));
|
|
374
372
|
};
|
|
375
373
|
exports.Menu = Menu;
|
|
376
374
|
Menu.Group = MenuGroup;
|
|
@@ -421,8 +419,9 @@ var MenuButton = function MenuButton(_ref5) {
|
|
|
421
419
|
content: /*#__PURE__*/React.createElement(CustomPopoutContent, null, content),
|
|
422
420
|
placement: placement
|
|
423
421
|
}, popoutProps, {
|
|
424
|
-
|
|
425
|
-
|
|
422
|
+
width:
|
|
423
|
+
// $FlowIssue - both types are inexact, so this should work
|
|
424
|
+
props.width
|
|
426
425
|
}), /*#__PURE__*/React.createElement(_Button.default, _extends({}, props, {
|
|
427
426
|
id: id,
|
|
428
427
|
"aria-labelledby": ariaLabelledBy === null || ariaLabelledBy === void 0 ? void 0 : ariaLabelledBy.trim(),
|
package/commonjs/Menu/styles.js
CHANGED
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.MenuItemsContainer = exports.MenuItemContainer = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
|
-
var _Box = _interopRequireDefault(require("../Box"));
|
|
10
9
|
var _mixins = require("../utils/mixins");
|
|
10
|
+
var _Box = _interopRequireDefault(require("../Box"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.MESSAGE_DENSITIES = void 0;
|
|
7
|
+
|
|
8
|
+
var MESSAGE_DENSITIES = {
|
|
9
|
+
COMPACT: 'compact',
|
|
10
|
+
// Compact is deprecated. New applications should use condensed instead.
|
|
11
|
+
CONDENSED: 'condensed',
|
|
12
|
+
SMALL: 'small',
|
|
13
|
+
LARGE: 'large'
|
|
14
|
+
};
|
|
15
|
+
exports.MESSAGE_DENSITIES = MESSAGE_DENSITIES;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
var React = _interopRequireWildcard(require("react"));
|
|
5
|
+
var _constants = require("./constants");
|
|
6
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
7
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _styles = _interopRequireWildcard(require("./styles"));
|
|
10
|
-
var _Checkbox = _interopRequireDefault(require("../Checkbox"));
|
|
11
|
-
var _Button = _interopRequireDefault(require("../Button"));
|
|
12
9
|
var _Avatar = _interopRequireDefault(require("../Avatar"));
|
|
10
|
+
var _Button = _interopRequireDefault(require("../Button"));
|
|
11
|
+
var _Checkbox = _interopRequireDefault(require("../Checkbox"));
|
|
12
|
+
var _styles = _interopRequireWildcard(require("./styles"));
|
|
13
|
+
var _constants = require("./constants");
|
|
13
14
|
var _excluded = ["children", "density", "borderColor", "bg", "indentContent", "innerRef", "qa"];
|
|
14
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -17,29 +18,23 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
17
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
19
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
19
20
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
20
|
-
var MESSAGE_DENSITIES = {
|
|
21
|
-
COMPACT: 'compact',
|
|
22
|
-
// Compact is deprecated. New applications should use condensed instead.
|
|
23
|
-
CONDENSED: 'condensed',
|
|
24
|
-
SMALL: 'small',
|
|
25
|
-
LARGE: 'large'
|
|
26
|
-
};
|
|
27
21
|
var avatarSizeMap = function avatarSizeMap(density) {
|
|
28
22
|
switch (density) {
|
|
29
|
-
case MESSAGE_DENSITIES.LARGE:
|
|
23
|
+
case _constants.MESSAGE_DENSITIES.LARGE:
|
|
30
24
|
return '40px';
|
|
31
|
-
case MESSAGE_DENSITIES.COMPACT:
|
|
25
|
+
case _constants.MESSAGE_DENSITIES.COMPACT:
|
|
32
26
|
return '20px';
|
|
33
|
-
case MESSAGE_DENSITIES.CONDENSED:
|
|
27
|
+
case _constants.MESSAGE_DENSITIES.CONDENSED:
|
|
34
28
|
return '24px';
|
|
35
|
-
case MESSAGE_DENSITIES.SMALL:
|
|
29
|
+
case _constants.MESSAGE_DENSITIES.SMALL:
|
|
36
30
|
default:
|
|
37
31
|
return '32px';
|
|
38
32
|
}
|
|
39
33
|
};
|
|
34
|
+
|
|
40
35
|
// $FlowIssue Upgrade 0.111.1
|
|
41
36
|
var MessageContext = /*#__PURE__*/React.createContext({
|
|
42
|
-
density: MESSAGE_DENSITIES.SMALL,
|
|
37
|
+
density: _constants.MESSAGE_DENSITIES.SMALL,
|
|
43
38
|
borderColor: 'container.border.base',
|
|
44
39
|
bg: 'container.background.base',
|
|
45
40
|
indentContent: true
|
|
@@ -47,7 +42,7 @@ var MessageContext = /*#__PURE__*/React.createContext({
|
|
|
47
42
|
var Message = function Message(_ref) {
|
|
48
43
|
var children = _ref.children,
|
|
49
44
|
_ref$density = _ref.density,
|
|
50
|
-
density = _ref$density === void 0 ? MESSAGE_DENSITIES.SMALL : _ref$density,
|
|
45
|
+
density = _ref$density === void 0 ? _constants.MESSAGE_DENSITIES.SMALL : _ref$density,
|
|
51
46
|
_ref$borderColor = _ref.borderColor,
|
|
52
47
|
borderColor = _ref$borderColor === void 0 ? 'container.border.base' : _ref$borderColor,
|
|
53
48
|
_ref$bg = _ref.bg,
|
|
@@ -151,6 +146,6 @@ Message.Checkbox = function (props) {
|
|
|
151
146
|
};
|
|
152
147
|
Message.Checkbox.displayName = 'Message.Checkbox';
|
|
153
148
|
Message.Context = MessageContext;
|
|
154
|
-
Message.DENSITIES = MESSAGE_DENSITIES;
|
|
149
|
+
Message.DENSITIES = _constants.MESSAGE_DENSITIES;
|
|
155
150
|
var _default = Message;
|
|
156
151
|
exports.default = _default;
|
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.MessageMeta = exports.MessageHeader = exports.MessageFooter = exports.MessageBody = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
var _Box = _interopRequireDefault(require("../Box"));
|
|
10
9
|
var _mixins = require("../utils/mixins");
|
|
11
|
-
var
|
|
10
|
+
var _Box = _interopRequireDefault(require("../Box"));
|
|
11
|
+
var _ = _interopRequireDefault(require("./"));
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
14
|
var Container = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
@@ -28,9 +28,9 @@ var MessageHeader = /*#__PURE__*/(0, _react.memo)((0, _styledComponents.default)
|
|
|
28
28
|
displayName: "styles__MessageHeader",
|
|
29
29
|
componentId: "sc-1ju6d1v-1"
|
|
30
30
|
})(["padding:", ";display:flex;justify-content:space-between;align-items:center;border-bottom-width:", ";border-bottom-style:solid;border-radius:", " ", " 0 0;", ";"], function (props) {
|
|
31
|
-
return props.density ===
|
|
31
|
+
return props.density === _.default.DENSITIES.CONDENSED ? "0 0 0 ".concat(props.theme.space[100]) : props.theme.space[300];
|
|
32
32
|
}, function (props) {
|
|
33
|
-
return props.density ===
|
|
33
|
+
return props.density === _.default.DENSITIES.CONDENSED ? 0 : props.theme.borderWidths[500];
|
|
34
34
|
}, function (props) {
|
|
35
35
|
return props.theme.radii.outer;
|
|
36
36
|
}, function (props) {
|
|
@@ -44,22 +44,22 @@ var getContentPadding = function getContentPadding(props) {
|
|
|
44
44
|
return props.theme.space[400];
|
|
45
45
|
}
|
|
46
46
|
switch (props.density) {
|
|
47
|
-
case
|
|
47
|
+
case _.default.DENSITIES.LARGE:
|
|
48
48
|
{
|
|
49
49
|
// 40 px avatar + 8px(message.header) + 16px(mr)
|
|
50
50
|
return '64px';
|
|
51
51
|
}
|
|
52
|
-
case
|
|
52
|
+
case _.default.DENSITIES.COMPACT:
|
|
53
53
|
{
|
|
54
54
|
// 20px avatar plus space.300 margin plus space.400 margin
|
|
55
55
|
return '40px';
|
|
56
56
|
}
|
|
57
|
-
case
|
|
57
|
+
case _.default.DENSITIES.CONDENSED:
|
|
58
58
|
{
|
|
59
59
|
// 24px avatar plus space.200 margin plus space.350 margin
|
|
60
60
|
return '40px';
|
|
61
61
|
}
|
|
62
|
-
case
|
|
62
|
+
case _.default.DENSITIES.SMALL:
|
|
63
63
|
default:
|
|
64
64
|
{
|
|
65
65
|
// 32px avatar plus space.300 margin plus space.400 margin
|
|
@@ -70,10 +70,10 @@ var getContentPadding = function getContentPadding(props) {
|
|
|
70
70
|
var messagePadding = function messagePadding(_ref) {
|
|
71
71
|
var density = _ref.density,
|
|
72
72
|
theme = _ref.theme;
|
|
73
|
-
if (density ===
|
|
73
|
+
if (density === _.default.DENSITIES.CONDENSED) {
|
|
74
74
|
return 0;
|
|
75
75
|
}
|
|
76
|
-
if (density ===
|
|
76
|
+
if (density === _.default.DENSITIES.COMPACT) {
|
|
77
77
|
return theme.space[300];
|
|
78
78
|
}
|
|
79
79
|
return theme.space[400];
|
|
@@ -86,24 +86,24 @@ var MessageBody = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
|
86
86
|
}, function (props) {
|
|
87
87
|
return props.theme.fontFamily;
|
|
88
88
|
}, function (props) {
|
|
89
|
-
return props.density ===
|
|
89
|
+
return props.density === _.default.DENSITIES.COMPACT || props.density === _.default.DENSITIES.CONDENSED ? props.theme.typography[200] : props.theme.typography[300];
|
|
90
90
|
});
|
|
91
91
|
exports.MessageBody = MessageBody;
|
|
92
92
|
var MessageFooter = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
93
93
|
displayName: "styles__MessageFooter",
|
|
94
94
|
componentId: "sc-1ju6d1v-3"
|
|
95
95
|
})(["padding-bottom:", ";padding-left:", ";padding-right:", ";border-radius:0 0 ", " ", ";display:flex;justify-content:space-between;align-items:center;flex-wrap:", ";> :first-child{margin-left:-", ";}"], function (props) {
|
|
96
|
-
return props.density ===
|
|
96
|
+
return props.density === _.default.DENSITIES.CONDENSED ? 0 : props.theme.space[300];
|
|
97
97
|
}, function (props) {
|
|
98
98
|
return getContentPadding(props);
|
|
99
99
|
}, function (props) {
|
|
100
|
-
return props.density ===
|
|
100
|
+
return props.density === _.default.DENSITIES.CONDENSED ? 0 : props.theme.space[300];
|
|
101
101
|
}, function (props) {
|
|
102
102
|
return props.theme.radii.outer;
|
|
103
103
|
}, function (props) {
|
|
104
104
|
return props.theme.radii.outer;
|
|
105
105
|
}, function (props) {
|
|
106
|
-
return props.density ===
|
|
106
|
+
return props.density === _.default.DENSITIES.CONDENSED ? 'nowrap' : 'wrap';
|
|
107
107
|
}, function (props) {
|
|
108
108
|
return props.theme.space[350];
|
|
109
109
|
});
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
var React = _interopRequireWildcard(require("react"));
|
|
5
|
+
var _Box = _interopRequireDefault(require("../Box"));
|
|
6
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
7
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
8
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/commonjs/Modal/index.js
CHANGED
|
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
10
|
-
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
11
10
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
11
|
+
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
12
12
|
var _Text = _interopRequireDefault(require("../Text"));
|
|
13
13
|
var _styles = require("./styles");
|
|
14
14
|
var _excluded = ["title", "subtitle", "children", "bordered"],
|
|
@@ -73,9 +73,7 @@ var ModalFooter = function ModalFooter(props) {
|
|
|
73
73
|
ModalFooter.defaultProps = {
|
|
74
74
|
bg: 'container.background.base'
|
|
75
75
|
};
|
|
76
|
-
var ModalContent = /*#__PURE__*/React.forwardRef(
|
|
77
|
-
// $FlowIssue - upgrade v0.112.0
|
|
78
|
-
function (_ref, ref) {
|
|
76
|
+
var ModalContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
79
77
|
var children = _ref.children,
|
|
80
78
|
rest = _objectWithoutProperties(_ref, _excluded2);
|
|
81
79
|
var _useContext2 = (0, React.useContext)(ModalContext),
|
|
@@ -86,6 +84,7 @@ function (_ref, ref) {
|
|
|
86
84
|
ref: ref
|
|
87
85
|
}, rest), children);
|
|
88
86
|
});
|
|
87
|
+
|
|
89
88
|
/**
|
|
90
89
|
* The modal you want
|
|
91
90
|
*/
|
|
@@ -101,32 +100,35 @@ var Modal = function Modal(props) {
|
|
|
101
100
|
rest = _objectWithoutProperties(props, _excluded3);
|
|
102
101
|
var isCloseable = Boolean(onClose);
|
|
103
102
|
var appElement = appElementSelector && document ? document.querySelector(appElementSelector) : null;
|
|
104
|
-
return
|
|
105
|
-
|
|
106
|
-
ariaHideApp: !!appElement,
|
|
107
|
-
isOpen: isOpen,
|
|
108
|
-
contentLabel: label,
|
|
109
|
-
onRequestClose: onClose || function () {},
|
|
110
|
-
shouldFocusAfterRender: true,
|
|
111
|
-
shouldCloseOnOverlayClick: isCloseable,
|
|
112
|
-
shouldCloseOnEsc: isCloseable,
|
|
113
|
-
shouldReturnFocusAfterClose: true,
|
|
114
|
-
closeTimeoutMS: 200,
|
|
115
|
-
role: "dialog",
|
|
116
|
-
width: width,
|
|
117
|
-
zIndex: zIndex,
|
|
118
|
-
data: {
|
|
119
|
-
'qa-modal': '',
|
|
120
|
-
'qa-modal-isopen': isOpen
|
|
121
|
-
}
|
|
103
|
+
return (
|
|
104
|
+
/*#__PURE__*/
|
|
122
105
|
// $FlowIssue - upgrade v0.112.0
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
106
|
+
React.createElement(_styles.Container, _extends({
|
|
107
|
+
appElement: appElement,
|
|
108
|
+
ariaHideApp: !!appElement,
|
|
109
|
+
isOpen: isOpen,
|
|
110
|
+
contentLabel: label,
|
|
111
|
+
onRequestClose: onClose || function () {},
|
|
112
|
+
shouldFocusAfterRender: true,
|
|
113
|
+
shouldCloseOnOverlayClick: isCloseable,
|
|
114
|
+
shouldCloseOnEsc: isCloseable,
|
|
115
|
+
shouldReturnFocusAfterClose: true,
|
|
116
|
+
closeTimeoutMS: 200,
|
|
117
|
+
role: "dialog",
|
|
118
|
+
width: width,
|
|
119
|
+
zIndex: zIndex,
|
|
120
|
+
data: {
|
|
121
|
+
'qa-modal': '',
|
|
122
|
+
'qa-modal-isopen': isOpen
|
|
123
|
+
}
|
|
124
|
+
}, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.Body, null), /*#__PURE__*/React.createElement(ModalContext.Provider, {
|
|
125
|
+
value: {
|
|
126
|
+
onClose: onClose,
|
|
127
|
+
closeButtonLabel: closeButtonLabel,
|
|
128
|
+
label: label
|
|
129
|
+
}
|
|
130
|
+
}, children)))
|
|
131
|
+
);
|
|
130
132
|
};
|
|
131
133
|
Modal.Header = ModalHeader;
|
|
132
134
|
Modal.Footer = ModalFooter;
|
package/commonjs/Modal/styles.js
CHANGED
|
@@ -9,8 +9,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
10
10
|
var _styledSystem = require("styled-system");
|
|
11
11
|
var _reactModal = _interopRequireDefault(require("react-modal"));
|
|
12
|
-
var _Box = _interopRequireDefault(require("../Box"));
|
|
13
12
|
var _systemProps = require("../utils/system-props");
|
|
13
|
+
var _Box = _interopRequireDefault(require("../Box"));
|
|
14
14
|
var _excluded = ["className"];
|
|
15
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -32,12 +32,15 @@ function ReactModalAdapter(_ref) {
|
|
|
32
32
|
var overlayClassName = (className || '').split(' ').map(function (className) {
|
|
33
33
|
return "".concat(className, " ").concat(className, "__Overlay");
|
|
34
34
|
}).join(' ');
|
|
35
|
-
return
|
|
36
|
-
|
|
37
|
-
className: contentClassName,
|
|
38
|
-
overlayClassName: overlayClassName
|
|
35
|
+
return (
|
|
36
|
+
/*#__PURE__*/
|
|
39
37
|
// $FlowIssue
|
|
40
|
-
|
|
38
|
+
_react.default.createElement(_reactModal.default, _extends({
|
|
39
|
+
portalClassName: className,
|
|
40
|
+
className: contentClassName,
|
|
41
|
+
overlayClassName: overlayClassName
|
|
42
|
+
}, props))
|
|
43
|
+
);
|
|
41
44
|
}
|
|
42
45
|
var Body = (0, _styledComponents.createGlobalStyle)([".ReactModal__Body--open{overflow:hidden;}"]);
|
|
43
46
|
exports.Body = Body;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _lruMemoize = _interopRequireDefault(require("lru-memoize"));
|
|
10
|
-
var
|
|
10
|
+
var _constants = require("../utils/constants");
|
|
11
11
|
var _Tooltip = _interopRequireDefault(require("../Tooltip"));
|
|
12
|
-
var
|
|
13
|
-
var
|
|
12
|
+
var _constants2 = require("./constants");
|
|
13
|
+
var _styles = require("./styles");
|
|
14
14
|
var _excluded = ["number", "locale", "format", "currency", "abbreviate", "precision", "qa"];
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -30,7 +30,7 @@ var _getNumberFormatters = function _getNumberFormatters(options) {
|
|
|
30
30
|
currency = options.currency,
|
|
31
31
|
min = options.min,
|
|
32
32
|
max = options.max;
|
|
33
|
-
var compactPrecision = min === max ? min :
|
|
33
|
+
var compactPrecision = min === max ? min : _constants2.ABBREV_PRECISION;
|
|
34
34
|
var _currency = format === 'currency' ? currency : undefined;
|
|
35
35
|
var standard = {
|
|
36
36
|
style: format,
|
|
@@ -61,18 +61,17 @@ var _getNumberFormatters = function _getNumberFormatters(options) {
|
|
|
61
61
|
};
|
|
62
62
|
};
|
|
63
63
|
// Memoize to reduce the energy of creating new instances of Intl.NumberFormat
|
|
64
|
-
|
|
65
|
-
var memoizer = (0, _lruMemoize.default)(_constants.MEMO_CACHE_SIZE, _constants.COMPARE_OBJECTS);
|
|
64
|
+
var memoizer = (0, _lruMemoize.default)(_constants2.MEMO_CACHE_SIZE, _constants2.COMPARE_OBJECTS);
|
|
66
65
|
var getNumberFormatters = memoizer(_getNumberFormatters);
|
|
67
66
|
var getThreshold = function getThreshold(abbreviate) {
|
|
68
67
|
if (typeof abbreviate === 'number') return Math.max(1000, abbreviate);
|
|
69
|
-
if (abbreviate) return
|
|
68
|
+
if (abbreviate) return _constants2.DEFAULT_THRESHOLD;
|
|
70
69
|
return Infinity;
|
|
71
70
|
};
|
|
72
71
|
var getMinMaxPrecision = function getMinMaxPrecision(precision, format) {
|
|
73
72
|
if (typeof precision === 'number') return [precision, precision];
|
|
74
|
-
if (precision === 'none') return [0,
|
|
75
|
-
return
|
|
73
|
+
if (precision === 'none') return [0, _constants2.MAX_PRECISION];
|
|
74
|
+
return _constants2.DefaultPrecisions[format];
|
|
76
75
|
};
|
|
77
76
|
var isValidNumber = function isValidNumber(value) {
|
|
78
77
|
return typeof value === 'number' && isFinite(value);
|
|
@@ -120,7 +119,7 @@ var Numeral = function Numeral(props) {
|
|
|
120
119
|
options = _normalizeArgs.options,
|
|
121
120
|
qa = _normalizeArgs.qa,
|
|
122
121
|
rest = _normalizeArgs.rest;
|
|
123
|
-
if (!isValidNumber(props.number)) return /*#__PURE__*/React.createElement(_styles.Container, qa,
|
|
122
|
+
if (!isValidNumber(props.number)) return /*#__PURE__*/React.createElement(_styles.Container, qa, _constants.EM_DASH);
|
|
124
123
|
var formatters = getNumberFormatters(options);
|
|
125
124
|
var fullText = formatters.standard.format(value);
|
|
126
125
|
if (canAbbreviate) {
|
|
@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactTestingLibrary = require("../../utils/react-testing-library");
|
|
10
|
-
require("
|
|
11
|
-
var _ = _interopRequireDefault(require(".."));
|
|
10
|
+
var _ = require("../..");
|
|
12
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
12
|
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
|
14
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -30,24 +29,24 @@ var testNumeral = function testNumeral(value) {
|
|
|
30
29
|
tooltipText = texts.tip;
|
|
31
30
|
if (tooltipText) {
|
|
32
31
|
test("Should display ".concat(value, " abbreviated as -> ").concat(mainText, " with tooltip -> ").concat(tooltipText, " "), /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
33
|
-
var _render, container,
|
|
32
|
+
var _render, container, numeral, tooltip, content;
|
|
34
33
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
35
34
|
while (1) {
|
|
36
35
|
switch (_context.prev = _context.next) {
|
|
37
36
|
case 0:
|
|
38
|
-
_render = (0, _reactTestingLibrary.render)( /*#__PURE__*/_react.default.createElement(_.
|
|
37
|
+
_render = (0, _reactTestingLibrary.render)( /*#__PURE__*/_react.default.createElement(_.Numeral, _extends({
|
|
39
38
|
number: value
|
|
40
|
-
}, options))), container = _render.container
|
|
41
|
-
numeral = getByText(mainText);
|
|
39
|
+
}, options))), container = _render.container;
|
|
40
|
+
numeral = _reactTestingLibrary.screen.getByText(mainText);
|
|
42
41
|
tooltip = container.querySelector('[data-qa-tooltip]');
|
|
43
42
|
_reactTestingLibrary.fireEvent.mouseOver(numeral);
|
|
44
43
|
_context.next = 6;
|
|
45
|
-
return findByText(tooltipText);
|
|
44
|
+
return _reactTestingLibrary.screen.findByText(tooltipText);
|
|
46
45
|
case 6:
|
|
47
46
|
content = _context.sent;
|
|
48
|
-
expect(numeral).
|
|
47
|
+
expect(numeral).toBeInTheDocument();
|
|
49
48
|
expect(tooltip).toBeTruthy();
|
|
50
|
-
expect(content).
|
|
49
|
+
expect(content).toBeInTheDocument();
|
|
51
50
|
case 10:
|
|
52
51
|
case "end":
|
|
53
52
|
return _context.stop();
|
|
@@ -57,14 +56,13 @@ var testNumeral = function testNumeral(value) {
|
|
|
57
56
|
})));
|
|
58
57
|
} else {
|
|
59
58
|
test("Should display ".concat(value, " as -> ").concat(mainText, " with no tooltip "), function () {
|
|
60
|
-
var _render2 = (0, _reactTestingLibrary.render)( /*#__PURE__*/_react.default.createElement(_.
|
|
59
|
+
var _render2 = (0, _reactTestingLibrary.render)( /*#__PURE__*/_react.default.createElement(_.Numeral, _extends({
|
|
61
60
|
number: value
|
|
62
61
|
}, options))),
|
|
63
|
-
container = _render2.container
|
|
64
|
-
|
|
65
|
-
var numeral = getByText(mainText);
|
|
62
|
+
container = _render2.container;
|
|
63
|
+
var numeral = _reactTestingLibrary.screen.getByText(mainText);
|
|
66
64
|
var tooltip = container.querySelector('[data-qa-tooltip]');
|
|
67
|
-
expect(numeral).
|
|
65
|
+
expect(numeral).toBeInTheDocument();
|
|
68
66
|
expect(tooltip).toBeFalsy();
|
|
69
67
|
});
|
|
70
68
|
}
|
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
9
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
9
|
var _reactVirtualized = require("react-virtualized");
|
|
11
10
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
11
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
16
|
var VirtualizedList = function VirtualizedList(_ref) {
|
|
17
17
|
var items = _ref.items,
|
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _reactVirtualized = require("react-virtualized");
|
|
9
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
11
|
var _systemProps = require("../utils/system-props");
|
|
11
|
-
var _reactVirtualized = require("react-virtualized");
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|