@gechiui/block-editor/build/components/link-control/settings-drawer.js

Generic block editor.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@gechiui/element");

var _lodash = require("lodash");

var _i18n = require("@gechiui/i18n");

var _components = require("@gechiui/components");

/**
 * External dependencies
 */

/**
 * GeChiUI dependencies
 */
const LinkControlSettingsDrawer = _ref => {
  let {
    value,
    onChange = _lodash.noop,
    settings
  } = _ref;

  if (!settings || !settings.length) {
    return null;
  }

  const handleSettingChange = setting => newValue => {
    onChange({ ...value,
      [setting.id]: newValue
    });
  };

  const theSettings = settings.map(setting => (0, _element.createElement)(_components.ToggleControl, {
    className: "block-editor-link-control__setting",
    key: setting.id,
    label: setting.title,
    onChange: handleSettingChange(setting),
    checked: value ? !!value[setting.id] : false
  }));
  return (0, _element.createElement)("fieldset", {
    className: "block-editor-link-control__settings"
  }, (0, _element.createElement)(_components.VisuallyHidden, {
    as: "legend"
  }, (0, _i18n.__)('当前选择的链接设置')), theSettings);
};

var _default = LinkControlSettingsDrawer;
exports.default = _default;
//# sourceMappingURL=settings-drawer.js.map