@k-int/stripes-kint-components 5.25.2 → 5.25.3

package/es/lib/SASQViewComponent/SASQViewComponent.js

@@ -9,86 +9,94 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["fetchParameters", "history", "id", "location", "match", "path", "viewQueryPromise", "viewResponseTransform", "ViewComponent", "viewQueryNamespaceGenerator"],
+  _excluded2 = ["data"];
 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; }
 const SASQViewComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  var _fetchParameters$item, _match$params, _match$params3;
   let {
-    fetchParameters,
-    history,
-    id,
-    location,
-    match,
-    path,
-    viewQueryPromise = _ref2 => {
-      let {
-        endpoint,
-        ky,
-        resourceId
-      } = _ref2;
-      return ky.get(`${endpoint}/${resourceId}`).json();
-    },
-    viewResponseTransform = response => response,
-    ViewComponent,
-    viewQueryNamespaceGenerator = _ref3 => {
-      let {
-        namespace,
-        componentId,
-        id: passedId
-      } = _ref3;
-      const queryNamespace = [namespace, 'SASQ'];
-      if (componentId) {
-        queryNamespace.push(componentId);
+      fetchParameters,
+      history,
+      id,
+      location,
+      match,
+      path,
+      viewQueryPromise = _ref2 => {
+        let {
+          endpoint,
+          ky,
+          resourceId
+        } = _ref2;
+        return ky.get("".concat(endpoint, "/").concat(resourceId)).json();
+      },
+      viewResponseTransform = response => response,
+      ViewComponent,
+      viewQueryNamespaceGenerator = _ref3 => {
+        let {
+          namespace,
+          componentId,
+          id: passedId
+        } = _ref3;
+        const queryNamespace = [namespace, 'SASQ'];
+        if (componentId) {
+          queryNamespace.push(componentId);
+        }
+        queryNamespace.push('view');
+        queryNamespace.push(passedId);
+        return queryNamespace;
       }
-      queryNamespace.push('view');
-      queryNamespace.push(passedId);
-      return queryNamespace;
-    },
-    ...props
-  } = _ref;
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     0: namespace
   } = (0, _core.useNamespace)();
 
   // If itemEndpoint is available, use that, otherwise use standard endpoint
-  const endpoint = fetchParameters?.itemEndpoint ?? fetchParameters?.endpoint;
+  const endpoint = (_fetchParameters$item = fetchParameters === null || fetchParameters === void 0 ? void 0 : fetchParameters.itemEndpoint) !== null && _fetchParameters$item !== void 0 ? _fetchParameters$item : fetchParameters === null || fetchParameters === void 0 ? void 0 : fetchParameters.endpoint;
   const ky = (0, _core.useOkapiKy)();
-  const {
-    data = {},
-    ...rest
-  } = (0, _reactQuery.useQuery)(viewQueryNamespaceGenerator({
-    componentId: id,
-    namespace,
-    endpoint,
-    id: match?.params?.id,
-    match
-  }), () => {
-    return viewQueryPromise({
-      ky,
-      resourceId: match?.params?.id,
-      endpoint
-    });
-  }, {
-    enabled: !!match?.params?.id,
-    // select is a parameter supported by useQuery to transform the response
-    // Could be possible to instead pass this down along with the queryOptions
-    // Additionally this is assuming the viewResponseTransform is a func as opposed to an object
-    select: selectData => {
-      return viewResponseTransform(selectData);
-    }
-  });
+  const _useQuery = (0, _reactQuery.useQuery)(viewQueryNamespaceGenerator({
+      componentId: id,
+      namespace,
+      endpoint,
+      id: match === null || match === void 0 || (_match$params = match.params) === null || _match$params === void 0 ? void 0 : _match$params.id,
+      match
+    }), () => {
+      var _match$params2;
+      return viewQueryPromise({
+        ky,
+        resourceId: match === null || match === void 0 || (_match$params2 = match.params) === null || _match$params2 === void 0 ? void 0 : _match$params2.id,
+        endpoint
+      });
+    }, {
+      enabled: !!(match !== null && match !== void 0 && (_match$params3 = match.params) !== null && _match$params3 !== void 0 && _match$params3.id),
+      // select is a parameter supported by useQuery to transform the response
+      // Could be possible to instead pass this down along with the queryOptions
+      // Additionally this is assuming the viewResponseTransform is a func as opposed to an object
+      select: selectData => {
+        return viewResponseTransform(selectData);
+      }
+    }),
+    {
+      data = {}
+    } = _useQuery,
+    rest = _objectWithoutProperties(_useQuery, _excluded2);
   (0, _react.useImperativeHandle)(ref, () => ({
-    queryProps: {
-      data,
-      ...rest
-    }
+    queryProps: _objectSpread({
+      data
+    }, rest)
   }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewComponent, {
-    onClose: () => history.push(`${path}${location.search}`),
-    queryProps: {
-      ...rest
-    },
-    resource: data,
-    ...props
-  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewComponent, _objectSpread({
+    onClose: () => history.push("".concat(path).concat(location.search)),
+    queryProps: _objectSpread({}, rest),
+    resource: data
+  }, props));
 });
 SASQViewComponent.propTypes = {
   fetchParameters: _propTypes.default.object,

package/es/lib/SearchField/SearchField.js

@@ -9,8 +9,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _components = require("@folio/stripes/components");
 var _SearchField = _interopRequireDefault(require("../../../styles/SearchField.css"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ariaLabel"]; // Accepts the same props as TextField
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Accepts the same props as TextField
+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; }
 const propTypes = {
   ariaLabel: _propTypes.default.string,
   clearSearchId: _propTypes.default.string,
@@ -19,22 +26,21 @@ const propTypes = {
 };
 const SearchField = props => {
   const {
-    ariaLabel,
-    ...rest
-  } = props;
+      ariaLabel
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const searchIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
     icon: "search",
     iconClassName: _SearchField.default.searchIcon,
     size: "small"
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, {
-    ...rest,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, _objectSpread(_objectSpread({}, rest), {}, {
     "aria-label": rest['aria-label'] || ariaLabel,
     focussedclass: _SearchField.default.isFocused,
     hasClearIcon: true,
     startControl: searchIcon,
     type: "search"
-  });
+  }));
 };
 SearchField.propTypes = propTypes;
 var _default = exports.default = SearchField;

package/es/lib/SearchKeyControl/SearchKeyControl.js

@@ -21,15 +21,19 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   } = _ref;
   // This component expects a qIndex comprising of a comma separated list
   const [qIndex, setQIndex] = (0, _hooks.useQIndex)();
-  const qIndexArray = (0, _react.useMemo)(() => qIndex?.split(',')?.map(index => index.trim()) ?? [], [qIndex]);
+  const qIndexArray = (0, _react.useMemo)(() => {
+    var _qIndex$split$map, _qIndex$split;
+    return (_qIndex$split$map = qIndex === null || qIndex === void 0 || (_qIndex$split = qIndex.split(',')) === null || _qIndex$split === void 0 ? void 0 : _qIndex$split.map(index => index.trim())) !== null && _qIndex$split$map !== void 0 ? _qIndex$split$map : [];
+  }, [qIndex]);
 
   // Memoise this process so keyState changes if and only if options/qIndex change
   const createKeyState = (0, _react.useCallback)(() => options.reduce((acc, curr) => {
+    var _curr$indexes$length, _curr$indexes, _curr$label;
     // Is in use if URL contains ALL of the indexes
-    const subindexes = (curr?.indexes?.length ?? 0) > 0 ? curr.indexes : [curr.key];
+    const subindexes = ((_curr$indexes$length = curr === null || curr === void 0 || (_curr$indexes = curr.indexes) === null || _curr$indexes === void 0 ? void 0 : _curr$indexes.length) !== null && _curr$indexes$length !== void 0 ? _curr$indexes$length : 0) > 0 ? curr.indexes : [curr.key];
     acc[curr.key] = {
       inUse: subindexes.every(si => qIndexArray.includes(si)),
-      label: curr.label ?? curr.key,
+      label: (_curr$label = curr.label) !== null && _curr$label !== void 0 ? _curr$label : curr.key,
       subIndexes: curr.indexes
     };
     return acc;
@@ -52,6 +56,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
     defaultToPageOne: false
   });
   const handleSearchKeyChange = (0, _react.useCallback)(_ref2 => {
+    var _value$subIndexes$len, _value$subIndexes;
     let {
       e: {
         target: {
@@ -62,7 +67,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
       value
     } = _ref2;
     // Set up which indexes need to change
-    const indicesToChange = (value?.subIndexes?.length ?? 0) > 0 ? value.subIndexes : [key];
+    const indicesToChange = ((_value$subIndexes$len = value === null || value === void 0 || (_value$subIndexes = value.subIndexes) === null || _value$subIndexes === void 0 ? void 0 : _value$subIndexes.length) !== null && _value$subIndexes$len !== void 0 ? _value$subIndexes$len : 0) > 0 ? value.subIndexes : [key];
 
     // If false, we must remove from the qIndex
     if (!targetIsChecked) {
@@ -79,7 +84,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
         qIndexArray.push(ind);
       });
     }
-    setQIndex(qIndexArray?.join(','));
+    setQIndex(qIndexArray === null || qIndexArray === void 0 ? void 0 : qIndexArray.join(','));
     if (currentPage) {
       resetPage();
     }
@@ -97,15 +102,15 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
           }
         */
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Checkbox, {
-          checked: value?.inUse,
+          checked: value === null || value === void 0 ? void 0 : value.inUse,
           className: _SearchKeyControl.default.searchKeyControlElement,
-          label: value?.label,
+          label: value === null || value === void 0 ? void 0 : value.label,
           onChange: e => handleSearchKeyChange({
             e,
             key,
             value
           })
-        }, `search-key-control-${key}`);
+        }, "search-key-control-".concat(key));
       })
     })
   });

package/es/lib/SearchKeyControl/SearchKeyControl.test.js

@@ -7,9 +7,13 @@ var _SearchKeyControl = _interopRequireDefault(require("./SearchKeyControl"));
 var _jest = require("../../../test/jest");
 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 mockUseQIndex = jest.fn();
-jest.mock('../hooks', () => ({
-  ...jest.requireActual('../hooks'),
+jest.mock('../hooks', () => _objectSpread(_objectSpread({}, jest.requireActual('../hooks')), {}, {
   useQIndex: () => mockUseQIndex()
 }));
 describe('SearchKeyControl', () => {

package/es/lib/SettingPage/SettingPagePane/SettingPagePane.js

@@ -20,9 +20,9 @@ const SettingPagePane = _ref => {
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
     defaultWidth: "fill",
-    id: `settings-${sectionName}`,
+    id: "settings-".concat(sectionName),
     paneTitle: kintIntl.formatKintMessage({
-      id: `settings.settingsSection.${(0, _utils.toCamelCase)(sectionName)}`,
+      id: "settings.settingsSection.".concat((0, _utils.toCamelCase)(sectionName)),
       fallbackMessage: sectionName
     }),
     children: children

package/es/lib/SettingsFormContainer/SettingsFormContainer.js

@@ -8,25 +8,33 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _core = require("@folio/stripes/core");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const _excluded = ["ConfigFormComponent", "configName", "getInitialValues", "intlKey", "intlNS", "labelOverrides", "moduleName", "scope"];
 /*
  * API is similar to ConfigManager
  *
  * DEPRECATED -- As far as I can see this is now unused anyway
  * KInt modules are swapping to AppSettings instead of mod-settings, so no centralised components should be needed
- */const SettingsFormContainer = _ref => {
+ */
+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; }
+const SettingsFormContainer = _ref => {
   let {
-    ConfigFormComponent,
-    configName,
-    getInitialValues: passedGetInitialValues,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    moduleName,
-    scope,
-    // We don't use this currently but it's here for future reference
-    ...rest
-  } = _ref;
+      ConfigFormComponent,
+      configName,
+      getInitialValues: passedGetInitialValues,
+      intlKey: passedIntlKey,
+      intlNS: passedIntlNS,
+      labelOverrides = {},
+      moduleName,
+      scope // We don't use this currently but it's here for future reference
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   // eslint-disable-next-line no-console
   console.warn('SettingsFormContainer is deprecated, as it utilises mod-config');
   const callout = (0, _core.useCallout)();
@@ -54,20 +62,18 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   } = (0, _hooks.useMutateModConfigEntry)({
     configName,
     moduleName,
-    id: settings?.id
+    id: settings === null || settings === void 0 ? void 0 : settings.id
   });
   const onSubmit = values => {
-    const setting = {
-      ...settings,
-      value: JSON.stringify(values),
-      ...(moduleName ? {
-        module: moduleName,
-        configName
-      } : {
-        scope,
-        key: configName
-      })
-    };
+    const setting = _objectSpread(_objectSpread({}, settings), {}, {
+      value: JSON.stringify(values)
+    }, moduleName ? {
+      module: moduleName,
+      configName
+    } : {
+      scope,
+      key: configName
+    });
     editSettings(setting).then(() => {
       callout.sendCallout({
         message: kintIntl.formatKintMessage({
@@ -75,7 +81,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
           id: 'settingSaveSuccess',
           intlKey: passedIntlKey,
           intlNS: passedIntlNS,
-          overrideValue: labelOverrides?.settingSaveSuccess
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.settingSaveSuccess
         }),
         type: 'success'
       });
@@ -95,11 +101,10 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
     style: {
       width: '100%'
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ConfigFormComponent, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ConfigFormComponent, _objectSpread({
       initialValues: getInitialValues(),
-      onSubmit: onSubmit,
-      ...rest
-    })
+      onSubmit: onSubmit
+    }, rest))
   });
 };
 SettingsFormContainer.propTypes = {

package/es/lib/Tags/Tags.js

@@ -17,6 +17,7 @@ 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
@@ -59,7 +60,7 @@ const Tags = _ref => {
     json: data
   }).then(() => {
     queryClient.invalidateQueries(link);
-    if (invalidateLinks?.length) {
+    if (invalidateLinks !== null && invalidateLinks !== void 0 && invalidateLinks.length) {
       invalidateLinks.forEach(il => queryClient.invalidateQueries(il));
     }
   }));
@@ -84,7 +85,8 @@ const Tags = _ref => {
   // add tag to the list of entity tags
   // istanbul ignore next
   const saveEntityTags = tagsToSave => {
-    const tagListMap = (entity?.tags ?? []).map(tag => ({
+    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 => ({
       'value': tag.value
     }));
     const tagsMap = tagsToSave.map(tag => ({
@@ -100,7 +102,8 @@ const Tags = _ref => {
     saveTags(addTags);
   };
   const onRemove = tag => {
-    const tagToDelete = (entity?.tags ?? []).filter(t => t.value.toLowerCase() === tag.toLowerCase());
+    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());
     putEntity({
       tags: [{
         id: tagToDelete[0].id,
@@ -108,7 +111,7 @@ const Tags = _ref => {
       }]
     });
   };
-  const entityTags = (entity?.tags ?? []).map(tag => tag.value.toLowerCase());
+  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());
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
     defaultWidth: "20%",
     dismissible: true,
@@ -118,7 +121,7 @@ const Tags = _ref => {
       id: 'numberOfTags',
       overrideValue: labelOverrides.numberOfTags
     }, {
-      count: entity?.tags?.length ?? 0
+      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
     }),
     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 ?? _tagsConfig.tagNamespaceArray;
+  const nsArray = namespaceArray !== null && namespaceArray !== void 0 ? 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

@@ -10,7 +10,7 @@ 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 ky = (0, _core.useOkapiKy)();
-  const queryObject = (0, _reactQuery.useQuery)(tagsEnabledQueryKey, () => ky.get(`${_endpoints.MOD_SETTINGS_ENDPOINT}?query=(module==TAGS and configName==tags_enabled)`).json());
+  const queryObject = (0, _reactQuery.useQuery)(tagsEnabledQueryKey, () => ky.get("".concat(_endpoints.MOD_SETTINGS_ENDPOINT, "?query=(module==TAGS and configName==tags_enabled)")).json());
   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 = `${tagsPath}?${defaultTagsParams?.join('&')}`;
+const defaultTagQuery = exports.defaultTagQuery = "".concat(tagsPath, "?").concat(defaultTagsParams === null || defaultTagsParams === void 0 ? void 0 : 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 _get = _interopRequireDefault(require("lodash/get"));
+var _get3 = _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, _get.default)(input.value, uniqueIdentificationPath);
+  const selectedUniqueId = (0, _get3.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,18 +54,25 @@ const Typedown = _ref => {
 
   // Setup default handleType
   const handleType = e => {
-    const regex = new RegExp(`${e.target.value.toLowerCase()}`);
+    var _e$target, _e$target2;
+    const regex = new RegExp("".concat(e.target.value.toLowerCase()));
     if (onType) {
       onType(e);
-    } 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 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 {
       setDisplayData(dataOptions);
     }
     setCurrentlyTyped(e.target.value);
-    if (displayData.length === 1 && (0, _get.default)(displayData[0], filterPath) === e.target.value) {
+    if (displayData.length === 1 && (0, _get3.default)(displayData[0], filterPath) === e.target.value) {
       setExactMatch(true);
     } else {
       setExactMatch(false);
@@ -98,7 +105,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, _get.default)(option, uniqueIdentificationPath)
+      children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch, optionIsSelected) : (0, _get3.default)(option, uniqueIdentificationPath)
     });
   }, [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
   const handleChange = (0, _react.useCallback)(value => {
@@ -110,23 +117,23 @@ const Typedown = _ref => {
   const dropDown = (0, _react.useCallback)(() => {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _TypeDown.default.dropdownMenu,
-      id: `typedown-parent-${(0, _selectorSafe.default)(input.name)}-menu`,
+      id: "typedown-parent-".concat((0, _selectorSafe.default)(input.name), "-menu"),
       style: {
-        '--searchWidth': `${searchWidth}px`
+        '--searchWidth': "".concat(searchWidth, "px")
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: listRef,
         className: _TypeDown.default.listContainer,
         id: "typedown-list",
-        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;
+        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;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
             className: (0, _classnames.default)(_TypeDown.default.fullWidth, _TypeDown.default.menuButton, {
-              [`${selectedCSS}`]: isSelectedEval
+              ["".concat(selectedCSS)]: isSelectedEval
             }),
             "data-selected": isSelectedEval,
-            id: `typedown-button-[${index}]`,
+            id: "typedown-button-[".concat(index, "]"),
             onClick: () => {
               handleChange(d);
               handleNextFocus();
@@ -134,12 +141,12 @@ const Typedown = _ref => {
             onKeyDown: listKeyDownHandler,
             type: "button",
             children: renderItem(d, isSelectedEval)
-          }, `typedown-button-[${index}]`);
+          }, "typedown-button-[".concat(index, "]"));
         }) : endOfList || /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EndOfList, {})
       }), renderFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: footerRef,
         className: _TypeDown.default.footer,
-        id: `typedown-footer-${(0, _selectorSafe.default)(input.name)}`,
+        id: "typedown-footer-".concat((0, _selectorSafe.default)(input.name)),
         children: renderFooter(displayData, currentlyTyped, exactMatch)
       })]
     });
@@ -147,11 +154,11 @@ const Typedown = _ref => {
   const renderSearchField = () => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: triggerRef,
-      id: `typedown-parent-${(0, _selectorSafe.default)(input.name)}-searchField`,
+      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-${(0, _selectorSafe.default)(input.name)}`,
+        id: "typedown-searchField-".concat((0, _selectorSafe.default)(input.name)),
         label: label,
         marginBottom0: true,
         meta: meta,
@@ -167,7 +174,7 @@ const Typedown = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: resizeRef,
     className: (0, _classnames.default)(_TypeDown.default.typedown, className),
-    id: `typedown-id-${id}`,
+    id: "typedown-id-".concat(id),
     children: [renderSearchField(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popper, {
       anchorRef: triggerRef,
       className: (0, _classnames.default)(_TypeDown.default.dropdown, _TypeDown.default.fullWidth),