@pega/cosmos-react-work 3.0.0-dev.12.0 → 3.0.0-dev.15.0

package/lib/components/Stages/Steps.d.ts

@@ -1,8 +0,0 @@
-import { FunctionComponent } from 'react';
-import { StepProps } from './Stages.types';
-interface StepsProps {
-    steps?: StepProps[];
-}
-declare const Steps: FunctionComponent<StepsProps>;
-export default Steps;
-//# sourceMappingURL=Steps.d.ts.map

package/lib/components/Stages/Steps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../src/components/Stages/Steps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,CAcxC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Stages/Steps.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon, registerIcon, Text, Grid } from '@pega/cosmos-react-core';
-import * as checkIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/check.icon';
-import * as circleSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/circle-solid.icon';
-import { StyledStep, StyledStepsContainer } from './Stages.styles';
-registerIcon(checkIcon, circleSolidIcon);
-const Steps = ({ steps }) => {
-    return (_jsx(StyledStepsContainer, { children: steps &&
-            steps.map(({ id, name, complete }) => (_jsx(StyledStep, { complete: complete, children: _jsxs(Grid, { container: { cols: '1.625rem 1fr' }, children: [_jsx(Icon, { name: complete ? 'check' : 'circle-solid' }), _jsx(Text, { children: name })] }) }, id))) }));
-};
-export default Steps;
-//# sourceMappingURL=Steps.js.map

package/lib/components/Stages/Steps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../../src/components/Stages/Steps.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,SAAS,MAAM,8DAA8D,CAAC;AAC1F,OAAO,KAAK,eAAe,MAAM,qEAAqE,CAAC;AAGvG,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEnE,YAAY,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAMzC,MAAM,KAAK,GAAkC,CAAC,EAAE,KAAK,EAA+B,EAAE,EAAE;IACtF,OAAO,CACL,KAAC,oBAAoB,cAClB,KAAK;YACJ,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpC,KAAC,UAAU,IAAU,QAAQ,EAAE,QAAQ,YACrC,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,aACvC,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,GAAI,EACnD,KAAC,IAAI,cAAE,IAAI,GAAQ,IACd,IAJQ,EAAE,CAKN,CACd,CAAC,GACiB,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { PropsWithoutRef, FunctionComponent } from 'react';\n\nimport { Icon, registerIcon, Text, Grid } from '@pega/cosmos-react-core';\nimport * as checkIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/check.icon';\nimport * as circleSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/circle-solid.icon';\n\nimport { StepProps } from './Stages.types';\nimport { StyledStep, StyledStepsContainer } from './Stages.styles';\n\nregisterIcon(checkIcon, circleSolidIcon);\n\ninterface StepsProps {\n  steps?: StepProps[];\n}\n\nconst Steps: FunctionComponent<StepsProps> = ({ steps }: PropsWithoutRef<StepsProps>) => {\n  return (\n    <StyledStepsContainer>\n      {steps &&\n        steps.map(({ id, name, complete }) => (\n          <StyledStep key={id} complete={complete}>\n            <Grid container={{ cols: '1.625rem 1fr' }}>\n              <Icon name={complete ? 'check' : 'circle-solid'} />\n              <Text>{name}</Text>\n            </Grid>\n          </StyledStep>\n        ))}\n    </StyledStepsContainer>\n  );\n};\n\nexport default Steps;\n"]}

package/lib/components/Stages/StepsContainer.d.ts

@@ -1,8 +0,0 @@
-import { FunctionComponent } from 'react';
-import { StagesProps } from './Stages.types';
-export interface StepsContainerProps {
-    currentStage: StagesProps['stages'];
-}
-declare const StepsContainer: FunctionComponent<StepsContainerProps>;
-export default StepsContainer;
-//# sourceMappingURL=StepsContainer.d.ts.map

package/lib/components/Stages/StepsContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Stages/StepsContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAmB,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;CACrC;AAED,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAqB1D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/Stages/StepsContainer.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, Icon, registerIcon, DateTimeDisplay, Text } from '@pega/cosmos-react-core';
-import * as checkIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/check.icon';
-import Steps from './Steps';
-import { StyledDateTimeDisplay, StyledInnerStep, StyledSteps } from './Stages.styles';
-registerIcon(checkIcon);
-const StepsContainer = ({ currentStage }) => {
-    return (_jsxs(Flex, { as: StyledSteps, container: { direction: 'column' }, item: { grow: 1 }, children: [_jsxs(StyledInnerStep, { complete: currentStage[0]?.complete, children: [currentStage[0]?.complete && _jsx(Icon, { name: 'check' }), _jsx(Text, { variant: 'h2', children: currentStage[0]?.name })] }), currentStage[0]?.date && (_jsx(DateTimeDisplay, { as: StyledDateTimeDisplay, value: currentStage[0]?.date, variant: 'relative', format: 'short' })), _jsx(Steps, { steps: currentStage[0].steps })] }));
-};
-export default StepsContainer;
-//# sourceMappingURL=StepsContainer.js.map

package/lib/components/Stages/StepsContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsContainer.js","sourceRoot":"","sources":["../../../src/components/Stages/StepsContainer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,KAAK,SAAS,MAAM,8DAA8D,CAAC;AAE1F,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtF,YAAY,CAAC,SAAS,CAAC,CAAC;AAMxB,MAAM,cAAc,GAA2C,CAAC,EAC9D,YAAY,EACyB,EAAE,EAAE;IACzC,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,aAC1E,MAAC,eAAe,IAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,QAAQ,aACjD,YAAY,CAAC,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,EACnD,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,GAAQ,IACjC,EACjB,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CACxB,KAAC,eAAe,IACd,EAAE,EAAE,qBAAqB,EACzB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,EAC5B,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,OAAO,GACd,CACH,EAED,KAAC,KAAK,IAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,GAAI,IAClC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { FunctionComponent, PropsWithoutRef } from 'react';\n\nimport { Flex, Icon, registerIcon, DateTimeDisplay, Text } from '@pega/cosmos-react-core';\nimport * as checkIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/check.icon';\n\nimport Steps from './Steps';\nimport { StagesProps } from './Stages.types';\nimport { StyledDateTimeDisplay, StyledInnerStep, StyledSteps } from './Stages.styles';\n\nregisterIcon(checkIcon);\n\nexport interface StepsContainerProps {\n  currentStage: StagesProps['stages'];\n}\n\nconst StepsContainer: FunctionComponent<StepsContainerProps> = ({\n  currentStage\n}: PropsWithoutRef<StepsContainerProps>) => {\n  return (\n    <Flex as={StyledSteps} container={{ direction: 'column' }} item={{ grow: 1 }}>\n      <StyledInnerStep complete={currentStage[0]?.complete}>\n        {currentStage[0]?.complete && <Icon name='check' />}\n        <Text variant='h2'>{currentStage[0]?.name}</Text>\n      </StyledInnerStep>\n      {currentStage[0]?.date && (\n        <DateTimeDisplay\n          as={StyledDateTimeDisplay}\n          value={currentStage[0]?.date}\n          variant='relative'\n          format='short'\n        />\n      )}\n\n      <Steps steps={currentStage[0].steps} />\n    </Flex>\n  );\n};\n\nexport default StepsContainer;\n"]}