@astral/ui 1.23.1 → 1.25.0

package/esm/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useLocalStorage';
 export * from './useMenu';
+export * from './useForwardedRef';

package/esm/hooks/index.js

@@ -1,2 +1,3 @@
 export * from './useLocalStorage';
 export * from './useMenu';
+export * from './useForwardedRef';

package/esm/hooks/useForwardedRef/index.d.ts

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

package/esm/hooks/useForwardedRef/index.js

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

package/esm/hooks/useForwardedRef/useForwardedRef.d.ts

@@ -0,0 +1,5 @@
+import { ForwardedRef } from 'react';
+/**
+ * @description хук позволяет использовать опциональный реф пришедший сверху, т.к. ForwardedRef может являться колбэком, это может подходить не для всех компонентов, яркий пример MaskField
+ */
+export declare const useForwardedRef: <T>(forwardedRef: ForwardedRef<T>) => import("react").RefObject<T>;

package/esm/hooks/useForwardedRef/useForwardedRef.js

@@ -0,0 +1,9 @@
+import { useImperativeHandle, useRef } from 'react';
+/**
+ * @description хук позволяет использовать опциональный реф пришедший сверху, т.к. ForwardedRef может являться колбэком, это может подходить не для всех компонентов, яркий пример MaskField
+ */
+export const useForwardedRef = (forwardedRef) => {
+    const localRef = useRef(null);
+    useImperativeHandle(forwardedRef, () => localRef.current, [forwardedRef]);
+    return localRef;
+};

package/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useLocalStorage';
 export * from './useMenu';
+export * from './useForwardedRef';

package/hooks/index.js

@@ -16,3 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useLocalStorage"), exports);
 __exportStar(require("./useMenu"), exports);
+__exportStar(require("./useForwardedRef"), exports);

package/hooks/useForwardedRef/index.d.ts

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

package/hooks/useForwardedRef/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useForwardedRef"), exports);

package/hooks/useForwardedRef/useForwardedRef.d.ts

@@ -0,0 +1,5 @@
+import { ForwardedRef } from 'react';
+/**
+ * @description хук позволяет использовать опциональный реф пришедший сверху, т.к. ForwardedRef может являться колбэком, это может подходить не для всех компонентов, яркий пример MaskField
+ */
+export declare const useForwardedRef: <T>(forwardedRef: ForwardedRef<T>) => import("react").RefObject<T>;

package/hooks/useForwardedRef/useForwardedRef.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForwardedRef = void 0;
+const react_1 = require("react");
+/**
+ * @description хук позволяет использовать опциональный реф пришедший сверху, т.к. ForwardedRef может являться колбэком, это может подходить не для всех компонентов, яркий пример MaskField
+ */
+const useForwardedRef = (forwardedRef) => {
+    const localRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(forwardedRef, () => localRef.current, [forwardedRef]);
+    return localRef;
+};
+exports.useForwardedRef = useForwardedRef;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@astral/ui",
-  "version": "1.23.1",
+  "version": "1.25.0",
   "browser": "./esm/index.js",
   "main": "./index.js",
   "dependencies": {
-    "@astral/icons": "^1.23.1",
+    "@astral/icons": "^1.25.0",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",