carbon-react 142.3.2 → 142.4.1

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

@@ -291,10 +291,9 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
     setOpenState(false);
   }, []);
   const assignInput = (0, _react.useCallback)(element => {
+    if (!element) return;
     setTextboxRef(element);
-    if (!ref) {
-      return;
-    }
+    if (!ref) return;
     if (typeof ref === "function") {
       ref(element);
     } else {
@@ -307,7 +306,6 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
       name,
       disabled,
       readOnly,
-      ref: assignInput,
       selectedValue,
       formattedValue: textValue,
       onClick: handleTextboxClick,
@@ -339,7 +337,6 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
     onListScrollBottom: onListScrollBottom,
     tableHeader: tableHeader,
     multiColumn: multiColumn,
-    loaderDataRole: "simple-select-list-loader",
     listPlacement: listPlacement,
     flipEnabled: flipEnabled,
     isOpen: isOpen,
@@ -358,12 +355,12 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
   }, marginProps), /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef
   }, /*#__PURE__*/_react.default.createElement(_selectTextbox.default, _extends({
+    ref: assignInput,
     ariaLabel: ariaLabel,
     "aria-controls": selectListId.current,
     activeDescendantId: activeDescendantId,
     ariaLabelledby: ariaLabelledby,
-    isOpen: isOpen,
-    textboxRef: textboxRef
+    isOpen: isOpen
   }, getTextboxProps()))), selectList);
 });
 if (process.env.NODE_ENV !== "production") {

package/lib/locales/de-de.js

@@ -98,6 +98,9 @@ const deDE = {
   loaderSpinner: {
     loading: () => "Laden..."
   },
+  loaderStar: {
+    loading: () => "Laden..."
+  },
   menuFullscreen: {
     ariaLabels: {
       closeButton: () => "Schließen"

package/lib/locales/en-gb.js

@@ -101,6 +101,9 @@ const enGB = {
   loaderSpinner: {
     loading: () => "Loading..."
   },
+  loaderStar: {
+    loading: () => "Loading..."
+  },
   menuFullscreen: {
     ariaLabels: {
       closeButton: () => "Close"

package/lib/locales/es-es.js

@@ -99,6 +99,9 @@ const esES = {
   loaderSpinner: {
     loading: () => "Cargando..."
   },
+  loaderStar: {
+    loading: () => "Cargando..."
+  },
   menuFullscreen: {
     ariaLabels: {
       closeButton: () => "Cerrar"

package/lib/locales/fr-ca.js

@@ -99,6 +99,9 @@ const frCA = {
   loaderSpinner: {
     loading: () => "Chargement..."
   },
+  loaderStar: {
+    loading: () => "Chargement..."
+  },
   menuFullscreen: {
     ariaLabels: {
       closeButton: () => "Fermer"

package/lib/locales/fr-fr.js

@@ -99,6 +99,9 @@ const frFR = {
   loaderSpinner: {
     loading: () => "Téléhargement..."
   },
+  loaderStar: {
+    loading: () => "Téléhargement..."
+  },
   menuFullscreen: {
     ariaLabels: {
       closeButton: () => "Fermer"

package/lib/locales/locale.d.ts

@@ -77,6 +77,9 @@ interface Locale {
     loaderSpinner: {
         loading: () => string;
     };
+    loaderStar: {
+        loading: () => string;
+    };
     menuFullscreen: {
         ariaLabels: {
             closeButton: () => string;

package/package.json

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

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

@@ -1,2 +0,0 @@
-export { default } from "./select-text.component";
-export type { SelectTextProps } from "./select-text.component";

package/esm/components/select/__internal__/select-text/index.js

@@ -1 +0,0 @@
-export { default } from "./select-text.component";

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

@@ -1,22 +0,0 @@
-import React from "react";
-export interface SelectTextProps {
-    /** If true the Component will be disabled */
-    disabled?: boolean;
-    /** Value to be displayed */
-    formattedValue?: string;
-    /** Callback function for when the component is clicked. */
-    onClick?: (ev: React.MouseEvent<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;
-    /** 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;
-    /** Component size */
-    size?: "small" | "medium" | "large";
-}
-declare const SelectText: ({ disabled, formattedValue, onClick, onMouseDown, placeholder, readOnly, transparent, size, }: SelectTextProps) => React.JSX.Element;
-export default SelectText;

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

@@ -1,27 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { StyledSelectText, StyledSelectTextChildrenWrapper } from "./select-text.style";
-const SelectText = ({
-  disabled,
-  formattedValue = "",
-  onClick,
-  onMouseDown,
-  placeholder,
-  readOnly,
-  transparent,
-  size = "medium"
-}) => {
-  const hasPlaceholder = !disabled && !readOnly && !formattedValue;
-  return /*#__PURE__*/React.createElement(StyledSelectText, {
-    "aria-hidden": true,
-    "data-element": "select-text",
-    disabled: disabled,
-    hasPlaceholder: hasPlaceholder,
-    onClick: onClick,
-    onMouseDown: onMouseDown,
-    readOnly: readOnly,
-    transparent: transparent,
-    size: size
-  }, /*#__PURE__*/React.createElement(StyledSelectTextChildrenWrapper, null, hasPlaceholder ? placeholder : formattedValue));
-};
-export default SelectText;

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

@@ -1,2 +0,0 @@
-export { default } from "./select-text.component";
-export type { SelectTextProps } from "./select-text.component";

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

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

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

@@ -1,22 +0,0 @@
-import React from "react";
-export interface SelectTextProps {
-    /** If true the Component will be disabled */
-    disabled?: boolean;
-    /** Value to be displayed */
-    formattedValue?: string;
-    /** Callback function for when the component is clicked. */
-    onClick?: (ev: React.MouseEvent<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;
-    /** 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;
-    /** Component size */
-    size?: "small" | "medium" | "large";
-}
-declare const SelectText: ({ disabled, formattedValue, onClick, onMouseDown, placeholder, readOnly, transparent, size, }: SelectTextProps) => React.JSX.Element;
-export default SelectText;

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

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _selectText = require("./select-text.style");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SelectText = ({
-  disabled,
-  formattedValue = "",
-  onClick,
-  onMouseDown,
-  placeholder,
-  readOnly,
-  transparent,
-  size = "medium"
-}) => {
-  const hasPlaceholder = !disabled && !readOnly && !formattedValue;
-  return /*#__PURE__*/_react.default.createElement(_selectText.StyledSelectText, {
-    "aria-hidden": true,
-    "data-element": "select-text",
-    disabled: disabled,
-    hasPlaceholder: hasPlaceholder,
-    onClick: onClick,
-    onMouseDown: onMouseDown,
-    readOnly: readOnly,
-    transparent: transparent,
-    size: size
-  }, /*#__PURE__*/_react.default.createElement(_selectText.StyledSelectTextChildrenWrapper, null, hasPlaceholder ? placeholder : formattedValue));
-};
-var _default = exports.default = SelectText;