@oliasoft-open-source/react-ui-library 5.23.0-beta-7 → 5.23.0-beta-12

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,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,2 @@
1
+ export declare const getFloatingLayerRoot: (document: Document) => HTMLElement;
2
+ //# sourceMappingURL=layer-root.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layer-root.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/layer-root.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,UAAU,QAAQ,KAAG,WAazD,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export declare const mergeRefs: <T>(...refs: Array<React.Ref<T> | undefined>) => (value: T | null) => void;
3
+ //# sourceMappingURL=merge-refs.d.ts.map
@@ -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,6 @@
1
+ export declare const useHover: ({ delayEnter, delayLeave, hideOnScroll, }: {
2
+ delayEnter?: number;
3
+ delayLeave?: number;
4
+ hideOnScroll?: boolean;
5
+ }) => [boolean, Record<string, unknown>, () => void];
6
+ //# sourceMappingURL=use-hover.d.ts.map
@@ -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;AAQlE,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"}