carbon-react 118.0.0 → 118.1.1

package/lib/components/select/utils/get-next-child-by-text.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+/**
+ * Recreates HTML Select element functionality of finding first match based on typed characters
+ * */
+export default function getNextChildByText(textToMatch: string, arrayOfChildren: React.ReactElement[], previousIndex?: number): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

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

@@ -5,20 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = getNextChildByText;
 
-/**
- * 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);
-  }
+function findElementStartingWithText(textToMatch, list) {
+  return list.findIndex(child => {
+    var _child$props$text;
 
-  return arrayOfChildren[indexOfMatch];
+    return (_child$props$text = child.props.text) === null || _child$props$text === void 0 ? void 0 : _child$props$text.toLowerCase().startsWith(textToMatch.toLowerCase());
+  });
 }
 
 function getListOfMatches(arrayOfChildren, lastCharacter) {
@@ -40,9 +32,20 @@ function getIndexOfNextElement(listOfMatches, previousIndex) {
 
   return listOfMatches[listOfMatches.indexOf(previousIndex) + 1];
 }
+/**
+ * Recreates HTML Select element functionality of finding first match based on typed characters
+ * */
 
-function findElementStartingWithText(textToMatch, list) {
-  return list.findIndex(child => {
-    return child.props.text && child.props.text.toLowerCase().startsWith(textToMatch.toLowerCase());
-  });
+
+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];
 }

package/lib/components/select/utils/get-next-index-by-key.d.ts

@@ -0,0 +1,2 @@
+export declare const PAGE_SIZE = 4;
+export default function getNextIndexByKey(key: string, currentIndex: number, lastIndex: number, isLoading?: boolean): number;

package/lib/components/select/utils/highlight-part-of-text.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function highlightPartOfTextRecursive(child: React.ReactNode, partToHighlight: string): React.ReactNode;

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

@@ -23,10 +23,11 @@ function highlightPartOfText(text, partToHighlight) {
 
   const precedingText = text.substr(0, indexOfFirstMatch);
   const matchingText = text.substr(indexOfFirstMatch, partToHighlight.length);
-  let followingText = text.substr(indexOfFirstMatch + partToHighlight.length, text.length);
+  const followingText = text.substr(indexOfFirstMatch + partToHighlight.length, text.length);
+  let followingTextNode = followingText;
 
   if (followingText.length >= partToHighlight.length) {
-    followingText = highlightPartOfText(followingText, partToHighlight);
+    followingTextNode = highlightPartOfText(followingText, partToHighlight);
   }
 
   const newValue = [/*#__PURE__*/_react.default.createElement("span", {
@@ -35,7 +36,7 @@ function highlightPartOfText(text, partToHighlight) {
     key: "match"
   }, matchingText), /*#__PURE__*/_react.default.createElement("span", {
     key: "following"
-  }, followingText)];
+  }, followingTextNode)];
   return newValue;
 }
 
@@ -43,6 +44,12 @@ 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));
 

package/lib/components/select/utils/is-expected-option.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function isExpectedOption(element: React.ReactElement, expectedValue?: string | Record<string, unknown> | null): boolean;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = isExpectedOption;
 
-var _option = _interopRequireDefault(require("../option/option.component"));
+var _option = _interopRequireDefault(require("../option"));
 
 var _optionRow = _interopRequireDefault(require("../option-row/option-row.component"));
 

package/lib/components/select/utils/is-expected-value.d.ts

@@ -0,0 +1 @@
+export default function isExpectedValue(currentValue: string | Record<string, unknown>, expectedValue: string | Record<string, unknown>): boolean;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = isExpectedValue;
 
 function isExpectedValue(currentValue, expectedValue) {
-  if (typeof currentValue === "object" && currentValue.id !== null && currentValue.id !== undefined) {
+  if (typeof currentValue === "object" && currentValue.id !== null && currentValue.id !== undefined && typeof expectedValue === "object") {
     return currentValue.id === expectedValue.id;
   }
 

package/lib/components/select/utils/is-navigation-key.d.ts

@@ -0,0 +1 @@
+export default function isNavigationKey(key: string): boolean;

package/lib/components/select/utils/matching-text.style.d.ts

@@ -0,0 +1,2 @@
+declare const MatchingText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export default MatchingText;

package/lib/components/select/utils/with-filter.hoc.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface WrappedComponentProps {
+    filterText?: string;
+    isLoading?: boolean;
+    multiColumn?: boolean;
+    tableHeader?: React.ReactNode;
+    children?: React.ReactNode;
+}
+export interface FilteredComponentProps extends WrappedComponentProps {
+    noResultsMessage?: string;
+}
+/** Filters wrapped component children based on provided filter text and highlights matching content */
+declare const withFilter: <T extends WrappedComponentProps>(WrappedComponent: React.ComponentType<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<FilteredComponentProps & T> & React.RefAttributes<HTMLDivElement>>;
+export default withFilter;

package/lib/components/select/utils/with-filter.hoc.js

@@ -7,15 +7,13 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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/option.component"));
+var _option2 = _interopRequireDefault(require("../option"));
 
 var _optionRow2 = _interopRequireDefault(require("../option-row/option-row.component"));
 
@@ -46,6 +44,11 @@ const filterOptionRows = (optionRow, filterText) => {
   const cells = _react.default.Children.toArray(optionRow.props.children);
 
   const hasText = cells.find(cell => {
+    /* istanbul ignore if */
+    if (! /*#__PURE__*/_react.default.isValidElement(cell)) {
+      return false;
+    }
+
     if (typeof cell.props.children === "string") {
       const processedText = cell.props.children.toLowerCase();
       const processedValue = filterText.toLowerCase();
@@ -64,15 +67,23 @@ const filterOptionRows = (optionRow, filterText) => {
 };
 
 const filterChildren = filterText => children => {
-  // eslint-disable-next-line consistent-return
   const filteredChildren = _react.default.Children.map(children, child => {
+    /* istanbul ignore if */
+    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
+      return null;
+    }
+
     if (child.type === _option2.default) {
       return filterOptions(child, filterText);
     }
+    /* istanbul ignore else */
+
 
     if (child.type === _optionRow2.default) {
       return filterOptionRows(child, filterText);
     }
+    /* istanbul ignore next */
+
 
     return null;
   });
@@ -80,9 +91,40 @@ const filterChildren = filterText => children => {
   if (_react.default.Children.count(filteredChildren)) return filteredChildren;
   return null;
 };
-/** Filters wrapped component children based on provided filter text and highlights matching content */
 
+function addHighlightedContent(filteredElements, filterText) {
+  return _react.default.Children.map(filteredElements, child => {
+    let highlightedContent;
+    /* istanbul ignore if */
+
+    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
+      return child;
+    }
 
+    if (child.type === _option2.default) {
+      highlightedContent = (0, _highlightPartOfText.default)(child.props.text, filterText);
+    }
+
+    if (child.type === _optionRow2.default) {
+      highlightedContent = _react.default.Children.map(child.props.children, cell => {
+        /* istanbul ignore if */
+        if (! /*#__PURE__*/_react.default.isValidElement(cell)) {
+          return cell;
+        }
+
+        return /*#__PURE__*/_react.default.cloneElement(cell, {
+          children: (0, _highlightPartOfText.default)(cell.props.children, filterText)
+        });
+      });
+    }
+
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      children: highlightedContent
+    });
+  });
+}
+
+/** Filters wrapped component children based on provided filter text and highlights matching content */
 const withFilter = WrappedComponent => {
   const FilteredComponent = /*#__PURE__*/_react.default.forwardRef(({
     children,
@@ -106,8 +148,9 @@ const withFilter = WrappedComponent => {
           if (multiColumn) {
             var _tableHeader$props;
 
-            const colSpan = _react.default.Children.count(tableHeader === null || tableHeader === void 0 ? void 0 : (_tableHeader$props = tableHeader.props) === null || _tableHeader$props === void 0 ? void 0 : _tableHeader$props.children);
-
+            const colSpan = /*#__PURE__*/_react.default.isValidElement(tableHeader) ?
+            /* istanbul ignore next */
+            _react.default.Children.count(tableHeader === null || tableHeader === void 0 ? void 0 : (_tableHeader$props = tableHeader.props) === null || _tableHeader$props === void 0 ? void 0 : _tableHeader$props.children) : 1;
             return /*#__PURE__*/_react.default.createElement(_optionRow.default, null, /*#__PURE__*/_react.default.createElement("td", {
               style: {
                 fontWeight: "normal"
@@ -124,45 +167,19 @@ const withFilter = WrappedComponent => {
 
       return children;
     }, [children, filterText, isLoading, multiColumn, noResultsMessage, tableHeader, l]);
-    return /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({
-      filterText: filterText,
-      isLoading: isLoading,
-      multiColumn: multiColumn,
-      tableHeader: tableHeader
-    }, props, {
+    const wrappedComponentProps = {
+      filterText,
+      isLoading,
+      multiColumn,
+      tableHeader,
+      ...props
+    };
+    return /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, wrappedComponentProps, {
       ref: forwardedRef
     }), getFilteredChildren());
   });
 
-  function addHighlightedContent(filteredElements, filterText) {
-    return _react.default.Children.map(filteredElements, child => {
-      let highlightedContent;
-
-      if (child.type === _option2.default) {
-        highlightedContent = (0, _highlightPartOfText.default)(child.props.text, filterText);
-      }
-
-      if (child.type === _optionRow2.default) {
-        highlightedContent = _react.default.Children.map(child.props.children, cell => /*#__PURE__*/_react.default.cloneElement(cell, {
-          children: (0, _highlightPartOfText.default)(cell.props.children, filterText)
-        }));
-      }
-
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        children: highlightedContent
-      });
-    });
-  }
-
-  FilteredComponent.propTypes = {
-    forwardedRef: _propTypes.default.object,
-    children: _propTypes.default.node,
-    filterText: _propTypes.default.string,
-    noResultsMessage: _propTypes.default.string,
-    isLoading: _propTypes.default.bool,
-    multiColumn: _propTypes.default.bool,
-    tableHeader: _propTypes.default.node
-  };
+  FilteredComponent.displayName = "FilteredComponent";
   return FilteredComponent;
 };
 

package/lib/components/tabs/__internal__/tab-title/tab-title.component.js

@@ -217,6 +217,7 @@ const TabTitle = /*#__PURE__*/_react.default.forwardRef(({
     href: href,
     target: "_blank"
   }), titleChildren) : /*#__PURE__*/_react.default.createElement(_tabTitle.StyledTabTitleButton, _extends({}, titleWrapperProps, {
+    type: "button",
     ref: ref
   }), titleChildren);
   return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "118.0.0",
+  "version": "118.1.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",

package/esm/components/select/__internal__/select-text/select-text.d.ts

@@ -1,36 +0,0 @@
-import * as React from "react";
-
-export interface SelectTextProps {
-  /** If true the Component will be disabled */
-  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. */
-  onKeyDown?: (ev: React.KeyboardEvent<HTMLElement>) => void;
-  /** Callback function for when the left mouse key is pressed when focused on Select Text. */
-  onMouseDown?: (ev: React.MouseEvent<HTMLElement>) => void;
-  /** Placeholder string to be displayed when formattedValue is empty */
-  placeholder?: string;
-  /** If true the Component will be read-only */
-  readOnly?: boolean;
-  /** If true the component has no border and a transparent background */
-  transparent?: boolean;
-  /** Id of the Select Text element */
-  textId?: string;
-  /** Component size */
-  size?: string;
-}
-
-declare function SelectText(props: SelectTextProps): JSX.Element;
-
-export default SelectText;

package/esm/components/select/filterable-select/filterable-select.d.ts

@@ -1,71 +0,0 @@
-import * as React from "react";
-import { Side } from "@floating-ui/dom";
-import Button from "../../button";
-import { FormInputPropTypes } from "../select-textbox/select-textbox";
-
-export interface FilterableSelectProps
-  extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
-  /** Prop to specify the aria-label attribute of the component input */
-  "aria-label"?: string;
-  /** Prop to specify the aria-labeledby property of the component input */
-  "aria-labelledby"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-component"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-element"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-role"?: string;
-  /** Child components (such as Option or OptionRow) for the SelectList */
-  children: React.ReactNode;
-  /** The default selected value(s), when the component is operating in uncontrolled mode */
-  defaultValue?: string | Record<string, unknown>;
-  /** Boolean to toggle where SelectList is rendered in relation to the Select Input */
-  disablePortal?: boolean;
-  /** If true the loader animation is displayed in the option list */
-  isLoading?: boolean;
-  /** True for default text button or a Button Component to be rendered */
-  listActionButton?: boolean | typeof Button;
-  /** When true component will work in multi column mode.
-   * Children should consist of OptionRow components in this mode
-   */
-  multiColumn?: boolean;
-  /** A custom message to be displayed when any option does not match the filter text */
-  noResultsMessage?: string;
-  /** A custom callback for when the input text changes */
-  onFilterChange?: (filterText: string) => void;
-  /** A custom callback for when the dropdown menu opens */
-  onOpen?: () => void;
-  /** A callback for when the Action Button is triggered */
-  onListAction?: () => void;
-  /** A callback that is triggered when a user scrolls to the bottom of the list */
-  onListScrollBottom?: () => void;
-  /** If true the Component opens on focus */
-  openOnFocus?: boolean;
-  /** SelectList table header, should consist of multiple th elements.
-   * Works only in multiColumn mode
-   */
-  tableHeader?: React.ReactNode;
-  /** The selected value(s), when the component is operating in controlled mode */
-  value?: string | Record<string, unknown>;
-  /** Overrides the default tooltip position */
-  tooltipPosition?: "top" | "bottom" | "left" | "right";
-  /** Maximum list height - defaults to 180 */
-  listMaxHeight?: number;
-  /** Placement of the select list in relation to the input element */
-  listPlacement?: Side;
-  /** Use the opposite list placement if the set placement does not fit */
-  flipEnabled?: boolean;
-  /** Set this prop to enable a virtualised list of options. If it is not used then all options will be in the
-   * DOM at all times, which may cause performance problems on very large lists */
-  enableVirtualScroll?: boolean;
-  /** The number of options to render into the DOM at once, either side of the currently-visible ones.
-   * Higher values make for smoother scrolling but may impact performance.
-   * Only used if the `enableVirtualScroll` prop is set. */
-  virtualScrollOverscan?: number;
-}
-
-declare function FilterableSelect(
-  props: FilterableSelectProps & React.RefAttributes<HTMLInputElement>
-): JSX.Element;
-
-export default FilterableSelect;

package/esm/components/select/multi-select/multi-select.d.ts

@@ -1,68 +0,0 @@
-import * as React from "react";
-import { Side } from "@floating-ui/dom";
-import { FormInputPropTypes } from "../select-textbox/select-textbox";
-
-export interface MultiSelectProps
-  extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
-  /** Prop to specify the aria-label attribute of the component input */
-  "aria-label"?: string;
-  /** Prop to specify the aria-labeledby property of the component input */
-  "aria-labelledby"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-component"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-element"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-role"?: string;
-  /** Size of an input */
-  size?: "small" | "medium" | "large";
-  /** Child components (such as Option or OptionRow) for the SelectList */
-  children: React.ReactNode;
-  /** The default selected value(s), when the component is operating in uncontrolled mode */
-  defaultValue?: string[] | Record<string, unknown>[];
-  /** Boolean to toggle where SelectList is rendered in relation to the Select Input */
-  disablePortal?: boolean;
-  /** If true the loader animation is displayed in the option list */
-  isLoading?: boolean;
-  /** When true component will work in multi column mode.
-   * Children should consist of OptionRow components in this mode
-   */
-  multiColumn?: boolean;
-  /** A custom message to be displayed when any option does not match the filter text */
-  noResultsMessage?: string;
-  /** A custom callback for when the input text changes */
-  onFilterChange?: (filterText: string) => void;
-  /** A custom callback for when the dropdown menu opens */
-  onOpen?: () => void;
-  /** If true the Component opens on focus */
-  openOnFocus?: boolean;
-  /** SelectList table header, should consist of multiple th elements.
-   * Works only in multiColumn mode
-   */
-  tableHeader?: React.ReactNode;
-  /** The selected value(s), when the component is operating in controlled mode */
-  value?: string[] | Record<string, unknown>[];
-  /** Overrides the default tooltip position */
-  tooltipPosition?: "top" | "bottom" | "left" | "right";
-  /** Maximum list height - defaults to 180 */
-  listMaxHeight?: number;
-  /** Placement of the select list in relation to the input element */
-  listPlacement?: Side;
-  /** Use the opposite list placement if the set placement does not fit */
-  flipEnabled?: boolean;
-  /** Wraps the pill text when it would overflow the input width */
-  wrapPillText?: boolean;
-  /** Set this prop to enable a virtualised list of options. If it is not used then all options will be in the
-   * DOM at all times, which may cause performance problems on very large lists */
-  enableVirtualScroll?: boolean;
-  /** The number of options to render into the DOM at once, either side of the currently-visible ones.
-   * Higher values make for smoother scrolling but may impact performance.
-   * Only used if the `enableVirtualScroll` prop is set. */
-  virtualScrollOverscan?: number;
-}
-
-declare function MultiSelect(
-  props: MultiSelectProps & React.RefAttributes<HTMLInputElement>
-): JSX.Element;
-
-export default MultiSelect;

package/esm/components/select/select-textbox/select-textbox.d.ts

@@ -1,72 +0,0 @@
-import * as React from "react";
-
-import { CommonTextboxProps } from "../../textbox";
-import { ValidationProps } from "../../../__internal__/validations";
-
-export interface FormInputPropTypes
-  extends ValidationProps,
-    Omit<CommonTextboxProps, "onClick"> {
-  /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
-  adaptiveLabelBreakpoint?: number;
-  /** Prop to specify the aria-label attribute of the component input */
-  ariaLabel?: string;
-  /** Prop to specify the aria-labeledby property of the component input */
-  ariaLabelledBy?: string;
-  /** If true the Component will be focused when rendered */
-  autoFocus?: boolean;
-  /** If true, the component will be disabled */
-  disabled?: boolean;
-  /** Id attribute of the input element */
-  id?: string;
-  /** The width of the input as a percentage */
-  inputWidth?: number;
-  /** Label content */
-  label?: string;
-  /** A message that the Help component will display */
-  labelHelp?: React.ReactNode;
-  /** When true label is inline */
-  labelInline?: boolean;
-  /** Label width */
-  labelWidth?: number;
-  /** Name attribute of the input element */
-  name?: string;
-  /** Specify a callback triggered on blur */
-  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** Specify a callback triggered on change */
-  onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-  /** pecify a callback triggered on click */
-  onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
-  /** Specify a callback triggered on focus */
-  onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** pecify a callback triggered on keuyDown */
-  onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
-  /** Placeholder string to be displayed in input */
-  placeholder?: string;
-  /** Flag to configure component as mandatory */
-  required?: boolean;
-  /** If true, the component will be read-only */
-  readOnly?: boolean;
-  /** Size of an input */
-  size?: "small" | "medium" | "large";
-}
-
-export interface SelectTextboxProps extends FormInputPropTypes {
-  /** Id attribute of the select list */
-  "aria-controls"?: string;
-  /** Value to be displayed in the Textbox */
-  formattedValue?: string;
-  /** If true, the input will be displayed */
-  hasTextCursor?: boolean;
-  /** If true, the list is displayed */
-  isOpen?: boolean;
-  /** Value of the Select Input */
-  selectedValue?:
-    | string
-    | Record<string, unknown>
-    | string[]
-    | Record<string, unknown>[];
-}
-
-declare function SelectTextbox(props: SelectTextboxProps): JSX.Element;
-
-export default SelectTextbox;

package/esm/components/select/simple-select/simple-select.d.ts

@@ -1,64 +0,0 @@
-import * as React from "react";
-import { Side } from "@floating-ui/dom";
-import { FormInputPropTypes } from "../select-textbox/select-textbox";
-
-export interface SimpleSelectProps
-  extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
-  /** Prop to specify the aria-label attribute of the component input */
-  "aria-label"?: string;
-  /** Prop to specify the aria-labeledby property of the component input */
-  "aria-labelledby"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-component"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-element"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-role"?: string;
-  /** Child components (such as Option or OptionRow) for the SelectList */
-  children: React.ReactNode;
-  /** The default selected value(s), when the component is operating in uncontrolled mode */
-  defaultValue?: string | Record<string, unknown>;
-  /** Boolean to toggle where SelectList is rendered in relation to the Select Input */
-  disablePortal?: boolean;
-  /** If true the loader animation is displayed in the option list */
-  isLoading?: boolean;
-  /** When true component will work in multi column mode.
-   * Children should consist of OptionRow components in this mode
-   */
-  multiColumn?: boolean;
-  /** A callback that is triggered when a user scrolls to the bottom of the list */
-  onListScrollBottom?: () => void;
-  /** A custom callback for when the dropdown menu opens */
-  onOpen?: () => void;
-  /** If true the Component opens on focus */
-  openOnFocus?: boolean;
-  /** SelectList table header, should consist of multiple th elements.
-   * Works only in multiColumn mode
-   */
-  tableHeader?: React.ReactNode;
-  /** If true the component input has no border and is transparent */
-  transparent?: boolean;
-  /** The selected value(s), when the component is operating in controlled mode */
-  value?: string | Record<string, unknown>;
-  /** Overrides the default tooltip position */
-  tooltipPosition?: "top" | "bottom" | "left" | "right";
-  /** Maximum list height - defaults to 180 */
-  listMaxHeight?: number;
-  /** Placement of the select list in relation to the input element */
-  listPlacement?: Side;
-  /** Use the opposite list placement if the set placement does not fit */
-  flipEnabled?: boolean;
-  /** Set this prop to enable a virtualised list of options. If it is not used then all options will be in the
-   * DOM at all times, which may cause performance problems on very large lists */
-  enableVirtualScroll?: boolean;
-  /** The number of options to render into the DOM at once, either side of the currently-visible ones.
-   * Higher values make for smoother scrolling but may impact performance.
-   * Only used if the `enableVirtualScroll` prop is set. */
-  virtualScrollOverscan?: number;
-}
-
-declare function SimpleSelect(
-  props: SimpleSelectProps & React.RefAttributes<HTMLInputElement>
-): JSX.Element;
-
-export default SimpleSelect;