@atlaskit/smart-card 42.2.2 → 42.3.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 42.3.1
+
+### Patch Changes
+
+- [`f3494b0a49dbc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f3494b0a49dbc) -
+  Internal changes to use new shape tokens. No visual changes.
+- Updated dependencies
+
+## 42.3.0
+
+### Minor Changes
+
+- [`06a30f07d9ad4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/06a30f07d9ad4) -
+  Add onVisibilityChange to hover card.
+
 ## 42.2.2
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "42.2.1"
+  packageVersion: "0.0.0-development"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _constants = require("../../../constants");
@@ -47,7 +48,8 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     role = _ref.role,
     label = _ref.label,
-    titleId = _ref.titleId;
+    titleId = _ref.titleId,
+    onVisibilityChange = _ref.onVisibilityChange;
   var fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
   var _React$useState = _react.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
@@ -61,6 +63,14 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
   var parentSpan = (0, _react.useRef)(null);
   var renderers = (0, _renderers.useSmartLinkRenderers)();
   var linkState = (0, _store.useSmartCardState)(url);
+  var handleSetIsOpen = (0, _platformFeatureFlags.fg)('hover-card-on-visibility-change-callback') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useCallback)(function (isOpen) {
+    setIsOpen(isOpen);
+    if ((0, _platformFeatureFlags.fg)('hover-card-on-visibility-change-callback')) {
+      onVisibilityChange === null || onVisibilityChange === void 0 || onVisibilityChange(isOpen);
+    }
+  }, [onVisibilityChange]) : undefined;
   var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url),
     loadMetadata = _useSmartCardActions.loadMetadata;
   var setMousePosition = (0, _react.useCallback)(function (event) {
@@ -81,8 +91,12 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     }
   }, [canOpen, isOpen]);
   var hideCard = (0, _react.useCallback)(function () {
-    setIsOpen(false);
-  }, []);
+    if (handleSetIsOpen && (0, _platformFeatureFlags.fg)('hover-card-on-visibility-change-callback')) {
+      handleSetIsOpen(false);
+    } else {
+      setIsOpen(false);
+    }
+  }, [handleSetIsOpen]);
   var initHideCard = (0, _react.useCallback)(function () {
     if (fadeInTimeoutId.current) {
       clearTimeout(fadeInTimeoutId.current);
@@ -152,14 +166,22 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     if (!isOpen && !fadeInTimeoutId.current) {
       // setting a timeout to show a Hover Card after delay runs out
       if (noFadeDelay) {
-        setIsOpen(true);
+        if (handleSetIsOpen && (0, _platformFeatureFlags.fg)('hover-card-on-visibility-change-callback')) {
+          handleSetIsOpen(true);
+        } else {
+          setIsOpen(true);
+        }
       } else {
         fadeInTimeoutId.current = setTimeout(function () {
-          setIsOpen(true);
+          if (handleSetIsOpen && (0, _platformFeatureFlags.fg)('hover-card-on-visibility-change-callback')) {
+            handleSetIsOpen(true);
+          } else {
+            setIsOpen(true);
+          }
         }, fadeInDelay);
       }
     }
-  }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay]);
+  }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay, handleSetIsOpen]);
   var onActionClick = (0, _react.useCallback)(function (actionId) {
     if (actionId === _constants.ActionName.PreviewAction || actionId === _constants.ActionName.AutomationAction) {
       hideCard();

package/dist/cjs/view/LinkUrl/index.js

@@ -25,7 +25,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "42.2.1",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/common/ai-prism/ai-glowing-border/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoftgi{border-radius:8px}._16jlkb7n{flex-grow:1}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16jlkb7n{flex-grow:1}
 ._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1e0c1txw{display:flex}

package/dist/cjs/view/common/ai-prism/ai-glowing-border/index.js

@@ -44,7 +44,7 @@ var AIGlowingBorder = function AIGlowingBorder(_ref) {
     isGlowing: true,
     className: className
   }), /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_2rkoftgi _16jlkb7n _1pbykb7n"])
+    className: (0, _runtime.ax)(["_2rko1mok _16jlkb7n _1pbykb7n"])
   }, children, " "));
 };
 var _default = exports.default = AIGlowingBorder;

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "42.2.1"
+  packageVersion: "0.0.0-development"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ActionName, CardDisplay } from '../../../constants';
@@ -28,7 +29,8 @@ export const HoverCardComponent = ({
   hoverPreviewOptions,
   role,
   label,
-  titleId
+  titleId,
+  onVisibilityChange
 }) => {
   var _hoverPreviewOptions$;
   const fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
@@ -41,6 +43,14 @@ export const HoverCardComponent = ({
   const parentSpan = useRef(null);
   const renderers = useSmartLinkRenderers();
   const linkState = useLinkState(url);
+  const handleSetIsOpen = fg('hover-card-on-visibility-change-callback') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useCallback(isOpen => {
+    setIsOpen(isOpen);
+    if (fg('hover-card-on-visibility-change-callback')) {
+      onVisibilityChange === null || onVisibilityChange === void 0 ? void 0 : onVisibilityChange(isOpen);
+    }
+  }, [onVisibilityChange]) : undefined;
   const {
     loadMetadata
   } = useSmartCardActions(id, url);
@@ -63,8 +73,12 @@ export const HoverCardComponent = ({
     }
   }, [canOpen, isOpen]);
   const hideCard = useCallback(() => {
-    setIsOpen(false);
-  }, []);
+    if (handleSetIsOpen && fg('hover-card-on-visibility-change-callback')) {
+      handleSetIsOpen(false);
+    } else {
+      setIsOpen(false);
+    }
+  }, [handleSetIsOpen]);
   const initHideCard = useCallback(() => {
     if (fadeInTimeoutId.current) {
       clearTimeout(fadeInTimeoutId.current);
@@ -132,14 +146,22 @@ export const HoverCardComponent = ({
     if (!isOpen && !fadeInTimeoutId.current) {
       // setting a timeout to show a Hover Card after delay runs out
       if (noFadeDelay) {
-        setIsOpen(true);
+        if (handleSetIsOpen && fg('hover-card-on-visibility-change-callback')) {
+          handleSetIsOpen(true);
+        } else {
+          setIsOpen(true);
+        }
       } else {
         fadeInTimeoutId.current = setTimeout(() => {
-          setIsOpen(true);
+          if (handleSetIsOpen && fg('hover-card-on-visibility-change-callback')) {
+            handleSetIsOpen(true);
+          } else {
+            setIsOpen(true);
+          }
         }, fadeInDelay);
       }
     }
-  }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay]);
+  }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay, handleSetIsOpen]);
   const onActionClick = useCallback(actionId => {
     if (actionId === ActionName.PreviewAction || actionId === ActionName.AutomationAction) {
       hideCard();

package/dist/es2019/view/LinkUrl/index.js

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "42.2.1",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/es2019/view/common/ai-prism/ai-glowing-border/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoftgi{border-radius:8px}._16jlkb7n{flex-grow:1}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16jlkb7n{flex-grow:1}
 ._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1e0c1txw{display:flex}

package/dist/es2019/view/common/ai-prism/ai-glowing-border/index.js

@@ -34,6 +34,6 @@ React.createElement(AnimatedSvgContainer, {
   isGlowing: true,
   className: className
 }), /*#__PURE__*/React.createElement("div", {
-  className: ax(["_2rkoftgi _16jlkb7n _1pbykb7n"])
+  className: ax(["_2rko1mok _16jlkb7n _1pbykb7n"])
 }, children, " "));
 export default AIGlowingBorder;

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "42.2.1"
+  packageVersion: "0.0.0-development"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["aria-haspopup", "aria-expanded"];
 import React, { useCallback, useEffect, useRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ActionName, CardDisplay } from '../../../constants';
@@ -38,7 +39,8 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     role = _ref.role,
     label = _ref.label,
-    titleId = _ref.titleId;
+    titleId = _ref.titleId,
+    onVisibilityChange = _ref.onVisibilityChange;
   var fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -52,6 +54,14 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
   var parentSpan = useRef(null);
   var renderers = useSmartLinkRenderers();
   var linkState = useLinkState(url);
+  var handleSetIsOpen = fg('hover-card-on-visibility-change-callback') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useCallback(function (isOpen) {
+    setIsOpen(isOpen);
+    if (fg('hover-card-on-visibility-change-callback')) {
+      onVisibilityChange === null || onVisibilityChange === void 0 || onVisibilityChange(isOpen);
+    }
+  }, [onVisibilityChange]) : undefined;
   var _useSmartCardActions = useSmartCardActions(id, url),
     loadMetadata = _useSmartCardActions.loadMetadata;
   var setMousePosition = useCallback(function (event) {
@@ -72,8 +82,12 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     }
   }, [canOpen, isOpen]);
   var hideCard = useCallback(function () {
-    setIsOpen(false);
-  }, []);
+    if (handleSetIsOpen && fg('hover-card-on-visibility-change-callback')) {
+      handleSetIsOpen(false);
+    } else {
+      setIsOpen(false);
+    }
+  }, [handleSetIsOpen]);
   var initHideCard = useCallback(function () {
     if (fadeInTimeoutId.current) {
       clearTimeout(fadeInTimeoutId.current);
@@ -143,14 +157,22 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     if (!isOpen && !fadeInTimeoutId.current) {
       // setting a timeout to show a Hover Card after delay runs out
       if (noFadeDelay) {
-        setIsOpen(true);
+        if (handleSetIsOpen && fg('hover-card-on-visibility-change-callback')) {
+          handleSetIsOpen(true);
+        } else {
+          setIsOpen(true);
+        }
       } else {
         fadeInTimeoutId.current = setTimeout(function () {
-          setIsOpen(true);
+          if (handleSetIsOpen && fg('hover-card-on-visibility-change-callback')) {
+            handleSetIsOpen(true);
+          } else {
+            setIsOpen(true);
+          }
         }, fadeInDelay);
       }
     }
-  }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay]);
+  }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay, handleSetIsOpen]);
   var onActionClick = useCallback(function (actionId) {
     if (actionId === ActionName.PreviewAction || actionId === ActionName.AutomationAction) {
       hideCard();

package/dist/esm/view/LinkUrl/index.js

@@ -16,7 +16,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "42.2.1",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/esm/view/common/ai-prism/ai-glowing-border/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoftgi{border-radius:8px}._16jlkb7n{flex-grow:1}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16jlkb7n{flex-grow:1}
 ._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1e0c1txw{display:flex}

package/dist/esm/view/common/ai-prism/ai-glowing-border/index.js

@@ -35,7 +35,7 @@ var AIGlowingBorder = function AIGlowingBorder(_ref) {
     isGlowing: true,
     className: className
   }), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rkoftgi _16jlkb7n _1pbykb7n"])
+    className: ax(["_2rko1mok _16jlkb7n _1pbykb7n"])
   }, children, " "));
 };
 export default AIGlowingBorder;

package/dist/types/view/HoverCard/components/HoverCardComponent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type HoverCardComponentProps } from '../types';
 export declare const HOVER_CARD_SOURCE = "smartLinkPreviewHoverCard";
-export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId, }: HoverCardComponentProps) => React.JSX.Element;
+export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId, onVisibilityChange, }: HoverCardComponentProps) => React.JSX.Element;

package/dist/types/view/HoverCard/types.d.ts

@@ -42,6 +42,10 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      * Usage of either this, or the `titleId` attribute is strongly recommended.
      */
     label?: string;
+    /**
+     * Callback function that is called when the hover card is visible or hidden.
+     */
+    onVisibilityChange?: (isVisible: boolean) => void;
     /**
      * Use this to set the accessibility role for the hover card.
      * Should be used along with `label` or `titleId` for supported roles.

package/dist/types-ts4.5/view/HoverCard/components/HoverCardComponent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type HoverCardComponentProps } from '../types';
 export declare const HOVER_CARD_SOURCE = "smartLinkPreviewHoverCard";
-export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId, }: HoverCardComponentProps) => React.JSX.Element;
+export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId, onVisibilityChange, }: HoverCardComponentProps) => React.JSX.Element;

package/dist/types-ts4.5/view/HoverCard/types.d.ts

@@ -42,6 +42,10 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      * Usage of either this, or the `titleId` attribute is strongly recommended.
      */
     label?: string;
+    /**
+     * Callback function that is called when the hover card is visible or hidden.
+     */
+    onVisibilityChange?: (isVisible: boolean) => void;
     /**
      * Use this to set the accessibility role for the hover card.
      * Should be used along with `label` or `titleId` for supported roles.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "42.2.2",
+	"version": "42.3.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/embedded-confluence": "^4.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/form": "^14.1.0",
+		"@atlaskit/form": "^14.2.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.3.0",
@@ -70,9 +70,9 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.30.0",
-		"@atlaskit/tokens": "^6.3.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/tmp-editor-statsig": "^12.32.0",
+		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
@@ -97,10 +97,10 @@
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/analytics-listeners": "^9.0.0",
+		"@atlaskit/analytics-listeners": "^9.1.0",
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",
-		"@atlaskit/react-ufo": "^4.10.0",
+		"@atlaskit/react-ufo": "^4.11.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/analytics-tooling": "^0.5.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
@@ -235,6 +235,9 @@
 		"navx-1842-hiding-unnecessary-image-descriptions": {
 			"type": "boolean"
 		},
+		"hover-card-on-visibility-change-callback": {
+			"type": "boolean"
+		},
 		"navx-1895-a11y-close-button-in-preview-modal": {
 			"type": "boolean"
 		},