@k-int/stripes-kint-components 5.31.4 → 5.32.0

package/es/lib/Settings/EditableSettingsList/SettingField/RenderSettingValue/RenderSettingValue.js

@@ -20,21 +20,23 @@ const RenderSettingValue = props => {
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   const NoCurrentValue = kintIntl.formatKintMessage({
     id: 'settings.noCurrentValue',
-    overrideValue: labelOverrides?.noCurrentValue
+    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noCurrentValue
   });
-  const defaultText = `[${kintIntl.formatKintMessage({
+  const defaultText = "[".concat(kintIntl.formatKintMessage({
     id: 'settings.default',
-    overrideValue: labelOverrides?.default
-  })}]`;
+    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.default
+  }), "]");
   switch (setting.settingType) {
     case 'Refdata':
       {
         if (setting.value) {
-          return refdata?.filter(obj => obj.value === setting.value)[0]?.label ?? null;
+          var _refdata$filter$0$lab, _refdata$filter$;
+          return (_refdata$filter$0$lab = refdata === null || refdata === void 0 || (_refdata$filter$ = refdata.filter(obj => obj.value === setting.value)[0]) === null || _refdata$filter$ === void 0 ? void 0 : _refdata$filter$.label) !== null && _refdata$filter$0$lab !== void 0 ? _refdata$filter$0$lab : null;
         }
         if (setting.defValue) {
-          const defValue = refdata?.filter(obj => obj.value === setting.defValue)[0]?.label;
-          return `${defaultText} ${defValue}`;
+          var _refdata$filter$2;
+          const defValue = refdata === null || refdata === void 0 || (_refdata$filter$2 = refdata.filter(obj => obj.value === setting.defValue)[0]) === null || _refdata$filter$2 === void 0 ? void 0 : _refdata$filter$2.label;
+          return "".concat(defaultText, " ").concat(defValue);
         }
         return NoCurrentValue;
       }
@@ -44,7 +46,7 @@ const RenderSettingValue = props => {
           return '********';
         }
         if (setting.defValue) {
-          return `${defaultText} ********`;
+          return "".concat(defaultText, " ********");
         }
         return NoCurrentValue;
       }
@@ -54,7 +56,7 @@ const RenderSettingValue = props => {
           const settingId = setting.value || setting.defValue;
           return obj.id === settingId;
         })[0];
-        return templateValue?.name || NoCurrentValue;
+        return (templateValue === null || templateValue === void 0 ? void 0 : templateValue.name) || NoCurrentValue;
       }
     default:
       {
@@ -62,7 +64,7 @@ const RenderSettingValue = props => {
           return setting.value;
         }
         if (setting.defValue) {
-          return `${defaultText} ${setting.defValue}`;
+          return "".concat(defaultText, " ").concat(setting.defValue);
         }
         return NoCurrentValue;
       }

package/es/lib/Settings/EditableSettingsList/SettingField/SettingField.js

@@ -16,6 +16,11 @@ var _utils = require("../../../utils");
 var _renderHelpText = _interopRequireDefault(require("../../../../../styles/renderHelpText.css"));
 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 SettingField = settingFieldProps => {
   const {
     allowEdit = true,
@@ -50,7 +55,7 @@ const SettingField = settingFieldProps => {
     endpoint: refdataEndpoint,
     desc: currentSetting.vocab,
     queryParams: {
-      enabled: !!currentSetting?.vocab && currentSetting.settingType === 'Refdata',
+      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Refdata',
       staleTime: 1000 * 60 * 2 // 2 minutes staletime for refdata in settings?
     }
   });
@@ -58,7 +63,7 @@ const SettingField = settingFieldProps => {
     context: currentSetting.vocab,
     endpoint: templateEndpoint,
     queryParams: {
-      enabled: !!currentSetting?.vocab && currentSetting.settingType === 'Template'
+      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Template'
     }
   });
   const renderHelpText = (0, _react.useCallback)(helpTextId => {
@@ -107,9 +112,10 @@ const SettingField = settingFieldProps => {
       id: 'edit'
     });
     if (allowEdit) {
+      var _values$settings;
       // This is unbelievably gross... this stems from this all being in a single FieldArray.
       // We should aim to set this up in an ActionList as soon as possible
-      const settingToSave = values.settings?.find(s => s.id === currentSetting.id);
+      const settingToSave = (_values$settings = values.settings) === null || _values$settings === void 0 ? void 0 : _values$settings.find(s => s.id === currentSetting.id);
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Button, {
         disabled: editing && (submitting || invalid),
         marginBottom0: true,
@@ -139,10 +145,10 @@ const SettingField = settingFieldProps => {
       return _EditSettingValue.default;
     }
   }, [editing]);
-  const id = (0, _react.useMemo)(() => `settings.${(0, _utils.toCamelCase)(currentSetting.section)}.${(0, _utils.toCamelCase)(currentSetting.key)}.help`, [currentSetting.key, currentSetting.section]);
+  const id = (0, _react.useMemo)(() => "settings.".concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key), ".help"), [currentSetting.key, currentSetting.section]);
   const renderHeaderStart = (0, _react.useCallback)(() => {
     const settingName = Object.keys(currentSetting).length > 0 ? kintIntl.formatKintMessage({
-      id: `settings.${(0, _utils.toCamelCase)(currentSetting.section)}.${(0, _utils.toCamelCase)(currentSetting.key)}`
+      id: "settings.".concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key))
     }) : kintIntl.formatKintMessage({
       id: 'loading'
     });
@@ -156,17 +162,16 @@ const SettingField = settingFieldProps => {
     headerEnd: renderEditButton(),
     headerStart: renderHeaderStart(),
     roundedBorder: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderFunction, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderFunction, _objectSpread({
       currentSetting: currentSetting,
       disabled: submitting,
       intlKey: passedIntlKey,
       intlNS: passedIntlNS,
       labelOverrides: labelOverrides,
       refdata: refdata,
-      templates: templates,
-      ...settingFieldProps
-    }, `setting-render-function-${name}`)
-  }, `setting-edit-card-${name}`);
+      templates: templates
+    }, settingFieldProps), "setting-render-function-".concat(name))
+  }, "setting-edit-card-".concat(name));
 };
 SettingField.propTypes = {
   allowEdit: _propTypes.default.bool,

package/es/lib/Settings/EditableSettingsList/SettingField/SettingField.test.js

@@ -64,16 +64,16 @@ describe('SettingField', () => {
         })
       }));
     });
-    it(`renders ${expectedRender}`, () => {
+    it("renders ".concat(expectedRender), () => {
       const {
         getByText
       } = renderComponent;
       expect(getByText(expectedRender)).toBeInTheDocument();
     });
-    test(`renders the ${expectedButton} button`, () => {
+    test("renders the ".concat(expectedButton, " button"), () => {
       (0, _stripesErmTesting.Button)('Edit').exists();
     });
-    describe(`clicking the ${expectedButton} button`, () => {
+    describe("clicking the ".concat(expectedButton, " button"), () => {
       beforeEach(async () => {
         await (0, _react2.waitFor)(async () => {
           await (0, _stripesErmTesting.Button)(expectedButton).click();

package/es/lib/Settings/RefdataCategoriesSettings/RefdataCategoriesSettings.js

@@ -13,6 +13,11 @@ var _EditableRefdataList = _interopRequireDefault(require("../EditableRefdataLis
 var _FormattedKintMessage = _interopRequireDefault(require("../../FormattedKintMessage"));
 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 propTypes = {
   afterQueryCalls: _propTypes.default.object,
   catchQueryCalls: _propTypes.default.object,
@@ -29,6 +34,7 @@ const propTypes = {
   refdataEndpoint: _propTypes.default.string
 };
 const RefdataCategoriesSettings = _ref => {
+  var _refdataCategory$valu;
   let {
     /*
      * Set of extra booleans for controlling access to actions
@@ -58,28 +64,29 @@ const RefdataCategoriesSettings = _ref => {
   };
   const pickListValuesLabel = kintIntl.formatKintMessage({
     id: 'settings.pickListValues',
-    overrideValue: labelOverrides?.pickListValues
+    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.pickListValues
   });
-  const renderViewPaneHeader = renderProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneHeader, {
-    ...renderProps,
+  const renderViewPaneHeader = renderProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneHeader, _objectSpread(_objectSpread({}, renderProps), {}, {
     dismissible: true,
     onClose: () => setRefdataCategory(),
     paneTitle: kintIntl.formatKintMessage({
       id: 'refdataCategories.config.viewPaneTitle',
-      overrideValue: labelOverrides?.viewPaneTitle,
-      fallbackMessage: refdataCategory?.desc
+      overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.viewPaneTitle,
+      fallbackMessage: refdataCategory === null || refdataCategory === void 0 ? void 0 : refdataCategory.desc
     }, {
-      name: refdataCategory?.desc
+      name: refdataCategory === null || refdataCategory === void 0 ? void 0 : refdataCategory.desc
     })
-  });
-  const renderLookupPaneHeader = renderProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneHeader, {
-    ...renderProps,
+  }));
+  const renderLookupPaneHeader = renderProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneHeader, _objectSpread(_objectSpread({}, renderProps), {}, {
     dismissible: true,
     lastMenu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneMenu, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-        disabled: !!refState?.editing || !displayConditions.create,
+        disabled: !!(refState !== null && refState !== void 0 && refState.editing) || !displayConditions.create,
         marginBottom0: true,
-        onClick: () => rdclRef?.current?.create(),
+        onClick: () => {
+          var _rdclRef$current;
+          return rdclRef === null || rdclRef === void 0 || (_rdclRef$current = rdclRef.current) === null || _rdclRef$current === void 0 ? void 0 : _rdclRef$current.create();
+        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormattedKintMessage.default, {
           id: "new"
         })
@@ -88,9 +95,9 @@ const RefdataCategoriesSettings = _ref => {
     onClose: onClose,
     paneTitle: kintIntl.formatKintMessage({
       id: 'settings.pickLists',
-      overrideValue: labelOverrides?.pickLists
+      overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.pickLists
     })
-  });
+  }));
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
       defaultWidth: "fill",
@@ -107,13 +114,13 @@ const RefdataCategoriesSettings = _ref => {
         handleRefdataCategoryClick: handleRefdataCategoryClick,
         hideCreateButton: true,
         onConfirmDelete: id => {
-          if (refdataCategory?.id === id) {
+          if ((refdataCategory === null || refdataCategory === void 0 ? void 0 : refdataCategory.id) === id) {
             setRefdataCategory();
           }
         },
         refdataEndpoint: refdataEndpoint
       })
-    }), refdataCategory?.desc && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Pane, {
+    }), (refdataCategory === null || refdataCategory === void 0 ? void 0 : refdataCategory.desc) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Pane, {
       defaultWidth: "fill",
       id: "settings-refdataCategories-viewPane",
       renderHeader: renderViewPaneHeader,
@@ -123,7 +130,7 @@ const RefdataCategoriesSettings = _ref => {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
             label: kintIntl.formatKintMessage({
               id: 'refdataCategory.refdataCategory',
-              overrideValue: labelOverrides?.refdataCategory
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.refdataCategory
             }),
             value: refdataCategory.desc
           })
@@ -132,9 +139,9 @@ const RefdataCategoriesSettings = _ref => {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
             label: kintIntl.formatKintMessage({
               id: 'refdataCategory.noOfValues',
-              overrideValue: labelOverrides?.noOfValues
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noOfValues
             }),
-            value: refdataCategory?.values?.length
+            value: refdataCategory === null || refdataCategory === void 0 || (_refdataCategory$valu = refdataCategory.values) === null || _refdataCategory$valu === void 0 ? void 0 : _refdataCategory$valu.length
           })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditableRefdataList.default, {
@@ -142,7 +149,7 @@ const RefdataCategoriesSettings = _ref => {
           put: json => setRefdataCategory(json),
           delete: json => setRefdataCategory(json)
         },
-        desc: refdataCategory?.desc,
+        desc: refdataCategory === null || refdataCategory === void 0 ? void 0 : refdataCategory.desc,
         displayConditions: displayConditions,
         label: pickListValuesLabel,
         refdataEndpoint: refdataEndpoint

package/es/lib/Settings/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/Settings/Settings/Settings.js

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactRouterDom = require("react-router-dom");
+var _core = require("@folio/stripes/core");
+var _components = require("@folio/stripes/components");
+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); } // This is a functional version of the component in stripes-smart-components, onto which we can add some extra functionality
+const Settings = _ref => {
+  let {
+    additionalRoutes,
+    // activeLink,
+    location,
+    match,
+    navPaneWidth = '30%',
+    paneProps = {},
+    paneTitle,
+    paneTitleRef: passedPaneTitleRef,
+    pages,
+    sections: passedSections
+  } = _ref;
+  const stripes = (0, _core.useStripes)();
+  const internalPaneTitleRef = (0, _react.useRef)();
+  const paneTitleRef = passedPaneTitleRef || internalPaneTitleRef;
+  const sections = (0, _react.useMemo)(() => {
+    if (passedSections) {
+      return passedSections;
+    }
+    return [{
+      label: '',
+      pages: pages || []
+    }];
+  }, [pages, passedSections]);
+  const internalRoutes = (0, _react.useMemo)(() => {
+    return sections.flatMap(section => {
+      return section.pages.filter(p => !p.perm || stripes.hasPerm(p.perm)).flatMap(p => ({
+        page: p,
+        component: p.component // This was previously stripes connected... is this going to cause issues?
+      }));
+    });
+  }, [sections, stripes]);
+  const handlePaneFocus = (0, _react.useCallback)(_ref2 => {
+    let {
+      paneTitleRef: ptr
+    } = _ref2;
+    if (ptr) ptr.current.focus();
+  }, []);
+
+  // links in a given section
+  const navlinks = (0, _react.useCallback)(section => {
+    let activeLink = ''; // Store which link is active... there is DEFINITELY a better way to get this...
+
+    const navItems = section.pages.map(p => {
+      const search = location.search || '';
+      const link = "".concat(match.path, "/").concat(p.route);
+      let href = link;
+      let isActive = false;
+
+      // NavListItem allows for isActive to be set independently, rather than
+      // strict internal comparison of the href and the `activeLink`
+      // Since the location can be augmented after navigation through subsequent navigation
+      // or through appending a query string, it's best to
+      // solely rely on the pathname for appying the style vs equality.
+      if (location.pathname.startsWith(link)) {
+        // apply the query string for the active link only.
+        href = link + search;
+        activeLink = link;
+        isActive = true;
+      }
+      if (p.perm && !stripes.hasPerm(p.perm)) return null;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NavListItem, {
+        isActive: isActive,
+        to: href,
+        children: p.label
+      }, p.route);
+    }).filter(x => x !== null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NavListSection, {
+      activeLink: activeLink,
+      label: section.label,
+      children: navItems
+    });
+  }, [location.pathname, location.search, match.path, stripes]);
+  const routes = (0, _react.useMemo)(() => internalRoutes.map(internalRoute => {
+    const Current = internalRoute.component;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
+      path: "".concat(match.path, "/").concat(internalRoute.page.route),
+      render: props2 => /*#__PURE__*/(0, _jsxRuntime.jsx)(Current, _objectSpread(_objectSpread({}, props2), {}, {
+        label: internalRoute.page.label,
+        stripes: stripes
+      }))
+    }, internalRoute.page.route);
+  }), [internalRoutes, match.path, stripes]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, _objectSpread(_objectSpread({
+      defaultWidth: navPaneWidth,
+      id: "app-settings-nav-pane",
+      onMount: handlePaneFocus,
+      paneTitle: paneTitle || 'Module Settings',
+      paneTitleRef: paneTitleRef
+    }, paneProps), {}, {
+      children: sections.map((section, index) => {
+        const {
+          label: {
+            props: sectionProps
+          }
+        } = section;
+        const id = sectionProps && sectionProps.id ? sectionProps.id : 'Module Settings';
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NavList, {
+          "aria-label": id,
+          children: navlinks(section)
+        }, index);
+      })
+    })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Switch, {
+      children: [additionalRoutes, routes]
+    })]
+  });
+};
+Settings.propTypes = {
+  activeLink: _propTypes.default.string,
+  additionalRoutes: _propTypes.default.arrayOf(_propTypes.default.object.isRequired),
+  location: _propTypes.default.shape({
+    pathname: _propTypes.default.string,
+    search: _propTypes.default.string
+  }),
+  match: _propTypes.default.shape({
+    path: _propTypes.default.string.isRequired
+  }).isRequired,
+  navPaneWidth: _propTypes.default.string,
+  pages: _propTypes.default.arrayOf(_propTypes.default.shape({
+    component: _propTypes.default.func.isRequired,
+    label: _propTypes.default.node.isRequired,
+    perm: _propTypes.default.string,
+    route: _propTypes.default.string.isRequired
+  })),
+  paneBackLink: _propTypes.default.string,
+  paneTitle: _propTypes.default.node,
+  paneTitleRef: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]),
+  sections: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.node.isRequired,
+    pages: _propTypes.default.arrayOf(_propTypes.default.shape({
+      component: _propTypes.default.func.isRequired,
+      label: _propTypes.default.node.isRequired,
+      perm: _propTypes.default.string,
+      route: _propTypes.default.string.isRequired
+    })).isRequired
+  }))
+};
+var _default = exports.default = Settings;

package/es/lib/Settings/Settings/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Settings.default;
+  }
+});
+var _Settings = _interopRequireDefault(require("./Settings"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/es/lib/Settings/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/Settings/StaticSettingsField/StaticSettingsField.js

@@ -9,13 +9,16 @@ var _reactFinalForm = require("react-final-form");
 var _StaticSettingsFieldComponent = _interopRequireDefault(require("./StaticSettingsFieldComponent"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// This is pretty much EXACTLY equivalent to the EditSettingValue in EditableSettingsList,
+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); } // This is pretty much EXACTLY equivalent to the EditSettingValue in EditableSettingsList,
 // but slightly tweaked to be more accommodating
 const StaticSettingsField = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
-    component: _StaticSettingsFieldComponent.default,
-    ...props
-  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, _objectSpread({
+    component: _StaticSettingsFieldComponent.default
+  }, props));
 };
 StaticSettingsField.propTypes = {
   setting: _propTypes.default.shape({