@webiny/ui 5.39.0-beta.1 → 5.39.0-beta.2

package/List/DataList/DataList.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_addonKnobs","_DataList","_icons","_List","story","storiesOf","module","addDecorator","withKnobs","add","generalOptionsAndCallbacks","refresh","console","log","loading","boolean","title","text","multiActions","setNextPage","cursor","concat","setPreviousPage","perPageOptions","array","setPerPage","perPage","setSorters","sorter","JSON","stringify","dataProp","object","id","firstName","lastName","email","metaProp","totalPages","totalCount","from","to","previousPage","nextPage","sortersProp","list","label","sorters","createdOn","name","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","DataList","Object","assign","data","meta","_ref","List","map","item","ListItem","key","ListItemGraphic","src","ListItemText","ListItemTextSecondary","ListItemMeta","DeleteIcon","onClick","EditIcon","StorySandboxCode","info","propTables"],"sources":["DataList.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../DataList/README.md\";\nimport { withKnobs, boolean, text, object, array } from \"@storybook/addon-knobs\";\n\nimport { DataList } from \"./DataList\";\n\nimport { DeleteIcon, EditIcon } from \"./icons\";\nimport {\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListItemGraphic\n} from \"./../List\";\n\nconst story = storiesOf(\"Components/List\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"data list\",\n    () => {\n        const generalOptionsAndCallbacks = {\n            refresh: () => {\n                console.log(`Implement \"refresh\" method.`);\n            },\n            loading: boolean(\"Loading\", false, \"Basic\"),\n            title: text(\"Title\", \"A list of all users\", \"Basic\"),\n            multiActions: boolean(\"Multi actions\", false, \"Basic\"),\n\n            setNextPage: (cursor: string) => {\n                console.log(`Implement setNextPage method (selected ${cursor}).`);\n            },\n            setPreviousPage: (cursor: string) => {\n                console.log(`Implement setPreviousPage method (selected ${cursor}).`);\n            },\n            perPageOptions: array(\n                \"perPageOptions\",\n                [\"10\", \"25\", \"50\"],\n                \",\",\n                \"Basic\"\n            ) as unknown as number[],\n            setPerPage: (perPage: string) => {\n                console.log(`Implement setPerPage method (selected ${perPage}).`);\n            },\n            setSorters: (sorter: any) => {\n                console.log(`Implement setSorters method (selected ${JSON.stringify(sorter)}).`);\n            }\n        };\n\n        const dataProp = object(\n            \"Data\",\n            [\n                {\n                    id: \"A\",\n                    firstName: \"John\",\n                    lastName: \"Doe\",\n                    email: \"john.doe@webiny.com\"\n                },\n                {\n                    id: \"B\",\n                    firstName: \"Jane\",\n                    lastName: \"Doe\",\n                    email: \"jane.doe@webiny.com\"\n                },\n                {\n                    id: \"C\",\n                    firstName: \"Foo\",\n                    lastName: \"Bar\",\n                    email: \"foo.bar@webiny.com\"\n                }\n            ],\n            \"Data\"\n        );\n\n        const metaProp = object(\n            \"Meta\",\n            {\n                totalPages: 1,\n                totalCount: 3,\n                from: 1,\n                to: 3,\n                previousPage: null,\n                nextPage: null\n            },\n            \"Meta\"\n        );\n\n        const sortersProp = {\n            list: object(\n                \"Sorters\",\n                [\n                    {\n                        label: \"Newest to oldest\",\n                        sorters: { createdOn: -1 }\n                    },\n                    {\n                        label: \"Oldest to newest\",\n                        sorters: { createdOn: 1 }\n                    },\n                    {\n                        label: \"Name A-Z\",\n                        sorters: { name: 1 }\n                    },\n                    {\n                        label: \"Name Z-A\",\n                        sorters: { name: -1 }\n                    }\n                ],\n                \"Sorters\"\n            )\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <DataList\n                            {...generalOptionsAndCallbacks}\n                            data={dataProp}\n                            meta={metaProp}\n                            // @ts-ignore\n                            sorters={sortersProp.list}\n                        >\n                            {({ data }: { data: any[] }) => (\n                                <List>\n                                    {data.map(item => (\n                                        <ListItem key={item.id}>\n                                            <ListItemGraphic>\n                                                <img\n                                                    src={\"http://i.pravatar.cc/100?id=\" + item.id}\n                                                />\n                                            </ListItemGraphic>\n                                            <ListItemText>\n                                                {item.firstName} {item.lastName}\n                                                <ListItemTextSecondary>\n                                                    {item.email}\n                                                </ListItemTextSecondary>\n                                            </ListItemText>\n                                            <ListItemMeta>\n                                                <DeleteIcon\n                                                    onClick={() => {\n                                                        console.log(\"Redirect user to form.\");\n                                                    }}\n                                                />\n                                                <EditIcon\n                                                    onClick={() => {\n                                                        console.log(\"Show confirmation dialog.\");\n                                                    }}\n                                                />\n                                            </ListItemMeta>\n                                        </ListItem>\n                                    ))}\n                                </List>\n                            )}\n                        </DataList>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <DataList\n                        {...generalOptionsAndCallbacks}\n                        data={${JSON.stringify(dataProp, null, 2)}}\n                        meta={${JSON.stringify(metaProp, null, 2)}}\n                        sorters={${JSON.stringify(sortersProp.list, null, 2)}}\n                    >\n                      {({ data }) => (\n                            <List>\n                                {data.map(item => (\n                                    <ListItem key={item.id}>\n                                        <ListItemGraphic>\n                                            <img\n                                                src={\n                                                    \"//www.gravatar.com/avatar/\" +\n                                                    item.gravatar +\n                                                    \"?s=48\"\n                                                }\n                                            />\n                                        </ListItemGraphic>\n                                        <ListItemText>\n                                            {item.firstName} {item.lastName}\n                                            <ListItemTextSecondary>\n                                                {item.email}\n                                            </ListItemTextSecondary>\n                                        </ListItemText>\n                                        <ListItemMeta>\n                                                <DeleteIcon\n                                                    onClick={() => {\n                                                        console.log(\"Redirect user to form.\");\n                                                    }}\n                                                />\n                                                <EditIcon\n                                                    onClick={() => {\n                                                        console.log(\"Show confirmation dialog.\");\n                                                    }}\n                                                />\n                                        </ListItemMeta>\n                                    </ListItem>\n                                ))}\n                            </List>\n                        )}\n                    </DataList>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                List,\n                ListItem,\n                ListItemText,\n                ListItemTextSecondary,\n                ListItemMeta,\n                ListItemGraphic\n            ]\n        }\n    }\n);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_addonKnobs","_DataList","_icons","_List","story","storiesOf","module","addDecorator","withKnobs","add","generalOptionsAndCallbacks","refresh","console","log","loading","boolean","title","text","multiActions","setNextPage","cursor","concat","setPreviousPage","perPageOptions","array","setPerPage","perPage","setSorters","sorter","JSON","stringify","dataProp","object","id","firstName","lastName","email","metaProp","totalPages","totalCount","from","to","previousPage","nextPage","sortersProp","list","label","sorters","createdOn","name","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","DataList","Object","assign","data","meta","_ref","List","map","item","ListItem","key","ListItemGraphic","src","ListItemText","ListItemTextSecondary","ListItemMeta","DeleteIcon","onClick","EditIcon","StorySandboxCode","info","propTables"],"sources":["DataList.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../DataList/README.md\";\nimport { withKnobs, boolean, text, object, array } from \"@storybook/addon-knobs\";\n\nimport { DataList } from \"./DataList\";\n\nimport { DeleteIcon, EditIcon } from \"./icons\";\nimport {\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListItemGraphic\n} from \"./../List\";\n\nconst story = storiesOf(\"Components/List\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"data list\",\n    () => {\n        const generalOptionsAndCallbacks = {\n            refresh: () => {\n                console.log(`Implement \"refresh\" method.`);\n            },\n            loading: boolean(\"Loading\", false, \"Basic\"),\n            title: text(\"Title\", \"A list of all users\", \"Basic\"),\n            multiActions: boolean(\"Multi actions\", false, \"Basic\"),\n\n            setNextPage: (cursor: string) => {\n                console.log(`Implement setNextPage method (selected ${cursor}).`);\n            },\n            setPreviousPage: (cursor: string) => {\n                console.log(`Implement setPreviousPage method (selected ${cursor}).`);\n            },\n            perPageOptions: array(\n                \"perPageOptions\",\n                [\"10\", \"25\", \"50\"],\n                \",\",\n                \"Basic\"\n            ) as unknown as number[],\n            setPerPage: (perPage: string) => {\n                console.log(`Implement setPerPage method (selected ${perPage}).`);\n            },\n            setSorters: (sorter: any) => {\n                console.log(`Implement setSorters method (selected ${JSON.stringify(sorter)}).`);\n            }\n        };\n\n        const dataProp = object(\n            \"Data\",\n            [\n                {\n                    id: \"A\",\n                    firstName: \"John\",\n                    lastName: \"Doe\",\n                    email: \"john.doe@webiny.com\"\n                },\n                {\n                    id: \"B\",\n                    firstName: \"Jane\",\n                    lastName: \"Doe\",\n                    email: \"jane.doe@webiny.com\"\n                },\n                {\n                    id: \"C\",\n                    firstName: \"Foo\",\n                    lastName: \"Bar\",\n                    email: \"foo.bar@webiny.com\"\n                }\n            ],\n            \"Data\"\n        );\n\n        const metaProp = object(\n            \"Meta\",\n            {\n                totalPages: 1,\n                totalCount: 3,\n                from: 1,\n                to: 3,\n                previousPage: null,\n                nextPage: null\n            },\n            \"Meta\"\n        );\n\n        const sortersProp = {\n            list: object(\n                \"Sorters\",\n                [\n                    {\n                        label: \"Newest to oldest\",\n                        sorters: { createdOn: -1 }\n                    },\n                    {\n                        label: \"Oldest to newest\",\n                        sorters: { createdOn: 1 }\n                    },\n                    {\n                        label: \"Name A-Z\",\n                        sorters: { name: 1 }\n                    },\n                    {\n                        label: \"Name Z-A\",\n                        sorters: { name: -1 }\n                    }\n                ],\n                \"Sorters\"\n            )\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <DataList\n                            {...generalOptionsAndCallbacks}\n                            data={dataProp}\n                            meta={metaProp}\n                            // @ts-expect-error\n                            sorters={sortersProp.list}\n                        >\n                            {({ data }: { data: any[] }) => (\n                                <List>\n                                    {data.map(item => (\n                                        <ListItem key={item.id}>\n                                            <ListItemGraphic>\n                                                <img\n                                                    src={\"http://i.pravatar.cc/100?id=\" + item.id}\n                                                />\n                                            </ListItemGraphic>\n                                            <ListItemText>\n                                                {item.firstName} {item.lastName}\n                                                <ListItemTextSecondary>\n                                                    {item.email}\n                                                </ListItemTextSecondary>\n                                            </ListItemText>\n                                            <ListItemMeta>\n                                                <DeleteIcon\n                                                    onClick={() => {\n                                                        console.log(\"Redirect user to form.\");\n                                                    }}\n                                                />\n                                                <EditIcon\n                                                    onClick={() => {\n                                                        console.log(\"Show confirmation dialog.\");\n                                                    }}\n                                                />\n                                            </ListItemMeta>\n                                        </ListItem>\n                                    ))}\n                                </List>\n                            )}\n                        </DataList>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <DataList\n                        {...generalOptionsAndCallbacks}\n                        data={${JSON.stringify(dataProp, null, 2)}}\n                        meta={${JSON.stringify(metaProp, null, 2)}}\n                        sorters={${JSON.stringify(sortersProp.list, null, 2)}}\n                    >\n                      {({ data }) => (\n                            <List>\n                                {data.map(item => (\n                                    <ListItem key={item.id}>\n                                        <ListItemGraphic>\n                                            <img\n                                                src={\n                                                    \"//www.gravatar.com/avatar/\" +\n                                                    item.gravatar +\n                                                    \"?s=48\"\n                                                }\n                                            />\n                                        </ListItemGraphic>\n                                        <ListItemText>\n                                            {item.firstName} {item.lastName}\n                                            <ListItemTextSecondary>\n                                                {item.email}\n                                            </ListItemTextSecondary>\n                                        </ListItemText>\n                                        <ListItemMeta>\n                                                <DeleteIcon\n                                                    onClick={() => {\n                                                        console.log(\"Redirect user to form.\");\n                                                    }}\n                                                />\n                                                <EditIcon\n                                                    onClick={() => {\n                                                        console.log(\"Show confirmation dialog.\");\n                                                    }}\n                                                />\n                                        </ListItemMeta>\n                                    </ListItem>\n                                ))}\n                            </List>\n                        )}\n                    </DataList>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                List,\n                ListItem,\n                ListItemText,\n                ListItemTextSecondary,\n                ListItemMeta,\n                ListItemGraphic\n            ]\n        }\n    }\n);\n"],"mappings":"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"}

package/List/DataList/DataListModalOverlay/DataListModalOverlay.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 export declare type SimpleOverlayProps = {
     showOverlay: boolean;
@@ -16,5 +15,6 @@ export declare const DataListModalWrapper: import("@emotion/styled").StyledCompo
 } & DataListModalWrapperProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface DataListModalOverlayProps {
     onDismiss?: (event?: React.SyntheticEvent) => void;
+    children: React.ReactNode;
 }
-export declare const DataListModalOverlay: React.FC<DataListModalOverlayProps>;
+export declare const DataListModalOverlay: ({ onDismiss, children }: DataListModalOverlayProps) => JSX.Element;

package/List/DataList/DataListModalOverlay/DataListModalOverlay.js

@@ -90,7 +90,7 @@ var DataListModalOverlay = function DataListModalOverlay(_ref3) {
     showOverlay: isOpen
   }), /*#__PURE__*/_react.default.createElement(DataListModalWrapper, {
     showOverlay: isOpen,
-    "data-id": "data-list-modal-wrapper"
+    "data-testid": "data-list-modal-wrapper"
   }, children));
 };
 exports.DataListModalOverlay = DataListModalOverlay;

package/List/DataList/DataListModalOverlay/DataListModalOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_DataListModalOverlayContext","SimpleOverlay","styled","target","label","_ref","showOverlay","width","height","position","top","left","backgroundColor","transition","pointerEvents","zIndex","opacity","exports","DataListModalWrapper","_ref2","maxWidth","maxHeight","overflow","boxShadow","borderRadius","transform","paddingBottom","padding","display","justifyContent","color","border","DataListModalOverlay","_ref3","onDismiss","children","_useContext","useContext","DataListModalOverlayContext","isOpen","setIsOpen","default","createElement","Fragment","onClick","e","stopPropagation"],"sources":["DataListModalOverlay.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport type SimpleOverlayProps = { showOverlay: boolean };\nexport const SimpleOverlay = styled.div<SimpleOverlayProps>(({ showOverlay }) => ({\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    backgroundColor: showOverlay ? \"rgba(0, 0, 0, 0.32)\" : \"transparent\",\n    transition: \"150ms all ease-in-out\",\n    pointerEvents: showOverlay ? \"auto\" : \"none\",\n    zIndex: showOverlay ? 5 : -1,\n    opacity: showOverlay ? 1 : 0\n}));\n\nexport interface DataListModalWrapperProps {\n    showOverlay: boolean;\n}\n\nexport const DataListModalWrapper = styled.div<DataListModalWrapperProps>(({ showOverlay }) => ({\n    position: \"absolute\",\n    top: \"0px\",\n    left: \"50%\",\n    width: \"90%\",\n    height: \"auto\",\n    maxWidth: \"426px\",\n    maxHeight: \"520px\",\n    overflow: \"visible\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    boxShadow: \"0px 1px 5px rgba(0, 0, 0, 0.12)\",\n    borderRadius: \"0px 0px 4px 4px\",\n    transition: \"150ms opacity ease-in-out\",\n    pointerEvents: showOverlay ? \"auto\" : \"none\",\n    zIndex: showOverlay ? 5 : -1,\n    opacity: showOverlay ? 1 : 0,\n    transform: showOverlay ? \"translateX(-50%)\" : \"translateX(-1000px)\",\n\n    \"& .input-wrapper\": {\n        paddingBottom: \"16px\"\n    },\n\n    \"& .datalist-modal__footer\": {\n        padding: \"24px\",\n        display: \"flex\",\n        justifyContent: \"space-between\",\n        \"& .mdc-button\": {\n            borderRadius: 4,\n            padding: \"0px 32px\"\n        },\n        \"& .datalist-modal__footer__action--secondary\": {\n            color: \"var(--mdc-theme-text-primary-on-background)\",\n            border: \"1px solid var(--mdc-theme-on-background)\"\n        },\n        \"& .datalist-modal__footer__action--primary\": {\n            backgroundColor: \"var(--mdc-theme-secondary)\"\n        }\n    }\n}));\n\nexport interface DataListModalOverlayProps {\n    /*\n     * This function is called after closing the modal overlay.\n     */\n    onDismiss?: (event?: React.SyntheticEvent) => void;\n}\n\nexport const DataListModalOverlay: React.FC<DataListModalOverlayProps> = ({\n    onDismiss,\n    children\n}) => {\n    const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n    return (\n        <React.Fragment>\n            <SimpleOverlay\n                onClick={e => {\n                    e.stopPropagation();\n                    // Close the modal.\n                    setIsOpen(false);\n\n                    if (typeof onDismiss === \"function\") {\n                        onDismiss();\n                    }\n                }}\n                showOverlay={isOpen}\n            />\n            <DataListModalWrapper showOverlay={isOpen} data-id={\"data-list-modal-wrapper\"}>\n                {children}\n            </DataListModalWrapper>\n        </React.Fragment>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AAGO,IAAMI,aAAa,oBAAGC,eAAM;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAyB,UAAAC,IAAA;EAAA,IAAGC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EAAA,OAAQ;IAC9EC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEN,WAAW,GAAG,qBAAqB,GAAG,aAAa;IACpEO,UAAU,EAAE,uBAAuB;IACnCC,aAAa,EAAER,WAAW,GAAG,MAAM,GAAG,MAAM;IAC5CS,MAAM,EAAET,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5BU,OAAO,EAAEV,WAAW,GAAG,CAAC,GAAG;EAC/B,CAAC;AAAA,CAAC,CAAC;AAACW,OAAA,CAAAhB,aAAA,GAAAA,aAAA;AAMG,IAAMiB,oBAAoB,oBAAGhB,eAAM;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAgC,UAAAe,KAAA;EAAA,IAAGb,WAAW,GAAAa,KAAA,CAAXb,WAAW;EAAA,OAAQ;IAC5FG,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,KAAK;IACXJ,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE,MAAM;IACdY,QAAQ,EAAE,OAAO;IACjBC,SAAS,EAAE,OAAO;IAClBC,QAAQ,EAAE,SAAS;IACnBV,eAAe,EAAE,0BAA0B;IAC3CW,SAAS,EAAE,iCAAiC;IAC5CC,YAAY,EAAE,iBAAiB;IAC/BX,UAAU,EAAE,2BAA2B;IACvCC,aAAa,EAAER,WAAW,GAAG,MAAM,GAAG,MAAM;IAC5CS,MAAM,EAAET,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5BU,OAAO,EAAEV,WAAW,GAAG,CAAC,GAAG,CAAC;IAC5BmB,SAAS,EAAEnB,WAAW,GAAG,kBAAkB,GAAG,qBAAqB;IAEnE,kBAAkB,EAAE;MAChBoB,aAAa,EAAE;IACnB,CAAC;IAED,2BAA2B,EAAE;MACzBC,OAAO,EAAE,MAAM;MACfC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,eAAe;MAC/B,eAAe,EAAE;QACbL,YAAY,EAAE,CAAC;QACfG,OAAO,EAAE;MACb,CAAC;MACD,8CAA8C,EAAE;QAC5CG,KAAK,EAAE,6CAA6C;QACpDC,MAAM,EAAE;MACZ,CAAC;MACD,4CAA4C,EAAE;QAC1CnB,eAAe,EAAE;MACrB;IACJ;EACJ,CAAC;AAAA,CAAC,CAAC;AAACK,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AASG,IAAMc,oBAAyD,GAAG,SAA5DA,oBAAyDA,CAAAC,KAAA,EAGhE;EAAA,IAFFC,SAAS,GAAAD,KAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;EAER,IAAAC,WAAA,GAA8B,IAAAC,iBAAU,EAACC,wDAA2B,CAAC;IAA7DC,MAAM,GAAAH,WAAA,CAANG,MAAM;IAAEC,SAAS,GAAAJ,WAAA,CAATI,SAAS;EACzB,oBACI7C,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAAC/C,MAAA,CAAA8C,OAAK,CAACE,QAAQ,qBACXhD,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACzC,aAAa;IACV2C,OAAO,EAAE,SAAAA,QAAAC,CAAC,EAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnB;MACAN,SAAS,CAAC,KAAK,CAAC;MAEhB,IAAI,OAAON,SAAS,KAAK,UAAU,EAAE;QACjCA,SAAS,CAAC,CAAC;MACf;IACJ,CAAE;IACF5B,WAAW,EAAEiC;EAAO,CACvB,CAAC,eACF5C,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACxB,oBAAoB;IAACZ,WAAW,EAAEiC,MAAO;IAAC,WAAS;EAA0B,GACzEJ,QACiB,CACV,CAAC;AAEzB,CAAC;AAAClB,OAAA,CAAAe,oBAAA,GAAAA,oBAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_DataListModalOverlayContext","SimpleOverlay","styled","target","label","_ref","showOverlay","width","height","position","top","left","backgroundColor","transition","pointerEvents","zIndex","opacity","exports","DataListModalWrapper","_ref2","maxWidth","maxHeight","overflow","boxShadow","borderRadius","transform","paddingBottom","padding","display","justifyContent","color","border","DataListModalOverlay","_ref3","onDismiss","children","_useContext","useContext","DataListModalOverlayContext","isOpen","setIsOpen","default","createElement","Fragment","onClick","e","stopPropagation"],"sources":["DataListModalOverlay.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport type SimpleOverlayProps = { showOverlay: boolean };\nexport const SimpleOverlay = styled.div<SimpleOverlayProps>(({ showOverlay }) => ({\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    backgroundColor: showOverlay ? \"rgba(0, 0, 0, 0.32)\" : \"transparent\",\n    transition: \"150ms all ease-in-out\",\n    pointerEvents: showOverlay ? \"auto\" : \"none\",\n    zIndex: showOverlay ? 5 : -1,\n    opacity: showOverlay ? 1 : 0\n}));\n\nexport interface DataListModalWrapperProps {\n    showOverlay: boolean;\n}\n\nexport const DataListModalWrapper = styled.div<DataListModalWrapperProps>(({ showOverlay }) => ({\n    position: \"absolute\",\n    top: \"0px\",\n    left: \"50%\",\n    width: \"90%\",\n    height: \"auto\",\n    maxWidth: \"426px\",\n    maxHeight: \"520px\",\n    overflow: \"visible\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    boxShadow: \"0px 1px 5px rgba(0, 0, 0, 0.12)\",\n    borderRadius: \"0px 0px 4px 4px\",\n    transition: \"150ms opacity ease-in-out\",\n    pointerEvents: showOverlay ? \"auto\" : \"none\",\n    zIndex: showOverlay ? 5 : -1,\n    opacity: showOverlay ? 1 : 0,\n    transform: showOverlay ? \"translateX(-50%)\" : \"translateX(-1000px)\",\n\n    \"& .input-wrapper\": {\n        paddingBottom: \"16px\"\n    },\n\n    \"& .datalist-modal__footer\": {\n        padding: \"24px\",\n        display: \"flex\",\n        justifyContent: \"space-between\",\n        \"& .mdc-button\": {\n            borderRadius: 4,\n            padding: \"0px 32px\"\n        },\n        \"& .datalist-modal__footer__action--secondary\": {\n            color: \"var(--mdc-theme-text-primary-on-background)\",\n            border: \"1px solid var(--mdc-theme-on-background)\"\n        },\n        \"& .datalist-modal__footer__action--primary\": {\n            backgroundColor: \"var(--mdc-theme-secondary)\"\n        }\n    }\n}));\n\nexport interface DataListModalOverlayProps {\n    /*\n     * This function is called after closing the modal overlay.\n     */\n    onDismiss?: (event?: React.SyntheticEvent) => void;\n\n    children: React.ReactNode;\n}\n\nexport const DataListModalOverlay = ({ onDismiss, children }: DataListModalOverlayProps) => {\n    const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n    return (\n        <React.Fragment>\n            <SimpleOverlay\n                onClick={e => {\n                    e.stopPropagation();\n                    // Close the modal.\n                    setIsOpen(false);\n\n                    if (typeof onDismiss === \"function\") {\n                        onDismiss();\n                    }\n                }}\n                showOverlay={isOpen}\n            />\n            <DataListModalWrapper showOverlay={isOpen} data-testid={\"data-list-modal-wrapper\"}>\n                {children}\n            </DataListModalWrapper>\n        </React.Fragment>\n    );\n};\n"],"mappings":"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"}

package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.d.ts

@@ -3,4 +3,4 @@ export interface DataListModalOverlayActionProps {
     icon: React.ReactNode;
     "data-testid"?: string;
 }
-export declare const DataListModalOverlayAction: React.FC<DataListModalOverlayActionProps>;
+export declare const DataListModalOverlayAction: ({ icon, ...rest }: DataListModalOverlayActionProps) => JSX.Element;

package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_DataListModalOverlayContext","_excluded","DataListModalOverlayAction","_ref","icon","rest","_objectWithoutProperties2","default","_useContext","useContext","DataListModalOverlayContext","isOpen","setIsOpen","createElement","IconButton","onClick","exports"],"sources":["DataListModalOverlayAction.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { IconButton } from \"../../../Button\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport interface DataListModalOverlayActionProps {\n    icon: React.ReactNode;\n    \"data-testid\"?: string;\n}\n\nexport const DataListModalOverlayAction: React.FC<DataListModalOverlayActionProps> = ({\n    icon,\n    ...rest\n}) => {\n    const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n\n    return (\n        <IconButton\n            data-testid={rest[\"data-testid\"]}\n            icon={icon}\n            onClick={() => setIsOpen(!isOpen)}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAA4E,IAAAG,SAAA;AAOrE,IAAMC,0BAAqE,GAAG,SAAxEA,0BAAqEA,CAAAC,IAAA,EAG5E;EAAA,IAFFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACDC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAF,SAAA;EAEP,IAAAO,WAAA,GAA8B,IAAAC,iBAAU,EAACC,wDAA2B,CAAC;IAA7DC,MAAM,GAAAH,WAAA,CAANG,MAAM;IAAEC,SAAS,GAAAJ,WAAA,CAATI,SAAS;EAEzB,oBACIhB,MAAA,CAAAW,OAAA,CAAAM,aAAA,CAACd,OAAA,CAAAe,UAAU;IACP,eAAaT,IAAI,CAAC,aAAa,CAAE;IACjCD,IAAI,EAAEA,IAAK;IACXW,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMH,SAAS,CAAC,CAACD,MAAM,CAAC;IAAA;EAAC,CACrC,CAAC;AAEV,CAAC;AAACK,OAAA,CAAAd,0BAAA,GAAAA,0BAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_DataListModalOverlayContext","_excluded","DataListModalOverlayAction","_ref","icon","rest","_objectWithoutProperties2","default","_useContext","useContext","DataListModalOverlayContext","isOpen","setIsOpen","createElement","IconButton","onClick","exports"],"sources":["DataListModalOverlayAction.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { IconButton } from \"../../../Button\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport interface DataListModalOverlayActionProps {\n    icon: React.ReactNode;\n    \"data-testid\"?: string;\n}\n\nexport const DataListModalOverlayAction = ({ icon, ...rest }: DataListModalOverlayActionProps) => {\n    const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n\n    return (\n        <IconButton\n            data-testid={rest[\"data-testid\"]}\n            icon={icon}\n            onClick={() => setIsOpen(!isOpen)}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAA4E,IAAAG,SAAA;AAOrE,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAAC,IAAA,EAA2D;EAAA,IAArDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAF,SAAA;EACtD,IAAAO,WAAA,GAA8B,IAAAC,iBAAU,EAACC,wDAA2B,CAAC;IAA7DC,MAAM,GAAAH,WAAA,CAANG,MAAM;IAAEC,SAAS,GAAAJ,WAAA,CAATI,SAAS;EAEzB,oBACIhB,MAAA,CAAAW,OAAA,CAAAM,aAAA,CAACd,OAAA,CAAAe,UAAU;IACP,eAAaT,IAAI,CAAC,aAAa,CAAE;IACjCD,IAAI,EAAEA,IAAK;IACXW,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMH,SAAS,CAAC,CAACD,MAAM,CAAC;IAAA;EAAC,CACrC,CAAC;AAEV,CAAC;AAACK,OAAA,CAAAd,0BAAA,GAAAA,0BAAA"}

package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.d.ts

@@ -7,5 +7,5 @@ export declare const DataListModalOverlayContext: React.Context<DataListModalOve
 export interface DataListModalOverlayProviderProps {
     children?: React.ReactChild | React.ReactChild[];
 }
-export declare const DataListModalOverlayProvider: React.FC<DataListModalOverlayProviderProps>;
+export declare const DataListModalOverlayProvider: ({ children }: DataListModalOverlayProviderProps) => JSX.Element;
 export {};

package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","DataListModalOverlayContext","React","createContext","isOpen","setIsOpen","exports","DataListModalOverlayProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray2","default","createElement","Provider","value"],"sources":["DataListModalOverlayContext.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface DataListModalOverlayProviderContext {\n    isOpen: boolean;\n    setIsOpen: (value: boolean) => void;\n}\nexport const DataListModalOverlayContext = React.createContext<DataListModalOverlayProviderContext>(\n    {\n        isOpen: false,\n        setIsOpen: () => {\n            return void 0;\n        }\n    }\n);\n\nexport interface DataListModalOverlayProviderProps {\n    children?: React.ReactChild | React.ReactChild[];\n}\n\nexport const DataListModalOverlayProvider: React.FC<DataListModalOverlayProviderProps> = ({\n    children\n}) => {\n    const [isOpen, setIsOpen] = React.useState<boolean>(false);\n\n    return (\n        <DataListModalOverlayContext.Provider value={{ isOpen, setIsOpen }}>\n            {children}\n        </DataListModalOverlayContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMO,IAAMC,2BAA2B,gBAAGC,cAAK,CAACC,aAAa,CAC1D;EACIC,MAAM,EAAE,KAAK;EACbC,SAAS,EAAE,SAAAA,UAAA,EAAM;IACb,OAAO,KAAK,CAAC;EACjB;AACJ,CACJ,CAAC;AAACC,OAAA,CAAAL,2BAAA,GAAAA,2BAAA;AAMK,IAAMM,4BAAyE,GAAG,SAA5EA,4BAAyEA,CAAAC,IAAA,EAEhF;EAAA,IADFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAER,IAAAC,eAAA,GAA4BR,cAAK,CAACS,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,eAAA;IAAnDN,MAAM,GAAAQ,gBAAA;IAAEP,SAAS,GAAAO,gBAAA;EAExB,oBACId,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,2BAA2B,CAACe,QAAQ;IAACC,KAAK,EAAE;MAAEb,MAAM,EAANA,MAAM;MAAEC,SAAS,EAATA;IAAU;EAAE,GAC9DI,QACiC,CAAC;AAE/C,CAAC;AAACH,OAAA,CAAAC,4BAAA,GAAAA,4BAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","DataListModalOverlayContext","React","createContext","isOpen","setIsOpen","exports","DataListModalOverlayProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray2","default","createElement","Provider","value"],"sources":["DataListModalOverlayContext.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface DataListModalOverlayProviderContext {\n    isOpen: boolean;\n    setIsOpen: (value: boolean) => void;\n}\nexport const DataListModalOverlayContext = React.createContext<DataListModalOverlayProviderContext>(\n    {\n        isOpen: false,\n        setIsOpen: () => {\n            return void 0;\n        }\n    }\n);\n\nexport interface DataListModalOverlayProviderProps {\n    children?: React.ReactChild | React.ReactChild[];\n}\n\nexport const DataListModalOverlayProvider = ({ children }: DataListModalOverlayProviderProps) => {\n    const [isOpen, setIsOpen] = React.useState<boolean>(false);\n\n    return (\n        <DataListModalOverlayContext.Provider value={{ isOpen, setIsOpen }}>\n            {children}\n        </DataListModalOverlayContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMO,IAAMC,2BAA2B,gBAAGC,cAAK,CAACC,aAAa,CAC1D;EACIC,MAAM,EAAE,KAAK;EACbC,SAAS,EAAE,SAAAA,UAAA,EAAM;IACb,OAAO,KAAK,CAAC;EACjB;AACJ,CACJ,CAAC;AAACC,OAAA,CAAAL,2BAAA,GAAAA,2BAAA;AAMK,IAAMM,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAAC,IAAA,EAAwD;EAAA,IAAlDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACnD,IAAAC,eAAA,GAA4BR,cAAK,CAACS,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,eAAA;IAAnDN,MAAM,GAAAQ,gBAAA;IAAEP,SAAS,GAAAO,gBAAA;EAExB,oBACId,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,2BAA2B,CAACe,QAAQ;IAACC,KAAK,EAAE;MAAEb,MAAM,EAANA,MAAM;MAAEC,SAAS,EAATA;IAAU;EAAE,GAC9DI,QACiC,CAAC;AAE/C,CAAC;AAACH,OAAA,CAAAC,4BAAA,GAAAA,4BAAA"}

package/List/DataList/DataListWithSections.d.ts

@@ -13,7 +13,7 @@ interface DataListWithSectionsProps {
     loader?: React.ReactNode;
     noData?: React.ReactNode;
     pagination?: PaginationProp;
-    setSorters?: Function | null;
+    setSorters?: ((sorter: any) => void) | null;
     sorters?: SortersProp | null;
     actions?: React.ReactNode;
     filters?: React.ReactNode;
@@ -37,9 +37,37 @@ interface DataListWithSectionsProps {
     setPerPage?: ((page: string) => void) | null;
     perPageOptions?: number[];
 }
-export declare const DataListWithSections: React.FC<DataListWithSectionsProps>;
+export declare const DataListWithSections: {
+    (props: DataListWithSectionsProps): JSX.Element;
+    defaultProps: {
+        children: null;
+        title: null;
+        data: null;
+        meta: null;
+        loading: boolean;
+        refresh: () => undefined;
+        setPage: null;
+        setPerPage: null;
+        perPageOptions: number[];
+        filters: null;
+        sorters: null;
+        setSorters: null;
+        actions: null;
+        multiSelectAll: (...args: any[]) => void;
+        isAllMultiSelected: () => boolean;
+        isNoneMultiSelected: () => boolean;
+        loader: JSX.Element;
+        noData: JSX.Element;
+        showOptions: {
+            refresh: boolean;
+            pagination: boolean;
+            sorters: boolean;
+            filters: boolean;
+        };
+    };
+};
 interface ScrollListWithSectionsProps extends ListProps {
     children: React.ReactElement<typeof ListItem>[];
 }
-export declare const ScrollListWithSections: React.FC<ScrollListWithSectionsProps>;
+export declare const ScrollListWithSections: (props: ScrollListWithSectionsProps) => JSX.Element;
 export {};

package/List/DataList/DataListWithSections.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_classnames","_Loader","_NoData","_Typography","_emotion","_noop","_isEmpty","_Checkbox","_Menu","_Grid","_icons","_","_DataListModalOverlay","ListContainer","styled","target","label","position","height","paddingBottom","paddingTop","borderBottom","padding","minHeight","display","marginRight","width","margin","alignItems","justifyContent","flexDirection","boxSizing","whiteSpace","marginTop","marginBottom","textAlign","listHeader","css","color","listSubHeader","ListHeaderItem","verticalAlign","opacity","pointerEvents","listTitle","listActions","scrollList","overflow","dataListContent","MultiSelectAll","props","multiSelectActions","_ref","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","default","createElement","Fragment","Checkbox","indeterminate","value","onClick","MultiSelectActions","RefreshButton","refresh","RefreshIcon","Sorters","sorters","Menu","handle","SortIcon","map","sorter","MenuItem","key","setSorters","Filters","filters","FilterIcon","Pagination","pagination","setNextPage","className","classNames","disabled","hasPreviousPage","PreviousPageIcon","setPreviousPage","hasNextPage","NextPageIcon","Array","isArray","perPageOptions","setPerPage","OptionsIcon","perPage","Search","search","Cell","span","React","cloneElement","DataListWithSections","render","loading","loader","isEmpty","noData","ch","children","showOptions","listHeaderActionsCellSpan","actions","listHeaderTitleCellSpan","DataListModalOverlayProvider","title","Grid","Typography","use","Object","keys","length","style","justifySelf","modalOverlayAction","subHeader","modalOverlay","exports","defaultProps","meta","setPage","noop","ScrollListWithSections","List","assign"],"sources":["DataListWithSections.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport Loader from \"./Loader\";\nimport NoData from \"./NoData\";\nimport { Typography } from \"~/Typography\";\nimport { css } from \"emotion\";\nimport noop from \"lodash/noop\";\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { Checkbox } from \"../../Checkbox\";\nimport { Menu, MenuItem } from \"../../Menu\";\nimport { Grid, Cell } from \"../../Grid\";\n\nimport {\n    RefreshIcon,\n    SortIcon,\n    FilterIcon,\n    PreviousPageIcon,\n    NextPageIcon,\n    OptionsIcon\n} from \"./icons\";\nimport { List, ListItem, ListProps } from \"..\";\nimport { DataListModalOverlayProvider } from \"./DataListModalOverlay\";\nimport { PaginationProp, SortersProp } from \"./types\";\n\nconst ListContainer = styled(\"div\")({\n    position: \"relative\",\n    height: \"100%\",\n    \".mdc-list\": {\n        paddingBottom: 0,\n        paddingTop: 0\n    },\n    \".mdc-list-item\": {\n        borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n        padding: \"10px 20px 10px 20px\",\n        height: \"auto\",\n        minHeight: 40,\n        \".mdc-list-item__text, .mdc-list-item__secondary-text, .webiny-list-text-overline\": {\n            display: \"block\"\n        },\n        \".mdc-list-item__graphic\": {\n            marginRight: 20\n        },\n        \".mdc-list-item__text\": {\n            width: \"100%\",\n            margin: \"-20px 0\",\n            padding: \"20px 0\"\n        },\n        \".mdc-list-item__meta\": {\n            alignItems: \"center\",\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            flexDirection: \"column\",\n            position: \"relative\",\n            padding: \"5px 0\",\n            boxSizing: \"border-box\",\n            height: \"100%\",\n            whiteSpace: \"nowrap\",\n            marginTop: -10,\n            marginBottom: -10,\n            \".webiny-list-actions\": {\n                display: \"none\"\n            },\n            \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n                //position: 'absolute',\n                width: \"100%\",\n                textAlign: \"right\"\n            },\n            \".webiny-list-top-caption\": {\n                marginBottom: 20\n            }\n        },\n        \"&:hover\": {\n            \".mdc-list-item__meta\": {\n                \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n                    display: \"none\"\n                },\n                \".webiny-list-actions\": {\n                    display: \"flex\",\n                    height: \"100%\",\n                    alignItems: \"center\"\n                }\n            }\n        }\n    }\n});\n\nconst listHeader = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    width: \"100%\"\n});\n\nconst listSubHeader = css({\n    width: \"100%\",\n    \"&.mdc-layout-grid\": {\n        borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n        padding: \"10px 24px 10px 12px\",\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\nconst ListHeaderItem = styled(\"div\")({\n    display: \"inline-block\",\n    verticalAlign: \"middle\",\n    \"&.disabled\": {\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    }\n});\n\nconst listTitle = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst listActions = css({\n    textAlign: \"right\"\n});\n\nconst scrollList = css({\n    overflow: \"auto\",\n    height: \"calc(100vh - 235px)\"\n});\n\nconst dataListContent = css({\n    position: \"relative\",\n    height: \"100%\",\n    overflow: \"auto\"\n});\n\ninterface DataListData {\n    [key: string]: Record<string, any>[];\n}\n\n// This was copied from \"./types\" so that it can be outputted in docs.\ninterface DataListWithSectionsProps {\n    // Pass a function to take full control of list render.\n    children?: ((props: any) => React.ReactNode) | null;\n\n    // A title of paginated list.\n    title?: React.ReactNode;\n\n    // FormData that needs to be shown in the list.\n    data?: DataListData | null;\n\n    // A callback that must refresh current view by repeating the previous query.\n    refresh?: (() => void) | null;\n\n    // If true, Loader component will be shown, disallowing any interaction.\n    loading?: boolean;\n\n    // Provide a custom loader. Shown while the content is loading.\n    loader?: React.ReactNode;\n\n    // Provide a custom no data component. Shown while there is no data to be shown.\n    noData?: React.ReactNode;\n\n    // Provide all pagination data, options and callbacks here.\n    pagination?: PaginationProp;\n\n    // Triggered once a sorter has been selected.\n    setSorters?: Function | null;\n\n    // Provide all sorters options and callbacks here.\n    sorters?: SortersProp | null;\n\n    // Provide actions that will be shown in the top right corner (eg. export or import actions).\n    actions?: React.ReactNode;\n\n    // Provide filters that will be shown in the top left corner (eg. filter by category or status).\n    filters?: React.ReactNode;\n\n    // Provide actions that can be executed on one or more multi-selected list items (eg. export or delete).\n    multiSelectActions?: React.ReactNode;\n\n    // Provide callback that will be executed once user selects all list items.\n    multiSelectAll?: (value: boolean, data: DataListData | null) => void;\n\n    // Callback which returns true if all items were selected, otherwise returns false.\n    isAllMultiSelected?: (data: DataListData | null) => boolean;\n\n    // Callback which returns true if none of the items were selected, otherwise returns false.\n    isNoneMultiSelected?: (data: DataListData | null) => boolean;\n\n    showOptions?: {\n        refresh?: boolean;\n        pagination?: boolean;\n        filters?: boolean;\n        sorters?: boolean;\n        [key: string]: any;\n    };\n\n    // Provide search UI that will be shown in the top left corner.\n    search?: React.ReactElement;\n    // Provide simple modal UI that will be shown over the list content.\n    modalOverlay?: React.ReactElement;\n    // Provide an action element that handle toggling the \"Modal overlay\".\n    modalOverlayAction?: React.ReactElement;\n    // Provide additional UI for list sub-header.\n    subHeader?: React.ReactElement;\n\n    meta?: Record<string, any> | null;\n\n    setPage?: ((page: string) => void) | null;\n\n    setPerPage?: ((page: string) => void) | null;\n\n    perPageOptions?: number[];\n}\n\nconst MultiSelectAll: React.FC<DataListWithSectionsProps> = props => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n    /**\n     * We can safely cast because we have defaults.\n     */\n    const { isAllMultiSelected, isNoneMultiSelected, multiSelectAll, data } =\n        props as Required<DataListWithSectionsProps>;\n\n    return (\n        <React.Fragment>\n            {typeof multiSelectAll === \"function\" && (\n                <ListHeaderItem>\n                    <Checkbox\n                        indeterminate={!isAllMultiSelected(data) && !isNoneMultiSelected(data)}\n                        value={isAllMultiSelected(data)}\n                        onClick={() => {\n                            multiSelectAll(!isAllMultiSelected(data), data);\n                        }}\n                    />\n                </ListHeaderItem>\n            )}\n        </React.Fragment>\n    );\n};\n\nconst MultiSelectActions: React.FC<DataListWithSectionsProps> = props => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n\n    return <ListHeaderItem>{multiSelectActions}</ListHeaderItem>;\n};\n\nconst RefreshButton: React.FC<DataListWithSectionsProps> = props => {\n    const refresh = props.refresh;\n    if (!refresh) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <RefreshIcon onClick={() => refresh()} />\n        </ListHeaderItem>\n    );\n};\n\nconst Sorters: React.FC<DataListWithSectionsProps> = props => {\n    const sorters = props.sorters;\n    if (!sorters) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <Menu handle={<SortIcon />}>\n                {sorters.map(sorter => (\n                    <MenuItem\n                        key={sorter.label}\n                        onClick={() => {\n                            if (sorters && props.setSorters) {\n                                props.setSorters(sorter.value);\n                            }\n                        }}\n                    >\n                        {sorter.label}\n                    </MenuItem>\n                ))}\n            </Menu>\n        </ListHeaderItem>\n    );\n};\n\nconst Filters: React.FC<DataListWithSectionsProps> = props => {\n    const filters = props.filters;\n    if (!filters) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <Menu handle={<FilterIcon />}>{filters}</Menu>\n        </ListHeaderItem>\n    );\n};\n\nconst Pagination: React.FC<DataListWithSectionsProps> = props => {\n    const { pagination } = props;\n    if (!pagination) {\n        return null;\n    }\n\n    return (\n        <React.Fragment>\n            {pagination.setNextPage && (\n                <React.Fragment>\n                    <ListHeaderItem\n                        className={classNames({\n                            disabled: !pagination.hasPreviousPage\n                        })}\n                    >\n                        <PreviousPageIcon\n                            onClick={() => {\n                                if (pagination.setPreviousPage && pagination.hasPreviousPage) {\n                                    pagination.setPreviousPage();\n                                }\n                            }}\n                        />\n                    </ListHeaderItem>\n\n                    <ListHeaderItem\n                        className={classNames({\n                            disabled: !pagination.hasNextPage\n                        })}\n                    >\n                        <NextPageIcon\n                            onClick={() => {\n                                if (pagination.setNextPage && pagination.hasNextPage) {\n                                    pagination.setNextPage();\n                                }\n                            }}\n                        />\n                    </ListHeaderItem>\n                </React.Fragment>\n            )}\n\n            {Array.isArray(pagination.perPageOptions) && pagination.setPerPage && (\n                <ListHeaderItem>\n                    <Menu handle={<OptionsIcon />}>\n                        {pagination.setPerPage &&\n                            pagination.perPageOptions.map(perPage => (\n                                <MenuItem\n                                    key={perPage}\n                                    onClick={() =>\n                                        pagination.setPerPage && pagination.setPerPage(perPage)\n                                    }\n                                >\n                                    {perPage}\n                                </MenuItem>\n                            ))}\n                    </Menu>\n                </ListHeaderItem>\n            )}\n        </React.Fragment>\n    );\n};\n\nconst Search: React.FC<DataListWithSectionsProps> = props => {\n    if (!props.search) {\n        return null;\n    }\n    return <Cell span={7}>{React.cloneElement(props.search, props)}</Cell>;\n};\n\nexport const DataListWithSections: React.FC<DataListWithSectionsProps> = props => {\n    let render: React.ReactNode = null;\n\n    if (props.loading) {\n        render = props.loader;\n    } else if (isEmpty(props.data)) {\n        render = props.noData;\n    } else {\n        const ch = props.children;\n        render = typeof ch === \"function\" ? ch(props) : null;\n    }\n\n    const showOptions = props.showOptions || {};\n\n    const listHeaderActionsCellSpan = props.actions ? 7 : 0;\n    const listHeaderTitleCellSpan = 12 - listHeaderActionsCellSpan;\n\n    return (\n        <DataListModalOverlayProvider>\n            <ListContainer className={\"webiny-data-list\"} data-testid={\"ui.list.data-list\"}>\n                {(props.title || props.actions) && (\n                    <Grid className={listHeader}>\n                        <Cell span={listHeaderTitleCellSpan} className={listTitle}>\n                            <Typography use=\"headline5\">{props.title}</Typography>\n                        </Cell>\n                        {props.actions && (\n                            <Cell span={listHeaderActionsCellSpan} className={listActions}>\n                                {props.actions}\n                            </Cell>\n                        )}\n                    </Grid>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <Grid className={listSubHeader}>\n                        <Search {...props} />\n                        <Cell span={props.search ? 5 : 12} style={{ justifySelf: \"end\" }}>\n                            <MultiSelectAll {...props} />\n                            {showOptions.refresh && <RefreshButton {...props} />}\n                            {showOptions.pagination && <Pagination {...props} />}\n                            {showOptions.sorters && <Sorters {...props} />}\n                            {showOptions.filters && <Filters {...props} />}\n                            {props.modalOverlayAction ? (\n                                <ListHeaderItem>{props.modalOverlayAction}</ListHeaderItem>\n                            ) : null}\n                            <MultiSelectActions {...props} />\n                        </Cell>\n                    </Grid>\n                )}\n\n                <div className={classNames(dataListContent, \"webiny-data-list__content\")}>\n                    {props.subHeader}\n                    {render}\n                    {props.modalOverlay}\n                </div>\n            </ListContainer>\n        </DataListModalOverlayProvider>\n    );\n};\n\nDataListWithSections.defaultProps = {\n    children: null,\n    title: null,\n    data: null,\n    meta: null,\n    loading: false,\n    refresh: () => {\n        return void 0;\n    },\n    setPage: null,\n    setPerPage: null,\n    perPageOptions: [10, 25, 50],\n    filters: null,\n    sorters: null,\n    setSorters: null,\n    actions: null,\n    multiSelectAll: noop,\n    isAllMultiSelected: () => false,\n    isNoneMultiSelected: () => false,\n    loader: <Loader />,\n    noData: <NoData />,\n    showOptions: {\n        refresh: true,\n        pagination: true,\n        sorters: true,\n        filters: true\n    }\n};\n\ninterface ScrollListWithSectionsProps extends ListProps {\n    children: React.ReactElement<typeof ListItem>[];\n}\n\nexport const ScrollListWithSections: React.FC<ScrollListWithSectionsProps> = props => {\n    return (\n        <List {...props} className={classNames(props.className, scrollList)}>\n            {props.children}\n        </List>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_classnames","_Loader","_NoData","_Typography","_emotion","_noop","_isEmpty","_Checkbox","_Menu","_Grid","_icons","_","_DataListModalOverlay","ListContainer","styled","target","label","position","height","paddingBottom","paddingTop","borderBottom","padding","minHeight","display","marginRight","width","margin","alignItems","justifyContent","flexDirection","boxSizing","whiteSpace","marginTop","marginBottom","textAlign","listHeader","css","color","listSubHeader","ListHeaderItem","verticalAlign","opacity","pointerEvents","listTitle","listActions","scrollList","overflow","dataListContent","MultiSelectAll","props","multiSelectActions","_ref","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","default","createElement","Fragment","Checkbox","indeterminate","value","onClick","MultiSelectActions","RefreshButton","refresh","RefreshIcon","Sorters","sorters","Menu","handle","SortIcon","map","sorter","MenuItem","key","setSorters","Filters","filters","FilterIcon","Pagination","pagination","setNextPage","className","classNames","disabled","hasPreviousPage","PreviousPageIcon","setPreviousPage","hasNextPage","NextPageIcon","Array","isArray","perPageOptions","setPerPage","OptionsIcon","perPage","Search","search","Cell","span","React","cloneElement","DataListWithSections","render","loading","loader","isEmpty","noData","ch","children","showOptions","listHeaderActionsCellSpan","actions","listHeaderTitleCellSpan","DataListModalOverlayProvider","title","Grid","Typography","use","Object","keys","length","style","justifySelf","modalOverlayAction","subHeader","modalOverlay","exports","defaultProps","meta","setPage","noop","ScrollListWithSections","List","assign"],"sources":["DataListWithSections.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport Loader from \"./Loader\";\nimport NoData from \"./NoData\";\nimport { Typography } from \"~/Typography\";\nimport { css } from \"emotion\";\nimport noop from \"lodash/noop\";\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { Checkbox } from \"../../Checkbox\";\nimport { Menu, MenuItem } from \"../../Menu\";\nimport { Cell, Grid } from \"../../Grid\";\n\nimport {\n    FilterIcon,\n    NextPageIcon,\n    OptionsIcon,\n    PreviousPageIcon,\n    RefreshIcon,\n    SortIcon\n} from \"./icons\";\nimport { List, ListItem, ListProps } from \"..\";\nimport { DataListModalOverlayProvider } from \"./DataListModalOverlay\";\nimport { PaginationProp, SortersProp } from \"./types\";\n\nconst ListContainer = styled(\"div\")({\n    position: \"relative\",\n    height: \"100%\",\n    \".mdc-list\": {\n        paddingBottom: 0,\n        paddingTop: 0\n    },\n    \".mdc-list-item\": {\n        borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n        padding: \"10px 20px 10px 20px\",\n        height: \"auto\",\n        minHeight: 40,\n        \".mdc-list-item__text, .mdc-list-item__secondary-text, .webiny-list-text-overline\": {\n            display: \"block\"\n        },\n        \".mdc-list-item__graphic\": {\n            marginRight: 20\n        },\n        \".mdc-list-item__text\": {\n            width: \"100%\",\n            margin: \"-20px 0\",\n            padding: \"20px 0\"\n        },\n        \".mdc-list-item__meta\": {\n            alignItems: \"center\",\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            flexDirection: \"column\",\n            position: \"relative\",\n            padding: \"5px 0\",\n            boxSizing: \"border-box\",\n            height: \"100%\",\n            whiteSpace: \"nowrap\",\n            marginTop: -10,\n            marginBottom: -10,\n            \".webiny-list-actions\": {\n                display: \"none\"\n            },\n            \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n                //position: 'absolute',\n                width: \"100%\",\n                textAlign: \"right\"\n            },\n            \".webiny-list-top-caption\": {\n                marginBottom: 20\n            }\n        },\n        \"&:hover\": {\n            \".mdc-list-item__meta\": {\n                \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n                    display: \"none\"\n                },\n                \".webiny-list-actions\": {\n                    display: \"flex\",\n                    height: \"100%\",\n                    alignItems: \"center\"\n                }\n            }\n        }\n    }\n});\n\nconst listHeader = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    width: \"100%\"\n});\n\nconst listSubHeader = css({\n    width: \"100%\",\n    \"&.mdc-layout-grid\": {\n        borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n        padding: \"10px 24px 10px 12px\",\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\nconst ListHeaderItem = styled(\"div\")({\n    display: \"inline-block\",\n    verticalAlign: \"middle\",\n    \"&.disabled\": {\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    }\n});\n\nconst listTitle = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst listActions = css({\n    textAlign: \"right\"\n});\n\nconst scrollList = css({\n    overflow: \"auto\",\n    height: \"calc(100vh - 235px)\"\n});\n\nconst dataListContent = css({\n    position: \"relative\",\n    height: \"100%\",\n    overflow: \"auto\"\n});\n\ninterface DataListData {\n    [key: string]: Record<string, any>[];\n}\n\n// This was copied from \"./types\" so that it can be outputted in docs.\ninterface DataListWithSectionsProps {\n    // Pass a function to take full control of list render.\n    children?: ((props: any) => React.ReactNode) | null;\n\n    // A title of paginated list.\n    title?: React.ReactNode;\n\n    // FormData that needs to be shown in the list.\n    data?: DataListData | null;\n\n    // A callback that must refresh current view by repeating the previous query.\n    refresh?: (() => void) | null;\n\n    // If true, Loader component will be shown, disallowing any interaction.\n    loading?: boolean;\n\n    // Provide a custom loader. Shown while the content is loading.\n    loader?: React.ReactNode;\n\n    // Provide a custom no data component. Shown while there is no data to be shown.\n    noData?: React.ReactNode;\n\n    // Provide all pagination data, options and callbacks here.\n    pagination?: PaginationProp;\n\n    // Triggered once a sorter has been selected.\n    setSorters?: ((sorter: any) => void) | null;\n\n    // Provide all sorters options and callbacks here.\n    sorters?: SortersProp | null;\n\n    // Provide actions that will be shown in the top right corner (eg. export or import actions).\n    actions?: React.ReactNode;\n\n    // Provide filters that will be shown in the top left corner (eg. filter by category or status).\n    filters?: React.ReactNode;\n\n    // Provide actions that can be executed on one or more multi-selected list items (eg. export or delete).\n    multiSelectActions?: React.ReactNode;\n\n    // Provide callback that will be executed once user selects all list items.\n    multiSelectAll?: (value: boolean, data: DataListData | null) => void;\n\n    // Callback which returns true if all items were selected, otherwise returns false.\n    isAllMultiSelected?: (data: DataListData | null) => boolean;\n\n    // Callback which returns true if none of the items were selected, otherwise returns false.\n    isNoneMultiSelected?: (data: DataListData | null) => boolean;\n\n    showOptions?: {\n        refresh?: boolean;\n        pagination?: boolean;\n        filters?: boolean;\n        sorters?: boolean;\n        [key: string]: any;\n    };\n\n    // Provide search UI that will be shown in the top left corner.\n    search?: React.ReactElement;\n    // Provide simple modal UI that will be shown over the list content.\n    modalOverlay?: React.ReactElement;\n    // Provide an action element that handle toggling the \"Modal overlay\".\n    modalOverlayAction?: React.ReactElement;\n    // Provide additional UI for list sub-header.\n    subHeader?: React.ReactElement;\n\n    meta?: Record<string, any> | null;\n\n    setPage?: ((page: string) => void) | null;\n\n    setPerPage?: ((page: string) => void) | null;\n\n    perPageOptions?: number[];\n}\n\nconst MultiSelectAll = (props: DataListWithSectionsProps) => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n    /**\n     * We can safely cast because we have defaults.\n     */\n    const { isAllMultiSelected, isNoneMultiSelected, multiSelectAll, data } =\n        props as Required<DataListWithSectionsProps>;\n\n    return (\n        <React.Fragment>\n            {typeof multiSelectAll === \"function\" && (\n                <ListHeaderItem>\n                    <Checkbox\n                        indeterminate={!isAllMultiSelected(data) && !isNoneMultiSelected(data)}\n                        value={isAllMultiSelected(data)}\n                        onClick={() => {\n                            multiSelectAll(!isAllMultiSelected(data), data);\n                        }}\n                    />\n                </ListHeaderItem>\n            )}\n        </React.Fragment>\n    );\n};\n\nconst MultiSelectActions = (props: DataListWithSectionsProps) => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n\n    return <ListHeaderItem>{multiSelectActions}</ListHeaderItem>;\n};\n\nconst RefreshButton = (props: DataListWithSectionsProps) => {\n    const refresh = props.refresh;\n    if (!refresh) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <RefreshIcon onClick={() => refresh()} />\n        </ListHeaderItem>\n    );\n};\n\nconst Sorters = (props: DataListWithSectionsProps) => {\n    const sorters = props.sorters;\n    if (!sorters) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <Menu handle={<SortIcon />}>\n                {sorters.map(sorter => (\n                    <MenuItem\n                        key={sorter.label}\n                        onClick={() => {\n                            if (sorters && props.setSorters) {\n                                props.setSorters(sorter.value);\n                            }\n                        }}\n                    >\n                        {sorter.label}\n                    </MenuItem>\n                ))}\n            </Menu>\n        </ListHeaderItem>\n    );\n};\n\nconst Filters = (props: DataListWithSectionsProps) => {\n    const filters = props.filters;\n    if (!filters) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <Menu handle={<FilterIcon />}>{filters}</Menu>\n        </ListHeaderItem>\n    );\n};\n\nconst Pagination = (props: DataListWithSectionsProps) => {\n    const { pagination } = props;\n    if (!pagination) {\n        return null;\n    }\n\n    return (\n        <React.Fragment>\n            {pagination.setNextPage && (\n                <React.Fragment>\n                    <ListHeaderItem\n                        className={classNames({\n                            disabled: !pagination.hasPreviousPage\n                        })}\n                    >\n                        <PreviousPageIcon\n                            onClick={() => {\n                                if (pagination.setPreviousPage && pagination.hasPreviousPage) {\n                                    pagination.setPreviousPage();\n                                }\n                            }}\n                        />\n                    </ListHeaderItem>\n\n                    <ListHeaderItem\n                        className={classNames({\n                            disabled: !pagination.hasNextPage\n                        })}\n                    >\n                        <NextPageIcon\n                            onClick={() => {\n                                if (pagination.setNextPage && pagination.hasNextPage) {\n                                    pagination.setNextPage();\n                                }\n                            }}\n                        />\n                    </ListHeaderItem>\n                </React.Fragment>\n            )}\n\n            {Array.isArray(pagination.perPageOptions) && pagination.setPerPage && (\n                <ListHeaderItem>\n                    <Menu handle={<OptionsIcon />}>\n                        {pagination.setPerPage &&\n                            pagination.perPageOptions.map(perPage => (\n                                <MenuItem\n                                    key={perPage}\n                                    onClick={() =>\n                                        pagination.setPerPage && pagination.setPerPage(perPage)\n                                    }\n                                >\n                                    {perPage}\n                                </MenuItem>\n                            ))}\n                    </Menu>\n                </ListHeaderItem>\n            )}\n        </React.Fragment>\n    );\n};\n\nconst Search = (props: DataListWithSectionsProps) => {\n    if (!props.search) {\n        return null;\n    }\n    return <Cell span={7}>{React.cloneElement(props.search, props)}</Cell>;\n};\n\nexport const DataListWithSections = (props: DataListWithSectionsProps) => {\n    let render: React.ReactNode = null;\n\n    if (props.loading) {\n        render = props.loader;\n    } else if (isEmpty(props.data)) {\n        render = props.noData;\n    } else {\n        const ch = props.children;\n        render = typeof ch === \"function\" ? ch(props) : null;\n    }\n\n    const showOptions = props.showOptions || {};\n\n    const listHeaderActionsCellSpan = props.actions ? 7 : 0;\n    const listHeaderTitleCellSpan = 12 - listHeaderActionsCellSpan;\n\n    return (\n        <DataListModalOverlayProvider>\n            <ListContainer className={\"webiny-data-list\"} data-testid={\"ui.list.data-list\"}>\n                {(props.title || props.actions) && (\n                    <Grid className={listHeader}>\n                        <Cell span={listHeaderTitleCellSpan} className={listTitle}>\n                            <Typography use=\"headline5\">{props.title}</Typography>\n                        </Cell>\n                        {props.actions && (\n                            <Cell span={listHeaderActionsCellSpan} className={listActions}>\n                                {props.actions}\n                            </Cell>\n                        )}\n                    </Grid>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <Grid className={listSubHeader}>\n                        <Search {...props} />\n                        <Cell span={props.search ? 5 : 12} style={{ justifySelf: \"end\" }}>\n                            <MultiSelectAll {...props} />\n                            {showOptions.refresh && <RefreshButton {...props} />}\n                            {showOptions.pagination && <Pagination {...props} />}\n                            {showOptions.sorters && <Sorters {...props} />}\n                            {showOptions.filters && <Filters {...props} />}\n                            {props.modalOverlayAction ? (\n                                <ListHeaderItem>{props.modalOverlayAction}</ListHeaderItem>\n                            ) : null}\n                            <MultiSelectActions {...props} />\n                        </Cell>\n                    </Grid>\n                )}\n\n                <div className={classNames(dataListContent, \"webiny-data-list__content\")}>\n                    {props.subHeader}\n                    {render}\n                    {props.modalOverlay}\n                </div>\n            </ListContainer>\n        </DataListModalOverlayProvider>\n    );\n};\n\nDataListWithSections.defaultProps = {\n    children: null,\n    title: null,\n    data: null,\n    meta: null,\n    loading: false,\n    refresh: () => {\n        return void 0;\n    },\n    setPage: null,\n    setPerPage: null,\n    perPageOptions: [10, 25, 50],\n    filters: null,\n    sorters: null,\n    setSorters: null,\n    actions: null,\n    multiSelectAll: noop,\n    isAllMultiSelected: () => false,\n    isNoneMultiSelected: () => false,\n    loader: <Loader />,\n    noData: <NoData />,\n    showOptions: {\n        refresh: true,\n        pagination: true,\n        sorters: true,\n        filters: true\n    }\n};\n\ninterface ScrollListWithSectionsProps extends ListProps {\n    children: React.ReactElement<typeof ListItem>[];\n}\n\nexport const ScrollListWithSections = (props: ScrollListWithSectionsProps) => {\n    return (\n        <List {...props} className={classNames(props.className, scrollList)}>\n            {props.children}\n        </List>\n    );\n};\n"],"mappings":"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"}

package/List/DataList/NoData.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const NoData: React.FC;
+/// <reference types="react" />
+declare const NoData: () => JSX.Element;
 export default NoData;

package/List/DataList/NoData.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Typography","_styled","NoDataWrapper","styled","target","label","textAlign","padding","color","NoData","default","createElement","Typography","use","_default","exports"],"sources":["NoData.tsx"],"sourcesContent":["import React from \"react\";\nimport { Typography } from \"../../Typography\";\nimport styled from \"@emotion/styled\";\n\nconst NoDataWrapper = styled(\"div\")({\n    textAlign: \"center\",\n    padding: 100,\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst NoData: React.FC = () => (\n    <NoDataWrapper>\n        <Typography use=\"overline\">No records found.</Typography>\n    </NoDataWrapper>\n);\n\nexport default NoData;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAChCC,SAAS,EAAE,QAAQ;EACnBC,OAAO,EAAE,GAAG;EACZC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,MAAgB,GAAG,SAAnBA,MAAgBA,CAAA;EAAA,oBAClBZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,aAAa,qBACVL,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,WAAA,CAAAY,UAAU;IAACC,GAAG,EAAC;EAAU,GAAC,mBAA6B,CAC7C,CAAC;AAAA,CACnB;AAAC,IAAAC,QAAA,GAEaL,MAAM;AAAAM,OAAA,CAAAL,OAAA,GAAAI,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Typography","_styled","NoDataWrapper","styled","target","label","textAlign","padding","color","NoData","default","createElement","Typography","use","_default","exports"],"sources":["NoData.tsx"],"sourcesContent":["import React from \"react\";\nimport { Typography } from \"../../Typography\";\nimport styled from \"@emotion/styled\";\n\nconst NoDataWrapper = styled(\"div\")({\n    textAlign: \"center\",\n    padding: 100,\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst NoData = () => (\n    <NoDataWrapper>\n        <Typography use=\"overline\">No records found.</Typography>\n    </NoDataWrapper>\n);\n\nexport default NoData;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAChCC,SAAS,EAAE,QAAQ;EACnBC,OAAO,EAAE,GAAG;EACZC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA;EAAA,oBACRZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,aAAa,qBACVL,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,WAAA,CAAAY,UAAU;IAACC,GAAG,EAAC;EAAU,GAAC,mBAA6B,CAC7C,CAAC;AAAA,CACnB;AAAC,IAAAC,QAAA,GAEaL,MAAM;AAAAM,OAAA,CAAAL,OAAA,GAAAI,QAAA"}

package/List/DataList/types.d.ts

@@ -13,16 +13,16 @@ export declare type SortersProp = Array<{
     value: any;
 }>;
 export declare type Props = {
-    children?: Function;
+    children?: <T = Record<string, any>>(props: T) => React.ReactNode;
     title?: React.ReactNode;
-    data?: Object[];
-    refresh?: Function;
+    data?: Record<string, any>[];
+    refresh?: () => void;
     loading?: boolean;
     loader?: React.ReactNode;
     pagination?: PaginationProp;
-    setPage?: Function;
-    setSorters?: Function;
-    setFilters?: Function;
+    setPage?: (page: string) => void;
+    setSorters?: (sorter: any) => void;
+    setFilters?: (filters: any) => void;
     sorters?: SortersProp;
     multiActions?: any[];
 };

package/List/DataList/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PaginationProp = {\n    // Triggered when a page is about to be changed.\n    setPage?: (page: number) => void;\n\n    // Triggered when previous page is requested.\n    setPreviousPage?: () => void;\n\n    // Triggered when next page is requested.\n    setNextPage?: () => void;\n\n    // Triggered internally when in need to determine if there is a next page and apply UI changes accordingly.\n    hasNextPage?: boolean;\n\n    // Triggered internally when in need to determine if there is a previous page and apply UI changes accordingly.\n    hasPreviousPage?: boolean;\n\n    // Triggered when number of entries per page has been changed.\n    setPerPage?: (amount: number) => void;\n\n    // By default, users can choose from 10, 25 or 50 entries per page.\n    perPageOptions?: number[];\n};\n\nexport type SortersProp = Array<{ label: string; value: any }>;\n\nexport type Props = {\n    // Pass a function to take full control of list render.\n    children?: Function;\n\n    // A title of paginated list.\n    title?: React.ReactNode;\n\n    // FormData that needs to be shown in the list.\n    data?: Object[];\n\n    // A callback that must refresh current view by repeating the previous query.\n    refresh?: Function;\n\n    // If true, Loader component will be shown, disallowing any interaction.\n    loading?: boolean;\n\n    // Provide a custom loader. Shown while the content is being loaded.\n    loader?: React.ReactNode;\n\n    // Provide all pagination data, options and callbacks here.\n    pagination?: PaginationProp;\n\n    // Triggered once the page has been selected.\n    setPage?: Function;\n\n    // Triggered once a sorter has been selected.\n    setSorters?: Function;\n\n    // Triggered once selected filters are submitted.\n    setFilters?: Function;\n\n    // Provide all sorters options and callbacks here.\n    sorters?: SortersProp;\n\n    multiActions?: any[]; // TODO: define\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PaginationProp = {\n    // Triggered when a page is about to be changed.\n    setPage?: (page: number) => void;\n\n    // Triggered when previous page is requested.\n    setPreviousPage?: () => void;\n\n    // Triggered when next page is requested.\n    setNextPage?: () => void;\n\n    // Triggered internally when in need to determine if there is a next page and apply UI changes accordingly.\n    hasNextPage?: boolean;\n\n    // Triggered internally when in need to determine if there is a previous page and apply UI changes accordingly.\n    hasPreviousPage?: boolean;\n\n    // Triggered when number of entries per page has been changed.\n    setPerPage?: (amount: number) => void;\n\n    // By default, users can choose from 10, 25 or 50 entries per page.\n    perPageOptions?: number[];\n};\n\nexport type SortersProp = Array<{ label: string; value: any }>;\n\nexport type Props = {\n    // Pass a function to take full control of list render.\n    children?: <T = Record<string, any>>(props: T) => React.ReactNode;\n\n    // A title of paginated list.\n    title?: React.ReactNode;\n\n    // FormData that needs to be shown in the list.\n    data?: Record<string, any>[];\n\n    // A callback that must refresh current view by repeating the previous query.\n    refresh?: () => void;\n\n    // If true, Loader component will be shown, disallowing any interaction.\n    loading?: boolean;\n\n    // Provide a custom loader. Shown while the content is being loaded.\n    loader?: React.ReactNode;\n\n    // Provide all pagination data, options and callbacks here.\n    pagination?: PaginationProp;\n\n    // Triggered once the page has been selected.\n    setPage?: (page: string) => void;\n\n    // Triggered once a sorter has been selected.\n    setSorters?: (sorter: any) => void;\n\n    // Triggered once selected filters are submitted.\n    setFilters?: (filters: any) => void;\n\n    // Provide all sorters options and callbacks here.\n    sorters?: SortersProp;\n\n    multiActions?: any[]; // TODO: define\n};\n"],"mappings":""}

package/List/List.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import { ListProps as RmwcListProps, ListItemProps as RmwcListItemProps, ListItemTextProps as RmwcListItemTextProps, SimpleListItemProps as RmwcSimpleListItemProps } from "@rmwc/list";
 export declare type ListItemProps = RmwcListItemProps & {

package/Menu/Menu.d.ts

@@ -26,12 +26,12 @@ declare class Menu extends React.Component<MenuProps, MenuState> {
     private readonly renderMenuContent;
     render(): React.ReactNode;
 }
-declare const MenuDivider: React.FC;
+declare const MenuDivider: () => JSX.Element;
 interface MenuItemProps extends BaseMenuItemProps {
     children: React.ReactNode;
     className?: string;
     onClick?: (event: React.MouseEvent) => void;
     "data-testid"?: string;
 }
-declare const MenuItem: React.FC<MenuItemProps>;
+declare const MenuItem: ({ disabled, className, ...rest }: MenuItemProps) => JSX.Element;
 export { Menu, MenuItem, MenuDivider };

package/Menu/Menu.js

@@ -64,7 +64,7 @@ var Menu = /*#__PURE__*/function (_React$Component) {
         onSelect: _this.props.onSelect,
         renderToPortal: true,
         style: {
-          zIndex: 99
+          zIndex: 101
         } // Fixes Menu in Drawers
       }, _this.props.children);
     });

package/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_menu","_emotion","_classnames","_excluded","style","disabledMenuItem","css","opacity","pointerEvents","Menu","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","menuIsOpen","props","disabled","setState","onOpen","onClose","createElement","anchorCorner","anchor","open","state","className","closeMenu","onSelect","renderToPortal","zIndex","children","MenuSurface","isArray","renderMenuWithPortal","renderCustomContent","_createClass2","key","value","render","MenuSurfaceAnchor","renderMenuContent","handle","React","cloneElement","onClick","openMenu","Component","exports","MenuDivider","role","MenuItem","_ref","rest","_objectWithoutProperties2","Object","assign","classNames"],"sources":["Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Menu as BaseMenu,\n    MenuProps as RmwcMenuProps,\n    MenuItem as BaseMenuItem,\n    MenuItemProps as BaseMenuItemProps,\n    MenuSurface,\n    MenuSurfaceAnchor\n} from \"@rmwc/menu\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nconst style = {\n    disabledMenuItem: css({\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    })\n};\n\ntype MenuProps = RmwcMenuProps & {\n    // One or more MenuItem components.\n    children: React.ReactNode;\n\n    // A handler which triggers the menu, eg. button or link.\n    handle?: React.ReactElement;\n\n    // Position the menu to one of anchor corners.\n    // 'bottomEnd' | 'bottomLeft' | 'bottomRight' | 'bottomStart' | 'topEnd' | 'topLeft' | 'topRight' | 'topStart'\n    anchor?:\n        | \"bottomEnd\"\n        | \"bottomLeft\"\n        | \"bottomRight\"\n        | \"bottomStart\"\n        | \"topEnd\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"topStart\";\n\n    // Class that will be added to the Menu element.\n    className?: string;\n\n    // If true, prevents menu from opening when clicked.\n    disabled?: boolean;\n\n    onOpen?: () => void;\n    onClose?: () => void;\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n};\n\ninterface MenuState {\n    menuIsOpen: boolean;\n}\n\n/**\n * Use Menu component to display a list of choices, once the handler is triggered.\n */\nclass Menu extends React.Component<MenuProps, MenuState> {\n    static defaultProps: Partial<MenuProps> = {\n        anchor: \"topStart\"\n    };\n\n    public override state: MenuState = {\n        menuIsOpen: false\n    };\n\n    private readonly openMenu = () => {\n        if (this.props.disabled !== true) {\n            this.setState({ menuIsOpen: true }, () => this.props.onOpen && this.props.onOpen());\n        }\n    };\n\n    private readonly closeMenu = () => {\n        this.setState({ menuIsOpen: false }, () => this.props.onClose && this.props.onClose());\n    };\n\n    private readonly renderMenuWithPortal = () => {\n        return (\n            <BaseMenu\n                anchorCorner={this.props.anchor}\n                open={this.state.menuIsOpen}\n                className={this.props.className}\n                onClose={this.closeMenu}\n                onSelect={this.props.onSelect}\n                renderToPortal={true}\n                style={{ zIndex: 99 }} // Fixes Menu in Drawers\n            >\n                {this.props.children}\n            </BaseMenu>\n        );\n    };\n\n    private readonly renderCustomContent = () => {\n        const { children } = this.props;\n        return (\n            <MenuSurface\n                open={this.state.menuIsOpen}\n                onClose={this.closeMenu}\n                renderToPortal={this.props.renderToPortal}\n            >\n                {typeof children === \"function\"\n                    ? children({ closeMenu: this.closeMenu })\n                    : children}\n            </MenuSurface>\n        );\n    };\n\n    private readonly renderMenuContent = () => {\n        return Array.isArray(this.props.children)\n            ? this.renderMenuWithPortal()\n            : this.renderCustomContent();\n    };\n\n    public override render(): React.ReactNode {\n        return (\n            <MenuSurfaceAnchor data-testid={this.props[\"data-testid\"]}>\n                {this.renderMenuContent()}\n                {this.props.handle &&\n                    React.cloneElement(this.props.handle, { onClick: this.openMenu })}\n            </MenuSurfaceAnchor>\n        );\n    }\n}\n\nconst MenuDivider: React.FC = () => {\n    return <li className=\"mdc-list-divider\" role=\"separator\" />;\n};\n\ninterface MenuItemProps extends BaseMenuItemProps {\n    children: React.ReactNode;\n    className?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    \"data-testid\"?: string;\n}\n\nconst MenuItem: React.FC<MenuItemProps> = ({ disabled, className, ...rest }) => {\n    return (\n        <BaseMenuItem\n            {...rest}\n            className={classNames(className, { [style.disabledMenuItem]: disabled })}\n        />\n    );\n};\n\nexport { Menu, MenuItem, MenuDivider };\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_menu","_emotion","_classnames","_excluded","style","disabledMenuItem","css","opacity","pointerEvents","Menu","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","menuIsOpen","props","disabled","setState","onOpen","onClose","createElement","anchorCorner","anchor","open","state","className","closeMenu","onSelect","renderToPortal","zIndex","children","MenuSurface","isArray","renderMenuWithPortal","renderCustomContent","_createClass2","key","value","render","MenuSurfaceAnchor","renderMenuContent","handle","React","cloneElement","onClick","openMenu","Component","exports","MenuDivider","role","MenuItem","_ref","rest","_objectWithoutProperties2","Object","assign","classNames"],"sources":["Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Menu as BaseMenu,\n    MenuProps as RmwcMenuProps,\n    MenuItem as BaseMenuItem,\n    MenuItemProps as BaseMenuItemProps,\n    MenuSurface,\n    MenuSurfaceAnchor\n} from \"@rmwc/menu\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nconst style = {\n    disabledMenuItem: css({\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    })\n};\n\ntype MenuProps = RmwcMenuProps & {\n    // One or more MenuItem components.\n    children: React.ReactNode;\n\n    // A handler which triggers the menu, eg. button or link.\n    handle?: React.ReactElement;\n\n    // Position the menu to one of anchor corners.\n    // 'bottomEnd' | 'bottomLeft' | 'bottomRight' | 'bottomStart' | 'topEnd' | 'topLeft' | 'topRight' | 'topStart'\n    anchor?:\n        | \"bottomEnd\"\n        | \"bottomLeft\"\n        | \"bottomRight\"\n        | \"bottomStart\"\n        | \"topEnd\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"topStart\";\n\n    // Class that will be added to the Menu element.\n    className?: string;\n\n    // If true, prevents menu from opening when clicked.\n    disabled?: boolean;\n\n    onOpen?: () => void;\n    onClose?: () => void;\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n};\n\ninterface MenuState {\n    menuIsOpen: boolean;\n}\n\n/**\n * Use Menu component to display a list of choices, once the handler is triggered.\n */\nclass Menu extends React.Component<MenuProps, MenuState> {\n    static defaultProps: Partial<MenuProps> = {\n        anchor: \"topStart\"\n    };\n\n    public override state: MenuState = {\n        menuIsOpen: false\n    };\n\n    private readonly openMenu = () => {\n        if (this.props.disabled !== true) {\n            this.setState({ menuIsOpen: true }, () => this.props.onOpen && this.props.onOpen());\n        }\n    };\n\n    private readonly closeMenu = () => {\n        this.setState({ menuIsOpen: false }, () => this.props.onClose && this.props.onClose());\n    };\n\n    private readonly renderMenuWithPortal = () => {\n        return (\n            <BaseMenu\n                anchorCorner={this.props.anchor}\n                open={this.state.menuIsOpen}\n                className={this.props.className}\n                onClose={this.closeMenu}\n                onSelect={this.props.onSelect}\n                renderToPortal={true}\n                style={{ zIndex: 101 }} // Fixes Menu in Drawers\n            >\n                {this.props.children}\n            </BaseMenu>\n        );\n    };\n\n    private readonly renderCustomContent = () => {\n        const { children } = this.props;\n        return (\n            <MenuSurface\n                open={this.state.menuIsOpen}\n                onClose={this.closeMenu}\n                renderToPortal={this.props.renderToPortal}\n            >\n                {typeof children === \"function\"\n                    ? children({ closeMenu: this.closeMenu })\n                    : children}\n            </MenuSurface>\n        );\n    };\n\n    private readonly renderMenuContent = () => {\n        return Array.isArray(this.props.children)\n            ? this.renderMenuWithPortal()\n            : this.renderCustomContent();\n    };\n\n    public override render(): React.ReactNode {\n        return (\n            <MenuSurfaceAnchor data-testid={this.props[\"data-testid\"]}>\n                {this.renderMenuContent()}\n                {this.props.handle &&\n                    React.cloneElement(this.props.handle, { onClick: this.openMenu })}\n            </MenuSurfaceAnchor>\n        );\n    }\n}\n\nconst MenuDivider = () => {\n    return <li className=\"mdc-list-divider\" role=\"separator\" />;\n};\n\ninterface MenuItemProps extends BaseMenuItemProps {\n    children: React.ReactNode;\n    className?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    \"data-testid\"?: string;\n}\n\nconst MenuItem = ({ disabled, className, ...rest }: MenuItemProps) => {\n    return (\n        <BaseMenuItem\n            {...rest}\n            className={classNames(className, { [style.disabledMenuItem]: disabled })}\n        />\n    );\n};\n\nexport { Menu, MenuItem, MenuDivider };\n"],"mappings":"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"}

package/Mosaic/Mosaic.d.ts

@@ -4,6 +4,17 @@ export interface MosaicProps {
         [key: string]: number;
     };
     className?: string;
+    children: React.ReactNode;
 }
-declare const Mosaic: React.FC<MosaicProps>;
+declare const Mosaic: {
+    ({ children, columns, className }: MosaicProps): JSX.Element;
+    defaultProps: {
+        columns: {
+            320: number;
+            480: number;
+            800: number;
+            1366: number;
+        };
+    };
+};
 export { Mosaic };

package/Mosaic/Mosaic.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactColumned = _interopRequireDefault(require("react-columned"));
 /**
  * Package react-columned does not have types.
- */ // @ts-ignore
+ */ // @ts-expect-error
 var Mosaic = function Mosaic(_ref) {
   var children = _ref.children,
     columns = _ref.columns,

package/Mosaic/Mosaic.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactColumned","Mosaic","_ref","children","columns","className","default","createElement","exports","defaultProps"],"sources":["Mosaic.tsx"],"sourcesContent":["import React from \"react\";\n/**\n * Package react-columned does not have types.\n */\n// @ts-ignore\nimport Columned from \"react-columned\";\n\nexport interface MosaicProps {\n    // Number of columns, per max screen size, eg. { \"320\": 1, \"480\": 2, \"800\": 3, \"1366\": 4 }.\n    columns?: {\n        [key: string]: number;\n    };\n\n    // Custom class for the mosaic container.\n    className?: string;\n}\n\nconst Mosaic: React.FC<MosaicProps> = ({ children, columns, className }) => {\n    return (\n        <Columned columns={columns} className={className}>\n            {children}\n        </Columned>\n    );\n};\n\nMosaic.defaultProps = {\n    columns: { 320: 1, 480: 2, 800: 3, 1366: 4 }\n};\n\nexport { Mosaic };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA,GAFA,CAGA;AAaA,IAAME,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAAyC;EAAA,IAAnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;EACjE,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,cAAA,CAAAM,OAAQ;IAACF,OAAO,EAAEA,OAAQ;IAACC,SAAS,EAAEA;EAAU,GAC5CF,QACK,CAAC;AAEnB,CAAC;AAACK,OAAA,CAAAP,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAACQ,YAAY,GAAG;EAClBL,OAAO,EAAE;IAAE,GAAG,EAAE,CAAC;IAAE,GAAG,EAAE,CAAC;IAAE,GAAG,EAAE,CAAC;IAAE,IAAI,EAAE;EAAE;AAC/C,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactColumned","Mosaic","_ref","children","columns","className","default","createElement","exports","defaultProps"],"sources":["Mosaic.tsx"],"sourcesContent":["import React from \"react\";\n/**\n * Package react-columned does not have types.\n */\n// @ts-expect-error\nimport Columned from \"react-columned\";\n\nexport interface MosaicProps {\n    // Number of columns, per max screen size, eg. { \"320\": 1, \"480\": 2, \"800\": 3, \"1366\": 4 }.\n    columns?: {\n        [key: string]: number;\n    };\n\n    // Custom class for the mosaic container.\n    className?: string;\n\n    children: React.ReactNode;\n}\n\nconst Mosaic = ({ children, columns, className }: MosaicProps) => {\n    return (\n        <Columned columns={columns} className={className}>\n            {children}\n        </Columned>\n    );\n};\n\nMosaic.defaultProps = {\n    columns: { 320: 1, 480: 2, 800: 3, 1366: 4 }\n};\n\nexport { Mosaic };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA,GAFA,CAGA;AAeA,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAsD;EAAA,IAAhDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAC1C,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,cAAA,CAAAM,OAAQ;IAACF,OAAO,EAAEA,OAAQ;IAACC,SAAS,EAAEA;EAAU,GAC5CF,QACK,CAAC;AAEnB,CAAC;AAACK,OAAA,CAAAP,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAACQ,YAAY,GAAG;EAClBL,OAAO,EAAE;IAAE,GAAG,EAAE,CAAC;IAAE,GAAG,EAAE,CAAC;IAAE,GAAG,EAAE,CAAC;IAAE,IAAI,EAAE;EAAE;AAC/C,CAAC"}

package/Progress/CircularProgress.d.ts

@@ -7,5 +7,13 @@ interface CircularProgressProps {
     visible?: boolean;
     style?: React.CSSProperties;
 }
-declare const CircularProgress: React.FC<CircularProgressProps>;
+declare const CircularProgress: {
+    (props: CircularProgressProps): JSX.Element;
+    defaultProps: {
+        size: number;
+        spinnerColor: string;
+        spinnerWidth: number;
+        visible: boolean;
+    };
+};
 export default CircularProgress;

package/Progress/CircularProgress.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_reactSpinnerMaterial","_Typography","SpinnerWrapper","styled","target","label","width","height","position","background","opacity","top","left","zIndex","transform","display","flexDirection","justifyContent","alignItems","Label","marginTop","CircularProgress","props","size","spinnerWidth","spinnerColor","visible","style","default","createElement","className","Typography","use","defaultProps","_default","exports"],"sources":["CircularProgress.tsx"],"sourcesContent":["// This is just to center the spinner\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport Spinner from \"react-spinner-material\";\nimport { Typography } from \"../Typography\";\n\ninterface CircularProgressProps {\n    label?: React.ReactNode;\n    size?: number;\n    spinnerColor?: string;\n    spinnerWidth?: number;\n    visible?: boolean;\n    style?: React.CSSProperties;\n}\n\nconst SpinnerWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\",\n    background: \"var(--mdc-theme-surface)\",\n    opacity: 0.92,\n    top: 0,\n    left: 0,\n    zIndex: 3,\n    \"& .spinner__inner-wrapper\": {\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\"\n    }\n});\n\nconst Label = styled(\"div\")({\n    marginTop: 15\n});\n\nconst CircularProgress: React.FC<CircularProgressProps> = props => {\n    const { label, size, spinnerWidth, spinnerColor, visible, style } = props;\n    /**\n     * We can safely cast because we have default props\n     */\n    return (\n        <SpinnerWrapper style={style}>\n            <div className={\"spinner__inner-wrapper\"}>\n                <Spinner\n                    size={size as number}\n                    spinnerColor={spinnerColor as string}\n                    spinnerWidth={spinnerWidth as number}\n                    visible={visible as boolean}\n                />\n                {label && (\n                    <Label>\n                        <Typography use={\"overline\"}>{label}</Typography>\n                    </Label>\n                )}\n            </div>\n        </SpinnerWrapper>\n    );\n};\n\nCircularProgress.defaultProps = {\n    size: 45,\n    spinnerColor: \"var(--mdc-theme-primary)\",\n    spinnerWidth: 4,\n    visible: true\n};\n\nexport default CircularProgress;\n"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAJA;;AAeA,IAAMI,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACjCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,QAAQ,EAAE,UAAU;EACpBC,UAAU,EAAE,0BAA0B;EACtCC,OAAO,EAAE,IAAI;EACbC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,CAAC;EACT,2BAA2B,EAAE;IACzBL,QAAQ,EAAE,UAAU;IACpBG,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,KAAK;IACXE,SAAS,EAAE,uBAAuB;IAClCC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAEF,IAAMC,KAAK,oBAAGhB,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACxBe,SAAS,EAAE;AACf,CAAC,CAAC;AAEF,IAAMC,gBAAiD,GAAG,SAApDA,gBAAiDA,CAAGC,KAAK,EAAI;EAC/D,IAAQjB,KAAK,GAAuDiB,KAAK,CAAjEjB,KAAK;IAAEkB,IAAI,GAAiDD,KAAK,CAA1DC,IAAI;IAAEC,YAAY,GAAmCF,KAAK,CAApDE,YAAY;IAAEC,YAAY,GAAqBH,KAAK,CAAtCG,YAAY;IAAEC,OAAO,GAAYJ,KAAK,CAAxBI,OAAO;IAAEC,KAAK,GAAKL,KAAK,CAAfK,KAAK;EAC/D;AACJ;AACA;EACI,oBACI/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC3B,cAAc;IAACyB,KAAK,EAAEA;EAAM,gBACzB/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAE;EAAyB,gBACrClC,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC7B,qBAAA,CAAA4B,OAAO;IACJL,IAAI,EAAEA,IAAe;IACrBE,YAAY,EAAEA,YAAuB;IACrCD,YAAY,EAAEA,YAAuB;IACrCE,OAAO,EAAEA;EAAmB,CAC/B,CAAC,EACDrB,KAAK,iBACFT,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAACV,KAAK,qBACFvB,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC5B,WAAA,CAAA8B,UAAU;IAACC,GAAG,EAAE;EAAW,GAAE3B,KAAkB,CAC7C,CAEV,CACO,CAAC;AAEzB,CAAC;AAEDgB,gBAAgB,CAACY,YAAY,GAAG;EAC5BV,IAAI,EAAE,EAAE;EACRE,YAAY,EAAE,0BAA0B;EACxCD,YAAY,EAAE,CAAC;EACfE,OAAO,EAAE;AACb,CAAC;AAAC,IAAAQ,QAAA,GAEab,gBAAgB;AAAAc,OAAA,CAAAP,OAAA,GAAAM,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_reactSpinnerMaterial","_Typography","SpinnerWrapper","styled","target","label","width","height","position","background","opacity","top","left","zIndex","transform","display","flexDirection","justifyContent","alignItems","Label","marginTop","CircularProgress","props","size","spinnerWidth","spinnerColor","visible","style","default","createElement","className","Typography","use","defaultProps","_default","exports"],"sources":["CircularProgress.tsx"],"sourcesContent":["// This is just to center the spinner\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport Spinner from \"react-spinner-material\";\nimport { Typography } from \"../Typography\";\n\ninterface CircularProgressProps {\n    label?: React.ReactNode;\n    size?: number;\n    spinnerColor?: string;\n    spinnerWidth?: number;\n    visible?: boolean;\n    style?: React.CSSProperties;\n}\n\nconst SpinnerWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\",\n    background: \"var(--mdc-theme-surface)\",\n    opacity: 0.92,\n    top: 0,\n    left: 0,\n    zIndex: 3,\n    \"& .spinner__inner-wrapper\": {\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\"\n    }\n});\n\nconst Label = styled(\"div\")({\n    marginTop: 15\n});\n\nconst CircularProgress = (props: CircularProgressProps) => {\n    const { label, size, spinnerWidth, spinnerColor, visible, style } = props;\n    /**\n     * We can safely cast because we have default props\n     */\n    return (\n        <SpinnerWrapper style={style}>\n            <div className={\"spinner__inner-wrapper\"}>\n                <Spinner\n                    size={size as number}\n                    spinnerColor={spinnerColor as string}\n                    spinnerWidth={spinnerWidth as number}\n                    visible={visible as boolean}\n                />\n                {label && (\n                    <Label>\n                        <Typography use={\"overline\"}>{label}</Typography>\n                    </Label>\n                )}\n            </div>\n        </SpinnerWrapper>\n    );\n};\n\nCircularProgress.defaultProps = {\n    size: 45,\n    spinnerColor: \"var(--mdc-theme-primary)\",\n    spinnerWidth: 4,\n    visible: true\n};\n\nexport default CircularProgress;\n"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAJA;;AAeA,IAAMI,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACjCC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,QAAQ,EAAE,UAAU;EACpBC,UAAU,EAAE,0BAA0B;EACtCC,OAAO,EAAE,IAAI;EACbC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,CAAC;EACT,2BAA2B,EAAE;IACzBL,QAAQ,EAAE,UAAU;IACpBG,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,KAAK;IACXE,SAAS,EAAE,uBAAuB;IAClCC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAEF,IAAMC,KAAK,oBAAGhB,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACxBe,SAAS,EAAE;AACf,CAAC,CAAC;AAEF,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAA4B,EAAK;EACvD,IAAQjB,KAAK,GAAuDiB,KAAK,CAAjEjB,KAAK;IAAEkB,IAAI,GAAiDD,KAAK,CAA1DC,IAAI;IAAEC,YAAY,GAAmCF,KAAK,CAApDE,YAAY;IAAEC,YAAY,GAAqBH,KAAK,CAAtCG,YAAY;IAAEC,OAAO,GAAYJ,KAAK,CAAxBI,OAAO;IAAEC,KAAK,GAAKL,KAAK,CAAfK,KAAK;EAC/D;AACJ;AACA;EACI,oBACI/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC3B,cAAc;IAACyB,KAAK,EAAEA;EAAM,gBACzB/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAE;EAAyB,gBACrClC,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC7B,qBAAA,CAAA4B,OAAO;IACJL,IAAI,EAAEA,IAAe;IACrBE,YAAY,EAAEA,YAAuB;IACrCD,YAAY,EAAEA,YAAuB;IACrCE,OAAO,EAAEA;EAAmB,CAC/B,CAAC,EACDrB,KAAK,iBACFT,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAACV,KAAK,qBACFvB,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC5B,WAAA,CAAA8B,UAAU;IAACC,GAAG,EAAE;EAAW,GAAE3B,KAAkB,CAC7C,CAEV,CACO,CAAC;AAEzB,CAAC;AAEDgB,gBAAgB,CAACY,YAAY,GAAG;EAC5BV,IAAI,EAAE,EAAE;EACRE,YAAY,EAAE,0BAA0B;EACxCD,YAAY,EAAE,CAAC;EACfE,OAAO,EAAE;AACb,CAAC;AAAC,IAAAQ,QAAA,GAEab,gBAAgB;AAAAc,OAAA,CAAAP,OAAA,GAAAM,QAAA"}