@pega/cosmos-react-demos 4.0.0-dev.9.1 → 4.0.0

package/lib/core/AIButton/AIButton.mocks.js

@@ -0,0 +1,139 @@
+// Value sets used by the mock AI
+export const AIValues = [
+    {
+        name: 'Cindy Turner',
+        email: 'cindy.turner@pega.com',
+        locations: 'Waltham',
+        meetings: 'No',
+        meals: 'Pizza',
+        notes: 'If I could have a window seat, that would be much appreciated!'
+    },
+    {
+        name: 'Seth DeAngelo',
+        email: 'seth.deangelo@pega.com',
+        locations: 'Waltham,Cambridge',
+        meetings: 'Yes',
+        meals: 'Salad',
+        notes: `I selected salad for my meal, but it that is not available, I'm okay with any sandwich you have.`
+    },
+    {
+        name: 'Janet Moore',
+        email: 'janet.moore@pega.com',
+        locations: 'Krakow',
+        meetings: 'No',
+        meals: 'Sandwich',
+        notes: `I'm allergic to nuts, so please don't add any peanut butter to my sandwich.`
+    },
+    {
+        name: 'Dean Thomas',
+        email: 'dean.thomas@pega.com',
+        locations: 'Hyderabad',
+        meetings: 'Yes',
+        meals: 'Pizza',
+        notes: 'I would like to arrange my hours to avoid rush hour.'
+    },
+    {
+        name: 'Kate Mirin',
+        email: 'kate.mirin@pega.com',
+        locations: 'Waltham,Krakow,Bangalore',
+        meetings: 'Yes',
+        meals: 'Salad',
+        notes: `I'm not too picky!`
+    }
+];
+// Get initial field properties
+export const initFields = () => {
+    const common = { value: undefined, status: undefined };
+    return [
+        {
+            ...common,
+            name: 'name',
+            label: 'Name',
+            required: true,
+            validator() {
+                if (!this.value)
+                    return 'Please enter a first and last name';
+                return /^[a-z]+\s[a-z]+$/i.test(this.value)
+                    ? ''
+                    : 'You need to enter a first and last name';
+            }
+        },
+        {
+            ...common,
+            name: 'email',
+            label: 'Email',
+            required: true,
+            validator() {
+                if (!this.value)
+                    return 'Please enter an email address';
+                return /^\S+@pega\.com$/.test(this.value) ? '' : 'Please enter an @pega.com address';
+            }
+        },
+        {
+            ...common,
+            name: 'locations',
+            label: 'Which office(s) have you worked in?',
+            required: true,
+            validator() {
+                if (!this.value)
+                    return 'Select at least one location';
+                return '';
+            }
+        },
+        {
+            ...common,
+            name: 'meetings',
+            label: 'Do you enjoy early morning meetings?'
+        },
+        {
+            ...common,
+            name: 'meals',
+            label: 'What would you like to eat?',
+            help: 'Selections will be made on a first-come basis'
+        },
+        {
+            ...common,
+            name: 'notes',
+            label: 'Special requests',
+            help: 'We will take any of your requests into consideration'
+        }
+    ];
+};
+// Handles setting of state for all fields
+export const fieldReducer = (fields, { type, name, value }) => {
+    return fields.map(field => {
+        if (field.name === name) {
+            if (name === 'locations' && field.value && value && type === 'change') {
+                const selectedValues = field.value.split(',');
+                const indexOfValue = selectedValues.findIndex(i => i === value);
+                if (indexOfValue !== -1) {
+                    selectedValues.splice(indexOfValue, 1);
+                }
+                else {
+                    selectedValues.push(value);
+                }
+                field.value = selectedValues.join(',');
+            }
+            else {
+                field.value = value;
+            }
+            if (type === 'cancel') {
+                field.status = undefined;
+                field.info = field.help;
+            }
+            else if (type === 'blur' || type === 'submit' || field.status === 'error') {
+                const error = field.validator?.() || '';
+                if ((field.required || field.value) && error) {
+                    field.status = 'error';
+                    field.info = error;
+                }
+                else {
+                    field.status = undefined;
+                    field.info = field.help;
+                }
+            }
+        }
+        return field;
+    });
+};
+//# sourceMappingURL=AIButton.mocks.js.map

package/lib/core/AIButton/AIButton.mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIButton.mocks.js","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormControlProps } from '@pega/cosmos-react-core';\n\ninterface Value {\n  name: string;\n  email: string;\n  locations: string;\n  meetings: string;\n  meals: string;\n  notes: string;\n}\n\ninterface Field extends FormControlProps {\n  help?: FormControlProps['info'];\n  validator?: (this: Field) => string;\n}\n\n// Value sets used by the mock AI\nexport const AIValues: Value[] = [\n  {\n    name: 'Cindy Turner',\n    email: 'cindy.turner@pega.com',\n    locations: 'Waltham',\n    meetings: 'No',\n    meals: 'Pizza',\n    notes: 'If I could have a window seat, that would be much appreciated!'\n  },\n  {\n    name: 'Seth DeAngelo',\n    email: 'seth.deangelo@pega.com',\n    locations: 'Waltham,Cambridge',\n    meetings: 'Yes',\n    meals: 'Salad',\n    notes: `I selected salad for my meal, but it that is not available, I'm okay with any sandwich you have.`\n  },\n  {\n    name: 'Janet Moore',\n    email: 'janet.moore@pega.com',\n    locations: 'Krakow',\n    meetings: 'No',\n    meals: 'Sandwich',\n    notes: `I'm allergic to nuts, so please don't add any peanut butter to my sandwich.`\n  },\n  {\n    name: 'Dean Thomas',\n    email: 'dean.thomas@pega.com',\n    locations: 'Hyderabad',\n    meetings: 'Yes',\n    meals: 'Pizza',\n    notes: 'I would like to arrange my hours to avoid rush hour.'\n  },\n  {\n    name: 'Kate Mirin',\n    email: 'kate.mirin@pega.com',\n    locations: 'Waltham,Krakow,Bangalore',\n    meetings: 'Yes',\n    meals: 'Salad',\n    notes: `I'm not too picky!`\n  }\n];\n\n// Get initial field properties\nexport const initFields = (): Field[] => {\n  const common = { value: undefined, status: undefined };\n  return [\n    {\n      ...common,\n      name: 'name',\n      label: 'Name',\n      required: true,\n      validator() {\n        if (!this.value) return 'Please enter a first and last name';\n        return /^[a-z]+\\s[a-z]+$/i.test(this.value)\n          ? ''\n          : 'You need to enter a first and last name';\n      }\n    },\n    {\n      ...common,\n      name: 'email',\n      label: 'Email',\n      required: true,\n      validator() {\n        if (!this.value) return 'Please enter an email address';\n        return /^\\S+@pega\\.com$/.test(this.value) ? '' : 'Please enter an @pega.com address';\n      }\n    },\n    {\n      ...common,\n      name: 'locations',\n      label: 'Which office(s) have you worked in?',\n      required: true,\n      validator() {\n        if (!this.value) return 'Select at least one location';\n        return '';\n      }\n    },\n    {\n      ...common,\n      name: 'meetings',\n      label: 'Do you enjoy early morning meetings?'\n    },\n    {\n      ...common,\n      name: 'meals',\n      label: 'What would you like to eat?',\n      help: 'Selections will be made on a first-come basis'\n    },\n    {\n      ...common,\n      name: 'notes',\n      label: 'Special requests',\n      help: 'We will take any of your requests into consideration'\n    }\n  ];\n};\n\n// Handles setting of state for all fields\nexport const fieldReducer = (\n  fields: Field[],\n  {\n    type,\n    name,\n    value\n  }: {\n    type: 'blur' | 'change' | 'submit' | 'cancel' | 'ai';\n    name?: string;\n    value?: string;\n  }\n) => {\n  return fields.map(field => {\n    if (field.name === name) {\n      if (name === 'locations' && field.value && value && type === 'change') {\n        const selectedValues = field.value.split(',');\n        const indexOfValue = selectedValues.findIndex(i => i === value);\n        if (indexOfValue !== -1) {\n          selectedValues.splice(indexOfValue, 1);\n        } else {\n          selectedValues.push(value);\n        }\n        field.value = selectedValues.join(',');\n      } else {\n        field.value = value;\n      }\n\n      if (type === 'cancel') {\n        field.status = undefined;\n        field.info = field.help;\n      } else if (type === 'blur' || type === 'submit' || field.status === 'error') {\n        const error = field.validator?.() || '';\n        if ((field.required || field.value) && error) {\n          field.status = 'error';\n          field.info = error;\n        } else {\n          field.status = undefined;\n          field.info = field.help;\n        }\n      }\n    }\n    return field;\n  });\n};\n"]}

package/lib/core/AIButton/AIButton.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryFn } from '@storybook/react';
+import type { AIButtonProps } from '@pega/cosmos-react-core';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const AIButtonDemo: StoryFn<AIButtonProps>;
+interface AIButtonFormProps {
+    throwAIError?: boolean;
+    showTitle?: boolean;
+    showDescription?: boolean;
+    onCancel?: () => void;
+    onSubmit?: () => void;
+}
+export declare const AIButtonFormDemo: StoryFn<AIButtonFormProps>;
+export declare const AIButtonFormInModalDemo: StoryFn<AIButtonFormProps>;
+interface ConfigurableButtonProps {
+    borderWidth?: string;
+    borderRadius?: number;
+    color?: string;
+    secondaryColor?: string;
+    padding?: string;
+}
+export declare const ConfigurableAIButton: StoryFn<ConfigurableButtonProps>;
+//# sourceMappingURL=AIButton.stories.d.ts.map

package/lib/core/AIButton/AIButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIButton.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAwBtD,OAAO,KAAK,EAAE,aAAa,EAAqB,MAAM,yBAAyB,CAAC;;AAMhF,wBAOU;AAEV,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,aAAa,CAE/C,CAAC;AAYF,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,iBAAiB,CAsOvD,CAAC;AAcF,eAAO,MAAM,uBAAuB,EAAE,OAAO,CAAC,iBAAiB,CAsP9D,CAAC;AASF,UAAU,uBAAuB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,uBAAuB,CAuBjE,CAAC"}

package/lib/core/AIButton/AIButton.stories.js

@@ -0,0 +1,223 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useReducer, useRef, useState } from 'react';
+import { AIButton, Banner, Button, Checkbox, CheckboxGroup, Configuration, ErrorState, Flex, Form, Grid, Input, Modal, RadioButton, RadioButtonGroup, Select, Option, TextArea, useModalContext, useModalManager, useToaster } from '@pega/cosmos-react-core';
+import { loadingTimeoutMS } from '../Progress/Progress.mocks';
+import { AIValues, fieldReducer, initFields } from './AIButton.mocks';
+export default {
+    title: 'Core/AIButton',
+    component: AIButton,
+    excludeStories: ['ConfigurableAIButton'],
+    parameters: {
+        layout: 'centered'
+    }
+};
+export const AIButtonDemo = (args) => {
+    return _jsx(AIButton, { label: args.label, disabled: args.disabled });
+};
+AIButtonDemo.args = {
+    label: 'Fill form with AI',
+    disabled: false
+};
+AIButtonDemo.argTypes = {
+    label: { control: { type: 'text' } },
+    disabled: { control: { type: 'boolean' } }
+};
+export const AIButtonFormDemo = (args) => {
+    const [fields, setField] = useReducer(fieldReducer, undefined, initFields);
+    const [banner, setBanner] = useState();
+    const [loadingMessage, setLoadingMessage] = useState('');
+    const [submitting, setSubmitting] = useState(false);
+    const bannerHandleRef = useRef(null);
+    const { push } = useToaster();
+    const name = fields.find(field => field.name === 'name');
+    const email = fields.find(field => field.name === 'email');
+    const locations = fields.find(field => field.name === 'locations');
+    const meetings = fields.find(field => field.name === 'meetings');
+    const meals = fields.find(field => field.name === 'meals');
+    const notes = fields.find(field => field.name === 'notes');
+    useEffect(() => {
+        if (banner && bannerHandleRef.current)
+            bannerHandleRef.current.focus();
+    }, [banner]);
+    if (!name || !email || !locations || !meetings || !meals || !notes)
+        return _jsx(ErrorState, {});
+    const clearForm = () => {
+        fields.forEach(field => setField({ type: 'cancel', name: field.name, value: undefined }));
+    };
+    const fillWithAI = () => {
+        setLoadingMessage('AI is filling out the form...');
+        setTimeout(() => {
+            setLoadingMessage('');
+            if (args.throwAIError) {
+                setBanner(_jsx(Banner, { variant: 'urgent', messages: ['An error occurred while generating responses from the AI.'], onDismiss: () => {
+                        setBanner(undefined);
+                    }, handle: bannerHandleRef }));
+            }
+            else {
+                setBanner(undefined);
+                const values = AIValues[Math.floor(Math.random() * AIValues.length)];
+                Object.keys(values).forEach(field => {
+                    setField({ type: 'ai', name: field, value: values[field] });
+                });
+            }
+        }, loadingTimeoutMS);
+    };
+    const trySubmit = () => {
+        const errors = [];
+        fields.forEach(field => {
+            setField({ type: 'submit', name: field.name, value: field.value });
+            const error = field.validator?.() || '';
+            if (error)
+                errors.push(error);
+        });
+        if (errors.length === 0) {
+            setSubmitting(true);
+            setLoadingMessage('Submitting form...');
+            setTimeout(() => {
+                setLoadingMessage('');
+                setSubmitting(false);
+                push({ content: 'Form submitted!' });
+                clearForm();
+                setBanner(undefined);
+                args.onSubmit?.();
+            }, loadingTimeoutMS);
+        }
+        else {
+            setBanner(_jsx(Banner, { variant: 'urgent', messages: errors, onDismiss: () => {
+                    setBanner(undefined);
+                }, handle: bannerHandleRef }));
+        }
+    };
+    return (_jsx(Form, { heading: args.showTitle ? 'AI Form' : undefined, description: args.showDescription ? 'The AI in this demo is a mock and not a functional AI.' : undefined, progress: loadingMessage, actions: _jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => {
+                        clearForm();
+                        args.onCancel?.();
+                    }, disabled: submitting, children: "Cancel" }), _jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [_jsx(AIButton, { label: 'Fill form with AI', onClick: fillWithAI, disabled: !!loadingMessage }), _jsx(Button, { variant: 'primary', disabled: !!loadingMessage, onClick: trySubmit, children: "Submit" })] })] }), banners: banner, children: _jsxs(Grid, { container: { gap: 1, cols: `repeat(2, minmax(0, 1fr))` }, children: [_jsx(Input, { name: name.name, label: name.label, required: name.required, info: name.info || name.help, value: name.value, status: name.status, onChange: (e) => setField({ type: 'change', name: e.target.name, value: e.target.value }), onBlur: (e) => setField({ type: 'blur', name: e.target.name, value: e.target.value }) }), _jsx(Input, { name: email.name, label: email.label, required: email.required, info: email.info || email.help, value: email.value, status: email.status, type: 'email', onChange: (e) => setField({ type: 'change', name: e.target.name, value: e.target.value }), onBlur: (e) => setField({ type: 'blur', name: e.target.name, value: e.target.value }) }), _jsx(Grid, { item: { colStartEnd: '1/-1' }, children: _jsx(CheckboxGroup, { name: locations.name, label: locations.label, required: locations.required, info: locations.info || locations.help, status: locations.status, children: ['Cambridge', 'Waltham', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (_jsx(Checkbox, { label: office, value: office, checked: locations.value?.includes(office), onChange: (e) => setField({
+                                type: 'change',
+                                name: e.target.name,
+                                value: e.target.value
+                            }) }, office))) }) }), _jsx(Grid, { item: { colStartEnd: '1/-1' }, children: _jsx(RadioButtonGroup, { name: meetings.name, label: meetings.label, required: meetings.required, info: meetings.info || meetings.help, status: meetings.status, children: ['Yes', 'No'].map(option => (_jsx(RadioButton, { label: option, value: option, checked: meetings.value === option, onChange: (e) => setField({ type: 'change', name: e.target.name, value: e.target.value }) }, option))) }) }), _jsxs(Select, { name: meals.name, label: meals.label, required: meals.required, info: meals.info || meals.help, value: meals.value || 'choose meal...', status: meals.status, onChange: (e) => setField({ type: 'change', name: e.target.name, value: e.target.value }), children: [_jsx(Option, { children: "choose meal..." }), _jsx(Option, { children: "Pizza" }), _jsx(Option, { children: "Sandwich" }), _jsx(Option, { children: "Salad" })] }), _jsx(Grid, { item: { colStartEnd: '1/-1' }, children: _jsx(TextArea, { name: notes.name, label: notes.label, required: notes.required, info: notes.info || notes.help, value: notes.value, status: notes.status, maxLength: 200, displayCharCount: true, onChange: (e) => setField({ type: 'change', name: e.target.name, value: e.target.value }), onBlur: (e) => setField({ type: 'blur', name: e.target.name, value: e.target.value }) }) })] }) }));
+};
+AIButtonFormDemo.args = {
+    throwAIError: false,
+    showTitle: true,
+    showDescription: true
+};
+AIButtonFormDemo.argTypes = {
+    throwAIError: { control: { type: 'boolean' } },
+    showTitle: { control: { type: 'boolean' }, table: { disable: true } },
+    showDescription: { control: { type: 'boolean' } }
+};
+export const AIButtonFormInModalDemo = (args) => {
+    const AIModal = () => {
+        const [fields, setField] = useReducer(fieldReducer, undefined, initFields);
+        const [banner, setBanner] = useState();
+        const [loadingMessage, setLoadingMessage] = useState('');
+        const [submitting, setSubmitting] = useState(false);
+        const bannerHandleRef = useRef(null);
+        const { push } = useToaster();
+        const { dismiss } = useModalContext();
+        const name = fields.find(field => field.name === 'name');
+        const email = fields.find(field => field.name === 'email');
+        const locations = fields.find(field => field.name === 'locations');
+        const meetings = fields.find(field => field.name === 'meetings');
+        const meals = fields.find(field => field.name === 'meals');
+        const notes = fields.find(field => field.name === 'notes');
+        useEffect(() => {
+            if (banner && bannerHandleRef.current)
+                bannerHandleRef.current.focus();
+        }, [banner]);
+        if (!name || !email || !locations || !meetings || !meals || !notes)
+            return _jsx(ErrorState, {});
+        const fillWithAI = () => {
+            setLoadingMessage('AI is filling out the form...');
+            setTimeout(() => {
+                setLoadingMessage('');
+                if (args.throwAIError) {
+                    setBanner(_jsx(Banner, { variant: 'urgent', messages: ['An error occurred while generating responses from the AI.'], onDismiss: () => {
+                            setBanner(undefined);
+                        }, handle: bannerHandleRef }));
+                }
+                else {
+                    setBanner(undefined);
+                    const values = AIValues[Math.floor(Math.random() * AIValues.length)];
+                    Object.keys(values).forEach(field => {
+                        setField({ type: 'ai', name: field, value: values[field] });
+                    });
+                }
+                setLoadingMessage('');
+            }, loadingTimeoutMS);
+        };
+        const trySubmit = () => {
+            const errors = [];
+            fields.forEach(field => {
+                setField({ type: 'submit', name: field.name, value: field.value });
+                const error = field.validator?.() || '';
+                if (error)
+                    errors.push(error);
+            });
+            if (errors.length === 0) {
+                setSubmitting(true);
+                setLoadingMessage('Submitting form...');
+                setTimeout(() => {
+                    setLoadingMessage('');
+                    setSubmitting(false);
+                    push({ content: 'Form submitted!' });
+                    setBanner(undefined);
+                    dismiss();
+                }, loadingTimeoutMS);
+            }
+            else {
+                setBanner(_jsx(Banner, { variant: 'urgent', messages: errors, onDismiss: () => {
+                        setBanner(undefined);
+                    }, handle: bannerHandleRef }));
+            }
+        };
+        return (_jsx(Modal, { heading: 'AI Form in a Modal', progress: loadingMessage ? { message: loadingMessage } : undefined, onRequestDismiss: () => !submitting, actions: _jsxs(_Fragment, { children: [_jsx(Button, { onClick: dismiss, disabled: submitting, children: "Cancel" }), _jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [_jsx(AIButton, { label: 'Fill form with AI', onClick: fillWithAI, disabled: !!loadingMessage }), _jsx(Button, { variant: 'primary', disabled: !!loadingMessage, onClick: trySubmit, children: "Submit" })] })] }), children: _jsx(Form, { description: 'The AI in this demo is a mock and not a functional AI.', banners: banner, style: { margin: 'auto', maxWidth: '37.5rem' }, children: _jsxs(Grid, { container: { gap: 1, cols: `repeat(2, minmax(0, 1fr))` }, children: [_jsx(Input, { name: name.name, label: name.label, required: name.required, info: name.info || name.help, value: name.value, status: name.status, onChange: (e) => setField({ type: 'change', name: e.target.name, value: e.target.value }), onBlur: (e) => setField({ type: 'blur', name: e.target.name, value: e.target.value }) }), _jsx(Input, { name: email.name, label: email.label, required: email.required, info: email.info || email.help, value: email.value, status: email.status, type: 'email', onChange: (e) => setField({ type: 'change', name: e.target.name, value: e.target.value }), onBlur: (e) => setField({ type: 'blur', name: e.target.name, value: e.target.value }) }), _jsx(Grid, { item: { colStartEnd: '1/-1' }, children: _jsx(CheckboxGroup, { name: locations.name, label: locations.label, required: locations.required, info: locations.info || locations.help, status: locations.status, children: ['Cambridge', 'Waltham', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (_jsx(Checkbox, { label: office, value: office, checked: locations.value?.includes(office), onChange: (e) => setField({
+                                        type: 'change',
+                                        name: e.target.name,
+                                        value: e.target.value
+                                    }) }, office))) }) }), _jsx(Grid, { item: { colStartEnd: '1/-1' }, children: _jsx(RadioButtonGroup, { name: meetings.name, label: meetings.label, required: meetings.required, info: meetings.info || meetings.help, status: meetings.status, children: ['Yes', 'No'].map(option => (_jsx(RadioButton, { label: option, value: option, checked: meetings.value === option, onChange: (e) => setField({ type: 'change', name: e.target.name, value: e.target.value }) }, option))) }) }), _jsxs(Select, { name: meals.name, label: meals.label, required: meals.required, info: meals.info || meals.help, value: meals.value || 'choose meal...', status: meals.status, onChange: (e) => setField({ type: 'change', name: e.target.name, value: e.target.value }), children: [_jsx(Option, { children: "choose meal..." }), _jsx(Option, { children: "Pizza" }), _jsx(Option, { children: "Sandwich" }), _jsx(Option, { children: "Salad" })] }), _jsx(Grid, { item: { colStartEnd: '1/-1' }, children: _jsx(TextArea, { name: notes.name, label: notes.label, required: notes.required, info: notes.info || notes.help, value: notes.value, status: notes.status, maxLength: 200, displayCharCount: true, onChange: (e) => setField({ type: 'change', name: e.target.name, value: e.target.value }), onBlur: (e) => setField({ type: 'blur', name: e.target.name, value: e.target.value }) }) })] }) }) }));
+    };
+    const ModalButton = () => {
+        const { create } = useModalManager();
+        return (_jsx(Button, { onClick: () => {
+                create(AIModal);
+            }, children: "Open Modal" }));
+    };
+    return _jsx(ModalButton, {});
+};
+AIButtonFormInModalDemo.args = {
+    throwAIError: false
+};
+AIButtonFormInModalDemo.argTypes = {
+    throwAIError: { control: { type: 'boolean' } }
+};
+export const ConfigurableAIButton = (args) => {
+    return (_jsx(Configuration, { theme: {
+            base: {
+                palette: {
+                    ai: args.color
+                }
+            },
+            components: {
+                button: {
+                    'border-width': args.borderWidth,
+                    'border-radius': args.borderRadius,
+                    padding: args.padding
+                }
+            }
+        }, children: _jsx(AIButton, { label: 'Configurable Button' }) }));
+};
+ConfigurableAIButton.args = {
+    borderWidth: '0.0625rem',
+    borderRadius: 9999,
+    color: '#681fc3',
+    padding: '0rem 1rem'
+};
+ConfigurableAIButton.argTypes = {
+    borderWidth: { control: { type: 'text' } },
+    borderRadius: { control: { type: 'number' } },
+    color: { control: { type: 'color' } },
+    padding: { control: { type: 'text' } }
+};
+//# sourceMappingURL=AIButton.stories.js.map

package/lib/core/AIButton/AIButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIButton.stories.js","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useReducer, useRef, useState } from 'react';\nimport type { ChangeEvent, FocusEvent, ReactNode } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport {\n  AIButton,\n  Banner,\n  Button,\n  Checkbox,\n  CheckboxGroup,\n  Configuration,\n  ErrorState,\n  Flex,\n  Form,\n  Grid,\n  Input,\n  Modal,\n  RadioButton,\n  RadioButtonGroup,\n  Select,\n  Option,\n  TextArea,\n  useModalContext,\n  useModalManager,\n  useToaster\n} from '@pega/cosmos-react-core';\nimport type { AIButtonProps, BannerHandleValue } from '@pega/cosmos-react-core';\n\nimport { loadingTimeoutMS } from '../Progress/Progress.mocks';\n\nimport { AIValues, fieldReducer, initFields } from './AIButton.mocks';\n\nexport default {\n  title: 'Core/AIButton',\n  component: AIButton,\n  excludeStories: ['ConfigurableAIButton'],\n  parameters: {\n    layout: 'centered'\n  }\n} as Meta;\n\nexport const AIButtonDemo: StoryFn<AIButtonProps> = (args: AIButtonProps) => {\n  return <AIButton label={args.label} disabled={args.disabled} />;\n};\n\nAIButtonDemo.args = {\n  label: 'Fill form with AI',\n  disabled: false\n};\n\nAIButtonDemo.argTypes = {\n  label: { control: { type: 'text' } },\n  disabled: { control: { type: 'boolean' } }\n};\n\ninterface AIButtonFormProps {\n  throwAIError?: boolean;\n  showTitle?: boolean;\n  showDescription?: boolean;\n  onCancel?: () => void;\n  onSubmit?: () => void;\n}\n\nexport const AIButtonFormDemo: StoryFn<AIButtonFormProps> = (args: AIButtonFormProps) => {\n  const [fields, setField] = useReducer(fieldReducer, undefined, initFields);\n  const [banner, setBanner] = useState<ReactNode>();\n  const [loadingMessage, setLoadingMessage] = useState('');\n  const [submitting, setSubmitting] = useState(false);\n\n  const bannerHandleRef = useRef<BannerHandleValue>(null);\n  const { push } = useToaster();\n\n  const name = fields.find(field => field.name === 'name');\n  const email = fields.find(field => field.name === 'email');\n  const locations = fields.find(field => field.name === 'locations');\n  const meetings = fields.find(field => field.name === 'meetings');\n  const meals = fields.find(field => field.name === 'meals');\n  const notes = fields.find(field => field.name === 'notes');\n\n  useEffect(() => {\n    if (banner && bannerHandleRef.current) bannerHandleRef.current.focus();\n  }, [banner]);\n\n  if (!name || !email || !locations || !meetings || !meals || !notes) return <ErrorState />;\n\n  const clearForm = () => {\n    fields.forEach(field => setField({ type: 'cancel', name: field.name, value: undefined }));\n  };\n\n  const fillWithAI = () => {\n    setLoadingMessage('AI is filling out the form...');\n    setTimeout(() => {\n      setLoadingMessage('');\n      if (args.throwAIError) {\n        setBanner(\n          <Banner\n            variant='urgent'\n            messages={['An error occurred while generating responses from the AI.']}\n            onDismiss={() => {\n              setBanner(undefined);\n            }}\n            handle={bannerHandleRef}\n          />\n        );\n      } else {\n        setBanner(undefined);\n        const values = AIValues[Math.floor(Math.random() * AIValues.length)];\n        Object.keys(values).forEach(field => {\n          setField({ type: 'ai', name: field, value: values[field as keyof typeof values] });\n        });\n      }\n    }, loadingTimeoutMS);\n  };\n\n  const trySubmit = () => {\n    const errors: string[] = [];\n    fields.forEach(field => {\n      setField({ type: 'submit', name: field.name, value: field.value });\n      const error = field.validator?.() || '';\n      if (error) errors.push(error);\n    });\n\n    if (errors.length === 0) {\n      setSubmitting(true);\n      setLoadingMessage('Submitting form...');\n      setTimeout(() => {\n        setLoadingMessage('');\n        setSubmitting(false);\n        push({ content: 'Form submitted!' });\n        clearForm();\n        setBanner(undefined);\n        args.onSubmit?.();\n      }, loadingTimeoutMS);\n    } else {\n      setBanner(\n        <Banner\n          variant='urgent'\n          messages={errors}\n          onDismiss={() => {\n            setBanner(undefined);\n          }}\n          handle={bannerHandleRef}\n        />\n      );\n    }\n  };\n\n  return (\n    <Form\n      heading={args.showTitle ? 'AI Form' : undefined}\n      description={\n        args.showDescription ? 'The AI in this demo is a mock and not a functional AI.' : undefined\n      }\n      progress={loadingMessage}\n      actions={\n        <>\n          <Button\n            onClick={() => {\n              clearForm();\n              args.onCancel?.();\n            }}\n            disabled={submitting}\n          >\n            Cancel\n          </Button>\n          <Flex container={{ alignItems: 'center', gap: 1 }}>\n            <AIButton label='Fill form with AI' onClick={fillWithAI} disabled={!!loadingMessage} />\n            <Button variant='primary' disabled={!!loadingMessage} onClick={trySubmit}>\n              Submit\n            </Button>\n          </Flex>\n        </>\n      }\n      banners={banner}\n    >\n      <Grid container={{ gap: 1, cols: `repeat(2, minmax(0, 1fr))` }}>\n        <Input\n          name={name.name}\n          label={name.label}\n          required={name.required}\n          info={name.info || name.help}\n          value={name.value}\n          status={name.status}\n          onChange={(e: ChangeEvent<HTMLInputElement>) =>\n            setField({ type: 'change', name: e.target.name, value: e.target.value })\n          }\n          onBlur={(e: FocusEvent<HTMLInputElement>) =>\n            setField({ type: 'blur', name: e.target.name, value: e.target.value })\n          }\n        />\n\n        <Input\n          name={email.name}\n          label={email.label}\n          required={email.required}\n          info={email.info || email.help}\n          value={email.value}\n          status={email.status}\n          type='email'\n          onChange={(e: ChangeEvent<HTMLInputElement>) =>\n            setField({ type: 'change', name: e.target.name, value: e.target.value })\n          }\n          onBlur={(e: FocusEvent<HTMLInputElement>) =>\n            setField({ type: 'blur', name: e.target.name, value: e.target.value })\n          }\n        />\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <CheckboxGroup\n            name={locations.name}\n            label={locations.label}\n            required={locations.required}\n            info={locations.info || locations.help}\n            status={locations.status}\n          >\n            {['Cambridge', 'Waltham', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (\n              <Checkbox\n                key={office}\n                label={office}\n                value={office}\n                checked={locations.value?.includes(office)}\n                onChange={(e: ChangeEvent<HTMLInputElement>) =>\n                  setField({\n                    type: 'change',\n                    name: e.target.name,\n                    value: e.target.value\n                  })\n                }\n              />\n            ))}\n          </CheckboxGroup>\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <RadioButtonGroup\n            name={meetings.name}\n            label={meetings.label}\n            required={meetings.required}\n            info={meetings.info || meetings.help}\n            status={meetings.status}\n          >\n            {['Yes', 'No'].map(option => (\n              <RadioButton\n                key={option}\n                label={option}\n                value={option}\n                checked={meetings.value === option}\n                onChange={(e: ChangeEvent<HTMLInputElement>) =>\n                  setField({ type: 'change', name: e.target.name, value: e.target.value })\n                }\n              />\n            ))}\n          </RadioButtonGroup>\n        </Grid>\n\n        <Select\n          name={meals.name}\n          label={meals.label}\n          required={meals.required}\n          info={meals.info || meals.help}\n          value={meals.value || 'choose meal...'}\n          status={meals.status}\n          onChange={(e: ChangeEvent<HTMLSelectElement>) =>\n            setField({ type: 'change', name: e.target.name, value: e.target.value })\n          }\n        >\n          <Option>choose meal...</Option>\n          <Option>Pizza</Option>\n          <Option>Sandwich</Option>\n          <Option>Salad</Option>\n        </Select>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <TextArea\n            name={notes.name}\n            label={notes.label}\n            required={notes.required}\n            info={notes.info || notes.help}\n            value={notes.value}\n            status={notes.status}\n            maxLength={200}\n            displayCharCount\n            onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n              setField({ type: 'change', name: e.target.name, value: e.target.value })\n            }\n            onBlur={(e: FocusEvent<HTMLInputElement>) =>\n              setField({ type: 'blur', name: e.target.name, value: e.target.value })\n            }\n          />\n        </Grid>\n      </Grid>\n    </Form>\n  );\n};\n\nAIButtonFormDemo.args = {\n  throwAIError: false,\n  showTitle: true,\n  showDescription: true\n};\n\nAIButtonFormDemo.argTypes = {\n  throwAIError: { control: { type: 'boolean' } },\n  showTitle: { control: { type: 'boolean' }, table: { disable: true } },\n  showDescription: { control: { type: 'boolean' } }\n};\n\nexport const AIButtonFormInModalDemo: StoryFn<AIButtonFormProps> = (args: AIButtonFormProps) => {\n  const AIModal = () => {\n    const [fields, setField] = useReducer(fieldReducer, undefined, initFields);\n    const [banner, setBanner] = useState<ReactNode | undefined>();\n    const [loadingMessage, setLoadingMessage] = useState('');\n    const [submitting, setSubmitting] = useState(false);\n\n    const bannerHandleRef = useRef<BannerHandleValue>(null);\n    const { push } = useToaster();\n    const { dismiss } = useModalContext();\n\n    const name = fields.find(field => field.name === 'name');\n    const email = fields.find(field => field.name === 'email');\n    const locations = fields.find(field => field.name === 'locations');\n    const meetings = fields.find(field => field.name === 'meetings');\n    const meals = fields.find(field => field.name === 'meals');\n    const notes = fields.find(field => field.name === 'notes');\n\n    useEffect(() => {\n      if (banner && bannerHandleRef.current) bannerHandleRef.current.focus();\n    }, [banner]);\n\n    if (!name || !email || !locations || !meetings || !meals || !notes) return <ErrorState />;\n\n    const fillWithAI = () => {\n      setLoadingMessage('AI is filling out the form...');\n      setTimeout(() => {\n        setLoadingMessage('');\n        if (args.throwAIError) {\n          setBanner(\n            <Banner\n              variant='urgent'\n              messages={['An error occurred while generating responses from the AI.']}\n              onDismiss={() => {\n                setBanner(undefined);\n              }}\n              handle={bannerHandleRef}\n            />\n          );\n        } else {\n          setBanner(undefined);\n          const values = AIValues[Math.floor(Math.random() * AIValues.length)];\n          Object.keys(values).forEach(field => {\n            setField({ type: 'ai', name: field, value: values[field as keyof typeof values] });\n          });\n        }\n        setLoadingMessage('');\n      }, loadingTimeoutMS);\n    };\n\n    const trySubmit = () => {\n      const errors: string[] = [];\n      fields.forEach(field => {\n        setField({ type: 'submit', name: field.name, value: field.value });\n        const error = field.validator?.() || '';\n        if (error) errors.push(error);\n      });\n\n      if (errors.length === 0) {\n        setSubmitting(true);\n        setLoadingMessage('Submitting form...');\n        setTimeout(() => {\n          setLoadingMessage('');\n          setSubmitting(false);\n          push({ content: 'Form submitted!' });\n          setBanner(undefined);\n          dismiss();\n        }, loadingTimeoutMS);\n      } else {\n        setBanner(\n          <Banner\n            variant='urgent'\n            messages={errors}\n            onDismiss={() => {\n              setBanner(undefined);\n            }}\n            handle={bannerHandleRef}\n          />\n        );\n      }\n    };\n\n    return (\n      <Modal\n        heading='AI Form in a Modal'\n        progress={loadingMessage ? { message: loadingMessage } : undefined}\n        onRequestDismiss={() => !submitting}\n        actions={\n          <>\n            <Button onClick={dismiss} disabled={submitting}>\n              Cancel\n            </Button>\n            <Flex container={{ alignItems: 'center', gap: 1 }}>\n              <AIButton\n                label='Fill form with AI'\n                onClick={fillWithAI}\n                disabled={!!loadingMessage}\n              />\n              <Button variant='primary' disabled={!!loadingMessage} onClick={trySubmit}>\n                Submit\n              </Button>\n            </Flex>\n          </>\n        }\n      >\n        <Form\n          description='The AI in this demo is a mock and not a functional AI.'\n          banners={banner}\n          style={{ margin: 'auto', maxWidth: '37.5rem' }}\n        >\n          <Grid container={{ gap: 1, cols: `repeat(2, minmax(0, 1fr))` }}>\n            <Input\n              name={name.name}\n              label={name.label}\n              required={name.required}\n              info={name.info || name.help}\n              value={name.value}\n              status={name.status}\n              onChange={(e: ChangeEvent<HTMLInputElement>) =>\n                setField({ type: 'change', name: e.target.name, value: e.target.value })\n              }\n              onBlur={(e: FocusEvent<HTMLInputElement>) =>\n                setField({ type: 'blur', name: e.target.name, value: e.target.value })\n              }\n            />\n\n            <Input\n              name={email.name}\n              label={email.label}\n              required={email.required}\n              info={email.info || email.help}\n              value={email.value}\n              status={email.status}\n              type='email'\n              onChange={(e: ChangeEvent<HTMLInputElement>) =>\n                setField({ type: 'change', name: e.target.name, value: e.target.value })\n              }\n              onBlur={(e: FocusEvent<HTMLInputElement>) =>\n                setField({ type: 'blur', name: e.target.name, value: e.target.value })\n              }\n            />\n\n            <Grid item={{ colStartEnd: '1/-1' }}>\n              <CheckboxGroup\n                name={locations.name}\n                label={locations.label}\n                required={locations.required}\n                info={locations.info || locations.help}\n                status={locations.status}\n              >\n                {['Cambridge', 'Waltham', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (\n                  <Checkbox\n                    key={office}\n                    label={office}\n                    value={office}\n                    checked={locations.value?.includes(office)}\n                    onChange={(e: ChangeEvent<HTMLInputElement>) =>\n                      setField({\n                        type: 'change',\n                        name: e.target.name,\n                        value: e.target.value\n                      })\n                    }\n                  />\n                ))}\n              </CheckboxGroup>\n            </Grid>\n\n            <Grid item={{ colStartEnd: '1/-1' }}>\n              <RadioButtonGroup\n                name={meetings.name}\n                label={meetings.label}\n                required={meetings.required}\n                info={meetings.info || meetings.help}\n                status={meetings.status}\n              >\n                {['Yes', 'No'].map(option => (\n                  <RadioButton\n                    key={option}\n                    label={option}\n                    value={option}\n                    checked={meetings.value === option}\n                    onChange={(e: ChangeEvent<HTMLInputElement>) =>\n                      setField({ type: 'change', name: e.target.name, value: e.target.value })\n                    }\n                  />\n                ))}\n              </RadioButtonGroup>\n            </Grid>\n\n            <Select\n              name={meals.name}\n              label={meals.label}\n              required={meals.required}\n              info={meals.info || meals.help}\n              value={meals.value || 'choose meal...'}\n              status={meals.status}\n              onChange={(e: ChangeEvent<HTMLSelectElement>) =>\n                setField({ type: 'change', name: e.target.name, value: e.target.value })\n              }\n            >\n              <Option>choose meal...</Option>\n              <Option>Pizza</Option>\n              <Option>Sandwich</Option>\n              <Option>Salad</Option>\n            </Select>\n\n            <Grid item={{ colStartEnd: '1/-1' }}>\n              <TextArea\n                name={notes.name}\n                label={notes.label}\n                required={notes.required}\n                info={notes.info || notes.help}\n                value={notes.value}\n                status={notes.status}\n                maxLength={200}\n                displayCharCount\n                onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n                  setField({ type: 'change', name: e.target.name, value: e.target.value })\n                }\n                onBlur={(e: FocusEvent<HTMLInputElement>) =>\n                  setField({ type: 'blur', name: e.target.name, value: e.target.value })\n                }\n              />\n            </Grid>\n          </Grid>\n        </Form>\n      </Modal>\n    );\n  };\n\n  const ModalButton = () => {\n    const { create } = useModalManager();\n\n    return (\n      <Button\n        onClick={() => {\n          create(AIModal);\n        }}\n      >\n        Open Modal\n      </Button>\n    );\n  };\n\n  return <ModalButton />;\n};\n\nAIButtonFormInModalDemo.args = {\n  throwAIError: false\n};\n\nAIButtonFormInModalDemo.argTypes = {\n  throwAIError: { control: { type: 'boolean' } }\n};\ninterface ConfigurableButtonProps {\n  borderWidth?: string;\n  borderRadius?: number;\n  color?: string;\n  secondaryColor?: string;\n  padding?: string;\n}\n\nexport const ConfigurableAIButton: StoryFn<ConfigurableButtonProps> = (\n  args: ConfigurableButtonProps\n) => {\n  return (\n    <Configuration\n      theme={{\n        base: {\n          palette: {\n            ai: args.color\n          }\n        },\n        components: {\n          button: {\n            'border-width': args.borderWidth,\n            'border-radius': args.borderRadius,\n            padding: args.padding\n          }\n        }\n      }}\n    >\n      <AIButton label='Configurable Button' />\n    </Configuration>\n  );\n};\n\nConfigurableAIButton.args = {\n  borderWidth: '0.0625rem',\n  borderRadius: 9999,\n  color: '#681fc3',\n  padding: '0rem 1rem'\n};\n\nConfigurableAIButton.argTypes = {\n  borderWidth: { control: { type: 'text' } },\n  borderRadius: { control: { type: 'number' } },\n  color: { control: { type: 'color' } },\n  padding: { control: { type: 'text' } }\n};\n"]}

package/lib/core/AdditionalInfo/AdditionalInfo.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/react';
-import { AdditionalInfoProps } from '@pega/cosmos-react-core';
-declare const _default: Meta<import("@storybook/react").Args>;
+import type { StoryFn } from '@storybook/react';
+import type { AdditionalInfoProps } from '@pega/cosmos-react-core';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 interface AdditionalInfoStoryProps extends AdditionalInfoProps {
     configurableContent: string;
 }
-export declare const AdditionalInfoDemo: Story<AdditionalInfoStoryProps>;
+export declare const AdditionalInfoDemo: StoryFn<AdditionalInfoStoryProps>;
 //# sourceMappingURL=AdditionalInfo.stories.d.ts.map

package/lib/core/AdditionalInfo/AdditionalInfo.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalInfo.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AdditionalInfo/AdditionalInfo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAkB,mBAAmB,EAAQ,MAAM,yBAAyB,CAAC;;AAEpF,wBAGU;AAEV,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,wBAAwB,CAoB9D,CAAC"}
+{"version":3,"file":"AdditionalInfo.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AdditionalInfo/AdditionalInfo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;;AAEnE,wBAGU;AAEV,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,wBAAwB,CAoBhE,CAAC"}

package/lib/core/AdditionalInfo/AdditionalInfo.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalInfo.stories.js","sourceRoot":"","sources":["../../../src/core/AdditionalInfo/AdditionalInfo.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEpF,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,cAAc;CAClB,CAAC;AAMV,MAAM,CAAC,MAAM,kBAAkB,GAAoC,CACjE,IAA8B,EAC9B,EAAE;IACF,OAAO,CACL,KAAC,cAAc,IAAC,OAAO,EAAC,iBAAiB,YACvC,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,aACrC,wBACG,IAAI,CAAC,mBAAmB,EACzB,YAAG,IAAI,EAAC,sBAAsB,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,+BAE3D,IACF,EACJ,cACE,GAAG,EAAC,6EAA6E,EACjF,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,GAAG,EAAC,EAAE,GACN,IACG,GACQ,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,IAAI,GAAG;IACxB,mBAAmB,EAAE,qEAAqE;CAC3F,CAAC;AAEF,kBAAkB,CAAC,QAAQ,GAAG;IAC5B,mBAAmB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACnD,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport { AdditionalInfo, AdditionalInfoProps, Flex } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/AdditionalInfo',\n  component: AdditionalInfo\n} as Meta;\n\ninterface AdditionalInfoStoryProps extends AdditionalInfoProps {\n  configurableContent: string;\n}\n\nexport const AdditionalInfoDemo: Story<AdditionalInfoStoryProps> = (\n  args: AdditionalInfoStoryProps\n) => {\n  return (\n    <AdditionalInfo heading='Additional Info'>\n      <Flex container={{ justify: 'between' }}>\n        <p>\n          {args.configurableContent}\n          <a href='https://www.pega.com' target='_blank' rel='noreferrer'>\n            This is a link\n          </a>\n        </p>\n        <img\n          src='https://www.pyze.com/wp-content/uploads/2020/07/pega-transparent-logo-2.png'\n          style={{ width: 150 }}\n          alt=''\n        />\n      </Flex>\n    </AdditionalInfo>\n  );\n};\n\nAdditionalInfoDemo.args = {\n  configurableContent: 'This content can be modified to fit the necessary additional info. '\n};\n\nAdditionalInfoDemo.argTypes = {\n  configurableContent: { control: { type: 'text' } }\n};\n"]}
+{"version":3,"file":"AdditionalInfo.stories.js","sourceRoot":"","sources":["../../../src/core/AdditionalInfo/AdditionalInfo.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/D,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,cAAc;CAClB,CAAC;AAMV,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CACnE,IAA8B,EAC9B,EAAE;IACF,OAAO,CACL,KAAC,cAAc,IAAC,OAAO,EAAC,iBAAiB,YACvC,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,aACrC,wBACG,IAAI,CAAC,mBAAmB,EACzB,YAAG,IAAI,EAAC,sBAAsB,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,+BAE3D,IACF,EACJ,cACE,GAAG,EAAC,6EAA6E,EACjF,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,GAAG,EAAC,EAAE,GACN,IACG,GACQ,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,IAAI,GAAG;IACxB,mBAAmB,EAAE,qEAAqE;CAC3F,CAAC;AAEF,kBAAkB,CAAC,QAAQ,GAAG;IAC5B,mBAAmB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACnD,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { AdditionalInfo, Flex } from '@pega/cosmos-react-core';\nimport type { AdditionalInfoProps } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/AdditionalInfo',\n  component: AdditionalInfo\n} as Meta;\n\ninterface AdditionalInfoStoryProps extends AdditionalInfoProps {\n  configurableContent: string;\n}\n\nexport const AdditionalInfoDemo: StoryFn<AdditionalInfoStoryProps> = (\n  args: AdditionalInfoStoryProps\n) => {\n  return (\n    <AdditionalInfo heading='Additional Info'>\n      <Flex container={{ justify: 'between' }}>\n        <p>\n          {args.configurableContent}\n          <a href='https://www.pega.com' target='_blank' rel='noreferrer'>\n            This is a link\n          </a>\n        </p>\n        <img\n          src='https://www.pyze.com/wp-content/uploads/2020/07/pega-transparent-logo-2.png'\n          style={{ width: 150 }}\n          alt=''\n        />\n      </Flex>\n    </AdditionalInfo>\n  );\n};\n\nAdditionalInfoDemo.args = {\n  configurableContent: 'This content can be modified to fit the necessary additional info. '\n};\n\nAdditionalInfoDemo.argTypes = {\n  configurableContent: { control: { type: 'text' } }\n};\n"]}

package/lib/core/AppShell/AppShell.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EAIb,eAAe,EAEf,YAAY,EAEb,MAAM,yBAAyB,CAAC;AAIjC,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,OAAO,CAsD/C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,CAAC,eAAe,GAAG,YAAY,CAAC,EA6BlE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,CAAC,eAAe,GAAG,YAAY,CAAC,EA8C5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,aAQ9B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;CAUxB,CAAC"}
+{"version":3,"file":"AppShell.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EAIb,eAAe,EAEf,YAAY,EAEb,MAAM,yBAAyB,CAAC;AAIjC,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,OAAO,CAsC/C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,CAAC,eAAe,GAAG,YAAY,CAAC,EA6BlE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,CAAC,eAAe,GAAG,YAAY,CAAC,EA8C5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,aAQ9B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;CAUxB,CAAC"}

package/lib/core/AppShell/AppShell.mocks.js

@@ -17,13 +17,9 @@ export const defaultLinks = [
     },
     {
         id: '03',
-        name: 'Collaboration',
-        href: '#collaboration',
-        icon: 'social-solid',
-        links: [
-            { id: '3-01', name: 'Spaces', href: '#spaces' },
-            { id: '3-02', name: 'Documents', href: '#documents' }
-        ]
+        name: 'Spaces',
+        href: '#spaces',
+        icon: 'social-solid'
     },
     {
         id: '04',
@@ -42,17 +38,6 @@ export const defaultLinks = [
         name: 'Goals',
         href: '#goals',
         icon: 'analytics-good'
-    },
-    {
-        id: '07',
-        name: 'More',
-        href: '#more',
-        icon: 'more-alt',
-        active: false,
-        links: [
-            { id: '7-01', name: 'Item A', href: '#itemA' },
-            { id: '7-02', name: 'Option 1', href: '#option1' }
-        ]
     }
 ];
 export const defaultNotifications = [

package/lib/core/AppShell/AppShell.mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.mocks.js","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  AppShellProps,\n  Avatar,\n  Card,\n  CardContent,\n  DrawerItemProps,\n  Flex,\n  ForwardProps,\n  Text\n} from '@pega/cosmos-react-core';\n\nimport { StyledMainContent } from './AppShell.styles';\n\nexport const defaultLinks: AppShellProps['links'] = [\n  {\n    id: '01',\n    name: 'Home',\n    href: '#home',\n    icon: 'home-solid',\n    active: true\n  },\n  {\n    id: '02',\n    name: 'My Dashboard',\n    href: '#dashboard',\n    icon: 'gauge-solid'\n  },\n  {\n    id: '03',\n    name: 'Collaboration',\n    href: '#collaboration',\n    icon: 'social-solid',\n    links: [\n      { id: '3-01', name: 'Spaces', href: '#spaces' },\n      { id: '3-02', name: 'Documents', href: '#documents' }\n    ]\n  },\n\n  {\n    id: '04',\n    name: 'Bugs',\n    href: '#bugs',\n    icon: 'users-solid'\n  },\n  {\n    id: '05',\n    name: 'Epics',\n    href: '#epics',\n    icon: 'book-solid'\n  },\n  {\n    id: '06',\n    name: 'Goals',\n    href: '#goals',\n    icon: 'analytics-good'\n  },\n  {\n    id: '07',\n    name: 'More',\n    href: '#more',\n    icon: 'more-alt',\n    active: false,\n    links: [\n      { id: '7-01', name: 'Item A', href: '#itemA' },\n      { id: '7-02', name: 'Option 1', href: '#option1' }\n    ]\n  }\n];\n\nexport const defaultNotifications: (DrawerItemProps & ForwardProps)[] = [\n  {\n    id: '123',\n    primary:\n      \"Dean Thomas mentioned your team in a bug 'Button does not initiate onClick event handler'.\",\n    secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()],\n    visual: <Avatar name='Dean Thomas' />,\n    unread: true\n  },\n  {\n    id: '456',\n    primary: \"Seth DeAngelo mentioned your team in a bug 'Text variant h1 renders as h3 in DOM'.\",\n    visual: <Avatar name='Seth DeAngelo' />,\n    unread: true\n  },\n  {\n    id: '789',\n    primary:\n      \"Janet Moore mentioned your team in a bug 'Tree expanded state does not match the state that was set on the component'.\",\n    secondary: ['BUG-12345', new Date(2020, 9, 2, 9, 22).toDateString()],\n    visual: <Avatar name='Janet Moore' />,\n    unread: true\n  },\n  {\n    id: '000',\n    primary: 'You have been awarded Employee of the Month! Congratulations!',\n    secondary: [new Date(2020, 9, 8, 14, 46).toDateString()],\n    unread: true\n  }\n];\n\nexport const defaultRecents: (DrawerItemProps & ForwardProps)[] = [\n  {\n    id: '123',\n    primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n    secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()]\n  },\n  {\n    id: '456',\n    primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\"\n  },\n  {\n    id: '789',\n    primary:\n      \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n    secondary: ['BUG-00000', new Date(2020, 9, 2, 9, 22).toDateString()]\n  },\n  {\n    id: '111',\n    primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n    secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()]\n  },\n  {\n    id: '222',\n    primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\"\n  },\n  {\n    id: '333',\n    primary:\n      \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n    secondary: ['BUG-00000', new Date(2020, 9, 2, 9, 22).toDateString()]\n  },\n  {\n    id: '444',\n    primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n    secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()]\n  },\n  {\n    id: '555',\n    primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\"\n  },\n  {\n    id: '666',\n    primary:\n      \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n    secondary: ['BUG-00000', new Date(2020, 9, 2, 9, 22).toDateString()]\n  }\n];\n\nexport const defaultMainContent = (\n  <Flex container={{ justify: 'center', alignItems: 'center' }} as={StyledMainContent}>\n    <Card>\n      <CardContent>\n        <Text variant='h1'>This is the main content</Text>\n      </CardContent>\n    </Card>\n  </Flex>\n);\n\nexport const operatorData = {\n  avatar: <Avatar name='Cindy Turner' />,\n  actions: [\n    { primary: 'Profile', id: 'profile' },\n    { primary: 'Settings', id: 'settings' },\n    { primary: 'My applications', id: 'apps' },\n    { primary: 'Help center', id: 'help' },\n    { primary: 'Log out', id: 'logout' }\n  ],\n  name: 'Cindy Turner'\n};\n"]}
+{"version":3,"file":"AppShell.mocks.js","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  AppShellProps,\n  Avatar,\n  Card,\n  CardContent,\n  DrawerItemProps,\n  Flex,\n  ForwardProps,\n  Text\n} from '@pega/cosmos-react-core';\n\nimport { StyledMainContent } from './AppShell.styles';\n\nexport const defaultLinks: AppShellProps['links'] = [\n  {\n    id: '01',\n    name: 'Home',\n    href: '#home',\n    icon: 'home-solid',\n    active: true\n  },\n  {\n    id: '02',\n    name: 'My Dashboard',\n    href: '#dashboard',\n    icon: 'gauge-solid'\n  },\n  {\n    id: '03',\n    name: 'Spaces',\n    href: '#spaces',\n    icon: 'social-solid'\n  },\n  {\n    id: '04',\n    name: 'Bugs',\n    href: '#bugs',\n    icon: 'users-solid'\n  },\n  {\n    id: '05',\n    name: 'Epics',\n    href: '#epics',\n    icon: 'book-solid'\n  },\n  {\n    id: '06',\n    name: 'Goals',\n    href: '#goals',\n    icon: 'analytics-good'\n  }\n];\n\nexport const defaultNotifications: (DrawerItemProps & ForwardProps)[] = [\n  {\n    id: '123',\n    primary:\n      \"Dean Thomas mentioned your team in a bug 'Button does not initiate onClick event handler'.\",\n    secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()],\n    visual: <Avatar name='Dean Thomas' />,\n    unread: true\n  },\n  {\n    id: '456',\n    primary: \"Seth DeAngelo mentioned your team in a bug 'Text variant h1 renders as h3 in DOM'.\",\n    visual: <Avatar name='Seth DeAngelo' />,\n    unread: true\n  },\n  {\n    id: '789',\n    primary:\n      \"Janet Moore mentioned your team in a bug 'Tree expanded state does not match the state that was set on the component'.\",\n    secondary: ['BUG-12345', new Date(2020, 9, 2, 9, 22).toDateString()],\n    visual: <Avatar name='Janet Moore' />,\n    unread: true\n  },\n  {\n    id: '000',\n    primary: 'You have been awarded Employee of the Month! Congratulations!',\n    secondary: [new Date(2020, 9, 8, 14, 46).toDateString()],\n    unread: true\n  }\n];\n\nexport const defaultRecents: (DrawerItemProps & ForwardProps)[] = [\n  {\n    id: '123',\n    primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n    secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()]\n  },\n  {\n    id: '456',\n    primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\"\n  },\n  {\n    id: '789',\n    primary:\n      \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n    secondary: ['BUG-00000', new Date(2020, 9, 2, 9, 22).toDateString()]\n  },\n  {\n    id: '111',\n    primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n    secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()]\n  },\n  {\n    id: '222',\n    primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\"\n  },\n  {\n    id: '333',\n    primary:\n      \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n    secondary: ['BUG-00000', new Date(2020, 9, 2, 9, 22).toDateString()]\n  },\n  {\n    id: '444',\n    primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n    secondary: ['BUG-12345', new Date(2020, 8, 31, 13, 23).toDateString()]\n  },\n  {\n    id: '555',\n    primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\"\n  },\n  {\n    id: '666',\n    primary:\n      \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n    secondary: ['BUG-00000', new Date(2020, 9, 2, 9, 22).toDateString()]\n  }\n];\n\nexport const defaultMainContent = (\n  <Flex container={{ justify: 'center', alignItems: 'center' }} as={StyledMainContent}>\n    <Card>\n      <CardContent>\n        <Text variant='h1'>This is the main content</Text>\n      </CardContent>\n    </Card>\n  </Flex>\n);\n\nexport const operatorData = {\n  avatar: <Avatar name='Cindy Turner' />,\n  actions: [\n    { primary: 'Profile', id: 'profile' },\n    { primary: 'Settings', id: 'settings' },\n    { primary: 'My applications', id: 'apps' },\n    { primary: 'Help center', id: 'help' },\n    { primary: 'Log out', id: 'logout' }\n  ],\n  name: 'Cindy Turner'\n};\n"]}