@chayns-components/navigation 5.0.64 → 5.1.0

package/lib/types/components/split-layout/SplitLayout.styles.d.ts

@@ -0,0 +1,12 @@
+import { SplitLayoutDirection } from './SplitLayout.types';
+import { WithTheme } from '@chayns-components/core';
+type StyledSplitLayoutProps = WithTheme<{
+    $direction: SplitLayoutDirection;
+}>;
+export declare const StyledSplitLayout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSplitLayoutProps>> & string;
+type StyledSplitLayoutPaneProps = WithTheme<{
+    $direction: SplitLayoutDirection;
+    $size?: number;
+}>;
+export declare const StyledSplitLayoutPane: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSplitLayoutPaneProps>> & string;
+export {};

package/lib/types/components/split-layout/SplitLayout.types.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export interface SplitLayoutProps {
+    views: Record<string, SplitLayoutView>;
+    direction?: SplitLayoutDirection;
+    handleSize?: number;
+    fullScreenViewId?: string;
+    onChange?: (id: string, size: number) => void;
+}
+export interface SplitLayoutView {
+    component: ReactNode;
+    minSize?: number;
+    maxSize?: number;
+    collapseBreakpoint?: number;
+    defaultSize?: number;
+}
+export declare enum SplitLayoutDirection {
+    HORIZONTAL = "HORIZONTAL",
+    VERTICAL = "VERTICAL"
+}

package/lib/types/components/split-layout/SplitLayout.utils.d.ts

@@ -0,0 +1,8 @@
+import { SplitLayoutDirection, SplitLayoutView } from './SplitLayout.types';
+interface GetVisibleViewIdsOptions {
+    views: Record<string, SplitLayoutView>;
+    containerSize: number;
+}
+export declare const getVisibleViewIds: ({ views, containerSize }: GetVisibleViewIdsOptions) => string[];
+export declare const getContainerSizeByDirection: (element: HTMLDivElement | null, direction: SplitLayoutDirection) => number;
+export {};

package/lib/types/components/split-layout/resize-handle/ResizeHandle.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { SplitLayoutDirection } from '../SplitLayout.types';
+interface ResizeHandleProps {
+    onDrag: (delta: number) => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+    direction: SplitLayoutDirection;
+    size: number;
+}
+declare const ResizeHandle: FC<ResizeHandleProps>;
+export default ResizeHandle;

package/lib/types/components/split-layout/resize-handle/ResizeHandle.hooks.d.ts

@@ -0,0 +1,9 @@
+import { type PointerEvent as ReactPointerEvent } from 'react';
+import { SplitLayoutDirection } from '../SplitLayout.types';
+export interface UseDragHandleOptions {
+    direction: SplitLayoutDirection;
+    onDrag: (delta: number) => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+}
+export declare const useDragHandle: ({ direction, onDrag, onDragStart, onDragEnd, }: UseDragHandleOptions) => ((e: ReactPointerEvent<HTMLElement>) => void);

package/lib/types/components/split-layout/resize-handle/ResizeHandle.styles.d.ts

@@ -0,0 +1,15 @@
+import { WithTheme } from '@chayns-components/core';
+import { SplitLayoutDirection } from '../SplitLayout.types';
+type StyledResizeHandleProps = WithTheme<{
+    $direction: SplitLayoutDirection;
+    $size: number;
+}>;
+export declare const StyledResizeHandle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledResizeHandleProps>> & string;
+export declare const StyledResizeHandleLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: import("@chayns-components/core").Theme;
+}>> & string;
+type StyledResizeHandleDragProps = WithTheme<{
+    $direction: SplitLayoutDirection;
+}>;
+export declare const StyledResizeHandleDrag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledResizeHandleDragProps>> & string;
+export {};

package/lib/types/components/user-image/UserImage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { UserImageProps } from './UserImage.types';
+declare const UserImage: FC<UserImageProps>;
+export default UserImage;

package/lib/types/components/user-image/UserImage.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface UserImageProps {
+    personId?: string;
+    size?: number;
+    yOffset?: number;
+    popupContent?: ReactNode;
+    onClick?: () => void;
+}

package/lib/types/components/user-image/userImage.styles.d.ts

@@ -0,0 +1,10 @@
+import { WithTheme } from '@chayns-components/core';
+type StyledUserImageProps = WithTheme<{
+    $size: number;
+}>;
+export declare const StyledUserImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledUserImageProps>> & string;
+type StyledUserImageUserProps = WithTheme<{
+    $size: number;
+}>;
+export declare const StyledUserImageUser: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, StyledUserImageUserProps>> & string;
+export {};

package/lib/types/index.d.ts

@@ -1,5 +1,13 @@
 export { default as DynamicToolbar } from './components/dynamic-toolbar/DynamicToolbar';
-export { DynamicToolbarLayout } from './components/dynamic-toolbar/DynamicToolbar.types';
-export type { DynamicToolbarItem, DynamicToolbarProps, } from './components/dynamic-toolbar/DynamicToolbar.types';
 export { default as DynamicToolbarSpacer } from './components/dynamic-toolbar-spacer/DynamicToolbarSpacer';
+export { default as SplitLayout } from './components/split-layout/SplitLayout';
+export { default as UserImage } from './components/user-image/UserImage';
+export { default as MenuToggle } from './components/navigation-layout/navigation-header/menu-toggle/MenuToggle';
+export { default as NavigationLayout } from './components/navigation-layout/NavigationLayout';
 export type { DynamicToolbarSpacerProps } from './components/dynamic-toolbar-spacer/DynamicToolbarSpacer.types';
+export type { DynamicToolbarItem, DynamicToolbarProps, } from './components/dynamic-toolbar/DynamicToolbar.types';
+export type { NavigationLayoutConfig, NavigationLayoutGroup, NavigationLayoutItem, NavigationLayoutItemLocation, NavigationLayoutItemReorderEvent, NavigationLayoutItemReorderPlacement, NavigationLayoutItemReorderSource, NavigationLayoutItemReorderTarget, NavigationLayoutProps, } from './components/navigation-layout/NavigationLayout.types';
+export type { SplitLayoutView } from './components/split-layout/SplitLayout.types';
+export { DynamicToolbarLayout } from './components/dynamic-toolbar/DynamicToolbar.types';
+export { SplitLayoutDirection } from './components/split-layout/SplitLayout.types';
+export { reorderNavigationLayoutGroupItems, reorderNavigationLayoutGroups, } from './components/navigation-layout/NavigationLayout.utils';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/navigation",
-    "version": "5.0.64",
+    "version": "5.1.0",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -69,7 +69,7 @@
         "typescript": "^5.9.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.64",
+        "@chayns-components/core": "^5.1.0",
         "react-compiler-runtime": "^1.0.0"
     },
     "peerDependencies": {
@@ -82,5 +82,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "ccb192d61c7fac0ba61c1c88e6583eb66a1529f3"
+    "gitHead": "c409049193ae46a92195e4713d35ff2c8700a67e"
 }