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

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;

package/es/lib/hooks/useIntlKeyStore.js

@@ -0,0 +1,84 @@
+"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 _core = require("@folio/stripes/core");
+
+var _zustand = _interopRequireDefault(require("zustand"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+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; }
+
+var useIntlKeyStore = (0, _zustand.default)(function (set, get) {
+  return {
+    intlKeys: {},
+    addKey: function addKey(key, namespace) {
+      return set(function (state) {
+        var _useNamespace;
+
+        var ns = namespace;
+        var folioNS = (_useNamespace = (0, _core.useNamespace)()) === null || _useNamespace === void 0 ? void 0 : _useNamespace[0];
+
+        if (!ns) {
+          ns = folioNS;
+        }
+
+        return {
+          intlKeys: _objectSpread(_defineProperty({}, ns, key), state)
+        };
+      });
+    },
+    removeKey: function removeKey(namespace) {
+      return set(function (state) {
+        var _useNamespace2;
+
+        var ns = namespace;
+        var folioNS = (_useNamespace2 = (0, _core.useNamespace)()) === null || _useNamespace2 === void 0 ? void 0 : _useNamespace2[0];
+
+        if (!ns) {
+          ns = folioNS;
+        }
+
+        var _state$intlKeys = state.intlKeys,
+            _valueToRemove = _state$intlKeys[ns],
+            newKeys = _objectWithoutProperties(_state$intlKeys, [ns].map(_toPropertyKey));
+
+        return {
+          intlKeys: newKeys
+        };
+      });
+    },
+    getKey: function getKey(namespace) {
+      var _useNamespace3, _get$intlKeys;
+
+      var ns = namespace;
+      var folioNS = (_useNamespace3 = (0, _core.useNamespace)()) === null || _useNamespace3 === void 0 ? void 0 : _useNamespace3[0];
+
+      if (!ns) {
+        ns = folioNS;
+      }
+
+      return (_get$intlKeys = get().intlKeys) === null || _get$intlKeys === void 0 ? void 0 : _get$intlKeys[ns];
+    }
+  };
+});
+var _default = useIntlKeyStore;
+exports.default = _default;

package/es/lib/hooks/useKintIntl.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactIntl = require("react-intl");
+
+var _useIntlKey = _interopRequireDefault(require("./useIntlKey"));
+
+var _excluded = ["id", "overrideValue", "fallbackMessage"];
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/* A hook to enrich the intl object we get from useIntl */
+var useKintIntl = function useKintIntl(passedIntlKey, passedIntlNS) {
+  var intlObj = (0, _reactIntl.useIntl)();
+  var intlKey = (0, _useIntlKey.default)(passedIntlKey, passedIntlNS); // FormatKintMessage id misses out the top level key part of the path.
+  // This works analogously to FormattedKintMessage component
+
+  var formatKintMessage = function formatKintMessage(_ref, formatValues) {
+    var _intlObj$messages2;
+
+    var id = _ref.id,
+        overrideValue = _ref.overrideValue,
+        fallbackMessage = _ref.fallbackMessage,
+        formatParams = _objectWithoutProperties(_ref, _excluded);
+
+    if (overrideValue) {
+      var _intlObj$messages;
+
+      // Version 3 is a breaking change, where labelOverrides must be strings.
+      if (typeof overrideValue !== 'string') {
+        throw new Error('Override values must be strings as of stripes-kint-components ^3.0.0');
+      }
+
+      if ((_intlObj$messages = intlObj.messages) !== null && _intlObj$messages !== void 0 && _intlObj$messages[overrideValue]) {
+        // We've been passed a key as an override, use it
+        return intlObj.formatMessage(_objectSpread({
+          id: overrideValue
+        }, formatParams), formatValues);
+      } // At this stage we have an overrideValue that's not a key, return it.
+
+
+      return overrideValue;
+    } // If key does not exist in intl, and we have a specified "fallbackMessage", use that
+    // (FallbackMessage works like defaultMessage but with no warning)
+
+
+    if (!((_intlObj$messages2 = intlObj.messages) !== null && _intlObj$messages2 !== void 0 && _intlObj$messages2["".concat(intlKey, ".").concat(id)]) && fallbackMessage) {
+      var _intlObj$messages3;
+
+      // Allow fallback message to be an intl key
+      if ((_intlObj$messages3 = intlObj.messages) !== null && _intlObj$messages3 !== void 0 && _intlObj$messages3[fallbackMessage]) {
+        return intlObj.formatMessage(_objectSpread({
+          id: fallbackMessage
+        }, formatParams), formatValues);
+      }
+
+      return fallbackMessage;
+    } // After all that, render the message from key
+
+
+    return intlObj.formatMessage(_objectSpread({
+      id: "".concat(intlKey, ".").concat(id)
+    }, formatParams), formatValues);
+  };
+
+  var messageExists = function messageExists(key) {
+    var _intlObj$messages4;
+
+    return !!((_intlObj$messages4 = intlObj.messages) !== null && _intlObj$messages4 !== void 0 && _intlObj$messages4["".concat(intlKey, ".").concat(key)]);
+  };
+
+  return _objectSpread(_objectSpread({}, intlObj), {}, {
+    formatKintMessage: formatKintMessage,
+    messageExists: messageExists
+  });
+};
+
+var _default = useKintIntl;
+exports.default = _default;