carbon-react 114.9.1 → 114.10.1

package/esm/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/esm/components/duelling-picklist/picklist-item/picklist-item.component.js

@@ -9,10 +9,8 @@ import Events from "../../../__internal__/utils/helpers/events";
 const PicklistItem = /*#__PURE__*/React.forwardRef(({
   children,
   type,
-  disabled,
   onChange,
   item,
-  highlighted,
   locked,
   tooltipMessage = "This item is locked and can not be moved",
   index,
@@ -20,12 +18,12 @@ const PicklistItem = /*#__PURE__*/React.forwardRef(({
   groupIndex,
   isLastGroup,
   isLastItem,
-  ...rest
+  ...transitionGroupProps
 }, ref) => {
   const {
     setElementToFocus
   } = useContext(FocusContext);
-  const picklistItemNodeRef = useRef();
+  const picklistItemNodeRef = useRef(null);
   const calculateFocusIndex = useCallback(() => {
     if (isLastItem) {
       const toggledListIndex = listIndex === 0 ? 1 : 0;
@@ -69,7 +67,7 @@ const PicklistItem = /*#__PURE__*/React.forwardRef(({
       exit: 0
     },
     classNames: "picklist-item"
-  }, rest, type === "add" ? {
+  }, transitionGroupProps, type === "add" ? {
     enter: false
   } : {}, {
     nodeRef: picklistItemNodeRef
@@ -83,7 +81,6 @@ const PicklistItem = /*#__PURE__*/React.forwardRef(({
     destructive: type === "remove",
     iconType: type,
     onClick: handleClick,
-    highlighted: highlighted,
     ref: ref
   }), locked && /*#__PURE__*/React.createElement(StyledLockIcon, {
     type: "locked",
@@ -91,43 +88,18 @@ const PicklistItem = /*#__PURE__*/React.forwardRef(({
   })));
 });
 PicklistItem.propTypes = {
-  /** Item content */
-  children: PropTypes.node.isRequired,
-
-  /** Define if item is of type add or remove */
-  type: PropTypes.oneOf(["add", "remove"]).isRequired,
-
-  /** Indicate if component is disabled */
-  disabled: PropTypes.bool,
-
-  /** Handler invoked when add/remove button is clicked or when space/enter is pressed on the whole item */
-  onChange: PropTypes.func.isRequired,
-
-  /** Value passed to the onChange handler */
-  item: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]).isRequired,
-
-  /** Disable the item */
-  locked: PropTypes.bool,
-
-  /** Tooltip message for the locked icon (only present when locked prop is true) */
-  tooltipMessage: PropTypes.string,
-
-  /** @private @ignore */
-  highlighted: PropTypes.bool,
-
-  /** @private @ignore */
-  index: PropTypes.number,
-
-  /** @private @ignore */
-  groupIndex: PropTypes.number,
-
-  /** @private @ignore */
-  listIndex: PropTypes.number,
-
-  /** @private @ignore */
-  isLastItem: PropTypes.bool,
-
-  /** @private @ignore */
-  isLastGroup: PropTypes.bool
+  "children": PropTypes.node,
+  "groupIndex": PropTypes.number,
+  "index": PropTypes.number,
+  "isLastGroup": PropTypes.bool,
+  "isLastItem": PropTypes.bool,
+  "item": PropTypes.oneOfType([PropTypes.number, PropTypes.object, PropTypes.string]).isRequired,
+  "listIndex": PropTypes.number,
+  "locked": PropTypes.bool,
+  "onChange": PropTypes.func.isRequired,
+  "tooltipMessage": PropTypes.string,
+  "type": PropTypes.oneOf(["add", "remove"]).isRequired
 };
+export { PicklistItem };
+PicklistItem.displayName = "PicklistItem";
 export default PicklistItem;

package/esm/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/esm/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/esm/components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js

@@ -9,7 +9,7 @@ const PicklistPlaceholder = ({
 }, text);
 
 PicklistPlaceholder.propTypes = {
-  /** Text to be displayed when list is empty */
-  text: PropTypes.string.isRequired
+  "text": PropTypes.string.isRequired
 };
+export { PicklistPlaceholder };
 export default PicklistPlaceholder;

package/esm/components/flat-table/flat-table.component.js

@@ -65,9 +65,9 @@ const FlatTable = ({
       colorTheme,
       size
     }
-  }, children))), footer && /*#__PURE__*/React.createElement(StyledFlatTableFooter, {
+  }, children)), footer && /*#__PURE__*/React.createElement(StyledFlatTableFooter, {
     hasStickyFooter: hasStickyFooter
-  }, footer)));
+  }, footer))));
 };
 
 FlatTable.propTypes = { ...marginPropTypes,

package/esm/components/flat-table/flat-table.style.js

@@ -12,6 +12,9 @@ const HEADER_OVERLAY_INCREMENT = 3;
 const STICKY_FOOTER_OVERLAY_INCREMENT = 1;
 const ROW_HEADER_OVERLAY_INCREMENT = 5;
 const StyledTableContainer = styled.div`
+  display: grid;
+  grid-auto-rows: min-content;
+
   ${({
   width,
   overflowX
@@ -25,7 +28,6 @@ const StyledFlatTable = styled.table`
   border-collapse: separate;
   border-radius: 0px;
   border-spacing: 0;
-  min-width: 100%;
   width: 100%;
 
   ${({

package/lib/components/draggable/draggable-container.component.js

@@ -39,8 +39,8 @@ const DropTarget = ({
   const [, drop] = (0, _reactDnd.useDrop)({
     accept: "draggableItem",
 
-    drop() {
-      getOrder();
+    drop(item) {
+      getOrder(item === null || item === void 0 ? void 0 : item.id);
     }
 
   });
@@ -86,13 +86,13 @@ const DraggableContainer = ({
     setDraggableItems(copyOfDraggableItems);
   };
 
-  const getItemsId = () => {
+  const getItemsId = item => {
     if (!getOrder) {
       return;
     }
 
     const draggableItemIds = draggableItems.map(draggableItem => draggableItem.props.id);
-    getOrder(draggableItemIds);
+    getOrder(draggableItemIds, item);
   };
 
   const marginProps = (0, _utils.filterStyledSystemMarginProps)(rest);

package/lib/components/draggable/draggable-container.d.ts

@@ -9,7 +9,10 @@ type DraggableContainerChild =
 
 export interface DraggableContainerProps {
   /** Callback fired when order is changed */
-  getOrder?: (draggableItemIds: number[]) => void;
+  getOrder?: (
+    draggableItemIds: (number | string)[],
+    movedItemId: string | number
+  ) => void;
   /**
    * The content of the component
    *

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

@@ -0,0 +1,21 @@
+import 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;
+}
+export declare const DuellingPicklist: ({ children, disabled, leftControls, rightControls, leftLabel, rightLabel, ...rest }: DuellingPicklistProps) => JSX.Element;
+export default DuellingPicklist;

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

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.DuellingPicklist = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _utils = require("../../style/utils");
 
 var _duellingPicklist = require("./duelling-picklist.style");
@@ -27,8 +25,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
 const DuellingPicklist = ({
   children,
   disabled,
@@ -57,9 +53,15 @@ const DuellingPicklist = ({
     return index;
   };
 
-  const clonedChildren = _react.default.Children.map(children, child => child && /*#__PURE__*/_react.default.cloneElement(child, {
-    index: child.type === _picklist.Picklist ? getIndex() : undefined
-  }));
+  const clonedChildren = _react.default.Children.map(children, child => {
+    if ( /*#__PURE__*/_react.default.isValidElement(child) && child.type === _picklist.Picklist) {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        index: getIndex()
+      });
+    }
+
+    return child;
+  });
 
   return /*#__PURE__*/_react.default.createElement(_duellingPicklist.StyledDuellingPicklistOverlay, _extends({
     disabled: disabled,
@@ -80,37 +82,168 @@ const DuellingPicklist = ({
   }, /*#__PURE__*/_react.default.createElement(_duellingPicklist.StyledDuellingPicklist, null, clonedChildren)));
 };
 
-DuellingPicklist.propTypes = { ...marginPropTypes,
-
-  /**
-   * Content of the component, should contain two Picklist children
-   * and a PicklistDivider
-   */
-  children: (props, propName) => {
-    const prop = props[propName];
-    let error;
-
-    if (!prop || !Array.isArray(prop) || prop.filter(el => el.type === _picklist.Picklist).length !== 2) {
-      error = new Error(`\`${propName}\` must have two \`${_picklist.Picklist.displayName}\`s`);
-    }
-
-    return error;
-  },
-
-  /** Indicate if component is disabled */
-  disabled: _propTypes.default.bool,
-
-  /** Place for components like Search or Filter placed above the left list */
-  leftControls: _propTypes.default.node,
-
-  /** Place for components like Search or Filter placed above the right list */
-  rightControls: _propTypes.default.node,
-
-  /** Left list label */
-  leftLabel: _propTypes.default.string,
-
-  /** Right list label */
-  rightLabel: _propTypes.default.string
+exports.DuellingPicklist = DuellingPicklist;
+DuellingPicklist.propTypes = {
+  "children": _propTypes.default.node,
+  "disabled": _propTypes.default.bool,
+  "leftControls": _propTypes.default.node,
+  "leftLabel": _propTypes.default.string,
+  "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "rightControls": _propTypes.default.node,
+  "rightLabel": _propTypes.default.string
 };
 var _default = DuellingPicklist;
 exports.default = _default;

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

@@ -0,0 +1,11 @@
+import React from "react";
+export declare type FocusContextType = {
+    setElementToFocus: (itemIndex?: number, listIndex?: number, groupIndex?: number) => void;
+    elementToFocus: {
+        itemIndex?: number;
+        listIndex?: number;
+        groupIndex?: number;
+    };
+};
+declare const FocusContext: React.Context<FocusContextType>;
+export default FocusContext;

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

@@ -9,7 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const FocusContext = /*#__PURE__*/_react.default.createContext({});
+const FocusContext = /*#__PURE__*/_react.default.createContext({
+  setElementToFocus:
+  /* istanbul ignore next */
+  () => {},
+  elementToFocus: {}
+});
 
 var _default = FocusContext;
 exports.default = _default;

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

@@ -0,0 +1,10 @@
+declare const StyledDuellingPicklistOverlay: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
+declare const StyledDuellingPicklist: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledLabelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledLabel: import("styled-components").StyledComponent<"p", any, {}, never>;
+declare const StyledControlsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledControl: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledPicklistPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { StyledDuellingPicklist, StyledDuellingPicklistOverlay, StyledLabelContainer, StyledLabel, StyledControlsContainer, StyledControl, StyledPicklistPlaceholder, };

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

@@ -1,6 +1,12 @@
-export { default as DuellingPicklist } from "./duelling-picklist";
-export { default as PicklistDivider } from "./picklist-divider/picklist-divider";
-export { default as PicklistItem } from "./picklist-item/picklist-item";
-export { default as Picklist } from "./picklist/picklist";
-export { default as PicklistPlaceholder } from "./picklist-placeholder/picklist-placeholder";
-export { default as PicklistGroup } from "./picklist-group/picklist-group";
+export { default as DuellingPicklist } from "./duelling-picklist.component";
+export type { DuellingPicklistProps } from "./duelling-picklist.component";
+export { default as PicklistDivider } from "./picklist-divider/picklist-divider.component";
+export type { PicklistDividerProps } from "./picklist-divider/picklist-divider.component";
+export { default as PicklistItem } from "./picklist-item/picklist-item.component";
+export type { PicklistItemProps } from "./picklist-item/picklist-item.component";
+export { default as Picklist } from "./picklist/picklist.component";
+export type { PicklistProps } from "./picklist/picklist.component";
+export { default as PicklistPlaceholder } from "./picklist-placeholder/picklist-placeholder.component";
+export type { PicklistPlaceholderProps } from "./picklist-placeholder/picklist-placeholder.component";
+export { default as PicklistGroup } from "./picklist-group/picklist-group.component";
+export type { PicklistGroupProps } from "./picklist-group/picklist-group.component";

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

@@ -0,0 +1,16 @@
+import 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;
+    /** @private @ignore */
+    index?: number;
+}
+export declare const Picklist: {
+    ({ disabled, children, placeholder, index, }: PicklistProps): JSX.Element;
+    displayName: string;
+};
+export default Picklist;