carbon-react 126.4.2 → 126.5.0

package/esm/components/image/image.style.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { MarginProps, BackgroundProps, LayoutProps } from "styled-system";
+import { MarginProps, BackgroundProps, LayoutProps, PaddingProps } from "styled-system";
 export declare type PositionProps = "absolute" | "fixed" | "relative" | "static" | "sticky";
-export interface StyledImageProps extends BackgroundProps, LayoutProps, MarginProps {
+export interface StyledImageProps extends BackgroundProps, LayoutProps, MarginProps, PaddingProps {
     /** HTML alt property to display when an img fails to load */
     alt?: string;
     /** Prop to specify if the image is decorative  */

package/esm/components/image/image.style.js

@@ -1,5 +1,5 @@
 import styled, { css } from "styled-components";
-import { margin, layout, background } from "styled-system";
+import { margin, layout, background, padding } from "styled-system";
 import { baseTheme } from "../../style/themes";
 const StyledImage = styled.div.attrs(({
   src,
@@ -25,6 +25,7 @@ const StyledImage = styled.div.attrs(({
 }))`
   ${margin}
   ${layout}
+  ${padding}
 
   ${({
   position,

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

@@ -265,7 +265,7 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
     const {
       id: selectedOptionId,
       text,
-      value: newValue,
+      value: newValue = "",
       selectionType,
       selectionConfirmed
     } = optionData;
@@ -279,7 +279,7 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
       setHighlightedValue(newValue);
     }
     setTextValue(text || /* istanbul ignore next */"");
-    triggerChange(newValue, selectionConfirmed);
+    triggerChange(newValue, !!selectionConfirmed);
     setActiveDescendantId(selectedOptionId);
     if (selectionType !== "navigationKey") {
       openOnFocusFlagBlock.current = !!openOnFocus;

package/esm/components/select/select-list/select-list.component.js

@@ -249,6 +249,16 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
       const currentOption = childrenList[currentOptionsListIndex];
       if (! /*#__PURE__*/React.isValidElement(currentOption)) {
         onSelectListClose();
+
+        // need to call onSelect here with empty text/value to clear the input when
+        // no matches found in FilterableSelect
+        onSelect({
+          id: undefined,
+          text: "",
+          value: "",
+          selectionType: "enterKey",
+          selectionConfirmed: false
+        });
         return;
       }
       if (currentOption.props.disabled) {
@@ -308,7 +318,7 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
     setCurrentOptionsListIndex(previousIndex => {
       const match = getNextChildByText(filterText, childrenList, previousIndex);
       if (!match) {
-        return previousIndex;
+        return -1;
       }
       const indexOfMatch = getIndexOfMatch(match.props.value);
       virtualizer.scrollToIndex(indexOfMatch, SCROLL_OPTIONS);

package/lib/components/image/image.style.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { MarginProps, BackgroundProps, LayoutProps } from "styled-system";
+import { MarginProps, BackgroundProps, LayoutProps, PaddingProps } from "styled-system";
 export declare type PositionProps = "absolute" | "fixed" | "relative" | "static" | "sticky";
-export interface StyledImageProps extends BackgroundProps, LayoutProps, MarginProps {
+export interface StyledImageProps extends BackgroundProps, LayoutProps, MarginProps, PaddingProps {
     /** HTML alt property to display when an img fails to load */
     alt?: string;
     /** Prop to specify if the image is decorative  */

package/lib/components/image/image.style.js

@@ -33,6 +33,7 @@ const StyledImage = exports.StyledImage = _styledComponents.default.div.attrs(({
 }))`
   ${_styledSystem.margin}
   ${_styledSystem.layout}
+  ${_styledSystem.padding}
 
   ${({
   position,

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

@@ -274,7 +274,7 @@ const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.
     const {
       id: selectedOptionId,
       text,
-      value: newValue,
+      value: newValue = "",
       selectionType,
       selectionConfirmed
     } = optionData;
@@ -288,7 +288,7 @@ const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.
       setHighlightedValue(newValue);
     }
     setTextValue(text || /* istanbul ignore next */"");
-    triggerChange(newValue, selectionConfirmed);
+    triggerChange(newValue, !!selectionConfirmed);
     setActiveDescendantId(selectedOptionId);
     if (selectionType !== "navigationKey") {
       openOnFocusFlagBlock.current = !!openOnFocus;

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

@@ -258,6 +258,16 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
       const currentOption = childrenList[currentOptionsListIndex];
       if (! /*#__PURE__*/_react.default.isValidElement(currentOption)) {
         onSelectListClose();
+
+        // need to call onSelect here with empty text/value to clear the input when
+        // no matches found in FilterableSelect
+        onSelect({
+          id: undefined,
+          text: "",
+          value: "",
+          selectionType: "enterKey",
+          selectionConfirmed: false
+        });
         return;
       }
       if (currentOption.props.disabled) {
@@ -317,7 +327,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     setCurrentOptionsListIndex(previousIndex => {
       const match = (0, _getNextChildByText.default)(filterText, childrenList, previousIndex);
       if (!match) {
-        return previousIndex;
+        return -1;
       }
       const indexOfMatch = getIndexOfMatch(match.props.value);
       virtualizer.scrollToIndex(indexOfMatch, SCROLL_OPTIONS);

package/package.json

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