@oliasoft-open-source/react-ui-library 5.23.0-beta-13 → 5.23.0-beta-14

package/dist/helpers/floating-layer/components/arrow.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ArrowProps } from '../types';
+type FloatingArrowProps = ArrowProps & {
+    size?: number;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: number;
+};
+export declare const Arrow: React.ForwardRefExoticComponent<Omit<FloatingArrowProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export {};
+//# sourceMappingURL=arrow.d.ts.map

package/dist/helpers/floating-layer/components/arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../../src/helpers/floating-layer/components/arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,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,uGAqDjB,CAAC"}

package/dist/helpers/floating-layer/components/root.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare const FloatingLayerRoot: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=root.d.ts.map

package/dist/helpers/floating-layer/components/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/helpers/floating-layer/components/root.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,eAAO,MAAM,iBAAiB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAQtE,CAAC"}

package/dist/helpers/floating-layer/hooks/use-floating-layer.d.ts

@@ -0,0 +1,3 @@
+import { LayerOptions } from '../types';
+export declare const useLayer: ({ isOpen, arrowOffset, containerOffset, placement, possiblePlacements, triggerOffset, overflowContainer, onOutsideClick, trigger, }: LayerOptions) => any;
+//# sourceMappingURL=use-floating-layer.d.ts.map

package/dist/helpers/floating-layer/hooks/use-floating-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-floating-layer.d.ts","sourceRoot":"","sources":["../../../../src/helpers/floating-layer/hooks/use-floating-layer.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAU,YAAY,EAAE,MAAM,UAAU,CAAC;AAGhD,eAAO,MAAM,QAAQ,GAAI,qIAUtB,YAAY,KAAG,GA0JjB,CAAC"}

package/dist/helpers/floating-layer/hooks/use-hover.d.ts

@@ -0,0 +1,6 @@
+export declare const useHover: ({ delayEnter, delayLeave, hideOnScroll, }: {
+    delayEnter?: number;
+    delayLeave?: number;
+    hideOnScroll?: boolean;
+}) => [boolean, Record<string, unknown>, () => void];
+//# sourceMappingURL=use-hover.d.ts.map

package/dist/helpers/floating-layer/hooks/use-hover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hover.d.ts","sourceRoot":"","sources":["../../../../src/helpers/floating-layer/hooks/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"}

package/dist/helpers/floating-layer/hooks/use-mouse-position-as-trigger.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export declare const useMousePositionAsTrigger: () => {
+    handleMouseEvent: (evt: React.MouseEvent<HTMLDivElement>) => void;
+    hasMousePosition: boolean;
+    resetMousePosition: () => void;
+    trigger: {
+        getBoundingClientRect: () => DOMRect;
+    } | null;
+};
+//# sourceMappingURL=use-mouse-position-as-trigger.d.ts.map

package/dist/helpers/floating-layer/hooks/use-mouse-position-as-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mouse-position-as-trigger.d.ts","sourceRoot":"","sources":["../../../../src/helpers/floating-layer/hooks/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"}

package/dist/helpers/floating-layer/index.d.ts

@@ -0,0 +1,7 @@
+export { Arrow } from './components/arrow';
+export { FloatingLayerRoot } from './components/root';
+export { useHover } from './hooks/use-hover';
+export { useLayer } from './hooks/use-floating-layer';
+export { useMousePositionAsTrigger } from './hooks/use-mouse-position-as-trigger';
+export type { ArrowProps, Placement } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/helpers/floating-layer/index.d.ts.map

@@ -0,0 +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,mBAAmB,CAAC;AAC7C,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"}

package/dist/helpers/floating-layer/types.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties, Ref } from 'react';
+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';
+export type FloatingPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+export type FloatingSide = 'top' | 'right' | 'bottom' | 'left';
+export type VirtualTrigger = {
+    getBounds?: () => DOMRect;
+    getBoundingClientRect?: () => DOMRect;
+};
+export type Bounds = {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export type LayerOptions = {
+    arrowOffset?: number;
+    containerOffset?: number;
+    isOpen: boolean;
+    overflowContainer?: boolean;
+    placement?: Placement | string;
+    possiblePlacements?: Array<Placement | string>;
+    triggerOffset?: number;
+    onOutsideClick?: () => void;
+    trigger?: VirtualTrigger | null;
+};
+export type ArrowProps = {
+    ref?: Ref<SVGSVGElement>;
+    style?: CSSProperties;
+    placement?: FloatingPlacement;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/helpers/floating-layer/types.d.ts.map

@@ -0,0 +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,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,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CACjC,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"}

package/dist/helpers/floating-layer/utils/geometry.d.ts

@@ -0,0 +1,27 @@
+import { CSSProperties } from 'react';
+import { FloatingPlacement, FloatingSide } from '../types';
+type ArrowCoordinates = {
+    x?: number;
+    y?: number;
+};
+export type ArrowGeometry = {
+    width: number;
+    height: number;
+    edgeStyle: CSSProperties;
+    path: string;
+    borderPath: string;
+};
+export declare const toFloatingPlacement: (placement?: "center" | string) => FloatingPlacement;
+export declare const getPlacementSide: (placement?: string) => FloatingSide | undefined;
+export declare const getArrowSide: ({ placement, style, }: {
+    placement?: string;
+    style?: CSSProperties;
+}) => FloatingSide;
+export declare const getArrowStyle: (placement: FloatingPlacement, coordinates?: ArrowCoordinates, arrowOffset?: number) => CSSProperties;
+export declare const getArrowGeometry: ({ side, size, borderWidth, }: {
+    side: FloatingSide;
+    size: number;
+    borderWidth: number;
+}) => ArrowGeometry;
+export {};
+//# sourceMappingURL=geometry.d.ts.map

package/dist/helpers/floating-layer/utils/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../../src/helpers/floating-layer/utils/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE3D,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,uBAG1B;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,KAAG,YAEH,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"}