@sproutsocial/racine 20.0.0 → 20.2.0
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 +35 -0
- package/README.md +5 -5
- package/__flow__/Avatar/Avatar.flow.js +1 -0
- package/__flow__/Avatar/constants.flow.js +11 -0
- package/__flow__/Avatar/index.flow.js +2 -1
- package/__flow__/Menu/Menu.flow.js +3 -0
- package/__flow__/Popout/Popout.flow.js +5 -0
- package/__flow__/types/theme.colors.flow.js +14 -0
- package/commonjs/Avatar/Avatar.flow.js +1 -1
- package/commonjs/Avatar/Avatar.js +54 -30
- package/commonjs/Avatar/constants.flow.js +17 -0
- package/commonjs/Avatar/constants.js +17 -0
- package/commonjs/Avatar/index.flow.js +12 -1
- package/commonjs/Avatar/index.js +9 -1
- package/commonjs/Badge/Badge.flow.js +1 -1
- package/commonjs/Badge/Badge.js +1 -1
- package/commonjs/Banner/Banner.flow.js +1 -1
- package/commonjs/Banner/Banner.js +1 -1
- package/commonjs/Banner/styles.js +1 -1
- package/commonjs/Box/Box.flow.js +1 -1
- package/commonjs/Box/Box.js +1 -1
- package/commonjs/Breadcrumb/Breadcrumb.flow.js +1 -1
- package/commonjs/Breadcrumb/Breadcrumb.js +3 -3
- package/commonjs/Button/Button.flow.js +1 -1
- package/commonjs/Button/styles.js +1 -1
- package/commonjs/Card/Card.flow.js +1 -1
- package/commonjs/Card/Card.js +3 -3
- package/commonjs/Card/CardTypes.flow.js +1 -1
- package/commonjs/Card/subComponents.js +1 -1
- package/commonjs/Card/utils.js +1 -1
- package/commonjs/CharacterCounter/CharacterCounter.flow.js +1 -1
- package/commonjs/CharacterCounter/CharacterCounter.js +1 -1
- package/commonjs/CharacterCounter/styles.js +1 -1
- package/commonjs/ChartLegend/ChartLegend.flow.js +1 -1
- package/commonjs/ChartLegend/ChartLegend.js +1 -1
- package/commonjs/ChartLegend/styles.js +1 -1
- package/commonjs/Checkbox/Checkbox.flow.js +1 -1
- package/commonjs/Checkbox/Checkbox.js +1 -1
- package/commonjs/Checkbox/styles.js +1 -1
- package/commonjs/Collapsible/Collapsible.flow.js +1 -1
- package/commonjs/Collapsible/Collapsible.js +5 -5
- package/commonjs/DatePicker/DateRangePicker/DateRangePicker.flow.js +1 -1
- package/commonjs/DatePicker/DateRangePicker/DateRangePicker.js +27 -10
- package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.flow.js +1 -1
- package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.js +3 -3
- package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.flow.js +1 -1
- package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.js +21 -10
- package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.flow.js +1 -1
- package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js +3 -3
- package/commonjs/DatePicker/index.flow.js +1 -1
- package/commonjs/DatePicker/styles.js +1 -1
- package/commonjs/Drawer/Drawer.flow.js +1 -1
- package/commonjs/Drawer/Drawer.js +4 -4
- package/commonjs/Drawer/SlideTransition.js +1 -1
- package/commonjs/Drawer/styles.js +1 -1
- package/commonjs/EmptyState/EmptyState.flow.js +1 -1
- package/commonjs/EmptyState/EmptyState.js +2 -2
- package/commonjs/Fieldset/Fieldset.flow.js +1 -1
- package/commonjs/Fieldset/Fieldset.js +2 -2
- package/commonjs/Fieldset/styles.js +1 -1
- package/commonjs/FormField/FormField.flow.js +1 -1
- package/commonjs/FormField/FormField.js +3 -3
- package/commonjs/Icon/Icon.flow.js +1 -1
- package/commonjs/Icon/Icon.js +3 -3
- package/commonjs/Icon/index.flow.js +1 -1
- package/commonjs/Icon/styles.js +1 -1
- package/commonjs/Image/Image.flow.js +1 -1
- package/commonjs/Image/Image.js +1 -1
- package/commonjs/Image/styles.js +1 -1
- package/commonjs/Indicator/Indicator.flow.js +1 -1
- package/commonjs/Indicator/Indicator.js +1 -1
- package/commonjs/Input/Input.flow.js +1 -1
- package/commonjs/Input/Input.js +8 -4
- package/commonjs/Input/styles.js +1 -1
- package/commonjs/KeyboardKey/KeyboardKey.flow.js +1 -1
- package/commonjs/KeyboardKey/KeyboardKey.js +1 -1
- package/commonjs/Label/Label.flow.js +1 -1
- package/commonjs/Label/Label.js +1 -1
- package/commonjs/Link/Link.flow.js +1 -1
- package/commonjs/Link/Link.js +1 -1
- package/commonjs/Link/styles.js +1 -1
- package/commonjs/Listbox/Listbox.flow.js +1 -1
- package/commonjs/Listbox/Listbox.js +3 -3
- package/commonjs/Listbox/index.js +1 -1
- package/commonjs/Loader/Loader.flow.js +1 -1
- package/commonjs/Loader/Loader.js +1 -1
- package/commonjs/Loader/styles.js +1 -1
- package/commonjs/LoaderButton/LoaderButton.flow.js +1 -1
- package/commonjs/LoaderButton/LoaderButton.js +4 -5
- package/commonjs/Menu/Menu.flow.js +1 -1
- package/commonjs/Menu/Menu.js +51 -30
- package/commonjs/Menu/index.js +1 -1
- package/commonjs/Menu/styles.js +1 -1
- package/commonjs/Menu/utils/descendants.js +12 -6
- package/commonjs/Menu/utils/hooks.js +8 -2
- package/commonjs/Menu/utils/index.js +0 -11
- package/commonjs/Message/Message.flow.js +1 -1
- package/commonjs/Message/Message.js +1 -1
- package/commonjs/Modal/Modal.flow.js +1 -1
- package/commonjs/Modal/Modal.js +1 -1
- package/commonjs/Modal/styles.js +1 -1
- package/commonjs/Numeral/Numeral.flow.js +1 -1
- package/commonjs/Numeral/Numeral.js +3 -3
- package/commonjs/PartnerLogo/PartnerLogo.flow.js +1 -1
- package/commonjs/PartnerLogo/styles.js +1 -1
- package/commonjs/Popout/Popout.flow.js +1 -1
- package/commonjs/Popout/Popout.js +15 -10
- package/commonjs/Portal/Portal.flow.js +1 -1
- package/commonjs/Portal/Portal.js +1 -1
- package/commonjs/Radio/Radio.flow.js +1 -1
- package/commonjs/Radio/Radio.js +1 -1
- package/commonjs/Radio/styles.js +1 -1
- package/commonjs/SegmentedControl/SegmentedControl.flow.js +1 -1
- package/commonjs/SegmentedControl/SegmentedControl.js +3 -3
- package/commonjs/SegmentedControl/styles.js +1 -1
- package/commonjs/Select/Select.flow.js +1 -1
- package/commonjs/Select/Select.js +1 -1
- package/commonjs/Select/styles.js +1 -1
- package/commonjs/Skeleton/Skeleton.js +29 -5
- package/commonjs/SpotIllustration/SpotIllustration.flow.js +1 -1
- package/commonjs/SpotIllustration/SpotIllustration.js +2 -2
- package/commonjs/Stack/Stack.flow.js +1 -1
- package/commonjs/Stack/Stack.js +1 -1
- package/commonjs/StatefulStory.js +8 -2
- package/commonjs/Switch/Switch.flow.js +1 -1
- package/commonjs/Switch/Switch.js +1 -1
- package/commonjs/Switch/styles.js +1 -1
- package/commonjs/Table/Table.flow.js +1 -1
- package/commonjs/Table/Table.js +1 -1
- package/commonjs/TableCell/TableCell.flow.js +1 -1
- package/commonjs/TableCell/TableCell.js +1 -1
- package/commonjs/TableHeaderCell/TableHeaderCell.flow.js +1 -1
- package/commonjs/TableHeaderCell/TableHeaderCell.js +2 -1
- package/commonjs/TableHeaderCell/styles.js +1 -1
- package/commonjs/TableRowAccordion/TableRowAccordion.flow.js +1 -1
- package/commonjs/TableRowAccordion/TableRowAccordion.js +1 -1
- package/commonjs/TableRowAccordion/styles.js +1 -1
- package/commonjs/Tabs/Tabs.flow.js +1 -1
- package/commonjs/Tabs/Tabs.js +4 -4
- package/commonjs/Tabs/styles.js +1 -1
- package/commonjs/Text/Text.flow.js +1 -1
- package/commonjs/Text/Text.js +1 -1
- package/commonjs/Text/styles.js +1 -1
- package/commonjs/Textarea/Textarea.flow.js +1 -1
- package/commonjs/Textarea/Textarea.js +5 -2
- package/commonjs/Textarea/styles.js +1 -1
- package/commonjs/ThemeProvider/index.flow.js +1 -1
- package/commonjs/ThemeProvider/index.js +3 -1
- package/commonjs/Toast/Toast.flow.js +1 -1
- package/commonjs/Toast/Toast.js +1 -1
- package/commonjs/Toast/index.js +1 -1
- package/commonjs/Toast/styles.js +1 -2
- package/commonjs/ToggleHint/ToggleHint.flow.js +1 -1
- package/commonjs/ToggleHint/ToggleHint.js +1 -1
- package/commonjs/ToggleHint/styles.js +1 -1
- package/commonjs/Token/Token.flow.js +1 -1
- package/commonjs/Token/Token.js +1 -1
- package/commonjs/Token/index.js +1 -1
- package/commonjs/Token/styles.js +1 -1
- package/commonjs/TokenInput/TokenInput.flow.js +1 -1
- package/commonjs/TokenInput/TokenInput.js +4 -4
- package/commonjs/TokenInput/TokenScreenReaderStatus.js +4 -4
- package/commonjs/TokenInput/styles.js +1 -1
- package/commonjs/Tooltip/Tooltip.flow.js +1 -1
- package/commonjs/Tooltip/Tooltip.js +112 -46
- package/commonjs/VisuallyHidden/VisuallyHidden.flow.js +1 -1
- package/commonjs/index.flow.js +1 -1
- package/commonjs/systemProps/background.flow.js +1 -0
- package/commonjs/systemProps/border.flow.js +1 -0
- package/commonjs/systemProps/color.flow.js +1 -0
- package/commonjs/systemProps/custom.flow.js +1 -0
- package/commonjs/systemProps/flexbox.flow.js +1 -0
- package/commonjs/systemProps/grid.flow.js +1 -0
- package/commonjs/systemProps/index.js +2 -0
- package/commonjs/systemProps/layout.flow.js +1 -0
- package/commonjs/systemProps/position.flow.js +1 -0
- package/commonjs/systemProps/shadow.flow.js +1 -0
- package/commonjs/systemProps/space.flow.js +16 -1
- package/commonjs/systemProps/typography.flow.js +1 -0
- package/commonjs/systemProps/variant.flow.js +1 -0
- package/commonjs/themes/dark/decorative-palettes.js +1 -1
- package/commonjs/themes/dark/theme.js +19 -4
- package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +5 -4
- package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +5 -4
- package/commonjs/themes/light/decorative-palettes.js +1 -1
- package/commonjs/themes/light/theme.js +19 -4
- package/commonjs/types/shared.flow.js +1 -1
- package/commonjs/types/styled-components.flow.js +1 -1
- package/commonjs/utils/a11yTest.js +14 -16
- package/commonjs/utils/dataQaLabelQueries.js +2 -2
- package/commonjs/utils/hooks.flow.js +4 -2
- package/commonjs/utils/hooks.js +5 -5
- package/commonjs/utils/index.js +1 -1
- package/commonjs/utils/innerText.flow.js +1 -1
- package/commonjs/utils/react-testing-library.flow.js +1 -1
- package/commonjs/utils/react-testing-library.js +15 -13
- package/commonjs/utils/responsiveProps/index.js +2 -2
- package/commonjs/utils/system-props/system-props.js +1 -1
- package/commonjs/utils/use-measure.js +2 -2
- package/dist/themes/dark/theme.scss +14 -1
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +14 -1
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +14 -1
- package/dist/themes/light/theme.scss +14 -1
- package/dist/types/Avatar/Avatar.d.ts +4 -3
- package/dist/types/Avatar/Avatar.d.ts.map +1 -1
- package/dist/types/Avatar/AvatarTypes.d.ts +5 -2
- package/dist/types/Avatar/AvatarTypes.d.ts.map +1 -1
- package/dist/types/Avatar/constants.d.ts +11 -0
- package/dist/types/Avatar/constants.d.ts.map +1 -0
- package/dist/types/Avatar/index.d.ts +1 -0
- package/dist/types/Avatar/index.d.ts.map +1 -1
- package/dist/types/Badge/Badge.d.ts +2 -2
- package/dist/types/Badge/Badge.d.ts.map +1 -1
- package/dist/types/Badge/BadgeTypes.d.ts +1 -1
- package/dist/types/Badge/BadgeTypes.d.ts.map +1 -1
- package/dist/types/Banner/Banner.d.ts +2 -2
- package/dist/types/Banner/Banner.d.ts.map +1 -1
- package/dist/types/Banner/BannerTypes.d.ts +1 -1
- package/dist/types/Banner/BannerTypes.d.ts.map +1 -1
- package/dist/types/Banner/styles.d.ts +3 -3
- package/dist/types/Banner/styles.d.ts.map +1 -1
- package/dist/types/Breadcrumb/Breadcrumb.d.ts +3 -3
- package/dist/types/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/types/Button/Button.d.ts +2 -2
- package/dist/types/Button/Button.d.ts.map +1 -1
- package/dist/types/Button/ButtonTypes.d.ts +1 -1
- package/dist/types/Button/ButtonTypes.d.ts.map +1 -1
- package/dist/types/Card/Card.d.ts +2 -2
- package/dist/types/Card/Card.d.ts.map +1 -1
- package/dist/types/Card/CardTypes.d.ts +5 -5
- package/dist/types/Card/CardTypes.d.ts.map +1 -1
- package/dist/types/Card/styles.d.ts +4 -4
- package/dist/types/Card/subComponents.d.ts +6 -6
- package/dist/types/Card/subComponents.d.ts.map +1 -1
- package/dist/types/CharacterCounter/CharacterCounter.d.ts +1 -1
- package/dist/types/ChartLegend/ChartLegend.d.ts +2 -2
- package/dist/types/ChartLegend/ChartLegend.d.ts.map +1 -1
- package/dist/types/ChartLegend/ChartLegendTypes.d.ts +1 -1
- package/dist/types/ChartLegend/ChartLegendTypes.d.ts.map +1 -1
- package/dist/types/ChartLegend/useChartLabels.d.ts +2 -2
- package/dist/types/ChartLegend/useChartLabels.d.ts.map +1 -1
- package/dist/types/Checkbox/Checkbox.d.ts +1 -1
- package/dist/types/Checkbox/styles.d.ts +3 -3
- package/dist/types/Collapsible/Collapsible.d.ts +4 -4
- package/dist/types/Collapsible/Collapsible.d.ts.map +1 -1
- package/dist/types/DatePicker/DateRangePicker/DateRangePicker.d.ts +2 -2
- package/dist/types/DatePicker/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/types/DatePicker/DateRangePicker/DateRangePickerTypes.d.ts +4 -2
- package/dist/types/DatePicker/DateRangePicker/DateRangePickerTypes.d.ts.map +1 -1
- package/dist/types/DatePicker/DateRangePicker/StatefulDateRangePicker.d.ts +2 -2
- package/dist/types/DatePicker/DateRangePicker/StatefulDateRangePicker.d.ts.map +1 -1
- package/dist/types/DatePicker/SingleDatePicker/SingleDatePicker.d.ts.map +1 -1
- package/dist/types/DatePicker/SingleDatePicker/SingleDatePickerTypes.d.ts +2 -0
- package/dist/types/DatePicker/SingleDatePicker/SingleDatePickerTypes.d.ts.map +1 -1
- package/dist/types/DatePicker/SingleDatePicker/StatefulSingleDatePicker.d.ts +2 -2
- package/dist/types/DatePicker/SingleDatePicker/StatefulSingleDatePicker.d.ts.map +1 -1
- package/dist/types/DatePicker/common.d.ts +3 -3
- package/dist/types/DatePicker/common.d.ts.map +1 -1
- package/dist/types/Drawer/Drawer.d.ts +2 -2
- package/dist/types/Drawer/SlideTransition.d.ts +2 -2
- package/dist/types/Drawer/SlideTransition.d.ts.map +1 -1
- package/dist/types/EmptyState/EmptyState.d.ts +2 -2
- package/dist/types/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/types/EnumIllustrationNames.d.ts +1 -1
- package/dist/types/EnumIllustrationNames.d.ts.map +1 -1
- package/dist/types/EnumLogoNames.d.ts +1 -1
- package/dist/types/EnumLogoNames.d.ts.map +1 -1
- package/dist/types/Fieldset/Fieldset.d.ts +4 -4
- package/dist/types/Fieldset/Fieldset.d.ts.map +1 -1
- package/dist/types/FormField/FormField.d.ts +2 -2
- package/dist/types/FormField/FormField.d.ts.map +1 -1
- package/dist/types/Icon/Icon.d.ts +3 -3
- package/dist/types/Icon/Icon.d.ts.map +1 -1
- package/dist/types/Icon/IconTypes.d.ts +2 -2
- package/dist/types/Icon/IconTypes.d.ts.map +1 -1
- package/dist/types/Image/Image.d.ts +2 -2
- package/dist/types/Image/Image.d.ts.map +1 -1
- package/dist/types/Indicator/Indicator.d.ts +1 -1
- package/dist/types/Input/Input.d.ts +2 -2
- package/dist/types/KeyboardKey/KeyboardKey.d.ts +1 -1
- package/dist/types/Label/Label.d.ts +1 -1
- package/dist/types/Link/Link.d.ts +2 -2
- package/dist/types/Link/Link.d.ts.map +1 -1
- package/dist/types/Link/styles.d.ts +1 -1
- package/dist/types/Listbox/Listbox.d.ts +11 -11
- package/dist/types/Listbox/Listbox.d.ts.map +1 -1
- package/dist/types/Loader/Loader.d.ts +1 -1
- package/dist/types/LoaderButton/LoaderButton.d.ts +2 -2
- package/dist/types/LoaderButton/LoaderButton.d.ts.map +1 -1
- package/dist/types/Menu/Menu.d.ts +14 -14
- package/dist/types/Menu/Menu.d.ts.map +1 -1
- package/dist/types/Menu/MenuTypes.d.ts +4 -2
- package/dist/types/Menu/MenuTypes.d.ts.map +1 -1
- package/dist/types/Menu/utils/descendants.d.ts +3 -3
- package/dist/types/Menu/utils/descendants.d.ts.map +1 -1
- package/dist/types/Menu/utils/hooks.d.ts +1 -1
- package/dist/types/Menu/utils/hooks.d.ts.map +1 -1
- package/dist/types/Menu/utils/index.d.ts +0 -1
- package/dist/types/Menu/utils/index.d.ts.map +1 -1
- package/dist/types/Message/Message.d.ts +8 -8
- package/dist/types/Message/MessageTypes.d.ts +2 -2
- package/dist/types/Message/MessageTypes.d.ts.map +1 -1
- package/dist/types/Modal/Modal.d.ts +4 -4
- package/dist/types/Modal/styles.d.ts +1 -1
- package/dist/types/Modal/styles.d.ts.map +1 -1
- package/dist/types/Numeral/Numeral.d.ts +2 -2
- package/dist/types/Numeral/Numeral.d.ts.map +1 -1
- package/dist/types/Numeral/NumeralTypes.d.ts +1 -1
- package/dist/types/Numeral/NumeralTypes.d.ts.map +1 -1
- package/dist/types/Numeral/styles.d.ts +2 -2
- package/dist/types/PartnerLogo/PartnerLogo.d.ts +2 -2
- package/dist/types/PartnerLogo/PartnerLogo.d.ts.map +1 -1
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +3 -3
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
- package/dist/types/Popout/Popout.d.ts +3 -3
- package/dist/types/Popout/Popout.d.ts.map +1 -1
- package/dist/types/Popout/PopoutTypes.d.ts +5 -1
- package/dist/types/Popout/PopoutTypes.d.ts.map +1 -1
- package/dist/types/Radio/Radio.d.ts +1 -1
- package/dist/types/Radio/styles.d.ts +1 -1
- package/dist/types/SegmentedControl/SegmentedControl.d.ts +3 -3
- package/dist/types/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/types/SegmentedControl/styles.d.ts +1 -1
- package/dist/types/Select/Select.d.ts +1 -1
- package/dist/types/Skeleton/Skeleton.d.ts +3 -1
- package/dist/types/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/types/SpotIllustration/SpotIllustration.d.ts +2 -2
- package/dist/types/SpotIllustration/SpotIllustration.d.ts.map +1 -1
- package/dist/types/Stack/Stack.d.ts +2 -2
- package/dist/types/Stack/Stack.d.ts.map +1 -1
- package/dist/types/Stack/StackTypes.d.ts +3 -3
- package/dist/types/Stack/StackTypes.d.ts.map +1 -1
- package/dist/types/Switch/Switch.d.ts +2 -2
- package/dist/types/Switch/Switch.d.ts.map +1 -1
- package/dist/types/Table/Table.d.ts +8 -8
- package/dist/types/Table/Table.d.ts.map +1 -1
- package/dist/types/TableCell/TableCell.d.ts +1 -1
- package/dist/types/TableHeaderCell/TableHeaderCell.d.ts +2 -2
- package/dist/types/TableHeaderCell/TableHeaderCell.d.ts.map +1 -1
- package/dist/types/TableHeaderCell/TableHeaderCellTypes.d.ts +1 -1
- package/dist/types/TableHeaderCell/TableHeaderCellTypes.d.ts.map +1 -1
- package/dist/types/TableRowAccordion/TableRowAccordion.d.ts +1 -1
- package/dist/types/Tabs/Tabs.d.ts +2 -2
- package/dist/types/Tabs/Tabs.d.ts.map +1 -1
- package/dist/types/Tabs/styles.d.ts +2 -2
- package/dist/types/Tabs/styles.d.ts.map +1 -1
- package/dist/types/Text/Text.d.ts +2 -2
- package/dist/types/Text/Text.d.ts.map +1 -1
- package/dist/types/Textarea/Textarea.d.ts +2 -2
- package/dist/types/Textarea/Textarea.d.ts.map +1 -1
- package/dist/types/Textarea/TextareaTypes.d.ts +1 -1
- package/dist/types/Textarea/TextareaTypes.d.ts.map +1 -1
- package/dist/types/ThemeProvider/index.d.ts +3 -3
- package/dist/types/ThemeProvider/index.d.ts.map +1 -1
- package/dist/types/Toast/Toast.d.ts +2 -2
- package/dist/types/Toast/Toast.d.ts.map +1 -1
- package/dist/types/Toast/ToastTypes.d.ts +1 -1
- package/dist/types/Toast/ToastTypes.d.ts.map +1 -1
- package/dist/types/Toast/styles.d.ts +2 -2
- package/dist/types/ToggleHint/ToggleHint.d.ts +2 -2
- package/dist/types/ToggleHint/ToggleHint.d.ts.map +1 -1
- package/dist/types/Token/Token.d.ts +2 -2
- package/dist/types/Token/Token.d.ts.map +1 -1
- package/dist/types/TokenInput/TokenInput.d.ts +2 -2
- package/dist/types/TokenInput/TokenInput.d.ts.map +1 -1
- package/dist/types/Tooltip/Tooltip.d.ts +2 -2
- package/dist/types/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/Tooltip/TooltipTypes.d.ts +2 -0
- package/dist/types/Tooltip/TooltipTypes.d.ts.map +1 -1
- package/dist/types/themes/dark/theme.d.ts +13 -0
- package/dist/types/themes/dark/theme.d.ts.map +1 -1
- package/dist/types/themes/light/theme.d.ts +14 -1
- package/dist/types/themes/light/theme.d.ts.map +1 -1
- package/dist/types/types/shared.d.ts +3 -3
- package/dist/types/types/shared.d.ts.map +1 -1
- package/dist/types/types/system-props.d.ts +3 -3
- package/dist/types/types/system-props.d.ts.map +1 -1
- package/dist/types/types/theme.colors.d.ts +28 -15
- package/dist/types/types/theme.colors.d.ts.map +1 -1
- package/dist/types/types/theme.d.ts +13 -13
- package/dist/types/types/theme.d.ts.map +1 -1
- package/dist/types/utils/dataQaLabelQueries.d.ts +2 -2
- package/dist/types/utils/dataQaLabelQueries.d.ts.map +1 -1
- package/dist/types/utils/hooks.d.ts +6 -6
- package/dist/types/utils/hooks.d.ts.map +1 -1
- package/dist/types/utils/index.d.ts +1 -1
- package/dist/types/utils/index.d.ts.map +1 -1
- package/dist/types/utils/react-testing-library.d.ts +3 -123
- package/dist/types/utils/react-testing-library.d.ts.map +1 -1
- package/lib/Avatar/Avatar.js +51 -28
- package/lib/Avatar/constants.flow.js +10 -0
- package/lib/Avatar/constants.js +10 -0
- package/lib/Avatar/index.flow.js +2 -1
- package/lib/Avatar/index.js +2 -1
- package/lib/Breadcrumb/Breadcrumb.js +3 -3
- package/lib/Card/Card.js +2 -2
- package/lib/Card/utils.js +1 -1
- package/lib/CharacterCounter/CharacterCounter.js +1 -1
- package/lib/Checkbox/Checkbox.js +1 -1
- package/lib/Collapsible/Collapsible.js +5 -5
- package/lib/DatePicker/DateRangePicker/DateRangePicker.js +27 -10
- package/lib/DatePicker/DateRangePicker/StatefulDateRangePicker.js +2 -2
- package/lib/DatePicker/SingleDatePicker/SingleDatePicker.js +21 -10
- package/lib/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js +2 -2
- package/lib/Drawer/Drawer.js +3 -3
- package/lib/FormField/FormField.js +2 -2
- package/lib/Icon/Icon.flow.js +3 -1
- package/lib/Icon/Icon.js +3 -3
- package/lib/Image/Image.js +1 -1
- package/lib/Indicator/Indicator.js +1 -1
- package/lib/Input/Input.js +9 -4
- package/lib/KeyboardKey/KeyboardKey.js +1 -1
- package/lib/Label/Label.js +1 -1
- package/lib/Listbox/Listbox.js +3 -3
- package/lib/Loader/Loader.js +1 -1
- package/lib/LoaderButton/LoaderButton.js +3 -4
- package/lib/Menu/Menu.js +51 -30
- package/lib/Menu/utils/descendants.js +5 -5
- package/lib/Menu/utils/hooks.js +8 -2
- package/lib/Menu/utils/index.js +1 -2
- package/lib/Numeral/Numeral.js +2 -2
- package/lib/PartnerLogo/PartnerLogo.flow.js +5 -1
- package/lib/Popout/Popout.flow.js +3 -1
- package/lib/Popout/Popout.js +15 -10
- package/lib/Portal/Portal.js +1 -1
- package/lib/Radio/Radio.js +1 -1
- package/lib/SegmentedControl/SegmentedControl.js +2 -2
- package/lib/Select/Select.js +1 -1
- package/lib/Skeleton/Skeleton.js +30 -5
- package/lib/StatefulStory.js +2 -2
- package/lib/TableCell/TableCell.flow.js +5 -1
- package/lib/TableCell/TableCell.js +1 -1
- package/lib/TableHeaderCell/TableHeaderCell.js +2 -1
- package/lib/TableRowAccordion/TableRowAccordion.js +1 -1
- package/lib/Tabs/Tabs.js +4 -4
- package/lib/Textarea/Textarea.js +5 -1
- package/lib/ThemeProvider/index.flow.js +3 -1
- package/lib/ThemeProvider/index.js +3 -0
- package/lib/ToggleHint/ToggleHint.js +1 -1
- package/lib/TokenInput/TokenInput.js +4 -4
- package/lib/TokenInput/TokenScreenReaderStatus.js +2 -2
- package/lib/Tooltip/Tooltip.js +112 -46
- package/lib/systemProps/background.flow.js +3 -0
- package/lib/systemProps/border.flow.js +3 -0
- package/lib/systemProps/color.flow.js +3 -0
- package/lib/systemProps/custom.flow.js +3 -0
- package/lib/systemProps/flexbox.flow.js +3 -0
- package/lib/systemProps/grid.flow.js +3 -0
- package/lib/systemProps/index.js +7 -1
- package/lib/systemProps/layout.flow.js +3 -0
- package/lib/systemProps/position.flow.js +3 -0
- package/lib/systemProps/shadow.flow.js +3 -0
- package/lib/systemProps/space.flow.js +16 -0
- package/lib/systemProps/typography.flow.js +3 -0
- package/lib/systemProps/variant.flow.js +3 -0
- package/lib/themes/dark/decorative-palettes.js +1 -1
- package/lib/themes/dark/theme.js +16 -3
- package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +3 -3
- package/lib/themes/extendedThemes/sproutTheme/light/theme.js +3 -3
- package/lib/themes/light/decorative-palettes.js +1 -1
- package/lib/themes/light/theme.js +16 -4
- package/lib/utils/a11yTest.js +13 -15
- package/lib/utils/dataQaLabelQueries.js +2 -2
- package/lib/utils/hooks.flow.js +2 -3
- package/lib/utils/hooks.js +5 -5
- package/lib/utils/index.js +1 -1
- package/lib/utils/react-testing-library.js +15 -13
- package/lib/utils/responsiveProps/index.js +2 -2
- package/lib/utils/use-measure.js +2 -2
- package/package.json +47 -42
- package/commonjs/Menu/utils/names.js +0 -8
- package/dist/types/Menu/utils/names.d.ts +0 -2
- package/dist/types/Menu/utils/names.d.ts.map +0 -1
- package/lib/Menu/utils/names.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var _excluded = ["context", "element"],
|
|
2
2
|
_excluded2 = ["element"];
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
5
5
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
6
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
@@ -8,13 +8,13 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
|
|
|
8
8
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
9
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
10
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
12
|
-
function _iterableToArrayLimit(
|
|
11
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
12
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
13
13
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
14
|
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; }
|
|
15
15
|
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; }
|
|
16
|
-
function ownKeys(
|
|
17
|
-
function _objectSpread(
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
18
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
19
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
20
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
package/lib/Menu/utils/hooks.js
CHANGED
|
@@ -15,7 +15,8 @@ export var MenuContext = /*#__PURE__*/createContext({
|
|
|
15
15
|
selectionIndex: 0,
|
|
16
16
|
filterQuery: '',
|
|
17
17
|
filteredItems: null,
|
|
18
|
-
isFilterInputFocused: false
|
|
18
|
+
isFilterInputFocused: false,
|
|
19
|
+
isFooterFocused: false
|
|
19
20
|
},
|
|
20
21
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
21
22
|
setState: function setState() {},
|
|
@@ -58,7 +59,8 @@ export function useMenuKeyDown() {
|
|
|
58
59
|
filterQuery = _useContext$state.filterQuery,
|
|
59
60
|
selectionIndex = _useContext$state.selectionIndex,
|
|
60
61
|
filteredItems = _useContext$state.filteredItems,
|
|
61
|
-
isFilterInputFocused = _useContext$state.isFilterInputFocused
|
|
62
|
+
isFilterInputFocused = _useContext$state.isFilterInputFocused,
|
|
63
|
+
isFooterFocused = _useContext$state.isFooterFocused;
|
|
62
64
|
var _useContext2 = useContext(MenuButtonContext),
|
|
63
65
|
closePopout = _useContext2.closePopout,
|
|
64
66
|
closeOnItemClick = _useContext2.closeOnItemClick;
|
|
@@ -114,6 +116,10 @@ export function useMenuKeyDown() {
|
|
|
114
116
|
activeDescendent: items[selectionIndex],
|
|
115
117
|
handleKeyDown: wrapEvent(function (event) {
|
|
116
118
|
var key = event.key;
|
|
119
|
+
// Do not trigger key events for the selected item if the footer is focused
|
|
120
|
+
if (isFooterFocused) {
|
|
121
|
+
return;
|
|
122
|
+
}
|
|
117
123
|
switch (key) {
|
|
118
124
|
case ' ':
|
|
119
125
|
if (isFilterInputFocused) {
|
package/lib/Menu/utils/index.js
CHANGED
package/lib/Numeral/Numeral.js
CHANGED
|
@@ -3,8 +3,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
5
5
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
7
|
-
function _iterableToArrayLimit(
|
|
6
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
7
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
8
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
9
9
|
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; }
|
|
10
10
|
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; }
|
package/lib/Popout/Popout.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
var _excluded = ["isOpen", "setIsOpen", "content", "children", "placement", "fullWidth", "zIndex", "focusOnContent", "onOpen", "onClose", "qa", "popperProps", "scheduleUpdateRef", "appendToBody", "focusLockProps", "color", "aria-haspopup"],
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
var _excluded = ["isOpen", "setIsOpen", "content", "children", "placement", "fullWidth", "zIndex", "focusOnContent", "onOpen", "onClose", "qa", "popperProps", "scheduleUpdateRef", "appendToBody", "focusLockProps", "color", "aria-haspopup", "disableWrapperAria", "id"],
|
|
3
3
|
_excluded2 = ["autoFocus", "returnFocus"],
|
|
4
4
|
_excluded3 = ["children"];
|
|
5
5
|
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); }
|
|
6
|
-
function ownKeys(
|
|
7
|
-
function _objectSpread(
|
|
6
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
8
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
9
9
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
10
10
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
11
11
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
12
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
13
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
15
|
-
function _iterableToArrayLimit(
|
|
14
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
15
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
16
16
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
17
|
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; }
|
|
18
18
|
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; }
|
|
@@ -87,6 +87,9 @@ export function Popout(_ref) {
|
|
|
87
87
|
focusLockProps = _ref$focusLockProps === void 0 ? {} : _ref$focusLockProps,
|
|
88
88
|
color = _ref.color,
|
|
89
89
|
ariaHasPopup = _ref['aria-haspopup'],
|
|
90
|
+
_ref$disableWrapperAr = _ref.disableWrapperAria,
|
|
91
|
+
disableWrapperAria = _ref$disableWrapperAr === void 0 ? false : _ref$disableWrapperAr,
|
|
92
|
+
id = _ref.id,
|
|
90
93
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
91
94
|
var PopoutComponentWrapper = appendToBody ? Portal : React.Fragment;
|
|
92
95
|
var _useState = useState(false),
|
|
@@ -181,13 +184,13 @@ export function Popout(_ref) {
|
|
|
181
184
|
// eslint-disable-next-line
|
|
182
185
|
[isShown]);
|
|
183
186
|
var transitions = useTransition(isShown, null, transitionConfig);
|
|
184
|
-
// WAI-Aria properties for the popout trigger
|
|
187
|
+
// WAI-Aria properties for the popout trigger, disabled if necessary
|
|
185
188
|
var ariaProps = useMemo(function () {
|
|
186
|
-
return {
|
|
189
|
+
return disableWrapperAria ? {} : {
|
|
187
190
|
'aria-expanded': isShown,
|
|
188
191
|
'aria-haspopup': ariaHasPopup ? ariaHasPopup : true
|
|
189
192
|
};
|
|
190
|
-
}, [isShown, ariaHasPopup]);
|
|
193
|
+
}, [isShown, ariaHasPopup, disableWrapperAria]);
|
|
191
194
|
|
|
192
195
|
// In cases where a controlled popout is used (e.g. props.isOpen is true), we need
|
|
193
196
|
// to wait for the targetRef to receive a value before rendering the popout. Otherwise,
|
|
@@ -213,7 +216,9 @@ export function Popout(_ref) {
|
|
|
213
216
|
show: show,
|
|
214
217
|
hide: hide,
|
|
215
218
|
ariaProps: ariaProps
|
|
216
|
-
}) : /*#__PURE__*/React.createElement(TargetWrapper, _extends({}, qa,
|
|
219
|
+
}) : /*#__PURE__*/React.createElement(TargetWrapper, _extends({}, qa, {
|
|
220
|
+
id: id
|
|
221
|
+
}, rest, {
|
|
217
222
|
ref: childrenRef
|
|
218
223
|
}), /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, ariaProps), !isControlled ? {
|
|
219
224
|
onClick: toggle
|
package/lib/Portal/Portal.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _typeof(
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
2
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
3
3
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
4
4
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
package/lib/Radio/Radio.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var _excluded = ["id", "value", "name", "label", "checked", "disabled", "onChange", "onFocus", "onBlur", "ariaLabel", "qa", "color"];
|
|
2
|
-
function _typeof(
|
|
2
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
3
|
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); }
|
|
4
4
|
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; }
|
|
5
5
|
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; }
|
|
@@ -4,8 +4,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
4
4
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5
5
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
6
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
7
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
8
|
-
function _iterableToArrayLimit(
|
|
7
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
8
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
9
9
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
10
10
|
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; }
|
|
11
11
|
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; }
|
package/lib/Select/Select.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var _excluded = ["id", "name", "children", "defaultValue", "value", "required", "isInvalid", "onChange", "autoFocus", "disabled", "ariaLabel", "ariaDescribedby", "size", "qa", "inputProps"];
|
|
2
|
-
function _typeof(
|
|
2
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
3
|
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); }
|
|
4
4
|
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; }
|
|
5
5
|
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; }
|
package/lib/Skeleton/Skeleton.js
CHANGED
|
@@ -1,12 +1,37 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { transparentize } from 'polished';
|
|
3
2
|
import Box from "../Box";
|
|
4
|
-
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
*
|
|
6
|
+
* @param borderRadius
|
|
7
|
+
* @returns classname string for handling appropriate loader style depending on passed in properties
|
|
8
|
+
*/
|
|
9
|
+
var SkeletonAttrs = function SkeletonAttrs(_ref) {
|
|
10
|
+
var borderRadius = _ref.borderRadius,
|
|
11
|
+
height = _ref.height,
|
|
12
|
+
width = _ref.width;
|
|
13
|
+
return {
|
|
14
|
+
className: borderRadius === 'pill' && height === width ? 'circular' : 'linear'
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
var Skeleton = styled(Box).attrs(SkeletonAttrs).withConfig({
|
|
5
18
|
displayName: "Skeleton",
|
|
6
19
|
componentId: "sc-s6hpnd-0"
|
|
7
|
-
})(["background:", ";background-image:", ";background-size:400%;background-repeat:no-repeat;animation:SkeletonShimmer
|
|
20
|
+
})(["position:relative;background:", ";overflow:hidden;&.circular{&:before{position:absolute;top:-25%;left:-25%;content:'';background-image:", ";height:150%;width:150%;animation:SkeletonRotate 2s infinite linear;}&:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:'';height:calc(100% - 8px);width:calc(100% - 8px);background:", ";border-radius:50%;}}&.linear{position:relative;background-image:", " background-size:400%;background-repeat:no-repeat;animation:SkeletonShimmer 2s linear infinite reverse;overflow:hidden;&:after{position:absolute;bottom:0;content:\"\";height:calc(100% - 4px);width:100%;background:", ";}}@media (prefers-reduced-motion){&.linear,&.circular::before{animation:none;}&:before,&:after{display:none;}&.linear,&.circular{border:1px solid ", ";animation:SkeletonPulse 2s linear infinite alternate;}}@keyframes SkeletonRotate{100%{transform:rotate(360deg);}}@keyframes SkeletonRotateFade{50%{transform:rotate(360deg);}90%{opacity:1;}100%{transform:rotate(720deg);opacity:0;}}@keyframes SkeletonShimmer{0%{background-position:0% 0;}100%{background-position:100% 0;}}@keyframes SkeletonPulse{0%{border-color:", "FF;}100%{border-color:", "1A;}}"], function (props) {
|
|
21
|
+
return props.theme.colors.container.background.decorative.neutral;
|
|
22
|
+
}, function (props) {
|
|
23
|
+
return "conic-gradient(\n ".concat(props.theme.colors.container.background.decorative.neutral, " 270deg,\n ").concat(props.theme.colors.container.border.decorative.neutral, " 300deg\n );");
|
|
24
|
+
}, function (p) {
|
|
8
25
|
return p.theme.colors.app.background.base;
|
|
9
26
|
}, function (props) {
|
|
10
|
-
return "linear-gradient(\n 288deg,\n ".concat(
|
|
27
|
+
return "linear-gradient(\n 288deg,\n ".concat(props.theme.colors.container.background.decorative.neutral, " 32%,\n ").concat(props.theme.colors.container.border.decorative.neutral, ",\n ").concat(props.theme.colors.container.background.decorative.neutral, " 68%\n );");
|
|
28
|
+
}, function (props) {
|
|
29
|
+
return props.theme.colors.container.background.decorative.neutral;
|
|
30
|
+
}, function (props) {
|
|
31
|
+
return props.theme.colors.container.border.decorative.neutral;
|
|
32
|
+
}, function (props) {
|
|
33
|
+
return props.theme.colors.container.border.decorative.neutral;
|
|
34
|
+
}, function (props) {
|
|
35
|
+
return props.theme.colors.container.border.decorative.neutral;
|
|
11
36
|
});
|
|
12
|
-
export default Skeleton;
|
|
37
|
+
export default Skeleton;
|
package/lib/StatefulStory.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
3
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
5
|
-
function _iterableToArrayLimit(
|
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import { useState } from 'react';
|
|
8
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _typeof(
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
2
|
var _excluded = ["id", "content", "colSpan", "width", "align", "children", "color"];
|
|
3
3
|
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); }
|
|
4
4
|
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; }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var _excluded = ["id", "content", "colSpan", "width", "align", "isSortable", "sortId", "sortDirection", "children", "shouldTruncate", "onSort", "onClick", "color"];
|
|
2
|
-
function _typeof(
|
|
2
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
3
|
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); }
|
|
4
4
|
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; }
|
|
5
5
|
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; }
|
|
@@ -44,6 +44,7 @@ export var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
|
|
|
44
44
|
"aria-label": ariaSortDirection
|
|
45
45
|
}));
|
|
46
46
|
});
|
|
47
|
+
// @ts-note: If this is set to an HTMLButtonElement event, then the `Container` freaks out
|
|
47
48
|
_defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
|
|
48
49
|
var _this$props = _this.props,
|
|
49
50
|
onClick = _this$props.onClick,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var _excluded = ["id", "cells", "detail", "onToggle", "isExpanded", "color"];
|
|
2
|
-
function _typeof(
|
|
2
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
3
|
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); }
|
|
4
4
|
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; }
|
|
5
5
|
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; }
|
package/lib/Tabs/Tabs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var _excluded = ["children", "id"],
|
|
2
2
|
_excluded2 = ["children", "qa", "onSelect"];
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
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); }
|
|
5
5
|
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; }
|
|
6
6
|
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; }
|
|
@@ -37,21 +37,21 @@ var TabItemButton = /*#__PURE__*/function (_React$Component) {
|
|
|
37
37
|
key: "componentDidMount",
|
|
38
38
|
value: function componentDidMount() {
|
|
39
39
|
var _this$context$onTabMo, _this$context;
|
|
40
|
-
(_this$context$onTabMo = (_this$context = this.context).onTabMount) === null || _this$context$onTabMo === void 0
|
|
40
|
+
(_this$context$onTabMo = (_this$context = this.context).onTabMount) === null || _this$context$onTabMo === void 0 || _this$context$onTabMo.call(_this$context, this.props.id, this.buttonRef);
|
|
41
41
|
}
|
|
42
42
|
}, {
|
|
43
43
|
key: "componentDidUpdate",
|
|
44
44
|
value: function componentDidUpdate(prevProps) {
|
|
45
45
|
if (prevProps.id !== this.props.id) {
|
|
46
46
|
var _this$context$onTabUp, _this$context2;
|
|
47
|
-
(_this$context$onTabUp = (_this$context2 = this.context).onTabUpdate) === null || _this$context$onTabUp === void 0
|
|
47
|
+
(_this$context$onTabUp = (_this$context2 = this.context).onTabUpdate) === null || _this$context$onTabUp === void 0 || _this$context$onTabUp.call(_this$context2, prevProps.id, this.props.id);
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
}, {
|
|
51
51
|
key: "componentWillUnmount",
|
|
52
52
|
value: function componentWillUnmount() {
|
|
53
53
|
var _this$context$onTabUn, _this$context3;
|
|
54
|
-
(_this$context$onTabUn = (_this$context3 = this.context).onTabUnmount) === null || _this$context$onTabUn === void 0
|
|
54
|
+
(_this$context$onTabUn = (_this$context3 = this.context).onTabUnmount) === null || _this$context$onTabUn === void 0 || _this$context$onTabUn.call(_this$context3, this.props.id);
|
|
55
55
|
}
|
|
56
56
|
}, {
|
|
57
57
|
key: "render",
|
package/lib/Textarea/Textarea.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var _excluded = ["autoFocus", "disabled", "readOnly", "isInvalid", "id", "name", "placeholder", "value", "enableSpellcheck", "enableResize", "required", "rows", "elemBefore", "elemAfter", "maxLength", "ariaLabel", "ariaDescribedby", "innerRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "color", "qa", "inputProps"];
|
|
2
|
-
function _typeof(
|
|
2
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
3
|
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); }
|
|
4
4
|
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; }
|
|
5
5
|
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; }
|
|
@@ -19,6 +19,10 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
19
19
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
20
20
|
import * as React from 'react';
|
|
21
21
|
import Container, { Accessory } from "./styles";
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated Use TypeTextareaProps from root instead
|
|
25
|
+
*/
|
|
22
26
|
var Textarea = /*#__PURE__*/function (_React$Component) {
|
|
23
27
|
_inherits(Textarea, _React$Component);
|
|
24
28
|
var _super = _createSuper(Textarea);
|
|
@@ -2,6 +2,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { ThemeProvider as BaseThemeProvider } from 'styled-components';
|
|
4
4
|
import theme from "../themes/light/theme";
|
|
5
|
+
|
|
6
|
+
// We can append additional themes types here
|
|
7
|
+
|
|
5
8
|
var ThemeProvider = function ThemeProvider(props) {
|
|
6
9
|
return /*#__PURE__*/React.createElement(BaseThemeProvider, _extends({}, props, {
|
|
7
10
|
theme: props.theme || theme
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var _excluded = ["icon", "isOpen", "openString", "closeString", "qa", "className", "color"];
|
|
2
|
-
function _typeof(
|
|
2
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
3
|
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); }
|
|
4
4
|
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; }
|
|
5
5
|
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; }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var _excluded = ["autoFocus", "autocomplete", "disabled", "isInvalid", "hasWarning", "id", "name", "placeholder", "required", "elemBefore", "elemAfter", "maxLength", "ariaDescribedby", "ariaLabel", "innerRef", "value", "onAddToken", "onRemoveToken", "onChangeTokens", "onClickToken", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "inputProps", "qa", "tokens"];
|
|
2
|
-
function _typeof(
|
|
2
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
3
|
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; }
|
|
4
4
|
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; }
|
|
5
5
|
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); }
|
|
@@ -39,14 +39,14 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
|
|
|
39
39
|
_this.setState({
|
|
40
40
|
value: value
|
|
41
41
|
});
|
|
42
|
-
onChange === null || onChange === void 0
|
|
42
|
+
onChange === null || onChange === void 0 || onChange(e, value);
|
|
43
43
|
});
|
|
44
44
|
_defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
|
|
45
45
|
var onFocus = _this.props.onFocus;
|
|
46
46
|
_this.setState({
|
|
47
47
|
hasFocus: true
|
|
48
48
|
});
|
|
49
|
-
onFocus === null || onFocus === void 0
|
|
49
|
+
onFocus === null || onFocus === void 0 || onFocus(e);
|
|
50
50
|
});
|
|
51
51
|
_defineProperty(_assertThisInitialized(_this), "handleBlur", function (e) {
|
|
52
52
|
var onBlur = _this.props.onBlur;
|
|
@@ -57,7 +57,7 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
|
|
|
57
57
|
});
|
|
58
58
|
_defineProperty(_assertThisInitialized(_this), "handleKeyUp", function (e) {
|
|
59
59
|
var _this$props$onKeyUp, _this$props;
|
|
60
|
-
(_this$props$onKeyUp = (_this$props = _this.props).onKeyUp) === null || _this$props$onKeyUp === void 0
|
|
60
|
+
(_this$props$onKeyUp = (_this$props = _this.props).onKeyUp) === null || _this$props$onKeyUp === void 0 || _this$props$onKeyUp.call(_this$props, e, e.currentTarget.value);
|
|
61
61
|
});
|
|
62
62
|
_defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
|
|
63
63
|
var onKeyDown = _this.props.onKeyDown;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
3
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
5
|
-
function _iterableToArrayLimit(
|
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
/* eslint-disable react/prop-types */
|
|
8
8
|
import React from 'react';
|