@equinor/echo-components 0.5.8-rc2 → 0.5.11

package/dist/setupTests.d.ts

@@ -1 +1 @@
-import './index';
+import './index';

package/dist/structure/iconList/IconList.d.ts

@@ -1,32 +1,32 @@
-import React, { CSSProperties } from 'react';
-import { IconItem, IconListItem } from '../..';
-export interface IconListProps {
-    style?: CSSProperties;
-    title: string;
-    items: IconListItem[];
-    isDraggable: boolean;
-    expandedIcons?: IconItem[];
-    onUpdatedOrder: (itemsInNewOrder: IconListItem[]) => void;
-}
-export interface IconListState {
-    orderedItems: IconListItem[];
-    expandedIndex: number;
-}
-/**
- * Component that renders an IconList of rows, that can be draggable and/or expandable
- *
- * @param {IconListProps} {
- *     style: the style to override the IconList wrapper
- *     title: The title of the list
- *     items: { The items to be rendered in the row
- *          title: the title of the item in the row
- *          subtitle: the subtitle of the item in the row
- *          icons: the icons that will be displayed on the same row, and their respective actions
- *     }[]
- *     isDraggable: flag to indicate if the elements in the list should be draggable
- *     expandedIcons: list of icons that should be displayed if a row is expanded. If undefined no row can be expanded
- *     onUpdatedOrder: method that will be called when the order of the list has changed
- * }
- * @return {*}  {JSX.Element} a list of items that can be draggable and/or expandable
- */
-export declare const IconList: React.FC<IconListProps>;
+import React, { CSSProperties } from 'react';
+import { IconItem, IconListItem } from '../..';
+export interface IconListProps {
+    style?: CSSProperties;
+    title: string;
+    items: IconListItem[];
+    isDraggable: boolean;
+    expandedIcons?: IconItem[];
+    onUpdatedOrder: (itemsInNewOrder: IconListItem[]) => void;
+}
+export interface IconListState {
+    orderedItems: IconListItem[];
+    expandedIndex: number;
+}
+/**
+ * Component that renders an IconList of rows, that can be draggable and/or expandable
+ *
+ * @param {IconListProps} {
+ *     style: the style to override the IconList wrapper
+ *     title: The title of the list
+ *     items: { The items to be rendered in the row
+ *          title: the title of the item in the row
+ *          subtitle: the subtitle of the item in the row
+ *          icons: the icons that will be displayed on the same row, and their respective actions
+ *     }[]
+ *     isDraggable: flag to indicate if the elements in the list should be draggable
+ *     expandedIcons: list of icons that should be displayed if a row is expanded. If undefined no row can be expanded
+ *     onUpdatedOrder: method that will be called when the order of the list has changed
+ * }
+ * @return {*}  {JSX.Element} a list of items that can be draggable and/or expandable
+ */
+export declare const IconList: React.FC<IconListProps>;

package/dist/structure/iconList/createListRow.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { IconItem } from '../..';
-import { IconListState } from './IconList';
-/**
- * Helper method that will return a list row given some input values. Used in IconList component for rendering rows
- *
- * @param {boolean} isDraggable flag to indicate that the row is draggable
- * @param {number} index the index of the list
- * @param {IconListState} iconListState the state from the IconList component used to create the row and its interactions
- * @param {(value: React.SetStateAction<IconListState>) => void} setIconListState the action to update the state from the IconList component
- * @param {IconItem[]} expandedIcons the icons to be displayed if the row is expandable. Is undefined if the row should not be expandable
- * @return {*}  {React.ReactNode} A list row component created from the input parameters
- */
-export declare const createListRow: (isDraggable: boolean, index: number, iconListState: IconListState, setIconListState: (value: React.SetStateAction<IconListState>) => void, expandedIcons?: IconItem[]) => React.ReactNode;
+import React from 'react';
+import { IconItem } from '../..';
+import { IconListState } from './IconList';
+/**
+ * Helper method that will return a list row given some input values. Used in IconList component for rendering rows
+ *
+ * @param {boolean} isDraggable flag to indicate that the row is draggable
+ * @param {number} index the index of the list
+ * @param {IconListState} iconListState the state from the IconList component used to create the row and its interactions
+ * @param {(value: React.SetStateAction<IconListState>) => void} setIconListState the action to update the state from the IconList component
+ * @param {IconItem[]} expandedIcons the icons to be displayed if the row is expandable. Is undefined if the row should not be expandable
+ * @return {*}  {React.ReactNode} A list row component created from the input parameters
+ */
+export declare const createListRow: (isDraggable: boolean, index: number, iconListState: IconListState, setIconListState: (value: React.SetStateAction<IconListState>) => void, expandedIcons?: IconItem[]) => React.ReactNode;

package/dist/structure/index.d.ts

@@ -1,3 +1,3 @@
-export { IconList } from './iconList/IconList';
-export * from './linkCard/LinkCard';
-export * from './optionsList/OptionsList';
+export { IconList } from './iconList/IconList';
+export * from './linkCard/LinkCard';
+export * from './optionsList/OptionsList';

package/dist/structure/linkCard/LinkCard.d.ts

@@ -1,26 +1,26 @@
-import React, { CSSProperties } from 'react';
-import { LinkCardItem } from '../../types/linkCardItem';
-export interface LinkCardProps {
-    image: string;
-    title: string;
-    subTitle: string;
-    links: LinkCardItem[];
-    style?: CSSProperties;
-}
-/**
- * Component that renders a card with an image and a list of links
- *
- * @param {LinkCardProps} {
- *     style: style element to override wrapper style
- *     image: the image scr of the image to be displayed
- *     title: the title of the card
- *     subTitle: the subtitle of the cars
- *     links { A list of links to display
- *          title: the text of the link
- *          url: the url to the link
- *          target: how the link should be opened. Possible values are '_blank' | '_self', default is '_self'
- *     }
- * }
- * @return {*}  {JSX.Element} a card element with an image and some provided links
- */
-export declare const LinkCard: React.FC<LinkCardProps>;
+import React, { CSSProperties } from 'react';
+import { LinkCardItem } from '../../types/linkCardItem';
+export interface LinkCardProps {
+    image: string;
+    title: string;
+    subTitle: string;
+    links: LinkCardItem[];
+    style?: CSSProperties;
+}
+/**
+ * Component that renders a card with an image and a list of links
+ *
+ * @param {LinkCardProps} {
+ *     style: style element to override wrapper style
+ *     image: the image scr of the image to be displayed
+ *     title: the title of the card
+ *     subTitle: the subtitle of the cars
+ *     links { A list of links to display
+ *          title: the text of the link
+ *          url: the url to the link
+ *          target: how the link should be opened. Possible values are '_blank' | '_self', default is '_self'
+ *     }
+ * }
+ * @return {*}  {JSX.Element} a card element with an image and some provided links
+ */
+export declare const LinkCard: React.FC<LinkCardProps>;

package/dist/structure/optionsList/OptionsList.d.ts

@@ -1,24 +1,24 @@
-import React, { CSSProperties } from 'react';
-import { OptionsItem } from '../../types/optionsItem';
-export interface OptionsListProps {
-    style?: CSSProperties;
-    items: OptionsItem[];
-    titles: string[];
-    columns: number;
-}
-/**
- *  Component that renders a list with a set number of radio buttons for each row in the list
- *
- * @param {OptionsListProps} {
- *     items:{ the items that should be shown in the list
- *          title: the text displayed for a row in the list
- *          color: the background color used in the badge in front of the title of the item
- *          selectedColumnIndex: specifies witch radio button should have selected state. Should not be larger than the columns input property
- *     }
- *     style: Optional parameter that can override the wrapper style
- *     titles: list of title that should be shown for the different columns in the list
- *     columns: the number of columns the list should have
- * }
- * @return {*}  {JSX.Element} a list of rows with a set of radio buttons
- */
-export declare const OptionsList: React.FC<OptionsListProps>;
+import React, { CSSProperties } from 'react';
+import { OptionsItem } from '../../types/optionsItem';
+export interface OptionsListProps {
+    style?: CSSProperties;
+    items: OptionsItem[];
+    titles: string[];
+    columns: number;
+}
+/**
+ *  Component that renders a list with a set number of radio buttons for each row in the list
+ *
+ * @param {OptionsListProps} {
+ *     items:{ the items that should be shown in the list
+ *          title: the text displayed for a row in the list
+ *          color: the background color used in the badge in front of the title of the item
+ *          selectedColumnIndex: specifies witch radio button should have selected state. Should not be larger than the columns input property
+ *     }
+ *     style: Optional parameter that can override the wrapper style
+ *     titles: list of title that should be shown for the different columns in the list
+ *     columns: the number of columns the list should have
+ * }
+ * @return {*}  {JSX.Element} a list of rows with a set of radio buttons
+ */
+export declare const OptionsList: React.FC<OptionsListProps>;

package/dist/theme/index.d.ts

@@ -1 +1 @@
-export * from './themeConst';
+export * from './themeConst';

package/dist/theme/themeConst.d.ts

@@ -1,65 +1,65 @@
-export declare const themeConst: {
-    black: string;
-    white: string;
-    equiBlue1: string;
-    equiBlue2: string;
-    equiBlue3: string;
-    equiGray1: string;
-    equiGray2: string;
-    equiGray3: string;
-    equiGray4: string;
-    equiGray5: string;
-    equiRed1: string;
-    darkEquiRed: string;
-    equiGreen1: string;
-    equiGreen2: string;
-    equiGreen3: string;
-    echoText: string;
-    disabledBackgroundColor: string;
-    disabledColor: string;
-    pm01: string;
-    pm02: string;
-    pm03: string;
-    pm04: string;
-    pm05: string;
-    pm06: string;
-    pm010: string;
-    pm015: string;
-    pm020: string;
-    onGoing: string;
-    done: string;
-    asBuilt: string;
-    planned: string;
-    future: string;
-    historic: string;
-    outOfService: string;
-    reserved: string;
-    voided: string;
-    default: string;
-    ok: string;
-    os: string;
-    pa: string;
-    pb: string;
-    unknown: string;
-    priorityHigh: string;
-    priorityMedium: string;
-    systems: string;
-    locations: string;
-    ofpDark: string;
-    ofpLight: string;
-    warningText: string;
-    warningIcon: string;
-    warningBackground: string;
-    dropDownButtonBackground: string;
-    dropDownTextColor: string;
-    searchBarBackground: string;
-    highSeverity: string;
-    mediumSeverity: string;
-    lowSeverity: string;
-    defaultSeverity: string;
-    toggleActive: string;
-    toggleInactive: string;
-    hoverIcon: string;
-    hoverIconWithNotification: string;
-    tertiaryText: string;
-};
+export declare const themeConst: {
+    black: string;
+    white: string;
+    equiBlue1: string;
+    equiBlue2: string;
+    equiBlue3: string;
+    equiGray1: string;
+    equiGray2: string;
+    equiGray3: string;
+    equiGray4: string;
+    equiGray5: string;
+    equiRed1: string;
+    darkEquiRed: string;
+    equiGreen1: string;
+    equiGreen2: string;
+    equiGreen3: string;
+    echoText: string;
+    disabledBackgroundColor: string;
+    disabledColor: string;
+    pm01: string;
+    pm02: string;
+    pm03: string;
+    pm04: string;
+    pm05: string;
+    pm06: string;
+    pm010: string;
+    pm015: string;
+    pm020: string;
+    onGoing: string;
+    done: string;
+    asBuilt: string;
+    planned: string;
+    future: string;
+    historic: string;
+    outOfService: string;
+    reserved: string;
+    voided: string;
+    default: string;
+    ok: string;
+    os: string;
+    pa: string;
+    pb: string;
+    unknown: string;
+    priorityHigh: string;
+    priorityMedium: string;
+    systems: string;
+    locations: string;
+    ofpDark: string;
+    ofpLight: string;
+    warningText: string;
+    warningIcon: string;
+    warningBackground: string;
+    dropDownButtonBackground: string;
+    dropDownTextColor: string;
+    searchBarBackground: string;
+    highSeverity: string;
+    mediumSeverity: string;
+    lowSeverity: string;
+    defaultSeverity: string;
+    toggleActive: string;
+    toggleInactive: string;
+    hoverIcon: string;
+    hoverIconWithNotification: string;
+    tertiaryText: string;
+};

package/dist/types/actionButton.d.ts

@@ -1,6 +1,6 @@
-export interface ActionButton {
-    title: string;
-    onClick: () => void;
-    variant?: 'contained' | 'outlined' | 'ghost' | 'ghost_icon';
-    color?: 'danger' | 'primary' | 'secondary';
-}
+export interface ActionButton {
+    title: string;
+    onClick: () => void;
+    variant?: 'contained' | 'outlined' | 'ghost' | 'ghost_icon';
+    color?: 'danger' | 'primary' | 'secondary';
+}

package/dist/types/dataInformation.d.ts

@@ -1,8 +1,8 @@
-export interface DataInformation {
-    numberOfItems: number;
-    label: string;
-    ariaLabel?: string;
-    onTagInfoClicked: () => void;
-    itemType: string;
-    itemButtonClassName?: string;
-}
+export interface DataInformation {
+    numberOfItems: number;
+    label: string;
+    ariaLabel?: string;
+    onTagInfoClicked: () => void;
+    itemType: string;
+    itemButtonClassName?: string;
+}

package/dist/types/draggableItem.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export interface DraggableItem {
-    id: number;
-    element: React.ReactNode;
-}
+/// <reference types="react" />
+export interface DraggableItem {
+    id: number;
+    element: React.ReactNode;
+}

package/dist/types/expandableRowProps.d.ts

@@ -1,6 +1,6 @@
-import { IconItem } from './iconItem';
-export interface ExpandableRowProps {
-    iconItems: IconItem[];
-    expanded: boolean;
-    setExpanded: (status: boolean) => void;
-}
+import { IconItem } from './iconItem';
+export interface ExpandableRowProps {
+    iconItems: IconItem[];
+    expanded: boolean;
+    setExpanded: (status: boolean) => void;
+}

package/dist/types/iconItem.d.ts

@@ -1,4 +1,4 @@
-export interface IconItem {
-    icon: string;
-    onClick: () => void;
-}
+export interface IconItem {
+    icon: string;
+    onClick: () => void;
+}

package/dist/types/iconListItem.d.ts

@@ -1,6 +1,6 @@
-import { IconItem } from './iconItem';
-export interface IconListItem {
-    title?: string;
-    subTitle?: string;
-    icons: IconItem[];
-}
+import { IconItem } from './iconItem';
+export interface IconListItem {
+    title?: string;
+    subTitle?: string;
+    icons: IconItem[];
+}

package/dist/types/index.d.ts

@@ -1,10 +1,10 @@
-export * from './actionButton';
-export * from './dataInformation';
-export * from './draggableItem';
-export * from './expandableRowProps';
-export * from './iconItem';
-export * from './iconListItem';
-export * from './linkCardItem';
-export * from './menuItem';
-export * from './optionsItem';
-export * from './radioButtonItem';
+export * from './actionButton';
+export * from './dataInformation';
+export * from './draggableItem';
+export * from './expandableRowProps';
+export * from './iconItem';
+export * from './iconListItem';
+export * from './linkCardItem';
+export * from './menuItem';
+export * from './optionsItem';
+export * from './radioButtonItem';

package/dist/types/linkCardItem.d.ts

@@ -1,5 +1,5 @@
-export interface LinkCardItem {
-    title: string;
-    url: string;
-    target?: '_blank' | '_self';
-}
+export interface LinkCardItem {
+    title: string;
+    url: string;
+    target?: '_blank' | '_self';
+}

package/dist/types/menuItem.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export interface MenuItem {
-    labelId: string;
-    label: string;
-    icon: string | React.ReactNode;
-    panelSize?: PanelSize;
-    component: React.FC<Record<string, unknown>>;
-}
-export declare type PanelSize = 'narrow' | 'wide';
+/// <reference types="react" />
+export interface MenuItem {
+    labelId: string;
+    label: string;
+    icon: string | React.ReactNode;
+    panelSize?: PanelSize;
+    component: React.FC<Record<string, unknown>>;
+}
+export declare type PanelSize = 'narrow' | 'wide';

package/dist/types/optionsItem.d.ts

@@ -1,6 +1,6 @@
-export interface OptionsItem {
-    color?: string;
-    title: string;
-    selectedColumnIndex: number;
-    onSelected: (rowIndex: number, columnIndex: number) => void;
-}
+export interface OptionsItem {
+    color?: string;
+    title: string;
+    selectedColumnIndex: number;
+    onSelected: (rowIndex: number, columnIndex: number) => void;
+}

package/dist/types/radioButtonItem.d.ts

@@ -1,4 +1,4 @@
-export interface RadioButtonItem {
-    title: string;
-    isChecked: boolean;
-}
+export interface RadioButtonItem {
+    title: string;
+    isChecked: boolean;
+}