carbon-react 154.4.0 → 154.4.2

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

@@ -1,103 +1 @@
-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); }
-import React from "react";
-import { SelectTextboxContext } from "./select-textbox.context";
-import { StyledSelectText, StyledSelectTextChildrenWrapper } from "./select-textbox.style";
-import Textbox from "../../../textbox";
-import useLocale from "../../../../hooks/__internal__/useLocale";
-const SelectTextbox = /*#__PURE__*/React.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 = useLocale();
-  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.createElement(SelectTextboxContext.Provider, {
-    value: {
-      isInputInSelect: true
-    }
-  }, /*#__PURE__*/React.createElement(Textbox, _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.createElement(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.createElement(StyledSelectTextChildrenWrapper, null, showPlaceholder ? placeholder : formattedValue))));
-});
-SelectTextbox.displayName = "SelectTextbox";
-export default SelectTextbox;
+import{jsx as e}from"react/jsx-runtime";import t from"react";import{SelectTextboxContext as r}from"./select-textbox.context.js";import{StyledSelectText as o,StyledSelectTextChildrenWrapper as n}from"./select-textbox.style.js";import{Textbox as a}from"../../../textbox/textbox.component.js";import l from"../../../../hooks/__internal__/useLocale/useLocale.js";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]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.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,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const b=t.forwardRef(((t,i)=>{var{ariaLabel:b,ariaLabelledby:u,accessibilityLabelId:p,labelId:y,"aria-controls":f,disabled:O=!1,isOpen:m,id:x,readOnly:j=!1,placeholder:h,size:v="medium",onClick:g,onFocus:w,onBlur:P,formattedValue:I="",selectedValue:D,required:k,isOptional:C,hasTextCursor:L,transparent:S=!1,activeDescendantId:V,onKeyDown:z}=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 q=l(),B=h||q.select.placeholder(),E=!O&&!j&&!I;function F(e){null==g||g(e)}const K=c({disabled:O,id:x,readOnly:j,required:k,isOptional:C,onClick:F,onFocus:function(e){O||j||null==w||w(e)},onBlur:P,labelId:y,type:"text",ref:i,onKeyDown:z},_),{"aria-describedby":T}=_,A=d(_,["aria-describedby"]),$={"aria-expanded":j?void 0:m,"aria-labelledby":p?`${u||y} ${p}`:u,"aria-activedescendant":V,"aria-controls":f,"aria-autocomplete":L?"both":void 0,role:j?void 0:"combobox"},N="string"==typeof D||Array.isArray(D)&&"string"==typeof D[0];return e(r.Provider,{value:{isInputInSelect:!0},children:e(a,s(c({"aria-describedby":T,"aria-label":b,"data-element":"select-input","data-role":"select-textbox",inputIcon:"dropdown",autoComplete:"off",size:v,onChange:()=>{},formattedValue:I,value:N?D:void 0,placeholder:L?B:void 0},$,K),{my:0,children:!L&&e(o,s(c({"aria-hidden":!0,"data-element":"select-text","data-role":"select-text",disabled:O,hasPlaceholder:E,onClick:O||j?void 0:F,readOnly:j,transparent:S,size:v},A),{children:e(n,{children:E?B:I})}))}))})}));b.displayName="SelectTextbox";export{b as default};

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

@@ -1,2 +1 @@
-import React from "react";
-export const SelectTextboxContext = /*#__PURE__*/React.createContext({});
+import t from"react";const e=t.createContext({});export{e as SelectTextboxContext};

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

@@ -1,51 +1 @@
-import styled, { css } from "styled-components";
-import sizes from "../../../../__internal__/input/input-sizes.style";
-const StyledSelectText = styled.span`
-  ${({
-  disabled,
-  hasPlaceholder,
-  readOnly,
-  transparent,
-  size
-}) => css`
-    align-items: center;
-    display: inline-flex;
-    flex-grow: 1;
-    font-size: 14px;
-    height: auto;
-    outline: none;
-    width: 30px;
-    z-index: 1;
-    padding-left: ${sizes[size].horizontalPadding};
-
-    ${transparent && css`
-      font-weight: 500;
-      text-align: right;
-    `}
-
-    ${hasPlaceholder && css`
-      color: ${transparent ? `var(--colorsUtilityYin100)` : `var(--colorsUtilityYin055)`};
-      font-weight: ${transparent ? 500 : "normal"};
-      user-select: none;
-    `}
-
-    ${disabled && css`
-      cursor: not-allowed;
-      color: var(--colorsUtilityYin030);
-      text-shadow: none;
-    `}
-
-    ${readOnly && css`
-      cursor: default;
-      color: var(--colorsUtilityYin065);
-      text-shadow: none;
-    `}
-  `}
-`;
-const StyledSelectTextChildrenWrapper = styled.span`
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-export { StyledSelectText, StyledSelectTextChildrenWrapper };
+import e,{css as t}from"styled-components";import o from"../../../../__internal__/input/input-sizes.style.js";const i=e.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"sc-375f3004-0"})(["",""],(({disabled:e,hasPlaceholder:i,readOnly:l,transparent:n,size:s})=>t(["align-items:center;display:inline-flex;flex-grow:1;font-size:14px;height:auto;outline:none;width:30px;z-index:1;padding-left:",";"," "," "," ",""],o[s].horizontalPadding,n&&t(["font-weight:500;text-align:right;"]),i&&t(["color:",";font-weight:",";user-select:none;"],n?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",n?500:"normal"),e&&t(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),l&&t(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),l=e.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"sc-375f3004-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);export{i as StyledSelectText,l as StyledSelectTextChildrenWrapper};

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

@@ -1,20 +1 @@
-export default 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;
-}
+function t(t,e){if("object"!=typeof t||"object"!=typeof e||null===t||null===e)return!1;const n=Object.keys(t),o=Object.keys(e);if(n.length!==o.length)return!1;for(const o of n)if(!Object.prototype.hasOwnProperty.call(e,o)||t[o]!==e[o])return!1;return!0}export{t as default};

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

@@ -1,34 +1 @@
-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
- * */
-export default 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];
-}
+import"react";function t(t,e,r=-1){const n=t.slice(-1),o=t.split("").every((t=>t===n));let s=function(t,e){return e.findIndex((e=>{var r;return null===(r=e.props.text)||void 0===r?void 0:r.toLowerCase().startsWith(t.toLowerCase())}))}(t,e);const i=function(t,e){return t.reduce(((t,r,n)=>(r.props.text&&r.props.text.toLowerCase().startsWith(e.toLowerCase())&&t.push(n),t)),[])}(e,n);return o&&i.length>1&&(s=function(t,e){return e===t[t.length-1]?t[0]:t[t.indexOf(e)+1]}(i,r)),e[s]}export{t as default};

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

@@ -1,47 +1 @@
-export const PAGE_SIZE = 4;
-export default 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;
-}
+const a=4;function e(a,e,r,t){const n=-1===e;let c=e;switch(a){case"Home":c=0;break;case"End":c=r;break;case"ArrowDown":if(t&&e===r)return r;c=e===r||n?0:e+1;break;case"ArrowUp":c=0===e||n?r:e-1;break;case"PageDown":c=n?Math.min(3,r):Math.min(e+4,r);break;case"PageUp":c=n?Math.max(r+1-4,0):Math.max(e-4,0)}return c}export{a as PAGE_SIZE,e as default};

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

@@ -1,40 +1 @@
-import React from "react";
-import MatchingText from "./matching-text.style";
-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.createElement("span", {
-    key: "preceding"
-  }, precedingText), /*#__PURE__*/React.createElement(MatchingText, {
-    key: "match",
-    "data-role": "matching-text"
-  }, matchingText), /*#__PURE__*/React.createElement("span", {
-    key: "following"
-  }, followingTextNode)];
-  return newValue;
-}
-export default function highlightPartOfTextRecursive(child, partToHighlight) {
-  if (typeof child === "string") {
-    return highlightPartOfText(child, partToHighlight);
-  }
-  /* istanbul ignore if */
-  if (! /*#__PURE__*/React.isValidElement(child)) {
-    return child;
-  }
-  const highlightedChildren = React.Children.map(child.props.children, grandChild => highlightPartOfTextRecursive(grandChild, partToHighlight));
-  return /*#__PURE__*/React.cloneElement(child, {
-    children: highlightedChildren
-  });
-}
+import{jsx as e}from"react/jsx-runtime";import t from"react";import n from"./matching-text.style.js";function r(t,i){if(!i||!i.length||!t)return t;const l=t.toLowerCase(),o=i.toLowerCase(),c=l.indexOf(o);if(-1===c)return t;const s=t.slice(0,c),a=t.slice(c,c+i.length),h=t.slice(c+i.length,t.length);let f=h;return h.length>=i.length&&(f=r(h,i)),[e("span",{children:s},"preceding"),e(n,{"data-role":"matching-text",children:a},"match"),e("span",{children:f},"following")]}function i(e,n){if("string"==typeof e)return r(e,n);if(!t.isValidElement(e))return e;const l=t.Children.map(e.props.children,(e=>i(e,n)));return t.cloneElement(e,{children:l})}export{i as default};

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

@@ -1,18 +1 @@
-import Option from "../../option";
-import OptionRow from "../../option-row/option-row.component";
-import isExpectedValue from "./is-expected-value";
-export default function isExpectedOption(element, expectedValue) {
-  if (element.type !== Option && element.type !== OptionRow) {
-    return false;
-  }
-  if (expectedValue === null || expectedValue === undefined) {
-    return false;
-  }
-  const {
-    length
-  } = typeof expectedValue === "string" ? expectedValue : Object.keys(expectedValue);
-  if (!length) {
-    return false;
-  }
-  return isExpectedValue(element.props.value, expectedValue);
-}
+import o from"../../option/option.component.js";import t from"../../option-row/option-row.component.js";import e from"./is-expected-value.js";function n(n,r){if(n.type!==o&&n.type!==t)return!1;if(null==r)return!1;const{length:p}="string"==typeof r?r:Object.keys(r);return!!p&&e(n.props.value,r)}export{n as default};

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

@@ -1,6 +1 @@
-export default 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;
-}
+function t(t,e){return"object"==typeof t&&null!==t.id&&void 0!==t.id&&"object"==typeof e?t.id===e.id:t===e}export{t as default};

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

@@ -1,4 +1 @@
-export default function isNavigationKey(key) {
-  const navigationKeys = ["ArrowDown", "ArrowUp", "Home", "End", "PageUp", "PageDown"];
-  return navigationKeys.includes(key);
-}
+function e(e){return["ArrowDown","ArrowUp","Home","End","PageUp","PageDown"].includes(e)}export{e as default};

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

@@ -1,6 +1 @@
-import styled from "styled-components";
-const MatchingText = styled.span`
-  font-weight: 500;
-  text-decoration: underline;
-`;
-export default MatchingText;
+import t from"styled-components";const e=t.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);export{e as default};

package/esm/components/select/__internal__/utils/with-filter.hoc.js

@@ -1,131 +1 @@
-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); }
-import React, { useCallback } from "react";
-import useLocale from "../../../../hooks/__internal__/useLocale";
-import StyledOptionRow from "../../option-row/option-row.style";
-import StyledOption from "../../option/option.style";
-import Option from "../../option";
-import OptionRow from "../../option-row/option-row.component";
-import highlightPartOfText from "./highlight-part-of-text";
-const filterOptions = (option, filterText) => {
-  const processedText = option.props.text?.toLowerCase();
-  const processedValue = filterText.toLowerCase();
-  if (processedText.includes(processedValue)) {
-    return option;
-  }
-  return null;
-};
-const filterOptionRows = (optionRow, filterText) => {
-  const cells = React.Children.toArray(optionRow.props.children);
-  const hasText = cells.find(cell => {
-    /* istanbul ignore if */
-    if (! /*#__PURE__*/React.isValidElement(cell)) {
-      return false;
-    }
-    if (typeof cell.props.children === "string") {
-      const processedText = cell.props.children.toLowerCase();
-      const processedValue = filterText.toLowerCase();
-      return processedText.includes(processedValue);
-    }
-    // filter recursively based on children
-    return filterOptionRows(cell, filterText);
-  });
-  if (hasText) {
-    return optionRow;
-  }
-  return null;
-};
-const filterChildren = filterText => children => {
-  const filteredChildren = React.Children.map(children, child => {
-    /* istanbul ignore if */
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      return null;
-    }
-    if (child.type === Option) {
-      return filterOptions(child, filterText);
-    }
-    /* istanbul ignore else */
-    if (child.type === OptionRow) {
-      return filterOptionRows(child, filterText);
-    }
-    /* istanbul ignore next */
-    return null;
-  });
-  if (React.Children.count(filteredChildren)) return filteredChildren;
-  return null;
-};
-function addHighlightedContent(filteredElements, filterText) {
-  return React.Children.map(filteredElements, child => {
-    let highlightedContent;
-    /* istanbul ignore if */
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      return child;
-    }
-    if (child.type === Option) {
-      highlightedContent = highlightPartOfText(child.props.text, filterText);
-    }
-    if (child.type === OptionRow) {
-      highlightedContent = React.Children.map(child.props.children, cell => {
-        /* istanbul ignore if */
-        if (! /*#__PURE__*/React.isValidElement(cell)) {
-          return cell;
-        }
-        return /*#__PURE__*/React.cloneElement(cell, {
-          children: highlightPartOfText(cell.props.children, filterText)
-        });
-      });
-    }
-    return /*#__PURE__*/React.cloneElement(child, {
-      children: highlightedContent
-    });
-  });
-}
-/** Filters wrapped component children based on provided filter text and highlights matching content */
-const withFilter = WrappedComponent => {
-  const FilteredComponent = /*#__PURE__*/React.forwardRef(({
-    children,
-    filterText,
-    noResultsMessage,
-    isLoading,
-    multiColumn,
-    tableHeader,
-    ...props
-  }, forwardedRef) => {
-    const l = useLocale();
-    const getFilteredChildren = useCallback(() => {
-      let filteredElements = children;
-      if (filterText && !isLoading) {
-        filteredElements = filterChildren(filterText)(children);
-        if (!filteredElements) {
-          const noResultsText = l.select.noResultsForTerm(filterText);
-          if (multiColumn) {
-            const colSpan = /*#__PURE__*/React.isValidElement(tableHeader) ? /* istanbul ignore next */React.Children.count(tableHeader?.props?.children) : 1;
-            return /*#__PURE__*/React.createElement(StyledOptionRow, null, /*#__PURE__*/React.createElement("td", {
-              style: {
-                fontWeight: "normal"
-              },
-              colSpan: colSpan
-            }, noResultsMessage || noResultsText));
-          }
-          return /*#__PURE__*/React.createElement(StyledOption, {
-            isInteractive: true
-          }, noResultsMessage || noResultsText);
-        }
-        return addHighlightedContent(filteredElements, filterText);
-      }
-      return children;
-    }, [children, filterText, isLoading, multiColumn, noResultsMessage, tableHeader, l]);
-    const wrappedComponentProps = {
-      filterText,
-      isLoading,
-      multiColumn,
-      tableHeader,
-      ...props
-    };
-    return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, wrappedComponentProps, {
-      ref: forwardedRef
-    }), getFilteredChildren());
-  });
-  FilteredComponent.displayName = "FilteredComponent";
-  return FilteredComponent;
-};
-export default withFilter;
+import{jsx as e}from"react/jsx-runtime";import r,{useCallback as t}from"react";import n from"../../../../hooks/__internal__/useLocale/useLocale.js";import o from"../../option-row/option-row.style.js";import l from"../../option/option.style.js";import i from"../../option/option.component.js";import s from"../../option-row/option-row.component.js";import c from"./highlight-part-of-text.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}const a=(e,t)=>r.Children.toArray(e.props.children).find((e=>{if(!r.isValidElement(e))return!1;if("string"==typeof e.props.children){const r=e.props.children.toLowerCase(),n=t.toLowerCase();return r.includes(n)}return a(e,t)}))?e:null,f=p=>{const f=r.forwardRef(((f,d)=>{var{children:m,filterText:y,noResultsMessage:b,isLoading:h,multiColumn:O,tableHeader:j}=f,g=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(f,["children","filterText","noResultsMessage","isLoading","multiColumn","tableHeader"]);const w=n(),v=t((()=>{let t=m;if(y&&!h){if(t=(e=>t=>{const n=r.Children.map(t,(t=>r.isValidElement(t)?t.type===i?((e,r)=>{var t;const n=null===(t=e.props.text)||void 0===t?void 0:t.toLowerCase(),o=r.toLowerCase();return n.includes(o)?e:null})(t,e):t.type===s?a(t,e):null:null));return r.Children.count(n)?n:null})(y)(m),!t){const t=w.select.noResultsForTerm(y);if(O){var n;const l=r.isValidElement(j)?r.Children.count(null==j||null===(n=j.props)||void 0===n?void 0:n.children):1;return e(o,{children:e("td",{style:{fontWeight:"normal"},colSpan:l,children:b||t})})}return e(l,{isInteractive:!0,children:b||t})}return function(e,t){return r.Children.map(e,(e=>{let n;return r.isValidElement(e)?(e.type===i&&(n=c(e.props.text,t)),e.type===s&&(n=r.Children.map(e.props.children,(e=>r.isValidElement(e)?r.cloneElement(e,{children:c(e.props.children,t)}):e))),r.cloneElement(e,{children:n})):e}))}(t,y)}return m}),[m,y,h,O,b,j,w]),C=u({filterText:y,isLoading:h,multiColumn:O,tableHeader:j},g);return e(p,(P=u({},C),x=null!=(x={ref:d,children:v()})?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(P,Object.getOwnPropertyDescriptors(x)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(x)).forEach((function(e){Object.defineProperty(P,e,Object.getOwnPropertyDescriptor(x,e))})),P));var P,x}));return f.displayName="FilteredComponent",f};export{f as default};