@m4l/graphics 0.1.32 → 0.1.34

package/contexts/index.d.ts

@@ -4,3 +4,4 @@ export * from './LocalesContext';
 export type { NetworkLocaleType, LocaleType } from './LocalesContext/types';
 export { getLocaleFromNetwork } from './LocalesContext/helper';
 export * from './HostThemeContext';
+export type { HostThemeType } from './HostThemeContext/types';

package/hooks/useFirstRender/index.d.ts

@@ -1 +1,2 @@
-export declare function useFirstRender(dependencies?: Array<any>): boolean;
+import { DependencyList } from 'react';
+export declare function useFirstRender(dependencies?: DependencyList): boolean;

package/hooks/useHostTheme/index.d.ts

@@ -1 +1 @@
-export declare const useHostTheme: () => import("../../contexts/HostThemeContext/types").HostThemeType;
+export declare const useHostTheme: () => import("../..").HostThemeType;

package/index.js

@@ -1,13 +1,13 @@
 import { P as x } from "./components/ProgressBarStyle/index.fb6fd9ed.js";
-import { F as l, a as F } from "./contexts/FormatterContext/index.92336f4c.js";
-import { L as v, a as C, g as L } from "./contexts/LocalesContext/index.5b555637.js";
-import { H as c, a as H } from "./contexts/HostThemeContext/index.9fe9854f.js";
-import { u as T } from "./hooks/useFirstRender/index.1e9b02fb.js";
-import { u as h } from "./hooks/useFormatter/index.57ac8cca.js";
-import { b as S, u as b, a as w } from "./hooks/index.64cf4fc4.js";
+import { F as l, a as d } from "./contexts/FormatterContext/index.92336f4c.js";
+import { L as P, a as c, g } from "./contexts/LocalesContext/index.5b555637.js";
+import { H as C, a as L } from "./contexts/HostThemeContext/index.9fe9854f.js";
+import { u as H } from "./hooks/useFirstRender/index.1e9b02fb.js";
+import { u as T } from "./hooks/useFormatter/index.57ac8cca.js";
+import { b as w, u as S, a as b } from "./hooks/index.64cf4fc4.js";
 import { u as z } from "./hooks/useLocales/index.f676279e.js";
-import { u as D, a as I } from "./hooks/useResponsive/index.fc5e1b4f.js";
-import { C as N } from "./utils/index.54cae015.js";
+import { u as B, a as D } from "./hooks/useResponsive/index.fc5e1b4f.js";
+import { C as I, g as M } from "./utils/index.e35c6547.js";
 import "@mui/material/styles";
 import "@mui/material";
 import "react/jsx-runtime";
@@ -18,21 +18,22 @@ import "@mui/x-date-pickers";
 import "date-fns/locale/en-US";
 import "@mui/material/useMediaQuery";
 export {
-  N as Capitalize,
+  I as Capitalize,
   l as FormatterContext,
-  F as FormatterProvider,
-  c as HostThemeContext,
-  H as HostThemeProvider,
-  v as LocalesContext,
-  C as LocalesProvider,
+  d as FormatterProvider,
+  C as HostThemeContext,
+  L as HostThemeProvider,
+  P as LocalesContext,
+  c as LocalesProvider,
   x as ProgressBarStyle,
-  L as getLocaleFromNetwork,
-  T as useFirstRender,
-  h as useFormatter,
-  S as useHostTheme,
-  b as useIsMountedRef,
+  M as getAnchorElPositionWindow,
+  g as getLocaleFromNetwork,
+  H as useFirstRender,
+  T as useFormatter,
+  w as useHostTheme,
+  S as useIsMountedRef,
   z as useLocales,
-  w as useOffSetTop,
-  D as useResponsive,
-  I as useResponsiveDesktop
+  b as useOffSetTop,
+  B as useResponsive,
+  D as useResponsiveDesktop
 };

package/package.json

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

package/utils/anchorEl.d.ts

@@ -0,0 +1,13 @@
+export declare type AnchorEl = HTMLElement | (() => HTMLElement);
+export interface AnchorOrigin {
+    vertical: 'top' | 'center' | 'bottom' | number;
+    horizontal: 'left' | 'center' | 'right' | number;
+}
+export interface AnchorPosition {
+    top: number;
+    left: number;
+}
+export declare const getAnchorElPositionWindow: (anchorElement: HTMLElement, newWindowRect: Pick<DOMRect, 'width' | 'height'>, anchorOrigin: AnchorOrigin, transformOrigin: AnchorOrigin, marginThreshold?: number) => {
+    top: number;
+    left: number;
+};

package/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './strings';
+export * from './anchorEl';

package/utils/index.e35c6547.js

@@ -0,0 +1,56 @@
+const v = (t) => t && t[0].toUpperCase() + t.slice(1) || "";
+function A(t, e) {
+  let o = 0;
+  return typeof e == "number" ? o = e : e === "center" ? o = t.height / 2 : e === "bottom" && (o = t.height), o;
+}
+function C(t, e) {
+  let o = 0;
+  return typeof e == "number" ? o = e : e === "center" ? o = t.width / 2 : e === "right" && (o = t.width), o;
+}
+function O(t) {
+  return typeof t == "function" ? t() : t;
+}
+const b = (t, e) => {
+  const i = O(t).getBoundingClientRect();
+  return {
+    top: i.top + A(i, e.vertical),
+    left: i.left + C(i, e.horizontal)
+  };
+}, m = (t, e) => ({
+  vertical: A(t, e.vertical),
+  horizontal: C(t, e.horizontal)
+}), w = (t, e, o, i, s = 16) => {
+  const l = b(t, o);
+  console.log("anchoEl", l);
+  const r = m(e, i);
+  console.log("elemTransformOrigin", r);
+  const h = document.getElementById("ContainerAreas")?.getBoundingClientRect() || {
+    top: 0,
+    left: 0
+  };
+  console.log("getAnchorOffset-container", h);
+  let n = l.top - r.vertical, c = l.left - r.horizontal;
+  const g = n + e.height, d = c + e.width, p = window, u = p.innerHeight - s, a = p.innerWidth - s;
+  if (console.log("Final top,bottom,heightThreshold", n, g, u), n < s) {
+    const f = n - s;
+    n -= f;
+  } else if (g > u) {
+    const f = g - u;
+    n -= f;
+  }
+  if (c < s) {
+    const f = c - s;
+    c -= f;
+  } else if (d > a) {
+    const f = d - a;
+    c -= f;
+  }
+  return {
+    top: Math.round(n) - h.top,
+    left: Math.round(c) - h.left
+  };
+};
+export {
+  v as C,
+  w as g
+};

package/utils/index.54cae015.js

@@ -1,4 +0,0 @@
-const a = (e) => e && e[0].toUpperCase() + e.slice(1) || "";
-export {
-  a as C
-};