cozy-sharing 17.0.0 → 19.0.0

package/src/components/SharedStatus.spec.js

@@ -1,47 +1,48 @@
-import { mount } from 'enzyme'
+import { render } from '@testing-library/react'
 import React from 'react'
 
 import { SharedStatus } from './SharedStatus'
 import AppLike from '../../test/AppLike'
-describe('SharedStatus component', () => {
-  const WrappingComponent = ({ children }) => <AppLike>{children}</AppLike>
 
+describe('SharedStatus component', () => {
   it('should just render a span if no sharing', () => {
-    const component = mount(<SharedStatus docId="1" recipients={[]} />, {
-      wrappingComponent: WrappingComponent
-    })
-    expect(component).toMatchSnapshot()
+    const { container } = render(
+      <AppLike>
+        <SharedStatus docId="1" recipients={[]} />
+      </AppLike>
+    )
+    expect(container).toMatchSnapshot()
   })
 
   it('should have the right display if there is several recipients', () => {
-    const component = mount(
-      <SharedStatus
-        docId="1"
-        recipients={[
-          {
-            _id: 1,
-            name: '1'
-          },
-          {
-            _id: 2,
-            name: '2'
-          }
-        ]}
-      />,
-      {
-        wrappingComponent: WrappingComponent
-      }
+    const { container, getByText } = render(
+      <AppLike>
+        <SharedStatus
+          docId="1"
+          recipients={[
+            {
+              _id: 1,
+              name: '1'
+            },
+            {
+              _id: 2,
+              name: '2'
+            }
+          ]}
+        />
+      </AppLike>
     )
-    expect(component).toMatchSnapshot()
+    expect(container).toMatchSnapshot()
+    expect(getByText('2 members')).toBeTruthy()
   })
 
   it('should display the link if there is a link', () => {
-    const component = mount(
-      <SharedStatus docId="1" recipients={[]} link={true} />,
-      {
-        wrappingComponent: WrappingComponent
-      }
+    const { container, getByText } = render(
+      <AppLike>
+        <SharedStatus docId="1" recipients={[]} link={true} />
+      </AppLike>
     )
-    expect(component).toMatchSnapshot()
+    expect(container).toMatchSnapshot()
+    expect(getByText('Shared by link')).toBeTruthy()
   })
 })

package/src/components/WhoHasAccess.jsx

@@ -37,9 +37,7 @@ const WhoHasAccess = ({
   onRevokeSelf,
   verifyRecipient,
   link,
-  permissions,
-  onUpdateShareLinkPermissions,
-  onRevokeLink
+  permissions
 }) => {
   const previousLink = usePrevious(link)
   const linkHasBeenJustCreated = link && previousLink === null
@@ -58,8 +56,6 @@ const WhoHasAccess = ({
             onRevokeSelf={onRevokeSelf}
             link={link}
             permissions={permissions}
-            onChangePermissions={onUpdateShareLinkPermissions}
-            onDisable={onRevokeLink}
             fadeIn={linkHasBeenJustCreated}
           />
         )}

package/src/components/__snapshots__/SharedStatus.spec.js.snap

@@ -1,41 +1,23 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SharedStatus component should display the link if there is a link 1`] = `
-<SharedStatus
-  docId="1"
-  link={true}
-  recipients={Array []}
->
-  <span
-    className="shared-status"
+<div>
+  <div
+    class="CozyTheme--light-normal u-dc"
   >
-    <LinkIcon
-      data-for="linkfor1"
-      data-tip={true}
-      height="16"
-      style={
-        Object {
-          "fill": "var(--iconTextColor)",
-        }
-      }
-      viewBox="0 0 16 16"
-      width="16"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlnsXlink="http://www.w3.org/1999/xlink"
+    <span
+      class="shared-status"
     >
       <svg
+        currentItem="false"
         data-for="linkfor1"
-        data-tip={true}
+        data-tip="true"
         height="16"
-        style={
-          Object {
-            "fill": "var(--iconTextColor)",
-          }
-        }
+        style="fill: var(--iconTextColor);"
         viewBox="0 0 16 16"
         width="16"
         xmlns="http://www.w3.org/2000/svg"
-        xmlnsXlink="http://www.w3.org/1999/xlink"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
       >
         <defs>
           <path
@@ -44,121 +26,69 @@ exports[`SharedStatus component should display the link if there is a link 1`] =
           />
         </defs>
         <use
-          fillRule="nonzero"
-          xlinkHref="#link-1-path-1"
+          fill-rule="nonzero"
+          xlink:href="#link-1-path-1"
         />
       </svg>
-    </LinkIcon>
-    <SharingTooltip
-      id="linkfor1"
-    >
-      <ReactTooltip
-        className="shared-tooltip"
-        clickable={false}
-        effect="solid"
+      <div
+        class="__react_component_tooltip place-bottom type-dark "
+        data-id="tooltip"
         id="linkfor1"
-        insecure={true}
-        place="bottom"
-        resizeHide={true}
-        wrapper="div"
       >
-        <div
-          className="__react_component_tooltip place-bottom type-dark "
-          data-id="tooltip"
-          id="linkfor1"
-        >
-          <span>
-            Shared by link
-          </span>
-        </div>
-      </ReactTooltip>
-    </SharingTooltip>
-  </span>
-</SharedStatus>
+        <span>
+          Shared by link
+        </span>
+      </div>
+    </span>
+  </div>
+</div>
 `;
 
 exports[`SharedStatus component should have the right display if there is several recipients 1`] = `
-<SharedStatus
-  docId="1"
-  recipients={
-    Array [
-      Object {
-        "_id": 1,
-        "name": "1",
-      },
-      Object {
-        "_id": 2,
-        "name": "2",
-      },
-    ]
-  }
->
-  <span
-    className="shared-status"
+<div>
+  <div
+    class="CozyTheme--light-normal u-dc"
   >
-    <a
-      className="shared-status-label"
-      data-for="members1"
-      data-tip={true}
-    >
-      2 members
-    </a>
-    <SharingTooltip
-      id="members1"
+    <span
+      class="shared-status"
     >
-      <ReactTooltip
-        className="shared-tooltip"
-        clickable={false}
-        effect="solid"
+      <a
+        class="shared-status-label"
+        currentitem="false"
+        data-for="members1"
+        data-tip="true"
+      >
+        2 members
+      </a>
+      <div
+        class="__react_component_tooltip place-bottom type-dark "
+        data-id="tooltip"
         id="members1"
-        insecure={true}
-        place="bottom"
-        resizeHide={true}
-        wrapper="div"
       >
-        <div
-          className="__react_component_tooltip place-bottom type-dark "
-          data-id="tooltip"
-          id="members1"
+        <ul
+          class="shared-tooltip-list"
         >
-          <TooltipRecipientList
-            cutoff={4}
-            recipientNames={
-              Array [
-                "1",
-                "2",
-              ]
-            }
-          >
-            <ul
-              className="shared-tooltip-list"
-            >
-              <li
-                key="key_name_1_0"
-              >
-                1
-              </li>
-              <li
-                key="key_name_2_1"
-              >
-                2
-              </li>
-            </ul>
-          </TooltipRecipientList>
-        </div>
-      </ReactTooltip>
-    </SharingTooltip>
-  </span>
-</SharedStatus>
+          <li>
+            1
+          </li>
+          <li>
+            2
+          </li>
+        </ul>
+      </div>
+    </span>
+  </div>
+</div>
 `;
 
 exports[`SharedStatus component should just render a span if no sharing 1`] = `
-<SharedStatus
-  docId="1"
-  recipients={Array []}
->
-  <span
-    className="shared-status"
-  />
-</SharedStatus>
+<div>
+  <div
+    class="CozyTheme--light-normal u-dc"
+  >
+    <span
+      class="shared-status"
+    />
+  </div>
+</div>
 `;

package/dist/RefreshableSharings.spec.js

@@ -1,40 +0,0 @@
-import { mount } from 'enzyme';
-import React from 'react';
-import { createMockClient } from 'cozy-client';
-import { RefreshableSharings } from './RefreshableSharings';
-import { SharingProvider } from './SharingProvider';
-import AppLike from '../test/AppLike';
-
-var DumbComponent = function DumbComponent() {
-  return /*#__PURE__*/React.createElement("div", null, "test ");
-};
-
-var AppWrapper = function AppWrapper(_ref) {
-  var children = _ref.children,
-      client = _ref.client;
-  return /*#__PURE__*/React.createElement(AppLike, {
-    client: client
-  }, /*#__PURE__*/React.createElement(SharingProvider, {
-    client: client
-  }, children));
-};
-
-describe('RefreshableSharings', function () {
-  it('should test', function () {
-    var client = createMockClient({});
-    var component = mount( /*#__PURE__*/React.createElement(AppWrapper, {
-      client: client
-    }, /*#__PURE__*/React.createElement(RefreshableSharings, null, function (_ref2) {
-      var refresh = _ref2.refresh;
-      return /*#__PURE__*/React.createElement(DumbComponent, {
-        client: client,
-        t: function t(x) {
-          return x;
-        },
-        refreshSharings: refresh
-      });
-    })));
-    var refreshMethod = component.find(DumbComponent).prop('refreshSharings');
-    expect(typeof refreshMethod).toBe('function');
-  });
-});

package/dist/components/EditLinkPermissionDialog.js

@@ -1,72 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import PropTypes from 'prop-types';
-import React, { useState } from 'react';
-import Button from 'cozy-ui/transpiled/react/Buttons';
-import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
-import FormControlLabel from 'cozy-ui/transpiled/react/FormControlLabel';
-import RadioGroup from 'cozy-ui/transpiled/react/RadioGroup';
-import Radio from 'cozy-ui/transpiled/react/Radios';
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
-
-var EditLinkPermissionDialog = function EditLinkPermissionDialog(_ref) {
-  var open = _ref.open,
-      onClose = _ref.onClose,
-      document = _ref.document,
-      onPermissionsSelected = _ref.onPermissionsSelected;
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      isReadOnlyPermissions = _useState2[0],
-      setIsReadOnlyPermissions = _useState2[1];
-
-  var onChange = function onChange(event) {
-    setIsReadOnlyPermissions(event.target.value === 'true');
-  };
-
-  var onConfirm = function onConfirm() {
-    var verbs = isReadOnlyPermissions ? ['GET'] : ['GET', 'POST', 'PUT', 'PATCH'];
-    onPermissionsSelected({
-      verbs: verbs
-    });
-    onClose();
-  };
-
-  return /*#__PURE__*/React.createElement(ConfirmDialog, {
-    open: open,
-    onClose: onClose,
-    title: t('Share.permissionLink.title'),
-    content: /*#__PURE__*/React.createElement(RadioGroup, {
-      "aria-label": "radio",
-      value: isReadOnlyPermissions.toString(),
-      onChange: onChange
-    }, /*#__PURE__*/React.createElement(FormControlLabel, {
-      value: "true",
-      label: (document === null || document === void 0 ? void 0 : document.type) === 'directory' ? t("Share.permissionLink.seeFolder") : t("Share.permissionLink.seeFile"),
-      control: /*#__PURE__*/React.createElement(Radio, null)
-    }), /*#__PURE__*/React.createElement(FormControlLabel, {
-      value: "false",
-      label: (document === null || document === void 0 ? void 0 : document.type) === 'directory' ? t("Share.permissionLink.modifyFolder") : t("Share.permissionLink.modifyFile"),
-      control: /*#__PURE__*/React.createElement(Radio, null)
-    })),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-      variant: "secondary",
-      label: t('Share.permissionLink.cancel'),
-      onClick: onClose
-    }), /*#__PURE__*/React.createElement(Button, {
-      variant: "primary",
-      label: t('Share.permissionLink.confirm'),
-      onClick: onConfirm
-    }))
-  });
-};
-
-EditLinkPermissionDialog.propTypes = {
-  open: PropTypes.bool.isRequired,
-  onClose: PropTypes.func.isRequired,
-  document: PropTypes.object.isRequired,
-  onPermissionsSelected: PropTypes.func.isRequired
-};
-export default EditLinkPermissionDialog;

package/dist/components/EditLinkPermissionDialog.spec.js

@@ -1,48 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import { render, fireEvent } from '@testing-library/react';
-import React from 'react';
-import { createMockClient } from 'cozy-client';
-import EditLinkPermissionDialog from './EditLinkPermissionDialog';
-import AppLike from '../../test/AppLike';
-describe('EditLinkPermissionDialog', function () {
-  var client = createMockClient({});
-
-  var setup = function setup(props) {
-    return render( /*#__PURE__*/React.createElement(AppLike, {
-      client: client
-    }, /*#__PURE__*/React.createElement(EditLinkPermissionDialog, _extends({
-      open: true,
-      onClose: function onClose() {}
-    }, props))));
-  };
-
-  it('should select read permissions', function () {
-    var onPermissionsSelected = jest.fn();
-    var props = {
-      onPermissionsSelected: onPermissionsSelected
-    };
-
-    var _setup = setup(props),
-        getByText = _setup.getByText;
-
-    fireEvent.click(getByText('OK'));
-    expect(onPermissionsSelected).toHaveBeenCalledWith({
-      verbs: ['GET']
-    });
-  });
-  it('should select write permissions', function () {
-    var onPermissionsSelected = jest.fn();
-    var props = {
-      onPermissionsSelected: onPermissionsSelected
-    };
-
-    var _setup2 = setup(props),
-        getByText = _setup2.getByText;
-
-    fireEvent.click(getByText('Modify file'));
-    fireEvent.click(getByText('OK'));
-    expect(onPermissionsSelected).toHaveBeenCalledWith({
-      verbs: ['GET', 'POST', 'PUT', 'PATCH']
-    });
-  });
-});

package/src/RefreshableSharings.spec.jsx

@@ -1,43 +0,0 @@
-import { mount } from 'enzyme'
-import React from 'react'
-
-import { createMockClient } from 'cozy-client'
-
-import { RefreshableSharings } from './RefreshableSharings'
-import { SharingProvider } from './SharingProvider'
-import AppLike from '../test/AppLike'
-
-const DumbComponent = () => {
-  return <div>test </div>
-}
-
-const AppWrapper = ({ children, client }) => {
-  return (
-    <AppLike client={client}>
-      <SharingProvider client={client}>{children}</SharingProvider>
-    </AppLike>
-  )
-}
-
-describe('RefreshableSharings', () => {
-  it('should test', () => {
-    const client = createMockClient({})
-
-    const component = mount(
-      <AppWrapper client={client}>
-        <RefreshableSharings>
-          {({ refresh }) => (
-            <DumbComponent
-              client={client}
-              t={x => x}
-              refreshSharings={refresh}
-            />
-          )}
-        </RefreshableSharings>
-      </AppWrapper>
-    )
-    const refreshMethod = component.find(DumbComponent).prop('refreshSharings')
-
-    expect(typeof refreshMethod).toBe('function')
-  })
-})

package/src/components/EditLinkPermissionDialog.jsx

@@ -1,89 +0,0 @@
-import PropTypes from 'prop-types'
-import React, { useState } from 'react'
-
-import Button from 'cozy-ui/transpiled/react/Buttons'
-import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
-import FormControlLabel from 'cozy-ui/transpiled/react/FormControlLabel'
-import RadioGroup from 'cozy-ui/transpiled/react/RadioGroup'
-import Radio from 'cozy-ui/transpiled/react/Radios'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
-
-const EditLinkPermissionDialog = ({
-  open,
-  onClose,
-  document,
-  onPermissionsSelected
-}) => {
-  const { t } = useI18n()
-
-  const [isReadOnlyPermissions, setIsReadOnlyPermissions] = useState(true)
-
-  const onChange = event => {
-    setIsReadOnlyPermissions(event.target.value === 'true')
-  }
-
-  const onConfirm = () => {
-    const verbs = isReadOnlyPermissions
-      ? ['GET']
-      : ['GET', 'POST', 'PUT', 'PATCH']
-    onPermissionsSelected({ verbs })
-    onClose()
-  }
-
-  return (
-    <ConfirmDialog
-      open={open}
-      onClose={onClose}
-      title={t('Share.permissionLink.title')}
-      content={
-        <RadioGroup
-          aria-label="radio"
-          value={isReadOnlyPermissions.toString()}
-          onChange={onChange}
-        >
-          <FormControlLabel
-            value="true"
-            label={
-              document?.type === 'directory'
-                ? t(`Share.permissionLink.seeFolder`)
-                : t(`Share.permissionLink.seeFile`)
-            }
-            control={<Radio />}
-          />
-          <FormControlLabel
-            value="false"
-            label={
-              document?.type === 'directory'
-                ? t(`Share.permissionLink.modifyFolder`)
-                : t(`Share.permissionLink.modifyFile`)
-            }
-            control={<Radio />}
-          />
-        </RadioGroup>
-      }
-      actions={
-        <>
-          <Button
-            variant="secondary"
-            label={t('Share.permissionLink.cancel')}
-            onClick={onClose}
-          />
-          <Button
-            variant="primary"
-            label={t('Share.permissionLink.confirm')}
-            onClick={onConfirm}
-          />
-        </>
-      }
-    />
-  )
-}
-
-EditLinkPermissionDialog.propTypes = {
-  open: PropTypes.bool.isRequired,
-  onClose: PropTypes.func.isRequired,
-  document: PropTypes.object.isRequired,
-  onPermissionsSelected: PropTypes.func.isRequired
-}
-
-export default EditLinkPermissionDialog

package/src/components/EditLinkPermissionDialog.spec.jsx

@@ -1,53 +0,0 @@
-import { render, fireEvent } from '@testing-library/react'
-import React from 'react'
-
-import { createMockClient } from 'cozy-client'
-
-import EditLinkPermissionDialog from './EditLinkPermissionDialog'
-import AppLike from '../../test/AppLike'
-
-describe('EditLinkPermissionDialog', () => {
-  const client = createMockClient({})
-
-  const setup = props => {
-    return render(
-      <AppLike client={client}>
-        <EditLinkPermissionDialog open onClose={() => {}} {...props} />
-      </AppLike>
-    )
-  }
-
-  it('should select read permissions', () => {
-    const onPermissionsSelected = jest.fn()
-
-    const props = {
-      onPermissionsSelected
-    }
-
-    const { getByText } = setup(props)
-
-    fireEvent.click(getByText('OK'))
-
-    expect(onPermissionsSelected).toHaveBeenCalledWith({
-      verbs: ['GET']
-    })
-  })
-
-  it('should select write permissions', () => {
-    const onPermissionsSelected = jest.fn()
-
-    const props = {
-      onPermissionsSelected
-    }
-
-    const { getByText } = setup(props)
-
-    fireEvent.click(getByText('Modify file'))
-
-    fireEvent.click(getByText('OK'))
-
-    expect(onPermissionsSelected).toHaveBeenCalledWith({
-      verbs: ['GET', 'POST', 'PUT', 'PATCH']
-    })
-  })
-})