cozy-ui 113.7.1 → 113.9.0

package/react/deprecated/ActionMenu/__snapshots__/index.spec.jsx.snap

@@ -1,157 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ActionMenu should render as expected 1`] = `
-<div>
-  <div
-    class="styles__media___cSJMp styles__media--top___K9w0I styles__c-actionmenu-item___gODqd"
-  >
-    <div
-      class="styles__img___3SHpG u-mh-1"
-    >
-      <svg
-        class="styles__icon___23x3R"
-        height="16"
-        viewBox="0 0 16 16"
-        width="16"
-      >
-        <defs>
-          <path
-            d="M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 01-1.007.996H2.007A1.002 1.002 0 011 15V1zm10 3V0l4 4h-4z"
-            id="file_svg__a"
-          />
-        </defs>
-        <use
-          fill-rule="evenodd"
-          xlink:href="#file_svg__a"
-        />
-      </svg>
-    </div>
-    <div
-      class="styles__bd___1Uv-F u-mr-1 u-stack-xs"
-    >
-      Item 1 with onclick action
-    </div>
-    <div
-      class="styles__img___3SHpG u-mr-1"
-    >
-      <svg
-        class="styles__icon___23x3R"
-        height="16"
-        style="fill: var(--errorColor);"
-        viewBox="0 0 16 16"
-        width="16"
-      >
-        <path
-          d="M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z"
-          fill-rule="evenodd"
-        />
-      </svg>
-    </div>
-  </div>
-  <div
-    class="styles__media___cSJMp styles__media--top___K9w0I styles__c-actionmenu-item___gODqd"
-  >
-    <div
-      class="styles__img___3SHpG u-mh-1"
-    >
-      <svg
-        class="styles__icon___23x3R"
-        height="16"
-        viewBox="0 0 16 16"
-        width="16"
-      >
-        <defs>
-          <path
-            d="M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 01-1.007.996H2.007A1.002 1.002 0 011 15V1zm10 3V0l4 4h-4z"
-            id="file_svg__a"
-          />
-        </defs>
-        <use
-          fill-rule="evenodd"
-          xlink:href="#file_svg__a"
-        />
-      </svg>
-    </div>
-    <div
-      class="styles__bd___1Uv-F u-mr-1 u-stack-xs"
-    >
-      Item 2 with dialog action
-    </div>
-  </div>
-  <div
-    class="styles__media___cSJMp styles__media--top___K9w0I styles__c-actionmenu-item___gODqd"
-  >
-    <div
-      class="styles__img___3SHpG u-mh-1"
-    >
-      <label
-        class="styles__c-input-radio___XJQt1 styles__c-actionmenu-radio___Km9uj"
-      >
-        <input
-          type="radio"
-          value=""
-        />
-        <span />
-      </label>
-    </div>
-    <div
-      class="styles__bd___1Uv-F u-mr-1 u-stack-xs"
-    >
-      Item 3
-    </div>
-  </div>
-  <div
-    class="styles__media___cSJMp styles__media--top___K9w0I styles__c-actionmenu-item___gODqd"
-  >
-    <div
-      class="styles__img___3SHpG u-mh-1"
-    >
-      <svg
-        class="styles__icon___23x3R"
-        height="16"
-        viewBox="0 0 16 16"
-        width="16"
-      >
-        <defs>
-          <path
-            d="M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 01-1.007.996H2.007A1.002 1.002 0 011 15V1zm10 3V0l4 4h-4z"
-            id="file_svg__a"
-          />
-        </defs>
-        <use
-          fill-rule="evenodd"
-          xlink:href="#file_svg__a"
-        />
-      </svg>
-    </div>
-    <div
-      class="styles__bd___1Uv-F u-mr-1 u-stack-xs"
-    >
-      <p
-        class="MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-gutterBottom"
-      >
-        Item 4
-      </p>
-      <span
-        class="MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary"
-      >
-        Descriptive text to elaborate on what item 3 does.
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`ActionMenu should support null children 1`] = `
-<div
-  className="styles__c-actionmenu___22Fp1 styles__c-actionmenu--inline___1SXZa"
-  onClick={[Function]}
-  onTouchEnd={[Function]}
->
-  <ActionMenuItem
-    contentSpacing="xs"
-  >
-    Item 1
-  </ActionMenuItem>
-</div>
-`;

package/react/deprecated/ActionMenu/index.spec.jsx

@@ -1,115 +0,0 @@
-import { render } from '@testing-library/react'
-import { mount } from 'enzyme'
-import React from 'react'
-import { act } from 'react-dom/test-utils'
-
-import ActionMenu, { ActionMenuItem, ActionMenuRadio } from '.'
-import Icon from '../../Icon'
-import FileIcon from '../../Icons/File'
-import WarningIcon from '../../Icons/Warning'
-import { fixPopperTesting } from '../../Popper/testing'
-import Typography from '../../Typography'
-import { BreakpointsProvider } from '../../providers/Breakpoints'
-
-xdescribe('ActionMenu', () => {
-  fixPopperTesting()
-
-  // The update-not-wrapping-in-act warning is disabled for ActionMenuWrapper since
-  // we have not found how to remove the "update" happening when mounting the
-  // ActionMenu.
-  let originalConsoleError = console.error
-
-  beforeEach(() => {
-    // eslint-disable-next-line no-console
-    console.error = function (msg, arg) {
-      if (
-        msg.includes('An update to %s inside a test was not wrapped in act') &&
-        arg == 'ActionMenuWrapper'
-      ) {
-        return
-      } else {
-        return originalConsoleError.apply(this, arguments)
-      }
-    }
-  })
-
-  afterEach(() => {
-    // eslint-disable-next-line no-console
-    console.error = originalConsoleError
-  })
-
-  it('should support null children', async () => {
-    const comp = mount(
-      <BreakpointsProvider>
-        <ActionMenu onClose={jest.fn()}>
-          <ActionMenuItem>Item 1</ActionMenuItem>
-          {null}
-        </ActionMenu>
-      </BreakpointsProvider>
-    )
-    // Remove an update was not wrapped in act() warning
-    await act(async () => {})
-    expect(comp.find(ActionMenuItem).parent().getElement()).toMatchSnapshot()
-  })
-
-  it('should support auto-closing the menu', async () => {
-    const closeMenu = jest.fn()
-    const menuAction1 = jest.fn()
-    const menuAction2 = jest.fn()
-    const menuActionStoppingPropagation = e => {
-      e.stopPropagation()
-      menuAction2()
-    }
-
-    const comp = mount(
-      <BreakpointsProvider>
-        <ActionMenu onClose={closeMenu} autoclose>
-          <ActionMenuItem onClick={menuAction1}>Item 1</ActionMenuItem>
-          <ActionMenuItem onClick={menuActionStoppingPropagation}>
-            Item 2
-          </ActionMenuItem>
-        </ActionMenu>
-      </BreakpointsProvider>
-    )
-
-    await act(async () => {
-      comp.find(ActionMenuItem).at(1).simulate('click')
-    })
-    expect(menuAction2).toHaveBeenCalled()
-    expect(closeMenu).not.toHaveBeenCalled()
-
-    act(() => {
-      comp.find(ActionMenuItem).at(0).simulate('click')
-    })
-    expect(menuAction1).toHaveBeenCalled()
-    expect(closeMenu).toHaveBeenCalled()
-  })
-
-  it('should render as expected', async () => {
-    const { container } = render(
-      <BreakpointsProvider>
-        <ActionMenuItem
-          left={<Icon icon={FileIcon} />}
-          right={<Icon icon={WarningIcon} color="var(--errorColor)" />}
-          onClick={() => alert('click')}
-        >
-          Item 1 with onclick action
-        </ActionMenuItem>
-        <ActionMenuItem left={<Icon icon={FileIcon} />}>
-          Item 2 with dialog action
-        </ActionMenuItem>
-        <ActionMenuItem left={<ActionMenuRadio />}>Item 3</ActionMenuItem>
-        <ActionMenuItem left={<Icon icon={FileIcon} />}>
-          <Typography variant="body1" gutterBottom>
-            Item 4
-          </Typography>
-          <Typography variant="caption" color="textSecondary">
-            Descriptive text to elaborate on what item 3 does.
-          </Typography>
-        </ActionMenuItem>
-      </BreakpointsProvider>
-    )
-
-    expect(container).toMatchSnapshot()
-  })
-})

package/react/deprecated/Alerter/__snapshots__/alerter.spec.js.snap

@@ -1,88 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Alerter component handles dismiss provided to buttonAction 1`] = `
-<div
-  className="styles__c-alert___dJvZ8 styles__c-alert--hidden___2HD9e"
-  role="alert"
->
-  <div
-    className="styles__c-alert-wrapper___1VWFK styles__c-alert--info___2EDwe"
-  >
-    <p>
-      Test alert with button
-    </p>
-    <DefaultButton
-      className="styles__c-btn--alert-info___1xAkg"
-      label="BTN"
-      onClick={[Function]}
-      size="tiny"
-    />
-  </div>
-</div>
-`;
-
-exports[`Alerter component renders button if buttonText provided 1`] = `
-<div
-  className="styles__c-alert___dJvZ8 styles__c-alert--hidden___2HD9e"
-  role="alert"
->
-  <div
-    className="styles__c-alert-wrapper___1VWFK styles__c-alert--info___2EDwe"
-  >
-    <p>
-      Test alert with button
-    </p>
-    <DefaultButton
-      className="styles__c-btn--alert-info___1xAkg"
-      label="BTN"
-      onClick={[Function]}
-      size="tiny"
-    />
-  </div>
-</div>
-`;
-
-exports[`Alerter component renders correctly an error alert 1`] = `
-<div
-  className="styles__c-alert___dJvZ8 styles__c-alert--hidden___2HD9e"
-  role="alert"
->
-  <div
-    className="styles__c-alert-wrapper___1VWFK styles__c-alert--error___g5tIs"
-  >
-    <p>
-      Test error alert
-    </p>
-  </div>
-</div>
-`;
-
-exports[`Alerter component renders correctly an info alert 1`] = `
-<div
-  className="styles__c-alert___dJvZ8 styles__c-alert--hidden___2HD9e"
-  role="alert"
->
-  <div
-    className="styles__c-alert-wrapper___1VWFK styles__c-alert--info___2EDwe"
-  >
-    <p>
-      Test info alert
-    </p>
-  </div>
-</div>
-`;
-
-exports[`Alerter component renders correctly an success alert 1`] = `
-<div
-  className="styles__c-alert___dJvZ8 styles__c-alert--hidden___2HD9e"
-  role="alert"
->
-  <div
-    className="styles__c-alert-wrapper___1VWFK styles__c-alert--success___2DGDO"
-  >
-    <p>
-      Test success alert
-    </p>
-  </div>
-</div>
-`;

package/react/deprecated/Alerter/alerter.spec.js

@@ -1,78 +0,0 @@
-'use strict'
-/* eslint-env jest */
-
-import { shallow } from 'enzyme'
-import React from 'react'
-
-import Alerter from '.'
-import Alert from './Alert'
-import Button from '../Button'
-
-describe('Alerter component', () => {
-  beforeEach(() => {
-    Alerter.reset()
-  })
-  //
-  ;['info', 'success', 'error'].forEach(type => {
-    it(`renders correctly an ${type} alert`, () => {
-      const wrapper = shallow(<Alerter />)
-      Alerter[type](`Test ${type} alert`)
-      expect(wrapper.find(Alert).dive().getElement()).toMatchSnapshot()
-    })
-  })
-
-  it('should not render too much alerts', () => {
-    const wrapper = shallow(<Alerter />)
-    Alerter.info(`Test 1`)
-    Alerter.info(`Test 2`)
-    Alerter.info(`Test 3`)
-    expect(wrapper.find(Alert).length).toBe(3)
-  })
-
-  it('renders button if buttonText provided', () => {
-    const wrapper = shallow(<Alerter />)
-    Alerter.info(`Test alert with button`, {
-      buttonText: 'BTN'
-    })
-    expect(wrapper.find(Alert).dive().getElement()).toMatchSnapshot()
-  })
-
-  it('handles dismiss provided to buttonAction', () => {
-    const alerterWrapper = shallow(<Alerter />)
-    Alerter.info(`Test alert with button`, {
-      buttonText: 'BTN',
-      buttonAction: dismiss => {
-        console.log('DISMISS')
-        dismiss()
-      },
-      duration: 20000
-    })
-    const alertWrapper = alerterWrapper.find(Alert)
-    const alert = alertWrapper.dive()
-    expect(alert.getElement()).toMatchSnapshot()
-    alert.instance().base = document.createElement('div')
-    // we have to wait the same delay as in the Alerter didMount
-    setTimeout(() => {
-      expect(alert.state('hidden')).toBe(false)
-      alert.children().find(Button).simulate('click')
-      expect(alert.state('hidden')).toBe(true)
-    }, 20)
-  })
-
-  it('handles programmatic removal', () => {
-    const wrapper = shallow(<Alerter />)
-    const notif = Alerter.info(`Test alert with button`, {
-      duration: 20000
-    })
-    Alerter.info(`Test another alert`, {
-      duration: 20000
-    })
-    expect(wrapper.find(Alert).length).toBe(2)
-    Alerter.removeNotification(notif)
-    expect(wrapper.find(Alert).length).toBe(1)
-
-    // Nothing should happen if we try to remove a non existing notification
-    Alerter.removeNotification(notif)
-    expect(wrapper.find(Alert).length).toBe(1)
-  })
-})

package/react/deprecated/InfosCarrousel/index.spec.jsx

@@ -1,71 +0,0 @@
-import React from 'react'
-import { act } from 'react-dom/test-utils'
-import SwipeableViews from 'react-swipeable-views'
-
-import InfosCarrousel from '.'
-import IconButton from '../../IconButton'
-import Typography from '../../Typography'
-import Button from '../Button'
-import Infos from '../Infos'
-
-// This is necessary for tests to be predictable
-const swipeableProps = { disableLazyLoading: true }
-
-const Example = ({ numberOfChildren = 2 }) => (
-  <div className="u-stack-m">
-    <InfosCarrousel theme="danger" swipeableProps={swipeableProps}>
-      {[...new Array(numberOfChildren)].map((child, index) => (
-        <Infos
-          key={index}
-          description={
-            <>
-              <Typography variant="h5">News {index}</Typography>
-              <Typography variant="body1">Breaking news {index}</Typography>
-            </>
-          }
-          action={<Button theme="secondary" label="A CTA button" />}
-        />
-      ))}
-    </InfosCarrousel>
-  </div>
-)
-
-const getArrowsDisabledProps = root =>
-  root
-    .find(IconButton)
-    .map(node => node.props())
-    .map(x => x.disabled)
-
-const simulateSwipeToSlideIndex = (root, slideIndex) => {
-  act(() => {
-    root.find(SwipeableViews).props().onChangeIndex(slideIndex)
-  })
-  root.update()
-}
-
-describe('InfosCarrousel', () => {
-  const setup = () => {
-    const root = mount(<Example />)
-    return { root }
-  }
-
-  it('should update arrows after swipe', () => {
-    const { root } = setup()
-    expect(getArrowsDisabledProps(root)).toEqual([true, false])
-    simulateSwipeToSlideIndex(root, 1)
-    expect(getArrowsDisabledProps(root)).toEqual([false, true])
-    simulateSwipeToSlideIndex(root, 0)
-    expect(getArrowsDisabledProps(root)).toEqual([true, false])
-  })
-
-  it('should change index when a child is removed', () => {
-    const root = mount(<Example numberOfChildren={3} />)
-    expect(root.find(SwipeableViews).prop('index')).toEqual(0)
-    simulateSwipeToSlideIndex(root, 2)
-    expect(root.find(SwipeableViews).prop('index')).toEqual(2)
-    root.setProps({ numberOfChildren: 2 })
-    root.update()
-    expect(root.find(Infos).length).toBe(2)
-    expect(root.find(SwipeableViews).prop('index')).toEqual(1)
-  })
-})

package/react/deprecated/Modal/index.spec.jsx

@@ -1,70 +0,0 @@
-import { mount } from 'enzyme'
-import React, { useState } from 'react'
-import { act } from 'react-dom/test-utils'
-
-import Modal, { BODY_CLASS } from '.'
-import { BreakpointsProvider } from '../../providers/Breakpoints'
-
-describe('Modal', () => {
-  const Example = () => {
-    const [showModal, setShowModal] = useState(false)
-    const [showModal2, setShowModal2] = useState(false)
-    return (
-      <BreakpointsProvider>
-        {showModal ? <Modal title="example 1">1</Modal> : null}
-        {showModal2 ? <Modal title="example 2">2</Modal> : null}
-        <button onClick={() => setShowModal(true)} />
-        <button onClick={() => setShowModal2(true)} />
-        <button onClick={() => setShowModal2(false)} />
-        <button onClick={() => setShowModal(false)} />
-      </BreakpointsProvider>
-    )
-  }
-
-  const clickNthButton = (root, n) =>
-    root.find('button').at(n).props().onClick()
-
-  const mountFirstModal = root => clickNthButton(root, 0)
-  const mountSecondModal = root => clickNthButton(root, 1)
-  const unmountSecondModal = root => clickNthButton(root, 2)
-  const unmountFirstModal = root => clickNthButton(root, 3)
-
-  const hasModalBodyClass = () => document.body.classList.contains(BODY_CLASS)
-
-  afterEach(() => {
-    document.body.classList.remove(BODY_CLASS)
-  })
-
-  it('should apply a class to the body when mounted', () => {
-    const root = mount(<Example />)
-    expect(hasModalBodyClass()).toBe(false)
-    act(() => {
-      mountFirstModal(root)
-    })
-    expect(hasModalBodyClass()).toBe(true)
-    act(() => {
-      unmountFirstModal(root)
-    })
-    expect(hasModalBodyClass()).toBe(false)
-  })
-
-  it('should not remove the class if two modals were mounted and the second one is removed', () => {
-    const root = mount(<Example />)
-    expect(hasModalBodyClass()).toBe(false)
-    act(() => {
-      mountFirstModal(root)
-    })
-    expect(hasModalBodyClass()).toBe(true)
-    act(() => {
-      mountSecondModal(root)
-    })
-    act(() => {
-      unmountSecondModal(root)
-    })
-    expect(hasModalBodyClass()).toBe(true)
-    act(() => {
-      unmountFirstModal(root)
-    })
-    expect(hasModalBodyClass()).toBe(false)
-  })
-})

package/react/deprecated/ViewStack/index.spec.jsx

@@ -1,64 +0,0 @@
-import { mount } from 'enzyme'
-import React from 'react'
-import { act } from 'react-dom/test-utils'
-import SwipeableViews from 'react-swipeable-views'
-
-import ViewStack from '.'
-import { Slide } from './example'
-import Button from '../Button'
-
-const findButtonWithLabel = (root, label) =>
-  root.findWhere(n => n.type() == Button && n.props().label === label)
-
-describe('ViewStack', () => {
-  beforeEach(() => {
-    const originalError = console.error.bind(console)
-
-    // Ignore act's warning, since act does not support async logic and we have
-    // a sleep when popping to wait for the animation
-    jest.spyOn(console, 'error').mockImplementation(function (message) {
-      if (
-        !message.includes(
-          'An update to %s inside a test was not wrapped in act'
-        )
-      ) {
-        originalError.apply(this, arguments)
-      }
-    })
-  })
-
-  afterEach(() => {
-    jest.restoreAllMocks()
-  })
-
-  it('should push / pop views', async () => {
-    const root = mount(
-      <ViewStack>
-        <Slide number={1} />
-      </ViewStack>
-    )
-    expect(root.find(Slide).props().number).toBe(1)
-    act(() => {
-      findButtonWithLabel(root, 'stack').props().onClick()
-    })
-    root.update()
-
-    const swiperProps = root.find(SwipeableViews).props()
-    expect(swiperProps.children.length).toBe(2)
-    expect(swiperProps.index).toBe(1)
-
-    let prom
-    act(() => {
-      prom = findButtonWithLabel(root, 'pop').props().onClick()
-    })
-    root.update()
-    const swiperProps2 = root.find(SwipeableViews).props()
-    expect(swiperProps2.index).toBe(0)
-    expect(swiperProps2.children.length).toBe(2) // waiting for animation
-
-    await prom
-    root.update()
-    const swiperProps3 = root.find(SwipeableViews).props()
-    expect(swiperProps3.children.length).toBe(1)
-  })
-})