@trackunit/react-form-components 0.1.56 → 0.1.58

package/index.cjs.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
 var reactComponents = require('@trackunit/react-components');
-var reactUse = require('react-use');
+var usehooksTs = require('usehooks-ts');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
 var React = require('react');
 var uuid = require('uuid');
@@ -134,7 +134,7 @@ const cvaActionContainer = cssClassVarianceUtilities.cvaMerge(["flex", "items-ce
  * @returns {JSX.Element} ActionButton component
  */
 const ActionButton = ({ type, value, dataTestId, iconSize, disabled, className }) => {
-    const [, copyToClipboard] = reactUse.useCopyToClipboard();
+    const [, copyToClipboard] = usehooksTs.useCopyToClipboard();
     const getIconName = () => {
         switch (type) {
             case "PHONE_NUMBER":
@@ -2076,7 +2076,7 @@ const useCustomComponents = ({ componentsProps, disabled, readOnly, refMenuIsEna
             ...componentsProps,
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [componentsProps, disabled, maxSelectedDisplayCount]); // do not add dropdownIcon (it will cause issue with opening/closing list for selects with custom icon)
+    }, [componentsProps, disabled, maxSelectedDisplayCount, readOnly]); // do not add dropdownIcon (it will cause issue with opening/closing list for selects with custom icon)
     return customComponents;
 };
 

package/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useNamespaceTranslation, registerTranslations, NamespaceTrans } from '@trackunit/i18n-library-translation';
 import { IconButton, Icon, Tooltip, useIsTextCutOff, Heading, Text, MenuItem, Tag, Spinner, useIsFirstRender } from '@trackunit/react-components';
-import { useCopyToClipboard } from 'react-use';
+import { useCopyToClipboard } from 'usehooks-ts';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import * as React from 'react';
 import React__default, { isValidElement, forwardRef, useMemo, useState, useCallback, useRef, cloneElement, useEffect, useImperativeHandle } from 'react';
@@ -2057,7 +2057,7 @@ const useCustomComponents = ({ componentsProps, disabled, readOnly, refMenuIsEna
             ...componentsProps,
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [componentsProps, disabled, maxSelectedDisplayCount]); // do not add dropdownIcon (it will cause issue with opening/closing list for selects with custom icon)
+    }, [componentsProps, disabled, maxSelectedDisplayCount, readOnly]); // do not add dropdownIcon (it will cause issue with opening/closing list for selects with custom icon)
     return customComponents;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.1.56",
+  "version": "0.1.58",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -11,7 +11,7 @@
     "@trackunit/ui-icons": "*",
     "react": "18.3.1",
     "uuid": "^9.0.1",
-    "react-use": "^17.4.0",
+    "usehooks-ts": "^3.1.0",
     "date-fns": "^2.30.0",
     "react-select": "^5.8.0",
     "libphonenumber-js": "1.10.36",