cozy-ui 132.0.0 → 133.0.0-beta.1

package/react/Contacts/AddModal/ContactForm/TextFieldSelect.jsx

@@ -1,39 +0,0 @@
-import React from 'react'
-
-import { locales } from './locales'
-import MenuItem from '../../../MenuItem'
-import TextField from '../../../TextField'
-import { useI18n, useExtendI18n } from '../../../providers/I18n'
-import { FieldInputWrapperPropTypes } from '../types'
-
-const TextFieldSelect = ({ options, ...props }) => {
-  useExtendI18n(locales)
-  const { t } = useI18n()
-
-  const _options = [
-    ...options.map(option => ({
-      ...option,
-      label: option.translated ? option.label : t(option.label)
-    }))
-  ]
-
-  return (
-    <TextField {...props}>
-      {_options.map((option, index) => {
-        return (
-          <MenuItem
-            key={`${props.name}-${index}`}
-            value={option.value}
-            onClick={option.onClick}
-          >
-            {option.label}
-          </MenuItem>
-        )
-      })}
-    </TextField>
-  )
-}
-
-TextFieldSelect.prototype = FieldInputWrapperPropTypes
-
-export default TextFieldSelect

package/react/Contacts/AddModal/ContactForm/__snapshots__/HasValueCondition.spec.jsx.snap

@@ -1,33 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`HasValueCondition component should not render its children if value is falsy 1`] = `
-<form
-  onSubmit={[Function]}
-/>
-`;
-
-exports[`HasValueCondition component should not render its children if value is falsy and other condition is not fulfilled 1`] = `
-<form
-  onSubmit={[Function]}
-/>
-`;
-
-exports[`HasValueCondition component should render its children if value is falsy but other condition is fulfilled 1`] = `
-<form
-  onSubmit={[Function]}
->
-  <span>
-    Foo should be here
-  </span>
-</form>
-`;
-
-exports[`HasValueCondition component should render its children if value is truthy 1`] = `
-<form
-  onSubmit={[Function]}
->
-  <span>
-    Foo should be here
-  </span>
-</form>
-`;

package/react/Contacts/AddModal/ContactForm/contactToFormValues.js

@@ -1,109 +0,0 @@
-import uniqueId from 'lodash/uniqueId'
-
-import { getFormattedAddress } from 'cozy-client/dist/models/contact'
-
-import { fields } from './fieldsConfig'
-import { makeItemLabel, makeRelatedContact, movePrimaryToHead } from './helpers'
-
-const contactToFormValues = ({ contact, makeCustomContactValues, t }) => {
-  // initialize the form values, required so that array fields start with at least one editable field
-  const initialFieldValues = fields.reduce(
-    (initialValues, { name, layout }) => {
-      initialValues[name] = layout === 'array' ? [undefined] : undefined
-      return initialValues
-    },
-    {}
-  )
-
-  if (contact) {
-    const {
-      gender,
-      address,
-      birthday,
-      birthplace,
-      company,
-      jobTitle,
-      cozy,
-      email,
-      impp,
-      name,
-      note,
-      phone
-    } = contact
-
-    const addressValue =
-      address && address.length > 0
-        ? movePrimaryToHead(address).map(addressInfo => ({
-            fieldId: uniqueId('fieldId_'),
-            address: getFormattedAddress(addressInfo, t),
-            addressnumber: addressInfo.number,
-            addressstreet:
-              addressInfo.street || getFormattedAddress(addressInfo, t),
-            addresscode: addressInfo.postcode || addressInfo.code,
-            addresscity: addressInfo.city,
-            addressregion: addressInfo.region,
-            addresscountry: addressInfo.country,
-            addresslocality: addressInfo.extendedAddress?.locality,
-            addressbuilding: addressInfo.extendedAddress?.building,
-            addressstairs: addressInfo.extendedAddress?.stairs,
-            addressfloor: addressInfo.extendedAddress?.floor,
-            addressapartment: addressInfo.extendedAddress?.apartment,
-            addressentrycode: addressInfo.extendedAddress?.entrycode,
-            addressLabel: makeItemLabel(addressInfo)
-          }))
-        : [undefined]
-    const cozyValue = cozy && cozy.length > 0 ? cozy[0].url : undefined
-    const cozyLabel =
-      cozy && cozy.length > 0 ? makeItemLabel(cozy[0]) : undefined
-    const emailValue =
-      email && email.length > 0
-        ? movePrimaryToHead(email).map(item => ({
-            fieldId: uniqueId('fieldId_'),
-            email: item?.address,
-            emailLabel: makeItemLabel(item)
-          }))
-        : [undefined]
-    const matrixValue =
-      impp && impp.length > 0
-        ? impp.find(item => item.label === 'work' && item.protocol === 'matrix')
-            ?.uri || undefined
-        : undefined
-    const phoneValue =
-      phone && phone.length > 0
-        ? movePrimaryToHead(phone).map(item => ({
-            fieldId: uniqueId('fieldId_'),
-            phone: item?.number,
-            phoneLabel: makeItemLabel(item)
-          }))
-        : [undefined]
-
-    const relatedContactValue = makeRelatedContact(contact)
-
-    const customValues = makeCustomContactValues?.(contact) || {}
-
-    return {
-      ...customValues,
-      gender,
-      givenName: name?.givenName,
-      additionalName: name?.additionalName,
-      surname: name?.surname,
-      familyName: name?.familyName,
-      phone: phoneValue,
-      email: emailValue,
-      matrix: matrixValue,
-      address: addressValue,
-      cozy: cozyValue,
-      cozyLabel: cozyLabel,
-      company,
-      jobTitle,
-      birthday,
-      birthplace,
-      note,
-      relatedContact: relatedContactValue
-    }
-  }
-
-  return initialFieldValues
-}
-
-export default contactToFormValues

package/react/Contacts/AddModal/ContactForm/contactToFormValues.spec.js

@@ -1,133 +0,0 @@
-/* eslint-disable jest/no-focused-tests */
-import contactToFormValues from './contactToFormValues'
-import { johnDoeContact, johnDoeFormValues } from '../mocks'
-
-describe('contactToFormValues function', () => {
-  const tSpy = jest.fn()
-
-  it('should return default initial values', () => {
-    const expected = {
-      address: [undefined],
-      birthday: undefined,
-      birthplace: undefined,
-      gender: undefined,
-      company: undefined,
-      jobTitle: undefined,
-      cozy: undefined,
-      cozyLabel: undefined,
-      email: [undefined],
-      matrix: undefined,
-      familyName: undefined,
-      givenName: undefined,
-      note: undefined,
-      phone: [undefined],
-      relatedContact: [undefined]
-    }
-
-    const result = contactToFormValues({ contact: null, t: tSpy })
-    expect(result).toEqual(expected)
-  })
-
-  it('should return initial values when a contact is given (edit)', () => {
-    const expected = { ...johnDoeFormValues, relatedContact: [undefined] }
-    tSpy.mockReturnValue(
-      '426 Runolfsson Knolls 84573 Port Easter Cocos (Keeling) Islands'
-    )
-
-    const result = contactToFormValues({ contact: johnDoeContact, t: tSpy })
-    expect(result).toEqual(expected)
-    expect(tSpy).toHaveBeenCalledWith('formatted.address', {
-      street: '426 Runolfsson Knolls',
-      code: '84573',
-      number: '',
-      city: 'Port Easter',
-      region: '',
-      country: 'Cocos (Keeling) Islands'
-    })
-  })
-
-  it('should return initial values when a contact with missing fields is given', () => {
-    const contact = {
-      id: '9ecfbf4b-20e7-4bac-87f1-eea53350857d',
-      _id: '9ecfbf4b-20e7-4bac-87f1-eea53350857d',
-      _type: 'io.cozy.contacts',
-      _rev: '1-19c313536e8b27473aa26bf105b03269',
-      address: [],
-      birthday: undefined,
-      birthplace: 'somewhere',
-      gender: 'female',
-      company: undefined,
-      jobTitle: undefined,
-      cozy: undefined,
-      email: undefined,
-      impp: undefined,
-      name: {
-        givenName: 'Jane',
-        familyName: 'Doe'
-      },
-      note: undefined,
-      phone: []
-    }
-    const expected = {
-      address: [undefined],
-      birthday: undefined,
-      birthplace: 'somewhere',
-      gender: 'female',
-      company: undefined,
-      jobTitle: undefined,
-      cozy: undefined,
-      cozyLabel: undefined,
-      email: [undefined],
-      matrix: undefined,
-      givenName: 'Jane',
-      familyName: 'Doe',
-      note: undefined,
-      phone: [undefined],
-      relatedContact: [undefined]
-    }
-
-    const result = contactToFormValues({ contact, t: tSpy })
-    expect(result).toEqual(expected)
-  })
-
-  it('should not crash if name is undefined (contacts created via sharing)', () => {
-    const contact = {
-      id: '9ecfbf4b-20e7-4bac-87f1-eea53350857d',
-      _id: '9ecfbf4b-20e7-4bac-87f1-eea53350857d',
-      _type: 'io.cozy.contacts',
-      _rev: '1-19c313536e8b27473aa26bf105b03269',
-      address: [],
-      birthday: undefined,
-      birthplace: '',
-      gender: '',
-      company: undefined,
-      jobTitle: undefined,
-      cozy: undefined,
-      email: undefined,
-      impp: undefined,
-      name: undefined,
-      note: 'Eligendi velit eos ab libero molestiae consequatur autem sed.',
-      phone: []
-    }
-    const expected = {
-      address: [undefined],
-      birthday: undefined,
-      birthplace: '',
-      gender: '',
-      company: undefined,
-      jobTitle: undefined,
-      cozy: undefined,
-      cozyLabel: undefined,
-      email: [undefined],
-      matrix: undefined,
-      givenName: undefined,
-      familyName: undefined,
-      note: 'Eligendi velit eos ab libero molestiae consequatur autem sed.',
-      phone: [undefined],
-      relatedContact: [undefined]
-    }
-
-    const result = contactToFormValues({ contact, t: tSpy })
-    expect(result).toEqual(expected)
-  })
-})

package/react/Contacts/AddModal/ContactForm/fieldsConfig.jsx

@@ -1,357 +0,0 @@
-import React from 'react'
-
-import Icon from '../../../Icon'
-import BottomIcon from '../../../Icons/Bottom'
-import CalendarIcon from '../../../Icons/Calendar'
-import CloudIcon from '../../../Icons/Cloud'
-import CommentIcon from '../../../Icons/Comment'
-import CompanyIcon from '../../../Icons/Company'
-import EmailIcon from '../../../Icons/Email'
-import LocationIcon from '../../../Icons/Location'
-import MatrixIcon from '../../../Icons/Matrix'
-import PeopleIcon from '../../../Icons/People'
-import RelationshipIcon from '../../../Icons/Relationship'
-import TelephoneIcon from '../../../Icons/Telephone'
-import InputAdornment from '../../../InputAdornment'
-
-/**
- * @type {import('../types').Field[]}
- */
-export const fields = [
-  {
-    name: 'gender',
-    icon: PeopleIcon,
-    select: true,
-    options: [
-      {
-        value: 'male',
-        label: 'Contacts.AddModal.ContactForm.gender.man'
-      },
-      {
-        value: 'female',
-        label: 'Contacts.AddModal.ContactForm.gender.woman'
-      }
-    ]
-  },
-  {
-    name: 'givenName',
-    icon: null,
-    type: 'text',
-    layout: 'accordion',
-    subFields: [
-      {
-        name: 'additionalName',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'surname',
-        icon: null,
-        type: 'text'
-      }
-    ]
-  },
-  {
-    name: 'familyName',
-    icon: null,
-    type: 'text'
-  },
-  {
-    name: 'company',
-    icon: CompanyIcon,
-    type: 'text',
-    layout: 'accordion',
-    subFields: [
-      {
-        name: 'jobTitle',
-        icon: null,
-        type: 'text'
-      }
-    ]
-  },
-  {
-    name: 'phone',
-    icon: TelephoneIcon,
-    type: 'tel',
-    layout: 'array',
-    label: {
-      name: 'phoneLabel',
-      select: true,
-      customLabelOptions: {
-        defaultType: '',
-        defaultLabel: 'home'
-      },
-      options: [
-        {
-          value: '',
-          label: 'Contacts.AddModal.ContactForm.label.none'
-        },
-        {
-          value: '{"type":"cell","label":"home"}',
-          label: 'Contacts.AddModal.ContactForm.label.phone.cell-home'
-        },
-        {
-          value: '{"type":"cell","label":"work"}',
-          label: 'Contacts.AddModal.ContactForm.label.phone.cell-work'
-        },
-        {
-          value: '{"type":"voice","label":"home"}',
-          label: 'Contacts.AddModal.ContactForm.label.phone.voice-home'
-        },
-        {
-          value: '{"type":"voice","label":"work"}',
-          label: 'Contacts.AddModal.ContactForm.label.phone.voice-work'
-        },
-        {
-          value: '{"type":"fax","label":"home"}',
-          label: 'Contacts.AddModal.ContactForm.label.phone.fax-home'
-        },
-        {
-          value: '{"type":"fax","label":"work"}',
-          label: 'Contacts.AddModal.ContactForm.label.phone.fax-work'
-        }
-      ]
-    }
-  },
-  {
-    name: 'email',
-    icon: EmailIcon,
-    type: 'email',
-    layout: 'array',
-    label: {
-      name: 'emailLabel',
-      select: true,
-      customLabelOptions: {
-        defaultType: '',
-        defaultLabel: 'home'
-      },
-      options: [
-        {
-          value: '',
-          label: 'Contacts.AddModal.ContactForm.label.none'
-        },
-        {
-          value: '{"label":"home"}',
-          label: 'Contacts.AddModal.ContactForm.label.home'
-        },
-        {
-          value: '{"label":"work"}',
-          label: 'Contacts.AddModal.ContactForm.label.work'
-        }
-      ]
-    }
-  },
-  {
-    name: 'matrix',
-    icon: MatrixIcon,
-    type: 'text'
-  },
-  {
-    name: 'address',
-    icon: LocationIcon,
-    type: 'text',
-    layout: 'array',
-    InputProps: {
-      readOnly: true
-    },
-    subFields: [
-      {
-        name: 'street',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'number',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'building',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'stairs',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'floor',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'apartment',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'entrycode',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'locality',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'code',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'city',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'region',
-        icon: null,
-        type: 'text'
-      },
-      {
-        name: 'country',
-        icon: null,
-        type: 'text'
-      }
-    ],
-    label: {
-      name: 'addressLabel',
-      select: true,
-      customLabelOptions: {
-        defaultType: '',
-        defaultLabel: 'home'
-      },
-      options: [
-        {
-          value: '',
-          label: 'Contacts.AddModal.ContactForm.label.none'
-        },
-        {
-          value: '{"label":"home"}',
-          label: 'Contacts.AddModal.ContactForm.label.address.home'
-        },
-        {
-          value: '{"label":"work"}',
-          label: 'Contacts.AddModal.ContactForm.label.address.work'
-        }
-      ]
-    }
-  },
-  {
-    name: 'note',
-    icon: CommentIcon,
-    type: 'text',
-    multiline: true
-  },
-  {
-    name: 'cozy',
-    icon: CloudIcon,
-    type: 'url',
-    isSecondary: true,
-    label: {
-      name: 'cozyLabel',
-      select: true,
-      customLabelOptions: {
-        defaultType: '',
-        defaultLabel: 'home'
-      },
-      options: [
-        {
-          value: '',
-          label: 'Contacts.AddModal.ContactForm.label.none'
-        },
-        {
-          value: '{"label":"home"}',
-          label: 'Contacts.AddModal.ContactForm.label.home'
-        },
-        {
-          value: '{"label":"work"}',
-          label: 'Contacts.AddModal.ContactForm.label.work'
-        }
-      ]
-    }
-  },
-  {
-    name: 'birthday',
-    icon: CalendarIcon,
-    type: 'date',
-    isSecondary: true,
-    InputLabelProps: { shrink: true }
-  },
-  {
-    name: 'birthplace',
-    icon: null,
-    type: 'text',
-    isSecondary: true
-  },
-  {
-    name: 'relatedContact',
-    icon: RelationshipIcon,
-    layout: 'array',
-    isSecondary: true,
-    InputProps: {
-      readOnly: true,
-      endAdornment: (
-        <InputAdornment position="end">
-          <Icon icon={BottomIcon} color="var(--iconTextColor)" />
-        </InputAdornment>
-      )
-    },
-    label: {
-      name: 'relatedContactLabel',
-      select: true,
-      options: [
-        {
-          value: '',
-          label: 'Contacts.AddModal.ContactForm.label.none'
-        },
-        {
-          value: '{"type":"parent"}',
-          label: 'Contacts.AddModal.ContactForm.label.relationship.parent'
-        },
-        {
-          value: '{"type":"child"}',
-          label: 'Contacts.AddModal.ContactForm.label.relationship.child'
-        },
-        {
-          value: '{"type":"sibling"}',
-          label: 'Contacts.AddModal.ContactForm.label.relationship.sibling'
-        },
-        {
-          value: '{"type":"spouse"}',
-          label: 'Contacts.AddModal.ContactForm.label.relationship.spouse'
-        },
-        {
-          value: '{"type":"coResident"}',
-          label: 'Contacts.AddModal.ContactForm.label.relationship.coResident'
-        },
-        {
-          value: '{"type":"friend"}',
-          label: 'Contacts.AddModal.ContactForm.label.relationship.friend'
-        },
-        {
-          value: '{"type":"colleague"}',
-          label: 'Contacts.AddModal.ContactForm.label.relationship.colleague'
-        },
-        {
-          value: '{"type":"coWorker"}',
-          label: 'Contacts.AddModal.ContactForm.label.relationship.coWorker'
-        },
-        {
-          value: '{"type":"acquaintance"}',
-          label: 'Contacts.AddModal.ContactForm.label.relationship.acquaintance'
-        },
-        {
-          value: '{"type":"helper"}',
-          label: 'Contacts.AddModal.ContactForm.label.relationship.helper'
-        },
-        {
-          value: '{"type":"recipient"}',
-          label: 'Contacts.AddModal.ContactForm.label.relationship.recipient'
-        }
-      ]
-    }
-  }
-]