@atlaskit/task-decision 17.5.8 → 17.5.9

package/dist/esm/components/ResourcedTaskItem.js

@@ -5,63 +5,49 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import { PureComponent } from 'react';
 import TaskItem from './TaskItem';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
-
 var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
   _inherits(ResourcedTaskItem, _PureComponent);
-
   var _super = _createSuper(ResourcedTaskItem);
-
   function ResourcedTaskItem(props) {
     var _this;
-
     _classCallCheck(this, ResourcedTaskItem);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "mounted", false);
-
     _defineProperty(_assertThisInitialized(_this), "onUpdate", function (state) {
       _this.setState({
         isDone: state === 'DONE'
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleOnChange", function (taskId, isDone) {
       var _this$props = _this.props,
-          taskDecisionProvider = _this$props.taskDecisionProvider,
-          objectAri = _this$props.objectAri,
-          onChange = _this$props.onChange; // Optimistically update the task
-
+        taskDecisionProvider = _this$props.taskDecisionProvider,
+        objectAri = _this$props.objectAri,
+        onChange = _this$props.onChange;
+      // Optimistically update the task
       _this.setState({
         isDone: isDone
       });
-
       if (taskDecisionProvider && objectAri) {
         // Call provider to update task
         taskDecisionProvider.then(function (provider) {
           if (!_this.mounted) {
             return;
           }
-
           provider.toggleTask({
             localId: taskId,
             objectAri: objectAri
-          }, isDone ? 'DONE' : 'TODO'); // onChange could trigger a rerender, in order to get the correct state
-          // we should only call onChange once the internal state have been modified
+          }, isDone ? 'DONE' : 'TODO');
 
+          // onChange could trigger a rerender, in order to get the correct state
+          // we should only call onChange once the internal state have been modified
           if (onChange) {
             onChange(taskId, isDone);
           }
@@ -73,13 +59,11 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
         }
       }
     });
-
     _this.state = {
       isDone: props.isDone
     };
     return _this;
   }
-
   _createClass(ResourcedTaskItem, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -95,7 +79,6 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
         // source of truth from the revised data.
         this.onUpdate(nextProps.isDone ? 'DONE' : 'TODO');
       }
-
       if (nextProps.taskDecisionProvider !== this.props.taskDecisionProvider || nextProps.objectAri !== this.props.objectAri) {
         this.unsubscribe();
         this.subscribe(nextProps.taskDecisionProvider, nextProps.objectAri, nextProps.isDone);
@@ -111,25 +94,21 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
     key: "subscribe",
     value: function subscribe(taskDecisionProvider, objectAri, isDone) {
       var _this2 = this;
-
       if (taskDecisionProvider && objectAri) {
         taskDecisionProvider.then(function (provider) {
           if (!_this2.mounted) {
             return;
           }
-
           var taskId = _this2.props.taskId;
           var objectKey = {
             localId: taskId,
             objectAri: objectAri
           };
-
           var item = _objectSpread(_objectSpread({}, objectKey), {}, {
             state: isDone ? 'DONE' : 'TODO',
             lastUpdateDate: new Date(),
             type: 'TASK'
           });
-
           provider.subscribe({
             localId: taskId,
             objectAri: objectAri
@@ -141,12 +120,10 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
     key: "unsubscribe",
     value: function unsubscribe() {
       var _this3 = this;
-
       var _this$props2 = this.props,
-          taskDecisionProvider = _this$props2.taskDecisionProvider,
-          taskId = _this$props2.taskId,
-          objectAri = _this$props2.objectAri;
-
+        taskDecisionProvider = _this$props2.taskDecisionProvider,
+        taskId = _this$props2.taskId,
+        objectAri = _this$props2.objectAri;
       if (taskDecisionProvider && objectAri) {
         taskDecisionProvider.then(function (provider) {
           provider.unsubscribe({
@@ -161,16 +138,16 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var isDone = this.state.isDone;
       var _this$props3 = this.props,
-          appearance = _this$props3.appearance,
-          children = _this$props3.children,
-          contentRef = _this$props3.contentRef,
-          objectAri = _this$props3.objectAri,
-          showPlaceholder = _this$props3.showPlaceholder,
-          placeholder = _this$props3.placeholder,
-          taskId = _this$props3.taskId,
-          disabled = _this$props3.disabled,
-          dataAttributes = _this$props3.dataAttributes,
-          isRenderer = _this$props3.isRenderer;
+        appearance = _this$props3.appearance,
+        children = _this$props3.children,
+        contentRef = _this$props3.contentRef,
+        objectAri = _this$props3.objectAri,
+        showPlaceholder = _this$props3.showPlaceholder,
+        placeholder = _this$props3.placeholder,
+        taskId = _this$props3.taskId,
+        disabled = _this$props3.disabled,
+        dataAttributes = _this$props3.dataAttributes,
+        isRenderer = _this$props3.isRenderer;
       return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
         data: {
           objectAri: objectAri
@@ -189,12 +166,9 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
       }, children));
     }
   }]);
-
   return ResourcedTaskItem;
 }(PureComponent);
-
 _defineProperty(ResourcedTaskItem, "defaultProps", {
   appearance: 'inline'
 });
-
 export { ResourcedTaskItem as default };

package/dist/esm/components/TaskItem.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -12,11 +10,9 @@ import { gridSize } from '@atlaskit/theme/constants';
 import { themed, useGlobalTheme } from '@atlaskit/theme/components';
 import { B300, B75, DN100, DN200, N0, N30, N90 } from '@atlaskit/theme/colors';
 var taskCount = 0;
-
 var getCheckBoxId = function getCheckBoxId(localId) {
   return "".concat(localId, "-").concat(taskCount++);
 };
-
 var checkboxStyles = function checkboxStyles(isRenderer) {
   return function (theme) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex: 0 0 16px;\n    width: 16px;\n    height: 16px;\n    position: relative;\n    align-self: start;\n    margin: 4px ", "px 0 0;\n\n    & > input[type='checkbox'] {\n      width: 16px;\n      height: 16px;\n      z-index: 1;\n      cursor: pointer;\n      position: absolute;\n      outline: none;\n      margin: 0;\n      opacity: 0;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n\n      + div {\n        box-sizing: border-box;\n        display: inline;\n        width: 100%;\n        cursor: pointer;\n\n        &::after {\n          background: ", ";\n          background-size: 16px;\n          border-radius: 3px;\n          border-style: solid;\n          border-width: 1px;\n          border-color: ", ";\n          box-sizing: border-box;\n          content: '';\n          height: 16px;\n          left: 50%;\n          position: absolute;\n          transition: border-color 0.2s ease-in-out;\n          top: 8px;\n          width: 16px;\n          transform: translate(-50%, -50%);\n        }\n      }\n      ", "\n\n      &:not([disabled]):hover + div::after {\n        background: ", ";\n        transition: border 0.2s ease-in-out;\n      }\n      &[disabled] + div {\n        opacity: 0.5;\n        cursor: default;\n      }\n      &:checked {\n        + div::after {\n          background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA1MkNDIj48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n            no-repeat 0 0;\n          background-size: 16px;\n          border: 0;\n          border-color: transparent;\n        }\n        &:not([disabled]):hover + div::after {\n          background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDc0N0E2Ij48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n            no-repeat 0 0;\n          background-size: 16px;\n        }\n      }\n    }\n  "])), gridSize(), themed({
@@ -42,20 +38,19 @@ var checkboxStyles = function checkboxStyles(isRenderer) {
     }));
   };
 };
-
 var TaskItem = function TaskItem(props) {
   var appearance = props.appearance,
-      isDone = props.isDone,
-      isRenderer = props.isRenderer,
-      contentRef = props.contentRef,
-      children = props.children,
-      placeholder = props.placeholder,
-      showPlaceholder = props.showPlaceholder,
-      disabled = props.disabled,
-      dataAttributes = props.dataAttributes,
-      taskId = props.taskId,
-      onChange = props.onChange,
-      createAnalyticsEvent = props.createAnalyticsEvent;
+    isDone = props.isDone,
+    isRenderer = props.isRenderer,
+    contentRef = props.contentRef,
+    children = props.children,
+    placeholder = props.placeholder,
+    showPlaceholder = props.showPlaceholder,
+    disabled = props.disabled,
+    dataAttributes = props.dataAttributes,
+    taskId = props.taskId,
+    onChange = props.onChange,
+    createAnalyticsEvent = props.createAnalyticsEvent;
   var theme = useGlobalTheme();
   var checkBoxId = useMemo(function () {
     return getCheckBoxId(taskId);
@@ -63,13 +58,10 @@ var TaskItem = function TaskItem(props) {
   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,
@@ -114,8 +106,9 @@ var TaskItem = function TaskItem(props) {
     checkBoxId: checkBoxId,
     theme: theme
   }, 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.
+};
 
+// 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/TaskList.js

@@ -3,53 +3,44 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /** @jsx jsx */
 import React from 'react';
 import { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
 import taskListStyles from './listStyle';
-
 var TaskList = /*#__PURE__*/function (_PureComponent) {
   _inherits(TaskList, _PureComponent);
-
   var _super = _createSuper(TaskList);
-
   function TaskList() {
     _classCallCheck(this, TaskList);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(TaskList, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          listId = _this$props.listId,
-          children = _this$props.children;
+        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
+      }
+
+      // 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 jsx("div", {
         css: taskListStyles,
         "data-task-list-local-id": ""
       }, React.Children.map(children, function (child, idx) {
         var _ref = child.props,
-            localId = _ref.localId;
+          localId = _ref.localId;
         return jsx(FabricElementsAnalyticsContext, {
           data: {
             listLocalId: listId,
@@ -63,8 +54,6 @@ var TaskList = /*#__PURE__*/function (_PureComponent) {
       }));
     }
   }]);
-
   return TaskList;
 }(PureComponent);
-
 export { TaskList as default };

package/dist/esm/type-helpers.js

@@ -6,7 +6,7 @@ export var isTask = function isTask(item) {
 };
 export var toObjectKey = function toObjectKey(item) {
   var localId = item.localId,
-      objectAri = item.objectAri;
+    objectAri = item.objectAri;
   return {
     localId: localId,
     objectAri: objectAri
@@ -14,7 +14,7 @@ export var toObjectKey = function toObjectKey(item) {
 };
 export var objectKeyToString = function objectKeyToString(objectKey) {
   var objectAri = objectKey.objectAri,
-      localId = objectKey.localId;
+    localId = objectKey.localId;
   return "".concat(objectAri, ":").concat(localId);
 };
 export var toggleTaskState = function toggleTaskState(state) {

package/dist/esm/types.js

@@ -10,8 +10,8 @@
 /**
  * Same as PubSub client types (don't want a direct dep though)
  */
-export var PubSubSpecialEventType;
 
+export var PubSubSpecialEventType;
 (function (PubSubSpecialEventType) {
   PubSubSpecialEventType["ERROR"] = "ERROR";
   PubSubSpecialEventType["CONNECTED"] = "CONNECTED";

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/task-decision",
-	"version": "17.5.8",
+	"version": "17.5.9",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/task-decision",
-  "version": "17.5.8",
+  "version": "17.5.9",
   "description": "Tasks and decisions react components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@atlaskit/util-service-support": "^6.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",