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

package/es/lib/CustomProperties/Config/CustomPropertyView.js

@@ -7,10 +7,10 @@ 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");
+
 var _customProperties = require("../../constants/customProperties");
 
 var _jsxRuntime = require("react/jsx-runtime");
@@ -19,20 +19,24 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // A default option for CustProp view pane, with the ability to override labels for fields
 var CustomPropertyView = function CustomPropertyView(_ref) {
-  var _labelOverrides$label, _labelOverrides$name, _labelOverrides$descr, _labelOverrides$prima, _labelOverrides$retir, _labelOverrides$weigh, _labelOverrides$defau, _labelOverrides$ctx, _customProperty$ctx, _labelOverrides$type, _labelOverrides$custo, _labelOverrides$categ, _customProperty$categ, _customProperty$categ2;
+  var _customProperty$ctx, _customProperty$categ, _customProperty$categ2;
 
   var customProperty = _ref.customProperty,
       helpPopovers = _ref.helpPopovers,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$label = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.label) !== null && _labelOverrides$label !== void 0 ? _labelOverrides$label : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.label"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.label',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.label
             }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
               content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.label
             }) : null]
@@ -43,8 +47,9 @@ var CustomPropertyView = function CustomPropertyView(_ref) {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$name = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.name) !== null && _labelOverrides$name !== void 0 ? _labelOverrides$name : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.name"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.name',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.name
             }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
               content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.name
             }) : null]
@@ -56,8 +61,9 @@ var CustomPropertyView = function CustomPropertyView(_ref) {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 12,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$descr = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.description) !== null && _labelOverrides$descr !== void 0 ? _labelOverrides$descr : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.description"
+          label: kintIntl.formatKintMessage({
+            id: 'customProperties.description',
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.description
           }),
           value: customProperty === null || customProperty === void 0 ? void 0 : customProperty.description
         })
@@ -66,21 +72,25 @@ var CustomPropertyView = function CustomPropertyView(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$prima = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primary) !== null && _labelOverrides$prima !== void 0 ? _labelOverrides$prima : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.primary"
+          label: kintIntl.formatKintMessage({
+            id: 'customProperties.primary',
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primary
           }),
-          value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: customProperty !== null && customProperty !== void 0 && customProperty.primary ? 'stripes-kint-components.yes' : 'stripes-kint-components.no'
+          value: kintIntl.formatKintMessage({
+            id: customProperty !== null && customProperty !== void 0 && customProperty.primary ? 'yes' : 'no',
+            overrideValue: customProperty !== null && customProperty !== void 0 && customProperty.primary ? labelOverrides.yes : labelOverrides.no
           })
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$retir = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.retired) !== null && _labelOverrides$retir !== void 0 ? _labelOverrides$retir : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.retired"
+          label: kintIntl.formatKintMessage({
+            id: 'customProperties.retired',
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.retired
           }),
-          value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: customProperty !== null && customProperty !== void 0 && customProperty.retired ? 'stripes-kint-components.yes' : 'stripes-kint-components.no'
+          value: kintIntl.formatKintMessage({
+            id: customProperty !== null && customProperty !== void 0 && customProperty.retired ? 'yes' : 'no',
+            overrideValue: customProperty !== null && customProperty !== void 0 && customProperty.retired ? labelOverrides.yes : labelOverrides.no
           })
         })
       })]
@@ -88,19 +98,22 @@ var CustomPropertyView = function CustomPropertyView(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$weigh = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.weight) !== null && _labelOverrides$weigh !== void 0 ? _labelOverrides$weigh : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.weight"
+          label: kintIntl.formatKintMessage({
+            id: 'customProperties.weight',
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.weight
           }),
           value: customProperty === null || customProperty === void 0 ? void 0 : customProperty.weight
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$defau = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.defaultVisibility) !== null && _labelOverrides$defau !== void 0 ? _labelOverrides$defau : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.defaultVisibility"
+          label: kintIntl.formatKintMessage({
+            id: 'customProperties.defaultVisibility',
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.defaultVisibility
           }),
-          value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: customProperty !== null && customProperty !== void 0 && customProperty.defaultInternal ? 'stripes-kint-components.customProperties.internalTrue' : 'stripes-kint-components.customProperties.internalFalse'
+          value: kintIntl.formatKintMessage({
+            id: customProperty !== null && customProperty !== void 0 && customProperty.defaultInternal ? 'customProperties.internalTrue' : 'customProperties.internalFalse',
+            overrideValue: customProperty !== null && customProperty !== void 0 && customProperty.defaultInternal ? labelOverrides.internalTrue : labelOverrides.internalFalse
           })
         })
       })]
@@ -109,8 +122,9 @@ var CustomPropertyView = function CustomPropertyView(_ref) {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$ctx = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.ctx) !== null && _labelOverrides$ctx !== void 0 ? _labelOverrides$ctx : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.ctx"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.ctx',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.ctx
             }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.ctx ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
               content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.ctx
             }) : null]
@@ -122,18 +136,21 @@ var CustomPropertyView = function CustomPropertyView(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: (customProperty === null || customProperty === void 0 ? void 0 : customProperty.type) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$type = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.type) !== null && _labelOverrides$type !== void 0 ? _labelOverrides$type : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.type"
+          label: kintIntl.formatKintMessage({
+            id: 'customProperties.type',
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.type
           }),
-          value: (_labelOverrides$custo = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[customProperty === null || customProperty === void 0 ? void 0 : customProperty.type]) !== null && _labelOverrides$custo !== void 0 ? _labelOverrides$custo : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.type.".concat(customProperty === null || customProperty === void 0 ? void 0 : customProperty.type)
+          value: kintIntl.formatKintMessage({
+            id: "customProperties.type.".concat(customProperty === null || customProperty === void 0 ? void 0 : customProperty.type),
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[customProperty === null || customProperty === void 0 ? void 0 : customProperty.type]
           })
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: ((customProperty === null || customProperty === void 0 ? void 0 : customProperty.type) === _customProperties.REFDATA_CLASS_NAME || (customProperty === null || customProperty === void 0 ? void 0 : customProperty.type) === _customProperties.MULTI_REFDATA_CLASS_NAME) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$categ = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.category) !== null && _labelOverrides$categ !== void 0 ? _labelOverrides$categ : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.category"
+          label: kintIntl.formatKintMessage({
+            id: 'customProperties.category',
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.category
           }),
           value: (_customProperty$categ = customProperty === null || customProperty === void 0 ? void 0 : (_customProperty$categ2 = customProperty.category) === null || _customProperty$categ2 === void 0 ? void 0 : _customProperty$categ2.desc) !== null && _customProperty$categ !== void 0 ? _customProperty$categ : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoValue, {})
         })
@@ -159,6 +176,8 @@ CustomPropertyView.propTypes = {
     })
   }),
   helpPopovers: _propTypes.default.object,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   labelOverrides: _propTypes.default.object
 };
 var _default = CustomPropertyView;

package/es/lib/CustomProperties/Config/CustomPropertyView.test.js

@@ -10,11 +10,11 @@ var _reactRouterDom = require("react-router-dom");
 
 var _stripesTesting = require("@folio/stripes-testing");
 
-var _helpers = require("../../../../test/jest/helpers");
+var _CustomPropertyView = _interopRequireDefault(require("./CustomPropertyView"));
 
-var _testResources = require("./testResources");
+var _customProperties = _interopRequireDefault(require("../../../../test/jest/customProperties"));
 
-var _CustomPropertyView = _interopRequireDefault(require("./CustomPropertyView"));
+var _jest = require("../../../../test/jest");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -26,16 +26,15 @@ 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); }); }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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');
 describe('CustomPropertyView', function () {
   beforeEach(function () {
-    (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyView.default, _objectSpread({}, _testResources.custPropView))
+    (0, _jest.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyView.default, {
+        customProperty: _customProperties.default === null || _customProperties.default === void 0 ? void 0 : _customProperties.default.find(function (cp) {
+          return cp.name === 'Eligible authors';
+        })
+      })
     }));
   });
   test('displays expected label value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -106,13 +105,13 @@ describe('CustomPropertyView', function () {
       }
     }, _callee4);
   })));
-  test('displays expected Deprecated value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+  test('displays expected Retired value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
     return _regeneratorRuntime().wrap(function _callee5$(_context5) {
       while (1) {
         switch (_context5.prev = _context5.next) {
           case 0:
             _context5.next = 2;
-            return (0, _stripesTesting.KeyValue)('Deprecated').has({
+            return (0, _stripesTesting.KeyValue)('Retired').has({
               value: 'No'
             });
 
@@ -123,7 +122,7 @@ describe('CustomPropertyView', function () {
       }
     }, _callee5);
   })));
-  test('displays expected Order weight value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+  test('displays expected Weight value', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
     return _regeneratorRuntime().wrap(function _callee6$(_context6) {
       while (1) {
         switch (_context6.prev = _context6.next) {

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

@@ -18,6 +18,8 @@ var CustomPropertiesEdit = function CustomPropertiesEdit(_ref) {
       contexts = _ref$contexts === void 0 ? [] : _ref$contexts,
       customPropertiesEndpoint = _ref.customPropertiesEndpoint,
       id = _ref.id,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       nameOverride = _ref.nameOverride;
@@ -26,6 +28,8 @@ var CustomPropertiesEdit = function CustomPropertiesEdit(_ref) {
       ctx: ctx,
       customPropertiesEndpoint: customPropertiesEndpoint,
       id: id,
+      intlKey: passedIntlKey,
+      intlNS: passedIntlNS,
       labelOverrides: labelOverrides,
       nameOverride: nameOverride
     }, "customPropertiesEdit-".concat(ctx));
@@ -36,6 +40,8 @@ CustomPropertiesEdit.propTypes = {
   contexts: _propTypes.default.arrayOf(_propTypes.default.string),
   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/Edit/CustomPropertiesEdit.test.js

@@ -8,22 +8,14 @@ var _react2 = require("@testing-library/react");
 
 var _reactRouterDom = require("react-router-dom");
 
-var _helpers = require("../../../../test/jest/helpers");
-
-var _testResources = require("./testResources");
-
 var _CustomPropertiesEdit = _interopRequireDefault(require("./CustomPropertiesEdit"));
 
+var _jest = require("../../../../test/jest");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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('./CustomPropertiesEditCtx', function () {
   return function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -34,8 +26,12 @@ jest.mock('./CustomPropertiesEditCtx', function () {
 describe('CustomPropertiesEdit', function () {
   var renderComponent;
   beforeEach(function () {
-    renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesEdit.default, _objectSpread({}, _testResources.custPropEdit))
+    renderComponent = (0, _jest.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesEdit.default, {
+        contexts: ['isNull', 'OpenAccess'],
+        customPropertiesEndpoint: "erm/custprops",
+        id: "supplementaryProperties"
+      })
     }));
   });
   it('renders CustomPropertiesEditCtx component ', function () {

package/es/lib/CustomProperties/Edit/CustomPropertiesEditCtx.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 _CustomPropertiesListField = _interopRequireDefault(require("./CustomPropertiesListField"));
@@ -23,39 +21,35 @@ var CustomPropertiesEditCtx = function CustomPropertiesEditCtx(_ref) {
   var ctx = _ref.ctx,
       customPropertiesEndpoint = _ref.customPropertiesEndpoint,
       id = _ref.id,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       nameOverride = _ref.nameOverride;
+  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
+    } // Chain formatKintMessages together using provided fallbackMessage to
+    // allow for "If override or translation exists, use it, else use 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: {
+    return kintIntl.formatKintMessage({
+      id: "customProperties.ctx.".concat(ctx),
+      overrideValue: labelOverrides[ctx],
+      fallbackMessage: kintIntl.formatKintMessage({
+        id: 'customProperties.defaultTitle',
+        overrideValue: labelOverrides.defaultTitle
+      }, {
         ctx: ctx
-      }
+      })
+    }, {
+      ctx: ctx
     });
   };
 
@@ -84,6 +78,8 @@ var CustomPropertiesEditCtx = function CustomPropertiesEditCtx(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesListField.default, {
       ctx: ctx,
       customProperties: custprops,
+      intlKey: passedIntlKey,
+      intlNS: passedIntlNS,
       labelOverrides: labelOverrides,
       name: nameOverride !== null && nameOverride !== void 0 ? nameOverride : 'customProperties'
     })
@@ -94,6 +90,8 @@ CustomPropertiesEditCtx.propTypes = {
   ctx: _propTypes.default.string,
   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/Edit/CustomPropertiesEditCtx.test.js

@@ -8,22 +8,14 @@ var _react2 = require("@testing-library/react");
 
 var _reactRouterDom = require("react-router-dom");
 
-var _helpers = require("../../../../test/jest/helpers");
-
-var _testResources = require("./testResources");
-
 var _CustomPropertiesEditCtx = _interopRequireDefault(require("./CustomPropertiesEditCtx"));
 
+var _jest = require("../../../../test/jest");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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('./CustomPropertiesListField', function () {
   return function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -31,11 +23,16 @@ jest.mock('./CustomPropertiesListField', function () {
     });
   };
 });
+jest.mock('../../hooks');
 describe('CustomPropertiesEditCtx', function () {
   var renderComponent;
   beforeEach(function () {
-    renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesEditCtx.default, _objectSpread({}, _testResources.custPropEditCtx))
+    renderComponent = (0, _jest.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesEditCtx.default, {
+        ctx: "OpenAccess",
+        customPropertiesEndpoint: "erm/custprops",
+        id: "supplementaryProperties"
+      })
     }));
   });
   it('renders CustomPropertiesListField component ', function () {

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

@@ -13,15 +13,13 @@ var _reactFinalForm = require("react-final-form");
 
 var _components = require("@folio/stripes/components");
 
-var _reactIntl = require("react-intl");
-
 var _hooks = require("../../hooks");
 
 var _CustomPropertyFormCard = _interopRequireDefault(require("./CustomPropertyFormCard"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["ctx", "customProperties", "labelOverrides"];
+var _excluded = ["ctx", "customProperties", "intlKey", "intlNS", "labelOverrides"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -56,17 +54,18 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var CustomPropertiesList = function CustomPropertiesList(_ref) {
-  var _labelOverrides$prima, _labelOverrides$optio, _labelOverrides$addPr;
-
   var _ref$availableCustomP = _ref.availableCustomProperties,
       availableCustomProperties = _ref$availableCustomP === void 0 ? [] : _ref$availableCustomP,
       _ref$input = _ref.input,
       name = _ref$input.name,
       onChange = _ref$input.onChange,
       value = _ref$input.value,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       pristine = _ref.meta.pristine;
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
 
   var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -129,6 +128,8 @@ var CustomPropertiesList = function CustomPropertiesList(_ref) {
         handleDeleteCustomProperty: handleDeleteCustomProperty,
         index: index,
         internalPropertyCounter: internalPropertyCounter,
+        intlKey: passedIntlKey,
+        intlNS: passedIntlNS,
         labelOverrides: labelOverrides,
         name: name,
         onChange: onChange,
@@ -145,16 +146,28 @@ var CustomPropertiesList = function CustomPropertiesList(_ref) {
       var customProperty = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       return customProperty.primary;
     }) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-      label: (_labelOverrides$prima = labelOverrides.primaryProperties) !== null && _labelOverrides$prima !== void 0 ? _labelOverrides$prima : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.customProperties.primaryProperties"
+      label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Headline, {
+        margin: "x-small",
+        size: "large",
+        tag: "h4",
+        children: kintIntl.formatKintMessage({
+          id: 'customProperties.primaryProperties',
+          overrideValue: labelOverrides.primaryProperties
+        })
       }),
       value: renderCustomProperties('primary')
     }), availableCustomProperties.some(function () {
       var customProperty = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       return !customProperty.primary;
     }) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-      label: (_labelOverrides$optio = labelOverrides.optionalProperties) !== null && _labelOverrides$optio !== void 0 ? _labelOverrides$optio : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.customProperties.optionalProperties"
+      label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Headline, {
+        margin: "x-small",
+        size: "large",
+        tag: "h4",
+        children: kintIntl.formatKintMessage({
+          id: 'customProperties.optionalProperties',
+          overrideValue: labelOverrides.optionalProperties
+        })
       }),
       value: renderCustomProperties('optional')
     }), availableCustomProperties.some(function () {
@@ -166,8 +179,9 @@ var CustomPropertiesList = function CustomPropertiesList(_ref) {
         setCustomProperties([].concat(_toConsumableArray(customProperties), [{}]));
         setDirtying(true);
       },
-      children: (_labelOverrides$addPr = labelOverrides.addProperty) !== null && _labelOverrides$addPr !== void 0 ? _labelOverrides$addPr : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.customProperties.addProperty"
+      children: kintIntl.formatKintMessage({
+        id: 'customProperties.addProperty',
+        overrideValue: labelOverrides.addProperty
       })
     })]
   });
@@ -176,11 +190,40 @@ var CustomPropertiesList = function CustomPropertiesList(_ref) {
 var CustomPropertiesListField = function CustomPropertiesListField(_ref2) {
   var ctx = _ref2.ctx,
       customProperties = _ref2.customProperties,
-      labelOverrides = _ref2.labelOverrides,
+      passedIntlKey = _ref2.intlKey,
+      passedIntlNS = _ref2.intlNS,
+      _ref2$labelOverrides = _ref2.labelOverrides,
+      labelOverrides = _ref2$labelOverrides === void 0 ? {} : _ref2$labelOverrides,
       fieldProps = _objectWithoutProperties(_ref2, _excluded);
 
   var fieldRef = (0, _react.useRef)();
-  var availableCustomProperties = (0, _hooks.useAvailableCustomProperties)(customProperties);
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS); // Map customProperties to bring together the options and the definition values
+
+  var availableCustomProperties = customProperties === null || customProperties === void 0 ? void 0 : customProperties.map(function (customProperty) {
+    var _customProperty$categ;
+
+    var options = customProperty === null || customProperty === void 0 ? void 0 : (_customProperty$categ = customProperty.category) === null || _customProperty$categ === void 0 ? void 0 : _customProperty$categ.values;
+
+    if (options) {
+      options = [{
+        label: kintIntl.formatKintMessage({
+          id: 'notSet',
+          overrideValue: labelOverrides.notSet
+        }),
+        value: ''
+      }].concat(_toConsumableArray(options));
+    }
+
+    return {
+      description: customProperty.description,
+      label: customProperty.label,
+      primary: customProperty.primary,
+      type: customProperty.type,
+      options: options,
+      value: customProperty.name,
+      defaultInternal: customProperty.defaultInternal
+    };
+  });
 
   var _useFormState = (0, _reactFinalForm.useFormState)(),
       initialValues = _useFormState.initialValues;
@@ -218,6 +261,8 @@ var CustomPropertiesListField = function CustomPropertiesListField(_ref2) {
         ref: fieldRef,
         availableCustomProperties: availableCustomProperties,
         ctx: ctx,
+        intlKey: passedIntlKey,
+        intlNS: passedIntlNS,
         labelOverrides: labelOverrides
       }, p));
     }
@@ -227,6 +272,8 @@ var CustomPropertiesListField = function CustomPropertiesListField(_ref2) {
 CustomPropertiesListField.propTypes = {
   ctx: _propTypes.default.string,
   customProperties: _propTypes.default.arrayOf(_propTypes.default.object),
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   labelOverrides: _propTypes.default.object
 };
 CustomPropertiesList.propTypes = {
@@ -237,6 +284,8 @@ CustomPropertiesList.propTypes = {
     value: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]),
     onChange: _propTypes.default.func
   }),
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   labelOverrides: _propTypes.default.object,
   meta: _propTypes.default.object
 };