@pega/cosmos-react-build 9.0.0-build.5.2 → 9.0.0-build.5.4

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 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"]}
+{"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 =\n  | 'stage'\n  | 'step'\n  | 'task'\n  | 'alternate-stage'\n  | 'alternate-step'\n  | 'alternate-task';\n\nexport interface LifeCycleDragDropEvent {\n  /** The type of item that was moved. */\n  type: 'stage' | 'step' | 'task';\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/LifeCycleDragDropList.d.ts.map

@@ -1 +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,GAAG,MAAM,EAAE,4IAWvD,0BAA0B,CAAC,CAAC,CAAC,GAAG,YAAY,4CA0X9C,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"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;AAO3B,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,GAAG,MAAM,EAAE,4IAWvD,0BAA0B,CAAC,CAAC,CAAC,GAAG,YAAY,4CA8Y9C,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/components/LifeCycle/LifeCycleDragDropList.js

@@ -31,6 +31,16 @@ const LifeCycleDragDropList = ({ testId, id: idProp, type, listLocation, items,
                 step: newIndex ?? data.item.index
             };
         }
+        if (item.type === 'task' || item.type === 'alternate-task') {
+            const data = item.data;
+            return {
+                alternate: !!data.stageItem.alternate,
+                stage: data.stageItem.index,
+                category: data.categoryItem.index,
+                task: newIndex ?? data.item.index,
+                subTask: data.item.subIndex
+            };
+        }
         return { alternate: false, stage: -1 };
     };
     const getItemRects = () => {
@@ -114,7 +124,13 @@ const LifeCycleDragDropList = ({ testId, id: idProp, type, listLocation, items,
         const prevIndex = clonedItems.findIndex(({ id }) => id === item.id);
         const insertIndex = getInsertIndex(item, monitor);
         const targetData = { ...listLocation };
-        targetData[normalizedType] = insertIndex;
+        if (normalizedType === 'task' && listLocation.subTask === undefined) {
+            targetData.task = listLocation.task;
+            targetData.subTask = insertIndex;
+        }
+        else {
+            targetData[normalizedType] = insertIndex;
+        }
         item.targetData = targetData;
         item.targetListId = listId;
         item.changeTarget = i => triggerOnChange(i.sourceData, i.targetData);

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

@@ -1 +1 @@
-{"version":3,"file":"LifeCycleDragDropList.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycleDragDropList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useRef, useMemo, useContext, useLayoutEffect, useEffect } from 'react';\nimport type { ComponentType, ReactNode, RefObject } from 'react';\nimport type { DragSourceMonitor, DropTargetMonitor } from 'react-dnd';\n\nimport { useElement, useUID } from '@pega/cosmos-react-core';\nimport type {\n  AsProp,\n  BaseProps,\n  ForwardProps,\n  NoChildrenProp,\n  OmitStrict,\n  TestIdProp\n} from '@pega/cosmos-react-core';\nimport { Draggable, DragDropListContext, Droppable } from '@pega/cosmos-react-dnd';\nimport type { DraggableItem, DragDropListContextValue } from '@pega/cosmos-react-dnd';\n\nimport type {\n  IndexData,\n  LifeCycleDragDropEvent,\n  LifeCycleDragItemType,\n  LifeCycleProps\n} from './LifeCycle.types';\nimport type { StageComponentProps } from './Stage';\nimport type { StepComponentProps } from './Step';\nimport LifeCycleContext from './LifeCycleContext';\nimport { getListLocation } from './utils';\n\ninterface LifeCycleDragDropListProps<T extends object = object>\n  extends AsProp,\n    BaseProps,\n    NoChildrenProp,\n    TestIdProp,\n    Pick<LifeCycleProps, 'onDragDrop'> {\n  /** Unique identifier for the list */\n  id?: string;\n  /** The type of item within the list. */\n  type: LifeCycleDragItemType;\n  /** A set of indices that identify the list's location within the LifeCycle. */\n  listLocation: IndexData;\n  /** Array of data objects used for the list. */\n  items: DraggableItem<T>[];\n  /** User defined function that should return content for the draggable element. */\n  itemRenderer: ComponentType<T>;\n  /** A region for non-list item elements to be included in the droppable region. */\n  additionalDropZone?: ReactNode;\n}\n\ninterface LifeCycleDragDropListItem<T extends object = object> extends DraggableItem<T> {\n  /** Returns the dragged item to its original position. */\n  returnToSource?: (item: DraggableItem<T>) => void;\n  /** Removes the dragged item from its original position. */\n  removeFromSource?: () => void;\n  /** Triggers onDragDrop with data related to the new item position. */\n  changeTarget?: (item: LifeCycleDragDropListItem<T>) => void;\n  /** Data related to the item being dragged. */\n  sourceData?: LifeCycleDragDropEvent['sourceData'];\n  /** Data related to the target position of the dragged item. */\n  targetData?: LifeCycleDragDropEvent['targetData'];\n  /** The id of the list that the dragged item originated from. */\n  sourceListId?: string;\n  /** The id of the list that the item was dropped into. */\n  targetListId?: string;\n  /** Ref for the items in the droppable list. */\n  targetItemsRef?: RefObject<LifeCycleDragDropListItem<T>[]>;\n}\n\nconst LifeCycleDragDropList = <T extends object = object>({\n  testId,\n  id: idProp,\n  type,\n  listLocation,\n  items,\n  itemRenderer: ItemRenderer,\n  additionalDropZone,\n  onDragDrop,\n  as: Component = 'ul',\n  ...restProps\n}: LifeCycleDragDropListProps<T> & ForwardProps) => {\n  const { lifeCycleData, dragDropConfig, draggedItem, setDraggedItem } =\n    useContext(LifeCycleContext);\n  const [clonedItems, setClonedItems] = useState<LifeCycleDragDropListItem<T>[]>(items);\n  const draggedItemRef = useRef<LifeCycleDragDropListItem<T> | null>(null);\n  const draggedItemElRef = useRef<HTMLElement | null>(null);\n  const itemHoveringRef = useRef(false);\n  const itemRectsRef = useRef<DOMRect[] | null>(null);\n  const [listEl, setListEl] = useElement<HTMLElement>();\n  const uniqueId = useUID();\n  const listId = idProp ?? uniqueId;\n\n  const normalizedType = type.replace('alternate-', '') as LifeCycleDragDropEvent['type'];\n\n  const getItemData = (\n    item: LifeCycleDragDropListItem<T>,\n    newIndex?: number\n  ): LifeCycleDragDropEvent['sourceData'] => {\n    if (item.type === 'stage' || item.type === 'alternate-stage') {\n      const data = item.data as StageComponentProps;\n      return { alternate: !!data.item.alternate, stage: newIndex ?? data.item.index };\n    }\n    if (item.type === 'step' || item.type === 'alternate-step') {\n      const data = item.data as StepComponentProps;\n      return {\n        alternate: !!data.item.alternate,\n        stage: data.stageItem.index,\n        category: data.categoryItem.index,\n        task: data.taskItem.index,\n        subTask: data.taskItem.subIndex,\n        step: newIndex ?? data.item.index\n      };\n    }\n    return { alternate: false, stage: -1 };\n  };\n\n  const getItemRects = (): DOMRect[] | null => {\n    if (!listEl || listEl.children.length === 0) return null;\n    return [...listEl.children].map(itemEl => {\n      return itemEl.getBoundingClientRect();\n    });\n  };\n\n  useLayoutEffect(() => {\n    if (\n      !dragDropConfig.loading &&\n      (!draggedItem?.navigatingWithKeyboard ||\n        (draggedItem?.navigatingWithKeyboard && !draggedItemRef.current))\n    ) {\n      setClonedItems(items);\n    }\n  }, [items]);\n\n  const internalItemsRef = useRef(clonedItems);\n  internalItemsRef.current = clonedItems;\n\n  const triggerOnChange = (\n    sourceData?: LifeCycleDragDropEvent['sourceData'],\n    targetData?: LifeCycleDragDropEvent['targetData']\n  ) => {\n    if (\n      !onDragDrop ||\n      !sourceData ||\n      !targetData ||\n      JSON.stringify(sourceData) === JSON.stringify(targetData)\n    )\n      return;\n    onDragDrop({\n      type: normalizedType,\n      sourceData,\n      targetData\n    });\n  };\n\n  const getInsertIndex = (\n    item: DraggableItem<T>,\n    monitor: DropTargetMonitor | DragSourceMonitor\n  ): number => {\n    itemRectsRef.current = getItemRects();\n    const { current: itemRects } = itemRectsRef;\n    let insertIndex = -1;\n    const prevIndex = clonedItems.findIndex(({ id }) => id === item.id);\n\n    const clientXY = monitor.getClientOffset();\n    if (!itemRects || !clientXY) return insertIndex;\n\n    // If dragging stages, position must be calculated on the x-axis rather than the y-axis\n    const dragPreviewRectAnchor = normalizedType === 'stage' ? clientXY.x : clientXY.y;\n    const orientation = normalizedType === 'stage' ? 'horizontal' : 'vertical';\n\n    const calculateMiddle = ({ left, right, top, bottom }: DOMRect): number => {\n      if (orientation === 'horizontal') {\n        return left + (right - left) / 2;\n      }\n      return top + (bottom - top) / 2;\n    };\n\n    const atHead = dragPreviewRectAnchor < calculateMiddle(itemRects[0]);\n    const atTail = dragPreviewRectAnchor >= calculateMiddle(itemRects[itemRects.length - 1]);\n\n    if (atHead) {\n      insertIndex = 0;\n    } else if (atTail) {\n      insertIndex = prevIndex === itemRects.length - 1 ? prevIndex : itemRects.length;\n    } else {\n      itemRects.some((rect, i, rects) => {\n        if (i === rects.length - 1) {\n          if (prevIndex === i) insertIndex = i;\n          return true;\n        }\n        const afterCurrent = dragPreviewRectAnchor >= calculateMiddle(rect);\n        const beforeNext = dragPreviewRectAnchor < calculateMiddle(rects[i + 1]);\n\n        if (afterCurrent && beforeNext) {\n          if (prevIndex !== -1 && i >= prevIndex) insertIndex = i;\n          else insertIndex = i + 1;\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return insertIndex;\n  };\n\n  // Re-arrange items within the applicable lists in relation to the position of the item being dragged\n  const positionItems = (item: LifeCycleDragDropListItem<T>, monitor: DropTargetMonitor): void => {\n    if (!monitor.canDrop() || !monitor.isOver({ shallow: true })) return;\n\n    const prevIndex = clonedItems.findIndex(({ id }) => id === item.id);\n\n    const insertIndex = getInsertIndex(item, monitor);\n    const targetData = { ...listLocation };\n    targetData[normalizedType] = insertIndex;\n    item.targetData = targetData;\n    item.targetListId = listId;\n\n    item.changeTarget = i => triggerOnChange(i.sourceData, i.targetData);\n    item.targetItemsRef = internalItemsRef;\n\n    let newItems: DraggableItem<T>[];\n\n    if (prevIndex !== -1) {\n      if (insertIndex === prevIndex) return;\n\n      newItems = clonedItems.filter(({ id }) => id !== item.id);\n      newItems.splice(insertIndex, 0, item);\n\n      setClonedItems(newItems);\n    } else {\n      newItems = [...clonedItems];\n      newItems.splice(insertIndex, 0, item);\n\n      setClonedItems(newItems);\n    }\n  };\n\n  // Setup data to manage the item being dragged\n  const onBegin =\n    (itemId: DraggableItem<T>['id']) =>\n    (): OmitStrict<LifeCycleDragDropListItem<T>, keyof DraggableItem<T>> => {\n      setDraggedItem({ type: normalizedType, id: itemId, navigatingWithKeyboard: false });\n\n      const initialIndex = clonedItems.findIndex(({ id }) => id === itemId);\n      const itemToDrag = clonedItems[initialIndex];\n      draggedItemRef.current = { ...itemToDrag, sourceListId: listId };\n      if (listEl) {\n        draggedItemElRef.current = listEl.querySelector(`[id=\"${itemToDrag.id}\"]`);\n        if (draggedItemElRef.current) {\n          draggedItemElRef.current.setAttribute('style', 'opacity: 0.5');\n        }\n      }\n      const itemData = getItemData(itemToDrag);\n\n      return {\n        returnToSource: (item: DraggableItem<T>) => {\n          setClonedItems(currentItems => {\n            const newItems = currentItems.filter(({ id }) => id !== itemId);\n            newItems.splice(initialIndex, 0, item);\n            return newItems;\n          });\n        },\n        removeFromSource: () => {\n          setClonedItems(currentItems => currentItems.filter(({ id }) => id !== itemId));\n        },\n        changeTarget: i => triggerOnChange(i.sourceData, i.targetData),\n        targetItemsRef: internalItemsRef,\n        sourceData: itemData,\n        targetData: itemData,\n        sourceListId: listId,\n        targetListId: listId\n      };\n    };\n\n  // Execute necessary actions for when the item is dropped\n  const onEnd = (item: LifeCycleDragDropListItem<T> | undefined, monitor: DragSourceMonitor) => {\n    if (!item) return;\n\n    if (monitor.didDrop()) {\n      if (JSON.stringify(item.sourceData) === JSON.stringify(item.targetData)) {\n        setDraggedItem(undefined);\n      } else {\n        item.changeTarget?.(item);\n        if (item.sourceListId !== item.targetListId) {\n          item.removeFromSource?.();\n        }\n      }\n    } else {\n      setDraggedItem(undefined);\n      item.returnToSource?.(item);\n    }\n    draggedItemRef.current = null;\n    if (draggedItemElRef.current) {\n      draggedItemElRef.current.setAttribute('style', 'opacity: unset');\n      draggedItemElRef.current = null;\n    }\n  };\n\n  const contextValue: DragDropListContextValue = useMemo(\n    () => ({\n      orientation: normalizedType === 'stage' ? 'horizontal' : 'vertical',\n      keyboardDragStart: itemId => {\n        const index = clonedItems.findIndex(({ id }) => id === itemId);\n        if (index === -1) return;\n\n        const itemToDrag = clonedItems[index];\n\n        if (itemToDrag) {\n          setDraggedItem({ type: normalizedType, id: itemId, navigatingWithKeyboard: true });\n          const itemData = getItemData(itemToDrag);\n\n          itemToDrag.returnToSource = (item: DraggableItem<T>) => {\n            setClonedItems(currentItems => {\n              const newItems = currentItems.filter(({ id }) => id !== itemId);\n              newItems.splice(index, 0, item);\n              return newItems;\n            });\n          };\n          itemToDrag.sourceData = itemData;\n          itemToDrag.targetData = itemData;\n          itemToDrag.sourceListId = listId;\n          itemToDrag.targetListId = listId;\n\n          draggedItemRef.current = itemToDrag;\n          setClonedItems(currentItems => {\n            const newItems = currentItems.filter(({ id }) => id !== itemId);\n            newItems.splice(index, 0, itemToDrag);\n            return newItems;\n          });\n        }\n      },\n      keyboardDragEnd: itemId => {\n        const item = clonedItems.find(({ id }) => id === itemId);\n        if (!item) return;\n\n        draggedItemRef.current = null;\n        triggerOnChange(item.sourceData, item.targetData);\n      },\n      keyboardDragCancel: itemId => {\n        const index = clonedItems.findIndex(({ id }) => id === itemId);\n        if (index === -1) return;\n\n        setDraggedItem(undefined);\n        draggedItemRef.current = null;\n        clonedItems[index].returnToSource?.(clonedItems[index]);\n      },\n      keyboardReorderItem: (itemId, direction) => {\n        const index = clonedItems.findIndex(({ id }) => id === itemId);\n        if (index === -1) return;\n\n        const itemData = getItemData(clonedItems[index]);\n\n        const newItems = [...clonedItems];\n\n        if (direction === 'prev' && index !== 0) {\n          const item = newItems.splice(index, 1)[0];\n          newItems.splice(index - 1, 0, {\n            ...item,\n            targetData: { ...itemData, [normalizedType]: index - 1 }\n          });\n          setClonedItems(newItems);\n        } else if (direction === 'next' && index !== clonedItems.length - 1) {\n          const item = newItems.splice(index, 1)[0];\n          newItems.splice(index + 1, 0, {\n            ...item,\n            targetData: { ...itemData, [normalizedType]: index + 1 }\n          });\n          setClonedItems(newItems);\n        }\n      },\n      keyboardMoveLists: (itemId, direction) => {\n        const item = clonedItems.find(({ id }) => id === itemId);\n        if (!item) return;\n\n        draggedItemRef.current = null;\n        setDraggedItem({ type: normalizedType, id: itemId, navigatingWithKeyboard: false });\n        const itemData = getItemData(item);\n\n        const targetListLocation = getListLocation(\n          listLocation,\n          normalizedType,\n          lifeCycleData,\n          direction\n        );\n\n        if (targetListLocation) {\n          triggerOnChange(itemData, targetListLocation);\n        }\n      }\n    }),\n    [clonedItems, triggerOnChange, normalizedType, listLocation, lifeCycleData]\n  );\n\n  return (\n    <DragDropListContext.Provider value={contextValue}>\n      <Droppable\n        accept={dragDropConfig[type].accept}\n        onHover={positionItems}\n        onDrop={positionItems}\n      >\n        {({ dropRef, collected: { isOver } }) => {\n          // Reset list items to original state if the item is no longer hovering over the list\n          // The useEffect is necessary for setting state within a render function\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          useEffect(() => {\n            if (!isOver && itemHoveringRef.current) {\n              const sourceItem = clonedItems.find(i => i.id === draggedItemRef.current?.id);\n              if (!sourceItem && !dragDropConfig.loading) {\n                // If item dragged away from target list, reset the items in that list to their original state\n                setClonedItems(items);\n              }\n            }\n            itemHoveringRef.current = isOver;\n          }, [isOver]);\n\n          return (\n            <Component\n              ref={(el: HTMLElement) => {\n                dropRef(el);\n                setListEl(el);\n              }}\n              {...restProps}\n            >\n              {clonedItems.map(item => {\n                return (\n                  <Draggable\n                    key={item.id}\n                    id={item.id}\n                    type={item.type}\n                    data={item.data}\n                    onBegin={onBegin(item.id)}\n                    onEnd={onEnd}\n                  >\n                    {({ dragRef, previewRef, collected }) => {\n                      return (\n                        <ItemRenderer\n                          testId={testId}\n                          id={item.id}\n                          type={item.type}\n                          {...item.data}\n                          dragRef={dragRef}\n                          previewRef={previewRef}\n                          {...collected}\n                          isDragging={!!item.sourceListId}\n                        />\n                      );\n                    }}\n                  </Draggable>\n                );\n              })}\n\n              {additionalDropZone}\n            </Component>\n          );\n        }}\n      </Droppable>\n    </DragDropListContext.Provider>\n  );\n};\n\nexport default LifeCycleDragDropList;\n"]}
+{"version":3,"file":"LifeCycleDragDropList.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycleDragDropList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useRef, useMemo, useContext, useLayoutEffect, useEffect } from 'react';\nimport type { ComponentType, ReactNode, RefObject } from 'react';\nimport type { DragSourceMonitor, DropTargetMonitor } from 'react-dnd';\n\nimport { useElement, useUID } from '@pega/cosmos-react-core';\nimport type {\n  AsProp,\n  BaseProps,\n  ForwardProps,\n  NoChildrenProp,\n  OmitStrict,\n  TestIdProp\n} from '@pega/cosmos-react-core';\nimport { Draggable, DragDropListContext, Droppable } from '@pega/cosmos-react-dnd';\nimport type { DraggableItem, DragDropListContextValue } from '@pega/cosmos-react-dnd';\n\nimport type {\n  IndexData,\n  LifeCycleDragDropEvent,\n  LifeCycleDragItemType,\n  LifeCycleProps\n} from './LifeCycle.types';\nimport type { StageComponentProps } from './Stage';\nimport type { StepComponentProps } from './Step';\nimport type { TaskComponentProps } from './Task';\nimport LifeCycleContext from './LifeCycleContext';\nimport { getListLocation } from './utils';\n\ninterface LifeCycleDragDropListProps<T extends object = object>\n  extends AsProp,\n    BaseProps,\n    NoChildrenProp,\n    TestIdProp,\n    Pick<LifeCycleProps, 'onDragDrop'> {\n  /** Unique identifier for the list */\n  id?: string;\n  /** The type of item within the list. */\n  type: LifeCycleDragItemType;\n  /** A set of indices that identify the list's location within the LifeCycle. */\n  listLocation: IndexData;\n  /** Array of data objects used for the list. */\n  items: DraggableItem<T>[];\n  /** User defined function that should return content for the draggable element. */\n  itemRenderer: ComponentType<T>;\n  /** A region for non-list item elements to be included in the droppable region. */\n  additionalDropZone?: ReactNode;\n}\n\ninterface LifeCycleDragDropListItem<T extends object = object> extends DraggableItem<T> {\n  /** Returns the dragged item to its original position. */\n  returnToSource?: (item: DraggableItem<T>) => void;\n  /** Removes the dragged item from its original position. */\n  removeFromSource?: () => void;\n  /** Triggers onDragDrop with data related to the new item position. */\n  changeTarget?: (item: LifeCycleDragDropListItem<T>) => void;\n  /** Data related to the item being dragged. */\n  sourceData?: LifeCycleDragDropEvent['sourceData'];\n  /** Data related to the target position of the dragged item. */\n  targetData?: LifeCycleDragDropEvent['targetData'];\n  /** The id of the list that the dragged item originated from. */\n  sourceListId?: string;\n  /** The id of the list that the item was dropped into. */\n  targetListId?: string;\n  /** Ref for the items in the droppable list. */\n  targetItemsRef?: RefObject<LifeCycleDragDropListItem<T>[]>;\n}\n\nconst LifeCycleDragDropList = <T extends object = object>({\n  testId,\n  id: idProp,\n  type,\n  listLocation,\n  items,\n  itemRenderer: ItemRenderer,\n  additionalDropZone,\n  onDragDrop,\n  as: Component = 'ul',\n  ...restProps\n}: LifeCycleDragDropListProps<T> & ForwardProps) => {\n  const { lifeCycleData, dragDropConfig, draggedItem, setDraggedItem } =\n    useContext(LifeCycleContext);\n  const [clonedItems, setClonedItems] = useState<LifeCycleDragDropListItem<T>[]>(items);\n  const draggedItemRef = useRef<LifeCycleDragDropListItem<T> | null>(null);\n  const draggedItemElRef = useRef<HTMLElement | null>(null);\n  const itemHoveringRef = useRef(false);\n  const itemRectsRef = useRef<DOMRect[] | null>(null);\n  const [listEl, setListEl] = useElement<HTMLElement>();\n  const uniqueId = useUID();\n  const listId = idProp ?? uniqueId;\n\n  const normalizedType = type.replace('alternate-', '') as LifeCycleDragDropEvent['type'];\n\n  const getItemData = (\n    item: LifeCycleDragDropListItem<T>,\n    newIndex?: number\n  ): LifeCycleDragDropEvent['sourceData'] => {\n    if (item.type === 'stage' || item.type === 'alternate-stage') {\n      const data = item.data as StageComponentProps;\n      return { alternate: !!data.item.alternate, stage: newIndex ?? data.item.index };\n    }\n    if (item.type === 'step' || item.type === 'alternate-step') {\n      const data = item.data as StepComponentProps;\n      return {\n        alternate: !!data.item.alternate,\n        stage: data.stageItem.index,\n        category: data.categoryItem.index,\n        task: data.taskItem.index,\n        subTask: data.taskItem.subIndex,\n        step: newIndex ?? data.item.index\n      };\n    }\n\n    if (item.type === 'task' || item.type === 'alternate-task') {\n      const data = item.data as TaskComponentProps;\n\n      return {\n        alternate: !!data.stageItem.alternate,\n        stage: data.stageItem.index,\n        category: data.categoryItem.index,\n        task: newIndex ?? data.item.index,\n        subTask: data.item.subIndex\n      };\n    }\n\n    return { alternate: false, stage: -1 };\n  };\n\n  const getItemRects = (): DOMRect[] | null => {\n    if (!listEl || listEl.children.length === 0) return null;\n    return [...listEl.children].map(itemEl => {\n      return itemEl.getBoundingClientRect();\n    });\n  };\n\n  useLayoutEffect(() => {\n    if (\n      !dragDropConfig.loading &&\n      (!draggedItem?.navigatingWithKeyboard ||\n        (draggedItem?.navigatingWithKeyboard && !draggedItemRef.current))\n    ) {\n      setClonedItems(items);\n    }\n  }, [items]);\n\n  const internalItemsRef = useRef(clonedItems);\n  internalItemsRef.current = clonedItems;\n\n  const triggerOnChange = (\n    sourceData?: LifeCycleDragDropEvent['sourceData'],\n    targetData?: LifeCycleDragDropEvent['targetData']\n  ) => {\n    if (\n      !onDragDrop ||\n      !sourceData ||\n      !targetData ||\n      JSON.stringify(sourceData) === JSON.stringify(targetData)\n    )\n      return;\n    onDragDrop({\n      type: normalizedType,\n      sourceData,\n      targetData\n    });\n  };\n\n  const getInsertIndex = (\n    item: DraggableItem<T>,\n    monitor: DropTargetMonitor | DragSourceMonitor\n  ): number => {\n    itemRectsRef.current = getItemRects();\n    const { current: itemRects } = itemRectsRef;\n    let insertIndex = -1;\n    const prevIndex = clonedItems.findIndex(({ id }) => id === item.id);\n\n    const clientXY = monitor.getClientOffset();\n    if (!itemRects || !clientXY) return insertIndex;\n\n    // If dragging stages, position must be calculated on the x-axis rather than the y-axis\n    const dragPreviewRectAnchor = normalizedType === 'stage' ? clientXY.x : clientXY.y;\n    const orientation = normalizedType === 'stage' ? 'horizontal' : 'vertical';\n\n    const calculateMiddle = ({ left, right, top, bottom }: DOMRect): number => {\n      if (orientation === 'horizontal') {\n        return left + (right - left) / 2;\n      }\n      return top + (bottom - top) / 2;\n    };\n\n    const atHead = dragPreviewRectAnchor < calculateMiddle(itemRects[0]);\n    const atTail = dragPreviewRectAnchor >= calculateMiddle(itemRects[itemRects.length - 1]);\n\n    if (atHead) {\n      insertIndex = 0;\n    } else if (atTail) {\n      insertIndex = prevIndex === itemRects.length - 1 ? prevIndex : itemRects.length;\n    } else {\n      itemRects.some((rect, i, rects) => {\n        if (i === rects.length - 1) {\n          if (prevIndex === i) insertIndex = i;\n          return true;\n        }\n        const afterCurrent = dragPreviewRectAnchor >= calculateMiddle(rect);\n        const beforeNext = dragPreviewRectAnchor < calculateMiddle(rects[i + 1]);\n\n        if (afterCurrent && beforeNext) {\n          if (prevIndex !== -1 && i >= prevIndex) insertIndex = i;\n          else insertIndex = i + 1;\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return insertIndex;\n  };\n\n  // Re-arrange items within the applicable lists in relation to the position of the item being dragged\n  const positionItems = (item: LifeCycleDragDropListItem<T>, monitor: DropTargetMonitor): void => {\n    if (!monitor.canDrop() || !monitor.isOver({ shallow: true })) return;\n\n    const prevIndex = clonedItems.findIndex(({ id }) => id === item.id);\n\n    const insertIndex = getInsertIndex(item, monitor);\n    const targetData = { ...listLocation };\n\n    if (normalizedType === 'task' && listLocation.subTask === undefined) {\n      targetData.task = listLocation.task;\n      targetData.subTask = insertIndex;\n    } else {\n      targetData[normalizedType] = insertIndex;\n    }\n\n    item.targetData = targetData;\n    item.targetListId = listId;\n\n    item.changeTarget = i => triggerOnChange(i.sourceData, i.targetData);\n    item.targetItemsRef = internalItemsRef;\n\n    let newItems: DraggableItem<T>[];\n\n    if (prevIndex !== -1) {\n      if (insertIndex === prevIndex) return;\n\n      newItems = clonedItems.filter(({ id }) => id !== item.id);\n      newItems.splice(insertIndex, 0, item);\n\n      setClonedItems(newItems);\n    } else {\n      newItems = [...clonedItems];\n      newItems.splice(insertIndex, 0, item);\n\n      setClonedItems(newItems);\n    }\n  };\n\n  // Setup data to manage the item being dragged\n  const onBegin =\n    (itemId: DraggableItem<T>['id']) =>\n    (): OmitStrict<LifeCycleDragDropListItem<T>, keyof DraggableItem<T>> => {\n      setDraggedItem({ type: normalizedType, id: itemId, navigatingWithKeyboard: false });\n\n      const initialIndex = clonedItems.findIndex(({ id }) => id === itemId);\n      const itemToDrag = clonedItems[initialIndex];\n      draggedItemRef.current = { ...itemToDrag, sourceListId: listId };\n      if (listEl) {\n        draggedItemElRef.current = listEl.querySelector(`[id=\"${itemToDrag.id}\"]`);\n        if (draggedItemElRef.current) {\n          draggedItemElRef.current.setAttribute('style', 'opacity: 0.5');\n        }\n      }\n      const itemData = getItemData(itemToDrag);\n\n      return {\n        returnToSource: (item: DraggableItem<T>) => {\n          setClonedItems(currentItems => {\n            const newItems = currentItems.filter(({ id }) => id !== itemId);\n            newItems.splice(initialIndex, 0, item);\n            return newItems;\n          });\n        },\n        removeFromSource: () => {\n          setClonedItems(currentItems => currentItems.filter(({ id }) => id !== itemId));\n        },\n        changeTarget: i => triggerOnChange(i.sourceData, i.targetData),\n        targetItemsRef: internalItemsRef,\n        sourceData: itemData,\n        targetData: itemData,\n        sourceListId: listId,\n        targetListId: listId\n      };\n    };\n\n  // Execute necessary actions for when the item is dropped\n  const onEnd = (item: LifeCycleDragDropListItem<T> | undefined, monitor: DragSourceMonitor) => {\n    if (!item) return;\n\n    if (monitor.didDrop()) {\n      if (JSON.stringify(item.sourceData) === JSON.stringify(item.targetData)) {\n        setDraggedItem(undefined);\n      } else {\n        item.changeTarget?.(item);\n        if (item.sourceListId !== item.targetListId) {\n          item.removeFromSource?.();\n        }\n      }\n    } else {\n      setDraggedItem(undefined);\n      item.returnToSource?.(item);\n    }\n    draggedItemRef.current = null;\n    if (draggedItemElRef.current) {\n      draggedItemElRef.current.setAttribute('style', 'opacity: unset');\n      draggedItemElRef.current = null;\n    }\n  };\n\n  const contextValue: DragDropListContextValue = useMemo(\n    () => ({\n      orientation: normalizedType === 'stage' ? 'horizontal' : 'vertical',\n      keyboardDragStart: itemId => {\n        const index = clonedItems.findIndex(({ id }) => id === itemId);\n        if (index === -1) return;\n\n        const itemToDrag = clonedItems[index];\n\n        if (itemToDrag) {\n          setDraggedItem({ type: normalizedType, id: itemId, navigatingWithKeyboard: true });\n          const itemData = getItemData(itemToDrag);\n\n          itemToDrag.returnToSource = (item: DraggableItem<T>) => {\n            setClonedItems(currentItems => {\n              const newItems = currentItems.filter(({ id }) => id !== itemId);\n              newItems.splice(index, 0, item);\n              return newItems;\n            });\n          };\n          itemToDrag.sourceData = itemData;\n          itemToDrag.targetData = itemData;\n          itemToDrag.sourceListId = listId;\n          itemToDrag.targetListId = listId;\n\n          draggedItemRef.current = itemToDrag;\n          setClonedItems(currentItems => {\n            const newItems = currentItems.filter(({ id }) => id !== itemId);\n            newItems.splice(index, 0, itemToDrag);\n            return newItems;\n          });\n        }\n      },\n      keyboardDragEnd: itemId => {\n        const item = clonedItems.find(({ id }) => id === itemId);\n        if (!item) return;\n\n        draggedItemRef.current = null;\n        triggerOnChange(item.sourceData, item.targetData);\n      },\n      keyboardDragCancel: itemId => {\n        const index = clonedItems.findIndex(({ id }) => id === itemId);\n        if (index === -1) return;\n\n        setDraggedItem(undefined);\n        draggedItemRef.current = null;\n        clonedItems[index].returnToSource?.(clonedItems[index]);\n      },\n      keyboardReorderItem: (itemId, direction) => {\n        const index = clonedItems.findIndex(({ id }) => id === itemId);\n        if (index === -1) return;\n\n        const itemData = getItemData(clonedItems[index]);\n\n        const newItems = [...clonedItems];\n\n        if (direction === 'prev' && index !== 0) {\n          const item = newItems.splice(index, 1)[0];\n          newItems.splice(index - 1, 0, {\n            ...item,\n            targetData: { ...itemData, [normalizedType]: index - 1 }\n          });\n          setClonedItems(newItems);\n        } else if (direction === 'next' && index !== clonedItems.length - 1) {\n          const item = newItems.splice(index, 1)[0];\n          newItems.splice(index + 1, 0, {\n            ...item,\n            targetData: { ...itemData, [normalizedType]: index + 1 }\n          });\n          setClonedItems(newItems);\n        }\n      },\n      keyboardMoveLists: (itemId, direction) => {\n        const item = clonedItems.find(({ id }) => id === itemId);\n        if (!item) return;\n\n        draggedItemRef.current = null;\n        setDraggedItem({ type: normalizedType, id: itemId, navigatingWithKeyboard: false });\n        const itemData = getItemData(item);\n\n        const targetListLocation = getListLocation(\n          listLocation,\n          normalizedType,\n          lifeCycleData,\n          direction\n        );\n\n        if (targetListLocation) {\n          triggerOnChange(itemData, targetListLocation);\n        }\n      }\n    }),\n    [clonedItems, triggerOnChange, normalizedType, listLocation, lifeCycleData]\n  );\n\n  return (\n    <DragDropListContext.Provider value={contextValue}>\n      <Droppable\n        accept={dragDropConfig[type].accept}\n        onHover={positionItems}\n        onDrop={positionItems}\n      >\n        {({ dropRef, collected: { isOver } }) => {\n          // Reset list items to original state if the item is no longer hovering over the list\n          // The useEffect is necessary for setting state within a render function\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          useEffect(() => {\n            if (!isOver && itemHoveringRef.current) {\n              const sourceItem = clonedItems.find(i => i.id === draggedItemRef.current?.id);\n              if (!sourceItem && !dragDropConfig.loading) {\n                // If item dragged away from target list, reset the items in that list to their original state\n                setClonedItems(items);\n              }\n            }\n            itemHoveringRef.current = isOver;\n          }, [isOver]);\n\n          return (\n            <Component\n              ref={(el: HTMLElement) => {\n                dropRef(el);\n                setListEl(el);\n              }}\n              {...restProps}\n            >\n              {clonedItems.map(item => {\n                return (\n                  <Draggable\n                    key={item.id}\n                    id={item.id}\n                    type={item.type}\n                    data={item.data}\n                    onBegin={onBegin(item.id)}\n                    onEnd={onEnd}\n                  >\n                    {({ dragRef, previewRef, collected }) => {\n                      return (\n                        <ItemRenderer\n                          testId={testId}\n                          id={item.id}\n                          type={item.type}\n                          {...item.data}\n                          dragRef={dragRef}\n                          previewRef={previewRef}\n                          {...collected}\n                          isDragging={!!item.sourceListId}\n                        />\n                      );\n                    }}\n                  </Draggable>\n                );\n              })}\n\n              {additionalDropZone}\n            </Component>\n          );\n        }}\n      </Droppable>\n    </DragDropListContext.Provider>\n  );\n};\n\nexport default LifeCycleDragDropList;\n"]}

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

@@ -1,4 +1,4 @@
-import type { FunctionComponent } from 'react';
+import type { FunctionComponent, RefCallback } from 'react';
 import type { BaseProps, ForwardProps } from '@pega/cosmos-react-core';
 import type { TaskItemProps, StageItemProps, CategoryItemProps, StepProps, TaskProps } from './LifeCycle.types';
 interface CategoryLabelProp {
@@ -23,6 +23,12 @@ export interface TaskComponentProps extends BaseProps, TaskProps {
     categoryItem: CategoryItemProps & CategoryLabelProp;
     /** unique id of task */
     id: string;
+    /** Drag handle component passed from parent */
+    dragEnabled?: boolean;
+    /** Ref for drag handle */
+    dragRef?: RefCallback<HTMLElement>;
+    /** Preview ref for drag and drop functionality */
+    previewRef?: RefCallback<HTMLElement>;
 }
 export declare const StyledTaskList: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledCardHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"Task.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/Task.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAiC,MAAM,OAAO,CAAC;AAmB9E,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAU,MAAM,yBAAyB,CAAC;AAO/E,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,iBAAiB,EAEjB,SAAS,EACT,SAAS,EAEV,MAAM,mBAAmB,CAAC;AAK3B,UAAU,iBAAiB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,SAAS;IAC9D,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,qBAAqB;IACrB,IAAI,EAAE,aAAa,CAAC;IACpB,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wCAAwC;IACxC,SAAS,EAAE,cAAc,CAAC;IAC1B,2CAA2C;IAC3C,YAAY,EAAE,iBAAiB,GAAG,iBAAiB,CAAC;IACpD,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,cAAc,wGASzB,CAAC;AAIH,eAAO,MAAM,gBAAgB,4GAW5B,CAAC;AAIF,eAAO,MAAM,yBAAyB,oNASpC,CAAC;AAIH,eAAO,MAAM,mBAAmB,oNAAmB,CAAC;AAEpD,eAAO,MAAM,iBAAiB;eAA2B,OAAO;SAQ9D,CAAC;AAIH,eAAO,MAAM,gBAAgB,4IAyB5B,CAAC;AAIF,eAAO,MAAM,UAAU;cACX,OAAO;eACN,OAAO;kBACJ,OAAO;SA6BrB,CAAC;AAIH,eAAO,MAAM,cAAc,0LAUzB,CAAC;;;;AA0PH,wBAAiD"}
+{"version":3,"file":"Task.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/Task.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAiC,WAAW,EAAE,MAAM,OAAO,CAAC;AAmB3F,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAU,MAAM,yBAAyB,CAAC;AAQ/E,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,iBAAiB,EAEjB,SAAS,EACT,SAAS,EAEV,MAAM,mBAAmB,CAAC;AAK3B,UAAU,iBAAiB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,SAAS;IAC9D,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,qBAAqB;IACrB,IAAI,EAAE,aAAa,CAAC;IACpB,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wCAAwC;IACxC,SAAS,EAAE,cAAc,CAAC;IAC1B,2CAA2C;IAC3C,YAAY,EAAE,iBAAiB,GAAG,iBAAiB,CAAC;IACpD,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACnC,kDAAkD;IAClD,UAAU,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,cAAc,wGASzB,CAAC;AAIH,eAAO,MAAM,gBAAgB,4GAW5B,CAAC;AAIF,eAAO,MAAM,yBAAyB,oNASpC,CAAC;AAIH,eAAO,MAAM,mBAAmB,oNAAmB,CAAC;AAEpD,eAAO,MAAM,iBAAiB;eAA2B,OAAO;SAQ9D,CAAC;AAIH,eAAO,MAAM,gBAAgB,4IAyB5B,CAAC;AAIF,eAAO,MAAM,UAAU;cACX,OAAO;eACN,OAAO;kBACJ,OAAO;SAkCrB,CAAC;AAIH,eAAO,MAAM,cAAc,0LAUzB,CAAC;;;;AAiQH,wBAAiD"}

package/lib/components/LifeCycle/Task.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState, useCallback, useContext } from 'react';
 import styled, { css } from 'styled-components';
 import { Flex, defaultThemeProp, Button, Icon, useElement, Actions, useI18n, Avatar, useTestIds, withTestIds, Text, Tooltip, StyledButton, StyledIcon } from '@pega/cosmos-react-core';
+import { DragHandle, StyledDragHandle } from '@pega/cosmos-react-dnd';
 import { ItemLibrary } from '../ItemLibrary';
 import { generateDynamicTestId } from './utils';
 import Step, {} from './Step';
@@ -101,6 +102,11 @@ export const StyledTask = styled.article(({ hasFocus, hasSteps, theme, dragEnabl
         margin-block-start: calc(0.5 * ${theme.base.spacing});
       }
     `}
+
+    ${StyledDragHandle} {
+      margin-inline-start: calc(0.5 * ${theme.base.spacing});
+      margin-block: calc(0.5 * ${theme.base.spacing});
+    }
   `;
 });
 StyledTask.defaultProps = defaultThemeProp;
@@ -116,15 +122,16 @@ export const StyledWarnIcon = styled(Icon)(({ theme }) => {
   `;
 });
 StyledWarnIcon.defaultProps = defaultThemeProp;
-const Task = ({ value, visual, actions, item, addStepTitle, addTask, stageItem, error, onAddStep, onAddCustomStep, onClick, categoryItem, id, step: stepProp, nodeLibrary, ...restProps }) => {
+const Task = ({ value, visual, actions, item, addStepTitle, addTask, stageItem, error, onAddStep, onAddCustomStep, onClick, categoryItem, id, step: stepProp, nodeLibrary, dragEnabled, dragRef, previewRef, ...restProps }) => {
     const t = useI18n();
-    const { selectedItemId, readOnly, dragEnabled, onDragDrop } = useContext(LifeCycleContext);
+    const { selectedItemId, readOnly, onDragDrop } = useContext(LifeCycleContext);
     const [taskHasFocus, setTaskHasFocus] = useState(false);
     const [taskButtonEl, setTaskButtonEl] = useElement();
     const [addEl, setAddEl] = useElement(null);
     const taskTestID = generateDynamicTestId([stageItem.label, categoryItem.categoryLabel, value]);
     const testIds = useTestIds(taskTestID, getTaskTestIds);
     const stepTestIds = useTestIds(taskTestID, getStepTestIds);
+    const dragId = item.id;
     const onActionItemClick = (actionId, e) => {
         const param = {
             task: item,
@@ -172,7 +179,7 @@ const Task = ({ value, visual, actions, item, addStepTitle, addTask, stageItem,
         onAddStep?.(param, libItem);
     }, [onAddStep]);
     const isEmpty = (readOnly || (!readOnly && !addStepTitle)) && !item?.steps?.length && !value;
-    const getStepProps = useCallback((step, index) => {
+    const getStepProps = useCallback((step, stepIndex) => {
         return {
             id: step.id,
             value: step.label,
@@ -183,7 +190,7 @@ const Task = ({ value, visual, actions, item, addStepTitle, addTask, stageItem,
                 category: step.visual.category,
                 inverted: step.visual.inverted
             },
-            item: { ...step, index, alternate: item.alternate },
+            item: { ...step, index: stepIndex, alternate: item.alternate },
             taskItem: item,
             stageItem,
             badge: {
@@ -202,7 +209,7 @@ const Task = ({ value, visual, actions, item, addStepTitle, addTask, stageItem,
                     };
                     onAddCustomStep(param);
                 }, children: [_jsx(Icon, { name: 'plus' }), t('add_noun', [addStepTitle])] }))] }));
-    return (_jsx(StyledTaskList, { "data-testid": testIds.root, ...restProps, id: item.id, children: isEmpty ? (_jsx(Flex, { container: { justify: 'center', pad: 1 }, children: _jsx(Text, { variant: 'secondary', children: "No Steps" }) })) : (_jsxs(Flex, { as: StyledTask, "aria-current": selectedItemId === id ? 'true' : undefined, container: { direction: 'column' }, hasFocus: taskHasFocus && selectedItemId !== id, hasSteps: !!item?.steps?.length, dragEnabled: dragEnabled, children: [!!value && (_jsxs(Flex, { as: StyledCardHeader, container: { inline: true, alignItems: 'center' }, children: [visual?.imgSrc?.length > 0 && _jsx(Avatar, { name: value, imageSrc: visual?.imgSrc }), error && _jsx(StyledWarnIcon, { name: 'warn-solid' }), _jsxs(Flex, { item: { grow: 1 }, container: { inline: true, alignItems: 'center' }, onClick: onTaskClick, children: [_jsx(StyledTaskButton, { onFocus: () => {
+    return (_jsx(StyledTaskList, { "data-testid": testIds.root, ...restProps, id: item.id, ref: previewRef, children: isEmpty ? (_jsx(Flex, { container: { justify: 'center', pad: 1 }, children: _jsx(Text, { variant: 'secondary', children: "No Steps" }) })) : (_jsxs(Flex, { as: StyledTask, "aria-current": selectedItemId === id ? 'true' : undefined, container: { direction: 'column' }, hasFocus: taskHasFocus && selectedItemId !== id, hasSteps: !!item?.steps?.length, dragEnabled: dragEnabled, children: [!!value && (_jsxs(Flex, { as: StyledCardHeader, container: { inline: true, alignItems: 'center' }, children: [dragEnabled && (_jsx(DragHandle, { itemId: dragId, ref: dragRef, onClick: e => e.stopPropagation() })), visual?.imgSrc?.length > 0 && _jsx(Avatar, { name: value, imageSrc: visual?.imgSrc }), error && _jsx(StyledWarnIcon, { name: 'warn-solid' }), _jsxs(Flex, { item: { grow: 1 }, container: { inline: true, alignItems: 'center' }, onClick: onTaskClick, children: [_jsx(StyledTaskButton, { onFocus: () => {
                                         setTaskHasFocus(true);
                                     }, onBlur: () => {
                                         setTaskHasFocus(false);
@@ -212,11 +219,11 @@ const Task = ({ value, visual, actions, item, addStepTitle, addTask, stageItem,
                             category: categoryItem.index,
                             task: item.index,
                             subTask: item.subIndex
-                        }, items: item?.steps?.map((step, index) => ({
+                        }, items: item?.steps?.map((step, stepIndex) => ({
                             id: step.id,
                             type: stageItem.alternate ? 'alternate-step' : 'step',
-                            data: { ...stepProp, ...getStepProps(step, index) }
-                        })), itemRenderer: Step, onDragDrop: onDragDrop, additionalDropZone: addStepRegion })) : (_jsx(_Fragment, { children: item?.steps?.map((step, index) => (_createElement(Step, { ...stepProp, key: step.id, ...getStepProps(step, index) }))) })) }), !dragEnabled && _jsx("div", { children: addStepRegion })] })) }));
+                            data: { ...stepProp, ...getStepProps(step, stepIndex) }
+                        })), itemRenderer: Step, onDragDrop: onDragDrop, additionalDropZone: addStepRegion })) : (_jsx(_Fragment, { children: item?.steps?.map((step, stepIndex) => (_createElement(Step, { ...stepProp, key: step.id, ...getStepProps(step, stepIndex) }))) })) }), !dragEnabled && _jsx("div", { children: addStepRegion })] })) }));
 };
 export default withTestIds(Task, getTaskTestIds);
 //# sourceMappingURL=Task.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Task.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/Task.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useCallback, useContext } from 'react';\nimport type { FunctionComponent, PropsWithChildren, MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  defaultThemeProp,\n  Button,\n  Icon,\n  useElement,\n  Actions,\n  useI18n,\n  Avatar,\n  useTestIds,\n  withTestIds,\n  Text,\n  Tooltip,\n  StyledButton,\n  StyledIcon\n} from '@pega/cosmos-react-core';\nimport type { BaseProps, ForwardProps, Action } from '@pega/cosmos-react-core';\n\nimport { ItemLibrary } from '../ItemLibrary';\nimport type { LibraryItem } from '../ItemLibrary';\n\nimport { generateDynamicTestId } from './utils';\nimport Step, { type StepComponentProps } from './Step';\nimport type {\n  TaskItemProps,\n  StageItemProps,\n  CategoryItemProps,\n  LifeCycleActionParam,\n  StepProps,\n  TaskProps,\n  StepItemProps\n} from './LifeCycle.types';\nimport LifeCycleContext from './LifeCycleContext';\nimport { getStepTestIds, getTaskTestIds } from './LifeCycle.test-ids';\nimport LifeCycleDragDropList from './LifeCycleDragDropList';\n\ninterface CategoryLabelProp {\n  categoryLabel?: string;\n}\nexport interface TaskComponentProps extends BaseProps, TaskProps {\n  /** Pass text for the task. */\n  value: string;\n  /** support for an Avatar, Icon, or other supporting visual. */\n  visual: {\n    imgSrc: string;\n  };\n  /** Pass task data */\n  item: TaskItemProps;\n  /** The status is used to show the input error status and the info on tooltip in case of error */\n  error?: string;\n  /** Step Props */\n  step?: StepProps;\n  /** Stage data to pass it as callback */\n  stageItem: StageItemProps;\n  /** Category data to pass it as callback */\n  categoryItem: CategoryItemProps & CategoryLabelProp;\n  /** unique id of task */\n  id: string;\n}\n\nexport const StyledTaskList = styled.li(({ theme }) => {\n  return css`\n    list-style-type: none;\n    margin-block-end: ${theme.base.spacing};\n\n    &:last-child > article {\n      margin-block-end: 0;\n    }\n  `;\n});\n\nStyledTaskList.defaultProps = defaultThemeProp;\n\nexport const StyledCardHeader = styled.header(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      padding: 0 calc(0.25 * ${spacing});\n      margin: calc(0.25 * ${spacing});\n    `;\n  }\n);\n\nStyledCardHeader.defaultProps = defaultThemeProp;\n\nexport const StyledAddCustomStepButton = styled(Button)(({ theme }) => {\n  return css`\n    height: ${theme.components.button.height};\n    margin-inline-start: calc(0.5 * ${theme.base.spacing});\n\n    ${StyledIcon} {\n      margin-inline-end: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledAddCustomStepButton.defaultProps = defaultThemeProp;\n\nexport const StyledAddStepButton = styled(Button)``;\n\nexport const StyledCardContent = styled.div<{ hasSteps?: boolean }>(({ hasSteps, theme }) => {\n  if (!hasSteps) return;\n\n  return css`\n    & > ${StyledButton}, & > ${StyledAddCustomStepButton} {\n      margin-block-start: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledCardContent.defaultProps = defaultThemeProp;\n\nexport const StyledTaskButton = styled.button<Pick<TaskComponentProps, 'visual'>>(\n  ({ theme, visual }) => {\n    return css`\n      background: ${theme.base.palette['primary-background']};\n      border: none;\n      height: ${theme.components.button.height};\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      text-align: start;\n\n      ${visual.imgSrc &&\n      css`\n        padding-inline-start: calc(0.5 * ${theme.base.spacing});\n      `}\n\n      &:hover {\n        cursor: pointer;\n      }\n\n      &:focus {\n        outline: none;\n      }\n    `;\n  }\n);\n\nStyledTaskButton.defaultProps = defaultThemeProp;\n\nexport const StyledTask = styled.article<{\n  hasFocus: boolean;\n  hasSteps?: boolean;\n  dragEnabled?: boolean;\n}>(({ hasFocus, hasSteps, theme, dragEnabled }) => {\n  return css`\n    background: ${theme.base.palette['primary-background']};\n    border: 0.125rem solid transparent;\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    padding: calc(${theme.base.spacing} - 0.125rem);\n\n    ${hasFocus &&\n    css`\n      box-shadow: ${theme.base.shadow.focus};\n    `}\n\n    &:hover {\n      cursor: pointer;\n    }\n\n    &[aria-current='true'] {\n      border-color: ${theme.base.palette.interactive};\n    }\n\n    ${hasSteps &&\n    !dragEnabled &&\n    css`\n      ${StyledAddCustomStepButton} ,${StyledAddStepButton} {\n        margin-block-start: calc(0.5 * ${theme.base.spacing});\n      }\n    `}\n  `;\n});\n\nStyledTask.defaultProps = defaultThemeProp;\n\nexport const StyledWarnIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n    margin-inline-start: calc(0.5 * ${theme.base.spacing});\n    margin-inline-end: ${theme.base.spacing};\n\n    &:hover {\n      cursor: pointer;\n    }\n  `;\n});\n\nStyledWarnIcon.defaultProps = defaultThemeProp;\n\nconst Task: FunctionComponent<TaskComponentProps & ForwardProps> = ({\n  value,\n  visual,\n  actions,\n  item,\n  addStepTitle,\n  addTask,\n  stageItem,\n  error,\n  onAddStep,\n  onAddCustomStep,\n  onClick,\n  categoryItem,\n  id,\n  step: stepProp,\n  nodeLibrary,\n  ...restProps\n}: PropsWithChildren<TaskComponentProps>) => {\n  const t = useI18n();\n  const { selectedItemId, readOnly, dragEnabled, onDragDrop } = useContext(LifeCycleContext);\n  const [taskHasFocus, setTaskHasFocus] = useState(false);\n  const [taskButtonEl, setTaskButtonEl] = useElement();\n  const [addEl, setAddEl] = useElement<HTMLButtonElement>(null);\n\n  const taskTestID = generateDynamicTestId([stageItem.label, categoryItem.categoryLabel, value]);\n  const testIds = useTestIds(taskTestID, getTaskTestIds);\n  const stepTestIds = useTestIds(taskTestID, getStepTestIds);\n\n  const onActionItemClick = (\n    actionId: string,\n    e: MouseEvent<HTMLInputElement | HTMLAnchorElement | HTMLButtonElement>\n  ) => {\n    const param: LifeCycleActionParam = {\n      task: item,\n      stage: stageItem,\n      category: categoryItem\n    };\n    actions?.forEach(actionItem => {\n      if (actionItem.id === actionId) {\n        actionItem.onClick(param, e);\n      }\n    });\n  };\n  // Deep copy of actions is required to provide consistent callback objects on actions\n  const actionsClone: Action[] = [];\n\n  if (actions) {\n    actions.forEach(actionItem => {\n      const actionCloneItem = {} as Action;\n      Object.keys(actionItem).forEach((key: string) => {\n        actionCloneItem[key] = actionItem[key];\n      });\n      actionCloneItem.onClick = onActionItemClick;\n      actionsClone.push({\n        ...actionCloneItem,\n        'data-testid': testIds.actionButton\n      });\n      return actionItem;\n    });\n  }\n\n  const onTaskClick = (e: MouseEvent) => {\n    const actionParam: LifeCycleActionParam = {\n      value,\n      task: item,\n      stage: stageItem,\n      category: categoryItem,\n      type: 'Task'\n    };\n    onClick?.(actionParam, e);\n  };\n\n  const onLibraryItemSelect = useCallback(\n    (libItem: LibraryItem) => {\n      const param: LifeCycleActionParam = {\n        task: item,\n        stage: stageItem,\n        category: categoryItem\n      };\n      onAddStep?.(param, libItem);\n    },\n    [onAddStep]\n  );\n\n  const isEmpty = (readOnly || (!readOnly && !addStepTitle)) && !item?.steps?.length && !value;\n\n  const getStepProps = useCallback(\n    (step: StepItemProps, index: number): StepComponentProps => {\n      return {\n        id: step.id,\n        value: step.label,\n        visual: {\n          imgSrc: step.visual.imgSrc,\n          name: step.visual.name,\n          label: step.visual.label,\n          category: step.visual.category,\n          inverted: step.visual.inverted\n        },\n        item: { ...step, index, alternate: item.alternate },\n        taskItem: item,\n        stageItem,\n        badge: {\n          type: step?.status?.type ?? '',\n          label: step?.status?.label ?? ''\n        },\n        error: step.error,\n        categoryItem\n      };\n    },\n    [categoryItem, item, stageItem]\n  );\n\n  const addStepRegion = (\n    <>\n      {!readOnly && addStepTitle && nodeLibrary && (\n        <>\n          <Button\n            as={StyledAddStepButton}\n            data-testid={stepTestIds.addButton}\n            variant='simple'\n            label={t('add_noun', [addStepTitle])}\n            onClick={(e: MouseEvent<HTMLButtonElement>) => setAddEl(e.currentTarget)}\n            icon\n          >\n            <Icon name='plus' />\n          </Button>\n          {addEl && (\n            <ItemLibrary\n              items={nodeLibrary}\n              target={addEl}\n              onClick={onLibraryItemSelect}\n              onDismiss={() => setAddEl(null)}\n              placeholder={t('search_placeholder_default')}\n            />\n          )}\n        </>\n      )}\n      {!readOnly && addStepTitle && !nodeLibrary && onAddCustomStep && (\n        <Button\n          as={StyledAddCustomStepButton}\n          data-testid={stepTestIds.addButton}\n          variant='link'\n          onClick={() => {\n            const param: LifeCycleActionParam = {\n              task: item,\n              stage: stageItem,\n              category: categoryItem\n            };\n            onAddCustomStep(param);\n          }}\n        >\n          <Icon name='plus' />\n          {t('add_noun', [addStepTitle])}\n        </Button>\n      )}\n    </>\n  );\n\n  return (\n    <StyledTaskList data-testid={testIds.root} {...restProps} id={item.id}>\n      {isEmpty ? (\n        <Flex container={{ justify: 'center', pad: 1 }}>\n          <Text variant='secondary'>No Steps</Text>\n        </Flex>\n      ) : (\n        <Flex\n          as={StyledTask}\n          aria-current={selectedItemId === id ? 'true' : undefined}\n          container={{ direction: 'column' }}\n          hasFocus={taskHasFocus && selectedItemId !== id}\n          hasSteps={!!item?.steps?.length}\n          dragEnabled={dragEnabled}\n        >\n          {!!value && (\n            <Flex as={StyledCardHeader} container={{ inline: true, alignItems: 'center' }}>\n              {visual?.imgSrc?.length > 0 && <Avatar name={value} imageSrc={visual?.imgSrc} />}\n              {error && <StyledWarnIcon name='warn-solid' />}\n              <Flex\n                item={{ grow: 1 }}\n                container={{ inline: true, alignItems: 'center' }}\n                onClick={onTaskClick}\n              >\n                <StyledTaskButton\n                  onFocus={() => {\n                    setTaskHasFocus(true);\n                  }}\n                  onBlur={() => {\n                    setTaskHasFocus(false);\n                  }}\n                  aria-label={t(error ? 'process_name_error' : 'process_name', [value])}\n                  visual={visual}\n                  ref={setTaskButtonEl}\n                >\n                  {value}\n                </StyledTaskButton>\n                {taskButtonEl && (\n                  <Tooltip target={taskButtonEl} smart>\n                    {value}\n                  </Tooltip>\n                )}\n              </Flex>\n              {actionsClone && (\n                <Actions\n                  items={actionsClone}\n                  menuAt={2}\n                  iconOnly\n                  contextualLabel={t('process_name', [value])}\n                />\n              )}\n            </Flex>\n          )}\n          <StyledCardContent hasSteps={!!item?.steps?.length} as={dragEnabled ? 'div' : 'ul'}>\n            {dragEnabled ? (\n              <LifeCycleDragDropList\n                type={stageItem.alternate ? 'alternate-step' : 'step'}\n                listLocation={{\n                  alternate: !!stageItem.alternate,\n                  stage: stageItem.index,\n                  category: categoryItem.index,\n                  task: item.index,\n                  subTask: item.subIndex\n                }}\n                items={item?.steps?.map((step, index) => ({\n                  id: step.id,\n                  type: stageItem.alternate ? 'alternate-step' : 'step',\n                  data: { ...stepProp, ...getStepProps(step, index) }\n                }))}\n                itemRenderer={Step}\n                onDragDrop={onDragDrop}\n                additionalDropZone={addStepRegion}\n              />\n            ) : (\n              <>\n                {item?.steps?.map((step, index) => (\n                  <Step {...stepProp} key={step.id} {...getStepProps(step, index)} />\n                ))}\n              </>\n            )}\n          </StyledCardContent>\n          {!dragEnabled && <div>{addStepRegion}</div>}\n        </Flex>\n      )}\n    </StyledTaskList>\n  );\n};\n\nexport default withTestIds(Task, getTaskTestIds);\n"]}
+{"version":3,"file":"Task.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/Task.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useCallback, useContext } from 'react';\nimport type { FunctionComponent, PropsWithChildren, MouseEvent, RefCallback } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  defaultThemeProp,\n  Button,\n  Icon,\n  useElement,\n  Actions,\n  useI18n,\n  Avatar,\n  useTestIds,\n  withTestIds,\n  Text,\n  Tooltip,\n  StyledButton,\n  StyledIcon\n} from '@pega/cosmos-react-core';\nimport type { BaseProps, ForwardProps, Action } from '@pega/cosmos-react-core';\nimport { DragHandle, StyledDragHandle } from '@pega/cosmos-react-dnd';\n\nimport { ItemLibrary } from '../ItemLibrary';\nimport type { LibraryItem } from '../ItemLibrary';\n\nimport { generateDynamicTestId } from './utils';\nimport Step, { type StepComponentProps } from './Step';\nimport type {\n  TaskItemProps,\n  StageItemProps,\n  CategoryItemProps,\n  LifeCycleActionParam,\n  StepProps,\n  TaskProps,\n  StepItemProps\n} from './LifeCycle.types';\nimport LifeCycleContext from './LifeCycleContext';\nimport { getStepTestIds, getTaskTestIds } from './LifeCycle.test-ids';\nimport LifeCycleDragDropList from './LifeCycleDragDropList';\n\ninterface CategoryLabelProp {\n  categoryLabel?: string;\n}\n\nexport interface TaskComponentProps extends BaseProps, TaskProps {\n  /** Pass text for the task. */\n  value: string;\n  /** support for an Avatar, Icon, or other supporting visual. */\n  visual: {\n    imgSrc: string;\n  };\n  /** Pass task data */\n  item: TaskItemProps;\n  /** The status is used to show the input error status and the info on tooltip in case of error */\n  error?: string;\n  /** Step Props */\n  step?: StepProps;\n  /** Stage data to pass it as callback */\n  stageItem: StageItemProps;\n  /** Category data to pass it as callback */\n  categoryItem: CategoryItemProps & CategoryLabelProp;\n  /** unique id of task */\n  id: string;\n  /** Drag handle component passed from parent */\n  dragEnabled?: boolean;\n  /** Ref for drag handle */\n  dragRef?: RefCallback<HTMLElement>;\n  /** Preview ref for drag and drop functionality */\n  previewRef?: RefCallback<HTMLElement>;\n}\n\nexport const StyledTaskList = styled.li(({ theme }) => {\n  return css`\n    list-style-type: none;\n    margin-block-end: ${theme.base.spacing};\n\n    &:last-child > article {\n      margin-block-end: 0;\n    }\n  `;\n});\n\nStyledTaskList.defaultProps = defaultThemeProp;\n\nexport const StyledCardHeader = styled.header(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      padding: 0 calc(0.25 * ${spacing});\n      margin: calc(0.25 * ${spacing});\n    `;\n  }\n);\n\nStyledCardHeader.defaultProps = defaultThemeProp;\n\nexport const StyledAddCustomStepButton = styled(Button)(({ theme }) => {\n  return css`\n    height: ${theme.components.button.height};\n    margin-inline-start: calc(0.5 * ${theme.base.spacing});\n\n    ${StyledIcon} {\n      margin-inline-end: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledAddCustomStepButton.defaultProps = defaultThemeProp;\n\nexport const StyledAddStepButton = styled(Button)``;\n\nexport const StyledCardContent = styled.div<{ hasSteps?: boolean }>(({ hasSteps, theme }) => {\n  if (!hasSteps) return;\n\n  return css`\n    & > ${StyledButton}, & > ${StyledAddCustomStepButton} {\n      margin-block-start: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledCardContent.defaultProps = defaultThemeProp;\n\nexport const StyledTaskButton = styled.button<Pick<TaskComponentProps, 'visual'>>(\n  ({ theme, visual }) => {\n    return css`\n      background: ${theme.base.palette['primary-background']};\n      border: none;\n      height: ${theme.components.button.height};\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      text-align: start;\n\n      ${visual.imgSrc &&\n      css`\n        padding-inline-start: calc(0.5 * ${theme.base.spacing});\n      `}\n\n      &:hover {\n        cursor: pointer;\n      }\n\n      &:focus {\n        outline: none;\n      }\n    `;\n  }\n);\n\nStyledTaskButton.defaultProps = defaultThemeProp;\n\nexport const StyledTask = styled.article<{\n  hasFocus: boolean;\n  hasSteps?: boolean;\n  dragEnabled?: boolean;\n}>(({ hasFocus, hasSteps, theme, dragEnabled }) => {\n  return css`\n    background: ${theme.base.palette['primary-background']};\n    border: 0.125rem solid transparent;\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    padding: calc(${theme.base.spacing} - 0.125rem);\n\n    ${hasFocus &&\n    css`\n      box-shadow: ${theme.base.shadow.focus};\n    `}\n\n    &:hover {\n      cursor: pointer;\n    }\n\n    &[aria-current='true'] {\n      border-color: ${theme.base.palette.interactive};\n    }\n\n    ${hasSteps &&\n    !dragEnabled &&\n    css`\n      ${StyledAddCustomStepButton} ,${StyledAddStepButton} {\n        margin-block-start: calc(0.5 * ${theme.base.spacing});\n      }\n    `}\n\n    ${StyledDragHandle} {\n      margin-inline-start: calc(0.5 * ${theme.base.spacing});\n      margin-block: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledTask.defaultProps = defaultThemeProp;\n\nexport const StyledWarnIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n    margin-inline-start: calc(0.5 * ${theme.base.spacing});\n    margin-inline-end: ${theme.base.spacing};\n\n    &:hover {\n      cursor: pointer;\n    }\n  `;\n});\n\nStyledWarnIcon.defaultProps = defaultThemeProp;\n\nconst Task: FunctionComponent<TaskComponentProps & ForwardProps> = ({\n  value,\n  visual,\n  actions,\n  item,\n  addStepTitle,\n  addTask,\n  stageItem,\n  error,\n  onAddStep,\n  onAddCustomStep,\n  onClick,\n  categoryItem,\n  id,\n  step: stepProp,\n  nodeLibrary,\n  dragEnabled,\n  dragRef,\n  previewRef,\n  ...restProps\n}: PropsWithChildren<TaskComponentProps>) => {\n  const t = useI18n();\n  const { selectedItemId, readOnly, onDragDrop } = useContext(LifeCycleContext);\n  const [taskHasFocus, setTaskHasFocus] = useState(false);\n  const [taskButtonEl, setTaskButtonEl] = useElement();\n  const [addEl, setAddEl] = useElement<HTMLButtonElement>(null);\n\n  const taskTestID = generateDynamicTestId([stageItem.label, categoryItem.categoryLabel, value]);\n  const testIds = useTestIds(taskTestID, getTaskTestIds);\n  const stepTestIds = useTestIds(taskTestID, getStepTestIds);\n  const dragId = item.id;\n\n  const onActionItemClick = (\n    actionId: string,\n    e: MouseEvent<HTMLInputElement | HTMLAnchorElement | HTMLButtonElement>\n  ) => {\n    const param: LifeCycleActionParam = {\n      task: item,\n      stage: stageItem,\n      category: categoryItem\n    };\n    actions?.forEach(actionItem => {\n      if (actionItem.id === actionId) {\n        actionItem.onClick(param, e);\n      }\n    });\n  };\n  // Deep copy of actions is required to provide consistent callback objects on actions\n  const actionsClone: Action[] = [];\n\n  if (actions) {\n    actions.forEach(actionItem => {\n      const actionCloneItem = {} as Action;\n      Object.keys(actionItem).forEach((key: string) => {\n        actionCloneItem[key] = actionItem[key];\n      });\n      actionCloneItem.onClick = onActionItemClick;\n      actionsClone.push({\n        ...actionCloneItem,\n        'data-testid': testIds.actionButton\n      });\n      return actionItem;\n    });\n  }\n\n  const onTaskClick = (e: MouseEvent) => {\n    const actionParam: LifeCycleActionParam = {\n      value,\n      task: item,\n      stage: stageItem,\n      category: categoryItem,\n      type: 'Task'\n    };\n    onClick?.(actionParam, e);\n  };\n\n  const onLibraryItemSelect = useCallback(\n    (libItem: LibraryItem) => {\n      const param: LifeCycleActionParam = {\n        task: item,\n        stage: stageItem,\n        category: categoryItem\n      };\n      onAddStep?.(param, libItem);\n    },\n    [onAddStep]\n  );\n\n  const isEmpty = (readOnly || (!readOnly && !addStepTitle)) && !item?.steps?.length && !value;\n\n  const getStepProps = useCallback(\n    (step: StepItemProps, stepIndex: number): StepComponentProps => {\n      return {\n        id: step.id,\n        value: step.label,\n        visual: {\n          imgSrc: step.visual.imgSrc,\n          name: step.visual.name,\n          label: step.visual.label,\n          category: step.visual.category,\n          inverted: step.visual.inverted\n        },\n        item: { ...step, index: stepIndex, alternate: item.alternate },\n        taskItem: item,\n        stageItem,\n        badge: {\n          type: step?.status?.type ?? '',\n          label: step?.status?.label ?? ''\n        },\n        error: step.error,\n        categoryItem\n      };\n    },\n    [categoryItem, item, stageItem]\n  );\n\n  const addStepRegion = (\n    <>\n      {!readOnly && addStepTitle && nodeLibrary && (\n        <>\n          <Button\n            as={StyledAddStepButton}\n            data-testid={stepTestIds.addButton}\n            variant='simple'\n            label={t('add_noun', [addStepTitle])}\n            onClick={(e: MouseEvent<HTMLButtonElement>) => setAddEl(e.currentTarget)}\n            icon\n          >\n            <Icon name='plus' />\n          </Button>\n          {addEl && (\n            <ItemLibrary\n              items={nodeLibrary}\n              target={addEl}\n              onClick={onLibraryItemSelect}\n              onDismiss={() => setAddEl(null)}\n              placeholder={t('search_placeholder_default')}\n            />\n          )}\n        </>\n      )}\n      {!readOnly && addStepTitle && !nodeLibrary && onAddCustomStep && (\n        <Button\n          as={StyledAddCustomStepButton}\n          data-testid={stepTestIds.addButton}\n          variant='link'\n          onClick={() => {\n            const param: LifeCycleActionParam = {\n              task: item,\n              stage: stageItem,\n              category: categoryItem\n            };\n            onAddCustomStep(param);\n          }}\n        >\n          <Icon name='plus' />\n          {t('add_noun', [addStepTitle])}\n        </Button>\n      )}\n    </>\n  );\n\n  return (\n    <StyledTaskList data-testid={testIds.root} {...restProps} id={item.id} ref={previewRef}>\n      {isEmpty ? (\n        <Flex container={{ justify: 'center', pad: 1 }}>\n          <Text variant='secondary'>No Steps</Text>\n        </Flex>\n      ) : (\n        <Flex\n          as={StyledTask}\n          aria-current={selectedItemId === id ? 'true' : undefined}\n          container={{ direction: 'column' }}\n          hasFocus={taskHasFocus && selectedItemId !== id}\n          hasSteps={!!item?.steps?.length}\n          dragEnabled={dragEnabled}\n        >\n          {!!value && (\n            <Flex as={StyledCardHeader} container={{ inline: true, alignItems: 'center' }}>\n              {dragEnabled && (\n                <DragHandle itemId={dragId} ref={dragRef} onClick={e => e.stopPropagation()} />\n              )}\n              {visual?.imgSrc?.length > 0 && <Avatar name={value} imageSrc={visual?.imgSrc} />}\n              {error && <StyledWarnIcon name='warn-solid' />}\n              <Flex\n                item={{ grow: 1 }}\n                container={{ inline: true, alignItems: 'center' }}\n                onClick={onTaskClick}\n              >\n                <StyledTaskButton\n                  onFocus={() => {\n                    setTaskHasFocus(true);\n                  }}\n                  onBlur={() => {\n                    setTaskHasFocus(false);\n                  }}\n                  aria-label={t(error ? 'process_name_error' : 'process_name', [value])}\n                  visual={visual}\n                  ref={setTaskButtonEl}\n                >\n                  {value}\n                </StyledTaskButton>\n                {taskButtonEl && (\n                  <Tooltip target={taskButtonEl} smart>\n                    {value}\n                  </Tooltip>\n                )}\n              </Flex>\n              {actionsClone && (\n                <Actions\n                  items={actionsClone}\n                  menuAt={2}\n                  iconOnly\n                  contextualLabel={t('process_name', [value])}\n                />\n              )}\n            </Flex>\n          )}\n          <StyledCardContent hasSteps={!!item?.steps?.length} as={dragEnabled ? 'div' : 'ul'}>\n            {dragEnabled ? (\n              <LifeCycleDragDropList\n                type={stageItem.alternate ? 'alternate-step' : 'step'}\n                listLocation={{\n                  alternate: !!stageItem.alternate,\n                  stage: stageItem.index,\n                  category: categoryItem.index,\n                  task: item.index,\n                  subTask: item.subIndex\n                }}\n                items={item?.steps?.map((step, stepIndex) => ({\n                  id: step.id,\n                  type: stageItem.alternate ? 'alternate-step' : 'step',\n                  data: { ...stepProp, ...getStepProps(step, stepIndex) }\n                }))}\n                itemRenderer={Step}\n                onDragDrop={onDragDrop}\n                additionalDropZone={addStepRegion}\n              />\n            ) : (\n              <>\n                {item?.steps?.map((step, stepIndex) => (\n                  <Step {...stepProp} key={step.id} {...getStepProps(step, stepIndex)} />\n                ))}\n              </>\n            )}\n          </StyledCardContent>\n          {!dragEnabled && <div>{addStepRegion}</div>}\n        </Flex>\n      )}\n    </StyledTaskList>\n  );\n};\n\nexport default withTestIds(Task, getTaskTestIds);\n"]}

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

@@ -0,0 +1,23 @@
+import type { BaseProps } from '@pega/cosmos-react-core';
+import type { TaskItemProps, StageItemProps, TaskProps, CategoryItemProps } from './LifeCycle.types';
+interface CategoryLabelProp {
+    label: string | undefined;
+}
+export interface TaskGroupProps extends BaseProps, TaskProps {
+    /** A single task item or array of task items to be rendered in parallel */
+    taskItem: TaskItemProps | TaskItemProps[];
+    /** The index position of this task group within its parent category */
+    index: number;
+    /** The parent stage data that contains this task group */
+    stageItem: StageItemProps;
+    /** The parent category data with optional label for this task group */
+    categoryItem: CategoryItemProps & CategoryLabelProp;
+    /** Task configuration and behavior props, undefined for empty categories */
+    task: TaskProps | undefined;
+    /** Whether this task group represents parallel tasks (array of tasks) */
+    parallel: boolean;
+}
+export declare const StyledAddTask: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const TaskGroup: ({ taskItem, index, stageItem, categoryItem, task, parallel, ...restProps }: TaskGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default TaskGroup;
+//# sourceMappingURL=TaskGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaskGroup.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/TaskGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,SAAS,EACT,iBAAiB,EAClB,MAAM,mBAAmB,CAAC;AAQ3B,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,SAAS;IAC1D,2EAA2E;IAC3E,QAAQ,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IAC1C,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,SAAS,EAAE,cAAc,CAAC;IAC1B,uEAAuE;IACvE,YAAY,EAAE,iBAAiB,GAAG,iBAAiB,CAAC;IACpD,4EAA4E;IAC5E,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,yEAAyE;IACzE,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,oNAcxB,CAAC;AAIH,QAAA,MAAM,SAAS,GAAI,4EAQhB,cAAc,4CAsIhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/LifeCycle/TaskGroup.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext } from 'react';
+import styled, { css } from 'styled-components';
+import { Flex, useI18n, Button, Icon, defaultThemeProp, useTestIds } from '@pega/cosmos-react-core';
+import Task from './Task';
+import { StyledList, StyledParallelTitle } from './Category';
+import LifeCycleContext from './LifeCycleContext';
+import LifeCycleDragDropList from './LifeCycleDragDropList';
+import { generateDynamicTestId } from './utils';
+import { getTaskTestIds } from './LifeCycle.test-ids';
+export const StyledAddTask = styled(Button)(({ theme }) => {
+    return css `
+    margin-block-end: calc(${theme.base.spacing});
+    background: ${theme.base.palette['secondary-background']};
+    border-radius: calc(0.5 * ${theme.base['border-radius']});
+    width: 100%;
+    justify-content: flex-start;
+    padding-inline: calc(1.75 * ${theme.base.spacing});
+    padding-block: calc(1 * ${theme.base.spacing});
+
+    & > :last-child {
+      margin-inline: calc(2 * ${theme.base.spacing});
+    }
+  `;
+});
+StyledAddTask.defaultProps = defaultThemeProp;
+const TaskGroup = ({ taskItem, index, stageItem, categoryItem, task, parallel, ...restProps }) => {
+    const t = useI18n();
+    const { readOnly, dragEnabled, dragDropConfig, onDragDrop } = useContext(LifeCycleContext);
+    const taskItemIsArray = Array.isArray(taskItem);
+    const isEmptyCategory = !taskItem || (taskItemIsArray && taskItem.length === 0);
+    const isAlternate = !!stageItem.alternate;
+    const categoryTestID = generateDynamicTestId([stageItem.label, categoryItem?.label]);
+    const taskTestIds = useTestIds(categoryTestID, getTaskTestIds);
+    const taskType = isAlternate ? 'alternate-task' : 'task';
+    const showDragHandle = dragEnabled && dragDropConfig?.[taskType].enabled;
+    let shouldShowAddTaskButton = true;
+    if (task?.addTask?.showOnce && categoryItem?.tasks?.length !== 0) {
+        shouldShowAddTaskButton = false;
+    }
+    const onAddTaskClick = (e) => {
+        task?.addTask?.onAddTask?.({
+            category: categoryItem,
+            stage: stageItem
+        }, e);
+    };
+    const addTaskItem = (shouldShowAddTaskButton || isEmptyCategory) && !readOnly && !!task?.addTask ? (_jsx("li", { children: _jsxs(StyledAddTask, { "data-testid": taskTestIds.addButton, variant: 'simple', label: t('add_noun', [task.addTask.title]), icon: true, onClick: onAddTaskClick, children: [_jsx(Icon, { name: 'plus' }), _jsx("span", { children: task.addTask.title })] }) })) : null;
+    const createTaskData = (item, subIndex) => ({
+        ...task,
+        ...restProps,
+        value: item.label,
+        item: {
+            ...item,
+            index,
+            ...(subIndex !== undefined && { subIndex }),
+            alternate: isAlternate
+        },
+        id: item.id,
+        visual: item.visual,
+        stageItem,
+        dragEnabled: showDragHandle,
+        categoryItem: {
+            ...categoryItem
+        },
+        error: item.error,
+        onAddStep: task?.onAddStep
+    });
+    const parallelTitle = parallel ? (_jsx(Flex, { as: StyledParallelTitle, container: { justify: 'center' }, children: _jsx("span", { children: t('parallel') }) })) : null;
+    if (isEmptyCategory && showDragHandle) {
+        return (_jsx(LifeCycleDragDropList, { type: taskType, listLocation: {
+                alternate: isAlternate,
+                stage: stageItem.index,
+                category: categoryItem.index,
+                task: 0,
+                subTask: undefined
+            }, items: [], itemRenderer: Task, onDragDrop: onDragDrop, additionalDropZone: addTaskItem, as: StyledList }));
+    }
+    const tasks = taskItemIsArray ? taskItem : [taskItem];
+    if (!showDragHandle) {
+        return (_jsxs(_Fragment, { children: [parallelTitle, _jsxs(StyledList, { children: [tasks.map((item, subIndex) => (_jsx(Task, { ...createTaskData(item, taskItemIsArray ? subIndex : undefined) }, item.id))), addTaskItem] })] }));
+    }
+    const listLocation = {
+        alternate: isAlternate,
+        stage: stageItem.index,
+        category: categoryItem.index,
+        task: index,
+        ...(taskItemIsArray && { subTask: undefined })
+    };
+    const items = tasks.map((item, subIndex) => ({
+        id: item.id,
+        type: taskType,
+        data: createTaskData(item, taskItemIsArray ? subIndex : undefined)
+    }));
+    return (_jsxs(_Fragment, { children: [parallelTitle, _jsx(LifeCycleDragDropList, { type: taskType, listLocation: listLocation, items: items, itemRenderer: Task, onDragDrop: onDragDrop, additionalDropZone: addTaskItem, as: StyledList })] }));
+};
+export default TaskGroup;
+//# sourceMappingURL=TaskGroup.js.map