@addev-be/ui 0.15.0 → 0.15.1

package/src/providers/ThemeProvider/helpers.ts

@@ -1,11 +1,11 @@
-import { ThemeColorWithIntensity } from './types';
-
-export const getColor = (colorWithIntensity: ThemeColorWithIntensity) => {
-  const [colorName] = colorWithIntensity.split('-');
-  return colorName;
-};
-
-export const getIntensity = (colorWithIntensity: ThemeColorWithIntensity) => {
-  const [, intensity] = colorWithIntensity.split('-');
-  return intensity;
-};
+import { ThemeColorWithIntensity } from './types';
+
+export const getColor = (colorWithIntensity: ThemeColorWithIntensity) => {
+  const [colorName] = colorWithIntensity.split('-');
+  return colorName;
+};
+
+export const getIntensity = (colorWithIntensity: ThemeColorWithIntensity) => {
+  const [, intensity] = colorWithIntensity.split('-');
+  return intensity;
+};

package/src/providers/ThemeProvider/index.ts

@@ -1,4 +1,4 @@
-export { ThemeProvider } from './ThemeProvider';
-
-export * from './types';
-export { defaultTheme } from './defaultTheme';
+export { ThemeProvider } from './ThemeProvider';
+
+export * from './types';
+export { defaultTheme } from './defaultTheme';

package/src/providers/ThemeProvider/types.ts

@@ -1,131 +1,131 @@
-import { DeepPartial } from '../../typings';
-
-export type ThemeColorIntensity =
-  | 0
-  | 50
-  | 100
-  | 200
-  | 300
-  | 400
-  | 500
-  | 600
-  | 700
-  | 800
-  | 900
-  | 950
-  | 1000;
-export type ThemeColorDefinition = Record<ThemeColorIntensity, string>;
-export type ThemeRawColor =
-  | 'slate'
-  | 'gray'
-  | 'zinc'
-  | 'neutral'
-  | 'stone'
-  | 'red'
-  | 'orange'
-  | 'amber'
-  | 'yellow'
-  | 'lime'
-  | 'green'
-  | 'emerald'
-  | 'teal'
-  | 'cyan'
-  | 'sky'
-  | 'blue'
-  | 'indigo'
-  | 'violet'
-  | 'purple'
-  | 'fuchsia'
-  | 'pink'
-  | 'rose';
-export type ThemePredefinedColor =
-  | 'primary'
-  | 'secondary'
-  | 'neutral'
-  | 'success'
-  | 'warning'
-  | 'danger'
-  | 'info';
-export type ThemeColor = ThemeRawColor | ThemePredefinedColor;
-export type ThemeColorReference = ThemeColor | ThemeColorDefinition;
-export type ThemeColorWithIntensity = `${ThemeColor}-${ThemeColorIntensity}`;
-
-export type ThemeTextSize =
-  | 'xs'
-  | 'sm'
-  | 'base'
-  | 'lg'
-  | 'xl'
-  | '2xl'
-  | '3xl'
-  | '4xl'
-  | '5xl'
-  | '6xl';
-export type ThemeFontFamily = 'sans' | 'serif' | 'mono';
-export type ThemeFontWeight = 'light' | 'normal' | 'bold';
-export type ThemeSpace =
-  | '0'
-  | '0_5'
-  | '1'
-  | '1_5'
-  | '2'
-  | '3'
-  | '4'
-  | '5'
-  | '6'
-  | '8'
-  | '10'
-  | '12'
-  | '14'
-  | '16'
-  | '20'
-  | '24'
-  | '32'
-  | '40'
-  | '48'
-  | '56'
-  | '64'
-  | '72'
-  | '80'
-  | '96'
-  | '128';
-export type ThemeSize =
-  | '0'
-  | '0_5'
-  | '1'
-  | '1_5'
-  | '2'
-  | '3'
-  | '4'
-  | '5'
-  | '6'
-  | '8'
-  | '10'
-  | '12'
-  | '16'
-  | '20'
-  | '24'
-  | '32'
-  | '40'
-  | '48';
-export type ThemeRounded =
-  | 'none'
-  | 'sm'
-  | 'md'
-  | 'lg'
-  | 'xl'
-  | '2xl'
-  | '3xl'
-  | 'full';
-export type ThemeShadow = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-
-export type Theme = DeepPartial<{
-  colors: Record<ThemeColor, ThemeColorReference>;
-  texts: Record<ThemeTextSize, string>;
-  fonts: Record<ThemeFontFamily, string>;
-  weights: Record<ThemeFontWeight, string>;
-  spaces: Record<ThemeSpace, string>;
-  sizes: Record<ThemeSpace, string>;
-  rounded: Record<ThemeRounded, string>;
-  shadows: Record<ThemeShadow, string>;
-}>;
+import { DeepPartial } from '../../typings';
+
+export type ThemeColorIntensity =
+  | 0
+  | 50
+  | 100
+  | 200
+  | 300
+  | 400
+  | 500
+  | 600
+  | 700
+  | 800
+  | 900
+  | 950
+  | 1000;
+export type ThemeColorDefinition = Record<ThemeColorIntensity, string>;
+export type ThemeRawColor =
+  | 'slate'
+  | 'gray'
+  | 'zinc'
+  | 'neutral'
+  | 'stone'
+  | 'red'
+  | 'orange'
+  | 'amber'
+  | 'yellow'
+  | 'lime'
+  | 'green'
+  | 'emerald'
+  | 'teal'
+  | 'cyan'
+  | 'sky'
+  | 'blue'
+  | 'indigo'
+  | 'violet'
+  | 'purple'
+  | 'fuchsia'
+  | 'pink'
+  | 'rose';
+export type ThemePredefinedColor =
+  | 'primary'
+  | 'secondary'
+  | 'neutral'
+  | 'success'
+  | 'warning'
+  | 'danger'
+  | 'info';
+export type ThemeColor = ThemeRawColor | ThemePredefinedColor;
+export type ThemeColorReference = ThemeColor | ThemeColorDefinition;
+export type ThemeColorWithIntensity = `${ThemeColor}-${ThemeColorIntensity}`;
+
+export type ThemeTextSize =
+  | 'xs'
+  | 'sm'
+  | 'base'
+  | 'lg'
+  | 'xl'
+  | '2xl'
+  | '3xl'
+  | '4xl'
+  | '5xl'
+  | '6xl';
+export type ThemeFontFamily = 'sans' | 'serif' | 'mono';
+export type ThemeFontWeight = 'light' | 'normal' | 'bold';
+export type ThemeSpace =
+  | '0'
+  | '0_5'
+  | '1'
+  | '1_5'
+  | '2'
+  | '3'
+  | '4'
+  | '5'
+  | '6'
+  | '8'
+  | '10'
+  | '12'
+  | '14'
+  | '16'
+  | '20'
+  | '24'
+  | '32'
+  | '40'
+  | '48'
+  | '56'
+  | '64'
+  | '72'
+  | '80'
+  | '96'
+  | '128';
+export type ThemeSize =
+  | '0'
+  | '0_5'
+  | '1'
+  | '1_5'
+  | '2'
+  | '3'
+  | '4'
+  | '5'
+  | '6'
+  | '8'
+  | '10'
+  | '12'
+  | '16'
+  | '20'
+  | '24'
+  | '32'
+  | '40'
+  | '48';
+export type ThemeRounded =
+  | 'none'
+  | 'sm'
+  | 'md'
+  | 'lg'
+  | 'xl'
+  | '2xl'
+  | '3xl'
+  | 'full';
+export type ThemeShadow = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+
+export type Theme = DeepPartial<{
+  colors: Record<ThemeColor, ThemeColorReference>;
+  texts: Record<ThemeTextSize, string>;
+  fonts: Record<ThemeFontFamily, string>;
+  weights: Record<ThemeFontWeight, string>;
+  spaces: Record<ThemeSpace, string>;
+  sizes: Record<ThemeSpace, string>;
+  rounded: Record<ThemeRounded, string>;
+  shadows: Record<ThemeShadow, string>;
+}>;

package/src/providers/TrackingProvider/index.tsx

@@ -1,71 +1,71 @@
-import {
-  FC,
-  PropsWithChildren,
-  createContext,
-  useCallback,
-  useMemo,
-  useState,
-} from 'react';
-
-import { useSendTrackingEventRequestHandler } from '../../services';
-
-export type TrackingContextType = {
-  sendEvent: (
-    name: string,
-    details?: Record<string, string | number | boolean | null>
-  ) => void;
-  enableTracking: () => void;
-  disableTracking: () => void;
-};
-
-export const TrackingContext = createContext<TrackingContextType>({
-  sendEvent: () => {},
-  enableTracking: () => {},
-  disableTracking: () => {},
-});
-
-export const TrackingProvider: FC<PropsWithChildren> = ({ children }) => {
-  const [trackingEnabled, setTrackingEnabled] = useState(true);
-  const sendTrackingEvent = useSendTrackingEventRequestHandler();
-
-  const sendEvent = useCallback(
-    (
-      name: string,
-      details: Record<string, string | number | boolean | null> = {}
-    ) => {
-      if (trackingEnabled) {
-        sendTrackingEvent({
-          data: {
-            id: '',
-            name,
-            details,
-          },
-        });
-      }
-    },
-    [sendTrackingEvent, trackingEnabled]
-  );
-
-  const enableTracking = useCallback(() => {
-    setTrackingEnabled(true);
-  }, []);
-
-  const disableTracking = useCallback(() => {
-    setTrackingEnabled(false);
-  }, []);
-
-  const value = useMemo(
-    () => ({
-      sendEvent,
-      enableTracking,
-      disableTracking,
-    }),
-    [disableTracking, enableTracking, sendEvent]
-  );
-
-  return (
-    <TrackingContext.Provider value={value}>
-      {children}
-    </TrackingContext.Provider>
-  );
-};
+import {
+  FC,
+  PropsWithChildren,
+  createContext,
+  useCallback,
+  useMemo,
+  useState,
+} from 'react';
+
+import { useSendTrackingEventRequestHandler } from '../../services';
+
+export type TrackingContextType = {
+  sendEvent: (
+    name: string,
+    details?: Record<string, string | number | boolean | null>
+  ) => void;
+  enableTracking: () => void;
+  disableTracking: () => void;
+};
+
+export const TrackingContext = createContext<TrackingContextType>({
+  sendEvent: () => {},
+  enableTracking: () => {},
+  disableTracking: () => {},
+});
+
+export const TrackingProvider: FC<PropsWithChildren> = ({ children }) => {
+  const [trackingEnabled, setTrackingEnabled] = useState(true);
+  const sendTrackingEvent = useSendTrackingEventRequestHandler();
+
+  const sendEvent = useCallback(
+    (
+      name: string,
+      details: Record<string, string | number | boolean | null> = {}
+    ) => {
+      if (trackingEnabled) {
+        sendTrackingEvent({
+          data: {
+            id: '',
+            name,
+            details,
+          },
+        });
+      }
+    },
+    [sendTrackingEvent, trackingEnabled]
+  );
+
+  const enableTracking = useCallback(() => {
+    setTrackingEnabled(true);
+  }, []);
+
+  const disableTracking = useCallback(() => {
+    setTrackingEnabled(false);
+  }, []);
+
+  const value = useMemo(
+    () => ({
+      sendEvent,
+      enableTracking,
+      disableTracking,
+    }),
+    [disableTracking, enableTracking, sendEvent]
+  );
+
+  return (
+    <TrackingContext.Provider value={value}>
+      {children}
+    </TrackingContext.Provider>
+  );
+};

package/src/providers/UiProviders/index.tsx

@@ -1,68 +1,68 @@
-import '../../styles/index.scss';
-import '../../styles/animations.scss';
-
-import * as styles from './styles';
-
-import {
-  FC,
-  PropsWithChildren,
-  createContext,
-  useCallback,
-  useMemo,
-  useRef,
-} from 'react';
-
-import { PortalsProvider } from '../PortalsProvider';
-import { SettingsProvider } from '../SettingsProvider';
-import { ThemeProvider } from '../ThemeProvider/ThemeProvider';
-import { TrackingProvider } from '../TrackingProvider';
-import { defaultTheme } from '../ThemeProvider/defaultTheme';
-
-export type UiProvidersProps = PropsWithChildren<{
-  $darkMode?: boolean;
-}>;
-
-export type UiContextType = {
-  rootRect: DOMRect;
-  getElementScreenRect: (element: HTMLElement) => DOMRect;
-};
-
-export const UiContext = createContext<UiContextType>({
-  rootRect: new DOMRect(),
-  getElementScreenRect: () => new DOMRect(),
-});
-
-export const UiProviders: FC<UiProvidersProps> = ({ $darkMode, children }) => {
-  const rootRef = useRef<HTMLDivElement | null>(null);
-
-  const getElementScreenRect = useCallback((element: HTMLElement) => {
-    const rootRect = rootRef.current?.getBoundingClientRect();
-    const rect = element.getBoundingClientRect();
-    rect.x -= (rootRect?.x ?? 0) + window.scrollX;
-    rect.y -= (rootRect?.y ?? 0) + window.scrollY;
-    return rect;
-  }, []);
-
-  const value = useMemo(
-    () => ({
-      rootRect: rootRef.current?.getBoundingClientRect() ?? new DOMRect(),
-      getElementScreenRect,
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [rootRef.current]
-  );
-
-  return (
-    <ThemeProvider $theme={defaultTheme} $darkMode={$darkMode}>
-      <UiContext.Provider value={value}>
-        <styles.Root ref={rootRef}>
-          <SettingsProvider>
-            <TrackingProvider>
-              <PortalsProvider>{children}</PortalsProvider>
-            </TrackingProvider>
-          </SettingsProvider>
-        </styles.Root>
-      </UiContext.Provider>
-    </ThemeProvider>
-  );
-};
+import '../../styles/index.scss';
+import '../../styles/animations.scss';
+
+import * as styles from './styles';
+
+import {
+  FC,
+  PropsWithChildren,
+  createContext,
+  useCallback,
+  useMemo,
+  useRef,
+} from 'react';
+
+import { PortalsProvider } from '../PortalsProvider';
+import { SettingsProvider } from '../SettingsProvider';
+import { ThemeProvider } from '../ThemeProvider/ThemeProvider';
+import { TrackingProvider } from '../TrackingProvider';
+import { defaultTheme } from '../ThemeProvider/defaultTheme';
+
+export type UiProvidersProps = PropsWithChildren<{
+  $darkMode?: boolean;
+}>;
+
+export type UiContextType = {
+  rootRect: DOMRect;
+  getElementScreenRect: (element: HTMLElement) => DOMRect;
+};
+
+export const UiContext = createContext<UiContextType>({
+  rootRect: new DOMRect(),
+  getElementScreenRect: () => new DOMRect(),
+});
+
+export const UiProviders: FC<UiProvidersProps> = ({ $darkMode, children }) => {
+  const rootRef = useRef<HTMLDivElement | null>(null);
+
+  const getElementScreenRect = useCallback((element: HTMLElement) => {
+    const rootRect = rootRef.current?.getBoundingClientRect();
+    const rect = element.getBoundingClientRect();
+    rect.x -= (rootRect?.x ?? 0) + window.scrollX;
+    rect.y -= (rootRect?.y ?? 0) + window.scrollY;
+    return rect;
+  }, []);
+
+  const value = useMemo(
+    () => ({
+      rootRect: rootRef.current?.getBoundingClientRect() ?? new DOMRect(),
+      getElementScreenRect,
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [rootRef.current]
+  );
+
+  return (
+    <ThemeProvider $theme={defaultTheme} $darkMode={$darkMode}>
+      <UiContext.Provider value={value}>
+        <styles.Root ref={rootRef}>
+          <SettingsProvider>
+            <TrackingProvider>
+              <PortalsProvider>{children}</PortalsProvider>
+            </TrackingProvider>
+          </SettingsProvider>
+        </styles.Root>
+      </UiContext.Provider>
+    </ThemeProvider>
+  );
+};

package/src/providers/UiProviders/styles.ts

@@ -1,10 +1,10 @@
-import styled from 'styled-components';
-
-export const Root = styled.div.attrs({ className: 'Root' })`
-  position: relative;
-  font-family: var(--font-sans);
-  font-size: var(--text-base);
-  color: var(--color-neutral-900);
-  width: 100%;
-  height: 100%;
-`;
+import styled from 'styled-components';
+
+export const Root = styled.div.attrs({ className: 'Root' })`
+  position: relative;
+  font-family: var(--font-sans);
+  font-size: var(--text-base);
+  color: var(--color-neutral-900);
+  width: 100%;
+  height: 100%;
+`;

package/src/providers/hooks.ts

@@ -1,12 +1,12 @@
-import { AuthenticationContext } from './AuthenticationProvider';
-import { LoadingContext } from './LoadingProvider';
-import { PortalsContext } from './PortalsProvider';
-import { SettingsContext } from './SettingsProvider';
-import { UiContext } from './UiProviders';
-import { useContext } from 'react';
-
-export const useAuthentication = () => useContext(AuthenticationContext);
-export const useLoading = () => useContext(LoadingContext);
-export const usePortals = () => useContext(PortalsContext);
-export const useSettings = () => useContext(SettingsContext);
-export const useUi = () => useContext(UiContext);
+import { AuthenticationContext } from './AuthenticationProvider';
+import { LoadingContext } from './LoadingProvider';
+import { PortalsContext } from './PortalsProvider';
+import { SettingsContext } from './SettingsProvider';
+import { UiContext } from './UiProviders';
+import { useContext } from 'react';
+
+export const useAuthentication = () => useContext(AuthenticationContext);
+export const useLoading = () => useContext(LoadingContext);
+export const usePortals = () => useContext(PortalsContext);
+export const useSettings = () => useContext(SettingsContext);
+export const useUi = () => useContext(UiContext);

package/src/providers/index.ts

@@ -1,8 +1,8 @@
-export * from './AuthenticationProvider';
-export * from './PortalsProvider';
-export * from './ThemeProvider';
-export * from './TrackingProvider';
-export * from './UiProviders';
-
-export * from './TrackingProvider/hooks';
-export * from './hooks';
+export * from './AuthenticationProvider';
+export * from './PortalsProvider';
+export * from './ThemeProvider';
+export * from './TrackingProvider';
+export * from './UiProviders';
+
+export * from './TrackingProvider/hooks';
+export * from './hooks';