@nocobase/client 0.8.1-alpha.4 → 0.9.0-alpha.2

package/es/acl/Configuration/ConfigureCenter.js

@@ -0,0 +1,254 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+import { Checkbox, message, Table } from 'antd';
+import React, { createContext, useContext, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAPIClient, useRequest } from '../../api-client';
+import { useRecord } from '../../record-provider';
+import { useCompile } from '../../schema-component';
+
+var getParentKeys = function getParentKeys(tree, func) {
+  var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  if (!tree) return [];
+
+  var _iterator = _createForOfIteratorHelper(tree),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var data = _step.value;
+      path.push(data.key);
+      if (func(data)) return path;
+
+      if (data.children) {
+        var findChildren = getParentKeys(data.children, func, path);
+        if (findChildren.length) return findChildren;
+      }
+
+      path.pop();
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return [];
+};
+
+var getChildrenKeys = function getChildrenKeys() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var arr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+  var _iterator2 = _createForOfIteratorHelper(data),
+      _step2;
+
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var item = _step2.value;
+      arr.push(item.key);
+      if (item.children && item.children.length) getChildrenKeys(item.children, arr);
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+
+  return arr;
+};
+
+var SettingMenuContext = /*#__PURE__*/createContext(null);
+
+function useGetContext() {
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      context = _useState2[0],
+      setContext = _useState2[1];
+
+  import('../../pm').then(function (_ref) {
+    var SettingsCenterContext = _ref.SettingsCenterContext;
+    setContext(SettingsCenterContext);
+  });
+  return context;
+}
+
+export var SettingCenterProvider = function SettingCenterProvider(props) {
+  var context = useGetContext();
+  var configureItems = context && useContext(context);
+  return /*#__PURE__*/React.createElement(SettingMenuContext.Provider, {
+    value: configureItems
+  }, props.children);
+};
+
+var formatPluginTabs = function formatPluginTabs(data) {
+  var tabs = [];
+
+  for (var key in data) {
+    var plugin = data === null || data === void 0 ? void 0 : data[key];
+
+    for (var tabKey in (plugin === null || plugin === void 0 ? void 0 : plugin.tabs) || {}) {
+      var tab = plugin === null || plugin === void 0 ? void 0 : plugin.tabs[tabKey];
+      tabs.push(_objectSpread(_objectSpread({
+        pluginTitle: plugin.title
+      }, tab), {}, {
+        key: "pm.".concat(key, ".").concat(tabKey)
+      }));
+    }
+  }
+
+  return tabs;
+  var arr = Object.entries(data);
+  var pluginsTabs = [];
+  console.log(tabs);
+  arr.forEach(function (v) {
+    var children = Object.entries(v[1].tabs).map(function (k) {
+      return {
+        key: 'pm.' + v[0] + '.' + k[0],
+        title: k[1].title
+      };
+    });
+    pluginsTabs.push({
+      title: v[1].title,
+      key: 'pm.' + v[0],
+      children: children
+    });
+  });
+  return pluginsTabs;
+};
+
+export var SettingsCenterConfigure = function SettingsCenterConfigure() {
+  var record = useRecord();
+  var api = useAPIClient();
+  var pluginTags = useContext(SettingMenuContext);
+  var items = pluginTags && formatPluginTabs(pluginTags) || [];
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var compile = useCompile();
+
+  var _useRequest = useRequest({
+    resource: 'roles.snippets',
+    resourceOf: record.name,
+    action: 'list',
+    params: {
+      paginate: false
+    }
+  }),
+      loading = _useRequest.loading,
+      refresh = _useRequest.refresh,
+      data = _useRequest.data;
+
+  var resource = api.resource('roles.snippets', record.name);
+
+  var handleChange = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(checked, record) {
+      var childrenKeys, totalKeys;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              childrenKeys = getChildrenKeys(record === null || record === void 0 ? void 0 : record.children, []);
+              totalKeys = childrenKeys.concat(record.key);
+
+              if (checked) {
+                _context.next = 8;
+                break;
+              }
+
+              _context.next = 5;
+              return resource.remove({
+                values: totalKeys.map(function (v) {
+                  return '!' + v;
+                })
+              });
+
+            case 5:
+              refresh();
+              _context.next = 11;
+              break;
+
+            case 8:
+              _context.next = 10;
+              return resource.add({
+                values: totalKeys.map(function (v) {
+                  return '!' + v;
+                })
+              });
+
+            case 10:
+              refresh();
+
+            case 11:
+              message.success(t('Saved successfully'));
+
+            case 12:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleChange(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return (items === null || items === void 0 ? void 0 : items.length) && /*#__PURE__*/React.createElement(Table, {
+    loading: loading,
+    rowKey: 'key',
+    pagination: false,
+    columns: [{
+      dataIndex: 'title',
+      title: t('Plugin tab name'),
+      render: function render(value) {
+        return compile(value);
+      }
+    }, {
+      dataIndex: 'pluginTitle',
+      title: t('Plugin name'),
+      render: function render(value) {
+        return compile(value);
+      }
+    }, {
+      dataIndex: 'accessible',
+      title: t('Accessible'),
+      render: function render(_, record) {
+        var _data$data;
+
+        var checked = !(data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.includes('!' + record.key));
+        return !record.children && /*#__PURE__*/React.createElement(Checkbox, {
+          checked: checked,
+          onChange: function onChange() {
+            return handleChange(checked, record);
+          }
+        });
+      }
+    }],
+    dataSource: items
+  });
+};

package/es/acl/Configuration/MenuConfigure.js

@@ -25,11 +25,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 import { Checkbox, message, Table } from 'antd';
+import { uniq } from 'lodash';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAPIClient, useRequest } from '../../api-client';
 import { useRecord } from '../../record-provider';
-import { uniq } from 'lodash';
 import { useMenuItems } from './MenuItemsProvider';
 
 var findUids = function findUids(items) {
@@ -263,7 +263,7 @@ export var MenuConfigure = function MenuConfigure() {
 
           return onChange;
         }()
-      }), t('Accessible')),
+      }), ' ', t('Accessible')),
       render: function render(_, schema) {
         var checked = uids.includes(schema.uid);
         return /*#__PURE__*/React.createElement(Checkbox, {

package/es/acl/Configuration/PermisionProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SettingCenterPermissionProvider: (props: any) => JSX.Element;
+export declare const PermissionContext: React.Context<any>;
+export declare const PermissionProvider: (props: any) => JSX.Element;

package/es/acl/Configuration/PermisionProvider.js

@@ -0,0 +1,132 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { message } from 'antd';
+import React, { createContext, useContext, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAPIClient } from '../../api-client';
+import { useRecord } from '../../record-provider';
+export var SettingCenterPermissionProvider = function SettingCenterPermissionProvider(props) {
+  var _currentRecord$snippe;
+
+  var _useContext = useContext(PermissionContext),
+      currentRecord = _useContext.currentRecord;
+
+  if (!(currentRecord === null || currentRecord === void 0 ? void 0 : (_currentRecord$snippe = currentRecord.snippets) === null || _currentRecord$snippe === void 0 ? void 0 : _currentRecord$snippe.includes('pm.*'))) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement("div", null, props.children);
+};
+export var PermissionContext = /*#__PURE__*/createContext(null);
+export var PermissionProvider = function PermissionProvider(props) {
+  var api = useAPIClient();
+  var record = useRecord();
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var snippets = record.snippets;
+  snippets === null || snippets === void 0 ? void 0 : snippets.forEach(function (key) {
+    record[key] = true;
+  });
+
+  var _useState = useState(record),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentRecord = _useState2[0],
+      setCurrentRecord = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(PermissionContext.Provider, {
+    value: {
+      currentRecord: currentRecord,
+      update: function () {
+        var _update = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(field, form) {
+          var _field$getState, path, value, resource;
+
+          return regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _field$getState = field.getState(), path = _field$getState.path, value = _field$getState.value;
+
+                  if (!['ui.*', 'pm', 'pm.*'].includes(path)) {
+                    _context.next = 13;
+                    break;
+                  }
+
+                  resource = api.resource('roles.snippets', record.name);
+
+                  if (!value) {
+                    _context.next = 8;
+                    break;
+                  }
+
+                  _context.next = 6;
+                  return resource.add({
+                    values: [path]
+                  });
+
+                case 6:
+                  _context.next = 10;
+                  break;
+
+                case 8:
+                  _context.next = 10;
+                  return resource.remove({
+                    values: [path]
+                  });
+
+                case 10:
+                  setCurrentRecord(_objectSpread(_objectSpread(_objectSpread({}, currentRecord), form.values), {}, _defineProperty({}, path, value)));
+                  _context.next = 16;
+                  break;
+
+                case 13:
+                  _context.next = 15;
+                  return api.resource('roles').update({
+                    filterByTk: record.name,
+                    values: form.values
+                  });
+
+                case 15:
+                  setCurrentRecord(_objectSpread(_objectSpread({}, currentRecord), form.values));
+
+                case 16:
+                  message.success(t('Saved successfully'));
+
+                case 17:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function update(_x, _x2) {
+          return _update.apply(this, arguments);
+        }
+
+        return update;
+      }()
+    }
+  }, props.children);
+};

package/es/acl/Configuration/RoleConfigure.js

@@ -2,33 +2,114 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 import { onFieldChange } from '@formily/core';
-import { message } from 'antd';
-import React from 'react';
+import { connect } from '@formily/react';
+import { Checkbox } from 'antd';
+import uniq from 'lodash/uniq';
+import React, { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAPIClient, useRequest } from '../../api-client';
-import { useRecord } from '../../record-provider';
 import { SchemaComponent } from '../../schema-component';
-export var RoleConfigure = function RoleConfigure() {
-  var api = useAPIClient();
-  var record = useRecord();
-
+import { PermissionContext } from './PermisionProvider';
+var SnippetCheckboxGroup = connect(function (props) {
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
+  return /*#__PURE__*/React.createElement(Checkbox.Group, {
+    style: {
+      width: '100%'
+    },
+    value: props.value,
+    onChange: function onChange(values) {
+      var value = uniq([].concat(_toConsumableArray(props.value || []), _toConsumableArray(values))).filter(function (key) {
+        return key && !['!ui.*', '!pm', '!pm.*'].includes(key);
+      }).map(function (key) {
+        if (!['ui.*', 'pm', 'pm.*'].includes(key)) {
+          return key;
+        }
+
+        if (values === null || values === void 0 ? void 0 : values.includes(key)) {
+          return key;
+        }
+
+        return "!".concat(key);
+      });
+
+      for (var _i = 0, _arr = ['ui.*', 'pm', 'pm.*']; _i < _arr.length; _i++) {
+        var key = _arr[_i];
+
+        if (!value.includes(key) && !value.includes("!".concat(key))) {
+          value.push("!".concat(key));
+        }
+      }
+
+      props.onChange(value);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 16
+    }
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    value: "ui.*"
+  }, t('Allows to configure interface'))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 8
+    }
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    value: "pm"
+  }, t('Allows to install, activate, disable plugins'))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 8
+    }
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    value: "pm.*"
+  }, t('Allows to configure plugins'))));
+});
+export var RoleConfigure = function RoleConfigure() {
+  var _useContext = useContext(PermissionContext),
+      update = _useContext.update,
+      currentRecord = _useContext.currentRecord;
+
+  var _useTranslation2 = useTranslation(),
+      t = _useTranslation2.t;
+
   return /*#__PURE__*/React.createElement(SchemaComponent, {
+    components: {
+      SnippetCheckboxGroup: SnippetCheckboxGroup
+    },
     schema: {
       type: 'void',
       name: 'form',
       'x-component': 'Form',
       'x-component-props': {
         useValues: function useValues(options) {
-          return useRequest({
-            resource: 'roles',
-            action: 'get',
-            params: {
-              filterByTk: record.name
-            }
+          var api = useAPIClient();
+          return useRequest(function () {
+            return api.resource('roles').get({
+              filterByTk: currentRecord.name
+            }).then(function (res) {
+              var _res$data, _record$snippets;
+
+              var record = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.data;
+              (_record$snippets = record.snippets) === null || _record$snippets === void 0 ? void 0 : _record$snippets.forEach(function (key) {
+                record[key] = true;
+              });
+              return {
+                data: record
+              };
+            });
           }, options);
         },
         effects: function effects() {
@@ -47,15 +128,9 @@ export var RoleConfigure = function RoleConfigure() {
 
                     case 2:
                       _context.next = 4;
-                      return api.resource('roles').update({
-                        filterByTk: record.name,
-                        values: form.values
-                      });
+                      return update(field, form);
 
                     case 4:
-                      message.success(t('Saved successfully'));
-
-                    case 5:
                     case "end":
                       return _context.stop();
                   }
@@ -70,11 +145,11 @@ export var RoleConfigure = function RoleConfigure() {
         }
       },
       properties: {
-        allowConfigure: {
+        snippets: {
           title: t('Configure permissions'),
+          type: 'boolean',
           'x-decorator': 'FormItem',
-          'x-component': 'Checkbox',
-          'x-content': t('Allows configuration of the whole system, including UI, collections, permissions, etc.')
+          'x-component': 'SnippetCheckboxGroup'
         },
         'strategy.actions': {
           title: t('Global action permissions'),

package/es/acl/Configuration/RoleTable.d.ts

@@ -1,2 +1,2 @@
-export declare const useAvailableActions: () => any;
+export declare const useAvailableActions: () => any[];
 export declare const RoleTable: () => JSX.Element;

package/es/acl/Configuration/RoleTable.js

@@ -2,9 +2,10 @@ import { Spin } from 'antd';
 import React, { createContext, useContext } from 'react';
 import { useRequest } from '../../api-client';
 import { SchemaComponent } from '../../schema-component';
-import { roleSchema } from './schemas/roles';
 import { MenuItemsProvider } from '../Configuration/MenuItemsProvider';
-var AvailableActionsContext = /*#__PURE__*/createContext(null);
+import { PermissionProvider, SettingCenterPermissionProvider } from '../Configuration/PermisionProvider';
+import { roleSchema } from './schemas/roles';
+var AvailableActionsContext = /*#__PURE__*/createContext([]);
 
 var AvailableActionsProver = function AvailableActionsProver(props) {
   var _useRequest = useRequest({
@@ -30,7 +31,9 @@ export var RoleTable = function RoleTable() {
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AvailableActionsProver, null, /*#__PURE__*/React.createElement(SchemaComponent, {
     schema: roleSchema,
     components: {
-      MenuItemsProvider: MenuItemsProvider
+      MenuItemsProvider: MenuItemsProvider,
+      SettingCenterPermissionProvider: SettingCenterPermissionProvider,
+      PermissionProvider: PermissionProvider
     }
   })));
 };

package/es/acl/Configuration/RolesResourcesActions.js

@@ -63,8 +63,8 @@ export var RolesResourcesActions = connect(function (props) {
       getCollection = _useCollectionManager.getCollection,
       getCollectionFields = _useCollectionManager.getCollectionFields;
 
-  var collection = getCollection(roleCollection.name);
-  var collectionFields = getCollectionFields(roleCollection.name);
+  var collection = getCollection(roleCollection.collectionName);
+  var collectionFields = getCollectionFields(roleCollection.collectionName);
   var compile = useCompile();
 
   var _useTranslation = useTranslation(),

package/es/acl/Configuration/index.d.ts

@@ -3,3 +3,4 @@ export { RoleConfigure } from './RoleConfigure';
 export { RolesResourcesActions } from './RolesResourcesActions';
 export { RoleTable } from './RoleTable';
 export { StrategyActions } from './StrategyActions';
+export { SettingsCenterConfigure, SettingCenterProvider } from './ConfigureCenter';

package/es/acl/Configuration/index.js

@@ -2,4 +2,5 @@ export { MenuConfigure } from './MenuConfigure';
 export { RoleConfigure } from './RoleConfigure';
 export { RolesResourcesActions } from './RolesResourcesActions';
 export { RoleTable } from './RoleTable';
-export { StrategyActions } from './StrategyActions';
+export { StrategyActions } from './StrategyActions';
+export { SettingsCenterConfigure, SettingCenterProvider } from './ConfigureCenter';