@k-int/stripes-kint-components 5.29.1 → 5.30.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

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(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"));
@@ -40,7 +40,7 @@ const Typedown = _ref => {
     // 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);
 
   // 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);
@@ -54,25 +54,18 @@ const Typedown = _ref => {
 
   // Setup default handleType
   const handleType = e => {
-    var _e$target, _e$target2;
-    const regex = new RegExp("".concat(e.target.value.toLowerCase()));
+    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);
@@ -105,7 +98,7 @@ 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) : (0, _get.default)(option, uniqueIdentificationPath)
     });
   }, [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
   const handleChange = (0, _react.useCallback)(value => {
@@ -117,23 +110,23 @@ const Typedown = _ref => {
   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", {
         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;
+        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();
@@ -141,12 +134,12 @@ const Typedown = _ref => {
             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)
       })]
     });
@@ -154,11 +147,11 @@ const Typedown = _ref => {
   const renderSearchField = () => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: triggerRef,
-      id: "typedown-parent-".concat((0, _selectorSafe.default)(input.name), "-searchField"),
+      id: `typedown-parent-${(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)),
+        id: `typedown-searchField-${(0, _selectorSafe.default)(input.name)}`,
         label: label,
         marginBottom0: true,
         meta: meta,
@@ -174,7 +167,7 @@ const Typedown = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: resizeRef,
     className: (0, _classnames.default)(_TypeDown.default.typedown, className),
-    id: "typedown-id-".concat(id),
+    id: `typedown-id-${id}`,
     children: [renderSearchField(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popper, {
       anchorRef: triggerRef,
       className: (0, _classnames.default)(_TypeDown.default.dropdown, _TypeDown.default.fullWidth),

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;

package/es/lib/hooks/typedownHooks/useTypedown.js

@@ -16,14 +16,14 @@ const useTypedown = function (name) {
     timeout = 800
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   // SEARCHFIELD COMPONENT
-  const searchFieldComponent = document.getElementById("typedown-searchField-".concat((0, _selectorSafe.default)(name)));
+  const searchFieldComponent = document.getElementById(`typedown-searchField-${(0, _selectorSafe.default)(name)}`);
 
   // SET UP REFS
   const listRef = (0, _react.useRef)();
   const triggerRef = (0, _react.useRef)();
   const overlayRef = (0, _react.useRef)();
   const footerRef = (0, _react.useRef)();
-  const footer = document.getElementById("typedown-footer-".concat((0, _selectorSafe.default)(name)));
+  const footer = document.getElementById(`typedown-footer-${(0, _selectorSafe.default)(name)}`);
   // Add an event listener to the footer, so that we can control tab behaviour between footer elements
 
   if (footer && footer.getAttribute('hasListener') !== 'true') {

package/es/lib/hooks/typedownHooks/useTypedownToggle.js

@@ -18,8 +18,8 @@ const useTypedownToggle = name => {
   } = (0, _useActiveElement.default)();
 
   // Trawl up element stack and check if a typedown-parent exists, use that to toggle
-  const openBool = !open && hasParent("typedown-parent-".concat((0, _selectorSafe.default)(name)));
-  const closeBool = open && !hasParent("typedown-parent-".concat((0, _selectorSafe.default)(name)));
+  const openBool = !open && hasParent(`typedown-parent-${(0, _selectorSafe.default)(name)}`);
+  const closeBool = open && !hasParent(`typedown-parent-${(0, _selectorSafe.default)(name)}`);
   (0, _react.useEffect)(() => {
     if (openBool || closeBool) {
       onToggle();

package/es/lib/hooks/useActionListRef.js

@@ -13,7 +13,7 @@ const useActionListRef = () => {
   const passedRef = (0, _react.useCallback)(node => {
     // All functions must be present on here
     actionListRef.current = node;
-    if (node !== null && node !== void 0 && node.editing) {
+    if (node?.editing) {
       setEditing(node.editing);
     } else {
       setEditing();

package/es/lib/hooks/useActiveElement.js

@@ -11,7 +11,7 @@ const useActiveElement = () => {
     setActive(document.activeElement);
   };
   const hasParent = id => {
-    return active.closest("[id^=".concat(id, "]")) !== null;
+    return active.closest(`[id^=${id}]`) !== null;
   };
   (0, _react.useEffect)(() => {
     document.addEventListener('focusin', handleFocusIn);

package/es/lib/hooks/useCustomProperties.js

@@ -9,11 +9,6 @@ var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _utils = require("../utils");
 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); }
 const useCustomProperties = _ref => {
   let {
     endpoint,
@@ -26,7 +21,7 @@ const useCustomProperties = _ref => {
     returnQueryObject = false
   } = _ref;
   const ky = (0, _core.useOkapiKy)();
-  const custPropOptions = _objectSpread({
+  const custPropOptions = {
     searchKey: 'label,name,description',
     filterKeys: {
       ContextKey: 'ctx'
@@ -38,14 +33,15 @@ const useCustomProperties = _ref => {
     }],
     filters: [],
     stats: false,
-    max: 100
-  }, options);
+    max: 100,
+    ...options
+  };
   if (Array.isArray(ctx)) {
     // If we have an array, append a context filter for each ctx given
 
     // Special case if one is isNull
     custPropOptions.filters.push({
-      values: ctx.map(c => c === 'isNull' ? 'ctx isNull' : "ctx==".concat(c))
+      values: ctx.map(c => c === 'isNull' ? 'ctx isNull' : `ctx==${c}`)
     });
   } else if (ctx === 'isNull') {
     // isNull is a special case
@@ -59,7 +55,7 @@ const useCustomProperties = _ref => {
     });
   }
   const query = (0, _utils.generateKiwtQuery)(custPropOptions, nsValues);
-  const path = "".concat(endpoint).concat(query);
+  const path = `${endpoint}${query}`;
   const queryObject = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useCustomProperties', 'custprops', ctx, path], () => ky(path).json(), queryParams);
   if (returnQueryObject) {
     return queryObject || {};

package/es/lib/hooks/useHelperApp.js

@@ -10,18 +10,13 @@ var _queryString = _interopRequireDefault(require("query-string"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _jsxRuntime = require("react/jsx-runtime");
 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); }
 const useHelperApp = helpers => {
   const history = (0, _reactRouterDom.useHistory)();
   const location = (0, _reactRouterDom.useLocation)();
   const [helperObject, setHelperObject] = (0, _react.useState)({});
   const [helperToggleFunctions, setHelperToggleFunctions] = (0, _react.useState)({});
   const query = _queryString.default.parse(location.search);
-  const [currentHelper, setCurrentHelper] = (0, _react.useState)(query === null || query === void 0 ? void 0 : query.helper);
+  const [currentHelper, setCurrentHelper] = (0, _react.useState)(query?.helper);
   const handleToggleHelper = (0, _react.useCallback)(helper => {
     setCurrentHelper(helper !== currentHelper ? helper : undefined);
   }, [currentHelper]);
@@ -40,13 +35,14 @@ const useHelperApp = helpers => {
       // This makes sure adding/removing helpers changes the functions
       setHelperToggleFunctions(newHelperToggleFunctions);
     }
-    if (currentHelper !== (query === null || query === void 0 ? void 0 : query.helper)) {
-      const newQuery = _objectSpread(_objectSpread({}, query), {}, {
+    if (currentHelper !== query?.helper) {
+      const newQuery = {
+        ...query,
         helper: currentHelper
-      });
+      };
       history.push({
         pathname: location.pathname,
-        search: "?".concat(_queryString.default.stringify(newQuery))
+        search: `?${_queryString.default.stringify(newQuery)}`
       });
 
       // When helper changes, reset helperToggleFunctions
@@ -56,14 +52,15 @@ const useHelperApp = helpers => {
 
   // Set the HelperComponent
   const HelperComponent = (0, _react.useCallback)(props => {
-    if (!(query !== null && query !== void 0 && query.helper)) return null;
+    if (!query?.helper) return null;
     let Component = null;
-    Component = helperObject[query === null || query === void 0 ? void 0 : query.helper];
+    Component = helperObject[query?.helper];
     if (!Component) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({
-      onToggle: () => handleToggleHelper(query === null || query === void 0 ? void 0 : query.helper)
-    }, props));
-  }, [handleToggleHelper, helperObject, query === null || query === void 0 ? void 0 : query.helper]);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      onToggle: () => handleToggleHelper(query?.helper),
+      ...props
+    });
+  }, [handleToggleHelper, helperObject, query?.helper]);
   return {
     currentHelper,
     HelperComponent,