@addev-be/ui 0.10.9 → 0.10.11

package/src/helpers/dates.ts

@@ -1,17 +1,17 @@
-import moment from 'moment';
-
-export const formatDate = (
-  date: moment.MomentInput,
-  format: string = 'DD/MM/YYYY'
-): string => {
-  const m = moment.utc(date);
-  return m.isValid() ? m.format(format) : '';
-};
-
-export const formatDateTime = (
-  date: moment.MomentInput,
-  format: string = 'DD/MM/YYYY HH:mm:ss'
-): string => {
-  const m = moment.utc(date);
-  return m.isValid() ? m.format(format) : '';
-};
+import moment from 'moment';
+
+export const formatDate = (
+  date: moment.MomentInput,
+  format: string = 'DD/MM/YYYY'
+): string => {
+  const m = moment.utc(date);
+  return m.isValid() ? m.format(format) : '';
+};
+
+export const formatDateTime = (
+  date: moment.MomentInput,
+  format: string = 'DD/MM/YYYY HH:mm:ss'
+): string => {
+  const m = moment.utc(date);
+  return m.isValid() ? m.format(format) : '';
+};

package/src/helpers/getScrollbarSize.ts

@@ -1,14 +1,14 @@
-let scrollBarSize: number[] | undefined = undefined;
-
-export const getScrollBarSize = () => {
-  if (!scrollBarSize) {
-    const el = document.createElement('div');
-    el.style.cssText = 'overflow:scroll; visibility:hidden; position:absolute;';
-    document.body.appendChild(el);
-    const width = el.offsetWidth - el.clientWidth;
-    const height = el.offsetHeight - el.clientHeight;
-    el.remove();
-    scrollBarSize = [width, height];
-  }
-  return scrollBarSize;
-};
+let scrollBarSize: number[] | undefined = undefined;
+
+export const getScrollBarSize = () => {
+  if (!scrollBarSize) {
+    const el = document.createElement('div');
+    el.style.cssText = 'overflow:scroll; visibility:hidden; position:absolute;';
+    document.body.appendChild(el);
+    const width = el.offsetWidth - el.clientWidth;
+    const height = el.offsetHeight - el.clientHeight;
+    el.remove();
+    scrollBarSize = [width, height];
+  }
+  return scrollBarSize;
+};

package/src/helpers/index.ts

@@ -1,3 +1,3 @@
-export * from './dates';
-export * from './numbers';
-export * from './text';
+export * from './dates';
+export * from './numbers';
+export * from './text';

package/src/helpers/numbers.ts

@@ -1,26 +1,26 @@
-export const formatMoney = (number: number, decimals = 2, currency = 'EUR') =>
-  new Intl.NumberFormat(navigator.language, {
-    style: 'currency',
-    currency,
-    minimumFractionDigits: decimals,
-    maximumFractionDigits: decimals,
-  }).format(number);
-
-export const formatPercentage = (number: number, decimals = 2) =>
-  new Intl.NumberFormat(navigator.language, {
-    style: 'percent',
-    minimumFractionDigits: decimals,
-    maximumFractionDigits: decimals,
-  }).format(number);
-
-export const formatNumber = (number: number, decimals = 2) =>
-  new Intl.NumberFormat(navigator.language, {
-    minimumFractionDigits: decimals,
-    maximumFractionDigits: decimals,
-  }).format(number);
-
-export const formatNumberInvariant = (number: number, decimals = 2) =>
-  new Intl.NumberFormat('es-US', {
-    minimumFractionDigits: decimals,
-    maximumFractionDigits: decimals,
-  }).format(number);
+export const formatMoney = (number: number, decimals = 2, currency = 'EUR') =>
+  new Intl.NumberFormat(navigator.language, {
+    style: 'currency',
+    currency,
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals,
+  }).format(number);
+
+export const formatPercentage = (number: number, decimals = 2) =>
+  new Intl.NumberFormat(navigator.language, {
+    style: 'percent',
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals,
+  }).format(number);
+
+export const formatNumber = (number: number, decimals = 2) =>
+  new Intl.NumberFormat(navigator.language, {
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals,
+  }).format(number);
+
+export const formatNumberInvariant = (number: number, decimals = 2) =>
+  new Intl.NumberFormat('es-US', {
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals,
+  }).format(number);

package/src/helpers/text.ts

@@ -1,13 +1,13 @@
-export const escapeForRegExp = (text: string) =>
-  text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
-
-export const extractTextFromHTML = (html: string) => {
-  const div = document.createElement('div');
-  div.style.display = 'block';
-  div.style.whiteSpace = 'normal';
-  div.innerHTML = html;
-  document.body.appendChild(div);
-  const text = div.innerText || '';
-  document.body.removeChild(div);
-  return text;
-};
+export const escapeForRegExp = (text: string) =>
+  text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
+
+export const extractTextFromHTML = (html: string) => {
+  const div = document.createElement('div');
+  div.style.display = 'block';
+  div.style.whiteSpace = 'normal';
+  div.innerHTML = html;
+  document.body.appendChild(div);
+  const text = div.innerText || '';
+  document.body.removeChild(div);
+  return text;
+};

package/src/hooks/index.ts

@@ -1,3 +1,3 @@
-export * from './useElementSize';
-export * from './useShowArchived';
-export * from './useWindowSize';
+export * from './useElementSize';
+export * from './useShowArchived';
+export * from './useWindowSize';

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/useShowArchived.ts

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