@equinor/echo-components 0.7.7 → 0.7.10

package/dist/components/blackLink/BlackLink.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface LinkProps {
     className?: string;
     /** The external link. */
@@ -8,5 +8,5 @@ interface LinkProps {
     /** If true, the link is opened in the same window or tab. */
     preserveTab?: boolean;
 }
-declare const BlackLink: ({ className, href, linkText, preserveTab }: LinkProps) => JSX.Element;
+declare const BlackLink: ({ className, href, linkText, preserveTab }: LinkProps) => React.JSX.Element;
 export { BlackLink };

package/dist/components/charts/lineChart/LineChart.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 /// <reference types="chart.js" />
 import Chart, { ChartData, Defaults } from 'chart.js/auto';
+import React from 'react';
 import { ChartCallbacks, LineChartConfig } from '../../../types/charts';
 interface Props {
     initialSize: Chart.ChartSize;
@@ -17,5 +17,5 @@ interface Props {
     lineChartConfig?: LineChartConfig;
     onChartInstance?: (chartInstance: Chart | undefined) => void;
 }
-declare function LineChart({ initialSize, chartDataSet, chartTitle, xAxisTitle, yAxisTitle, id, testId, chartConfigs, lineChartConfig, onChartInstance }: Props): JSX.Element;
+declare function LineChart({ initialSize, chartDataSet, chartTitle, xAxisTitle, yAxisTitle, id, testId, chartConfigs, lineChartConfig, onChartInstance }: Props): React.JSX.Element;
 export { LineChart };

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

@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
 import { TooltipOptions } from './useTooltip';
 declare function Tooltip({ children, ...options }: {
     children: ReactNode;
-} & TooltipOptions): JSX.Element;
+} & TooltipOptions): React.JSX.Element;
 declare const TooltipAnchor: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & {
     asChild?: boolean | undefined;
 }, "ref"> & React.RefAttributes<HTMLElement>>;

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

@@ -11,33 +11,39 @@ declare function useTooltip({ initialOpen, placement, open: controlledOpen, onOp
     placement: Placement;
     strategy: import("@floating-ui/react").Strategy;
     middlewareData: import("@floating-ui/react").MiddlewareData;
-    x: number | null;
-    y: number | null;
+    x: number;
+    y: number;
+    isPositioned: boolean;
     update: () => void;
-    reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-    floating: (node: HTMLElement | null) => void;
-    positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+    floatingStyles: import("react").CSSProperties;
+    refs: {
+        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: import("react").MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
-        x: number | null;
-        y: number | null;
+        x: number;
+        y: number;
         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;
+        floatingStyles: import("react").CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean) => void;
+        onOpenChange: (open: boolean, event?: Event | undefined) => void;
         events: import("@floating-ui/react").FloatingEvents;
         dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
         nodeId: string | undefined;
+        floatingId: string;
         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;
     getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
     getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
     getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
@@ -49,33 +55,39 @@ declare const useTooltipContext: () => {
     placement: Placement;
     strategy: import("@floating-ui/react").Strategy;
     middlewareData: import("@floating-ui/react").MiddlewareData;
-    x: number | null;
-    y: number | null;
+    x: number;
+    y: number;
+    isPositioned: boolean;
     update: () => void;
-    reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-    floating: (node: HTMLElement | null) => void;
-    positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+    floatingStyles: import("react").CSSProperties;
+    refs: {
+        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: import("react").MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
-        x: number | null;
-        y: number | null;
+        x: number;
+        y: number;
         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;
+        floatingStyles: import("react").CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean) => void;
+        onOpenChange: (open: boolean, event?: Event | undefined) => void;
         events: import("@floating-ui/react").FloatingEvents;
         dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
         nodeId: string | undefined;
+        floatingId: string;
         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;
     getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
     getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
     getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;

package/dist/components/floatingSearchBar/FloatingSearchBar.d.ts

@@ -39,6 +39,6 @@ interface SuggestionGroupProps {
     onClick: (suggestion: Suggestion) => void;
     focusedOption: number;
 }
-declare function SuggestionGroup({ suggestionGroup, onClick, focusedOption }: SuggestionGroupProps): JSX.Element;
+declare function SuggestionGroup({ suggestionGroup, onClick, focusedOption }: SuggestionGroupProps): React.JSX.Element;
 export { FloatingSearchBar, SuggestionGroup };
 export type { Suggestion };

package/dist/components/legend/MainLegend.d.ts

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react';
-import { LayerInfo } from '@types';
+import { LayerInfo } from '../../types';
 interface MainLegendProps {
     /**
      * Layer legends appearing above the main legend
@@ -18,5 +18,5 @@ interface MainLegendProps {
      */
     legendContentStyle?: CSSProperties;
 }
-declare function MainLegend({ legends, layers, legendStyle, legendContentStyle }: MainLegendProps): JSX.Element;
+declare function MainLegend({ legends, layers, legendStyle, legendContentStyle }: MainLegendProps): React.JSX.Element;
 export { MainLegend };

package/dist/components/legend/layerLegend/LayerLegend.d.ts

@@ -29,5 +29,5 @@ interface LayerLegendProps {
      */
     style?: CSSProperties;
 }
-declare function LayerLegend({ title, iconName, itemsCount, itemsTitle, children, disabled, style }: LayerLegendProps): JSX.Element;
+declare function LayerLegend({ title, iconName, itemsCount, itemsTitle, children, disabled, style }: LayerLegendProps): React.JSX.Element;
 export { LayerLegend };

package/dist/components/listItem/ListItem.d.ts

@@ -39,6 +39,8 @@ interface ListItemBaseProps {
      */
     as?: React.ElementType;
     onCardClick?: () => void;
+    /** A url. The presence of this prop will automatically make the enclosing element an a-element. */
+    href?: string;
     /**
      * Style Modification
      */
@@ -46,5 +48,5 @@ interface ListItemBaseProps {
     style?: CSSProperties;
 }
 export type ListItemProps = ListItemBaseProps & WithVisualOrIconOptions;
-declare function ListItem(props: ListItemProps): JSX.Element;
+declare function ListItem(props: ListItemProps): React.JSX.Element;
 export { ListItem };

package/dist/components/listRow/ListRow.d.ts

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react';
-import { ExpandableRowProps, IconListItem } from '@types';
+import { ExpandableRowProps, IconListItem } from '../../types';
 export interface ListRowProps {
     isDraggable: boolean;
     item: IconListItem;

package/dist/components/sidesheet/sheet/Sheet.d.ts

@@ -14,6 +14,6 @@ interface SheetProps extends Style {
      */
     floating?: boolean;
 }
-declare function Sheet({ side, orientation, floating, children, className, style }: SheetProps): JSX.Element;
+declare function Sheet({ side, orientation, floating, children, className, style }: SheetProps): React.JSX.Element;
 export type { SheetProps };
 export { Sheet };

package/dist/components/splitView/SplitView.d.ts

@@ -6,9 +6,9 @@ interface BaseProps {
 interface SplitViewProps extends BaseProps {
     children: [React.ReactChild, React.ReactChild | undefined];
 }
-declare function SplitView({ className, style, children }: SplitViewProps): JSX.Element;
+declare function SplitView({ className, style, children }: SplitViewProps): React.JSX.Element;
 interface RightProps extends BaseProps {
     children: React.ReactChild;
 }
-declare function Right({ className, style, children }: RightProps): JSX.Element;
+declare function Right({ className, style, children }: RightProps): React.JSX.Element;
 export { SplitView, Right };

package/dist/components/splitView/left/SplitViewLeft.d.ts

@@ -5,5 +5,5 @@ interface LeftProps {
     children: React.ReactChild;
     isMinimizable?: boolean;
 }
-declare function Left({ className, style, isMinimizable, children }: LeftProps): JSX.Element;
+declare function Left({ className, style, isMinimizable, children }: LeftProps): React.JSX.Element;
 export { Left };

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { WorkOrderItem } from '@types';
+import { WorkOrderItem } from '../../types';
 export interface WorkOrderListItemProps {
     workOrder: WorkOrderItem;
     onCardClick?: () => void;
     itemAction?: React.ReactNode;
     isHeader?: boolean;
 }
-declare function WorkOrderListItem(props: WorkOrderListItemProps): JSX.Element;
+declare function WorkOrderListItem(props: WorkOrderListItemProps): React.JSX.Element;
 export { WorkOrderListItem };

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 interface WorkOrderStatusLabelProps {
     isActive: boolean;
 }
-export declare function WorkOrderStatusLabel({ isActive }: WorkOrderStatusLabelProps): JSX.Element;
+export declare function WorkOrderStatusLabel({ isActive }: WorkOrderStatusLabelProps): React.JSX.Element;
 export {};