carbon-react 125.3.0 → 125.5.0

package/esm/components/inline-inputs/inline-inputs.component.d.ts

@@ -12,6 +12,8 @@ export interface InlineInputsProps extends MarginProps, StyledContentContainerPr
     htmlFor?: string;
     /** Defines the label text for the heading. */
     label?: string;
+    /** Inline label alignment */
+    labelAlign?: "left" | "right";
     /**
      * Custom label id, could be used in combination with aria-labelledby prop of each input,
      * to make them accesible for screen readers.
@@ -21,7 +23,7 @@ export interface InlineInputsProps extends MarginProps, StyledContentContainerPr
     required?: boolean;
 }
 declare const InlineInputs: {
-    ({ adaptiveLabelBreakpoint, label, labelId, htmlFor, children, className, gutter, inputWidth, labelInline, labelWidth, required, ...rest }: InlineInputsProps): React.JSX.Element;
+    ({ adaptiveLabelBreakpoint, label, labelAlign, labelId, htmlFor, children, className, gutter, inputWidth, labelInline, labelWidth, required, ...rest }: InlineInputsProps): React.JSX.Element;
     displayName: string;
 };
 export default InlineInputs;

package/esm/components/inline-inputs/inline-inputs.component.js

@@ -17,6 +17,7 @@ const columnWrapper = (children, gutter) => {
 const InlineInputs = ({
   adaptiveLabelBreakpoint,
   label,
+  labelAlign,
   labelId,
   htmlFor,
   children = null,
@@ -36,6 +37,7 @@ const InlineInputs = ({
   function renderLabel() {
     if (!label) return null;
     return /*#__PURE__*/React.createElement(Label, {
+      align: labelAlign,
       labelId: labelId,
       inline: inlineLabel,
       htmlFor: htmlFor,

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

@@ -60,6 +60,9 @@ export interface FilterableSelectProps extends Omit<FormInputPropTypes, "default
      * Higher values make for smoother scrolling but may impact performance.
      * Only used if the `enableVirtualScroll` prop is set. */
     virtualScrollOverscan?: number;
+    /** Boolean to disable automatic filtering and highlighting of options.
+     * This allows custom filtering and option styling to be performed outside of the component when the filter text changes. */
+    disableDefaultFiltering?: boolean;
 }
 export declare const FilterableSelect: React.ForwardRefExoticComponent<FilterableSelectProps & React.RefAttributes<unknown>>;
 export default FilterableSelect;

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

@@ -54,6 +54,7 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
   inputRef,
   enableVirtualScroll,
   virtualScrollOverscan,
+  disableDefaultFiltering = false,
   ...textboxProps
 }, ref) => {
   const [activeDescendantId, setActiveDescendantId] = useState();
@@ -396,32 +397,35 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
       ...filterOutStyledSystemSpacingProps(textboxProps)
     };
   }
-  const selectList = /*#__PURE__*/React.createElement(FilterableSelectList, {
+  const selectListProps = {
     ref: listboxRef,
     id: selectListId.current,
-    labelId: labelId,
+    labelId,
     anchorElement: textboxRef?.parentElement || undefined,
     onSelect: onSelectOption,
-    onSelectListClose: onSelectListClose,
+    onSelectListClose,
     onMouseDown: handleListMouseDown,
-    filterText: filterText,
-    highlightedValue: highlightedValue,
-    noResultsMessage: noResultsMessage,
-    disablePortal: disablePortal,
-    listActionButton: listActionButton,
-    listMaxHeight: listMaxHeight,
+    filterText,
+    highlightedValue,
+    noResultsMessage,
+    disablePortal,
+    listActionButton,
+    listMaxHeight,
     onListAction: handleOnListAction,
-    isLoading: isLoading,
-    onListScrollBottom: onListScrollBottom,
-    tableHeader: tableHeader,
-    multiColumn: multiColumn,
+    isLoading,
+    onListScrollBottom,
+    tableHeader,
+    multiColumn,
     loaderDataRole: "filterable-select-list-loader",
-    listPlacement: listPlacement,
-    flipEnabled: flipEnabled,
-    isOpen: isOpen,
-    enableVirtualScroll: enableVirtualScroll,
-    virtualScrollOverscan: virtualScrollOverscan
-  }, children);
+    listPlacement,
+    flipEnabled,
+    isOpen,
+    enableVirtualScroll,
+    virtualScrollOverscan
+  };
+  const selectList = disableDefaultFiltering ? /*#__PURE__*/React.createElement(SelectList, selectListProps, children) : /*#__PURE__*/React.createElement(FilterableSelectList, _extends({}, selectListProps, {
+    filterText: filterText
+  }), children);
   const marginProps = useFormSpacing(textboxProps);
   return /*#__PURE__*/React.createElement(StyledSelect, _extends({
     hasTextCursor: true,
@@ -529,6 +533,7 @@ FilterableSelect.propTypes = {
   "deferTimeout": PropTypes.number,
   "dir": PropTypes.string,
   "disabled": PropTypes.bool,
+  "disableDefaultFiltering": PropTypes.bool,
   "disablePortal": PropTypes.bool,
   "draggable": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
   "enableVirtualScroll": PropTypes.bool,

package/lib/components/inline-inputs/inline-inputs.component.d.ts

@@ -12,6 +12,8 @@ export interface InlineInputsProps extends MarginProps, StyledContentContainerPr
     htmlFor?: string;
     /** Defines the label text for the heading. */
     label?: string;
+    /** Inline label alignment */
+    labelAlign?: "left" | "right";
     /**
      * Custom label id, could be used in combination with aria-labelledby prop of each input,
      * to make them accesible for screen readers.
@@ -21,7 +23,7 @@ export interface InlineInputsProps extends MarginProps, StyledContentContainerPr
     required?: boolean;
 }
 declare const InlineInputs: {
-    ({ adaptiveLabelBreakpoint, label, labelId, htmlFor, children, className, gutter, inputWidth, labelInline, labelWidth, required, ...rest }: InlineInputsProps): React.JSX.Element;
+    ({ adaptiveLabelBreakpoint, label, labelAlign, labelId, htmlFor, children, className, gutter, inputWidth, labelInline, labelWidth, required, ...rest }: InlineInputsProps): React.JSX.Element;
     displayName: string;
 };
 export default InlineInputs;

package/lib/components/inline-inputs/inline-inputs.component.js

@@ -26,6 +26,7 @@ const columnWrapper = (children, gutter) => {
 const InlineInputs = ({
   adaptiveLabelBreakpoint,
   label,
+  labelAlign,
   labelId,
   htmlFor,
   children = null,
@@ -45,6 +46,7 @@ const InlineInputs = ({
   function renderLabel() {
     if (!label) return null;
     return /*#__PURE__*/_react.default.createElement(_label.default, {
+      align: labelAlign,
       labelId: labelId,
       inline: inlineLabel,
       htmlFor: htmlFor,

package/lib/components/select/filterable-select/filterable-select.component.d.ts

@@ -60,6 +60,9 @@ export interface FilterableSelectProps extends Omit<FormInputPropTypes, "default
      * Higher values make for smoother scrolling but may impact performance.
      * Only used if the `enableVirtualScroll` prop is set. */
     virtualScrollOverscan?: number;
+    /** Boolean to disable automatic filtering and highlighting of options.
+     * This allows custom filtering and option styling to be performed outside of the component when the filter text changes. */
+    disableDefaultFiltering?: boolean;
 }
 export declare const FilterableSelect: React.ForwardRefExoticComponent<FilterableSelectProps & React.RefAttributes<unknown>>;
 export default FilterableSelect;

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

@@ -63,6 +63,7 @@ const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.
   inputRef,
   enableVirtualScroll,
   virtualScrollOverscan,
+  disableDefaultFiltering = false,
   ...textboxProps
 }, ref) => {
   const [activeDescendantId, setActiveDescendantId] = (0, _react.useState)();
@@ -405,32 +406,35 @@ const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.
       ...(0, _utils.filterOutStyledSystemSpacingProps)(textboxProps)
     };
   }
-  const selectList = /*#__PURE__*/_react.default.createElement(FilterableSelectList, {
+  const selectListProps = {
     ref: listboxRef,
     id: selectListId.current,
-    labelId: labelId,
+    labelId,
     anchorElement: textboxRef?.parentElement || undefined,
     onSelect: onSelectOption,
-    onSelectListClose: onSelectListClose,
+    onSelectListClose,
     onMouseDown: handleListMouseDown,
-    filterText: filterText,
-    highlightedValue: highlightedValue,
-    noResultsMessage: noResultsMessage,
-    disablePortal: disablePortal,
-    listActionButton: listActionButton,
-    listMaxHeight: listMaxHeight,
+    filterText,
+    highlightedValue,
+    noResultsMessage,
+    disablePortal,
+    listActionButton,
+    listMaxHeight,
     onListAction: handleOnListAction,
-    isLoading: isLoading,
-    onListScrollBottom: onListScrollBottom,
-    tableHeader: tableHeader,
-    multiColumn: multiColumn,
+    isLoading,
+    onListScrollBottom,
+    tableHeader,
+    multiColumn,
     loaderDataRole: "filterable-select-list-loader",
-    listPlacement: listPlacement,
-    flipEnabled: flipEnabled,
-    isOpen: isOpen,
-    enableVirtualScroll: enableVirtualScroll,
-    virtualScrollOverscan: virtualScrollOverscan
-  }, children);
+    listPlacement,
+    flipEnabled,
+    isOpen,
+    enableVirtualScroll,
+    virtualScrollOverscan
+  };
+  const selectList = disableDefaultFiltering ? /*#__PURE__*/_react.default.createElement(_selectList.default, selectListProps, children) : /*#__PURE__*/_react.default.createElement(FilterableSelectList, _extends({}, selectListProps, {
+    filterText: filterText
+  }), children);
   const marginProps = (0, _useFormSpacing.default)(textboxProps);
   return /*#__PURE__*/_react.default.createElement(_select.default, _extends({
     hasTextCursor: true,
@@ -538,6 +542,7 @@ FilterableSelect.propTypes = {
   "deferTimeout": _propTypes.default.number,
   "dir": _propTypes.default.string,
   "disabled": _propTypes.default.bool,
+  "disableDefaultFiltering": _propTypes.default.bool,
   "disablePortal": _propTypes.default.bool,
   "draggable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
   "enableVirtualScroll": _propTypes.default.bool,

package/package.json

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