@admin-layout/client 4.0.1-alpha.2 → 5.0.1-alpha.0

package/lib/components/ApplicationErrorFillWrapper.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ApplicationErrorFillWrapper: (props: any) => JSX.Element;
+import * as React from 'react';
+export declare const ApplicationErrorFillWrapper: (props: any) => React.JSX.Element;

package/lib/components/ApplicationErrorHandlerCommon.d.ts

@@ -9,11 +9,11 @@ interface ApplicationErrorHandlerCommonProps {
     plugins: Record<string, any>;
     children: ReactNode;
 }
-declare type IRendererComponentType = (props: {
+type IRendererComponentType = (props: {
     applicationErrors: ApplicationErrorState[];
     backendError: ApplicationErrorState;
 }) => ReactElement;
-declare type IApplicationErrorSlotType = (props: {
+type IApplicationErrorSlotType = (props: {
     name: string;
     fillProps: {
         active: boolean;

package/lib/components/ErrorBoundaryCommon.d.ts

@@ -1,9 +1,9 @@
 import React, { ReactElement } from 'react';
-declare type IErrorBoundryState = {
+type IErrorBoundryState = {
     hasError: boolean;
     error: Error | null;
 };
-declare type IErrorBoundryProps = {
+type IErrorBoundryProps = {
     children: ReactElement;
     fallbackComponent: (props: {
         error: Error;
@@ -16,6 +16,6 @@ export declare class ErrorBoundaryCommon extends React.Component<IErrorBoundryPr
         error: Error;
     };
     componentDidCatch(error: Error): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/config/defaultSettings.js

@@ -1,11 +1,11 @@
 export const defaultSettings = {
     logo: 'https://cdmbase.s3.ca-central-1.amazonaws.com/favicon-new-128.svg',
     navTheme: 'light',
-    primaryColor: '#3FA541C',
-    colorPrimary: '#3FA541C',
-    layout: 'side',
+    primaryColor: '#1890ff',
+    colorPrimary: '#1677FF',
+    layout: 'mix',
     contentWidth: 'Fluid',
-    fixedHeader: false,
+    fixedHeader: true,
     fixSiderbar: true,
     searchBarRender: true,
     colorWeak: false,
@@ -27,6 +27,6 @@ export const defaultSettings = {
     headerHeight: undefined,
     menu: undefined,
     splitMenus: false,
-    siderMenuType: 'group'
+    siderMenuType: 'sub'
 };
 //# sourceMappingURL=defaultSettings.js.map

package/lib/config/defaultSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultSettings.js","sourceRoot":"","sources":["../../src/config/defaultSettings.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAUxB;IACA,IAAI,EAAE,mEAAmE;IACzE,QAAQ,EAAE,OAAO;IACjB,YAAY,EAAE,UAAU;IACxB,YAAY,EAAE,UAAU;IACxB,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,OAAO;IACrB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,IAAI;IACrB,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,EAAE;IACf,gBAAgB,EAAE,IAAI;IACtB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,qBAAqB;IACjC,eAAe,EAAE,KAAK;IACtB,WAAW,EAAE,MAAM;IACnB,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,KAAK;IACrB,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,KAAK;IACf,oBAAoB;IACpB,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,OAAO;CACzB,CAAC"}
+{"version":3,"file":"defaultSettings.js","sourceRoot":"","sources":["../../src/config/defaultSettings.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAUxB;IACA,IAAI,EAAE,mEAAmE;IACzE,QAAQ,EAAE,OAAO;IACjB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,OAAO;IACrB,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,IAAI;IACrB,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,EAAE;IACf,gBAAgB,EAAE,IAAI;IACtB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,OAAO;IACjB,UAAU,EAAE,qBAAqB;IACjC,eAAe,EAAE,KAAK;IACtB,WAAW,EAAE,MAAM;IACnB,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,KAAK;IACrB,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,KAAK;IACf,oBAAoB;IACpB,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;CACvB,CAAC"}

package/lib/config/env-config.d.ts

@@ -1,5 +1,6 @@
 import * as envalid from 'envalid';
 import { DefaultSettings } from '../interfaces';
-export declare const config: Readonly<{
+declare let config: Readonly<{
     LAYOUT_SETTINGS: DefaultSettings;
 } & envalid.CleanedEnvAccessors>;
+export { config };

package/lib/config/env-config.js

@@ -2,10 +2,18 @@ import * as envalid from 'envalid';
 import { defaultSettings } from './defaultSettings';
 const { json } = envalid;
 const env = process.APP_ENV || process.env;
-export const config = envalid.cleanEnv(env, 
-/* start */ {
+const preConfig = envalid.cleanEnv(env, {
     LAYOUT_SETTINGS: json({
         default: JSON.stringify(defaultSettings),
     }),
-} /* end */);
+});
+let config = {};
+// overwrite the layout settings with environment 
+if (env.LAYOUT_SETTINGS) {
+    config = Object.assign(Object.assign({}, preConfig), { LAYOUT_SETTINGS: Object.assign(Object.assign({}, defaultSettings), preConfig.LAYOUT_SETTINGS) });
+}
+else {
+    config = preConfig;
+}
+export { config };
 //# sourceMappingURL=env-config.js.map

package/lib/config/env-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"env-config.js","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;AACzB,MAAM,GAAG,GAAI,OAAe,CAAC,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG;AACtC,WAAW,CAAC;IACZ,eAAe,EAAE,IAAI,CAAkB;QACnC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAQ;KAClD,CAAC;CACL,CAAC,SAAS,CACV,CAAC"}
+{"version":3,"file":"env-config.js","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;AACzB,MAAM,GAAG,GAAI,OAAe,CAAC,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC;AAEpD,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,EAClC;IACI,eAAe,EAAE,IAAI,CAAkB;QACnC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAQ;KAClD,CAAC;CACL,CACJ,CAAC;AACF,IAAI,MAAM,GAAG,EAAsB,CAAC;AACpC,kDAAkD;AAClD,IAAI,GAAG,CAAC,eAAe,EAAE;IACrB,MAAM,mCAAQ,SAAS,KAAE,eAAe,kCAAO,eAAe,GAAK,SAAS,CAAC,eAAe,IAAI,CAAC;CACpG;KAAM;IACH,MAAM,GAAG,SAAS,CAAC;CACtB;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/constants/error.d.ts

@@ -1,10 +1,10 @@
-export declare type BACKEND_ERROR = '@platform/BACKEND_ERROR';
+export type BACKEND_ERROR = '@platform/BACKEND_ERROR';
 export declare const BACKEND_ERROR: BACKEND_ERROR;
-export declare type DISMISS_APPLICATION_ERROR = '@platform/DISMISS_APPLICATION_ERROR';
+export type DISMISS_APPLICATION_ERROR = '@platform/DISMISS_APPLICATION_ERROR';
 export declare const DISMISS_APPLICATION_ERROR: DISMISS_APPLICATION_ERROR;
-export declare type CLEAR_APPLICATION_ERRORS = '@platform/CLEAR_APPLICATION_ERRORS';
+export type CLEAR_APPLICATION_ERRORS = '@platform/CLEAR_APPLICATION_ERRORS';
 export declare const CLEAR_APPLICATION_ERRORS: CLEAR_APPLICATION_ERRORS;
-export declare type RESTORE_APPLICATION_ERRORS = '@platform/RESTORE_APPLICATION_ERRORS';
+export type RESTORE_APPLICATION_ERRORS = '@platform/RESTORE_APPLICATION_ERRORS';
 export declare const RESTORE_APPLICATION_ERRORS: RESTORE_APPLICATION_ERRORS;
-export declare type LOG_APPLICATION_ERROR = '@platform/LOG_APPLICATION_ERROR';
+export type LOG_APPLICATION_ERROR = '@platform/LOG_APPLICATION_ERROR';
 export declare const LOG_APPLICATION_ERROR: LOG_APPLICATION_ERROR;

package/lib/graphql/link/error-link.d.ts

@@ -1,6 +1,6 @@
 import { ApolloLink } from '@apollo/client';
 import { interfaces } from 'inversify';
-declare type IGetErrorLink = (container: interfaces.Container) => ApolloLink;
+type IGetErrorLink = (container: interfaces.Container) => ApolloLink;
 interface IErrorLink {
     getErrorLink: IGetErrorLink;
 }

package/lib/graphql/link/error-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-link.js","sourceRoot":"","sources":["../../../src/graphql/link/error-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAIpD,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAOjD,MAAM,OAAO,SAAS;IAGpB,mBAAmB,CAAC,SAA+B,EAAE,KAAK;;QACxD,MAAM,UAAU,GAAG,SAAS,CAAC,GAAG,CAAe,YAAY,CAAC,CAAC;QAC7D,IAAI,MAAM,GAAG;YACX,IAAI,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAE,UAAU;YACnC,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAE,OAAO;SACpC,CAAA;QACD,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,EAAE;YACjB,MAAM,GAAG;gBACP,IAAI,EAAE,qBAAqB;gBAC3B,OAAO,EAAE;oBACP,IAAI,EAAE,aAAa;oBACnB,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC;iBAC/B;aACF,CAAA;SACF;QACD,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC7B,CAAC;IAED,YAAY,CAAC,SAA+B;QAC1C,OAAO,OAAO,CAAC,GAAG,CAAC,EAAE;;YACnB,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,GAAG,CAAC;YAC5C,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,EAAE;gBACzB,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;oBAC9B,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;gBAC7C,CAAC,CAAC,CAAA;aACH;YACD,IAAI,YAAY,EAAE;gBAChB,MAAM,YAAY,GAAG,MAAC,YAA4B,aAA5B,YAAY,uBAAZ,YAAY,CAAkB,MAAM,0CAAE,MAAM,CAAA;gBAClE,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,EAAE;oBACxB,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;wBACzB,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;oBAC5C,CAAC,CAAC,CAAA;iBACH;qBAAM;oBACL,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;iBAClD;aACF;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;CACF;AAGD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAA+B,EAAE,EAAE;IAChE,OAAO,IAAI,SAAS,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;AAChD,CAAC,CAAA"}
+{"version":3,"file":"error-link.js","sourceRoot":"","sources":["../../../src/graphql/link/error-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAIpD,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAOjD,MAAM,OAAO,SAAS;IAGpB,mBAAmB,CAAC,SAA+B,EAAE,KAAK;;QACxD,MAAM,UAAU,GAAG,SAAS,CAAC,GAAG,CAAe,YAAY,CAAC,CAAC;QAC7D,IAAI,MAAM,GAAG;YACX,IAAI,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAE,UAAU;YACnC,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAE,OAAO;SACpC,CAAA;QACD,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,EAAE;YACjB,MAAM,GAAG;gBACP,IAAI,EAAE,qBAAqB;gBAC3B,OAAO,EAAE;oBACP,IAAI,EAAE,aAAa;oBACnB,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC;iBAC/B;aACF,CAAA;SACF;QACD,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC7B,CAAC;IAED,YAAY,CAAC,SAA+B;QAC1C,OAAO,OAAO,CAAC,GAAG,CAAC,EAAE;;YACnB,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,GAAG,CAAC;YAC5C,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,EAAE;gBACzB,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;oBAC9B,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;gBAC7C,CAAC,CAAC,CAAA;aACH;YACD,IAAI,YAAY,EAAE;gBAChB,MAAM,YAAY,GAAG,MAAC,YAA6D,aAA7D,YAAY,uBAAZ,YAAY,CAAmD,MAAM,0CAAE,MAAM,CAAA;gBACnG,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,EAAE;oBACxB,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;wBACzB,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;oBAC5C,CAAC,CAAC,CAAA;iBACH;qBAAM;oBACL,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;iBAClD;aACF;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;CACF;AAGD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAA+B,EAAE,EAAE;IAChE,OAAO,IAAI,SAAS,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;AAChD,CAAC,CAAA"}

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

@@ -1,4 +1,4 @@
 import { ProSettings } from './pure-settings';
-export declare type DefaultSettings = Partial<ProSettings> & {
+export type DefaultSettings = Partial<ProSettings> & {
     language?: string;
 };

package/lib/interfaces/index.d.ts

@@ -1,4 +1,3 @@
-export * from './generated';
 export * from './default-settings';
 export * from './pure-settings';
 export * from './typings';

package/lib/interfaces/index.js

@@ -1,4 +1,4 @@
-export * from './generated';
+// export * from './generated';
 export * from './default-settings';
 export * from './pure-settings';
 export * from './typings';

package/lib/interfaces/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,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,16 +21,19 @@ 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
      */
-    logo?: React.ReactNode | WithFalse<() => React.ReactNode>;
+    logo?: React.ReactNode | WithFalse<() => React.ReactNode> | (() => React.ReactElement);
     /**
      *@name Triggered when the page is switched
      */
@@ -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": "4.0.1-alpha.2",
+    "version": "5.0.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": "6a488a99328bd14887ccb2386170de83dffa2454"
+    "gitHead": "9d126e98d4d350532dcb5da56fd6d282e4360c9b"
 }