@pega/cosmos-react-demos 4.0.0-dev.2.0 → 4.0.0-dev.20.0

package/jsx/build/AppHeader/AppHeader.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.stories.jsx","sourceRoot":"","sources":["../../../src/build/AppHeader/AppHeader.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { AppHeader, BranchButtonProps, AppHeaderProps } from '@pega/cosmos-react-build';\nimport { Button, Input, Modal, useModalManager, Icon } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Build/AppHeader',\n  component: AppHeader,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface AppHeaderStoryProps extends BranchButtonProps {\n  showPreview: boolean;\n  showLinks: boolean;\n  showBranch: boolean;\n  showAppNameAndVersion: boolean;\n  appName: string;\n}\n\nexport const AppHeaderDemo: Story<AppHeaderStoryProps> = (args: AppHeaderStoryProps) => {\n  const { create } = useModalManager();\n\n  const openAddBranchModal = () => {\n    const { dismiss, update } = create(Modal, {\n      children: <Input label='Branch' />,\n      heading: 'Add branch'\n    });\n    update({\n      actions: [\n        <Button onClick={dismiss}>Cancel</Button>,\n        <Button onClick={dismiss} variant='primary'>\n          Finish\n        </Button>\n      ]\n    });\n  };\n\n  const [contexts, setContexts] = useState<AppHeaderProps['contexts']>([\n    {\n      id: '1',\n      primary: 'Studio',\n      selected: true,\n      visual: <Icon name='app' />,\n      href: 'www.pega.com'\n    },\n    {\n      id: '2',\n      primary: 'Administration',\n      selected: false,\n      visual: <Icon name='cloud' />,\n      href: 'www.pega.com'\n    }\n  ]);\n\n  return (\n    <AppHeader\n      brand={{\n        label: 'Launchpad',\n        logo: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',\n        href: '/',\n        onClick: e => {\n          e.preventDefault();\n          action('Navigated to root');\n        }\n      }}\n      contexts={contexts}\n      onContextClick={id => {\n        setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id })));\n      }}\n      links={\n        args.showLinks\n          ? [\n              {\n                id: '1',\n                name: 'Applications',\n                onClick: action('Clicked Applications')\n              },\n              {\n                id: '2',\n                name: 'Shared resources',\n                onClick: action('Clicked Shared resources')\n              }\n            ]\n          : []\n      }\n      utils={{\n        search: {\n          placeholder: 'Search'\n        },\n        appInfo: args.showAppNameAndVersion\n          ? {\n              name: args.appName,\n              version: '1.0.0'\n            }\n          : undefined,\n        avatar: { name: 'Lee Ram' },\n        branch: args.showBranch\n          ? {\n              text: args.text,\n              count: args.count,\n              variant: args.variant,\n              compact: args.compact,\n              items: [\n                {\n                  primary: 'Commit to branch',\n                  id: 'commitToBranch',\n                  onClick: action('Clicked commitToBranch')\n                },\n                {\n                  primary: 'Merge branch',\n                  id: 'mergeBranch',\n                  onClick: action('Clicked mergeBranch')\n                },\n                {\n                  primary: 'View branch',\n                  id: 'viewBranch',\n                  onClick: action('Clicked viewBranch')\n                },\n                {\n                  primary: 'Switch branch',\n                  id: 'switchBranch',\n                  onClick: action('Clicked switchBranch')\n                },\n                {\n                  primary: 'Add branch',\n                  id: 'addBranch',\n                  onClick: () => {\n                    action('Clicked addBranch')();\n                    openAddBranchModal();\n                  }\n                },\n                {\n                  primary: 'View all branches',\n                  id: 'viewAllBranches',\n                  onClick: action('Clicked viewAllBranches')\n                }\n              ]\n            }\n          : undefined,\n        action: args.showPreview\n          ? {\n              id: 'preview',\n              text: 'Preview',\n              onClick: action('Clicked preview button'),\n              icon: 'play-solid'\n            }\n          : undefined\n      }}\n    />\n  );\n};\n\nAppHeaderDemo.args = {\n  variant: 'success',\n  text: 'Launchpad (Main)',\n  count: 4,\n  compact: false,\n  showLinks: false,\n  showAppNameAndVersion: true,\n  showBranch: true,\n  showPreview: true,\n  appName: 'Compass App'\n};\n\nAppHeaderDemo.argTypes = {\n  variant: { options: ['success', 'urgent'], control: { type: 'radio' } },\n  text: { control: { type: 'text' } },\n  count: { control: { type: 'number' } },\n  compact: { control: { type: 'boolean' } },\n  showLinks: { control: { type: 'boolean' } },\n  showAppNameAndVersion: { control: { type: 'boolean' } },\n  showBranch: { control: { type: 'boolean' } },\n  showPreview: { control: { type: 'boolean' } },\n  appName: { control: { type: 'text' } }\n};\n"]}

package/jsx/social/Chat/RepeatingView.mocks.d.ts

@@ -1,14 +0,0 @@
-import { RepeatingViewRow } from '@pega/cosmos-react-social';
-export interface Contact extends RepeatingViewRow {
-    name: {
-        title: string;
-        first: string;
-        last: string;
-    };
-    phone: string;
-    picture: {
-        thumbnail: string;
-    };
-}
-export declare const FetchContactsAPI: (results: number, abortController: AbortController) => Promise<Contact[]>;
-//# sourceMappingURL=RepeatingView.mocks.d.ts.map

package/jsx/social/Chat/RepeatingView.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.mocks.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,WAAW,OAAQ,SAAQ,gBAAgB;IAC/C,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,CAC7B,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,eAAe,KAC7B,OAAO,CAAC,OAAO,EAAE,CAWrB,CAAC"}

package/jsx/social/Chat/RepeatingView.mocks.js

@@ -1,11 +0,0 @@
-export const FetchContactsAPI = (results, abortController) => {
-    return fetch(`https://randomuser.me/api?results=${results}`, {
-        signal: abortController.signal
-    })
-        .then(res => res.json())
-        .then((data) => [...data.results].map(item => ({
-        ...item,
-        id: Math.floor(Math.random() * Math.floor(500000)).toString()
-    })));
-};
-//# sourceMappingURL=RepeatingView.mocks.js.map

package/jsx/social/Chat/RepeatingView.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.mocks.js","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.mocks.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,gBAAgB,GAGH,CAAC,OAAO,EAAE,eAAe,EAAE,EAAE;IACrD,OAAO,KAAK,CAAC,qCAAqC,OAAO,EAAE,EAAE;QAC3D,MAAM,EAAE,eAAe,CAAC,MAAM;KAC/B,CAAC;SACC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;SACvB,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE,CAClB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7B,GAAG,IAAI;QACP,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE;KAC9D,CAAC,CAAC,CACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { RepeatingViewRow } from '@pega/cosmos-react-social';\n\nexport interface Contact extends RepeatingViewRow {\n  name: { title: string; first: string; last: string };\n  phone: string;\n  picture: { thumbnail: string };\n}\n\nexport const FetchContactsAPI: (\n  results: number,\n  abortController: AbortController\n) => Promise<Contact[]> = (results, abortController) => {\n  return fetch(`https://randomuser.me/api?results=${results}`, {\n    signal: abortController.signal\n  })\n    .then(res => res.json())\n    .then((data: any) =>\n      [...data.results].map(item => ({\n        ...item,\n        id: Math.floor(Math.random() * Math.floor(500000)).toString()\n      }))\n    );\n};\n"]}

package/jsx/social/Chat/RepeatingView.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { RepeatingViewProps } from '@pega/cosmos-react-social';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-interface RepeatingViewStoryProps {
-    scrollDirection: RepeatingViewProps['scrollDirection'];
-}
-export declare const RepeatingViewSample: Story<RepeatingViewStoryProps>;
-//# sourceMappingURL=RepeatingView.stories.d.ts.map

package/jsx/social/Chat/RepeatingView.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;;AAK9E,wBAGU;AAEV,UAAU,uBAAuB;IAC/B,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,uBAAuB,CAgF9D,CAAC"}

package/jsx/social/Chat/RepeatingView.stories.jsx

@@ -1,60 +0,0 @@
-import { useCallback, useState, useEffect, useMemo } from 'react';
-import { Avatar, SummaryItem } from '@pega/cosmos-react-core';
-import { RepeatingView } from '@pega/cosmos-react-social';
-import { StyledContactsBook } from './RepeatingView.styles';
-import { FetchContactsAPI } from './RepeatingView.mocks';
-export default {
-    title: 'Social/Chat/RepeatingView',
-    component: RepeatingView
-};
-export const RepeatingViewSample = (args) => {
-    const INITIAL_CHUNK_SIZE = 50;
-    const APPEND_CHUNK_SIZE = 25;
-    const FETCH_AHEAD_OFFSET = 10;
-    const TOTAL_RECORDS = Math.max(INITIAL_CHUNK_SIZE, 100);
-    const [rows, setRows] = useState({
-        data: [],
-        isLoading: true
-    });
-    const abortController = useMemo(() => {
-        return new AbortController();
-    }, []);
-    useEffect(() => {
-        FetchContactsAPI(INITIAL_CHUNK_SIZE, abortController).then((newRows) => {
-            setRows(prevRows => ({
-                isLoading: false,
-                data: [...prevRows.data, ...newRows]
-            }));
-        });
-        return () => {
-            abortController.abort();
-        };
-    }, []);
-    const loadMore = useCallback(() => {
-        if (!rows.isLoading) {
-            setRows(prevRows => ({
-                ...prevRows,
-                isLoading: true
-            }));
-            FetchContactsAPI(APPEND_CHUNK_SIZE, abortController).then((newRows) => {
-                setRows(prevRows => ({
-                    isLoading: false,
-                    data: [...prevRows.data, ...newRows]
-                }));
-            });
-        }
-    }, [rows, setRows]);
-    return (<RepeatingView as={StyledContactsBook} loading={rows.isLoading} rows={rows.data} style={{ height: '40rem', maxHeight: '100vh' }} loadMore={loadMore} offset={rows.data.length === TOTAL_RECORDS ? -1 : rows.data.length - FETCH_AHEAD_OFFSET} scrollDirection={args.scrollDirection}>
-      {row => {
-            const { name: { title, first, last }, phone, picture: { thumbnail } } = row;
-            return (<SummaryItem primary={[title, first, last].join(' ')} visual={<Avatar imageSrc={thumbnail} name={[title, first, last].join(' ')} shape='circle' size='l'/>} secondary={phone}/>);
-        }}
-    </RepeatingView>);
-};
-RepeatingViewSample.args = {
-    scrollDirection: 'top-to-bottom'
-};
-RepeatingViewSample.argTypes = {
-    scrollDirection: { options: ['top-to-bottom', 'bottom-to-top'], control: { type: 'select' } }
-};
-//# sourceMappingURL=RepeatingView.stories.jsx.map

package/jsx/social/Chat/RepeatingView.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.stories.jsx","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState, useEffect, useMemo } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport { Avatar, SummaryItem } from '@pega/cosmos-react-core';\nimport { RepeatingView, RepeatingViewProps } from '@pega/cosmos-react-social';\n\nimport { StyledContactsBook } from './RepeatingView.styles';\nimport { Contact, FetchContactsAPI } from './RepeatingView.mocks';\n\nexport default {\n  title: 'Social/Chat/RepeatingView',\n  component: RepeatingView\n} as Meta;\n\ninterface RepeatingViewStoryProps {\n  scrollDirection: RepeatingViewProps['scrollDirection'];\n}\n\nexport const RepeatingViewSample: Story<RepeatingViewStoryProps> = (\n  args: RepeatingViewStoryProps\n) => {\n  const INITIAL_CHUNK_SIZE = 50;\n  const APPEND_CHUNK_SIZE = 25;\n  const FETCH_AHEAD_OFFSET = 10;\n  const TOTAL_RECORDS = Math.max(INITIAL_CHUNK_SIZE, 100);\n\n  const [rows, setRows] = useState<{\n    data: Contact[];\n    isLoading: boolean;\n  }>({\n    data: [],\n    isLoading: true\n  });\n\n  const abortController = useMemo(() => {\n    return new AbortController();\n  }, []);\n\n  useEffect(() => {\n    FetchContactsAPI(INITIAL_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n      setRows(prevRows => ({\n        isLoading: false,\n        data: [...prevRows.data, ...newRows]\n      }));\n    });\n    return () => {\n      abortController.abort();\n    };\n  }, []);\n\n  const loadMore = useCallback(() => {\n    if (!rows.isLoading) {\n      setRows(prevRows => ({\n        ...prevRows,\n        isLoading: true\n      }));\n      FetchContactsAPI(APPEND_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n        setRows(prevRows => ({\n          isLoading: false,\n          data: [...prevRows.data, ...newRows]\n        }));\n      });\n    }\n  }, [rows, setRows]);\n\n  return (\n    <RepeatingView\n      as={StyledContactsBook}\n      loading={rows.isLoading}\n      rows={rows.data}\n      style={{ height: '40rem', maxHeight: '100vh' }}\n      loadMore={loadMore}\n      offset={rows.data.length === TOTAL_RECORDS ? -1 : rows.data.length - FETCH_AHEAD_OFFSET}\n      scrollDirection={args.scrollDirection}\n    >\n      {row => {\n        const {\n          name: { title, first, last },\n          phone,\n          picture: { thumbnail }\n        } = row as Contact;\n        return (\n          <SummaryItem\n            primary={[title, first, last].join(' ')}\n            visual={\n              <Avatar\n                imageSrc={thumbnail}\n                name={[title, first, last].join(' ')}\n                shape='circle'\n                size='l'\n              />\n            }\n            secondary={phone}\n          />\n        );\n      }}\n    </RepeatingView>\n  );\n};\n\nRepeatingViewSample.args = {\n  scrollDirection: 'top-to-bottom'\n};\n\nRepeatingViewSample.argTypes = {\n  scrollDirection: { options: ['top-to-bottom', 'bottom-to-top'], control: { type: 'select' } }\n};\n"]}

package/jsx/social/Chat/RepeatingView.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledContactsBook: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=RepeatingView.styles.d.ts.map

package/jsx/social/Chat/RepeatingView.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.styles.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,yGAgB7B,CAAC"}

package/jsx/social/Chat/RepeatingView.styles.js

@@ -1,22 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '@pega/cosmos-react-core';
-import { StyledRepeatingView, StyledRepeatingViewItem } from '@pega/cosmos-react-social';
-export const StyledContactsBook = styled(StyledRepeatingView)(({ theme }) => {
-    const bdrColor = theme.base.palette['border-line'];
-    return css `
-    width: 25rem;
-    position: absolute;
-    top: 0;
-    left: 50%;
-    transform: translate(-50%, 0%);
-    z-index: 1;
-    border: 0.0625rem solid ${bdrColor};
-    background-color: ${theme.base.palette['primary-background']};
-    ${StyledRepeatingViewItem} {
-      border-bottom: 0.0625rem solid ${bdrColor};
-      padding: calc(0.5 * ${theme.base.spacing});
-    }
-  `;
-});
-StyledContactsBook.defaultProps = defaultThemeProp;
-//# sourceMappingURL=RepeatingView.styles.js.map

package/jsx/social/Chat/RepeatingView.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.styles.js","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEzF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACnD,OAAO,GAAG,CAAA;;;;;;;8BAOkB,QAAQ;wBACd,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;MAC1D,uBAAuB;uCACU,QAAQ;4BACnB,KAAK,CAAC,IAAI,CAAC,OAAO;;GAE3C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\nimport { StyledRepeatingView, StyledRepeatingViewItem } from '@pega/cosmos-react-social';\n\nexport const StyledContactsBook = styled(StyledRepeatingView)(({ theme }) => {\n  const bdrColor = theme.base.palette['border-line'];\n  return css`\n    width: 25rem;\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, 0%);\n    z-index: 1;\n    border: 0.0625rem solid ${bdrColor};\n    background-color: ${theme.base.palette['primary-background']};\n    ${StyledRepeatingViewItem} {\n      border-bottom: 0.0625rem solid ${bdrColor};\n      padding: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledContactsBook.defaultProps = defaultThemeProp;\n"]}

package/lib/build/AppHeader/AppHeader.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { BranchButtonProps } from '@pega/cosmos-react-build';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-interface AppHeaderStoryProps extends BranchButtonProps {
-    showPreview: boolean;
-    showLinks: boolean;
-    showBranch: boolean;
-    showAppNameAndVersion: boolean;
-    appName: string;
-}
-export declare const AppHeaderDemo: Story<AppHeaderStoryProps>;
-//# sourceMappingURL=AppHeader.stories.d.ts.map

package/lib/build/AppHeader/AppHeader.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/build/AppHeader/AppHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAI/C,OAAO,EAAa,iBAAiB,EAAkB,MAAM,0BAA0B,CAAC;;AAGxF,wBAMU;AAEV,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,mBAAmB,CAmIpD,CAAC"}

package/lib/build/AppHeader/AppHeader.stories.js

@@ -1,152 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { action } from '@storybook/addon-actions';
-import { AppHeader } from '@pega/cosmos-react-build';
-import { Button, Input, Modal, useModalManager, Icon } from '@pega/cosmos-react-core';
-export default {
-    title: 'Build/AppHeader',
-    component: AppHeader,
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const AppHeaderDemo = (args) => {
-    const { create } = useModalManager();
-    const openAddBranchModal = () => {
-        const { dismiss, update } = create(Modal, {
-            children: _jsx(Input, { label: 'Branch' }),
-            heading: 'Add branch'
-        });
-        update({
-            actions: [
-                _jsx(Button, { onClick: dismiss, children: "Cancel" }),
-                _jsx(Button, { onClick: dismiss, variant: 'primary', children: "Finish" })
-            ]
-        });
-    };
-    const [contexts, setContexts] = useState([
-        {
-            id: '1',
-            primary: 'Studio',
-            selected: true,
-            visual: _jsx(Icon, { name: 'app' }),
-            href: 'www.pega.com'
-        },
-        {
-            id: '2',
-            primary: 'Administration',
-            selected: false,
-            visual: _jsx(Icon, { name: 'cloud' }),
-            href: 'www.pega.com'
-        }
-    ]);
-    return (_jsx(AppHeader, { brand: {
-            label: 'Launchpad',
-            logo: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',
-            href: '/',
-            onClick: e => {
-                e.preventDefault();
-                action('Navigated to root');
-            }
-        }, contexts: contexts, onContextClick: id => {
-            setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id })));
-        }, links: args.showLinks
-            ? [
-                {
-                    id: '1',
-                    name: 'Applications',
-                    onClick: action('Clicked Applications')
-                },
-                {
-                    id: '2',
-                    name: 'Shared resources',
-                    onClick: action('Clicked Shared resources')
-                }
-            ]
-            : [], utils: {
-            search: {
-                placeholder: 'Search'
-            },
-            appInfo: args.showAppNameAndVersion
-                ? {
-                    name: args.appName,
-                    version: '1.0.0'
-                }
-                : undefined,
-            avatar: { name: 'Lee Ram' },
-            branch: args.showBranch
-                ? {
-                    text: args.text,
-                    count: args.count,
-                    variant: args.variant,
-                    compact: args.compact,
-                    items: [
-                        {
-                            primary: 'Commit to branch',
-                            id: 'commitToBranch',
-                            onClick: action('Clicked commitToBranch')
-                        },
-                        {
-                            primary: 'Merge branch',
-                            id: 'mergeBranch',
-                            onClick: action('Clicked mergeBranch')
-                        },
-                        {
-                            primary: 'View branch',
-                            id: 'viewBranch',
-                            onClick: action('Clicked viewBranch')
-                        },
-                        {
-                            primary: 'Switch branch',
-                            id: 'switchBranch',
-                            onClick: action('Clicked switchBranch')
-                        },
-                        {
-                            primary: 'Add branch',
-                            id: 'addBranch',
-                            onClick: () => {
-                                action('Clicked addBranch')();
-                                openAddBranchModal();
-                            }
-                        },
-                        {
-                            primary: 'View all branches',
-                            id: 'viewAllBranches',
-                            onClick: action('Clicked viewAllBranches')
-                        }
-                    ]
-                }
-                : undefined,
-            action: args.showPreview
-                ? {
-                    id: 'preview',
-                    text: 'Preview',
-                    onClick: action('Clicked preview button'),
-                    icon: 'play-solid'
-                }
-                : undefined
-        } }));
-};
-AppHeaderDemo.args = {
-    variant: 'success',
-    text: 'Launchpad (Main)',
-    count: 4,
-    compact: false,
-    showLinks: false,
-    showAppNameAndVersion: true,
-    showBranch: true,
-    showPreview: true,
-    appName: 'Compass App'
-};
-AppHeaderDemo.argTypes = {
-    variant: { options: ['success', 'urgent'], control: { type: 'radio' } },
-    text: { control: { type: 'text' } },
-    count: { control: { type: 'number' } },
-    compact: { control: { type: 'boolean' } },
-    showLinks: { control: { type: 'boolean' } },
-    showAppNameAndVersion: { control: { type: 'boolean' } },
-    showBranch: { control: { type: 'boolean' } },
-    showPreview: { control: { type: 'boolean' } },
-    appName: { control: { type: 'text' } }
-};
-//# sourceMappingURL=AppHeader.stories.js.map

package/lib/build/AppHeader/AppHeader.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.stories.js","sourceRoot":"","sources":["../../../src/build/AppHeader/AppHeader.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { AppHeader, BranchButtonProps, AppHeaderProps } from '@pega/cosmos-react-build';\nimport { Button, Input, Modal, useModalManager, Icon } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Build/AppHeader',\n  component: AppHeader,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface AppHeaderStoryProps extends BranchButtonProps {\n  showPreview: boolean;\n  showLinks: boolean;\n  showBranch: boolean;\n  showAppNameAndVersion: boolean;\n  appName: string;\n}\n\nexport const AppHeaderDemo: Story<AppHeaderStoryProps> = (args: AppHeaderStoryProps) => {\n  const { create } = useModalManager();\n\n  const openAddBranchModal = () => {\n    const { dismiss, update } = create(Modal, {\n      children: <Input label='Branch' />,\n      heading: 'Add branch'\n    });\n    update({\n      actions: [\n        <Button onClick={dismiss}>Cancel</Button>,\n        <Button onClick={dismiss} variant='primary'>\n          Finish\n        </Button>\n      ]\n    });\n  };\n\n  const [contexts, setContexts] = useState<AppHeaderProps['contexts']>([\n    {\n      id: '1',\n      primary: 'Studio',\n      selected: true,\n      visual: <Icon name='app' />,\n      href: 'www.pega.com'\n    },\n    {\n      id: '2',\n      primary: 'Administration',\n      selected: false,\n      visual: <Icon name='cloud' />,\n      href: 'www.pega.com'\n    }\n  ]);\n\n  return (\n    <AppHeader\n      brand={{\n        label: 'Launchpad',\n        logo: 'https://www.pega.com/themes/custom/pegawww_theme/images/pega-logo.svg',\n        href: '/',\n        onClick: e => {\n          e.preventDefault();\n          action('Navigated to root');\n        }\n      }}\n      contexts={contexts}\n      onContextClick={id => {\n        setContexts(cur => cur.map(ctx => ({ ...ctx, selected: id === ctx.id })));\n      }}\n      links={\n        args.showLinks\n          ? [\n              {\n                id: '1',\n                name: 'Applications',\n                onClick: action('Clicked Applications')\n              },\n              {\n                id: '2',\n                name: 'Shared resources',\n                onClick: action('Clicked Shared resources')\n              }\n            ]\n          : []\n      }\n      utils={{\n        search: {\n          placeholder: 'Search'\n        },\n        appInfo: args.showAppNameAndVersion\n          ? {\n              name: args.appName,\n              version: '1.0.0'\n            }\n          : undefined,\n        avatar: { name: 'Lee Ram' },\n        branch: args.showBranch\n          ? {\n              text: args.text,\n              count: args.count,\n              variant: args.variant,\n              compact: args.compact,\n              items: [\n                {\n                  primary: 'Commit to branch',\n                  id: 'commitToBranch',\n                  onClick: action('Clicked commitToBranch')\n                },\n                {\n                  primary: 'Merge branch',\n                  id: 'mergeBranch',\n                  onClick: action('Clicked mergeBranch')\n                },\n                {\n                  primary: 'View branch',\n                  id: 'viewBranch',\n                  onClick: action('Clicked viewBranch')\n                },\n                {\n                  primary: 'Switch branch',\n                  id: 'switchBranch',\n                  onClick: action('Clicked switchBranch')\n                },\n                {\n                  primary: 'Add branch',\n                  id: 'addBranch',\n                  onClick: () => {\n                    action('Clicked addBranch')();\n                    openAddBranchModal();\n                  }\n                },\n                {\n                  primary: 'View all branches',\n                  id: 'viewAllBranches',\n                  onClick: action('Clicked viewAllBranches')\n                }\n              ]\n            }\n          : undefined,\n        action: args.showPreview\n          ? {\n              id: 'preview',\n              text: 'Preview',\n              onClick: action('Clicked preview button'),\n              icon: 'play-solid'\n            }\n          : undefined\n      }}\n    />\n  );\n};\n\nAppHeaderDemo.args = {\n  variant: 'success',\n  text: 'Launchpad (Main)',\n  count: 4,\n  compact: false,\n  showLinks: false,\n  showAppNameAndVersion: true,\n  showBranch: true,\n  showPreview: true,\n  appName: 'Compass App'\n};\n\nAppHeaderDemo.argTypes = {\n  variant: { options: ['success', 'urgent'], control: { type: 'radio' } },\n  text: { control: { type: 'text' } },\n  count: { control: { type: 'number' } },\n  compact: { control: { type: 'boolean' } },\n  showLinks: { control: { type: 'boolean' } },\n  showAppNameAndVersion: { control: { type: 'boolean' } },\n  showBranch: { control: { type: 'boolean' } },\n  showPreview: { control: { type: 'boolean' } },\n  appName: { control: { type: 'text' } }\n};\n"]}

package/lib/social/Chat/RepeatingView.mocks.d.ts

@@ -1,14 +0,0 @@
-import { RepeatingViewRow } from '@pega/cosmos-react-social';
-export interface Contact extends RepeatingViewRow {
-    name: {
-        title: string;
-        first: string;
-        last: string;
-    };
-    phone: string;
-    picture: {
-        thumbnail: string;
-    };
-}
-export declare const FetchContactsAPI: (results: number, abortController: AbortController) => Promise<Contact[]>;
-//# sourceMappingURL=RepeatingView.mocks.d.ts.map

package/lib/social/Chat/RepeatingView.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.mocks.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,WAAW,OAAQ,SAAQ,gBAAgB;IAC/C,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,CAC7B,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,eAAe,KAC7B,OAAO,CAAC,OAAO,EAAE,CAWrB,CAAC"}

package/lib/social/Chat/RepeatingView.mocks.js

@@ -1,11 +0,0 @@
-export const FetchContactsAPI = (results, abortController) => {
-    return fetch(`https://randomuser.me/api?results=${results}`, {
-        signal: abortController.signal
-    })
-        .then(res => res.json())
-        .then((data) => [...data.results].map(item => ({
-        ...item,
-        id: Math.floor(Math.random() * Math.floor(500000)).toString()
-    })));
-};
-//# sourceMappingURL=RepeatingView.mocks.js.map

package/lib/social/Chat/RepeatingView.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.mocks.js","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.mocks.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,gBAAgB,GAGH,CAAC,OAAO,EAAE,eAAe,EAAE,EAAE;IACrD,OAAO,KAAK,CAAC,qCAAqC,OAAO,EAAE,EAAE;QAC3D,MAAM,EAAE,eAAe,CAAC,MAAM;KAC/B,CAAC;SACC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;SACvB,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE,CAClB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7B,GAAG,IAAI;QACP,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE;KAC9D,CAAC,CAAC,CACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { RepeatingViewRow } from '@pega/cosmos-react-social';\n\nexport interface Contact extends RepeatingViewRow {\n  name: { title: string; first: string; last: string };\n  phone: string;\n  picture: { thumbnail: string };\n}\n\nexport const FetchContactsAPI: (\n  results: number,\n  abortController: AbortController\n) => Promise<Contact[]> = (results, abortController) => {\n  return fetch(`https://randomuser.me/api?results=${results}`, {\n    signal: abortController.signal\n  })\n    .then(res => res.json())\n    .then((data: any) =>\n      [...data.results].map(item => ({\n        ...item,\n        id: Math.floor(Math.random() * Math.floor(500000)).toString()\n      }))\n    );\n};\n"]}

package/lib/social/Chat/RepeatingView.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { RepeatingViewProps } from '@pega/cosmos-react-social';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-interface RepeatingViewStoryProps {
-    scrollDirection: RepeatingViewProps['scrollDirection'];
-}
-export declare const RepeatingViewSample: Story<RepeatingViewStoryProps>;
-//# sourceMappingURL=RepeatingView.stories.d.ts.map

package/lib/social/Chat/RepeatingView.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;;AAK9E,wBAGU;AAEV,UAAU,uBAAuB;IAC/B,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,uBAAuB,CAgF9D,CAAC"}

package/lib/social/Chat/RepeatingView.stories.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useState, useEffect, useMemo } from 'react';
-import { Avatar, SummaryItem } from '@pega/cosmos-react-core';
-import { RepeatingView } from '@pega/cosmos-react-social';
-import { StyledContactsBook } from './RepeatingView.styles';
-import { FetchContactsAPI } from './RepeatingView.mocks';
-export default {
-    title: 'Social/Chat/RepeatingView',
-    component: RepeatingView
-};
-export const RepeatingViewSample = (args) => {
-    const INITIAL_CHUNK_SIZE = 50;
-    const APPEND_CHUNK_SIZE = 25;
-    const FETCH_AHEAD_OFFSET = 10;
-    const TOTAL_RECORDS = Math.max(INITIAL_CHUNK_SIZE, 100);
-    const [rows, setRows] = useState({
-        data: [],
-        isLoading: true
-    });
-    const abortController = useMemo(() => {
-        return new AbortController();
-    }, []);
-    useEffect(() => {
-        FetchContactsAPI(INITIAL_CHUNK_SIZE, abortController).then((newRows) => {
-            setRows(prevRows => ({
-                isLoading: false,
-                data: [...prevRows.data, ...newRows]
-            }));
-        });
-        return () => {
-            abortController.abort();
-        };
-    }, []);
-    const loadMore = useCallback(() => {
-        if (!rows.isLoading) {
-            setRows(prevRows => ({
-                ...prevRows,
-                isLoading: true
-            }));
-            FetchContactsAPI(APPEND_CHUNK_SIZE, abortController).then((newRows) => {
-                setRows(prevRows => ({
-                    isLoading: false,
-                    data: [...prevRows.data, ...newRows]
-                }));
-            });
-        }
-    }, [rows, setRows]);
-    return (_jsx(RepeatingView, { as: StyledContactsBook, loading: rows.isLoading, rows: rows.data, style: { height: '40rem', maxHeight: '100vh' }, loadMore: loadMore, offset: rows.data.length === TOTAL_RECORDS ? -1 : rows.data.length - FETCH_AHEAD_OFFSET, scrollDirection: args.scrollDirection, children: row => {
-            const { name: { title, first, last }, phone, picture: { thumbnail } } = row;
-            return (_jsx(SummaryItem, { primary: [title, first, last].join(' '), visual: _jsx(Avatar, { imageSrc: thumbnail, name: [title, first, last].join(' '), shape: 'circle', size: 'l' }), secondary: phone }));
-        } }));
-};
-RepeatingViewSample.args = {
-    scrollDirection: 'top-to-bottom'
-};
-RepeatingViewSample.argTypes = {
-    scrollDirection: { options: ['top-to-bottom', 'bottom-to-top'], control: { type: 'select' } }
-};
-//# sourceMappingURL=RepeatingView.stories.js.map

package/lib/social/Chat/RepeatingView.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.stories.js","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState, useEffect, useMemo } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport { Avatar, SummaryItem } from '@pega/cosmos-react-core';\nimport { RepeatingView, RepeatingViewProps } from '@pega/cosmos-react-social';\n\nimport { StyledContactsBook } from './RepeatingView.styles';\nimport { Contact, FetchContactsAPI } from './RepeatingView.mocks';\n\nexport default {\n  title: 'Social/Chat/RepeatingView',\n  component: RepeatingView\n} as Meta;\n\ninterface RepeatingViewStoryProps {\n  scrollDirection: RepeatingViewProps['scrollDirection'];\n}\n\nexport const RepeatingViewSample: Story<RepeatingViewStoryProps> = (\n  args: RepeatingViewStoryProps\n) => {\n  const INITIAL_CHUNK_SIZE = 50;\n  const APPEND_CHUNK_SIZE = 25;\n  const FETCH_AHEAD_OFFSET = 10;\n  const TOTAL_RECORDS = Math.max(INITIAL_CHUNK_SIZE, 100);\n\n  const [rows, setRows] = useState<{\n    data: Contact[];\n    isLoading: boolean;\n  }>({\n    data: [],\n    isLoading: true\n  });\n\n  const abortController = useMemo(() => {\n    return new AbortController();\n  }, []);\n\n  useEffect(() => {\n    FetchContactsAPI(INITIAL_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n      setRows(prevRows => ({\n        isLoading: false,\n        data: [...prevRows.data, ...newRows]\n      }));\n    });\n    return () => {\n      abortController.abort();\n    };\n  }, []);\n\n  const loadMore = useCallback(() => {\n    if (!rows.isLoading) {\n      setRows(prevRows => ({\n        ...prevRows,\n        isLoading: true\n      }));\n      FetchContactsAPI(APPEND_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n        setRows(prevRows => ({\n          isLoading: false,\n          data: [...prevRows.data, ...newRows]\n        }));\n      });\n    }\n  }, [rows, setRows]);\n\n  return (\n    <RepeatingView\n      as={StyledContactsBook}\n      loading={rows.isLoading}\n      rows={rows.data}\n      style={{ height: '40rem', maxHeight: '100vh' }}\n      loadMore={loadMore}\n      offset={rows.data.length === TOTAL_RECORDS ? -1 : rows.data.length - FETCH_AHEAD_OFFSET}\n      scrollDirection={args.scrollDirection}\n    >\n      {row => {\n        const {\n          name: { title, first, last },\n          phone,\n          picture: { thumbnail }\n        } = row as Contact;\n        return (\n          <SummaryItem\n            primary={[title, first, last].join(' ')}\n            visual={\n              <Avatar\n                imageSrc={thumbnail}\n                name={[title, first, last].join(' ')}\n                shape='circle'\n                size='l'\n              />\n            }\n            secondary={phone}\n          />\n        );\n      }}\n    </RepeatingView>\n  );\n};\n\nRepeatingViewSample.args = {\n  scrollDirection: 'top-to-bottom'\n};\n\nRepeatingViewSample.argTypes = {\n  scrollDirection: { options: ['top-to-bottom', 'bottom-to-top'], control: { type: 'select' } }\n};\n"]}

package/lib/social/Chat/RepeatingView.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledContactsBook: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=RepeatingView.styles.d.ts.map

package/lib/social/Chat/RepeatingView.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.styles.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,yGAgB7B,CAAC"}

package/lib/social/Chat/RepeatingView.styles.js

@@ -1,22 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '@pega/cosmos-react-core';
-import { StyledRepeatingView, StyledRepeatingViewItem } from '@pega/cosmos-react-social';
-export const StyledContactsBook = styled(StyledRepeatingView)(({ theme }) => {
-    const bdrColor = theme.base.palette['border-line'];
-    return css `
-    width: 25rem;
-    position: absolute;
-    top: 0;
-    left: 50%;
-    transform: translate(-50%, 0%);
-    z-index: 1;
-    border: 0.0625rem solid ${bdrColor};
-    background-color: ${theme.base.palette['primary-background']};
-    ${StyledRepeatingViewItem} {
-      border-bottom: 0.0625rem solid ${bdrColor};
-      padding: calc(0.5 * ${theme.base.spacing});
-    }
-  `;
-});
-StyledContactsBook.defaultProps = defaultThemeProp;
-//# sourceMappingURL=RepeatingView.styles.js.map

package/lib/social/Chat/RepeatingView.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RepeatingView.styles.js","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEzF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACnD,OAAO,GAAG,CAAA;;;;;;;8BAOkB,QAAQ;wBACd,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;MAC1D,uBAAuB;uCACU,QAAQ;4BACnB,KAAK,CAAC,IAAI,CAAC,OAAO;;GAE3C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\nimport { StyledRepeatingView, StyledRepeatingViewItem } from '@pega/cosmos-react-social';\n\nexport const StyledContactsBook = styled(StyledRepeatingView)(({ theme }) => {\n  const bdrColor = theme.base.palette['border-line'];\n  return css`\n    width: 25rem;\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, 0%);\n    z-index: 1;\n    border: 0.0625rem solid ${bdrColor};\n    background-color: ${theme.base.palette['primary-background']};\n    ${StyledRepeatingViewItem} {\n      border-bottom: 0.0625rem solid ${bdrColor};\n      padding: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledContactsBook.defaultProps = defaultThemeProp;\n"]}