@trackunit/custom-field-components 0.0.972 → 0.0.974

package/index.cjs.js

@@ -7,7 +7,6 @@ var reactFormComponents = require('@trackunit/react-form-components');
 var sharedUtils = require('@trackunit/shared-utils');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var uuid = require('uuid');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -145,7 +144,7 @@ const setupLibraryTranslations = () => {
 const BooleanCustomField = ({ defaultValue, dataTestId = "booleanField", onChange, value, id, setValue, register, validationRules, disabled = false, label, tip, isInvalid, errorMessage, helpAddon, maxLength, helpText, ...rest }) => {
     const initialValue = value !== undefined ? value : defaultValue ? defaultValue : false;
     const renderAsInvalid = isInvalid || Boolean(errorMessage);
-    const htmlForId = id ? id : "boolean-custom-field-" + uuid.v4();
+    const htmlForId = id ? id : "boolean-custom-field-" + sharedUtils.uuidv4();
     const [internalValue, setInternalValue] = React__namespace.useState(initialValue);
     React__namespace.useEffect(() => {
         setInternalValue((value === undefined ? defaultValue : value) || false);
@@ -199,7 +198,7 @@ const convertToValueFormat = (value) => {
  */
 const DropdownCustomField = ({ defaultValue, dataTestId, onChange, onBlur, id, disabled = false, allValues, multiSelect = false, register, validationRules, setValue, label, tip, errorMessage, helpText, isInvalid, helpAddon, }) => {
     const renderAsInvalid = isInvalid || Boolean(errorMessage);
-    const htmlForId = id ? id : "dropdown-custom-field-" + uuid.v4();
+    const htmlForId = id ? id : "dropdown-custom-field-" + sharedUtils.uuidv4();
     const [selectedValue, setSelectedValue] = React__namespace.useState(defaultValue ? defaultValue.map(convertToValueFormat) : []);
     const onChangeHandler = React__namespace.useCallback((selected) => {
         var _a, _b;

package/index.esm.js

@@ -2,11 +2,10 @@ import { jsx } from 'react/jsx-runtime';
 import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
 import { getCustomFieldValueForDisplayInUI } from '@trackunit/iris-app-runtime-core';
 import { FormGroup, Checkbox, DateField, Select, useGetPhoneValidationRules, NumberField, TextField, PhoneField, ActionButton } from '@trackunit/react-form-components';
-import { exhaustiveCheck } from '@trackunit/shared-utils';
+import { uuidv4, exhaustiveCheck } from '@trackunit/shared-utils';
 import * as React from 'react';
 import { useCallback, useEffect, createElement, useState } from 'react';
 import { useWatch } from 'react-hook-form';
-import { v4 } from 'uuid';
 
 var defaultTranslations = {
 	"customfield.unit.ACRE": "acre",
@@ -125,7 +124,7 @@ const setupLibraryTranslations = () => {
 const BooleanCustomField = ({ defaultValue, dataTestId = "booleanField", onChange, value, id, setValue, register, validationRules, disabled = false, label, tip, isInvalid, errorMessage, helpAddon, maxLength, helpText, ...rest }) => {
     const initialValue = value !== undefined ? value : defaultValue ? defaultValue : false;
     const renderAsInvalid = isInvalid || Boolean(errorMessage);
-    const htmlForId = id ? id : "boolean-custom-field-" + v4();
+    const htmlForId = id ? id : "boolean-custom-field-" + uuidv4();
     const [internalValue, setInternalValue] = React.useState(initialValue);
     React.useEffect(() => {
         setInternalValue((value === undefined ? defaultValue : value) || false);
@@ -179,7 +178,7 @@ const convertToValueFormat = (value) => {
  */
 const DropdownCustomField = ({ defaultValue, dataTestId, onChange, onBlur, id, disabled = false, allValues, multiSelect = false, register, validationRules, setValue, label, tip, errorMessage, helpText, isInvalid, helpAddon, }) => {
     const renderAsInvalid = isInvalid || Boolean(errorMessage);
-    const htmlForId = id ? id : "dropdown-custom-field-" + v4();
+    const htmlForId = id ? id : "dropdown-custom-field-" + uuidv4();
     const [selectedValue, setSelectedValue] = React.useState(defaultValue ? defaultValue.map(convertToValueFormat) : []);
     const onChangeHandler = React.useCallback((selected) => {
         var _a, _b;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/custom-field-components",
-  "version": "0.0.972",
+  "version": "0.0.974",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -12,7 +12,6 @@
     "react-hook-form": "7.40.0",
     "@trackunit/custom-field-api": "*",
     "@trackunit/shared-utils": "*",
-    "uuid": "^9.0.1",
     "@trackunit/iris-app-runtime-core": "*",
     "@trackunit/iris-app-runtime-core-api": "*",
     "react-select": "^5.8.0",