@pega/cosmos-react-wss 3.0.0-dev.22.0 → 3.0.0-dev.23.2

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

@@ -0,0 +1,36 @@
+import { FC, ReactNode, Ref } from 'react';
+import { ForwardProps } from '@pega/cosmos-react-core';
+export interface BannerOptions {
+    /** An image url for the banner */
+    backgroundImage?: string;
+    /** A title for the banner */
+    title: string;
+    /** A fallback background color if the background image is not provided */
+    backgroundColor?: string;
+    /** Text that will appear below the title */
+    message?: string;
+    /** The light variant will provide a white translucent filter over the background image
+     * with dark text. The dark variant will provide the opposite.
+     * @default 'light'
+     */
+    variant?: 'light' | 'dark';
+    /** Toggles the translucent filter provided by the variant
+     * @default true
+     */
+    tintImage?: boolean;
+}
+export interface BannerPageProps {
+    banner: BannerOptions;
+    /** Content for the first column */
+    a: ReactNode;
+    /** Content for the second column. If not provided the first column will stretch. */
+    b?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+    /** Variants for the sizing of the content columns. Two column will make the columns equal in size. */
+    variant?: 'two-column' | 'narrow-wide' | 'wide-narrow';
+}
+export declare const StyledBannerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<BannerOptions, "backgroundColor" | "backgroundImage">, never>;
+export declare const StyledBanner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<BannerOptions, "backgroundColor" | "backgroundImage" | "variant" | "tintImage">, never>;
+export declare const StyledContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const BannerPage: FC<BannerPageProps & ForwardProps>;
+//# sourceMappingURL=BannerPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerPage.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/BannerPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGxE,OAAO,EAGL,YAAY,EAIb,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,aAAa;IAC5B,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,aAAa,CAAC;IACtB,mCAAmC;IACnC,CAAC,EAAE,SAAS,CAAC;IACb,oFAAoF;IACpF,CAAC,CAAC,EAAE,SAAS,CAAC;IACd,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,sGAAsG;IACtG,OAAO,CAAC,EAAE,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC;CACxD;AAED,eAAO,MAAM,qBAAqB,iKAmBhC,CAAC;AAIH,eAAO,MAAM,YAAY,2LA+BxB,CAAC;AAIF,eAAO,MAAM,sBAAsB,yGAmBlC,CAAC;AAUF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,GAAG,YAAY,CA4CzD,CAAC"}

package/lib/components/PageTemplates/BannerPage.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { readableColor, transparentize } from 'polished';
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { defaultThemeProp, Flex, Grid, Text, tryCatch } from '@pega/cosmos-react-core';
+export const StyledBannerContainer = styled.div(({ backgroundImage, backgroundColor, theme }) => {
+    return css `
+    width: 100%;
+    height: calc(${theme.base.spacing} * 38);
+
+    ${backgroundImage &&
+        css `
+      background-image: url('${backgroundImage}');
+      background-size: cover;
+      background-position: center;
+    `}
+
+    ${backgroundColor &&
+        css `
+      background-color: ${backgroundColor};
+    `}
+  `;
+});
+StyledBannerContainer.defaultProps = defaultThemeProp;
+export const StyledBanner = styled.div(({ variant = 'light', backgroundColor, backgroundImage, tintImage = true, theme: { base: { palette: { light, dark } } } }) => {
+    let textColor = variant === 'light' ? dark : light;
+    let overlayColor = variant === 'light' ? transparentize(0.3, light) : transparentize(0.3, dark);
+    if (backgroundColor && !backgroundImage) {
+        textColor = tryCatch(() => readableColor(backgroundColor, light, dark)) ?? dark;
+        overlayColor = 'transparent';
+    }
+    else if (!backgroundColor && !backgroundImage) {
+        overlayColor = 'transparent';
+        textColor = dark;
+    }
+    return css `
+      background-color: ${tintImage ? overlayColor : 'transparent'};
+      color: ${textColor};
+      width: 100%;
+      height: 100%;
+      text-align: center;
+    `;
+});
+StyledBanner.defaultProps = defaultThemeProp;
+export const StyledContentContainer = styled.div(({ theme: { base: { breakpoints, spacing } } }) => {
+    return css `
+      padding: calc(${spacing} * 2);
+      width: 100%;
+      margin: 0 auto;
+      @media screen and (min-width: ${breakpoints.md}) {
+        width: 100%;
+        padding: calc(${spacing} * 2.5);
+      }
+      @media screen and (min-width: ${breakpoints.lg}) {
+        max-width: 93.75rem;
+      }
+    `;
+});
+StyledContentContainer.defaultProps = defaultThemeProp;
+const variantMap = {
+    'two-column': '1fr 1fr',
+    'narrow-wide': '3fr 7fr',
+    'wide-narrow': '7fr 3fr'
+};
+export const BannerPage = forwardRef(({ banner, a, b, variant = 'two-column', ...restProps }, ref) => {
+    const gridCols = variantMap[variant];
+    return (_jsxs("div", { ref: ref, ...restProps, children: [banner && (_jsx(StyledBannerContainer, { backgroundImage: banner.backgroundImage, backgroundColor: banner.backgroundColor, children: _jsx(Flex, { variant: banner.variant, backgroundImage: banner.backgroundImage, backgroundColor: banner.backgroundColor, as: StyledBanner, container: { justify: 'center', alignItems: 'center', direction: 'column', gap: 1 }, tintImage: banner.tintImage, children: _jsxs(StyledContentContainer, { children: [_jsx(Text, { variant: 'h1', children: banner.title }), banner.message && (_jsx(Text, { variant: 'primary', as: 'p', children: banner.message }))] }) }) })), _jsxs(Grid, { container: { gap: 2 }, md: { container: { cols: '1fr' } }, lg: { container: { cols: b ? `${gridCols}` : '1fr' } }, as: StyledContentContainer, children: [_jsx("div", { children: a }), b && _jsx("div", { children: b })] })] }));
+});
+//# sourceMappingURL=BannerPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerPage.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/BannerPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { readableColor, transparentize } from 'polished';\nimport { FC, forwardRef, PropsWithoutRef, ReactNode, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  defaultThemeProp,\n  Flex,\n  ForwardProps,\n  Grid,\n  Text,\n  tryCatch\n} from '@pega/cosmos-react-core';\n\nexport interface BannerOptions {\n  /** An image url for the banner */\n  backgroundImage?: string;\n  /** A title for the banner */\n  title: string;\n  /** A fallback background color if the background image is not provided */\n  backgroundColor?: string;\n  /** Text that will appear below the title */\n  message?: string;\n  /** The light variant will provide a white translucent filter over the background image\n   * with dark text. The dark variant will provide the opposite.\n   * @default 'light'\n   */\n  variant?: 'light' | 'dark';\n  /** Toggles the translucent filter provided by the variant\n   * @default true\n   */\n  tintImage?: boolean;\n}\n\nexport interface BannerPageProps {\n  banner: BannerOptions;\n  /** Content for the first column */\n  a: ReactNode;\n  /** Content for the second column. If not provided the first column will stretch. */\n  b?: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Variants for the sizing of the content columns. Two column will make the columns equal in size. */\n  variant?: 'two-column' | 'narrow-wide' | 'wide-narrow';\n}\n\nexport const StyledBannerContainer = styled.div<\n  Pick<BannerOptions, 'backgroundImage' | 'backgroundColor'>\n>(({ backgroundImage, backgroundColor, theme }) => {\n  return css`\n    width: 100%;\n    height: calc(${theme.base.spacing} * 38);\n\n    ${backgroundImage &&\n    css`\n      background-image: url('${backgroundImage}');\n      background-size: cover;\n      background-position: center;\n    `}\n\n    ${backgroundColor &&\n    css`\n      background-color: ${backgroundColor};\n    `}\n  `;\n});\n\nStyledBannerContainer.defaultProps = defaultThemeProp;\n\nexport const StyledBanner = styled.div<\n  Pick<BannerOptions, 'variant' | 'backgroundColor' | 'backgroundImage' | 'tintImage'>\n>(\n  ({\n    variant = 'light',\n    backgroundColor,\n    backgroundImage,\n    tintImage = true,\n    theme: {\n      base: {\n        palette: { light, dark }\n      }\n    }\n  }) => {\n    let textColor = variant === 'light' ? dark : light;\n    let overlayColor = variant === 'light' ? transparentize(0.3, light) : transparentize(0.3, dark);\n    if (backgroundColor && !backgroundImage) {\n      textColor = tryCatch(() => readableColor(backgroundColor, light, dark)) ?? dark;\n      overlayColor = 'transparent';\n    } else if (!backgroundColor && !backgroundImage) {\n      overlayColor = 'transparent';\n      textColor = dark;\n    }\n    return css`\n      background-color: ${tintImage ? overlayColor : 'transparent'};\n      color: ${textColor};\n      width: 100%;\n      height: 100%;\n      text-align: center;\n    `;\n  }\n);\n\nStyledBanner.defaultProps = defaultThemeProp;\n\nexport const StyledContentContainer = styled.div(\n  ({\n    theme: {\n      base: { breakpoints, spacing }\n    }\n  }) => {\n    return css`\n      padding: calc(${spacing} * 2);\n      width: 100%;\n      margin: 0 auto;\n      @media screen and (min-width: ${breakpoints.md}) {\n        width: 100%;\n        padding: calc(${spacing} * 2.5);\n      }\n      @media screen and (min-width: ${breakpoints.lg}) {\n        max-width: 93.75rem;\n      }\n    `;\n  }\n);\n\nStyledContentContainer.defaultProps = defaultThemeProp;\n\nconst variantMap = {\n  'two-column': '1fr 1fr',\n  'narrow-wide': '3fr 7fr',\n  'wide-narrow': '7fr 3fr'\n};\n\nexport const BannerPage: FC<BannerPageProps & ForwardProps> = forwardRef(\n  (\n    { banner, a, b, variant = 'two-column', ...restProps }: PropsWithoutRef<BannerPageProps>,\n    ref: BannerPageProps['ref']\n  ) => {\n    const gridCols = variantMap[variant];\n    return (\n      <div ref={ref} {...restProps}>\n        {banner && (\n          <StyledBannerContainer\n            backgroundImage={banner.backgroundImage}\n            backgroundColor={banner.backgroundColor}\n          >\n            <Flex\n              variant={banner.variant}\n              backgroundImage={banner.backgroundImage}\n              backgroundColor={banner.backgroundColor}\n              as={StyledBanner}\n              container={{ justify: 'center', alignItems: 'center', direction: 'column', gap: 1 }}\n              tintImage={banner.tintImage}\n            >\n              <StyledContentContainer>\n                <Text variant='h1'>{banner.title}</Text>\n                {banner.message && (\n                  <Text variant='primary' as='p'>\n                    {banner.message}\n                  </Text>\n                )}\n              </StyledContentContainer>\n            </Flex>\n          </StyledBannerContainer>\n        )}\n        <Grid\n          container={{ gap: 2 }}\n          md={{ container: { cols: '1fr' } }}\n          lg={{ container: { cols: b ? `${gridCols}` : '1fr' } }}\n          as={StyledContentContainer}\n        >\n          <div>{a}</div>\n          {b && <div>{b}</div>}\n        </Grid>\n      </div>\n    );\n  }\n);\n"]}

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

@@ -0,0 +1,3 @@
+export { BannerPage } from './BannerPage';
+export type { BannerPageProps } from './BannerPage';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/PageTemplates/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { BannerPage } from './BannerPage';\nexport type { BannerPageProps } from './BannerPage';\n"]}

package/lib/index.d.ts

@@ -1,5 +1,6 @@
 export { default as AppShell } from './components/AppShell';
 export * from './components/AppShell';
+export * from './components/PageTemplates';
 export { default as QuickCreate } from './components/QuickCreate';
 export * from './components/QuickCreate';
 //# sourceMappingURL=index.d.ts.map

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,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,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,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC"}

package/lib/index.js

@@ -1,6 +1,7 @@
 // This file is autogenerated. Any changes will be overwritten.
 export { default as AppShell } from './components/AppShell';
 export * from './components/AppShell';
+export * from './components/PageTemplates';
 export { default as QuickCreate } from './components/QuickCreate';
 export * from './components/QuickCreate';
 //# sourceMappingURL=index.js.map

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,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,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 QuickCreate } from './components/QuickCreate';\nexport * from './components/QuickCreate';\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,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as AppShell } from './components/AppShell';\nexport * from './components/AppShell';\nexport * from './components/PageTemplates';\nexport { default as QuickCreate } from './components/QuickCreate';\nexport * from './components/QuickCreate';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-wss",
-  "version": "3.0.0-dev.22.0",
+  "version": "3.0.0-dev.23.2",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -20,7 +20,7 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "3.0.0-dev.22.0",
+    "@pega/cosmos-react-core": "3.0.0-dev.23.2",
     "@types/react": "^16.14.24 || ^17.0.38",
     "@types/react-dom": "^16.9.14 || ^17.0.11",
     "@types/styled-components": "^5.1.7",
@@ -37,7 +37,9 @@
     "@storybook/addons": "^6.4.19",
     "@storybook/react": "^6.4.19",
     "@storybook/theming": "^6.4.19",
+    "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.3",
+    "@testing-library/user-event": "^13.5.0",
     "enzyme": "^3.11.0",
     "typescript": "~4.7.2"
   }