@opengeoweb/shared 2.4.1 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/index.esm.js +380 -82
  2. package/index.umd.js +416 -96
  3. package/lib/components/AlertBanner/AlertBanner.d.ts +5 -0
  4. package/lib/components/AlertIcon/AlertIcon.d.ts +8 -0
  5. package/lib/components/AlertIcon/index.d.ts +1 -0
  6. package/lib/components/{Manager/EnableButton → EnableButton}/EnableButton.d.ts +0 -0
  7. package/lib/components/{Manager/EnableButton → EnableButton}/EnableButton.spec.d.ts +0 -0
  8. package/lib/components/{Manager/EnableButton → EnableButton}/EnableButton.stories.d.ts +0 -0
  9. package/lib/components/{Manager/EnableButton → EnableButton}/index.d.ts +0 -0
  10. package/lib/components/{Manager/ManagerButton → ManagerButton}/ManagerButton.d.ts +5 -0
  11. package/lib/components/{Manager/ManagerButton → ManagerButton}/ManagerButton.spec.d.ts +0 -0
  12. package/lib/components/{Manager/ManagerButton → ManagerButton}/ManagerButton.stories.d.ts +0 -0
  13. package/lib/components/{Manager/ManagerButton → ManagerButton}/index.d.ts +0 -0
  14. package/lib/components/{Manager/ManagerDeleteButton → ManagerDeleteButton}/ManagerDeleteButton.d.ts +0 -0
  15. package/lib/components/{Manager/ManagerDeleteButton → ManagerDeleteButton}/ManagerDeleteButton.spec.d.ts +0 -0
  16. package/lib/components/{Manager/ManagerDeleteButton → ManagerDeleteButton}/ManagerDeleteButton.stories.d.ts +0 -0
  17. package/lib/components/{Manager/ManagerDeleteButton → ManagerDeleteButton}/index.d.ts +0 -0
  18. package/lib/components/ToggleMenu/ToggleMenu.d.ts +11 -3
  19. package/lib/components/ToggleMenu/ToggleMenu.stories.d.ts +8 -2
  20. package/lib/components/ToolContainer/ToolContainerDraggable.d.ts +1 -0
  21. package/lib/components/ToolContainer/types.d.ts +1 -0
  22. package/lib/components/TooltipSelect/TooltipSelect.d.ts +17 -0
  23. package/lib/components/TooltipSelect/TooltipSelect.spec.d.ts +1 -0
  24. package/lib/components/TooltipSelect/TooltipSelect.stories.d.ts +13 -0
  25. package/lib/components/TooltipSelect/index.d.ts +2 -0
  26. package/lib/components/TooltipSelect/tooltipContainerStyles.d.ts +2 -0
  27. package/lib/components/index.d.ts +5 -1
  28. package/lib/hooks/useDraftFormHelpers/useDraftFormHelpers.d.ts +1 -1
  29. package/package.json +3 -3
  30. package/lib/components/Manager/index.d.ts +0 -4
  31. package/lib/components/Manager/styles.d.ts +0 -5
@@ -6,6 +6,11 @@ interface AlertBannerProps {
6
6
  info?: string | React.ReactElement;
7
7
  dataTestId?: string;
8
8
  isCompact?: boolean;
9
+ shouldClose?: boolean;
10
+ actionButtonProps?: {
11
+ onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
12
+ title: string;
13
+ };
9
14
  }
10
15
  declare const AlertBanner: React.FC<AlertBannerProps>;
11
16
  export default AlertBanner;
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ import { AlertColor } from '@mui/material';
3
+ interface AlertIconProps {
4
+ severity?: AlertColor;
5
+ dataTestId?: string;
6
+ }
7
+ declare const AlertIcon: React.FC<AlertIconProps>;
8
+ export default AlertIcon;
@@ -0,0 +1 @@
1
+ export { default as AlertIcon } from './AlertIcon';
@@ -1,5 +1,10 @@
1
1
  import * as React from 'react';
2
2
  import { IconButtonProps } from '@mui/material';
3
+ export interface ManagerButtonStyle {
4
+ isActive?: boolean;
5
+ isEnabled?: boolean;
6
+ isAccessible?: boolean;
7
+ }
3
8
  interface ManagerButtonProps extends IconButtonProps {
4
9
  tooltipTitle: string;
5
10
  onClick?: (event: React.MouseEvent) => void;
@@ -1,17 +1,25 @@
1
1
  import * as React from 'react';
2
- import { SxProps, Theme } from '@mui/material';
2
+ import { PopoverOrigin, SxProps, Theme } from '@mui/material';
3
+ import { ButtonVariant } from '@opengeoweb/theme';
4
+ declare type MenuPosition = 'left' | 'right' | 'bottom';
5
+ export declare const getPosition: (menuPosition: MenuPosition) => {
6
+ anchorOrigin: PopoverOrigin;
7
+ transformOrigin: PopoverOrigin;
8
+ };
3
9
  declare type MenuItemType = {
4
10
  text: string;
5
- action: () => void;
11
+ action: (event: React.MouseEvent) => void;
6
12
  icon?: React.ReactNode;
7
13
  };
8
14
  interface ToggleMenuProps {
9
15
  buttonTestId?: string;
10
- menuPosition?: 'left' | 'bottom';
16
+ menuPosition?: MenuPosition;
11
17
  menuItems?: MenuItemType[];
12
18
  children?: React.ReactNode;
13
19
  buttonSx?: SxProps<Theme>;
14
20
  tooltipTitle?: string;
21
+ variant?: ButtonVariant;
22
+ isDefaultOpen?: boolean;
15
23
  }
16
24
  export declare const ToggleMenu: React.FC<ToggleMenuProps>;
17
25
  export {};
@@ -3,5 +3,11 @@ declare const _default: {
3
3
  title: string;
4
4
  };
5
5
  export default _default;
6
- export declare const ToggleMenuLight: () => React.ReactElement;
7
- export declare const ToggleMenuDark: () => React.ReactElement;
6
+ export declare const ToggleMenuLight: {
7
+ (): React.ReactElement;
8
+ storyName: string;
9
+ };
10
+ export declare const ToggleMenuDark: {
11
+ (): React.ReactElement;
12
+ storyName: string;
13
+ };
@@ -19,6 +19,7 @@ interface DraggableComponentProps extends Omit<ResizableComponentProps, 'bounds'
19
19
  bounds?: 'parent' | string;
20
20
  order?: number;
21
21
  source?: 'app' | 'module';
22
+ leftComponent?: React.ReactNode;
22
23
  }
23
24
  declare const DraggableComponent: React.FC<DraggableComponentProps>;
24
25
  export default DraggableComponent;
@@ -7,6 +7,7 @@ export interface ToolHeaderProps {
7
7
  onClose?: () => void;
8
8
  className?: string;
9
9
  isDraggable?: boolean;
10
+ leftComponent?: React.ReactNode;
10
11
  }
11
12
  export interface ToolContainerProps extends PaperProps, ToolHeaderProps {
12
13
  isResizable?: boolean;
@@ -0,0 +1,17 @@
1
+ import * as React from 'react';
2
+ import { SelectProps } from '@mui/material';
3
+ declare type ListELement = {
4
+ value: string;
5
+ };
6
+ interface TooltipSelectProps extends SelectProps {
7
+ tooltip: string;
8
+ list?: ListELement[];
9
+ currentIndex?: number;
10
+ onChangeMouseWheel?: (element: ListELement) => void;
11
+ requiresCtrlToChange?: boolean;
12
+ isEnabled?: boolean;
13
+ noStyling?: boolean;
14
+ hasBackgroundColor?: boolean;
15
+ }
16
+ export declare const TooltipSelect: React.FC<TooltipSelectProps>;
17
+ export {};
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const TooltipSelectLight: {
7
+ (): React.ReactElement;
8
+ storyName: string;
9
+ };
10
+ export declare const TooltipSelectDark: {
11
+ (): React.ReactElement;
12
+ storyName: string;
13
+ };
@@ -0,0 +1,2 @@
1
+ export * from './TooltipSelect';
2
+ export * from './tooltipContainerStyles';
@@ -0,0 +1,2 @@
1
+ import { SxProps, Theme } from '@mui/material';
2
+ export declare const tooltipContainerStyles: (isEnabled: boolean, hasBackgroundColor?: boolean) => SxProps<Theme>;
@@ -11,4 +11,8 @@ export * from './CustomSlider';
11
11
  export * from './CustomToggleButton';
12
12
  export * from './ToolButton';
13
13
  export * from './ToggleMenu';
14
- export * from './Manager';
14
+ export * from './ManagerButton';
15
+ export * from './ManagerDeleteButton';
16
+ export * from './EnableButton';
17
+ export * from './AlertIcon';
18
+ export * from './TooltipSelect';
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  export declare const HIDDEN_INPUT_HELPER_IS_DRAFT = "IS_DRAFT";
3
- export declare const useDraftFormHelpers: () => {
3
+ export declare const useDraftFormHelpers: (isDefaultDraft?: boolean) => {
4
4
  isRequired: (value: string) => boolean | string;
5
5
  toggleIsDraft: (isDraft: boolean) => void;
6
6
  isDraft: () => boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengeoweb/shared",
3
- "version": "2.4.1",
3
+ "version": "2.7.0",
4
4
  "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,13 +14,13 @@
14
14
  "peerDependencies": {
15
15
  "react": "^17.0.2",
16
16
  "@mui/material": "^5.2.8",
17
- "@opengeoweb/theme": "2.4.1",
17
+ "@opengeoweb/theme": "2.7.0",
18
18
  "@mui/styles": "^5.2.3",
19
19
  "@mui/icons-material": "^5.2.5",
20
20
  "react-draggable": "^4.4.3",
21
21
  "re-resizable": "^6.9.0",
22
22
  "lodash": "^4.17.20",
23
- "@opengeoweb/form-fields": "2.4.1",
23
+ "@opengeoweb/form-fields": "2.7.0",
24
24
  "react-hook-form": "^6.12.1",
25
25
  "moment": "^2.29.0",
26
26
  "moment-timezone": "^0.5.31",
@@ -1,4 +0,0 @@
1
- export * from './ManagerButton';
2
- export * from './ManagerDeleteButton';
3
- export * from './EnableButton';
4
- export * from './styles';
@@ -1,5 +0,0 @@
1
- export interface ManagerButtonStyle {
2
- isActive?: boolean;
3
- isEnabled?: boolean;
4
- isAccessible?: boolean;
5
- }