pageflow 16.0.0 → 16.1.0

data/entry_types/scrolled/package/frontend/{components-b3160dd7.js → components-4a09bfa3.js}

@@ -1,15 +1,17 @@
 import 'regenerator-runtime';
-import { a6 as ContentElementEditorCommandEmitterContext, b as usePostMessageListener, a7 as MotifAreaVisibilityProvider, a8 as ForcePaddingContext, a9 as ContentElementConfigurationUpdateContext, aa as ContentElementEditorStateContext, d as api, z as useContentElementEditorState, ab as LayoutWithoutInlineEditing, a5 as SectionThumbnail, ac as renderElement, ad as renderLeaf$1, y as useContentElementEditorCommandSubscription, T as Text$1, n as frontendStyles } from './EditableInlineText.module-14c7b097.js';
+import { a9 as ContentElementEditorCommandEmitterContext, b as usePostMessageListener, aa as MotifAreaVisibilityProvider, ab as ForcePaddingContext, ac as ContentElementConfigurationUpdateContext, d as api, l as widths, ad as LayoutWithoutInlineEditing, a8 as SectionThumbnail, ae as renderElement, af as renderLeaf$1, D as useContentElementEditorCommandSubscription, W as Text$1, r as frontendStyles } from './EditableInlineText.module-fa9e3aff.js';
 import 'pageflow/frontend';
 import React, { useMemo, useState, useCallback, useContext, useRef, useEffect, createContext, memo } from 'react';
-import { c as _slicedToArray, o as useEntryStateDispatch, b as _defineProperty, _ as _objectWithoutProperties, u as useI18n, D as updateContentElementConfiguration, q as useChapter, a as _objectSpread2, j as _toConsumableArray, F as _unsupportedIterableToArray, P as PhonePlatformContext } from './PhonePlatformContext-f6093cc6.js';
-import 'i18n-js';
+import { _ as _slicedToArray, n as useEntryStateDispatch, b as _defineProperty, e as _objectWithoutProperties, u as useI18n, C as updateContentElementConfiguration, m as useChapter, f as useFile, a as _objectSpread2, l as _toConsumableArray, D as _unsupportedIterableToArray } from './i18n-ddd92820.js';
+import classNames from 'classnames';
+import { C as ContentElementEditorStateContext, a as useContentElementEditorState } from './useContentElementEditorState-63045393.js';
 import 'use-context-selector';
 import 'reselect';
 import 'slugify';
-import classNames from 'classnames';
 import './createSuper-d0f30da3.js';
 import BackboneEvents from 'backbone-events-standalone';
+import 'i18n-js';
+import { P as PhonePlatformContext } from './PhonePlatformContext-10a1d600.js';
 import 'react-measure';
 import { DndProvider, useDrop, useDrag } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
@@ -193,7 +195,7 @@ function MessageHandler(_ref) {
   return null;
 }
 
-var styles = {"wrapper":"SectionDecorator-module_wrapper__3sTk3","selected":"SectionDecorator-module_selected__1gcmF","transitionSelected":"SectionDecorator-module_transitionSelected__Wklk6","controls":"SectionDecorator-module_controls__LVEJG","editToolbar":"SectionDecorator-module_editToolbar__18Kjq","toolbar":"SectionDecorator-module_toolbar__2Va1D","transitionToolbar-before":"SectionDecorator-module_transitionToolbar-before__KipOO SectionDecorator-module_toolbar__2Va1D","transitionToolbar-after":"SectionDecorator-module_transitionToolbar-after__2_DVO SectionDecorator-module_toolbar__2Va1D"};
+var styles = {"wrapper":"SectionDecorator-module_wrapper__3sTk3","selected":"SectionDecorator-module_selected__1gcmF","transitionSelected":"SectionDecorator-module_transitionSelected__Wklk6","controls":"SectionDecorator-module_controls__LVEJG","transitionToolbar-after":"SectionDecorator-module_transitionToolbar-after__2_DVO SectionDecorator-module_toolbar__2Va1D","toolbar":"SectionDecorator-module_toolbar__2Va1D","transitionToolbar-before":"SectionDecorator-module_transitionToolbar-before__KipOO SectionDecorator-module_toolbar__2Va1D"};
 
 var styles$1 = {"wrapper":"ContentElementDecorator-module_wrapper__NQgFN"};
 
@@ -298,7 +300,7 @@ function SectionDecorator(_ref) {
       isLastContentElementSelected = _useEditorSelection2.isSelected;
 
   function selectIfOutsideContentItem(event) {
-    if (!event.target.closest(".".concat(styles$1.wrapper))) {
+    if (!event.target.closest(".".concat(styles$1.wrapper)) && !event.target.closest('#fullscreenRoot')) {
       isSelected ? resetSelection() : select();
     }
   }
@@ -770,7 +772,7 @@ function DefaultSelectionRect(props) {
     scrollPoint: isSelected,
     drag: drag,
     dragHandleTitle: t('pageflow_scrolled.inline_editing.drag_content_element'),
-    full: props.position === 'full',
+    full: props.width === widths.full || props.customMargin,
     ariaLabel: t('pageflow_scrolled.inline_editing.select_content_element'),
     insertButtonTitles: t('pageflow_scrolled.inline_editing.insert_content_element'),
     onClick: function onClick() {
@@ -930,7 +932,8 @@ var styles$6 = {"placeholder":"TextPlaceholder-module_placeholder__sgVwx"};
 
 function TextPlaceholder(_ref) {
   var text = _ref.text,
-      visible = _ref.visible;
+      visible = _ref.visible,
+      className = _ref.className;
 
   if (!text || !visible) {
     return null;
@@ -938,7 +941,9 @@ function TextPlaceholder(_ref) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: styles$6.placeholder
-  }, /*#__PURE__*/React.createElement("div", null, text));
+  }, /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, text));
 }
 
 function withCustomInsertBreak(editor) {
@@ -977,7 +982,7 @@ function withCustomInsertBreak(editor) {
   return editor;
 }
 
-var styles$7 = {"container":"index-module_container__3dD9z","shy":"index-module_shy__KgWjc","selected":"index-module_selected__mE58y","hoveringToolbar":"index-module_hoveringToolbar__31Xpd","selection":"index-module_selection__3dUiD","linkTooltip":"index-module_linkTooltip__36m1K","linkTooltipThumbnail":"index-module_linkTooltipThumbnail__2v-cf","linkTooltipThumbnailClickMask":"index-module_linkTooltipThumbnailClickMask__2Z3ff","linkTooltipNewTab":"index-module_linkTooltipNewTab__4tnLF","linkTooltipChapterNumber":"index-module_linkTooltipChapterNumber__2CsQA"};
+var styles$7 = {"container":"index-module_container__3dD9z","shy":"index-module_shy__KgWjc","selected":"index-module_selected__mE58y","hoveringToolbarContainer":"index-module_hoveringToolbarContainer__3xVEz","hoveringToolbar":"index-module_hoveringToolbar__31Xpd","selection":"index-module_selection__3dUiD","linkTooltip":"index-module_linkTooltip__36m1K","linkTooltip-below":"index-module_linkTooltip-below__1wvl7","linkTooltip-above":"index-module_linkTooltip-above__P3YfD","linkTooltipThumbnail":"index-module_linkTooltipThumbnail__2v-cf","linkTooltipThumbnailClickMask":"index-module_linkTooltipThumbnailClickMask__2Z3ff","linkTooltipNewTab":"index-module_linkTooltipNewTab__4tnLF","linkTooltipChapterNumber":"index-module_linkTooltipChapterNumber__2CsQA"};
 
 function _extends$3() {
   _extends$3 = Object.assign || function (target) {
@@ -1018,6 +1023,7 @@ var UpdateContext = createContext();
 function LinkTooltipProvider(_ref) {
   var editor = _ref.editor,
       disabled = _ref.disabled,
+      position = _ref.position,
       children = _ref.children;
 
   var _useState = useState(),
@@ -1037,7 +1043,8 @@ function LinkTooltipProvider(_ref) {
         setState({
           href: href,
           openInNewTab: openInNewTab,
-          top: linkRect.bottom - outerRect.top + 10,
+          top: position === 'below' ? linkRect.bottom - outerRect.top + 10 : 'auto',
+          bottom: position === 'above' ? outerRect.bottom - linkRect.top + 10 : 'auto',
           left: linkRect.left - outerRect.left
         });
       },
@@ -1054,7 +1061,7 @@ function LinkTooltipProvider(_ref) {
         }
       }
     };
-  }, []);
+  }, [position]);
   return /*#__PURE__*/React.createElement(UpdateContext.Provider, {
     value: update
   }, /*#__PURE__*/React.createElement("div", {
@@ -1062,7 +1069,8 @@ function LinkTooltipProvider(_ref) {
   }, /*#__PURE__*/React.createElement(LinkTooltip, {
     editor: editor,
     state: state,
-    disabled: disabled
+    disabled: disabled,
+    position: position
   }), children));
 }
 function LinkPreview(_ref2) {
@@ -1087,6 +1095,7 @@ function LinkPreview(_ref2) {
 function LinkTooltip(_ref3) {
   var editor = _ref3.editor,
       disabled = _ref3.disabled,
+      position = _ref3.position,
       state = _ref3.state;
 
   var _useContext2 = useContext(UpdateContext),
@@ -1098,11 +1107,12 @@ function LinkTooltip(_ref3) {
   }
 
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles$7.linkTooltip, styles$7.hoveringToolbar),
+    className: classNames(styles$7.linkTooltip, styles$7["linkTooltip-".concat(position)], styles$7.hoveringToolbar),
     onMouseEnter: keep,
     onMouseLeave: deactivate,
     style: {
       top: state.top,
+      bottom: state.bottom,
       left: state.left,
       opacity: 1
     }
@@ -1124,6 +1134,10 @@ function LinkDestination(_ref4) {
     return /*#__PURE__*/React.createElement(SectionLinkDestination, {
       permaId: href.section
     });
+  } else if (href === null || href === void 0 ? void 0 : href.file) {
+    return /*#__PURE__*/React.createElement(FileLinkDestination, {
+      fileOptions: href.file
+    });
   } else {
     return /*#__PURE__*/React.createElement(ExternalLinkDestination, {
       href: href,
@@ -1144,7 +1158,7 @@ function ChapterLinkDestination(_ref5) {
       t = _useI18n.t;
 
   if (!chapter) {
-    return '(Deleted chapter)';
+    return /*#__PURE__*/React.createElement("span", null, t('pageflow_scrolled.inline_editing.link_tooltip.deleted_chapter'));
   }
 
   return /*#__PURE__*/React.createElement("a", {
@@ -1197,6 +1211,29 @@ function ExternalLinkDestination(_ref7) {
   }, openInNewTab ? t('pageflow_scrolled.inline_editing.link_tooltip.opens_in_new_tab') : t('pageflow_scrolled.inline_editing.link_tooltip.opens_in_same_tab')));
 }
 
+function FileLinkDestination(_ref8) {
+  var fileOptions = _ref8.fileOptions;
+  var file = useFile(fileOptions);
+
+  var _useI18n4 = useI18n({
+    locale: 'ui'
+  }),
+      t = _useI18n4.t;
+
+  if (!file) {
+    return /*#__PURE__*/React.createElement("span", null, t('pageflow_scrolled.inline_editing.link_tooltip.deleted_file'));
+  }
+
+  return /*#__PURE__*/React.createElement("a", {
+    href: file.urls.original,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, file.urls.original.split('/').pop(), /*#__PURE__*/React.createElement(ExternalLinkIcon, {
+    width: 10,
+    height: 10
+  }));
+}
+
 function withLinks(editor) {
   var isInline = editor.isInline;
 
@@ -1258,20 +1295,28 @@ function useDropTargetsActive() {
   return [dropTargetsActive, drop];
 }
 
+var abortPreviousCall;
 function useSelectLinkDestination() {
   return function () {
     return new Promise(function (resolve, reject) {
+      if (abortPreviousCall) {
+        abortPreviousCall();
+      }
+
+      abortPreviousCall = function abortPreviousCall() {
+        window.removeEventListener('message', receive);
+        reject();
+      };
+
       postSelectLinkDestinationMessage();
       window.addEventListener('message', receive);
 
       function receive(message) {
         if (window.location.href.indexOf(message.origin) === 0) {
           if (message.data.type === 'LINK_DESTINATION_SELECTED') {
+            abortPreviousCall = null;
             window.removeEventListener('message', receive);
             resolve(message.data.payload);
-          } else if (message.data.type === 'LINK_DESTINATION_SELECTION_ABORTED') {
-            window.removeEventListener('message', receive);
-            reject();
           }
         }
       }
@@ -1454,7 +1499,8 @@ var LinkIcon = (function (_ref) {
   }));
 });
 
-function HoveringToolbar() {
+function HoveringToolbar(_ref) {
+  var position = _ref.position;
   var ref = useRef();
   var outerRef = useRef();
   var editor = useSlate();
@@ -1482,11 +1528,19 @@ function HoveringToolbar() {
     var rect = domRange.getBoundingClientRect();
     var outerRect = outerRef.current.getBoundingClientRect();
     el.style.opacity = 1;
-    el.style.top = "".concat(rect.bottom - outerRect.top + 10, "px");
     el.style.left = "".concat(rect.left - outerRect.left, "px");
+
+    if (position === 'above') {
+      el.style.top = 'auto';
+      el.style.bottom = "".concat(outerRect.bottom - rect.top + 5, "px");
+    } else {
+      el.style.bottom = 'auto';
+      el.style.top = "".concat(rect.bottom - outerRect.top + 5, "px");
+    }
   });
   return /*#__PURE__*/React.createElement("div", {
-    ref: outerRef
+    ref: outerRef,
+    className: styles$7.hoveringToolbarContainer
   }, /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: styles$7.hoveringToolbar
@@ -1532,9 +1586,9 @@ function handleButtonClick(editor, format, selectLinkDestination) {
     if (isLinkActive(editor)) {
       unwrapLink(editor);
     } else {
-      selectLinkDestination().then(function (_ref) {
-        var href = _ref.href,
-            openInNewTab = _ref.openInNewTab;
+      selectLinkDestination().then(function (_ref2) {
+        var href = _ref2.href,
+            openInNewTab = _ref2.openInNewTab;
         wrapLink(editor, href, openInNewTab);
       }, function () {});
     }
@@ -1704,21 +1758,30 @@ function toggleBlock(editor, format) {
     var block = _objectSpread2({
       type: format,
       children: []
-    }, preserveTypograpyhVariant(editor));
+    }, preserveColorAndTypograpyhVariant(editor));
 
     Transforms.wrapNodes(editor, block);
   }
 }
 function applyTypograpyhVariant(editor, variant) {
-  Transforms.setNodes(editor, {
+  applyProperties(editor, {
     variant: variant
-  }, {
+  });
+}
+function applyColor(editor, color) {
+  applyProperties(editor, {
+    color: color
+  });
+}
+
+function applyProperties(editor, properties) {
+  Transforms.setNodes(editor, properties, {
     mode: 'highest'
   });
-  applyTypograpyhVariantToListItems(editor, variant);
+  applyPropertiesToListItems(editor, properties);
 }
 
-function applyTypograpyhVariantToListItems(editor, variant) {
+function applyPropertiesToListItems(editor, properties) {
   var lists = Editor.nodes(editor, {
     match: function match(n) {
       return listTypes.includes(n.type);
@@ -1748,9 +1811,7 @@ function applyTypograpyhVariantToListItems(editor, variant) {
           var _step2$value = _slicedToArray(_step2.value, 2),
               itemPath = _step2$value[1];
 
-          Transforms.setNodes(editor, {
-            variant: variant
-          }, {
+          Transforms.setNodes(editor, properties, {
             at: itemPath
           });
         }
@@ -1767,16 +1828,24 @@ function applyTypograpyhVariantToListItems(editor, variant) {
   }
 }
 
-function preserveTypograpyhVariant(editor) {
+function preserveColorAndTypograpyhVariant(editor) {
   var nodeEntry = Editor.above(editor, {
     at: Range.start(editor.selection),
     match: function match(n) {
       return !!n.type;
     }
   });
-  return nodeEntry && nodeEntry[0].variant ? {
-    variant: nodeEntry[0].variant
-  } : {};
+  var result = {};
+
+  if (nodeEntry && nodeEntry[0].variant) {
+    result.variant = nodeEntry[0].variant;
+  }
+
+  if (nodeEntry && nodeEntry[0].color) {
+    result.color = nodeEntry[0].color;
+  }
+
+  return result;
 }
 
 function withBlockNormalization(_ref, editor) {
@@ -2027,7 +2096,7 @@ function Selection(props) {
       range = _useContentElementEdi.range;
 
   useEffect(function () {
-    var _getUniformSelectedNo;
+    var _getUniformSelectedNo, _getUniformSelectedNo2;
 
     var selection = editor.selection;
 
@@ -2084,7 +2153,8 @@ function Selection(props) {
     setTransientState({
       editableTextIsSingleBlock: editor.children.length <= 1,
       exampleNode: getUniformSelectedNode(editor, 'type'),
-      typographyVariant: (_getUniformSelectedNo = getUniformSelectedNode(editor, 'variant')) === null || _getUniformSelectedNo === void 0 ? void 0 : _getUniformSelectedNo.variant
+      typographyVariant: (_getUniformSelectedNo = getUniformSelectedNode(editor, 'variant')) === null || _getUniformSelectedNo === void 0 ? void 0 : _getUniformSelectedNo.variant,
+      color: (_getUniformSelectedNo2 = getUniformSelectedNode(editor, 'color')) === null || _getUniformSelectedNo2 === void 0 ? void 0 : _getUniformSelectedNo2.color
     });
     boundsRef.current = {
       start: start,
@@ -2463,13 +2533,24 @@ var EditableText = React.memo(function EditableText(_ref) {
       placeholder = _ref.placeholder,
       onChange = _ref.onChange,
       selectionRect = _ref.selectionRect,
-      className = _ref.className;
+      className = _ref.className,
+      placeholderClassName = _ref.placeholderClassName,
+      _ref$scaleCategory = _ref.scaleCategory,
+      scaleCategory = _ref$scaleCategory === void 0 ? 'body' : _ref$scaleCategory,
+      autoFocus = _ref.autoFocus,
+      _ref$floatingControls = _ref.floatingControlsPosition,
+      floatingControlsPosition = _ref$floatingControls === void 0 ? 'below' : _ref$floatingControls;
   var editor = useMemo(function () {
     return withLinks(withCustomInsertBreak(withBlockNormalization({
       onlyParagraphs: !selectionRect
     }, withLineBreakNormalization(withReact(createEditor())))));
   }, [selectionRect]);
   var handleLineBreaks = useLineBreakHandler(editor);
+  useEffect(function () {
+    if (autoFocus) {
+      ReactEditor.focus(editor);
+    }
+  }, [autoFocus, editor]);
 
   var _useCachedValue = useCachedValue(value, {
     defaultValue: [{
@@ -2495,8 +2576,14 @@ var EditableText = React.memo(function EditableText(_ref) {
       Transforms.removeNodes(editor, {
         mode: 'highest'
       });
-    } else if (command.type === 'TRANSIENT_STATE_UPDATE' && 'typographyVariant' in command.payload) {
-      applyTypograpyhVariant(editor, command.payload.typographyVariant);
+    } else if (command.type === 'TRANSIENT_STATE_UPDATE') {
+      if ('typographyVariant' in command.payload) {
+        applyTypograpyhVariant(editor, command.payload.typographyVariant);
+      }
+
+      if ('color' in command.payload) {
+        applyColor(editor, command.payload.color);
+      }
     }
   });
 
@@ -2506,7 +2593,7 @@ var EditableText = React.memo(function EditableText(_ref) {
       ref = _useDropTargetsActive2[1];
 
   return /*#__PURE__*/React.createElement(Text$1, {
-    scaleCategory: "body"
+    scaleCategory: scaleCategory
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames(styles$7.container, _defineProperty({}, styles$7.selected, isSelected)),
     ref: ref
@@ -2515,12 +2602,15 @@ var EditableText = React.memo(function EditableText(_ref) {
     value: cachedValue,
     onChange: setCachedValue
   }, /*#__PURE__*/React.createElement(LinkTooltipProvider, {
-    editor: editor
+    editor: editor,
+    position: floatingControlsPosition
   }, selectionRect && /*#__PURE__*/React.createElement(Selection, {
     contentElementId: contentElementId
   }), dropTargetsActive && /*#__PURE__*/React.createElement(DropTargets$1, {
     contentElementId: contentElementId
-  }), /*#__PURE__*/React.createElement(HoveringToolbar, null), /*#__PURE__*/React.createElement(Editable, {
+  }), /*#__PURE__*/React.createElement(HoveringToolbar, {
+    position: floatingControlsPosition
+  }), /*#__PURE__*/React.createElement(Editable, {
     className: className,
     decorate: decorateLineBreaks,
     onKeyDown: handleLineBreaks,
@@ -2528,6 +2618,7 @@ var EditableText = React.memo(function EditableText(_ref) {
     renderLeaf: renderLeafWithLineBreakDecoration
   }))), /*#__PURE__*/React.createElement(TextPlaceholder, {
     text: placeholder,
+    className: placeholderClassName,
     visible: isBlank(cachedValue)
   })));
 });
@@ -2679,6 +2770,55 @@ function renderLeaf(_ref2) {
   return /*#__PURE__*/React.createElement("span", attributes, children);
 }
 
+var styles$a = {"button":"ActionButton-module_button__8gy6J","position-outside":"ActionButton-module_position-outside__1E_lp","position-outsideIndented":"ActionButton-module_position-outsideIndented__3vf-7","position-inside":"ActionButton-module_position-inside__28_gp"};
+
+function _extends$e() {
+  _extends$e = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends$e.apply(this, arguments);
+}
+var pencil = (function (_ref) {
+  var _ref$styles = _ref.styles,
+      props = _objectWithoutProperties(_ref, ["styles"]);
+
+  return /*#__PURE__*/React.createElement("svg", _extends$e({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1-33.9-33.9-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2l199.2-199.2 22.6-22.7zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9l-78.2 23 23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7l-14.4 14.5-22.6 22.6-11.4 11.3 33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5l-39.3-39.4c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z"
+  }));
+});
+
+var icons = {
+  pencil: pencil
+};
+function ActionButton(_ref) {
+  var icon = _ref.icon,
+      text = _ref.text,
+      position = _ref.position,
+      onClick = _ref.onClick;
+  var Icon = icons[icon];
+  return /*#__PURE__*/React.createElement("button", {
+    className: classNames(styles$a.button, styles$a["position-".concat(position)]),
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Icon, {
+    width: 15,
+    height: 15
+  }), text);
+}
+
 function PhonePlatformProvider(_ref) {
   var children = _ref.children;
 
@@ -2709,4 +2849,4 @@ function PhonePlatformProvider(_ref) {
   }, children);
 }
 
-export { ContentDecorator, ContentElementDecorator, EditableInlineText, EditableText, LayoutWithPlaceholder, PhonePlatformProvider, SectionDecorator };
+export { ActionButton, ContentDecorator, ContentElementDecorator, EditableInlineText, EditableText, LayoutWithPlaceholder, PhonePlatformProvider, SectionDecorator };