@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.
@@ -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,5 @@
1
+ export declare enum SideSheetOrientation {
2
+ Vertical = "vertical",
3
+ Horizontal = "horizontal",
4
+ Fullscreen = "fullscreen"
5
+ }
@@ -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,2 @@
1
+ import { SideSheetOrientation } from '../enums';
2
+ export declare function getSheetContainerClass(side?: 'left' | 'right', orientation?: SideSheetOrientation, floating?: boolean): string;
@@ -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,3 @@
1
+ import { IconData } from '@equinor/eds-icons';
2
+ export declare const sheet_left: IconData;
3
+ export declare const sheet_bottom: IconData;
@@ -0,0 +1 @@
1
+ export {};
package/dist/index.d.ts CHANGED
@@ -1,27 +1,8 @@
1
- export { ButtonWithPopover } from './components/buttonWithPopover/ButtonWithPopover';
2
- export { ContextMenu } from './components/contextMenu/ContextMenu';
3
- export { DataInfoButton } from './components/contextMenuPopover/DataInfoButton';
4
- export { ReactDatePicker } from './components/datePicker/ReactDatePicker';
5
- export { DialogGenerator } from './components/dialogGenerator/DialogGenerator';
6
- export { Dropdown } from './components/dropdown/Dropdown';
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';