@k-int/stripes-kint-components 4.6.0 → 4.6.1

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+## 4.6.1 2023-04-14
+  * Added success callout to SettingsFormContainer
+
 ## 4.6.0 2023-04-14
   * ERM-2884 Regex with lookbehind causes render failure in Safari
   * Deprecated customPropertyContants typo. For now accessible both at customPropertyContants and customPropertyConstants, will be removed in future version.

package/es/lib/SettingsFormContainer/SettingsFormContainer.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _core = require("@folio/stripes/core");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -15,11 +16,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     ConfigFormComponent,
     configName,
     getInitialValues: passedGetInitialValues,
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    labelOverrides = {},
     moduleName,
     scope,
     // We don't use this currently but it's here for future reference
     ...rest
   } = _ref;
+  const callout = (0, _core.useCallout)();
+  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+
   /*
     * It is important to pass a namespaceAppend because the same hook could be rendered
     * on the main App component. This means that in settings
@@ -56,8 +63,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
         key: configName
       })
     };
-    editSettings(setting);
+    editSettings(setting).then(() => {
+      callout.sendCallout({
+        message: kintIntl.formatKintMessage({
+          fallbackMessage: 'stripes-smart-components.cm.success',
+          id: 'settingSaveSuccess',
+          intlKey: passedIntlKey,
+          intlNS: passedIntlNS,
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.settingSaveSuccess
+        }),
+        type: 'success'
+      });
+    });
+
+    // At some point we might want to add a catch callout.
+    // The current ConfigManager doesn't have one, so leaving for now
   };
+
   const getInitialValues = () => {
     let initialValues = parsedSettings;
     if (passedGetInitialValues) {
@@ -80,6 +102,9 @@ SettingsFormContainer.propTypes = {
   ConfigFormComponent: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node, _propTypes.default.func]),
   configName: _propTypes.default.string.isRequired,
   getInitialValues: _propTypes.default.func,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
+  labelOverrides: _propTypes.default.object,
   moduleName: _propTypes.default.string.isRequired,
   scope: _propTypes.default.string
 };

package/package.json

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

package/src/lib/SettingsFormContainer/SettingsFormContainer.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 
-import { useModConfigEntries, useMutateModConfigEntry } from '../hooks';
+import { useCallout } from '@folio/stripes/core';
+import { useKintIntl, useModConfigEntries, useMutateModConfigEntry } from '../hooks';
 
 /*
  * API is similar to ConfigManager
@@ -9,10 +10,16 @@ const SettingsFormContainer = ({
   ConfigFormComponent,
   configName,
   getInitialValues: passedGetInitialValues,
+  intlKey: passedIntlKey,
+  intlNS: passedIntlNS,
+  labelOverrides = {},
   moduleName,
   scope, // We don't use this currently but it's here for future reference
   ...rest
 }) => {
+  const callout = useCallout();
+  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
+
 /*
   * It is important to pass a namespaceAppend because the same hook could be rendered
   * on the main App component. This means that in settings
@@ -46,7 +53,21 @@ const SettingsFormContainer = ({
         { scope, key: configName })
     };
 
-    editSettings(setting);
+    editSettings(setting).then(() => {
+      callout.sendCallout({
+        message: kintIntl.formatKintMessage({
+          fallbackMessage: 'stripes-smart-components.cm.success',
+          id: 'settingSaveSuccess',
+          intlKey: passedIntlKey,
+          intlNS: passedIntlNS,
+          overrideValue: labelOverrides?.settingSaveSuccess
+        }),
+        type: 'success',
+      });
+    });
+
+    // At some point we might want to add a catch callout.
+    // The current ConfigManager doesn't have one, so leaving for now
   };
 
   const getInitialValues = () => {
@@ -77,6 +98,9 @@ SettingsFormContainer.propTypes = {
   ]),
   configName: PropTypes.string.isRequired,
   getInitialValues: PropTypes.func,
+  intlKey: PropTypes.string,
+  intlNS: PropTypes.string,
+  labelOverrides: PropTypes.object,
   moduleName: PropTypes.string.isRequired,
   scope: PropTypes.string,
 };