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

package/es/lib/NoResultsMessage/NoResultsMessage.js

@@ -15,19 +15,26 @@ var _components = require("@folio/stripes/components");
 
 var _NoResultsMessage = _interopRequireDefault(require("../../../styles/NoResultsMessage.css"));
 
+var _hooks = require("../hooks");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var NoResultsMessage = function NoResultsMessage(_ref) {
   var userIcon = _ref.icon,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       isLoading = _ref.isLoading,
       isError = _ref.isError,
       error = _ref.error,
       filterPaneIsVisible = _ref.filterPaneIsVisible,
       userLabel = _ref.label,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       searchTerm = _ref.searchTerm,
       toggleFilterPane = _ref.toggleFilterPane;
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   var icon = 'search';
   var label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
     id: "stripes-smart-components.sas.noResults.default",
@@ -72,8 +79,9 @@ var NoResultsMessage = function NoResultsMessage(_ref) {
       buttonClass: _NoResultsMessage.default.noResultsMessageButton,
       marginBottom0: true,
       onClick: toggleFilterPane,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.noResultsMessage.showFilters"
+      children: kintIntl.formatKintMessage({
+        id: 'showFilters',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.showFilters
       })
     })]
   });
@@ -83,9 +91,12 @@ NoResultsMessage.propTypes = {
   error: _propTypes.default.object,
   filterPaneIsVisible: _propTypes.default.bool.isRequired,
   icon: _propTypes.default.string,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   isLoading: _propTypes.default.bool,
   isError: _propTypes.default.bool,
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.func]),
+  labelOverrides: _propTypes.default.object,
   searchTerm: _propTypes.default.string.isRequired,
   toggleFilterPane: _propTypes.default.func.isRequired
 };

package/es/lib/RichSelect/RichSelect.js

@@ -9,12 +9,12 @@ var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactIntl = require("react-intl");
-
 var _components = require("@folio/stripes/components");
 
 var _RichSelect = _interopRequireDefault(require("../../../styles/RichSelect.css"));
 
+var _FormattedKintMessage = _interopRequireDefault(require("../FormattedKintMessage"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -48,6 +48,8 @@ var RichSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       id = _ref.id,
       _ref$input = _ref.input,
       formInput = _ref$input === void 0 ? {} : _ref$input,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       label = _ref.label,
       meta = _ref.meta,
       onChange = _ref.onChange,
@@ -101,12 +103,11 @@ var RichSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     var onToggle = _ref3.onToggle,
         triggerRef = _ref3.triggerRef,
         keyHandler = _ref3.keyHandler,
-        open = _ref3.open,
         ariaProps = _ref3.ariaProps,
         getTriggerProps = _ref3.getTriggerProps;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, _objectSpread(_objectSpread(_objectSpread({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownButton, _objectSpread(_objectSpread(_objectSpread({
       ref: triggerRef,
-      buttonClass: _RichSelect.default.iconButtonText,
+      buttonClass: _RichSelect.default.triggerButton,
       buttonStyle: "none",
       disabled: disabled,
       marginBottom0: true,
@@ -115,36 +116,12 @@ var RichSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       paddingSide0: true,
       type: "button"
     }, getTriggerProps()), ariaProps), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-        icon: open ? 'caret-up' : 'caret-down',
-        iconPosition: "end",
-        children: (_ref4 = (_ref5 = (_ref6 = (_selectedOption$label = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _selectedOption$label !== void 0 ? _selectedOption$label : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== null && _ref6 !== void 0 ? _ref6 : internalValue || null) !== null && _ref5 !== void 0 ? _ref5 : placeholder) !== null && _ref4 !== void 0 ? _ref4 : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-          id: "stripes-kint-components.richSelect.placeholder"
-        })
+      children: (_ref4 = (_ref5 = (_ref6 = (_selectedOption$label = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _selectedOption$label !== void 0 ? _selectedOption$label : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== null && _ref6 !== void 0 ? _ref6 : internalValue || null) !== null && _ref5 !== void 0 ? _ref5 : placeholder) !== null && _ref4 !== void 0 ? _ref4 : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormattedKintMessage.default, {
+        id: "pleaseSelectOption",
+        intlKey: passedIntlKey,
+        intlNS: passedIntlNS
       })
-    })) // Awaiting result of conversation about whether we want to allow labels on IconButtons
-
-    /* <IconButton
-      ref={triggerRef}
-      disabled={disabled}
-      icon={open ? 'caret-up' : 'caret-down'}
-      iconPosition="end"
-      marginBottom0
-      onClick={onToggle}
-      onKeyDown={keyHandler}
-      type="button"
-      {...getTriggerProps()}
-      {...ariaProps}
-    >
-      {
-        selectedOption?.label ??
-        selectedOption?.value ??
-        (internalValue ? internalValue : null) ??
-        placeholder ??
-        <FormattedMessage id="stripes-kint-components.richSelect.placeholder" />
-      }
-    </IconButton> */
-    ;
+    }));
   };
 
   var handleChange = function handleChange(e) {
@@ -234,6 +211,8 @@ RichSelect.propTypes = {
   dropdownProps: _propTypes.default.object,
   id: _propTypes.default.string,
   input: _propTypes.default.object,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.node]),
   meta: _propTypes.default.object,
   onChange: _propTypes.default.func,

package/es/lib/SASQLookupComponent/SASQLookupComponent.js

@@ -75,10 +75,15 @@ var SASQLookupComponent = function SASQLookupComponent(props) {
   } : _props$FilterPaneHead,
       filterPaneProps = props.filterPaneProps,
       id = props.id,
+      passedIntlKey = props.intlKey,
+      passedIntlNS = props.intlNS,
+      _props$labelOverrides = props.labelOverrides,
+      labelOverrides = _props$labelOverrides === void 0 ? {} : _props$labelOverrides,
       mainPaneProps = props.mainPaneProps,
       noSearchField = props.noSearchField,
       RenderBody = props.RenderBody,
       sasqProps = props.sasqProps;
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
 
   var _useKiwtSASQuery = (0, _hooks.useKiwtSASQuery)(),
       query = _useKiwtSASQuery.query,
@@ -232,16 +237,19 @@ var SASQLookupComponent = function SASQLookupComponent(props) {
           }) : null,
           noOverflow: true,
           padContent: false,
-          paneSub: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.sasqLookupComponent.mainPane.found",
-            values: {
-              total: data === null || data === void 0 ? void 0 : data.total
-            }
+          paneSub: kintIntl.formatKintMessage({
+            id: 'found#Values',
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.foundValues
+          }, {
+            total: data === null || data === void 0 ? void 0 : data.total
           })
         }, mainPaneProps), {}, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
             data: data,
             filterPaneVisible: filterPaneVisible,
+            intlKey: passedIntlKey,
+            intlNS: passedIntlNS,
+            labelOverrides: labelOverrides,
             query: query,
             toggleFilterPane: toggleFilterPane
           }, restOfInfiniteQueryProps), sasqRenderProps), sasqProps), props))
@@ -259,6 +267,9 @@ SASQLookupComponent.propTypes = {
   FilterPaneHeaderComponent: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
   history: _propTypes.default.object,
   id: _propTypes.default.string.isRequired,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
+  labelOverrides: _propTypes.default.object,
   location: _propTypes.default.object,
   mainPaneProps: _propTypes.default.object,
   match: _propTypes.default.object,

package/es/lib/SASQLookupComponent/TableBody/TableBody.js

@@ -30,8 +30,12 @@ var TableBody = function TableBody(_ref) {
       error = _ref.error,
       fetchNextPage = _ref.fetchNextPage,
       filterPaneVisible = _ref.filterPaneVisible,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
       isError = _ref.isError,
       isLoading = _ref.isLoading,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       match = _ref.match,
       mclProps = _ref.mclProps,
       onSort = _ref.onSort,
@@ -64,9 +68,12 @@ var TableBody = function TableBody(_ref) {
     hasMargin: true,
     isEmptyMessage: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoResultsMessage.default, {
       error: error,
+      filterPaneIsVisible: filterPaneVisible,
+      intlKey: passedIntlKey,
+      intlNS: passedIntlNS,
       isError: isError,
       isLoading: isLoading,
-      filterPaneIsVisible: filterPaneVisible,
+      labelOverrides: labelOverrides,
       searchTerm: query.query,
       toggleFilterPane: toggleFilterPane
     }),
@@ -98,8 +105,11 @@ TableBody.propTypes = {
   fetchNextPage: _propTypes.default.func,
   filterPaneVisible: _propTypes.default.bool,
   history: _propTypes.default.object,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   isError: _propTypes.default.bool,
   isLoading: _propTypes.default.bool,
+  labelOverrides: _propTypes.default.object,
   location: _propTypes.default.object,
   match: _propTypes.default.object,
   mclProps: _propTypes.default.object,

package/es/lib/SettingPage/SettingPage.js

@@ -26,7 +26,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 var SettingPage = function SettingPage(_ref) {
-  var sectionName = _ref.sectionName;
+  var passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+      sectionName = _ref.sectionName;
 
   var _useContext = (0, _react.useContext)(_contexts.SettingsContext),
       settingEndpoint = _useContext.settingEndpoint;
@@ -42,6 +46,9 @@ var SettingPage = function SettingPage(_ref) {
     initialValues: {
       'settings': settings
     },
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    labelOverrides: labelOverrides,
     onSave: handleSubmit,
     onSubmit: handleSubmit,
     settingSection: sectionName
@@ -49,18 +56,10 @@ var SettingPage = function SettingPage(_ref) {
 };
 
 SettingPage.propTypes = {
-  mutator: _propTypes.default.shape({
-    settings: _propTypes.default.object
-  }),
-  sectionName: _propTypes.default.string,
-  resources: _propTypes.default.shape({
-    settings: _propTypes.default.shape({
-      records: _propTypes.default.arrayOf(_propTypes.default.object)
-    }),
-    refdatavalues: _propTypes.default.shape({
-      records: _propTypes.default.arrayOf(_propTypes.default.object)
-    })
-  })
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
+  labelOverrides: _propTypes.default.object,
+  sectionName: _propTypes.default.string
 };
 var _default = SettingPage;
 exports.default = _default;

package/es/lib/SettingPage/SettingPagePane.js

@@ -1,44 +1,34 @@
 "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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _components = require("@folio/stripes/components");
 
-var _reactIntl = require("react-intl");
-
-var _contexts = require("../contexts");
-
 var _utils = require("../utils");
 
+var _hooks = require("../hooks");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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; }
-
 var SettingPagePane = function SettingPagePane(_ref) {
-  var sectionName = _ref.sectionName,
-      children = _ref.children;
-
-  var _useContext = (0, _react.useContext)(_contexts.SettingsContext),
-      intlKey = _useContext.intlKey;
-
+  var children = _ref.children,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
+      sectionName = _ref.sectionName;
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
     defaultWidth: "fill",
     id: "settings-".concat(sectionName),
-    paneTitle: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-      id: "".concat(intlKey, ".settings.settingsSection.").concat((0, _utils.toCamelCase)(sectionName))
+    paneTitle: kintIntl.formatKintMessage({
+      id: "settings.settingsSection.".concat((0, _utils.toCamelCase)(sectionName)),
+      fallbackMessage: sectionName
     }),
     children: children
   });
@@ -46,6 +36,8 @@ var SettingPagePane = function SettingPagePane(_ref) {
 
 SettingPagePane.propTypes = {
   sectionName: _propTypes.default.string,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])
 };
 var _default = SettingPagePane;

package/es/lib/hooks/__mocks__/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _refdata = _interopRequireDefault(require("../../../../test/jest/refdata"));
+
+var _customProperties = _interopRequireDefault(require("../../../../test/jest/customProperties"));
+
+var _useKintIntl = _interopRequireDefault(require("../useKintIntl"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// We have to do this up here too so that our passed useKintIntl
+// ALSO has a mocked useIntlKeyStore... I think anyway
+jest.mock('../useIntlKeyStore', function () {
+  return function () {
+    return function () {
+      return 'ui-test-implementor';
+    };
+  };
+});
+module.exports = {
+  useRefdata: function useRefdata() {
+    return _refdata.default;
+  },
+  useTemplates: function useTemplates() {
+    return [];
+  },
+  // We should set up some templates to test this properly
+  useCustomProperties: function useCustomProperties() {
+    return {
+      data: _customProperties.default,
+      isLoading: false
+    };
+  },
+  useMutateCustomProperties: function useMutateCustomProperties() {
+    return [];
+  },
+  useIntlKeyStore: function useIntlKeyStore() {
+    return function () {
+      return function () {
+        return 'ui-test-implementor';
+      };
+    };
+  },
+  useKintIntl: _useKintIntl.default // Use the "proper" useKintIntl but with a mocked intlKeyStore which returns the ui-test-implementor
+
+};

package/es/lib/hooks/index.js

@@ -15,12 +15,6 @@ Object.defineProperty(exports, "useAppSettings", {
     return _settingsHooks.useAppSettings;
   }
 });
-Object.defineProperty(exports, "useAvailableCustomProperties", {
-  enumerable: true,
-  get: function get() {
-    return _useAvailableCustomProperties.default;
-  }
-});
 Object.defineProperty(exports, "useCustomProperties", {
   enumerable: true,
   get: function get() {
@@ -33,12 +27,30 @@ Object.defineProperty(exports, "useHelperApp", {
     return _useHelperApp.default;
   }
 });
+Object.defineProperty(exports, "useIntlKey", {
+  enumerable: true,
+  get: function get() {
+    return _useIntlKey.default;
+  }
+});
+Object.defineProperty(exports, "useIntlKeyStore", {
+  enumerable: true,
+  get: function get() {
+    return _useIntlKeyStore.default;
+  }
+});
 Object.defineProperty(exports, "useInvalidateRefdata", {
   enumerable: true,
   get: function get() {
     return _useInvalidateRefdata.default;
   }
 });
+Object.defineProperty(exports, "useKintIntl", {
+  enumerable: true,
+  get: function get() {
+    return _useKintIntl.default;
+  }
+});
 Object.defineProperty(exports, "useKiwtFieldArray", {
   enumerable: true,
   get: function get() {
@@ -130,10 +142,14 @@ var _useCustomProperties = _interopRequireDefault(require("./useCustomProperties
 
 var _useMutateCustomProperties = _interopRequireDefault(require("./useMutateCustomProperties"));
 
-var _useAvailableCustomProperties = _interopRequireDefault(require("./useAvailableCustomProperties"));
-
 var _useInvalidateRefdata = _interopRequireDefault(require("./useInvalidateRefdata"));
 
 var _useMutateRefdataCategory = _interopRequireDefault(require("./useMutateRefdataCategory"));
 
+var _useKintIntl = _interopRequireDefault(require("./useKintIntl"));
+
+var _useIntlKeyStore = _interopRequireDefault(require("./useIntlKeyStore"));
+
+var _useIntlKey = _interopRequireDefault(require("./useIntlKey"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/es/lib/hooks/settingsHooks/useSettings.js

@@ -1,20 +1,16 @@
 "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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactQuery = require("react-query");
 
-var _reactIntl = require("react-intl");
-
 var _core = require("@folio/stripes/core");
 
 var _smartComponents = require("@folio/stripes/smart-components");
@@ -25,13 +21,13 @@ var _contexts = require("../../contexts");
 
 var _utils = require("../../utils");
 
-var _jsxRuntime = require("react/jsx-runtime");
+var _useKintIntl = _interopRequireDefault(require("../useKintIntl"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _useIntlKey = _interopRequireDefault(require("../useIntlKey"));
 
-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); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-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 }; }
 
 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; }
 
@@ -53,13 +49,16 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 var useSettings = function useSettings(_ref) {
   var dynamicPageExclusions = _ref.dynamicPageExclusions,
-      intlKey = _ref.intlKey,
+      passedIntlKey = _ref.intlKey,
+      passedIntlNS = _ref.intlNS,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       persistentPages = _ref.persistentPages,
       refdataEndpoint = _ref.refdataEndpoint,
       settingEndpoint = _ref.settingEndpoint,
       templateEndpoint = _ref.templateEndpoint;
   var ky = (0, _core.useOkapiKy)();
-  var intl = (0, _reactIntl.useIntl)();
+  var kintIntl = (0, _useKintIntl.default)(passedIntlKey, passedIntlNS);
   var queryParams = (0, _utils.generateKiwtQueryParams)({
     filters: dynamicPageExclusions === null || dynamicPageExclusions === void 0 ? void 0 : dynamicPageExclusions.map(function (dpe) {
       return {
@@ -86,14 +85,19 @@ var useSettings = function useSettings(_ref) {
   var dynamic = sections.map(function (section) {
     return {
       route: section,
-      label: intl.formatMessage({
-        defaultMessage: section,
-        id: "".concat(intlKey, ".settings.settingsSection.").concat((0, _utils.toCamelCase)(section))
+      label: kintIntl.formatKintMessage({
+        id: "settings.settingsSection.".concat((0, _utils.toCamelCase)(section)),
+        fallbackMessage: section
       }),
       component: function component(props) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingPage.SettingPagePane, {
+          intlKey: passedIntlKey,
+          intlNS: passedIntlNS,
           sectionName: section,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingPage.SettingPage, _objectSpread({
+            intlKey: passedIntlKey,
+            intlNS: passedIntlNS,
+            labelOverrides: labelOverrides,
             sectionName: section
           }, props))
         });
@@ -101,12 +105,14 @@ var useSettings = function useSettings(_ref) {
     };
   });
   var pageList = persistentPages.concat(dynamic).sort(_utils.sortByLabel);
+  var intlKey = (0, _useIntlKey.default)(passedIntlKey, passedIntlNS);
 
   var SettingsContextProvider = function SettingsContextProvider(_ref2) {
     var children = _ref2.children;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_contexts.SettingsContext.Provider, {
       value: {
         intlKey: intlKey,
+        // This is only here for backwards compatibility... is now grabbed from useIntlKey instead of what's passed in directly
         refdataEndpoint: refdataEndpoint,
         settingEndpoint: settingEndpoint,
         templateEndpoint: templateEndpoint
@@ -120,11 +126,10 @@ var useSettings = function useSettings(_ref) {
   };
 
   var SettingsComponent = function SettingsComponent(props) {
-    var settingsData = (0, _react.useContext)(_contexts.SettingsContext);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.Settings, _objectSpread({
       pages: pageList,
-      paneTitle: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "".concat(settingsData.intlKey, ".meta.title")
+      paneTitle: kintIntl.formatKintMessage({
+        id: 'meta.title'
       })
     }, props));
   };

package/es/lib/hooks/useIntlKey.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _useIntlKeyStore = _interopRequireDefault(require("./useIntlKeyStore"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var useIntlKey = function useIntlKey(passedIntlKey, passedIntlNS) {
+  var getKey = (0, _useIntlKeyStore.default)(function (state) {
+    return state.getKey;
+  });
+  var intlKey;
+
+  if (passedIntlKey) {
+    intlKey = passedIntlKey;
+  } else if (passedIntlNS) {
+    intlKey = getKey(passedIntlNS);
+  } else {
+    intlKey = getKey();
+  }
+
+  if (!intlKey) {
+    throw new Error('Stripes kint components requires an intl key to be either configured via `addKey` from `useIntlKeyStore` or passed directly into components');
+  }
+
+  return intlKey;
+};
+
+var _default = useIntlKey;
+exports.default = _default;