@atlaskit/editor-common 60.0.0 → 61.0.0

package/dist/es2019/styles/shared/panel.js

@@ -1,7 +1,8 @@
 import { css } from 'styled-components';
-import { hexToRgba, PanelType } from '@atlaskit/adf-schema';
+import { PanelType } from '@atlaskit/adf-schema';
 import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
-import { emojiSprite } from '@atlaskit/emoji';
+import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
+import { emojiImage, emojiSprite } from '@atlaskit/emoji';
 import * as colors from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
@@ -13,22 +14,67 @@ const lightPanelColor = {
   warning: colors.Y50,
   error: colors.R50
 };
-const darkPanelOpacity = 0.64;
-const darkPanelColor = {
-  info: colors.B500,
-  note: colors.P500,
-  tip: colors.G500,
-  success: colors.G500,
-  warning: colors.Y500,
-  error: colors.R500
-};
-const darkPanelBorderColor = {
-  info: colors.B400,
-  note: colors.P400,
-  tip: colors.G400,
-  success: colors.G400,
-  warning: colors.Y400,
-  error: colors.R400
+const darkPanelColors = {
+  // standard panels
+  info: '#0C294F',
+  error: `#441C13`,
+  warning: `#413001`,
+  tip: `#052E21`,
+  success: `#052E21`,
+  note: `#282249`,
+  // Reds
+  R900: '#601D16',
+  // Red Saturated
+  R100S: `#FFEFEB`,
+  R300S: `#FFB5A3`,
+  R500S: `#FF6B47`,
+  R800S: `#C4320E`,
+  R1200S: `#441C13`,
+  // Yellows
+  Y900: '#533F04',
+  // Yellow Saturated
+  Y100S: `#FFF3D1`,
+  Y300S: `#FFDC7A`,
+  Y500S: `#FFC933`,
+  Y800S: `#D8A003`,
+  Y1200S: `#413001`,
+  // Greens
+  G900: '#164B35',
+  // Green Saturated
+  G100S: `#E3FCF0`,
+  G300S: `#95EEC5`,
+  G400S: `#60DCA8`,
+  G900S: `#086848`,
+  G1200S: `#052E21`,
+  // Blues
+  B900: '#09326C',
+  // Saturated Blues
+  B100S: '#E5F0FF',
+  B300S: '#A3C9FF',
+  B500S: '#4794FF',
+  B800S: '#0055CC',
+  B1200S: '#0C294F',
+  // Purples
+  P900: `#352C63`,
+  // Purple Saturated
+  P100S: `#EEEBFF`,
+  P300S: `#CCC3FE`,
+  P500S: `#A292F7`,
+  P800S: `#5E49CA`,
+  P1200S: `#282249`,
+  // Teals
+  T900: '#1D474C',
+  // Teal Saturated
+  T100S: `#DBFAFF`,
+  T300S: `#78EBFC`,
+  T400S: `#3AD6EE`,
+  T900S: `#056270`,
+  T1200S: `#0B3037`,
+  // Dark Mode Alpha
+  DNA20A: 'rgba(150, 176, 210, 0.53)',
+  DNA40A: 'rgba(134, 156, 180, 0.29)',
+  DNA80A: '#161A1D',
+  TextColor: '#D9DDE3'
 };
 const lightIconColor = {
   info: colors.B400,
@@ -45,15 +91,20 @@ const darkIconColor = {
   success: colors.G200,
   warning: colors.Y100,
   error: colors.R200
-};
-const darkTextColor = {
-  info: colors.B75,
-  note: colors.P75,
-  tip: colors.G75,
-  success: colors.G75,
-  warning: colors.Y75,
-  error: colors.R75
-};
+}; // New custom icons are a little smaller than predefined icons.
+// To fix alignment issues with custom icons, vertical alignment is updated.
+
+const panelEmojiSpriteVerticalAlignment = -(gridSize() * 3 - akEditorCustomIconSize) / 2;
+const panelEmojiImageVerticalAlignment = panelEmojiSpriteVerticalAlignment - 1;
+export const getPanelBackgroundDarkModeColors = [[colors.B50, darkPanelColors.B1200S], [colors.B75, darkPanelColors.B900], [colors.B100, darkPanelColors.B800S], [colors.N0, darkPanelColors.DNA80A], [colors.N20, darkPanelColors.DNA40A], [colors.N60, darkPanelColors.DNA20A], [colors.T50, darkPanelColors.T1200S], [colors.T75, darkPanelColors.T900], [colors.T100, darkPanelColors.T900S], [colors.G50, darkPanelColors.G1200S], [colors.G75, darkPanelColors.G900], [colors.G200, darkPanelColors.G900S], [colors.Y50, darkPanelColors.Y1200S], [colors.Y75, darkPanelColors.Y900], [colors.Y200, darkPanelColors.Y800S], [colors.R50, darkPanelColors.R1200S], [colors.R75, darkPanelColors.R900], [colors.R100, darkPanelColors.R800S], [colors.P50, darkPanelColors.P1200S], [colors.P75, darkPanelColors.P900], [colors.P100, darkPanelColors.P800S]].map(([colorName, colorValue]) => getPanelDarkModeCSS(colorName, colorValue)).join('\n');
+export function getPanelDarkModeCSS(colorName, colorValue) {
+  return `
+  &[data-panel-color="${colorName}"] {
+    background-color: ${colorValue} !important; // !important to override default style color
+    color: ${darkPanelColors.TextColor};
+  }
+  `;
+}
 const prefix = 'ak-editor-panel';
 export const PanelSharedCssClassName = {
   prefix,
@@ -70,7 +121,7 @@ export const PanelSharedSelectors = {
   removeButton: `button[aria-label="Remove"]`,
   colorPalette: `[aria-label="Background color"]`,
   selectedColor: `[aria-label="The smell"]`,
-  hideEmojiIcon: `[aria-label="Hide emoji"]`,
+  removeEmojiIcon: `[aria-label="Remove emoji"]`,
   emojiIcon: `[aria-label="editor-add-emoji"]`,
   selectedEmoji: `[aria-label=":grinning:"]`,
   title: `#editor-title`
@@ -90,7 +141,7 @@ const iconDynamicStyles = panelType => props => {
 
 export const getPanelTypeBackground = (panelType, props = {}) => {
   const light = lightPanelColor[panelType];
-  const dark = hexToRgba(darkPanelColor[panelType], darkPanelOpacity);
+  const dark = darkPanelColors[panelType];
   const background = themed({
     light,
     dark
@@ -100,19 +151,12 @@ export const getPanelTypeBackground = (panelType, props = {}) => {
 
 const mainDynamicStyles = panelType => props => {
   const background = getPanelTypeBackground(panelType, props);
-  const darkText = darkTextColor[panelType];
-  const darkBorder = '1px solid ' + darkPanelBorderColor[panelType];
-  const border = themed({
-    light: 'none',
-    dark: darkBorder
-  })(props);
   const text = themed({
     light: 'inherit',
-    dark: darkText
+    dark: darkPanelColors.TextColor
   })(props);
   return `
     background-color: ${background};
-    border: ${border};
     color: ${text};
   `;
 };
@@ -124,19 +168,23 @@ export const panelSharedStyles = css`
     padding: ${gridSize()}px;
     min-width: ${akEditorTableCellMinWidth}px;
     display: flex;
+    position: relative;
     align-items: baseline;
     word-break: break-word;
 
     ${mainDynamicStyles(PanelType.INFO)}
 
     .${PanelSharedCssClassName.icon} {
-      display: block;
       flex-shrink: 0;
       height: ${gridSize() * 3}px;
       width: ${gridSize() * 3}px;
       box-sizing: content-box;
       padding-right: ${gridSize()}px;
       text-align: center;
+      user-select: none;
+      -moz-user-select: none;
+      -webkit-user-select: none;
+      -ms-user-select: none;
       ${iconDynamicStyles(PanelType.INFO)}
 
       > span {
@@ -145,7 +193,18 @@ export const panelSharedStyles = css`
       }
 
       .${emojiSprite} {
-        vertical-align: -2px;
+        vertical-align: ${panelEmojiSpriteVerticalAlignment}px;
+      }
+
+      .${emojiImage} {
+        vertical-align: ${panelEmojiImageVerticalAlignment}px;
+
+        // Vertical align only works for inline-block elements in Firefox
+        @-moz-document url-prefix() {
+          img {
+            display: inline-block;
+          }
+        }
       }
     }
 
@@ -198,5 +257,11 @@ export const panelSharedStyles = css`
         ${iconDynamicStyles(PanelType.SUCCESS)}
       }
     }
+
+    &[data-panel-type='${PanelType.CUSTOM}'] {
+      ${themed({
+  dark: getPanelBackgroundDarkModeColors
+})};
+    }
   }
 `;

package/dist/es2019/styles/shared/table.js

@@ -40,6 +40,7 @@ const tableSharedStyle = css`
   }
   .${TableSharedCssClassName.TABLE_CONTAINER}[data-number-column='true'] {
     padding-left: ${akEditorTableNumberColumnWidth - 1}px;
+    clear: both;
   }
   /* avoid applying styles to nested tables (possible via extensions) */
   .${TableSharedCssClassName.TABLE_CONTAINER} > table,
@@ -88,7 +89,7 @@ const tableSharedStyle = css`
         border-bottom-width: 0;
         padding: ${tableCellPadding}px;
         /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */
-        ${browser.gecko || browser.ie ? 'background-clip: padding-box;' : ''}
+        ${browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : ''}
 
         ${themed({
   dark: getTableCellBackgroundDarkModeColors

package/dist/es2019/ufo/experience-store.js

@@ -0,0 +1,116 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { ExperiencePerformanceTypes, ExperienceTypes, UFOExperience } from '@atlaskit/ufo';
+export const experienceConfig = {
+  type: ExperienceTypes.Operation,
+  performanceType: ExperiencePerformanceTypes.Custom,
+  platform: {
+    component: 'editor'
+  }
+};
+export let EditorExperience;
+
+(function (EditorExperience) {
+  EditorExperience["loadEditor"] = "load";
+  EditorExperience["typing"] = "type";
+  EditorExperience["interaction"] = "interact";
+  EditorExperience["editSession"] = "editSession";
+})(EditorExperience || (EditorExperience = {}));
+
+export const RELIABILITY_INTERVAL = 30000;
+export class ExperienceStore {
+  constructor() {
+    this.experiences = new Map();
+
+    for (const experienceId of Object.values(EditorExperience)) {
+      const experience = new UFOExperience(experienceId, experienceConfig);
+      this.experiences.set(experienceId, experience);
+    }
+  }
+
+  static getInstance(view, options = {}) {
+    if (!this.stores.get(view) || options !== null && options !== void 0 && options.forceNewInstance) {
+      const store = new ExperienceStore();
+      this.stores.set(view, store);
+    }
+
+    return this.stores.get(view);
+  }
+
+  get(experienceId) {
+    return this.experiences.get(experienceId);
+  }
+
+  getActive(experienceId) {
+    const experience = this.experiences.get(experienceId);
+
+    if (!(experience !== null && experience !== void 0 && experience.state.final)) {
+      return experience;
+    }
+  }
+
+  getAll() {
+    return Array.from(this.experiences.values());
+  }
+
+  start(experienceId, startTime) {
+    var _this$get;
+
+    (_this$get = this.get(experienceId)) === null || _this$get === void 0 ? void 0 : _this$get.start(startTime);
+  }
+
+  addMetadata(experienceId, metadata) {
+    var _this$get2;
+
+    (_this$get2 = this.get(experienceId)) === null || _this$get2 === void 0 ? void 0 : _this$get2.addMetadata(metadata);
+  }
+
+  mark(experienceId, mark, value) {
+    var _this$get3;
+
+    (_this$get3 = this.get(experienceId)) === null || _this$get3 === void 0 ? void 0 : _this$get3.mark(mark, value);
+  }
+
+  success(experienceId, metadata) {
+    var _this$getActive;
+
+    return (_this$getActive = this.getActive(experienceId)) === null || _this$getActive === void 0 ? void 0 : _this$getActive.success({
+      metadata
+    });
+  }
+
+  fail(experienceId, metadata) {
+    var _this$getActive2;
+
+    (_this$getActive2 = this.getActive(experienceId)) === null || _this$getActive2 === void 0 ? void 0 : _this$getActive2.failure({
+      metadata
+    });
+  }
+
+  abort(experienceId, metadata) {
+    // We add this wait in here because when React catches an error it unmounts the component
+    // before the error boundary's componentDidCatch is called
+    // In this case we want to fail the experience, but without this wait, abort is called first
+    setTimeout(() => {
+      var _this$getActive3;
+
+      (_this$getActive3 = this.getActive(experienceId)) === null || _this$getActive3 === void 0 ? void 0 : _this$getActive3.abort({
+        metadata
+      });
+    }, 0);
+  }
+
+  abortAll(metadata) {
+    this.experiences.forEach(experience => {
+      this.abort(experience.id, metadata);
+    });
+  }
+
+  failAll(metadata) {
+    this.experiences.forEach(experience => {
+      this.fail(experience.id, metadata);
+    });
+  }
+
+}
+
+_defineProperty(ExperienceStore, "stores", new WeakMap());

package/dist/es2019/ufo/index.js

@@ -0,0 +1 @@
+export { ExperienceStore, EditorExperience, RELIABILITY_INTERVAL } from './experience-store';

package/dist/es2019/ui/Messages/index.js

@@ -4,7 +4,6 @@ import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { G400, N200, R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
-import { multiply } from '@atlaskit/theme/math';
 import { h200 } from '@atlaskit/theme/typography';
 const Message = styled.div`
   ${h200} font-weight: normal;
@@ -19,7 +18,7 @@ const Message = styled.div`
 
   return N200;
 }};
-  margin-top: ${multiply(gridSize, 0.5)}px;
+  margin-top: ${gridSize() / 2}px;
   display: flex;
   justify-content: baseline;
 `;

package/dist/es2019/ui/index.js

@@ -1,10 +1,15 @@
-export { default as Emoji } from './Emoji';
+// TODO: ED-13875 Remove Emoji & EmojiProps exports once root entry point for editor-common has been removed
+export { default as Emoji } from './Emoji'; //exported from ./src/emoji.ts
+
+//exported from ./src/emoji.ts
 export { default as Caption } from './Caption';
 export { default as MediaSingle, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts, shouldAddDefaultWrappedWidth } from './MediaSingle';
 export { MediaSingleDimensionHelper } from './MediaSingle/styled';
 export { layoutSupportsWidth, calcPxFromColumns, calcPctFromPx, calcPxFromPct, calcColumnsFromPx, snapToGrid } from './MediaSingle/grid';
-export { MediaLink } from './MediaSingle/link';
-export { default as Mention } from './Mention';
+export { MediaLink } from './MediaSingle/link'; // TODO: ED-13875 Remove Mention export once root entry point for editor-common has been removed
+
+export { default as Mention } from './Mention'; //exported from ./src/mention.ts
+
 export { default as Popup, findOverflowScrollParent } from './Popup';
 export { default as UnsupportedBlock } from './UnsupportedBlock';
 export { default as UnsupportedInline } from './UnsupportedInline';

package/dist/es2019/utils/compareNodes.js

@@ -128,6 +128,12 @@ function compareValue(valueA, valueB) {
     return 0;
   }
 
+  if (typeof valueA === 'string' && typeof valueB === 'string') {
+    return valueA.localeCompare(valueB, window.navigator.language, {
+      caseFirst: 'upper'
+    });
+  }
+
   return valueA > valueB ? 1 : -1;
 }
 /**

package/dist/es2019/utils/index.js

@@ -21,4 +21,6 @@ export { compose } from './compose';
 export { ZERO_WIDTH_SPACE } from './whitespace';
 export { shouldForceTracking } from './should-force-tracking';
 export { getModeFromTheme } from './getModeFromTheme';
-export { sniffUserBrowserExtensions } from './browser-extensions';
+export { sniffUserBrowserExtensions } from './browser-extensions';
+export { RenderCountProfiler } from './profiler/render-count';
+export { validateADFEntity, validationErrorHandler } from './validate-using-spec';

package/dist/es2019/utils/profiler/render-count.js

@@ -0,0 +1,107 @@
+export const PROFILER_KEY = '__editorRenderCountProfiler';
+export class RenderCountProfiler {
+  /**
+   * The singleton/cached instance of RenderCountProfiler that will be shared
+   * betweenRenderCountProfiler.getInstance() calls
+   */
+  constructor({
+    store
+  }) {
+    this.store = store;
+  }
+  /**
+   * Returns the singleton/cached instance of RenderCountProfiler that
+   * currently exists. If it hasn't been instantiated yet, the singleton
+   * instance will be created using the given params. Returns the latest
+   * singleton/instance.
+   */
+
+
+  static getInstance(params) {
+    if (!RenderCountProfiler.instance) {
+      RenderCountProfiler.instance = new RenderCountProfiler({
+        store: params.store
+      });
+    }
+
+    return RenderCountProfiler.instance;
+  }
+
+  getData(profilerKey) {
+    var _this$store;
+
+    return (_this$store = this.store) === null || _this$store === void 0 ? void 0 : _this$store[profilerKey];
+  }
+
+  enable() {
+    this.store[PROFILER_KEY] = { ...this.store[PROFILER_KEY],
+      enabled: true
+    };
+  }
+
+  remove() {
+    delete this.store[PROFILER_KEY];
+  }
+
+  isEnabled() {
+    var _this$store2, _this$store2$PROFILER;
+
+    return Boolean((_this$store2 = this.store) === null || _this$store2 === void 0 ? void 0 : (_this$store2$PROFILER = _this$store2[PROFILER_KEY]) === null || _this$store2$PROFILER === void 0 ? void 0 : _this$store2$PROFILER.enabled);
+  }
+
+  setRenderCount({
+    componentId,
+    renderCount,
+    instanceId
+  }) {
+    const profilerData = this.store[PROFILER_KEY];
+    const instance = {
+      count: renderCount
+    };
+    const existingComponents = profilerData === null || profilerData === void 0 ? void 0 : profilerData.components;
+    const existingInstances = existingComponents === null || existingComponents === void 0 ? void 0 : existingComponents[componentId];
+    const updatedComponent = { ...existingInstances,
+      [instanceId]: instance
+    };
+    this.store[PROFILER_KEY] = { ...profilerData,
+      components: { ...existingComponents,
+        [componentId]: updatedComponent
+      }
+    };
+  }
+
+  getInstanceRenderCounters({
+    componentId
+  }) {
+    var _this$store$PROFILER_, _this$store3, _this$store3$PROFILER, _this$store3$PROFILER2;
+
+    const component = (_this$store$PROFILER_ = (_this$store3 = this.store) === null || _this$store3 === void 0 ? void 0 : (_this$store3$PROFILER = _this$store3[PROFILER_KEY]) === null || _this$store3$PROFILER === void 0 ? void 0 : (_this$store3$PROFILER2 = _this$store3$PROFILER.components) === null || _this$store3$PROFILER2 === void 0 ? void 0 : _this$store3$PROFILER2[componentId]) !== null && _this$store$PROFILER_ !== void 0 ? _this$store$PROFILER_ : {};
+    const counters = [];
+
+    for (let instanceId in component) {
+      const counter = {
+        instanceId,
+        count: component[instanceId].count
+      };
+      counters.push(counter);
+    }
+
+    return counters;
+  }
+
+  getRenderCount({
+    componentId
+  }) {
+    var _this$store$PROFILER_2, _this$store4, _this$store4$PROFILER, _this$store4$PROFILER2;
+
+    const component = (_this$store$PROFILER_2 = (_this$store4 = this.store) === null || _this$store4 === void 0 ? void 0 : (_this$store4$PROFILER = _this$store4[PROFILER_KEY]) === null || _this$store4$PROFILER === void 0 ? void 0 : (_this$store4$PROFILER2 = _this$store4$PROFILER.components) === null || _this$store4$PROFILER2 === void 0 ? void 0 : _this$store4$PROFILER2[componentId]) !== null && _this$store$PROFILER_2 !== void 0 ? _this$store$PROFILER_2 : {};
+    let total = 0;
+
+    for (let instanceId in component) {
+      total += component[instanceId].count;
+    }
+
+    return total;
+  }
+
+}

package/dist/es2019/utils/validator.js

@@ -8,7 +8,7 @@ export const ADFStages = {
  * It's important that this order follows the marks rank defined here:
  * https://product-fabric.atlassian.net/wiki/spaces/E/pages/11174043/Document+structure#Documentstructure-Rank
  */
-export const markOrder = ['link', 'em', 'strong', 'textColor', 'strike', 'subsup', 'underline', 'code', 'confluenceInlineComment', 'annotation', 'dataConsumer'];
+export const markOrder = ['fragment', 'link', 'em', 'strong', 'textColor', 'strike', 'subsup', 'underline', 'code', 'confluenceInlineComment', 'annotation', 'dataConsumer'];
 export const isSubSupType = type => {
   return type === 'sub' || type === 'sup';
 };
@@ -332,7 +332,7 @@ export const getValidNode = (originalNode, schema = defaultSchema, adfStage = 'f
 
       case 'caption':
         {
-          if (content && adfStage === 'stage0') {
+          if (content) {
             return {
               type,
               content
@@ -342,6 +342,31 @@ export const getValidNode = (originalNode, schema = defaultSchema, adfStage = 'f
           break;
         }
 
+      case 'mediaInline':
+        {
+          let mediaId = '';
+          let mediaCollection = [];
+
+          if (attrs) {
+            const {
+              id,
+              collection
+            } = attrs;
+            mediaId = id;
+            mediaCollection = collection;
+          }
+
+          if (mediaId && mediaCollection && adfStage === 'stage0') {
+            return {
+              type,
+              attrs,
+              marks
+            };
+          }
+
+          break;
+        }
+
       case 'media':
         {
           let mediaId = '';
@@ -606,20 +631,10 @@ export const getValidNode = (originalNode, schema = defaultSchema, adfStage = 'f
         {
           if (attrs && content) {
             const {
-              panelType,
-              panelIcon,
-              panelColor
+              panelType
             } = attrs;
 
             if (Object.values(PanelType).includes(panelType)) {
-              // TODO: ED-10445 remove stage0 check
-              let attrs = adfStage === 'stage0' ? {
-                panelType,
-                panelIcon,
-                panelColor
-              } : {
-                panelType
-              };
               return {
                 type,
                 attrs,
@@ -956,6 +971,14 @@ export const getValidMark = (mark, adfStage = 'final') => {
             attrs
           };
         }
+
+      case 'fragment':
+        {
+          return {
+            type,
+            attrs
+          };
+        }
     }
   }
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "60.0.0",
+	"version": "61.0.0",
 	"sideEffects": false
 }

package/dist/esm/card/cardOptions.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/emoji.js

@@ -0,0 +1,2 @@
+export { default as Emoji } from './ui/Emoji';
+export { EmojiSharedCssClassName } from './styles/shared/emoji';

package/dist/esm/extensions/index.js

@@ -1,4 +1,4 @@
-export { isFieldset, isTabGroup, isExpand, isDateRange } from './types';
+export { isFieldset, isTabGroup, isTabField, isExpand, isDateRange } from './types';
 export { getExtensionKeyAndNodeKey, resolveImport } from './manifest-helpers';
 export { default as DefaultExtensionProvider } from './default-extension-provider';
 export { createAutoConverterRunner, getExtensionAutoConvertersFromProvider, getQuickInsertItemsFromModule, getContextualToolbarItemsFromModule, buildMenuItem } from './module-helpers';

package/dist/esm/extensions/types/field-definitions.js

@@ -8,6 +8,9 @@ export var isFieldset = function isFieldset(field) {
 export var isTabGroup = function isTabGroup(field) {
   return field.type === 'tab-group';
 };
+export var isTabField = function isTabField(field) {
+  return 'type' in field && field.type === 'tab';
+};
 export var isExpand = function isExpand(field) {
   return field.type === 'expand';
 };

package/dist/esm/extensions/types/index.js

@@ -1 +1 @@
-export { isFieldset, isTabGroup, isExpand, isDateRange } from './field-definitions';
+export { isFieldset, isTabGroup, isTabField, isExpand, isDateRange } from './field-definitions';

package/dist/esm/extensions.js

@@ -1 +1 @@
-export { DefaultExtensionProvider, combineExtensionProviders, createAutoConverterRunner, getExtensionAutoConvertersFromProvider, getExtensionKeyAndNodeKey, getExtensionModuleNode, getQuickInsertItemsFromModule, getNodeRenderer, getExtensionModuleNodePrivateProps, getContextualToolbarItemsFromModule, resolveImport, getCustomFieldResolver, getFieldSerializer, getFieldDeserializer, isFieldset, isTabGroup, isExpand, isDateRange, getUserFieldContextProvider, buildMenuItem } from './extensions/index';
+export { DefaultExtensionProvider, combineExtensionProviders, createAutoConverterRunner, getExtensionAutoConvertersFromProvider, getExtensionKeyAndNodeKey, getExtensionModuleNode, getQuickInsertItemsFromModule, getNodeRenderer, getExtensionModuleNodePrivateProps, getContextualToolbarItemsFromModule, resolveImport, getCustomFieldResolver, getFieldSerializer, getFieldDeserializer, isFieldset, isTabGroup, isTabField, isExpand, isDateRange, getUserFieldContextProvider, buildMenuItem } from './extensions/index';

package/dist/esm/i18n/cs.js

@@ -6,6 +6,7 @@
  */
 // Czech
 export default {
+  'fabric.editor.codeBidiWarningLabel': 'Obousměrné znaky mění pořadí vykreslování textu. Může to být použito k zakrytí škodlivého kódu.',
   'fabric.editor.captionPlaceholder': 'Přidejte popisek',
   'fabric.editor.collapseNode': 'Sbalit obsah',
   'fabric.editor.expandDefaultTitle': 'Klikněte sem pro rozbalení...',

package/dist/esm/i18n/da.js

@@ -6,6 +6,7 @@
  */
 // Danish
 export default {
+  'fabric.editor.codeBidiWarningLabel': 'Tegn med tovejsfunktionalitet ændrer rækkefølgen, som teksten er gengivet i. Dette kan udnyttes til at skjule skadelig kode.',
   'fabric.editor.captionPlaceholder': 'Tilføj en billedtekst',
   'fabric.editor.collapseNode': 'skjul indhold',
   'fabric.editor.expandDefaultTitle': 'Klik her for at udvide...',