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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.23.0-beta-12",
+  "version": "5.24.0-beta-2",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {
@@ -37,7 +37,6 @@
     ]
   },
   "dependencies": {
-    "@floating-ui/react": "^0.27.19",
     "@fontsource/noto-sans": "^5.2.5",
     "@minoru/react-dnd-treeview": "^3.5.0",
     "@tanstack/react-virtual": "^3.13.2",
@@ -60,6 +59,7 @@
     "react-dnd": "^16.0.1",
     "react-fast-compare": "^3.2.2",
     "react-icons": "^5.5.0",
+    "react-laag": "^2.0.5",
     "react-loading-skeleton": "^3.5.0",
     "react-resizable": "^3.0.5",
     "react-router-dom": "^7.2.0",

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

@@ -1,11 +0,0 @@
-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/arrow.d.ts.map

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,7 +0,0 @@
-export { Arrow } from './arrow';
-export { mergeRefs } from './merge-refs';
-export { useHover } from './use-hover';
-export { useLayer } from './use-layer';
-export { useMousePositionAsTrigger } from './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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,2 +0,0 @@
-export declare const getFloatingLayerRoot: (document: Document) => HTMLElement;
-//# sourceMappingURL=layer-root.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

package/dist/helpers/floating-layer/merge-refs.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const mergeRefs: <T>(...refs: Array<React.Ref<T> | undefined>) => (value: T | null) => void;
-//# sourceMappingURL=merge-refs.d.ts.map

package/dist/helpers/floating-layer/merge-refs.d.ts.map

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,44 +0,0 @@
-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 = {
-    auto?: boolean;
-    arrowOffset?: number;
-    containerOffset?: number;
-    isOpen: boolean;
-    overflowContainer?: boolean;
-    placement?: Placement | string;
-    possiblePlacements?: Array<Placement | string>;
-    ResizeObserver?: unknown;
-    triggerOffset?: number;
-    onOutsideClick?: () => void;
-    onParentClose?: () => void;
-    trigger?: VirtualTrigger | null;
-};
-export type ArrowProps = {
-    ref?: Ref<SVGSVGElement>;
-    context?: any;
-    style?: CSSProperties;
-    placement?: FloatingPlacement;
-    layerSide?: string;
-};
-export type LayerRegistration = {
-    closeChild: () => void;
-    shouldCloseWhenClickedOutside: (event: MouseEvent) => boolean;
-};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,6 +0,0 @@
-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/use-hover.d.ts.map

@@ -1 +0,0 @@
-{"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"}

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

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

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,10 +0,0 @@
-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/use-mouse-position-as-trigger.d.ts.map

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,28 +0,0 @@
-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, layerSide, style, }: {
-    placement?: string;
-    layerSide?: 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=utils.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}