carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.83 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("./duelling-picklist.style.js"),i=require("./picklist/picklist.component.js"),s=require("./__internal__/duelling-picklist.context.js");function o(e){return e&&e.__esModule?e:{default:e}}var c=o(t);function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u=o=>{var{children:u,disabled:d,leftControls:p,rightControls:f,leftLabel:y,rightLabel:b}=o,j=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}(o,["children","disabled","leftControls","rightControls","leftLabel","rightLabel"]);const O=y||b,g=p||f,[h,m]=t.useState({});let x=0;const P=()=>{const e=x;return x+=1,e},v=c.default.Children.map(u,(e=>c.default.isValidElement(e)&&e.type===i.Picklist?c.default.cloneElement(e,{index:P()}):e));return e.jsxs(n.StyledDuellingPicklistOverlay,(k=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){a(e,t,r[t])}))}return e}({disabled:d},l.default(j),r.default("duelling-picklist",j)),S=null!=(S={children:[O&&e.jsxs(n.StyledLabelContainer,{children:[e.jsx(n.StyledLabel,{"data-element":"picklist-left-label",children:y}),e.jsx(n.StyledLabel,{"data-element":"picklist-right-label",children:b})]}),g&&e.jsxs(n.StyledControlsContainer,{children:[e.jsx(n.StyledControl,{"data-element":"picklist-left-control",children:p}),e.jsx(n.StyledControl,{"data-element":"picklist-right-control",children:f})]}),e.jsx(s.default.Provider,{value:{setElementToFocus:(e,t,r)=>{m({itemIndex:e,listIndex:t,groupIndex:r})},elementToFocus:h},children:e.jsx(n.StyledDuellingPicklist,{children:v})})]})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(k,Object.getOwnPropertyDescriptors(S)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(S)).forEach((function(e){Object.defineProperty(k,e,Object.getOwnPropertyDescriptor(S,e))})),k));var k,S};exports.DuellingPicklist=u,exports.default=u;