@atlaskit/task-decision 17.12.1 → 18.0.0

package/dist/esm/components/compiled/Item.compiled.css

@@ -0,0 +1,30 @@
+
+._18s815t0{margin:var(--_1yfnyhr)}
+._18s81hzh{margin:var(--_tptct2)}
+._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._14hd1wug .decision-item{cursor:auto}
+._16jlkb7n{flex-grow:1}
+._18m915vq{overflow-y:hidden}
+._18u0idpf{margin-left:0}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._19pkidpf{margin-top:0}
+._19pku2gc{margin-top:var(--ds-space-100,8px)}
+._1bto1l2s{text-overflow:ellipsis}
+._1e0c1txw{display:flex}
+._1o9zkb7n{flex-shrink:1}
+._1reo15vq{overflow-x:hidden}
+._1ul9idpf{min-width:0}
+._2hwxidpf{margin-right:0}
+._2lx2vrvc{flex-direction:row}
+._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._i0dl1wug{flex-basis:auto}
+._kqswh2mm{position:relative}
+._kqswstnw{position:absolute}
+._lcxvglyw{pointer-events:none}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._o5721q9c{white-space:nowrap}
+._otyridpf{margin-bottom:0}
+._p12f1dza{max-width:calc(100% - 50px)}
+._slp31hna{word-wrap:break-word}
+._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

package/dist/esm/components/compiled/Item.js

@@ -0,0 +1,92 @@
+/* Item.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./Item.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
+import { PureComponent } from 'react';
+var placeholderStyles = null;
+var placeholderTaskStyles = null;
+var decisionStyles = null;
+var contentStyles = null;
+var taskStyles = null;
+var Item = /*#__PURE__*/function (_PureComponent) {
+  function Item() {
+    _classCallCheck(this, Item);
+    return _callSuper(this, Item, arguments);
+  }
+  _inherits(Item, _PureComponent);
+  return _createClass(Item, [{
+    key: "renderPlaceholder",
+    value: function renderPlaceholder() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        placeholder = _this$props.placeholder,
+        showPlaceholder = _this$props.showPlaceholder,
+        itemType = _this$props.itemType;
+      if (!showPlaceholder || !placeholder || children) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement("span", {
+        "data-testid": "task-decision-item-placeholder",
+        "data-component": "placeholder",
+        contentEditable: false,
+        className: ax(["_18s81hzh _1reo15vq _18m915vq _kqswstnw _syaz131l _lcxvglyw _1bto1l2s _o5721q9c _p12f1dza", itemType === 'TASK' && "_18s815t0"]),
+        style: {
+          "--_tptct2": ix("0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3.5)")),
+          "--_1yfnyhr": ix("0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3)"))
+        }
+      }, placeholder);
+    }
+  }, {
+    key: "renderMessageAppearance",
+    value: function renderMessageAppearance() {
+      var _this$props2 = this.props,
+        contentRef = _this$props2.contentRef,
+        children = _this$props2.children,
+        icon = _this$props2.icon,
+        itemType = _this$props2.itemType,
+        checkBoxId = _this$props2.checkBoxId,
+        dataAttributes = _this$props2.dataAttributes;
+      if (itemType === 'TASK') {
+        return /*#__PURE__*/React.createElement("div", {
+          id: "".concat(checkBoxId, "-wrapper"),
+          className: ax(["_1e0c1txw _2lx2vrvc _kqswh2mm"])
+        }, icon, this.renderPlaceholder(), /*#__PURE__*/React.createElement("div", _extends({
+          "data-component": "content",
+          ref: contentRef
+        }, dataAttributes, {
+          className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _16jlkb7n _1o9zkb7n _i0dl1wug _slp31hna _1ul9idpf"])
+        }), children));
+      } else if (itemType === 'DECISION') {
+        return /*#__PURE__*/React.createElement("div", {
+          "data-testid": "elements-decision-item",
+          "data-decision-wrapper": "true",
+          className: ax(["_2rkosqtm _1e0c1txw _2lx2vrvc _19pku2gc _2hwxidpf _otyridpf _18u0idpf _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvutpp _bfhkm7j4 _kqswh2mm _14hd1wug"])
+        }, icon, this.renderPlaceholder(), /*#__PURE__*/React.createElement("div", _extends({
+          "data-component": "content",
+          ref: contentRef
+        }, dataAttributes, {
+          className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _16jlkb7n _1o9zkb7n _i0dl1wug _slp31hna _1ul9idpf"])
+        }), children));
+      }
+      return null;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.renderMessageAppearance();
+    }
+  }]);
+}(PureComponent);
+_defineProperty(Item, "defaultProps", {
+  appearance: 'inline'
+});
+export { Item as default };

package/dist/esm/components/compiled/TaskItem.compiled.css

@@ -0,0 +1,73 @@
+
+._18a711so>input[type=checkbox]+span>svg rect:first-of-type{transition:stroke .2s ease-in-out}
+._1abj1mn3>input[type=checkbox]+span>svg{transition:color .2s ease-in-out,fill .2s ease-in-out}
+._den51ifg>input[type=checkbox]:focus+span:after{border:var(--_18khk6)}
+._zh8l1b66>input[type=checkbox]:focus+span:after{border-radius:var(--ds-space-050,4px)}._10cr1ssb>input[type=checkbox]+span>svg{top:50%}
+._12yy12ci>input[type=checkbox]:hover+span>svg{color:var(--_1z08gfx)}
+._13vl73ad>input[type=checkbox][disabled]{cursor:default}
+._16jlidpf{flex-grow:0}
+._16npddza>input[type=checkbox]+span>svg rect:first-of-type{stroke:var(--_vnm8xo)}
+._1746glyw>input[type=checkbox]{outline-style:none}
+._18tob3bt>input[type=checkbox]:focus+span:after{content:""}
+._19l51ooe>input[type=checkbox]+span{transform:translate(-50%,-50%)}
+._1awt1ule>input[type=checkbox]:focus+span:after{display:block}
+._1bsb1tcg{width:24px}
+._1davidpf>input[type=checkbox]{opacity:0}
+._1efjn7od>input[type=checkbox]+span>svg{max-height:unset}
+._1h5xidpf>input[type=checkbox]{margin-top:0}
+._1l0615vq>input[type=checkbox]+span>svg{overflow-y:hidden}
+._1mh7kb7n>input[type=checkbox]{z-index:1}
+._1miyddza>input[type=checkbox]:hover+span>svg rect:first-of-type{stroke:var(--_vnm8xo)}
+._1mwj1ssb>input[type=checkbox]+span{left:50%}
+._1nuz1tcg>input[type=checkbox]+span{height:24px}
+._1o9zidpf{flex-shrink:0}
+._1q8r7vkz>input[type=checkbox]{width:1pc}
+._1qduewfl>input[type=checkbox]:checked+span>svg path:first-of-type{visibility:visible}
+._1qp6e69j>input[type=checkbox]:active+span>svg rect:first-of-type{stroke:var(--_rczcge)}
+._1rvv1ooe>input[type=checkbox]{transform:translate(-50%,-50%)}
+._1smcidpf>input[type=checkbox]{margin-left:0}
+._1snx1r31>input[type=checkbox]{outline-color:currentColor}
+._1stbpxbi>input[type=checkbox]:focus+span:after{height:var(--ds-space-200,1pc)}
+._1t711tcg>input[type=checkbox]+span{width:24px}
+._1u2istnw>input[type=checkbox]+span>svg{position:absolute}
+._1umo1ehr>input[type=checkbox]:checked:hover+span>svg{color:var(--_14y1fod)}
+._1wn015vq>input[type=checkbox]+span>svg path:first-of-type{visibility:hidden}
+._1wpzv2br{align-self:start}
+._1x1ysnw8>input[type=checkbox]:disabled:checked+span>svg{fill:var(--_1xmcmw9)}
+._1y9teh7q>input[type=checkbox]:checked+span>svg{fill:var(--_jf353p)}
+._32ro1kd8>input[type=checkbox]+span>svg{color:var(--_4mkb4g)}
+._4k421ssb>input[type=checkbox]{left:50%}
+._4t3i1tcg{height:24px}
+._8bo8stnw>input[type=checkbox]{position:absolute}
+._9j2j1ssb>input[type=checkbox]+span{top:50%}
+._9l2s7vkz>input[type=checkbox]{height:1pc}
+._a27kkb7n>input[type=checkbox]+span>svg rect:first-of-type{stroke-width:1}
+._bhku1ouc>input[type=checkbox]:disabled+span>svg rect:first-of-type, ._czfe1ouc>input[type=checkbox]:disabled:active+span>svg rect:first-of-type, ._1gxg1ouc>input[type=checkbox]:disabled:focus+span>svg rect:first-of-type, ._19w01ouc>input[type=checkbox]:disabled:hover+span>svg rect:first-of-type{stroke:var(--_r5pknd)}
+._c8dpe69j>input[type=checkbox]:checked:active+span>svg rect:first-of-type{stroke:var(--_rczcge)}
+._cr751ooe>input[type=checkbox]:focus+span:after{transform:translate(-50%,-50%)}
+._cs4qstnw>input[type=checkbox]+span{position:absolute}
+._d2dc1ouc>input[type=checkbox]:disabled+span>svg, ._1eul1ouc>input[type=checkbox]:disabled:active+span>svg, ._1bc71ouc>input[type=checkbox]:disabled:focus+span>svg, ._16fm1ouc>input[type=checkbox]:disabled:hover+span>svg{color:var(--_r5pknd)}
+._dx3f1o36>input[type=checkbox]{outline-width:medium}
+._fs2cidpf>input[type=checkbox]{margin-bottom:0}
+._g5w3stnw>input[type=checkbox]:focus+span:after{position:absolute}
+._gi9h1kc0>input[type=checkbox]:active+span>svg{color:var(--_1cd0fcx)}
+._haf81ssb>input[type=checkbox]:focus+span:after{top:50%}
+._i0dl1tcg{flex-basis:24px}
+._k6dg1ehr>input[type=checkbox]:checked:hover+span>svg rect:first-of-type{stroke:var(--_14y1fod)}
+._kqswh2mm{position:relative}
+._l9o0n7od>input[type=checkbox]+span>svg{max-width:unset}
+._m7eu1ooe>input[type=checkbox]+span>svg{transform:translate(-50%,-50%)}
+._oezm15vq>input[type=checkbox]+span>svg{overflow-x:hidden}
+._psnc1ssb>input[type=checkbox]{top:50%}
+._q3p7usvi>input[type=checkbox]+span>svg{box-sizing:border-box}
+._q8ft1j4g>input[type=checkbox]:checked+span>svg{color:var(--_1gcp7nr)}
+._qhqx1nu9>input[type=checkbox]+span>svg{display:inline}
+._ra781ssb>input[type=checkbox]:focus+span:after{left:50%}
+._s3uktlke>input[type=checkbox]{cursor:pointer}
+._sqizidpf>input[type=checkbox]{margin-right:0}
+._tpz2eh7q>input[type=checkbox]:checked:hover+span>svg{fill:var(--_jf353p)}
+._ut031j4g>input[type=checkbox]:checked+span>svg rect:first-of-type{stroke:var(--_1gcp7nr)}
+._whhepxbi>input[type=checkbox]:focus+span:after{width:var(--ds-space-200,1pc)}
+._wo24xz7c>input[type=checkbox]:checked:active+span>svg{fill:var(--_uq1ko9)}
+._wxkg1kc0>input[type=checkbox]:checked:active+span>svg{color:var(--_1cd0fcx)}
+._zfav1ssb>input[type=checkbox]+span>svg{left:50%}

package/dist/esm/components/compiled/TaskItem.js

@@ -0,0 +1,126 @@
+/* TaskItem.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./TaskItem.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useMemo, useRef } from 'react';
+import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
+import Item from './Item';
+import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { createAndFireEventInElementsChannel } from '../../analytics';
+import { B100, B300, B400, B50, N10, N100, N20, N30, N70 } from '@atlaskit/theme/colors';
+
+/**
+ * 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 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 = useMemo(function () {
+    return getCheckBoxId(taskId);
+  }, [taskId]);
+  var handleOnChange = useMemo(function () {
+    return function (_evt) {
+      var newIsDone = !isDone;
+      if (onChange) {
+        onChange(taskId, newIsDone);
+      }
+      var action = newIsDone ? 'checked' : 'unchecked';
+      if (createAnalyticsEvent) {
+        createAndFireEventInElementsChannel({
+          action: action,
+          actionSubject: 'action',
+          eventType: 'ui',
+          attributes: {
+            localId: taskId
+          }
+        })(createAnalyticsEvent);
+      }
+    };
+  }, [onChange, taskId, isDone, createAnalyticsEvent]);
+  var handleOnKeyPress = useMemo(function () {
+    return function (event) {
+      if (event.key === 'Enter') {
+        handleOnChange(event);
+      }
+    };
+  }, [handleOnChange]);
+  var defaultInputRef = useRef(null);
+  var inputRef = inputRefFromProps !== null && inputRefFromProps !== void 0 ? inputRefFromProps : defaultInputRef;
+  var icon = /*#__PURE__*/React.createElement("span", {
+    contentEditable: false,
+    className: ax(["_16jlidpf _1o9zidpf _i0dl1tcg _1bsb1tcg _4t3i1tcg _kqswh2mm _1wpzv2br _1snx1r31 _1746glyw _dx3f1o36 _1h5xidpf _sqizidpf _fs2cidpf _1smcidpf _oezm15vq _1l0615vq _1abj1mn3 _18a711so _16npddza _a27kkb7n _q3p7usvi _qhqx1nu9 _10cr1ssb _zfav1ssb _m7eu1ooe _l9o0n7od _1efjn7od _1u2istnw _32ro1kd8 _1wn015vq _den51ifg _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 _12yy12ci _1miyddza _1umo1ehr _tpz2eh7q _k6dg1ehr _1qduewfl _q8ft1j4g _1y9teh7q _ut031j4g _gi9h1kc0 _1qp6e69j _wxkg1kc0 _wo24xz7c _c8dpe69j _d2dc1ouc _1eul1ouc _1bc71ouc _16fm1ouc _bhku1ouc _czfe1ouc _1gxg1ouc _19w01ouc _1x1ysnw8"]),
+    style: {
+      "--_4mkb4g": ix("var(--ds-background-input, ".concat(N10, ")")),
+      "--_vnm8xo": ix("var(--ds-border-input, ".concat(N100, ")")),
+      "--_1z08gfx": ix("var(--ds-background-input-hovered, ".concat(N30, ")")),
+      "--_14y1fod": ix("var(--ds-background-selected-bold-hovered, ".concat(B300, ")")),
+      "--_jf353p": ix("var(--ds-icon-inverse, ".concat(N10, ")")),
+      "--_1gcp7nr": ix("var(--ds-background-selected-bold, ".concat(B400, ")")),
+      "--_1cd0fcx": ix("var(--ds-background-input-pressed, ".concat(B50, ")")),
+      "--_rczcge": ix("var(--ds-border, ".concat(B50, ")")),
+      "--_uq1ko9": ix("var(--ds-icon-inverse, ".concat(B400, ")")),
+      "--_r5pknd": ix("var(--ds-background-disabled, ".concat(N20, ")")),
+      "--_1xmcmw9": ix("var(--ds-icon-disabled, ".concat(N70, ")")),
+      "--_18khk6": ix("2px solid ".concat("var(--ds-border-focused, ".concat(B100, ")")))
+    }
+  }, /*#__PURE__*/React.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
+  }), /*#__PURE__*/React.createElement(CheckboxIcon, {
+    label: "",
+    isFacadeDisabled: true
+  }));
+  React.useEffect(function () {
+    if (isFocused && inputRef.current) {
+      var _inputRef$current, _inputRef$current2;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+      setTimeout(function () {
+        var _inputRef$current3;
+        (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
+      }, 100);
+    }
+  }, [isFocused, inputRef]);
+  return /*#__PURE__*/React.createElement(Item, {
+    appearance: appearance,
+    contentRef: contentRef,
+    icon: icon,
+    placeholder: placeholder,
+    showPlaceholder: showPlaceholder,
+    itemType: "TASK",
+    dataAttributes: dataAttributes,
+    checkBoxId: checkBoxId
+  }, children);
+};
+
+// 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.
+
+export default withAnalyticsEvents()(TaskItem);

package/dist/esm/components/compiled/TaskList.compiled.css

@@ -0,0 +1,3 @@
+._19bvidpf{padding-left:0}
+._19pk1b66{margin-top:var(--ds-space-050,4px)}
+._2mzuglyw{list-style-type:none}

package/dist/esm/components/compiled/TaskList.js

@@ -0,0 +1,60 @@
+/* TaskList.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import "./TaskList.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
+import React from 'react';
+import { PureComponent } from 'react';
+import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
+var listStyles = null;
+var taskListStyles = null;
+var TaskList = /*#__PURE__*/function (_PureComponent) {
+  function TaskList() {
+    _classCallCheck(this, TaskList);
+    return _callSuper(this, TaskList, arguments);
+  }
+  _inherits(TaskList, _PureComponent);
+  return _createClass(TaskList, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        listId = _this$props.listId,
+        children = _this$props.children;
+      var listSize = React.Children.count(children);
+      if (!children) {
+        return null;
+      }
+
+      // Data attributes are required for copy and paste from rendered content
+      // to the editor to preserve the task.
+      // This allows the editor to differentiate between numbered and ordered lists,
+      // and action items, which all share the common `<li>` element.
+      // The value of `data-task-local-id` should be discarded upon paste, with a
+      // a new uuid generated by the editor for the cloned content.
+      return /*#__PURE__*/React.createElement("div", {
+        "data-task-list-local-id": "",
+        className: ax(["_2mzuglyw _19bvidpf"])
+      }, React.Children.map(children, function (child, idx) {
+        var _ref = child.props,
+          localId = _ref.localId;
+        return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+          data: {
+            listLocalId: listId,
+            listSize: listSize,
+            position: idx
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          key: idx,
+          "data-task-local-id": localId || '',
+          className: ax(["_19pk1b66"])
+        }, child));
+      }));
+    }
+  }]);
+}(PureComponent);
+export { TaskList as default };

package/dist/esm/index.js

@@ -1,8 +1,17 @@
-import DecisionItem from './components/DecisionItem';
-import DecisionList from './components/DecisionList';
+import EmotionDecisionItem from './components/DecisionItem';
+import CompiledDecisionItem from './components/compiled/DecisionItem';
+import EmotionDecisionList from './components/DecisionList';
+import CompiledDecisionList from './components/compiled/DecisionList';
 import ResourcedTaskItem from './components/ResourcedTaskItem';
 import TaskDecisionResource from './api/TaskDecisionResource';
-import TaskItem from './components/TaskItem';
-import TaskList from './components/TaskList';
+import EmotionTaskItem from './components/TaskItem';
+import CompiledTaskItem from './components/compiled/TaskItem';
+import EmotionTaskList from './components/TaskList';
+import CompiledTaskList from './components/compiled/TaskList';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+var DecisionItem = componentWithFG('platform_editor_css_migrate_stage_1', CompiledDecisionItem, EmotionDecisionItem);
+var DecisionList = componentWithFG('platform_editor_css_migrate_stage_1', CompiledDecisionList, EmotionDecisionList);
+var TaskItem = componentWithFG('platform_editor_css_migrate_stage_1', CompiledTaskItem, EmotionTaskItem);
+var TaskList = componentWithFG('platform_editor_css_migrate_stage_1', CompiledTaskList, EmotionTaskList);
 export { PubSubSpecialEventType } from './types';
 export { DecisionItem, DecisionList, ResourcedTaskItem, TaskDecisionResource, TaskItem, TaskList };

package/dist/types/components/compiled/DecisionItem.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { type Appearance, type ContentRef } from '../../types';
+export interface Props {
+    children?: any;
+    contentRef?: ContentRef;
+    placeholder?: string;
+    showPlaceholder?: boolean;
+    appearance?: Appearance;
+    dataAttributes?: {
+        [key: string]: string | number;
+    };
+}
+declare const DecisionItem: ({ appearance, children, contentRef, placeholder, showPlaceholder, dataAttributes, }: Props) => JSX.Element;
+export default DecisionItem;

package/dist/types/components/compiled/DecisionList.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { PureComponent, type ReactNode } from 'react';
+export interface Props {
+    children?: ReactNode;
+}
+export default class DecisionList extends PureComponent<Props, {}> {
+    render(): JSX.Element | null;
+}

package/dist/types/components/compiled/Item.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { PureComponent } from 'react';
+import { type Appearance, type ContentRef, type TaskType, type DecisionType } from '../../types';
+export interface Props {
+    icon: JSX.Element;
+    itemType: TaskType | DecisionType;
+    children?: any;
+    appearance?: Appearance;
+    contentRef?: ContentRef;
+    placeholder?: string;
+    showPlaceholder?: boolean;
+    dataAttributes?: {
+        [key: string]: string | number;
+    };
+    checkBoxId?: string;
+}
+export default class Item extends PureComponent<Props, {}> {
+    static defaultProps: Partial<Props>;
+    private renderPlaceholder;
+    renderMessageAppearance(): JSX.Element | null;
+    render(): JSX.Element | null;
+}

package/dist/types/components/compiled/TaskItem.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React, { type RefObject } from 'react';
+import { type Appearance, type ContentRef } from '../../types';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+export interface Props {
+    taskId: string;
+    isDone?: boolean;
+    isFocused?: boolean;
+    isRenderer?: boolean;
+    onChange?: (taskId: string, isChecked: boolean) => void;
+    onClick?: () => void;
+    contentRef?: ContentRef;
+    children?: any;
+    placeholder?: string;
+    showPlaceholder?: boolean;
+    appearance?: Appearance;
+    disabled?: boolean;
+    dataAttributes?: {
+        [key: string]: string | number;
+    };
+    inputRef?: RefObject<HTMLInputElement>;
+}
+declare const _default: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export default _default;

package/dist/types/components/compiled/TaskList.d.ts

@@ -0,0 +1,8 @@
+import { PureComponent, type ReactNode } from 'react';
+export interface Props {
+    listId?: string;
+    children?: ReactNode;
+}
+export default class TaskList extends PureComponent<Props, {}> {
+    render(): JSX.Element | null;
+}

package/dist/types/index.d.ts

@@ -1,9 +1,10 @@
-import DecisionItem from './components/DecisionItem';
-import DecisionList from './components/DecisionList';
+/// <reference types="react" />
 import ResourcedTaskItem from './components/ResourcedTaskItem';
 import TaskDecisionResource from './api/TaskDecisionResource';
-import TaskItem from './components/TaskItem';
-import TaskList from './components/TaskList';
+declare const DecisionItem: import("react").FC<import("./components/compiled/DecisionItem").Props & import("./components/DecisionItem").Props>;
+declare const DecisionList: import("react").FC<import("./components/compiled/DecisionList").Props & import("./components/DecisionList").Props>;
+declare const TaskItem: import("react").FC<Omit<Omit<import("./components/compiled/TaskItem").Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & Omit<Omit<import("./components/TaskItem").Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
+declare const TaskList: import("react").FC<import("./components/compiled/TaskList").Props & import("./components/TaskList").Props>;
 export { PubSubSpecialEventType } from './types';
 export type { Appearance, ARI, AVI, BaseItem, ContentRef, Cursor, Decision, DecisionState, DecisionStatus, DecisionType, Handler, Item, Meta, ObjectKey, OnUpdate, PubSubClient, PubSubOnEvent, RecentUpdateContext, RecentUpdatesId, RecentUpdatesListener, RenderDocument, RendererContext, ServiceDecision, ServiceDecisionResponse, ServiceItem, ServiceTask, ServiceTaskState, Task, TaskDecisionProvider, TaskDecisionResourceConfig, TaskState, TaskType, UserId, } from './types';
 export { DecisionItem, DecisionList, ResourcedTaskItem, TaskDecisionResource, TaskItem, TaskList };

package/dist/types-ts4.5/components/compiled/DecisionItem.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { type Appearance, type ContentRef } from '../../types';
+export interface Props {
+    children?: any;
+    contentRef?: ContentRef;
+    placeholder?: string;
+    showPlaceholder?: boolean;
+    appearance?: Appearance;
+    dataAttributes?: {
+        [key: string]: string | number;
+    };
+}
+declare const DecisionItem: ({ appearance, children, contentRef, placeholder, showPlaceholder, dataAttributes, }: Props) => JSX.Element;
+export default DecisionItem;

package/dist/types-ts4.5/components/compiled/DecisionList.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { PureComponent, type ReactNode } from 'react';
+export interface Props {
+    children?: ReactNode;
+}
+export default class DecisionList extends PureComponent<Props, {}> {
+    render(): JSX.Element | null;
+}

package/dist/types-ts4.5/components/compiled/Item.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { PureComponent } from 'react';
+import { type Appearance, type ContentRef, type TaskType, type DecisionType } from '../../types';
+export interface Props {
+    icon: JSX.Element;
+    itemType: TaskType | DecisionType;
+    children?: any;
+    appearance?: Appearance;
+    contentRef?: ContentRef;
+    placeholder?: string;
+    showPlaceholder?: boolean;
+    dataAttributes?: {
+        [key: string]: string | number;
+    };
+    checkBoxId?: string;
+}
+export default class Item extends PureComponent<Props, {}> {
+    static defaultProps: Partial<Props>;
+    private renderPlaceholder;
+    renderMessageAppearance(): JSX.Element | null;
+    render(): JSX.Element | null;
+}

package/dist/types-ts4.5/components/compiled/TaskItem.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React, { type RefObject } from 'react';
+import { type Appearance, type ContentRef } from '../../types';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+export interface Props {
+    taskId: string;
+    isDone?: boolean;
+    isFocused?: boolean;
+    isRenderer?: boolean;
+    onChange?: (taskId: string, isChecked: boolean) => void;
+    onClick?: () => void;
+    contentRef?: ContentRef;
+    children?: any;
+    placeholder?: string;
+    showPlaceholder?: boolean;
+    appearance?: Appearance;
+    disabled?: boolean;
+    dataAttributes?: {
+        [key: string]: string | number;
+    };
+    inputRef?: RefObject<HTMLInputElement>;
+}
+declare const _default: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export default _default;

package/dist/types-ts4.5/components/compiled/TaskList.d.ts

@@ -0,0 +1,8 @@
+import { PureComponent, type ReactNode } from 'react';
+export interface Props {
+    listId?: string;
+    children?: ReactNode;
+}
+export default class TaskList extends PureComponent<Props, {}> {
+    render(): JSX.Element | null;
+}

package/dist/types-ts4.5/index.d.ts

@@ -1,9 +1,10 @@
-import DecisionItem from './components/DecisionItem';
-import DecisionList from './components/DecisionList';
+/// <reference types="react" />
 import ResourcedTaskItem from './components/ResourcedTaskItem';
 import TaskDecisionResource from './api/TaskDecisionResource';
-import TaskItem from './components/TaskItem';
-import TaskList from './components/TaskList';
+declare const DecisionItem: import("react").FC<import("./components/compiled/DecisionItem").Props & import("./components/DecisionItem").Props>;
+declare const DecisionList: import("react").FC<import("./components/compiled/DecisionList").Props & import("./components/DecisionList").Props>;
+declare const TaskItem: import("react").FC<Omit<Omit<import("./components/compiled/TaskItem").Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & Omit<Omit<import("./components/TaskItem").Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
+declare const TaskList: import("react").FC<import("./components/compiled/TaskList").Props & import("./components/TaskList").Props>;
 export { PubSubSpecialEventType } from './types';
 export type { Appearance, ARI, AVI, BaseItem, ContentRef, Cursor, Decision, DecisionState, DecisionStatus, DecisionType, Handler, Item, Meta, ObjectKey, OnUpdate, PubSubClient, PubSubOnEvent, RecentUpdateContext, RecentUpdatesId, RecentUpdatesListener, RenderDocument, RendererContext, ServiceDecision, ServiceDecisionResponse, ServiceItem, ServiceTask, ServiceTaskState, Task, TaskDecisionProvider, TaskDecisionResourceConfig, TaskState, TaskType, UserId, } from './types';
 export { DecisionItem, DecisionList, ResourcedTaskItem, TaskDecisionResource, TaskItem, TaskList };