@pega/cosmos-react-demos 3.0.0-dev.3.0 → 3.0.0-dev.30.0

package/lib/build/ItemLibrary/LibraryPicker.mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"LibraryPicker.mocks.js","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.mocks.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,WAAW,GAAkB;IACxC;QACE,EAAE,EAAE,UAAU;QACd,OAAO,EAAE,UAAU;QACnB,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;SAChB;KACF;IACD;QACE,EAAE,EAAE,YAAY;QAChB,OAAO,EAAE,YAAY;QACrB,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,gBAAgB;SACvB;KACF;IACD;QACE,EAAE,EAAE,YAAY;QAChB,OAAO,EAAE,YAAY;QACrB,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;SAChB;QACD,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,KAAK;gBACT,OAAO,EAAE,cAAc;gBACvB,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE;oBACJ,KAAK,EAAE,SAAS;oBAChB,IAAI,EAAE,SAAS;iBAChB;aACF;YACD;gBACE,EAAE,EAAE,WAAW;gBACf,OAAO,EAAE,YAAY;gBACrB,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE;oBACJ,KAAK,EAAE,SAAS;oBAChB,IAAI,EAAE,MAAM;iBACb;aACF;SACF;KACF;CACF,CAAC","sourcesContent":["import { LibraryItem } from '@pega/cosmos-react-build';\n\nexport interface NodeLibrary extends LibraryItem {\n  name: string;\n  items?: NodeLibrary[];\n}\n\nexport const nodeLibrary: NodeLibrary[] = [\n  {\n    id: 'decision',\n    primary: 'Decision',\n    name: 'Decision',\n    type: {\n      color: '#ffaa75',\n      icon: 'diamond'\n    }\n  },\n  {\n    id: 'assignment',\n    primary: 'Assignment',\n    name: 'Assignment',\n    type: {\n      color: '#20aa50',\n      icon: 'clipboard-data'\n    }\n  },\n  {\n    id: 'automation',\n    primary: 'Automation',\n    name: 'Automation',\n    type: {\n      color: '#7ee791',\n      icon: 'polaris'\n    },\n    items: [\n      {\n        id: 'pdf',\n        primary: 'Generate PDF',\n        name: 'Generate PDF',\n        type: {\n          color: '#0076d1',\n          icon: 'polaris'\n        }\n      },\n      {\n        id: 'sendemail',\n        primary: 'Send email',\n        name: 'Send email',\n        type: {\n          color: '#ffaa75',\n          icon: 'mail'\n        }\n      }\n    ]\n  }\n];\n"]}
+{"version":3,"file":"LibraryPicker.mocks.js","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAkB;IACxC;QACE,EAAE,EAAE,UAAU;QACd,OAAO,EAAE,UAAU;QACnB,IAAI,EAAE;YACJ,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,SAAS;SAChB;KACF;IACD;QACE,EAAE,EAAE,YAAY;QAChB,OAAO,EAAE,YAAY;QACrB,IAAI,EAAE;YACJ,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,gBAAgB;SACvB;KACF;IACD;QACE,EAAE,EAAE,YAAY;QAChB,OAAO,EAAE,YAAY;QACrB,IAAI,EAAE;YACJ,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,SAAS;SAChB;QACD,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,KAAK;gBACT,OAAO,EAAE,cAAc;gBACvB,IAAI,EAAE;oBACJ,KAAK,EAAE,cAAc;oBACrB,IAAI,EAAE,SAAS;iBAChB;aACF;YACD;gBACE,EAAE,EAAE,WAAW;gBACf,OAAO,EAAE,YAAY;gBACrB,IAAI,EAAE;oBACJ,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,MAAM;iBACb;aACF;SACF;KACF;CACF,CAAC","sourcesContent":["import { LibraryItem } from '@pega/cosmos-react-build';\n\nexport const nodeLibrary: LibraryItem[] = [\n  {\n    id: 'decision',\n    primary: 'Decision',\n    type: {\n      color: 'darkYellow',\n      icon: 'diamond'\n    }\n  },\n  {\n    id: 'assignment',\n    primary: 'Assignment',\n    type: {\n      color: 'japaneseLaurel',\n      icon: 'clipboard-data'\n    }\n  },\n  {\n    id: 'automation',\n    primary: 'Automation',\n    type: {\n      color: 'studio',\n      icon: 'polaris'\n    },\n    items: [\n      {\n        id: 'pdf',\n        primary: 'Generate PDF',\n        type: {\n          color: 'congressBlue',\n          icon: 'polaris'\n        }\n      },\n      {\n        id: 'sendemail',\n        primary: 'Send email',\n        type: {\n          color: 'yellow',\n          icon: 'mail'\n        }\n      }\n    ]\n  }\n];\n"]}

package/lib/build/ItemLibrary/LibraryPicker.stories.d.ts

@@ -1,9 +1,5 @@
-/// <reference types="react" />
-import { LibraryItem } from '@pega/cosmos-react-build';
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("@pega/cosmos-react-build").ItemLibraryProps<LibraryItem> & import("@pega/cosmos-react-core").ForwardProps>;
-};
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/addons").Args>;
 export default _default;
-export declare const ColorPicker: () => JSX.Element;
+export declare const ColorPicker: Story;
 //# sourceMappingURL=LibraryPicker.stories.d.ts.map

package/lib/build/ItemLibrary/LibraryPicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LibraryPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAe,WAAW,EAAE,MAAM,0BAA0B,CAAC;;;;;AAKpE,wBAGE;AAEF,eAAO,MAAM,WAAW,mBAiDvB,CAAC"}
+{"version":3,"file":"LibraryPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAO/C,wBAGU;AAEV,eAAO,MAAM,WAAW,EAAE,KAiDzB,CAAC"}

package/lib/build/ItemLibrary/LibraryPicker.stories.js

@@ -35,6 +35,6 @@ export const ColorPicker = () => {
         };
     }, []);
     useOuterEvent('mousedown', [popoverEl], closeMenu);
-    return (_jsxs(_Fragment, { children: [selectedItem ? _jsxs("div", { children: ["Selected: ", selectedItem.primary] }, void 0) : '', _jsx(Button, { onClick: btnClick, ref: targetRef, children: "Select from library" }, void 0), _jsx(ItemLibrary, { items: nodeLibrary, show: showPicker, target: targetRef && targetRef.current, ref: setPopoverEl, onClick: onSelect }, void 0)] }, void 0));
+    return (_jsxs(_Fragment, { children: [selectedItem ? _jsxs("div", { children: ["Selected: ", selectedItem.primary] }) : '', _jsx(Button, { onClick: btnClick, ref: targetRef, children: "Select from library" }), _jsx(ItemLibrary, { items: nodeLibrary, show: showPicker, target: targetRef && targetRef.current, ref: setPopoverEl, onClick: onSelect })] }));
 };
 //# sourceMappingURL=LibraryPicker.stories.js.map

package/lib/build/ItemLibrary/LibraryPicker.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"LibraryPicker.stories.js","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAe,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAW;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAe,CAAC;IAChE,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,UAAU,EAAe,CAAC;IAC5D,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,IAAiB,EAAE,EAAE;QACrC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;QACrC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,SAAS,EAAE,CAAC;SACb;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;IAEnD,OAAO,CACL,8BACG,YAAY,CAAC,CAAC,CAAC,wCAAgB,YAAY,CAAC,OAAO,YAAO,CAAC,CAAC,CAAC,EAAE,EAChE,KAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,4CAEhC,EACT,KAAC,WAAW,IACV,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,SAAS,IAAK,SAAS,CAAC,OAAuB,EACvD,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,QAAQ,WACjB,YACD,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { useRef } from '@storybook/addons';\n\nimport { ItemLibrary, LibraryItem } from '@pega/cosmos-react-build';\nimport { Button, useElement, useOuterEvent } from '@pega/cosmos-react-core';\n\nimport { nodeLibrary } from './LibraryPicker.mocks';\n\nexport default {\n  title: 'Build/LibraryPicker',\n  component: ItemLibrary\n};\n\nexport const ColorPicker = () => {\n  const [selectedItem, setSelectedItem] = useState<LibraryItem>();\n  const [showPicker, updatePicker] = useState(false);\n  const [popoverEl, setPopoverEl] = useElement<HTMLElement>();\n  const targetRef = useRef<HTMLButtonElement | null>(null);\n\n  const closeMenu = () => {\n    updatePicker(false);\n  };\n\n  const btnClick = () => {\n    updatePicker(true);\n  };\n\n  const onSelect = (item: LibraryItem) => {\n    setSelectedItem(item);\n    closeMenu();\n  };\n\n  const onKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      closeMenu();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeydown);\n    return () => {\n      document.removeEventListener('keydown', onKeydown);\n    };\n  }, []);\n\n  useOuterEvent('mousedown', [popoverEl], closeMenu);\n\n  return (\n    <>\n      {selectedItem ? <div>Selected: {selectedItem.primary}</div> : ''}\n      <Button onClick={btnClick} ref={targetRef}>\n        Select from library\n      </Button>\n      <ItemLibrary\n        items={nodeLibrary}\n        show={showPicker}\n        target={targetRef && (targetRef.current as HTMLElement)}\n        ref={setPopoverEl}\n        onClick={onSelect}\n      />\n    </>\n  );\n};\n"]}
+{"version":3,"file":"LibraryPicker.stories.js","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,WAAW,EAAe,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAW;CACf,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAAU,GAAG,EAAE;IACrC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAe,CAAC;IAChE,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,UAAU,EAAe,CAAC;IAC5D,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,IAAiB,EAAE,EAAE;QACrC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;QACrC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,SAAS,EAAE,CAAC;SACb;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;IAEnD,OAAO,CACL,8BACG,YAAY,CAAC,CAAC,CAAC,wCAAgB,YAAY,CAAC,OAAO,IAAO,CAAC,CAAC,CAAC,EAAE,EAChE,KAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,oCAEhC,EACT,KAAC,WAAW,IACV,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,SAAS,IAAK,SAAS,CAAC,OAAuB,EACvD,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,QAAQ,GACjB,IACD,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { useRef } from '@storybook/addons';\nimport { Meta, Story } from '@storybook/react';\n\nimport { ItemLibrary, LibraryItem } from '@pega/cosmos-react-build';\nimport { Button, useElement, useOuterEvent } from '@pega/cosmos-react-core';\n\nimport { nodeLibrary } from './LibraryPicker.mocks';\n\nexport default {\n  title: 'Build/LibraryPicker',\n  component: ItemLibrary\n} as Meta;\n\nexport const ColorPicker: Story = () => {\n  const [selectedItem, setSelectedItem] = useState<LibraryItem>();\n  const [showPicker, updatePicker] = useState(false);\n  const [popoverEl, setPopoverEl] = useElement<HTMLElement>();\n  const targetRef = useRef<HTMLButtonElement | null>(null);\n\n  const closeMenu = () => {\n    updatePicker(false);\n  };\n\n  const btnClick = () => {\n    updatePicker(true);\n  };\n\n  const onSelect = (item: LibraryItem) => {\n    setSelectedItem(item);\n    closeMenu();\n  };\n\n  const onKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      closeMenu();\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeydown);\n    return () => {\n      document.removeEventListener('keydown', onKeydown);\n    };\n  }, []);\n\n  useOuterEvent('mousedown', [popoverEl], closeMenu);\n\n  return (\n    <>\n      {selectedItem ? <div>Selected: {selectedItem.primary}</div> : ''}\n      <Button onClick={btnClick} ref={targetRef}>\n        Select from library\n      </Button>\n      <ItemLibrary\n        items={nodeLibrary}\n        show={showPicker}\n        target={targetRef && (targetRef.current as HTMLElement)}\n        ref={setPopoverEl}\n        onClick={onSelect}\n      />\n    </>\n  );\n};\n"]}

package/lib/build/LifeCycle/LifeCycle.mocks.d.ts

@@ -1,3 +1,4 @@
+import { LibraryItem } from '@pega/cosmos-react-build';
 export declare const LifeCycleEmptyData: {
     id: string;
     categories: never[];
@@ -198,4 +199,6 @@ export declare const LifeCycleWorkFlowData: {
         }[];
     }[];
 };
+export declare const workFlowNodeLibrary: LibraryItem[];
+export declare const planViewNodeLibrary: LibraryItem[];
 //# sourceMappingURL=LifeCycle.mocks.d.ts.map

package/lib/build/LifeCycle/LifeCycle.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LifeCycle.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;CAiCtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAihBjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAogBjC,CAAC"}
+{"version":3,"file":"LifeCycle.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;CAiCtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAihBjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4iBjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,EA2C5C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,EA4C5C,CAAC"}

package/lib/build/LifeCycle/LifeCycle.mocks.js

@@ -27,7 +27,7 @@ export const LifeCycleEmptyData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'clipboard-data',
-                                            color: 'Japaneselaurel',
+                                            color: 'japaneseLaurel',
                                             label: 'pega data'
                                         },
                                         status: {
@@ -218,7 +218,7 @@ export const LifeCyclePlanViewData = {
                                     visual: {
                                         imgurl: '',
                                         icon: 'mail',
-                                        color: 'darkyellow',
+                                        color: 'darkYellow',
                                         label: 'email'
                                     },
                                     status: {
@@ -258,7 +258,7 @@ export const LifeCyclePlanViewData = {
                                     visual: {
                                         imgurl: '',
                                         icon: 'mobile-phone',
-                                        color: 'Japaneselaurel',
+                                        color: 'japaneseLaurel',
                                         label: 'phone'
                                     },
                                     status: {
@@ -337,7 +337,7 @@ export const LifeCyclePlanViewData = {
                                     visual: {
                                         imgurl: '',
                                         icon: 'mobile-phone',
-                                        color: 'Japaneselaurel',
+                                        color: 'japaneseLaurel',
                                         label: 'web server'
                                     },
                                     status: {
@@ -637,7 +637,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'clipboard-data',
-                                            color: 'Japaneselaurel',
+                                            color: 'japaneseLaurel',
                                             label: 'details'
                                         },
                                         error: '',
@@ -652,7 +652,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'clipboard-data',
-                                            color: 'Japaneselaurel',
+                                            color: 'japaneseLaurel',
                                             label: 'history'
                                         },
                                         error: '',
@@ -667,7 +667,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'clipboard-data',
-                                            color: 'Japaneselaurel',
+                                            color: 'japaneseLaurel',
                                             label: 'technical'
                                         },
                                         error: '',
@@ -682,7 +682,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'clipboard-data',
-                                            color: 'Japaneselaurel',
+                                            color: 'japaneseLaurel',
                                             label: 'location'
                                         },
                                         error: '',
@@ -697,7 +697,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'clipboard-data',
-                                            color: 'Japaneselaurel',
+                                            color: 'japaneseLaurel',
                                             label: 'date'
                                         },
                                         error: '',
@@ -722,7 +722,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'clipboard-data',
-                                            color: 'Japaneselaurel',
+                                            color: 'japaneseLaurel',
                                             label: 'register'
                                         },
                                         error: '',
@@ -752,7 +752,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'clipboard-check',
-                                            color: 'Japaneselaurel',
+                                            color: 'japaneseLaurel',
                                             label: 'apply'
                                         },
                                         error: '',
@@ -880,7 +880,47 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'mail',
-                                            color: 'darkyellow',
+                                            color: 'darkYellow',
+                                            label: 'Channel'
+                                        },
+                                        error: '',
+                                        status: {
+                                            label: '',
+                                            type: ''
+                                        }
+                                    }
+                                ]
+                            },
+                            {
+                                id: '99',
+                                label: 'Schedule Interview 2',
+                                visual: {
+                                    imgurl: ''
+                                },
+                                error: '',
+                                steps: [
+                                    {
+                                        id: '101',
+                                        label: 'Get Panel',
+                                        visual: {
+                                            imgurl: '',
+                                            icon: 'dataviz-datetime-field',
+                                            color: 'congressBlue',
+                                            label: 'get panel'
+                                        },
+                                        status: {
+                                            label: 'MLP 1',
+                                            type: 'info'
+                                        },
+                                        error: ''
+                                    },
+                                    {
+                                        id: '102',
+                                        label: 'Send Email',
+                                        visual: {
+                                            imgurl: '',
+                                            icon: 'mail',
+                                            color: 'darkYellow',
                                             label: 'Channel'
                                         },
                                         error: '',
@@ -922,7 +962,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'mail',
-                                            color: 'darkyellow',
+                                            color: 'darkYellow',
                                             label: 'Channel'
                                         },
                                         error: '',
@@ -978,7 +1018,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'stoplight',
-                                            color: 'Japaneselaurel',
+                                            color: 'japaneseLaurel',
                                             label: 'technical'
                                         },
                                         error: '',
@@ -993,7 +1033,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'stoplight',
-                                            color: 'Japaneselaurel',
+                                            color: 'japaneseLaurel',
                                             label: 'technical'
                                         },
                                         error: '',
@@ -1008,7 +1048,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'stoplight',
-                                            color: 'Japaneselaurel',
+                                            color: 'japaneseLaurel',
                                             label: 'technical'
                                         },
                                         error: '',
@@ -1023,7 +1063,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'mail',
-                                            color: 'darkyellow',
+                                            color: 'darkYellow',
                                             label: 'email'
                                         },
                                         error: '',
@@ -1079,7 +1119,7 @@ export const LifeCycleWorkFlowData = {
                                         visual: {
                                             imgurl: '',
                                             icon: 'mail',
-                                            color: 'darkyellow',
+                                            color: 'darkYellow',
                                             label: 'details'
                                         },
                                         error: '',
@@ -1125,4 +1165,92 @@ export const LifeCycleWorkFlowData = {
         }
     ]
 };
+export const workFlowNodeLibrary = [
+    {
+        id: 'decision',
+        primary: 'Decision',
+        type: {
+            color: 'darkYellow',
+            icon: 'diamond'
+        }
+    },
+    {
+        id: 'assignment',
+        primary: 'Assignment',
+        type: {
+            color: 'japaneseLaurel',
+            icon: 'clipboard-data'
+        }
+    },
+    {
+        id: 'automation',
+        primary: 'Automation',
+        type: {
+            color: 'studio',
+            icon: 'polaris'
+        },
+        items: [
+            {
+                id: 'pdf',
+                primary: 'Generate PDF',
+                type: {
+                    color: 'congressBlue',
+                    icon: 'polaris'
+                }
+            },
+            {
+                id: 'sendemail',
+                primary: 'Send email',
+                type: {
+                    color: 'yellow',
+                    icon: 'mail'
+                }
+            }
+        ]
+    }
+];
+export const planViewNodeLibrary = [
+    {
+        id: 'Manager portal',
+        primary: 'Manager portal',
+        type: {
+            color: 'orange',
+            icon: 'desktop'
+        }
+    },
+    {
+        id: 'Mobile Application',
+        primary: 'Mobile Application',
+        type: {
+            color: 'japaneseLaurel',
+            icon: 'mobile-phone'
+        }
+    },
+    {
+        id: 'User portal',
+        primary: 'Automations',
+        type: {
+            color: 'magenta',
+            icon: 'laptop'
+        },
+        items: [
+            {
+                id: 'Send email',
+                primary: 'Send email',
+                type: {
+                    color: 'darkYellow',
+                    icon: 'mail'
+                }
+            },
+            {
+                id: 'Web services',
+                primary: 'Web services',
+                type: {
+                    color: 'congressBlue',
+                    icon: 'server'
+                }
+            }
+        ]
+    }
+];
 //# sourceMappingURL=LifeCycle.mocks.js.map