@xyo-network/react-appbar 2.41.37 → 2.41.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -61
- package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js +1 -1
- package/dist/cjs/components/MobileSystemControls/SystemControlsUnstyled.js.map +1 -1
- package/dist/cjs/components/SiteMenu/Menu.js +1 -1
- package/dist/cjs/components/SiteMenu/Menu.js.map +1 -1
- package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.js +1 -1
- package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map +1 -1
- package/dist/cjs/components/SiteMenu/MenuSection.js +1 -1
- package/dist/cjs/components/SiteMenu/MenuSection.js.map +1 -1
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js +1 -1
- package/dist/cjs/components/Toolbar/System/SystemToolbar.js.map +1 -1
- package/dist/docs.json +155 -155
- package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js +1 -1
- package/dist/esm/components/MobileSystemControls/SystemControlsUnstyled.js.map +1 -1
- package/dist/esm/components/SiteMenu/Menu.js +1 -1
- package/dist/esm/components/SiteMenu/Menu.js.map +1 -1
- package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js +1 -1
- package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map +1 -1
- package/dist/esm/components/SiteMenu/MenuSection.js +1 -1
- package/dist/esm/components/SiteMenu/MenuSection.js.map +1 -1
- package/dist/esm/components/Toolbar/System/SystemToolbar.js +1 -1
- package/dist/esm/components/Toolbar/System/SystemToolbar.js.map +1 -1
- package/dist/types/components/AppBar/Application.d.ts +1 -1
- package/dist/types/components/AppBar/Application.d.ts.map +1 -1
- package/dist/types/components/MobileSystemControls/SystemControlsUnstyled.d.ts +1 -1
- package/dist/types/components/MobileSystemControls/SystemControlsUnstyled.d.ts.map +1 -1
- package/dist/types/components/SiteMenu/Menu.d.ts +1 -1
- package/dist/types/components/SiteMenu/Menu.d.ts.map +1 -1
- package/dist/types/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts +2 -2
- package/dist/types/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts.map +1 -1
- package/dist/types/components/SiteMenu/MenuSection.d.ts +2 -2
- package/dist/types/components/SiteMenu/MenuSection.d.ts.map +1 -1
- package/dist/types/components/SiteMenu/lib/MenuListItemBase.d.ts +1 -1
- package/dist/types/components/SiteMenu/lib/MenuListItemBase.d.ts.map +1 -1
- package/dist/types/components/SiteMenu/lib/NavListItemProps.d.ts +2 -2
- package/dist/types/components/SiteMenu/lib/NavListItemProps.d.ts.map +1 -1
- package/dist/types/components/Toolbar/System/SystemToolbar.d.ts +6 -6
- package/dist/types/components/Toolbar/System/SystemToolbar.d.ts.map +1 -1
- package/dist/types/contexts/Collapsible/State.d.ts +1 -1
- package/dist/types/contexts/Collapsible/State.d.ts.map +1 -1
- package/package.json +18 -18
- package/src/components/AppBar/Application.tsx +1 -1
- package/src/components/MobileSystemControls/SystemControlsUnstyled.tsx +2 -2
- package/src/components/SiteMenu/Menu.tsx +2 -2
- package/src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx +8 -8
- package/src/components/SiteMenu/MenuSection.tsx +3 -3
- package/src/components/SiteMenu/lib/MenuListItemBase.tsx +1 -1
- package/src/components/SiteMenu/lib/NavListItemProps.ts +2 -2
- package/src/components/Toolbar/System/SystemToolbar.tsx +11 -11
- package/src/contexts/Collapsible/State.ts +1 -1
@@ -5,7 +5,7 @@ import { ArchiveSelectEx, useArchive } from '@xyo-network/react-api';
|
|
5
5
|
import { NetworkSelectEx, useNetwork } from '@xyo-network/react-network';
|
6
6
|
import { ControlText, SystemControl } from './controls';
|
7
7
|
import { SystemControlsType } from './SystemControlsType';
|
8
|
-
const SystemControlsUnstyled = ({ systemControlsType = SystemControlsType.WindowShade,
|
8
|
+
const SystemControlsUnstyled = ({ visible, systemControlsType = SystemControlsType.WindowShade, ...props }) => {
|
9
9
|
const { network } = useNetwork();
|
10
10
|
const { archive } = useArchive();
|
11
11
|
const isSmall = useMediaQuery((theme) => theme.breakpoints.down('sm'));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAS,aAAa,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAExE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAOzD,MAAM,sBAAsB,GAA0C,CAAC,EACrE,kBAAkB,GAAG,kBAAkB,CAAC,WAAW,EACnD,
|
1
|
+
{"version":3,"file":"SystemControlsUnstyled.js","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAS,aAAa,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAExE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAOzD,MAAM,sBAAsB,GAA0C,CAAC,EACrE,OAAO,EACP,kBAAkB,GAAG,kBAAkB,CAAC,WAAW,EACnD,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,OAAO,GAAG,aAAa,CAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAE7E,IAAI,OAAO,IAAI,OAAO,EAAE;QACtB,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,yBAAyB,kBAAkB,EAAE,YAC5F,KAAC,aAAa,IACZ,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EACZ,8BACE,KAAC,OAAO,IAAC,SAAS,EAAE,cAAc,YAChC,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,YACrC,KAAC,eAAe,IAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,GAAG,GACvD,GACA,EACV,KAAC,OAAO,cACN,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,YACrC,KAAC,eAAe,KAAG,GACb,GACA,IACT,YAGL,KAAC,WAAW,IAAC,KAAK,EAAE,GAAG,OAAO,EAAE,IAAI,MAAM,OAAO,IAAI,MAAM,GAAG,GAAI,GACpD,GACR,CACX,CAAA;KACF;SAAM;QACL,OAAO,KAAC,OAAO,KAAG,CAAA;KACnB;AACH,CAAC,CAAA;AAGD,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
|
@@ -5,7 +5,7 @@ import { IconButton, List, SwipeableDrawer } from '@mui/material';
|
|
5
5
|
import { FlexRow } from '@xylabs/react-flexbox';
|
6
6
|
import { useEffect, useState } from 'react';
|
7
7
|
import { MenuListItemContainer } from './MenuListItem';
|
8
|
-
export const SiteMenu = ({ side = 'right',
|
8
|
+
export const SiteMenu = ({ children, onMenuToggle, side = 'right', ...props }) => {
|
9
9
|
const [open, setOpen] = useState(false);
|
10
10
|
useEffect(() => {
|
11
11
|
onMenuToggle?.(open);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAQtD,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACjE,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAQtD,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,EAAE,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,YAED,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,GAClB,EACb,KAAC,eAAe,IACd,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE1B,QAAQ,IAAI,CACX,KAAC,IAAI,cACH,KAAC,qBAAqB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,KAAC,YAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GAC9E,CACR,GACe,IACV,CACX,CAAA;AACH,CAAC,CAAA"}
|
@@ -6,7 +6,7 @@ import { useState } from 'react';
|
|
6
6
|
import { useCollapsible } from '../../../contexts';
|
7
7
|
import { ListItemTooltip, MenuIcon, MenuListItem } from './list-item-components';
|
8
8
|
import { SubNavListItemsCollapse, SubNavToggleIconButton } from './sub-nav';
|
9
|
-
export const MenuListItemContainer = ({ style,
|
9
|
+
export const MenuListItemContainer = ({ style, icon, iconMenuTextSpacing, iconOnly, onButtonClick, primary, subNavListItems, sx, tooltip, to, ...props }) => {
|
10
10
|
const { dense } = props;
|
11
11
|
const theme = useTheme();
|
12
12
|
const { collapse } = useCollapsible();
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MenuListItemContainer.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAChF,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAS3E,MAAM,CAAC,MAAM,qBAAqB,GAAgC,CAAC,EACjE,KAAK,EACL,
|
1
|
+
{"version":3,"file":"MenuListItemContainer.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx"],"names":[],"mappings":"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"}
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Collapse, ListSubheader } from '@mui/material';
|
3
3
|
import { FlexCol } from '@xylabs/react-flexbox';
|
4
4
|
import { MenuListItemContainer } from './MenuListItem';
|
5
|
-
export const MenuSection = ({
|
5
|
+
export const MenuSection = ({ iconMenuTextSpacing, listItems, showTitle = true, title, ...props }) => {
|
6
6
|
return (_jsxs(FlexCol, { alignItems: "stretch", ...props, children: [_jsx(Collapse, { in: showTitle, timeout: 700, children: _jsx(ListSubheader, { children: title }) }), listItems.map((item, index) => (_jsx(MenuListItemContainer, { iconMenuTextSpacing: iconMenuTextSpacing, ...item }, index)))] }));
|
7
7
|
};
|
8
8
|
//# sourceMappingURL=MenuSection.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MenuSection.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,qBAAqB,EAAqB,MAAM,gBAAgB,CAAA;AASzE,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,
|
1
|
+
{"version":3,"file":"MenuSection.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,qBAAqB,EAAqB,MAAM,gBAAgB,CAAA;AASzE,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/H,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,QAAQ,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,YACnC,KAAC,aAAa,cAAE,KAAK,GAAiB,GAC7B,EAEV,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,qBAAqB,IAAa,mBAAmB,EAAE,mBAAmB,KAAM,IAAI,IAAzD,KAAK,CAA8E,CAChH,CAAC,IACM,CACX,CAAA;AACH,CAAC,CAAA"}
|
@@ -6,7 +6,7 @@ import { DarkModeIconButton } from '@xyo-network/react-app-settings';
|
|
6
6
|
import { AuthSetsStatusIconButton } from '@xyo-network/react-auth-sets';
|
7
7
|
import { NetworkSelectEx } from '@xyo-network/react-network';
|
8
8
|
import { SiteMenu } from '../../SiteMenu';
|
9
|
-
export const SystemToolbar = ({
|
9
|
+
export const SystemToolbar = ({ archiveSelectProps, authButton = false, children, darkModeButton = false, hideNetworkSelect, hideArchiveSelect, menuItems, networkSelectProps, onMenuToggle, precedingChildren, ...props }) => {
|
10
10
|
return (_jsxs(Toolbar, { ...props, children: [precedingChildren, hideNetworkSelect ? null : (_jsx(FlexRow, { marginX: 0.5, children: _jsx(Paper, { variant: "elevation", children: _jsx(NetworkSelectEx, { fullWidth: true, ...networkSelectProps }) }) })), hideArchiveSelect ? null : (_jsx(FlexRow, { marginX: 0.5, children: _jsx(Paper, { variant: "elevation", children: _jsx(ArchiveSelectEx, { fullWidth: true, ...archiveSelectProps }) }) })), children, authButton ? _jsx(AuthSetsStatusIconButton, { color: "inherit" }) : null, darkModeButton ? _jsx(DarkModeIconButton, { color: "inherit" }) : null, menuItems ? _jsx(SiteMenu, { onMenuToggle: onMenuToggle, children: menuItems }) : null] }));
|
11
11
|
};
|
12
12
|
//# sourceMappingURL=SystemToolbar.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,eAAe,EAAwB,MAAM,4BAA4B,CAAA;AAGlF,OAAO,EAAE,QAAQ,EAAiB,MAAM,gBAAgB,CAAA;AAexD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,
|
1
|
+
{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,eAAe,EAAwB,MAAM,4BAA4B,CAAA;AAGlF,OAAO,EAAE,QAAQ,EAAiB,MAAM,gBAAgB,CAAA;AAexD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,kBAAkB,EAClB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aACf,iBAAiB,EACjB,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,YACnB,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACxB,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC/C,GACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,YACnB,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACxB,KAAC,eAAe,IAAC,SAAS,WAAK,kBAAkB,GAAI,GAC/C,GACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,KAAC,wBAAwB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAChE,cAAc,CAAC,CAAC,CAAC,KAAC,kBAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,SAAS,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,YAAY,EAAE,YAAY,YAAG,SAAS,GAAY,CAAC,CAAC,CAAC,IAAI,IACxE,CACX,CAAA;AACH,CAAC,CAAA"}
|
@@ -3,8 +3,8 @@ import { AppBarExProps } from '@xylabs/react-appbar';
|
|
3
3
|
import { ReactElement } from 'react';
|
4
4
|
export interface ApplicationAppBarProps extends AppBarExProps {
|
5
5
|
contextToolbar?: ReactElement<ToolbarProps>;
|
6
|
-
systemToolbar?: ReactElement<ToolbarProps>;
|
7
6
|
responsive?: boolean;
|
7
|
+
systemToolbar?: ReactElement<ToolbarProps>;
|
8
8
|
}
|
9
9
|
export declare const ApplicationAppBar: React.FC<ApplicationAppBarProps>;
|
10
10
|
//# sourceMappingURL=Application.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Application.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,cAAc,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;IAC3C,
|
1
|
+
{"version":3,"file":"Application.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,cAAc,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;CAC3C;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAU9D,CAAA"}
|
@@ -2,8 +2,8 @@
|
|
2
2
|
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
3
3
|
import { SystemControlsType } from './SystemControlsType';
|
4
4
|
interface SystemControlsUnstyledProps extends FlexBoxProps {
|
5
|
-
visible?: boolean;
|
6
5
|
systemControlsType?: SystemControlsType;
|
6
|
+
visible?: boolean;
|
7
7
|
}
|
8
8
|
declare const SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps>;
|
9
9
|
export type { SystemControlsUnstyledProps };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SystemControlsUnstyled.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAKtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,UAAU,2BAA4B,SAAQ,YAAY;IACxD,
|
1
|
+
{"version":3,"file":"SystemControlsUnstyled.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAKtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,UAAU,2BAA4B,SAAQ,YAAY;IACxD,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAoCjE,CAAA;AAED,YAAY,EAAE,2BAA2B,EAAE,CAAA;AAC3C,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
|
@@ -2,8 +2,8 @@
|
|
2
2
|
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
3
3
|
export interface SiteMenuProps extends FlexBoxProps {
|
4
4
|
hideSettingsMenuItem?: boolean;
|
5
|
-
side?: 'left' | 'right' | 'top' | 'bottom';
|
6
5
|
onMenuToggle?: (state?: boolean) => void;
|
6
|
+
side?: 'left' | 'right' | 'top' | 'bottom';
|
7
7
|
}
|
8
8
|
export declare const SiteMenu: React.FC<SiteMenuProps>;
|
9
9
|
//# sourceMappingURL=Menu.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAK7D,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAK7D,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;CAC3C;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkC5C,CAAA"}
|
@@ -2,10 +2,10 @@
|
|
2
2
|
import { ListItemProps } from '@mui/material';
|
3
3
|
import { MenuListItemBase, NavListItemProps } from '../lib';
|
4
4
|
export interface MenuListItemProps extends NavListItemProps, MenuListItemBase, ListItemProps {
|
5
|
+
iconMenuTextSpacing?: string;
|
6
|
+
iconOnly?: boolean;
|
5
7
|
subNavListItems?: NavListItemProps[];
|
6
8
|
subNavOpen?: boolean;
|
7
|
-
iconOnly?: boolean;
|
8
|
-
iconMenuTextSpacing?: string;
|
9
9
|
}
|
10
10
|
export declare const MenuListItemContainer: React.FC<MenuListItemProps>;
|
11
11
|
//# sourceMappingURL=MenuListItemContainer.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MenuListItemContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA0B,MAAM,eAAe,CAAA;AAMrE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAI3D,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB,EAAE,gBAAgB,EAAE,aAAa;IAC1F,
|
1
|
+
{"version":3,"file":"MenuListItemContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA0B,MAAM,eAAe,CAAA;AAMrE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAI3D,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB,EAAE,gBAAgB,EAAE,aAAa;IAC1F,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACpC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8D7D,CAAA"}
|
@@ -2,10 +2,10 @@
|
|
2
2
|
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
3
3
|
import { MenuListItemProps } from './MenuListItem';
|
4
4
|
export interface MenuSectionProps extends FlexBoxProps {
|
5
|
-
|
5
|
+
iconMenuTextSpacing?: string;
|
6
6
|
listItems: MenuListItemProps[];
|
7
7
|
showTitle?: boolean;
|
8
|
-
|
8
|
+
title: string;
|
9
9
|
}
|
10
10
|
export declare const MenuSection: React.FC<MenuSectionProps>;
|
11
11
|
//# sourceMappingURL=MenuSection.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MenuSection.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAyB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,
|
1
|
+
{"version":3,"file":"MenuSection.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAyB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MenuListItemBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/MenuListItemBase.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,
|
1
|
+
{"version":3,"file":"MenuListItemBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/MenuListItemBase.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
|
@@ -3,11 +3,11 @@ import { LinkExProps } from '@xylabs/react-link';
|
|
3
3
|
import { ReactNode } from 'react';
|
4
4
|
import { To } from 'react-router-dom';
|
5
5
|
export interface NavListItemProps {
|
6
|
-
primary: ListItemTextProps['primary'];
|
7
|
-
to?: To;
|
8
6
|
href?: string;
|
9
7
|
icon?: ReactNode;
|
10
8
|
onButtonClick?: LinkExProps['onClick'];
|
9
|
+
primary: ListItemTextProps['primary'];
|
10
|
+
to?: To;
|
11
11
|
tooltip?: string;
|
12
12
|
}
|
13
13
|
//# sourceMappingURL=NavListItemProps.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NavListItemProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/NavListItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAErC,MAAM,WAAW,gBAAgB;IAC/B,
|
1
|
+
{"version":3,"file":"NavListItemProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/NavListItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAErC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB"}
|
@@ -4,16 +4,16 @@ import { NetworkSelectExProps } from '@xyo-network/react-network';
|
|
4
4
|
import { ReactNode } from 'react';
|
5
5
|
import { SiteMenuProps } from '../../SiteMenu';
|
6
6
|
export interface SystemToolbarProps extends ToolbarProps {
|
7
|
-
networkSelectProps?: NetworkSelectExProps;
|
8
7
|
archiveSelectProps?: SelectExProps<string>;
|
9
|
-
hideNetworkSelect?: boolean;
|
10
|
-
hideArchiveSelect?: boolean;
|
11
|
-
darkModeButton?: boolean;
|
12
8
|
authButton?: boolean;
|
13
|
-
|
14
|
-
precedingChildren?: ReactNode;
|
9
|
+
darkModeButton?: boolean;
|
15
10
|
developerMode?: boolean;
|
11
|
+
hideArchiveSelect?: boolean;
|
12
|
+
hideNetworkSelect?: boolean;
|
13
|
+
menuItems?: ReactNode;
|
14
|
+
networkSelectProps?: NetworkSelectExProps;
|
16
15
|
onMenuToggle?: SiteMenuProps['onMenuToggle'];
|
16
|
+
precedingChildren?: ReactNode;
|
17
17
|
}
|
18
18
|
export declare const SystemToolbar: React.FC<SystemToolbarProps>;
|
19
19
|
//# sourceMappingURL=SystemToolbar.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SystemToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAKpD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAY,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,kBAAkB,CAAC,EAAE,
|
1
|
+
{"version":3,"file":"SystemToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAKpD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAY,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,kBAAkB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,kBAAkB,CAAC,EAAE,oBAAoB,CAAA;IACzC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC5C,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAC9B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoCtD,CAAA"}
|
@@ -2,8 +2,8 @@ import { ContextExState } from '@xyo-network/react-shared';
|
|
2
2
|
import { Dispatch, SetStateAction } from 'react';
|
3
3
|
export interface CollapsibleState extends ContextExState {
|
4
4
|
collapse?: boolean;
|
5
|
-
setCollapse?: Dispatch<SetStateAction<boolean>>;
|
6
5
|
collapseEnd?: boolean;
|
6
|
+
setCollapse?: Dispatch<SetStateAction<boolean>>;
|
7
7
|
setCollapseEnd?: Dispatch<SetStateAction<boolean>>;
|
8
8
|
}
|
9
9
|
//# sourceMappingURL=State.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/C,
|
1
|
+
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/C,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACnD"}
|
package/package.json
CHANGED
@@ -10,25 +10,25 @@
|
|
10
10
|
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
11
11
|
},
|
12
12
|
"dependencies": {
|
13
|
-
"@xylabs/react-appbar": "^2.15.
|
14
|
-
"@xylabs/react-button": "^2.15.
|
15
|
-
"@xylabs/react-common": "^2.15.
|
16
|
-
"@xylabs/react-flexbox": "^2.15.
|
17
|
-
"@xylabs/react-link": "^2.15.
|
18
|
-
"@xylabs/react-shared": "^2.15.
|
19
|
-
"@xyo-network/react-api": "^2.41.
|
20
|
-
"@xyo-network/react-app-settings": "^2.41.
|
21
|
-
"@xyo-network/react-auth-sets": "^2.41.
|
22
|
-
"@xyo-network/react-network": "^2.41.
|
23
|
-
"@xyo-network/react-shared": "^2.41.
|
13
|
+
"@xylabs/react-appbar": "^2.15.12",
|
14
|
+
"@xylabs/react-button": "^2.15.12",
|
15
|
+
"@xylabs/react-common": "^2.15.12",
|
16
|
+
"@xylabs/react-flexbox": "^2.15.12",
|
17
|
+
"@xylabs/react-link": "^2.15.12",
|
18
|
+
"@xylabs/react-shared": "^2.15.12",
|
19
|
+
"@xyo-network/react-api": "^2.41.39",
|
20
|
+
"@xyo-network/react-app-settings": "^2.41.39",
|
21
|
+
"@xyo-network/react-auth-sets": "^2.41.39",
|
22
|
+
"@xyo-network/react-network": "^2.41.39",
|
23
|
+
"@xyo-network/react-shared": "^2.41.39"
|
24
24
|
},
|
25
25
|
"devDependencies": {
|
26
|
-
"@storybook/react": "^6.5.
|
27
|
-
"@xylabs/ts-scripts-yarn3": "2.12.
|
28
|
-
"@xyo-network/react-auth": "^2.41.
|
29
|
-
"@xyo-network/react-storybook": "^2.41.
|
30
|
-
"@xyo-network/react-wallet": "^2.41.
|
31
|
-
"@xyo-network/wallet": "^2.43.
|
26
|
+
"@storybook/react": "^6.5.16",
|
27
|
+
"@xylabs/ts-scripts-yarn3": "2.12.29",
|
28
|
+
"@xyo-network/react-auth": "^2.41.39",
|
29
|
+
"@xyo-network/react-storybook": "^2.41.39",
|
30
|
+
"@xyo-network/react-wallet": "^2.41.39",
|
31
|
+
"@xyo-network/wallet": "^2.43.22",
|
32
32
|
"require-from-string": "^2.0.2"
|
33
33
|
},
|
34
34
|
"peerDependencies": {
|
@@ -83,5 +83,5 @@
|
|
83
83
|
},
|
84
84
|
"sideEffects": false,
|
85
85
|
"types": "dist/types/index.d.ts",
|
86
|
-
"version": "2.41.
|
86
|
+
"version": "2.41.39"
|
87
87
|
}
|
@@ -6,8 +6,8 @@ import { ContextToolbar, SystemToolbar } from '../Toolbar'
|
|
6
6
|
|
7
7
|
export interface ApplicationAppBarProps extends AppBarExProps {
|
8
8
|
contextToolbar?: ReactElement<ToolbarProps>
|
9
|
-
systemToolbar?: ReactElement<ToolbarProps>
|
10
9
|
responsive?: boolean
|
10
|
+
systemToolbar?: ReactElement<ToolbarProps>
|
11
11
|
}
|
12
12
|
|
13
13
|
export const ApplicationAppBar: React.FC<ApplicationAppBarProps> = ({ systemToolbar, contextToolbar, responsive = true, ...props }) => {
|
@@ -7,13 +7,13 @@ import { ControlText, SystemControl } from './controls'
|
|
7
7
|
import { SystemControlsType } from './SystemControlsType'
|
8
8
|
|
9
9
|
interface SystemControlsUnstyledProps extends FlexBoxProps {
|
10
|
-
visible?: boolean
|
11
10
|
systemControlsType?: SystemControlsType
|
11
|
+
visible?: boolean
|
12
12
|
}
|
13
13
|
|
14
14
|
const SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps> = ({
|
15
|
-
systemControlsType = SystemControlsType.WindowShade,
|
16
15
|
visible,
|
16
|
+
systemControlsType = SystemControlsType.WindowShade,
|
17
17
|
...props
|
18
18
|
}) => {
|
19
19
|
const { network } = useNetwork()
|
@@ -8,11 +8,11 @@ import { MenuListItemContainer } from './MenuListItem'
|
|
8
8
|
|
9
9
|
export interface SiteMenuProps extends FlexBoxProps {
|
10
10
|
hideSettingsMenuItem?: boolean
|
11
|
-
side?: 'left' | 'right' | 'top' | 'bottom'
|
12
11
|
onMenuToggle?: (state?: boolean) => void
|
12
|
+
side?: 'left' | 'right' | 'top' | 'bottom'
|
13
13
|
}
|
14
14
|
|
15
|
-
export const SiteMenu: React.FC<SiteMenuProps> = ({ side = 'right',
|
15
|
+
export const SiteMenu: React.FC<SiteMenuProps> = ({ children, onMenuToggle, side = 'right', ...props }) => {
|
16
16
|
const [open, setOpen] = useState(false)
|
17
17
|
|
18
18
|
useEffect(() => {
|
@@ -9,23 +9,23 @@ import { ListItemTooltip, MenuIcon, MenuListItem } from './list-item-components'
|
|
9
9
|
import { SubNavListItemsCollapse, SubNavToggleIconButton } from './sub-nav'
|
10
10
|
|
11
11
|
export interface MenuListItemProps extends NavListItemProps, MenuListItemBase, ListItemProps {
|
12
|
+
iconMenuTextSpacing?: string
|
13
|
+
iconOnly?: boolean
|
12
14
|
subNavListItems?: NavListItemProps[]
|
13
15
|
subNavOpen?: boolean
|
14
|
-
iconOnly?: boolean
|
15
|
-
iconMenuTextSpacing?: string
|
16
16
|
}
|
17
17
|
|
18
18
|
export const MenuListItemContainer: React.FC<MenuListItemProps> = ({
|
19
19
|
style,
|
20
|
-
subNavListItems,
|
21
|
-
iconOnly,
|
22
|
-
tooltip,
|
23
20
|
icon,
|
24
|
-
|
21
|
+
iconMenuTextSpacing,
|
22
|
+
iconOnly,
|
25
23
|
onButtonClick,
|
26
|
-
|
24
|
+
primary,
|
25
|
+
subNavListItems,
|
27
26
|
sx,
|
28
|
-
|
27
|
+
tooltip,
|
28
|
+
to,
|
29
29
|
...props
|
30
30
|
}) => {
|
31
31
|
const { dense } = props
|
@@ -4,13 +4,13 @@ import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
|
|
4
4
|
import { MenuListItemContainer, MenuListItemProps } from './MenuListItem'
|
5
5
|
|
6
6
|
export interface MenuSectionProps extends FlexBoxProps {
|
7
|
-
|
7
|
+
iconMenuTextSpacing?: string
|
8
8
|
listItems: MenuListItemProps[]
|
9
9
|
showTitle?: boolean
|
10
|
-
|
10
|
+
title: string
|
11
11
|
}
|
12
12
|
|
13
|
-
export const MenuSection: React.FC<MenuSectionProps> = ({
|
13
|
+
export const MenuSection: React.FC<MenuSectionProps> = ({ iconMenuTextSpacing, listItems, showTitle = true, title, ...props }) => {
|
14
14
|
return (
|
15
15
|
<FlexCol alignItems="stretch" {...props}>
|
16
16
|
<Collapse in={showTitle} timeout={700}>
|
@@ -4,10 +4,10 @@ import { ReactNode } from 'react'
|
|
4
4
|
import { To } from 'react-router-dom'
|
5
5
|
|
6
6
|
export interface NavListItemProps {
|
7
|
-
primary: ListItemTextProps['primary']
|
8
|
-
to?: To
|
9
7
|
href?: string
|
10
8
|
icon?: ReactNode
|
11
9
|
onButtonClick?: LinkExProps['onClick']
|
10
|
+
primary: ListItemTextProps['primary']
|
11
|
+
to?: To
|
12
12
|
tooltip?: string
|
13
13
|
}
|
@@ -10,29 +10,29 @@ import { ReactNode } from 'react'
|
|
10
10
|
import { SiteMenu, SiteMenuProps } from '../../SiteMenu'
|
11
11
|
|
12
12
|
export interface SystemToolbarProps extends ToolbarProps {
|
13
|
-
networkSelectProps?: NetworkSelectExProps
|
14
13
|
archiveSelectProps?: SelectExProps<string>
|
15
|
-
hideNetworkSelect?: boolean
|
16
|
-
hideArchiveSelect?: boolean
|
17
|
-
darkModeButton?: boolean
|
18
14
|
authButton?: boolean
|
19
|
-
|
20
|
-
precedingChildren?: ReactNode
|
15
|
+
darkModeButton?: boolean
|
21
16
|
developerMode?: boolean
|
17
|
+
hideArchiveSelect?: boolean
|
18
|
+
hideNetworkSelect?: boolean
|
19
|
+
menuItems?: ReactNode
|
20
|
+
networkSelectProps?: NetworkSelectExProps
|
22
21
|
onMenuToggle?: SiteMenuProps['onMenuToggle']
|
22
|
+
precedingChildren?: ReactNode
|
23
23
|
}
|
24
24
|
|
25
25
|
export const SystemToolbar: React.FC<SystemToolbarProps> = ({
|
26
|
-
children,
|
27
|
-
precedingChildren,
|
28
|
-
networkSelectProps,
|
29
26
|
archiveSelectProps,
|
27
|
+
authButton = false,
|
28
|
+
children,
|
29
|
+
darkModeButton = false,
|
30
30
|
hideNetworkSelect,
|
31
31
|
hideArchiveSelect,
|
32
|
-
darkModeButton = false,
|
33
|
-
authButton = false,
|
34
32
|
menuItems,
|
33
|
+
networkSelectProps,
|
35
34
|
onMenuToggle,
|
35
|
+
precedingChildren,
|
36
36
|
...props
|
37
37
|
}) => {
|
38
38
|
return (
|
@@ -3,7 +3,7 @@ import { Dispatch, SetStateAction } from 'react'
|
|
3
3
|
|
4
4
|
export interface CollapsibleState extends ContextExState {
|
5
5
|
collapse?: boolean
|
6
|
-
setCollapse?: Dispatch<SetStateAction<boolean>>
|
7
6
|
collapseEnd?: boolean
|
7
|
+
setCollapse?: Dispatch<SetStateAction<boolean>>
|
8
8
|
setCollapseEnd?: Dispatch<SetStateAction<boolean>>
|
9
9
|
}
|