@conboai/storybook.components 0.2.28 → 0.2.31

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

@@ -4,6 +4,7 @@ export declare const BG_GRAY_COLOR = "#F5F6FA";
 export declare const DETAILS_VIEW_BG = "#ECEDEF";
 export declare const DISABLED_CHECKBOX = "rgba(0, 0, 0, 0.26)";
 export declare const HOVER_DARK_BLUE_ICON = "#354290";
+export declare const HOVER_NAVIGATION_ITEM = "#E5E9F5";
 export declare const PASSIVE_BTN_PRIMARY = "#5360AE";
 export declare const HOVER_BTN_PRIMARY = "#3F4C9A";
 export declare const ACTIVE_BTN_PRIMARY = "#303D8B";
@@ -23,3 +24,11 @@ export declare const ACTIVE_TAB = "#323d7b";
 export declare const DEFAULT_TAB = "#535ea4";
 export declare const HOVER_TAB = "#6f79b3";
 export declare const BORDER_TAB = "#646ead";
+export declare const OPTIMUS_DEFAULT_BORDER = "#4E4E4E";
+export declare const OPTIMUS_DARK_BG = "#2F2F2F";
+export declare const OPTIMUS_LIGHT_BG = "#404040";
+export declare const OPTIMUS_LIGHTER_BR = "#373737";
+export declare const OPTIMUS_TEXT_PRIMARY = "#8E8E8E";
+export declare const OPTIMUS_TEXT_SECONDARY = "#747474";
+export declare const OPTIMUS_TEXT_LIGHTGREY = "#D9D9D9";
+export declare const OPTIMUS_TEXT_LIGHTGREY_FADED = "#A2A2A2";

package/dist/build/index.d.ts

@@ -24,6 +24,7 @@ export { UserAvatar } from '../components/UserAvatar';
 export { Toggle } from '../components/Toggle';
 export { ImageBox } from '../components/ImageBox';
 export { CustomSelect } from '../components/CustomSelect';
+export { MetroMap } from '../components/MetroMap';
 export * from '../interfaces/filter';
 export * from '../interfaces/tab';
 export * from '../interfaces/detailsView';

package/dist/components/BreadCrumbs/BreadCrumbs.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface IBreadCrumbs {
+    home: string;
+    current: string;
+}
+declare function BreadCrumbs({ home, current }: IBreadCrumbs): React.JSX.Element;
+export default BreadCrumbs;

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

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

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

@@ -1,11 +1,28 @@
 import { default as React } from 'react';
 
 interface IMetroMap {
-    svg: string;
-    selectedCluster: string;
+    elements: IElement;
+    selectedCluster?: string | string[];
     minor?: string[];
     major?: string[];
-    onSelect?: (clusterId: string) => void;
+    onSelect?: (clusterId: string, subCluster: string) => void;
+    isMultiSelect?: boolean;
 }
-declare function MetroMap({ svg, onSelect, selectedCluster, minor, major }: IMetroMap): React.JSX.Element;
+interface IElement {
+    tag: string;
+    id: string;
+    attributes: {
+        [key: string]: string;
+    };
+    onClick?: () => void;
+    fill?: string;
+    key?: string | number;
+    style?: {
+        pointerEvents?: string;
+        display?: string;
+    };
+    children: IElement[];
+    className?: string;
+}
+declare function MetroMap({ elements, onSelect, selectedCluster, minor, major, isMultiSelect }: IMetroMap): React.JSX.Element | null;
 export default MetroMap;

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

@@ -1,3 +1,15 @@
+type zipResponse = {
+    content: string;
+    filename: string;
+};
+declare const startsWithAny: (testString: string, prefixes: string[]) => boolean;
+declare const getParsedSvgViewsFromZip: (zip: File) => Promise<{
+    menu: {
+        [x: string]: any;
+    } | null;
+    map: any;
+}>;
+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 };
+export { parseSvg, extractPrefix, extractZip, getParsedSvgViewsFromZip, startsWithAny };

package/dist/components/OptimusWidgetBar/OptimusWidgetBar.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare function OptimusWidgetBar(): React.JSX.Element;
+export default OptimusWidgetBar;

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

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

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

@@ -13,6 +13,7 @@ interface Icons {
     remove: Icon;
     triangleLeft: Icon;
     triangleRight: Icon;
+    angleRight: Icon;
     search: Icon;
     home: Icon;
     play: Icon;

package/dist/components/VerticalNavigation/components/Link.d.ts

@@ -0,0 +1,4 @@
+import { LinkProps as RouterLinkProps } from 'react-router-dom';
+import * as React from "react";
+declare const Link: React.ForwardRefExoticComponent<RouterLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default Link;

package/dist/components/VerticalNavigation/components/ListItemLink.d.ts

@@ -0,0 +1,10 @@
+import { default as icons } from '../../Svg/icons';
+import * as React from "react";
+interface ListItemLinkProps {
+    icon?: keyof typeof icons;
+    primary: string;
+    to: string;
+    isActive?: boolean;
+}
+declare function ListItemLink({ icon, primary, to, isActive }: ListItemLinkProps): React.JSX.Element;
+export default ListItemLink;

package/dist/components/VerticalNavigation/components/Router.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare function Router(props: {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+export default Router;

package/dist/components/VerticalNavigation/components/VerticalNavigation.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { default as icons } from '../../Svg/icons';
+
+export interface IItem {
+    path: string;
+    icon: keyof typeof icons;
+    label: string;
+    isActive: boolean;
+}
+export interface IVerticalNavigationProps {
+    list: IItem[];
+}
+declare function VerticalNavigation({ list }: IVerticalNavigationProps): React.JSX.Element;
+export default VerticalNavigation;

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

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

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

@@ -0,0 +1,5 @@
+import { SxProps } from '@mui/material';
+
+export declare const paperSx: SxProps;
+export declare const listItemSx: (isActive?: boolean) => SxProps;
+export declare const buttonIconSx: SxProps;

package/dist/mocks/navigation.d.ts

@@ -0,0 +1,3 @@
+import { IItem } from '../components/VerticalNavigation/components/VerticalNavigation';
+
+export declare const navigationList: IItem[];