@k-int/stripes-kint-components 5.36.0 → 5.37.0

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

@@ -13,6 +13,17 @@ 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); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const propTypes = {
   afterQueryCalls: _propTypes.default.object,
   catchQueryCalls: _propTypes.default.object,
@@ -29,57 +40,58 @@ const propTypes = {
   refdataEndpoint: _propTypes.default.string
 };
 const RefdataCategoriesSettings = _ref => {
-  let {
-    /*
-     * Set of extra booleans for controlling access to actions
-     * create/delete (View should be handled externally)
-     * This will not overwrite "internal" behaviour, ie setting
-     * delete to 'true' here would still not render a delete button
-     * for a refdata category that has refdata values.
-     */
-    displayConditions = {
+  var _refdataCategory$valu;
+  let _ref$displayCondition = _ref.displayConditions,
+    displayConditions = _ref$displayCondition === void 0 ? {
       create: true,
       delete: true,
       edit: true
-    },
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    // An object containing translation alternatives
-    onClose,
-    refdataEndpoint
-  } = _ref;
+    } : _ref$displayCondition,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    onClose = _ref.onClose,
+    refdataEndpoint = _ref.refdataEndpoint;
   /* A component that allows for editing of refdata categories */
-  const [refdataCategory, setRefdataCategory] = (0, _react.useState)();
-  const [refState, rdclRef, passedRef] = (0, _hooks.useActionListRef)();
+  const _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    refdataCategory = _useState2[0],
+    setRefdataCategory = _useState2[1];
+  const _useActionListRef = (0, _hooks.useActionListRef)(),
+    _useActionListRef2 = _slicedToArray(_useActionListRef, 3),
+    refState = _useActionListRef2[0],
+    rdclRef = _useActionListRef2[1],
+    passedRef = _useActionListRef2[2];
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   const handleRefdataCategoryClick = rc => {
     setRefdataCategory(rc);
   };
   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 +100,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 +119,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 +135,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 +144,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 +154,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/SettingPage.js

@@ -8,31 +8,29 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _EditableSettingsList = require("../EditableSettingsList");
 var _contexts = require("../contexts");
-var _useSettingSection = _interopRequireDefault(require("../hooks/useSettingSection"));
+var _useSettingSection2 = _interopRequireDefault(require("../hooks/useSettingSection"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Importing directly here to avoid cyclic dependency
 
 const SettingPage = _ref => {
-  let {
-    allowEdit = true,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    sectionName,
-    render
-  } = _ref;
-  const {
-    settingEndpoint
-  } = (0, _react.useContext)(_contexts.SettingsContext);
-  const {
-    handleSubmit,
-    settings
-  } = (0, _useSettingSection.default)({
-    sectionName,
-    settingEndpoint
-  });
+  let _ref$allowEdit = _ref.allowEdit,
+    allowEdit = _ref$allowEdit === void 0 ? true : _ref$allowEdit,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    sectionName = _ref.sectionName,
+    render = _ref.render;
+  const _useContext = (0, _react.useContext)(_contexts.SettingsContext),
+    settingEndpoint = _useContext.settingEndpoint;
+  const _useSettingSection = (0, _useSettingSection2.default)({
+      sectionName,
+      settingEndpoint
+    }),
+    handleSubmit = _useSettingSection.handleSubmit,
+    settings = _useSettingSection.settings;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditableSettingsList.EditableSettingsList, {
     allowEdit: allowEdit,
     initialValues: {

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

@@ -11,18 +11,16 @@ var _hooks = require("../../../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SettingPagePane = _ref => {
-  let {
-    children,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    sectionName
-  } = _ref;
+  let children = _ref.children,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    sectionName = _ref.sectionName;
   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

@@ -11,20 +11,23 @@ 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 }; }
-// This is a functional version of the component in stripes-smart-components, onto which we can add some extra functionality
+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;
+  let additionalRoutes = _ref.additionalRoutes,
+    location = _ref.location,
+    match = _ref.match,
+    _ref$navPaneWidth = _ref.navPaneWidth,
+    navPaneWidth = _ref$navPaneWidth === void 0 ? '30%' : _ref$navPaneWidth,
+    _ref$paneProps = _ref.paneProps,
+    paneProps = _ref$paneProps === void 0 ? {} : _ref$paneProps,
+    paneTitle = _ref.paneTitle,
+    passedPaneTitleRef = _ref.paneTitleRef,
+    pages = _ref.pages,
+    passedSections = _ref.sections;
   const stripes = (0, _core.useStripes)();
   const internalPaneTitleRef = (0, _react.useRef)();
   const paneTitleRef = passedPaneTitleRef || internalPaneTitleRef;
@@ -46,9 +49,7 @@ const Settings = _ref => {
     });
   }, [sections, stripes]);
   const handlePaneFocus = (0, _react.useCallback)(_ref2 => {
-    let {
-      paneTitleRef: ptr
-    } = _ref2;
+    let ptr = _ref2.paneTitleRef;
     if (ptr) ptr.current.focus();
   }, []);
 
@@ -58,7 +59,7 @@ const Settings = _ref => {
 
     const navItems = section.pages.map(p => {
       const search = location.search || '';
-      const link = `${match.path}/${p.route}`;
+      const link = "".concat(match.path, "/").concat(p.route);
       let href = link;
       let isActive = false;
 
@@ -87,58 +88,48 @@ const Settings = _ref => {
     });
   }, [location.pathname, location.search, match.path, stripes]);
   const routes = (0, _react.useMemo)(() => internalRoutes.map(internalRoute => {
-    const {
-      page
-    } = internalRoute;
-    const {
-      component: Component,
-      contextValue,
-      Provider
-    } = page;
+    const page = internalRoute.page;
+    const Component = page.component,
+      contextValue = page.contextValue,
+      Provider = page.Provider;
     if (Provider) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-        path: `${match.path}/${internalRoute.page.route}`,
+        path: "".concat(match.path, "/").concat(internalRoute.page.route),
         render: props2 => /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
           contextValue: contextValue,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-            ...props2,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({}, props2), {}, {
             label: internalRoute.page.label,
             stripes: stripes
-          })
+          }))
         })
       }, internalRoute.page.route);
     }
     const Current = internalRoute.component;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-      path: `${match.path}/${internalRoute.page.route}`,
-      render: props2 => /*#__PURE__*/(0, _jsxRuntime.jsx)(Current, {
-        ...props2,
+      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, {
+    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,
+      paneTitleRef: paneTitleRef
+    }, paneProps), {}, {
       children: sections.map((section, index) => {
-        const {
-          label: {
-            props: sectionProps
-          }
-        } = section;
+        const sectionProps = section.label.props;
         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, {
+    })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Switch, {
       children: [additionalRoutes, routes]
     })]
   });

package/es/lib/Settings/SettingsFormContainer/SettingsFormContainer.js

@@ -8,25 +8,32 @@ 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 => {
-  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;
+ */
+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 = _ref.ConfigFormComponent,
+    configName = _ref.configName,
+    passedGetInitialValues = _ref.getInitialValues,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    moduleName = _ref.moduleName,
+    scope = _ref.scope,
+    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)();
@@ -41,33 +48,29 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
     *
     * We avoid this by ensuring all calls from this component have (at least) an extra namespace key item
     */
-  const {
-    parsedSettings,
-    settings
-  } = (0, _hooks.useModConfigEntries)({
-    moduleName,
-    configName,
-    namespaceAppend: ['SettingsFormContainer']
-  });
-  const {
-    mutateAsync: editSettings
-  } = (0, _hooks.useMutateModConfigEntry)({
-    configName,
-    moduleName,
-    id: settings?.id
-  });
+  const _useModConfigEntries = (0, _hooks.useModConfigEntries)({
+      moduleName,
+      configName,
+      namespaceAppend: ['SettingsFormContainer']
+    }),
+    parsedSettings = _useModConfigEntries.parsedSettings,
+    settings = _useModConfigEntries.settings;
+  const _useMutateModConfigEn = (0, _hooks.useMutateModConfigEntry)({
+      configName,
+      moduleName,
+      id: settings === null || settings === void 0 ? void 0 : settings.id
+    }),
+    editSettings = _useMutateModConfigEn.mutateAsync;
   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 +78,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 +98,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,17 @@ 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, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, _objectSpread({
     component: _StaticSettingsFieldComponent.default,
-    ...props
-  });
+    parse: v => v // By default allow unsetting via empty string ''
+  }, props));
 };
 StaticSettingsField.propTypes = {
   setting: _propTypes.default.shape({
@@ -23,7 +27,11 @@ StaticSettingsField.propTypes = {
     key: _propTypes.default.string
   }),
   name: _propTypes.default.string.isRequired,
-  refdata: _propTypes.default.arrayOf(_propTypes.default.object),
+  refdata: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string,
+    label: _propTypes.default.string,
+    value: _propTypes.default.string
+  })),
   templates: _propTypes.default.arrayOf(_propTypes.default.shape({
     name: _propTypes.default.string,
     id: _propTypes.default.string

package/es/lib/Settings/StaticSettingsField/StaticSettingsFieldComponent/StaticSettingsFieldComponent.js

@@ -5,20 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _components = require("@folio/stripes/components");
 var _RefdataButtons = _interopRequireDefault(require("../../../RefdataButtons"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["refdata", "setting", "templates"];
 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 StaticSettingsFieldComponent = _ref => {
-  let {
-    refdata,
-    setting = {},
-    templates,
-    ...fieldProps // Anything else will be passed directly onto the <Field> component
-  } = _ref;
+  let refdata = _ref.refdata,
+    _ref$setting = _ref.setting,
+    setting = _ref$setting === void 0 ? {} : _ref$setting,
+    templates = _ref.templates,
+    fieldProps = _objectWithoutProperties(_ref, _excluded);
   // Adding default sort to refdata object in ascending order by label
   const sortByLabel = (0, _react.useCallback)((a, b) => a.label.localeCompare(b.label), []);
-  const sortedRefdata = (0, _react.useMemo)(() => refdata?.sort(sortByLabel), [refdata, sortByLabel]);
+  const sortedRefdata = (0, _react.useMemo)(() => refdata === null || refdata === void 0 ? void 0 : refdata.sort(sortByLabel), [refdata, sortByLabel]);
   switch (setting.settingType) {
     case 'Refdata':
       // Grab refdata values corresponding to setting
@@ -27,15 +35,13 @@ const StaticSettingsFieldComponent = _ref => {
       if (refdata.length > 0 && refdata.length <= 4) {
         RefdataComponent = _RefdataButtons.default;
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(RefdataComponent, {
-        ...fieldProps,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(RefdataComponent, _objectSpread(_objectSpread({}, fieldProps), {}, {
         dataOptions: sortedRefdata
-      });
+      }));
     case 'Password':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, {
-        ...fieldProps,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, _objectSpread(_objectSpread({}, fieldProps), {}, {
         type: "password"
-      });
+      }));
     case 'Template':
       // Grab template values corresponding to setting
       // eslint-disable-next-line no-case-declarations
@@ -46,15 +52,28 @@ const StaticSettingsFieldComponent = _ref => {
         value: t.id,
         label: t.name
       }))];
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Select, {
-        ...fieldProps,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Select, _objectSpread(_objectSpread({}, fieldProps), {}, {
         dataOptions: selectTemplateValues
-      });
+      }));
     default:
       // If in doubt, go with String
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, {
-        ...fieldProps
-      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, _objectSpread({}, fieldProps));
   }
 };
+StaticSettingsFieldComponent.propTypes = {
+  setting: _propTypes.default.shape({
+    settingType: _propTypes.default.string,
+    key: _propTypes.default.string
+  }),
+  name: _propTypes.default.string.isRequired,
+  refdata: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string,
+    label: _propTypes.default.string,
+    value: _propTypes.default.string
+  })),
+  templates: _propTypes.default.arrayOf(_propTypes.default.shape({
+    name: _propTypes.default.string,
+    id: _propTypes.default.string
+  }))
+};
 var _default = exports.default = StaticSettingsFieldComponent;