@pega/cosmos-react-demos 6.6.0 → 6.6.2

package/jsx/condition-builder/PromotedFilters/PromotedFilters.styles.js

@@ -1,35 +0,0 @@
-import styled, { css } from 'styled-components';
-import { Button, defaultThemeProp, Text } from '@pega/cosmos-react-core';
-export const StyledCodeBlock = styled.pre `
-  padding: ${props => props.theme.base.spacing};
-  margin-bottom: ${props => props.theme.base.spacing};
-`;
-StyledCodeBlock.defaultProps = defaultThemeProp;
-export const StyledPromotedFilters = styled.div(props => {
-    const { theme, isVertical } = props;
-    return css `
-    border-radius: ${theme.components.card['border-radius']};
-    background-color: ${theme.base.palette['secondary-background']};
-    ${isVertical &&
-        css `
-      max-width: 20rem;
-    `}
-  `;
-});
-StyledPromotedFilters.defaultProps = defaultThemeProp;
-export const StyledClearAllButton = styled(Button) `
-  margin-top: 0.625rem;
-  white-space: nowrap;
-`;
-StyledClearAllButton.defaultProps = defaultThemeProp;
-export const StyledVerticalWrapper = styled.div `
-  width: 100%;
-`;
-StyledVerticalWrapper.defaultProps = defaultThemeProp;
-export const StyledTextWithEllipsis = styled(Text) `
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-`;
-StyledTextWithEllipsis.defaultProps = defaultThemeProp;
-//# sourceMappingURL=PromotedFilters.styles.js.map

package/jsx/condition-builder/PromotedFilters/PromotedFilters.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PromotedFilters.styles.js","sourceRoot":"","sources":["../../../src/condition-builder/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEzE,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;aAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;mBAC3B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;CACnD,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAE5C,KAAK,CAAC,EAAE;IACT,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,GAAG,CAAA;qBACS,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;wBACnC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC;MAC5D,UAAU;QACZ,GAAG,CAAA;;KAEF;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;CAGjD,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE9C,CAAC;AAEF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIjD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { Button, defaultThemeProp, Text } from '@pega/cosmos-react-core';\n\nexport const StyledCodeBlock = styled.pre`\n  padding: ${props => props.theme.base.spacing};\n  margin-bottom: ${props => props.theme.base.spacing};\n`;\n\nStyledCodeBlock.defaultProps = defaultThemeProp;\n\nexport const StyledPromotedFilters = styled.div<{\n  isVertical: boolean;\n}>(props => {\n  const { theme, isVertical } = props;\n\n  return css`\n    border-radius: ${theme.components.card['border-radius']};\n    background-color: ${theme.base.palette['secondary-background']};\n    ${isVertical &&\n    css`\n      max-width: 20rem;\n    `}\n  `;\n});\n\nStyledPromotedFilters.defaultProps = defaultThemeProp;\n\nexport const StyledClearAllButton = styled(Button)`\n  margin-top: 0.625rem;\n  white-space: nowrap;\n`;\n\nStyledClearAllButton.defaultProps = defaultThemeProp;\n\nexport const StyledVerticalWrapper = styled.div`\n  width: 100%;\n`;\n\nStyledVerticalWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledTextWithEllipsis = styled(Text)`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`;\n\nStyledTextWithEllipsis.defaultProps = defaultThemeProp;\n"]}

package/jsx/core/AIButton/AIButton.mocks.d.ts

@@ -1,22 +0,0 @@
-import type { FormControlProps } from '@pega/cosmos-react-core';
-interface Value {
-    name: string;
-    email: string;
-    locations: string;
-    meetings: string;
-    meals: string;
-    notes: string;
-}
-interface Field extends FormControlProps {
-    help?: FormControlProps['info'];
-    validator?: (this: Field) => string;
-}
-export declare const AIValues: Value[];
-export declare const initFields: () => Field[];
-export declare const fieldReducer: (fields: Field[], { type, name, value }: {
-    type: 'blur' | 'change' | 'submit' | 'cancel' | 'ai';
-    name?: string | undefined;
-    value?: string | undefined;
-}) => Field[];
-export {};
-//# sourceMappingURL=AIButton.mocks.d.ts.map

package/jsx/core/AIButton/AIButton.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AIButton.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAM,SAAQ,gBAAgB;IACtC,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;CACrC;AAGD,eAAO,MAAM,QAAQ,EAAE,KAAK,EAyC3B,CAAC;AAGF,eAAO,MAAM,UAAU,QAAO,KAAK,EAqDlC,CAAC;AAGF,eAAO,MAAM,YAAY,WACf,KAAK,EAAE;UAMP,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI;;;aAoCvD,CAAC"}

package/jsx/core/AIButton/AIButton.mocks.js

@@ -1,136 +0,0 @@
-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!`
-    }
-];
-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'
-        }
-    ];
-};
-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/jsx/core/AIButton/AIButton.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AIButton.mocks.js","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import type { 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/jsx/core/AIButton/AIButton.stories.d.ts

@@ -1,23 +0,0 @@
-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/jsx/core/AIButton/AIButton.stories.d.ts.map

@@ -1 +0,0 @@
-{"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/jsx/core/AIButton/AIButton.stories.jsx

@@ -1,306 +0,0 @@
-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 <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 <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(<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(<Banner variant='urgent' messages={errors} onDismiss={() => {
-                    setBanner(undefined);
-                }} handle={bannerHandleRef}/>);
-        }
-    };
-    return (<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={<>
-          <Button onClick={() => {
-                clearForm();
-                args.onCancel?.();
-            }} disabled={submitting}>
-            Cancel
-          </Button>
-          <Flex container={{ alignItems: 'center', gap: 1 }}>
-            <AIButton label='Fill form with AI' onClick={fillWithAI} disabled={!!loadingMessage}/>
-            <Button variant='primary' disabled={!!loadingMessage} onClick={trySubmit}>
-              Submit
-            </Button>
-          </Flex>
-        </>} banners={banner}>
-      <Grid container={{ gap: 1, cols: `repeat(2, minmax(0, 1fr))` }}>
-        <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 })}/>
-
-        <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 })}/>
-
-        <Grid item={{ colStartEnd: '1/-1' }}>
-          <CheckboxGroup name={locations.name} label={locations.label} required={locations.required} info={locations.info || locations.help} status={locations.status}>
-            {['Cambridge', 'Waltham', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (<Checkbox key={office} label={office} value={office} checked={locations.value?.includes(office)} onChange={(e) => setField({
-                type: 'change',
-                name: e.target.name,
-                value: e.target.value
-            })}/>))}
-          </CheckboxGroup>
-        </Grid>
-
-        <Grid item={{ colStartEnd: '1/-1' }}>
-          <RadioButtonGroup name={meetings.name} label={meetings.label} required={meetings.required} info={meetings.info || meetings.help} status={meetings.status}>
-            {['Yes', 'No'].map(option => (<RadioButton key={option} label={option} value={option} checked={meetings.value === option} onChange={(e) => setField({ type: 'change', name: e.target.name, value: e.target.value })}/>))}
-          </RadioButtonGroup>
-        </Grid>
-
-        <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 })}>
-          <Option>choose meal...</Option>
-          <Option>Pizza</Option>
-          <Option>Sandwich</Option>
-          <Option>Salad</Option>
-        </Select>
-
-        <Grid item={{ colStartEnd: '1/-1' }}>
-          <TextArea name={notes.name} label={notes.label} required={notes.required} info={notes.info || notes.help} value={notes.value} status={notes.status} maxLength={200} displayCharCount 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 })}/>
-        </Grid>
-      </Grid>
-    </Form>);
-};
-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 <ErrorState />;
-        const fillWithAI = () => {
-            setLoadingMessage('AI is filling out the form...');
-            setTimeout(() => {
-                setLoadingMessage('');
-                if (args.throwAIError) {
-                    setBanner(<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(<Banner variant='urgent' messages={errors} onDismiss={() => {
-                        setBanner(undefined);
-                    }} handle={bannerHandleRef}/>);
-            }
-        };
-        return (<Modal heading='AI Form in a Modal' progress={loadingMessage ? { message: loadingMessage } : undefined} onRequestDismiss={() => !submitting} actions={<>
-            <Button onClick={dismiss} disabled={submitting}>
-              Cancel
-            </Button>
-            <Flex container={{ alignItems: 'center', gap: 1 }}>
-              <AIButton label='Fill form with AI' onClick={fillWithAI} disabled={!!loadingMessage}/>
-              <Button variant='primary' disabled={!!loadingMessage} onClick={trySubmit}>
-                Submit
-              </Button>
-            </Flex>
-          </>}>
-        <Form description='The AI in this demo is a mock and not a functional AI.' banners={banner} style={{ margin: 'auto', maxWidth: '37.5rem' }}>
-          <Grid container={{ gap: 1, cols: `repeat(2, minmax(0, 1fr))` }}>
-            <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 })}/>
-
-            <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 })}/>
-
-            <Grid item={{ colStartEnd: '1/-1' }}>
-              <CheckboxGroup name={locations.name} label={locations.label} required={locations.required} info={locations.info || locations.help} status={locations.status}>
-                {['Cambridge', 'Waltham', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (<Checkbox key={office} label={office} value={office} checked={locations.value?.includes(office)} onChange={(e) => setField({
-                    type: 'change',
-                    name: e.target.name,
-                    value: e.target.value
-                })}/>))}
-              </CheckboxGroup>
-            </Grid>
-
-            <Grid item={{ colStartEnd: '1/-1' }}>
-              <RadioButtonGroup name={meetings.name} label={meetings.label} required={meetings.required} info={meetings.info || meetings.help} status={meetings.status}>
-                {['Yes', 'No'].map(option => (<RadioButton key={option} label={option} value={option} checked={meetings.value === option} onChange={(e) => setField({ type: 'change', name: e.target.name, value: e.target.value })}/>))}
-              </RadioButtonGroup>
-            </Grid>
-
-            <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 })}>
-              <Option>choose meal...</Option>
-              <Option>Pizza</Option>
-              <Option>Sandwich</Option>
-              <Option>Salad</Option>
-            </Select>
-
-            <Grid item={{ colStartEnd: '1/-1' }}>
-              <TextArea name={notes.name} label={notes.label} required={notes.required} info={notes.info || notes.help} value={notes.value} status={notes.status} maxLength={200} displayCharCount 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 })}/>
-            </Grid>
-          </Grid>
-        </Form>
-      </Modal>);
-    };
-    const ModalButton = () => {
-        const { create } = useModalManager();
-        return (<Button onClick={() => {
-                create(AIModal);
-            }}>
-        Open Modal
-      </Button>);
-    };
-    return <ModalButton />;
-};
-AIButtonFormInModalDemo.args = {
-    throwAIError: false
-};
-AIButtonFormInModalDemo.argTypes = {
-    throwAIError: { control: { type: 'boolean' } }
-};
-export const ConfigurableAIButton = (args) => {
-    return (<Configuration theme={{
-            base: {
-                palette: {
-                    ai: args.color
-                }
-            },
-            components: {
-                button: {
-                    'border-width': args.borderWidth,
-                    'border-radius': args.borderRadius,
-                    padding: args.padding
-                }
-            }
-        }}>
-      <AIButton label='Configurable Button'/>
-    </Configuration>);
-};
-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.jsx.map