@equinor/echo-components 0.11.14-beta12 → 0.11.14-beta32
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/echo-components",
|
|
3
|
-
"version": "0.11.14-
|
|
3
|
+
"version": "0.11.14-beta32",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"chart.js": "4.4.3",
|
|
6
6
|
"react-datepicker": "4.25.0",
|
|
@@ -20,6 +20,5 @@
|
|
|
20
20
|
"zustand": ">= 4.4.7 < 5"
|
|
21
21
|
},
|
|
22
22
|
"main": "./index.cjs.js",
|
|
23
|
-
"type": "commonjs"
|
|
24
|
-
|
|
25
|
-
}
|
|
23
|
+
"type": "commonjs"
|
|
24
|
+
}
|
|
@@ -5,6 +5,7 @@ export interface MultipleItemMarkersProps {
|
|
|
5
5
|
isTransparent?: boolean;
|
|
6
6
|
pointerPosition?: ItemMarkerPosition;
|
|
7
7
|
className?: string;
|
|
8
|
+
onClick?: () => void;
|
|
8
9
|
}
|
|
9
10
|
/**
|
|
10
11
|
* Generic component that renders multiple item markers
|
|
@@ -14,6 +15,7 @@ export interface MultipleItemMarkersProps {
|
|
|
14
15
|
* @param {boolean} isTransparent - Boolean that determines whether the marker is transparent. When set to true, the marker is displayed; when false, the marker is made transparent (optional).
|
|
15
16
|
* @param {ItemMarkerPosition} pointerPosition - A value that determines the position of the pointer relative to the marker. This specifies where the pointer should be placed (optional).
|
|
16
17
|
* @param {string} className - Use for styling (optional).
|
|
18
|
+
* @param {() => void} onClick - Click handler for the itemMarker (optional).
|
|
17
19
|
*
|
|
18
20
|
* @returns {JSX.Element} The rendered component
|
|
19
21
|
*/
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
1
2
|
type ItemMarkerAndPopoverWrapperProps = {
|
|
2
3
|
title: string;
|
|
3
4
|
items: JSX.Element[];
|
|
4
5
|
itemMarker: JSX.Element;
|
|
5
6
|
closeOnOutsideClick?: boolean;
|
|
6
7
|
containerHasMultipleItemMarkers?: boolean;
|
|
8
|
+
popoverZIndex?: number;
|
|
9
|
+
popoverStyle?: CSSProperties;
|
|
7
10
|
};
|
|
8
11
|
/**
|
|
9
12
|
*
|
|
@@ -12,7 +15,9 @@ type ItemMarkerAndPopoverWrapperProps = {
|
|
|
12
15
|
* @param {JSX.Element} itemMarker - Item marker component. This can also be the MultipleIconMarkers component.
|
|
13
16
|
* @param {boolean} closeOnOutsideClick - If true, popover will close on outside click (optional).
|
|
14
17
|
* @param {boolean} containerHasMultipleItemMarkers - If true, styling takes into account the hover and such of the MultipleItemMarkers component.
|
|
15
|
-
* @
|
|
18
|
+
* @param {number} popoverZIndex - Z-index of the popover.
|
|
19
|
+
* @param {CSSProperties} popoverStyle - style of the popover.
|
|
20
|
+
* @returns {JSX.Element} Component
|
|
16
21
|
*/
|
|
17
|
-
export declare const ItemMarkerAndPopoverWrapper: ({ title, items, itemMarker, closeOnOutsideClick, containerHasMultipleItemMarkers }: ItemMarkerAndPopoverWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const ItemMarkerAndPopoverWrapper: ({ title, items, itemMarker, closeOnOutsideClick, containerHasMultipleItemMarkers, popoverZIndex, popoverStyle }: ItemMarkerAndPopoverWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
23
|
export {};
|
|
@@ -11,7 +11,7 @@ interface SheetTopAreaProps extends Partial<SheetOrientationActionsProps> {
|
|
|
11
11
|
/** If omitted, all orientation toggles are rendered. */
|
|
12
12
|
enabledOrientations?: EnabledOrientations;
|
|
13
13
|
}
|
|
14
|
-
declare function SheetTopArea({ orientation, onOrientationChange, closeSheet, previous, enabledOrientations }: SheetTopAreaProps): JSX.Element | null;
|
|
14
|
+
declare function SheetTopArea({ orientation, onOrientationChange, closeSheet, previous, enabledOrientations, side }: SheetTopAreaProps): JSX.Element | null;
|
|
15
15
|
interface SheetOrientationActionsProps {
|
|
16
16
|
orientation: SideSheetOrientation;
|
|
17
17
|
enabledOrientations: EnabledOrientations;
|
|
@@ -19,6 +19,7 @@ interface SheetOrientationActionsProps {
|
|
|
19
19
|
* Providing this function allows the developer to control sheet orientation.
|
|
20
20
|
*/
|
|
21
21
|
onOrientationChange: (orientationTarget: SideSheetOrientation) => void;
|
|
22
|
+
side?: 'left' | 'right';
|
|
22
23
|
}
|
|
23
24
|
export { SheetTopArea };
|
|
24
25
|
export type { SheetTopAreaProps };
|