@equinor/echo-components 0.8.3 → 0.9.0-beta-0
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/README.md +29 -29
- package/index.cjs.d.ts +1 -1
- package/index.cjs.js +1 -1
- package/package.json +1 -2
- package/src/components/echoBottomBar/EchoBottomBar.d.ts +0 -1
- package/src/components/echoHeader/EchoHeader.d.ts +0 -1
- package/src/components/index.d.ts +0 -1
- package/src/components/rightPanel/panel/Panel.d.ts +1 -1
- package/src/components/rightPanel/panelWrapper/PanelWrapper.d.ts +1 -1
- package/src/elements/roundIconButton/RoundIconButton.d.ts +2 -2
- package/src/index.d.ts +1 -0
- package/style-reset.css +1 -0
- package/src/components/echoTooltip/Tooltip/Tooltip.d.ts +0 -10
- package/src/components/echoTooltip/Tooltip/useTooltip.d.ts +0 -22
- package/src/components/echoTooltip/index.d.ts +0 -10
package/package.json
CHANGED
|
@@ -17,4 +17,3 @@ export interface EchoHeaderProps {
|
|
|
17
17
|
* @returns {*} {JSX.Element} Echo header with custom section
|
|
18
18
|
*/
|
|
19
19
|
export declare const EchoHeader: ({ moduleTitle, moduleIcon, plantName, customHeaderSection }: EchoHeaderProps) => React.JSX.Element;
|
|
20
|
-
export default EchoHeader;
|
|
@@ -10,7 +10,6 @@ export * from './dropdown/Dropdown';
|
|
|
10
10
|
export * from './echoBottomBar/EchoBottomBar';
|
|
11
11
|
export * from './echoCard/index';
|
|
12
12
|
export * from './echoHeader/EchoHeader';
|
|
13
|
-
export * from './echoTooltip';
|
|
14
13
|
export * from './floatingActionButton/FloatingActionButton';
|
|
15
14
|
export * from './inlineTagIconLink/InlineTagIconLink';
|
|
16
15
|
export * from './legend';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { EventHandler, ReactElement, SyntheticEvent } from 'react';
|
|
2
2
|
export declare enum RoundIconButtonVariants {
|
|
3
3
|
OpenCloseButton = "openCloseButton",
|
|
4
4
|
ToggleButton = "toggleButton"
|
|
@@ -10,4 +10,4 @@ export interface RoundIconButtonProps {
|
|
|
10
10
|
children?: ReactElement;
|
|
11
11
|
onClick?: EventHandler<SyntheticEvent>;
|
|
12
12
|
}
|
|
13
|
-
export declare const RoundIconButton:
|
|
13
|
+
export declare const RoundIconButton: ({ onClick, label, children, variant, active }: RoundIconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
package/src/index.d.ts
CHANGED
package/style-reset.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
#root,body,html{height:100%;overflow:hidden;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--equiGray5);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--equiGreen1);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--hoverIcon)}button,input{appearance:none;background:transparent;border:inherit;color:inherit;font:inherit;outline:0}input,input:after,input:before{-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:auto}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { HTMLProps, ReactNode } from 'react';
|
|
2
|
-
import { TooltipOptions } from './useTooltip';
|
|
3
|
-
declare function Tooltip({ children, ...options }: {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
} & TooltipOptions): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
declare const TooltipAnchor: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLElement> & {
|
|
7
|
-
asChild?: boolean | undefined;
|
|
8
|
-
}, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
9
|
-
declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
-
export { Tooltip, TooltipAnchor, TooltipContent };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Placement, UseFloatingReturn } from '@floating-ui/react';
|
|
3
|
-
export interface TooltipOptions {
|
|
4
|
-
initialOpen?: boolean;
|
|
5
|
-
placement?: Placement;
|
|
6
|
-
open?: boolean;
|
|
7
|
-
onOpenChange?: (open: boolean) => void;
|
|
8
|
-
}
|
|
9
|
-
export type ContextType = ReturnType<typeof useTooltip> | null;
|
|
10
|
-
type UseTooltipReturn = {
|
|
11
|
-
open: boolean;
|
|
12
|
-
setOpen: (open: boolean) => void;
|
|
13
|
-
} & UseFloatingReturn<any> & UseInteractionsReturn;
|
|
14
|
-
type UseInteractionsReturn = {
|
|
15
|
-
getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
|
|
16
|
-
getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
17
|
-
getItemProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
18
|
-
};
|
|
19
|
-
declare function useTooltip({ initialOpen, placement, open: controlledOpen, onOpenChange: setControlledOpen }?: TooltipOptions): UseTooltipReturn;
|
|
20
|
-
declare const TooltipContext: import("react").Context<ContextType>;
|
|
21
|
-
declare const useTooltipContext: () => UseTooltipReturn;
|
|
22
|
-
export { TooltipContext, useTooltip, useTooltipContext };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Tooltip } from './Tooltip/Tooltip';
|
|
3
|
-
declare const EchoTooltip: Readonly<{
|
|
4
|
-
Tooltip: typeof Tooltip;
|
|
5
|
-
TooltipAnchor: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLProps<HTMLElement> & {
|
|
6
|
-
asChild?: boolean | undefined;
|
|
7
|
-
}, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
8
|
-
TooltipContent: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
-
}>;
|
|
10
|
-
export { EchoTooltip };
|