cortex-react-ui 0.2.8 → 0.2.9

package/lib/index.d.ts

@@ -110,6 +110,7 @@ type CameraProps = {
     validateText?: string;
     resetText?: string;
     isShowVideoButton?: boolean;
+    isShowSwitchButton?: boolean;
 } & Partial<WebcamProps>;
 type TfileCapturedProps = {
     fileStoreName?: string | null;
@@ -206,9 +207,7 @@ type DrawToolsProps = {
     position?: ControlPosition | undefined;
     handleOnCreated?: (v: void) => void;
     handleOnDeleted?: (v: void) => void;
-    handleOnEdited?: (v: void) => void;
     draw?: drawType;
-    editable?: boolean;
 };
 type drawType = {
     polyline?: boolean;
@@ -229,16 +228,12 @@ type MapsProps = {
     maxZoom?: number;
     zoom?: number;
     data?: Location[];
-    toggleSatelliteView?: boolean;
-    singlePosition?: boolean;
-    onChange?: (locations: Location[]) => void;
 };
 
-declare const Map: React$1.FC<AppProps>;
+declare const App: React$1.FC<AppProps>;
 type AppProps = MapsProps & {
-    onClose?: (() => void);
-    onSave?: ((locations: Location[]) => void);
-    onChange?: ((locations: Location[]) => void);
+    onClose: (() => void);
+    onSave: ((points: Point[]) => void);
     customButtons?: {
         cancelButton?: HTMLElement;
         saveButton?: HTMLElement;
@@ -408,4 +403,4 @@ interface Props {
 }
 declare const CrossIcon: React$1.FC<Props>;
 
-export { AuthDownloadLink, BarLoader, Button, Camera, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ConfirmDialog, ContextMenu, CrossIcon, Dialog, DialogActions, DialogContent$1 as DialogContent, DialogFooter, DialogHeader, DialogContent as DialogTitle, Divider, DomContainer, ErrorDialog, Map, Menu, MenuGroup, MenuItem, Popper, PopupMenu, Scanner, Selected, Spinner, TagInput, ToggleButton, Tooltip, WarningDialog };
+export { AuthDownloadLink, BarLoader, Button, Camera, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ConfirmDialog, ContextMenu, CrossIcon, Dialog, DialogActions, DialogContent$1 as DialogContent, DialogFooter, DialogHeader, DialogContent as DialogTitle, Divider, DomContainer, ErrorDialog, App as Map, Menu, MenuGroup, MenuItem, Popper, PopupMenu, Scanner, Selected, Spinner, TagInput, ToggleButton, Tooltip, WarningDialog };

package/lib/styles/Camera/index.css

@@ -73,6 +73,10 @@
   width: 100%;
   height: 100%;
   overflow: hidden;
+  display: flex;
+  > video {
+    margin: 0 auto;
+  }
 }
 
 .camera-controls {

package/lib/styles/Scanner/index.css

@@ -0,0 +1,75 @@
+.btn {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0.5rem 1rem;
+	border: 1px solid transparent;
+	border-radius: 0.375rem;
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+	font-size: 0.875rem;
+	font-weight: 500;
+	line-height: 1.25rem;
+	text-align: center;
+	text-transform: none;
+	white-space: nowrap;
+	vertical-align: middle;
+	user-select: none;
+	background-color: #4F46E5;
+	color: #fff;
+	cursor: pointer;
+	outline: none;
+	transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+.btn-default {
+	background-color: #4F46E5;
+}
+
+.btn-default:hover {
+	opacity: 0.8;
+}
+
+.select {
+	display: block;
+	width: 100%;
+	padding-left: 0.75rem;
+	color: #000;
+	padding-right: 2.5rem;
+	padding-top: 0.5rem;
+	padding-bottom: 0.5rem;
+	font-size: 1rem;
+	border-radius: 0.375rem;
+}
+
+/* DIALOG */
+.dialog-header {
+	display: flex;
+	justify-content: space-between;
+}
+
+.dialog-header h4 {
+	margin: 0;
+}
+
+.dialog-mask {
+	overflow-x: hidden;
+	overflow-y: auto;
+	display: flex;
+	justify-content: center;
+	padding-top: 2.5rem;
+	padding-bottom: 5rem;
+	background-color: #0005;
+	position: fixed;
+	inset: 0;
+}
+
+.dialog-body {
+	display: flex;
+	flex-direction: column;
+	gap: 1.25rem;
+	padding: 1.25rem;
+	height: max-content;
+	background-color: white;
+}
+
+/* DIALOG */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cortex-react-ui",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "React UI",
   "author": "Anthony",
   "license": "MIT",
@@ -84,13 +84,10 @@
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
     "@types/jest": "^26.0.15",
-    "@types/leaflet": "^1.7.10",
-    "@types/leaflet-draw": "^1.0.11",
-    "@types/leaflet.fullscreen": "^1.6.1",
     "@types/node": "^22.10.5",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
-    "@yudiel/react-qr-scanner": "^2.1.0",
+    "@yudiel/react-qr-scanner": "^2.0.2",
     "css-loader": "5.2.6",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-plugin-import": "^2.25.2",
@@ -103,6 +100,7 @@
     "react-dom": "^18.1.0",
     "react-icons": "^5.3.0",
     "react-scripts": "^5.0.1",
+    "react-webcam": "^7.2.0",
     "rollup": "^2.60.2",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-css-only": "^4.5.2",
@@ -121,14 +119,6 @@
     "url-loader": "^4.1.1"
   },
   "dependencies": {
-    "@rollup/plugin-replace": "^5.0.2",
-    "leaflet": "^1.8.0",
-    "leaflet-active-area": "^1.2.1",
-    "leaflet-draw": "^1.0.4",
-    "leaflet.fullscreen": "^2.4.0",
-    "react-leaflet": "^4.0.0",
-    "react-leaflet-draw": "^0.20.4",
-    "react-webcam": "^7.2.0",
-    "screenfull": "^6.0.2"
+    "@rollup/plugin-replace": "^5.0.2"
   }
 }

package/lib/cjs/Map/Map.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { MapsProps } from './components/Maps';
-import 'leaflet/dist/leaflet.css';
-import 'leaflet-draw/dist/leaflet.draw.css';
-import { Location } from './models';
-declare const Map: React.FC<AppProps>;
-export type AppProps = MapsProps & {
-    onClose?: (() => void);
-    onSave?: ((locations: Location[]) => void);
-    onChange?: ((locations: Location[]) => void);
-    customButtons?: {
-        cancelButton?: HTMLElement;
-        saveButton?: HTMLElement;
-    };
-};
-export default Map;

package/lib/esm/Map/Map.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { MapsProps } from './components/Maps';
-import 'leaflet/dist/leaflet.css';
-import 'leaflet-draw/dist/leaflet.draw.css';
-import { Location } from './models';
-declare const Map: React.FC<AppProps>;
-export type AppProps = MapsProps & {
-    onClose?: (() => void);
-    onSave?: ((locations: Location[]) => void);
-    onChange?: ((locations: Location[]) => void);
-    customButtons?: {
-        cancelButton?: HTMLElement;
-        saveButton?: HTMLElement;
-    };
-};
-export default Map;

package/lib/styles/Scanner/index.scss

@@ -1,110 +0,0 @@
-@use "../global.scss";
-
-@mixin scanner($props: null, $options: null) {
-	$internal-options: global.$default-options;
-
-    $internal-props: (
-        bgColor: #ffffff,
-        fgColor: global.$color-grey-darker,
-        closeBtnColor: global.$color-grey,
-        closeBtnHoverColor: global.$color-blue,
-        closeBtnDisableColor: global.$color-blue-grey-lighter,
-        confirm: (
-            headerBgColor: global.$color-orange-dark,
-            headerFgColor: #ffffff,
-            bgColor: #ffffff,
-            fgColor: global.$color-grey-darker,
-        ),
-        error: (
-            headerBgColor: global.$color-red,
-            headerFgColor: #ffffff,
-            bgColor: #ffffff,
-            fgColor: global.$color-grey-darker,
-        ),
-        warning: (
-            headerBgColor: global.$color-grey,
-            headerFgColor: #ffffff,
-            bgColor: #ffffff,
-            fgColor: global.$color-grey-darker,
-        ),        
-    );
-
-    $internal-props: global.safe-map-merge($internal-props, $props);
-    $internal-options: global.safe-map-merge($internal-options, $options);
-	
-	.btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0.5rem 1rem;
-		border: 1px solid transparent;
-		border-radius: 0.375rem;
-		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-		font-size: 0.875rem;
-		font-weight: 500;
-		line-height: 1.25rem;
-		text-align: center;
-		text-transform: none;
-		white-space: nowrap;
-		vertical-align: middle;
-		user-select: none;
-		background-color: #4F46E5;
-		color: #fff;
-		cursor: pointer;
-		outline: none;
-		transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
-	}
-
-	.btn-default {
-		background-color: #4F46E5;
-	}
-
-	.btn-default:hover {
-		opacity: 0.8;
-	}
-
-	.select {
-		display: block;
-		width: 100%;
-		padding-left: 0.75rem;
-		color: #000;
-		padding-right: 2.5rem;
-		padding-top: 0.5rem;
-		padding-bottom: 0.5rem;
-		font-size: 1rem;
-		border-radius: 0.375rem;
-	}
-
-	/* DIALOG */
-	.dialog-header {
-		display: flex;
-		justify-content: space-between;
-	}
-
-	.dialog-header h4 {
-		margin: 0;
-	}
-
-	.dialog-mask {
-		overflow-x: hidden;
-		overflow-y: auto;
-		display: flex;
-		justify-content: center;
-		padding-top: 2.5rem;
-		padding-bottom: 5rem;
-		background-color: #0005;
-		position: fixed;
-		inset: 0;
-	}
-
-	.dialog-body {
-		display: flex;
-		flex-direction: column;
-		gap: 1.25rem;
-		padding: 1.25rem;
-		height: max-content;
-		background-color: white;
-	}
-
-	/* DIALOG */
-}