@opengeoweb/shared 4.4.0 → 4.6.0

package/lib/components/CustomAccordion/CustomAccordion.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { AccordionProps, SxProps, Theme } from '@mui/material';
+export interface CustomAccordionProps extends Omit<AccordionProps, 'title'> {
+    title?: string | React.ReactNode;
+    expandedElevation?: number;
+    collapsedElevation?: number;
+    transitionDuration?: number;
+    detailsSx?: SxProps<Theme>;
+}
+export declare const CustomAccordion: React.FC<CustomAccordionProps>;

package/lib/components/CustomAccordion/CustomAccordion.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/CustomAccordion/CustomAccordion.stories.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const CustomAccordionLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const CustomAccordionDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/CustomAccordion/index.d.ts

@@ -0,0 +1 @@
+export * from './CustomAccordion';

package/lib/components/CustomTooltip/CustomTooltip.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { TooltipProps } from '@mui/material';
+export declare const defaultDelay = 1000;
+export declare const useControlledTooltip: () => [
+    boolean,
+    React.Dispatch<React.SetStateAction<boolean>>
+];
+export declare const CustomTooltip: React.FC<TooltipProps>;

package/lib/components/CustomTooltip/CustomTooltip.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/CustomTooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './CustomTooltip';

package/lib/components/DraggableResizable/Resizable.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { ResizableComponentProps } from './types';
+export declare const isDraggingClassName = "is-dragging";
 declare const ResizeComponent: React.FC<ResizableComponentProps>;
 export default ResizeComponent;

package/lib/components/DraggableResizable/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ResizableProps } from 're-resizable';
-declare type Position = {
+export declare type Position = {
     top: number;
     left?: number;
     right?: number;
@@ -10,11 +10,9 @@ export declare type Size = {
     height?: number | string;
 };
 export interface ResizableComponentProps extends Omit<ResizableProps, 'size'> {
-    startPosition?: Position;
     startSize?: Size;
     setSize?: (size: Size) => void;
     size?: Size;
     children: React.ReactNode;
     onResizeStart?: () => void;
 }
-export {};

package/lib/components/EnableButton/EnableButton.d.ts

@@ -3,6 +3,8 @@ interface EnableLayerProps {
     isEnabled?: boolean;
     title: string;
     onChangeEnableLayer: (enable: boolean) => void;
+    className?: string;
+    id?: string;
 }
 export declare const EnableButton: React.FC<EnableLayerProps>;
 export {};

package/lib/components/ManagerButton/ManagerButton.d.ts

@@ -8,5 +8,6 @@ export interface ManagerButtonProps extends IconButtonProps {
     icon: React.ReactNode;
     testId: string;
     isAccessible?: boolean;
+    children?: React.ReactElement;
 }
 export declare const ManagerButton: React.FC<ManagerButtonProps>;

package/lib/components/ToolContainer/ToolContainerDraggable.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-import { ResizableComponentProps, Size } from '../DraggableResizable/types';
+import { SxProps } from '@mui/material';
+import { DraggablePosition } from '../DraggableResizable/Draggable';
+import { Position, ResizableComponentProps, Size } from '../DraggableResizable/types';
 import { HeaderSize } from './types';
 export declare const calculateDialogSizeAndPosition: () => {
     width: number;
@@ -8,6 +10,7 @@ export declare const calculateDialogSizeAndPosition: () => {
     left: number;
 };
 interface DraggableComponentProps extends Omit<ResizableComponentProps, 'bounds'> {
+    startPosition?: Position;
     onStartResize?: () => void;
     isOpen?: boolean;
     onClose?: () => void;
@@ -15,11 +18,15 @@ interface DraggableComponentProps extends Omit<ResizableComponentProps, 'bounds'
     headerSize?: HeaderSize;
     initialMaxHeight?: string | number;
     onChangeSize?: (size: Size) => void;
+    onDragEnd?: (position: DraggablePosition, size: Size) => void;
     onMouseDown?: () => void;
     bounds?: 'parent' | string;
     order?: number;
     source?: 'app' | 'module';
-    leftComponent?: React.ReactNode;
+    leftHeaderComponent?: React.ReactNode;
+    rightHeaderComponent?: React.ReactNode;
+    hasElevation?: boolean;
+    sx?: SxProps;
 }
 declare const DraggableComponent: React.FC<DraggableComponentProps>;
 export default DraggableComponent;

package/lib/components/ToolContainer/types.d.ts

@@ -7,7 +7,8 @@ export interface ToolHeaderProps {
     onClose?: () => void;
     className?: string;
     isDraggable?: boolean;
-    leftComponent?: React.ReactNode;
+    leftHeaderComponent?: React.ReactNode;
+    rightHeaderComponent?: React.ReactNode;
 }
 export interface ToolContainerProps extends PaperProps, ToolHeaderProps {
     isResizable?: boolean;

package/lib/components/ToolContainer/useHandleSizeFromOutsideComponent.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { ControlPosition } from 'react-draggable';
+import { Size } from '../DraggableResizable/types';
+interface PositionAndSizeProps {
+    currentX: number;
+    newWidth: number;
+    maxWidth: number;
+    position: ControlPosition;
+    startSize: Size;
+}
+interface PositionAndSizePropsRight extends PositionAndSizeProps {
+    currentWidth: number;
+}
+export declare const getRightPositionAndSize: ({ currentX, currentWidth, newWidth, maxWidth, position, startSize, }: PositionAndSizePropsRight) => {
+    size: Size;
+    position: ControlPosition;
+};
+export declare const getLeftPositionAndSize: ({ currentX, newWidth, maxWidth, position, startSize, }: PositionAndSizeProps) => {
+    size: Size;
+    position: ControlPosition;
+};
+interface UseHandleSizeFromOutsideComponentProps {
+    nodeRef: React.RefObject<HTMLDivElement>;
+    startSize: Size;
+    bounds?: 'parent' | string;
+    isRightAligned: boolean;
+    size: Size;
+    setSize: (size: Size) => void;
+    position: ControlPosition;
+    setPosition: (position: ControlPosition) => void;
+}
+export declare const useHandleSizeFromOutsideComponent: ({ nodeRef, startSize, bounds, isRightAligned, size, setSize, position, setPosition, }: UseHandleSizeFromOutsideComponentProps) => void;
+export {};

package/lib/components/ToolContainer/useHandleSizeFromOutsideComponent.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/index.d.ts

@@ -18,3 +18,5 @@ export * from './AlertIcon';
 export * from './TooltipSelect';
 export * from './Avatar';
 export * from './WithEggs';
+export * from './CustomTooltip';
+export * from './CustomAccordion';

package/lib/hooks/useMakeSureContainerStaysInsideWindow/useMakeSureContainerStaysInsideWindow.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { DraggablePosition } from '../../components/DraggableResizable/Draggable';
+export declare const adjustPosition: (bbox: DOMRect, containingView: DOMRect, position: DraggablePosition, setPosition: (position: DraggablePosition) => void) => void;
 export declare const useMakeSureContainerStaysInsideWindow: (nodeRef: React.RefObject<HTMLDivElement>, position: DraggablePosition, setPosition: (position: DraggablePosition) => void) => void;

package/lib/utils/containerQueryHelper.d.ts

@@ -0,0 +1 @@
+export declare const IS_JEST: boolean;

package/lib/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './axiosErrorUtils';
+export * from './containerQueryHelper';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "4.4.0",
+  "version": "4.6.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -14,12 +14,12 @@
   "peerDependencies": {
     "react": "^17.0.2",
     "@mui/material": "^5.10.8",
-    "@opengeoweb/theme": "4.4.0",
+    "@opengeoweb/theme": "4.6.0",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "@redux-eggs/core": "^2.2.0",
     "react-redux": "^8.0.4",
-    "@opengeoweb/form-fields": "4.4.0",
+    "@opengeoweb/form-fields": "4.6.0",
     "react-hook-form": "^6.12.1",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",