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

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

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _reactIntl = require("react-intl");
-
 var CUSTPROP_TYPES = _interopRequireWildcard(require("../../constants/customProperties"));
 
+var _hooks = require("../../hooks");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -22,38 +22,53 @@ var REFDATA = CUSTPROP_TYPES.REFDATA_CLASS_NAME,
     DATE = CUSTPROP_TYPES.DATE_CLASS_NAME,
     TEXT = CUSTPROP_TYPES.TEXT_CLASS_NAME;
 
-var useOperators = function useOperators(type) {
-  var intl = (0, _reactIntl.useIntl)();
-
-  var getLabel = function getLabel(id) {
-    return intl.formatMessage({
-      id: id
-    });
-  };
-
+var useOperators = function useOperators() {
+  var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var passedIntlKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var passedIntlNS = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var labelOverrides = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   var operators = [{
     value: ' isSet',
-    label: getLabel('stripes-kint-components.operator.isSet'),
+    label: kintIntl.formatKintMessage({
+      id: 'operator.isSet',
+      overrideValue: labelOverrides.operatorIsSet
+    }),
     noValueAllowed: true
   }, {
     value: ' isNotSet',
-    label: getLabel('stripes-kint-components.operator.isNotSet'),
+    label: kintIntl.formatKintMessage({
+      id: 'operator.isNotSet',
+      overrideValue: labelOverrides.operatorIsNotSet
+    }),
     noValueAllowed: true
   }];
 
   if (!type || type === INTEGER || type === DECIMAL) {
     operators.push({
       value: '==',
-      label: getLabel('stripes-kint-components.operator.equals')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.equals',
+        overrideValue: labelOverrides.operatorEquals
+      })
     }, {
       value: '!=',
-      label: getLabel('stripes-kint-components.operator.doesNotEqual')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.doesNotEqual',
+        overrideValue: labelOverrides.operatorDoesNotEqual
+      })
     }, {
       value: '>=',
-      label: getLabel('stripes-kint-components.operator.isGreaterThanOrEqual')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.isGreaterThanOrEqual',
+        overrideValue: labelOverrides.operatorIsGreaterThanOrEqual
+      })
     }, {
       value: '<=',
-      label: getLabel('stripes-kint-components.operator.isLessThanOrEqual')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.isLessThanOrEqual',
+        overrideValue: labelOverrides.operatorIsLessThanOrEqual
+      })
     });
   }
 
@@ -61,43 +76,70 @@ var useOperators = function useOperators(type) {
     // Basically the same as the "number" types above, so no need to reassign if there is no type
     operators.push({
       value: '==',
-      label: getLabel('stripes-kint-components.operator.equals')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.equals',
+        overrideValue: labelOverrides.operatorEquals
+      })
     }, {
       value: '!=',
-      label: getLabel('stripes-kint-components.operator.doesNotEqual')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.doesNotEqual',
+        overrideValue: labelOverrides.operatorDoesNotEqual
+      })
     }, {
       value: '>=',
-      label: getLabel('stripes-kint-components.operator.isOnOrAfter')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.isOnOrAfter',
+        overrideValue: labelOverrides.operatorIsOnOrAfter
+      })
     }, {
       value: '<=',
-      label: getLabel('stripes-kint-components.operator.isOnOrBefore')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.isOnOrBefore',
+        overrideValue: labelOverrides.operatorIsOnOrBefore
+      })
     });
   }
 
   if (!type || type === REFDATA) {
     operators.push({
       value: '==',
-      label: getLabel('stripes-kint-components.operator.is')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.is',
+        overrideValue: labelOverrides.operatorIs
+      })
     }, {
       value: '!=',
-      label: getLabel('stripes-kint-components.operator.isNot')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.isNot',
+        overrideValue: labelOverrides.operatorIsNot
+      })
     });
   }
 
-  if (!type || type === MULTIREFDATA) {
+  if (type === MULTIREFDATA) {
     operators.push({
       value: '==',
-      label: getLabel('stripes-kint-components.operator.contains')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.contains',
+        overrideValue: labelOverrides.operatorContains
+      })
     });
   }
 
   if (!type || type === TEXT) {
     operators.push({
       value: '=~',
-      label: getLabel('stripes-kint-components.operator.contains')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.contains',
+        overrideValue: labelOverrides.operatorContains
+      })
     }, {
       value: '!~',
-      label: getLabel('stripes-kint-components.operator.doesNotContain')
+      label: kintIntl.formatKintMessage({
+        id: 'operator.doesNotContain',
+        overrideValue: labelOverrides.operatorDoesNotContain
+      })
     });
   }
 

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

@@ -21,8 +21,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var useParseActiveFilterStrings = function useParseActiveFilterStrings(filterStrings) {
-  var operators = (0, _useOperators.default)().map(function (o) {
+var useParseActiveFilterStrings = function useParseActiveFilterStrings(filterStrings, passedIntlKey, passedIntlNS) {
+  var labelOverrides = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var operators = (0, _useOperators.default)(null, passedIntlKey, passedIntlNS, labelOverrides).map(function (o) {
     return o.value;
   });
   var numberOfFilters = 0;

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

@@ -24,7 +24,8 @@ var REFDATA = CUSTPROP_TYPES.REFDATA_CLASS_NAME,
     DATE = CUSTPROP_TYPES.DATE_CLASS_NAME,
     TEXT = CUSTPROP_TYPES.TEXT_CLASS_NAME;
 
-var useValueProps = function useValueProps(custPropDefinition) {
+var useValueProps = function useValueProps(custPropDefinition, intlKey, intlNS) {
+  var labelOverrides = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var props = {
     validate: _validators.required
   };
@@ -34,7 +35,11 @@ var useValueProps = function useValueProps(custPropDefinition) {
     case DECIMAL:
       props.component = _components.TextField;
       props.type = 'number';
-      props.validate = _validators.invalidNumber;
+
+      props.validate = function (value) {
+        return (0, _validators.invalidNumber)(value, intlKey, intlNS, labelOverrides);
+      };
+
       break;
 
     case REFDATA:

package/es/lib/CustomProperties/View/CustomPropertiesView.js

@@ -19,6 +19,8 @@ var CustomPropertiesView = function CustomPropertiesView(_ref) {
       customProperties = _ref.customProperties,
       customPropertiesEndpoint = _ref.customPropertiesEndpoint,
       id = _ref.id,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
   return contexts.map(function (ctx) {
@@ -27,6 +29,8 @@ var CustomPropertiesView = function CustomPropertiesView(_ref) {
       customProperties: customProperties,
       customPropertiesEndpoint: customPropertiesEndpoint,
       id: id,
+      intlKey: passedIntlKey,
+      intlNS: passedIntlNS,
       labelOverrides: labelOverrides
     }, "customPropertiesView-".concat(ctx));
   });
@@ -37,6 +41,8 @@ CustomPropertiesView.propTypes = {
   customProperties: _propTypes.default.object,
   customPropertiesEndpoint: _propTypes.default.string,
   id: _propTypes.default.string,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   labelOverrides: _propTypes.default.object,
   nameOverride: _propTypes.default.string
 };

package/es/lib/CustomProperties/View/CustomPropertiesView.test.js

@@ -8,16 +8,17 @@ var _react2 = require("@testing-library/react");
 
 var _reactRouterDom = require("react-router-dom");
 
-var _helpers = require("../../../../test/jest/helpers");
-
 var _testResources = require("./testResources");
 
 var _CustomPropertiesView = _interopRequireDefault(require("./CustomPropertiesView"));
 
+var _jest = require("../../../../test/jest");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+jest.mock('../../hooks');
 jest.mock('./CustomPropertiesViewCtx', function () {
   return function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -28,7 +29,7 @@ jest.mock('./CustomPropertiesViewCtx', function () {
 describe('CustomPropertiesView', function () {
   var renderComponent;
   beforeEach(function () {
-    renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
+    renderComponent = (0, _jest.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesView.default, {
         contexts: _testResources.contexts,
         customProperties: _testResources.customProperties,

package/es/lib/CustomProperties/View/CustomPropertiesViewCtx.js

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactIntl = require("react-intl");
-
 var _components = require("@folio/stripes/components");
 
 var _hooks = require("../../hooks");
@@ -39,38 +37,32 @@ var CustomPropertiesViewCtx = function CustomPropertiesViewCtx(_ref) {
       customProperties = _ref$customProperties === void 0 ? [] : _ref$customProperties,
       customPropertiesEndpoint = _ref.customPropertiesEndpoint,
       id = _ref.id,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS); // Deal with all the possible label override options
 
-  // Deal with all the possible label override options
   var getAccordionLabel = function getAccordionLabel() {
-    var _labelOverrides$defau;
-
     // Special case for null context
     if (ctx === 'isNull') {
-      var _labelOverrides$noCon;
-
-      return (_labelOverrides$noCon = labelOverrides.noContext) !== null && _labelOverrides$noCon !== void 0 ? _labelOverrides$noCon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.customProperties"
+      return kintIntl.formatKintMessage({
+        id: 'customProperties',
+        overrideValue: labelOverrides.noContext
       });
     } // Label overrides for specific contexts
 
 
     if (labelOverrides[ctx]) {
       return labelOverrides[ctx];
-    } // Label override for default title, taking ctx into account
-
-
-    if (labelOverrides.defaultTitle && typeof labelOverrides.defaultTitle === 'function') {
-      return labelOverrides.defaultTitle(ctx);
     } // Label override for default title or finally built in default
 
 
-    return (_labelOverrides$defau = labelOverrides.defaultTitle) !== null && _labelOverrides$defau !== void 0 ? _labelOverrides$defau : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-      id: "stripes-kint-components.customProperties.ctx.title",
-      values: {
-        ctx: ctx
-      }
+    return kintIntl.formatKintMessage({
+      id: 'customProperties.defaultTitle',
+      overrideValue: labelOverrides.defaultTitle
+    }, {
+      ctx: ctx
     });
   };
 
@@ -160,6 +152,8 @@ CustomPropertiesViewCtx.propTypes = {
   customProperties: _propTypes.default.object,
   customPropertiesEndpoint: _propTypes.default.string,
   id: _propTypes.default.string,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   labelOverrides: _propTypes.default.object
 };
 var _default = CustomPropertiesViewCtx;

package/es/lib/CustomProperties/View/CustomPropertiesViewCtx.test.js

@@ -8,12 +8,12 @@ var _reactRouterDom = require("react-router-dom");
 
 var _react2 = require("@testing-library/react");
 
-var _helpers = require("../../../../test/jest/helpers");
-
 var _testResources = require("./testResources");
 
 var _CustomPropertiesViewCtx = _interopRequireDefault(require("./CustomPropertiesViewCtx"));
 
+var _jest = require("../../../../test/jest");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -24,13 +24,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-jest.mock('../../hooks', function () {
-  return {
-    useCustomProperties: function useCustomProperties() {
-      return [];
-    }
-  };
-});
+jest.mock('../../hooks');
 jest.mock('./CustomPropertyCard', function () {
   return function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -41,7 +35,7 @@ jest.mock('./CustomPropertyCard', function () {
 describe('CustomPropertiesViewCtx', function () {
   var renderComponent;
   beforeEach(function () {
-    renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
+    renderComponent = (0, _jest.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesViewCtx.default, _objectSpread({}, _testResources.data))
     }));
   });

package/es/lib/CustomProperties/View/CustomPropertyCard.js

@@ -15,6 +15,8 @@ var _components = require("@folio/stripes/components");
 
 var CUSTPROP_TYPES = _interopRequireWildcard(require("../../constants/customProperties"));
 
+var _hooks = require("../../hooks");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -24,65 +26,32 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var CustomPropertyCard = function CustomPropertyCard(_ref) {
-  var _labelOverrides$value, _labelOverrides$inter3, _labelOverrides$visib, _labelOverrides$publi;
-
   var ctx = _ref.ctx,
       customProperty = _ref.customProperty,
       _ref$customPropertyDe = _ref.customPropertyDefinition,
       customPropertyDefinition = _ref$customPropertyDe === void 0 ? {} : _ref$customPropertyDe,
       index = _ref.index,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
-  // We only need to display primary and set properties
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS); // We only need to display primary and set properties
+
   var toDisplay = !!(customPropertyDefinition.primary || customProperty);
 
   if (!toDisplay) {
     return null;
   }
 
-  var internalFalse = (customProperty === null || customProperty === void 0 ? void 0 : customProperty.internal) === false || (customProperty === null || customProperty === void 0 ? void 0 : customProperty.internal) === undefined && customPropertyDefinition.defaultInternal === false; // Deal with all the possible label override options
-
-  var getRetiredCardTitle = function getRetiredCardTitle() {
-    var _labelOverrides$retir;
-
-    // Label override for default card title,
-    if (labelOverrides.retiredName && typeof labelOverrides.retiredName === 'function') {
-      return labelOverrides.retiredName(customPropertyDefinition.name);
-    } // Label override for default title or finally built in default
-
-
-    return (_labelOverrides$retir = labelOverrides.retiredName) !== null && _labelOverrides$retir !== void 0 ? _labelOverrides$retir : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-      id: "stripes-kint-components.customProperty.retiredName",
-      values: {
-        name: customPropertyDefinition.label
-      }
-    });
-  };
-
-  var getInternalLabel = function getInternalLabel() {
-    var _labelOverrides$inter2;
-
-    if (internalFalse) {
-      var _labelOverrides$inter;
-
-      return (_labelOverrides$inter = labelOverrides.internalFalse) !== null && _labelOverrides$inter !== void 0 ? _labelOverrides$inter : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.customProperty.internalFalse"
-      });
-    }
-
-    return (_labelOverrides$inter2 = labelOverrides.internalTrue) !== null && _labelOverrides$inter2 !== void 0 ? _labelOverrides$inter2 : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-      id: "stripes-kint-components.customProperty.internalTrue"
-    });
-  };
+  var internalFalse = (customProperty === null || customProperty === void 0 ? void 0 : customProperty.internal) === false || (customProperty === null || customProperty === void 0 ? void 0 : customProperty.internal) === undefined && customPropertyDefinition.defaultInternal === false;
 
   var renderValue = function renderValue() {
     var _customProperty$value, _customProperty$value2, _customProperty$value3, _customProperty$value4;
 
     if (!customProperty) {
-      var _labelOverrides$notSe;
-
-      return (_labelOverrides$notSe = labelOverrides.notSet) !== null && _labelOverrides$notSe !== void 0 ? _labelOverrides$notSe : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.customProperty.notSet"
+      return kintIntl.formatKintMessage({
+        id: 'notSet',
+        overrideValue: labelOverrides.notSet
       });
     }
 
@@ -120,7 +89,12 @@ var CustomPropertyCard = function CustomPropertyCard(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Card, {
     headerStart: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
-        children: customPropertyDefinition.retired ? getRetiredCardTitle() : customPropertyDefinition.label
+        children: customPropertyDefinition.retired ? kintIntl.formatKintMessage({
+          id: 'customProperty.retiredName',
+          overrideValue: labelOverrides.retiredName
+        }, {
+          name: customPropertyDefinition.label
+        }) : customPropertyDefinition.label
       }), customPropertyDefinition.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
         content: customPropertyDefinition.description
       }) : null]
@@ -130,16 +104,18 @@ var CustomPropertyCard = function CustomPropertyCard(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$value = labelOverrides.value) !== null && _labelOverrides$value !== void 0 ? _labelOverrides$value : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperty.value"
+          label: kintIntl.formatKintMessage({
+            id: 'valueOrValues',
+            overrideValue: labelOverrides.valueOrValues
           }),
           children: renderValue()
         })
       }), customProperty !== null && customProperty !== void 0 && customProperty.note ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$inter3 = labelOverrides.internalNote) !== null && _labelOverrides$inter3 !== void 0 ? _labelOverrides$inter3 : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperty.internalNote"
+          label: kintIntl.formatKintMessage({
+            id: 'customProperties.internalNote',
+            overrideValue: labelOverrides.internalNote
           }),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             style: {
@@ -153,16 +129,21 @@ var CustomPropertyCard = function CustomPropertyCard(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$visib = labelOverrides.visibility) !== null && _labelOverrides$visib !== void 0 ? _labelOverrides$visib : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperty.visibility"
+          label: kintIntl.formatKintMessage({
+            id: 'customProperties.visibility',
+            overrideValue: labelOverrides.visibility
           }),
-          children: getInternalLabel()
+          children: kintIntl.formatKintMessage({
+            id: 'customProperties.internalFalse',
+            overrideValue: labelOverrides.internalFalse
+          })
         })
       }), internalFalse && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$publi = labelOverrides.publicNote) !== null && _labelOverrides$publi !== void 0 ? _labelOverrides$publi : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperty.publicNote"
+          label: kintIntl.formatKintMessage({
+            id: 'customProperties.publicNote',
+            overrideValue: labelOverrides.publicNote
           }),
           children: customProperty !== null && customProperty !== void 0 && customProperty.publicNote ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             style: {
@@ -181,6 +162,8 @@ CustomPropertyCard.propTypes = {
   customProperty: _propTypes.default.object,
   customPropertyDefinition: _propTypes.default.object,
   index: _propTypes.default.number,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   labelOverrides: _propTypes.default.object
 };
 var _default = CustomPropertyCard;

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");
@@ -60,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,
@@ -77,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,
@@ -143,12 +145,12 @@ var EditableRefdataCategoryList = function EditableRefdataCategoryList(_ref) {
                 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'
                   });
@@ -195,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) {
@@ -206,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
           });
@@ -222,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,
@@ -253,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({