@xyo-network/react-appbar 4.1.9 → 4.1.10

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

@@ -1,29 +0,0 @@
-import { useMemo } from 'react'
-
-import { useCollapsible } from '../../../contexts/index.ts'
-import type { MenuListItemProps } from '../MenuListItem/index.ts'
-
-export type DefaultSiteMenuListItemProps = Pick<MenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>
-
-export const useMenuItemsShared = () => {
-  const {
-    collapse, collapseEnd, setCollapse, setCollapseEnd,
-  } = useCollapsible()
-
-  const onMenuItemToggle = (open?: boolean) => {
-    setCollapse?.(previous => (open ? false : previous))
-    setCollapseEnd?.(previous => (open ? false : previous))
-  }
-
-  const defaultSiteMenuListItemProps: DefaultSiteMenuListItemProps = useMemo(
-    () => ({
-      collapseEnd,
-      dense: true,
-      iconOnly: collapse,
-      sx: { px: '8px' },
-    }),
-    [collapse, collapseEnd],
-  )
-
-  return { defaultSiteMenuListItemProps, onMenuItemToggle }
-}

package/src/components/SiteMenu/index.ts

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

package/src/components/SiteMenu/lib/MenuListItemBase.tsx

@@ -1,4 +0,0 @@
-export interface MenuListItemBase {
-  collapseEnd?: boolean
-  iconOnly?: boolean
-}

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

@@ -1,12 +0,0 @@
-import type { ListItemProps, ListItemTextProps } from '@mui/material'
-import type { ReactNode } from 'react'
-import type { To } from 'react-router-dom'
-
-export interface NavListItemProps {
-  href?: string
-  icon?: ReactNode
-  onButtonClick?: ListItemProps['onClick']
-  primary: ListItemTextProps['primary']
-  to?: To
-  tooltip?: string
-}

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

@@ -1,2 +0,0 @@
-export * from './MenuListItemBase.tsx'
-export * from './NavListItemProps.ts'

package/src/contexts/Collapsible/State.ts

@@ -1,9 +0,0 @@
-import type { ContextExState } from '@xyo-network/react-shared'
-import type { Dispatch, SetStateAction } from 'react'
-
-export interface CollapsibleState extends ContextExState {
-  collapse?: boolean
-  collapseEnd?: boolean
-  setCollapse?: Dispatch<SetStateAction<boolean>>
-  setCollapseEnd?: Dispatch<SetStateAction<boolean>>
-}

package/src/contexts/Collapsible/context.ts

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

package/src/contexts/Collapsible/index.ts

@@ -1,3 +0,0 @@
-export * from './provider.tsx'
-export * from './State.ts'
-export * from './use.ts'

package/src/contexts/Collapsible/provider.tsx

@@ -1,26 +0,0 @@
-import type { PropsWithChildren } from 'react'
-import React, { useState } from 'react'
-
-import { CollapsibleContext } from './context.ts'
-
-export interface CollapsibleProviderProps extends PropsWithChildren {
-  defaultCollapse?: boolean
-  defaultCollapseEnd?: boolean
-}
-
-export const CollapsibleProvider: React.FC<CollapsibleProviderProps> = ({
-  defaultCollapse = false, defaultCollapseEnd = false, children,
-}) => {
-  const [collapse, setCollapse] = useState(() => defaultCollapse)
-  const [collapseEnd, setCollapseEnd] = useState(() => defaultCollapseEnd)
-
-  return (
-    // eslint-disable-next-line @eslint-react/no-unstable-context-value
-    <CollapsibleContext.Provider value={{
-      collapse, collapseEnd, provided: true, setCollapse, setCollapseEnd,
-    }}
-    >
-      {children}
-    </CollapsibleContext.Provider>
-  )
-}

package/src/contexts/Collapsible/use.ts

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

package/src/contexts/index.ts

@@ -1 +0,0 @@
-export * from './Collapsible/index.ts'