@pega/cosmos-react-demos 5.0.0-dev.1.0 → 5.0.0-dev.10.0

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

@@ -1,5 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const ColorPicker: StoryFn;
-//# sourceMappingURL=LibraryPicker.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LibraryPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAQtD,wBAGU;AAEV,eAAO,MAAM,WAAW,EAAE,OAiDzB,CAAC"}

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

@@ -1,39 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState, useRef } from 'react';
-import { ItemLibrary } from '@pega/cosmos-react-build';
-import { Button, useElement, useOuterEvent } from '@pega/cosmos-react-core';
-import { nodeLibrary } from './LibraryPicker.mocks';
-export default {
-    title: 'Build/LibraryPicker',
-    component: ItemLibrary
-};
-export const ColorPicker = () => {
-    const [selectedItem, setSelectedItem] = useState();
-    const [showPicker, updatePicker] = useState(false);
-    const [popoverEl, setPopoverEl] = useElement();
-    const targetRef = useRef(null);
-    const closeMenu = () => {
-        updatePicker(false);
-    };
-    const btnClick = () => {
-        updatePicker(true);
-    };
-    const onSelect = (item) => {
-        setSelectedItem(item);
-        closeMenu();
-    };
-    const onKeydown = (e) => {
-        if (e.key === 'Escape') {
-            closeMenu();
-        }
-    };
-    useEffect(() => {
-        document.addEventListener('keydown', onKeydown);
-        return () => {
-            document.removeEventListener('keydown', onKeydown);
-        };
-    }, []);
-    useOuterEvent('mousedown', [popoverEl], closeMenu);
-    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 +0,0 @@
-{"version":3,"file":"LibraryPicker.stories.js","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,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,GAAY,GAAG,EAAE;IACvC,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, useRef } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { ItemLibrary } from '@pega/cosmos-react-build';\nimport type { 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: StoryFn = () => {\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,204 +0,0 @@
-import { LibraryItem } from '@pega/cosmos-react-build';
-export declare const lifeCycleEmptyData: {
-    id: string;
-    categories: never[];
-    stages: {
-        id: string;
-        label: string;
-        type: string;
-        error: string;
-        categories: {
-            id: string;
-            categoryId: string;
-            tasks: {
-                id: string;
-                label: string;
-                visual: {
-                    imgurl: string;
-                };
-                error: string;
-                steps: {
-                    id: string;
-                    label: string;
-                    visual: {
-                        imgurl: string;
-                        icon: string;
-                        color: string;
-                        label: string;
-                    };
-                    status: {
-                        type: string;
-                        label: string;
-                    };
-                    error: string;
-                }[];
-            }[][];
-        }[];
-    }[];
-    alternateStages: never[];
-};
-export declare const lifeCycleEmptyPlanViewData: {
-    id: string;
-    categories: {
-        label: string;
-        id: string;
-    }[];
-    stages: {
-        id: string;
-        label: string;
-        type: string;
-        error: string;
-        categories: {
-            id: string;
-            categoryId: string;
-            tasks: never[];
-        }[];
-    }[];
-    alternateStages: never[];
-};
-export declare const lifeCyclePlanViewData: {
-    id: string;
-    categories: {
-        label: string;
-        id: string;
-    }[];
-    stages: {
-        id: string;
-        label: string;
-        type: string;
-        error: string;
-        categories: {
-            id: string;
-            categoryId: string;
-            tasks: {
-                id: string;
-                label: string;
-                visual: {
-                    imgurl: string;
-                };
-                error: string;
-                steps: {
-                    id: string;
-                    label: string;
-                    visual: {
-                        imgurl: string;
-                        icon: string;
-                        color: string;
-                        label: string;
-                    };
-                    status: {
-                        label: string;
-                        type: string;
-                    };
-                    error: string;
-                }[];
-            }[];
-        }[];
-    }[];
-    alternateStages: {
-        id: string;
-        label: string;
-        error: string;
-        type: string;
-        categories: {
-            id: string;
-            categoryId: string;
-            tasks: {
-                id: string;
-                label: string;
-                visual: {
-                    imgurl: string;
-                };
-                error: string;
-                steps: {
-                    id: string;
-                    label: string;
-                    visual: {
-                        imgurl: string;
-                        icon: string;
-                        color: string;
-                        label: string;
-                    };
-                    status: {
-                        label: string;
-                        type: string;
-                    };
-                    error: string;
-                }[];
-            }[];
-        }[];
-    }[];
-};
-export declare const lifeCycleWorkFlowData: {
-    id: string;
-    categories: never[];
-    stages: {
-        id: string;
-        label: string;
-        type: string;
-        error: string;
-        categories: {
-            id: string;
-            categoryId: string;
-            tasks: {
-                id: string;
-                label: string;
-                visual: {
-                    imgurl: string;
-                };
-                error: string;
-                steps: {
-                    id: string;
-                    label: string;
-                    visual: {
-                        imgurl: string;
-                        icon: string;
-                        color: string;
-                        label: string;
-                    };
-                    error: string;
-                    status: {
-                        label: string;
-                        type: string;
-                    };
-                }[];
-            }[][];
-        }[];
-    }[];
-    alternateStages: {
-        id: string;
-        label: string;
-        type: string;
-        error: string;
-        categories: {
-            id: string;
-            categoryId: string;
-            tasks: {
-                id: string;
-                label: string;
-                visual: {
-                    imgurl: string;
-                };
-                error: string;
-                steps: {
-                    id: string;
-                    label: string;
-                    visual: {
-                        imgurl: string;
-                        icon: string;
-                        color: string;
-                        label: string;
-                    };
-                    error: string;
-                    status: {
-                        label: string;
-                        type: string;
-                    };
-                }[];
-            }[][];
-        }[];
-    }[];
-};
-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 +0,0 @@
-{"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"}