@addev-be/ui 0.19.1 → 0.19.3

package/src/hooks/useContainerMediaQuery.ts

@@ -1,7 +1,7 @@
-import { useElementSize } from './useElementSize';
-import { useMediaQueryForWidth } from './useMediaQueryForWidth';
-
-export const useContainerMediaQuery = (element: HTMLElement) => {
-  const { width } = useElementSize(element);
-  return useMediaQueryForWidth(width);
-};
+import { useElementSize } from './useElementSize';
+import { useMediaQueryForWidth } from './useMediaQueryForWidth';
+
+export const useContainerMediaQuery = (element: HTMLElement) => {
+  const { width } = useElementSize(element);
+  return useMediaQueryForWidth(width);
+};

package/src/hooks/useElementSize.ts

@@ -1,24 +1,24 @@
-import { useEffect, useState } from 'react';
-
-export const useElementSize = (element: HTMLElement | null) => {
-  const [size, setSize] = useState({ width: 0, height: 0 });
-
-  useEffect(() => {
-    if (!element) {
-      return;
-    }
-
-    const observer = new ResizeObserver((entries) => {
-      const entry = entries[0];
-      const { width, height } = entry.contentRect;
-      setSize({ width, height });
-    });
-
-    observer.observe(element);
-    return () => {
-      observer.disconnect();
-    };
-  }, [element]);
-
-  return size;
-};
+import { useEffect, useState } from 'react';
+
+export const useElementSize = (element: HTMLElement | null) => {
+  const [size, setSize] = useState({ width: 0, height: 0 });
+
+  useEffect(() => {
+    if (!element) {
+      return;
+    }
+
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      const { width, height } = entry.contentRect;
+      setSize({ width, height });
+    });
+
+    observer.observe(element);
+    return () => {
+      observer.disconnect();
+    };
+  }, [element]);
+
+  return size;
+};

package/src/hooks/useMediaQuery.ts

@@ -1,9 +1,9 @@
-import { useMediaQueryForWidth } from './useMediaQueryForWidth';
-import { useWindowSize } from './useWindowSize';
-
-export const useMediaQuery = () => {
-  const { width } = useWindowSize();
-  const realWidth = width ?? 0;
-
-  return useMediaQueryForWidth(realWidth);
-};
+import { useMediaQueryForWidth } from './useMediaQueryForWidth';
+import { useWindowSize } from './useWindowSize';
+
+export const useMediaQuery = () => {
+  const { width } = useWindowSize();
+  const realWidth = width ?? 0;
+
+  return useMediaQueryForWidth(realWidth);
+};

package/src/hooks/useMediaQueryForWidth.ts

@@ -1,35 +1,35 @@
-import {
-  findBreakpoint,
-  isGreaterThanOrEqual,
-  isSmallerThanOrEqual,
-} from '../helpers/responsive';
-
-import { useMemo } from 'react';
-
-export const useMediaQueryForWidth = (width: number) => {
-  const breakpoint = findBreakpoint(width);
-
-  return useMemo(
-    () => ({
-      breakpoint,
-
-      isXs: breakpoint === 'xs',
-      isSm: breakpoint === 'sm',
-      isMd: breakpoint === 'md',
-      isLg: breakpoint === 'lg',
-      isXl: breakpoint === 'xl',
-      isXxl: breakpoint === 'xxl',
-
-      isSmDown: isSmallerThanOrEqual('sm', breakpoint),
-      isMdDown: isSmallerThanOrEqual('md', breakpoint),
-      isLgDown: isSmallerThanOrEqual('lg', breakpoint),
-      isXlDown: isSmallerThanOrEqual('xl', breakpoint),
-
-      isSmUp: isGreaterThanOrEqual('sm', breakpoint),
-      isMdUp: isGreaterThanOrEqual('md', breakpoint),
-      isLgUp: isGreaterThanOrEqual('lg', breakpoint),
-      isXlUp: isGreaterThanOrEqual('xl', breakpoint),
-    }),
-    [breakpoint]
-  );
-};
+import {
+  findBreakpoint,
+  isGreaterThanOrEqual,
+  isSmallerThanOrEqual,
+} from '../helpers/responsive';
+
+import { useMemo } from 'react';
+
+export const useMediaQueryForWidth = (width: number) => {
+  const breakpoint = findBreakpoint(width);
+
+  return useMemo(
+    () => ({
+      breakpoint,
+
+      isXs: breakpoint === 'xs',
+      isSm: breakpoint === 'sm',
+      isMd: breakpoint === 'md',
+      isLg: breakpoint === 'lg',
+      isXl: breakpoint === 'xl',
+      isXxl: breakpoint === 'xxl',
+
+      isSmDown: isSmallerThanOrEqual('sm', breakpoint),
+      isMdDown: isSmallerThanOrEqual('md', breakpoint),
+      isLgDown: isSmallerThanOrEqual('lg', breakpoint),
+      isXlDown: isSmallerThanOrEqual('xl', breakpoint),
+
+      isSmUp: isGreaterThanOrEqual('sm', breakpoint),
+      isMdUp: isGreaterThanOrEqual('md', breakpoint),
+      isLgUp: isGreaterThanOrEqual('lg', breakpoint),
+      isXlUp: isGreaterThanOrEqual('xl', breakpoint),
+    }),
+    [breakpoint]
+  );
+};

package/src/hooks/useMutableState.ts

@@ -1,19 +1,19 @@
-import { cloneDeep, merge } from 'lodash';
-import { useCallback, useState } from 'react';
-
-import { DeepPartial } from '../typings';
-
-export const useMutableState = <T>(initialValue: T | (() => T) = {} as T) => {
-  const [value, setValue] = useState<T>(initialValue);
-
-  const setPartialValue = useCallback(
-    (partialValue: DeepPartial<T>) => {
-      const oldValue = cloneDeep(value);
-      const newValue = merge(oldValue, partialValue);
-      setValue(() => newValue);
-    },
-    [value]
-  );
-
-  return [value, setValue, setPartialValue] as const;
-};
+import { cloneDeep, merge } from 'lodash';
+import { useCallback, useState } from 'react';
+
+import { DeepPartial } from '../typings';
+
+export const useMutableState = <T>(initialValue: T | (() => T) = {} as T) => {
+  const [value, setValue] = useState<T>(initialValue);
+
+  const setPartialValue = useCallback(
+    (partialValue: DeepPartial<T>) => {
+      const oldValue = cloneDeep(value);
+      const newValue = merge(oldValue, partialValue);
+      setValue(() => newValue);
+    },
+    [value]
+  );
+
+  return [value, setValue, setPartialValue] as const;
+};

package/src/hooks/useShowArchived.ts

@@ -1,28 +1,28 @@
-import { useCallback, useMemo, useState } from 'react';
-
-import { ConditionDTO } from '../services/sqlRequests';
-
-export const useShowArchived = (initialValue?: boolean) => {
-  const [showArchived, setShowArchived] = useState(initialValue ?? false);
-
-  const toggleShowArchived = useCallback((value?: boolean) => {
-    setShowArchived((prev) => (value === undefined ? !prev : value));
-  }, []);
-
-  const archivedConditions = useMemo<ConditionDTO[]>(
-    () =>
-      showArchived
-        ? []
-        : [{ field: 'Archived', operator: 'notEquals', value: 1 }],
-    [showArchived]
-  );
-
-  return useMemo(
-    () => ({
-      archivedConditions,
-      showArchived,
-      toggleShowArchived,
-    }),
-    [archivedConditions, showArchived, toggleShowArchived]
-  );
-};
+import { useCallback, useMemo, useState } from 'react';
+
+import { ConditionDTO } from '../services/sqlRequests';
+
+export const useShowArchived = (initialValue?: boolean) => {
+  const [showArchived, setShowArchived] = useState(initialValue ?? false);
+
+  const toggleShowArchived = useCallback((value?: boolean) => {
+    setShowArchived((prev) => (value === undefined ? !prev : value));
+  }, []);
+
+  const archivedConditions = useMemo<ConditionDTO[]>(
+    () =>
+      showArchived
+        ? []
+        : [{ field: 'Archived', operator: 'notEquals', value: 1 }],
+    [showArchived]
+  );
+
+  return useMemo(
+    () => ({
+      archivedConditions,
+      showArchived,
+      toggleShowArchived,
+    }),
+    [archivedConditions, showArchived, toggleShowArchived]
+  );
+};

package/src/hooks/useWindowSize.ts

@@ -1,20 +1,20 @@
-import { useEffect, useState } from 'react';
-
-export const useWindowSize = () => {
-  const [size, setSize] = useState({ width: 0, height: 0 });
-
-  useEffect(() => {
-    const handleResize = () => {
-      setSize({ width: window.outerWidth, height: window.outerHeight });
-    };
-
-    window.addEventListener('resize', handleResize);
-    handleResize();
-
-    return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, []);
-
-  return size;
-};
+import { useEffect, useState } from 'react';
+
+export const useWindowSize = () => {
+  const [size, setSize] = useState({ width: 0, height: 0 });
+
+  useEffect(() => {
+    const handleResize = () => {
+      setSize({ width: window.outerWidth, height: window.outerHeight });
+    };
+
+    window.addEventListener('resize', handleResize);
+    handleResize();
+
+    return () => {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+
+  return size;
+};

package/src/index.ts

@@ -1,9 +1,9 @@
-export * from './components';
-export * from './providers';
-
-export * from './Icons';
-
-export * from './config';
-export * from './helpers';
-export * from './hooks';
-export * from './services';
+export * from './components';
+export * from './providers';
+
+export * from './Icons';
+
+export * from './config';
+export * from './helpers';
+export * from './hooks';
+export * from './services';

package/src/providers/AuthenticationProvider/helpers.ts

@@ -1,3 +1,3 @@
-export const basePermissions: Record<string, string> = {
-  'users.manage': 'Gérer les utilisateurs',
-};
+export const basePermissions: Record<string, string> = {
+  'users.manage': 'Gérer les utilisateurs',
+};