@contentful/field-editor-markdown 1.0.2 → 1.1.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-markdown@1.0.5...@contentful/field-editor-markdown@1.1.0) (2022-01-11)
+
+### Features
+
+- bump f36 packages to stable v4 [BAU-521] ([#988](https://github.com/contentful/field-editors/issues/988)) ([419cf56](https://github.com/contentful/field-editors/commit/419cf56692179b074fcfa2743469d5265ed98429))
+
+## [1.0.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-markdown@1.0.4...@contentful/field-editor-markdown@1.0.5) (2021-12-23)
+
+### Bug Fixes
+
+- markdown buttons ([#968](https://github.com/contentful/field-editors/issues/968)) ([9803b98](https://github.com/contentful/field-editors/commit/9803b98c25d92df6148686ffe2749a77f7efdbb9))
+
+## [1.0.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-markdown@1.0.3...@contentful/field-editor-markdown@1.0.4) (2021-12-20)
+
+**Note:** Version bump only for package @contentful/field-editor-markdown
+
+## [1.0.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-markdown@1.0.2...@contentful/field-editor-markdown@1.0.3) (2021-12-06)
+
+### Bug Fixes
+
+- replace @contentful/hostname-transformer ([#950](https://github.com/contentful/field-editors/issues/950)) ([871ca34](https://github.com/contentful/field-editors/commit/871ca345f1c53e4d579f58e5ee32c67830ad1b7f))
+
 ## [1.0.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-markdown@1.0.1...@contentful/field-editor-markdown@1.0.2) (2021-12-03)
 
 ### Bug Fixes

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

@@ -29,7 +29,6 @@ var Markdown = _interopDefault(require('markdown-to-jsx'));
 var DOMPurify = _interopDefault(require('dompurify'));
 var inRange = _interopDefault(require('lodash/inRange'));
 var isObject = _interopDefault(require('lodash/isObject'));
-var hostnameTransformer = require('@contentful/hostname-transformer');
 var extend = _interopDefault(require('lodash/extend'));
 var isString = _interopDefault(require('lodash/isString'));
 var isFinite = _interopDefault(require('lodash/isFinite'));
@@ -454,24 +453,20 @@ var ToolbarButton = /*#__PURE__*/React__default.forwardRef(function (props, ref)
       isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded$1);
 
-  var button = React__default.createElement(f36Components.Button, Object.assign({}, otherProps, {
+  return React__default.createElement(f36Components.Tooltip, {
+    className: styles$1.tooltip,
+    placement: tooltipPlace,
+    content: tooltip
+  }, React__default.createElement(f36Components.IconButton, Object.assign({}, otherProps, {
     ref: ref,
     className: emotion.cx(styles$1.button, className),
     isDisabled: isDisabled,
     onClick: onClick,
     variant: variant,
-    size: "small"
-  }), children);
-
-  if (tooltip) {
-    return React__default.createElement(f36Components.Tooltip, {
-      className: styles$1.tooltip,
-      placement: tooltipPlace,
-      content: tooltip
-    }, button);
-  }
-
-  return button;
+    size: "small",
+    icon: children,
+    "aria-label": tooltip
+  })));
 });
 ToolbarButton.displayName = 'ToolbarButton';
 
@@ -680,7 +675,8 @@ function DefaultMarkdownToolbar(props) {
     testId: "markdown-action-button-zen",
     variant: "secondary",
     onClick: props.actions.openZenMode,
-    className: styles$1.zenButton
+    className: styles$1.zenButton,
+    tooltip: "Expand"
   }, React__default.createElement(Zen, {
     label: "Expand",
     className: styles$1.icon
@@ -699,18 +695,20 @@ function ZenMarkdownToolbar(props) {
     onSelectExisting: props.actions.linkExistingMedia,
     onAddNew: props.actions.addNewMedia,
     canAddNew: props.canUploadAssets
-  }), React__default.createElement(f36Components.Button, {
+  }), React__default.createElement(f36Components.IconButton, {
     testId: "markdown-action-button-zen-close",
     variant: "secondary",
     size: "small",
     className: emotion.cx(styles$1.zenButton, styles$1.zenButtonPressed),
     onClick: function onClick() {
       props.actions.closeZenMode();
-    }
-  }, React__default.createElement(Zen, {
-    label: "Collapse",
-    className: styles$1.icon
-  })))));
+    },
+    icon: React__default.createElement(Zen, {
+      label: "Collapse",
+      className: styles$1.icon
+    }),
+    "aria-label": "Collapse"
+  }))));
 }
 var MarkdownToolbar = /*#__PURE__*/React__default.memo(function (props) {
   if (props.mode === 'zen') {
@@ -3594,6 +3592,18 @@ function fileNameToTitle(str) {
   return normalizeWhiteSpace(removeExtension(str).replace(/_/g, ' '));
 }
 
+function replaceAssetDomain(fileUrl) {
+  var assetDomainMap = {
+    images: 'images.ctfassets.net',
+    assets: 'assets.ctfassets.net',
+    downloads: 'downloads.ctfassets.net',
+    videos: 'videos.ctfassets.net'
+  };
+  return fileUrl.replace(/(images|assets|downloads|videos).contentful.com/, function (_, p1) {
+    return assetDomainMap[p1];
+  });
+}
+
 function makeAssetLink(asset, _ref) {
   var localeCode = _ref.localeCode,
       fallbackCode = _ref.fallbackCode,
@@ -3605,13 +3615,7 @@ function makeAssetLink(asset, _ref) {
 
   if (isObject(file) && file.url) {
     var title = get(asset, ['fields', 'title', localeCode]) || get(asset, ['fields', 'title', fallbackCode || '']) || get(asset, ['fields', 'title', defaultLocaleCode]) || fileNameToTitle(file.fileName);
-    var assetDomainMap = {
-      images: 'images.ctfassets.net',
-      assets: 'assets.ctfassets.net',
-      downloads: 'downloads.ctfassets.net',
-      videos: 'videos.ctfassets.net'
-    };
-    var fileUrl = hostnameTransformer.toExternal(file.url, assetDomainMap);
+    var fileUrl = replaceAssetDomain(file.url);
     return {
       title: title,
       asset: asset,