@touchtech/web-navigation-menu 0.0.1-alpha.1 → 0.0.1-alpha.10

package/dist/components/Navigation/Context.d.ts

@@ -1,27 +1,31 @@
 import React from "react";
 type Props = {
     children: React.ReactNode;
-    open: boolean;
+    isOpen: boolean;
     onNavigationClose?: () => void;
 };
 type NavigationViewState = {
     selectedTenantId: string;
-    isTenantsOpen: boolean;
-    isNavigationOpen: boolean;
+    currentPosition: NavigationPosition;
 };
-type NavigationContextValue = {
-    hasMarketingAccess: boolean;
+export type NavigationContextValue = {
+    hasMarketingEngineAccess: boolean;
     hasShowroomAccess: boolean;
-    hasSendoutAccess: boolean;
-    hasSendoutCmsAccess: boolean;
-    hasManageUsersAccess: boolean;
+    hasSendoutsAccess: boolean;
+    hasSendoutsCmsAccess: boolean;
+    hasUserManagementAccess: boolean;
     viewState: NavigationViewState;
     updateViewState: (viewStateUpdate: Partial<NavigationViewState>) => void;
     signOut: () => void;
     toggleTenants: () => void;
     onNavigationClose: () => void;
 };
+export declare enum NavigationPosition {
+    OPEN = "OPEN",
+    HIDDEN = "HIDDEN",
+    EXPANDED = "EXPANDED"
+}
 export declare const NavigationContext: React.Context<NavigationContextValue>;
 export declare function useNavigationContext(): NavigationContextValue;
-export declare function NavigationContextProvider({ children, open, onNavigationClose, }: Props): JSX.Element;
+export declare function NavigationContextProvider({ children, isOpen, onNavigationClose, }: Props): JSX.Element;
 export {};

package/dist/components/Navigation/Logo/Logo.d.ts

@@ -4,5 +4,5 @@ type Props = {
     layout?: ImageProps["layout"];
     onClick?: () => void;
 };
-declare function Logo({ layout }: Props): JSX.Element;
+declare function Logo({ layout }: Props): JSX.Element | null;
 export default Logo;

package/dist/components/Navigation/Navigation.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
-declare function Navigation(): JSX.Element;
+type Props = {
+    isOpen: boolean;
+    onClose: () => void;
+};
+declare function Navigation({ isOpen, onClose }: Props): JSX.Element;
 export default Navigation;

package/dist/components/Navigation/NavigationButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { IconButton } from "@touchtech/baselayer-ui";
+type IconButtonProps = React.ComponentProps<typeof IconButton>;
+type Props = Partial<IconButtonProps> & {
+    navigationContainer?: Element | DocumentFragment;
+};
+declare function NavigationButton({ size, alt, src, navigationContainer, ...props }: Props): JSX.Element;
+export default NavigationButton;

package/dist/components/Navigation/Tiers/Tier/Tier.d.ts

@@ -2,9 +2,10 @@ import React from "react";
 type Props = {
     children?: React.ReactNode;
     header?: React.ReactNode;
+    showHeaderBorder?: boolean;
     footer?: React.ReactNode;
     className?: string;
     width?: number;
 };
-declare function Tier({ children, header, footer, className, width }: Props): JSX.Element;
+declare function Tier({ children, header, footer, className, width, showHeaderBorder, }: Props): JSX.Element;
 export default Tier;

package/dist/components/Navigation/index.d.ts

@@ -1 +1,2 @@
-export { default as Navigation } from "./Base";
+export { default as Navigation } from "./Navigation";
+export { default as NavigationButton } from "./NavigationButton";

package/dist/constants/index.d.ts

@@ -6,5 +6,5 @@ export declare const AppPaths: {
     USER_MANAGEMENT: string;
     TENANTS: string;
 };
-export declare const TENANTS_TIER_WIDTH = 296;
-export declare const APPLICATIONS_TIER_WIDTH = 296;
+export declare const TENANTS_TIER_WIDTH = 300;
+export declare const APPLICATIONS_TIER_WIDTH = 300;

package/dist/hooks/useTenants.d.ts

@@ -9,6 +9,6 @@ type State = {
     error?: Error;
     data: SelfViewData;
 };
-export declare function createTenantsSelfViewUrl(): string;
+export declare function createTenantsViewSelfUrl(): string;
 export default function useTenants(): State;
 export {};