@equinor/echo-components 0.5.4 → 0.5.5

package/dist/components/buttonWithPopover/ButtonWithPopover.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { DataInformation } from '../../types/dataInformation';
+export interface ButtonWithPopoverProps {
+    onShowMoreClicked: () => void;
+    fetchedData: DataInformation[];
+    isLoading: boolean;
+    expanded: boolean;
+}
+/**
+ * Component that renders a round button, that opens a popover upon being clicked
+ *
+ * @param {ButtonWithPopoverProps} {
+ *     onShowMoreClicked: method called upon button clicked
+ *     fetchedData: array of DataInformation that popover should be displayed when button is clicked.
+ *                  Meant to be the return value of the fetchDataToShow method
+ *     isLoading: flag to show loading state if data fetch takes some time
+ *     expanded: flag to determine if popover should be expanded or not
+ * @return {*}  {JSX.Element} Round button with belonging popover to display data information buttons
+ */
+export declare const ButtonWithPopover: React.FC<ButtonWithPopoverProps>;
+export default ButtonWithPopover;

package/dist/components/contextMenu/ContextMenu.d.ts

@@ -0,0 +1,35 @@
+import React, { CSSProperties } from 'react';
+interface ContextMenuProps {
+    icon: JSX.Element;
+    legendColor: string;
+    expanded: boolean;
+    setExpanded: (expanded: boolean) => void;
+    tagNo: string;
+    description: string;
+    positionStyle: CSSProperties;
+    openTagInformation: () => void;
+    selectedClassName?: string;
+    selected: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Component that renders full context menu functionality, meant for displaying tag context menu.
+ * With the ability to provide more information button and related popover that should be wrapped with the context menu
+ *
+ * @param {ContextMenuProps} {
+ *     icon: icon to be displayed
+ *     expanded: flag to determine if context menu should be expanded or not
+ *     legendColor: color used for the tag icon
+ *     setExpanded: method to update expanded flag
+ *     tagNo: The tag number to display
+ *     description: The tag description to display
+ *     positionStyle: The position styling element used to position the context menu
+ *     openTagInformation: Method that will be called when expanded context menu is clicked
+ *     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: Related elements to display, e.g. more information button
+ * }
+ * @return {*} {JSX.Element} Context menu with relevant children wrapped
+ */
+export declare const ContextMenu: React.FC<ContextMenuProps>;
+export default ContextMenu;

package/dist/components/contextMenuPopover/DataInfoButton.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { DataInformation } from '../../types/dataInformation';
+export interface DataInfoButtonProps {
+    data: DataInformation;
+}
+/**
+ * Component that renders a data information button with a badge to indicate the number of items under that scoped type
+ *
+ * @param {DataInfoButtonProps} { data } Contains data information related to how the button should be rendered
+ * numberOfItems: If number is 1 or less no badge will be displayed on the button. If number is over 99,
+ * then the text 99+ will be displayed. Otherwise the provided number will be displayed
+ * label: The name of the data type, will be displayed on the button
+ * ariaLabel: The aria label set on the button, if empty the label will be used
+ * onTagInfoClicked: The method to be called when button is pressed
+ * itemButtonClassName: Used to style button if default styling is not wanted. class name might need higher precedence for overriding existing styling e.g. "div.itemButtonClassName { background-color: blue !important}"
+ * @return {*}  {JSX.Element} Data information button with or without a badge based on the provided data object
+ */
+export declare const DataInfoButton: React.FC<DataInfoButtonProps>;
+export default DataInfoButton;

package/dist/components/contextMenuPopover/DataInfoPopover.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { DataInformation } from '../../types/dataInformation';
+export interface DataInfoPopoverProps {
+    dataToShow: DataInformation[];
+    isLoading: boolean;
+}
+/**
+ * Component that renders a popover with data information buttons
+ *
+ * @param {DataInfoPopoverProps} {
+ *  dataToShow: list of DataInformation objects to be displayed.
+ *  The itemType in these objects are used to group them together in the popover
+ *  isLoading: loading flag that tells if a dot progress should be displayed if data is being fetched
+ * }
+ * @return {*} {JSX.Element} Popover with data information buttons based on the provided DataInformation objects
+ */
+declare const DataInfoPopover: React.FC<DataInfoPopoverProps>;
+export default DataInfoPopover;

package/dist/components/datePicker/PopupHeader.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface PopupHeaderProps {
+    monthDate: Date;
+    date: Date;
+    changeYear: (year: number) => void;
+    changeMonth: (month: number) => void;
+    customHeaderCount: number;
+    decreaseMonth: VoidFunction;
+    increaseMonth: VoidFunction;
+    prevMonthButtonDisabled: boolean;
+    nextMonthButtonDisabled: boolean;
+    decreaseYear: VoidFunction;
+    increaseYear: VoidFunction;
+    prevYearButtonDisabled: boolean;
+    nextYearButtonDisabled: boolean;
+    changeDate?: (date: Date) => void;
+}
+declare const PopupHeader: React.FC<PopupHeaderProps>;
+export default PopupHeader;

package/dist/components/datePicker/ReactDatePicker.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import 'react-datepicker/dist/react-datepicker.css';
+import './reactDatePicker.css';
+declare type PopperPlacement = 'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
+export interface DatePickerProps {
+    id: string;
+    value: Date | undefined | null;
+    label: string;
+    onChanged(date: Date | null): void;
+    disableFuture?: boolean;
+    disableBeforeDate?: Date;
+    className?: string;
+    popperPlacement?: PopperPlacement;
+    showTimeSelect?: boolean;
+    maxDate?: Date;
+    minDate?: Date;
+}
+export declare const ReactDatePicker: React.FC<DatePickerProps>;
+export default ReactDatePicker;

package/dist/components/dialogGenerator/DialogGenerator.d.ts

@@ -0,0 +1,26 @@
+import React, { CSSProperties } from 'react';
+import { ActionButton } from '../../types/actionButton';
+export interface DialogGeneratorProps {
+    dialogStyle?: CSSProperties;
+    children: React.ReactNode;
+    title: string;
+    actionButtons: ActionButton[];
+    open: boolean;
+    isDismissable?: boolean;
+    onClose?: () => void;
+}
+/**
+ * Component that renders a dialog box based on input properties
+ *
+ * @param {DialogGeneratorProps} {
+ *     dialogStyle: style property to override existing styling on the dialog wrapper
+ *     title: the title of the dialog
+ *     children: The main content of the dialog
+ *     actionButtons: the buttons to show in the dialog
+ *     open: if the dialog should be open
+ *     isDismissable: if the modal is closable by clicking aside or by hitting ESC key
+ *     onClose: callback to be called when the dialog is closed
+ * }
+ * @return {*}  {JSX.Element} Dialog component
+ */
+export declare const DialogGenerator: React.FC<DialogGeneratorProps>;

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

@@ -0,0 +1,37 @@
+import React from 'react';
+interface DropdownItemProps {
+    selected: string;
+    setSelected: (selected: string) => void;
+    data: any[];
+    openDownWards: boolean;
+    placeholder: string;
+    filterFunc?: (data: any[], filter: string) => any[];
+    isDisabled?: boolean;
+    disabledText?: string;
+    maxCharacterCount?: number;
+    variant?: 'compact' | 'default';
+    showSearch: boolean;
+    position?: 'relative' | 'absolute';
+    triggerOpen?: (value: boolean) => void;
+}
+/**
+ * Component that renders a dropdown menu, e.g., for a plant selector.
+ * Additional possibility to make the list searchable by adding a search field.
+ * @param {DropdownItemProps} {
+ *     selected: The item that is currently selected from the list.
+ *     data: The list of data items to be displayed in the dropdown.
+ *     placeholder: Placeholder text to be displayed when no item is selected.
+ *     openDownWards: Flag which decides if the menu is opened downwards or upwards.
+ *     filterFunc: Function which filters the list of data based on the value of the search field.
+ *     setSelected: Function for setting the selected item.
+ *     isDisabled: Flag which disables the dropdown.
+ *     disabledText: The title text that displays when the dropdown is disabled.
+ *     variant: Decides which style the dropdown should have. Either default or compact.
+ *     showSearch: Flag which decides whether we should include the search field or not.
+ *     position: Determines if the dropdown position should be relative or absolute.
+ *     triggerOpen: Callback to trigger when the dropdown is opened.
+ * }
+ * @return {*} {JSX.Element} The dropdown component.
+ */
+export declare const Dropdown: React.FC<DropdownItemProps>;
+export default Dropdown;

package/dist/components/echoBottomBar/EchoBottomBar.d.ts

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type BodyProps = {
+    children?: React.ReactNode;
+    className?: string;
+    bodyText?: string;
+};
+export declare const Body: ({ bodyText, children, className }: Partial<BodyProps>) => JSX.Element;

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,13 @@
+/// <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

@@ -0,0 +1,14 @@
+import { Body, BodyProps } from './Body';
+import { DateSection, DateSectionProps } from './DateSection';
+import { EchoCard as BaseEchoCard, EchoCardProps } 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 { EchoCardProps, TitleProps, DateSectionProps, BodyProps };

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

@@ -0,0 +1,20 @@
+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

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

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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,29 @@
+import React, { CSSProperties } from 'react';
+import { ExpandableRowProps, IconListItem } from '@types';
+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

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

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,19 @@
+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

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

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

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

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

@@ -0,0 +1,16 @@
+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

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

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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,8 @@
+export * 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 * from './textIconButton/TextIconButton';

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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,19 @@
+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

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

package/dist/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getIcon';
+export * from './tagCategoryIcon';