@atlaskit/editor-plugin-extension 1.1.8 → 1.2.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 (9) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/ui/ConfigPanel/Fields/TabGroup.js +2 -16
  3. package/dist/cjs/ui/ConfigPanel/Fields/common/RequiredIndicator.js +3 -4
  4. package/dist/es2019/ui/ConfigPanel/Fields/TabGroup.js +2 -16
  5. package/dist/es2019/ui/ConfigPanel/Fields/common/RequiredIndicator.js +3 -3
  6. package/dist/esm/ui/ConfigPanel/Fields/TabGroup.js +2 -16
  7. package/dist/esm/ui/ConfigPanel/Fields/common/RequiredIndicator.js +3 -3
  8. package/example-utils/config-panel/ConfigPanelWithExtensionPicker.tsx +9 -9
  9. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/editor-plugin-extension
2
2
 
3
+ ## 1.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#91586](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91586) [`b3135ab49e16`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b3135ab49e16) - Updated `@atlaskit/tabs` dependency which removed baked-in horizontal padding. There may be some very slight difference in padding after this change.
8
+
9
+ ### Patch Changes
10
+
11
+ - [#92426](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92426) [`32c76c7c225c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32c76c7c225c) - Bump adf-schema to 35.9.2 to support table alignment options
12
+ - Updated dependencies
13
+
3
14
  ## 1.1.8
4
15
 
5
16
  ### Patch Changes
package/dist/cjs/ui/ConfigPanel/Fields/TabGroup.js CHANGED
@@ -15,18 +15,6 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
15
15
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
16
  /** @jsx jsx */
17
17
 
18
- var tabWrapperStyles = (0, _react2.css)({
19
- // increase specificity to make sure the tab style is overridden
20
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
21
- "&&& [role='tabpanel'][tabindex]": {
22
- padding: 0
23
- },
24
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
25
- "&&& [role='tablist']::before": {
26
- left: 0,
27
- right: 0
28
- }
29
- });
30
18
  var panelWrapperStyles = (0, _react2.css)({
31
19
  flexGrow: 1,
32
20
  maxWidth: '100%'
@@ -48,9 +36,7 @@ var TabGroupImpl = function TabGroupImpl(props) {
48
36
  var onChange = _react.default.useCallback(function (index) {
49
37
  setActiveTab(index);
50
38
  }, [setActiveTab]);
51
- return (0, _react2.jsx)("div", {
52
- css: tabWrapperStyles
53
- }, (0, _react2.jsx)(_tabs.default, {
39
+ return (0, _react2.jsx)(_tabs.default, {
54
40
  id: "configPanelTabs-".concat(field.name),
55
41
  onChange: onChange,
56
42
  selected: activeTab
@@ -66,7 +52,7 @@ var TabGroupImpl = function TabGroupImpl(props) {
66
52
  }, (0, _react2.jsx)("div", {
67
53
  css: panelWrapperStyles
68
54
  }, renderPanel(field)));
69
- })));
55
+ }));
70
56
  };
71
57
  TabGroupImpl.displayName = 'TabGroup';
72
58
  var TabGroup = (0, _reactIntlNext.injectIntl)(TabGroupImpl);
package/dist/cjs/ui/ConfigPanel/Fields/common/RequiredIndicator.js CHANGED
@@ -1,12 +1,11 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports.requiredIndicator = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
7
  var _react = require("@emotion/react");
10
8
  var _colors = require("@atlaskit/theme/colors");
11
- var _templateObject;
12
- var requiredIndicator = exports.requiredIndicator = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n"])), "var(--ds-text-danger, ".concat(_colors.R500, ")"));
9
+ var requiredIndicator = exports.requiredIndicator = (0, _react.css)({
10
+ color: "var(--ds-text-danger, ".concat(_colors.R500, ")")
11
+ });
package/dist/es2019/ui/ConfigPanel/Fields/TabGroup.js CHANGED
@@ -3,18 +3,6 @@ import React, { useState } from 'react';
3
3
  import { css, jsx } from '@emotion/react';
4
4
  import { injectIntl } from 'react-intl-next';
5
5
  import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
6
- const tabWrapperStyles = css({
7
- // increase specificity to make sure the tab style is overridden
8
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
9
- "&&& [role='tabpanel'][tabindex]": {
10
- padding: 0
11
- },
12
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
13
- "&&& [role='tablist']::before": {
14
- left: 0,
15
- right: 0
16
- }
17
- });
18
6
  const panelWrapperStyles = css({
19
7
  flexGrow: 1,
20
8
  maxWidth: '100%'
@@ -35,9 +23,7 @@ const TabGroupImpl = props => {
35
23
  const onChange = React.useCallback(index => {
36
24
  setActiveTab(index);
37
25
  }, [setActiveTab]);
38
- return jsx("div", {
39
- css: tabWrapperStyles
40
- }, jsx(Tabs, {
26
+ return jsx(Tabs, {
41
27
  id: `configPanelTabs-${field.name}`,
42
28
  onChange: onChange,
43
29
  selected: activeTab
@@ -50,7 +36,7 @@ const TabGroupImpl = props => {
50
36
  key: `panel-${field.name}`
51
37
  }, jsx("div", {
52
38
  css: panelWrapperStyles
53
- }, renderPanel(field))))));
39
+ }, renderPanel(field)))));
54
40
  };
55
41
  TabGroupImpl.displayName = 'TabGroup';
56
42
  const TabGroup = injectIntl(TabGroupImpl);
package/dist/es2019/ui/ConfigPanel/Fields/common/RequiredIndicator.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { R500 } from '@atlaskit/theme/colors';
3
- export const requiredIndicator = css`
4
- color: ${`var(--ds-text-danger, ${R500})`};
5
- `;
3
+ export const requiredIndicator = css({
4
+ color: `var(--ds-text-danger, ${R500})`
5
+ });
package/dist/esm/ui/ConfigPanel/Fields/TabGroup.js CHANGED
@@ -4,18 +4,6 @@ import React, { useState } from 'react';
4
4
  import { css, jsx } from '@emotion/react';
5
5
  import { injectIntl } from 'react-intl-next';
6
6
  import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
7
- var tabWrapperStyles = css({
8
- // increase specificity to make sure the tab style is overridden
9
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
10
- "&&& [role='tabpanel'][tabindex]": {
11
- padding: 0
12
- },
13
- // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
14
- "&&& [role='tablist']::before": {
15
- left: 0,
16
- right: 0
17
- }
18
- });
19
7
  var panelWrapperStyles = css({
20
8
  flexGrow: 1,
21
9
  maxWidth: '100%'
@@ -37,9 +25,7 @@ var TabGroupImpl = function TabGroupImpl(props) {
37
25
  var onChange = React.useCallback(function (index) {
38
26
  setActiveTab(index);
39
27
  }, [setActiveTab]);
40
- return jsx("div", {
41
- css: tabWrapperStyles
42
- }, jsx(Tabs, {
28
+ return jsx(Tabs, {
43
29
  id: "configPanelTabs-".concat(field.name),
44
30
  onChange: onChange,
45
31
  selected: activeTab
@@ -55,7 +41,7 @@ var TabGroupImpl = function TabGroupImpl(props) {
55
41
  }, jsx("div", {
56
42
  css: panelWrapperStyles
57
43
  }, renderPanel(field)));
58
- })));
44
+ }));
59
45
  };
60
46
  TabGroupImpl.displayName = 'TabGroup';
61
47
  var TabGroup = injectIntl(TabGroupImpl);
package/dist/esm/ui/ConfigPanel/Fields/common/RequiredIndicator.js CHANGED
@@ -1,5 +1,5 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
1
  import { css } from '@emotion/react';
4
2
  import { R500 } from '@atlaskit/theme/colors';
5
- export var requiredIndicator = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n"])), "var(--ds-text-danger, ".concat(R500, ")"));
3
+ export var requiredIndicator = css({
4
+ color: "var(--ds-text-danger, ".concat(R500, ")")
5
+ });
package/example-utils/config-panel/ConfigPanelWithExtensionPicker.tsx CHANGED
@@ -29,15 +29,15 @@ const wrapperStyles = xcss({ margin: 'space.200' });
29
29
  const exampleWrapperStyles = css({ display: 'flex', flexDirection: 'row' });
30
30
 
31
31
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
32
- const column = (width: number | string) => css`
33
- width: ${width}px;
34
- margin: ${token('space.200', '16px')};
35
-
36
- h3 {
37
- border-bottom: 1px solid ${colors.N50};
38
- margin-bottom: ${token('space.200', '16px')};
39
- }
40
- `;
32
+ const column = (width: number | string) =>
33
+ css({
34
+ width: `${width}px`,
35
+ margin: token('space.200', '16px'),
36
+ h3: {
37
+ borderBottom: `1px solid ${colors.N50}`,
38
+ marginBottom: token('space.200', '16px'),
39
+ },
40
+ });
41
41
 
42
42
  const codeWrapperStyles = css({
43
43
  marginTop: token('space.200', '16px'),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-extension",
3
- "version": "1.1.8",
3
+ "version": "1.2.0",
4
4
  "description": "editor-plugin-extension plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -24,14 +24,14 @@
24
24
  ".": "./src/index.ts"
25
25
  },
26
26
  "dependencies": {
27
- "@atlaskit/adf-schema": "^35.9.0",
27
+ "@atlaskit/adf-schema": "^35.9.2",
28
28
  "@atlaskit/adf-utils": "^19.0.0",
29
29
  "@atlaskit/analytics-next": "^9.2.0",
30
30
  "@atlaskit/avatar": "^21.5.0",
31
- "@atlaskit/button": "^17.12.0",
31
+ "@atlaskit/button": "^17.13.0",
32
32
  "@atlaskit/checkbox": "^13.1.0",
33
33
  "@atlaskit/datetime-picker": "^13.3.0",
34
- "@atlaskit/editor-common": "^78.28.0",
34
+ "@atlaskit/editor-common": "^78.30.0",
35
35
  "@atlaskit/editor-json-transformer": "^8.10.0",
36
36
  "@atlaskit/editor-plugin-analytics": "^1.0.0",
37
37
  "@atlaskit/editor-plugin-context-identifier": "^1.0.0",
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/editor-shared-styles": "^2.9.0",
44
44
  "@atlaskit/editor-tables": "^2.6.0",
45
45
  "@atlaskit/empty-state": "^7.8.0",
46
- "@atlaskit/form": "^9.2.0",
46
+ "@atlaskit/form": "^9.3.0",
47
47
  "@atlaskit/icon": "^22.1.0",
48
48
  "@atlaskit/platform-feature-flags": "^0.2.0",
49
49
  "@atlaskit/primitives": "^5.5.0",
@@ -52,7 +52,7 @@
52
52
  "@atlaskit/select": "^17.6.0",
53
53
  "@atlaskit/smart-user-picker": "^6.9.0",
54
54
  "@atlaskit/spinner": "^16.0.0",
55
- "@atlaskit/tabs": "^14.1.0",
55
+ "@atlaskit/tabs": "^15.0.0",
56
56
  "@atlaskit/textarea": "^5.2.0",
57
57
  "@atlaskit/textfield": "^6.1.0",
58
58
  "@atlaskit/theme": "^12.7.0",