@k-int/stripes-kint-components 5.1.1 → 5.1.3

package/es/lib/SASQLookupComponent/SASQLookupComponent.js

@@ -17,7 +17,6 @@ var _TableBody = _interopRequireDefault(require("./TableBody"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  var _totalData$pages$redu, _totalData$pages;
   const {
     children,
     fetchParameters = {},
@@ -46,14 +45,14 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
     0: namespace
   } = (0, _core.useNamespace)();
   const ky = (0, _core.useOkapiKy)();
-  const filterPaneVisibileKey = "".concat(namespace, "-").concat(id, "-filterPaneVisibility");
+  const filterPaneVisibileKey = `${namespace}-${id}-filterPaneVisibility`;
   const fetchPageData = _ref => {
     let {
       pageParam = 0
     } = _ref;
     const queryMap = fetchParameters.SASQ_MAP;
     queryMap.offset = pageParam;
-    return ky("".concat(fetchParameters.endpoint).concat((0, _utils.generateKiwtQuery)(queryMap, query))).json();
+    return ky(`${fetchParameters.endpoint}${(0, _utils.generateKiwtQuery)(queryMap, query)}`).json();
   };
   const [filterPaneVisible, setFilterPaneVisible] = (0, _hooks.useLocalStorageState)(filterPaneVisibileKey, true);
   const toggleFilterPane = () => setFilterPaneVisible(!filterPaneVisible);
@@ -73,8 +72,7 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
       ...restOfInfiniteQueryProps
     }
   }));
-  const data = (_totalData$pages$redu = (_totalData$pages = totalData.pages) === null || _totalData$pages === void 0 ? void 0 : _totalData$pages.reduce((acc, curr) => {
-    var _acc$results, _curr$results;
+  const data = totalData.pages?.reduce((acc, curr) => {
     const newAcc = {
       ...acc
     };
@@ -83,11 +81,11 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
         newAcc[key] = value;
       }
     }
-    const newResults = [...((_acc$results = acc.results) !== null && _acc$results !== void 0 ? _acc$results : [])];
-    newResults.push(...((_curr$results = curr.results) !== null && _curr$results !== void 0 ? _curr$results : []));
+    const newResults = [...(acc.results ?? [])];
+    newResults.push(...(curr.results ?? []));
     newAcc.results = newResults;
     return newAcc;
-  }, {})) !== null && _totalData$pages$redu !== void 0 ? _totalData$pages$redu : {};
+  }, {}) ?? {};
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.SearchAndSortQuery, {
     initialSearchState: {
       query: ''
@@ -109,7 +107,7 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
       const searchHandlers = getSearchHandlers();
       const disableReset = !filterChanged && !searchChanged;
       const filterCount = activeFilters.string ? activeFilters.string.split(',').length : 0;
-      const Body = RenderBody !== null && RenderBody !== void 0 ? RenderBody : _TableBody.default;
+      const Body = RenderBody ?? _TableBody.default;
       const {
         filterPaneFirstMenu,
         filterPaneLastMenu,
@@ -131,12 +129,12 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
       };
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_smartComponents.PersistedPaneset, {
         appId: namespace,
-        id: "".concat(id, "-paneset"),
+        id: `${id}-paneset`,
         ...persistedPanesetProps,
         children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
           defaultWidth: "20%",
           firstMenu: filterPaneFirstMenu ? filterPaneFirstMenu(internalStateProps) : null,
-          id: "".concat(id, "-filter-pane"),
+          id: `${id}-filter-pane`,
           lastMenu: filterPaneLastMenu ? filterPaneLastMenu(internalStateProps) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneMenu, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.CollapseFilterPaneButton, {
               onClick: toggleFilterPane
@@ -152,11 +150,10 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchField, {
                 ariaLabel: searchFieldAriaLabel,
                 autoFocus: true,
-                id: "sasq-search-field-".concat(id),
+                id: `sasq-search-field-${id}`,
                 name: "query",
                 onChange: e => {
-                  var _e$target;
-                  if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.value) {
+                  if (e.target?.value) {
                     searchHandlers.query(e); // SASQ needs the whole event here
                   } else {
                     searchHandlers.reset();
@@ -203,15 +200,15 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
               onClick: toggleFilterPane
             })
           }) : null,
-          id: "".concat(id, "-main-pane"),
+          id: `${id}-main-pane`,
           lastMenu: mainPaneLastMenu ? mainPaneLastMenu(internalStateProps) : null,
           noOverflow: true,
           padContent: false,
           paneSub: kintIntl.formatKintMessage({
             id: 'found#Values',
-            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.foundValues
+            overrideValue: labelOverrides?.foundValues
           }, {
-            total: data === null || data === void 0 ? void 0 : data.total
+            total: data?.total
           }),
           ...restOfMainPaneProps,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {

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

@@ -11,7 +11,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;
   let {
     data,
     error,
@@ -30,7 +29,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) => {
@@ -47,7 +46,7 @@ const TableBody = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, {
     autosize: true,
     columnMapping: columnMapping,
-    contentData: data === null || data === void 0 ? void 0 : data.results,
+    contentData: data?.results,
     hasMargin: true,
     isEmptyMessage: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoResultsMessage.default, {
       error,
@@ -61,16 +60,15 @@ const TableBody = _ref => {
       toggleFilterPane
     }),
     isSelected: _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);
+      return item.id === match?.params?.id;
     },
     onHeaderClick: onSort,
     onNeedMoreData: onNeedMoreData,
     onRowClick: (_e, rowData) => {
-      history.push("".concat(path, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id).concat(location === null || location === void 0 ? void 0 : location.search));
+      history.push(`${path}/${rowData?.id}${location?.search}`);
     },
     pagingType: "click",
     sortDirection: sortOrder.startsWith('-') ? 'descending' : 'ascending',

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/SettingPage.js

@@ -11,8 +11,8 @@ var _contexts = require("../contexts");
 var _useSettingSection = _interopRequireDefault(require("../settingsHooks/useSettingSection"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Importing directly here to avoid cyclic dependency
 
 const SettingPage = _ref => {

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"));
@@ -15,8 +15,8 @@ var _typedownHooks = require("../hooks/typedownHooks");
 var _selectorSafe = _interopRequireDefault(require("../utils/selectorSafe"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Typedown = _ref => {
   let {
     className,
@@ -36,7 +36,7 @@ const Typedown = _ref => {
     required,
     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 +50,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);
@@ -97,7 +90,7 @@ const Typedown = _ref => {
   } = (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)
+    children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch) : (0, _get.default)(option, uniqueIdentificationPath)
   }), [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
   const handleChange = (0, _react.useCallback)(value => {
     input.onChange(value);
@@ -108,20 +101,20 @@ 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);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
             className: (0, _classnames.default)(_TypeDown.default.fullWidth, _TypeDown.default.menuButton),
             "data-selected": isSelectedEval,
-            id: "typedown-button-[".concat(index, "]"),
+            id: `typedown-button-[${index}]`,
             onClick: () => {
               handleChange(d);
               handleNextFocus();
@@ -129,12 +122,12 @@ const Typedown = _ref => {
             onKeyDown: listKeyDownHandler,
             type: "button",
             children: renderItem(d)
-          }, "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)
       })]
     });
@@ -142,11 +135,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,
@@ -159,7 +152,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/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/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

@@ -10,14 +10,14 @@ var _queryString = _interopRequireDefault(require("query-string"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let helperObject = {};
 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);
   }
 };