@pega/cosmos-react-build 8.8.0 → 9.0.0-build.10.0

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 { 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 type LifeCycleDragDropDirection = 'next' | 'prev';\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.components.lifecycle.stage.start.background,\n        bgHover: theme.components.lifecycle.stage.start['hover-color'],\n        tailPointed: false,\n        headPointed: true\n      }\n    },\n    default: {\n      id: 'default',\n      visual: {\n        bgColor: theme.components.lifecycle.stage.default.background,\n        bgHover: theme.components.lifecycle.stage.default['hover-color'],\n        tailPointed: true,\n        headPointed: true\n      }\n    },\n    alternate: {\n      id: 'alternate',\n      visual: {\n        bgColor: theme.components.lifecycle.stage.alternate.background,\n        bgHover: theme.components.lifecycle.stage.alternate['hover-color'],\n        tailPointed: false,\n        headPointed: false\n      }\n    }\n  };\n\n  const resolutionStyle = {\n    bgColor: theme.components.lifecycle.stage.resolution.background,\n    bgHover: theme.components.lifecycle.stage.resolution['hover-color']\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,4CAoZ9C,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);
@@ -244,7 +260,10 @@ const LifeCycleDragDropList = ({ testId, id: idProp, type, listLocation, items,
                 const item = newItems.splice(index, 1)[0];
                 newItems.splice(index - 1, 0, {
                     ...item,
-                    targetData: { ...itemData, [normalizedType]: index - 1 }
+                    targetData: {
+                        ...itemData,
+                        [normalizedType === 'task' ? 'subTask' : normalizedType]: index - 1
+                    }
                 });
                 setClonedItems(newItems);
             }
@@ -252,7 +271,10 @@ const LifeCycleDragDropList = ({ testId, id: idProp, type, listLocation, items,
                 const item = newItems.splice(index, 1)[0];
                 newItems.splice(index + 1, 0, {
                     ...item,
-                    targetData: { ...itemData, [normalizedType]: index + 1 }
+                    targetData: {
+                        ...itemData,
+                        [normalizedType === 'task' ? 'subTask' : normalizedType]: index + 1
+                    }
                 });
                 setClonedItems(newItems);
             }

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: {\n              ...itemData,\n              [normalizedType === 'task' ? 'subTask' : normalizedType]: index - 1\n            }\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: {\n              ...itemData,\n              [normalizedType === 'task' ? 'subTask' : normalizedType]: index + 1\n            }\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/Stage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stage.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/Stage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAqB,GAAG,EAAc,WAAW,EAAE,MAAM,OAAO,CAAC;AAkB7E,OAAO,KAAK,EAAE,SAAS,EAAU,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAIlG,OAAO,KAAK,EAGV,SAAS,EACT,cAAc,EACd,UAAU,EACX,MAAM,mBAAmB,CAAC;AAE3B,OAAyB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,WAAW,mBAAoB,SAAQ,SAAS,EAAE,UAAU;IAChE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,yCAAyC;IACzC,SAAS,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,IAAI,EAAE,cAAc,CAAC;IACrB,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB;WACrB,MAAM,GAAG,SAAS;kBACX,qBAAqB,CAAC,aAAa,CAAC;SAkClD,CAAC;AAIH,eAAO,MAAM,kBAAkB,yGAK7B,CAAC;AAIH,eAAO,MAAM,cAAc,0LAQzB,CAAC;AAIH,eAAO,MAAM,WAAW;WAEb,MAAM;kBACC,qBAAqB,CAAC,aAAa,CAAC;eACvC,OAAO;kDAwHpB,CAAC;;;;AA+IH,wBAAmD"}
+{"version":3,"file":"Stage.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/Stage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAqB,GAAG,EAAc,WAAW,EAAE,MAAM,OAAO,CAAC;AAiB7E,OAAO,KAAK,EAAE,SAAS,EAAU,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAIlG,OAAO,KAAK,EAGV,SAAS,EACT,cAAc,EACd,UAAU,EACX,MAAM,mBAAmB,CAAC;AAE3B,OAAyB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,WAAW,mBAAoB,SAAQ,SAAS,EAAE,UAAU;IAChE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,yCAAyC;IACzC,SAAS,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,IAAI,EAAE,cAAc,CAAC;IACrB,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB;WACrB,MAAM,GAAG,SAAS;kBACX,qBAAqB,CAAC,aAAa,CAAC;SAkClD,CAAC;AAIH,eAAO,MAAM,kBAAkB,yGAK7B,CAAC;AAIH,eAAO,MAAM,cAAc,0LAQzB,CAAC;AAIH,eAAO,MAAM,WAAW;WAEb,MAAM;kBACC,qBAAqB,CAAC,aAAa,CAAC;eACvC,OAAO;kDAoIpB,CAAC;;;;AAmJH,wBAAmD"}

package/lib/components/LifeCycle/Stage.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import styled, { css } from 'styled-components';
-import { Flex, Actions, defaultThemeProp, useDirection, StyledButton, Icon, useI18n, readableColor, useTestIds, withTestIds, useElement, Tooltip, readableHue } from '@pega/cosmos-react-core';
+import { Flex, Actions, defaultThemeProp, useDirection, StyledButton, Icon, useI18n, useTestIds, withTestIds, useElement, Tooltip, readableHue } from '@pega/cosmos-react-core';
 import { DragHandle, StyledDragHandle } from '@pega/cosmos-react-dnd';
 import { generateDynamicTestId } from './utils';
 import { getStageTestIds } from './LifeCycle.test-ids';
@@ -15,7 +15,7 @@ export const StyledStageButton = styled.button(({ error, dragEnabled, theme }) =
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    text-align: start;
+    text-align: center;
     margin-inline-start: calc(${dragEnabled ? 0.25 : 0.5} * ${theme.base.spacing});
     padding-inline: calc(${dragEnabled ? 0.25 : 0.5} * ${theme.base.spacing});
     background: transparent;
@@ -60,8 +60,8 @@ export const StyledWarnIcon = styled(Icon)(({ theme }) => {
 StyledWarnIcon.defaultProps = defaultThemeProp;
 export const StyledStage = styled.div(({ stageInfo, theme, error, dragEnabled, dragging, transitionType }) => {
     const { visual: { bgColor, tailPointed, headPointed } } = stageInfo;
+    const readableBgColor = readableHue(bgColor, theme.components.lifecycle.stage['foreground-color']);
     const { rtl } = useDirection();
-    const contrastColor = readableColor(bgColor);
     const borderRadius = 'border-radius';
     const roundedEndsStyles = css `
     content: '';
@@ -77,10 +77,13 @@ export const StyledStage = styled.div(({ stageInfo, theme, error, dragEnabled, d
     return css `
     position: relative;
     padding: ${spacing};
-    background: ${bgColor};
+    background: ${readableBgColor};
     border: 0.0625rem solid transparent;
     width: 100%;
     height: '${theme.base.spacing}';
+    font-family: ${theme.components.text.h1['font-family']};
+    font-size: 1rem;
+    border-radius: calc(0.5 * ${theme.base[borderRadius]});
     &:hover {
       cursor: pointer;
     }
@@ -88,7 +91,7 @@ export const StyledStage = styled.div(({ stageInfo, theme, error, dragEnabled, d
         stageInfo.id === 'alternate' &&
         css `
       border: none;
-      box-shadow: inset 0 -0.5rem 0 0 ${readableHue(theme.base.colors.green.medium, theme.base.palette.light)};
+      box-shadow: inset 0 -0.4rem 0 0 ${readableHue(theme.components.lifecycle.stage.alternate['resolution-highlight'], theme.components.lifecycle.stage['foreground-color'])};
 
       /* adding 0.0625rem to padding since 0.0625rem border is removed. */
       padding: calc(${spacing} + 0.0625rem);
@@ -97,6 +100,9 @@ export const StyledStage = styled.div(({ stageInfo, theme, error, dragEnabled, d
     ${headPointed &&
         !dragging &&
         css `
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+
       &::after {
         ${roundedEndsStyles}
         z-index: 1;
@@ -116,6 +122,9 @@ export const StyledStage = styled.div(({ stageInfo, theme, error, dragEnabled, d
 
     ${tailPointed &&
         css `
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+
       ${!error &&
             !dragEnabled &&
             css `
@@ -135,7 +144,7 @@ export const StyledStage = styled.div(({ stageInfo, theme, error, dragEnabled, d
             css `
         &::before {
           ${roundedEndsStyles}
-          background: ${theme.base.palette['app-background']};
+          background: ${theme.components.lifecycle.stage.background};
           transform: rotateZ(45deg) skew(15deg, 15deg);
           inset-inline-start: calc(-1.6 * ${theme.base.spacing});
           ${rtl
@@ -152,23 +161,23 @@ export const StyledStage = styled.div(({ stageInfo, theme, error, dragEnabled, d
     `}
 
     ${StyledWarnIcon} {
-      color: ${contrastColor};
+      color: ${theme.components.lifecycle.stage['foreground-color']};
       margin-inline-start: calc(${dragEnabled ? 0.5 : 1.25} * ${theme.base.spacing});
       margin-inline-end: ${theme.base.spacing};
     }
 
     ${StyledStageActions} {
       & > ${StyledButton} {
-        color: ${contrastColor};
+        color: ${theme.components.lifecycle.stage['foreground-color']};
       }
     }
 
     ${StyledStageButton} {
-      color: ${contrastColor};
+      color: ${theme.components.lifecycle.stage['foreground-color']};
     }
 
     ${StyledDragHandle} {
-      color: ${contrastColor};
+      color: ${theme.components.lifecycle.stage['foreground-color']};
       margin-inline-start: ${theme.base.spacing};
     }
   `;
@@ -240,7 +249,7 @@ const Stage = forwardRef(({ value, actions, stageInfo, onClick, id, item, error,
         accessibilityLabel = t('stage_name', [value]);
     }
     const stageDragEnabled = dragEnabled && dragDropConfig[item.alternate ? 'alternate-stage' : 'stage'].enabled;
-    return (_jsxs(Flex, { "data-testid": testIds.root, ...restProps, container: { inline: true, alignItems: 'center' }, as: StyledStage, ref: ref, error: error, dragEnabled: stageDragEnabled, dragging: draggedItem?.type === 'stage', stageInfo: stageInfo, "aria-label": error ? t('stage_name_error', [value]) : undefined, transitionType: item.transitionType, children: [stageDragEnabled && (_jsx(DragHandle, { itemId: id, ref: dragRef, onClick: e => e.stopPropagation() })), error && _jsx(StyledWarnIcon, { name: 'warn-solid' }), _jsxs(Flex, { container: { inline: true }, item: { grow: 1 }, onClick: onStageClick, children: [_jsx(StyledStageButton, { error: error, dragEnabled: stageDragEnabled, "aria-label": error ? undefined : accessibilityLabel, ref: setStageButtonEl, children: value }), stageButtonEl && (_jsx(Tooltip, { target: stageButtonEl, smart: true, children: value }))] }), _jsx(StyledStageActions, { children: actionsClone && (_jsx(Actions, { items: actionsClone, menuAt: 2, iconOnly: true, contextualLabel: t('stage_name', [value]) })) })] }));
+    return (_jsxs(Flex, { "data-testid": testIds.root, ...restProps, container: { inline: true, alignItems: 'center' }, as: StyledStage, ref: ref, error: error, dragEnabled: stageDragEnabled, dragging: draggedItem?.type === 'stage', stageInfo: stageInfo, "aria-label": error ? t('stage_name_error', [value]) : undefined, transitionType: item.transitionType, children: [stageDragEnabled && (_jsx(DragHandle, { itemId: id, ref: dragRef, onClick: e => e.stopPropagation() })), error && _jsx(StyledWarnIcon, { name: 'warn-solid' }), _jsxs(Flex, { container: { inline: true, justify: 'center' }, item: { grow: 1 }, onClick: onStageClick, children: [_jsx(StyledStageButton, { error: error, dragEnabled: stageDragEnabled, "aria-label": error ? undefined : accessibilityLabel, ref: setStageButtonEl, children: value }), stageButtonEl && (_jsx(Tooltip, { target: stageButtonEl, smart: true, children: value }))] }), _jsx(StyledStageActions, { children: actionsClone && (_jsx(Actions, { items: actionsClone, menuAt: 2, iconOnly: true, contextualLabel: t('stage_name', [value]) })) })] }));
 });
 export default withTestIds(Stage, getStageTestIds);
 //# sourceMappingURL=Stage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/Stage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useContext } from 'react';\nimport type { PropsWithChildren, Ref, MouseEvent, RefCallback } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Actions,\n  defaultThemeProp,\n  useDirection,\n  StyledButton,\n  Icon,\n  useI18n,\n  readableColor,\n  useTestIds,\n  withTestIds,\n  useElement,\n  Tooltip,\n  readableHue\n} from '@pega/cosmos-react-core';\nimport type { BaseProps, Action, ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\nimport { DragHandle, StyledDragHandle } from '@pega/cosmos-react-dnd';\n\nimport { generateDynamicTestId } from './utils';\nimport type {\n  LifeCycleAction,\n  LifeCycleActionParam,\n  StageInfo,\n  StageItemProps,\n  StageProps\n} from './LifeCycle.types';\nimport { getStageTestIds } from './LifeCycle.test-ids';\nimport LifeCycleContext, { type LifeCycleContextValue } from './LifeCycleContext';\n\nexport interface StageComponentProps extends BaseProps, StageProps {\n  ref?: Ref<HTMLDivElement>;\n  /** Pass text for the task. */\n  value: string;\n  /** unique id of the component */\n  id: string;\n  /** Controls the styling of the stage. */\n  stageInfo: StageInfo;\n  /** Full data object which can be passed to the callback */\n  item: StageItemProps;\n  /** The status is used to show the input error status and the info on tooltip in case of error */\n  error?: string;\n  dragRef?: RefCallback<HTMLElement>;\n}\n\nexport const StyledStageButton = styled.button<{\n  error: string | undefined;\n  dragEnabled?: LifeCycleContextValue['dragEnabled'];\n}>(({ error, dragEnabled, theme }) => {\n  return css`\n    height: ${theme.components.button.height};\n    outline: none;\n    border: none;\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    text-align: start;\n    margin-inline-start: calc(${dragEnabled ? 0.25 : 0.5} * ${theme.base.spacing});\n    padding-inline: calc(${dragEnabled ? 0.25 : 0.5} * ${theme.base.spacing});\n    background: transparent;\n    z-index: 2;\n\n    ${error &&\n    css`\n      margin-inline-start: 0;\n    `}\n\n    &:hover {\n      cursor: pointer;\n    }\n\n    &:focus {\n      outline: none;\n      box-shadow: ${theme.base.shadow.focus};\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n    }\n  `;\n});\n\nStyledStageButton.defaultProps = defaultThemeProp;\n\nexport const StyledStageActions = styled.div(({ theme }) => {\n  return css`\n    z-index: 2;\n    margin-inline-end: calc(0.875 * ${theme.base.spacing});\n  `;\n});\n\nStyledStageActions.defaultProps = defaultThemeProp;\n\nexport const StyledWarnIcon = styled(Icon)(({ theme }) => {\n  return css`\n    margin-inline: calc(0.5 * ${theme.base.spacing});\n\n    &:hover {\n      cursor: pointer;\n    }\n  `;\n});\n\nStyledWarnIcon.defaultProps = defaultThemeProp;\n\nexport const StyledStage = styled.div<\n  Pick<StageComponentProps, 'stageInfo'> & {\n    error: string;\n    dragEnabled?: LifeCycleContextValue['dragEnabled'];\n    dragging?: boolean;\n  } & Pick<StageItemProps, 'transitionType'>\n>(({ stageInfo, theme, error, dragEnabled, dragging, transitionType }) => {\n  const {\n    visual: { bgColor, tailPointed, headPointed }\n  } = stageInfo;\n\n  const { rtl } = useDirection();\n  const contrastColor = readableColor(bgColor);\n  const borderRadius = 'border-radius';\n  const roundedEndsStyles = css`\n    content: '';\n    position: absolute;\n    display: block;\n    width: calc(3 * ${theme.base.spacing});\n    height: calc(3 * ${theme.base.spacing});\n    top: calc(1 * ${theme.base.spacing});\n    border: 0;\n    border-inline-end: 0.0625rem solid transparent;\n  `;\n  const spacing = `calc(0.5 * ${theme.base.spacing})`;\n\n  return css`\n    position: relative;\n    padding: ${spacing};\n    background: ${bgColor};\n    border: 0.0625rem solid transparent;\n    width: 100%;\n    height: '${theme.base.spacing}';\n    &:hover {\n      cursor: pointer;\n    }\n    ${transitionType === 'resolution' &&\n    stageInfo.id === 'alternate' &&\n    css`\n      border: none;\n      box-shadow: inset 0 -0.5rem 0 0 ${readableHue(theme.base.colors.green.medium, theme.base.palette.light)};\n\n      /* adding 0.0625rem to padding since 0.0625rem border is removed. */\n      padding: calc(${spacing} + 0.0625rem);\n    `}\n\n    ${headPointed &&\n    !dragging &&\n    css`\n      &::after {\n        ${roundedEndsStyles}\n        z-index: 1;\n        background: inherit;\n        transform: rotateZ(-45deg) skew(-15deg, -15deg);\n        inset-inline-end: calc(1.6 * ${theme.base.spacing} * -1);\n        border-block-end: 0.0625rem solid transparent;\n        ${rtl\n          ? css`\n              border-radius: calc(0.75 * ${theme.base[borderRadius]}) 0.1rem 0.1rem 0.1rem;\n            `\n          : css`\n              border-radius: 0.0625rem 0.075rem calc(0.75 * ${theme.base[borderRadius]}) 0.0625rem;\n            `}\n      }\n    `}\n\n    ${tailPointed &&\n    css`\n      ${!error &&\n      !dragEnabled &&\n      css`\n        ${StyledStageButton} {\n          margin-inline-start: calc(1.5 * ${theme.base.spacing});\n        }\n      `}\n\n      ${error &&\n      css`\n        ${StyledWarnIcon} {\n          margin-inline-start: ${theme.base.spacing};\n        }\n      `}\n\n      ${!dragging &&\n      css`\n        &::before {\n          ${roundedEndsStyles}\n          background: ${theme.base.palette['app-background']};\n          transform: rotateZ(45deg) skew(15deg, 15deg);\n          inset-inline-start: calc(-1.6 * ${theme.base.spacing});\n          ${rtl\n            ? css`\n                border-block-end: 0.0625rem solid transparent;\n                border-radius: 0.0625rem 1rem 0.0625rem calc(0.75 * ${theme.base[borderRadius]});\n              `\n            : css`\n                border-block-start: 0.0625rem solid transparent;\n                border-radius: 0.0625rem calc(0.75 * ${theme.base[borderRadius]}) 0.0625rem 1rem;\n              `}\n        }\n      `}\n    `}\n\n    ${StyledWarnIcon} {\n      color: ${contrastColor};\n      margin-inline-start: calc(${dragEnabled ? 0.5 : 1.25} * ${theme.base.spacing});\n      margin-inline-end: ${theme.base.spacing};\n    }\n\n    ${StyledStageActions} {\n      & > ${StyledButton} {\n        color: ${contrastColor};\n      }\n    }\n\n    ${StyledStageButton} {\n      color: ${contrastColor};\n    }\n\n    ${StyledDragHandle} {\n      color: ${contrastColor};\n      margin-inline-start: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledStage.defaultProps = defaultThemeProp;\n\nconst Stage: ForwardRefForwardPropsComponent<StageComponentProps> = forwardRef(\n  (\n    {\n      value,\n      actions,\n      stageInfo,\n      onClick,\n      id,\n      item,\n      error,\n      dragRef,\n      ...restProps\n    }: PropsWithChildren<StageComponentProps>,\n    ref: StageComponentProps['ref']\n  ) => {\n    const { dragDropConfig, dragEnabled, draggedItem } = useContext(LifeCycleContext);\n    const [stageButtonEl, setStageButtonEl] = useElement();\n    const t = useI18n();\n    let accessibilityLabel: string;\n    const stageTestID = generateDynamicTestId([value]);\n    const testIds = useTestIds(stageTestID, getStageTestIds);\n\n    const onStageClick = (e: MouseEvent) => {\n      const actionParam: LifeCycleActionParam = {\n        value,\n        stage: item,\n        type: 'Stage'\n      };\n      onClick?.(actionParam, e);\n    };\n\n    const onActionItemClick = (\n      actionId: string,\n      e: MouseEvent<HTMLInputElement | HTMLAnchorElement | HTMLButtonElement>,\n      menuButtonEl?: HTMLButtonElement\n    ) => {\n      const param: LifeCycleActionParam = {\n        stage: item\n      };\n\n      if (actions) {\n        let actionsList: LifeCycleAction[] = [];\n\n        if (Array.isArray(actions)) {\n          actionsList = actions;\n        } else {\n          actionsList = actions[item.type];\n        }\n\n        actionsList?.forEach((actionItem: LifeCycleAction) => {\n          if (actionItem.id === actionId) {\n            actionItem.onClick?.(param, e, menuButtonEl);\n          }\n        });\n      }\n    };\n\n    // Deep copy of actions object is required to provide consistent callback objects on actions\n    const actionsClone: Action[] = [];\n\n    if (actions) {\n      let actionsList: LifeCycleAction[] = [];\n      if (Array.isArray(actions)) {\n        actionsList = actions;\n      } else {\n        actionsList = actions[item.type];\n      }\n\n      actionsList.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        });\n        return actionItem;\n      });\n    }\n    if (item.transitionType === 'resolution') {\n      accessibilityLabel = `${t('wait_for_user_action', [t('stage_name', [value])])}`;\n    } else if (item.transitionType === 'wait') {\n      accessibilityLabel = `${t('resolve_case', [t('stage_name', [value])])}`;\n    } else {\n      accessibilityLabel = t('stage_name', [value]);\n    }\n\n    const stageDragEnabled =\n      dragEnabled && dragDropConfig[item.alternate ? 'alternate-stage' : 'stage'].enabled;\n\n    return (\n      <Flex\n        data-testid={testIds.root}\n        {...restProps}\n        container={{ inline: true, alignItems: 'center' }}\n        as={StyledStage}\n        ref={ref}\n        error={error}\n        dragEnabled={stageDragEnabled}\n        dragging={draggedItem?.type === 'stage'}\n        stageInfo={stageInfo}\n        aria-label={error ? t('stage_name_error', [value]) : undefined}\n        transitionType={item.transitionType}\n      >\n        {stageDragEnabled && (\n          <DragHandle itemId={id} ref={dragRef} onClick={e => e.stopPropagation()} />\n        )}\n        {error && <StyledWarnIcon name='warn-solid' />}\n        <Flex container={{ inline: true }} item={{ grow: 1 }} onClick={onStageClick}>\n          <StyledStageButton\n            error={error}\n            dragEnabled={stageDragEnabled}\n            aria-label={error ? undefined : accessibilityLabel}\n            ref={setStageButtonEl}\n          >\n            {value}\n          </StyledStageButton>\n          {stageButtonEl && (\n            <Tooltip target={stageButtonEl} smart>\n              {value}\n            </Tooltip>\n          )}\n        </Flex>\n        <StyledStageActions>\n          {actionsClone && (\n            <Actions\n              items={actionsClone}\n              menuAt={2}\n              iconOnly\n              contextualLabel={t('stage_name', [value])}\n            />\n          )}\n        </StyledStageActions>\n      </Flex>\n    );\n  }\n);\n\nexport default withTestIds(Stage, getStageTestIds);\n"]}
+{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/Stage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useContext } from 'react';\nimport type { PropsWithChildren, Ref, MouseEvent, RefCallback } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Actions,\n  defaultThemeProp,\n  useDirection,\n  StyledButton,\n  Icon,\n  useI18n,\n  useTestIds,\n  withTestIds,\n  useElement,\n  Tooltip,\n  readableHue\n} from '@pega/cosmos-react-core';\nimport type { BaseProps, Action, ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\nimport { DragHandle, StyledDragHandle } from '@pega/cosmos-react-dnd';\n\nimport { generateDynamicTestId } from './utils';\nimport type {\n  LifeCycleAction,\n  LifeCycleActionParam,\n  StageInfo,\n  StageItemProps,\n  StageProps\n} from './LifeCycle.types';\nimport { getStageTestIds } from './LifeCycle.test-ids';\nimport LifeCycleContext, { type LifeCycleContextValue } from './LifeCycleContext';\n\nexport interface StageComponentProps extends BaseProps, StageProps {\n  ref?: Ref<HTMLDivElement>;\n  /** Pass text for the task. */\n  value: string;\n  /** unique id of the component */\n  id: string;\n  /** Controls the styling of the stage. */\n  stageInfo: StageInfo;\n  /** Full data object which can be passed to the callback */\n  item: StageItemProps;\n  /** The status is used to show the input error status and the info on tooltip in case of error */\n  error?: string;\n  dragRef?: RefCallback<HTMLElement>;\n}\n\nexport const StyledStageButton = styled.button<{\n  error: string | undefined;\n  dragEnabled?: LifeCycleContextValue['dragEnabled'];\n}>(({ error, dragEnabled, theme }) => {\n  return css`\n    height: ${theme.components.button.height};\n    outline: none;\n    border: none;\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    text-align: center;\n    margin-inline-start: calc(${dragEnabled ? 0.25 : 0.5} * ${theme.base.spacing});\n    padding-inline: calc(${dragEnabled ? 0.25 : 0.5} * ${theme.base.spacing});\n    background: transparent;\n    z-index: 2;\n\n    ${error &&\n    css`\n      margin-inline-start: 0;\n    `}\n\n    &:hover {\n      cursor: pointer;\n    }\n\n    &:focus {\n      outline: none;\n      box-shadow: ${theme.base.shadow.focus};\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n    }\n  `;\n});\n\nStyledStageButton.defaultProps = defaultThemeProp;\n\nexport const StyledStageActions = styled.div(({ theme }) => {\n  return css`\n    z-index: 2;\n    margin-inline-end: calc(0.875 * ${theme.base.spacing});\n  `;\n});\n\nStyledStageActions.defaultProps = defaultThemeProp;\n\nexport const StyledWarnIcon = styled(Icon)(({ theme }) => {\n  return css`\n    margin-inline: calc(0.5 * ${theme.base.spacing});\n\n    &:hover {\n      cursor: pointer;\n    }\n  `;\n});\n\nStyledWarnIcon.defaultProps = defaultThemeProp;\n\nexport const StyledStage = styled.div<\n  Pick<StageComponentProps, 'stageInfo'> & {\n    error: string;\n    dragEnabled?: LifeCycleContextValue['dragEnabled'];\n    dragging?: boolean;\n  } & Pick<StageItemProps, 'transitionType'>\n>(({ stageInfo, theme, error, dragEnabled, dragging, transitionType }) => {\n  const {\n    visual: { bgColor, tailPointed, headPointed }\n  } = stageInfo;\n  const readableBgColor = readableHue(\n    bgColor,\n    theme.components.lifecycle.stage['foreground-color']\n  );\n\n  const { rtl } = useDirection();\n  const borderRadius = 'border-radius';\n  const roundedEndsStyles = css`\n    content: '';\n    position: absolute;\n    display: block;\n    width: calc(3 * ${theme.base.spacing});\n    height: calc(3 * ${theme.base.spacing});\n    top: calc(1 * ${theme.base.spacing});\n    border: 0;\n    border-inline-end: 0.0625rem solid transparent;\n  `;\n  const spacing = `calc(0.5 * ${theme.base.spacing})`;\n\n  return css`\n    position: relative;\n    padding: ${spacing};\n    background: ${readableBgColor};\n    border: 0.0625rem solid transparent;\n    width: 100%;\n    height: '${theme.base.spacing}';\n    font-family: ${theme.components.text.h1['font-family']};\n    font-size: 1rem;\n    border-radius: calc(0.5 * ${theme.base[borderRadius]});\n    &:hover {\n      cursor: pointer;\n    }\n    ${transitionType === 'resolution' &&\n    stageInfo.id === 'alternate' &&\n    css`\n      border: none;\n      box-shadow: inset 0 -0.4rem 0 0 ${readableHue(theme.components.lifecycle.stage.alternate['resolution-highlight'], theme.components.lifecycle.stage['foreground-color'])};\n\n      /* adding 0.0625rem to padding since 0.0625rem border is removed. */\n      padding: calc(${spacing} + 0.0625rem);\n    `}\n\n    ${headPointed &&\n    !dragging &&\n    css`\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n\n      &::after {\n        ${roundedEndsStyles}\n        z-index: 1;\n        background: inherit;\n        transform: rotateZ(-45deg) skew(-15deg, -15deg);\n        inset-inline-end: calc(1.6 * ${theme.base.spacing} * -1);\n        border-block-end: 0.0625rem solid transparent;\n        ${rtl\n          ? css`\n              border-radius: calc(0.75 * ${theme.base[borderRadius]}) 0.1rem 0.1rem 0.1rem;\n            `\n          : css`\n              border-radius: 0.0625rem 0.075rem calc(0.75 * ${theme.base[borderRadius]}) 0.0625rem;\n            `}\n      }\n    `}\n\n    ${tailPointed &&\n    css`\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n\n      ${!error &&\n      !dragEnabled &&\n      css`\n        ${StyledStageButton} {\n          margin-inline-start: calc(1.5 * ${theme.base.spacing});\n        }\n      `}\n\n      ${error &&\n      css`\n        ${StyledWarnIcon} {\n          margin-inline-start: ${theme.base.spacing};\n        }\n      `}\n\n      ${!dragging &&\n      css`\n        &::before {\n          ${roundedEndsStyles}\n          background: ${theme.components.lifecycle.stage.background};\n          transform: rotateZ(45deg) skew(15deg, 15deg);\n          inset-inline-start: calc(-1.6 * ${theme.base.spacing});\n          ${rtl\n            ? css`\n                border-block-end: 0.0625rem solid transparent;\n                border-radius: 0.0625rem 1rem 0.0625rem calc(0.75 * ${theme.base[borderRadius]});\n              `\n            : css`\n                border-block-start: 0.0625rem solid transparent;\n                border-radius: 0.0625rem calc(0.75 * ${theme.base[borderRadius]}) 0.0625rem 1rem;\n              `}\n        }\n      `}\n    `}\n\n    ${StyledWarnIcon} {\n      color: ${theme.components.lifecycle.stage['foreground-color']};\n      margin-inline-start: calc(${dragEnabled ? 0.5 : 1.25} * ${theme.base.spacing});\n      margin-inline-end: ${theme.base.spacing};\n    }\n\n    ${StyledStageActions} {\n      & > ${StyledButton} {\n        color: ${theme.components.lifecycle.stage['foreground-color']};\n      }\n    }\n\n    ${StyledStageButton} {\n      color: ${theme.components.lifecycle.stage['foreground-color']};\n    }\n\n    ${StyledDragHandle} {\n      color: ${theme.components.lifecycle.stage['foreground-color']};\n      margin-inline-start: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledStage.defaultProps = defaultThemeProp;\n\nconst Stage: ForwardRefForwardPropsComponent<StageComponentProps> = forwardRef(\n  (\n    {\n      value,\n      actions,\n      stageInfo,\n      onClick,\n      id,\n      item,\n      error,\n      dragRef,\n      ...restProps\n    }: PropsWithChildren<StageComponentProps>,\n    ref: StageComponentProps['ref']\n  ) => {\n    const { dragDropConfig, dragEnabled, draggedItem } = useContext(LifeCycleContext);\n    const [stageButtonEl, setStageButtonEl] = useElement();\n    const t = useI18n();\n    let accessibilityLabel: string;\n    const stageTestID = generateDynamicTestId([value]);\n    const testIds = useTestIds(stageTestID, getStageTestIds);\n\n    const onStageClick = (e: MouseEvent) => {\n      const actionParam: LifeCycleActionParam = {\n        value,\n        stage: item,\n        type: 'Stage'\n      };\n      onClick?.(actionParam, e);\n    };\n\n    const onActionItemClick = (\n      actionId: string,\n      e: MouseEvent<HTMLInputElement | HTMLAnchorElement | HTMLButtonElement>,\n      menuButtonEl?: HTMLButtonElement\n    ) => {\n      const param: LifeCycleActionParam = {\n        stage: item\n      };\n\n      if (actions) {\n        let actionsList: LifeCycleAction[] = [];\n\n        if (Array.isArray(actions)) {\n          actionsList = actions;\n        } else {\n          actionsList = actions[item.type];\n        }\n\n        actionsList?.forEach((actionItem: LifeCycleAction) => {\n          if (actionItem.id === actionId) {\n            actionItem.onClick?.(param, e, menuButtonEl);\n          }\n        });\n      }\n    };\n\n    // Deep copy of actions object is required to provide consistent callback objects on actions\n    const actionsClone: Action[] = [];\n\n    if (actions) {\n      let actionsList: LifeCycleAction[] = [];\n      if (Array.isArray(actions)) {\n        actionsList = actions;\n      } else {\n        actionsList = actions[item.type];\n      }\n\n      actionsList.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        });\n        return actionItem;\n      });\n    }\n    if (item.transitionType === 'resolution') {\n      accessibilityLabel = `${t('wait_for_user_action', [t('stage_name', [value])])}`;\n    } else if (item.transitionType === 'wait') {\n      accessibilityLabel = `${t('resolve_case', [t('stage_name', [value])])}`;\n    } else {\n      accessibilityLabel = t('stage_name', [value]);\n    }\n\n    const stageDragEnabled =\n      dragEnabled && dragDropConfig[item.alternate ? 'alternate-stage' : 'stage'].enabled;\n\n    return (\n      <Flex\n        data-testid={testIds.root}\n        {...restProps}\n        container={{ inline: true, alignItems: 'center' }}\n        as={StyledStage}\n        ref={ref}\n        error={error}\n        dragEnabled={stageDragEnabled}\n        dragging={draggedItem?.type === 'stage'}\n        stageInfo={stageInfo}\n        aria-label={error ? t('stage_name_error', [value]) : undefined}\n        transitionType={item.transitionType}\n      >\n        {stageDragEnabled && (\n          <DragHandle itemId={id} ref={dragRef} onClick={e => e.stopPropagation()} />\n        )}\n        {error && <StyledWarnIcon name='warn-solid' />}\n        <Flex\n          container={{ inline: true, justify: 'center' }}\n          item={{ grow: 1 }}\n          onClick={onStageClick}\n        >\n          <StyledStageButton\n            error={error}\n            dragEnabled={stageDragEnabled}\n            aria-label={error ? undefined : accessibilityLabel}\n            ref={setStageButtonEl}\n          >\n            {value}\n          </StyledStageButton>\n          {stageButtonEl && (\n            <Tooltip target={stageButtonEl} smart>\n              {value}\n            </Tooltip>\n          )}\n        </Flex>\n        <StyledStageActions>\n          {actionsClone && (\n            <Actions\n              items={actionsClone}\n              menuAt={2}\n              iconOnly\n              contextualLabel={t('stage_name', [value])}\n            />\n          )}\n        </StyledStageActions>\n      </Flex>\n    );\n  }\n);\n\nexport default withTestIds(Stage, getStageTestIds);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/Step.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAA+B,WAAW,EAAE,MAAM,OAAO,CAAC;AAkBzF,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAU,MAAM,yBAAyB,CAAC;AAI/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGhE,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,cAAc,EACd,iBAAiB,EAEjB,SAAS,EACV,MAAM,mBAAmB,CAAC;AAK3B,UAAU,iBAAiB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IACtE,MAAM,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,SAAS;IAC9D,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX;;oDAEgD;IAChD,MAAM,EAAE,mBAAmB,CAAC;IAC5B,sDAAsD;IACtD,KAAK,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChC,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,EAAE,aAAa,CAAC;IACxB,YAAY,EAAE,iBAAiB,GAAG,iBAAiB,CAAC;IACpD,OAAO,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,cAAc,yIAY1B,CAAC;AAIF,eAAO,MAAM,eAAe,yGAa1B,CAAC;AAIH,eAAO,MAAM,iBAAiB;cAClB,OAAO;cACP,OAAO;SA0BjB,CAAC;AAIH,eAAO,MAAM,UAAU,yGAcrB,CAAC;AAaH,eAAO,MAAM,gBAAgB;YAA2B,kBAAkB,CAAC,MAAM,CAAC;SAgCjF,CAAC;AAIF,eAAO,MAAM,cAAc,0LAUzB,CAAC;;;;AA4KH,wBAAiD"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/Step.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAA+B,WAAW,EAAE,MAAM,OAAO,CAAC;AAkBzF,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAU,MAAM,yBAAyB,CAAC;AAI/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGhE,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,cAAc,EACd,iBAAiB,EAEjB,SAAS,EACV,MAAM,mBAAmB,CAAC;AAK3B,UAAU,iBAAiB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IACtE,MAAM,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,SAAS;IAC9D,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX;;oDAEgD;IAChD,MAAM,EAAE,mBAAmB,CAAC;IAC5B,sDAAsD;IACtD,KAAK,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChC,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,EAAE,aAAa,CAAC;IACxB,YAAY,EAAE,iBAAiB,GAAG,iBAAiB,CAAC;IACpD,OAAO,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,cAAc,yIAY1B,CAAC;AAIF,eAAO,MAAM,eAAe,yGAa1B,CAAC;AAIH,eAAO,MAAM,iBAAiB;cAClB,OAAO;cACP,OAAO;SA0BjB,CAAC;AAIH,eAAO,MAAM,UAAU,yGAcrB,CAAC;AAaH,eAAO,MAAM,gBAAgB;YAA2B,kBAAkB,CAAC,MAAM,CAAC;SAiCjF,CAAC;AAIF,eAAO,MAAM,cAAc,0LAUzB,CAAC;;;;AA4KH,wBAAiD"}

package/lib/components/LifeCycle/Step.js

@@ -92,6 +92,7 @@ export const StyledStepButton = styled.button(({ theme, $wrap }) => {
       overflow: hidden;
       text-align: start;
       background: ${theme.base.palette['secondary-background']};
+      color: ${theme.base.palette['foreground-color']};
 
       ${$wrap
         ? css `

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

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/Step.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useContext } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, MouseEvent, RefCallback } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  defaultThemeProp,\n  Icon,\n  Status,\n  Actions,\n  useI18n,\n  Avatar,\n  useUID,\n  useTestIds,\n  VisuallyHiddenText,\n  withTestIds,\n  Tooltip,\n  useElement\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 IconTile from '../IconTile';\nimport type { IconTileProps } from '../IconTile/IconTile.types';\n\nimport { generateDynamicTestId } from './utils';\nimport type {\n  TaskItemProps,\n  StepItemProps,\n  StageItemProps,\n  CategoryItemProps,\n  LifeCycleActionParam,\n  StepProps\n} from './LifeCycle.types';\nimport LifeCycleContext from './LifeCycleContext';\nimport { getStepTestIds } from './LifeCycle.test-ids';\n\nconst borderRadius = 'border-radius';\ninterface CategoryLabelProp {\n  categoryLabel?: string;\n}\nexport interface VisualStepItemProps extends Omit<IconTileProps, 'size'> {\n  imgSrc: string;\n}\nexport interface StepComponentProps extends BaseProps, StepProps {\n  /** Pass text for the step. */\n  value: string;\n  /** unique id of step */\n  id: string;\n  /** Determines the visual for icon, color and label to render.\n   * This color is passed as a variant and accessible colors are used to display.\n   * Icon and label are passed as normal string */\n  visual: VisualStepItemProps;\n  /** Determines the variant and label for the badges */\n  badge?: StepItemProps['status'];\n  /** The status is used to show the input error status and the info on tooltip in case of error */\n  error?: string;\n  /** Data of the steps which can be used to send the full info back */\n  item: StepItemProps;\n  stageItem: StageItemProps;\n  taskItem: TaskItemProps;\n  categoryItem: CategoryItemProps & CategoryLabelProp;\n  dragRef?: RefCallback<HTMLElement>;\n  previewRef?: RefCallback<HTMLElement>;\n}\n\nexport const StyledStepType = styled.div<Pick<StepComponentProps, 'visual'>>(\n  ({ visual, theme }) => {\n    return visual?.imgSrc\n      ? css`\n          height: 2rem;\n          padding-inline-end: calc(0.25 * ${theme.base.spacing});\n        `\n      : css`\n          margin: calc(0.5 * ${theme.base.spacing});\n          border-radius: calc(0.25 * ${theme.base[borderRadius]});\n        `;\n  }\n);\n\nStyledStepType.defaultProps = defaultThemeProp;\n\nexport const StyledStepBadge = styled.div(({ theme }) => {\n  return css`\n    padding: 0 calc(0.5 * ${theme.base.spacing});\n    justify-content: flex-end;\n    width: auto;\n    max-width: calc(50% - ${theme.base.spacing});\n\n    > span {\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  `;\n});\n\nStyledStepBadge.defaultProps = defaultThemeProp;\n\nexport const StyledStepWrapper = styled.li<{\n  hasFocus: boolean;\n  selected: boolean;\n}>(({ hasFocus, theme, selected }) => {\n  return css`\n    width: 100%;\n    border: 0.125rem solid transparent;\n    border-radius: calc(0.5 * ${theme.base[borderRadius]});\n\n    &:not(:last-of-type) {\n      margin: 0 0 calc(0.5 * ${theme.base.spacing});\n    }\n\n    ${hasFocus &&\n    css`\n      box-shadow: ${theme.base.shadow.focus};\n    `}\n\n    &:hover {\n      cursor: pointer;\n    }\n    ${selected &&\n    css`\n      &[aria-current='step'] {\n        border-color: ${theme.base.palette.interactive};\n      }\n    `}\n  `;\n});\n\nStyledStepWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledStep = styled.div(({ theme }) => {\n  return css`\n    background: ${theme.base.palette['secondary-background']};\n    border: 0.125rem solid transparent;\n    border-radius: calc(0.5 * ${theme.base[borderRadius]});\n\n    &:hover {\n      cursor: pointer;\n    }\n\n    ${StyledDragHandle} {\n      margin-block: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledStep.defaultProps = defaultThemeProp;\n\nconst StyledStepButtonWrapper = styled.div<{ error: string }>(({ theme }) => {\n  return css`\n    border-radius: calc(0.5 * ${theme.base[borderRadius]});\n    margin-inline: calc(0.5 * ${theme.base.spacing});\n  `;\n});\n\nStyledStepButtonWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledStepButton = styled.button<{ $wrap?: StepComponentProps['wrap'] }>(\n  ({ theme, $wrap }) => {\n    return css`\n      border: none;\n      height: ${theme.components.button.height};\n      overflow: hidden;\n      text-align: start;\n      background: ${theme.base.palette['secondary-background']};\n\n      ${$wrap\n        ? css`\n            height: fit-content;\n            line-height: 1.2;\n            min-height: ${theme.components.button.height};\n            word-break: break-word;\n            padding-block: calc(0.5 * ${theme.base.spacing});\n            padding-inline-end: calc(0.5 * ${theme.base.spacing});\n          `\n        : css`\n            white-space: nowrap;\n            text-overflow: ellipsis;\n          `}\n\n      &:hover {\n        cursor: pointer;\n      }\n\n      &:focus {\n        outline: none;\n      }\n    `;\n  }\n);\n\nStyledStepButton.defaultProps = defaultThemeProp;\n\nexport const StyledWarnIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n    margin: calc(0.5 * ${theme.base.spacing});\n    height: 1.5rem;\n    flex-shrink: 0;\n    &:hover {\n      cursor: pointer;\n    }\n  `;\n});\n\nStyledWarnIcon.defaultProps = defaultThemeProp;\n\nconst Step: FunctionComponent<StepComponentProps & ForwardProps> = ({\n  value,\n  id,\n  visual,\n  actions,\n  badge,\n  error,\n  wrap,\n  categoryItem,\n  item,\n  stageItem,\n  taskItem,\n  onClick,\n  dragRef,\n  previewRef,\n  ...restProps\n}: PropsWithoutRef<StepComponentProps>) => {\n  const t = useI18n();\n  const { selectedItemId, dragDropConfig, dragEnabled } = useContext(LifeCycleContext);\n  const [stepHasFocus, setStepHasFocus] = useState(false);\n  const [stepButtonEl, setStepButtonEl] = useElement();\n  const stepButtonDescriptionId: string = useUID();\n  const errorId: string = useUID();\n  // Deep copy of actions is required to provide consistent callback objects on actions\n  const actionsClone: Action[] = [];\n\n  const stepTestID = generateDynamicTestId([\n    stageItem.label,\n    categoryItem.categoryLabel,\n    taskItem.label,\n    value\n  ]);\n  const testIds = useTestIds(stepTestID, getStepTestIds);\n\n  // Need to check the value with statusProps\n  const onActionItemClick = (\n    actionId: string,\n    e: MouseEvent<HTMLInputElement | HTMLAnchorElement | HTMLButtonElement>,\n    menuButtonEl?: HTMLButtonElement\n  ) => {\n    e.stopPropagation();\n    const param: LifeCycleActionParam = {\n      task: taskItem,\n      stage: stageItem,\n      step: item,\n      category: categoryItem\n    };\n    actions?.forEach(actionItem => {\n      if (actionItem.id === actionId) {\n        actionItem.onClick(param, e, menuButtonEl);\n      }\n    });\n  };\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(actionCloneItem);\n      return actionItem;\n    });\n  }\n\n  const onStepClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    const actionParam: LifeCycleActionParam = {\n      value,\n      step: item,\n      task: taskItem,\n      category: categoryItem,\n      stage: stageItem,\n      type: 'Step'\n    };\n    onClick?.(actionParam, e);\n  };\n\n  return (\n    <Flex\n      id={id}\n      ref={previewRef}\n      data-testid={testIds.root}\n      as={StyledStepWrapper}\n      container={{ inline: true, alignItems: 'center' }}\n      aria-current={selectedItemId === id ? 'step' : undefined}\n      hasFocus={stepHasFocus && selectedItemId !== id}\n      selected={selectedItemId === id}\n    >\n      <Flex\n        as={StyledStep}\n        container={{ inline: true, alignItems: 'start' }}\n        item={{ grow: 1 }}\n        onClick={onStepClick}\n      >\n        {dragEnabled && dragDropConfig[item.alternate ? 'alternate-step' : 'step'].enabled && (\n          <DragHandle itemId={id} ref={dragRef} onClick={e => e.stopPropagation()} />\n        )}\n        {error && (\n          <>\n            <VisuallyHiddenText id={errorId}>{error}</VisuallyHiddenText>\n            <StyledWarnIcon name='warn-solid' />\n          </>\n        )}\n        <Flex\n          as={StyledStepType}\n          visual={visual}\n          container={{ inline: true, alignItems: 'center', justify: 'center' }}\n        >\n          {visual?.label && visual?.imgSrc ? (\n            <Avatar name={visual.label} imageSrc={visual.imgSrc} shape='squircle' size='m' />\n          ) : (\n            <IconTile\n              name={visual?.name}\n              category={visual?.category}\n              label={visual?.label}\n              inverted={visual?.inverted}\n            />\n          )}\n        </Flex>\n\n        <Flex\n          as={StyledStepButtonWrapper}\n          item={{ grow: 1 }}\n          container={{ inline: true, alignItems: 'center', justify: 'between' }}\n          id={stepButtonDescriptionId}\n        >\n          <StyledStepButton\n            {...restProps}\n            $wrap={wrap}\n            onFocus={() => {\n              setStepHasFocus(true);\n            }}\n            onBlur={() => {\n              setStepHasFocus(false);\n            }}\n            aria-label={t('step_name', [value])}\n            aria-describedby={error ? errorId : ''}\n            ref={setStepButtonEl}\n          >\n            {value}\n          </StyledStepButton>\n          {stepButtonEl && (\n            <Tooltip target={stepButtonEl} smart>\n              {value}\n            </Tooltip>\n          )}\n          {badge?.type && (\n            <Flex as={StyledStepBadge} container={{ inline: true, alignItems: 'center' }}>\n              <Status variant={badge?.type || 'success'}>{badge?.label}</Status>\n            </Flex>\n          )}\n        </Flex>\n        {actionsClone && (\n          <Actions\n            items={actionsClone}\n            menuAt={2}\n            iconOnly\n            menuButtonProps={{ onClick: e => e.stopPropagation() }}\n            contextualLabel={t('step_name', [value])}\n          />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default withTestIds(Step, getStepTestIds);\n"]}
+{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/Step.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useContext } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, MouseEvent, RefCallback } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  defaultThemeProp,\n  Icon,\n  Status,\n  Actions,\n  useI18n,\n  Avatar,\n  useUID,\n  useTestIds,\n  VisuallyHiddenText,\n  withTestIds,\n  Tooltip,\n  useElement\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 IconTile from '../IconTile';\nimport type { IconTileProps } from '../IconTile/IconTile.types';\n\nimport { generateDynamicTestId } from './utils';\nimport type {\n  TaskItemProps,\n  StepItemProps,\n  StageItemProps,\n  CategoryItemProps,\n  LifeCycleActionParam,\n  StepProps\n} from './LifeCycle.types';\nimport LifeCycleContext from './LifeCycleContext';\nimport { getStepTestIds } from './LifeCycle.test-ids';\n\nconst borderRadius = 'border-radius';\ninterface CategoryLabelProp {\n  categoryLabel?: string;\n}\nexport interface VisualStepItemProps extends Omit<IconTileProps, 'size'> {\n  imgSrc: string;\n}\nexport interface StepComponentProps extends BaseProps, StepProps {\n  /** Pass text for the step. */\n  value: string;\n  /** unique id of step */\n  id: string;\n  /** Determines the visual for icon, color and label to render.\n   * This color is passed as a variant and accessible colors are used to display.\n   * Icon and label are passed as normal string */\n  visual: VisualStepItemProps;\n  /** Determines the variant and label for the badges */\n  badge?: StepItemProps['status'];\n  /** The status is used to show the input error status and the info on tooltip in case of error */\n  error?: string;\n  /** Data of the steps which can be used to send the full info back */\n  item: StepItemProps;\n  stageItem: StageItemProps;\n  taskItem: TaskItemProps;\n  categoryItem: CategoryItemProps & CategoryLabelProp;\n  dragRef?: RefCallback<HTMLElement>;\n  previewRef?: RefCallback<HTMLElement>;\n}\n\nexport const StyledStepType = styled.div<Pick<StepComponentProps, 'visual'>>(\n  ({ visual, theme }) => {\n    return visual?.imgSrc\n      ? css`\n          height: 2rem;\n          padding-inline-end: calc(0.25 * ${theme.base.spacing});\n        `\n      : css`\n          margin: calc(0.5 * ${theme.base.spacing});\n          border-radius: calc(0.25 * ${theme.base[borderRadius]});\n        `;\n  }\n);\n\nStyledStepType.defaultProps = defaultThemeProp;\n\nexport const StyledStepBadge = styled.div(({ theme }) => {\n  return css`\n    padding: 0 calc(0.5 * ${theme.base.spacing});\n    justify-content: flex-end;\n    width: auto;\n    max-width: calc(50% - ${theme.base.spacing});\n\n    > span {\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n  `;\n});\n\nStyledStepBadge.defaultProps = defaultThemeProp;\n\nexport const StyledStepWrapper = styled.li<{\n  hasFocus: boolean;\n  selected: boolean;\n}>(({ hasFocus, theme, selected }) => {\n  return css`\n    width: 100%;\n    border: 0.125rem solid transparent;\n    border-radius: calc(0.5 * ${theme.base[borderRadius]});\n\n    &:not(:last-of-type) {\n      margin: 0 0 calc(0.5 * ${theme.base.spacing});\n    }\n\n    ${hasFocus &&\n    css`\n      box-shadow: ${theme.base.shadow.focus};\n    `}\n\n    &:hover {\n      cursor: pointer;\n    }\n    ${selected &&\n    css`\n      &[aria-current='step'] {\n        border-color: ${theme.base.palette.interactive};\n      }\n    `}\n  `;\n});\n\nStyledStepWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledStep = styled.div(({ theme }) => {\n  return css`\n    background: ${theme.base.palette['secondary-background']};\n    border: 0.125rem solid transparent;\n    border-radius: calc(0.5 * ${theme.base[borderRadius]});\n\n    &:hover {\n      cursor: pointer;\n    }\n\n    ${StyledDragHandle} {\n      margin-block: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledStep.defaultProps = defaultThemeProp;\n\nconst StyledStepButtonWrapper = styled.div<{ error: string }>(({ theme }) => {\n  return css`\n    border-radius: calc(0.5 * ${theme.base[borderRadius]});\n    margin-inline: calc(0.5 * ${theme.base.spacing});\n  `;\n});\n\nStyledStepButtonWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledStepButton = styled.button<{ $wrap?: StepComponentProps['wrap'] }>(\n  ({ theme, $wrap }) => {\n    return css`\n      border: none;\n      height: ${theme.components.button.height};\n      overflow: hidden;\n      text-align: start;\n      background: ${theme.base.palette['secondary-background']};\n      color: ${theme.base.palette['foreground-color']};\n\n      ${$wrap\n        ? css`\n            height: fit-content;\n            line-height: 1.2;\n            min-height: ${theme.components.button.height};\n            word-break: break-word;\n            padding-block: calc(0.5 * ${theme.base.spacing});\n            padding-inline-end: calc(0.5 * ${theme.base.spacing});\n          `\n        : css`\n            white-space: nowrap;\n            text-overflow: ellipsis;\n          `}\n\n      &:hover {\n        cursor: pointer;\n      }\n\n      &:focus {\n        outline: none;\n      }\n    `;\n  }\n);\n\nStyledStepButton.defaultProps = defaultThemeProp;\n\nexport const StyledWarnIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n    margin: calc(0.5 * ${theme.base.spacing});\n    height: 1.5rem;\n    flex-shrink: 0;\n    &:hover {\n      cursor: pointer;\n    }\n  `;\n});\n\nStyledWarnIcon.defaultProps = defaultThemeProp;\n\nconst Step: FunctionComponent<StepComponentProps & ForwardProps> = ({\n  value,\n  id,\n  visual,\n  actions,\n  badge,\n  error,\n  wrap,\n  categoryItem,\n  item,\n  stageItem,\n  taskItem,\n  onClick,\n  dragRef,\n  previewRef,\n  ...restProps\n}: PropsWithoutRef<StepComponentProps>) => {\n  const t = useI18n();\n  const { selectedItemId, dragDropConfig, dragEnabled } = useContext(LifeCycleContext);\n  const [stepHasFocus, setStepHasFocus] = useState(false);\n  const [stepButtonEl, setStepButtonEl] = useElement();\n  const stepButtonDescriptionId: string = useUID();\n  const errorId: string = useUID();\n  // Deep copy of actions is required to provide consistent callback objects on actions\n  const actionsClone: Action[] = [];\n\n  const stepTestID = generateDynamicTestId([\n    stageItem.label,\n    categoryItem.categoryLabel,\n    taskItem.label,\n    value\n  ]);\n  const testIds = useTestIds(stepTestID, getStepTestIds);\n\n  // Need to check the value with statusProps\n  const onActionItemClick = (\n    actionId: string,\n    e: MouseEvent<HTMLInputElement | HTMLAnchorElement | HTMLButtonElement>,\n    menuButtonEl?: HTMLButtonElement\n  ) => {\n    e.stopPropagation();\n    const param: LifeCycleActionParam = {\n      task: taskItem,\n      stage: stageItem,\n      step: item,\n      category: categoryItem\n    };\n    actions?.forEach(actionItem => {\n      if (actionItem.id === actionId) {\n        actionItem.onClick(param, e, menuButtonEl);\n      }\n    });\n  };\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(actionCloneItem);\n      return actionItem;\n    });\n  }\n\n  const onStepClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    const actionParam: LifeCycleActionParam = {\n      value,\n      step: item,\n      task: taskItem,\n      category: categoryItem,\n      stage: stageItem,\n      type: 'Step'\n    };\n    onClick?.(actionParam, e);\n  };\n\n  return (\n    <Flex\n      id={id}\n      ref={previewRef}\n      data-testid={testIds.root}\n      as={StyledStepWrapper}\n      container={{ inline: true, alignItems: 'center' }}\n      aria-current={selectedItemId === id ? 'step' : undefined}\n      hasFocus={stepHasFocus && selectedItemId !== id}\n      selected={selectedItemId === id}\n    >\n      <Flex\n        as={StyledStep}\n        container={{ inline: true, alignItems: 'start' }}\n        item={{ grow: 1 }}\n        onClick={onStepClick}\n      >\n        {dragEnabled && dragDropConfig[item.alternate ? 'alternate-step' : 'step'].enabled && (\n          <DragHandle itemId={id} ref={dragRef} onClick={e => e.stopPropagation()} />\n        )}\n        {error && (\n          <>\n            <VisuallyHiddenText id={errorId}>{error}</VisuallyHiddenText>\n            <StyledWarnIcon name='warn-solid' />\n          </>\n        )}\n        <Flex\n          as={StyledStepType}\n          visual={visual}\n          container={{ inline: true, alignItems: 'center', justify: 'center' }}\n        >\n          {visual?.label && visual?.imgSrc ? (\n            <Avatar name={visual.label} imageSrc={visual.imgSrc} shape='squircle' size='m' />\n          ) : (\n            <IconTile\n              name={visual?.name}\n              category={visual?.category}\n              label={visual?.label}\n              inverted={visual?.inverted}\n            />\n          )}\n        </Flex>\n\n        <Flex\n          as={StyledStepButtonWrapper}\n          item={{ grow: 1 }}\n          container={{ inline: true, alignItems: 'center', justify: 'between' }}\n          id={stepButtonDescriptionId}\n        >\n          <StyledStepButton\n            {...restProps}\n            $wrap={wrap}\n            onFocus={() => {\n              setStepHasFocus(true);\n            }}\n            onBlur={() => {\n              setStepHasFocus(false);\n            }}\n            aria-label={t('step_name', [value])}\n            aria-describedby={error ? errorId : ''}\n            ref={setStepButtonEl}\n          >\n            {value}\n          </StyledStepButton>\n          {stepButtonEl && (\n            <Tooltip target={stepButtonEl} smart>\n              {value}\n            </Tooltip>\n          )}\n          {badge?.type && (\n            <Flex as={StyledStepBadge} container={{ inline: true, alignItems: 'center' }}>\n              <Status variant={badge?.type || 'success'}>{badge?.label}</Status>\n            </Flex>\n          )}\n        </Flex>\n        {actionsClone && (\n          <Actions\n            items={actionsClone}\n            menuAt={2}\n            iconOnly\n            menuButtonProps={{ onClick: e => e.stopPropagation() }}\n            contextualLabel={t('step_name', [value])}\n          />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default withTestIds(Step, getStepTestIds);\n"]}