@webiny/app-security-access-management 0.0.0-mt-3 → 0.0.0-unstable.5e7233243f

package/ui/views/ApiKeys/ApiKeysDataList.js

@@ -1,112 +1,135 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ApiKeysDataList = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _List = require("@webiny/ui/List");
+
+var _Button = require("@webiny/ui/Button");
+
+var _icons = require("@webiny/ui/List/DataList/icons");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Select = require("@webiny/ui/Select");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _SearchUI = _interopRequireDefault(require("@webiny/app-admin/components/SearchUI"));
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var _reactHooks = require("@apollo/react-hooks");
+
+var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
+
+var GQL = _interopRequireWildcard(require("./graphql"));
+
+var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
+
+var _filter24px = require("@webiny/app-admin/assets/icons/filter-24px.svg");
+
+var _utils = require("../utils");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useMemo, useState } from "react";
-import orderBy from "lodash/orderBy";
-import { i18n } from "@webiny/app/i18n";
-import { DataList, ScrollList, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListActions, DataListModalOverlayAction, DataListModalOverlay } from "@webiny/ui/List";
-import { ButtonIcon, ButtonSecondary } from "@webiny/ui/Button";
-import { DeleteIcon } from "@webiny/ui/List/DataList/icons";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { Select } from "@webiny/ui/Select";
-import { useRouter } from "@webiny/react-router";
-import SearchUI from "@webiny/app-admin/components/SearchUI";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { useQuery, useMutation } from "@apollo/react-hooks";
-import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
-import * as GQL from "./graphql";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
-import { ReactComponent as FilterIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/filter-24px.svg";
-import { serializeSorters, deserializeSorters } from "../utils";
-var t = i18n.ns("app-security/admin/groups/data-list");
+var t = _i18n.i18n.ns("app-security/admin/groups/data-list");
+
 var SORTERS = [{
-  label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Newest to oldest"]))),
-  sorters: {
-    createdOn: "desc"
-  }
+  label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Newest to oldest"]))),
+  sorter: "createdOn_DESC"
 }, {
-  label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Oldest to newest"]))),
-  sorters: {
-    createdOn: "asc"
-  }
+  label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Oldest to newest"]))),
+  sorter: "createdOn_ASC"
 }, {
-  label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Name A-Z"]))),
-  sorters: {
-    name: "asc"
-  }
+  label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Name A-Z"]))),
+  sorter: "name_ASC"
 }, {
-  label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Name Z-A"]))),
-  sorters: {
-    name: "desc"
-  }
+  label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name Z-A"]))),
+  sorter: "name_DESC"
 }];
 
 var ApiKeysDataList = function ApiKeysDataList() {
-  var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(""),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       filter = _useState2[0],
       setFilter = _useState2[1];
 
-  var _useState3 = useState(serializeSorters(SORTERS[0].sorters)),
-      _useState4 = _slicedToArray(_useState3, 2),
+  var _useState3 = (0, _react.useState)(SORTERS[0].sorter),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       sort = _useState4[0],
       setSort = _useState4[1];
 
-  var _useRouter = useRouter(),
+  var _useRouter = (0, _reactRouter.useRouter)(),
       history = _useRouter.history,
       location = _useRouter.location;
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var _useConfirmationDialo = useConfirmationDialog({
+  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
     dataTestId: "default-data-list.delete-dialog"
   }),
       showConfirmation = _useConfirmationDialo.showConfirmation;
 
-  var filterAPIKey = useCallback(function (_ref) {
+  var filterAPIKey = (0, _react.useCallback)(function (_ref) {
     var description = _ref.description,
         name = _ref.name;
     return description && description.toLowerCase().includes(filter) || name.toLowerCase().includes(filter);
   }, [filter]);
-  var sortKeys = useCallback(function (list) {
+  var sortKeys = (0, _react.useCallback)(function (list) {
     if (!sort) {
       return list;
     }
 
-    var _Object$entries = Object.entries(deserializeSorters(sort)),
-        _Object$entries2 = _slicedToArray(_Object$entries, 1),
-        _Object$entries2$ = _slicedToArray(_Object$entries2[0], 2),
-        key = _Object$entries2$[0],
-        value = _Object$entries2$[1];
+    var _deserializeSorters = (0, _utils.deserializeSorters)(sort),
+        _deserializeSorters2 = (0, _slicedToArray2.default)(_deserializeSorters, 2),
+        key = _deserializeSorters2[0],
+        value = _deserializeSorters2[1];
 
-    return orderBy(list, [key], [value]);
+    return (0, _orderBy.default)(list, [key], [value]);
   }, [sort]);
 
-  var _useQuery = useQuery(GQL.LIST_API_KEYS),
+  var _useQuery = (0, _reactHooks.useQuery)(GQL.LIST_API_KEYS),
       listResponse = _useQuery.data,
       listLoading = _useQuery.loading;
 
-  var _useMutation = useMutation(GQL.DELETE_API_KEY, {
+  var _useMutation = (0, _reactHooks.useMutation)(GQL.DELETE_API_KEY, {
     refetchQueries: [{
       query: GQL.LIST_API_KEYS
     }]
   }),
-      _useMutation2 = _slicedToArray(_useMutation, 2),
+      _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 2),
       deleteIt = _useMutation2[0],
       deleteLoading = _useMutation2[1].loading;
 
   var data = listLoading && !listResponse ? [] : listResponse.security.apiKeys.data;
   var id = new URLSearchParams(location.search).get("id");
-  var deleteItem = useCallback(function (item) {
-    showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  var deleteItem = (0, _react.useCallback)(function (item) {
+    showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var _yield$deleteIt, data, error;
 
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -128,7 +151,7 @@ var ApiKeysDataList = function ApiKeysDataList() {
               return _context.abrupt("return", showSnackbar(error.message));
 
             case 7:
-              showSnackbar(t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Api key \"{id}\" deleted."])))({
+              showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Api key \"{id}\" deleted."])))({
                 id: item.id
               }));
 
@@ -144,59 +167,59 @@ var ApiKeysDataList = function ApiKeysDataList() {
       }, _callee);
     })));
   }, [id]);
-  var groupsDataListModalOverlay = useMemo(function () {
-    return /*#__PURE__*/React.createElement(DataListModalOverlay, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  var groupsDataListModalOverlay = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(_List.DataListModalOverlay, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Select, {
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
       value: sort,
       onChange: setSort,
-      label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Sort by"])))
+      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Sort by"])))
     }, SORTERS.map(function (_ref3) {
       var label = _ref3.label,
-          sorters = _ref3.sorters;
-      return /*#__PURE__*/React.createElement("option", {
+          sorter = _ref3.sorter;
+      return /*#__PURE__*/_react.default.createElement("option", {
         key: label,
-        value: serializeSorters(sorters)
+        value: sorter
       }, label);
     })))));
   }, [sort]);
   var filteredData = filter === "" ? data : data.filter(filterAPIKey);
   var list = sortKeys(filteredData);
-  return /*#__PURE__*/React.createElement(DataList, {
-    title: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["API Keys"]))),
-    actions: /*#__PURE__*/React.createElement(ButtonSecondary, {
+  return /*#__PURE__*/_react.default.createElement(_List.DataList, {
+    title: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["API Keys"]))),
+    actions: /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
       "data-testid": "new-record-button",
       onClick: function onClick() {
         return history.push("/access-management/api-keys?new=true");
       }
-    }, /*#__PURE__*/React.createElement(ButtonIcon, {
-      icon: /*#__PURE__*/React.createElement(AddIcon, null)
-    }), " ", t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["New API Key"])))),
+    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+      icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+    }), " ", t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["New API Key"])))),
     data: list,
     loading: listLoading || deleteLoading,
-    search: /*#__PURE__*/React.createElement(SearchUI, {
+    search: /*#__PURE__*/_react.default.createElement(_SearchUI.default, {
       value: filter,
       onChange: setFilter,
-      inputPlaceholder: t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Search API keys"])))
+      inputPlaceholder: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Search API keys"])))
     }),
     modalOverlay: groupsDataListModalOverlay,
-    modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
-      icon: /*#__PURE__*/React.createElement(FilterIcon, null),
+    modalOverlayAction: /*#__PURE__*/_react.default.createElement(_List.DataListModalOverlayAction, {
+      icon: /*#__PURE__*/_react.default.createElement(_filter24px.ReactComponent, null),
       "data-testid": "default-data-list.filter"
     })
   }, function (_ref4) {
     var data = _ref4.data;
-    return /*#__PURE__*/React.createElement(ScrollList, {
+    return /*#__PURE__*/_react.default.createElement(_List.ScrollList, {
       "data-testid": "default-data-list"
     }, data.map(function (item) {
-      return /*#__PURE__*/React.createElement(ListItem, {
+      return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
         key: item.id,
         selected: item.id === id
-      }, /*#__PURE__*/React.createElement(ListItemText, {
+      }, /*#__PURE__*/_react.default.createElement(_List.ListItemText, {
         onClick: function onClick() {
           return history.push("/access-management/api-keys?id=".concat(item.id));
         }
-      }, item.name, /*#__PURE__*/React.createElement(ListItemTextSecondary, null, item.description)), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(ListActions, null, /*#__PURE__*/React.createElement(DeleteIcon, {
+      }, item.name, /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, item.description)), /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_List.ListActions, null, /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
         onClick: function onClick() {
           return deleteItem(item);
         },
@@ -206,4 +229,4 @@ var ApiKeysDataList = function ApiKeysDataList() {
   });
 };
 
-export default ApiKeysDataList;
+exports.ApiKeysDataList = ApiKeysDataList;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","SORTERS","label","sorter","ApiKeysDataList","useState","filter","setFilter","sort","setSort","useRouter","history","location","useSnackbar","showSnackbar","useConfirmationDialog","dataTestId","showConfirmation","filterAPIKey","useCallback","description","name","toLowerCase","includes","sortKeys","list","deserializeSorters","key","value","orderBy","useQuery","GQL","LIST_API_KEYS","listResponse","data","listLoading","loading","useMutation","DELETE_API_KEY","refetchQueries","query","deleteIt","deleteLoading","security","apiKeys","id","URLSearchParams","search","get","deleteItem","item","variables","error","deleteApiKey","message","push","groupsDataListModalOverlay","useMemo","map","filteredData"],"sources":["ApiKeysDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport orderBy from \"lodash/orderBy\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport {\n    DataList,\n    ScrollList,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListActions,\n    DataListModalOverlayAction,\n    DataListModalOverlay\n} from \"@webiny/ui/List\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { useRouter } from \"@webiny/react-router\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useMutation } from \"@apollo/react-hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport * as GQL from \"./graphql\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { deserializeSorters } from \"../utils\";\nimport { ApiKey } from \"~/types\";\n\nconst t = i18n.ns(\"app-security/admin/groups/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    // TODO @ts-refactor delete and go up the tree and sort it out\n    [key: string]: any;\n}\nexport const ApiKeysDataList: React.FC<ApiKeysDataListProps> = () => {\n    const [filter, setFilter] = useState(\"\");\n    const [sort, setSort] = useState<string>(SORTERS[0].sorter);\n    const { history, location } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"default-data-list.delete-dialog\"\n    });\n\n    const filterAPIKey = useCallback(\n        ({ description, name }) => {\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 => {\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.LIST_API_KEYS);\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    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const deleteItem = useCallback(\n        item => {\n            showConfirmation(async () => {\n                const { data } = await deleteIt({\n                    variables: item\n                });\n\n                const { error } = data.security.deleteApiKey;\n                if (error) {\n                    return showSnackbar(error.message);\n                }\n\n                showSnackbar(t`Api key \"{id}\" deleted.`({ id: item.id }));\n\n                if (id === item.id) {\n                    history.push(`/access-management/api-keys`);\n                }\n            });\n        },\n        [id]\n    );\n\n    const groupsDataListModalOverlay = useMemo(\n        () => (\n            <DataListModalOverlay>\n                <Grid>\n                    <Cell span={12}>\n                        <Select value={sort} onChange={setSort} label={t`Sort by`}>\n                            {SORTERS.map(({ label, sorter }) => {\n                                return (\n                                    <option key={label} value={sorter}>\n                                        {label}\n                                    </option>\n                                );\n                            })}\n                        </Select>\n                    </Cell>\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                <ButtonSecondary\n                    data-testid=\"new-record-button\"\n                    onClick={() => history.push(\"/access-management/api-keys?new=true\")}\n                >\n                    <ButtonIcon icon={<AddIcon />} /> {t`New API Key`}\n                </ButtonSecondary>\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={groupsDataListModalOverlay}\n            modalOverlayAction={\n                <DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\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 === id}>\n                            <ListItemText\n                                onClick={() =>\n                                    history.push(`/access-management/api-keys?id=${item.id}`)\n                                }\n                            >\n                                {item.name}\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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"}

package/ui/views/ApiKeys/graphql.d.ts

@@ -1,5 +1,5 @@
-export declare const LIST_API_KEYS: any;
-export declare const READ_API_KEY: any;
-export declare const CREATE_API_KEY: any;
-export declare const UPDATE_API_KEY: any;
-export declare const DELETE_API_KEY: any;
+export declare const LIST_API_KEYS: import("graphql").DocumentNode;
+export declare const READ_API_KEY: import("graphql").DocumentNode;
+export declare const CREATE_API_KEY: import("graphql").DocumentNode;
+export declare const UPDATE_API_KEY: import("graphql").DocumentNode;
+export declare const DELETE_API_KEY: import("graphql").DocumentNode;

package/ui/views/ApiKeys/graphql.js

@@ -1,11 +1,26 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UPDATE_API_KEY = exports.READ_API_KEY = exports.LIST_API_KEYS = exports.DELETE_API_KEY = exports.CREATE_API_KEY = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-import gql from "graphql-tag";
 var fields = "\n    id\n    name\n    description\n    token\n    permissions\n    createdOn\n";
-export var LIST_API_KEYS = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query ListApiKeys {\n        security {\n            apiKeys: listApiKeys {\n                data {\n                   ", "\n                }\n            }\n        }\n    }\n"])), fields);
-export var READ_API_KEY = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query GetApiKey($id: ID!) {\n        security {\n            apiKey: getApiKey(id: $id){\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])), fields);
-export var CREATE_API_KEY = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    mutation CreateApiKey($data: SecurityApiKeyInput!){\n        security {\n            apiKey: createApiKey(data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
-export var UPDATE_API_KEY = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation UpdateApiKey($id: ID!, $data: SecurityApiKeyInput!){\n        security {\n            apiKey: updateApiKey(id: $id, data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
-export var DELETE_API_KEY = gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation DeleteApiKey($id: ID!) {\n        security {\n            deleteApiKey(id: $id) {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])));
+var LIST_API_KEYS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query ListApiKeys {\n        security {\n            apiKeys: listApiKeys {\n                data {\n                   ", "\n                }\n            }\n        }\n    }\n"])), fields);
+exports.LIST_API_KEYS = LIST_API_KEYS;
+var READ_API_KEY = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query GetApiKey($id: ID!) {\n        security {\n            apiKey: getApiKey(id: $id){\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])), fields);
+exports.READ_API_KEY = READ_API_KEY;
+var CREATE_API_KEY = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CreateApiKey($data: SecurityApiKeyInput!){\n        security {\n            apiKey: createApiKey(data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
+exports.CREATE_API_KEY = CREATE_API_KEY;
+var UPDATE_API_KEY = (0, _graphqlTag.default)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    mutation UpdateApiKey($id: ID!, $data: SecurityApiKeyInput!){\n        security {\n            apiKey: updateApiKey(id: $id, data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
+exports.UPDATE_API_KEY = UPDATE_API_KEY;
+var DELETE_API_KEY = (0, _graphqlTag.default)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    mutation DeleteApiKey($id: ID!) {\n        security {\n            deleteApiKey(id: $id) {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])));
+exports.DELETE_API_KEY = DELETE_API_KEY;

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

@@ -0,0 +1 @@
+{"version":3,"names":["fields","LIST_API_KEYS","gql","READ_API_KEY","CREATE_API_KEY","UPDATE_API_KEY","DELETE_API_KEY"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst fields = `\n    id\n    name\n    description\n    token\n    permissions\n    createdOn\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;;;;AAEA,IAAMA,MAAM,qFAAZ;AASO,IAAMC,aAAa,OAAGC,mBAAH,6QAKLF,MALK,CAAnB;;AAYA,IAAMG,YAAY,OAAGD,mBAAH,gYAKHF,MALG,CAAlB;;AAgBA,IAAMI,cAAc,OAAGF,mBAAH,0bAKLF,MALK,CAApB;;AAiBA,IAAMK,cAAc,OAAGH,mBAAH,6cAKLF,MALK,CAApB;;AAiBA,IAAMM,cAAc,OAAGJ,mBAAH,kVAApB"}

package/ui/views/ApiKeys/index.d.ts

@@ -1 +1 @@
-export { default as ApiKeys } from "./ApiKeys";
+export * from "./ApiKeys";

package/ui/views/ApiKeys/index.js

@@ -1 +1,18 @@
-export { default as ApiKeys } from "./ApiKeys";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _ApiKeys = require("./ApiKeys");
+
+Object.keys(_ApiKeys).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ApiKeys[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ApiKeys[key];
+    }
+  });
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ApiKeys\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/ui/views/ApiKeys/utils.d.ts

@@ -1 +1,2 @@
-export declare const pickDataForAPI: (data: any) => any;
+import { ApiKey } from "../../../types";
+export declare const pickDataForAPI: (data: ApiKey) => Pick<ApiKey, "name" | "description" | "permissions">;

package/ui/views/ApiKeys/utils.js

@@ -1,5 +1,18 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _pick from "lodash/pick";
-export var pickDataForAPI = function pickDataForAPI(data) {
-  return _objectSpread({}, _pick(data, ["name", "description", "permissions"]));
-};
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pickDataForAPI = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _pick2 = _interopRequireDefault(require("lodash/pick"));
+
+var pickDataForAPI = function pickDataForAPI(data) {
+  return (0, _objectSpread2.default)({}, (0, _pick2.default)(data, ["name", "description", "permissions"]));
+};
+
+exports.pickDataForAPI = pickDataForAPI;

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

@@ -0,0 +1 @@
+{"version":3,"names":["pickDataForAPI","data"],"sources":["utils.ts"],"sourcesContent":["import { pick } from \"lodash\";\nimport { ApiKey } from \"~/types\";\n\nexport const pickDataForAPI = (\n    data: ApiKey\n): Pick<ApiKey, \"name\" | \"description\" | \"permissions\"> => ({\n    ...pick(data, [\"name\", \"description\", \"permissions\"])\n});\n"],"mappings":";;;;;;;;;;;;;AAGO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAC1BC,IAD0B;EAAA,uCAGvB,oBAAKA,IAAL,EAAW,CAAC,MAAD,EAAS,aAAT,EAAwB,aAAxB,CAAX,CAHuB;AAAA,CAAvB"}

package/ui/views/Groups/Groups.d.ts

@@ -1,3 +1,8 @@
-/// <reference types="react" />
-declare const Groups: ({ formProps, listProps }: any) => JSX.Element;
-export default Groups;
+import React from "react";
+import { GroupsDataListProps } from "./GroupsDataList";
+import { GroupsFormProps } from "./GroupsForm";
+export interface GroupsProps {
+    listProps?: GroupsDataListProps;
+    formProps?: GroupsFormProps;
+}
+export declare const Groups: React.FC<GroupsProps>;

package/ui/views/Groups/Groups.js

@@ -1,12 +1,26 @@
-import * as React from "react";
-import { SplitView, LeftPanel, RightPanel } from "@webiny/app-admin/components/SplitView";
-import GroupsDataList from "./GroupsDataList";
-import GroupsForm from "./GroupsForm";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Groups = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SplitView = require("@webiny/app-admin/components/SplitView");
+
+var _GroupsDataList = require("./GroupsDataList");
+
+var _GroupsForm = require("./GroupsForm");
 
 var Groups = function Groups(_ref) {
-  var formProps = _ref.formProps,
-      listProps = _ref.listProps;
-  return /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, null, /*#__PURE__*/React.createElement(GroupsDataList, listProps)), /*#__PURE__*/React.createElement(RightPanel, null, /*#__PURE__*/React.createElement(GroupsForm, formProps)));
+  var _ref$formProps = _ref.formProps,
+      formProps = _ref$formProps === void 0 ? {} : _ref$formProps,
+      _ref$listProps = _ref.listProps,
+      listProps = _ref$listProps === void 0 ? {} : _ref$listProps;
+  return /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, null, /*#__PURE__*/_react.default.createElement(_GroupsDataList.GroupsDataList, listProps)), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, null, /*#__PURE__*/_react.default.createElement(_GroupsForm.GroupsForm, formProps)));
 };
 
-export default Groups;
+exports.Groups = Groups;

package/ui/views/Groups/Groups.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Groups","formProps","listProps"],"sources":["Groups.tsx"],"sourcesContent":["import React from \"react\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport { GroupsDataList, GroupsDataListProps } from \"./GroupsDataList\";\nimport { GroupsForm, GroupsFormProps } from \"./GroupsForm\";\n\nexport interface GroupsProps {\n    listProps?: GroupsDataListProps;\n    formProps?: GroupsFormProps;\n}\nexport const Groups: React.FC<GroupsProps> = ({ formProps = {}, listProps = {} }) => {\n    return (\n        <SplitView>\n            <LeftPanel>\n                <GroupsDataList {...listProps} />\n            </LeftPanel>\n            <RightPanel>\n                <GroupsForm {...formProps} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAMO,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,OAAwC;EAAA,0BAArCC,SAAqC;EAAA,IAArCA,SAAqC,+BAAzB,EAAyB;EAAA,0BAArBC,SAAqB;EAAA,IAArBA,SAAqB,+BAAT,EAAS;EACjF,oBACI,6BAAC,oBAAD,qBACI,6BAAC,oBAAD,qBACI,6BAAC,8BAAD,EAAoBA,SAApB,CADJ,CADJ,eAII,6BAAC,qBAAD,qBACI,6BAAC,sBAAD,EAAgBD,SAAhB,CADJ,CAJJ,CADJ;AAUH,CAXM"}

package/ui/views/Groups/GroupsDataList.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
-declare const GroupsDataList: () => JSX.Element;
-export default GroupsDataList;
+import React from "react";
+export interface GroupsDataListProps {
+    [key: string]: any;
+}
+export declare const GroupsDataList: React.FC<GroupsDataListProps>;