@xyo-network/react-embed 2.80.0 → 2.81.0

package/src/components/EmbedResolver.tsx

@@ -1,7 +1,7 @@
 import { WithChildren } from '@xylabs/react-shared'
 import { LoadResult } from '@xyo-network/react-shared'
 
-import { useResolvePayload } from '../contexts'
+import { useResolvePayload } from '../contexts/index.js'
 
 export const EmbedResolver: React.FC<WithChildren> = ({ children }) => {
   const { payload, notFound, huriError } = useResolvePayload()

package/src/components/controls/ListModeSelect.tsx

@@ -2,7 +2,7 @@ import { MenuItem } from '@mui/material'
 import { SelectEx, SelectExProps } from '@xylabs/react-select'
 import { ListMode, useListMode } from '@xyo-network/react-shared'
 
-import { EmbedFormControl } from './EmbedFormControl'
+import { EmbedFormControl } from './EmbedFormControl.js'
 
 const listModeSelectId = 'listmode-select-id'
 const listModeSelectLabel = 'List Mode'

package/src/components/controls/RenderSelect.tsx

@@ -1,8 +1,8 @@
 import { MenuItem } from '@mui/material'
 import { SelectEx, SelectExProps } from '@xylabs/react-select'
 
-import { useEmbedPluginState } from '../../contexts'
-import { EmbedFormControl } from './EmbedFormControl'
+import { useEmbedPluginState } from '../../contexts/index.js'
+import { EmbedFormControl } from './EmbedFormControl.js'
 
 const renderSelectId = 'render-select-id'
 const renderSelectLabel = 'Renderer'

package/src/components/controls/index.ts

@@ -1,3 +1,3 @@
-export * from './EmbedFormControl'
-export * from './ListModeSelect'
-export * from './RenderSelect'
+export * from './EmbedFormControl.js'
+export * from './ListModeSelect.js'
+export * from './RenderSelect.js'

package/src/components/embed-card/EmbedCardResolver.tsx

@@ -3,8 +3,8 @@ import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { WithChildren } from '@xylabs/react-shared'
 import { LoadResult } from '@xyo-network/react-shared'
 
-import { useRefreshPayload, useResolvePayload } from '../../contexts'
-import { EmbedCardApiErrorRenderer } from './error-handling'
+import { useRefreshPayload, useResolvePayload } from '../../contexts/index.js'
+import { EmbedCardApiErrorRenderer } from './error-handling/index.js'
 
 export const EmbedCardResolverFlexBox: React.FC<WithChildren<FlexBoxProps>> = ({ children, ...props }) => {
   const { payload, notFound, huriError } = useResolvePayload()

package/src/components/embed-card/EmbedPluginCard.tsx

@@ -1,11 +1,11 @@
 import { useTheme } from '@mui/material'
 import { WithChildren } from '@xylabs/react-shared'
 
-import { useRefreshPayload, useResolvePayload } from '../../contexts'
-import { EmbedPluginProps } from '../../types'
-import { EmbedPluginInner } from '../EmbedPlugin'
-import { BusyCardProps, EmbedPluginCard } from './card'
-import { EmbedCardApiErrorRenderer } from './error-handling'
+import { useRefreshPayload, useResolvePayload } from '../../contexts/index.js'
+import { EmbedPluginProps } from '../../types/index.js'
+import { EmbedPluginInner } from '../EmbedPlugin.js'
+import { BusyCardProps, EmbedPluginCard } from './card/index.js'
+import { EmbedCardApiErrorRenderer } from './error-handling/index.js'
 
 export interface EmbedPluginCardProps extends WithChildren, EmbedPluginProps, BusyCardProps {}
 
@@ -62,4 +62,4 @@ export const EmbedPluginCardInner: React.FC<BusyCardProps> = (props) => {
 
 /** @deprecated - use EmbedPluginCard and use CardProps instead of FlexBoxProps */
 
-export { EmbedPluginCard as EmbedPlugin } from './card'
+export { EmbedPluginCard as EmbedPlugin } from './card/index.js'

package/src/components/embed-card/card/EmbedCardHeader.tsx

@@ -2,8 +2,8 @@ import { Refresh as RefreshIcon } from '@mui/icons-material'
 import { Avatar, CardHeader, CardHeaderProps, Chip, Theme } from '@mui/material'
 import { FlexRow } from '@xylabs/react-flexbox'
 
-import { useEmbedPluginState, useResolvePayload } from '../../../contexts'
-import { EmbedMenu } from '../menu'
+import { useEmbedPluginState, useResolvePayload } from '../../../contexts/index.js'
+import { EmbedMenu } from '../menu/index.js'
 
 export const EmbedCardHeader: React.FC<CardHeaderProps> = () => {
   const { refreshHuri, huri } = useResolvePayload()

package/src/components/embed-card/card/EmbedPluginCard.tsx

@@ -2,10 +2,10 @@ import { CardContent } from '@mui/material'
 import { FlexGrowRow } from '@xylabs/react-flexbox'
 import { useListMode } from '@xyo-network/react-shared'
 
-import { useEmbedPluginState, useResolvePayload } from '../../../contexts'
-import { EmbedRenderSelect, ListModeSelectFormControl } from '../../controls'
-import { BusyCard, BusyCardProps } from './BusyCard'
-import { EmbedCardHeader } from './EmbedCardHeader'
+import { useEmbedPluginState, useResolvePayload } from '../../../contexts/index.js'
+import { EmbedRenderSelect, ListModeSelectFormControl } from '../../controls/index.js'
+import { BusyCard, BusyCardProps } from './BusyCard.js'
+import { EmbedCardHeader } from './EmbedCardHeader.js'
 
 export const EmbedPluginCard: React.FC<BusyCardProps> = ({ ...props }) => {
   const { payload } = useResolvePayload()

package/src/components/embed-card/card/index.ts

@@ -1,3 +1,3 @@
-export * from './BusyCard'
-export * from './EmbedCardHeader'
-export * from './EmbedPluginCard'
+export * from './BusyCard.js'
+export * from './EmbedCardHeader.js'
+export * from './EmbedPluginCard.js'

package/src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx

@@ -3,7 +3,7 @@ import { WithChildren } from '@xylabs/react-shared'
 import { ModuleError } from '@xyo-network/payload-model'
 import { ErrorAlert, ErrorRender } from '@xyo-network/react-error'
 
-import { EmbedErrorCard } from './EmbedErrorCard'
+import { EmbedErrorCard } from './EmbedErrorCard.js'
 
 interface EmbedCardApiErrorRendererProps extends CardProps {
   xyoError?: ModuleError

package/src/components/embed-card/error-handling/index.ts

@@ -1,2 +1,2 @@
-export * from './EmbedCardApiErrorRenderer'
-export * from './EmbedErrorCard'
+export * from './EmbedCardApiErrorRenderer.js'
+export * from './EmbedErrorCard.js'

package/src/components/embed-card/index.ts

@@ -1,2 +1,2 @@
-export * from './card'
-export * from './EmbedPluginCard'
+export * from './card/index.js'
+export * from './EmbedPluginCard.js'

package/src/components/embed-card/menu/EmbedMenu.tsx

@@ -2,7 +2,7 @@ import { MoreVert as MoreVertIcon } from '@mui/icons-material'
 import { IconButton, IconButtonProps, Menu } from '@mui/material'
 import { useState } from 'react'
 
-import { JsonMenuItem } from './JsonMenuItem'
+import { JsonMenuItem } from './JsonMenuItem.js'
 
 export const EmbedMenu: React.FC<IconButtonProps> = (props) => {
   // TODO - link to explore website

package/src/components/embed-card/menu/JsonMenuItem.tsx

@@ -1,7 +1,7 @@
 import { OpenInNew as OpenInNewIcon } from '@mui/icons-material'
 import { ListItemIcon, ListItemText, MenuItem, MenuItemProps } from '@mui/material'
 
-import { useResolvePayload } from '../../../contexts'
+import { useResolvePayload } from '../../../contexts/index.js'
 
 export const JsonMenuItem: React.FC<MenuItemProps> = (props) => {
   const { huri } = useResolvePayload()

package/src/components/embed-card/menu/index.ts

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

package/src/components/index.ts

@@ -1,2 +1,2 @@
-export * from './embed-card'
-export * from './EmbedPlugin'
+export * from './embed-card/index.js'
+export * from './EmbedPlugin.js'

package/src/components/stories/storyShared.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryFn } from '@storybook/react'
 import { BrowserRouter } from 'react-router-dom'
 
-import { ApiEmbedPluginCard } from '../embed-card'
+import { ApiEmbedPluginCard } from '../embed-card/index.js'
 
 export const xyoEmbedStoryBase: Meta = {
   argTypes: {},

package/src/components/validation-alerts/ValidatePayload.tsx

@@ -1,7 +1,7 @@
 import { Alert, AlertProps } from '@mui/material'
 import { WithChildren } from '@xylabs/react-shared'
 
-import { useValidatePayload } from '../../contexts'
+import { useValidatePayload } from '../../contexts/index.js'
 
 export const ValidatePayloadAlert: React.FC<WithChildren<AlertProps>> = ({ children, ...props }) => {
   const { validPayload, enabled, schema } = useValidatePayload()

package/src/components/validation-alerts/ValidatePlugins.tsx

@@ -1,7 +1,7 @@
 import { Alert, AlertProps, AlertTitle } from '@mui/material'
 import { WithChildren } from '@xylabs/react-shared'
 
-import { useEmbedPluginState, useResolvePayload } from '../../contexts'
+import { useEmbedPluginState, useResolvePayload } from '../../contexts/index.js'
 
 export const ValidatePluginsAlert: React.FC<WithChildren<AlertProps>> = ({ children, ...props }) => {
   const { payload } = useResolvePayload()

package/src/components/validation-alerts/index.ts

@@ -1,2 +1,2 @@
-export * from './ValidatePayload'
-export * from './ValidatePlugins'
+export * from './ValidatePayload.js'
+export * from './ValidatePlugins.js'

package/src/contexts/EmbedPluginContext/Context.tsx

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

package/src/contexts/EmbedPluginContext/Provider.tsx

@@ -2,8 +2,8 @@ import { WithChildren } from '@xylabs/react-shared'
 import { PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'
 import { useEffect, useState } from 'react'
 
-import { EmbedPluginContext } from './Context'
-import { EmbedPluginBase } from './State'
+import { EmbedPluginContext } from './Context.js'
+import { EmbedPluginBase } from './State.js'
 
 export type EmbedPluginProviderProps = EmbedPluginBase
 

package/src/contexts/EmbedPluginContext/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/EmbedPluginContext/use.tsx

@@ -1,5 +1,5 @@
 import { useContextEx } from '@xyo-network/react-shared'
 
-import { EmbedPluginContext } from './Context'
+import { EmbedPluginContext } from './Context.js'
 
 export const useEmbedPluginState = () => useContextEx(EmbedPluginContext, 'EmbedPlugin', true)

package/src/contexts/RefreshPayloadContext/Context.tsx

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

package/src/contexts/RefreshPayloadContext/Provider.tsx

@@ -1,7 +1,7 @@
 import { WithChildren } from '@xylabs/react-shared'
 import { useState } from 'react'
 
-import { RefreshPayloadContext } from './Context'
+import { RefreshPayloadContext } from './Context.js'
 
 export interface RefreshPayloadProps {
   onRefresh?: () => void

package/src/contexts/RefreshPayloadContext/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/RefreshPayloadContext/use.tsx

@@ -1,5 +1,5 @@
 import { useContextEx } from '@xyo-network/react-shared'
 
-import { RefreshPayloadContext } from './Context'
+import { RefreshPayloadContext } from './Context.js'
 
 export const useRefreshPayload = () => useContextEx(RefreshPayloadContext, 'RefreshPayload', true)

package/src/contexts/ResolvePayloadContext/Context.ts

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

package/src/contexts/ResolvePayloadContext/Provider.tsx

@@ -5,9 +5,9 @@ import { Huri } from '@xyo-network/huri'
 import { ModuleError, ModuleErrorSchema, Payload } from '@xyo-network/payload-model'
 import { useEffect, useState } from 'react'
 
-import { useRefreshPayload } from '../RefreshPayloadContext'
-import { ResolvePayloadContext } from './Context'
-import { ResolvePayloadState } from './State'
+import { useRefreshPayload } from '../RefreshPayloadContext/index.js'
+import { ResolvePayloadContext } from './Context.js'
+import { ResolvePayloadState } from './State.js'
 
 export type ResolvePayloadProviderProps = Omit<ResolvePayloadState, 'provided'>
 

package/src/contexts/ResolvePayloadContext/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/ResolvePayloadContext/use.tsx

@@ -1,5 +1,5 @@
 import { useContextEx } from '@xyo-network/react-shared'
 
-import { ResolvePayloadContext } from './Context'
+import { ResolvePayloadContext } from './Context.js'
 
 export const useResolvePayload = () => useContextEx(ResolvePayloadContext, 'ResolvePayload', true)

package/src/contexts/ValidatePayloadContext/Context.ts

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

package/src/contexts/ValidatePayloadContext/Provider.tsx

@@ -4,8 +4,8 @@ import { WithChildren } from '@xylabs/react-shared'
 import { SchemaCache, SchemaNameToValidatorMap } from '@xyo-network/schema-cache'
 import { useState } from 'react'
 
-import { useResolvePayload } from '../ResolvePayloadContext'
-import { ValidatePayloadContext } from './Context'
+import { useResolvePayload } from '../ResolvePayloadContext/index.js'
+import { ValidatePayloadContext } from './Context.js'
 
 export interface ValidatePayloadProviderProps {
   // Opt-in flag to validate payloads for the plugin(s)

package/src/contexts/ValidatePayloadContext/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/ValidatePayloadContext/use.tsx

@@ -1,5 +1,5 @@
 import { useContextEx } from '@xyo-network/react-shared'
 
-import { ValidatePayloadContext } from './Context'
+import { ValidatePayloadContext } from './Context.js'
 
 export const useValidatePayload = () => useContextEx(ValidatePayloadContext, 'ValidateSchema', true)

package/src/contexts/index.ts

@@ -1,4 +1,4 @@
-export * from './EmbedPluginContext'
-export * from './RefreshPayloadContext'
-export * from './ResolvePayloadContext'
-export * from './ValidatePayloadContext'
+export * from './EmbedPluginContext/index.js'
+export * from './RefreshPayloadContext/index.js'
+export * from './ResolvePayloadContext/index.js'
+export * from './ValidatePayloadContext/index.js'

package/src/index.ts

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

package/src/types/EmbedPluginProps.ts

@@ -1,6 +1,6 @@
 import { Payload } from '@xyo-network/payload-model'
 
-import { EmbedPluginBase, EmbedPluginVisibilityConfig } from '../contexts'
+import { EmbedPluginBase, EmbedPluginVisibilityConfig } from '../contexts/index.js'
 
 export interface EmbedPluginProps extends EmbedPluginBase {
   hideElementsConfig?: EmbedPluginVisibilityConfig

package/src/types/index.ts

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