grep-components 1.15.0-grepf-1792.3 → 1.15.0-grepf-1792.5

package/dist/components/AppBar/MainAppStyles.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { Theme, MUIStyledCommonProps } from '@mui/system';
+import { v0colors } from './types';
+export declare const dimensions: {
+    breadcrumbsFontSize: number;
+    contentWidth: number;
+    footerHeight: number;
+    inputBoxHeight: number;
+    toolbarHeight: number;
+    toolbarHeightMobile: number;
+    toolbarWidth: number;
+    toolbarMenuWidth: number;
+    toolbarMenuHeight: number;
+};
+export declare const ToolbarTitle: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const EnvironmentTitle: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Toolbar: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarFixer: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarInner: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme> & {
+    colors: v0colors;
+} & MUIStyledCommonProps<Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarLeft: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarRight: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UserContainer: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AccountName: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ToolbarMenu: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileToolbarMenu: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarMenuInner: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const MobileToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/AppBarNavList/stories/AppBarNavList.stories.d.ts

@@ -3,4 +3,6 @@ export declare const navbarPages: {
     label: string;
     onClick: (url: string) => void;
     toUrl: string;
+    name: string;
+    path: string;
 }[];

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export * from './AppBar';
+export * from './AppBar/AppBar';
 export * from './AppBarProfile';
 export * from './AppBarNavList';
 export * from './BodyLayout';
@@ -28,7 +28,7 @@ export * from './GrepEditor';
 export * from './ConfirmationDialog';
 export * from './GrepDialog';
 export * from './ToC';
-export { default as AppBar } from './AppBar';
+export { default as AppBar } from './AppBar/AppBar';
 export { default as AppBarProfile } from './AppBarProfile';
 export { default as AppBarNavList } from './AppBarNavList';
 export { default as BodyLayout } from './BodyLayout';

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as Utils from './utils';
 export { default as Colors } from './styling/Colors';
-export { default as AppBar } from './components/AppBar';
 export { default as AppBarProfile } from './components/AppBarProfile';
 export { default as AppBarNavList } from './components/AppBarNavList';
 export { default as BodyLayout } from './components/BodyLayout';
@@ -28,7 +27,7 @@ export { default as Sidebar } from './components/Sidebar';
 export { default as ServiceMessage } from './components/ServiceMessage';
 export { default as SortableTable } from './components/SortableTable';
 export { default as GrepEditor } from './components/GrepEditor';
-export { default as NewAppBar } from './components/AppBarNew/AppBar';
+export { default as AppBar } from './components/AppBar/AppBar';
 export { ParseableDate } from './utils/dateHelper';
 export { Utils };
 export * from './components';

package/dist/index.js

@@ -5,11 +5,10 @@ import isBetweenPlugin from 'dayjs/plugin/isBetween';
 import { red, pink, purple, deepPurple, indigo, blue, lightBlue, cyan, teal, green, lightGreen, lime, yellow, amber, orange, deepOrange, brown, grey, blueGrey } from '@mui/material/colors';
 import * as React from 'react';
 import React__default, { useContext, forwardRef, createElement, createContext, Fragment, useRef, useLayoutEffect, useState, useCallback as useCallback$1, useEffect, useMemo as useMemo$1 } from 'react';
-import { Toolbar as Toolbar$1, useScrollTrigger, Slide, Button, Box, Typography, IconButton, Menu, MenuItem, Tabs, Tab, Collapse, MenuList, Tooltip, Container, List, ListItem, ListItemText, ListItemIcon, Divider, styled, TableCell, TableRow, TableSortLabel, TableHead, TablePagination, TableContainer, Table, TableBody, TableFooter, CircularProgress, Link, TextField, FormControl, InputLabel, Select, OutlinedInput, Input, Checkbox, FormHelperText, Grid, ToggleButtonGroup, AppBar as AppBar$3, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions } from '@mui/material';
-import AppBar$2 from '@mui/material/AppBar';
-import { useTheme as useTheme$1 } from '@mui/material/styles';
 import AccountCircle from '@mui/icons-material/AccountCircle';
 import ArrowDropdown from '@mui/icons-material/ArrowDropDown';
+import { Button, Box, Typography, IconButton, Menu, MenuItem, Tabs, Tab, Collapse, MenuList, Tooltip, Container, List, ListItem, ListItemText, ListItemIcon, Divider, styled, TableCell, TableRow, TableSortLabel, TableHead, TablePagination, TableContainer, Table, TableBody, TableFooter, CircularProgress, Link, TextField, FormControl, InputLabel, Select, OutlinedInput, Input, Checkbox, FormHelperText, Grid, ToggleButtonGroup, AppBar as AppBar$1, Toolbar as Toolbar$1, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions } from '@mui/material';
+import { useTheme as useTheme$1 } from '@mui/material/styles';
 import { useHistory, NavLink, Prompt } from 'react-router-dom';
 import MenuIcon from '@mui/icons-material/Menu';
 import IconExpand from '@mui/icons-material/ExpandMore';
@@ -4062,31 +4061,6 @@ var makeStyles = (_a = tssReact.createMakeAndWithStyles({
     //"useTheme": useTheme as (()=> MyTheme)
 }), _a.makeStyles), withStyles = _a.withStyles;
 
-var StyledAppBar = withStyles(AppBar$2, {
-    root: {
-        backgroundColor: 'transparant',
-    },
-    positionFixed: {
-        left: 'unset',
-        right: 'unset',
-    },
-});
-
-var HideOnScroll = function (_a) {
-    var children = _a.children;
-    // Note that you normally won't need to set the window ref as useScrollTrigger
-    // will default to window.
-    // This is only being set here because the demo is in an iframe.
-    // const trigger = useScrollTrigger({ target: window ? window() : undefined });
-    var trigger = useScrollTrigger();
-    return (React.createElement(Slide, { appear: false, direction: "down", in: !trigger }, children));
-};
-var AppBar$1 = function (props) { return (React.createElement(React.Fragment, null,
-    React.createElement(HideOnScroll, __assign({}, props),
-        React.createElement(StyledAppBar, { color: "inherit", elevation: 0 },
-            React.createElement(Toolbar$1, null, props.children))),
-    React.createElement(Toolbar$1, null))); };
-
 var useStyles$i = makeStyles()(function (_a) {
     var palette = _a.palette;
     return ({
@@ -21762,41 +21736,61 @@ var EnvironmentTitle = styled('div')(function () { return ({
     marginLeft: '17px',
 }); });
 var Toolbar = styled('div')(function (_a) {
-    var colors = _a.colors;
-    return ({
-        display: 'flex',
-        flexDirection: 'column',
-        backgroundColor: colors.headerBackgroundColor,
-        height: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
-        minHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
-        maxHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
-    });
+    var _b;
+    var theme = _a.theme;
+    return (_b = {
+            display: 'flex',
+            flexDirection: 'column'
+        },
+        _b[theme.breakpoints.down('sm')] = {
+            height: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeightMobile, "px"),
+            minHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeightMobile, "px"),
+            maxHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeightMobile, "px"),
+        },
+        _b[theme.breakpoints.up('sm')] = {
+            height: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
+            minHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
+            maxHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
+        },
+        _b);
 });
 var ToolbarFixer = styled('div')(function (_a) {
-    var colors = _a.colors;
-    return ({
-        display: 'flex',
-        flexDirection: 'column',
-        backgroundColor: colors.headerBackgroundColor,
-        height: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
-        minHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
-        maxHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        right: 0,
-        zIndex: 101,
-    });
-});
-var ToolbarInner = styled('div')(function (_a) {
     var _b;
     var theme = _a.theme;
     return (_b = {
+            display: 'flex',
+            flexDirection: 'column',
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            right: 0,
+            zIndex: 101
+        },
+        _b[theme.breakpoints.down('sm')] = {
+            height: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeightMobile, "px"),
+            minHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeightMobile, "px"),
+            maxHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeightMobile, "px"),
+        },
+        _b[theme.breakpoints.up('sm')] = {
+            height: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
+            minHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
+            maxHeight: "".concat(dimensions.toolbarMenuHeight + dimensions.toolbarHeight, "px"),
+        },
+        _b);
+});
+var ToolbarInner = styled('div')(function (_a) {
+    var _b;
+    var colors = _a.colors, theme = _a.theme;
+    if (!theme) {
+        return {};
+    }
+    return _b = {
             alignItems: 'center',
             display: 'flex',
             margin: '0 auto',
             width: '100%',
-            padding: 0
+            padding: 0,
+            backgroundColor: colors.headerBackgroundColor
         },
         _b[theme.breakpoints.down('sm')] = {
             height: "".concat(dimensions.toolbarHeightMobile, "px"),
@@ -21807,7 +21801,7 @@ var ToolbarInner = styled('div')(function (_a) {
             height: "".concat(dimensions.toolbarHeight, "px"),
             minHeight: "".concat(dimensions.toolbarHeight, "px"),
         },
-        _b);
+        _b;
 });
 var ToolbarLeft = styled('div')(function () { return ({
     alignItems: 'center',
@@ -21898,10 +21892,10 @@ var ToolbarMenuInner = styled('div')(function (_a) {
             margin: '0 auto',
             width: '100%'
         },
-        _b[theme.breakpoints.down('md')] = {
+        _b[theme.breakpoints.down('lg')] = {
             padding: '0 24px',
         },
-        _b[theme.breakpoints.up('md')] = {
+        _b[theme.breakpoints.up('lg')] = {
             padding: 0,
         },
         _b);
@@ -21987,7 +21981,7 @@ var MobileAppBar = function (_a) {
         setAnchorElMenu(null);
     };
     return (React.createElement(MobileToolbarMenu, { style: { flexGrow: 1 } },
-        React.createElement(AppBar$3, { position: "static" },
+        React.createElement(AppBar$1, { position: "static" },
             React.createElement(Toolbar$1, { style: { minHeight: '50px' } },
                 React.createElement(IconButton, { size: "medium", edge: "start", color: "inherit", "aria-label": "menu", style: { marginRight: 2 }, onClick: handleClickNav },
                     React.createElement(Menu$1, { sx: { color: 'white' } })),
@@ -22025,9 +22019,9 @@ var AppBar = function (_a) {
             : currentPath.includes(page.redirectUrl || '');
         return (React.createElement(ToolbarMenuItem, { className: isActive ? 'active' : '', to: page.redirectUrl || '', key: page.name, tabIndex: 0 }, page === null || page === void 0 ? void 0 : page.translatedTextRef));
     };
-    return (React.createElement(Toolbar, { colors: colors },
-        React.createElement(ToolbarFixer, { colors: colors },
-            React.createElement(ToolbarInner, null,
+    return (React.createElement(Toolbar, null,
+        React.createElement(ToolbarFixer, null,
+            React.createElement(ToolbarInner, { colors: colors },
                 React.createElement(ToolbarLeft, null,
                     React.createElement(ToolbarTitle, { to: '/' },
                         appTitle,
@@ -22953,5 +22947,5 @@ var GrepTableOfContent = function (_a) {
 };
 GrepTableOfContent.displayName = 'Grep.ToC';
 
-export { AppBar$1 as AppBar, AppBarNavList, AppBarProfile, BodyLayout, CircularLoading, Colors, ConfirmationServiceProvider, ContainedLinkList, DatePicker, DropdownMenu, EditorContext, Footer, GDPR, GrepCrumbs, DatePicker as GrepDatePicker, GrepDateRange, GrepDialogServiceProvider, GrepEditor, GrepInput, GrepSelect, GrepTable, GrepTableCard, GrepTableOfContent, GrepTableRow, GreyCover, InfoContainer, LinkList, LoadingOverlay, MainLayout, NavGuard, AppBar as NewAppBar, OverflowTooltip, ProfileInfo, SearchBar, ServiceMessage, Sidebar, SortableTable, UpdateStyle, index as Utils, convert2html, convert2txt, convertToRgba, createState, filterElements as filterContentElements, hex2rgb, hex2rgba, makeStyles, parseContent, parseContentState, useConfirmation, useContentElements, useDate, useDebounce, useGrepDialog, useStyles$d as useStyles, withStyles };
+export { AppBar, AppBarNavList, AppBarProfile, BodyLayout, CircularLoading, Colors, ConfirmationServiceProvider, ContainedLinkList, DatePicker, DropdownMenu, EditorContext, Footer, GDPR, GrepCrumbs, DatePicker as GrepDatePicker, GrepDateRange, GrepDialogServiceProvider, GrepEditor, GrepInput, GrepSelect, GrepTable, GrepTableCard, GrepTableOfContent, GrepTableRow, GreyCover, InfoContainer, LinkList, LoadingOverlay, MainLayout, NavGuard, OverflowTooltip, ProfileInfo, SearchBar, ServiceMessage, Sidebar, SortableTable, UpdateStyle, index as Utils, convert2html, convert2txt, convertToRgba, createState, filterElements as filterContentElements, hex2rgb, hex2rgba, makeStyles, parseContent, parseContentState, useConfirmation, useContentElements, useDate, useDebounce, useGrepDialog, useStyles$d as useStyles, withStyles };
 //# sourceMappingURL=index.js.map