carbon-react 162.10.0 → 162.12.0-beta.1

package/esm/components/draggable/draggable-item/draggable-item.component.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-import { PaddingProps } from "styled-system";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export interface DraggableItemProps extends PaddingProps, TagProps {
-    /**
-     * The id of the `DraggableItem`.
-     *
-     * Use this prop to make `Draggable` work
-     */
-    id: number | string;
-    /** The content of the component. */
-    children: React.ReactNode;
-    /** @private @ignore */
-    index?: number;
-    /**
-     * @private
-     * @ignore
-     */
-    flexDirection?: "row" | "row-reverse";
-}
-declare const DraggableItem: {
-    ({ id: idProp, index: indexProp, children, py, flexDirection, "data-element": dataElement, "data-role": dataRole, ...rest }: DraggableItemProps): JSX.Element;
-    displayName: string;
-};
-export default DraggableItem;

package/esm/components/draggable/draggable-item/draggable-item.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as r,useState as n,useEffect as o}from"react";import a from"invariant";import{draggable as i,dropTargetForElements as d}from"@atlaskit/pragmatic-drag-and-drop/element/adapter";import{combine as c}from"@atlaskit/pragmatic-drag-and-drop/combine";import{extractClosestEdge as l,attachClosestEdge as s}from"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";import g from"../../../__internal__/utils/helpers/tags/tags.js";import p from"../../../style/utils/filter-styled-system-padding-props.js";import{StyledDraggableItem as f,StyledItemContent as m}from"./draggable-item.style.js";import u from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{useDragDropContext as y}from"../__internal__/drag-drop-provider.js";import{getDraggable as b,isDraggable as O,getDropTarget as j}from"../__internal__/data.js";function D(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){D(e,t,r[t])}))}return e}function v(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const x=D=>{var{id:x,index:P,children:w,py:_=1,flexDirection:E,"data-element":S,"data-role":I="draggable-item"}=D,k=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(D,["id","index","children","py","flexDirection","data-element","data-role"]);const R=String(x),L=P,A=r(null),B=y(),[C,N]=n({type:"idle"}),q=p(k),z="is-dragging"===C.type,F="is-covered"===C.type,G="is-dragging-and-left-self"===C.type;return o((()=>{const e=A.current;if(!e)return;a(B,"Expected context to be defined. Please ensure your component is within a DragDropProvider.");const{contextId:t}=B;return c(i({element:e,getInitialData:()=>b({id:R,initialIndex:L,rect:e.getBoundingClientRect(),contextId:t}),onDragStart:()=>N({type:"is-dragging"}),onDrop:()=>N({type:"idle"})}),d({element:e,getData:({input:r})=>{const n=j({id:R,contextId:t});return s(n,{element:e,input:r,allowedEdges:["top","bottom"]})},canDrop:({source:e})=>O(e.data)&&e.data.contextId===t,onDragEnter:({source:e,self:t})=>{if(!O(e.data))return;const r=l(t.data);r&&N({type:"is-covered",draggedRect:e.data.rect,closestEdge:r})},onDrag:({source:e,self:t})=>{if(!O(e.data))return;if(e.data.id===R)return;const r=l(t.data);r&&(F&&C.closestEdge===r||N({type:"is-covered",draggedRect:e.data.rect,closestEdge:r}))},onDragLeave:({source:e})=>{O(e.data)&&(e.data.id===R?N({type:"is-dragging-and-left-self"}):N({type:"idle"}))},onDrop:()=>{N({type:"idle"})}}))}),[B,R,L,F,A,C]),e(f,v(h({ref:A,isDragging:z,isDraggingAndLeftSelf:G,shadowStyling:F?{closestEdge:C.closestEdge,height:C.draggedRect.height}:void 0},g("draggable-item",{"data-element":S,"data-role":I})),{children:t(m,v(h({py:_,"data-role":"draggable-item-content",flexDirection:E},q),{children:[w,e(u,{type:"drag"})]}))}))};x.displayName="DraggableItem";export{x as default};

package/esm/components/draggable/draggable-item/draggable-item.style.d.ts

@@ -1,21 +0,0 @@
-import { PaddingProps } from "styled-system";
-import { type Edge } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
-declare const StyledDraggableContainer: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-}, "theme">;
-interface StyledDraggableItemProps {
-    isDragging?: boolean;
-    isDraggingAndLeftSelf?: boolean;
-    shadowStyling?: {
-        closestEdge: Edge;
-        height: number;
-    };
-}
-declare const StyledDraggableItem: import("styled-components").StyledComponent<"div", any, StyledDraggableItemProps, never>;
-interface StyledItemContentProps extends PaddingProps {
-    flexDirection?: "row" | "row-reverse";
-}
-declare const StyledItemContent: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & StyledItemContentProps, "theme">;
-export { StyledDraggableContainer, StyledDraggableItem, StyledItemContent };

package/esm/components/draggable/draggable-item/draggable-item.style.js

@@ -1 +0,0 @@
-import t,{css as e}from"styled-components";import{margin as o,padding as i}from"styled-system";import a from"../../../style/themes/apply-base-theme.js";const s=t.div.attrs(a).withConfig({displayName:"draggable-item.style__StyledDraggableContainer",componentId:"carbon_v162_9_1__sc-b40520d8-0"})(["",""],o),n=t.div.withConfig({displayName:"draggable-item.style__StyledDraggableItem",componentId:"carbon_v162_9_1__sc-b40520d8-1"})(["opacity:",";"," "," ",""],(({isDragging:t})=>t?"0":"1"),(({isDraggingAndLeftSelf:t})=>t&&e(["display:none;"])),(({shadowStyling:t})=>t&&"top"===t.closestEdge&&e(['&::before{content:"";display:block;height:',"px;}"],t.height)),(({shadowStyling:t})=>t&&"bottom"===t.closestEdge&&e(['&::after{content:"";display:block;height:',"px;}"],t.height))),l=t.div.attrs(a).withConfig({displayName:"draggable-item.style__StyledItemContent",componentId:"carbon_v162_9_1__sc-b40520d8-2"})(["display:flex;align-items:center;border-bottom:1px solid var(--colorsUtilityMajor050);"," cursor:grab;justify-content:space-between;flex-direction:",";"],i,(({flexDirection:t})=>t));export{s as StyledDraggableContainer,n as StyledDraggableItem,l as StyledItemContent};

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

@@ -1,4 +0,0 @@
-export { default as DraggableContainer } from "./draggable-container.component";
-export type { DraggableContainerProps } from "./draggable-container.component";
-export { default as DraggableItem } from "./draggable-item/draggable-item.component";
-export type { DraggableItemProps } from "./draggable-item/draggable-item.component";

package/esm/components/draggable/index.js

@@ -1 +0,0 @@
-export{default as DraggableContainer}from"./draggable-container.component.js";export{default as DraggableItem}from"./draggable-item/draggable-item.component.js";

package/esm/components/drawer/__internal__/drawer-sidebar.context.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface DrawerSidebarContextProps {
-    isInSidebar: boolean;
-}
-declare const _default: React.Context<DrawerSidebarContextProps>;
-export default _default;

package/esm/components/drawer/__internal__/drawer-sidebar.context.js

@@ -1 +0,0 @@
-import e from"react";var r=e.createContext({isInSidebar:!1});export{r as default};

package/esm/components/drawer/drawer.component.d.ts

@@ -1,49 +0,0 @@
-import React from "react";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-import DrawerSidebarContext from "./__internal__/drawer-sidebar.context";
-export interface DrawerProps extends TagProps {
-    /**
-     * Duration of a animation
-     * @deprecated This prop will soon be removed.
-     */
-    animationDuration?: string;
-    /** Specify an aria-label for the Drawer component */
-    "aria-label"?: string;
-    /** Specify an aria-label for the Drawer sidebar */
-    sidebarAriaLabel?: string;
-    /** Sets color of sidebar's background */
-    backgroundColor?: string;
-    /** Main content to display */
-    children: React.ReactNode;
-    /**
-     * Set the default state of expansion of the Drawer if component is meant to be used as uncontrolled
-     * @deprecated This prop will soon be removed, please use the `expanded` prop instead.
-     */
-    defaultExpanded?: boolean;
-    /** Sets the expansion state of the Drawer if component is meant to be used as controlled */
-    expanded?: boolean;
-    /** The width of the expanded sidebar */
-    expandedWidth?: string;
-    /** Sets the height of the component */
-    height?: string;
-    /** Callback fired when expansion state changes, onChange(event: object, isExpanded: boolean) */
-    onChange?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, isExpanded: boolean) => void;
-    /** Drawer sidebar content */
-    sidebar?: React.ReactNode;
-    /**
-     * Enables expand/collapse button that controls drawer
-     * @deprecated This prop will soon be removed, this component is now intended to be non-dismissible.
-     */
-    showControls?: boolean;
-    /** Sets the heading of the drawer */
-    title?: React.ReactNode;
-    /** Content to display inside of a footer */
-    footer?: React.ReactNode;
-    /** Makes the header of the drawer sticky. Title prop must also be set. */
-    stickyHeader?: boolean;
-    /** Makes the footer of the drawer sticky. Footer prop must also be set. */
-    stickyFooter?: boolean;
-}
-export declare const Drawer: ({ "aria-label": ariaLabel, sidebarAriaLabel, defaultExpanded, expanded, onChange, children, expandedWidth, sidebar, animationDuration, backgroundColor, title, footer, showControls, height, stickyHeader, stickyFooter, ...rest }: DrawerProps) => React.JSX.Element;
-export { DrawerSidebarContext };
-export default Drawer;

package/esm/components/drawer/drawer.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as o,useCallback as i}from"react";import a from"invariant";import l from"../../__internal__/utils/helpers/guid/index.js";import d from"../../hooks/__internal__/usePrevious/index.js";import c from"../icon/icon.component.js";import"../icon/icon.style.js";import{StyledDrawerWrapper as s,StyledDrawerContent as p,StyledSidebarTitle as u,StyledDrawerSidebar as b,StyledSidebarFooter as m,StyledSidebarToggleButton as f}from"./drawer.style.js";import h from"../../__internal__/utils/helpers/tags/tags.js";import g from"./__internal__/drawer-sidebar.context.js";import w from"../../__internal__/utils/logger/index.js";function y(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let O=!1,j=!1,v=!1;const _=_=>{var{"aria-label":x,sidebarAriaLabel:D,defaultExpanded:P,expanded:k,onChange:C,children:E,expandedWidth:S="30vw",sidebar:H,animationDuration:T="400ms",backgroundColor:A,title:F,footer:W,showControls:I,height:L="100%",stickyHeader:$,stickyFooter:q}=_,z=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(_,["aria-label","sidebarAriaLabel","defaultExpanded","expanded","onChange","children","expandedWidth","sidebar","animationDuration","backgroundColor","title","footer","showControls","height","stickyHeader","stickyFooter"]);"400ms"===T||O||(w.deprecate("The `animationDuration` prop in `Drawer` is deprecated and will soon be removed."),O=!0),void 0===I||v||(w.deprecate("The `showControls` prop in `Drawer` is deprecated and will soon be removed."),v=!0),void 0===P||j||(w.deprecate("The `defaultExpanded` prop in `Drawer` is deprecated and will soon be removed."),j=!0);const B=t(l()),G=`DrawerSidebar_${B.current}`,J=`DrawerTitle_${B.current}`,K=t(null),M=t(null),N=t(void 0!==k),[Q,R]=n(N.current?k:null==P||P),U=d(k);o((()=>{a(N.current===(void 0!==k),"Drawer should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled Drawer element for the lifetime of the component"),N.current&&U!==k&&R(k)}),[k,U,I]),o((()=>{const e=M.current;e&&(e.scrollHeight>e.clientHeight?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex"))}),[H,Q]);const V=i((e=>{R(!Q),null==C||C(e,!Q),Q&&K.current&&(K.current.scrollTop=0)}),[Q,C]);return e(s,(X=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){y(e,r,t[r])}))}return e}({"aria-label":x,height:L},h("drawer",z)),Y=null!=(Y={children:[e(p,{expandedWidth:S,animationDuration:T,isExpanded:Q,showControls:I,ref:K,backgroundColor:A,"data-element":"drawer-content","data-role":"drawer-content","aria-label":D,"aria-labelledby":F?J:void 0,children:[F&&r(u,{id:J,stickyHeader:$,children:F}),I&&r(f,{"aria-label":"toggle sidebar","aria-expanded":Q,"aria-controls":G,"data-element":"drawer-toggle",onClick:V,isExpanded:Q,children:r(c,{type:"chevron_right"})}),r(b,{"data-element":"drawer-sidebar",id:G,ref:M,children:r(g.Provider,{value:{isInSidebar:!0},children:H})}),W&&r(m,{stickyFooter:q,children:W})]}),E]})?Y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(X,Object.getOwnPropertyDescriptors(Y)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Y)).forEach((function(e){Object.defineProperty(X,e,Object.getOwnPropertyDescriptor(Y,e))})),X));var X,Y};export{_ as Drawer,g as DrawerSidebarContext,_ as default};

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

@@ -1,27 +0,0 @@
-export declare const StyledSidebarTitle: import("styled-components").StyledComponent<"div", any, {
-    stickyHeader?: boolean;
-}, never>;
-export declare const StyledSidebarFooter: import("styled-components").StyledComponent<"div", any, {
-    stickyFooter?: boolean;
-}, never>;
-declare const StyledDrawerSidebar: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface StyledDrawerContentProps {
-    animationDuration?: string;
-    backgroundColor?: string;
-    expandedWidth?: string;
-    isExpanded?: boolean;
-    showControls?: boolean;
-}
-declare const StyledDrawerContent: import("styled-components").StyledComponent<"aside", any, StyledDrawerContentProps, never>;
-interface StyledSidebarToggleButtonProps {
-    isExpanded?: boolean;
-}
-declare const StyledSidebarToggleButton: import("styled-components").StyledComponent<"button", any, {
-    theme: object;
-} & {
-    type: "button";
-} & StyledSidebarToggleButtonProps, "theme" | "type">;
-declare const StyledDrawerWrapper: import("styled-components").StyledComponent<"div", any, {
-    height?: string;
-}, never>;
-export { StyledDrawerWrapper, StyledDrawerContent, StyledDrawerSidebar, StyledSidebarToggleButton, };

package/esm/components/drawer/drawer.style.js

@@ -1 +0,0 @@
-import t,{css as o}from"styled-components";import e from"../../style/utils/add-focus-styling.js";import i from"../../style/themes/apply-base-theme.js";const a=t.div.withConfig({displayName:"drawer.style__StyledSidebarTitle",componentId:"carbon_v162_9_1__sc-4497ce5f-0"})(["padding:var(--spacing300);",""],(({stickyHeader:t})=>t&&o(["position:sticky;top:0;border-bottom:var(--sizing010) solid #a0a0a0;"]))),r=t.div.withConfig({displayName:"drawer.style__StyledSidebarFooter",componentId:"carbon_v162_9_1__sc-4497ce5f-1"})(["padding:var(--spacing300);background-color:var(--colorsUtilityYang100);",""],(({stickyFooter:t})=>t&&o(["position:sticky;bottom:0;"]))),n=t.div.withConfig({displayName:"drawer.style__StyledDrawerSidebar",componentId:"carbon_v162_9_1__sc-4497ce5f-2"})(["display:flex;flex-direction:column;flex:1 1 0%;overflow-y:auto;outline:none;"]),d=t.aside.withConfig({displayName:"drawer.style__StyledDrawerContent",componentId:"carbon_v162_9_1__sc-4497ce5f-3"})(["",";"],(({animationDuration:t,backgroundColor:e,expandedWidth:i,isExpanded:d,showControls:s})=>o(['flex-direction:column;height:auto;position:relative;overflow:auto;display:flex;min-width:"288px";width:',';max-width:"760px";'," background-color:",";",""],i,!d&&o(["display:none;width:0;min-width:0;"]),e||"var(--colorsUtilityYang100)",s&&o(["display:flex;overflow:hidden;min-height:40px;transition:all "," ease-in-out;",",",",","{transition:all "," ease-in-out;white-space:nowrap;overflow:hidden;opacity:1;}",""],t,n,a,r,t,!d&&o(["min-width:var(--sizing500);width:var(--sizing500);",",",",","{opacity:0;}"],n,a,r))))),s=t.button.attrs(i).attrs({type:"button"}).withConfig({displayName:"drawer.style__StyledSidebarToggleButton",componentId:"carbon_v162_9_1__sc-4497ce5f-4"})(["",""],(({isExpanded:t})=>o(["position:absolute;top:var(--spacing300);right:8px;padding:var(--spacing100);width:var(--spacing300);height:var(--spacing300);display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;z-index:1;border-radius:var(--borderRadius050);transform:rotate(0deg);&:focus{","}&:hover{cursor:pointer;}",""],e(),t&&o(["transform:rotate(180deg);"])))),l=t.div.withConfig({displayName:"drawer.style__StyledDrawerWrapper",componentId:"carbon_v162_9_1__sc-4497ce5f-5"})(["display:flex;",""],(({height:t})=>o(["height:",";"],t)));export{d as StyledDrawerContent,n as StyledDrawerSidebar,l as StyledDrawerWrapper,r as StyledSidebarFooter,a as StyledSidebarTitle,s as StyledSidebarToggleButton};

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

@@ -1,2 +0,0 @@
-export { default } from "./drawer.component";
-export type { DrawerProps } from "./drawer.component";

package/esm/components/drawer/index.js

@@ -1 +0,0 @@
-export{Drawer as default}from"./drawer.component.js";

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

@@ -1,11 +0,0 @@
-import React from "react";
-export 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/esm/components/duelling-picklist/__internal__/duelling-picklist.context.js

@@ -1 +0,0 @@
-import e from"react";const t=e.createContext({setElementToFocus:()=>{},elementToFocus:{}});export{t as default};

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

@@ -1,28 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-/**
- * @deprecated `DuellingPicklist` has been deprecated. See the Carbon documentation for migration details.
- */
-export interface DuellingPicklistProps extends MarginProps, TagProps {
-    /**
-     * 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;
-}
-/**
- * @deprecated `DuellingPicklist` has been deprecated. See the Carbon documentation for migration details.
- */
-export declare const DuellingPicklist: ({ children, disabled, leftControls, rightControls, leftLabel, rightLabel, ...rest }: DuellingPicklistProps) => React.JSX.Element;
-export default DuellingPicklist;

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

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useState as l}from"react";import n from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import i from"../../style/utils/filter-styled-system-margin-props.js";import{StyledDuellingPicklistOverlay as o,StyledLabelContainer as c,StyledLabel as s,StyledControlsContainer as p,StyledControl as a,StyledDuellingPicklist as f}from"./duelling-picklist.style.js";import{Picklist as d}from"./picklist/picklist.component.js";import u from"./__internal__/duelling-picklist.context.js";function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const b=b=>{var{children:y,disabled:O,leftControls:g,rightControls:h,leftLabel:j,rightLabel:P}=b,k=function(e,t){if(null==e)return{};var r,l,n=function(e,t){if(null==e)return{};var r,l,n={},i=Object.keys(e);for(l=0;l<i.length;l++)r=i[l],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(l=0;l<i.length;l++)r=i[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["children","disabled","leftControls","rightControls","leftLabel","rightLabel"]);const v=j||P,w=g||h,[x,_]=l({});let E=0;const S=()=>{const e=E;return E+=1,e},C=r.Children.map(y,(e=>r.isValidElement(e)&&e.type===d?r.cloneElement(e,{index:S()}):e));return e(o,(D=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){m(e,t,r[t])}))}return e}({disabled:O},i(k),n("duelling-picklist",k)),I=null!=(I={children:[v&&e(c,{children:[t(s,{"data-element":"picklist-left-label",children:j}),t(s,{"data-element":"picklist-right-label",children:P})]}),w&&e(p,{children:[t(a,{"data-element":"picklist-left-control",children:g}),t(a,{"data-element":"picklist-right-control",children:h})]}),t(u.Provider,{value:{setElementToFocus:(e,t,r)=>{_({itemIndex:e,listIndex:t,groupIndex:r})},elementToFocus:x},children:t(f,{children:C})})]})?I:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(I)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(I)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(I,e))})),D));var D,I};export{b as DuellingPicklist,b as default};

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

@@ -1,12 +0,0 @@
-declare const StyledDuellingPicklistOverlay: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & {
-    disabled?: boolean;
-}, "theme">;
-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/esm/components/duelling-picklist/duelling-picklist.style.js

@@ -1 +0,0 @@
-import e,{css as t}from"styled-components";import{margin as i}from"styled-system";import n from"../../style/themes/apply-base-theme.js";const l=e.div.attrs(n).withConfig({displayName:"duelling-picklist.style__StyledDuellingPicklistOverlay",componentId:"carbon_v162_9_1__sc-c5d06e9c-0"})([""," transition:opacity 0.3s;",""],i,(({disabled:e})=>e&&t(["opacity:0.2;pointer-events:none;user-select:none;"]))),o=e.div.withConfig({displayName:"duelling-picklist.style__StyledDuellingPicklist",componentId:"carbon_v162_9_1__sc-c5d06e9c-1"})(["display:flex;justify-content:space-between;align-items:stretch;position:relative;"]),s=e.div.withConfig({displayName:"duelling-picklist.style__StyledLabelContainer",componentId:"carbon_v162_9_1__sc-c5d06e9c-2"})(["display:flex;justify-content:space-around;margin-top:40px;margin-bottom:16px;"]),c=e.p.withConfig({displayName:"duelling-picklist.style__StyledLabel",componentId:"carbon_v162_9_1__sc-c5d06e9c-3"})(["font-weight:500;font-size:12px;letter-spacing:1;margin:0;"]),d=e.div.withConfig({displayName:"duelling-picklist.style__StyledControlsContainer",componentId:"carbon_v162_9_1__sc-c5d06e9c-4"})(["display:flex;justify-content:space-around;margin-bottom:16px;"]),a=e.div.withConfig({displayName:"duelling-picklist.style__StyledControl",componentId:"carbon_v162_9_1__sc-c5d06e9c-5"})(["width:50%;padding-right:40px;& ~ &{padding-right:0;padding-left:40px;}"]),p=e.div.withConfig({displayName:"duelling-picklist.style__StyledPicklistPlaceholder",componentId:"carbon_v162_9_1__sc-c5d06e9c-6"})(["height:100%;display:flex;justify-content:center;align-items:center;"]);export{a as StyledControl,d as StyledControlsContainer,o as StyledDuellingPicklist,l as StyledDuellingPicklistOverlay,c as StyledLabel,s as StyledLabelContainer,p as StyledPicklistPlaceholder};

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

@@ -1,12 +0,0 @@
-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/esm/components/duelling-picklist/index.js

@@ -1 +0,0 @@
-export{DuellingPicklist}from"./duelling-picklist.component.js";export{default as PicklistDivider}from"./picklist-divider/picklist-divider.component.js";export{PicklistItem}from"./picklist-item/picklist-item.component.js";export{Picklist}from"./picklist/picklist.component.js";export{PicklistPlaceholder}from"./picklist-placeholder/picklist-placeholder.component.js";export{PicklistGroup}from"./picklist-group/picklist-group.component.js";

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

@@ -1,22 +0,0 @@
-import React from "react";
-/**
- * @deprecated `Picklist` has been deprecated. See the Carbon documentation for migration details.
- */
-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;
-}
-/**
- * @deprecated `Picklist` has been deprecated. See the Carbon documentation for migration details.
- */
-export declare const Picklist: {
-    ({ disabled, children, placeholder, index, }: PicklistProps): React.JSX.Element;
-    displayName: string;
-};
-export default Picklist;

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

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useContext as n,useMemo as i,useCallback as o,useEffect as l}from"react";import{TransitionGroup as s}from"react-transition-group";import{StyledPicklist as d,StyledEmptyContainer as c}from"./picklist.style.js";import m from"../__internal__/duelling-picklist.context.js";import p from"../../../__internal__/utils/helpers/events/events.js";import{PicklistGroup as a}from"../picklist-group/picklist-group.component.js";const u=({disabled:u,children:f,placeholder:h,index:g})=>{const{elementToFocus:x,setElementToFocus:v}=n(m),y=i((()=>!r.Children.toArray(f).length),[f]),_=r.Children.toArray(f),k=i((()=>Array.from({length:_.length},(()=>r.createRef()))),[_.length]),I=o(((e,t)=>{var r;e.preventDefault(),null===(r=k[t].current)||void 0===r||r.focus()}),[k]),j=o((e=>{p.isHomeKey(e)?I(e,0):p.isEndKey(e)&&I(e,k.length-1)}),[I,k]),E=_.map(((e,t)=>{if(!r.isValidElement(e))return e;const n={ref:k[t],disabled:u,index:t,listIndex:g,isLastGroup:e.type===a&&t===_.length-1};return r.cloneElement(e,n)}));return l((()=>{if(void 0===x.groupIndex&&x.listIndex===g&&void 0!==x.itemIndex){var e;const t=null===(e=k[x.itemIndex])||void 0===e?void 0:e.current;t?(t.focus(),v()):v(0,0===g?1:0,x.groupIndex)}}),[x,g,k,v]),e(d,{"data-element":"picklist","data-role":"picklist",onKeyDown:j,children:[y&&t(c,{children:h}),t(s,{component:null,children:E})]})};u.displayName="Picklist";export{u as Picklist,u as default};

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

@@ -1,3 +0,0 @@
-declare const StyledPicklist: import("styled-components").StyledComponent<"ul", any, {}, never>;
-declare const StyledEmptyContainer: import("styled-components").StyledComponent<"li", any, {}, never>;
-export { StyledPicklist, StyledEmptyContainer };

package/esm/components/duelling-picklist/picklist/picklist.style.js

@@ -1 +0,0 @@
-import t from"styled-components";const i=t.ul.withConfig({displayName:"picklist.style__StyledPicklist",componentId:"carbon_v162_9_1__sc-4711ec38-0"})(["position:relative;list-style:none;margin:0;padding:8px 8px 8px 8px;width:100%;box-sizing:border-box;overflow-y:auto;height:400px;scrollbar-color:rgb(102,132,148) rgb(242,245,246);&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:rgb(242,245,246);}&::-webkit-scrollbar-thumb{background-color:rgb(102,132,148);}& + &{margin-left:32px;}.picklist-item-enter{opacity:0;transform:translate(-16px);transition:all 300ms ease-in;}.picklist-item-enter-active{opacity:1;transform:translate(0px);transition:all 300ms ease-in;}.picklist-group-enter{opacity:0;transform:translate(-16px);transition:all 300ms ease-in;}.picklist-group-enter-active{opacity:1;transform:translate(0px);transition:all 300ms ease-in;}"]),o=t.li.withConfig({displayName:"picklist.style__StyledEmptyContainer",componentId:"carbon_v162_9_1__sc-4711ec38-1"})(["position:absolute;top:0;bottom:0;left:0;right:0;height:100%;"]);export{o as StyledEmptyContainer,i as StyledPicklist};

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

@@ -1,11 +0,0 @@
-import React from "react";
-import { StyledComponentProps } from "styled-components";
-/**
- * @deprecated `PicklistDivider` has been deprecated. See the Carbon documentation for migration details.
- */
-export type PicklistDividerProps = StyledComponentProps<"div", Record<string, unknown>, Record<string, unknown>, "">;
-/**
- * @deprecated `PicklistDivider` has been deprecated. See the Carbon documentation for migration details.
- */
-declare const PicklistDivider: (props: PicklistDividerProps) => React.JSX.Element;
-export default PicklistDivider;

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

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import t from"./picklist-divider.style.js";function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const n=n=>{return e(t,(o=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(t){r(e,t,n[t])}))}return e}({},n),c=null!=(c={"data-element":"picklist-divider"})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(c)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(c,e))})),o));var o,c};export{n as default};

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

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

package/esm/components/duelling-picklist/picklist-divider/picklist-divider.style.js

@@ -1 +0,0 @@
-import i from"styled-components";const e=i.div.withConfig({displayName:"picklist-divider.style__StyledPicklistDivider",componentId:"carbon_v162_9_1__sc-6d9e8575-0"})(["min-width:2px;background-image:linear-gradient( 180deg,#bfcbd1 0%,rgba(191,203,209,0) 99.9% );margin-left:16px;margin-right:16px;"]);export{e as default};

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

@@ -1,25 +0,0 @@
-import React from "react";
-/**
- * @deprecated `PicklistGroup` has been deprecated. See the Carbon documentation for migration details.
- */
-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;
-}
-/**
- * @deprecated `PicklistGroup` has been deprecated. See the Carbon documentation for migration details.
- */
-export declare const PicklistGroup: React.ForwardRefExoticComponent<PicklistGroupProps & React.RefAttributes<HTMLButtonElement>>;
-export default PicklistGroup;

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

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useContext as n,useState as o,useCallback as i,useMemo as l,useEffect as c}from"react";import{CSSTransition as s,TransitionGroup as u}from"react-transition-group";import{StyledGroupWrapper as p,StyledPicklistGroupUl as a,StyledPicklistGroup as f,StyledGroupButton as d}from"./picklist-group.style.js";import y from"../__internal__/duelling-picklist.context.js";import m from"../../../__internal__/utils/helpers/events/events.js";function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const g=r.forwardRef(((g,O)=>{var{title:h,children:j,type:v,onChange:x,index:P,listIndex:w,isLastGroup:k}=g,I=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(g,["title","children","type","onChange","index","listIndex","isLastGroup"]);const{setElementToFocus:E,elementToFocus:_}=n(y),[S,D]=o(!1),C=r.useRef(null),L=r.Children.toArray(j),G=i((()=>{x(),E(P,w)}),[P,w,x,E]),R=i((e=>{(m.isEnterKey(e)||m.isSpaceKey(e))&&(e.preventDefault(),x(),E(P,w))}),[P,w,x,E]),T=l((()=>Array.from({length:L.length},(()=>r.createRef()))),[L.length]),F=r.Children.map(j,((e,t)=>{if(!r.isValidElement(e))return e;const n={ref:T[t],index:t,listIndex:w,groupIndex:P,isLastGroup:k,isLastItem:t===L.length-1};return r.cloneElement(e,n)}));return c((()=>{var e;_.groupIndex===P&&_.listIndex===w&&void 0!==_.itemIndex&&(null===(e=T[_.itemIndex].current)||void 0===e||e.focus(),E())}),[_,P,k,w,T,E]),e(s,(K=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){b(e,t,r[t])}))}return e}({timeout:{appear:500,enter:300,exit:0},nodeRef:C,classNames:"picklist-group"},I,"add"===v?{enter:!1}:{}),A=null!=(A={children:e(p,{ref:C,highlighted:S,type:v,children:t(a,{children:[t(f,{onKeyDown:R,"data-element":"picklist-group",children:[h,e(d,{"data-role":"picklist-group-button",buttonType:"secondary",destructive:"remove"===v,iconType:v,onClick:G,onMouseEnter:()=>D(!0),onMouseLeave:()=>D(!1),onFocus:()=>D(!0),onBlur:()=>D(!1),ref:O})]}),e(u,{component:null,children:F})]})})})?A:{},Object.getOwnPropertyDescriptors?Object.defineProperties(K,Object.getOwnPropertyDescriptors(A)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(A)).forEach((function(e){Object.defineProperty(K,e,Object.getOwnPropertyDescriptor(A,e))})),K));var K,A}));g.displayName="PicklistGroup";export{g as PicklistGroup,g as default};

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

@@ -1,13 +0,0 @@
-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<HTMLAnchorElement | HTMLButtonElement>>, any, {
-    onMouseEnter: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    onMouseLeave: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    iconType: PicklistGroupProps["type"];
-}, never>;
-export { StyledGroupWrapper, StyledPicklistGroupUl, StyledPicklistGroup, StyledGroupButton, };

package/esm/components/duelling-picklist/picklist-group/picklist-group.style.js

@@ -1 +0,0 @@
-import o,{css as t}from"styled-components";import i from"../../button/button.component.js";import{StyledButton as n}from"../picklist-item/picklist-item.style.js";const r=o.li.withConfig({displayName:"picklist-group.style__StyledGroupWrapper",componentId:"carbon_v162_9_1__sc-4f863755-0"})(["",""],(({highlighted:o,type:i})=>t(["&:not(:first-of-type){margin-top:16px;}",""],o&&t(["","{background:",""],n,"add"===i?"var(--colorsActionMajor600)":"var(--colorsSemanticNegative600)")))),e=o.ul.withConfig({displayName:"picklist-group.style__StyledPicklistGroupUl",componentId:"carbon_v162_9_1__sc-4f863755-1"})(["padding:0;"]),p=o.li.withConfig({displayName:"picklist-group.style__StyledPicklistGroup",componentId:"carbon_v162_9_1__sc-4f863755-2"})(["display:flex;align-items:center;width:100%;margin-bottom:4px;"]),a=o(i).withConfig({displayName:"picklist-group.style__StyledGroupButton",componentId:"carbon_v162_9_1__sc-4f863755-3"})(["",""],(({iconType:o})=>t(["padding:0;margin-right:0;margin-left:auto;height:40px;min-width:40px;border:none;&:focus{> span{color:var(--colorsActionMajorYang100);}background:",""],"add"===o?"var(--colorsActionMajor600)":"var(--colorsSemanticNegative600)")));export{a as StyledGroupButton,r as StyledGroupWrapper,p as StyledPicklistGroup,e as StyledPicklistGroupUl};

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

@@ -1,34 +0,0 @@
-import React from "react";
-type Item = Record<string, unknown> | string | number;
-/**
- * @deprecated `PicklistItem` has been deprecated. See the Carbon documentation for migration details.
- */
-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;
-}
-/**
- * @deprecated `PicklistItem` has been deprecated. See the Carbon documentation for migration details.
- */
-export declare const PicklistItem: React.ForwardRefExoticComponent<PicklistItemProps & React.RefAttributes<HTMLButtonElement>>;
-export default PicklistItem;

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

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useContext as n,useRef as o,useCallback as i}from"react";import{CSSTransition as s}from"react-transition-group";import{StyledPicklistItem as l,StyledButton as c,StyledLockIcon as p}from"./picklist-item.style.js";import a from"../__internal__/duelling-picklist.context.js";import u from"../../../__internal__/utils/helpers/events/events.js";function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const f=r.forwardRef(((r,f)=>{var{children:d,type:y,onChange:b,item:O,locked:g,tooltipMessage:j="This item is locked and can not be moved",index:v,listIndex:k,groupIndex:x,isLastGroup:h,isLastItem:P}=r,w=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["children","type","onChange","item","locked","tooltipMessage","index","listIndex","groupIndex","isLastGroup","isLastItem"]);const{setElementToFocus:I}=n(a),_=o(null),S=i((()=>P?{itemIndex:h?0:0===x&&0!==v?1:x,list:h?0===k?1:0:k,group:void 0}:{itemIndex:v,list:k,group:x}),[x,v,h,P,k]),D=i((()=>{const{itemIndex:e,list:t,group:r}=S();I(e,t,r)}),[S,I]),E=i((()=>{b(O),D()}),[b,O,D]),L=i((e=>{(u.isEnterKey(e)||u.isSpaceKey(e))&&(e.preventDefault(),b(O),D())}),[b,O,D]);return e(s,(T=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){m(e,t,r[t])}))}return e}({timeout:{appear:500,enter:300,exit:0},classNames:"picklist-item"},w,"add"===y?{enter:!1}:{}),C=null!=(C={nodeRef:_,children:t(l,{onKeyDown:L,"data-element":"picklist-item",locked:g,ref:_,children:[d,!g&&e(c,{"data-role":"picklist-item-button",buttonType:"primary",destructive:"remove"===y,iconType:y,onClick:E,ref:f}),g&&e(p,{type:"locked",tooltipMessage:j})]})})?C:{},Object.getOwnPropertyDescriptors?Object.defineProperties(T,Object.getOwnPropertyDescriptors(C)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(C)).forEach((function(e){Object.defineProperty(T,e,Object.getOwnPropertyDescriptor(C,e))})),T));var T,C}));f.displayName="PicklistItem";export{f as PicklistItem,f as default};

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

@@ -1,6 +0,0 @@
-declare const StyledPicklistItem: import("styled-components").StyledComponent<"li", any, {
-    locked?: boolean;
-}, never>;
-declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../button").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | 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-item/picklist-item.style.js

@@ -1 +0,0 @@
-import r,{css as o}from"styled-components";import i from"../../button/button.component.js";import t from"../../icon/icon.component.js";import d from"../../icon/icon.style.js";const a=r.li.withConfig({displayName:"picklist-item.style__StyledPicklistItem",componentId:"carbon_v162_9_1__sc-eb1e700a-0"})(["border-radius:var(--borderRadius100);",""],(({locked:r})=>o(["display:flex;align-items:center;width:100%;background-color:",";"," "," & + &{margin-top:8px;}"],r?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)",!r&&o(["box-shadow:var(--boxShadow050);"]),r&&o(["border:1px solid var(--colorsUtilityMajor200);color:var(--colorsUtilityYin065);","{color:var(--colorsUtilityMajor200);}"],d)))),e=r(i).withConfig({displayName:"picklist-item.style__StyledButton",componentId:"carbon_v162_9_1__sc-eb1e700a-1"})(["border-bottom-right-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);:hover{border-bottom-right-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);}:focus{border-bottom-right-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);}",""],(({iconType:r})=>o(["padding:0;margin-right:0;margin-left:auto;height:40px;min-width:40px;&:focus{background:",";"],"add"===r?"var(--colorsActionMajor600)":"var(--colorsSemanticNegative600)"))),s=r(t).withConfig({displayName:"picklist-item.style__StyledLockIcon",componentId:"carbon_v162_9_1__sc-eb1e700a-2"})(["margin-right:0;height:40px;min-width:40px;:focus{border-bottom-right-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);}"]);export{e as StyledButton,s as StyledLockIcon,a as StyledPicklistItem};

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

@@ -1,13 +0,0 @@
-import React from "react";
-/**
- * @deprecated `PicklistPlaceholder` has been deprecated. See the Carbon documentation for migration details.
- */
-export interface PicklistPlaceholderProps {
-    /** Text to be displayed when list is empty */
-    text: string;
-}
-/**
- * @deprecated `PicklistPlaceholder` has been deprecated. See the Carbon documentation for migration details.
- */
-export declare const PicklistPlaceholder: ({ text }: PicklistPlaceholderProps) => React.JSX.Element;
-export default PicklistPlaceholder;

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

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import{StyledPicklistPlaceholder as e}from"../duelling-picklist.style.js";const r=({text:r})=>t(e,{"data-element":"picklist-placeholder",children:r});export{r as PicklistPlaceholder,r as default};

package/esm/components/fieldset/__internal__/fieldset.context.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-type FieldsetContextType = {
-    size?: "small" | "medium" | "large";
-    hasError?: boolean;
-    required?: boolean;
-};
-declare const _default: React.Context<FieldsetContextType>;
-export default _default;

package/esm/components/fieldset/__internal__/fieldset.context.js

@@ -1 +0,0 @@
-import t from"react";var e=t.createContext({});export{e as default};

package/esm/components/fieldset/fieldset.component.d.ts

@@ -1,29 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-export interface FieldsetProps extends MarginProps, TagProps {
-    /** Inputs rendered within the fieldset. */
-    children?: React.ReactNode;
-    /** Set an id value on the fieldset. */
-    id?: string;
-    /** The content for the fieldset legend. */
-    legend?: string;
-    /** Content for an additional hint text below the legend. */
-    legendHint?: string;
-    /** Set the label weight of the children input's label. */
-    labelWeight?: "regular" | "bold";
-    /** Error message to be displayed when validation fails. */
-    error?: string;
-    /** Warning message to be displayed when validation warning occurs. */
-    warning?: string;
-    /** If true, an asterisk will be added to the legend and all inputs within the fieldset will be required. */
-    required?: boolean;
-    /** Specifies whether the validation message should be displayed above the input. */
-    validationMessagePositionTop?: boolean;
-    /** Set the size of the component. */
-    size?: "small" | "medium" | "large";
-    /** Set the orientation of the fieldset's children. */
-    orientation?: "horizontal" | "vertical";
-}
-export declare const Fieldset: ({ children, id, legend, legendHint, labelWeight, error, warning, required, validationMessagePositionTop, size, orientation, ...rest }: FieldsetProps) => React.JSX.Element;
-export default Fieldset;

package/esm/components/fieldset/fieldset.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import{useRef as i}from"react";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledFieldset as o,StyledLegend as l,StyledFieldsetContentWrapper as s,StyledFieldsetContent as a}from"./fieldset.style.js";import c from"./__internal__/fieldset.context.js";import d from"../../__internal__/error-border/error-border.style.js";import p from"../../__internal__/validation-message/__next__/validation-message.component.js";import{HintText as f}from"../../__internal__/hint-text/hint-text.component.js";import u from"../../__internal__/utils/helpers/guid/index.js";import m from"../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js";import"../../style/utils/filter-styled-system-padding-props.js";import g from"../../style/utils/filter-styled-system-margin-props.js";function b(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const y=y=>{var{children:_,id:j,legend:O,legendHint:h,labelWeight:v="regular",error:P,warning:w,required:$,validationMessagePositionTop:x=!0,size:z="medium",orientation:S="vertical"}=y,T=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(y,["children","id","legend","legendHint","labelWeight","error","warning","required","validationMessagePositionTop","size","orientation"]);const k=i(u()),q=j||k.current,D=h?`${q}-hint`:void 0,E=(P||w)&&`${q}-validation-message`;m(!!P,!!w,q);const R=[D,E].filter(Boolean).join(" "),W=()=>P||w?e(t,{children:[r(p,{error:P,warning:w,id:E,size:z}),r(d,{$warning:!(P||!w)})]}):null;return e(o,(H=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){b(e,r,t[r])}))}return e}({id:q,"aria-describedby":R},T,g(T),n("fieldset",T)),M=null!=(M={children:[O&&r(l,{$isRequired:$,"data-element":"legend","data-role":"legend",$size:z,children:O}),h&&r(f,{id:D,size:z,children:h}),e(s,{$size:z,$hasLegend:!(!O&&!h),children:[x&&W(),r(a,{"data-role":"fieldset-content",className:"fieldset-content",$orientation:S,$size:z,$labelWeight:v,children:r(c.Provider,{value:{size:z,hasError:!!P,required:$},children:_})}),!x&&W()]})]})?M:{},Object.getOwnPropertyDescriptors?Object.defineProperties(H,Object.getOwnPropertyDescriptors(M)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(M)).forEach((function(e){Object.defineProperty(H,e,Object.getOwnPropertyDescriptor(M,e))})),H));var H,M};export{y as Fieldset,y as default};

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

@@ -1,13 +0,0 @@
-export type StyledFieldsetProps = {
-    $size: "small" | "medium" | "large";
-    $isRequired?: boolean;
-    $orientation?: "horizontal" | "vertical";
-    $labelWeight?: "regular" | "bold";
-    $hasLegend?: boolean;
-};
-export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
-    theme: object;
-}, "theme">;
-export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledFieldsetProps, never>;
-export declare const StyledFieldsetContentWrapper: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;
-export declare const StyledFieldsetContent: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;

package/esm/components/fieldset/fieldset.style.js

@@ -1 +0,0 @@
-import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const t={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",childrenGap:"var(--global-space-comp-m)",legendFont:"var(--global-font-static-comp-medium-s)",regularLabelFont:"var(--global-font-static-comp-regular-s)",boldLabelFont:"var(--global-font-static-comp-medium-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",childrenGap:"var(--global-space-comp-l)",legendFont:"var(--global-font-static-comp-medium-m)",regularLabelFont:"var(--global-font-static-comp-regular-m)",boldLabelFont:"var(--global-font-static-comp-medium-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",childrenGap:"var(--global-space-comp-xl)",legendFont:"var(--global-font-static-comp-medium-l)",regularLabelFont:"var(--global-font-static-comp-regular-l)",boldLabelFont:"var(--global-font-static-comp-medium-l)"}},n=a.fieldset.attrs(o).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v162_9_1__sc-d78a4673-0"})(["border:none;padding:0;min-width:0;min-inline-size:0;margin:0;margin-bottom:var(--fieldSpacing);"," & *{--fieldSpacing:0;}"],l),i=a.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v162_9_1__sc-d78a4673-1"})(["",";"],(({$isRequired:a,$size:l})=>e(["display:flex;align-items:center;padding:0;font:",";color:var(--input-labelset-label-default);",""],t[l].legendFont,a&&e(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],t[l].legendFont)))),r=a.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"carbon_v162_9_1__sc-d78a4673-2"})(["",";"],(({$size:a,$hasLegend:l})=>e(["display:flex;flex-direction:column;position:relative;gap:",";",""],t[a].validationGap,l&&e(["margin-top:",";"],t[a].contentMargin)))),d=a.div.withConfig({displayName:"fieldset.style__StyledFieldsetContent",componentId:"carbon_v162_9_1__sc-d78a4673-3"})(["",";"],(({$orientation:a,$size:l,$labelWeight:o})=>e(["display:flex;flex-direction:column;gap:",";"," label{font:",";}",""],t[l].childrenGap,"horizontal"===a&&e(["flex-direction:row;flex-wrap:wrap;"]),t[l].regularLabelFont,"bold"===o&&e(["label{font:",";}"],t[l].boldLabelFont))));export{n as StyledFieldset,d as StyledFieldsetContent,r as StyledFieldsetContentWrapper,i as StyledLegend};

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

@@ -1,2 +0,0 @@
-export { default } from "./fieldset.component";
-export type { FieldsetProps } from "./fieldset.component";

package/esm/components/fieldset/index.js

@@ -1 +0,0 @@
-export{Fieldset as default}from"./fieldset.component.js";