@webiny/ui 5.34.8 → 5.35.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"names":["DataListModalOverlayContext","React","createContext","isOpen","setIsOpen","DataListModalOverlayProvider","children","useState"],"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;;AAMO,IAAMA,2BAA2B,gBAAGC,cAAA,CAAMC,aAAN,CACvC;EACIC,MAAM,EAAE,KADZ;EAEIC,SAAS,EAAE,qBAAM;IACb,OAAO,KAAK,CAAZ;EACH;AAJL,CADuC,CAApC;;;;AAaA,IAAMC,4BAAyE,GAAG,SAA5EA,4BAA4E,OAEnF;EAAA,IADFC,QACE,QADFA,QACE;;EACF,sBAA4BL,cAAA,CAAMM,QAAN,CAAwB,KAAxB,CAA5B;EAAA;EAAA,IAAOJ,MAAP;EAAA,IAAeC,SAAf;;EAEA,oBACI,6BAAC,2BAAD,CAA6B,QAA7B;IAAsC,KAAK,EAAE;MAAED,MAAM,EAANA,MAAF;MAAUC,SAAS,EAATA;IAAV;EAA7C,GACKE,QADL,CADJ;AAKH,CAVM"}
+{"version":3,"names":["DataListModalOverlayContext","React","createContext","isOpen","setIsOpen","DataListModalOverlayProvider","children","useState"],"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;AAMO,IAAMA,2BAA2B,gBAAGC,cAAK,CAACC,aAAa,CAC1D;EACIC,MAAM,EAAE,KAAK;EACbC,SAAS,EAAE,qBAAM;IACb,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CACJ;AAAC;AAMK,IAAMC,4BAAyE,GAAG,SAA5EA,4BAAyE,OAEhF;EAAA,IADFC,QAAQ,QAARA,QAAQ;EAER,sBAA4BL,cAAK,CAACM,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAnDJ,MAAM;IAAEC,SAAS;EAExB,oBACI,6BAAC,2BAA2B,CAAC,QAAQ;IAAC,KAAK,EAAE;MAAED,MAAM,EAANA,MAAM;MAAEC,SAAS,EAATA;IAAU;EAAE,GAC9DE,QAAQ,CAC0B;AAE/C,CAAC;AAAC"}

package/List/DataList/DataListModalOverlay/index.js

@@ -27,9 +27,6 @@ Object.defineProperty(exports, "DataListModalOverlayProvider", {
     return _DataListModalOverlayContext.DataListModalOverlayProvider;
   }
 });
-
 var _DataListModalOverlay = require("./DataListModalOverlay");
-
 var _DataListModalOverlayAction = require("./DataListModalOverlayAction");
-
 var _DataListModalOverlayContext = require("./DataListModalOverlayContext");

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { DataListModalOverlay } from \"./DataListModalOverlay\";\nexport { DataListModalOverlayAction } from \"./DataListModalOverlayAction\";\nexport {\n    DataListModalOverlayContext,\n    DataListModalOverlayProvider\n} from \"./DataListModalOverlayContext\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { DataListModalOverlay } from \"./DataListModalOverlay\";\nexport { DataListModalOverlayAction } from \"./DataListModalOverlayAction\";\nexport {\n    DataListModalOverlayContext,\n    DataListModalOverlayProvider\n} from \"./DataListModalOverlayContext\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA"}

package/List/DataList/DataListWithSections.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScrollListWithSections = exports.DataListWithSections = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Loader = _interopRequireDefault(require("./Loader"));
-
 var _NoData = _interopRequireDefault(require("./NoData"));
-
 var _Typography = require("../../Typography");
-
 var _emotion = require("emotion");
-
 var _noop = _interopRequireDefault(require("lodash/noop"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _Checkbox = require("../../Checkbox");
-
 var _Menu = require("../../Menu");
-
 var _Grid = require("../../Grid");
-
 var _icons = require("./icons");
-
 var _ = require("..");
-
 var _DataListModalOverlay = require("./DataListModalOverlay");
-
 var ListContainer = /*#__PURE__*/(0, _styled.default)("div", {
   target: "exlqcq90",
   label: "ListContainer"
@@ -141,23 +124,19 @@ var dataListContent = /*#__PURE__*/(0, _emotion.css)({
   height: "100%",
   overflow: "auto"
 }, "label:dataListContent;");
-
 var MultiSelectAll = function MultiSelectAll(props) {
   var multiSelectActions = props.multiSelectActions;
-
   if (!multiSelectActions) {
     return null;
   }
   /**
    * We can safely cast because we have defaults.
    */
-
-
   var _ref = props,
-      isAllMultiSelected = _ref.isAllMultiSelected,
-      isNoneMultiSelected = _ref.isNoneMultiSelected,
-      multiSelectAll = _ref.multiSelectAll,
-      data = _ref.data;
+    isAllMultiSelected = _ref.isAllMultiSelected,
+    isNoneMultiSelected = _ref.isNoneMultiSelected,
+    multiSelectAll = _ref.multiSelectAll,
+    data = _ref.data;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, typeof multiSelectAll === "function" && /*#__PURE__*/_react.default.createElement(ListHeaderItem, null, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
     indeterminate: !isAllMultiSelected(data) && !isNoneMultiSelected(data),
     value: isAllMultiSelected(data),
@@ -166,38 +145,29 @@ var MultiSelectAll = function MultiSelectAll(props) {
     }
   })));
 };
-
 var MultiSelectActions = function MultiSelectActions(props) {
   var multiSelectActions = props.multiSelectActions;
-
   if (!multiSelectActions) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(ListHeaderItem, null, multiSelectActions);
 };
-
 var RefreshButton = function RefreshButton(props) {
   var refresh = props.refresh;
-
   if (!refresh) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(ListHeaderItem, null, /*#__PURE__*/_react.default.createElement(_icons.RefreshIcon, {
     onClick: function onClick() {
       return refresh();
     }
   }));
 };
-
 var Sorters = function Sorters(props) {
   var sorters = props.sorters;
-
   if (!sorters) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(ListHeaderItem, null, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
     handle: /*#__PURE__*/_react.default.createElement(_icons.SortIcon, null)
   }, sorters.map(function (sorter) {
@@ -211,26 +181,20 @@ var Sorters = function Sorters(props) {
     }, sorter.label);
   })));
 };
-
 var Filters = function Filters(props) {
   var filters = props.filters;
-
   if (!filters) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(ListHeaderItem, null, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
     handle: /*#__PURE__*/_react.default.createElement(_icons.FilterIcon, null)
   }, filters));
 };
-
 var Pagination = function Pagination(props) {
   var pagination = props.pagination;
-
   if (!pagination) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, pagination.setNextPage && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ListHeaderItem, {
     className: (0, _classnames.default)({
       disabled: !pagination.hasPreviousPage
@@ -262,20 +226,16 @@ var Pagination = function Pagination(props) {
     }, perPage);
   }))));
 };
-
 var Search = function Search(props) {
   if (!props.search) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 7
   }, /*#__PURE__*/_react.default.cloneElement(props.search, props));
 };
-
 var DataListWithSections = function DataListWithSections(props) {
   var render = null;
-
   if (props.loading) {
     render = props.loader;
   } else if ((0, _isEmpty.default)(props.data)) {
@@ -284,7 +244,6 @@ var DataListWithSections = function DataListWithSections(props) {
     var ch = props.children;
     render = typeof ch === "function" ? ch(props) : null;
   }
-
   var showOptions = props.showOptions || {};
   var listHeaderActionsCellSpan = props.actions ? 7 : 0;
   var listHeaderTitleCellSpan = 12 - listHeaderActionsCellSpan;
@@ -312,7 +271,6 @@ var DataListWithSections = function DataListWithSections(props) {
     className: (0, _classnames.default)(dataListContent, "webiny-data-list__content")
   }, props.subHeader, render, props.modalOverlay)));
 };
-
 exports.DataListWithSections = DataListWithSections;
 DataListWithSections.defaultProps = {
   children: null,
@@ -346,11 +304,9 @@ DataListWithSections.defaultProps = {
     filters: true
   }
 };
-
 var ScrollListWithSections = function ScrollListWithSections(props) {
   return /*#__PURE__*/_react.default.createElement(_.List, Object.assign({}, props, {
     className: (0, _classnames.default)(props.className, scrollList)
   }), props.children);
 };
-
 exports.ScrollListWithSections = ScrollListWithSections;

package/List/DataList/DataListWithSections.js.map

@@ -1 +1 @@
-{"version":3,"names":["ListContainer","styled","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","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","MultiSelectActions","RefreshButton","refresh","Sorters","sorters","map","sorter","label","setSorters","value","Filters","filters","Pagination","pagination","setNextPage","classNames","disabled","hasPreviousPage","setPreviousPage","hasNextPage","Array","isArray","perPageOptions","setPerPage","perPage","Search","search","React","cloneElement","DataListWithSections","render","loading","loader","isEmpty","noData","ch","children","showOptions","listHeaderActionsCellSpan","actions","listHeaderTitleCellSpan","title","Object","keys","length","justifySelf","modalOverlayAction","subHeader","modalOverlay","defaultProps","meta","setPage","noop","ScrollListWithSections","className"],"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":["ListContainer","styled","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","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","MultiSelectActions","RefreshButton","refresh","Sorters","sorters","map","sorter","label","setSorters","value","Filters","filters","Pagination","pagination","setNextPage","classNames","disabled","hasPreviousPage","setPreviousPage","hasNextPage","Array","isArray","perPageOptions","setPerPage","perPage","Search","search","React","cloneElement","DataListWithSections","render","loading","loader","isEmpty","noData","ch","children","showOptions","listHeaderActionsCellSpan","actions","listHeaderTitleCellSpan","title","Object","keys","length","justifySelf","modalOverlayAction","subHeader","modalOverlay","defaultProps","meta","setPage","noop","ScrollListWithSections","className"],"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":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAQA;AACA;AAGA,IAAMA,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,MAAM;EACd,WAAW,EAAE;IACTC,aAAa,EAAE,CAAC;IAChBC,UAAU,EAAE;EAChB,CAAC;EACD,gBAAgB,EAAE;IACdC,YAAY,EAAE,0CAA0C;IACxDC,OAAO,EAAE,qBAAqB;IAC9BJ,MAAM,EAAE,MAAM;IACdK,SAAS,EAAE,EAAE;IACb,kFAAkF,EAAE;MAChFC,OAAO,EAAE;IACb,CAAC;IACD,yBAAyB,EAAE;MACvBC,WAAW,EAAE;IACjB,CAAC;IACD,sBAAsB,EAAE;MACpBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,SAAS;MACjBL,OAAO,EAAE;IACb,CAAC;IACD,sBAAsB,EAAE;MACpBM,UAAU,EAAE,QAAQ;MACpBJ,OAAO,EAAE,MAAM;MACfK,cAAc,EAAE,eAAe;MAC/BC,aAAa,EAAE,QAAQ;MACvBb,QAAQ,EAAE,UAAU;MACpBK,OAAO,EAAE,OAAO;MAChBS,SAAS,EAAE,YAAY;MACvBb,MAAM,EAAE,MAAM;MACdc,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,CAAC,EAAE;MACdC,YAAY,EAAE,CAAC,EAAE;MACjB,sBAAsB,EAAE;QACpBV,OAAO,EAAE;MACb,CAAC;MACD,uDAAuD,EAAE;QACrD;QACAE,KAAK,EAAE,MAAM;QACbS,SAAS,EAAE;MACf,CAAC;MACD,0BAA0B,EAAE;QACxBD,YAAY,EAAE;MAClB;IACJ,CAAC;IACD,SAAS,EAAE;MACP,sBAAsB,EAAE;QACpB,uDAAuD,EAAE;UACrDV,OAAO,EAAE;QACb,CAAC;QACD,sBAAsB,EAAE;UACpBA,OAAO,EAAE,MAAM;UACfN,MAAM,EAAE,MAAM;UACdU,UAAU,EAAE;QAChB;MACJ;IACJ;EACJ;AACJ,CAAC,CAAC;AAEF,IAAMQ,UAAU,gBAAG,IAAAC,YAAG,EAAC;EACnBhB,YAAY,EAAE,0CAA0C;EACxDiB,KAAK,EAAE,6CAA6C;EACpDZ,KAAK,EAAE;AACX,CAAC,sBAAC;AAEF,IAAMa,aAAa,gBAAG,IAAAF,YAAG,EAAC;EACtBX,KAAK,EAAE,MAAM;EACb,mBAAmB,EAAE;IACjBL,YAAY,EAAE,0CAA0C;IACxDC,OAAO,EAAE,qBAAqB;IAC9BgB,KAAK,EAAE;EACX;AACJ,CAAC,yBAAC;AAEF,IAAME,cAAc,oBAAGxB,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCQ,OAAO,EAAE,cAAc;EACvBiB,aAAa,EAAE,QAAQ;EACvB,YAAY,EAAE;IACVC,OAAO,EAAE,GAAG;IACZC,aAAa,EAAE;EACnB;AACJ,CAAC,CAAC;AAEF,IAAMC,SAAS,gBAAG,IAAAP,YAAG,EAAC;EAClBb,OAAO,EAAE,MAAM;EACfI,UAAU,EAAE;AAChB,CAAC,qBAAC;AAEF,IAAMiB,WAAW,gBAAG,IAAAR,YAAG,EAAC;EACpBF,SAAS,EAAE;AACf,CAAC,uBAAC;AAEF,IAAMW,UAAU,gBAAG,IAAAT,YAAG,EAAC;EACnBU,QAAQ,EAAE,MAAM;EAChB7B,MAAM,EAAE;AACZ,CAAC,sBAAC;AAEF,IAAM8B,eAAe,gBAAG,IAAAX,YAAG,EAAC;EACxBpB,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,MAAM;EACd6B,QAAQ,EAAE;AACd,CAAC,2BAAC;AAkFF,IAAME,cAAmD,GAAG,SAAtDA,cAAmD,CAAGC,KAAK,EAAI;EACjE,IAAQC,kBAAkB,GAAKD,KAAK,CAA5BC,kBAAkB;EAC1B,IAAI,CAACA,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EACA;AACJ;AACA;EACI,WACID,KAAK;IADDE,kBAAkB,QAAlBA,kBAAkB;IAAEC,mBAAmB,QAAnBA,mBAAmB;IAAEC,cAAc,QAAdA,cAAc;IAAEC,IAAI,QAAJA,IAAI;EAGrE,oBACI,6BAAC,cAAK,CAAC,QAAQ,QACV,OAAOD,cAAc,KAAK,UAAU,iBACjC,6BAAC,cAAc,qBACX,6BAAC,kBAAQ;IACL,aAAa,EAAE,CAACF,kBAAkB,CAACG,IAAI,CAAC,IAAI,CAACF,mBAAmB,CAACE,IAAI,CAAE;IACvE,KAAK,EAAEH,kBAAkB,CAACG,IAAI,CAAE;IAChC,OAAO,EAAE,mBAAM;MACXD,cAAc,CAAC,CAACF,kBAAkB,CAACG,IAAI,CAAC,EAAEA,IAAI,CAAC;IACnD;EAAE,EACJ,CAET,CACY;AAEzB,CAAC;AAED,IAAMC,kBAAuD,GAAG,SAA1DA,kBAAuD,CAAGN,KAAK,EAAI;EACrE,IAAQC,kBAAkB,GAAKD,KAAK,CAA5BC,kBAAkB;EAC1B,IAAI,CAACA,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EAEA,oBAAO,6BAAC,cAAc,QAAEA,kBAAkB,CAAkB;AAChE,CAAC;AAED,IAAMM,aAAkD,GAAG,SAArDA,aAAkD,CAAGP,KAAK,EAAI;EAChE,IAAMQ,OAAO,GAAGR,KAAK,CAACQ,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,cAAc,qBACX,6BAAC,kBAAW;IAAC,OAAO,EAAE;MAAA,OAAMA,OAAO,EAAE;IAAA;EAAC,EAAG,CAC5B;AAEzB,CAAC;AAED,IAAMC,OAA4C,GAAG,SAA/CA,OAA4C,CAAGT,KAAK,EAAI;EAC1D,IAAMU,OAAO,GAAGV,KAAK,CAACU,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,cAAc,qBACX,6BAAC,UAAI;IAAC,MAAM,eAAE,6BAAC,eAAQ;EAAI,GACtBA,OAAO,CAACC,GAAG,CAAC,UAAAC,MAAM;IAAA,oBACf,6BAAC,cAAQ;MACL,GAAG,EAAEA,MAAM,CAACC,KAAM;MAClB,OAAO,EAAE,mBAAM;QACX,IAAIH,OAAO,IAAIV,KAAK,CAACc,UAAU,EAAE;UAC7Bd,KAAK,CAACc,UAAU,CAACF,MAAM,CAACG,KAAK,CAAC;QAClC;MACJ;IAAE,GAEDH,MAAM,CAACC,KAAK,CACN;EAAA,CACd,CAAC,CACC,CACM;AAEzB,CAAC;AAED,IAAMG,OAA4C,GAAG,SAA/CA,OAA4C,CAAGhB,KAAK,EAAI;EAC1D,IAAMiB,OAAO,GAAGjB,KAAK,CAACiB,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,cAAc,qBACX,6BAAC,UAAI;IAAC,MAAM,eAAE,6BAAC,iBAAU;EAAI,GAAEA,OAAO,CAAQ,CACjC;AAEzB,CAAC;AAED,IAAMC,UAA+C,GAAG,SAAlDA,UAA+C,CAAGlB,KAAK,EAAI;EAC7D,IAAQmB,UAAU,GAAKnB,KAAK,CAApBmB,UAAU;EAClB,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,cAAK,CAAC,QAAQ,QACVA,UAAU,CAACC,WAAW,iBACnB,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,cAAc;IACX,SAAS,EAAE,IAAAC,mBAAU,EAAC;MAClBC,QAAQ,EAAE,CAACH,UAAU,CAACI;IAC1B,CAAC;EAAE,gBAEH,6BAAC,uBAAgB;IACb,OAAO,EAAE,mBAAM;MACX,IAAIJ,UAAU,CAACK,eAAe,IAAIL,UAAU,CAACI,eAAe,EAAE;QAC1DJ,UAAU,CAACK,eAAe,EAAE;MAChC;IACJ;EAAE,EACJ,CACW,eAEjB,6BAAC,cAAc;IACX,SAAS,EAAE,IAAAH,mBAAU,EAAC;MAClBC,QAAQ,EAAE,CAACH,UAAU,CAACM;IAC1B,CAAC;EAAE,gBAEH,6BAAC,mBAAY;IACT,OAAO,EAAE,mBAAM;MACX,IAAIN,UAAU,CAACC,WAAW,IAAID,UAAU,CAACM,WAAW,EAAE;QAClDN,UAAU,CAACC,WAAW,EAAE;MAC5B;IACJ;EAAE,EACJ,CACW,CAExB,EAEAM,KAAK,CAACC,OAAO,CAACR,UAAU,CAACS,cAAc,CAAC,IAAIT,UAAU,CAACU,UAAU,iBAC9D,6BAAC,cAAc,qBACX,6BAAC,UAAI;IAAC,MAAM,eAAE,6BAAC,kBAAW;EAAI,GACzBV,UAAU,CAACU,UAAU,IAClBV,UAAU,CAACS,cAAc,CAACjB,GAAG,CAAC,UAAAmB,OAAO;IAAA,oBACjC,6BAAC,cAAQ;MACL,GAAG,EAAEA,OAAQ;MACb,OAAO,EAAE;QAAA,OACLX,UAAU,CAACU,UAAU,IAAIV,UAAU,CAACU,UAAU,CAACC,OAAO,CAAC;MAAA;IAC1D,GAEAA,OAAO,CACD;EAAA,CACd,CAAC,CACH,CAEd,CACY;AAEzB,CAAC;AAED,IAAMC,MAA2C,GAAG,SAA9CA,MAA2C,CAAG/B,KAAK,EAAI;EACzD,IAAI,CAACA,KAAK,CAACgC,MAAM,EAAE;IACf,OAAO,IAAI;EACf;EACA,oBAAO,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAE,gBAAEC,cAAK,CAACC,YAAY,CAAClC,KAAK,CAACgC,MAAM,EAAEhC,KAAK,CAAC,CAAQ;AAC1E,CAAC;AAEM,IAAMmC,oBAAyD,GAAG,SAA5DA,oBAAyD,CAAGnC,KAAK,EAAI;EAC9E,IAAIoC,MAAuB,GAAG,IAAI;EAElC,IAAIpC,KAAK,CAACqC,OAAO,EAAE;IACfD,MAAM,GAAGpC,KAAK,CAACsC,MAAM;EACzB,CAAC,MAAM,IAAI,IAAAC,gBAAO,EAACvC,KAAK,CAACK,IAAI,CAAC,EAAE;IAC5B+B,MAAM,GAAGpC,KAAK,CAACwC,MAAM;EACzB,CAAC,MAAM;IACH,IAAMC,EAAE,GAAGzC,KAAK,CAAC0C,QAAQ;IACzBN,MAAM,GAAG,OAAOK,EAAE,KAAK,UAAU,GAAGA,EAAE,CAACzC,KAAK,CAAC,GAAG,IAAI;EACxD;EAEA,IAAM2C,WAAW,GAAG3C,KAAK,CAAC2C,WAAW,IAAI,CAAC,CAAC;EAE3C,IAAMC,yBAAyB,GAAG5C,KAAK,CAAC6C,OAAO,GAAG,CAAC,GAAG,CAAC;EACvD,IAAMC,uBAAuB,GAAG,EAAE,GAAGF,yBAAyB;EAE9D,oBACI,6BAAC,kDAA4B,qBACzB,6BAAC,aAAa;IAAC,SAAS,EAAE,kBAAmB;IAAC,eAAa;EAAoB,GAC1E,CAAC5C,KAAK,CAAC+C,KAAK,IAAI/C,KAAK,CAAC6C,OAAO,kBAC1B,6BAAC,UAAI;IAAC,SAAS,EAAE3D;EAAW,gBACxB,6BAAC,UAAI;IAAC,IAAI,EAAE4D,uBAAwB;IAAC,SAAS,EAAEpD;EAAU,gBACtD,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAEM,KAAK,CAAC+C,KAAK,CAAc,CACnD,EACN/C,KAAK,CAAC6C,OAAO,iBACV,6BAAC,UAAI;IAAC,IAAI,EAAED,yBAA0B;IAAC,SAAS,EAAEjD;EAAY,GACzDK,KAAK,CAAC6C,OAAO,CAErB,CAER,EAEAG,MAAM,CAACC,IAAI,CAACN,WAAW,CAAC,CAACO,MAAM,GAAG,CAAC,iBAChC,6BAAC,UAAI;IAAC,SAAS,EAAE7D;EAAc,gBAC3B,6BAAC,MAAM,EAAKW,KAAK,CAAI,eACrB,6BAAC,UAAI;IAAC,IAAI,EAAEA,KAAK,CAACgC,MAAM,GAAG,CAAC,GAAG,EAAG;IAAC,KAAK,EAAE;MAAEmB,WAAW,EAAE;IAAM;EAAE,gBAC7D,6BAAC,cAAc,EAAKnD,KAAK,CAAI,EAC5B2C,WAAW,CAACnC,OAAO,iBAAI,6BAAC,aAAa,EAAKR,KAAK,CAAI,EACnD2C,WAAW,CAACxB,UAAU,iBAAI,6BAAC,UAAU,EAAKnB,KAAK,CAAI,EACnD2C,WAAW,CAACjC,OAAO,iBAAI,6BAAC,OAAO,EAAKV,KAAK,CAAI,EAC7C2C,WAAW,CAAC1B,OAAO,iBAAI,6BAAC,OAAO,EAAKjB,KAAK,CAAI,EAC7CA,KAAK,CAACoD,kBAAkB,gBACrB,6BAAC,cAAc,QAAEpD,KAAK,CAACoD,kBAAkB,CAAkB,GAC3D,IAAI,eACR,6BAAC,kBAAkB,EAAKpD,KAAK,CAAI,CAC9B,CAEd,eAED;IAAK,SAAS,EAAE,IAAAqB,mBAAU,EAACvB,eAAe,EAAE,2BAA2B;EAAE,GACpEE,KAAK,CAACqD,SAAS,EACfjB,MAAM,EACNpC,KAAK,CAACsD,YAAY,CACjB,CACM,CACW;AAEvC,CAAC;AAAC;AAEFnB,oBAAoB,CAACoB,YAAY,GAAG;EAChCb,QAAQ,EAAE,IAAI;EACdK,KAAK,EAAE,IAAI;EACX1C,IAAI,EAAE,IAAI;EACVmD,IAAI,EAAE,IAAI;EACVnB,OAAO,EAAE,KAAK;EACd7B,OAAO,EAAE,mBAAM;IACX,OAAO,KAAK,CAAC;EACjB,CAAC;EACDiD,OAAO,EAAE,IAAI;EACb5B,UAAU,EAAE,IAAI;EAChBD,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAC5BX,OAAO,EAAE,IAAI;EACbP,OAAO,EAAE,IAAI;EACbI,UAAU,EAAE,IAAI;EAChB+B,OAAO,EAAE,IAAI;EACbzC,cAAc,EAAEsD,aAAI;EACpBxD,kBAAkB,EAAE;IAAA,OAAM,KAAK;EAAA;EAC/BC,mBAAmB,EAAE;IAAA,OAAM,KAAK;EAAA;EAChCmC,MAAM,eAAE,6BAAC,eAAM,OAAG;EAClBE,MAAM,eAAE,6BAAC,eAAM,OAAG;EAClBG,WAAW,EAAE;IACTnC,OAAO,EAAE,IAAI;IACbW,UAAU,EAAE,IAAI;IAChBT,OAAO,EAAE,IAAI;IACbO,OAAO,EAAE;EACb;AACJ,CAAC;AAMM,IAAM0C,sBAA6D,GAAG,SAAhEA,sBAA6D,CAAG3D,KAAK,EAAI;EAClF,oBACI,6BAAC,MAAI,oBAAKA,KAAK;IAAE,SAAS,EAAE,IAAAqB,mBAAU,EAACrB,KAAK,CAAC4D,SAAS,EAAEhE,UAAU;EAAE,IAC/DI,KAAK,CAAC0C,QAAQ,CACZ;AAEf,CAAC;AAAC"}

package/List/DataList/Loader.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Skeleton = require("../../Skeleton");
-
 var LoaderUl = /*#__PURE__*/(0, _styled.default)("ul", {
   label: "LoaderUl",
   target: "e1nb7uzc0"
@@ -33,7 +28,6 @@ var Actions = /*#__PURE__*/(0, _styled.default)("div", {
   label: "Actions",
   target: "e1nb7uzc4"
 })("width:calc(-42px + 25%);margin-left:10px;text-align:right;.actions-skeleton-container{height:24px;display:flex;justify-content:end;}.actions-skeleton{width:24px;height:24px;margin-left:16px;}");
-
 var Loader = function Loader() {
   var lines = Array.from(Array(5).keys());
   return /*#__PURE__*/_react.default.createElement(LoaderUl, {
@@ -55,6 +49,5 @@ var Loader = function Loader() {
     }))));
   }));
 };
-
 var _default = Loader;
 exports.default = _default;

package/List/DataList/Loader.js.map

@@ -1 +1 @@
-{"version":3,"names":["LoaderUl","styled","LoaderWrapper","Graphic","Data","Actions","Loader","lines","Array","from","keys","map","line"],"sources":["Loader.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Skeleton } from \"~/Skeleton\";\n\nconst LoaderUl = styled(\"ul\")`\n    list-style: none;\n    padding: 24px 20px;\n`;\n\nconst LoaderWrapper = styled(\"div\")`\n    margin-bottom: 16px;\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: space-around;\n`;\n\nconst Graphic = styled(\"div\")`\n    width: 36px;\n`;\n\nconst Data = styled(\"div\")`\n    width: calc(-42px + 75%);\n\n    .data-skeleton-container {\n        height: 36px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n`;\n\nconst Actions = styled(\"div\")`\n    width: calc(-42px + 25%);\n    margin-left: 10px;\n    text-align: right;\n\n    .actions-skeleton-container {\n        height: 24px;\n        display: flex;\n        justify-content: end;\n    }\n\n    .actions-skeleton {\n        width: 24px;\n        height: 24px;\n        margin-left: 16px;\n    }\n`;\n\nconst Loader = (): ReactElement => {\n    const lines = Array.from(Array(5).keys());\n\n    return (\n        <LoaderUl data-testid={\"default-data-list.loading\"}>\n            {lines.map(line => (\n                <li key={\"list-\" + line}>\n                    <LoaderWrapper>\n                        <Graphic>\n                            <Skeleton height={36} />\n                        </Graphic>\n                        <Data>\n                            <Skeleton\n                                inline={true}\n                                count={2}\n                                containerClassName={\"data-skeleton-container\"}\n                            />\n                        </Data>\n                        <Actions>\n                            <Skeleton\n                                inline={true}\n                                count={2}\n                                className={\"actions-skeleton\"}\n                                containerClassName={\"actions-skeleton-container\"}\n                            />\n                        </Actions>\n                    </LoaderWrapper>\n                </li>\n            ))}\n        </LoaderUl>\n    );\n};\n\nexport default Loader;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAEA,IAAMA,QAAQ,oBAAGC,eAAH,EAAU,IAAV;EAAA;EAAA;AAAA,wCAAd;AAKA,IAAMC,aAAa,oBAAGD,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,iGAAnB;AAQA,IAAME,OAAO,oBAAGF,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,iBAAb;AAIA,IAAMG,IAAI,oBAAGH,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,qIAAV;AAWA,IAAMI,OAAO,oBAAGJ,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,qMAAb;;AAkBA,IAAMK,MAAM,GAAG,SAATA,MAAS,GAAoB;EAC/B,IAAMC,KAAK,GAAGC,KAAK,CAACC,IAAN,CAAWD,KAAK,CAAC,CAAD,CAAL,CAASE,IAAT,EAAX,CAAd;EAEA,oBACI,6BAAC,QAAD;IAAU,eAAa;EAAvB,GACKH,KAAK,CAACI,GAAN,CAAU,UAAAC,IAAI;IAAA,oBACX;MAAI,GAAG,EAAE,UAAUA;IAAnB,gBACI,6BAAC,aAAD,qBACI,6BAAC,OAAD,qBACI,6BAAC,kBAAD;MAAU,MAAM,EAAE;IAAlB,EADJ,CADJ,eAII,6BAAC,IAAD,qBACI,6BAAC,kBAAD;MACI,MAAM,EAAE,IADZ;MAEI,KAAK,EAAE,CAFX;MAGI,kBAAkB,EAAE;IAHxB,EADJ,CAJJ,eAWI,6BAAC,OAAD,qBACI,6BAAC,kBAAD;MACI,MAAM,EAAE,IADZ;MAEI,KAAK,EAAE,CAFX;MAGI,SAAS,EAAE,kBAHf;MAII,kBAAkB,EAAE;IAJxB,EADJ,CAXJ,CADJ,CADW;EAAA,CAAd,CADL,CADJ;AA4BH,CA/BD;;eAiCeN,M"}
+{"version":3,"names":["LoaderUl","styled","LoaderWrapper","Graphic","Data","Actions","Loader","lines","Array","from","keys","map","line"],"sources":["Loader.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Skeleton } from \"~/Skeleton\";\n\nconst LoaderUl = styled(\"ul\")`\n    list-style: none;\n    padding: 24px 20px;\n`;\n\nconst LoaderWrapper = styled(\"div\")`\n    margin-bottom: 16px;\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: space-around;\n`;\n\nconst Graphic = styled(\"div\")`\n    width: 36px;\n`;\n\nconst Data = styled(\"div\")`\n    width: calc(-42px + 75%);\n\n    .data-skeleton-container {\n        height: 36px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n`;\n\nconst Actions = styled(\"div\")`\n    width: calc(-42px + 25%);\n    margin-left: 10px;\n    text-align: right;\n\n    .actions-skeleton-container {\n        height: 24px;\n        display: flex;\n        justify-content: end;\n    }\n\n    .actions-skeleton {\n        width: 24px;\n        height: 24px;\n        margin-left: 16px;\n    }\n`;\n\nconst Loader = (): ReactElement => {\n    const lines = Array.from(Array(5).keys());\n\n    return (\n        <LoaderUl data-testid={\"default-data-list.loading\"}>\n            {lines.map(line => (\n                <li key={\"list-\" + line}>\n                    <LoaderWrapper>\n                        <Graphic>\n                            <Skeleton height={36} />\n                        </Graphic>\n                        <Data>\n                            <Skeleton\n                                inline={true}\n                                count={2}\n                                containerClassName={\"data-skeleton-container\"}\n                            />\n                        </Data>\n                        <Actions>\n                            <Skeleton\n                                inline={true}\n                                count={2}\n                                className={\"actions-skeleton\"}\n                                containerClassName={\"actions-skeleton-container\"}\n                            />\n                        </Actions>\n                    </LoaderWrapper>\n                </li>\n            ))}\n        </LoaderUl>\n    );\n};\n\nexport default Loader;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAEA,IAAMA,QAAQ,oBAAGC,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,wCAG3B;AAED,IAAMC,aAAa,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,iGAMjC;AAED,IAAME,OAAO,oBAAGF,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,iBAE3B;AAED,IAAMG,IAAI,oBAAGH,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,qIASxB;AAED,IAAMI,OAAO,oBAAGJ,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,qMAgB3B;AAED,IAAMK,MAAM,GAAG,SAATA,MAAM,GAAuB;EAC/B,IAAMC,KAAK,GAAGC,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,CAAC,CAAC,CAACE,IAAI,EAAE,CAAC;EAEzC,oBACI,6BAAC,QAAQ;IAAC,eAAa;EAA4B,GAC9CH,KAAK,CAACI,GAAG,CAAC,UAAAC,IAAI;IAAA,oBACX;MAAI,GAAG,EAAE,OAAO,GAAGA;IAAK,gBACpB,6BAAC,aAAa,qBACV,6BAAC,OAAO,qBACJ,6BAAC,kBAAQ;MAAC,MAAM,EAAE;IAAG,EAAG,CAClB,eACV,6BAAC,IAAI,qBACD,6BAAC,kBAAQ;MACL,MAAM,EAAE,IAAK;MACb,KAAK,EAAE,CAAE;MACT,kBAAkB,EAAE;IAA0B,EAChD,CACC,eACP,6BAAC,OAAO,qBACJ,6BAAC,kBAAQ;MACL,MAAM,EAAE,IAAK;MACb,KAAK,EAAE,CAAE;MACT,SAAS,EAAE,kBAAmB;MAC9B,kBAAkB,EAAE;IAA6B,EACnD,CACI,CACE,CACf;EAAA,CACR,CAAC,CACK;AAEnB,CAAC;AAAC,eAEaN,MAAM;AAAA"}

package/List/DataList/NoData.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Typography = require("../../Typography");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var NoDataWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "enkc7l50",
   label: "NoDataWrapper"
@@ -21,12 +16,10 @@ var NoDataWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   padding: 100,
   color: "var(--mdc-theme-on-surface)"
 });
-
 var NoData = function NoData() {
   return /*#__PURE__*/_react.default.createElement(NoDataWrapper, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "overline"
   }, "No records found."));
 };
-
 var _default = NoData;
 exports.default = _default;

package/List/DataList/NoData.js.map

@@ -1 +1 @@
-{"version":3,"names":["NoDataWrapper","styled","textAlign","padding","color","NoData"],"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;;AACA;;AACA;;AAEA,IAAMA,aAAa,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAChCC,SAAS,EAAE,QADqB;EAEhCC,OAAO,EAAE,GAFuB;EAGhCC,KAAK,EAAE;AAHyB,CAAjB,CAAnB;;AAMA,IAAMC,MAAgB,GAAG,SAAnBA,MAAmB;EAAA,oBACrB,6BAAC,aAAD,qBACI,6BAAC,sBAAD;IAAY,GAAG,EAAC;EAAhB,GAA2B,mBAA3B,CADJ,CADqB;AAAA,CAAzB;;eAMeA,M"}
+{"version":3,"names":["NoDataWrapper","styled","textAlign","padding","color","NoData"],"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;AACA;AACA;AAEA,IAAMA,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCC,SAAS,EAAE,QAAQ;EACnBC,OAAO,EAAE,GAAG;EACZC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,MAAgB,GAAG,SAAnBA,MAAgB;EAAA,oBAClB,6BAAC,aAAa,qBACV,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAU,GAAC,mBAAiB,CAAa,CAC7C;AAAA,CACnB;AAAC,eAEaA,MAAM;AAAA"}

package/List/DataList/icons/index.js

@@ -1,100 +1,71 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SortIcon = exports.RefreshIcon = exports.PreviousPageIcon = exports.OptionsIcon = exports.NextPageIcon = exports.FilterIcon = exports.EditIcon = exports.DeleteIcon = exports.CreateIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = require("../../../Button");
-
 var _baselineAutorenew24px = require("./baseline-autorenew-24px.svg");
-
 var _baselineEdit24px = require("./baseline-edit-24px.svg");
-
 var _baselineDelete24px = require("./baseline-delete-24px.svg");
-
 var _baselineSort24px = require("./baseline-sort-24px.svg");
-
 var _filter_alt24px = require("./filter_alt-24px.svg");
-
 var _baselineNavigate_before24px = require("./baseline-navigate_before-24px.svg");
-
 var _baselineNavigate_next24px = require("./baseline-navigate_next-24px.svg");
-
 var _baselineTune24px = require("./baseline-tune-24px.svg");
-
 var RefreshIcon = function RefreshIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
   }, props));
 };
-
 exports.RefreshIcon = RefreshIcon;
-
 var DeleteIcon = function DeleteIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null)
   }, props));
 };
-
 exports.DeleteIcon = DeleteIcon;
-
 var CreateIcon = function CreateIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineEdit24px.ReactComponent, null)
   }, props));
 };
-
 exports.CreateIcon = CreateIcon;
-
 var EditIcon = function EditIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineEdit24px.ReactComponent, null)
   }, props));
 };
-
 exports.EditIcon = EditIcon;
-
 var SortIcon = function SortIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineSort24px.ReactComponent, null)
   }, props));
 };
-
 exports.SortIcon = SortIcon;
-
 var FilterIcon = function FilterIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_filter_alt24px.ReactComponent, null)
   }, props));
 };
-
 exports.FilterIcon = FilterIcon;
-
 var PreviousPageIcon = function PreviousPageIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineNavigate_before24px.ReactComponent, null)
   }, props));
 };
-
 exports.PreviousPageIcon = PreviousPageIcon;
-
 var NextPageIcon = function NextPageIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineNavigate_next24px.ReactComponent, null)
   }, props));
 };
-
 exports.NextPageIcon = NextPageIcon;
-
 var OptionsIcon = function OptionsIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineTune24px.ReactComponent, null)
   }, props));
 };
-
 exports.OptionsIcon = OptionsIcon;

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

@@ -1 +1 @@
-{"version":3,"names":["RefreshIcon","props","DeleteIcon","CreateIcon","EditIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon"],"sources":["index.tsx"],"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"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAMO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA4B;EACnD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,qCAAD;EAAlB,GAAqCA,KAArC,EAAP;AACH,CAFM;;;;AAIA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACD,KAAD,EAA4B;EAClD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,kCAAD;EAAlB,GAAkCA,KAAlC,EAAP;AACH,CAFM;;;;AAIA,IAAME,UAAU,GAAG,SAAbA,UAAa,CAACF,KAAD,EAA4B;EAClD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,gCAAD;EAAlB,GAA+BA,KAA/B,EAAP;AACH,CAFM;;;;AAIA,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACH,KAAD,EAA4B;EAChD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,gCAAD;EAAlB,GAA+BA,KAA/B,EAAP;AACH,CAFM;;;;AAIA,IAAMI,QAAQ,GAAG,SAAXA,QAAW,CAACJ,KAAD,EAA4B;EAChD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,gCAAD;EAAlB,GAAgCA,KAAhC,EAAP;AACH,CAFM;;;;AAIA,IAAMK,UAAU,GAAG,SAAbA,UAAa,CAACL,KAAD,EAA4B;EAClD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,8BAAD;EAAlB,GAAkCA,KAAlC,EAAP;AACH,CAFM;;;;AAIA,IAAMM,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACN,KAAD,EAA4B;EACxD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,2CAAD;EAAlB,GAA0CA,KAA1C,EAAP;AACH,CAFM;;;;AAIA,IAAMO,YAAY,GAAG,SAAfA,YAAe,CAACP,KAAD,EAA4B;EACpD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,yCAAD;EAAlB,GAAwCA,KAAxC,EAAP;AACH,CAFM;;;;AAIA,IAAMQ,WAAW,GAAG,SAAdA,WAAc,CAACR,KAAD,EAA4B;EACnD,oBAAO,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,gCAAD;EAAlB,GAAoCA,KAApC,EAAP;AACH,CAFM"}
+{"version":3,"names":["RefreshIcon","props","DeleteIcon","CreateIcon","EditIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon"],"sources":["index.tsx"],"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"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMO,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAsB,EAAK;EACnD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,qCAAS;EAAI,GAAKA,KAAK,EAAI;AACzD,CAAC;AAAC;AAEK,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAID,KAAsB,EAAK;EAClD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,kCAAM;EAAI,GAAKA,KAAK,EAAI;AACtD,CAAC;AAAC;AAEK,IAAME,UAAU,GAAG,SAAbA,UAAU,CAAIF,KAAsB,EAAK;EAClD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,gCAAG;EAAI,GAAKA,KAAK,EAAI;AACnD,CAAC;AAAC;AAEK,IAAMG,QAAQ,GAAG,SAAXA,QAAQ,CAAIH,KAAsB,EAAK;EAChD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,gCAAG;EAAI,GAAKA,KAAK,EAAI;AACnD,CAAC;AAAC;AAEK,IAAMI,QAAQ,GAAG,SAAXA,QAAQ,CAAIJ,KAAsB,EAAK;EAChD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,gCAAI;EAAI,GAAKA,KAAK,EAAI;AACpD,CAAC;AAAC;AAEK,IAAMK,UAAU,GAAG,SAAbA,UAAU,CAAIL,KAAsB,EAAK;EAClD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,8BAAM;EAAI,GAAKA,KAAK,EAAI;AACtD,CAAC;AAAC;AAEK,IAAMM,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIN,KAAsB,EAAK;EACxD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,2CAAc;EAAI,GAAKA,KAAK,EAAI;AAC9D,CAAC;AAAC;AAEK,IAAMO,YAAY,GAAG,SAAfA,YAAY,CAAIP,KAAsB,EAAK;EACpD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,yCAAY;EAAI,GAAKA,KAAK,EAAI;AAC5D,CAAC;AAAC;AAEK,IAAMQ,WAAW,GAAG,SAAdA,WAAW,CAAIR,KAAsB,EAAK;EACnD,oBAAO,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,gCAAQ;EAAI,GAAKA,KAAK,EAAI;AACxD,CAAC;AAAC"}

package/List/DataList/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -42,15 +41,10 @@ Object.defineProperty(exports, "ScrollListWithSections", {
     return _DataListWithSections.ScrollListWithSections;
   }
 });
-
 var _DataList = require("./DataList");
-
 var _DataListWithSections = require("./DataListWithSections");
-
 var _NoData = _interopRequireDefault(require("./NoData"));
-
 var _DataListModalOverlay = require("./DataListModalOverlay");
-
 Object.keys(_DataListModalOverlay).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/List/DataList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { DataList, ScrollList } from \"./DataList\";\nexport { DataListWithSections, ScrollListWithSections } from \"./DataListWithSections\";\nexport { default as NoData } from \"./NoData\";\nexport * from \"./DataListModalOverlay\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { DataList, ScrollList } from \"./DataList\";\nexport { DataListWithSections, ScrollListWithSections } from \"./DataListWithSections\";\nexport { default as NoData } from \"./NoData\";\nexport * from \"./DataListModalOverlay\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}