@webiny/ui 5.23.1 → 5.25.0-beta.0

package/List/DataList/DataList.d.ts

@@ -1,61 +1,41 @@
-import * as React from "react";
+import React from "react";
 import { ListItem, ListProps } from "..";
 import { PaginationProp, SortersProp } from "./types";
-declare type Props = {
-    children?: Function;
+interface DataListProps {
+    children?: ((props: any) => React.ReactNode) | null;
     title?: React.ReactNode;
-    data?: Object[];
-    refresh?: Function;
+    data?: Record<string, any>[] | null;
+    refresh?: () => Promise<void> | null;
     loading?: boolean;
     loader?: React.ReactNode;
     noData?: React.ReactNode;
     pagination?: PaginationProp;
-    setSorters?: Function;
-    sorters?: SortersProp;
+    setSorters?: Function | null;
+    sorters?: SortersProp | null;
     actions?: React.ReactNode;
     filters?: React.ReactNode;
     multiSelectActions?: React.ReactNode;
-    multiSelectAll?: (value: boolean, data: Object[]) => void;
-    isAllMultiSelected?: (data: Object[]) => boolean;
-    isNoneMultiSelected?: (data: Object[]) => boolean;
+    multiSelectAll?: (value: boolean, data: Record<string, any>[] | null) => void;
+    isAllMultiSelected?: (data: Record<string, any>[] | null) => boolean;
+    isNoneMultiSelected?: (data: Record<string, any>[] | null) => boolean;
     showOptions?: {
+        refresh?: boolean;
+        pagination?: boolean;
+        filters?: boolean;
+        sorters?: boolean;
         [key: string]: any;
     };
     search?: React.ReactElement;
     modalOverlay?: React.ReactElement;
     modalOverlayAction?: React.ReactElement;
-};
-export declare const DataList: {
-    (props: Props): JSX.Element;
-    defaultProps: {
-        children: any;
-        title: any;
-        data: any;
-        meta: any;
-        loading: boolean;
-        refresh: any;
-        setPage: any;
-        setPerPage: any;
-        perPageOptions: number[];
-        filters: any;
-        sorters: any;
-        setSorters: any;
-        actions: any;
-        multiSelectAll: any;
-        isAllMultiSelected: () => boolean;
-        isNoneMultiSelected: () => boolean;
-        loader: JSX.Element;
-        noData: JSX.Element;
-        showOptions: {
-            refresh: boolean;
-            pagination: boolean;
-            sorters: boolean;
-            filters: boolean;
-        };
-    };
-};
-export declare type ScrollListProps = ListProps & {
+    meta?: Record<string, any> | null;
+    setPage?: ((page: string) => void) | null;
+    setPerPage?: ((page: string) => void) | null;
+    perPageOptions?: number[];
+}
+export declare const DataList: React.FC<DataListProps>;
+export interface ScrollListProps extends ListProps {
     children: React.ReactElement<typeof ListItem>[];
-};
-export declare const ScrollList: (props: ScrollListProps) => JSX.Element;
+}
+export declare const ScrollList: React.FC<ScrollListProps>;
 export {};

package/List/DataList/DataList.js

@@ -1,4 +1,6 @@
-import * as React from "react";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React from "react";
 import styled from "@emotion/styled";
 import classNames from "classnames";
 import Loader from "./Loader";
@@ -124,12 +126,21 @@ var MultiSelectAll = function MultiSelectAll(props) {
   if (!multiSelectActions) {
     return null;
   }
+  /**
+   * We can safely cast because we have defaults.
+   */
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, typeof props.multiSelectAll === "function" && /*#__PURE__*/React.createElement(ListHeaderItem, null, /*#__PURE__*/React.createElement(Checkbox, {
-    indeterminate: !props.isAllMultiSelected(props.data) && !props.isNoneMultiSelected(props.data),
-    value: props.isAllMultiSelected(props.data),
+
+  var _ref = props,
+      isAllMultiSelected = _ref.isAllMultiSelected,
+      isNoneMultiSelected = _ref.isNoneMultiSelected,
+      multiSelectAll = _ref.multiSelectAll,
+      data = _ref.data;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, typeof multiSelectAll === "function" && /*#__PURE__*/React.createElement(ListHeaderItem, null, /*#__PURE__*/React.createElement(Checkbox, {
+    indeterminate: !isAllMultiSelected(data) && !isNoneMultiSelected(data),
+    value: isAllMultiSelected(data),
     onClick: function onClick() {
-      props.multiSelectAll(!props.isAllMultiSelected(props.data), props.data);
+      multiSelectAll(!isAllMultiSelected(data), data);
     }
   })));
 };
@@ -248,9 +259,11 @@ export var DataList = function DataList(props) {
   } else if (isEmpty(props.data)) {
     render = props.noData;
   } else {
-    render = typeof props.children === "function" ? props.children(props) : null;
+    var ch = props.children;
+    render = typeof ch === "function" ? ch(props) : null;
   }
 
+  var showOptions = props.showOptions || {};
   return /*#__PURE__*/React.createElement(DataListModalOverlayProvider, null, /*#__PURE__*/React.createElement(ListContainer, {
     className: "webiny-data-list",
     "data-testid": "ui.list.data-list"
@@ -264,14 +277,14 @@ export var DataList = function DataList(props) {
   }, props.title)), /*#__PURE__*/React.createElement(Cell, {
     span: 7,
     className: listActions
-  }, props.actions)), Object.keys(props.showOptions).length > 0 && /*#__PURE__*/React.createElement(Grid, {
+  }, props.actions)), Object.keys(showOptions).length > 0 && /*#__PURE__*/React.createElement(Grid, {
     className: listSubHeader
   }, /*#__PURE__*/React.createElement(Search, props), /*#__PURE__*/React.createElement(Cell, {
     span: props.search ? 5 : 12,
     style: {
       justifySelf: "end"
     }
-  }, /*#__PURE__*/React.createElement(MultiSelectAll, props), props.showOptions.refresh && /*#__PURE__*/React.createElement(RefreshButton, props), props.showOptions.pagination && /*#__PURE__*/React.createElement(Pagination, props), props.showOptions.sorters && /*#__PURE__*/React.createElement(Sorters, props), props.showOptions.filters && /*#__PURE__*/React.createElement(Filters, props), props.modalOverlayAction ? /*#__PURE__*/React.createElement(ListHeaderItem, null, props.modalOverlayAction) : null, /*#__PURE__*/React.createElement(MultiSelectActions, props))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(MultiSelectAll, props), showOptions.refresh && /*#__PURE__*/React.createElement(RefreshButton, props), showOptions.pagination && /*#__PURE__*/React.createElement(Pagination, props), showOptions.sorters && /*#__PURE__*/React.createElement(Sorters, props), showOptions.filters && /*#__PURE__*/React.createElement(Filters, props), props.modalOverlayAction ? /*#__PURE__*/React.createElement(ListHeaderItem, null, props.modalOverlayAction) : null, /*#__PURE__*/React.createElement(MultiSelectActions, props))), /*#__PURE__*/React.createElement("div", {
     className: classNames(dataListContent, "webiny-data-list__content")
   }, render, props.modalOverlay)));
 };
@@ -281,7 +294,28 @@ DataList.defaultProps = {
   data: null,
   meta: null,
   loading: false,
-  refresh: null,
+  refresh: function () {
+    var _refresh = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt("return", void 0);
+
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    function refresh() {
+      return _refresh.apply(this, arguments);
+    }
+
+    return refresh;
+  }(),
   setPage: null,
   setPerPage: null,
   perPageOptions: [10, 25, 50],

package/List/DataList/DataList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DataList.tsx"],"names":["React","styled","classNames","Loader","NoData","Typography","css","noop","isEmpty","Checkbox","Menu","MenuItem","Grid","Cell","RefreshIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon","List","DataListModalOverlayProvider","ListContainer","position","height","paddingBottom","paddingTop","borderBottom","padding","minHeight","display","marginRight","width","margin","alignItems","justifyContent","flexDirection","boxSizing","whiteSpace","marginTop","marginBottom","textAlign","listHeader","color","listSubHeader","ListHeaderItem","verticalAlign","opacity","pointerEvents","listTitle","listActions","scrollList","overflow","dataListContent","MultiSelectAll","props","multiSelectActions","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","MultiSelectActions","RefreshButton","refresh","Sorters","sorters","map","sorter","label","setSorters","value","Filters","filters","Pagination","pagination","setNextPage","disabled","hasPreviousPage","setPreviousPage","hasNextPage","Array","isArray","perPageOptions","setPerPage","perPage","Search","search","cloneElement","DataList","render","loading","loader","noData","ch","children","showOptions","title","actions","Object","keys","length","justifySelf","modalOverlayAction","modalOverlay","defaultProps","meta","setPage","ScrollList"],"mappings":"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","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\n// This was copied from \"./types\" so that it can be outputted in docs.\ninterface DataListProps {\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?: Record<string, any>[] | null;\n\n    // A callback that must refresh current view by repeating the previous query.\n    refresh?: () => Promise<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: Record<string, any>[] | null) => void;\n\n    // Callback which returns true if all items were selected, otherwise returns false.\n    isAllMultiSelected?: (data: Record<string, any>[] | null) => boolean;\n\n    // Callback which returns true if none of the items were selected, otherwise returns false.\n    isNoneMultiSelected?: (data: Record<string, any>[] | 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\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<DataListProps> = 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<DataListProps>;\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<DataListProps> = props => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n\n    return <ListHeaderItem>{multiSelectActions}</ListHeaderItem>;\n};\n\nconst RefreshButton: React.FC<DataListProps> = 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<DataListProps> = 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<DataListProps> = 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<DataListProps> = 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<DataListProps> = props => {\n    if (!props.search) {\n        return null;\n    }\n    return <Cell span={7}>{React.cloneElement(props.search, props)}</Cell>;\n};\n\nexport const DataList: React.FC<DataListProps> = props => {\n    let render = 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    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={5} className={listTitle}>\n                            <Typography use=\"headline5\">{props.title}</Typography>\n                        </Cell>\n                        <Cell span={7} className={listActions}>\n                            {props.actions}\n                        </Cell>\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                    {render}\n                    {props.modalOverlay}\n                </div>\n            </ListContainer>\n        </DataListModalOverlayProvider>\n    );\n};\n\nDataList.defaultProps = {\n    children: null,\n    title: null,\n    data: null,\n    meta: null,\n    loading: false,\n    refresh: async () => {\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\nexport interface ScrollListProps extends ListProps {\n    children: React.ReactElement<typeof ListItem>[];\n}\n\nexport const ScrollList: React.FC<ScrollListProps> = props => {\n    return (\n        <List {...props} className={scrollList}>\n            {props.children}\n        </List>\n    );\n};\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DataList.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","withKnobs","boolean","text","object","array","DataList","DeleteIcon","EditIcon","List","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListItemGraphic","story","module","addDecorator","add","generalOptionsAndCallbacks","refresh","console","log","loading","title","multiActions","setNextPage","cursor","setPreviousPage","perPageOptions","setPerPage","perPage","setSorters","sorter","JSON","stringify","dataProp","id","firstName","lastName","email","metaProp","totalPages","totalCount","from","to","previousPage","nextPage","sortersProp","list","label","sorters","createdOn","name","data","map","item","info","propTables"],"mappings":"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","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"]}

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

@@ -2,17 +2,16 @@ import React from "react";
 export declare type SimpleOverlayProps = {
     showOverlay: boolean;
 };
-export declare const SimpleOverlay: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & SimpleOverlayProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "showOverlay"> & {
+export declare const SimpleOverlay: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & SimpleOverlayProps, keyof React.HTMLAttributes<HTMLDivElement> | "showOverlay"> & {
     theme: object;
 }, object>;
-export declare type DataListModalWrapperProps = {
+export interface DataListModalWrapperProps {
     showOverlay: boolean;
-};
-export declare const DataListModalWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataListModalWrapperProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "showOverlay"> & {
+}
+export declare const DataListModalWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataListModalWrapperProps, keyof React.HTMLAttributes<HTMLDivElement> | "showOverlay"> & {
     theme: object;
 }, object>;
-export declare type DataListModalOverlayProps = {
+export interface DataListModalOverlayProps {
     onDismiss?: (event?: React.SyntheticEvent) => void;
-    children: React.ReactNode;
-};
-export declare const DataListModalOverlay: ({ onDismiss, children }: DataListModalOverlayProps) => JSX.Element;
+}
+export declare const DataListModalOverlay: React.FC<DataListModalOverlayProps>;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DataListModalOverlay.tsx"],"names":["React","useContext","styled","DataListModalOverlayContext","SimpleOverlay","showOverlay","width","height","position","top","left","backgroundColor","transition","pointerEvents","zIndex","opacity","DataListModalWrapper","maxWidth","maxHeight","overflow","boxShadow","borderRadius","transform","paddingBottom","padding","display","justifyContent","color","border","DataListModalOverlay","onDismiss","children","isOpen","setIsOpen","e","stopPropagation"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,2BAAT;AAGA,OAAO,IAAMC,aAAa,gBAAGF,MAAH,CAAqC,KAArC;AAAA;AAAA;AAAA,GAA4C;AAAA,MAAGG,WAAH,QAAGA,WAAH;AAAA,SAAsB;AACxFC,IAAAA,KAAK,EAAE,MADiF;AAExFC,IAAAA,MAAM,EAAE,MAFgF;AAGxFC,IAAAA,QAAQ,EAAE,UAH8E;AAIxFC,IAAAA,GAAG,EAAE,CAJmF;AAKxFC,IAAAA,IAAI,EAAE,CALkF;AAMxFC,IAAAA,eAAe,EAAEN,WAAW,GAAG,qBAAH,GAA2B,aANiC;AAOxFO,IAAAA,UAAU,EAAE,uBAP4E;AAQxFC,IAAAA,aAAa,EAAER,WAAW,GAAG,MAAH,GAAY,MARkD;AASxFS,IAAAA,MAAM,EAAET,WAAW,GAAG,CAAH,GAAO,CAAC,CAT6D;AAUxFU,IAAAA,OAAO,EAAEV,WAAW,GAAG,CAAH,GAAO;AAV6D,GAAtB;AAAA,CAA5C,CAAnB;AAgBP,OAAO,IAAMW,oBAAoB,gBAAGd,MAAH,CAA4C,KAA5C;AAAA;AAAA;AAAA,GAC7B;AAAA,MAAGG,WAAH,SAAGA,WAAH;AAAA,SAAsB;AAClBG,IAAAA,QAAQ,EAAE,UADQ;AAElBC,IAAAA,GAAG,EAAE,KAFa;AAGlBC,IAAAA,IAAI,EAAE,KAHY;AAIlBJ,IAAAA,KAAK,EAAE,KAJW;AAKlBC,IAAAA,MAAM,EAAE,MALU;AAMlBU,IAAAA,QAAQ,EAAE,OANQ;AAOlBC,IAAAA,SAAS,EAAE,OAPO;AAQlBC,IAAAA,QAAQ,EAAE,MARQ;AASlBR,IAAAA,eAAe,EAAE,0BATC;AAUlBS,IAAAA,SAAS,EAAE,iCAVO;AAWlBC,IAAAA,YAAY,EAAE,iBAXI;AAYlBT,IAAAA,UAAU,EAAE,2BAZM;AAalBC,IAAAA,aAAa,EAAER,WAAW,GAAG,MAAH,GAAY,MAbpB;AAclBS,IAAAA,MAAM,EAAET,WAAW,GAAG,CAAH,GAAO,CAAC,CAdT;AAelBU,IAAAA,OAAO,EAAEV,WAAW,GAAG,CAAH,GAAO,CAfT;AAgBlBiB,IAAAA,SAAS,EAAEjB,WAAW,GAAG,kBAAH,GAAwB,qBAhB5B;AAkBlB,wBAAoB;AAChBkB,MAAAA,aAAa,EAAE;AADC,KAlBF;AAsBlB,iCAA6B;AACzBC,MAAAA,OAAO,EAAE,MADgB;AAEzBC,MAAAA,OAAO,EAAE,MAFgB;AAGzBC,MAAAA,cAAc,EAAE,eAHS;AAIzB,uBAAiB;AACbL,QAAAA,YAAY,EAAE,CADD;AAEbG,QAAAA,OAAO,EAAE;AAFI,OAJQ;AAQzB,sDAAgD;AAC5CG,QAAAA,KAAK,EAAE,6CADqC;AAE5CC,QAAAA,MAAM,EAAE;AAFoC,OARvB;AAYzB,oDAA8C;AAC1CjB,QAAAA,eAAe,EAAE;AADyB;AAZrB;AAtBX,GAAtB;AAAA,CAD6B,CAA1B;AAiDP,OAAO,IAAMkB,oBAAyD,GAAG,SAA5DA,oBAA4D,QAGnE;AAAA,MAFFC,SAEE,SAFFA,SAEE;AAAA,MADFC,QACE,SADFA,QACE;;AACF,oBAA8B9B,UAAU,CAACE,2BAAD,CAAxC;AAAA,MAAQ6B,MAAR,eAAQA,MAAR;AAAA,MAAgBC,SAAhB,eAAgBA,SAAhB;;AACA,sBACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,aAAD;AACI,IAAA,OAAO,EAAE,iBAAAC,CAAC,EAAI;AACVA,MAAAA,CAAC,CAACC,eAAF,GADU,CAEV;;AACAF,MAAAA,SAAS,CAAC,KAAD,CAAT;;AAEA,UAAI,OAAOH,SAAP,KAAqB,UAAzB,EAAqC;AACjCA,QAAAA,SAAS;AACZ;AACJ,KATL;AAUI,IAAA,WAAW,EAAEE;AAVjB,IADJ,eAaI,oBAAC,oBAAD;AAAsB,IAAA,WAAW,EAAEA;AAAnC,KAA4CD,QAA5C,CAbJ,CADJ;AAiBH,CAtBM","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>(\"div\")(({ 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}\nexport const DataListModalWrapper = styled<\"div\", DataListModalWrapperProps>(\"div\")(\n    ({ showOverlay }) => ({\n        position: \"absolute\",\n        top: \"0px\",\n        left: \"50%\",\n        width: \"90%\",\n        height: \"auto\",\n        maxWidth: \"426px\",\n        maxHeight: \"520px\",\n        overflow: \"auto\",\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);\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}>{children}</DataListModalWrapper>\n        </React.Fragment>\n    );\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DataListModalOverlayAction.tsx"],"names":["React","useContext","IconButton","DataListModalOverlayContext","DataListModalOverlayAction","icon","rest","isOpen","setIsOpen"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,UAAT;AACA,SAASC,2BAAT;AAOA,OAAO,IAAMC,0BAAqE,GAAG,SAAxEA,0BAAwE,OAG/E;AAAA,MAFFC,IAEE,QAFFA,IAEE;AAAA,MADCC,IACD;;AACF,oBAA8BL,UAAU,CAACE,2BAAD,CAAxC;AAAA,MAAQI,MAAR,eAAQA,MAAR;AAAA,MAAgBC,SAAhB,eAAgBA,SAAhB;;AAEA,sBACI,oBAAC,UAAD;AACI,mBAAaF,IAAI,CAAC,aAAD,CADrB;AAEI,IAAA,IAAI,EAAED,IAFV;AAGI,IAAA,OAAO,EAAE;AAAA,aAAMG,SAAS,CAAC,CAACD,MAAF,CAAf;AAAA;AAHb,IADJ;AAOH,CAbM","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"]}

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

@@ -1,6 +1,11 @@
 import React from "react";
-export declare const DataListModalOverlayContext: React.Context<any>;
-export declare type DataListModalOverlayProviderProps = {
+interface DataListModalOverlayProviderContext {
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+}
+export declare const DataListModalOverlayContext: React.Context<DataListModalOverlayProviderContext>;
+export interface DataListModalOverlayProviderProps {
     children?: React.ReactChild | React.ReactChild[];
-};
-export declare const DataListModalOverlayProvider: ({ children }: DataListModalOverlayProviderProps) => JSX.Element;
+}
+export declare const DataListModalOverlayProvider: React.FC<DataListModalOverlayProviderProps>;
+export {};

package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.js

@@ -1,6 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from "react";
-export var DataListModalOverlayContext = /*#__PURE__*/React.createContext(null);
+export var DataListModalOverlayContext = /*#__PURE__*/React.createContext({
+  isOpen: false,
+  setIsOpen: function setIsOpen() {
+    return void 0;
+  }
+});
 export var DataListModalOverlayProvider = function DataListModalOverlayProvider(_ref) {
   var children = _ref.children;
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DataListModalOverlayContext.tsx"],"names":["React","DataListModalOverlayContext","createContext","isOpen","setIsOpen","DataListModalOverlayProvider","children","useState"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAMA,OAAO,IAAMC,2BAA2B,gBAAGD,KAAK,CAACE,aAAN,CACvC;AACIC,EAAAA,MAAM,EAAE,KADZ;AAEIC,EAAAA,SAAS,EAAE,qBAAM;AACb,WAAO,KAAK,CAAZ;AACH;AAJL,CADuC,CAApC;AAaP,OAAO,IAAMC,4BAAyE,GAAG,SAA5EA,4BAA4E,OAEnF;AAAA,MADFC,QACE,QADFA,QACE;;AACF,wBAA4BN,KAAK,CAACO,QAAN,CAAwB,KAAxB,CAA5B;AAAA;AAAA,MAAOJ,MAAP;AAAA,MAAeC,SAAf;;AAEA,sBACI,oBAAC,2BAAD,CAA6B,QAA7B;AAAsC,IAAA,KAAK,EAAE;AAAED,MAAAA,MAAM,EAANA,MAAF;AAAUC,MAAAA,SAAS,EAATA;AAAV;AAA7C,KACKE,QADL,CADJ;AAKH,CAVM","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"]}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["DataListModalOverlay","DataListModalOverlayAction","DataListModalOverlayContext","DataListModalOverlayProvider"],"mappings":"AAAA,SAASA,oBAAT;AACA,SAASC,0BAAT;AACA,SACIC,2BADJ,EAEIC,4BAFJ","sourcesContent":["export { DataListModalOverlay } from \"./DataListModalOverlay\";\nexport { DataListModalOverlayAction } from \"./DataListModalOverlayAction\";\nexport {\n    DataListModalOverlayContext,\n    DataListModalOverlayProvider\n} from \"./DataListModalOverlayContext\";\n"]}

package/List/DataList/Loader.d.ts

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

package/List/DataList/Loader.js

@@ -1,5 +1,10 @@
-import * as React from "react";
+import React from "react";
 import styled from "@emotion/styled";
+/**
+ * Package react-loading-skeleton does not have types.
+ */
+// @ts-ignore
+
 import Skeleton from "react-loading-skeleton";
 var LoaderUl = /*#__PURE__*/styled("ul", {
   target: "e1nb7uzc0",

package/List/DataList/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Loader.tsx"],"names":["React","styled","Skeleton","LoaderUl","listStyle","padding","display","verticalAlign","backgroundColor","backgroundImage","fontSize","width","marginLeft","textAlign","Loader","map","item"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA;AACA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,wBAArB;AAEA,IAAMC,QAAQ,gBAAGF,MAAH,CAAU,IAAV;AAAA;AAAA;AAAA,GAAgB;AAC1BG,EAAAA,SAAS,EAAE,MADe;AAE1BC,EAAAA,OAAO,EAAE,WAFiB;AAG1B,cAAY;AACRC,IAAAA,OAAO,EAAE,cADD;AAERC,IAAAA,aAAa,EAAE,QAFP;AAGR,+BAA2B;AACvBC,MAAAA,eAAe,EAAE,6BADM;AAEvBC,MAAAA,eAAe,EACX;AAHmB;AAHnB,GAHc;AAY1B,cAAY;AACRC,IAAAA,QAAQ,EAAE,EADF;AAERC,IAAAA,KAAK,EAAE;AAFC,GAZc;AAgB1B,WAAS;AACLA,IAAAA,KAAK,EAAE,mBADF;AAELC,IAAAA,UAAU,EAAE;AAFP,GAhBiB;AAoB1B,cAAY;AACRD,IAAAA,KAAK,EAAE,mBADC;AAERC,IAAAA,UAAU,EAAE,EAFJ;AAGRC,IAAAA,SAAS,EAAE,OAHH;AAIR,aAAS;AACLP,MAAAA,OAAO,EAAE,cADJ;AAELI,MAAAA,QAAQ,EAAE,EAFL;AAGLE,MAAAA,UAAU,EAAE,EAHP;AAILD,MAAAA,KAAK,EAAE;AAJF;AAJD;AApBc,CAAhB,CAAd;;AAiCA,IAAMG,MAAgB,GAAG,SAAnBA,MAAmB;AAAA,sBACrB,oBAAC,QAAD;AAAU,mBAAa;AAAvB,KACK,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgBC,GAAhB,CAAoB,UAAAC,IAAI;AAAA,wBACrB;AAAI,MAAA,GAAG,EAAE,UAAUA;AAAnB,oBACI;AAAK,MAAA,SAAS,EAAC;AAAf,oBACI,oBAAC,QAAD,OADJ,CADJ,eAII;AAAK,MAAA,SAAS,EAAC;AAAf,oBACI,oBAAC,QAAD;AAAU,MAAA,KAAK,EAAE;AAAjB,MADJ,CAJJ,eAOI;AAAK,MAAA,SAAS,EAAC;AAAf,oBACI,8CACI,oBAAC,QAAD,OADJ,CADJ,eAII,8CACI,oBAAC,QAAD,OADJ,CAJJ,CAPJ,CADqB;AAAA,GAAxB,CADL,CADqB;AAAA,CAAzB;;AAuBA,eAAeF,MAAf","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n/**\n * Package react-loading-skeleton does not have types.\n */\n// @ts-ignore\nimport Skeleton from \"react-loading-skeleton\";\n\nconst LoaderUl = styled(\"ul\")({\n    listStyle: \"none\",\n    padding: \"10px 20px\",\n    \"li > div\": {\n        display: \"inline-block\",\n        verticalAlign: \"middle\",\n        \".react-loading-skeleton\": {\n            backgroundColor: \"var(--mdc-theme-background)\",\n            backgroundImage:\n                \"linear-gradient(90deg, var(--mdc-theme-background), var(--mdc-theme-surface), var(--mdc-theme-background))\"\n        }\n    },\n    \".graphic\": {\n        fontSize: 36,\n        width: 36\n    },\n    \".data\": {\n        width: \"calc(-36px + 75%)\",\n        marginLeft: 10\n    },\n    \".actions\": {\n        width: \"calc(-36px + 25%)\",\n        marginLeft: 10,\n        textAlign: \"right\",\n        \"> div\": {\n            display: \"inline-block\",\n            fontSize: 24,\n            marginLeft: 10,\n            width: 24\n        }\n    }\n});\n\nconst Loader: React.FC = () => (\n    <LoaderUl data-testid={\"default-data-list.loading\"}>\n        {[1, 2, 3, 4, 5].map(item => (\n            <li key={\"list-\" + item}>\n                <div className=\"graphic\">\n                    <Skeleton />\n                </div>\n                <div className=\"data\">\n                    <Skeleton count={2} />\n                </div>\n                <div className=\"actions\">\n                    <div>\n                        <Skeleton />\n                    </div>\n                    <div>\n                        <Skeleton />\n                    </div>\n                </div>\n            </li>\n        ))}\n    </LoaderUl>\n);\n\nexport default Loader;\n"]}

package/List/DataList/NoData.d.ts

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

package/List/DataList/NoData.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { Typography } from "../../Typography";
 import styled from "@emotion/styled";
 var NoDataWrapper = /*#__PURE__*/styled("div", {

package/List/DataList/NoData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NoData.tsx"],"names":["React","Typography","styled","NoDataWrapper","textAlign","padding","color","NoData"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,IAAMC,aAAa,gBAAGD,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAChCE,EAAAA,SAAS,EAAE,QADqB;AAEhCC,EAAAA,OAAO,EAAE,GAFuB;AAGhCC,EAAAA,KAAK,EAAE;AAHyB,CAAjB,CAAnB;;AAMA,IAAMC,MAAgB,GAAG,SAAnBA,MAAmB;AAAA,sBACrB,oBAAC,aAAD,qBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,yBADJ,CADqB;AAAA,CAAzB;;AAMA,eAAeA,MAAf","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"]}

package/List/DataList/icons/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { IconButtonProps as BaseIconProps } from "../../../Button";
 declare type IconButtonProps = Omit<BaseIconProps, "icon"> & {
     icon?: React.ReactElement<any>;

package/List/DataList/icons/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { IconButton } from "../../../Button";
 import { ReactComponent as AutoRenew } from "./baseline-autorenew-24px.svg";
 import { ReactComponent as Pen } from "./baseline-edit-24px.svg";

package/List/DataList/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","IconButton","ReactComponent","AutoRenew","Pen","Delete","Sort","Filter","NavigateBefore","NavigateNext","TuneIcon","RefreshIcon","props","DeleteIcon","CreateIcon","EditIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT;AACA,SAASC,cAAc,IAAIC,SAA3B;AACA,SAASD,cAAc,IAAIE,GAA3B;AACA,SAASF,cAAc,IAAIG,MAA3B;AACA,SAASH,cAAc,IAAII,IAA3B;AACA,SAASJ,cAAc,IAAIK,MAA3B;AACA,SAASL,cAAc,IAAIM,cAA3B;AACA,SAASN,cAAc,IAAIO,YAA3B;AACA,SAASP,cAAc,IAAIQ,QAA3B;AAMA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA4B;AACnD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,SAAD;AAAlB,KAAqCA,KAArC,EAAP;AACH,CAFM;AAIP,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACD,KAAD,EAA4B;AAClD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,MAAD;AAAlB,KAAkCA,KAAlC,EAAP;AACH,CAFM;AAIP,OAAO,IAAME,UAAU,GAAG,SAAbA,UAAa,CAACF,KAAD,EAA4B;AAClD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,GAAD;AAAlB,KAA+BA,KAA/B,EAAP;AACH,CAFM;AAIP,OAAO,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACH,KAAD,EAA4B;AAChD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,GAAD;AAAlB,KAA+BA,KAA/B,EAAP;AACH,CAFM;AAIP,OAAO,IAAMI,QAAQ,GAAG,SAAXA,QAAW,CAACJ,KAAD,EAA4B;AAChD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,IAAD;AAAlB,KAAgCA,KAAhC,EAAP;AACH,CAFM;AAIP,OAAO,IAAMK,UAAU,GAAG,SAAbA,UAAa,CAACL,KAAD,EAA4B;AAClD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,MAAD;AAAlB,KAAkCA,KAAlC,EAAP;AACH,CAFM;AAIP,OAAO,IAAMM,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACN,KAAD,EAA4B;AACxD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,cAAD;AAAlB,KAA0CA,KAA1C,EAAP;AACH,CAFM;AAIP,OAAO,IAAMO,YAAY,GAAG,SAAfA,YAAe,CAACP,KAAD,EAA4B;AACpD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,YAAD;AAAlB,KAAwCA,KAAxC,EAAP;AACH,CAFM;AAIP,OAAO,IAAMQ,WAAW,GAAG,SAAdA,WAAc,CAACR,KAAD,EAA4B;AACnD,sBAAO,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,QAAD;AAAlB,KAAoCA,KAApC,EAAP;AACH,CAFM","sourcesContent":["import React from \"react\";\nimport { IconButton, IconButtonProps as BaseIconProps } from \"../../../Button\";\nimport { ReactComponent as AutoRenew } from \"./baseline-autorenew-24px.svg\";\nimport { ReactComponent as Pen } from \"./baseline-edit-24px.svg\";\nimport { ReactComponent as Delete } from \"./baseline-delete-24px.svg\";\nimport { ReactComponent as Sort } from \"./baseline-sort-24px.svg\";\nimport { ReactComponent as Filter } from \"./filter_alt-24px.svg\";\nimport { ReactComponent as NavigateBefore } from \"./baseline-navigate_before-24px.svg\";\nimport { ReactComponent as NavigateNext } from \"./baseline-navigate_next-24px.svg\";\nimport { ReactComponent as TuneIcon } from \"./baseline-tune-24px.svg\";\n\ntype IconButtonProps = Omit<BaseIconProps, \"icon\"> & {\n    icon?: React.ReactElement<any>;\n};\n\nexport const RefreshIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<AutoRenew />} {...props} />;\n};\n\nexport const DeleteIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Delete />} {...props} />;\n};\n\nexport const CreateIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Pen />} {...props} />;\n};\n\nexport const EditIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Pen />} {...props} />;\n};\n\nexport const SortIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Sort />} {...props} />;\n};\n\nexport const FilterIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Filter />} {...props} />;\n};\n\nexport const PreviousPageIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<NavigateBefore />} {...props} />;\n};\n\nexport const NextPageIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<NavigateNext />} {...props} />;\n};\n\nexport const OptionsIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<TuneIcon />} {...props} />;\n};\n"]}

package/List/DataList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["DataList","ScrollList","default","NoData"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,UAAnB;AACA,SAASC,OAAO,IAAIC,MAApB;AACA","sourcesContent":["export { DataList, ScrollList } from \"./DataList\";\nexport { default as NoData } from \"./NoData\";\nexport * from \"./DataListModalOverlay\";\n"]}

package/List/DataList/types.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 export declare type PaginationProp = {
     setPage?: (page: number) => void;
     setPreviousPage?: () => void;

package/List/DataList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/List/List.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+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 & {
     children: React.ReactNode;

package/List/List.js

@@ -2,7 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
-import * as React from "react";
+import React from "react";
 import { List as RmwcList, ListItem as RmwcListItem, ListItemText as RmwcListItemText, ListItemPrimaryText as RmwcListItemPrimaryText, ListItemSecondaryText as RmwcListItemSecondaryText, SimpleListItem as RmwcSimpleListItem } from "@rmwc/list";
 import { Typography } from "../Typography";
 import classNames from "classnames";

package/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["List.tsx"],"names":["React","List","RmwcList","ListItem","RmwcListItem","ListItemText","RmwcListItemText","ListItemPrimaryText","RmwcListItemPrimaryText","ListItemSecondaryText","RmwcListItemSecondaryText","SimpleListItem","RmwcSimpleListItem","Typography","classNames","styled","props","children","Component","ListItemTextPrimary","ListItemTextSecondary","ListItemGraphic","className","ListItemMeta","ListTopCaption","ListBottomCaption","ListTextOverline","ListActions","SelectBoxWrapper","overflow","width","height","display","position","alignItems","justifyContent","ListSelectBox"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {\n    List as RmwcList,\n    ListProps as RmwcListProps,\n    ListItem as RmwcListItem,\n    ListItemProps as RmwcListItemProps,\n    ListItemText as RmwcListItemText,\n    ListItemTextProps as RmwcListItemTextProps,\n    ListItemPrimaryText as RmwcListItemPrimaryText,\n    ListItemSecondaryText as RmwcListItemSecondaryText,\n    SimpleListItem as RmwcSimpleListItem,\n    SimpleListItemProps as RmwcSimpleListItemProps\n} from \"@rmwc/list\";\nimport { Typography } from \"~/Typography\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\n\nexport type ListItemProps = RmwcListItemProps & {\n    children: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    onClick?: (e: React.MouseEvent) => void;\n};\n\n/**\n * ListItem components are placed as direct children to List component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItem = (props: ListItemProps) => {\n    return <RmwcListItem {...props} />;\n};\n\nexport type ListProps = RmwcListProps & {\n    children?: any;\n\n    className?: string;\n\n    style?: React.CSSProperties;\n};\n\n/**\n * Use List component to display data and offer additional actions if needed.\n */\nexport class List extends React.Component<ListProps> {\n    public override render() {\n        return <RmwcList {...this.props}>{this.props.children}</RmwcList>;\n    }\n}\n\nexport type ListItemTextProps = RmwcListItemTextProps & {\n    children: React.ReactNode;\n    className?: string;\n    onClick?: (e: React.SyntheticEvent<MouseEvent>) => void;\n};\n\n/**\n * Used to show regular text in list items.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemText = (props: ListItemTextProps) => {\n    return <RmwcListItemText {...props}>{props.children}</RmwcListItemText>;\n};\n\nexport type ListItemTextPrimaryProps = {\n    /**\n     * Text content\n     */\n    children: React.ReactNode;\n};\n\nexport const ListItemTextPrimary = (props: ListItemTextPrimaryProps) => {\n    return <RmwcListItemPrimaryText>{props.children}</RmwcListItemPrimaryText>;\n};\n\nexport type ListItemTextSecondaryProps = {\n    /**\n     * Text content\n     */\n    children: React.ReactNode;\n};\n\n/**\n * Used to show secondary text in list items.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemTextSecondary = (props: ListItemTextSecondaryProps) => {\n    return <RmwcListItemSecondaryText>{props.children}</RmwcListItemSecondaryText>;\n};\n\nexport type ListItemGraphicProps = { children: React.ReactNode; className?: string };\n\n/**\n * Can be used to show an icon or any other custom element. Rendered on the left side.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemGraphic = (props: ListItemGraphicProps) => {\n    return (\n        <div {...props} className={classNames(\"mdc-list-item__graphic\", props.className)}>\n            {props.children}\n        </div>\n    );\n};\n\nexport type ListItemMetaProps = { children: React.ReactNode; className?: string };\n\n/**\n * Can be used to show an icon or any other custom element. Rendered on the right side.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemMeta = (props: ListItemMetaProps) => {\n    return (\n        <span {...props} className={classNames(\"mdc-list-item__meta\", props.className)}>\n            {props.children}\n        </span>\n    );\n};\n\nexport type ListTopCaptionProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Can be used to show a top caption inside ListItemMeta component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListTopCaption = (props: ListTopCaptionProps) => {\n    return (\n        <span {...props} className={\"webiny-list-top-caption\"}>\n            <Typography use=\"overline\">{props.children}</Typography>\n        </span>\n    );\n};\n\nexport type ListBottomCaptionProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Can be used to show a bottom caption inside ListItemMeta component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListBottomCaption = (props: ListBottomCaptionProps) => {\n    return (\n        <span {...props} className={\"webiny-list-bottom-caption\"}>\n            <Typography use=\"overline\">{props.children}</Typography>\n        </span>\n    );\n};\n\nexport type ListTextOverlineProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Can be used to show an overline text inside ListItem component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListTextOverline = (props: ListTextOverlineProps) => {\n    return (\n        <span {...props} className={\"webiny-list-text-overline\"}>\n            <Typography use=\"overline\">{props.children}</Typography>\n        </span>\n    );\n};\n\nexport type ListActionsProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Used to contain the actions inside ListItemMate component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListActions = (props: ListActionsProps) => {\n    return (\n        <span {...props} className={\"webiny-list-actions\"}>\n            {props.children}\n        </span>\n    );\n};\n\nconst SelectBoxWrapper = styled(\"div\")({\n    overflow: \"hidden\",\n    width: 25,\n    height: 25,\n    display: \"flex\",\n    position: \"relative\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n});\n\nexport type ListSelectBoxProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Used to hold the Checkbox element for multi-select options.\n * @param {*} props\n */\nexport const ListSelectBox = (props: ListSelectBoxProps) => {\n    return (\n        <ListItemGraphic>\n            <SelectBoxWrapper>{props.children}</SelectBoxWrapper>\n        </ListItemGraphic>\n    );\n};\n\nexport const SimpleListItem = (props: RmwcSimpleListItemProps & { onClick?: any }) => {\n    return <RmwcSimpleListItem {...props} />;\n};\n"]}

package/List/List.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["List.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","Icon","ButtonPrimary","ReactComponent","AutoRenewIcon","CloudDoneIcon","BaselineDeleteIcon","BaselineDoneIcon","List","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListItemGraphic","ListItemTextPrimary","story","module","add","info","propTables"],"mappings":"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","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 \"./../List/README.md\";\n\nimport { Icon } from \"./../Icon\";\nimport { ButtonPrimary } from \"./../Button\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./icons/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./icons/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as BaselineDeleteIcon } from \"./icons/baseline-delete-24px.svg\";\nimport { ReactComponent as BaselineDoneIcon } from \"./icons/baseline-done-24px.svg\";\n\nimport {\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListItemGraphic,\n    ListItemTextPrimary\n} from \"./List\";\n\nconst story = storiesOf(\"Components/List\", module);\n\nstory.add(\n    \"simple list\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Basic list\"}>\n                        <List>\n                            <ListItem>Item 1</ListItem>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </ListItemGraphic>\n                                Item 2 - with icon on left side\n                            </ListItem>\n                            <ListItem>\n                                Item 3 - with icon on right side\n                                <ListItemMeta>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </ListItemGraphic>\n                                Item 4 - icons on both sides\n                                <ListItemMeta>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n                        </List>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <List>\n                        <ListItem>\n                            Item 1\n                        </ListItem>\n\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            Item 2 - with icon on left side\n                        </ListItem>\n                        <ListItem>\n                            Item 3 - with icon on right side\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            Item 4 - icons on both sides\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                    </List>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"List with 2 lines\"}>\n                        <List twoLine>\n                            <ListItem>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Primary text</ListItemTextPrimary>\n                                    <ListItemTextSecondary>Secondary text</ListItemTextSecondary>\n                                </ListItemText>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Primary text</ListItemTextPrimary>\n                                    <ListItemTextSecondary>Secondary text</ListItemTextSecondary>\n                                </ListItemText>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Primary text</ListItemTextPrimary>\n                                    <ListItemTextSecondary>Secondary text</ListItemTextSecondary>\n                                </ListItemText>\n                            </ListItem>\n                        </List>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <List twoLine>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                    </List>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"A list with all possible options\"}>\n                        <List twoLine>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<AutoRenewIcon />} />\n                                </ListItemGraphic>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Rocket</ListItemTextPrimary>\n                                    <ListItemTextSecondary>\n                                        This could be a really cool rocket.\n                                    </ListItemTextSecondary>\n                                </ListItemText>\n                                <ListItemMeta>\n                                    <Icon icon={<CloudDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </ListItemGraphic>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Coffee</ListItemTextPrimary>\n                                    <ListItemTextSecondary>\n                                        A nice cup of coffee.\n                                    </ListItemTextSecondary>\n                                </ListItemText>\n                                <ListItemMeta>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<AutoRenewIcon />} />\n                                </ListItemGraphic>\n                                <ListItemText>\n                                    <ListItemTextPrimary>E-mail</ListItemTextPrimary>\n                                    <ListItemTextSecondary>\n                                        Send an e-mail to your best friend.\n                                    </ListItemTextSecondary>\n                                </ListItemText>\n                                <ListItemMeta>\n                                    <ButtonPrimary>Send</ButtonPrimary>\n                                </ListItemMeta>\n                            </ListItem>\n                        </List>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <List twoLine>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>Rocket</ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    This could be a really cool rocket.\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <Icon icon={<CloudDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>Coffee</ListItemTextPrimary>\n                                <ListItemTextSecondary>A nice cup of coffee.</ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>E-mail</ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Send an e-mail to your best friend.\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <ButtonPrimary>Send</ButtonPrimary>\n                            </ListItemMeta>\n                        </ListItem>\n                    </List>\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                ListItemTextPrimary\n            ]\n        }\n    }\n);\n"]}

package/List/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["refreshIcon","deleteIcon"],"mappings":"AAAA,OAAOA,WAAP;AACA,OAAOC,UAAP;AAEA,SAASD,WAAT,EAAsBC,UAAtB","sourcesContent":["import refreshIcon from \"./baseline-autorenew-24px.svg\";\nimport deleteIcon from \"./baseline-delete-24px.svg\";\n\nexport { refreshIcon, deleteIcon };\n"]}