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

package/es/lib/EditableRefdataCategoryList/EditableRefdataCategoryList.js

@@ -11,8 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactIntl = require("react-intl");
-
 var _components = require("@folio/stripes/components");
 
 var _core = require("@folio/stripes/core");
@@ -23,6 +21,8 @@ var _ActionList = _interopRequireDefault(require("../ActionList"));
 
 var _validators = require("../utils/validators");
 
+var _utils = require("../utils");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -58,16 +58,20 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var propTypes = {
   afterQueryCalls: _propTypes.default.object,
   catchQueryCalls: _propTypes.default.object,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
   labelOverrides: _propTypes.default.object,
   refdataEndpoint: _propTypes.default.string
 };
 
 var EditableRefdataCategoryList = function EditableRefdataCategoryList(_ref) {
-  var _labelOverrides$delet, _deleteModal$refdata2;
+  var _deleteModal$refdata2;
 
   var afterQueryCalls = _ref.afterQueryCalls,
       catchQueryCalls = _ref.catchQueryCalls,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       label = _ref.label,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
@@ -75,7 +79,7 @@ var EditableRefdataCategoryList = function EditableRefdataCategoryList(_ref) {
 
   /* A component that allows for editing of refdata categories */
   var callout = (0, _react.useContext)(_core.CalloutContext);
-  var intl = (0, _reactIntl.useIntl)(); // fetch refdata values
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS); // fetch refdata values
 
   var _useRefdata = (0, _hooks.useRefdata)({
     endpoint: refdataEndpoint,
@@ -136,17 +140,17 @@ var EditableRefdataCategoryList = function EditableRefdataCategoryList(_ref) {
               switch (_context.prev = _context.next) {
                 case 0:
                   _context.next = 2;
-                  return err.response.json();
+                  return (0, _utils.parseErrorResponse)(err.response);
 
                 case 2:
                   errorResp = _context.sent;
                   callout.sendCallout({
-                    message: labelOverrides !== null && labelOverrides !== void 0 && labelOverrides.deleteError ? labelOverrides.deleteError(errorResp === null || errorResp === void 0 ? void 0 : errorResp.message, deleteModal === null || deleteModal === void 0 ? void 0 : deleteModal.refdata) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-                      id: "stripes-kint-components.editableRefdataCategoryList.deleteRefdataCategory.errorMessage",
-                      values: {
-                        label: deleteModal === null || deleteModal === void 0 ? void 0 : (_deleteModal$refdata = deleteModal.refdata) === null || _deleteModal$refdata === void 0 ? void 0 : _deleteModal$refdata.label,
-                        error: errorResp === null || errorResp === void 0 ? void 0 : errorResp.message
-                      }
+                    message: kintIntl.formatKintMessage({
+                      id: 'refdataCategory.deleteRefdataCategory.errorMessage',
+                      overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteError
+                    }, {
+                      label: deleteModal === null || deleteModal === void 0 ? void 0 : (_deleteModal$refdata = deleteModal.refdata) === null || _deleteModal$refdata === void 0 ? void 0 : _deleteModal$refdata.label,
+                      error: errorResp === null || errorResp === void 0 ? void 0 : errorResp.message
                     }),
                     type: 'error'
                   });
@@ -193,8 +197,9 @@ var EditableRefdataCategoryList = function EditableRefdataCategoryList(_ref) {
     if (!(rowData !== null && rowData !== void 0 && (_rowData$values = rowData.values) !== null && _rowData$values !== void 0 && _rowData$values.length)) {
       actionArray.push({
         name: 'delete',
-        label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-          id: "stripes-kint-components.delete"
+        label: kintIntl.formatKintMessage({
+          id: 'delete',
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
         }),
         icon: 'trash',
         callback: function callback(data) {
@@ -204,8 +209,9 @@ var EditableRefdataCategoryList = function EditableRefdataCategoryList(_ref) {
           });
         },
         ariaLabel: function ariaLabel(data) {
-          return intl.formatMessage({
-            id: 'stripes-kint-components.editableRefdataCategoryList.deleteAriaLabel'
+          return kintIntl.formatKintMessage({
+            id: 'refdataCategory.deleteAriaLabel',
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteAriaLabel
           }, {
             label: data === null || data === void 0 ? void 0 : data.label
           });
@@ -220,11 +226,13 @@ var EditableRefdataCategoryList = function EditableRefdataCategoryList(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionList.default, {
       actionAssigner: actionAssigner,
       columnMapping: {
-        desc: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-          id: "stripes-kint-components.editableRefdataCategoryList.refdataCategory"
+        desc: kintIntl.formatKintMessage({
+          id: 'refdataCategory.refdataCategory',
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.refdataCategory
         }),
-        values: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-          id: "stripes-kint-components.editableRefdataCategoryList.noOfValues"
+        values: kintIntl.formatKintMessage({
+          id: 'refdataCategory.noOfValues',
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noOfValues
         })
       },
       contentData: contentData,
@@ -251,17 +259,19 @@ var EditableRefdataCategoryList = function EditableRefdataCategoryList(_ref) {
       },
       visibleFields: ['desc', 'values']
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ConfirmationModal, {
-      confirmLabel: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.delete"
+      confirmLabel: kintIntl.formatKintMessage({
+        id: 'delete',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
       }),
-      heading: (_labelOverrides$delet = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataCategory) !== null && _labelOverrides$delet !== void 0 ? _labelOverrides$delet : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.editableRefdataCategoryList.deleteRefdataCategory"
+      heading: kintIntl.formatKintMessage({
+        id: 'refdataCategory.deleteRefdataCategory',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataCategory
       }),
-      message: labelOverrides !== null && labelOverrides !== void 0 && labelOverrides.deleteRefdataCategoryMessage ? labelOverrides.deleteRefdataCategoryMessage(deleteModal === null || deleteModal === void 0 ? void 0 : deleteModal.refdata) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.editableRefdataCategoryList.deleteRefdataCategory.confirmMessage",
-        values: {
-          name: deleteModal === null || deleteModal === void 0 ? void 0 : (_deleteModal$refdata2 = deleteModal.refdata) === null || _deleteModal$refdata2 === void 0 ? void 0 : _deleteModal$refdata2.desc
-        }
+      message: kintIntl.formatKintMessage({
+        id: 'refdataCategory.deleteRefdataCategory.confirmMessage',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataCategoryMessage
+      }, {
+        name: deleteModal === null || deleteModal === void 0 ? void 0 : (_deleteModal$refdata2 = deleteModal.refdata) === null || _deleteModal$refdata2 === void 0 ? void 0 : _deleteModal$refdata2.desc
       }),
       onCancel: function onCancel() {
         return setDeleteModal({

package/es/lib/EditableRefdataList/EditableRefdataList.js

@@ -11,8 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactIntl = require("react-intl");
-
 var _components = require("@folio/stripes/components");
 
 var _core = require("@folio/stripes/core");
@@ -23,6 +21,8 @@ var _ActionList = _interopRequireDefault(require("../ActionList"));
 
 var _validators = require("../utils/validators");
 
+var _utils = require("../utils");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -59,17 +59,21 @@ var propTypes = {
   afterQueryCalls: _propTypes.default.object,
   catchQueryCalls: _propTypes.default.object,
   desc: _propTypes.default.string,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
   labelOverrides: _propTypes.default.object,
   refdataEndpoint: _propTypes.default.string
 };
 
 var EditableRefdataList = function EditableRefdataList(_ref) {
-  var _labelOverrides$delet, _deleteModal$refdata2;
+  var _deleteModal$refdata2;
 
   var afterQueryCalls = _ref.afterQueryCalls,
       catchQueryCalls = _ref.catchQueryCalls,
       desc = _ref.desc,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       label = _ref.label,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
@@ -77,7 +81,7 @@ var EditableRefdataList = function EditableRefdataList(_ref) {
 
   /* A component that allows for editing of refdata values */
   var callout = (0, _react.useContext)(_core.CalloutContext);
-  var intl = (0, _reactIntl.useIntl)(); // fetch refdata values
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS); // fetch refdata values
 
   var _useRefdata = (0, _hooks.useRefdata)({
     desc: desc,
@@ -149,17 +153,17 @@ var EditableRefdataList = function EditableRefdataList(_ref) {
               switch (_context.prev = _context.next) {
                 case 0:
                   _context.next = 2;
-                  return err.response.json();
+                  return (0, _utils.parseErrorResponse)(err.response);
 
                 case 2:
                   errorResp = _context.sent;
                   callout.sendCallout({
-                    message: labelOverrides !== null && labelOverrides !== void 0 && labelOverrides.deleteError ? labelOverrides.deleteError(errorResp === null || errorResp === void 0 ? void 0 : errorResp.message, deleteModal === null || deleteModal === void 0 ? void 0 : deleteModal.refdata) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-                      id: "stripes-kint-components.editableRefdataList.deleteRefdataValue.errorMessage",
-                      values: {
-                        label: deleteModal === null || deleteModal === void 0 ? void 0 : (_deleteModal$refdata = deleteModal.refdata) === null || _deleteModal$refdata === void 0 ? void 0 : _deleteModal$refdata.label,
-                        error: errorResp === null || errorResp === void 0 ? void 0 : errorResp.message
-                      }
+                    message: kintIntl.formatKintMessage({
+                      id: 'refdata.deleteRefdataValue.errorMessage',
+                      overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteError
+                    }, {
+                      label: deleteModal === null || deleteModal === void 0 ? void 0 : (_deleteModal$refdata = deleteModal.refdata) === null || _deleteModal$refdata === void 0 ? void 0 : _deleteModal$refdata.label,
+                      error: errorResp === null || errorResp === void 0 ? void 0 : errorResp.message
                     }),
                     type: 'error'
                   });
@@ -201,16 +205,18 @@ var EditableRefdataList = function EditableRefdataList(_ref) {
   var actionAssigner = function actionAssigner() {
     var actionArray = [{
       name: 'edit',
-      label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.edit"
+      label: kintIntl.formatKintMessage({
+        id: 'edit',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.edit
       }),
       icon: 'edit',
       callback: function callback(data) {
         return editRefdataValue(data);
       },
       ariaLabel: function ariaLabel(data) {
-        return intl.formatMessage({
-          id: 'stripes-kint-components.editableRefdataList.editAriaLabel'
+        return kintIntl.formatKintMessage({
+          id: 'refdata.editAriaLabel',
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.editAriaLabel
         }, {
           label: data === null || data === void 0 ? void 0 : data.label
         });
@@ -220,8 +226,9 @@ var EditableRefdataList = function EditableRefdataList(_ref) {
     if (!(refdata !== null && refdata !== void 0 && refdata.internal)) {
       actionArray.push({
         name: 'delete',
-        label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-          id: "stripes-kint-components.delete"
+        label: kintIntl.formatKintMessage({
+          id: 'delete',
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
         }),
         icon: 'trash',
         callback: function callback(data) {
@@ -231,8 +238,9 @@ var EditableRefdataList = function EditableRefdataList(_ref) {
           });
         },
         ariaLabel: function ariaLabel(data) {
-          return intl.formatMessage({
-            id: 'stripes-kint-components.editableRefdataList.deleteAriaLabel'
+          return kintIntl.formatKintMessage({
+            id: 'refdata.deleteAriaLabel',
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteAriaLabel
           }, {
             label: data === null || data === void 0 ? void 0 : data.label
           });
@@ -247,11 +255,13 @@ var EditableRefdataList = function EditableRefdataList(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionList.default, {
       actionAssigner: actionAssigner,
       columnMapping: {
-        label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-          id: "stripes-kint-components.editableRefdataList.label"
+        label: kintIntl.formatKintMessage({
+          id: 'refdata.label',
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.label
         }),
-        value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-          id: "stripes-kint-components.editableRefdataList.value"
+        value: kintIntl.formatKintMessage({
+          id: 'refdata.value',
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.value
         })
       },
       contentData: contentData,
@@ -276,17 +286,19 @@ var EditableRefdataList = function EditableRefdataList(_ref) {
       },
       visibleFields: ['label', 'value']
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ConfirmationModal, {
-      confirmLabel: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.delete"
+      confirmLabel: kintIntl.formatKintMessage({
+        id: 'delete',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
       }),
-      heading: (_labelOverrides$delet = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataValue) !== null && _labelOverrides$delet !== void 0 ? _labelOverrides$delet : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.editableRefdataList.deleteRefdataValue"
+      heading: kintIntl.formatKintMessage({
+        id: 'refdata.deleteRefdataValue',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataValue
       }),
-      message: labelOverrides !== null && labelOverrides !== void 0 && labelOverrides.deleteRefdataValueMessage ? labelOverrides.deleteRefdataValueMessage(deleteModal === null || deleteModal === void 0 ? void 0 : deleteModal.refdata) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.editableRefdataList.deleteRefdataValue.confirmMessage",
-        values: {
-          name: deleteModal === null || deleteModal === void 0 ? void 0 : (_deleteModal$refdata2 = deleteModal.refdata) === null || _deleteModal$refdata2 === void 0 ? void 0 : _deleteModal$refdata2.label
-        }
+      message: kintIntl.formatKintMessage({
+        id: 'refdata.deleteRefdataValue.confirmMessage',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataValueMessage
+      }, {
+        name: deleteModal === null || deleteModal === void 0 ? void 0 : (_deleteModal$refdata2 = deleteModal.refdata) === null || _deleteModal$refdata2 === void 0 ? void 0 : _deleteModal$refdata2.label
       }),
       onCancel: function onCancel() {
         return setDeleteModal({

package/es/lib/EditableSettingsList/EditableSettingsList.js

@@ -24,7 +24,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var EditableSettingsList = function EditableSettingsList(_ref) {
   var data = _ref.data,
       initialValues = _ref.initialValues,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       label = _ref.label,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       onSave = _ref.onSave;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
     enableReinitialize: true,
@@ -43,7 +47,10 @@ var EditableSettingsList = function EditableSettingsList(_ref) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
           component: _EditableSettingsListFieldArray.default,
           data: data,
+          intlKey: passedIntlKey,
+          intlNS: passedIntlNS,
           label: label,
+          labelOverrides: labelOverrides,
           name: "settings",
           onSave: onSave
         })
@@ -58,7 +65,10 @@ EditableSettingsList.propTypes = {
     refdatavalues: _propTypes.default.arrayOf(_propTypes.default.object)
   }),
   initialValues: _propTypes.default.object,
-  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.object])
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
+  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.object]),
+  labelOverrides: _propTypes.default.object
 };
 var _default = EditableSettingsList;
 exports.default = _default;

package/es/lib/EditableSettingsList/EditableSettingsListFieldArray.js

@@ -26,6 +26,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var EditableSettingsListFieldArray = function EditableSettingsListFieldArray(_ref) {
   var data = _ref.data,
       fields = _ref.fields,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       onSave = _ref.onSave;
 
   var handleSave = function handleSave(index) {
@@ -37,6 +41,9 @@ var EditableSettingsListFieldArray = function EditableSettingsListFieldArray(_re
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
       component: _SettingField.SettingField,
       "data-testid": "editableSettingsListFieldArray[".concat(i, "]"),
+      intlKey: passedIntlKey,
+      intlNS: passedIntlNS,
+      labelOverrides: labelOverrides,
       name: setting,
       onSave: function onSave() {
         return handleSave(i);
@@ -50,6 +57,9 @@ var EditableSettingsListFieldArray = function EditableSettingsListFieldArray(_re
 
 EditableSettingsListFieldArray.propTypes = {
   fields: _propTypes.default.object,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
+  labelOverrides: _propTypes.default.object,
   onSave: _propTypes.default.func,
   data: _propTypes.default.shape({
     refdatavalues: _propTypes.default.arrayOf(_propTypes.default.object)

package/es/lib/EditableSettingsList/SettingField/EditSettingValue.js

@@ -9,14 +9,14 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactIntl = require("react-intl");
-
 var _reactFinalForm = require("react-final-form");
 
 var _components = require("@folio/stripes/components");
 
 var _RefdataButtons = _interopRequireDefault(require("../../RefdataButtons"));
 
+var _hooks = require("../../hooks");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -34,16 +34,20 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 var EditSettingValue = function EditSettingValue(props) {
-  var input = props.input,
-      setting = props.currentSetting,
+  var setting = props.currentSetting,
+      input = props.input,
+      passedIntlKey = props.intlKey,
+      passedIntlNS = props.intlNS,
+      _props$labelOverrides = props.labelOverrides,
+      labelOverrides = _props$labelOverrides === void 0 ? {} : _props$labelOverrides,
       refdata = props.refdata,
       templates = props.templates;
-  var intl = (0, _reactIntl.useIntl)();
-  var fieldLabel = intl.formatMessage({
-    id: 'stripes-kint-components.settings.valueFor',
-    values: {
-      name: setting.key
-    }
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  var fieldLabel = kintIntl.formatKintMessage({
+    id: 'settings.valueFor',
+    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.valueFor
+  }, {
+    name: setting.key
   });
 
   switch (setting.settingType) {
@@ -117,11 +121,15 @@ var EditSettingValue = function EditSettingValue(props) {
 
 EditSettingValue.propTypes = {
   currentSetting: _propTypes.default.shape({
-    settingType: _propTypes.default.string
+    settingType: _propTypes.default.string,
+    key: _propTypes.default.string
   }),
   input: _propTypes.default.shape({
     name: _propTypes.default.string
   }),
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
+  labelOverrides: _propTypes.default.object,
   refdata: _propTypes.default.arrayOf(_propTypes.default.object),
   templates: _propTypes.default.arrayOf(_propTypes.default.shape({
     name: _propTypes.default.string,

package/es/lib/EditableSettingsList/SettingField/EditSettingValue.test.js

@@ -15,6 +15,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var onSubmit = jest.fn();
+jest.mock('../../hooks');
 var stringSetting = {
   id: '12345',
   key: 'testSettingKey',
@@ -101,7 +102,7 @@ describe('EditSettingValue', function () {
         var _renderComponent = renderComponent,
             getByRole = _renderComponent.getByRole;
         expect(getByRole('textbox', {
-          name: 'Value for setting {name}'
+          name: 'Value for setting testSettingKey'
         }));
       });
     });
@@ -127,7 +128,7 @@ describe('EditSettingValue', function () {
         var _renderComponent2 = renderComponent,
             getByRole = _renderComponent2.getByRole;
         expect(getByRole('textbox', {
-          name: 'Value for setting {name}'
+          name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('diku-shared');
       });
     });
@@ -241,7 +242,7 @@ describe('EditSettingValue', function () {
         var _renderComponent7 = renderComponent,
             getByRole = _renderComponent7.getByRole;
         expect(getByRole('combobox', {
-          name: 'Value for setting {name}'
+          name: 'Value for setting testSettingKey'
         }));
       });
       test('renders the expected refdata options', function () {
@@ -312,7 +313,7 @@ describe('EditSettingValue', function () {
         var _renderComponent10 = renderComponent,
             getByRole = _renderComponent10.getByRole;
         expect(getByRole('combobox', {
-          name: 'Value for setting {name}'
+          name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('Test refdata value');
       });
     });
@@ -337,7 +338,7 @@ describe('EditSettingValue', function () {
         var _renderComponent11 = renderComponent,
             getByRole = _renderComponent11.getByRole;
         expect(getByRole('combobox', {
-          name: 'Value for setting {name}'
+          name: 'Value for setting testSettingKey'
         }));
       });
       test('renders the expected template options', function () {
@@ -358,7 +359,7 @@ describe('EditSettingValue', function () {
         var _renderComponent13 = renderComponent,
             getByRole = _renderComponent13.getByRole;
         expect(getByRole('combobox', {
-          name: 'Value for setting {name}'
+          name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('');
       });
     });
@@ -385,7 +386,7 @@ describe('EditSettingValue', function () {
         var _renderComponent14 = renderComponent,
             getByRole = _renderComponent14.getByRole;
         expect(getByRole('combobox', {
-          name: 'Value for setting {name}'
+          name: 'Value for setting testSettingKey'
         }));
       });
       test('renders the expected template options', function () {
@@ -406,7 +407,7 @@ describe('EditSettingValue', function () {
         var _renderComponent16 = renderComponent,
             getByRole = _renderComponent16.getByRole;
         expect(getByRole('combobox', {
-          name: 'Value for setting {name}'
+          name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('Test template');
       });
     });

package/es/lib/EditableSettingsList/SettingField/RenderSettingValue.js

@@ -5,24 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactIntl = require("react-intl");
-
-var _jsxRuntime = require("react/jsx-runtime");
+var _hooks = require("../../hooks");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var RenderSettingValue = function RenderSettingValue(props) {
   var setting = props.currentSetting,
+      passedIntlKey = props.intlKey,
+      passedIntlNS = props.intlNS,
+      _props$labelOverrides = props.labelOverrides,
+      labelOverrides = _props$labelOverrides === void 0 ? {} : _props$labelOverrides,
       refdata = props.refdata,
       templates = props.templates;
-  var intl = (0, _reactIntl.useIntl)();
-  var NoCurrentValue = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-    id: "stripes-kint-components.settings.noCurrentValue"
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  var NoCurrentValue = kintIntl.formatKintMessage({
+    id: 'settings.noCurrentValue',
+    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noCurrentValue
   });
-  var defaultText = "[".concat(intl.formatMessage({
-    id: 'stripes-kint-components.settings.default'
+  var defaultText = "[".concat(kintIntl.formatKintMessage({
+    id: 'settings.default',
+    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.default
   }), "]");
 
   switch (setting.settingType) {
@@ -85,5 +89,13 @@ var RenderSettingValue = function RenderSettingValue(props) {
   }
 };
 
+RenderSettingValue.propTypes = {
+  currentSetting: _propTypes.default.object,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
+  labelOverrides: _propTypes.default.object,
+  refdata: _propTypes.default.arrayOf(_propTypes.default.object),
+  templates: _propTypes.default.arrayOf(_propTypes.default.object)
+};
 var _default = RenderSettingValue;
 exports.default = _default;

package/es/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js

@@ -20,6 +20,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
+jest.mock('../../hooks');
 var stringSetting = {
   id: '12345',
   key: 'testSettingKey',