@spaced-out/ui-design-system 0.1.30 → 0.1.31

package/lib/utils/helpers/helpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uuid = exports.range = void 0;
+exports.uuid = exports.range = exports.convertFileSize = void 0;
 
 const uuid = () => {
   let dt = new Date().getTime();
@@ -20,4 +20,41 @@ const range = (start, end) => {
     length
   }, (_, i) => start + i);
 };
-exports.range = range;
+exports.range = range;
+const convertFileSize = fileSize => {
+  let sizeInBytes = fileSize;
+  // Check if the file size is less than 1024
+  if (sizeInBytes < 0) {
+    sizeInBytes = Math.abs(sizeInBytes);
+  }
+
+  // Handle the case where the file size is 0 or negative
+  if (sizeInBytes <= 0) {
+    return '0 B';
+  }
+
+  // Check if the file size is less than 1024
+  if (sizeInBytes < 1024) {
+    // Return the file size in bytes
+    return sizeInBytes.toString() + ' B';
+  }
+
+  // Check if the file size is less than 1048576
+  else if (sizeInBytes < 1048576) {
+    // Return the file size in KB
+    return (sizeInBytes / 1024).toFixed(1) + ' KB';
+  }
+
+  // Check if the file size is less than 1073741824
+  else if (sizeInBytes < 1073741824) {
+    // Return the file size in MB
+    return (sizeInBytes / 1048576).toFixed(1) + ' MB';
+  }
+
+  // Otherwise, the file size is greater than or equal to 1073741824
+  else {
+    // Return the file size in GB
+    return (sizeInBytes / 1073741824).toFixed(1) + ' GB';
+  }
+};
+exports.convertFileSize = convertFileSize;

package/lib/utils/helpers/helpers.js.flow

@@ -14,3 +14,40 @@ export const range = (start: number, end: number): Array<number> => {
   const length = end - start + 1;
   return Array.from({length}, (_, i) => start + i);
 };
+
+export const convertFileSize = (fileSize: number): string => {
+  let sizeInBytes = fileSize;
+  // Check if the file size is less than 1024
+  if (sizeInBytes < 0) {
+    sizeInBytes = Math.abs(sizeInBytes);
+  }
+
+  // Handle the case where the file size is 0 or negative
+  if (sizeInBytes <= 0) {
+    return '0 B';
+  }
+
+  // Check if the file size is less than 1024
+  if (sizeInBytes < 1024) {
+    // Return the file size in bytes
+    return sizeInBytes.toString() + ' B';
+  }
+
+  // Check if the file size is less than 1048576
+  else if (sizeInBytes < 1048576) {
+    // Return the file size in KB
+    return (sizeInBytes / 1024).toFixed(1) + ' KB';
+  }
+
+  // Check if the file size is less than 1073741824
+  else if (sizeInBytes < 1073741824) {
+    // Return the file size in MB
+    return (sizeInBytes / 1048576).toFixed(1) + ' MB';
+  }
+
+  // Otherwise, the file size is greater than or equal to 1073741824
+  else {
+    // Return the file size in GB
+    return (sizeInBytes / 1073741824).toFixed(1) + ' GB';
+  }
+};

package/lib/utils/tokens/tokens.js

@@ -152,8 +152,7 @@ const getRandomDataVariation = () => {
   return dataVariations[randomIndex];
 };
 exports.getRandomDataVariation = getRandomDataVariation;
-const handleDownload = (path, fileName) => {
-  const filePath = `../../../${path}`;
+const handleDownload = (filePath, fileName) => {
   fetch(filePath).then(response => response.blob()).then(blob => {
     const url = URL.createObjectURL(blob);
     const link = document.createElement('a');

package/lib/utils/tokens/tokens.js.flow

@@ -227,9 +227,7 @@ export const getRandomDataVariation = (): DataVariation => {
   return dataVariations[randomIndex];
 };
 
-export const handleDownload = (path: string, fileName: string) => {
-  const filePath = `../../../${path}`;
-
+export const handleDownload = (filePath: string, fileName: string) => {
   fetch(filePath)
     .then((response) => response.blob())
     .then((blob) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.30",
+  "version": "0.1.31",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {
@@ -46,7 +46,8 @@
   "dependencies": {
     "@floating-ui/react": "^0.24.0",
     "date-fns": "^2.29.3",
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "react-dropzone": "^14.2.3"
   },
   "devDependencies": {
     "@babel/cli": "^7.18.10",