@conboai/storybook.components 0.4.31 → 0.4.32

package/dist/assets/styles/colors.d.ts

@@ -12,6 +12,7 @@ export declare const HIGHLIGHT_COLOR = "#a0a6cf";
 export declare const TICK_COLOR = "#666666";
 export declare const SELECTED_ROW = "#f5f5f7";
 export declare const TIMELINE = "#808080";
+export declare const DANGER = "#ff3535";
 export declare const PASSIVE_BTN_PRIMARY = "#5360AE";
 export declare const HOVER_BTN_PRIMARY = "#3F4C9A";
 export declare const ACTIVE_BTN_PRIMARY = "#303D8B";

package/dist/build/index.d.ts

@@ -36,6 +36,7 @@ export { Shapes } from '../components/Shapes';
 export { CustomDataGrid } from '../components/CustomDataGrid';
 export { SearchBox } from '../components/SearchBox';
 export { ImagePlayer } from '../components/ImagePlayer';
+export { MapPlayer } from '../components/MapPlayer';
 export * from '../interfaces/filter';
 export * from '../interfaces/tab';
 export * from '../interfaces/detailsView';

package/dist/components/CustomDataGrid/CustomDataGrid.d.ts

@@ -22,6 +22,7 @@ export interface CustomDataGridProps {
     csvFileName?: string;
     csvHeaders?: string[];
     csvDataFormatter?: (value: any, column: GridColDef) => string;
+    useClientSorting?: boolean;
 }
 declare const CustomDataGrid: FC<CustomDataGridProps>;
 export default CustomDataGrid;

package/dist/components/DetailsViewPanel/DetailsViewPanel.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 
 export interface IDetailsViewPanel {
-    title: string;
+    title?: string;
     subtitle?: string;
 }
 declare const DetailsViewPanel: FC<IDetailsViewPanel>;

package/dist/components/ImagePlayer/ImagePlayer.d.ts

@@ -20,6 +20,9 @@ export interface ImagePlayerProps {
     shapeStyles?: any;
     clearFrameDetails?: () => void;
     fetchFrameDetails?: (snapshot: Snapshot) => void;
+    delay?: string;
+    onClear?: () => void;
+    showDirection?: boolean;
 }
 declare const ImagePlayer: React.FC<ImagePlayerProps>;
 export default ImagePlayer;

package/dist/components/MapPlayer/MapPlayer.d.ts

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+
+export interface MapPlayerProps {
+    data: any[];
+    initialCenter: {
+        lat: number;
+        lng: number;
+    };
+    onChange?: (location: {
+        id: string;
+        type: string;
+        time: string;
+        coordinates: {
+            lng: number;
+            lat: number;
+        }[];
+    }) => void;
+    onInitialLoad?: (location: {
+        id: string;
+        type: string;
+        time: string;
+        coordinates: {
+            lng: number;
+            lat: number;
+        }[];
+    }) => void;
+    loading?: boolean;
+    disabled?: boolean;
+    sx?: SxProps;
+    clearFrameDetails?: () => void;
+    fetchFrameDetails?: (location: {
+        id: string;
+        type: string;
+        time: string;
+        coordinates: {
+            lng: number;
+            lat: number;
+        }[];
+    }) => void;
+    delay?: string;
+    onClear?: () => void;
+}
+declare const MapPlayer: React.FC<MapPlayerProps>;
+export default MapPlayer;

package/dist/components/MapPlayer/index.d.ts

@@ -0,0 +1 @@
+export { default as MapPlayer } from './MapPlayer';

package/dist/components/MapPlayer/styles.d.ts

@@ -0,0 +1,26 @@
+import { SxProps } from '@mui/material';
+
+export declare const boxWrapperSx: SxProps;
+export declare const boxContentSx: SxProps;
+export declare const getIconBtnSx: (disabled?: boolean) => SxProps;
+export declare const getTimeSx: (disabled?: boolean) => SxProps;
+export declare const cardMediaSx: SxProps;
+export declare const loaderSx: SxProps;
+export declare const loaderContainerSx: {
+    position: string;
+    top: number;
+    left: number;
+    width: string;
+    height: string;
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+    backgroundColor: string;
+    zIndex: number;
+};
+export declare const imageContainerSx: {
+    position: string;
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+};

package/dist/components/MetroMap/MetroMap.d.ts

@@ -1,3 +1,4 @@
+import { Pollution } from './MetroMapUtils';
 import { default as React } from 'react';
 
 interface IMetroMap {
@@ -13,24 +14,30 @@ interface IMetroMap {
     svgAttributes?: {
         [key: string]: string;
     };
+    showFullNames?: boolean;
+    isMap?: boolean;
+    pollutions?: Pollution[];
 }
 interface IElement {
     tag: string;
     id: string;
+    text?: string;
     attributes: {
         [key: string]: string;
     };
     onClick?: () => void;
     onMouseEnter?: () => void;
     fill?: string;
+    stroke?: string;
     key?: string | number;
     style?: {
         pointerEvents?: string;
         display?: string;
+        textAnchor?: string;
     };
     children: IElement[];
     className?: string;
 }
-declare function MetroMap({ elements, onSelect, selectedCluster, minor, major, isMultiSelect, onHover, svgAttributes }: IMetroMap): React.JSX.Element | null;
+declare function MetroMap({ elements, onSelect, selectedCluster, minor, major, isMultiSelect, onHover, svgAttributes, showFullNames, isMap, pollutions }: IMetroMap): React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof MetroMap>;
 export default _default;

package/dist/components/MetroMap/MetroMapUtils.d.ts

@@ -3,6 +3,7 @@ type zipResponse = {
     filename: string;
 };
 declare const startsWithAny: (testString: string, prefixes: string[]) => boolean;
+declare const isIdSelected: (testString: string, selectedIds: string[]) => boolean;
 declare const getParsedSvgViewsFromZip: (zip: File) => Promise<{
     menu: {
         [x: string]: any;
@@ -12,4 +13,19 @@ declare const getParsedSvgViewsFromZip: (zip: File) => Promise<{
 declare const extractZip: (file: File) => Promise<zipResponse[]>;
 declare function extractPrefix(inputString: string, prefix: string): string;
 declare const parseSvg: (svg: string) => Promise<any>;
-export { parseSvg, extractPrefix, extractZip, getParsedSvgViewsFromZip, startsWithAny };
+declare const pollutionPreffixes: string[];
+declare const hasPollutionPrefix: (id: string) => boolean;
+export type PollutionColors = "red" | "green" | "yellow";
+export type Pollution = {
+    id: string;
+    value: PollutionColors;
+    text: string;
+};
+export declare enum PollutionBgColors {
+    red = "#EB5757",
+    yellow = "#FFD301",
+    green = "#63B759"
+}
+declare const handlePollutionFill: (id: string, color: PollutionColors) => string | null;
+declare const findPollutionByIdPrefix: (id: string, pollutions: Pollution[]) => Pollution | undefined;
+export { parseSvg, extractPrefix, extractZip, getParsedSvgViewsFromZip, startsWithAny, isIdSelected, pollutionPreffixes, hasPollutionPrefix, findPollutionByIdPrefix, handlePollutionFill };

package/dist/components/Shapes/Shapes.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { IShapesProps } from './types';
 
-declare const Shapes: ({ children, mode: modeFromProps, onModeChange: _onModeChange, shapes: shapesFromProps, selected, onShapeChange, onShapeSelect, onMouseMove, menu, showNumbers, showId, showOnlyPoints, showPoints, showDirection, selectedShapeZIndex, styles }: IShapesProps) => React.JSX.Element;
+declare const Shapes: ({ children, mode: modeFromProps, onModeChange: _onModeChange, shapes: shapesFromProps, selected, onShapeChange, onShapeSelect, onMouseMove, menu, showNumbers, showId, showOnlyPoints, showPoints, showDirection, selectedShapeZIndex, styles, }: IShapesProps) => React.JSX.Element;
 export default Shapes;

package/dist/components/Svg/icons.d.ts

@@ -58,6 +58,18 @@ interface Icons {
     portalOutIcon: Icon;
     timeIcon: Icon;
     horizontalArrowIcon: Icon;
+    oneForward: Icon;
+    fiveForward: Icon;
+    tenForward: Icon;
+    oneReplay: Icon;
+    fiveReplay: Icon;
+    tenReplay: Icon;
+    xOne: Icon;
+    xFive: Icon;
+    xTen: Icon;
+    doubleArrow: Icon;
+    oneArrowUp: Icon;
+    oneArrowDown: Icon;
 }
 interface Icon {
     paths: string[];

package/dist/components/TabsBox/styles.d.ts

@@ -0,0 +1,4 @@
+import { SxProps } from '@mui/material';
+
+export declare const boxSx: SxProps;
+export declare const getResizingIconSx: (isResizing: boolean) => SxProps;

package/dist/components/VerticalTable/styles.d.ts

@@ -4,10 +4,13 @@ export declare const tableCellBody: SxProps;
 export declare const tableCellHeaderSx: SxProps;
 export declare const tableContainerSx: (sx?: SxProps) => {
     boxShadow: string;
+    fontSize: string;
 } | {
     boxShadow: string;
+    fontSize: string;
 } | {
     boxShadow: string;
+    fontSize: string;
     accentColor?: import('@mui/system').SystemStyleObject<{}> | import('@mui/system/styleFunctionSx').ResponsiveStyleValue<import("csstype").Property.AccentColor | readonly string[] | undefined> | ((theme: {}) => import('@mui/system/styleFunctionSx').ResponsiveStyleValue<import("csstype").Property.AccentColor | readonly string[] | undefined>);
     alignContent?: import('@mui/system').SystemStyleObject<{}> | import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.AlignContent | undefined> | ((theme: {}) => import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.AlignContent | undefined>);
     alignItems?: import('@mui/system').SystemStyleObject<{}> | import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.AlignItems | undefined> | ((theme: {}) => import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.AlignItems | undefined>);
@@ -137,7 +140,6 @@ export declare const tableContainerSx: (sx?: SxProps) => {
     fontLanguageOverride?: import('@mui/system').SystemStyleObject<{}> | import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.FontLanguageOverride | undefined> | ((theme: {}) => import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.FontLanguageOverride | undefined>);
     fontOpticalSizing?: import('@mui/system').SystemStyleObject<{}> | import('@mui/system/styleFunctionSx').ResponsiveStyleValue<import("csstype").Property.FontOpticalSizing | readonly NonNullable<import("csstype").Property.FontOpticalSizing | undefined>[] | undefined> | ((theme: {}) => import('@mui/system/styleFunctionSx').ResponsiveStyleValue<import("csstype").Property.FontOpticalSizing | readonly NonNullable<import("csstype").Property.FontOpticalSizing | undefined>[] | undefined>);
     fontPalette?: import('@mui/system').SystemStyleObject<{}> | import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.FontPalette | undefined> | ((theme: {}) => import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.FontPalette | undefined>);
-    fontSize?: import('@mui/system').SystemStyleObject<{}> | import('@mui/system/styleFunctionSx').ResponsiveStyleValue<import("csstype").Property.FontSize<string | number> | readonly NonNullable<import("csstype").Property.FontSize<string | number> | undefined>[] | undefined> | ((theme: {}) => import('@mui/system/styleFunctionSx').ResponsiveStyleValue<import("csstype").Property.FontSize<string | number> | readonly NonNullable<import("csstype").Property.FontSize<string | number> | undefined>[] | undefined>);
     fontSizeAdjust?: import('@mui/system').SystemStyleObject<{}> | import('@mui/system/styleFunctionSx').ResponsiveStyleValue<import("csstype").Property.FontSizeAdjust | readonly NonNullable<import("csstype").Property.FontSizeAdjust | undefined>[] | undefined> | ((theme: {}) => import('@mui/system/styleFunctionSx').ResponsiveStyleValue<import("csstype").Property.FontSizeAdjust | readonly NonNullable<import("csstype").Property.FontSizeAdjust | undefined>[] | undefined>);
     fontSmooth?: import('@mui/system').SystemStyleObject<{}> | import('@mui/system/styleFunctionSx').ResponsiveStyleValue<import("csstype").Property.FontSmooth<string | number> | readonly NonNullable<import("csstype").Property.FontSmooth<string | number> | undefined>[] | undefined> | ((theme: {}) => import('@mui/system/styleFunctionSx').ResponsiveStyleValue<import("csstype").Property.FontSmooth<string | number> | readonly NonNullable<import("csstype").Property.FontSmooth<string | number> | undefined>[] | undefined>);
     fontStretch?: import('@mui/system').SystemStyleObject<{}> | import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.FontStretch | undefined> | ((theme: {}) => import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.FontStretch | undefined>);
@@ -855,6 +857,7 @@ export declare const tableContainerSx: (sx?: SxProps) => {
     displayPrint?: import('@mui/system').SystemStyleObject<{}> | import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.Display | undefined> | ((theme: {}) => import('@mui/system/styleFunctionSx').ResponsiveStyleValue<readonly string[] | import("csstype").Property.Display | undefined>);
 } | {
     boxShadow: string;
+    fontSize: string;
     ":-moz-any()"?: import('@mui/system').SystemStyleObject<{}> | ((theme: {}) => import('@mui/system').SystemStyleObject<{}>) | undefined;
     ":-moz-dir"?: import('@mui/system').SystemStyleObject<{}> | ((theme: {}) => import('@mui/system').SystemStyleObject<{}>) | undefined;
     ":-webkit-any()"?: import('@mui/system').SystemStyleObject<{}> | ((theme: {}) => import('@mui/system').SystemStyleObject<{}>) | undefined;
@@ -989,10 +992,13 @@ export declare const tableContainerSx: (sx?: SxProps) => {
     ":visited"?: import('@mui/system').SystemStyleObject<{}> | ((theme: {}) => import('@mui/system').SystemStyleObject<{}>) | undefined;
 } | {
     boxShadow: string;
+    fontSize: string;
 } | {
     boxShadow: string;
+    fontSize: string;
 } | {
     boxShadow: string;
+    fontSize: string;
     length: number;
     toString(): string;
     toLocaleString(): string;

package/dist/interfaces/detailsView.d.ts

@@ -2,6 +2,8 @@ import { TypeTabsContent, TypeTabsContainer } from './tabsContainer';
 import { default as React } from 'react';
 
 export interface IDetailsView {
+    handleMouseDown?: (e: React.MouseEvent) => void;
+    isResizing?: any;
     tabsContent: TypeTabsContent;
     tabs: TypeTabsContainer;
     onChange?: (value: string) => void;

package/dist/interfaces/tabsContainer.d.ts

@@ -20,8 +20,17 @@ export interface ITabsBox {
     children?: React.ReactNode;
     tabsWidth?: string;
     isCollapseActive?: boolean;
+    isResizing?: any;
+    handleMouseDown?: (e: React.MouseEvent) => void;
 }
-export interface ITabsContainer extends Omit<ITabsBox, "tabsContent"> {
+export interface ITabsContainer {
+    setValue: (value: string) => void;
+    value: string;
+    tabs: TypeTabsContainer;
+    onChange?: (value: string) => void;
+    children?: React.ReactNode;
+    tabsWidth?: string;
+    isCollapseActive?: boolean;
 }
 export interface ITabsContent {
     tabsContent: TypeTabsContent;