carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.64 kB
JavaScript
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};