@oliasoft-open-source/react-ui-library 5.23.0-beta-15 → 5.23.0-beta-17

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.
@@ -1,11 +1,11 @@
1
1
  import { default as React } from 'react';
2
- export declare const useMousePositionAsTrigger: () => {
2
+ export declare const useClientPointTrigger: () => {
3
3
  clientPoint: {
4
4
  x: number;
5
5
  y: number;
6
6
  } | null;
7
7
  handleMouseEvent: (evt: React.MouseEvent<HTMLDivElement>) => void;
8
- hasMousePosition: boolean;
9
- resetMousePosition: () => void;
8
+ hasClientPoint: boolean;
9
+ resetClientPoint: () => void;
10
10
  };
11
- //# sourceMappingURL=use-mouse-position-as-trigger.d.ts.map
11
+ //# sourceMappingURL=use-client-point-trigger.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-client-point-trigger.d.ts","sourceRoot":"","sources":["../../../../src/helpers/floating-layer/hooks/use-client-point-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,eAAO,MAAM,qBAAqB;;WAE3B,MAAM;WACN,MAAM;;4BAIoB,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;;CAWhE,CAAC"}
@@ -1,3 +1,19 @@
1
- import { LayerOptions } from '../types';
2
- export declare const useLayer: ({ isOpen, arrowOffset, clientPoint, containerOffset, hover, matchReferenceWidth, placement, possiblePlacements, triggerOffset, overflowContainer, onOpenChange, onOutsideClick, }: LayerOptions) => any;
1
+ import { default as React, ReactElement } from 'react';
2
+ import { ArrowProps, Bounds, LayerOptions } from '../types';
3
+ type LayerElementProps = React.HTMLAttributes<HTMLElement> & {
4
+ ref: (node: HTMLElement | null) => void;
5
+ style?: React.CSSProperties;
6
+ };
7
+ type TriggerElementProps = React.HTMLAttributes<HTMLElement> & {
8
+ ref: (node: Element | null) => void;
9
+ };
10
+ type LayerReturn = {
11
+ arrowProps: ArrowProps;
12
+ layerProps: LayerElementProps;
13
+ renderLayer: (layer: ReactElement) => ReactElement | null;
14
+ triggerBounds: Bounds | null;
15
+ triggerProps: TriggerElementProps;
16
+ };
17
+ export declare const useLayer: ({ isOpen, arrowOffset, clientPoint, containerOffset, hover, matchReferenceWidth, placement, possiblePlacements, triggerOffset, overflowContainer, onOpenChange, onOutsideClick, }: LayerOptions) => LayerReturn;
18
+ export {};
3
19
  //# sourceMappingURL=use-floating-layer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-floating-layer.d.ts","sourceRoot":"","sources":["../../../../src/helpers/floating-layer/hooks/use-floating-layer.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAU,YAAY,EAAE,MAAM,UAAU,CAAC;AAGhD,eAAO,MAAM,QAAQ,GAAI,mLAatB,YAAY,KAAG,GA2KjB,CAAC"}
1
+ {"version":3,"file":"use-floating-layer.d.ts","sourceRoot":"","sources":["../../../../src/helpers/floating-layer/hooks/use-floating-layer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EAMb,MAAM,OAAO,CAAC;AAmBf,OAAO,EAAE,UAAU,EAAE,MAAM,EAAqB,YAAY,EAAE,MAAM,UAAU,CAAC;AAI/E,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAC3D,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAC7D,GAAG,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,YAAY,GAAG,IAAI,CAAC;IAC1D,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,mBAAmB,CAAC;CACnC,CAAC;AAgEF,eAAO,MAAM,QAAQ,GAAI,mLAatB,YAAY,KAAG,WA6KjB,CAAC"}
@@ -1,6 +1,5 @@
1
- export { Arrow } from './components/arrow';
2
1
  export { FloatingLayerRoot } from './components/root';
3
2
  export { useLayer } from './hooks/use-floating-layer';
4
- export { useMousePositionAsTrigger } from './hooks/use-mouse-position-as-trigger';
3
+ export { useClientPointTrigger } from './hooks/use-client-point-trigger';
5
4
  export type { ArrowProps, Placement } from './types';
6
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAClF,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
@@ -1,7 +1,7 @@
1
- import { CSSProperties, Ref } from 'react';
1
+ import { Ref } from 'react';
2
+ import { FloatingContext } from '@floating-ui/react';
2
3
  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
4
  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
5
  export type Bounds = {
6
6
  width: number;
7
7
  height: number;
@@ -12,21 +12,24 @@ export type Bounds = {
12
12
  bottom: number;
13
13
  left: number;
14
14
  };
15
+ export type ClientPointOptions = {
16
+ enabled?: boolean;
17
+ x?: number | null;
18
+ y?: number | null;
19
+ axis?: 'both' | 'x' | 'y';
20
+ };
21
+ export type HoverOptions = {
22
+ enabled?: boolean;
23
+ delayEnter?: number;
24
+ delayLeave?: number;
25
+ hideOnScroll?: boolean;
26
+ mouseOnly?: boolean;
27
+ };
15
28
  export type LayerOptions = {
16
29
  arrowOffset?: number;
17
- clientPoint?: {
18
- enabled?: boolean;
19
- x?: number | null;
20
- y?: number | null;
21
- axis?: 'both' | 'x' | 'y';
22
- };
30
+ clientPoint?: ClientPointOptions;
23
31
  containerOffset?: number;
24
- hover?: {
25
- enabled?: boolean;
26
- delayEnter?: number;
27
- delayLeave?: number;
28
- mouseOnly?: boolean;
29
- };
32
+ hover?: HoverOptions;
30
33
  isOpen: boolean;
31
34
  matchReferenceWidth?: boolean;
32
35
  overflowContainer?: boolean;
@@ -37,8 +40,7 @@ export type LayerOptions = {
37
40
  onOutsideClick?: () => void;
38
41
  };
39
42
  export type ArrowProps = {
43
+ context?: FloatingContext;
40
44
  ref?: Ref<SVGSVGElement>;
41
- style?: CSSProperties;
42
- placement?: FloatingPlacement;
43
45
  };
44
46
  //# sourceMappingURL=types.d.ts.map
@@ -1 +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,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,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAClB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC;KAC3B,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,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,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/helpers/floating-layer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,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,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,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,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,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1B,CAAC"}