@xyo-network/react-appbar 2.80.0 → 2.81.1

package/src/components/CollapsibleDrawer/CollapseToggle.tsx

@@ -4,7 +4,7 @@ import { useState } from 'react'
 // eslint-disable-next-line import/no-internal-modules
 import { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc'
 
-import { useCollapsible } from '../../contexts'
+import { useCollapsible } from '../../contexts/index.js'
 
 export const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {
   const { collapse, setCollapse, setCollapseEnd } = useCollapsible()

package/src/components/CollapsibleDrawer/CollapsibleDrawer.tsx

@@ -1,7 +1,7 @@
 import { Collapse, CollapseProps, styled, useTheme } from '@mui/material'
 import { WithChildren } from '@xylabs/react-shared'
 
-import { useCollapsible } from '../../contexts'
+import { useCollapsible } from '../../contexts/index.js'
 
 export const CollapsibleDrawer: React.FC<WithChildren<CollapseProps>> = ({ children, sx, ...props }) => {
   const { collapse, setCollapseEnd } = useCollapsible()

package/src/components/CollapsibleDrawer/index.ts

@@ -1,2 +1,2 @@
-export * from './CollapseToggle'
-export * from './CollapsibleDrawer'
+export * from './CollapseToggle.js'
+export * from './CollapsibleDrawer.js'

package/src/components/CollapsibleDrawer/storyExampleMenuData.tsx

@@ -14,7 +14,7 @@ import {
   // eslint-disable-next-line import/no-internal-modules
 } from 'react-icons/vsc'
 
-import { MenuListItemProps } from '../SiteMenu'
+import { MenuListItemProps } from '../SiteMenu/index.js'
 
 export const menuDataTop: MenuListItemProps[] = [
   {

package/src/components/MobileSystemControls/SystemControls.tsx

@@ -1,7 +1,7 @@
 import { FlexCol } from '@xylabs/react-flexbox'
 
-import { SystemControlsRoot } from './SystemControlsRoot'
-import { SystemControlsUnstyledProps } from './SystemControlsUnstyled'
+import { SystemControlsRoot } from './SystemControlsRoot.js'
+import { SystemControlsUnstyledProps } from './SystemControlsUnstyled.js'
 
 const SystemControls: React.FC<SystemControlsUnstyledProps> = (props) => {
   return (

package/src/components/MobileSystemControls/SystemControlsRoot.tsx

@@ -1,7 +1,7 @@
 import { styled } from '@mui/material'
 
-import { SystemControlsType } from './SystemControlsType'
-import { SystemControlsUnstyled, SystemControlsUnstyledProps } from './SystemControlsUnstyled'
+import { SystemControlsType } from './SystemControlsType.js'
+import { SystemControlsUnstyled, SystemControlsUnstyledProps } from './SystemControlsUnstyled.js'
 
 const SystemControlsRoot = styled(SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })<SystemControlsUnstyledProps>(({ theme }) => ({
   // shared defaults

package/src/components/MobileSystemControls/SystemControlsUnstyled.tsx

@@ -2,8 +2,8 @@ import { Paper, Theme, useMediaQuery } from '@mui/material'
 import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
 import { NetworkSelectEx } from '@xyo-network/react-network'
 
-import { SystemControl } from './controls'
-import { SystemControlsType } from './SystemControlsType'
+import { SystemControl } from './controls/index.js'
+import { SystemControlsType } from './SystemControlsType.js'
 
 interface SystemControlsUnstyledProps extends FlexBoxProps {
   systemControlsType?: SystemControlsType

package/src/components/MobileSystemControls/controls/SystemControl.tsx

@@ -3,7 +3,7 @@ import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
 import { WithChildren } from '@xylabs/react-shared'
 import { useState } from 'react'
 
-import { SystemControlsType } from '../SystemControlsType'
+import { SystemControlsType } from '../SystemControlsType.js'
 
 interface SystemControlProps extends FlexBoxProps {
   controlElement: React.ReactNode

package/src/components/MobileSystemControls/controls/index.ts

@@ -1,2 +1,2 @@
-export * from './SystemControl'
-export * from './SystemControlText'
+export * from './SystemControl.js'
+export * from './SystemControlText.js'

package/src/components/MobileSystemControls/index.ts

@@ -1,3 +1,3 @@
-export * from './SystemControls'
-export * from './SystemControlsType'
-export * from './SystemControlsUnstyled'
+export * from './SystemControls.js'
+export * from './SystemControlsType.js'
+export * from './SystemControlsUnstyled.js'

package/src/components/SearchBar/index.ts

@@ -1 +1 @@
-export * from './SearchBar'
+export * from './SearchBar.js'

package/src/components/SiteMenu/Menu.tsx

@@ -3,7 +3,7 @@ import { IconButton, List, SwipeableDrawer } from '@mui/material'
 import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
 import { useEffect, useState } from 'react'
 
-import { MenuListItemContainer } from './MenuListItem'
+import { MenuListItemContainer } from './MenuListItem/index.js'
 
 export interface SiteMenuProps extends FlexBoxProps {
   hideSettingsMenuItem?: boolean

package/src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx

@@ -3,10 +3,10 @@ import { FlexRow } from '@xylabs/react-flexbox'
 import { LinkEx } from '@xylabs/react-link'
 import { useState } from 'react'
 
-import { useCollapsible } from '../../../contexts'
-import { MenuListItemBase, NavListItemProps } from '../lib'
-import { ListItemTooltip, MenuIcon, MenuListItem } from './list-item-components'
-import { SubNavListItemsCollapse, SubNavToggleIconButton } from './sub-nav'
+import { useCollapsible } from '../../../contexts/index.js'
+import { MenuListItemBase, NavListItemProps } from '../lib/index.js'
+import { ListItemTooltip, MenuIcon, MenuListItem } from './list-item-components/index.js'
+import { SubNavListItemsCollapse, SubNavToggleIconButton } from './sub-nav/index.js'
 
 export interface MenuListItemProps extends NavListItemProps, MenuListItemBase, ListItemProps {
   iconMenuTextSpacing?: string

package/src/components/SiteMenu/MenuListItem/index.ts

@@ -1 +1 @@
-export * from './MenuListItemContainer'
+export * from './MenuListItemContainer.js'

package/src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx

@@ -1,6 +1,6 @@
 import { ListItem, ListItemProps } from '@mui/material'
 
-import { MenuListItemBase } from '../../lib'
+import { MenuListItemBase } from '../../lib/index.js'
 
 export interface ListItemExProps extends MenuListItemBase, ListItemProps {}
 

package/src/components/SiteMenu/MenuListItem/list-item-components/index.ts

@@ -1,3 +1,3 @@
-export * from './ListItemTooltip'
-export * from './MenuIcon'
-export * from './MenuListItem'
+export * from './ListItemTooltip.js'
+export * from './MenuIcon.js'
+export * from './MenuListItem.js'

package/src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx

@@ -1,7 +1,7 @@
 import { Collapse, CollapseProps, List } from '@mui/material'
 import { WithChildren } from '@xylabs/react-shared'
 
-import { NavListItemProps } from '../../lib'
+import { NavListItemProps } from '../../lib/index.js'
 
 export interface SubNavListItemsCollapseProps extends WithChildren, CollapseProps {
   collapse?: boolean

package/src/components/SiteMenu/MenuListItem/sub-nav/index.ts

@@ -1,2 +1,2 @@
-export * from './SubNavListItemCollapse'
-export * from './SubNavToggleIconButton'
+export * from './SubNavListItemCollapse.js'
+export * from './SubNavToggleIconButton.js'

package/src/components/SiteMenu/MenuSection.tsx

@@ -1,7 +1,7 @@
 import { Collapse, ListSubheader } from '@mui/material'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 
-import { MenuListItemContainer, MenuListItemProps } from './MenuListItem'
+import { MenuListItemContainer, MenuListItemProps } from './MenuListItem/index.js'
 
 export interface MenuSectionProps extends FlexBoxProps {
   iconMenuTextSpacing?: string

package/src/components/SiteMenu/hooks/index.ts

@@ -1 +1 @@
-export * from './useMenuItemsShared'
+export * from './useMenuItemsShared.js'

package/src/components/SiteMenu/hooks/useMenuItemsShared.tsx

@@ -1,7 +1,7 @@
 import { useMemo } from 'react'
 
-import { useCollapsible } from '../../../contexts'
-import { MenuListItemProps } from '../MenuListItem'
+import { useCollapsible } from '../../../contexts/index.js'
+import { MenuListItemProps } from '../MenuListItem/index.js'
 
 export type DefaultSiteMenuListItemProps = Pick<MenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>
 

package/src/components/SiteMenu/index.ts

@@ -1,5 +1,5 @@
-export * from './hooks'
-export * from './lib'
-export * from './Menu'
-export * from './MenuListItem'
-export * from './MenuSection'
+export * from './hooks/index.js'
+export * from './lib/index.js'
+export * from './Menu.js'
+export * from './MenuListItem/index.js'
+export * from './MenuSection.js'

package/src/components/SiteMenu/lib/index.ts

@@ -1,2 +1,2 @@
-export * from './MenuListItemBase'
-export * from './NavListItemProps'
+export * from './MenuListItemBase.js'
+export * from './NavListItemProps.js'

package/src/components/Toolbar/Context/ContextToolbar.tsx

@@ -1,7 +1,7 @@
 import { Toolbar, ToolbarProps } from '@mui/material'
 import { To } from 'react-router-dom'
 
-import { LogoLinkEx } from './LogoLinkEx'
+import { LogoLinkEx } from './LogoLinkEx.js'
 
 export interface ContextToolbarProps extends ToolbarProps {
   logoTo?: To

package/src/components/Toolbar/Context/LogoLinkEx.tsx

@@ -2,7 +2,7 @@ import { Typography, useTheme } from '@mui/material'
 import { FlexRow } from '@xylabs/react-flexbox'
 import { LinkEx, LinkExProps } from '@xylabs/react-link'
 
-import { Logo } from './Logo'
+import { Logo } from './Logo.js'
 
 export interface LogoLinkExProps extends LinkExProps {
   version?: boolean | string

package/src/components/Toolbar/Context/index.ts

@@ -1 +1 @@
-export * from './ContextToolbar'
+export * from './ContextToolbar.js'

package/src/components/Toolbar/System/SystemToolbar.tsx

@@ -4,7 +4,7 @@ import { DarkModeIconButton } from '@xyo-network/react-app-settings'
 import { NetworkSelectEx, NetworkSelectExProps } from '@xyo-network/react-network'
 import { ReactNode } from 'react'
 
-import { SiteMenu, SiteMenuProps } from '../../SiteMenu'
+import { SiteMenu, SiteMenuProps } from '../../SiteMenu/index.js'
 
 export interface SystemToolbarProps extends ToolbarProps {
   darkModeButton?: boolean

package/src/components/Toolbar/System/index.ts

@@ -1 +1 @@
-export * from './SystemToolbar'
+export * from './SystemToolbar.js'

package/src/components/Toolbar/index.ts

@@ -1,2 +1,2 @@
-export * from './Context'
-export * from './System'
+export * from './Context/index.js'
+export * from './System/index.js'

package/src/components/index.ts

@@ -1,6 +1,6 @@
-export * from './AppBar'
-export * from './CollapsibleDrawer'
-export * from './MobileSystemControls'
-export * from './SearchBar'
-export * from './SiteMenu'
-export * from './Toolbar'
+export * from './AppBar/index.js'
+export * from './CollapsibleDrawer/index.js'
+export * from './MobileSystemControls/index.js'
+export * from './SearchBar/index.js'
+export * from './SiteMenu/index.js'
+export * from './Toolbar/index.js'

package/src/contexts/Collapsible/context.ts

@@ -1,5 +1,5 @@
 import { createContextEx } from '@xyo-network/react-shared'
 
-import { CollapsibleState } from './State'
+import { CollapsibleState } from './State.js'
 
 export const CollapsibleContext = createContextEx<CollapsibleState>()

package/src/contexts/Collapsible/index.ts

@@ -1,3 +1,3 @@
-export * from './provider'
-export * from './State'
-export * from './use'
+export * from './provider.js'
+export * from './State.js'
+export * from './use.js'

package/src/contexts/Collapsible/provider.tsx

@@ -1,7 +1,7 @@
 import { WithChildren } from '@xylabs/react-shared'
 import { useEffect, useState } from 'react'
 
-import { CollapsibleContext } from './context'
+import { CollapsibleContext } from './context.js'
 
 export interface CollapsibleProviderProps extends WithChildren {
   defaultCollapse?: boolean

package/src/contexts/Collapsible/use.tsx

@@ -1,5 +1,5 @@
 import { useContextEx } from '@xyo-network/react-shared'
 
-import { CollapsibleContext } from './context'
+import { CollapsibleContext } from './context.js'
 
 export const useCollapsible = () => useContextEx(CollapsibleContext, 'Collapsible', false)

package/src/contexts/index.ts

@@ -1 +1 @@
-export * from './Collapsible'
+export * from './Collapsible/index.js'

package/src/index.ts

@@ -1,2 +1,2 @@
-export * from './components'
-export * from './contexts'
+export * from './components/index.js'
+export * from './contexts/index.js'