cortex-react-ui 0.2.11 → 0.2.13

package/lib/index.d.ts

@@ -2,6 +2,8 @@
 import React$1, { CSSProperties } from 'react';
 import { IDetectedBarcode, IScannerProps } from '@yudiel/react-qr-scanner';
 import { WebcamProps } from 'react-webcam';
+import { MapContainerProps } from 'react-leaflet';
+import { ControlPosition, LatLngTuple } from 'leaflet';
 
 declare const PopperPlacement: {
     readonly Center: "center";
@@ -164,6 +166,86 @@ interface TooltipProps {
 }
 declare const TagInput: React$1.FC<TooltipProps>;
 
+declare class Point {
+    id: number;
+    order: number;
+    latitude: number;
+    longitude: number;
+}
+
+declare class Location {
+    id: number;
+    objId: string;
+    points: Point[];
+}
+
+type CenterActiveAreaControlProps = {
+    autoCenter?: boolean;
+};
+
+/** Props interface for MapFullscreenControl component */
+type MapFullscreenControlProps = {
+    /** Change the content of the button, can be HTML, default null */
+    content?: string | undefined;
+    /** Change the position of the button can be topleft, topright, bottomright or bottomleft, default topleft */
+    position?: ControlPosition | undefined;
+    /** Change the title of the button, default Full Screen */
+    title?: string | undefined;
+    /** Change the title of the button when fullscreen is on, default Exit Full Screen */
+    titleCancel?: string | undefined;
+    /** Force separate button to detach from zoom buttons, default false */
+    forceSeparateButton?: boolean | undefined;
+    /** Force use of pseudo full screen even if full screen API is available, default false */
+    forcePseudoFullscreen?: boolean | undefined;
+    /** Use pseudo fullscreen */
+    pseudoFullscreen?: boolean | undefined;
+    /** Dom element to render in full screen, false by default, fallback to map._container */
+    fullscreenElement?: false | HTMLElement | undefined;
+};
+
+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;
+    polygon?: boolean;
+    rectangle?: boolean;
+    circle?: boolean;
+    marker?: boolean;
+    circlemarker?: boolean;
+};
+
+type MapsProps = {
+    MapContainerProps?: MapContainerProps;
+    center?: LatLngTuple;
+    fullscreen?: MapFullscreenControlProps | boolean;
+    centerActiveArea?: CenterActiveAreaControlProps | boolean;
+    drawTools?: DrawToolsProps | boolean;
+    minZoom?: number;
+    maxZoom?: number;
+    zoom?: number;
+    data?: Location[];
+    toggleSatelliteView?: boolean;
+    singlePosition?: boolean;
+    onChange?: (locations: Location[]) => void;
+};
+
+declare const Map: React$1.FC<AppProps>;
+type AppProps = MapsProps & {
+    onClose?: (() => void);
+    onSave?: ((locations: Location[]) => void);
+    onChange?: ((locations: Location[]) => void);
+    customButtons?: {
+        cancelButton?: HTMLElement;
+        saveButton?: HTMLElement;
+    };
+};
+
 interface MenuProps {
     containerRef: React$1.RefObject<HTMLElement>;
     className?: string;
@@ -327,4 +409,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, 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, Map, Menu, MenuGroup, MenuItem, Popper, PopupMenu, Scanner, Selected, Spinner, TagInput, ToggleButton, Tooltip, WarningDialog };

package/lib/styles/Camera/index.scss

@@ -124,7 +124,7 @@
         gap: 1rem;
         padding: 1rem;
         width: 100%;
-        flex-direction: column;
+        flex-direction: row;
     }
 
     .video-play-btn {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cortex-react-ui",
-  "version": "0.2.11",
+  "version": "0.2.13",
   "description": "React UI",
   "author": "Anthony",
   "license": "MIT",