@finam/web-ui-kit-components 3.24.1

package/dist/utils/useSubMenu.d.ts

@@ -0,0 +1,38 @@
+import { MutableRefObject } from 'react';
+import type { CSSProperties } from '@linaria/core';
+import type { Origin } from '../Popover/types.js';
+import type { PaperProps } from '../Paper/index.js';
+export declare enum SubmenuPositions {
+    topRight = "topRight",
+    bottomRight = "bottomRight",
+    bottomLeft = "bottomLeft",
+    topLeft = "topLeft"
+}
+interface IUseSubMenu {
+    hoveredRef: MutableRefObject<boolean>;
+    submenuTriggerProps: {
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+        submenuAnchorRef: MutableRefObject<HTMLDivElement | null>;
+        hovered: boolean;
+        submenu: boolean;
+        submenuPosition: SubmenuPositions;
+    };
+    submenuPopoverProps: {
+        anchorEl: HTMLDivElement;
+        transformOrigin: Origin;
+        open: boolean;
+        onClose: () => void;
+        style: CSSProperties;
+        PaperProps: PaperProps;
+    };
+}
+interface IUseSubMenuConfig {
+    visibilityDelay?: number;
+    submenuPosition?: SubmenuPositions;
+    nestedMenuProps?: IUseSubMenu;
+}
+export declare const getPositionClassName: (position?: SubmenuPositions) => string;
+export declare const useSubMenu: ({ visibilityDelay, submenuPosition, nestedMenuProps, }: IUseSubMenuConfig) => IUseSubMenu;
+export {};
+//# sourceMappingURL=useSubMenu.d.ts.map

package/dist/utils/useSubMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubMenu.d.ts","sourceRoot":"","sources":["../../src/utils/useSubMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,oBAAY,gBAAgB;IAC1B,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,OAAO,YAAY;CACpB;AAED,UAAU,WAAW;IACnB,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC,mBAAmB,EAAE;QACnB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,gBAAgB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;QAC1D,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;QACjB,eAAe,EAAE,gBAAgB,CAAC;KACnC,CAAC;IACF,mBAAmB,EAAE;QACnB,QAAQ,EAAE,cAAc,CAAC;QACzB,eAAe,EAAE,MAAM,CAAC;QACxB,IAAI,EAAE,OAAO,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,EAAE,aAAa,CAAC;QACrB,UAAU,EAAE,UAAU,CAAC;KACxB,CAAC;CACH;AAED,UAAU,iBAAiB;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,eAAe,CAAC,EAAE,WAAW,CAAC;CAC/B;AAsBD,eAAO,MAAM,oBAAoB,GAAI,WAAW,gBAAgB,KAAG,MAkBlE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,wDAIxB,iBAAiB,KAAG,WA2EtB,CAAC"}

package/dist/utils/useSubMenu.js

@@ -0,0 +1,113 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+export var SubmenuPositions;
+(function (SubmenuPositions) {
+    SubmenuPositions["topRight"] = "topRight";
+    SubmenuPositions["bottomRight"] = "bottomRight";
+    SubmenuPositions["bottomLeft"] = "bottomLeft";
+    SubmenuPositions["topLeft"] = "topLeft";
+})(SubmenuPositions || (SubmenuPositions = {}));
+const getSubmenuTransformOriginByPosition = (position) => {
+    switch (position) {
+        case SubmenuPositions.topRight: {
+            return { vertical: 'bottom', horizontal: 'left' };
+        }
+        case SubmenuPositions.bottomRight: {
+            return { vertical: 'top', horizontal: 'left' };
+        }
+        case SubmenuPositions.topLeft: {
+            return { vertical: 'bottom', horizontal: 'right' };
+        }
+        case SubmenuPositions.bottomLeft: {
+            return { vertical: 'top', horizontal: 'right' };
+        }
+        default: {
+            return { vertical: 'top', horizontal: 'left' };
+        }
+    }
+};
+export const getPositionClassName = (position) => {
+    switch (position) {
+        case SubmenuPositions.topRight: {
+            return 'position-top-right';
+        }
+        case SubmenuPositions.bottomRight: {
+            return 'position-bottom-right';
+        }
+        case SubmenuPositions.topLeft: {
+            return 'position-top-left';
+        }
+        case SubmenuPositions.bottomLeft: {
+            return 'position-bottom-left';
+        }
+        default: {
+            return 'position-bottom-right';
+        }
+    }
+};
+export const useSubMenu = ({ visibilityDelay = 150, submenuPosition = SubmenuPositions.bottomRight, nestedMenuProps, }) => {
+    const [submenuOpen, setSubmenuOpen] = useState(false);
+    const submenuAnchorRef = useRef(null);
+    const hoveredRef = useRef(false);
+    const enterTimeout = useRef(undefined);
+    const handleSubmenuEnter = useCallback(() => {
+        hoveredRef.current = true;
+    }, []);
+    const handleCloseSubmenu = useCallback(() => {
+        setSubmenuOpen(false);
+    }, []);
+    const handleSubmenuLeave = useCallback(() => {
+        hoveredRef.current = false;
+        window.setTimeout(() => {
+            if (!hoveredRef.current && !(nestedMenuProps === null || nestedMenuProps === void 0 ? void 0 : nestedMenuProps.hoveredRef.current)) {
+                handleCloseSubmenu();
+            }
+        }, visibilityDelay * 2);
+    }, [handleCloseSubmenu, visibilityDelay, nestedMenuProps]);
+    const handleSubmenuButtonEnter = useCallback(() => {
+        hoveredRef.current = true;
+        enterTimeout.current = window.setTimeout(() => {
+            setSubmenuOpen(true);
+        }, visibilityDelay);
+    }, [visibilityDelay]);
+    const handleSubmenuButtonLeave = useCallback(() => {
+        window.clearTimeout(enterTimeout.current);
+        handleSubmenuLeave();
+    }, [handleSubmenuLeave]);
+    const transformOrigin = getSubmenuTransformOriginByPosition(submenuPosition);
+    const popoverStyles = { pointerEvents: 'none' };
+    const popoverPaperStyles = { pointerEvents: 'all' };
+    useEffect(() => {
+        if (!nestedMenuProps)
+            return;
+        const isMouseNotOverNestedMenu = !nestedMenuProps.hoveredRef.current &&
+            !nestedMenuProps.submenuPopoverProps.open;
+        const isMenuOpenedButNotHovered = submenuOpen && !hoveredRef.current;
+        if (isMouseNotOverNestedMenu && isMenuOpenedButNotHovered) {
+            handleCloseSubmenu();
+        }
+    }, [nestedMenuProps, submenuOpen, handleCloseSubmenu]);
+    return {
+        hoveredRef,
+        submenuTriggerProps: {
+            onMouseEnter: handleSubmenuButtonEnter,
+            onMouseLeave: handleSubmenuButtonLeave,
+            submenuAnchorRef,
+            hovered: submenuOpen,
+            submenu: true,
+            submenuPosition,
+        },
+        submenuPopoverProps: {
+            anchorEl: submenuAnchorRef.current,
+            transformOrigin,
+            open: submenuOpen,
+            onClose: handleCloseSubmenu,
+            style: popoverStyles,
+            PaperProps: {
+                style: popoverPaperStyles,
+                onMouseEnter: handleSubmenuEnter,
+                onMouseLeave: handleSubmenuLeave,
+            },
+        },
+    };
+};
+//# sourceMappingURL=useSubMenu.js.map

package/dist/utils/useSubMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubMenu.js","sourceRoot":"","sources":["../../src/utils/useSubMenu.ts"],"names":[],"mappings":"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"}

package/dist/utils/withForwardedRef.d.ts

@@ -0,0 +1,13 @@
+import { Ref, ComponentType, PropsWithoutRef } from 'react';
+export interface WithForwardedRef<T> {
+    forwardedRef?: Ref<T>;
+}
+export declare function setRef<T>(ref: Ref<T>, value: T | null): void;
+export declare function useForkRef<T>(refA: Ref<T>, refB: Ref<T>): (refValue: T) => void;
+/**
+ * react@19 passes ref as a prop
+ * @deprecated
+ */
+declare const withForwardedRef: <T, P extends object>(ChildComponent: ComponentType<PropsWithoutRef<P> & WithForwardedRef<T>>) => import("react").ForwardRefExoticComponent<PropsWithoutRef<P> & import("react").RefAttributes<T>>;
+export default withForwardedRef;
+//# sourceMappingURL=withForwardedRef.d.ts.map

package/dist/utils/withForwardedRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withForwardedRef.d.ts","sourceRoot":"","sources":["../../src/utils/withForwardedRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,GAAG,EAA8B,aAAa,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAEpG,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,QAMrD;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,cAOzC,CAAC,UAMf;AAED;;;GAGG;AACH,QAAA,MAAM,gBAAgB,GAAI,CAAC,EAAE,CAAC,SAAS,MAAM,EAC3C,gBAAgB,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,qGAUxE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/utils/withForwardedRef.js

@@ -0,0 +1,32 @@
+import { forwardRef, useCallback, createElement } from 'react';
+export function setRef(ref, value) {
+    if (typeof ref === 'function') {
+        ref(value);
+    }
+    else if (ref) {
+        ref.current = value;
+    }
+}
+export function useForkRef(refA, refB) {
+    /**
+     * This will create a new function if the ref props change.
+     * This means react will call the old forkRef with `null` and the new forkRef
+     * with the ref. Cleanup naturally emerges from this behavior
+     */
+    return useCallback((refValue) => {
+        setRef(refA, refValue);
+        setRef(refB, refValue);
+    }, [refA, refB]);
+}
+/**
+ * react@19 passes ref as a prop
+ * @deprecated
+ */
+const withForwardedRef = (ChildComponent) => {
+    const wrappedComponent = forwardRef((props, ref) => createElement(ChildComponent, Object.assign(Object.assign({}, props), { ref, forwardedRef: ref })));
+    const name = ChildComponent.displayName || ChildComponent.name;
+    wrappedComponent.displayName = `withForwardedRef(${name})`;
+    return wrappedComponent;
+};
+export default withForwardedRef;
+//# sourceMappingURL=withForwardedRef.js.map

package/dist/utils/withForwardedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withForwardedRef.js","sourceRoot":"","sources":["../../src/utils/withForwardedRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAO,WAAW,EAAE,aAAa,EAAkC,MAAM,OAAO,CAAC;AAMpG,MAAM,UAAU,MAAM,CAAI,GAAW,EAAE,KAAe;IACpD,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,GAAG,CAAC,KAAK,CAAC,CAAC;IACb,CAAC;SAAM,IAAI,GAAG,EAAE,CAAC;QACd,GAAW,CAAC,OAAO,GAAG,KAAK,CAAC;IAC/B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAI,IAAY,EAAE,IAAY;IACtD;;;;OAIG;IACH,OAAO,WAAW,CAChB,CAAC,QAAW,EAAE,EAAE;QACd,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACvB,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,IAAI,EAAE,IAAI,CAAC,CACb,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CACvB,cAAuE,EACvE,EAAE;IACF,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,aAAa,CAAC,cAAc,kCAAO,KAAK,KAAE,GAAG,EAAE,YAAY,EAAE,GAAG,IAAG,CACpF,CAAC;IAEF,MAAM,IAAI,GAAG,cAAc,CAAC,WAAW,IAAI,cAAc,CAAC,IAAI,CAAC;IAC/D,gBAAgB,CAAC,WAAW,GAAG,oBAAoB,IAAI,GAAG,CAAC;IAE3D,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/package.json

@@ -0,0 +1,111 @@
+{
+  "name": "@finam/web-ui-kit-components",
+  "version": "3.24.1",
+  "description": "Components library for web-ui-kit",
+  "author": "",
+  "license": "ISC",
+  "type": "module",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./theme/*": {
+      "source": "./src/theme/*.js",
+      "types": "./dist/theme/*.d.ts",
+      "default": "./dist/theme/*.js"
+    },
+    "./utils/*": {
+      "source": "./src/utils/*.ts",
+      "types": "./dist/utils/*.d.ts",
+      "default": "./dist/utils/*.js"
+    },
+    "./types": {
+      "source": "./src/types.ts",
+      "types": "./dist/types.d.ts",
+      "default": "./dist/types.js"
+    },
+    "./package.json": "./package.json",
+    "./*": {
+      "source": "./src/*/index.ts",
+      "types": "./dist/*/index.d.ts",
+      "default": "./dist/*/index.js"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/",
+    "CHANGELOG.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.finam.ru/scm/ftc/web-ui-kit.git",
+    "directory": "packages/components"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "clean": "rimraf dist tsconfig.tsbuildinfo",
+    "build:lib": "rimraf dist && npm run lint:es && npm run lint:styles && npm run compile:es && npm run compile:styles:es",
+    "build:analyze": "npm run clean && cross-env NODE_ENV=production BUNDLE_ANALYZE=true webpack --config=webpack.config.cdn.js",
+    "build:cdn": "npm run clean && cross-env NODE_ENV=production webpack --config=webpack.config.cdn.js --progress",
+    "compile:es": "rimraf tsconfig.tsbuildinfo && tsc -b tsconfig.build.json",
+    "compile:styles:es": "wyw-in-js -o dist -m es2015 -t true --source-root dist --insert-css-requires dist \"dist/**/*.js\"",
+    "lint:es": "eslint .",
+    "lint:styles": "stylelint src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "@callstack/react-theme-provider": "^3.0.9",
+    "@finam/web-ui-kit-icons": "^3.11.0",
+    "@floating-ui/dom": "^1.7.4",
+    "@floating-ui/react": "^0.27.16",
+    "@linaria/core": "^6.3.0",
+    "@linaria/react": "^6.3.0",
+    "clsx": "^2.1.1",
+    "lodash": "^4.17.20",
+    "react-draggable": "^4.5.0",
+    "react-textarea-autosize": "^8.5.9",
+    "react-transition-group": "^4.4.5",
+    "rifm": "^0.11.0",
+    "tslib": "^2.6.3"
+  },
+  "peerDependencies": {
+    "@finam/web-ui-kit-core": "^3.12.0 || ^4.0.0",
+    "@types/react": "^17.0.0 || ^18.2.0 || ^19.0.0",
+    "@types/react-dom": "^17.0.0 || ^18.2.0 || ^19.0.0",
+    "react": "^17.0.1 || ^18.2.0 || ^19.0.0",
+    "react-dom": "^17.0.1 || ^18.2.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    },
+    "@types/react-transition-group": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@finam/web-ui-kit-core": "^4.0.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/lodash": "^4.17.21",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-transition-group": "^4.4.12",
+    "@wyw-in-js/cli": "^0.6.0",
+    "@wyw-in-js/webpack-loader": "^0.6.0",
+    "mini-css-extract-plugin": "^2.10.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
+  }
+}