@equinor/echo-components 0.12.0 → 0.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/echo-components",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "dependencies": {
     "chart.js": "4.4.6",
     "react-datepicker": "7.5.0",

package/src/components/accordionWithSwitch/AccordionWithSwitch.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface AccordionWithSwitchProps {
+    title: string;
+    description: string;
+    handleSwitchClick: () => void;
+    children?: React.ReactNode;
+    descriptionHeading?: string;
+    isToggledOn?: boolean;
+    switchDisabled?: boolean;
+    warning?: JSX.Element;
+}
+export declare const AccordionWithSwitch: ({ title, description, handleSwitchClick, children, descriptionHeading, isToggledOn, switchDisabled, warning }: AccordionWithSwitchProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/components/floatingActionButton/fabGroup/FabGroup.d.ts

@@ -1,8 +1,8 @@
-import { CSSProperties } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 type FabGroupProps = {
+    children: ReactNode | ReactNode[];
     className?: string;
     style?: CSSProperties;
-    children: React.ReactNode;
 };
 export declare function FabGroup({ className, style, children }: FabGroupProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './accordionWithSwitch/AccordionWithSwitch';
 export * from './autohiddenContent/AutohiddenContent';
 export * from './blackLink/BlackLink';
 export * from './buttonWithPopover/ButtonWithPopover';
@@ -23,14 +24,15 @@ export * from './itemMarker/ItemMarker';
 export type { ItemMarkerChipProps } from './itemMarker/ItemMarkerChip';
 export * from './itemMarker/ItemMarkerIcon';
 export * from './itemMarker/MultipleItemMarkers';
+export { multipleItemMarkersId } from './itemMarker/multipleItemMarkersId';
 export * from './itemMarker/utils/itemMarkerUtils';
 export * from './itemMarkerAndPopoverWrapper/itemMarkerAndPopoverWrapper';
 export * from './itemMarkerPopover/itemMarkerPopover';
 export * from './legend';
-export * from './legendChip/legendChip';
-export * from './legendSelector/legendSelector';
-export * from './legendSelectorAccordion/legendSelectorAccordion';
-export * from './legendSelectorMenu/legendSelectorMenu';
+export * from './legendChip/LegendChip';
+export * from './legendSelector/LegendSelector';
+export * from './legendSelectorAccordion/LegendSelectorAccordion';
+export * from './legendSelectorMenu/LegendSelectorMenu';
 export * from './linkIcon/LinkIcon';
 export * from './listItem';
 export * from './listRow/ListRow';
@@ -50,6 +52,7 @@ export * from './secondaryMarker/SecondaryMarkerWrapper';
 export * from './sidebarButton/SidebarButton';
 export * from './sidesheet';
 export * from './splitView';
+export * from './switch/Switch';
 export * from './subseaStatusLabel/SubseaStatusLabel';
 export * from './tagContextMenu/TagContextMenu';
 export * from './titleAndStatusLabel/titleAndStatusLabel';

package/src/components/itemMarker/multipleItemMarkersId.d.ts

@@ -0,0 +1 @@
+export declare const multipleItemMarkersId = "multipleItemMarkers";

package/src/components/itemMarkerPopover/itemMarkerPopover.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 export type ItemMarkerPopover = {
-    items: JSX.Element[] | string[];
+    items: ReadonlyArray<JSX.Element> | ReadonlyArray<string>;
     isOpen: boolean;
     handleClose: () => void;
     title: string;

package/src/components/legend/index.d.ts

@@ -1,2 +1,2 @@
-export * from './MainLegend';
 export * from './layerLegend';
+export * from './MainLegend';

package/src/components/legendSelector/{legendSelector.d.ts → LegendSelector.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { LegendChipProps } from '../legendChip/legendChip';
+import { LegendChipProps } from '../legendChip/LegendChip';
 export interface LegendSelectorProps {
-    options: string[];
+    options: ReadonlyArray<string>;
     selectedOption: string;
     onOptionClick: (option: string) => void;
     legends: LegendChipProps[];

package/src/components/legendSelector/useVisibleLegends.d.ts

@@ -1,4 +1,4 @@
-import { LegendChipProps } from '../legendChip/legendChip';
+import { LegendChipProps } from '../legendChip/LegendChip';
 /**
  * Hook that returns the visible legends based on the available width.
  * @param {boolean} showAllLegends - Boolean to show all legends.

package/src/components/legendSelectorAccordion/{legendSelectorAccordion.d.ts → LegendSelectorAccordion.d.ts}

@@ -5,6 +5,8 @@ export interface LegendSelectorAccordionProps {
     visual?: JSX.Element;
     caption?: string;
     actions?: React.ReactNode;
+    isExpanded?: boolean;
+    setIsExpanded?: (isExpanded: boolean) => void;
 }
 /**
  * Legend selector accordion component to display the legend selector for the data layers.

package/src/components/legendSelectorMenu/{legendSelectorMenu.d.ts → LegendSelectorMenu.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 interface LegendSelectorMenuProps {
-    options: string[];
+    options: ReadonlyArray<string>;
     selectedOption: string;
     onOptionClick: (option: string) => void;
     placeholder?: string;

package/src/components/multilineTabs/ExpandMinimizeButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ExpandMinimizeButtonProps {
+    isExpanded: boolean;
+    setIsExpanded: (isExpanded: boolean) => void;
+    numHiddenTabs: number;
+}
+export declare const ExpandMinimizeButton: React.FC<ExpandMinimizeButtonProps>;
+export {};

package/src/components/switch/Switch.d.ts

@@ -0,0 +1,2 @@
+import { SwitchProps } from '@equinor/eds-core-react';
+export declare const Switch: ({ onChange, checked, ...rest }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/src/theme/themeConst.d.ts

@@ -22,6 +22,9 @@ export declare const themeConst: {
     strongDarkOrange: string;
     strongRed: string;
     strongDarkRed: string;
+    active: string;
+    completed: string;
+    bothActiveAndCompleted: string;
     random1: string;
     random2: string;
     readonly random3: string;
@@ -131,4 +134,5 @@ export declare const themeConst: {
     focusDark: string;
     primaryTextForDarkBackground: string;
     secondaryTextForDarkBackground: string;
+    infographicPrimaryMossGreen: string;
 };