@spaced-out/ui-design-system 0.5.7-beta.2 → 0.5.7-beta.4

package/lib/components/ErrorMessage/ErrorMessage.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ErrorMessage = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _ErrorImages = require("src/components/ErrorMessage/ErrorImages");
-var _ErrorMessageModule = _interopRequireDefault(require("src/components/ErrorMessage/ErrorMessage.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _ErrorImages = require("./ErrorImages");
+var _ErrorMessageModule = _interopRequireDefault(require("./ErrorMessage.module.css"));
+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); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     classNames,
@@ -22,23 +22,30 @@ const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/React.forwardRef((_ref,
     heading,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ...props,
     "data-testid": "ErrorMessage",
     className: (0, _classify.default)(_ErrorMessageModule.default.wrapper, classNames?.wrapper),
-    ref: ref
-  }), !!imageVariant && !customImageUrl && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ErrorMessageModule.default.image, classNames?.image)
-  }, imageVariant === 'unauthorized' && /*#__PURE__*/React.createElement(_ErrorImages.UnauthorizedImage, null), imageVariant === 'forbidden' && /*#__PURE__*/React.createElement(_ErrorImages.ForbiddenImage, null), imageVariant === 'notFound' && /*#__PURE__*/React.createElement(_ErrorImages.NotFoundImage, null), imageVariant === 'serverError' && /*#__PURE__*/React.createElement(_ErrorImages.ServerErrorImage, null)), customImageUrl && /*#__PURE__*/React.createElement("img", {
-    className: (0, _classify.default)(_ErrorMessageModule.default.image, classNames?.image),
-    src: customImageUrl,
-    alt: "Empty State"
-  }), !!heading && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ErrorMessageModule.default.heading, classNames?.heading)
-  }, heading), !!title && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ErrorMessageModule.default.title, classNames?.title)
-  }, title), !!description && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ErrorMessageModule.default.description, classNames?.description)
-  }, description), !!children && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ErrorMessageModule.default.childrenWrapper, classNames?.children)
-  }, children));
+    ref: ref,
+    children: [!!imageVariant && !customImageUrl && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.default)(_ErrorMessageModule.default.image, classNames?.image),
+      children: [imageVariant === 'unauthorized' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorImages.UnauthorizedImage, {}), imageVariant === 'forbidden' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorImages.ForbiddenImage, {}), imageVariant === 'notFound' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorImages.NotFoundImage, {}), imageVariant === 'serverError' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorImages.ServerErrorImage, {})]
+    }), customImageUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      className: (0, _classify.default)(_ErrorMessageModule.default.image, classNames?.image),
+      src: customImageUrl,
+      alt: "Empty State"
+    }), !!heading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_ErrorMessageModule.default.heading, classNames?.heading),
+      children: heading
+    }), !!title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_ErrorMessageModule.default.title, classNames?.title),
+      children: title
+    }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_ErrorMessageModule.default.description, classNames?.description),
+      children: description
+    }), !!children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_ErrorMessageModule.default.childrenWrapper, classNames?.children),
+      children: children
+    })]
+  });
 });

package/lib/components/ErrorMessage/index.d.ts

@@ -1,2 +1,2 @@
-export * from 'src/components/ErrorMessage/ErrorMessage';
+export * from '../../components/ErrorMessage/ErrorMessage';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/ErrorMessage/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _ErrorMessage = require("src/components/ErrorMessage/ErrorMessage");
+var _ErrorMessage = require("./ErrorMessage");
 Object.keys(_ErrorMessage).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ErrorMessage[key]) return;

package/lib/components/FileUpload/FileBlock/FileBlock.d.ts

@@ -1,5 +1,5 @@
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { FileObject } from 'src/components/FileUpload/FileUpload';
+import type { FileObject } from '../../../components/FileUpload/FileUpload';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;

package/lib/components/FileUpload/FileBlock/FileBlock.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FileBlock = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Icon = require("src/components/Icon");
-var _LinearLoader = require("src/components/LinearLoader");
-var _Truncate = require("src/components/Truncate");
-var _FileUploadModule = _interopRequireDefault(require("src/components/FileUpload/FileUpload.module.css"));
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _Icon = require("../../Icon");
+var _LinearLoader = require("../../LinearLoader");
+var _Truncate = require("../../Truncate");
+var _FileUploadModule = _interopRequireDefault(require("../FileUpload.module.css"));
+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); }
 const FileBlock = exports.FileBlock = /*#__PURE__*/React.forwardRef((_ref, ref) => {
@@ -20,43 +21,62 @@ const FileBlock = exports.FileBlock = /*#__PURE__*/React.forwardRef((_ref, ref)
     handleFileClear,
     showRemoveFile = true
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_FileUploadModule.default.file, classNames?.wrapper),
-    ref: ref
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.fileInfo
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.fileNameBlock
-  }, /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.icon
-  }, /*#__PURE__*/React.createElement(FileStatusIcon, {
-    fileObject: fileObject
-  })), /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.fileName
-  }, /*#__PURE__*/React.createElement(_Truncate.Truncate, null, fileObject.file.name))), fileObject.success && !!fileObject.successMessage && !fileObject.progress && /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.fileSuccess
-  }, /*#__PURE__*/React.createElement(_Truncate.Truncate, null, fileObject.successMessage)), fileObject.reject && !!fileObject.rejectReason && !fileObject.progress && /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.fileError
-  }, /*#__PURE__*/React.createElement(_Truncate.Truncate, null, fileObject.rejectReason)), !!fileObject.progress && /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.progress
-  }, /*#__PURE__*/React.createElement(_LinearLoader.LinearLoader, {
-    size: "small",
-    value: fileObject.progress === 'indeterminate' ? 0 : fileObject.progress,
-    indeterminate: fileObject.progress === 'indeterminate'
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.rightSection
-  }, fileObject.showReUpload && /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.rightBlock
-  }, /*#__PURE__*/React.createElement(_Icon.ClickableIcon, {
-    name: "refresh",
-    size: "small",
-    onClick: () => onFileRefreshClick?.(fileObject)
-  })), showRemoveFile && /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.rightBlock
-  }, /*#__PURE__*/React.createElement(_Icon.CloseIcon, {
-    size: "small",
-    onClick: () => handleFileClear?.(fileObject.id)
-  })))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.default)(_FileUploadModule.default.file, classNames?.wrapper),
+      ref: ref,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _FileUploadModule.default.fileInfo,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: _FileUploadModule.default.fileNameBlock,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: _FileUploadModule.default.icon,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FileStatusIcon, {
+              fileObject: fileObject
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: _FileUploadModule.default.fileName,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+              children: fileObject.file.name
+            })
+          })]
+        }), fileObject.success && !!fileObject.successMessage && !fileObject.progress && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _FileUploadModule.default.fileSuccess,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+            children: fileObject.successMessage
+          })
+        }), fileObject.reject && !!fileObject.rejectReason && !fileObject.progress && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _FileUploadModule.default.fileError,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+            children: fileObject.rejectReason
+          })
+        }), !!fileObject.progress && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _FileUploadModule.default.progress,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinearLoader.LinearLoader, {
+            size: "small",
+            value: fileObject.progress === 'indeterminate' ? 0 : fileObject.progress,
+            indeterminate: fileObject.progress === 'indeterminate'
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _FileUploadModule.default.rightSection,
+        children: [fileObject.showReUpload && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _FileUploadModule.default.rightBlock,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.ClickableIcon, {
+            name: "refresh",
+            size: "small",
+            onClick: () => onFileRefreshClick?.(fileObject)
+          })
+        }), showRemoveFile && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _FileUploadModule.default.rightBlock,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.CloseIcon, {
+            size: "small",
+            onClick: () => handleFileClear?.(fileObject.id)
+          })
+        })]
+      })]
+    })
+  });
 });
 
 // This function returns the status of a file
@@ -81,26 +101,26 @@ const FileStatusIcon = _ref2 => {
   const status = getFileStatus(fileObject);
   switch (status) {
     case 'progress':
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         size: "small",
         name: "loader",
         color: "tertiary"
       });
     case 'success':
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         size: "small",
         name: "check",
         color: "success"
       });
     case 'error':
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         size: "small",
         name: "circle-exclamation",
         color: "danger",
         type: "solid"
       });
     default:
-      return /*#__PURE__*/React.createElement(_Icon.Icon, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         size: "small",
         name: "check",
         color: "success"

package/lib/components/FileUpload/FileBlock/index.d.ts

@@ -1,2 +1,2 @@
-export * from 'src/components/FileUpload/FileBlock/FileBlock';
+export * from '../../../components/FileUpload/FileBlock/FileBlock';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/FileUpload/FileBlock/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _FileBlock = require("src/components/FileUpload/FileBlock/FileBlock");
+var _FileBlock = require("./FileBlock");
 Object.keys(_FileBlock).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _FileBlock[key]) return;

package/lib/components/FileUpload/FileUpload.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FileUpload = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useFileUpload = require("src/hooks/useFileUpload");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Button = require("src/components/Button");
-var _FileBlock = require("src/components/FileUpload/FileBlock");
-var _Truncate = require("src/components/Truncate");
-var _FileUploadModule = _interopRequireDefault(require("src/components/FileUpload/FileUpload.module.css"));
+var _useFileUpload = require("../../hooks/useFileUpload");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Button = require("../Button");
+var _FileBlock = require("./FileBlock");
+var _Truncate = require("../Truncate");
+var _FileUploadModule = _interopRequireDefault(require("./FileUpload.module.css"));
+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); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 // This is a file error object that is passed to onRejectedFilesDrop callback in useFileUpload hook
 
 // This is a file rejection object that is passed to handleDropRejected function in useFileUpload hook
@@ -80,35 +80,46 @@ const FileUploadBase = (props, ref) => {
 
   // Merge valid and rejected files
   const files = [...validFiles, ...rejectedFiles];
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_FileUploadModule.default.wrapper, classNames?.wrapper)
-  }, Boolean(label) && /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.label
-  }, /*#__PURE__*/React.createElement(_Truncate.Truncate, null, label), required && /*#__PURE__*/React.createElement("span", {
-    className: _FileUploadModule.default.required
-  }, '*')), /*#__PURE__*/React.createElement(_Button.UnstyledButton, _extends({
-    disabled: disabled || !shouldAcceptFiles
-  }, getRootProps(), {
-    className: (0, _classify.default)(_FileUploadModule.default.dropzone, {
-      [_FileUploadModule.default.disabled]: disabled || !shouldAcceptFiles,
-      [_FileUploadModule.default.dragActive]: isDragActive,
-      [_FileUploadModule.default.error]: error
-    }, classNames?.dropZone)
-  }), /*#__PURE__*/React.createElement("input", getInputProps()), /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_FileUploadModule.default.instruction, classNames?.instruction)
-  }, isDragActive ? draggingInstruction : instruction), /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_FileUploadModule.default.secondaryInstruction, classNames?.secondaryInstruction)
-  }, secondaryInstruction)), files.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: _FileUploadModule.default.files
-  }, files.map(fileObject => /*#__PURE__*/React.createElement(React.Fragment, {
-    key: fileObject.id
-  }, /*#__PURE__*/React.createElement(_FileBlock.FileBlock, {
-    fileObject: fileObject,
-    onFileRefreshClick: onFileRefreshClick,
-    handleFileClear: handleFileDeletionExternally ? onFileClear : handleFileClear,
-    classNames: {
-      wrapper: classNames?.files
-    }
-  })))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classify.default)(_FileUploadModule.default.wrapper, classNames?.wrapper),
+    children: [Boolean(label) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _FileUploadModule.default.label,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+        children: label
+      }), required && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _FileUploadModule.default.required,
+        children: '*'
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.UnstyledButton, {
+      disabled: disabled || !shouldAcceptFiles,
+      ...getRootProps(),
+      className: (0, _classify.default)(_FileUploadModule.default.dropzone, {
+        [_FileUploadModule.default.disabled]: disabled || !shouldAcceptFiles,
+        [_FileUploadModule.default.dragActive]: isDragActive,
+        [_FileUploadModule.default.error]: error
+      }, classNames?.dropZone),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        ...getInputProps()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classify.default)(_FileUploadModule.default.instruction, classNames?.instruction),
+        children: isDragActive ? draggingInstruction : instruction
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classify.default)(_FileUploadModule.default.secondaryInstruction, classNames?.secondaryInstruction),
+        children: secondaryInstruction
+      })]
+    }), files.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _FileUploadModule.default.files,
+      children: files.map(fileObject => /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileBlock.FileBlock, {
+          fileObject: fileObject,
+          onFileRefreshClick: onFileRefreshClick,
+          handleFileClear: handleFileDeletionExternally ? onFileClear : handleFileClear,
+          classNames: {
+            wrapper: classNames?.files
+          }
+        })
+      }, fileObject.id))
+    })]
+  });
 };
 const FileUpload = exports.FileUpload = /*#__PURE__*/React.forwardRef(FileUploadBase);

package/lib/components/FileUpload/index.d.ts

@@ -1,3 +1,3 @@
-export * from 'src/components/FileUpload/FileBlock';
-export * from 'src/components/FileUpload/FileUpload';
+export * from '../../components/FileUpload/FileBlock';
+export * from '../../components/FileUpload/FileUpload';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/FileUpload/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _FileBlock = require("src/components/FileUpload/FileBlock");
+var _FileBlock = require("./FileBlock");
 Object.keys(_FileBlock).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _FileBlock[key]) return;
@@ -14,7 +14,7 @@ Object.keys(_FileBlock).forEach(function (key) {
     }
   });
 });
-var _FileUpload = require("src/components/FileUpload/FileUpload");
+var _FileUpload = require("./FileUpload");
 Object.keys(_FileUpload).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _FileUpload[key]) return;

package/lib/components/FilterButtonOverlay/FilterButtonOverlay.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ClickAwayRefType } from 'src/utils';
-import type { ButtonProps, ButtonSize } from 'src/components/Button';
-import type { AnchorType, Strategy } from 'src/components/ButtonDropdown';
-import type { ElevationType } from 'src/components/Tooltip';
+import type { ClickAwayRefType } from '../../utils';
+import type { ButtonProps, ButtonSize } from '../../components/Button';
+import type { AnchorType, Strategy } from '../../components/ButtonDropdown';
+import type { ElevationType } from '../../components/Tooltip';
 type ClassNames = Readonly<{
     wrapper?: string;
     overlayContainer?: string;

package/lib/components/FilterButtonOverlay/FilterButtonOverlay.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.FilterButtonOverlay = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
-var _hooks = require("src/hooks");
-var _space = require("src/styles/variables/_space");
-var _utils = require("src/utils");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Button = require("src/components/Button");
-var _ButtonDropdown = require("src/components/ButtonDropdown");
-var _Tooltip = require("src/components/Tooltip");
-var _FilterButtonOverlayModule = _interopRequireDefault(require("src/components/FilterButtonOverlay/FilterButtonOverlay.module.css"));
+var _hooks = require("../../hooks");
+var _space = require("../../styles/variables/_space");
+var _utils = require("../../utils");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _Button = require("../Button");
+var _ButtonDropdown = require("../ButtonDropdown");
+var _Tooltip = require("../Tooltip");
+var _FilterButtonOverlayModule = _interopRequireDefault(require("./FilterButtonOverlay.module.css"));
+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); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const FilterButtonOverlay = exports.FilterButtonOverlay = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     classNames,
@@ -46,59 +46,68 @@ const FilterButtonOverlay = exports.FilterButtonOverlay = /*#__PURE__*/React.for
     middleware: [(0, _react2.shift)(), (0, _react2.flip)(), (0, _react2.offset)(parseInt(_space.spaceXXSmall))]
   });
   const dropdownWidth = (0, _hooks.useReferenceElementWidth)(refs.reference?.current);
-  return /*#__PURE__*/React.createElement(_utils.ClickAway, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ClickAway, {
     clickAwayRef: clickAwayRef,
     closeOnEscapeKeypress: true,
-    containsNestedFloatingPortals: true
-  }, _ref2 => {
-    let {
-      isOpen,
-      onOpen,
-      boundaryRef,
-      triggerRef
-    } = _ref2;
-    return /*#__PURE__*/React.createElement("div", {
-      "data-testid": "FilterButtonOverlay",
-      className: (0, _classify.default)({
-        [_FilterButtonOverlayModule.default.isFluid]: buttonIsFluid
-      }, classNames?.wrapper),
-      ref: ref
-    }, /*#__PURE__*/React.createElement(_Button.Button, _extends({}, restProps, {
-      ref: (0, _utils.mergeRefs)([refs.setReference, triggerRef]),
-      onClick: e => {
-        e.stopPropagation();
-        onOpen();
-      },
-      isFluid: buttonIsFluid,
-      size: buttonSize
-    }), buttonLabel), isOpen && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
-      modal: false,
-      context: context,
-      initialFocus: refs.reference
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: (0, _utils.mergeRefs)([refs.setFloating, boundaryRef]),
-      className: _FilterButtonOverlayModule.default.overlayContainer,
-      style: {
-        display: 'flex',
-        position: strategy,
-        top: y ?? _space.spaceNone,
-        left: x ?? _space.spaceNone,
-        /* NOTE(Sharad): The FloatingPortal renders the menu outside the normal DOM structure,
-        so its parent is effectively the <body> element. This means the menu
-        would otherwise default to the body's width. To support fluid width,
-        we must manually set the dropdown width here; otherwise, it uses a fixed width.
-        Also, Only treat menu as non-fluid if isFluid is strictly false, since default is true in menu and undefined means fluid. */
-        ...(isFluid !== false && {
-          '--dropdown-width': dropdownWidth
-        }),
-        '--menu-elevation': (0, _Tooltip.getElevationValue)(elevation)
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: (0, _classify.default)(_FilterButtonOverlayModule.default.overlayWrapper, {
-        [_FilterButtonOverlayModule.default.fluid]: isFluid,
-        [_FilterButtonOverlayModule.default.small]: size === 'small',
-        [_FilterButtonOverlayModule.default.medium]: size === 'medium'
-      }, classNames?.overlayContainer)
-    }, children)))));
+    containsNestedFloatingPortals: true,
+    children: _ref2 => {
+      let {
+        isOpen,
+        onOpen,
+        boundaryRef,
+        triggerRef
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        "data-testid": "FilterButtonOverlay",
+        className: (0, _classify.default)({
+          [_FilterButtonOverlayModule.default.isFluid]: buttonIsFluid
+        }, classNames?.wrapper),
+        ref: ref,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+          ...restProps,
+          ref: (0, _utils.mergeRefs)([refs.setReference, triggerRef]),
+          onClick: e => {
+            e.stopPropagation();
+            onOpen();
+          },
+          isFluid: buttonIsFluid,
+          size: buttonSize,
+          children: buttonLabel
+        }), isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
+            modal: false,
+            context: context,
+            initialFocus: refs.reference,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              ref: (0, _utils.mergeRefs)([refs.setFloating, boundaryRef]),
+              className: _FilterButtonOverlayModule.default.overlayContainer,
+              style: {
+                display: 'flex',
+                position: strategy,
+                top: y ?? _space.spaceNone,
+                left: x ?? _space.spaceNone,
+                /* NOTE(Sharad): The FloatingPortal renders the menu outside the normal DOM structure,
+                so its parent is effectively the <body> element. This means the menu
+                would otherwise default to the body's width. To support fluid width,
+                we must manually set the dropdown width here; otherwise, it uses a fixed width.
+                Also, Only treat menu as non-fluid if isFluid is strictly false, since default is true in menu and undefined means fluid. */
+                ...(isFluid !== false && {
+                  '--dropdown-width': dropdownWidth
+                }),
+                '--menu-elevation': (0, _Tooltip.getElevationValue)(elevation)
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: (0, _classify.default)(_FilterButtonOverlayModule.default.overlayWrapper, {
+                  [_FilterButtonOverlayModule.default.fluid]: isFluid,
+                  [_FilterButtonOverlayModule.default.small]: size === 'small',
+                  [_FilterButtonOverlayModule.default.medium]: size === 'medium'
+                }, classNames?.overlayContainer),
+                children: children
+              })
+            })
+          })
+        })]
+      });
+    }
   });
 });

package/lib/components/FilterButtonOverlay/index.d.ts

@@ -1,2 +1,2 @@
-export * from 'src/components/FilterButtonOverlay/FilterButtonOverlay';
+export * from '../../components/FilterButtonOverlay/FilterButtonOverlay';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/FilterButtonOverlay/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _FilterButtonOverlay = require("src/components/FilterButtonOverlay/FilterButtonOverlay");
+var _FilterButtonOverlay = require("./FilterButtonOverlay");
 Object.keys(_FilterButtonOverlay).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _FilterButtonOverlay[key]) return;

package/lib/components/FocusManager/FocusManager.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.FocusManager = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _FocusManagerModule = _interopRequireDefault(require("src/components/FocusManager/FocusManager.module.css"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _FocusManagerModule = _interopRequireDefault(require("./FocusManager.module.css"));
+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); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const FocusManager = props => {
   const {
     refs,
@@ -27,16 +27,19 @@ const FocusManager = props => {
     guards = true,
     ...restFloatingFocusManagerProps
   } = props;
-  return /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
     context: context,
     initialFocus: initialFocus,
     modal: modal,
     guards: guards,
-    returnFocus: returnFocus
-  }, restFloatingFocusManagerProps), /*#__PURE__*/React.createElement("div", {
-    ref: refs.setFloating,
-    "data-testid": "FocusManager",
-    className: (0, _classify.default)(_FocusManagerModule.default.wrapper, classNames?.wrapper)
-  }, children));
+    returnFocus: returnFocus,
+    ...restFloatingFocusManagerProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: refs.setFloating,
+      "data-testid": "FocusManager",
+      className: (0, _classify.default)(_FocusManagerModule.default.wrapper, classNames?.wrapper),
+      children: children
+    })
+  });
 };
 exports.FocusManager = FocusManager;