@atlaskit/editor-plugin-card 16.9.2 → 16.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/ui/EditLinkToolbar.js +10 -5
  3. package/dist/cjs/ui/toolbar.js +1 -1
  4. package/dist/es2019/ui/EditLinkToolbar.js +10 -5
  5. package/dist/es2019/ui/toolbar.js +1 -1
  6. package/dist/esm/ui/EditLinkToolbar.js +10 -5
  7. package/dist/esm/ui/toolbar.js +1 -1
  8. package/dist/types/ui/EditLinkToolbar.d.ts +1 -1
  9. package/dist/types-ts4.5/ui/EditLinkToolbar.d.ts +1 -1
  10. package/package.json +11 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/editor-plugin-card
2
2
 
3
+ ## 16.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`3990f4a500c27`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3990f4a500c27) -
8
+ Fix RovoLinkPicker rendering off-screen by using correct dimensions for popup placement
9
+ calculations
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 16.9.2
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/ui/EditLinkToolbar.js CHANGED
@@ -205,10 +205,15 @@ var buildEditLinkToolbar = exports.buildEditLinkToolbar = function buildEditLink
205
205
  }
206
206
  };
207
207
  };
208
- var editLinkToolbarConfig = exports.editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker) {
209
- return showLinkingToolbar ? {
210
- height: lpLinkPicker ? _ui.LINKPICKER_HEIGHT_IN_PX : _ui.RECENT_SEARCH_HEIGHT_IN_PX,
211
- width: _ui.RECENT_SEARCH_WIDTH_IN_PX,
208
+ var editLinkToolbarConfig = exports.editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker, linkPickerOptions) {
209
+ var _linkPickerOptions$po, _linkPickerOptions$po2;
210
+ if (!showLinkingToolbar) {
211
+ return {};
212
+ }
213
+ return {
214
+ height: (_linkPickerOptions$po = linkPickerOptions === null || linkPickerOptions === void 0 ? void 0 : linkPickerOptions.popupHeight) !== null && _linkPickerOptions$po !== void 0 ? _linkPickerOptions$po : lpLinkPicker ? _ui.LINKPICKER_HEIGHT_IN_PX : _ui.RECENT_SEARCH_HEIGHT_IN_PX,
215
+ width: (_linkPickerOptions$po2 = linkPickerOptions === null || linkPickerOptions === void 0 ? void 0 : linkPickerOptions.popupWidth) !== null && _linkPickerOptions$po2 !== void 0 ? _linkPickerOptions$po2 : _ui.RECENT_SEARCH_WIDTH_IN_PX,
216
+ // forcePlacement is always true to prevent the popup from rendering off-screen
212
217
  forcePlacement: true
213
- } : {};
218
+ };
214
219
  };
package/dist/cjs/ui/toolbar.js CHANGED
@@ -183,7 +183,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(cardOpt
183
183
  },
184
184
  items: generateToolbarItems(state, intl, providerFactory, cardOptions, lpLinkPicker, linkPickerOptions, pluginInjectionApi),
185
185
  scrollable: pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar ? false : true
186
- }, (0, _EditLinkToolbar.editLinkToolbarConfig)(Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar), isLinkPickerEnabled));
186
+ }, (0, _EditLinkToolbar.editLinkToolbarConfig)(Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar), isLinkPickerEnabled, linkPickerOptions));
187
187
  };
188
188
  };
189
189
  var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
package/dist/es2019/ui/EditLinkToolbar.js CHANGED
@@ -182,10 +182,15 @@ export const buildEditLinkToolbar = ({
182
182
  }
183
183
  };
184
184
  };
185
- export const editLinkToolbarConfig = (showLinkingToolbar, lpLinkPicker) => {
186
- return showLinkingToolbar ? {
187
- height: lpLinkPicker ? LINKPICKER_HEIGHT_IN_PX : RECENT_SEARCH_HEIGHT_IN_PX,
188
- width: RECENT_SEARCH_WIDTH_IN_PX,
185
+ export const editLinkToolbarConfig = (showLinkingToolbar, lpLinkPicker, linkPickerOptions) => {
186
+ var _linkPickerOptions$po, _linkPickerOptions$po2;
187
+ if (!showLinkingToolbar) {
188
+ return {};
189
+ }
190
+ return {
191
+ height: (_linkPickerOptions$po = linkPickerOptions === null || linkPickerOptions === void 0 ? void 0 : linkPickerOptions.popupHeight) !== null && _linkPickerOptions$po !== void 0 ? _linkPickerOptions$po : lpLinkPicker ? LINKPICKER_HEIGHT_IN_PX : RECENT_SEARCH_HEIGHT_IN_PX,
192
+ width: (_linkPickerOptions$po2 = linkPickerOptions === null || linkPickerOptions === void 0 ? void 0 : linkPickerOptions.popupWidth) !== null && _linkPickerOptions$po2 !== void 0 ? _linkPickerOptions$po2 : RECENT_SEARCH_WIDTH_IN_PX,
193
+ // forcePlacement is always true to prevent the popup from rendering off-screen
189
194
  forcePlacement: true
190
- } : {};
195
+ };
191
196
  };
package/dist/es2019/ui/toolbar.js CHANGED
@@ -174,7 +174,7 @@ export const floatingToolbar = (cardOptions, lpLinkPicker, linkPickerOptions, pl
174
174
  },
175
175
  items: generateToolbarItems(state, intl, providerFactory, cardOptions, lpLinkPicker, linkPickerOptions, pluginInjectionApi),
176
176
  scrollable: pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar ? false : true,
177
- ...editLinkToolbarConfig(Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar), isLinkPickerEnabled)
177
+ ...editLinkToolbarConfig(Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar), isLinkPickerEnabled, linkPickerOptions)
178
178
  };
179
179
  };
180
180
  };
package/dist/esm/ui/EditLinkToolbar.js CHANGED
@@ -196,10 +196,15 @@ export var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
196
196
  }
197
197
  };
198
198
  };
199
- export var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker) {
200
- return showLinkingToolbar ? {
201
- height: lpLinkPicker ? LINKPICKER_HEIGHT_IN_PX : RECENT_SEARCH_HEIGHT_IN_PX,
202
- width: RECENT_SEARCH_WIDTH_IN_PX,
199
+ export var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker, linkPickerOptions) {
200
+ var _linkPickerOptions$po, _linkPickerOptions$po2;
201
+ if (!showLinkingToolbar) {
202
+ return {};
203
+ }
204
+ return {
205
+ height: (_linkPickerOptions$po = linkPickerOptions === null || linkPickerOptions === void 0 ? void 0 : linkPickerOptions.popupHeight) !== null && _linkPickerOptions$po !== void 0 ? _linkPickerOptions$po : lpLinkPicker ? LINKPICKER_HEIGHT_IN_PX : RECENT_SEARCH_HEIGHT_IN_PX,
206
+ width: (_linkPickerOptions$po2 = linkPickerOptions === null || linkPickerOptions === void 0 ? void 0 : linkPickerOptions.popupWidth) !== null && _linkPickerOptions$po2 !== void 0 ? _linkPickerOptions$po2 : RECENT_SEARCH_WIDTH_IN_PX,
207
+ // forcePlacement is always true to prevent the popup from rendering off-screen
203
208
  forcePlacement: true
204
- } : {};
209
+ };
205
210
  };
package/dist/esm/ui/toolbar.js CHANGED
@@ -174,7 +174,7 @@ export var floatingToolbar = function floatingToolbar(cardOptions, lpLinkPicker,
174
174
  },
175
175
  items: generateToolbarItems(state, intl, providerFactory, cardOptions, lpLinkPicker, linkPickerOptions, pluginInjectionApi),
176
176
  scrollable: pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar ? false : true
177
- }, editLinkToolbarConfig(Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar), isLinkPickerEnabled));
177
+ }, editLinkToolbarConfig(Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar), isLinkPickerEnabled, linkPickerOptions));
178
178
  };
179
179
  };
180
180
  var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
package/dist/types/ui/EditLinkToolbar.d.ts CHANGED
@@ -34,4 +34,4 @@ export declare const buildEditLinkToolbar: ({ providerFactory, node, pluginInjec
34
34
  pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
35
35
  providerFactory: ProviderFactory;
36
36
  }) => FloatingToolbarItem<Command>;
37
- export declare const editLinkToolbarConfig: (showLinkingToolbar: boolean, lpLinkPicker?: boolean) => Partial<FloatingToolbarConfig>;
37
+ export declare const editLinkToolbarConfig: (showLinkingToolbar: boolean, lpLinkPicker?: boolean, linkPickerOptions?: LinkPickerOptions) => Partial<FloatingToolbarConfig>;
package/dist/types-ts4.5/ui/EditLinkToolbar.d.ts CHANGED
@@ -34,4 +34,4 @@ export declare const buildEditLinkToolbar: ({ providerFactory, node, pluginInjec
34
34
  pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
35
35
  providerFactory: ProviderFactory;
36
36
  }) => FloatingToolbarItem<Command>;
37
- export declare const editLinkToolbarConfig: (showLinkingToolbar: boolean, lpLinkPicker?: boolean) => Partial<FloatingToolbarConfig>;
37
+ export declare const editLinkToolbarConfig: (showLinkingToolbar: boolean, lpLinkPicker?: boolean, linkPickerOptions?: LinkPickerOptions) => Partial<FloatingToolbarConfig>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-card",
3
- "version": "16.9.2",
3
+ "version": "16.10.0",
4
4
  "description": "Card plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -29,7 +29,7 @@
29
29
  ],
30
30
  "atlaskit:src": "src/index.ts",
31
31
  "dependencies": {
32
- "@atlaskit/adf-schema": "^52.13.0",
32
+ "@atlaskit/adf-schema": "^52.14.0",
33
33
  "@atlaskit/analytics-next": "^11.2.0",
34
34
  "@atlaskit/custom-steps": "^0.17.0",
35
35
  "@atlaskit/editor-card-provider": "^6.8.0",
@@ -40,7 +40,7 @@
40
40
  "@atlaskit/editor-plugin-editor-disabled": "^10.1.0",
41
41
  "@atlaskit/editor-plugin-editor-viewmode": "^12.1.0",
42
42
  "@atlaskit/editor-plugin-feature-flags": "^9.1.0",
43
- "@atlaskit/editor-plugin-floating-toolbar": "^12.1.0",
43
+ "@atlaskit/editor-plugin-floating-toolbar": "^12.2.0",
44
44
  "@atlaskit/editor-plugin-grid": "^10.2.0",
45
45
  "@atlaskit/editor-plugin-toolbar": "^7.3.0",
46
46
  "@atlaskit/editor-plugin-width": "^11.1.0",
@@ -51,18 +51,18 @@
51
51
  "@atlaskit/icon": "^35.0.0",
52
52
  "@atlaskit/link": "^3.4.0",
53
53
  "@atlaskit/link-analytics": "^11.1.0",
54
- "@atlaskit/link-client-extension": "^6.0.0",
55
- "@atlaskit/link-datasource": "^5.3.0",
56
- "@atlaskit/link-extractors": "^2.6.0",
54
+ "@atlaskit/link-client-extension": "^6.1.0",
55
+ "@atlaskit/link-datasource": "^5.4.0",
56
+ "@atlaskit/link-extractors": "^2.7.0",
57
57
  "@atlaskit/linking-common": "^9.11.0",
58
- "@atlaskit/linking-types": "^14.3.0",
58
+ "@atlaskit/linking-types": "^14.4.0",
59
59
  "@atlaskit/menu": "^8.5.0",
60
60
  "@atlaskit/platform-feature-flags": "^1.1.0",
61
61
  "@atlaskit/platform-feature-flags-react": "^0.5.0",
62
62
  "@atlaskit/primitives": "^19.0.0",
63
63
  "@atlaskit/prosemirror-history": "^0.2.0",
64
- "@atlaskit/smart-card": "^44.12.0",
65
- "@atlaskit/tmp-editor-statsig": "^82.0.0",
64
+ "@atlaskit/smart-card": "^44.16.0",
65
+ "@atlaskit/tmp-editor-statsig": "^82.5.0",
66
66
  "@atlaskit/tokens": "^13.0.0",
67
67
  "@babel/runtime": "^7.0.0",
68
68
  "@emotion/react": "^11.7.1",
@@ -72,7 +72,7 @@
72
72
  "uuid": "^3.1.0"
73
73
  },
74
74
  "peerDependencies": {
75
- "@atlaskit/editor-common": "^114.36.0",
75
+ "@atlaskit/editor-common": "^114.44.0",
76
76
  "@atlaskit/link-provider": "^4.4.0",
77
77
  "react": "^18.2.0",
78
78
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
@@ -134,6 +134,7 @@
134
134
  },
135
135
  "compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/e6f3220b-0ca2-445a-a4c5-78cff6ca2a34",
136
136
  "devDependencies": {
137
+ "react": "^18.2.0",
137
138
  "react-intl": "^6.6.2"
138
139
  }
139
140
  }