@trackunit/react-form-components 0.0.319 → 0.0.321

package/index.cjs.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
 var reactComponents = require('@trackunit/react-components');
-var React = require('react');
 var reactUse = require('react-use');
-var uuid = require('uuid');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
+var React = require('react');
+var uuid = require('uuid');
 var dateFns = require('date-fns');
 var parsePhoneNumberFromString = require('libphonenumber-js');
 var ReactSelect = require('react-select');
@@ -119,9 +119,8 @@ const cvaActionContainer = cssClassVarianceUtilities.cvaMerge(["flex", "items-ce
  * @param {ActionButtonProps} props - The props for the ActionButton component
  * @returns {JSX.Element} ActionButton component
  */
-const ActionButton = ({ type, value, dataTestId, iconSize, disabled, key, className }) => {
+const ActionButton = ({ type, value, dataTestId, iconSize, disabled, className }) => {
     const [, copyToClipboard] = reactUse.useCopyToClipboard();
-    const elementKey = React.useMemo(() => key !== null && key !== void 0 ? key : `ActionButton-${uuid.v4()}`, [key]);
     const getIconName = () => {
         switch (type) {
             case "PHONE_NUMBER":
@@ -156,7 +155,7 @@ const ActionButton = ({ type, value, dataTestId, iconSize, disabled, key, classN
     if (ButtonAction === null) {
         return null;
     }
-    return (jsxRuntime.jsx("div", { className: cvaActionContainer({ className }), children: jsxRuntime.jsx(reactComponents.IconButton, { className: cvaActionButton({ size: iconSize }), dataTestId: dataTestId || "testIconButtonId", disabled: disabled, icon: jsxRuntime.jsx(reactComponents.Icon, { name: getIconName(), size: "small" }), onClick: ButtonAction, size: "small", variant: "secondary" }) }, elementKey));
+    return (jsxRuntime.jsx("div", { className: cvaActionContainer({ className }), children: jsxRuntime.jsx(reactComponents.IconButton, { className: cvaActionButton({ size: iconSize }), dataTestId: dataTestId || "testIconButtonId", disabled: disabled, icon: jsxRuntime.jsx(reactComponents.Icon, { name: getIconName(), size: "small" }), onClick: ButtonAction, size: "small", variant: "secondary" }) }));
 };
 
 /******************************************************************************

package/index.esm.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useNamespaceTranslation, registerTranslations } from '@trackunit/i18n-library-translation';
 import { IconButton, Icon, Tooltip, Heading, Text, MenuItem, Tag, Spinner } from '@trackunit/react-components';
+import { useCopyToClipboard } from 'react-use';
+import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import * as React from 'react';
 import React__default, { useMemo, forwardRef, useCallback, cloneElement, useState, useEffect, useRef, useImperativeHandle } from 'react';
-import { useCopyToClipboard } from 'react-use';
 import { v4 } from 'uuid';
-import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { format } from 'date-fns';
 import parsePhoneNumberFromString, { isSupportedCountry, getCountries, getCountryCallingCode, isValidPhoneNumber, parsePhoneNumberFromString as parsePhoneNumberFromString$1 } from 'libphonenumber-js';
 import ReactSelect, { components } from 'react-select';
@@ -89,9 +89,8 @@ const cvaActionContainer = cvaMerge(["flex", "items-center", "m-1"]);
  * @param {ActionButtonProps} props - The props for the ActionButton component
  * @returns {JSX.Element} ActionButton component
  */
-const ActionButton = ({ type, value, dataTestId, iconSize, disabled, key, className }) => {
+const ActionButton = ({ type, value, dataTestId, iconSize, disabled, className }) => {
     const [, copyToClipboard] = useCopyToClipboard();
-    const elementKey = useMemo(() => key !== null && key !== void 0 ? key : `ActionButton-${v4()}`, [key]);
     const getIconName = () => {
         switch (type) {
             case "PHONE_NUMBER":
@@ -126,7 +125,7 @@ const ActionButton = ({ type, value, dataTestId, iconSize, disabled, key, classN
     if (ButtonAction === null) {
         return null;
     }
-    return (jsx("div", { className: cvaActionContainer({ className }), children: jsx(IconButton, { className: cvaActionButton({ size: iconSize }), dataTestId: dataTestId || "testIconButtonId", disabled: disabled, icon: jsx(Icon, { name: getIconName(), size: "small" }), onClick: ButtonAction, size: "small", variant: "secondary" }) }, elementKey));
+    return (jsx("div", { className: cvaActionContainer({ className }), children: jsx(IconButton, { className: cvaActionButton({ size: iconSize }), dataTestId: dataTestId || "testIconButtonId", disabled: disabled, icon: jsx(Icon, { name: getIconName(), size: "small" }), onClick: ButtonAction, size: "small", variant: "secondary" }) }));
 };
 
 /******************************************************************************

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.0.319",
+  "version": "0.0.321",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/components/ActionButton/ActionButton.d.ts

@@ -7,10 +7,6 @@ interface AbstractActionButtonProps extends ButtonCommonProps, CommonProps {
      * The type of action performed when clicking the button.
      */
     type: ActionType;
-    /**
-     * A key to be passed into the button.
-     */
-    key?: string;
     /**
      * The value to be passed into the button.
      */
@@ -47,5 +43,5 @@ type ActionButtonProps = CopyActionButtonProps | GenericActionButtonProps;
  * @param {ActionButtonProps} props - The props for the ActionButton component
  * @returns {JSX.Element} ActionButton component
  */
-export declare const ActionButton: ({ type, value, dataTestId, iconSize, disabled, key, className }: ActionButtonProps) => JSX.Element | null;
+export declare const ActionButton: ({ type, value, dataTestId, iconSize, disabled, className }: ActionButtonProps) => JSX.Element | null;
 export {};