@webiny/app-security-access-management 6.3.0 → 6.4.0-beta.0

package/ui/views/ApiKeys/ApiKeysDataList.js

@@ -1,154 +1,140 @@
-import React, { useCallback, useMemo, useState } from "react";
+import react, { useCallback, useMemo, useState } from "react";
 import orderBy from "lodash/orderBy.js";
-import { Button, Grid, Select, useToast } from "@webiny/admin-ui";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { Button, DataList, DataListModal, DeleteIcon, Grid, List, Select, useToast } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/add.svg";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { DataList, ScrollList, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListActions, DataListModalOverlayAction, DataListModalOverlay, ListItemTextPrimary } from "@webiny/ui/List/index.js";
-import { DeleteIcon } from "@webiny/ui/List/DataList/icons/index.js";
-import { useQuery, useMutation } from "@apollo/react-hooks";
-import * as GQL from "./graphql.js";
+import { useMutation, useQuery } from "@apollo/react-hooks";
 import { deserializeSorters } from "../utils.js";
-import { useConfirmationDialog, useRouter, SearchUI } from "@webiny/app-admin";
+import { SearchUI, useConfirmationDialog, useRouter } from "@webiny/app-admin";
 import { Routes } from "../../../routes.js";
+import * as __rspack_external__graphql_js_d64db012 from "./graphql.js";
 const t = i18n.ns("app-security/admin/roles/data-list");
-const SORTERS = [{
-  label: t`Newest to oldest`,
-  sorter: "createdOn_DESC"
-}, {
-  label: t`Oldest to newest`,
-  sorter: "createdOn_ASC"
-}, {
-  label: t`Name A-Z`,
-  sorter: "name_ASC"
-}, {
-  label: t`Name Z-A`,
-  sorter: "name_DESC"
-}];
-export const ApiKeysDataList = ({
-  activeId
-}) => {
-  const {
-    goToRoute
-  } = useRouter();
-  const [filter, setFilter] = useState("");
-  const [sort, setSort] = useState(SORTERS[0].sorter);
-  const toast = useToast();
-  const {
-    showConfirmation
-  } = useConfirmationDialog({
-    dataTestId: "default-data-list.delete-dialog"
-  });
-  const filterAPIKey = useCallback(({
-    description,
-    name
-  }) => {
-    return description && description.toLowerCase().includes(filter) || name.toLowerCase().includes(filter);
-  }, [filter]);
-  const sortKeys = useCallback(list => {
-    if (!sort) {
-      return list;
+const SORTERS = [
+    {
+        label: t`Newest to oldest`,
+        sorter: "createdOn_DESC"
+    },
+    {
+        label: t`Oldest to newest`,
+        sorter: "createdOn_ASC"
+    },
+    {
+        label: t`Name A-Z`,
+        sorter: "name_ASC"
+    },
+    {
+        label: t`Name Z-A`,
+        sorter: "name_DESC"
     }
-    const [key, value] = deserializeSorters(sort);
-    return orderBy(list, [key], [value]);
-  }, [sort]);
-  const {
-    data: listResponse,
-    loading: listLoading
-  } = useQuery(GQL.LIST_API_KEYS);
-  const [deleteIt, {
-    loading: deleteLoading
-  }] = useMutation(GQL.DELETE_API_KEY, {
-    refetchQueries: [{
-      query: GQL.LIST_API_KEYS
-    }]
-  });
-  const data = listLoading && !listResponse ? [] : listResponse?.security.apiKeys.data || [];
-  const deleteItem = useCallback(item => {
-    showConfirmation(async () => {
-      const {
-        data
-      } = await deleteIt({
-        variables: item
-      });
-      const {
-        error
-      } = data.security.deleteApiKey;
-      if (error) {
-        toast.showWarningToast({
-          title: error.message
-        });
-        return;
-      }
-      toast.showSuccessToast({
-        title: t`Api key "{name}" was deleted.`({
-          name: item.name
-        })
-      });
-      if (activeId === item.id) {
-        goToRoute(Routes.ApiKeys.List);
-      }
+];
+const ApiKeysDataList = ({ activeId })=>{
+    const { goToRoute } = useRouter();
+    const [filter, setFilter] = useState("");
+    const [sort, setSort] = useState(SORTERS[0].sorter);
+    const toast = useToast();
+    const { showConfirmation } = useConfirmationDialog({
+        dataTestId: "default-data-list.delete-dialog"
+    });
+    const filterAPIKey = useCallback(({ description, name })=>description && description.toLowerCase().includes(filter) || name.toLowerCase().includes(filter), [
+        filter
+    ]);
+    const sortKeys = useCallback((list)=>{
+        if (!sort) return list;
+        const [key, value] = deserializeSorters(sort);
+        return orderBy(list, [
+            key
+        ], [
+            value
+        ]);
+    }, [
+        sort
+    ]);
+    const { data: listResponse, loading: listLoading } = useQuery(__rspack_external__graphql_js_d64db012.LIST_API_KEYS);
+    const [deleteIt, { loading: deleteLoading }] = useMutation(__rspack_external__graphql_js_d64db012.DELETE_API_KEY, {
+        refetchQueries: [
+            {
+                query: __rspack_external__graphql_js_d64db012.LIST_API_KEYS
+            }
+        ]
     });
-  }, [activeId]);
-  const rolesDataListModalOverlay = useMemo(() => /*#__PURE__*/React.createElement(DataListModalOverlay, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Select, {
-    value: sort,
-    onChange: setSort,
-    label: t`Sort by`,
-    options: SORTERS.map(({
-      label,
-      sorter: value
-    }) => {
-      return {
-        label,
-        value
-      };
-    })
-  })))), [sort]);
-  const filteredData = filter === "" ? data : data.filter(filterAPIKey);
-  const list = sortKeys(filteredData);
-  return /*#__PURE__*/React.createElement(DataList, {
-    title: t`API keys`,
-    actions: /*#__PURE__*/React.createElement(Button, {
-      text: t`New`,
-      icon: /*#__PURE__*/React.createElement(AddIcon, null),
-      size: "sm",
-      className: "ml-xs",
-      "data-testid": "new-record-button",
-      onClick: () => {
-        goToRoute(Routes.ApiKeys.List, {
-          new: true
+    const data = listLoading && !listResponse ? [] : listResponse?.security.apiKeys.data || [];
+    const deleteItem = useCallback((item)=>{
+        showConfirmation(async ()=>{
+            const { data } = await deleteIt({
+                variables: item
+            });
+            const { error } = data.security.deleteApiKey;
+            if (error) return void toast.showWarningToast({
+                title: error.message
+            });
+            toast.showSuccessToast({
+                title: t`Api key "{name}" was deleted.`({
+                    name: item.name
+                })
+            });
+            if (activeId === item.id) goToRoute(Routes.ApiKeys.List);
         });
-      }
-    }),
-    data: list,
-    loading: listLoading || deleteLoading,
-    search: /*#__PURE__*/React.createElement(SearchUI, {
-      value: filter,
-      onChange: setFilter,
-      inputPlaceholder: t`Search API keys...`
-    }),
-    modalOverlay: rolesDataListModalOverlay,
-    modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
-      "data-testid": "default-data-list.filter"
-    })
-  }, ({
-    data
-  }) => /*#__PURE__*/React.createElement(ScrollList, {
-    "data-testid": "default-data-list"
-  }, data.map(item => /*#__PURE__*/React.createElement(ListItem, {
-    key: item.id,
-    selected: item.id === activeId
-  }, /*#__PURE__*/React.createElement(ListItemText, {
-    onClick: () => {
-      goToRoute(Routes.ApiKeys.List, {
-        id: item.id
-      });
-    }
-  }, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, item.name), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, item.description)), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(ListActions, null, /*#__PURE__*/React.createElement(DeleteIcon, {
-    onClick: () => deleteItem(item),
-    "data-testid": "default-data-list.delete"
-  })))))));
+    }, [
+        activeId
+    ]);
+    const rolesDataListModalOverlay = useMemo(()=>/*#__PURE__*/ react.createElement(DataListModal.Content, null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Select, {
+            value: sort,
+            onChange: setSort,
+            label: t`Sort by`,
+            options: SORTERS.map(({ label, sorter: value })=>({
+                    label,
+                    value
+                }))
+        })))), [
+        sort
+    ]);
+    const filteredData = "" === filter ? data : data.filter(filterAPIKey);
+    const list = sortKeys(filteredData);
+    return /*#__PURE__*/ react.createElement(DataList, {
+        title: t`API keys`,
+        actions: /*#__PURE__*/ react.createElement(Button, {
+            text: t`New`,
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            className: "ml-xs",
+            "data-testid": "new-record-button",
+            onClick: ()=>{
+                goToRoute(Routes.ApiKeys.List, {
+                    new: true
+                });
+            }
+        }),
+        data: list,
+        loading: listLoading || deleteLoading,
+        search: /*#__PURE__*/ react.createElement(SearchUI, {
+            value: filter,
+            onChange: setFilter,
+            inputPlaceholder: t`Search API keys...`
+        }),
+        modalOverlay: rolesDataListModalOverlay,
+        modalOverlayAction: /*#__PURE__*/ react.createElement(DataListModal.Trigger, {
+            "data-testid": "default-data-list.filter"
+        })
+    }, ({ data })=>/*#__PURE__*/ react.createElement(List, {
+            "data-testid": "default-data-list"
+        }, data.map((item)=>/*#__PURE__*/ react.createElement(List.Item, {
+                key: item.id,
+                selected: item.id === activeId,
+                title: item.name,
+                description: item.description,
+                onClick: ()=>{
+                    goToRoute(Routes.ApiKeys.List, {
+                        id: item.id
+                    });
+                },
+                actions: /*#__PURE__*/ react.createElement(DeleteIcon, {
+                    onClick: ()=>deleteItem(item),
+                    "data-testid": "default-data-list.delete"
+                })
+            }))));
 };
+export { ApiKeysDataList };
 
 //# sourceMappingURL=ApiKeysDataList.js.map

package/ui/views/ApiKeys/ApiKeysDataList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useState","orderBy","Button","Grid","Select","useToast","ReactComponent","AddIcon","i18n","DataList","ScrollList","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListActions","DataListModalOverlayAction","DataListModalOverlay","ListItemTextPrimary","DeleteIcon","useQuery","useMutation","GQL","deserializeSorters","useConfirmationDialog","useRouter","SearchUI","Routes","t","ns","SORTERS","label","sorter","ApiKeysDataList","activeId","goToRoute","filter","setFilter","sort","setSort","toast","showConfirmation","dataTestId","filterAPIKey","description","name","toLowerCase","includes","sortKeys","list","key","value","data","listResponse","loading","listLoading","LIST_API_KEYS","deleteIt","deleteLoading","DELETE_API_KEY","refetchQueries","query","security","apiKeys","deleteItem","item","variables","error","deleteApiKey","showWarningToast","title","message","showSuccessToast","id","ApiKeys","List","rolesDataListModalOverlay","createElement","Column","span","onChange","options","map","filteredData","actions","text","icon","size","className","onClick","new","search","inputPlaceholder","modalOverlay","modalOverlayAction","selected"],"sources":["ApiKeysDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport orderBy from \"lodash/orderBy.js\";\nimport { Button, Grid, Select, useToast } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport {\n    DataList,\n    ScrollList,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListActions,\n    DataListModalOverlayAction,\n    DataListModalOverlay,\n    ListItemTextPrimary\n} from \"@webiny/ui/List/index.js\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons/index.js\";\nimport { useQuery, useMutation } from \"@apollo/react-hooks\";\nimport * as GQL from \"./graphql.js\";\nimport { deserializeSorters } from \"../utils.js\";\nimport type { ApiKey } from \"~/types.js\";\nimport { useConfirmationDialog, useRouter, SearchUI } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-security/admin/roles/data-list\");\n\nconst SORTERS = [\n    {\n        label: t`Newest to oldest`,\n        sorter: \"createdOn_DESC\"\n    },\n    {\n        label: t`Oldest to newest`,\n        sorter: \"createdOn_ASC\"\n    },\n    {\n        label: t`Name A-Z`,\n        sorter: \"name_ASC\"\n    },\n    {\n        label: t`Name Z-A`,\n        sorter: \"name_DESC\"\n    }\n];\nexport interface ApiKeysDataListProps {\n    activeId: string | undefined;\n}\n\nexport const ApiKeysDataList = ({ activeId }: ApiKeysDataListProps) => {\n    const { goToRoute } = useRouter();\n    const [filter, setFilter] = useState(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorter);\n    const toast = useToast();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"default-data-list.delete-dialog\"\n    });\n\n    const filterAPIKey = useCallback(\n        ({ description, name }: ApiKey) => {\n            return (\n                (description && description.toLowerCase().includes(filter)) ||\n                name.toLowerCase().includes(filter)\n            );\n        },\n        [filter]\n    );\n\n    const sortKeys = useCallback(\n        (list: ApiKey[]) => {\n            if (!sort) {\n                return list;\n            }\n            const [key, value] = deserializeSorters(sort);\n            return orderBy(list, [key], [value]);\n        },\n        [sort]\n    );\n\n    const { data: listResponse, loading: listLoading } = useQuery<GQL.ListApiKeysResponse>(\n        GQL.LIST_API_KEYS\n    );\n\n    const [deleteIt, { loading: deleteLoading }] = useMutation(GQL.DELETE_API_KEY, {\n        refetchQueries: [{ query: GQL.LIST_API_KEYS }]\n    });\n\n    const data = listLoading && !listResponse ? [] : listResponse?.security.apiKeys.data || [];\n\n    const deleteItem = useCallback(\n        (item: ApiKey) => {\n            showConfirmation(async () => {\n                const { data } = await deleteIt({\n                    variables: item\n                });\n\n                const { error } = data.security.deleteApiKey;\n                if (error) {\n                    toast.showWarningToast({\n                        title: error.message\n                    });\n                    return;\n                }\n\n                toast.showSuccessToast({\n                    title: t`Api key \"{name}\" was deleted.`({ name: item.name })\n                });\n\n                if (activeId === item.id) {\n                    goToRoute(Routes.ApiKeys.List);\n                }\n            });\n        },\n        [activeId]\n    );\n\n    const rolesDataListModalOverlay = useMemo(\n        () => (\n            <DataListModalOverlay>\n                <Grid>\n                    <Grid.Column span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            options={SORTERS.map(({ label, sorter: value }) => {\n                                return {\n                                    label,\n                                    value\n                                };\n                            })}\n                        />\n                    </Grid.Column>\n                </Grid>\n            </DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? data : data.filter(filterAPIKey);\n    const list = sortKeys(filteredData);\n\n    return (\n        <DataList\n            title={t`API keys`}\n            actions={\n                <Button\n                    text={t`New`}\n                    icon={<AddIcon />}\n                    size={\"sm\"}\n                    className={\"ml-xs\"}\n                    data-testid=\"new-record-button\"\n                    onClick={() => {\n                        goToRoute(Routes.ApiKeys.List, { new: true });\n                    }}\n                />\n            }\n            data={list}\n            loading={listLoading || deleteLoading}\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search API keys...`}\n                />\n            }\n            modalOverlay={rolesDataListModalOverlay}\n            modalOverlayAction={\n                <DataListModalOverlayAction data-testid={\"default-data-list.filter\"} />\n            }\n        >\n            {({ data }: { data: ApiKey[] }) => (\n                <ScrollList data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <ListItem key={item.id} selected={item.id === activeId}>\n                            <ListItemText\n                                onClick={() => {\n                                    goToRoute(Routes.ApiKeys.List, { id: item.id });\n                                }}\n                            >\n                                <ListItemTextPrimary>{item.name}</ListItemTextPrimary>\n                                <ListItemTextSecondary>{item.description}</ListItemTextSecondary>\n                            </ListItemText>\n\n                            <ListItemMeta>\n                                <ListActions>\n                                    <DeleteIcon\n                                        onClick={() => deleteItem(item)}\n                                        data-testid={\"default-data-list.delete\"}\n                                    />\n                                </ListActions>\n                            </ListItemMeta>\n                        </ListItem>\n                    ))}\n                </ScrollList>\n            )}\n        </DataList>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ui/views/ApiKeys/ApiKeysDataList.js","sources":["../../../../src/ui/views/ApiKeys/ApiKeysDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport orderBy from \"lodash/orderBy.js\";\nimport { Button, Grid, Select, useToast } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { List, DataList, DataListModal, DeleteIcon } from \"@webiny/admin-ui\";\n\nimport { useQuery, useMutation } from \"@apollo/react-hooks\";\nimport * as GQL from \"./graphql.js\";\nimport { deserializeSorters } from \"../utils.js\";\nimport type { ApiKey } from \"~/types.js\";\nimport { useConfirmationDialog, useRouter, SearchUI } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-security/admin/roles/data-list\");\n\nconst SORTERS = [\n    {\n        label: t`Newest to oldest`,\n        sorter: \"createdOn_DESC\"\n    },\n    {\n        label: t`Oldest to newest`,\n        sorter: \"createdOn_ASC\"\n    },\n    {\n        label: t`Name A-Z`,\n        sorter: \"name_ASC\"\n    },\n    {\n        label: t`Name Z-A`,\n        sorter: \"name_DESC\"\n    }\n];\nexport interface ApiKeysDataListProps {\n    activeId: string | undefined;\n}\n\nexport const ApiKeysDataList = ({ activeId }: ApiKeysDataListProps) => {\n    const { goToRoute } = useRouter();\n    const [filter, setFilter] = useState(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorter);\n    const toast = useToast();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"default-data-list.delete-dialog\"\n    });\n\n    const filterAPIKey = useCallback(\n        ({ description, name }: ApiKey) => {\n            return (\n                (description && description.toLowerCase().includes(filter)) ||\n                name.toLowerCase().includes(filter)\n            );\n        },\n        [filter]\n    );\n\n    const sortKeys = useCallback(\n        (list: ApiKey[]) => {\n            if (!sort) {\n                return list;\n            }\n            const [key, value] = deserializeSorters(sort);\n            return orderBy(list, [key], [value]);\n        },\n        [sort]\n    );\n\n    const { data: listResponse, loading: listLoading } = useQuery<GQL.ListApiKeysResponse>(\n        GQL.LIST_API_KEYS\n    );\n\n    const [deleteIt, { loading: deleteLoading }] = useMutation(GQL.DELETE_API_KEY, {\n        refetchQueries: [{ query: GQL.LIST_API_KEYS }]\n    });\n\n    const data = listLoading && !listResponse ? [] : listResponse?.security.apiKeys.data || [];\n\n    const deleteItem = useCallback(\n        (item: ApiKey) => {\n            showConfirmation(async () => {\n                const { data } = await deleteIt({\n                    variables: item\n                });\n\n                const { error } = data.security.deleteApiKey;\n                if (error) {\n                    toast.showWarningToast({\n                        title: error.message\n                    });\n                    return;\n                }\n\n                toast.showSuccessToast({\n                    title: t`Api key \"{name}\" was deleted.`({ name: item.name })\n                });\n\n                if (activeId === item.id) {\n                    goToRoute(Routes.ApiKeys.List);\n                }\n            });\n        },\n        [activeId]\n    );\n\n    const rolesDataListModalOverlay = useMemo(\n        () => (\n            <DataListModal.Content>\n                <Grid>\n                    <Grid.Column span={12}>\n                        <Select\n                            value={sort}\n                            onChange={setSort}\n                            label={t`Sort by`}\n                            options={SORTERS.map(({ label, sorter: value }) => {\n                                return {\n                                    label,\n                                    value\n                                };\n                            })}\n                        />\n                    </Grid.Column>\n                </Grid>\n            </DataListModal.Content>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? data : data.filter(filterAPIKey);\n    const list = sortKeys(filteredData);\n\n    return (\n        <DataList\n            title={t`API keys`}\n            actions={\n                <Button\n                    text={t`New`}\n                    icon={<AddIcon />}\n                    size={\"sm\"}\n                    className={\"ml-xs\"}\n                    data-testid=\"new-record-button\"\n                    onClick={() => {\n                        goToRoute(Routes.ApiKeys.List, { new: true });\n                    }}\n                />\n            }\n            data={list}\n            loading={listLoading || deleteLoading}\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search API keys...`}\n                />\n            }\n            modalOverlay={rolesDataListModalOverlay}\n            modalOverlayAction={<DataListModal.Trigger data-testid={\"default-data-list.filter\"} />}\n        >\n            {({ data }: { data: ApiKey[] }) => (\n                <List data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <List.Item\n                            key={item.id}\n                            selected={item.id === activeId}\n                            title={item.name}\n                            description={item.description}\n                            onClick={() => {\n                                goToRoute(Routes.ApiKeys.List, { id: item.id });\n                            }}\n                            actions={\n                                <DeleteIcon\n                                    onClick={() => deleteItem(item)}\n                                    data-testid={\"default-data-list.delete\"}\n                                />\n                            }\n                        />\n                    ))}\n                </List>\n            )}\n        </DataList>\n    );\n};\n"],"names":["t","i18n","SORTERS","ApiKeysDataList","activeId","goToRoute","useRouter","filter","setFilter","useState","sort","setSort","toast","useToast","showConfirmation","useConfirmationDialog","filterAPIKey","useCallback","description","name","sortKeys","list","key","value","deserializeSorters","orderBy","listResponse","listLoading","useQuery","GQL","deleteIt","deleteLoading","useMutation","data","deleteItem","item","error","Routes","rolesDataListModalOverlay","useMemo","DataListModal","Grid","Select","label","filteredData","DataList","Button","AddIcon","SearchUI","List","DeleteIcon"],"mappings":"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"}

package/ui/views/ApiKeys/graphql.js

@@ -1,4 +1,4 @@
-import gql from "graphql-tag";
+import graphql_tag from "graphql-tag";
 const fields = `
     id
     name
@@ -8,7 +8,7 @@ const fields = `
     permissions
     createdOn
 `;
-export const LIST_API_KEYS = gql`
+const LIST_API_KEYS = graphql_tag`
     query ListApiKeys {
         security {
             apiKeys: listApiKeys {
@@ -19,7 +19,7 @@ export const LIST_API_KEYS = gql`
         }
     }
 `;
-export const READ_API_KEY = gql`
+const READ_API_KEY = graphql_tag`
     query GetApiKey($id: ID!) {
         security {
             apiKey: getApiKey(id: $id){
@@ -34,7 +34,7 @@ export const READ_API_KEY = gql`
         }
     }
 `;
-export const CREATE_API_KEY = gql`
+const CREATE_API_KEY = graphql_tag`
     mutation CreateApiKey($data: SecurityApiKeyInput!){
         security {
             apiKey: createApiKey(data: $data) {
@@ -50,7 +50,7 @@ export const CREATE_API_KEY = gql`
         }
     }
 `;
-export const UPDATE_API_KEY = gql`
+const UPDATE_API_KEY = graphql_tag`
     mutation UpdateApiKey($id: ID!, $data: SecurityApiKeyInput!){
         security {
             apiKey: updateApiKey(id: $id, data: $data) {
@@ -66,7 +66,7 @@ export const UPDATE_API_KEY = gql`
         }
     }
 `;
-export const DELETE_API_KEY = gql`
+const DELETE_API_KEY = graphql_tag`
     mutation DeleteApiKey($id: ID!) {
         security {
             deleteApiKey(id: $id) {
@@ -79,5 +79,6 @@ export const DELETE_API_KEY = gql`
         }
     }
 `;
+export { CREATE_API_KEY, DELETE_API_KEY, LIST_API_KEYS, READ_API_KEY, UPDATE_API_KEY };
 
 //# sourceMappingURL=graphql.js.map

package/ui/views/ApiKeys/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["gql","fields","LIST_API_KEYS","READ_API_KEY","CREATE_API_KEY","UPDATE_API_KEY","DELETE_API_KEY"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { ApiKey } from \"~/types.js\";\n\nconst fields = `\n    id\n    name\n    slug\n    description\n    token\n    permissions\n    createdOn\n`;\n\nexport interface ListApiKeysResponse {\n    security: {\n        apiKeys: {\n            data: ApiKey[];\n        };\n    };\n}\n\nexport const LIST_API_KEYS = gql`\n    query ListApiKeys {\n        security {\n            apiKeys: listApiKeys {\n                data {\n                   ${fields}\n                }\n            }\n        }\n    }\n`;\n\nexport const READ_API_KEY = gql`\n    query GetApiKey($id: ID!) {\n        security {\n            apiKey: getApiKey(id: $id){\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const CREATE_API_KEY = gql`\n    mutation CreateApiKey($data: SecurityApiKeyInput!){\n        security {\n            apiKey: createApiKey(data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const UPDATE_API_KEY = gql`\n    mutation UpdateApiKey($id: ID!, $data: SecurityApiKeyInput!){\n        security {\n            apiKey: updateApiKey(id: $id, data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const DELETE_API_KEY = gql`\n    mutation DeleteApiKey($id: ID!) {\n        security {\n            deleteApiKey(id: $id) {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAG7B,MAAMC,MAAM,GAAG;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAUD,OAAO,MAAMC,aAAa,GAAGF,GAAG;AAChC;AACA;AACA;AACA;AACA,qBAAqBC,MAAM;AAC3B;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,YAAY,GAAGH,GAAG;AAC/B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,cAAc,GAAGJ,GAAG;AACjC;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,cAAc,GAAGL,GAAG;AACjC;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMK,cAAc,GAAGN,GAAG;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"ui/views/ApiKeys/graphql.js","sources":["../../../../src/ui/views/ApiKeys/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { ApiKey } from \"~/types.js\";\n\nconst fields = `\n    id\n    name\n    slug\n    description\n    token\n    permissions\n    createdOn\n`;\n\nexport interface ListApiKeysResponse {\n    security: {\n        apiKeys: {\n            data: ApiKey[];\n        };\n    };\n}\n\nexport const LIST_API_KEYS = gql`\n    query ListApiKeys {\n        security {\n            apiKeys: listApiKeys {\n                data {\n                   ${fields}\n                }\n            }\n        }\n    }\n`;\n\nexport const READ_API_KEY = gql`\n    query GetApiKey($id: ID!) {\n        security {\n            apiKey: getApiKey(id: $id){\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const CREATE_API_KEY = gql`\n    mutation CreateApiKey($data: SecurityApiKeyInput!){\n        security {\n            apiKey: createApiKey(data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const UPDATE_API_KEY = gql`\n    mutation UpdateApiKey($id: ID!, $data: SecurityApiKeyInput!){\n        security {\n            apiKey: updateApiKey(id: $id, data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const DELETE_API_KEY = gql`\n    mutation DeleteApiKey($id: ID!) {\n        security {\n            deleteApiKey(id: $id) {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"names":["fields","LIST_API_KEYS","gql","READ_API_KEY","CREATE_API_KEY","UPDATE_API_KEY","DELETE_API_KEY"],"mappings":";AAGA,MAAMA,SAAS,CAAC;;;;;;;;AAQhB,CAAC;AAUM,MAAMC,gBAAgBC,WAAG,CAAC;;;;;mBAKd,EAAEF,OAAO;;;;;AAK5B,CAAC;AAEM,MAAMG,eAAeD,WAAG,CAAC;;;;;oBAKZ,EAAEF,OAAO;;;;;;;;;AAS7B,CAAC;AAEM,MAAMI,iBAAiBF,WAAG,CAAC;;;;;oBAKd,EAAEF,OAAO;;;;;;;;;;AAU7B,CAAC;AAEM,MAAMK,iBAAiBH,WAAG,CAAC;;;;;oBAKd,EAAEF,OAAO;;;;;;;;;;AAU7B,CAAC;AAEM,MAAMM,iBAAiBJ,WAAG,CAAC;;;;;;;;;;;;AAYlC,CAAC"}

package/ui/views/ApiKeys/index.js

@@ -1,3 +1 @@
 export * from "./ApiKeys.js";
-
-//# sourceMappingURL=index.js.map

package/ui/views/ApiKeys/utils.js

@@ -1,9 +1,15 @@
 import pick from "lodash/pick.js";
-export const pickDataForCreate = data => {
-  return structuredClone(pick(data, ["name", "slug", "description", "permissions"]));
-};
-export const pickDataForUpdate = data => {
-  return structuredClone(pick(data, ["name", "description", "permissions"]));
-};
+const pickDataForCreate = (data)=>structuredClone(pick(data, [
+        "name",
+        "slug",
+        "description",
+        "permissions"
+    ]));
+const pickDataForUpdate = (data)=>structuredClone(pick(data, [
+        "name",
+        "description",
+        "permissions"
+    ]));
+export { pickDataForCreate, pickDataForUpdate };
 
 //# sourceMappingURL=utils.js.map

package/ui/views/ApiKeys/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["pick","pickDataForCreate","data","structuredClone","pickDataForUpdate"],"sources":["utils.ts"],"sourcesContent":["import pick from \"lodash/pick.js\";\nimport type { ApiKey } from \"~/types.js\";\n\nexport const pickDataForCreate = (\n    data: ApiKey\n): Pick<ApiKey, \"name\" | \"slug\" | \"description\" | \"permissions\"> => {\n    return structuredClone(pick(data, [\"name\", \"slug\", \"description\", \"permissions\"]));\n};\n\nexport const pickDataForUpdate = (\n    data: ApiKey\n): Pick<ApiKey, \"name\" | \"description\" | \"permissions\"> => {\n    return structuredClone(pick(data, [\"name\", \"description\", \"permissions\"]));\n};\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,gBAAgB;AAGjC,OAAO,MAAMC,iBAAiB,GAC1BC,IAAY,IACoD;EAChE,OAAOC,eAAe,CAACH,IAAI,CAACE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;AACtF,CAAC;AAED,OAAO,MAAME,iBAAiB,GAC1BF,IAAY,IAC2C;EACvD,OAAOC,eAAe,CAACH,IAAI,CAACE,IAAI,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;AAC9E,CAAC","ignoreList":[]}
+{"version":3,"file":"ui/views/ApiKeys/utils.js","sources":["../../../../src/ui/views/ApiKeys/utils.ts"],"sourcesContent":["import pick from \"lodash/pick.js\";\nimport type { ApiKey } from \"~/types.js\";\n\nexport const pickDataForCreate = (\n    data: ApiKey\n): Pick<ApiKey, \"name\" | \"slug\" | \"description\" | \"permissions\"> => {\n    return structuredClone(pick(data, [\"name\", \"slug\", \"description\", \"permissions\"]));\n};\n\nexport const pickDataForUpdate = (\n    data: ApiKey\n): Pick<ApiKey, \"name\" | \"description\" | \"permissions\"> => {\n    return structuredClone(pick(data, [\"name\", \"description\", \"permissions\"]));\n};\n"],"names":["pickDataForCreate","data","structuredClone","pick","pickDataForUpdate"],"mappings":";AAGO,MAAMA,oBAAoB,CAC7BC,OAEOC,gBAAgBC,KAAKF,MAAM;QAAC;QAAQ;QAAQ;QAAe;KAAc;AAG7E,MAAMG,oBAAoB,CAC7BH,OAEOC,gBAAgBC,KAAKF,MAAM;QAAC;QAAQ;QAAe;KAAc"}

package/ui/views/Roles/Roles.js

@@ -1,18 +1,17 @@
-import React from "react";
-import { SplitView, LeftPanel, RightPanel, useRoute } from "@webiny/app-admin";
+import react from "react";
+import { LeftPanel, RightPanel, SplitView, useRoute } from "@webiny/app-admin";
 import { RolesDataList } from "./RolesDataList.js";
 import { RolesForm } from "./RolesForm.js";
 import { Routes } from "../../../routes.js";
-export const Roles = () => {
-  const {
-    route
-  } = useRoute(Routes.Roles.List);
-  return /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, null, /*#__PURE__*/React.createElement(RolesDataList, {
-    activeId: route.params.id
-  })), /*#__PURE__*/React.createElement(RightPanel, null, /*#__PURE__*/React.createElement(RolesForm, {
-    newEntry: route.params.new === true,
-    id: route.params.id
-  })));
+const Roles = ()=>{
+    const { route } = useRoute(Routes.Roles.List);
+    return /*#__PURE__*/ react.createElement(SplitView, null, /*#__PURE__*/ react.createElement(LeftPanel, null, /*#__PURE__*/ react.createElement(RolesDataList, {
+        activeId: route.params.id
+    })), /*#__PURE__*/ react.createElement(RightPanel, null, /*#__PURE__*/ react.createElement(RolesForm, {
+        newEntry: true === route.params.new,
+        id: route.params.id
+    })));
 };
+export { Roles };
 
 //# sourceMappingURL=Roles.js.map

package/ui/views/Roles/Roles.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SplitView","LeftPanel","RightPanel","useRoute","RolesDataList","RolesForm","Routes","Roles","route","List","createElement","activeId","params","id","newEntry","new"],"sources":["Roles.tsx"],"sourcesContent":["import React from \"react\";\nimport { SplitView, LeftPanel, RightPanel, useRoute } from \"@webiny/app-admin\";\nimport { RolesDataList } from \"./RolesDataList.js\";\nimport { RolesForm } from \"./RolesForm.js\";\nimport { Routes } from \"~/routes.js\";\n\nexport const Roles = () => {\n    const { route } = useRoute(Routes.Roles.List);\n\n    return (\n        <SplitView>\n            <LeftPanel>\n                <RolesDataList activeId={route.params.id} />\n            </LeftPanel>\n            <RightPanel>\n                <RolesForm newEntry={route.params.new === true} id={route.params.id} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,mBAAmB;AAC9E,SAASC,aAAa;AACtB,SAASC,SAAS;AAClB,SAASC,MAAM;AAEf,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGL,QAAQ,CAACG,MAAM,CAACC,KAAK,CAACE,IAAI,CAAC;EAE7C,oBACIV,KAAA,CAAAW,aAAA,CAACV,SAAS,qBACND,KAAA,CAAAW,aAAA,CAACT,SAAS,qBACNF,KAAA,CAAAW,aAAA,CAACN,aAAa;IAACO,QAAQ,EAAEH,KAAK,CAACI,MAAM,CAACC;EAAG,CAAE,CACpC,CAAC,eACZd,KAAA,CAAAW,aAAA,CAACR,UAAU,qBACPH,KAAA,CAAAW,aAAA,CAACL,SAAS;IAACS,QAAQ,EAAEN,KAAK,CAACI,MAAM,CAACG,GAAG,KAAK,IAAK;IAACF,EAAE,EAAEL,KAAK,CAACI,MAAM,CAACC;EAAG,CAAE,CAC9D,CACL,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"file":"ui/views/Roles/Roles.js","sources":["../../../../src/ui/views/Roles/Roles.tsx"],"sourcesContent":["import React from \"react\";\nimport { SplitView, LeftPanel, RightPanel, useRoute } from \"@webiny/app-admin\";\nimport { RolesDataList } from \"./RolesDataList.js\";\nimport { RolesForm } from \"./RolesForm.js\";\nimport { Routes } from \"~/routes.js\";\n\nexport const Roles = () => {\n    const { route } = useRoute(Routes.Roles.List);\n\n    return (\n        <SplitView>\n            <LeftPanel>\n                <RolesDataList activeId={route.params.id} />\n            </LeftPanel>\n            <RightPanel>\n                <RolesForm newEntry={route.params.new === true} id={route.params.id} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n"],"names":["Roles","route","useRoute","Routes","SplitView","LeftPanel","RolesDataList","RightPanel","RolesForm"],"mappings":";;;;;AAMO,MAAMA,QAAQ;IACjB,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,KAAK,CAAC,IAAI;IAE5C,OAAO,WAAP,GACI,oBAACC,WAASA,MAAAA,WAAAA,GACN,oBAACC,WAASA,MAAAA,WAAAA,GACN,oBAACC,eAAaA;QAAC,UAAUL,MAAM,MAAM,CAAC,EAAE;uBAE5C,oBAACM,YAAUA,MAAAA,WAAAA,GACP,oBAACC,WAASA;QAAC,UAAUP,AAAqB,SAArBA,MAAM,MAAM,CAAC,GAAG;QAAW,IAAIA,MAAM,MAAM,CAAC,EAAE;;AAInF"}