decap-cms-core 3.5.0 → 3.6.0

package/dist/esm/components/Editor/EditorControlPane/Widget.js

@@ -1,31 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-var _immutable = require("immutable");
-var _commonTags = require("common-tags");
-var _registry = require("../../../lib/registry");
-var _validationErrorTypes = _interopRequireDefault(require("../../../constants/validationErrorTypes"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { Map, List } from 'immutable';
+import { oneLine } from 'common-tags';
+import { getRemarkPlugins } from '../../../lib/registry';
+import ValidationErrorTypes from '../../../constants/validationErrorTypes';
 function truthy() {
   return {
     error: false
   };
 }
 function isEmpty(value) {
-  return value === null || value === undefined || Object.prototype.hasOwnProperty.call(value, 'length') && value.length === 0 || value.constructor === Object && Object.keys(value).length === 0 || _immutable.List.isList(value) && value.size === 0;
+  return value === null || value === undefined || Object.prototype.hasOwnProperty.call(value, 'length') && value.length === 0 || value.constructor === Object && Object.keys(value).length === 0 || List.isList(value) && value.size === 0;
 }
-class Widget extends _react.Component {
+export default class Widget extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "processInnerControlRef", ref => {
@@ -48,12 +39,17 @@ class Widget extends _react.Component {
         shouldComponentUpdate: scu
       } = this.innerWrappedControl;
       this.wrappedControlShouldComponentUpdate = scu && scu.bind(this.innerWrappedControl);
+
+      // Call the control ref if provided, passing this Widget instance
+      if (this.props.controlRef) {
+        this.props.controlRef(this);
+      }
     });
     _defineProperty(this, "getValidateValue", () => {
       var _this$innerWrappedCon, _this$innerWrappedCon2;
       let value = ((_this$innerWrappedCon = this.innerWrappedControl) === null || _this$innerWrappedCon === void 0 ? void 0 : (_this$innerWrappedCon2 = _this$innerWrappedCon.getValidateValue) === null || _this$innerWrappedCon2 === void 0 ? void 0 : _this$innerWrappedCon2.call(_this$innerWrappedCon)) || this.props.value;
       // Convert list input widget value to string for validation test
-      _immutable.List.isList(value) && (value = value.join(','));
+      List.isList(value) && (value = value.join(','));
       return value;
     });
     _defineProperty(this, "validate", (skipWrapped = false) => {
@@ -84,7 +80,7 @@ class Widget extends _react.Component {
       const isRequired = field.get('required', true);
       if (isRequired && isEmpty(value)) {
         const error = {
-          type: _validationErrorTypes.default.PRESENCE,
+          type: ValidationErrorTypes.PRESENCE,
           parentIds,
           message: t('editor.editorControlPane.widget.required', {
             fieldLabel: field.get('label', field.get('name'))
@@ -111,7 +107,7 @@ class Widget extends _react.Component {
       }
       if (pattern && !RegExp(pattern.first()).test(value)) {
         const error = {
-          type: _validationErrorTypes.default.PATTERN,
+          type: ValidationErrorTypes.PATTERN,
           parentIds,
           message: t('editor.editorControlPane.widget.regexPattern', {
             fieldLabel: field.get('label', field.get('name')),
@@ -132,7 +128,7 @@ class Widget extends _react.Component {
         parentIds
       } = this.props;
       if (typeof this.wrappedControlValid !== 'function') {
-        throw new Error((0, _commonTags.oneLine)`
+        throw new Error(oneLine`
         this.wrappedControlValid is not a function. Are you sure widget
         "${field.get('widget')}" is registered?
       `);
@@ -152,7 +148,7 @@ class Widget extends _react.Component {
           });
         }, err => {
           const error = {
-            type: _validationErrorTypes.default.CUSTOM,
+            type: ValidationErrorTypes.CUSTOM,
             message: `${field.get('label', field.get('name'))} - ${err}.`
           };
           this.validate({
@@ -160,7 +156,7 @@ class Widget extends _react.Component {
           });
         });
         const error = {
-          type: _validationErrorTypes.default.CUSTOM,
+          type: ValidationErrorTypes.CUSTOM,
           parentIds,
           message: t('editor.editorControlPane.widget.processing', {
             fieldLabel: field.get('label', field.get('name'))
@@ -179,7 +175,7 @@ class Widget extends _react.Component {
      * e.g. when debounced, always get the latest object value instead of using
      * `this.props.value` directly.
      */
-    _defineProperty(this, "getObjectValue", () => this.props.value || (0, _immutable.Map)());
+    _defineProperty(this, "getObjectValue", () => this.props.value || Map());
     /**
      * Change handler for fields that are nested within another field.
      */
@@ -209,6 +205,25 @@ class Widget extends _react.Component {
     }
     return this.props.value !== nextProps.value || this.props.classNameWrapper !== nextProps.classNameWrapper || this.props.hasActiveStyle !== nextProps.hasActiveStyle;
   }
+  focus(path) {
+    var _this$innerWrappedCon3;
+    // Try widget's custom focus method first
+    if ((_this$innerWrappedCon3 = this.innerWrappedControl) !== null && _this$innerWrappedCon3 !== void 0 && _this$innerWrappedCon3.focus) {
+      this.innerWrappedControl.focus(path);
+    } else {
+      // Fall back to focusing by ID for simple widgets
+      const element = document.getElementById(this.props.uniqueFieldId);
+      element === null || element === void 0 ? void 0 : element.focus();
+    }
+    // After focusing, ensure the element is visible
+    const label = document.querySelector(`label[for="${this.props.uniqueFieldId}"]`);
+    if (label) {
+      label.scrollIntoView({
+        behavior: 'smooth',
+        block: 'nearest'
+      });
+    }
+  }
   render() {
     const {
       controlComponent,
@@ -258,7 +273,7 @@ class Widget extends _react.Component {
       locale,
       isParentListCollapsed
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(controlComponent, {
+    return /*#__PURE__*/React.createElement(controlComponent, {
       entry,
       collection,
       config,
@@ -291,7 +306,7 @@ class Widget extends _react.Component {
       resolveWidget,
       widget,
       getEditorComponents,
-      getRemarkPlugins: _registry.getRemarkPlugins,
+      getRemarkPlugins,
       query,
       queryHits,
       clearSearch,
@@ -312,51 +327,50 @@ class Widget extends _react.Component {
     });
   }
 }
-exports.default = Widget;
 _defineProperty(Widget, "propTypes", {
-  controlComponent: _propTypes.default.func.isRequired,
-  field: _reactImmutableProptypes.default.map.isRequired,
-  hasActiveStyle: _propTypes.default.bool,
-  setActiveStyle: _propTypes.default.func.isRequired,
-  setInactiveStyle: _propTypes.default.func.isRequired,
-  classNameWrapper: _propTypes.default.string.isRequired,
-  classNameWidget: _propTypes.default.string.isRequired,
-  classNameWidgetActive: _propTypes.default.string.isRequired,
-  classNameLabel: _propTypes.default.string.isRequired,
-  classNameLabelActive: _propTypes.default.string.isRequired,
-  value: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.object, _propTypes.default.string, _propTypes.default.bool]),
-  mediaPaths: _reactImmutableProptypes.default.map.isRequired,
-  metadata: _reactImmutableProptypes.default.map,
-  fieldsErrors: _reactImmutableProptypes.default.map,
-  onChange: _propTypes.default.func.isRequired,
-  onValidate: _propTypes.default.func,
-  onOpenMediaLibrary: _propTypes.default.func.isRequired,
-  onClearMediaControl: _propTypes.default.func.isRequired,
-  onRemoveMediaControl: _propTypes.default.func.isRequired,
-  onPersistMedia: _propTypes.default.func.isRequired,
-  onAddAsset: _propTypes.default.func.isRequired,
-  onRemoveInsertedMedia: _propTypes.default.func.isRequired,
-  getAsset: _propTypes.default.func.isRequired,
-  resolveWidget: _propTypes.default.func.isRequired,
-  widget: _propTypes.default.object.isRequired,
-  getEditorComponents: _propTypes.default.func.isRequired,
-  isFetching: _propTypes.default.bool,
-  controlRef: _propTypes.default.func,
-  query: _propTypes.default.func.isRequired,
-  clearSearch: _propTypes.default.func.isRequired,
-  clearFieldErrors: _propTypes.default.func.isRequired,
-  queryHits: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object]),
-  editorControl: _propTypes.default.elementType.isRequired,
-  uniqueFieldId: _propTypes.default.string.isRequired,
-  loadEntry: _propTypes.default.func.isRequired,
-  t: _propTypes.default.func.isRequired,
-  onValidateObject: _propTypes.default.func,
-  isEditorComponent: _propTypes.default.bool,
-  isNewEditorComponent: _propTypes.default.bool,
-  entry: _reactImmutableProptypes.default.map.isRequired,
-  isDisabled: _propTypes.default.bool,
-  isFieldDuplicate: _propTypes.default.func,
-  isFieldHidden: _propTypes.default.func,
-  locale: _propTypes.default.string,
-  isParentListCollapsed: _propTypes.default.bool
+  controlComponent: PropTypes.func.isRequired,
+  field: ImmutablePropTypes.map.isRequired,
+  hasActiveStyle: PropTypes.bool,
+  setActiveStyle: PropTypes.func.isRequired,
+  setInactiveStyle: PropTypes.func.isRequired,
+  classNameWrapper: PropTypes.string.isRequired,
+  classNameWidget: PropTypes.string.isRequired,
+  classNameWidgetActive: PropTypes.string.isRequired,
+  classNameLabel: PropTypes.string.isRequired,
+  classNameLabelActive: PropTypes.string.isRequired,
+  value: PropTypes.oneOfType([PropTypes.node, PropTypes.object, PropTypes.string, PropTypes.bool]),
+  mediaPaths: ImmutablePropTypes.map.isRequired,
+  metadata: ImmutablePropTypes.map,
+  fieldsErrors: ImmutablePropTypes.map,
+  onChange: PropTypes.func.isRequired,
+  onValidate: PropTypes.func,
+  controlRef: PropTypes.func,
+  onOpenMediaLibrary: PropTypes.func.isRequired,
+  onClearMediaControl: PropTypes.func.isRequired,
+  onRemoveMediaControl: PropTypes.func.isRequired,
+  onPersistMedia: PropTypes.func.isRequired,
+  onAddAsset: PropTypes.func.isRequired,
+  onRemoveInsertedMedia: PropTypes.func.isRequired,
+  getAsset: PropTypes.func.isRequired,
+  resolveWidget: PropTypes.func.isRequired,
+  widget: PropTypes.object.isRequired,
+  getEditorComponents: PropTypes.func.isRequired,
+  isFetching: PropTypes.bool,
+  query: PropTypes.func.isRequired,
+  clearSearch: PropTypes.func.isRequired,
+  clearFieldErrors: PropTypes.func.isRequired,
+  queryHits: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+  editorControl: PropTypes.elementType.isRequired,
+  uniqueFieldId: PropTypes.string.isRequired,
+  loadEntry: PropTypes.func.isRequired,
+  t: PropTypes.func.isRequired,
+  onValidateObject: PropTypes.func,
+  isEditorComponent: PropTypes.bool,
+  isNewEditorComponent: PropTypes.bool,
+  entry: ImmutablePropTypes.map.isRequired,
+  isDisabled: PropTypes.bool,
+  isFieldDuplicate: PropTypes.func,
+  isFieldHidden: PropTypes.func,
+  locale: PropTypes.string,
+  isParentListCollapsed: PropTypes.bool
 });