@equinor/echo-components 0.9.5 → 0.9.7

package/package.json

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

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

@@ -8,6 +8,8 @@ interface LinkProps {
     preserveTab?: boolean;
     /** The text to be displayed in the tooltip. */
     tooltipText?: string;
+    /** The text to be displayed in the tooltip. */
+    onClick?: () => void;
 }
-export declare const BlackLink: ({ className, href, linkText, preserveTab, tooltipText, }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BlackLink: ({ className, href, linkText, preserveTab, tooltipText, onClick, }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/dropdown/Dropdown.d.ts

@@ -13,6 +13,7 @@ interface DropdownItemProps {
     showSearch: boolean;
     position?: 'relative' | 'absolute';
     triggerOpen?: (value: boolean) => void;
+    className?: string;
 }
 /**
  * Component that renders a dropdown menu, e.g., for a plant selector.

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/appIcons/external/index.d.ts

@@ -0,0 +1,8 @@
+export { ReactComponent as Semi } from './semi.svg';
+export { ReactComponent as Evision } from './evision.svg';
+export { ReactComponent as Fusion } from './fusion.svg';
+export { ReactComponent as ProCoSys } from './procosys.svg';
+export { ReactComponent as Stid } from './stid.svg';
+export { ReactComponent as TR2000 } from './tr2000.svg';
+export { ReactComponent as Yammer } from './yammer.svg';
+export { ReactComponent as SAP } from './sap.svg';

package/src/icons/appIcons/index.d.ts

@@ -0,0 +1,6 @@
+import * as External from './external';
+import * as Microsoft from './microsoft';
+export declare const AppIcons: {
+    External: typeof External;
+    Microsoft: typeof Microsoft;
+};

package/src/icons/appIcons/microsoft/index.d.ts

@@ -0,0 +1,10 @@
+export { ReactComponent as Teams } from './teams.svg';
+export { ReactComponent as PowerPoint } from './powerpoint.svg';
+export { ReactComponent as Word } from './word.svg';
+export { ReactComponent as Excel } from './excel.svg';
+export { ReactComponent as OneNote } from './onenote.svg';
+export { ReactComponent as SharePoint } from './powerpoint.svg';
+export { ReactComponent as Skype } from './skype.svg';
+export { ReactComponent as Yammer } from './yammer.svg';
+export { ReactComponent as Outlook } from './outlook.svg';
+export { ReactComponent as OneDrive } from './onedrive.svg';

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;

package/src/icons/index.d.ts

@@ -1,3 +1,4 @@
 import * as echoIcons from './echoAssets';
 export * from './echoAssets';
 export { echoIcons };
+export * from './appIcons';