@webiny/app-security-access-management 5.43.3 → 6.0.0-alpha.1

package/ui/views/Groups/graphql.js

@@ -1,18 +1,85 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UPDATE_GROUP = exports.READ_GROUP = exports.LIST_GROUPS = exports.DELETE_GROUP = exports.CREATE_GROUP = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var fields = "\n    id\n    name\n    slug\n    description\n    permissions\n    system\n    plugin\n    createdOn\n";
-var LIST_GROUPS = exports.LIST_GROUPS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query listGroups {\n        security {\n            groups: listGroups {\n                data {\n                    ", "\n                }\n            }\n        }\n    }\n"])), fields);
-var READ_GROUP = exports.READ_GROUP = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query getGroup($id: ID!) {\n        security {\n            group: getGroup(where: { id: $id }){\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])), fields);
-var CREATE_GROUP = exports.CREATE_GROUP = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    mutation createGroup($data: SecurityGroupCreateInput!){\n        security {\n            group: createGroup(data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
-var UPDATE_GROUP = exports.UPDATE_GROUP = (0, _graphqlTag.default)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    mutation updateGroup($id: ID!, $data: SecurityGroupUpdateInput!){\n        security {\n            group: updateGroup(id: $id, data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
-var DELETE_GROUP = exports.DELETE_GROUP = (0, _graphqlTag.default)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    mutation deleteGroup($id: ID!) {\n        security {\n            deleteGroup(id: $id) {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])));
+import gql from "graphql-tag";
+const fields = `
+    id
+    name
+    slug
+    description
+    permissions
+    system
+    plugin
+    createdOn
+`;
+export const LIST_GROUPS = gql`
+    query listGroups {
+        security {
+            groups: listGroups {
+                data {
+                    ${fields}
+                }
+            }
+        }
+    }
+`;
+export const READ_GROUP = gql`
+    query getGroup($id: ID!) {
+        security {
+            group: getGroup(where: { id: $id }){
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                }
+            }
+        }
+    }
+`;
+export const CREATE_GROUP = gql`
+    mutation createGroup($data: SecurityGroupCreateInput!){
+        security {
+            group: createGroup(data: $data) {
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+export const UPDATE_GROUP = gql`
+    mutation updateGroup($id: ID!, $data: SecurityGroupUpdateInput!){
+        security {
+            group: updateGroup(id: $id, data: $data) {
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+export const DELETE_GROUP = gql`
+    mutation deleteGroup($id: ID!) {
+        security {
+            deleteGroup(id: $id) {
+                data
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
 
 //# sourceMappingURL=graphql.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","_interopRequireDefault","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","fields","LIST_GROUPS","exports","gql","_taggedTemplateLiteral2","default","READ_GROUP","CREATE_GROUP","UPDATE_GROUP","DELETE_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { Group } from \"~/types\";\n\nconst fields = `\n    id\n    name\n    slug\n    description\n    permissions\n    system\n    plugin\n    createdOn\n`;\n\nexport interface ListGroupsResponse {\n    security: {\n        groups: {\n            data: Group[];\n        };\n    };\n}\n\nexport const LIST_GROUPS = gql`\n    query listGroups {\n        security {\n            groups: listGroups {\n                data {\n                    ${fields}\n                }\n            }\n        }\n    }\n`;\n\nexport const READ_GROUP = gql`\n    query getGroup($id: ID!) {\n        security {\n            group: getGroup(where: { id: $id }){\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const CREATE_GROUP = gql`\n    mutation createGroup($data: SecurityGroupCreateInput!){\n        security {\n            group: createGroup(data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const UPDATE_GROUP = gql`\n    mutation updateGroup($id: ID!, $data: SecurityGroupUpdateInput!){\n        security {\n            group: updateGroup(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_GROUP = gql`\n    mutation deleteGroup($id: ID!) {\n        security {\n            deleteGroup(id: $id) {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAG9B,IAAMC,MAAM,4GASX;AAUM,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,mBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,CAAAC,OAAA,gMAKRL,MAAM,CAK3B;AAEM,IAAMM,UAAU,GAAAJ,OAAA,CAAAI,UAAA,OAAGH,mBAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,uBAAA,CAAAC,OAAA,2TAKPL,MAAM,CAS3B;AAEM,IAAMO,YAAY,GAAAL,OAAA,CAAAK,YAAA,OAAGJ,mBAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,uBAAA,CAAAC,OAAA,+WAKTL,MAAM,CAU3B;AAEM,IAAMQ,YAAY,GAAAN,OAAA,CAAAM,YAAA,OAAGL,mBAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,uBAAA,CAAAC,OAAA,kYAKTL,MAAM,CAU3B;AAEM,IAAMS,YAAY,GAAAP,OAAA,CAAAO,YAAA,OAAGN,mBAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,uBAAA,CAAAC,OAAA,6RAa9B","ignoreList":[]}
+{"version":3,"names":["gql","fields","LIST_GROUPS","READ_GROUP","CREATE_GROUP","UPDATE_GROUP","DELETE_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { Group } from \"~/types\";\n\nconst fields = `\n    id\n    name\n    slug\n    description\n    permissions\n    system\n    plugin\n    createdOn\n`;\n\nexport interface ListGroupsResponse {\n    security: {\n        groups: {\n            data: Group[];\n        };\n    };\n}\n\nexport const LIST_GROUPS = gql`\n    query listGroups {\n        security {\n            groups: listGroups {\n                data {\n                    ${fields}\n                }\n            }\n        }\n    }\n`;\n\nexport const READ_GROUP = gql`\n    query getGroup($id: ID!) {\n        security {\n            group: getGroup(where: { id: $id }){\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const CREATE_GROUP = gql`\n    mutation createGroup($data: SecurityGroupCreateInput!){\n        security {\n            group: createGroup(data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const UPDATE_GROUP = gql`\n    mutation updateGroup($id: ID!, $data: SecurityGroupUpdateInput!){\n        security {\n            group: updateGroup(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_GROUP = gql`\n    mutation deleteGroup($id: ID!) {\n        security {\n            deleteGroup(id: $id) {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAG7B,MAAMC,MAAM,GAAG;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAUD,OAAO,MAAMC,WAAW,GAAGF,GAAG;AAC9B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,UAAU,GAAGH,GAAG;AAC7B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,YAAY,GAAGJ,GAAG;AAC/B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,YAAY,GAAGL,GAAG;AAC/B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMK,YAAY,GAAGN,GAAG;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/ui/views/Groups/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Groups = require("./Groups");
-Object.keys(_Groups).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Groups[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Groups[key];
-    }
-  });
-});
+export * from "./Groups";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Groups","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Groups\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Groups\";\n"],"mappings":"AAAA","ignoreList":[]}

package/ui/views/Teams/Teams.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { TeamsDataListProps } from "./TeamsDataList";
-import { TeamsFormProps } from "./TeamsForm";
+import type { TeamsDataListProps } from "./TeamsDataList";
+import type { TeamsFormProps } from "./TeamsForm";
 export interface TeamsProps {
     listProps?: TeamsDataListProps;
     formProps?: TeamsFormProps;

package/ui/views/Teams/Teams.js

@@ -1,20 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Teams = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _SplitView = require("@webiny/app-admin/components/SplitView");
-var _TeamsDataList = require("./TeamsDataList");
-var _TeamsForm = require("./TeamsForm");
-var Teams = exports.Teams = function Teams(_ref) {
-  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(_TeamsDataList.TeamsDataList, listProps)), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, null, /*#__PURE__*/_react.default.createElement(_TeamsForm.TeamsForm, formProps)));
+import React from "react";
+import { SplitView, LeftPanel, RightPanel } from "@webiny/app-admin/components/SplitView";
+import { TeamsDataList } from "./TeamsDataList";
+import { TeamsForm } from "./TeamsForm";
+export const Teams = ({
+  formProps = {},
+  listProps = {}
+}) => {
+  return /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, null, /*#__PURE__*/React.createElement(TeamsDataList, listProps)), /*#__PURE__*/React.createElement(RightPanel, null, /*#__PURE__*/React.createElement(TeamsForm, formProps)));
 };
 
 //# sourceMappingURL=Teams.js.map

package/ui/views/Teams/Teams.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_SplitView","_TeamsDataList","_TeamsForm","Teams","exports","_ref","_ref$formProps","formProps","_ref$listProps","listProps","default","createElement","SplitView","LeftPanel","TeamsDataList","RightPanel","TeamsForm"],"sources":["Teams.tsx"],"sourcesContent":["import React from \"react\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport { TeamsDataList, TeamsDataListProps } from \"./TeamsDataList\";\nimport { TeamsForm, TeamsFormProps } from \"./TeamsForm\";\n\nexport interface TeamsProps {\n    listProps?: TeamsDataListProps;\n    formProps?: TeamsFormProps;\n}\nexport const Teams = ({ formProps = {}, listProps = {} }: TeamsProps) => {\n    return (\n        <SplitView>\n            <LeftPanel>\n                <TeamsDataList {...listProps} />\n            </LeftPanel>\n            <RightPanel>\n                <TeamsForm {...formProps} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAMO,IAAMI,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAAuD;EAAA,IAAAC,cAAA,GAAAD,IAAA,CAAjDE,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,CAAC,CAAC,GAAAA,cAAA;IAAAE,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,CAAC,CAAC,GAAAA,cAAA;EAClD,oBACIX,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,UAAA,CAAAY,SAAS,qBACNf,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,UAAA,CAAAa,SAAS,qBACNhB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,cAAA,CAAAa,aAAa,EAAKL,SAAY,CACxB,CAAC,eACZZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,UAAA,CAAAe,UAAU,qBACPlB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,UAAA,CAAAc,SAAS,EAAKT,SAAY,CACnB,CACL,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","SplitView","LeftPanel","RightPanel","TeamsDataList","TeamsForm","Teams","formProps","listProps","createElement"],"sources":["Teams.tsx"],"sourcesContent":["import React from \"react\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport type { TeamsDataListProps } from \"./TeamsDataList\";\nimport { TeamsDataList } from \"./TeamsDataList\";\nimport type { TeamsFormProps } from \"./TeamsForm\";\nimport { TeamsForm } from \"./TeamsForm\";\n\nexport interface TeamsProps {\n    listProps?: TeamsDataListProps;\n    formProps?: TeamsFormProps;\n}\nexport const Teams = ({ formProps = {}, listProps = {} }: TeamsProps) => {\n    return (\n        <SplitView>\n            <LeftPanel>\n                <TeamsDataList {...listProps} />\n            </LeftPanel>\n            <RightPanel>\n                <TeamsForm {...formProps} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,SAAS,EAAEC,UAAU,QAAQ,wCAAwC;AAEzF,SAASC,aAAa;AAEtB,SAASC,SAAS;AAMlB,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,SAAS,GAAG,CAAC,CAAC;EAAEC,SAAS,GAAG,CAAC;AAAc,CAAC,KAAK;EACrE,oBACIR,KAAA,CAAAS,aAAA,CAACR,SAAS,qBACND,KAAA,CAAAS,aAAA,CAACP,SAAS,qBACNF,KAAA,CAAAS,aAAA,CAACL,aAAa,EAAKI,SAAY,CACxB,CAAC,eACZR,KAAA,CAAAS,aAAA,CAACN,UAAU,qBACPH,KAAA,CAAAS,aAAA,CAACJ,SAAS,EAAKE,SAAY,CACnB,CACL,CAAC;AAEpB,CAAC","ignoreList":[]}

package/ui/views/Teams/TeamsDataList.js

@@ -1,176 +1,151 @@
-"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.TeamsDataList = void 0;
-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 _icons = require("@webiny/ui/List/DataList/icons");
-var _reactRouter = require("@webiny/react-router");
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-var _reactHooks = require("@apollo/react-hooks");
-var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
-var _graphql = require("./graphql");
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _Button = require("@webiny/ui/Button");
-var _Grid = require("@webiny/ui/Grid");
-var _Select = require("@webiny/ui/Select");
-var _SearchUI = _interopRequireDefault(require("@webiny/app-admin/components/SearchUI"));
-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, _templateObject10, _templateObject11;
-var t = _i18n.i18n.ns("app-security/admin/teams/data-list");
-var SORTERS = [{
-  label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Newest to oldest"]))),
+import React, { useCallback, useMemo, useState } from "react";
+import orderBy from "lodash/orderBy";
+import { Button, Grid, Select, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { i18n } from "@webiny/app/i18n";
+import { DataList, ScrollList, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, DataListModalOverlayAction, DataListModalOverlay, ListItemTextPrimary, ListActions } from "@webiny/ui/List";
+import { DeleteIcon } from "@webiny/ui/List/DataList/icons";
+import { useRouter } from "@webiny/react-router";
+import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import { useQuery, useMutation } from "@apollo/react-hooks";
+import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
+import { LIST_TEAMS, DELETE_TEAM } from "./graphql";
+import SearchUI from "@webiny/app-admin/components/SearchUI";
+import { deserializeSorters } from "../utils";
+const t = i18n.ns("app-security/admin/teams/data-list");
+const SORTERS = [{
+  label: t`Newest to oldest`,
   sorter: "createdOn_DESC"
 }, {
-  label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Oldest to newest"]))),
+  label: t`Oldest to newest`,
   sorter: "createdOn_ASC"
 }, {
-  label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Name A-Z"]))),
+  label: t`Name A-Z`,
   sorter: "name_ASC"
 }, {
-  label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name Z-A"]))),
+  label: t`Name Z-A`,
   sorter: "name_DESC"
 }];
-var TeamsDataList = exports.TeamsDataList = function TeamsDataList() {
-  var _useState = (0, _react.useState)(""),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    filter = _useState2[0],
-    setFilter = _useState2[1];
-  var _useState3 = (0, _react.useState)(SORTERS[0].sorter),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    sort = _useState4[0],
-    setSort = _useState4[1];
-  var _useRouter = (0, _reactRouter.useRouter)(),
-    history = _useRouter.history,
-    location = _useRouter.location;
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
-      dataTestId: "default-data-list.delete-dialog"
-    }),
-    showConfirmation = _useConfirmationDialo.showConfirmation;
-  var _useQuery = (0, _reactHooks.useQuery)(_graphql.LIST_TEAMS),
-    listResponse = _useQuery.data,
-    listLoading = _useQuery.loading;
-  var _useMutation = (0, _reactHooks.useMutation)(_graphql.DELETE_TEAM, {
-      refetchQueries: [{
-        query: _graphql.LIST_TEAMS
-      }]
-    }),
-    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 2),
-    deleteIt = _useMutation2[0],
-    deleteLoading = _useMutation2[1].loading;
-  var data = listLoading && !listResponse ? [] : listResponse?.security.teams.data || [];
-  var id = new URLSearchParams(location.search).get("id");
-  var filterTeam = (0, _react.useCallback)(function (_ref) {
-    var name = _ref.name,
-      slug = _ref.slug,
-      description = _ref.description;
+export const TeamsDataList = () => {
+  const [filter, setFilter] = useState("");
+  const [sort, setSort] = useState(SORTERS[0].sorter);
+  const {
+    history,
+    location
+  } = useRouter();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    showConfirmation
+  } = useConfirmationDialog({
+    dataTestId: "default-data-list.delete-dialog"
+  });
+  const {
+    data: listResponse,
+    loading: listLoading
+  } = useQuery(LIST_TEAMS);
+  const [deleteIt, {
+    loading: deleteLoading
+  }] = useMutation(DELETE_TEAM, {
+    refetchQueries: [{
+      query: LIST_TEAMS
+    }]
+  });
+  const data = listLoading && !listResponse ? [] : listResponse?.security.teams.data || [];
+  const id = new URLSearchParams(location.search).get("id");
+  const filterTeam = useCallback(({
+    name,
+    slug,
+    description
+  }) => {
     return name.toLowerCase().includes(filter) || slug.toLowerCase().includes(filter) || description && description.toLowerCase().includes(filter);
   }, [filter]);
-  var sortTeams = (0, _react.useCallback)(function (teams) {
+  const sortTeams = useCallback(teams => {
     if (!sort) {
       return teams;
     }
-    var _deserializeSorters = (0, _utils.deserializeSorters)(sort),
-      _deserializeSorters2 = (0, _slicedToArray2.default)(_deserializeSorters, 2),
-      key = _deserializeSorters2[0],
-      sortBy = _deserializeSorters2[1];
-    return (0, _orderBy.default)(teams, [key], [sortBy]);
+    const [key, sortBy] = deserializeSorters(sort);
+    return orderBy(teams, [key], [sortBy]);
   }, [sort]);
-  var deleteItem = (0, _react.useCallback)(function (item) {
-    showConfirmation(async function () {
-      var _await$deleteIt = await deleteIt({
-          variables: item
-        }),
-        data = _await$deleteIt.data;
-      var error = data.security.deleteTeam.error;
+  const deleteItem = useCallback(item => {
+    showConfirmation(async () => {
+      const {
+        data
+      } = await deleteIt({
+        variables: item
+      });
+      const {
+        error
+      } = data.security.deleteTeam;
       if (error) {
         return showSnackbar(error.message);
       }
-      showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Team \"{slug}\" deleted."])))({
+      showSnackbar(t`Team "{slug}" deleted.`({
         slug: item.slug
       }));
       if (id === item.id) {
-        history.push("/access-management/teams");
+        history.push(`/access-management/teams`);
       }
     });
   }, [id]);
-  var teamsDataListModalOverlay = (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.default.createElement(_Select.Select, {
-      value: sort,
-      onChange: setSort,
-      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Sort by"])))
-    }, SORTERS.map(function (_ref2) {
-      var label = _ref2.label,
-        sorter = _ref2.sorter;
-      return /*#__PURE__*/_react.default.createElement("option", {
-        key: label,
-        value: sorter
-      }, label);
-    })))));
-  }, [sort]);
-  var filteredData = filter === "" ? data : data.filter(filterTeam);
-  var teamList = sortTeams(filteredData);
-  return /*#__PURE__*/_react.default.createElement(_List.DataList, {
-    title: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Teams"]))),
-    actions: /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
+  const teamsDataListModalOverlay = 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(filterTeam);
+  const teamList = sortTeams(filteredData);
+  return /*#__PURE__*/React.createElement(DataList, {
+    title: t`Teams`,
+    actions: /*#__PURE__*/React.createElement(Button, {
+      text: t`New`,
+      icon: /*#__PURE__*/React.createElement(AddIcon, null),
+      size: "sm",
+      className: "wby-ml-xs",
       "data-testid": "new-record-button",
-      onClick: function onClick() {
-        return history.push("/access-management/teams?new=true");
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-      icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
-    }), " ", t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["New Team"])))),
+      onClick: () => history.push("/access-management/teams?new=true")
+    }),
     data: teamList,
     loading: listLoading || deleteLoading,
-    search: /*#__PURE__*/_react.default.createElement(_SearchUI.default, {
+    search: /*#__PURE__*/React.createElement(SearchUI, {
       value: filter,
       onChange: setFilter,
-      inputPlaceholder: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Search Teams"])))
+      inputPlaceholder: t`Search teams...`
     }),
     modalOverlay: teamsDataListModalOverlay,
-    modalOverlayAction: /*#__PURE__*/_react.default.createElement(_List.DataListModalOverlayAction, {
-      icon: /*#__PURE__*/_react.default.createElement(_filter24px.ReactComponent, null),
+    modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
       "data-testid": "default-data-list.filter"
     })
-  }, function (_ref3) {
-    var data = _ref3.data;
-    return /*#__PURE__*/_react.default.createElement(_List.ScrollList, {
-      "data-testid": "default-data-list"
-    }, data.map(function (item) {
-      return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
-        key: item.id,
-        selected: item.id === id
-      }, /*#__PURE__*/_react.default.createElement(_List.ListItemText, {
-        onClick: function onClick() {
-          return history.push("/access-management/teams?id=".concat(item.id));
-        }
-      }, item.name, /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, item.description)), /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, item.system || item.plugin ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-        placement: "bottom",
-        content: /*#__PURE__*/_react.default.createElement("span", null, item.system ? t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Cannot delete system teams."]))) : t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Cannot delete teams created via extensions."]))))
-      }, /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
-        disabled: true
-      })) : /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
-        onClick: function onClick() {
-          return deleteItem(item);
-        },
-        "data-testid": "default-data-list.delete"
-      })));
-    }));
-  });
+  }, ({
+    data
+  }) => /*#__PURE__*/React.createElement(ScrollList, {
+    "data-testid": "default-data-list"
+  }, data.map(item => /*#__PURE__*/React.createElement(ListItem, {
+    key: item.id,
+    selected: item.id === id
+  }, /*#__PURE__*/React.createElement(ListItemText, {
+    onClick: () => history.push(`/access-management/teams?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, item.system || item.plugin ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: /*#__PURE__*/React.createElement("span", null, item.system ? t`Cannot delete system teams.` : t`Cannot delete teams created via extensions.`),
+    trigger: /*#__PURE__*/React.createElement(DeleteIcon, {
+      disabled: true
+    })
+  }) : /*#__PURE__*/React.createElement(DeleteIcon, {
+    onClick: () => deleteItem(item),
+    "data-testid": "default-data-list.delete"
+  })))))));
 };
 
 //# sourceMappingURL=TeamsDataList.js.map

package/ui/views/Teams/TeamsDataList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_orderBy","_interopRequireDefault","_i18n","_List","_icons","_reactRouter","_useSnackbar2","_reactHooks","_useConfirmationDialog","_graphql","_Tooltip","_Button","_Grid","_Select","_SearchUI","_add18px","_filter24px","_utils","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","t","i18n","ns","SORTERS","label","_taggedTemplateLiteral2","default","sorter","TeamsDataList","exports","_useState","useState","_useState2","_slicedToArray2","filter","setFilter","_useState3","_useState4","sort","setSort","_useRouter","useRouter","history","location","_useSnackbar","useSnackbar","showSnackbar","_useConfirmationDialo","useConfirmationDialog","dataTestId","showConfirmation","_useQuery","useQuery","LIST_TEAMS","listResponse","data","listLoading","loading","_useMutation","useMutation","DELETE_TEAM","refetchQueries","query","_useMutation2","deleteIt","deleteLoading","security","teams","id","URLSearchParams","search","get","filterTeam","useCallback","_ref","name","slug","description","toLowerCase","includes","sortTeams","_deserializeSorters","deserializeSorters","_deserializeSorters2","key","sortBy","orderBy","deleteItem","item","_await$deleteIt","variables","error","deleteTeam","message","push","teamsDataListModalOverlay","useMemo","createElement","DataListModalOverlay","Grid","Cell","span","Select","value","onChange","map","_ref2","filteredData","teamList","DataList","title","actions","ButtonSecondary","onClick","ButtonIcon","icon","ReactComponent","inputPlaceholder","modalOverlay","modalOverlayAction","DataListModalOverlayAction","_ref3","ScrollList","ListItem","selected","ListItemText","concat","ListItemTextSecondary","ListItemMeta","system","plugin","Tooltip","placement","content","DeleteIcon","disabled"],"sources":["TeamsDataList.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    DataListModalOverlayAction,\n    DataListModalOverlay\n} from \"@webiny/ui/List\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useMutation } from \"@apollo/react-hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { LIST_TEAMS, DELETE_TEAM, ListTeamsResponse } from \"./graphql\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\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 { Team } from \"~/types\";\n\nconst t = i18n.ns(\"app-security/admin/teams/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];\n\nexport interface TeamsDataListProps {\n    // TODO @ts-refactor delete and go up the tree and sort it out\n    [key: string]: any;\n}\n\nexport const TeamsDataList = () => {\n    const [filter, setFilter] = useState(\"\");\n    const [sort, setSort] = useState(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 { data: listResponse, loading: listLoading } = useQuery<ListTeamsResponse>(LIST_TEAMS);\n\n    const [deleteIt, { loading: deleteLoading }] = useMutation(DELETE_TEAM, {\n        refetchQueries: [{ query: LIST_TEAMS }]\n    });\n\n    const data = listLoading && !listResponse ? [] : listResponse?.security.teams.data || [];\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const filterTeam = useCallback(\n        ({ name, slug, description }: Team) => {\n            return (\n                name.toLowerCase().includes(filter) ||\n                slug.toLowerCase().includes(filter) ||\n                (description && description.toLowerCase().includes(filter))\n            );\n        },\n        [filter]\n    );\n\n    const sortTeams = useCallback(\n        (teams: Team[]) => {\n            if (!sort) {\n                return teams;\n            }\n            const [key, sortBy] = deserializeSorters(sort);\n            return orderBy(teams, [key], [sortBy]);\n        },\n        [sort]\n    );\n\n    const deleteItem = useCallback(\n        (item: Team) => {\n            showConfirmation(async () => {\n                const { data } = await deleteIt({\n                    variables: item\n                });\n\n                const { error } = data.security.deleteTeam;\n                if (error) {\n                    return showSnackbar(error.message);\n                }\n\n                showSnackbar(t`Team \"{slug}\" deleted.`({ slug: item.slug }));\n\n                if (id === item.id) {\n                    history.push(`/access-management/teams`);\n                }\n            });\n        },\n        [id]\n    );\n\n    const teamsDataListModalOverlay = 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(filterTeam);\n    const teamList = sortTeams(filteredData);\n\n    return (\n        <DataList\n            title={t`Teams`}\n            actions={\n                <ButtonSecondary\n                    data-testid=\"new-record-button\"\n                    onClick={() => history.push(\"/access-management/teams?new=true\")}\n                >\n                    <ButtonIcon icon={<AddIcon />} /> {t`New Team`}\n                </ButtonSecondary>\n            }\n            data={teamList}\n            loading={listLoading || deleteLoading}\n            search={\n                <SearchUI value={filter} onChange={setFilter} inputPlaceholder={t`Search Teams`} />\n            }\n            modalOverlay={teamsDataListModalOverlay}\n            modalOverlayAction={\n                <DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\n        >\n            {({ data }: { data: Team[] }) => (\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/teams?id=${item.id}`)\n                                }\n                            >\n                                {item.name}\n                                <ListItemTextSecondary>{item.description}</ListItemTextSecondary>\n                            </ListItemText>\n\n                            <ListItemMeta>\n                                {item.system || item.plugin ? (\n                                    <Tooltip\n                                        placement={\"bottom\"}\n                                        content={\n                                            <span>\n                                                {item.system\n                                                    ? t`Cannot delete system teams.`\n                                                    : t`Cannot delete teams created via extensions.`}\n                                            </span>\n                                        }\n                                    >\n                                        <DeleteIcon disabled />\n                                    </Tooltip>\n                                ) : (\n                                    <DeleteIcon\n                                        onClick={() => deleteItem(item)}\n                                        data-testid={\"default-data-list.delete\"}\n                                    />\n                                )}\n                            </ListItemMeta>\n                        </ListItem>\n                    ))}\n                </ScrollList>\n            )}\n        </DataList>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAUA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,sBAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA;AACA,IAAAa,KAAA,GAAAb,OAAA;AACA,IAAAc,OAAA,GAAAd,OAAA;AACA,IAAAe,SAAA,GAAAb,sBAAA,CAAAF,OAAA;AACA,IAAAgB,QAAA,GAAAhB,OAAA;AACA,IAAAiB,WAAA,GAAAjB,OAAA;AACA,IAAAkB,MAAA,GAAAlB,OAAA;AAA8C,IAAAmB,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA;AAG9C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,OAAO,GAAG,CACZ;EACIC,KAAK,EAAEJ,CAAC,CAAAX,eAAA,KAAAA,eAAA,OAAAgB,uBAAA,CAAAC,OAAA,yBAAkB;EAC1BC,MAAM,EAAE;AACZ,CAAC,EACD;EACIH,KAAK,EAAEJ,CAAC,CAAAV,gBAAA,KAAAA,gBAAA,OAAAe,uBAAA,CAAAC,OAAA,yBAAkB;EAC1BC,MAAM,EAAE;AACZ,CAAC,EACD;EACIH,KAAK,EAAEJ,CAAC,CAAAT,gBAAA,KAAAA,gBAAA,OAAAc,uBAAA,CAAAC,OAAA,iBAAU;EAClBC,MAAM,EAAE;AACZ,CAAC,EACD;EACIH,KAAK,EAAEJ,CAAC,CAAAR,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,iBAAU;EAClBC,MAAM,EAAE;AACZ,CAAC,CACJ;AAOM,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EAC/B,IAAAE,SAAA,GAA4B,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAP,OAAA,EAAAI,SAAA;IAAjCI,MAAM,GAAAF,UAAA;IAAEG,SAAS,GAAAH,UAAA;EACxB,IAAAI,UAAA,GAAwB,IAAAL,eAAQ,EAACR,OAAO,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC;IAAAU,UAAA,OAAAJ,eAAA,CAAAP,OAAA,EAAAU,UAAA;IAA5CE,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EACpB,IAAAG,UAAA,GAA8B,IAAAC,sBAAS,EAAC,CAAC;IAAjCC,OAAO,GAAAF,UAAA,CAAPE,OAAO;IAAEC,QAAQ,GAAAH,UAAA,CAARG,QAAQ;EACzB,IAAAC,YAAA,GAAyB,IAAAC,yBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EACpB,IAAAC,qBAAA,GAA6B,IAAAC,4CAAqB,EAAC;MAC/CC,UAAU,EAAE;IAChB,CAAC,CAAC;IAFMC,gBAAgB,GAAAH,qBAAA,CAAhBG,gBAAgB;EAIxB,IAAAC,SAAA,GAAqD,IAAAC,oBAAQ,EAAoBC,mBAAU,CAAC;IAA9EC,YAAY,GAAAH,SAAA,CAAlBI,IAAI;IAAyBC,WAAW,GAAAL,SAAA,CAApBM,OAAO;EAEnC,IAAAC,YAAA,GAA+C,IAAAC,uBAAW,EAACC,oBAAW,EAAE;MACpEC,cAAc,EAAE,CAAC;QAAEC,KAAK,EAAET;MAAW,CAAC;IAC1C,CAAC,CAAC;IAAAU,aAAA,OAAA9B,eAAA,CAAAP,OAAA,EAAAgC,YAAA;IAFKM,QAAQ,GAAAD,aAAA;IAAaE,aAAa,GAAAF,aAAA,IAAtBN,OAAO;EAI1B,IAAMF,IAAI,GAAGC,WAAW,IAAI,CAACF,YAAY,GAAG,EAAE,GAAGA,YAAY,EAAEY,QAAQ,CAACC,KAAK,CAACZ,IAAI,IAAI,EAAE;EACxF,IAAMa,EAAE,GAAG,IAAIC,eAAe,CAAC1B,QAAQ,CAAC2B,MAAM,CAAC,CAACC,GAAG,CAAC,IAAI,CAAC;EAEzD,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAC1B,UAAAC,IAAA,EAAuC;IAAA,IAApCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;MAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACtB,OACIF,IAAI,CAACG,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC7C,MAAM,CAAC,IACnC0C,IAAI,CAACE,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC7C,MAAM,CAAC,IAClC2C,WAAW,IAAIA,WAAW,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC7C,MAAM,CAAE;EAEnE,CAAC,EACD,CAACA,MAAM,CACX,CAAC;EAED,IAAM8C,SAAS,GAAG,IAAAP,kBAAW,EACzB,UAACN,KAAa,EAAK;IACf,IAAI,CAAC7B,IAAI,EAAE;MACP,OAAO6B,KAAK;IAChB;IACA,IAAAc,mBAAA,GAAsB,IAAAC,yBAAkB,EAAC5C,IAAI,CAAC;MAAA6C,oBAAA,OAAAlD,eAAA,CAAAP,OAAA,EAAAuD,mBAAA;MAAvCG,GAAG,GAAAD,oBAAA;MAAEE,MAAM,GAAAF,oBAAA;IAClB,OAAO,IAAAG,gBAAO,EAACnB,KAAK,EAAE,CAACiB,GAAG,CAAC,EAAE,CAACC,MAAM,CAAC,CAAC;EAC1C,CAAC,EACD,CAAC/C,IAAI,CACT,CAAC;EAED,IAAMiD,UAAU,GAAG,IAAAd,kBAAW,EAC1B,UAACe,IAAU,EAAK;IACZtC,gBAAgB,CAAC,kBAAY;MACzB,IAAAuC,eAAA,GAAiB,MAAMzB,QAAQ,CAAC;UAC5B0B,SAAS,EAAEF;QACf,CAAC,CAAC;QAFMjC,IAAI,GAAAkC,eAAA,CAAJlC,IAAI;MAIZ,IAAQoC,KAAK,GAAKpC,IAAI,CAACW,QAAQ,CAAC0B,UAAU,CAAlCD,KAAK;MACb,IAAIA,KAAK,EAAE;QACP,OAAO7C,YAAY,CAAC6C,KAAK,CAACE,OAAO,CAAC;MACtC;MAEA/C,YAAY,CAAC1B,CAAC,CAAAP,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,kCAAyB;QAAEkD,IAAI,EAAEY,IAAI,CAACZ;MAAK,CAAC,CAAC,CAAC;MAE5D,IAAIR,EAAE,KAAKoB,IAAI,CAACpB,EAAE,EAAE;QAChB1B,OAAO,CAACoD,IAAI,2BAA2B,CAAC;MAC5C;IACJ,CAAC,CAAC;EACN,CAAC,EACD,CAAC1B,EAAE,CACP,CAAC;EAED,IAAM2B,yBAAyB,GAAG,IAAAC,cAAO,EACrC;IAAA,oBACI5G,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAACvG,KAAA,CAAAwG,oBAAoB,qBACjB9G,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAAC9F,KAAA,CAAAgG,IAAI,qBACD/G,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAAC9F,KAAA,CAAAiG,IAAI;MAACC,IAAI,EAAE;IAAG,gBACXjH,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAAC7F,OAAA,CAAAkG,MAAM;MAACC,KAAK,EAAEjE,IAAK;MAACkE,QAAQ,EAAEjE,OAAQ;MAACf,KAAK,EAAEJ,CAAC,CAAAN,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA;IAAU,GACrDH,OAAO,CAACkF,GAAG,CAAC,UAAAC,KAAA,EAAuB;MAAA,IAApBlF,KAAK,GAAAkF,KAAA,CAALlF,KAAK;QAAEG,MAAM,GAAA+E,KAAA,CAAN/E,MAAM;MACzB,oBACIvC,MAAA,CAAAsC,OAAA,CAAAuE,aAAA;QAAQb,GAAG,EAAE5D,KAAM;QAAC+E,KAAK,EAAE5E;MAAO,GAC7BH,KACG,CAAC;IAEjB,CAAC,CACG,CACN,CACJ,CACY,CAAC;EAAA,CAC1B,EACD,CAACc,IAAI,CACT,CAAC;EAED,IAAMqE,YAAY,GAAGzE,MAAM,KAAK,EAAE,GAAGqB,IAAI,GAAGA,IAAI,CAACrB,MAAM,CAACsC,UAAU,CAAC;EACnE,IAAMoC,QAAQ,GAAG5B,SAAS,CAAC2B,YAAY,CAAC;EAExC,oBACIvH,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAACvG,KAAA,CAAAmH,QAAQ;IACLC,KAAK,EAAE1F,CAAC,CAAAL,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,cAAQ;IAChBqF,OAAO,eACH3H,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAAC/F,OAAA,CAAA8G,eAAe;MACZ,eAAY,mBAAmB;MAC/BC,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQvE,OAAO,CAACoD,IAAI,CAAC,mCAAmC,CAAC;MAAA;IAAC,gBAEjE1G,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAAC/F,OAAA,CAAAgH,UAAU;MAACC,IAAI,eAAE/H,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAAC3F,QAAA,CAAA8G,cAAO,MAAE;IAAE,CAAE,CAAC,KAAC,EAAChG,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,iBACvB,CACpB;IACD6B,IAAI,EAAEqD,QAAS;IACfnD,OAAO,EAAED,WAAW,IAAIS,aAAc;IACtCK,MAAM,eACFlF,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAAC5F,SAAA,CAAAqB,OAAQ;MAAC6E,KAAK,EAAErE,MAAO;MAACsE,QAAQ,EAAErE,SAAU;MAACkF,gBAAgB,EAAEjG,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAQ,uBAAA,CAAAC,OAAA;IAAe,CAAE,CACrF;IACD4F,YAAY,EAAEvB,yBAA0B;IACxCwB,kBAAkB,eACdnI,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAACvG,KAAA,CAAA8H,0BAA0B;MACvBL,IAAI,eAAE/H,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAAC1F,WAAA,CAAA6G,cAAU,MAAE,CAAE;MACrB,eAAa;IAA2B,CAC3C;EACJ,GAEA,UAAAK,KAAA;IAAA,IAAGlE,IAAI,GAAAkE,KAAA,CAAJlE,IAAI;IAAA,oBACJnE,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAACvG,KAAA,CAAAgI,UAAU;MAAC,eAAY;IAAmB,GACtCnE,IAAI,CAACkD,GAAG,CAAC,UAAAjB,IAAI;MAAA,oBACVpG,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAACvG,KAAA,CAAAiI,QAAQ;QAACvC,GAAG,EAAEI,IAAI,CAACpB,EAAG;QAACwD,QAAQ,EAAEpC,IAAI,CAACpB,EAAE,KAAKA;MAAG,gBAC7ChF,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAACvG,KAAA,CAAAmI,YAAY;QACTZ,OAAO,EAAE,SAATA,OAAOA,CAAA;UAAA,OACHvE,OAAO,CAACoD,IAAI,gCAAAgC,MAAA,CAAgCtC,IAAI,CAACpB,EAAE,CAAE,CAAC;QAAA;MACzD,GAEAoB,IAAI,CAACb,IAAI,eACVvF,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAACvG,KAAA,CAAAqI,qBAAqB,QAAEvC,IAAI,CAACX,WAAmC,CACtD,CAAC,eAEfzF,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAACvG,KAAA,CAAAsI,YAAY,QACRxC,IAAI,CAACyC,MAAM,IAAIzC,IAAI,CAAC0C,MAAM,gBACvB9I,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAAChG,QAAA,CAAAkI,OAAO;QACJC,SAAS,EAAE,QAAS;QACpBC,OAAO,eACHjJ,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,eACKT,IAAI,CAACyC,MAAM,GACN7G,CAAC,CAAAF,iBAAA,KAAAA,iBAAA,OAAAO,uBAAA,CAAAC,OAAA,uCACDN,CAAC,CAAAD,iBAAA,KAAAA,iBAAA,OAAAM,uBAAA,CAAAC,OAAA,oDACL;MACT,gBAEDtC,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAACtG,MAAA,CAAA2I,UAAU;QAACC,QAAQ;MAAA,CAAE,CACjB,CAAC,gBAEVnJ,MAAA,CAAAsC,OAAA,CAAAuE,aAAA,CAACtG,MAAA,CAAA2I,UAAU;QACPrB,OAAO,EAAE,SAATA,OAAOA,CAAA;UAAA,OAAQ1B,UAAU,CAACC,IAAI,CAAC;QAAA,CAAC;QAChC,eAAa;MAA2B,CAC3C,CAEK,CACR,CAAC;IAAA,CACd,CACO,CAAC;EAAA,CAEX,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","useState","orderBy","Button","Grid","Select","Tooltip","ReactComponent","AddIcon","i18n","DataList","ScrollList","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","DataListModalOverlayAction","DataListModalOverlay","ListItemTextPrimary","ListActions","DeleteIcon","useRouter","useSnackbar","useQuery","useMutation","useConfirmationDialog","LIST_TEAMS","DELETE_TEAM","SearchUI","deserializeSorters","t","ns","SORTERS","label","sorter","TeamsDataList","filter","setFilter","sort","setSort","history","location","showSnackbar","showConfirmation","dataTestId","data","listResponse","loading","listLoading","deleteIt","deleteLoading","refetchQueries","query","security","teams","id","URLSearchParams","search","get","filterTeam","name","slug","description","toLowerCase","includes","sortTeams","key","sortBy","deleteItem","item","variables","error","deleteTeam","message","push","teamsDataListModalOverlay","createElement","Column","span","value","onChange","options","map","filteredData","teamList","title","actions","text","icon","size","className","onClick","inputPlaceholder","modalOverlay","modalOverlayAction","selected","system","plugin","content","trigger","disabled"],"sources":["TeamsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport orderBy from \"lodash/orderBy\";\nimport { Button, Grid, Select, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport {\n    DataList,\n    ScrollList,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    DataListModalOverlayAction,\n    DataListModalOverlay,\n    ListItemTextPrimary,\n    ListActions\n} from \"@webiny/ui/List\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useMutation } from \"@apollo/react-hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport type { ListTeamsResponse } from \"./graphql\";\nimport { LIST_TEAMS, DELETE_TEAM } from \"./graphql\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport type { Team } from \"~/types\";\n\nconst t = i18n.ns(\"app-security/admin/teams/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];\n\nexport interface TeamsDataListProps {\n    // TODO @ts-refactor delete and go up the tree and sort it out\n    [key: string]: any;\n}\n\nexport const TeamsDataList = () => {\n    const [filter, setFilter] = useState(\"\");\n    const [sort, setSort] = useState(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 { data: listResponse, loading: listLoading } = useQuery<ListTeamsResponse>(LIST_TEAMS);\n\n    const [deleteIt, { loading: deleteLoading }] = useMutation(DELETE_TEAM, {\n        refetchQueries: [{ query: LIST_TEAMS }]\n    });\n\n    const data = listLoading && !listResponse ? [] : listResponse?.security.teams.data || [];\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const filterTeam = useCallback(\n        ({ name, slug, description }: Team) => {\n            return (\n                name.toLowerCase().includes(filter) ||\n                slug.toLowerCase().includes(filter) ||\n                (description && description.toLowerCase().includes(filter))\n            );\n        },\n        [filter]\n    );\n\n    const sortTeams = useCallback(\n        (teams: Team[]) => {\n            if (!sort) {\n                return teams;\n            }\n            const [key, sortBy] = deserializeSorters(sort);\n            return orderBy(teams, [key], [sortBy]);\n        },\n        [sort]\n    );\n\n    const deleteItem = useCallback(\n        (item: Team) => {\n            showConfirmation(async () => {\n                const { data } = await deleteIt({\n                    variables: item\n                });\n\n                const { error } = data.security.deleteTeam;\n                if (error) {\n                    return showSnackbar(error.message);\n                }\n\n                showSnackbar(t`Team \"{slug}\" deleted.`({ slug: item.slug }));\n\n                if (id === item.id) {\n                    history.push(`/access-management/teams`);\n                }\n            });\n        },\n        [id]\n    );\n\n    const teamsDataListModalOverlay = 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(filterTeam);\n    const teamList = sortTeams(filteredData);\n\n    return (\n        <DataList\n            title={t`Teams`}\n            actions={\n                <Button\n                    text={t`New`}\n                    icon={<AddIcon />}\n                    size={\"sm\"}\n                    className={\"wby-ml-xs\"}\n                    data-testid=\"new-record-button\"\n                    onClick={() => history.push(\"/access-management/teams?new=true\")}\n                />\n            }\n            data={teamList}\n            loading={listLoading || deleteLoading}\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search teams...`}\n                />\n            }\n            modalOverlay={teamsDataListModalOverlay}\n            modalOverlayAction={\n                <DataListModalOverlayAction data-testid={\"default-data-list.filter\"} />\n            }\n        >\n            {({ data }: { data: Team[] }) => (\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/teams?id=${item.id}`)\n                                }\n                            >\n                                <ListItemTextPrimary>{item.name}</ListItemTextPrimary>\n                                <ListItemTextSecondary>{item.description}</ListItemTextSecondary>\n                            </ListItemText>\n\n                            <ListItemMeta>\n                                <ListActions>\n                                    {item.system || item.plugin ? (\n                                        <Tooltip\n                                            content={\n                                                <span>\n                                                    {item.system\n                                                        ? t`Cannot delete system teams.`\n                                                        : t`Cannot delete teams created via extensions.`}\n                                                </span>\n                                            }\n                                            trigger={<DeleteIcon disabled />}\n                                        />\n                                    ) : (\n                                        <DeleteIcon\n                                            onClick={() => deleteItem(item)}\n                                            data-testid={\"default-data-list.delete\"}\n                                        />\n                                    )}\n                                </ListActions>\n                            </ListItemMeta>\n                        </ListItem>\n                    ))}\n                </ScrollList>\n            )}\n        </DataList>\n    );\n};\n"],"mappings":"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","ignoreList":[]}