@chief-editor/brick-control/lib/brick/Select/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 i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);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 SelectBrick(e){var t=e.config.props,r=t.readonly,a=t.disabled,i=t.clearable,l=t.placeholder,n=e.styles,c=e.setValue,u=e.layout,o=e.value,s=e.datasource,_=e.creator,d=react_1.useCallback((function(e){return e&&c(e)}),[]),p=react_1.useMemo((function(){return parseFloat(String(n.width||u.width)).toString()+"px"}),[n.width,u.width]);return react_1.default.createElement(ui_1.Select,{"data-id":_,style:__assign(__assign({},u),n),value:o,width:p,placeholder:l,clearable:i,onValueChange:d,disabled:a||r},(s||[]).map((function(e){var t=e.value,r=e.label;return react_1.default.createElement(ui_1.Select.Option,{key:t,value:t,label:r})})))}exports.SelectBrick=SelectBrick;