@k-int/stripes-kint-components 5.29.1 → 5.31.0

package/es/lib/Tags/Tags.js

@@ -17,7 +17,6 @@ var _hooks2 = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Tags = _ref => {
-  var _entity$tags3, _entity$tags$length, _entity$tags4;
   let {
     invalidateLinks = [],
     // If there are other queries that need invalidating, pass those here
@@ -60,7 +59,7 @@ const Tags = _ref => {
     json: data
   }).then(() => {
     queryClient.invalidateQueries(link);
-    if (invalidateLinks !== null && invalidateLinks !== void 0 && invalidateLinks.length) {
+    if (invalidateLinks?.length) {
       invalidateLinks.forEach(il => queryClient.invalidateQueries(il));
     }
   }));
@@ -85,8 +84,7 @@ const Tags = _ref => {
   // add tag to the list of entity tags
   // istanbul ignore next
   const saveEntityTags = tagsToSave => {
-    var _entity$tags;
-    const tagListMap = ((_entity$tags = entity === null || entity === void 0 ? void 0 : entity.tags) !== null && _entity$tags !== void 0 ? _entity$tags : []).map(tag => ({
+    const tagListMap = (entity?.tags ?? []).map(tag => ({
       'value': tag.value
     }));
     const tagsMap = tagsToSave.map(tag => ({
@@ -102,8 +100,7 @@ const Tags = _ref => {
     saveTags(addTags);
   };
   const onRemove = tag => {
-    var _entity$tags2;
-    const tagToDelete = ((_entity$tags2 = entity === null || entity === void 0 ? void 0 : entity.tags) !== null && _entity$tags2 !== void 0 ? _entity$tags2 : []).filter(t => t.value.toLowerCase() === tag.toLowerCase());
+    const tagToDelete = (entity?.tags ?? []).filter(t => t.value.toLowerCase() === tag.toLowerCase());
     putEntity({
       tags: [{
         id: tagToDelete[0].id,
@@ -111,7 +108,7 @@ const Tags = _ref => {
       }]
     });
   };
-  const entityTags = ((_entity$tags3 = entity === null || entity === void 0 ? void 0 : entity.tags) !== null && _entity$tags3 !== void 0 ? _entity$tags3 : []).map(tag => tag.value.toLowerCase());
+  const entityTags = (entity?.tags ?? []).map(tag => tag.value.toLowerCase());
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
     defaultWidth: "20%",
     dismissible: true,
@@ -121,7 +118,7 @@ const Tags = _ref => {
       id: 'numberOfTags',
       overrideValue: labelOverrides.numberOfTags
     }, {
-      count: (_entity$tags$length = entity === null || entity === void 0 || (_entity$tags4 = entity.tags) === null || _entity$tags4 === void 0 ? void 0 : _entity$tags4.length) !== null && _entity$tags$length !== void 0 ? _entity$tags$length : 0
+      count: entity?.tags?.length ?? 0
     }),
     paneTitle: kintIntl.formatKintMessage({
       id: 'tags',

package/es/lib/Tags/hooks/useTags.js

@@ -9,7 +9,7 @@ var _core = require("@folio/stripes/core");
 var _tagsConfig = require("../tagsConfig");
 const useTags = (namespaceArray, options) => {
   const ky = (0, _core.useOkapiKy)();
-  const nsArray = namespaceArray !== null && namespaceArray !== void 0 ? namespaceArray : _tagsConfig.tagNamespaceArray;
+  const nsArray = namespaceArray ?? _tagsConfig.tagNamespaceArray;
   return (0, _reactQuery.useQuery)(nsArray, () => ky.get(_tagsConfig.defaultTagQuery).json(), options);
 };
 var _default = exports.default = useTags;

package/es/lib/Tags/hooks/useTagsEnabled.js

@@ -3,14 +3,44 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tagsEnabledQueryKey = exports.default = void 0;
+exports.tagsEnabledQueryKey = exports.default = exports.TAGS_ENABLED_QUERY_KEY = exports.TAGS_ENABLED_CONFIG_QUERY_KEY = exports.TAGS_ENABLED_BASE_QUERY_KEY = void 0;
 var _core = require("@folio/stripes/core");
 var _reactQuery = require("react-query");
 var _endpoints = require("../../constants/endpoints");
-const tagsEnabledQueryKey = exports.tagsEnabledQueryKey = [_endpoints.MOD_SETTINGS_ENDPOINT, 'query=(module==TAGS and configName==tags_enabled)', 'stripes-kint-components', 'useTagsEnabled'];
-const useTagsEnabled = () => {
+const TAGS_ENABLED_BASE_QUERY_KEY = exports.TAGS_ENABLED_BASE_QUERY_KEY = ['stripes-kint-components', 'useTagsEnabled'];
+const TAGS_CONFIG_QUERY = 'query=(module==TAGS and configName==tags_enabled)';
+const TAGS_SETTINGS_QUERY = 'query=(scope==ui-tags.tags.manage and key==tags_enabled)';
+const TAGS_ENABLED_CONFIG_QUERY_KEY = exports.TAGS_ENABLED_CONFIG_QUERY_KEY = [...TAGS_ENABLED_BASE_QUERY_KEY, _endpoints.CONFIG_ENDPOINT, TAGS_CONFIG_QUERY];
+const TAGS_ENABLED_QUERY_KEY = exports.TAGS_ENABLED_QUERY_KEY = [...TAGS_ENABLED_BASE_QUERY_KEY, _endpoints.SETTINGS_ENDPOINT, TAGS_SETTINGS_QUERY];
+
+// DEPRECATED This remains for backwards compatibility but may not always be applicable, see useSettings configuration for details.
+const tagsEnabledQueryKey = exports.tagsEnabledQueryKey = TAGS_ENABLED_CONFIG_QUERY_KEY;
+
+/**
+ * useTagsEnabled
+ *
+ * By default uses mod-config, for backwards compatibility.
+ * Pass { useSettings: true } to use mod-settings instead.
+ *
+ * Returns:
+ *   true  if the setting is missing or true
+ *   false if the setting is explicitly false
+ */
+
+const useTagsEnabled = function () {
+  let {
+    useSettings = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const ky = (0, _core.useOkapiKy)();
-  const queryObject = (0, _reactQuery.useQuery)(tagsEnabledQueryKey, () => ky.get("".concat(_endpoints.MOD_SETTINGS_ENDPOINT, "?query=(module==TAGS and configName==tags_enabled)")).json());
+  const endpoint = useSettings ? _endpoints.SETTINGS_ENDPOINT : _endpoints.CONFIG_ENDPOINT;
+  const query = useSettings ? TAGS_SETTINGS_QUERY : TAGS_CONFIG_QUERY;
+  const queryKey = useSettings ? TAGS_ENABLED_QUERY_KEY : TAGS_ENABLED_CONFIG_QUERY_KEY;
+  const queryObject = (0, _reactQuery.useQuery)(queryKey, () => ky.get(`${endpoint}?${query}`).json());
+  if (useSettings) {
+    // mod-settings returns this value as a boolean instead of as a string, so the below approach !value is not applicable.
+    const value = queryObject?.data?.items?.[0]?.value;
+    return value === undefined || value === null || value;
+  }
   const {
     data: {
       configs: {

package/es/lib/Tags/tagsConfig.js

@@ -7,4 +7,4 @@ exports.tagsPath = exports.tagNamespaceArray = exports.defaultTagsParams = expor
 const tagNamespaceArray = exports.tagNamespaceArray = ['tags', 'stripes-kint-components', 'Tags'];
 const tagsPath = exports.tagsPath = 'tags';
 const defaultTagsParams = exports.defaultTagsParams = ['limit=1000', 'query=cql.allRecords%3D1%20sortby%20label'];
-const defaultTagQuery = exports.defaultTagQuery = "".concat(tagsPath, "?").concat(defaultTagsParams === null || defaultTagsParams === void 0 ? void 0 : defaultTagsParams.join('&'));
+const defaultTagQuery = exports.defaultTagQuery = `${tagsPath}?${defaultTagsParams?.join('&')}`;

package/es/lib/Typedown/Typedown.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _get3 = _interopRequireDefault(require("lodash/get"));
+var _get = _interopRequireDefault(require("lodash/get"));
 var _components = require("@folio/stripes/components");
 var _SearchField = _interopRequireDefault(require("../SearchField"));
 var _TypeDown = _interopRequireDefault(require("../../../styles/TypeDown.css"));
@@ -15,7 +15,6 @@ var _typedownHooks = require("../hooks/typedownHooks");
 var _selectorSafe = _interopRequireDefault(require("../utils/selectorSafe"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const Typedown = _ref => {
   let {
     className,
@@ -23,6 +22,8 @@ const Typedown = _ref => {
     displayClearItem = true,
     displayValueWhileOpen = true,
     endOfList,
+    getDisplayValue,
+    // Can overrule displayValue entirely
     id,
     initialOpenDelay = 800,
     // Initial opening delay of 800ms (handles any stripes animations)
@@ -34,13 +35,16 @@ const Typedown = _ref => {
     onChange,
     onType,
     renderFooter = null,
+    renderHeader = null,
     renderListItem = null,
+    renderTrigger = null,
     required,
     selectedStyles,
     // A way to pass any styles that need to be applied globally on selection
     uniqueIdentificationPath = 'id'
   } = _ref;
-  const selectedUniqueId = (0, _get3.default)(input.value, uniqueIdentificationPath);
+  const selectedUniqueId = (0, _get.default)(input.value, uniqueIdentificationPath);
+  const [selectedValue, setSelectedValue] = (0, _react.useState)(input.value); // Track what's been selected in state as well
 
   // Display data needs to be in line with data options but also able to react to default handleType
   const [displayData, setDisplayData] = (0, _react.useState)(dataOptions);
@@ -53,44 +57,37 @@ const Typedown = _ref => {
   }, [dataOptions]);
 
   // Setup default handleType
-  const handleType = e => {
-    var _e$target, _e$target2;
-    const regex = new RegExp("".concat(e.target.value.toLowerCase()));
+  const handleType = (0, _react.useCallback)(e => {
+    const regex = new RegExp(`${e.target.value.toLowerCase()}`);
     if (onType) {
       onType(e);
-    } else if (filterPath && e !== null && e !== void 0 && (_e$target = e.target) !== null && _e$target !== void 0 && _e$target.value) {
-      setDisplayData(dataOptions.filter(item => {
-        var _get;
-        return (_get = (0, _get3.default)(item, filterPath)) === null || _get === void 0 || (_get = _get.toLowerCase()) === null || _get === void 0 ? void 0 : _get.match(regex);
-      }));
-    } else if (e !== null && e !== void 0 && (_e$target2 = e.target) !== null && _e$target2 !== void 0 && _e$target2.value) {
-      setDisplayData(dataOptions.filter(item => {
-        var _get2;
-        return (_get2 = (0, _get3.default)(item, uniqueIdentificationPath)) === null || _get2 === void 0 || (_get2 = _get2.toLowerCase()) === null || _get2 === void 0 ? void 0 : _get2.match(regex);
-      }));
+    } else if (filterPath && e?.target?.value) {
+      setDisplayData(dataOptions.filter(item => (0, _get.default)(item, filterPath)?.toLowerCase()?.match(regex)));
+    } else if (e?.target?.value) {
+      setDisplayData(dataOptions.filter(item => (0, _get.default)(item, uniqueIdentificationPath)?.toLowerCase()?.match(regex)));
     } else {
       setDisplayData(dataOptions);
     }
     setCurrentlyTyped(e.target.value);
-    if (displayData.length === 1 && (0, _get3.default)(displayData[0], filterPath) === e.target.value) {
+    if (displayData.length === 1 && (0, _get.default)(displayData[0], filterPath) === e.target.value) {
       setExactMatch(true);
     } else {
       setExactMatch(false);
     }
-  };
+  }, [dataOptions, displayData, filterPath, onType, uniqueIdentificationPath]);
 
   // Hook to set up all the essentials
   const {
     refs: {
       listRef,
       triggerRef,
+      triggerComponentRef,
       overlayRef,
-      footerRef
+      footerRef,
+      headerRef
     },
     handlers: {
-      handleNextFocus,
-      listKeyDownHandler,
-      searchFieldKeyDownHandler
+      handleNextFocus
     },
     variables: {
       open,
@@ -105,77 +102,121 @@ const Typedown = _ref => {
     let optionIsSelected = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _TypeDown.default.listItem,
-      children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch, optionIsSelected) : (0, _get3.default)(option, uniqueIdentificationPath)
+      children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch, optionIsSelected, selectedValue) : (0, _get.default)(option, uniqueIdentificationPath)
     });
-  }, [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
+  }, [currentlyTyped, exactMatch, renderListItem, selectedValue, uniqueIdentificationPath]);
   const handleChange = (0, _react.useCallback)(value => {
     input.onChange(value);
+    setSelectedValue(value);
     if (typeof onChange === 'function') {
       onChange(value);
     }
   }, [input, onChange]);
+  const renderTypedownTrigger = () => {
+    const triggerComponentId = `typedown-trigger-${(0, _selectorSafe.default)(input.name)}`;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: triggerRef,
+      id: `typedown-parent-${(0, _selectorSafe.default)(input.name)}-trigger`,
+      children: renderTrigger ? renderTrigger({
+        // Pass all props in that searchfield uses.
+        handleType,
+        input,
+        // Pass input? Useful when not controlled I guess
+        meta,
+        selectedValue,
+        triggerComponentId,
+        triggerComponentRef
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchField.default, {
+        ref: triggerComponentRef
+        // Pass meta through so correct styling gets applied to the TextField
+        ,
+        id: triggerComponentId,
+        label: label,
+        marginBottom0: true,
+        meta: meta,
+        onChange: handleType,
+        required: required
+      })
+    });
+  };
   const dropDown = (0, _react.useCallback)(() => {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _TypeDown.default.dropdownMenu,
-      id: "typedown-parent-".concat((0, _selectorSafe.default)(input.name), "-menu"),
+      id: `typedown-parent-${(0, _selectorSafe.default)(input.name)}-menu`,
       style: {
-        '--searchWidth': "".concat(searchWidth, "px")
+        '--searchWidth': `${searchWidth}px`
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [renderHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: headerRef,
+        className: _TypeDown.default.header,
+        id: `typedown-header-${(0, _selectorSafe.default)(input.name)}`,
+        children: renderHeader({
+          currentlyTyped,
+          displayData,
+          handleType,
+          exactMatch
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: listRef,
         className: _TypeDown.default.listContainer,
-        id: "typedown-list",
-        children: displayData !== null && displayData !== void 0 && displayData.length ? displayData === null || displayData === void 0 ? void 0 : displayData.map((d, index) => {
-          const isSelectedEval = isSelected ? isSelected(input.value, d) : (0, _get3.default)(input.value, uniqueIdentificationPath) === (0, _get3.default)(d, uniqueIdentificationPath);
-          const selectedCSS = selectedStyles !== null && selectedStyles !== void 0 ? selectedStyles : _TypeDown.default.selectedMenuButton;
+        id: "typedown-list"
+        /* This is an acceptable exception to the no-static-element-interactions
+         * as we are only PREVENTING interactions, namely focus change on scrollbar click
+         * Without this, the typedown closes instantly when the scrollbar is clicked or dragged.
+         * This does NOT prevent item click, as e.propagation is not prevented.
+         */,
+        onMouseDown: e => e.preventDefault(),
+        children: displayData?.length ? displayData?.map((d, index) => {
+          const isSelectedEval = isSelected ? isSelected(input.value, d) : (0, _get.default)(input.value, uniqueIdentificationPath) === (0, _get.default)(d, uniqueIdentificationPath);
+          const selectedCSS = selectedStyles ?? _TypeDown.default.selectedMenuButton;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
             className: (0, _classnames.default)(_TypeDown.default.fullWidth, _TypeDown.default.menuButton, {
-              ["".concat(selectedCSS)]: isSelectedEval
+              [`${selectedCSS}`]: isSelectedEval
             }),
             "data-selected": isSelectedEval,
-            id: "typedown-button-[".concat(index, "]"),
+            id: `typedown-button-[${index}]`,
             onClick: () => {
               handleChange(d);
               handleNextFocus();
             },
-            onKeyDown: listKeyDownHandler,
             type: "button",
             children: renderItem(d, isSelectedEval)
-          }, "typedown-button-[".concat(index, "]"));
+          }, `typedown-button-[${index}]`);
         }) : endOfList || /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EndOfList, {})
       }), renderFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: footerRef,
         className: _TypeDown.default.footer,
-        id: "typedown-footer-".concat((0, _selectorSafe.default)(input.name)),
+        id: `typedown-footer-${(0, _selectorSafe.default)(input.name)}`,
         children: renderFooter(displayData, currentlyTyped, exactMatch)
       })]
     });
-  }, [currentlyTyped, displayData, endOfList, exactMatch, footerRef, handleChange, handleNextFocus, input.name, input.value, isSelected, listKeyDownHandler, listRef, renderFooter, renderItem, searchWidth, selectedStyles, uniqueIdentificationPath]);
-  const renderSearchField = () => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: triggerRef,
-      id: "typedown-parent-".concat((0, _selectorSafe.default)(input.name), "-searchField"),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchField.default
-      // Pass meta through so correct styling gets applied to the TextField
-      , {
-        id: "typedown-searchField-".concat((0, _selectorSafe.default)(input.name)),
-        label: label,
-        marginBottom0: true,
-        meta: meta,
-        onChange: handleType,
-        onKeyDown: searchFieldKeyDownHandler,
-        required: required
-      })
-    });
-  };
+  }, [currentlyTyped, displayData, endOfList, exactMatch, footerRef, handleChange, handleNextFocus, handleType, headerRef, input.name, input.value, isSelected, listRef, renderFooter, renderHeader, renderItem, searchWidth, selectedStyles, uniqueIdentificationPath]);
+  const renderSelectedItem = (0, _react.useCallback)(() => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(_TypeDown.default.selectedDisplay),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _TypeDown.default.selectedItem,
+      children: renderItem(input.value)
+    }), displayClearItem && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
+      className: _TypeDown.default.clearItem,
+      icon: "times-circle-solid",
+      onClick: () => handleChange()
+    })]
+  }), [displayClearItem, handleChange, input.value, renderItem]);
   const displayValue = (0, _react.useMemo)(() => {
+    // Allow full control over whether to display the value
+    if (getDisplayValue) {
+      return getDisplayValue({
+        selectedUniqueId,
+        open
+      });
+    }
     return !!selectedUniqueId && (!open || displayValueWhileOpen);
-  }, [displayValueWhileOpen, open, selectedUniqueId]);
+  }, [displayValueWhileOpen, getDisplayValue, open, selectedUniqueId]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: resizeRef,
     className: (0, _classnames.default)(_TypeDown.default.typedown, className),
-    id: "typedown-id-".concat(id),
-    children: [renderSearchField(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popper, {
+    id: `typedown-id-${id}`,
+    children: [renderTypedownTrigger(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popper, {
       anchorRef: triggerRef,
       className: (0, _classnames.default)(_TypeDown.default.dropdown, _TypeDown.default.fullWidth),
       isOpen: open,
@@ -199,17 +240,7 @@ const Typedown = _ref => {
       overlayRef: overlayRef,
       portal: portal,
       children: dropDown()
-    }, "typedown-menu-toggle"), displayValue && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(_TypeDown.default.selectedDisplay),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _TypeDown.default.selectedItem,
-        children: renderItem(input.value)
-      }), displayClearItem && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
-        className: _TypeDown.default.clearItem,
-        icon: "times-circle-solid",
-        onClick: () => handleChange()
-      })]
-    })]
+    }, "typedown-menu-toggle"), displayValue && renderSelectedItem()]
   });
 };
 Typedown.propTypes = {
@@ -219,6 +250,7 @@ Typedown.propTypes = {
   displayValueWhileOpen: _propTypes.default.bool,
   endOfList: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node, _propTypes.default.element]),
   filterPath: _propTypes.default.string,
+  getDisplayValue: _propTypes.default.func,
   id: _propTypes.default.string,
   initialOpenDelay: _propTypes.default.number,
   input: _propTypes.default.object,
@@ -227,8 +259,10 @@ Typedown.propTypes = {
   meta: _propTypes.default.object,
   onChange: _propTypes.default.func,
   onType: _propTypes.default.func,
+  renderHeader: _propTypes.default.func,
   renderFooter: _propTypes.default.func,
   renderListItem: _propTypes.default.func,
+  renderTrigger: _propTypes.default.func,
   required: _propTypes.default.bool,
   selectedStyles: _propTypes.default.string,
   uniqueIdentificationPath: _propTypes.default.string

package/es/lib/constants/endpoints.js

@@ -3,6 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MOD_SETTINGS_ENDPOINT = void 0;
+exports.SETTINGS_ENDPOINT = exports.MOD_SETTINGS_ENDPOINT = exports.CONFIG_ENDPOINT = void 0;
 // eslint-disable-next-line import/prefer-default-export
-const MOD_SETTINGS_ENDPOINT = exports.MOD_SETTINGS_ENDPOINT = 'configurations/entries';
+const SETTINGS_ENDPOINT = exports.SETTINGS_ENDPOINT = 'settings/entries';
+const CONFIG_ENDPOINT = exports.CONFIG_ENDPOINT = 'configurations/entries';
+
+// DEPRECATED Here for backwards compatibility as we move from mod-config to what is now mod-settings
+// This was always confusingly named, and will be removed in a future major version bump
+const MOD_SETTINGS_ENDPOINT = exports.MOD_SETTINGS_ENDPOINT = CONFIG_ENDPOINT;

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

@@ -4,18 +4,14 @@ var _refdata = _interopRequireDefault(require("../../../../test/jest/refdata"));
 var _customProperties = _interopRequireDefault(require("../../../../test/jest/customProperties"));
 var _useKintIntl = _interopRequireDefault(require("../intlHooks/useKintIntl"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* EXAMPLE Grab actual hooks for anything not mocked here */
 const hooks = jest.requireActual('../index');
 
 // We have to do this up here too so that our passed useKintIntl
 // ALSO has a mocked useIntlKeyStore... I think anyway
 jest.mock('../intlHooks/useIntlKeyStore', () => () => () => 'ui-test-implementor');
-module.exports = _objectSpread(_objectSpread({}, hooks), {}, {
+module.exports = {
+  ...hooks,
   useRefdata: () => _refdata.default,
   useTemplates: () => [],
   // We should set up some templates to test this properly
@@ -26,4 +22,4 @@ module.exports = _objectSpread(_objectSpread({}, hooks), {}, {
   useMutateCustomProperties: () => [],
   useIntlKeyStore: () => () => () => '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/intlHooks/useIntlKeyStore/useIntlKeyStore.js

@@ -6,53 +6,47 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _core = require("@folio/stripes/core");
 var _zustand = require("zustand");
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // We can use hooks within zustand store functions without violating the laws of hooks
+// We can use hooks within zustand store functions without violating the laws of hooks
 /* eslint-disable react-hooks/rules-of-hooks */
+
 const useIntlKeyStore = (0, _zustand.create)((set, get) => ({
   intlKeys: {},
   addKey: (key, namespace) => set(state => {
-    var _useNamespace;
     let ns = namespace;
-    const folioNS = (_useNamespace = (0, _core.useNamespace)()) === null || _useNamespace === void 0 ? void 0 : _useNamespace[0];
+    const folioNS = (0, _core.useNamespace)()?.[0];
     if (!ns) {
       ns = folioNS;
     }
-    return _objectSpread(_objectSpread({}, state), {}, {
-      intlKeys: _objectSpread({
-        [ns]: key
-      }, state.intlKeys)
-    });
+    return {
+      ...state,
+      intlKeys: {
+        [ns]: key,
+        ...state.intlKeys
+      }
+    };
   }),
   removeKey: namespace => set(state => {
-    var _useNamespace2;
     let ns = namespace;
-    const folioNS = (_useNamespace2 = (0, _core.useNamespace)()) === null || _useNamespace2 === void 0 ? void 0 : _useNamespace2[0];
+    const folioNS = (0, _core.useNamespace)()?.[0];
     if (!ns) {
       ns = folioNS;
     }
-    const _state$intlKeys = state.intlKeys,
-      {
-        [ns]: _valueToRemove
-      } = _state$intlKeys,
-      newKeys = _objectWithoutProperties(_state$intlKeys, [ns].map(_toPropertyKey));
-    return _objectSpread(_objectSpread({}, state), {}, {
+    const {
+      [ns]: _valueToRemove,
+      ...newKeys
+    } = state.intlKeys;
+    return {
+      ...state,
       intlKeys: newKeys
-    });
+    };
   }),
   getKey: namespace => {
-    var _useNamespace3, _get$intlKeys;
     let ns = namespace;
-    const folioNS = (_useNamespace3 = (0, _core.useNamespace)()) === null || _useNamespace3 === void 0 ? void 0 : _useNamespace3[0];
+    const folioNS = (0, _core.useNamespace)()?.[0];
     if (!ns) {
       ns = folioNS;
     }
-    return (_get$intlKeys = get().intlKeys) === null || _get$intlKeys === void 0 ? void 0 : _get$intlKeys[ns];
+    return get().intlKeys?.[ns];
   }
 }));
 var _default = exports.default = useIntlKeyStore;

package/es/lib/hooks/intlHooks/useKintIntl/useKintIntl.js

@@ -6,15 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _reactIntl = require("react-intl");
 var _useIntlKey = _interopRequireDefault(require("../useIntlKey"));
-const _excluded = ["id", "overrideValue", "fallbackMessage"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 /* A hook to enrich the intl object we get from useIntl */
 const useKintIntl = (passedIntlKey, passedIntlNS) => {
   const intlObj = (0, _reactIntl.useIntl)();
@@ -23,24 +15,23 @@ const useKintIntl = (passedIntlKey, passedIntlNS) => {
   // FormatKintMessage id misses out the top level key part of the path.
   // This works analogously to FormattedKintMessage component
   const formatKintMessage = (_ref, formatValues) => {
-    var _intlObj$messages2;
     let {
-        id,
-        overrideValue,
-        fallbackMessage
-      } = _ref,
-      formatParams = _objectWithoutProperties(_ref, _excluded);
+      id,
+      overrideValue,
+      fallbackMessage,
+      ...formatParams
+    } = _ref;
     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]) {
+      if (intlObj.messages?.[overrideValue]) {
         // We've been passed a key as an override, use it
-        return intlObj.formatMessage(_objectSpread({
-          id: overrideValue
-        }, formatParams), formatValues);
+        return intlObj.formatMessage({
+          id: overrideValue,
+          ...formatParams
+        }, formatValues);
       }
       // At this stage we have an overrideValue that's not a key, return it.
       return overrideValue;
@@ -49,29 +40,28 @@ const useKintIntl = (passedIntlKey, passedIntlNS) => {
     // 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;
+    if (!intlObj.messages?.[`${intlKey}.${id}`] && fallbackMessage) {
       // 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);
+      if (intlObj.messages?.[fallbackMessage]) {
+        return intlObj.formatMessage({
+          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);
+    return intlObj.formatMessage({
+      id: `${intlKey}.${id}`,
+      ...formatParams
+    }, formatValues);
   };
-  const 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), {}, {
+  const messageExists = key => !!intlObj.messages?.[`${intlKey}.${key}`];
+  return {
+    ...intlObj,
     formatKintMessage,
     messageExists
-  });
+  };
 };
 var _default = exports.default = useKintIntl;