@dvrd/dvr-controls 1.0.41 → 1.0.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dvrd/dvr-controls",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "description": "Custom web controls",
   "main": "index.ts",
   "files": [
@@ -29,18 +29,20 @@
     "react-dom": "18.2.0",
     "react-router-dom": "6.15.0"
   },
-  "devDependencies": {
+  "dependencies": {
     "@types/dompurify": "2.4.0",
     "@types/js-cookie": "3.0.3",
-    "@types/lodash": "4.14.191",
+    "@types/lodash.defer": "^4.1.7",
+    "@types/lodash.delay": "^4.1.7",
+    "@types/lodash.isequal": "^4.5.6",
+    "@types/lodash.merge": "^4.6.7",
+    "@types/lodash.mergewith": "^4.6.7",
     "@types/node": "18.14.0",
-    "@types/react": "18.2.19",
-    "@types/react-color": "3.0.6",
+    "@types/react": "^18.2.28",
+    "@types/react-color": "2.13.5",
     "@types/react-dom": "18.0.11",
     "@types/uuid": "9.0.0",
-    "typescript": "4.9.5"
-  },
-  "dependencies": {
+    "typescript": "4.9.5",
     "@fortawesome/fontawesome-svg-core": "6.3.0",
     "@fortawesome/free-brands-svg-icons": "6.3.0",
     "@fortawesome/free-regular-svg-icons": "6.3.0",
@@ -49,10 +51,14 @@
     "classnames": "2.3.2",
     "dompurify": "3.0.0",
     "js-cookie": "3.0.1",
-    "lodash": "4.17.21",
+    "lodash.defer": "^4.1.0",
+    "lodash.delay": "^4.1.1",
+    "lodash.isequal": "^4.5.0",
+    "lodash.merge": "^4.6.2",
+    "lodash.mergewith": "^4.6.2",
     "moment": "2.29.4",
     "react-color": "2.19.3",
     "react-rnd": "10.4.1",
     "uuid": "9.0.0"
   }
-}
+}

package/src/js/carousel/DVRCarousel.tsx

@@ -8,8 +8,7 @@ import {PureComponent, ReactElement} from "react";
 import AwesomeIcon from "../icon/awesomeIcon";
 import classNames from "classnames";
 import {voidFunction} from "../util/controlUtil";
-import isEqual from 'lodash/isEqual';
-import {debug} from "../../..";
+import isEqual from 'lodash.isequal';
 
 interface Props {
     onClickNext: MouseEventHandler;

package/src/js/colorPicker/colorPicker.tsx

@@ -24,6 +24,7 @@ interface Props extends ColorPickerProps<any> {
     visible: boolean;
     transparent: boolean;
     closeable: boolean;
+    className?: string;
 }
 
 interface State {

package/src/js/input/date/dateField.tsx

@@ -15,7 +15,7 @@ import DatePicker from "./datePicker/datePicker";
 import TimePicker from "./timePicker/timePicker";
 import DateInput from "./input/dateInput";
 import {DVRInputControllerProps} from "../v2/inputController_v2";
-import mergeWith from 'lodash/mergeWith';
+import mergeWith from 'lodash.mergewith';
 import {colorIsWhite, convertColor, editColor} from '../../util/colorUtil';
 import {toMoment} from '../../util/momentUtil';
 import {pad} from '../../util/controlUtil';

package/src/js/label/label.tsx

@@ -8,7 +8,7 @@ import classNames from 'classnames';
 import {ControlContext} from "../util/controlContext";
 import {convertColor} from "../util/colorUtil";
 import {calculateTextWidth, getComputedProperty, remToPx} from "../util/controlUtil";
-import { defer } from 'lodash';
+import defer from 'lodash.defer';
 
 export enum LabelType {
     LABEL, SPAN, PAR,

package/src/js/navigation/mobileNavigation.tsx

@@ -13,7 +13,7 @@ import React, {
 import {useMatch, useNavigate} from 'react-router';
 import {NavigationItem} from "../util/interfaces";
 import {AwesomeIcon, hasHover} from "../../../index";
-import {defer} from 'lodash';
+import defer from 'lodash.defer';
 
 interface Props {
     onClickItem?: (item: NavigationItem) => MouseEventHandler;

package/src/js/pdf/image/pdfImage.tsx

@@ -9,7 +9,7 @@ import {
 } from "../../util/interfaces";
 import {PDFDraggable, PdfElement} from "../element/pdfElement";
 import {nullify} from "../../util/miscUtil";
-import {merge} from 'lodash';
+import merge from 'lodash.merge';
 import {AwesomeIcon, directTimeout, PAGE_HEIGHT, PAGE_WIDTH} from "../../../../index";
 
 interface Props {

package/src/js/pdf/invoiceTable/pdfInvoiceTable.tsx

@@ -9,7 +9,7 @@ import {
     PDFElementParams, PDFElementPersist, PDFElementType, PdfFont, PDFInvoiceTableParams
 } from "../../util/interfaces";
 import {PDFDraggable, PdfElement} from "../element/pdfElement";
-import {merge} from 'lodash';
+import merge from 'lodash.merge';
 import {parsePrice, pxToPt} from "../../util/pdfUtil";
 import {WithEvents} from "../../../../index";
 

package/src/js/pdf/text/pdfText.tsx

@@ -17,7 +17,7 @@ import {
 } from "../../util/interfaces";
 import {PDFDraggable, PdfElement} from "../element/pdfElement";
 import {debug, sanitizeHtml} from "../../util/miscUtil";
-import {merge} from 'lodash';
+import merge from 'lodash.merge';
 import {PAGE_WIDTH, pxToPt, setPdfVariables, waitForFonts} from "../../util/pdfUtil";
 import {directTimeout} from "../../util/componentUtil";
 import {dispatchCustomEvent, showDialog} from "../../util/eventUtil";

package/src/js/pdf/v2/pdfElement/pdfDraggableElement.tsx

@@ -16,7 +16,8 @@ import React, {
 import {ElementPosition, PDFElementPersist, RNDDimensions} from "../../../util/interfaces";
 import {generateComponentId} from "../../../util/componentUtil";
 import {DraggableData, HandleStyles, Position, ResizableDelta, ResizeEnable, Rnd, RndDragCallback} from 'react-rnd';
-import {defer, delay} from 'lodash';
+import defer from 'lodash.defer';
+import delay from 'lodash.delay';
 import {PDFDraggableType, ResizeDirection} from "../types/pdfTemplateTypes";
 import {PAGE_WIDTH} from "../../../util/pdfUtil";
 import classNames from 'classnames';

package/src/js/sidebarMenu/sidebarMenu.tsx

@@ -9,7 +9,7 @@ import {SidebarItem, SideMenuMode} from "../util/interfaces";
 import classNames from 'classnames';
 import {AwesomeIcon, generateComponentId, isAbsoluteLink} from "../../../index";
 import {ControlContext} from "../util/controlContext";
-import {defer} from 'lodash';
+import defer from 'lodash.defer';
 import {IconName} from '@fortawesome/fontawesome-svg-core';
 
 interface Props {

package/src/js/snackbar/snackbarController.tsx

@@ -6,7 +6,7 @@ import React from 'react';
 import {Snackbar} from "./snackbar";
 import {CustomAppEvent, DialogConfig, Snack} from "../util/interfaces";
 import WithEvents from '../events/withEvents';
-import {delay} from 'lodash';
+import delay from 'lodash.delay';
 
 interface Props {
     containerClass: string;

package/src/js/util/controlContext.tsx

@@ -4,7 +4,7 @@
 
 import React, {Context, PropsWithChildren, useEffect} from 'react';
 import {ControlVariant} from "./interfaces";
-import {defer} from 'lodash';
+import defer from 'lodash.defer';
 
 // noinspection JSUnusedGlobalSymbols
 export interface ThemeContextShape {