@equinor/echo-components 0.5.2 → 0.5.3
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/dist/components/index.d.ts +14 -0
- package/dist/components/sidesheet/enums.d.ts +5 -0
- package/dist/components/sidesheet/index.d.ts +11 -0
- package/dist/components/sidesheet/sheet/Sheet.d.ts +19 -0
- package/dist/components/sidesheet/sheet/index.d.ts +1 -0
- package/dist/components/sidesheet/sheet/utils.d.ts +2 -0
- package/dist/components/sidesheet/sheetTopArea/SheetTopArea.d.ts +16 -0
- package/dist/components/sidesheet/sheetTopArea/index.d.ts +1 -0
- package/dist/elements/index.d.ts +8 -0
- package/dist/helpers/index.d.ts +1 -0
- package/dist/icons/echoAssets/index.d.ts +3 -0
- package/dist/icons/index.d.ts +1 -0
- package/dist/index.d.ts +6 -25
- package/dist/index.js +6371 -5655
- package/dist/setupTests.d.ts +1 -0
- package/dist/structure/index.d.ts +2 -0
- package/package.json +12 -11
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export { ButtonWithPopover } from './buttonWithPopover/ButtonWithPopover';
|
|
2
|
+
export { ContextMenu } from './contextMenu/ContextMenu';
|
|
3
|
+
export { DataInfoButton } from './contextMenuPopover/DataInfoButton';
|
|
4
|
+
export { ReactDatePicker } from './datePicker/ReactDatePicker';
|
|
5
|
+
export { DialogGenerator } from './dialogGenerator/DialogGenerator';
|
|
6
|
+
export { Dropdown } from './dropdown/Dropdown';
|
|
7
|
+
export { EchoBottomBar } from './echoBottomBar/EchoBottomBar';
|
|
8
|
+
export { EchoCard } from './echoCard/index';
|
|
9
|
+
export { EchoHeader } from './echoHeader/EchoHeader';
|
|
10
|
+
export { InlineTagIconLink } from './inlineTagIconLink/InlineTagIconLink';
|
|
11
|
+
export { ListRow } from './listRow/ListRow';
|
|
12
|
+
export * from './sidesheet';
|
|
13
|
+
export { TagContextMenu } from './tagContextMenu/TagContextMenu';
|
|
14
|
+
export { TimePicker } from './timePicker/TimePicker';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SideSheetOrientation } from './enums';
|
|
3
|
+
import { SheetProps } from './sheet';
|
|
4
|
+
import { SheetTopAreaProps } from './sheetTopArea';
|
|
5
|
+
interface SideSheetProps extends SheetProps, SheetTopAreaProps {
|
|
6
|
+
open: boolean;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
declare function SideSheet({ open, side, orientation, floating, children, className, style, ...topBarProps }: SideSheetProps): JSX.Element | null;
|
|
10
|
+
export type { SideSheetProps };
|
|
11
|
+
export { SideSheet, SideSheetOrientation };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
import { SideSheetOrientation } from '../enums';
|
|
3
|
+
interface Style {
|
|
4
|
+
style?: CSSProperties;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
interface SheetProps extends Style {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
side?: 'left' | 'right';
|
|
10
|
+
orientation?: SideSheetOrientation;
|
|
11
|
+
/**
|
|
12
|
+
* Default true. Use this to make Sheet push content to the side.
|
|
13
|
+
* Only affects "vertical" orientation.
|
|
14
|
+
*/
|
|
15
|
+
floating?: boolean;
|
|
16
|
+
}
|
|
17
|
+
declare function Sheet({ side, orientation, floating, children, className, style }: SheetProps): JSX.Element;
|
|
18
|
+
export type { SheetProps };
|
|
19
|
+
export { Sheet };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Sheet';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SideSheetOrientation } from '../enums';
|
|
3
|
+
interface SheetTopAreaProps extends Partial<SheetOrientationActionsProps> {
|
|
4
|
+
closeSheet: () => void;
|
|
5
|
+
previous?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare function SheetTopArea({ orientation, onOrientationChange, closeSheet, previous }: SheetTopAreaProps): JSX.Element;
|
|
8
|
+
interface SheetOrientationActionsProps {
|
|
9
|
+
orientation: SideSheetOrientation;
|
|
10
|
+
/**
|
|
11
|
+
* Providing this function allows the developer to control sheet orientation.
|
|
12
|
+
*/
|
|
13
|
+
onOrientationChange: (orientationTarget: SideSheetOrientation) => void;
|
|
14
|
+
}
|
|
15
|
+
export type { SheetTopAreaProps };
|
|
16
|
+
export { SheetTopArea };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SheetTopArea';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { DraggableItemsWrapper } from './draggableItemsWrapper/DraggableItemsWrapper';
|
|
2
|
+
export { Icon } from './icon/Icon';
|
|
3
|
+
export { RadioButtonGroup } from './radioButtonGroup/RadioButtonGroup';
|
|
4
|
+
export * from './roundIconButton/RoundIconButton';
|
|
5
|
+
export { SliderField } from './sliderField/SliderField';
|
|
6
|
+
export { TagIcon } from './tagIcon/TagIcon';
|
|
7
|
+
export { TagIconShadowWrapper } from './tagIcon/TagIconShadow';
|
|
8
|
+
export { TextIconButton } from './textIconButton/TextIconButton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getIcon } from './getIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,27 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export { EchoBottomBar } from './components/echoBottomBar/EchoBottomBar';
|
|
8
|
-
export { EchoCard } from './components/echoCard/index';
|
|
9
|
-
export { EchoHeader } from './components/echoHeader/EchoHeader';
|
|
10
|
-
export { InlineTagIconLink } from './components/inlineTagIconLink/InlineTagIconLink';
|
|
11
|
-
export { ListRow } from './components/listRow/ListRow';
|
|
12
|
-
export { TagContextMenu } from './components/tagContextMenu/TagContextMenu';
|
|
13
|
-
export { TimePicker } from './components/timePicker/TimePicker';
|
|
14
|
-
export { DraggableItemsWrapper } from './elements/draggableItemsWrapper/DraggableItemsWrapper';
|
|
15
|
-
export { Icon } from './elements/icon/Icon';
|
|
16
|
-
export { RadioButtonGroup } from './elements/radioButtonGroup/RadioButtonGroup';
|
|
17
|
-
export * from './elements/roundIconButton/RoundIconButton';
|
|
18
|
-
export { SliderField } from './elements/sliderField/SliderField';
|
|
19
|
-
export { TagIcon } from './elements/tagIcon/TagIcon';
|
|
20
|
-
export { TagIconShadowWrapper } from './elements/tagIcon/TagIconShadow';
|
|
21
|
-
export { TextIconButton } from './elements/textIconButton/TextIconButton';
|
|
22
|
-
export { getIcon } from './helpers/getIcon';
|
|
23
|
-
export { IconList } from './structure/iconList/IconList';
|
|
24
|
-
export { LinkCard } from './structure/linkCard/LinkCard';
|
|
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';
|
|
25
7
|
export { themeConst } from './theme/themeConst';
|
|
26
8
|
export * from './types';
|
|
27
|
-
import './theme/theme.css';
|