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

package/es/lib/FieldLabel/FieldLabel.js

@@ -7,20 +7,16 @@ exports.default = void 0;
 var _components = require("@folio/stripes/components");
 var _jsxRuntime = require("react/jsx-runtime");
 const FieldLabel = _ref => {
-  let {
-    helpText,
-    label,
-    tooltipId
-  } = _ref;
+  let helpText = _ref.helpText,
+    label = _ref.label,
+    tooltipId = _ref.tooltipId;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Label, {
     children: [label, helpText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
       id: tooltipId,
       text: helpText,
       children: _ref2 => {
-        let {
-          ref,
-          ariaIds
-        } = _ref2;
+        let ref = _ref2.ref,
+          ariaIds = _ref2.ariaIds;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
           ref: ref,
           "aria-describedby": ariaIds.sub,

package/es/lib/Files/FileUploader/FileUploader.js

@@ -13,41 +13,44 @@ var _FileUploader = _interopRequireDefault(require("../../../../styles/FileUploa
 var _hooks = require("../../hooks");
 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 cx = _bind.default.bind(_FileUploader.default);
 
 // This is copied from stripes-data-transfer-components and tweaked
 const FileUploader = _ref => {
-  let {
-    accept,
-    children,
-    disabled,
-    dropzoneProps = {},
-    // Any additional dropzone props
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    maxFiles,
-    multiple = true,
-    onDrop,
-    onDragEnter,
-    onDragLeave
-  } = _ref;
-  const {
-    getRootProps,
-    getInputProps,
-    open,
-    isDragActive
-  } = (0, _reactDropzone.useDropzone)({
-    accept,
-    disabled,
-    multiple,
-    maxFiles,
-    noClick: true,
-    onDrop,
-    onDragEnter,
-    onDragLeave,
-    ...dropzoneProps
-  });
+  let accept = _ref.accept,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    _ref$dropzoneProps = _ref.dropzoneProps,
+    dropzoneProps = _ref$dropzoneProps === void 0 ? {} : _ref$dropzoneProps,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    maxFiles = _ref.maxFiles,
+    _ref$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? true : _ref$multiple,
+    onDrop = _ref.onDrop,
+    onDragEnter = _ref.onDragEnter,
+    onDragLeave = _ref.onDragLeave;
+  const _useDropzone = (0, _reactDropzone.useDropzone)(_objectSpread({
+      accept,
+      disabled,
+      multiple,
+      maxFiles,
+      noClick: true,
+      onDrop,
+      onDragEnter,
+      onDragLeave
+    }, dropzoneProps)),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    open = _useDropzone.open,
+    isDragActive = _useDropzone.isDragActive;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   const updateClassName = cx({
     upload: true,
@@ -57,17 +60,15 @@ const FileUploader = _ref => {
     uploadTitle: true,
     activeUploadTitle: isDragActive
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     "aria-disabled": disabled,
-    "data-test-file-uploader": true,
-    ...getRootProps({
-      role: 'presentation'
-    }),
+    "data-test-file-uploader": true
+  }, getRootProps({
+    role: 'presentation'
+  })), {}, {
     className: updateClassName,
     "data-testid": "fileUploader-input",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-      ...getInputProps()
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({}, getInputProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: titleClassName,
       "data-test-title": true,
       children: isDragActive ? kintIntl.formatKintMessage({
@@ -95,7 +96,7 @@ const FileUploader = _ref => {
         children: (0, _isFunction.default)(children) ? children(open) : children
       })]
     })]
-  });
+  }));
 };
 FileUploader.propTypes = {
   accept: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),

package/es/lib/Files/FileView/FileView.js

@@ -11,15 +11,14 @@ var _FileView = _interopRequireDefault(require("../../../../styles/FileView.css"
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FileView = _ref => {
-  let {
-    canDownload,
-    file,
-    onDownload,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    onDelete
-  } = _ref;
+  let canDownload = _ref.canDownload,
+    file = _ref.file,
+    onDownload = _ref.onDownload,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    onDelete = _ref.onDelete;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   if (!file) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -75,16 +74,14 @@ const FileView = _ref => {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 2,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
-          id: `file-${file?.id}-delete-button`,
+          id: "file-".concat(file === null || file === void 0 ? void 0 : file.id, "-delete-button"),
           text: kintIntl.formatKintMessage({
             id: 'files.remove',
             overrideValue: labelOverrides.remove
           }),
           children: _ref2 => {
-            let {
-              ariaIds,
-              ref
-            } = _ref2;
+            let ariaIds = _ref2.ariaIds,
+              ref = _ref2.ref;
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
               ref: ref,
               "aria-labelledby": ariaIds.text,

package/es/lib/Files/useFileHandlers.js

@@ -8,26 +8,23 @@ var _react = require("react");
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _utils = require("../utils");
+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; }
 // This is copied and adapted from stripes-erm-components
 
 const useFileHandlers = _ref => {
-  let {
-    // When fetchFile is true, will AUTOMATICALLY fetch not only
-    // fileMetadata but ALSO file itself
-    fetchFile = false,
-    /* fileEndpoint can be a string or
-     * {
-     *   download: string | function,
-     *   metadata: string | function
-     *   upload: string | function,
-     * }
-     */
-    fileEndpoint,
-    fileField = 'upload',
-    fileMappings = {},
-    // A mapping from file -> formData field,
-    fileId // An OPTIONAL id for a file which results in fetching and returning file metadata
-  } = _ref;
+  let _ref$fetchFile = _ref.fetchFile,
+    fetchFile = _ref$fetchFile === void 0 ? false : _ref$fetchFile,
+    fileEndpoint = _ref.fileEndpoint,
+    _ref$fileField = _ref.fileField,
+    fileField = _ref$fileField === void 0 ? 'upload' : _ref$fileField,
+    _ref$fileMappings = _ref.fileMappings,
+    fileMappings = _ref$fileMappings === void 0 ? {} : _ref$fileMappings,
+    fileId = _ref.fileId;
   const ky = (0, _core.useOkapiKy)();
 
   // A method which resolves the endpoint to hit based on fileEndpoint
@@ -38,19 +35,19 @@ const useFileHandlers = _ref => {
         case 'upload':
           return fileEndpoint;
         case 'download':
-          return `${fileEndpoint}/${file?.id}/raw`;
+          return "".concat(fileEndpoint, "/").concat(file === null || file === void 0 ? void 0 : file.id, "/raw");
         case 'metadata':
-          return `${fileEndpoint}/${file.id}`;
+          return "".concat(fileEndpoint, "/").concat(file.id);
         default:
-          throw new TypeError(`Unsupported endpoint type ${type}`);
+          throw new TypeError("Unsupported endpoint type ".concat(type));
       }
     }
     if (typeof fileEndpoint !== 'object') {
-      throw new TypeError(`Unsupported fileEndpoint type ${typeof fileEndpoint}`);
+      throw new TypeError("Unsupported fileEndpoint type ".concat(typeof fileEndpoint));
     }
     const config = fileEndpoint[type];
     if (config === null) {
-      throw new TypeError(`Unsupported fileEndpoint[${type}] is not configured`);
+      throw new TypeError("Unsupported fileEndpoint[".concat(type, "] is not configured"));
     }
 
     // Finally we have configured behaviour
@@ -61,63 +58,61 @@ const useFileHandlers = _ref => {
         return config;
       default:
         // If we have hit the end then we've done something wrong
-        throw new TypeError(`Unsupported configuration for fileEndpoint[${type}]: ${typeof config}`);
+        throw new TypeError("Unsupported configuration for fileEndpoint[".concat(type, "]: ").concat(typeof config));
     }
   }, [fileEndpoint]);
-  const {
-    mutateAsync: handleUploadFile
-  } = (0, _reactQuery.useMutation)([fileEndpoint, 'handleUpload'], file => {
-    const formData = new FormData();
-    formData.append(fileField, file);
-    Object.entries(fileMappings).forEach(_ref2 => {
-      let [key, value] = _ref2;
-      if (typeof value === 'string') {
-        formData.append(key, value);
-      } else if (typeof value === 'function') {
-        formData.append(key, value(file));
-      } else {
-        throw new TypeError('Invalid fileMapping: ' + key);
-      }
-    });
-    return ky.post(resolveEndpoint('upload', file), {
-      body: formData
-    }).json();
-  });
-  const {
-    data: fileBlob,
-    isLoading: isFileLoading,
-    refetch: refetchFile
-  } = (0, _reactQuery.useQuery)({
-    queryKey: [fileEndpoint, 'content', fileId],
-    queryFn: () => ky.get(resolveEndpoint('download', {
-      id: fileId
-    })).blob(),
-    enabled: !!fileId && typeof fileId === 'string' && fetchFile,
-    staleTime: Infinity // Assume the file won't change underneath us.
-  });
+  const _useMutation = (0, _reactQuery.useMutation)([fileEndpoint, 'handleUpload'], file => {
+      const formData = new FormData();
+      formData.append(fileField, file);
+      Object.entries(fileMappings).forEach(_ref2 => {
+        let _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          value = _ref3[1];
+        if (typeof value === 'string') {
+          formData.append(key, value);
+        } else if (typeof value === 'function') {
+          formData.append(key, value(file));
+        } else {
+          throw new TypeError('Invalid fileMapping: ' + key);
+        }
+      });
+      return ky.post(resolveEndpoint('upload', file), {
+        body: formData
+      }).json();
+    }),
+    handleUploadFile = _useMutation.mutateAsync;
+  const _useQuery = (0, _reactQuery.useQuery)({
+      queryKey: [fileEndpoint, 'content', fileId],
+      queryFn: () => ky.get(resolveEndpoint('download', {
+        id: fileId
+      })).blob(),
+      enabled: !!fileId && typeof fileId === 'string' && fetchFile,
+      staleTime: Infinity // Assume the file won't change underneath us.
+    }),
+    fileBlob = _useQuery.data,
+    isFileLoading = _useQuery.isLoading,
+    refetchFile = _useQuery.refetch;
 
   // We are declaratively fetching a file via a function, useMutation is more convenient here
   // NOTE even if fileBlob already exists this will refetch it for download
-  const {
-    mutate: getFile,
-    mutateAsync: getFileAsync
-  } = (0, _reactQuery.useMutation)([fileEndpoint, 'getFile'], file => ky.get(resolveEndpoint('download', file)).blob());
+  const _useMutation2 = (0, _reactQuery.useMutation)([fileEndpoint, 'getFile'], file => ky.get(resolveEndpoint('download', file)).blob()),
+    getFile = _useMutation2.mutate,
+    getFileAsync = _useMutation2.mutateAsync;
   const handleDownloadFile = (0, _react.useCallback)(fileMetadata => {
     return getFileAsync(fileMetadata)
     /* In this instance we want the file name back as it was handed in, whitespace and all */.then((0, _utils.downloadBlob)(fileMetadata.name, {
       processWhitespace: false
     }));
   }, [getFileAsync]);
-  const {
-    data: fileMetadata,
-    isLoading: isFileMetadataLoading
-  } = (0, _reactQuery.useQuery)({
-    queryKey: [fileEndpoint, 'metadata', fileId],
-    queryFn: () => ky.get(resolveEndpoint('metadata', {
-      id: fileId
-    })).json(),
-    enabled: !!fileId && typeof fileId === 'string'
-  });
+  const _useQuery2 = (0, _reactQuery.useQuery)({
+      queryKey: [fileEndpoint, 'metadata', fileId],
+      queryFn: () => ky.get(resolveEndpoint('metadata', {
+        id: fileId
+      })).json(),
+      enabled: !!fileId && typeof fileId === 'string'
+    }),
+    fileMetadata = _useQuery2.data,
+    isFileMetadataLoading = _useQuery2.isLoading;
   return {
     file: fileBlob,
     fileMetadata,

package/es/lib/FormModal/FormModal.js

@@ -9,37 +9,39 @@ var _reactFinalForm = require("react-final-form");
 var _components = require("@folio/stripes/components");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["footer", "onClose"],
+  _excluded2 = ["children", "intlKey", "intlNS", "labelOverrides", "modalProps", "onError", "onSubmit", "onSuccess"];
 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 FormModal = _ref => {
-  let {
-    children,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    modalProps: {
-      footer,
-      onClose,
-      ...modalProps
-    },
-    onError,
-    // Optional handler to run onSuccess for default handleSaveAndClear
-    onSubmit,
-    onSuccess,
-    // Optional handler to run onSuccess for default handleSaveAndClear
-    ...formProps
-  } = _ref;
+  let children = _ref.children,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    _ref$modalProps = _ref.modalProps,
+    footer = _ref$modalProps.footer,
+    onClose = _ref$modalProps.onClose,
+    modalProps = _objectWithoutProperties(_ref$modalProps, _excluded),
+    onError = _ref.onError,
+    onSubmit = _ref.onSubmit,
+    onSuccess = _ref.onSuccess,
+    formProps = _objectWithoutProperties(_ref, _excluded2);
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
-    onSubmit: onSubmit,
-    ...formProps,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, _objectSpread(_objectSpread({
+    onSubmit: onSubmit
+  }, formProps), {}, {
     children: _ref2 => {
-      let {
-        handleSubmit,
-        form: {
-          getState,
-          restart
-        }
-      } = _ref2;
+      let handleSubmit = _ref2.handleSubmit,
+        _ref2$form = _ref2.form,
+        getState = _ref2$form.getState,
+        restart = _ref2$form.restart;
       const formState = getState();
       const handleClose = e => {
         onClose(e);
@@ -103,12 +105,10 @@ const FormModal = _ref => {
             handleSubmitRaw: handleSubmit
           });
         }
-        const {
-          invalid,
-          pristine,
-          submitting,
-          validating
-        } = formState;
+        const invalid = formState.invalid,
+          pristine = formState.pristine,
+          submitting = formState.submitting,
+          validating = formState.validating;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ModalFooter, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
             buttonStyle: "primary",
@@ -130,15 +130,15 @@ const FormModal = _ref => {
           })]
         });
       };
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, _objectSpread(_objectSpread({
         enforceFocus: false,
         footer: renderFooter(),
-        onClose: handleClose,
-        ...modalProps,
+        onClose: handleClose
+      }, modalProps), {}, {
         children: children
-      });
+      }));
     }
-  });
+  }));
 };
 FormModal.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node, _propTypes.default.func]),

package/es/lib/FormattedKintMessage/FormattedKintMessage.js

@@ -8,30 +8,36 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactIntl = require("react-intl");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["fallbackMessage", "id", "intlKey", "intlNS", "overrideValue"]; // This works analogously to useKintIntl's "formatKintMessage"
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// This works analogously to useKintIntl's "formatKintMessage"
+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 FormattedKintMessage = _ref => {
-  let {
-    fallbackMessage,
-    id,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    overrideValue,
-    ...formattedMessageProps
-  } = _ref;
+  var _intlObj$messages2;
+  let fallbackMessage = _ref.fallbackMessage,
+    id = _ref.id,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    overrideValue = _ref.overrideValue,
+    formattedMessageProps = _objectWithoutProperties(_ref, _excluded);
   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?.[overrideValue]) {
+    if ((_intlObj$messages = intlObj.messages) !== null && _intlObj$messages !== void 0 && _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,
-        ...formattedMessageProps
-      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
+        id: overrideValue
+      }, formattedMessageProps));
     }
     // At this stage we have an overrideValue that's not a key, return it.
     return overrideValue;
@@ -40,20 +46,19 @@ 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.messages?.[`${intlKey}.${id}`] && fallbackMessage) {
+  if (!((_intlObj$messages2 = intlObj.messages) !== null && _intlObj$messages2 !== void 0 && _intlObj$messages2["".concat(intlKey, ".").concat(id)]) && fallbackMessage) {
+    var _intlObj$messages3;
     // Allow fallback message to be an intl key
-    if (intlObj.messages?.[fallbackMessage]) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: fallbackMessage,
-        ...formattedMessageProps
-      });
+    if ((_intlObj$messages3 = intlObj.messages) !== null && _intlObj$messages3 !== void 0 && _intlObj$messages3[fallbackMessage]) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
+        id: fallbackMessage
+      }, formattedMessageProps));
     }
     return fallbackMessage;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-    id: `${intlKey}.${id}`,
-    ...formattedMessageProps
-  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
+    id: "".concat(intlKey, ".").concat(id)
+  }, formattedMessageProps));
 };
 FormattedKintMessage.propTypes = {
   fallbackMessage: _propTypes.default.string,