carbon-react 132.2.0 → 133.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/esm/__internal__/focus-trap/focus-trap.component.js +1 -1
- package/esm/__internal__/input/input.component.d.ts +0 -2
- package/esm/__internal__/input/input.component.js +0 -8
- package/esm/components/button/button-types.style.d.ts +0 -1
- package/esm/components/button/button-types.style.js +0 -21
- package/esm/components/button/button.component.d.ts +1 -5
- package/esm/components/button/button.component.js +5 -377
- package/esm/components/button/button.config.js +1 -1
- package/esm/components/button/index.d.ts +1 -1
- package/esm/components/button/index.js +1 -1
- package/esm/components/checkbox/checkbox.component.d.ts +0 -2
- package/esm/components/checkbox/checkbox.component.js +1 -10
- package/esm/components/confirm/confirm.component.d.ts +4 -4
- package/esm/components/date/date.component.js +0 -9
- package/esm/components/decimal/decimal.component.js +1 -9
- package/esm/components/grouped-character/grouped-character.component.js +0 -8
- package/esm/components/icon/icon.component.d.ts +2 -1
- package/esm/components/icon/icon.component.js +7 -3
- package/esm/components/menu/__internal__/submenu/submenu.component.js +45 -12
- package/esm/components/menu/__internal__/submenu/submenu.style.d.ts +1 -0
- package/esm/components/menu/__internal__/submenu/submenu.style.js +31 -1
- package/esm/components/modal/__internal__/modal-manager.js +2 -3
- package/esm/components/number/number.component.js +0 -8
- package/esm/components/radio-button/radio-button.component.d.ts +0 -2
- package/esm/components/radio-button/radio-button.component.js +1 -11
- package/esm/components/select/filterable-select/filterable-select.component.js +2 -10
- package/esm/components/select/list-action-button/list-action-button.component.js +1 -1
- package/esm/components/select/multi-select/multi-select.component.js +2 -10
- package/esm/components/select/select-textbox/select-textbox.component.js +0 -1
- package/esm/components/select/simple-select/simple-select.component.js +2 -10
- package/esm/components/switch/switch.component.d.ts +0 -2
- package/esm/components/switch/switch.component.js +2 -11
- package/esm/components/textarea/textarea.component.js +0 -8
- package/esm/components/textbox/textbox.component.js +0 -8
- package/esm/hooks/__internal__/useScrollBlock/scroll-block-manager.js +2 -3
- package/lib/__internal__/character-count/character-count.style.js +1 -1
- package/lib/__internal__/checkable-input/checkable-input.component.js +1 -1
- package/lib/__internal__/checkable-input/checkable-input.style.js +1 -1
- package/lib/__internal__/checkable-input/hidden-checkable-input.component.js +1 -1
- package/lib/__internal__/field-help/field-help.style.js +1 -1
- package/lib/__internal__/fieldset/fieldset.component.js +1 -1
- package/lib/__internal__/fieldset/fieldset.style.js +1 -1
- package/lib/__internal__/focus-trap/focus-trap.component.js +2 -2
- package/lib/__internal__/form-field/form-field.component.js +1 -1
- package/lib/__internal__/form-field/form-field.style.js +1 -1
- package/lib/__internal__/full-screen-heading/full-screen-heading.component.js +1 -1
- package/lib/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
- package/lib/__internal__/input/input-presentation.component.js +1 -1
- package/lib/__internal__/input/input-presentation.style.js +1 -1
- package/lib/__internal__/input/input.component.d.ts +0 -2
- package/lib/__internal__/input/input.component.js +1 -9
- package/lib/__internal__/input/input.style.js +1 -1
- package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
- package/lib/__internal__/label/label.component.js +1 -1
- package/lib/__internal__/label/label.style.js +1 -1
- package/lib/__internal__/popover/popover.component.js +1 -1
- package/lib/__internal__/radio-button-mapper/radio-button-mapper.component.js +1 -1
- package/lib/__internal__/sticky-footer/sticky-footer.component.js +1 -1
- package/lib/__internal__/sticky-footer/sticky-footer.style.js +1 -1
- package/lib/__internal__/tooltip-provider/index.js +1 -1
- package/lib/__internal__/validation-message/validation-message.style.js +1 -1
- package/lib/__internal__/validations/validation-icon.component.js +1 -1
- package/lib/__internal__/validations/validation-icon.style.js +1 -1
- package/lib/components/accordion/accordion-group/accordion-group.component.js +1 -1
- package/lib/components/accordion/accordion.component.js +1 -1
- package/lib/components/accordion/accordion.style.js +1 -1
- package/lib/components/action-popover/action-popover-item/action-popover-item.component.js +1 -1
- package/lib/components/action-popover/action-popover-menu/action-popover-menu.component.js +1 -1
- package/lib/components/action-popover/action-popover.component.js +1 -1
- package/lib/components/action-popover/action-popover.style.js +1 -1
- package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
- package/lib/components/advanced-color-picker/advanced-color-picker.component.js +1 -1
- package/lib/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
- package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
- package/lib/components/anchor-navigation/anchor-navigation.component.js +1 -1
- package/lib/components/badge/badge.style.js +1 -1
- package/lib/components/batch-selection/batch-selection.style.js +1 -1
- package/lib/components/box/box.style.js +1 -1
- package/lib/components/breadcrumbs/crumb/crumb.style.js +1 -1
- package/lib/components/button/button-types.style.d.ts +0 -1
- package/lib/components/button/button-types.style.js +0 -21
- package/lib/components/button/button.component.d.ts +1 -5
- package/lib/components/button/button.component.js +7 -378
- package/lib/components/button/button.config.js +1 -1
- package/lib/components/button/button.style.js +1 -1
- package/lib/components/button/index.d.ts +1 -1
- package/lib/components/button/index.js +2 -9
- package/lib/components/button-bar/button-bar.style.js +1 -1
- package/lib/components/button-minor/button-minor.component.js +1 -1
- package/lib/components/button-minor/button-minor.style.js +1 -1
- package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.js +1 -1
- package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
- package/lib/components/button-toggle/button-toggle.component.js +1 -1
- package/lib/components/button-toggle/button-toggle.style.js +1 -1
- package/lib/components/carbon-provider/carbon-provider.component.js +1 -1
- package/lib/components/carbon-provider/top-modal-context.js +1 -1
- package/lib/components/card/card-footer/card-footer.component.js +1 -1
- package/lib/components/card/card-footer/card-footer.style.js +1 -1
- package/lib/components/card/card-row/card-row.component.js +1 -1
- package/lib/components/card/card-row/card-row.style.js +1 -1
- package/lib/components/card/card.component.js +1 -1
- package/lib/components/card/card.style.js +1 -1
- package/lib/components/carousel/carousel.component.js +1 -1
- package/lib/components/carousel/carousel.style.js +1 -1
- package/lib/components/carousel/slide/slide.style.js +1 -1
- package/lib/components/checkbox/checkbox-group/checkbox-group.component.js +1 -1
- package/lib/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
- package/lib/components/checkbox/checkbox.component.d.ts +0 -2
- package/lib/components/checkbox/checkbox.component.js +2 -11
- package/lib/components/checkbox/checkbox.style.js +1 -1
- package/lib/components/confirm/confirm.component.d.ts +4 -4
- package/lib/components/confirm/confirm.component.js +1 -1
- package/lib/components/confirm/confirm.style.js +1 -1
- package/lib/components/content/content.style.js +1 -1
- package/lib/components/date/__internal__/date-picker/date-picker.component.js +1 -1
- package/lib/components/date/__internal__/date-picker/day-picker.style.js +1 -1
- package/lib/components/date/date.component.js +1 -10
- package/lib/components/date/date.style.js +1 -1
- package/lib/components/date-range/date-range.component.js +1 -1
- package/lib/components/decimal/decimal.component.js +2 -10
- package/lib/components/definition-list/dd/dd.component.js +1 -1
- package/lib/components/definition-list/definition-list.style.js +1 -1
- package/lib/components/definition-list/dt/dt.component.js +1 -1
- package/lib/components/detail/detail.style.js +1 -1
- package/lib/components/dialog/dialog.component.js +1 -1
- package/lib/components/dialog/dialog.style.js +1 -1
- package/lib/components/dialog-full-screen/content.style.js +1 -1
- package/lib/components/dialog-full-screen/dialog-full-screen.component.js +1 -1
- package/lib/components/dialog-full-screen/dialog-full-screen.style.js +1 -1
- package/lib/components/dismissible-box/dismissible-box.style.js +1 -1
- package/lib/components/draggable/draggable-container.component.js +1 -1
- package/lib/components/drawer/drawer.component.js +1 -1
- package/lib/components/drawer/drawer.style.js +1 -1
- package/lib/components/drawer/index.js +1 -1
- package/lib/components/duelling-picklist/duelling-picklist.component.js +1 -1
- package/lib/components/duelling-picklist/duelling-picklist.style.js +1 -1
- package/lib/components/duelling-picklist/picklist/picklist.component.js +1 -1
- package/lib/components/duelling-picklist/picklist-group/picklist-group.component.js +1 -1
- package/lib/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
- package/lib/components/duelling-picklist/picklist-item/picklist-item.component.js +1 -1
- package/lib/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
- package/lib/components/fieldset/fieldset.component.js +1 -1
- package/lib/components/fieldset/fieldset.style.js +1 -1
- package/lib/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
- package/lib/components/file-input/file-input.component.js +1 -1
- package/lib/components/file-input/file-input.style.js +1 -1
- package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js +1 -1
- package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
- package/lib/components/flat-table/flat-table-cell/flat-table-cell.component.js +1 -1
- package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
- package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js +1 -1
- package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
- package/lib/components/flat-table/flat-table-head/flat-table-head.component.js +1 -1
- package/lib/components/flat-table/flat-table-header/flat-table-header.component.js +1 -1
- package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
- package/lib/components/flat-table/flat-table-row/__internal__/sub-row-provider.js +1 -1
- package/lib/components/flat-table/flat-table-row/flat-table-row.component.js +1 -1
- package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
- package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.component.js +1 -1
- package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
- package/lib/components/flat-table/flat-table.component.js +1 -1
- package/lib/components/flat-table/flat-table.style.js +1 -1
- package/lib/components/flat-table/sort/sort.component.js +1 -1
- package/lib/components/form/__internal__/form-summary.component.js +1 -1
- package/lib/components/form/__internal__/form-summary.style.js +1 -1
- package/lib/components/form/form.component.js +1 -1
- package/lib/components/form/form.style.js +1 -1
- package/lib/components/grid/grid-item/grid-item.style.js +1 -1
- package/lib/components/grouped-character/grouped-character.component.js +1 -9
- package/lib/components/heading/heading.style.js +1 -1
- package/lib/components/help/help.component.js +1 -1
- package/lib/components/help/help.style.js +1 -1
- package/lib/components/icon/icon.component.d.ts +2 -1
- package/lib/components/icon/icon.component.js +8 -4
- package/lib/components/icon/icon.style.js +1 -1
- package/lib/components/icon-button/icon-button.component.js +1 -1
- package/lib/components/icon-button/icon-button.style.js +1 -1
- package/lib/components/image/image.style.js +1 -1
- package/lib/components/inline-inputs/inline-inputs.component.js +1 -1
- package/lib/components/inline-inputs/inline-inputs.style.js +1 -1
- package/lib/components/link/link.component.js +1 -1
- package/lib/components/link/link.style.js +1 -1
- package/lib/components/link-preview/link-preview.style.js +1 -1
- package/lib/components/loader/loader-square.style.js +1 -1
- package/lib/components/loader-bar/loader-bar.component.js +1 -1
- package/lib/components/loader-bar/loader-bar.style.js +1 -1
- package/lib/components/loader-spinner/loader-spinner.style.js +1 -1
- package/lib/components/menu/__internal__/submenu/submenu.component.js +46 -13
- package/lib/components/menu/__internal__/submenu/submenu.style.d.ts +1 -0
- package/lib/components/menu/__internal__/submenu/submenu.style.js +32 -2
- package/lib/components/menu/menu-divider/menu-divider.component.js +1 -1
- package/lib/components/menu/menu-divider/menu-divider.style.js +1 -1
- package/lib/components/menu/menu-full-screen/menu-full-screen.component.js +1 -1
- package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/lib/components/menu/menu-item/menu-item.component.js +1 -1
- package/lib/components/menu/menu-item/menu-item.style.js +1 -1
- package/lib/components/menu/menu-segment-title/menu-segment-title.component.js +1 -1
- package/lib/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
- package/lib/components/menu/menu.component.js +1 -1
- package/lib/components/menu/menu.style.js +1 -1
- package/lib/components/menu/scrollable-block/scrollable-block.component.js +1 -1
- package/lib/components/menu/scrollable-block/scrollable-block.style.js +1 -1
- package/lib/components/message/message.component.js +1 -1
- package/lib/components/message/message.style.js +1 -1
- package/lib/components/message/type-icon/type-icon.style.js +1 -1
- package/lib/components/modal/__internal__/modal-manager.js +2 -3
- package/lib/components/modal/index.js +1 -1
- package/lib/components/modal/modal.component.js +1 -1
- package/lib/components/modal/modal.style.js +1 -1
- package/lib/components/multi-action-button/multi-action-button.component.js +1 -1
- package/lib/components/multi-action-button/multi-action-button.style.js +1 -1
- package/lib/components/navigation-bar/fixed-navigation-bar.context.js +1 -1
- package/lib/components/navigation-bar/navigation-bar.component.js +1 -1
- package/lib/components/navigation-bar/navigation-bar.style.js +1 -1
- package/lib/components/note/note.style.js +1 -1
- package/lib/components/number/number.component.js +1 -9
- package/lib/components/numeral-date/numeral-date.component.js +1 -1
- package/lib/components/numeral-date/numeral-date.style.js +1 -1
- package/lib/components/pager/__internal__/pager-navigation-link.component.js +1 -1
- package/lib/components/pager/__internal__/pager-navigation.component.js +1 -1
- package/lib/components/pager/pager.component.js +1 -1
- package/lib/components/pager/pager.style.js +1 -1
- package/lib/components/pages/page/page.component.js +1 -1
- package/lib/components/pages/pages.component.js +1 -1
- package/lib/components/password/password.component.js +1 -1
- package/lib/components/pill/pill.style.js +1 -1
- package/lib/components/pod/pod.component.js +1 -1
- package/lib/components/pod/pod.style.js +1 -1
- package/lib/components/popover-container/popover-container.component.js +1 -1
- package/lib/components/portal/portal.js +1 -1
- package/lib/components/portrait/portrait.component.js +1 -1
- package/lib/components/preview/__internal__/preview-placeholder.style.js +1 -1
- package/lib/components/progress-tracker/progress-tracker.component.js +1 -1
- package/lib/components/progress-tracker/progress-tracker.style.js +1 -1
- package/lib/components/radio-button/radio-button-group/radio-button-group.component.js +1 -1
- package/lib/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
- package/lib/components/radio-button/radio-button.component.d.ts +0 -2
- package/lib/components/radio-button/radio-button.component.js +2 -12
- package/lib/components/radio-button/radio-button.style.js +1 -1
- package/lib/components/search/search.component.js +1 -1
- package/lib/components/search/search.style.js +1 -1
- package/lib/components/select/__internal__/select-text/select-text.style.js +1 -1
- package/lib/components/select/filterable-select/filterable-select.component.js +3 -11
- package/lib/components/select/list-action-button/list-action-button.component.js +1 -1
- package/lib/components/select/multi-select/multi-select.component.js +3 -11
- package/lib/components/select/option/option.component.js +1 -1
- package/lib/components/select/option/option.style.js +1 -1
- package/lib/components/select/option-group-header/option-group-header.component.js +1 -1
- package/lib/components/select/option-row/option-row.component.js +1 -1
- package/lib/components/select/option-row/option-row.style.js +1 -1
- package/lib/components/select/select-list/select-list.component.js +1 -1
- package/lib/components/select/select-list/select-list.style.js +1 -1
- package/lib/components/select/select-textbox/select-textbox.component.js +1 -2
- package/lib/components/select/select.style.js +1 -1
- package/lib/components/select/simple-select/simple-select.component.js +3 -11
- package/lib/components/select/utils/with-filter.hoc.js +1 -1
- package/lib/components/settings-row/settings-row.style.js +1 -1
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
- package/lib/components/sidebar/index.js +1 -1
- package/lib/components/sidebar/sidebar.component.js +1 -1
- package/lib/components/sidebar/sidebar.style.js +1 -1
- package/lib/components/simple-color-picker/simple-color/simple-color.component.js +1 -1
- package/lib/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
- package/lib/components/simple-color-picker/simple-color-picker.component.js +1 -1
- package/lib/components/simple-color-picker/simple-color-picker.style.js +1 -1
- package/lib/components/split-button/split-button-children.style.js +1 -1
- package/lib/components/split-button/split-button-toggle.style.js +1 -1
- package/lib/components/split-button/split-button.component.js +1 -1
- package/lib/components/split-button/split-button.style.js +1 -1
- package/lib/components/step-flow/step-flow.component.js +1 -1
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js +1 -1
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
- package/lib/components/step-sequence/step-sequence.style.js +1 -1
- package/lib/components/switch/__internal__/switch-slider-panel.style.js +1 -1
- package/lib/components/switch/__internal__/switch-slider.style.js +1 -1
- package/lib/components/switch/switch.component.d.ts +0 -2
- package/lib/components/switch/switch.component.js +3 -12
- package/lib/components/switch/switch.style.js +1 -1
- package/lib/components/tabs/__internal__/tab-title/index.js +1 -1
- package/lib/components/tabs/__internal__/tab-title/tab-title.component.js +1 -1
- package/lib/components/tabs/__internal__/tab-title/tab-title.style.js +1 -1
- package/lib/components/tabs/__internal__/tabs-header/tabs-header.component.js +1 -1
- package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.js +1 -1
- package/lib/components/tabs/tab/index.js +1 -1
- package/lib/components/tabs/tab/tab.component.js +1 -1
- package/lib/components/tabs/tab/tab.style.js +1 -1
- package/lib/components/tabs/tabs.component.js +1 -1
- package/lib/components/tabs/tabs.style.js +1 -1
- package/lib/components/text-editor/__internal__/editor-link/editor-link.component.js +1 -1
- package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.style.js +1 -1
- package/lib/components/text-editor/__internal__/toolbar/toolbar.component.js +1 -1
- package/lib/components/text-editor/index.js +1 -1
- package/lib/components/text-editor/text-editor.component.js +1 -1
- package/lib/components/text-editor/text-editor.style.js +1 -1
- package/lib/components/textarea/textarea.component.js +1 -9
- package/lib/components/textarea/textarea.style.js +1 -1
- package/lib/components/textbox/textbox.component.js +1 -9
- package/lib/components/textbox/textbox.style.js +1 -1
- package/lib/components/tile/tile-content/tile-content.component.js +1 -1
- package/lib/components/tile/tile-content/tile-content.style.js +1 -1
- package/lib/components/tile/tile-footer/tile-footer.style.js +1 -1
- package/lib/components/tile/tile-header/tile-header.style.js +1 -1
- package/lib/components/tile/tile.style.js +1 -1
- package/lib/components/tile-select/__internal__/accordion/accordion.component.js +1 -1
- package/lib/components/tile-select/tile-select.component.js +1 -1
- package/lib/components/tile-select/tile-select.style.js +1 -1
- package/lib/components/time/__internal__/time-toggle/time-toggle.component.js +1 -1
- package/lib/components/time/time.component.js +1 -1
- package/lib/components/toast/toast.component.js +1 -1
- package/lib/components/toast/toast.style.js +1 -1
- package/lib/components/tooltip/tooltip-pointer.style.js +1 -1
- package/lib/components/tooltip/tooltip.component.js +1 -1
- package/lib/components/tooltip/tooltip.style.js +1 -1
- package/lib/components/typography/typography.style.js +1 -1
- package/lib/components/vertical-divider/vertical-divider.component.js +1 -1
- package/lib/components/vertical-divider/vertical-divider.style.js +1 -1
- package/lib/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js +1 -1
- package/lib/components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js +1 -1
- package/lib/components/vertical-menu/vertical-menu.style.js +1 -1
- package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.js +1 -1
- package/lib/hooks/__internal__/useIsStickyFooterForm/useIsStickyFooterForm.js +1 -1
- package/lib/hooks/__internal__/useScrollBlock/scroll-block-manager.js +2 -3
- package/package.json +6 -14
|
@@ -14,7 +14,6 @@ import Logger from "../../../__internal__/utils/logger";
|
|
|
14
14
|
import useStableCallback from "../../../hooks/__internal__/useStableCallback";
|
|
15
15
|
import useFormSpacing from "../../../hooks/__internal__/useFormSpacing";
|
|
16
16
|
import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibility/useInputAccessibility";
|
|
17
|
-
let deprecateInputRefWarnTriggered = false;
|
|
18
17
|
let deprecateUncontrolledWarnTriggered = false;
|
|
19
18
|
const FilterableSelectList = withFilter(SelectList);
|
|
20
19
|
const FilterableSelect = /*#__PURE__*/React.forwardRef(({
|
|
@@ -50,7 +49,6 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
50
49
|
tooltipPosition,
|
|
51
50
|
listPlacement = "bottom",
|
|
52
51
|
flipEnabled = true,
|
|
53
|
-
inputRef,
|
|
54
52
|
enableVirtualScroll,
|
|
55
53
|
virtualScrollOverscan,
|
|
56
54
|
disableDefaultFiltering = false,
|
|
@@ -81,10 +79,6 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
81
79
|
});
|
|
82
80
|
const focusTimer = useRef(null);
|
|
83
81
|
const openOnFocusFlagBlock = useRef(false);
|
|
84
|
-
if (!deprecateInputRefWarnTriggered && inputRef) {
|
|
85
|
-
deprecateInputRefWarnTriggered = true;
|
|
86
|
-
Logger.deprecate("The `inputRef` prop in `Filterable Select` component is deprecated and will soon be removed. Please use `ref` instead.");
|
|
87
|
-
}
|
|
88
82
|
const componentIsUncontrolled = !isControlled || !onChange && defaultValue;
|
|
89
83
|
if (!deprecateUncontrolledWarnTriggered && componentIsUncontrolled) {
|
|
90
84
|
deprecateUncontrolledWarnTriggered = true;
|
|
@@ -370,7 +364,7 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
370
364
|
}
|
|
371
365
|
const assignInput = useCallback(element => {
|
|
372
366
|
setTextboxRef(element);
|
|
373
|
-
if (
|
|
367
|
+
if (!ref) {
|
|
374
368
|
return;
|
|
375
369
|
}
|
|
376
370
|
if (typeof ref === "function") {
|
|
@@ -378,7 +372,7 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
378
372
|
} else {
|
|
379
373
|
ref.current = element;
|
|
380
374
|
}
|
|
381
|
-
}, [ref
|
|
375
|
+
}, [ref]);
|
|
382
376
|
function getTextboxProps() {
|
|
383
377
|
return {
|
|
384
378
|
id: inputId.current,
|
|
@@ -398,7 +392,6 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
398
392
|
onChange: handleTextboxChange,
|
|
399
393
|
onMouseDown: handleTextboxMouseDown,
|
|
400
394
|
tooltipPosition,
|
|
401
|
-
inputRef,
|
|
402
395
|
required,
|
|
403
396
|
isOptional,
|
|
404
397
|
...filterOutStyledSystemSpacingProps(textboxProps)
|
|
@@ -565,7 +558,6 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
565
558
|
"inputHint": PropTypes.string,
|
|
566
559
|
"inputIcon": PropTypes.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
|
|
567
560
|
"inputMode": PropTypes.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
|
|
568
|
-
"inputRef": PropTypes.func,
|
|
569
561
|
"inputWidth": PropTypes.number,
|
|
570
562
|
"is": PropTypes.string,
|
|
571
563
|
"isLoading": PropTypes.bool,
|
|
@@ -16,7 +16,6 @@ import Logger from "../../../__internal__/utils/logger";
|
|
|
16
16
|
import useStableCallback from "../../../hooks/__internal__/useStableCallback";
|
|
17
17
|
import useFormSpacing from "../../../hooks/__internal__/useFormSpacing";
|
|
18
18
|
import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibility/useInputAccessibility";
|
|
19
|
-
let deprecateInputRefWarnTriggered = false;
|
|
20
19
|
let deprecateUncontrolledWarnTriggered = false;
|
|
21
20
|
const FilterableSelectList = withFilter(SelectList);
|
|
22
21
|
const MultiSelect = /*#__PURE__*/React.forwardRef(({
|
|
@@ -52,7 +51,6 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
52
51
|
listMaxHeight,
|
|
53
52
|
flipEnabled = true,
|
|
54
53
|
wrapPillText = true,
|
|
55
|
-
inputRef,
|
|
56
54
|
enableVirtualScroll,
|
|
57
55
|
virtualScrollOverscan,
|
|
58
56
|
isOptional,
|
|
@@ -85,10 +83,6 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
85
83
|
});
|
|
86
84
|
const focusTimer = useRef(null);
|
|
87
85
|
const actualValue = isControlled.current ? value : selectedValue;
|
|
88
|
-
if (!deprecateInputRefWarnTriggered && inputRef) {
|
|
89
|
-
deprecateInputRefWarnTriggered = true;
|
|
90
|
-
Logger.deprecate("The `inputRef` prop in `Multi Select` component is deprecated and will soon be removed. Please use `ref` instead.");
|
|
91
|
-
}
|
|
92
86
|
const componentIsUncontrolled = !isControlled || !onChange && defaultValue;
|
|
93
87
|
if (!deprecateUncontrolledWarnTriggered && componentIsUncontrolled) {
|
|
94
88
|
deprecateUncontrolledWarnTriggered = true;
|
|
@@ -375,7 +369,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
375
369
|
}, []);
|
|
376
370
|
const assignInput = useCallback(element => {
|
|
377
371
|
setTextboxRef(element);
|
|
378
|
-
if (
|
|
372
|
+
if (!ref) {
|
|
379
373
|
return;
|
|
380
374
|
}
|
|
381
375
|
if (typeof ref === "function") {
|
|
@@ -383,7 +377,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
383
377
|
} else {
|
|
384
378
|
ref.current = element;
|
|
385
379
|
}
|
|
386
|
-
}, [ref
|
|
380
|
+
}, [ref]);
|
|
387
381
|
function getTextboxProps() {
|
|
388
382
|
return {
|
|
389
383
|
id: inputId.current,
|
|
@@ -408,7 +402,6 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
408
402
|
size,
|
|
409
403
|
required,
|
|
410
404
|
isOptional,
|
|
411
|
-
inputRef,
|
|
412
405
|
...filterOutStyledSystemSpacingProps(textboxProps)
|
|
413
406
|
};
|
|
414
407
|
}
|
|
@@ -574,7 +567,6 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
574
567
|
"inputHint": PropTypes.string,
|
|
575
568
|
"inputIcon": PropTypes.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
|
|
576
569
|
"inputMode": PropTypes.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
|
|
577
|
-
"inputRef": PropTypes.func,
|
|
578
570
|
"inputWidth": PropTypes.number,
|
|
579
571
|
"is": PropTypes.string,
|
|
580
572
|
"isLoading": PropTypes.bool,
|
|
@@ -232,7 +232,6 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
232
232
|
"inputHint": PropTypes.string,
|
|
233
233
|
"inputIcon": PropTypes.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
|
|
234
234
|
"inputMode": PropTypes.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
|
|
235
|
-
"inputRef": PropTypes.func,
|
|
236
235
|
"inputWidth": PropTypes.number,
|
|
237
236
|
"is": PropTypes.string,
|
|
238
237
|
"isOpen": PropTypes.bool,
|
|
@@ -13,7 +13,6 @@ import isNavigationKey from "../utils/is-navigation-key";
|
|
|
13
13
|
import Logger from "../../../__internal__/utils/logger";
|
|
14
14
|
import useFormSpacing from "../../../hooks/__internal__/useFormSpacing";
|
|
15
15
|
import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibility/useInputAccessibility";
|
|
16
|
-
let deprecateInputRefWarnTriggered = false;
|
|
17
16
|
let deprecateUncontrolledWarnTriggered = false;
|
|
18
17
|
const SimpleSelect = /*#__PURE__*/React.forwardRef(({
|
|
19
18
|
"aria-label": ariaLabel,
|
|
@@ -45,7 +44,6 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
45
44
|
"data-role": dataRole,
|
|
46
45
|
listPlacement = "bottom",
|
|
47
46
|
flipEnabled = true,
|
|
48
|
-
inputRef,
|
|
49
47
|
enableVirtualScroll,
|
|
50
48
|
virtualScrollOverscan,
|
|
51
49
|
isOptional,
|
|
@@ -74,10 +72,6 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
74
72
|
label
|
|
75
73
|
});
|
|
76
74
|
const focusTimer = useRef(null);
|
|
77
|
-
if (!deprecateInputRefWarnTriggered && inputRef) {
|
|
78
|
-
deprecateInputRefWarnTriggered = true;
|
|
79
|
-
Logger.deprecate("The `inputRef` prop in `Simple Select` component is deprecated and will soon be removed. Please use `ref` instead.");
|
|
80
|
-
}
|
|
81
75
|
const componentIsUncontrolled = !isControlled || !onChange && defaultValue;
|
|
82
76
|
if (!deprecateUncontrolledWarnTriggered && componentIsUncontrolled) {
|
|
83
77
|
deprecateUncontrolledWarnTriggered = true;
|
|
@@ -289,7 +283,7 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
289
283
|
}, []);
|
|
290
284
|
const assignInput = useCallback(element => {
|
|
291
285
|
setTextboxRef(element);
|
|
292
|
-
if (
|
|
286
|
+
if (!ref) {
|
|
293
287
|
return;
|
|
294
288
|
}
|
|
295
289
|
if (typeof ref === "function") {
|
|
@@ -297,7 +291,7 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
297
291
|
} else {
|
|
298
292
|
ref.current = element;
|
|
299
293
|
}
|
|
300
|
-
}, [ref
|
|
294
|
+
}, [ref]);
|
|
301
295
|
function getTextboxProps() {
|
|
302
296
|
return {
|
|
303
297
|
id: inputId.current,
|
|
@@ -319,7 +313,6 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
|
|
|
319
313
|
required,
|
|
320
314
|
isOptional,
|
|
321
315
|
transparent,
|
|
322
|
-
inputRef,
|
|
323
316
|
...filterOutStyledSystemSpacingProps(props)
|
|
324
317
|
};
|
|
325
318
|
}
|
|
@@ -476,7 +469,6 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
476
469
|
"inputHint": PropTypes.string,
|
|
477
470
|
"inputIcon": PropTypes.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
|
|
478
471
|
"inputMode": PropTypes.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
|
|
479
|
-
"inputRef": PropTypes.func,
|
|
480
472
|
"inputWidth": PropTypes.number,
|
|
481
473
|
"is": PropTypes.string,
|
|
482
474
|
"isLoading": PropTypes.bool,
|
|
@@ -24,8 +24,6 @@ export interface SwitchProps extends CommonCheckableInputProps, MarginProps {
|
|
|
24
24
|
tooltipPosition?: "top" | "bottom" | "left" | "right";
|
|
25
25
|
/** Aria label for rendered help component */
|
|
26
26
|
helpAriaLabel?: string;
|
|
27
|
-
/** A callback to retrieve the input reference (deprecated) */
|
|
28
|
-
inputRef?: React.Ref<HTMLInputElement>;
|
|
29
27
|
}
|
|
30
28
|
export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
|
|
31
29
|
export default Switch;
|
|
@@ -11,7 +11,6 @@ import { NewValidationContext } from "../carbon-provider/carbon-provider.compone
|
|
|
11
11
|
import ValidationMessage from "../../__internal__/validation-message/validation-message.component";
|
|
12
12
|
import Box from "../box";
|
|
13
13
|
import Label from "../../__internal__/label";
|
|
14
|
-
let deprecateInputRefWarnTriggered = false;
|
|
15
14
|
let deprecateUncontrolledWarnTriggered = false;
|
|
16
15
|
const Switch = /*#__PURE__*/React.forwardRef(({
|
|
17
16
|
autoFocus,
|
|
@@ -42,7 +41,6 @@ const Switch = /*#__PURE__*/React.forwardRef(({
|
|
|
42
41
|
"data-element": dataElement,
|
|
43
42
|
"data-role": dataRole,
|
|
44
43
|
helpAriaLabel,
|
|
45
|
-
inputRef,
|
|
46
44
|
...rest
|
|
47
45
|
}, ref) => {
|
|
48
46
|
const isControlled = checked !== undefined;
|
|
@@ -50,10 +48,6 @@ const Switch = /*#__PURE__*/React.forwardRef(({
|
|
|
50
48
|
validationRedesignOptIn
|
|
51
49
|
} = useContext(NewValidationContext);
|
|
52
50
|
const [checkedInternal, setCheckedInternal] = useState(defaultChecked || false);
|
|
53
|
-
if (!deprecateInputRefWarnTriggered && inputRef) {
|
|
54
|
-
deprecateInputRefWarnTriggered = true;
|
|
55
|
-
Logger.deprecate("The `inputRef` prop in `Switch` component is deprecated and will soon be removed. Please use `ref` instead.");
|
|
56
|
-
}
|
|
57
51
|
if (!deprecateUncontrolledWarnTriggered && !onChange) {
|
|
58
52
|
deprecateUncontrolledWarnTriggered = true;
|
|
59
53
|
Logger.deprecate("Uncontrolled behaviour in `Switch` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
|
|
@@ -116,7 +110,7 @@ const Switch = /*#__PURE__*/React.forwardRef(({
|
|
|
116
110
|
reverse: !reverse,
|
|
117
111
|
// switched to preserve backward compatibility
|
|
118
112
|
validationOnLabel: shouldValidationBeOnLabel && !disabled,
|
|
119
|
-
ref
|
|
113
|
+
ref,
|
|
120
114
|
...rest
|
|
121
115
|
};
|
|
122
116
|
|
|
@@ -153,7 +147,7 @@ const Switch = /*#__PURE__*/React.forwardRef(({
|
|
|
153
147
|
value,
|
|
154
148
|
type: "checkbox",
|
|
155
149
|
role: "switch",
|
|
156
|
-
ref
|
|
150
|
+
ref,
|
|
157
151
|
...rest
|
|
158
152
|
};
|
|
159
153
|
const applyValidation = error || warning;
|
|
@@ -270,9 +264,6 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
270
264
|
"info": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
|
|
271
265
|
"inlist": PropTypes.any,
|
|
272
266
|
"inputMode": PropTypes.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
|
|
273
|
-
"inputRef": PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
274
|
-
"current": PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.object]).isRequired
|
|
275
|
-
})]),
|
|
276
267
|
"inputWidth": PropTypes.number,
|
|
277
268
|
"is": PropTypes.string,
|
|
278
269
|
"isOptional": PropTypes.bool,
|
|
@@ -17,7 +17,6 @@ import ValidationMessage from "../../__internal__/validation-message";
|
|
|
17
17
|
import Box from "../box";
|
|
18
18
|
import Logger from "../../__internal__/utils/logger";
|
|
19
19
|
import useFormSpacing from "../../hooks/__internal__/useFormSpacing";
|
|
20
|
-
let deprecateInputRefWarnTriggered = false;
|
|
21
20
|
let deprecateUncontrolledWarnTriggered = false;
|
|
22
21
|
let warnBorderRadiusArrayTooLarge = false;
|
|
23
22
|
const Textarea = /*#__PURE__*/React.forwardRef(({
|
|
@@ -57,7 +56,6 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
|
|
|
57
56
|
"data-element": dataElement,
|
|
58
57
|
"data-role": dataRole,
|
|
59
58
|
helpAriaLabel,
|
|
60
|
-
inputRef,
|
|
61
59
|
borderRadius,
|
|
62
60
|
hideBorders = false,
|
|
63
61
|
required,
|
|
@@ -83,10 +81,6 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
|
|
|
83
81
|
ref(inputElement);
|
|
84
82
|
}
|
|
85
83
|
}, [ref]);
|
|
86
|
-
if (!deprecateInputRefWarnTriggered && inputRef) {
|
|
87
|
-
deprecateInputRefWarnTriggered = true;
|
|
88
|
-
Logger.deprecate("The `inputRef` prop in `Textarea` component is deprecated and will soon be removed. Please use `ref` instead.");
|
|
89
|
-
}
|
|
90
84
|
if (!deprecateUncontrolledWarnTriggered && !onChange) {
|
|
91
85
|
deprecateUncontrolledWarnTriggered = true;
|
|
92
86
|
Logger.deprecate("Uncontrolled behaviour in `Textarea` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
|
|
@@ -185,7 +179,6 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
|
|
|
185
179
|
cols: cols,
|
|
186
180
|
id: id,
|
|
187
181
|
as: "textarea",
|
|
188
|
-
inputRef: inputRef,
|
|
189
182
|
validationIconId: validationRedesignOptIn ? undefined : validationId,
|
|
190
183
|
inputBorderRadius: borderRadius,
|
|
191
184
|
required: required
|
|
@@ -350,7 +343,6 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
350
343
|
"inputHint": PropTypes.string,
|
|
351
344
|
"inputIcon": PropTypes.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
|
|
352
345
|
"inputMode": PropTypes.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
|
|
353
|
-
"inputRef": PropTypes.func,
|
|
354
346
|
"inputWidth": PropTypes.number,
|
|
355
347
|
"is": PropTypes.string,
|
|
356
348
|
"isOptional": PropTypes.bool,
|
|
@@ -22,7 +22,6 @@ export const ALIGN_DEFAULT = "left";
|
|
|
22
22
|
export const SIZE_DEFAULT = "medium";
|
|
23
23
|
export const LABEL_WIDTH_DEFAULT = 30;
|
|
24
24
|
export const LABEL_VALIDATION_DEFAULT = false;
|
|
25
|
-
let deprecateInputRefWarnTriggered = false;
|
|
26
25
|
let deprecateUncontrolledWarnTriggered = false;
|
|
27
26
|
const Textbox = /*#__PURE__*/React.forwardRef(({
|
|
28
27
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -50,7 +49,6 @@ const Textbox = /*#__PURE__*/React.forwardRef(({
|
|
|
50
49
|
value,
|
|
51
50
|
readOnly,
|
|
52
51
|
placeholder,
|
|
53
|
-
inputRef,
|
|
54
52
|
onBlur,
|
|
55
53
|
onClick,
|
|
56
54
|
onFocus,
|
|
@@ -88,10 +86,6 @@ const Textbox = /*#__PURE__*/React.forwardRef(({
|
|
|
88
86
|
disableErrorBorder
|
|
89
87
|
} = useContext(NumeralDateContext);
|
|
90
88
|
const computeLabelPropValues = prop => validationRedesignOptIn ? undefined : prop;
|
|
91
|
-
if (!deprecateInputRefWarnTriggered && inputRef) {
|
|
92
|
-
deprecateInputRefWarnTriggered = true;
|
|
93
|
-
Logger.deprecate("The `inputRef` prop in `Textbox` component is deprecated and will soon be removed. Please use `ref` instead.");
|
|
94
|
-
}
|
|
95
89
|
if (!deprecateUncontrolledWarnTriggered && !onChange) {
|
|
96
90
|
deprecateUncontrolledWarnTriggered = true;
|
|
97
91
|
Logger.deprecate("Uncontrolled behaviour in `Textbox` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
|
|
@@ -141,7 +135,6 @@ const Textbox = /*#__PURE__*/React.forwardRef(({
|
|
|
141
135
|
deferTimeout: deferTimeout,
|
|
142
136
|
disabled: disabled,
|
|
143
137
|
id: uniqueId,
|
|
144
|
-
inputRef: inputRef,
|
|
145
138
|
ref: ref,
|
|
146
139
|
name: uniqueName,
|
|
147
140
|
onBlur: onBlur,
|
|
@@ -318,7 +311,6 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
318
311
|
"inputHint": PropTypes.string,
|
|
319
312
|
"inputIcon": PropTypes.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
|
|
320
313
|
"inputMode": PropTypes.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
|
|
321
|
-
"inputRef": PropTypes.func,
|
|
322
314
|
"inputWidth": PropTypes.number,
|
|
323
315
|
"is": PropTypes.string,
|
|
324
316
|
"isOptional": PropTypes.bool,
|
|
@@ -2,7 +2,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
|
|
|
2
2
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
3
3
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
4
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i :
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
6
6
|
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
7
|
// TODO: This component can be refactored to remove redundant code
|
|
8
8
|
// once we can confirm that all Sage products use version 105.0.0^
|
|
@@ -25,7 +25,7 @@ let ScrollBlockManager = /*#__PURE__*/function () {
|
|
|
25
25
|
// TODO: originalValues can be removed
|
|
26
26
|
this.originalValues = window.__CARBON_INTERNALS_SCROLL_BLOCKERS.originalValues;
|
|
27
27
|
}
|
|
28
|
-
_createClass(ScrollBlockManager, [{
|
|
28
|
+
return _createClass(ScrollBlockManager, [{
|
|
29
29
|
key: "registerComponent",
|
|
30
30
|
value: function registerComponent(id) {
|
|
31
31
|
this.components[id] = true;
|
|
@@ -69,6 +69,5 @@ let ScrollBlockManager = /*#__PURE__*/function () {
|
|
|
69
69
|
return Object.entries(this.components).length !== 0;
|
|
70
70
|
}
|
|
71
71
|
}]);
|
|
72
|
-
return ScrollBlockManager;
|
|
73
72
|
}();
|
|
74
73
|
export default ScrollBlockManager;
|
|
@@ -9,7 +9,7 @@ var _base = _interopRequireDefault(require("../../style/themes/base"));
|
|
|
9
9
|
var _visuallyHidden = _interopRequireDefault(require("../../style/utils/visually-hidden"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
const StyledCharacterCountWrapper = exports.StyledCharacterCountWrapper = _styledComponents.default.div``;
|
|
14
14
|
const StyledCharacterCount = exports.StyledCharacterCount = _styledComponents.default.div`
|
|
15
15
|
text-align: left;
|
|
@@ -14,7 +14,7 @@ var _guid = _interopRequireDefault(require("../utils/helpers/guid"));
|
|
|
14
14
|
var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility"));
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
19
|
const CheckableInput = /*#__PURE__*/_react.default.forwardRef(({
|
|
20
20
|
ariaLabelledBy,
|
|
@@ -13,7 +13,7 @@ var _help = _interopRequireDefault(require("../../components/help/help.style"));
|
|
|
13
13
|
var _validationIcon = _interopRequireDefault(require("../validations/validation-icon.style"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
const StyledCheckableInput = exports.StyledCheckableInput = _styledComponents.default.div`
|
|
18
18
|
display: inline-block;
|
|
19
19
|
position: relative;
|
|
@@ -10,7 +10,7 @@ var _hiddenCheckableInput = _interopRequireDefault(require("./hidden-checkable-i
|
|
|
10
10
|
var _inputBehaviour = require("../input-behaviour");
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
15
|
const HiddenCheckableInput = /*#__PURE__*/_react.default.forwardRef(({
|
|
16
16
|
ariaDescribedBy,
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
8
8
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
10
|
const StyledFieldHelp = _styledComponents.default.span`
|
|
11
11
|
display: block;
|
|
12
12
|
flex: 1;
|
|
@@ -13,7 +13,7 @@ var _inputBehaviour = require("../input-behaviour");
|
|
|
13
13
|
var _useFormSpacing = _interopRequireDefault(require("../../hooks/__internal__/useFormSpacing"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
18
|
const Fieldset = ({
|
|
19
19
|
legend,
|
|
@@ -9,7 +9,7 @@ var _styledSystem = require("styled-system");
|
|
|
9
9
|
var _base = _interopRequireDefault(require("../../style/themes/base"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
const StyledFieldset = exports.StyledFieldset = _styledComponents.default.fieldset`
|
|
14
14
|
margin: 0;
|
|
15
15
|
${_styledSystem.margin}
|
|
@@ -12,7 +12,7 @@ var _usePrevious = _interopRequireDefault(require("../../hooks/__internal__/useP
|
|
|
12
12
|
var _topModalContext = _interopRequireDefault(require("../../components/carbon-provider/top-modal-context"));
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
16
|
const TAB_GUARD_TOP = exports.TAB_GUARD_TOP = "tab-guard-top";
|
|
17
17
|
const TAB_GUARD_BOTTOM = exports.TAB_GUARD_BOTTOM = "tab-guard-bottom";
|
|
18
18
|
|
|
@@ -146,7 +146,7 @@ const FocusTrap = ({
|
|
|
146
146
|
}, [triggerRefocusFlag, refocusTrap]);
|
|
147
147
|
const [tabIndex, setTabIndex] = (0, _react.useState)(0);
|
|
148
148
|
(0, _react.useEffect)(() => {
|
|
149
|
-
//
|
|
149
|
+
// tabIndex is set to 0 and removed on blur.
|
|
150
150
|
if (!isOpen) {
|
|
151
151
|
setTabIndex(0);
|
|
152
152
|
}
|
|
@@ -16,7 +16,7 @@ var _useIsAboveBreakpoint = _interopRequireDefault(require("../../hooks/__intern
|
|
|
16
16
|
var _useFormSpacing = _interopRequireDefault(require("../../hooks/__internal__/useFormSpacing"));
|
|
17
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
18
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
20
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
21
|
const FormField = ({
|
|
22
22
|
children,
|
|
@@ -8,7 +8,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
|
8
8
|
var _styledSystem = require("styled-system");
|
|
9
9
|
var _themes = require("../../style/themes");
|
|
10
10
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
12
|
const FormFieldStyle = _styledComponents.default.div`
|
|
13
13
|
& + & {
|
|
14
14
|
margin-top: 16px;
|
|
@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _tags = _interopRequireDefault(require("../utils/helpers/tags/tags"));
|
|
10
10
|
var _fullScreenHeading = _interopRequireWildcard(require("./full-screen-heading.style"));
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
15
|
const FullScreenHeading = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
@@ -7,7 +7,7 @@ exports.default = exports.StyledHeaderContainer = void 0;
|
|
|
7
7
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
8
8
|
var _heading = require("../../components/heading/heading.style");
|
|
9
9
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
11
|
const StyledHeaderContainer = exports.StyledHeaderContainer = _styledComponents.default.div`
|
|
12
12
|
display: flex;
|
|
13
13
|
flex-wrap: wrap;
|