@xyo-network/react-shared 2.80.0 → 2.81.1

package/src/components/TableCell/EllipsisTableCellDeprecated.tsx

@@ -3,10 +3,10 @@ import { LinkEx } from '@xylabs/react-link'
 import { useEffect, useRef, useState } from 'react'
 import { To } from 'react-router-dom'
 
-import { getActualPaddingX } from '../../lib'
-import { findParent } from './findParent'
-import { getRemainingRowWidth } from './getRemainingRowWidth'
-import { getSmallestParentWidth } from './getSmallestParentWidth'
+import { getActualPaddingX } from '../../lib/index.js'
+import { findParent } from './findParent.js'
+import { getRemainingRowWidth } from './getRemainingRowWidth.js'
+import { getSmallestParentWidth } from './getSmallestParentWidth.js'
 
 export interface EllipsisTableCellProps extends TableCellProps {
   forCell?: number //cell index for ellipsized table cell

package/src/components/TableCell/HashTableCell.tsx

@@ -2,7 +2,7 @@ import { Hash } from '@xylabs/hex'
 import { useEvent } from '@xyo-network/react-event'
 import { useRef } from 'react'
 
-import { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'
+import { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell.js'
 
 export interface HashTableCellProps extends EllipsisTableCellProps {
   archive?: string

package/src/components/TableCell/index.ts

@@ -1,3 +1,3 @@
-export * from './AddressTableCell'
-export * from './EllipsisTableCell'
-export * from './HashTableCell'
+export * from './AddressTableCell.js'
+export * from './EllipsisTableCell.js'
+export * from './HashTableCell.js'

package/src/components/ThemeTokenAvatar/index.ts

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

package/src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx

@@ -1,6 +1,6 @@
 import { AvatarGroup, AvatarGroupProps } from '@mui/material'
 
-import { ThemeTokenAvatar } from '../ThemeTokenAvatar'
+import { ThemeTokenAvatar } from '../ThemeTokenAvatar/index.js'
 
 export interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {
   images?: string[]

package/src/components/ThemeTokenAvatarGroup/index.ts

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

package/src/components/TokenBar/index.ts

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

package/src/components/TokenData/TokenData.ts

@@ -1,4 +1,4 @@
-import * as tokenImages from './img'
+import * as tokenImages from './img/index.js'
 
 export interface TokenData {
   coinmarketcapLink: string

package/src/components/TokenData/index.ts

@@ -1,2 +1,2 @@
-export * from './TokenData'
-export * from './useGetTokenData'
+export * from './TokenData.js'
+export * from './useGetTokenData.js'

package/src/components/TokenData/useGetTokenData.tsx

@@ -1,4 +1,4 @@
-import { TokenData } from './TokenData'
+import { TokenData } from './TokenData.js'
 
 export const useGetTokenData = (symbols: (string | undefined)[]) => {
   return symbols?.map((symbol) => {

package/src/components/TokenSummary/TokenSummary.tsx

@@ -1,7 +1,7 @@
 import { AvatarProps, CardHeader, CardHeaderProps, Typography } from '@mui/material'
 import { ReactNode } from 'react'
 
-import { ThemeTokenAvatar } from '../ThemeTokenAvatar'
+import { ThemeTokenAvatar } from '../ThemeTokenAvatar/index.js'
 
 export interface TokenSummaryProps extends CardHeaderProps {
   icon?: string

package/src/components/TokenSummary/index.ts

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

package/src/components/TypographyEx.tsx

@@ -1,6 +1,6 @@
 import { Typography, TypographyProps } from '@mui/material'
 
-import { useGradientStyles } from '../hooks'
+import { useGradientStyles } from '../hooks/index.js'
 
 export interface TypographyExProps extends TypographyProps {
   gradient?: 'text'

package/src/components/index.ts

@@ -1,18 +1,18 @@
-export * from './Ampersand'
-export * from './BasicHero'
-export * from './Ellipsize'
-export * from './ErrorBoundary'
-export * from './ListItemButtonEx'
-export * from './LoadResult'
-export * from './NotFound'
-export * from './Pipe'
-export * from './pluginValidation'
-export * from './ScrollTableOnSm'
-export * from './SectionSpacingRow'
-export * from './TableCell'
-export * from './ThemeTokenAvatar'
-export * from './ThemeTokenAvatarGroup'
-export * from './TokenBar'
-export * from './TokenData'
-export * from './TokenSummary'
-export * from './TypographyEx'
+export * from './Ampersand.js'
+export * from './BasicHero/index.js'
+export * from './Ellipsize.js'
+export * from './ErrorBoundary.js'
+export * from './ListItemButtonEx.js'
+export * from './LoadResult.js'
+export * from './NotFound.js'
+export * from './Pipe.js'
+export * from './pluginValidation/index.js'
+export * from './ScrollTableOnSm.js'
+export * from './SectionSpacingRow/index.js'
+export * from './TableCell/index.js'
+export * from './ThemeTokenAvatar/index.js'
+export * from './ThemeTokenAvatarGroup/index.js'
+export * from './TokenBar/index.js'
+export * from './TokenData/index.js'
+export * from './TokenSummary/index.js'
+export * from './TypographyEx.js'

package/src/components/pluginValidation/index.ts

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

package/src/contexts/ListMode/Context.ts

@@ -1,4 +1,4 @@
-import { createContextEx } from '../contextEx'
-import { ListModeContextState } from './State'
+import { createContextEx } from '../contextEx/index.js'
+import { ListModeContextState } from './State.js'
 
 export const ListModeContext = createContextEx<ListModeContextState>()

package/src/contexts/ListMode/Provider.tsx

@@ -1,8 +1,8 @@
 import { WithChildren } from '@xylabs/react-shared'
 import { useState } from 'react'
 
-import { ListMode } from '../../models'
-import { ListModeContext } from './Context'
+import { ListMode } from '../../models/index.js'
+import { ListModeContext } from './Context.js'
 
 export interface ListModeProviderProps {
   defaultListMode?: ListMode

package/src/contexts/ListMode/State.ts

@@ -1,7 +1,7 @@
 import { Dispatch } from 'react'
 
-import { ListMode } from '../../models'
-import { ContextExState } from '../contextEx'
+import { ListMode } from '../../models/index.js'
+import { ContextExState } from '../contextEx/index.js'
 
 export interface ListModeContextState extends ContextExState {
   listMode: ListMode

package/src/contexts/ListMode/index.ts

@@ -1,4 +1,4 @@
-export * from './Context'
-export * from './Provider'
-export * from './State'
-export * from './use'
+export * from './Context.js'
+export * from './Provider.js'
+export * from './State.js'
+export * from './use.js'

package/src/contexts/ListMode/use.ts

@@ -1,5 +1,5 @@
-import { useContextEx } from '../contextEx'
-import { ListModeContext } from './Context'
+import { useContextEx } from '../contextEx/index.js'
+import { ListModeContext } from './Context.js'
 
 export const useListMode = (required = false) => {
   return useContextEx(ListModeContext, 'ListMode', required)

package/src/contexts/contextEx/create.ts

@@ -1,5 +1,5 @@
 import { createContext } from 'react'
 
-import { ContextExState } from './State'
+import { ContextExState } from './State.js'
 
 export const createContextEx = <T>() => createContext<T & ContextExState>({ provided: false } as T & ContextExState)

package/src/contexts/contextEx/index.ts

@@ -1,4 +1,4 @@
-export * from './ContextExProviderProps'
-export * from './create'
-export * from './State'
-export * from './use'
+export * from './ContextExProviderProps.js'
+export * from './create.js'
+export * from './State.js'
+export * from './use.js'

package/src/contexts/contextEx/use.ts

@@ -1,6 +1,6 @@
 import { Context, useContext } from 'react'
 
-import { ContextExState } from './State'
+import { ContextExState } from './State.js'
 
 export const useContextEx = <T extends ContextExState>(context: Context<T>, contextName: string, required = true) => {
   const { provided, ...props } = useContext(context)

package/src/contexts/diviner/Context.tsx

@@ -1,3 +1,3 @@
-import { createContextEx } from '../contextEx'
+import { createContextEx } from '../contextEx/index.js'
 
 export const ResolvedDivinerContext = <T,>() => createContextEx<T>()

package/src/contexts/diviner/Provider.tsx

@@ -1,8 +1,8 @@
 import { WithChildren } from '@xylabs/react-shared'
 import { Context, useEffect, useState } from 'react'
 
-import { ContextExProviderProps } from '../contextEx'
-import { ResolvedDivinerState } from './State'
+import { ContextExProviderProps } from '../contextEx/index.js'
+import { ResolvedDivinerState } from './State.js'
 
 export interface DivinerProviderProps<D> extends ContextExProviderProps, WithChildren {
   context: Context<ResolvedDivinerState<D>>

package/src/contexts/diviner/State.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react'
 
-import { ContextExState } from '../contextEx'
+import { ContextExState } from '../contextEx/index.js'
 
 export interface ResolvedDivinerState<T> extends ContextExState {
   diviner?: T

package/src/contexts/diviner/index.ts

@@ -1,3 +1,3 @@
-export * from './Context'
-export * from './Provider'
-export * from './State'
+export * from './Context.js'
+export * from './Provider.js'
+export * from './State.js'

package/src/contexts/index.ts

@@ -1,3 +1,3 @@
-export * from './contextEx'
-export * from './diviner'
-export * from './ListMode'
+export * from './contextEx/index.js'
+export * from './diviner/index.js'
+export * from './ListMode/index.js'

package/src/hooks/GradientStyles/GradientStyle.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, StoryFn } from '@storybook/react'
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { BrowserRouter } from 'react-router-dom'
 
-import { useGradientStyles } from './GradientStyles'
+import { useGradientStyles } from './GradientStyles.js'
 
 const GradientTextExample: React.FC<FlexBoxProps> = (props) => {
   const { classes } = useGradientStyles()

package/src/hooks/GradientStyles/index.ts

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

package/src/hooks/index.ts

@@ -1,7 +1,7 @@
-export * from './GradientStyles'
-export * from './useDataState'
-export * from './useIsMobile'
-export * from './useMediaQuery'
-export * from './usePayloadHash'
-export * from './usePromise'
-export * from './useShareForwardRef'
+export * from './GradientStyles/index.js'
+export * from './useDataState.js'
+export * from './useIsMobile.js'
+export * from './useMediaQuery.js'
+export * from './usePayloadHash.js'
+export * from './usePromise.js'
+export * from './useShareForwardRef.js'

package/src/hooks/useIsMobile.ts

@@ -1,6 +1,6 @@
 import { useTheme } from '@mui/material'
 
-import { useMediaQuery } from './useMediaQuery'
+import { useMediaQuery } from './useMediaQuery.js'
 
 /** @deprecated use useIsSmall instead*/
 export const useIsMobile = () => {

package/src/index.ts

@@ -1,6 +1,6 @@
-export * from './components'
-export * from './contexts'
-export * from './hooks'
-export * from './lib'
-export * from './models'
-export * from './SizeProp'
+export * from './components/index.js'
+export * from './contexts/index.js'
+export * from './hooks/index.js'
+export * from './lib/index.js'
+export * from './models/index.js'
+export * from './SizeProp.js'

package/src/lib/index.ts

@@ -1,3 +1,3 @@
-export * from './assertDefinedEx'
-export * from './getActualPaddingX'
-export * from './networkComponents'
+export * from './assertDefinedEx.js'
+export * from './getActualPaddingX.js'
+export * from './networkComponents.js'

package/src/models/index.ts

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