@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.e9333b3f0b

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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"}

package/DataList/DataListModal.d.ts

@@ -2,16 +2,19 @@ import React from "react";
 interface DataListModalContentProps {
     children: React.ReactNode;
 }
+declare const DataListModalContent: ({ children }: DataListModalContentProps) => React.JSX.Element;
 interface DataListModalTriggerProps {
     "data-testid"?: string;
     icon?: React.ReactElement;
 }
+declare const DataListModalTrigger: ({ icon, ...props }: DataListModalTriggerProps) => React.JSX.Element;
 interface DataListModalProps {
     trigger: React.ReactElement;
     content: React.ReactElement;
 }
-declare const DataListModal: ((props: DataListModalProps) => React.JSX.Element | null) & {
-    Trigger: ({ icon, ...props }: DataListModalTriggerProps) => React.JSX.Element;
-    Content: ({ children }: DataListModalContentProps) => React.JSX.Element;
+declare const BaseDataListModal: (props: DataListModalProps) => React.JSX.Element | null;
+declare const DataListModal: typeof BaseDataListModal & {
+    Trigger: typeof DataListModalTrigger;
+    Content: typeof DataListModalContent;
 };
 export { DataListModal, type DataListModalProps, type DataListModalContentProps, type DataListModalTriggerProps };

package/DataList/DataListModal.js

@@ -1,50 +1,39 @@
-import React, { useState } from "react";
-import { ReactComponent as Sort } from "@webiny/icons/sort.svg";
+import react, { useState } from "react";
+import { ReactComponent } from "@webiny/icons/sort.svg";
 import { PopoverPrimitive } from "../Popover/index.js";
 import { withStaticProps } from "../utils.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { IconButton } from "../Button/index.js";
-const DataListModalContent = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "data-list-modal-wrapper"
-  }, children);
-};
-const DataListModalTrigger = ({
-  icon = /*#__PURE__*/React.createElement(Sort, null),
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(IconButton, Object.assign({
-    icon: icon,
-    variant: "ghost"
-  }, props, {
-    size: "sm"
-  }));
-};
-const BaseDataListModal = props => {
-  const [open, setOpen] = useState(false);
-  if (!props.content || !props.trigger) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(PopoverPrimitive, {
-    open: open,
-    onOpenChange: open => setOpen(open)
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    trigger: /*#__PURE__*/React.createElement(PopoverPrimitive.Trigger, {
-      asChild: true
-    }, /*#__PURE__*/React.createElement("span", null, props.trigger)),
-    content: "Sort list"
-  }), /*#__PURE__*/React.createElement(PopoverPrimitive.Content, {
-    onOpenAutoFocus: e => e.preventDefault(),
-    align: "end"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "bg-neutral-base p-md"
-  }, props.content)));
+const DataListModalContent = ({ children })=>/*#__PURE__*/ react.createElement("div", {
+        "data-testid": "data-list-modal-wrapper"
+    }, children);
+const DataListModalTrigger = ({ icon = /*#__PURE__*/ react.createElement(ReactComponent, null), ...props })=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: icon,
+        variant: "ghost",
+        ...props,
+        size: "sm"
+    });
+const BaseDataListModal = (props)=>{
+    const [open, setOpen] = useState(false);
+    if (!props.content || !props.trigger) return null;
+    return /*#__PURE__*/ react.createElement(PopoverPrimitive, {
+        open: open,
+        onOpenChange: (open)=>setOpen(open)
+    }, /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: /*#__PURE__*/ react.createElement(PopoverPrimitive.Trigger, {
+            asChild: true
+        }, /*#__PURE__*/ react.createElement("span", null, props.trigger)),
+        content: "Sort list"
+    }), /*#__PURE__*/ react.createElement(PopoverPrimitive.Content, {
+        onOpenAutoFocus: (e)=>e.preventDefault(),
+        align: "end"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "bg-neutral-base p-md"
+    }, props.content)));
 };
 const DataListModal = withStaticProps(BaseDataListModal, {
-  Trigger: DataListModalTrigger,
-  Content: DataListModalContent
+    Trigger: DataListModalTrigger,
+    Content: DataListModalContent
 });
 export { DataListModal };
 

package/DataList/DataListModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ReactComponent","Sort","PopoverPrimitive","withStaticProps","Tooltip","IconButton","DataListModalContent","children","createElement","DataListModalTrigger","icon","props","Object","assign","variant","size","BaseDataListModal","open","setOpen","content","trigger","onOpenChange","Trigger","asChild","Content","onOpenAutoFocus","e","preventDefault","align","className","DataListModal"],"sources":["DataListModal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as Sort } from \"@webiny/icons/sort.svg\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport { withStaticProps } from \"~/utils.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\n\ninterface DataListModalContentProps {\n    children: React.ReactNode;\n}\n\nconst DataListModalContent = ({ children }: DataListModalContentProps) => {\n    return <div data-testid={\"data-list-modal-wrapper\"}>{children}</div>;\n};\n\ninterface DataListModalTriggerProps {\n    \"data-testid\"?: string;\n    icon?: React.ReactElement;\n}\n\nconst DataListModalTrigger = ({ icon = <Sort />, ...props }: DataListModalTriggerProps) => {\n    return <IconButton icon={icon} variant={\"ghost\"} {...props} size={\"sm\"} />;\n};\n\ninterface DataListModalProps {\n    trigger: React.ReactElement;\n    content: React.ReactElement;\n}\n\nconst BaseDataListModal = (props: DataListModalProps) => {\n    const [open, setOpen] = useState<boolean>(false);\n\n    if (!props.content || !props.trigger) {\n        return null;\n    }\n\n    return (\n        <PopoverPrimitive open={open} onOpenChange={open => setOpen(open)}>\n            <Tooltip\n                trigger={\n                    <PopoverPrimitive.Trigger asChild>\n                        <span>{props.trigger}</span>\n                    </PopoverPrimitive.Trigger>\n                }\n                content={\"Sort list\"}\n            />\n            <PopoverPrimitive.Content onOpenAutoFocus={e => e.preventDefault()} align={\"end\"}>\n                <div className={\"bg-neutral-base p-md\"}>{props.content}</div>\n            </PopoverPrimitive.Content>\n        </PopoverPrimitive>\n    );\n};\n\nconst DataListModal = withStaticProps(BaseDataListModal, {\n    Trigger: DataListModalTrigger,\n    Content: DataListModalContent\n});\n\nexport {\n    DataListModal,\n    type DataListModalProps,\n    type DataListModalContentProps,\n    type DataListModalTriggerProps\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,cAAc,IAAIC,IAAI,QAAQ,wBAAwB;AAC/D,SAASC,gBAAgB;AACzB,SAASC,eAAe;AACxB,SAASC,OAAO;AAChB,SAASC,UAAU;AAMnB,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC;AAAoC,CAAC,KAAK;EACtE,oBAAOT,KAAA,CAAAU,aAAA;IAAK,eAAa;EAA0B,GAAED,QAAc,CAAC;AACxE,CAAC;AAOD,MAAME,oBAAoB,GAAGA,CAAC;EAAEC,IAAI,gBAAGZ,KAAA,CAAAU,aAAA,CAACP,IAAI,MAAE,CAAC;EAAE,GAAGU;AAAiC,CAAC,KAAK;EACvF,oBAAOb,KAAA,CAAAU,aAAA,CAACH,UAAU,EAAAO,MAAA,CAAAC,MAAA;IAACH,IAAI,EAAEA,IAAK;IAACI,OAAO,EAAE;EAAQ,GAAKH,KAAK;IAAEI,IAAI,EAAE;EAAK,EAAE,CAAC;AAC9E,CAAC;AAOD,MAAMC,iBAAiB,GAAIL,KAAyB,IAAK;EACrD,MAAM,CAACM,IAAI,EAAEC,OAAO,CAAC,GAAGnB,QAAQ,CAAU,KAAK,CAAC;EAEhD,IAAI,CAACY,KAAK,CAACQ,OAAO,IAAI,CAACR,KAAK,CAACS,OAAO,EAAE;IAClC,OAAO,IAAI;EACf;EAEA,oBACItB,KAAA,CAAAU,aAAA,CAACN,gBAAgB;IAACe,IAAI,EAAEA,IAAK;IAACI,YAAY,EAAEJ,IAAI,IAAIC,OAAO,CAACD,IAAI;EAAE,gBAC9DnB,KAAA,CAAAU,aAAA,CAACJ,OAAO;IACJgB,OAAO,eACHtB,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACoB,OAAO;MAACC,OAAO;IAAA,gBAC7BzB,KAAA,CAAAU,aAAA,eAAOG,KAAK,CAACS,OAAc,CACL,CAC7B;IACDD,OAAO,EAAE;EAAY,CACxB,CAAC,eACFrB,KAAA,CAAAU,aAAA,CAACN,gBAAgB,CAACsB,OAAO;IAACC,eAAe,EAAEC,CAAC,IAAIA,CAAC,CAACC,cAAc,CAAC,CAAE;IAACC,KAAK,EAAE;EAAM,gBAC7E9B,KAAA,CAAAU,aAAA;IAAKqB,SAAS,EAAE;EAAuB,GAAElB,KAAK,CAACQ,OAAa,CACtC,CACZ,CAAC;AAE3B,CAAC;AAED,MAAMW,aAAa,GAAG3B,eAAe,CAACa,iBAAiB,EAAE;EACrDM,OAAO,EAAEb,oBAAoB;EAC7Be,OAAO,EAAElB;AACb,CAAC,CAAC;AAEF,SACIwB,aAAa","ignoreList":[]}
+{"version":3,"file":"DataList/DataListModal.js","sources":["../../src/DataList/DataListModal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as Sort } from \"@webiny/icons/sort.svg\";\nimport { PopoverPrimitive } from \"~/Popover/index.js\";\nimport { withStaticProps } from \"~/utils.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\n\ninterface DataListModalContentProps {\n    children: React.ReactNode;\n}\n\nconst DataListModalContent = ({ children }: DataListModalContentProps) => {\n    return <div data-testid={\"data-list-modal-wrapper\"}>{children}</div>;\n};\n\ninterface DataListModalTriggerProps {\n    \"data-testid\"?: string;\n    icon?: React.ReactElement;\n}\n\nconst DataListModalTrigger = ({ icon = <Sort />, ...props }: DataListModalTriggerProps) => {\n    return <IconButton icon={icon} variant={\"ghost\"} {...props} size={\"sm\"} />;\n};\n\ninterface DataListModalProps {\n    trigger: React.ReactElement;\n    content: React.ReactElement;\n}\n\nconst BaseDataListModal = (props: DataListModalProps) => {\n    const [open, setOpen] = useState<boolean>(false);\n\n    if (!props.content || !props.trigger) {\n        return null;\n    }\n\n    return (\n        <PopoverPrimitive open={open} onOpenChange={open => setOpen(open)}>\n            <Tooltip\n                trigger={\n                    <PopoverPrimitive.Trigger asChild>\n                        <span>{props.trigger}</span>\n                    </PopoverPrimitive.Trigger>\n                }\n                content={\"Sort list\"}\n            />\n            <PopoverPrimitive.Content onOpenAutoFocus={e => e.preventDefault()} align={\"end\"}>\n                <div className={\"bg-neutral-base p-md\"}>{props.content}</div>\n            </PopoverPrimitive.Content>\n        </PopoverPrimitive>\n    );\n};\n\nconst DataListModal = withStaticProps(BaseDataListModal, {\n    Trigger: DataListModalTrigger,\n    Content: DataListModalContent\n});\n\nexport {\n    DataListModal,\n    type DataListModalProps,\n    type DataListModalContentProps,\n    type DataListModalTriggerProps\n};\n"],"names":["DataListModalContent","children","DataListModalTrigger","icon","Sort","props","IconButton","BaseDataListModal","open","setOpen","useState","PopoverPrimitive","Tooltip","e","DataListModal","withStaticProps"],"mappings":";;;;;;AAWA,MAAMA,uBAAuB,CAAC,EAAEC,QAAQ,EAA6B,GAC1D,WAAP,GAAO,oBAAC;QAAI,eAAa;OAA4BA;AAQzD,MAAMC,uBAAuB,CAAC,EAAEC,OAAO,WAAPA,GAAO,oBAACC,gBAAIA,KAAG,EAAE,GAAGC,OAAkC,GAC3E,WAAP,GAAO,oBAACC,YAAUA;QAAC,MAAMH;QAAM,SAAS;QAAU,GAAGE,KAAK;QAAE,MAAM;;AAQtE,MAAME,oBAAoB,CAACF;IACvB,MAAM,CAACG,MAAMC,QAAQ,GAAGC,SAAkB;IAE1C,IAAI,CAACL,MAAM,OAAO,IAAI,CAACA,MAAM,OAAO,EAChC,OAAO;IAGX,OAAO,WAAP,GACI,oBAACM,kBAAgBA;QAAC,MAAMH;QAAM,cAAcA,CAAAA,OAAQC,QAAQD;qBACxD,oBAACI,SAAOA;QACJ,uBACI,oBAACD,iBAAiB,OAAO;YAAC;yBACtB,oBAAC,cAAMN,MAAM,OAAO;QAG5B,SAAS;sBAEb,oBAACM,iBAAiB,OAAO;QAAC,iBAAiBE,CAAAA,IAAKA,EAAE,cAAc;QAAI,OAAO;qBACvE,oBAAC;QAAI,WAAW;OAAyBR,MAAM,OAAO;AAItE;AAEA,MAAMS,gBAAgBC,gBAAgBR,mBAAmB;IACrD,SAASL;IACT,SAASF;AACb"}