react-json-schema-editor-antd/dist/JsonSchemaEditor/SchemaItem/components/SchemaRow/SettingsGroup/index.js

Json Schema Editor

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
import { Button, Flex, Popover, Tooltip } from 'antd';
import { isArray } from 'lodash';
import React, { memo, useState } from 'react';
import { useTranslation } from 'react-i18next';
import IconFont from "../../../../../components/IconFont";
import Settings from "../../Settings";
var SettingsGroup = function SettingsGroup(props) {
  var _useTranslation = useTranslation(),
    t = _useTranslation.t;
  var nodeType = props.nodeType,
    isRoot = props.isRoot,
    defaultValue = props.defaultValue,
    isRequire = props.isRequire,
    mock = props.mock,
    setMock = props.setMock,
    showDataModelSettings = props.showDataModelSettings,
    setShowDataModelSettings = props.setShowDataModelSettings,
    schemaDescription = props.schemaDescription,
    setSchemaDescription = props.setSchemaDescription,
    allowNull = props.allowNull,
    examples = props.examples,
    onExampleChange = props.onExampleChange,
    namePath = props.namePath,
    isTypeDisabled = props.isTypeDisabled,
    updateRequiredProperty = props.updateRequiredProperty,
    propertyName = props.propertyName,
    updateAllowNull = props.updateAllowNull,
    isArrayItems = props.isArrayItems;
  var _useState = useState(false),
    _useState2 = _slicedToArray(_useState, 2),
    settingOpen = _useState2[0],
    setSettingOpen = _useState2[1];
  return /*#__PURE__*/React.createElement(Flex, {
    className: "schema-settings-group",
    style: {
      width: '72px'
    }
    // flex={'72px'}
    ,
    align: "center",
    gap: 6
  }, /*#__PURE__*/React.createElement(Popover, {
    open: settingOpen,
    onOpenChange: function onOpenChange(newOpen) {
      if (isTypeDisabled) {
        return;
      }
      setSettingOpen(newOpen);
      if (!newOpen) {
        setShowDataModelSettings(false);
      }
    },
    content: /*#__PURE__*/React.createElement(Settings, _extends({}, props, {
      nodeType: nodeType,
      isRoot: isRoot,
      defaultValue: defaultValue,
      isRequire: isRequire,
      mock: mock,
      setMock: setMock,
      showDataModelSettings: showDataModelSettings,
      setShowDataModelSettings: setShowDataModelSettings,
      schemaDescription: schemaDescription,
      setSchemaDescription: setSchemaDescription,
      allowNull: allowNull || nodeType === 'null',
      examples: isArray(examples) ? examples : [],
      onExampleChange: onExampleChange
    })),
    placement: "right",
    trigger: "click"
  }, /*#__PURE__*/React.createElement(Tooltip, {
    title: t('advanced_setting')
  }, /*#__PURE__*/React.createElement(Button, {
    disabled: isTypeDisabled,
    type: 'text',
    size: 'small',
    icon: /*#__PURE__*/React.createElement(IconFont, {
      style: {
        fontSize: '14px'
      },
      type: "icon-table-setting"
    }),
    style: {
      color: 'green'
    },
    onClick: function onClick() {
      return;
    }
  }))), /*#__PURE__*/React.createElement(Tooltip, {
    title: t('required')
  }, /*#__PURE__*/React.createElement(Button, {
    type: 'text',
    size: 'small',
    disabled: isArrayItems || isTypeDisabled || isRoot,
    icon: /*#__PURE__*/React.createElement(IconFont, {
      type: "icon-bitian",
      style: {
        color: isRequire || isRoot ? 'var(--color-primary)' : ''
      }
    }),
    onClick: function onClick() {
      if (updateRequiredProperty && propertyName) {
        updateRequiredProperty(namePath, propertyName, !isRequire);
      }
    }
  })), /*#__PURE__*/React.createElement(Tooltip, {
    title: t('allow_null')
  }, /*#__PURE__*/React.createElement(Button, {
    type: 'text',
    size: 'small',
    disabled: ['null', 'dataModel', 'oneOf', 'anyOf', 'allOf', 'any'].includes(nodeType) || isTypeDisabled,
    icon: /*#__PURE__*/React.createElement(IconFont, {
      type: "icon-N1",
      style: {
        color: allowNull || nodeType === 'null' ? 'var(--color-primary)' : ''
      }
    }),
    onClick: function onClick() {
      if (updateAllowNull) {
        updateAllowNull(namePath, !allowNull);
      }
    }
  })));
};
export default /*#__PURE__*/memo(SettingsGroup);