@pega/cosmos-react-build 8.0.0-build.9.0 → 8.0.0

package/lib/components/LifeCycle/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  DragDropConfig,\n  IndexData,\n  LifeCycleDragDropEvent,\n  StageItemProps,\n  StepItemProps,\n  TaskItemProps\n} from './LifeCycle.types';\nimport type { LifeCycleContextValue } from './LifeCycleContext';\n\nexport const defaultDragDropConfig: DragDropConfig = {\n  stage: {\n    enabled: true,\n    accept: ['stage', 'alternate-stage']\n  },\n  step: {\n    enabled: true,\n    accept: ['step', 'alternate-step']\n  },\n  'alternate-stage': {\n    enabled: true,\n    accept: ['stage', 'alternate-stage']\n  },\n  'alternate-step': {\n    enabled: true,\n    accept: ['step', 'alternate-step']\n  }\n};\n\nexport const generateDynamicTestId = (arr: (string | undefined)[]) => {\n  return arr\n    .filter(element => element)\n    .map(element => element?.replace(/\\s+/g, '-').toLowerCase())\n    .join('_');\n};\n\nconst getStageData = (stages: StageItemProps[], indexData: IndexData) => {\n  if (indexData.stage === undefined) return;\n  return stages[indexData.stage];\n};\n\nconst getCategoryData = (stages: StageItemProps[], indexData: IndexData) => {\n  if (indexData.category === undefined) return;\n  const stage = getStageData(stages, indexData);\n  if (!stage) return;\n  return stage.categories[indexData.category];\n};\n\nconst getTaskData = (stages: StageItemProps[], indexData: IndexData) => {\n  if (indexData.task === undefined) return;\n  const category = getCategoryData(stages, indexData);\n  if (!category) return;\n  if (Array.isArray(category.tasks[indexData.task])) {\n    if (indexData.subTask === undefined) return;\n    return (category.tasks[indexData.task] as TaskItemProps[])[indexData.subTask];\n  }\n  return category.tasks[indexData.task] as TaskItemProps;\n};\n\nconst getStepData = (stages: StageItemProps[], indexData: IndexData) => {\n  if (indexData.step === undefined) return;\n  const task = getTaskData(stages, indexData);\n  if (!task) return;\n  return task.steps[indexData.step];\n};\n\nexport const moveStage = (\n  event: LifeCycleDragDropEvent,\n  stages: StageItemProps[],\n  alternateStages: StageItemProps[]\n) => {\n  let stagesClone: StageItemProps[] = JSON.parse(JSON.stringify(stages));\n  let alternateStagesClone: StageItemProps[] = JSON.parse(JSON.stringify(alternateStages));\n\n  // Remove the stage from its original position\n  let sourceData = event.sourceData.alternate ? alternateStagesClone : stagesClone;\n  const stage = getStageData(sourceData, event.sourceData);\n  if (!stage || event.targetData.stage === undefined) return;\n  sourceData = sourceData.filter((item: StageItemProps) => item.id !== stage.id);\n  if (event.sourceData.alternate) {\n    alternateStagesClone = sourceData;\n  } else {\n    stagesClone = sourceData;\n  }\n\n  // Insert the stage in its new position\n  const targetData = event.targetData.alternate ? alternateStagesClone : stagesClone;\n  targetData.splice(event.targetData.stage, 0, stage);\n  if (event.targetData.alternate) {\n    alternateStagesClone = targetData;\n  } else {\n    stagesClone = targetData;\n  }\n\n  return { stages: stagesClone, alternateStages: alternateStagesClone };\n};\n\nexport const moveStep = (\n  event: LifeCycleDragDropEvent,\n  stages: StageItemProps[],\n  alternateStages: StageItemProps[]\n) => {\n  const stagesClone: StageItemProps[] = JSON.parse(JSON.stringify(stages));\n  const alternateStagesClone: StageItemProps[] = JSON.parse(JSON.stringify(alternateStages));\n\n  const sourceData = event.sourceData.alternate ? alternateStagesClone : stagesClone;\n  const targetData = event.targetData.alternate ? alternateStagesClone : stagesClone;\n\n  // Remove the step from its original position\n  const parentTask = getTaskData(sourceData, event.sourceData);\n  const step = getStepData(sourceData, event.sourceData);\n  if (!parentTask || !step) return;\n  parentTask.steps = parentTask.steps.filter((item: StepItemProps) => item.id !== step.id);\n\n  // Insert the step in its new position\n  const targetTask = getTaskData(targetData, event.targetData);\n  if (!targetTask || event.targetData.step === undefined) return;\n  targetTask.steps = targetTask.steps || [];\n  targetTask.steps.splice(event.targetData.step, 0, step);\n\n  return { stages: stagesClone, alternateStages: alternateStagesClone };\n};\n\nconst getTargetTaskLocation = (\n  stages: StageItemProps[],\n  currentListLocation: IndexData,\n  direction: 'prev' | 'next',\n  layer: 'stage' | 'category' | 'task' | 'subTask'\n): IndexData | false | undefined => {\n  const { stage, category, task } = currentListLocation;\n\n  if (currentListLocation[layer] === undefined || stage === undefined) {\n    return;\n  }\n\n  const jump = direction === 'next' ? 1 : -1;\n  let targetIndex = currentListLocation[layer] + jump;\n\n  if (layer === 'subTask') {\n    if (category === undefined || task === undefined) {\n      return;\n    }\n    const parentList = stages[stage].categories[category].tasks[task];\n    if (!Array.isArray(parentList)) {\n      return;\n    }\n\n    if (targetIndex < 0 || targetIndex >= parentList.length) {\n      return getTargetTaskLocation(\n        stages,\n        { ...currentListLocation, subTask: undefined },\n        direction,\n        'task'\n      );\n    }\n    return { ...currentListLocation, subTask: targetIndex, step: 0 };\n  }\n\n  if (layer === 'task') {\n    if (category === undefined) {\n      return;\n    }\n    const parentList = stages[stage].categories[category].tasks;\n    if (!Array.isArray(parentList)) {\n      return;\n    }\n\n    if (targetIndex < 0 || targetIndex >= parentList.length) {\n      return getTargetTaskLocation(\n        stages,\n        { ...currentListLocation, task: undefined },\n        direction,\n        'category'\n      );\n    }\n    if (Array.isArray(parentList[targetIndex])) {\n      return {\n        ...currentListLocation,\n        task: targetIndex,\n        subTask: direction === 'next' ? 0 : (parentList[targetIndex] as TaskItemProps[]).length - 1,\n        step: 0\n      };\n    }\n    return { ...currentListLocation, task: targetIndex, step: 0 };\n  }\n\n  if (layer === 'category') {\n    const parentList = stages[stage].categories;\n    if (!Array.isArray(parentList)) {\n      return;\n    }\n\n    if (targetIndex < 0 || targetIndex >= parentList.length) {\n      return getTargetTaskLocation(\n        stages,\n        { ...currentListLocation, category: undefined },\n        direction,\n        'stage'\n      );\n    }\n\n    while (parentList[targetIndex].tasks.length === 0) {\n      targetIndex += jump;\n      if (targetIndex < 0 || targetIndex >= parentList.length) {\n        return getTargetTaskLocation(\n          stages,\n          { ...currentListLocation, category: undefined },\n          direction,\n          'stage'\n        );\n      }\n    }\n\n    const taskIndex = direction === 'next' ? 0 : parentList[targetIndex].tasks.length - 1;\n    if (Array.isArray(parentList[targetIndex].tasks[taskIndex])) {\n      return {\n        ...currentListLocation,\n        category: targetIndex,\n        task: taskIndex,\n        subTask:\n          direction === 'next'\n            ? 0\n            : (parentList[targetIndex].tasks[taskIndex] as TaskItemProps[]).length - 1,\n        step: 0\n      };\n    }\n    return { ...currentListLocation, category: targetIndex, task: taskIndex, step: 0 };\n  }\n\n  if (layer === 'stage') {\n    const parentList = stages;\n    if (!Array.isArray(parentList)) {\n      return;\n    }\n\n    if (targetIndex < 0 || targetIndex >= parentList.length) {\n      // Returns false to indicate that the target may be in an adjacent stages list\n      return false;\n    }\n    if (\n      parentList[targetIndex].categories.length === 0 ||\n      parentList[targetIndex].categories[0].tasks.length === 0\n    ) {\n      while (\n        parentList[targetIndex].categories.length === 0 ||\n        parentList[targetIndex].categories[0].tasks.length === 0\n      ) {\n        targetIndex += jump;\n        if (targetIndex < 0 || targetIndex >= parentList.length) {\n          // Returns false to indicate that the target may be in an adjacent stages list\n          return false;\n        }\n      }\n    }\n    const categoryIndex = direction === 'next' ? 0 : parentList[targetIndex].categories.length - 1;\n    const taskIndex =\n      direction === 'next' ? 0 : parentList[targetIndex].categories[categoryIndex].tasks.length - 1;\n    if (Array.isArray(parentList[targetIndex].categories[categoryIndex].tasks[taskIndex])) {\n      return {\n        ...currentListLocation,\n        stage: targetIndex,\n        category: categoryIndex,\n        task: taskIndex,\n        subTask:\n          direction === 'next'\n            ? 0\n            : (\n                parentList[targetIndex].categories[categoryIndex].tasks[\n                  taskIndex\n                ] as TaskItemProps[]\n              ).length - 1,\n        step: 0\n      };\n    }\n    return {\n      ...currentListLocation,\n      stage: targetIndex,\n      category: categoryIndex,\n      task: taskIndex,\n      step: 0\n    };\n  }\n};\n\nexport const getListLocation = (\n  currentListLocation: IndexData,\n  type: LifeCycleDragDropEvent['type'],\n  lifeCycleData: LifeCycleContextValue['lifeCycleData'],\n  direction: 'prev' | 'next'\n): IndexData | undefined => {\n  const { stages, alternateStages } = lifeCycleData;\n  const alternate = currentListLocation.alternate;\n\n  if (type === 'stage') {\n    const targetList = alternate ? stages : alternateStages;\n    if (targetList.length === 0) {\n      return;\n    }\n    return { stage: direction === 'next' ? 0 : targetList.length, alternate: !alternate };\n  }\n\n  if (type === 'step') {\n    const { stage, category, task } = currentListLocation;\n    if (stage === undefined || category === undefined || task === undefined) {\n      return;\n    }\n\n    const sourceList = alternate ? alternateStages : stages;\n    const currentStage = sourceList[stage];\n    const currentCategory = currentStage.categories[category];\n    const currentTask = currentCategory.tasks[task];\n\n    let targetTaskLocation = getTargetTaskLocation(\n      sourceList,\n      currentListLocation,\n      direction,\n      Array.isArray(currentTask) ? 'subTask' : 'task'\n    );\n\n    // If the target task location is false, it means that the target could be in an adjacent list\n    if (targetTaskLocation === false) {\n      const adjacentList = alternate ? stages : alternateStages;\n      // Set the entry point to 1 index out of bounds since getTargetTaskLocation will move the target index by 1\n      const entryPoint = direction === 'next' ? -1 : adjacentList.length;\n\n      targetTaskLocation = getTargetTaskLocation(\n        adjacentList,\n        { alternate: !alternate, stage: entryPoint },\n        direction,\n        'stage'\n      );\n\n      // If the target is not in an adjacent list, return undefined\n      if (targetTaskLocation === false) {\n        return;\n      }\n    }\n\n    return targetTaskLocation;\n  }\n};\n"]}

package/lib/components/MobileBuildSummary/MobileBuildSummary.d.ts

@@ -1,8 +1,7 @@
-import type { FunctionComponent } from 'react';
-import type { ForwardProps } from '@pega/cosmos-react-core';
+import type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';
 import type { MobileBuildSummaryProps } from './MobileBuildSummary.types';
 export declare const StyledInteractionTimerIconWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const MobileBuildSummary: FunctionComponent<MobileBuildSummaryProps & ForwardProps>;
+declare const MobileBuildSummary: ForwardRefForwardPropsComponent<MobileBuildSummaryProps>;
 export default MobileBuildSummary;
 //# sourceMappingURL=MobileBuildSummary.d.ts.map

package/lib/components/MobileBuildSummary/MobileBuildSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileBuildSummary.d.ts","sourceRoot":"","sources":["../../../src/components/MobileBuildSummary/MobileBuildSummary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,OAAO,CAAC;AAuBhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAI1E,eAAO,MAAM,iCAAiC,0GAG7C,CAAC;AAIF,eAAO,MAAM,aAAa,yGAEzB,CAAC;AAIF,QAAA,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,GAAG,YAAY,CAkGjF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"MobileBuildSummary.d.ts","sourceRoot":"","sources":["../../../src/components/MobileBuildSummary/MobileBuildSummary.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAI/E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAI1E,eAAO,MAAM,iCAAiC,0GAG7C,CAAC;AAIF,eAAO,MAAM,aAAa,yGAEzB,CAAC;AAIF,QAAA,MAAM,kBAAkB,EAAE,+BAA+B,CAAC,uBAAuB,CAkGhF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/components/MobileBuildSummary/MobileBuildSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileBuildSummary.js","sourceRoot":"","sources":["../../../src/components/MobileBuildSummary/MobileBuildSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { FunctionComponent, PropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  defaultThemeProp,\n  EmptyState,\n  FieldValueList,\n  Flex,\n  formatNumber,\n  Icon,\n  Link,\n  Progress,\n  QRCode,\n  registerIcon,\n  Text,\n  useConfiguration,\n  useI18n,\n  useUID\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\nimport * as osAndroid from '@pega/cosmos-react-core/lib/components/Icon/icons/os-android.icon';\nimport * as osApple from '@pega/cosmos-react-core/lib/components/Icon/icons/os-apple.icon';\n\nimport type { MobileBuildSummaryProps } from './MobileBuildSummary.types';\n\nregisterIcon(osAndroid, osApple);\n\nexport const StyledInteractionTimerIconWrapper = styled.span`\n  position: relative;\n  min-height: 4rem;\n`;\n\nStyledInteractionTimerIconWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledContent = styled.div`\n  min-height: 10rem;\n`;\n\nStyledContent.defaultProps = defaultThemeProp;\n\nconst MobileBuildSummary: FunctionComponent<MobileBuildSummaryProps & ForwardProps> = forwardRef(\n  function MobileBuildSummary(\n    {\n      type,\n      progress = undefined,\n      onBuild,\n      buildSummary,\n      ...restProps\n    }: PropsWithoutRef<MobileBuildSummaryProps>,\n    ref: MobileBuildSummaryProps['ref']\n  ) {\n    const progressId = useUID();\n    const { locale } = useConfiguration();\n    const t = useI18n();\n\n    return (\n      <Card {...restProps} ref={ref}>\n        <CardHeader container={{ alignItems: 'center', itemGap: 1 }}>\n          <Icon name={type === 'android' ? 'os-android' : 'os-apple'} />\n          <Text variant='h3'>{type === 'android' ? 'Android' : 'iOS'}</Text>\n        </CardHeader>\n        <CardContent>\n          <>\n            {progress === undefined && !buildSummary && (\n              <Flex\n                container={{ alignItems: 'center', gap: 1, direction: 'column', justify: 'center' }}\n                as={StyledContent}\n              >\n                <EmptyState message={t('no_app_build')} />\n                {onBuild && (\n                  <Button variant='secondary' onClick={onBuild}>\n                    {t('build_app')}\n                  </Button>\n                )}\n              </Flex>\n            )}\n            {progress !== undefined && (\n              <Flex\n                container={{ alignItems: 'center', gap: 1, direction: 'column', justify: 'center' }}\n                as={StyledContent}\n              >\n                <StyledInteractionTimerIconWrapper>\n                  <Progress\n                    aria-describedby={progressId}\n                    variant='ring'\n                    placement='local'\n                    message={formatNumber(progress / 100, {\n                      locale,\n                      options: { style: 'percent' }\n                    })}\n                    value={progress}\n                    minValue={0}\n                    maxValue={100}\n                  />\n                </StyledInteractionTimerIconWrapper>\n                <Text variant='secondary' id={progressId}>\n                  {t('build_in_progress')}\n                </Text>\n              </Flex>\n            )}\n            {buildSummary && !progress && (\n              <Flex container={{ wrap: 'wrap', gap: 2 }} as={StyledContent}>\n                <Flex\n                  container={{\n                    direction: 'column',\n                    alignItems: 'center',\n                    justify: 'center',\n                    gap: 1,\n                    pad: 2\n                  }}\n                >\n                  <QRCode value={buildSummary.qrCodeUrl ?? buildSummary.downloadUrl} />\n                </Flex>\n                <Flex container={{ direction: 'column', gap: 2 }}>\n                  <FieldValueList variant='inline' fields={buildSummary.summaryFields} />\n                  <Flex container={{ wrap: 'wrap', rowGap: 1 }}>\n                    {onBuild && (\n                      <Button variant='secondary' onClick={onBuild}>\n                        {t('rebuild_app')}\n                      </Button>\n                    )}\n\n                    <Link\n                      href={buildSummary.downloadUrl}\n                      variant='secondary'\n                      onClick={buildSummary.onDownload}\n                    >\n                      {t('download_app')}\n                    </Link>\n                  </Flex>\n                </Flex>\n              </Flex>\n            )}\n          </>\n        </CardContent>\n      </Card>\n    );\n  }\n);\n\nexport default MobileBuildSummary;\n"]}
+{"version":3,"file":"MobileBuildSummary.js","sourceRoot":"","sources":["../../../src/components/MobileBuildSummary/MobileBuildSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  defaultThemeProp,\n  EmptyState,\n  FieldValueList,\n  Flex,\n  formatNumber,\n  Icon,\n  Link,\n  Progress,\n  QRCode,\n  registerIcon,\n  Text,\n  useConfiguration,\n  useI18n,\n  useUID\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\nimport * as osAndroid from '@pega/cosmos-react-core/lib/components/Icon/icons/os-android.icon';\nimport * as osApple from '@pega/cosmos-react-core/lib/components/Icon/icons/os-apple.icon';\n\nimport type { MobileBuildSummaryProps } from './MobileBuildSummary.types';\n\nregisterIcon(osAndroid, osApple);\n\nexport const StyledInteractionTimerIconWrapper = styled.span`\n  position: relative;\n  min-height: 4rem;\n`;\n\nStyledInteractionTimerIconWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledContent = styled.div`\n  min-height: 10rem;\n`;\n\nStyledContent.defaultProps = defaultThemeProp;\n\nconst MobileBuildSummary: ForwardRefForwardPropsComponent<MobileBuildSummaryProps> = forwardRef(\n  function MobileBuildSummary(\n    {\n      type,\n      progress = undefined,\n      onBuild,\n      buildSummary,\n      ...restProps\n    }: PropsWithoutRef<MobileBuildSummaryProps>,\n    ref: MobileBuildSummaryProps['ref']\n  ) {\n    const progressId = useUID();\n    const { locale } = useConfiguration();\n    const t = useI18n();\n\n    return (\n      <Card {...restProps} ref={ref}>\n        <CardHeader container={{ alignItems: 'center', itemGap: 1 }}>\n          <Icon name={type === 'android' ? 'os-android' : 'os-apple'} />\n          <Text variant='h3'>{type === 'android' ? 'Android' : 'iOS'}</Text>\n        </CardHeader>\n        <CardContent>\n          <>\n            {progress === undefined && !buildSummary && (\n              <Flex\n                container={{ alignItems: 'center', gap: 1, direction: 'column', justify: 'center' }}\n                as={StyledContent}\n              >\n                <EmptyState message={t('no_app_build')} />\n                {onBuild && (\n                  <Button variant='secondary' onClick={onBuild}>\n                    {t('build_app')}\n                  </Button>\n                )}\n              </Flex>\n            )}\n            {progress !== undefined && (\n              <Flex\n                container={{ alignItems: 'center', gap: 1, direction: 'column', justify: 'center' }}\n                as={StyledContent}\n              >\n                <StyledInteractionTimerIconWrapper>\n                  <Progress\n                    aria-describedby={progressId}\n                    variant='ring'\n                    placement='local'\n                    message={formatNumber(progress / 100, {\n                      locale,\n                      options: { style: 'percent' }\n                    })}\n                    value={progress}\n                    minValue={0}\n                    maxValue={100}\n                  />\n                </StyledInteractionTimerIconWrapper>\n                <Text variant='secondary' id={progressId}>\n                  {t('build_in_progress')}\n                </Text>\n              </Flex>\n            )}\n            {buildSummary && !progress && (\n              <Flex container={{ wrap: 'wrap', gap: 2 }} as={StyledContent}>\n                <Flex\n                  container={{\n                    direction: 'column',\n                    alignItems: 'center',\n                    justify: 'center',\n                    gap: 1,\n                    pad: 2\n                  }}\n                >\n                  <QRCode value={buildSummary.qrCodeUrl ?? buildSummary.downloadUrl} />\n                </Flex>\n                <Flex container={{ direction: 'column', gap: 2 }}>\n                  <FieldValueList variant='inline' fields={buildSummary.summaryFields} />\n                  <Flex container={{ wrap: 'wrap', rowGap: 1 }}>\n                    {onBuild && (\n                      <Button variant='secondary' onClick={onBuild}>\n                        {t('rebuild_app')}\n                      </Button>\n                    )}\n\n                    <Link\n                      href={buildSummary.downloadUrl}\n                      variant='secondary'\n                      onClick={buildSummary.onDownload}\n                    >\n                      {t('download_app')}\n                    </Link>\n                  </Flex>\n                </Flex>\n              </Flex>\n            )}\n          </>\n        </CardContent>\n      </Card>\n    );\n  }\n);\n\nexport default MobileBuildSummary;\n"]}

package/lib/components/ObjectSelect/ObjectPicker.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent, MouseEventHandler } from 'react';
+import type { MouseEventHandler } from 'react';
 import type { BaseProps, MenuProps, MenuItemProps, ComboBoxProps, NoChildrenProp, ButtonProps } from '@pega/cosmos-react-core';
 export interface ObjectPickerProps extends BaseProps, NoChildrenProp, Pick<ComboBoxProps, 'id' | 'label' | 'labelHidden' | 'required' | 'disabled' | 'readOnly' | 'name' | 'status' | 'info' | 'placeholder'> {
     items: MenuProps['items'];
@@ -10,6 +10,6 @@ export interface ObjectPickerProps extends BaseProps, NoChildrenProp, Pick<Combo
     };
     ref?: ComboBoxProps['ref'];
 }
-declare const ObjectPicker: FunctionComponent<ObjectPickerProps>;
+declare const ObjectPicker: import("react").ForwardRefExoticComponent<Omit<ObjectPickerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default ObjectPicker;
 //# sourceMappingURL=ObjectPicker.d.ts.map

package/lib/components/ObjectSelect/ObjectPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAa/E,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,aAAa,EACb,cAAc,EACd,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAMjC,MAAM,WAAW,iBACf,SAAQ,SAAS,EACf,cAAc,EACd,IAAI,CACF,aAAa,EACX,IAAI,GACJ,OAAO,GACP,aAAa,GACb,UAAU,GACV,UAAU,GACV,UAAU,GACV,MAAM,GACN,QAAQ,GACR,MAAM,GACN,aAAa,CAChB;IACH,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1B,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QAAC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;KAAE,CAAC;IAC7F,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;CAC5B;AAED,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA8DrD,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ObjectPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,iBAAiB,EAAmB,MAAM,OAAO,CAAC;AAa7E,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,aAAa,EACb,cAAc,EACd,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAMjC,MAAM,WAAW,iBACf,SAAQ,SAAS,EACf,cAAc,EACd,IAAI,CACF,aAAa,EACX,IAAI,GACJ,OAAO,GACP,aAAa,GACb,UAAU,GACV,UAAU,GACV,UAAU,GACV,MAAM,GACN,QAAQ,GACR,MAAM,GACN,aAAa,CAChB;IACH,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1B,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QAAC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;KAAE,CAAC;IAC7F,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;CAC5B;AAED,QAAA,MAAM,YAAY,2HA8DhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/lib/components/ObjectSelect/ObjectPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectPicker.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState, useMemo } from 'react';\nimport type { ChangeEvent, FunctionComponent, MouseEventHandler } from 'react';\n\nimport {\n  ComboBox,\n  menuHelpers,\n  createStringMatcher,\n  Flex,\n  Button,\n  Icon,\n  useI18n,\n  useConsolidatedRef,\n  registerIcon\n} from '@pega/cosmos-react-core';\nimport type {\n  BaseProps,\n  MenuProps,\n  MenuItemProps,\n  ComboBoxProps,\n  NoChildrenProp,\n  ButtonProps\n} from '@pega/cosmos-react-core';\nimport * as openIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/open.icon';\nimport * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';\n\nregisterIcon(openIcon, plusIcon);\n\nexport interface ObjectPickerProps\n  extends BaseProps,\n    NoChildrenProp,\n    Pick<\n      ComboBoxProps,\n      | 'id'\n      | 'label'\n      | 'labelHidden'\n      | 'required'\n      | 'disabled'\n      | 'readOnly'\n      | 'name'\n      | 'status'\n      | 'info'\n      | 'placeholder'\n    > {\n  items: MenuProps['items'];\n  loading: MenuProps['loading'];\n  onSelect: MenuItemProps['onClick'];\n  createProps?: { onClick?: MouseEventHandler<HTMLButtonElement>; href?: ButtonProps['href'] };\n  ref?: ComboBoxProps['ref'];\n}\n\nconst ObjectPicker: FunctionComponent<ObjectPickerProps> = forwardRef(function ObjectPicker(\n  { items, onSelect, createProps, loading, ...restProps },\n  ref: ObjectPickerProps['ref']\n) {\n  const [filterValue, setFilterValue] = useState('');\n  const filterRegex = filterValue ? createStringMatcher(filterValue) : undefined;\n\n  const t = useI18n();\n  const comboboxRef = useConsolidatedRef(ref);\n\n  const itemsToRender = useMemo(() => {\n    const newItems = filterValue\n      ? menuHelpers.flatten(items).filter(({ primary }: MenuItemProps) => {\n          return filterRegex?.test(primary);\n        })\n      : items;\n\n    return menuHelpers.mapTree(newItems, item => ({\n      ...item,\n      selected: item.items ? undefined : !!item.selected\n    }));\n  }, [filterValue, items]);\n\n  return (\n    <ComboBox\n      {...restProps}\n      ref={comboboxRef}\n      mode='single-select'\n      value={filterValue}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => setFilterValue(e.target.value)}\n      onBlur={() => setFilterValue('')}\n      menu={{\n        items: itemsToRender,\n        onItemClick: onSelect,\n        accent: filterRegex,\n        loading,\n        footer: createProps ? (\n          <Flex container={{ justify: 'start' }}>\n            <Button\n              type='button'\n              variant='simple'\n              onClick={createProps.onClick}\n              {...(createProps.href && {\n                href: createProps.href,\n                target: '_blank',\n                'aria-label': t('create_in_new_tab')\n              })}\n            >\n              <Icon name='plus' />\n              {t('create_new')}\n              {createProps.href && <Icon name='open' />}\n            </Button>\n          </Flex>\n        ) : undefined\n      }}\n      onKeyDown={e => {\n        if (e.key === 'Tab') {\n          return false;\n        }\n      }}\n    />\n  );\n});\n\nexport default ObjectPicker;\n"]}
+{"version":3,"file":"ObjectPicker.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EACL,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,OAAO,EACP,kBAAkB,EAClB,YAAY,EACb,MAAM,yBAAyB,CAAC;AASjC,OAAO,KAAK,QAAQ,MAAM,6DAA6D,CAAC;AACxF,OAAO,KAAK,QAAQ,MAAM,6DAA6D,CAAC;AAExF,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAyBjC,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,YAAY,CACnD,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,SAAS,EAAsC,EAC3F,GAA6B;IAE7B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE/E,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,WAAW,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,QAAQ,GAAG,WAAW;YAC1B,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAiB,EAAE,EAAE;gBAC/D,OAAO,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC,CAAC;YACJ,CAAC,CAAC,KAAK,CAAC;QAEV,OAAO,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;YAC5C,GAAG,IAAI;YACP,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;SACnD,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,KAAC,QAAQ,OACH,SAAS,EACb,GAAG,EAAE,WAAW,EAChB,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9E,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,EAChC,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa;YACpB,WAAW,EAAE,QAAQ;YACrB,MAAM,EAAE,WAAW;YACnB,OAAO;YACP,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CACpB,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YACnC,MAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,WAAW,CAAC,OAAO,KACxB,CAAC,WAAW,CAAC,IAAI,IAAI;wBACvB,IAAI,EAAE,WAAW,CAAC,IAAI;wBACtB,MAAM,EAAE,QAAQ;wBAChB,YAAY,EAAE,CAAC,CAAC,mBAAmB,CAAC;qBACrC,CAAC,aAEF,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,EACnB,CAAC,CAAC,YAAY,CAAC,EACf,WAAW,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IAClC,GACJ,CACR,CAAC,CAAC,CAAC,SAAS;SACd,EACD,SAAS,EAAE,CAAC,CAAC,EAAE;YACb,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;gBACpB,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC","sourcesContent":["import { forwardRef, useState, useMemo } from 'react';\nimport type { ChangeEvent, MouseEventHandler, PropsWithoutRef } from 'react';\n\nimport {\n  ComboBox,\n  menuHelpers,\n  createStringMatcher,\n  Flex,\n  Button,\n  Icon,\n  useI18n,\n  useConsolidatedRef,\n  registerIcon\n} from '@pega/cosmos-react-core';\nimport type {\n  BaseProps,\n  MenuProps,\n  MenuItemProps,\n  ComboBoxProps,\n  NoChildrenProp,\n  ButtonProps\n} from '@pega/cosmos-react-core';\nimport * as openIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/open.icon';\nimport * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';\n\nregisterIcon(openIcon, plusIcon);\n\nexport interface ObjectPickerProps\n  extends BaseProps,\n    NoChildrenProp,\n    Pick<\n      ComboBoxProps,\n      | 'id'\n      | 'label'\n      | 'labelHidden'\n      | 'required'\n      | 'disabled'\n      | 'readOnly'\n      | 'name'\n      | 'status'\n      | 'info'\n      | 'placeholder'\n    > {\n  items: MenuProps['items'];\n  loading: MenuProps['loading'];\n  onSelect: MenuItemProps['onClick'];\n  createProps?: { onClick?: MouseEventHandler<HTMLButtonElement>; href?: ButtonProps['href'] };\n  ref?: ComboBoxProps['ref'];\n}\n\nconst ObjectPicker = forwardRef(function ObjectPicker(\n  { items, onSelect, createProps, loading, ...restProps }: PropsWithoutRef<ObjectPickerProps>,\n  ref: ObjectPickerProps['ref']\n) {\n  const [filterValue, setFilterValue] = useState('');\n  const filterRegex = filterValue ? createStringMatcher(filterValue) : undefined;\n\n  const t = useI18n();\n  const comboboxRef = useConsolidatedRef(ref);\n\n  const itemsToRender = useMemo(() => {\n    const newItems = filterValue\n      ? menuHelpers.flatten(items).filter(({ primary }: MenuItemProps) => {\n          return filterRegex?.test(primary);\n        })\n      : items;\n\n    return menuHelpers.mapTree(newItems, item => ({\n      ...item,\n      selected: item.items ? undefined : !!item.selected\n    }));\n  }, [filterValue, items]);\n\n  return (\n    <ComboBox\n      {...restProps}\n      ref={comboboxRef}\n      mode='single-select'\n      value={filterValue}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => setFilterValue(e.target.value)}\n      onBlur={() => setFilterValue('')}\n      menu={{\n        items: itemsToRender,\n        onItemClick: onSelect,\n        accent: filterRegex,\n        loading,\n        footer: createProps ? (\n          <Flex container={{ justify: 'start' }}>\n            <Button\n              type='button'\n              variant='simple'\n              onClick={createProps.onClick}\n              {...(createProps.href && {\n                href: createProps.href,\n                target: '_blank',\n                'aria-label': t('create_in_new_tab')\n              })}\n            >\n              <Icon name='plus' />\n              {t('create_new')}\n              {createProps.href && <Icon name='open' />}\n            </Button>\n          </Flex>\n        ) : undefined\n      }}\n      onKeyDown={e => {\n        if (e.key === 'Tab') {\n          return false;\n        }\n      }}\n    />\n  );\n});\n\nexport default ObjectPicker;\n"]}

package/lib/components/PageTemplates/GalleryPage.d.ts

@@ -1,4 +1,4 @@
-import type { FC, Ref, MouseEvent } from 'react';
+import type { Ref, MouseEvent } from 'react';
 import type { NoChildrenProp } from '@pega/cosmos-react-core';
 import type { SummaryCardProps } from '../SummaryCard';
 import type { PageBannerProps } from '../PageBanner';
@@ -18,6 +18,6 @@ export interface GalleryPageProps extends NoChildrenProp, PageBannerProps {
 }
 export declare const StyledGalleryPage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const GalleryPage: FC<GalleryPageProps>;
+declare const GalleryPage: import("react").ForwardRefExoticComponent<Omit<GalleryPageProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default GalleryPage;
 //# sourceMappingURL=GalleryPage.d.ts.map

package/lib/components/PageTemplates/GalleryPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryPage.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/GalleryPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAmB,GAAG,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAclE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,eAAe;IACvE,+CAA+C;IAC/C,UAAU,EAAE,eAAe,CAAC;IAC5B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,+DAA+D;IAC/D,WAAW,EAAE,CAAC,EAAE,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACjF,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,yGAE7B,CAAC;AAEF,eAAO,MAAM,aAAa,yGAMxB,CAAC;AA+CH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA+CpC,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"GalleryPage.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/GalleryPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAuB,GAAG,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAclE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,eAAe;IACvE,+CAA+C;IAC/C,UAAU,EAAE,eAAe,CAAC;IAC5B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,+DAA+D;IAC/D,WAAW,EAAE,CAAC,EAAE,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACjF,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,yGAE7B,CAAC;AAEF,eAAO,MAAM,aAAa,yGAMxB,CAAC;AA+CH,QAAA,MAAM,WAAW,0HA+Cf,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/lib/components/PageTemplates/GalleryPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryPage.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/GalleryPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect } from 'react';\nimport type { FC, PropsWithoutRef, Ref, MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Grid,\n  Button,\n  ShowMoreLess,\n  Text,\n  defaultThemeProp,\n  useConfiguration,\n  focusHeadingOrContainer,\n  useConsolidatedRef\n} from '@pega/cosmos-react-core';\nimport type { NoChildrenProp } from '@pega/cosmos-react-core';\n\nimport SummaryCard from '../SummaryCard';\nimport type { SummaryCardProps } from '../SummaryCard';\nimport PageBanner from '../PageBanner';\nimport type { PageBannerProps } from '../PageBanner';\n\ninterface EmptyStateProps {\n  heading: string;\n  description?: string;\n}\n\nexport interface GalleryPageProps extends NoChildrenProp, PageBannerProps {\n  /** Props to render the empty state content. */\n  emptyState: EmptyStateProps;\n  /** A list of cards to render as a grid. */\n  items?: SummaryCardProps[];\n  /** Callback function that is fired when an item is clicked. */\n  onItemClick: (id: SummaryCardProps['id'], e: MouseEvent<HTMLDivElement>) => void;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledGalleryPage = styled.div`\n  min-height: inherit;\n`;\n\nexport const StyledContent = styled.div(({ theme }) => {\n  return css`\n    padding-block: calc(3 * ${theme.base.spacing});\n    padding-inline: calc(4 * ${theme.base.spacing});\n    min-height: 100%;\n  `;\n});\n\nStyledContent.defaultProps = defaultThemeProp;\n\nconst SummaryCardList: FC<{\n  items: GalleryPageProps['items'];\n  onItemClick: GalleryPageProps['onItemClick'];\n}> = ({ items, onItemClick }) => {\n  return (\n    <Grid\n      container={{\n        cols: 'repeat(auto-fill, minmax(18.75rem, 1fr))',\n        autoRows: '10rem',\n        gap: 2\n      }}\n    >\n      {items && items.map(item => <SummaryCard key={item.id} {...item} onClick={onItemClick} />)}\n    </Grid>\n  );\n};\n\nconst EmptyState: FC<EmptyStateProps & Pick<GalleryPageProps, 'actions'>> = ({\n  heading,\n  description,\n  actions\n}) => {\n  return (\n    <Flex\n      container={{ direction: 'column', alignItems: 'center', justify: 'center', rowGap: 2 }}\n      item={{ grow: 1 }}\n    >\n      <Text variant='h2'>{heading}</Text>\n      {description && (\n        <ShowMoreLess lines={2}>\n          <Text as='p'>{description}</Text>\n        </ShowMoreLess>\n      )}\n      {!!actions?.length &&\n        actions.map(action => (\n          <Button key={action.label} variant='primary' onClick={action.onClick}>\n            {action.label}\n          </Button>\n        ))}\n    </Flex>\n  );\n};\n\nconst GalleryPage: FC<GalleryPageProps> = forwardRef(function GalleryPage(\n  {\n    title,\n    description,\n    image,\n    items,\n    onItemClick,\n    emptyState,\n    actions,\n    link\n  }: PropsWithoutRef<GalleryPageProps>,\n  ref: GalleryPageProps['ref']\n) {\n  const { loadedRef } = useConfiguration();\n  const pageRef = useConsolidatedRef(ref);\n\n  // Focus heading on initial mount\n  useEffect(() => {\n    if (!pageRef.current) return;\n\n    if (loadedRef.current) {\n      focusHeadingOrContainer(pageRef.current, title);\n    } else {\n      loadedRef.current = true;\n    }\n  }, [title]);\n\n  const noItems = !items || items.length === 0;\n\n  return (\n    <StyledGalleryPage ref={pageRef}>\n      <PageBanner\n        title={title}\n        description={description}\n        actions={noItems ? undefined : actions}\n        link={link}\n        image={image}\n      />\n      <StyledContent>\n        {noItems ? (\n          <EmptyState {...emptyState} actions={actions} />\n        ) : (\n          <SummaryCardList items={items} onItemClick={onItemClick} />\n        )}\n      </StyledContent>\n    </StyledGalleryPage>\n  );\n});\n\nexport default GalleryPage;\n"]}
+{"version":3,"file":"GalleryPage.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/GalleryPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect } from 'react';\nimport type { FC, PropsWithoutRef, Ref, MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Grid,\n  Button,\n  ShowMoreLess,\n  Text,\n  defaultThemeProp,\n  useConfiguration,\n  focusHeadingOrContainer,\n  useConsolidatedRef\n} from '@pega/cosmos-react-core';\nimport type { NoChildrenProp } from '@pega/cosmos-react-core';\n\nimport SummaryCard from '../SummaryCard';\nimport type { SummaryCardProps } from '../SummaryCard';\nimport PageBanner from '../PageBanner';\nimport type { PageBannerProps } from '../PageBanner';\n\ninterface EmptyStateProps {\n  heading: string;\n  description?: string;\n}\n\nexport interface GalleryPageProps extends NoChildrenProp, PageBannerProps {\n  /** Props to render the empty state content. */\n  emptyState: EmptyStateProps;\n  /** A list of cards to render as a grid. */\n  items?: SummaryCardProps[];\n  /** Callback function that is fired when an item is clicked. */\n  onItemClick: (id: SummaryCardProps['id'], e: MouseEvent<HTMLDivElement>) => void;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledGalleryPage = styled.div`\n  min-height: inherit;\n`;\n\nexport const StyledContent = styled.div(({ theme }) => {\n  return css`\n    padding-block: calc(3 * ${theme.base.spacing});\n    padding-inline: calc(4 * ${theme.base.spacing});\n    min-height: 100%;\n  `;\n});\n\nStyledContent.defaultProps = defaultThemeProp;\n\nconst SummaryCardList: FC<{\n  items: GalleryPageProps['items'];\n  onItemClick: GalleryPageProps['onItemClick'];\n}> = ({ items, onItemClick }) => {\n  return (\n    <Grid\n      container={{\n        cols: 'repeat(auto-fill, minmax(18.75rem, 1fr))',\n        autoRows: '10rem',\n        gap: 2\n      }}\n    >\n      {items && items.map(item => <SummaryCard key={item.id} {...item} onClick={onItemClick} />)}\n    </Grid>\n  );\n};\n\nconst EmptyState: FC<EmptyStateProps & Pick<GalleryPageProps, 'actions'>> = ({\n  heading,\n  description,\n  actions\n}) => {\n  return (\n    <Flex\n      container={{ direction: 'column', alignItems: 'center', justify: 'center', rowGap: 2 }}\n      item={{ grow: 1 }}\n    >\n      <Text variant='h2'>{heading}</Text>\n      {description && (\n        <ShowMoreLess lines={2}>\n          <Text as='p'>{description}</Text>\n        </ShowMoreLess>\n      )}\n      {!!actions?.length &&\n        actions.map(action => (\n          <Button key={action.label} variant='primary' onClick={action.onClick}>\n            {action.label}\n          </Button>\n        ))}\n    </Flex>\n  );\n};\n\nconst GalleryPage = forwardRef(function GalleryPage(\n  {\n    title,\n    description,\n    image,\n    items,\n    onItemClick,\n    emptyState,\n    actions,\n    link\n  }: PropsWithoutRef<GalleryPageProps>,\n  ref: GalleryPageProps['ref']\n) {\n  const { loadedRef } = useConfiguration();\n  const pageRef = useConsolidatedRef(ref);\n\n  // Focus heading on initial mount\n  useEffect(() => {\n    if (!pageRef.current) return;\n\n    if (loadedRef.current) {\n      focusHeadingOrContainer(pageRef.current, title);\n    } else {\n      loadedRef.current = true;\n    }\n  }, [title]);\n\n  const noItems = !items || items.length === 0;\n\n  return (\n    <StyledGalleryPage ref={pageRef}>\n      <PageBanner\n        title={title}\n        description={description}\n        actions={noItems ? undefined : actions}\n        link={link}\n        image={image}\n      />\n      <StyledContent>\n        {noItems ? (\n          <EmptyState {...emptyState} actions={actions} />\n        ) : (\n          <SummaryCardList items={items} onItemClick={onItemClick} />\n        )}\n      </StyledContent>\n    </StyledGalleryPage>\n  );\n});\n\nexport default GalleryPage;\n"]}

package/lib/components/PageTemplates/PageTemplates.d.ts

@@ -1,5 +1,5 @@
-import type { FunctionComponent, MouseEvent } from 'react';
-import type { OneColumnPageProps as CoreOneColumnPageProps, TabbedPageProps as CoreTabbedPageProps, FieldValueListProps, ForwardProps, PageTemplateProps, OmitStrict, StatusProps } from '@pega/cosmos-react-core';
+import type { MouseEvent } from 'react';
+import type { OneColumnPageProps as CoreOneColumnPageProps, TabbedPageProps as CoreTabbedPageProps, FieldValueListProps, ForwardRefForwardPropsComponent, PageTemplateProps, OmitStrict, StatusProps } from '@pega/cosmos-react-core';
 export interface PageHeaderProps extends Pick<PageTemplateProps, 'title' | 'actions'> {
     metadata?: FieldValueListProps['fields'];
     status?: {
@@ -20,8 +20,8 @@ export interface OneColumnPageProps extends OmitStrict<CoreOneColumnPageProps, O
 export interface TabbedPageProps extends OmitStrict<CoreTabbedPageProps, OmittedPageProps>, PageHeaderProps {
 }
 export declare const StyledPage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const PageHeader: ({ title, metadata, additionalInfo, actions, status, titleTag }: PageHeaderProps) => JSX.Element;
-export declare const TabbedPage: FunctionComponent<TabbedPageProps & ForwardProps>;
-export declare const OneColumnPage: FunctionComponent<OneColumnPageProps & ForwardProps>;
+export declare const PageHeader: ({ title, metadata, additionalInfo, actions, status, titleTag }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabbedPage: ForwardRefForwardPropsComponent<TabbedPageProps>;
+export declare const OneColumnPage: ForwardRefForwardPropsComponent<OneColumnPageProps>;
 export {};
 //# sourceMappingURL=PageTemplates.d.ts.map

package/lib/components/PageTemplates/PageTemplates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageTemplates.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/PageTemplates.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,iBAAiB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAuBjF,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,eAAe,IAAI,mBAAmB,EACtC,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAWjC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACnF,QAAQ,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACzD,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QACtC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KACrD,CAAC;CACH;AAED,KAAK,gBAAgB,GAAG,QAAQ,GAAG,eAAe,CAAC;AAEnD,MAAM,WAAW,kBACf,SAAQ,UAAU,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,EAC1D,eAAe;CAAG;AAEtB,MAAM,WAAW,eACf,SAAQ,UAAU,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,EACvD,eAAe;CAAG;AA6BtB,eAAO,MAAM,UAAU,yGAiCtB,CAAC;AAIF,eAAO,MAAM,UAAU,mEAOpB,eAAe,gBAkDjB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAgBxE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAoB9E,CAAC"}
+{"version":3,"file":"PageTemplates.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/PageTemplates.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,OAAO,CAAC;AAuBzD,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,eAAe,IAAI,mBAAmB,EACtC,mBAAmB,EACnB,+BAA+B,EAC/B,iBAAiB,EACjB,UAAU,EACV,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAWjC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACnF,QAAQ,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACzD,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QACtC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;KACrD,CAAC;CACH;AAED,KAAK,gBAAgB,GAAG,QAAQ,GAAG,eAAe,CAAC;AAEnD,MAAM,WAAW,kBACf,SAAQ,UAAU,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,EAC1D,eAAe;CAAG;AAEtB,MAAM,WAAW,eACf,SAAQ,UAAU,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,EACvD,eAAe;CAAG;AA6BtB,eAAO,MAAM,UAAU,yGAiCtB,CAAC;AAIF,eAAO,MAAM,UAAU,mEAOpB,eAAe,4CAkDjB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,+BAA+B,CAAC,eAAe,CAgBvE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,+BAA+B,CAAC,kBAAkB,CAoB7E,CAAC"}

package/lib/components/PageTemplates/PageTemplates.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageTemplates.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/PageTemplates.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useMemo, useRef } from 'react';\nimport type { PropsWithoutRef, Ref, FunctionComponent, MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  OneColumnPage as CoreOneColumnPage,\n  TabbedPage as CoreTabbedPage,\n  Flex,\n  Status,\n  SummaryItem,\n  Text,\n  Button,\n  Popover,\n  FieldValueList,\n  defaultThemeProp,\n  useI18n,\n  StyledSummaryItemActions,\n  registerIcon,\n  StyledRegion,\n  MetaList,\n  StyledBreadcrumbs,\n  StyledPageHeader,\n  AdditionalInfo\n} from '@pega/cosmos-react-core';\nimport type {\n  OneColumnPageProps as CoreOneColumnPageProps,\n  TabbedPageProps as CoreTabbedPageProps,\n  FieldValueListProps,\n  ForwardProps,\n  PageTemplateProps,\n  OmitStrict,\n  StatusProps,\n  DialogHandleValue\n} from '@pega/cosmos-react-core';\nimport * as nodesDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/nodes-down.icon';\nimport * as informationIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/information.icon';\nimport { StyledForm } from '@pega/cosmos-react-core/lib/components/MultiStepForm/MultiStepForm';\nimport { StyledBanner } from '@pega/cosmos-react-core/lib/components/Banner/Banner';\nimport { StyledTabs } from '@pega/cosmos-react-core/lib/components/Tabs/Tabs.styles';\n\nimport { StyledWorkbench } from '../Workbench/Workbench.styles';\n\nregisterIcon(nodesDownIcon, informationIcon);\n\nexport interface PageHeaderProps extends Pick<PageTemplateProps, 'title' | 'actions'> {\n  metadata?: FieldValueListProps['fields'];\n  status?: { type: StatusProps['variant']; label: string };\n  titleTag?: 'h1' | 'h2';\n  additionalInfo?: {\n    title: string;\n    description?: string;\n    fields: FieldValueListProps['fields'];\n    onEdit?: (e: MouseEvent<HTMLButtonElement>) => void;\n  };\n}\n\ntype OmittedPageProps = 'header' | 'scrollContent';\n\nexport interface OneColumnPageProps\n  extends OmitStrict<CoreOneColumnPageProps, OmittedPageProps>,\n    PageHeaderProps {}\n\nexport interface TabbedPageProps\n  extends OmitStrict<CoreTabbedPageProps, OmittedPageProps>,\n    PageHeaderProps {}\n\nconst StyledTextWithEllipsis: typeof Text = styled(Text)`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  line-height: 1.15;\n`;\n\nconst StyledInfoPopover = styled(Popover)(({\n  theme: {\n    base: { 'content-width': contentWidth }\n  }\n}) => {\n  return css`\n    min-width: ${contentWidth.sm};\n    max-width: ${contentWidth.md};\n    overflow-wrap: break-word;\n  `;\n});\n\nStyledInfoPopover.defaultProps = defaultThemeProp;\n\nconst StyledHeaderContent = styled(SummaryItem)`\n  ${StyledSummaryItemActions} {\n    align-self: start;\n  }\n`;\n\nexport const StyledPage = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'primary-background': primaryBackground }\n      }\n    }\n  }) => {\n    return css`\n      background: ${primaryBackground};\n      height: 100%;\n\n      ${StyledBanner},\n      ${StyledTabs} {\n        margin-block-start: calc(1.5 * ${spacing});\n      }\n\n      ${StyledRegion} ${StyledWorkbench} {\n        position: absolute;\n        width: 100%;\n        margin: 0 calc(-2 * ${spacing});\n      }\n\n      ${StyledRegion} ${StyledForm} {\n        max-width: 80ch;\n      }\n\n      ${StyledPageHeader} > ${StyledBreadcrumbs} {\n        margin-block-end: 0;\n      }\n    `;\n  }\n);\n\nStyledPage.defaultProps = defaultThemeProp;\n\nexport const PageHeader = ({\n  title,\n  metadata,\n  additionalInfo,\n  actions,\n  status,\n  titleTag\n}: PageHeaderProps) => {\n  const t = useI18n();\n\n  const metaListItems = useMemo(\n    () => metadata?.map(({ name, value }) => `${name}: ${value}`),\n    [metadata]\n  );\n\n  const infoDialogHandle = useRef<DialogHandleValue>(null);\n\n  return (\n    <StyledHeaderContent\n      container\n      primary={\n        <Flex container={{ alignItems: 'center', gap: 0.5, wrap: 'wrap' }}>\n          <Flex container={{ gap: 0.5, alignItems: 'end' }} item={{ shrink: 0 }}>\n            <StyledTextWithEllipsis variant='h1' forwardedAs={titleTag}>\n              {title}\n            </StyledTextWithEllipsis>\n            {additionalInfo && (\n              <AdditionalInfo heading={additionalInfo.title} dialogHandle={infoDialogHandle}>\n                <Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>\n                  <Flex\n                    container={{ direction: 'column', gap: 1 }}\n                    item={{ grow: 1, alignSelf: 'stretch' }}\n                  >\n                    {additionalInfo.description && <Text as='p'>{additionalInfo.description}</Text>}\n                    <FieldValueList variant='inline' fields={additionalInfo.fields} />\n                  </Flex>\n                  {additionalInfo.onEdit && (\n                    <Button\n                      onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                        infoDialogHandle.current?.close();\n                        additionalInfo.onEdit?.(e);\n                      }}\n                    >\n                      {t('edit_details')}\n                    </Button>\n                  )}\n                </Flex>\n              </AdditionalInfo>\n            )}\n          </Flex>\n          {status && <Status variant={status.type}>{status.label}</Status>}\n        </Flex>\n      }\n      secondary={metaListItems && <MetaList items={metaListItems} />}\n      actions={actions}\n    />\n  );\n};\n\nexport const TabbedPage: FunctionComponent<TabbedPageProps & ForwardProps> = forwardRef(\n  function TabbedPage(\n    { tabs, ...restProps }: PropsWithoutRef<TabbedPageProps>,\n    ref: Ref<HTMLDivElement>\n  ) {\n    return (\n      <CoreTabbedPage\n        {...restProps}\n        as={StyledPage}\n        header={<PageHeader {...restProps} />}\n        tabs={tabs}\n        ref={ref}\n        scrollContent\n      />\n    );\n  }\n);\n\nexport const OneColumnPage: FunctionComponent<OneColumnPageProps & ForwardProps> = forwardRef(\n  function OneColumnPage(\n    {\n      a,\n\n      ...restProps\n    }: PropsWithoutRef<OneColumnPageProps>,\n    ref: Ref<HTMLDivElement>\n  ) {\n    return (\n      <CoreOneColumnPage\n        {...restProps}\n        as={StyledPage}\n        header={<PageHeader {...restProps} />}\n        scrollContent\n        a={a}\n        ref={ref}\n      />\n    );\n  }\n);\n"]}
+{"version":3,"file":"PageTemplates.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/PageTemplates.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useMemo, useRef } from 'react';\nimport type { PropsWithoutRef, MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  OneColumnPage as CoreOneColumnPage,\n  TabbedPage as CoreTabbedPage,\n  Flex,\n  Status,\n  SummaryItem,\n  Text,\n  Button,\n  Popover,\n  FieldValueList,\n  defaultThemeProp,\n  useI18n,\n  StyledSummaryItemActions,\n  registerIcon,\n  StyledRegion,\n  MetaList,\n  StyledBreadcrumbs,\n  StyledPageHeader,\n  AdditionalInfo\n} from '@pega/cosmos-react-core';\nimport type {\n  OneColumnPageProps as CoreOneColumnPageProps,\n  TabbedPageProps as CoreTabbedPageProps,\n  FieldValueListProps,\n  ForwardRefForwardPropsComponent,\n  PageTemplateProps,\n  OmitStrict,\n  StatusProps,\n  DialogHandleValue\n} from '@pega/cosmos-react-core';\nimport * as nodesDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/nodes-down.icon';\nimport * as informationIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/information.icon';\nimport { StyledForm } from '@pega/cosmos-react-core/lib/components/MultiStepForm/MultiStepForm';\nimport { StyledBanner } from '@pega/cosmos-react-core/lib/components/Banner/Banner';\nimport { StyledTabs } from '@pega/cosmos-react-core/lib/components/Tabs/Tabs.styles';\n\nimport { StyledWorkbench } from '../Workbench/Workbench.styles';\n\nregisterIcon(nodesDownIcon, informationIcon);\n\nexport interface PageHeaderProps extends Pick<PageTemplateProps, 'title' | 'actions'> {\n  metadata?: FieldValueListProps['fields'];\n  status?: { type: StatusProps['variant']; label: string };\n  titleTag?: 'h1' | 'h2';\n  additionalInfo?: {\n    title: string;\n    description?: string;\n    fields: FieldValueListProps['fields'];\n    onEdit?: (e: MouseEvent<HTMLButtonElement>) => void;\n  };\n}\n\ntype OmittedPageProps = 'header' | 'scrollContent';\n\nexport interface OneColumnPageProps\n  extends OmitStrict<CoreOneColumnPageProps, OmittedPageProps>,\n    PageHeaderProps {}\n\nexport interface TabbedPageProps\n  extends OmitStrict<CoreTabbedPageProps, OmittedPageProps>,\n    PageHeaderProps {}\n\nconst StyledTextWithEllipsis: typeof Text = styled(Text)`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  line-height: 1.15;\n`;\n\nconst StyledInfoPopover = styled(Popover)(({\n  theme: {\n    base: { 'content-width': contentWidth }\n  }\n}) => {\n  return css`\n    min-width: ${contentWidth.sm};\n    max-width: ${contentWidth.md};\n    overflow-wrap: break-word;\n  `;\n});\n\nStyledInfoPopover.defaultProps = defaultThemeProp;\n\nconst StyledHeaderContent = styled(SummaryItem)`\n  ${StyledSummaryItemActions} {\n    align-self: start;\n  }\n`;\n\nexport const StyledPage = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette: { 'primary-background': primaryBackground }\n      }\n    }\n  }) => {\n    return css`\n      background: ${primaryBackground};\n      height: 100%;\n\n      ${StyledBanner},\n      ${StyledTabs} {\n        margin-block-start: calc(1.5 * ${spacing});\n      }\n\n      ${StyledRegion} ${StyledWorkbench} {\n        position: absolute;\n        width: 100%;\n        margin: 0 calc(-2 * ${spacing});\n      }\n\n      ${StyledRegion} ${StyledForm} {\n        max-width: 80ch;\n      }\n\n      ${StyledPageHeader} > ${StyledBreadcrumbs} {\n        margin-block-end: 0;\n      }\n    `;\n  }\n);\n\nStyledPage.defaultProps = defaultThemeProp;\n\nexport const PageHeader = ({\n  title,\n  metadata,\n  additionalInfo,\n  actions,\n  status,\n  titleTag\n}: PageHeaderProps) => {\n  const t = useI18n();\n\n  const metaListItems = useMemo(\n    () => metadata?.map(({ name, value }) => `${name}: ${value}`),\n    [metadata]\n  );\n\n  const infoDialogHandle = useRef<DialogHandleValue>(null);\n\n  return (\n    <StyledHeaderContent\n      container\n      primary={\n        <Flex container={{ alignItems: 'center', gap: 0.5, wrap: 'wrap' }}>\n          <Flex container={{ gap: 0.5, alignItems: 'end' }} item={{ shrink: 0 }}>\n            <StyledTextWithEllipsis variant='h1' forwardedAs={titleTag}>\n              {title}\n            </StyledTextWithEllipsis>\n            {additionalInfo && (\n              <AdditionalInfo heading={additionalInfo.title} dialogHandle={infoDialogHandle}>\n                <Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>\n                  <Flex\n                    container={{ direction: 'column', gap: 1 }}\n                    item={{ grow: 1, alignSelf: 'stretch' }}\n                  >\n                    {additionalInfo.description && <Text as='p'>{additionalInfo.description}</Text>}\n                    <FieldValueList variant='inline' fields={additionalInfo.fields} />\n                  </Flex>\n                  {additionalInfo.onEdit && (\n                    <Button\n                      onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                        infoDialogHandle.current?.close();\n                        additionalInfo.onEdit?.(e);\n                      }}\n                    >\n                      {t('edit_details')}\n                    </Button>\n                  )}\n                </Flex>\n              </AdditionalInfo>\n            )}\n          </Flex>\n          {status && <Status variant={status.type}>{status.label}</Status>}\n        </Flex>\n      }\n      secondary={metaListItems && <MetaList items={metaListItems} />}\n      actions={actions}\n    />\n  );\n};\n\nexport const TabbedPage: ForwardRefForwardPropsComponent<TabbedPageProps> = forwardRef(\n  function TabbedPage(\n    { tabs, ...restProps }: PropsWithoutRef<TabbedPageProps>,\n    ref: TabbedPageProps['ref']\n  ) {\n    return (\n      <CoreTabbedPage\n        {...restProps}\n        as={StyledPage}\n        header={<PageHeader {...restProps} />}\n        tabs={tabs}\n        ref={ref}\n        scrollContent\n      />\n    );\n  }\n);\n\nexport const OneColumnPage: ForwardRefForwardPropsComponent<OneColumnPageProps> = forwardRef(\n  function OneColumnPage(\n    {\n      a,\n\n      ...restProps\n    }: PropsWithoutRef<OneColumnPageProps>,\n    ref: OneColumnPageProps['ref']\n  ) {\n    return (\n      <CoreOneColumnPage\n        {...restProps}\n        as={StyledPage}\n        header={<PageHeader {...restProps} />}\n        scrollContent\n        a={a}\n        ref={ref}\n      />\n    );\n  }\n);\n"]}

package/lib/components/PageTemplates/ShowcasePage.d.ts

@@ -1,4 +1,4 @@
-import type { FC, Ref, ReactNode } from 'react';
+import type { Ref, ReactNode } from 'react';
 import type { NoChildrenProp } from '@pega/cosmos-react-core';
 import type { PageBannerProps } from '../PageBanner';
 export interface ShowcasePageProps extends NoChildrenProp, PageBannerProps {
@@ -11,6 +11,6 @@ export interface ShowcasePageProps extends NoChildrenProp, PageBannerProps {
 }
 export declare const StyledShowcasePage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const ShowcasePage: FC<ShowcasePageProps>;
+declare const ShowcasePage: import("react").ForwardRefExoticComponent<Omit<ShowcasePageProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default ShowcasePage;
 //# sourceMappingURL=ShowcasePage.d.ts.map

package/lib/components/PageTemplates/ShowcasePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowcasePage.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/ShowcasePage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAmB,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,eAAe;IACxE,wDAAwD;IACxD,OAAO,EAAE,SAAS,CAAC;IACnB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,kBAAkB,yGAE9B,CAAC;AAEF,eAAO,MAAM,aAAa,yGAEzB,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAyCtC,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ShowcasePage.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/ShowcasePage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAS7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,eAAe;IACxE,wDAAwD;IACxD,OAAO,EAAE,SAAS,CAAC;IACnB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,kBAAkB,yGAE9B,CAAC;AAEF,eAAO,MAAM,aAAa,yGAEzB,CAAC;AAEF,QAAA,MAAM,YAAY,2HAyChB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/lib/components/PageTemplates/ShowcasePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowcasePage.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/ShowcasePage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACL,IAAI,EACJ,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,UAAU,MAAM,eAAe,CAAC;AAYvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE3C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtC,CAAC;AAEF,MAAM,YAAY,GAA0B,UAAU,CAAC,SAAS,YAAY,CAC1E,EACE,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAO,EACP,OAAO,EAC4B,EACrC,GAA6B;IAE7B,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAExC,iCAAiC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO;QAE7B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,uBAAuB,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAClD,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,OAAO,aAC9B,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACZ,EACF,MAAC,IAAI,IAAC,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,aAC7E,OAAO,EACP,OAAO,IACH,IACY,CACtB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC","sourcesContent":["import { forwardRef, useEffect } from 'react';\nimport type { FC, PropsWithoutRef, Ref, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  Flex,\n  focusHeadingOrContainer,\n  useConfiguration,\n  useConsolidatedRef\n} from '@pega/cosmos-react-core';\nimport type { NoChildrenProp } from '@pega/cosmos-react-core';\n\nimport PageBanner from '../PageBanner';\nimport type { PageBannerProps } from '../PageBanner';\n\nexport interface ShowcasePageProps extends NoChildrenProp, PageBannerProps {\n  /** Content to render in the main region of the page. */\n  content: ReactNode;\n  /** Banners will render above the main content if they are provided. */\n  banners?: ReactNode;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledShowcasePage = styled.div`\n  min-height: inherit;\n`;\n\nexport const StyledContent = styled.div`\n  min-height: 100%;\n`;\n\nconst ShowcasePage: FC<ShowcasePageProps> = forwardRef(function ShowcasePage(\n  {\n    title,\n    description,\n    image,\n    actions,\n    link,\n    content,\n    banners\n  }: PropsWithoutRef<ShowcasePageProps>,\n  ref: ShowcasePageProps['ref']\n) {\n  const { loadedRef } = useConfiguration();\n  const pageRef = useConsolidatedRef(ref);\n\n  // Focus heading on initial mount\n  useEffect(() => {\n    if (!pageRef.current) return;\n\n    if (loadedRef.current) {\n      focusHeadingOrContainer(pageRef.current, title);\n    } else {\n      loadedRef.current = true;\n    }\n  }, [title]);\n\n  return (\n    <StyledShowcasePage ref={pageRef}>\n      <PageBanner\n        title={title}\n        description={description}\n        actions={actions}\n        link={link}\n        image={image}\n      />\n      <Flex as={StyledContent} container={{ direction: 'column', pad: [2, 4], gap: 2 }}>\n        {banners}\n        {content}\n      </Flex>\n    </StyledShowcasePage>\n  );\n});\n\nexport default ShowcasePage;\n"]}
+{"version":3,"file":"ShowcasePage.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/ShowcasePage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACL,IAAI,EACJ,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,UAAU,MAAM,eAAe,CAAC;AAYvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE3C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtC,CAAC;AAEF,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,YAAY,CACnD,EACE,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAO,EACP,OAAO,EAC4B,EACrC,GAA6B;IAE7B,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAExC,iCAAiC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO;QAE7B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,uBAAuB,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAClD,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,OAAO,aAC9B,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACZ,EACF,MAAC,IAAI,IAAC,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,aAC7E,OAAO,EACP,OAAO,IACH,IACY,CACtB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC","sourcesContent":["import { forwardRef, useEffect } from 'react';\nimport type { PropsWithoutRef, Ref, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  Flex,\n  focusHeadingOrContainer,\n  useConfiguration,\n  useConsolidatedRef\n} from '@pega/cosmos-react-core';\nimport type { NoChildrenProp } from '@pega/cosmos-react-core';\n\nimport PageBanner from '../PageBanner';\nimport type { PageBannerProps } from '../PageBanner';\n\nexport interface ShowcasePageProps extends NoChildrenProp, PageBannerProps {\n  /** Content to render in the main region of the page. */\n  content: ReactNode;\n  /** Banners will render above the main content if they are provided. */\n  banners?: ReactNode;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledShowcasePage = styled.div`\n  min-height: inherit;\n`;\n\nexport const StyledContent = styled.div`\n  min-height: 100%;\n`;\n\nconst ShowcasePage = forwardRef(function ShowcasePage(\n  {\n    title,\n    description,\n    image,\n    actions,\n    link,\n    content,\n    banners\n  }: PropsWithoutRef<ShowcasePageProps>,\n  ref: ShowcasePageProps['ref']\n) {\n  const { loadedRef } = useConfiguration();\n  const pageRef = useConsolidatedRef(ref);\n\n  // Focus heading on initial mount\n  useEffect(() => {\n    if (!pageRef.current) return;\n\n    if (loadedRef.current) {\n      focusHeadingOrContainer(pageRef.current, title);\n    } else {\n      loadedRef.current = true;\n    }\n  }, [title]);\n\n  return (\n    <StyledShowcasePage ref={pageRef}>\n      <PageBanner\n        title={title}\n        description={description}\n        actions={actions}\n        link={link}\n        image={image}\n      />\n      <Flex as={StyledContent} container={{ direction: 'column', pad: [2, 4], gap: 2 }}>\n        {banners}\n        {content}\n      </Flex>\n    </StyledShowcasePage>\n  );\n});\n\nexport default ShowcasePage;\n"]}

package/lib/components/RuleSelect/RuleSelect.js

@@ -23,7 +23,7 @@ const mapRuleItemsToMenuItems = (ruleItems) => {
             type,
             secondary,
             primary: name,
-            visual: _jsx(RuleTile, { size: 'sm' })
+            visual: _jsx(RuleTile, { size: 'm' })
         };
     });
 };
@@ -34,7 +34,7 @@ const mapRuleTypesToMenuItems = (ruleTypes = []) => {
             id,
             count,
             primary: name,
-            visual: _jsx(RuleTile, { size: 'sm' }),
+            visual: _jsx(RuleTile, { size: 'm' }),
             items: mapRuleItemsToMenuItems(rules)
         };
     });
@@ -44,7 +44,7 @@ const RuleSelect = ({ selectedRule, ruleTypes, filterValue, items, loading, onFi
     const configButtonRef = useRef(null);
     const menuItems = items ? mapRuleItemsToMenuItems(items) : mapRuleTypesToMenuItems(ruleTypes);
     const SelectedRuleTile = selectedRule ? iconTileMap[selectedRule.type] : undefined;
-    return selectedRule ? (_jsx(StyledRuleSummaryContainer, { children: _jsx(SummaryItem, { overflowStrategy: 'ellipsis', visual: SelectedRuleTile ? _jsx(SelectedRuleTile, { size: 'sm' }) : undefined, primary: selectedRule.href ? (_jsx(Link, { href: selectedRule.href, previewable: !!selectedRule.onPreview, onPreview: selectedRule.onPreview, onClick: (e) => {
+    return selectedRule ? (_jsx(StyledRuleSummaryContainer, { children: _jsx(SummaryItem, { overflowStrategy: 'ellipsis', visual: SelectedRuleTile ? _jsx(SelectedRuleTile, { size: 'm' }) : undefined, primary: selectedRule.href ? (_jsx(Link, { href: selectedRule.href, previewable: !!selectedRule.onPreview, onPreview: selectedRule.onPreview, onClick: (e) => {
                     e.preventDefault();
                     selectedRule.onLinkClick?.();
                 }, children: selectedRule.name })) : (_jsx(Text, { children: selectedRule.name })), actions: selectedRule.onConfig || selectedRule.onClear ? (_jsxs(_Fragment, { children: [selectedRule.onConfig && (_jsx(Button, { label: t('configure'), variant: 'simple', onClick: () => {

package/lib/components/RuleSelect/RuleSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuleSelect.js","sourceRoot":"","sources":["../../../src/components/RuleSelect/RuleSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAA8C,MAAM,OAAO,CAAC;AAC3E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,WAAW,EACX,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,iBAAiB,EACjB,OAAO,EAGR,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAIrB,MAAM,WAAW,GAAG;IAClB,UAAU,EAAE,cAAc;IAC1B,QAAQ,EAAE,qBAAqB;IAC/B,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,iBAAiB;CACpB,CAAC;AAEX,MAAM,0BAA0B,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACzE,OAAO,GAAG,CAAA;4BACgB,KAAK,CAAC,IAAI,CAAC,OAAO;GAC3C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,0BAA0B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE3D,MAAM,uBAAuB,GAAG,CAAC,SAA2B,EAAE,EAAE;IAC9D,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;QACrD,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QAEnC,OAAO;YACL,EAAE;YACF,IAAI;YACJ,SAAS;YACT,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,GAAG;SAC/B,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAC9B,YAA0C,EAAE,EACC,EAAE;IAC/C,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;QACxD,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QAEnC,OAAO;YACL,EAAE;YACF,KAAK;YACL,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,GAAG;YAC9B,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC;SACtC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,UAAU,GAAwB,CAAC,EACvC,YAAY,EACZ,SAAS,EACT,WAAW,EACX,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,GAAG,SAAS,EACI,EAAE,EAAE;IACpB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,eAAe,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAC9F,MAAM,gBAAgB,GAAG,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEnF,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,KAAC,0BAA0B,cACzB,KAAC,WAAW,IACV,gBAAgB,EAAC,UAAU,EAC3B,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAC,gBAAgB,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,SAAS,EACrE,OAAO,EACL,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,KAAC,IAAI,IACH,IAAI,EAAE,YAAY,CAAC,IAAI,EACvB,WAAW,EAAE,CAAC,CAAC,YAAY,CAAC,SAAS,EACrC,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE;oBAC5C,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;gBAC/B,CAAC,YAEA,YAAY,CAAC,IAAI,GACb,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,cAAE,YAAY,CAAC,IAAI,GAAQ,CACjC,EAEH,OAAO,EACL,YAAY,CAAC,QAAQ,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAC9C,8BACG,YAAY,CAAC,QAAQ,IAAI,CACxB,KAAC,MAAM,IACL,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,EACrB,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,QAAS,CAAC,eAAe,CAAC,OAAQ,CAAC,CAAC;wBACnD,CAAC,EACD,GAAG,EAAE,eAAe,EACpB,IAAI,kBAEJ,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,YAAY,GAAG,GAC9B,CACV,EACA,YAAY,CAAC,OAAO,IAAI,CACvB,KAAC,MAAM,IACL,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC3B,IAAI,QACJ,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,YAAY,CAAC,OAAO,YAE7B,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,GAAG,EAAC,YAAY,GAAG,GAC/B,CACV,IACA,CACJ,CAAC,CAAC,CAAC,SAAS,GAEf,GACyB,CAC9B,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,OACH,SAAS,EACb,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE;YAC7C,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EACD,MAAM,EAAE,MAAM,EACd,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,OAAO;YACP,KAAK,EAAE,SAAS;YAChB,QAAQ;YACR,YAAY,EAAE,MAAM,CAAC,EAAE;gBACrB,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;YACrB,CAAC;YACD,cAAc,EAAE,MAAM,CAAC,EAAE;gBACvB,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC;YACD,WAAW,EAAE,SAAS,CAAC,EAAE;gBACvB,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,SAAS,CAE3D,CAAC;gBAEF,IAAI,WAAW,EAAE,CAAC;oBAChB,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC;oBAClD,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBAChD,CAAC;YACH,CAAC;YACD,WAAW;SACZ,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useRef, type FC, type ChangeEvent, type MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  ComboBox,\n  Icon,\n  menuHelpers,\n  SummaryItem,\n  Button,\n  Link,\n  Text,\n  defaultThemeProp,\n  StyledFormControl,\n  useI18n,\n  type ComboBoxProps,\n  type MenuItemProps\n} from '@pega/cosmos-react-core';\n\nimport {\n  AutomationTile,\n  LogicDecisionStepTile,\n  RuleFieldTile,\n  RuleParagraphTile\n} from '../IconTile';\n\nimport type { RuleType, RuleSelectItem, RuleSelectProps } from './RuleSelect.types';\n\nconst iconTileMap = {\n  Automation: AutomationTile,\n  Decision: LogicDecisionStepTile,\n  Field: RuleFieldTile,\n  Paragraph: RuleParagraphTile\n} as const;\n\nconst StyledRuleSummaryContainer = styled(StyledFormControl)(({ theme }) => {\n  return css`\n    padding-inline-start: ${theme.base.spacing};\n  `;\n});\n\nStyledRuleSummaryContainer.defaultProps = defaultThemeProp;\n\nconst mapRuleItemsToMenuItems = (ruleItems: RuleSelectItem[]) => {\n  return ruleItems.map(({ id, name, type, secondary }) => {\n    const RuleTile = iconTileMap[type];\n\n    return {\n      id,\n      type,\n      secondary,\n      primary: name,\n      visual: <RuleTile size='sm' />\n    };\n  });\n};\n\nconst mapRuleTypesToMenuItems = (\n  ruleTypes: RuleSelectProps['ruleTypes'] = []\n): NonNullable<ComboBoxProps['menu']>['items'] => {\n  return ruleTypes.map(({ type, id, name, count, rules }) => {\n    const RuleTile = iconTileMap[type];\n\n    return {\n      id,\n      count,\n      primary: name,\n      visual: <RuleTile size='sm' />,\n      items: mapRuleItemsToMenuItems(rules)\n    };\n  });\n};\n\nconst RuleSelect: FC<RuleSelectProps> = ({\n  selectedRule,\n  ruleTypes,\n  filterValue,\n  items,\n  loading,\n  onFilter,\n  onExpand,\n  onCollapse,\n  onCreateNew,\n  onBlur,\n  loadMore,\n  onSelect,\n  id,\n  required,\n  ...restProps\n}: RuleSelectProps) => {\n  const t = useI18n();\n  const configButtonRef = useRef<HTMLButtonElement>(null);\n  const menuItems = items ? mapRuleItemsToMenuItems(items) : mapRuleTypesToMenuItems(ruleTypes);\n  const SelectedRuleTile = selectedRule ? iconTileMap[selectedRule.type] : undefined;\n\n  return selectedRule ? (\n    <StyledRuleSummaryContainer>\n      <SummaryItem\n        overflowStrategy='ellipsis'\n        visual={SelectedRuleTile ? <SelectedRuleTile size='sm' /> : undefined}\n        primary={\n          selectedRule.href ? (\n            <Link\n              href={selectedRule.href}\n              previewable={!!selectedRule.onPreview}\n              onPreview={selectedRule.onPreview}\n              onClick={(e: MouseEvent<HTMLAnchorElement>) => {\n                e.preventDefault();\n                selectedRule.onLinkClick?.();\n              }}\n            >\n              {selectedRule.name}\n            </Link>\n          ) : (\n            <Text>{selectedRule.name}</Text>\n          )\n        }\n        actions={\n          selectedRule.onConfig || selectedRule.onClear ? (\n            <>\n              {selectedRule.onConfig && (\n                <Button\n                  label={t('configure')}\n                  variant='simple'\n                  onClick={() => {\n                    selectedRule.onConfig!(configButtonRef.current!);\n                  }}\n                  ref={configButtonRef}\n                  icon\n                >\n                  <Icon name='gear' set='streamline' />\n                </Button>\n              )}\n              {selectedRule.onClear && (\n                <Button\n                  label={t('clear_selection')}\n                  icon\n                  variant='simple'\n                  onClick={selectedRule.onClear}\n                >\n                  <Icon name='times' set='streamline' />\n                </Button>\n              )}\n            </>\n          ) : undefined\n        }\n      />\n    </StyledRuleSummaryContainer>\n  ) : (\n    <ComboBox\n      {...restProps}\n      id={id}\n      required={required}\n      value={filterValue}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => {\n        onFilter(e.target.value);\n      }}\n      onBlur={onBlur}\n      menu={{\n        mode: 'action',\n        loading,\n        items: menuItems,\n        loadMore,\n        onItemExpand: itemId => {\n          onExpand?.(itemId);\n        },\n        onItemCollapse: itemId => {\n          onCollapse?.(itemId);\n        },\n        onItemClick: clickedId => {\n          const clickedItem = menuHelpers.getItem(menuItems, clickedId) as MenuItemProps & {\n            type: RuleType;\n          };\n\n          if (clickedItem) {\n            const { id: itemId, primary, type } = clickedItem;\n            onSelect({ id: itemId, name: primary, type });\n          }\n        },\n        onCreateNew\n      }}\n    />\n  );\n};\n\nexport default RuleSelect;\n"]}
+{"version":3,"file":"RuleSelect.js","sourceRoot":"","sources":["../../../src/components/RuleSelect/RuleSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef, type FC, type ChangeEvent, type MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  ComboBox,\n  Icon,\n  menuHelpers,\n  SummaryItem,\n  Button,\n  Link,\n  Text,\n  defaultThemeProp,\n  StyledFormControl,\n  useI18n,\n  type ComboBoxProps,\n  type MenuItemProps\n} from '@pega/cosmos-react-core';\n\nimport {\n  AutomationTile,\n  LogicDecisionStepTile,\n  RuleFieldTile,\n  RuleParagraphTile\n} from '../IconTile';\n\nimport type { RuleType, RuleSelectItem, RuleSelectProps } from './RuleSelect.types';\n\nconst iconTileMap = {\n  Automation: AutomationTile,\n  Decision: LogicDecisionStepTile,\n  Field: RuleFieldTile,\n  Paragraph: RuleParagraphTile\n} as const;\n\nconst StyledRuleSummaryContainer = styled(StyledFormControl)(({ theme }) => {\n  return css`\n    padding-inline-start: ${theme.base.spacing};\n  `;\n});\n\nStyledRuleSummaryContainer.defaultProps = defaultThemeProp;\n\nconst mapRuleItemsToMenuItems = (ruleItems: RuleSelectItem[]) => {\n  return ruleItems.map(({ id, name, type, secondary }) => {\n    const RuleTile = iconTileMap[type];\n\n    return {\n      id,\n      type,\n      secondary,\n      primary: name,\n      visual: <RuleTile size='m' />\n    };\n  });\n};\n\nconst mapRuleTypesToMenuItems = (\n  ruleTypes: RuleSelectProps['ruleTypes'] = []\n): NonNullable<ComboBoxProps['menu']>['items'] => {\n  return ruleTypes.map(({ type, id, name, count, rules }) => {\n    const RuleTile = iconTileMap[type];\n\n    return {\n      id,\n      count,\n      primary: name,\n      visual: <RuleTile size='m' />,\n      items: mapRuleItemsToMenuItems(rules)\n    };\n  });\n};\n\nconst RuleSelect: FC<RuleSelectProps> = ({\n  selectedRule,\n  ruleTypes,\n  filterValue,\n  items,\n  loading,\n  onFilter,\n  onExpand,\n  onCollapse,\n  onCreateNew,\n  onBlur,\n  loadMore,\n  onSelect,\n  id,\n  required,\n  ...restProps\n}: RuleSelectProps) => {\n  const t = useI18n();\n  const configButtonRef = useRef<HTMLButtonElement>(null);\n  const menuItems = items ? mapRuleItemsToMenuItems(items) : mapRuleTypesToMenuItems(ruleTypes);\n  const SelectedRuleTile = selectedRule ? iconTileMap[selectedRule.type] : undefined;\n\n  return selectedRule ? (\n    <StyledRuleSummaryContainer>\n      <SummaryItem\n        overflowStrategy='ellipsis'\n        visual={SelectedRuleTile ? <SelectedRuleTile size='m' /> : undefined}\n        primary={\n          selectedRule.href ? (\n            <Link\n              href={selectedRule.href}\n              previewable={!!selectedRule.onPreview}\n              onPreview={selectedRule.onPreview}\n              onClick={(e: MouseEvent<HTMLAnchorElement>) => {\n                e.preventDefault();\n                selectedRule.onLinkClick?.();\n              }}\n            >\n              {selectedRule.name}\n            </Link>\n          ) : (\n            <Text>{selectedRule.name}</Text>\n          )\n        }\n        actions={\n          selectedRule.onConfig || selectedRule.onClear ? (\n            <>\n              {selectedRule.onConfig && (\n                <Button\n                  label={t('configure')}\n                  variant='simple'\n                  onClick={() => {\n                    selectedRule.onConfig!(configButtonRef.current!);\n                  }}\n                  ref={configButtonRef}\n                  icon\n                >\n                  <Icon name='gear' set='streamline' />\n                </Button>\n              )}\n              {selectedRule.onClear && (\n                <Button\n                  label={t('clear_selection')}\n                  icon\n                  variant='simple'\n                  onClick={selectedRule.onClear}\n                >\n                  <Icon name='times' set='streamline' />\n                </Button>\n              )}\n            </>\n          ) : undefined\n        }\n      />\n    </StyledRuleSummaryContainer>\n  ) : (\n    <ComboBox\n      {...restProps}\n      id={id}\n      required={required}\n      value={filterValue}\n      onChange={(e: ChangeEvent<HTMLInputElement>) => {\n        onFilter(e.target.value);\n      }}\n      onBlur={onBlur}\n      menu={{\n        mode: 'action',\n        loading,\n        items: menuItems,\n        loadMore,\n        onItemExpand: itemId => {\n          onExpand?.(itemId);\n        },\n        onItemCollapse: itemId => {\n          onCollapse?.(itemId);\n        },\n        onItemClick: clickedId => {\n          const clickedItem = menuHelpers.getItem(menuItems, clickedId) as MenuItemProps & {\n            type: RuleType;\n          };\n\n          if (clickedItem) {\n            const { id: itemId, primary, type } = clickedItem;\n            onSelect({ id: itemId, name: primary, type });\n          }\n        },\n        onCreateNew\n      }}\n    />\n  );\n};\n\nexport default RuleSelect;\n"]}

package/lib/components/Workbench/Workbench.d.ts

@@ -1,6 +1,5 @@
-import type { FC } from 'react';
-import type { ForwardProps } from '@pega/cosmos-react-core';
+import type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';
 import type { WorkbenchProps } from './Workbench.types';
-declare const Workbench: FC<WorkbenchProps & ForwardProps>;
+declare const Workbench: ForwardRefForwardPropsComponent<WorkbenchProps>;
 export default Workbench;
 //# sourceMappingURL=Workbench.d.ts.map

package/lib/components/Workbench/Workbench.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Workbench.d.ts","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAmB,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D,OAAO,KAAK,EAAqB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAI3E,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,GAAG,YAAY,CAyD/C,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Workbench.d.ts","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAI/E,OAAO,KAAK,EAAqB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAI3E,QAAA,MAAM,SAAS,EAAE,+BAA+B,CAAC,cAAc,CAyD7D,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/components/Workbench/Workbench.js.map

@@ -1 +1 @@
-{"version":3,"file":"Workbench.js","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,SAAS,GAAsC,UAAU,CAAC,SAAS,SAAS,CAChF,EACE,QAAQ,EACR,aAAa,GAAG,EAAE,EAClB,kBAAkB,EAClB,OAAO,EACP,uBAAuB,EACS,EAClC,GAA0B;IAE1B,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAE9D,uBAAuB,CAAC,CAAC;IAE3B,MAAM,eAAe,GAAG,MAAM,CAC5B,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,uBAAuB,CAAC,CAClE,CAAC;IACF,MAAM,QAAQ,GAAG,CAAC,OAAiC,EAAE,EAAE;QACrD,uBAAuB,CAAC,OAAO,CAAC,CAAC;QACjC,IAAI,OAAO;YAAE,eAAe,CAAC,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;IAC3F,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE;YACT,IAAI,EAAE,4CAA4C;YAClD,IAAI,EAAE,qBAAqB;YAC3B,KAAK,EAAE,qDAAqD;SAC7D,EACD,EAAE,EAAE,eAAe,EACnB,GAAG,EAAE,GAAG,aAEP,CAAC,OAAO,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CACxC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,YAC5B,KAAC,OAAO,OACF,OAAO,EACX,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,oBAAoB,GACpC,GACG,CACR,EACA,eAAe,CAAC,OAAO,IAAI,CAC1B,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAC7B,KAAC,YAAY,OAAK,eAAe,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,oBAAoB,GAAI,GACtE,CACR,EACD,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,YAC1B,KAAC,IAAI,IAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,YACxC,QAAQ,GACJ,GACF,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,YACnC,KAAC,kBAAkB,OAAK,kBAAkB,GAAI,GACzC,IACF,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC","sourcesContent":["import { useState, forwardRef, useRef } from 'react';\nimport type { FC, PropsWithoutRef } from 'react';\n\nimport { Flex, Grid } from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\n\nimport Toolbar from './Toolbar';\nimport { StyledMain, StyledWorkbench } from './Workbench.styles';\nimport type { UtilityPanelProps, WorkbenchProps } from './Workbench.types';\nimport ConfigurationPanel from './ConfigurationPanel';\nimport UtilityPanel from './UtilityPanel';\n\nconst Workbench: FC<WorkbenchProps & ForwardProps> = forwardRef(function Workbench(\n  {\n    children,\n    utilityPanels = [],\n    configurationPanel,\n    toolbar,\n    initiallyVisiblePanelId\n  }: PropsWithoutRef<WorkbenchProps>,\n  ref: WorkbenchProps['ref']\n) {\n  const [currentlyOpenPanelId, setCurrentlyOpenPanelId] = useState<\n    UtilityPanelProps['id'] | undefined\n  >(initiallyVisiblePanelId);\n\n  const panelContentRef = useRef<UtilityPanelProps | undefined>(\n    utilityPanels.find(panel => panel.id === initiallyVisiblePanelId)\n  );\n  const onToggle = (panelId?: UtilityPanelProps['id']) => {\n    setCurrentlyOpenPanelId(panelId);\n    if (panelId) panelContentRef.current = utilityPanels.find(panel => panel.id === panelId);\n  };\n\n  return (\n    <Grid\n      container={{\n        cols: 'min-content minmax(10rem, 1fr) min-content',\n        rows: 'auto minmax(0, 1fr)',\n        areas: '\"header header header\" \"utility main configuration\"'\n      }}\n      as={StyledWorkbench}\n      ref={ref}\n    >\n      {(toolbar ?? utilityPanels.length > 0) && (\n        <Grid item={{ area: 'header' }}>\n          <Toolbar\n            {...toolbar}\n            options={utilityPanels}\n            onToggle={onToggle}\n            currentPanelId={currentlyOpenPanelId}\n          />\n        </Grid>\n      )}\n      {panelContentRef.current && (\n        <Grid item={{ area: 'utility' }}>\n          <UtilityPanel {...panelContentRef.current} open={!!currentlyOpenPanelId} />\n        </Grid>\n      )}\n      <Grid item={{ area: 'main' }}>\n        <Flex as={StyledMain} container={{ pad: 2 }}>\n          {children}\n        </Flex>\n      </Grid>\n      <Grid item={{ area: 'configuration' }}>\n        <ConfigurationPanel {...configurationPanel} />\n      </Grid>\n    </Grid>\n  );\n});\n\nexport default Workbench;\n"]}
+{"version":3,"file":"Workbench.js","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,SAAS,GAAoD,UAAU,CAAC,SAAS,SAAS,CAC9F,EACE,QAAQ,EACR,aAAa,GAAG,EAAE,EAClB,kBAAkB,EAClB,OAAO,EACP,uBAAuB,EACS,EAClC,GAA0B;IAE1B,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAE9D,uBAAuB,CAAC,CAAC;IAE3B,MAAM,eAAe,GAAG,MAAM,CAC5B,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,uBAAuB,CAAC,CAClE,CAAC;IACF,MAAM,QAAQ,GAAG,CAAC,OAAiC,EAAE,EAAE;QACrD,uBAAuB,CAAC,OAAO,CAAC,CAAC;QACjC,IAAI,OAAO;YAAE,eAAe,CAAC,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;IAC3F,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE;YACT,IAAI,EAAE,4CAA4C;YAClD,IAAI,EAAE,qBAAqB;YAC3B,KAAK,EAAE,qDAAqD;SAC7D,EACD,EAAE,EAAE,eAAe,EACnB,GAAG,EAAE,GAAG,aAEP,CAAC,OAAO,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CACxC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,YAC5B,KAAC,OAAO,OACF,OAAO,EACX,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,oBAAoB,GACpC,GACG,CACR,EACA,eAAe,CAAC,OAAO,IAAI,CAC1B,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAC7B,KAAC,YAAY,OAAK,eAAe,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,oBAAoB,GAAI,GACtE,CACR,EACD,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,YAC1B,KAAC,IAAI,IAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,YACxC,QAAQ,GACJ,GACF,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,YACnC,KAAC,kBAAkB,OAAK,kBAAkB,GAAI,GACzC,IACF,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC","sourcesContent":["import { useState, forwardRef, useRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport { Flex, Grid } from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport Toolbar from './Toolbar';\nimport { StyledMain, StyledWorkbench } from './Workbench.styles';\nimport type { UtilityPanelProps, WorkbenchProps } from './Workbench.types';\nimport ConfigurationPanel from './ConfigurationPanel';\nimport UtilityPanel from './UtilityPanel';\n\nconst Workbench: ForwardRefForwardPropsComponent<WorkbenchProps> = forwardRef(function Workbench(\n  {\n    children,\n    utilityPanels = [],\n    configurationPanel,\n    toolbar,\n    initiallyVisiblePanelId\n  }: PropsWithoutRef<WorkbenchProps>,\n  ref: WorkbenchProps['ref']\n) {\n  const [currentlyOpenPanelId, setCurrentlyOpenPanelId] = useState<\n    UtilityPanelProps['id'] | undefined\n  >(initiallyVisiblePanelId);\n\n  const panelContentRef = useRef<UtilityPanelProps | undefined>(\n    utilityPanels.find(panel => panel.id === initiallyVisiblePanelId)\n  );\n  const onToggle = (panelId?: UtilityPanelProps['id']) => {\n    setCurrentlyOpenPanelId(panelId);\n    if (panelId) panelContentRef.current = utilityPanels.find(panel => panel.id === panelId);\n  };\n\n  return (\n    <Grid\n      container={{\n        cols: 'min-content minmax(10rem, 1fr) min-content',\n        rows: 'auto minmax(0, 1fr)',\n        areas: '\"header header header\" \"utility main configuration\"'\n      }}\n      as={StyledWorkbench}\n      ref={ref}\n    >\n      {(toolbar ?? utilityPanels.length > 0) && (\n        <Grid item={{ area: 'header' }}>\n          <Toolbar\n            {...toolbar}\n            options={utilityPanels}\n            onToggle={onToggle}\n            currentPanelId={currentlyOpenPanelId}\n          />\n        </Grid>\n      )}\n      {panelContentRef.current && (\n        <Grid item={{ area: 'utility' }}>\n          <UtilityPanel {...panelContentRef.current} open={!!currentlyOpenPanelId} />\n        </Grid>\n      )}\n      <Grid item={{ area: 'main' }}>\n        <Flex as={StyledMain} container={{ pad: 2 }}>\n          {children}\n        </Flex>\n      </Grid>\n      <Grid item={{ area: 'configuration' }}>\n        <ConfigurationPanel {...configurationPanel} />\n      </Grid>\n    </Grid>\n  );\n});\n\nexport default Workbench;\n"]}

package/lib/components/Workbench/Workbench.styles.d.ts

@@ -1,9 +1,9 @@
 export declare const StyledPanelToggleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const UtilityPanelToggle: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const UtilityPanelToggle: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledToolbar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledMain: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledWorkbench: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledPanel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledPanelContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledTextWithEllipsis: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").TextProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTextWithEllipsis: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=Workbench.styles.d.ts.map

package/lib/components/Workbench/Workbench.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Workbench.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,wBAAwB,yGAEpC,CAAC;AAIF,eAAO,MAAM,kBAAkB,qOAqB7B,CAAC;AAIH,eAAO,MAAM,aAAa,yGA2BzB,CAAC;AAIF,eAAO,MAAM,UAAU,yGAYtB,CAAC;AAIF,eAAO,MAAM,eAAe,yGAE3B,CAAC;AAIF,eAAO,MAAM,WAAW,yGAMtB,CAAC;AAIH,eAAO,MAAM,kBAAkB,yGAE9B,CAAC;AAIF,eAAO,MAAM,sBAAsB,mOAIlC,CAAC"}
+{"version":3,"file":"Workbench.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Workbench/Workbench.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,wBAAwB,yGAEpC,CAAC;AAIF,eAAO,MAAM,kBAAkB,oNAqB7B,CAAC;AAIH,eAAO,MAAM,aAAa,yGA2BzB,CAAC;AAIF,eAAO,MAAM,UAAU,yGAYtB,CAAC;AAIF,eAAO,MAAM,eAAe,yGAE3B,CAAC;AAIF,eAAO,MAAM,WAAW,yGAMtB,CAAC;AAIH,eAAO,MAAM,kBAAkB,yGAE9B,CAAC;AAIF,eAAO,MAAM,sBAAsB,kNAIlC,CAAC"}

package/lib/index.d.ts

@@ -1,13 +1,15 @@
 export { default as AppShell } from './components/AppShell';
 export * from './components/AppShell';
+export { default as BackgroundPicker } from './components/BackgroundPicker';
+export * from './components/BackgroundPicker';
 export { default as DynamicContentEditor } from './components/DynamicContentEditor';
 export * from './components/DynamicContentEditor';
 export * from './components/DynamicInput';
+export { default as Expression } from './components/Expression';
+export * from './components/Expression';
 export { default as ExpressionBuilder } from './components/ExpressionBuilder';
 export * from './components/ExpressionBuilder';
 export * from './components/FieldReference';
-export { default as FlowModeller } from './components/FlowModeller';
-export * from './components/FlowModeller';
 export { default as IconTile } from './components/IconTile';
 export * from './components/IconTile';
 export * from './components/ItemLibrary';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC"}

package/lib/index.js

@@ -1,14 +1,16 @@
 // This file is autogenerated. Any changes will be overwritten.
 export { default as AppShell } from './components/AppShell';
 export * from './components/AppShell';
+export { default as BackgroundPicker } from './components/BackgroundPicker';
+export * from './components/BackgroundPicker';
 export { default as DynamicContentEditor } from './components/DynamicContentEditor';
 export * from './components/DynamicContentEditor';
 export * from './components/DynamicInput';
+export { default as Expression } from './components/Expression';
+export * from './components/Expression';
 export { default as ExpressionBuilder } from './components/ExpressionBuilder';
 export * from './components/ExpressionBuilder';
 export * from './components/FieldReference';
-export { default as FlowModeller } from './components/FlowModeller';
-export * from './components/FlowModeller';
 export { default as IconTile } from './components/IconTile';
 export * from './components/IconTile';
 export * from './components/ItemLibrary';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as AppShell } from './components/AppShell';\nexport * from './components/AppShell';\nexport { default as DynamicContentEditor } from './components/DynamicContentEditor';\nexport * from './components/DynamicContentEditor';\nexport * from './components/DynamicInput';\nexport { default as ExpressionBuilder } from './components/ExpressionBuilder';\nexport * from './components/ExpressionBuilder';\nexport * from './components/FieldReference';\nexport { default as FlowModeller } from './components/FlowModeller';\nexport * from './components/FlowModeller';\nexport { default as IconTile } from './components/IconTile';\nexport * from './components/IconTile';\nexport * from './components/ItemLibrary';\nexport { default as LifeCycle } from './components/LifeCycle';\nexport * from './components/LifeCycle';\nexport * from './components/MobileBuildSummary';\nexport * from './components/ObjectPreview';\nexport { default as ObjectSelect } from './components/ObjectSelect';\nexport * from './components/ObjectSelect';\nexport { default as PageBanner } from './components/PageBanner';\nexport * from './components/PageBanner';\nexport * from './components/PageTemplates';\nexport * from './components/RuleSelect';\nexport { default as SummaryCard } from './components/SummaryCard';\nexport * from './components/SummaryCard';\nexport { default as Workbench } from './components/Workbench';\nexport * from './utils';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,SAAS,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as AppShell } from './components/AppShell';\nexport * from './components/AppShell';\nexport { default as BackgroundPicker } from './components/BackgroundPicker';\nexport * from './components/BackgroundPicker';\nexport { default as DynamicContentEditor } from './components/DynamicContentEditor';\nexport * from './components/DynamicContentEditor';\nexport * from './components/DynamicInput';\nexport { default as Expression } from './components/Expression';\nexport * from './components/Expression';\nexport { default as ExpressionBuilder } from './components/ExpressionBuilder';\nexport * from './components/ExpressionBuilder';\nexport * from './components/FieldReference';\nexport { default as IconTile } from './components/IconTile';\nexport * from './components/IconTile';\nexport * from './components/ItemLibrary';\nexport { default as LifeCycle } from './components/LifeCycle';\nexport * from './components/LifeCycle';\nexport * from './components/MobileBuildSummary';\nexport * from './components/ObjectPreview';\nexport { default as ObjectSelect } from './components/ObjectSelect';\nexport * from './components/ObjectSelect';\nexport { default as PageBanner } from './components/PageBanner';\nexport * from './components/PageBanner';\nexport * from './components/PageTemplates';\nexport * from './components/RuleSelect';\nexport { default as SummaryCard } from './components/SummaryCard';\nexport * from './components/SummaryCard';\nexport { default as Workbench } from './components/Workbench';\nexport * from './utils';\n"]}

package/lib/{components/FieldReference → utils}/typeIconMapping.d.ts

@@ -41,10 +41,18 @@ export declare const typeIconMapping: {
         set: string;
         name: string;
     };
+    Field: {
+        set: string;
+        name: string;
+    };
     'Field reference': {
         set: string;
         name: string;
     };
+    Insight: {
+        set: string;
+        name: string;
+    };
     Integer: {
         set: string;
         name: string;