fixed all imports to align to linter rules

dailyjs/basic-call/components/App/App.js

@@ -4,7 +4,7 @@ import { useCallState } from '@dailyjs/shared/contexts/CallProvider';
 import { useCallUI } from '@dailyjs/shared/hooks/useCallUI';
 
 import PropTypes from 'prop-types';
-import { Room } from '../Call/Room';
+import Room from '../Call/Room';
 import { Asides } from './Asides';
 import { Modals } from './Modals';
 

dailyjs/basic-call/components/Call/Room.js

@@ -5,13 +5,15 @@ import { Container } from './Container';
 import { Header } from './Header';
 import { VideoGrid } from './VideoGrid';
 
-export const Room = () => (
+export function Room() {
-  <Container>
+  return (
-    <Header />
+    <Container>
-    <VideoContainer>
+      <Header />
-      <VideoGrid />
+      <VideoContainer>
-    </VideoContainer>
+        <VideoGrid />
-  </Container>
+      </VideoContainer>
-);
+    </Container>
+  );
+}
 
 export default Room;

dailyjs/basic-call/components/Prejoin/Intro.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Button } from '@dailyjs/shared/components/Button';
+import Button from '@dailyjs/shared/components/Button';
 import {
   Card,
   CardBody,
@@ -8,7 +8,7 @@ import {
 } from '@dailyjs/shared/components/Card';
 import Field from '@dailyjs/shared/components/Field';
 import { TextInput, BooleanInput } from '@dailyjs/shared/components/Input';
-import { Well } from '@dailyjs/shared/components/Well';
+import Well from '@dailyjs/shared/components/Well';
 import PropTypes from 'prop-types';
 
 /**

dailyjs/basic-call/pages/index.js

@@ -8,8 +8,9 @@ import { WaitingRoomProvider } from '@dailyjs/shared/contexts/WaitingRoomProvide
 import getDemoProps from '@dailyjs/shared/lib/demoProps';
 import PropTypes from 'prop-types';
 import App from '../components/App';
-import { CreatingRoom } from '../components/Prejoin/CreatingRoom';
+import CreatingRoom from '../components/Prejoin/CreatingRoom';
-import { Intro, NotConfigured } from '../components/Prejoin/Intro';
+import Intro from '../components/Prejoin/Intro';
+import NotConfigured from '../components/Prejoin/NotConfigured';
 
 /**
  * Index page

dailyjs/recording/components/RecordingModal/RecordingModal.js

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { Button } from '@dailyjs/shared/components/Button';
+import Button from '@dailyjs/shared/components/Button';
 import { CardBody } from '@dailyjs/shared/components/Card';
 import Modal from '@dailyjs/shared/components/Modal';
 import Well from '@dailyjs/shared/components/Well';

dailyjs/shared/components/Aside/Aside.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ReactComponent as IconClose } from '../../icons/close-sm.svg';
-import { Button } from '../Button';
+import Button from '../Button';
 
 export const ASIDE_WIDTH = 380;
 

dailyjs/shared/components/Aside/PeopleAside.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Aside from '@dailyjs/shared/components/Aside';
+import { Aside } from '@dailyjs/shared/components/Aside';
 import { ReactComponent as IconCamOff } from '@dailyjs/shared/icons/camera-off-sm.svg';
 import { ReactComponent as IconCamOn } from '@dailyjs/shared/icons/camera-on-sm.svg';
 import { ReactComponent as IconMicOff } from '@dailyjs/shared/icons/mic-off-sm.svg';
@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import { useCallState } from '../../contexts/CallProvider';
 import { useParticipants } from '../../contexts/ParticipantsProvider';
 import { useUIState } from '../../contexts/UIStateProvider';
-import { Button } from '../Button';
+import Button from '../Button';
 
 export const PEOPLE_ASIDE = 'people';
 

dailyjs/shared/components/Aside/index.js

@@ -1,3 +1,2 @@
-export { Aside as default } from './Aside';
 export { Aside } from './Aside';
 export { PeopleAside } from './PeopleAside';

dailyjs/shared/components/Audio/index.js

@@ -1,2 +1,3 @@
-export { Audio as default } from './Audio';
 export { Audio } from './Audio';
+export { AudioTrack } from './AudioTrack';
+export { CombinedAudioTrack } from './CombinedAudioTrack';

dailyjs/shared/components/Button/index.js

@@ -1,2 +1 @@
-export { Button } from './Button';
 export { Button as default } from './Button';

dailyjs/shared/components/DeviceSelect/DeviceSelect.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useMediaDevices } from '@dailyjs/shared/contexts/MediaDeviceProvider';
-import { Field } from '../Field';
+import Field from '../Field';
 import { SelectInput } from '../Input';
 
 export const DeviceSelect = () => {

dailyjs/shared/components/DeviceSelect/index.js

@@ -1,2 +1 @@
 export { DeviceSelect as default } from './DeviceSelect';
-export { DeviceSelect } from './DeviceSelect';

dailyjs/shared/components/DeviceSelectModal/DeviceSelectModal.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import Modal from '@dailyjs/shared/components/Modal';
 import { useUIState } from '@dailyjs/shared/contexts/UIStateProvider';
-import { Button } from '../Button';
+import Button from '../Button';
-import { DeviceSelect } from '../DeviceSelect';
+import DeviceSelect from '../DeviceSelect';
 
 export const DEVICE_MODAL = 'device';
 

dailyjs/shared/components/DeviceSelectModal/index.js

@@ -1,3 +1,2 @@
-export { DeviceSelectModal as default } from './DeviceSelectModal';
 export { DeviceSelectModal } from './DeviceSelectModal';
 export { DEVICE_MODAL } from './DeviceSelectModal';

dailyjs/shared/components/Field/index.js

@@ -1,2 +1 @@
 export { Field as default } from './Field';
-export { Field } from './Field';

dailyjs/shared/components/HairCheck/HairCheck.js

@@ -3,8 +3,8 @@ import Button from '@dailyjs/shared/components/Button';
 import { DEVICE_MODAL } from '@dailyjs/shared/components/DeviceSelectModal/DeviceSelectModal';
 import { TextInput } from '@dailyjs/shared/components/Input';
 import Loader from '@dailyjs/shared/components/Loader';
-import { MuteButton } from '@dailyjs/shared/components/MuteButtons';
+import MuteButton from '@dailyjs/shared/components/MuteButton';
-import { Tile } from '@dailyjs/shared/components/Tile';
+import Tile from '@dailyjs/shared/components/Tile';
 import { ACCESS_STATE_LOBBY } from '@dailyjs/shared/constants';
 import { useCallState } from '@dailyjs/shared/contexts/CallProvider';
 import { useMediaDevices } from '@dailyjs/shared/contexts/MediaDeviceProvider';

dailyjs/shared/components/Input/index.js

@@ -1,2 +1 @@
-export { TextInput as default } from './Input';
 export { TextInput, BooleanInput, SelectInput } from './Input';

dailyjs/shared/components/Modal/Modal.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import noScroll from 'no-scroll';
 import { createPortal } from 'react-dom';
 import { ReactComponent as IconClose } from '../../icons/close-sm.svg';
-import { Button } from '../Button';
+import Button from '../Button';
 import { Card, CardBody, CardFooter, CardHeader } from '../Card';
 
 const transitionMs = 350;

dailyjs/shared/components/MuteButton/MuteButton.js

@@ -6,7 +6,7 @@ import { ReactComponent as IconMicOn } from '@dailyjs/shared/icons/mic-on-md.svg
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { useCallState } from '../../contexts/CallProvider';
-import { Button } from '../Button';
+import Button from '../Button';
 
 export const MuteButton = ({ isMuted, mic = false, className, ...props }) => {
   const { callObject } = useCallState();

dailyjs/shared/components/MuteButton/index.js

@@ -1,2 +1 @@
 export { MuteButton as default } from './MuteButton';
-export { MuteButton } from './MuteButton';

dailyjs/shared/components/ParticipantBar/index.js

@@ -1,2 +1 @@
 export { ParticipantBar as default } from './ParticipantBar';
-export { ParticipantBar } from './ParticipantBar';

dailyjs/shared/components/Tile/Tile.js

@@ -4,7 +4,7 @@ import { ReactComponent as IconMicMute } from '@dailyjs/shared/icons/mic-off-sm.
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { DEFAULT_ASPECT_RATIO } from '../../constants';
-import { Video } from './Video';
+import Video from './Video';
 import { ReactComponent as Avatar } from './avatar.svg';
 
 const SM_TILE_MAX_WIDTH = 300;

dailyjs/shared/components/Tile/Video/index.js

@@ -1,2 +0,0 @@
-export { Video as default } from './Video';
-export { Video } from './Video';

dailyjs/shared/components/Tile/index.js

@@ -1,2 +1,2 @@
 export { Tile as default } from './Tile';
-export { Tile } from './Tile';
+export { Video } from './Video';

dailyjs/shared/components/Tray/index.js

@@ -1,3 +1,2 @@
-export { Tray as default } from './Tray';
 export { Tray, TrayButton } from './Tray';
 export { BasicTray } from './BasicTray';

dailyjs/shared/components/VideoContainer/index.js

@@ -0,0 +1 @@
+export { VideoContainer as default } from './VideoContainer';

dailyjs/shared/components/WaitingRoom/WaitingRoomModal.js

@@ -2,7 +2,7 @@ import React from 'react';
 import Modal from '@dailyjs/shared/components/Modal';
 import { useWaitingRoom } from '@dailyjs/shared/contexts/WaitingRoomProvider';
 import PropTypes from 'prop-types';
-import { Button } from '../Button';
+import Button from '../Button';
 import { WaitingParticipantRow } from './WaitingParticipantRow';
 
 export const WaitingRoomModal = ({ onClose }) => {

dailyjs/shared/components/Well/index.js

@@ -1,2 +1 @@
 export { Well as default } from './Well';
-export { Well } from './Well';

dailyjs/text-chat/components/ChatAside/ChatAside.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
-import Aside from '@dailyjs/shared/components/Aside';
+import { Aside } from '@dailyjs/shared/components/Aside';
-import { Button } from '@dailyjs/shared/components/Button';
+import Button from '@dailyjs/shared/components/Button';
 import { TextInput } from '@dailyjs/shared/components/Input';
 import { useUIState } from '@dailyjs/shared/contexts/UIStateProvider';
 import { useChat } from '../../contexts/ChatProvider';