@addev-be/ui 3.3.0 → 3.3.3

package/src/providers/LoadingProvider/index.tsx

@@ -1,47 +1,47 @@
-import {
-  FC,
-  PropsWithChildren,
-  createContext,
-  useCallback,
-  useMemo,
-  useState,
-} from 'react';
-
-import { Loading } from '../../components/layout/Loading';
-
-export type LoadingContextType = {
-  startLoading: () => void;
-  stopLoading: () => void;
-};
-
-export const LoadingContext = createContext<LoadingContextType>({
-  startLoading: () => {},
-  stopLoading: () => {},
-});
-
-export const LoadingProvider: FC<PropsWithChildren> = ({ children }) => {
-  const [loadingCount, setLoadingCount] = useState(0);
-
-  const startLoading = useCallback(() => {
-    setLoadingCount((count) => count + 1);
-  }, []);
-
-  const stopLoading = useCallback(() => {
-    setLoadingCount((count) => count - 1);
-  }, []);
-
-  const value = useMemo(
-    () => ({
-      startLoading,
-      stopLoading,
-    }),
-    [startLoading, stopLoading]
-  );
-
-  return (
-    <LoadingContext.Provider value={value}>
-      <Loading visible={loadingCount > 0}>Chargement ...</Loading>
-      {children}
-    </LoadingContext.Provider>
-  );
-};
+import {
+  FC,
+  PropsWithChildren,
+  createContext,
+  useCallback,
+  useMemo,
+  useState,
+} from 'react';
+
+import { Loading } from '../../components/layout/Loading';
+
+export type LoadingContextType = {
+  startLoading: () => void;
+  stopLoading: () => void;
+};
+
+export const LoadingContext = createContext<LoadingContextType>({
+  startLoading: () => {},
+  stopLoading: () => {},
+});
+
+export const LoadingProvider: FC<PropsWithChildren> = ({ children }) => {
+  const [loadingCount, setLoadingCount] = useState(0);
+
+  const startLoading = useCallback(() => {
+    setLoadingCount((count) => count + 1);
+  }, []);
+
+  const stopLoading = useCallback(() => {
+    setLoadingCount((count) => count - 1);
+  }, []);
+
+  const value = useMemo(
+    () => ({
+      startLoading,
+      stopLoading,
+    }),
+    [startLoading, stopLoading]
+  );
+
+  return (
+    <LoadingContext.Provider value={value}>
+      <Loading visible={loadingCount > 0}>Chargement ...</Loading>
+      {children}
+    </LoadingContext.Provider>
+  );
+};

package/src/providers/PortalsProvider/index.tsx

@@ -1,54 +1,54 @@
-import * as styles from './styles';
-
-import {
-  FC,
-  PropsWithChildren,
-  ReactNode,
-  ReactPortal,
-  createContext,
-  useCallback,
-  useMemo,
-  useRef,
-} from 'react';
-
-import { createPortal } from 'react-dom';
-
-export type PortalProps = {
-  key: string;
-  children: ReactNode;
-};
-
-export type PortalsContextType = {
-  createPortal: (children: ReactNode) => ReactPortal | null;
-};
-
-export const PortalsContext = createContext<PortalsContextType>({
-  createPortal: () => null,
-});
-
-export const PortalsProvider: FC<PropsWithChildren> = ({ children }) => {
-  const containerRef = useRef<HTMLDivElement | null>(null);
-
-  const createLocalPortal = useCallback(
-    (children: ReactNode) =>
-      createPortal(
-        <styles.PortalContainer>{children}</styles.PortalContainer>,
-        containerRef.current!
-      ) ?? null,
-    []
-  );
-
-  const value = useMemo(
-    () => ({
-      createPortal: createLocalPortal,
-    }),
-    [createLocalPortal]
-  );
-
-  return (
-    <PortalsContext.Provider value={value}>
-      {children}
-      <styles.PortalsWrapper ref={containerRef} />
-    </PortalsContext.Provider>
-  );
-};
+import * as styles from './styles';
+
+import {
+  FC,
+  PropsWithChildren,
+  ReactNode,
+  ReactPortal,
+  createContext,
+  useCallback,
+  useMemo,
+  useRef,
+} from 'react';
+
+import { createPortal } from 'react-dom';
+
+export type PortalProps = {
+  key: string;
+  children: ReactNode;
+};
+
+export type PortalsContextType = {
+  createPortal: (children: ReactNode) => ReactPortal | null;
+};
+
+export const PortalsContext = createContext<PortalsContextType>({
+  createPortal: () => null,
+});
+
+export const PortalsProvider: FC<PropsWithChildren> = ({ children }) => {
+  const containerRef = useRef<HTMLDivElement | null>(null);
+
+  const createLocalPortal = useCallback(
+    (children: ReactNode) =>
+      createPortal(
+        <styles.PortalContainer>{children}</styles.PortalContainer>,
+        containerRef.current!
+      ) ?? null,
+    []
+  );
+
+  const value = useMemo(
+    () => ({
+      createPortal: createLocalPortal,
+    }),
+    [createLocalPortal]
+  );
+
+  return (
+    <PortalsContext.Provider value={value}>
+      {children}
+      <styles.PortalsWrapper ref={containerRef} />
+    </PortalsContext.Provider>
+  );
+};

package/src/providers/PortalsProvider/styles.ts

@@ -1,31 +1,31 @@
-import styled from 'styled-components';
-
-export const BackdropContainer = styled.div.attrs({
-  className: 'BackdropContainer',
-})`
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 1000;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
-
-export const PortalsWrapper = styled.div.attrs({
-  className: 'PortalsWrapper',
-})`
-  width: 0;
-  height: 0;
-`;
-
-export const PortalContainer = styled.div.attrs({
-  className: 'PortalContainer',
-})`
-  z-index: 9999;
-  position: fixed;
-  inset: 0;
-`;
+import styled from 'styled-components';
+
+export const BackdropContainer = styled.div.attrs({
+  className: 'BackdropContainer',
+})`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+
+export const PortalsWrapper = styled.div.attrs({
+  className: 'PortalsWrapper',
+})`
+  width: 0;
+  height: 0;
+`;
+
+export const PortalContainer = styled.div.attrs({
+  className: 'PortalContainer',
+})`
+  z-index: 9999;
+  position: fixed;
+  inset: 0;
+`;

package/src/providers/SettingsProvider/index.tsx

@@ -1,70 +1,70 @@
-import {
-  FC,
-  PropsWithChildren,
-  createContext,
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react';
-
-export type Settings = Record<string, string | undefined>;
-
-export type SettingsContextProps = {
-  settings: Settings;
-  updateSettings: (partialSettings: Settings) => void;
-};
-
-export const SettingsContext = createContext<SettingsContextProps>({
-  settings: {},
-  updateSettings: () => {},
-});
-
-export const SettingsProvider: FC<PropsWithChildren> = ({ children }) => {
-  const [settings, setSettings] = useState({});
-  const getSettings = useCallback(() => {
-    try {
-      const settingsJson = localStorage.getItem('settings');
-      return settingsJson ? JSON.parse(settingsJson) : {};
-    } catch (error) {
-      console.warn('Settings load error', error);
-      return {};
-    }
-  }, []);
-
-  const saveSettings = useCallback((settingsToSave: Settings) => {
-    try {
-      localStorage.setItem('settings', JSON.stringify(settingsToSave));
-    } catch (error) {
-      console.error('Settings save error', error);
-    }
-  }, []);
-
-  const updateSettings = useCallback(
-    (partialSettings: Settings) => {
-      const newSettings = {
-        ...settings,
-        ...partialSettings,
-      };
-      setSettings(newSettings);
-      saveSettings(newSettings);
-    },
-    [saveSettings, settings]
-  );
-
-  useEffect(() => {
-    const readSettings = getSettings();
-    setSettings(readSettings);
-  }, [getSettings]);
-
-  const contextValue = useMemo(
-    () => ({ settings, updateSettings }),
-    [settings, updateSettings]
-  );
-
-  return (
-    <SettingsContext.Provider value={contextValue}>
-      {children}
-    </SettingsContext.Provider>
-  );
-};
+import {
+  FC,
+  PropsWithChildren,
+  createContext,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react';
+
+export type Settings = Record<string, string | undefined>;
+
+export type SettingsContextProps = {
+  settings: Settings;
+  updateSettings: (partialSettings: Settings) => void;
+};
+
+export const SettingsContext = createContext<SettingsContextProps>({
+  settings: {},
+  updateSettings: () => {},
+});
+
+export const SettingsProvider: FC<PropsWithChildren> = ({ children }) => {
+  const [settings, setSettings] = useState({});
+  const getSettings = useCallback(() => {
+    try {
+      const settingsJson = localStorage.getItem('settings');
+      return settingsJson ? JSON.parse(settingsJson) : {};
+    } catch (error) {
+      console.warn('Settings load error', error);
+      return {};
+    }
+  }, []);
+
+  const saveSettings = useCallback((settingsToSave: Settings) => {
+    try {
+      localStorage.setItem('settings', JSON.stringify(settingsToSave));
+    } catch (error) {
+      console.error('Settings save error', error);
+    }
+  }, []);
+
+  const updateSettings = useCallback(
+    (partialSettings: Settings) => {
+      const newSettings = {
+        ...settings,
+        ...partialSettings,
+      };
+      setSettings(newSettings);
+      saveSettings(newSettings);
+    },
+    [saveSettings, settings]
+  );
+
+  useEffect(() => {
+    const readSettings = getSettings();
+    setSettings(readSettings);
+  }, [getSettings]);
+
+  const contextValue = useMemo(
+    () => ({ settings, updateSettings }),
+    [settings, updateSettings]
+  );
+
+  return (
+    <SettingsContext.Provider value={contextValue}>
+      {children}
+    </SettingsContext.Provider>
+  );
+};

package/src/providers/ToastProvider/index.tsx

@@ -1,93 +1,93 @@
-import {
-  CircleCheckIcon,
-  CircleInfoIcon,
-  CircleXMarkIcon,
-  TriangleExclamationIcon,
-} from '@icons';
-import {
-  Flip,
-  ToastContainer,
-  ToastContainerProps,
-  TypeOptions,
-  toast,
-} from 'react-toastify';
-import React, { ReactNode, createContext, useCallback, useMemo } from 'react';
-
-import { useMediaQuery } from '../../hooks/useMediaQuery';
-
-type ToastType = Exclude<TypeOptions, 'default'>;
-
-type ToastContextType = {
-  toastSuccess: (message: string) => void;
-  toastError: (message: string) => void;
-  toastInfo: (message: string) => void;
-  toastWarning: (message: string) => void;
-};
-
-const ToastContext = createContext<ToastContextType>({
-  toastSuccess: () => {},
-  toastError: () => {},
-  toastInfo: () => {},
-  toastWarning: () => {},
-});
-
-const iconMap: Record<TypeOptions, React.ReactNode> = {
-  info: <CircleInfoIcon style={{ fill: 'var(--color-blue-500)' }} />,
-  error: <CircleXMarkIcon style={{ fill: 'var(--color-red-500)' }} />,
-  success: <CircleCheckIcon style={{ fill: 'var(--color-green-500)' }} />,
-  warning: (
-    <TriangleExclamationIcon style={{ fill: 'var(--color-yellow-500)' }} />
-  ),
-  default: null,
-};
-
-const toastOptions: ToastContainerProps = {
-  autoClose: 5000,
-  limit: 3,
-  theme: 'light',
-  hideProgressBar: false,
-  closeButton: false,
-  pauseOnHover: true,
-  closeOnClick: false,
-  draggable: true,
-  stacked: true,
-  transition: Flip,
-  style: {
-    margin: '0 auto',
-  },
-};
-
-export const ToastProvider = ({ children }: { children: ReactNode }) => {
-  const { isLgUp } = useMediaQuery();
-
-  const showToast = useCallback((type: ToastType, message: string) => {
-    toast(message, {
-      ...toastOptions,
-      type: type as TypeOptions,
-      icon: () => iconMap[type],
-    });
-  }, []);
-
-  const contextValue: ToastContextType = useMemo(
-    () => ({
-      toastSuccess: (msg: string) => showToast('success', msg),
-      toastError: (msg: string) => showToast('error', msg),
-      toastInfo: (msg: string) => showToast('info', msg),
-      toastWarning: (msg: string) => showToast('warning', msg),
-    }),
-    [showToast]
-  );
-
-  return (
-    <ToastContext.Provider value={contextValue}>
-      {children}
-      <ToastContainer
-        icon={({ type }) => iconMap[type]}
-        {...toastOptions}
-        position={isLgUp ? 'bottom-right' : 'bottom-center'}
-      />
-    </ToastContext.Provider>
-  );
-};
-
-export { ToastContext };
+import {
+  CircleCheckIcon,
+  CircleInfoIcon,
+  CircleXMarkIcon,
+  TriangleExclamationIcon,
+} from '@icons';
+import {
+  Flip,
+  ToastContainer,
+  ToastContainerProps,
+  TypeOptions,
+  toast,
+} from 'react-toastify';
+import React, { ReactNode, createContext, useCallback, useMemo } from 'react';
+
+import { useMediaQuery } from '../../hooks/useMediaQuery';
+
+type ToastType = Exclude<TypeOptions, 'default'>;
+
+type ToastContextType = {
+  toastSuccess: (message: string) => void;
+  toastError: (message: string) => void;
+  toastInfo: (message: string) => void;
+  toastWarning: (message: string) => void;
+};
+
+const ToastContext = createContext<ToastContextType>({
+  toastSuccess: () => {},
+  toastError: () => {},
+  toastInfo: () => {},
+  toastWarning: () => {},
+});
+
+const iconMap: Record<TypeOptions, React.ReactNode> = {
+  info: <CircleInfoIcon style={{ fill: 'var(--color-blue-500)' }} />,
+  error: <CircleXMarkIcon style={{ fill: 'var(--color-red-500)' }} />,
+  success: <CircleCheckIcon style={{ fill: 'var(--color-green-500)' }} />,
+  warning: (
+    <TriangleExclamationIcon style={{ fill: 'var(--color-yellow-500)' }} />
+  ),
+  default: null,
+};
+
+const toastOptions: ToastContainerProps = {
+  autoClose: 5000,
+  limit: 3,
+  theme: 'light',
+  hideProgressBar: false,
+  closeButton: false,
+  pauseOnHover: true,
+  closeOnClick: false,
+  draggable: true,
+  stacked: true,
+  transition: Flip,
+  style: {
+    margin: '0 auto',
+  },
+};
+
+export const ToastProvider = ({ children }: { children: ReactNode }) => {
+  const { isLgUp } = useMediaQuery();
+
+  const showToast = useCallback((type: ToastType, message: string) => {
+    toast(message, {
+      ...toastOptions,
+      type: type as TypeOptions,
+      icon: () => iconMap[type],
+    });
+  }, []);
+
+  const contextValue: ToastContextType = useMemo(
+    () => ({
+      toastSuccess: (msg: string) => showToast('success', msg),
+      toastError: (msg: string) => showToast('error', msg),
+      toastInfo: (msg: string) => showToast('info', msg),
+      toastWarning: (msg: string) => showToast('warning', msg),
+    }),
+    [showToast]
+  );
+
+  return (
+    <ToastContext.Provider value={contextValue}>
+      {children}
+      <ToastContainer
+        icon={({ type }) => iconMap[type]}
+        {...toastOptions}
+        position={isLgUp ? 'bottom-right' : 'bottom-center'}
+      />
+    </ToastContext.Provider>
+  );
+};
+
+export { ToastContext };

package/src/providers/TrackingProvider/hooks.ts

@@ -1,14 +1,14 @@
-import { useContext, useEffect } from 'react';
-
-import { TrackingContext } from '.';
-import { useLocation } from 'react-router-dom';
-
-export const useLocationTracking = () => {
-  const { sendEvent } = useContext(TrackingContext);
-  const { pathname, search } = useLocation();
-  const pathWithSearch = `${pathname}${search}`;
-
-  useEffect(() => {
-    sendEvent('PageView', { path: pathWithSearch });
-  }, [pathWithSearch, sendEvent]);
-};
+import { useContext, useEffect } from 'react';
+
+import { TrackingContext } from '.';
+import { useLocation } from 'react-router-dom';
+
+export const useLocationTracking = () => {
+  const { sendEvent } = useContext(TrackingContext);
+  const { pathname, search } = useLocation();
+  const pathWithSearch = `${pathname}${search}`;
+
+  useEffect(() => {
+    sendEvent('PageView', { path: pathWithSearch });
+  }, [pathWithSearch, sendEvent]);
+};