@opengeoweb/shared 4.3.0 → 4.5.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/Draggable.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Position = {
+export declare type DraggablePosition = {
     x: number;
     y: number;
 };
@@ -7,8 +7,8 @@ interface DraggableComponentProps {
     nodeRef?: React.RefObject<HTMLElement>;
     children?: React.ReactNode;
     bounds?: 'parent' | string;
-    position?: Position;
-    onStop?: (event: React.MouseEvent<HTMLElement>, pos: Position) => void;
+    position?: DraggablePosition;
+    onStop?: (event: React.MouseEvent<HTMLElement>, pos: DraggablePosition) => void;
     onMouseDown?: (event: MouseEvent) => void;
     handle?: string;
 }

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/StatusTag/StatusTag.stories.d.ts

@@ -3,7 +3,27 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const StatusTags: {
+export declare const StatusTagsGWTheme: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const StatusTagsLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const StatusTagsDark: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};

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/WithEggs/WithEggs.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Egg } from '@redux-eggs/core';
+export declare function withEggs(eggs: Egg[]): (Component: React.FC) => React.FC;

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

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

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

@@ -0,0 +1 @@
+export { withEggs } from './WithEggs';

package/lib/components/index.d.ts

@@ -17,3 +17,6 @@ export * from './EnableButton';
 export * from './AlertIcon';
 export * from './TooltipSelect';
 export * from './Avatar';
+export * from './WithEggs';
+export * from './CustomTooltip';
+export * from './CustomAccordion';

package/lib/hooks/index.d.ts

@@ -3,3 +3,4 @@ export * from './usePoller/usePoller';
 export * from './usePrevious/usePrevious';
 export * from './useIsMounted/useIsMounted';
 export * from './useDraftFormHelpers/useDraftFormHelpers';
+export * from './useMakeSureContainerStaysInsideWindow/useMakeSureContainerStaysInsideWindow';

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

@@ -0,0 +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/hooks/useMakeSureContainerStaysInsideWindow/useMakeSureContainerStaysInsideWindow.spec.d.ts

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

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.3.0",
+  "version": "4.5.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -14,15 +14,17 @@
   "peerDependencies": {
     "react": "^17.0.2",
     "@mui/material": "^5.10.8",
-    "@opengeoweb/theme": "4.3.0",
+    "@opengeoweb/theme": "4.5.0",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
-    "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "4.3.0",
+    "@redux-eggs/core": "^2.2.0",
+    "react-redux": "^8.0.4",
+    "@opengeoweb/form-fields": "4.5.0",
     "react-hook-form": "^6.12.1",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",
     "@mui/x-date-pickers": "^5.0.4",
+    "lodash": "^4.17.20",
     "axios": "^0.25.0"
   }
 }