@atlaskit/task-decision 17.5.7 → 17.5.9

package/dist/es2019/api/TaskDecisionResource.js

@@ -18,9 +18,7 @@ export const ACTION_DECISION_FPS_EVENTS = 'avi:task-decision-service:*:*';
 export class RecentUpdates {
   constructor(pubSubClient) {
     _defineProperty(this, "idsByContainer", new Map());
-
     _defineProperty(this, "listenersById", new Map());
-
     _defineProperty(this, "onPubSubEvent", (_event, payload) => {
       const {
         objectAri
@@ -29,55 +27,45 @@ export class RecentUpdates {
         objectAri
       });
     });
-
     this.pubSubClient = pubSubClient;
     this.subscribeToPubSubEvents();
   }
-
   subscribe(objectAri, recentUpdatesListener) {
     const id = uuid();
     let containerIds = this.idsByContainer.get(objectAri);
-
     if (!containerIds) {
       containerIds = [];
       this.idsByContainer.set(objectAri, containerIds);
     }
-
     containerIds.push(id);
     this.listenersById.set(id, {
       listener: recentUpdatesListener,
       objectAri
-    }); // Notify of id
-
+    });
+    // Notify of id
     recentUpdatesListener.id(id);
   }
-
   unsubscribe(unsubscribeId) {
     const listenerDetail = this.listenersById.get(unsubscribeId);
-
     if (listenerDetail) {
       this.listenersById.delete(unsubscribeId);
       const {
         objectAri
       } = listenerDetail;
       const idsToFilter = this.idsByContainer.get(objectAri);
-
       if (idsToFilter) {
         this.idsByContainer.set(objectAri, idsToFilter.filter(id => id !== unsubscribeId));
       }
     }
   }
-
   notify(recentUpdateContext) {
     const {
       objectAri
     } = recentUpdateContext;
     const subscriberIds = this.idsByContainer.get(objectAri);
-
     if (subscriberIds) {
       subscriberIds.forEach(subscriberId => {
         const listenerDetail = this.listenersById.get(subscriberId);
-
         if (listenerDetail) {
           const {
             listener
@@ -87,38 +75,28 @@ export class RecentUpdates {
       });
     }
   }
-
   destroy() {
     this.unsubscribeFromPubSubEvents();
   }
-
   subscribeToPubSubEvents() {
     if (this.pubSubClient) {
       this.pubSubClient.on(ACTION_DECISION_FPS_EVENTS, this.onPubSubEvent);
     }
   }
-
   unsubscribeFromPubSubEvents() {
     if (this.pubSubClient) {
       this.pubSubClient.off(ACTION_DECISION_FPS_EVENTS, this.onPubSubEvent);
     }
   }
-
 }
 export class ItemStateManager {
   constructor(serviceConfig) {
     _defineProperty(this, "debouncedTaskStateQuery", null);
-
     _defineProperty(this, "debouncedTaskToggle", new Map());
-
     _defineProperty(this, "subscribers", new Map());
-
     _defineProperty(this, "trackedObjectKeys", new Map());
-
     _defineProperty(this, "cachedItems", new Map());
-
     _defineProperty(this, "batchedKeys", new Map());
-
     _defineProperty(this, "onTaskUpdatedEvent", (_event, payload) => {
       const {
         objectAri,
@@ -129,56 +107,49 @@ export class ItemStateManager {
         localId
       };
       const cached = this.getCached(objectKey);
-
       if (!cached) {
         // ignore unknown task
         return;
       }
-
       const lastUpdateDate = new Date(payload.lastUpdateDate);
-
       if (lastUpdateDate > cached.lastUpdateDate) {
         this.updateCache(convertServiceTaskStateToBaseItem(payload));
         this.notifyUpdated(objectKey, payload.state);
         return;
       }
     });
-
     _defineProperty(this, "onReconnect", () => {
       this.refreshAllTasks();
     });
-
     this.serviceConfig = serviceConfig;
     this.subscribeToPubSubEvents();
   }
-
   destroy() {
     if (this.debouncedTaskStateQuery) {
       clearTimeout(this.debouncedTaskStateQuery);
     }
-
     this.debouncedTaskToggle.forEach(timeout => {
       clearTimeout(timeout);
     });
     this.unsubscribeFromPubSubEvents();
   }
-
   toggleTask(objectKey, state) {
     const stringKey = objectKeyToString(objectKey);
     const timeout = this.debouncedTaskToggle.get(stringKey);
-
     if (timeout) {
       clearTimeout(timeout);
       this.debouncedTaskToggle.delete(stringKey);
-    } // Update cache optimistically
-
+    }
 
-    this.updateCache({ ...objectKey,
+    // Update cache optimistically
+    this.updateCache({
+      ...objectKey,
       lastUpdateDate: new Date(),
       type: 'TASK',
       state: state
-    }); // Optimistically notify subscribers that the task have been updated so that they can re-render accordingly
+    });
 
+    // Optimistically notify subscribers that the task have been updated so that they can re-render accordingly
     this.notifyUpdated(objectKey, state);
     return new Promise((resolve, reject) => {
       this.debouncedTaskToggle.set(stringKey, window.setTimeout(() => {
@@ -189,20 +160,22 @@ export class ItemStateManager {
             headers: {
               'Content-Type': 'application/json; charset=UTF-8'
             },
-            body: JSON.stringify({ ...objectKey,
+            body: JSON.stringify({
+              ...objectKey,
               state
             })
           }
         };
         utils.requestService(this.serviceConfig, options).then(convertServiceTaskToTask).then(task => {
           this.updateCache(task);
-          resolve(state); // Notify subscribers that the task have been updated so that they can re-render accordingly
-
+          resolve(state);
+          // Notify subscribers that the task have been updated so that they can re-render accordingly
           this.notifyUpdated(objectKey, state);
         }).catch(() => {
           // Undo optimistic change
           const previousState = toggleTaskState(state);
-          this.updateCache({ ...objectKey,
+          this.updateCache({
+            ...objectKey,
             lastUpdateDate: new Date(),
             type: 'TASK',
             state: previousState
@@ -213,12 +186,10 @@ export class ItemStateManager {
       }, 500));
     });
   }
-
   refreshAllTasks() {
     this.queueAllItems();
     this.scheduleGetTaskState();
   }
-
   subscribe(objectKey, handler, item) {
     const key = objectKeyToString(objectKey);
     const handlers = this.subscribers.get(key) || [];
@@ -226,35 +197,27 @@ export class ItemStateManager {
     this.subscribers.set(key, handlers);
     this.trackedObjectKeys.set(key, objectKey);
     const cached = this.getCached(objectKey);
-
     if (cached) {
       this.notifyUpdated(objectKey, cached.state);
       return;
     }
-
     if (this.serviceConfig.disableServiceHydration && item) {
       this.updateCache(item);
       return;
     }
-
     this.queueItem(objectKey);
     this.scheduleGetTaskState();
   }
-
   unsubscribe(objectKey, handler) {
     const key = objectKeyToString(objectKey);
     const handlers = this.subscribers.get(key);
-
     if (!handlers) {
       return;
     }
-
     const index = findIndex(handlers, h => h === handler);
-
     if (index !== -1) {
       handlers.splice(index, 1);
     }
-
     if (handlers.length === 0) {
       this.subscribers.delete(key);
       this.trackedObjectKeys.delete(key);
@@ -262,7 +225,6 @@ export class ItemStateManager {
       this.subscribers.set(key, handlers);
     }
   }
-
   getTaskState(keys) {
     const options = {
       path: 'tasks/state',
@@ -278,67 +240,53 @@ export class ItemStateManager {
     };
     return utils.requestService(this.serviceConfig, options);
   }
-
   notifyUpdated(objectKey, state) {
     const key = objectKeyToString(objectKey);
     const handlers = this.subscribers.get(key);
-
     if (!handlers) {
       return;
     }
-
     handlers.forEach(handler => {
       handler(state);
     });
   }
-
   updateCache(item) {
     const stringKey = objectKeyToString(toObjectKey(item));
     this.cachedItems.set(stringKey, item);
   }
-
   getCached(objectKey) {
     return this.cachedItems.get(objectKeyToString(objectKey));
   }
-
   subscribeToPubSubEvents() {
     if (this.serviceConfig.pubSubClient) {
       this.serviceConfig.pubSubClient.on(ACTION_STATE_CHANGED_FPS_EVENT, this.onTaskUpdatedEvent);
       this.serviceConfig.pubSubClient.on(PubSubSpecialEventType.RECONNECT, this.onReconnect);
     }
   }
-
   unsubscribeFromPubSubEvents() {
     if (this.serviceConfig.pubSubClient) {
       this.serviceConfig.pubSubClient.off(ACTION_STATE_CHANGED_FPS_EVENT, this.onTaskUpdatedEvent);
       this.serviceConfig.pubSubClient.off(PubSubSpecialEventType.RECONNECT, this.onReconnect);
     }
   }
-
   queueAllItems() {
     this.batchedKeys = new Map(this.trackedObjectKeys);
   }
-
   queueItem(objectKey) {
     const key = objectKeyToString(objectKey);
-
     if (this.batchedKeys.get(key)) {
       return;
     }
-
     this.batchedKeys.set(key, objectKey);
   }
-
   dequeueItem(objectKey) {
     const key = objectKeyToString(objectKey);
     this.batchedKeys.delete(key);
   }
-
   scheduleGetTaskState() {
     if (this.debouncedTaskStateQuery) {
       clearTimeout(this.debouncedTaskStateQuery);
     }
-
     this.debouncedTaskStateQuery = window.setTimeout(() => {
       this.getTaskState(Array.from(this.batchedKeys.values())).then(tasks => {
         tasks.forEach(task => {
@@ -357,43 +305,35 @@ export class ItemStateManager {
       });
     }, 1);
   }
-
 }
 export default class TaskDecisionResource {
   constructor(serviceConfig) {
     this.recentUpdates = new RecentUpdates(serviceConfig.pubSubClient);
     this.itemStateManager = new ItemStateManager(serviceConfig);
   }
-
   unsubscribeRecentUpdates(id) {
     this.recentUpdates.unsubscribe(id);
   }
-
   notifyRecentUpdates(recentUpdateContext) {
     this.recentUpdates.notify(recentUpdateContext);
     this.itemStateManager.refreshAllTasks();
   }
-
   toggleTask(objectKey, state) {
     return this.itemStateManager.toggleTask(objectKey, state);
   }
-
   subscribe(objectKey, handler, item) {
     this.itemStateManager.subscribe(objectKey, handler, item);
   }
-
   unsubscribe(objectKey, handler) {
     this.itemStateManager.unsubscribe(objectKey, handler);
   }
+
   /**
    * Usually only needed for testing to ensure no outstanding requests
    * are sent to a server (typically mocked).
    */
-
-
   destroy() {
     this.recentUpdates.destroy();
     this.itemStateManager.destroy();
   }
-
 }

package/dist/es2019/api/TaskDecisionUtils.js

@@ -32,7 +32,6 @@ export const findIndex = (array, predicate) => {
       index = i;
       return true;
     }
-
     return false;
   });
   return index;

package/dist/es2019/components/DecisionItem.js

@@ -1,11 +1,11 @@
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
 import Item from './Item';
 import { G200, G400, N100 } from '@atlaskit/theme/colors';
 import { themed, useGlobalTheme } from '@atlaskit/theme/components';
 import { gridSize } from '@atlaskit/theme/constants';
-
 const iconStyles = showPlaceholder => theme => {
   return css({
     flex: '0 0 16px',
@@ -23,7 +23,6 @@ const iconStyles = showPlaceholder => theme => {
     }
   });
 };
-
 const DecisionItem = ({
   appearance,
   children,
@@ -34,6 +33,7 @@ const DecisionItem = ({
 }) => {
   const theme = useGlobalTheme();
   const icon = jsx("span", {
+    contentEditable: false,
     css: iconStyles(showPlaceholder)(theme)
   }, jsx(DecisionIcon, {
     label: "Decision",
@@ -50,5 +50,4 @@ const DecisionItem = ({
     theme: theme
   }, children);
 };
-
 export default DecisionItem;

package/dist/es2019/components/DecisionList.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import React from 'react';
 import { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
@@ -8,17 +9,16 @@ export default class DecisionList extends PureComponent {
     const {
       children
     } = this.props;
-
     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 decision.
     // 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-decision-local-id` should be discarded upon paste, with a
     // a new uuid generated by the editor for the cloned content.
-
-
     return jsx("ol", {
       css: decisionListStyles,
       "data-decision-list-local-id": "",
@@ -34,5 +34,4 @@ export default class DecisionList extends PureComponent {
       }, child);
     }));
   }
-
 }

package/dist/es2019/components/Item.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
+
 import { PureComponent } from 'react';
 import { css, jsx } from '@emotion/react';
 import { themed } from '@atlaskit/theme/components';
@@ -19,7 +19,6 @@ const taskStyles = css({
   padding: '6px 3px',
   position: 'relative'
 });
-
 const decisionStyles = theme => css({
   display: 'flex',
   flexDirection: 'row',
@@ -38,7 +37,6 @@ const decisionStyles = theme => css({
     cursor: 'initial'
   }
 });
-
 const placeHolderStyles = offset => css({
   margin: `0 0 0 ${offset}px`,
   position: 'absolute',
@@ -49,7 +47,6 @@ const placeHolderStyles = offset => css({
   whiteSpace: 'nowrap',
   maxWidth: 'calc(100% - 50px)'
 });
-
 export default class Item extends PureComponent {
   renderPlaceholder() {
     const {
@@ -58,11 +55,9 @@ export default class Item extends PureComponent {
       showPlaceholder,
       itemType
     } = this.props;
-
     if (!showPlaceholder || !placeholder || children) {
       return null;
     }
-
     const offset = gridSize() * (itemType === 'TASK' ? 3 : 3.5);
     return jsx("span", {
       "data-component": "placeholder",
@@ -70,7 +65,6 @@ export default class Item extends PureComponent {
       contentEditable: false
     }, placeholder);
   }
-
   renderMessageAppearance() {
     const {
       contentRef,
@@ -81,7 +75,6 @@ export default class Item extends PureComponent {
       dataAttributes,
       theme
     } = this.props;
-
     if (itemType === 'TASK') {
       return jsx("div", {
         css: taskStyles,
@@ -101,16 +94,12 @@ export default class Item extends PureComponent {
         ref: contentRef
       }, dataAttributes), children));
     }
-
     return null;
   }
-
   render() {
     return this.renderMessageAppearance();
   }
-
 }
-
 _defineProperty(Item, "defaultProps", {
   appearance: 'inline'
 });

package/dist/es2019/components/ResourcedTaskItem.js

@@ -6,39 +6,35 @@ import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-c
 export default class ResourcedTaskItem extends PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "mounted", false);
-
     _defineProperty(this, "onUpdate", state => {
       this.setState({
         isDone: state === 'DONE'
       });
     });
-
     _defineProperty(this, "handleOnChange", (taskId, isDone) => {
       const {
         taskDecisionProvider,
         objectAri,
         onChange
-      } = this.props; // Optimistically update the task
-
+      } = this.props;
+      // Optimistically update the task
       this.setState({
         isDone
       });
-
       if (taskDecisionProvider && objectAri) {
         // Call provider to update task
         taskDecisionProvider.then(provider => {
           if (!this.mounted) {
             return;
           }
-
           provider.toggleTask({
             localId: taskId,
             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);
           }
@@ -50,17 +46,14 @@ export default class ResourcedTaskItem extends PureComponent {
         }
       }
     });
-
     this.state = {
       isDone: props.isDone
     };
   }
-
   componentDidMount() {
     this.mounted = true;
     this.subscribe(this.props.taskDecisionProvider, this.props.objectAri, this.props.isDone);
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.isDone !== this.props.isDone) {
       // This only occurs for Actions (DONE vs TODO), since Decisions only support DECIDED.
@@ -68,25 +61,21 @@ export default class ResourcedTaskItem extends 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);
     }
   }
-
   componentWillUnmount() {
     this.unsubscribe();
     this.mounted = false;
   }
-
   subscribe(taskDecisionProvider, objectAri, isDone) {
     if (taskDecisionProvider && objectAri) {
       taskDecisionProvider.then(provider => {
         if (!this.mounted) {
           return;
         }
-
         const {
           taskId
         } = this.props;
@@ -94,7 +83,8 @@ export default class ResourcedTaskItem extends PureComponent {
           localId: taskId,
           objectAri
         };
-        const item = { ...objectKey,
+        const item = {
+          ...objectKey,
           state: isDone ? 'DONE' : 'TODO',
           lastUpdateDate: new Date(),
           type: 'TASK'
@@ -106,14 +96,12 @@ export default class ResourcedTaskItem extends PureComponent {
       });
     }
   }
-
   unsubscribe() {
     const {
       taskDecisionProvider,
       taskId,
       objectAri
     } = this.props;
-
     if (taskDecisionProvider && objectAri) {
       taskDecisionProvider.then(provider => {
         provider.unsubscribe({
@@ -123,7 +111,6 @@ export default class ResourcedTaskItem extends PureComponent {
       });
     }
   }
-
   render() {
     const {
       isDone
@@ -157,9 +144,7 @@ export default class ResourcedTaskItem extends PureComponent {
       dataAttributes: dataAttributes
     }, children));
   }
-
 }
-
 _defineProperty(ResourcedTaskItem, "defaultProps", {
   appearance: 'inline'
 });

package/dist/es2019/components/TaskItem.js

@@ -8,9 +8,7 @@ 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';
 let taskCount = 0;
-
 const getCheckBoxId = localId => `${localId}-${taskCount++}`;
-
 const checkboxStyles = isRenderer => theme => css`
     flex: 0 0 16px;
     width: 16px;
@@ -107,7 +105,6 @@ const checkboxStyles = isRenderer => theme => css`
       }
     }
   `;
-
 const TaskItem = props => {
   const {
     appearance,
@@ -128,13 +125,10 @@ const TaskItem = props => {
   const handleOnChange = useMemo(() => {
     return _evt => {
       const newIsDone = !isDone;
-
       if (onChange) {
         onChange(taskId, newIsDone);
       }
-
       const action = newIsDone ? 'checked' : 'unchecked';
-
       if (createAnalyticsEvent) {
         createAndFireEventInElementsChannel({
           action,
@@ -177,8 +171,9 @@ const 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);