@atlaskit/editor-plugin-floating-toolbar 5.2.4 → 6.0.1

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 (11) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/ui/EmojiPickerButton.js +2 -10
  3. package/dist/cjs/ui/ScrollButton.js +4 -4
  4. package/dist/cjs/ui/Toolbar.js +1 -1
  5. package/dist/es2019/ui/EmojiPickerButton.js +3 -12
  6. package/dist/es2019/ui/ScrollButton.js +4 -4
  7. package/dist/es2019/ui/Toolbar.js +1 -1
  8. package/dist/esm/ui/EmojiPickerButton.js +3 -11
  9. package/dist/esm/ui/ScrollButton.js +4 -4
  10. package/dist/esm/ui/Toolbar.js +1 -1
  11. package/package.json +14 -14
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-plugin-floating-toolbar
2
2
 
3
+ ## 6.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
8
+ Internal changes to how border radius is applied.
9
+ - Updated dependencies
10
+
11
+ ## 6.0.0
12
+
13
+ ### Patch Changes
14
+
15
+ - [`0fda385059db0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0fda385059db0) -
16
+ PR to cleanup platform_editor_usesharedpluginstatewithselector for `collab-edit`,
17
+ `floating-toolbar`, `grid` and `guideline`
18
+ - Updated dependencies
19
+
3
20
  ## 5.2.4
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/ui/EmojiPickerButton.js CHANGED
@@ -65,22 +65,14 @@ var selector = function selector(states) {
65
65
  var _states$emojiState;
66
66
  return (_states$emojiState = states.emojiState) === null || _states$emojiState === void 0 ? void 0 : _states$emojiState.emojiProvider;
67
67
  };
68
- var useEmojiProvider = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
69
- var emojiProvider = (0, _hooks.useSharedPluginStateWithSelector)(api, ['emoji'], selector);
70
- return emojiProvider ? Promise.resolve(emojiProvider) : undefined;
71
- }, function (api) {
72
- var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['emoji']),
73
- emojiState = _useSharedPluginState.emojiState;
74
- return emojiState !== null && emojiState !== void 0 && emojiState.emojiProvider ? Promise.resolve(emojiState.emojiProvider) : undefined;
75
- });
76
68
  var EmojiPickerWithProvider = function EmojiPickerWithProvider(props) {
77
- var emojiProvider = useEmojiProvider(props.pluginInjectionApi);
69
+ var emojiProvider = (0, _hooks.useSharedPluginStateWithSelector)(props.pluginInjectionApi, ['emoji'], selector);
78
70
  var setOutsideClickTargetRef = (0, _react.useContext)(_uiReact.OutsideClickTargetRefContext);
79
71
  if (!emojiProvider) {
80
72
  return null;
81
73
  }
82
74
  return (0, _react2.jsx)(_emoji.EmojiPicker, {
83
- emojiProvider: emojiProvider,
75
+ emojiProvider: Promise.resolve(emojiProvider),
84
76
  onSelection: props.updateEmoji,
85
77
  onPickerRef: setOutsideClickTargetRef
86
78
  });
package/dist/cjs/ui/ScrollButton.js CHANGED
@@ -21,14 +21,14 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
21
21
  var rightSideStyles = (0, _primitives.xcss)({
22
22
  borderLeft: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
23
23
  right: 'space.0',
24
- borderTopRightRadius: 'border.radius.100',
25
- borderBottomRightRadius: 'border.radius.100'
24
+ borderTopRightRadius: 'radius.small',
25
+ borderBottomRightRadius: 'radius.small'
26
26
  });
27
27
  var leftSideStyles = (0, _primitives.xcss)({
28
28
  borderRight: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
29
29
  left: 'space.0',
30
- borderTopLeftRadius: 'border.radius.100',
31
- borderBottomLeftRadius: 'border.radius.100'
30
+ borderTopLeftRadius: 'radius.small',
31
+ borderBottomLeftRadius: 'radius.small'
32
32
  });
33
33
  var buttonCommonStyles = (0, _primitives.xcss)({
34
34
  backgroundColor: 'elevation.surface.overlay',
package/dist/cjs/ui/Toolbar.js CHANGED
@@ -410,7 +410,7 @@ var buttonGroupStylesNew = (0, _react2.css)({
410
410
  var toolbarContainer = function toolbarContainer(scrollable, hasSelect, firstElementIsSelect) {
411
411
  return (0, _react2.css)({
412
412
  backgroundColor: "var(--ds-surface-overlay, white)",
413
- borderRadius: "var(--ds-border-radius, 3px)",
413
+ borderRadius: "var(--ds-radius-small, 3px)",
414
414
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"),
415
415
  display: 'flex',
416
416
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
package/dist/es2019/ui/EmojiPickerButton.js CHANGED
@@ -7,7 +7,7 @@ import React, { useCallback, useContext } from 'react';
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css, jsx } from '@emotion/react';
9
9
  import { IconButton } from '@atlaskit/button/new';
10
- import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
10
+ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
11
11
  import { Popup } from '@atlaskit/editor-common/ui';
12
12
  import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
13
13
  import { EmojiPicker } from '@atlaskit/emoji';
@@ -55,23 +55,14 @@ const selector = states => {
55
55
  var _states$emojiState;
56
56
  return (_states$emojiState = states.emojiState) === null || _states$emojiState === void 0 ? void 0 : _states$emojiState.emojiProvider;
57
57
  };
58
- const useEmojiProvider = sharedPluginStateHookMigratorFactory(api => {
59
- const emojiProvider = useSharedPluginStateWithSelector(api, ['emoji'], selector);
60
- return emojiProvider ? Promise.resolve(emojiProvider) : undefined;
61
- }, api => {
62
- const {
63
- emojiState
64
- } = useSharedPluginState(api, ['emoji']);
65
- return emojiState !== null && emojiState !== void 0 && emojiState.emojiProvider ? Promise.resolve(emojiState.emojiProvider) : undefined;
66
- });
67
58
  const EmojiPickerWithProvider = props => {
68
- const emojiProvider = useEmojiProvider(props.pluginInjectionApi);
59
+ const emojiProvider = useSharedPluginStateWithSelector(props.pluginInjectionApi, ['emoji'], selector);
69
60
  const setOutsideClickTargetRef = useContext(OutsideClickTargetRefContext);
70
61
  if (!emojiProvider) {
71
62
  return null;
72
63
  }
73
64
  return jsx(EmojiPicker, {
74
- emojiProvider: emojiProvider,
65
+ emojiProvider: Promise.resolve(emojiProvider),
75
66
  onSelection: props.updateEmoji,
76
67
  onPickerRef: setOutsideClickTargetRef
77
68
  });
package/dist/es2019/ui/ScrollButton.js CHANGED
@@ -10,14 +10,14 @@ import { Box, xcss } from '@atlaskit/primitives';
10
10
  const rightSideStyles = xcss({
11
11
  borderLeft: `solid ${"var(--ds-border, #091E4224)"} 1px`,
12
12
  right: 'space.0',
13
- borderTopRightRadius: 'border.radius.100',
14
- borderBottomRightRadius: 'border.radius.100'
13
+ borderTopRightRadius: 'radius.small',
14
+ borderBottomRightRadius: 'radius.small'
15
15
  });
16
16
  const leftSideStyles = xcss({
17
17
  borderRight: `solid ${"var(--ds-border, #091E4224)"} 1px`,
18
18
  left: 'space.0',
19
- borderTopLeftRadius: 'border.radius.100',
20
- borderBottomLeftRadius: 'border.radius.100'
19
+ borderTopLeftRadius: 'radius.small',
20
+ borderBottomLeftRadius: 'radius.small'
21
21
  });
22
22
  const buttonCommonStyles = xcss({
23
23
  backgroundColor: 'elevation.surface.overlay',
package/dist/es2019/ui/Toolbar.js CHANGED
@@ -377,7 +377,7 @@ const buttonGroupStylesNew = css({
377
377
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
378
378
  const toolbarContainer = (scrollable, hasSelect, firstElementIsSelect) => css({
379
379
  backgroundColor: "var(--ds-surface-overlay, white)",
380
- borderRadius: "var(--ds-border-radius, 3px)",
380
+ borderRadius: "var(--ds-radius-small, 3px)",
381
381
  boxShadow: `var(--ds-shadow-overlay, ${`0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)`})`,
382
382
  display: 'flex',
383
383
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
package/dist/esm/ui/EmojiPickerButton.js CHANGED
@@ -8,7 +8,7 @@ import React, { useCallback, useContext } from 'react';
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
9
  import { css, jsx } from '@emotion/react';
10
10
  import { IconButton } from '@atlaskit/button/new';
11
- import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
11
+ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
12
12
  import { Popup } from '@atlaskit/editor-common/ui';
13
13
  import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
14
14
  import { EmojiPicker } from '@atlaskit/emoji';
@@ -56,22 +56,14 @@ var selector = function selector(states) {
56
56
  var _states$emojiState;
57
57
  return (_states$emojiState = states.emojiState) === null || _states$emojiState === void 0 ? void 0 : _states$emojiState.emojiProvider;
58
58
  };
59
- var useEmojiProvider = sharedPluginStateHookMigratorFactory(function (api) {
60
- var emojiProvider = useSharedPluginStateWithSelector(api, ['emoji'], selector);
61
- return emojiProvider ? Promise.resolve(emojiProvider) : undefined;
62
- }, function (api) {
63
- var _useSharedPluginState = useSharedPluginState(api, ['emoji']),
64
- emojiState = _useSharedPluginState.emojiState;
65
- return emojiState !== null && emojiState !== void 0 && emojiState.emojiProvider ? Promise.resolve(emojiState.emojiProvider) : undefined;
66
- });
67
59
  var EmojiPickerWithProvider = function EmojiPickerWithProvider(props) {
68
- var emojiProvider = useEmojiProvider(props.pluginInjectionApi);
60
+ var emojiProvider = useSharedPluginStateWithSelector(props.pluginInjectionApi, ['emoji'], selector);
69
61
  var setOutsideClickTargetRef = useContext(OutsideClickTargetRefContext);
70
62
  if (!emojiProvider) {
71
63
  return null;
72
64
  }
73
65
  return jsx(EmojiPicker, {
74
- emojiProvider: emojiProvider,
66
+ emojiProvider: Promise.resolve(emojiProvider),
75
67
  onSelection: props.updateEmoji,
76
68
  onPickerRef: setOutsideClickTargetRef
77
69
  });
package/dist/esm/ui/ScrollButton.js CHANGED
@@ -11,14 +11,14 @@ import { Box, xcss } from '@atlaskit/primitives';
11
11
  var rightSideStyles = xcss({
12
12
  borderLeft: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
13
13
  right: 'space.0',
14
- borderTopRightRadius: 'border.radius.100',
15
- borderBottomRightRadius: 'border.radius.100'
14
+ borderTopRightRadius: 'radius.small',
15
+ borderBottomRightRadius: 'radius.small'
16
16
  });
17
17
  var leftSideStyles = xcss({
18
18
  borderRight: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
19
19
  left: 'space.0',
20
- borderTopLeftRadius: 'border.radius.100',
21
- borderBottomLeftRadius: 'border.radius.100'
20
+ borderTopLeftRadius: 'radius.small',
21
+ borderBottomLeftRadius: 'radius.small'
22
22
  });
23
23
  var buttonCommonStyles = xcss({
24
24
  backgroundColor: 'elevation.surface.overlay',
package/dist/esm/ui/Toolbar.js CHANGED
@@ -404,7 +404,7 @@ var buttonGroupStylesNew = css({
404
404
  var toolbarContainer = function toolbarContainer(scrollable, hasSelect, firstElementIsSelect) {
405
405
  return css({
406
406
  backgroundColor: "var(--ds-surface-overlay, white)",
407
- borderRadius: "var(--ds-border-radius, 3px)",
407
+ borderRadius: "var(--ds-radius-small, 3px)",
408
408
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"),
409
409
  display: 'flex',
410
410
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-floating-toolbar",
3
- "version": "5.2.4",
3
+ "version": "6.0.1",
4
4
  "description": "Floating toolbar plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -25,17 +25,17 @@
25
25
  "@atlaskit/button": "^23.4.0",
26
26
  "@atlaskit/checkbox": "^17.1.0",
27
27
  "@atlaskit/editor-palette": "^2.1.0",
28
- "@atlaskit/editor-plugin-analytics": "^3.0.0",
29
- "@atlaskit/editor-plugin-context-panel": "^5.1.0",
30
- "@atlaskit/editor-plugin-copy-button": "^3.0.0",
31
- "@atlaskit/editor-plugin-decorations": "^3.1.0",
32
- "@atlaskit/editor-plugin-editor-disabled": "^3.0.0",
33
- "@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
34
- "@atlaskit/editor-plugin-emoji": "^4.3.0",
35
- "@atlaskit/editor-plugin-extension": "^6.2.0",
36
- "@atlaskit/editor-plugin-interaction": "^5.0.0",
37
- "@atlaskit/editor-plugin-table": "^12.3.0",
38
- "@atlaskit/editor-plugin-user-intent": "^1.1.0",
28
+ "@atlaskit/editor-plugin-analytics": "^4.0.0",
29
+ "@atlaskit/editor-plugin-context-panel": "^6.0.0",
30
+ "@atlaskit/editor-plugin-copy-button": "^4.0.0",
31
+ "@atlaskit/editor-plugin-decorations": "^4.0.0",
32
+ "@atlaskit/editor-plugin-editor-disabled": "^4.0.0",
33
+ "@atlaskit/editor-plugin-editor-viewmode": "^6.0.0",
34
+ "@atlaskit/editor-plugin-emoji": "^5.0.0",
35
+ "@atlaskit/editor-plugin-extension": "^7.0.0",
36
+ "@atlaskit/editor-plugin-interaction": "^6.0.0",
37
+ "@atlaskit/editor-plugin-table": "^13.0.0",
38
+ "@atlaskit/editor-plugin-user-intent": "^2.0.0",
39
39
  "@atlaskit/editor-prosemirror": "7.0.0",
40
40
  "@atlaskit/emoji": "^69.5.0",
41
41
  "@atlaskit/icon": "^28.1.0",
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/primitives": "^14.12.0",
46
46
  "@atlaskit/select": "^21.2.0",
47
47
  "@atlaskit/theme": "^20.0.0",
48
- "@atlaskit/tmp-editor-statsig": "^11.12.0",
48
+ "@atlaskit/tmp-editor-statsig": "^12.2.0",
49
49
  "@atlaskit/tokens": "^6.1.0",
50
50
  "@atlaskit/tooltip": "^20.4.0",
51
51
  "@babel/runtime": "^7.0.0",
@@ -57,7 +57,7 @@
57
57
  "react-loadable": "^5.1.0"
58
58
  },
59
59
  "peerDependencies": {
60
- "@atlaskit/editor-common": "^107.35.0",
60
+ "@atlaskit/editor-common": "^108.1.0",
61
61
  "react": "^18.2.0",
62
62
  "react-dom": "^18.2.0"
63
63
  },