@oliasoft-open-source/react-ui-library 5.23.0-beta-7 → 5.23.0-beta-8
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/helpers/floating-layer/arrow.d.ts +11 -0
- package/dist/helpers/floating-layer/arrow.d.ts.map +1 -0
- package/dist/helpers/floating-layer/index.d.ts +7 -0
- package/dist/helpers/floating-layer/index.d.ts.map +1 -0
- package/dist/helpers/floating-layer/merge-refs.d.ts +3 -0
- package/dist/helpers/floating-layer/merge-refs.d.ts.map +1 -0
- package/dist/helpers/floating-layer/types.d.ts +44 -0
- package/dist/helpers/floating-layer/types.d.ts.map +1 -0
- package/dist/helpers/floating-layer/use-hover.d.ts +6 -0
- package/dist/helpers/floating-layer/use-hover.d.ts.map +1 -0
- package/dist/helpers/floating-layer/use-layer.d.ts +3 -0
- package/dist/helpers/floating-layer/use-layer.d.ts.map +1 -0
- package/dist/helpers/floating-layer/use-mouse-position-as-trigger.d.ts +10 -0
- package/dist/helpers/floating-layer/use-mouse-position-as-trigger.d.ts.map +1 -0
- package/dist/helpers/floating-layer/utils.d.ts +28 -0
- package/dist/helpers/floating-layer/utils.d.ts.map +1 -0
- package/dist/index.js +2180 -2160
- package/package.json +1 -1
- package/dist/helpers/floating-layer.d.ts +0 -53
- package/dist/helpers/floating-layer.d.ts.map +0 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ArrowProps } from './types';
|
|
3
|
+
type FloatingArrowProps = ArrowProps & {
|
|
4
|
+
size?: number;
|
|
5
|
+
backgroundColor?: string;
|
|
6
|
+
borderColor?: string;
|
|
7
|
+
borderWidth?: number;
|
|
8
|
+
};
|
|
9
|
+
export declare const Arrow: React.ForwardRefExoticComponent<Omit<FloatingArrowProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=arrow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,KAAK,kBAAkB,GAAG,UAAU,GAAG;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,KAAK,uGAuDjB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Arrow } from './arrow';
|
|
2
|
+
export { mergeRefs } from './merge-refs';
|
|
3
|
+
export { useHover } from './use-hover';
|
|
4
|
+
export { useLayer } from './use-layer';
|
|
5
|
+
export { useMousePositionAsTrigger } from './use-mouse-position-as-trigger';
|
|
6
|
+
export type { ArrowProps, Placement } from './types';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"merge-refs.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/merge-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,SAAS,GACnB,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,MAC3C,OAAO,CAAC,GAAG,IAAI,SAQf,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { CSSProperties, Ref } from 'react';
|
|
2
|
+
export type Placement = 'top-start' | 'top-center' | 'top-end' | 'right-start' | 'right-center' | 'right-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'left-start' | 'left-center' | 'left-end' | 'center';
|
|
3
|
+
export type FloatingPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
4
|
+
export type FloatingSide = 'top' | 'right' | 'bottom' | 'left';
|
|
5
|
+
export type VirtualTrigger = {
|
|
6
|
+
getBounds?: () => DOMRect;
|
|
7
|
+
getBoundingClientRect?: () => DOMRect;
|
|
8
|
+
};
|
|
9
|
+
export type Bounds = {
|
|
10
|
+
width: number;
|
|
11
|
+
height: number;
|
|
12
|
+
x: number;
|
|
13
|
+
y: number;
|
|
14
|
+
top: number;
|
|
15
|
+
right: number;
|
|
16
|
+
bottom: number;
|
|
17
|
+
left: number;
|
|
18
|
+
};
|
|
19
|
+
export type LayerOptions = {
|
|
20
|
+
auto?: boolean;
|
|
21
|
+
arrowOffset?: number;
|
|
22
|
+
containerOffset?: number;
|
|
23
|
+
isOpen: boolean;
|
|
24
|
+
overflowContainer?: boolean;
|
|
25
|
+
placement?: Placement | string;
|
|
26
|
+
possiblePlacements?: Array<Placement | string>;
|
|
27
|
+
ResizeObserver?: unknown;
|
|
28
|
+
triggerOffset?: number;
|
|
29
|
+
onOutsideClick?: () => void;
|
|
30
|
+
onParentClose?: () => void;
|
|
31
|
+
trigger?: VirtualTrigger | null;
|
|
32
|
+
};
|
|
33
|
+
export type ArrowProps = {
|
|
34
|
+
ref?: Ref<SVGSVGElement>;
|
|
35
|
+
context?: any;
|
|
36
|
+
style?: CSSProperties;
|
|
37
|
+
placement?: FloatingPlacement;
|
|
38
|
+
layerSide?: string;
|
|
39
|
+
};
|
|
40
|
+
export type LayerRegistration = {
|
|
41
|
+
closeChild: () => void;
|
|
42
|
+
shouldCloseWhenClickedOutside: (event: MouseEvent) => boolean;
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,YAAY,GACZ,SAAS,GACT,aAAa,GACb,cAAc,GACd,WAAW,GACX,cAAc,GACd,eAAe,GACf,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,UAAU,GACV,QAAQ,CAAC;AAEb,MAAM,MAAM,iBAAiB,GACzB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,OAAO,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,6BAA6B,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC;CAC/D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-hover.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/use-hover.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,GAAI,2CAItB;IACD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,KAAG,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAwDhD,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { LayerOptions } from './types';
|
|
2
|
+
export declare const useLayer: ({ isOpen, arrowOffset, containerOffset, placement, possiblePlacements, triggerOffset, overflowContainer, onOutsideClick, onParentClose, trigger, }: LayerOptions) => any;
|
|
3
|
+
//# sourceMappingURL=use-layer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-layer.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/use-layer.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAU,YAAY,EAAqB,MAAM,SAAS,CAAC;AAOlE,eAAO,MAAM,QAAQ,GAAI,oJAWtB,YAAY,KAAG,GA2PjB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const useMousePositionAsTrigger: () => {
|
|
3
|
+
handleMouseEvent: (evt: React.MouseEvent<HTMLDivElement>) => void;
|
|
4
|
+
hasMousePosition: boolean;
|
|
5
|
+
resetMousePosition: () => void;
|
|
6
|
+
trigger: {
|
|
7
|
+
getBoundingClientRect: () => DOMRect;
|
|
8
|
+
} | null;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=use-mouse-position-as-trigger.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-mouse-position-as-trigger.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/use-mouse-position-as-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,eAAO,MAAM,yBAAyB;4BAML,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;;;;;CAuBhE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { FloatingPlacement, FloatingSide } from './types';
|
|
3
|
+
type ArrowCoordinates = {
|
|
4
|
+
x?: number;
|
|
5
|
+
y?: number;
|
|
6
|
+
};
|
|
7
|
+
export type ArrowGeometry = {
|
|
8
|
+
width: number;
|
|
9
|
+
height: number;
|
|
10
|
+
edgeStyle: CSSProperties;
|
|
11
|
+
path: string;
|
|
12
|
+
borderPath: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const toFloatingPlacement: (placement?: "center" | string) => FloatingPlacement;
|
|
15
|
+
export declare const getPlacementSide: (placement?: string) => FloatingSide | undefined;
|
|
16
|
+
export declare const getArrowSide: ({ placement, layerSide, style, }: {
|
|
17
|
+
placement?: string;
|
|
18
|
+
layerSide?: string;
|
|
19
|
+
style?: CSSProperties;
|
|
20
|
+
}) => FloatingSide;
|
|
21
|
+
export declare const getArrowStyle: (placement: FloatingPlacement, coordinates?: ArrowCoordinates, arrowOffset?: number) => CSSProperties;
|
|
22
|
+
export declare const getArrowGeometry: ({ side, size, borderWidth, }: {
|
|
23
|
+
side: FloatingSide;
|
|
24
|
+
size: number;
|
|
25
|
+
borderWidth: number;
|
|
26
|
+
}) => ArrowGeometry;
|
|
27
|
+
export {};
|
|
28
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE1D,KAAK,gBAAgB,GAAG;IACtB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,aAAa,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,YAAW,QAAQ,GAAG,MAAuB,KAC5C,iBAMF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,YAAY,MAAM,KACjB,YAAY,GAAG,SAajB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,kCAI1B;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,KAAG,YAMH,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,WAAW,iBAAiB,EAC5B,cAAc,gBAAgB,EAC9B,oBAAe,KACd,aAoBF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,8BAI9B;IACD,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB,KAAG,aAaH,CAAC"}
|