carbon-react 118.0.0 → 118.1.1

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

@@ -1 +1,2 @@
-export { default } from "./filterable-select";
+export { default } from "./filterable-select.component";
+export type { FilterableSelectProps } from "./filterable-select.component";

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

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

package/esm/components/select/index.d.ts

@@ -1,6 +1,12 @@
 export { default as Option } from "./option";
+export type { OptionProps } from "./option";
 export { default as OptionRow } from "./option-row";
+export type { OptionRowProps } from "./option-row";
 export { default as OptionGroupHeader } from "./option-group-header";
+export type { OptionGroupHeaderProps } from "./option-group-header";
 export { default as Select } from "./simple-select";
+export type { SimpleSelectProps } from "./simple-select";
 export { default as FilterableSelect } from "./filterable-select";
+export type { FilterableSelectProps } from "./filterable-select";
 export { default as MultiSelect } from "./multi-select";
+export type { MultiSelectProps } from "./multi-select";

package/esm/components/select/index.js

@@ -1,6 +1,6 @@
-export { default as Option } from "./option/option.component";
-export { default as OptionRow } from "./option-row/option-row.component";
-export { default as OptionGroupHeader } from "./option-group-header/option-group-header.component";
-export { default as Select } from "./simple-select/simple-select.component";
-export { default as FilterableSelect } from "./filterable-select/filterable-select.component";
-export { default as MultiSelect } from "./multi-select/multi-select.component";
+export { default as Option } from "./option";
+export { default as OptionRow } from "./option-row";
+export { default as OptionGroupHeader } from "./option-group-header";
+export { default as Select } from "./simple-select";
+export { default as FilterableSelect } from "./filterable-select";
+export { default as MultiSelect } from "./multi-select";

package/esm/components/select/list-action-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./list-action-button.component";
+export type { ListActionButtonProps } from "./list-action-button.component";

package/esm/components/select/list-action-button/index.js

@@ -0,0 +1 @@
+export { default } from "./list-action-button.component";

package/esm/components/select/list-action-button/list-action-button.component.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface ListActionButtonProps {
+    listActionButton?: boolean | React.ReactNode;
+    onListAction?: (ev: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
+}
+declare const ListActionButton: React.ForwardRefExoticComponent<ListActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default ListActionButton;

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

@@ -12,11 +12,16 @@ const ListActionButton = /*#__PURE__*/React.forwardRef(({
   function renderListActionButton() {
     if (!listActionButton || listActionButton === true) {
       return /*#__PURE__*/React.createElement(Button, {
-        forwardRef: ref,
+        ref: ref,
         onClick: onListAction,
         iconType: "add",
         iconPosition: "after"
       }, l.select.actionButtonText());
+    } // istanbul ignore if
+
+
+    if (! /*#__PURE__*/React.isValidElement(listActionButton)) {
+      return listActionButton;
     }
 
     return /*#__PURE__*/React.cloneElement(listActionButton, {
@@ -28,10 +33,8 @@ const ListActionButton = /*#__PURE__*/React.forwardRef(({
   return /*#__PURE__*/React.createElement(StyledListActionButtonWrapper, null, renderListActionButton());
 });
 ListActionButton.propTypes = {
-  /** True for default text button or a Button Component to be rendered */
-  listActionButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.element]),
-
-  /** A callback for when the Action Button is triggered */
-  onListAction: PropTypes.func.isRequired
+  "listActionButton": PropTypes.node,
+  "onListAction": PropTypes.func
 };
+ListActionButton.displayName = "ListActionButton";
 export default ListActionButton;

package/esm/components/select/list-action-button/list-action-button.style.d.ts

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

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

@@ -1 +1,2 @@
-export { default } from "./multi-select";
+export { default } from "./multi-select.component";
+export type { MultiSelectProps } from "./multi-select.component";

package/esm/components/select/multi-select/index.js

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

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

@@ -0,0 +1,62 @@
+import React from "react";
+import { Side } from "@floating-ui/dom";
+import { FormInputPropTypes } from "../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;
+}
+export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<unknown>>;
+export default MultiSelect;