@atlaskit/editor-core 188.0.11 → 188.0.12

package/dist/cjs/ui/Appearance/Comment/Toolbar.js

@@ -17,8 +17,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 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 || _typeof3(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; }
-var TableControlsPadding = 20;
-exports.TableControlsPadding = TableControlsPadding;
+var TableControlsPadding = exports.TableControlsPadding = 20;
 var mainToolbarWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  padding: ", " ", " 0;\n  display: flex;\n  height: auto;\n  background-color: ", ";\n  box-shadow: none;\n  padding-left: ", ";\n\n  & > div {\n    > :first-child:not(style),\n    > style:first-child + * {\n      margin-left: 0;\n    }\n  }\n\n  .block-type-btn {\n    padding-left: 0;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)", "var(--ds-space-250, 20px)");
 var stickyToolbarWrapperStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  /* stylelint-disable declaration-block-no-duplicate-properties */\n  position: relative;\n  position: sticky;\n  /* stylelint-enable declaration-block-no-duplicate-properties */\n  padding-bottom: ", ";\n  z-index: ", ";\n  transition: box-shadow ease-in-out 0.2s;\n  &.show-keyline {\n    box-shadow: 0 ", "px 0 0\n      ", ";\n  }\n"])), "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorMenuZIndex, _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(_colors.N30, ")"));
 var StickyToolbar = function StickyToolbar(props) {
@@ -31,8 +30,8 @@ var StickyToolbar = function StickyToolbar(props) {
   // else if offsetTop is a number set top to offsetTop
   // otherwise top is 0 as initial state
   (0, _react.useEffect)(function () {
-    var _props$externalToolba, _props$externalToolba2;
-    if ((_props$externalToolba = props.externalToolbarRef) !== null && _props$externalToolba !== void 0 && (_props$externalToolba2 = _props$externalToolba.current) !== null && _props$externalToolba2 !== void 0 && _props$externalToolba2.clientHeight) {
+    var _props$externalToolba;
+    if ((_props$externalToolba = props.externalToolbarRef) !== null && _props$externalToolba !== void 0 && (_props$externalToolba = _props$externalToolba.current) !== null && _props$externalToolba !== void 0 && _props$externalToolba.clientHeight) {
       setTop(props.externalToolbarRef.current.clientHeight);
     } else {
       setTop(props.offsetTop || 0);
@@ -78,7 +77,7 @@ var getStickyParameters = function getStickyParameters(configuration) {
     };
   }
 };
-var MainToolbar = function MainToolbar(_ref) {
+var MainToolbar = exports.MainToolbar = function MainToolbar(_ref) {
   var useStickyToolbar = _ref.useStickyToolbar,
     children = _ref.children;
   if (useStickyToolbar) {
@@ -86,6 +85,4 @@ var MainToolbar = function MainToolbar(_ref) {
   }
   return (0, _react2.jsx)(FixedToolbar, null, children);
 };
-exports.MainToolbar = MainToolbar;
-var mainToolbarCustomComponentsSlotStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  flex-grow: 1;\n  padding-right: ", ";\n  > div {\n    display: flex;\n    flex-shrink: 0;\n  }\n"])), "var(--ds-space-250, 20px)");
-exports.mainToolbarCustomComponentsSlotStyle = mainToolbarCustomComponentsSlotStyle;
+var mainToolbarCustomComponentsSlotStyle = exports.mainToolbarCustomComponentsSlotStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  flex-grow: 1;\n  padding-right: ", ";\n  > div {\n    display: flex;\n    flex-shrink: 0;\n  }\n"])), "var(--ds-space-250, 20px)");

package/dist/cjs/ui/Appearance/FullPage/FullPage.js

@@ -47,7 +47,7 @@ var useShowKeyline = function useShowKeyline(contentAreaRef) {
   }, [contentAreaRef]);
   return showKeyline;
 };
-var FullPageEditor = function FullPageEditor(props) {
+var FullPageEditor = exports.FullPageEditor = function FullPageEditor(props) {
   var _scrollContentContain, _scrollContentContain2, _wrapperElementRef$cu;
   var wrapperElementRef = (0, _react.useMemo)(function () {
     return props.innerRef;
@@ -98,5 +98,4 @@ var FullPageEditor = function FullPageEditor(props) {
     pluginHooks: props.pluginHooks,
     featureFlags: props.featureFlags
   })));
-};
-exports.FullPageEditor = FullPageEditor;
+};

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js

@@ -19,8 +19,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 /** @jsx jsx */
 
-var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
-exports.CONTENT_AREA_TEST_ID = CONTENT_AREA_TEST_ID;
+var CONTENT_AREA_TEST_ID = exports.CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var Content = /*#__PURE__*/_react2.default.forwardRef(function (props, ref) {
   var theme = (0, _react.useTheme)();
   var fullWidthMode = props.appearance === 'full-width';
@@ -88,7 +87,6 @@ var Content = /*#__PURE__*/_react2.default.forwardRef(function (props, ref) {
     });
   });
 });
-var FullPageContentArea = (0, _reactIntlNext.injectIntl)(Content, {
+var FullPageContentArea = exports.FullPageContentArea = (0, _reactIntlNext.injectIntl)(Content, {
   forwardRef: true
-});
-exports.FullPageContentArea = FullPageContentArea;
+});

package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js

@@ -22,7 +22,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 /** @jsx jsx */
 
-var EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
+var EditorToolbar = exports.EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
   var _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$collabEdit, _props$collabEdit2, _props$collabEdit3, _props$featureFlags5, _props$featureFlags6;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -52,7 +52,7 @@ var EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
     css: _MainToolbar.customToolbarWrapperStyle
   }, (_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.twoLineEditorToolbar && !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? (0, _react2.jsx)(_BeforePrimaryToolbarWrapper.BeforePrimaryToolbarWrapper, {
     beforePrimaryToolbarComponents: props.customPrimaryToolbarComponents.before
-  }) : null, (props === null || props === void 0 ? void 0 : (_props$featureFlags3 = props.featureFlags) === null || _props$featureFlags3 === void 0 ? void 0 : _props$featureFlags3.showAvatarGroupAsPlugin) === true && !((_props$featureFlags4 = props.featureFlags) !== null && _props$featureFlags4 !== void 0 && _props$featureFlags4.twoLineEditorToolbar) ? null : (0, _react2.jsx)(_ui.default, {
+  }) : null, (props === null || props === void 0 || (_props$featureFlags3 = props.featureFlags) === null || _props$featureFlags3 === void 0 ? void 0 : _props$featureFlags3.showAvatarGroupAsPlugin) === true && !((_props$featureFlags4 = props.featureFlags) !== null && _props$featureFlags4 !== void 0 && _props$featureFlags4.twoLineEditorToolbar) ? null : (0, _react2.jsx)(_ui.default, {
     editorView: props.editorView,
     eventDispatcher: props.eventDispatcher,
     inviteToEditComponent: (_props$collabEdit = props.collabEdit) === null || _props$collabEdit === void 0 ? void 0 : _props$collabEdit.inviteToEditComponent,
@@ -89,7 +89,7 @@ var EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
     var _props$editorView;
     if (!((_props$editorView = props.editorView) !== null && _props$editorView !== void 0 && _props$editorView.hasFocus())) {
       var _props$editorView2;
-      (_props$editorView2 = props.editorView) === null || _props$editorView2 === void 0 ? void 0 : _props$editorView2.focus();
+      (_props$editorView2 = props.editorView) === null || _props$editorView2 === void 0 || _props$editorView2.focus();
     }
     event.preventDefault();
     event.stopPropagation();
@@ -118,6 +118,4 @@ var EditorToolbar = /*#__PURE__*/_react.default.memo(function (props) {
     }, shouldSplitToolbar ? nonCustomToolbar : customToolbar)));
   });
 });
-exports.EditorToolbar = EditorToolbar;
-var FullPageToolbar = (0, _reactIntlNext.injectIntl)(EditorToolbar);
-exports.FullPageToolbar = FullPageToolbar;
+var FullPageToolbar = exports.FullPageToolbar = (0, _reactIntlNext.injectIntl)(EditorToolbar);

package/dist/cjs/ui/Appearance/FullPage/MainToolbar.js

@@ -10,33 +10,26 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
-exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT;
+var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = exports.MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 var toolbarLineHeight = 56;
 
 // box-shadow is overriden by the mainToolbar
 var mainToolbarWithKeyline = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: 0 ", "px 0 0\n    ", ";\n"])), _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(_colors.N30, ")"));
 var mainToolbarTwoLineStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  @media (max-width: ", "px) {\n    flex-wrap: wrap;\n    height: calc(", "px * 2);\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
 var mainToolbar = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  box-shadow: none;\n  transition: box-shadow 200ms ", ";\n  z-index: ", ";\n  display: flex;\n  height: ", "px;\n  flex-shrink: 0;\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4456\n  background-color: ", ";\n\n  & object {\n    height: 0 !important;\n  }\n\n  @media (max-width: ", "px) {\n    display: grid;\n    height: calc(", "px * 2);\n  }\n"])), _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorFloatingDialogZIndex, toolbarLineHeight, "var(--ds-surface, white)", _editorSharedStyles.akEditorMobileMaxWidth, toolbarLineHeight);
-var mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {
+var mainToolbarStyle = exports.mainToolbarStyle = function mainToolbarStyle(showKeyline, twoLineEditorToolbar) {
   return [mainToolbar, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle];
 };
-exports.mainToolbarStyle = mainToolbarStyle;
-var mainToolbarIconBeforeStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin: ", ";\n  height: ", ";\n  width: ", ";\n  @media (max-width: ", "px) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)", _editorSharedStyles.akEditorMobileMaxWidth);
-exports.mainToolbarIconBeforeStyle = mainToolbarIconBeforeStyle;
+var mainToolbarIconBeforeStyle = exports.mainToolbarIconBeforeStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin: ", ";\n  height: ", ";\n  width: ", ";\n  @media (max-width: ", "px) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)", _editorSharedStyles.akEditorMobileMaxWidth);
 var mainToolbarFirstChild = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-grow: 1;\n\n  @media (max-width: ", "px) {\n    grid-column: 1;\n    grid-row: 1;\n  }\n"])), _editorSharedStyles.akEditorMobileMaxWidth);
 var mainToolbarFirstChildTowLine = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  @media (max-width: ", "px) {\n    flex: 1 1 100%;\n    height: ", "px;\n    justify-content: flex-end;\n    // ED-10241: We add fit-content to ensure that MainToolbar does not\n    // shrink more than the size of its contents. This will prevent the\n    // find/replace icon from being overlapped during a confluence\n    // publish operation\n    min-width: fit-content;\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
-var mainToolbarFirstChildStyle = function mainToolbarFirstChildStyle(twoLineEditorToolbar) {
+var mainToolbarFirstChildStyle = exports.mainToolbarFirstChildStyle = function mainToolbarFirstChildStyle(twoLineEditorToolbar) {
   return [mainToolbarFirstChild, twoLineEditorToolbar && mainToolbarFirstChildTowLine];
 };
-exports.mainToolbarFirstChildStyle = mainToolbarFirstChildStyle;
 var mainToolbarSecondChild = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  // ED-10241: We add fit-content to ensure that MainToolbar does not\n  // shrink more than the size of its contents. This will prevent the\n  // find/replace icon from being overlapped during a confluence\n  // publish operation\n  min-width: fit-content;\n"])));
 var mainToolbarSecondChildTwoLine = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  @media (max-width: ", "px) {\n    display: flex;\n    flex-grow: 1;\n    flex: 1 1 100%;\n    margin: auto;\n    height: ", "px;\n    min-width: 0;\n  }\n"])), MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, toolbarLineHeight);
-var mainToolbarSecondChildStyle = function mainToolbarSecondChildStyle(twoLineEditorToolbar) {
+var mainToolbarSecondChildStyle = exports.mainToolbarSecondChildStyle = function mainToolbarSecondChildStyle(twoLineEditorToolbar) {
   return [mainToolbarSecondChild, twoLineEditorToolbar && mainToolbarSecondChildTwoLine];
 };
-exports.mainToolbarSecondChildStyle = mainToolbarSecondChildStyle;
-var nonCustomToolbarWrapperStyle = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n"])));
-exports.nonCustomToolbarWrapperStyle = nonCustomToolbarWrapperStyle;
-var customToolbarWrapperStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n"])));
-exports.customToolbarWrapperStyle = customToolbarWrapperStyle;
+var nonCustomToolbarWrapperStyle = exports.nonCustomToolbarWrapperStyle = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n"])));
+var customToolbarWrapperStyle = exports.customToolbarWrapperStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n"])));

package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js

@@ -16,41 +16,33 @@ var _styles = require("../../styles");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 var SWOOP_ANIMATION = "0.5s ".concat(_editorSharedStyles.akEditorSwoopCubicBezier);
 var TOTAL_PADDING = _editorSharedStyles.akEditorGutterPadding * 2;
-var fullPageEditorWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-width: 340px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n"])));
-exports.fullPageEditorWrapper = fullPageEditorWrapper;
+var fullPageEditorWrapper = exports.fullPageEditorWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-width: 340px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n"])));
 var scrollStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  height: 100%;\n  overflow-y: scroll;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  scroll-behavior: smooth;\n  ", ";\n"])), _styles.scrollbarStyles);
-var ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
-exports.ScrollContainer = ScrollContainer;
+var ScrollContainer = exports.ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
 ScrollContainer.displayName = 'ScrollContainer';
 
 // transition used to match scrollbar with config panel opening animation
 // only use animation when opening as there is a bug with floating toolbars.
-var positionedOverEditorStyle = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding-right: ", "px;\n  transition: padding 500ms ", ";\n\n  .fabric-editor-popup-scroll-parent {\n    padding-left: ", "px;\n    transition: padding 500ms ", ";\n  }\n"])), _editorSharedStyles.akEditorContextPanelWidth, _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorContextPanelWidth, _editorSharedStyles.akEditorSwoopCubicBezier);
-exports.positionedOverEditorStyle = positionedOverEditorStyle;
-var contentArea = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  height: calc(100% - ", ");\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  transition: padding 0ms ", ";\n"])), _editorSharedStyles.ATLASSIAN_NAVIGATION_HEIGHT, _editorSharedStyles.akEditorSwoopCubicBezier);
-exports.contentArea = contentArea;
-var sidebarArea = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  box-sizing: border-box;\n  align-self: flex-end;\n"])));
+var positionedOverEditorStyle = exports.positionedOverEditorStyle = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding-right: ", "px;\n  transition: padding 500ms ", ";\n\n  .fabric-editor-popup-scroll-parent {\n    padding-left: ", "px;\n    transition: padding 500ms ", ";\n  }\n"])), _editorSharedStyles.akEditorContextPanelWidth, _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorContextPanelWidth, _editorSharedStyles.akEditorSwoopCubicBezier);
+var contentArea = exports.contentArea = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  height: calc(100% - ", ");\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  transition: padding 0ms ", ";\n"])), _editorSharedStyles.ATLASSIAN_NAVIGATION_HEIGHT, _editorSharedStyles.akEditorSwoopCubicBezier);
+var sidebarArea = exports.sidebarArea = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  box-sizing: border-box;\n  align-self: flex-end;\n"])));
 
 // initially hide until we have a containerWidth and can properly size them,
 // otherwise they can cause the editor width to extend which is non-recoverable
-exports.sidebarArea = sidebarArea;
-var editorContentAreaHideContainer = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  .fabric-editor--full-width-mode {\n    .pm-table-container,\n    .code-block,\n    .extension-container {\n      display: none;\n    }\n  }\n"])));
+var editorContentAreaHideContainer = exports.editorContentAreaHideContainer = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  .fabric-editor--full-width-mode {\n    .pm-table-container,\n    .code-block,\n    .extension-container {\n      display: none;\n    }\n  }\n"])));
 
 /* Prevent horizontal scroll on page in full width mode */
-exports.editorContentAreaHideContainer = editorContentAreaHideContainer;
 var editorContentAreaContainerStyle = function editorContentAreaContainerStyle(containerWidth) {
   return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  .fabric-editor--full-width-mode {\n    .pm-table-container,\n    .code-block,\n    .extension-container {\n      max-width: ", "px;\n    }\n\n    [data-layout-section] {\n      max-width: ", "px;\n    }\n  }\n"])), containerWidth - TOTAL_PADDING - _consts.tableMarginFullWidthMode * 2, containerWidth - TOTAL_PADDING + _editorSharedStyles.akLayoutGutterOffset * 2);
 };
-var editorContentAreaStyle = function editorContentAreaStyle(_ref) {
+var editorContentAreaStyle = exports.editorContentAreaStyle = function editorContentAreaStyle(_ref) {
   var layoutMaxWidth = _ref.layoutMaxWidth,
     fullWidthMode = _ref.fullWidthMode,
     containerWidth = _ref.containerWidth;
   return [editorContentArea, !fullWidthMode && editorContentAreaWithLayoutWith(layoutMaxWidth), containerWidth ? editorContentAreaContainerStyle(containerWidth) : editorContentAreaHideContainer];
 };
-exports.editorContentAreaStyle = editorContentAreaStyle;
 var editorContentAreaWithLayoutWith = function editorContentAreaWithLayoutWith(layoutMaxWidth) {
   return (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  max-width: ", "px;\n"])), layoutMaxWidth + TOTAL_PADDING);
 };
 var editorContentArea = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 24px;\n  padding-top: 50px;\n  padding-bottom: 55px;\n  height: calc(\n    100% - 105px\n  ); /* fill the viewport: 100% - (padding top & bottom) */\n  width: 100%;\n  margin: auto;\n  flex-direction: column;\n  flex-grow: 1;\n\n  max-width: ", "px;\n  transition: max-width ", ";\n  & .ProseMirror {\n    flex-grow: 1;\n    box-sizing: border-box;\n  }\n\n  & .ProseMirror {\n    & > * {\n      /* pre-emptively clear all direct descendant content, just in case any are adjacent floated content */\n      clear: both;\n    }\n    > p,\n    > ul,\n    > ol:not(", "):not(", "),\n    > h1,\n    > h2,\n    > h3,\n    > h4,\n    > h5,\n    > h6 {\n      /* deliberately allow wrapping of text based nodes, just in case any are adjacent floated content */\n      clear: none;\n    }\n\n    > p:last-child {\n      margin-bottom: 24px;\n    }\n  }\n\n  ", ";\n\n  .fabric-editor--full-width-mode {\n    /* Full Width Mode styles for ignoring breakout sizes */\n    .fabric-editor-breakout-mark,\n    .extension-container.block,\n    .pm-table-container {\n      width: 100% !important;\n    }\n\n    .fabric-editor-breakout-mark {\n      margin-left: unset !important;\n      transform: none !important;\n    }\n  }\n"])), _editorSharedStyles.akEditorFullWidthLayoutWidth + TOTAL_PADDING, SWOOP_ANIMATION, _adfSchema.taskListSelector, _adfSchema.decisionListSelector, _commonStyles.tableFullPageEditorStyles);
-var editorContentGutterStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  padding: 0 ", "px;\n"])), _editorSharedStyles.akEditorGutterPadding);
-exports.editorContentGutterStyle = editorContentGutterStyle;
+var editorContentGutterStyle = exports.editorContentGutterStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  padding: 0 ", "px;\n"])), _editorSharedStyles.akEditorGutterPadding);

package/dist/cjs/ui/AppearanceComponents/Mobile.js

@@ -23,7 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var mobileEditor = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-height: 30px;\n  width: 100%;\n  max-width: inherit;\n  box-sizing: border-box;\n  word-wrap: break-word;\n\n  div > .ProseMirror {\n    outline: none;\n    white-space: pre-wrap;\n    padding: 0;\n    margin: 0;\n  }\n"])));
 var ContentArea = (0, _ContentStyles.createEditorContentStyle)();
 ContentArea.displayName = 'ContentArea';
-var MobileAppearance = /*#__PURE__*/(0, _react.forwardRef)(function MobileAppearance(_ref, ref) {
+var MobileAppearance = exports.MobileAppearance = /*#__PURE__*/(0, _react.forwardRef)(function MobileAppearance(_ref, ref) {
   var _api$base2;
   var editorView = _ref.editorView,
     persistScrollGutter = _ref.persistScrollGutter,
@@ -42,7 +42,7 @@ var MobileAppearance = /*#__PURE__*/(0, _react.forwardRef)(function MobileAppear
       var windowHeight = mobileDimensions.windowHeight,
         mobilePaddingTop = mobileDimensions.mobilePaddingTop,
         isExpanded = mobileDimensions.isExpanded;
-      var basePluginState = api === null || api === void 0 ? void 0 : (_api$base = api.base) === null || _api$base === void 0 ? void 0 : _api$base.sharedState.currentState();
+      var basePluginState = api === null || api === void 0 || (_api$base = api.base) === null || _api$base === void 0 ? void 0 : _api$base.sharedState.currentState();
       var keyboardHeight = (_basePluginState$keyb = basePluginState === null || basePluginState === void 0 ? void 0 : basePluginState.keyboardHeight) !== null && _basePluginState$keyb !== void 0 ? _basePluginState$keyb : -1;
 
       /*
@@ -79,7 +79,7 @@ var MobileAppearance = /*#__PURE__*/(0, _react.forwardRef)(function MobileAppear
     }, (0, _react2.jsx)("div", {
       className: "ak-editor-content-area"
     }, children)))));
-  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 ? void 0 : (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
+  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 || (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
   return (0, _react2.jsx)(_WithPluginState.default, {
     plugins: {
       maxContentSize: _maxContentSize.pluginKey,
@@ -87,5 +87,4 @@ var MobileAppearance = /*#__PURE__*/(0, _react.forwardRef)(function MobileAppear
     },
     render: render
   });
-});
-exports.MobileAppearance = MobileAppearance;
+});

package/dist/cjs/ui/ChromeCollapsed/index.js

@@ -66,5 +66,4 @@ var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
   }]);
   return ChromeCollapsed;
 }(_react.PureComponent);
-var _default = (0, _reactIntlNext.injectIntl)(ChromeCollapsed);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(ChromeCollapsed);

package/dist/cjs/ui/ChromeCollapsed/messages.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   chromeCollapsedPlaceholder: {
     id: 'fabric.editor.chromeCollapsedPlaceholder',
     defaultMessage: 'Type something…',
     description: 'placeholder for an input where users insert text'
   }
-});
-exports.messages = messages;
+});

package/dist/cjs/ui/ChromeCollapsed/styles.js

@@ -11,5 +11,4 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _constants = require("@atlaskit/theme/constants");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject;
-var inputStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */\n  input& {\n    background-color: ", ";\n    border: 1px solid ", ";\n    border-radius: ", "px;\n    box-sizing: border-box;\n    height: 40px;\n    padding-left: 20px;\n    padding-top: 12px;\n    padding-bottom: 12px;\n    font-size: ", ";\n    width: 100%;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    letter-spacing: -0.005em;\n    color: ", ";\n\n    &:hover {\n      background-color: ", ";\n      border-color: ", ";\n      cursor: text;\n    }\n  }\n"])), "var(--ds-background-input, white)", "var(--ds-border-input, ".concat(_editorSharedStyles.akEditorSubtleAccent, ")"), (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)(14), "var(--ds-text-subtlest, ".concat(_colors.N300, ")"), "var(--ds-background-input-hovered, white)", "var(--ds-border-input, ".concat(_colors.N50, ")"));
-exports.inputStyle = inputStyle;
+var inputStyle = exports.inputStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */\n  input& {\n    background-color: ", ";\n    border: 1px solid ", ";\n    border-radius: ", "px;\n    box-sizing: border-box;\n    height: 40px;\n    padding-left: 20px;\n    padding-top: 12px;\n    padding-bottom: 12px;\n    font-size: ", ";\n    width: 100%;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    letter-spacing: -0.005em;\n    color: ", ";\n\n    &:hover {\n      background-color: ", ";\n      border-color: ", ";\n      cursor: text;\n    }\n  }\n"])), "var(--ds-background-input, white)", "var(--ds-border-input, ".concat(_editorSharedStyles.akEditorSubtleAccent, ")"), (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)(14), "var(--ds-text-subtlest, ".concat(_colors.N300, ")"), "var(--ds-background-input-hovered, white)", "var(--ds-border-input, ".concat(_colors.N50, ")"));

package/dist/cjs/ui/CollapsedEditor/index.js

@@ -20,7 +20,7 @@ var _EditorWithActions = _interopRequireDefault(require("../../labs/EditorWithAc
 var _ChromeCollapsed = _interopRequireDefault(require("../ChromeCollapsed"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
+var CollapsedEditor = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(CollapsedEditor, _React$Component);
   var _super = _createSuper(CollapsedEditor);
   function CollapsedEditor() {
@@ -43,7 +43,7 @@ var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
     value: function componentDidUpdate() {
       if (this.props.isExpanded && (this.editorComponent || this.functionalEditor) && (!this.previouslyExpanded || this.previouslyExpanded === undefined)) {
         var _this$props$onExpand, _this$props;
-        (_this$props$onExpand = (_this$props = this.props).onExpand) === null || _this$props$onExpand === void 0 ? void 0 : _this$props$onExpand.call(_this$props);
+        (_this$props$onExpand = (_this$props = this.props).onExpand) === null || _this$props$onExpand === void 0 || _this$props$onExpand.call(_this$props);
       }
       this.previouslyExpanded = this.props.isExpanded;
     }
@@ -75,5 +75,4 @@ var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return CollapsedEditor;
-}(_react.default.Component);
-exports.default = CollapsedEditor;
+}(_react.default.Component);

package/dist/cjs/ui/ColorPalette/Palettes/cellBackgroundColorPalette.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-var _default = _uiColor.cellBackgroundColorPalette;
-exports.default = _default;
+var _default = exports.default = _uiColor.cellBackgroundColorPalette;

package/dist/cjs/ui/ColorPalette/Palettes/paletteMessages.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-var _default = _uiColor.colorPaletteMessages;
-exports.default = _default;
+var _default = exports.default = _uiColor.colorPaletteMessages;

package/dist/cjs/ui/ColorPalette/index.js

@@ -29,5 +29,4 @@ Object.defineProperty(exports, "textPaletteTooltipMessages", {
   }
 });
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-var _default = _uiColor.ColorPalette;
-exports.default = _default;
+var _default = exports.default = _uiColor.ColorPalette;

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

@@ -197,9 +197,9 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
                 break;
               }
               if (!extensionManifest) {
-                autoSaveReject === null || autoSaveReject === void 0 ? void 0 : autoSaveReject(new Error('Extension manifest not loaded'));
+                autoSaveReject === null || autoSaveReject === void 0 || autoSaveReject(new Error('Extension manifest not loaded'));
               } else if (!fields) {
-                autoSaveReject === null || autoSaveReject === void 0 ? void 0 : autoSaveReject(new Error('Config fields not loaded'));
+                autoSaveReject === null || autoSaveReject === void 0 || autoSaveReject(new Error('Config fields not loaded'));
               }
               return _context.abrupt("return");
             case 4:
@@ -214,7 +214,7 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
             case 11:
               _context.prev = 11;
               _context.t0 = _context["catch"](4);
-              autoSaveReject === null || autoSaveReject === void 0 ? void 0 : autoSaveReject(_context.t0);
+              autoSaveReject === null || autoSaveReject === void 0 || autoSaveReject(_context.t0);
               // eslint-disable-next-line no-console
               console.error("Error serializing parameters", _context.t0);
             case 15:
@@ -455,7 +455,6 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
   }]);
   return ConfigPanel;
 }(_react.default.Component);
-var _default = (0, _analyticsNext.withAnalyticsContext)({
+var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
   source: 'ConfigPanel'
-})((0, _analyticsNext.withAnalyticsEvents)()(ConfigPanel));
-exports.default = _default;
+})((0, _analyticsNext.withAnalyticsEvents)()(ConfigPanel));

package/dist/cjs/ui/ConfigPanel/ConfigPanelLoader.js

@@ -10,7 +10,7 @@ var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _LoadingState = _interopRequireDefault(require("./LoadingState"));
 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 || (0, _typeof2.default)(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; }
-var _default = (0, _reactLoadable.default)({
+var _default = exports.default = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-core-config-panel" */
@@ -20,5 +20,4 @@ var _default = (0, _reactLoadable.default)({
     });
   },
   loading: _LoadingState.default
-});
-exports.default = _default;
+});

package/dist/cjs/ui/ConfigPanel/ErrorMessage/ErrorImage.js

@@ -71,5 +71,4 @@ var ErrorImage = function ErrorImage() {
     className: "cls-6"
   })))));
 };
-var _default = ErrorImage;
-exports.default = _default;
+var _default = exports.default = ErrorImage;

package/dist/cjs/ui/ConfigPanel/ErrorMessage/index.js

@@ -29,5 +29,4 @@ var ConfigPanelErrorMessage = function ConfigPanelErrorMessage(_ref) {
     imageHeight: 80
   });
 };
-var _default = (0, _reactIntlNext.injectIntl)(ConfigPanelErrorMessage);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(ConfigPanelErrorMessage);

package/dist/cjs/ui/ConfigPanel/FieldMessages.js

@@ -94,5 +94,4 @@ var FieldMessages = function FieldMessages(_ref2) {
       return null;
   }
 };
-var _default = (0, _reactIntlNext.injectIntl)(FieldMessages);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(FieldMessages);

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

@@ -32,7 +32,7 @@ function _validate(value, isRequired) {
 }
 function handleOnChange(onChange, onFieldChange, event) {
   var _event$target;
-  onChange((event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.checked) || false);
+  onChange((event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.checked) || false);
   // Note: prior to bumping typescript to version 2.4.2 onFieldChange
   // was being called with a global variable (which had a value of '')
   // While this was not intended, the code still worked as expected.

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

@@ -27,7 +27,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     Colour sequence source: https://product-fabric.atlassian.net/browse/ED-12650?focusedCommentId=204875
 */
 
-var colorPalette = [{
+var colorPalette = exports.colorPalette = [{
   label: 'Light Blue',
   value: "var(--ds-background-accent-blue-subtle, #7AB2FF)"
 },
@@ -139,8 +139,7 @@ var colorPalette = [{
  * Extended chart colors.
  * Decided here https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3477245015/Tokenising+table+charts+color
  */
-exports.colorPalette = colorPalette;
-var extendedColorPalette = [{
+var extendedColorPalette = exports.extendedColorPalette = [{
   label: 'Darker Blue',
   value: "var(--ds-chart-blue-boldest, #003884)"
 },
@@ -327,13 +326,10 @@ var extendedColorPalette = [{
     border: _uiColor.DEFAULT_BORDER_COLOR
   });
 });
-exports.extendedColorPalette = extendedColorPalette;
 var colorPickerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: ", ";\n  padding-right: ", ";\n"])), "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)");
 var colorPickerLabel = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  margin-top: 0;\n"])), _typography.headingSizes.h400.size);
-var EXPANDED_COLOR_PICKER_COLUMNS = 9;
-exports.EXPANDED_COLOR_PICKER_COLUMNS = EXPANDED_COLOR_PICKER_COLUMNS;
-var ORIGINAL_COLOR_PICKER_COLUMNS = 5;
-exports.ORIGINAL_COLOR_PICKER_COLUMNS = ORIGINAL_COLOR_PICKER_COLUMNS;
+var EXPANDED_COLOR_PICKER_COLUMNS = exports.EXPANDED_COLOR_PICKER_COLUMNS = 9;
+var ORIGINAL_COLOR_PICKER_COLUMNS = exports.ORIGINAL_COLOR_PICKER_COLUMNS = 5;
 var ColorPicker = function ColorPicker(props) {
   var name = props.name,
     title = props.title,
@@ -398,5 +394,4 @@ var ColorPickerField = function ColorPickerField(_ref) {
     }));
   });
 };
-var _default = ColorPickerField;
-exports.default = _default;
+var _default = exports.default = ColorPickerField;

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

@@ -188,5 +188,4 @@ function CustomSelect(_ref2) {
     }));
   });
 }
-var _default = (0, _reactIntlNext.injectIntl)(CustomSelect);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(CustomSelect);

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

@@ -51,5 +51,4 @@ function Date(_ref) {
     }));
   });
 }
-var _default = (0, _reactIntlNext.injectIntl)(Date);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(Date);

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

@@ -151,5 +151,4 @@ var DateRange = function DateRange(_ref3) {
   }));
   return element;
 };
-var _default = (0, _reactIntlNext.injectIntl)(DateRange);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(DateRange);

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

@@ -20,10 +20,8 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 /** @jsx jsx */
 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; }
-var expandContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-bottom: 1px solid ", ";\n"])), "var(--ds-border, ".concat(_colors.N40, ")"));
-exports.expandContainer = expandContainer;
-var expandControl = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  height: ", ";\n  justify-content: center;\n  padding-right: ", ";\n"])), "var(--ds-space-600, 48px)", "var(--ds-space-100, 8px)");
-exports.expandControl = expandControl;
+var expandContainer = exports.expandContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-bottom: 1px solid ", ";\n"])), "var(--ds-border, ".concat(_colors.N40, ")"));
+var expandControl = exports.expandControl = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  height: ", ";\n  justify-content: center;\n  padding-right: ", ";\n"])), "var(--ds-space-600, 48px)", "var(--ds-space-100, 8px)");
 var chevronContainer = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  & > button {\n    width: ", ";\n    height: ", ";\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
 var labelContainer = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  font-weight: 500;\n"])));
 var expandContentContainer = function expandContentContainer(isHidden) {
@@ -63,5 +61,4 @@ function Expand(_ref) {
     css: expandContentContainer(!expanded)
   }, children));
 }
-var _default = (0, _reactIntlNext.injectIntl)(Expand);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(Expand);

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

@@ -263,5 +263,4 @@ function FieldsetError(_ref) {
   }, (0, _react2.jsx)("p", null, message)));
 }
 var sectionMessageWrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: 24px;\n"])));
-var _default = (0, _reactIntlNext.injectIntl)(FieldsetField);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(FieldsetField);

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

@@ -19,7 +19,7 @@ var getIconSize = function getIconSize(context, description) {
   }
   return 'small';
 };
-var formatOptionLabel = function formatOptionLabel(_ref, _ref2) {
+var formatOptionLabel = exports.formatOptionLabel = function formatOptionLabel(_ref, _ref2) {
   var label = _ref.label,
     icon = _ref.icon,
     description = _ref.description;
@@ -37,5 +37,4 @@ var formatOptionLabel = function formatOptionLabel(_ref, _ref2) {
       paddingLeft: icon ? "var(--ds-space-100, 8px)" : 0
     }
   }, (0, _react.jsx)("p", null, label, description && context !== 'value' && (0, _react.jsx)("small", null, description))));
-};
-exports.formatOptionLabel = formatOptionLabel;
+};

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

@@ -57,5 +57,4 @@ var TabGroupImpl = function TabGroupImpl(props) {
 };
 TabGroupImpl.displayName = 'TabGroup';
 var TabGroup = (0, _reactIntlNext.injectIntl)(TabGroupImpl);
-var _default = TabGroup;
-exports.default = _default;
+var _default = exports.default = TabGroup;

package/dist/cjs/ui/ConfigPanel/Fields/common/RequiredIndicator.js

@@ -9,5 +9,4 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject;
-var requiredIndicator = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-text-danger, ".concat(_colors.R500, ")"));
-exports.requiredIndicator = requiredIndicator;
+var requiredIndicator = exports.requiredIndicator = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-text-danger, ".concat(_colors.R500, ")"));

package/dist/cjs/ui/ConfigPanel/FormErrorBoundary.js

@@ -69,7 +69,7 @@ var FormErrorBoundaryInner = /*#__PURE__*/function (_React$Component) {
         extensionKey = _this$props.extensionKey,
         fields = _this$props.fields;
       _this.getProductName().then(function (product) {
-        var _window, _window$navigator;
+        var _window;
         if (!createAnalyticsEvent) {
           // eslint-disable-next-line no-console
           console.error('ConfigPanel FormErrorBoundary: Missing `createAnalyticsEvent`', {
@@ -88,7 +88,7 @@ var FormErrorBoundaryInner = /*#__PURE__*/function (_React$Component) {
           eventType: _analytics.EVENT_TYPE.UI,
           attributes: {
             product: product,
-            browserInfo: ((_window = window) === null || _window === void 0 ? void 0 : (_window$navigator = _window.navigator) === null || _window$navigator === void 0 ? void 0 : _window$navigator.userAgent) || 'unknown',
+            browserInfo: ((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) || 'unknown',
             extensionKey: extensionKey,
             fields: JSON.stringify(fields),
             error: error,
@@ -135,8 +135,6 @@ var FormErrorBoundaryInner = /*#__PURE__*/function (_React$Component) {
   }]);
   return FormErrorBoundaryInner;
 }(_react.default.Component);
-var FormErrorBoundaryImpl = (0, _reactIntlNext.injectIntl)(FormErrorBoundaryInner);
-exports.FormErrorBoundaryImpl = FormErrorBoundaryImpl;
-var FormErrorBoundary = (0, _analyticsNext.withAnalyticsContext)()((0, _analyticsNext.withAnalyticsEvents)()(FormErrorBoundaryImpl));
-exports.FormErrorBoundary = FormErrorBoundary;
+var FormErrorBoundaryImpl = exports.FormErrorBoundaryImpl = (0, _reactIntlNext.injectIntl)(FormErrorBoundaryInner);
+var FormErrorBoundary = exports.FormErrorBoundary = (0, _analyticsNext.withAnalyticsContext)()((0, _analyticsNext.withAnalyticsEvents)()(FormErrorBoundaryImpl));
 FormErrorBoundary.displayName = 'FormErrorBoundary';

package/dist/cjs/ui/ConfigPanel/Header.js

@@ -77,5 +77,4 @@ var Header = function Header(_ref) {
     href: documentationUrl
   }, intl.formatMessage(_messages.messages.documentation))));
 };
-var _default = (0, _reactIntlNext.injectIntl)(Header);
-exports.default = _default;
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(Header);