carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/select/__internal__/select-list/select-list.style.js

@@ -1,154 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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");
-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`
-  ${({
-  listHeight
-}) => (0, _styledComponents.css)`
-    box-sizing: border-box;
-    display: flex;
-    align-items: flex-start;
-    flex-direction: column;
-    list-style-type: none;
-    margin: 0;
-    outline: none;
-    padding: 0;
-    position: relative;
-    width: 100%;
-    ${listHeight === undefined ? "" : `height: ${listHeight}px;`}
-  `}
-`;
-const StyledSelectLoaderContainer = exports.StyledSelectLoaderContainer = _styledComponents.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding-top: 24px;
-  padding-bottom: 24px;
-  width: 100%;
-  flex-grow: 1;
-`;
-const StyledSelectListTable = exports.StyledSelectListTable = _styledComponents.default.table`
-  background-color: var(--colorsUtilityYang100);
-  border-collapse: collapse;
-  border-radius: 0px;
-  border-spacing: 0;
-  min-width: 100%;
-  white-space: nowrap;
-  height: 180px;
-  overflow-y: auto;
-
-  thead,
-  tr {
-    display: table;
-    width: 100%;
-    table-layout: fixed;
-  }
-`;
-// TODO (design-tokens): to match current style for border bottom colorsUtilityMajor100
-const StyledSelectListTableHeader = exports.StyledSelectListTableHeader = _styledComponents.default.thead`
-  border-bottom: 1px solid var(--colorsUtilityMajor050);
-  position: sticky;
-  top: 0;
-  left: 0;
-  z-index: 1;
-
-  tr {
-    width: ${({
-  scrollbarWidth
-}) => `calc(100% - ${scrollbarWidth}px)`};
-  }
-
-  th {
-    position: sticky;
-    top: 0;
-    padding: var(--spacing200);
-    background-color: white;
-    text-align: left;
-    font-weight: 500;
-    font-size: 12px;
-    text-transform: uppercase;
-    color: var(--colorsUtilityYin055);
-    :after {
-      content: "";
-      display: block;
-      position: absolute;
-      bottom: -8px;
-      left: 0px;
-      background-image: linear-gradient(
-        var(--colorsUtilityMajor800),
-        var(--colorsUtilityYang100)
-      );
-      opacity: 0.03;
-      height: 8px;
-      width: 100%;
-    }
-  }
-`;
-const StyledSelectListTableBody = exports.StyledSelectListTableBody = _styledComponents.default.tbody`
-  display: block;
-  width: 100%;
-  table-layout: fixed;
-  width: 100%;
-  height: ${({
-  listHeight
-}) => `${listHeight}px`};
-`;
-const StyledSelectListContainer = exports.StyledSelectListContainer = _styledComponents.default.div`
-  background-color: white;
-
-  box-shadow: var(--boxShadow100);
-
-  &[data-floating-placement^="top"] {
-    box-shadow:
-      0 -5px 5px 0 #00141e33,
-      0 -10px 10px 0 #00141e1a;
-  }
-
-  animation: fadeIn 250ms ease-out;
-  position: absolute;
-  z-index: ${({
-  theme
-}) => theme.zIndex.popover};
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  border-radius: var(--borderRadius050);
-  ${({
-  isLoading
-}) => isLoading && "min-height: 150px"};
-
-  @keyframes fadeIn {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-`;
-const StyledScrollableContainer = exports.StyledScrollableContainer = _styledComponents.default.div`
-  max-height: ${({
-  maxHeight
-}) => `${maxHeight}px`};
-  width: 100%;
-  border-top-left-radius: var(--borderRadius050);
-  border-top-right-radius: var(--borderRadius050);
-  overflow-y: auto;
-
-  ${({
-  hasActionButton
-}) => !hasActionButton && (0, _styledComponents.css)`
-      border-bottom-left-radius: var(--borderRadius050);
-      border-bottom-right-radius: var(--borderRadius050);
-    `}
-`;
-StyledSelectListContainer.defaultProps = {
-  theme: _themes.baseTheme
-};
+"use strict";var e=require("styled-components");require("../../../../style/themes/sage/index.js");var t=require("../../../../style/themes/base/index.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../style/themes/none/index.js");var o=i(e);const l=o.default.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"sc-fe2303b3-0"})(["",""],(({listHeight:t})=>e.css(["box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:column;list-style-type:none;margin:0;outline:none;padding:0;position:relative;width:100%;",""],void 0===t?"":`height: ${t}px;`))),a=o.default.div.withConfig({displayName:"select-list.style__StyledSelectLoaderContainer",componentId:"sc-fe2303b3-1"})(["display:flex;align-items:center;justify-content:center;padding-top:24px;padding-bottom:24px;width:100%;flex-grow:1;"]),s=o.default.table.withConfig({displayName:"select-list.style__StyledSelectListTable",componentId:"sc-fe2303b3-2"})(["background-color:var(--colorsUtilityYang100);border-collapse:collapse;border-radius:0px;border-spacing:0;min-width:100%;white-space:nowrap;height:180px;overflow-y:auto;thead,tr{display:table;width:100%;table-layout:fixed;}"]),d=o.default.thead.withConfig({displayName:"select-list.style__StyledSelectListTableHeader",componentId:"sc-fe2303b3-3"})(["border-bottom:1px solid var(--colorsUtilityMajor050);position:sticky;top:0;left:0;z-index:1;tr{width:",';}th{position:sticky;top:0;padding:var(--spacing200);background-color:white;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;color:var(--colorsUtilityYin055);:after{content:"";display:block;position:absolute;bottom:-8px;left:0px;background-image:linear-gradient( var(--colorsUtilityMajor800),var(--colorsUtilityYang100) );opacity:0.03;height:8px;width:100%;}}'],(({scrollbarWidth:e})=>`calc(100% - ${e}px)`)),r=o.default.tbody.withConfig({displayName:"select-list.style__StyledSelectListTableBody",componentId:"sc-fe2303b3-4"})(["display:block;width:100%;table-layout:fixed;width:100%;height:",";"],(({listHeight:e})=>`${e}px`)),n=o.default.div.withConfig({displayName:"select-list.style__StyledSelectListContainer",componentId:"sc-fe2303b3-5"})(['background-color:white;box-shadow:var(--boxShadow100);&[data-floating-placement^="top"]{box-shadow:0 -5px 5px 0 #00141e33,0 -10px 10px 0 #00141e1a;}animation:fadeIn 250ms ease-out;position:absolute;z-index:',";display:flex;flex-wrap:wrap;align-items:flex-start;border-radius:var(--borderRadius050);",";@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}"],(({theme:e})=>e.zIndex.popover),(({isLoading:e})=>e&&"min-height: 150px")),p=o.default.div.withConfig({displayName:"select-list.style__StyledScrollableContainer",componentId:"sc-fe2303b3-6"})(["max-height:",";width:100%;border-top-left-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);overflow-y:auto;",""],(({maxHeight:e})=>`${e}px`),(({hasActionButton:t})=>!t&&e.css(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));n.defaultProps={theme:t.default},exports.StyledScrollableContainer=p,exports.StyledSelectList=l,exports.StyledSelectListContainer=n,exports.StyledSelectListTable=s,exports.StyledSelectListTableBody=r,exports.StyledSelectListTableHeader=d,exports.StyledSelectLoaderContainer=a;

package/lib/components/select/__internal__/select-textbox/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _selectTextbox.default;
-  }
-});
-var _selectTextbox = _interopRequireDefault(require("./select-textbox.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./select-textbox.component.js");exports.default=e.default;

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

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

package/lib/components/select/__internal__/select-textbox/select-textbox.component.js

@@ -1,110 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _selectTextbox = require("./select-textbox.context");
-var _selectTextbox2 = require("./select-textbox.style");
-var _textbox = _interopRequireDefault(require("../../../textbox"));
-var _useLocale = _interopRequireDefault(require("../../../../hooks/__internal__/useLocale"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
-  ariaLabel,
-  ariaLabelledby,
-  accessibilityLabelId,
-  labelId,
-  "aria-controls": ariaControls,
-  disabled = false,
-  isOpen,
-  id,
-  readOnly = false,
-  placeholder: customPlaceholder,
-  size = "medium",
-  onClick,
-  onFocus,
-  onBlur,
-  formattedValue = "",
-  selectedValue,
-  required,
-  isOptional,
-  hasTextCursor,
-  transparent = false,
-  activeDescendantId,
-  onKeyDown,
-  ...restProps
-}, ref) => {
-  const l = (0, _useLocale.default)();
-  const placeholder = customPlaceholder || l.select.placeholder();
-  const showPlaceholder = !disabled && !readOnly && !formattedValue;
-  function handleTextboxClick(event) {
-    onClick?.(event);
-  }
-  function handleTextboxFocus(event) {
-    if (disabled || readOnly) return;
-    onFocus?.(event);
-  }
-  const textboxProps = {
-    disabled,
-    id,
-    readOnly,
-    required,
-    isOptional,
-    onClick: handleTextboxClick,
-    onFocus: handleTextboxFocus,
-    onBlur,
-    labelId,
-    type: "text",
-    ref,
-    onKeyDown,
-    ...restProps
-  };
-  const {
-    "aria-describedby": ariaDescribedBy,
-    ...filteredRestProps
-  } = restProps;
-  const inputAriaAttributes = {
-    "aria-expanded": readOnly ? undefined : isOpen,
-    "aria-labelledby": accessibilityLabelId ? `${ariaLabelledby || labelId} ${accessibilityLabelId}` : ariaLabelledby,
-    "aria-activedescendant": activeDescendantId,
-    "aria-controls": ariaControls,
-    "aria-autocomplete": hasTextCursor ? "both" : undefined,
-    role: readOnly ? undefined : "combobox"
-  };
-  const hasStringValue = typeof selectedValue === "string" || Array.isArray(selectedValue) && typeof selectedValue[0] === "string";
-  return /*#__PURE__*/_react.default.createElement(_selectTextbox.SelectTextboxContext.Provider, {
-    value: {
-      isInputInSelect: true
-    }
-  }, /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({
-    "aria-describedby": ariaDescribedBy,
-    "aria-label": ariaLabel,
-    "data-element": "select-input",
-    "data-role": "select-textbox",
-    inputIcon: "dropdown",
-    autoComplete: "off",
-    size: size
-    // prevent uncontrolled warning being fired
-    ,
-    onChange: () => {},
-    formattedValue: formattedValue,
-    value: hasStringValue ? selectedValue : undefined,
-    placeholder: hasTextCursor ? placeholder : undefined
-  }, inputAriaAttributes, textboxProps, {
-    my: 0 // prevents any form spacing being applied
-  }), !hasTextCursor && /*#__PURE__*/_react.default.createElement(_selectTextbox2.StyledSelectText, _extends({
-    "aria-hidden": true,
-    "data-element": "select-text",
-    "data-role": "select-text",
-    disabled: disabled,
-    hasPlaceholder: showPlaceholder,
-    onClick: disabled || readOnly ? undefined : handleTextboxClick,
-    readOnly: readOnly,
-    transparent: transparent,
-    size: size
-  }, filteredRestProps), /*#__PURE__*/_react.default.createElement(_selectTextbox2.StyledSelectTextChildrenWrapper, null, showPlaceholder ? placeholder : formattedValue))));
-});
-SelectTextbox.displayName = "SelectTextbox";
-var _default = exports.default = SelectTextbox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./select-textbox.context.js"),n=require("./select-textbox.style.js"),o=require("../../../textbox/textbox.component.js"),a=require("../../../../hooks/__internal__/useLocale/useLocale.js");function l(e){return e&&e.__esModule?e:{default:e}}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function d(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const u=l(t).default.forwardRef(((t,l)=>{var{ariaLabel:i,ariaLabelledby:u,accessibilityLabelId:b,labelId:p,"aria-controls":y,disabled:f=!1,isOpen:O,id:x,readOnly:j=!1,placeholder:h,size:m="medium",onClick:v,onFocus:g,onBlur:w,formattedValue:P="",selectedValue:S,required:I,isOptional:C,hasTextCursor:q,transparent:D=!1,activeDescendantId:k,onKeyDown:L}=t,_=d(t,["ariaLabel","ariaLabelledby","accessibilityLabelId","labelId","aria-controls","disabled","isOpen","id","readOnly","placeholder","size","onClick","onFocus","onBlur","formattedValue","selectedValue","required","isOptional","hasTextCursor","transparent","activeDescendantId","onKeyDown"]);const T=a.default(),V=h||T.select.placeholder(),z=!f&&!j&&!P;function B(e){null==v||v(e)}const E=c({disabled:f,id:x,readOnly:j,required:I,isOptional:C,onClick:B,onFocus:function(e){f||j||null==g||g(e)},onBlur:w,labelId:p,type:"text",ref:l,onKeyDown:L},_),{"aria-describedby":F}=_,K=d(_,["aria-describedby"]),A={"aria-expanded":j?void 0:O,"aria-labelledby":b?`${u||p} ${b}`:u,"aria-activedescendant":k,"aria-controls":y,"aria-autocomplete":q?"both":void 0,role:j?void 0:"combobox"},M="string"==typeof S||Array.isArray(S)&&"string"==typeof S[0];return e.jsx(r.SelectTextboxContext.Provider,{value:{isInputInSelect:!0},children:e.jsx(o.Textbox,s(c({"aria-describedby":F,"aria-label":i,"data-element":"select-input","data-role":"select-textbox",inputIcon:"dropdown",autoComplete:"off",size:m,onChange:()=>{},formattedValue:P,value:M?S:void 0,placeholder:q?V:void 0},A,E),{my:0,children:!q&&e.jsx(n.StyledSelectText,s(c({"aria-hidden":!0,"data-element":"select-text","data-role":"select-text",disabled:f,hasPlaceholder:z,onClick:f||j?void 0:B,readOnly:j,transparent:D,size:m},K),{children:e.jsx(n.StyledSelectTextChildrenWrapper,{children:z?V:P})}))}))})}));u.displayName="SelectTextbox",exports.default=u;

package/lib/components/select/__internal__/select-textbox/select-textbox.context.js

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

package/lib/components/select/__internal__/select-textbox/select-textbox.style.js

@@ -1,59 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSelectTextChildrenWrapper = exports.StyledSelectText = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _inputSizes = _interopRequireDefault(require("../../../../__internal__/input/input-sizes.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 StyledSelectText = exports.StyledSelectText = _styledComponents.default.span`
-  ${({
-  disabled,
-  hasPlaceholder,
-  readOnly,
-  transparent,
-  size
-}) => (0, _styledComponents.css)`
-    align-items: center;
-    display: inline-flex;
-    flex-grow: 1;
-    font-size: 14px;
-    height: auto;
-    outline: none;
-    width: 30px;
-    z-index: 1;
-    padding-left: ${_inputSizes.default[size].horizontalPadding};
-
-    ${transparent && (0, _styledComponents.css)`
-      font-weight: 500;
-      text-align: right;
-    `}
-
-    ${hasPlaceholder && (0, _styledComponents.css)`
-      color: ${transparent ? `var(--colorsUtilityYin100)` : `var(--colorsUtilityYin055)`};
-      font-weight: ${transparent ? 500 : "normal"};
-      user-select: none;
-    `}
-
-    ${disabled && (0, _styledComponents.css)`
-      cursor: not-allowed;
-      color: var(--colorsUtilityYin030);
-      text-shadow: none;
-    `}
-
-    ${readOnly && (0, _styledComponents.css)`
-      cursor: default;
-      color: var(--colorsUtilityYin065);
-      text-shadow: none;
-    `}
-  `}
-`;
-const StyledSelectTextChildrenWrapper = exports.StyledSelectTextChildrenWrapper = _styledComponents.default.span`
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
+"use strict";var e=require("styled-components"),t=require("../../../../__internal__/input/input-sizes.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var o=l(e);const s=o.default.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"sc-375f3004-0"})(["",""],(({disabled:l,hasPlaceholder:o,readOnly:s,transparent:i,size:n})=>e.css(["align-items:center;display:inline-flex;flex-grow:1;font-size:14px;height:auto;outline:none;width:30px;z-index:1;padding-left:",";"," "," "," ",""],t.default[n].horizontalPadding,i&&e.css(["font-weight:500;text-align:right;"]),o&&e.css(["color:",";font-weight:",";user-select:none;"],i?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",i?500:"normal"),l&&e.css(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),s&&e.css(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),i=o.default.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"sc-375f3004-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);exports.StyledSelectText=s,exports.StyledSelectTextChildrenWrapper=i;

package/lib/components/select/__internal__/utils/are-objects-equal.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = areObjectsEqual;
-function areObjectsEqual(obj1, obj2) {
-  // Check if both arguments are objects
-  if (typeof obj1 !== "object" || typeof obj2 !== "object" || obj1 === null || obj2 === null) {
-    return false;
-  }
-  // Get the keys of both objects
-  const keys1 = Object.keys(obj1);
-  const keys2 = Object.keys(obj2);
-  // If the number of keys is different, objects aren't equal
-  if (keys1.length !== keys2.length) {
-    return false;
-  } // Compare keys and values
-  for (const key of keys1) {
-    // Check if obj2 has the key and values are strictly equal
-    if (!Object.prototype.hasOwnProperty.call(obj2, key) || obj1[key] !== obj2[key]) {
-      return false;
-    }
-  }
-  return true;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e,t){if("object"!=typeof e||"object"!=typeof t||null===e||null===t)return!1;const r=Object.keys(e),o=Object.keys(t);if(r.length!==o.length)return!1;for(const o of r)if(!Object.prototype.hasOwnProperty.call(t,o)||e[o]!==t[o])return!1;return!0};

package/lib/components/select/__internal__/utils/get-next-child-by-text.js

@@ -1,40 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getNextChildByText;
-function findElementStartingWithText(textToMatch, list) {
-  return list.findIndex(child => {
-    return child.props.text?.toLowerCase().startsWith(textToMatch.toLowerCase());
-  });
-}
-function getListOfMatches(arrayOfChildren, lastCharacter) {
-  return arrayOfChildren.reduce((acc, child, index) => {
-    if (child.props.text && child.props.text.toLowerCase().startsWith(lastCharacter.toLowerCase())) {
-      acc.push(index);
-    }
-    return acc;
-  }, []);
-}
-function getIndexOfNextElement(listOfMatches, previousIndex) {
-  const isLastIndex = previousIndex === listOfMatches[listOfMatches.length - 1];
-  if (isLastIndex) {
-    return listOfMatches[0];
-  }
-  return listOfMatches[listOfMatches.indexOf(previousIndex) + 1];
-}
-
-/**
- * Recreates HTML Select element functionality of finding first match based on typed characters
- * */
-function getNextChildByText(textToMatch, arrayOfChildren, previousIndex = -1) {
-  const lastCharacter = textToMatch.slice(-1);
-  const isTheSameCharacter = textToMatch.split("").every(character => character === lastCharacter);
-  let indexOfMatch = findElementStartingWithText(textToMatch, arrayOfChildren);
-  const listOfMatches = getListOfMatches(arrayOfChildren, lastCharacter);
-  if (isTheSameCharacter && listOfMatches.length > 1) {
-    indexOfMatch = getIndexOfNextElement(listOfMatches, previousIndex);
-  }
-  return arrayOfChildren[indexOfMatch];
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),exports.default=function(e,t,r=-1){const o=e.slice(-1),n=e.split("").every((e=>e===o));let s=function(e,t){return t.findIndex((t=>{var r;return null===(r=t.props.text)||void 0===r?void 0:r.toLowerCase().startsWith(e.toLowerCase())}))}(e,t);const u=function(e,t){return e.reduce(((e,r,o)=>(r.props.text&&r.props.text.toLowerCase().startsWith(t.toLowerCase())&&e.push(o),e)),[])}(t,o);return n&&u.length>1&&(s=function(e,t){return t===e[e.length-1]?e[0]:e[e.indexOf(t)+1]}(u,r)),t[s]};

package/lib/components/select/__internal__/utils/get-next-index-by-key.js

@@ -1,54 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PAGE_SIZE = void 0;
-exports.default = getNextIndexByKey;
-const PAGE_SIZE = exports.PAGE_SIZE = 4;
-function getNextIndexByKey(key, currentIndex, lastIndex, isLoading) {
-  const isNoOptionSelected = currentIndex === -1;
-  let newIndex = currentIndex;
-  switch (key) {
-    case "Home":
-      newIndex = 0;
-      break;
-    case "End":
-      newIndex = lastIndex;
-      break;
-    case "ArrowDown":
-      if (isLoading && currentIndex === lastIndex) {
-        return lastIndex;
-      }
-      if (currentIndex === lastIndex || isNoOptionSelected) {
-        newIndex = 0;
-      } else {
-        newIndex = currentIndex + 1;
-      }
-      break;
-    case "ArrowUp":
-      if (currentIndex === 0 || isNoOptionSelected) {
-        newIndex = lastIndex;
-      } else {
-        newIndex = currentIndex - 1;
-      }
-      break;
-    case "PageDown":
-      if (isNoOptionSelected) {
-        newIndex = Math.min(PAGE_SIZE - 1, lastIndex);
-      } else {
-        newIndex = Math.min(currentIndex + PAGE_SIZE, lastIndex);
-      }
-      break;
-    case "PageUp":
-      if (isNoOptionSelected) {
-        newIndex = Math.max(lastIndex + 1 - PAGE_SIZE, 0);
-      } else {
-        newIndex = Math.max(currentIndex - PAGE_SIZE, 0);
-      }
-      break;
-    default:
-      break;
-  }
-  return newIndex;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PAGE_SIZE=4,exports.default=function(e,a,r,t){const s=-1===a;let o=a;switch(e){case"Home":o=0;break;case"End":o=r;break;case"ArrowDown":if(t&&a===r)return r;o=a===r||s?0:a+1;break;case"ArrowUp":o=0===a||s?r:a-1;break;case"PageDown":o=s?Math.min(3,r):Math.min(a+4,r);break;case"PageUp":o=s?Math.max(r+1-4,0):Math.max(a-4,0)}return o};

package/lib/components/select/__internal__/utils/highlight-part-of-text.js

@@ -1,47 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = highlightPartOfTextRecursive;
-var _react = _interopRequireDefault(require("react"));
-var _matchingText = _interopRequireDefault(require("./matching-text.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function highlightPartOfText(text, partToHighlight) {
-  if (!partToHighlight || !partToHighlight.length || !text) return text;
-  const lowercaseText = text.toLowerCase();
-  const lowercasePart = partToHighlight.toLowerCase();
-  const indexOfFirstMatch = lowercaseText.indexOf(lowercasePart);
-  if (indexOfFirstMatch === -1) {
-    return text;
-  }
-  const precedingText = text.slice(0, indexOfFirstMatch);
-  const matchingText = text.slice(indexOfFirstMatch, indexOfFirstMatch + partToHighlight.length);
-  const followingText = text.slice(indexOfFirstMatch + partToHighlight.length, text.length);
-  let followingTextNode = followingText;
-  if (followingText.length >= partToHighlight.length) {
-    followingTextNode = highlightPartOfText(followingText, partToHighlight);
-  }
-  const newValue = [/*#__PURE__*/_react.default.createElement("span", {
-    key: "preceding"
-  }, precedingText), /*#__PURE__*/_react.default.createElement(_matchingText.default, {
-    key: "match",
-    "data-role": "matching-text"
-  }, matchingText), /*#__PURE__*/_react.default.createElement("span", {
-    key: "following"
-  }, followingTextNode)];
-  return newValue;
-}
-function highlightPartOfTextRecursive(child, partToHighlight) {
-  if (typeof child === "string") {
-    return highlightPartOfText(child, partToHighlight);
-  }
-  /* istanbul ignore if */
-  if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-    return child;
-  }
-  const highlightedChildren = _react.default.Children.map(child.props.children, grandChild => highlightPartOfTextRecursive(grandChild, partToHighlight));
-  return /*#__PURE__*/_react.default.cloneElement(child, {
-    children: highlightedChildren
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./matching-text.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(t);function i(t,n){if(!n||!n.length||!t)return t;const l=t.toLowerCase(),s=n.toLowerCase(),u=l.indexOf(s);if(-1===u)return t;const c=t.slice(0,u),a=t.slice(u,u+n.length),o=t.slice(u+n.length,t.length);let d=o;return o.length>=n.length&&(d=i(o,n)),[e.jsx("span",{children:c},"preceding"),e.jsx(r.default,{"data-role":"matching-text",children:a},"match"),e.jsx("span",{children:d},"following")]}exports.default=function e(t,r){if("string"==typeof t)return i(t,r);if(!l.default.isValidElement(t))return t;const n=l.default.Children.map(t.props.children,(t=>e(t,r)));return l.default.cloneElement(t,{children:n})};

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

@@ -1,25 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = isExpectedOption;
-var _option = _interopRequireDefault(require("../../option"));
-var _optionRow = _interopRequireDefault(require("../../option-row/option-row.component"));
-var _isExpectedValue = _interopRequireDefault(require("./is-expected-value"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function isExpectedOption(element, expectedValue) {
-  if (element.type !== _option.default && element.type !== _optionRow.default) {
-    return false;
-  }
-  if (expectedValue === null || expectedValue === undefined) {
-    return false;
-  }
-  const {
-    length
-  } = typeof expectedValue === "string" ? expectedValue : Object.keys(expectedValue);
-  if (!length) {
-    return false;
-  }
-  return (0, _isExpectedValue.default)(element.props.value, expectedValue);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../option/option.component.js"),t=require("../../option-row/option-row.component.js"),o=require("./is-expected-value.js");exports.default=function(r,n){if(r.type!==e.default&&r.type!==t.default)return!1;if(null==n)return!1;const{length:u}="string"==typeof n?n:Object.keys(n);return!!u&&o.default(r.props.value,n)};

package/lib/components/select/__internal__/utils/is-expected-value.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = isExpectedValue;
-function isExpectedValue(currentValue, expectedValue) {
-  if (typeof currentValue === "object" && currentValue.id !== null && currentValue.id !== undefined && typeof expectedValue === "object") {
-    return currentValue.id === expectedValue.id;
-  }
-  return currentValue === expectedValue;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e,t){return"object"==typeof e&&null!==e.id&&void 0!==e.id&&"object"==typeof t?e.id===t.id:e===t};

package/lib/components/select/__internal__/utils/is-navigation-key.js

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = isNavigationKey;
-function isNavigationKey(key) {
-  const navigationKeys = ["ArrowDown", "ArrowUp", "Home", "End", "PageUp", "PageDown"];
-  return navigationKeys.includes(key);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e){return["ArrowDown","ArrowUp","Home","End","PageUp","PageDown"].includes(e)};

package/lib/components/select/__internal__/utils/matching-text.style.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MatchingText = _styledComponents.default.span`
-  font-weight: 500;
-  text-decoration: underline;
-`;
-var _default = exports.default = MatchingText;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);exports.default=t;