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

package/es/lib/CustomProperties/Edit/CustomPropertyFormCard.js

@@ -7,12 +7,12 @@ exports.default = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactIntl = require("react-intl");
-
 var _components = require("@folio/stripes/components");
 
 var _CustomPropertyField = _interopRequireDefault(require("./CustomPropertyField"));
 
+var _hooks = require("../../hooks");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -25,49 +25,44 @@ var CustomPropertyFormCard = function CustomPropertyFormCard(_ref) {
       handleDeleteCustomProperty = _ref.handleDeleteCustomProperty,
       index = _ref.index,
       internalPropertyCounter = _ref.internalPropertyCounter,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       name = _ref.name,
       onChange = _ref.onChange,
       setCustomProperties = _ref.setCustomProperties,
       value = _ref.value;
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
 
   var getHeader = function getHeader() {
-    var _labelOverrides$prima;
-
     if (customPropertyType === 'optional') {
-      var _labelOverrides$optio;
-
-      if (labelOverrides.optionalPropertyHeader && typeof labelOverrides.optionalPropertyHeader === 'function') {
-        return labelOverrides.optionalPropertyHeader(internalPropertyCounter);
-      } // Label override for optionalPropertyHeader or finally built in default
-
-
-      return (_labelOverrides$optio = labelOverrides.optionalPropertyHeader) !== null && _labelOverrides$optio !== void 0 ? _labelOverrides$optio : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.customProperty.optionalPropertyHeader",
-        values: {
-          number: internalPropertyCounter
-        }
+      return kintIntl.formatKintMessage({
+        id: 'customProperty.optionalPropertyHeader',
+        overrideValue: labelOverrides.optionalPropertyHeader
+      }, {
+        number: internalPropertyCounter,
+        name: customProperty.value
       });
-    } // Label override for primaryPropertyHeader or finally built in default
-
-
-    return (_labelOverrides$prima = labelOverrides.primaryPropertyHeader) !== null && _labelOverrides$prima !== void 0 ? _labelOverrides$prima : customProperty.label;
+    }
+
+    return kintIntl.formatKintMessage({
+      id: 'customProperty.primaryPropertyHeader',
+      overrideValue: labelOverrides.primaryPropertyHeader,
+      fallbackMessage: customProperty.label
+    }, {
+      number: internalPropertyCounter,
+      name: customProperty.value
+    });
   };
 
   var getTooltipText = function getTooltipText() {
-    var _labelOverrides$remov;
-
-    if (labelOverrides.remove && typeof labelOverrides.remove === 'function') {
-      return labelOverrides.remove(internalPropertyCounter);
-    } // Label override for optionalPropertyHeader or finally built in default
-
-
-    return (_labelOverrides$remov = labelOverrides.remove) !== null && _labelOverrides$remov !== void 0 ? _labelOverrides$remov : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-      id: "stripes-kint-components.customProperty.remove",
-      values: {
-        number: internalPropertyCounter
-      }
+    return kintIntl.formatKintMessage({
+      id: 'customProperty.remove',
+      overrideValue: labelOverrides.remove
+    }, {
+      number: internalPropertyCounter,
+      name: customProperty.value
     });
   };
 
@@ -102,6 +97,8 @@ var CustomPropertyFormCard = function CustomPropertyFormCard(_ref) {
       customProperties: customProperties,
       index: index,
       internalPropertyCounter: internalPropertyCounter,
+      intlKey: passedIntlKey,
+      intlNS: passedIntlNS,
       labelOverrides: labelOverrides,
       name: name,
       onChange: onChange,
@@ -119,6 +116,8 @@ CustomPropertyFormCard.propTypes = {
   handleDeleteCustomProperty: _propTypes.default.func,
   index: _propTypes.default.number,
   internalPropertyCounter: _propTypes.default.number,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   labelOverrides: _propTypes.default.object,
   name: _propTypes.default.string,
   onChange: _propTypes.default.func,

package/es/lib/CustomProperties/Edit/CustomPropertyFormCard.test.js

@@ -1,21 +1,26 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 var _react = _interopRequireDefault(require("react"));
 
 require("@folio/stripes-erm-components/test/jest/__mock__");
 
-var _reactRouterDom = require("react-router-dom");
+var _CustomPropertyFormCard = _interopRequireDefault(require("./CustomPropertyFormCard"));
 
-var _helpers = require("../../../../test/jest/helpers");
+var _customProperties = _interopRequireWildcard(require("../../../../test/jest/customProperties"));
 
-var _testResources = require("./testResources");
-
-var _CustomPropertyFormCard = _interopRequireDefault(require("./CustomPropertyFormCard"));
+var _jest = require("../../../../test/jest");
 
 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); }
+
+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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+jest.mock('../../hooks');
 jest.mock('./CustomPropertyField', function () {
   return function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -23,28 +28,25 @@ jest.mock('./CustomPropertyField', function () {
     });
   };
 });
-
-var onChange = function onChange() {};
-
-var setCustomProperties = function setCustomProperties() {};
-
+var customProperty = _customProperties.availableCustomProperties === null || _customProperties.availableCustomProperties === void 0 ? void 0 : _customProperties.availableCustomProperties.find(function (cp) {
+  return cp.value === 'AuthorIdentification';
+});
+var onChange = jest.fn();
+var setCustomProperties = jest.fn();
 describe('CustomPropertyFormCard', function () {
   var renderComponent;
   beforeEach(function () {
-    renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.StaticRouter, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyFormCard.default, {
-        availableCustomProperties: _testResources.availableCustomProperties,
-        customProperties: _testResources.customProperties,
-        customProperty: _testResources.customProperty,
-        customPropertyType: "primary",
-        index: 0,
-        internalPropertyCounter: 1,
-        labelOverrides: _testResources.labelOverrides,
-        name: "customProperties",
-        onChange: onChange,
-        setCustomProperties: setCustomProperties,
-        value: _testResources.cardFormValue
-      })
+    renderComponent = (0, _jest.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyFormCard.default, {
+      availableCustomProperties: _customProperties.availableCustomProperties,
+      customProperties: _customProperties.default,
+      customProperty: customProperty,
+      customPropertyType: "primary",
+      index: 0,
+      internalPropertyCounter: 1,
+      name: "customProperties",
+      onChange: onChange,
+      setCustomProperties: setCustomProperties,
+      value: {}
     }));
   });
   it('displays Author Identification card heading  ', function () {