@k-int/stripes-kint-components 4.7.1 → 4.7.3

package/es/lib/EditableRefdataList/EditableRefdataList.js

@@ -14,8 +14,8 @@ var _validators = require("../validators");
 var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const propTypes = {
   afterQueryCalls: _propTypes.default.object,
   allowSpecial: _propTypes.default.bool,
@@ -33,7 +33,6 @@ const propTypes = {
   refdataEndpoint: _propTypes.default.string
 };
 const EditableRefdataList = _ref => {
-  var _deleteModal$refdata2;
   let {
     afterQueryCalls,
     allowSpecial = false,
@@ -88,8 +87,7 @@ const EditableRefdataList = _ref => {
   const sortByLabel = (a, b) => a.label.localeCompare(b.label);
   (0, _react.useEffect)(() => {
     if (!isRefdataLoading) {
-      var _refdata$values$sort, _refdata$values;
-      setContentData((_refdata$values$sort = refdata === null || refdata === void 0 ? void 0 : (_refdata$values = refdata.values) === null || _refdata$values === void 0 ? void 0 : _refdata$values.sort(sortByLabel)) !== null && _refdata$values$sort !== void 0 ? _refdata$values$sort : []);
+      setContentData(refdata?.values?.sort(sortByLabel) ?? []);
     }
   }, [isRefdataLoading, refdata]);
 
@@ -100,16 +98,14 @@ const EditableRefdataList = _ref => {
   } = (0, _hooks.useMutateRefdataValue)({
     afterQueryCalls: {
       delete: json => {
-        var _json$values$sort, _json$values;
-        setContentData((_json$values$sort = json === null || json === void 0 ? void 0 : (_json$values = json.values) === null || _json$values === void 0 ? void 0 : _json$values.sort(sortByLabel)) !== null && _json$values$sort !== void 0 ? _json$values$sort : []);
-        if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.delete) {
+        setContentData(json?.values?.sort(sortByLabel) ?? []);
+        if (afterQueryCalls?.delete) {
           afterQueryCalls.delete(json);
         }
       },
       put: json => {
-        var _json$values$sort2, _json$values2;
-        setContentData((_json$values$sort2 = json === null || json === void 0 ? void 0 : (_json$values2 = json.values) === null || _json$values2 === void 0 ? void 0 : _json$values2.sort(sortByLabel)) !== null && _json$values$sort2 !== void 0 ? _json$values$sort2 : []);
-        if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.put) {
+        setContentData(json?.values?.sort(sortByLabel) ?? []);
+        if (afterQueryCalls?.put) {
           afterQueryCalls.put(json);
         }
       }
@@ -118,15 +114,14 @@ const EditableRefdataList = _ref => {
       // Default delete behaviour is to fire a callout, either with kint-components default message
       // or one provided in labelOverrides, which is passed the error message and refdata in question
       delete: async err => {
-        var _deleteModal$refdata;
         const errorResp = await (0, _utils.parseErrorResponse)(err.response);
         callout.sendCallout({
           message: kintIntl.formatKintMessage({
             id: 'refdata.deleteRefdataValue.errorMessage',
-            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteError
+            overrideValue: labelOverrides?.deleteError
           }, {
-            label: deleteModal === null || deleteModal === void 0 ? void 0 : (_deleteModal$refdata = deleteModal.refdata) === null || _deleteModal$refdata === void 0 ? void 0 : _deleteModal$refdata.label,
-            error: errorResp === null || errorResp === void 0 ? void 0 : errorResp.message
+            label: deleteModal?.refdata?.label,
+            error: errorResp?.message
           }),
           type: 'error'
         });
@@ -135,7 +130,7 @@ const EditableRefdataList = _ref => {
     },
 
     endpoint: refdataEndpoint,
-    id: refdata === null || refdata === void 0 ? void 0 : refdata.id,
+    id: refdata?.id,
     queryParams: {
       delete: {
         enabled: !!refdata
@@ -157,24 +152,24 @@ const EditableRefdataList = _ref => {
         name: 'edit',
         label: kintIntl.formatKintMessage({
           id: 'edit',
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.edit
+          overrideValue: labelOverrides?.edit
         }),
         icon: 'edit',
         callback: data => editRefdataValue(data),
         ariaLabel: data => kintIntl.formatKintMessage({
           id: 'refdata.editAriaLabel',
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.editAriaLabel
+          overrideValue: labelOverrides?.editAriaLabel
         }, {
-          label: data === null || data === void 0 ? void 0 : data.label
+          label: data?.label
         })
       });
     }
-    if (!(refdata !== null && refdata !== void 0 && refdata.internal) && deleteCondition) {
+    if (!refdata?.internal && deleteCondition) {
       actionArray.push({
         name: 'delete',
         label: kintIntl.formatKintMessage({
           id: 'delete',
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
+          overrideValue: labelOverrides?.delete
         }),
         icon: 'trash',
         callback: data => setDeleteModal({
@@ -183,9 +178,9 @@ const EditableRefdataList = _ref => {
         }),
         ariaLabel: data => kintIntl.formatKintMessage({
           id: 'refdata.deleteAriaLabel',
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteAriaLabel
+          overrideValue: labelOverrides?.deleteAriaLabel
         }, {
-          label: data === null || data === void 0 ? void 0 : data.label
+          label: data?.label
         })
       });
     }
@@ -197,25 +192,24 @@ const EditableRefdataList = _ref => {
       columnMapping: {
         label: kintIntl.formatKintMessage({
           id: 'refdata.label',
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.label
+          overrideValue: labelOverrides?.label
         }),
         value: kintIntl.formatKintMessage({
           id: 'refdata.value',
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.value
+          overrideValue: labelOverrides?.value
         })
       },
       contentData: contentData,
       creatableFields: {
         value: () => false
       },
-      createCallback: !createCondition || refdata !== null && refdata !== void 0 && refdata.internal ? null : data => {
+      createCallback: !createCondition || refdata?.internal ? null : data => {
         if (allowSpecial) {
           editRefdataValue(data);
         } else {
-          var _selectorSafe;
           editRefdataValue({
             ...data,
-            value: (_selectorSafe = (0, _utils.selectorSafe)(data === null || data === void 0 ? void 0 : data.label)) === null || _selectorSafe === void 0 ? void 0 : _selectorSafe.replaceAll('%20', ' ')
+            value: (0, _utils.selectorSafe)(data?.label)?.replaceAll('%20', ' ')
           });
         }
       },
@@ -232,34 +226,32 @@ const EditableRefdataList = _ref => {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ConfirmationModal, {
       confirmLabel: kintIntl.formatKintMessage({
         id: 'delete',
-        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
+        overrideValue: labelOverrides?.delete
       }),
       heading: kintIntl.formatKintMessage({
         id: 'refdata.deleteRefdataValue',
-        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataValue
+        overrideValue: labelOverrides?.deleteRefdataValue
       }),
       message: kintIntl.formatKintMessage({
         id: 'refdata.deleteRefdataValue.confirmMessage',
-        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataValueMessage
+        overrideValue: labelOverrides?.deleteRefdataValueMessage
       }, {
-        name: deleteModal === null || deleteModal === void 0 ? void 0 : (_deleteModal$refdata2 = deleteModal.refdata) === null || _deleteModal$refdata2 === void 0 ? void 0 : _deleteModal$refdata2.label
+        name: deleteModal?.refdata?.label
       }),
       onCancel: () => setDeleteModal({
         visible: false,
         refdata: null
       }),
       onConfirm: () => {
-        var _deleteModal$refdata3;
-        deleteRefdataValue(deleteModal === null || deleteModal === void 0 ? void 0 : (_deleteModal$refdata3 = deleteModal.refdata) === null || _deleteModal$refdata3 === void 0 ? void 0 : _deleteModal$refdata3.id);
+        deleteRefdataValue(deleteModal?.refdata?.id);
         setDeleteModal({
           visible: false,
           refdata: null
         });
       },
-      open: deleteModal === null || deleteModal === void 0 ? void 0 : deleteModal.visible
+      open: deleteModal?.visible
     })]
   });
 };
 EditableRefdataList.propTypes = propTypes;
-var _default = EditableRefdataList;
-exports.default = _default;
+var _default = exports.default = EditableRefdataList;

package/es/lib/EditableSettingsList/EditableSettingsList.js

@@ -67,5 +67,4 @@ EditableSettingsList.propTypes = {
   labelOverrides: _propTypes.default.object,
   onSave: _propTypes.default.func
 };
-var _default = EditableSettingsList;
-exports.default = _default;
+var _default = exports.default = EditableSettingsList;

package/es/lib/EditableSettingsList/EditableSettingsListFieldArray.js

@@ -28,7 +28,7 @@ const EditableSettingsListFieldArray = _ref => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
       allowEdit: allowEdit,
       component: _SettingField.SettingField,
-      "data-testid": "editableSettingsListFieldArray[".concat(i, "]"),
+      "data-testid": `editableSettingsListFieldArray[${i}]`,
       intlKey: passedIntlKey,
       intlNS: passedIntlNS,
       labelOverrides: labelOverrides,
@@ -54,5 +54,4 @@ EditableSettingsListFieldArray.propTypes = {
   mutators: _propTypes.default.object,
   initialValues: _propTypes.default.object
 };
-var _default = EditableSettingsListFieldArray;
-exports.default = _default;
+var _default = exports.default = EditableSettingsListFieldArray;

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

@@ -25,7 +25,7 @@ const EditSettingValue = props => {
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   const fieldLabel = kintIntl.formatKintMessage({
     id: 'settings.valueFor',
-    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.valueFor
+    overrideValue: labelOverrides?.valueFor
   }, {
     name: setting.key
   });
@@ -41,14 +41,14 @@ const EditSettingValue = props => {
         "aria-label": fieldLabel,
         component: RefdataComponent,
         dataOptions: refdata,
-        name: "".concat(input.name, ".value")
+        name: `${input.name}.value`
       });
     case 'Password':
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
         "aria-label": fieldLabel,
         autoFocus: true,
         component: _components.TextField,
-        name: "".concat(input.name, ".value"),
+        name: `${input.name}.value`,
         parse: v => v // Lets us send an empty string instead of 'undefined'
         ,
         type: "password"
@@ -68,7 +68,7 @@ const EditSettingValue = props => {
           "aria-label": fieldLabel,
           component: _components.Select,
           dataOptions: selectTemplateValues,
-          name: "".concat(input.name, ".value"),
+          name: `${input.name}.value`,
           parse: v => v
         });
       }
@@ -78,7 +78,7 @@ const EditSettingValue = props => {
         "aria-label": fieldLabel,
         autoFocus: true,
         component: _components.TextField,
-        name: "".concat(input.name, ".value"),
+        name: `${input.name}.value`,
         parse: v => v // Lets us send an empty string instead of 'undefined'
       });
   }
@@ -101,5 +101,4 @@ EditSettingValue.propTypes = {
     id: _propTypes.default.string
   }))
 };
-var _default = EditSettingValue;
-exports.default = _default;
+var _default = exports.default = EditSettingValue;

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

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

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

@@ -15,8 +15,8 @@ var _utils = require("../../utils");
 var _renderHelpText = _interopRequireDefault(require("../../../../styles/renderHelpText.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const SettingField = settingFieldProps => {
   const {
     allowEdit = true,
@@ -42,14 +42,14 @@ const SettingField = settingFieldProps => {
     endpoint: refdataEndpoint,
     desc: currentSetting.vocab,
     queryParams: {
-      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Refdata'
+      enabled: !!currentSetting?.vocab && currentSetting.settingType === 'Refdata'
     }
   });
   const templates = (0, _hooks.useTemplates)({
     context: currentSetting.vocab,
     endpoint: templateEndpoint,
     queryParams: {
-      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Template'
+      enabled: !!currentSetting?.vocab && currentSetting.settingType === 'Template'
     }
   });
   const renderHelpText = helpTextId => {
@@ -115,10 +115,10 @@ const SettingField = settingFieldProps => {
   } else {
     RenderFunction = _EditSettingValue.default;
   }
-  const id = "settings.".concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key), ".help");
+  const id = `settings.${(0, _utils.toCamelCase)(currentSetting.section)}.${(0, _utils.toCamelCase)(currentSetting.key)}.help`;
   const renderHeaderStart = () => {
     const settingName = Object.keys(currentSetting).length > 0 ? kintIntl.formatKintMessage({
-      id: "settings.".concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key))
+      id: `settings.${(0, _utils.toCamelCase)(currentSetting.section)}.${(0, _utils.toCamelCase)(currentSetting.key)}`
     }) : kintIntl.formatKintMessage({
       id: 'loading'
     });
@@ -153,5 +153,4 @@ SettingField.propTypes = {
   input: _propTypes.default.object,
   onSave: _propTypes.default.func
 };
-var _default = SettingField;
-exports.default = _default;
+var _default = exports.default = SettingField;

package/es/lib/FormModal/FormModal.js

@@ -99,5 +99,4 @@ FormModal.propTypes = {
   }),
   onSubmit: _propTypes.default.func
 };
-var _default = FormModal;
-exports.default = _default;
+var _default = exports.default = FormModal;

package/es/lib/FormattedKintMessage/FormattedKintMessage.js

@@ -11,7 +11,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // This works analogously to useKintIntl's "formatKintMessage"
 const FormattedKintMessage = _ref => {
-  var _intlObj$messages2;
   let {
     fallbackMessage,
     id,
@@ -23,12 +22,11 @@ const FormattedKintMessage = _ref => {
   const intlKey = (0, _hooks.useIntlKey)(passedIntlKey, passedIntlNS);
   const intlObj = (0, _reactIntl.useIntl)();
   if (overrideValue) {
-    var _intlObj$messages;
     // Version 3 is a breaking change, where labelOverrides must be strings.
     if (typeof overrideValue !== 'string') {
       throw new Error('Override values must be strings as of stripes-kint-components ^3.0.0');
     }
-    if ((_intlObj$messages = intlObj.messages) !== null && _intlObj$messages !== void 0 && _intlObj$messages[overrideValue]) {
+    if (intlObj.messages?.[overrideValue]) {
       // We've been passed a key as an override, return formattedMessage with it
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
         id: overrideValue,
@@ -42,10 +40,9 @@ const FormattedKintMessage = _ref => {
   // If key does not exist in intl, and we have a specified "fallbackMessage", use that
 
   // (FallbackMessage works like defaultMessage but with no warning)
-  if (!((_intlObj$messages2 = intlObj.messages) !== null && _intlObj$messages2 !== void 0 && _intlObj$messages2["".concat(intlKey, ".").concat(id)]) && fallbackMessage) {
-    var _intlObj$messages3;
+  if (!intlObj.messages?.[`${intlKey}.${id}`] && fallbackMessage) {
     // Allow fallback message to be an intl key
-    if ((_intlObj$messages3 = intlObj.messages) !== null && _intlObj$messages3 !== void 0 && _intlObj$messages3[fallbackMessage]) {
+    if (intlObj.messages?.[fallbackMessage]) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
         id: fallbackMessage,
         ...formattedMessageProps
@@ -54,7 +51,7 @@ const FormattedKintMessage = _ref => {
     return fallbackMessage;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-    id: "".concat(intlKey, ".").concat(id),
+    id: `${intlKey}.${id}`,
     ...formattedMessageProps
   });
 };
@@ -65,5 +62,4 @@ FormattedKintMessage.propTypes = {
   intlNS: _propTypes.default.string,
   overrideValue: _propTypes.default.string
 };
-var _default = FormattedKintMessage;
-exports.default = _default;
+var _default = exports.default = FormattedKintMessage;

package/es/lib/IconSelect/IconSelect.js

@@ -12,12 +12,11 @@ var _IconSelect = _interopRequireDefault(require("../../../styles/IconSelect.css
 var _RichSelect = _interopRequireWildcard(require("../RichSelect"));
 var _FormattedKintMessage = _interopRequireDefault(require("../FormattedKintMessage"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // A form component which acts as a "Select for states with corresponding icons"
 const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  var _selectedOption$butto;
   let {
     ariaLabel,
     disabled = false,
@@ -44,7 +43,7 @@ const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
 
   // Options with notSet
-  const options = [notSet !== null && notSet !== void 0 ? notSet : defaultNotSet, ...userOptions];
+  const options = [notSet ?? defaultNotSet, ...userOptions];
   const [richSelectRef, selectedOption] = (0, _RichSelect.useSelectedOption)();
   (0, _react.useImperativeHandle)(ref, () => ({
     selectedOption
@@ -52,7 +51,7 @@ const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const {
     className: iconButtonClassName,
     ...buttonProps
-  } = (_selectedOption$butto = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.buttonProps) !== null && _selectedOption$butto !== void 0 ? _selectedOption$butto : {};
+  } = selectedOption?.buttonProps ?? {};
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RichSelect.default, {
     ref: richSelectRef,
     ariaLabel: ariaLabel,
@@ -64,19 +63,16 @@ const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onChange: onChange,
     options: options,
     renderOption: opt => {
-      var _opt$label2;
       if (opt.icon) {
-        var _opt$label;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
           icon: opt.icon,
           ...opt.iconProps,
-          children: (_opt$label = opt.label) !== null && _opt$label !== void 0 ? _opt$label : opt.value
+          children: opt.label ?? opt.value
         });
       }
-      return (_opt$label2 = opt.label) !== null && _opt$label2 !== void 0 ? _opt$label2 : opt.value;
+      return opt.label ?? opt.value;
     },
     renderTrigger: _ref2 => {
-      var _selectedOption$icon;
       let {
         onToggle,
         triggerRef,
@@ -87,7 +83,7 @@ const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
         ref: triggerRef,
         disabled: disabled,
-        icon: (_selectedOption$icon = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) !== null && _selectedOption$icon !== void 0 ? _selectedOption$icon : 'ellipsis',
+        icon: selectedOption?.icon ?? 'ellipsis',
         marginBottom0: true,
         onClick: onToggle,
         onKeyDown: keyHandler,
@@ -125,5 +121,4 @@ IconSelect.propTypes = {
   required: _propTypes.default.bool,
   value: _propTypes.default.string
 };
-var _default = IconSelect;
-exports.default = _default;
+var _default = exports.default = IconSelect;

package/es/lib/NoResultsMessage/NoResultsMessage.js

@@ -54,18 +54,18 @@ const NoResultsMessage = _ref => {
   // Request failure
   if (isError) {
     icon = 'exclamation-circle';
-    label = error === null || error === void 0 ? void 0 : error.message;
+    label = error?.message;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: _NoResultsMessage.default.noResultsMessage,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _NoResultsMessage.default.noResultsMessageLabelWrap,
       children: [(icon || userIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-        icon: userIcon !== null && userIcon !== void 0 ? userIcon : icon,
+        icon: userIcon ?? icon,
         iconRootClass: _NoResultsMessage.default.noResultsMessageIcon
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: _NoResultsMessage.default.noResultsMessageLabel,
-        children: userLabel !== null && userLabel !== void 0 ? userLabel : label
+        children: userLabel ?? label
       })]
     }), !filterPaneIsVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       buttonClass: _NoResultsMessage.default.noResultsMessageButton,
@@ -73,7 +73,7 @@ const NoResultsMessage = _ref => {
       onClick: toggleFilterPane,
       children: kintIntl.formatKintMessage({
         id: 'showFilters',
-        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.showFilters
+        overrideValue: labelOverrides?.showFilters
       })
     })]
   });
@@ -91,5 +91,4 @@ NoResultsMessage.propTypes = {
   searchTerm: _propTypes.default.string,
   toggleFilterPane: _propTypes.default.func.isRequired
 };
-var _default = NoResultsMessage;
-exports.default = _default;
+var _default = exports.default = NoResultsMessage;

package/es/lib/QueryTypedown/QueryTypedown.js

@@ -10,8 +10,8 @@ var _Typedown = _interopRequireDefault(require("../Typedown"));
 var _typedownHooks = require("../hooks/typedownHooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const QueryTypedown = _ref => {
   let {
     dataFormatter = d => d,
@@ -39,5 +39,4 @@ QueryTypedown.propTypes = {
   path: _propTypes.default.string,
   pathMutator: _propTypes.default.func
 };
-var _default = QueryTypedown;
-exports.default = _default;
+var _default = exports.default = QueryTypedown;

package/es/lib/RefdataButtons/RefdataButtons.js

@@ -32,7 +32,7 @@ const RefdataButtons = props => {
         'checked': input.value === option.value,
         'fullWidth': true,
         'label': labelTranslations ? intl.formatMessage({
-          id: "".concat(labelTranslations.key, ".").concat(option.value),
+          id: `${labelTranslations.key}.${option.value}`,
           defaultMessage: option.label
         }) : option.label,
         'marginBottom0': true,
@@ -44,7 +44,7 @@ const RefdataButtons = props => {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RadioButton, {
           ...buttonProps
         })
-      }, "".concat(input.name, ":").concat(option.id));
+      }, `${input.name}:${option.id}`);
     });
   };
   const returnRows = dataOptions => {
@@ -71,7 +71,7 @@ const RefdataButtons = props => {
     return chunkedDataOptions.map((cdo, index) => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Row, {
         children: buttonRender(cdo, false)
-      }, "".concat(props.input.name, ":row").concat(index));
+      }, `${props.input.name}:row${index}`);
     });
   };
   return returnRows(props.dataOptions);
@@ -87,5 +87,4 @@ RefdataButtons.propTypes = {
     onChange: _propTypes.default.func.isRequired
   }).isRequired
 };
-var _default = RefdataButtons;
-exports.default = _default;
+var _default = exports.default = RefdataButtons;