carbon-react 138.2.2 → 139.0.0

package/lib/components/modal/modal.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ModalContext = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
@@ -12,11 +12,11 @@ var _portal = _interopRequireDefault(require("../portal"));
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 var _useModalManager = _interopRequireDefault(require("../../hooks/__internal__/useModalManager"));
 var _modal = require("./modal.style");
+var _modal2 = _interopRequireDefault(require("./__internal__/modal.context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
 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); }
-const ModalContext = exports.ModalContext = /*#__PURE__*/_react.default.createContext({});
 const Modal = ({
   children,
   open,
@@ -97,7 +97,7 @@ const Modal = ({
     appear: true,
     classNames: "modal",
     timeout: timeout
-  }, /*#__PURE__*/_react.default.createElement(ModalContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_modal2.default.Provider, {
     value: {
       isAnimationComplete,
       triggerRefocusFlag,

package/{esm/components/navigation-bar → lib/components/navigation-bar/__internal__}/fixed-navigation-bar.context.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { NavigationBarProps } from ".";
+import { NavigationBarProps } from "..";
 declare type FixedNavigationBarContextProps = {
     submenuMaxHeight?: string;
 };

package/lib/components/navigation-bar/{fixed-navigation-bar.context.js → __internal__/fixed-navigation-bar.context.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.FixedNavigationBarContextProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver/useResizeObserver"));
+var _useResizeObserver = _interopRequireDefault(require("../../../hooks/__internal__/useResizeObserver/useResizeObserver"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }

package/lib/components/navigation-bar/navigation-bar.component.js

@@ -7,7 +7,7 @@ exports.default = exports.NavigationBar = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _navigationBar = _interopRequireDefault(require("./navigation-bar.style"));
-var _fixedNavigationBar = require("./fixed-navigation-bar.context");
+var _fixedNavigationBar = require("./__internal__/fixed-navigation-bar.context");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }

package/lib/components/note/note.component.js

@@ -12,7 +12,7 @@ var _note = require("./note.style");
 var _statusIcon = _interopRequireDefault(require("./__internal__/status-icon"));
 var _actionPopover = require("../action-popover");
 var _utils = require("../text-editor/__internal__/utils");
-var _textEditor = require("../text-editor/text-editor.component");
+var _editor = _interopRequireDefault(require("../text-editor/__internal__/editor.context"));
 var _linkPreview = _interopRequireDefault(require("../link-preview"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -52,7 +52,7 @@ const Note = ({
       tooltipMessage: timeStamp
     }, text));
   };
-  return /*#__PURE__*/_react.default.createElement(_textEditor.EditorContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_editor.default.Provider, {
     value: {
       onLinkAdded,
       editMode: false

package/lib/components/numeral-date/__internal__/numeral-date.context.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = /*#__PURE__*/_react.default.createContext({});

package/lib/components/numeral-date/numeral-date.component.js

@@ -20,8 +20,8 @@ var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLoc
 var _formField = _interopRequireDefault(require("../../__internal__/form-field"));
 var _inputBehaviour = require("../../__internal__/input-behaviour");
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _carbonProvider = require("../carbon-provider/carbon-provider.component");
-var _numeralDateContext = _interopRequireDefault(require("./numeral-date-context"));
+var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
+var _numeralDate2 = _interopRequireDefault(require("./__internal__/numeral-date.context"));
 var _formSpacingProvider = _interopRequireDefault(require("../../__internal__/form-spacing-provider"));
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -127,7 +127,7 @@ const NumeralDate = ({
   const locale = (0, _useLocale.default)();
   const {
     validationRedesignOptIn
-  } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
+  } = (0, _react.useContext)(_newValidation.default);
   const {
     current: uniqueId
   } = (0, _react.useRef)(id || (0, _guid.default)());
@@ -259,7 +259,7 @@ const NumeralDate = ({
       default:
         break;
     }
-    return /*#__PURE__*/_react.default.createElement(_numeralDateContext.default.Provider, {
+    return /*#__PURE__*/_react.default.createElement(_numeralDate2.default.Provider, {
       value: {
         disableErrorBorder: true
       },

package/lib/components/pill/pill.style.js

@@ -10,6 +10,7 @@ var _styledSystem = require("styled-system");
 var _pillStyle = _interopRequireDefault(require("./pill.style.config"));
 var _themes = require("../../style/themes");
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
+var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
 var _color = require("../../style/utils/color");
 var _getColorValue = _interopRequireDefault(require("../../style/utils/get-color-value"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -54,7 +55,7 @@ const StyledPill = _styledComponents.default.span`
     }
   } catch (e) {
     // eslint-disable-next-line no-console
-    console.error(e);
+    console.error(`Error: [Pill] - Could not parse the string '${borderColor}', please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.`);
   }
   return (0, _styledComponents.css)`
       font-size: 12px;
@@ -135,7 +136,7 @@ const StyledPill = _styledComponents.default.span`
       `}
 
       ${isDeletable && (0, _styledComponents.css)`
-        button {
+        ${_iconButton.default} {
           -webkit-appearance: none;
           ${!theme.roundedCornersOptOut && (0, _styledComponents.css)`
             border-radius: var(--borderRadius000);
@@ -196,7 +197,7 @@ const StyledPill = _styledComponents.default.span`
         ${size === "S" && (0, _styledComponents.css)`
           padding: 0 22px 0 8px;
 
-          button {
+          ${_iconButton.default} {
             padding: 0;
             line-height: 16px;
 
@@ -216,7 +217,7 @@ const StyledPill = _styledComponents.default.span`
         ${size === "M" && (0, _styledComponents.css)`
           padding: 0 28px 0 8px;
 
-          button {
+          ${_iconButton.default} {
             width: 24px;
             padding: 0;
             line-height: 15px;
@@ -230,7 +231,7 @@ const StyledPill = _styledComponents.default.span`
         ${size === "L" && (0, _styledComponents.css)`
           padding: 0 32px 0 8px;
 
-          button {
+          ${_iconButton.default} {
             width: 28px;
             padding: 0;
             line-height: 16px;
@@ -244,7 +245,7 @@ const StyledPill = _styledComponents.default.span`
         ${size === "XL" && (0, _styledComponents.css)`
           padding: 0 36px 0 12px;
 
-          button {
+          ${_iconButton.default} {
             width: 32px;
             padding: 0;
             line-height: 18px;

package/lib/components/popover-container/popover-container.component.js

@@ -17,7 +17,7 @@ var _utils = require("../../style/utils");
 var _useClickAwayListener = _interopRequireDefault(require("../../hooks/__internal__/useClickAwayListener"));
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 var _focusTrap = _interopRequireDefault(require("../../__internal__/focus-trap"));
-var _modal = require("../modal");
+var _modal = _interopRequireDefault(require("../modal/__internal__/modal.context"));
 var _useFocusPortalContent = _interopRequireDefault(require("../../hooks/__internal__/useFocusPortalContent"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -181,7 +181,7 @@ const PopoverContainer = ({
     id: popoverContainerId,
     "data-element": "popover-container-title"
   }, title), renderCloseComponent(renderCloseComponentProps)), children);
-  const childrenToRender = state => shouldCoverButton ? /*#__PURE__*/_react.default.createElement(_modal.ModalContext.Provider, {
+  const childrenToRender = state => shouldCoverButton ? /*#__PURE__*/_react.default.createElement(_modal.default.Provider, {
     value: {
       isAnimationComplete
     }

package/lib/components/portal/__internal__/portal.context.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface PortalContextProps {
+    renderInRoot?: boolean;
+}
+declare const _default: React.Context<PortalContextProps>;
+export default _default;

package/lib/components/portal/__internal__/portal.context.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = /*#__PURE__*/_react.default.createContext({});

package/lib/components/portal/portal.d.ts

@@ -1,8 +1,4 @@
 import React from "react";
-interface PortalContextProps {
-    renderInRoot?: boolean;
-}
-export declare const PortalContext: React.Context<PortalContextProps>;
 export interface PortalProps {
     /** The content of the portal. */
     children?: React.ReactNode;

package/lib/components/portal/portal.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.PortalContext = exports.Portal = void 0;
+exports.default = exports.Portal = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component"));
 var _portal = _interopRequireDefault(require("./portal.style"));
+var _portal2 = _interopRequireDefault(require("./__internal__/portal.context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
-const PortalContext = exports.PortalContext = /*#__PURE__*/_react.default.createContext({});
 const Container = _styledComponents.default.div`
   ${({
   theme
@@ -35,7 +35,7 @@ const Portal = ({
   const uniqueId = (0, _react.useMemo)(() => (0, _guid.default)(), []);
   const {
     renderInRoot
-  } = (0, _react.useContext)(PortalContext);
+  } = (0, _react.useContext)(_portal2.default);
   (0, _react.useEffect)(() => {
     if (onReposition) {
       onReposition();

package/lib/components/portrait/portrait.component.js

@@ -13,7 +13,7 @@ var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tag
 var _portrait = require("./portrait.config");
 var _portrait2 = require("./portrait.style");
 var _utils = require("../../style/utils");
-var _carbonProvider = require("../carbon-provider/carbon-provider.component");
+var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -42,7 +42,7 @@ const Portrait = ({
   const [externalError, setExternalError] = (0, _react.useState)(false);
   const {
     roundedCornersOptOut
-  } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
+  } = (0, _react.useContext)(_newValidation.default);
   const defaultShape = roundedCornersOptOut ? "square" : "circle";
   !!(src && gravatar) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "The `src` prop cannot be used in conjunction with the `gravatar` prop." + " Please use one or the other.") : (0, _invariant.default)(false) : void 0;
   (0, _react.useEffect)(() => {

package/lib/components/radio-button/radio-button-group/radio-button-group.component.js

@@ -14,7 +14,7 @@ var _useIsAboveBreakpoint = _interopRequireDefault(require("../../../hooks/__int
 var _utils = require("../../../style/utils");
 var _tooltipProvider = require("../../../__internal__/tooltip-provider");
 var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger"));
-var _carbonProvider = require("../../carbon-provider/carbon-provider.component");
+var _newValidation = _interopRequireDefault(require("../../carbon-provider/__internal__/new-validation.context"));
 var _validationMessage = _interopRequireDefault(require("../../../__internal__/validation-message/validation-message.component"));
 var _box = _interopRequireDefault(require("../../box"));
 var _textbox = require("../../textbox/textbox.style");
@@ -49,7 +49,7 @@ const RadioButtonGroup = props => {
   } = props;
   const {
     validationRedesignOptIn
-  } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
+  } = (0, _react.useContext)(_newValidation.default);
   if (!deprecateUncontrolledWarnTriggered && !onChange) {
     deprecateUncontrolledWarnTriggered = true;
     _logger.default.deprecate("Uncontrolled behaviour in `Radio Button` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");

package/lib/components/radio-button/radio-button.component.js

@@ -12,7 +12,7 @@ var _checkableInput = _interopRequireDefault(require("../../__internal__/checkab
 var _radioButtonSvg = _interopRequireDefault(require("./radio-button-svg.component"));
 var _utils = require("../../style/utils");
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _carbonProvider = require("../carbon-provider/carbon-provider.component");
+var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -49,7 +49,7 @@ const RadioButton = exports.RadioButton = /*#__PURE__*/_react.default.forwardRef
 }, ref) => {
   const {
     validationRedesignOptIn
-  } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
+  } = (0, _react.useContext)(_newValidation.default);
   const marginProps = (0, _utils.filterStyledSystemMarginProps)(props);
   const handleChange = (0, _react.useCallback)(event => {
     /* istanbul ignore else */

package/lib/components/select/{list-action-button → __internal__/list-action-button}/list-action-button.component.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _listActionButton = _interopRequireDefault(require("./list-action-button.style"));
-var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
-var _button = _interopRequireDefault(require("../../button"));
+var _useLocale = _interopRequireDefault(require("../../../../hooks/__internal__/useLocale"));
+var _button = _interopRequireDefault(require("../../../button"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ListActionButton = /*#__PURE__*/_react.default.forwardRef(({
   listActionButton,

package/lib/components/select/{list-action-button → __internal__/list-action-button}/list-action-button.style.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _button = _interopRequireDefault(require("../../button/button.style"));
+var _button = _interopRequireDefault(require("../../../button/button.style"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const StyledListActionButtonWrapper = _styledComponents.default.div`
   padding-top: var(--spacing100);

package/lib/components/select/__internal__/list-action-button/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../../../esm/components/select/__internal__/list-action-button/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/select/__internal__/select-list/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../../../esm/components/select/__internal__/select-list/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/select/{select-list → __internal__/select-list}/select-list.component.js

@@ -9,19 +9,19 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _dom = require("@floating-ui/dom");
 var _reactVirtual = require("@tanstack/react-virtual");
 var _findLastIndex = _interopRequireDefault(require("lodash/findLastIndex"));
-var _usePrevious = _interopRequireDefault(require("../../../hooks/__internal__/usePrevious"));
-var _useScrollBlock = _interopRequireDefault(require("../../../hooks/__internal__/useScrollBlock"));
-var _useModalManager = _interopRequireDefault(require("../../../hooks/__internal__/useModalManager"));
+var _usePrevious = _interopRequireDefault(require("../../../../hooks/__internal__/usePrevious"));
+var _useScrollBlock = _interopRequireDefault(require("../../../../hooks/__internal__/useScrollBlock"));
+var _useModalManager = _interopRequireDefault(require("../../../../hooks/__internal__/useModalManager"));
 var _selectList = require("./select-list.style");
-var _popover = _interopRequireDefault(require("../../../__internal__/popover"));
-var _optionRow = _interopRequireDefault(require("../option-row/option-row.component"));
+var _popover = _interopRequireDefault(require("../../../../__internal__/popover"));
+var _optionRow = _interopRequireDefault(require("../../option-row/option-row.component"));
 var _getNextChildByText = _interopRequireDefault(require("../utils/get-next-child-by-text"));
 var _getNextIndexByKey = _interopRequireDefault(require("../utils/get-next-index-by-key"));
 var _isNavigationKey = _interopRequireDefault(require("../utils/is-navigation-key"));
 var _listActionButton = _interopRequireDefault(require("../list-action-button"));
-var _loader = _interopRequireDefault(require("../../loader"));
-var _option = _interopRequireDefault(require("../option"));
-var _selectListContext = _interopRequireDefault(require("../__internal__/select-list-context"));
+var _loader = _interopRequireDefault(require("../../../loader"));
+var _option = _interopRequireDefault(require("../../option"));
+var _selectList2 = _interopRequireDefault(require("./select-list.context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -417,7 +417,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
       listHeight: listHeight - TABLE_HEADER_HEIGHT
     }), renderedChildren));
   }
-  return /*#__PURE__*/_react.default.createElement(_selectListContext.default.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_selectList2.default.Provider, {
     value: {
       currentOptionsListIndex,
       multiselectValues

package/lib/components/select/{select-list → __internal__/select-list}/select-list.style.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledSelectLoaderContainer = exports.StyledSelectListTableHeader = exports.StyledSelectListTableBody = exports.StyledSelectListTable = exports.StyledSelectListContainer = exports.StyledSelectList = exports.StyledScrollableContainer = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _themes = require("../../../style/themes");
+var _themes = require("../../../../style/themes");
 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); }
 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; }
 const StyledSelectList = exports.StyledSelectList = _styledComponents.default.ul`

package/lib/components/select/__internal__/select-text/select-text.component.d.ts

@@ -4,16 +4,8 @@ export interface SelectTextProps {
     disabled?: boolean;
     /** Value to be displayed */
     formattedValue?: string;
-    /** Label id passed from Select component  */
-    labelId?: string;
-    /** If true, the list is displayed */
-    isOpen?: boolean;
-    /** Callback function for when the Select Textbox loses it's focus. */
-    onBlur?: (ev: React.FocusEvent<HTMLElement>) => void;
     /** Callback function for when the component is clicked. */
     onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
-    /** Callback function for when the Select Textbox is focused. */
-    onFocus?: (ev: React.FocusEvent<HTMLElement>) => void;
     /** Callback function for when the key is pressed when focused on Select Text. */
     /** Callback function for when the left mouse key is pressed when focused on Select Text. */
     onMouseDown?: (ev: React.MouseEvent<HTMLElement>) => void;

package/lib/components/select/__internal__/select-textbox/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../../../esm/components/select/__internal__/select-textbox/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/{esm/components/select → lib/components/select/__internal__}/select-textbox/select-textbox.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { CommonTextboxProps } from "../../textbox";
-import { ValidationProps } from "../../../__internal__/validations";
-import { CustomSelectChangeEvent } from "../simple-select/simple-select.component";
+import { CommonTextboxProps } from "../../../textbox";
+import { ValidationProps } from "../../../../__internal__/validations";
+import { CustomSelectChangeEvent } from "../../simple-select/simple-select.component";
 export interface FormInputPropTypes extends ValidationProps, Omit<CommonTextboxProps, "onClick" | "onChange"> {
     /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
     adaptiveLabelBreakpoint?: number;

package/lib/components/select/{select-textbox → __internal__/select-textbox}/select-textbox.component.js

@@ -7,11 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _dom = require("@floating-ui/dom");
-var _useFloating = _interopRequireDefault(require("../../../hooks/__internal__/useFloating"));
-var _textbox = _interopRequireDefault(require("../../textbox"));
-var _selectText = _interopRequireDefault(require("../__internal__/select-text"));
-var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
-var _selectTextboxContext = require("./select-textbox-context");
+var _useFloating = _interopRequireDefault(require("../../../../hooks/__internal__/useFloating"));
+var _textbox = _interopRequireDefault(require("../../../textbox"));
+var _selectText = _interopRequireDefault(require("../select-text"));
+var _useLocale = _interopRequireDefault(require("../../../../hooks/__internal__/useLocale"));
+var _selectTextbox = require("./select-textbox.context");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -110,7 +110,7 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
     role: readOnly ? undefined : "combobox"
   };
   const hasStringValue = typeof selectedValue === "string" || Array.isArray(selectedValue) && typeof selectedValue[0] === "string";
-  return /*#__PURE__*/_react.default.createElement(_selectTextboxContext.SelectTextboxContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_selectTextbox.SelectTextboxContext.Provider, {
     value: {
       isInputInSelect: true
     }

package/lib/components/select/{utils → __internal__/utils}/is-expected-option.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isExpectedOption;
-var _option = _interopRequireDefault(require("../option"));
-var _optionRow = _interopRequireDefault(require("../option-row/option-row.component"));
+var _option = _interopRequireDefault(require("../../option"));
+var _optionRow = _interopRequireDefault(require("../../option-row/option-row.component"));
 var _isExpectedValue = _interopRequireDefault(require("./is-expected-value"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function isExpectedOption(element, expectedValue) {

package/lib/components/select/{utils → __internal__/utils}/with-filter.hoc.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
-var _optionRow = _interopRequireDefault(require("../option-row/option-row.style"));
-var _option = _interopRequireDefault(require("../option/option.style"));
-var _option2 = _interopRequireDefault(require("../option"));
-var _optionRow2 = _interopRequireDefault(require("../option-row/option-row.component"));
+var _useLocale = _interopRequireDefault(require("../../../../hooks/__internal__/useLocale"));
+var _optionRow = _interopRequireDefault(require("../../option-row/option-row.style"));
+var _option = _interopRequireDefault(require("../../option/option.style"));
+var _option2 = _interopRequireDefault(require("../../option"));
+var _optionRow2 = _interopRequireDefault(require("../../option-row/option-row.component"));
 var _highlightPartOfText = _interopRequireDefault(require("./highlight-part-of-text"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }

package/lib/components/select/filterable-select/filterable-select.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Side } from "@floating-ui/dom";
 import { ButtonProps } from "../../button";
-import { FormInputPropTypes } from "../select-textbox";
+import { FormInputPropTypes } from "../__internal__/select-textbox";
 export interface FilterableSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
     /** Prop to specify the aria-label attribute of the component input */
     "aria-label"?: string;

package/lib/components/select/filterable-select/filterable-select.component.js

@@ -8,13 +8,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _invariant = _interopRequireDefault(require("invariant"));
 var _utils = require("../../../style/utils");
-var _selectTextbox = _interopRequireDefault(require("../select-textbox"));
+var _selectTextbox = _interopRequireDefault(require("../__internal__/select-textbox"));
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-var _withFilter = _interopRequireDefault(require("../utils/with-filter.hoc"));
+var _withFilter = _interopRequireDefault(require("../__internal__/utils/with-filter.hoc"));
 var _select = _interopRequireDefault(require("../select.style"));
-var _selectList = _interopRequireDefault(require("../select-list/select-list.component"));
-var _isExpectedOption = _interopRequireDefault(require("../utils/is-expected-option"));
-var _isNavigationKey = _interopRequireDefault(require("../utils/is-navigation-key"));
+var _selectList = _interopRequireDefault(require("../__internal__/select-list/select-list.component"));
+var _isExpectedOption = _interopRequireDefault(require("../__internal__/utils/is-expected-option"));
+var _isNavigationKey = _interopRequireDefault(require("../__internal__/utils/is-navigation-key"));
 var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger"));
 var _useStableCallback = _interopRequireDefault(require("../../../hooks/__internal__/useStableCallback"));
 var _useFormSpacing = _interopRequireDefault(require("../../../hooks/__internal__/useFormSpacing"));

package/lib/components/select/multi-select/multi-select.component.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Side } from "@floating-ui/dom";
-import { FormInputPropTypes } from "../select-textbox";
+import { FormInputPropTypes } from "../__internal__/select-textbox";
 export interface MultiSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
     /** Prop to specify the aria-label attribute of the component input */
     "aria-label"?: string;

package/lib/components/select/multi-select/multi-select.component.js

@@ -8,15 +8,15 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _invariant = _interopRequireDefault(require("invariant"));
 var _utils = require("../../../style/utils");
-var _selectTextbox = _interopRequireDefault(require("../select-textbox"));
+var _selectTextbox = _interopRequireDefault(require("../__internal__/select-textbox"));
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-var _withFilter = _interopRequireDefault(require("../utils/with-filter.hoc"));
-var _selectList = _interopRequireDefault(require("../select-list/select-list.component"));
+var _withFilter = _interopRequireDefault(require("../__internal__/utils/with-filter.hoc"));
+var _selectList = _interopRequireDefault(require("../__internal__/select-list/select-list.component"));
 var _multiSelect = require("./multi-select.style");
 var _pill = _interopRequireDefault(require("../../pill"));
-var _isExpectedOption = _interopRequireDefault(require("../utils/is-expected-option"));
-var _isExpectedValue = _interopRequireDefault(require("../utils/is-expected-value"));
-var _isNavigationKey = _interopRequireDefault(require("../utils/is-navigation-key"));
+var _isExpectedOption = _interopRequireDefault(require("../__internal__/utils/is-expected-option"));
+var _isExpectedValue = _interopRequireDefault(require("../__internal__/utils/is-expected-value"));
+var _isNavigationKey = _interopRequireDefault(require("../__internal__/utils/is-navigation-key"));
 var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger"));
 var _useStableCallback = _interopRequireDefault(require("../../../hooks/__internal__/useStableCallback"));
 var _useFormSpacing = _interopRequireDefault(require("../../../hooks/__internal__/useFormSpacing"));

package/lib/components/select/option/option.component.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 var _option = _interopRequireDefault(require("./option.style"));
-var _selectListContext = _interopRequireDefault(require("../__internal__/select-list-context"));
+var _selectList = _interopRequireDefault(require("../__internal__/select-list/select-list.context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
@@ -26,7 +26,7 @@ const Option = /*#__PURE__*/_react.default.forwardRef(({
   style,
   ...rest
 }, ref) => {
-  const selectListContext = (0, _react.useContext)(_selectListContext.default);
+  const selectListContext = (0, _react.useContext)(_selectList.default);
   let isSelected = selectListContext.currentOptionsListIndex === index;
   const internalIdRef = (0, _react.useRef)(id || (0, _guid.default)());
   if (selectListContext.multiselectValues) {