@nocobase/client 0.9.1-alpha.2 → 0.9.2-alpha.1

package/es/schema-component/antd/form-item/SchemaSettingOptions.js

@@ -0,0 +1,615 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { ArrayCollapse, FormLayout } from '@formily/antd';
+import { useField, useFieldSchema } from '@formily/react';
+import { uid } from '@formily/shared';
+import _ from 'lodash';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useFilterByTk, useFormBlockContext } from '../../../block-provider';
+import { useCollection, useCollectionManager } from '../../../collection-manager';
+import { SchemaSettings } from '../../../schema-settings';
+import { useCompile, useDesignable, useFieldComponentOptions } from '../../hooks';
+import { useOperatorList } from '../filter/useOperators';
+export var findFilterOperators = function findFilterOperators(schema) {
+  while (schema) {
+    if (schema['x-filter-operators']) {
+      return {
+        operators: schema['x-filter-operators'],
+        uid: schema['x-uid']
+      };
+    }
+    schema = schema.parent;
+  }
+  return {};
+};
+var divWrap = function divWrap(schema) {
+  return {
+    type: 'void',
+    'x-component': 'div',
+    properties: _defineProperty({}, schema.name || uid(), schema)
+  };
+};
+export var EditTitle = function EditTitle() {
+  var _collectionField$uiSc;
+  var _useCollectionManager = useCollectionManager(),
+    getCollectionJoinField = _useCollectionManager.getCollectionJoinField;
+  var _useCollection = useCollection(),
+    getField = _useCollection.getField;
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDesignable = useDesignable(),
+    dn = _useDesignable.dn;
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  return collectionField ? /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    key: "edit-field-title",
+    title: t('Edit field title'),
+    schema: {
+      type: 'object',
+      title: t('Edit field title'),
+      properties: {
+        title: {
+          title: t('Field title'),
+          default: field === null || field === void 0 ? void 0 : field.title,
+          description: "".concat(t('Original field title: ')).concat(collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc = collectionField.uiSchema) === null || _collectionField$uiSc === void 0 ? void 0 : _collectionField$uiSc.title),
+          'x-decorator': 'FormItem',
+          'x-component': 'Input',
+          'x-component-props': {}
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref) {
+      var title = _ref.title;
+      if (title) {
+        field.title = title;
+        fieldSchema.title = title;
+        dn.emit('patch', {
+          schema: {
+            'x-uid': fieldSchema['x-uid'],
+            title: fieldSchema.title
+          }
+        });
+      }
+      dn.refresh();
+    }
+  }) : null;
+};
+export var EditDescription = function EditDescription() {
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation2 = useTranslation(),
+    t = _useTranslation2.t;
+  var _useDesignable2 = useDesignable(),
+    dn = _useDesignable2.dn;
+  return !field.readPretty ? /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    key: "edit-description",
+    title: t('Edit description'),
+    schema: {
+      type: 'object',
+      title: t('Edit description'),
+      properties: {
+        description: {
+          // title: t('Description'),
+          default: field === null || field === void 0 ? void 0 : field.description,
+          'x-decorator': 'FormItem',
+          'x-component': 'Input.TextArea',
+          'x-component-props': {}
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref2) {
+      var description = _ref2.description;
+      field.description = description;
+      fieldSchema.description = description;
+      dn.emit('patch', {
+        schema: {
+          'x-uid': fieldSchema['x-uid'],
+          description: fieldSchema.description
+        }
+      });
+      dn.refresh();
+    }
+  }) : null;
+};
+export var EditTooltip = function EditTooltip() {
+  var _fieldSchema$xDecora;
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation3 = useTranslation(),
+    t = _useTranslation3.t;
+  var _useDesignable3 = useDesignable(),
+    dn = _useDesignable3.dn;
+  return field.readPretty ? /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    key: "edit-tooltip",
+    title: t('Edit tooltip'),
+    schema: {
+      type: 'object',
+      title: t('Edit description'),
+      properties: {
+        tooltip: {
+          default: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora === void 0 ? void 0 : _fieldSchema$xDecora.tooltip,
+          'x-decorator': 'FormItem',
+          'x-component': 'Input.TextArea',
+          'x-component-props': {}
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref3) {
+      var tooltip = _ref3.tooltip;
+      field.decoratorProps.tooltip = tooltip;
+      fieldSchema['x-decorator-props'] = fieldSchema['x-decorator-props'] || {};
+      fieldSchema['x-decorator-props']['tooltip'] = tooltip;
+      dn.emit('patch', {
+        schema: {
+          'x-uid': fieldSchema['x-uid'],
+          'x-decorator-props': fieldSchema['x-decorator-props']
+        }
+      });
+      dn.refresh();
+    }
+  }) : null;
+};
+export var EditRequired = function EditRequired() {
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation4 = useTranslation(),
+    t = _useTranslation4.t;
+  var _useDesignable4 = useDesignable(),
+    dn = _useDesignable4.dn,
+    refresh = _useDesignable4.refresh;
+  return !field.readPretty && fieldSchema['x-component'] !== 'FormField' ? /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
+    key: "required",
+    title: t('Required'),
+    checked: fieldSchema.required,
+    onChange: function onChange(required) {
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+      field.required = required;
+      fieldSchema['required'] = required;
+      schema['required'] = required;
+      dn.emit('patch', {
+        schema: schema
+      });
+      refresh();
+    }
+  }) : null;
+};
+export var EditValidationRules = function EditValidationRules() {
+  var _interfaceConfig$vali;
+  var _useCollectionManager2 = useCollectionManager(),
+    getInterface = _useCollectionManager2.getInterface,
+    getCollectionJoinField = _useCollectionManager2.getCollectionJoinField;
+  var _useCollection2 = useCollection(),
+    getField = _useCollection2.getField;
+  var _useFormBlockContext = useFormBlockContext(),
+    form = _useFormBlockContext.form;
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation5 = useTranslation(),
+    t = _useTranslation5.t;
+  var _useDesignable5 = useDesignable(),
+    dn = _useDesignable5.dn,
+    refresh = _useDesignable5.refresh;
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  var interfaceConfig = getInterface(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface);
+  var validateSchema = interfaceConfig === null || interfaceConfig === void 0 ? void 0 : (_interfaceConfig$vali = interfaceConfig['validateSchema']) === null || _interfaceConfig$vali === void 0 ? void 0 : _interfaceConfig$vali.call(interfaceConfig, fieldSchema);
+  return form && !(form === null || form === void 0 ? void 0 : form.readPretty) && validateSchema ? /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    title: t('Set validation rules'),
+    components: {
+      ArrayCollapse: ArrayCollapse,
+      FormLayout: FormLayout
+    },
+    schema: {
+      type: 'object',
+      title: t('Set validation rules'),
+      properties: {
+        rules: {
+          type: 'array',
+          default: fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-validator'],
+          'x-component': 'ArrayCollapse',
+          'x-decorator': 'FormItem',
+          'x-component-props': {
+            accordion: true
+          },
+          maxItems: 3,
+          items: {
+            type: 'object',
+            'x-component': 'ArrayCollapse.CollapsePanel',
+            'x-component-props': {
+              header: '{{ t("Validation rule") }}'
+            },
+            properties: {
+              index: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.Index'
+              },
+              layout: {
+                type: 'void',
+                'x-component': 'FormLayout',
+                'x-component-props': {
+                  labelStyle: {
+                    marginTop: '6px'
+                  },
+                  labelCol: 8,
+                  wrapperCol: 16
+                },
+                properties: _objectSpread(_objectSpread({}, validateSchema), {}, {
+                  message: {
+                    type: 'string',
+                    title: '{{ t("Error message") }}',
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Input.TextArea',
+                    'x-component-props': {
+                      autoSize: {
+                        minRows: 2,
+                        maxRows: 2
+                      }
+                    }
+                  }
+                })
+              },
+              remove: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.Remove'
+              },
+              moveUp: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.MoveUp'
+              },
+              moveDown: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.MoveDown'
+              }
+            }
+          },
+          properties: {
+            add: {
+              type: 'void',
+              title: '{{ t("Add validation rule") }}',
+              'x-component': 'ArrayCollapse.Addition',
+              'x-reactions': {
+                dependencies: ['rules'],
+                fulfill: {
+                  state: {
+                    disabled: '{{$deps[0].length >= 3}}'
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    onSubmit: function onSubmit(v) {
+      var _collectionField$uiSc2;
+      var rules = [];
+      var _iterator = _createForOfIteratorHelper(v.rules),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _rule = _step.value;
+          rules.push(_.pickBy(_rule, _.identity));
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+      // return;
+      // if (['number'].includes(collectionField?.interface) && collectionField?.uiSchema?.['x-component-props']?.['stringMode'] === true) {
+      //   rules['numberStringMode'] = true;
+      // }
+      if (['percent'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface)) {
+        var _iterator2 = _createForOfIteratorHelper(rules),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var rule = _step2.value;
+            if (!!rule.maxValue || !!rule.minValue) {
+              rule['percentMode'] = true;
+            }
+            if (rule.percentFormat) {
+              rule['percentFormats'] = true;
+            }
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      }
+      var concatValidator = _.concat([], (collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc2 = collectionField.uiSchema) === null || _collectionField$uiSc2 === void 0 ? void 0 : _collectionField$uiSc2['x-validator']) || [], rules);
+      field.validator = concatValidator;
+      fieldSchema['x-validator'] = rules;
+      schema['x-validator'] = rules;
+      dn.emit('patch', {
+        schema: schema
+      });
+      refresh();
+    }
+  }) : null;
+};
+export var EditDefaultValue = function EditDefaultValue() {
+  var _collectionField$uiSc3;
+  var _useCollectionManager3 = useCollectionManager(),
+    getCollectionJoinField = _useCollectionManager3.getCollectionJoinField;
+  var _useCollection3 = useCollection(),
+    getField = _useCollection3.getField;
+  var _useFormBlockContext2 = useFormBlockContext(),
+    form = _useFormBlockContext2.form;
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation6 = useTranslation(),
+    t = _useTranslation6.t;
+  var _useDesignable6 = useDesignable(),
+    dn = _useDesignable6.dn,
+    refresh = _useDesignable6.refresh;
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  return form && !(form === null || form === void 0 ? void 0 : form.readPretty) && (collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc3 = collectionField.uiSchema) === null || _collectionField$uiSc3 === void 0 ? void 0 : _collectionField$uiSc3.type) ? /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    title: t('Set default value'),
+    components: {
+      ArrayCollapse: ArrayCollapse,
+      FormLayout: FormLayout
+    },
+    schema: {
+      type: 'object',
+      title: t('Set default value'),
+      properties: {
+        default: _objectSpread(_objectSpread({}, collectionField.uiSchema), {}, {
+          name: 'default',
+          title: t('Default value'),
+          'x-decorator': 'FormItem',
+          default: fieldSchema.default || collectionField.defaultValue
+        })
+      }
+    },
+    onSubmit: function onSubmit(v) {
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+      if (field.value !== v.default) {
+        field.value = v.default;
+      }
+      fieldSchema.default = v.default;
+      schema.default = v.default;
+      dn.emit('patch', {
+        schema: schema
+      });
+      refresh();
+    }
+  }) : null;
+};
+export var EditComponent = function EditComponent() {
+  var _useCollectionManager4 = useCollectionManager(),
+    getInterface = _useCollectionManager4.getInterface,
+    getCollectionJoinField = _useCollectionManager4.getCollectionJoinField,
+    getCollection = _useCollectionManager4.getCollection;
+  var _useCollection4 = useCollection(),
+    getField = _useCollection4.getField,
+    template = _useCollection4.template;
+  var tk = useFilterByTk();
+  var _useFormBlockContext3 = useFormBlockContext(),
+    form = _useFormBlockContext3.form;
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation7 = useTranslation(),
+    t = _useTranslation7.t;
+  var _useDesignable7 = useDesignable(),
+    dn = _useDesignable7.dn,
+    insertAdjacent = _useDesignable7.insertAdjacent;
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  var interfaceConfig = getInterface(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface);
+  var fieldComponentOptions = useFieldComponentOptions();
+  var isSubFormAssociationField = field.address.segments.includes('__form_grid');
+  return form && !isSubFormAssociationField && fieldComponentOptions ? /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    title: t('Field component'),
+    options: fieldComponentOptions,
+    value: fieldSchema['x-component'],
+    onChange: function onChange(type) {
+      var _collectionField$uiSc4, _interfaceConfig$sche;
+      var schema = {
+        name: collectionField.name,
+        type: 'void',
+        required: fieldSchema['required'],
+        description: fieldSchema['description'],
+        default: fieldSchema['default'],
+        'x-decorator': 'FormItem',
+        'x-designer': 'FormItem.Designer',
+        'x-component': type,
+        'x-validator': fieldSchema['x-validator'],
+        'x-collection-field': fieldSchema['x-collection-field'],
+        'x-decorator-props': fieldSchema['x-decorator-props'],
+        'x-component-props': _objectSpread(_objectSpread({}, collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc4 = collectionField.uiSchema) === null || _collectionField$uiSc4 === void 0 ? void 0 : _collectionField$uiSc4['x-component-props']), fieldSchema['x-component-props'])
+      };
+      interfaceConfig === null || interfaceConfig === void 0 ? void 0 : (_interfaceConfig$sche = interfaceConfig.schemaInitialize) === null || _interfaceConfig$sche === void 0 ? void 0 : _interfaceConfig$sche.call(interfaceConfig, schema, {
+        field: collectionField,
+        block: 'Form',
+        readPretty: field.readPretty,
+        action: tk ? 'get' : null,
+        targetCollection: getCollection(collectionField.target)
+      });
+      insertAdjacent('beforeBegin', divWrap(schema), {
+        onSuccess: function onSuccess() {
+          dn.remove(null, {
+            removeParentsIfNoChildren: true,
+            breakRemoveOn: {
+              'x-component': 'Grid'
+            }
+          });
+        }
+      });
+    }
+  }) : null;
+};
+export var EditPattern = function EditPattern() {
+  var _fieldSchema$xCompon;
+  var _useCollectionManager5 = useCollectionManager(),
+    getCollectionJoinField = _useCollectionManager5.getCollectionJoinField;
+  var _useCollection5 = useCollection(),
+    getField = _useCollection5.getField;
+  var _useFormBlockContext4 = useFormBlockContext(),
+    form = _useFormBlockContext4.form;
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation8 = useTranslation(),
+    t = _useTranslation8.t;
+  var _useDesignable8 = useDesignable(),
+    dn = _useDesignable8.dn;
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  var readOnlyMode = 'editable';
+  if (fieldSchema['x-disabled'] === true) {
+    readOnlyMode = 'readonly';
+  }
+  if (fieldSchema['x-read-pretty'] === true) {
+    readOnlyMode = 'read-pretty';
+  }
+  return form && !(form === null || form === void 0 ? void 0 : form.readPretty) && (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) !== 'o2m' && (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon['pattern-disable']) != true ? /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    key: "pattern",
+    title: t('Pattern'),
+    options: [{
+      label: t('Editable'),
+      value: 'editable'
+    }, {
+      label: t('Readonly'),
+      value: 'readonly'
+    }, {
+      label: t('Easy-reading'),
+      value: 'read-pretty'
+    }],
+    value: readOnlyMode,
+    onChange: function onChange(v) {
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+      switch (v) {
+        case 'readonly':
+          {
+            fieldSchema['x-read-pretty'] = false;
+            fieldSchema['x-disabled'] = true;
+            schema['x-read-pretty'] = false;
+            schema['x-disabled'] = true;
+            field.readPretty = false;
+            field.disabled = true;
+            break;
+          }
+        case 'read-pretty':
+          {
+            fieldSchema['x-read-pretty'] = true;
+            fieldSchema['x-disabled'] = false;
+            schema['x-read-pretty'] = true;
+            schema['x-disabled'] = false;
+            field.readPretty = true;
+            break;
+          }
+        default:
+          {
+            fieldSchema['x-read-pretty'] = false;
+            fieldSchema['x-disabled'] = false;
+            schema['x-read-pretty'] = false;
+            schema['x-disabled'] = false;
+            field.readPretty = false;
+            field.disabled = false;
+            break;
+          }
+      }
+      dn.emit('patch', {
+        schema: schema
+      });
+      dn.refresh();
+    }
+  }) : null;
+};
+/**
+ * 如果用户没有手动设置过 operator，那么在筛选的时候 operator 会是空的，
+ * 该方法确保 operator 一定有值（需要在 FormItem 中调用）
+ */
+export var useEnsureOperatorsValid = function useEnsureOperatorsValid() {
+  var fieldSchema = useFieldSchema();
+  var operatorList = useOperatorList();
+  var _findFilterOperators = findFilterOperators(fieldSchema),
+    storedOperators = _findFilterOperators.operators;
+  if (storedOperators && operatorList.length && !storedOperators[fieldSchema.name]) {
+    storedOperators[fieldSchema.name] = operatorList[0].value;
+  }
+};
+export var EditOperator = function EditOperator() {
+  var compile = useCompile();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation9 = useTranslation(),
+    t = _useTranslation9.t;
+  var _useDesignable9 = useDesignable(),
+    dn = _useDesignable9.dn;
+  var operatorList = useOperatorList();
+  var _findFilterOperators2 = findFilterOperators(fieldSchema),
+    storedOperators = _findFilterOperators2.operators,
+    uid = _findFilterOperators2.uid;
+  if (operatorList.length && !storedOperators[fieldSchema.name]) {
+    storedOperators[fieldSchema.name] = operatorList[0].value;
+  }
+  return operatorList.length ? /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    key: "operator",
+    title: t('Operator'),
+    value: storedOperators[fieldSchema.name],
+    options: compile(operatorList),
+    onChange: function onChange(v) {
+      var _schema5;
+      storedOperators[fieldSchema.name] = v;
+      var schema = (_schema5 = {}, _defineProperty(_schema5, 'x-uid', uid), _defineProperty(_schema5, 'x-filter-operators', storedOperators), _schema5);
+      dn.emit('patch', {
+        schema: schema
+      });
+      dn.refresh();
+    }
+  }) : null;
+};
+export var EditTitleField = function EditTitleField() {
+  var _getCollectionFields, _field$componentProps, _field$componentProps2;
+  var _useCollectionManager6 = useCollectionManager(),
+    getCollectionFields = _useCollectionManager6.getCollectionFields,
+    getCollectionJoinField = _useCollectionManager6.getCollectionJoinField;
+  var _useCollection6 = useCollection(),
+    getField = _useCollection6.getField;
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation10 = useTranslation(),
+    t = _useTranslation10.t;
+  var _useDesignable10 = useDesignable(),
+    dn = _useDesignable10.dn;
+  var compile = useCompile();
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  var targetFields = (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) ? getCollectionFields(collectionField.target) : (_getCollectionFields = getCollectionFields(collectionField === null || collectionField === void 0 ? void 0 : collectionField.targetCollection)) !== null && _getCollectionFields !== void 0 ? _getCollectionFields : [];
+  var options = targetFields.filter(function (field) {
+    return !(field === null || field === void 0 ? void 0 : field.target) && field.type !== 'boolean';
+  }).map(function (field) {
+    var _field$uiSchema;
+    return {
+      value: field === null || field === void 0 ? void 0 : field.name,
+      label: compile(field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title) || (field === null || field === void 0 ? void 0 : field.name)
+    };
+  });
+  return options.length > 0 && fieldSchema['x-component'] === 'CollectionField' ? /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    key: "title-field",
+    title: t('Title field'),
+    options: options,
+    value: field === null || field === void 0 ? void 0 : (_field$componentProps = field.componentProps) === null || _field$componentProps === void 0 ? void 0 : (_field$componentProps2 = _field$componentProps.fieldNames) === null || _field$componentProps2 === void 0 ? void 0 : _field$componentProps2.label,
+    onChange: function onChange(label) {
+      var _collectionField$uiSc5, _collectionField$uiSc6;
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+      var fieldNames = _objectSpread(_objectSpread(_objectSpread({}, collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc5 = collectionField.uiSchema) === null || _collectionField$uiSc5 === void 0 ? void 0 : (_collectionField$uiSc6 = _collectionField$uiSc5['x-component-props']) === null || _collectionField$uiSc6 === void 0 ? void 0 : _collectionField$uiSc6['fieldNames']), field.componentProps.fieldNames), {}, {
+        label: label
+      });
+      fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+      fieldSchema['x-component-props']['fieldNames'] = fieldNames;
+      schema['x-component-props'] = fieldSchema['x-component-props'];
+      dn.emit('patch', {
+        schema: schema
+      });
+      dn.refresh();
+    }
+  }) : null;
+};