@pega/cosmos-react-demos 6.5.3 → 6.6.1

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

@@ -1 +1 @@
-{"version":3,"file":"Form.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.mocks.tsx"],"names":[],"mappings":";AAgGA,eAAO,MAAM,WAAW;UAMhB,MAAM;iBACC,OAAO;;;wBAiMrB,CAAC;AAEF,eAAO,MAAM,mBAAmB;UAMxB,MAAM;iBACC,OAAO;;;wBAkKrB,CAAC"}
+{"version":3,"file":"Form.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.mocks.tsx"],"names":[],"mappings":";AAgGA,eAAO,MAAM,WAAW;UAMhB,MAAM;iBACC,OAAO;;;wBAiMrB,CAAC;AAEF,eAAO,MAAM,mBAAmB;UAMxB,MAAM;iBACC,OAAO;;;wBAiKrB,CAAC"}

package/lib/core/Form/Form.mocks.js

@@ -154,7 +154,7 @@ export const ReadOnlyFormContent = ({ cols, heading, description, showActions })
                         }, required: true, children: [_jsx(Checkbox, { label: 'Cambridge', readOnly: true }, 'Cambridge'), _jsx(Checkbox, { label: 'Krakow' }, 'Krakow'), _jsx(Checkbox, { label: 'Hyderabad' }, 'Hyderabad'), _jsx(Checkbox, { label: 'Bangalore' }, 'Bangalore')] }) }), _jsx(Grid, { item: { colStartEnd: '1/-1' }, children: _jsxs(RadioButtonGroup, { name: 'meetings', label: 'Do you enjoy early morning meetings?', additionalInfo: {
                             heading: 'Field info',
                             content: 'Lorem ipsum dolor set amet.'
-                        }, readOnly: true, allReadOnly: true, required: true, children: [_jsx(RadioButton, { label: 'Yes' }, 'Yes'), _jsx(RadioButton, { label: "No.. no I don't" }, "No.. no I don't")] }) }), _jsxs(Select, { label: 'What would you like to eat?', info: '', additionalInfo: {
+                        }, readOnly: true, required: true, children: [_jsx(RadioButton, { label: 'Yes' }, 'Yes'), _jsx(RadioButton, { label: "No.. no I don't" }, "No.. no I don't")] }) }), _jsxs(Select, { label: 'What would you like to eat?', info: '', additionalInfo: {
                         heading: 'Field info',
                         content: 'Lorem ipsum dolor set amet.'
                     }, readOnly: true, children: [_jsx(Option, { children: "choose meal\u2026" }), _jsx(Option, { selected: true, children: "Pizza" }), _jsx(Option, { children: "Sandwich" }), _jsx(Option, { children: "Salad" })] }), _jsx(Grid, { item: { colStartEnd: '1/-1' }, children: _jsx(TextArea, { readOnly: true, name: 'notes', required: false, label: 'Meeting notes', status: notes.status, info: notes.info || notes.help, value: 'Test copy', additionalInfo: {

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

@@ -1 +1 @@
-{"version":3,"file":"Form.mocks.js","sourceRoot":"","sources":["../../../src/core/Form/Form.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useReducer, useRef, useState, useEffect } from 'react';\nimport type { ChangeEvent, FocusEvent, FormEvent } from 'react';\n\nimport {\n  Button,\n  Checkbox,\n  CheckboxGroup,\n  Form,\n  Grid,\n  Input,\n  RadioButton,\n  RadioButtonGroup,\n  Select,\n  Option,\n  TextArea,\n  useToaster,\n  usePrevious\n} from '@pega/cosmos-react-core';\nimport type { FormControlProps, DateRangeInputProps } from '@pega/cosmos-react-core';\nimport { Editor as RichTextEditor } from '@pega/cosmos-react-rte';\nimport type { EditorState as RichTextEditorState } from '@pega/cosmos-react-rte';\n\nimport { FileInputDemo } from '../File/FileInput.stories';\nimport { FilterableSingleSelect as ComboboxFilterableStory } from '../ComboBox/ComboBox.stories';\n\ninterface Field extends FormControlProps {\n  help?: string;\n  error?: string;\n  validator: (this: Field) => boolean;\n}\n\n// Get initial field properties\nconst initFields = (): Field[] => {\n  const common = { value: undefined, status: undefined };\n  return [\n    {\n      ...common,\n      name: 'name',\n      required: true,\n      error: 'Please enter first and last name',\n      validator() {\n        if (!this.value) return false;\n        return /^[a-z]+\\s[a-z]+$/i.test(this.value);\n      }\n    },\n    {\n      ...common,\n      name: 'email',\n      required: true,\n      error: 'Enter a @pega.com address',\n      validator() {\n        if (!this.value) return false;\n        return /^\\S+@pega\\.com$/.test(this.value);\n      }\n    },\n    {\n      ...common,\n      name: 'notes',\n      required: true,\n      help: 'See how fast you can type 20 characters…go',\n      error: 'You need to tell us more than 20 characters',\n      validator() {\n        if (!this.value) return false;\n        return this.value.length >= 20;\n      }\n    }\n  ];\n};\n\n// Handles setting of state for all fields\nconst fieldReducer = (\n  fields: Field[],\n  {\n    target,\n    type\n  }:\n    | ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n    | FocusEvent<HTMLInputElement | HTMLTextAreaElement>\n) => {\n  return fields.map(field => {\n    if (field.name === target.name) {\n      field.value = target.value;\n      if (type === 'blur' || field.status === 'error') {\n        if ((field.required || field.value) && !field.validator()) {\n          field.status = 'error';\n          field.info = field.error;\n        } else {\n          field.status = undefined;\n          field.info = field.help;\n        }\n      }\n    }\n    return field;\n  });\n};\n\nexport const FormContent = ({\n  cols,\n  heading,\n  description,\n  showActions\n}: {\n  cols: number;\n  showActions: boolean;\n  heading?: string;\n  description?: string;\n}) => {\n  const editorRef = useRef<RichTextEditorState>(null);\n  const [fields, setField] = useReducer(fieldReducer, undefined, initFields);\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 notes = fields.find(field => field.name === 'notes');\n\n  if (!name || !email || !notes) return null;\n\n  const canSubmit = fields.every(field => field.value && field.validator());\n\n  const actions = (\n    <>\n      <Button\n        name='Cancel'\n        variant='secondary'\n        onClick={() => {\n          push({ content: 'Form cancelled!' });\n        }}\n      >\n        Cancel\n      </Button>\n      <Button name='Submit' type='submit' variant='primary' disabled={!canSubmit}>\n        Submit\n      </Button>\n    </>\n  );\n\n  const onImageAdded = (image: File, id: string) => {\n    const src = URL.createObjectURL(image);\n    editorRef.current?.appendImage({ src, alt: image.name }, id);\n  };\n  return (\n    <Form\n      actions={showActions ? actions : undefined}\n      description={description}\n      heading={heading}\n      onSubmit={(e: FormEvent) => {\n        e.preventDefault();\n        push({ content: 'Form submitted!' });\n      }}\n      style={{ margin: 'auto', maxWidth: '37.5rem' }}\n    >\n      <Grid container={{ gap: 1, cols: `repeat(${cols}, minmax(0, 1fr))` }}>\n        <Input\n          name='name'\n          label='Name'\n          value={name.value}\n          status={name.status}\n          info='some help text here'\n          onChange={(e: ChangeEvent<HTMLInputElement>) => setField({ ...e })}\n          onBlur={(e: FocusEvent<HTMLInputElement>) => setField({ ...e })}\n          additionalInfo={{\n            heading: 'Field info',\n            content: 'Lorem ipsum dolor set amet.'\n          }}\n          required\n        />\n\n        <Input\n          name='email'\n          value={email.value}\n          type='email'\n          label='Email'\n          required={email.required}\n          status={email.status}\n          info='some help text here'\n          onChange={(e: ChangeEvent<HTMLInputElement>) => setField({ ...e })}\n          onBlur={(e: FocusEvent<HTMLInputElement>) => setField({ ...e })}\n          additionalInfo={{\n            heading: 'Field info',\n            content: 'Lorem ipsum dolor set amet.'\n          }}\n        />\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <CheckboxGroup\n            name='visited'\n            label='Places you have worked'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            required\n          >\n            {['Cambridge', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (\n              <Checkbox\n                key={office}\n                label={office}\n                onChange={(e: ChangeEvent<HTMLInputElement>) => setField({ ...e })}\n              />\n            ))}\n          </CheckboxGroup>\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <Checkbox\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            label='Check me, please'\n            required\n          />\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <RadioButtonGroup\n            name='meetings'\n            label='Do you enjoy early morning meetings?'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            required\n          >\n            {['Yes', \"No… no I don't\"].map(option => (\n              <RadioButton\n                key={option}\n                label={option}\n                onChange={(e: ChangeEvent<HTMLInputElement>) => setField({ ...e })}\n              />\n            ))}\n          </RadioButtonGroup>\n        </Grid>\n\n        <Select\n          label='What would you like to eat?'\n          info='FYI: options are limited'\n          additionalInfo={{\n            heading: 'Field info',\n            content: 'Lorem ipsum dolor set amet.'\n          }}\n          required\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'\n            required={notes.required}\n            label='Meeting notes'\n            status={notes.status}\n            info={notes.info || notes.help}\n            onChange={(e: ChangeEvent<HTMLTextAreaElement>) => setField({ ...e })}\n            onBlur={(e: FocusEvent<HTMLInputElement>) => setField({ ...e })}\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n          />\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <RichTextEditor\n            label='Detailed meeting notes'\n            info='The rich text editor can be used in forms, comments, and documents'\n            toolbar={[\n              'inline-styling',\n              'headers',\n              'tables',\n              'links',\n              'images',\n              'lists',\n              'cut-copy-paste',\n              'indentation'\n            ]}\n            onImageAdded={onImageAdded}\n            ref={editorRef}\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            required\n          />\n        </Grid>\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <FileInputDemo label='Meeting attachments' />\n        </Grid>\n\n        <ComboboxFilterableStory label='Select a user' />\n      </Grid>\n    </Form>\n  );\n};\n\nexport const ReadOnlyFormContent = ({\n  cols,\n  heading,\n  description,\n  showActions\n}: {\n  cols: number;\n  showActions: boolean;\n  heading?: string;\n  description?: string;\n}) => {\n  const [value, setValue] = useState<DateRangeInputProps['value']>({ start: 1, end: '3' });\n  const prev = usePrevious(value);\n  useEffect(() => {\n    if (prev !== value) setValue(value);\n  }, [prev, value]);\n  const [fields] = useReducer(fieldReducer, undefined, initFields);\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 notes = fields.find(field => field.name === 'notes');\n\n  if (!name || !email || !notes) return null;\n\n  const canSubmit = fields.every(field => field.value && field.validator());\n\n  const actions = (\n    <>\n      <Button\n        name='Cancel'\n        variant='secondary'\n        onClick={() => {\n          push({ content: 'Form cancelled!' });\n        }}\n      >\n        Cancel\n      </Button>\n      <Button name='Submit' type='submit' variant='primary' disabled={!canSubmit}>\n        Submit\n      </Button>\n    </>\n  );\n\n  return (\n    <Form\n      actions={showActions ? actions : undefined}\n      description={description}\n      heading={heading}\n      onSubmit={(e: FormEvent) => {\n        e.preventDefault();\n        push({ content: 'Form submitted!' });\n      }}\n      style={{ margin: 'auto', maxWidth: '37.5rem' }}\n    >\n      <Grid container={{ gap: 1, cols: `repeat(${cols}, minmax(0, 1fr))` }}>\n        <Input\n          readOnly\n          name='name'\n          label='Name'\n          value='Test'\n          required={false}\n          status={name.status}\n          additionalInfo={{\n            heading: 'Field info',\n            content: 'Lorem ipsum dolor set amet.'\n          }}\n        />\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <CheckboxGroup\n            name='places visited'\n            label='Places you have worked'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            readOnly\n            required\n          >\n            <Checkbox key='Cambridge' label='Cambridge' />\n            <Checkbox key='Krakow' label='Krakow' />\n            <Checkbox key='Hyderabad' label='Hyderabad' />\n            <Checkbox key='Bangalore' label='Bangalore' />\n          </CheckboxGroup>\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <RadioButtonGroup\n            name='meetings'\n            label='Do you really enjoy early morning meetings?'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            required\n          >\n            <RadioButton key='Yes' label='Yes' />\n            <RadioButton key=\"No.. no I don't\" label=\"No.. no I don't\" readOnly />\n          </RadioButtonGroup>\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <CheckboxGroup\n            name='more places visited'\n            label='More Places you have worked'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            required\n          >\n            <Checkbox key='Cambridge' label='Cambridge' readOnly />\n            <Checkbox key='Krakow' label='Krakow' />\n            <Checkbox key='Hyderabad' label='Hyderabad' />\n            <Checkbox key='Bangalore' label='Bangalore' />\n          </CheckboxGroup>\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <RadioButtonGroup\n            name='meetings'\n            label='Do you enjoy early morning meetings?'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            readOnly\n            allReadOnly\n            required\n          >\n            <RadioButton key='Yes' label='Yes' />\n            <RadioButton key=\"No.. no I don't\" label=\"No.. no I don't\" />\n          </RadioButtonGroup>\n        </Grid>\n\n        <Select\n          label='What would you like to eat?'\n          info=''\n          additionalInfo={{\n            heading: 'Field info',\n            content: 'Lorem ipsum dolor set amet.'\n          }}\n          readOnly\n        >\n          <Option>choose meal…</Option>\n          <Option selected>Pizza</Option>\n          <Option>Sandwich</Option>\n          <Option>Salad</Option>\n        </Select>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <TextArea\n            readOnly\n            name='notes'\n            required={false}\n            label='Meeting notes'\n            status={notes.status}\n            info={notes.info || notes.help}\n            value='Test copy'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n          />\n        </Grid>\n      </Grid>\n    </Form>\n  );\n};\n"]}
+{"version":3,"file":"Form.mocks.js","sourceRoot":"","sources":["../../../src/core/Form/Form.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useReducer, useRef, useState, useEffect } from 'react';\nimport type { ChangeEvent, FocusEvent, FormEvent } from 'react';\n\nimport {\n  Button,\n  Checkbox,\n  CheckboxGroup,\n  Form,\n  Grid,\n  Input,\n  RadioButton,\n  RadioButtonGroup,\n  Select,\n  Option,\n  TextArea,\n  useToaster,\n  usePrevious\n} from '@pega/cosmos-react-core';\nimport type { FormControlProps, DateRangeInputProps } from '@pega/cosmos-react-core';\nimport { Editor as RichTextEditor } from '@pega/cosmos-react-rte';\nimport type { EditorState as RichTextEditorState } from '@pega/cosmos-react-rte';\n\nimport { FileInputDemo } from '../File/FileInput.stories';\nimport { FilterableSingleSelect as ComboboxFilterableStory } from '../ComboBox/ComboBox.stories';\n\ninterface Field extends FormControlProps {\n  help?: string;\n  error?: string;\n  validator: (this: Field) => boolean;\n}\n\n// Get initial field properties\nconst initFields = (): Field[] => {\n  const common = { value: undefined, status: undefined };\n  return [\n    {\n      ...common,\n      name: 'name',\n      required: true,\n      error: 'Please enter first and last name',\n      validator() {\n        if (!this.value) return false;\n        return /^[a-z]+\\s[a-z]+$/i.test(this.value);\n      }\n    },\n    {\n      ...common,\n      name: 'email',\n      required: true,\n      error: 'Enter a @pega.com address',\n      validator() {\n        if (!this.value) return false;\n        return /^\\S+@pega\\.com$/.test(this.value);\n      }\n    },\n    {\n      ...common,\n      name: 'notes',\n      required: true,\n      help: 'See how fast you can type 20 characters…go',\n      error: 'You need to tell us more than 20 characters',\n      validator() {\n        if (!this.value) return false;\n        return this.value.length >= 20;\n      }\n    }\n  ];\n};\n\n// Handles setting of state for all fields\nconst fieldReducer = (\n  fields: Field[],\n  {\n    target,\n    type\n  }:\n    | ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n    | FocusEvent<HTMLInputElement | HTMLTextAreaElement>\n) => {\n  return fields.map(field => {\n    if (field.name === target.name) {\n      field.value = target.value;\n      if (type === 'blur' || field.status === 'error') {\n        if ((field.required || field.value) && !field.validator()) {\n          field.status = 'error';\n          field.info = field.error;\n        } else {\n          field.status = undefined;\n          field.info = field.help;\n        }\n      }\n    }\n    return field;\n  });\n};\n\nexport const FormContent = ({\n  cols,\n  heading,\n  description,\n  showActions\n}: {\n  cols: number;\n  showActions: boolean;\n  heading?: string;\n  description?: string;\n}) => {\n  const editorRef = useRef<RichTextEditorState>(null);\n  const [fields, setField] = useReducer(fieldReducer, undefined, initFields);\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 notes = fields.find(field => field.name === 'notes');\n\n  if (!name || !email || !notes) return null;\n\n  const canSubmit = fields.every(field => field.value && field.validator());\n\n  const actions = (\n    <>\n      <Button\n        name='Cancel'\n        variant='secondary'\n        onClick={() => {\n          push({ content: 'Form cancelled!' });\n        }}\n      >\n        Cancel\n      </Button>\n      <Button name='Submit' type='submit' variant='primary' disabled={!canSubmit}>\n        Submit\n      </Button>\n    </>\n  );\n\n  const onImageAdded = (image: File, id: string) => {\n    const src = URL.createObjectURL(image);\n    editorRef.current?.appendImage({ src, alt: image.name }, id);\n  };\n  return (\n    <Form\n      actions={showActions ? actions : undefined}\n      description={description}\n      heading={heading}\n      onSubmit={(e: FormEvent) => {\n        e.preventDefault();\n        push({ content: 'Form submitted!' });\n      }}\n      style={{ margin: 'auto', maxWidth: '37.5rem' }}\n    >\n      <Grid container={{ gap: 1, cols: `repeat(${cols}, minmax(0, 1fr))` }}>\n        <Input\n          name='name'\n          label='Name'\n          value={name.value}\n          status={name.status}\n          info='some help text here'\n          onChange={(e: ChangeEvent<HTMLInputElement>) => setField({ ...e })}\n          onBlur={(e: FocusEvent<HTMLInputElement>) => setField({ ...e })}\n          additionalInfo={{\n            heading: 'Field info',\n            content: 'Lorem ipsum dolor set amet.'\n          }}\n          required\n        />\n\n        <Input\n          name='email'\n          value={email.value}\n          type='email'\n          label='Email'\n          required={email.required}\n          status={email.status}\n          info='some help text here'\n          onChange={(e: ChangeEvent<HTMLInputElement>) => setField({ ...e })}\n          onBlur={(e: FocusEvent<HTMLInputElement>) => setField({ ...e })}\n          additionalInfo={{\n            heading: 'Field info',\n            content: 'Lorem ipsum dolor set amet.'\n          }}\n        />\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <CheckboxGroup\n            name='visited'\n            label='Places you have worked'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            required\n          >\n            {['Cambridge', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (\n              <Checkbox\n                key={office}\n                label={office}\n                onChange={(e: ChangeEvent<HTMLInputElement>) => setField({ ...e })}\n              />\n            ))}\n          </CheckboxGroup>\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <Checkbox\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            label='Check me, please'\n            required\n          />\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <RadioButtonGroup\n            name='meetings'\n            label='Do you enjoy early morning meetings?'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            required\n          >\n            {['Yes', \"No… no I don't\"].map(option => (\n              <RadioButton\n                key={option}\n                label={option}\n                onChange={(e: ChangeEvent<HTMLInputElement>) => setField({ ...e })}\n              />\n            ))}\n          </RadioButtonGroup>\n        </Grid>\n\n        <Select\n          label='What would you like to eat?'\n          info='FYI: options are limited'\n          additionalInfo={{\n            heading: 'Field info',\n            content: 'Lorem ipsum dolor set amet.'\n          }}\n          required\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'\n            required={notes.required}\n            label='Meeting notes'\n            status={notes.status}\n            info={notes.info || notes.help}\n            onChange={(e: ChangeEvent<HTMLTextAreaElement>) => setField({ ...e })}\n            onBlur={(e: FocusEvent<HTMLInputElement>) => setField({ ...e })}\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n          />\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <RichTextEditor\n            label='Detailed meeting notes'\n            info='The rich text editor can be used in forms, comments, and documents'\n            toolbar={[\n              'inline-styling',\n              'headers',\n              'tables',\n              'links',\n              'images',\n              'lists',\n              'cut-copy-paste',\n              'indentation'\n            ]}\n            onImageAdded={onImageAdded}\n            ref={editorRef}\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            required\n          />\n        </Grid>\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <FileInputDemo label='Meeting attachments' />\n        </Grid>\n\n        <ComboboxFilterableStory label='Select a user' />\n      </Grid>\n    </Form>\n  );\n};\n\nexport const ReadOnlyFormContent = ({\n  cols,\n  heading,\n  description,\n  showActions\n}: {\n  cols: number;\n  showActions: boolean;\n  heading?: string;\n  description?: string;\n}) => {\n  const [value, setValue] = useState<DateRangeInputProps['value']>({ start: 1, end: '3' });\n  const prev = usePrevious(value);\n  useEffect(() => {\n    if (prev !== value) setValue(value);\n  }, [prev, value]);\n  const [fields] = useReducer(fieldReducer, undefined, initFields);\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 notes = fields.find(field => field.name === 'notes');\n\n  if (!name || !email || !notes) return null;\n\n  const canSubmit = fields.every(field => field.value && field.validator());\n\n  const actions = (\n    <>\n      <Button\n        name='Cancel'\n        variant='secondary'\n        onClick={() => {\n          push({ content: 'Form cancelled!' });\n        }}\n      >\n        Cancel\n      </Button>\n      <Button name='Submit' type='submit' variant='primary' disabled={!canSubmit}>\n        Submit\n      </Button>\n    </>\n  );\n\n  return (\n    <Form\n      actions={showActions ? actions : undefined}\n      description={description}\n      heading={heading}\n      onSubmit={(e: FormEvent) => {\n        e.preventDefault();\n        push({ content: 'Form submitted!' });\n      }}\n      style={{ margin: 'auto', maxWidth: '37.5rem' }}\n    >\n      <Grid container={{ gap: 1, cols: `repeat(${cols}, minmax(0, 1fr))` }}>\n        <Input\n          readOnly\n          name='name'\n          label='Name'\n          value='Test'\n          required={false}\n          status={name.status}\n          additionalInfo={{\n            heading: 'Field info',\n            content: 'Lorem ipsum dolor set amet.'\n          }}\n        />\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <CheckboxGroup\n            name='places visited'\n            label='Places you have worked'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            readOnly\n            required\n          >\n            <Checkbox key='Cambridge' label='Cambridge' />\n            <Checkbox key='Krakow' label='Krakow' />\n            <Checkbox key='Hyderabad' label='Hyderabad' />\n            <Checkbox key='Bangalore' label='Bangalore' />\n          </CheckboxGroup>\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <RadioButtonGroup\n            name='meetings'\n            label='Do you really enjoy early morning meetings?'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            required\n          >\n            <RadioButton key='Yes' label='Yes' />\n            <RadioButton key=\"No.. no I don't\" label=\"No.. no I don't\" readOnly />\n          </RadioButtonGroup>\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <CheckboxGroup\n            name='more places visited'\n            label='More Places you have worked'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            required\n          >\n            <Checkbox key='Cambridge' label='Cambridge' readOnly />\n            <Checkbox key='Krakow' label='Krakow' />\n            <Checkbox key='Hyderabad' label='Hyderabad' />\n            <Checkbox key='Bangalore' label='Bangalore' />\n          </CheckboxGroup>\n        </Grid>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <RadioButtonGroup\n            name='meetings'\n            label='Do you enjoy early morning meetings?'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n            readOnly\n            required\n          >\n            <RadioButton key='Yes' label='Yes' />\n            <RadioButton key=\"No.. no I don't\" label=\"No.. no I don't\" />\n          </RadioButtonGroup>\n        </Grid>\n\n        <Select\n          label='What would you like to eat?'\n          info=''\n          additionalInfo={{\n            heading: 'Field info',\n            content: 'Lorem ipsum dolor set amet.'\n          }}\n          readOnly\n        >\n          <Option>choose meal…</Option>\n          <Option selected>Pizza</Option>\n          <Option>Sandwich</Option>\n          <Option>Salad</Option>\n        </Select>\n\n        <Grid item={{ colStartEnd: '1/-1' }}>\n          <TextArea\n            readOnly\n            name='notes'\n            required={false}\n            label='Meeting notes'\n            status={notes.status}\n            info={notes.info || notes.help}\n            value='Test copy'\n            additionalInfo={{\n              heading: 'Field info',\n              content: 'Lorem ipsum dolor set amet.'\n            }}\n          />\n        </Grid>\n      </Grid>\n    </Form>\n  );\n};\n"]}

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

@@ -1,13 +1,11 @@
 import type { StoryFn } from '@storybook/react';
-import type { FocusEventHandler, MouseEventHandler } from 'react';
 import type { RadioCheckGroupProps, OmitStrict } 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 RadioCheckGroupStoryProps extends RadioCheckGroupProps {
     showAdditionalInfo?: boolean;
     showNestedAdditionalInfo?: boolean;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    onClick?: MouseEventHandler<HTMLInputElement>;
+    onClear?: (() => void) | undefined;
 }
 export declare const RadioButtonGroupDemo: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>>;
 export declare const RadioButtonCardGroup: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>>;

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/core/RadioButtonGroup/RadioButtonGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAUlE,OAAO,KAAK,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAIhF,wBA6BU;AAEV,UAAU,yBAA0B,SAAQ,oBAAoB;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAmF3F,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAsF3F,CAAC"}
+{"version":3,"file":"RadioButtonGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/core/RadioButtonGroup/RadioButtonGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAUtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAIhF,wBA6BU;AAEV,UAAU,yBAA0B,SAAQ,oBAAoB;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAmF3F,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,UAAU,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAsF3F,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.stories.js","sourceRoot":"","sources":["../../../src/core/RadioButtonGroup/RadioButtonGroup.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { FocusEventHandler, MouseEventHandler } from 'react';\n\nimport {\n  FieldGroup,\n  FieldValueList,\n  Flex,\n  RadioButton,\n  RadioButtonGroup,\n  Text\n} from '@pega/cosmos-react-core';\nimport type { RadioCheckGroupProps, OmitStrict } from '@pega/cosmos-react-core';\n\nimport { Paragraph, StyledImage } from './RadioButtonGroup.styles';\n\nexport default {\n  title: 'Core/RadioButtonGroup',\n  component: RadioButtonGroup,\n  args: {\n    label: 'What do you want to eat?',\n    labelHidden: false,\n    inline: false,\n    autoStack: true,\n    required: false,\n    disabled: false,\n    readOnly: false,\n    showAdditionalInfo: false,\n    showNestedAdditionalInfo: false,\n    status: undefined,\n    info: 'You must select it'\n  },\n  argTypes: {\n    label: { control: { type: 'text' } },\n    labelHidden: { control: { type: 'boolean' } },\n    inline: { control: { type: 'boolean' } },\n    autoStack: { control: { type: 'boolean' } },\n    required: { control: { type: 'boolean' } },\n    disabled: { control: { type: 'boolean' } },\n    readOnly: { control: { type: 'boolean' } },\n    showAdditionalInfo: { control: { type: 'boolean' } },\n    showNestedAdditionalInfo: { control: { type: 'boolean' } },\n    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n    info: { control: { type: 'text', label: 'Helper text' } }\n  }\n} as Meta;\n\ninterface RadioCheckGroupStoryProps extends RadioCheckGroupProps {\n  showAdditionalInfo?: boolean;\n  showNestedAdditionalInfo?: boolean;\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  onClick?: MouseEventHandler<HTMLInputElement>;\n}\n\nexport const RadioButtonGroupDemo: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n  args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n  return args.showNestedAdditionalInfo ? (\n    <RadioButtonGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      label={args.label}\n      name='Fruit'\n      labelHidden={args.labelHidden}\n      inline={args.inline}\n      autoStack={args.autoStack}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      status={args.status}\n      info={args.info}\n      onClick={args.onClick}\n      onBlur={args.onBlur}\n    >\n      <RadioButton\n        label='Banana'\n        id='Banana'\n        defaultChecked\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n      <RadioButton\n        label='Apple'\n        id='Apple'\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n      <RadioButton\n        label='Mango'\n        id='Mango'\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n      <RadioButton\n        label='Orange'\n        id='Orange'\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n    </RadioButtonGroup>\n  ) : (\n    <RadioButtonGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      label={args.label}\n      name='Fruit'\n      labelHidden={args.labelHidden}\n      inline={args.inline}\n      autoStack={args.autoStack}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      status={args.status}\n      info={args.info}\n      onClick={args.onClick}\n      onBlur={args.onBlur}\n    >\n      <RadioButton label='Banana' id='Banana' defaultChecked />\n      <RadioButton label='Apple' id='Apple' />\n      <RadioButton label='Mango' id='Mango' />\n      <RadioButton label='Orange' id='Orange' />\n    </RadioButtonGroup>\n  );\n};\n\nexport const RadioButtonCardGroup: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n  args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n  return (\n    <RadioButtonGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      variant='card'\n      label='Which visuals appear satisfying?'\n      labelHidden={args.labelHidden}\n      inline={args.inline}\n      autoStack={args.autoStack}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n    >\n      <RadioButton\n        additionalInfo={\n          args.showNestedAdditionalInfo\n            ? {\n                content: 'Some additional info'\n              }\n            : undefined\n        }\n        label={\n          <Flex container={{ direction: 'column', gap: 1 }}>\n            <Text variant='h4'>A paragraph</Text>\n            <Paragraph>\n              This is a paragraph of text. It is meant to appear visually satisfying amongst the\n              other options in this group.\n            </Paragraph>\n          </Flex>\n        }\n        id='paragraph'\n        defaultChecked\n      />\n      <RadioButton\n        label={\n          <Flex container={{ direction: 'column', gap: 1 }}>\n            <Text variant='h4'>Space</Text>\n            <StyledImage\n              src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale'\n              alt='space'\n            />\n          </Flex>\n        }\n        id='space-photo'\n      />\n      <RadioButton\n        label={\n          <Flex container={{ gap: 1, alignItems: 'start' }}>\n            <StyledImage\n              src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale'\n              alt='space'\n            />\n            <Flex container={{ direction: 'column', gap: 1 }}>\n              <Text variant='h4'>Space</Text>\n              <Paragraph>\n                Space is the final frontier. There is so much to discover within Constellation!\n              </Paragraph>\n            </Flex>\n          </Flex>\n        }\n        id='cosmos'\n      />\n      <RadioButton\n        label={\n          <FieldGroup name='Gold service plan' headingTag='h3'>\n            <FieldValueList\n              fields={[\n                { id: 'service', name: 'Service length', value: '1 year' },\n                { id: 'monthly-cost', name: 'Monthly cost', value: '$180.00' },\n                { id: 'total-cost', name: 'Total cost', value: '$2,160.00' }\n              ]}\n            />\n          </FieldGroup>\n        }\n        id='phone-plan'\n      />\n    </RadioButtonGroup>\n  );\n};\n"]}
+{"version":3,"file":"RadioButtonGroup.stories.js","sourceRoot":"","sources":["../../../src/core/RadioButtonGroup/RadioButtonGroup.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport {\n  FieldGroup,\n  FieldValueList,\n  Flex,\n  RadioButton,\n  RadioButtonGroup,\n  Text\n} from '@pega/cosmos-react-core';\nimport type { RadioCheckGroupProps, OmitStrict } from '@pega/cosmos-react-core';\n\nimport { Paragraph, StyledImage } from './RadioButtonGroup.styles';\n\nexport default {\n  title: 'Core/RadioButtonGroup',\n  component: RadioButtonGroup,\n  args: {\n    label: 'What do you want to eat?',\n    labelHidden: false,\n    inline: false,\n    autoStack: true,\n    required: false,\n    disabled: false,\n    readOnly: false,\n    showAdditionalInfo: false,\n    showNestedAdditionalInfo: false,\n    status: undefined,\n    info: 'You must select it'\n  },\n  argTypes: {\n    label: { control: { type: 'text' } },\n    labelHidden: { control: { type: 'boolean' } },\n    inline: { control: { type: 'boolean' } },\n    autoStack: { control: { type: 'boolean' } },\n    required: { control: { type: 'boolean' } },\n    disabled: { control: { type: 'boolean' } },\n    readOnly: { control: { type: 'boolean' } },\n    showAdditionalInfo: { control: { type: 'boolean' } },\n    showNestedAdditionalInfo: { control: { type: 'boolean' } },\n    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n    info: { control: { type: 'text', label: 'Helper text' } }\n  }\n} as Meta;\n\ninterface RadioCheckGroupStoryProps extends RadioCheckGroupProps {\n  showAdditionalInfo?: boolean;\n  showNestedAdditionalInfo?: boolean;\n  onClear?: (() => void) | undefined;\n}\n\nexport const RadioButtonGroupDemo: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n  args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n  return args.showNestedAdditionalInfo ? (\n    <RadioButtonGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      label={args.label}\n      name='Fruit'\n      labelHidden={args.labelHidden}\n      inline={args.inline}\n      autoStack={args.autoStack}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      status={args.status}\n      info={args.info}\n      onClick={args.onClick}\n      onBlur={args.onBlur}\n    >\n      <RadioButton\n        label='Banana'\n        id='Banana'\n        defaultChecked\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n      <RadioButton\n        label='Apple'\n        id='Apple'\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n      <RadioButton\n        label='Mango'\n        id='Mango'\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n      <RadioButton\n        label='Orange'\n        id='Orange'\n        additionalInfo={{\n          content: 'Some additional info'\n        }}\n      />\n    </RadioButtonGroup>\n  ) : (\n    <RadioButtonGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      label={args.label}\n      name='Fruit'\n      labelHidden={args.labelHidden}\n      inline={args.inline}\n      autoStack={args.autoStack}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      status={args.status}\n      info={args.info}\n      onClick={args.onClick}\n      onBlur={args.onBlur}\n    >\n      <RadioButton label='Banana' id='Banana' defaultChecked />\n      <RadioButton label='Apple' id='Apple' />\n      <RadioButton label='Mango' id='Mango' />\n      <RadioButton label='Orange' id='Orange' />\n    </RadioButtonGroup>\n  );\n};\n\nexport const RadioButtonCardGroup: StoryFn<OmitStrict<RadioCheckGroupStoryProps, 'children'>> = (\n  args: OmitStrict<RadioCheckGroupStoryProps, 'children'>\n) => {\n  return (\n    <RadioButtonGroup\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: 'Some additional info'\n            }\n          : undefined\n      }\n      variant='card'\n      label='Which visuals appear satisfying?'\n      labelHidden={args.labelHidden}\n      inline={args.inline}\n      autoStack={args.autoStack}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n    >\n      <RadioButton\n        additionalInfo={\n          args.showNestedAdditionalInfo\n            ? {\n                content: 'Some additional info'\n              }\n            : undefined\n        }\n        label={\n          <Flex container={{ direction: 'column', gap: 1 }}>\n            <Text variant='h4'>A paragraph</Text>\n            <Paragraph>\n              This is a paragraph of text. It is meant to appear visually satisfying amongst the\n              other options in this group.\n            </Paragraph>\n          </Flex>\n        }\n        id='paragraph'\n        defaultChecked\n      />\n      <RadioButton\n        label={\n          <Flex container={{ direction: 'column', gap: 1 }}>\n            <Text variant='h4'>Space</Text>\n            <StyledImage\n              src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale'\n              alt='space'\n            />\n          </Flex>\n        }\n        id='space-photo'\n      />\n      <RadioButton\n        label={\n          <Flex container={{ gap: 1, alignItems: 'start' }}>\n            <StyledImage\n              src='https://thumbor.forbes.com/thumbor/960x0/https%3A%2F%2Fspecials-images.forbesimg.com%2Fdam%2Fimageserve%2F765877054%2F960x0.jpg%3Ffit%3Dscale'\n              alt='space'\n            />\n            <Flex container={{ direction: 'column', gap: 1 }}>\n              <Text variant='h4'>Space</Text>\n              <Paragraph>\n                Space is the final frontier. There is so much to discover within Constellation!\n              </Paragraph>\n            </Flex>\n          </Flex>\n        }\n        id='cosmos'\n      />\n      <RadioButton\n        label={\n          <FieldGroup name='Gold service plan' headingTag='h3'>\n            <FieldValueList\n              fields={[\n                { id: 'service', name: 'Service length', value: '1 year' },\n                { id: 'monthly-cost', name: 'Monthly cost', value: '$180.00' },\n                { id: 'total-cost', name: 'Total cost', value: '$2,160.00' }\n              ]}\n            />\n          </FieldGroup>\n        }\n        id='phone-plan'\n      />\n    </RadioButtonGroup>\n  );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-demos",
-  "version": "6.5.3",
+  "version": "6.6.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/pegasystems/cosmos-react.git",
@@ -20,12 +20,12 @@
     "build": "tsc -b tsconfig.build.json && tsc -b tsconfig.build-preserve.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "6.5.3",
-    "@pega/cosmos-react-core": "6.5.3",
-    "@pega/cosmos-react-dnd": "6.5.3",
-    "@pega/cosmos-react-rte": "6.5.3",
-    "@pega/cosmos-react-social": "6.5.3",
-    "@pega/cosmos-react-work": "6.5.3",
+    "@pega/cosmos-react-condition-builder": "6.6.1",
+    "@pega/cosmos-react-core": "6.6.1",
+    "@pega/cosmos-react-dnd": "6.6.1",
+    "@pega/cosmos-react-rte": "6.6.1",
+    "@pega/cosmos-react-social": "6.6.1",
+    "@pega/cosmos-react-work": "6.6.1",
     "@storybook/addon-actions": "~7.5.3",
     "@storybook/react": "~7.5.3",
     "@types/dompurify": "^3.0.5",

package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.mocks.d.ts

@@ -1,3 +0,0 @@
-import type { DateFunctionsByType, RHSType } from '@pega/cosmos-react-condition-builder';
-export declare const convertRhsTypes: (useLiteralRHSType: boolean, useFieldRHSType: boolean, useRelativeDatesType: boolean, useParameterRHSType: boolean, dateFunctions?: DateFunctionsByType) => Set<RHSType>;
-//# sourceMappingURL=ConditionBuilder.mocks.d.ts.map

package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionBuilder.mocks.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAEzF,eAAO,MAAM,eAAe,sBACP,OAAO,mBACT,OAAO,wBACF,OAAO,uBACR,OAAO,kBACZ,mBAAmB,iBASpC,CAAC"}

package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.mocks.js

@@ -1,15 +0,0 @@
-export const convertRhsTypes = (useLiteralRHSType, useFieldRHSType, useRelativeDatesType, useParameterRHSType, dateFunctions) => {
-    const setRhsTypes = new Set();
-    if (useLiteralRHSType)
-        setRhsTypes.add('LITERAL');
-    if (useFieldRHSType)
-        setRhsTypes.add('FIELD');
-    if (dateFunctions)
-        setRhsTypes.add('DATE_FUNCTION');
-    if (useRelativeDatesType)
-        setRhsTypes.add('RELATIVE_DATE');
-    if (useParameterRHSType)
-        setRhsTypes.add('PARAMETER');
-    return setRhsTypes;
-};
-//# sourceMappingURL=ConditionBuilder.mocks.js.map

package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionBuilder.mocks.js","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,iBAA0B,EAC1B,eAAwB,EACxB,oBAA6B,EAC7B,mBAA4B,EAC5B,aAAmC,EACnC,EAAE;IACF,MAAM,WAAW,GAAiB,IAAI,GAAG,EAAW,CAAC;IACrD,IAAI,iBAAiB;QAAE,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAClD,IAAI,eAAe;QAAE,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9C,IAAI,aAAa;QAAE,WAAW,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACpD,IAAI,oBAAoB;QAAE,WAAW,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC3D,IAAI,mBAAmB;QAAE,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACtD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC","sourcesContent":["import type { DateFunctionsByType, RHSType } from '@pega/cosmos-react-condition-builder';\n\nexport const convertRhsTypes = (\n  useLiteralRHSType: boolean,\n  useFieldRHSType: boolean,\n  useRelativeDatesType: boolean,\n  useParameterRHSType: boolean,\n  dateFunctions?: DateFunctionsByType\n) => {\n  const setRhsTypes: Set<RHSType> = new Set<RHSType>();\n  if (useLiteralRHSType) setRhsTypes.add('LITERAL');\n  if (useFieldRHSType) setRhsTypes.add('FIELD');\n  if (dateFunctions) setRhsTypes.add('DATE_FUNCTION');\n  if (useRelativeDatesType) setRhsTypes.add('RELATIVE_DATE');\n  if (useParameterRHSType) setRhsTypes.add('PARAMETER');\n  return setRhsTypes;\n};\n"]}

package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.stories.d.ts

@@ -1,19 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface ConditionBuilderStoryProps {
-    validComparators?: boolean;
-    disallowNOT?: boolean;
-    renderInPopover?: boolean;
-    dateFunctions?: boolean;
-    itemDirection?: 'column' | 'row';
-    useLiteralRHSType?: boolean;
-    useParameterRHSType?: boolean;
-    useFieldRHSType?: boolean;
-    useRelativeDatesRHSType?: boolean;
-    lhsMode?: 'input' | 'label' | 'hidden';
-}
-export declare const DefaultBuilder: StoryFn<ConditionBuilderStoryProps>;
-export declare const FieldConditionDemo: StoryFn<ConditionBuilderStoryProps>;
-export declare const AtomicConditionDemo: StoryFn<ConditionBuilderStoryProps>;
-//# sourceMappingURL=ConditionBuilder.stories.d.ts.map

package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionBuilder.stories.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AA6BtD,wBAGU;AAEV,UAAU,0BAA0B;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,0BAA0B,CAgH9D,CAAC;AAgBF,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,0BAA0B,CAqGlE,CAAC;AAcF,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,0BAA0B,CA4JnE,CAAC"}

package/jsx/condition-builder/ConditionBuilder/ConditionBuilder.stories.jsx

@@ -1,297 +0,0 @@
-import { useRef, useState } from 'react';
-import { Card, CardContent, Text, Button, Popover, useElement, useOuterEvent, Flex, useI18n } from '@pega/cosmos-react-core';
-import { ConditionBuilder, FieldCondition, AtomicCondition, getInitConditionForLhs, isValidCondition, formatCondition } from '@pega/cosmos-react-condition-builder';
-import { demoFields, demoCondition, demoComparators, demoDateFunctions } from './props.mock';
-import { StyledCodeBlock, StyledGrid, StyledList } from './ConditionBuilder.styles';
-import { convertRhsTypes } from './ConditionBuilder.mocks';
-export default {
-    title: 'Condition Builder/ConditionBuilder',
-    component: ConditionBuilder
-};
-export const DefaultBuilder = (args) => {
-    const translate = useI18n();
-    const [condition, setCondition] = useState(() => {
-        const prevCondition = sessionStorage.getItem('CBDemoCondition');
-        if (prevCondition !== null) {
-            if (prevCondition === 'undefined') {
-                return undefined;
-            }
-            return JSON.parse(prevCondition);
-        }
-        return demoCondition;
-    });
-    const buttonRef = useRef(null);
-    const [isOpen, setIsOpen] = useState(false);
-    const [popoverEl, setPopoverEl] = useElement(null);
-    const hidePopover = () => {
-        if (isOpen) {
-            setIsOpen(false);
-        }
-    };
-    useOuterEvent('mousedown', [popoverEl, buttonRef.current], hidePopover);
-    const hideOnEscape = (e) => {
-        if (e.key === 'Escape')
-            hidePopover();
-    };
-    const handle = useRef(null);
-    const builderJsx = (<>
-      <ConditionBuilder fields={demoFields} condition={condition} validComparators={args.validComparators ? demoComparators : undefined} validRhsTypes={new Set(['LITERAL', 'FIELD', 'DATE_FUNCTION', 'RELATIVE_DATE', 'PARAMETER'])} dateFunctions={args.dateFunctions ? demoDateFunctions : undefined} disallowNOT={args.disallowNOT} handle={handle}/>
-      <Flex container={{ justify: 'end' }}>
-        <Button variant='primary' onClick={() => {
-            if (handle?.current) {
-                const [valid, newCondition] = handle.current.getCondition();
-                if (valid) {
-                    setCondition(newCondition);
-                    hidePopover();
-                    sessionStorage.setItem('CBDemoCondition', JSON.stringify(newCondition));
-                }
-            }
-        }}>
-          Submit
-        </Button>
-      </Flex>
-    </>);
-    return (<StyledGrid container={{
-            cols: '1fr',
-            rowGap: 3
-        }}>
-      {!args.renderInPopover && builderJsx}
-
-      {args.renderInPopover && (<>
-          <Button ref={buttonRef} aria-haspopup aria-expanded={isOpen} onClick={() => setIsOpen(!isOpen)} onKeyDown={hideOnEscape}>
-            Open Condition builder
-          </Button>
-
-          <Popover show={isOpen} ref={setPopoverEl} target={buttonRef.current} placement='bottom-start'>
-            <Flex container={{ pad: 1, direction: 'column' }}>{builderJsx}</Flex>
-          </Popover>
-        </>)}
-
-      <div>
-        <Text variant='h4'>Output:</Text>
-        <StyledCodeBlock>
-          {condition ? JSON.stringify(condition, null, 2) : '(No condition)'}
-        </StyledCodeBlock>
-      </div>
-
-      <div>
-        <Text variant='h4'>Formatted Output:</Text>
-        <StyledCodeBlock>
-          {condition ? formatCondition(condition, demoFields, translate) : '(No condition)'}
-        </StyledCodeBlock>
-      </div>
-    </StyledGrid>);
-};
-DefaultBuilder.args = {
-    validComparators: false,
-    disallowNOT: false,
-    renderInPopover: false,
-    dateFunctions: true
-};
-DefaultBuilder.argTypes = {
-    validComparators: { control: { type: 'boolean' } },
-    disallowNOT: { control: { type: 'boolean' } },
-    renderInPopover: { control: { type: 'boolean' } },
-    dateFunctions: { control: { type: 'boolean' } }
-};
-export const FieldConditionDemo = (args) => {
-    const translate = useI18n();
-    const [condition, setCondition] = useState(undefined);
-    const buttonRef = useRef(null);
-    const [isOpen, setIsOpen] = useState(false);
-    const [popoverEl, setPopoverEl] = useElement(null);
-    const hidePopover = () => {
-        if (isOpen) {
-            setIsOpen(false);
-        }
-    };
-    useOuterEvent('mousedown', [popoverEl, buttonRef.current], hidePopover);
-    const hideOnEscape = (e) => {
-        if (e.key === 'Escape')
-            hidePopover();
-    };
-    const handle = useRef(null);
-    const builderJsx = (<Flex container={{ direction: 'column', gap: 2 }}>
-      <FieldCondition targetField='technicalDetails.lastActivityAt' fields={demoFields} condition={condition} validComparators={args.validComparators ? demoComparators : undefined} validRhsTypes={new Set(['LITERAL', 'FIELD', 'DATE_FUNCTION', 'RELATIVE_DATE'])} dateFunctions={args.dateFunctions ? demoDateFunctions : undefined} handle={handle}/>
-
-      <Flex container={{ justify: 'end' }}>
-        <Button name='field-condition-submit' variant='primary' onClick={() => {
-            if (!handle.current)
-                return;
-            const [isValid, c] = handle.current.getCondition();
-            if (!isValid)
-                return;
-            hidePopover();
-            setCondition(c);
-        }}>
-          Submit
-        </Button>
-      </Flex>
-    </Flex>);
-    return (<StyledGrid container={{
-            cols: 'repeat(2, minmax(0, 1fr))',
-            justifyItems: 'stretch',
-            alignItems: 'start',
-            colGap: 4
-        }}>
-      {!args.renderInPopover && builderJsx}
-
-      {args.renderInPopover && (<>
-          <Button ref={buttonRef} aria-haspopup aria-expanded={isOpen} onClick={() => setIsOpen(!isOpen)} onKeyDown={hideOnEscape}>
-            Open Condition builder
-          </Button>
-
-          <Popover show={isOpen} ref={setPopoverEl} target={buttonRef.current} placement='bottom-start'>
-            <Flex container={{ pad: 1 }}>{builderJsx}</Flex>
-          </Popover>
-        </>)}
-
-      <div>
-        <Text variant='h4'>Output:</Text>
-        <StyledCodeBlock>
-          {condition ? JSON.stringify(condition, null, 2) : '(No condition)'}
-        </StyledCodeBlock>
-
-        <Text variant='h4'>Formatted Output:</Text>
-        <StyledCodeBlock>
-          {condition ? formatCondition({ condition }, demoFields, translate) : '(No condition)'}
-        </StyledCodeBlock>
-      </div>
-    </StyledGrid>);
-};
-FieldConditionDemo.args = {
-    validComparators: false,
-    renderInPopover: false,
-    dateFunctions: true
-};
-FieldConditionDemo.argTypes = {
-    validComparators: { control: { type: 'boolean' } },
-    renderInPopover: { control: { type: 'boolean' } },
-    dateFunctions: { control: { type: 'boolean' } }
-};
-export const AtomicConditionDemo = (args) => {
-    const translate = useI18n();
-    const validRHSTypes = convertRhsTypes(!!args.useLiteralRHSType, !!args.useFieldRHSType, !!args.useRelativeDatesRHSType, !!args.useParameterRHSType, args.dateFunctions ? demoDateFunctions : undefined);
-    const [submitCondition, setSubmitCondition] = useState(undefined);
-    const buttonRef = useRef(null);
-    const [isOpen, setIsOpen] = useState(false);
-    const [popoverEl, setPopoverEl] = useElement(null);
-    const hidePopover = () => {
-        if (isOpen) {
-            setIsOpen(false);
-        }
-    };
-    useOuterEvent('mousedown', [popoverEl, buttonRef.current], hidePopover);
-    const hideOnEscape = (e) => {
-        if (e.key === 'Escape')
-            hidePopover();
-    };
-    const [showErrorIndicators, setShowErrorIndicators] = useState(false);
-    const [condition, setCondition] = useState(() => submitCondition ||
-        getInitConditionForLhs({ field: 'details.age' }, demoFields, validRHSTypes, args.validComparators ? demoComparators : undefined, args.dateFunctions ? demoDateFunctions : undefined));
-    const handleSubmission = () => {
-        setShowErrorIndicators(false);
-        if (isValidCondition(condition, demoFields, true)) {
-            if (args.renderInPopover)
-                setIsOpen(false);
-            setSubmitCondition(condition);
-        }
-        else {
-            setShowErrorIndicators(true);
-        }
-    };
-    const atomicConditionJSX = (<Flex container={{ direction: 'column', gap: 2 }}>
-      <AtomicCondition condition={condition} fields={demoFields} indicateErrors={showErrorIndicators} validComparators={args.validComparators ? demoComparators : undefined} dateFunctions={args.dateFunctions ? demoDateFunctions : undefined} onChange={c => setCondition(c)} itemDirection={args.itemDirection} lhsMode={args.lhsMode} validRhsTypes={validRHSTypes}/>
-      <Flex container={{ justify: 'end' }}>
-        <Button variant='primary' onClick={handleSubmission}>
-          Submit
-        </Button>
-      </Flex>
-    </Flex>);
-    return (<StyledGrid container={{
-            cols: 'repeat(2, minmax(0, 1fr))',
-            justifyItems: 'stretch',
-            alignItems: 'start',
-            colGap: 4
-        }}>
-      {!args.renderInPopover && atomicConditionJSX}
-
-      {args.renderInPopover && (<>
-          <Button ref={buttonRef} aria-haspopup aria-expanded={isOpen} onClick={() => setIsOpen(!isOpen)} onKeyDown={hideOnEscape}>
-            {`${isOpen ? 'Close' : 'Open'} Atomic Condition`}
-          </Button>
-
-          <Popover show={isOpen} ref={setPopoverEl} target={buttonRef.current} placement='bottom-start'>
-            <Flex container={{ pad: 1 }}>{atomicConditionJSX}</Flex>
-          </Popover>
-        </>)}
-      <Card>
-        <CardContent>
-          <Text variant='h4'>Output:</Text>
-          <StyledCodeBlock>
-            {submitCondition ? JSON.stringify(submitCondition, null, 2) : '(No condition)'}
-          </StyledCodeBlock>
-
-          <Text variant='h4'>Formatted Output:</Text>
-          <StyledCodeBlock>
-            {submitCondition
-            ? formatCondition({ condition: submitCondition }, demoFields, translate)
-            : '(No condition)'}
-          </StyledCodeBlock>
-          <Flex container={{ gap: 1, direction: 'column' }}>
-            <Flex container={{ gap: 1, direction: 'column' }}>
-              <Text variant='h2' status='error'>
-                validRhsTypes Prop Warning
-              </Text>
-              <Text>
-                There are LHS(Left Hand Side Field)/Comparator pairings that <u>require</u> specific
-                RHS(Right Hand Side Value) types. Please be mindful of these incompatibilities when
-                limiting RHS value types using this prop. We <b>do not</b> support limiting RHS
-                field types to incompatible types and it will result in a validation error if you do
-                so. The pairings referred to here are as follows:
-              </Text>
-            </Flex>
-            <StyledList>
-              <li>
-                BOOLEAN LHS Fields coupled with "EQ" or "NEQ" comparators, will <u>always yield</u>{' '}
-                a Field RHS
-              </li>
-              <li>
-                Any LHS Fields coupled with "IN" or "NOT_IN" comparators, will <u>always yield</u> a
-                Literal RHS (Comma separated list)
-              </li>
-            </StyledList>
-            <Flex container={{ direction: 'column' }}>
-              <Text>
-                If you would like to limit RHS value types and avoid these incompatibilities, you
-                will need to exclude these comparators using the <b>validComparators</b> prop.
-              </Text>
-            </Flex>
-          </Flex>
-        </CardContent>
-      </Card>
-    </StyledGrid>);
-};
-AtomicConditionDemo.args = {
-    validComparators: false,
-    renderInPopover: false,
-    dateFunctions: true,
-    itemDirection: 'column',
-    useLiteralRHSType: true,
-    useParameterRHSType: true,
-    useFieldRHSType: true,
-    useRelativeDatesRHSType: true,
-    lhsMode: 'input'
-};
-AtomicConditionDemo.argTypes = {
-    validComparators: { control: { type: 'boolean' } },
-    renderInPopover: { control: { type: 'boolean' } },
-    dateFunctions: { control: { type: 'boolean' } },
-    itemDirection: { options: ['column', 'row'], control: { type: 'select' } },
-    useLiteralRHSType: { control: { type: 'boolean' } },
-    useParameterRHSType: { control: { type: 'boolean' } },
-    useFieldRHSType: { control: { type: 'boolean' } },
-    useRelativeDatesRHSType: { control: { type: 'boolean' } },
-    lhsMode: { options: ['input', 'label', 'hidden'], control: { type: 'select' } }
-};
-//# sourceMappingURL=ConditionBuilder.stories.jsx.map