carbon-react 114.9.0 → 114.10.0

package/lib/components/duelling-picklist/picklist/picklist.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.areEqual = exports.Picklist = void 0;
+exports.default = exports.Picklist = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -43,8 +43,10 @@ const Picklist = ({
     length: filteredChildren.length
   }, () => /*#__PURE__*/_react.default.createRef()), [filteredChildren.length]);
   const focusItem = (0, _react.useCallback)((ev, itemIndex) => {
+    var _refs$itemIndex$curre;
+
     ev.preventDefault();
-    refs[itemIndex].current.focus();
+    (_refs$itemIndex$curre = refs[itemIndex].current) === null || _refs$itemIndex$curre === void 0 ? void 0 : _refs$itemIndex$curre.focus();
   }, [refs]);
   const handleKeyDown = (0, _react.useCallback)(ev => {
     if (_events.default.isHomeKey(ev)) {
@@ -53,22 +55,31 @@ const Picklist = ({
       focusItem(ev, refs.length - 1);
     }
   }, [focusItem, refs]);
-  const content = filteredChildren.map((child, childIndex) => child && /*#__PURE__*/_react.default.cloneElement(child, {
-    ref: refs[childIndex],
-    disabled,
-    index: childIndex,
-    listIndex: index,
-    isLastGroup: child.type === _picklistGroup.default && childIndex === filteredChildren.length - 1
-  }));
+  const content = filteredChildren.map((child, childIndex) => {
+    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
+      return child;
+    }
+
+    const props = {
+      ref: refs[childIndex],
+      disabled,
+      index: childIndex,
+      listIndex: index,
+      isLastGroup: child.type === _picklistGroup.default && childIndex === filteredChildren.length - 1
+    };
+    return /*#__PURE__*/_react.default.cloneElement(child, props);
+  });
   (0, _react.useEffect)(() => {
-    if ((elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.groupIndex) === undefined && index === (elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.listIndex)) {
+    if (elementToFocus.groupIndex === undefined && elementToFocus.listIndex === index && elementToFocus.itemIndex !== undefined) {
       var _refs$elementToFocus$;
 
-      if ((_refs$elementToFocus$ = refs[elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.itemIndex]) !== null && _refs$elementToFocus$ !== void 0 && _refs$elementToFocus$.current) {
-        refs[elementToFocus.itemIndex].current.focus();
+      const itemToBeFocused = (_refs$elementToFocus$ = refs[elementToFocus.itemIndex]) === null || _refs$elementToFocus$ === void 0 ? void 0 : _refs$elementToFocus$.current;
+
+      if (itemToBeFocused) {
+        itemToBeFocused.focus();
         setElementToFocus();
       } else {
-        setElementToFocus(0, index === 0 ? 1 : 0, elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.groupIndex);
+        setElementToFocus(0, index === 0 ? 1 : 0, elementToFocus.groupIndex);
       }
     }
   }, [elementToFocus, index, refs, setElementToFocus]);
@@ -83,38 +94,11 @@ const Picklist = ({
 
 exports.Picklist = Picklist;
 Picklist.propTypes = {
-  /** List of PicklistItem elements */
-  children: _propTypes.default.node,
-
-  /** Placeholder to be rendered when list is empty */
-  placeholder: _propTypes.default.node,
-
-  /** Indicate if component is disabled */
-  disabled: _propTypes.default.bool,
-
-  /** @private @ignore */
-  index: _propTypes.default.number
+  "children": _propTypes.default.node,
+  "disabled": _propTypes.default.bool,
+  "index": _propTypes.default.number,
+  "placeholder": _propTypes.default.node
 };
-
-const areEqual = (prevProps, nextProps) => {
-  let changesCounter = 0;
-
-  const prevChildCount = _react.default.Children.count(prevProps.children);
-
-  const nextChildCount = _react.default.Children.count(nextProps.children);
-
-  if (prevChildCount !== nextChildCount) {
-    changesCounter += 1;
-  }
-
-  if (prevProps.disabled !== nextProps.disabled) {
-    changesCounter += 1;
-  }
-
-  return !changesCounter;
-};
-
-exports.areEqual = areEqual;
 Picklist.displayName = "Picklist";
 var _default = Picklist;
 exports.default = _default;

package/lib/components/duelling-picklist/picklist/picklist.style.d.ts

@@ -0,0 +1,5 @@
+declare const StyledPicklist: import("styled-components").StyledComponent<"div", any, import("../../box").BoxProps & {
+    as: string;
+}, "as">;
+declare const StyledEmptyContainer: import("styled-components").StyledComponent<"li", any, {}, never>;
+export { StyledPicklist, StyledEmptyContainer };

package/lib/components/duelling-picklist/picklist-divider/picklist-divider.component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { StyledComponentProps } from "styled-components";
+export declare type PicklistDividerProps = StyledComponentProps<"div", Record<string, unknown>, Record<string, unknown>, "">;
+declare const PicklistDivider: (props: PicklistDividerProps) => JSX.Element;
+export default PicklistDivider;

package/lib/components/duelling-picklist/picklist-divider/picklist-divider.component.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _picklistDivider = _interopRequireDefault(require("./picklist-divider.style"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -17,5 +19,8 @@ const PicklistDivider = props => /*#__PURE__*/_react.default.createElement(_pick
   "data-element": "picklist-divider"
 }));
 
+PicklistDivider.propTypes = {
+  "theme": _propTypes.default.object
+};
 var _default = PicklistDivider;
 exports.default = _default;

package/lib/components/duelling-picklist/picklist-divider/picklist-divider.style.d.ts

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

package/lib/components/duelling-picklist/picklist-group/picklist-group.component.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface PicklistGroupProps {
+    /** Group title */
+    title: React.ReactNode;
+    /** Item content */
+    children: React.ReactNode;
+    /** Define if item is of type add or remove */
+    type: "add" | "remove";
+    /** Handler invoked when add/remove button is clicked or when space/enter is pressed on the whole item */
+    onChange: () => void;
+    /** @private @ignore */
+    index?: number;
+    /** @private @ignore */
+    listIndex?: number;
+    /** @private @ignore */
+    isLastGroup?: boolean;
+}
+export declare const PicklistGroup: React.ForwardRefExoticComponent<PicklistGroupProps & React.RefAttributes<HTMLButtonElement>>;
+export default PicklistGroup;

package/lib/components/duelling-picklist/picklist-group/picklist-group.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.PicklistGroup = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -33,7 +33,7 @@ const PicklistGroup = /*#__PURE__*/_react.default.forwardRef(({
   index,
   listIndex,
   isLastGroup,
-  ...rest
+  ...transitionGroupProps
 }, ref) => {
   const {
     setElementToFocus,
@@ -58,18 +58,27 @@ const PicklistGroup = /*#__PURE__*/_react.default.forwardRef(({
     length: filteredChildren.length
   }, () => /*#__PURE__*/_react.default.createRef()), [filteredChildren.length]);
 
-  const content = _react.default.Children.map(children, (child, childIndex) => child && /*#__PURE__*/_react.default.cloneElement(child, {
-    ref: refs[childIndex],
-    index: childIndex,
-    listIndex,
-    groupIndex: index,
-    isLastGroup,
-    isLastItem: childIndex === filteredChildren.length - 1
-  }));
+  const content = _react.default.Children.map(children, (child, childIndex) => {
+    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
+      return child;
+    }
+
+    const props = {
+      ref: refs[childIndex],
+      index: childIndex,
+      listIndex,
+      groupIndex: index,
+      isLastGroup,
+      isLastItem: childIndex === filteredChildren.length - 1
+    };
+    return /*#__PURE__*/_react.default.cloneElement(child, props);
+  });
 
   (0, _react.useEffect)(() => {
-    if (index === (elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.groupIndex) && listIndex === (elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.listIndex)) {
-      refs[elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.itemIndex].current.focus();
+    if (elementToFocus.groupIndex === index && elementToFocus.listIndex === listIndex && elementToFocus.itemIndex !== undefined) {
+      var _refs$elementToFocus$;
+
+      (_refs$elementToFocus$ = refs[elementToFocus.itemIndex].current) === null || _refs$elementToFocus$ === void 0 ? void 0 : _refs$elementToFocus$.focus();
       setElementToFocus();
     }
   }, [elementToFocus, index, isLastGroup, listIndex, refs, setElementToFocus]);
@@ -80,7 +89,7 @@ const PicklistGroup = /*#__PURE__*/_react.default.forwardRef(({
       exit: 0
     },
     classNames: "picklist-group"
-  }, rest, type === "add" ? {
+  }, transitionGroupProps, type === "add" ? {
     enter: false
   } : {}), /*#__PURE__*/_react.default.createElement(_picklistGroup.StyledGroupWrapper, {
     highlighted: highlighted,
@@ -103,27 +112,16 @@ const PicklistGroup = /*#__PURE__*/_react.default.forwardRef(({
   }, content))));
 });
 
+exports.PicklistGroup = PicklistGroup;
 PicklistGroup.propTypes = {
-  /** Group title */
-  title: _propTypes.default.node.isRequired,
-
-  /** Item content */
-  children: _propTypes.default.node.isRequired,
-
-  /** Define if item is of type add or remove */
-  type: _propTypes.default.oneOf(["add", "remove"]).isRequired,
-
-  /** Handler invoked when add/remove button is clicked or when space/enter is pressed on the whole item */
-  onChange: _propTypes.default.func.isRequired,
-
-  /** @private @ignore */
-  index: _propTypes.default.number,
-
-  /** @private @ignore */
-  listIndex: _propTypes.default.number,
-
-  /** @private @ignore */
-  isLastGroup: _propTypes.default.bool
+  "children": _propTypes.default.node,
+  "index": _propTypes.default.number,
+  "isLastGroup": _propTypes.default.bool,
+  "listIndex": _propTypes.default.number,
+  "onChange": _propTypes.default.func.isRequired,
+  "title": _propTypes.default.node,
+  "type": _propTypes.default.oneOf(["add", "remove"]).isRequired
 };
+PicklistGroup.displayName = "PicklistGroup";
 var _default = PicklistGroup;
 exports.default = _default;

package/lib/components/duelling-picklist/picklist-group/picklist-group.style.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { PicklistGroupProps } from "./picklist-group.component";
+declare const StyledGroupWrapper: import("styled-components").StyledComponent<"li", any, {
+    highlighted: boolean;
+    type: PicklistGroupProps["type"];
+}, never>;
+declare const StyledPicklistGroupUl: import("styled-components").StyledComponent<"ul", any, {}, never>;
+declare const StyledPicklistGroup: import("styled-components").StyledComponent<"li", any, {}, never>;
+declare const StyledGroupButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
+    onMouseEnter: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onMouseLeave: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    iconType: PicklistGroupProps["type"];
+}, never>;
+export { StyledGroupWrapper, StyledPicklistGroupUl, StyledPicklistGroup, StyledGroupButton, };

package/lib/components/duelling-picklist/picklist-item/picklist-item.component.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+declare type Item = Record<string, unknown> | string | number;
+export interface PicklistItemProps {
+    /** Item content */
+    children: React.ReactNode;
+    /** Define if item is of type add or remove */
+    type: "add" | "remove";
+    /** Handler invoked when add/remove button is clicked or when space/enter is pressed on the whole item */
+    onChange: (item: Item) => void;
+    /** Value passed to the onChange handler - can be a string, a number or an object */
+    item: Item;
+    /** Disable the item */
+    locked?: boolean;
+    /** Tooltip message for the locked icon (only present when locked prop is true) */
+    tooltipMessage?: string;
+    /** @private @ignore */
+    index?: number;
+    /** @private @ignore */
+    groupIndex?: number;
+    /** @private @ignore */
+    listIndex?: number;
+    /** @private @ignore */
+    isLastItem?: boolean;
+    /** @private @ignore */
+    isLastGroup?: boolean;
+}
+export declare const PicklistItem: React.ForwardRefExoticComponent<PicklistItemProps & React.RefAttributes<HTMLButtonElement>>;
+export default PicklistItem;

package/lib/components/duelling-picklist/picklist-item/picklist-item.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.PicklistItem = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -28,10 +28,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const PicklistItem = /*#__PURE__*/_react.default.forwardRef(({
   children,
   type,
-  disabled,
   onChange,
   item,
-  highlighted,
   locked,
   tooltipMessage = "This item is locked and can not be moved",
   index,
@@ -39,12 +37,12 @@ const PicklistItem = /*#__PURE__*/_react.default.forwardRef(({
   groupIndex,
   isLastGroup,
   isLastItem,
-  ...rest
+  ...transitionGroupProps
 }, ref) => {
   const {
     setElementToFocus
   } = (0, _react.useContext)(_duellingPicklist.default);
-  const picklistItemNodeRef = (0, _react.useRef)();
+  const picklistItemNodeRef = (0, _react.useRef)(null);
   const calculateFocusIndex = (0, _react.useCallback)(() => {
     if (isLastItem) {
       const toggledListIndex = listIndex === 0 ? 1 : 0;
@@ -88,7 +86,7 @@ const PicklistItem = /*#__PURE__*/_react.default.forwardRef(({
       exit: 0
     },
     classNames: "picklist-item"
-  }, rest, type === "add" ? {
+  }, transitionGroupProps, type === "add" ? {
     enter: false
   } : {}, {
     nodeRef: picklistItemNodeRef
@@ -102,7 +100,6 @@ const PicklistItem = /*#__PURE__*/_react.default.forwardRef(({
     destructive: type === "remove",
     iconType: type,
     onClick: handleClick,
-    highlighted: highlighted,
     ref: ref
   }), locked && /*#__PURE__*/_react.default.createElement(_picklistItem.StyledLockIcon, {
     type: "locked",
@@ -110,45 +107,20 @@ const PicklistItem = /*#__PURE__*/_react.default.forwardRef(({
   })));
 });
 
+exports.PicklistItem = PicklistItem;
 PicklistItem.propTypes = {
-  /** Item content */
-  children: _propTypes.default.node.isRequired,
-
-  /** Define if item is of type add or remove */
-  type: _propTypes.default.oneOf(["add", "remove"]).isRequired,
-
-  /** Indicate if component is disabled */
-  disabled: _propTypes.default.bool,
-
-  /** Handler invoked when add/remove button is clicked or when space/enter is pressed on the whole item */
-  onChange: _propTypes.default.func.isRequired,
-
-  /** Value passed to the onChange handler */
-  item: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string, _propTypes.default.number]).isRequired,
-
-  /** Disable the item */
-  locked: _propTypes.default.bool,
-
-  /** Tooltip message for the locked icon (only present when locked prop is true) */
-  tooltipMessage: _propTypes.default.string,
-
-  /** @private @ignore */
-  highlighted: _propTypes.default.bool,
-
-  /** @private @ignore */
-  index: _propTypes.default.number,
-
-  /** @private @ignore */
-  groupIndex: _propTypes.default.number,
-
-  /** @private @ignore */
-  listIndex: _propTypes.default.number,
-
-  /** @private @ignore */
-  isLastItem: _propTypes.default.bool,
-
-  /** @private @ignore */
-  isLastGroup: _propTypes.default.bool
+  "children": _propTypes.default.node,
+  "groupIndex": _propTypes.default.number,
+  "index": _propTypes.default.number,
+  "isLastGroup": _propTypes.default.bool,
+  "isLastItem": _propTypes.default.bool,
+  "item": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object, _propTypes.default.string]).isRequired,
+  "listIndex": _propTypes.default.number,
+  "locked": _propTypes.default.bool,
+  "onChange": _propTypes.default.func.isRequired,
+  "tooltipMessage": _propTypes.default.string,
+  "type": _propTypes.default.oneOf(["add", "remove"]).isRequired
 };
+PicklistItem.displayName = "PicklistItem";
 var _default = PicklistItem;
 exports.default = _default;

package/lib/components/duelling-picklist/picklist-item/picklist-item.style.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const StyledPicklistItem: import("styled-components").StyledComponent<"li", any, {
+    locked?: boolean | undefined;
+}, never>;
+declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+declare const StyledLockIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export { StyledPicklistItem, StyledButton, StyledLockIcon };

package/lib/components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface PicklistPlaceholderProps {
+    /** Text to be displayed when list is empty */
+    text: string;
+}
+export declare const PicklistPlaceholder: ({ text }: PicklistPlaceholderProps) => JSX.Element;
+export default PicklistPlaceholder;

package/lib/components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.PicklistPlaceholder = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,9 +19,9 @@ const PicklistPlaceholder = ({
   "data-element": "picklist-placeholder"
 }, text);
 
+exports.PicklistPlaceholder = PicklistPlaceholder;
 PicklistPlaceholder.propTypes = {
-  /** Text to be displayed when list is empty */
-  text: _propTypes.default.string.isRequired
+  "text": _propTypes.default.string.isRequired
 };
 var _default = PicklistPlaceholder;
 exports.default = _default;

package/package.json

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

package/esm/components/duelling-picklist/duelling-picklist.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface DuellingPicklistProps extends MarginProps {
-  /**
-   * Content of the component, should contain two Picklist children
-   * and a PicklistDivider
-   */
-  children?: React.ReactNode;
-  /** Indicate if component is disabled */
-  disabled?: boolean;
-  /** Place for components like Search or Filter placed above the left list */
-  leftControls?: React.ReactNode;
-  /** Left list label */
-  leftLabel?: string;
-  /** Place for components like Search or Filter placed above the right list */
-  rightControls?: React.ReactNode;
-  /** Right list label */
-  rightLabel?: string;
-}
-
-declare function DuellingPicklist(props: DuellingPicklistProps): JSX.Element;
-
-export default DuellingPicklist;

package/esm/components/duelling-picklist/picklist/picklist.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-
-export interface PicklistProps {
-  /** List of PicklistItem elements */
-  children?: React.ReactNode;
-  /** Placeholder to be rendered when list is empty */
-  placeholder?: React.ReactNode;
-  /** Indicate if component is disabled */
-  disabled?: boolean;
-}
-
-declare function areEqual(
-  prevProps: PicklistProps,
-  nextProps: PicklistProps
-): boolean;
-declare function Picklist(props: PicklistProps): JSX.Element;
-
-export { areEqual, Picklist };
-export default Picklist;

package/esm/components/duelling-picklist/picklist-divider/picklist-divider.d.ts

@@ -1,12 +0,0 @@
-import { StyledComponentProps } from "styled-components";
-
-declare function PicklistDivider(
-  attrs: StyledComponentProps<
-    "div",
-    Record<string, unknown>,
-    Record<string, unknown>,
-    ""
-  >
-): JSX.Element;
-
-export default PicklistDivider;

package/esm/components/duelling-picklist/picklist-group/picklist-group.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-
-export interface PicklistGroupProps {
-  /** Group title */
-  title: React.ReactNode;
-  /** Item content */
-  children: React.ReactNode;
-  /** Define if item is of type add or remove */
-  type: "add" | "remove";
-  /** Handler invoked when add/remove button is clicked or when space/enter is pressed on the whole item */
-  onChange: () => void;
-}
-
-declare function PicklistGroup(
-  props: PicklistGroupProps & React.RefAttributes<HTMLInputElement>
-): JSX.Element;
-
-export default PicklistGroup;

package/esm/components/duelling-picklist/picklist-item/picklist-item.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-
-export interface PicklistItemProps {
-  /** Item content */
-  children: React.ReactNode;
-  /** Define if item is of type add or remove */
-  type: "add" | "remove";
-  /** Indicate if component is disabled */
-  disabled?: boolean;
-  /** Handler invoked when add/remove button is clicked or when space/enter is pressed on the whole item */
-  onChange: () => void;
-  /** Value passed to the onChange handler */
-  item: Record<string, unknown> | string | number;
-  /** Disable the item */
-  locked?: boolean;
-  /** Tooltip message for the locked icon (only present when locked prop is true) */
-  tooltipMessage?: string;
-}
-
-declare function PicklistItem(
-  props: PicklistItemProps & React.RefAttributes<HTMLInputElement>
-): JSX.Element;
-
-export default PicklistItem;

package/esm/components/duelling-picklist/picklist-placeholder/picklist-placeholder.d.ts

@@ -1,10 +0,0 @@
-export interface PicklistPlaceholderProps {
-  /** Text to be displayed when list is empty */
-  text: string;
-}
-
-declare function PicklistPlaceholder(
-  props: PicklistPlaceholderProps
-): JSX.Element;
-
-export default PicklistPlaceholder;

package/lib/components/duelling-picklist/duelling-picklist.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface DuellingPicklistProps extends MarginProps {
-  /**
-   * Content of the component, should contain two Picklist children
-   * and a PicklistDivider
-   */
-  children?: React.ReactNode;
-  /** Indicate if component is disabled */
-  disabled?: boolean;
-  /** Place for components like Search or Filter placed above the left list */
-  leftControls?: React.ReactNode;
-  /** Left list label */
-  leftLabel?: string;
-  /** Place for components like Search or Filter placed above the right list */
-  rightControls?: React.ReactNode;
-  /** Right list label */
-  rightLabel?: string;
-}
-
-declare function DuellingPicklist(props: DuellingPicklistProps): JSX.Element;
-
-export default DuellingPicklist;

package/lib/components/duelling-picklist/picklist/picklist.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-
-export interface PicklistProps {
-  /** List of PicklistItem elements */
-  children?: React.ReactNode;
-  /** Placeholder to be rendered when list is empty */
-  placeholder?: React.ReactNode;
-  /** Indicate if component is disabled */
-  disabled?: boolean;
-}
-
-declare function areEqual(
-  prevProps: PicklistProps,
-  nextProps: PicklistProps
-): boolean;
-declare function Picklist(props: PicklistProps): JSX.Element;
-
-export { areEqual, Picklist };
-export default Picklist;

package/lib/components/duelling-picklist/picklist-divider/picklist-divider.d.ts

@@ -1,12 +0,0 @@
-import { StyledComponentProps } from "styled-components";
-
-declare function PicklistDivider(
-  attrs: StyledComponentProps<
-    "div",
-    Record<string, unknown>,
-    Record<string, unknown>,
-    ""
-  >
-): JSX.Element;
-
-export default PicklistDivider;