@dvrd/dvr-controls 1.0.39 → 1.0.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dvrd/dvr-controls",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "description": "Custom web controls",
   "main": "index.ts",
   "files": [
@@ -18,34 +18,34 @@
     "2": "ie >= 11"
   },
   "peerDependencies": {
-    "react-router-dom": "6.8.1"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
-  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "6.3.0",
-    "@fortawesome/free-brands-svg-icons": "6.3.0",
-    "@fortawesome/free-regular-svg-icons": "6.3.0",
-    "@fortawesome/free-solid-svg-icons": "6.3.0",
-    "@fortawesome/react-fontawesome": "0.2.0",
+  "devDependencies": {
     "@types/dompurify": "2.4.0",
     "@types/js-cookie": "3.0.3",
     "@types/lodash": "4.14.191",
     "@types/node": "18.14.0",
-    "@types/react": "18.0.28",
+    "@types/react": "18.2.19",
     "@types/react-color": "3.0.6",
     "@types/react-dom": "18.0.11",
-    "@types/react-router-dom": "5.3.3",
     "@types/uuid": "9.0.0",
+    "typescript": "4.9.5"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "6.3.0",
+    "@fortawesome/free-brands-svg-icons": "6.3.0",
+    "@fortawesome/free-regular-svg-icons": "6.3.0",
+    "@fortawesome/free-solid-svg-icons": "6.3.0",
+    "@fortawesome/react-fontawesome": "0.2.0",
     "classnames": "2.3.2",
-    "cross-env": "7.0.3",
     "dompurify": "3.0.0",
     "js-cookie": "3.0.1",
     "lodash": "4.17.21",
     "moment": "2.29.4",
-    "react": "18.2.0",
     "react-color": "2.19.3",
-    "react-dom": "18.2.0",
     "react-rnd": "10.4.1",
-    "typescript": "4.9.5",
+    "react-router-dom": "6.15.0",
     "uuid": "9.0.0"
   }
 }

package/src/js/sidebarMenu/sidebarMenu.tsx

@@ -10,7 +10,7 @@ import classNames from 'classnames';
 import {AwesomeIcon, generateComponentId, isAbsoluteLink} from "../../../index";
 import {ControlContext} from "../util/controlContext";
 import {defer} from 'lodash';
-import { IconName } from '@fortawesome/fontawesome-svg-core';
+import {IconName} from '@fortawesome/fontawesome-svg-core';
 
 interface Props {
     onClickItem: (item: SidebarItem) => MouseEventHandler;
@@ -87,7 +87,7 @@ export default function SidebarMenu(props: Props) {
                 cls = classNames(className, mode === SideMenuMode.COMPACT ? 'side-bar-item' : 'side-bar-item-full',
                     isChild && 'child', children !== undefined && 'with-children');
             return (
-                <div key={id} className={cls} onClick={_onClickItem(item)}>
+                <div key={id} className={cls} onClick={_onClickItem(item)} id={id}>
                     {renderIcon(isActive, isChild, label, icon)}
                     {mode === SideMenuMode.COMPACT && <div className='active-indicator'/>}
                     <span className={classNames('item-label', isActive && 'active')}>{label}</span>

package/src/js/util/interfaces.ts

@@ -165,8 +165,25 @@ export type DefaultPDFElementParams<T extends PDFElementType, O extends IndexedO
     key: string;
     linkedID?: string;
 }>
-export type PDFImageParams = { img: File | string | null, persistent: PDFElementPersist; alignment?: ElementPosition; display?: PDFDisplay };
-export type PDFTextParams = { bold: boolean; underline: boolean; italic: boolean; fontSize: number; text: string; alignment?: ElementPosition; disabled?: boolean, font: PdfFont, color: string; persistent: PDFElementPersist; display?: PDFDisplay };
+export type PDFImageParams = {
+    img: File | string | null,
+    persistent: PDFElementPersist;
+    alignment?: ElementPosition;
+    display?: PDFDisplay
+};
+export type PDFTextParams = {
+    bold: boolean;
+    underline: boolean;
+    italic: boolean;
+    fontSize: number;
+    text: string;
+    alignment?: ElementPosition;
+    disabled?: boolean,
+    font: PdfFont,
+    color: string;
+    persistent: PDFElementPersist;
+    display?: PDFDisplay
+};
 export type PDFInvoiceTableParams = {
     fontSize: number;
     widths: number[];
@@ -177,7 +194,11 @@ export type PDFInvoiceTableParams = {
     persistent: PDFElementPersist;
 };
 export type PDFInvoiceWidths = { name: number; price: number; quantity: number; subtotal: number }
-export type PDFTextVariables = { company: IndexedObject<string>; client: IndexedObject<string>; invoice: IndexedObject<string>; }
+export type PDFTextVariables = {
+    company: IndexedObject<string>;
+    client: IndexedObject<string>;
+    invoice: IndexedObject<string>;
+}
 export type PDFSubmitHandler = (items: PDFElementParams<any, any>[], callback?: VoidFunction) => void;
 export type PDFElementDimensions = { left: number; top: number; width: number; height: number };
 

package/src/js/util/requestUtil.ts

@@ -61,6 +61,12 @@ export const cancelAllFetch = () => {
     }
 };
 
+function bigIntParser(_: string, value: any) {
+    if (typeof value === 'bigint')
+        return value.toString();
+    return value;
+}
+
 export function sendFetch(config: FetchOptions, legacySupport: boolean = false): AbortController | null {
     const baseUrl = config.baseUrl || window.settings.platformUrl;
     if (!baseUrl) throw new Error('Base url is not set!');
@@ -70,7 +76,7 @@ export function sendFetch(config: FetchOptions, legacySupport: boolean = false):
     const options: { [index: string]: any } = {
         headers,
         method,
-        body: config.stringifyData === false ? data : JSON.stringify(data),
+        body: config.stringifyData === false ? data : JSON.stringify(data, bigIntParser),
         cache: 'no-store',
     };
     const abortController = getAbortController();