@pega/cosmos-react-build 8.0.0-build.9.1 → 8.0.1

package/lib/components/LifeCycle/LifeCycle.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LifeCycle.types.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycle.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"LifeCycle.types.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycle.types.ts"],"names":[],"mappings":"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"}

package/lib/components/LifeCycle/LifeCycle.types.js

@@ -1,64 +1,57 @@
-import { WorkTheme as Theme } from '@pega/cosmos-react-core';
-const StageTypeDefaults = {
-    start: {
-        id: 'start',
-        visual: {
-            bgColor: Theme.base.colors.blue.dark,
-            bgHover: Theme.base.colors.blue.medium,
-            tailPointed: false,
-            headPointed: true
-        }
-    },
-    default: {
-        id: 'default',
-        visual: {
-            bgColor: Theme.base.colors.blue.medium,
-            bgHover: Theme.base.colors.blue.light,
-            tailPointed: true,
-            headPointed: true
-        }
-    },
-    'default-wait': {
-        id: 'default-wait',
-        visual: {
-            bgColor: Theme.base.colors.blue.medium,
-            bgHover: Theme.base.colors.blue.light,
-            tailPointed: true,
-            headPointed: false
-        }
-    },
-    resolution: {
-        id: 'resolution',
-        visual: {
-            bgColor: Theme.base.colors.green.medium,
-            bgHover: Theme.base.colors.green.light,
-            tailPointed: true,
-            headPointed: false
+import { readableHue, WorkTheme as Theme } from '@pega/cosmos-react-core';
+// calculates the final stage info based on prev type and returns the final stage info
+// second param is mandatory for accurate results, optional only for the first stage
+export const getStageInfo = (currentType, transitionType, prevStageItem, isLastItem = false, theme = Theme) => {
+    const stageTypeDefaults = {
+        start: {
+            id: 'start',
+            visual: {
+                bgColor: theme.base.colors.blue.dark,
+                bgHover: theme.base.colors.blue.medium,
+                tailPointed: false,
+                headPointed: true
+            }
+        },
+        default: {
+            id: 'default',
+            visual: {
+                bgColor: theme.base.colors.blue.medium,
+                bgHover: theme.base.colors.blue.light,
+                tailPointed: true,
+                headPointed: true
+            }
+        },
+        alternate: {
+            id: 'alternate',
+            visual: {
+                bgColor: theme.base.colors.slate.dark,
+                bgHover: theme.base.colors.slate.medium,
+                tailPointed: false,
+                headPointed: false
+            }
         }
-    },
-    alternate: {
-        id: 'alternate',
-        visual: {
-            bgColor: Theme.base.colors.red.dark,
-            bgHover: Theme.base.colors.red.medium,
-            tailPointed: false,
-            headPointed: false
+    };
+    const resolutionStyle = {
+        bgColor: readableHue(theme.base.colors.green.medium, theme.base.palette.light),
+        bgHover: theme.base.colors.green.light
+    };
+    const clonedStageCopy = structuredClone(stageTypeDefaults);
+    const currentStageInfo = clonedStageCopy[currentType] || clonedStageCopy.default;
+    if (currentType !== 'alternate') {
+        if (transitionType === 'resolution') {
+            currentStageInfo.visual = {
+                ...resolutionStyle,
+                tailPointed: currentType !== 'start'
+            };
         }
-    },
-    'alternate-wait': {
-        id: 'alternate-wait',
-        visual: {
-            bgColor: Theme.base.colors.red.dark,
-            bgHover: Theme.base.colors.red.medium,
-            tailPointed: false,
-            headPointed: false
+        if (transitionType === 'wait') {
+            currentStageInfo.visual = {
+                ...currentStageInfo.visual,
+                tailPointed: currentType !== 'start',
+                headPointed: false
+            };
         }
     }
-};
-// calculates the final stage info based on prev type and returns the final stage info
-// second param is mandatory for accurate results, optional only for the first stage
-export const getStageInfo = (currentType, prevType, isLastItem) => {
-    const currentStageInfo = StageTypeDefaults[currentType] || StageTypeDefaults.default;
     // cloning, to avoid getting modified
     const result = {
         ...currentStageInfo,
@@ -66,10 +59,27 @@ export const getStageInfo = (currentType, prevType, isLastItem) => {
             ...currentStageInfo.visual
         }
     };
-    if (prevType) {
-        const prevStageInfo = StageTypeDefaults[prevType] || StageTypeDefaults.start;
-        result.visual.tailPointed =
-            currentStageInfo.visual.tailPointed && prevStageInfo.visual.headPointed;
+    if (prevStageItem?.type) {
+        const clonedStage = JSON.parse(JSON.stringify(stageTypeDefaults));
+        const prevStageInfo = clonedStage[prevStageItem.type] || clonedStage.start;
+        if (prevStageItem.type !== 'alternate') {
+            if (prevStageItem.transitionType === 'resolution') {
+                result.visual = {
+                    ...result.visual,
+                    tailPointed: false
+                };
+            }
+            if (prevStageItem.transitionType === 'wait') {
+                result.visual = {
+                    ...result.visual,
+                    ...{ tailPointed: false }
+                };
+            }
+        }
+        else {
+            result.visual.tailPointed =
+                currentStageInfo.visual.tailPointed && prevStageInfo.visual.headPointed;
+        }
     }
     if (isLastItem) {
         result.visual.headPointed = false;

package/lib/components/LifeCycle/LifeCycle.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"LifeCycle.types.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycle.types.ts"],"names":[],"mappings":"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","sourcesContent":["import type { MouseEvent, Ref } from 'react';\n\nimport { WorkTheme as Theme } from '@pega/cosmos-react-core';\nimport type {\n  Action,\n  StatusProps,\n  NoChildrenProp,\n  BaseProps,\n  FormControlProps\n} from '@pega/cosmos-react-core';\n\nimport type { ColorName } from '../../utils';\nimport type { LibraryItem } from '../ItemLibrary';\n\nexport type StageType =\n  | 'start'\n  | 'default'\n  | 'default-wait'\n  | 'resolution'\n  | 'alternate'\n  | 'alternate-wait';\n\nexport interface StepItemProps {\n  id: string;\n  label: string;\n  visual: {\n    color: ColorName;\n    icon: string;\n    label: string;\n    imgurl: string;\n  };\n  status: { type?: StatusProps['variant'] | ''; label: string };\n  error: string;\n}\n\nexport interface TaskItemProps {\n  id: string;\n  label: string;\n  visual: {\n    imgurl: string;\n  };\n  error: string;\n  steps: StepItemProps[];\n}\n\nexport interface StageItemProps {\n  /** Data model should have id of the stage item */\n  id: string;\n  /** Data model should have the stage label */\n  label: string;\n  /** Data model should have the categoryData array */\n  categories: CategoryItemProps[];\n  /** Data model should have the stageType as below */\n  type: StageType;\n  error: string;\n}\n\nexport interface CategoryItemProps {\n  /** Data model should have id of the stage item */\n  id: string;\n  /** id to map with category items */\n  categoryId: string;\n  /** Data model should have the categoryData array */\n  tasks: TaskItemProps[] | TaskItemProps[][];\n}\n\nexport interface CategoriesItemProps {\n  label: string;\n  id: string;\n}\n\nexport interface StageProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: Record<StageType, LifeCycleAction[]> | LifeCycleAction[];\n  /** Callback for Add stage */\n  onAddStage?: () => void;\n  /** Callback for Adding alternate stage */\n  onAddAlternateStage?: () => void;\n  /** callback for Click of stage */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n}\n\nexport interface CategoriesProps extends CategoriesItemProps {\n  /** height property used to manipulate height of catergory dom */\n  height?: number;\n  elementId?: string;\n}\n\nexport interface CategoryProps extends BaseProps, NoChildrenProp {\n  ref?: Ref<HTMLOListElement>;\n  /** Pass the category items */\n  item: CategoryItemProps;\n  /** Enable the title for categories */\n  showTitle?: boolean;\n  /** Props of the categoryColumn */\n  category?: CategoriesProps;\n  /** Task component prop */\n  task: TaskProps;\n  /** Stage data - to be passed in callbacks */\n  stageItem: StageItemProps;\n  /** Id for the component */\n  id: string;\n}\n\nexport interface TaskProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: LifeCycleAction[];\n  /** Tooltip for adding items to the task component */\n  addStepTitle: string;\n  /** Region for adding the task component */\n  addTask: {\n    title: string;\n    showOnce: boolean;\n    onAddTask?: LifeCycleAction['onClick'];\n  };\n  onAddStep?: (param: LifeCycleActionParam, selectedItem: LibraryItem) => void;\n  /** callback for Click of a task */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n  /** Types of Nodes */\n  nodeLibrary: LibraryItem[];\n}\n\nexport interface StepProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: LifeCycleAction[];\n  /** callback for Click of a step */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n}\n\nexport interface LifeCycleActionParam {\n  value?: string;\n  stage?: StageItemProps;\n  task?: TaskItemProps;\n  category?: CategoryItemProps;\n  step?: StepItemProps;\n  type?: 'Stage' | 'Step' | 'Task' | 'Alternate Stage';\n  routeTo?: string;\n}\n\nexport interface LifeCycleAction extends Omit<Action, 'onClick'> {\n  onClick: (\n    param: LifeCycleActionParam,\n    e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>\n  ) => void;\n}\n\nexport interface LifeCycleProps extends BaseProps, NoChildrenProp {\n  /** Pass reference to the LifeCycleComponent */\n  ref?: Ref<HTMLDivElement>;\n  /** Array of stages and its contents */\n  items: StageItemProps[];\n  /** Array of alternate stages and its contents */\n  alternateItems?: StageItemProps[];\n  /** Props for the task component */\n  task: TaskProps[];\n  /** Props for the Stage component */\n  stage: StageProps;\n  /** Props for the AlternatStage component */\n  alternateStage: StageProps;\n  /** Props for the Cluster component */\n  categories: CategoriesProps[];\n  /** Props for the Step component */\n  step: StepProps[];\n  /** Call back function for on AddState */\n  onAddStage: () => void;\n  /** Call back function to add alternate stages */\n  onAddAlternateStage: () => void;\n  /** Selected stage or task or step */\n  selectedItemId?: string;\n  /** makes component read-only */\n  readOnly?: boolean;\n}\n\nexport interface StageInfo {\n  id: StageType;\n  visual: {\n    bgColor: string;\n    bgHover: string;\n    tailPointed?: boolean;\n    headPointed?: boolean;\n  };\n}\n\nconst StageTypeDefaults: Record<StageType, StageInfo> = {\n  start: {\n    id: 'start',\n    visual: {\n      bgColor: Theme.base.colors.blue.dark,\n      bgHover: Theme.base.colors.blue.medium,\n      tailPointed: false,\n      headPointed: true\n    }\n  },\n  default: {\n    id: 'default',\n    visual: {\n      bgColor: Theme.base.colors.blue.medium,\n      bgHover: Theme.base.colors.blue.light,\n      tailPointed: true,\n      headPointed: true\n    }\n  },\n  'default-wait': {\n    id: 'default-wait',\n    visual: {\n      bgColor: Theme.base.colors.blue.medium,\n      bgHover: Theme.base.colors.blue.light,\n      tailPointed: true,\n      headPointed: false\n    }\n  },\n  resolution: {\n    id: 'resolution',\n    visual: {\n      bgColor: Theme.base.colors.green.medium,\n      bgHover: Theme.base.colors.green.light,\n      tailPointed: true,\n      headPointed: false\n    }\n  },\n  alternate: {\n    id: 'alternate',\n    visual: {\n      bgColor: Theme.base.colors.red.dark,\n      bgHover: Theme.base.colors.red.medium,\n      tailPointed: false,\n      headPointed: false\n    }\n  },\n  'alternate-wait': {\n    id: 'alternate-wait',\n    visual: {\n      bgColor: Theme.base.colors.red.dark,\n      bgHover: Theme.base.colors.red.medium,\n      tailPointed: false,\n      headPointed: false\n    }\n  }\n};\n\n// calculates the final stage info based on prev type and returns the final stage info\n// second param is mandatory for accurate results, optional only for the first stage\nexport const getStageInfo = (\n  currentType: StageType,\n  prevType: StageType | null,\n  isLastItem: boolean | undefined\n) => {\n  const currentStageInfo = StageTypeDefaults[currentType] || StageTypeDefaults.default;\n  // cloning, to avoid getting modified\n  const result: StageInfo = {\n    ...currentStageInfo,\n    visual: {\n      ...currentStageInfo.visual\n    }\n  };\n\n  if (prevType) {\n    const prevStageInfo = StageTypeDefaults[prevType] || StageTypeDefaults.start;\n    result.visual.tailPointed =\n      currentStageInfo.visual.tailPointed && prevStageInfo.visual.headPointed;\n  }\n  if (isLastItem) {\n    result.visual.headPointed = false;\n  }\n  return result;\n};\n"]}
+{"version":3,"file":"LifeCycle.types.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycle.types.ts"],"names":[],"mappings":"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","sourcesContent":["import type { MouseEvent, Ref } from 'react';\n\nimport type {\n  Action,\n  StatusProps,\n  NoChildrenProp,\n  BaseProps,\n  FormControlProps\n} from '@pega/cosmos-react-core';\nimport { readableHue, WorkTheme as Theme } from '@pega/cosmos-react-core';\n\nimport type { LibraryItem } from '../ItemLibrary';\n\nimport type { VisualStepItemProps } from './Step';\n\nexport type StageType = 'start' | 'default' | 'alternate';\n\ninterface ItemIdentifiers {\n  /** The index of the item within its list */\n  index?: number;\n  /** If true, this item belongs to an alternate lifecycle list */\n  alternate?: boolean;\n}\n\nexport interface StepItemProps extends ItemIdentifiers {\n  id: string;\n  label: string;\n  visual: VisualStepItemProps;\n  status: { type?: StatusProps['variant'] | ''; label: string };\n  error?: string;\n}\n\nexport interface TaskItemProps extends ItemIdentifiers {\n  id: string;\n  label: string;\n  visual: {\n    imgSrc: string;\n  };\n  error?: string;\n  steps: StepItemProps[];\n  subIndex?: number;\n}\n\nexport interface CategoryItemProps extends ItemIdentifiers {\n  /** Data model should have id of the stage item */\n  id: string;\n  /** id to map with category items */\n  categoryId: string;\n  /** Data model should have the categoryData array */\n  tasks: TaskItemProps[] | TaskItemProps[][];\n}\n\nexport interface StageItemProps extends ItemIdentifiers {\n  /** Data model should have id of the stage item */\n  id: string;\n  /** Data model should have the stage label */\n  label: string;\n  /** Data model should have the categoryData array */\n  categories: CategoryItemProps[];\n  /** Data model should have the stageType as below */\n  type: StageType;\n  error?: string;\n  /* Sets stage transition to wait or resolution */\n  transitionType?: 'wait' | 'resolution' | undefined;\n}\n\nexport interface LifeCycleActionParam {\n  value?: string;\n  stage?: StageItemProps;\n  task?: TaskItemProps;\n  category?: CategoryItemProps;\n  step?: StepItemProps;\n  type?: 'Stage' | 'Step' | 'Task' | 'Alternate Stage';\n  routeTo?: string;\n}\n\nexport interface LifeCycleAction extends Omit<Action, 'onClick'> {\n  onClick: (\n    param: LifeCycleActionParam,\n    e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>,\n    menuButtonEl?: HTMLButtonElement\n  ) => void;\n}\n\nexport interface CategoriesItemProps {\n  label: string;\n  id: string;\n}\n\nexport interface StageProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Label for the region. */\n  label?: string;\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: Record<StageType, LifeCycleAction[]> | LifeCycleAction[];\n  /** Callback for Add stage */\n  onAddStage?: () => void;\n  /** Callback for Adding alternate stage */\n  onAddAlternateStage?: () => void;\n  /** callback for Click of stage */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n}\n\nexport interface CategoriesProps extends CategoriesItemProps {\n  /** height property used to manipulate height of catergory dom */\n  height?: number;\n  elementId?: string;\n}\n\nexport interface TaskProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: LifeCycleAction[];\n  /** Tooltip for adding items to the task component */\n  addStepTitle?: string;\n  /** Region for adding the task component */\n  addTask?: {\n    title: string;\n    showOnce: boolean;\n    onAddTask?: LifeCycleAction['onClick'];\n  };\n  /** Callback for adding a step when nodeLibrary is provided. */\n  onAddStep?: (param: LifeCycleActionParam, selectedItem: LibraryItem) => void;\n  /** Callback for adding a step when nodeLibrary is not provided. */\n  onAddCustomStep?: (param: LifeCycleActionParam) => void;\n  /** callback for Click of a task */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n  /** Types of Nodes */\n  nodeLibrary?: LibraryItem[];\n}\n\nexport interface CategoryProps extends BaseProps, NoChildrenProp {\n  ref?: Ref<HTMLOListElement | HTMLDivElement>;\n  /** Pass the category items */\n  item: CategoryItemProps;\n  /** Enable the title for categories */\n  showTitle?: boolean;\n  /** Props of the categoryColumn */\n  category?: CategoriesProps;\n  /** Task component prop */\n  task?: TaskProps;\n  /** Stage data - to be passed in callbacks */\n  stageItem: StageItemProps;\n  /** Id for the component */\n  id: string;\n}\n\nexport interface StepProps extends Omit<FormControlProps, 'status' | 'id'> {\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: LifeCycleAction[];\n  /** If true, step names will wrap rather than truncate. */\n  wrap?: boolean;\n  /** callback for Click of a step */\n  onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;\n}\n\nexport interface IndexData {\n  /** Determines if the item part of an alternate stage. */\n  alternate: boolean;\n  /** The index of the parent stage to the item, or the item itself. */\n  stage?: number;\n  /** The index of the parent category to the item. */\n  category?: number;\n  /** The index of the parent task to the item, or the item itself. */\n  task?: number;\n  /** The index of the parent stage to the item, or the item itself, if the task is nested within another task. */\n  subTask?: number;\n  /** The index of the step item. */\n  step?: number;\n}\n\nexport type LifeCycleDragItemType = 'stage' | 'step' | 'alternate-stage' | 'alternate-step';\n\nexport interface LifeCycleDragDropEvent {\n  /** The type of item that was moved. */\n  type: 'stage' | 'step';\n  /** The indices of the source item. */\n  sourceData: IndexData;\n  /** The indices of the target location. */\n  targetData: IndexData;\n}\n\nexport interface DragDropConfig\n  extends Record<LifeCycleDragItemType, { enabled: boolean; accept: LifeCycleDragItemType[] }> {\n  loading?: boolean;\n}\n\nexport interface LifeCycleProps extends BaseProps, NoChildrenProp {\n  /** Pass reference to the LifeCycleComponent */\n  ref?: Ref<HTMLDivElement>;\n  /** Array of stages and its contents */\n  items: StageItemProps[];\n  /** Array of alternate stages and its contents */\n  alternateItems?: StageItemProps[];\n  /** Props for the task component */\n  task?: TaskProps[];\n  /** Props for the Stage component */\n  stage?: StageProps;\n  /** Props for the AlternatStage component */\n  alternateStage?: StageProps;\n  /** Props for the Cluster component */\n  categories?: CategoriesProps[];\n  /** Props for the Step component */\n  step?: StepProps[];\n  /** Call back function for on AddState */\n  onAddStage?: () => void;\n  /** Call back function to add alternate stages */\n  onAddAlternateStage?: () => void;\n  /** Selected stage or task or step */\n  selectedItemId?: string;\n  /** Callback function for updating the items following a drag drop event. */\n  onDragDrop?: (event: LifeCycleDragDropEvent) => void;\n  /**\n   * Configuration to control which item types each lifecycle region can accept, and which types are draggable.\n   * */\n  dragDropConfig?: DragDropConfig;\n  /** makes component read-only */\n  readOnly?: boolean;\n}\n\nexport interface StageInfo {\n  id: StageType;\n  visual: {\n    bgColor: string;\n    bgHover: string;\n    tailPointed?: boolean;\n    headPointed?: boolean;\n  };\n}\n\n// calculates the final stage info based on prev type and returns the final stage info\n// second param is mandatory for accurate results, optional only for the first stage\nexport const getStageInfo = (\n  currentType: StageType,\n  transitionType: StageItemProps['transitionType'],\n  prevStageItem: StageItemProps,\n  isLastItem = false,\n  theme = Theme\n) => {\n  const stageTypeDefaults: Record<StageType, StageInfo> = {\n    start: {\n      id: 'start',\n      visual: {\n        bgColor: theme.base.colors.blue.dark,\n        bgHover: theme.base.colors.blue.medium,\n        tailPointed: false,\n        headPointed: true\n      }\n    },\n    default: {\n      id: 'default',\n      visual: {\n        bgColor: theme.base.colors.blue.medium,\n        bgHover: theme.base.colors.blue.light,\n        tailPointed: true,\n        headPointed: true\n      }\n    },\n    alternate: {\n      id: 'alternate',\n      visual: {\n        bgColor: theme.base.colors.slate.dark,\n        bgHover: theme.base.colors.slate.medium,\n        tailPointed: false,\n        headPointed: false\n      }\n    }\n  };\n\n  const resolutionStyle = {\n    bgColor: readableHue(theme.base.colors.green.medium, theme.base.palette.light),\n    bgHover: theme.base.colors.green.light\n  };\n  const clonedStageCopy = structuredClone(stageTypeDefaults);\n  const currentStageInfo = clonedStageCopy[currentType] || clonedStageCopy.default;\n  if (currentType !== 'alternate') {\n    if (transitionType === 'resolution') {\n      currentStageInfo.visual = {\n        ...resolutionStyle,\n        tailPointed: currentType !== 'start'\n      };\n    }\n    if (transitionType === 'wait') {\n      currentStageInfo.visual = {\n        ...currentStageInfo.visual,\n        tailPointed: currentType !== 'start',\n        headPointed: false\n      };\n    }\n  }\n\n  // cloning, to avoid getting modified\n  const result: StageInfo = {\n    ...currentStageInfo,\n    visual: {\n      ...currentStageInfo.visual\n    }\n  };\n  if (prevStageItem?.type) {\n    const clonedStage = JSON.parse(JSON.stringify(stageTypeDefaults));\n    const prevStageInfo = clonedStage[prevStageItem.type] || clonedStage.start;\n    if (prevStageItem.type !== 'alternate') {\n      if (prevStageItem.transitionType === 'resolution') {\n        result.visual = {\n          ...result.visual,\n          tailPointed: false\n        };\n      }\n      if (prevStageItem.transitionType === 'wait') {\n        result.visual = {\n          ...result.visual,\n          ...{ tailPointed: false }\n        };\n      }\n    } else {\n      result.visual.tailPointed =\n        currentStageInfo.visual.tailPointed && prevStageInfo.visual.headPointed;\n    }\n  }\n  if (isLastItem) {\n    result.visual.headPointed = false;\n  }\n  return result;\n};\n"]}

package/lib/components/LifeCycle/LifeCycleContext.d.ts

@@ -1,7 +1,19 @@
-import type { LifeCycleProps } from './LifeCycle.types';
-export interface LifeCycleContextValue {
-    selectedItemId: LifeCycleProps['selectedItemId'];
-    readOnly: LifeCycleProps['readOnly'];
+import type { Dispatch, SetStateAction } from 'react';
+import type { DragDropConfig, LifeCycleDragDropEvent, LifeCycleProps, StageItemProps } from './LifeCycle.types';
+export interface LifeCycleDraggedItem {
+    type: LifeCycleDragDropEvent['type'];
+    id: string;
+    navigatingWithKeyboard: boolean;
+}
+export interface LifeCycleContextValue extends Pick<LifeCycleProps, 'selectedItemId' | 'readOnly' | 'onDragDrop'> {
+    lifeCycleData: {
+        stages: StageItemProps[];
+        alternateStages: StageItemProps[];
+    };
+    dragDropConfig: DragDropConfig;
+    dragEnabled?: boolean;
+    draggedItem?: LifeCycleDraggedItem;
+    setDraggedItem: Dispatch<SetStateAction<LifeCycleDraggedItem | undefined>>;
 }
 declare const LifeCycleContext: import("react").Context<LifeCycleContextValue>;
 export default LifeCycleContext;

package/lib/components/LifeCycle/LifeCycleContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LifeCycleContext.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycleContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IACjD,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACtC;AAED,QAAA,MAAM,gBAAgB,gDAGpB,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"LifeCycleContext.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycleContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,cAAc,EACd,cAAc,EACf,MAAM,mBAAmB,CAAC;AAG3B,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,gBAAgB,GAAG,UAAU,GAAG,YAAY,CAAC;IAC1E,aAAa,EAAE;QACb,MAAM,EAAE,cAAc,EAAE,CAAC;QACzB,eAAe,EAAE,cAAc,EAAE,CAAC;KACnC,CAAC;IACF,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,oBAAoB,GAAG,SAAS,CAAC,CAAC,CAAC;CAC5E;AAED,QAAA,MAAM,gBAAgB,gDAQpB,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/lib/components/LifeCycle/LifeCycleContext.js

@@ -1,7 +1,13 @@
 import { createContext } from 'react';
+import { defaultDragDropConfig } from './utils';
 const LifeCycleContext = createContext({
+    lifeCycleData: { stages: [], alternateStages: [] },
     selectedItemId: undefined,
-    readOnly: false
+    readOnly: false,
+    dragDropConfig: defaultDragDropConfig,
+    dragEnabled: false,
+    draggedItem: undefined,
+    setDraggedItem: () => { }
 });
 export default LifeCycleContext;
 //# sourceMappingURL=LifeCycleContext.js.map

package/lib/components/LifeCycle/LifeCycleContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LifeCycleContext.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycleContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAStC,MAAM,gBAAgB,GAAG,aAAa,CAAwB;IAC5D,cAAc,EAAE,SAAS;IACzB,QAAQ,EAAE,KAAK;CAChB,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC","sourcesContent":["import { createContext } from 'react';\n\nimport type { LifeCycleProps } from './LifeCycle.types';\n\nexport interface LifeCycleContextValue {\n  selectedItemId: LifeCycleProps['selectedItemId'];\n  readOnly: LifeCycleProps['readOnly'];\n}\n\nconst LifeCycleContext = createContext<LifeCycleContextValue>({\n  selectedItemId: undefined,\n  readOnly: false\n});\n\nexport default LifeCycleContext;\n"]}
+{"version":3,"file":"LifeCycleContext.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycleContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAoBhD,MAAM,gBAAgB,GAAG,aAAa,CAAwB;IAC5D,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE;IAClD,cAAc,EAAE,SAAS;IACzB,QAAQ,EAAE,KAAK;IACf,cAAc,EAAE,qBAAqB;IACrC,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CACzB,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC","sourcesContent":["import { createContext } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport type {\n  DragDropConfig,\n  LifeCycleDragDropEvent,\n  LifeCycleProps,\n  StageItemProps\n} from './LifeCycle.types';\nimport { defaultDragDropConfig } from './utils';\n\nexport interface LifeCycleDraggedItem {\n  type: LifeCycleDragDropEvent['type'];\n  id: string;\n  navigatingWithKeyboard: boolean;\n}\n\nexport interface LifeCycleContextValue\n  extends Pick<LifeCycleProps, 'selectedItemId' | 'readOnly' | 'onDragDrop'> {\n  lifeCycleData: {\n    stages: StageItemProps[];\n    alternateStages: StageItemProps[];\n  };\n  dragDropConfig: DragDropConfig;\n  dragEnabled?: boolean;\n  draggedItem?: LifeCycleDraggedItem;\n  setDraggedItem: Dispatch<SetStateAction<LifeCycleDraggedItem | undefined>>;\n}\n\nconst LifeCycleContext = createContext<LifeCycleContextValue>({\n  lifeCycleData: { stages: [], alternateStages: [] },\n  selectedItemId: undefined,\n  readOnly: false,\n  dragDropConfig: defaultDragDropConfig,\n  dragEnabled: false,\n  draggedItem: undefined,\n  setDraggedItem: () => {}\n});\n\nexport default LifeCycleContext;\n"]}

package/lib/components/LifeCycle/LifeCycleDragDropList.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentType, ReactNode } from 'react';
+import type { AsProp, BaseProps, ForwardProps, NoChildrenProp, TestIdProp } from '@pega/cosmos-react-core';
+import type { DraggableItem } from '@pega/cosmos-react-dnd';
+import type { IndexData, LifeCycleDragItemType, LifeCycleProps } from './LifeCycle.types';
+interface LifeCycleDragDropListProps<T extends object = object> extends AsProp, BaseProps, NoChildrenProp, TestIdProp, Pick<LifeCycleProps, 'onDragDrop'> {
+    /** Unique identifier for the list */
+    id?: string;
+    /** The type of item within the list. */
+    type: LifeCycleDragItemType;
+    /** A set of indices that identify the list's location within the LifeCycle. */
+    listLocation: IndexData;
+    /** Array of data objects used for the list. */
+    items: DraggableItem<T>[];
+    /** User defined function that should return content for the draggable element. */
+    itemRenderer: ComponentType<T>;
+    /** A region for non-list item elements to be included in the droppable region. */
+    additionalDropZone?: ReactNode;
+}
+declare const LifeCycleDragDropList: <T extends object = object>({ testId, id: idProp, type, listLocation, items, itemRenderer: ItemRenderer, additionalDropZone, onDragDrop, as: Component, ...restProps }: LifeCycleDragDropListProps<T> & ForwardProps) => import("react/jsx-runtime").JSX.Element;
+export default LifeCycleDragDropList;
+//# sourceMappingURL=LifeCycleDragDropList.d.ts.map

package/lib/components/LifeCycle/LifeCycleDragDropList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LifeCycleDragDropList.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycleDragDropList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAIjE,OAAO,KAAK,EACV,MAAM,EACN,SAAS,EACT,YAAY,EACZ,cAAc,EAEd,UAAU,EACX,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,wBAAwB,CAAC;AAEtF,OAAO,KAAK,EACV,SAAS,EAET,qBAAqB,EACrB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAM3B,UAAU,0BAA0B,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAC5D,SAAQ,MAAM,EACZ,SAAS,EACT,cAAc,EACd,UAAU,EACV,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC;IACpC,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,+EAA+E;IAC/E,YAAY,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,kFAAkF;IAClF,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC;AAqBD,QAAA,MAAM,qBAAqB,GAAI,CAAC,SAAS,MAAM,uJAW5C,0BAA0B,CAAC,CAAC,CAAC,GAAG,YAAY,4CA0X9C,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/components/LifeCycle/LifeCycleDragDropList.js

@@ -0,0 +1,298 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useMemo, useContext, useLayoutEffect, useEffect } from 'react';
+import { useElement, useUID } from '@pega/cosmos-react-core';
+import { Draggable, DragDropListContext, Droppable } from '@pega/cosmos-react-dnd';
+import LifeCycleContext from './LifeCycleContext';
+import { getListLocation } from './utils';
+const LifeCycleDragDropList = ({ testId, id: idProp, type, listLocation, items, itemRenderer: ItemRenderer, additionalDropZone, onDragDrop, as: Component = 'ul', ...restProps }) => {
+    const { lifeCycleData, dragDropConfig, draggedItem, setDraggedItem } = useContext(LifeCycleContext);
+    const [clonedItems, setClonedItems] = useState(items);
+    const draggedItemRef = useRef(null);
+    const draggedItemElRef = useRef(null);
+    const itemHoveringRef = useRef(false);
+    const itemRectsRef = useRef(null);
+    const [listEl, setListEl] = useElement();
+    const uniqueId = useUID();
+    const listId = idProp ?? uniqueId;
+    const normalizedType = type.replace('alternate-', '');
+    const getItemData = (item, newIndex) => {
+        if (item.type === 'stage' || item.type === 'alternate-stage') {
+            const data = item.data;
+            return { alternate: !!data.item.alternate, stage: newIndex ?? data.item.index };
+        }
+        if (item.type === 'step' || item.type === 'alternate-step') {
+            const data = item.data;
+            return {
+                alternate: !!data.item.alternate,
+                stage: data.stageItem.index,
+                category: data.categoryItem.index,
+                task: data.taskItem.index,
+                subTask: data.taskItem.subIndex,
+                step: newIndex ?? data.item.index
+            };
+        }
+        return { alternate: false, stage: -1 };
+    };
+    const getItemRects = () => {
+        if (!listEl || listEl.children.length === 0)
+            return null;
+        return [...listEl.children].map(itemEl => {
+            return itemEl.getBoundingClientRect();
+        });
+    };
+    useLayoutEffect(() => {
+        if (!dragDropConfig.loading &&
+            (!draggedItem?.navigatingWithKeyboard ||
+                (draggedItem?.navigatingWithKeyboard && !draggedItemRef.current))) {
+            setClonedItems(items);
+        }
+    }, [items]);
+    const internalItemsRef = useRef(clonedItems);
+    internalItemsRef.current = clonedItems;
+    const triggerOnChange = (sourceData, targetData) => {
+        if (!onDragDrop ||
+            !sourceData ||
+            !targetData ||
+            JSON.stringify(sourceData) === JSON.stringify(targetData))
+            return;
+        onDragDrop({
+            type: normalizedType,
+            sourceData,
+            targetData
+        });
+    };
+    const getInsertIndex = (item, monitor) => {
+        itemRectsRef.current = getItemRects();
+        const { current: itemRects } = itemRectsRef;
+        let insertIndex = -1;
+        const prevIndex = clonedItems.findIndex(({ id }) => id === item.id);
+        const clientXY = monitor.getClientOffset();
+        if (!itemRects || !clientXY)
+            return insertIndex;
+        // If dragging stages, position must be calculated on the x-axis rather than the y-axis
+        const dragPreviewRectAnchor = normalizedType === 'stage' ? clientXY.x : clientXY.y;
+        const orientation = normalizedType === 'stage' ? 'horizontal' : 'vertical';
+        const calculateMiddle = ({ left, right, top, bottom }) => {
+            if (orientation === 'horizontal') {
+                return left + (right - left) / 2;
+            }
+            return top + (bottom - top) / 2;
+        };
+        const atHead = dragPreviewRectAnchor < calculateMiddle(itemRects[0]);
+        const atTail = dragPreviewRectAnchor >= calculateMiddle(itemRects[itemRects.length - 1]);
+        if (atHead) {
+            insertIndex = 0;
+        }
+        else if (atTail) {
+            insertIndex = prevIndex === itemRects.length - 1 ? prevIndex : itemRects.length;
+        }
+        else {
+            itemRects.some((rect, i, rects) => {
+                if (i === rects.length - 1) {
+                    if (prevIndex === i)
+                        insertIndex = i;
+                    return true;
+                }
+                const afterCurrent = dragPreviewRectAnchor >= calculateMiddle(rect);
+                const beforeNext = dragPreviewRectAnchor < calculateMiddle(rects[i + 1]);
+                if (afterCurrent && beforeNext) {
+                    if (prevIndex !== -1 && i >= prevIndex)
+                        insertIndex = i;
+                    else
+                        insertIndex = i + 1;
+                    return true;
+                }
+                return false;
+            });
+        }
+        return insertIndex;
+    };
+    // Re-arrange items within the applicable lists in relation to the position of the item being dragged
+    const positionItems = (item, monitor) => {
+        if (!monitor.canDrop() || !monitor.isOver({ shallow: true }))
+            return;
+        const prevIndex = clonedItems.findIndex(({ id }) => id === item.id);
+        const insertIndex = getInsertIndex(item, monitor);
+        const targetData = { ...listLocation };
+        targetData[normalizedType] = insertIndex;
+        item.targetData = targetData;
+        item.targetListId = listId;
+        item.changeTarget = i => triggerOnChange(i.sourceData, i.targetData);
+        item.targetItemsRef = internalItemsRef;
+        let newItems;
+        if (prevIndex !== -1) {
+            if (insertIndex === prevIndex)
+                return;
+            newItems = clonedItems.filter(({ id }) => id !== item.id);
+            newItems.splice(insertIndex, 0, item);
+            setClonedItems(newItems);
+        }
+        else {
+            newItems = [...clonedItems];
+            newItems.splice(insertIndex, 0, item);
+            setClonedItems(newItems);
+        }
+    };
+    // Setup data to manage the item being dragged
+    const onBegin = (itemId) => () => {
+        setDraggedItem({ type: normalizedType, id: itemId, navigatingWithKeyboard: false });
+        const initialIndex = clonedItems.findIndex(({ id }) => id === itemId);
+        const itemToDrag = clonedItems[initialIndex];
+        draggedItemRef.current = { ...itemToDrag, sourceListId: listId };
+        if (listEl) {
+            draggedItemElRef.current = listEl.querySelector(`[id="${itemToDrag.id}"]`);
+            if (draggedItemElRef.current) {
+                draggedItemElRef.current.setAttribute('style', 'opacity: 0.5');
+            }
+        }
+        const itemData = getItemData(itemToDrag);
+        return {
+            returnToSource: (item) => {
+                setClonedItems(currentItems => {
+                    const newItems = currentItems.filter(({ id }) => id !== itemId);
+                    newItems.splice(initialIndex, 0, item);
+                    return newItems;
+                });
+            },
+            removeFromSource: () => {
+                setClonedItems(currentItems => currentItems.filter(({ id }) => id !== itemId));
+            },
+            changeTarget: i => triggerOnChange(i.sourceData, i.targetData),
+            targetItemsRef: internalItemsRef,
+            sourceData: itemData,
+            targetData: itemData,
+            sourceListId: listId,
+            targetListId: listId
+        };
+    };
+    // Execute necessary actions for when the item is dropped
+    const onEnd = (item, monitor) => {
+        if (!item)
+            return;
+        if (monitor.didDrop()) {
+            if (JSON.stringify(item.sourceData) === JSON.stringify(item.targetData)) {
+                setDraggedItem(undefined);
+            }
+            else {
+                item.changeTarget?.(item);
+                if (item.sourceListId !== item.targetListId) {
+                    item.removeFromSource?.();
+                }
+            }
+        }
+        else {
+            setDraggedItem(undefined);
+            item.returnToSource?.(item);
+        }
+        draggedItemRef.current = null;
+        if (draggedItemElRef.current) {
+            draggedItemElRef.current.setAttribute('style', 'opacity: unset');
+            draggedItemElRef.current = null;
+        }
+    };
+    const contextValue = useMemo(() => ({
+        orientation: normalizedType === 'stage' ? 'horizontal' : 'vertical',
+        keyboardDragStart: itemId => {
+            const index = clonedItems.findIndex(({ id }) => id === itemId);
+            if (index === -1)
+                return;
+            const itemToDrag = clonedItems[index];
+            if (itemToDrag) {
+                setDraggedItem({ type: normalizedType, id: itemId, navigatingWithKeyboard: true });
+                const itemData = getItemData(itemToDrag);
+                itemToDrag.returnToSource = (item) => {
+                    setClonedItems(currentItems => {
+                        const newItems = currentItems.filter(({ id }) => id !== itemId);
+                        newItems.splice(index, 0, item);
+                        return newItems;
+                    });
+                };
+                itemToDrag.sourceData = itemData;
+                itemToDrag.targetData = itemData;
+                itemToDrag.sourceListId = listId;
+                itemToDrag.targetListId = listId;
+                draggedItemRef.current = itemToDrag;
+                setClonedItems(currentItems => {
+                    const newItems = currentItems.filter(({ id }) => id !== itemId);
+                    newItems.splice(index, 0, itemToDrag);
+                    return newItems;
+                });
+            }
+        },
+        keyboardDragEnd: itemId => {
+            const item = clonedItems.find(({ id }) => id === itemId);
+            if (!item)
+                return;
+            draggedItemRef.current = null;
+            triggerOnChange(item.sourceData, item.targetData);
+        },
+        keyboardDragCancel: itemId => {
+            const index = clonedItems.findIndex(({ id }) => id === itemId);
+            if (index === -1)
+                return;
+            setDraggedItem(undefined);
+            draggedItemRef.current = null;
+            clonedItems[index].returnToSource?.(clonedItems[index]);
+        },
+        keyboardReorderItem: (itemId, direction) => {
+            const index = clonedItems.findIndex(({ id }) => id === itemId);
+            if (index === -1)
+                return;
+            const itemData = getItemData(clonedItems[index]);
+            const newItems = [...clonedItems];
+            if (direction === 'prev' && index !== 0) {
+                const item = newItems.splice(index, 1)[0];
+                newItems.splice(index - 1, 0, {
+                    ...item,
+                    targetData: { ...itemData, [normalizedType]: index - 1 }
+                });
+                setClonedItems(newItems);
+            }
+            else if (direction === 'next' && index !== clonedItems.length - 1) {
+                const item = newItems.splice(index, 1)[0];
+                newItems.splice(index + 1, 0, {
+                    ...item,
+                    targetData: { ...itemData, [normalizedType]: index + 1 }
+                });
+                setClonedItems(newItems);
+            }
+        },
+        keyboardMoveLists: (itemId, direction) => {
+            const item = clonedItems.find(({ id }) => id === itemId);
+            if (!item)
+                return;
+            draggedItemRef.current = null;
+            setDraggedItem({ type: normalizedType, id: itemId, navigatingWithKeyboard: false });
+            const itemData = getItemData(item);
+            const targetListLocation = getListLocation(listLocation, normalizedType, lifeCycleData, direction);
+            if (targetListLocation) {
+                triggerOnChange(itemData, targetListLocation);
+            }
+        }
+    }), [clonedItems, triggerOnChange, normalizedType, listLocation, lifeCycleData]);
+    return (_jsx(DragDropListContext.Provider, { value: contextValue, children: _jsx(Droppable, { accept: dragDropConfig[type].accept, onHover: positionItems, onDrop: positionItems, children: ({ dropRef, collected: { isOver } }) => {
+                // Reset list items to original state if the item is no longer hovering over the list
+                // The useEffect is necessary for setting state within a render function
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                useEffect(() => {
+                    if (!isOver && itemHoveringRef.current) {
+                        const sourceItem = clonedItems.find(i => i.id === draggedItemRef.current?.id);
+                        if (!sourceItem && !dragDropConfig.loading) {
+                            // If item dragged away from target list, reset the items in that list to their original state
+                            setClonedItems(items);
+                        }
+                    }
+                    itemHoveringRef.current = isOver;
+                }, [isOver]);
+                return (_jsxs(Component, { ref: (el) => {
+                        dropRef(el);
+                        setListEl(el);
+                    }, ...restProps, children: [clonedItems.map(item => {
+                            return (_jsx(Draggable, { id: item.id, type: item.type, data: item.data, onBegin: onBegin(item.id), onEnd: onEnd, children: ({ dragRef, previewRef, collected }) => {
+                                    return (_jsx(ItemRenderer, { testId: testId, id: item.id, type: item.type, ...item.data, dragRef: dragRef, previewRef: previewRef, ...collected, isDragging: !!item.sourceListId }));
+                                } }, item.id));
+                        }), additionalDropZone] }));
+            } }) }));
+};
+export default LifeCycleDragDropList;
+//# sourceMappingURL=LifeCycleDragDropList.js.map