@atlaskit/jql-editor 5.12.5 → 5.12.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/jql-editor
 
+## 5.12.7
+
+### Patch Changes
+
+- [`4311851ff86b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4311851ff86b8) -
+  cleaning up enghealth-46329-no-literal-strings fg
+
+## 5.12.6
+
+### Patch Changes
+
+- [`a683937d723cb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a683937d723cb) -
+  Update JQL editor view radius
+
 ## 5.12.5
 
 ### Patch Changes

package/dist/cjs/plugins/autocomplete/components/autocomplete-option/index.js

@@ -12,6 +12,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _deburr = _interopRequireDefault(require("lodash/deburr"));
 var _noop = _interopRequireDefault(require("lodash/noop"));
+var _dataFormula = _interopRequireDefault(require("@atlaskit/icon-lab/core/data-formula"));
 var _alignTextLeft = _interopRequireDefault(require("@atlaskit/icon/core/align-text-left"));
 var _calendar = _interopRequireDefault(require("@atlaskit/icon/core/calendar"));
 var _clock = _interopRequireDefault(require("@atlaskit/icon/core/clock"));
@@ -80,6 +81,10 @@ var getFieldTypeIcon = function getFieldTypeIcon(type) {
       return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
         Icon: _clock.default
       });
+    case 'Formula':
+      return /*#__PURE__*/_react.default.createElement(ResizedIcon, {
+        Icon: _dataFormula.default
+      });
     default:
       return null;
   }

package/dist/cjs/ui/jql-editor-layout/index.js

@@ -99,10 +99,8 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
     // Therefore the autocomplete combobox is never shown to the users
     ,
     "aria-expanded": false,
-    "aria-controls": "dummy-jql-editor-auto-complete-id"
-    // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-    ,
-    "aria-label": (0, _platformFeatureFlags.fg)('enghealth-46329-no-literal-strings') ? formatMessage(_messages.messages.inputLabel) : 'JQL query',
+    "aria-controls": "dummy-jql-editor-auto-complete-id",
+    "aria-label": formatMessage(_messages.messages.inputLabel),
     defaultRows: defaultRows
   }, blocks.map(function (block, index) {
     return /*#__PURE__*/_react.default.createElement(_compiled.Box, {

package/dist/cjs/ui/jql-editor-layout/styled.js

@@ -33,7 +33,7 @@ var fadeOut = (0, _react.keyframes)({
 });
 
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var EditorMain = exports.EditorMain = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t/* CSS reset */\n\tfont-family: ", ";\n\tfont-size: 14px;\n\tflex-grow: 1;\n\n\t/* These styles and animations are derived from @atlaskit/tooltip */\n\n\t.", " {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tborder-radius: ", ";\n\t\tbox-sizing: border-box;\n\t\tfont: ", ";\n\t\tline-height: 1.3;\n\t\tmax-width: 240px;\n\t\tpadding: ", " ", ";\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\tz-index: ", ";\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tvisibility: hidden;\n\n\t\t/* Horizontally center and vertically position above the target element */\n\t\ttransform: translate(-50%, calc(-100% - ", "));\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t\tvisibility: visible;\n\t\t}\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t}\n\t}\n"])), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", _constants2.TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, ".concat(_colors.N800, ")"), "var(--ds-text-inverse, ".concat(_colors.N0, ")"), "var(--ds-radius-small, 3px)", "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", _constants.layers.tooltip(), "var(--ds-space-200, 16px)", _constants2.TOOLTIP_ENTER_CLASSNAME, fadeIn, _constants2.TOOLTIP_EXIT_CLASSNAME, fadeOut);
+var EditorMain = exports.EditorMain = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t/* CSS reset */\n\tfont-family: ", ";\n\tfont-size: 14px;\n\tflex-grow: 1;\n\n\t/* These styles and animations are derived from @atlaskit/tooltip */\n\n\t.", " {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tborder-radius: ", ";\n\t\tbox-sizing: border-box;\n\t\tfont: ", ";\n\t\tline-height: 1.3;\n\t\tmax-width: 240px;\n\t\tpadding: ", " ", ";\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\tz-index: ", ";\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tvisibility: hidden;\n\n\t\t/* Horizontally center and vertically position above the target element */\n\t\ttransform: translate(-50%, calc(-100% - ", "));\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t\tvisibility: visible;\n\t\t}\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t}\n\t}\n"])), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", _constants2.TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, ".concat(_colors.N800, ")"), "var(--ds-text-inverse, ".concat(_colors.N0, ")"), "var(--ds-radius-small, 3px)", "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", _constants.layers.tooltip(), "var(--ds-space-200, 16px)", _constants2.TOOLTIP_ENTER_CLASSNAME, fadeIn, _constants2.TOOLTIP_EXIT_CLASSNAME, fadeOut);
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var EditorFooter = exports.EditorFooter = _styled.default.div({
@@ -55,7 +55,7 @@ var EditorViewContainer = exports.EditorViewContainer = _styled.default.div({
   borderStyle: 'solid',
   borderWidth: "var(--ds-border-width, 1px)",
   borderColor: "var(--ds-border-input, ".concat(_colors.N100, ")"),
-  borderRadius: "var(--ds-radius-small, 3px)",
+  borderRadius: "var(--ds-radius-medium, 3px)",
   padding: "var(--ds-border-width, 1px)",
   boxSizing: 'border-box',
   color: "var(--ds-text, ".concat(_colors.N900, ")"),

package/dist/es2019/plugins/autocomplete/components/autocomplete-option/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useCallback, useMemo, useState } from 'react';
 import deburr from 'lodash/deburr';
 import noop from 'lodash/noop';
+import DataFormulaIcon from '@atlaskit/icon-lab/core/data-formula';
 import AlignTextLeftIcon from '@atlaskit/icon/core/align-text-left';
 import CalendarIcon from '@atlaskit/icon/core/calendar';
 import ClockIcon from '@atlaskit/icon/core/clock';
@@ -68,6 +69,10 @@ const getFieldTypeIcon = type => {
       return /*#__PURE__*/React.createElement(ResizedIcon, {
         Icon: ClockIcon
       });
+    case 'Formula':
+      return /*#__PURE__*/React.createElement(ResizedIcon, {
+        Icon: DataFormulaIcon
+      });
     default:
       return null;
   }

package/dist/es2019/ui/jql-editor-layout/index.js

@@ -97,10 +97,8 @@ const JQLEditorReadOnlyWithoutTheme = ({
     // Therefore the autocomplete combobox is never shown to the users
     ,
     "aria-expanded": false,
-    "aria-controls": "dummy-jql-editor-auto-complete-id"
-    // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-    ,
-    "aria-label": fg('enghealth-46329-no-literal-strings') ? formatMessage(messages.inputLabel) : 'JQL query',
+    "aria-controls": "dummy-jql-editor-auto-complete-id",
+    "aria-label": formatMessage(messages.inputLabel),
     defaultRows: defaultRows
   }, blocks.map((block, index) => /*#__PURE__*/React.createElement(Box, {
     as: "p",

package/dist/es2019/ui/jql-editor-layout/styled.js

@@ -38,7 +38,7 @@ export const EditorMain = styled.div`
 		color: ${`var(--ds-text-inverse, ${N0})`};
 		border-radius: ${"var(--ds-radius-small, 3px)"};
 		box-sizing: border-box;
-		font: ${"var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
+		font: ${"var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
 		line-height: 1.3;
 		max-width: 240px;
 		padding: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"};
@@ -81,7 +81,7 @@ export const EditorViewContainer = styled.div({
   borderStyle: 'solid',
   borderWidth: "var(--ds-border-width, 1px)",
   borderColor: `var(--ds-border-input, ${N100})`,
-  borderRadius: "var(--ds-radius-small, 3px)",
+  borderRadius: "var(--ds-radius-medium, 3px)",
   padding: "var(--ds-border-width, 1px)",
   boxSizing: 'border-box',
   color: `var(--ds-text, ${N900})`,

package/dist/esm/plugins/autocomplete/components/autocomplete-option/index.js

@@ -4,6 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { forwardRef, useCallback, useMemo, useState } from 'react';
 import deburr from 'lodash/deburr';
 import noop from 'lodash/noop';
+import DataFormulaIcon from '@atlaskit/icon-lab/core/data-formula';
 import AlignTextLeftIcon from '@atlaskit/icon/core/align-text-left';
 import CalendarIcon from '@atlaskit/icon/core/calendar';
 import ClockIcon from '@atlaskit/icon/core/clock';
@@ -71,6 +72,10 @@ var getFieldTypeIcon = function getFieldTypeIcon(type) {
       return /*#__PURE__*/React.createElement(ResizedIcon, {
         Icon: ClockIcon
       });
+    case 'Formula':
+      return /*#__PURE__*/React.createElement(ResizedIcon, {
+        Icon: DataFormulaIcon
+      });
     default:
       return null;
   }

package/dist/esm/ui/jql-editor-layout/index.js

@@ -93,10 +93,8 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
     // Therefore the autocomplete combobox is never shown to the users
     ,
     "aria-expanded": false,
-    "aria-controls": "dummy-jql-editor-auto-complete-id"
-    // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-    ,
-    "aria-label": fg('enghealth-46329-no-literal-strings') ? formatMessage(messages.inputLabel) : 'JQL query',
+    "aria-controls": "dummy-jql-editor-auto-complete-id",
+    "aria-label": formatMessage(messages.inputLabel),
     defaultRows: defaultRows
   }, blocks.map(function (block, index) {
     return /*#__PURE__*/React.createElement(Box, {

package/dist/esm/ui/jql-editor-layout/styled.js

@@ -27,7 +27,7 @@ var fadeOut = keyframes({
 });
 
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var EditorMain = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t/* CSS reset */\n\tfont-family: ", ";\n\tfont-size: 14px;\n\tflex-grow: 1;\n\n\t/* These styles and animations are derived from @atlaskit/tooltip */\n\n\t.", " {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tborder-radius: ", ";\n\t\tbox-sizing: border-box;\n\t\tfont: ", ";\n\t\tline-height: 1.3;\n\t\tmax-width: 240px;\n\t\tpadding: ", " ", ";\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\tz-index: ", ";\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tvisibility: hidden;\n\n\t\t/* Horizontally center and vertically position above the target element */\n\t\ttransform: translate(-50%, calc(-100% - ", "));\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t\tvisibility: visible;\n\t\t}\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t}\n\t}\n"])), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, ".concat(N800, ")"), "var(--ds-text-inverse, ".concat(N0, ")"), "var(--ds-radius-small, 3px)", "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", layers.tooltip(), "var(--ds-space-200, 16px)", TOOLTIP_ENTER_CLASSNAME, fadeIn, TOOLTIP_EXIT_CLASSNAME, fadeOut);
+export var EditorMain = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t/* CSS reset */\n\tfont-family: ", ";\n\tfont-size: 14px;\n\tflex-grow: 1;\n\n\t/* These styles and animations are derived from @atlaskit/tooltip */\n\n\t.", " {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tborder-radius: ", ";\n\t\tbox-sizing: border-box;\n\t\tfont: ", ";\n\t\tline-height: 1.3;\n\t\tmax-width: 240px;\n\t\tpadding: ", " ", ";\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\tz-index: ", ";\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tvisibility: hidden;\n\n\t\t/* Horizontally center and vertically position above the target element */\n\t\ttransform: translate(-50%, calc(-100% - ", "));\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t\tvisibility: visible;\n\t\t}\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t}\n\t}\n"])), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, ".concat(N800, ")"), "var(--ds-text-inverse, ".concat(N0, ")"), "var(--ds-radius-small, 3px)", "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", layers.tooltip(), "var(--ds-space-200, 16px)", TOOLTIP_ENTER_CLASSNAME, fadeIn, TOOLTIP_EXIT_CLASSNAME, fadeOut);
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var EditorFooter = styled.div({
@@ -49,7 +49,7 @@ export var EditorViewContainer = styled.div({
   borderStyle: 'solid',
   borderWidth: "var(--ds-border-width, 1px)",
   borderColor: "var(--ds-border-input, ".concat(N100, ")"),
-  borderRadius: "var(--ds-radius-small, 3px)",
+  borderRadius: "var(--ds-radius-medium, 3px)",
   padding: "var(--ds-border-width, 1px)",
   boxSizing: 'border-box',
   color: "var(--ds-text, ".concat(N900, ")"),

package/dist/types/common/styled.d.ts

@@ -1,4 +1,4 @@
-export declare const hiddenMixin: import("@emotion/react").SerializedStyles;
+export declare const hiddenMixin: import("@emotion/utils").SerializedStyles;
 export declare const TooltipContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/dist/types-ts4.5/common/styled.d.ts

@@ -1,4 +1,4 @@
-export declare const hiddenMixin: import("@emotion/react").SerializedStyles;
+export declare const hiddenMixin: import("@emotion/utils").SerializedStyles;
 export declare const TooltipContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "5.12.5",
+	"version": "5.12.7",
 	"description": "This package allows consumers to render an advanced JQL editor component to enable autocomplete-assisted authoring and validation of JQL queries.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,11 +38,12 @@
 		"@atlaskit/avatar": "^25.7.0",
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/editor-prosemirror": "^7.2.0",
+		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/emoji": "^69.10.0",
 		"@atlaskit/form": "^15.3.0",
 		"@atlaskit/icon": "^30.0.0",
-		"@atlaskit/jql-ast": "^3.3.0",
+		"@atlaskit/icon-lab": "^5.15.0",
+		"@atlaskit/jql-ast": "^3.4.0",
 		"@atlaskit/jql-autocomplete": "^2.0.0",
 		"@atlaskit/jql-editor-common": "^3.0.0",
 		"@atlaskit/jql-parser": "^2.0.0",
@@ -155,9 +156,6 @@
 		},
 		"jira_ai_agent_avatar_with_apptype_for_jql": {
 			"type": "boolean"
-		},
-		"enghealth-46329-no-literal-strings": {
-			"type": "boolean"
 		}
 	}
 }