@onewelcome/react-lib-components 0.1.0-alpha → 0.1.1-alpha

package/src/Wizard/BaseWizardSteps/BaseWizardSteps.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import classes from './BaseWizardSteps.module.scss';
 import readyclasses from '../../readyclasses.module.scss';
 import { Icon, Icons } from '../../Icon/Icon';
@@ -41,10 +41,10 @@ export const BaseWizardSteps = ({
       return disabled ? null : <Icon className={classes['checkmark']} icon={Icons.Checkmark} />;
     } else {
       return (
-        <>
+        <Fragment>
           <span className={readyclasses['sr-only']}>{stepScreenReaderLabel} </span>
           {stepNumberString}
-        </>
+        </Fragment>
       );
     }
   };

package/src/Wizard/Wizard.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from 'react';
+import React, { Fragment, useContext, useEffect } from 'react';
 import { Step } from './BaseWizardSteps/BaseWizardSteps';
 import { WizardStateContext, WizardStateProvider } from './WizardStateProvider';
 import { setWizardState } from './wizardStateReducer';
@@ -36,7 +36,7 @@ const WizardContent = ({ steps, mode, stepScreenReaderLabel, onStepChange, child
   useSetWizardState(steps, mode, stepScreenReaderLabel);
   useStepChanging(onStepChange);
 
-  return <>{children}</>;
+  return <Fragment>{children}</Fragment>;
 };
 
 export const Wizard = (props: Props) => {

package/src/Wizard/WizardActions/WizardActions.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { Fragment, useContext, useMemo } from 'react';
 import { Button } from '../../Button/Button';
 import { Step } from '../BaseWizardSteps/BaseWizardSteps';
 import { WizardMode } from '../Wizard';
@@ -78,7 +78,7 @@ export const WizardActions = ({
   };
 
   return (
-    <>
+    <Fragment>
       <Button variant="text" onClick={onCancel}>
         {cancelButtonLabel}
       </Button>
@@ -95,6 +95,6 @@ export const WizardActions = ({
       {isLastStepOrEditMode && (
         <Button onClick={onSaveAndCloseWrapper}>{saveAndCloseButtonLabel}</Button>
       )}
-    </>
+    </Fragment>
   );
 };

package/src/hooks/usePosition.test.tsx

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React, { Fragment, useRef } from 'react';
 import { render } from '@testing-library/react';
 import { ConfigObject, usePosition } from './usePosition';
 import userEvent from '@testing-library/user-event';
@@ -30,7 +30,7 @@ const createUsePositionComponent = (
     const { top, left, bottom, right, calculatePosition } = usePosition({ ...parameters });
 
     return (
-      <>
+      <Fragment>
         <button data-testid="button" onClick={calculatePosition} ref={relativeElement}>
           Test
         </button>
@@ -41,7 +41,7 @@ const createUsePositionComponent = (
         >
           Test
         </div>
-      </>
+      </Fragment>
     );
   };
 

package/src/index.ts

@@ -7,11 +7,12 @@ export { IconButton } from './Button/IconButton';
 
 export { Icon, Icons } from './Icon/Icon';
 
-export { Dialog } from './Dialog/Dialog';
-export { Modal } from './Modal/Modal';
-export { ModalActions } from './Modal/ModalActions/ModalActions';
-export { ModalContent } from './Modal/ModalContent/ModalContent';
-export { ModalHeader } from './Modal/ModalHeader/ModalHeader';
+export { Dialog } from './Notifications/Dialog/Dialog';
+export { Modal } from './Notifications/Modal/Modal';
+export { ModalActions } from './Notifications/Modal/ModalActions/ModalActions';
+export { ModalContent } from './Notifications/Modal/ModalContent/ModalContent';
+export { ModalHeader } from './Notifications/Modal/ModalHeader/ModalHeader';
+export { DiscardChangesModal } from './Notifications/DiscardChangesModal/DiscardChangesModal';
 export { Tooltip } from './Tooltip/Tooltip';
 export { Tiles } from './Tiles/Tiles';
 export { Tile } from './Tiles/Tile';
@@ -19,8 +20,8 @@ export { ContextMenu } from './ContextMenu/ContextMenu';
 export { ContextMenuItem } from './ContextMenu/ContextMenuItem';
 export { Breadcrumbs } from './Breadcrumbs/Breadcrumbs';
 
-export { SnackbarProvider } from './Snackbar/SnackbarProvider/SnackbarProvider';
-export { useSnackbar } from './Snackbar/useSnackbar';
+export { SnackbarProvider } from './Notifications/Snackbar/SnackbarProvider/SnackbarProvider';
+export { useSnackbar } from './Notifications/Snackbar/useSnackbar';
 
 /** Form components */
 export { Form } from './Form/Form';