@pega/cosmos-react-build 5.0.0-dev.4.7 → 5.0.0-dev.4.8

package/lib/components/LifeCycle/Task.js

@@ -1,158 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback, useContext } from 'react';
-import styled, { css } from 'styled-components';
-import { Flex, defaultThemeProp, Button, Icon, useElement, Actions, useI18n, Avatar, useOuterEvent, useEscape } from '@pega/cosmos-react-core';
-import { ItemLibrary } from '../ItemLibrary';
-import Step from './Step';
-import LifeCycleContext from './LifeCycleContext';
-export const StyledTaskList = styled.li(({ theme }) => {
-    return css `
-    list-style-type: none;
-    margin-block-end: ${theme.base.spacing};
-
-    &:last-child > article {
-      margin-block-end: 0;
-    }
-  `;
-});
-StyledTaskList.defaultProps = defaultThemeProp;
-export const StyledCardHeader = styled.header(({ theme }) => {
-    return css `
-    padding: 0;
-    margin: 0 0 calc(0.5 * ${theme.base.spacing});
-  `;
-});
-StyledCardHeader.defaultProps = defaultThemeProp;
-export const StyledCardContent = styled.div(() => {
-    return css `
-    padding: 0;
-  `;
-});
-export const StyledTaskButton = styled.button(({ theme }) => {
-    return css `
-    background: ${theme.base.palette['primary-background']};
-    border: none;
-    height: ${theme.components.button.height};
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    text-align: start;
-
-    &:hover {
-      cursor: pointer;
-    }
-
-    &:focus {
-      outline: none;
-    }
-  `;
-});
-StyledTaskButton.defaultProps = defaultThemeProp;
-export const StyledTask = styled.article(({ hasFocus, theme }) => {
-    return css `
-    background: ${theme.base.palette['primary-background']};
-    border: 0.125rem solid transparent;
-    border-radius: calc(0.5 * ${theme.base['border-radius']});
-    padding: calc(${theme.base.spacing} - 0.125rem);
-
-    ${hasFocus &&
-        css `
-      box-shadow: ${theme.base.shadow.focus};
-    `}
-
-    &:hover {
-      cursor: pointer;
-    }
-
-    &[aria-current='true'] {
-      border-color: ${theme.base.palette.interactive};
-    }
-  `;
-});
-StyledTask.defaultProps = defaultThemeProp;
-export const StyledWarnIcon = styled(Icon)(({ theme }) => {
-    return css `
-    color: ${theme.base.palette.urgent};
-    margin-inline: ${theme.base.spacing};
-
-    &:hover {
-      cursor: pointer;
-    }
-  `;
-});
-StyledWarnIcon.defaultProps = defaultThemeProp;
-const Task = ({ value, visual, actions, item, addStepTitle, addTask, stageItem, error, onAddStep, onClick, categoryItem, id, step: stepProp, nodeLibrary, ...restProps }) => {
-    const t = useI18n();
-    const { selectedItemId, readOnly } = useContext(LifeCycleContext);
-    const [taskHasFocus, setTaskHasFocus] = useState(false);
-    const [showLibrary, setLibrary] = useState(false);
-    const [popoverEl, setPopoverEl] = useElement(null);
-    const [addEl, setAddEl] = useElement();
-    const onActionItemClick = (actionId, e) => {
-        const param = {
-            task: item,
-            stage: stageItem,
-            category: categoryItem
-        };
-        actions?.forEach(actionItem => {
-            if (actionItem.id === actionId) {
-                actionItem.onClick(param, e);
-            }
-        });
-    };
-    // Deep copy of actions is required to provide consistent callback objects on actions
-    const actionsClone = [];
-    if (actions) {
-        actions.forEach(actionItem => {
-            const actionCloneItem = {};
-            Object.keys(actionItem).forEach((key) => {
-                actionCloneItem[key] = actionItem[key];
-            });
-            actionCloneItem.onClick = onActionItemClick;
-            actionsClone.push(actionCloneItem);
-            return actionItem;
-        });
-    }
-    const onTaskClick = (e) => {
-        const actionParam = {
-            value,
-            task: item,
-            stage: stageItem,
-            category: categoryItem,
-            type: 'Task'
-        };
-        onClick?.(actionParam, e);
-    };
-    const onLibraryItemSelect = useCallback((libItem) => {
-        const param = {
-            task: item,
-            stage: stageItem,
-            category: categoryItem
-        };
-        onAddStep?.(param, libItem);
-        setLibrary(false);
-    }, [onAddStep]);
-    useEscape(() => {
-        setLibrary(false);
-    });
-    useOuterEvent('mousedown', [addEl, popoverEl], () => setLibrary(false));
-    return (_jsx(StyledTaskList, { ...restProps, id: item.id, children: _jsxs(Flex, { as: StyledTask, "aria-current": selectedItemId === id ? 'true' : undefined, container: { direction: 'column' }, id: `${id}-task`, hasFocus: taskHasFocus && selectedItemId !== id, children: [_jsxs(Flex, { as: StyledCardHeader, container: { inline: true, alignItems: 'center' }, children: [visual?.imgurl.length > 0 && _jsx(Avatar, { name: value, imageSrc: visual?.imgurl }), error && _jsx(StyledWarnIcon, { name: 'warn-solid' }), _jsx(Flex, { item: { grow: 1 }, container: { inline: true, alignItems: 'center' }, onClick: onTaskClick, children: _jsx(StyledTaskButton, { onFocus: () => {
-                                    setTaskHasFocus(true);
-                                }, onBlur: () => {
-                                    setTaskHasFocus(false);
-                                }, "aria-label": t(error ? 'process_name_error' : 'process_name', [value]), children: value }) }), actionsClone && _jsx(Actions, { items: actionsClone, menuAt: 2, iconOnly: true })] }), _jsxs(StyledCardContent, { children: [item?.steps.map((steps) => {
-                            const badgeStatus = steps?.status?.type ? steps.status.type : '';
-                            const badgeLabel = steps?.status?.label ? steps.status.label : '';
-                            return (_jsx(Step, { id: steps.id, value: steps.label, visual: {
-                                    imgurl: steps.visual.imgurl,
-                                    color: steps.visual.color,
-                                    icon: steps.visual.icon,
-                                    title: steps.visual.label
-                                }, item: steps, taskItem: item, stageItem: stageItem, badge: {
-                                    type: badgeStatus,
-                                    label: badgeLabel
-                                }, error: steps.error, categoryItem: categoryItem, ...stepProp }, steps.id));
-                        }), !readOnly && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: 'simple', ref: setAddEl, label: t('add_noun', [addStepTitle]), onClick: () => setLibrary(prev => !prev), icon: true, children: _jsx(Icon, { name: 'plus' }) }), _jsx(ItemLibrary, { items: nodeLibrary, show: showLibrary, target: addEl, onClick: onLibraryItemSelect, ref: setPopoverEl, placeholder: t('search_nodes') })] }))] })] }) }));
-};
-export default Task;
-//# sourceMappingURL=Task.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Task.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/Task.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useState,\n  FunctionComponent,\n  PropsWithChildren,\n  MouseEvent,\n  useCallback,\n  useContext\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  defaultThemeProp,\n  BaseProps,\n  ForwardProps,\n  Button,\n  Icon,\n  Action,\n  useElement,\n  Actions,\n  useI18n,\n  Avatar,\n  useOuterEvent,\n  useEscape\n} from '@pega/cosmos-react-core';\n\nimport { LibraryItem, ItemLibrary } from '../ItemLibrary';\n\nimport Step from './Step';\nimport {\n  TaskItemProps,\n  StageItemProps,\n  StepItemProps,\n  CategoryItemProps,\n  LifeCycleActionParam,\n  StepProps,\n  TaskProps\n} from './LifeCycle.types';\nimport LifeCycleContext from './LifeCycleContext';\n\ninterface TaskComponentProps extends BaseProps, TaskProps {\n  /** Pass text for the task. */\n  value: string;\n  /** support for an Avatar, Icon, or other supporting visual. */\n  visual: {\n    imgurl: string;\n  };\n  /** Pass task data */\n  item: TaskItemProps;\n  /** The status is used to show the input error status and the info on tooltip in case of error */\n  error?: string;\n  /** Step Props */\n  step?: StepProps;\n  /** Stage data to pass it as callback */\n  stageItem: StageItemProps;\n  /** Category data to pass it as callback */\n  categoryItem: CategoryItemProps;\n  /** unique id of task */\n  id: string;\n}\n\nexport const StyledTaskList = styled.li(({ theme }) => {\n  return css`\n    list-style-type: none;\n    margin-block-end: ${theme.base.spacing};\n\n    &:last-child > article {\n      margin-block-end: 0;\n    }\n  `;\n});\n\nStyledTaskList.defaultProps = defaultThemeProp;\n\nexport const StyledCardHeader = styled.header(({ theme }) => {\n  return css`\n    padding: 0;\n    margin: 0 0 calc(0.5 * ${theme.base.spacing});\n  `;\n});\n\nStyledCardHeader.defaultProps = defaultThemeProp;\n\nexport const StyledCardContent = styled.div(() => {\n  return css`\n    padding: 0;\n  `;\n});\n\nexport const StyledTaskButton = styled.button(({ theme }) => {\n  return css`\n    background: ${theme.base.palette['primary-background']};\n    border: none;\n    height: ${theme.components.button.height};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    text-align: start;\n\n    &:hover {\n      cursor: pointer;\n    }\n\n    &:focus {\n      outline: none;\n    }\n  `;\n});\n\nStyledTaskButton.defaultProps = defaultThemeProp;\n\nexport const StyledTask = styled.article<{ hasFocus: boolean }>(({ hasFocus, theme }) => {\n  return css`\n    background: ${theme.base.palette['primary-background']};\n    border: 0.125rem solid transparent;\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    padding: calc(${theme.base.spacing} - 0.125rem);\n\n    ${hasFocus &&\n    css`\n      box-shadow: ${theme.base.shadow.focus};\n    `}\n\n    &:hover {\n      cursor: pointer;\n    }\n\n    &[aria-current='true'] {\n      border-color: ${theme.base.palette.interactive};\n    }\n  `;\n});\n\nStyledTask.defaultProps = defaultThemeProp;\n\nexport const StyledWarnIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n    margin-inline: ${theme.base.spacing};\n\n    &:hover {\n      cursor: pointer;\n    }\n  `;\n});\n\nStyledWarnIcon.defaultProps = defaultThemeProp;\n\nconst Task: FunctionComponent<TaskComponentProps & ForwardProps> = ({\n  value,\n  visual,\n  actions,\n  item,\n  addStepTitle,\n  addTask,\n  stageItem,\n  error,\n  onAddStep,\n  onClick,\n  categoryItem,\n  id,\n  step: stepProp,\n  nodeLibrary,\n  ...restProps\n}: PropsWithChildren<TaskComponentProps>) => {\n  const t = useI18n();\n  const { selectedItemId, readOnly } = useContext(LifeCycleContext);\n  const [taskHasFocus, setTaskHasFocus] = useState(false);\n  const [showLibrary, setLibrary] = useState(false);\n  const [popoverEl, setPopoverEl] = useElement<HTMLElement>(null);\n  const [addEl, setAddEl] = useElement();\n\n  const onActionItemClick = (\n    actionId: string,\n    e: MouseEvent<HTMLInputElement | HTMLAnchorElement | HTMLButtonElement>\n  ) => {\n    const param: LifeCycleActionParam = {\n      task: item,\n      stage: stageItem,\n      category: categoryItem\n    };\n    actions?.forEach(actionItem => {\n      if (actionItem.id === actionId) {\n        actionItem.onClick(param, e);\n      }\n    });\n  };\n  // Deep copy of actions is required to provide consistent callback objects on actions\n  const actionsClone: Action[] = [];\n\n  if (actions) {\n    actions.forEach(actionItem => {\n      const actionCloneItem = {} as Action;\n      Object.keys(actionItem).forEach((key: string) => {\n        actionCloneItem[key] = actionItem[key];\n      });\n      actionCloneItem.onClick = onActionItemClick;\n      actionsClone.push(actionCloneItem);\n      return actionItem;\n    });\n  }\n\n  const onTaskClick = (e: MouseEvent) => {\n    const actionParam: LifeCycleActionParam = {\n      value,\n      task: item,\n      stage: stageItem,\n      category: categoryItem,\n      type: 'Task'\n    };\n    onClick?.(actionParam, e);\n  };\n\n  const onLibraryItemSelect = useCallback(\n    (libItem: LibraryItem) => {\n      const param: LifeCycleActionParam = {\n        task: item,\n        stage: stageItem,\n        category: categoryItem\n      };\n      onAddStep?.(param, libItem);\n      setLibrary(false);\n    },\n    [onAddStep]\n  );\n\n  useEscape(() => {\n    setLibrary(false);\n  });\n\n  useOuterEvent('mousedown', [addEl, popoverEl], () => setLibrary(false));\n\n  return (\n    <StyledTaskList {...restProps} id={item.id}>\n      <Flex\n        as={StyledTask}\n        aria-current={selectedItemId === id ? 'true' : undefined}\n        container={{ direction: 'column' }}\n        id={`${id}-task`}\n        hasFocus={taskHasFocus && selectedItemId !== id}\n      >\n        <Flex as={StyledCardHeader} container={{ inline: true, alignItems: 'center' }}>\n          {visual?.imgurl.length > 0 && <Avatar name={value} imageSrc={visual?.imgurl} />}\n          {error && <StyledWarnIcon name='warn-solid' />}\n          <Flex\n            item={{ grow: 1 }}\n            container={{ inline: true, alignItems: 'center' }}\n            onClick={onTaskClick}\n          >\n            <StyledTaskButton\n              onFocus={() => {\n                setTaskHasFocus(true);\n              }}\n              onBlur={() => {\n                setTaskHasFocus(false);\n              }}\n              aria-label={t(error ? 'process_name_error' : 'process_name', [value])}\n            >\n              {value}\n            </StyledTaskButton>\n          </Flex>\n          {actionsClone && <Actions items={actionsClone} menuAt={2} iconOnly />}\n        </Flex>\n        <StyledCardContent>\n          {item?.steps.map((steps: StepItemProps) => {\n            const badgeStatus = steps?.status?.type ? steps.status.type : '';\n            const badgeLabel = steps?.status?.label ? steps.status.label : '';\n            return (\n              <Step\n                key={steps.id}\n                id={steps.id}\n                value={steps.label}\n                visual={{\n                  imgurl: steps.visual.imgurl,\n                  color: steps.visual.color,\n                  icon: steps.visual.icon,\n                  title: steps.visual.label\n                }}\n                item={steps}\n                taskItem={item}\n                stageItem={stageItem}\n                badge={{\n                  type: badgeStatus,\n                  label: badgeLabel\n                }}\n                error={steps.error}\n                categoryItem={categoryItem}\n                {...stepProp}\n              />\n            );\n          })}\n          {!readOnly && (\n            <>\n              <Button\n                variant='simple'\n                ref={setAddEl}\n                label={t('add_noun', [addStepTitle])}\n                onClick={() => setLibrary(prev => !prev)}\n                icon\n              >\n                <Icon name='plus' />\n              </Button>\n              <ItemLibrary\n                items={nodeLibrary}\n                show={showLibrary}\n                target={addEl as HTMLElement}\n                onClick={onLibraryItemSelect}\n                ref={setPopoverEl}\n                placeholder={t('search_nodes')}\n              />\n            </>\n          )}\n        </StyledCardContent>\n      </Flex>\n    </StyledTaskList>\n  );\n};\n\nexport default Task;\n"]}

package/lib/components/LifeCycle/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './LifeCycle';
-export type { StepItemProps, TaskItemProps, StageItemProps, CategoryItemProps, CategoriesItemProps, LifeCycleActionParam, LifeCycleAction, LifeCycleProps } from './LifeCycle.types';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/LifeCycle/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LifeCycle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,YAAY,EACV,aAAa,EACb,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,cAAc,EACf,MAAM,mBAAmB,CAAC"}

package/lib/components/LifeCycle/index.js

@@ -1,2 +0,0 @@
-export { default } from './LifeCycle';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LifeCycle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { default } from './LifeCycle';\nexport type {\n  StepItemProps,\n  TaskItemProps,\n  StageItemProps,\n  CategoryItemProps,\n  CategoriesItemProps,\n  LifeCycleActionParam,\n  LifeCycleAction,\n  LifeCycleProps\n} from './LifeCycle.types';\n"]}

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

@@ -1,8 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ForwardProps } from '@pega/cosmos-react-core';
-import { 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>;
-export default MobileBuildSummary;
-//# sourceMappingURL=MobileBuildSummary.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MobileBuildSummary.d.ts","sourceRoot":"","sources":["../../../src/components/MobileBuildSummary/MobileBuildSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAGvE,OAAO,EAUL,YAAY,EAUb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAIrE,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"}

package/lib/components/MobileBuildSummary/MobileBuildSummary.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-import { Button, Card, CardContent, CardHeader, defaultThemeProp, EmptyState, FieldValueList, Flex, formatNumber, Icon, Link, Progress, QRCode, registerIcon, Text, useConfiguration, useI18n, useUID } from '@pega/cosmos-react-core';
-import * as osAndroid from '@pega/cosmos-react-core/lib/components/Icon/icons/os-android.icon';
-import * as osApple from '@pega/cosmos-react-core/lib/components/Icon/icons/os-apple.icon';
-registerIcon(osAndroid, osApple);
-export const StyledInteractionTimerIconWrapper = styled.span `
-  position: relative;
-  min-height: 4rem;
-`;
-StyledInteractionTimerIconWrapper.defaultProps = defaultThemeProp;
-export const StyledContent = styled.div `
-  min-height: 10rem;
-`;
-StyledContent.defaultProps = defaultThemeProp;
-const MobileBuildSummary = forwardRef(function MobileBuildSummary({ type, progress = undefined, onBuild, buildSummary, ...restProps }, ref) {
-    const progressId = useUID();
-    const { locale } = useConfiguration();
-    const t = useI18n();
-    return (_jsxs(Card, { ...restProps, ref: ref, children: [_jsxs(CardHeader, { container: { alignItems: 'center', itemGap: 1 }, children: [_jsx(Icon, { name: type === 'android' ? 'os-android' : 'os-apple' }), _jsx(Text, { variant: 'h3', children: type === 'android' ? 'Android' : 'iOS' })] }), _jsx(CardContent, { children: _jsxs(_Fragment, { children: [progress === undefined && !buildSummary && (_jsxs(Flex, { container: { alignItems: 'center', gap: 1, direction: 'column', justify: 'center' }, as: StyledContent, children: [_jsx(EmptyState, { message: t('no_app_build') }), onBuild && (_jsx(Button, { variant: 'secondary', onClick: onBuild, children: t('build_app') }))] })), progress !== undefined && (_jsxs(Flex, { container: { alignItems: 'center', gap: 1, direction: 'column', justify: 'center' }, as: StyledContent, children: [_jsx(StyledInteractionTimerIconWrapper, { children: _jsx(Progress, { "aria-describedby": progressId, variant: 'ring', placement: 'local', message: formatNumber(progress / 100, {
-                                            locale,
-                                            options: { style: 'percent' }
-                                        }), value: progress, minValue: 0, maxValue: 100 }) }), _jsx(Text, { variant: 'secondary', id: progressId, children: t('build_in_progress') })] })), buildSummary && !progress && (_jsxs(Flex, { container: { wrap: 'wrap', gap: 2 }, as: StyledContent, children: [_jsx(Flex, { container: {
-                                        direction: 'column',
-                                        alignItems: 'center',
-                                        justify: 'center',
-                                        gap: 1,
-                                        pad: 2
-                                    }, children: _jsx(QRCode, { value: buildSummary.qrCodeUrl ?? buildSummary.downloadUrl }) }), _jsxs(Flex, { container: { direction: 'column', gap: 2 }, children: [_jsx(FieldValueList, { variant: 'inline', fields: buildSummary.summaryFields }), _jsxs(Flex, { container: { wrap: 'wrap', rowGap: 1 }, children: [onBuild && (_jsx(Button, { variant: 'secondary', onClick: onBuild, children: t('rebuild_app') })), _jsx(Link, { href: buildSummary.downloadUrl, variant: 'secondary', onClick: buildSummary.onDownload, children: t('download_app') })] })] })] }))] }) })] }));
-});
-export default MobileBuildSummary;
-//# sourceMappingURL=MobileBuildSummary.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MobileBuildSummary.js","sourceRoot":"","sources":["../../../src/components/MobileBuildSummary/MobileBuildSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, forwardRef, 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  ForwardProps,\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 * 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 { 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"]}

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

@@ -1,31 +0,0 @@
-import { Ref, MouseEventHandler } from 'react';
-import { BaseProps, FieldValueListItemProps } from '@pega/cosmos-react-core';
-export interface AppBuildProps {
-    /** URL to the application resource. */
-    downloadUrl: string;
-    /** QR code url. */
-    qrCodeUrl?: string;
-    /** Click handler for the download link. */
-    onDownload?: MouseEventHandler<HTMLAnchorElement>;
-    /** The set of field values to render in the list. */
-    summaryFields: FieldValueListItemProps[];
-}
-export interface MobileBuildSummaryProps extends BaseProps {
-    /** Determines which platform type should be rendered. */
-    type: 'android' | 'ios';
-    /**
-     * Progress state is visible with current progress, if provided.
-     * Value within the range of 0-100 should be passed.
-     */
-    progress?: number;
-    /**
-     * Callback when build or rebuild application button is clicked.
-     * If not passed, button will be not displayed.
-     */
-    onBuild?: () => void;
-    /** The build summary fields to display. */
-    buildSummary?: AppBuildProps;
-    /** Ref to the element. */
-    ref?: Ref<HTMLDivElement>;
-}
-//# sourceMappingURL=MobileBuildSummary.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MobileBuildSummary.types.d.ts","sourceRoot":"","sources":["../../../src/components/MobileBuildSummary/MobileBuildSummary.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAE7E,MAAM,WAAW,aAAa;IAC5B,uCAAuC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAClD,qDAAqD;IACrD,aAAa,EAAE,uBAAuB,EAAE,CAAC;CAC1C;AAED,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,yDAAyD;IACzD,IAAI,EAAE,SAAS,GAAG,KAAK,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,0BAA0B;IAC1B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}

package/lib/components/MobileBuildSummary/MobileBuildSummary.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MobileBuildSummary.types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MobileBuildSummary.types.js","sourceRoot":"","sources":["../../../src/components/MobileBuildSummary/MobileBuildSummary.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref, MouseEventHandler } from 'react';\n\nimport { BaseProps, FieldValueListItemProps } from '@pega/cosmos-react-core';\n\nexport interface AppBuildProps {\n  /** URL to the application resource. */\n  downloadUrl: string;\n  /** QR code url. */\n  qrCodeUrl?: string;\n  /** Click handler for the download link. */\n  onDownload?: MouseEventHandler<HTMLAnchorElement>;\n  /** The set of field values to render in the list. */\n  summaryFields: FieldValueListItemProps[];\n}\n\nexport interface MobileBuildSummaryProps extends BaseProps {\n  /** Determines which platform type should be rendered. */\n  type: 'android' | 'ios';\n  /**\n   * Progress state is visible with current progress, if provided.\n   * Value within the range of 0-100 should be passed.\n   */\n  progress?: number;\n  /**\n   * Callback when build or rebuild application button is clicked.\n   * If not passed, button will be not displayed.\n   */\n  onBuild?: () => void;\n  /** The build summary fields to display. */\n  buildSummary?: AppBuildProps;\n  /** Ref to the element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}

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

@@ -1,3 +0,0 @@
-export { default as MobileBuildSummary } from './MobileBuildSummary';
-export type { AppBuildProps, MobileBuildSummaryProps } from './MobileBuildSummary.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MobileBuildSummary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,YAAY,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC"}

package/lib/components/MobileBuildSummary/index.js

@@ -1,2 +0,0 @@
-export { default as MobileBuildSummary } from './MobileBuildSummary';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MobileBuildSummary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { default as MobileBuildSummary } from './MobileBuildSummary';\nexport type { AppBuildProps, MobileBuildSummaryProps } from './MobileBuildSummary.types';\n"]}

package/lib/components/ObjectPreview/ObjectPreview.d.ts

@@ -1,16 +0,0 @@
-import { FC, PropsWithoutRef, ReactNode, Ref } from 'react';
-import { Action, ActionsProps, ForwardProps, OmitStrict, DrawerProps } from '@pega/cosmos-react-core';
-import { PageHeaderProps } from '../PageTemplates/PageTemplates';
-export interface ObjectPreviewProps extends Pick<DrawerProps, 'onAfterOpen' | 'onAfterClose' | 'onBeforeOpen' | 'onBeforeClose'> {
-    open?: boolean;
-    header: OmitStrict<PageHeaderProps, 'status'>;
-    primaryAction?: Pick<Action, 'text' | 'onClick' | 'disabled'>;
-    secondaryAction?: Pick<Action, 'text' | 'onClick' | 'disabled'>;
-    additionalActions?: ActionsProps;
-    content: ReactNode;
-    onDismiss: () => void;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const ObjectPreview: FC<PropsWithoutRef<ObjectPreviewProps> & ForwardProps>;
-export default ObjectPreview;
-//# sourceMappingURL=ObjectPreview.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ObjectPreview.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectPreview/ObjectPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,EAAE,EAEF,eAAe,EACf,SAAS,EACT,GAAG,EAIJ,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,MAAM,EAEN,YAAY,EAGZ,YAAY,EAGZ,UAAU,EAIV,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,eAAe,EAA0B,MAAM,gCAAgC,CAAC;AAEzF,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,cAAc,GAAG,cAAc,GAAG,eAAe,CAAC;IAC5F,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,UAAU,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAC9D,eAAe,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAChE,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAuDD,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,GAAG,YAAY,CAyCzE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/ObjectPreview/ObjectPreview.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef, useEffect } from 'react';
-import styled from 'styled-components';
-import { Actions, Button, Flex, Icon, OneColumnPage, Drawer, useI18n, useConsolidatedRef } from '@pega/cosmos-react-core';
-import { PageHeader, StyledPage } from '../PageTemplates/PageTemplates';
-const StyledObjectPreview = styled(Drawer) `
-  height: calc(100vh - 3rem);
-  top: 3rem;
-`;
-const PreviewHeader = ({ header, primaryAction, secondaryAction, additionalActions, onDismiss, dismissButtonRef }) => {
-    const t = useI18n();
-    return (_jsxs(Flex, { container: { direction: 'column', rowGap: 1 }, children: [_jsxs(Flex, { container: { justify: 'between' }, children: [_jsx(Button, { icon: true, variant: 'simple', ref: dismissButtonRef, label: t('dismiss_label_a11y'), onClick: onDismiss, children: _jsx(Icon, { name: 'times' }) }), _jsxs(Flex, { container: true, children: [secondaryAction && (_jsx(Button, { onClick: secondaryAction.onClick, disabled: secondaryAction.disabled, children: secondaryAction.text })), primaryAction && (_jsx(Button, { variant: 'primary', onClick: primaryAction.onClick, disabled: primaryAction.disabled, children: primaryAction.text })), additionalActions && _jsx(Actions, { ...additionalActions })] })] }), _jsx(PageHeader, { ...header, titleTag: 'h2' })] }));
-};
-const ObjectPreview = forwardRef(function ObjectPreview({ content, header, open, onAfterOpen, onAfterClose, onBeforeOpen, onBeforeClose, ...restprops }, ref) {
-    const contentRef = useConsolidatedRef(ref);
-    const dismissButtonRef = useRef(null);
-    useEffect(() => {
-        if (open && contentRef.current) {
-            contentRef.current?.querySelector('button')?.focus();
-        }
-    }, [open]);
-    return (_jsx(StyledObjectPreview, { ref: contentRef, open: !!open, nullWhenClosed: true, position: 'fixed', size: '30%', shadow: true, placement: 'right', onAfterOpen: onAfterOpen, onAfterClose: onAfterClose, onBeforeOpen: onBeforeOpen, onBeforeClose: onBeforeClose, children: _jsx(OneColumnPage, { ref: contentRef, title: header.title, as: StyledPage, header: _jsx(PreviewHeader, { dismissButtonRef: dismissButtonRef, header: header, ...restprops }), scrollContent: true, a: content }) }));
-});
-export default ObjectPreview;
-//# sourceMappingURL=ObjectPreview.js.map

package/lib/components/ObjectPreview/ObjectPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ObjectPreview.js","sourceRoot":"","sources":["../../../src/components/ObjectPreview/ObjectPreview.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FC,\n  forwardRef,\n  PropsWithoutRef,\n  ReactNode,\n  Ref,\n  useRef,\n  useEffect,\n  RefObject\n} from 'react';\nimport styled from 'styled-components';\n\nimport {\n  Action,\n  Actions,\n  ActionsProps,\n  Button,\n  Flex,\n  ForwardProps,\n  Icon,\n  OneColumnPage,\n  OmitStrict,\n  Drawer,\n  useI18n,\n  useConsolidatedRef,\n  DrawerProps\n} from '@pega/cosmos-react-core';\n\nimport { PageHeaderProps, PageHeader, StyledPage } from '../PageTemplates/PageTemplates';\n\nexport interface ObjectPreviewProps\n  extends Pick<DrawerProps, 'onAfterOpen' | 'onAfterClose' | 'onBeforeOpen' | 'onBeforeClose'> {\n  open?: boolean;\n  header: OmitStrict<PageHeaderProps, 'status'>;\n  primaryAction?: Pick<Action, 'text' | 'onClick' | 'disabled'>;\n  secondaryAction?: Pick<Action, 'text' | 'onClick' | 'disabled'>;\n  additionalActions?: ActionsProps;\n  content: ReactNode;\n  onDismiss: () => void;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst StyledObjectPreview = styled(Drawer)`\n  height: calc(100vh - 3rem);\n  top: 3rem;\n`;\n\nconst PreviewHeader: FC<\n  OmitStrict<ObjectPreviewProps, 'ref' | 'content' | 'open'> & {\n    dismissButtonRef: RefObject<HTMLButtonElement>;\n  }\n> = ({\n  header,\n  primaryAction,\n  secondaryAction,\n  additionalActions,\n  onDismiss,\n  dismissButtonRef\n}) => {\n  const t = useI18n();\n  return (\n    <Flex container={{ direction: 'column', rowGap: 1 }}>\n      <Flex container={{ justify: 'between' }}>\n        <Button\n          icon\n          variant='simple'\n          ref={dismissButtonRef}\n          label={t('dismiss_label_a11y')}\n          onClick={onDismiss}\n        >\n          <Icon name='times' />\n        </Button>\n        <Flex container>\n          {secondaryAction && (\n            <Button onClick={secondaryAction.onClick} disabled={secondaryAction.disabled}>\n              {secondaryAction.text}\n            </Button>\n          )}\n          {primaryAction && (\n            <Button\n              variant='primary'\n              onClick={primaryAction.onClick}\n              disabled={primaryAction.disabled}\n            >\n              {primaryAction.text}\n            </Button>\n          )}\n          {additionalActions && <Actions {...additionalActions} />}\n        </Flex>\n      </Flex>\n      <PageHeader {...header} titleTag='h2' />\n    </Flex>\n  );\n};\n\nconst ObjectPreview: FC<PropsWithoutRef<ObjectPreviewProps> & ForwardProps> = forwardRef(\n  function ObjectPreview(\n    { content, header, open, onAfterOpen, onAfterClose, onBeforeOpen, onBeforeClose, ...restprops },\n    ref: ObjectPreviewProps['ref']\n  ) {\n    const contentRef = useConsolidatedRef<HTMLDivElement>(ref);\n    const dismissButtonRef = useRef<HTMLButtonElement>(null);\n\n    useEffect(() => {\n      if (open && contentRef.current) {\n        contentRef.current?.querySelector('button')?.focus();\n      }\n    }, [open]);\n\n    return (\n      <StyledObjectPreview\n        ref={contentRef}\n        open={!!open}\n        nullWhenClosed\n        position='fixed'\n        size='30%'\n        shadow\n        placement='right'\n        onAfterOpen={onAfterOpen}\n        onAfterClose={onAfterClose}\n        onBeforeOpen={onBeforeOpen}\n        onBeforeClose={onBeforeClose}\n      >\n        <OneColumnPage\n          ref={contentRef}\n          title={header.title}\n          as={StyledPage}\n          header={\n            <PreviewHeader dismissButtonRef={dismissButtonRef} header={header} {...restprops} />\n          }\n          scrollContent\n          a={content}\n        />\n      </StyledObjectPreview>\n    );\n  }\n);\n\nexport default ObjectPreview;\n"]}

package/lib/components/ObjectPreview/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ObjectPreview } from './ObjectPreview';
-export * from './ObjectPreview';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/ObjectPreview/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectPreview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC"}

package/lib/components/ObjectPreview/index.js

@@ -1,3 +0,0 @@
-export { default as ObjectPreview } from './ObjectPreview';
-export * from './ObjectPreview';
-//# sourceMappingURL=index.js.map

package/lib/components/ObjectPreview/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ObjectPreview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC","sourcesContent":["export { default as ObjectPreview } from './ObjectPreview';\nexport * from './ObjectPreview';\n"]}

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

@@ -1,15 +0,0 @@
-import { FunctionComponent, MouseEventHandler } from 'react';
-import { 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'];
-    loading: MenuProps['loading'];
-    onSelect: MenuItemProps['onClick'];
-    createProps?: {
-        onClick?: MouseEventHandler<HTMLButtonElement>;
-        href?: ButtonProps['href'];
-    };
-    ref?: ComboBoxProps['ref'];
-}
-declare const ObjectPicker: FunctionComponent<ObjectPickerProps>;
-export default ObjectPicker;
-//# sourceMappingURL=ObjectPicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ObjectPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,SAAS,EAGT,SAAS,EACT,aAAa,EAEb,aAAa,EACb,cAAc,EAMd,WAAW,EAEZ,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"}

package/lib/components/ObjectSelect/ObjectPicker.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useMemo } from 'react';
-import { ComboBox, menuHelpers, createStringMatcher, Flex, Button, Icon, useI18n, useConsolidatedRef, registerIcon } from '@pega/cosmos-react-core';
-import * as openIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/open.icon';
-import * as plusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';
-registerIcon(openIcon, plusIcon);
-const ObjectPicker = forwardRef(function ObjectPicker({ items, onSelect, createProps, loading, ...restProps }, ref) {
-    const [filterValue, setFilterValue] = useState('');
-    const filterRegex = filterValue ? createStringMatcher(filterValue) : undefined;
-    const t = useI18n();
-    const comboboxRef = useConsolidatedRef(ref);
-    const itemsToRender = useMemo(() => {
-        const newItems = filterValue
-            ? menuHelpers.flatten(items).filter(({ primary }) => {
-                return filterRegex?.test(primary);
-            })
-            : items;
-        return menuHelpers.mapTree(newItems, item => ({
-            ...item,
-            selected: item.items ? undefined : !!item.selected
-        }));
-    }, [filterValue, items]);
-    return (_jsx(ComboBox, { ...restProps, ref: comboboxRef, mode: 'single-select', value: filterValue, onChange: (e) => setFilterValue(e.target.value), onBlur: () => setFilterValue(''), menu: {
-            items: itemsToRender,
-            onItemClick: onSelect,
-            accent: filterRegex,
-            loading,
-            footer: createProps ? (_jsx(Flex, { container: { justify: 'start' }, children: _jsxs(Button, { type: 'button', variant: 'simple', onClick: createProps.onClick, ...(createProps.href && {
-                        href: createProps.href,
-                        target: '_blank',
-                        'aria-label': t('create_in_new_tab')
-                    }), children: [_jsx(Icon, { name: 'plus' }), t('create_new'), createProps.href && _jsx(Icon, { name: 'open' })] }) })) : undefined
-        }, onKeyDown: e => {
-            if (e.key === 'Tab') {
-                return false;
-            }
-        } }));
-});
-export default ObjectPicker;
-//# sourceMappingURL=ObjectPicker.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ObjectPicker.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useState,\n  useMemo,\n  ChangeEvent,\n  FunctionComponent,\n  MouseEventHandler\n} from 'react';\n\nimport {\n  BaseProps,\n  ComboBox,\n  menuHelpers,\n  MenuProps,\n  MenuItemProps,\n  createStringMatcher,\n  ComboBoxProps,\n  NoChildrenProp,\n  Flex,\n  Button,\n  Icon,\n  useI18n,\n  useConsolidatedRef,\n  ButtonProps,\n  registerIcon\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"]}

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

@@ -1,32 +0,0 @@
-import { Ref } from 'react';
-import { BaseProps, FormControlProps, MenuItemProps, NoChildrenProp, MenuProps, ForwardProps } from '@pega/cosmos-react-core';
-import { ObjectPickerProps } from './ObjectPicker';
-import { ObjectSummaryProps } from './ObjectSummary';
-import { CreateModalActionProps, UseCreateModalConfig } from './useCreateModal';
-export interface ObjectSelectProps<P extends object = object> extends BaseProps, NoChildrenProp, Omit<FormControlProps, 'value'> {
-    /** An array of MenuItemProps to be shown in the ObjectPicker menu. */
-    items: MenuProps['items'];
-    /** Boolean to trigger loading state for combobox menu */
-    loading?: ObjectPickerProps['loading'];
-    /** The value for the ObjectSummary */
-    value?: ObjectSummaryProps['value'];
-    /** Props for configuration popover */
-    configuration?: ObjectSummaryProps['configuration'];
-    /** Callback fired when a new item is selected and on clearing the selected item. */
-    onChange: MenuItemProps['onClick'];
-    /** Callback fired when the preview in the ObjectSummary link is clicked. */
-    onPreview?: (id: MenuItemProps['id'], e: {
-        href: string;
-    }) => void;
-    /** Callback fired on click of the link inside summary item */
-    onLinkClick?: ObjectSummaryProps['onLinkClick'];
-    /** New object creation form options or a link */
-    createConfiguration?: (UseCreateModalConfig<P> & CreateModalActionProps<P>) | {
-        href: string;
-    };
-    /** Ref placed on the element. */
-    ref?: Ref<HTMLDivElement>;
-}
-declare const ObjectSelect: <P extends object = object>(props: ObjectSelectProps<P> & ForwardProps) => JSX.Element | null;
-export default ObjectSelect;
-//# sourceMappingURL=ObjectSelect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ObjectSelect.d.ts","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,GAAG,EAA+B,MAAM,OAAO,CAAC;AAEtF,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,SAAS,EACT,YAAY,EAGb,MAAM,yBAAyB,CAAC;AAEjC,OAAqB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAsB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAuB,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEhG,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAC1D,SAAQ,SAAS,EACf,cAAc,EACd,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACjC,sEAAsE;IACtE,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1B,yDAAyD;IACzD,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACvC,sCAAsC;IACtC,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,sCAAsC;IACtC,aAAa,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACpD,oFAAoF;IACpF,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,8DAA8D;IAC9D,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAChD,iDAAiD;IACjD,mBAAmB,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/F,iCAAiC;IACjC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,6EAiF+D,WAAW,GAAG,IAAI,CAAC;AAEpG,eAAe,YAAY,CAAC"}

package/lib/components/ObjectSelect/ObjectSelect.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useRef, useState } from 'react';
-import { useAfterInitialEffect, hasProp } from '@pega/cosmos-react-core';
-import ObjectPicker from './ObjectPicker';
-import ObjectSummary from './ObjectSummary';
-import useCreateModal from './useCreateModal';
-const ObjectSelect = forwardRef(function ObjectSelect({ items, value, configuration, disabled, onChange, onPreview, onLinkClick, loading, createConfiguration, ...restProps }, ref) {
-    const [mode, setMode] = useState(value ? 'summary' : 'picker');
-    const objectPickerRef = useRef(null);
-    const objectSummaryRef = useRef(null);
-    const isCreateModalConfig = createConfiguration && hasProp(createConfiguration, 'renderer');
-    useAfterInitialEffect(() => {
-        const element = mode === 'summary'
-            ? objectSummaryRef.current?.querySelector('a')
-            : objectPickerRef.current?.querySelector('input');
-        element?.focus();
-    }, [mode]);
-    const { renderModal } = useCreateModal(isCreateModalConfig
-        ? {
-            ...createConfiguration,
-            onAfterClose: () => {
-                createConfiguration.onAfterClose?.();
-                setMode('summary');
-            }
-        }
-        : undefined);
-    useEffect(() => {
-        if (mode === 'create' && isCreateModalConfig) {
-            renderModal(createConfiguration);
-        }
-    }, [mode, createConfiguration]);
-    return (_jsx("div", { ref: ref, children: value ? (_jsx(ObjectSummary, { ...restProps, value: value, disabled: disabled, onDelete: e => {
-                setMode('picker');
-                onChange?.('', e);
-            }, ref: objectSummaryRef, configuration: configuration, onPreview: e => onPreview?.(value.id, e), onLinkClick: onLinkClick })) : (_jsx(ObjectPicker, { ...restProps, loading: loading, disabled: disabled, ref: objectPickerRef, items: items, onSelect: (id, e) => {
-                setMode('summary');
-                onChange?.(id, e);
-            }, createProps: isCreateModalConfig ? { onClick: () => setMode('create') } : createConfiguration })) }));
-});
-export default ObjectSelect;
-//# sourceMappingURL=ObjectSelect.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ObjectSelect.js","sourceRoot":"","sources":["../../../src/components/ObjectSelect/ObjectSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, PropsWithoutRef, Ref, useEffect, useRef, useState } from 'react';\n\nimport {\n  BaseProps,\n  FormControlProps,\n  MenuItemProps,\n  NoChildrenProp,\n  MenuProps,\n  ForwardProps,\n  useAfterInitialEffect,\n  hasProp\n} from '@pega/cosmos-react-core';\n\nimport ObjectPicker, { ObjectPickerProps } from './ObjectPicker';\nimport ObjectSummary, { ObjectSummaryProps } from './ObjectSummary';\nimport useCreateModal, { CreateModalActionProps, UseCreateModalConfig } from './useCreateModal';\n\nexport interface ObjectSelectProps<P extends object = object>\n  extends BaseProps,\n    NoChildrenProp,\n    Omit<FormControlProps, 'value'> {\n  /** An array of MenuItemProps to be shown in the ObjectPicker menu. */\n  items: MenuProps['items'];\n  /** Boolean to trigger loading state for combobox menu */\n  loading?: ObjectPickerProps['loading'];\n  /** The value for the ObjectSummary */\n  value?: ObjectSummaryProps['value'];\n  /** Props for configuration popover */\n  configuration?: ObjectSummaryProps['configuration'];\n  /** Callback fired when a new item is selected and on clearing the selected item. */\n  onChange: MenuItemProps['onClick'];\n  /** Callback fired when the preview in the ObjectSummary link is clicked. */\n  onPreview?: (id: MenuItemProps['id'], e: { href: string }) => void;\n  /** Callback fired on click of the link inside summary item */\n  onLinkClick?: ObjectSummaryProps['onLinkClick'];\n  /** New object creation form options or a link */\n  createConfiguration?: (UseCreateModalConfig<P> & CreateModalActionProps<P>) | { href: string };\n  /** Ref placed on the element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst ObjectSelect = forwardRef(function ObjectSelect<P extends object = object>(\n  {\n    items,\n    value,\n    configuration,\n    disabled,\n    onChange,\n    onPreview,\n    onLinkClick,\n    loading,\n    createConfiguration,\n    ...restProps\n  }: PropsWithoutRef<ObjectSelectProps<P>> & ForwardProps,\n  ref: ObjectSelectProps['ref']\n) {\n  const [mode, setMode] = useState<'picker' | 'summary' | 'create'>(value ? 'summary' : 'picker');\n  const objectPickerRef = useRef<HTMLDivElement>(null);\n  const objectSummaryRef = useRef<HTMLDivElement>(null);\n\n  const isCreateModalConfig = createConfiguration && hasProp(createConfiguration, 'renderer');\n\n  useAfterInitialEffect(() => {\n    const element =\n      mode === 'summary'\n        ? objectSummaryRef.current?.querySelector('a')\n        : objectPickerRef.current?.querySelector('input');\n    element?.focus();\n  }, [mode]);\n\n  const { renderModal } = useCreateModal(\n    isCreateModalConfig\n      ? {\n          ...createConfiguration,\n          onAfterClose: () => {\n            createConfiguration.onAfterClose?.();\n            setMode('summary');\n          }\n        }\n      : undefined\n  );\n\n  useEffect(() => {\n    if (mode === 'create' && isCreateModalConfig) {\n      renderModal(createConfiguration);\n    }\n  }, [mode, createConfiguration]);\n\n  return (\n    <div ref={ref}>\n      {value ? (\n        <ObjectSummary\n          {...restProps}\n          value={value}\n          disabled={disabled}\n          onDelete={e => {\n            setMode('picker');\n            onChange?.('', e);\n          }}\n          ref={objectSummaryRef}\n          configuration={configuration}\n          onPreview={e => onPreview?.(value.id, e)}\n          onLinkClick={onLinkClick}\n        />\n      ) : (\n        <ObjectPicker\n          {...restProps}\n          loading={loading}\n          disabled={disabled}\n          ref={objectPickerRef}\n          items={items}\n          onSelect={(id, e) => {\n            setMode('summary');\n            onChange?.(id, e);\n          }}\n          createProps={\n            isCreateModalConfig ? { onClick: () => setMode('create') } : createConfiguration\n          }\n        />\n      )}\n    </div>\n  );\n}) as <P extends object = object>(props: ObjectSelectProps<P> & ForwardProps) => JSX.Element | null;\n\nexport default ObjectSelect;\n"]}