cozy-search
Version:
UI components about search bar and IA assistant
260 lines (210 loc) • 10.4 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _twakeIcons = require("@linagora/twake-icons");
var _react = _interopRequireWildcard(require("react"));
var _cozyClient = require("cozy-client");
var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
var _ActionsMenu = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu"));
var _Actions = require("cozy-ui/transpiled/react/ActionsMenu/Actions");
var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
var _TextField = _interopRequireDefault(require("cozy-ui/transpiled/react/TextField"));
var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
var _twakeI18n = require("twake-i18n");
var _delete = require("../../actions/delete");
var _rename = require("../../actions/rename");
var _share = require("../../actions/share");
var _helpers = require("../helpers");
var _queries = require("../queries");
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 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) { (0, _defineProperty2.default)(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; }
var ConversationActions = function ConversationActions(_ref) {
var buttonClassName = _ref.buttonClassName,
conversation = _ref.conversation;
var _useI18n = (0, _twakeI18n.useI18n)(),
t = _useI18n.t;
var client = (0, _cozyClient.useClient)();
var _useAlert = (0, _Alert.useAlert)(),
showAlert = _useAlert.showAlert;
var _useState = (0, _react.useState)(false),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
isMenuOpen = _useState2[0],
setIsMenuOpen = _useState2[1];
var _useState3 = (0, _react.useState)(false),
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
showRenameDialog = _useState4[0],
setShowRenameDialog = _useState4[1];
var _useState5 = (0, _react.useState)(false),
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
showDeleteDialog = _useState6[0],
setShowDeleteDialog = _useState6[1];
var _useState7 = (0, _react.useState)(''),
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
newName = _useState8[0],
setNewName = _useState8[1];
var anchorRef = (0, _react.useRef)(null);
var toggleMenu = function toggleMenu(e) {
e === null || e === void 0 ? void 0 : e.stopPropagation();
setIsMenuOpen(function (prev) {
return !prev;
});
};
var handleOpenRename = function handleOpenRename() {
setNewName((0, _helpers.getNameOfConversation)(conversation) || '');
setShowRenameDialog(true);
};
var handleRename = /*#__PURE__*/function () {
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
return _regenerator.default.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
_context.prev = 0;
_context.next = 3;
return client.save(_objectSpread(_objectSpread({}, conversation), {}, {
_type: _queries.CHAT_CONVERSATIONS_DOCTYPE,
name: newName.trim()
}));
case 3:
setShowRenameDialog(false);
_context.next = 9;
break;
case 6:
_context.prev = 6;
_context.t0 = _context["catch"](0);
showAlert({
message: t('assistant.default_error'),
severity: 'error'
});
case 9:
case "end":
return _context.stop();
}
}
}, _callee, null, [[0, 6]]);
}));
return function handleRename() {
return _ref2.apply(this, arguments);
};
}();
var handleDelete = /*#__PURE__*/function () {
var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
return _regenerator.default.wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
_context2.prev = 0;
_context2.next = 3;
return client.destroy(_objectSpread(_objectSpread({}, conversation), {}, {
_type: _queries.CHAT_CONVERSATIONS_DOCTYPE
}));
case 3:
setShowDeleteDialog(false);
_context2.next = 9;
break;
case 6:
_context2.prev = 6;
_context2.t0 = _context2["catch"](0);
showAlert({
message: t('assistant.default_error'),
severity: 'error'
});
case 9:
case "end":
return _context2.stop();
}
}
}, _callee2, null, [[0, 6]]);
}));
return function handleDelete() {
return _ref3.apply(this, arguments);
};
}();
var actions = (0, _Actions.makeActions)([_rename.rename, (0, _cozyFlags.default)('cozy.assistant.conversation-sharing.enabled') && _share.share, _delete.remove].filter(Boolean), {
t: t,
onRename: handleOpenRename,
onDelete: function onDelete() {
return setShowDeleteDialog(true);
}
});
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
className: buttonClassName,
size: "small",
ref: anchorRef,
onClick: toggleMenu
}, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
icon: _twakeIcons.Dots
})), isMenuOpen && /*#__PURE__*/_react.default.createElement(_ActionsMenu.default, {
ref: anchorRef,
open: true,
actions: actions,
anchorOrigin: {
vertical: 'bottom',
horizontal: 'left'
},
autoClose: true,
onClose: toggleMenu
}), showRenameDialog && /*#__PURE__*/_react.default.createElement(_CozyDialogs.ConfirmDialog, {
open: true,
title: t('assistant.sidebar.conversation.actions.rename'),
content: /*#__PURE__*/_react.default.createElement(_TextField.default, {
autoFocus: true,
fullWidth: true,
variant: "outlined",
value: newName,
onChange: function onChange(e) {
return setNewName(e.target.value);
},
onKeyDown: function onKeyDown(e) {
if (e.key === 'Enter' && newName.trim()) {
handleRename();
}
}
}),
actions: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
variant: "secondary",
label: t('assistant_create.buttons.cancel'),
onClick: function onClick() {
return setShowRenameDialog(false);
}
}), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
label: t('assistant_edit.buttons.edit'),
onClick: handleRename,
disabled: !newName.trim()
})),
onClose: function onClose() {
return setShowRenameDialog(false);
}
}), showDeleteDialog && /*#__PURE__*/_react.default.createElement(_CozyDialogs.ConfirmDialog, {
open: true,
title: t('conversation_delete.title'),
content: t('conversation_delete.content'),
actions: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
variant: "secondary",
label: t('conversation_delete.buttons.cancel'),
onClick: function onClick() {
return setShowDeleteDialog(false);
}
}), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
color: "error",
label: t('conversation_delete.buttons.confirm'),
onClick: handleDelete
})),
onClose: function onClose() {
return setShowDeleteDialog(false);
}
}));
};
var _default = ConversationActions;
exports.default = _default;