@ozen-ui/kit 0.67.0 → 0.69.0

package/__inner__/esm/utils/react/index.d.ts

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

package/__inner__/esm/utils/react/index.js

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

package/__inner__/esm/utils/react/isRef.d.ts

@@ -0,0 +1,2 @@
+import type { RefObject } from 'react';
+export declare const isRef: (value: unknown) => value is RefObject<unknown>;

package/__inner__/esm/utils/react/isRef.js

@@ -0,0 +1,4 @@
+import { isPlainObject } from '../object';
+export var isRef = function (value) {
+    return isPlainObject(value) && Object.keys(value).length === 1 && 'current' in value;
+};

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

@@ -3,4 +3,5 @@ export type RenderContentType<Props extends object> = {
     content?: string | number | FC<Props> | ReactElement<Props> | (() => ReactElement<Props>);
     props?: Props;
 };
+export type RenderContentTypeEmptyProps = RenderContentType<{}>;
 export declare function renderContent<Props extends object>({ content, props, }: RenderContentType<Props>): ReactNode;

package/__inner__/esm/utils/shallowEqual/index.d.ts

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

package/__inner__/esm/utils/shallowEqual/index.js

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

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

@@ -0,0 +1 @@
+export declare const shallowEqual: (a: unknown, b: unknown) => boolean;

package/__inner__/esm/utils/shallowEqual/shallowEqual.js

@@ -0,0 +1,52 @@
+import { isArray } from '../array';
+var shallowEqualArrays = function (arrayA, arrayB) {
+    if (arrayA === arrayB) {
+        return true;
+    }
+    if (!arrayA || !arrayB) {
+        return false;
+    }
+    var length = arrayA.length;
+    if (arrayB.length !== length) {
+        return false;
+    }
+    for (var i = 0; i < length; i++) {
+        if (arrayA[i] !== arrayB[i]) {
+            return false;
+        }
+    }
+    return true;
+};
+var shallowEqualObjects = function (objectA, objectB) {
+    if (objectA === objectB) {
+        return true;
+    }
+    if (!objectA || !objectB) {
+        return false;
+    }
+    var aKeys = Object.keys(objectA);
+    var bKeys = Object.keys(objectB);
+    var len = aKeys.length;
+    if (bKeys.length !== len) {
+        return false;
+    }
+    for (var i = 0; i < len; i++) {
+        var key = aKeys[i];
+        if (objectA[key] !== objectB[key] ||
+            !Object.prototype.hasOwnProperty.call(objectB, key)) {
+            return false;
+        }
+    }
+    return true;
+};
+export var shallowEqual = function (a, b) {
+    var aIsArray = isArray(a);
+    var bIsArray = isArray(b);
+    if (aIsArray !== bIsArray) {
+        return false;
+    }
+    if (aIsArray && bIsArray) {
+        return shallowEqualArrays(a, b);
+    }
+    return shallowEqualObjects(a, b);
+};

package/__inner__/esm/utils/test-utils.d.ts

@@ -3,5 +3,6 @@ import { type RenderResult, type RenderOptions } from '@testing-library/react';
 export type RenderFn = (component: ReactElement, options?: RenderOptions) => RenderResult;
 export type MatchesFn = (component: ReactElement, options?: RenderOptions) => ChildNode | HTMLCollection | null;
 export declare const render: RenderFn;
+export declare const renderInAct: (ui: ReactElement, options?: RenderOptions) => Promise<RenderResult>;
 declare const matches: MatchesFn;
 export default matches;

package/__inner__/esm/utils/test-utils.js

@@ -1,14 +1,31 @@
-import { __assign, __read, __spreadArray } from "tslib";
+import { __assign, __awaiter, __generator, __read, __spreadArray } from "tslib";
 import React from 'react';
-import { render as renderTest, } from '@testing-library/react';
-import { ThemeProvider, themeOzenDefault } from '../components/ThemeProvider';
+import { render as renderTest, act, } from '@testing-library/react';
+import { OzenProvider } from '../components/OzenProvider';
+import { themeOzenDefault } from '../components/ThemeProvider';
 var WithProviders = function (_a) {
     var children = _a.children;
-    return (React.createElement(ThemeProvider, { theme: themeOzenDefault }, children));
+    return (React.createElement(OzenProvider, { ssr: { isEnabled: false }, theme: themeOzenDefault }, children));
 };
 export var render = function (component, options) {
     return renderTest(component, __assign({ wrapper: WithProviders }, options));
 };
+export var renderInAct = function (ui, options) { return __awaiter(void 0, void 0, void 0, function () {
+    var component;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        component = render(ui, options);
+                        return [2 /*return*/];
+                    });
+                }); })];
+            case 1:
+                _a.sent();
+                return [2 /*return*/, component];
+        }
+    });
+}); };
 var matches = function () {
     var args = [];
     for (var _i = 0; _i < arguments.length; _i++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.67.0",
+  "version": "0.69.0",
   "description": "React component library",
   "files": [
     "*"
@@ -20,6 +20,7 @@
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
     "@bem-react/classnames": "^1.3.10",
+    "lodash.isequal": "^4.5.0",
     "@popperjs/core": "^2.11.8",
     "@rehookify/datepicker": "^6.6.7",
     "@use-gesture/react": "^10.3.1",
@@ -28,12 +29,15 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/fonts": "0.67.0",
-    "@ozen-ui/icons": "0.67.0",
-    "@ozen-ui/logger": "0.67.0"
+    "@ozen-ui/fonts": "0.69.0",
+    "@ozen-ui/logger": "0.69.0",
+    "@ozen-ui/icons": "0.69.0"
+  },
+  "devDependencies": {
+    "@types/lodash.isequal": "^4.5.0"
   },
   "peerDependencies": {
-    "react": ">=17.0.2 <19.0.0",
-    "react-dom": ">=17.0.2 <19.0.0"
+    "react": ">=18.0.0 <19.0.0",
+    "react-dom": ">=18.0.0 <19.0.0"
   }
 }

package/useBreakpointsNext/package.json

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

package/useBreakpointsObserver/package.json

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

package/useDeprecated/package.json

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

package/usePortalContainer/package.json

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

package/useRerender/package.json

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