@k-int/stripes-kint-components 2.8.0 → 2.8.1

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+## 2.8.1 2022-07-21
+  * ActionList previously added actionListItems directly to cached object--sometimes this caused the react-query cache ITSELF to update, although I'm not sure why here and not anywhere else. Fixed by creating a clone internally in ActionListFieldArray and assigning actionListActions on that.
+
 ## 2.8.0 2022-07-15
   * Fixed bug where non-createable fields which were editable would display a field on creation.
   * RichSelect -- A Select style form component allowing for more custom render behaviour.

package/es/lib/ActionList/ActionListFieldArray.js

@@ -15,6 +15,8 @@ var _reactIntl = require("react-intl");
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
 var _reactFinalForm = require("react-final-form");
 
 var _components = require("@folio/stripes/components");
@@ -316,7 +318,7 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
   var assignActions = function assignActions() {
     return fields.map(function (fieldName, fieldIndex) {
       // Fetch the content from the field Values
-      var cd = (0, _get.default)(values, fieldName);
+      var cd = (0, _cloneDeep.default)((0, _get.default)(values, fieldName));
       cd.actionListActions = actionAssigner(cd);
       return _objectSpread(_objectSpread({}, cd), {}, {
         fieldName: fieldName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k-int/stripes-kint-components",
-  "version": "2.8.0",
+  "version": "2.8.1",
   "description": "Stripes Component library for K-Int specific applications",
   "sideEffects": [
     "*.css"

package/src/lib/ActionList/ActionListFieldArray.js

@@ -2,6 +2,7 @@ import React, { forwardRef, useImperativeHandle, useState } from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import get from 'lodash/get';
+import cloneDeep from 'lodash/cloneDeep';
 
 import { Field, useForm, useFormState } from 'react-final-form';
 import { Button, Headline, IconButton, MultiColumnList, TextField } from '@folio/stripes/components';
@@ -244,7 +245,7 @@ const ActionListFieldArray = forwardRef(({
     return (
       fields.map((fieldName, fieldIndex) => {
         // Fetch the content from the field Values
-        const cd = get(values, fieldName);
+        const cd = cloneDeep(get(values, fieldName));
         cd.actionListActions = actionAssigner(cd);
         return { ...cd, fieldName, fieldIndex };
       })