@admin-layout/client 3.0.0-alpha.126 → 3.0.0-alpha.134

package/lib/interfaces/layout/basic-layout.d.ts

@@ -67,6 +67,6 @@ export type BasicLayoutProps = Partial<RouterTypes<Route>> & SiderMenuProps & He
      * Use both content margin
      */
     disableContentMargin?: boolean;
-    mainHeaderProps: MainHeaderPropsInterface;
+    mainHeaderProps?: MainHeaderPropsInterface;
 };
 export {};

package/lib/utils/componentSize.d.ts

@@ -0,0 +1,7 @@
+import { useLayoutEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+export declare const useComponentSize: () => {
+    width: any;
+    height: any;
+    ref: import("react").MutableRefObject<null>;
+};

package/lib/utils/componentSize.js

@@ -0,0 +1,48 @@
+'use strict';
+import { useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
+export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+const getSize = (el) => {
+    if (!el) {
+        return {
+            width: 0,
+            height: 0
+        };
+    }
+    return {
+        width: el.offsetWidth,
+        height: el.offsetHeight
+    };
+};
+export const useComponentSize = () => {
+    let ref = useRef(null);
+    const [componentSize, setComponentSize] = useState(getSize(ref ? ref.current : {}));
+    const handleResize = useCallback(() => {
+        if (ref.current) {
+            setComponentSize(getSize(ref.current));
+        }
+    }, [ref]);
+    useIsomorphicLayoutEffect(() => {
+        if (!ref.current) {
+            return;
+        }
+        handleResize();
+        if (typeof ResizeObserver === 'function') {
+            let resizeObserver = new ResizeObserver(() => {
+                handleResize();
+            });
+            resizeObserver.observe(ref.current);
+            return () => {
+                resizeObserver.disconnect();
+                resizeObserver = null;
+            };
+        }
+        else {
+            window.addEventListener('resize', handleResize);
+            return () => {
+                window.removeEventListener('resize', handleResize);
+            };
+        }
+    }, [ref.current]);
+    return Object.assign({ ref }, componentSize);
+};
+//# sourceMappingURL=componentSize.js.map

package/lib/utils/componentSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentSize.js","sourceRoot":"","sources":["../../src/utils/componentSize.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,MAAM,CAAC,MAAM,yBAAyB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;AAErG,MAAM,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE;IACrB,IAAI,CAAC,EAAE,EAAE;QACP,OAAO;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV,CAAC;KACH;IACD,OAAO;QACL,KAAK,EAAE,EAAE,CAAC,WAAW;QACrB,MAAM,EAAE,EAAE,CAAC,YAAY;KACxB,CAAC;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACvB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEpF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;SACxC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,yBAAyB,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YAChB,OAAO;SACR;QACD,YAAY,EAAE,CAAC;QAEf,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;YACxC,IAAI,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBAC3C,YAAY,EAAE,CAAC;YACjB,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAEpC,OAAO,GAAG,EAAE;gBACV,cAAc,CAAC,UAAU,EAAE,CAAC;gBAC3B,cAAsB,GAAG,IAAI,CAAC;YACjC,CAAC,CAAC;SACH;aAAM;YACL,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAEhD,OAAO,GAAG,EAAE;gBACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACrD,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAElB,uBAAS,GAAG,IAAK,aAAa,EAAG;AACnC,CAAC,CAAA"}

package/lib/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './seperatedMenus';
+export * from './componentSize';

package/lib/utils/index.js

@@ -1,2 +1,3 @@
 export * from './seperatedMenus';
+export * from './componentSize';
 //# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/client",
-    "version": "3.0.0-alpha.126",
+    "version": "3.0.0-alpha.134",
     "description": "Sample client for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -34,5 +34,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "c9099307b0a3008f28fd74f034428d63e5069b77"
+    "gitHead": "dfed17213b872a4185dd24f2da27c6fa040053b4"
 }