@wordpress/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("@wordpress/element");

var _lodash = require("lodash");

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

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

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */
const defaultSettings = [{
  id: 'opensInNewTab',
  title: (0, _i18n.__)('Open in new tab')
}];

const LinkControlSettingsDrawer = ({
  value,
  onChange = _lodash.noop,
  settings = defaultSettings
}) => {
  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.__)('Currently selected link settings')), theSettings);
};

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