@pega/cosmos-react-demos 3.0.0-dev.9.0 → 3.0.0-rc.2

package/jsx/cs/TaskManager/TaskManager.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.stories.jsx","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactNode, useRef, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n  Button,\n  createUID,\n  DateInput,\n  DateTimeInput,\n  Flex,\n  Form,\n  Grid,\n  Input,\n  MenuButton,\n  MenuItemProps,\n  StatusProps,\n  Text,\n  TimeInput\n} from '@pega/cosmos-react-core';\nimport { Timeline } from '@pega/cosmos-react-work';\nimport { TaskManager, TaskManagerProps, TaskProps, TaskView } from '@pega/cosmos-react-cs';\n\nimport { activity } from '../../work/Timeline/Timeline.mocks';\n\nimport { TaskPickerMockData, WrapUpTask } from './TaskManager.mocks';\nimport { StyledStatus } from './TaskManager.styles';\n\nexport default {\n  title: 'Customer Service/TaskManager',\n  component: TaskManager\n} as Meta;\n\ntype TaskActions = 'cancel' | 'launch' | 'dismiss' | 'submit';\n\nexport interface TaskManagerStoryProps extends TaskManagerProps {\n  initialTasks?: TaskProps[];\n  main?: ReactNode;\n  serviceTasksEmpty?: boolean;\n  colGap?: number;\n  rowGap?: number;\n}\n\nexport const TaskManagerDemo: Story<TaskManagerStoryProps> = (args: TaskManagerStoryProps) => {\n  const [serviceTasks, setServiceTasks] = useState<TaskProps[]>(args.initialTasks || []);\n  const [isWrapUpTabVisible, setIsWrapUpTabVisible] = useState<boolean>(false);\n  const [disableWrapUp, setDisableWrapUp] = useState<boolean>(false);\n\n  const formActionsElemRef = useRef<HTMLButtonElement>(null);\n  const taskManagerRef = useRef<HTMLDivElement>(null);\n  const [activeTaskId, setActiveTaskId] = useState<string | undefined>(undefined);\n\n  const switchTab = (taskList: TaskProps[], taskId?: TaskProps['id']) => {\n    if (taskList.filter(task => !task.hideFromTab).length <= 1) {\n      return isWrapUpTabVisible ? setActiveTaskId(WrapUpTask.id) : setActiveTaskId(undefined);\n    }\n    const taskIndex = taskList.findIndex(task => {\n      return task.id === taskId;\n    });\n\n    let nextTaskIndex = taskList.findIndex((task, i) => {\n      return i > taskIndex && !task.hideFromTab;\n    });\n\n    if (nextTaskIndex === -1) nextTaskIndex = taskList.findIndex(task => !task.hideFromTab);\n    setActiveTaskId(taskList[nextTaskIndex].id);\n  };\n\n  const performTaskAction = (taskId: string | undefined, taskAction: TaskActions) => {\n    if (taskId === WrapUpTask.id) {\n      if (taskAction === 'cancel') {\n        setIsWrapUpTabVisible(false);\n        const openTasks = serviceTasks.filter(task => !task.hideFromTab);\n        const lastTask = openTasks[openTasks.length - 1];\n        if (lastTask?.status?.text === 'Queued') {\n          setServiceTasks(prevTasks => {\n            return [\n              ...prevTasks.filter(task => task.id !== lastTask.id),\n              {\n                ...lastTask,\n                variant: 'In progress',\n                icon: 'clipboard',\n                status: {\n                  variant: 'pending',\n                  text: 'In progress'\n                }\n              }\n            ];\n          });\n        }\n        if (lastTask) {\n          setActiveTaskId(lastTask.id);\n        } else {\n          setActiveTaskId(undefined);\n        }\n        setDisableWrapUp(false);\n      } else if (taskAction === 'submit') {\n        setServiceTasks(prevTasks => {\n          return prevTasks\n            .filter(task => task?.status?.text !== 'Queued')\n            .map(task => {\n              if (task?.status?.text !== 'cancelled') {\n                return {\n                  ...task,\n                  isResolved: true,\n                  icon: 'check',\n                  hideFromTab: true,\n                  status: {\n                    variant: 'success' as StatusProps['variant'],\n                    text: 'Resolve-Completed'\n                  }\n                };\n              }\n              return task;\n            });\n        });\n        setIsWrapUpTabVisible(false);\n        setActiveTaskId(undefined);\n      } else if (taskAction === 'launch') {\n        setActiveTaskId(WrapUpTask.id);\n        setIsWrapUpTabVisible(true);\n      }\n    } else if (taskAction === 'launch') {\n      setActiveTaskId(taskId);\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            const status = task?.status?.text === 'Queued' ? 'In progress' : task?.status?.text;\n            return {\n              ...task,\n              icon:\n                task.status?.text === 'Resolve-Completed' ||\n                task.status?.text === 'Resolve-Cancelled'\n                  ? 'check'\n                  : 'clipboard',\n              hideFromTab: false,\n              status: {\n                variant:\n                  (status === 'In progress'\n                    ? ('pending' as StatusProps['variant'])\n                    : task.status?.variant) || ('info' as StatusProps['variant']),\n                text: (status === 'In progress' ? 'In progress' : task.status?.text) || ''\n              }\n            };\n          }\n          return task;\n        });\n      });\n    } else if (taskAction === 'cancel') {\n      switchTab(serviceTasks, taskId);\n      const taskIndex = serviceTasks.findIndex(task => {\n        return task.id === taskId;\n      });\n      const nextTaskId =\n        taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            return {\n              ...task,\n              hideFromTab: true\n            };\n          }\n\n          if (\n            task.id === nextTaskId &&\n            task?.status?.text !== 'Resolve-Completed' &&\n            task?.status?.text !== 'Resolve-Cancelled'\n          ) {\n            return {\n              ...task,\n              icon: 'clipboard',\n              status: {\n                variant: 'pending' as StatusProps['variant'],\n                text: 'In Progress'\n              }\n            };\n          }\n\n          return task;\n        });\n      });\n    } else if (taskAction === 'submit') {\n      const taskIndex = serviceTasks.findIndex(task => {\n        return task.id === taskId;\n      });\n      const nextTaskId =\n        taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            return {\n              ...task,\n              icon: 'check',\n              isResolved: true,\n              hideFromTab: true,\n              status: {\n                variant: 'success' as StatusProps['variant'],\n                text: 'Resolve-Completed'\n              }\n            };\n          }\n          if (\n            task.id === nextTaskId &&\n            task?.status?.text !== 'Resolve-Completed' &&\n            task?.status?.text !== 'Resolve-Cancelled'\n          ) {\n            return {\n              ...task,\n              icon: 'clipboard',\n              status: {\n                variant: 'pending' as StatusProps['variant'],\n                text: 'In Progress'\n              }\n            };\n          }\n          return task;\n        });\n      });\n      switchTab(serviceTasks, taskId);\n    } else if (taskAction === 'dismiss') {\n      setServiceTasks(prevTasks => {\n        return prevTasks.filter(task => task.id !== taskId);\n      });\n    }\n  };\n\n  const renderTasks = (selections: MenuItemProps[]) => {\n    const newTasks: TaskProps[] = selections.map((selection, i) => {\n      const taskId = createUID();\n      if (i === 0) {\n        return {\n          id: taskId,\n          icon: 'nothing',\n          name: selection.primary,\n          secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],\n          isResolved: false,\n          status: {\n            variant: 'pending' as StatusProps['variant'],\n            text: 'In Progress'\n          }\n        };\n      }\n      return {\n        id: taskId,\n        icon: 'clipboard',\n        name: selection.primary,\n        secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],\n        isResolved: false,\n        status: {\n          variant: 'info' as StatusProps['variant'],\n          text: 'Queued'\n        }\n      };\n    });\n    setServiceTasks(prevTasks => {\n      return [...newTasks, ...prevTasks];\n    });\n    if (newTasks.length > 0) {\n      performTaskAction(newTasks[0].id, 'launch');\n    }\n    setDisableWrapUp(false);\n  };\n  const activeServiceTask: TaskProps =\n    (serviceTasks.find(task => task.id === activeTaskId) as TaskProps) || {};\n\n  /* Preparing form fields from added task */\n\n  const taskFields =\n    TaskPickerMockData.tasks\n      .flatMap(task => task.items ?? [])\n      .find(({ primary }) => primary === activeServiceTask?.name)?.fields ?? [];\n\n  const getFormElements = (readOnly: boolean) => {\n    const formElements = taskFields.map((field, i) => {\n      const lowerFieldName = field.toLocaleLowerCase();\n      if (lowerFieldName.includes('date') && lowerFieldName.includes('time')) {\n        /* eslint-disable react/no-array-index-key */\n        return <DateTimeInput readOnly={readOnly} label={field} key={i} />;\n      }\n      if (lowerFieldName.includes('date')) {\n        return <DateInput readOnly={readOnly} label={field} key={i} />;\n      }\n      if (lowerFieldName.includes('time')) {\n        return <TimeInput readOnly={readOnly} label={field} key={i} />;\n      }\n      return <Input readOnly={readOnly} label={field} key={i} />;\n      /* eslint-enable react/no-array-index-key */\n    });\n\n    return formElements.length <= 3 ? (\n      <>{formElements}</>\n    ) : (\n      <Grid\n        container={{\n          cols: 'repeat(2, 1fr)',\n          colGap: args.colGap,\n          rowGap: args.rowGap\n        }}\n      >\n        {formElements}\n      </Grid>\n    );\n  };\n\n  const handleLaunch = (id: string) => {\n    performTaskAction(id, 'launch');\n  };\n\n  const handleDismiss = (id: string) => {\n    performTaskAction(id, 'dismiss');\n  };\n\n  const getTaskName = (taskName: TaskProps['name']) => {\n    return taskName === 'Address change' ? 'Address change details' : taskName;\n  };\n\n  return (\n    <TaskManager\n      ref={taskManagerRef}\n      tasks={\n        args.serviceTasksEmpty\n          ? []\n          : serviceTasks.map(task => {\n              if (task.id === activeTaskId) {\n                return {\n                  ...task,\n                  active: true\n                };\n              }\n              return task;\n            })\n      }\n      emptyText='No tasks added'\n      banner={{\n        icon: 'headset',\n        content:\n          'Hi Ms. Ventura, I see that you are interested in changing your monthly due date, is that correct ?'\n      }}\n      onTaskLaunch={args.onTaskLaunch || handleLaunch}\n      onTaskDismiss={args.onTaskDismiss || handleDismiss}\n      addTask={{\n        items: TaskPickerMockData.tasks,\n        onAdd: renderTasks\n      }}\n      wrapUp={\n        args.wrapUp || {\n          disable: disableWrapUp,\n          onClick: () => {\n            performTaskAction(WrapUpTask.id, 'launch');\n            setDisableWrapUp(true);\n          },\n          active: activeTaskId === WrapUpTask.id,\n          showTab: isWrapUpTabVisible\n        }\n      }\n      main={\n        args.main || (\n          <TaskView\n            header={\n              <Flex container={{ justify: 'start', gap: 1, alignItems: 'center' }}>\n                <Text variant='h3'>\n                  {activeTaskId === WrapUpTask.id\n                    ? WrapUpTask.name\n                    : getTaskName(activeServiceTask?.name as TaskProps['name'])}\n                </Text>\n                <StyledStatus\n                  variant={\n                    activeTaskId === WrapUpTask.id\n                      ? WrapUpTask.variant\n                      : (activeServiceTask.status &&\n                          (activeServiceTask.status?.variant as StatusProps['variant'])) ||\n                        'info'\n                  }\n                >\n                  {activeTaskId === WrapUpTask.id\n                    ? WrapUpTask.status\n                    : activeServiceTask.status && activeServiceTask!.status!.text}\n                </StyledStatus>\n              </Flex>\n            }\n            actions={\n              <MenuButton\n                ref={formActionsElemRef}\n                menu={{\n                  items: ['Close task', 'Dismiss task', 'Resolve task'].map(name => ({\n                    primary: name,\n                    id: name,\n                    onClick: action(`Clicked ${name}`)\n                  }))\n                }}\n                text='Actions'\n              />\n            }\n          >\n            <Form\n              id='forming'\n              actions={\n                activeServiceTask?.isResolved ? (\n                  <Flex container={{ justify: 'end' }} item={{ grow: 1 }}>\n                    <Button\n                      name='Close'\n                      variant='primary'\n                      onClick={() => {\n                        performTaskAction(activeTaskId, 'cancel');\n                      }}\n                    >\n                      Close\n                    </Button>\n                  </Flex>\n                ) : (\n                  <>\n                    <Button\n                      name='Cancel'\n                      onClick={() => {\n                        performTaskAction(activeTaskId, 'cancel');\n                      }}\n                    >\n                      Cancel\n                    </Button>\n                    <div>\n                      <Button\n                        name='Submit'\n                        variant='primary'\n                        onClick={() => {\n                          performTaskAction(activeTaskId, 'submit');\n                        }}\n                      >\n                        Submit\n                      </Button>\n                    </div>\n                  </>\n                )\n              }\n            >\n              <Grid container={{ rowGap: 2 }}>\n                {activeTaskId === WrapUpTask.id ? (\n                  <Timeline activity={activity} currentTime={new Date()} />\n                ) : (\n                  getFormElements(activeServiceTask?.isResolved || false)\n                )}\n              </Grid>\n            </Form>\n          </TaskView>\n        )\n      }\n    />\n  );\n};\n\nTaskManagerDemo.args = {\n  serviceTasksEmpty: false,\n  colGap: 2,\n  rowGap: 2\n};\n\nTaskManagerDemo.argTypes = {\n  serviceTasksEmpty: { control: { type: 'boolean' } },\n  colGap: { control: { type: 'number' } },\n  rowGap: { control: { type: 'number' } }\n};\n"]}
+{"version":3,"file":"TaskManager.stories.jsx","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactNode, useEffect, useRef, useState, MouseEvent } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n  Button,\n  createUID,\n  DateInput,\n  DateTimeInput,\n  Flex,\n  Form,\n  Grid,\n  Input,\n  MenuButton,\n  MenuItemProps,\n  StatusProps,\n  Text,\n  TimeInput\n} from '@pega/cosmos-react-core';\nimport { Timeline } from '@pega/cosmos-react-work';\nimport {\n  DialogueProps,\n  TaskManager,\n  TaskManagerProps,\n  TaskProps,\n  TaskView\n} from '@pega/cosmos-react-cs';\nimport { EntityList, EntityListProps } from '@pega/cosmos-react-social';\nimport { HandleValue } from '@pega/cosmos-react-cs/lib/components/TaskManager/TaskManager.types';\nimport { ContextMenuProps } from '@pega/cosmos-react-social/lib/components/Email/Email.types';\n\nimport { activity } from '../../work/Timeline/Timeline.mocks';\n\nimport { TaskPickerMockData, WrapUpTask, EntityListMock } from './TaskManager.mocks';\nimport { StyledStatus } from './TaskManager.styles';\n\nexport default {\n  title: 'Customer Service/TaskManager',\n  component: TaskManager\n} as Meta;\n\ntype TaskActions = 'cancel' | 'launch' | 'dismiss' | 'submit';\n\nexport interface TaskManagerStoryProps extends TaskManagerProps {\n  initialTasks?: TaskProps[];\n  main?: ReactNode;\n  serviceTasksEmpty?: boolean;\n  colGap?: number;\n  rowGap?: number;\n  verbatimStatus?: DialogueProps['verbatimStatus'];\n}\n\nexport const TaskManagerDemo: Story<TaskManagerStoryProps> = (args: TaskManagerStoryProps) => {\n  const [serviceTasks, setServiceTasks] = useState<TaskProps[]>(args.initialTasks || []);\n  const [isWrapUpTabVisible, setIsWrapUpTabVisible] = useState<boolean>(false);\n  const [disableWrapUp, setDisableWrapUp] = useState<boolean>(false);\n\n  const formActionsElemRef = useRef<HTMLButtonElement>(null);\n  const taskManagerRef = useRef<HTMLDivElement>(null);\n  const handle = useRef<HandleValue>(null);\n  const entityListTimeout = useRef<number>();\n  const [activeTaskId, setActiveTaskId] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    handle.current?.nudge();\n    return () => {\n      window.clearTimeout(entityListTimeout.current);\n    };\n  }, []);\n\n  const switchTab = (taskList: TaskProps[], taskId?: TaskProps['id']) => {\n    if (taskList.filter(task => !task.hideFromTab).length <= 1) {\n      return isWrapUpTabVisible ? setActiveTaskId(WrapUpTask.id) : setActiveTaskId(undefined);\n    }\n    const taskIndex = taskList.findIndex(task => {\n      return task.id === taskId;\n    });\n\n    let nextTaskIndex = taskList.findIndex((task, i) => {\n      return i > taskIndex && !task.hideFromTab;\n    });\n\n    if (nextTaskIndex === -1) nextTaskIndex = taskList.findIndex(task => !task.hideFromTab);\n    setActiveTaskId(taskList[nextTaskIndex].id);\n  };\n\n  const performTaskAction = (taskId: string | undefined, taskAction: TaskActions) => {\n    if (taskId === WrapUpTask.id) {\n      if (taskAction === 'cancel') {\n        setIsWrapUpTabVisible(false);\n        const openTasks = serviceTasks.filter(task => !task.hideFromTab);\n        const lastTask = openTasks[openTasks.length - 1];\n        if (lastTask?.status?.text === 'Queued') {\n          setServiceTasks(prevTasks => {\n            return [\n              ...prevTasks.filter(task => task.id !== lastTask.id),\n              {\n                ...lastTask,\n                variant: 'In progress',\n                icon: 'clipboard',\n                status: {\n                  variant: 'pending',\n                  text: 'In progress'\n                }\n              }\n            ];\n          });\n        }\n        if (lastTask) {\n          setActiveTaskId(lastTask.id);\n        } else {\n          setActiveTaskId(undefined);\n        }\n        setDisableWrapUp(false);\n      } else if (taskAction === 'submit') {\n        setServiceTasks(prevTasks => {\n          return prevTasks\n            .filter(task => task?.status?.text !== 'Queued')\n            .map(task => {\n              if (task?.status?.text !== 'cancelled') {\n                return {\n                  ...task,\n                  isResolved: true,\n                  icon: 'check',\n                  hideFromTab: true,\n                  status: {\n                    variant: 'success' as StatusProps['variant'],\n                    text: 'Resolve-Completed'\n                  }\n                };\n              }\n              return task;\n            });\n        });\n        setIsWrapUpTabVisible(false);\n        setActiveTaskId(undefined);\n      } else if (taskAction === 'launch') {\n        setActiveTaskId(WrapUpTask.id);\n        setIsWrapUpTabVisible(true);\n      }\n    } else if (taskAction === 'launch') {\n      setActiveTaskId(taskId);\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            const status = task?.status?.text === 'Queued' ? 'In progress' : task?.status?.text;\n            return {\n              ...task,\n              icon:\n                task.status?.text === 'Resolve-Completed' ||\n                task.status?.text === 'Resolve-Cancelled'\n                  ? 'check'\n                  : 'clipboard',\n              hideFromTab: false,\n              status: {\n                variant:\n                  (status === 'In progress'\n                    ? ('pending' as StatusProps['variant'])\n                    : task.status?.variant) || ('info' as StatusProps['variant']),\n                text: (status === 'In progress' ? 'In progress' : task.status?.text) || ''\n              }\n            };\n          }\n          return task;\n        });\n      });\n    } else if (taskAction === 'cancel') {\n      switchTab(serviceTasks, taskId);\n      const taskIndex = serviceTasks.findIndex(task => {\n        return task.id === taskId;\n      });\n      const nextTaskId =\n        taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            return {\n              ...task,\n              hideFromTab: true\n            };\n          }\n\n          if (\n            task.id === nextTaskId &&\n            task?.status?.text !== 'Resolve-Completed' &&\n            task?.status?.text !== 'Resolve-Cancelled'\n          ) {\n            return {\n              ...task,\n              icon: 'clipboard',\n              status: {\n                variant: 'pending' as StatusProps['variant'],\n                text: 'In Progress'\n              }\n            };\n          }\n\n          return task;\n        });\n      });\n    } else if (taskAction === 'submit') {\n      const taskIndex = serviceTasks.findIndex(task => {\n        return task.id === taskId;\n      });\n      const nextTaskId =\n        taskIndex >= 0 && taskIndex < serviceTasks.length - 1 && serviceTasks[taskIndex + 1].id;\n      setServiceTasks(prevTasks => {\n        return prevTasks.map(task => {\n          if (task.id === taskId) {\n            return {\n              ...task,\n              icon: 'check',\n              isResolved: true,\n              hideFromTab: true,\n              status: {\n                variant: 'success' as StatusProps['variant'],\n                text: 'Resolve-Completed'\n              }\n            };\n          }\n          if (\n            task.id === nextTaskId &&\n            task?.status?.text !== 'Resolve-Completed' &&\n            task?.status?.text !== 'Resolve-Cancelled'\n          ) {\n            return {\n              ...task,\n              icon: 'clipboard',\n              status: {\n                variant: 'pending' as StatusProps['variant'],\n                text: 'In Progress'\n              }\n            };\n          }\n          return task;\n        });\n      });\n      switchTab(serviceTasks, taskId);\n    } else if (taskAction === 'dismiss') {\n      setServiceTasks(prevTasks => {\n        return prevTasks.filter(task => task.id !== taskId);\n      });\n    }\n  };\n\n  const renderTasks = (selections: MenuItemProps[]) => {\n    const newTasks: TaskProps[] = selections.map((selection, i) => {\n      const taskId = createUID();\n      if (i === 0) {\n        return {\n          id: taskId,\n          icon: 'nothing',\n          name: selection.primary,\n          secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],\n          isResolved: false,\n          status: {\n            variant: 'pending' as StatusProps['variant'],\n            text: 'In Progress'\n          }\n        };\n      }\n      return {\n        id: taskId,\n        icon: 'clipboard',\n        name: selection.primary,\n        secondary: [`S-${Math.floor(1000 + Math.random() * 9000)}`],\n        isResolved: false,\n        status: {\n          variant: 'info' as StatusProps['variant'],\n          text: 'Queued'\n        }\n      };\n    });\n    setServiceTasks(prevTasks => {\n      return [...newTasks, ...prevTasks];\n    });\n    if (newTasks.length > 0) {\n      performTaskAction(newTasks[0].id, 'launch');\n    }\n    setDisableWrapUp(false);\n  };\n  const activeServiceTask: TaskProps =\n    (serviceTasks.find(task => task.id === activeTaskId) as TaskProps) || {};\n\n  /* Preparing form fields from added task */\n\n  const taskFields =\n    TaskPickerMockData.tasks\n      .flatMap(task => task.items ?? [])\n      .find(({ primary }) => primary === activeServiceTask?.name)?.fields ?? [];\n\n  const getFormElements = (readOnly: boolean) => {\n    const formElements = taskFields.map((field, i) => {\n      const lowerFieldName = field.toLocaleLowerCase();\n      if (lowerFieldName.includes('date') && lowerFieldName.includes('time')) {\n        /* eslint-disable react/no-array-index-key */\n        return <DateTimeInput readOnly={readOnly} label={field} key={i} />;\n      }\n      if (lowerFieldName.includes('date')) {\n        return <DateInput readOnly={readOnly} label={field} key={i} />;\n      }\n      if (lowerFieldName.includes('time')) {\n        return <TimeInput readOnly={readOnly} label={field} key={i} />;\n      }\n      return <Input readOnly={readOnly} label={field} key={i} />;\n      /* eslint-enable react/no-array-index-key */\n    });\n\n    return formElements.length <= 3 ? (\n      <>{formElements}</>\n    ) : (\n      <Grid\n        container={{\n          cols: 'repeat(2, 1fr)',\n          colGap: args.colGap,\n          rowGap: args.rowGap\n        }}\n      >\n        {formElements}\n      </Grid>\n    );\n  };\n\n  const handleLaunch = (id: string) => {\n    performTaskAction(id, 'launch');\n  };\n\n  const handleDismiss = (id: string) => {\n    performTaskAction(id, 'dismiss');\n  };\n\n  const getTaskName = (taskName: TaskProps['name']) => {\n    return taskName === 'Address change' ? 'Address change details' : taskName;\n  };\n\n  const entityListCtxMenuHandle: ContextMenuProps['handle'] = useRef(null);\n\n  const handleRightClick = (e: MouseEvent) => {\n    e.preventDefault();\n    entityListCtxMenuHandle.current?.setItems([]);\n    entityListCtxMenuHandle.current?.setLoading(true);\n    entityListCtxMenuHandle.current?.setOpen(true);\n    entityListTimeout.current = window.setTimeout(() => {\n      entityListCtxMenuHandle.current?.setLoading(false);\n      entityListCtxMenuHandle.current?.setItems([\n        {\n          id: 'item_0',\n          primary: 'Field 1',\n          selected: true\n        },\n        {\n          id: 'item_1',\n          primary: 'Field 2',\n          selected: true\n        },\n        {\n          id: 'item_2',\n          primary: 'Field 3',\n          selected: true\n        },\n        {\n          id: 'item_3',\n          primary: 'Field 4',\n          selected: true\n        }\n      ]);\n    }, 3000);\n  };\n\n  const [entityListMockData, setEntityListMock] = useState<EntityListProps['content']>([]);\n  const [count, setCount] = useState(0);\n  const entityListMock = (\n    <EntityList\n      content={entityListMockData}\n      contextMenu={{\n        onItemClick: action('onItemClick'),\n        onContextMenu: handleRightClick,\n        handle: entityListCtxMenuHandle\n      }}\n    />\n  );\n\n  const tasks = serviceTasks.map(task => {\n    if (task.id === activeTaskId) {\n      return {\n        ...task,\n        active: true\n      };\n    }\n    return task;\n  });\n\n  const wrapUp = {\n    disable: disableWrapUp,\n    onClick: () => {\n      performTaskAction(WrapUpTask.id, 'launch');\n      setDisableWrapUp(true);\n    },\n    active: activeTaskId === WrapUpTask.id,\n    showTab: isWrapUpTabVisible\n  };\n\n  const hasActiveTask = tasks.filter(task => task.active).length > 0 || !!wrapUp?.active;\n\n  useEffect(() => {\n    if (hasActiveTask) {\n      const interval = setInterval(() => {\n        setCount(prev => {\n          if (prev === EntityListMock.length - 1) {\n            clearInterval(interval);\n            return prev;\n          }\n          return prev + 1;\n        });\n      }, 3000);\n      return () => clearInterval(interval);\n    }\n  }, [hasActiveTask]);\n\n  useEffect(() => {\n    if (count > 0) setEntityListMock([...entityListMockData, EntityListMock[count - 1]]);\n  }, [count]);\n\n  return (\n    <TaskManager\n      conversationAI={\n        hasActiveTask\n          ? {\n              content: entityListMock,\n              entityCount: count\n            }\n          : undefined\n      }\n      ref={taskManagerRef}\n      handle={handle}\n      tasks={args.serviceTasksEmpty ? [] : tasks}\n      emptyText='No tasks added'\n      banner={{\n        icon: 'script',\n        content:\n          'Hi Ms. Ventura, I see that you are interested in changing your monthly due date, is that correct?',\n        verbatimStatus: args.verbatimStatus\n      }}\n      onTaskLaunch={args.onTaskLaunch || handleLaunch}\n      onTaskDismiss={args.onTaskDismiss || handleDismiss}\n      addTask={{\n        items: TaskPickerMockData.tasks,\n        onAdd: renderTasks\n      }}\n      wrapUp={args.wrapUp || wrapUp}\n      main={\n        args.main || (\n          <TaskView\n            header={\n              <Flex container={{ justify: 'start', gap: 1, alignItems: 'center' }}>\n                <Text variant='h3'>\n                  {activeTaskId === WrapUpTask.id\n                    ? WrapUpTask.name\n                    : getTaskName(activeServiceTask?.name as TaskProps['name'])}\n                </Text>\n                <StyledStatus\n                  variant={\n                    activeTaskId === WrapUpTask.id\n                      ? WrapUpTask.variant\n                      : (activeServiceTask.status &&\n                          (activeServiceTask.status?.variant as StatusProps['variant'])) ||\n                        'info'\n                  }\n                >\n                  {activeTaskId === WrapUpTask.id\n                    ? WrapUpTask.status\n                    : activeServiceTask.status && activeServiceTask!.status!.text}\n                </StyledStatus>\n              </Flex>\n            }\n            actions={\n              <MenuButton\n                ref={formActionsElemRef}\n                menu={{\n                  items: ['Close task', 'Dismiss task', 'Resolve task'].map(name => ({\n                    primary: name,\n                    id: name,\n                    onClick: action(`Clicked ${name}`)\n                  }))\n                }}\n                text='Actions'\n              />\n            }\n          >\n            <Form\n              id='forming'\n              actions={\n                activeServiceTask?.isResolved ? (\n                  <Flex container={{ justify: 'end' }} item={{ grow: 1 }}>\n                    <Button\n                      name='Close'\n                      variant='primary'\n                      onClick={() => {\n                        performTaskAction(activeTaskId, 'cancel');\n                      }}\n                    >\n                      Close\n                    </Button>\n                  </Flex>\n                ) : (\n                  <>\n                    <Button\n                      name='Cancel'\n                      onClick={() => {\n                        performTaskAction(activeTaskId, 'cancel');\n                      }}\n                    >\n                      Cancel\n                    </Button>\n                    <div>\n                      <Button\n                        name='Submit'\n                        variant='primary'\n                        onClick={() => {\n                          performTaskAction(activeTaskId, 'submit');\n                        }}\n                      >\n                        Submit\n                      </Button>\n                    </div>\n                  </>\n                )\n              }\n            >\n              <Grid container={{ rowGap: 2 }}>\n                {activeTaskId === WrapUpTask.id ? (\n                  <Timeline activity={activity} currentTime={new Date()} />\n                ) : (\n                  getFormElements(activeServiceTask?.isResolved || false)\n                )}\n              </Grid>\n            </Form>\n          </TaskView>\n        )\n      }\n    />\n  );\n};\n\nTaskManagerDemo.args = {\n  serviceTasksEmpty: false,\n  colGap: 2,\n  rowGap: 2,\n  verbatimStatus: 'pending'\n};\n\nTaskManagerDemo.argTypes = {\n  serviceTasksEmpty: { control: { type: 'boolean' } },\n  colGap: { control: { type: 'number' } },\n  rowGap: { control: { type: 'number' } },\n  verbatimStatus: {\n    options: ['pending', 'spoken', undefined],\n    control: { type: 'select' }\n  }\n};\n"]}

package/jsx/cs/TaskManager/TaskManager.styles.js

@@ -1,8 +1,9 @@
 import styled, { css } from 'styled-components';
-import { Status } from '@pega/cosmos-react-core';
+import { Status, defaultThemeProp } from '@pega/cosmos-react-core';
 export const StyledStatus = styled(Status)(({ theme }) => {
     return css `
     margin-block-start: calc(0.25 * ${theme.base.spacing});
   `;
 });
+StyledStatus.defaultProps = defaultThemeProp;
 //# sourceMappingURL=TaskManager.styles.js.map

package/jsx/cs/TaskManager/TaskManager.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.styles.js","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvD,OAAO,GAAG,CAAA;sCAC0B,KAAK,CAAC,IAAI,CAAC,OAAO;GACrD,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { Status } from '@pega/cosmos-react-core';\n\nexport const StyledStatus = styled(Status)(({ theme }) => {\n  return css`\n    margin-block-start: calc(0.25 * ${theme.base.spacing});\n  `;\n});\n"]}
+{"version":3,"file":"TaskManager.styles.js","sourceRoot":"","sources":["../../../src/cs/TaskManager/TaskManager.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvD,OAAO,GAAG,CAAA;sCAC0B,KAAK,CAAC,IAAI,CAAC,OAAO;GACrD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { Status, defaultThemeProp } from '@pega/cosmos-react-core';\n\nexport const StyledStatus = styled(Status)(({ theme }) => {\n  return css`\n    margin-block-start: calc(0.25 * ${theme.base.spacing});\n  `;\n});\n\nStyledStatus.defaultProps = defaultThemeProp;\n"]}

package/jsx/dnd/StandardDragDropList/Demo.d.ts

@@ -0,0 +1,7 @@
+import { MockRawItem } from './mockData';
+interface StandardDragDropListDemoProps {
+    items: MockRawItem[];
+}
+declare const _default: ({ items }: StandardDragDropListDemoProps) => JSX.Element;
+export default _default;
+//# sourceMappingURL=Demo.d.ts.map

package/jsx/dnd/StandardDragDropList/Demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Demo.d.ts","sourceRoot":"","sources":["../../../src/dnd/StandardDragDropList/Demo.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,WAAW,EAKZ,MAAM,YAAY,CAAC;AAIpB,UAAU,6BAA6B;IACrC,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;oCAE0B,6BAA6B,KAAG,WAAW;AAAtE,wBAoOE"}

package/jsx/dnd/StandardDragDropList/Demo.jsx

@@ -0,0 +1,158 @@
+import { useCallback, useMemo, useState } from 'react';
+import { StandardDragDropList, DragDropManager } from '@pega/cosmos-react-dnd';
+import { Button, Flex, Icon, useElement } from '@pega/cosmos-react-core';
+import { contentTypes, mockQuery, mockFields, mockGroups, mockViews } from './mockData';
+import ItemConfig from './ItemConfig';
+import SelectionMenu from './SelectionMenu';
+export default ({ items }) => {
+    const [mockRawItems, setMockRawItems] = useState(items);
+    const [configItemId, setConfigItemId] = useState(null);
+    const [configTarget, setConfigTarget] = useElement(null);
+    const [selectionMenuTarget, setSelectionMenuTarget] = useElement(null);
+    const [selectionConstraint, setSelectionConstraint] = useState();
+    const [addToItemId, setAddToItemId] = useState(null);
+    const [errors, setErrors] = useState([]);
+    const onAddContent = useCallback(async (selected) => {
+        setSelectionMenuTarget(null);
+        setSelectionConstraint(undefined);
+        if (selected.length === 0)
+            return;
+        const addedItems = await mockQuery({ id: selected.map(({ id }) => id) });
+        setMockRawItems(cur => {
+            if (addToItemId) {
+                return cur.map(item => {
+                    if (item.id === addToItemId && item.items) {
+                        return {
+                            ...item,
+                            items: [
+                                ...item.items,
+                                ...addedItems.map(nestedItem => ({
+                                    ...nestedItem,
+                                    id: `${addToItemId}:${nestedItem.id}`
+                                }))
+                            ]
+                        };
+                    }
+                    return item;
+                });
+            }
+            return [...cur, ...addedItems.filter(newItem => !cur.find(({ id }) => id === newItem.id))];
+        });
+    }, [addToItemId, setSelectionMenuTarget]);
+    const onItemConfigure = useCallback((id, e) => {
+        setConfigTarget(e.currentTarget);
+        setConfigItemId(id);
+    }, [setConfigTarget]);
+    const onItemRemove = useCallback((id) => {
+        setMockRawItems(cur => cur.filter(rawItem => {
+            if (rawItem.id === id)
+                return false;
+            if (rawItem.items && rawItem.items.find(ri => ri.id === id)) {
+                rawItem.items = rawItem.items.filter(ri => ri.id !== id);
+            }
+            return true;
+        }));
+    }, []);
+    const onAddToGroup = useCallback((groupId, e) => {
+        setAddToItemId(groupId);
+        setSelectionMenuTarget(e.currentTarget);
+        setSelectionConstraint({ types: ['Field'] });
+    }, [setSelectionMenuTarget]);
+    const showSelectionMenu = useCallback((e) => {
+        setSelectionMenuTarget(e.currentTarget);
+    }, [setSelectionMenuTarget]);
+    const onChange = useCallback(updatedItems => {
+        setMockRawItems(cur => {
+            const findRawItem = (id) => {
+                for (let i = 0; i < cur.length; i += 1) {
+                    if (cur[i].id === id)
+                        return cur[i];
+                    if (cur[i].items) {
+                        const subItem = cur[i].items.find(s => s.id === id);
+                        if (subItem)
+                            return subItem;
+                    }
+                }
+                return [...mockFields, ...mockViews, ...mockGroups].find(rawItem => rawItem.id === id);
+            };
+            return updatedItems.map(item => {
+                const rawItem = findRawItem(item.id);
+                if (item.items) {
+                    const rawSubItems = item.items.map(subItem => {
+                        return findRawItem(subItem.id);
+                    });
+                    return { ...rawItem, items: rawSubItems };
+                }
+                return rawItem;
+            });
+        });
+    }, []);
+    const createListItems = useCallback((mci, onATG) => {
+        return mci.map(rawItem => {
+            const itemError = errors?.find(error => error.rawItemId === rawItem.id);
+            const primary = rawItem.type === 'View'
+                ? {
+                    text: rawItem.label,
+                    href: '/some-url',
+                    onClick: (e) => {
+                        e.preventDefault();
+                    }
+                }
+                : rawItem.label;
+            const baseItem = {
+                ...rawItem,
+                primary,
+                secondary: rawItem.subType ?? rawItem.type,
+                status: itemError ? { type: 'error', message: itemError.message } : undefined,
+                onConfigure: onItemConfigure,
+                onRemove: onItemRemove,
+                items: undefined
+            };
+            return rawItem.type === 'Group'
+                ? {
+                    ...baseItem,
+                    items: rawItem.items ? createListItems(rawItem.items, onATG) : [],
+                    accept: 'Field',
+                    onAddTo: onATG
+                }
+                : baseItem;
+        });
+    }, [errors, onItemConfigure, onItemRemove]);
+    const itemsToRender = useMemo(() => {
+        return createListItems(mockRawItems, onAddToGroup);
+    }, [mockRawItems, onAddToGroup, createListItems]);
+    return (<>
+      <DragDropManager>
+        {useMemo(() => (<StandardDragDropList accept={[...contentTypes, 'Field', 'View', 'Group']} heading='Mock view' items={itemsToRender} onChange={onChange} footer={<>
+                  <Button onClick={showSelectionMenu} variant='link'>
+                    <Flex container={{ inline: true, alignItems: 'center', gap: 1 }}>
+                      <Icon name='plus'/>
+                      <span>Add</span>
+                    </Flex>
+                  </Button>
+                </>}/>), [itemsToRender, showSelectionMenu, onChange])}
+      </DragDropManager>
+      {configTarget && configItemId && (<ItemConfig itemId={configItemId} target={configTarget} onCancel={() => {
+                setConfigTarget(null);
+                setConfigItemId(null);
+                setErrors(currentErrors => {
+                    const currentItemError = currentErrors?.find(err => err.rawItemId === configItemId);
+                    return currentItemError
+                        ? currentErrors.filter(err => err.rawItemId !== configItemId)
+                        : [
+                            ...currentErrors,
+                            { rawItemId: configItemId, message: 'Misconfiguration detected' }
+                        ];
+                });
+            }} onSubmit={() => {
+                setConfigTarget(null);
+                setConfigItemId(null);
+            }}/>)}
+      {selectionMenuTarget && (<SelectionMenu target={selectionMenuTarget} constraint={selectionConstraint} onCancel={() => {
+                setSelectionMenuTarget(null);
+                setAddToItemId(null);
+                setSelectionConstraint(undefined);
+            }} onSubmit={onAddContent}/>)}
+    </>);
+};
+//# sourceMappingURL=Demo.jsx.map

package/jsx/dnd/StandardDragDropList/Demo.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Demo.jsx","sourceRoot":"","sources":["../../../src/dnd/StandardDragDropList/Demo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { MouseEvent, useCallback, useMemo, useState } from 'react';\n\nimport {\n  StandardDragDropList,\n  type StandardDragDropListItemProps,\n  StandardDragDropListProps,\n  DragDropManager\n} from '@pega/cosmos-react-dnd';\nimport { Button, Flex, Icon, useElement } from '@pega/cosmos-react-core';\nimport { MultiSelectInputProps } from '@pega/cosmos-react-core/lib/components/ComboBox/MultiSelectInput/MultiSelectInput.types';\n\nimport {\n  contentTypes,\n  MockRawItem,\n  mockQuery,\n  mockFields,\n  mockGroups,\n  mockViews\n} from './mockData';\nimport ItemConfig from './ItemConfig';\nimport SelectionMenu, { SelectionMenuProps } from './SelectionMenu';\n\ninterface StandardDragDropListDemoProps {\n  items: MockRawItem[];\n}\n\nexport default ({ items }: StandardDragDropListDemoProps): JSX.Element => {\n  // The state of the list's content is maintained here and the raw item objects are transformed below prior to render.\n  const [mockRawItems, setMockRawItems] = useState<MockRawItem[]>(items);\n\n  const [configItemId, setConfigItemId] = useState<MockRawItem['id'] | null>(null);\n\n  const [configTarget, setConfigTarget] = useElement(null);\n\n  const [selectionMenuTarget, setSelectionMenuTarget] = useElement(null);\n\n  const [selectionConstraint, setSelectionConstraint] =\n    useState<SelectionMenuProps['constraint']>();\n\n  const [addToItemId, setAddToItemId] = useState<MockRawItem['id'] | null>(null);\n\n  const [errors, setErrors] = useState<{ rawItemId: MockRawItem['id']; message: string }[]>([]);\n\n  const onAddContent = useCallback(\n    async (selected: NonNullable<MultiSelectInputProps['selected']>) => {\n      setSelectionMenuTarget(null);\n      setSelectionConstraint(undefined);\n\n      if (selected.length === 0) return;\n\n      const addedItems = await mockQuery({ id: selected.map(({ id }) => id) });\n\n      setMockRawItems(cur => {\n        if (addToItemId) {\n          return cur.map(item => {\n            if (item.id === addToItemId && item.items) {\n              return {\n                ...item,\n                items: [\n                  ...item.items,\n                  ...addedItems.map(nestedItem => ({\n                    ...nestedItem,\n                    id: `${addToItemId}:${nestedItem.id}`\n                  }))\n                ]\n              };\n            }\n            return item;\n          });\n        }\n\n        return [...cur, ...addedItems.filter(newItem => !cur.find(({ id }) => id === newItem.id))];\n      });\n    },\n    [addToItemId, setSelectionMenuTarget]\n  );\n\n  const onItemConfigure = useCallback(\n    (id: StandardDragDropListItemProps['id'], e: MouseEvent<HTMLButtonElement>) => {\n      setConfigTarget(e.currentTarget);\n      setConfigItemId(id);\n    },\n    [setConfigTarget]\n  );\n\n  const onItemRemove = useCallback((id: StandardDragDropListItemProps['id']) => {\n    setMockRawItems(cur =>\n      cur.filter(rawItem => {\n        if (rawItem.id === id) return false;\n        // See if it's there before setting a new array instance.\n        if (rawItem.items && rawItem.items.find(ri => ri.id === id)) {\n          rawItem.items = rawItem.items.filter(ri => ri.id !== id);\n        }\n        return true;\n      })\n    );\n  }, []);\n\n  const onAddToGroup = useCallback(\n    (groupId: StandardDragDropListItemProps['id'], e: MouseEvent<Element>) => {\n      setAddToItemId(groupId);\n      setSelectionMenuTarget(e.currentTarget);\n      setSelectionConstraint({ types: ['Field'] });\n    },\n    [setSelectionMenuTarget]\n  );\n\n  const showSelectionMenu = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      setSelectionMenuTarget(e.currentTarget);\n    },\n    [setSelectionMenuTarget]\n  );\n\n  const onChange: StandardDragDropListProps['onChange'] = useCallback(updatedItems => {\n    setMockRawItems(cur => {\n      const findRawItem = (id: string) => {\n        for (let i = 0; i < cur.length; i += 1) {\n          if (cur[i].id === id) return cur[i];\n\n          if (cur[i].items) {\n            const subItem = cur[i].items!.find(s => s.id === id);\n            if (subItem) return subItem;\n          }\n        }\n\n        return [...mockFields, ...mockViews, ...mockGroups].find(rawItem => rawItem.id === id)!;\n      };\n\n      return updatedItems.map(item => {\n        const rawItem = findRawItem(item.id);\n\n        if (item.items) {\n          const rawSubItems = item.items.map(subItem => {\n            return findRawItem(subItem.id);\n          });\n\n          return { ...rawItem, items: rawSubItems };\n        }\n\n        return rawItem;\n      });\n    });\n  }, []);\n\n  const createListItems = useCallback(\n    (mci: MockRawItem[], onATG: typeof onAddToGroup): StandardDragDropListProps['items'] => {\n      return mci.map(rawItem => {\n        const itemError = errors?.find(error => error.rawItemId === rawItem.id);\n\n        const primary =\n          rawItem.type === 'View'\n            ? {\n                text: rawItem.label,\n                href: '/some-url',\n                onClick: (e: MouseEvent) => {\n                  e.preventDefault();\n                  // Navigate or present a dialog/panel for clicked item...\n                }\n              }\n            : rawItem.label;\n\n        const baseItem: StandardDragDropListItemProps = {\n          // type property is being spread in via the mock content item.\n          ...rawItem,\n          primary,\n          secondary: rawItem.subType ?? rawItem.type,\n          status: itemError ? { type: 'error', message: itemError.message } : undefined,\n          onConfigure: onItemConfigure,\n          onRemove: onItemRemove,\n          items: undefined\n        };\n\n        return rawItem.type === 'Group'\n          ? {\n              ...baseItem,\n              items: rawItem.items ? createListItems(rawItem.items, onATG) : [],\n              accept: 'Field',\n              onAddTo: onATG\n            }\n          : baseItem;\n      });\n    },\n    [errors, onItemConfigure, onItemRemove]\n  );\n\n  // Here we transform MockRawItems -> StandardDragDropListProps['items']\n  const itemsToRender: StandardDragDropListProps['items'] = useMemo(() => {\n    return createListItems(mockRawItems, onAddToGroup);\n  }, [mockRawItems, onAddToGroup, createListItems]);\n\n  return (\n    <>\n      <DragDropManager>\n        {useMemo(\n          () => (\n            <StandardDragDropList\n              accept={[...contentTypes, 'Field', 'View', 'Group']}\n              heading='Mock view'\n              items={itemsToRender}\n              onChange={onChange}\n              footer={\n                <>\n                  <Button onClick={showSelectionMenu} variant='link'>\n                    <Flex container={{ inline: true, alignItems: 'center', gap: 1 }}>\n                      <Icon name='plus' />\n                      <span>Add</span>\n                    </Flex>\n                  </Button>\n                </>\n              }\n            />\n          ),\n          [itemsToRender, showSelectionMenu, onChange]\n        )}\n      </DragDropManager>\n      {configTarget && configItemId && (\n        <ItemConfig\n          itemId={configItemId}\n          target={configTarget}\n          onCancel={() => {\n            setConfigTarget(null);\n            setConfigItemId(null);\n            setErrors(currentErrors => {\n              const currentItemError = currentErrors?.find(err => err.rawItemId === configItemId);\n\n              return currentItemError\n                ? currentErrors.filter(err => err.rawItemId !== configItemId)\n                : [\n                    ...currentErrors,\n                    { rawItemId: configItemId, message: 'Misconfiguration detected' }\n                  ];\n            });\n          }}\n          onSubmit={() => {\n            setConfigTarget(null);\n            setConfigItemId(null);\n          }}\n        />\n      )}\n      {selectionMenuTarget && (\n        <SelectionMenu\n          target={selectionMenuTarget}\n          constraint={selectionConstraint}\n          onCancel={() => {\n            setSelectionMenuTarget(null);\n            setAddToItemId(null);\n            setSelectionConstraint(undefined);\n          }}\n          onSubmit={onAddContent}\n        />\n      )}\n    </>\n  );\n};\n"]}

package/jsx/dnd/StandardDragDropList/GroupConfig.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { PopoverProps } from '@pega/cosmos-react-core';
+interface ItemConfigProps {
+    target: NonNullable<PopoverProps['target']>;
+    onCancel: () => void;
+    onSubmit: () => void;
+}
+declare const GroupConfig: ({ target, onCancel, onSubmit }: ItemConfigProps) => JSX.Element;
+export default GroupConfig;
+//# sourceMappingURL=GroupConfig.d.ts.map

package/jsx/dnd/StandardDragDropList/GroupConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupConfig.d.ts","sourceRoot":"","sources":["../../../src/dnd/StandardDragDropList/GroupConfig.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,YAAY,EAAkB,MAAM,yBAAyB,CAAC;AAIpF,UAAU,eAAe;IACvB,MAAM,EAAE,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAWD,QAAA,MAAM,WAAW,mCAAoC,eAAe,gBAenE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/jsx/dnd/StandardDragDropList/GroupConfig.jsx

@@ -0,0 +1,26 @@
+import { Flex, Input, Select, Option } from '@pega/cosmos-react-core';
+import Popover from './Popover';
+const comparisionTypes = [
+    'Integer',
+    'Decimal',
+    'Currency',
+    'Date & time',
+    'Date only',
+    'Time only'
+];
+const GroupConfig = ({ target, onCancel, onSubmit }) => {
+    return (<Popover target={target} heading='Create Group' onCancel={onCancel} onSubmit={onSubmit}>
+      <Flex container={{ direction: 'column', gap: 2 }}>
+        <Input label='Heading' required/>
+        <Select label='Allowed types'>
+          <Option value='All'>All</Option>
+          {comparisionTypes.map(type => {
+            return <Option value={type}>{type}</Option>;
+        })}
+        </Select>
+        <div>Etc...</div>
+      </Flex>
+    </Popover>);
+};
+export default GroupConfig;
+//# sourceMappingURL=GroupConfig.jsx.map

package/jsx/dnd/StandardDragDropList/GroupConfig.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupConfig.jsx","sourceRoot":"","sources":["../../../src/dnd/StandardDragDropList/GroupConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEpF,OAAO,OAAO,MAAM,WAAW,CAAC;AAQhC,MAAM,gBAAgB,GAAG;IACvB,SAAS;IACT,SAAS;IACT,UAAU;IACV,aAAa;IACb,WAAW;IACX,WAAW;CACZ,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAmB,EAAE,EAAE;IACtE,OAAO,CACL,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACrF;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAC/C;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,EAC/B;QAAA,CAAC,MAAM,CAAC,KAAK,CAAC,eAAe,CAC3B;UAAA,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,CAC/B;UAAA,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAC3B,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC;QAC9C,CAAC,CAAC,CACJ;QAAA,EAAE,MAAM,CACR;QAAA,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAClB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,OAAO,CAAC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { Flex, Input, PopoverProps, Select, Option } from '@pega/cosmos-react-core';\n\nimport Popover from './Popover';\n\ninterface ItemConfigProps {\n  target: NonNullable<PopoverProps['target']>;\n  onCancel: () => void;\n  onSubmit: () => void;\n}\n\nconst comparisionTypes = [\n  'Integer',\n  'Decimal',\n  'Currency',\n  'Date & time',\n  'Date only',\n  'Time only'\n];\n\nconst GroupConfig = ({ target, onCancel, onSubmit }: ItemConfigProps) => {\n  return (\n    <Popover target={target} heading='Create Group' onCancel={onCancel} onSubmit={onSubmit}>\n      <Flex container={{ direction: 'column', gap: 2 }}>\n        <Input label='Heading' required />\n        <Select label='Allowed types'>\n          <Option value='All'>All</Option>\n          {comparisionTypes.map(type => {\n            return <Option value={type}>{type}</Option>;\n          })}\n        </Select>\n        <div>Etc...</div>\n      </Flex>\n    </Popover>\n  );\n};\n\nexport default GroupConfig;\n"]}

package/jsx/dnd/StandardDragDropList/ItemConfig.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { PopoverProps } from '@pega/cosmos-react-core';
+import { MockRawItem } from './mockData';
+interface ItemConfigProps {
+    itemId: MockRawItem['id'];
+    target: NonNullable<PopoverProps['target']>;
+    onCancel: () => void;
+    onSubmit: () => void;
+}
+declare const ItemConfig: ({ itemId, target, onCancel, onSubmit }: ItemConfigProps) => JSX.Element;
+export default ItemConfig;
+//# sourceMappingURL=ItemConfig.d.ts.map

package/jsx/dnd/StandardDragDropList/ItemConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemConfig.d.ts","sourceRoot":"","sources":["../../../src/dnd/StandardDragDropList/ItemConfig.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAW,MAAM,yBAAyB,CAAC;AAGhE,OAAO,EAAa,WAAW,EAAE,MAAM,YAAY,CAAC;AAEpD,UAAU,eAAe;IACvB,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,EAAE,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,2CAA4C,eAAe,gBAwB1E,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/jsx/dnd/StandardDragDropList/ItemConfig.jsx

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+import { useI18n } from '@pega/cosmos-react-core';
+import Popover from './Popover';
+import { mockQuery } from './mockData';
+const ItemConfig = ({ itemId, target, onCancel, onSubmit }) => {
+    const [item, setItem] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const t = useI18n();
+    useEffect(() => {
+        (async () => {
+            const [ci] = await mockQuery({ id: itemId, delay: 500 });
+            setItem(ci);
+            setLoading(false);
+        })();
+    }, []);
+    return (<Popover loading={loading} target={target} heading={!loading && item ? item.label : t('loading')} onCancel={onCancel} onSubmit={onSubmit}>
+      <div style={{ margin: 'auto' }}>Configuration for {item?.label}...</div>
+    </Popover>);
+};
+export default ItemConfig;
+//# sourceMappingURL=ItemConfig.jsx.map

package/jsx/dnd/StandardDragDropList/ItemConfig.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemConfig.jsx","sourceRoot":"","sources":["../../../src/dnd/StandardDragDropList/ItemConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAgB,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,SAAS,EAAe,MAAM,YAAY,CAAC;AASpD,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC7E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,CAAC,KAAK,IAAI,EAAE;YACV,MAAM,CAAC,EAAE,CAAC,GAAG,MAAM,SAAS,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;YACzD,OAAO,CAAC,EAAE,CAAC,CAAC;YACZ,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,CAAC,OAAO,CACN,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CACtD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;MAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CACzE;IAAA,EAAE,OAAO,CAAC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { PopoverProps, useI18n } from '@pega/cosmos-react-core';\n\nimport Popover from './Popover';\nimport { mockQuery, MockRawItem } from './mockData';\n\ninterface ItemConfigProps {\n  itemId: MockRawItem['id'];\n  target: NonNullable<PopoverProps['target']>;\n  onCancel: () => void;\n  onSubmit: () => void;\n}\n\nconst ItemConfig = ({ itemId, target, onCancel, onSubmit }: ItemConfigProps) => {\n  const [item, setItem] = useState<MockRawItem | null>(null);\n  const [loading, setLoading] = useState(true);\n  const t = useI18n();\n\n  useEffect(() => {\n    (async () => {\n      const [ci] = await mockQuery({ id: itemId, delay: 500 });\n      setItem(ci);\n      setLoading(false);\n    })();\n  }, []);\n\n  return (\n    <Popover\n      loading={loading}\n      target={target}\n      heading={!loading && item ? item.label : t('loading')}\n      onCancel={onCancel}\n      onSubmit={onSubmit}\n    >\n      <div style={{ margin: 'auto' }}>Configuration for {item?.label}...</div>\n    </Popover>\n  );\n};\n\nexport default ItemConfig;\n"]}

package/jsx/dnd/StandardDragDropList/Popover.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { PopoverProps as CorePopoverProps } from '@pega/cosmos-react-core';
+declare type PopoverProps = {
+    target: NonNullable<CorePopoverProps['target']>;
+    loading?: boolean;
+    heading: string;
+    children?: ReactNode;
+    displayHeading?: boolean;
+    onCancel: () => void;
+    onSubmit: () => void;
+};
+declare const Popover: ({ loading, heading, target, children, displayHeading, onCancel, onSubmit }: PopoverProps) => JSX.Element;
+export default Popover;
+//# sourceMappingURL=Popover.d.ts.map

package/jsx/dnd/StandardDragDropList/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/dnd/StandardDragDropList/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA8B,MAAM,OAAO,CAAC;AAG9D,OAAO,EAKL,YAAY,IAAI,gBAAgB,EAYjC,MAAM,yBAAyB,CAAC;AAEjC,aAAK,YAAY,GAAG;IAClB,MAAM,EAAE,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAaF,QAAA,MAAM,OAAO,+EAQV,YAAY,gBAyDd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/jsx/dnd/StandardDragDropList/Popover.jsx

@@ -0,0 +1,51 @@
+import { useRef, useEffect, useMemo } from 'react';
+import styled from 'styled-components';
+import { Popover as CorePopover, Flex, Button, Text, useI18n, useEscape, useOuterEvent, CardHeader, CardFooter, CardContent, Progress, useFocusTrap, useUID, getFocusables, VisuallyHiddenText } from '@pega/cosmos-react-core';
+const StyledContent = styled(CardContent) `
+  overflow: auto;
+`;
+const StyledPopover = styled(CorePopover) `
+  position: relative;
+  width: min(100vh, 60ch);
+  min-height: 6rem;
+  max-height: calc(100vh - 2rem);
+`;
+const Popover = ({ loading, heading, target, children, displayHeading = true, onCancel, onSubmit }) => {
+    const t = useI18n();
+    const headingId = useUID();
+    const ref = useRef(null);
+    useOuterEvent('mousedown', [ref], onCancel);
+    useEscape(onCancel);
+    useFocusTrap(ref);
+    useEffect(() => {
+        getFocusables(ref)[0]?.focus();
+    }, []);
+    const header = useMemo(() => {
+        if (loading)
+            return;
+        const h2 = (<Text variant='h2' id={headingId}>
+        {displayHeading ? heading : <VisuallyHiddenText>{heading}</VisuallyHiddenText>}
+      </Text>);
+        return displayHeading ? <CardHeader>{h2}</CardHeader> : h2;
+    }, [loading, heading, headingId, displayHeading]);
+    return (<Flex role='dialog' aria-labelledby={headingId} container={{ direction: 'column' }} as={StyledPopover} target={target} arrow ref={ref}>
+      {header}
+
+      <Flex item={{ grow: 1 }} as={StyledContent}>
+        {!loading && children}
+      </Flex>
+
+      {!loading && (<CardFooter container={{ justify: 'between' }}>
+          <Button autoFocus onClick={onCancel}>
+            {t('cancel')}
+          </Button>
+          <Button variant='primary' onClick={onSubmit}>
+            {t('submit')}
+          </Button>
+        </CardFooter>)}
+
+      {loading && <Progress placement='local' message={t('loading')}/>}
+    </Flex>);
+};
+export default Popover;
+//# sourceMappingURL=Popover.jsx.map

package/jsx/dnd/StandardDragDropList/Popover.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.jsx","sourceRoot":"","sources":["../../../src/dnd/StandardDragDropList/Popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactNode, useRef, useEffect, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  Popover as CorePopover,\n  Flex,\n  Button,\n  Text,\n  PopoverProps as CorePopoverProps,\n  useI18n,\n  useEscape,\n  useOuterEvent,\n  CardHeader,\n  CardFooter,\n  CardContent,\n  Progress,\n  useFocusTrap,\n  useUID,\n  getFocusables,\n  VisuallyHiddenText\n} from '@pega/cosmos-react-core';\n\ntype PopoverProps = {\n  target: NonNullable<CorePopoverProps['target']>;\n  loading?: boolean;\n  heading: string;\n  children?: ReactNode;\n  displayHeading?: boolean;\n  onCancel: () => void;\n  onSubmit: () => void;\n};\n\nconst StyledContent = styled(CardContent)`\n  overflow: auto;\n`;\n\nconst StyledPopover = styled(CorePopover)`\n  position: relative;\n  width: min(100vh, 60ch);\n  min-height: 6rem;\n  max-height: calc(100vh - 2rem);\n`;\n\nconst Popover = ({\n  loading,\n  heading,\n  target,\n  children,\n  displayHeading = true,\n  onCancel,\n  onSubmit\n}: PopoverProps) => {\n  const t = useI18n();\n  const headingId = useUID();\n  const ref = useRef<HTMLElement>(null);\n\n  useOuterEvent('mousedown', [ref], onCancel);\n\n  useEscape(onCancel);\n\n  useFocusTrap(ref);\n\n  useEffect(() => {\n    getFocusables(ref)[0]?.focus();\n  }, []);\n\n  const header = useMemo(() => {\n    if (loading) return;\n\n    const h2 = (\n      <Text variant='h2' id={headingId}>\n        {displayHeading ? heading : <VisuallyHiddenText>{heading}</VisuallyHiddenText>}\n      </Text>\n    );\n\n    return displayHeading ? <CardHeader>{h2}</CardHeader> : h2;\n  }, [loading, heading, headingId, displayHeading]);\n\n  return (\n    <Flex\n      role='dialog'\n      aria-labelledby={headingId}\n      container={{ direction: 'column' }}\n      as={StyledPopover}\n      target={target}\n      arrow\n      ref={ref}\n    >\n      {header}\n\n      <Flex item={{ grow: 1 }} as={StyledContent}>\n        {!loading && children}\n      </Flex>\n\n      {!loading && (\n        <CardFooter container={{ justify: 'between' }}>\n          <Button autoFocus onClick={onCancel}>\n            {t('cancel')}\n          </Button>\n          <Button variant='primary' onClick={onSubmit}>\n            {t('submit')}\n          </Button>\n        </CardFooter>\n      )}\n\n      {loading && <Progress placement='local' message={t('loading')} />}\n    </Flex>\n  );\n};\n\nexport default Popover;\n"]}

package/jsx/dnd/StandardDragDropList/SelectionMenu.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { PopoverProps } from '@pega/cosmos-react-core';
+import { MultiSelectInputProps } from '@pega/cosmos-react-core/lib/components/ComboBox/MultiSelectInput/MultiSelectInput.types';
+import { ContentType, FieldType } from './mockData';
+export interface SelectionMenuProps {
+    target: NonNullable<PopoverProps['target']>;
+    constraint?: {
+        types?: ContentType[];
+        subTypes?: FieldType[];
+    };
+    onCancel: () => void;
+    onSubmit: (selected: NonNullable<MultiSelectInputProps['selected']>) => void;
+}
+declare const SelectionMenu: ({ target, constraint, onCancel: onClose, onSubmit }: SelectionMenuProps) => JSX.Element;
+export default SelectionMenu;
+//# sourceMappingURL=SelectionMenu.d.ts.map

package/jsx/dnd/StandardDragDropList/SelectionMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionMenu.d.ts","sourceRoot":"","sources":["../../../src/dnd/StandardDragDropList/SelectionMenu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAML,YAAY,EAGb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yFAAyF,CAAC;AAEhI,OAAO,EAAE,WAAW,EAAE,SAAS,EAAa,MAAM,YAAY,CAAC;AAG/D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;QACtB,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;KACxB,CAAC;IACF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,KAAK,IAAI,CAAC;CAC9E;AAeD,QAAA,MAAM,aAAa,wDAAyD,kBAAkB,gBAwI7F,CAAC;AAEF,eAAe,aAAa,CAAC"}