carbon-react 111.12.2 → 111.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/__internal__/DeprecationWarning.js +0 -2
- package/esm/__internal__/character-count/character-count.component.js +0 -2
- package/esm/__internal__/checkable-input/checkable-input.component.js +0 -5
- package/esm/__internal__/checkable-input/hidden-checkable-input.component.js +0 -11
- package/esm/__internal__/field-help/field-help.component.js +0 -2
- package/esm/__internal__/fieldset/fieldset.component.js +0 -3
- package/esm/__internal__/focus-trap/focus-trap-utils.js +6 -25
- package/esm/__internal__/focus-trap/focus-trap.component.js +7 -17
- package/esm/__internal__/form-field/form-field.component.js +0 -5
- package/esm/__internal__/full-screen-heading/full-screen-heading.component.js +0 -1
- package/esm/__internal__/input/input-presentation.component.js +0 -5
- package/esm/__internal__/input/input-presentation.style.js +0 -5
- package/esm/__internal__/input/input.component.js +2 -25
- package/esm/__internal__/input-behaviour/input-behaviour.component.js +2 -3
- package/esm/__internal__/input-behaviour/input-group-behaviour.component.js +0 -2
- package/esm/__internal__/input-behaviour/useInputBehaviour.js +2 -4
- package/esm/__internal__/input-icon-toggle/input-icon-toggle.component.js +0 -5
- package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js +0 -1
- package/esm/__internal__/label/label.component.js +0 -10
- package/esm/__internal__/popover/popover.component.js +0 -11
- package/esm/__internal__/radio-button-mapper/radio-button-mapper.component.js +0 -10
- package/esm/__internal__/sticky-footer/sticky-footer.component.js +0 -5
- package/esm/__internal__/utils/helpers/browser-type-check/index.js +0 -1
- package/esm/__internal__/utils/helpers/events/composedPath.js +1 -4
- package/esm/__internal__/utils/helpers/events/events.js +1 -16
- package/esm/__internal__/utils/helpers/guid/index.js +0 -1
- package/esm/__internal__/utils/helpers/tags/tags-specs/tags-specs.js +2 -3
- package/esm/__internal__/utils/helpers/tags/tags.js +0 -4
- package/esm/__internal__/utils/logger/index.js +1 -1
- package/esm/__internal__/validation-message/validation-message.component.js +0 -2
- package/esm/__internal__/validations/validation-icon.component.js +0 -8
- package/esm/__spec_helper__/enzyme-snapshot-helper.js +0 -5
- package/esm/__spec_helper__/expect.js +2 -5
- package/esm/__spec_helper__/mock-match-media.js +0 -3
- package/esm/__spec_helper__/mock-resize-observer.js +0 -2
- package/esm/__spec_helper__/test-utils.js +27 -62
- package/esm/components/accordion/accordion-group/accordion-group.component.js +0 -9
- package/esm/components/accordion/accordion.component.js +0 -7
- package/esm/components/action-popover/action-popover-item/action-popover-item.component.js +2 -21
- package/esm/components/action-popover/action-popover-menu/action-popover-menu.component.js +2 -7
- package/esm/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js +0 -3
- package/esm/components/action-popover/action-popover.component.js +4 -19
- package/esm/components/advanced-color-picker/advanced-color-picker.component.js +0 -19
- package/esm/components/alert/alert.component.js +0 -3
- package/esm/components/anchor-navigation/anchor-navigation.component.js +5 -14
- package/esm/components/badge/badge.component.js +0 -2
- package/esm/components/batch-selection/batch-selection.component.js +0 -6
- package/esm/components/box/box.config.js +0 -1
- package/esm/components/button/button-types.style.js +0 -2
- package/esm/components/button/button.component.js +0 -12
- package/esm/components/button/button.style.js +0 -8
- package/esm/components/button-bar/button-bar.component.js +2 -8
- package/esm/components/button-toggle/button-toggle-icon.component.js +0 -2
- package/esm/components/button-toggle/button-toggle-input.component.js +0 -6
- package/esm/components/button-toggle/button-toggle.component.js +0 -6
- package/esm/components/button-toggle-group/button-toggle-group.component.js +0 -3
- package/esm/components/carbon-provider/carbon-provider.component.js +0 -2
- package/esm/components/carbon-provider/top-modal-context.js +3 -7
- package/esm/components/card/card-column/card-column.component.js +0 -2
- package/esm/components/card/card-footer/card-footer.component.js +0 -3
- package/esm/components/card/card-row/card-row.component.js +0 -3
- package/esm/components/card/card.component.js +0 -8
- package/esm/components/carousel/carousel.component.js +0 -15
- package/esm/components/carousel/slide/slide.component.js +0 -3
- package/esm/components/carousel/slide/slide.style.js +2 -1
- package/esm/components/checkbox/checkbox-group.component.js +0 -3
- package/esm/components/checkbox/checkbox-svg.component.js +0 -2
- package/esm/components/checkbox/checkbox.component.js +0 -7
- package/esm/components/confirm/confirm.component.js +0 -38
- package/esm/components/content/content.component.js +0 -3
- package/esm/components/date/__internal__/date-formats/index.js +6 -19
- package/esm/components/date/__internal__/date-picker/date-picker.component.js +2 -15
- package/esm/components/date/__internal__/date-picker/day-picker.style.js +2 -2
- package/esm/components/date/__internal__/navbar/navbar.component.js +0 -2
- package/esm/components/date/__internal__/utils.js +1 -31
- package/esm/components/date/__internal__/weekday/weekday.component.js +0 -3
- package/esm/components/date/date.component.js +10 -54
- package/esm/components/date-range/date-range.component.js +14 -46
- package/esm/components/decimal/decimal.component.js +4 -29
- package/esm/components/definition-list/dd.component.js +0 -3
- package/esm/components/definition-list/dl.component.js +0 -8
- package/esm/components/definition-list/dt.component.js +0 -3
- package/esm/components/detail/detail.component.js +2 -8
- package/esm/components/dialog/dialog.component.js +0 -14
- package/esm/components/dialog/dialog.style.js +0 -2
- package/esm/components/dialog-full-screen/dialog-full-screen.component.js +0 -25
- package/esm/components/dismissible-box/dismissible-box.component.js +0 -3
- package/esm/components/draggable/draggable-container.component.js +4 -16
- package/esm/components/draggable/draggable-item.component.js +2 -11
- package/esm/components/drawer/drawer.component.js +0 -16
- package/esm/components/drawer/drawer.style.js +0 -7
- package/esm/components/duelling-picklist/duelling-picklist.component.js +2 -14
- package/esm/components/duelling-picklist/picklist/picklist.component.js +0 -7
- package/esm/components/duelling-picklist/picklist-divider/picklist-divider.component.js +0 -3
- package/esm/components/duelling-picklist/picklist-group/picklist-group.component.js +0 -7
- package/esm/components/duelling-picklist/picklist-item/picklist-item.component.js +0 -14
- package/esm/components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js +0 -2
- package/esm/components/fieldset/fieldset.component.js +0 -4
- package/esm/components/flat-table/flat-table-body/flat-table-body.component.js +0 -1
- package/esm/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js +0 -13
- package/esm/components/flat-table/flat-table-cell/flat-table-cell.component.js +0 -18
- package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js +0 -15
- package/esm/components/flat-table/flat-table-head/flat-table-head.component.js +4 -8
- package/esm/components/flat-table/flat-table-header/flat-table-header-utils.js +1 -4
- package/esm/components/flat-table/flat-table-header/flat-table-header.component.js +0 -13
- package/esm/components/flat-table/flat-table-row/__internal__/flat-table-row-draggable.component.js +0 -9
- package/esm/components/flat-table/flat-table-row/flat-table-row.component.js +0 -35
- package/esm/components/flat-table/flat-table-row/flat-table-row.style.js +2 -11
- package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.component.js +0 -15
- package/esm/components/flat-table/flat-table.component.js +2 -20
- package/esm/components/flat-table/flat-table.style.js +0 -3
- package/esm/components/flat-table/sort/sort.component.js +0 -7
- package/esm/components/form/__internal__/form-summary.component.js +0 -7
- package/esm/components/form/form.component.js +0 -3
- package/esm/components/form/form.style.js +2 -3
- package/esm/components/global-header/global-header.component.js +1 -6
- package/esm/components/grid/grid-container/grid-container.component.js +0 -6
- package/esm/components/grid/grid-item/grid-item.component.js +0 -6
- package/esm/components/grid/grid-item/grid-item.style.js +0 -14
- package/esm/components/grouped-character/grouped-character.component.js +3 -21
- package/esm/components/heading/heading.component.js +2 -9
- package/esm/components/help/help.component.js +0 -8
- package/esm/components/hr/hr.component.js +0 -5
- package/esm/components/i18n-provider/i18n-provider.component.js +0 -2
- package/esm/components/icon/icon-unicodes.js +2 -1
- package/esm/components/icon/icon.component.js +1 -12
- package/esm/components/icon/icon.style.js +0 -6
- package/esm/components/icon-button/icon-button.component.js +0 -4
- package/esm/components/image/image.component.js +0 -3
- package/esm/components/image/image.style.js +2 -1
- package/esm/components/inline-inputs/inline-inputs.component.js +0 -6
- package/esm/components/link/link.component.js +3 -12
- package/esm/components/link/link.style.js +0 -4
- package/esm/components/link-preview/__internal__/placeholder.component.js +0 -2
- package/esm/components/link-preview/link-preview.component.js +0 -7
- package/esm/components/loader/loader-square.style.js +0 -6
- package/esm/components/loader/loader.component.js +0 -3
- package/esm/components/loader-bar/loader-bar.component.js +0 -3
- package/esm/components/loader-bar/loader-bar.style.js +0 -4
- package/esm/components/menu/__internal__/keyboard-navigation/index.js +0 -9
- package/esm/components/menu/__internal__/spec-helper/index.js +0 -2
- package/esm/components/menu/__internal__/submenu/submenu.component.js +7 -59
- package/esm/components/menu/menu-full-screen/menu-full-screen.component.js +0 -8
- package/esm/components/menu/menu-item/menu-item.component.js +0 -35
- package/esm/components/menu/menu-segment-title/menu-segment-title.component.js +0 -1
- package/esm/components/menu/menu.component.js +0 -8
- package/esm/components/menu/menu.context.js +1 -3
- package/esm/components/menu/scrollable-block/scrollable-block.component.js +0 -9
- package/esm/components/message/message-content/message-content.component.js +0 -2
- package/esm/components/message/message.component.js +0 -5
- package/esm/components/message/type-icon/type-icon.component.js +0 -2
- package/esm/components/modal/__internal__/modal-manager.js +0 -24
- package/esm/components/modal/modal.component.js +0 -6
- package/esm/components/multi-action-button/multi-action-button.component.js +3 -20
- package/esm/components/navigation-bar/navigation-bar.component.js +0 -3
- package/esm/components/note/note.component.js +1 -10
- package/esm/components/number/number.component.js +2 -9
- package/esm/components/numeral-date/numeral-date.component.js +9 -22
- package/esm/components/pager/__internal__/pager-navigation-link.component.js +0 -11
- package/esm/components/pager/__internal__/pager-navigation.component.js +0 -22
- package/esm/components/pager/pager.component.js +0 -29
- package/esm/components/pages/page/page.component.js +0 -3
- package/esm/components/pages/pages.component.js +4 -14
- package/esm/components/pill/pill.component.js +0 -3
- package/esm/components/pill/pill.style.js +0 -4
- package/esm/components/pod/pod.component.js +4 -40
- package/esm/components/pod/pod.style.js +6 -8
- package/esm/components/popover-container/popover-container.component.js +2 -14
- package/esm/components/popover-container/popover-container.style.js +0 -3
- package/esm/components/portal/portal.js +2 -14
- package/esm/components/portrait/portrait-gravatar.component.js +0 -4
- package/esm/components/portrait/portrait-initials.component.js +10 -12
- package/esm/components/portrait/portrait.component.js +0 -10
- package/esm/components/portrait/portrait.style.js +3 -10
- package/esm/components/preview/__internal__/preview-placeholder.component.js +0 -3
- package/esm/components/preview/preview.component.js +0 -7
- package/esm/components/preview/preview.style.js +2 -1
- package/esm/components/profile/profile.component.js +0 -8
- package/esm/components/progress-tracker/progress-tracker.component.js +2 -24
- package/esm/components/progress-tracker/progress-tracker.style.js +0 -5
- package/esm/components/radio-button/radio-button-group.component.js +2 -27
- package/esm/components/radio-button/radio-button-svg.component.js +0 -2
- package/esm/components/radio-button/radio-button.component.js +6 -32
- package/esm/components/search/search.component.js +2 -21
- package/esm/components/select/__internal__/select-text/select-text.component.js +0 -13
- package/esm/components/select/filterable-select/filterable-select.component.js +8 -73
- package/esm/components/select/list-action-button/list-action-button.component.js +0 -4
- package/esm/components/select/multi-select/multi-select.component.js +15 -81
- package/esm/components/select/option/option.component.js +0 -12
- package/esm/components/select/option-group-header/option-group-header.component.js +0 -3
- package/esm/components/select/option-row/option-row.component.js +0 -9
- package/esm/components/select/select-list/select-list.component.js +2 -45
- package/esm/components/select/select-list/select-list.style.js +2 -1
- package/esm/components/select/select-list/update-list-scroll.js +0 -3
- package/esm/components/select/select-textbox/select-textbox.component.js +2 -41
- package/esm/components/select/simple-select/simple-select.component.js +2 -60
- package/esm/components/select/utils/get-next-child-by-text.js +0 -8
- package/esm/components/select/utils/get-next-index-by-key.js +0 -13
- package/esm/components/select/utils/highlight-part-of-text.js +0 -7
- package/esm/components/select/utils/is-expected-option.js +0 -4
- package/esm/components/select/utils/is-expected-value.js +0 -1
- package/esm/components/select/utils/with-filter.hoc.js +3 -29
- package/esm/components/settings-row/settings-row.component.js +2 -10
- package/esm/components/show-edit-pod/show-edit-pod.component.js +6 -43
- package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +0 -2
- package/esm/components/sidebar/sidebar.component.js +3 -4
- package/esm/components/simple-color-picker/color-sample-box/color-sample-box.component.js +1 -5
- package/esm/components/simple-color-picker/simple-color/simple-color.component.js +0 -7
- package/esm/components/simple-color-picker/simple-color-picker.component.js +8 -41
- package/esm/components/simple-color-picker/simple-color-picker.style.js +0 -2
- package/esm/components/simple-color-picker/tick-icon/tick-icon.style.js +4 -6
- package/esm/components/split-button/split-button.component.js +1 -20
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.js +0 -9
- package/esm/components/step-sequence/step-sequence.component.js +0 -3
- package/esm/components/switch/__internal__/switch-slider.component.js +0 -2
- package/esm/components/switch/switch.component.js +0 -7
- package/esm/components/tabs/__internal__/tab-title/tab-title.component.js +8 -19
- package/esm/components/tabs/__internal__/tabs-header/tabs-header.component.js +0 -2
- package/esm/components/tabs/__internal__/tabs-header/tabs-header.style.js +0 -3
- package/esm/components/tabs/tab/tab.component.js +8 -24
- package/esm/components/tabs/tabs.component.js +24 -54
- package/esm/components/text-editor/__internal__/decorators/link-decorator.js +10 -10
- package/esm/components/text-editor/__internal__/editor-counter/editor-counter.component.js +0 -6
- package/esm/components/text-editor/__internal__/editor-link/editor-link.component.js +2 -7
- package/esm/components/text-editor/__internal__/label-wrapper/label-wrapper.component.js +0 -3
- package/esm/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.js +0 -6
- package/esm/components/text-editor/__internal__/toolbar/toolbar.component.js +0 -10
- package/esm/components/text-editor/__internal__/utils/utils.js +9 -21
- package/esm/components/text-editor/text-editor.component.js +22 -53
- package/esm/components/textarea/textarea.component.js +6 -50
- package/esm/components/textbox/textbox.component.js +2 -9
- package/esm/components/tile/tile-footer/tile-footer.component.js +2 -5
- package/esm/components/tile/tile.component.js +0 -10
- package/esm/components/tile-select/__internal__/accordion/accordion.component.js +0 -2
- package/esm/components/tile-select/tile-select-group.component.js +2 -16
- package/esm/components/tile-select/tile-select.component.js +4 -33
- package/esm/components/toast/toast.component.js +0 -18
- package/esm/components/tooltip/tooltip-pointer.style.js +0 -2
- package/esm/components/tooltip/tooltip.component.js +0 -3
- package/esm/components/tooltip/tooltip.style.js +0 -6
- package/esm/components/typography/list.component.js +0 -7
- package/esm/components/typography/typography.component.js +0 -28
- package/esm/components/vertical-divider/vertical-divider.component.js +0 -3
- package/esm/hooks/__internal__/useCharacterCount/useCharacterCount.js +0 -4
- package/esm/hooks/__internal__/useClickAwayListener/useClickAwayListener.js +3 -2
- package/esm/hooks/__internal__/useFloating/useFloating.js +0 -6
- package/esm/hooks/__internal__/useIsStickyFooterForm/useIsStickyFooterForm.js +0 -1
- package/esm/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js +2 -16
- package/esm/hooks/__internal__/useModalManager/useModalManager.js +0 -4
- package/esm/hooks/__internal__/useResizeObserver/useResizeObserver.js +3 -8
- package/esm/hooks/__internal__/useScrollBlock/scroll-block-manager.js +6 -16
- package/esm/hooks/__internal__/useScrollBlock/useScrollBlock.js +11 -15
- package/esm/hooks/useMediaQuery/useMediaQuery.js +0 -2
- package/esm/locales/en-gb.js +1 -8
- package/esm/locales/pl-pl.js +1 -8
- package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -0
- package/esm/style/design-tokens/debug-theme.util.js +5 -9
- package/esm/style/design-tokens/generate-css-variables.util.js +1 -0
- package/esm/style/palette/index.js +2 -6
- package/esm/style/themes/aegean/aegean-theme.config.js +0 -3
- package/esm/style/themes/base/base-theme.config.js +2 -4
- package/esm/style/themes/base/index.js +4 -2
- package/esm/style/themes/mint/mint-theme.config.js +0 -3
- package/esm/style/themes/sage/index.js +4 -2
- package/esm/style/themes/test-utils.js +4 -4
- package/esm/style/utils/add-hex-symbols.js +0 -1
- package/esm/style/utils/at-opacity.js +0 -1
- package/esm/style/utils/color.js +3 -8
- package/esm/style/utils/filter-out-styled-system-spacing-props.js +0 -2
- package/esm/style/utils/filter-styled-system-padding-props.js +2 -1
- package/esm/style/utils/form-style-utils.js +0 -12
- package/esm/style/utils/get-color-value.js +0 -1
- package/esm/style/utils/get-rgb-values.js +1 -1
- package/esm/style/utils/merge-deep.js +1 -6
- package/esm/style/utils/mix.js +1 -7
- package/esm/style/utils/width.js +1 -0
- package/lib/__internal__/DeprecationWarning.js +0 -5
- package/lib/__internal__/character-count/character-count.component.js +0 -6
- package/lib/__internal__/character-count/character-count.style.js +0 -6
- package/lib/__internal__/character-count/index.js +0 -2
- package/lib/__internal__/checkable-input/checkable-input-svg-wrapper.style.js +0 -3
- package/lib/__internal__/checkable-input/checkable-input.component.js +0 -16
- package/lib/__internal__/checkable-input/checkable-input.style.js +0 -11
- package/lib/__internal__/checkable-input/hidden-checkable-input.component.js +0 -20
- package/lib/__internal__/checkable-input/hidden-checkable-input.style.js +0 -3
- package/lib/__internal__/checkable-input/index.js +0 -2
- package/lib/__internal__/field-help/field-help.component.js +0 -6
- package/lib/__internal__/field-help/field-help.style.js +0 -4
- package/lib/__internal__/field-help/index.js +0 -2
- package/lib/__internal__/fieldset/fieldset.component.js +0 -9
- package/lib/__internal__/fieldset/fieldset.style.js +0 -7
- package/lib/__internal__/fieldset/index.js +0 -2
- package/lib/__internal__/filter-object-properties/filter-object-properties.js +0 -1
- package/lib/__internal__/filter-object-properties/index.js +0 -2
- package/lib/__internal__/focus-trap/focus-trap-utils.js +6 -26
- package/lib/__internal__/focus-trap/focus-trap.component.js +4 -26
- package/lib/__internal__/focus-trap/index.js +0 -2
- package/lib/__internal__/form-field/form-field.component.js +0 -18
- package/lib/__internal__/form-field/form-field.style.js +0 -6
- package/lib/__internal__/form-field/index.js +0 -2
- package/lib/__internal__/full-screen-heading/full-screen-heading.component.js +0 -10
- package/lib/__internal__/full-screen-heading/full-screen-heading.style.js +0 -5
- package/lib/__internal__/full-screen-heading/index.js +0 -2
- package/lib/__internal__/i18n-context/index.js +0 -5
- package/lib/__internal__/input/index.js +0 -4
- package/lib/__internal__/input/input-presentation.component.js +0 -13
- package/lib/__internal__/input/input-presentation.style.js +0 -12
- package/lib/__internal__/input/input.component.js +2 -33
- package/lib/__internal__/input/input.style.js +0 -4
- package/lib/__internal__/input-behaviour/index.js +0 -2
- package/lib/__internal__/input-behaviour/input-behaviour.component.js +2 -12
- package/lib/__internal__/input-behaviour/input-group-behaviour.component.js +0 -8
- package/lib/__internal__/input-behaviour/useInputBehaviour.js +2 -5
- package/lib/__internal__/input-icon-toggle/index.js +0 -2
- package/lib/__internal__/input-icon-toggle/input-icon-toggle.component.js +0 -11
- package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +0 -7
- package/lib/__internal__/label/icon-wrapper.style.js +0 -5
- package/lib/__internal__/label/index.js +0 -2
- package/lib/__internal__/label/label.component.js +0 -22
- package/lib/__internal__/label/label.style.js +0 -4
- package/lib/__internal__/popover/index.js +0 -2
- package/lib/__internal__/popover/popover.component.js +0 -24
- package/lib/__internal__/popover/popover.style.js +0 -4
- package/lib/__internal__/radio-button-mapper/index.js +0 -2
- package/lib/__internal__/radio-button-mapper/radio-button-mapper.component.js +0 -15
- package/lib/__internal__/sticky-footer/index.js +0 -2
- package/lib/__internal__/sticky-footer/sticky-footer.component.js +0 -13
- package/lib/__internal__/sticky-footer/sticky-footer.style.js +0 -4
- package/lib/__internal__/tooltip-provider/index.js +0 -9
- package/lib/__internal__/utils/helpers/browser-type-check/index.js +0 -3
- package/lib/__internal__/utils/helpers/events/composedPath.js +0 -6
- package/lib/__internal__/utils/helpers/events/events.js +0 -18
- package/lib/__internal__/utils/helpers/events/index.js +0 -2
- package/lib/__internal__/utils/helpers/guid/index.js +0 -3
- package/lib/__internal__/utils/helpers/tags/index.js +0 -2
- package/lib/__internal__/utils/helpers/tags/tags-specs/index.js +0 -1
- package/lib/__internal__/utils/helpers/tags/tags-specs/tags-specs.js +2 -5
- package/lib/__internal__/utils/helpers/tags/tags.js +0 -5
- package/lib/__internal__/utils/helpers/useUniqueId/index.js +0 -5
- package/lib/__internal__/utils/logger/index.js +1 -2
- package/lib/__internal__/validation-message/index.js +0 -2
- package/lib/__internal__/validation-message/validation-message.component.js +0 -6
- package/lib/__internal__/validation-message/validation-message.style.js +0 -4
- package/lib/__internal__/validations/index.js +0 -2
- package/lib/__internal__/validations/validation-icon.component.js +0 -18
- package/lib/__internal__/validations/validation-icon.style.js +0 -8
- package/lib/__spec_helper__/enzyme-snapshot-helper.js +0 -6
- package/lib/__spec_helper__/expect.js +2 -8
- package/lib/__spec_helper__/index.js +0 -4
- package/lib/__spec_helper__/mock-match-media.js +0 -7
- package/lib/__spec_helper__/mock-resize-observer.js +0 -3
- package/lib/__spec_helper__/test-utils.js +28 -87
- package/lib/components/accordion/accordion-group/accordion-group.component.js +0 -20
- package/lib/components/accordion/accordion.component.js +0 -19
- package/lib/components/accordion/accordion.style.js +0 -9
- package/lib/components/accordion/index.js +0 -3
- package/lib/components/action-popover/action-popover-context.js +0 -4
- package/lib/components/action-popover/action-popover-divider/action-popover-divider.component.js +0 -2
- package/lib/components/action-popover/action-popover-item/action-popover-item.component.js +2 -34
- package/lib/components/action-popover/action-popover-menu/action-popover-menu.component.js +2 -22
- package/lib/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js +0 -8
- package/lib/components/action-popover/action-popover.component.js +4 -35
- package/lib/components/action-popover/action-popover.style.js +0 -10
- package/lib/components/action-popover/index.js +0 -6
- package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js +0 -4
- package/lib/components/advanced-color-picker/advanced-color-picker.component.js +0 -30
- package/lib/components/advanced-color-picker/advanced-color-picker.style.js +0 -14
- package/lib/components/advanced-color-picker/index.js +0 -2
- package/lib/components/alert/alert.component.js +0 -7
- package/lib/components/alert/index.js +0 -2
- package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js +0 -6
- package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +0 -4
- package/lib/components/anchor-navigation/anchor-navigation.component.js +5 -27
- package/lib/components/anchor-navigation/anchor-navigation.style.js +0 -3
- package/lib/components/anchor-navigation/anchor-section-divider.component.js +0 -3
- package/lib/components/anchor-navigation/index.js +0 -4
- package/lib/components/badge/badge.component.js +0 -6
- package/lib/components/badge/badge.style.js +0 -6
- package/lib/components/badge/index.js +0 -2
- package/lib/components/batch-selection/batch-selection.component.js +0 -11
- package/lib/components/batch-selection/batch-selection.style.js +0 -7
- package/lib/components/batch-selection/index.js +0 -2
- package/lib/components/box/box.component.js +0 -9
- package/lib/components/box/box.config.js +0 -3
- package/lib/components/box/index.js +0 -2
- package/lib/components/button/button-types.style.js +0 -6
- package/lib/components/button/button.component.js +0 -29
- package/lib/components/button/button.style.js +0 -16
- package/lib/components/button/index.js +0 -3
- package/lib/components/button-bar/button-bar.component.js +2 -18
- package/lib/components/button-bar/button-bar.style.js +0 -8
- package/lib/components/button-bar/index.js +0 -2
- package/lib/components/button-toggle/button-toggle-icon.component.js +0 -7
- package/lib/components/button-toggle/button-toggle-input.component.js +0 -15
- package/lib/components/button-toggle/button-toggle.component.js +0 -17
- package/lib/components/button-toggle/button-toggle.style.js +0 -6
- package/lib/components/button-toggle/index.js +0 -2
- package/lib/components/button-toggle-group/button-toggle-group.component.js +0 -18
- package/lib/components/button-toggle-group/button-toggle-group.style.js +0 -7
- package/lib/components/button-toggle-group/index.js +0 -2
- package/lib/components/carbon-provider/carbon-provider.component.js +0 -12
- package/lib/components/carbon-provider/index.js +0 -2
- package/lib/components/carbon-provider/top-modal-context.js +3 -13
- package/lib/components/card/card-column/card-column.component.js +0 -6
- package/lib/components/card/card-column/card-column.style.js +0 -3
- package/lib/components/card/card-column/index.js +0 -2
- package/lib/components/card/card-footer/card-footer.component.js +0 -8
- package/lib/components/card/card-footer/card-footer.style.js +0 -7
- package/lib/components/card/card-footer/index.js +0 -2
- package/lib/components/card/card-row/card-row.component.js +0 -8
- package/lib/components/card/card-row/card-row.style.js +0 -7
- package/lib/components/card/card-row/index.js +0 -2
- package/lib/components/card/card.component.js +0 -19
- package/lib/components/card/card.style.js +0 -7
- package/lib/components/card/index.js +0 -5
- package/lib/components/carousel/carousel.component.js +0 -24
- package/lib/components/carousel/carousel.style.js +0 -8
- package/lib/components/carousel/index.js +0 -3
- package/lib/components/carousel/slide/index.js +0 -2
- package/lib/components/carousel/slide/slide.component.js +0 -8
- package/lib/components/carousel/slide/slide.style.js +2 -5
- package/lib/components/carousel/slide.config.js +0 -2
- package/lib/components/checkbox/checkbox-group.component.js +0 -13
- package/lib/components/checkbox/checkbox-group.style.js +0 -10
- package/lib/components/checkbox/checkbox-svg.component.js +0 -6
- package/lib/components/checkbox/checkbox.component.js +0 -19
- package/lib/components/checkbox/checkbox.style.js +0 -13
- package/lib/components/checkbox/index.js +0 -3
- package/lib/components/confirm/confirm.component.js +0 -51
- package/lib/components/confirm/confirm.style.js +0 -8
- package/lib/components/confirm/index.js +0 -2
- package/lib/components/content/content.component.js +0 -7
- package/lib/components/content/content.style.js +0 -6
- package/lib/components/content/index.js +0 -2
- package/lib/components/date/__internal__/date-formats/index.js +6 -19
- package/lib/components/date/__internal__/date-picker/date-picker.component.js +2 -31
- package/lib/components/date/__internal__/date-picker/day-picker.style.js +0 -5
- package/lib/components/date/__internal__/date-picker/index.js +0 -2
- package/lib/components/date/__internal__/navbar/button.style.js +0 -3
- package/lib/components/date/__internal__/navbar/index.js +0 -2
- package/lib/components/date/__internal__/navbar/navbar.component.js +0 -8
- package/lib/components/date/__internal__/navbar/navbar.style.js +0 -3
- package/lib/components/date/__internal__/utils.js +1 -42
- package/lib/components/date/__internal__/weekday/abbr.style.js +0 -3
- package/lib/components/date/__internal__/weekday/index.js +0 -2
- package/lib/components/date/__internal__/weekday/weekday.component.js +0 -8
- package/lib/components/date/__internal__/weekday/weekday.style.js +0 -3
- package/lib/components/date/date.component.js +10 -71
- package/lib/components/date/date.style.js +0 -8
- package/lib/components/date/index.js +0 -2
- package/lib/components/date-range/date-range.component.js +14 -63
- package/lib/components/date-range/date-range.context.js +0 -4
- package/lib/components/date-range/date-range.style.js +0 -8
- package/lib/components/date-range/index.js +0 -2
- package/lib/components/decimal/decimal.component.js +4 -38
- package/lib/components/decimal/index.js +0 -2
- package/lib/components/definition-list/__internal__/dl.context.js +0 -4
- package/lib/components/definition-list/dd.component.js +0 -7
- package/lib/components/definition-list/definition-list.style.js +0 -8
- package/lib/components/definition-list/dl.component.js +0 -20
- package/lib/components/definition-list/dt.component.js +0 -10
- package/lib/components/definition-list/index.js +0 -4
- package/lib/components/detail/detail.component.js +2 -17
- package/lib/components/detail/detail.style.js +0 -8
- package/lib/components/detail/index.js +0 -2
- package/lib/components/dialog/dialog.component.js +0 -32
- package/lib/components/dialog/dialog.style.js +0 -14
- package/lib/components/dialog/index.js +0 -2
- package/lib/components/dialog-full-screen/content.style.js +0 -5
- package/lib/components/dialog-full-screen/dialog-full-screen.component.js +0 -42
- package/lib/components/dialog-full-screen/dialog-full-screen.style.js +0 -11
- package/lib/components/dialog-full-screen/index.js +0 -2
- package/lib/components/dismissible-box/dismissible-box.component.js +0 -9
- package/lib/components/dismissible-box/dismissible-box.style.js +0 -7
- package/lib/components/dismissible-box/index.js +0 -2
- package/lib/components/draggable/draggable-container.component.js +4 -30
- package/lib/components/draggable/draggable-item.component.js +2 -19
- package/lib/components/draggable/draggable-item.style.js +0 -6
- package/lib/components/draggable/index.js +0 -3
- package/lib/components/drawer/drawer.component.js +0 -29
- package/lib/components/drawer/drawer.style.js +0 -15
- package/lib/components/drawer/index.js +0 -3
- package/lib/components/duelling-picklist/duelling-picklist.component.js +2 -26
- package/lib/components/duelling-picklist/duelling-picklist.context.js +0 -4
- package/lib/components/duelling-picklist/duelling-picklist.style.js +0 -6
- package/lib/components/duelling-picklist/index.js +0 -7
- package/lib/components/duelling-picklist/picklist/picklist.component.js +0 -25
- package/lib/components/duelling-picklist/picklist/picklist.style.js +0 -4
- package/lib/components/duelling-picklist/picklist-divider/picklist-divider.component.js +0 -6
- package/lib/components/duelling-picklist/picklist-divider/picklist-divider.style.js +0 -3
- package/lib/components/duelling-picklist/picklist-group/picklist-group.component.js +0 -22
- package/lib/components/duelling-picklist/picklist-group/picklist-group.style.js +0 -7
- package/lib/components/duelling-picklist/picklist-item/picklist-item.component.js +0 -25
- package/lib/components/duelling-picklist/picklist-item/picklist-item.style.js +0 -8
- package/lib/components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js +0 -6
- package/lib/components/fieldset/fieldset.component.js +0 -11
- package/lib/components/fieldset/fieldset.style.js +0 -9
- package/lib/components/fieldset/index.js +0 -2
- package/lib/components/flat-table/flat-table-body/flat-table-body.component.js +0 -6
- package/lib/components/flat-table/flat-table-body/index.js +0 -2
- package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js +0 -23
- package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +0 -4
- package/lib/components/flat-table/flat-table-body-draggable/index.js +0 -2
- package/lib/components/flat-table/flat-table-cell/flat-table-cell.component.js +0 -28
- package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js +0 -8
- package/lib/components/flat-table/flat-table-cell/index.js +0 -2
- package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js +0 -22
- package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +0 -6
- package/lib/components/flat-table/flat-table-checkbox/index.js +0 -2
- package/lib/components/flat-table/flat-table-head/flat-table-head.component.js +4 -15
- package/lib/components/flat-table/flat-table-head/flat-table-head.style.js +0 -6
- package/lib/components/flat-table/flat-table-head/index.js +0 -2
- package/lib/components/flat-table/flat-table-header/flat-table-header-utils.js +1 -5
- package/lib/components/flat-table/flat-table-header/flat-table-header.component.js +0 -23
- package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +0 -9
- package/lib/components/flat-table/flat-table-header/index.js +0 -2
- package/lib/components/flat-table/flat-table-row/__internal__/flat-table-row-draggable.component.js +0 -13
- package/lib/components/flat-table/flat-table-row/flat-table-row.component.js +0 -50
- package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +2 -23
- package/lib/components/flat-table/flat-table-row/index.js +0 -2
- package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.component.js +0 -25
- package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +0 -8
- package/lib/components/flat-table/flat-table-row-header/index.js +0 -2
- package/lib/components/flat-table/flat-table.component.js +2 -29
- package/lib/components/flat-table/flat-table.style.js +0 -17
- package/lib/components/flat-table/index.js +0 -11
- package/lib/components/flat-table/sort/index.js +0 -2
- package/lib/components/flat-table/sort/sort.component.js +0 -16
- package/lib/components/flat-table/sort/sort.style.js +0 -4
- package/lib/components/form/__internal__/form-summary.component.js +0 -15
- package/lib/components/form/__internal__/form-summary.style.js +0 -7
- package/lib/components/form/form.component.js +0 -12
- package/lib/components/form/form.style.js +2 -17
- package/lib/components/form/index.js +0 -2
- package/lib/components/global-header/global-header.component.js +1 -16
- package/lib/components/global-header/index.js +0 -2
- package/lib/components/grid/grid-container/grid-container.component.js +0 -10
- package/lib/components/grid/grid-container/grid-container.style.js +0 -4
- package/lib/components/grid/grid-container/index.js +0 -2
- package/lib/components/grid/grid-item/grid-item.component.js +0 -10
- package/lib/components/grid/grid-item/grid-item.style.js +0 -19
- package/lib/components/grid/grid-item/index.js +0 -2
- package/lib/components/grid/index.js +0 -3
- package/lib/components/grouped-character/grouped-character.component.js +3 -28
- package/lib/components/grouped-character/grouped-character.utils.js +0 -4
- package/lib/components/grouped-character/index.js +0 -2
- package/lib/components/heading/heading.component.js +2 -16
- package/lib/components/heading/heading.style.js +0 -13
- package/lib/components/heading/index.js +0 -2
- package/lib/components/help/help.component.js +0 -20
- package/lib/components/help/help.style.js +0 -8
- package/lib/components/help/index.js +0 -2
- package/lib/components/hr/hr.component.js +0 -10
- package/lib/components/hr/hr.style.js +0 -5
- package/lib/components/hr/index.js +0 -2
- package/lib/components/i18n-provider/i18n-provider.component.js +0 -8
- package/lib/components/i18n-provider/index.js +0 -2
- package/lib/components/icon/icon-unicodes.js +2 -1
- package/lib/components/icon/icon.component.js +1 -27
- package/lib/components/icon/icon.style.js +0 -18
- package/lib/components/icon/index.js +0 -2
- package/lib/components/icon-button/icon-button.component.js +0 -15
- package/lib/components/icon-button/icon-button.style.js +0 -8
- package/lib/components/icon-button/index.js +0 -2
- package/lib/components/image/image.component.js +0 -8
- package/lib/components/image/image.style.js +2 -7
- package/lib/components/image/index.js +0 -2
- package/lib/components/inline-inputs/index.js +0 -3
- package/lib/components/inline-inputs/inline-inputs.component.js +0 -17
- package/lib/components/inline-inputs/inline-inputs.style.js +0 -8
- package/lib/components/link/index.js +0 -2
- package/lib/components/link/link.component.js +3 -24
- package/lib/components/link/link.style.js +0 -11
- package/lib/components/link-preview/__internal__/placeholder.component.js +0 -6
- package/lib/components/link-preview/index.js +0 -2
- package/lib/components/link-preview/link-preview.component.js +0 -17
- package/lib/components/link-preview/link-preview.style.js +0 -6
- package/lib/components/loader/index.js +0 -2
- package/lib/components/loader/loader-square.style.js +0 -10
- package/lib/components/loader/loader.component.js +0 -9
- package/lib/components/loader/loader.style.js +0 -5
- package/lib/components/loader-bar/index.js +0 -2
- package/lib/components/loader-bar/loader-bar.component.js +0 -10
- package/lib/components/loader-bar/loader-bar.style.js +0 -10
- package/lib/components/menu/__internal__/keyboard-navigation/index.js +0 -11
- package/lib/components/menu/__internal__/spec-helper/index.js +0 -7
- package/lib/components/menu/__internal__/submenu/submenu.component.js +7 -80
- package/lib/components/menu/__internal__/submenu/submenu.context.js +0 -4
- package/lib/components/menu/__internal__/submenu/submenu.style.js +0 -12
- package/lib/components/menu/index.js +0 -7
- package/lib/components/menu/menu-divider/menu-divider.component.js +0 -10
- package/lib/components/menu/menu-divider/menu-divider.style.js +0 -6
- package/lib/components/menu/menu-full-screen/index.js +0 -2
- package/lib/components/menu/menu-full-screen/menu-full-screen.component.js +0 -23
- package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +0 -12
- package/lib/components/menu/menu-item/index.js +0 -2
- package/lib/components/menu/menu-item/menu-item.component.js +0 -52
- package/lib/components/menu/menu-item/menu-item.style.js +0 -8
- package/lib/components/menu/menu-segment-title/menu-segment-title.component.js +0 -11
- package/lib/components/menu/menu-segment-title/menu-segment-title.style.js +0 -6
- package/lib/components/menu/menu.component.js +0 -18
- package/lib/components/menu/menu.context.js +1 -7
- package/lib/components/menu/menu.style.js +0 -9
- package/lib/components/menu/scrollable-block/index.js +0 -2
- package/lib/components/menu/scrollable-block/scrollable-block.component.js +0 -19
- package/lib/components/menu/scrollable-block/scrollable-block.style.js +0 -7
- package/lib/components/message/index.js +0 -2
- package/lib/components/message/message-content/message-content.component.js +0 -7
- package/lib/components/message/message-content/message-content.style.js +0 -3
- package/lib/components/message/message.component.js +0 -16
- package/lib/components/message/message.style.js +0 -8
- package/lib/components/message/type-icon/type-icon.component.js +0 -7
- package/lib/components/message/type-icon/type-icon.style.js +0 -4
- package/lib/components/modal/__internal__/modal-manager.js +0 -25
- package/lib/components/modal/index.js +0 -3
- package/lib/components/modal/modal.component.js +0 -19
- package/lib/components/modal/modal.style.js +0 -6
- package/lib/components/multi-action-button/index.js +0 -2
- package/lib/components/multi-action-button/multi-action-button.component.js +3 -32
- package/lib/components/multi-action-button/multi-action-button.style.js +0 -9
- package/lib/components/navigation-bar/index.js +0 -2
- package/lib/components/navigation-bar/navigation-bar.component.js +0 -7
- package/lib/components/navigation-bar/navigation-bar.style.js +0 -6
- package/lib/components/note/__internal__/status-icon/index.js +0 -2
- package/lib/components/note/__internal__/status-icon/status-icon.component.js +0 -7
- package/lib/components/note/__internal__/status-icon/status-icon.style.js +0 -3
- package/lib/components/note/index.js +0 -2
- package/lib/components/note/note.component.js +1 -21
- package/lib/components/note/note.style.js +0 -8
- package/lib/components/number/index.js +0 -3
- package/lib/components/number/number.component.js +2 -14
- package/lib/components/numeral-date/index.js +0 -2
- package/lib/components/numeral-date/numeral-date-context.js +0 -4
- package/lib/components/numeral-date/numeral-date.component.js +9 -42
- package/lib/components/numeral-date/numeral-date.style.js +0 -9
- package/lib/components/pager/__internal__/pager-navigation-link.component.js +0 -18
- package/lib/components/pager/__internal__/pager-navigation.component.js +0 -34
- package/lib/components/pager/index.js +0 -2
- package/lib/components/pager/pager.component.js +0 -40
- package/lib/components/pager/pager.style.js +0 -10
- package/lib/components/pages/index.js +0 -3
- package/lib/components/pages/page/index.js +0 -2
- package/lib/components/pages/page/page.component.js +0 -14
- package/lib/components/pages/page/page.style.js +0 -5
- package/lib/components/pages/pages.component.js +4 -26
- package/lib/components/pages/pages.config.js +0 -2
- package/lib/components/pages/pages.style.js +0 -6
- package/lib/components/pill/index.js +0 -2
- package/lib/components/pill/pill.component.js +0 -10
- package/lib/components/pill/pill.style.config.js +0 -2
- package/lib/components/pill/pill.style.js +0 -15
- package/lib/components/pod/index.js +0 -2
- package/lib/components/pod/pod.component.js +4 -53
- package/lib/components/pod/pod.style.js +6 -19
- package/lib/components/popover-container/index.js +0 -2
- package/lib/components/popover-container/popover-container.component.js +2 -27
- package/lib/components/popover-container/popover-container.style.js +0 -10
- package/lib/components/portal/index.js +0 -2
- package/lib/components/portal/portal.js +2 -23
- package/lib/components/portrait/index.js +0 -2
- package/lib/components/portrait/portrait-gravatar.component.js +0 -10
- package/lib/components/portrait/portrait-initials.component.js +10 -20
- package/lib/components/portrait/portrait.component.js +0 -21
- package/lib/components/portrait/portrait.style.js +3 -19
- package/lib/components/preview/__internal__/preview-placeholder.component.js +0 -8
- package/lib/components/preview/__internal__/preview-placeholder.style.js +0 -4
- package/lib/components/preview/index.js +0 -2
- package/lib/components/preview/preview.component.js +0 -13
- package/lib/components/preview/preview.style.js +3 -6
- package/lib/components/profile/index.js +0 -2
- package/lib/components/profile/profile.component.js +0 -14
- package/lib/components/profile/profile.style.js +0 -7
- package/lib/components/progress-tracker/index.js +0 -2
- package/lib/components/progress-tracker/progress-tracker.component.js +2 -35
- package/lib/components/progress-tracker/progress-tracker.config.js +0 -1
- package/lib/components/progress-tracker/progress-tracker.style.js +0 -14
- package/lib/components/radio-button/index.js +0 -6
- package/lib/components/radio-button/radio-button-group.component.js +2 -39
- package/lib/components/radio-button/radio-button-group.style.js +0 -4
- package/lib/components/radio-button/radio-button-svg.component.js +0 -6
- package/lib/components/radio-button/radio-button.component.js +6 -48
- package/lib/components/radio-button/radio-button.style.js +0 -14
- package/lib/components/search/index.js +0 -2
- package/lib/components/search/search-button.style.js +0 -6
- package/lib/components/search/search.component.js +2 -34
- package/lib/components/search/search.style.js +0 -12
- package/lib/components/select/__internal__/select-list-context.js +0 -4
- package/lib/components/select/__internal__/select-text/select-text.component.js +0 -17
- package/lib/components/select/__internal__/select-text/select-text.style.js +0 -6
- package/lib/components/select/filterable-select/filterable-select.component.js +8 -91
- package/lib/components/select/index.js +0 -7
- package/lib/components/select/list-action-button/list-action-button.component.js +0 -12
- package/lib/components/select/list-action-button/list-action-button.style.js +0 -4
- package/lib/components/select/multi-select/multi-select.component.js +15 -102
- package/lib/components/select/multi-select/multi-select.style.js +0 -10
- package/lib/components/select/option/option.component.js +0 -21
- package/lib/components/select/option/option.style.js +0 -6
- package/lib/components/select/option-group-header/option-group-header.component.js +0 -8
- package/lib/components/select/option-group-header/option-group-header.style.js +0 -4
- package/lib/components/select/option-row/option-row.component.js +0 -18
- package/lib/components/select/option-row/option-row.style.js +0 -4
- package/lib/components/select/select-list/select-list-container.style.js +0 -4
- package/lib/components/select/select-list/select-list.component.js +2 -67
- package/lib/components/select/select-list/select-list.style.js +2 -5
- package/lib/components/select/select-list/update-list-scroll.js +0 -4
- package/lib/components/select/select-textbox/select-textbox.component.js +2 -53
- package/lib/components/select/select.style.js +0 -10
- package/lib/components/select/simple-select/simple-select.component.js +2 -78
- package/lib/components/select/utils/get-next-child-by-text.js +0 -9
- package/lib/components/select/utils/get-next-index-by-key.js +0 -14
- package/lib/components/select/utils/highlight-part-of-text.js +0 -11
- package/lib/components/select/utils/is-expected-option.js +0 -9
- package/lib/components/select/utils/is-expected-value.js +0 -2
- package/lib/components/select/utils/is-navigation-key.js +0 -1
- package/lib/components/select/utils/matching-text.style.js +0 -3
- package/lib/components/select/utils/with-filter.hoc.js +3 -43
- package/lib/components/settings-row/index.js +0 -2
- package/lib/components/settings-row/settings-row.component.js +2 -19
- package/lib/components/settings-row/settings-row.style.js +0 -8
- package/lib/components/show-edit-pod/index.js +0 -2
- package/lib/components/show-edit-pod/show-edit-pod.component.js +6 -58
- package/lib/components/show-edit-pod/show-edit-pod.style.js +0 -6
- package/lib/components/sidebar/__internal__/sidebar-header/index.js +0 -2
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +0 -6
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +0 -3
- package/lib/components/sidebar/index.js +0 -3
- package/lib/components/sidebar/sidebar.component.js +0 -26
- package/lib/components/sidebar/sidebar.style.js +0 -11
- package/lib/components/simple-color-picker/color-sample-box/color-sample-box.component.js +1 -11
- package/lib/components/simple-color-picker/color-sample-box/color-sample-box.style.js +0 -7
- package/lib/components/simple-color-picker/color-sample-box/index.js +0 -2
- package/lib/components/simple-color-picker/index.js +0 -3
- package/lib/components/simple-color-picker/simple-color/index.js +0 -2
- package/lib/components/simple-color-picker/simple-color/simple-color.component.js +0 -16
- package/lib/components/simple-color-picker/simple-color/simple-color.style.js +0 -3
- package/lib/components/simple-color-picker/simple-color-input/simple-color-input.style.js +0 -5
- package/lib/components/simple-color-picker/simple-color-picker.component.js +8 -59
- package/lib/components/simple-color-picker/simple-color-picker.style.js +0 -8
- package/lib/components/simple-color-picker/tick-icon/tick-icon.style.js +4 -12
- package/lib/components/split-button/index.js +0 -2
- package/lib/components/split-button/split-button-children.style.js +0 -7
- package/lib/components/split-button/split-button-toggle.style.js +0 -7
- package/lib/components/split-button/split-button.component.js +1 -40
- package/lib/components/split-button/split-button.style.js +0 -6
- package/lib/components/step-sequence/index.js +0 -3
- package/lib/components/step-sequence/step-sequence-item/index.js +0 -2
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js +0 -17
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +0 -6
- package/lib/components/step-sequence/step-sequence.component.js +0 -9
- package/lib/components/step-sequence/step-sequence.style.js +0 -6
- package/lib/components/switch/__internal__/switch-slider-panel.style.js +0 -7
- package/lib/components/switch/__internal__/switch-slider.component.js +0 -12
- package/lib/components/switch/__internal__/switch-slider.style.js +0 -7
- package/lib/components/switch/index.js +0 -2
- package/lib/components/switch/switch.component.js +0 -18
- package/lib/components/switch/switch.style.js +0 -14
- package/lib/components/tabs/__internal__/tab-title/index.js +0 -2
- package/lib/components/tabs/__internal__/tab-title/tab-title.component.js +8 -37
- package/lib/components/tabs/__internal__/tab-title/tab-title.style.js +0 -8
- package/lib/components/tabs/__internal__/tabs-header/index.js +0 -2
- package/lib/components/tabs/__internal__/tabs-header/tabs-header.component.js +0 -6
- package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.js +0 -8
- package/lib/components/tabs/index.js +0 -1
- package/lib/components/tabs/tab/index.js +0 -3
- package/lib/components/tabs/tab/tab.component.js +8 -35
- package/lib/components/tabs/tab/tab.style.js +0 -8
- package/lib/components/tabs/tabs.component.js +24 -75
- package/lib/components/tabs/tabs.style.js +0 -10
- package/lib/components/text-editor/__internal__/decorators/index.js +0 -5
- package/lib/components/text-editor/__internal__/decorators/link-decorator.js +10 -12
- package/lib/components/text-editor/__internal__/editor-counter/editor-counter.component.js +0 -11
- package/lib/components/text-editor/__internal__/editor-counter/editor-counter.style.js +0 -3
- package/lib/components/text-editor/__internal__/editor-counter/index.js +0 -2
- package/lib/components/text-editor/__internal__/editor-link/editor-link.component.js +2 -14
- package/lib/components/text-editor/__internal__/editor-link/editor-link.style.js +0 -4
- package/lib/components/text-editor/__internal__/editor-link/index.js +0 -2
- package/lib/components/text-editor/__internal__/label-wrapper/index.js +0 -2
- package/lib/components/text-editor/__internal__/label-wrapper/label-wrapper.component.js +0 -6
- package/lib/components/text-editor/__internal__/toolbar/index.js +0 -2
- package/lib/components/text-editor/__internal__/toolbar/toolbar-button/index.js +0 -2
- package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.js +0 -12
- package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.style.js +0 -6
- package/lib/components/text-editor/__internal__/toolbar/toolbar.component.js +0 -22
- package/lib/components/text-editor/__internal__/toolbar/toolbar.style.js +0 -4
- package/lib/components/text-editor/__internal__/utils/index.js +0 -1
- package/lib/components/text-editor/__internal__/utils/utils.js +9 -49
- package/lib/components/text-editor/index.js +0 -3
- package/lib/components/text-editor/text-editor.component.js +22 -76
- package/lib/components/text-editor/text-editor.style.js +0 -8
- package/lib/components/textarea/index.js +0 -2
- package/lib/components/textarea/textarea.component.js +6 -71
- package/lib/components/textarea/textarea.style.js +0 -10
- package/lib/components/textbox/__internal__/prefix.style.js +0 -3
- package/lib/components/textbox/index.js +0 -2
- package/lib/components/textbox/textbox.component.js +2 -28
- package/lib/components/textbox/textbox.style.js +0 -4
- package/lib/components/tile/index.js +0 -2
- package/lib/components/tile/tile-footer/index.js +0 -2
- package/lib/components/tile/tile-footer/tile-footer.component.js +2 -12
- package/lib/components/tile/tile-footer/tile-footer.style.js +0 -6
- package/lib/components/tile/tile.component.js +0 -16
- package/lib/components/tile/tile.style.js +0 -9
- package/lib/components/tile-select/__internal__/accordion/accordion.component.js +0 -9
- package/lib/components/tile-select/__internal__/accordion/accordion.style.js +0 -4
- package/lib/components/tile-select/__internal__/accordion/index.js +0 -2
- package/lib/components/tile-select/index.js +0 -3
- package/lib/components/tile-select/tile-select-group.component.js +2 -28
- package/lib/components/tile-select/tile-select.component.js +4 -48
- package/lib/components/tile-select/tile-select.style.js +0 -11
- package/lib/components/toast/index.js +0 -2
- package/lib/components/toast/toast.component.js +0 -34
- package/lib/components/toast/toast.style.js +0 -12
- package/lib/components/tooltip/index.js +0 -2
- package/lib/components/tooltip/tooltip-pointer.style.js +0 -8
- package/lib/components/tooltip/tooltip.component.js +0 -17
- package/lib/components/tooltip/tooltip.style.js +0 -13
- package/lib/components/typography/index.js +0 -3
- package/lib/components/typography/list.component.js +0 -11
- package/lib/components/typography/typography.component.js +0 -36
- package/lib/components/vertical-divider/index.js +0 -2
- package/lib/components/vertical-divider/vertical-divider.component.js +0 -10
- package/lib/components/vertical-divider/vertical-divider.style.js +0 -6
- package/lib/hooks/__internal__/useCharacterCount/index.js +0 -2
- package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.js +0 -10
- package/lib/hooks/__internal__/useClickAwayListener/index.js +0 -2
- package/lib/hooks/__internal__/useClickAwayListener/useClickAwayListener.js +0 -4
- package/lib/hooks/__internal__/useFloating/index.js +0 -2
- package/lib/hooks/__internal__/useFloating/useFloating.js +0 -8
- package/lib/hooks/__internal__/useInputAccessibility/index.js +0 -2
- package/lib/hooks/__internal__/useInputAccessibility/useInputAccessibility.js +0 -1
- package/lib/hooks/__internal__/useIsAboveBreakpoint/index.js +0 -2
- package/lib/hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js +0 -3
- package/lib/hooks/__internal__/useIsStickyFooterForm/index.js +0 -2
- package/lib/hooks/__internal__/useIsStickyFooterForm/useIsStickyFooterForm.js +0 -8
- package/lib/hooks/__internal__/useLocale/index.js +0 -2
- package/lib/hooks/__internal__/useLocale/useLocale.js +0 -4
- package/lib/hooks/__internal__/useMenuKeyboardNavigation/index.js +0 -2
- package/lib/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js +2 -23
- package/lib/hooks/__internal__/useModalManager/index.js +0 -2
- package/lib/hooks/__internal__/useModalManager/useModalManager.js +0 -9
- package/lib/hooks/__internal__/usePrevious/index.js +0 -2
- package/lib/hooks/__internal__/useResizeObserver/index.js +0 -2
- package/lib/hooks/__internal__/useResizeObserver/useResizeObserver.js +3 -10
- package/lib/hooks/__internal__/useScrollBlock/index.js +0 -2
- package/lib/hooks/__internal__/useScrollBlock/scroll-block-manager.js +6 -17
- package/lib/hooks/__internal__/useScrollBlock/useScrollBlock.js +8 -18
- package/lib/hooks/useMediaQuery/index.js +0 -2
- package/lib/hooks/useMediaQuery/useMediaQuery.js +0 -8
- package/lib/locales/date-fns-locales/index.js +0 -2
- package/lib/locales/en-gb.js +1 -9
- package/lib/locales/index.js +0 -3
- package/lib/locales/pl-pl.js +1 -9
- package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -5
- package/lib/style/design-tokens/carbon-scoped-tokens-provider/index.js +0 -2
- package/lib/style/design-tokens/debug-theme.util.js +5 -12
- package/lib/style/design-tokens/generate-css-variables.util.js +0 -2
- package/lib/style/global-style.js +0 -2
- package/lib/style/palette/index.js +2 -9
- package/lib/style/themes/aegean/aegean-theme.config.js +0 -5
- package/lib/style/themes/aegean/index.js +0 -5
- package/lib/style/themes/base/base-theme.config.js +2 -9
- package/lib/style/themes/base/index.js +4 -12
- package/lib/style/themes/index.js +0 -7
- package/lib/style/themes/medium/index.js +0 -3
- package/lib/style/themes/mint/index.js +0 -5
- package/lib/style/themes/mint/mint-theme.config.js +0 -5
- package/lib/style/themes/none/index.js +0 -5
- package/lib/style/themes/none/none-theme.config.js +0 -2
- package/lib/style/themes/sage/index.js +4 -6
- package/lib/style/themes/small/index.js +0 -3
- package/lib/style/themes/test-utils.js +4 -6
- package/lib/style/utils/add-hex-symbols.js +0 -3
- package/lib/style/utils/at-opacity.js +0 -3
- package/lib/style/utils/color.js +3 -14
- package/lib/style/utils/filter-out-position-props.js +0 -4
- package/lib/style/utils/filter-out-styled-system-spacing-props.js +0 -4
- package/lib/style/utils/filter-styled-system-margin-props.js +0 -4
- package/lib/style/utils/filter-styled-system-padding-props.js +2 -5
- package/lib/style/utils/form-style-utils.js +0 -18
- package/lib/style/utils/get-color-value.js +0 -5
- package/lib/style/utils/get-rgb-values.js +1 -2
- package/lib/style/utils/index.js +0 -4
- package/lib/style/utils/merge-deep.js +1 -7
- package/lib/style/utils/mix.js +1 -9
- package/lib/style/utils/shade.js +0 -4
- package/lib/style/utils/tint.js +0 -4
- package/lib/style/utils/width.js +0 -4
- package/package.json +1 -1
|
@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.ValidationIcon = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _invariant = _interopRequireDefault(require("invariant"));
|
|
13
|
-
|
|
14
10
|
var _icon = _interopRequireDefault(require("../../components/icon"));
|
|
15
|
-
|
|
16
11
|
var _validationIcon = _interopRequireDefault(require("./validation-icon.style"));
|
|
17
|
-
|
|
18
12
|
var _inputBehaviour = require("../input-behaviour");
|
|
19
|
-
|
|
20
13
|
var _utils = require("../../style/utils");
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
15
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
25
|
-
|
|
26
16
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
|
|
27
|
-
|
|
28
17
|
function _extends() { _extends = Object.assign || 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); }
|
|
29
|
-
|
|
30
18
|
const getValidationType = ({
|
|
31
19
|
error,
|
|
32
20
|
warning,
|
|
@@ -37,7 +25,6 @@ const getValidationType = ({
|
|
|
37
25
|
if (info) return "info";
|
|
38
26
|
return null;
|
|
39
27
|
};
|
|
40
|
-
|
|
41
28
|
const ValidationIcon = ({
|
|
42
29
|
error,
|
|
43
30
|
warning,
|
|
@@ -55,11 +42,9 @@ const ValidationIcon = ({
|
|
|
55
42
|
...rest
|
|
56
43
|
}) => {
|
|
57
44
|
const flipBehaviourCheck = Array.isArray(tooltipFlipOverrides) && tooltipFlipOverrides.every(override => ["bottom", "left", "right", "top"].includes(override));
|
|
58
|
-
|
|
59
45
|
if (tooltipFlipOverrides) {
|
|
60
46
|
!flipBehaviourCheck ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `The tooltipFlipOverrides prop supplied to ValidationIcon must be an array containing some or all of ["top", "bottom", "left", "right"].`) : (0, _invariant.default)(false) : void 0;
|
|
61
47
|
}
|
|
62
|
-
|
|
63
48
|
const {
|
|
64
49
|
hasFocus,
|
|
65
50
|
hasMouseOver
|
|
@@ -75,11 +60,9 @@ const ValidationIcon = ({
|
|
|
75
60
|
info
|
|
76
61
|
});
|
|
77
62
|
const validationMessage = error || warning || info;
|
|
78
|
-
|
|
79
63
|
if (typeof validationMessage !== "string" || !validationType) {
|
|
80
64
|
return null;
|
|
81
65
|
}
|
|
82
|
-
|
|
83
66
|
return /*#__PURE__*/_react.default.createElement(_validationIcon.default, _extends({
|
|
84
67
|
validationType: validationType,
|
|
85
68
|
onClick: onClick,
|
|
@@ -110,7 +93,6 @@ const ValidationIcon = ({
|
|
|
110
93
|
focusable: tabIndex !== -1
|
|
111
94
|
}));
|
|
112
95
|
};
|
|
113
|
-
|
|
114
96
|
exports.ValidationIcon = ValidationIcon;
|
|
115
97
|
ValidationIcon.propTypes = {
|
|
116
98
|
"error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
|
|
@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
|
-
|
|
10
8
|
var _styledSystem = require("styled-system");
|
|
11
|
-
|
|
12
9
|
var _base = _interopRequireDefault(require("../../style/themes/base"));
|
|
13
|
-
|
|
14
10
|
var _icon = _interopRequireDefault(require("../../components/icon/icon.style"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
19
|
-
|
|
20
13
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
|
|
21
|
-
|
|
22
14
|
const validationIconTypes = {
|
|
23
15
|
error: "var(--colorsSemanticNegative500)",
|
|
24
16
|
info: "var(--colorsSemanticInfo500)",
|
|
@@ -5,18 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.snapshotWithoutProps = snapshotWithoutProps;
|
|
7
7
|
exports.noThemeSnapshot = noThemeSnapshot;
|
|
8
|
-
|
|
9
8
|
var _enzymeToJson = _interopRequireDefault(require("enzyme-to-json"));
|
|
10
|
-
|
|
11
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
|
|
13
10
|
function snapshotWithoutProps(enzymeWrapper, propNames) {
|
|
14
11
|
let propNameList = propNames;
|
|
15
|
-
|
|
16
12
|
if (!Array.isArray(propNames)) {
|
|
17
13
|
propNameList = [propNames];
|
|
18
14
|
}
|
|
19
|
-
|
|
20
15
|
const snapshotOptions = {
|
|
21
16
|
map: json => {
|
|
22
17
|
propNameList.forEach(prop => {
|
|
@@ -29,7 +24,6 @@ function snapshotWithoutProps(enzymeWrapper, propNames) {
|
|
|
29
24
|
};
|
|
30
25
|
return (0, _enzymeToJson.default)(enzymeWrapper, snapshotOptions);
|
|
31
26
|
}
|
|
32
|
-
|
|
33
27
|
function noThemeSnapshot(enzymeWrapper) {
|
|
34
28
|
return snapshotWithoutProps(enzymeWrapper, "theme");
|
|
35
29
|
}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("jest-styled-components");
|
|
4
|
-
|
|
5
4
|
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
5
|
var _jestMatcherUtils = require("jest-matcher-utils");
|
|
8
|
-
|
|
9
6
|
expect.extend({
|
|
10
7
|
toBeFocused(received) {
|
|
11
8
|
const expected = document.activeElement;
|
|
@@ -15,22 +12,19 @@ expect.extend({
|
|
|
15
12
|
isNot: this.isNot
|
|
16
13
|
};
|
|
17
14
|
const hint = this.utils.matcherHint("toBeFocused", "DOMNode", "", options);
|
|
18
|
-
|
|
19
15
|
const positive = () => {
|
|
20
16
|
const diffString = (0, _jestMatcherUtils.diff)(expected, DOMNode, {
|
|
21
17
|
expand: this.expand
|
|
22
18
|
});
|
|
23
|
-
return `${hint}\n\n${
|
|
19
|
+
return `${hint}\n\n${
|
|
20
|
+
// eslint-disable-next-line multiline-ternary
|
|
24
21
|
diffString && diffString.includes("- Expect") ? `Difference:\n\n${diffString}` : `Expected: ${this.utils.printExpected(expected)}\nReceived: ${this.utils.printReceived(DOMNode)}`}`;
|
|
25
22
|
};
|
|
26
|
-
|
|
27
23
|
const negative = () => `${hint}\n\nDOMNode should not have focus`;
|
|
28
|
-
|
|
29
24
|
const message = pass ? negative : positive;
|
|
30
25
|
return {
|
|
31
26
|
pass,
|
|
32
27
|
message
|
|
33
28
|
};
|
|
34
29
|
}
|
|
35
|
-
|
|
36
30
|
});
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _jestFetchMock = require("jest-fetch-mock");
|
|
4
|
-
|
|
5
4
|
var _mockMatchMedia = require("./mock-match-media");
|
|
6
|
-
|
|
7
5
|
var _mockResizeObserver = _interopRequireDefault(require("./mock-resize-observer"));
|
|
8
|
-
|
|
9
6
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
7
|
(0, _jestFetchMock.enableFetchMocks)();
|
|
12
8
|
(0, _mockResizeObserver.default)();
|
|
13
9
|
(0, _mockMatchMedia.setupMatchMediaMock)();
|
|
@@ -7,14 +7,11 @@ exports.mockMatchMedia = exports.setupMatchMediaMock = void 0;
|
|
|
7
7
|
let mocked = false;
|
|
8
8
|
let _matches = false;
|
|
9
9
|
const removeListener = jest.fn();
|
|
10
|
-
|
|
11
10
|
const setupMatchMediaMock = () => {
|
|
12
11
|
if (!global.window) {
|
|
13
12
|
return;
|
|
14
13
|
}
|
|
15
|
-
|
|
16
14
|
const noop = () => {};
|
|
17
|
-
|
|
18
15
|
Object.defineProperty(global.window, "matchMedia", {
|
|
19
16
|
writable: true,
|
|
20
17
|
value: query => ({
|
|
@@ -28,18 +25,14 @@ const setupMatchMediaMock = () => {
|
|
|
28
25
|
});
|
|
29
26
|
mocked = true;
|
|
30
27
|
};
|
|
31
|
-
|
|
32
28
|
exports.setupMatchMediaMock = setupMatchMediaMock;
|
|
33
|
-
|
|
34
29
|
const mockMatchMedia = matches => {
|
|
35
30
|
if (!mocked) {
|
|
36
31
|
throw new Error("window.matchMedia has not been mocked. Did you call setupMatchMediaMock()?");
|
|
37
32
|
}
|
|
38
|
-
|
|
39
33
|
_matches = matches;
|
|
40
34
|
return {
|
|
41
35
|
removeListener
|
|
42
36
|
};
|
|
43
37
|
};
|
|
44
|
-
|
|
45
38
|
exports.mockMatchMedia = mockMatchMedia;
|
|
@@ -4,18 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
const setupResizeObserverMock = () => {
|
|
9
8
|
if (!window) {
|
|
10
9
|
return;
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
window.ResizeObserver = window.ResizeObserver || jest.fn().mockImplementation(() => ({
|
|
14
12
|
disconnect: jest.fn(),
|
|
15
13
|
observe: jest.fn(),
|
|
16
14
|
unobserve: jest.fn()
|
|
17
15
|
}));
|
|
18
16
|
};
|
|
19
|
-
|
|
20
17
|
var _default = setupResizeObserverMock;
|
|
21
18
|
exports.default = _default;
|
|
@@ -10,66 +10,48 @@ Object.defineProperty(exports, "mockMatchMedia", {
|
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
exports.expectConsoleOutput = exports.testStyledSystemPosition = exports.testStyledSystemBackground = exports.testStyledSystemFlexBox = exports.testStyledSystemLayout = exports.testStyledSystemWidth = exports.testStyledSystemColor = exports.testStyledSystemPadding = exports.testStyledSystemMargin = exports.testStyledSystemSpacing = exports.carbonThemesJestTable = exports.simulate = exports.click = exports.listFrom = exports.assertHoverTraversal = exports.assertKeyboardTraversal = exports.keyboard = exports.makeArrayKeys = exports.childrenFrom = exports.selectedItemOf = exports.hoverList = exports.toCSSCase = exports.assertStyleMatch = exports.getDefaultValue = void 0;
|
|
13
|
-
|
|
14
13
|
var _enzyme = require("enzyme");
|
|
15
|
-
|
|
16
14
|
var _sprintfJs = require("sprintf-js");
|
|
17
|
-
|
|
18
15
|
var _baseTheme = require("style/themes/base/base-theme.config");
|
|
19
|
-
|
|
20
16
|
var _themes = require("../style/themes");
|
|
21
|
-
|
|
22
17
|
var _mockMatchMedia = require("./mock-match-media");
|
|
23
|
-
|
|
24
18
|
/* eslint-disable jest/no-conditional-expect */
|
|
25
|
-
|
|
26
19
|
/* eslint-disable jest/no-identical-title */
|
|
27
|
-
|
|
28
20
|
/* eslint-disable jest/no-export */
|
|
29
|
-
const isUpper = char => char.toUpperCase() === char;
|
|
30
21
|
|
|
22
|
+
const isUpper = char => char.toUpperCase() === char;
|
|
31
23
|
const humpToDash = (acc, char) => `${acc}${isUpper(char) ? `-${char.toLowerCase()}` : char}`;
|
|
32
|
-
|
|
33
24
|
const toCSSCase = str => {
|
|
34
25
|
return str.split("").reduce(humpToDash, "");
|
|
35
26
|
};
|
|
36
|
-
|
|
37
27
|
exports.toCSSCase = toCSSCase;
|
|
38
|
-
|
|
39
28
|
const assertStyleMatch = (styleSpec, component, opts) => {
|
|
40
29
|
Object.entries(styleSpec).forEach(([attr, value]) => {
|
|
41
30
|
expect(component).toHaveStyleRule(toCSSCase(attr), value, opts);
|
|
42
31
|
});
|
|
43
32
|
};
|
|
44
|
-
|
|
45
33
|
exports.assertStyleMatch = assertStyleMatch;
|
|
46
|
-
|
|
47
34
|
const makeArrayKeys = n => [...Array(n).keys()];
|
|
48
|
-
|
|
49
35
|
exports.makeArrayKeys = makeArrayKeys;
|
|
50
|
-
|
|
51
36
|
const dispatchKeyPress = code => {
|
|
52
37
|
const ev = new KeyboardEvent("keydown", {
|
|
53
38
|
key: code
|
|
54
39
|
});
|
|
55
40
|
document.dispatchEvent(ev);
|
|
56
41
|
};
|
|
57
|
-
|
|
58
42
|
const keys = ["ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft", "Enter", "Tab", " ", "Escape", "End", "Home", "D", "E", "P", "Z", "1"];
|
|
59
43
|
const keyboard = keys.reduce((acc, key) => {
|
|
60
44
|
const methodName = `press${key === " " ? "Space" : key}`;
|
|
61
|
-
|
|
62
45
|
acc[methodName] = () => dispatchKeyPress(key);
|
|
63
|
-
|
|
64
46
|
return acc;
|
|
65
|
-
}, {});
|
|
47
|
+
}, {});
|
|
48
|
+
|
|
49
|
+
// Build an object of Enzyme simulate helpers
|
|
66
50
|
// e.g. simulate.keydown.pressTab(target, { shiftKey: true })
|
|
67
51
|
// e.g. simulate.keydown.pressEscape(target)
|
|
68
|
-
|
|
69
52
|
exports.keyboard = keyboard;
|
|
70
53
|
const keydown = keys.reduce((acc, key) => {
|
|
71
54
|
const methodName = `press${key === " " ? "Space" : key}`;
|
|
72
|
-
|
|
73
55
|
acc[methodName] = (target, {
|
|
74
56
|
shiftKey
|
|
75
57
|
} = {
|
|
@@ -80,48 +62,32 @@ const keydown = keys.reduce((acc, key) => {
|
|
|
80
62
|
key
|
|
81
63
|
});
|
|
82
64
|
};
|
|
83
|
-
|
|
84
65
|
return acc;
|
|
85
66
|
}, {});
|
|
86
67
|
const simulate = {
|
|
87
68
|
keydown
|
|
88
69
|
};
|
|
89
70
|
exports.simulate = simulate;
|
|
90
|
-
|
|
91
71
|
const listFrom = wrapper => wrapper.find("ul");
|
|
92
|
-
|
|
93
72
|
exports.listFrom = listFrom;
|
|
94
|
-
|
|
95
73
|
const childrenFrom = node => node.children();
|
|
96
|
-
|
|
97
74
|
exports.childrenFrom = childrenFrom;
|
|
98
|
-
|
|
99
75
|
const hoverList = wrapper => item => {
|
|
100
76
|
childrenFrom(listFrom(wrapper)).at(item).simulate("mouseover");
|
|
101
77
|
};
|
|
102
|
-
|
|
103
78
|
exports.hoverList = hoverList;
|
|
104
|
-
|
|
105
79
|
const simulateEvent = eventName => wrapper => wrapper.simulate(eventName);
|
|
106
|
-
|
|
107
80
|
const click = simulateEvent("click");
|
|
108
81
|
exports.click = click;
|
|
109
|
-
|
|
110
82
|
const selectedItemOf = wrapper => wrapper.state().selectedItem;
|
|
111
|
-
|
|
112
83
|
exports.selectedItemOf = selectedItemOf;
|
|
113
|
-
|
|
114
84
|
const isUnique = (val, index, self) => self.indexOf(val) === index;
|
|
115
|
-
|
|
116
85
|
const isSelectableGiven = nonSelectables => i => !nonSelectables.includes(i);
|
|
117
|
-
|
|
118
86
|
const selectedItemReducer = method => wrapper => (acc, i) => {
|
|
119
87
|
method(wrapper)(i);
|
|
120
88
|
return [...acc, selectedItemOf(wrapper)];
|
|
121
89
|
};
|
|
122
|
-
|
|
123
90
|
const arraysEqual = (arr1, arr2) => arr1.sort().join(",") === arr2.sort().join(",");
|
|
124
|
-
|
|
125
91
|
const assertCorrectTraversal = method => expect => ({
|
|
126
92
|
num,
|
|
127
93
|
nonSelectables = []
|
|
@@ -132,14 +98,11 @@ const assertCorrectTraversal = method => expect => ({
|
|
|
132
98
|
const indexesThatWereSelected = array.reduce(selectedItemReducer(method)(wrapper), [selectedItem]).filter(isUnique);
|
|
133
99
|
expect(arraysEqual(validIndexes, indexesThatWereSelected)).toBeTruthy();
|
|
134
100
|
};
|
|
135
|
-
|
|
136
101
|
const assertKeyboardTraversal = assertCorrectTraversal(() => keyboard.pressArrowDown)(expect);
|
|
137
102
|
exports.assertKeyboardTraversal = assertKeyboardTraversal;
|
|
138
103
|
const assertHoverTraversal = assertCorrectTraversal(wrapper => hoverList(wrapper))(expect);
|
|
139
104
|
exports.assertHoverTraversal = assertHoverTraversal;
|
|
140
|
-
|
|
141
105
|
const carbonThemesJestTable = _themes.carbonThemeList.map(theme => [theme.name, theme]);
|
|
142
|
-
|
|
143
106
|
exports.carbonThemesJestTable = carbonThemesJestTable;
|
|
144
107
|
const marginProps = [["m", "margin"], ["ml", "marginLeft"], ["mr", "marginRight"], ["mt", "marginTop"], ["mb", "marginBottom"], ["mx", "marginLeft"], ["mx", "marginRight"], ["my", "marginTop"], ["my", "marginBottom"]];
|
|
145
108
|
const paddingProps = [["p", "padding"], ["pl", "paddingLeft"], ["pr", "paddingRight"], ["pt", "paddingTop"], ["pb", "paddingBottom"], ["px", "paddingLeft"], ["px", "paddingRight"], ["py", "paddingTop"], ["py", "paddingBottom"]];
|
|
@@ -149,32 +112,26 @@ const layoutProps = [widthProps, ["height", "height", "200px"], ["minWidth", "mi
|
|
|
149
112
|
const flexBoxProps = [["alignItems", "alignItems", "center"], ["alignContent", "alignContent", "center"], ["justifyItems", "justifyItems", "center"], ["justifyContent", "justifyContent", "center"], ["flexWrap", "flexWrap", "wrap"], ["flexDirection", "flexDirection", "row-reverse"], ["flex", "flex", "1"], ["flexGrow", "flexGrow", "1"], ["flexShrink", "flexShrink", "1"], ["flexBasis", "flexBasis", "100px"], ["justifySelf", "justifySelf", "center"], ["alignSelf", "alignSelf", "center"], ["order", "order", "1"]];
|
|
150
113
|
const backgroundProps = [["background", "background", "lightblue url('foo.jpg') no-repeat fixed center"], ["backgroundImage", "background-image", "url(foo.jpg)"], ["backgroundSize", "background-size", "center"], ["backgroundRepeat", "background-repeat", "no-repeat"]];
|
|
151
114
|
const positionProps = [["top", "0px"], ["bottom", "0px"], ["right", "0px"], ["left", "0px"], ["position", "fixed"], ["position", "sticky"], ["position", "absolute"], ["position", "static"], ["position", "relative"]];
|
|
152
|
-
|
|
153
115
|
const getDefaultValue = value => {
|
|
154
116
|
const spaceArrayLength = _baseTheme.space.length - 1;
|
|
155
117
|
if (value === undefined) return value;
|
|
156
118
|
const parsedValue = +value;
|
|
157
|
-
|
|
158
119
|
if (typeof value === "string" && parsedValue > spaceArrayLength) {
|
|
159
120
|
return `${value}px`;
|
|
160
121
|
}
|
|
161
|
-
|
|
162
122
|
if (parsedValue <= spaceArrayLength) {
|
|
163
123
|
return _baseTheme.space[parsedValue];
|
|
164
124
|
}
|
|
165
|
-
|
|
166
125
|
if (parsedValue > spaceArrayLength) {
|
|
167
126
|
return `${parsedValue * 8}px`;
|
|
168
127
|
}
|
|
169
|
-
|
|
170
128
|
return value;
|
|
171
129
|
};
|
|
172
|
-
|
|
173
130
|
exports.getDefaultValue = getDefaultValue;
|
|
174
|
-
|
|
175
131
|
const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts) => {
|
|
176
132
|
describe("default props", () => {
|
|
177
|
-
const wrapper = (0, _enzyme.mount)(component({
|
|
133
|
+
const wrapper = (0, _enzyme.mount)(component({
|
|
134
|
+
...defaults
|
|
178
135
|
}));
|
|
179
136
|
const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
|
|
180
137
|
it("should set the correct margins", () => {
|
|
@@ -183,7 +140,6 @@ const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts)
|
|
|
183
140
|
let marginRight;
|
|
184
141
|
let marginTop;
|
|
185
142
|
let marginBottom;
|
|
186
|
-
|
|
187
143
|
if (defaults) {
|
|
188
144
|
margin = getDefaultValue(defaults.m);
|
|
189
145
|
marginLeft = getDefaultValue(defaults.ml || defaults.mx);
|
|
@@ -211,7 +167,8 @@ const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts)
|
|
|
211
167
|
const props = {
|
|
212
168
|
[styledSystemProp]: 2
|
|
213
169
|
};
|
|
214
|
-
const wrapper = (0, _enzyme.mount)(component({
|
|
170
|
+
const wrapper = (0, _enzyme.mount)(component({
|
|
171
|
+
...props
|
|
215
172
|
}));
|
|
216
173
|
assertStyleMatch({
|
|
217
174
|
[propName]: "var(--spacing200)"
|
|
@@ -219,12 +176,11 @@ const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts)
|
|
|
219
176
|
});
|
|
220
177
|
});
|
|
221
178
|
};
|
|
222
|
-
|
|
223
179
|
exports.testStyledSystemMargin = testStyledSystemMargin;
|
|
224
|
-
|
|
225
180
|
const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts) => {
|
|
226
181
|
describe("default props", () => {
|
|
227
|
-
const wrapper = (0, _enzyme.mount)(component({
|
|
182
|
+
const wrapper = (0, _enzyme.mount)(component({
|
|
183
|
+
...defaults
|
|
228
184
|
}));
|
|
229
185
|
const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
|
|
230
186
|
it("should set the correct paddings", () => {
|
|
@@ -233,7 +189,6 @@ const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts
|
|
|
233
189
|
let paddingRight;
|
|
234
190
|
let paddingTop;
|
|
235
191
|
let paddingBottom;
|
|
236
|
-
|
|
237
192
|
if (defaults) {
|
|
238
193
|
padding = getDefaultValue(defaults.p);
|
|
239
194
|
paddingLeft = getDefaultValue(defaults.pl || defaults.px);
|
|
@@ -261,7 +216,8 @@ const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts
|
|
|
261
216
|
const props = {
|
|
262
217
|
[styledSystemProp]: 2
|
|
263
218
|
};
|
|
264
|
-
const wrapper = (0, _enzyme.mount)(component({
|
|
219
|
+
const wrapper = (0, _enzyme.mount)(component({
|
|
220
|
+
...props
|
|
265
221
|
}));
|
|
266
222
|
assertStyleMatch({
|
|
267
223
|
[propName]: "var(--spacing200)"
|
|
@@ -269,33 +225,28 @@ const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts
|
|
|
269
225
|
});
|
|
270
226
|
});
|
|
271
227
|
};
|
|
272
|
-
|
|
273
228
|
exports.testStyledSystemPadding = testStyledSystemPadding;
|
|
274
|
-
|
|
275
229
|
const testStyledSystemSpacing = (component, defaults, styleContainer, assertOpts) => {
|
|
276
230
|
testStyledSystemMargin(component, defaults, styleContainer, assertOpts);
|
|
277
231
|
testStyledSystemPadding(component, defaults, styleContainer, assertOpts);
|
|
278
232
|
};
|
|
279
|
-
|
|
280
233
|
exports.testStyledSystemSpacing = testStyledSystemSpacing;
|
|
281
|
-
|
|
282
234
|
const testStyledSystemColor = (component, styleContainer) => {
|
|
283
235
|
describe.each(colorProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
|
|
284
236
|
it(`then ${propName} should have been set correctly`, () => {
|
|
285
237
|
const props = {
|
|
286
238
|
[styledSystemProp]: value
|
|
287
239
|
};
|
|
288
|
-
const wrapper = (0, _enzyme.mount)(component({
|
|
240
|
+
const wrapper = (0, _enzyme.mount)(component({
|
|
241
|
+
...props
|
|
289
242
|
}));
|
|
290
|
-
const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
|
|
291
|
-
|
|
243
|
+
const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
|
|
244
|
+
// Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
|
|
292
245
|
expect(StyleElement).toHaveStyleRule(propName, value);
|
|
293
246
|
});
|
|
294
247
|
});
|
|
295
248
|
};
|
|
296
|
-
|
|
297
249
|
exports.testStyledSystemColor = testStyledSystemColor;
|
|
298
|
-
|
|
299
250
|
const testStyledSystemWidth = (component, styleContainer) => {
|
|
300
251
|
describe("when a width prop is specified using styled system props", () => {
|
|
301
252
|
it("then width should have been set correctly", () => {
|
|
@@ -303,33 +254,31 @@ const testStyledSystemWidth = (component, styleContainer) => {
|
|
|
303
254
|
const props = {
|
|
304
255
|
[styledSystemProp]: value
|
|
305
256
|
};
|
|
306
|
-
const wrapper = (0, _enzyme.mount)(component({
|
|
257
|
+
const wrapper = (0, _enzyme.mount)(component({
|
|
258
|
+
...props
|
|
307
259
|
}));
|
|
308
260
|
const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
|
|
309
261
|
expect(StyleElement).toHaveStyleRule(propName, value);
|
|
310
262
|
});
|
|
311
263
|
});
|
|
312
264
|
};
|
|
313
|
-
|
|
314
265
|
exports.testStyledSystemWidth = testStyledSystemWidth;
|
|
315
|
-
|
|
316
266
|
const testStyledSystemLayout = (component, styleContainer) => {
|
|
317
267
|
describe.each(layoutProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
|
|
318
268
|
it(`then ${propName} should have been set correctly`, () => {
|
|
319
269
|
const props = {
|
|
320
270
|
[styledSystemProp]: value
|
|
321
271
|
};
|
|
322
|
-
const wrapper = (0, _enzyme.mount)(component({
|
|
272
|
+
const wrapper = (0, _enzyme.mount)(component({
|
|
273
|
+
...props
|
|
323
274
|
}));
|
|
324
|
-
const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
|
|
325
|
-
|
|
275
|
+
const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
|
|
276
|
+
// Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
|
|
326
277
|
expect(StyleElement).toHaveStyleRule(propName, value);
|
|
327
278
|
});
|
|
328
279
|
});
|
|
329
280
|
};
|
|
330
|
-
|
|
331
281
|
exports.testStyledSystemLayout = testStyledSystemLayout;
|
|
332
|
-
|
|
333
282
|
const testStyledSystemFlexBox = (component, styleContainer) => {
|
|
334
283
|
describe.each(flexBoxProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
|
|
335
284
|
it(`then ${propName} should have been set correctly`, () => {
|
|
@@ -343,16 +292,15 @@ const testStyledSystemFlexBox = (component, styleContainer) => {
|
|
|
343
292
|
});
|
|
344
293
|
});
|
|
345
294
|
};
|
|
346
|
-
|
|
347
295
|
exports.testStyledSystemFlexBox = testStyledSystemFlexBox;
|
|
348
|
-
|
|
349
296
|
const testStyledSystemBackground = (component, styleContainer) => {
|
|
350
297
|
describe.each(backgroundProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
|
|
351
298
|
it(`then ${propName} should have been set correctly`, () => {
|
|
352
299
|
const props = {
|
|
353
300
|
[styledSystemProp]: value
|
|
354
301
|
};
|
|
355
|
-
const wrapper = (0, _enzyme.mount)(component({
|
|
302
|
+
const wrapper = (0, _enzyme.mount)(component({
|
|
303
|
+
...props
|
|
356
304
|
}));
|
|
357
305
|
assertStyleMatch({
|
|
358
306
|
[styledSystemProp]: value
|
|
@@ -360,32 +308,29 @@ const testStyledSystemBackground = (component, styleContainer) => {
|
|
|
360
308
|
});
|
|
361
309
|
});
|
|
362
310
|
};
|
|
363
|
-
|
|
364
311
|
exports.testStyledSystemBackground = testStyledSystemBackground;
|
|
365
|
-
|
|
366
312
|
const testStyledSystemPosition = (component, styleContainer) => {
|
|
367
313
|
describe.each(positionProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, value) => {
|
|
368
314
|
it(`then ${styledSystemProp} should have been set correctly`, () => {
|
|
369
315
|
const props = {
|
|
370
316
|
[styledSystemProp]: value
|
|
371
317
|
};
|
|
372
|
-
const wrapper = (0, _enzyme.mount)(component({
|
|
318
|
+
const wrapper = (0, _enzyme.mount)(component({
|
|
319
|
+
...props
|
|
373
320
|
}));
|
|
374
321
|
assertStyleMatch({
|
|
375
322
|
[styledSystemProp]: value
|
|
376
323
|
}, styleContainer ? styleContainer(wrapper) : wrapper);
|
|
377
324
|
});
|
|
378
325
|
});
|
|
379
|
-
};
|
|
380
|
-
|
|
326
|
+
};
|
|
381
327
|
|
|
328
|
+
// this util will catch that a console output occurred without polluting the output when running the unit tests
|
|
382
329
|
exports.testStyledSystemPosition = testStyledSystemPosition;
|
|
383
|
-
|
|
384
330
|
const expectConsoleOutput = (message, type = "error") => {
|
|
385
331
|
if (!message) {
|
|
386
332
|
throw new Error(`no ${type} message provided`);
|
|
387
333
|
}
|
|
388
|
-
|
|
389
334
|
expect.assertions(1);
|
|
390
335
|
const consoleType = global.console[type];
|
|
391
336
|
let consoleArgs;
|
|
@@ -393,12 +338,10 @@ const expectConsoleOutput = (message, type = "error") => {
|
|
|
393
338
|
if (!args.length) return;
|
|
394
339
|
const msg = args.join(" ");
|
|
395
340
|
const params = args.slice(1, args.length);
|
|
396
|
-
|
|
397
341
|
if ((0, _sprintfJs.sprintf)(msg, ...params).includes(message)) {
|
|
398
342
|
consoleArgs = args;
|
|
399
343
|
return;
|
|
400
344
|
}
|
|
401
|
-
|
|
402
345
|
consoleType(...args);
|
|
403
346
|
});
|
|
404
347
|
return () => {
|
|
@@ -406,9 +349,7 @@ const expectConsoleOutput = (message, type = "error") => {
|
|
|
406
349
|
// eslint-disable-next-line no-console
|
|
407
350
|
expect(console[type]).toHaveBeenCalledWith(...consoleArgs);
|
|
408
351
|
}
|
|
409
|
-
|
|
410
352
|
global.console[type] = consoleType;
|
|
411
353
|
};
|
|
412
354
|
};
|
|
413
|
-
|
|
414
355
|
exports.expectConsoleOutput = expectConsoleOutput;
|
|
@@ -4,38 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.AccordionGroup = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _invariant = _interopRequireDefault(require("invariant"));
|
|
13
|
-
|
|
14
10
|
var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
|
|
15
|
-
|
|
16
11
|
var _accordion = _interopRequireDefault(require("../accordion.component"));
|
|
17
|
-
|
|
18
12
|
var _accordion2 = require("../accordion.style");
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
14
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
23
|
-
|
|
24
15
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
|
|
25
|
-
|
|
26
16
|
const AccordionGroup = ({
|
|
27
17
|
children,
|
|
28
18
|
...rest
|
|
29
19
|
}) => {
|
|
30
20
|
const hasProperChildren = (0, _react.useMemo)(() => {
|
|
31
21
|
let hasAccordionChildren = true;
|
|
32
|
-
|
|
33
22
|
_react.default.Children.toArray(children).forEach(child => {
|
|
34
23
|
if (typeof child === "string" || /*#__PURE__*/_react.default.isValidElement(child) && child.type.displayName !== "Accordion") {
|
|
35
24
|
hasAccordionChildren = false;
|
|
36
25
|
}
|
|
37
26
|
});
|
|
38
|
-
|
|
39
27
|
return hasAccordionChildren;
|
|
40
28
|
}, [children]);
|
|
41
29
|
!hasProperChildren ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `AccordionGroup accepts only children of type \`${_accordion.default.displayName}\`.`) : (0, _invariant.default)(false) : void 0;
|
|
@@ -45,18 +33,14 @@ const AccordionGroup = ({
|
|
|
45
33
|
const refs = (0, _react.useMemo)(() => filteredChildren.map(child => child.ref || /*#__PURE__*/_react.default.createRef()), [filteredChildren]);
|
|
46
34
|
const focusAccordion = (0, _react.useCallback)((ev, index) => {
|
|
47
35
|
ev.preventDefault();
|
|
48
|
-
|
|
49
36
|
if (index === -1) {
|
|
50
37
|
var _refs$current;
|
|
51
|
-
|
|
52
38
|
(_refs$current = refs[refs.length - 1].current) === null || _refs$current === void 0 ? void 0 : _refs$current.focus();
|
|
53
39
|
} else if (index === refs.length) {
|
|
54
40
|
var _refs$0$current;
|
|
55
|
-
|
|
56
41
|
(_refs$0$current = refs[0].current) === null || _refs$0$current === void 0 ? void 0 : _refs$0$current.focus();
|
|
57
42
|
} else {
|
|
58
43
|
var _refs$index$current;
|
|
59
|
-
|
|
60
44
|
(_refs$index$current = refs[index].current) === null || _refs$index$current === void 0 ? void 0 : _refs$index$current.focus();
|
|
61
45
|
}
|
|
62
46
|
}, [refs]);
|
|
@@ -64,15 +48,12 @@ const AccordionGroup = ({
|
|
|
64
48
|
if (_events.default.isUpKey(ev)) {
|
|
65
49
|
focusAccordion(ev, index - 1);
|
|
66
50
|
}
|
|
67
|
-
|
|
68
51
|
if (_events.default.isDownKey(ev)) {
|
|
69
52
|
focusAccordion(ev, index + 1);
|
|
70
53
|
}
|
|
71
|
-
|
|
72
54
|
if (_events.default.isHomeKey(ev)) {
|
|
73
55
|
focusAccordion(ev, 0);
|
|
74
56
|
}
|
|
75
|
-
|
|
76
57
|
if (_events.default.isEndKey(ev)) {
|
|
77
58
|
focusAccordion(ev, refs.length - 1);
|
|
78
59
|
}
|
|
@@ -86,7 +67,6 @@ const AccordionGroup = ({
|
|
|
86
67
|
handleKeyboardAccessibility
|
|
87
68
|
})));
|
|
88
69
|
};
|
|
89
|
-
|
|
90
70
|
exports.AccordionGroup = AccordionGroup;
|
|
91
71
|
AccordionGroup.propTypes = {
|
|
92
72
|
"children": _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.shape({
|