@atlaskit/editor-plugin-quick-insert 19.0.7 → 19.0.8

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/RegistryElementBrowser/RegistryElementBrowserCategories.compiled.css +5 -2
  3. package/dist/cjs/ui/RegistryElementBrowser/RegistryElementBrowserCategories.js +14 -3
  4. package/dist/es2019/ui/RegistryElementBrowser/RegistryElementBrowserCategories.compiled.css +5 -2
  5. package/dist/es2019/ui/RegistryElementBrowser/RegistryElementBrowserCategories.js +14 -3
  6. package/dist/esm/ui/RegistryElementBrowser/RegistryElementBrowserCategories.compiled.css +5 -2
  7. package/dist/esm/ui/RegistryElementBrowser/RegistryElementBrowserCategories.js +14 -3
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-quick-insert
2
2
 
3
+ ## 19.0.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`3b090c6cebcbe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b090c6cebcbe) -
8
+ Keep the element browser categories stationary while scrolling results, including the horizontal
9
+ category row below 600px, and left-align all category button labels when
10
+ platform_editor_slash_command is enabled.
11
+
3
12
  ## 19.0.7
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/ui/RegistryElementBrowser/RegistryElementBrowserCategories.compiled.css CHANGED
@@ -1,4 +1,7 @@
1
- ._zulpu2gc{gap:var(--ds-space-100,8px)}._1e0c11p5{display:grid}
1
+ ._zulpu2gc{gap:var(--ds-space-100,8px)}._154iv77o{top:var(--ds-space-025,2px)}
2
+ ._1e0c11p5{display:grid}
3
+ ._1wpzv2br{align-self:start}
2
4
  ._ae4vv2br{align-content:start}
5
+ ._kqsw1if8{position:sticky}
3
6
  ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
4
- @media (max-width:599px){._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}}
7
+ @media (max-width:599px){._qs0g1bhr{background-color:var(--ds-surface-overlay,#fff)}._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}._zvu9kb7n{z-index:1}}
package/dist/cjs/ui/RegistryElementBrowser/RegistryElementBrowserCategories.js CHANGED
@@ -14,6 +14,7 @@ var _reactIntl = require("react-intl");
14
14
  var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
15
15
  var _keys = require("@atlaskit/editor-common/quick-insert/keys");
16
16
  var _messages = require("@atlaskit/editor-common/quick-insert/messages");
17
+ var _text = require("@atlaskit/primitives/compiled/text");
17
18
  var sectionMessages = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.BLOCK_TEMPLATES_SECTION.key, _messages.messages.categoryBlockTemplates), _keys.DATA_AND_CHARTS_SECTION.key, _messages.messages.categoryDataAndCharts), _keys.EMBED_SECTION.key, _messages.messages.categoryEmbed), _keys.MEDIA_SECTION.key, _messages.messages.categoryMedia), _keys.OTHER_SECTION.key, _messages.messages.categoryOther), _keys.ROVO_SECTION.key, _messages.messages.categoryRovo), _keys.STRUCTURE_SECTION.key, _messages.messages.categoryStructure), _keys.TEXT_FORMATTING_SECTION.key, _messages.messages.categoryTextFormatting);
18
19
  var categoryGridStyles = null;
19
20
  var RegistryElementBrowserCategories = exports.RegistryElementBrowserCategories = function RegistryElementBrowserCategories(_ref) {
@@ -29,7 +30,7 @@ var RegistryElementBrowserCategories = exports.RegistryElementBrowserCategories
29
30
  id: 'editor.quick-insert.categories-label'
30
31
  }),
31
32
  "data-testid": "registry-element-browser-categories",
32
- className: (0, _runtime.ax)(["_zulpu2gc _ae4vv2br _1e0c11p5 _yv0ei47z _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq"])
33
+ className: (0, _runtime.ax)(["_zulpu2gc _ae4vv2br _1wpzv2br _1e0c11p5 _yv0ei47z _kqsw1if8 _154iv77o _qs0g1bhr _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq _zvu9kb7n"])
33
34
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
34
35
  appearance: 'subtle',
35
36
  "aria-pressed": isAllSelected,
@@ -37,10 +38,15 @@ var RegistryElementBrowserCategories = exports.RegistryElementBrowserCategories
37
38
  onClick: onSectionClick,
38
39
  isSelected: isAllSelected,
39
40
  shouldFitContainer: true
41
+ }, /*#__PURE__*/_react.default.createElement(_text.Text, {
42
+ align: "start",
43
+ color: "inherit",
44
+ maxLines: 1,
45
+ weight: "medium"
40
46
  }, formatMessage({
41
47
  defaultMessage: 'All',
42
48
  id: 'editor.quick-insert.all'
43
- })), sections.map(function (entry) {
49
+ }))), sections.map(function (entry) {
44
50
  var _sectionMessages2;
45
51
  return /*#__PURE__*/_react.default.createElement(_button.default, {
46
52
  appearance: 'subtle',
@@ -50,6 +56,11 @@ var RegistryElementBrowserCategories = exports.RegistryElementBrowserCategories
50
56
  onClick: onSectionClick,
51
57
  isSelected: section === entry.key,
52
58
  shouldFitContainer: true
53
- }, formatMessage((_sectionMessages2 = sectionMessages[entry.key]) !== null && _sectionMessages2 !== void 0 ? _sectionMessages2 : _messages.messages.categoryOther));
59
+ }, /*#__PURE__*/_react.default.createElement(_text.Text, {
60
+ align: "start",
61
+ color: "inherit",
62
+ maxLines: 1,
63
+ weight: "medium"
64
+ }, formatMessage((_sectionMessages2 = sectionMessages[entry.key]) !== null && _sectionMessages2 !== void 0 ? _sectionMessages2 : _messages.messages.categoryOther)));
54
65
  }));
55
66
  };
package/dist/es2019/ui/RegistryElementBrowser/RegistryElementBrowserCategories.compiled.css CHANGED
@@ -1,4 +1,7 @@
1
- ._zulpu2gc{gap:var(--ds-space-100,8px)}._1e0c11p5{display:grid}
1
+ ._zulpu2gc{gap:var(--ds-space-100,8px)}._154iv77o{top:var(--ds-space-025,2px)}
2
+ ._1e0c11p5{display:grid}
3
+ ._1wpzv2br{align-self:start}
2
4
  ._ae4vv2br{align-content:start}
5
+ ._kqsw1if8{position:sticky}
3
6
  ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
4
- @media (max-width:599px){._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}}
7
+ @media (max-width:599px){._qs0g1bhr{background-color:var(--ds-surface-overlay,#fff)}._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}._zvu9kb7n{z-index:1}}
package/dist/es2019/ui/RegistryElementBrowser/RegistryElementBrowserCategories.js CHANGED
@@ -6,6 +6,7 @@ import { useIntl } from 'react-intl';
6
6
  import Button from '@atlaskit/button/default/button';
7
7
  import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
8
8
  import { messages } from '@atlaskit/editor-common/quick-insert/messages';
9
+ import { Text } from '@atlaskit/primitives/compiled/text';
9
10
  const sectionMessages = {
10
11
  [BLOCK_TEMPLATES_SECTION.key]: messages.categoryBlockTemplates,
11
12
  [DATA_AND_CHARTS_SECTION.key]: messages.categoryDataAndCharts,
@@ -32,7 +33,7 @@ export const RegistryElementBrowserCategories = ({
32
33
  id: 'editor.quick-insert.categories-label'
33
34
  }),
34
35
  "data-testid": "registry-element-browser-categories",
35
- className: ax(["_zulpu2gc _ae4vv2br _1e0c11p5 _yv0ei47z _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq"])
36
+ className: ax(["_zulpu2gc _ae4vv2br _1wpzv2br _1e0c11p5 _yv0ei47z _kqsw1if8 _154iv77o _qs0g1bhr _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq _zvu9kb7n"])
36
37
  }, /*#__PURE__*/React.createElement(Button, {
37
38
  appearance: 'subtle',
38
39
  "aria-pressed": isAllSelected,
@@ -40,10 +41,15 @@ export const RegistryElementBrowserCategories = ({
40
41
  onClick: onSectionClick,
41
42
  isSelected: isAllSelected,
42
43
  shouldFitContainer: true
44
+ }, /*#__PURE__*/React.createElement(Text, {
45
+ align: "start",
46
+ color: "inherit",
47
+ maxLines: 1,
48
+ weight: "medium"
43
49
  }, formatMessage({
44
50
  defaultMessage: 'All',
45
51
  id: 'editor.quick-insert.all'
46
- })), sections.map(entry => {
52
+ }))), sections.map(entry => {
47
53
  var _sectionMessages;
48
54
  return /*#__PURE__*/React.createElement(Button, {
49
55
  appearance: 'subtle',
@@ -53,6 +59,11 @@ export const RegistryElementBrowserCategories = ({
53
59
  onClick: onSectionClick,
54
60
  isSelected: section === entry.key,
55
61
  shouldFitContainer: true
56
- }, formatMessage((_sectionMessages = sectionMessages[entry.key]) !== null && _sectionMessages !== void 0 ? _sectionMessages : messages.categoryOther));
62
+ }, /*#__PURE__*/React.createElement(Text, {
63
+ align: "start",
64
+ color: "inherit",
65
+ maxLines: 1,
66
+ weight: "medium"
67
+ }, formatMessage((_sectionMessages = sectionMessages[entry.key]) !== null && _sectionMessages !== void 0 ? _sectionMessages : messages.categoryOther)));
57
68
  }));
58
69
  };
package/dist/esm/ui/RegistryElementBrowser/RegistryElementBrowserCategories.compiled.css CHANGED
@@ -1,4 +1,7 @@
1
- ._zulpu2gc{gap:var(--ds-space-100,8px)}._1e0c11p5{display:grid}
1
+ ._zulpu2gc{gap:var(--ds-space-100,8px)}._154iv77o{top:var(--ds-space-025,2px)}
2
+ ._1e0c11p5{display:grid}
3
+ ._1wpzv2br{align-self:start}
2
4
  ._ae4vv2br{align-content:start}
5
+ ._kqsw1if8{position:sticky}
3
6
  ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
4
- @media (max-width:599px){._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}}
7
+ @media (max-width:599px){._qs0g1bhr{background-color:var(--ds-surface-overlay,#fff)}._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}._zvu9kb7n{z-index:1}}
package/dist/esm/ui/RegistryElementBrowser/RegistryElementBrowserCategories.js CHANGED
@@ -7,6 +7,7 @@ import { useIntl } from 'react-intl';
7
7
  import Button from '@atlaskit/button/default/button';
8
8
  import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
9
9
  import { messages } from '@atlaskit/editor-common/quick-insert/messages';
10
+ import { Text } from '@atlaskit/primitives/compiled/text';
10
11
  var sectionMessages = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BLOCK_TEMPLATES_SECTION.key, messages.categoryBlockTemplates), DATA_AND_CHARTS_SECTION.key, messages.categoryDataAndCharts), EMBED_SECTION.key, messages.categoryEmbed), MEDIA_SECTION.key, messages.categoryMedia), OTHER_SECTION.key, messages.categoryOther), ROVO_SECTION.key, messages.categoryRovo), STRUCTURE_SECTION.key, messages.categoryStructure), TEXT_FORMATTING_SECTION.key, messages.categoryTextFormatting);
11
12
  var categoryGridStyles = null;
12
13
  export var RegistryElementBrowserCategories = function RegistryElementBrowserCategories(_ref) {
@@ -22,7 +23,7 @@ export var RegistryElementBrowserCategories = function RegistryElementBrowserCat
22
23
  id: 'editor.quick-insert.categories-label'
23
24
  }),
24
25
  "data-testid": "registry-element-browser-categories",
25
- className: ax(["_zulpu2gc _ae4vv2br _1e0c11p5 _yv0ei47z _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq"])
26
+ className: ax(["_zulpu2gc _ae4vv2br _1wpzv2br _1e0c11p5 _yv0ei47z _kqsw1if8 _154iv77o _qs0g1bhr _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq _zvu9kb7n"])
26
27
  }, /*#__PURE__*/React.createElement(Button, {
27
28
  appearance: 'subtle',
28
29
  "aria-pressed": isAllSelected,
@@ -30,10 +31,15 @@ export var RegistryElementBrowserCategories = function RegistryElementBrowserCat
30
31
  onClick: onSectionClick,
31
32
  isSelected: isAllSelected,
32
33
  shouldFitContainer: true
34
+ }, /*#__PURE__*/React.createElement(Text, {
35
+ align: "start",
36
+ color: "inherit",
37
+ maxLines: 1,
38
+ weight: "medium"
33
39
  }, formatMessage({
34
40
  defaultMessage: 'All',
35
41
  id: 'editor.quick-insert.all'
36
- })), sections.map(function (entry) {
42
+ }))), sections.map(function (entry) {
37
43
  var _sectionMessages2;
38
44
  return /*#__PURE__*/React.createElement(Button, {
39
45
  appearance: 'subtle',
@@ -43,6 +49,11 @@ export var RegistryElementBrowserCategories = function RegistryElementBrowserCat
43
49
  onClick: onSectionClick,
44
50
  isSelected: section === entry.key,
45
51
  shouldFitContainer: true
46
- }, formatMessage((_sectionMessages2 = sectionMessages[entry.key]) !== null && _sectionMessages2 !== void 0 ? _sectionMessages2 : messages.categoryOther));
52
+ }, /*#__PURE__*/React.createElement(Text, {
53
+ align: "start",
54
+ color: "inherit",
55
+ maxLines: 1,
56
+ weight: "medium"
57
+ }, formatMessage((_sectionMessages2 = sectionMessages[entry.key]) !== null && _sectionMessages2 !== void 0 ? _sectionMessages2 : messages.categoryOther)));
47
58
  }));
48
59
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-quick-insert",
3
- "version": "19.0.7",
3
+ "version": "19.0.8",
4
4
  "description": "Quick insert plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",