@nocobase/plugin-multi-app-share-collection 0.9.2-alpha.1

package/client.d.ts

@@ -0,0 +1,4 @@
+// @ts-nocheck
+export * from './lib/client';
+export { default } from './lib/client';
+

package/client.js

@@ -0,0 +1,30 @@
+"use strict";
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _index = _interopRequireWildcard(require("./lib/client"));
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _index.default;
+  }
+});
+
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index[key];
+    }
+  });
+});

package/lib/client/TableTransfer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const TableTransfer: React.ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & React.RefAttributes<unknown>>;
+export default TableTransfer;

package/lib/client/TableTransfer.js

@@ -0,0 +1,500 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TableTransfer = void 0;
+function _css() {
+  const data = require("@emotion/css");
+  _css = function _css() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = require("@formily/react");
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _client2() {
+  const data = require("@nocobase/utils/client");
+  _client2 = function _client2() {
+    return data;
+  };
+  return data;
+}
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _debounce() {
+  const data = _interopRequireDefault(require("lodash/debounce"));
+  _debounce = function _debounce() {
+    return data;
+  };
+  return data;
+}
+function _uniq() {
+  const data = _interopRequireDefault(require("lodash/uniq"));
+  _uniq = function _uniq() {
+    return data;
+  };
+  return data;
+}
+function _react2() {
+  const data = _interopRequireWildcard(require("react"));
+  _react2 = function _react2() {
+    return data;
+  };
+  return data;
+}
+function _reactI18next() {
+  const data = require("react-i18next");
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+  return data;
+}
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+const excludeCollections = ['users', 'roles', 'applications'];
+const useCollectionsGraph = ({
+  removed = []
+}) => {
+  const _useCollectionManager = (0, _client().useCollectionManager)(),
+    collections = _useCollectionManager.collections;
+  const findAddable = (0, _react2().useCallback)(name => {
+    return _client2().CollectionsGraph.connectedNodes({
+      collections,
+      nodes: [name],
+      excludes: excludeCollections
+    }).filter(name => removed.includes(name));
+  }, [removed]);
+  const findRemovable = (0, _react2().useCallback)(name => {
+    return _client2().CollectionsGraph.connectedNodes({
+      collections,
+      nodes: [name],
+      excludes: excludeCollections,
+      direction: 'reverse'
+    }).filter(name => !removed.includes(name));
+  }, [removed]);
+  return {
+    findAddable,
+    findRemovable
+  };
+};
+const useCollections = () => {
+  var _res2$data, _res3$data;
+  const record = (0, _client().useRecord)();
+  const _useState = (0, _react2().useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
+  const res1 = (0, _client().useRequest)({
+    url: `applications/${record.name}/collectionBlacklist:list`,
+    params: {
+      paginate: false,
+      params: {
+        fields: ['name']
+      }
+    }
+  }, {
+    onSuccess(data) {
+      var _data$data;
+      setSelected((_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.map(data => data.name));
+    }
+  });
+  const res2 = (0, _client().useRequest)({
+    url: `collections`,
+    params: {
+      fields: ['name', 'title', 'hidden', 'category.name', 'category.color', 'category.sort'],
+      sort: 'sort',
+      paginate: false
+    }
+  });
+  const res3 = (0, _client().useRequest)({
+    url: `collectionCategories`,
+    params: {
+      sort: 'sort',
+      paginate: false
+    }
+  });
+  return {
+    loading: res1.loading || res2.loading || res3.loading,
+    collections: (((_res2$data = res2.data) === null || _res2$data === void 0 ? void 0 : _res2$data.data) || []).filter(item => !item.hidden && !excludeCollections.includes(item.name)),
+    removed: selected,
+    setSelected,
+    categories: (((_res3$data = res3.data) === null || _res3$data === void 0 ? void 0 : _res3$data.data) || []).map(cat => ({
+      label: cat.name,
+      value: cat.name
+    }))
+  };
+};
+const includes = (text, s) => {
+  const values = Array.isArray(s) ? s : [s];
+  var _iterator = _createForOfIteratorHelper(values),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      const val = _step.value;
+      if (text.toLowerCase().includes(val)) {
+        return true;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return false;
+};
+const useRemovedDataSource = ({
+  collections,
+  removed
+}) => {
+  const _useState3 = (0, _react2().useState)({
+      name: '',
+      category: []
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filter = _useState4[0],
+    setFilter = _useState4[1];
+  const dataSource = (0, _react2().useMemo)(() => {
+    return collections.filter(collection => {
+      const name = collection.name,
+        title = collection.title,
+        _collection$category = collection.category,
+        category = _collection$category === void 0 ? [] : _collection$category;
+      const results = [removed.includes(collection.name)];
+      if (filter.name) {
+        results.push(includes(name, filter.name) || includes(title, filter.name));
+      }
+      if (filter.category.length > 0) {
+        results.push(category.some(item => includes(item.name, filter.category)));
+      }
+      return !results.includes(false);
+    });
+  }, [collections, removed, filter]);
+  const setNameFilter = (0, _react2().useMemo)(() => (0, _debounce().default)(name => {
+    setFilter(_objectSpread(_objectSpread({}, filter), {}, {
+      name
+    }));
+  }, 300), []);
+  return {
+    dataSource,
+    setNameFilter,
+    setCategoryFilter: category => {
+      setFilter(_objectSpread(_objectSpread({}, filter), {}, {
+        category
+      }));
+    }
+  };
+};
+const useAddedDataSource = ({
+  collections,
+  removed
+}) => {
+  const _useState5 = (0, _react2().useState)({
+      name: '',
+      category: []
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    filter = _useState6[0],
+    setFilter = _useState6[1];
+  const dataSource = collections.filter(collection => {
+    const name = collection.name,
+      title = collection.title,
+      _collection$category2 = collection.category,
+      category = _collection$category2 === void 0 ? [] : _collection$category2;
+    const results = [!removed.includes(collection.name)];
+    if (filter.name) {
+      results.push(includes(name, filter.name) || includes(title, filter.name));
+    }
+    if (filter.category.length > 0) {
+      results.push(category.some(item => includes(item.name, filter.category)));
+    }
+    return !results.includes(false);
+  });
+  const setNameFilter = (0, _react2().useMemo)(() => (0, _debounce().default)(name => {
+    setFilter(_objectSpread(_objectSpread({}, filter), {}, {
+      name
+    }));
+  }, 300), []);
+  return {
+    dataSource,
+    setNameFilter,
+    setCategoryFilter: category => {
+      setFilter(_objectSpread(_objectSpread({}, filter), {}, {
+        category
+      }));
+    }
+  };
+};
+const TableTransfer = (0, _react().connect)(props => {
+  const onChange = props.onChange;
+  const _useCollections = useCollections(),
+    loading = _useCollections.loading,
+    collections = _useCollections.collections,
+    categories = _useCollections.categories,
+    removed = _useCollections.removed,
+    setSelected = _useCollections.setSelected;
+  const _useState7 = (0, _react2().useState)([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selectedRowKeys1 = _useState8[0],
+    setSelectedRowKeys1 = _useState8[1];
+  const _useState9 = (0, _react2().useState)([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    selectedRowKeys2 = _useState10[0],
+    setSelectedRowKeys2 = _useState10[1];
+  const _useCollectionsGraph = useCollectionsGraph({
+      removed
+    }),
+    findAddable = _useCollectionsGraph.findAddable,
+    findRemovable = _useCollectionsGraph.findRemovable;
+  const addedDataSource = useAddedDataSource({
+    collections,
+    removed
+  });
+  const removedDataSource = useRemovedDataSource({
+    collections,
+    removed
+  });
+  const _useTranslation = (0, _reactI18next().useTranslation)('multi-app-share-collection'),
+    t = _useTranslation.t;
+  const columns = (0, _react2().useMemo)(() => [{
+    title: t('Collection display name'),
+    dataIndex: 'title'
+  }, {
+    title: t('Collection name'),
+    dataIndex: 'name'
+  }, {
+    title: t('Collection category'),
+    dataIndex: 'category',
+    render: categories => categories.map(category => _react2().default.createElement(_antd().Tag, {
+      color: category.color
+    }, category.name))
+  }], []);
+  if (loading) {
+    return _react2().default.createElement(_antd().Spin, null);
+  }
+  return _react2().default.createElement("div", null, _react2().default.createElement(_antd().Row, {
+    gutter: 24,
+    className: (0, _css().css)`
+          .ant-table-tbody > tr.ant-table-row:hover > td {
+            background: #e6f7ff;
+            cursor: pointer;
+          }
+        `
+  }, _react2().default.createElement(_antd().Col, {
+    span: 12
+  }, _react2().default.createElement("div", {
+    className: (0, _css().css)`
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              width: 100%;
+              margin-bottom: 8px;
+            `
+  }, _react2().default.createElement("strong", {
+    style: {
+      fontSize: 16
+    }
+  }, t('Unshared collections')), _react2().default.createElement(_antd().Input.Group, {
+    compact: true,
+    style: {
+      width: 360
+    }
+  }, _react2().default.createElement(_antd().Select, {
+    onChange: value => {
+      removedDataSource.setCategoryFilter(value);
+    },
+    mode: 'multiple',
+    style: {
+      width: '35%'
+    },
+    size: 'middle',
+    placeholder: t('All categories'),
+    options: categories,
+    allowClear: true
+  }), _react2().default.createElement(_antd().Input, {
+    onChange: e => removedDataSource.setNameFilter(e.target.value),
+    style: {
+      width: '65%'
+    },
+    placeholder: t('Enter name or title...'),
+    allowClear: true
+  }))), _react2().default.createElement(_antd().Table, {
+    bordered: true,
+    rowKey: 'name',
+    rowSelection: {
+      type: 'checkbox',
+      selectedRowKeys: selectedRowKeys1,
+      onChange(selectedRowKeys) {
+        const values = removed.filter(s => !selectedRowKeys.includes(s));
+        setSelected(values);
+        onChange(values);
+        setSelectedRowKeys1([]);
+      }
+    },
+    pagination: false,
+    size: 'small',
+    columns: columns,
+    // dataSource={collections.filter((collection) => removed.includes(collection.name))}
+    dataSource: removedDataSource.dataSource,
+    scroll: {
+      y: 'calc(100vh - 260px)'
+    },
+    onRow: ({
+      name,
+      disabled
+    }) => ({
+      onClick: () => {
+        if (disabled) return;
+        const adding = findAddable(name);
+        const change = () => {
+          const values = removed.filter(s => !adding.includes(s));
+          setSelected(values);
+          onChange(values);
+        };
+        if (adding.length === 1) {
+          return change();
+        }
+        _antd().Modal.confirm({
+          title: t('Are you sure to add the following collections?'),
+          width: '60%',
+          content: _react2().default.createElement("div", null, _react2().default.createElement(_antd().Table, {
+            size: 'small',
+            columns: columns,
+            dataSource: collections.filter(collection => adding.includes(collection.name)),
+            pagination: false,
+            scroll: {
+              y: '60vh'
+            }
+          })),
+          onOk() {
+            change();
+          }
+        });
+      }
+    })
+  })), _react2().default.createElement(_antd().Col, {
+    span: 12
+  }, _react2().default.createElement("div", {
+    className: (0, _css().css)`
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              width: 100%;
+              margin-bottom: 8px;
+            `
+  }, _react2().default.createElement("strong", {
+    style: {
+      fontSize: 16
+    }
+  }, t('Shared collections')), _react2().default.createElement(_antd().Input.Group, {
+    compact: true,
+    style: {
+      width: 360
+    }
+  }, _react2().default.createElement(_antd().Select, {
+    onChange: value => {
+      addedDataSource.setCategoryFilter(value);
+    },
+    mode: 'multiple',
+    style: {
+      width: '35%'
+    },
+    size: 'middle',
+    placeholder: t('All categories'),
+    options: categories,
+    allowClear: true
+  }), _react2().default.createElement(_antd().Input, {
+    onChange: e => addedDataSource.setNameFilter(e.target.value),
+    style: {
+      width: '65%'
+    },
+    placeholder: t('Enter name or title...'),
+    allowClear: true
+  }))), _react2().default.createElement(_antd().Table, {
+    bordered: true,
+    rowKey: 'name',
+    rowSelection: {
+      type: 'checkbox',
+      selectedRowKeys: selectedRowKeys2,
+      onChange(selectedRowKeys) {
+        const values = (0, _uniq().default)(removed.concat(selectedRowKeys));
+        setSelected(values);
+        onChange(values);
+        setSelectedRowKeys2([]);
+      }
+    },
+    pagination: false,
+    size: 'small',
+    columns: columns,
+    dataSource: addedDataSource.dataSource,
+    // dataSource={collections.filter((collection) => !selected.includes(collection.name))}
+    scroll: {
+      y: 'calc(100vh - 260px)'
+    },
+    onRow: ({
+      name
+    }) => ({
+      onClick: () => {
+        const removing = findRemovable(name);
+        const change = () => {
+          removed.push(...removing);
+          const values = (0, _uniq().default)([...removed]);
+          setSelected(values);
+          onChange(values);
+        };
+        if (removing.length === 1) {
+          return change();
+        }
+        _antd().Modal.confirm({
+          title: t('Are you sure to remove the following collections?'),
+          width: '60%',
+          content: _react2().default.createElement("div", null, _react2().default.createElement(_antd().Table, {
+            size: 'small',
+            columns: columns,
+            dataSource: collections.filter(collection => removing.includes(collection.name)),
+            pagination: false,
+            scroll: {
+              y: '60vh'
+            }
+          })),
+          onOk() {
+            change();
+          }
+        });
+      }
+    })
+  }))));
+});
+exports.TableTransfer = TableTransfer;
+var _default = TableTransfer;
+exports.default = _default;

package/lib/client/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/lib/client/index.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = require("@formily/react");
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _client2() {
+  const data = require("@nocobase/plugin-multi-app-manager/client");
+  _client2 = function _client2() {
+    return data;
+  };
+  return data;
+}
+function _antd() {
+  const data = require("antd");
+  _antd = function _antd() {
+    return data;
+  };
+  return data;
+}
+function _react2() {
+  const data = _interopRequireDefault(require("react"));
+  _react2 = function _react2() {
+    return data;
+  };
+  return data;
+}
+var _TableTransfer = require("./TableTransfer");
+var _utils = require("./utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); }); }; }
+const useShareCollectionAction = () => {
+  const form = (0, _react().useForm)();
+  const ctx = (0, _client().useActionContext)();
+  const api = (0, _client().useAPIClient)();
+  const record = (0, _client().useRecord)();
+  return {
+    run() {
+      return _asyncToGenerator(function* () {
+        console.log(form.values.names);
+        yield api.request({
+          url: `applications/${record.name}/collectionBlacklist`,
+          data: form.values.names,
+          method: 'post'
+        });
+        ctx.setVisible(false);
+        form.reset();
+        _antd().message.success('Saved successfully');
+      })();
+    }
+  };
+};
+const updateSchema = _client2().tableActionColumnSchema.properties.update;
+const deleteSchema = _client2().tableActionColumnSchema.properties.delete;
+delete _client2().tableActionColumnSchema.properties.update;
+delete _client2().tableActionColumnSchema.properties.delete;
+_client2().tableActionColumnSchema.properties['collection'] = {
+  type: 'void',
+  title: (0, _utils.i18nText)('Share collections'),
+  'x-component': 'Action.Link',
+  'x-component-props': {},
+  properties: {
+    drawer: {
+      type: 'void',
+      'x-component': 'Action.Drawer',
+      'x-component-props': {
+        width: '95vw'
+      },
+      'x-decorator': 'Form',
+      title: (0, _utils.i18nText)('Share collections'),
+      properties: {
+        names: {
+          type: 'array',
+          'x-component': _TableTransfer.TableTransfer,
+          'x-decorator': 'FormItem'
+        },
+        footer: {
+          type: 'void',
+          'x-component': 'Action.Drawer.Footer',
+          properties: {
+            cancel: {
+              title: '{{t("Cancel")}}',
+              'x-component': 'Action',
+              'x-component-props': {
+                useAction: '{{ cm.useCancelAction }}'
+              }
+            },
+            submit: {
+              title: '{{t("Submit")}}',
+              'x-component': 'Action',
+              'x-component-props': {
+                type: 'primary',
+                useAction: useShareCollectionAction
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+};
+_client2().tableActionColumnSchema.properties.update = updateSchema;
+_client2().tableActionColumnSchema.properties.delete = deleteSchema;
+var _default = props => {
+  return _react2().default.createElement(_react2().default.Fragment, null, props.children);
+};
+exports.default = _default;

package/lib/client/locale/pt-BR.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    'Share collections': string;
+    'Unshared collections': string;
+    'Shared collections': string;
+    'All categories': string;
+    'Enter name or title...': string;
+    'Are you sure to add the following collections?': string;
+    'Are you sure to remove the following collections?': string;
+    'Collection display name': string;
+    'Collection name': string;
+    'Collection category': string;
+};
+export default _default;