@equinor/echo-components 0.9.5 → 0.9.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/echo-components",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "dependencies": {
     "chart.js": "4.4.0",
     "react-window": "1.8.9",

package/src/components/floatingActionButton/FloatingActionButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 interface WithLabel {
     variant: 'square_icon_with_text' | 'square_icon_with_text_below';
     label: string;

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

@@ -0,0 +1,54 @@
+import { CSSProperties } from 'react';
+import { ButtonProps } from '@equinor/eds-core-react';
+import { IconData } from '@equinor/eds-icons';
+type FabButtonBaseProps = ButtonProps & {
+    active?: boolean;
+    /**
+     * Will set button as disabled and stop the onClick function from being called
+     */
+    disabled?: boolean;
+    ariaLabel?: string;
+    /**
+     * Will trigger a tooltip to render with this title
+     */
+    title?: string;
+    /**
+     * Default placement is left
+     */
+    tooltipPlacement?: 'left' | 'right';
+    /**
+     * Delay for rendering tooltip - default 300ms
+     */
+    delay?: number;
+    /**
+     * Styling
+     */
+    className?: string;
+    style?: CSSProperties;
+};
+type FabButtonIconNameProps = FabButtonBaseProps & {
+    /**
+     * Mutually exclusive with IconData. One of them is required.
+     */
+    iconName: string;
+    /**
+     * Mutually exclusive with IconName. One of them is required.
+     */
+    iconData?: never;
+};
+type FabButtonIconDataProps = FabButtonBaseProps & {
+    /**
+     * Mutually exclusive with IconData. One of them is required.
+     */
+    iconName?: never;
+    /**
+     * Mutually exclusive with IconName. One of them is required.
+     */
+    iconData: IconData;
+};
+type FabButtonProps = FabButtonIconNameProps | FabButtonIconDataProps;
+/**
+ * List item wraps this button as its meant for FabGroup
+ */
+export declare function FabButton({ title, tooltipPlacement, delay, className, style, iconName, iconData, active, disabled, ariaLabel, onClick, ...buttonProps }: FabButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+type FabGroupProps = {
+    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/floatingActionButton/fabGroup/index.d.ts

@@ -0,0 +1,6 @@
+import { FabButton as Button } from './FabButton';
+import { FabGroup as Group } from './FabGroup';
+export declare const Fab: {
+    Button: typeof Button;
+    Group: typeof Group;
+};

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

@@ -0,0 +1,2 @@
+export * from "./FloatingActionButton";
+export * from "./fabGroup";

package/src/components/horizontalTabView/HorizontalTabView.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TabListProps, TabPanelsProps, TabsProps } from '@equinor/eds-core-react';
+/** The topmost wrapper element for the tab view.*/
+export declare function TabView(props: TabsProps): import("react/jsx-runtime").JSX.Element;
+/** Returns the parent element of the tabs themselves. */
+export declare function Tabs(props: TabListProps): import("react/jsx-runtime").JSX.Element;
+/** Returns a button that acts like a tab button in a tab list. */
+export declare const Tab: import("react").ForwardRefExoticComponent<{
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    as?: import("react").ElementType | undefined;
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<unknown>>;
+/** Returns the parent of the tab-sectioned content. */
+export declare function TabPanels(props: TabPanelsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Tab, TabPanels, TabView, Tabs } from './HorizontalTabView';
+declare const EDSPanel: import("react").ForwardRefExoticComponent<{
+    hidden?: boolean | undefined;
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+interface HorizontalTabsProps {
+    HorizontalTabs: typeof TabView;
+    Tabs: typeof Tabs;
+    Tab: typeof Tab;
+    TabPanels: typeof TabPanels;
+    TabPanel: typeof EDSPanel;
+}
+export declare const HorizontalTabView: HorizontalTabsProps;
+export {};

package/src/components/iconLink/compactIconLink/CompactIconLink.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface CompactIconLinkProps {
+    title: string;
+    meta: string;
+    legendColor?: string;
+    onClickHandler: () => void;
+    icon?: string | React.ReactNode;
+    className?: string;
+}
+export declare const CompactIconLink: ({ title, meta, legendColor, onClickHandler, icon, className, }: CompactIconLinkProps) => JSX.Element;

package/src/components/index.d.ts

@@ -10,8 +10,11 @@ export * from './dropdown/Dropdown';
 export * from './echoBottomBar/EchoBottomBar';
 export * from './echoCard/index';
 export * from './echoHeader/EchoHeader';
+export * from './floatingActionButton';
 export * from './floatingActionButton/FloatingActionButton';
-export * from './inlineTagIconLink/InlineTagIconLink';
+export * from './horizontalTabView';
+export * from './iconLink/compactIconLink/CompactIconLink';
+export * from './iconLink/inlineTagIconLink/InlineTagIconLink';
 export * from './legend';
 export * from './linkIcon/LinkIcon';
 export * from './listItem';

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

@@ -17,6 +17,14 @@ interface MainLegendProps {
      * Styling for the content of the legend
      */
     legendContentStyle?: CSSProperties;
+    /**
+     * Custom styling for the legend.
+     */
+    legendClassName?: string;
+    /**
+     * Custom styling for the legend content.
+     */
+    legendContentClassName?: string;
 }
-declare function MainLegend({ legends, layers, legendStyle, legendContentStyle }: MainLegendProps): import("react/jsx-runtime").JSX.Element;
+declare function MainLegend({ legends, layers, legendStyle, legendContentStyle, legendContentClassName, legendClassName }: MainLegendProps): import("react/jsx-runtime").JSX.Element;
 export { MainLegend };

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

@@ -28,6 +28,10 @@ interface LayerLegendProps {
      * Styling for the content of the legend
      */
     style?: CSSProperties;
+    /**
+     * Classname for the content of the legend
+     */
+    className?: string;
 }
-declare function LayerLegend({ title, iconName, itemsCount, itemsTitle, children, disabled, style }: LayerLegendProps): import("react/jsx-runtime").JSX.Element;
+declare function LayerLegend({ title, iconName, itemsCount, itemsTitle, children, disabled, style, className }: LayerLegendProps): import("react/jsx-runtime").JSX.Element;
 export { LayerLegend };

package/src/icons/echoAssets/subsea.d.ts

@@ -1,2 +1,3 @@
 import { IconData } from '@equinor/eds-icons';
 export declare const soc_main: IconData;
+export declare const soc_main_filled: IconData;