cozy-sharing 31.0.2 → 31.2.0

package/src/styles/autosuggest.styl

@@ -5,7 +5,7 @@
     box-sizing border-box
     position absolute
     top 100%
-    margin-top .25rem
+    margin-top .5rem
     z-index var(--zIndex-alertMobile)
     width 100%
     overflow hidden
@@ -37,12 +37,13 @@
     display flex
     flex-wrap wrap
     align-items center
-    padding .25rem .5rem
+    padding .25rem 3.5rem .25rem .5rem
     border-radius .25rem
     border 1px solid var(--borderMainColor)
     min-height 2.5rem
     max-height 6.75rem
     overflow auto
+    position relative
 
     &:hover
         border 1px solid var(--borderMainColor)
@@ -69,3 +70,8 @@
             font-size 1rem
 .recipientChip
   margin .25rem .5rem .25rem 0
+
+.endAdornment
+    position absolute
+    top .75rem
+    right 1rem

package/src/styles/share.styl

@@ -38,45 +38,6 @@
     .coz-form-desc
         color var(--secondaryTextColor)
 
-.share-type-control
-    display flex
-    flex-direction row
-    justify-content space-between
-    padding .5rem 0 0
-
-    .select-wrapper
-        flex 0 0 49%
-        position relative
-
-        .select-option
-            padding .5rem 1.5rem .5rem 3rem
-            position relative
-
-            svg
-                position absolute
-                left 1rem
-                top 1rem
-
-
-        .select-option-label
-            line-height 2
-
-        .select-option-desc
-            line-height 1.5
-            font-size   .8125rem
-            color var(--secondaryTextColor)
-
-
-
-    button
-        flex 0 0 49%
-        margin 0
-
-:global
-    // dirty hack for react-select: its API doesn't allow to make change to active styles
-    .react-select__option:active
-        background-color var(--defaultBackgroundColor) !important
-
 input[type=text]
     width 100%
 

package/dist/components/Recipient/actions/revokeGroup.js

@@ -1,42 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { forwardRef } from 'react';
-import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import ForbiddenIcon from 'cozy-ui/transpiled/react/Icons/Forbidden';
-import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
-import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
-import Typography from 'cozy-ui/transpiled/react/Typography';
-
-var revokeGroup = function revokeGroup(_ref) {
-  var t = _ref.t,
-      isOwner = _ref.isOwner,
-      isSharedDrive = _ref.isSharedDrive,
-      handleRevocation = _ref.handleRevocation;
-  var revokeType = isOwner ? 'revoke' : 'revokeSelf';
-  var title = t("RevokeGroupItem.".concat(revokeType, ".title"));
-  var desc = isOwner && isSharedDrive ? t("RevokeGroupItem.revoke.sharedDriveDesc") : t("RevokeGroupItem.".concat(revokeType, ".desc"));
-  var icon = ForbiddenIcon;
-  return {
-    name: 'revokeMember',
-    label: title,
-    icon: icon,
-    action: function action() {
-      handleRevocation();
-    },
-    Component: /*#__PURE__*/forwardRef(function RevokeMemberItem(props, ref) {
-      return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
-        ref: ref
-      }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
-        icon: icon,
-        color: "var(--errorColor)"
-      })), /*#__PURE__*/React.createElement(ListItemText, {
-        primary: /*#__PURE__*/React.createElement(Typography, {
-          color: "error"
-        }, title),
-        secondary: desc
-      }));
-    })
-  };
-};
-
-export { revokeGroup };

package/dist/components/Recipient/actions/revokeMember.js

@@ -1,42 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { forwardRef } from 'react';
-import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
-import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
-import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
-import Typography from 'cozy-ui/transpiled/react/Typography';
-
-var revokeMember = function revokeMember(_ref) {
-  var t = _ref.t,
-      isOwner = _ref.isOwner,
-      isSharedDrive = _ref.isSharedDrive,
-      handleRevocation = _ref.handleRevocation;
-  var revokeType = isOwner ? 'revoke' : 'revokeSelf';
-  var title = t("RevokeMemberItem.".concat(revokeType, ".title"));
-  var desc = isOwner && isSharedDrive ? t("RevokeMemberItem.revoke.sharedDriveDesc") : t("RevokeMemberItem.".concat(revokeType, ".desc"));
-  var icon = TrashIcon;
-  return {
-    name: 'revokeMember',
-    label: title,
-    icon: icon,
-    action: function action() {
-      handleRevocation();
-    },
-    Component: /*#__PURE__*/forwardRef(function RevokeMemberItem(props, ref) {
-      return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
-        ref: ref
-      }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
-        icon: icon,
-        color: "var(--errorColor)"
-      })), /*#__PURE__*/React.createElement(ListItemText, {
-        primary: /*#__PURE__*/React.createElement(Typography, {
-          color: "error"
-        }, title),
-        secondary: desc
-      }));
-    })
-  };
-};
-
-export { revokeMember };

package/dist/components/Recipient/actions/revokeSharedDriveMember.js

@@ -1,41 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { forwardRef } from 'react';
-import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
-import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
-import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
-import Typography from 'cozy-ui/transpiled/react/Typography';
-
-var makeComponent = function makeComponent(title) {
-  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
-      ref: ref
-    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
-      icon: TrashIcon,
-      color: "var(--errorColor)"
-    })), /*#__PURE__*/React.createElement(ListItemText, {
-      primary: /*#__PURE__*/React.createElement(Typography, {
-        color: "error"
-      }, title)
-    }));
-  });
-  Component.displayName = 'RevokeSharedDriveMember';
-  return Component;
-};
-
-var revokeSharedDriveMember = function revokeSharedDriveMember(_ref) {
-  var t = _ref.t,
-      handleRevocation = _ref.handleRevocation;
-  var title = t("RevokeSharedDriveMemberItem.revoke.title");
-  return {
-    name: 'revokeSharedDriveMember',
-    label: title,
-    action: function action() {
-      handleRevocation();
-    },
-    Component: makeComponent(title)
-  };
-};
-
-export { revokeSharedDriveMember };

package/dist/components/SharedDrive/helpers.js

@@ -1,102 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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; }
-
-import { models } from 'cozy-client';
-var ContactModel = models.contact;
-export var RECIPIENT_INDEX_PREFIX = 'virtual-shared-drive-sharing-';
-export var mergeAndDeduplicateRecipients = function mergeAndDeduplicateRecipients(arrays) {
-  var combinedArray = arrays.flat().map(function (item) {
-    return _objectSpread(_objectSpread({}, item), {}, {
-      id: item.id || item._id
-    });
-  });
-  var seenIds = new Set();
-  var uniqueArray = combinedArray.reduce(function (acc, item) {
-    var id = item.id || item._id;
-
-    if (id == null) {
-      // Recipients without any identifier are kept as-is to avoid silent data loss
-      acc.push(item);
-      return acc;
-    }
-
-    if (!seenIds.has(id)) {
-      seenIds.add(id); // Ensure both id and _id exist for downstream compatibility
-
-      var normalizedItem = !item.id || !item._id ? _objectSpread(_objectSpread({}, item), {}, {
-        id: item.id || item._id,
-        _id: item._id || item.id
-      }) : item;
-      acc.push(normalizedItem);
-    }
-
-    return acc;
-  }, []);
-  return uniqueArray;
-};
-export var moveRecipientToReadWrite = function moveRecipientToReadWrite(federatedRecipients, _id) {
-  var recipientToMove = federatedRecipients.readOnlyRecipients.find(function (r) {
-    return r._id === _id;
-  });
-  if (!recipientToMove) return federatedRecipients;
-  return {
-    recipients: [].concat(_toConsumableArray(federatedRecipients.recipients), [recipientToMove]),
-    readOnlyRecipients: federatedRecipients.readOnlyRecipients.filter(function (r) {
-      return r._id !== _id;
-    })
-  };
-};
-export var moveRecipientToReadOnly = function moveRecipientToReadOnly(federatedRecipients, _id) {
-  var recipientToMove = federatedRecipients.recipients.find(function (r) {
-    return r._id === _id;
-  });
-  if (!recipientToMove) return federatedRecipients;
-  return {
-    recipients: federatedRecipients.recipients.filter(function (r) {
-      return r._id !== _id;
-    }),
-    readOnlyRecipients: [].concat(_toConsumableArray(federatedRecipients.readOnlyRecipients), [recipientToMove])
-  };
-};
-export var formatRecipients = function formatRecipients(sharedDriveRecipients) {
-  var recipients = [];
-  sharedDriveRecipients.recipients.forEach(function (r) {
-    recipients.push({
-      index: "".concat(RECIPIENT_INDEX_PREFIX).concat(r._id),
-      email: ContactModel.getPrimaryEmail(r),
-      public_name: ContactModel.getDisplayName(r),
-      memberIndex: r._id,
-      type: 'two-way',
-      members: r.members
-    });
-  });
-  sharedDriveRecipients.readOnlyRecipients.forEach(function (r) {
-    recipients.push({
-      index: "".concat(RECIPIENT_INDEX_PREFIX).concat(r._id),
-      email: ContactModel.getPrimaryEmail(r),
-      public_name: ContactModel.getDisplayName(r),
-      memberIndex: r._id,
-      type: 'one-way',
-      members: r.members
-    });
-  }); // We need to sort recipients by public_name
-  // to avoid reording them every time we change
-  // them from read only to read write.
-
-  recipients.sort(function (a, b) {
-    if (a.public_name < b.public_name) {
-      return -1;
-    }
-
-    if (a.public_name > b.public_name) {
-      return 1;
-    }
-
-    return 0;
-  });
-  return recipients;
-};

package/dist/components/SharedDrive/helpers.spec.js

@@ -1,227 +0,0 @@
-import { mergeAndDeduplicateRecipients, moveRecipientToReadWrite, moveRecipientToReadOnly, formatRecipients, RECIPIENT_INDEX_PREFIX } from './helpers';
-describe('mergeAndDeduplicateRecipients', function () {
-  it('should merge multiple arrays into one', function () {
-    var result = mergeAndDeduplicateRecipients([[{
-      id: '1',
-      name: 'Alice'
-    }], [{
-      id: '2',
-      name: 'Bob'
-    }]]);
-    expect(result).toEqual([{
-      id: '1',
-      _id: '1',
-      name: 'Alice'
-    }, {
-      id: '2',
-      _id: '2',
-      name: 'Bob'
-    }]);
-  });
-  it('should deduplicate recipients with the same id', function () {
-    var result = mergeAndDeduplicateRecipients([[{
-      id: '1',
-      name: 'Alice'
-    }], [{
-      id: '1',
-      name: 'Alice'
-    }]]);
-    expect(result).toEqual([{
-      id: '1',
-      _id: '1',
-      name: 'Alice'
-    }]);
-  });
-  it('should normalize _id to id for deduplication', function () {
-    var result = mergeAndDeduplicateRecipients([[{
-      _id: '1',
-      name: 'Alice'
-    }], [{
-      _id: '2',
-      name: 'Bob'
-    }]]);
-    expect(result).toEqual([{
-      _id: '1',
-      id: '1',
-      name: 'Alice'
-    }, {
-      _id: '2',
-      id: '2',
-      name: 'Bob'
-    }]);
-  });
-  it('should deduplicate recipients when one has id and the other has _id', function () {
-    var result = mergeAndDeduplicateRecipients([[{
-      id: '1',
-      name: 'Alice'
-    }], [{
-      _id: '1',
-      name: 'Alice'
-    }]]);
-    expect(result).toEqual([{
-      id: '1',
-      _id: '1',
-      name: 'Alice'
-    }]);
-  });
-  it('should prefer existing id over _id when both are present', function () {
-    var result = mergeAndDeduplicateRecipients([[{
-      id: 'real-id',
-      _id: 'other-id',
-      name: 'Alice'
-    }]]);
-    expect(result).toEqual([{
-      id: 'real-id',
-      _id: 'other-id',
-      name: 'Alice'
-    }]);
-  });
-  it('should handle empty arrays', function () {
-    var result = mergeAndDeduplicateRecipients([[], []]);
-    expect(result).toEqual([]);
-  });
-});
-describe('moveRecipientToReadWrite', function () {
-  it('should move a recipient from readOnly to readWrite', function () {
-    var state = {
-      recipients: [{
-        _id: '1',
-        name: 'Alice'
-      }],
-      readOnlyRecipients: [{
-        _id: '2',
-        name: 'Bob'
-      }]
-    };
-    var result = moveRecipientToReadWrite(state, '2');
-    expect(result.recipients).toEqual([{
-      _id: '1',
-      name: 'Alice'
-    }, {
-      _id: '2',
-      name: 'Bob'
-    }]);
-    expect(result.readOnlyRecipients).toEqual([]);
-  });
-  it('should return unchanged state if recipient not found', function () {
-    var state = {
-      recipients: [{
-        _id: '1',
-        name: 'Alice'
-      }],
-      readOnlyRecipients: []
-    };
-    var result = moveRecipientToReadWrite(state, '999');
-    expect(result).toBe(state);
-  });
-});
-describe('moveRecipientToReadOnly', function () {
-  it('should move a recipient from readWrite to readOnly', function () {
-    var state = {
-      recipients: [{
-        _id: '1',
-        name: 'Alice'
-      }],
-      readOnlyRecipients: [{
-        _id: '2',
-        name: 'Bob'
-      }]
-    };
-    var result = moveRecipientToReadOnly(state, '1');
-    expect(result.recipients).toEqual([]);
-    expect(result.readOnlyRecipients).toEqual([{
-      _id: '2',
-      name: 'Bob'
-    }, {
-      _id: '1',
-      name: 'Alice'
-    }]);
-  });
-  it('should return unchanged state if recipient not found', function () {
-    var state = {
-      recipients: [],
-      readOnlyRecipients: [{
-        _id: '1',
-        name: 'Alice'
-      }]
-    };
-    var result = moveRecipientToReadOnly(state, '999');
-    expect(result).toBe(state);
-  });
-});
-describe('formatRecipients', function () {
-  it('should format readWrite and readOnly recipients with correct types', function () {
-    var input = {
-      recipients: [{
-        _id: '1',
-        displayName: 'Alice',
-        email: [{
-          address: 'alice@example.com',
-          primary: true
-        }]
-      }],
-      readOnlyRecipients: [{
-        _id: '2',
-        displayName: 'Bob',
-        email: [{
-          address: 'bob@example.com',
-          primary: true
-        }]
-      }]
-    };
-    var result = formatRecipients(input);
-    expect(result).toHaveLength(2);
-    expect(result[0]).toMatchObject({
-      index: "".concat(RECIPIENT_INDEX_PREFIX, "1"),
-      type: 'two-way',
-      public_name: 'Alice'
-    });
-    expect(result[1]).toMatchObject({
-      index: "".concat(RECIPIENT_INDEX_PREFIX, "2"),
-      type: 'one-way',
-      public_name: 'Bob'
-    });
-  });
-  it('should flatten an object-shaped contact name into a string public_name', function () {
-    var input = {
-      recipients: [{
-        _id: '3',
-        name: {
-          givenName: 'Arya',
-          familyName: 'Stark'
-        },
-        email: [{
-          address: 'arya@example.com',
-          primary: true
-        }]
-      }],
-      readOnlyRecipients: []
-    };
-    var result = formatRecipients(input);
-    expect(typeof result[0].public_name).toBe('string');
-    expect(result[0].public_name).toBe('Arya Stark');
-  });
-  it('should sort recipients by public_name', function () {
-    var input = {
-      recipients: [{
-        _id: '1',
-        displayName: 'Zara',
-        email: [{
-          address: 'zara@example.com',
-          primary: true
-        }]
-      }, {
-        _id: '2',
-        displayName: 'Alice',
-        email: [{
-          address: 'alice@example.com',
-          primary: true
-        }]
-      }],
-      readOnlyRecipients: []
-    };
-    var result = formatRecipients(input);
-    expect(result[0].public_name).toBe('Alice');
-    expect(result[1].public_name).toBe('Zara');
-  });
-});

package/dist/components/Sharesubmit.js

@@ -1,28 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Button from 'cozy-ui/transpiled/react/Buttons';
-
-var ShareSubmit = function ShareSubmit(props) {
-  return /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      props.onSubmit();
-    },
-    size: "large",
-    busy: props.loading,
-    label: props.label,
-    disabled: props.disabled,
-    variant: "ghost"
-  });
-};
-
-ShareSubmit.propTypes = {
-  onSubmit: PropTypes.func.isRequired,
-  label: PropTypes.string,
-  loading: PropTypes.bool,
-  disabled: PropTypes.bool
-};
-ShareSubmit.defaultProps = {
-  label: 'Submit',
-  loading: false
-};
-export default ShareSubmit;

package/src/components/Recipient/actions/revokeGroup.js

@@ -1,42 +0,0 @@
-import React, { forwardRef } from 'react'
-
-import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import ForbiddenIcon from 'cozy-ui/transpiled/react/Icons/Forbidden'
-import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
-import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
-import Typography from 'cozy-ui/transpiled/react/Typography'
-
-const revokeGroup = ({ t, isOwner, isSharedDrive, handleRevocation }) => {
-  const revokeType = isOwner ? 'revoke' : 'revokeSelf'
-  const title = t(`RevokeGroupItem.${revokeType}.title`)
-  const desc =
-    isOwner && isSharedDrive
-      ? t(`RevokeGroupItem.revoke.sharedDriveDesc`)
-      : t(`RevokeGroupItem.${revokeType}.desc`)
-
-  const icon = ForbiddenIcon
-
-  return {
-    name: 'revokeMember',
-    label: title,
-    icon,
-    action: () => {
-      handleRevocation()
-    },
-    Component: forwardRef(function RevokeMemberItem(props, ref) {
-      return (
-        <ActionsMenuItem {...props} ref={ref}>
-          <ListItemIcon>
-            <Icon icon={icon} color="var(--errorColor)" />
-          </ListItemIcon>
-          <ListItemText
-            primary={<Typography color="error">{title}</Typography>}
-            secondary={desc}
-          />
-        </ActionsMenuItem>
-      )
-    })
-  }
-}
-export { revokeGroup }

package/src/components/Recipient/actions/revokeMember.js

@@ -1,42 +0,0 @@
-import React, { forwardRef } from 'react'
-
-import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash'
-import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
-import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
-import Typography from 'cozy-ui/transpiled/react/Typography'
-
-const revokeMember = ({ t, isOwner, isSharedDrive, handleRevocation }) => {
-  const revokeType = isOwner ? 'revoke' : 'revokeSelf'
-  const title = t(`RevokeMemberItem.${revokeType}.title`)
-  const desc =
-    isOwner && isSharedDrive
-      ? t(`RevokeMemberItem.revoke.sharedDriveDesc`)
-      : t(`RevokeMemberItem.${revokeType}.desc`)
-
-  const icon = TrashIcon
-
-  return {
-    name: 'revokeMember',
-    label: title,
-    icon,
-    action: () => {
-      handleRevocation()
-    },
-    Component: forwardRef(function RevokeMemberItem(props, ref) {
-      return (
-        <ActionsMenuItem {...props} ref={ref}>
-          <ListItemIcon>
-            <Icon icon={icon} color="var(--errorColor)" />
-          </ListItemIcon>
-          <ListItemText
-            primary={<Typography color="error">{title}</Typography>}
-            secondary={desc}
-          />
-        </ActionsMenuItem>
-      )
-    })
-  }
-}
-export { revokeMember }

package/src/components/Recipient/actions/revokeSharedDriveMember.js

@@ -1,41 +0,0 @@
-import React, { forwardRef } from 'react'
-
-import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash'
-import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
-import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
-import Typography from 'cozy-ui/transpiled/react/Typography'
-
-const makeComponent = title => {
-  const Component = forwardRef((props, ref) => {
-    return (
-      <ActionsMenuItem {...props} ref={ref}>
-        <ListItemIcon>
-          <Icon icon={TrashIcon} color="var(--errorColor)" />
-        </ListItemIcon>
-        <ListItemText
-          primary={<Typography color="error">{title}</Typography>}
-        />
-      </ActionsMenuItem>
-    )
-  })
-
-  Component.displayName = 'RevokeSharedDriveMember'
-
-  return Component
-}
-
-const revokeSharedDriveMember = ({ t, handleRevocation }) => {
-  const title = t(`RevokeSharedDriveMemberItem.revoke.title`)
-
-  return {
-    name: 'revokeSharedDriveMember',
-    label: title,
-    action: () => {
-      handleRevocation()
-    },
-    Component: makeComponent(title)
-  }
-}
-export { revokeSharedDriveMember }