@k-int/stripes-kint-components 5.6.1 → 5.7.0

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

@@ -12,7 +12,6 @@ var _NoResultsMessage = _interopRequireDefault(require("../../NoResultsMessage")
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TableBody = _ref => {
-  var _query$sort, _match$params2;
   let {
     data,
     error,
@@ -36,7 +35,7 @@ const TableBody = _ref => {
     toggleFilterPane,
     query
   } = _ref;
-  const sortOrder = (_query$sort = query.sort) !== null && _query$sort !== void 0 ? _query$sort : '';
+  const sortOrder = query.sort ?? '';
   const history = (0, _reactRouterDom.useHistory)();
   const location = (0, _reactRouterDom.useLocation)();
   const onNeedMoreData = (_askAmount, index) => {
@@ -51,9 +50,9 @@ const TableBody = _ref => {
   // Build the list of visible columns
   const visibleColumns = resultColumns.map(e => e.propertyPath);
   const getRowUrl = (0, _react.useCallback)(rowData => {
-    const baseUrl = "".concat(path, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+    const baseUrl = `${path}/${rowData?.id}`;
     return {
-      url: "".concat(baseUrl).concat(location === null || location === void 0 ? void 0 : location.search),
+      url: `${baseUrl}${location?.search}`,
       path,
       baseUrl,
       location
@@ -78,16 +77,15 @@ const TableBody = _ref => {
     return null;
   }, [getRowUrl, history, rowNavigation]);
   const isSelected = (0, _react.useCallback)(_ref2 => {
-    var _match$params;
     let {
       item
     } = _ref2;
-    return item.id === (match === null || match === void 0 || (_match$params = match.params) === null || _match$params === void 0 ? void 0 : _match$params.id);
-  }, [match === null || match === void 0 || (_match$params2 = match.params) === null || _match$params2 === void 0 ? void 0 : _match$params2.id]);
+    return item.id === match?.params?.id;
+  }, [match?.params?.id]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, {
     autosize: true,
     columnMapping: columnMapping,
-    contentData: data === null || data === void 0 ? void 0 : data.results,
+    contentData: data?.results,
     formatter: getEnhancedFormatter() // Pass enhanced formatter
     ,
     hasMargin: true,

package/es/lib/SASQRoute/SASQRoute.js

@@ -36,7 +36,7 @@ const SASQRoute = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   // Reinsert the SASQ_MAP
   fetchParameters.SASQ_MAP = SASQ_MAP;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-    path: "".concat(path, "/:id?"),
+    path: `${path}/:id?`,
     render: routeProps => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQLookupComponent.SASQLookupComponent, {
         ref: lookupRef,
@@ -46,7 +46,7 @@ const SASQRoute = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         ...props,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Switch, {
           children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-            path: "".concat(path, "/:id"),
+            path: `${path}/:id`,
             render: innerProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SASQViewComponent.default, {
               ref: viewRef,
               ...innerProps,

package/es/lib/SASQViewComponent/SASQViewComponent.js

@@ -11,7 +11,6 @@ var _core = require("@folio/stripes/core");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const SASQViewComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  var _fetchParameters$item, _match$params, _match$params3;
   let {
     fetchParameters,
     history,
@@ -27,22 +26,19 @@ const SASQViewComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   } = (0, _core.useNamespace)();
 
   // If itemEndpoint is available, use that, otherwise use standard 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 endpoint = fetchParameters?.itemEndpoint ?? fetchParameters?.endpoint;
   const queryNamespace = [namespace, 'SASQ'];
   if (id) {
     queryNamespace.push(id);
   }
   queryNamespace.push('view');
-  queryNamespace.push(match === null || match === void 0 || (_match$params = match.params) === null || _match$params === void 0 ? void 0 : _match$params.id);
+  queryNamespace.push(match?.params?.id);
   const ky = (0, _core.useOkapiKy)();
   const {
     data = {},
     ...rest
-  } = (0, _reactQuery.useQuery)(queryNamespace, () => {
-    var _match$params2;
-    return ky("".concat(endpoint, "/").concat(match === null || match === void 0 || (_match$params2 = match.params) === null || _match$params2 === void 0 ? void 0 : _match$params2.id)).json();
-  }, {
-    enabled: !!(match !== null && match !== void 0 && (_match$params3 = match.params) !== null && _match$params3 !== void 0 && _match$params3.id)
+  } = (0, _reactQuery.useQuery)(queryNamespace, () => ky(`${endpoint}/${match?.params?.id}`).json(), {
+    enabled: !!match?.params?.id
   });
   (0, _react.useImperativeHandle)(ref, () => ({
     queryProps: {
@@ -51,7 +47,7 @@ const SASQViewComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     }
   }));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewComponent, {
-    onClose: () => history.push("".concat(path).concat(location.search)),
+    onClose: () => history.push(`${path}${location.search}`),
     queryProps: {
       ...rest
     },

package/es/lib/SettingPage/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-".concat(sectionName),
+    id: `settings-${sectionName}`,
     paneTitle: kintIntl.formatKintMessage({
-      id: "settings.settingsSection.".concat((0, _utils.toCamelCase)(sectionName)),
+      id: `settings.settingsSection.${(0, _utils.toCamelCase)(sectionName)}`,
       fallbackMessage: sectionName
     }),
     children: children

package/es/lib/SettingsFormContainer/SettingsFormContainer.js

@@ -49,7 +49,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   } = (0, _hooks.useMutateModConfigEntry)({
     configName,
     moduleName,
-    id: settings === null || settings === void 0 ? void 0 : settings.id
+    id: settings?.id
   });
   const onSubmit = values => {
     const setting = {
@@ -70,7 +70,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
           id: 'settingSaveSuccess',
           intlKey: passedIntlKey,
           intlNS: passedIntlNS,
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.settingSaveSuccess
+          overrideValue: labelOverrides?.settingSaveSuccess
         }),
         type: 'success'
       });

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"));
@@ -34,9 +34,11 @@ const Typedown = _ref => {
     renderFooter = null,
     renderListItem = 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);
 
   // 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);
@@ -50,25 +52,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);
@@ -95,10 +90,13 @@ const Typedown = _ref => {
       searchWidth
     }
   } = (0, _typedownHooks.useTypedown)(input.name);
-  const renderItem = (0, _react.useCallback)(option => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: _TypeDown.default.listItem,
-    children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch) : (0, _get3.default)(option, uniqueIdentificationPath)
-  }), [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
+  const renderItem = (0, _react.useCallback)(function (option) {
+    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)
+    });
+  }, [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
   const handleChange = (0, _react.useCallback)(value => {
     input.onChange(value);
     if (typeof onChange === 'function') {
@@ -108,45 +106,48 @@ 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);
+        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),
+            className: (0, _classnames.default)(_TypeDown.default.fullWidth, _TypeDown.default.menuButton, {
+              [`${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)
-          }, "typedown-button-[".concat(index, "]"));
+            children: renderItem(d, isSelectedEval)
+          }, `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, isSelected, listKeyDownHandler, listRef, renderFooter, renderItem, searchWidth, uniqueIdentificationPath]);
+  }, [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"),
+      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,
@@ -159,7 +160,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),
@@ -213,6 +214,7 @@ Typedown.propTypes = {
   renderFooter: _propTypes.default.func,
   renderListItem: _propTypes.default.func,
   required: _propTypes.default.bool,
+  selectedStyles: _propTypes.default.string,
   uniqueIdentificationPath: _propTypes.default.string
 };
 var _default = exports.default = Typedown;

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

@@ -13,14 +13,14 @@ var _useTypedownToggle = _interopRequireDefault(require("./useTypedownToggle"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const useTypedown = name => {
   // 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

@@ -41,7 +41,7 @@ const useCustomProperties = _ref => {
 
     // 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
@@ -55,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

@@ -17,7 +17,7 @@ const useHelperApp = helpers => {
   const history = (0, _reactRouterDom.useHistory)();
   const location = (0, _reactRouterDom.useLocation)();
   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]);
@@ -29,26 +29,26 @@ const useHelperApp = helpers => {
     if (!(0, _isEqual.default)(Object.keys(helperObject), Object.keys(helpers))) {
       helperObject = helpers;
     }
-    if (currentHelper !== (query === null || query === void 0 ? void 0 : query.helper)) {
+    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)}`
       });
     }
   }, [currentHelper, helpers, history, location, query]);
 
   // Set the HelperComponent
   const HelperComponent = (0, _react.useMemo)(() => 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, {
-      onToggle: () => handleToggleHelper(query === null || query === void 0 ? void 0 : query.helper),
+      onToggle: () => handleToggleHelper(query?.helper),
       ...props
     });
   }, [handleToggleHelper, query.helper]);

package/es/lib/hooks/useIntlKeyStore.js

@@ -12,9 +12,8 @@ var _zustand = require("zustand");
 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;
     }
@@ -27,9 +26,8 @@ const useIntlKeyStore = (0, _zustand.create)((set, get) => ({
     };
   }),
   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;
     }
@@ -43,13 +41,12 @@ const useIntlKeyStore = (0, _zustand.create)((set, get) => ({
     };
   }),
   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/useKintIntl.js

@@ -15,7 +15,6 @@ 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,
@@ -23,12 +22,11 @@ const useKintIntl = (passedIntlKey, passedIntlNS) => {
       ...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({
           id: overrideValue,
@@ -42,10 +40,9 @@ 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]) {
+      if (intlObj.messages?.[fallbackMessage]) {
         return intlObj.formatMessage({
           id: fallbackMessage,
           ...formatParams
@@ -56,14 +53,11 @@ const useKintIntl = (passedIntlKey, passedIntlNS) => {
 
     // After all that, render the message from key
     return intlObj.formatMessage({
-      id: "".concat(intlKey, ".").concat(id),
+      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)]);
-  };
+  const messageExists = key => !!intlObj.messages?.[`${intlKey}.${key}`];
   return {
     ...intlObj,
     formatKintMessage,

package/es/lib/hooks/useKiwtSASQuery.js

@@ -23,7 +23,7 @@ const locationQuerySetter = _ref => {
 
   // Do not push to history if the url didn't change
   // https://issues.folio.org/browse/STSMACOM-637
-  if ("".concat(pathname).concat(search) !== url) {
+  if (`${pathname}${search}` !== url) {
     history.push(url);
   }
 };

package/es/lib/hooks/useModConfigEntries.js

@@ -18,8 +18,8 @@ const useModConfigEntries = _ref => {
     queryParams
   } = _ref;
   const ky = (0, _core.useOkapiKy)();
-  const query = "?query=(module=".concat(moduleName, " and configName=").concat(configName, ")");
-  const path = "".concat(_endpoints.MOD_SETTINGS_ENDPOINT).concat(query);
+  const query = `?query=(module=${moduleName} and configName=${configName})`;
+  const path = `${_endpoints.MOD_SETTINGS_ENDPOINT}${query}`;
   const namespace = (0, _utils.modConfigEntriesQueryKey)({
     configName,
     moduleName,

package/es/lib/hooks/useMutateCustomProperties.js

@@ -21,24 +21,24 @@ const useMutateCustomProperties = _ref => {
   } = _ref;
   const returnObj = {};
   const ky = (0, _core.useOkapiKy)();
-  const deleteQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateCustomProperties', 'delete', id], async () => ky.delete("".concat(endpoint, "/").concat(id)).json().then(afterQueryCalls === null || afterQueryCalls === void 0 ? void 0 : afterQueryCalls.delete).catch(catchQueryCalls === null || catchQueryCalls === void 0 ? void 0 : catchQueryCalls.delete), queryParams === null || queryParams === void 0 ? void 0 : queryParams.delete);
-  const putQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateCustomProperties', 'put', id], async data => ky.put("".concat(endpoint, "/").concat(id), {
+  const deleteQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateCustomProperties', 'delete', id], async () => ky.delete(`${endpoint}/${id}`).json().then(afterQueryCalls?.delete).catch(catchQueryCalls?.delete), queryParams?.delete);
+  const putQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateCustomProperties', 'put', id], async data => ky.put(`${endpoint}/${id}`, {
     json: data
-  }).json().then(afterQueryCalls === null || afterQueryCalls === void 0 ? void 0 : afterQueryCalls.put).catch(catchQueryCalls === null || catchQueryCalls === void 0 ? void 0 : catchQueryCalls.put), queryParams === null || queryParams === void 0 ? void 0 : queryParams.put);
-  const postQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateCustomProperties', 'post'], async data => ky.post("".concat(endpoint), {
+  }).json().then(afterQueryCalls?.put).catch(catchQueryCalls?.put), queryParams?.put);
+  const postQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateCustomProperties', 'post'], async data => ky.post(`${endpoint}`, {
     json: data
-  }).json().then(afterQueryCalls === null || afterQueryCalls === void 0 ? void 0 : afterQueryCalls.post).catch(catchQueryCalls === null || catchQueryCalls === void 0 ? void 0 : catchQueryCalls.post), queryParams === null || queryParams === void 0 ? void 0 : queryParams.post);
-  if (returnQueryObject !== null && returnQueryObject !== void 0 && returnQueryObject.delete) {
+  }).json().then(afterQueryCalls?.post).catch(catchQueryCalls?.post), queryParams?.post);
+  if (returnQueryObject?.delete) {
     returnObj.delete = deleteQueryObject;
   } else {
     returnObj.delete = deleteQueryObject.mutateAsync;
   }
-  if (returnQueryObject !== null && returnQueryObject !== void 0 && returnQueryObject.put) {
+  if (returnQueryObject?.put) {
     returnObj.put = putQueryObject;
   } else {
     returnObj.put = putQueryObject.mutateAsync;
   }
-  if (returnQueryObject !== null && returnQueryObject !== void 0 && returnQueryObject.post) {
+  if (returnQueryObject?.post) {
     returnObj.post = postQueryObject;
   } else {
     returnObj.post = postQueryObject.mutateAsync;

package/es/lib/hooks/useMutateModConfigEntry.js

@@ -21,12 +21,12 @@ const useMutateModConfigEntry = _ref => {
     configName,
     moduleName
   });
-  const putQueryObject = (0, _reactQuery.useMutation)([...baseNamespace, 'putConfigEntry', id], async data => ky.put("".concat(_endpoints.MOD_SETTINGS_ENDPOINT, "/").concat(id), {
+  const putQueryObject = (0, _reactQuery.useMutation)([...baseNamespace, 'putConfigEntry', id], async data => ky.put(`${_endpoints.MOD_SETTINGS_ENDPOINT}/${id}`, {
     json: data
   }).json().then(() => {
     queryClient.invalidateQueries(baseNamespace);
   }));
-  const postQueryObject = (0, _reactQuery.useMutation)([...baseNamespace, 'postConfigEntry'], async data => ky.post("".concat(_endpoints.MOD_SETTINGS_ENDPOINT), {
+  const postQueryObject = (0, _reactQuery.useMutation)([...baseNamespace, 'postConfigEntry'], async data => ky.post(`${_endpoints.MOD_SETTINGS_ENDPOINT}`, {
     json: data
   }).json().then(() => {
     queryClient.invalidateQueries(baseNamespace);

package/es/lib/hooks/useMutateRefdataCategory.js

@@ -22,19 +22,19 @@ const useMutateRefdataCategory = _ref => {
   const returnObj = {};
   const ky = (0, _core.useOkapiKy)();
   const invalidateRefdata = (0, _useInvalidateRefdata.default)();
-  const deleteQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateRefdataCategory', 'delete'], async id => ky.delete("".concat(endpoint, "/").concat(id)).json().then(afterQueryCalls === null || afterQueryCalls === void 0 ? void 0 : afterQueryCalls.delete).then(() => invalidateRefdata()).catch(catchQueryCalls === null || catchQueryCalls === void 0 ? void 0 : catchQueryCalls.delete), queryParams === null || queryParams === void 0 ? void 0 : queryParams.delete);
+  const deleteQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateRefdataCategory', 'delete'], async id => ky.delete(`${endpoint}/${id}`).json().then(afterQueryCalls?.delete).then(() => invalidateRefdata()).catch(catchQueryCalls?.delete), queryParams?.delete);
   const postQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateRefdataCategory', 'post'], async payload => ky.post(endpoint, {
     json: {
       ...payload,
       values: []
     }
-  }).json().then(afterQueryCalls === null || afterQueryCalls === void 0 ? void 0 : afterQueryCalls.post).then(() => invalidateRefdata()).catch(catchQueryCalls === null || catchQueryCalls === void 0 ? void 0 : catchQueryCalls.post), queryParams === null || queryParams === void 0 ? void 0 : queryParams.post);
-  if (returnQueryObject !== null && returnQueryObject !== void 0 && returnQueryObject.delete) {
+  }).json().then(afterQueryCalls?.post).then(() => invalidateRefdata()).catch(catchQueryCalls?.post), queryParams?.post);
+  if (returnQueryObject?.delete) {
     returnObj.delete = deleteQueryObject;
   } else {
     returnObj.delete = deleteQueryObject.mutateAsync;
   }
-  if (returnQueryObject !== null && returnQueryObject !== void 0 && returnQueryObject.post) {
+  if (returnQueryObject?.post) {
     returnObj.post = postQueryObject;
   } else {
     returnObj.post = postQueryObject.mutateAsync;

package/es/lib/hooks/useMutateRefdataValue.js

@@ -23,7 +23,7 @@ const useMutateRefdataValue = _ref => {
   const returnObj = {};
   const ky = (0, _core.useOkapiKy)();
   const invalidateRefdata = (0, _useInvalidateRefdata.default)();
-  const deleteQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateRefdataValue', 'delete', id], async data => ky.put("".concat(endpoint, "/").concat(id), {
+  const deleteQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateRefdataValue', 'delete', id], async data => ky.put(`${endpoint}/${id}`, {
     json: {
       id,
       values: [{
@@ -31,19 +31,19 @@ const useMutateRefdataValue = _ref => {
         _delete: true
       }]
     }
-  }).json().then(afterQueryCalls === null || afterQueryCalls === void 0 ? void 0 : afterQueryCalls.delete).then(() => invalidateRefdata()).catch(catchQueryCalls === null || catchQueryCalls === void 0 ? void 0 : catchQueryCalls.delete), queryParams === null || queryParams === void 0 ? void 0 : queryParams.delete);
-  const putQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'editableRefdataList', 'editValue', id], async data => ky.put("".concat(endpoint, "/").concat(id), {
+  }).json().then(afterQueryCalls?.delete).then(() => invalidateRefdata()).catch(catchQueryCalls?.delete), queryParams?.delete);
+  const putQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'editableRefdataList', 'editValue', id], async data => ky.put(`${endpoint}/${id}`, {
     json: {
       id,
       values: [data]
     }
-  }).json().then(afterQueryCalls === null || afterQueryCalls === void 0 ? void 0 : afterQueryCalls.put).then(() => invalidateRefdata()).catch(catchQueryCalls === null || catchQueryCalls === void 0 ? void 0 : catchQueryCalls.put), queryParams === null || queryParams === void 0 ? void 0 : queryParams.put);
-  if (returnQueryObject !== null && returnQueryObject !== void 0 && returnQueryObject.delete) {
+  }).json().then(afterQueryCalls?.put).then(() => invalidateRefdata()).catch(catchQueryCalls?.put), queryParams?.put);
+  if (returnQueryObject?.delete) {
     returnObj.delete = deleteQueryObject;
   } else {
     returnObj.delete = deleteQueryObject.mutateAsync;
   }
-  if (returnQueryObject !== null && returnQueryObject !== void 0 && returnQueryObject.put) {
+  if (returnQueryObject?.put) {
     returnObj.put = putQueryObject;
   } else {
     returnObj.put = putQueryObject.mutateAsync;