@m4l/graphics 0.1.50 → 0.1.51

package/contexts/index.d.ts

@@ -1,7 +1,6 @@
 export * from './FormatterContext';
 export type { Formatters, DateFormatter, NumberFormatter, CurrencyFormatter, } from './FormatterContext/types';
 export * from './LocalesContext';
-export * from './ResponsiveRelativeContext';
 export type { NetworkLocaleType, LocaleType } from './LocalesContext/types';
 export { getLocaleFromNetwork } from './LocalesContext/helper';
 export * from './HostThemeContext';

package/hooks/index.33d67709.js

@@ -0,0 +1,45 @@
+import { useRef as n, useEffect as r, useState as f, useContext as c, useLayoutEffect as i } from "react";
+import { H as l } from "../contexts/HostThemeContext/index.4291ba89.js";
+function w() {
+  const e = n(!0);
+  return r(
+    () => () => {
+      e.current = !1;
+    },
+    []
+  ), e;
+}
+function d(e) {
+  const [s, t] = f(!1), o = e || 100;
+  return r(() => (window.onscroll = () => {
+    window.pageYOffset > o ? t(!0) : t(!1);
+  }, () => {
+    window.onscroll = null;
+  }), [o]), s;
+}
+const p = () => {
+  const e = c(l);
+  if (!e)
+    throw new Error("useHostTheme context must be use inside HostThemeProvider");
+  return e;
+};
+function T(e) {
+  const s = n(null);
+  return i(() => {
+    const t = s?.current;
+    if (!t)
+      return;
+    const o = new ResizeObserver((u) => {
+      e(t, u[0]);
+    });
+    return o.observe(t), () => {
+      o.disconnect();
+    };
+  }, [e, s.current]), s;
+}
+export {
+  d as a,
+  p as b,
+  T as c,
+  w as u
+};

package/hooks/index.d.ts

@@ -2,7 +2,6 @@ export { useFirstRender } from './useFirstRender';
 export { useFormatter } from './useFormatter';
 export { useIsMountedRef } from './useIsMountedRef';
 export { useLocales } from './useLocales';
-export { useResponsiveRelativeStore } from './useResponsiveRelative';
 export { useOffSetTop } from './useOffSetTop';
 export { useHostTheme } from './useHostTheme';
 export { useResizeObserver } from './useResizeObserver';

package/hooks/useResizeObserver/index.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from 'react';
-export declare function useResizeObserver<T extends HTMLElement>(callback: (target: T, entry: ResizeObserverEntry) => void, ref: RefObject<T>): void;
+/// <reference types="react" />
+export declare function useResizeObserver<T extends HTMLElement>(callback: (target: T, entry: ResizeObserverEntry) => void): import("react").RefObject<T>;
 export default useResizeObserver;

package/hooks/useResponsive/index.1409e387.js

@@ -0,0 +1,7 @@
+import { useResponsive as s } from "@m4l/styles";
+function p() {
+  return s("up", "sm");
+}
+export {
+  p as u
+};

package/index.js

@@ -1,14 +1,13 @@
-import { G as l } from "./components/GlobalStyle/index.fff91e86.js";
-import { L as R, a as d, g as c } from "./contexts/LocalesContext/index.53f0b702.js";
-import { F, a as L } from "./contexts/FormatterContext/index.92336f4c.js";
-import { R as g, a as h } from "./contexts/ResponsiveRelativeContext/index.b1f839dc.js";
-import { H as T, a as b } from "./contexts/HostThemeContext/index.4291ba89.js";
-import { u as k } from "./hooks/useFirstRender/index.1e9b02fb.js";
-import { u as z } from "./hooks/useFormatter/index.57ac8cca.js";
-import { c as O, a as y, b as A, u as D } from "./hooks/index.9e1fde8c.js";
-import { u as I } from "./hooks/useLocales/index.d5a80aff.js";
-import { a as N, u as W } from "./hooks/useResponsive/index.d90a6b52.js";
-import { C as q, g as B } from "./utils/index.6909c662.js";
+import { G as x } from "./components/GlobalStyle/index.fff91e86.js";
+import { L as n, a as c, g as d } from "./contexts/LocalesContext/index.53f0b702.js";
+import { F as v, a as C } from "./contexts/FormatterContext/index.92336f4c.js";
+import { H as g, a as h } from "./contexts/HostThemeContext/index.4291ba89.js";
+import { u as P } from "./hooks/useFirstRender/index.1e9b02fb.js";
+import { u as T } from "./hooks/useFormatter/index.57ac8cca.js";
+import { b as k, u as w, a as z, c as G } from "./hooks/index.33d67709.js";
+import { u as S } from "./hooks/useLocales/index.d5a80aff.js";
+import { u as A } from "./hooks/useResponsive/index.1409e387.js";
+import { C as E, g as I } from "./utils/index.6909c662.js";
 import "@mui/material/styles";
 import "@mui/material";
 import "@m4l/styles";
@@ -18,28 +17,23 @@ import "@mui/x-date-pickers/AdapterDateFns";
 import "@mui/x-date-pickers";
 import "@m4l/core";
 import "date-fns/locale/en-US";
-import "./node_modules.56b5d6e3.js";
-import "./commonjs.e3daa2e5.js";
 export {
-  q as Capitalize,
-  F as FormatterContext,
-  L as FormatterProvider,
-  l as GlobalStyles,
-  T as HostThemeContext,
-  b as HostThemeProvider,
-  R as LocalesContext,
-  d as LocalesProvider,
-  g as ResponsiveRelativeContext,
-  h as ResponsiveRelativeProvider,
-  B as getAnchorElPositionWindow,
-  c as getLocaleFromNetwork,
-  k as useFirstRender,
-  z as useFormatter,
-  O as useHostTheme,
-  y as useIsMountedRef,
-  I as useLocales,
-  A as useOffSetTop,
-  D as useResizeObserver,
-  N as useResponsiveDesktop,
-  W as useResponsiveRelativeStore
+  E as Capitalize,
+  v as FormatterContext,
+  C as FormatterProvider,
+  x as GlobalStyles,
+  g as HostThemeContext,
+  h as HostThemeProvider,
+  n as LocalesContext,
+  c as LocalesProvider,
+  I as getAnchorElPositionWindow,
+  d as getLocaleFromNetwork,
+  P as useFirstRender,
+  T as useFormatter,
+  k as useHostTheme,
+  w as useIsMountedRef,
+  S as useLocales,
+  z as useOffSetTop,
+  G as useResizeObserver,
+  A as useResponsiveDesktop
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "0.1.50",
+  "version": "0.1.51",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "dependencies": {

package/commonjs.e3daa2e5.js

@@ -1,9 +0,0 @@
-import "react";
-var l = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function t(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-export {
-  l as c,
-  t as g
-};

package/contexts/ResponsiveRelativeContext/constants.d.ts

@@ -1,2 +0,0 @@
-import { BreakPointsType } from "./types";
-export declare const BREAKPOINTS: BreakPointsType;

package/contexts/ResponsiveRelativeContext/index.b1f839dc.js

@@ -1,60 +0,0 @@
-import { createContext as m, useRef as p, useMemo as u, useCallback as d } from "react";
-import { c as f, d as k, i as b, l as h } from "../../node_modules.56b5d6e3.js";
-import { jsx as g } from "react/jsx-runtime";
-import { u as x } from "../../hooks/index.9e1fde8c.js";
-const v = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, P = (r) => {
-  const s = {
-    ...r
-  };
-  return f(
-    k(
-      b((t, e) => ({
-        ...s,
-        responsiveRelativeActions: {
-          setBreakpoint: (o) => {
-            t(
-              (n) => {
-                n.breakPoint = o;
-              }
-            );
-          }
-        }
-      })),
-      { name: "Responsive Relative Store" }
-    )
-  );
-}, S = m(null), C = (r) => {
-  const {
-    children: s,
-    observedDivRef: t
-  } = r, e = p();
-  e.current || (e.current = P({
-    breakPoint: "md"
-  }));
-  const o = u(() => () => {
-    const i = t.current;
-    if (i instanceof HTMLElement && i.clientWidth) {
-      const l = Object.keys(v);
-      for (let a = 0; a < l.length; a++) {
-        const c = l[a];
-        if (i.clientWidth <= v[c] && c !== e.current?.getState().breakPoint) {
-          e.current?.getState().responsiveRelativeActions.setBreakpoint(c);
-          break;
-        }
-      }
-    }
-  }, []), n = h.exports.throttle(o, 200, {
-    leading: !1,
-    trailing: !0
-  }), R = d(() => {
-    n();
-  }, [e.current]);
-  return x(R, t), /* @__PURE__ */ g(S.Provider, {
-    value: e.current,
-    children: s
-  });
-};
-export {
-  S as R,
-  C as a
-};

package/contexts/ResponsiveRelativeContext/index.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { ResponsiveRelativeProviderProps } from './types';
-declare const ResponsiveRelativeContext: import("react").Context<(Omit<Omit<import("zustand").StoreApi<import("./types").ResponsiveRelativeStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: import("./types").ResponsiveRelativeStateWithActions | Partial<import("./types").ResponsiveRelativeStateWithActions> | ((state: import("./types").ResponsiveRelativeStateWithActions) => import("./types").ResponsiveRelativeStateWithActions | Partial<import("./types").ResponsiveRelativeStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: import("./types").ResponsiveRelativeStateWithActions | Partial<import("./types").ResponsiveRelativeStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./types").ResponsiveRelativeStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-}) | null>;
-declare const ResponsiveRelativeProvider: (props: ResponsiveRelativeProviderProps) => import("react").JSX.Element;
-export { ResponsiveRelativeProvider, ResponsiveRelativeContext };

package/contexts/ResponsiveRelativeContext/store.d.ts

@@ -1,11 +0,0 @@
-import { InitialResponsiveRelativeProps, ResponsiveRelativeStateWithActions } from './types';
-export declare const createResponsiveRelativeStore: (initProps: InitialResponsiveRelativeProps) => Omit<Omit<import("zustand").StoreApi<ResponsiveRelativeStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: ResponsiveRelativeStateWithActions | Partial<ResponsiveRelativeStateWithActions> | ((state: ResponsiveRelativeStateWithActions) => ResponsiveRelativeStateWithActions | Partial<ResponsiveRelativeStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: ResponsiveRelativeStateWithActions | Partial<ResponsiveRelativeStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<ResponsiveRelativeStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-};
-export declare type ResponsiveRelativeStore = ReturnType<typeof createResponsiveRelativeStore>;

package/contexts/ResponsiveRelativeContext/types.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-export declare type BreakpointType = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type BreakPointsType = Record<BreakpointType, number>;
-export interface ResponsiveRelativeContextProps {
-    breakPoint: BreakpointType;
-}
-export interface ResponsiveRelativeProviderProps {
-    observedDivRef: React.RefObject<HTMLElement>;
-    children: React.ReactNode;
-}
-export declare type CurrentState = {
-    width: number;
-    height: number;
-    mounted: boolean;
-    breakpoint: BreakpointType;
-};
-export interface ResponsiveRelativeState {
-    breakPoint: BreakpointType;
-}
-export interface InitialResponsiveRelativeProps extends Pick<ResponsiveRelativeState, 'breakPoint'> {
-}
-export interface ResponsiveRelativeStateWithActions extends ResponsiveRelativeState {
-    responsiveRelativeActions: {
-        setBreakpoint: (breakPoint: BreakpointType) => void;
-    };
-}

package/hooks/index.9e1fde8c.js

@@ -1,44 +0,0 @@
-import { useRef as u, useEffect as n, useState as f, useContext as c, useLayoutEffect as i } from "react";
-import { H as a } from "../contexts/HostThemeContext/index.4291ba89.js";
-function w() {
-  const e = u(!0);
-  return n(
-    () => () => {
-      e.current = !1;
-    },
-    []
-  ), e;
-}
-function d(e) {
-  const [o, t] = f(!1), s = e || 100;
-  return n(() => (window.onscroll = () => {
-    window.pageYOffset > s ? t(!0) : t(!1);
-  }, () => {
-    window.onscroll = null;
-  }), [s]), o;
-}
-const p = () => {
-  const e = c(a);
-  if (!e)
-    throw new Error("useHostTheme context must be use inside HostThemeProvider");
-  return e;
-};
-function T(e, o) {
-  i(() => {
-    const t = o?.current;
-    if (!t)
-      return;
-    const s = new ResizeObserver((r) => {
-      e(t, r[0]);
-    });
-    return s.observe(t), () => {
-      s.disconnect();
-    };
-  }, [e, o.current]);
-}
-export {
-  w as a,
-  d as b,
-  p as c,
-  T as u
-};

package/hooks/useResponsive/index.d90a6b52.js

@@ -1,17 +0,0 @@
-import { useContext as o } from "react";
-import { u as r } from "../../node_modules.56b5d6e3.js";
-import { R as n } from "../../contexts/ResponsiveRelativeContext/index.b1f839dc.js";
-import { useResponsive as i } from "@m4l/styles";
-function f(e, t) {
-  const s = o(n);
-  if (!s)
-    throw new Error("useAreasStore context must be use inside AreasContext");
-  return r(s, e, t);
-}
-function R() {
-  return i("up", "sm");
-}
-export {
-  R as a,
-  f as u
-};

package/hooks/useResponsiveRelative/index.d.ts

@@ -1,2 +0,0 @@
-import { ResponsiveRelativeStateWithActions } from '../../contexts/ResponsiveRelativeContext/types';
-export declare function useResponsiveRelativeStore<T>(selector: (state: ResponsiveRelativeStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;