@admin-layout/client 3.0.0-alpha.97 → 3.1.1-alpha.0

package/lib/interfaces/generated/generated-models.js

@@ -14,6 +14,7 @@ const defaultOptions = {};
 ;
 ;
 ;
+;
 export const OrgNameInContextFragmentDoc = gql `
     fragment OrgNameInContext on Context {
   orgName
@@ -21,7 +22,7 @@ export const OrgNameInContextFragmentDoc = gql `
     `;
 export const GetOrgNameFromContextDocument = gql `
     query GetOrgNameFromContext {
-  getOrgNameFromContext @client {
+  getOrgNameFromContext {
     ...OrgNameInContext
   }
 }

package/lib/interfaces/generated/generated-models.js.map

@@ -1 +1 @@
-{"version":3,"file":"generated-models.js","sourceRoot":"","sources":["../../../src/interfaces/generated/generated-models.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAOzC,MAAM,cAAc,GAAI,EAAE,CAAA;AAsDzB,CAAC;AA4BD,CAAC;AAeD,CAAC;AAiED,CAAC;AAaD,CAAC;AA+JD,CAAC;AAkaD,CAAC;AAyGD,CAAC;AAMD,CAAC;AAgBD,CAAC;AA6BD,CAAC;AAwTD,CAAC;AA2DD,CAAC;AAqIF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA;;;;KAIzC,CAAC;AACN,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,CAAA;;;;;;MAM1C,2BAA2B,EAAE,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,6BAA6B,CAAC,WAAwG;IAC9I,MAAM,OAAO,mCAAO,cAAc,GAAK,WAAW,CAAC,CAAA;IACnD,OAAO,MAAM,CAAC,QAAQ,CAAoE,6BAA6B,EAAE,OAAO,CAAC,CAAC;AACpI,CAAC;AACP,MAAM,UAAU,iCAAiC,CAAC,WAA4G;IACpJ,MAAM,OAAO,mCAAO,cAAc,GAAK,WAAW,CAAC,CAAA;IACnD,OAAO,MAAM,CAAC,YAAY,CAAoE,6BAA6B,EAAE,OAAO,CAAC,CAAC;AACxI,CAAC"}
+{"version":3,"file":"generated-models.js","sourceRoot":"","sources":["../../../src/interfaces/generated/generated-models.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAOzC,MAAM,cAAc,GAAI,EAAE,CAAA;AAoEzB,CAAC;AA+BD,CAAC;AAeD,CAAC;AAQD,CAAC;AAiED,CAAC;AAeD,CAAC;AA+JD,CAAC;AAwVD,CAAC;AA0GD,CAAC;AAMD,CAAC;AAgBD,CAAC;AAyCD,CAAC;AAmSD,CAAC;AA2DD,CAAC;AAqIF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA;;;;KAIzC,CAAC;AACN,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,CAAA;;;;;;MAM1C,2BAA2B,EAAE,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,6BAA6B,CAAC,WAAwG;IAC9I,MAAM,OAAO,mCAAO,cAAc,GAAK,WAAW,CAAC,CAAA;IACnD,OAAO,MAAM,CAAC,QAAQ,CAAoE,6BAA6B,EAAE,OAAO,CAAC,CAAC;AACpI,CAAC;AACP,MAAM,UAAU,iCAAiC,CAAC,WAA4G;IACpJ,MAAM,OAAO,mCAAO,cAAc,GAAK,WAAW,CAAC,CAAA;IACnD,OAAO,MAAM,CAAC,YAAY,CAAoE,6BAA6B,EAAE,OAAO,CAAC,CAAC;AACxI,CAAC"}

package/lib/interfaces/layout/base-menu.d.ts

@@ -2,7 +2,7 @@
 import { MenuTheme, PureSettings } from "../pure-settings";
 import { MenuDataItem, MessageDescriptor, Route, RouterTypes, WithFalse } from "../typings";
 import { MenuProps } from "./menu";
-export declare type MenuMode = 'vertical' | 'horizontal' | 'inline';
+export type MenuMode = 'vertical' | 'horizontal' | 'inline';
 export interface BaseMenuProps extends Partial<RouterTypes<Route>>, Omit<MenuProps, 'openKeys' | 'onOpenChange' | 'title'>, Partial<PureSettings> {
     className?: string;
     /**

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

@@ -7,7 +7,7 @@ import { GetPageTitleProps } from './page';
 import { SiderMenuProps } from './sider-menu';
 import { ProSettings } from '../pure-settings';
 import { IPermissionType } from '@adminide-stack/core';
-export declare type LocaleType = {
+export type LocaleType = {
     'zh-CN': {
         [key: string]: string;
     };
@@ -21,11 +21,14 @@ export declare type LocaleType = {
         [key: string]: string;
     };
 };
-declare type MergerSettingsType<T> = Partial<T> & {
+type MergerSettingsType<T> = Partial<T> & {
     primaryColor?: string;
     colorWeak?: boolean;
 };
-export declare type BasicLayoutProps = Partial<RouterTypes<Route>> & SiderMenuProps & HeaderViewProps & {
+interface MainHeaderPropsInterface {
+    picture: string;
+}
+export type BasicLayoutProps = Partial<RouterTypes<Route>> & SiderMenuProps & HeaderViewProps & {
     pure?: boolean;
     /**
      *@name logo url
@@ -64,5 +67,6 @@ export declare type BasicLayoutProps = Partial<RouterTypes<Route>> & SiderMenuPr
      * Use both content margin
      */
     disableContentMargin?: boolean;
+    mainHeaderProps?: MainHeaderPropsInterface;
 };
 export {};

package/lib/interfaces/layout/global-header.d.ts

@@ -2,7 +2,7 @@
 import { PureSettings } from '../pure-settings';
 import { MenuDataItem, WithFalse } from '../typings';
 import { PrivateSiderMenuProps, SiderMenuProps } from './sider-menu';
-export declare type HeaderViewProps = GlobalHeaderProps & {
+export type HeaderViewProps = GlobalHeaderProps & {
     isMobile?: boolean;
     collapsed?: boolean;
     logo?: React.ReactNode;

package/lib/interfaces/layout/sider-menu.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { WithFalse } from "../typings";
 import { BaseMenuProps } from "./base-menu";
-export declare type PrivateSiderMenuProps = {
+export type PrivateSiderMenuProps = {
     matchMenuKeys: string[];
 };
 export interface SiderMenuProps extends Pick<BaseMenuProps, Exclude<keyof BaseMenuProps, ['onCollapse']>> {
@@ -21,8 +21,8 @@ export interface SiderMenuProps extends Pick<BaseMenuProps, Exclude<keyof BaseMe
     onOpenChange?: (openKeys: WithFalse<string[]>) => void;
     getContainer?: false;
 }
-declare type SiderTheme = 'light' | 'dark';
-declare type CollapseType = 'clickTrigger' | 'responsive';
+type SiderTheme = 'light' | 'dark';
+type CollapseType = 'clickTrigger' | 'responsive';
 export interface SiderProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
     collapsible?: boolean;

package/lib/interfaces/pure-settings.d.ts

@@ -1,5 +1,5 @@
-export declare type ContentWidth = 'Fluid' | 'Fixed';
-export declare type MenuTheme = 'light' | 'dark';
+export type ContentWidth = 'Fluid' | 'Fixed';
+export type MenuTheme = 'light' | 'dark';
 export interface RenderSetting {
     showHeader?: boolean | any;
     headerRender?: boolean | any;
@@ -75,4 +75,4 @@ export interface PureSettings {
     splitMenus?: boolean;
     siderMenuType?: string;
 }
-export declare type ProSettings = PureSettings & RenderSetting;
+export type ProSettings = PureSettings & RenderSetting;

package/lib/interfaces/typings.d.ts

@@ -64,7 +64,7 @@ export interface Route extends MenuDataItem {
     routes?: Route[];
     breadcrumbName: string;
 }
-export declare type WithFalse<T> = T | false;
+export type WithFalse<T> = T | false;
 export interface RouterTypes<P> extends Omit<BasicRouteProps, 'location'> {
     computedMatch?: match<P>;
     route?: Route;

package/lib/redux/actions/error-actions.d.ts

@@ -14,7 +14,7 @@ export declare const restoreApplicationError: (payload: ApplicationErrorState[])
     type: "@platform/RESTORE_APPLICATION_ERRORS";
     payload: ApplicationErrorState[];
 };
-export declare type ErrorActions = {
+export type ErrorActions = {
     type: LOG_APPLICATION_ERROR;
     payload: Omit<ApplicationErrorState, 'date'>;
 } | {

package/lib/redux/selectors/index.d.ts

@@ -2,7 +2,7 @@ import { ApplicationErrorState } from '../../interfaces';
 interface Store {
     applicationErrors: ApplicationErrorState[];
 }
-export declare const backendErrorSelector: ((state: Store) => ApplicationErrorState | undefined) & import("reselect").OutputSelectorFields<(args_0: ApplicationErrorState[]) => ApplicationErrorState & {
+export declare const backendErrorSelector: ((state: Store) => ApplicationErrorState | undefined) & import("reselect").OutputSelectorFields<(args_0: ApplicationErrorState[]) => ApplicationErrorState | undefined, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

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/lib/utils/seperatedMenus.d.ts

@@ -1,5 +1,5 @@
 import { MenuDataItem } from '../interfaces';
-export declare type SeparateMenusTypes = {
+export type SeparateMenusTypes = {
     upperMenus?: MenuDataItem[];
     middleMenus?: MenuDataItem[];
     lowerMenus?: MenuDataItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/client",
-    "version": "3.0.0-alpha.97",
+    "version": "3.1.1-alpha.0",
     "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": "61ab6c411718ebcbee6790235ab6ea29c741a670"
+    "gitHead": "bb8717ece27d520364691007ab79162d82fc6f13"
 }