amis-ui 3.2.0 → 3.3.0

package/lib/components/schema-editor/Array.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,6 +18,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var SchemaEditorItemArray = /** @class */ (function (_super) {
     tslib.__extends(SchemaEditorItemArray, _super);
     function SchemaEditorItemArray() {
@@ -42,19 +45,19 @@ var SchemaEditorItemArray = /** @class */ (function (_super) {
         var items = (value === null || value === void 0 ? void 0 : value.items) || {
             type: 'string'
         };
-        return (React__default["default"].createElement("div", { className: cx('SchemaEditorProps SchemaEditorArrayProps', {
+        return (_J$X_("div", { className: cx('SchemaEditorProps SchemaEditorArrayProps', {
                 'SchemaEditorProps--depth': showInfo !== false
             }) },
-            React__default["default"].createElement(Item.SchemaEditorItem, { types: types, onTypeChange: onTypeChange, prefix: React__default["default"].createElement("div", { className: cx('SchemaEditor-itemsLabel') }, __('JSONSchema.array_items')), value: items, onChange: this.handleItemsChange, renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(items === null || items === void 0 ? void 0 : items.$ref), enableAdvancedSetting: enableAdvancedSetting, popOverContainer: popOverContainer, placeholder: placeholder, useMobileUI: useMobileUI })));
+            _J$X_(Item.SchemaEditorItem, { types: types, onTypeChange: onTypeChange, prefix: _J$X_("div", { className: cx('SchemaEditor-itemsLabel') }, __('JSONSchema.array_items')), value: items, onChange: this.handleItemsChange, renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(items === null || items === void 0 ? void 0 : items.$ref), enableAdvancedSetting: enableAdvancedSetting, popOverContainer: popOverContainer, placeholder: placeholder, useMobileUI: useMobileUI })));
     };
     SchemaEditorItemArray.prototype.render = function () {
         var _a = this.props, cx = _a.classnames, showInfo = _a.showInfo; _a.disabled;
-        return (React__default["default"].createElement("div", { className: cx('SchemaEditorItem SchemaEditorArray') },
-            showInfo !== false ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement("a", { className: cx('SchemaEditor-caret', {
+        return (_J$X_("div", { className: cx('SchemaEditorItem SchemaEditorArray') },
+            showInfo !== false ? (_J$X_(React__default["default"].Fragment, null,
+                _J$X_("a", { className: cx('SchemaEditor-caret', {
                         'is-collapsed': this.state.collapsed
                     }), onClick: this.toggleCollapsed },
-                    React__default["default"].createElement(icons.Icon, { icon: "caret", className: "icon" })),
+                    _J$X_(icons.Icon, { icon: "caret", className: "icon" })),
                 this.renderCommon())) : null,
             this.state.collapsed ? null : this.renderItems()));
     };

package/lib/components/schema-editor/Common.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -24,6 +24,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var schemaEditorItemPlaceholder = {
     key: 'JSONSchema.key',
     title: 'JSONSchema.title',
@@ -55,30 +58,30 @@ var SchemaEditorItemCommon = /** @class */ (function (_super) {
     };
     SchemaEditorItemCommon.prototype.renderCommon = function () {
         var _a = this.props, value = _a.value, __ = _a.translate, typeMutable = _a.typeMutable, disabled = _a.disabled, cx = _a.classnames, required = _a.required, onRequiredChange = _a.onRequiredChange, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, enableAdvancedSetting = _a.enableAdvancedSetting, popOverContainer = _a.popOverContainer, prefix = _a.prefix, affix = _a.affix, types = _a.types, placeholder = _a.placeholder, useMobileUI = _a.useMobileUI;
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        return (_J$X_(React__default["default"].Fragment, null,
             prefix,
-            types.length > 1 ? (React__default["default"].createElement(Select["default"], { options: types, className: cx('SchemaEditor-type'), value: (value === null || value === void 0 ? void 0 : value.$ref) || (value === null || value === void 0 ? void 0 : value.type) || 'string', onChange: this.handleTypeChange, clearable: false, disabled: disabled || typeMutable === false, simpleValue: true, useMobileUI: useMobileUI, popOverContainer: popOverContainer })) : null,
-            onRequiredChange ? (React__default["default"].createElement(Checkbox["default"], { className: cx('SchemaEditor-required'), label: __('Required'), value: required, onChange: onRequiredChange, disabled: disabled || typeMutable === false })) : null, renderExtraProps === null || renderExtraProps === void 0 ? void 0 :
+            types.length > 1 ? (_J$X_(Select["default"], { options: types, className: cx('SchemaEditor-type'), value: (value === null || value === void 0 ? void 0 : value.$ref) || (value === null || value === void 0 ? void 0 : value.type) || 'string', onChange: this.handleTypeChange, clearable: false, disabled: disabled || typeMutable === false, simpleValue: true, useMobileUI: useMobileUI, popOverContainer: popOverContainer })) : null,
+            onRequiredChange ? (_J$X_(Checkbox["default"], { className: cx('SchemaEditor-required'), label: __('Required'), value: required, onChange: onRequiredChange, disabled: disabled || typeMutable === false })) : null, renderExtraProps === null || renderExtraProps === void 0 ? void 0 :
             renderExtraProps(value, this.handlePropsChange),
-            enableAdvancedSetting ? (React__default["default"].createElement(PickerContainer["default"], { useMobileUI: useMobileUI, value: value, bodyRender: function (_a) {
+            enableAdvancedSetting ? (_J$X_(PickerContainer["default"], { useMobileUI: useMobileUI, value: value, bodyRender: function (_a) {
                     var isOpened = _a.isOpened, value = _a.value, onChange = _a.onChange, ref = _a.ref;
-                    return isOpened ? (React__default["default"].createElement(Form["default"], { defaultValue: value, onSubmit: onChange, ref: ref }, function (_a) {
+                    return isOpened ? (_J$X_(Form["default"], { defaultValue: value, onSubmit: onChange, ref: ref }, function (_a) {
                         var control = _a.control, getValues = _a.getValues, setValue = _a.setValue;
-                        return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                            React__default["default"].createElement(FormField.Controller, { label: __('JSONSchema.title'), name: "title", control: control, rules: { maxLength: 20 }, isRequired: true, render: function (_a) {
+                        return (_J$X_(React__default["default"].Fragment, null,
+                            _J$X_(FormField.Controller, { label: __('JSONSchema.title'), name: "title", control: control, rules: { maxLength: 20 }, isRequired: true, render: function (_a) {
                                     var _b;
                                     var field = _a.field;
-                                    return (React__default["default"].createElement(InputBox["default"], tslib.__assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : ''), useMobileUI: useMobileUI })));
+                                    return (_J$X_(InputBox["default"], tslib.__assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : ''), useMobileUI: useMobileUI })));
                                 } }),
-                            React__default["default"].createElement(FormField.Controller, { label: __('JSONSchema.description'), name: "description", control: control, render: function (_a) {
+                            _J$X_(FormField.Controller, { label: __('JSONSchema.description'), name: "description", control: control, render: function (_a) {
                                     var _b;
                                     var field = _a.field;
-                                    return (React__default["default"].createElement(Textarea["default"], tslib.__assign({}, field, { disabled: disabled, useMobileUI: useMobileUI, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.description) !== null && _b !== void 0 ? _b : '') })));
+                                    return (_J$X_(Textarea["default"], tslib.__assign({}, field, { disabled: disabled, useMobileUI: useMobileUI, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.description) !== null && _b !== void 0 ? _b : '') })));
                                 } }),
-                            React__default["default"].createElement(FormField.Controller, { label: __('JSONSchema.default'), name: "default", control: control, render: function (_a) {
+                            _J$X_(FormField.Controller, { label: __('JSONSchema.default'), name: "default", control: control, render: function (_a) {
                                     var _b;
                                     var field = _a.field;
-                                    return (React__default["default"].createElement(InputBox["default"], tslib.__assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.default) !== null && _b !== void 0 ? _b : ''), useMobileUI: useMobileUI })));
+                                    return (_J$X_(InputBox["default"], tslib.__assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.default) !== null && _b !== void 0 ? _b : ''), useMobileUI: useMobileUI })));
                                 } }), renderModalProps === null || renderModalProps === void 0 ? void 0 :
                             renderModalProps(getValues(), function (values) {
                                 Object.keys(values).forEach(function (key) {
@@ -88,14 +91,14 @@ var SchemaEditorItemCommon = /** @class */ (function (_super) {
                     })) : null;
                 }, beforeConfirm: this.handleBeforeSubmit, onConfirm: this.handlePropsChange, title: __('SubForm.editDetail'), popOverContainer: popOverContainer }, function (_a) {
                 var onClick = _a.onClick;
-                return (React__default["default"].createElement(Button["default"], { disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), className: cx('SchemaEditor-btn'), onClick: onClick },
-                    React__default["default"].createElement(icons.Icon, { icon: "setting", className: "icon" })));
+                return (_J$X_(Button["default"], { disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), className: cx('SchemaEditor-btn'), onClick: onClick },
+                    _J$X_(icons.Icon, { icon: "setting", className: "icon" })));
             })) : null,
             affix));
     };
     SchemaEditorItemCommon.prototype.render = function () {
         var cx = this.props.classnames;
-        return React__default["default"].createElement("div", { className: cx('SchemaEditorItem') }, this.renderCommon());
+        return _J$X_("div", { className: cx('SchemaEditorItem') }, this.renderCommon());
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/components/schema-editor/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -17,6 +17,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var SchemaEditorItem = /** @class */ (function (_super) {
     tslib.__extends(SchemaEditorItem, _super);
     function SchemaEditorItem() {
@@ -34,7 +37,7 @@ var SchemaEditorItem = /** @class */ (function (_super) {
                 Renderer = Array.SchemaEditorItemArray;
                 break;
         }
-        return React__default["default"].createElement(Renderer, tslib.__assign({}, this.props));
+        return _J$X_(Renderer, tslib.__assign({}, this.props));
     };
     return SchemaEditorItem;
 }(React__default["default"].Component));

package/lib/components/schema-editor/Object.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -20,6 +20,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var SchemaEditorItemObject = /** @class */ (function (_super) {
     tslib.__extends(SchemaEditorItemObject, _super);
     function SchemaEditorItemObject() {
@@ -127,28 +130,28 @@ var SchemaEditorItemObject = /** @class */ (function (_super) {
         var _a;
         var _b = this.props, value = _b.value, __ = _b.translate, cx = _b.classnames, renderExtraProps = _b.renderExtraProps, renderModalProps = _b.renderModalProps, locale = _b.locale, classPrefix = _b.classPrefix, disabled = _b.disabled, showInfo = _b.showInfo, types = _b.types, onTypeChange = _b.onTypeChange, enableAdvancedSetting = _b.enableAdvancedSetting, popOverContainer = _b.popOverContainer, placeholder = _b.placeholder, useMobileUI = _b.useMobileUI;
         var members = this.state.members;
-        return (React__default["default"].createElement("div", { className: cx('SchemaEditorProps', {
+        return (_J$X_("div", { className: cx('SchemaEditorProps', {
                 'SchemaEditorProps--depth': showInfo !== false
             }) },
             members.length ? (members.map(function (member, index) {
                 var _a, _b;
-                return (React__default["default"].createElement(Item.SchemaEditorItem, { useMobileUI: useMobileUI, key: member.id, types: types, onTypeChange: onTypeChange, enableAdvancedSetting: enableAdvancedSetting, popOverContainer: popOverContainer, prefix: React__default["default"].createElement(React__default["default"].Fragment, null,
-                        React__default["default"].createElement(InputBox["default"], { className: cx('SchemaEditor-key'), hasError: member.hasError, value: member.key || '', onChange: _this.handlePropKeyChange.bind(_this, index), placeholder: __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.key) !== null && _a !== void 0 ? _a : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), useMobileUI: useMobileUI }),
-                        React__default["default"].createElement(InputBox["default"], { className: cx('SchemaEditor-title'), value: member.schema.title || '', onChange: _this.handlePropTitleChange.bind(_this, index), placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), useMobileUI: useMobileUI })), affix: React__default["default"].createElement(Button["default"], { className: cx('SchemaEditor-btn'), onClick: _this.handlePropRemove.bind(_this, index), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
-                        React__default["default"].createElement(icons.Icon, { icon: "remove", className: "icon" })), value: member.schema, onChange: _this.handlePropChange.bind(_this, index), renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), required: member.required, onRequiredChange: _this.handlePropRequiredChange.bind(_this, index), placeholder: placeholder }));
-            })) : (React__default["default"].createElement("div", { className: cx('SchemaEditorProps-placeholder') }, __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.empty) !== null && _a !== void 0 ? _a : ''))),
-            React__default["default"].createElement(Button["default"], { level: "link", onClick: this.handleAdd, size: "xs", disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) }, __('JSONSchema.add_prop'))));
+                return (_J$X_(Item.SchemaEditorItem, { useMobileUI: useMobileUI, key: member.id, types: types, onTypeChange: onTypeChange, enableAdvancedSetting: enableAdvancedSetting, popOverContainer: popOverContainer, prefix: _J$X_(React__default["default"].Fragment, null,
+                        _J$X_(InputBox["default"], { className: cx('SchemaEditor-key'), hasError: member.hasError, value: member.key || '', onChange: _this.handlePropKeyChange.bind(_this, index), placeholder: __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.key) !== null && _a !== void 0 ? _a : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), useMobileUI: useMobileUI }),
+                        _J$X_(InputBox["default"], { className: cx('SchemaEditor-title'), value: member.schema.title || '', onChange: _this.handlePropTitleChange.bind(_this, index), placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), useMobileUI: useMobileUI })), affix: _J$X_(Button["default"], { className: cx('SchemaEditor-btn'), onClick: _this.handlePropRemove.bind(_this, index), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
+                        _J$X_(icons.Icon, { icon: "remove", className: "icon" })), value: member.schema, onChange: _this.handlePropChange.bind(_this, index), renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), required: member.required, onRequiredChange: _this.handlePropRequiredChange.bind(_this, index), placeholder: placeholder }));
+            })) : (_J$X_("div", { className: cx('SchemaEditorProps-placeholder') }, __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.empty) !== null && _a !== void 0 ? _a : ''))),
+            _J$X_(Button["default"], { level: "link", onClick: this.handleAdd, size: "xs", disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) }, __('JSONSchema.add_prop'))));
     };
     SchemaEditorItemObject.prototype.render = function () {
         var _a = this.props, cx = _a.classnames, showInfo = _a.showInfo; _a.translate; _a.disabled;
-        return (React__default["default"].createElement("div", { className: cx('SchemaEditorItem SchemaEditorObject', {
+        return (_J$X_("div", { className: cx('SchemaEditorItem SchemaEditorObject', {
                 'is-collapsed': this.state.collapsed
             }) },
-            showInfo !== false ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement("a", { className: cx('SchemaEditor-caret', {
+            showInfo !== false ? (_J$X_(React__default["default"].Fragment, null,
+                _J$X_("a", { className: cx('SchemaEditor-caret', {
                         'is-collapsed': this.state.collapsed
                     }), onClick: this.toggleCollapsed },
-                    React__default["default"].createElement(icons.Icon, { icon: "caret", className: "icon" })),
+                    _J$X_(icons.Icon, { icon: "caret", className: "icon" })),
                 this.renderCommon())) : null,
             this.state.collapsed ? null : this.rendererProps()));
     };

package/lib/components/schema-editor/SchemaVariableList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -17,6 +17,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var SchemaVariableList = /** @class */ (function (_super) {
     tslib.__extends(SchemaVariableList, _super);
     function SchemaVariableList() {
@@ -54,14 +57,14 @@ var SchemaVariableList = /** @class */ (function (_super) {
     };
     SchemaVariableList.prototype.itemRender = function (option) {
         var _a = this.props, cx = _a.classnames, __ = _a.translate;
-        return (React__default["default"].createElement("span", { className: cx("FormulaEditor-VariableList-item") },
-            React__default["default"].createElement("label", null, option.label),
-            React__default["default"].createElement(TooltipWrapper["default"], { tooltip: option.description, tooltipTheme: "dark" },
-                React__default["default"].createElement("span", { className: cx("FormulaEditor-VariableList-item-tag") }, __("SchemaType.".concat(option.type || 'any'))))));
+        return (_J$X_("span", { className: cx("FormulaEditor-VariableList-item") },
+            _J$X_("label", null, option.label),
+            _J$X_(TooltipWrapper["default"], { tooltip: option.description, tooltipTheme: "dark" },
+                _J$X_("span", { className: cx("FormulaEditor-VariableList-item-tag") }, __("SchemaType.".concat(option.type || 'any'))))));
     };
     SchemaVariableList.prototype.render = function () {
         var _a = this.props, selectMode = _a.selectMode, value = _a.value, placeholderRender = _a.placeholderRender;
-        return (React__default["default"].createElement(VariableList["default"], { data: this.state.variables, value: value, onSelect: this.handleSelect, selectMode: selectMode || 'tree', itemRender: this.itemRender, placeholderRender: placeholderRender }));
+        return (_J$X_(VariableList["default"], { data: this.state.variables, value: value, onSelect: this.handleSelect, selectMode: selectMode || 'tree', itemRender: this.itemRender, placeholderRender: placeholderRender }));
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/components/schema-editor/SchemaVariableListPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -17,6 +17,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var SchemaVariableListPicker = /** @class */ (function (_super) {
     tslib.__extends(SchemaVariableListPicker, _super);
     function SchemaVariableListPicker() {
@@ -24,15 +27,15 @@ var SchemaVariableListPicker = /** @class */ (function (_super) {
     }
     SchemaVariableListPicker.prototype.render = function () {
         var _a = this.props, __ = _a.translate, schemas = _a.schemas, value = _a.value, onConfirm = _a.onConfirm, onCancel = _a.onCancel, children = _a.children, title = _a.title, selectMode = _a.selectMode, beforeBuildVariables = _a.beforeBuildVariables, onPickerOpen = _a.onPickerOpen, placeholderRender = _a.placeholderRender;
-        return (React__default["default"].createElement(PickerContainer["default"], { onPickerOpen: onPickerOpen, title: title !== null && title !== void 0 ? title : __('Select.placeholder'), bodyRender: function (_a) {
+        return (_J$X_(PickerContainer["default"], { onPickerOpen: onPickerOpen, title: title !== null && title !== void 0 ? title : __('Select.placeholder'), bodyRender: function (_a) {
                 var _b;
                 var value = _a.value, onChange = _a.onChange, stateSchemas = _a.schemas, isOpened = _a.isOpened;
-                return isOpened ? (React__default["default"].createElement(SchemaVariableList["default"], { value: (_b = value === null || value === void 0 ? void 0 : value.value) !== null && _b !== void 0 ? _b : value, onSelect: function (value, schema) {
+                return isOpened ? (_J$X_(SchemaVariableList["default"], { value: (_b = value === null || value === void 0 ? void 0 : value.value) !== null && _b !== void 0 ? _b : value, onSelect: function (value, schema) {
                         return onChange({
                             value: value,
                             schema: schema
                         });
-                    }, schemas: stateSchemas !== null && stateSchemas !== void 0 ? stateSchemas : schemas, selectMode: selectMode, beforeBuildVariables: beforeBuildVariables, placeholderRender: placeholderRender })) : (React__default["default"].createElement(React__default["default"].Fragment, null));
+                    }, schemas: stateSchemas !== null && stateSchemas !== void 0 ? stateSchemas : schemas, selectMode: selectMode, beforeBuildVariables: beforeBuildVariables, placeholderRender: placeholderRender })) : (_J$X_(React__default["default"].Fragment, null));
             }, value: value, onConfirm: onConfirm, onCancel: onCancel }, children));
     };
     return SchemaVariableListPicker;