@ozen-ui/kit 0.57.0 → 0.58.1

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.57.0",
+  "version": "0.58.1",
   "description": "React component library",
   "files": [
     "*"
@@ -27,9 +27,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/fonts": "0.57.0",
-    "@ozen-ui/icons": "0.57.0",
-    "@ozen-ui/logger": "0.57.0"
+    "@ozen-ui/fonts": "0.58.1",
+    "@ozen-ui/logger": "0.58.1",
+    "@ozen-ui/icons": "0.58.1"
   },
   "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>;