@jasperoosthoek/react-toolbox 0.5.7 → 0.6.1

package/dist/index.js.LICENSE.txt

@@ -4,11 +4,25 @@
 	http://jedwatson.github.io/classnames
 */
 
+/*!
+ * mime-db
+ * Copyright(c) 2014 Jonathan Ong
+ * Copyright(c) 2015-2022 Douglas Christopher Wilson
+ * MIT Licensed
+ */
+
+/*!
+ * mime-types
+ * Copyright(c) 2014 Jonathan Ong
+ * Copyright(c) 2015 Douglas Christopher Wilson
+ * MIT Licensed
+ */
+
 /**
  * @license React
- * react-jsx-runtime.production.min.js
+ * react-jsx-runtime.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/dist/utils/utils.d.ts

@@ -1,3 +1,4 @@
+import { AxiosInstance } from 'axios';
 export declare const isEmpty: (value: unknown) => boolean;
 export declare const snakeToCamelCase: (str: string) => string;
 export declare const camelToSnakeCase: (str: string) => string;
@@ -5,3 +6,7 @@ export declare const pluralToSingle: (str: string) => string;
 export declare const arrayToObject: <T extends any[]>(array: T, byKey: string) => any;
 export declare const roundFixed: (str: string | number, decimals?: number) => string;
 export declare const round: (str: string | number, decimals?: number) => number;
+export type DownloadFileOptions = {
+    axios: AxiosInstance;
+};
+export declare const downloadFile: (url: string, filename: string, options: DownloadFileOptions) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jasperoosthoek/react-toolbox",
-  "version": "0.5.7",
+  "version": "0.6.1",
   "author": "jasperoosthoek",
   "license": "MIT",
   "repository": {
@@ -22,7 +22,7 @@
     "@babel/preset-typescript": "^7.18.6",
     "@babel/register": "^7.13.16",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/react": "^16.2.0",
     "@types/jest": "^29.5.2",
     "@types/lodash": "^4.14.191",
     "@types/node": "^18.11.19",
@@ -50,19 +50,17 @@
     "url": "https://github.com/jasperoosthoek/react-toolbox/issues"
   },
   "homepage": "https://github.com/jasperoosthoek/react-toolbox#readme",
-  "dependencies": {
-  },
   "peerDependencies": {
     "axios": "^1.4.0",
     "bootstrap": "^5.1.3",
     "moment": "^2.29.4",
-    "react": "^18.3.1",
-    "react-bootstrap": "^2.7.4",
+    "react": "^19.0.0",
+    "react-bootstrap": "^2.10.9",
     "react-dnd": "^16.0.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.0.0",
     "react-icons": "^5.3.0",
-    "react-localization": "^1.0.19",
-    "react-redux": "^9.1.2",
+    "react-localization": "^2.0.5",
+    "react-redux": "^9.2.0",
     "redux": "^5.0.1",
     "redux-thunk": "^3.1.0"
   },

package/src/utils/hooks.ts

@@ -3,7 +3,9 @@ import { useDispatch } from 'react-redux';
 
 // https://stackoverflow.com/questions/53446020/how-to-compare-oldvalues-and-newvalues-on-react-hooks-useeffect
 export const usePrevious = <T>(value: T): T | undefined => {
-  const ref = useRef<T>();
+  // Explicitly set initial value to `undefined`
+  const ref = useRef<T | undefined>(undefined);
+
   useEffect(() => {
     ref.current = value;
   });

package/src/utils/utils.ts

@@ -1,3 +1,4 @@
+import axios, { AxiosInstance } from 'axios';
 
 export const isEmpty = (value: unknown) =>
   value === undefined
@@ -40,3 +41,26 @@ export const arrayToObject = <T extends any[]>(array: T, byKey: string) => Objec
 
 export const roundFixed = (str: string | number, decimals?: number) => parseFloat(`${str}`).toFixed(decimals || 0);
 export const round = (str: string | number, decimals?: number) => parseFloat(parseFloat(`${str}`).toFixed(decimals || 0));
+
+export type DownloadFileOptions = {
+  axios: AxiosInstance;
+}
+export const downloadFile = (url: string, filename: string, options: DownloadFileOptions) => (
+  // https://gist.github.com/javilobo8/097c30a233786be52070986d8cdb1743
+  
+  (options.axios || axios.create())({
+    url,
+    method: 'GET',
+    responseType: 'blob',
+  }).then((response) => {
+    const url = window.URL.createObjectURL(new Blob([response.data]));
+    const link = document.createElement('a');
+    link.href = url;
+    link.setAttribute(
+      'download',
+      filename,
+    );
+    document.body.appendChild(link);
+    link.click();
+  })
+);