@atlaskit/smart-card 43.9.0 → 43.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/state/actions/index.js +5 -1
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/utils/window-open-features.js +24 -0
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js +4 -2
- package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.js +1 -1
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/state/actions/index.js +5 -1
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/utils/window-open-features.js +18 -0
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js +4 -2
- package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js +1 -1
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/state/actions/index.js +5 -1
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/utils/window-open-features.js +18 -0
- package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js +4 -2
- package/dist/esm/view/InlineCard/IconAndTitleLayout/index.js +1 -1
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/state/modal/index.d.ts +1 -1
- package/dist/types/utils/window-open-features.d.ts +3 -0
- package/dist/types/view/CardWithUrl/component-lazy/LoadingCardLink.d.ts +1 -1
- package/dist/types/view/EmbedModal/components/link-info/link-info-button/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/paragraph-prompt/main.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/footer/main.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/common/atlaskit-icon/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.d.ts +1 -1
- package/dist/types/view/HoverCard/components/ImagePreview.d.ts +1 -1
- package/dist/types-ts4.5/state/modal/index.d.ts +1 -1
- package/dist/types-ts4.5/utils/window-open-features.d.ts +3 -0
- package/dist/types-ts4.5/view/CardWithUrl/component-lazy/LoadingCardLink.d.ts +1 -1
- package/dist/types-ts4.5/view/EmbedModal/components/link-info/link-info-button/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/paragraph-prompt/main.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/footer/main.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/common/atlaskit-icon/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.d.ts +1 -1
- package/dist/types-ts4.5/view/HoverCard/components/ImagePreview.d.ts +1 -1
- package/package.json +7 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 43.10.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`707f6aee514e3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/707f6aee514e3) -
|
|
8
|
+
[ux] Add shouldRenderToParent prop to DropdownMenu in LozengeAction
|
|
9
|
+
|
|
10
|
+
## 43.9.1
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`b19c48cd86a0f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b19c48cd86a0f) -
|
|
15
|
+
[ux] Open auth window experiment, behind platform_sl_3p_auth_window_experiment
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 43.9.0
|
|
4
19
|
|
|
5
20
|
### Minor Changes
|
|
@@ -8,11 +8,13 @@ exports.useSmartCardActions = void 0;
|
|
|
8
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
10
|
var _react = require("react");
|
|
11
|
+
var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
|
|
11
12
|
var _linkProvider = require("@atlaskit/link-provider");
|
|
12
13
|
var _linkingCommon = require("@atlaskit/linking-common");
|
|
13
14
|
var _outboundAuthFlowClient = require("@atlaskit/outbound-auth-flow-client");
|
|
14
15
|
var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
|
|
15
16
|
var _constants = require("../../constants");
|
|
17
|
+
var _windowOpenFeatures = require("../../utils/window-open-features");
|
|
16
18
|
var _analytics = require("../analytics");
|
|
17
19
|
var _helpers = require("../helpers");
|
|
18
20
|
var _useInvokeClientAction = _interopRequireDefault(require("../hooks/use-invoke-client-action"));
|
|
@@ -119,7 +121,9 @@ var useSmartCardActions = exports.useSmartCardActions = function useSmartCardAct
|
|
|
119
121
|
fireEvent('screen.consentModal.viewed', {
|
|
120
122
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
|
|
121
123
|
});
|
|
122
|
-
|
|
124
|
+
var shouldShowInPopupWindow = status === 'unauthorized' && _featureGateJsClient.default.getExperimentValue('platform_sl_3p_auth_window_experiment', 'cohort', 'control') === 'test';
|
|
125
|
+
var windowFeatures = shouldShowInPopupWindow ? (0, _windowOpenFeatures.getWindowOpenFeatures)(_windowOpenFeatures.AUTH_WINDOW_HEIGHT, _windowOpenFeatures.AUTH_WINDOW_WIDTH) : undefined;
|
|
126
|
+
(0, _outboundAuthFlowClient.auth)(services[0].url, windowFeatures).then(function () {
|
|
123
127
|
fireEvent('track.applicationAccount.connected', {
|
|
124
128
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
|
|
125
129
|
});
|
|
@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
|
|
|
11
11
|
var context = exports.context = {
|
|
12
12
|
componentName: 'smart-cards',
|
|
13
13
|
packageName: "@atlaskit/smart-card",
|
|
14
|
-
packageVersion: "43.
|
|
14
|
+
packageVersion: "43.9.1"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getWindowOpenFeatures = exports.AUTH_WINDOW_WIDTH = exports.AUTH_WINDOW_HEIGHT = void 0;
|
|
7
|
+
var BROWSER_SIZE_THRESHOLD = 38;
|
|
8
|
+
var AUTH_WINDOW_HEIGHT = exports.AUTH_WINDOW_HEIGHT = 760;
|
|
9
|
+
var AUTH_WINDOW_WIDTH = exports.AUTH_WINDOW_WIDTH = 620;
|
|
10
|
+
var getWindowOpenFeatures = exports.getWindowOpenFeatures = function getWindowOpenFeatures(popupHeight, popupWidth) {
|
|
11
|
+
var vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
|
|
12
|
+
var vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
|
|
13
|
+
var vl = window.screenLeft || 0;
|
|
14
|
+
var vt = window.screenTop || 0;
|
|
15
|
+
|
|
16
|
+
// Center the popup window
|
|
17
|
+
var left = (vw - popupWidth) / 2 + vl;
|
|
18
|
+
var top = (vh - popupHeight) / 2 + vt;
|
|
19
|
+
|
|
20
|
+
// Open a popup if there's enough space in the viewport
|
|
21
|
+
// Otherwise, fall back to the default behavior (opening in a new tab)
|
|
22
|
+
var windowFeatures = vw > popupWidth + BROWSER_SIZE_THRESHOLD && vh > popupHeight + BROWSER_SIZE_THRESHOLD ? "width=".concat(popupWidth, ",height=").concat(popupHeight, ",left=").concat(left, ",top=").concat(top) : undefined;
|
|
23
|
+
return windowFeatures;
|
|
24
|
+
};
|
|
@@ -228,13 +228,15 @@ var LozengeAction = function LozengeAction(_ref) {
|
|
|
228
228
|
});
|
|
229
229
|
}
|
|
230
230
|
}, [errorMessage, handleItemClick, items, invokePreviewAction, testId, url]);
|
|
231
|
-
return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
|
|
231
|
+
return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, (0, _extends2.default)({
|
|
232
232
|
isLoading: isLoading,
|
|
233
233
|
isOpen: isOpen,
|
|
234
234
|
onOpenChange: handleOpenChange,
|
|
235
235
|
testId: testId,
|
|
236
236
|
trigger: trigger,
|
|
237
237
|
zIndex: zIndex
|
|
238
|
-
},
|
|
238
|
+
}, (0, _platformFeatureFlags.fg)('lozenge-dropdown-prop-should-render-to-parent') ? {
|
|
239
|
+
shouldRenderToParent: true
|
|
240
|
+
} : {}), dropdownItemGroup);
|
|
239
241
|
};
|
|
240
242
|
var _default = exports.default = (0, _errorBoundary.default)(LozengeAction);
|
|
@@ -161,7 +161,7 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = function IconAndTitleLayou
|
|
|
161
161
|
xcss: styles.iconEmptyStyle,
|
|
162
162
|
testId: "icon-empty-wrapper"
|
|
163
163
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
164
|
-
"data-
|
|
164
|
+
"data-testid": "icon-wrapper",
|
|
165
165
|
className: (0, _runtime.ax)(["_11c81o8v _2rkolb4i _1e0c116y _kqswstnw _2hwx1b66 _4t3i7vkz _1bsb7vkz _154i1ssb _1ltv1ssb _t9ec1ooe _uiztglyw"])
|
|
166
166
|
}, renderIcon(testId)))), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
167
167
|
as: "span",
|
|
@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
|
|
|
22
22
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
23
23
|
var PACKAGE_DATA = {
|
|
24
24
|
packageName: "@atlaskit/smart-card",
|
|
25
|
-
packageVersion: "43.
|
|
25
|
+
packageVersion: "43.9.1",
|
|
26
26
|
componentName: 'linkUrl'
|
|
27
27
|
};
|
|
28
28
|
var Anchor = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { useCallback, useMemo } from 'react';
|
|
2
|
+
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
|
2
3
|
import { useSmartLinkContext } from '@atlaskit/link-provider';
|
|
3
4
|
import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
|
|
4
5
|
import { auth } from '@atlaskit/outbound-auth-flow-client';
|
|
5
6
|
import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
|
|
6
7
|
import { SmartLinkStatus } from '../../constants';
|
|
8
|
+
import { AUTH_WINDOW_HEIGHT, AUTH_WINDOW_WIDTH, getWindowOpenFeatures } from '../../utils/window-open-features';
|
|
7
9
|
import { startUfoExperience } from '../analytics';
|
|
8
10
|
import { getByDefinitionId, getDefinitionId, getExtensionKey, getServices } from '../helpers';
|
|
9
11
|
import useInvokeClientAction from '../hooks/use-invoke-client-action';
|
|
@@ -100,7 +102,9 @@ export const useSmartCardActions = (id, url) => {
|
|
|
100
102
|
fireEvent('screen.consentModal.viewed', {
|
|
101
103
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
|
|
102
104
|
});
|
|
103
|
-
|
|
105
|
+
const shouldShowInPopupWindow = status === 'unauthorized' && FeatureGates.getExperimentValue('platform_sl_3p_auth_window_experiment', 'cohort', 'control') === 'test';
|
|
106
|
+
const windowFeatures = shouldShowInPopupWindow ? getWindowOpenFeatures(AUTH_WINDOW_HEIGHT, AUTH_WINDOW_WIDTH) : undefined;
|
|
107
|
+
auth(services[0].url, windowFeatures).then(() => {
|
|
104
108
|
fireEvent('track.applicationAccount.connected', {
|
|
105
109
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
|
|
106
110
|
});
|
|
@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
|
|
|
2
2
|
export const context = {
|
|
3
3
|
componentName: 'smart-cards',
|
|
4
4
|
packageName: "@atlaskit/smart-card",
|
|
5
|
-
packageVersion: "43.
|
|
5
|
+
packageVersion: "43.9.1"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const BROWSER_SIZE_THRESHOLD = 38;
|
|
2
|
+
export const AUTH_WINDOW_HEIGHT = 760;
|
|
3
|
+
export const AUTH_WINDOW_WIDTH = 620;
|
|
4
|
+
export const getWindowOpenFeatures = (popupHeight, popupWidth) => {
|
|
5
|
+
const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
|
|
6
|
+
const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
|
|
7
|
+
const vl = window.screenLeft || 0;
|
|
8
|
+
const vt = window.screenTop || 0;
|
|
9
|
+
|
|
10
|
+
// Center the popup window
|
|
11
|
+
const left = (vw - popupWidth) / 2 + vl;
|
|
12
|
+
const top = (vh - popupHeight) / 2 + vt;
|
|
13
|
+
|
|
14
|
+
// Open a popup if there's enough space in the viewport
|
|
15
|
+
// Otherwise, fall back to the default behavior (opening in a new tab)
|
|
16
|
+
const windowFeatures = vw > popupWidth + BROWSER_SIZE_THRESHOLD && vh > popupHeight + BROWSER_SIZE_THRESHOLD ? `width=${popupWidth},height=${popupHeight},left=${left},top=${top}` : undefined;
|
|
17
|
+
return windowFeatures;
|
|
18
|
+
};
|
|
@@ -142,13 +142,15 @@ const LozengeAction = ({
|
|
|
142
142
|
});
|
|
143
143
|
}
|
|
144
144
|
}, [errorMessage, handleItemClick, items, invokePreviewAction, testId, url]);
|
|
145
|
-
return /*#__PURE__*/React.createElement(DropdownMenu, {
|
|
145
|
+
return /*#__PURE__*/React.createElement(DropdownMenu, _extends({
|
|
146
146
|
isLoading: isLoading,
|
|
147
147
|
isOpen: isOpen,
|
|
148
148
|
onOpenChange: handleOpenChange,
|
|
149
149
|
testId: testId,
|
|
150
150
|
trigger: trigger,
|
|
151
151
|
zIndex: zIndex
|
|
152
|
-
},
|
|
152
|
+
}, fg('lozenge-dropdown-prop-should-render-to-parent') ? {
|
|
153
|
+
shouldRenderToParent: true
|
|
154
|
+
} : {}), dropdownItemGroup);
|
|
153
155
|
};
|
|
154
156
|
export default withErrorBoundary(LozengeAction);
|
|
@@ -145,7 +145,7 @@ export const IconAndTitleLayout = ({
|
|
|
145
145
|
xcss: styles.iconEmptyStyle,
|
|
146
146
|
testId: "icon-empty-wrapper"
|
|
147
147
|
}), /*#__PURE__*/React.createElement("span", {
|
|
148
|
-
"data-
|
|
148
|
+
"data-testid": "icon-wrapper",
|
|
149
149
|
className: ax(["_11c81o8v _2rkolb4i _1e0c116y _kqswstnw _2hwx1b66 _4t3i7vkz _1bsb7vkz _154i1ssb _1ltv1ssb _t9ec1ooe _uiztglyw"])
|
|
150
150
|
}, renderIcon(testId)))), /*#__PURE__*/React.createElement(Box, {
|
|
151
151
|
as: "span",
|
|
@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
12
12
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
13
13
|
const PACKAGE_DATA = {
|
|
14
14
|
packageName: "@atlaskit/smart-card",
|
|
15
|
-
packageVersion: "43.
|
|
15
|
+
packageVersion: "43.9.1",
|
|
16
16
|
componentName: 'linkUrl'
|
|
17
17
|
};
|
|
18
18
|
const Anchor = withLinkClickedEvent('a');
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
2
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
3
|
import { useCallback, useMemo } from 'react';
|
|
4
|
+
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
|
4
5
|
import { useSmartLinkContext } from '@atlaskit/link-provider';
|
|
5
6
|
import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
|
|
6
7
|
import { auth } from '@atlaskit/outbound-auth-flow-client';
|
|
7
8
|
import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
|
|
8
9
|
import { SmartLinkStatus } from '../../constants';
|
|
10
|
+
import { AUTH_WINDOW_HEIGHT, AUTH_WINDOW_WIDTH, getWindowOpenFeatures } from '../../utils/window-open-features';
|
|
9
11
|
import { startUfoExperience } from '../analytics';
|
|
10
12
|
import { getByDefinitionId, getDefinitionId, getExtensionKey, getServices } from '../helpers';
|
|
11
13
|
import useInvokeClientAction from '../hooks/use-invoke-client-action';
|
|
@@ -112,7 +114,9 @@ export var useSmartCardActions = function useSmartCardActions(id, url) {
|
|
|
112
114
|
fireEvent('screen.consentModal.viewed', {
|
|
113
115
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
|
|
114
116
|
});
|
|
115
|
-
|
|
117
|
+
var shouldShowInPopupWindow = status === 'unauthorized' && FeatureGates.getExperimentValue('platform_sl_3p_auth_window_experiment', 'cohort', 'control') === 'test';
|
|
118
|
+
var windowFeatures = shouldShowInPopupWindow ? getWindowOpenFeatures(AUTH_WINDOW_HEIGHT, AUTH_WINDOW_WIDTH) : undefined;
|
|
119
|
+
auth(services[0].url, windowFeatures).then(function () {
|
|
116
120
|
fireEvent('track.applicationAccount.connected', {
|
|
117
121
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
|
|
118
122
|
});
|
|
@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
|
|
|
4
4
|
export var context = {
|
|
5
5
|
componentName: 'smart-cards',
|
|
6
6
|
packageName: "@atlaskit/smart-card",
|
|
7
|
-
packageVersion: "43.
|
|
7
|
+
packageVersion: "43.9.1"
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var BROWSER_SIZE_THRESHOLD = 38;
|
|
2
|
+
export var AUTH_WINDOW_HEIGHT = 760;
|
|
3
|
+
export var AUTH_WINDOW_WIDTH = 620;
|
|
4
|
+
export var getWindowOpenFeatures = function getWindowOpenFeatures(popupHeight, popupWidth) {
|
|
5
|
+
var vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
|
|
6
|
+
var vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
|
|
7
|
+
var vl = window.screenLeft || 0;
|
|
8
|
+
var vt = window.screenTop || 0;
|
|
9
|
+
|
|
10
|
+
// Center the popup window
|
|
11
|
+
var left = (vw - popupWidth) / 2 + vl;
|
|
12
|
+
var top = (vh - popupHeight) / 2 + vt;
|
|
13
|
+
|
|
14
|
+
// Open a popup if there's enough space in the viewport
|
|
15
|
+
// Otherwise, fall back to the default behavior (opening in a new tab)
|
|
16
|
+
var windowFeatures = vw > popupWidth + BROWSER_SIZE_THRESHOLD && vh > popupHeight + BROWSER_SIZE_THRESHOLD ? "width=".concat(popupWidth, ",height=").concat(popupHeight, ",left=").concat(left, ",top=").concat(top) : undefined;
|
|
17
|
+
return windowFeatures;
|
|
18
|
+
};
|
|
@@ -219,13 +219,15 @@ var LozengeAction = function LozengeAction(_ref) {
|
|
|
219
219
|
});
|
|
220
220
|
}
|
|
221
221
|
}, [errorMessage, handleItemClick, items, invokePreviewAction, testId, url]);
|
|
222
|
-
return /*#__PURE__*/React.createElement(DropdownMenu, {
|
|
222
|
+
return /*#__PURE__*/React.createElement(DropdownMenu, _extends({
|
|
223
223
|
isLoading: isLoading,
|
|
224
224
|
isOpen: isOpen,
|
|
225
225
|
onOpenChange: handleOpenChange,
|
|
226
226
|
testId: testId,
|
|
227
227
|
trigger: trigger,
|
|
228
228
|
zIndex: zIndex
|
|
229
|
-
},
|
|
229
|
+
}, fg('lozenge-dropdown-prop-should-render-to-parent') ? {
|
|
230
|
+
shouldRenderToParent: true
|
|
231
|
+
} : {}), dropdownItemGroup);
|
|
230
232
|
};
|
|
231
233
|
export default withErrorBoundary(LozengeAction);
|
|
@@ -153,7 +153,7 @@ export var IconAndTitleLayout = function IconAndTitleLayout(_ref2) {
|
|
|
153
153
|
xcss: styles.iconEmptyStyle,
|
|
154
154
|
testId: "icon-empty-wrapper"
|
|
155
155
|
}), /*#__PURE__*/React.createElement("span", {
|
|
156
|
-
"data-
|
|
156
|
+
"data-testid": "icon-wrapper",
|
|
157
157
|
className: ax(["_11c81o8v _2rkolb4i _1e0c116y _kqswstnw _2hwx1b66 _4t3i7vkz _1bsb7vkz _154i1ssb _1ltv1ssb _t9ec1ooe _uiztglyw"])
|
|
158
158
|
}, renderIcon(testId)))), /*#__PURE__*/React.createElement(Box, {
|
|
159
159
|
as: "span",
|
|
@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
15
15
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
16
16
|
var PACKAGE_DATA = {
|
|
17
17
|
packageName: "@atlaskit/smart-card",
|
|
18
|
-
packageVersion: "43.
|
|
18
|
+
packageVersion: "43.9.1",
|
|
19
19
|
componentName: 'linkUrl'
|
|
20
20
|
};
|
|
21
21
|
var Anchor = withLinkClickedEvent('a');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type SmartLinkModalAPI, type SmartLinkModalProviderProps } from './types';
|
|
3
3
|
export declare const SmartLinkModalContext: React.Context<SmartLinkModalAPI>;
|
|
4
|
-
export declare const SmartLinkModalProvider: ({ children }: SmartLinkModalProviderProps) => React.JSX.Element;
|
|
4
|
+
export declare const SmartLinkModalProvider: ({ children, }: SmartLinkModalProviderProps) => React.JSX.Element;
|
|
5
5
|
/**
|
|
6
6
|
* Open (lazy load) modal
|
|
7
7
|
*
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type CardWithUrlContentProps } from '../types';
|
|
3
|
-
export declare const LoadingCardLink: ({ isSelected, url, placeholder }: CardWithUrlContentProps) => React.JSX.Element;
|
|
3
|
+
export declare const LoadingCardLink: ({ isSelected, url, placeholder, }: CardWithUrlContentProps) => React.JSX.Element;
|
|
@@ -8,5 +8,5 @@ export type LinkInfoButtonProps = {
|
|
|
8
8
|
onClick?: () => void;
|
|
9
9
|
testId?: string;
|
|
10
10
|
};
|
|
11
|
-
declare const LinkInfoButton: ({ content, icon, label, onClick, testId }: LinkInfoButtonProps) => React.JSX.Element;
|
|
11
|
+
declare const LinkInfoButton: ({ content, icon, label, onClick, testId, }: LinkInfoButtonProps) => React.JSX.Element;
|
|
12
12
|
export default LinkInfoButton;
|
|
@@ -3,5 +3,5 @@ import type { UserInputParagraphPrompt } from '../../common/types';
|
|
|
3
3
|
interface ParagraphInputPromptProps {
|
|
4
4
|
userInputPrompt: UserInputParagraphPrompt;
|
|
5
5
|
}
|
|
6
|
-
declare const ParagraphInputPrompt: ({ userInputPrompt }: ParagraphInputPromptProps) => React.JSX.Element;
|
|
6
|
+
declare const ParagraphInputPrompt: ({ userInputPrompt, }: ParagraphInputPromptProps) => React.JSX.Element;
|
|
7
7
|
export default ParagraphInputPrompt;
|
|
@@ -4,5 +4,5 @@ type AutomationModalFooterProps = {
|
|
|
4
4
|
onClose: () => void;
|
|
5
5
|
selectedRule: ManualRule | undefined;
|
|
6
6
|
};
|
|
7
|
-
export declare const AutomationModalFooter: ({ selectedRule, onClose }: AutomationModalFooterProps) => React.JSX.Element | null;
|
|
7
|
+
export declare const AutomationModalFooter: ({ selectedRule, onClose, }: AutomationModalFooterProps) => React.JSX.Element | null;
|
|
8
8
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { AISummaryActionData } from '../../../../../../state/flexible-ui-context/types';
|
|
3
|
-
export declare const AIFooterMetadata: ({ testId, url }: AISummaryActionData & {
|
|
3
|
+
export declare const AIFooterMetadata: ({ testId, url, }: AISummaryActionData & {
|
|
4
4
|
testId?: string;
|
|
5
5
|
}) => React.JSX.Element | null;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type AtlaskitIconProps } from './types';
|
|
3
|
-
declare const AtlaskitIcon: ({ icon, label, testId, size }: AtlaskitIconProps) => React.JSX.Element | null;
|
|
3
|
+
declare const AtlaskitIcon: ({ icon, label, testId, size, }: AtlaskitIconProps) => React.JSX.Element | null;
|
|
4
4
|
export default AtlaskitIcon;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { LozengeActionItemProps } from './types';
|
|
3
|
-
declare const LozengeActionItem: ({ appearance, id, onClick, testId, text }: LozengeActionItemProps) => React.JSX.Element;
|
|
3
|
+
declare const LozengeActionItem: ({ appearance, id, onClick, testId, text, }: LozengeActionItemProps) => React.JSX.Element;
|
|
4
4
|
export default LozengeActionItem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type ImagePreviewProps } from '../types';
|
|
3
|
-
declare const ImagePreview: ({ fallbackElementHeight, response }: ImagePreviewProps) => React.JSX.Element | null;
|
|
3
|
+
declare const ImagePreview: ({ fallbackElementHeight, response, }: ImagePreviewProps) => React.JSX.Element | null;
|
|
4
4
|
export default ImagePreview;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type SmartLinkModalAPI, type SmartLinkModalProviderProps } from './types';
|
|
3
3
|
export declare const SmartLinkModalContext: React.Context<SmartLinkModalAPI>;
|
|
4
|
-
export declare const SmartLinkModalProvider: ({ children }: SmartLinkModalProviderProps) => React.JSX.Element;
|
|
4
|
+
export declare const SmartLinkModalProvider: ({ children, }: SmartLinkModalProviderProps) => React.JSX.Element;
|
|
5
5
|
/**
|
|
6
6
|
* Open (lazy load) modal
|
|
7
7
|
*
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type CardWithUrlContentProps } from '../types';
|
|
3
|
-
export declare const LoadingCardLink: ({ isSelected, url, placeholder }: CardWithUrlContentProps) => React.JSX.Element;
|
|
3
|
+
export declare const LoadingCardLink: ({ isSelected, url, placeholder, }: CardWithUrlContentProps) => React.JSX.Element;
|
|
@@ -8,5 +8,5 @@ export type LinkInfoButtonProps = {
|
|
|
8
8
|
onClick?: () => void;
|
|
9
9
|
testId?: string;
|
|
10
10
|
};
|
|
11
|
-
declare const LinkInfoButton: ({ content, icon, label, onClick, testId }: LinkInfoButtonProps) => React.JSX.Element;
|
|
11
|
+
declare const LinkInfoButton: ({ content, icon, label, onClick, testId, }: LinkInfoButtonProps) => React.JSX.Element;
|
|
12
12
|
export default LinkInfoButton;
|
|
@@ -3,5 +3,5 @@ import type { UserInputParagraphPrompt } from '../../common/types';
|
|
|
3
3
|
interface ParagraphInputPromptProps {
|
|
4
4
|
userInputPrompt: UserInputParagraphPrompt;
|
|
5
5
|
}
|
|
6
|
-
declare const ParagraphInputPrompt: ({ userInputPrompt }: ParagraphInputPromptProps) => React.JSX.Element;
|
|
6
|
+
declare const ParagraphInputPrompt: ({ userInputPrompt, }: ParagraphInputPromptProps) => React.JSX.Element;
|
|
7
7
|
export default ParagraphInputPrompt;
|
|
@@ -4,5 +4,5 @@ type AutomationModalFooterProps = {
|
|
|
4
4
|
onClose: () => void;
|
|
5
5
|
selectedRule: ManualRule | undefined;
|
|
6
6
|
};
|
|
7
|
-
export declare const AutomationModalFooter: ({ selectedRule, onClose }: AutomationModalFooterProps) => React.JSX.Element | null;
|
|
7
|
+
export declare const AutomationModalFooter: ({ selectedRule, onClose, }: AutomationModalFooterProps) => React.JSX.Element | null;
|
|
8
8
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { AISummaryActionData } from '../../../../../../state/flexible-ui-context/types';
|
|
3
|
-
export declare const AIFooterMetadata: ({ testId, url }: AISummaryActionData & {
|
|
3
|
+
export declare const AIFooterMetadata: ({ testId, url, }: AISummaryActionData & {
|
|
4
4
|
testId?: string;
|
|
5
5
|
}) => React.JSX.Element | null;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type AtlaskitIconProps } from './types';
|
|
3
|
-
declare const AtlaskitIcon: ({ icon, label, testId, size }: AtlaskitIconProps) => React.JSX.Element | null;
|
|
3
|
+
declare const AtlaskitIcon: ({ icon, label, testId, size, }: AtlaskitIconProps) => React.JSX.Element | null;
|
|
4
4
|
export default AtlaskitIcon;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { LozengeActionItemProps } from './types';
|
|
3
|
-
declare const LozengeActionItem: ({ appearance, id, onClick, testId, text }: LozengeActionItemProps) => React.JSX.Element;
|
|
3
|
+
declare const LozengeActionItem: ({ appearance, id, onClick, testId, text, }: LozengeActionItemProps) => React.JSX.Element;
|
|
4
4
|
export default LozengeActionItem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type ImagePreviewProps } from '../types';
|
|
3
|
-
declare const ImagePreview: ({ fallbackElementHeight, response }: ImagePreviewProps) => React.JSX.Element | null;
|
|
3
|
+
declare const ImagePreview: ({ fallbackElementHeight, response, }: ImagePreviewProps) => React.JSX.Element | null;
|
|
4
4
|
export default ImagePreview;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "43.
|
|
3
|
+
"version": "43.10.0",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
39
39
|
"@atlaskit/embedded-confluence": "^4.3.0",
|
|
40
40
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
41
|
-
"@atlaskit/form": "^14.
|
|
41
|
+
"@atlaskit/form": "^14.3.0",
|
|
42
42
|
"@atlaskit/frontend-utilities": "^3.2.0",
|
|
43
43
|
"@atlaskit/heading": "^5.2.0",
|
|
44
44
|
"@atlaskit/icon": "^29.0.0",
|
|
@@ -70,8 +70,8 @@
|
|
|
70
70
|
"@atlaskit/textarea": "^8.1.0",
|
|
71
71
|
"@atlaskit/textfield": "^8.1.0",
|
|
72
72
|
"@atlaskit/theme": "^21.0.0",
|
|
73
|
-
"@atlaskit/tmp-editor-statsig": "^13.
|
|
74
|
-
"@atlaskit/tokens": "^8.
|
|
73
|
+
"@atlaskit/tmp-editor-statsig": "^13.42.0",
|
|
74
|
+
"@atlaskit/tokens": "^8.2.0",
|
|
75
75
|
"@atlaskit/tooltip": "^20.10.0",
|
|
76
76
|
"@atlaskit/ufo": "^0.4.0",
|
|
77
77
|
"@babel/runtime": "^7.0.0",
|
|
@@ -238,6 +238,9 @@
|
|
|
238
238
|
"hover-card-prop-should-render-to-parent": {
|
|
239
239
|
"type": "boolean"
|
|
240
240
|
},
|
|
241
|
+
"lozenge-dropdown-prop-should-render-to-parent": {
|
|
242
|
+
"type": "boolean"
|
|
243
|
+
},
|
|
241
244
|
"platform-linking-smart-card-layered-link-a11y": {
|
|
242
245
|
"type": "boolean"
|
|
243
246
|
},
|