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

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

@@ -90,9 +90,8 @@ describe('EditSettingValue', () => {
         }));
       });
       test('renders the edit field', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent = renderComponent,
+          getByRole = _renderComponent.getByRole;
         expect(getByRole('textbox', {
           name: 'Value for setting testSettingKey'
         }));
@@ -114,9 +113,8 @@ describe('EditSettingValue', () => {
         }));
       });
       test('renders the expected value in the edit field', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent2 = renderComponent,
+          getByRole = _renderComponent2.getByRole;
         expect(getByRole('textbox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('diku-shared');
@@ -142,9 +140,8 @@ describe('EditSettingValue', () => {
         }));
       });
       test('renders the expected radio buttons', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent3 = renderComponent,
+          getByRole = _renderComponent3.getByRole;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         }));
@@ -156,9 +153,8 @@ describe('EditSettingValue', () => {
         }));
       });
       test('no radio buttons are checked', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent4 = renderComponent,
+          getByRole = _renderComponent4.getByRole;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         })).not.toHaveAttribute('checked');
@@ -187,9 +183,8 @@ describe('EditSettingValue', () => {
         }));
       });
       test('renders the expected radio buttons', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent5 = renderComponent,
+          getByRole = _renderComponent5.getByRole;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         }));
@@ -201,9 +196,8 @@ describe('EditSettingValue', () => {
         }));
       });
       test('the correct radio button is checked', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent6 = renderComponent,
+          getByRole = _renderComponent6.getByRole;
         expect(getByRole('radio', {
           name: 'Test refdata value'
         })).toHaveAttribute('checked');
@@ -230,17 +224,15 @@ describe('EditSettingValue', () => {
         }));
       });
       test('renders the expected select field', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent7 = renderComponent,
+          getByRole = _renderComponent7.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         }));
       });
       test('renders the expected refdata options', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent8 = renderComponent,
+          getByRole = _renderComponent8.getByRole;
         expect(getByRole('option', {
           name: 'Test refdata value'
         }));
@@ -278,9 +270,8 @@ describe('EditSettingValue', () => {
         }));
       });
       test('renders the expected refdata options', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent9 = renderComponent,
+          getByRole = _renderComponent9.getByRole;
         expect(getByRole('option', {
           name: 'Test refdata value'
         }));
@@ -301,9 +292,8 @@ describe('EditSettingValue', () => {
         }));
       });
       test('renders the expected value in the refdata dropdown', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent0 = renderComponent,
+          getByRole = _renderComponent0.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('Test refdata value');
@@ -326,17 +316,15 @@ describe('EditSettingValue', () => {
         }));
       });
       test('renders the edit field', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent1 = renderComponent,
+          getByRole = _renderComponent1.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         })).toBeInTheDocument();
       });
       test('renders the expected template options', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent10 = renderComponent,
+          getByRole = _renderComponent10.getByRole;
         expect(getByRole('option', {
           name: ''
         })).toBeInTheDocument(); // empty option
@@ -348,9 +336,8 @@ describe('EditSettingValue', () => {
         })).toBeInTheDocument();
       });
       test('renders expected display item in template dropdown', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent11 = renderComponent,
+          getByRole = _renderComponent11.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('');
@@ -373,17 +360,15 @@ describe('EditSettingValue', () => {
         }));
       });
       test('renders the edit field', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent12 = renderComponent,
+          getByRole = _renderComponent12.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         })).toBeInTheDocument();
       });
       test('renders the expected template options', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent13 = renderComponent,
+          getByRole = _renderComponent13.getByRole;
         expect(getByRole('option', {
           name: ''
         })).toBeInTheDocument(); // empty option
@@ -395,9 +380,8 @@ describe('EditSettingValue', () => {
         })).toBeInTheDocument();
       });
       test('renders expected display item in template dropdown', () => {
-        const {
-          getByRole
-        } = renderComponent;
+        const _renderComponent14 = renderComponent,
+          getByRole = _renderComponent14.getByRole;
         expect(getByRole('combobox', {
           name: 'Value for setting testSettingKey'
         })).toHaveDisplayValue('Test template');

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

@@ -8,33 +8,33 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../../../hooks");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const RenderSettingValue = props => {
-  const {
-    currentSetting: setting,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    refdata,
-    // TODO ... can we get away without passing these in now, using useRefdata?
-    templates // TODO ... can we get away without passing these in now, using useTemplates?
-  } = props;
+  const setting = props.currentSetting,
+    passedIntlKey = props.intlKey,
+    passedIntlNS = props.intlNS,
+    _props$labelOverrides = props.labelOverrides,
+    labelOverrides = _props$labelOverrides === void 0 ? {} : _props$labelOverrides,
+    refdata = props.refdata,
+    templates = props.templates;
   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 +44,7 @@ const RenderSettingValue = props => {
           return '********';
         }
         if (setting.defValue) {
-          return `${defaultText} ********`;
+          return "".concat(defaultText, " ********");
         }
         return NoCurrentValue;
       }
@@ -54,7 +54,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 +62,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/RenderSettingValue/RenderSettingValue.test.js

@@ -116,9 +116,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the value', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent = renderComponent,
+          getByText = _renderComponent.getByText;
         expect(getByText('diku-shared')).toBeInTheDocument();
       });
     });
@@ -133,9 +132,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the default value', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent2 = renderComponent,
+          getByText = _renderComponent2.getByText;
         expect(getByText('[default] diku-shared')).toBeInTheDocument();
       });
     });
@@ -150,9 +148,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the empty message', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent3 = renderComponent,
+          getByText = _renderComponent3.getByText;
         expect(getByText('No current value')).toBeInTheDocument();
       });
     });
@@ -170,9 +167,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the value', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent4 = renderComponent,
+          getByText = _renderComponent4.getByText;
         expect(getByText('Test refdata value')).toBeInTheDocument();
       });
     });
@@ -188,9 +184,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the default value', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent5 = renderComponent,
+          getByText = _renderComponent5.getByText;
         expect(getByText('[default] Test refdata value')).toBeInTheDocument();
       });
     });
@@ -206,9 +201,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the empty message', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent6 = renderComponent,
+          getByText = _renderComponent6.getByText;
         expect(getByText('No current value')).toBeInTheDocument();
       });
     });
@@ -225,9 +219,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the value', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent7 = renderComponent,
+          getByText = _renderComponent7.getByText;
         expect(getByText('********')).toBeInTheDocument();
       });
     });
@@ -242,9 +235,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the default value', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent8 = renderComponent,
+          getByText = _renderComponent8.getByText;
         expect(getByText('[default] ********')).toBeInTheDocument();
       });
     });
@@ -259,9 +251,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the empty message', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent9 = renderComponent,
+          getByText = _renderComponent9.getByText;
         expect(getByText('No current value')).toBeInTheDocument();
       });
     });
@@ -279,9 +270,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the value', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent0 = renderComponent,
+          getByText = _renderComponent0.getByText;
         expect(getByText('Test template')).toBeInTheDocument();
       });
     });
@@ -297,9 +287,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the default value', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent1 = renderComponent,
+          getByText = _renderComponent1.getByText;
         expect(getByText('Test template')).toBeInTheDocument(); // TODO this doesn't currently have a [default] marking on it
       });
     });
@@ -315,9 +304,8 @@ describe('RenderSettingValue', () => {
         }));
       });
       it('renders the empty message', () => {
-        const {
-          getByText
-        } = renderComponent;
+        const _renderComponent10 = renderComponent,
+          getByText = _renderComponent10.getByText;
         expect(getByText('No current value')).toBeInTheDocument();
       });
     });

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

@@ -16,49 +16,52 @@ 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,
-    editing,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    name,
-    onSave,
-    setEditing,
-    settingData: {
-      currentSetting
-    } = {},
-    setSettingSubmitting,
-    settingSubmitting
-  } = settingFieldProps;
+  const _settingFieldProps$al = settingFieldProps.allowEdit,
+    allowEdit = _settingFieldProps$al === void 0 ? true : _settingFieldProps$al,
+    editing = settingFieldProps.editing,
+    passedIntlKey = settingFieldProps.intlKey,
+    passedIntlNS = settingFieldProps.intlNS,
+    _settingFieldProps$la = settingFieldProps.labelOverrides,
+    labelOverrides = _settingFieldProps$la === void 0 ? {} : _settingFieldProps$la,
+    name = settingFieldProps.name,
+    onSave = settingFieldProps.onSave,
+    setEditing = settingFieldProps.setEditing,
+    _settingFieldProps$se = settingFieldProps.settingData,
+    _settingFieldProps$se2 = _settingFieldProps$se === void 0 ? {} : _settingFieldProps$se,
+    currentSetting = _settingFieldProps$se2.currentSetting,
+    setSettingSubmitting = settingFieldProps.setSettingSubmitting,
+    settingSubmitting = settingFieldProps.settingSubmitting;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  const {
-    refdataEndpoint,
-    templateEndpoint
-  } = (0, _react.useContext)(_contexts.SettingsContext);
-  const {
-    submitting,
-    invalid,
-    values
-  } = (0, _reactFinalForm.useFormState)();
-  const {
-    0: {
-      values: refdata = []
-    } = {}
-  } = (0, _hooks.useRefdata)({
-    endpoint: refdataEndpoint,
-    desc: currentSetting.vocab,
-    queryParams: {
-      enabled: !!currentSetting?.vocab && currentSetting.settingType === 'Refdata',
-      staleTime: 1000 * 60 * 2 // 2 minutes staletime for refdata in settings?
-    }
-  });
+  const _useContext = (0, _react.useContext)(_contexts.SettingsContext),
+    refdataEndpoint = _useContext.refdataEndpoint,
+    templateEndpoint = _useContext.templateEndpoint;
+  const _useFormState = (0, _reactFinalForm.useFormState)(),
+    submitting = _useFormState.submitting,
+    invalid = _useFormState.invalid,
+    values = _useFormState.values;
+  const _useRefdata = (0, _hooks.useRefdata)({
+      endpoint: refdataEndpoint,
+      desc: currentSetting.vocab,
+      queryParams: {
+        enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Refdata',
+        staleTime: 1000 * 60 * 2 // 2 minutes staletime for refdata in settings?
+      }
+    }),
+    _useRefdata$ = _useRefdata[0],
+    _useRefdata$2 = _useRefdata$ === void 0 ? {} : _useRefdata$,
+    _useRefdata$2$values = _useRefdata$2.values,
+    refdata = _useRefdata$2$values === void 0 ? [] : _useRefdata$2$values;
   const templates = (0, _hooks.useTemplates)({
     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 +110,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 +143,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 +160,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

@@ -39,12 +39,10 @@ describe('SettingField', () => {
     expectedButton: 'Save',
     expectedCallback: onSave
   }])('render SettingField with editing: editing', _ref => {
-    let {
-      editing,
-      expectedButton,
-      expectedCallback,
-      expectedRender
-    } = _ref;
+    let editing = _ref.editing,
+      expectedButton = _ref.expectedButton,
+      expectedCallback = _ref.expectedCallback,
+      expectedRender = _ref.expectedRender;
     beforeEach(async () => {
       setEditing.mockClear();
       onSave.mockClear();
@@ -64,16 +62,15 @@ describe('SettingField', () => {
         })
       }));
     });
-    it(`renders ${expectedRender}`, () => {
-      const {
-        getByText
-      } = renderComponent;
+    it("renders ".concat(expectedRender), () => {
+      const _renderComponent = renderComponent,
+        getByText = _renderComponent.getByText;
       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();