@atlaskit/editor-plugin-alignment 4.0.1 → 4.0.2

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 (8) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/ui/FloatingToolbarComponent.js +11 -5
  3. package/dist/cjs/ui/PrimaryToolbarComponent.js +11 -5
  4. package/dist/es2019/ui/FloatingToolbarComponent.js +11 -4
  5. package/dist/es2019/ui/PrimaryToolbarComponent.js +11 -4
  6. package/dist/esm/ui/FloatingToolbarComponent.js +12 -6
  7. package/dist/esm/ui/PrimaryToolbarComponent.js +12 -6
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-alignment
2
2
 
3
+ ## 4.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#183109](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/183109)
8
+ [`3fd4ff5c71ef7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3fd4ff5c71ef7) -
9
+ Migrate to useSharedPluginStateWithSelector
10
+ - Updated dependencies
11
+
3
12
  ## 4.0.1
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/ui/FloatingToolbarComponent.js CHANGED
@@ -9,7 +9,6 @@ exports.FloatingToolbarComponent = FloatingToolbarComponent;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _analytics = require("@atlaskit/editor-common/analytics");
11
11
  var _hooks = require("@atlaskit/editor-common/hooks");
12
- var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
13
12
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
14
13
  var _editorCommands = require("../editor-commands");
15
14
  var _types = require("../pm-plugins/types");
@@ -20,15 +19,22 @@ var FloatingToolbarSettings = {
20
19
  isToolbarReducedSpacing: true
21
20
  };
22
21
  var useFloatingToolbarComponentPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
23
- var align = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'alignment.align');
24
- var isEnabled = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'alignment.isEnabled');
22
+ var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['alignment'], function (states) {
23
+ var _states$alignmentStat, _states$alignmentStat2;
24
+ return {
25
+ align: (_states$alignmentStat = states.alignmentState) === null || _states$alignmentStat === void 0 ? void 0 : _states$alignmentStat.align,
26
+ isEnabled: (_states$alignmentStat2 = states.alignmentState) === null || _states$alignmentStat2 === void 0 ? void 0 : _states$alignmentStat2.isEnabled
27
+ };
28
+ }),
29
+ align = _useSharedPluginState.align,
30
+ isEnabled = _useSharedPluginState.isEnabled;
25
31
  return {
26
32
  align: align,
27
33
  isEnabled: isEnabled
28
34
  };
29
35
  }, function (api) {
30
- var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['alignment']),
31
- alignmentState = _useSharedPluginState.alignmentState;
36
+ var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['alignment']),
37
+ alignmentState = _useSharedPluginState2.alignmentState;
32
38
  return {
33
39
  align: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.align,
34
40
  isEnabled: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.isEnabled
package/dist/cjs/ui/PrimaryToolbarComponent.js CHANGED
@@ -9,21 +9,27 @@ exports.PrimaryToolbarComponent = PrimaryToolbarComponent;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _analytics = require("@atlaskit/editor-common/analytics");
11
11
  var _hooks = require("@atlaskit/editor-common/hooks");
12
- var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
13
12
  var _editorCommands = require("../editor-commands");
14
13
  var _types = require("../pm-plugins/types");
15
14
  var _ToolbarAlignment = _interopRequireDefault(require("./ToolbarAlignment"));
16
15
  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); }
17
16
  var usePrimaryToolbarComponentPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
18
- var align = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'alignment.align');
19
- var isEnabled = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'alignment.isEnabled');
17
+ var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['alignment'], function (states) {
18
+ var _states$alignmentStat, _states$alignmentStat2;
19
+ return {
20
+ align: (_states$alignmentStat = states.alignmentState) === null || _states$alignmentStat === void 0 ? void 0 : _states$alignmentStat.align,
21
+ isEnabled: (_states$alignmentStat2 = states.alignmentState) === null || _states$alignmentStat2 === void 0 ? void 0 : _states$alignmentStat2.isEnabled
22
+ };
23
+ }),
24
+ align = _useSharedPluginState.align,
25
+ isEnabled = _useSharedPluginState.isEnabled;
20
26
  return {
21
27
  align: align,
22
28
  isEnabled: isEnabled
23
29
  };
24
30
  }, function (api) {
25
- var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['alignment']),
26
- alignmentState = _useSharedPluginState.alignmentState;
31
+ var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['alignment']),
32
+ alignmentState = _useSharedPluginState2.alignmentState;
27
33
  return {
28
34
  align: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.align,
29
35
  isEnabled: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.isEnabled
package/dist/es2019/ui/FloatingToolbarComponent.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
3
- import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
4
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
3
+ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
5
4
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
6
5
  import { changeAlignment } from '../editor-commands';
7
6
  import { ToolbarType } from '../pm-plugins/types';
@@ -11,8 +10,16 @@ const FloatingToolbarSettings = {
11
10
  isToolbarReducedSpacing: true
12
11
  };
13
12
  const useFloatingToolbarComponentPluginState = sharedPluginStateHookMigratorFactory(api => {
14
- const align = useSharedPluginStateSelector(api, 'alignment.align');
15
- const isEnabled = useSharedPluginStateSelector(api, 'alignment.isEnabled');
13
+ const {
14
+ align,
15
+ isEnabled
16
+ } = useSharedPluginStateWithSelector(api, ['alignment'], states => {
17
+ var _states$alignmentStat, _states$alignmentStat2;
18
+ return {
19
+ align: (_states$alignmentStat = states.alignmentState) === null || _states$alignmentStat === void 0 ? void 0 : _states$alignmentStat.align,
20
+ isEnabled: (_states$alignmentStat2 = states.alignmentState) === null || _states$alignmentStat2 === void 0 ? void 0 : _states$alignmentStat2.isEnabled
21
+ };
22
+ });
16
23
  return {
17
24
  align,
18
25
  isEnabled
package/dist/es2019/ui/PrimaryToolbarComponent.js CHANGED
@@ -1,13 +1,20 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
3
- import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
4
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
3
+ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
5
4
  import { changeAlignment } from '../editor-commands';
6
5
  import { ToolbarType } from '../pm-plugins/types';
7
6
  import ToolbarAlignment from './ToolbarAlignment';
8
7
  const usePrimaryToolbarComponentPluginState = sharedPluginStateHookMigratorFactory(api => {
9
- const align = useSharedPluginStateSelector(api, 'alignment.align');
10
- const isEnabled = useSharedPluginStateSelector(api, 'alignment.isEnabled');
8
+ const {
9
+ align,
10
+ isEnabled
11
+ } = useSharedPluginStateWithSelector(api, ['alignment'], states => {
12
+ var _states$alignmentStat, _states$alignmentStat2;
13
+ return {
14
+ align: (_states$alignmentStat = states.alignmentState) === null || _states$alignmentStat === void 0 ? void 0 : _states$alignmentStat.align,
15
+ isEnabled: (_states$alignmentStat2 = states.alignmentState) === null || _states$alignmentStat2 === void 0 ? void 0 : _states$alignmentStat2.isEnabled
16
+ };
17
+ });
11
18
  return {
12
19
  align,
13
20
  isEnabled
package/dist/esm/ui/FloatingToolbarComponent.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
3
- import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
4
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
3
+ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
5
4
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
6
5
  import { changeAlignment } from '../editor-commands';
7
6
  import { ToolbarType } from '../pm-plugins/types';
@@ -11,15 +10,22 @@ var FloatingToolbarSettings = {
11
10
  isToolbarReducedSpacing: true
12
11
  };
13
12
  var useFloatingToolbarComponentPluginState = sharedPluginStateHookMigratorFactory(function (api) {
14
- var align = useSharedPluginStateSelector(api, 'alignment.align');
15
- var isEnabled = useSharedPluginStateSelector(api, 'alignment.isEnabled');
13
+ var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['alignment'], function (states) {
14
+ var _states$alignmentStat, _states$alignmentStat2;
15
+ return {
16
+ align: (_states$alignmentStat = states.alignmentState) === null || _states$alignmentStat === void 0 ? void 0 : _states$alignmentStat.align,
17
+ isEnabled: (_states$alignmentStat2 = states.alignmentState) === null || _states$alignmentStat2 === void 0 ? void 0 : _states$alignmentStat2.isEnabled
18
+ };
19
+ }),
20
+ align = _useSharedPluginState.align,
21
+ isEnabled = _useSharedPluginState.isEnabled;
16
22
  return {
17
23
  align: align,
18
24
  isEnabled: isEnabled
19
25
  };
20
26
  }, function (api) {
21
- var _useSharedPluginState = useSharedPluginState(api, ['alignment']),
22
- alignmentState = _useSharedPluginState.alignmentState;
27
+ var _useSharedPluginState2 = useSharedPluginState(api, ['alignment']),
28
+ alignmentState = _useSharedPluginState2.alignmentState;
23
29
  return {
24
30
  align: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.align,
25
31
  isEnabled: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.isEnabled
package/dist/esm/ui/PrimaryToolbarComponent.js CHANGED
@@ -1,20 +1,26 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
3
- import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
4
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
3
+ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
5
4
  import { changeAlignment } from '../editor-commands';
6
5
  import { ToolbarType } from '../pm-plugins/types';
7
6
  import ToolbarAlignment from './ToolbarAlignment';
8
7
  var usePrimaryToolbarComponentPluginState = sharedPluginStateHookMigratorFactory(function (api) {
9
- var align = useSharedPluginStateSelector(api, 'alignment.align');
10
- var isEnabled = useSharedPluginStateSelector(api, 'alignment.isEnabled');
8
+ var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['alignment'], function (states) {
9
+ var _states$alignmentStat, _states$alignmentStat2;
10
+ return {
11
+ align: (_states$alignmentStat = states.alignmentState) === null || _states$alignmentStat === void 0 ? void 0 : _states$alignmentStat.align,
12
+ isEnabled: (_states$alignmentStat2 = states.alignmentState) === null || _states$alignmentStat2 === void 0 ? void 0 : _states$alignmentStat2.isEnabled
13
+ };
14
+ }),
15
+ align = _useSharedPluginState.align,
16
+ isEnabled = _useSharedPluginState.isEnabled;
11
17
  return {
12
18
  align: align,
13
19
  isEnabled: isEnabled
14
20
  };
15
21
  }, function (api) {
16
- var _useSharedPluginState = useSharedPluginState(api, ['alignment']),
17
- alignmentState = _useSharedPluginState.alignmentState;
22
+ var _useSharedPluginState2 = useSharedPluginState(api, ['alignment']),
23
+ alignmentState = _useSharedPluginState2.alignmentState;
18
24
  return {
19
25
  align: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.align,
20
26
  isEnabled: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.isEnabled
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-alignment",
3
- "version": "4.0.1",
3
+ "version": "4.0.2",
4
4
  "description": "Alignment plugin for @atlaskit/editor-core",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
39
39
  "@atlaskit/editor-tables": "^2.9.0",
40
40
  "@atlaskit/icon": "^27.3.0",
41
41
  "@atlaskit/platform-feature-flags": "^1.1.0",
42
- "@atlaskit/tmp-editor-statsig": "^9.0.0",
42
+ "@atlaskit/tmp-editor-statsig": "^9.1.0",
43
43
  "@atlaskit/tokens": "^5.4.0",
44
44
  "@babel/runtime": "^7.0.0",
45
45
  "@compiled/react": "^0.18.3"