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

package/es/lib/CustomProperties/Filter/CustomPropertiesFilter.js

@@ -12,47 +12,62 @@ var _useParseActiveFilterStrings = _interopRequireDefault(require("./useParseAct
 var _CustomPropertiesFilterForm = _interopRequireDefault(require("./CustomPropertiesFilterForm"));
 var _customProperties = require("../../constants/customProperties");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["customProperties"];
 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); }
+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; }
+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; }
 const CustomPropertiesFilter = _ref => {
-  let {
-    activeFilters: {
-      customProperties: custPropFilters,
-      ...restOfFilters
-    },
-    customPropertiesEndpoint,
-    filterHandlers,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {}
-  } = _ref;
-  const [editingFilters, setEditingFilters] = (0, _react.useState)(false);
+  var _parsedFilterData$num, _parsedFilterData$num2;
+  let _ref$activeFilters = _ref.activeFilters,
+    custPropFilters = _ref$activeFilters.customProperties,
+    restOfFilters = _objectWithoutProperties(_ref$activeFilters, _excluded),
+    customPropertiesEndpoint = _ref.customPropertiesEndpoint,
+    filterHandlers = _ref.filterHandlers,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
+  const _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    editingFilters = _useState2[0],
+    setEditingFilters = _useState2[1];
   const openEditModal = () => setEditingFilters(true);
   const closeEditModal = () => setEditingFilters(false);
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  const {
-    custprops,
-    isLoading
-  } = (0, _hooks.useCustProps)({
-    endpoint: customPropertiesEndpoint,
-    options: {
-      sort: [{
-        path: 'ctx'
-      },
-      // Group by ctx
-      {
-        path: 'retired'
-      },
-      // Place retired custprops at the end
-      {
-        path: 'weight'
-      },
-      // Within those groups, sort by weight first
-      {
-        path: 'label'
-      } // Within those groups, sort by label
-      ]
-    }
-  });
+  const _useCustProps = (0, _hooks.useCustProps)({
+      endpoint: customPropertiesEndpoint,
+      options: {
+        sort: [{
+          path: 'ctx'
+        },
+        // Group by ctx
+        {
+          path: 'retired'
+        },
+        // Place retired custprops at the end
+        {
+          path: 'weight'
+        },
+        // Within those groups, sort by weight first
+        {
+          path: 'label'
+        } // Within those groups, sort by label
+        ]
+      }
+    }),
+    custprops = _useCustProps.custprops,
+    isLoading = _useCustProps.isLoading;
   const parsedFilterData = (0, _useParseActiveFilterStrings.default)(custPropFilters || [], passedIntlKey, passedIntlNS, labelOverrides);
   if (isLoading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Accordion, {
@@ -68,34 +83,35 @@ const CustomPropertiesFilter = _ref => {
     });
   }
   const handleSubmit = values => {
-    const {
-      filters = []
-    } = values;
+    const _values$filters = values.filters,
+      filters = _values$filters === void 0 ? [] : _values$filters;
     const filterStrings = filters.filter(filter => filter.rules).map(filter => {
-      const relevantCustomProperty = custprops?.filter(cp => cp.name === filter.customProperty)?.[0] ?? {};
-      const filterByValueId = relevantCustomProperty?.type === _customProperties.MULTI_REFDATA_CLASS_NAME || relevantCustomProperty?.type === _customProperties.REFDATA_CLASS_NAME;
-      return filter.rules.map(rule => `customProperties.${filter.customProperty}.value${filterByValueId ? '.id' : ''}${rule.operator}${rule.value ?? ''}`).join('||');
+      var _custprops$filter$, _custprops$filter;
+      const relevantCustomProperty = (_custprops$filter$ = custprops === null || custprops === void 0 || (_custprops$filter = custprops.filter(cp => cp.name === filter.customProperty)) === null || _custprops$filter === void 0 ? void 0 : _custprops$filter[0]) !== null && _custprops$filter$ !== void 0 ? _custprops$filter$ : {};
+      const filterByValueId = (relevantCustomProperty === null || relevantCustomProperty === void 0 ? void 0 : relevantCustomProperty.type) === _customProperties.MULTI_REFDATA_CLASS_NAME || (relevantCustomProperty === null || relevantCustomProperty === void 0 ? void 0 : relevantCustomProperty.type) === _customProperties.REFDATA_CLASS_NAME;
+      return filter.rules.map(rule => {
+        var _rule$value;
+        return "customProperties.".concat(filter.customProperty, ".value").concat(filterByValueId ? '.id' : '').concat(rule.operator).concat((_rule$value = rule.value) !== null && _rule$value !== void 0 ? _rule$value : '');
+      }).join('||');
     });
-    filterHandlers.state({
-      ...restOfFilters,
+    filterHandlers.state(_objectSpread(_objectSpread({}, restOfFilters), {}, {
       customProperties: filterStrings
-    });
+    }));
     setEditingFilters(false);
     return Promise.resolve();
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Accordion, {
     closedByDefault: true,
-    displayClearButton: (parsedFilterData?.numberOfFilters ?? 0) > 0,
+    displayClearButton: ((_parsedFilterData$num = parsedFilterData === null || parsedFilterData === void 0 ? void 0 : parsedFilterData.numberOfFilters) !== null && _parsedFilterData$num !== void 0 ? _parsedFilterData$num : 0) > 0,
     header: _components.FilterAccordionHeader,
     id: "clickable-custprop-filter",
     label: kintIntl.formatKintMessage({
       id: 'customProperties',
       overrideValue: labelOverrides.customProperties
     }),
-    onClearFilter: () => filterHandlers.state({
-      ...restOfFilters,
+    onClearFilter: () => filterHandlers.state(_objectSpread(_objectSpread({}, restOfFilters), {}, {
       customProperties: []
-    }),
+    })),
     separator: false,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Layout, {
       className: "padding-bottom-gutter",
@@ -103,12 +119,12 @@ const CustomPropertiesFilter = _ref => {
         id: 'customProperty.filtersApplied',
         overrideValue: labelOverrides.filtersApplied
       }, {
-        count: parsedFilterData?.numberOfFilters ?? 0
+        count: (_parsedFilterData$num2 = parsedFilterData === null || parsedFilterData === void 0 ? void 0 : parsedFilterData.numberOfFilters) !== null && _parsedFilterData$num2 !== void 0 ? _parsedFilterData$num2 : 0
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesFilterForm.default, {
       customProperties: custprops,
       editingFilters: editingFilters,
-      filters: parsedFilterData?.filters,
+      filters: parsedFilterData === null || parsedFilterData === void 0 ? void 0 : parsedFilterData.filters,
       handlers: {
         closeEditModal,
         openEditModal

package/es/lib/CustomProperties/Filter/CustomPropertiesFilter.test.js

@@ -47,9 +47,8 @@ describe('CustomPropertiesFilter', () => {
       });
     });
     it('renders CustomPropertiesFilterForm component ', () => {
-      const {
-        getByText
-      } = renderComponent;
+      const _renderComponent = renderComponent,
+        getByText = _renderComponent.getByText;
       expect(getByText('CustomPropertiesFilterForm')).toBeInTheDocument();
     });
   });

package/es/lib/CustomProperties/Filter/CustomPropertiesFilterField.js

@@ -14,54 +14,65 @@ var _CustomPropertiesRule = _interopRequireDefault(require("./CustomPropertiesRu
 var _hooks = require("../../hooks");
 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); }
+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 CustomPropertiesFilterField = _ref => {
-  let {
-    customProperties = [],
-    fields,
-    index,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    name
-  } = _ref;
+  var _customProperties$fin, _customProperties$fin2, _fields$value$index2;
+  let _ref$customProperties = _ref.customProperties,
+    customProperties = _ref$customProperties === void 0 ? [] : _ref$customProperties,
+    fields = _ref.fields,
+    index = _ref.index,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    name = _ref.name;
   const groupedCustomProperties = (0, _utils.groupCustomPropertiesByCtx)(customProperties);
-  const {
-    change,
-    mutators: {
-      push
-    }
-  } = (0, _reactFinalForm.useForm)();
-  const {
-    values
-  } = (0, _reactFinalForm.useFormState)();
+  const _useForm = (0, _reactFinalForm.useForm)(),
+    change = _useForm.change,
+    push = _useForm.mutators.push;
+  const _useFormState = (0, _reactFinalForm.useFormState)(),
+    values = _useFormState.values;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
-      id: `input-custprop-${index}`,
+      id: "input-custprop-".concat(index),
       label: kintIntl.formatKintMessage({
         id: 'customProperty',
         overrideValue: labelOverrides.customProperty
       }),
-      name: `${name}.customProperty`,
+      name: "".concat(name, ".customProperty"),
       placeholder: " ",
       render: fieldProps => {
-        const sortedGroupedCustProps = Object.entries(groupedCustomProperties)?.sort((a, b) => {
+        var _Object$entries;
+        const sortedGroupedCustProps = (_Object$entries = Object.entries(groupedCustomProperties)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.sort((a, b) => {
           if (a[0] === 'isNull') return -1; // Make sure noContext is at top
 
           if (a[0].toLowerCase() < b[0].toLowerCase()) return -1;
           if (a[0].toLowerCase() > b[0].toLowerCase()) return 1;
           return 0;
         });
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Select, {
-          autoFocus: true,
-          ...fieldProps,
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Select, _objectSpread(_objectSpread({
+          autoFocus: true
+        }, fieldProps), {}, {
           placeholder: null // placeholder default causes issues
           ,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
             value: "",
             children: " "
           }, "empty-option"), sortedGroupedCustProps.map(_ref2 => {
-            let [key, value] = _ref2;
+            let _ref3 = _slicedToArray(_ref2, 2),
+              key = _ref3[0],
+              value = _ref3[1];
             return /*#__PURE__*/(0, _jsxRuntime.jsx)("optgroup", {
               label: key === 'isNull' ? '-' : key,
               children: value.map(v => {
@@ -75,19 +86,22 @@ const CustomPropertiesFilterField = _ref => {
                   }) : v.label
                 }, v.id);
               })
-            }, `custom-property-optgroup-${key}`);
+            }, "custom-property-optgroup-".concat(key));
           })]
-        });
+        }));
       },
       required: true,
       validate: _validators.required
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      "data-testid": `selected-custprop-name-${index}`,
-      id: `selected-custprop-name-${index}`,
+      "data-testid": "selected-custprop-name-".concat(index),
+      id: "selected-custprop-name-".concat(index),
       style: {
         display: 'none'
       },
-      children: customProperties.find(t => t.name === fields.value[index]?.customProperty)?.label ?? ''
+      children: (_customProperties$fin = (_customProperties$fin2 = customProperties.find(t => {
+        var _fields$value$index;
+        return t.name === ((_fields$value$index = fields.value[index]) === null || _fields$value$index === void 0 ? void 0 : _fields$value$index.customProperty);
+      })) === null || _customProperties$fin2 === void 0 ? void 0 : _customProperties$fin2.label) !== null && _customProperties$fin !== void 0 ? _customProperties$fin : ''
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 2
@@ -115,26 +129,27 @@ const CustomPropertiesFilterField = _ref => {
         xs: 2
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
-      name: `${name}.rules`,
-      children: _ref3 => {
-        let {
-          fields: ruleFields
-        } = _ref3;
-        return ruleFields.map((ruleFieldName, ruleFieldIndex) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesRule.default, {
-          ariaLabelledby: `selected-custprop-name-${index}`,
-          clearRuleValue: () => change(`filters[${index}].rules[${ruleFieldIndex}].value`, ''),
-          custPropDefinition: customProperties.find(t => t.name === fields.value[index].customProperty),
-          index: ruleFieldIndex,
-          labelOverrides: labelOverrides,
-          name: ruleFieldName,
-          onDelete: () => ruleFields.remove(ruleFieldIndex),
-          value: values.filters[index]?.rules[ruleFieldIndex]
-        }, ruleFieldName));
+      name: "".concat(name, ".rules"),
+      children: _ref4 => {
+        let ruleFields = _ref4.fields;
+        return ruleFields.map((ruleFieldName, ruleFieldIndex) => {
+          var _values$filters$index;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesRule.default, {
+            ariaLabelledby: "selected-custprop-name-".concat(index),
+            clearRuleValue: () => change("filters[".concat(index, "].rules[").concat(ruleFieldIndex, "].value"), ''),
+            custPropDefinition: customProperties.find(t => t.name === fields.value[index].customProperty),
+            index: ruleFieldIndex,
+            labelOverrides: labelOverrides,
+            name: ruleFieldName,
+            onDelete: () => ruleFields.remove(ruleFieldIndex),
+            value: (_values$filters$index = values.filters[index]) === null || _values$filters$index === void 0 ? void 0 : _values$filters$index.rules[ruleFieldIndex]
+          }, ruleFieldName);
+        });
       }
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       "data-test-add-rule-btn": true,
-      disabled: !fields.value[index]?.customProperty,
-      onClick: () => push(`${name}.rules`),
+      disabled: !((_fields$value$index2 = fields.value[index]) !== null && _fields$value$index2 !== void 0 && _fields$value$index2.customProperty),
+      onClick: () => push("".concat(name, ".rules")),
       children: kintIntl.formatKintMessage({
         id: 'addRule',
         overrideValue: labelOverrides.addRule

package/es/lib/CustomProperties/Filter/CustomPropertiesFilterField.test.js

@@ -23,23 +23,20 @@ describe('CustomPropertiesFilterField', () => {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
         name: "filters",
         children: _ref => {
-          let {
-            fields
-          } = _ref;
+          let fields = _ref.fields;
           return fields.map((name, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesFilterField.default, {
             customProperties: _customProperties.default,
             fields: fields,
             index: index,
             name: name
-          }, `custom-property-filter-field-${name}[${index}]`));
+          }, "custom-property-filter-field-".concat(name, "[").concat(index, "]")));
         }
       })
     })
   }));
   test('displays the Custom property label', () => {
-    const {
-      getByTestId
-    } = renderComponent;
+    const _renderComponent = renderComponent,
+      getByTestId = _renderComponent.getByTestId;
     expect(getByTestId('selected-custprop-name-0')).toHaveTextContent('Author Identification');
   });
 });

package/es/lib/CustomProperties/Filter/CustomPropertiesFilterFieldArray.js

@@ -13,30 +13,24 @@ var _hooks = require("../../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CustomPropertiesFilterFieldArray = _ref => {
-  let {
-    customProperties,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {}
-  } = _ref;
-  const {
-    mutators: {
-      push
-    }
-  } = (0, _reactFinalForm.useForm)();
+  let customProperties = _ref.customProperties,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
+  const _useForm = (0, _reactFinalForm.useForm)(),
+    push = _useForm.mutators.push;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
       name: "filters",
       children: _ref2 => {
-        let {
-          fields
-        } = _ref2;
+        let fields = _ref2.fields;
         return fields.map((name, index) => {
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Card, {
               headerEnd: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
-                id: `custom-property-filter-card-delete-[${index}]-tooltip`,
+                id: "custom-property-filter-card-delete-[".concat(index, "]-tooltip"),
                 text: kintIntl.formatKintMessage({
                   id: 'customProperty.removeFilter',
                   overrideValue: labelOverrides.removeFilter
@@ -44,15 +38,13 @@ const CustomPropertiesFilterFieldArray = _ref => {
                   index: index + 1
                 }),
                 children: _ref3 => {
-                  let {
-                    ref,
-                    ariaIds
-                  } = _ref3;
+                  let ref = _ref3.ref,
+                    ariaIds = _ref3.ariaIds;
                   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
                     ref: ref,
                     "aria-labelledby": ariaIds.text,
                     icon: "trash",
-                    id: `custom-property-filter-card-delete-[${index}]`,
+                    id: "custom-property-filter-card-delete-[".concat(index, "]"),
                     onClick: () => fields.remove(index)
                   });
                 }
@@ -72,15 +64,15 @@ const CustomPropertiesFilterFieldArray = _ref => {
                 index: index,
                 labelOverrides: labelOverrides,
                 name: name
-              }, `custom-property-filter-field-${name}[${index}]`)
-            }, `custom-property-filter-card[${index}]`), index < fields.value.length - 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Layout, {
+              }, "custom-property-filter-field-".concat(name, "[").concat(index, "]"))
+            }, "custom-property-filter-card[".concat(index, "]")), index < fields.value.length - 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Layout, {
               className: "textCentered",
               children: kintIntl.formatKintMessage({
                 id: 'AND',
                 overrideValue: labelOverrides.AND
               })
-            }, `custom-property-filter[${index}]-AND`)]
-          }, `custom-property-filter-card[${index}]-container`);
+            }, "custom-property-filter[".concat(index, "]-AND"))]
+          }, "custom-property-filter-card[".concat(index, "]-container"));
         });
       }
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {

package/es/lib/CustomProperties/Filter/CustomPropertiesFilterFieldArray.test.js

@@ -26,9 +26,8 @@ describe('CustomPropertiesFilterFieldArray', () => {
     }));
   });
   test('renders CustomPropertiesFilterField component', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent = renderComponent,
+      getByText = _renderComponent.getByText;
     (0, _react.waitFor)(() => expect(getByText('CustomPropertiesFilterField')).toBeInTheDocument());
   });
   test('renders the Add custom property filter button', async () => {

package/es/lib/CustomProperties/Filter/CustomPropertiesFilterForm.js

@@ -12,20 +12,23 @@ var _CustomPropertiesFilterFieldArray = _interopRequireDefault(require("./Custom
 var _hooks = require("../../hooks");
 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 CustomPropertyFiltersForm = _ref => {
-  let {
-    customProperties,
-    editingFilters,
-    filters,
-    handlers: {
-      closeEditModal,
-      openEditModal
-    },
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    onSubmit
-  } = _ref;
+  let customProperties = _ref.customProperties,
+    editingFilters = _ref.editingFilters,
+    filters = _ref.filters,
+    _ref$handlers = _ref.handlers,
+    closeEditModal = _ref$handlers.closeEditModal,
+    openEditModal = _ref$handlers.openEditModal,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    onSubmit = _ref.onSubmit;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
@@ -57,9 +60,7 @@ const CustomPropertyFiltersForm = _ref => {
         open: editingFilters,
         size: 'medium'
       },
-      mutators: {
-        ..._finalFormArrays.default
-      },
+      mutators: _objectSpread({}, _finalFormArrays.default),
       onSubmit: onSubmit,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesFilterFieldArray.default, {
         customProperties: customProperties,

package/es/lib/CustomProperties/Filter/CustomPropertiesFilterForm.test.js

@@ -7,6 +7,11 @@ var _testResources = require("./testResources");
 var _jest = require("../../../../test/jest");
 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); }
 jest.mock('../../hooks');
 jest.mock('./CustomPropertiesFilterFieldArray', () => () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   children: "CustomPropertiesFilterFieldArray"
@@ -15,15 +20,13 @@ const onSubmit = jest.fn();
 describe('CustomPropertyFiltersForm', () => {
   let renderComponent;
   beforeEach(() => {
-    renderComponent = (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesFilterForm.default, {
-      onSubmit: onSubmit,
-      ..._testResources.data
-    }));
+    renderComponent = (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesFilterForm.default, _objectSpread({
+      onSubmit: onSubmit
+    }, _testResources.data)));
   });
   it('renders CustomPropertiesFilterFieldArray component ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent = renderComponent,
+      getByText = _renderComponent.getByText;
     expect(getByText('CustomPropertiesFilterFieldArray')).toBeInTheDocument();
   });
   test('renders the apply button (disabled)', async () => {