@vrobots/storybook 0.1.26 → 0.1.28

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vrobots/storybook",
     "private": false,
-    "version": "0.1.26",
+    "version": "0.1.28",
     "type": "module",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",

package/dist/src/components/Header.d.ts

@@ -5,7 +5,7 @@ export interface IHeaderLogo {
 }
 export interface IHeaderProps {
     appName?: string;
-    defaultPath?: string;
+    onClickLogo?: () => void;
     logo: IHeaderLogo;
     menu?: React.ReactNode | null;
     version?: string | null;
@@ -14,14 +14,13 @@ export interface IHeaderProps {
 export interface IHeaderContextProps {
     appName: string;
     setAppName: React.Dispatch<React.SetStateAction<string>>;
-    defaultPath: string;
-    setDefaultPath: React.Dispatch<React.SetStateAction<string>>;
     logo: IHeaderLogo;
     setLogo: React.Dispatch<React.SetStateAction<IHeaderLogo>>;
     menu: React.ReactNode | null;
     setMenu: React.Dispatch<React.SetStateAction<React.ReactNode | null>>;
     version?: string | null;
     setVersion?: React.Dispatch<React.SetStateAction<string>>;
+    onClickLogo?: () => void;
 }
 export declare const HeaderContext: React.Context<IHeaderContextProps>;
 export declare const useHeader: () => IHeaderContextProps;

package/dist/src/components/Header.js

@@ -11,7 +11,7 @@ export const HeaderProvider = (props) => {
     const [menu, setMenu] = React.useState(props?.menu || null);
     const [logo, setLogo] = React.useState(props.logo);
     const [version, setVersion] = React.useState(props.version || '');
-    const [defaultPath, setDefaultPath] = React.useState(props.defaultPath || '');
+    const { onClickLogo } = props;
     React.useEffect(() => {
         setAppName(props.appName || '');
     }, [props.appName]);
@@ -24,16 +24,16 @@ export const HeaderProvider = (props) => {
     React.useEffect(() => {
         setVersion(props.version || '');
     }, [props.version]);
-    return (_jsx(HeaderContext.Provider, { value: { appName, setVersion, setAppName, setLogo, setMenu, logo, menu, version, defaultPath, setDefaultPath }, children: props.children }));
+    return (_jsx(HeaderContext.Provider, { value: { appName, setVersion, setAppName, setLogo, setMenu, logo, menu, version, onClickLogo }, children: props.children }));
 };
 export const Header = forwardRef(({}, ref) => {
-    const { appName, logo, menu, version, defaultPath } = useHeader();
+    const { appName, logo, menu, version, onClickLogo } = useHeader();
     const { colorMode } = useColorMode();
     const selectedLogo = logo[colorMode];
     const borderColors = { ...defaultSystem }._config.theme?.semanticTokens?.colors.border.DEFAULT.value;
     const borderColor = colorMode === 'light' ? borderColors._light : borderColors._dark;
     return (_jsxs(Grid, { id: 'header', width: '100%', position: 'relative', zIndex: 2, backgroundColor: colorMode === 'light' ? 'white' : 'black', borderBottom: `1px solid ${borderColor}`, templateColumns: {
             base: 'repeat(12, 1fr)',
-        }, ref: ref, children: [_jsxs(GridItem, { colSpan: 6, pt: { base: '0', lg: '8px' }, pb: { base: '0', lg: '8px' }, children: [_jsx(Logo, { defaultPath: defaultPath, alt: appName, src: selectedLogo }), _jsx(Text, { position: 'absolute', fontSize: 'xx-small', bottom: 0, left: 0, ml: 1, color: 'gray.500', children: !!version && _jsxs("em", { children: ["v. ", version] }) })] }), _jsx(GridItem, { colSpan: 6, alignItems: 'center', justifyContent: 'flex-end', pr: 2, display: 'flex', children: menu })] }));
+        }, ref: ref, children: [_jsxs(GridItem, { colSpan: 6, pt: { base: '0', lg: '8px' }, pb: { base: '0', lg: '8px' }, children: [_jsx(Logo, { onClick: onClickLogo, alt: appName, src: selectedLogo }), _jsx(Text, { position: 'absolute', fontSize: 'xx-small', bottom: 0, left: 0, ml: 1, color: 'gray.500', children: !!version && _jsxs("em", { children: ["v. ", version] }) })] }), _jsx(GridItem, { colSpan: 6, alignItems: 'center', justifyContent: 'flex-end', pr: 2, display: 'flex', children: menu })] }));
 });
 Header.displayName = 'Header';

package/dist/src/components/Logo.d.ts

@@ -1,5 +1,5 @@
 import { ImageProps } from "@chakra-ui/react";
 export interface ILogoProps extends ImageProps {
-    defaultPath?: string;
+    onClick?: () => void;
 }
 export declare const Logo: (props: ILogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Logo.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Image, Link } from "@chakra-ui/react";
 export const Logo = (props) => {
     const imageProps = { ...props, defaultPath: undefined };
-    const { defaultPath } = props;
-    return (_jsx(Link, { href: defaultPath, style: { textDecoration: 'none' }, children: _jsx(Image, { height: { base: '40px', md: '60px' }, p: 2, ...imageProps }) }));
+    const { onClick } = props;
+    return (_jsx(Link, { href: '#', style: { textDecoration: 'none' }, onClick: onClick, children: _jsx(Image, { height: { base: '40px', md: '60px' }, p: 2, ...imageProps }) }));
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vrobots/storybook",
   "private": false,
-  "version": "0.1.26",
+  "version": "0.1.28",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",