@chief-editor/brick-control/lib/brick/MultipleSelect/Brick.js

Control Brick for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var l in t=arguments[r])Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l]);return e}).apply(this,arguments)},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__importStar(require("react")),ui_1=require("@chief-editor/ui");function MultipleSelectBrick(e){var t=e.config.props,r=t.readonly,a=t.disabled,l=t.clearable,i=t.placeholder,n=e.styles,u=e.setValue,c=e.layout,o=e.value,s=e.datasource,_=e.creator,p=react_1.useCallback((function(e){return e&&u(e)}),[]),d=react_1.useMemo((function(){return parseFloat(String(n.width||c.width)).toString()+"px"}),[n.width,c.width]);return react_1.default.createElement(ui_1.MultipleSelect,{"data-id":_,style:__assign(__assign({},c),n),value:o,width:d,placeholder:i,clearable:l,onValueChange:p,disabled:a||r},(s||[]).map((function(e){var t=e.value,r=e.label;return react_1.default.createElement(ui_1.MultipleSelect.Option,{key:t,value:t,label:r})})))}exports.MultipleSelectBrick=MultipleSelectBrick;