@atlaskit/jql-editor 4.8.3 → 4.9.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 (13) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/analytics/util.js +1 -1
  3. package/dist/cjs/plugins/autocomplete/components/autocomplete-option/index.js +45 -17
  4. package/dist/es2019/analytics/util.js +1 -1
  5. package/dist/es2019/plugins/autocomplete/components/autocomplete-option/index.js +44 -16
  6. package/dist/esm/analytics/util.js +1 -1
  7. package/dist/esm/plugins/autocomplete/components/autocomplete-option/index.js +44 -16
  8. package/package.json +5 -4
  9. package/dist/cjs/plugins/autocomplete/components/autocomplete-option/glyphs.js +0 -104
  10. package/dist/es2019/plugins/autocomplete/components/autocomplete-option/glyphs.js +0 -80
  11. package/dist/esm/plugins/autocomplete/components/autocomplete-option/glyphs.js +0 -98
  12. package/dist/types/plugins/autocomplete/components/autocomplete-option/glyphs.d.ts +0 -10
  13. package/dist/types-ts4.5/plugins/autocomplete/components/autocomplete-option/glyphs.d.ts +0 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/jql-editor
2
2
 
3
+ ## 4.9.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#157222](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/157222)
8
+ [`988a121a05a31`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/988a121a05a31) -
9
+ [ux] Enable new icons behind a feature flag.
10
+
3
11
  ## 4.8.3
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/analytics/util.js CHANGED
@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.useJqlEditorAnalytics = void 0;
7
7
  var _jqlEditorCommon = require("@atlaskit/jql-editor-common");
8
8
  var useJqlEditorAnalytics = exports.useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
9
- return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "4.8.3", _jqlEditorCommon.ANALYTICS_CHANNEL);
9
+ return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "4.9.0", _jqlEditorCommon.ANALYTICS_CHANNEL);
10
10
  };
package/dist/cjs/plugins/autocomplete/components/autocomplete-option/index.js CHANGED
@@ -12,24 +12,41 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
  var _deburr = _interopRequireDefault(require("lodash/deburr"));
14
14
  var _noop = _interopRequireDefault(require("lodash/noop"));
15
- var _icon = _interopRequireDefault(require("@atlaskit/icon"));
15
+ var _alignLeft = _interopRequireDefault(require("@atlaskit/icon/core/align-left"));
16
+ var _calendar = _interopRequireDefault(require("@atlaskit/icon/core/calendar"));
17
+ var _clock = _interopRequireDefault(require("@atlaskit/icon/core/clock"));
18
+ var _dataNumber = _interopRequireDefault(require("@atlaskit/icon/core/data-number"));
16
19
  var _informationEditorPanel = _interopRequireDefault(require("@atlaskit/icon/core/migration/information--editor-panel"));
20
+ var _personAvatar = _interopRequireDefault(require("@atlaskit/icon/core/person-avatar"));
21
+ var _tag = _interopRequireDefault(require("@atlaskit/icon/core/tag"));
22
+ var _task = _interopRequireDefault(require("@atlaskit/icon/core/task"));
23
+ var _text = _interopRequireDefault(require("@atlaskit/icon/core/text"));
17
24
  var _jqlAst = require("@atlaskit/jql-ast");
25
+ var _alignLeftIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/align-left-icon"));
26
+ var _arrowDownCircleIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/arrow-down-circle-icon"));
27
+ var _calendarIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/calendar-icon"));
28
+ var _clockIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/clock-icon"));
29
+ var _dataNumberIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/data-number-icon"));
30
+ var _personAvatarIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/person-avatar-icon"));
31
+ var _tagIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/tag-icon"));
32
+ var _taskIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/task-icon"));
33
+ var _textIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/text-icon"));
18
34
  var _colors = require("@atlaskit/theme/colors");
19
35
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
20
36
  var _state = require("../../../../state");
21
- var _glyphs = require("./glyphs");
22
37
  var _messages = require("./messages");
23
38
  var _styled = require("./styled");
24
39
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
25
40
  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 && {}.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; }
26
41
  var ResizedIcon = function ResizedIcon(_ref) {
27
- var glyph = _ref.glyph;
28
- return /*#__PURE__*/_react.default.createElement(_icon.default, {
29
- glyph: glyph,
30
- size: "small",
42
+ var Icon = _ref.Icon,
43
+ LegacyIcon = _ref.LegacyIcon;
44
+ return /*#__PURE__*/_react.default.createElement(Icon, {
45
+ LEGACY_fallbackIcon: LegacyIcon,
46
+ LEGACY_size: "small",
31
47
  label: "",
32
- testId: "jql-editor-field-type-icon"
48
+ testId: "jql-editor-field-type-icon",
49
+ color: "currentColor"
33
50
  });
34
51
  };
35
52
 
@@ -41,39 +58,50 @@ var getFieldTypeIcon = function getFieldTypeIcon(type) {
41
58
  switch (type) {
42
59
  case 'Checkboxes':
43
60
  return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
44
- glyph: _glyphs.checkboxGlyph
61
+ Icon: _task.default,
62
+ LegacyIcon: _taskIcon.default
45
63
  });
46
64
  case 'Date':
47
65
  return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
48
- glyph: _glyphs.dateGlyph
66
+ Icon: _calendar.default,
67
+ LegacyIcon: _calendarIcon.default
49
68
  });
50
69
  case 'Dropdown':
51
- return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
52
- glyph: _glyphs.dropdownGlyph
70
+ // TODO: https://product-fabric.atlassian.net/browse/DSP-21308
71
+ return /*#__PURE__*/_react.default.createElement(_arrowDownCircleIcon.default, {
72
+ label: "",
73
+ size: "small",
74
+ testId: "jql-editor-field-type-icon"
53
75
  });
54
76
  case 'Labels':
55
77
  return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
56
- glyph: _glyphs.labelGlyph
78
+ Icon: _tag.default,
79
+ LegacyIcon: _tagIcon.default
57
80
  });
58
81
  case 'Number':
59
82
  return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
60
- glyph: _glyphs.numberGlyph
83
+ Icon: _dataNumber.default,
84
+ LegacyIcon: _dataNumberIcon.default
61
85
  });
62
86
  case 'Paragraph':
63
87
  return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
64
- glyph: _glyphs.paragraphGlyph
88
+ Icon: _alignLeft.default,
89
+ LegacyIcon: _alignLeftIcon.default
65
90
  });
66
91
  case 'People':
67
92
  return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
68
- glyph: _glyphs.peopleGlyph
93
+ Icon: _personAvatar.default,
94
+ LegacyIcon: _personAvatarIcon.default
69
95
  });
70
96
  case 'Short text':
71
97
  return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
72
- glyph: _glyphs.shortTextGlyph
98
+ Icon: _text.default,
99
+ LegacyIcon: _textIcon.default
73
100
  });
74
101
  case 'Time stamp':
75
102
  return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
76
- glyph: _glyphs.timeStampGlyph
103
+ Icon: _clock.default,
104
+ LegacyIcon: _clockIcon.default
77
105
  });
78
106
  default:
79
107
  return null;
package/dist/es2019/analytics/util.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
2
2
  export const useJqlEditorAnalytics = analyticsSource => {
3
- return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "4.8.3", ANALYTICS_CHANNEL);
3
+ return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "4.9.0", ANALYTICS_CHANNEL);
4
4
  };
package/dist/es2019/plugins/autocomplete/components/autocomplete-option/index.js CHANGED
@@ -2,22 +2,39 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { forwardRef, useCallback, useMemo, useState } from 'react';
3
3
  import deburr from 'lodash/deburr';
4
4
  import noop from 'lodash/noop';
5
- import Icon from '@atlaskit/icon';
5
+ import AlignLeftIcon from '@atlaskit/icon/core/align-left';
6
+ import CalendarIcon from '@atlaskit/icon/core/calendar';
7
+ import ClockIcon from '@atlaskit/icon/core/clock';
8
+ import DataNumberIcon from '@atlaskit/icon/core/data-number';
6
9
  import InfoIcon from '@atlaskit/icon/core/migration/information--editor-panel';
10
+ import PersonAvatarIcon from '@atlaskit/icon/core/person-avatar';
11
+ import TagIcon from '@atlaskit/icon/core/tag';
12
+ import CheckboxIcon from '@atlaskit/icon/core/task';
13
+ import TextIcon from '@atlaskit/icon/core/text';
7
14
  import { normaliseJqlString } from '@atlaskit/jql-ast';
15
+ import LegacyAlignLeftIcon from '@atlaskit/legacy-custom-icons/align-left-icon';
16
+ import LegacyArrowDownIcon from '@atlaskit/legacy-custom-icons/arrow-down-circle-icon';
17
+ import LegacyCalendarIcon from '@atlaskit/legacy-custom-icons/calendar-icon';
18
+ import LegacyClockIcon from '@atlaskit/legacy-custom-icons/clock-icon';
19
+ import LegacyDataNumberIcon from '@atlaskit/legacy-custom-icons/data-number-icon';
20
+ import LegacyPersonAvatarIcon from '@atlaskit/legacy-custom-icons/person-avatar-icon';
21
+ import LegacyTagIcon from '@atlaskit/legacy-custom-icons/tag-icon';
22
+ import LegacyCheckboxIcon from '@atlaskit/legacy-custom-icons/task-icon';
23
+ import LegacyTextIcon from '@atlaskit/legacy-custom-icons/text-icon';
8
24
  import { N400 } from '@atlaskit/theme/colors';
9
25
  import Tooltip from '@atlaskit/tooltip';
10
26
  import { useIntl } from '../../../../state';
11
- import { checkboxGlyph, dateGlyph, dropdownGlyph, labelGlyph, numberGlyph, paragraphGlyph, peopleGlyph, shortTextGlyph, timeStampGlyph } from './glyphs';
12
27
  import { messages } from './messages';
13
28
  import { DeprecatedOptionContainer, FieldType, FieldTypeIcon, OptionHighlight, OptionListItem, OptionName, TooltipContent } from './styled';
14
29
  const ResizedIcon = ({
15
- glyph
30
+ Icon,
31
+ LegacyIcon
16
32
  }) => /*#__PURE__*/React.createElement(Icon, {
17
- glyph: glyph,
18
- size: "small",
33
+ LEGACY_fallbackIcon: LegacyIcon,
34
+ LEGACY_size: "small",
19
35
  label: "",
20
- testId: "jql-editor-field-type-icon"
36
+ testId: "jql-editor-field-type-icon",
37
+ color: "currentColor"
21
38
  });
22
39
 
23
40
  /**
@@ -28,39 +45,50 @@ const getFieldTypeIcon = type => {
28
45
  switch (type) {
29
46
  case 'Checkboxes':
30
47
  return /*#__PURE__*/React.createElement(ResizedIcon, {
31
- glyph: checkboxGlyph
48
+ Icon: CheckboxIcon,
49
+ LegacyIcon: LegacyCheckboxIcon
32
50
  });
33
51
  case 'Date':
34
52
  return /*#__PURE__*/React.createElement(ResizedIcon, {
35
- glyph: dateGlyph
53
+ Icon: CalendarIcon,
54
+ LegacyIcon: LegacyCalendarIcon
36
55
  });
37
56
  case 'Dropdown':
38
- return /*#__PURE__*/React.createElement(ResizedIcon, {
39
- glyph: dropdownGlyph
57
+ // TODO: https://product-fabric.atlassian.net/browse/DSP-21308
58
+ return /*#__PURE__*/React.createElement(LegacyArrowDownIcon, {
59
+ label: "",
60
+ size: "small",
61
+ testId: "jql-editor-field-type-icon"
40
62
  });
41
63
  case 'Labels':
42
64
  return /*#__PURE__*/React.createElement(ResizedIcon, {
43
- glyph: labelGlyph
65
+ Icon: TagIcon,
66
+ LegacyIcon: LegacyTagIcon
44
67
  });
45
68
  case 'Number':
46
69
  return /*#__PURE__*/React.createElement(ResizedIcon, {
47
- glyph: numberGlyph
70
+ Icon: DataNumberIcon,
71
+ LegacyIcon: LegacyDataNumberIcon
48
72
  });
49
73
  case 'Paragraph':
50
74
  return /*#__PURE__*/React.createElement(ResizedIcon, {
51
- glyph: paragraphGlyph
75
+ Icon: AlignLeftIcon,
76
+ LegacyIcon: LegacyAlignLeftIcon
52
77
  });
53
78
  case 'People':
54
79
  return /*#__PURE__*/React.createElement(ResizedIcon, {
55
- glyph: peopleGlyph
80
+ Icon: PersonAvatarIcon,
81
+ LegacyIcon: LegacyPersonAvatarIcon
56
82
  });
57
83
  case 'Short text':
58
84
  return /*#__PURE__*/React.createElement(ResizedIcon, {
59
- glyph: shortTextGlyph
85
+ Icon: TextIcon,
86
+ LegacyIcon: LegacyTextIcon
60
87
  });
61
88
  case 'Time stamp':
62
89
  return /*#__PURE__*/React.createElement(ResizedIcon, {
63
- glyph: timeStampGlyph
90
+ Icon: ClockIcon,
91
+ LegacyIcon: LegacyClockIcon
64
92
  });
65
93
  default:
66
94
  return null;
package/dist/esm/analytics/util.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
2
2
  export var useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
3
- return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "4.8.3", ANALYTICS_CHANNEL);
3
+ return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "4.9.0", ANALYTICS_CHANNEL);
4
4
  };
package/dist/esm/plugins/autocomplete/components/autocomplete-option/index.js CHANGED
@@ -4,22 +4,39 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import React, { forwardRef, useCallback, useMemo, useState } from 'react';
5
5
  import deburr from 'lodash/deburr';
6
6
  import noop from 'lodash/noop';
7
- import Icon from '@atlaskit/icon';
7
+ import AlignLeftIcon from '@atlaskit/icon/core/align-left';
8
+ import CalendarIcon from '@atlaskit/icon/core/calendar';
9
+ import ClockIcon from '@atlaskit/icon/core/clock';
10
+ import DataNumberIcon from '@atlaskit/icon/core/data-number';
8
11
  import InfoIcon from '@atlaskit/icon/core/migration/information--editor-panel';
12
+ import PersonAvatarIcon from '@atlaskit/icon/core/person-avatar';
13
+ import TagIcon from '@atlaskit/icon/core/tag';
14
+ import CheckboxIcon from '@atlaskit/icon/core/task';
15
+ import TextIcon from '@atlaskit/icon/core/text';
9
16
  import { normaliseJqlString } from '@atlaskit/jql-ast';
17
+ import LegacyAlignLeftIcon from '@atlaskit/legacy-custom-icons/align-left-icon';
18
+ import LegacyArrowDownIcon from '@atlaskit/legacy-custom-icons/arrow-down-circle-icon';
19
+ import LegacyCalendarIcon from '@atlaskit/legacy-custom-icons/calendar-icon';
20
+ import LegacyClockIcon from '@atlaskit/legacy-custom-icons/clock-icon';
21
+ import LegacyDataNumberIcon from '@atlaskit/legacy-custom-icons/data-number-icon';
22
+ import LegacyPersonAvatarIcon from '@atlaskit/legacy-custom-icons/person-avatar-icon';
23
+ import LegacyTagIcon from '@atlaskit/legacy-custom-icons/tag-icon';
24
+ import LegacyCheckboxIcon from '@atlaskit/legacy-custom-icons/task-icon';
25
+ import LegacyTextIcon from '@atlaskit/legacy-custom-icons/text-icon';
10
26
  import { N400 } from '@atlaskit/theme/colors';
11
27
  import Tooltip from '@atlaskit/tooltip';
12
28
  import { useIntl } from '../../../../state';
13
- import { checkboxGlyph, dateGlyph, dropdownGlyph, labelGlyph, numberGlyph, paragraphGlyph, peopleGlyph, shortTextGlyph, timeStampGlyph } from './glyphs';
14
29
  import { messages } from './messages';
15
30
  import { DeprecatedOptionContainer, FieldType, FieldTypeIcon, OptionHighlight, OptionListItem, OptionName, TooltipContent } from './styled';
16
31
  var ResizedIcon = function ResizedIcon(_ref) {
17
- var glyph = _ref.glyph;
32
+ var Icon = _ref.Icon,
33
+ LegacyIcon = _ref.LegacyIcon;
18
34
  return /*#__PURE__*/React.createElement(Icon, {
19
- glyph: glyph,
20
- size: "small",
35
+ LEGACY_fallbackIcon: LegacyIcon,
36
+ LEGACY_size: "small",
21
37
  label: "",
22
- testId: "jql-editor-field-type-icon"
38
+ testId: "jql-editor-field-type-icon",
39
+ color: "currentColor"
23
40
  });
24
41
  };
25
42
 
@@ -31,39 +48,50 @@ var getFieldTypeIcon = function getFieldTypeIcon(type) {
31
48
  switch (type) {
32
49
  case 'Checkboxes':
33
50
  return /*#__PURE__*/React.createElement(ResizedIcon, {
34
- glyph: checkboxGlyph
51
+ Icon: CheckboxIcon,
52
+ LegacyIcon: LegacyCheckboxIcon
35
53
  });
36
54
  case 'Date':
37
55
  return /*#__PURE__*/React.createElement(ResizedIcon, {
38
- glyph: dateGlyph
56
+ Icon: CalendarIcon,
57
+ LegacyIcon: LegacyCalendarIcon
39
58
  });
40
59
  case 'Dropdown':
41
- return /*#__PURE__*/React.createElement(ResizedIcon, {
42
- glyph: dropdownGlyph
60
+ // TODO: https://product-fabric.atlassian.net/browse/DSP-21308
61
+ return /*#__PURE__*/React.createElement(LegacyArrowDownIcon, {
62
+ label: "",
63
+ size: "small",
64
+ testId: "jql-editor-field-type-icon"
43
65
  });
44
66
  case 'Labels':
45
67
  return /*#__PURE__*/React.createElement(ResizedIcon, {
46
- glyph: labelGlyph
68
+ Icon: TagIcon,
69
+ LegacyIcon: LegacyTagIcon
47
70
  });
48
71
  case 'Number':
49
72
  return /*#__PURE__*/React.createElement(ResizedIcon, {
50
- glyph: numberGlyph
73
+ Icon: DataNumberIcon,
74
+ LegacyIcon: LegacyDataNumberIcon
51
75
  });
52
76
  case 'Paragraph':
53
77
  return /*#__PURE__*/React.createElement(ResizedIcon, {
54
- glyph: paragraphGlyph
78
+ Icon: AlignLeftIcon,
79
+ LegacyIcon: LegacyAlignLeftIcon
55
80
  });
56
81
  case 'People':
57
82
  return /*#__PURE__*/React.createElement(ResizedIcon, {
58
- glyph: peopleGlyph
83
+ Icon: PersonAvatarIcon,
84
+ LegacyIcon: LegacyPersonAvatarIcon
59
85
  });
60
86
  case 'Short text':
61
87
  return /*#__PURE__*/React.createElement(ResizedIcon, {
62
- glyph: shortTextGlyph
88
+ Icon: TextIcon,
89
+ LegacyIcon: LegacyTextIcon
63
90
  });
64
91
  case 'Time stamp':
65
92
  return /*#__PURE__*/React.createElement(ResizedIcon, {
66
- glyph: timeStampGlyph
93
+ Icon: ClockIcon,
94
+ LegacyIcon: LegacyClockIcon
67
95
  });
68
96
  default:
69
97
  return null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/jql-editor",
3
- "version": "4.8.3",
3
+ "version": "4.9.0",
4
4
  "description": "This package allows consumers to render an advanced JQL editor component to enable autocomplete-assisted authoring and validation of JQL queries.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -37,15 +37,16 @@
37
37
  "dependencies": {
38
38
  "@atlaskit/analytics-gas-types": "^5.1.0",
39
39
  "@atlaskit/analytics-next": "^10.1.0",
40
- "@atlaskit/avatar": "^21.15.0",
41
- "@atlaskit/button": "^20.2.0",
40
+ "@atlaskit/avatar": "^21.16.0",
41
+ "@atlaskit/button": "^20.3.0",
42
42
  "@atlaskit/editor-prosemirror": "6.0.0",
43
43
  "@atlaskit/form": "^10.5.0",
44
- "@atlaskit/icon": "^22.22.0",
44
+ "@atlaskit/icon": "^22.24.0",
45
45
  "@atlaskit/jql-ast": "^3.3.0",
46
46
  "@atlaskit/jql-autocomplete": "^2.0.0",
47
47
  "@atlaskit/jql-editor-common": "^2.1.0",
48
48
  "@atlaskit/jql-parser": "^2.0.0",
49
+ "@atlaskit/legacy-custom-icons": "^0.10.0",
49
50
  "@atlaskit/platform-feature-flags": "^0.3.0",
50
51
  "@atlaskit/primitives": "^12.2.0",
51
52
  "@atlaskit/spinner": "^16.3.0",
package/dist/cjs/plugins/autocomplete/components/autocomplete-option/glyphs.js DELETED
@@ -1,104 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.timeStampGlyph = exports.shortTextGlyph = exports.peopleGlyph = exports.paragraphGlyph = exports.numberGlyph = exports.labelGlyph = exports.dropdownGlyph = exports.dateGlyph = exports.checkboxGlyph = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- // Custom icons not from Atlaskit
10
-
11
- var numberGlyph = exports.numberGlyph = function numberGlyph() {
12
- return /*#__PURE__*/_react.default.createElement("svg", {
13
- viewBox: "0 0 24 24",
14
- focusable: "false"
15
- }, /*#__PURE__*/_react.default.createElement("path", {
16
- d: "M7 4h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zm.417 10.636h1.15V9.141H7.42L6 10.12v1.07l1.348-.93h.069v4.376zm1.923-3.85v.02h1.067v-.024c0-.506.365-.857.898-.857.503 0 .861.313.861.755 0 .357-.194.643-.967 1.397l-1.794 1.756v.803h3.964v-.955h-2.406v-.069l1.05-1.002c.953-.895 1.277-1.409 1.277-2.007 0-.944-.8-1.603-1.947-1.603-1.188 0-2.003.724-2.003 1.786zm5.811 1.466h.682c.617 0 .994.297.994.777 0 .469-.4.792-.975.792-.59 0-.983-.293-1.017-.757h-1.1c.05 1.035.88 1.713 2.106 1.713 1.253 0 2.159-.697 2.159-1.66 0-.724-.472-1.226-1.226-1.31v-.069c.613-.125 1.013-.62 1.013-1.257 0-.864-.811-1.481-1.939-1.481-1.2 0-1.972.655-2.01 1.695H14.9c.03-.476.385-.777.918-.777.537 0 .88.282.88.723 0 .45-.355.754-.876.754h-.67v.857z",
17
- fill: "currentColor",
18
- fillRule: "evenodd"
19
- }));
20
- };
21
-
22
- // Following same approach as SWIFT page in Jira Frontend:
23
- // Most glyphs in the Atlaskit icon package are 20x20 on a 24px canvas, however there are several icons we use which do
24
- // not match these dimensions. We've copied these icons and standardised them to fit within a 16x16 box on a 24px canvas
25
- // to remain visually consistent. See jira-frontend/src/packages/project-settings/common/src/glyphs.js for more details.
26
-
27
- var checkboxGlyph = exports.checkboxGlyph = function checkboxGlyph() {
28
- return /*#__PURE__*/_react.default.createElement("svg", {
29
- viewBox: "0 0 24 24",
30
- focusable: "false"
31
- }, /*#__PURE__*/_react.default.createElement("path", {
32
- d: "M4 5.994C4 4.893 4.895 4 5.994 4h12.012C19.107 4 20 4.895 20 5.994v12.012A1.995 1.995 0 0 1 18.006 20H5.994A1.995 1.995 0 0 1 4 18.006V5.994zm5.707 5.299a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
33
- fill: "currentColor",
34
- fillRule: "evenodd"
35
- }));
36
- };
37
- var dateGlyph = exports.dateGlyph = function dateGlyph() {
38
- return /*#__PURE__*/_react.default.createElement("svg", {
39
- viewBox: "0 0 24 24",
40
- focusable: "false"
41
- }, /*#__PURE__*/_react.default.createElement("path", {
42
- d: "M8.667 6.167V7A.834.834 0 0 1 7 7V5.333a.834.834 0 0 1 1.667 0v.834zm6.666 0v-.834a.834.834 0 0 1 1.667 0V7a.834.834 0 0 1-1.667 0v-.833zm2.5 0h.005c.918 0 1.662.745 1.662 1.661v10.01c0 .918-.743 1.662-1.662 1.662H6.161A1.663 1.663 0 0 1 4.5 17.838V7.828c0-.917.743-1.661 1.662-1.661h.005V7c0 .927.746 1.667 1.666 1.667C8.76 8.667 9.5 7.92 9.5 7v-.833h5V7c0 .927.746 1.667 1.667 1.667.927 0 1.666-.747 1.666-1.667v-.833zm-10 6.667H9.5v-1.667H7.833v1.667zm0 3.334H9.5V14.5H7.833v1.668zm3.334-3.334h1.666v-1.667h-1.666v1.667zm0 3.334h1.666V14.5h-1.666v1.668zm3.333-3.334h1.667v-1.667H14.5v1.667zm0 3.334h1.667V14.5H14.5v1.668z",
43
- fill: "currentColor",
44
- fillRule: "evenodd"
45
- }));
46
- };
47
- var dropdownGlyph = exports.dropdownGlyph = function dropdownGlyph() {
48
- return /*#__PURE__*/_react.default.createElement("svg", {
49
- viewBox: "0 0 24 24",
50
- focusable: "false"
51
- }, /*#__PURE__*/_react.default.createElement("path", {
52
- d: "M12 19.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15zm.65-5.268l2.44-2.463a.84.84 0 0 0 0-1.182.822.822 0 0 0-1.17 0l-1.916 1.93-1.922-1.939a.824.824 0 0 0-1.173 0 .842.842 0 0 0 0 1.183l2.45 2.47a.92.92 0 0 0 .649.269.9.9 0 0 0 .641-.268z",
53
- fill: "currentColor"
54
- }));
55
- };
56
- var labelGlyph = exports.labelGlyph = function labelGlyph() {
57
- return /*#__PURE__*/_react.default.createElement("svg", {
58
- viewBox: "0 0 24 24",
59
- focusable: "false"
60
- }, /*#__PURE__*/_react.default.createElement("path", {
61
- d: "M11.433 5.428l-4.207.6a2 2 0 0 0-1.697 1.698l-.601 4.207a1 1 0 0 0 .283.849l6.894 6.894a1 1 0 0 0 1.414 0l5.657-5.657a1 1 0 0 0 0-1.414L12.282 5.71a1 1 0 0 0-.849-.283zm-.647 5.858a1.667 1.667 0 1 1-2.357-2.357 1.667 1.667 0 0 1 2.357 2.357z",
62
- fill: "currentColor",
63
- fillRule: "evenodd"
64
- }));
65
- };
66
- var paragraphGlyph = exports.paragraphGlyph = function paragraphGlyph() {
67
- return /*#__PURE__*/_react.default.createElement("svg", {
68
- viewBox: "0 0 24 24",
69
- focusable: "false"
70
- }, /*#__PURE__*/_react.default.createElement("path", {
71
- d: "M7 7h11a1 1 0 0 1 0 2H7a1 1 0 1 1 0-2zm0 4h11a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2zm0 4h6a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2z",
72
- fill: "currentColor",
73
- fillRule: "evenodd"
74
- }));
75
- };
76
- var peopleGlyph = exports.peopleGlyph = function peopleGlyph() {
77
- return /*#__PURE__*/_react.default.createElement("svg", {
78
- viewBox: "0 0 24 24",
79
- focusable: "false"
80
- }, /*#__PURE__*/_react.default.createElement("path", {
81
- d: "M12.12 20.249a8.398 8.398 0 0 1-.39-.003A8.25 8.25 0 0 1 3.75 12 8.25 8.25 0 0 1 12 3.75 8.25 8.25 0 0 1 20.25 12a8.25 8.25 0 0 1-8.13 8.25v-.001zm4.463-3.762A6.396 6.396 0 0 0 18.417 12 6.424 6.424 0 0 0 12 5.583 6.424 6.424 0 0 0 5.583 12c0 1.745.7 3.33 1.834 4.487v-1.27a2.291 2.291 0 0 1 2.292-2.292h4.582a2.292 2.292 0 0 1 2.292 2.291v1.27zM12 12a2.75 2.75 0 1 1 0-5.5 2.75 2.75 0 0 1 0 5.5z",
82
- fill: "currentColor",
83
- fillRule: "evenodd"
84
- }));
85
- };
86
- var shortTextGlyph = exports.shortTextGlyph = function shortTextGlyph() {
87
- return /*#__PURE__*/_react.default.createElement("svg", {
88
- viewBox: "0 0 24 24",
89
- focusable: "false"
90
- }, /*#__PURE__*/_react.default.createElement("path", {
91
- d: "M6.72 7.178l-2.93 8.627a.5.5 0 0 0 .473.661h.842a.75.75 0 0 0 .716-.53l.581-1.887h3.425l.58 1.887a.75.75 0 0 0 .717.53h.916a.5.5 0 0 0 .473-.66L9.578 7.177a1 1 0 0 0-.946-.678h-.966a1 1 0 0 0-.947.678zm1.37 1.228h.047l1.25 4.082H6.841l1.25-4.082zm10.187 1.872v-.23a.986.986 0 1 1 1.972 0v5.433a.986.986 0 0 1-1.972 0v-.217h-.08c-.36.802-1.13 1.32-2.217 1.32-1.81 0-2.952-1.479-2.952-3.834 0-2.334 1.149-3.805 2.952-3.805 1.075 0 1.858.546 2.216 1.333h.08zm-.04 2.486c0-1.347-.63-2.203-1.61-2.203-.978 0-1.58.843-1.58 2.203 0 1.368.602 2.196 1.58 2.196.988 0 1.61-.836 1.61-2.196z",
92
- fill: "currentColor"
93
- }));
94
- };
95
- var timeStampGlyph = exports.timeStampGlyph = function timeStampGlyph() {
96
- return /*#__PURE__*/_react.default.createElement("svg", {
97
- viewBox: "0 0 24 24",
98
- focusable: "false"
99
- }, /*#__PURE__*/_react.default.createElement("path", {
100
- d: "M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm.787-7.674V8.944c0-.52-.402-.944-.893-.944-.492 0-.894.425-.894.944v3.777c0 .263.104.5.269.672l2.207 2.332a.862.862 0 0 0 1.263 0 .985.985 0 0 0 0-1.336l-1.952-2.063z",
101
- fill: "currentColor",
102
- fillRule: "evenodd"
103
- }));
104
- };
package/dist/es2019/plugins/autocomplete/components/autocomplete-option/glyphs.js DELETED
@@ -1,80 +0,0 @@
1
- import React from 'react';
2
-
3
- // Custom icons not from Atlaskit
4
-
5
- export const numberGlyph = () => /*#__PURE__*/React.createElement("svg", {
6
- viewBox: "0 0 24 24",
7
- focusable: "false"
8
- }, /*#__PURE__*/React.createElement("path", {
9
- d: "M7 4h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zm.417 10.636h1.15V9.141H7.42L6 10.12v1.07l1.348-.93h.069v4.376zm1.923-3.85v.02h1.067v-.024c0-.506.365-.857.898-.857.503 0 .861.313.861.755 0 .357-.194.643-.967 1.397l-1.794 1.756v.803h3.964v-.955h-2.406v-.069l1.05-1.002c.953-.895 1.277-1.409 1.277-2.007 0-.944-.8-1.603-1.947-1.603-1.188 0-2.003.724-2.003 1.786zm5.811 1.466h.682c.617 0 .994.297.994.777 0 .469-.4.792-.975.792-.59 0-.983-.293-1.017-.757h-1.1c.05 1.035.88 1.713 2.106 1.713 1.253 0 2.159-.697 2.159-1.66 0-.724-.472-1.226-1.226-1.31v-.069c.613-.125 1.013-.62 1.013-1.257 0-.864-.811-1.481-1.939-1.481-1.2 0-1.972.655-2.01 1.695H14.9c.03-.476.385-.777.918-.777.537 0 .88.282.88.723 0 .45-.355.754-.876.754h-.67v.857z",
10
- fill: "currentColor",
11
- fillRule: "evenodd"
12
- }));
13
-
14
- // Following same approach as SWIFT page in Jira Frontend:
15
- // Most glyphs in the Atlaskit icon package are 20x20 on a 24px canvas, however there are several icons we use which do
16
- // not match these dimensions. We've copied these icons and standardised them to fit within a 16x16 box on a 24px canvas
17
- // to remain visually consistent. See jira-frontend/src/packages/project-settings/common/src/glyphs.js for more details.
18
-
19
- export const checkboxGlyph = () => /*#__PURE__*/React.createElement("svg", {
20
- viewBox: "0 0 24 24",
21
- focusable: "false"
22
- }, /*#__PURE__*/React.createElement("path", {
23
- d: "M4 5.994C4 4.893 4.895 4 5.994 4h12.012C19.107 4 20 4.895 20 5.994v12.012A1.995 1.995 0 0 1 18.006 20H5.994A1.995 1.995 0 0 1 4 18.006V5.994zm5.707 5.299a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
24
- fill: "currentColor",
25
- fillRule: "evenodd"
26
- }));
27
- export const dateGlyph = () => /*#__PURE__*/React.createElement("svg", {
28
- viewBox: "0 0 24 24",
29
- focusable: "false"
30
- }, /*#__PURE__*/React.createElement("path", {
31
- d: "M8.667 6.167V7A.834.834 0 0 1 7 7V5.333a.834.834 0 0 1 1.667 0v.834zm6.666 0v-.834a.834.834 0 0 1 1.667 0V7a.834.834 0 0 1-1.667 0v-.833zm2.5 0h.005c.918 0 1.662.745 1.662 1.661v10.01c0 .918-.743 1.662-1.662 1.662H6.161A1.663 1.663 0 0 1 4.5 17.838V7.828c0-.917.743-1.661 1.662-1.661h.005V7c0 .927.746 1.667 1.666 1.667C8.76 8.667 9.5 7.92 9.5 7v-.833h5V7c0 .927.746 1.667 1.667 1.667.927 0 1.666-.747 1.666-1.667v-.833zm-10 6.667H9.5v-1.667H7.833v1.667zm0 3.334H9.5V14.5H7.833v1.668zm3.334-3.334h1.666v-1.667h-1.666v1.667zm0 3.334h1.666V14.5h-1.666v1.668zm3.333-3.334h1.667v-1.667H14.5v1.667zm0 3.334h1.667V14.5H14.5v1.668z",
32
- fill: "currentColor",
33
- fillRule: "evenodd"
34
- }));
35
- export const dropdownGlyph = () => /*#__PURE__*/React.createElement("svg", {
36
- viewBox: "0 0 24 24",
37
- focusable: "false"
38
- }, /*#__PURE__*/React.createElement("path", {
39
- d: "M12 19.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15zm.65-5.268l2.44-2.463a.84.84 0 0 0 0-1.182.822.822 0 0 0-1.17 0l-1.916 1.93-1.922-1.939a.824.824 0 0 0-1.173 0 .842.842 0 0 0 0 1.183l2.45 2.47a.92.92 0 0 0 .649.269.9.9 0 0 0 .641-.268z",
40
- fill: "currentColor"
41
- }));
42
- export const labelGlyph = () => /*#__PURE__*/React.createElement("svg", {
43
- viewBox: "0 0 24 24",
44
- focusable: "false"
45
- }, /*#__PURE__*/React.createElement("path", {
46
- d: "M11.433 5.428l-4.207.6a2 2 0 0 0-1.697 1.698l-.601 4.207a1 1 0 0 0 .283.849l6.894 6.894a1 1 0 0 0 1.414 0l5.657-5.657a1 1 0 0 0 0-1.414L12.282 5.71a1 1 0 0 0-.849-.283zm-.647 5.858a1.667 1.667 0 1 1-2.357-2.357 1.667 1.667 0 0 1 2.357 2.357z",
47
- fill: "currentColor",
48
- fillRule: "evenodd"
49
- }));
50
- export const paragraphGlyph = () => /*#__PURE__*/React.createElement("svg", {
51
- viewBox: "0 0 24 24",
52
- focusable: "false"
53
- }, /*#__PURE__*/React.createElement("path", {
54
- d: "M7 7h11a1 1 0 0 1 0 2H7a1 1 0 1 1 0-2zm0 4h11a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2zm0 4h6a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2z",
55
- fill: "currentColor",
56
- fillRule: "evenodd"
57
- }));
58
- export const peopleGlyph = () => /*#__PURE__*/React.createElement("svg", {
59
- viewBox: "0 0 24 24",
60
- focusable: "false"
61
- }, /*#__PURE__*/React.createElement("path", {
62
- d: "M12.12 20.249a8.398 8.398 0 0 1-.39-.003A8.25 8.25 0 0 1 3.75 12 8.25 8.25 0 0 1 12 3.75 8.25 8.25 0 0 1 20.25 12a8.25 8.25 0 0 1-8.13 8.25v-.001zm4.463-3.762A6.396 6.396 0 0 0 18.417 12 6.424 6.424 0 0 0 12 5.583 6.424 6.424 0 0 0 5.583 12c0 1.745.7 3.33 1.834 4.487v-1.27a2.291 2.291 0 0 1 2.292-2.292h4.582a2.292 2.292 0 0 1 2.292 2.291v1.27zM12 12a2.75 2.75 0 1 1 0-5.5 2.75 2.75 0 0 1 0 5.5z",
63
- fill: "currentColor",
64
- fillRule: "evenodd"
65
- }));
66
- export const shortTextGlyph = () => /*#__PURE__*/React.createElement("svg", {
67
- viewBox: "0 0 24 24",
68
- focusable: "false"
69
- }, /*#__PURE__*/React.createElement("path", {
70
- d: "M6.72 7.178l-2.93 8.627a.5.5 0 0 0 .473.661h.842a.75.75 0 0 0 .716-.53l.581-1.887h3.425l.58 1.887a.75.75 0 0 0 .717.53h.916a.5.5 0 0 0 .473-.66L9.578 7.177a1 1 0 0 0-.946-.678h-.966a1 1 0 0 0-.947.678zm1.37 1.228h.047l1.25 4.082H6.841l1.25-4.082zm10.187 1.872v-.23a.986.986 0 1 1 1.972 0v5.433a.986.986 0 0 1-1.972 0v-.217h-.08c-.36.802-1.13 1.32-2.217 1.32-1.81 0-2.952-1.479-2.952-3.834 0-2.334 1.149-3.805 2.952-3.805 1.075 0 1.858.546 2.216 1.333h.08zm-.04 2.486c0-1.347-.63-2.203-1.61-2.203-.978 0-1.58.843-1.58 2.203 0 1.368.602 2.196 1.58 2.196.988 0 1.61-.836 1.61-2.196z",
71
- fill: "currentColor"
72
- }));
73
- export const timeStampGlyph = () => /*#__PURE__*/React.createElement("svg", {
74
- viewBox: "0 0 24 24",
75
- focusable: "false"
76
- }, /*#__PURE__*/React.createElement("path", {
77
- d: "M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm.787-7.674V8.944c0-.52-.402-.944-.893-.944-.492 0-.894.425-.894.944v3.777c0 .263.104.5.269.672l2.207 2.332a.862.862 0 0 0 1.263 0 .985.985 0 0 0 0-1.336l-1.952-2.063z",
78
- fill: "currentColor",
79
- fillRule: "evenodd"
80
- }));
package/dist/esm/plugins/autocomplete/components/autocomplete-option/glyphs.js DELETED
@@ -1,98 +0,0 @@
1
- import React from 'react';
2
-
3
- // Custom icons not from Atlaskit
4
-
5
- export var numberGlyph = function numberGlyph() {
6
- return /*#__PURE__*/React.createElement("svg", {
7
- viewBox: "0 0 24 24",
8
- focusable: "false"
9
- }, /*#__PURE__*/React.createElement("path", {
10
- d: "M7 4h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zm.417 10.636h1.15V9.141H7.42L6 10.12v1.07l1.348-.93h.069v4.376zm1.923-3.85v.02h1.067v-.024c0-.506.365-.857.898-.857.503 0 .861.313.861.755 0 .357-.194.643-.967 1.397l-1.794 1.756v.803h3.964v-.955h-2.406v-.069l1.05-1.002c.953-.895 1.277-1.409 1.277-2.007 0-.944-.8-1.603-1.947-1.603-1.188 0-2.003.724-2.003 1.786zm5.811 1.466h.682c.617 0 .994.297.994.777 0 .469-.4.792-.975.792-.59 0-.983-.293-1.017-.757h-1.1c.05 1.035.88 1.713 2.106 1.713 1.253 0 2.159-.697 2.159-1.66 0-.724-.472-1.226-1.226-1.31v-.069c.613-.125 1.013-.62 1.013-1.257 0-.864-.811-1.481-1.939-1.481-1.2 0-1.972.655-2.01 1.695H14.9c.03-.476.385-.777.918-.777.537 0 .88.282.88.723 0 .45-.355.754-.876.754h-.67v.857z",
11
- fill: "currentColor",
12
- fillRule: "evenodd"
13
- }));
14
- };
15
-
16
- // Following same approach as SWIFT page in Jira Frontend:
17
- // Most glyphs in the Atlaskit icon package are 20x20 on a 24px canvas, however there are several icons we use which do
18
- // not match these dimensions. We've copied these icons and standardised them to fit within a 16x16 box on a 24px canvas
19
- // to remain visually consistent. See jira-frontend/src/packages/project-settings/common/src/glyphs.js for more details.
20
-
21
- export var checkboxGlyph = function checkboxGlyph() {
22
- return /*#__PURE__*/React.createElement("svg", {
23
- viewBox: "0 0 24 24",
24
- focusable: "false"
25
- }, /*#__PURE__*/React.createElement("path", {
26
- d: "M4 5.994C4 4.893 4.895 4 5.994 4h12.012C19.107 4 20 4.895 20 5.994v12.012A1.995 1.995 0 0 1 18.006 20H5.994A1.995 1.995 0 0 1 4 18.006V5.994zm5.707 5.299a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z",
27
- fill: "currentColor",
28
- fillRule: "evenodd"
29
- }));
30
- };
31
- export var dateGlyph = function dateGlyph() {
32
- return /*#__PURE__*/React.createElement("svg", {
33
- viewBox: "0 0 24 24",
34
- focusable: "false"
35
- }, /*#__PURE__*/React.createElement("path", {
36
- d: "M8.667 6.167V7A.834.834 0 0 1 7 7V5.333a.834.834 0 0 1 1.667 0v.834zm6.666 0v-.834a.834.834 0 0 1 1.667 0V7a.834.834 0 0 1-1.667 0v-.833zm2.5 0h.005c.918 0 1.662.745 1.662 1.661v10.01c0 .918-.743 1.662-1.662 1.662H6.161A1.663 1.663 0 0 1 4.5 17.838V7.828c0-.917.743-1.661 1.662-1.661h.005V7c0 .927.746 1.667 1.666 1.667C8.76 8.667 9.5 7.92 9.5 7v-.833h5V7c0 .927.746 1.667 1.667 1.667.927 0 1.666-.747 1.666-1.667v-.833zm-10 6.667H9.5v-1.667H7.833v1.667zm0 3.334H9.5V14.5H7.833v1.668zm3.334-3.334h1.666v-1.667h-1.666v1.667zm0 3.334h1.666V14.5h-1.666v1.668zm3.333-3.334h1.667v-1.667H14.5v1.667zm0 3.334h1.667V14.5H14.5v1.668z",
37
- fill: "currentColor",
38
- fillRule: "evenodd"
39
- }));
40
- };
41
- export var dropdownGlyph = function dropdownGlyph() {
42
- return /*#__PURE__*/React.createElement("svg", {
43
- viewBox: "0 0 24 24",
44
- focusable: "false"
45
- }, /*#__PURE__*/React.createElement("path", {
46
- d: "M12 19.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15zm.65-5.268l2.44-2.463a.84.84 0 0 0 0-1.182.822.822 0 0 0-1.17 0l-1.916 1.93-1.922-1.939a.824.824 0 0 0-1.173 0 .842.842 0 0 0 0 1.183l2.45 2.47a.92.92 0 0 0 .649.269.9.9 0 0 0 .641-.268z",
47
- fill: "currentColor"
48
- }));
49
- };
50
- export var labelGlyph = function labelGlyph() {
51
- return /*#__PURE__*/React.createElement("svg", {
52
- viewBox: "0 0 24 24",
53
- focusable: "false"
54
- }, /*#__PURE__*/React.createElement("path", {
55
- d: "M11.433 5.428l-4.207.6a2 2 0 0 0-1.697 1.698l-.601 4.207a1 1 0 0 0 .283.849l6.894 6.894a1 1 0 0 0 1.414 0l5.657-5.657a1 1 0 0 0 0-1.414L12.282 5.71a1 1 0 0 0-.849-.283zm-.647 5.858a1.667 1.667 0 1 1-2.357-2.357 1.667 1.667 0 0 1 2.357 2.357z",
56
- fill: "currentColor",
57
- fillRule: "evenodd"
58
- }));
59
- };
60
- export var paragraphGlyph = function paragraphGlyph() {
61
- return /*#__PURE__*/React.createElement("svg", {
62
- viewBox: "0 0 24 24",
63
- focusable: "false"
64
- }, /*#__PURE__*/React.createElement("path", {
65
- d: "M7 7h11a1 1 0 0 1 0 2H7a1 1 0 1 1 0-2zm0 4h11a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2zm0 4h6a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2z",
66
- fill: "currentColor",
67
- fillRule: "evenodd"
68
- }));
69
- };
70
- export var peopleGlyph = function peopleGlyph() {
71
- return /*#__PURE__*/React.createElement("svg", {
72
- viewBox: "0 0 24 24",
73
- focusable: "false"
74
- }, /*#__PURE__*/React.createElement("path", {
75
- d: "M12.12 20.249a8.398 8.398 0 0 1-.39-.003A8.25 8.25 0 0 1 3.75 12 8.25 8.25 0 0 1 12 3.75 8.25 8.25 0 0 1 20.25 12a8.25 8.25 0 0 1-8.13 8.25v-.001zm4.463-3.762A6.396 6.396 0 0 0 18.417 12 6.424 6.424 0 0 0 12 5.583 6.424 6.424 0 0 0 5.583 12c0 1.745.7 3.33 1.834 4.487v-1.27a2.291 2.291 0 0 1 2.292-2.292h4.582a2.292 2.292 0 0 1 2.292 2.291v1.27zM12 12a2.75 2.75 0 1 1 0-5.5 2.75 2.75 0 0 1 0 5.5z",
76
- fill: "currentColor",
77
- fillRule: "evenodd"
78
- }));
79
- };
80
- export var shortTextGlyph = function shortTextGlyph() {
81
- return /*#__PURE__*/React.createElement("svg", {
82
- viewBox: "0 0 24 24",
83
- focusable: "false"
84
- }, /*#__PURE__*/React.createElement("path", {
85
- d: "M6.72 7.178l-2.93 8.627a.5.5 0 0 0 .473.661h.842a.75.75 0 0 0 .716-.53l.581-1.887h3.425l.58 1.887a.75.75 0 0 0 .717.53h.916a.5.5 0 0 0 .473-.66L9.578 7.177a1 1 0 0 0-.946-.678h-.966a1 1 0 0 0-.947.678zm1.37 1.228h.047l1.25 4.082H6.841l1.25-4.082zm10.187 1.872v-.23a.986.986 0 1 1 1.972 0v5.433a.986.986 0 0 1-1.972 0v-.217h-.08c-.36.802-1.13 1.32-2.217 1.32-1.81 0-2.952-1.479-2.952-3.834 0-2.334 1.149-3.805 2.952-3.805 1.075 0 1.858.546 2.216 1.333h.08zm-.04 2.486c0-1.347-.63-2.203-1.61-2.203-.978 0-1.58.843-1.58 2.203 0 1.368.602 2.196 1.58 2.196.988 0 1.61-.836 1.61-2.196z",
86
- fill: "currentColor"
87
- }));
88
- };
89
- export var timeStampGlyph = function timeStampGlyph() {
90
- return /*#__PURE__*/React.createElement("svg", {
91
- viewBox: "0 0 24 24",
92
- focusable: "false"
93
- }, /*#__PURE__*/React.createElement("path", {
94
- d: "M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm.787-7.674V8.944c0-.52-.402-.944-.893-.944-.492 0-.894.425-.894.944v3.777c0 .263.104.5.269.672l2.207 2.332a.862.862 0 0 0 1.263 0 .985.985 0 0 0 0-1.336l-1.952-2.063z",
95
- fill: "currentColor",
96
- fillRule: "evenodd"
97
- }));
98
- };
package/dist/types/plugins/autocomplete/components/autocomplete-option/glyphs.d.ts DELETED
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const numberGlyph: () => JSX.Element;
3
- export declare const checkboxGlyph: () => JSX.Element;
4
- export declare const dateGlyph: () => JSX.Element;
5
- export declare const dropdownGlyph: () => JSX.Element;
6
- export declare const labelGlyph: () => JSX.Element;
7
- export declare const paragraphGlyph: () => JSX.Element;
8
- export declare const peopleGlyph: () => JSX.Element;
9
- export declare const shortTextGlyph: () => JSX.Element;
10
- export declare const timeStampGlyph: () => JSX.Element;
package/dist/types-ts4.5/plugins/autocomplete/components/autocomplete-option/glyphs.d.ts DELETED
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const numberGlyph: () => JSX.Element;
3
- export declare const checkboxGlyph: () => JSX.Element;
4
- export declare const dateGlyph: () => JSX.Element;
5
- export declare const dropdownGlyph: () => JSX.Element;
6
- export declare const labelGlyph: () => JSX.Element;
7
- export declare const paragraphGlyph: () => JSX.Element;
8
- export declare const peopleGlyph: () => JSX.Element;
9
- export declare const shortTextGlyph: () => JSX.Element;
10
- export declare const timeStampGlyph: () => JSX.Element;