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

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;

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/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,14 +21,14 @@ export declare type LocaleType = {
         [key: string]: string;
     };
 };
-declare type MergerSettingsType<T> = Partial<T> & {
+type MergerSettingsType<T> = Partial<T> & {
     primaryColor?: string;
     colorWeak?: boolean;
 };
 interface MainHeaderPropsInterface {
     picture: string;
 }
-export declare type BasicLayoutProps = Partial<RouterTypes<Route>> & SiderMenuProps & HeaderViewProps & {
+export type BasicLayoutProps = Partial<RouterTypes<Route>> & SiderMenuProps & HeaderViewProps & {
     pure?: boolean;
     /**
      *@name logo url
@@ -67,6 +67,6 @@ export declare type BasicLayoutProps = Partial<RouterTypes<Route>> & SiderMenuPr
      * Use both content margin
      */
     disableContentMargin?: boolean;
-    mainHeaderProps: MainHeaderPropsInterface;
+    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/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.1",
+    "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": "240f43c7e32e1a421f003484585283e13086ed7e"
+    "gitHead": "9d126e98d4d350532dcb5da56fd6d282e4360c9b"
 }