@ozen-ui/kit 0.56.0 → 0.58.0

package/__inner__/esm/components/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-import { __assign, __read, __rest } from "tslib";
+import { __assign, __read, __rest, __spreadArray } from "tslib";
 import './Tooltip.css';
 import React, { useRef, useMemo, useEffect, useState } from 'react';
 import { deprecate } from '@ozen-ui/logger';
@@ -14,7 +14,7 @@ import { TOOLTIP_DEFAULT_ARROW, TOOLTIP_DEFAULT_DELAY_ENTER, TOOLTIP_DEFAULT_DEL
 export var cnTooltip = cn('Tooltip');
 export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Tooltip' });
-    var _a = props.trigger, trigger = _a === void 0 ? TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? TOOLTIP_DEFAULT_SIZE : _b, _c = props.offset, offset = _c === void 0 ? TOOLTIP_DEFAULT_OFFSET : _c, _d = props.delayEnter, delayEnter = _d === void 0 ? TOOLTIP_DEFAULT_DELAY_ENTER : _d, _e = props.delayLeave, delayLeave = _e === void 0 ? TOOLTIP_DEFAULT_DELAY_LEAVE : _e, _f = props.arrow, arrow = _f === void 0 ? TOOLTIP_DEFAULT_ARROW : _f, _g = props.shouldWrapChildren, shouldWrapChildren = _g === void 0 ? TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _g, _h = props.disabled, disabled = _h === void 0 ? TOOLTIP_DEFAULT_DISABLED : _h, _j = props.inverse, inverse = _j === void 0 ? TOOLTIP_DEFAULT_INVERSE : _j, _k = props.as, as = _k === void 0 ? TOOLTIP_DEFAULT_TAG : _k, variant = props.variant, children = props.children, label = props.label, openProp = props.open, placement = props.placement, disableInteractive = props.disableInteractive, className = props.className, onOpen = props.onOpen, onClose = props.onClose, other = __rest(props, ["trigger", "size", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "inverse", "as", "variant", "children", "label", "open", "placement", "disableInteractive", "className", "onOpen", "onClose"]);
+    var _a = props.trigger, trigger = _a === void 0 ? TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? TOOLTIP_DEFAULT_SIZE : _b, _c = props.offset, offset = _c === void 0 ? TOOLTIP_DEFAULT_OFFSET : _c, _d = props.delayEnter, delayEnter = _d === void 0 ? TOOLTIP_DEFAULT_DELAY_ENTER : _d, _e = props.delayLeave, delayLeave = _e === void 0 ? TOOLTIP_DEFAULT_DELAY_LEAVE : _e, _f = props.arrow, arrow = _f === void 0 ? TOOLTIP_DEFAULT_ARROW : _f, _g = props.shouldWrapChildren, shouldWrapChildren = _g === void 0 ? TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _g, _h = props.disabled, disabled = _h === void 0 ? TOOLTIP_DEFAULT_DISABLED : _h, _j = props.inverse, inverse = _j === void 0 ? TOOLTIP_DEFAULT_INVERSE : _j, _k = props.as, as = _k === void 0 ? TOOLTIP_DEFAULT_TAG : _k, modifiersProp = props.modifiers, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, variant = props.variant, children = props.children, label = props.label, openProp = props.open, className = props.className, onOpen = props.onOpen, onClose = props.onClose, other = __rest(props, ["trigger", "size", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "inverse", "as", "modifiers", "onMouseEnter", "onMouseLeave", "variant", "children", "label", "open", "className", "onOpen", "onClose"]);
     if (process.env.NODE_ENV !== 'production' && variant) {
         deprecate('Свойство «variant» устарело. Для замены используйте «inverse».');
     }
@@ -22,14 +22,14 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     var _l = __read(useState(), 2), delay = _l[0], setDelay = _l[1];
     var _m = __read(useBoolean(), 2), focused = _m[0], setFocused = _m[1];
     var _o = __read(useBoolean(), 2), hovered = _o[0], setHovered = _o[1];
-    var modifiers = [
+    var modifiers = __spreadArray([
         {
             name: 'arrow',
             options: {
                 padding: size === 'xs' ? 8 : 12,
             },
-        },
-    ];
+        }
+    ], __read((modifiersProp || [])), false);
     var _p = __read(useControlled({
         value: openProp,
         defaultValue: false,
@@ -62,18 +62,20 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     }, [children, shouldWrapChildren]);
     var childrenProps = resolveChildren.props, childrenRef = resolveChildren.ref;
     var childrenMultiRef = useMultiRef([anchorRef, childrenRef]);
-    var handleMouseEnter = function () {
+    var handleMouseEnter = function (e) {
         if (trigger === 'hover' || trigger === 'hover&focus') {
             setHovered.on();
             setOpenWithDelay(true);
         }
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
     };
-    var handleMouseLeave = function () {
+    var handleMouseLeave = function (e) {
         if (trigger === 'hover' || trigger === 'hover&focus') {
             setHovered.off();
             if (!focused)
                 setOpenWithDelay(false);
         }
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
     };
     var handleClick = function () {
         if (trigger === 'click')
@@ -109,11 +111,11 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
                 onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
             },
             onMouseEnter: function (e) {
-                handleMouseEnter();
+                handleMouseEnter(e);
                 onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
             },
             onMouseLeave: function (e) {
-                handleMouseLeave();
+                handleMouseLeave(e);
                 onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
             },
         };
@@ -129,9 +131,7 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     ]);
     return (React.createElement(React.Fragment, null,
         React.cloneElement(resolveChildren, composeChildrenProps),
-        React.createElement(Popover, __assign({ anchorRef: anchorRef, strategy: "absolute", as: as, background: "main" }, (variant === 'dark' && { background: 'main-inverse' }), (inverse && { background: 'main-inverse' }), { radius: size === 'xs' ? 's' : 'l' }, other, { ref: ref, offset: offset, placement: placement, open: openState, onClose: closeWithDelay, className: cnTooltip({ size: size, variant: variant, inverse: inverse }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
-                size: size,
-            }, modifiers: modifiers, disableEnforceFocus: true, disableReturnFocus: true }),
+        React.createElement(Popover, __assign({ arrow: arrow, offset: offset, background: "main", strategy: "absolute", arrowProps: { size: size }, anchorRef: anchorRef, modifiers: modifiers, as: as, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, radius: size === 'xs' ? 's' : 'l' }, (inverse && { background: 'main-inverse' }), (variant === 'dark' && { background: 'main-inverse' }), { className: cnTooltip({ size: size, variant: variant, inverse: inverse }, [className]), disableEnforceFocus: true, disableReturnFocus: true }, other, { open: openState, onClose: closeWithDelay, ref: ref }),
             React.createElement("div", { className: cnTooltip('Content', { size: size, variant: variant, inverse: inverse }) }, label))));
 });
 Tooltip.displayName = 'Tooltip';

package/__inner__/esm/components/Tooltip/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const TOOLTIP_DEFAULT_TAG: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../Paper").PaperBaseProps, "div">;
+export declare const TOOLTIP_DEFAULT_TAG = "div";
 export declare const TOOLTIP_DEFAULT_TRIGGER = "hover";
 export declare const TOOLTIP_DEFAULT_SIZE = "s";
 export declare const TOOLTIP_DEFAULT_INVERSE = true;

package/__inner__/esm/components/Tooltip/constants.js

@@ -1,5 +1,4 @@
-import { Paper } from '../Paper';
-export var TOOLTIP_DEFAULT_TAG = Paper;
+export var TOOLTIP_DEFAULT_TAG = 'div';
 export var TOOLTIP_DEFAULT_TRIGGER = 'hover';
 export var TOOLTIP_DEFAULT_SIZE = 's';
 export var TOOLTIP_DEFAULT_INVERSE = true;

package/__inner__/esm/components/Tooltip/types.d.ts

@@ -48,7 +48,7 @@ export type TooltipBaseProps = {
     'data-testid'?: string;
     /** Дополнительные CSS-классы */
     className?: string;
-} & TooltipPropsDeprecated & Pick<PopoverBaseProps, 'offset' | 'placement' | 'arrow' | 'anchorRef' | 'ignoreClickOutsideRefs' | 'disableInteractive' | 'onEnter' | 'onEntered' | 'onExit' | 'onExited' | 'setUpdate'>;
+} & TooltipPropsDeprecated & Omit<Partial<PopoverBaseProps>, 'onClose' | 'open'>;
 export type TooltipRef = ComponentRef<typeof TOOLTIP_DEFAULT_TAG>;
 export type TooltipProps<As extends ElementType = typeof TOOLTIP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<TooltipBaseProps, As>;
 export {};

package/__inner__/esm/hooks/useElementSize/index.d.ts

@@ -0,0 +1 @@
+export * from './useElementSize';

package/__inner__/esm/hooks/useElementSize/index.js

@@ -0,0 +1 @@
+export * from './useElementSize';

package/__inner__/esm/hooks/useElementSize/useElementSize.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function useElementSize<T extends HTMLElement = any>(options?: ResizeObserverOptions): {
+    ref: import("react").RefObject<T>;
+    width: number;
+    height: number;
+};

package/__inner__/esm/hooks/useElementSize/useElementSize.js

@@ -0,0 +1,7 @@
+import { __read } from "tslib";
+import { useResizeObserver } from '../useResizeObserver';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function useElementSize(options) {
+    var _a = __read(useResizeObserver(options), 2), ref = _a[0], _b = _a[1], width = _b.width, height = _b.height;
+    return { ref: ref, width: width, height: height };
+}

package/__inner__/esm/hooks/useResizeObserver/index.d.ts

@@ -0,0 +1 @@
+export * from './useResizeObserver';

package/__inner__/esm/hooks/useResizeObserver/index.js

@@ -0,0 +1 @@
+export * from './useResizeObserver';

package/__inner__/esm/hooks/useResizeObserver/useResizeObserver.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+type ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;
+export declare function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions): readonly [import("react").RefObject<T>, ObserverRect];
+export {};

package/__inner__/esm/hooks/useResizeObserver/useResizeObserver.js

@@ -0,0 +1,46 @@
+import { __read } from "tslib";
+import { useEffect, useMemo, useRef, useState } from 'react';
+var defaultState = {
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function useResizeObserver(options) {
+    var frameID = useRef(0);
+    var ref = useRef(null);
+    var _a = __read(useState(defaultState), 2), rect = _a[0], setRect = _a[1];
+    var observer = useMemo(function () {
+        return typeof window !== 'undefined' && typeof ResizeObserver !== 'undefined'
+            ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                new ResizeObserver(function (entries) {
+                    var entry = entries[0];
+                    if (entry) {
+                        cancelAnimationFrame(frameID.current);
+                        frameID.current = requestAnimationFrame(function () {
+                            if (ref.current) {
+                                setRect(entry.contentRect);
+                            }
+                        });
+                    }
+                })
+            : null;
+    }, []);
+    useEffect(function () {
+        if (ref.current) {
+            observer === null || observer === void 0 ? void 0 : observer.observe(ref.current, options);
+        }
+        return function () {
+            observer === null || observer === void 0 ? void 0 : observer.disconnect();
+            if (frameID.current) {
+                cancelAnimationFrame(frameID.current);
+            }
+        };
+    }, [ref.current]);
+    return [ref, rect];
+}

package/__inner__/esm/locale/locale.js

@@ -11,6 +11,13 @@ export var ruRU = {
             clearText: 'Очистить',
             loadingText: 'Загрузка…',
         },
+        AutocompleteNext: {
+            noOptionsText: 'Ничего не найдено',
+            closeText: 'Закрыть',
+            openText: 'Открыть',
+            clearText: 'Очистить',
+            loadingText: 'Загрузка…',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -84,6 +91,13 @@ export var kkKZ = {
             clearText: 'Тазалау',
             loadingText: 'Жүктеу…',
         },
+        AutocompleteNext: {
+            noOptionsText: 'Ештеңе табылған жоқ',
+            closeText: 'Жабу',
+            openText: 'Ашу',
+            clearText: 'Тазалау',
+            loadingText: 'Жүктеу…',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -157,6 +171,13 @@ export var enUS = {
             clearText: 'Clear',
             loadingText: 'Loading…',
         },
+        AutocompleteNext: {
+            noOptionsText: 'No options',
+            closeText: 'Close',
+            openText: 'Open',
+            clearText: 'Clear',
+            loadingText: 'Loading…',
+        },
         Breadcrumbs: {
             'aria-label': 'Navigation',
         },

package/__inner__/esm/utils/isNotNil.d.ts

@@ -0,0 +1 @@
+export declare const isNotNil: <T>(p: T) => p is Exclude<T, null | undefined>;

package/__inner__/esm/utils/isNotNil.js

@@ -0,0 +1,3 @@
+export var isNotNil = function (p) {
+    return p !== undefined && p !== null;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.56.0",
+  "version": "0.58.0",
   "description": "React component library",
   "files": [
     "*"
@@ -23,13 +23,13 @@
     "@popperjs/core": "^2.11.8",
     "@rehookify/datepicker": "^6.6.1",
     "decimal.js": "^10.4.3",
-    "react-is": "^18.2.0",
+    "react-is": "^18.3.1",
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
-    "tslib": "^2.6.2",
-    "@ozen-ui/fonts": "0.56.0",
-    "@ozen-ui/logger": "0.56.0",
-    "@ozen-ui/icons": "0.56.0"
+    "tslib": "^2.6.3",
+    "@ozen-ui/fonts": "0.58.0",
+    "@ozen-ui/icons": "0.58.0",
+    "@ozen-ui/logger": "0.58.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",

package/useElementSize/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useElementSize/index.js",
+	"module": "../__inner__/esm/hooks/useElementSize/index.js",
+	"types": "../__inner__/esm/hooks/useElementSize/index.d.ts"
+}

package/useResizeObserver/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useResizeObserver/index.js",
+	"module": "../__inner__/esm/hooks/useResizeObserver/index.js",
+	"types": "../__inner__/esm/hooks/useResizeObserver/index.d.ts"
+}

package/__inner__/cjs/components/DataList/helpers/types.d.ts

@@ -1,10 +0,0 @@
-import type { DataListBaseProps, DataListSelected } from '../index';
-export type SetSelect<MULTIPLE extends boolean> = (newValue: DataListSelected<MULTIPLE>) => void;
-export type SelectedParams<MULTIPLE extends boolean = false> = {
-    multiple: DataListBaseProps<MULTIPLE>['multiple'];
-    onSelect: DataListBaseProps<MULTIPLE>['onSelect'];
-    selected: DataListSelected<MULTIPLE>;
-    setSelected: SetSelect<MULTIPLE>;
-};
-export declare const isMultipleParams: (params: SelectedParams<boolean>) => params is SelectedParams<true>;
-export declare const isNotMultipleParams: (params: SelectedParams<boolean>) => params is SelectedParams<false>;

package/__inner__/esm/components/DataList/helpers/types.d.ts

@@ -1,10 +0,0 @@
-import type { DataListBaseProps, DataListSelected } from '../index';
-export type SetSelect<MULTIPLE extends boolean> = (newValue: DataListSelected<MULTIPLE>) => void;
-export type SelectedParams<MULTIPLE extends boolean = false> = {
-    multiple: DataListBaseProps<MULTIPLE>['multiple'];
-    onSelect: DataListBaseProps<MULTIPLE>['onSelect'];
-    selected: DataListSelected<MULTIPLE>;
-    setSelected: SetSelect<MULTIPLE>;
-};
-export declare const isMultipleParams: (params: SelectedParams<boolean>) => params is SelectedParams<true>;
-export declare const isNotMultipleParams: (params: SelectedParams<boolean>) => params is SelectedParams<false>;