@webiny/admin-ui 6.3.0 → 6.4.0-beta.1

package/DataList/DataList.js

@@ -1,77 +1,78 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import isEmpty from "lodash/isEmpty.js";
 import { Heading } from "../Heading/index.js";
 import { Filters, Loader, MultiSelectActions, MultiSelectAll, NoData, Pagination, RefreshButton, Sorters } from "./components/index.js";
 import { DataListModal } from "./DataListModal.js";
 const defaultDataListProps = {
-  children: null,
-  title: null,
-  data: null,
-  meta: null,
-  loading: false,
-  refresh: () => {
-    return void 0;
-  },
-  setPage: null,
-  setPerPage: null,
-  perPageOptions: [10, 25, 50],
-  filters: null,
-  sorters: null,
-  setSorters: null,
-  actions: null,
-  multiSelectAll: () => {},
-  isAllMultiSelected: () => false,
-  isNoneMultiSelected: () => false,
-  loader: /*#__PURE__*/React.createElement(Loader, null),
-  noData: /*#__PURE__*/React.createElement(NoData, null),
-  showOptions: {
-    refresh: true,
-    pagination: true,
-    sorters: true,
-    filters: true
-  }
+    children: null,
+    title: null,
+    data: null,
+    meta: null,
+    loading: false,
+    refresh: ()=>{},
+    setPage: null,
+    setPerPage: null,
+    perPageOptions: [
+        10,
+        25,
+        50
+    ],
+    filters: null,
+    sorters: null,
+    setSorters: null,
+    actions: null,
+    multiSelectAll: ()=>{},
+    isAllMultiSelected: ()=>false,
+    isNoneMultiSelected: ()=>false,
+    loader: /*#__PURE__*/ react.createElement(Loader, null),
+    noData: /*#__PURE__*/ react.createElement(NoData, null),
+    showOptions: {
+        refresh: true,
+        pagination: true,
+        sorters: true,
+        filters: true
+    }
 };
-export const DataList = propsInput => {
-  let render;
-  const props = useMemo(() => {
-    return {
-      ...defaultDataListProps,
-      ...propsInput
-    };
-  }, [propsInput]);
-  if (props.loading) {
-    render = props.loader;
-  } else if (isEmpty(props.data)) {
-    render = props.noData;
-  } else {
-    const ch = props.children;
-    render = typeof ch === "function" ? ch(props) : null;
-  }
-  const showOptions = props.showOptions || {};
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "ui.list.data-list"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pt-md pb-sm pl-lg pr-md"
-  }, (props.title || props.actions) && /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between items-center mb-xl"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    className: "text-neutral-primary",
-    level: 4
-  }, props.title)), Object.keys(showOptions).length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-space-between gap-sm"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex-1"
-  }, props.search ? /*#__PURE__*/React.cloneElement(props.search, props) : null), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-space-between gap-xs"
-  }, /*#__PURE__*/React.createElement(MultiSelectAll, props), /*#__PURE__*/React.createElement(MultiSelectActions, 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 && props.modalOverlay && /*#__PURE__*/React.createElement(DataListModal, {
-    trigger: props.modalOverlayAction,
-    content: props.modalOverlay
-  }), props.actions))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      maxHeight: "calc(100vh - 165px)"
-    },
-    className: "relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content"
-  }, props.subHeader, render));
+const DataList = (propsInput)=>{
+    let render;
+    const props = useMemo(()=>({
+            ...defaultDataListProps,
+            ...propsInput
+        }), [
+        propsInput
+    ]);
+    if (props.loading) render = props.loader;
+    else if (isEmpty(props.data)) render = props.noData;
+    else {
+        const ch = props.children;
+        render = "function" == typeof ch ? ch(props) : null;
+    }
+    const showOptions = props.showOptions || {};
+    return /*#__PURE__*/ react.createElement("div", {
+        "data-testid": "ui.list.data-list"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "pt-md pb-sm pl-lg pr-md"
+    }, (props.title || props.actions) && /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-between items-center mb-xl"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        className: "text-neutral-primary",
+        level: 4
+    }, props.title)), Object.keys(showOptions).length > 0 && /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-space-between gap-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1"
+    }, props.search ? /*#__PURE__*/ react.cloneElement(props.search, props) : null), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-space-between gap-xs"
+    }, /*#__PURE__*/ react.createElement(MultiSelectAll, props), /*#__PURE__*/ react.createElement(MultiSelectActions, 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 && props.modalOverlay && /*#__PURE__*/ react.createElement(DataListModal, {
+        trigger: props.modalOverlayAction,
+        content: props.modalOverlay
+    }), props.actions))), /*#__PURE__*/ react.createElement("div", {
+        style: {
+            maxHeight: "calc(100vh - 165px)"
+        },
+        className: "relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content"
+    }, props.subHeader, render));
 };
+export { DataList };
 
 //# sourceMappingURL=DataList.js.map

package/DataList/DataList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","isEmpty","Heading","Filters","Loader","MultiSelectActions","MultiSelectAll","NoData","Pagination","RefreshButton","Sorters","DataListModal","defaultDataListProps","children","title","data","meta","loading","refresh","setPage","setPerPage","perPageOptions","filters","sorters","setSorters","actions","multiSelectAll","isAllMultiSelected","isNoneMultiSelected","loader","createElement","noData","showOptions","pagination","DataList","propsInput","render","props","ch","className","level","Object","keys","length","search","cloneElement","modalOverlayAction","modalOverlay","trigger","content","style","maxHeight","subHeader"],"sources":["DataList.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport isEmpty from \"lodash/isEmpty.js\";\nimport { Heading } from \"~/Heading/index.js\";\nimport {\n    Filters,\n    Loader,\n    MultiSelectActions,\n    MultiSelectAll,\n    NoData,\n    Pagination,\n    RefreshButton,\n    Sorters\n} from \"~/DataList/components/index.js\";\nimport { DataListModal } from \"~/DataList/DataListModal.js\";\nimport type { DataListProps } from \"~/DataList/types.js\";\n\nconst defaultDataListProps = {\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: () => {},\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 const DataList = <TData,>(propsInput: DataListProps<TData>) => {\n    let render: React.ReactNode | null;\n\n    const props = useMemo(() => {\n        return {\n            ...defaultDataListProps,\n            ...propsInput\n        };\n    }, [propsInput]);\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        <div data-testid={\"ui.list.data-list\"}>\n            <div className={\"pt-md pb-sm pl-lg pr-md\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"flex justify-between items-center mb-xl\"}>\n                        <Heading className={\"text-neutral-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                    </div>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <div className={\"flex items-center justify-space-between gap-sm\"}>\n                        <div className={\"flex-1\"}>\n                            {props.search ? React.cloneElement(props.search, props) : null}\n                        </div>\n                        <div className={\"flex items-center justify-space-between gap-xs\"}>\n                            <MultiSelectAll {...props} />\n                            <MultiSelectActions {...props} />\n                            {showOptions.refresh && <RefreshButton {...props} />}\n                            {showOptions.pagination && <Pagination {...props} />}\n                            {showOptions.sorters && <Sorters {...props} />}\n                            {showOptions.filters && <Filters {...props} />}\n                            {props.modalOverlayAction && props.modalOverlay && (\n                                <DataListModal\n                                    trigger={props.modalOverlayAction}\n                                    content={props.modalOverlay}\n                                />\n                            )}\n                            {props.actions}\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div\n                style={{ maxHeight: \"calc(100vh - 165px)\" }}\n                className={\n                    \"relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content\"\n                }\n            >\n                {props.subHeader}\n                {render}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataList/DataList.js","sources":["../../src/DataList/DataList.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport isEmpty from \"lodash/isEmpty.js\";\nimport { Heading } from \"~/Heading/index.js\";\nimport {\n    Filters,\n    Loader,\n    MultiSelectActions,\n    MultiSelectAll,\n    NoData,\n    Pagination,\n    RefreshButton,\n    Sorters\n} from \"~/DataList/components/index.js\";\nimport { DataListModal } from \"~/DataList/DataListModal.js\";\nimport type { DataListProps } from \"~/DataList/types.js\";\n\nconst defaultDataListProps = {\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: () => {},\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 const DataList = <TData,>(propsInput: DataListProps<TData>) => {\n    let render: React.ReactNode | null;\n\n    const props = useMemo(() => {\n        return {\n            ...defaultDataListProps,\n            ...propsInput\n        };\n    }, [propsInput]);\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        <div data-testid={\"ui.list.data-list\"}>\n            <div className={\"pt-md pb-sm pl-lg pr-md\"}>\n                {(props.title || props.actions) && (\n                    <div className={\"flex justify-between items-center mb-xl\"}>\n                        <Heading className={\"text-neutral-primary\"} level={4}>\n                            {props.title}\n                        </Heading>\n                    </div>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <div className={\"flex items-center justify-space-between gap-sm\"}>\n                        <div className={\"flex-1\"}>\n                            {props.search ? React.cloneElement(props.search, props) : null}\n                        </div>\n                        <div className={\"flex items-center justify-space-between gap-xs\"}>\n                            <MultiSelectAll {...props} />\n                            <MultiSelectActions {...props} />\n                            {showOptions.refresh && <RefreshButton {...props} />}\n                            {showOptions.pagination && <Pagination {...props} />}\n                            {showOptions.sorters && <Sorters {...props} />}\n                            {showOptions.filters && <Filters {...props} />}\n                            {props.modalOverlayAction && props.modalOverlay && (\n                                <DataListModal\n                                    trigger={props.modalOverlayAction}\n                                    content={props.modalOverlay}\n                                />\n                            )}\n                            {props.actions}\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            <div\n                style={{ maxHeight: \"calc(100vh - 165px)\" }}\n                className={\n                    \"relative overflow-auto border-t-sm border-t-neutral-dimmed webiny-data-list__content\"\n                }\n            >\n                {props.subHeader}\n                {render}\n            </div>\n        </div>\n    );\n};\n"],"names":["defaultDataListProps","Loader","NoData","DataList","propsInput","render","props","useMemo","isEmpty","ch","showOptions","Heading","Object","React","MultiSelectAll","MultiSelectActions","RefreshButton","Pagination","Sorters","Filters","DataListModal"],"mappings":";;;;;AAgBA,MAAMA,uBAAuB;IACzB,UAAU;IACV,OAAO;IACP,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS,KAET;IACA,SAAS;IACT,YAAY;IACZ,gBAAgB;QAAC;QAAI;QAAI;KAAG;IAC5B,SAAS;IACT,SAAS;IACT,YAAY;IACZ,SAAS;IACT,gBAAgB,KAAO;IACvB,oBAAoB,IAAM;IAC1B,qBAAqB,IAAM;IAC3B,QAAQ,WAAR,GAAQ,oBAACC,QAAMA;IACf,QAAQ,WAAR,GAAQ,oBAACC,QAAMA;IACf,aAAa;QACT,SAAS;QACT,YAAY;QACZ,SAAS;QACT,SAAS;IACb;AACJ;AAEO,MAAMC,WAAW,CAASC;IAC7B,IAAIC;IAEJ,MAAMC,QAAQC,QAAQ,IACX;YACH,GAAGP,oBAAoB;YACvB,GAAGI,UAAU;QACjB,IACD;QAACA;KAAW;IAEf,IAAIE,MAAM,OAAO,EACbD,SAASC,MAAM,MAAM;SAClB,IAAIE,QAAQF,MAAM,IAAI,GACzBD,SAASC,MAAM,MAAM;SAClB;QACH,MAAMG,KAAKH,MAAM,QAAQ;QACzBD,SAAS,AAAc,cAAd,OAAOI,KAAoBA,GAAGH,SAAS;IACpD;IAEA,MAAMI,cAAcJ,MAAM,WAAW,IAAI,CAAC;IAE1C,OAAO,WAAP,GACI,oBAAC;QAAI,eAAa;qBACd,oBAAC;QAAI,WAAW;OACVA,AAAAA,CAAAA,MAAM,KAAK,IAAIA,MAAM,OAAM,mBACzB,oBAAC;QAAI,WAAW;qBACZ,oBAACK,SAAOA;QAAC,WAAW;QAAwB,OAAO;OAC9CL,MAAM,KAAK,IAKvBM,OAAO,IAAI,CAACF,aAAa,MAAM,GAAG,KAAK,WAAL,GAC/B,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;OACXJ,MAAM,MAAM,GAAG,WAAH,GAAGO,MAAAA,YAAkB,CAACP,MAAM,MAAM,EAAEA,SAAS,qBAE9D,oBAAC;QAAI,WAAW;qBACZ,oBAACQ,gBAAmBR,QAAAA,WAAAA,GACpB,oBAACS,oBAAuBT,QACvBI,YAAY,OAAO,IAAI,WAAJ,GAAI,oBAACM,eAAkBV,QAC1CI,YAAY,UAAU,IAAI,WAAJ,GAAI,oBAACO,YAAeX,QAC1CI,YAAY,OAAO,IAAI,WAAJ,GAAI,oBAACQ,SAAYZ,QACpCI,YAAY,OAAO,IAAI,WAAJ,GAAI,oBAACS,SAAYb,QACpCA,MAAM,kBAAkB,IAAIA,MAAM,YAAY,IAAI,WAAJ,GAC3C,oBAACc,eAAaA;QACV,SAASd,MAAM,kBAAkB;QACjC,SAASA,MAAM,YAAY;QAGlCA,MAAM,OAAO,mBAM9B,oBAAC;QACG,OAAO;YAAE,WAAW;QAAsB;QAC1C,WACI;OAGHA,MAAM,SAAS,EACfD;AAIjB"}

package/DataList/DataListIcons.js

@@ -1,158 +1,145 @@
-import React from "react";
-import { ReactComponent as AutoRenew } from "@webiny/icons/autorenew.svg";
-import { ReactComponent as Delete } from "@webiny/icons/delete.svg";
-import { ReactComponent as Edit } from "@webiny/icons/edit.svg";
-import { ReactComponent as Sort } from "@webiny/icons/sort.svg";
-import { ReactComponent as Filter } from "@webiny/icons/filter_list.svg";
-import { ReactComponent as NavigateBefore } from "@webiny/icons/chevron_left.svg";
-import { ReactComponent as NavigateAfter } from "@webiny/icons/chevron_right.svg";
-import { ReactComponent as Tune } from "@webiny/icons/tune.svg";
-import { ReactComponent as Download } from "@webiny/icons/file_download.svg";
-import { ReactComponent as Upload } from "@webiny/icons/file_upload.svg";
-import { ReactComponent as ListView } from "@webiny/icons/list.svg";
-import { ReactComponent as Clone } from "@webiny/icons/library_add.svg";
-import { ReactComponent as Login } from "@webiny/icons/login.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/autorenew.svg";
+import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
+import { ReactComponent as edit_svg_ReactComponent } from "@webiny/icons/edit.svg";
+import { ReactComponent as sort_svg_ReactComponent } from "@webiny/icons/sort.svg";
+import { ReactComponent as filter_list_svg_ReactComponent } from "@webiny/icons/filter_list.svg";
+import { ReactComponent as chevron_left_svg_ReactComponent } from "@webiny/icons/chevron_left.svg";
+import { ReactComponent as chevron_right_svg_ReactComponent } from "@webiny/icons/chevron_right.svg";
+import { ReactComponent as tune_svg_ReactComponent } from "@webiny/icons/tune.svg";
+import { ReactComponent as file_download_svg_ReactComponent } from "@webiny/icons/file_download.svg";
+import { ReactComponent as file_upload_svg_ReactComponent } from "@webiny/icons/file_upload.svg";
+import { ReactComponent as list_svg_ReactComponent } from "@webiny/icons/list.svg";
+import { ReactComponent as library_add_svg_ReactComponent } from "@webiny/icons/library_add.svg";
+import { ReactComponent as login_svg_ReactComponent } from "@webiny/icons/login.svg";
 import { IconButton } from "../Button/index.js";
 import { List } from "../List/index.js";
-export const RefreshIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(AutoRenew, null),
-      label: "Refresh"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const DeleteIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(Delete, null),
-      label: "Delete"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const CreateIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(Edit, null),
-      label: "Create"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const EditIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(Edit, null),
-      label: "Edit"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const SortIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(Sort, null),
-      label: "Sort"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const FilterIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(Filter, null),
-      label: "Filter"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const PreviousPageIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(NavigateBefore, null),
-      label: "Previous Page"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const NextPageIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(NavigateAfter, null),
-      label: "Next Page"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const OptionsIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(Tune, null),
-      label: "Options"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const DownloadIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(Download, null),
-      label: "Download"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const UploadIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(Upload, null),
-      label: "Upload"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const ListIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(ListView, null),
-      label: "List"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const CloneIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(Clone, null),
-      label: "Clone"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
-export const LoginIcon = props => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: /*#__PURE__*/React.createElement(List.Item.Icon, {
-      icon: /*#__PURE__*/React.createElement(Login, null),
-      label: "Login"
-    }),
-    variant: "ghost",
-    size: "sm"
-  }, props));
-};
+const RefreshIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Refresh"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const DeleteIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
+            label: "Delete"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const CreateIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(edit_svg_ReactComponent, null),
+            label: "Create"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const EditIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(edit_svg_ReactComponent, null),
+            label: "Edit"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const SortIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(sort_svg_ReactComponent, null),
+            label: "Sort"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const FilterIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(filter_list_svg_ReactComponent, null),
+            label: "Filter"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const PreviousPageIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(chevron_left_svg_ReactComponent, null),
+            label: "Previous Page"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const NextPageIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(chevron_right_svg_ReactComponent, null),
+            label: "Next Page"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const OptionsIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(tune_svg_ReactComponent, null),
+            label: "Options"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const DownloadIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(file_download_svg_ReactComponent, null),
+            label: "Download"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const UploadIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(file_upload_svg_ReactComponent, null),
+            label: "Upload"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const ListIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(list_svg_ReactComponent, null),
+            label: "List"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const CloneIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(library_add_svg_ReactComponent, null),
+            label: "Clone"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+const LoginIcon = (props)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(List.Item.Icon, {
+            icon: /*#__PURE__*/ react.createElement(login_svg_ReactComponent, null),
+            label: "Login"
+        }),
+        variant: "ghost",
+        size: "sm",
+        ...props
+    });
+export { CloneIcon, CreateIcon, DeleteIcon, DownloadIcon, EditIcon, FilterIcon, ListIcon, LoginIcon, NextPageIcon, OptionsIcon, PreviousPageIcon, RefreshIcon, SortIcon, UploadIcon };
 
 //# sourceMappingURL=DataListIcons.js.map

package/DataList/DataListIcons.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","AutoRenew","Delete","Edit","Sort","Filter","NavigateBefore","NavigateAfter","Tune","Download","Upload","ListView","Clone","Login","IconButton","List","RefreshIcon","props","createElement","Object","assign","icon","Item","Icon","label","variant","size","DeleteIcon","CreateIcon","EditIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon","DownloadIcon","UploadIcon","ListIcon","CloneIcon","LoginIcon"],"sources":["DataListIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AutoRenew } from \"@webiny/icons/autorenew.svg\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as Edit } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as Sort } from \"@webiny/icons/sort.svg\";\nimport { ReactComponent as Filter } from \"@webiny/icons/filter_list.svg\";\nimport { ReactComponent as NavigateBefore } from \"@webiny/icons/chevron_left.svg\";\nimport { ReactComponent as NavigateAfter } from \"@webiny/icons/chevron_right.svg\";\nimport { ReactComponent as Tune } from \"@webiny/icons/tune.svg\";\nimport { ReactComponent as Download } from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as Upload } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as ListView } from \"@webiny/icons/list.svg\";\nimport { ReactComponent as Clone } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as Login } from \"@webiny/icons/login.svg\";\nimport type { IconButtonProps } from \"~/Button/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { List } from \"~/List/index.js\";\n\nexport const RefreshIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<AutoRenew />} label={\"Refresh\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const DeleteIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Delete />} label={\"Delete\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const CreateIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Edit />} label={\"Create\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const EditIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Edit />} label={\"Edit\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const SortIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Sort />} label={\"Sort\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const FilterIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Filter />} label={\"Filter\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const PreviousPageIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<NavigateBefore />} label={\"Previous Page\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const NextPageIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<NavigateAfter />} label={\"Next Page\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const OptionsIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Tune />} label={\"Options\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const DownloadIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Download />} label={\"Download\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const UploadIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Upload />} label={\"Upload\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const ListIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<ListView />} label={\"List\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const CloneIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Clone />} label={\"Clone\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const LoginIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Login />} label={\"Login\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataList/DataListIcons.js","sources":["../../src/DataList/DataListIcons.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AutoRenew } from \"@webiny/icons/autorenew.svg\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as Edit } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as Sort } from \"@webiny/icons/sort.svg\";\nimport { ReactComponent as Filter } from \"@webiny/icons/filter_list.svg\";\nimport { ReactComponent as NavigateBefore } from \"@webiny/icons/chevron_left.svg\";\nimport { ReactComponent as NavigateAfter } from \"@webiny/icons/chevron_right.svg\";\nimport { ReactComponent as Tune } from \"@webiny/icons/tune.svg\";\nimport { ReactComponent as Download } from \"@webiny/icons/file_download.svg\";\nimport { ReactComponent as Upload } from \"@webiny/icons/file_upload.svg\";\nimport { ReactComponent as ListView } from \"@webiny/icons/list.svg\";\nimport { ReactComponent as Clone } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as Login } from \"@webiny/icons/login.svg\";\nimport type { IconButtonProps } from \"~/Button/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { List } from \"~/List/index.js\";\n\nexport const RefreshIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<AutoRenew />} label={\"Refresh\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const DeleteIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Delete />} label={\"Delete\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const CreateIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Edit />} label={\"Create\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const EditIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Edit />} label={\"Edit\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const SortIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Sort />} label={\"Sort\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const FilterIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Filter />} label={\"Filter\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const PreviousPageIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<NavigateBefore />} label={\"Previous Page\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const NextPageIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<NavigateAfter />} label={\"Next Page\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const OptionsIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Tune />} label={\"Options\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const DownloadIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Download />} label={\"Download\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const UploadIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Upload />} label={\"Upload\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const ListIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<ListView />} label={\"List\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const CloneIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Clone />} label={\"Clone\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nexport const LoginIcon = (props: IconButtonProps) => {\n    return (\n        <IconButton\n            icon={<List.Item.Icon icon={<Login />} label={\"Login\"} />}\n            variant={\"ghost\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n"],"names":["RefreshIcon","props","IconButton","List","AutoRenew","DeleteIcon","Delete","CreateIcon","Edit","EditIcon","SortIcon","Sort","FilterIcon","Filter","PreviousPageIcon","NavigateBefore","NextPageIcon","NavigateAfter","OptionsIcon","Tune","DownloadIcon","Download","UploadIcon","Upload","ListIcon","ListView","CloneIcon","Clone","LoginIcon","Login"],"mappings":"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"}