@contentful/field-editor-shared 1.2.0 → 1.3.1

package/dist/field-editor-shared.cjs.development.js

@@ -1,634 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = _interopDefault(require('react'));
-var isEqual = _interopDefault(require('lodash/isEqual'));
-var throttle = _interopDefault(require('lodash/throttle'));
-var f36Note = require('@contentful/f36-note');
-var tokens = _interopDefault(require('@contentful/f36-tokens'));
-var emotion = require('emotion');
-var ReactDOM = _interopDefault(require('react-dom'));
-var f36Components = require('@contentful/f36-components');
-var isNumber = _interopDefault(require('lodash/isNumber'));
-var get = _interopDefault(require('lodash/get'));
-var isObject = _interopDefault(require('lodash/isObject'));
-var isString = _interopDefault(require('lodash/isString'));
-
-class FieldConnector extends React.Component {
-  constructor(props) {
-    super(props);
-    this.unsubscribeErrors = null;
-    this.unsubscribeDisabled = null;
-    this.unsubscribeValue = null;
-
-    this.setValue = async value => {
-      if (this.props.isEmptyValue(value ?? null)) {
-        this.setState({
-          value: undefined
-        });
-      } else {
-        this.setState({
-          value
-        });
-      }
-
-      await this.triggerSetValueCallbacks(value);
-    };
-
-    this.triggerSetValueCallbacks = throttle(value => {
-      return new Promise((resolve, reject) => {
-        if (this.props.isEmptyValue(value ?? null)) {
-          this.props.field.removeValue().then(resolve).catch(reject);
-        } else {
-          this.props.field.setValue(value).then(resolve).catch(reject);
-        }
-      });
-    }, this.props.throttle, {
-      leading: this.props.throttle === 0
-    });
-    const initialValue = props.field.getValue();
-    this.state = {
-      isLocalValueChange: false,
-      externalReset: 0,
-      value: initialValue,
-      lastRemoteValue: initialValue,
-      disabled: props.isInitiallyDisabled ?? false,
-      errors: []
-    };
-  }
-
-  componentDidMount() {
-    const {
-      field
-    } = this.props;
-    this.unsubscribeErrors = field.onSchemaErrorsChanged(errors => {
-      this.setState({
-        errors: errors || []
-      });
-    });
-    this.unsubscribeDisabled = field.onIsDisabledChanged(disabled => {
-      this.setState({
-        disabled
-      });
-    });
-    this.unsubscribeValue = field.onValueChanged(value => {
-      this.setState(currentState => {
-        const isLocalValueChange = this.props.isEqualValues(value, currentState.value);
-        const lastRemoteValue = isLocalValueChange ? currentState.lastRemoteValue : value;
-        const externalReset = currentState.externalReset + (isLocalValueChange ? 0 : 1);
-        return {
-          value,
-          lastRemoteValue,
-          isLocalValueChange,
-          externalReset
-        };
-      });
-    });
-  }
-
-  componentWillUnmount() {
-    if (typeof this.unsubscribeErrors === 'function') {
-      this.unsubscribeErrors();
-    }
-
-    if (typeof this.unsubscribeDisabled === 'function') {
-      this.unsubscribeDisabled();
-    }
-
-    if (typeof this.unsubscribeValue === 'function') {
-      this.unsubscribeValue();
-    }
-  }
-
-  render() {
-    return this.props.children({ ...this.state,
-      setValue: this.setValue,
-      disabled: this.props.isDisabled || this.state.disabled
-    });
-  }
-
-}
-FieldConnector.defaultProps = {
-  children: () => {
-    return null;
-  },
-  // eslint-disable-next-line -- TODO: describe this disable
-  isEmptyValue: value => {
-    return value === null || value === '';
-  },
-  // eslint-disable-next-line -- TODO: describe this disable
-  isEqualValues: (value1, value2) => {
-    return isEqual(value1, value2);
-  },
-  throttle: 300
-};
-
-function PredefinedValuesError() {
-  return React.createElement(f36Note.Note, {
-    variant: "warning",
-    testId: "predefined-values-warning"
-  }, "The widget failed to initialize. You can fix the problem by providing predefined values under the validations tab in the field settings.");
-}
-
-const styles = {
-  invalid: /*#__PURE__*/emotion.css({
-    color: tokens.red600
-  })
-};
-function CharCounter(props) {
-  let count = 0;
-
-  if (props.value) {
-    count = props.value.length;
-  }
-
-  const valid = count === 0 || props.checkConstraint(count);
-  return React.createElement("span", {
-    "data-status-code": valid ? null : 'invalid-size',
-    className: emotion.cx({
-      [styles.invalid]: !valid
-    })
-  }, count, " characters");
-}
-
-function CharValidation(props) {
-  const {
-    constraints
-  } = props;
-
-  if (constraints.type === 'max') {
-    return React.createElement("span", null, "Maximum ", constraints.max, " characters");
-  } else if (constraints.type === 'min') {
-    return React.createElement("span", null, "Requires at least ", constraints.min, " characters");
-  } else {
-    return React.createElement("span", null, "Requires between ", constraints.min, " and ", constraints.max, " characters");
-  }
-}
-
-/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-use-before-define */
-function open(componentRenderer) {
-  let rootDom = null;
-
-  const getRoot = () => {
-    if (rootDom === null) {
-      rootDom = document.createElement('div');
-      rootDom.setAttribute('id', 'field-editor-modal-root');
-      document.body.appendChild(rootDom);
-    }
-
-    return rootDom;
-  };
-
-  return new Promise(resolve => {
-    let currentConfig = {
-      onClose,
-      isShown: true
-    };
-
-    function render({
-      onClose,
-      isShown
-    }) {
-      ReactDOM.render(componentRenderer({
-        onClose,
-        isShown
-      }), getRoot());
-    }
-
-    function onClose(...args) {
-      currentConfig = { ...currentConfig,
-        isShown: false
-      };
-      render(currentConfig); // eslint-disable-next-line -- TODO: describe this disable  @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-
-      resolve(...args);
-      getRoot().remove();
-    }
-
-    render(currentConfig);
-  });
-}
-function openDialog(options, Component) {
-  const key = Date.now();
-  const size = isNumber(options.width) ? `${options.width}px` : options.width;
-  return open(({
-    isShown,
-    onClose
-  }) => {
-    const onCloseHandler = () => onClose();
-
-    return React.createElement(f36Components.Modal, {
-      key: key,
-      shouldCloseOnOverlayClick: options.shouldCloseOnOverlayClick || false,
-      shouldCloseOnEscapePress: options.shouldCloseOnEscapePress || false,
-      allowHeightOverflow: options.allowHeightOverflow || false,
-      position: options.position || 'center',
-      isShown: isShown,
-      onClose: onCloseHandler,
-      size: size || '700px'
-    }, () => React.createElement(React.Fragment, null, options.title && React.createElement(f36Components.ModalHeader, {
-      testId: "dialog-title",
-      title: options.title,
-      onClose: onCloseHandler
-    }), React.createElement("div", {
-      style: {
-        minHeight: options.minHeight || 'auto'
-      }
-    }, React.createElement(Component, {
-      onClose: onClose
-    }))));
-  });
-}
-var ModalDialogLauncher = {
-  openDialog
-};
-
-var ModalDialogLauncher$1 = {
-  __proto__: null,
-  open: open,
-  openDialog: openDialog,
-  'default': ModalDialogLauncher
-};
-
-function titleOrDefault(title, defaultTitle) {
-  if (!isString(title)) {
-    return defaultTitle;
-  }
-
-  if (title) {
-    const trimmedTitle = title.trim();
-
-    if (trimmedTitle.length === 0) {
-      return defaultTitle;
-    }
-
-    return trimmedTitle;
-  }
-
-  return defaultTitle;
-}
-
-function getFieldValue({
-  /**
-   * Expects an entity fetched with a flag Skip-Transformation: true
-   */
-  entity,
-  fieldId,
-  localeCode,
-  defaultLocaleCode
-}) {
-  const values = get(entity, ['fields', fieldId]);
-
-  if (!isObject(values)) {
-    return;
-  }
-
-  const firstLocaleCode = Object.keys(values)[0];
-  return values[localeCode] || values[defaultLocaleCode] || values[firstLocaleCode];
-}
-function getAssetTitle({
-  asset,
-  localeCode,
-  defaultLocaleCode,
-  defaultTitle
-}) {
-  var _asset$fields;
-
-  const title = getFieldValue({
-    entity: {
-      fields: {
-        title: (_asset$fields = asset.fields) == null ? void 0 : _asset$fields.title
-      }
-    },
-    fieldId: 'title',
-    localeCode,
-    defaultLocaleCode
-  });
-  return titleOrDefault(title, defaultTitle);
-}
-/**
- * Returns true if field is an Asset
- *
- * @param field
- * @returns {boolean}
- */
-
-const isAssetField = field => field.type === 'Link' && field.linkType === 'Asset';
-/**
- * Returns true if field is a Title
- */
-
-function isDisplayField({
-  field,
-  contentType
-}) {
-  return field.id === contentType.displayField;
-}
-/**
- * Returns true if field is a short Description
- */
-
-function isDescriptionField({
-  field,
-  contentType
-}) {
-  const isTextField = field => ['Symbol', 'Text'].includes(field.type);
-
-  const isMaybeSlugField = field => /\bslug\b/.test(field.name);
-
-  return isTextField(field) && !isDisplayField({
-    field,
-    contentType
-  }) && !isMaybeSlugField(field);
-}
-function getEntityDescription({
-  entity,
-  contentType,
-  localeCode,
-  defaultLocaleCode
-}) {
-  if (!contentType) {
-    return '';
-  }
-
-  const descriptionField = contentType.fields.find(field => isDescriptionField({
-    field,
-    contentType
-  }));
-
-  if (!descriptionField) {
-    return '';
-  }
-
-  return getFieldValue({
-    entity,
-    fieldId: descriptionField.id,
-    localeCode,
-    defaultLocaleCode
-  }) || '';
-}
-function getEntryTitle({
-  entry,
-  contentType,
-  localeCode,
-  defaultLocaleCode,
-  defaultTitle
-}) {
-  let title;
-
-  if (!contentType) {
-    return defaultTitle;
-  }
-
-  const displayField = contentType.displayField;
-
-  if (!displayField) {
-    return defaultTitle;
-  }
-
-  const displayFieldInfo = contentType.fields.find(field => field.id === displayField);
-
-  if (!displayFieldInfo) {
-    return defaultTitle;
-  } // when localization for a field is "turned off",
-  // we don't clean up the "old" localized data, so it is still in the response.
-  // Therefore, we're checking if displayField is localizable.
-
-
-  if (displayFieldInfo.localized) {
-    title = getFieldValue({
-      entity: entry,
-      fieldId: displayField,
-      localeCode,
-      defaultLocaleCode
-    });
-
-    if (!title) {
-      // Older content types may return id/apiName, but some entry lookup paths do not fetch raw data
-      // In order to still return a title in this case, look for displayField as apiName in content type,
-      // ...but still look for displayField as a field in the entry
-      title = getFieldValue({
-        entity: entry,
-        fieldId: displayFieldInfo.id,
-        localeCode,
-        defaultLocaleCode
-      });
-    }
-  } else {
-    title = getFieldValue({
-      entity: entry,
-      fieldId: displayField,
-      defaultLocaleCode,
-      localeCode: ''
-    });
-
-    if (!title) {
-      title = getFieldValue({
-        entity: entry,
-        fieldId: displayFieldInfo.id,
-        defaultLocaleCode,
-        localeCode: ''
-      });
-    }
-  }
-
-  return titleOrDefault(title, defaultTitle);
-}
-function getEntryStatus(sys) {
-  if (!sys || sys.type !== 'Entry' && sys.type !== 'Asset') {
-    throw new TypeError('Invalid entity metadata object');
-  }
-
-  if (sys.deletedVersion) {
-    return 'deleted';
-  } else if (sys.archivedVersion) {
-    return 'archived';
-  } else if (sys.publishedVersion) {
-    if (sys.version > sys.publishedVersion + 1) {
-      return 'changed';
-    } else {
-      return 'published';
-    }
-  } else {
-    return 'draft';
-  }
-}
-/**
- * Gets a promise resolving with a localized asset image field representing a
- * given entities file. The promise may resolve with null.
- */
-
-const getEntryImage = async ({
-  entry,
-  contentType,
-  localeCode
-}, getAsset) => {
-  if (!contentType) {
-    return null;
-  }
-
-  const assetLink = contentType.fields.find(isAssetField);
-
-  if (!assetLink) {
-    return null;
-  }
-
-  const assetId = get(entry.fields, [assetLink.id, localeCode, 'sys', 'id']);
-
-  if (!assetId) {
-    return null;
-  }
-
-  try {
-    const asset = await getAsset(assetId);
-    const file = get(asset, ['fields', 'file', localeCode]);
-    const isImage = Boolean(get(file, ['details', 'image'], false));
-    return isImage ? file : null;
-  } catch (e) {
-    return null;
-  }
-};
-
-var entityHelpers = {
-  __proto__: null,
-  getFieldValue: getFieldValue,
-  getAssetTitle: getAssetTitle,
-  isAssetField: isAssetField,
-  isDisplayField: isDisplayField,
-  isDescriptionField: isDescriptionField,
-  getEntityDescription: getEntityDescription,
-  getEntryTitle: getEntryTitle,
-  getEntryStatus: getEntryStatus,
-  getEntryImage: getEntryImage
-};
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-function fromFieldValidations(validations = [], fieldType) {
-  const sizeValidation = validations.find(v => 'size' in v);
-  const size = sizeValidation && sizeValidation.size || {};
-  const min = size.min;
-  const max = size.max;
-
-  if (isNumber(min) && isNumber(max)) {
-    return {
-      type: 'min-max',
-      min,
-      max
-    };
-  } else if (isNumber(min)) {
-    return {
-      type: 'min',
-      min
-    };
-  } else if (isNumber(max)) {
-    return {
-      type: 'max',
-      max
-    };
-  } else {
-    return {
-      type: 'max',
-      max: fieldType === 'Symbol' ? 256 : 50000
-    };
-  }
-}
-function makeChecker(constraint) {
-  return function checkConstraint(length) {
-    if (constraint.type === 'max') {
-      return length <= constraint.max;
-    } else if (constraint.type === 'min') {
-      return length >= constraint.min;
-    } else {
-      return length >= constraint.min && length <= constraint.max;
-    }
-  };
-}
-
-var constraints = {
-  __proto__: null,
-  fromFieldValidations: fromFieldValidations,
-  makeChecker: makeChecker
-};
-
-/**
- * Checks whether the passed content type matches one of our valid MIME types
- */
-function isValidImage(file) {
-  const validMimeTypes = ['image/avif', 'image/bmp', 'image/x-windows-bmp', 'image/gif', 'image/webp', // This is not a valid MIME type but we supported it in the past.
-  'image/jpg', 'image/jpeg', 'image/pjpeg', 'image/x-jps', 'image/png', 'image/svg+xml'];
-  return validMimeTypes.includes(file.contentType);
-}
-
-/**
- * Transforms a number into a localized string (en-US)
- * toLocaleString(1000); // "1,000"
- * @param {Number} number
- */
-function toLocaleString(number) {
-  return number.toLocaleString('en-US');
-}
-
-function formatFloat(value, localize) {
-  return localize ? toLocaleString(value) : value.toFixed(2) // remove floating point if not necessary
-  .replace(/\.(0)*$|0*$/, '');
-}
-/**
- * Make a storage unit number more readable by making them smaller
- * shortenStorageUnit(1000, 'GB'); // "1 TB"
- * shortenStorageUnit(0.001, 'TB'); // "1 GB"
- * @param value
- * @param uom Unit of measure
- * @returns
- */
-
-
-function shortenStorageUnit(value, uom) {
-  if (value <= 0) {
-    return '0 B';
-  }
-
-  const units = ['PB', 'TB', 'GB', 'MB', 'KB', 'B'];
-
-  const getBigger = unit => units[units.indexOf(unit) - 1];
-
-  const getSmaller = unit => units[units.indexOf(unit) + 1];
-
-  const isBiggestUnit = unit => units.indexOf(unit) === 0;
-
-  const isSmallestUnit = unit => units.indexOf(unit) === units.length - 1;
-
-  const reduce = (number, unit) => {
-    if (number < 0.99 && !isSmallestUnit(unit)) {
-      return reduce(number * 1000, getSmaller(unit));
-    } else if (number >= 1000 && !isBiggestUnit(unit)) {
-      return reduce(number / 1000, getBigger(unit));
-    } else {
-      return {
-        number,
-        unit
-      };
-    }
-  };
-
-  const {
-    number,
-    unit
-  } = reduce(value, uom);
-  return `${formatFloat(number, false)} ${unit}`;
-}
-
-exports.CharCounter = CharCounter;
-exports.CharValidation = CharValidation;
-exports.ConstraintsUtils = constraints;
-exports.FieldConnector = FieldConnector;
-exports.ModalDialogLauncher = ModalDialogLauncher$1;
-exports.PredefinedValuesError = PredefinedValuesError;
-exports.entityHelpers = entityHelpers;
-exports.isValidImage = isValidImage;
-exports.shortenStorageUnit = shortenStorageUnit;
-exports.toLocaleString = toLocaleString;
-//# sourceMappingURL=field-editor-shared.cjs.development.js.map