@equinor/echo-components 0.5.3 → 0.5.4

package/dist/components/echoCard/DateSection.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare type DateSectionProps = {
-    date?: Date | null;
-    dateSectionText?: string;
-    children?: React.ReactNode;
-    className?: string;
-};
-export declare const DateSection: ({ dateSectionText, date, children, className }: Partial<DateSectionProps>) => JSX.Element;

package/dist/components/echoCard/EchoCard.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface EchoCardProps {
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export declare const EchoCard: React.FC<EchoCardProps>;

package/dist/components/echoCard/LinkSection.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { CardIcons } from './Title';
-export declare type LinkSectionProps = {
-    children?: React.ReactNode;
-    linkSectionIcons?: CardIcons[];
-    className?: string;
-};
-export declare const LinkSection: ({ children, className, linkSectionIcons }: Partial<LinkSectionProps>) => JSX.Element;

package/dist/components/echoCard/Title.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export interface CardIcons {
-    name: string;
-    color: string;
-    onClick?: () => void;
-}
-export declare type TitleProps = {
-    headerTitle?: string;
-    onHeaderClick?: () => void;
-    headerIcons?: CardIcons[];
-    className?: string;
-};
-export declare const Title: ({ headerTitle, headerIcons, className, onHeaderClick }: Partial<TitleProps>) => JSX.Element;

package/dist/components/echoCard/index.d.ts

@@ -1,14 +0,0 @@
-import { Body, BodyProps } from './Body';
-import { DateSection, DateSectionProps } from './DateSection';
-import { EchoCard as BaseEchoCard } from './EchoCard';
-import { LinkSection } from './LinkSection';
-import { Title, TitleProps } from './Title';
-declare type CardType = typeof BaseEchoCard & {
-    Title: typeof Title;
-    Body: typeof Body;
-    LinkSection: typeof LinkSection;
-    DateSection: typeof DateSection;
-};
-declare const EchoCard: CardType;
-export { EchoCard };
-export type { TitleProps, DateSectionProps, BodyProps };

package/dist/components/echoHeader/EchoHeader.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export interface EchoHeaderProps {
-    moduleTitle: string;
-    moduleIcon: string | React.FC;
-    plantName?: string;
-    customHeaderSection?: React.FC;
-}
-/**
- * Component that renders the Echo header
- *
- * @param {EchoHeaderProps} {
- *    moduleTitle: the title of the module
- *    moduleIcon: the module Icon
- *    plantName: show the plant name next to the module title
- *    customSection: a section in the header where there can be custom components
- * }
- * @returns {*} {JSX.Element} Echo header with custom section
- */
-export declare const EchoHeader: React.FC<EchoHeaderProps>;
-export default EchoHeader;

package/dist/components/index.d.ts

@@ -1,14 +0,0 @@
-export { ButtonWithPopover } from './buttonWithPopover/ButtonWithPopover';
-export { ContextMenu } from './contextMenu/ContextMenu';
-export { DataInfoButton } from './contextMenuPopover/DataInfoButton';
-export { ReactDatePicker } from './datePicker/ReactDatePicker';
-export { DialogGenerator } from './dialogGenerator/DialogGenerator';
-export { Dropdown } from './dropdown/Dropdown';
-export { EchoBottomBar } from './echoBottomBar/EchoBottomBar';
-export { EchoCard } from './echoCard/index';
-export { EchoHeader } from './echoHeader/EchoHeader';
-export { InlineTagIconLink } from './inlineTagIconLink/InlineTagIconLink';
-export { ListRow } from './listRow/ListRow';
-export * from './sidesheet';
-export { TagContextMenu } from './tagContextMenu/TagContextMenu';
-export { TimePicker } from './timePicker/TimePicker';

package/dist/components/inlineTagIconLink/InlineTagIconLink.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface InlineTagIconLinkProps {
-    onClickHandler?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    tagNo: string;
-    description: string;
-    tagCategoryDescription?: string;
-    icon?: string | React.ReactNode;
-    legendColor: string;
-    disableHover?: boolean;
-}
-export declare const InlineTagIconLink: React.FC<InlineTagIconLinkProps>;
-export default InlineTagIconLink;

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

@@ -1,30 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { ExpandableRowProps } from '../../types/expandableRowProps';
-import { IconListItem } from '../../types/iconListItem';
-export interface ListRowProps {
-    isDraggable: boolean;
-    item: IconListItem;
-    expandable?: ExpandableRowProps;
-    rowIndex: number;
-    style?: CSSProperties;
-}
-/**
- * Component that renders one row in a list. The row can be marked as draggable and expandable
- *
- * @param {ListRowProps} {
- *     isDraggable: flag to indicate that the row can be rearranged in a list
- *     item: {      The item 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
- *     }
- *     expandable: { object with properties to handle if the row is expandable. If undefined the row cannot be expanded
- *          iconItems: the items that will be displayed if row is expanded, and their respective actions
- *          expanded: flag to indicate if the row is expanded or not
- *          setExpanded: method that updates the expanded flag
- *     }
- *     style: style element to override wrapper style
- * }
- * @return {*}  {JSX.Element} a row element to be used in a list
- */
-export declare const ListRow: React.FC<ListRowProps>;

package/dist/components/sidesheet/enums.d.ts

@@ -1,5 +0,0 @@
-export declare enum SideSheetOrientation {
-    Vertical = "vertical",
-    Horizontal = "horizontal",
-    Fullscreen = "fullscreen"
-}

package/dist/components/sidesheet/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { SideSheetOrientation } from './enums';
-import { SheetProps } from './sheet';
-import { SheetTopAreaProps } from './sheetTopArea';
-interface SideSheetProps extends SheetProps, SheetTopAreaProps {
-    open: boolean;
-    children: React.ReactNode;
-}
-declare function SideSheet({ open, side, orientation, floating, children, className, style, ...topBarProps }: SideSheetProps): JSX.Element | null;
-export type { SideSheetProps };
-export { SideSheet, SideSheetOrientation };

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

@@ -1,19 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { SideSheetOrientation } from '../enums';
-interface Style {
-    style?: CSSProperties;
-    className?: string;
-}
-interface SheetProps extends Style {
-    children: React.ReactNode;
-    side?: 'left' | 'right';
-    orientation?: SideSheetOrientation;
-    /**
-     * Default true. Use this to make Sheet push content to the side.
-     * Only affects "vertical" orientation.
-     */
-    floating?: boolean;
-}
-declare function Sheet({ side, orientation, floating, children, className, style }: SheetProps): JSX.Element;
-export type { SheetProps };
-export { Sheet };

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

@@ -1 +0,0 @@
-export * from './Sheet';

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

@@ -1,2 +0,0 @@
-import { SideSheetOrientation } from '../enums';
-export declare function getSheetContainerClass(side?: 'left' | 'right', orientation?: SideSheetOrientation, floating?: boolean): string;

package/dist/components/sidesheet/sheetTopArea/SheetTopArea.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { SideSheetOrientation } from '../enums';
-interface SheetTopAreaProps extends Partial<SheetOrientationActionsProps> {
-    closeSheet: () => void;
-    previous?: React.ReactNode;
-}
-declare function SheetTopArea({ orientation, onOrientationChange, closeSheet, previous }: SheetTopAreaProps): JSX.Element;
-interface SheetOrientationActionsProps {
-    orientation: SideSheetOrientation;
-    /**
-     * Providing this function allows the developer to control sheet orientation.
-     */
-    onOrientationChange: (orientationTarget: SideSheetOrientation) => void;
-}
-export type { SheetTopAreaProps };
-export { SheetTopArea };

package/dist/components/sidesheet/sheetTopArea/index.d.ts

@@ -1 +0,0 @@
-export * from './SheetTopArea';

package/dist/components/tagContextMenu/TagContextMenu.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-interface TagContextMenuProps {
-    expanded: boolean;
-    setExpanded: (expanded: boolean) => void;
-    tagNo: string;
-    description: string;
-    openTagInformation: () => void;
-    selected: boolean;
-    selectedClassName?: string;
-    children: React.ReactNode;
-}
-/**
- * Component that renders a tag context menu that can be expanded and closed upon click
- * The condensed variant will only display the the relevant tag icon
- * The expanded variant will display relevant tag icon, tag number and tag description
- *
- * @param {TagContextMenuProps} {
- *     expanded: flag that state if the context menu should be expanded or not
- *     setExpanded: method to update the expanded flag
- *     tagNo: the tag no to display
- *     description: the tag description
- *     openTagInformation: method called when expanded context menu is called
- *     selected: Flag to handle if there are multiple context menu's on a page, and a selected style should be applied
- *     selectedClassName: styling used to handle multiple tag visible on the page at the same time, class will be added to tagIcon when context menu is not expanded
- *     children: Meant to be used to pass TagIcon component to this component
- * }
- * @return {*}  {JSX.Element} a tag context menu for the provided properties
- */
-export declare const TagContextMenu: React.FC<TagContextMenuProps>;
-export default TagContextMenu;

package/dist/components/timePicker/TimePicker.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface TimePickerProps {
-    id: string;
-    value?: string;
-    label: string;
-    onValueChanged?: (time: string) => void;
-    className?: string;
-    readOnly?: boolean;
-    timeRange?: string[];
-}
-export declare const TimePicker: React.FC<TimePickerProps>;
-export default TimePicker;

package/dist/elements/draggableItemsWrapper/DraggableItemsWrapper.d.ts

@@ -1,18 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { DraggableItem } from '../../types/draggableItem';
-export interface DraggableItemsWrapperProps {
-    style?: CSSProperties;
-    onChange: (newDragItems: DraggableItem[], oldIndex: number | undefined, newIndex: number | undefined) => void;
-    children: React.ReactNode[];
-}
-/**
- * Component that renders a wrapper for items that are draggable
- *
- * @param {DraggableItemsWrapperProps} {
- *     style: style element to override wrapper style
- *     onChange: method that will be called when elements have be reordered inside the wrapper
- *     children: list of elements that can be reordered
- * }
- * @return {*}  {JSX.Element}
- */
-export declare const DraggableItemsWrapper: React.FC<DraggableItemsWrapperProps>;

package/dist/elements/icon/Icon.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export interface IconProps {
-    name: string;
-    color: string;
-    title?: string;
-    className?: string;
-    size?: 16 | 24 | 32 | 40 | 48;
-}
-/**
- * Component that work's as a eds icon wrapper, it imports all eds possible icons
- *
- * @param {IconProps} {
- *  name: The name of the icon to be displayed
- *  title: The html title to use
- *  color:The color to icon should have
- *  size: The wanted size of the icon. Possible values are 16, 24, 32, 40 and 48
- * }
- * @return {*} {JSX.Element} A icon for the provided information
- */
-export declare const Icon: React.FC<IconProps>;

package/dist/elements/index.d.ts

@@ -1,8 +0,0 @@
-export { DraggableItemsWrapper } from './draggableItemsWrapper/DraggableItemsWrapper';
-export { Icon } from './icon/Icon';
-export { RadioButtonGroup } from './radioButtonGroup/RadioButtonGroup';
-export * from './roundIconButton/RoundIconButton';
-export { SliderField } from './sliderField/SliderField';
-export { TagIcon } from './tagIcon/TagIcon';
-export { TagIconShadowWrapper } from './tagIcon/TagIconShadow';
-export { TextIconButton } from './textIconButton/TextIconButton';

package/dist/elements/radioButtonGroup/RadioButtonGroup.d.ts

@@ -1,20 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { RadioButtonItem } from '../../types/radioButtonItem';
-export interface RadioButtonGroupProps {
-    title: string;
-    options: RadioButtonItem[];
-    style?: CSSProperties;
-    onSelected: (index: number) => void;
-}
-/**
- * Component that renders a Radio Button Group with a set of options to choose from
- *
- * @param {RadioButtonGroupProps} {
- *     title: The title of the radio button group,
- *     options: List of items to be displayed as options,
- *     style: Style element to override wrapper style,
- *     onSelected: Method to be called when the selected value is changed
- * }
- * @return {*}  {JSX.Element}
- */
-export declare const RadioButtonGroup: React.FC<RadioButtonGroupProps>;

package/dist/elements/roundIconButton/RoundIconButton.d.ts

@@ -1,13 +0,0 @@
-import React, { EventHandler, ReactElement, SyntheticEvent } from 'react';
-export declare enum RoundIconButtonVariants {
-    OpenCloseButton = "openCloseButton",
-    ToggleButton = "toggleButton"
-}
-export interface RoundIconButtonProps {
-    label: string;
-    active?: boolean;
-    variant?: RoundIconButtonVariants;
-    children?: ReactElement;
-    onClick?: EventHandler<SyntheticEvent>;
-}
-export declare const RoundIconButton: React.FC<RoundIconButtonProps>;

package/dist/elements/sliderField/SliderField.d.ts

@@ -1,25 +0,0 @@
-import React, { CSSProperties } from 'react';
-export interface SliderFieldProps {
-    value: number;
-    min: number;
-    max: number;
-    labels?: string[];
-    title: string;
-    onChange: (value: number) => void;
-    style?: CSSProperties;
-}
-/**
- * Component that renders a slider with numeric or custom values
- *
- * @param {SliderFieldProps} {
- *     value: Current value of the slider,
- *     min: Minimum value of the slider,
- *     max: Maximum value of the slider,
- *     labels: List of labels to use if the slider should not display numeric values,
- *     title: Text shown as title of the slider,
- *     onChange: Method that will be called if the slider value is changed,
- *     style: style element to override wrapper style
- * }
- * @return {*}  {JSX.Element}
- */
-export declare const SliderField: React.FC<SliderFieldProps>;

package/dist/elements/tagIcon/TagIcon.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-interface TagIconProps {
-    icon: JSX.Element;
-    legendColor: string;
-}
-/**
- * Component that will wrap the provided icon with a background color (usually the legend color)
- *
- * @param {TagIconProps} {
- *  icon: Icon to be wrapped
- *  legendColor: background color to apply. Need to be valid css color
- * }
- * @return {*}  {JSX.Element} Wrapped icon with provided color
- */
-export declare const TagIcon: React.FC<TagIconProps>;
-export default TagIcon;

package/dist/elements/tagIcon/TagIconShadow.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-interface TagIconShadowWrapperProps {
-    children: React.ReactNode;
-}
-/**
- * Component that will wrap the provided child element in a shadow.
- * Should be used to add shadow to the tagIcon component
- *
- * @param {TagIconShadowWrapperProps} { children } Child element to wrap
- * @return {*} {JSX.Element} wrapped child element in a shadow
- */
-export declare const TagIconShadowWrapper: React.FC<TagIconShadowWrapperProps>;
-export default TagIconShadowWrapper;

package/dist/elements/textIconButton/TextIconButton.d.ts

@@ -1,19 +0,0 @@
-import React, { CSSProperties } from 'react';
-export interface TextIconButtonProps {
-    icon: string | React.FC;
-    title: string;
-    onClick: () => void;
-    style?: CSSProperties;
-}
-/**
- * Component that renders a button with the icon and the text provided
- *
- * @param {TextIconButtonProps} {
- *     icon: the name of the icon to display
- *     title: the title text that the button should display
- *     onClick: the function that will be called when user clicks the button
- *     style: Optional parameter that will override the button style
- * }
- * @return {*}  {JSX.Element} A button with the provided icon and text
- */
-export declare const TextIconButton: React.FC<TextIconButtonProps>;

package/dist/helpers/getIcon.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function getIcon(tagCategoryDescription: string): JSX.Element;

package/dist/helpers/index.d.ts

@@ -1 +0,0 @@
-export { getIcon } from './getIcon';

package/dist/helpers/tagCategoryIcon.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-interface ViewTagIconProps {
-    tagCategoryDescription: string;
-}
-export declare enum TagCategoryType {
-    Electrical = "electrical",
-    MainEquipment = "main equipment",
-    Line = "line",
-    ManualValve = "manual valve",
-    CircuitAndStarter = "circuit",
-    Instrument = "instrument",
-    Cable = "cable",
-    Function = "function",
-    Signal = "signal",
-    Telecom = "telecom",
-    JunctionBox = "junction box",
-    Administrative = "administrative"
-}
-/**
- * Method that returns the relevant Icon for the tagCategoryDescription provided
- * Tag icon is the default JSX.Element Icon returned
- * @export
- * @param {('electrical'
- *         | 'main equipment'
- *         | 'line'
- *         | 'manual valve'
- *         | 'circuit/starter'
- *         | 'instrument'
- *         | 'cable'
- *         | 'function'
- *         | 'signal'
- *         | 'telecom'
- *         | 'junction box'
- *         | 'administrative'
- * @return {*}  {JSX.Element} Relevant icon for the provided tagCategoryDescription
- */
-export declare const TagCategoryIcon: React.FC<ViewTagIconProps>;
-export default TagCategoryIcon;

package/dist/icons/echoAssets/index.d.ts

@@ -1,3 +0,0 @@
-import { IconData } from '@equinor/eds-icons';
-export declare const sheet_left: IconData;
-export declare const sheet_bottom: IconData;

package/dist/icons/index.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/index.d.ts

@@ -1,8 +0,0 @@
-import './theme/theme.css';
-export * from './components';
-export * from './elements';
-export * from './helpers';
-export * from './icons';
-export * from './structure';
-export { themeConst } from './theme/themeConst';
-export * from './types';