@spaced-out/ui-design-system 0.1.29 → 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/makeClassNameComponent/makeClassNameComponent.js.flow

@@ -1,5 +1,4 @@
 // @flow strict
-
 import * as React from 'react';
 
 import classify from '../classify';

package/lib/utils/tokens/tokens.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSortedTokenNames = exports.getRandomDataVariation = exports.filterTableDataBySearchText = exports.dataVariations = void 0;
+exports.handleDownload = exports.getSortedTokenNames = exports.getRandomDataVariation = exports.filterTableDataBySearchText = exports.dataVariations = void 0;
 
 const dataVariations = [{
   title: 'The Great HTML Escape 🎩🌐',
@@ -151,4 +151,17 @@ const getRandomDataVariation = () => {
   const randomIndex = Math.floor(Math.random() * dataVariations.length);
   return dataVariations[randomIndex];
 };
-exports.getRandomDataVariation = getRandomDataVariation;
+exports.getRandomDataVariation = getRandomDataVariation;
+const handleDownload = (filePath, fileName) => {
+  fetch(filePath).then(response => response.blob()).then(blob => {
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = fileName;
+    link.click();
+    URL.revokeObjectURL(url);
+  }).catch(error => {
+    console.error('Error downloading the JSON file:', error);
+  });
+};
+exports.handleDownload = handleDownload;

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

@@ -226,3 +226,19 @@ export const getRandomDataVariation = (): DataVariation => {
   const randomIndex: number = Math.floor(Math.random() * dataVariations.length);
   return dataVariations[randomIndex];
 };
+
+export const handleDownload = (filePath: string, fileName: string) => {
+  fetch(filePath)
+    .then((response) => response.blob())
+    .then((blob) => {
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = fileName;
+      link.click();
+      URL.revokeObjectURL(url);
+    })
+    .catch((error) => {
+      console.error('Error downloading the JSON file:', error);
+    });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.29",
+  "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",