@equinor/echo-components 0.5.19 → 0.5.24

package/dist/components/echoTooltip/Tooltip/useTooltip.d.ts

@@ -17,7 +17,24 @@ declare function useTooltip({ initialOpen, placement, open: controlledOpen, onOp
     reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
     floating: (node: HTMLElement | null) => void;
     positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-    context: import("@floating-ui/react").FloatingContext<import("@floating-ui/react").ReferenceType>;
+    context: {
+        x: number | null;
+        y: number | null;
+        update: () => void;
+        placement: Placement;
+        strategy: import("@floating-ui/react").Strategy;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        floating: (node: HTMLElement | null) => void;
+        isPositioned: boolean;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
     refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
     elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     isPositioned: boolean;
@@ -38,7 +55,24 @@ declare const useTooltipContext: () => {
     reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
     floating: (node: HTMLElement | null) => void;
     positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-    context: import("@floating-ui/react").FloatingContext<import("@floating-ui/react").ReferenceType>;
+    context: {
+        x: number | null;
+        y: number | null;
+        update: () => void;
+        placement: Placement;
+        strategy: import("@floating-ui/react").Strategy;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        floating: (node: HTMLElement | null) => void;
+        isPositioned: boolean;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
     refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
     elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     isPositioned: boolean;

package/dist/components/rightPanel/index.d.ts

@@ -1,5 +1,6 @@
 export * from './menuButton/MenuButton';
 export * from './panel/Panel';
 export * from './panelContent/PanelContent';
+export * from './panelContent/PanelContentWrapper';
 export * from './PanelStore';
 export * from './panelWrapper/PanelWrapper';

package/dist/components/rightPanel/menuButton/MenuButton.d.ts

@@ -20,5 +20,5 @@ interface MenuButtonProps {
  * }
  * @return {*}  {JSX.Element}
  */
-declare const MenuButton: React.ForwardRefExoticComponent<MenuButtonProps & React.RefAttributes<HTMLButtonElement | null>>;
+export declare const MenuButton: React.ForwardRefExoticComponent<MenuButtonProps & React.RefAttributes<HTMLButtonElement | null>>;
 export default MenuButton;

package/dist/components/rightPanel/panel/Panel.d.ts

@@ -8,7 +8,14 @@ interface PanelProps {
  * The actual right side panel. This component wraps the panel with a panel state
  *
  * @param {PanelProps} {
- * menuItems, the items to be displayed in the menu and its belonging panels
+ * menuItems: the items to be displayed in the menu and its belonging panels
+ *      labelId: the id of the menuItems
+ *      label: the buttons label visible ot the user. Truncated if too long
+ *      icon: the icon displayed for the button
+ *      skipPanelContent: if true you have to provide your own menuButton and panel content
+ *      isBottomItem: places the menuButton for this item at the bottom of the menu (desktop), has no effect on mobile.
+ *      panelSize: decides the size of the panel. Narrow is 320 and wide is 480. Wide is default
+ *      component: The panel component to display when panel is actibe
  * header, the header that will be displayed on mobile.
  * If its a string then it will only display a header text. But it can also be a component with self defined html
  * }

package/dist/components/rightPanel/panelContent/PanelContentWrapper.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface PanelContentWrapperProps {
+    children: React.ReactNode;
+}
+/**
+ * Component that can be used to wrap content within a panel
+ * This will give the whole content a scrollbar
+ * Has padding of 16px
+ *
+ * @param {PanelContentWrapperProps} {
+ *     children, the panels content
+ * }
+ * @return {*}  {JSX.Element}
+ */
+export declare const PanelContentWrapper: React.FC<PanelContentWrapperProps>;
+export default PanelContentWrapper;

package/dist/components/workOrderListItem/WorkOrderStatusLabel.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 interface WorkOrderStatusLabelProps {
-    workOrderStatus: string;
+    workOrderStatus?: string;
 }
 export declare function WorkOrderStatusLabel({ workOrderStatus }: WorkOrderStatusLabelProps): JSX.Element;
-export declare function resolveStatusColor(workOrderStatus: string): string;
+export declare function resolveStatusColor(workOrderStatus?: string): string;
 export declare const WorkOrderStatusColorMap: {
     completed: string;
     active: string;