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

package/es/lib/CustomProperties/Config/CustomPropertyView.js

@@ -12,13 +12,13 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // A default option for CustProp view pane, with the ability to override labels for fields
 const CustomPropertyView = _ref => {
-  let {
-    customProperty,
-    helpPopovers,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {}
-  } = _ref;
+  var _customProperty$ctx, _customProperty$categ, _customProperty$categ2;
+  let customProperty = _ref.customProperty,
+    helpPopovers = _ref.helpPopovers,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
@@ -28,12 +28,12 @@ const CustomPropertyView = _ref => {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.label',
-              overrideValue: labelOverrides?.label
-            }), helpPopovers?.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.label
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.label
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.label
             }) : null]
           }),
-          value: customProperty?.label
+          value: customProperty === null || customProperty === void 0 ? void 0 : customProperty.label
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
@@ -41,12 +41,12 @@ const CustomPropertyView = _ref => {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.name',
-              overrideValue: labelOverrides?.name
-            }), helpPopovers?.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.name
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.name
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.name
             }) : null]
           }),
-          value: customProperty?.name
+          value: customProperty === null || customProperty === void 0 ? void 0 : customProperty.name
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Row, {
@@ -55,9 +55,9 @@ const CustomPropertyView = _ref => {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: kintIntl.formatKintMessage({
             id: 'customProperties.description',
-            overrideValue: labelOverrides?.description
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.description
           }),
-          value: customProperty?.description
+          value: customProperty === null || customProperty === void 0 ? void 0 : customProperty.description
         })
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
@@ -66,11 +66,11 @@ const CustomPropertyView = _ref => {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: kintIntl.formatKintMessage({
             id: 'customProperties.primary',
-            overrideValue: labelOverrides?.primary
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primary
           }),
           value: kintIntl.formatKintMessage({
-            id: customProperty?.primary ? 'yes' : 'no',
-            overrideValue: customProperty?.primary ? labelOverrides.yes : labelOverrides.no
+            id: customProperty !== null && customProperty !== void 0 && customProperty.primary ? 'yes' : 'no',
+            overrideValue: customProperty !== null && customProperty !== void 0 && customProperty.primary ? labelOverrides.yes : labelOverrides.no
           })
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
@@ -78,11 +78,11 @@ const CustomPropertyView = _ref => {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: kintIntl.formatKintMessage({
             id: 'customProperties.retired',
-            overrideValue: labelOverrides?.retired
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.retired
           }),
           value: kintIntl.formatKintMessage({
-            id: customProperty?.retired ? 'yes' : 'no',
-            overrideValue: customProperty?.retired ? labelOverrides.yes : labelOverrides.no
+            id: customProperty !== null && customProperty !== void 0 && customProperty.retired ? 'yes' : 'no',
+            overrideValue: customProperty !== null && customProperty !== void 0 && customProperty.retired ? labelOverrides.yes : labelOverrides.no
           })
         })
       })]
@@ -92,20 +92,20 @@ const CustomPropertyView = _ref => {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: kintIntl.formatKintMessage({
             id: 'customProperties.weight',
-            overrideValue: labelOverrides?.weight
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.weight
           }),
-          value: customProperty?.weight
+          value: customProperty === null || customProperty === void 0 ? void 0 : customProperty.weight
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: kintIntl.formatKintMessage({
             id: 'customProperties.defaultVisibility',
-            overrideValue: labelOverrides?.defaultVisibility
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.defaultVisibility
           }),
           value: kintIntl.formatKintMessage({
-            id: customProperty?.defaultInternal ? 'customProperties.internalTrue' : 'customProperties.internalFalse',
-            overrideValue: customProperty?.defaultInternal ? labelOverrides.internalTrue : labelOverrides.internalFalse
+            id: customProperty !== null && customProperty !== void 0 && customProperty.defaultInternal ? 'customProperties.internalTrue' : 'customProperties.internalFalse',
+            overrideValue: customProperty !== null && customProperty !== void 0 && customProperty.defaultInternal ? labelOverrides.internalTrue : labelOverrides.internalFalse
           })
         })
       })]
@@ -116,35 +116,35 @@ const CustomPropertyView = _ref => {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.ctx',
-              overrideValue: labelOverrides?.ctx
-            }), helpPopovers?.ctx ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.ctx
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.ctx
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.ctx ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.ctx
             }) : null]
           }),
-          value: customProperty?.ctx ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoValue, {})
+          value: (_customProperty$ctx = customProperty === null || customProperty === void 0 ? void 0 : customProperty.ctx) !== null && _customProperty$ctx !== void 0 ? _customProperty$ctx : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoValue, {})
         })
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
-        children: customProperty?.type && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
+        children: (customProperty === null || customProperty === void 0 ? void 0 : customProperty.type) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: kintIntl.formatKintMessage({
             id: 'customProperties.type',
-            overrideValue: labelOverrides?.type
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.type
           }),
           value: kintIntl.formatKintMessage({
-            id: `customProperties.type.${customProperty?.type}`,
-            overrideValue: labelOverrides?.[customProperty?.type]
+            id: "customProperties.type.".concat(customProperty === null || customProperty === void 0 ? void 0 : customProperty.type),
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[customProperty === null || customProperty === void 0 ? void 0 : customProperty.type]
           })
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
-        children: (customProperty?.type === _customProperties.REFDATA_CLASS_NAME || customProperty?.type === _customProperties.MULTI_REFDATA_CLASS_NAME) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
+        children: ((customProperty === null || customProperty === void 0 ? void 0 : customProperty.type) === _customProperties.REFDATA_CLASS_NAME || (customProperty === null || customProperty === void 0 ? void 0 : customProperty.type) === _customProperties.MULTI_REFDATA_CLASS_NAME) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: kintIntl.formatKintMessage({
             id: 'customProperties.category',
-            overrideValue: labelOverrides?.category
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.category
           }),
-          value: customProperty?.category?.desc ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoValue, {})
+          value: (_customProperty$categ = customProperty === null || customProperty === void 0 || (_customProperty$categ2 = customProperty.category) === null || _customProperty$categ2 === void 0 ? void 0 : _customProperty$categ2.desc) !== null && _customProperty$categ !== void 0 ? _customProperty$categ : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoValue, {})
         })
       })]
     })]

package/es/lib/CustomProperties/Config/CustomPropertyView.test.js

@@ -13,7 +13,7 @@ describe('CustomPropertyView', () => {
   beforeEach(() => {
     (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyView.default, {
-        customProperty: _customProperties.default?.find(cp => cp.name === 'Eligible authors')
+        customProperty: _customProperties.default === null || _customProperties.default === void 0 ? void 0 : _customProperties.default.find(cp => cp.name === 'Eligible authors')
       })
     }));
   });

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

@@ -9,15 +9,15 @@ var _CustomPropertiesEditCtx = _interopRequireDefault(require("./CustomPropertie
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CustomPropertiesEdit = _ref => {
-  let {
-    contexts = [],
-    customPropertiesEndpoint,
-    id,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    nameOverride
-  } = _ref;
+  let _ref$contexts = _ref.contexts,
+    contexts = _ref$contexts === void 0 ? [] : _ref$contexts,
+    customPropertiesEndpoint = _ref.customPropertiesEndpoint,
+    id = _ref.id,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    nameOverride = _ref.nameOverride;
   return contexts.map(ctx => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesEditCtx.default, {
     ctx,
     customPropertiesEndpoint,
@@ -26,7 +26,7 @@ const CustomPropertiesEdit = _ref => {
     intlNS: passedIntlNS,
     labelOverrides,
     nameOverride
-  }, `customPropertiesEdit-${ctx}`));
+  }, "customPropertiesEdit-".concat(ctx)));
 };
 CustomPropertiesEdit.propTypes = {
   contexts: _propTypes.default.arrayOf(_propTypes.default.string),

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

@@ -22,9 +22,8 @@ describe('CustomPropertiesEdit', () => {
     }));
   });
   it('renders CustomPropertiesEditCtx component ', () => {
-    const {
-      getAllByText
-    } = renderComponent;
+    const _renderComponent = renderComponent,
+      getAllByText = _renderComponent.getAllByText;
     (0, _react2.waitFor)(() => expect(getAllByText('CustomPropertiesEditCtx')).toBeInTheDocument());
   });
 });

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

@@ -11,15 +11,14 @@ var _hooks = require("../../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CustomPropertiesEditCtx = _ref => {
-  let {
-    ctx,
-    customPropertiesEndpoint,
-    id,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    nameOverride
-  } = _ref;
+  let ctx = _ref.ctx,
+    customPropertiesEndpoint = _ref.customPropertiesEndpoint,
+    id = _ref.id,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    nameOverride = _ref.nameOverride;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
 
   // Deal with all the possible label override options
@@ -35,7 +34,7 @@ const CustomPropertiesEditCtx = _ref => {
     // Chain formatKintMessages together using provided fallbackMessage to
     // allow for "If override or translation exists, use it, else use default"
     return kintIntl.formatKintMessage({
-      id: `customProperties.ctx.${ctx}`,
+      id: "customProperties.ctx.".concat(ctx),
       overrideValue: labelOverrides[ctx],
       fallbackMessage: kintIntl.formatKintMessage({
         id: 'customProperties.defaultTitle',
@@ -47,25 +46,24 @@ const CustomPropertiesEditCtx = _ref => {
       ctx
     });
   };
-  const {
-    custprops,
-    isLoading
-  } = (0, _hooks.useCustProps)({
-    ctx,
-    endpoint: customPropertiesEndpoint,
-    options: {
-      filters: [{
-        path: 'retired',
-        comparator: '!=',
-        value: 'true'
-      }]
-    }
-  });
+  const _useCustProps = (0, _hooks.useCustProps)({
+      ctx,
+      endpoint: customPropertiesEndpoint,
+      options: {
+        filters: [{
+          path: 'retired',
+          comparator: '!=',
+          value: 'true'
+        }]
+      }
+    }),
+    custprops = _useCustProps.custprops,
+    isLoading = _useCustProps.isLoading;
   if (isLoading) {
     return null;
   }
   return custprops.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Accordion, {
-    id: `${id}-accordion-${ctx}`,
+    id: "".concat(id, "-accordion-").concat(ctx),
     label: getAccordionLabel(),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesListField.default, {
       ctx: ctx,
@@ -73,7 +71,7 @@ const CustomPropertiesEditCtx = _ref => {
       intlKey: passedIntlKey,
       intlNS: passedIntlNS,
       labelOverrides: labelOverrides,
-      name: nameOverride ?? 'customProperties'
+      name: nameOverride !== null && nameOverride !== void 0 ? nameOverride : 'customProperties'
     })
   });
 };

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

@@ -23,9 +23,8 @@ describe('CustomPropertiesEditCtx', () => {
     }));
   });
   it('renders CustomPropertiesListField component ', () => {
-    const {
-      getAllByText
-    } = renderComponent;
+    const _renderComponent = renderComponent,
+      getAllByText = _renderComponent.getAllByText;
     (0, _react2.waitFor)(() => expect(getAllByText('CustomPropertiesListField')).toBeInTheDocument());
   });
 });

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

@@ -12,25 +12,42 @@ var _components = require("@folio/stripes/components");
 var _hooks = require("../../hooks");
 var _CustomPropertyFormCard = _interopRequireDefault(require("./CustomPropertyFormCard"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ctx", "customProperties", "intlKey", "intlNS", "labelOverrides"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const CustomPropertiesList = _ref => {
-  let {
-    availableCustomProperties = [],
-    input: {
-      name,
-      onChange,
-      value
-    },
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    meta: {
-      pristine
-    }
-  } = _ref;
+  let _ref$availableCustomP = _ref.availableCustomProperties,
+    availableCustomProperties = _ref$availableCustomP === void 0 ? [] : _ref$availableCustomP,
+    _ref$input = _ref.input,
+    name = _ref$input.name,
+    onChange = _ref$input.onChange,
+    value = _ref$input.value,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    pristine = _ref.meta.pristine;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  const [customProperties, setCustomProperties] = (0, _react.useState)([]); // This is the list of customProperties we're currently displaying for edit.
-  const [dirtying, setDirtying] = (0, _react.useState)(false);
+  const _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    customProperties = _useState2[0],
+    setCustomProperties = _useState2[1]; // This is the list of customProperties we're currently displaying for edit.
+  const _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dirtying = _useState4[0],
+    setDirtying = _useState4[1];
   (0, _react.useEffect)(() => {
     // When the user loads this form, we want to init the list of customProperties
     // we're displaying (state.customProperties) with the list of customProperties that have been set
@@ -47,18 +64,17 @@ const CustomPropertiesList = _ref => {
     }
   }, [availableCustomProperties, dirtying, pristine, value]);
   const handleDeleteCustomProperty = (customProperty, i) => {
-    const currentValue = value[customProperty.value]?.[0] ?? {};
+    var _value$customProperty, _value$customProperty2;
+    const currentValue = (_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 newCustomProperties = [...customProperties];
     newCustomProperties.splice(i, 1);
     setCustomProperties(newCustomProperties);
     setDirtying(true);
-    onChange({
-      ...value,
-      [customProperty.value]: [{
-        ...currentValue,
+    onChange(_objectSpread(_objectSpread({}, value), {}, {
+      [customProperty.value]: [_objectSpread(_objectSpread({}, currentValue), {}, {
         _delete: true
-      }]
-    });
+      })]
+    }));
   };
   const renderCustomProperties = customPropertyType => {
     // This is necessary to track individually since "index" will span primary/optional for a given set
@@ -82,7 +98,7 @@ const CustomPropertiesList = _ref => {
         onChange,
         setCustomProperties,
         value
-      }, `customPropertyField-${customProperty.value}`);
+      }, "customPropertyField-".concat(customProperty.value));
     }).filter(cp => cp !== undefined);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -131,20 +147,20 @@ const CustomPropertiesList = _ref => {
   });
 };
 const CustomPropertiesListField = _ref2 => {
-  let {
-    ctx,
-    customProperties,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    ...fieldProps
-  } = _ref2;
+  let ctx = _ref2.ctx,
+    customProperties = _ref2.customProperties,
+    passedIntlKey = _ref2.intlKey,
+    passedIntlNS = _ref2.intlNS,
+    _ref2$labelOverrides = _ref2.labelOverrides,
+    labelOverrides = _ref2$labelOverrides === void 0 ? {} : _ref2$labelOverrides,
+    fieldProps = _objectWithoutProperties(_ref2, _excluded);
   const fieldRef = (0, _react.useRef)();
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
 
   // Map customProperties to bring together the options and the definition values
-  const availableCustomProperties = customProperties?.map(customProperty => {
-    let options = customProperty?.category?.values;
+  const availableCustomProperties = customProperties === null || customProperties === void 0 ? void 0 : customProperties.map(customProperty => {
+    var _customProperty$categ;
+    let options = customProperty === null || customProperty === void 0 || (_customProperty$categ = customProperty.category) === null || _customProperty$categ === void 0 ? void 0 : _customProperty$categ.values;
     if (options) {
       // order by label, add notSet option afterwards
       options = (0, _orderBy.default)(options, 'label');
@@ -166,9 +182,8 @@ const CustomPropertiesListField = _ref2 => {
       defaultInternal: customProperty.defaultInternal
     };
   });
-  const {
-    initialValues
-  } = (0, _reactFinalForm.useFormState)();
+  const _useFormState = (0, _reactFinalForm.useFormState)(),
+    initialValues = _useFormState.initialValues;
   const getInitialValue = () => {
     const cps = {};
     (customProperties || []).filter(cp => cp.primary)
@@ -183,31 +198,29 @@ const CustomPropertiesListField = _ref2 => {
     // IMPORTANT -- All customproperty ctx sections are adding to the same "initialValue" field
     // Ensure that we don't already have initialValues for this particular set before setting them,
     // to ensure no looping behaviour
-    if (Object.keys(cps).every(key => initialValues.customProperties?.[key] !== undefined)) {
+    if (Object.keys(cps).every(key => {
+      var _initialValues$custom;
+      return ((_initialValues$custom = initialValues.customProperties) === null || _initialValues$custom === void 0 ? void 0 : _initialValues$custom[key]) !== undefined;
+    })) {
       return initialValues.customProperties;
     }
 
     // Ensure that if we already had these values in initialvalues they're not overwritten
-    return {
-      ...cps,
-      ...initialValues.customProperties
-    };
+    return _objectSpread(_objectSpread({}, cps), initialValues.customProperties);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
-    ...fieldProps,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, _objectSpread(_objectSpread({}, fieldProps), {}, {
     initialValue: getInitialValue(),
     render: p => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomPropertiesList, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomPropertiesList, _objectSpread({
         ref: fieldRef,
         availableCustomProperties: availableCustomProperties,
         ctx: ctx,
         intlKey: passedIntlKey,
         intlNS: passedIntlNS,
-        labelOverrides: labelOverrides,
-        ...p
-      });
+        labelOverrides: labelOverrides
+      }, p));
     }
-  });
+  }));
 };
 CustomPropertiesListField.propTypes = {
   ctx: _propTypes.default.string,

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

@@ -33,15 +33,13 @@ describe('CustomPropertiesListField', () => {
     await (0, _stripesErmTesting.KeyValue)('Optional properties').exists();
   });
   it('renders CustomPropertyFormCard component ', () => {
-    const {
-      getAllByText
-    } = renderComponent;
+    const _renderComponent = renderComponent,
+      getAllByText = _renderComponent.getAllByText;
     (0, _react2.waitFor)(() => expect(getAllByText('CustomPropertyFormCard')).toBeInTheDocument());
   });
   it('renders CustomPropertiesList component ', () => {
-    const {
-      getAllByText
-    } = renderComponent;
+    const _renderComponent2 = renderComponent,
+      getAllByText = _renderComponent2.getAllByText;
     (0, _react2.waitFor)(() => expect(getAllByText('CustomPropertiesList')).toBeInTheDocument());
   });
   test('renders the Add property button', async () => {