@opengeoweb/shared 2.2.0 → 2.4.0

package/lib/components/AlertBanner/AlertBanner.d.ts

@@ -5,6 +5,7 @@ interface AlertBannerProps {
     severity?: AlertColor;
     info?: string | React.ReactElement;
     dataTestId?: string;
+    isCompact?: boolean;
 }
 declare const AlertBanner: React.FC<AlertBannerProps>;
 export default AlertBanner;

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

@@ -3,7 +3,15 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const AlertBanners: {
+export declare const AlertBannersGWTheme: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const AlertBannersLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const AlertBannersDark: {
     (): React.ReactElement;
     storyName: string;
 };

package/lib/components/CustomToggleButton/CustomToggleButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ToggleButtonProps } from '@mui/material';
+import { ButtonVariant } from '@opengeoweb/theme';
+export interface CustomToggleButtonProps extends Omit<ToggleButtonProps, 'value'> {
+    variant?: ButtonVariant;
+    value?: unknown;
+}
+export declare const CustomToggleButton: React.FC<CustomToggleButtonProps>;

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

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

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

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

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface EnableLayerProps {
+    isEnabled?: boolean;
+    title: string;
+    onChangeEnableLayer: (enable: boolean) => void;
+}
+export declare const EnableButton: React.FC<EnableLayerProps>;
+export {};

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { IconButtonProps } from '@mui/material';
+interface ManagerButtonProps extends IconButtonProps {
+    tooltipTitle: string;
+    onClick?: (event: React.MouseEvent) => void;
+    isActive?: boolean;
+    isEnabled?: boolean;
+    icon: React.ReactNode;
+    testId: string;
+    isAccessible?: boolean;
+}
+export declare const ManagerButton: React.FC<ManagerButtonProps>;
+export {};

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

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

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

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

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

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

package/lib/components/Manager/ManagerDeleteButton/ManagerDeleteButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface DeleteButtonProps {
+    tooltipTitle: string;
+    onClickDelete: () => void;
+    isEnabled?: boolean;
+}
+export declare const ManagerDeleteButton: React.FC<DeleteButtonProps>;
+export {};

package/lib/components/Manager/ManagerDeleteButton/ManagerDeleteButton.spec.d.ts

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

package/lib/components/Manager/ManagerDeleteButton/ManagerDeleteButton.stories.d.ts

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

package/lib/components/Manager/ManagerDeleteButton/index.d.ts

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

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

@@ -0,0 +1,4 @@
+export * from './ManagerButton';
+export * from './ManagerDeleteButton';
+export * from './EnableButton';
+export * from './styles';

package/lib/components/Manager/styles.d.ts

@@ -0,0 +1,5 @@
+export interface ManagerButtonStyle {
+    isActive?: boolean;
+    isEnabled?: boolean;
+    isAccessible?: boolean;
+}

package/lib/components/ToggleMenu/ToggleMenu.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { SxProps, Theme } from '@mui/material';
+declare type MenuItemType = {
+    text: string;
+    action: () => void;
+    icon?: React.ReactNode;
+};
+interface ToggleMenuProps {
+    buttonTestId?: string;
+    menuPosition?: 'left' | 'bottom';
+    menuItems?: MenuItemType[];
+    children?: React.ReactNode;
+    buttonSx?: SxProps<Theme>;
+    tooltipTitle?: string;
+}
+export declare const ToggleMenu: React.FC<ToggleMenuProps>;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ToggleMenuLight: () => React.ReactElement;
+export declare const ToggleMenuDark: () => React.ReactElement;

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

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

package/lib/components/ToolButton/ToolButton.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Theme, SxProps } from '@mui/material';
+import { CustomToggleButtonProps } from '../CustomToggleButton';
+export interface ToolButtonProps extends CustomToggleButtonProps {
+    active?: boolean;
+    width?: string;
+    height?: string;
+    value?: unknown;
+    sx?: SxProps<Theme>;
+}
+export declare const ToolButton: React.FC<ToolButtonProps>;

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

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

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

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

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

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

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

@@ -1,6 +1,12 @@
 import React from 'react';
 import { ResizableComponentProps, Size } from '../DraggableResizable/types';
 import { HeaderSize } from './types';
+export declare const calculateDialogSizeAndPosition: () => {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+};
 interface DraggableComponentProps extends Omit<ResizableComponentProps, 'bounds'> {
     onStartResize?: () => void;
     isOpen?: boolean;

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

@@ -1,5 +1,6 @@
 export { default as ToolContainer } from './ToolContainer';
 export { default as ToolContainerDraggable } from './ToolContainerDraggable';
+export { calculateDialogSizeAndPosition } from './ToolContainerDraggable';
 export { default as ToolHeader } from './ToolHeader';
 export { default as ToolFooter } from './ToolFooter';
 export * from './types';

package/lib/components/index.d.ts

@@ -8,4 +8,7 @@ export * from './ErrorBoundary';
 export * from './UserMenu';
 export * from './ToolContainer';
 export * from './CustomSlider';
-export * from './DraggableDialog';
+export * from './CustomToggleButton';
+export * from './ToolButton';
+export * from './ToggleMenu';
+export * from './Manager';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   "peerDependencies": {
     "react": "^17.0.2",
     "@mui/material": "^5.2.8",
-    "@opengeoweb/theme": "2.2.0",
+    "@opengeoweb/theme": "2.4.0",
     "@mui/styles": "^5.2.3",
     "@mui/icons-material": "^5.2.5",
     "react-draggable": "^4.4.3",
     "re-resizable": "^6.9.0",
     "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "2.2.0",
+    "@opengeoweb/form-fields": "2.4.0",
     "react-hook-form": "^6.12.1",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",

package/lib/components/DraggableDialog/DraggableDialog.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-export declare const Z_INDEX_TOP = 600;
-export declare const Z_INDEX_BOTTOM = 550;
-interface DraggableDialogProps {
-    handleClose: () => void;
-    title: string;
-    children?: React.ReactNode;
-    dialogStyling?: {
-        dialogWidth?: string;
-        dialogMaxHeight?: string;
-        dialogTop?: string;
-    };
-    zIndex?: number;
-}
-declare const DraggableDialog: React.FC<DraggableDialogProps>;
-export default DraggableDialog;

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const DraggableDialogOldTheme: () => React.ReactElement;

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

@@ -1 +0,0 @@
-export { default as DraggableDialog, Z_INDEX_TOP, Z_INDEX_BOTTOM, } from './DraggableDialog';