@atlaskit/smart-card 45.20.6 → 45.21.0

package/dist/es2019/utils/get-lazy-icons.js

@@ -0,0 +1,334 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { IconType } from '../constants';
+const loadPriorityIcons = () => import( /* webpackChunkName: "@atlaskit-internal_priority-icons" */'../common/ui/icons/priority-icons');
+
+// prettier-ignore
+export const getLazyIcons = () => {
+  return {
+    // IconTile wrappers (@atlaskit/icon/core/* wrapped in <IconTile> with color)
+    [IconType.Document]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon')
+    },
+    [IconType.Audio]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon')
+    },
+    [IconType.Code]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon')
+    },
+    [IconType.File]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_file-icon" */'../common/ui/icons/file-icon')
+    },
+    [IconType.Folder]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_folder-icon" */'../common/ui/icons/folder-icon')
+    },
+    [IconType.Generic]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_file-icon" */'../common/ui/icons/file-icon')
+    },
+    [IconType.Image]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon')
+    },
+    [IconType.Presentation]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_chart-bar-icon" */'../common/ui/icons/chart-bar-icon')
+    },
+    [IconType.Spreadsheet]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon')
+    },
+    [IconType.Video]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon')
+    },
+    // @atlaskit/icon/core/* (plain monochrome icons)
+    [IconType.Project]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProject" */'@atlaskit/icon/core/people-group')
+    },
+    [IconType.Template]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTemplate" */'@atlaskit/icon/core/file')
+    },
+    [IconType.Forbidden]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphForbidden" */'@atlaskit/icon/core/lock-locked')
+    },
+    [IconType.Default]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/link')
+    },
+    [IconType.Error]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/status-error')
+    },
+    // @atlaskit/icon/core/* (badge icons)
+    [IconType.Attachment]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/attachment')
+    },
+    [IconType.CheckItem]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/task')
+    },
+    [IconType.Component]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/component')
+    },
+    [IconType.Comment]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/comment')
+    },
+    [IconType.View]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/eye-open')
+    },
+    [IconType.React]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/thumbs-up')
+    },
+    [IconType.Vote]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/arrow-up')
+    },
+    [IconType.PriorityUndefined]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/question-circle')
+    },
+    [IconType.ProgrammingLanguage]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/angle-brackets')
+    },
+    [IconType.Subscriber]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/people-group')
+    },
+    [IconType.SubTasksProgress]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/subtasks')
+    },
+    // @atlaskit/icon-file-type/glyph/* (file type icons with 16/24 size variants)
+    [IconType.Archive]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphArchive" */'@atlaskit/icon-file-type/glyph/archive/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphArchive" */'@atlaskit/icon-file-type/glyph/archive/24')
+    },
+    [IconType.Executable]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphExecutable" */'@atlaskit/icon-file-type/glyph/executable/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphExecutable" */'@atlaskit/icon-file-type/glyph/executable/24')
+    },
+    [IconType.GIF]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphGIF" */'@atlaskit/icon-file-type/glyph/gif/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphGIF" */'@atlaskit/icon-file-type/glyph/gif/24')
+    },
+    [IconType.GoogleDocs]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleDocs" */'@atlaskit/icon-file-type/glyph/google-doc/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleDocs" */'@atlaskit/icon-file-type/glyph/google-doc/24')
+    },
+    [IconType.GoogleForms]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/24')
+    },
+    [IconType.GoogleSheets]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleSheets" */'@atlaskit/icon-file-type/glyph/google-sheet/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleSheets" */'@atlaskit/icon-file-type/glyph/google-sheet/24')
+    },
+    [IconType.GoogleSlides]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleSlides" */'@atlaskit/icon-file-type/glyph/google-slide/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleSlides" */'@atlaskit/icon-file-type/glyph/google-slide/24')
+    },
+    [IconType.MSExcel]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMSExcel" */'@atlaskit/icon-file-type/glyph/excel-spreadsheet/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMSExcel" */'@atlaskit/icon-file-type/glyph/excel-spreadsheet/24')
+    },
+    [IconType.MSPowerpoint]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMSPowerpoint" */'@atlaskit/icon-file-type/glyph/powerpoint-presentation/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMSPowerpoint" */'@atlaskit/icon-file-type/glyph/powerpoint-presentation/24')
+    },
+    [IconType.MSWord]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMSWord" */'@atlaskit/icon-file-type/glyph/word-document/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMSWord" */'@atlaskit/icon-file-type/glyph/word-document/24')
+    },
+    [IconType.PDF]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPDF" */'@atlaskit/icon-file-type/glyph/pdf-document/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPDF" */'@atlaskit/icon-file-type/glyph/pdf-document/24')
+    },
+    [IconType.Sketch]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/16'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/24')
+    },
+    // Keep blog/live-document out of the lazy map on purpose.
+    // These icons should be present in SSR markup so hydration does not cause
+    // a visible empty-state-then-pop-in transition in Smart Link consumers.
+    [IconType.Branch]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBranch" */'@atlaskit/object/branch'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBranch" */'@atlaskit/object/tile/branch').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.Commit]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphCommit" */'@atlaskit/object/commit'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphCommit" */'@atlaskit/object/tile/commit').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.PullRequest]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPullRequest" */'@atlaskit/object/pull-request'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPullRequest" */'@atlaskit/object/tile/pull-request').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.Repo]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphRepo" */'@atlaskit/object/code'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphRepo" */'@atlaskit/object/tile/code').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.Bug]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBug" */'@atlaskit/object/bug'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBug" */'@atlaskit/object/tile/bug').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.Change]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphChange" */'@atlaskit/object/changes'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphChange" */'@atlaskit/object/tile/changes').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.Epic]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphEpic" */'@atlaskit/object/epic'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphEpic" */'@atlaskit/object/tile/epic').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.Incident]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphIncident" */'@atlaskit/object/incident'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphIncident" */'@atlaskit/object/tile/incident').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.Problem]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProblem" */'@atlaskit/object/problem'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProblem" */'@atlaskit/object/tile/problem').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.ServiceRequest]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphServiceRequest" */'@atlaskit/object/work-item'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphServiceRequest" */'@atlaskit/object/tile/work-item').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.Story]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphStory" */'@atlaskit/object/story'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphStory" */'@atlaskit/object/tile/story').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.SubTask]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubTask" */'@atlaskit/object/subtask'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubTask" */'@atlaskit/object/tile/subtask').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    [IconType.Task]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/object/task'),
+      large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/object/tile/task').then(module => ({
+        default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
+          size: "small"
+        }))
+      }))
+    },
+    // @atlaskit/logo/* (product logos)
+    [IconType.Confluence]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon').then(({
+        ConfluenceIcon
+      }) => ({
+        default: ConfluenceIcon
+      }))
+    },
+    [IconType.Jira]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphJira" */'@atlaskit/logo/jira-icon').then(({
+        JiraIcon
+      }) => ({
+        default: JiraIcon
+      }))
+    },
+    // Priority icons stay lazy, but share one chunk to avoid a cold-cache request per icon type.
+    [IconType.PriorityBlocker]: {
+      default: () => fg('platform_sl_priority_icon') ? loadPriorityIcons().then(({
+        PriorityBlockerIcon: defaultIcon
+      }) => ({
+        default: defaultIcon
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'../common/ui/icons/priority-blocker-icon')
+    },
+    [IconType.PriorityCritical]: {
+      default: () => fg('platform_sl_priority_icon') ? loadPriorityIcons().then(({
+        PriorityCriticalIcon: defaultIcon
+      }) => ({
+        default: defaultIcon
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'../common/ui/icons/priority-critical-icon')
+    },
+    [IconType.PriorityHigh]: {
+      default: () => fg('platform_sl_priority_icon') ? loadPriorityIcons().then(({
+        PriorityHighIcon: defaultIcon
+      }) => ({
+        default: defaultIcon
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'../common/ui/icons/priority-high-icon')
+    },
+    [IconType.PriorityHighest]: {
+      default: () => fg('platform_sl_priority_icon') ? loadPriorityIcons().then(({
+        PriorityHighestIcon: defaultIcon
+      }) => ({
+        default: defaultIcon
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'../common/ui/icons/priority-highest-icon')
+    },
+    [IconType.PriorityLow]: {
+      default: () => fg('platform_sl_priority_icon') ? loadPriorityIcons().then(({
+        PriorityLowIcon: defaultIcon
+      }) => ({
+        default: defaultIcon
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon')
+    },
+    [IconType.PriorityLowest]: {
+      default: () => fg('platform_sl_priority_icon') ? loadPriorityIcons().then(({
+        PriorityLowestIcon: defaultIcon
+      }) => ({
+        default: defaultIcon
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon')
+    },
+    [IconType.PriorityMajor]: {
+      default: () => fg('platform_sl_priority_icon') ? loadPriorityIcons().then(({
+        PriorityMajorIcon: defaultIcon
+      }) => ({
+        default: defaultIcon
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon')
+    },
+    [IconType.PriorityMedium]: {
+      default: () => fg('platform_sl_priority_icon') ? loadPriorityIcons().then(({
+        PriorityMediumIcon: defaultIcon
+      }) => ({
+        default: defaultIcon
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon')
+    },
+    [IconType.PriorityMinor]: {
+      default: () => fg('platform_sl_priority_icon') ? loadPriorityIcons().then(({
+        PriorityMinorIcon: defaultIcon
+      }) => ({
+        default: defaultIcon
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'../common/ui/icons/priority-minor-icon')
+    },
+    [IconType.PriorityTrivial]: {
+      default: () => fg('platform_sl_priority_icon') ? loadPriorityIcons().then(({
+        PriorityTrivialIcon: defaultIcon
+      }) => ({
+        default: defaultIcon
+      })) : import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon')
+    }
+  };
+};

package/dist/es2019/utils/get-mark-name.js

@@ -0,0 +1 @@
+export const getMarkName = (id, status) => `${status}:${id}`;

package/dist/es2019/utils/get-measure-name.js

@@ -0,0 +1 @@
+export const getMeasureName = (id, status) => `time-to-${status}:${id}`;

package/dist/es2019/utils/get-measure.js

@@ -0,0 +1,12 @@
+import { getMeasureName } from './get-measure-name';
+import { hasPerformanceAPIAvailable } from './has-performance-api-available';
+export const getMeasure = (id, status) => {
+  if (hasPerformanceAPIAvailable) {
+    const name = getMeasureName(id, status);
+    const measures = performance.getEntriesByName(name);
+    if (measures.length > 0) {
+      return measures[0];
+    }
+    return undefined;
+  }
+};

package/dist/es2019/utils/get-preview-url-with-theme.js

@@ -0,0 +1,16 @@
+import { themeObjectToString } from '@atlaskit/tokens/theme-state-transformer';
+
+/**
+ * Append a theme to the URL if it exists
+ * @param previewUrl
+ * @param themeState
+ */
+export const getPreviewUrlWithTheme = (previewUrl, themeState) => {
+  try {
+    const url = new URL(previewUrl);
+    url.searchParams.append('themeState', themeObjectToString(themeState));
+    return url.href;
+  } catch {
+    return previewUrl;
+  }
+};

package/dist/es2019/utils/get-unauthorized-json-ld.js

@@ -0,0 +1,12 @@
+import { emptyData } from './jsonld';
+export const getUnauthorizedJsonLd = () => ({
+  meta: {
+    visibility: 'restricted',
+    access: 'unauthorized',
+    auth: [],
+    definitionId: 'provider-not-found'
+  },
+  data: {
+    ...emptyData
+  }
+});

package/dist/es2019/utils/handle-on-click.js

@@ -0,0 +1,5 @@
+export const handleOnClick = handler => e => {
+  e.preventDefault();
+  e.stopPropagation();
+  handler();
+};

package/dist/es2019/utils/has-performance-api-available.js

@@ -0,0 +1,2 @@
+import { isPerformanceAPIAvailable } from './is-performance-api-available';
+export const hasPerformanceAPIAvailable = isPerformanceAPIAvailable();

package/dist/es2019/utils/import-with-retry.js

@@ -0,0 +1,13 @@
+import { sleep } from './sleep';
+export const importWithRetry = async (importFn, retries = 2, interval = 500) => {
+  try {
+    return await importFn();
+  } catch (error) {
+    if (error.name === 'ChunkLoadError' && retries > 0) {
+      await sleep(interval);
+      return importWithRetry(importFn, retries - 1, interval);
+    } else {
+      throw error;
+    }
+  }
+};

package/dist/es2019/utils/is-aux-click.js

@@ -0,0 +1,8 @@
+/**
+ * Returns true for genuine middle-clicks (button === 1).
+ * Filters out Windows right-clicks, which fire onAuxClick with button === 2
+ * in addition to onContextMenu, to prevent double-counting.
+ */
+export const isAuxClick = e => {
+  return e.button === 1;
+};

package/dist/es2019/utils/is-flexible-ui-block.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import ActionBlock from '../view/FlexibleCard/components/blocks/action-block';
+import AIFooterBlock from '../view/FlexibleCard/components/blocks/ai-footer-block';
+import Block from '../view/FlexibleCard/components/blocks/block';
+import FooterBlock from '../view/FlexibleCard/components/blocks/footer-block';
+import MetadataBlock from '../view/FlexibleCard/components/blocks/metadata-block';
+import PreviewBlock from '../view/FlexibleCard/components/blocks/preview-block';
+import SnippetBlock from '../view/FlexibleCard/components/blocks/snippet-block';
+import TitleBlock from '../view/FlexibleCard/components/blocks/title-block';
+import ResolvedHoverCardFooterBlock from '../view/FlexibleCard/components/blocks/hover-card-footer-block';
+import { isStyleCacheProvider } from './is-style-cache-provider';
+const Blocks = {
+  ActionBlock,
+  AIFooterBlock,
+  Block,
+  FooterBlock,
+  MetadataBlock,
+  PreviewBlock,
+  SnippetBlock,
+  TitleBlock,
+  ResolvedHoverCardFooterBlock
+};
+export const isFlexibleUiBlock = node => {
+  if (! /*#__PURE__*/React.isValidElement(node)) {
+    return false;
+  }
+  if (isStyleCacheProvider(node)) {
+    // Component wrapped with compiled at runtime, check for children
+    let isChildrenValid = true;
+    React.Children.map(node.props.children, child => {
+      var _child$type;
+      if (! /*#__PURE__*/React.isValidElement(child)) {
+        isChildrenValid = false;
+        return;
+      }
+      if (typeof child.type !== 'string' && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) !== 'Style') {
+        isChildrenValid = isFlexibleUiBlock(child);
+      }
+    });
+    return isChildrenValid;
+  }
+  if (Object.values(Blocks).some(type => type === node.type)) {
+    return true;
+  }
+  return false;
+};

package/dist/es2019/utils/is-flexible-ui-card.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { isFlexibleUiTitleBlock } from './is-flexible-ui-title-block';
+export const isFlexibleUiCard = (children, ui) => {
+  if (ui !== null && ui !== void 0 && ui.removeBlockRestriction) {
+    var _React$Children$toArr;
+    return children && ((_React$Children$toArr = React.Children.toArray(children)) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.length) > 0 ? true : false;
+  }
+  if (children && React.Children.toArray(children).some(child => isFlexibleUiTitleBlock(child))) {
+    return true;
+  }
+  return false;
+};

package/dist/es2019/utils/is-flexible-ui-element.js

@@ -0,0 +1,104 @@
+import React from 'react';
+import AppliedToComponentsCount from '../view/FlexibleCard/components/elements/applied-to-components-count-element';
+import AssignedTo from '../view/FlexibleCard/components/elements/assigned-to-element';
+import AssignedToGroup from '../view/FlexibleCard/components/elements/assigned-to-group-element';
+import AttachmentCount from '../view/FlexibleCard/components/elements/attachment-count-element';
+import AuthorGroup from '../view/FlexibleCard/components/elements/author-group-element';
+import ChecklistProgress from '../view/FlexibleCard/components/elements/checklist-progress-element';
+import CollaboratorGroup from '../view/FlexibleCard/components/elements/collaborator-group-element';
+import CommentCount from '../view/FlexibleCard/components/elements/comment-count-element';
+import CreatedBy from '../view/FlexibleCard/components/elements/created-by-element';
+import CreatedOn from '../view/FlexibleCard/components/elements/created-on-element';
+import DueOn from '../view/FlexibleCard/components/elements/due-on-element';
+import HostName from '../view/FlexibleCard/components/elements/host-name-element';
+import LatestCommit from '../view/FlexibleCard/components/elements/latest-commit-element';
+import LinkIcon from '../view/FlexibleCard/components/elements/link-icon-element';
+import Location from '../view/FlexibleCard/components/elements/location-element';
+import ModifiedBy from '../view/FlexibleCard/components/elements/modified-by-element';
+import ModifiedOn from '../view/FlexibleCard/components/elements/modified-on-element';
+import OwnedBy from '../view/FlexibleCard/components/elements/owned-by-element';
+import OwnedByGroup from '../view/FlexibleCard/components/elements/owned-by-group-element';
+import Preview from '../view/FlexibleCard/components/elements/preview-element';
+import Priority from '../view/FlexibleCard/components/elements/priority-element';
+import ProgrammingLanguage from '../view/FlexibleCard/components/elements/programming-language-element';
+import Provider from '../view/FlexibleCard/components/elements/provider-element';
+import ReactCount from '../view/FlexibleCard/components/elements/react-count-element';
+import ReadTime from '../view/FlexibleCard/components/elements/read-time-element';
+import SentOn from '../view/FlexibleCard/components/elements/sent-on-element';
+import Snippet from '../view/FlexibleCard/components/elements/snippet-element';
+import SourceBranch from '../view/FlexibleCard/components/elements/source-branch-element';
+import State from '../view/FlexibleCard/components/elements/state-element';
+import StoryPoints from '../view/FlexibleCard/components/elements/story-points-element';
+import SubTasksProgress from '../view/FlexibleCard/components/elements/sub-tasks-progress-element';
+import SubscriberCount from '../view/FlexibleCard/components/elements/subscriber-count-element';
+import TargetBranch from '../view/FlexibleCard/components/elements/target-branch-element';
+import TeamMemberCount from '../view/FlexibleCard/components/elements/team-member-count-element';
+import Title from '../view/FlexibleCard/components/elements/title-element';
+import UserAttributes from '../view/FlexibleCard/components/elements/user-attributes-element';
+import ViewCount from '../view/FlexibleCard/components/elements/view-count-element';
+import VoteCount from '../view/FlexibleCard/components/elements/vote-count-element';
+import { isStyleCacheProvider } from './is-style-cache-provider';
+const Elements = {
+  AppliedToComponentsCount,
+  AssignedTo,
+  AssignedToGroup,
+  AttachmentCount,
+  AuthorGroup,
+  ChecklistProgress,
+  CollaboratorGroup,
+  CommentCount,
+  CreatedBy,
+  CreatedOn,
+  DueOn,
+  HostName,
+  LatestCommit,
+  LinkIcon,
+  Location,
+  ModifiedBy,
+  ModifiedOn,
+  OwnedBy,
+  OwnedByGroup,
+  Preview,
+  Priority,
+  ProgrammingLanguage,
+  Provider,
+  ReactCount,
+  ReadTime,
+  SentOn,
+  Snippet,
+  SourceBranch,
+  State,
+  StoryPoints,
+  SubTasksProgress,
+  SubscriberCount,
+  TargetBranch,
+  TeamMemberCount,
+  Title,
+  UserAttributes,
+  ViewCount,
+  VoteCount
+};
+export const isFlexibleUiElement = node => {
+  if (! /*#__PURE__*/React.isValidElement(node)) {
+    return false;
+  }
+  if (Object.values(Elements).some(type => type === node.type)) {
+    return true;
+  }
+  if (isStyleCacheProvider(node)) {
+    // Component wrapped with compiled at runtime, check for children
+    let isChildrenValid = true;
+    React.Children.map(node.props.children, child => {
+      var _child$type;
+      if (! /*#__PURE__*/React.isValidElement(child)) {
+        isChildrenValid = false;
+        return;
+      }
+      if (typeof child.type !== 'string' && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) !== 'Style') {
+        isChildrenValid = isFlexibleUiElement(child);
+      }
+    });
+    return isChildrenValid;
+  }
+  return false;
+};

package/dist/es2019/utils/is-flexible-ui-footer-block.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import { default as FooterBlock } from '../view/FlexibleCard/components/blocks/footer-block';
+export const isFlexibleUiFooterBlock = node => /*#__PURE__*/React.isValidElement(node) && node.type === FooterBlock;

package/dist/es2019/utils/is-flexible-ui-preview-block.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { default as PreviewBlock } from '../view/FlexibleCard/components/blocks/preview-block';
+import { isStyleCacheProvider } from './is-style-cache-provider';
+export const isFlexibleUiPreviewBlock = node => {
+  if (! /*#__PURE__*/React.isValidElement(node)) {
+    return false;
+  }
+  if (node.type === PreviewBlock) {
+    return true;
+  }
+  if (isStyleCacheProvider(node)) {
+    // Component wrapped with compiled at runtime, check for children
+    let isChildrenValid = true;
+    React.Children.map(node.props.children, child => {
+      var _child$type;
+      if (! /*#__PURE__*/React.isValidElement(child)) {
+        isChildrenValid = false;
+        return;
+      }
+      if (typeof child.type !== 'string' && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) !== 'Style') {
+        isChildrenValid = isFlexibleUiPreviewBlock(child);
+      }
+    });
+    return isChildrenValid;
+  }
+  return false;
+};

package/dist/es2019/utils/is-flexible-ui-title-block.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { default as TitleBlock } from '../view/FlexibleCard/components/blocks/title-block';
+import { isStyleCacheProvider } from './is-style-cache-provider';
+export const isFlexibleUiTitleBlock = node => {
+  if (! /*#__PURE__*/React.isValidElement(node)) {
+    return false;
+  }
+  if (node.type === TitleBlock) {
+    return true;
+  }
+  if (isStyleCacheProvider(node)) {
+    // Component wrapped with compiled at runtime, check for children
+    let isChildrenValid = true;
+    React.Children.map(node.props.children, child => {
+      var _child$type;
+      if (! /*#__PURE__*/React.isValidElement(child)) {
+        isChildrenValid = false;
+        return;
+      }
+      if (typeof child.type !== 'string' && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) !== 'Style') {
+        isChildrenValid = isFlexibleUiTitleBlock(child);
+      }
+    });
+    return isChildrenValid;
+  }
+  return false;
+};

package/dist/es2019/utils/is-icon-size-large.js

@@ -0,0 +1,2 @@
+import { SmartLinkSize } from '../constants';
+export const isIconSizeLarge = size => size && [SmartLinkSize.Large, SmartLinkSize.XLarge].includes(size);