@k-int/stripes-kint-components 5.36.0 → 5.37.0

package/es/lib/CustomProperties/Edit/CustomPropertyField.js

@@ -14,29 +14,33 @@ var _NumberField = _interopRequireDefault(require("../../NumberField"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const CustomPropertyField = _ref => {
-  let {
-    availableCustomProperties,
-    customProperty,
-    customPropertyType,
-    customProperties,
-    index,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    name,
-    onChange,
-    value,
-    setCustomProperties
-  } = _ref;
+  let availableCustomProperties = _ref.availableCustomProperties,
+    customProperty = _ref.customProperty,
+    customPropertyType = _ref.customPropertyType,
+    customProperties = _ref.customProperties,
+    index = _ref.index,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    name = _ref.name,
+    onChange = _ref.onChange,
+    value = _ref.value,
+    setCustomProperties = _ref.setCustomProperties;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   // Set up the validator for the customProperty
   const customPropertyValidator = (fieldValue, allValues) => {
-    const {
-      note,
-      publicNote,
-      value: currentValue
-    } = allValues?.customProperties?.[customProperty?.value]?.[0] ?? {};
+    var _allValues$customProp, _allValues$customProp2;
+    const _ref2 = (_allValues$customProp = allValues === null || allValues === void 0 || (_allValues$customProp2 = allValues.customProperties) === null || _allValues$customProp2 === void 0 || (_allValues$customProp2 = _allValues$customProp2[customProperty === null || customProperty === void 0 ? void 0 : customProperty.value]) === null || _allValues$customProp2 === void 0 ? void 0 : _allValues$customProp2[0]) !== null && _allValues$customProp !== void 0 ? _allValues$customProp : {},
+      note = _ref2.note,
+      publicNote = _ref2.publicNote,
+      currentValue = _ref2.value;
     if (note && !currentValue || publicNote && !currentValue) {
       if (customProperty.type === CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME || customProperty.type === CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME) {
         return kintIntl.formatKintMessage({
@@ -79,7 +83,9 @@ const CustomPropertyField = _ref => {
     return availableCustomProperties.find(cp => cp.value === customPropertyValue);
   };
   const renderCustomPropertyName = () => {
+    var _customPropertyValue$;
     const unsetCustomProperties = availableCustomProperties.filter(t => {
+      var _custPropValue$;
       // Only optional properties can be set
       if (t.primary) return false;
       const custPropValue = value[t.value];
@@ -88,16 +94,16 @@ const CustomPropertyField = _ref => {
       if (custPropValue === undefined) return true;
 
       // The customProperty is set but is marked for deletion. Allow reuse.
-      if (custPropValue[0]?._delete) return true;
+      if ((_custPropValue$ = custPropValue[0]) !== null && _custPropValue$ !== void 0 && _custPropValue$._delete) return true;
       return false;
     });
     const customPropertyValue = value[customProperty.value];
-    const id = customPropertyValue?.[0]?.id;
+    const id = customPropertyValue === null || customPropertyValue === void 0 || (_customPropertyValue$ = customPropertyValue[0]) === null || _customPropertyValue$ === void 0 ? void 0 : _customPropertyValue$.id;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Select, {
       autoFocus: !id,
       dataOptions: [customProperty, ...unsetCustomProperties] // The selected customProperty, and the available unset customProperties
       ,
-      id: `edit-customproperty-${index}-name`,
+      id: "edit-customproperty-".concat(index, "-name"),
       label: kintIntl.formatKintMessage({
         id: 'customProperties.name',
         overrideValue: labelOverrides.name
@@ -115,35 +121,33 @@ const CustomPropertyField = _ref => {
         // We do this by 1) marking the current customProperty for deletion and 2) initing
         // the new customProperty to an empty object.
         const currentValue = value[customProperty.value] ? value[customProperty.value][0] : {};
-        onChange({
-          ...value,
+        onChange(_objectSpread(_objectSpread({}, value), {}, {
           [customProperty.value]: [{
             id: currentValue.id,
             _delete: true
           }],
           [newValue]: [{}]
-        });
+        }));
       },
       required: true,
       value: customProperty.value
     });
   };
   const renderCustomPropertyValue = () => {
+    var _customProperty$optio;
     const currentValue = value[customProperty.value] ? value[customProperty.value][0] : {};
     const min = Number.MIN_SAFE_INTEGER;
     const max = Number.MAX_SAFE_INTEGER;
 
     // Default change handler
     let handleChange = e => {
-      onChange({
-        ...value,
-        [customProperty.value]: [{
-          ...currentValue,
+      onChange(_objectSpread(_objectSpread({}, value), {}, {
+        [customProperty.value]: [_objectSpread(_objectSpread({}, currentValue), {}, {
           _delete: e.target.value === '',
           // Delete customProperty if removing the value.
           value: e.target.value // send down the number for integers and decimal types
-        }]
-      });
+        })]
+      }));
     };
     // Figure out which component we're rendering and specify its unique props.
     let fieldProps;
@@ -153,27 +157,25 @@ const CustomPropertyField = _ref => {
           component: _components.Select,
           // don't order dataOptions here, notSet should always be first in list
           dataOptions: customProperty.options,
-          format: v => v?.value
+          format: v => v === null || v === void 0 ? void 0 : v.value
         };
         break;
       case CUSTOM_PROPERTY_TYPES.MULTI_REFDATA_CLASS_NAME:
         fieldProps = {
           component: _components.MultiSelection,
           // The "not set" value is not relevant for a multi select
-          dataOptions: (0, _orderBy.default)(customProperty.options?.filter(opt => !!opt?.value), 'label'),
+          dataOptions: (0, _orderBy.default)((_customProperty$optio = customProperty.options) === null || _customProperty$optio === void 0 ? void 0 : _customProperty$optio.filter(opt => !!(opt !== null && opt !== void 0 && opt.value)), 'label'),
           renderToOverlay: true // FIXME Switch to usePortal for stripes v10
         };
         // MultiSelection passes the changed array as a value not an event
         handleChange = refdataArray => {
-          onChange({
-            ...value,
-            [customProperty.value]: [{
-              ...currentValue,
-              _delete: refdataArray?.length === 0 ? true : undefined,
+          onChange(_objectSpread(_objectSpread({}, value), {}, {
+            [customProperty.value]: [_objectSpread(_objectSpread({}, currentValue), {}, {
+              _delete: (refdataArray === null || refdataArray === void 0 ? void 0 : refdataArray.length) === 0 ? true : undefined,
               // Delete customProperty if removing all values.
               value: refdataArray
-            }]
-          });
+            })]
+          }));
         };
         break;
       case CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME:
@@ -185,15 +187,13 @@ const CustomPropertyField = _ref => {
           step: 'any'
         };
         handleChange = e => {
-          onChange({
-            ...value,
-            [customProperty.value]: [{
-              ...currentValue,
+          onChange(_objectSpread(_objectSpread({}, value), {}, {
+            [customProperty.value]: [_objectSpread(_objectSpread({}, currentValue), {}, {
               _delete: e.target.value === '' ? true : undefined,
               // Delete customProperty if removing the value.
               value: e.target.value
-            }]
-          });
+            })]
+          }));
         };
         break;
       case CUSTOM_PROPERTY_TYPES.TEXT_CLASS_NAME:
@@ -216,30 +216,28 @@ const CustomPropertyField = _ref => {
         };
         break;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, _objectSpread({
       "data-test-customproperty-value": true,
-      id: `edit-customproperty-${index}-value`,
+      id: "edit-customproperty-".concat(index, "-value"),
       label: kintIntl.formatKintMessage({
         id: 'customProperties.value',
         overrideValue: labelOverrides.value
       }),
-      name: `${name}.${customProperty.value}[0].value`,
+      name: "".concat(name, ".").concat(customProperty.value, "[0].value"),
       onChange: handleChange,
       required: !customProperty.primary,
-      validate: (fieldValue, allValues) => customPropertyValidator(fieldValue, allValues),
-      ...fieldProps
-    });
+      validate: (fieldValue, allValues) => customPropertyValidator(fieldValue, allValues)
+    }, fieldProps));
   };
   const renderCustomPropertyVisibility = () => {
-    const customPropertyObject = value[customProperty.value]?.[0] ?? {};
+    var _value$customProperty, _value$customProperty2, _customPropertyObject;
+    const customPropertyObject = (_value$customProperty = (_value$customProperty2 = value[customProperty.value]) === null || _value$customProperty2 === void 0 ? void 0 : _value$customProperty2[0]) !== null && _value$customProperty !== void 0 ? _value$customProperty : {};
     const handleChange = e => {
-      onChange({
-        ...value,
-        [customProperty.value]: [{
-          ...customPropertyObject,
+      onChange(_objectSpread(_objectSpread({}, value), {}, {
+        [customProperty.value]: [_objectSpread(_objectSpread({}, customPropertyObject), {}, {
           internal: e.target.value
-        }]
-      });
+        })]
+      }));
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Select, {
       "data-test-customproperty-visibility": true,
@@ -256,57 +254,55 @@ const CustomPropertyField = _ref => {
           overrideValue: labelOverrides.internalFalse
         })
       }],
-      id: `edit-customproperty-${index}-visibility`,
+      id: "edit-customproperty-".concat(index, "-visibility"),
       label: kintIntl.formatKintMessage({
         id: 'customProperties.visibility',
         overrideValue: labelOverrides.visibility
       }),
       onChange: handleChange,
-      value: customPropertyObject?.internal ?? customProperty.defaultInternal
+      value: (_customPropertyObject = customPropertyObject === null || customPropertyObject === void 0 ? void 0 : customPropertyObject.internal) !== null && _customPropertyObject !== void 0 ? _customPropertyObject : customProperty.defaultInternal
     });
   };
   const renderCustomPropertyNoteInternal = () => {
-    const customPropertyObject = value[customProperty.value]?.[0] ?? {};
+    var _value$customProperty3, _value$customProperty4;
+    const customPropertyObject = (_value$customProperty3 = (_value$customProperty4 = value[customProperty.value]) === null || _value$customProperty4 === void 0 ? void 0 : _value$customProperty4[0]) !== null && _value$customProperty3 !== void 0 ? _value$customProperty3 : {};
     const handleChange = e => {
-      onChange({
-        ...value,
-        [customProperty.value]: [{
-          ...customPropertyObject,
+      onChange(_objectSpread(_objectSpread({}, value), {}, {
+        [customProperty.value]: [_objectSpread(_objectSpread({}, customPropertyObject), {}, {
           note: e.target.value
-        }]
-      });
+        })]
+      }));
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextArea, {
       "data-test-customproperty-note": true,
-      id: `edit-customproperty-${index}-internal-note`,
+      id: "edit-customproperty-".concat(index, "-internal-note"),
       label: kintIntl.formatKintMessage({
         id: 'customProperties.internalNote',
         overrideValue: labelOverrides.internalNote
       }),
       onChange: handleChange,
-      value: customPropertyObject?.note
+      value: customPropertyObject === null || customPropertyObject === void 0 ? void 0 : customPropertyObject.note
     });
   };
   const renderCustomPropertyNotePublic = () => {
-    const customPropertyObject = value[customProperty.value]?.[0] ?? {};
+    var _value$customProperty5, _value$customProperty6;
+    const customPropertyObject = (_value$customProperty5 = (_value$customProperty6 = value[customProperty.value]) === null || _value$customProperty6 === void 0 ? void 0 : _value$customProperty6[0]) !== null && _value$customProperty5 !== void 0 ? _value$customProperty5 : {};
     const handleChange = e => {
-      onChange({
-        ...value,
-        [customProperty.value]: [{
-          ...customPropertyObject,
+      onChange(_objectSpread(_objectSpread({}, value), {}, {
+        [customProperty.value]: [_objectSpread(_objectSpread({}, customPropertyObject), {}, {
           publicNote: e.target.value
-        }]
-      });
+        })]
+      }));
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextArea, {
       "data-test-customproperty-public-note": true,
-      id: `edit-customproperty-${index}-public-note`,
+      id: "edit-customproperty-".concat(index, "-public-note"),
       label: kintIntl.formatKintMessage({
         id: 'customProperties.publicNote',
         overrideValue: labelOverrides.publicNote
       }),
       onChange: handleChange,
-      value: customPropertyObject?.publicNote
+      value: customPropertyObject === null || customPropertyObject === void 0 ? void 0 : customPropertyObject.publicNote
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {

package/es/lib/CustomProperties/Edit/CustomPropertyField.test.js

@@ -7,15 +7,20 @@ var _jest = require("../../../../test/jest");
 var _testResources = require("./testResources");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const onSubmit = jest.fn();
 jest.mock('../../hooks');
 const onChange = () => {};
 const setCustomProperties = () => {};
-const authIdentCustom = _jest.availableCustomProperties?.find(cp => cp.value === 'AuthorIdentification');
-const decimalCustProp = _jest.availableCustomProperties?.find(cp => cp.value === 'decimal');
-const integerCustProp = _jest.availableCustomProperties?.find(cp => cp.value === 'integer');
-const dateCustProp = _jest.availableCustomProperties?.find(cp => cp.value === 'date');
-const multiRefdataCustProp = _jest.availableCustomProperties?.find(cp => cp.value === 'MultiRefdata');
+const authIdentCustom = _jest.availableCustomProperties === null || _jest.availableCustomProperties === void 0 ? void 0 : _jest.availableCustomProperties.find(cp => cp.value === 'AuthorIdentification');
+const decimalCustProp = _jest.availableCustomProperties === null || _jest.availableCustomProperties === void 0 ? void 0 : _jest.availableCustomProperties.find(cp => cp.value === 'decimal');
+const integerCustProp = _jest.availableCustomProperties === null || _jest.availableCustomProperties === void 0 ? void 0 : _jest.availableCustomProperties.find(cp => cp.value === 'integer');
+const dateCustProp = _jest.availableCustomProperties === null || _jest.availableCustomProperties === void 0 ? void 0 : _jest.availableCustomProperties.find(cp => cp.value === 'date');
+const multiRefdataCustProp = _jest.availableCustomProperties === null || _jest.availableCustomProperties === void 0 ? void 0 : _jest.availableCustomProperties.find(cp => cp.value === 'MultiRefdata');
 const defaultProps = {
   availableCustomProperties: _jest.availableCustomProperties,
   customProperties: _jest.customProperties,
@@ -33,30 +38,26 @@ describe('CustomPropertyField', () => {
       renderComponent = (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
         initialValues: _testResources.initialValues,
         onSubmit: onSubmit,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyField.default, {
-          ...defaultProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyField.default, _objectSpread(_objectSpread({}, defaultProps), {}, {
           customProperty: authIdentCustom,
           index: 0
-        })
+        }))
       }));
-      const {
-        getByTestId
-      } = renderComponent;
+      const _renderComponent = renderComponent,
+        getByTestId = _renderComponent.getByTestId;
       expect(getByTestId('customPropertyField')).toBeInTheDocument();
     });
     it('Displays expected value(s) label ', () => {
-      const {
-        getByText
-      } = renderComponent;
+      const _renderComponent2 = renderComponent,
+        getByText = _renderComponent2.getByText;
       expect(getByText('Value(s)')).toBeInTheDocument();
     });
     test('Displays expected Value(s) dropdown values  ', () => {
       (0, _stripesErmTesting.MultiSelect)('Value(s)').select(['Not set', 'ORCID', 'Ringgold ID', 'Email Domain', 'Over IP Range', 'FOR ID', 'Other', 'Over Institute']);
     });
     it('Displays expected Internal note label ', () => {
-      const {
-        getByText
-      } = renderComponent;
+      const _renderComponent3 = renderComponent,
+        getByText = _renderComponent3.getByText;
       expect(getByText('Internal note')).toBeInTheDocument();
     });
     test('Displays expected internal note value', async () => {
@@ -69,9 +70,8 @@ describe('CustomPropertyField', () => {
       await (0, _stripesErmTesting.Select)('Visibility').choose('Public');
     });
     it('Displays expected Public note label ', () => {
-      const {
-        getByText
-      } = renderComponent;
+      const _renderComponent4 = renderComponent,
+        getByText = _renderComponent4.getByText;
       expect(getByText('Public note')).toBeInTheDocument();
     });
     test('Displays expected public note value', async () => {
@@ -85,11 +85,10 @@ describe('CustomPropertyField', () => {
       renderComponent = (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
         initialValues: _testResources.initialValues,
         onSubmit: onSubmit,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyField.default, {
-          ...defaultProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyField.default, _objectSpread(_objectSpread({}, defaultProps), {}, {
           customProperty: decimalCustProp,
           index: 2
-        })
+        }))
       }));
     });
     test('Displays expected Decimal field', async () => {
@@ -103,11 +102,10 @@ describe('CustomPropertyField', () => {
       renderComponent = (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
         initialValues: _testResources.initialValues,
         onSubmit: onSubmit,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyField.default, {
-          ...defaultProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyField.default, _objectSpread(_objectSpread({}, defaultProps), {}, {
           customProperty: integerCustProp,
           index: 3
-        })
+        }))
       }));
     });
     test('Displays expected integer Field', async () => {
@@ -123,20 +121,18 @@ describe('CustomPropertyField', () => {
       renderComponent = (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
         initialValues: _testResources.initialValues,
         onSubmit: onSubmit,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyField.default, {
-          ...defaultProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyField.default, _objectSpread(_objectSpread({}, defaultProps), {}, {
           customProperty: multiRefdataCustProp,
           index: 4
-        })
+        }))
       }));
     });
     test('Displays expected multi-select Refdata Field', async () => {
       await (0, _stripesErmTesting.MultiSelect)('Value(s)').exists();
     });
     it('Displays expected value(s) label ', () => {
-      const {
-        getByText
-      } = renderComponent;
+      const _renderComponent5 = renderComponent,
+        getByText = _renderComponent5.getByText;
       expect(getByText('Value(s)')).toBeInTheDocument();
     });
     test('renders multi-select Refdata values', async () => {
@@ -150,11 +146,10 @@ describe('CustomPropertyField', () => {
       renderComponent = (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
         initialValues: _testResources.initialValues,
         onSubmit: onSubmit,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyField.default, {
-          ...defaultProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyField.default, _objectSpread(_objectSpread({}, defaultProps), {}, {
           customProperty: dateCustProp,
           index: 5
-        })
+        }))
       }));
     });
     test('renders values DatePicker', async () => {

package/es/lib/CustomProperties/Edit/CustomPropertyFormCard.js

@@ -11,22 +11,21 @@ var _hooks = require("../../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CustomPropertyFormCard = _ref => {
-  let {
-    availableCustomProperties,
-    customProperty,
-    customPropertyType,
-    customProperties,
-    handleDeleteCustomProperty,
-    index,
-    internalPropertyCounter,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    name,
-    onChange,
-    setCustomProperties,
-    value
-  } = _ref;
+  let availableCustomProperties = _ref.availableCustomProperties,
+    customProperty = _ref.customProperty,
+    customPropertyType = _ref.customPropertyType,
+    customProperties = _ref.customProperties,
+    handleDeleteCustomProperty = _ref.handleDeleteCustomProperty,
+    index = _ref.index,
+    internalPropertyCounter = _ref.internalPropertyCounter,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    name = _ref.name,
+    onChange = _ref.onChange,
+    setCustomProperties = _ref.setCustomProperties,
+    value = _ref.value;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   const getHeader = () => {
     if (customPropertyType === 'optional') {
@@ -57,18 +56,16 @@ const CustomPropertyFormCard = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Card, {
     "data-testid": "custom-property-form-card",
     headerEnd: customPropertyType === 'optional' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
-      id: `customProperty-${customProperty.value}-${index}`,
+      id: "customProperty-".concat(customProperty.value, "-").concat(index),
       text: getTooltipText(),
       children: _ref2 => {
-        let {
-          ref,
-          ariaIds
-        } = _ref2;
+        let ref = _ref2.ref,
+          ariaIds = _ref2.ariaIds;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
           ref: ref,
           "aria-labelledby": ariaIds.text,
           icon: "trash",
-          id: `edit-customproperty-${index}-delete`,
+          id: "edit-customproperty-".concat(index, "-delete"),
           onClick: () => handleDeleteCustomProperty(customProperty, index)
         });
       }

package/es/lib/CustomProperties/Edit/CustomPropertyFormCard.test.js

@@ -11,7 +11,7 @@ jest.mock('../../hooks');
 jest.mock('./CustomPropertyField', () => () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   children: "CustomPropertyField"
 }));
-const customProperty = _customProperties.availableCustomProperties?.find(cp => cp.value === 'AuthorIdentification');
+const customProperty = _customProperties.availableCustomProperties === null || _customProperties.availableCustomProperties === void 0 ? void 0 : _customProperties.availableCustomProperties.find(cp => cp.value === 'AuthorIdentification');
 const onChange = jest.fn();
 const setCustomProperties = jest.fn();
 describe('CustomPropertyFormCard', () => {
@@ -31,21 +31,18 @@ describe('CustomPropertyFormCard', () => {
     }));
   });
   it('displays Author Identification card heading  ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent = renderComponent,
+      getByText = _renderComponent.getByText;
     expect(getByText('Author Identification')).toBeInTheDocument();
   });
   it('renders CustomPropertyField component ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent2 = renderComponent,
+      getByText = _renderComponent2.getByText;
     expect(getByText('CustomPropertyField')).toBeInTheDocument();
   });
   it('renders CustomPropertyFormCard by its test ID ', () => {
-    const {
-      getByTestId
-    } = renderComponent;
+    const _renderComponent3 = renderComponent,
+      getByTestId = _renderComponent3.getByTestId;
     expect(getByTestId('custom-property-form-card')).toBeInTheDocument();
   });
 });

package/es/lib/CustomProperties/Edit/testResources.js

@@ -5,22 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.value = exports.initialValues = void 0;
 var _jest = require("../../../../test/jest");
-const agreementStatusRefdata = _jest.refdata?.find(rdc => rdc.desc === 'SubscriptionAgreement.AgreementStatus');
-const licenseAmendmentStatusRefdata = _jest.refdata?.find(rdc => rdc.desc === 'LicenseAmendmentStatus.Status');
+var _agreementStatusRefda, _agreementStatusRefda2, _licenseAmendmentStat;
+const agreementStatusRefdata = _jest.refdata === null || _jest.refdata === void 0 ? void 0 : _jest.refdata.find(rdc => rdc.desc === 'SubscriptionAgreement.AgreementStatus');
+const licenseAmendmentStatusRefdata = _jest.refdata === null || _jest.refdata === void 0 ? void 0 : _jest.refdata.find(rdc => rdc.desc === 'LicenseAmendmentStatus.Status');
 const value = exports.value = {
   AuthorIdentification: [{
     id: 2,
     internal: true,
     publicNote: 'this is a public note',
     note: 'this is an internal note',
-    value: agreementStatusRefdata?.values?.find(rdv => rdv.value === 'active'),
-    type: _jest.customProperties?.find(cp => cp.name === 'AuthorIdentification')
+    value: agreementStatusRefdata === null || agreementStatusRefdata === void 0 || (_agreementStatusRefda = agreementStatusRefdata.values) === null || _agreementStatusRefda === void 0 ? void 0 : _agreementStatusRefda.find(rdv => rdv.value === 'active'),
+    type: _jest.customProperties === null || _jest.customProperties === void 0 ? void 0 : _jest.customProperties.find(cp => cp.name === 'AuthorIdentification')
   }],
   Test: [{
     id: 4,
     internal: true,
-    value: agreementStatusRefdata?.values?.find(rdv => rdv.value === 'active'),
-    type: _jest.customProperties?.find(cp => cp.name === 'Test')
+    value: agreementStatusRefdata === null || agreementStatusRefdata === void 0 || (_agreementStatusRefda2 = agreementStatusRefdata.values) === null || _agreementStatusRefda2 === void 0 ? void 0 : _agreementStatusRefda2.find(rdv => rdv.value === 'active'),
+    type: _jest.customProperties === null || _jest.customProperties === void 0 ? void 0 : _jest.customProperties.find(cp => cp.name === 'Test')
   }],
   decimal: [{
     id: 8,
@@ -28,7 +29,7 @@ const value = exports.value = {
     note: 'decimal',
     internal: true,
     value: 1,
-    type: _jest.customProperties?.find(cp => cp.name === 'decimal')
+    type: _jest.customProperties === null || _jest.customProperties === void 0 ? void 0 : _jest.customProperties.find(cp => cp.name === 'decimal')
   }],
   integer: [{
     id: 6,
@@ -36,7 +37,7 @@ const value = exports.value = {
     note: 'Integer',
     internal: true,
     value: 1,
-    type: _jest.customProperties?.find(cp => cp.name === 'integer')
+    type: _jest.customProperties === null || _jest.customProperties === void 0 ? void 0 : _jest.customProperties.find(cp => cp.name === 'integer')
   }],
   text: [{
     id: 7,
@@ -44,15 +45,15 @@ const value = exports.value = {
     note: 'text',
     internal: true,
     value: 'text',
-    type: _jest.customProperties?.find(cp => cp.name === 'text')
+    type: _jest.customProperties === null || _jest.customProperties === void 0 ? void 0 : _jest.customProperties.find(cp => cp.name === 'text')
   }],
   Refdata: [{
     id: 5,
     publicNote: 'refdata',
     note: 'refdata',
     internal: true,
-    value: licenseAmendmentStatusRefdata?.values?.find(rdv => rdv.value === 'current'),
-    type: _jest.customProperties?.find(cp => cp.name === 'Refdata')
+    value: licenseAmendmentStatusRefdata === null || licenseAmendmentStatusRefdata === void 0 || (_licenseAmendmentStat = licenseAmendmentStatusRefdata.values) === null || _licenseAmendmentStat === void 0 ? void 0 : _licenseAmendmentStat.find(rdv => rdv.value === 'current'),
+    type: _jest.customProperties === null || _jest.customProperties === void 0 ? void 0 : _jest.customProperties.find(cp => cp.name === 'Refdata')
   }]
 };
 const initialValues = exports.initialValues = {