@equinor/echo-components 0.5.8-rc2 → 0.5.11

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2020 Equinor
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2020 Equinor
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,63 +1,63 @@
-![logo](./doc/ee.png)
-
-# Echo-Components
-
-Package for creating echo related components.
-
-[![Version](https://img.shields.io/npm/v/@equinor/echo-components.svg)](https://npmjs.org/package/@equinor/echo-components)
-[![Downloads/week](https://img.shields.io/npm/dw/@equinor/echo-components.svg)](https://npmjs.org/package/@equinor/echo-components)
-[![License](https://img.shields.io/npm/l/@equinor/echo-components.svg)](https://github.com/equinor/fusion/blob/master/package.json)
-[![Sisze](https://img.shields.io/bundlephobia/min/@equinor/echo-components)](https://npmjs.org/package/@equinor/echo-components)
-
-/bundlephobia/:format/:packageName
-
--   [Echo-Components](#echo-components)
--   [Install](#install)
-    -   [NPM](#npm)
--   [Development](#development)
-    -   [Run](#run)
-    -   [Test](#test)
--   [Storybook](#storybook)
-
-# Install
-
-### NPM
-
-```sh-session
-npm install @equinor/echo-components --save
-```
-
-# Development
-
-## Run
-
-For development we have provided a test playground to be able to test components. This can be run by using.
-
-```sh-session
-npm start
-```
-
-## Test
-
-Echo components is set upt to run Jest test suite. To run tests use.
-
-```sh-session
-npm run test
-```
-
-For abetter overview, run tests with test coverage.
-
-```sh-session
-npm run test-coverage
-```
-
-# Storybook
-
-You can see and test the components using storybook.
-Run:
-
-```sh-session
-npm run storybook
-```
-
+![logo](./doc/ee.png)
+
+# Echo-Components
+
+Package for creating echo related components.
+
+[![Version](https://img.shields.io/npm/v/@equinor/echo-components.svg)](https://npmjs.org/package/@equinor/echo-components)
+[![Downloads/week](https://img.shields.io/npm/dw/@equinor/echo-components.svg)](https://npmjs.org/package/@equinor/echo-components)
+[![License](https://img.shields.io/npm/l/@equinor/echo-components.svg)](https://github.com/equinor/fusion/blob/master/package.json)
+[![Sisze](https://img.shields.io/bundlephobia/min/@equinor/echo-components)](https://npmjs.org/package/@equinor/echo-components)
+
+/bundlephobia/:format/:packageName
+
+-   [Echo-Components](#echo-components)
+-   [Install](#install)
+    -   [NPM](#npm)
+-   [Development](#development)
+    -   [Run](#run)
+    -   [Test](#test)
+-   [Storybook](#storybook)
+
+# Install
+
+### NPM
+
+```sh-session
+npm install @equinor/echo-components --save
+```
+
+# Development
+
+## Run
+
+For development we have provided a test playground to be able to test components. This can be run by using.
+
+```sh-session
+npm start
+```
+
+## Test
+
+Echo components is set upt to run Jest test suite. To run tests use.
+
+```sh-session
+npm run test
+```
+
+For abetter overview, run tests with test coverage.
+
+```sh-session
+npm run test-coverage
+```
+
+# Storybook
+
+You can see and test the components using storybook.
+Run:
+
+```sh-session
+npm run storybook
+```
+
 Online storybook: https://equinor.github.io/EchoComponents/

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

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

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

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

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

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

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

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

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

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

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

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