@equinor/echo-components 0.5.5 → 0.5.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +62 -62
- package/dist/components/buttonWithPopover/ButtonWithPopover.d.ts +21 -21
- package/dist/components/contextMenu/ContextMenu.d.ts +35 -35
- package/dist/components/contextMenuPopover/DataInfoButton.d.ts +19 -19
- package/dist/components/contextMenuPopover/DataInfoPopover.d.ts +18 -18
- package/dist/components/datePicker/PopupHeader.d.ts +19 -19
- package/dist/components/datePicker/ReactDatePicker.d.ts +19 -19
- package/dist/components/dialogGenerator/DialogGenerator.d.ts +26 -26
- package/dist/components/dropdown/Dropdown.d.ts +37 -37
- package/dist/components/echoBottomBar/EchoBottomBar.d.ts +7 -7
- package/dist/components/echoCard/Body.d.ts +7 -7
- package/dist/components/echoCard/DateSection.d.ts +8 -8
- package/dist/components/echoCard/EchoCard.d.ts +7 -7
- package/dist/components/echoCard/LinkSection.d.ts +8 -8
- package/dist/components/echoCard/Title.d.ts +13 -13
- package/dist/components/echoCard/index.d.ts +14 -14
- package/dist/components/echoHeader/EchoHeader.d.ts +20 -20
- package/dist/components/index.d.ts +15 -14
- package/dist/components/inlineTagIconLink/InlineTagIconLink.d.ts +12 -12
- package/dist/components/listItem/ListItem.d.ts +50 -0
- package/dist/components/listItem/index.d.ts +1 -0
- package/dist/components/listRow/ListRow.d.ts +29 -29
- package/dist/components/sidesheet/enums.d.ts +5 -5
- package/dist/components/sidesheet/index.d.ts +11 -11
- package/dist/components/sidesheet/sheet/Sheet.d.ts +19 -19
- package/dist/components/sidesheet/sheet/index.d.ts +1 -1
- package/dist/components/sidesheet/sheet/utils.d.ts +2 -2
- package/dist/components/sidesheet/sheetTopArea/SheetTopArea.d.ts +16 -16
- package/dist/components/sidesheet/sheetTopArea/index.d.ts +1 -1
- package/dist/components/tagContextMenu/TagContextMenu.d.ts +30 -30
- package/dist/components/timePicker/TimePicker.d.ts +12 -12
- package/dist/elements/draggableItemsWrapper/DraggableItemsWrapper.d.ts +18 -18
- package/dist/elements/icon/Icon.d.ts +20 -20
- package/dist/elements/index.d.ts +8 -8
- package/dist/elements/radioButtonGroup/RadioButtonGroup.d.ts +20 -20
- package/dist/elements/roundIconButton/RoundIconButton.d.ts +13 -13
- package/dist/elements/sliderField/SliderField.d.ts +25 -25
- package/dist/elements/tagIcon/TagIcon.d.ts +16 -16
- package/dist/elements/tagIcon/TagIconShadow.d.ts +13 -13
- package/dist/elements/textIconButton/TextIconButton.d.ts +19 -19
- package/dist/helpers/classnames.d.ts +5 -0
- package/dist/helpers/getIcon.d.ts +2 -2
- package/dist/helpers/index.d.ts +3 -2
- package/dist/helpers/tagCategoryIcon.d.ts +38 -38
- package/dist/icons/echoAssets/data.d.ts +3 -3
- package/dist/icons/echoAssets/external.d.ts +3 -3
- package/dist/icons/echoAssets/index.d.ts +5 -5
- package/dist/icons/index.d.ts +1 -1
- package/dist/index.d.ts +8 -8
- package/dist/index.js +503 -413
- package/dist/index.js.map +1 -1
- package/dist/setupTests.d.ts +1 -1
- package/dist/structure/iconList/IconList.d.ts +32 -32
- package/dist/structure/iconList/createListRow.d.ts +14 -14
- package/dist/structure/index.d.ts +3 -3
- package/dist/structure/linkCard/LinkCard.d.ts +26 -26
- package/dist/structure/optionsList/OptionsList.d.ts +24 -24
- package/dist/theme/index.d.ts +1 -1
- package/dist/theme/themeConst.d.ts +65 -65
- package/dist/types/actionButton.d.ts +6 -6
- package/dist/types/dataInformation.d.ts +8 -8
- package/dist/types/draggableItem.d.ts +5 -5
- package/dist/types/expandableRowProps.d.ts +6 -6
- package/dist/types/iconItem.d.ts +4 -4
- package/dist/types/iconListItem.d.ts +6 -6
- package/dist/types/index.d.ts +9 -9
- package/dist/types/linkCardItem.d.ts +5 -5
- package/dist/types/optionsItem.d.ts +6 -6
- package/dist/types/radioButtonItem.d.ts +4 -4
- package/package.json +121 -120
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React, { EventHandler, ReactElement, SyntheticEvent } from 'react';
|
|
2
|
-
export declare enum RoundIconButtonVariants {
|
|
3
|
-
OpenCloseButton = "openCloseButton",
|
|
4
|
-
ToggleButton = "toggleButton"
|
|
5
|
-
}
|
|
6
|
-
export interface RoundIconButtonProps {
|
|
7
|
-
label: string;
|
|
8
|
-
active?: boolean;
|
|
9
|
-
variant?: RoundIconButtonVariants;
|
|
10
|
-
children?: ReactElement;
|
|
11
|
-
onClick?: EventHandler<SyntheticEvent>;
|
|
12
|
-
}
|
|
13
|
-
export declare const RoundIconButton: React.FC<RoundIconButtonProps>;
|
|
1
|
+
import React, { EventHandler, ReactElement, SyntheticEvent } from 'react';
|
|
2
|
+
export declare enum RoundIconButtonVariants {
|
|
3
|
+
OpenCloseButton = "openCloseButton",
|
|
4
|
+
ToggleButton = "toggleButton"
|
|
5
|
+
}
|
|
6
|
+
export interface RoundIconButtonProps {
|
|
7
|
+
label: string;
|
|
8
|
+
active?: boolean;
|
|
9
|
+
variant?: RoundIconButtonVariants;
|
|
10
|
+
children?: ReactElement;
|
|
11
|
+
onClick?: EventHandler<SyntheticEvent>;
|
|
12
|
+
}
|
|
13
|
+
export declare const RoundIconButton: React.FC<RoundIconButtonProps>;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import React, { CSSProperties } from 'react';
|
|
2
|
-
export interface SliderFieldProps {
|
|
3
|
-
value: number;
|
|
4
|
-
min: number;
|
|
5
|
-
max: number;
|
|
6
|
-
labels?: string[];
|
|
7
|
-
title: string;
|
|
8
|
-
onChange: (value: number) => void;
|
|
9
|
-
style?: CSSProperties;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Component that renders a slider with numeric or custom values
|
|
13
|
-
*
|
|
14
|
-
* @param {SliderFieldProps} {
|
|
15
|
-
* value: Current value of the slider,
|
|
16
|
-
* min: Minimum value of the slider,
|
|
17
|
-
* max: Maximum value of the slider,
|
|
18
|
-
* labels: List of labels to use if the slider should not display numeric values,
|
|
19
|
-
* title: Text shown as title of the slider,
|
|
20
|
-
* onChange: Method that will be called if the slider value is changed,
|
|
21
|
-
* style: style element to override wrapper style
|
|
22
|
-
* }
|
|
23
|
-
* @return {*} {JSX.Element}
|
|
24
|
-
*/
|
|
25
|
-
export declare const SliderField: React.FC<SliderFieldProps>;
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
export interface SliderFieldProps {
|
|
3
|
+
value: number;
|
|
4
|
+
min: number;
|
|
5
|
+
max: number;
|
|
6
|
+
labels?: string[];
|
|
7
|
+
title: string;
|
|
8
|
+
onChange: (value: number) => void;
|
|
9
|
+
style?: CSSProperties;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Component that renders a slider with numeric or custom values
|
|
13
|
+
*
|
|
14
|
+
* @param {SliderFieldProps} {
|
|
15
|
+
* value: Current value of the slider,
|
|
16
|
+
* min: Minimum value of the slider,
|
|
17
|
+
* max: Maximum value of the slider,
|
|
18
|
+
* labels: List of labels to use if the slider should not display numeric values,
|
|
19
|
+
* title: Text shown as title of the slider,
|
|
20
|
+
* onChange: Method that will be called if the slider value is changed,
|
|
21
|
+
* style: style element to override wrapper style
|
|
22
|
+
* }
|
|
23
|
+
* @return {*} {JSX.Element}
|
|
24
|
+
*/
|
|
25
|
+
export declare const SliderField: React.FC<SliderFieldProps>;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface TagIconProps {
|
|
3
|
-
icon: JSX.Element;
|
|
4
|
-
legendColor: string;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* Component that will wrap the provided icon with a background color (usually the legend color)
|
|
8
|
-
*
|
|
9
|
-
* @param {TagIconProps} {
|
|
10
|
-
* icon: Icon to be wrapped
|
|
11
|
-
* legendColor: background color to apply. Need to be valid css color
|
|
12
|
-
* }
|
|
13
|
-
* @return {*} {JSX.Element} Wrapped icon with provided color
|
|
14
|
-
*/
|
|
15
|
-
export declare const TagIcon: React.FC<TagIconProps>;
|
|
16
|
-
export default TagIcon;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface TagIconProps {
|
|
3
|
+
icon: JSX.Element;
|
|
4
|
+
legendColor: string;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Component that will wrap the provided icon with a background color (usually the legend color)
|
|
8
|
+
*
|
|
9
|
+
* @param {TagIconProps} {
|
|
10
|
+
* icon: Icon to be wrapped
|
|
11
|
+
* legendColor: background color to apply. Need to be valid css color
|
|
12
|
+
* }
|
|
13
|
+
* @return {*} {JSX.Element} Wrapped icon with provided color
|
|
14
|
+
*/
|
|
15
|
+
export declare const TagIcon: React.FC<TagIconProps>;
|
|
16
|
+
export default TagIcon;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface TagIconShadowWrapperProps {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* Component that will wrap the provided child element in a shadow.
|
|
7
|
-
* Should be used to add shadow to the tagIcon component
|
|
8
|
-
*
|
|
9
|
-
* @param {TagIconShadowWrapperProps} { children } Child element to wrap
|
|
10
|
-
* @return {*} {JSX.Element} wrapped child element in a shadow
|
|
11
|
-
*/
|
|
12
|
-
export declare const TagIconShadowWrapper: React.FC<TagIconShadowWrapperProps>;
|
|
13
|
-
export default TagIconShadowWrapper;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface TagIconShadowWrapperProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Component that will wrap the provided child element in a shadow.
|
|
7
|
+
* Should be used to add shadow to the tagIcon component
|
|
8
|
+
*
|
|
9
|
+
* @param {TagIconShadowWrapperProps} { children } Child element to wrap
|
|
10
|
+
* @return {*} {JSX.Element} wrapped child element in a shadow
|
|
11
|
+
*/
|
|
12
|
+
export declare const TagIconShadowWrapper: React.FC<TagIconShadowWrapperProps>;
|
|
13
|
+
export default TagIconShadowWrapper;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import React, { CSSProperties } from 'react';
|
|
2
|
-
export interface TextIconButtonProps {
|
|
3
|
-
icon: string | React.FC;
|
|
4
|
-
title: string;
|
|
5
|
-
onClick: () => void;
|
|
6
|
-
style?: CSSProperties;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Component that renders a button with the icon and the text provided
|
|
10
|
-
*
|
|
11
|
-
* @param {TextIconButtonProps} {
|
|
12
|
-
* icon: the name of the icon to display
|
|
13
|
-
* title: the title text that the button should display
|
|
14
|
-
* onClick: the function that will be called when user clicks the button
|
|
15
|
-
* style: Optional parameter that will override the button style
|
|
16
|
-
* }
|
|
17
|
-
* @return {*} {JSX.Element} A button with the provided icon and text
|
|
18
|
-
*/
|
|
19
|
-
export declare const TextIconButton: React.FC<TextIconButtonProps>;
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
export interface TextIconButtonProps {
|
|
3
|
+
icon: string | React.FC;
|
|
4
|
+
title: string;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
style?: CSSProperties;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Component that renders a button with the icon and the text provided
|
|
10
|
+
*
|
|
11
|
+
* @param {TextIconButtonProps} {
|
|
12
|
+
* icon: the name of the icon to display
|
|
13
|
+
* title: the title text that the button should display
|
|
14
|
+
* onClick: the function that will be called when user clicks the button
|
|
15
|
+
* style: Optional parameter that will override the button style
|
|
16
|
+
* }
|
|
17
|
+
* @return {*} {JSX.Element} A button with the provided icon and text
|
|
18
|
+
*/
|
|
19
|
+
export declare const TextIconButton: React.FC<TextIconButtonProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare function getIcon(tagCategoryDescription: string): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare function getIcon(tagCategoryDescription: string): JSX.Element;
|
package/dist/helpers/index.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export * from './
|
|
2
|
-
export * from './
|
|
1
|
+
export * from './classnames';
|
|
2
|
+
export * from './getIcon';
|
|
3
|
+
export * from './tagCategoryIcon';
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface ViewTagIconProps {
|
|
3
|
-
tagCategoryDescription: string;
|
|
4
|
-
}
|
|
5
|
-
export declare enum TagCategoryType {
|
|
6
|
-
Electrical = "electrical",
|
|
7
|
-
MainEquipment = "main equipment",
|
|
8
|
-
Line = "line",
|
|
9
|
-
ManualValve = "manual valve",
|
|
10
|
-
CircuitAndStarter = "circuit",
|
|
11
|
-
Instrument = "instrument",
|
|
12
|
-
Cable = "cable",
|
|
13
|
-
Function = "function",
|
|
14
|
-
Signal = "signal",
|
|
15
|
-
Telecom = "telecom",
|
|
16
|
-
JunctionBox = "junction box",
|
|
17
|
-
Administrative = "administrative"
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Method that returns the relevant Icon for the tagCategoryDescription provided
|
|
21
|
-
* Tag icon is the default JSX.Element Icon returned
|
|
22
|
-
* @export
|
|
23
|
-
* @param {('electrical'
|
|
24
|
-
* | 'main equipment'
|
|
25
|
-
* | 'line'
|
|
26
|
-
* | 'manual valve'
|
|
27
|
-
* | 'circuit/starter'
|
|
28
|
-
* | 'instrument'
|
|
29
|
-
* | 'cable'
|
|
30
|
-
* | 'function'
|
|
31
|
-
* | 'signal'
|
|
32
|
-
* | 'telecom'
|
|
33
|
-
* | 'junction box'
|
|
34
|
-
* | 'administrative'
|
|
35
|
-
* @return {*} {JSX.Element} Relevant icon for the provided tagCategoryDescription
|
|
36
|
-
*/
|
|
37
|
-
export declare const TagCategoryIcon: React.FC<ViewTagIconProps>;
|
|
38
|
-
export default TagCategoryIcon;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface ViewTagIconProps {
|
|
3
|
+
tagCategoryDescription: string;
|
|
4
|
+
}
|
|
5
|
+
export declare enum TagCategoryType {
|
|
6
|
+
Electrical = "electrical",
|
|
7
|
+
MainEquipment = "main equipment",
|
|
8
|
+
Line = "line",
|
|
9
|
+
ManualValve = "manual valve",
|
|
10
|
+
CircuitAndStarter = "circuit",
|
|
11
|
+
Instrument = "instrument",
|
|
12
|
+
Cable = "cable",
|
|
13
|
+
Function = "function",
|
|
14
|
+
Signal = "signal",
|
|
15
|
+
Telecom = "telecom",
|
|
16
|
+
JunctionBox = "junction box",
|
|
17
|
+
Administrative = "administrative"
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Method that returns the relevant Icon for the tagCategoryDescription provided
|
|
21
|
+
* Tag icon is the default JSX.Element Icon returned
|
|
22
|
+
* @export
|
|
23
|
+
* @param {('electrical'
|
|
24
|
+
* | 'main equipment'
|
|
25
|
+
* | 'line'
|
|
26
|
+
* | 'manual valve'
|
|
27
|
+
* | 'circuit/starter'
|
|
28
|
+
* | 'instrument'
|
|
29
|
+
* | 'cable'
|
|
30
|
+
* | 'function'
|
|
31
|
+
* | 'signal'
|
|
32
|
+
* | 'telecom'
|
|
33
|
+
* | 'junction box'
|
|
34
|
+
* | 'administrative'
|
|
35
|
+
* @return {*} {JSX.Element} Relevant icon for the provided tagCategoryDescription
|
|
36
|
+
*/
|
|
37
|
+
export declare const TagCategoryIcon: React.FC<ViewTagIconProps>;
|
|
38
|
+
export default TagCategoryIcon;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { IconData } from '@equinor/eds-icons';
|
|
2
|
-
export declare const sap_notifications: IconData;
|
|
3
|
-
export declare const sap_workorders: IconData;
|
|
1
|
+
import { IconData } from '@equinor/eds-icons';
|
|
2
|
+
export declare const sap_notifications: IconData;
|
|
3
|
+
export declare const sap_workorders: IconData;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { IconData } from '@equinor/eds-icons';
|
|
2
|
-
export declare const timp: IconData;
|
|
3
|
-
export declare const timp_text: IconData;
|
|
1
|
+
import { IconData } from '@equinor/eds-icons';
|
|
2
|
+
export declare const timp: IconData;
|
|
3
|
+
export declare const timp_text: IconData;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { IconData } from '@equinor/eds-icons';
|
|
2
|
-
export declare const sheet_left: IconData;
|
|
3
|
-
export declare const sheet_bottom: IconData;
|
|
4
|
-
export * from './data';
|
|
5
|
-
export * from './external';
|
|
1
|
+
import { IconData } from '@equinor/eds-icons';
|
|
2
|
+
export declare const sheet_left: IconData;
|
|
3
|
+
export declare const sheet_bottom: IconData;
|
|
4
|
+
export * from './data';
|
|
5
|
+
export * from './external';
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './echoAssets';
|
|
1
|
+
export * from './echoAssets';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import './theme/theme.css';
|
|
2
|
-
export * from './components';
|
|
3
|
-
export * from './elements';
|
|
4
|
-
export * from './helpers';
|
|
5
|
-
export * from './icons';
|
|
6
|
-
export * from './structure';
|
|
7
|
-
export { themeConst } from './theme/themeConst';
|
|
8
|
-
export * from './types';
|
|
1
|
+
import './theme/theme.css';
|
|
2
|
+
export * from './components';
|
|
3
|
+
export * from './elements';
|
|
4
|
+
export * from './helpers';
|
|
5
|
+
export * from './icons';
|
|
6
|
+
export * from './structure';
|
|
7
|
+
export { themeConst } from './theme/themeConst';
|
|
8
|
+
export * from './types';
|