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

package/lib/components/IconTile/iconUtils.js

@@ -1,5 +1,4 @@
 import { WorkTheme as Theme } from '@pega/cosmos-react-core';
-// eslint-disable-next-line import/prefer-default-export
 export const tileColors = {
     rule: {
         bg: Theme.base.colors.slate.dark,
@@ -38,4 +37,98 @@ export const tileColors = {
         invertFg: Theme.base.colors.purple.dark
     }
 };
+export const ruleTypeColorConfig = {
+    Agent: {
+        background: tileColors.automation.bg,
+        foreground: tileColors.automation.fg
+    },
+    Tool: {
+        background: tileColors.automation.bg,
+        foreground: tileColors.automation.fg
+    },
+    Automation: {
+        background: tileColors.automation.bg,
+        foreground: tileColors.automation.fg
+    },
+    CustomFunction: {
+        background: tileColors.logic.bg,
+        foreground: tileColors.logic.fg
+    },
+    Function: {
+        background: tileColors.logic.bg,
+        foreground: tileColors.logic.fg
+    },
+    Decision: {
+        background: tileColors.logic.bg,
+        foreground: tileColors.logic.fg
+    },
+    Validation: {
+        background: tileColors.logic.bg,
+        foreground: tileColors.logic.fg
+    },
+    When: {
+        background: tileColors.logic.bg,
+        foreground: tileColors.logic.fg
+    },
+    ConfigurationSettingValue: {
+        background: tileColors.rule.bg,
+        foreground: tileColors.rule.fg
+    },
+    ConfigurationSetting: {
+        background: tileColors.rule.bg,
+        foreground: tileColors.rule.fg
+    },
+    DataConnection: {
+        background: tileColors.rule.bg,
+        foreground: tileColors.rule.fg
+    },
+    DataPage: {
+        background: tileColors.rule.bg,
+        foreground: tileColors.rule.fg
+    },
+    Query: {
+        background: tileColors.rule.bg,
+        foreground: tileColors.rule.fg
+    },
+    GenAIConnect: {
+        background: tileColors.ai.bg,
+        foreground: tileColors.ai.fg
+    },
+    JSONTransform: {
+        background: tileColors.rule.bg,
+        foreground: tileColors.rule.fg
+    },
+    DocumentTemplate: {
+        background: tileColors.rule.bg,
+        foreground: tileColors.rule.fg
+    },
+    EmailAccount: {
+        background: tileColors.rule.bg,
+        foreground: tileColors.rule.fg
+    },
+    Stage: {
+        background: tileColors.case.bg,
+        foreground: tileColors.case.fg
+    },
+    WorkQueue: {
+        background: tileColors.case.bg,
+        foreground: tileColors.case.fg
+    },
+    RESTConnector: {
+        background: tileColors.rule.bg,
+        foreground: tileColors.rule.fg
+    },
+    Correspondence: {
+        background: tileColors.rule.bg,
+        foreground: tileColors.rule.fg
+    },
+    Notification: {
+        background: tileColors.case.bg,
+        foreground: tileColors.case.fg
+    },
+    Default: {
+        background: tileColors.rule.bg,
+        foreground: tileColors.rule.fg
+    }
+};
 //# sourceMappingURL=iconUtils.js.map

package/lib/components/IconTile/iconUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconUtils.js","sourceRoot":"","sources":["../../../src/components/IconTile/iconUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAa7D,wDAAwD;AACxD,MAAM,CAAC,MAAM,UAAU,GAAmB;IACxC,IAAI,EAAE;QACJ,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;QAChC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;QAC3B,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;KACvC;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;QACjC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;QAC3B,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;KACxC;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;QAChC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;QAC3B,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;KACvC;IACD,KAAK,EAAE;QACL,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QACnC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;QAC3B,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;KACpB;IACD,UAAU,EAAE;QACV,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;KACpB;IACD,EAAE,EAAE;QACF,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;QACjC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;QAC3B,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;KACxC;CACF,CAAC","sourcesContent":["import { WorkTheme as Theme } from '@pega/cosmos-react-core';\n\nimport type { Category } from './IconTile.types';\n\ninterface ColorInfo {\n  bg: string;\n  fg: string;\n  invertBg: string;\n  invertFg: string;\n}\n\ntype IconTileColors = Record<Category, ColorInfo>;\n\n// eslint-disable-next-line import/prefer-default-export\nexport const tileColors: IconTileColors = {\n  rule: {\n    bg: Theme.base.colors.slate.dark,\n    fg: Theme.base.colors.white,\n    invertBg: '#D2D5D9',\n    invertFg: Theme.base.colors.slate.dark\n  },\n  case: {\n    bg: Theme.base.colors.blue.medium,\n    fg: Theme.base.colors.white,\n    invertBg: '#CDE1F4',\n    invertFg: Theme.base.colors.blue.medium\n  },\n  task: {\n    bg: Theme.base.colors.green.dark,\n    fg: Theme.base.colors.white,\n    invertBg: '#C4DBCC',\n    invertFg: Theme.base.colors.green.dark\n  },\n  logic: {\n    bg: Theme.base.colors.orange.medium,\n    fg: Theme.base.colors.white,\n    invertBg: '#FED7BF',\n    invertFg: '#DB5201'\n  },\n  automation: {\n    bg: '#F4C500',\n    fg: '#6C5700',\n    invertBg: '#FCF0BF',\n    invertFg: '#6C5700'\n  },\n  ai: {\n    bg: Theme.base.colors.purple.dark,\n    fg: Theme.base.colors.white,\n    invertBg: '#D9C7F0',\n    invertFg: Theme.base.colors.purple.dark\n  }\n};\n"]}
+{"version":3,"file":"iconUtils.js","sourceRoot":"","sources":["../../../src/components/IconTile/iconUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import { WorkTheme as Theme } from '@pega/cosmos-react-core';\n\nimport type { Category, IconTileProps } from './IconTile.types';\n\ninterface ColorInfo {\n  bg: string;\n  fg: string;\n  invertBg: string;\n  invertFg: string;\n}\n\ntype IconTileColors = Record<Category, ColorInfo>;\n\nexport const tileColors: IconTileColors = {\n  rule: {\n    bg: Theme.base.colors.slate.dark,\n    fg: Theme.base.colors.white,\n    invertBg: '#D2D5D9',\n    invertFg: Theme.base.colors.slate.dark\n  },\n  case: {\n    bg: Theme.base.colors.blue.medium,\n    fg: Theme.base.colors.white,\n    invertBg: '#CDE1F4',\n    invertFg: Theme.base.colors.blue.medium\n  },\n  task: {\n    bg: Theme.base.colors.green.dark,\n    fg: Theme.base.colors.white,\n    invertBg: '#C4DBCC',\n    invertFg: Theme.base.colors.green.dark\n  },\n  logic: {\n    bg: Theme.base.colors.orange.medium,\n    fg: Theme.base.colors.white,\n    invertBg: '#FED7BF',\n    invertFg: '#DB5201'\n  },\n  automation: {\n    bg: '#F4C500',\n    fg: '#6C5700',\n    invertBg: '#FCF0BF',\n    invertFg: '#6C5700'\n  },\n  ai: {\n    bg: Theme.base.colors.purple.dark,\n    fg: Theme.base.colors.white,\n    invertBg: '#D9C7F0',\n    invertFg: Theme.base.colors.purple.dark\n  }\n};\n\nexport const ruleTypeColorConfig: Record<\n  string,\n  Pick<Required<IconTileProps>, 'background' | 'foreground'>\n> = {\n  Agent: {\n    background: tileColors.automation.bg,\n    foreground: tileColors.automation.fg\n  },\n  Tool: {\n    background: tileColors.automation.bg,\n    foreground: tileColors.automation.fg\n  },\n  Automation: {\n    background: tileColors.automation.bg,\n    foreground: tileColors.automation.fg\n  },\n  CustomFunction: {\n    background: tileColors.logic.bg,\n    foreground: tileColors.logic.fg\n  },\n  Function: {\n    background: tileColors.logic.bg,\n    foreground: tileColors.logic.fg\n  },\n  Decision: {\n    background: tileColors.logic.bg,\n    foreground: tileColors.logic.fg\n  },\n  Validation: {\n    background: tileColors.logic.bg,\n    foreground: tileColors.logic.fg\n  },\n  When: {\n    background: tileColors.logic.bg,\n    foreground: tileColors.logic.fg\n  },\n  ConfigurationSettingValue: {\n    background: tileColors.rule.bg,\n    foreground: tileColors.rule.fg\n  },\n  ConfigurationSetting: {\n    background: tileColors.rule.bg,\n    foreground: tileColors.rule.fg\n  },\n  DataConnection: {\n    background: tileColors.rule.bg,\n    foreground: tileColors.rule.fg\n  },\n  DataPage: {\n    background: tileColors.rule.bg,\n    foreground: tileColors.rule.fg\n  },\n  Query: {\n    background: tileColors.rule.bg,\n    foreground: tileColors.rule.fg\n  },\n  GenAIConnect: {\n    background: tileColors.ai.bg,\n    foreground: tileColors.ai.fg\n  },\n  JSONTransform: {\n    background: tileColors.rule.bg,\n    foreground: tileColors.rule.fg\n  },\n  DocumentTemplate: {\n    background: tileColors.rule.bg,\n    foreground: tileColors.rule.fg\n  },\n  EmailAccount: {\n    background: tileColors.rule.bg,\n    foreground: tileColors.rule.fg\n  },\n  Stage: {\n    background: tileColors.case.bg,\n    foreground: tileColors.case.fg\n  },\n  WorkQueue: {\n    background: tileColors.case.bg,\n    foreground: tileColors.case.fg\n  },\n  RESTConnector: {\n    background: tileColors.rule.bg,\n    foreground: tileColors.rule.fg\n  },\n  Correspondence: {\n    background: tileColors.rule.bg,\n    foreground: tileColors.rule.fg\n  },\n  Notification: {\n    background: tileColors.case.bg,\n    foreground: tileColors.case.fg\n  },\n  Default: {\n    background: tileColors.rule.bg,\n    foreground: tileColors.rule.fg\n  }\n};\n"]}

package/lib/components/IconTile/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from './IconTile';
+export { ruleTypeColorConfig } from './iconUtils';
 export type { IconTileProps } from './IconTile.types';
 export { default as AiTile } from './Tiles/Ai';
 export { default as AutomationTile } from './Tiles/Automation';

package/lib/components/IconTile/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconTile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconTile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/IconTile/index.js

@@ -1,4 +1,5 @@
 export { default } from './IconTile';
+export { ruleTypeColorConfig } from './iconUtils';
 export { default as AiTile } from './Tiles/Ai';
 export { default as AutomationTile } from './Tiles/Automation';
 export { default as AutomationAppendTile } from './Tiles/AutomationAppend';

package/lib/components/IconTile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/IconTile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default } from './IconTile';\nexport type { IconTileProps } from './IconTile.types';\nexport { default as AiTile } from './Tiles/Ai';\nexport { default as AutomationTile } from './Tiles/Automation';\nexport { default as AutomationAppendTile } from './Tiles/AutomationAppend';\nexport { default as AutomationCallTile } from './Tiles/AutomationCall';\nexport { default as AutomationForEachTile } from './Tiles/AutomationForEach';\nexport { default as AutomationReturnTile } from './Tiles/AutomationReturn';\nexport { default as AutomationSetTile } from './Tiles/AutomationSet';\nexport { default as CaseTile } from './Tiles/Case';\nexport { default as CaseGoToTile } from './Tiles/CaseGoTo';\nexport { default as CaseProcessTile } from './Tiles/CaseProcess';\nexport { default as CaseSlaTile } from './Tiles/CaseSla';\nexport { default as CaseStageTile } from './Tiles/CaseStage';\nexport { default as CaseWaitTile } from './Tiles/CaseWait';\nexport { default as LogicDecisionStepTile } from './Tiles/LogicDecisionStep';\nexport { default as LogicFunctionTile } from './Tiles/LogicFunction';\nexport { default as LogicValidationTile } from './Tiles/LogicValidation';\nexport { default as LogicWhenTile } from './Tiles/LogicWhen';\nexport { default as RuleAuthenticateTile } from './Tiles/RuleAuthenticate';\nexport { default as RuleConfigurationTile } from './Tiles/RuleConfiguration';\nexport { default as RuleConnectorTile } from './Tiles/RuleConnector';\nexport { default as RuleDataPageTile } from './Tiles/RuleDataPage';\nexport { default as RuleFieldTile } from './Tiles/RuleField';\nexport { default as RuleInsightTile } from './Tiles/RuleInsight';\nexport { default as RuleIntegrationSystemTile } from './Tiles/RuleIntegrationSystem';\nexport { default as RuleLiveDataTile } from './Tiles/RuleLiveData';\nexport { default as RuleParagraphTile } from './Tiles/RuleParagraph';\nexport { default as RulePermissionTile } from './Tiles/RulePermission';\nexport { default as RulePersonaTile } from './Tiles/RulePersona';\nexport { default as RulePortalTile } from './Tiles/RulePortal';\nexport { default as RuleRecordTile } from './Tiles/RuleRecord';\nexport { default as RuleSystemTile } from './Tiles/RuleSystem';\nexport { default as RuleViewTile } from './Tiles/RuleView';\nexport { default as TaskTile } from './Tiles/Task';\nexport { default as TaskActionTile } from './Tiles/TaskAction';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/IconTile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default } from './IconTile';\nexport { ruleTypeColorConfig } from './iconUtils';\nexport type { IconTileProps } from './IconTile.types';\nexport { default as AiTile } from './Tiles/Ai';\nexport { default as AutomationTile } from './Tiles/Automation';\nexport { default as AutomationAppendTile } from './Tiles/AutomationAppend';\nexport { default as AutomationCallTile } from './Tiles/AutomationCall';\nexport { default as AutomationForEachTile } from './Tiles/AutomationForEach';\nexport { default as AutomationReturnTile } from './Tiles/AutomationReturn';\nexport { default as AutomationSetTile } from './Tiles/AutomationSet';\nexport { default as CaseTile } from './Tiles/Case';\nexport { default as CaseGoToTile } from './Tiles/CaseGoTo';\nexport { default as CaseProcessTile } from './Tiles/CaseProcess';\nexport { default as CaseSlaTile } from './Tiles/CaseSla';\nexport { default as CaseStageTile } from './Tiles/CaseStage';\nexport { default as CaseWaitTile } from './Tiles/CaseWait';\nexport { default as LogicDecisionStepTile } from './Tiles/LogicDecisionStep';\nexport { default as LogicFunctionTile } from './Tiles/LogicFunction';\nexport { default as LogicValidationTile } from './Tiles/LogicValidation';\nexport { default as LogicWhenTile } from './Tiles/LogicWhen';\nexport { default as RuleAuthenticateTile } from './Tiles/RuleAuthenticate';\nexport { default as RuleConfigurationTile } from './Tiles/RuleConfiguration';\nexport { default as RuleConnectorTile } from './Tiles/RuleConnector';\nexport { default as RuleDataPageTile } from './Tiles/RuleDataPage';\nexport { default as RuleFieldTile } from './Tiles/RuleField';\nexport { default as RuleInsightTile } from './Tiles/RuleInsight';\nexport { default as RuleIntegrationSystemTile } from './Tiles/RuleIntegrationSystem';\nexport { default as RuleLiveDataTile } from './Tiles/RuleLiveData';\nexport { default as RuleParagraphTile } from './Tiles/RuleParagraph';\nexport { default as RulePermissionTile } from './Tiles/RulePermission';\nexport { default as RulePersonaTile } from './Tiles/RulePersona';\nexport { default as RulePortalTile } from './Tiles/RulePortal';\nexport { default as RuleRecordTile } from './Tiles/RuleRecord';\nexport { default as RuleSystemTile } from './Tiles/RuleSystem';\nexport { default as RuleViewTile } from './Tiles/RuleView';\nexport { default as TaskTile } from './Tiles/Task';\nexport { default as TaskActionTile } from './Tiles/TaskAction';\n"]}

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

@@ -9,7 +9,6 @@ export declare const StyledWrapper: import("styled-components").StyledComponent<
     id: string;
 }, never>;
 export declare const StyledParallelTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledAddTask: import("styled-components").StyledComponent<ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
 declare const _default: ForwardRefForwardPropsComponent<CategoryProps> & {
     getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/Category.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAG/E,OAAO,KAAK,EAGV,eAAe,EACf,aAAa,EACd,MAAM,mBAAmB,CAAC;AAK3B,eAAO,MAAM,cAAc;eAA0B,OAAO;SAQ1D,CAAC;AAIH,eAAO,MAAM,UAAU,wGAIrB,CAAC;AAGH,eAAO,MAAM,aAAa;eAA2B,eAAe,GAAG,SAAS;QAAM,MAAM;SAW3F,CAAC;AAGF,eAAO,MAAM,mBAAmB,yGA4B9B,CAAC;AAIH,eAAO,MAAM,aAAa,kLAaxB,CAAC;;;;AAiIH,wBAAyD"}
+{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/Category.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAG/E,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIxE,eAAO,MAAM,cAAc;eAA0B,OAAO;SAQ1D,CAAC;AAIH,eAAO,MAAM,UAAU,wGAIrB,CAAC;AAGH,eAAO,MAAM,aAAa;eAA2B,eAAe,GAAG,SAAS;QAAM,MAAM;SAW3F,CAAC;AAGF,eAAO,MAAM,mBAAmB,yGA4B9B,CAAC;;;;AAoFH,wBAAyD"}

package/lib/components/LifeCycle/Category.js

@@ -1,12 +1,11 @@
 import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { Flex, Button, Icon, useI18n, defaultThemeProp, useTestIds, withTestIds, readableColor, tryCatch } from '@pega/cosmos-react-core';
-import { generateDynamicTestId } from './utils';
-import Task from './Task';
-import LifeCycleContext from './LifeCycleContext';
-import { getCategoryTestIds, getTaskTestIds } from './LifeCycle.test-ids';
+import { defaultThemeProp, useTestIds, withTestIds, readableColor, tryCatch } from '@pega/cosmos-react-core';
+import { generateDynamicTestId, isSingleTaskArray } from './utils';
+import TaskGroup from './TaskGroup';
+import { getCategoryTestIds } from './LifeCycle.test-ids';
 export const StyledCategory = styled.h3(({ showTitle, theme }) => {
     return css `
     ${!showTitle &&
@@ -63,59 +62,20 @@ export const StyledParallelTitle = styled.div(({ theme }) => {
   `;
 });
 StyledParallelTitle.defaultProps = defaultThemeProp;
-export const StyledAddTask = styled(Button)(({ theme }) => {
-    return css `
-    margin-block-end: calc(${theme.base.spacing});
-    background: ${theme.base.palette['secondary-background']};
-    border-radius: calc(0.5 * ${theme.base['border-radius']});
-    width: 100%;
-    justify-content: flex-start;
-    padding: calc(1 * ${theme.base.spacing}) calc(1.75 * ${theme.base.spacing});
-
-    > div {
-      margin: 0 calc(2 * ${theme.base.spacing});
-    }
-  `;
-});
-StyledAddTask.defaultProps = defaultThemeProp;
 const Category = forwardRef(({ item, showTitle = false, stageItem, category, id, task, ...restProps }, ref) => {
-    const { readOnly } = useContext(LifeCycleContext);
-    let showAddTaskButton = true;
-    const t = useI18n();
     const categoryTestID = generateDynamicTestId([stageItem.label, category?.label]);
     const testIds = useTestIds(categoryTestID, getCategoryTestIds);
-    const taskTestIds = useTestIds(categoryTestID, getTaskTestIds);
-    if (task?.addTask?.showOnce && item?.tasks?.length !== 0) {
-        showAddTaskButton = false;
-    }
-    // Callback for click of add task button
-    const onAddTaskClick = (e) => {
-        const param = {
-            category: item,
-            stage: stageItem
-        };
-        task?.addTask?.onAddTask?.(param, e);
+    const hasNoTasks = item.tasks.length === 0;
+    const renderTaskGroups = () => {
+        if (hasNoTasks) {
+            return (_jsx(TaskGroup, { ...restProps, taskItem: [], parallel: false, index: 0, stageItem: stageItem, categoryItem: { ...item, label: category?.label }, task: task }));
+        }
+        if (isSingleTaskArray(item.tasks)) {
+            return (_jsx(TaskGroup, { ...restProps, taskItem: item.tasks, parallel: false, index: 0, stageItem: stageItem, categoryItem: { ...item, label: category?.label }, task: task }));
+        }
+        return item.tasks.map((taskItem, index) => (_createElement(TaskGroup, { ...restProps, key: taskItem[0]?.id, taskItem: taskItem, parallel: index > 0, index: index, stageItem: stageItem, categoryItem: { ...item, label: category?.label }, task: task })));
     };
-    return (_jsxs(_Fragment, { children: [category?.label && (_jsx(StyledCategory, { showTitle: showTitle, tabIndex: -1, id: item?.categoryId, children: category?.label })), _jsxs(StyledWrapper, { category: category, id: item?.id, "data-id": item?.categoryId, ref: ref, children: [_jsx(StyledList, { "data-testid": testIds.root, children: item &&
-                            item.tasks.length !== 0 &&
-                            item.tasks.map((taskItem, i) => {
-                                if (Array.isArray(taskItem)) {
-                                    if (task && task.addTask && task.addTask.showOnce && taskItem.length !== 0) {
-                                        showAddTaskButton = false;
-                                    }
-                                    return (
-                                    // eslint-disable-next-line react/no-array-index-key
-                                    _jsxs("li", { children: [i !== 0 && (_jsx(Flex, { as: StyledParallelTitle, container: { justify: 'center' }, children: _jsx("span", { children: t('parallel') }) })), taskItem.length > 0 && (_jsx("ol", { children: taskItem.map((parallelTask, p) => {
-                                                    return (_createElement(Task, { ...restProps, ...task, key: parallelTask.id, id: parallelTask.id, value: parallelTask.label, item: {
-                                                            ...parallelTask,
-                                                            index: i,
-                                                            subIndex: p,
-                                                            alternate: item.alternate
-                                                        }, visual: parallelTask.visual, stageItem: stageItem, categoryItem: item, error: parallelTask.error }));
-                                                }) }))] }, i));
-                                }
-                                return (_createElement(Task, { ...restProps, ...task, key: taskItem.id, id: taskItem.id, value: taskItem.label, item: { ...taskItem, index: i, alternate: item.alternate }, visual: taskItem.visual, stageItem: stageItem, categoryItem: { ...item, categoryLabel: category?.label }, onAddStep: task?.onAddStep, error: taskItem.error }));
-                            }) }), (showAddTaskButton || !item) && !readOnly && !!task?.addTask && (_jsxs(StyledAddTask, { "data-testid": taskTestIds.addButton, variant: 'simple', label: t('add_noun', [task.addTask.title]), icon: true, onClick: onAddTaskClick, children: [_jsx(Icon, { name: 'plus' }), _jsx("div", { children: task.addTask.title })] }))] })] }));
+    return (_jsxs(_Fragment, { children: [category?.label && (_jsx(StyledCategory, { showTitle: showTitle, tabIndex: -1, id: item.categoryId, children: category?.label })), _jsx(StyledWrapper, { category: category, id: item.id, "data-id": item.categoryId, ref: ref, children: _jsx(StyledList, { "data-testid": testIds.root, children: renderTaskGroups() }) })] }));
 });
 export default withTestIds(Category, getCategoryTestIds);
 //# sourceMappingURL=Category.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Category.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/Category.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useContext } from 'react';\nimport type { PropsWithoutRef, MouseEvent, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Button,\n  Icon,\n  useI18n,\n  defaultThemeProp,\n  useTestIds,\n  withTestIds,\n  readableColor,\n  tryCatch\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport { generateDynamicTestId } from './utils';\nimport type {\n  TaskItemProps,\n  LifeCycleActionParam,\n  CategoriesProps,\n  CategoryProps\n} from './LifeCycle.types';\nimport Task from './Task';\nimport LifeCycleContext from './LifeCycleContext';\nimport { getCategoryTestIds, getTaskTestIds } from './LifeCycle.test-ids';\n\nexport const StyledCategory = styled.h3<{ showTitle: boolean }>(({ showTitle, theme }) => {\n  return css`\n    ${!showTitle &&\n    css`\n      visibility: hidden;\n    `}\n    margin: ${theme.base.spacing} 0 0 0;\n  `;\n});\n\nStyledCategory.defaultProps = defaultThemeProp;\n\nexport const StyledList = styled.ol(() => {\n  return css`\n    list-style-type: none;\n  `;\n});\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledWrapper = styled.div<{ category?: CategoriesProps | undefined; id: string }>(\n  ({ category, theme, id }) => {\n    const categoryHeight = `${category?.height}px`;\n    return css`\n      margin-block-start: ${theme.base.spacing};\n      margin-block-end: ${theme.base.spacing};\n      ${category?.elementId !== id &&\n      ` min-height: ${category?.height ? categoryHeight : 'auto'};\n  `}\n    `;\n  }\n);\nStyledWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledParallelTitle = styled.div(({ theme }) => {\n  const backgroundColor = theme.base.colors.slate.dark;\n\n  return css`\n    position: relative;\n    z-index: 1;\n    margin-block-end: 0.5rem;\n    text-align: center;\n    &::before {\n      border-block-start: calc(0.2 * ${theme.base.spacing}) solid ${backgroundColor};\n      content: '';\n      margin: 0 auto;\n      position: absolute;\n      top: 50%;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      width: 100%;\n      z-index: -1;\n    }\n    span {\n      background: ${backgroundColor};\n      padding: 0 ${theme.base.spacing};\n      border-radius: calc(0.25 * ${theme.base['border-radius']});\n      color: ${tryCatch(() => readableColor(backgroundColor))};\n      text-transform: uppercase;\n    }\n  `;\n});\n\nStyledParallelTitle.defaultProps = defaultThemeProp;\n\nexport const StyledAddTask = styled(Button)(({ theme }) => {\n  return css`\n    margin-block-end: calc(${theme.base.spacing});\n    background: ${theme.base.palette['secondary-background']};\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    width: 100%;\n    justify-content: flex-start;\n    padding: calc(1 * ${theme.base.spacing}) calc(1.75 * ${theme.base.spacing});\n\n    > div {\n      margin: 0 calc(2 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledAddTask.defaultProps = defaultThemeProp;\n\nconst Category: ForwardRefForwardPropsComponent<CategoryProps> = forwardRef(\n  (\n    {\n      item,\n      showTitle = false,\n      stageItem,\n      category,\n      id,\n      task,\n      ...restProps\n    }: PropsWithoutRef<CategoryProps>,\n    ref: CategoryProps['ref']\n  ) => {\n    const { readOnly } = useContext(LifeCycleContext);\n    let showAddTaskButton = true;\n    const t = useI18n();\n    const categoryTestID = generateDynamicTestId([stageItem.label, category?.label]);\n    const testIds = useTestIds(categoryTestID, getCategoryTestIds);\n    const taskTestIds = useTestIds(categoryTestID, getTaskTestIds);\n\n    if (task?.addTask?.showOnce && item?.tasks?.length !== 0) {\n      showAddTaskButton = false;\n    }\n    // Callback for click of add task button\n    const onAddTaskClick = (e: MouseEvent<HTMLButtonElement>) => {\n      const param: LifeCycleActionParam = {\n        category: item,\n        stage: stageItem\n      };\n      task?.addTask?.onAddTask?.(param, e);\n    };\n\n    return (\n      <>\n        {category?.label && (\n          <StyledCategory showTitle={showTitle} tabIndex={-1} id={item?.categoryId}>\n            {category?.label}\n          </StyledCategory>\n        )}\n        <StyledWrapper\n          category={category}\n          id={item?.id}\n          data-id={item?.categoryId}\n          ref={ref as Ref<HTMLDivElement>}\n        >\n          <StyledList data-testid={testIds.root}>\n            {item &&\n              item.tasks.length !== 0 &&\n              item.tasks.map((taskItem: TaskItemProps | TaskItemProps[], i: number) => {\n                if (Array.isArray(taskItem)) {\n                  if (task && task.addTask && task.addTask.showOnce && taskItem.length !== 0) {\n                    showAddTaskButton = false;\n                  }\n\n                  return (\n                    // eslint-disable-next-line react/no-array-index-key\n                    <li key={i}>\n                      {i !== 0 && (\n                        <Flex as={StyledParallelTitle} container={{ justify: 'center' }}>\n                          <span>{t('parallel')}</span>\n                        </Flex>\n                      )}\n                      {taskItem.length > 0 && (\n                        <ol>\n                          {taskItem.map((parallelTask: TaskItemProps, p: number) => {\n                            return (\n                              <Task\n                                {...restProps}\n                                {...task}\n                                key={parallelTask.id}\n                                id={parallelTask.id}\n                                value={parallelTask.label}\n                                item={{\n                                  ...parallelTask,\n                                  index: i,\n                                  subIndex: p,\n                                  alternate: item.alternate\n                                }}\n                                visual={parallelTask.visual}\n                                stageItem={stageItem}\n                                categoryItem={item}\n                                error={parallelTask.error}\n                              />\n                            );\n                          })}\n                        </ol>\n                      )}\n                    </li>\n                  );\n                }\n                return (\n                  <Task\n                    {...restProps}\n                    {...task}\n                    key={taskItem.id}\n                    id={taskItem.id}\n                    value={taskItem.label}\n                    item={{ ...taskItem, index: i, alternate: item.alternate }}\n                    visual={taskItem.visual}\n                    stageItem={stageItem}\n                    categoryItem={{ ...item, categoryLabel: category?.label }}\n                    onAddStep={task?.onAddStep}\n                    error={taskItem.error}\n                  />\n                );\n              })}\n          </StyledList>\n          {(showAddTaskButton || !item) && !readOnly && !!task?.addTask && (\n            <StyledAddTask\n              data-testid={taskTestIds.addButton}\n              variant='simple'\n              label={t('add_noun', [task.addTask.title])}\n              icon\n              onClick={onAddTaskClick}\n            >\n              <Icon name='plus' />\n              <div>{task.addTask.title}</div>\n            </StyledAddTask>\n          )}\n        </StyledWrapper>\n      </>\n    );\n  }\n);\n\nexport default withTestIds(Category, getCategoryTestIds);\n"]}
+{"version":3,"file":"Category.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/Category.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  defaultThemeProp,\n  useTestIds,\n  withTestIds,\n  readableColor,\n  tryCatch\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport { generateDynamicTestId, isSingleTaskArray } from './utils';\nimport type { CategoriesProps, CategoryProps } from './LifeCycle.types';\nimport TaskGroup from './TaskGroup';\nimport { getCategoryTestIds } from './LifeCycle.test-ids';\n\nexport const StyledCategory = styled.h3<{ showTitle: boolean }>(({ showTitle, theme }) => {\n  return css`\n    ${!showTitle &&\n    css`\n      visibility: hidden;\n    `}\n    margin: ${theme.base.spacing} 0 0 0;\n  `;\n});\n\nStyledCategory.defaultProps = defaultThemeProp;\n\nexport const StyledList = styled.ol(() => {\n  return css`\n    list-style-type: none;\n  `;\n});\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledWrapper = styled.div<{ category?: CategoriesProps | undefined; id: string }>(\n  ({ category, theme, id }) => {\n    const categoryHeight = `${category?.height}px`;\n    return css`\n      margin-block-start: ${theme.base.spacing};\n      margin-block-end: ${theme.base.spacing};\n      ${category?.elementId !== id &&\n      ` min-height: ${category?.height ? categoryHeight : 'auto'};\n  `}\n    `;\n  }\n);\nStyledWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledParallelTitle = styled.div(({ theme }) => {\n  const backgroundColor = theme.base.colors.slate.dark;\n\n  return css`\n    position: relative;\n    z-index: 1;\n    margin-block-end: 0.5rem;\n    text-align: center;\n    &::before {\n      border-block-start: calc(0.2 * ${theme.base.spacing}) solid ${backgroundColor};\n      content: '';\n      margin: 0 auto;\n      position: absolute;\n      top: 50%;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      width: 100%;\n      z-index: -1;\n    }\n    span {\n      background: ${backgroundColor};\n      padding: 0 ${theme.base.spacing};\n      border-radius: calc(0.25 * ${theme.base['border-radius']});\n      color: ${tryCatch(() => readableColor(backgroundColor))};\n      text-transform: uppercase;\n    }\n  `;\n});\n\nStyledParallelTitle.defaultProps = defaultThemeProp;\n\nconst Category: ForwardRefForwardPropsComponent<CategoryProps> = forwardRef(\n  (\n    {\n      item,\n      showTitle = false,\n      stageItem,\n      category,\n      id,\n      task,\n      ...restProps\n    }: PropsWithoutRef<CategoryProps>,\n    ref: CategoryProps['ref']\n  ) => {\n    const categoryTestID = generateDynamicTestId([stageItem.label, category?.label]);\n    const testIds = useTestIds(categoryTestID, getCategoryTestIds);\n    const hasNoTasks = item.tasks.length === 0;\n\n    const renderTaskGroups = () => {\n      if (hasNoTasks) {\n        return (\n          <TaskGroup\n            {...restProps}\n            taskItem={[]}\n            parallel={false}\n            index={0}\n            stageItem={stageItem}\n            categoryItem={{ ...item, label: category?.label }}\n            task={task}\n          />\n        );\n      }\n\n      if (isSingleTaskArray(item.tasks)) {\n        return (\n          <TaskGroup\n            {...restProps}\n            taskItem={item.tasks}\n            parallel={false}\n            index={0}\n            stageItem={stageItem}\n            categoryItem={{ ...item, label: category?.label }}\n            task={task}\n          />\n        );\n      }\n\n      return item.tasks.map((taskItem, index) => (\n        <TaskGroup\n          {...restProps}\n          key={taskItem[0]?.id}\n          taskItem={taskItem}\n          parallel={index > 0}\n          index={index}\n          stageItem={stageItem}\n          categoryItem={{ ...item, label: category?.label }}\n          task={task}\n        />\n      ));\n    };\n\n    return (\n      <>\n        {category?.label && (\n          <StyledCategory showTitle={showTitle} tabIndex={-1} id={item.categoryId}>\n            {category?.label}\n          </StyledCategory>\n        )}\n        <StyledWrapper\n          category={category}\n          id={item.id}\n          data-id={item.categoryId}\n          ref={ref as Ref<HTMLDivElement>}\n        >\n          <StyledList data-testid={testIds.root}>{renderTaskGroups()}</StyledList>\n        </StyledWrapper>\n      </>\n    );\n  }\n);\n\nexport default withTestIds(Category, getCategoryTestIds);\n"]}

package/lib/components/LifeCycle/LifeCycle.js

@@ -19,7 +19,7 @@ const StyledAddButton = styled(Button)(({ theme }) => {
 });
 StyledAddButton.defaultProps = defaultThemeProp;
 export const StyledLifeCycleWrapper = styled(Flex)(({ hasLabel, theme }) => {
-    const { spacing, palette } = theme.base;
+    const { spacing } = theme.base;
     return css `
     padding: calc(2 * ${spacing});
     margin: 0 calc(-2 * ${spacing}) calc(-2 * ${spacing}) calc(-2 * ${spacing});
@@ -27,7 +27,7 @@ export const StyledLifeCycleWrapper = styled(Flex)(({ hasLabel, theme }) => {
     min-width: 100%;
     min-height: 100%;
     top: 0;
-    background-color: ${palette['app-background']};
+    background: ${theme.components.lifecycle.background};
 
     ${hasLabel &&
         css `

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

@@ -1 +1 @@
-{"version":3,"file":"LifeCycle.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycle.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useLayoutEffect, useMemo, useState } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  defaultThemeProp,\n  Flex,\n  Button,\n  Icon,\n  Text,\n  useI18n,\n  useTestIds,\n  withTestIds,\n  useAfterInitialEffect,\n  useUID,\n  usePrevious,\n  registerIcon\n} from '@pega/cosmos-react-core';\nimport * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\nimport { DragDropManager } from '@pega/cosmos-react-dnd';\n\nimport LifeCycleList, { type LifeCycleListProps } from './LifeCycleList';\nimport type { StageItemProps, LifeCycleProps } from './LifeCycle.types';\nimport LifeCycleContext from './LifeCycleContext';\nimport type { LifeCycleContextValue, LifeCycleDraggedItem } from './LifeCycleContext';\nimport { getAlternateStageTestIds, getStageTestIds } from './LifeCycle.test-ids';\nimport LifeCycleDragDropList from './LifeCycleDragDropList';\nimport { defaultDragDropConfig } from './utils';\n\nregisterIcon(plusIcon);\n\nconst StyledAddButton = styled(Button)(({ theme }) => {\n  return css`\n    align-self: flex-start;\n    margin-block-start: calc(${theme.base.spacing} / 2);\n  `;\n});\n\nStyledAddButton.defaultProps = defaultThemeProp;\n\nexport const StyledLifeCycleWrapper = styled(Flex)<{ hasLabel?: boolean }>(({\n  hasLabel,\n  theme\n}) => {\n  const { spacing, palette } = theme.base;\n  return css`\n    padding: calc(2 * ${spacing});\n    margin: 0 calc(-2 * ${spacing}) calc(-2 * ${spacing}) calc(-2 * ${spacing});\n    position: absolute;\n    min-width: 100%;\n    min-height: 100%;\n    top: 0;\n    background-color: ${palette['app-background']};\n\n    ${hasLabel &&\n    css`\n      padding-block-start: ${theme.base.spacing};\n    `}\n\n    li {\n      list-style-type: none;\n    }\n  `;\n});\n\nStyledLifeCycleWrapper.defaultProps = defaultThemeProp;\n\nconst LifeCycle: ForwardRefForwardPropsComponent<LifeCycleProps> = forwardRef(\n  (\n    {\n      items,\n      categories = [],\n      task = [],\n      alternateItems = [],\n      onAddStage,\n      onAddAlternateStage,\n      onDragDrop,\n      dragDropConfig = defaultDragDropConfig,\n      stage,\n      alternateStage,\n      selectedItemId,\n      readOnly,\n      ...restProps\n    }: PropsWithoutRef<LifeCycleProps>,\n    ref: LifeCycleProps['ref']\n  ) => {\n    const labelId = useUID();\n    const t = useI18n();\n    const [draggedItem, setDraggedItem] = useState<LifeCycleDraggedItem | undefined>();\n    const [categoriesState, setCategoriesState] = useState(categories);\n    const categoryElements: HTMLElement[] = [];\n    const setRef = (element: HTMLOListElement) => {\n      if (element) {\n        categoryElements.push(element);\n      }\n    };\n\n    useLayoutEffect(() => {\n      let isHeightChanged = false;\n      const categoriesColumn = [...categories];\n      if (categoriesColumn && categoriesColumn.length > 0) {\n        categoriesColumn.forEach((categoryItem, index) => {\n          const categoryElm = [...categoryElements];\n          let isActiveElement = false;\n          const categoryComponent = categoryElm.filter((element: HTMLElement) => {\n            if (element.getAttribute('data-id') === categoryItem.id) {\n              if (categoryItem.elementId === element.getAttribute('id')) {\n                isActiveElement = true;\n              }\n              return true;\n            }\n            return false;\n          });\n          if (!isActiveElement) {\n            categoryItem.elementId = '';\n            categoryItem.height = 0;\n          }\n          categoryComponent.forEach(categoryElement => {\n            const columnHeight = categoryItem?.height ?? 0;\n            const height = categoryElement.scrollHeight;\n            const elementId = categoryElement.getAttribute('id');\n            if (\n              height > columnHeight ||\n              (categoryItem.elementId === elementId && height !== columnHeight)\n            ) {\n              isHeightChanged = true;\n              categoriesColumn[index].height = height;\n              if (elementId) {\n                categoriesColumn[index].elementId = elementId;\n              }\n            }\n          });\n        });\n        if (isHeightChanged) {\n          isHeightChanged = false;\n          setCategoriesState(categoriesColumn);\n        }\n      }\n    });\n\n    const previouslyLoading = usePrevious(dragDropConfig.loading);\n    useAfterInitialEffect(() => {\n      // If the drag drop loading state is false and there was a dragged item, focus on the drag handle of the dragged item\n      if (!dragDropConfig.loading && previouslyLoading && draggedItem) {\n        setTimeout(() => {\n          const dragHandle = document.querySelector(\n            `[data-drag-handle-for=\"${draggedItem.id}\"]`\n          ) as HTMLElement;\n          if (dragHandle) {\n            dragHandle.focus();\n          }\n          setDraggedItem(undefined);\n        }, 100);\n      }\n    }, [dragDropConfig.loading, previouslyLoading, draggedItem?.id]);\n\n    const getLifeCycleListProps = useCallback(\n      (\n        stageItem: StageItemProps,\n        index: number,\n        stageArray: StageItemProps[],\n        alternate: boolean\n      ): LifeCycleListProps => {\n        return {\n          id: stageItem.id,\n          item: { ...stageItem, index, alternate },\n          isFirstItem: index === 0,\n          isLastItem: index === stageArray.length - 1,\n          ref: setRef,\n          task,\n          categories: categoriesState,\n          stageVariant: alternate ? 'alternate' : undefined,\n          prevStageItem: stageArray[index - 1],\n          stage: alternate ? alternateStage : stage\n        };\n      },\n      [setRef, task, categoriesState, alternateStage, stage]\n    );\n\n    const stageTestIds = useTestIds('', getStageTestIds);\n    const alternateStageTestIds = useTestIds('', getAlternateStageTestIds);\n    const dragEnabled = !!onDragDrop && !readOnly;\n\n    const addStageButton = (\n      <StyledAddButton\n        data-testid={stageTestIds.addButton}\n        variant='simple'\n        label={t('add_stage')}\n        icon\n        onClick={onAddStage}\n      >\n        <Icon name='plus' />\n      </StyledAddButton>\n    );\n\n    const addAlternateStageButton = (\n      <StyledAddButton\n        data-testid={alternateStageTestIds.addButton}\n        variant='simple'\n        label={t('add_alternate_stage')}\n        icon\n        onClick={onAddAlternateStage}\n      >\n        <Icon name='plus' />\n      </StyledAddButton>\n    );\n\n    const lifeCycleContext: LifeCycleContextValue = useMemo(\n      () => ({\n        lifeCycleData: { stages: items, alternateStages: alternateItems },\n        selectedItemId,\n        readOnly,\n        dragDropConfig,\n        dragEnabled,\n        draggedItem,\n        setDraggedItem,\n        onDragDrop\n      }),\n      [\n        items,\n        alternateItems,\n        selectedItemId,\n        readOnly,\n        dragDropConfig,\n        dragEnabled,\n        draggedItem,\n        setDraggedItem,\n        onDragDrop\n      ]\n    );\n\n    return (\n      <DragDropManager>\n        <StyledLifeCycleWrapper\n          container={{ gap: 2 }}\n          hasLabel={!!stage?.label || !!alternateStage?.label}\n          ref={ref}\n        >\n          <LifeCycleContext.Provider value={lifeCycleContext}>\n            {items.length !== 0 && (\n              <Flex container={{ direction: 'column', gap: 1 }}>\n                {!!stage?.label && (\n                  <Text id={`${labelId}-stage-label`} variant='secondary'>\n                    {stage.label}\n                  </Text>\n                )}\n\n                {dragEnabled ? (\n                  <LifeCycleDragDropList\n                    type='stage'\n                    listLocation={{\n                      alternate: false\n                    }}\n                    items={items.map((stageItem, index, stageArray) => ({\n                      id: stageItem.id,\n                      type: 'stage',\n                      data: {\n                        ...restProps,\n                        ...getLifeCycleListProps(stageItem, index, stageArray, false)\n                      }\n                    }))}\n                    itemRenderer={LifeCycleList}\n                    onDragDrop={onDragDrop}\n                    additionalDropZone={onAddStage ? addStageButton : undefined}\n                    as={Flex}\n                    forwardedAs='ul'\n                    container={{ gap: 1 }}\n                    aria-label={t('stage')}\n                    aria-labelledby={`${labelId}-stage-label`}\n                  />\n                ) : (\n                  <Flex\n                    container={{ gap: 1 }}\n                    aria-label={t('stage')}\n                    aria-labelledby={`${labelId}-stage-label`}\n                    as='ul'\n                  >\n                    {items.map((stageItem, index, stageArray) => {\n                      return (\n                        <LifeCycleList\n                          {...restProps}\n                          key={stageItem.id}\n                          {...getLifeCycleListProps(stageItem, index, stageArray, false)}\n                        />\n                      );\n                    })}\n\n                    {!readOnly && onAddStage && <li>{addStageButton}</li>}\n                  </Flex>\n                )}\n              </Flex>\n            )}\n            {alternateItems.length !== 0 && (\n              <Flex container={{ direction: 'column', gap: 1 }}>\n                {!!alternateStage?.label && (\n                  <Text id={`${labelId}-alt-stage-label`} variant='secondary'>\n                    {alternateStage.label}\n                  </Text>\n                )}\n\n                {dragEnabled ? (\n                  <LifeCycleDragDropList\n                    type='alternate-stage'\n                    listLocation={{\n                      alternate: true\n                    }}\n                    items={alternateItems.map((stageItem, index, stageArray) => ({\n                      id: stageItem.id,\n                      type: 'alternate-stage',\n                      data: {\n                        ...restProps,\n                        ...getLifeCycleListProps(stageItem, index, stageArray, true)\n                      }\n                    }))}\n                    itemRenderer={LifeCycleList}\n                    onDragDrop={onDragDrop}\n                    additionalDropZone={onAddAlternateStage ? addAlternateStageButton : undefined}\n                    as={Flex}\n                    forwardedAs='ul'\n                    container={{ gap: 1 }}\n                    aria-label={t('alternate_stage')}\n                    aria-labelledby={`${labelId}-alt-stage-label`}\n                  />\n                ) : (\n                  <Flex\n                    container={{ gap: 1 }}\n                    aria-label={t('alternate_stage')}\n                    aria-labelledby={`${labelId}-alt-stage-label`}\n                    as='ul'\n                  >\n                    {alternateItems.map((stageItem, index, stageArray) => {\n                      return (\n                        <LifeCycleList\n                          {...restProps}\n                          key={stageItem.id}\n                          {...getLifeCycleListProps(stageItem, index, stageArray, true)}\n                        />\n                      );\n                    })}\n\n                    {!readOnly && onAddAlternateStage && <li>{addAlternateStageButton}</li>}\n                  </Flex>\n                )}\n              </Flex>\n            )}\n          </LifeCycleContext.Provider>\n        </StyledLifeCycleWrapper>\n      </DragDropManager>\n    );\n  }\n);\n\nexport default withTestIds(LifeCycle, getStageTestIds);\n"]}
+{"version":3,"file":"LifeCycle.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/LifeCycle.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,gBAAgB,EAChB,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,UAAU,EACV,WAAW,EACX,qBAAqB,EACrB,MAAM,EACN,WAAW,EACX,YAAY,EACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,QAAQ,MAAM,6DAA6D,CAAC;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,aAAa,EAAE,EAA2B,MAAM,iBAAiB,CAAC;AAEzE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,YAAY,CAAC,QAAQ,CAAC,CAAC;AAEvB,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACnD,OAAO,GAAG,CAAA;;+BAEmB,KAAK,CAAC,IAAI,CAAC,OAAO;GAC9C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAyB,CAAC,EAC1E,QAAQ,EACR,KAAK,EACN,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;IAC/B,OAAO,GAAG,CAAA;wBACY,OAAO;0BACL,OAAO,eAAe,OAAO,eAAe,OAAO;;;;;kBAK3D,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU;;MAEjD,QAAQ;QACV,GAAG,CAAA;6BACsB,KAAK,CAAC,IAAI,CAAC,OAAO;KAC1C;;;;;GAKF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,MAAM,SAAS,GAAoD,UAAU,CAC3E,CACE,EACE,KAAK,EACL,UAAU,GAAG,EAAE,EACf,IAAI,GAAG,EAAE,EACT,cAAc,GAAG,EAAE,EACnB,UAAU,EACV,mBAAmB,EACnB,UAAU,EACV,cAAc,GAAG,qBAAqB,EACtC,KAAK,EACL,cAAc,EACd,cAAc,EACd,QAAQ,EACR,GAAG,SAAS,EACoB,EAClC,GAA0B,EAC1B,EAAE;IACF,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;IACzB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAoC,CAAC;IACnF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnE,MAAM,gBAAgB,GAAkB,EAAE,CAAC;IAC3C,MAAM,MAAM,GAAG,CAAC,OAAyB,EAAE,EAAE;QAC3C,IAAI,OAAO,EAAE,CAAC;YACZ,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,eAAe,GAAG,KAAK,CAAC;QAC5B,MAAM,gBAAgB,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC;QACzC,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpD,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE;gBAC/C,MAAM,WAAW,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC;gBAC1C,IAAI,eAAe,GAAG,KAAK,CAAC;gBAC5B,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,OAAoB,EAAE,EAAE;oBACpE,IAAI,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,YAAY,CAAC,EAAE,EAAE,CAAC;wBACxD,IAAI,YAAY,CAAC,SAAS,KAAK,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;4BAC1D,eAAe,GAAG,IAAI,CAAC;wBACzB,CAAC;wBACD,OAAO,IAAI,CAAC;oBACd,CAAC;oBACD,OAAO,KAAK,CAAC;gBACf,CAAC,CAAC,CAAC;gBACH,IAAI,CAAC,eAAe,EAAE,CAAC;oBACrB,YAAY,CAAC,SAAS,GAAG,EAAE,CAAC;oBAC5B,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC1B,CAAC;gBACD,iBAAiB,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;oBAC1C,MAAM,YAAY,GAAG,YAAY,EAAE,MAAM,IAAI,CAAC,CAAC;oBAC/C,MAAM,MAAM,GAAG,eAAe,CAAC,YAAY,CAAC;oBAC5C,MAAM,SAAS,GAAG,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;oBACrD,IACE,MAAM,GAAG,YAAY;wBACrB,CAAC,YAAY,CAAC,SAAS,KAAK,SAAS,IAAI,MAAM,KAAK,YAAY,CAAC,EACjE,CAAC;wBACD,eAAe,GAAG,IAAI,CAAC;wBACvB,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC;wBACxC,IAAI,SAAS,EAAE,CAAC;4BACd,gBAAgB,CAAC,KAAK,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC;wBAChD,CAAC;oBACH,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YACH,IAAI,eAAe,EAAE,CAAC;gBACpB,eAAe,GAAG,KAAK,CAAC;gBACxB,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;YACvC,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC9D,qBAAqB,CAAC,GAAG,EAAE;QACzB,qHAAqH;QACrH,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,iBAAiB,IAAI,WAAW,EAAE,CAAC;YAChE,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CACvC,0BAA0B,WAAW,CAAC,EAAE,IAAI,CAC9B,CAAC;gBACjB,IAAI,UAAU,EAAE,CAAC;oBACf,UAAU,CAAC,KAAK,EAAE,CAAC;gBACrB,CAAC;gBACD,cAAc,CAAC,SAAS,CAAC,CAAC;YAC5B,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;IAEjE,MAAM,qBAAqB,GAAG,WAAW,CACvC,CACE,SAAyB,EACzB,KAAa,EACb,UAA4B,EAC5B,SAAkB,EACE,EAAE;QACtB,OAAO;YACL,EAAE,EAAE,SAAS,CAAC,EAAE;YAChB,IAAI,EAAE,EAAE,GAAG,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACxC,WAAW,EAAE,KAAK,KAAK,CAAC;YACxB,UAAU,EAAE,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC;YAC3C,GAAG,EAAE,MAAM;YACX,IAAI;YACJ,UAAU,EAAE,eAAe;YAC3B,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;YACjD,aAAa,EAAE,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC;YACpC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK;SAC1C,CAAC;IACJ,CAAC,EACD,CAAC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,CAAC,CACvD,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC;IACrD,MAAM,qBAAqB,GAAG,UAAU,CAAC,EAAE,EAAE,wBAAwB,CAAC,CAAC;IACvE,MAAM,WAAW,GAAG,CAAC,CAAC,UAAU,IAAI,CAAC,QAAQ,CAAC;IAE9C,MAAM,cAAc,GAAG,CACrB,KAAC,eAAe,mBACD,YAAY,CAAC,SAAS,EACnC,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,EACrB,IAAI,QACJ,OAAO,EAAE,UAAU,YAEnB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACJ,CACnB,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAC9B,KAAC,eAAe,mBACD,qBAAqB,CAAC,SAAS,EAC5C,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAC/B,IAAI,QACJ,OAAO,EAAE,mBAAmB,YAE5B,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACJ,CACnB,CAAC;IAEF,MAAM,gBAAgB,GAA0B,OAAO,CACrD,GAAG,EAAE,CAAC,CAAC;QACL,aAAa,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE;QACjE,cAAc;QACd,QAAQ;QACR,cAAc;QACd,WAAW;QACX,WAAW;QACX,cAAc;QACd,UAAU;KACX,CAAC,EACF;QACE,KAAK;QACL,cAAc;QACd,cAAc;QACd,QAAQ;QACR,cAAc;QACd,WAAW;QACX,WAAW;QACX,cAAc;QACd,UAAU;KACX,CACF,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,cACd,KAAC,sBAAsB,IACrB,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EACrB,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,cAAc,EAAE,KAAK,EACnD,GAAG,EAAE,GAAG,YAER,MAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,aAC/C,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CACrB,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC7C,CAAC,CAAC,KAAK,EAAE,KAAK,IAAI,CACjB,KAAC,IAAI,IAAC,EAAE,EAAE,GAAG,OAAO,cAAc,EAAE,OAAO,EAAC,WAAW,YACpD,KAAK,CAAC,KAAK,GACP,CACR,EAEA,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,qBAAqB,IACpB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE;oCACZ,SAAS,EAAE,KAAK;iCACjB,EACD,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;oCAClD,EAAE,EAAE,SAAS,CAAC,EAAE;oCAChB,IAAI,EAAE,OAAO;oCACb,IAAI,EAAE;wCACJ,GAAG,SAAS;wCACZ,GAAG,qBAAqB,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC;qCAC9D;iCACF,CAAC,CAAC,EACH,YAAY,EAAE,aAAa,EAC3B,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC3D,EAAE,EAAE,IAAI,EACR,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,gBACT,CAAC,CAAC,OAAO,CAAC,qBACL,GAAG,OAAO,cAAc,GACzC,CACH,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,gBACT,CAAC,CAAC,OAAO,CAAC,qBACL,GAAG,OAAO,cAAc,EACzC,EAAE,EAAC,IAAI,aAEN,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE;wCAC1C,OAAO,CACL,eAAC,aAAa,OACR,SAAS,EACb,GAAG,EAAE,SAAS,CAAC,EAAE,KACb,qBAAqB,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,GAC9D,CACH,CAAC;oCACJ,CAAC,CAAC,EAED,CAAC,QAAQ,IAAI,UAAU,IAAI,uBAAK,cAAc,GAAM,IAChD,CACR,IACI,CACR,EACA,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,CAC9B,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC7C,CAAC,CAAC,cAAc,EAAE,KAAK,IAAI,CAC1B,KAAC,IAAI,IAAC,EAAE,EAAE,GAAG,OAAO,kBAAkB,EAAE,OAAO,EAAC,WAAW,YACxD,cAAc,CAAC,KAAK,GAChB,CACR,EAEA,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,qBAAqB,IACpB,IAAI,EAAC,iBAAiB,EACtB,YAAY,EAAE;oCACZ,SAAS,EAAE,IAAI;iCAChB,EACD,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;oCAC3D,EAAE,EAAE,SAAS,CAAC,EAAE;oCAChB,IAAI,EAAE,iBAAiB;oCACvB,IAAI,EAAE;wCACJ,GAAG,SAAS;wCACZ,GAAG,qBAAqB,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC;qCAC7D;iCACF,CAAC,CAAC,EACH,YAAY,EAAE,aAAa,EAC3B,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS,EAC7E,EAAE,EAAE,IAAI,EACR,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,gBACT,CAAC,CAAC,iBAAiB,CAAC,qBACf,GAAG,OAAO,kBAAkB,GAC7C,CACH,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,gBACT,CAAC,CAAC,iBAAiB,CAAC,qBACf,GAAG,OAAO,kBAAkB,EAC7C,EAAE,EAAC,IAAI,aAEN,cAAc,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE;wCACnD,OAAO,CACL,eAAC,aAAa,OACR,SAAS,EACb,GAAG,EAAE,SAAS,CAAC,EAAE,KACb,qBAAqB,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,GAC7D,CACH,CAAC;oCACJ,CAAC,CAAC,EAED,CAAC,QAAQ,IAAI,mBAAmB,IAAI,uBAAK,uBAAuB,GAAM,IAClE,CACR,IACI,CACR,IACyB,GACL,GACT,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC","sourcesContent":["import { forwardRef, useCallback, useLayoutEffect, useMemo, useState } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  defaultThemeProp,\n  Flex,\n  Button,\n  Icon,\n  Text,\n  useI18n,\n  useTestIds,\n  withTestIds,\n  useAfterInitialEffect,\n  useUID,\n  usePrevious,\n  registerIcon\n} from '@pega/cosmos-react-core';\nimport * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\nimport { DragDropManager } from '@pega/cosmos-react-dnd';\n\nimport LifeCycleList, { type LifeCycleListProps } from './LifeCycleList';\nimport type { StageItemProps, LifeCycleProps } from './LifeCycle.types';\nimport LifeCycleContext from './LifeCycleContext';\nimport type { LifeCycleContextValue, LifeCycleDraggedItem } from './LifeCycleContext';\nimport { getAlternateStageTestIds, getStageTestIds } from './LifeCycle.test-ids';\nimport LifeCycleDragDropList from './LifeCycleDragDropList';\nimport { defaultDragDropConfig } from './utils';\n\nregisterIcon(plusIcon);\n\nconst StyledAddButton = styled(Button)(({ theme }) => {\n  return css`\n    align-self: flex-start;\n    margin-block-start: calc(${theme.base.spacing} / 2);\n  `;\n});\n\nStyledAddButton.defaultProps = defaultThemeProp;\n\nexport const StyledLifeCycleWrapper = styled(Flex)<{ hasLabel?: boolean }>(({\n  hasLabel,\n  theme\n}) => {\n  const { spacing } = theme.base;\n  return css`\n    padding: calc(2 * ${spacing});\n    margin: 0 calc(-2 * ${spacing}) calc(-2 * ${spacing}) calc(-2 * ${spacing});\n    position: absolute;\n    min-width: 100%;\n    min-height: 100%;\n    top: 0;\n    background: ${theme.components.lifecycle.background};\n\n    ${hasLabel &&\n    css`\n      padding-block-start: ${theme.base.spacing};\n    `}\n\n    li {\n      list-style-type: none;\n    }\n  `;\n});\n\nStyledLifeCycleWrapper.defaultProps = defaultThemeProp;\n\nconst LifeCycle: ForwardRefForwardPropsComponent<LifeCycleProps> = forwardRef(\n  (\n    {\n      items,\n      categories = [],\n      task = [],\n      alternateItems = [],\n      onAddStage,\n      onAddAlternateStage,\n      onDragDrop,\n      dragDropConfig = defaultDragDropConfig,\n      stage,\n      alternateStage,\n      selectedItemId,\n      readOnly,\n      ...restProps\n    }: PropsWithoutRef<LifeCycleProps>,\n    ref: LifeCycleProps['ref']\n  ) => {\n    const labelId = useUID();\n    const t = useI18n();\n    const [draggedItem, setDraggedItem] = useState<LifeCycleDraggedItem | undefined>();\n    const [categoriesState, setCategoriesState] = useState(categories);\n    const categoryElements: HTMLElement[] = [];\n    const setRef = (element: HTMLOListElement) => {\n      if (element) {\n        categoryElements.push(element);\n      }\n    };\n\n    useLayoutEffect(() => {\n      let isHeightChanged = false;\n      const categoriesColumn = [...categories];\n      if (categoriesColumn && categoriesColumn.length > 0) {\n        categoriesColumn.forEach((categoryItem, index) => {\n          const categoryElm = [...categoryElements];\n          let isActiveElement = false;\n          const categoryComponent = categoryElm.filter((element: HTMLElement) => {\n            if (element.getAttribute('data-id') === categoryItem.id) {\n              if (categoryItem.elementId === element.getAttribute('id')) {\n                isActiveElement = true;\n              }\n              return true;\n            }\n            return false;\n          });\n          if (!isActiveElement) {\n            categoryItem.elementId = '';\n            categoryItem.height = 0;\n          }\n          categoryComponent.forEach(categoryElement => {\n            const columnHeight = categoryItem?.height ?? 0;\n            const height = categoryElement.scrollHeight;\n            const elementId = categoryElement.getAttribute('id');\n            if (\n              height > columnHeight ||\n              (categoryItem.elementId === elementId && height !== columnHeight)\n            ) {\n              isHeightChanged = true;\n              categoriesColumn[index].height = height;\n              if (elementId) {\n                categoriesColumn[index].elementId = elementId;\n              }\n            }\n          });\n        });\n        if (isHeightChanged) {\n          isHeightChanged = false;\n          setCategoriesState(categoriesColumn);\n        }\n      }\n    });\n\n    const previouslyLoading = usePrevious(dragDropConfig.loading);\n    useAfterInitialEffect(() => {\n      // If the drag drop loading state is false and there was a dragged item, focus on the drag handle of the dragged item\n      if (!dragDropConfig.loading && previouslyLoading && draggedItem) {\n        setTimeout(() => {\n          const dragHandle = document.querySelector(\n            `[data-drag-handle-for=\"${draggedItem.id}\"]`\n          ) as HTMLElement;\n          if (dragHandle) {\n            dragHandle.focus();\n          }\n          setDraggedItem(undefined);\n        }, 100);\n      }\n    }, [dragDropConfig.loading, previouslyLoading, draggedItem?.id]);\n\n    const getLifeCycleListProps = useCallback(\n      (\n        stageItem: StageItemProps,\n        index: number,\n        stageArray: StageItemProps[],\n        alternate: boolean\n      ): LifeCycleListProps => {\n        return {\n          id: stageItem.id,\n          item: { ...stageItem, index, alternate },\n          isFirstItem: index === 0,\n          isLastItem: index === stageArray.length - 1,\n          ref: setRef,\n          task,\n          categories: categoriesState,\n          stageVariant: alternate ? 'alternate' : undefined,\n          prevStageItem: stageArray[index - 1],\n          stage: alternate ? alternateStage : stage\n        };\n      },\n      [setRef, task, categoriesState, alternateStage, stage]\n    );\n\n    const stageTestIds = useTestIds('', getStageTestIds);\n    const alternateStageTestIds = useTestIds('', getAlternateStageTestIds);\n    const dragEnabled = !!onDragDrop && !readOnly;\n\n    const addStageButton = (\n      <StyledAddButton\n        data-testid={stageTestIds.addButton}\n        variant='simple'\n        label={t('add_stage')}\n        icon\n        onClick={onAddStage}\n      >\n        <Icon name='plus' />\n      </StyledAddButton>\n    );\n\n    const addAlternateStageButton = (\n      <StyledAddButton\n        data-testid={alternateStageTestIds.addButton}\n        variant='simple'\n        label={t('add_alternate_stage')}\n        icon\n        onClick={onAddAlternateStage}\n      >\n        <Icon name='plus' />\n      </StyledAddButton>\n    );\n\n    const lifeCycleContext: LifeCycleContextValue = useMemo(\n      () => ({\n        lifeCycleData: { stages: items, alternateStages: alternateItems },\n        selectedItemId,\n        readOnly,\n        dragDropConfig,\n        dragEnabled,\n        draggedItem,\n        setDraggedItem,\n        onDragDrop\n      }),\n      [\n        items,\n        alternateItems,\n        selectedItemId,\n        readOnly,\n        dragDropConfig,\n        dragEnabled,\n        draggedItem,\n        setDraggedItem,\n        onDragDrop\n      ]\n    );\n\n    return (\n      <DragDropManager>\n        <StyledLifeCycleWrapper\n          container={{ gap: 2 }}\n          hasLabel={!!stage?.label || !!alternateStage?.label}\n          ref={ref}\n        >\n          <LifeCycleContext.Provider value={lifeCycleContext}>\n            {items.length !== 0 && (\n              <Flex container={{ direction: 'column', gap: 1 }}>\n                {!!stage?.label && (\n                  <Text id={`${labelId}-stage-label`} variant='secondary'>\n                    {stage.label}\n                  </Text>\n                )}\n\n                {dragEnabled ? (\n                  <LifeCycleDragDropList\n                    type='stage'\n                    listLocation={{\n                      alternate: false\n                    }}\n                    items={items.map((stageItem, index, stageArray) => ({\n                      id: stageItem.id,\n                      type: 'stage',\n                      data: {\n                        ...restProps,\n                        ...getLifeCycleListProps(stageItem, index, stageArray, false)\n                      }\n                    }))}\n                    itemRenderer={LifeCycleList}\n                    onDragDrop={onDragDrop}\n                    additionalDropZone={onAddStage ? addStageButton : undefined}\n                    as={Flex}\n                    forwardedAs='ul'\n                    container={{ gap: 1 }}\n                    aria-label={t('stage')}\n                    aria-labelledby={`${labelId}-stage-label`}\n                  />\n                ) : (\n                  <Flex\n                    container={{ gap: 1 }}\n                    aria-label={t('stage')}\n                    aria-labelledby={`${labelId}-stage-label`}\n                    as='ul'\n                  >\n                    {items.map((stageItem, index, stageArray) => {\n                      return (\n                        <LifeCycleList\n                          {...restProps}\n                          key={stageItem.id}\n                          {...getLifeCycleListProps(stageItem, index, stageArray, false)}\n                        />\n                      );\n                    })}\n\n                    {!readOnly && onAddStage && <li>{addStageButton}</li>}\n                  </Flex>\n                )}\n              </Flex>\n            )}\n            {alternateItems.length !== 0 && (\n              <Flex container={{ direction: 'column', gap: 1 }}>\n                {!!alternateStage?.label && (\n                  <Text id={`${labelId}-alt-stage-label`} variant='secondary'>\n                    {alternateStage.label}\n                  </Text>\n                )}\n\n                {dragEnabled ? (\n                  <LifeCycleDragDropList\n                    type='alternate-stage'\n                    listLocation={{\n                      alternate: true\n                    }}\n                    items={alternateItems.map((stageItem, index, stageArray) => ({\n                      id: stageItem.id,\n                      type: 'alternate-stage',\n                      data: {\n                        ...restProps,\n                        ...getLifeCycleListProps(stageItem, index, stageArray, true)\n                      }\n                    }))}\n                    itemRenderer={LifeCycleList}\n                    onDragDrop={onDragDrop}\n                    additionalDropZone={onAddAlternateStage ? addAlternateStageButton : undefined}\n                    as={Flex}\n                    forwardedAs='ul'\n                    container={{ gap: 1 }}\n                    aria-label={t('alternate_stage')}\n                    aria-labelledby={`${labelId}-alt-stage-label`}\n                  />\n                ) : (\n                  <Flex\n                    container={{ gap: 1 }}\n                    aria-label={t('alternate_stage')}\n                    aria-labelledby={`${labelId}-alt-stage-label`}\n                    as='ul'\n                  >\n                    {alternateItems.map((stageItem, index, stageArray) => {\n                      return (\n                        <LifeCycleList\n                          {...restProps}\n                          key={stageItem.id}\n                          {...getLifeCycleListProps(stageItem, index, stageArray, true)}\n                        />\n                      );\n                    })}\n\n                    {!readOnly && onAddAlternateStage && <li>{addAlternateStageButton}</li>}\n                  </Flex>\n                )}\n              </Flex>\n            )}\n          </LifeCycleContext.Provider>\n        </StyledLifeCycleWrapper>\n      </DragDropManager>\n    );\n  }\n);\n\nexport default withTestIds(LifeCycle, getStageTestIds);\n"]}

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

@@ -139,10 +139,11 @@ export interface IndexData {
     /** The index of the step item. */
     step?: number;
 }
-export type LifeCycleDragItemType = 'stage' | 'step' | 'alternate-stage' | 'alternate-step';
+export type LifeCycleDragItemType = 'stage' | 'step' | 'task' | 'alternate-stage' | 'alternate-step' | 'alternate-task';
+export type LifeCycleDragDropDirection = 'next' | 'prev';
 export interface LifeCycleDragDropEvent {
     /** The type of item that was moved. */
-    type: 'stage' | 'step';
+    type: 'stage' | 'step' | 'task';
     /** The indices of the source item. */
     sourceData: IndexData;
     /** The indices of the target location. */
@@ -609,6 +610,40 @@ export declare const getStageInfo: (currentType: StageType, transitionType: Stag
         readonly link: {
             readonly color: string;
         };
+        readonly modal: {
+            readonly background: string;
+        };
+        readonly popover: {
+            readonly background: string;
+        };
+        readonly lifecycle: {
+            readonly background: string;
+            readonly task: {
+                readonly background: string;
+                readonly "foreground-color": string;
+            };
+            readonly stage: {
+                readonly background: string;
+                readonly "foreground-color": string;
+                readonly start: {
+                    readonly background: string;
+                    readonly "hover-color": string;
+                };
+                readonly default: {
+                    readonly background: string;
+                    readonly "hover-color": string;
+                };
+                readonly resolution: {
+                    readonly background: string;
+                    readonly "hover-color": string;
+                };
+                readonly alternate: {
+                    readonly background: string;
+                    readonly "hover-color": string;
+                    readonly "resolution-highlight": string;
+                };
+            };
+        };
         readonly mark: {
             readonly "background-color": string;
             readonly "font-weight": string;

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

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

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

@@ -1,4 +1,4 @@
-import { readableHue, WorkTheme as Theme } from '@pega/cosmos-react-core';
+import { WorkTheme as Theme } from '@pega/cosmos-react-core';
 // calculates the final stage info based on prev type and returns the final stage info
 // second param is mandatory for accurate results, optional only for the first stage
 export const getStageInfo = (currentType, transitionType, prevStageItem, isLastItem = false, theme = Theme) => {
@@ -6,8 +6,8 @@ export const getStageInfo = (currentType, transitionType, prevStageItem, isLastI
         start: {
             id: 'start',
             visual: {
-                bgColor: theme.base.colors.blue.dark,
-                bgHover: theme.base.colors.blue.medium,
+                bgColor: theme.components.lifecycle.stage.start.background,
+                bgHover: theme.components.lifecycle.stage.start['hover-color'],
                 tailPointed: false,
                 headPointed: true
             }
@@ -15,8 +15,8 @@ export const getStageInfo = (currentType, transitionType, prevStageItem, isLastI
         default: {
             id: 'default',
             visual: {
-                bgColor: theme.base.colors.blue.medium,
-                bgHover: theme.base.colors.blue.light,
+                bgColor: theme.components.lifecycle.stage.default.background,
+                bgHover: theme.components.lifecycle.stage.default['hover-color'],
                 tailPointed: true,
                 headPointed: true
             }
@@ -24,16 +24,16 @@ export const getStageInfo = (currentType, transitionType, prevStageItem, isLastI
         alternate: {
             id: 'alternate',
             visual: {
-                bgColor: theme.base.colors.slate.dark,
-                bgHover: theme.base.colors.slate.medium,
+                bgColor: theme.components.lifecycle.stage.alternate.background,
+                bgHover: theme.components.lifecycle.stage.alternate['hover-color'],
                 tailPointed: false,
                 headPointed: false
             }
         }
     };
     const resolutionStyle = {
-        bgColor: readableHue(theme.base.colors.green.medium, theme.base.palette.light),
-        bgHover: theme.base.colors.green.light
+        bgColor: theme.components.lifecycle.stage.resolution.background,
+        bgHover: theme.components.lifecycle.stage.resolution['hover-color']
     };
     const clonedStageCopy = structuredClone(stageTypeDefaults);
     const currentStageInfo = clonedStageCopy[currentType] || clonedStageCopy.default;