@atlaskit/task-decision 19.1.2 → 19.1.4

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/task-decision
 
+## 19.1.4
+
+### Patch Changes
+
+- [#139777](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/139777)
+  [`cfdfe0077993d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cfdfe0077993d) -
+  Fix bug where a refs were passed incorrectly, preventing task item focus from being set
+- Updated dependencies
+
+## 19.1.3
+
+### Patch Changes
+
+- [#133301](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/133301)
+  [`626015a52ee65`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/626015a52ee65) -
+  tidy up fg of compiled css migration
+
 ## 19.1.2
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -26,15 +26,9 @@
         {
             "path": "../../../design-system/icon/afm-cc/tsconfig.json"
         },
-        {
-            "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
-        },
         {
             "path": "../../../platform/feature-flags-react/afm-cc/tsconfig.json"
         },
-        {
-            "path": "../../../design-system/theme/afm-cc/tsconfig.json"
-        },
         {
             "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
         },

package/afm-jira/tsconfig.json

@@ -26,15 +26,6 @@
 		{
 			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
 		},
-		{
-			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags-react/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-jira/tsconfig.json"
-		},
 		{
 			"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
 		},

package/afm-post-office/tsconfig.json

@@ -26,15 +26,6 @@
 		{
 			"path": "../../../design-system/icon/afm-post-office/tsconfig.json"
 		},
-		{
-			"path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags-react/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-post-office/tsconfig.json"
-		},
 		{
 			"path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
 		},

package/dist/cjs/components/DecisionItem.js

@@ -1,33 +1,21 @@
+/* DecisionItem.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
+require("./DecisionItem.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _decisionEditorDecision = _interopRequireDefault(require("@atlaskit/icon/core/migration/decision--editor-decision"));
 var _Item = _interopRequireDefault(require("./Item"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var iconStyles = function iconStyles(showPlaceholder) {
-  return (0, _react.css)({
-    flex: '0 0 16px',
-    height: '16px',
-    width: '16px',
-    margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-150, 12px)", " 0 0"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    color: showPlaceholder ? "var(--ds-icon-subtle, #626F86)" : "var(--ds-icon-success, #22A06B)",
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-  });
-};
+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); }
+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; }
+var iconStyles = null;
+var iconStylesWithPlaceholder = null;
 var DecisionItem = function DecisionItem(_ref) {
   var appearance = _ref.appearance,
     children = _ref.children,
@@ -35,18 +23,16 @@ var DecisionItem = function DecisionItem(_ref) {
     placeholder = _ref.placeholder,
     showPlaceholder = _ref.showPlaceholder,
     dataAttributes = _ref.dataAttributes;
-  var icon =
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  (0, _react.jsx)("span", {
+  var icon = /*#__PURE__*/React.createElement("span", {
     contentEditable: false,
-    css: iconStyles(showPlaceholder)
-  }, (0, _react.jsx)(_decisionEditorDecision.default, {
+    className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dlexct _4t3i7vkz _1bsb7vkz _19pk1b66 _2hwxutpp _otyridpf _18u0idpf _syaz1yjp _1e0c1txw _4cvr1h6o _1bah1h6o", showPlaceholder && "_syaz1oju"])
+  }, /*#__PURE__*/React.createElement(_decisionEditorDecision.default, {
     label: "Decision",
     spacing: "spacious",
     color: "currentColor",
     LEGACY_size: "large"
   }));
-  return (0, _react.jsx)(_Item.default, {
+  return /*#__PURE__*/React.createElement(_Item.default, {
     appearance: appearance,
     contentRef: contentRef,
     icon: icon,

package/dist/cjs/components/DecisionList.js

@@ -1,3 +1,4 @@
+/* DecisionList.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,21 +7,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./DecisionList.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _styles = require("./styles");
 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); }
 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; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/*
+	Increasing specificity with double ampersand to ensure these rules take
+	priority over the global styles applied to 'ol' elements.
+*/
+var listStyles = null;
 var DecisionList = exports.default = /*#__PURE__*/function (_PureComponent) {
   function DecisionList() {
     (0, _classCallCheck2.default)(this, DecisionList);
@@ -41,22 +44,19 @@ var DecisionList = exports.default = /*#__PURE__*/function (_PureComponent) {
       // and action items, which all share the common `<li>` element.
       // The value of `data-decision-local-id` should be discarded upon paste, with a
       // a new uuid generated by the editor for the cloned content.
-      return (
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        (0, _react2.jsx)("ol", {
-          css: _styles.listStyles,
-          "data-decision-list-local-id": "",
-          "data-node-type": "decisionList"
-        }, _react.default.Children.map(children, function (child, idx) {
-          var _ref = child.props,
-            localId = _ref.localId;
-          return (0, _react2.jsx)("li", {
-            key: idx,
-            "data-decision-local-id": localId || '',
-            "data-decision-state": "DECIDED"
-          }, child);
-        }))
-      );
+      return /*#__PURE__*/_react.default.createElement("ol", {
+        "data-decision-list-local-id": "",
+        "data-node-type": "decisionList",
+        className: (0, _runtime.ax)(["_1braglyw _1yxxidpf"])
+      }, _react.default.Children.map(children, function (child, idx) {
+        var _ref = child.props,
+          localId = _ref.localId;
+        return /*#__PURE__*/_react.default.createElement("li", {
+          key: idx,
+          "data-decision-local-id": localId || '',
+          "data-decision-state": "DECIDED"
+        }, child);
+      }));
     }
   }]);
 }(_react.PureComponent);

package/dist/cjs/components/Item.js

@@ -1,10 +1,16 @@
+/* Item.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./Item.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -12,16 +18,15 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
-var _styles = require("./styles");
+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); }
+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; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var placeholderStyles = null;
+var placeholderTaskStyles = null;
+var decisionStyles = null;
+var contentStyles = null;
+var taskStyles = null;
 var Item = exports.default = /*#__PURE__*/function (_PureComponent) {
   function Item() {
     (0, _classCallCheck2.default)(this, Item);
@@ -39,17 +44,15 @@ var Item = exports.default = /*#__PURE__*/function (_PureComponent) {
       if (!showPlaceholder || !placeholder || children) {
         return null;
       }
-
-      // TODO: Migrate away from gridSize
-      // Recommendation: Replace gridSize with 8
-      var offset = (0, _constants.gridSize)() * (itemType === 'TASK' ? 3 : 3.5);
-      return (0, _react2.jsx)("span", {
+      return /*#__PURE__*/React.createElement("span", {
         "data-testid": "task-decision-item-placeholder",
-        "data-component": "placeholder"
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        ,
-        css: (0, _styles.placeholderStyles)(offset),
-        contentEditable: false
+        "data-component": "placeholder",
+        contentEditable: false,
+        className: (0, _runtime.ax)(["_18s81hzh _1reo15vq _18m915vq _kqswstnw _syaz131l _lcxvglyw _1bto1l2s _o5721q9c _p12f1dza", itemType === 'TASK' && "_18s815t0"]),
+        style: {
+          "--_tptct2": (0, _runtime.ix)("0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3.5)")),
+          "--_1yfnyhr": (0, _runtime.ix)("0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3)"))
+        }
       }, placeholder);
     }
   }, {
@@ -63,29 +66,26 @@ var Item = exports.default = /*#__PURE__*/function (_PureComponent) {
         checkBoxId = _this$props2.checkBoxId,
         dataAttributes = _this$props2.dataAttributes;
       if (itemType === 'TASK') {
-        return (
-          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          (0, _react2.jsx)("div", {
-            css: _styles.taskStyles,
-            id: "".concat(checkBoxId, "-wrapper")
-          }, icon, this.renderPlaceholder(), (0, _react2.jsx)("div", (0, _extends2.default)({
-            "data-component": "content",
-            css: _styles.contentStyles,
-            ref: contentRef
-          }, dataAttributes), children))
-        );
+        return /*#__PURE__*/React.createElement("div", {
+          id: "".concat(checkBoxId, "-wrapper"),
+          className: (0, _runtime.ax)(["_1e0c1txw _2lx2vrvc _kqswh2mm"])
+        }, icon, this.renderPlaceholder(), /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+          "data-component": "content",
+          ref: contentRef
+        }, dataAttributes, {
+          className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _16jlkb7n _1o9zkb7n _i0dl1wug _slp31hna _1ul9idpf"])
+        }), children));
       } else if (itemType === 'DECISION') {
-        return (0, _react2.jsx)("div", {
-          "data-testid": "elements-decision-item"
-          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          ,
-          css: (0, _styles.decisionStyles)(),
-          "data-decision-wrapper": "true"
-        }, icon, this.renderPlaceholder(), (0, _react2.jsx)("div", (0, _extends2.default)({
+        return /*#__PURE__*/React.createElement("div", {
+          "data-testid": "elements-decision-item",
+          "data-decision-wrapper": "true",
+          className: (0, _runtime.ax)(["_2rkosqtm _1e0c1txw _2lx2vrvc _19pku2gc _2hwxidpf _otyridpf _18u0idpf _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvutpp _bfhkm7j4 _kqswh2mm _14hd1wug"])
+        }, icon, this.renderPlaceholder(), /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
           "data-component": "content",
-          css: _styles.contentStyles,
           ref: contentRef
-        }, dataAttributes), children));
+        }, dataAttributes, {
+          className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _16jlkb7n _1o9zkb7n _i0dl1wug _slp31hna _1ul9idpf"])
+        }), children));
       }
       return null;
     }

package/dist/cjs/components/ResourcedTaskItem.js

@@ -14,9 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _TaskItem = _interopRequireDefault(require("./TaskItem"));
-var _TaskItem2 = _interopRequireDefault(require("./compiled/TaskItem"));
 var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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); }
 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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -170,27 +168,6 @@ var ResourcedTaskItem = exports.default = /*#__PURE__*/function (_PureComponent)
         isRenderer = _this$props3.isRenderer,
         isFocused = _this$props3.isFocused,
         inputRef = _this$props3.inputRef;
-      if ((0, _platformFeatureFlags.fg)('platform_editor_css_migrate_stage_1')) {
-        return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
-          data: {
-            objectAri: objectAri
-          }
-        }, /*#__PURE__*/_react.default.createElement(_TaskItem2.default, {
-          isDone: isDone,
-          isRenderer: isRenderer,
-          isFocused: isFocused,
-          taskId: taskId,
-          onChange: this.handleOnChange,
-          onClick: this.handleOnClick,
-          appearance: appearance,
-          contentRef: contentRef,
-          showPlaceholder: showPlaceholder,
-          placeholder: placeholder,
-          disabled: disabled,
-          dataAttributes: dataAttributes,
-          inputRef: inputRef
-        }, children));
-      }
       return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
         data: {
           objectAri: objectAri

package/dist/cjs/components/TaskItem.js

@@ -1,3 +1,4 @@
+/* TaskItem.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,43 +7,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./TaskItem.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
 var _baseNew = require("@atlaskit/icon/base-new");
 var _checkboxChecked = _interopRequireDefault(require("@atlaskit/icon/core/checkbox-checked"));
 var _Item = _interopRequireDefault(require("./Item"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("../analytics");
-var _styles = require("./styles");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _useCallbackRef = require("use-callback-ref");
 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); }
 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; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 var CheckboxUncheckedIcon = function CheckboxUncheckedIcon(props) {
-  return (0, _react2.jsx)(_baseNew.Icon, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_baseNew.Icon, (0, _extends2.default)({
     dangerouslySetGlyph: "<rect width=\"12.5\" height=\"12.5\" x=\"1.75\" y=\"1.75\" stroke=\"currentcolor\" stroke-width=\"1.5\" rx=\"1.25\"/>",
     type: 'core'
   }, props));
 };
+
+/**
+ * References packages/design-system/checkbox/src/checkbox.tsx
+ * To be used until mobile editor does not require legacy themed() API anymore,
+ * which will allow migration to use @atlaskit/checkbox instead
+ */
+var checkboxStyles = null;
 var taskCount = 0;
 var getCheckBoxId = function getCheckBoxId(localId) {
   return "".concat(localId, "-").concat(taskCount++);
 };
-var TaskItem = function TaskItem(props) {
+var TaskItemWithoutRefFix = function TaskItemWithoutRefFix(props) {
   var appearance = props.appearance,
     isDone = props.isDone,
     isFocused = props.isFocused,
-    isRenderer = props.isRenderer,
     contentRef = props.contentRef,
     children = props.children,
     placeholder = props.placeholder,
@@ -52,8 +52,8 @@ var TaskItem = function TaskItem(props) {
     taskId = props.taskId,
     onChange = props.onChange,
     onClick = props.onClick,
-    createAnalyticsEvent = props.createAnalyticsEvent,
-    inputRefFromProps = props.inputRef;
+    createAnalyticsEvent = props.createAnalyticsEvent;
+  var inputRefFromProps = props.inputRef;
   var checkBoxId = (0, _react.useMemo)(function () {
     return getCheckBoxId(taskId);
   }, [taskId]);
@@ -85,12 +85,13 @@ var TaskItem = function TaskItem(props) {
   }, [handleOnChange]);
   var defaultInputRef = (0, _react.useRef)(null);
   var inputRef = inputRefFromProps !== null && inputRefFromProps !== void 0 ? inputRefFromProps : defaultInputRef;
-  var icon =
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  (0, _react2.jsx)("span", {
-    css: (0, _styles.checkboxStyles)(isRenderer),
-    contentEditable: false
-  }, (0, _react2.jsx)("input", {
+  var icon = /*#__PURE__*/_react.default.createElement("span", {
+    contentEditable: false,
+    className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1tcg _1bsb1tcg _4t3i1tcg _kqswh2mm _1wpzv2br _1snx1r31 _1746glyw _dx3f1o36 _1h5xidpf _sqizidpf _fs2cidpf _1smcidpf _oezm15vq _1l0615vq _1abj1mn3 _18a711so _16np1elr _a27kkb7n _q3p7usvi _qhqx1nu9 _10cr1ssb _zfav1ssb _m7eu1ooe _l9o0n7od _1efjn7od _1u2istnw _32ro1j9a _1wn015vq _den512j9 _zh8l1b66 _g5w3stnw _whhepxbi _1stbpxbi _18tob3bt _1awt1ule _haf81ssb _ra781ssb _cr751ooe _1q8r7vkz _9l2s7vkz _1mh7kb7n _s3uktlke _1davidpf _8bo8stnw _psnc1ssb _4k421ssb _1rvv1ooe _13vl73ad _1t711tcg _1nuz1tcg _cs4qstnw _9j2j1ssb _1mwj1ssb _19l51ooe _12yy1d5g _1miy1elr _1umo18hz _tpz25w2r _k6dg18hz _1qduewfl _q8ft1fvw _1y9t5w2r _ut031fvw _gi9hr01l _1qp6muej _wxkgr01l _wo245w2r _c8dpmuej _d2dcsyzs _1eulsyzs _1bc7syzs _16fmsyzs _bhkusyzs _czfesyzs _1gxgsyzs _19w0syzs _1x1y1lg7"]),
+    style: {
+      "--_toyvsf": (0, _runtime.ix)("2px solid ".concat("var(--ds-border-focused, #388BFF)"))
+    }
+  }, /*#__PURE__*/_react.default.createElement("input", {
     id: checkBoxId,
     "aria-labelledby": "".concat(checkBoxId, "-wrapper"),
     name: checkBoxId,
@@ -102,9 +103,9 @@ var TaskItem = function TaskItem(props) {
     suppressHydrationWarning: true,
     onKeyPress: handleOnKeyPress,
     ref: inputRef
-  }), isDone ? (0, _react2.jsx)(_checkboxChecked.default, {
+  }), isDone ? /*#__PURE__*/_react.default.createElement(_checkboxChecked.default, {
     label: ""
-  }) : (0, _react2.jsx)(CheckboxUncheckedIcon, {
+  }) : /*#__PURE__*/_react.default.createElement(CheckboxUncheckedIcon, {
     label: ""
   }));
   _react.default.useEffect(function () {
@@ -118,7 +119,98 @@ var TaskItem = function TaskItem(props) {
       }, 100);
     }
   }, [isFocused, inputRef]);
-  return (0, _react2.jsx)(_Item.default, {
+  return /*#__PURE__*/_react.default.createElement(_Item.default, {
+    appearance: appearance,
+    contentRef: contentRef,
+    icon: icon,
+    placeholder: placeholder,
+    showPlaceholder: showPlaceholder,
+    itemType: "TASK",
+    dataAttributes: dataAttributes,
+    checkBoxId: checkBoxId
+  }, children);
+};
+var TaskItemWithRefFix = function TaskItemWithRefFix(props) {
+  var appearance = props.appearance,
+    isDone = props.isDone,
+    isFocused = props.isFocused,
+    contentRef = props.contentRef,
+    children = props.children,
+    placeholder = props.placeholder,
+    showPlaceholder = props.showPlaceholder,
+    disabled = props.disabled,
+    dataAttributes = props.dataAttributes,
+    taskId = props.taskId,
+    onChange = props.onChange,
+    onClick = props.onClick,
+    createAnalyticsEvent = props.createAnalyticsEvent,
+    inputRefFromProps = props.inputRef;
+  var checkBoxId = (0, _react.useMemo)(function () {
+    return getCheckBoxId(taskId);
+  }, [taskId]);
+  var handleOnChange = (0, _react.useMemo)(function () {
+    return function (_evt) {
+      var newIsDone = !isDone;
+      if (onChange) {
+        onChange(taskId, newIsDone);
+      }
+      var action = newIsDone ? 'checked' : 'unchecked';
+      if (createAnalyticsEvent) {
+        (0, _analytics.createAndFireEventInElementsChannel)({
+          action: action,
+          actionSubject: 'action',
+          eventType: 'ui',
+          attributes: {
+            localId: taskId
+          }
+        })(createAnalyticsEvent);
+      }
+    };
+  }, [onChange, taskId, isDone, createAnalyticsEvent]);
+  var handleOnKeyPress = (0, _react.useMemo)(function () {
+    return function (event) {
+      if (event.key === 'Enter') {
+        handleOnChange(event);
+      }
+    };
+  }, [handleOnChange]);
+  var localInputRef = (0, _react.useRef)(null);
+  var inputRef = (0, _useCallbackRef.useMergeRefs)(inputRefFromProps === undefined ? [localInputRef] : [inputRefFromProps, localInputRef]);
+  var icon = /*#__PURE__*/_react.default.createElement("span", {
+    contentEditable: false,
+    className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1tcg _1bsb1tcg _4t3i1tcg _kqswh2mm _1wpzv2br _1snx1r31 _1746glyw _dx3f1o36 _1h5xidpf _sqizidpf _fs2cidpf _1smcidpf _oezm15vq _1l0615vq _1abj1mn3 _18a711so _16np1elr _a27kkb7n _q3p7usvi _qhqx1nu9 _10cr1ssb _zfav1ssb _m7eu1ooe _l9o0n7od _1efjn7od _1u2istnw _32ro1j9a _1wn015vq _den512j9 _zh8l1b66 _g5w3stnw _whhepxbi _1stbpxbi _18tob3bt _1awt1ule _haf81ssb _ra781ssb _cr751ooe _1q8r7vkz _9l2s7vkz _1mh7kb7n _s3uktlke _1davidpf _8bo8stnw _psnc1ssb _4k421ssb _1rvv1ooe _13vl73ad _1t711tcg _1nuz1tcg _cs4qstnw _9j2j1ssb _1mwj1ssb _19l51ooe _12yy1d5g _1miy1elr _1umo18hz _tpz25w2r _k6dg18hz _1qduewfl _q8ft1fvw _1y9t5w2r _ut031fvw _gi9hr01l _1qp6muej _wxkgr01l _wo245w2r _c8dpmuej _d2dcsyzs _1eulsyzs _1bc7syzs _16fmsyzs _bhkusyzs _czfesyzs _1gxgsyzs _19w0syzs _1x1y1lg7"]),
+    style: {
+      "--_toyvsf": (0, _runtime.ix)("2px solid ".concat("var(--ds-border-focused, #388BFF)"))
+    }
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    id: checkBoxId,
+    "aria-labelledby": "".concat(checkBoxId, "-wrapper"),
+    name: checkBoxId,
+    type: "checkbox",
+    onChange: handleOnChange,
+    onClick: onClick,
+    checked: !!isDone,
+    disabled: !!disabled,
+    suppressHydrationWarning: true,
+    onKeyPress: handleOnKeyPress,
+    ref: inputRef
+  }), isDone ? /*#__PURE__*/_react.default.createElement(_checkboxChecked.default, {
+    label: ""
+  }) : /*#__PURE__*/_react.default.createElement(CheckboxUncheckedIcon, {
+    label: ""
+  }));
+  _react.default.useEffect(function () {
+    if (isFocused && inputRef.current) {
+      var _inputRef$current4, _inputRef$current5;
+      (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.focus();
+      (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 || _inputRef$current5.blur();
+      setTimeout(function () {
+        var _inputRef$current6;
+        (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 || _inputRef$current6.focus();
+      }, 100);
+    }
+  }, [isFocused, inputRef]);
+  return /*#__PURE__*/_react.default.createElement(_Item.default, {
     appearance: appearance,
     contentRef: contentRef,
     icon: icon,
@@ -132,4 +224,4 @@ var TaskItem = function TaskItem(props) {
 
 // This is to ensure that the "type" is exported, as it gets lost and not exported along with TaskItem after
 // going through the high order component.
-var _default = exports.default = (0, _analyticsNext.withAnalyticsEvents)()(TaskItem);
+var _default = exports.default = (0, _platformFeatureFlagsReact.componentWithFG)('platform_editor_task_item_ref_fix', (0, _analyticsNext.withAnalyticsEvents)()(TaskItemWithRefFix), (0, _analyticsNext.withAnalyticsEvents)()(TaskItemWithoutRefFix));