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

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

@@ -9,8 +9,6 @@ var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactIntl = require("react-intl");
-
 var _components = require("@folio/stripes/components");
 
 var _reactFinalForm = require("react-final-form");
@@ -44,10 +42,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
-  var _labelOverrides$label, _labelOverrides$prima, _labelOverrides$ctx, _labelOverrides$weigh, _labelOverrides$type, _labelOverrides$categ;
-
   var contextFilterOptions = _ref.contextFilterOptions,
       endpoint = _ref.customPropertiesEndpoint,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       mclProps = _ref.mclProps,
@@ -94,6 +92,7 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
       searchTerm = _useState6[0],
       setSearchTerm = _useState6[1];
 
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
       enableReinitialize: true,
@@ -102,14 +101,16 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
         return handleSearch(searchTerm);
       },
       children: function children(_ref2) {
-        var _labelOverrides$searc;
-
         var handleSubmit = _ref2.handleSubmit;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
           className: _CustomProperties.default.lookupSearchContainer,
           onSubmit: handleSubmit,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchField.default, {
-            ariaLabel: (_labelOverrides$searc = labelOverrides.searchAriaLabel) !== null && _labelOverrides$searc !== void 0 ? _labelOverrides$searc : 'custom-property-search-field',
+            ariaLabel: kintIntl.formatKintMessage({
+              id: 'customProperties.config.searchAriaLabel',
+              overrideValue: labelOverrides.searchAriaLabel,
+              fallbackMessage: 'custom-property-search-field'
+            }),
             className: _CustomProperties.default.lookupSearch,
             marginBottom0: true,
             onChange: function onChange(e) {
@@ -121,8 +122,9 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
             buttonStyle: "primary",
             marginBottom0: true,
             type: "submit",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.search"
+            children: kintIntl.formatKintMessage({
+              id: 'search',
+              overrideValue: labelOverrides.search
             })
           })]
         });
@@ -132,8 +134,9 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Select, {
           dataOptions: contextFilterOptions,
-          label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.ctx"
+          label: kintIntl.formatKintMessage({
+            id: 'customProperties.ctx',
+            overrideValue: labelOverrides.ctx
           }),
           onChange: function onChange(e) {
             setSelectedContext(e.target.value);
@@ -143,43 +146,50 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
       })
     }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, _objectSpread({
       columnMapping: {
-        'label': (_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"
+        'label': kintIntl.formatKintMessage({
+          id: 'customProperties.label',
+          overrideValue: labelOverrides.label
         }),
-        'primary': (_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"
+        'primary': kintIntl.formatKintMessage({
+          id: 'customProperties.primary',
+          overrideValue: labelOverrides.primary
         }),
-        'ctx': (_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"
+        'ctx': kintIntl.formatKintMessage({
+          id: 'customProperties.ctx',
+          overrideValue: labelOverrides.ctx
         }),
-        'weight': (_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"
+        'weight': kintIntl.formatKintMessage({
+          id: 'customProperties.weight',
+          overrideValue: labelOverrides.weight
         }),
-        'type': (_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"
+        'type': kintIntl.formatKintMessage({
+          id: 'customProperties.type',
+          overrideValue: labelOverrides.type
         }),
-        'category': (_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"
+        'category': kintIntl.formatKintMessage({
+          id: 'customProperties.category',
+          overrideValue: labelOverrides.category
         })
       },
       contentData: custprops,
       formatter: {
         primary: function primary(data) {
           if (data !== null && data !== void 0 && data.primary) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.yes"
+            return kintIntl.formatKintMessage({
+              id: 'yes',
+              overrideValue: labelOverrides.yes
             });
           } else {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.no"
+            return kintIntl.formatKintMessage({
+              id: 'no',
+              overrideValue: labelOverrides.no
             });
           }
         },
         type: function type(data) {
-          var _labelOverrides$data$;
-
-          return (_labelOverrides$data$ = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[data === null || data === void 0 ? void 0 : data.type]) !== null && _labelOverrides$data$ !== void 0 ? _labelOverrides$data$ : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.type.".concat(data === null || data === void 0 ? void 0 : data.type)
+          return kintIntl.formatKintMessage({
+            id: "customProperties.type.".concat(data === null || data === void 0 ? void 0 : data.type),
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[data === null || data === void 0 ? void 0 : data.type]
           });
         },
         category: function category(data) {
@@ -200,6 +210,8 @@ CustomPropertiesLookup.propTypes = {
     label: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.string])
   })),
   customPropertiesEndpoint: _propTypes.default.string,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   labelOverrides: _propTypes.default.object,
   mclProps: _propTypes.default.object,
   onSelectCustomProperty: _propTypes.default.func,

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

@@ -6,22 +6,15 @@ require("@folio/stripes-erm-components/test/jest/__mock__");
 
 var _reactRouterDom = require("react-router-dom");
 
-var _helpers = require("../../../../test/jest/helpers");
-
-var _testResources = require("./testResources");
-
 var _CustomPropertiesLookup = _interopRequireDefault(require("./CustomPropertiesLookup"));
 
+var _renderWithKintHarness = _interopRequireDefault(require("../../../../test/jest/helpers/renderWithKintHarness"));
+
 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('../../hooks');
 jest.mock('../../SearchField', function () {
   return function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -32,17 +25,27 @@ jest.mock('../../SearchField', function () {
 describe('CustomPropertiesLookup', function () {
   var renderComponent;
   beforeEach(function () {
-    renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesLookup.default, _objectSpread(_objectSpread({}, _testResources.custPropLookup), {}, {
+    renderComponent = (0, _renderWithKintHarness.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesLookup.default, {
+        contextFilterOptions: [{
+          'value': '',
+          'label': 'All'
+        }, {
+          'value': 'isNull',
+          'label': 'None'
+        }],
+        customPropertiesEndpoint: "erm/custprops",
+        onSelectCustomProperty: function onSelectCustomProperty() {
+          return {};
+        },
         visibleColumns: ['label', 'primary', 'ctx', 'weight', 'type', 'category']
-      }))
+      })
     }));
   });
   it('renders expected options', function () {
     var _renderComponent = renderComponent,
         getByText = _renderComponent.getByText;
     expect(getByText('All')).toBeInTheDocument();
-    expect(getByText('OpenAccess')).toBeInTheDocument();
     expect(getByText('None')).toBeInTheDocument();
   });
   it('renders SearchField component ', function () {

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

@@ -13,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _composeFunction = _interopRequireDefault(require("compose-function"));
 
-var _reactIntl = require("react-intl");
-
 var _reactQuery = require("react-query");
 
 var _components = require("@folio/stripes/components");
@@ -66,19 +64,20 @@ var CREATING = 'create';
 var VIEWING = 'view'; // A default option for setting up panes manually
 
 var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
-  var _labelOverrides$paneT, _ref3, _renderViewPaneTitle, _customProperty$categ, _labelOverrides$modal, _labelOverrides$modal2, _labelOverrides$confi;
+  var _customProperty$label, _customProperty$label2, _customProperty$categ, _customProperty$label3, _customProperty$label4;
 
   var afterQueryCalls = _ref.afterQueryCalls,
       catchQueryCalls = _ref.catchQueryCalls,
       contextFilterOptions = _ref.contextFilterOptions,
       customPropertiesEndpoint = _ref.customPropertiesEndpoint,
       helpPopovers = _ref.helpPopovers,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       _ref$labelOverrides = _ref.labelOverrides,
       labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       refdataEndpoint = _ref.refdataEndpoint;
   var callout = (0, _react.useContext)(_core.CalloutContext);
   var queryClient = (0, _reactQuery.useQueryClient)();
-  var intl = (0, _reactIntl.useIntl)();
 
   var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -97,8 +96,9 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
   var _useState5 = (0, _react.useState)(VIEWING),
       _useState6 = _slicedToArray(_useState5, 2),
       mode = _useState6[0],
-      setMode = _useState6[1]; // Default props that need hooks are hard
+      setMode = _useState6[1];
 
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS); // Default props that need hooks are hard
 
   var renderContextFilterOptions = contextFilterOptions;
 
@@ -111,18 +111,13 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
     renderContextFilterOptions = [{
       value: '',
       // empty string is all custoprop contexts
-      label: intl.formatMessage({
-        id: 'stripes-kint-components.customProperties.all'
+      label: kintIntl.formatKintMessage({
+        id: 'customProperties.config.all',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.all
       })
     }];
   }
 
-  var renderViewPaneTitle = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.viewPaneTitle;
-
-  if (renderViewPaneTitle instanceof Function) {
-    renderViewPaneTitle = renderViewPaneTitle(customProperty);
-  }
-
   var _useMutateCustomPrope = (0, _hooks.useMutateCustomProperties)({
     afterQueryCalls: {
       put: function put(res) {
@@ -169,12 +164,12 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_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, customProperty) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-                      id: "stripes-kint-components.customPropertiesSettings.deleteCustomProperty.errorMessage",
-                      values: {
-                        error: errorResp === null || errorResp === void 0 ? void 0 : errorResp.message,
-                        label: customProperty === null || customProperty === void 0 ? void 0 : customProperty.label
-                      }
+                    message: kintIntl.formatKintMessage({
+                      id: 'customProperties.config.delete.errorMessage',
+                      overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteError
+                    }, {
+                      error: errorResp === null || errorResp === void 0 ? void 0 : errorResp.message,
+                      label: customProperty === null || customProperty === void 0 ? void 0 : customProperty.label
                     }),
                     type: 'error'
                   });
@@ -232,17 +227,20 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
           return setMode(CREATING);
         } // TODO do we need to clear form here too?
         ,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-          id: "stripes-kint-components.new"
+        children: kintIntl.formatKintMessage({
+          id: 'new',
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.new
         })
       }),
-      paneTitle: (_labelOverrides$paneT = labelOverrides.paneTitle) !== null && _labelOverrides$paneT !== void 0 ? _labelOverrides$paneT : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.customProperties"
-      }) // This should be configurable?
-      ,
+      paneTitle: kintIntl.formatKintMessage({
+        id: 'customProperties',
+        overrideValue: labelOverrides.paneTitle
+      }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesLookup.default, {
         contextFilterOptions: renderContextFilterOptions,
         customPropertiesEndpoint: customPropertiesEndpoint,
+        intlKey: passedIntlKey,
+        intlNS: passedIntlNS,
         labelOverrides: labelOverrides,
         onSelectCustomProperty: function onSelectCustomProperty(_e, cp) {
           return setCustomProperty(cp);
@@ -259,11 +257,12 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
             icon: "edit",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.edit"
+            children: kintIntl.formatKintMessage({
+              id: 'edit',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.edit
             })
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        }, "".concat(customProperty.name, "-action-edit")), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           buttonStyle: "dropdownItem",
           marginBottom0: true,
           onClick: function onClick() {
@@ -272,11 +271,12 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
             icon: "trash",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.delete"
+            children: kintIntl.formatKintMessage({
+              id: 'delete',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
             })
           })
-        })];
+        }, "".concat(customProperty.name, "-action-delete"))];
       },
       defaultWidth: "fill",
       dismissible: true,
@@ -284,10 +284,18 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
       onClose: function onClose() {
         return setCustomProperty();
       },
-      paneTitle: (_ref3 = (_renderViewPaneTitle = renderViewPaneTitle) !== null && _renderViewPaneTitle !== void 0 ? _renderViewPaneTitle : customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _ref3 !== void 0 ? _ref3 : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name,
+      paneTitle: kintIntl.formatKintMessage({
+        id: 'customProperties.config.viewPaneTitle',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.viewPaneTitle,
+        fallbackMessage: (_customProperty$label = customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _customProperty$label !== void 0 ? _customProperty$label : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name
+      }, {
+        name: (_customProperty$label2 = customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _customProperty$label2 !== void 0 ? _customProperty$label2 : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name
+      }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyView.default, {
         customProperty: customProperty,
         helpPopovers: helpPopovers,
+        intlKey: passedIntlKey,
+        intlNS: passedIntlNS,
         labelOverrides: labelOverrides
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormModal.default, {
@@ -305,10 +313,14 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
       }),
       modalProps: {
         dismissible: true,
-        label: mode === CREATING ? (_labelOverrides$modal = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.modalTitleNew) !== null && _labelOverrides$modal !== void 0 ? _labelOverrides$modal : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-          id: "stripes-kint-components.customProperty.newModal"
-        }) : (_labelOverrides$modal2 = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.modalTitleEdit) !== null && _labelOverrides$modal2 !== void 0 ? _labelOverrides$modal2 : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-          id: "stripes-kint-components.customProperty.editModal"
+        label: mode === CREATING ? kintIntl.formatKintMessage({
+          id: 'customProperties.config.newModal',
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.newModalTitle
+        }) : kintIntl.formatKintMessage({
+          id: 'customProperties.config.editModal',
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.editModalTitle
+        }, {
+          name: (_customProperty$label3 = customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _customProperty$label3 !== void 0 ? _customProperty$label3 : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name
         }),
         onClose: function onClose() {
           return setMode(VIEWING);
@@ -319,6 +331,8 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyForm.default, {
         contextFilterOptions: renderContextFilterOptions,
         helpPopovers: helpPopovers,
+        intlKey: passedIntlKey,
+        intlNS: passedIntlNS,
         labelOverrides: labelOverrides,
         refdata: refdata.map(function (rdc) {
           return {
@@ -329,18 +343,20 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ConfirmationModal, {
       buttonStyle: "danger",
-      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$confi = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.confirmHeading) !== null && _labelOverrides$confi !== void 0 ? _labelOverrides$confi : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.customProperties.delete.confirmHeading"
+      heading: kintIntl.formatKintMessage({
+        id: 'customProperties.config.delete.confirmHeading',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.confirmHeading
       }),
-      id: "delete-job-confirmation",
-      message: labelOverrides !== null && labelOverrides !== void 0 && labelOverrides.confirmMessage ? labelOverrides.confirmMessage(customProperty) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.customProperties.delete.confirmMessage",
-        values: {
-          name: customProperty === null || customProperty === void 0 ? void 0 : customProperty.name
-        }
+      id: "delete-custprop-confirmation",
+      message: kintIntl.formatKintMessage({
+        id: 'customProperties.config.delete.confirmMessage',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.confirmMessage
+      }, {
+        name: (_customProperty$label4 = customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _customProperty$label4 !== void 0 ? _customProperty$label4 : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name
       }),
       onCancel: function onCancel() {
         return setDeleteModal(false);
@@ -364,6 +380,8 @@ CustomPropertiesSettings.propTypes = {
   })),
   customPropertiesEndpoint: _propTypes.default.string,
   helpPopovers: _propTypes.default.object,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   labelOverrides: _propTypes.default.object,
   refdataEndpoint: _propTypes.default.string
 };

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

@@ -10,12 +10,10 @@ var _stripesTesting = require("@folio/stripes-testing");
 
 var _reactRouterDom = require("react-router-dom");
 
-var _helpers = require("../../../../test/jest/helpers");
-
-var _testResources = require("./testResources");
-
 var _CustomPropertiesSettings = _interopRequireDefault(require("./CustomPropertiesSettings"));
 
+var _jest = require("../../../../test/jest");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -26,22 +24,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); }); }; }
 
-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', function () {
-  return {
-    useRefdata: function useRefdata() {
-      return [];
-    },
-    useMutateCustomProperties: function useMutateCustomProperties() {
-      return [];
-    }
-  };
-});
+jest.mock('../../hooks');
 jest.mock('../../FormModal/FormModal', function () {
   return function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -59,8 +42,18 @@ jest.mock('./CustomPropertiesLookup', function () {
 describe('CustomPropertiesSettings', function () {
   var renderComponent;
   beforeEach(function () {
-    renderComponent = (0, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesSettings.default, _objectSpread({}, _testResources.custPropsSettings))
+    renderComponent = (0, _jest.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesSettings.default, {
+        contextFilterOptions: [{
+          'value': '',
+          'label': 'All'
+        }, {
+          'value': 'isNull',
+          'label': 'None'
+        }],
+        customPropertiesEndpoint: "erm/custprops",
+        refdataEndpoint: "erm/refdata"
+      })
     }));
   });
   it('renders FormModal component ', function () {
@@ -94,7 +87,7 @@ describe('CustomPropertiesSettings', function () {
         switch (_context2.prev = _context2.next) {
           case 0:
             _context2.next = 2;
-            return (0, _stripesTesting.Pane)('Supplementary properties').is({
+            return (0, _stripesTesting.Pane)('Custom properties').is({
               visible: true
             });
 
@@ -111,7 +104,7 @@ describe('CustomPropertiesSettings', function () {
         switch (_context3.prev = _context3.next) {
           case 0:
             _context3.next = 2;
-            return (0, _stripesTesting.PaneHeader)('Supplementary properties').is({
+            return (0, _stripesTesting.PaneHeader)('Custom properties').is({
               visible: true
             });