npm - @k-int/stripes-kint-components - Versions diffs - 5.36.1 → 5.37.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (461) hide show

package/es/lib/CustomProperties/Config/CustomPropertiesSettings.js CHANGED Viewed

@@ -19,41 +19,63 @@ var _useCustProps = require("../../hooks/useCustProps");
 var _utils = require("../../utils");
 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 EDITING = 'edit';
 const CREATING = 'create';
 const VIEWING = 'view';
 // A default option for setting up panes manually
 const CustomPropertiesSettings = _ref => {
-  let {
-    afterQueryCalls,
-    catchQueryCalls,
-    contextFilterOptions,
-    customPropertiesEndpoint,
-    displayConditions = {
+  var _customProperty$label2, _customProperty$label3, _customProperty$categ, _customProperty$label4, _customProperty$label5;
+  let afterQueryCalls = _ref.afterQueryCalls,
+    catchQueryCalls = _ref.catchQueryCalls,
+    contextFilterOptions = _ref.contextFilterOptions,
+    customPropertiesEndpoint = _ref.customPropertiesEndpoint,
+    _ref$displayCondition = _ref.displayConditions,
+    displayConditions = _ref$displayCondition === void 0 ? {
       create: true,
       delete: true,
       edit: true
-    },
-    helpPopovers,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    refdataEndpoint
-  } = _ref;
-  const {
-    create: createCondition = true,
-    delete: deleteCondition = true,
-    edit: editCondition = true
-  } = displayConditions;
+    } : _ref$displayCondition,
+    helpPopovers = _ref.helpPopovers,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    refdataEndpoint = _ref.refdataEndpoint;
+  const _displayConditions$cr = displayConditions.create,
+    createCondition = _displayConditions$cr === void 0 ? true : _displayConditions$cr,
+    _displayConditions$de = displayConditions.delete,
+    deleteCondition = _displayConditions$de === void 0 ? true : _displayConditions$de,
+    _displayConditions$ed = displayConditions.edit,
+    editCondition = _displayConditions$ed === void 0 ? true : _displayConditions$ed;
   const callout = (0, _react.useContext)(_core.CalloutContext);
   const queryClient = (0, _reactQuery.useQueryClient)();
-  const [customProperty, setCustomProperty] = (0, _react.useState)();
-  const [deleteModal, setDeleteModal] = (0, _react.useState)(false);
+  const _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    customProperty = _useState2[0],
+    setCustomProperty = _useState2[1];
+  const _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    deleteModal = _useState4[0],
+    setDeleteModal = _useState4[1];
   const refdata = (0, _hooks.useRefdata)({
     endpoint: refdataEndpoint
   });
-  const [mode, setMode] = (0, _react.useState)(VIEWING);
+  const _useState5 = (0, _react.useState)(VIEWING),
+    _useState6 = _slicedToArray(_useState5, 2),
+    mode = _useState6[0],
+    setMode = _useState6[1];
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   // Default props that need hooks are hard
@@ -69,112 +91,111 @@ const CustomPropertiesSettings = _ref => {
       // empty string is all custoprop contexts
       label: kintIntl.formatKintMessage({
         id: 'customProperties.config.all',
-        overrideValue: labelOverrides?.all
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.all
       })
     }];
   }
   // TODO consider moving some of the invalidations etc into the useMutateCustomProperties hook?
   // Also all around patterns for defaulting afterQueryCalls etc are not ideal
-  const {
-    post: createCustprop,
-    put: editCustProp,
-    delete: deleteCustProp
-  } = (0, _hooks.useMutateCustomProperties)({
-    afterQueryCalls: {
-      put: res => {
-        setMode(VIEWING);
-        queryClient.invalidateQueries(_useCustProps.CUSTPROPS_QUERY_KEY_BASE);
-        setCustomProperty(res);
-        if (afterQueryCalls?.put) {
-          afterQueryCalls.put(res);
+  const _useMutateCustomPrope = (0, _hooks.useMutateCustomProperties)({
+      afterQueryCalls: {
+        put: res => {
+          setMode(VIEWING);
+          queryClient.invalidateQueries(_useCustProps.CUSTPROPS_QUERY_KEY_BASE);
+          setCustomProperty(res);
+          if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.put) {
+            afterQueryCalls.put(res);
+          }
+        },
+        post: res => {
+          setMode(VIEWING);
+          queryClient.invalidateQueries(_useCustProps.CUSTPROPS_QUERY_KEY_BASE);
+          setCustomProperty(res);
+          if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.post) {
+            afterQueryCalls.post(res);
+          }
+        },
+        delete: res => {
+          setMode(VIEWING);
+          queryClient.invalidateQueries(_useCustProps.CUSTPROPS_QUERY_KEY_BASE);
+          setCustomProperty();
+          if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.delete) {
+            afterQueryCalls.delete(res);
+          }
         }
       },
-      post: res => {
-        setMode(VIEWING);
-        queryClient.invalidateQueries(_useCustProps.CUSTPROPS_QUERY_KEY_BASE);
-        setCustomProperty(res);
-        if (afterQueryCalls?.post) {
-          afterQueryCalls.post(res);
+      catchQueryCalls: _objectSpread({
+        // Default delete behaviour is to fire a callout, either with kint-components default message
+        // or one provided in labelOverrides, which is passed the error message and customProperty in question
+        post: async err => {
+          const errorResp = await (0, _utils.parseErrorResponse)(err.response);
+          callout.sendCallout({
+            message: kintIntl.formatKintMessage({
+              id: 'customProperties.config.create.errorMessage',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.createError
+            }, {
+              error: errorResp === null || errorResp === void 0 ? void 0 : errorResp.message
+            }),
+            type: 'error',
+            timeout: 0
+          });
+          throw err;
+        },
+        put: async err => {
+          var _customProperty$label;
+          const errorResp = await (0, _utils.parseErrorResponse)(err.response);
+          callout.sendCallout({
+            message: kintIntl.formatKintMessage({
+              id: 'customProperties.config.edit.errorMessage',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.editError
+            }, {
+              error: errorResp === null || errorResp === void 0 ? void 0 : errorResp.message,
+              label: (_customProperty$label = customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _customProperty$label !== void 0 ? _customProperty$label : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name
+            }),
+            type: 'error',
+            timeout: 0
+          });
+          throw err;
+        },
+        delete: async err => {
+          const errorResp = await (0, _utils.parseErrorResponse)(err.response);
+          callout.sendCallout({
+            message: kintIntl.formatKintMessage({
+              id: 'customProperties.config.delete.errorMessage',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteError
+            }, {
+              error: errorResp === null || errorResp === void 0 ? void 0 : errorResp.message,
+              label: customProperty === null || customProperty === void 0 ? void 0 : customProperty.label
+            }),
+            type: 'error',
+            timeout: 0
+          });
+          throw err;
         }
-      },
-      delete: res => {
-        setMode(VIEWING);
-        queryClient.invalidateQueries(_useCustProps.CUSTPROPS_QUERY_KEY_BASE);
-        setCustomProperty();
-        if (afterQueryCalls?.delete) {
-          afterQueryCalls.delete(res);
-        }
-      }
-    },
-    catchQueryCalls: {
-      // Default delete behaviour is to fire a callout, either with kint-components default message
-      // or one provided in labelOverrides, which is passed the error message and customProperty in question
-      post: async err => {
-        const errorResp = await (0, _utils.parseErrorResponse)(err.response);
-        callout.sendCallout({
-          message: kintIntl.formatKintMessage({
-            id: 'customProperties.config.create.errorMessage',
-            overrideValue: labelOverrides?.createError
-          }, {
-            error: errorResp?.message
-          }),
-          type: 'error',
-          timeout: 0
-        });
-        throw err;
-      },
-      put: async err => {
-        const errorResp = await (0, _utils.parseErrorResponse)(err.response);
-        callout.sendCallout({
-          message: kintIntl.formatKintMessage({
-            id: 'customProperties.config.edit.errorMessage',
-            overrideValue: labelOverrides?.editError
-          }, {
-            error: errorResp?.message,
-            label: customProperty?.label ?? customProperty?.name
-          }),
-          type: 'error',
-          timeout: 0
-        });
-        throw err;
-      },
-      delete: async err => {
-        const errorResp = await (0, _utils.parseErrorResponse)(err.response);
-        callout.sendCallout({
-          message: kintIntl.formatKintMessage({
-            id: 'customProperties.config.delete.errorMessage',
-            overrideValue: labelOverrides?.deleteError
-          }, {
-            error: errorResp?.message,
-            label: customProperty?.label
-          }),
-          type: 'error',
-          timeout: 0
-        });
-        throw err;
-      },
-      ...catchQueryCalls // Override defaults here
-    },
-    endpoint: customPropertiesEndpoint,
-    id: customProperty?.id
-  });
+      }, catchQueryCalls),
+      endpoint: customPropertiesEndpoint,
+      id: customProperty === null || customProperty === void 0 ? void 0 : customProperty.id
+    }),
+    createCustprop = _useMutateCustomPrope.post,
+    editCustProp = _useMutateCustomPrope.put,
+    deleteCustProp = _useMutateCustomPrope.delete;
   const handeContextSubmit = submitData => {
-    return {
-      ...submitData,
-      ctx: submitData?.ctx?.[0]?.value ?? ''
-    };
+    var _submitData$ctx$0$val, _submitData$ctx;
+    return _objectSpread(_objectSpread({}, submitData), {}, {
+      ctx: (_submitData$ctx$0$val = submitData === null || submitData === void 0 || (_submitData$ctx = submitData.ctx) === null || _submitData$ctx === void 0 || (_submitData$ctx = _submitData$ctx[0]) === null || _submitData$ctx === void 0 ? void 0 : _submitData$ctx.value) !== null && _submitData$ctx$0$val !== void 0 ? _submitData$ctx$0$val : ''
+    });
   };
   // When POSTing a custom property, the backend expects a shorthand "Integer" or "LocalDate"
   // When PUTing a custom property, the backend needs the full class name
   const handleType = submitData => {
+    var _typeRegex$exec;
     const typeRegex = /(com\.k_int\.web\.toolkit\.custprops\.types\.CustomProperty)(.*)/g;
-    const typeMatch = typeRegex.exec(submitData?.type) ?? [];
-    return {
-      ...submitData,
+    const typeMatch = (_typeRegex$exec = typeRegex.exec(submitData === null || submitData === void 0 ? void 0 : submitData.type)) !== null && _typeRegex$exec !== void 0 ? _typeRegex$exec : [];
+    return _objectSpread(_objectSpread({}, submitData), {}, {
       type: typeMatch[2]
-    };
+    });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
@@ -187,7 +208,7 @@ const CustomPropertiesSettings = _ref => {
         ,
         children: kintIntl.formatKintMessage({
           id: 'new',
-          overrideValue: labelOverrides?.new
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.new
         })
       }),
       paneTitle: kintIntl.formatKintMessage({
@@ -204,9 +225,7 @@ const CustomPropertiesSettings = _ref => {
       })
     }), customProperty && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
       actionMenu: _ref2 => {
-        let {
-          onToggle
-        } = _ref2;
+        let onToggle = _ref2.onToggle;
         const actionsArray = [];
         if (editCondition) {
           actionsArray.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
@@ -217,10 +236,10 @@ const CustomPropertiesSettings = _ref => {
               icon: "edit",
               children: kintIntl.formatKintMessage({
                 id: 'edit',
-                overrideValue: labelOverrides?.edit
+                overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.edit
               })
             })
-          }, `${customProperty.name}-action-edit`));
+          }, "".concat(customProperty.name, "-action-edit")));
         }
         if (deleteCondition) {
           actionsArray.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
@@ -234,12 +253,12 @@ const CustomPropertiesSettings = _ref => {
               icon: "trash",
               children: kintIntl.formatKintMessage({
                 id: 'delete',
-                overrideValue: labelOverrides?.delete
+                overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
               })
             })
-          }, `${customProperty.name}-action-delete`));
+          }, "".concat(customProperty.name, "-action-delete")));
         }
-        return actionsArray?.length ? actionsArray : null;
+        return actionsArray !== null && actionsArray !== void 0 && actionsArray.length ? actionsArray : null;
       },
       defaultWidth: "fill",
       dismissible: true,
@@ -247,10 +266,10 @@ const CustomPropertiesSettings = _ref => {
       onClose: () => setCustomProperty(),
       paneTitle: kintIntl.formatKintMessage({
         id: 'customProperties.config.viewPaneTitle',
-        overrideValue: labelOverrides?.viewPaneTitle,
-        fallbackMessage: customProperty?.label ?? customProperty?.name
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.viewPaneTitle,
+        fallbackMessage: (_customProperty$label2 = customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _customProperty$label2 !== void 0 ? _customProperty$label2 : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name
       }, {
-        name: customProperty?.label ?? customProperty?.name
+        name: (_customProperty$label3 = customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _customProperty$label3 !== void 0 ? _customProperty$label3 : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name
       }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyView.default, {
         customProperty: customProperty,
@@ -265,24 +284,23 @@ const CustomPropertiesSettings = _ref => {
         primary: true,
         retired: false,
         defaultInternal: true
-      } : {
-        ...customProperty,
-        ctx: customProperty?.ctx ? [{
+      } : _objectSpread(_objectSpread({}, customProperty), {}, {
+        ctx: customProperty !== null && customProperty !== void 0 && customProperty.ctx ? [{
           value: customProperty.ctx,
           label: customProperty.ctx
         }] : null,
-        category: customProperty?.category ? customProperty?.category?.id : null
-      },
+        category: customProperty !== null && customProperty !== void 0 && customProperty.category ? customProperty === null || customProperty === void 0 || (_customProperty$categ = customProperty.category) === null || _customProperty$categ === void 0 ? void 0 : _customProperty$categ.id : null
+      }),
       modalProps: {
         dismissible: true,
         label: mode === CREATING ? kintIntl.formatKintMessage({
           id: 'customProperties.config.newModal',
-          overrideValue: labelOverrides?.newModalTitle
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.newModalTitle
         }) : kintIntl.formatKintMessage({
           id: 'customProperties.config.editModal',
-          overrideValue: labelOverrides?.editModalTitle
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.editModalTitle
         }, {
-          name: customProperty?.label ?? customProperty?.name
+          name: (_customProperty$label4 = customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _customProperty$label4 !== void 0 ? _customProperty$label4 : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name
         }),
         onClose: () => setMode(VIEWING),
         open: mode === CREATING || mode === EDITING
@@ -303,22 +321,22 @@ const CustomPropertiesSettings = _ref => {
       buttonStyle: "danger",
       confirmLabel: kintIntl.formatKintMessage({
         id: 'delete',
-        overrideValue: labelOverrides?.delete
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
       }),
       heading: kintIntl.formatKintMessage({
         id: 'customProperties.config.delete.confirmHeading',
-        overrideValue: labelOverrides?.confirmHeading
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.confirmHeading
       }),
       id: "delete-custprop-confirmation",
       message: kintIntl.formatKintMessage({
         id: 'customProperties.config.delete.confirmMessage',
-        overrideValue: labelOverrides?.confirmMessage
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.confirmMessage
       }, {
-        name: customProperty?.label ?? customProperty?.name
+        name: (_customProperty$label5 = customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _customProperty$label5 !== void 0 ? _customProperty$label5 : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name
       }),
       onCancel: () => setDeleteModal(false),
       onConfirm: () => {
-        deleteCustProp(customProperty?.id);
+        deleteCustProp(customProperty === null || customProperty === void 0 ? void 0 : customProperty.id);
         setCustomProperty();
         setDeleteModal(false);
       },

package/es/lib/CustomProperties/Config/CustomPropertiesSettings.test.js CHANGED Viewed

@@ -32,15 +32,13 @@ describe('CustomPropertiesSettings', () => {
     }));
   });
   it('renders FormModal component ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent = renderComponent,
+      getByText = _renderComponent.getByText;
     expect(getByText('FormModal')).toBeInTheDocument();
   });
   it('renders CustomPropertiesLookup component ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent2 = renderComponent,
+      getByText = _renderComponent2.getByText;
     expect(getByText('CustomPropertiesLookup')).toBeInTheDocument();
   });
   it('renders the expected New button', async () => {