@atlaskit/editor-core 178.1.1 → 178.1.2

package/dist/cjs/ui/ConfigPanel/Fields/CheckboxGroup.js

@@ -1,79 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CheckboxGroup;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _checkbox = require("@atlaskit/checkbox");
-
 var _form = require("@atlaskit/form");
-
 var _types = require("../types");
-
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
-
 var _excluded = ["onChange", "value"];
-
 var _templateObject;
-
 function _validate(value, isRequired) {
   if (isRequired && !(value !== null && value !== void 0 && value.length)) {
     return _types.ValidationError.Required;
   }
 }
-
 var requiredIndicator = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-text-danger, #bf2600)");
-
 function CheckboxGroupInner(_ref) {
   var label = _ref.label,
-      description = _ref.description,
-      onFieldChange = _ref.onFieldChange,
-      options = _ref.options,
-      error = _ref.error,
-      fieldProps = _ref.fieldProps;
+    description = _ref.description,
+    onFieldChange = _ref.onFieldChange,
+    options = _ref.options,
+    error = _ref.error,
+    fieldProps = _ref.fieldProps;
   var onChange = fieldProps.onChange,
-      value = fieldProps.value,
-      restFieldProps = (0, _objectWithoutProperties2.default)(fieldProps, _excluded);
-
+    value = fieldProps.value,
+    restFieldProps = (0, _objectWithoutProperties2.default)(fieldProps, _excluded);
   function _onChange(optionValue, isChecked) {
     var active = new Set(value ? value : []);
-
     if (isChecked) {
       active.add(optionValue);
     } else {
       active.delete(optionValue);
     }
-
     onChange((0, _toConsumableArray2.default)(active));
     onFieldChange();
   }
-
   return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_form.Fieldset, {
     legend: label
   }, options.map(function (_ref2, i) {
     var optionLabel = _ref2.label,
-        optionValue = _ref2.value;
+      optionValue = _ref2.value;
     var isChecked = value && value.includes(optionValue);
-
     var onOptionChange = function onOptionChange(event) {
       _onChange(optionValue, event.target.checked);
     };
-
     return (0, _react2.jsx)(_checkbox.Checkbox, (0, _extends2.default)({
       key: i
     }, restFieldProps, {
@@ -87,26 +65,23 @@ function CheckboxGroupInner(_ref) {
     description: description
   }));
 }
-
 function CheckboxGroup(_ref3) {
   var name = _ref3.name,
-      field = _ref3.field,
-      onFieldChange = _ref3.onFieldChange;
+    field = _ref3.field,
+    onFieldChange = _ref3.onFieldChange;
   var labelBase = field.label,
-      description = field.description,
-      defaultValue = field.defaultValue,
-      _field$isRequired = field.isRequired,
-      isRequired = _field$isRequired === void 0 ? false : _field$isRequired,
-      options = field.items;
+    description = field.description,
+    defaultValue = field.defaultValue,
+    _field$isRequired = field.isRequired,
+    isRequired = _field$isRequired === void 0 ? false : _field$isRequired,
+    options = field.items;
   var label = (0, _react2.jsx)(_react.Fragment, null, labelBase, isRequired ? (0, _react2.jsx)("span", {
     css: requiredIndicator,
     "aria-hidden": "true"
   }, ' ', "*") : null);
-
   var _onFieldChange = (0, _react.useCallback)(function () {
     onFieldChange(name, true);
   }, [name, onFieldChange]);
-
   return (0, _react2.jsx)(_form.Field, {
     name: name,
     isRequired: isRequired,

package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("@emotion/react");
-
 var _react2 = require("react");
-
 var _form = require("@atlaskit/form");
-
 var _common = require("../../../ui/ColorPalette/Palettes/common");
-
 var _utils = require("../utils");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _RequiredIndicator = require("./common/RequiredIndicator");
-
 var _typography = require("@atlaskit/theme/typography");
-
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
-
 var _ColorPickerButton = _interopRequireDefault(require("../../ColorPickerButton"));
-
 var _templateObject, _templateObject2;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /*
     NOTE: color used here are not yet in atlaskit code
     this is part of extended color pack from ADG, which is yet to be release
@@ -44,82 +27,105 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
     Colour sequence source: https://product-fabric.atlassian.net/browse/ED-12650?focusedCommentId=204875
 */
+
 var colorPalette = [{
   label: 'Light Blue',
   value: '#7AB2FFFF'
-}, // 400
+},
+// 400
 {
   label: 'Light Green',
   value: '#6BE1B0FF'
-}, // 400
+},
+// 400
 {
   label: 'Light Yellow',
   value: '#FFDB57FF'
-}, // 400
+},
+// 400
 {
   label: 'Light Red',
   value: '#FF8F73FF'
-}, // 400
+},
+// 400
 {
   label: 'Light Purple',
   value: '#B5A7FBFF'
-}, // 400
+},
+// 400
+
 {
   label: 'Blue',
   value: '#247FFFFF'
-}, // 600
+},
+// 600
 {
   label: 'Green',
   value: '#23A971FF'
-}, // 600
+},
+// 600
 {
   label: 'Yellow',
   value: '#FFBE33FF'
-}, // 600
+},
+// 600
 {
   label: 'Red',
   value: '#FC552CFF'
-}, // 600
+},
+// 600
 {
   label: 'Purple',
   value: '#8B77EEFF'
-}, // 600
+},
+// 600
+
 {
   label: 'Dark Blue',
   value: '#0055CCFF'
-}, // 800
+},
+// 800
 {
   label: 'Dark Green',
   value: '#177D52FF'
-}, // 800
+},
+// 800
 {
   label: 'Dark Yellow',
   value: '#FF9D00FF'
-}, // 800
+},
+// 800
 {
   label: 'Dark Red',
   value: '#D32D03FF'
-}, // 800
+},
+// 800
 {
   label: 'Dark Purple',
   value: '#5A43D0FF'
-}, // 800
+},
+// 800
+
 {
   label: 'Darker Blue',
   value: '#003884FF'
-}, // 1000
+},
+// 1000
 {
   label: 'Darker Green',
   value: '#055C3FFF'
-}, // 1000
+},
+// 1000
 {
   label: 'Darker Yellow',
   value: '#946104FF'
-}, // 1000
+},
+// 1000
 {
   label: 'Darker Red',
   value: '#A32000FF'
-}, // 1000
+},
+// 1000
 {
   label: 'Darker Purple',
   value: '#44368BFF'
@@ -131,26 +137,21 @@ var colorPalette = [{
 });
 var colorPickerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: ", "px;\n  padding-right: ", "px;\n"])), 4 * (0, _constants.gridSize)(), (0, _constants.gridSize)());
 var colorPickerLabel = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  margin-top: 0;\n"])), _typography.headingSizes.h400.size);
-
 var ColorPicker = function ColorPicker(props) {
   var name = props.name,
-      title = props.title,
-      currentColor = props.currentColor,
-      colorPalette = props.colorPalette,
-      onChange = props.onChange,
-      onFieldChange = props.onFieldChange;
-
+    title = props.title,
+    currentColor = props.currentColor,
+    colorPalette = props.colorPalette,
+    onChange = props.onChange,
+    onFieldChange = props.onFieldChange;
   var onColorChange = function onColorChange(color) {
     var colorValue = color.value;
-
     if (!(0, _utils.isValidHex)(colorValue)) {
       throw new Error('invalid hex value');
     }
-
     onChange(colorValue);
     onFieldChange(name, currentColor !== colorValue);
   };
-
   return (0, _react.jsx)(_ColorPickerButton.default, {
     title: title,
     currentColor: currentColor,
@@ -165,14 +166,13 @@ var ColorPicker = function ColorPicker(props) {
     }
   });
 };
-
 var ColorPickerField = function ColorPickerField(_ref) {
   var name = _ref.name,
-      field = _ref.field,
-      onFieldChange = _ref.onFieldChange;
+    field = _ref.field,
+    onFieldChange = _ref.onFieldChange;
   var label = field.label,
-      defaultValue = field.defaultValue,
-      isRequired = field.isRequired;
+    defaultValue = field.defaultValue,
+    isRequired = field.isRequired;
   return (0, _react.jsx)(_form.Field, {
     name: name,
     isRequired: isRequired,
@@ -182,7 +182,7 @@ var ColorPickerField = function ColorPickerField(_ref) {
     }
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
-        error = _ref2.error;
+      error = _ref2.error;
     return (0, _react.jsx)(_react2.Fragment, null, (0, _react.jsx)("div", {
       css: colorPickerWrapper
     }, (0, _react.jsx)("label", {
@@ -203,6 +203,5 @@ var ColorPickerField = function ColorPickerField(_ref) {
     }));
   });
 };
-
 var _default = ColorPickerField;
 exports.default = _default;

package/dist/cjs/ui/ConfigPanel/Fields/CustomSelect.js

@@ -1,49 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _messages = require("../messages");
-
 var _form = require("@atlaskit/form");
-
 var _select = require("@atlaskit/select");
-
 var _SelectItem = require("./SelectItem");
-
 var _extensions = require("@atlaskit/editor-common/extensions");
-
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
-
 var _UnhandledType = _interopRequireDefault(require("./UnhandledType"));
-
 var _utils = require("../utils");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function FieldError(_ref) {
   var name = _ref.name,
-      field = _ref.field;
+    field = _ref.field;
   var type = field.options.resolver.type;
   return /*#__PURE__*/_react.default.createElement(_UnhandledType.default, {
     key: name,
@@ -51,54 +32,45 @@ function FieldError(_ref) {
     errorMessage: "Field \"".concat(name, "\" can't be rendered. Missing resolver for \"").concat(type, "\".")
   });
 }
-
 function CustomSelect(_ref2) {
   var name = _ref2.name,
-      autoFocus = _ref2.autoFocus,
-      extensionManifest = _ref2.extensionManifest,
-      placeholder = _ref2.placeholder,
-      field = _ref2.field,
-      onFieldChange = _ref2.onFieldChange,
-      parameters = _ref2.parameters,
-      intl = _ref2.intl;
+    autoFocus = _ref2.autoFocus,
+    extensionManifest = _ref2.extensionManifest,
+    placeholder = _ref2.placeholder,
+    field = _ref2.field,
+    onFieldChange = _ref2.onFieldChange,
+    parameters = _ref2.parameters,
+    intl = _ref2.intl;
   var fieldDefaultValue = field.defaultValue,
-      description = field.description,
-      isMultiple = field.isMultiple,
-      isRequired = field.isRequired,
-      label = field.label,
-      options = field.options;
-
+    description = field.description,
+    isMultiple = field.isMultiple,
+    isRequired = field.isRequired,
+    label = field.label,
+    options = field.options;
   var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
   var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      resolver = _useState4[0],
-      setResolver = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    resolver = _useState4[0],
+    setResolver = _useState4[1];
   var _useState5 = (0, _react.useState)([]),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      defaultOptions = _useState6[0],
-      setDefaultOptions = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    defaultOptions = _useState6[0],
+    setDefaultOptions = _useState6[1];
   var _useState7 = (0, _react.useState)(undefined),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      defaultValue = _useState8[0],
-      setDefaultValue = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    defaultValue = _useState8[0],
+    setDefaultValue = _useState8[1];
   (0, _react.useEffect)(function () {
     var cancel = false;
-
     function fetchResolver() {
       return _fetchResolver.apply(this, arguments);
     }
-
     function _fetchResolver() {
       _fetchResolver = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var _resolver, _options;
-
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -107,36 +79,29 @@ function CustomSelect(_ref2) {
                 _context.prev = 1;
                 _context.next = 4;
                 return (0, _extensions.getCustomFieldResolver)(extensionManifest, field.options.resolver);
-
               case 4:
                 _resolver = _context.sent;
-
                 if (!cancel) {
                   _context.next = 7;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 7:
                 setResolver(function () {
                   return _resolver;
-                }); // fetch the default values
+                });
 
+                // fetch the default values
                 _context.next = 10;
                 return _resolver(undefined, fieldDefaultValue, parameters);
-
               case 10:
                 _options = _context.sent;
                 setDefaultOptions(_options);
-
                 if (!cancel) {
                   _context.next = 14;
                   break;
                 }
-
                 return _context.abrupt("return");
-
               case 14:
                 // filter returned values to match the defaultValue
                 if (fieldDefaultValue && isMultiple) {
@@ -144,25 +109,20 @@ function CustomSelect(_ref2) {
                     return fieldDefaultValue.includes(option.value);
                   }));
                 }
-
                 if (fieldDefaultValue && !isMultiple) {
                   setDefaultValue(_options.find(function (option) {
                     return fieldDefaultValue === option.value;
                   }));
                 }
-
                 _context.next = 21;
                 break;
-
               case 18:
                 _context.prev = 18;
                 _context.t0 = _context["catch"](1);
                 // eslint-disable-next-line no-console
                 console.error(_context.t0);
-
               case 21:
                 setLoading(false);
-
               case 22:
               case "end":
                 return _context.stop();
@@ -172,22 +132,18 @@ function CustomSelect(_ref2) {
       }));
       return _fetchResolver.apply(this, arguments);
     }
-
     fetchResolver();
     return function () {
       cancel = true;
     };
   }, [extensionManifest, field.options.resolver, fieldDefaultValue, isMultiple, parameters]);
-
   function _formatCreateLabel(value) {
     if (!value) {
       return null;
     }
-
     var message = intl.formatMessage(_messages.messages.createOption);
     return "".concat(message, " \"").concat(value, "\"");
   }
-
   var isCreatable = options.isCreatable;
   return /*#__PURE__*/_react.default.createElement(_form.Field, {
     name: name,
@@ -199,14 +155,15 @@ function CustomSelect(_ref2) {
     }
   }, function (_ref3) {
     var fieldProps = _ref3.fieldProps,
-        error = _ref3.error;
+      error = _ref3.error;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, resolver && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_select.AsyncCreatableSelect, (0, _extends2.default)({}, fieldProps, {
       onChange: function onChange(value) {
-        fieldProps.onChange(value); // We assume onChange is called whenever values actually changed
+        fieldProps.onChange(value);
+        // We assume onChange is called whenever values actually changed
         // for isDirty
-
         onFieldChange(name, true);
-      } // add type cast to avoid adding a "IsMulti" generic prop (TODO: ED-12072)
+      }
+      // add type cast to avoid adding a "IsMulti" generic prop (TODO: ED-12072)
       ,
       isMulti: isMultiple || false,
       isClearable: true,
@@ -233,7 +190,5 @@ function CustomSelect(_ref2) {
     }));
   });
 }
-
 var _default = (0, _reactIntlNext.injectIntl)(CustomSelect);
-
 exports.default = _default;

package/dist/cjs/ui/ConfigPanel/Fields/Date.js

@@ -1,37 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _form = require("@atlaskit/form");
-
 var _datetimePicker = require("@atlaskit/datetime-picker");
-
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
-
 var _utils = require("../utils");
-
 function Date(_ref) {
   var name = _ref.name,
-      field = _ref.field,
-      autoFocus = _ref.autoFocus,
-      onFieldChange = _ref.onFieldChange,
-      placeholder = _ref.placeholder,
-      intl = _ref.intl;
+    field = _ref.field,
+    autoFocus = _ref.autoFocus,
+    onFieldChange = _ref.onFieldChange,
+    placeholder = _ref.placeholder,
+    intl = _ref.intl;
   var label = field.label,
-      description = field.description,
-      defaultValue = field.defaultValue,
-      isRequired = field.isRequired;
+    description = field.description,
+    defaultValue = field.defaultValue,
+    isRequired = field.isRequired;
   return /*#__PURE__*/_react.default.createElement(_form.Field, {
     name: name,
     label: label,
@@ -42,7 +33,7 @@ function Date(_ref) {
     }
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
-        error = _ref2.error;
+      error = _ref2.error;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_datetimePicker.DatePicker, (0, _extends2.default)({}, fieldProps, {
       autoFocus: autoFocus,
       onBlur: function onBlur() {
@@ -60,7 +51,5 @@ function Date(_ref) {
     }));
   });
 }
-
 var _default = (0, _reactIntlNext.injectIntl)(Date);
-
 exports.default = _default;