@xyo-network/react-embed 2.27.24 → 2.27.27

package/dist/esm/contexts/index.js

@@ -1,2 +1,3 @@
+export * from './ValidatePayloadContext';
 export * from './XyoEmbedPluginContext';
 //# sourceMappingURL=index.js.map

package/dist/esm/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA"}

package/package.json

@@ -14,15 +14,16 @@
     "@emotion/styled": "^11.10.0",
     "@mui/icons-material": "^5.8.4",
     "@mui/material": "^5.10.0",
-    "@xylabs/react-flexbox": "^2.14.11",
-    "@xylabs/react-shared": "^2.14.11",
+    "@xylabs/react-flexbox": "^2.14.13",
+    "@xylabs/react-shared": "^2.14.13",
+    "@xylabs/sdk-js": "^2.6.5",
     "@xyo-network/api": "^2.25.2",
     "@xyo-network/payload": "^2.25.2",
-    "@xyo-network/react-app-settings": "^2.27.26",
-    "@xyo-network/react-auth-service": "^2.27.26",
-    "@xyo-network/react-payload-plugin": "^2.27.26",
-    "@xyo-network/react-shared": "^2.27.26",
-    "@xyo-network/react-webapp": "^2.27.26",
+    "@xyo-network/react-auth-service": "^2.27.29",
+    "@xyo-network/react-payload-plugin": "^2.27.29",
+    "@xyo-network/react-shared": "^2.27.29",
+    "@xyo-network/react-webapp": "^2.27.29",
+    "@xyo-network/utils": "^2.25.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tslib": "^2.4.0"
@@ -30,9 +31,9 @@
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
     "@storybook/react": "^6.5.10",
-    "@xylabs/tsconfig-dom": "^2.5.92",
-    "@xyo-network/react-aggregate-price-plugin": "^2.27.25",
-    "@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.26",
+    "@xylabs/tsconfig-dom": "^2.5.97",
+    "@xyo-network/react-aggregate-price-plugin": "^2.27.28",
+    "@xyo-network/react-crypto-market-uniswap-payload-plugin": "^2.27.29",
     "react-router-dom": "^6.3.0"
   },
   "browser": "dist/esm/index.js",
@@ -77,5 +78,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.27.24"
+  "version": "2.27.27"
 }

package/src/components/XyoEmbedPlugin.tsx

@@ -1,17 +1,28 @@
 import { ListModeProvider } from '@xyo-network/react-shared'
 
-import { XyoEmbedPluginProvider } from '../contexts'
-import { EmbedPluginContainer, ValidatePlugins } from './embed-card'
+import { ValidatePayloadProvider, XyoEmbedPluginProvider } from '../contexts'
+import { EmbedPluginContainer, ValidatePayload, ValidatePlugins } from './embed-card'
 import { XyoEmbedPluginProps } from './XyoEmbedPluginProps'
 
-export const XyoEmbedPlugin: React.FC<XyoEmbedPluginProps> = ({ plugins = [], huri, refreshTitle = '', timestampLabel = 'Data From', ...props }) => {
+export const XyoEmbedPlugin: React.FC<XyoEmbedPluginProps> = ({
+  validateSchema,
+  plugins = [],
+  huri,
+  refreshTitle = '',
+  timestampLabel = 'Data From',
+  ...props
+}) => {
   return (
     <XyoEmbedPluginProvider refreshTitle={refreshTitle} timestampLabel={timestampLabel} plugins={plugins} huri={huri}>
-      <ListModeProvider>
-        <ValidatePlugins>
-          <EmbedPluginContainer {...props} />
-        </ValidatePlugins>
-      </ListModeProvider>
+      <ValidatePayloadProvider enabled={validateSchema}>
+        <ListModeProvider>
+          <ValidatePlugins>
+            <ValidatePayload>
+              <EmbedPluginContainer {...props} />
+            </ValidatePayload>
+          </ValidatePlugins>
+        </ListModeProvider>
+      </ValidatePayloadProvider>
     </XyoEmbedPluginProvider>
   )
 }

package/src/components/XyoEmbedPluginProps.ts

@@ -6,4 +6,5 @@ export interface XyoEmbedPluginProps extends CardProps {
   huri?: string
   refreshTitle?: string
   timestampLabel?: string
+  validateSchema?: boolean
 }

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

@@ -1,15 +1,18 @@
 import RefreshIcon from '@mui/icons-material/Refresh'
-import { Avatar, Card, CardContent, CardHeader, CardProps, Link, Theme } from '@mui/material'
-import { FlexGrowRow } from '@xylabs/react-flexbox'
-import { TypographyEx } from '@xyo-network/react-shared'
-import { Fragment } from 'react'
+import { Avatar, Card, CardContent, CardHeader, CardProps, Chip, Theme } from '@mui/material'
+import { FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'
 
 import { useXyoEmbedPluginState } from '../../contexts'
 import { EmbedRenderSelect, ListModeSelectFormControl } from '../controls'
 import { RenderComponent } from '../RenderComponent'
+import { EmbedMenu } from './menu'
 
-export const EmbedPluginContainer: React.FC<CardProps> = (props) => {
-  const { activePlugin, payload, timestampLabel, refreshHuri, refreshTitle, plugins } = useXyoEmbedPluginState()
+export interface EmbedPluginContainerProps extends CardProps {
+  hideEmbedMenu?: boolean
+}
+
+export const EmbedPluginContainer: React.FC<EmbedPluginContainerProps> = ({ hideEmbedMenu, ...props }) => {
+  const { activePlugin, payload, timestampLabel, refreshHuri, plugins } = useXyoEmbedPluginState()
   return (
     <Card elevation={3} variant="elevation" {...props}>
       <CardHeader
@@ -20,18 +23,17 @@ export const EmbedPluginContainer: React.FC<CardProps> = (props) => {
           </Avatar>
         }
         action={
-          <Fragment>
+          <FlexRow>
             {payload?.timestamp ? (
-              <FlexGrowRow>
-                <TypographyEx variant="caption">{`${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}`}</TypographyEx>
-                <Link onClick={refreshHuri} sx={{ cursor: 'pointer' }} title={refreshTitle}>
-                  <RefreshIcon sx={{ height: (theme: Theme) => theme.spacing(1), position: 'relative', top: '2px' }} />
-                </Link>
-              </FlexGrowRow>
-            ) : (
-              <></>
-            )}
-          </Fragment>
+              <Chip
+                avatar={<RefreshIcon />}
+                clickable
+                onClick={refreshHuri}
+                label={`${timestampLabel} ${new Date(payload.timestamp).toLocaleString()}`}
+              />
+            ) : null}
+            {hideEmbedMenu ? null : <EmbedMenu />}
+          </FlexRow>
         }
         title={activePlugin?.name}
       />

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

@@ -0,0 +1,18 @@
+import { Alert, AlertProps, AlertTitle } from '@mui/material'
+import { WithChildren } from '@xylabs/react-shared'
+
+import { useValidatePayload } from '../../contexts'
+
+export const ValidatePayload: React.FC<WithChildren<AlertProps>> = ({ children, ...props }) => {
+  const { validPayload, enabled, schema } = useValidatePayload()
+
+  if (enabled && validPayload === false) {
+    return (
+      <Alert severity="error" {...props}>
+        <AlertTitle>Invalid Payload!</AlertTitle>Payload schema claimed to be {schema} but failed to validate.
+      </Alert>
+    )
+  }
+
+  return <>{children}</>
+}

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

@@ -5,13 +5,14 @@ import { useXyoEmbedPluginState } from '../../contexts'
 
 export const ValidatePlugins: React.FC<WithChildren> = ({ children }) => {
   const { payload, plugins } = useXyoEmbedPluginState()
+
   if (payload && plugins?.length === 0) {
     return (
       <Alert severity="warning">
         <AlertTitle>Missing plugins!</AlertTitle>Payload found but no plugins were present.
       </Alert>
     )
-  } else {
-    return <>{children}</>
   }
+
+  return <>{children}</>
 }

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

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

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

@@ -0,0 +1,29 @@
+import MoreVertIcon from '@mui/icons-material/MoreVert'
+import { IconButton, IconButtonProps, Menu } from '@mui/material'
+import { useState } from 'react'
+
+import { JsonMenuItem } from './JsonMenuItem'
+
+export const EmbedMenu: React.FC<IconButtonProps> = (props) => {
+  // TODO - link to explore website
+  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)
+  const open = Boolean(anchorEl)
+
+  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+    setAnchorEl(event.currentTarget)
+  }
+  const handleClose = () => {
+    setAnchorEl(null)
+  }
+
+  return (
+    <>
+      <IconButton onClick={handleClick} {...props}>
+        <MoreVertIcon />
+      </IconButton>
+      <Menu anchorEl={anchorEl} open={open} onClose={handleClose} PaperProps={{ variant: 'elevation' }} MenuListProps={{ dense: true }}>
+        <JsonMenuItem />
+      </Menu>
+    </>
+  )
+}

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

@@ -0,0 +1,21 @@
+import OpenInNewIcon from '@mui/icons-material/OpenInNew'
+import { ListItemIcon, ListItemText, MenuItem, MenuItemProps } from '@mui/material'
+
+import { useXyoEmbedPluginState } from '../../../contexts'
+
+export const JsonMenuItem: React.FC<MenuItemProps> = (props) => {
+  const { huri } = useXyoEmbedPluginState()
+
+  return (
+    <>
+      {huri ? (
+        <MenuItem title="Source Payload JSON" onClick={() => window.open(huri, '_blank')} {...props}>
+          <ListItemText sx={{ mr: 1 }}>JSON</ListItemText>
+          <ListItemIcon sx={{ justifyContent: 'end' }}>
+            <OpenInNewIcon fontSize="small" />
+          </ListItemIcon>
+        </MenuItem>
+      ) : null}
+    </>
+  )
+}

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

@@ -0,0 +1 @@
+export * from './EmbedMenu'

package/src/contexts/ValidatePayloadContext/Context.ts

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

package/src/contexts/ValidatePayloadContext/Provider.stories.tsx

@@ -0,0 +1,58 @@
+import { Typography } from '@mui/material'
+import { ComponentStory, DecoratorFn, Meta } from '@storybook/react'
+
+import { XyoEmbedPluginContext, XyoEmbedPluginState } from '../XyoEmbedPluginContext'
+import { ValidatePayloadProvider, ValidatePayloadProviderProps } from './Provider'
+import { useValidatePayload } from './use'
+
+const EmbedDecorator: DecoratorFn = (Story, { args }) => {
+  const { xyoEmbedPluginContext, ...props } = args
+  return (
+    <XyoEmbedPluginContext.Provider value={xyoEmbedPluginContext}>
+      <Story {...props} />
+    </XyoEmbedPluginContext.Provider>
+  )
+}
+
+const StorybookEntry: Meta = {
+  component: ValidatePayloadProvider,
+  decorators: [EmbedDecorator],
+  title: 'embed/ValidatePayloadProvider',
+}
+
+const ValidatePayloadState = () => {
+  const state = useValidatePayload()
+  return <pre>{JSON.stringify(state, null, 2)}</pre>
+}
+
+interface ValidatePayloadProviderPropsEx extends ValidatePayloadProviderProps {
+  xyoEmbedPluginContext: XyoEmbedPluginState
+}
+
+const Template: ComponentStory<React.FC<ValidatePayloadProviderPropsEx>> = (props) => {
+  return (
+    <ValidatePayloadProvider {...props}>
+      <Typography>State:</Typography>
+      <ValidatePayloadState />
+      <Typography>Children</Typography>
+    </ValidatePayloadProvider>
+  )
+}
+
+const InvalidPayload = { schema: 'network.xyo.schema' }
+const ValidPayload = { definition: { $id: 'test.schema' }, schema: 'network.xyo.schema' }
+const XyoEmbedPluginProviderDefaultValue = { provided: true }
+
+const Default = Template.bind({})
+Default.args = { xyoEmbedPluginContext: XyoEmbedPluginProviderDefaultValue }
+
+const ValidationSucceeded = Template.bind({})
+ValidationSucceeded.args = { enabled: true, xyoEmbedPluginContext: { payload: ValidPayload, ...XyoEmbedPluginProviderDefaultValue } }
+
+const ValidationFailed = Template.bind({})
+ValidationFailed.args = { enabled: true, xyoEmbedPluginContext: { payload: InvalidPayload, ...XyoEmbedPluginProviderDefaultValue } }
+
+export { Default, ValidationFailed, ValidationSucceeded }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/contexts/ValidatePayloadContext/Provider.tsx

@@ -0,0 +1,42 @@
+import { Chip } from '@mui/material'
+import { useAsyncEffect, WithChildren } from '@xylabs/react-shared'
+import { XyoSchemaCache, XyoSchemaNameToValidatorMap } from '@xyo-network/utils'
+import { useState } from 'react'
+
+import { useXyoEmbedPluginState } from '../XyoEmbedPluginContext'
+import { ValidatePayloadContext } from './Context'
+
+export interface ValidatePayloadProviderProps {
+  // Opt-in flag to validate payloads for the plugin(s)
+  enabled?: boolean
+}
+
+export const ValidatePayloadProvider: React.FC<WithChildren<ValidatePayloadProviderProps>> = ({ children, enabled = false }) => {
+  const { payload } = useXyoEmbedPluginState()
+  const [initialized, setInitialized] = useState(false)
+  const [valid, setValid] = useState<boolean>()
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async () => {
+      if (payload && enabled) {
+        await XyoSchemaCache.instance.get(payload.schema)
+
+        const possibleKnownSchema = payload.schema as keyof XyoSchemaNameToValidatorMap
+
+        if (XyoSchemaCache.instance.validators[possibleKnownSchema]) {
+          const validator = XyoSchemaCache.instance.validators[possibleKnownSchema]
+          setValid(validator?.(payload))
+        }
+        setInitialized(true)
+      }
+    },
+    [payload, enabled],
+  )
+
+  return (
+    <ValidatePayloadContext.Provider value={{ enabled, provided: true, schema: payload?.schema, validPayload: valid }}>
+      {enabled ? <>{initialized ? children : <Chip label="Validating Payload..." />}</> : children}
+    </ValidatePayloadContext.Provider>
+  )
+}

package/src/contexts/ValidatePayloadContext/State.ts

@@ -0,0 +1,7 @@
+import { ContextExState } from '@xyo-network/react-shared'
+
+export interface ValidatePayloadState extends ContextExState {
+  validPayload?: boolean
+  schema?: string
+  enabled?: boolean
+}

package/src/contexts/ValidatePayloadContext/index.ts

@@ -0,0 +1,2 @@
+export * from './Provider'
+export * from './use'

package/src/contexts/ValidatePayloadContext/use.tsx

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

package/src/contexts/XyoEmbedPluginContext/Context.tsx

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

package/src/contexts/XyoEmbedPluginContext/Provider.tsx

@@ -1,5 +1,6 @@
 import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { useAsyncEffect, WithChildren } from '@xylabs/react-shared'
+import { delay } from '@xylabs/sdk-js'
 import { XyoApiError } from '@xyo-network/api'
 import { Huri, XyoPayload } from '@xyo-network/payload'
 import { XyoApiErrorRender } from '@xyo-network/react-auth-service'
@@ -37,6 +38,8 @@ export const XyoEmbedPluginProvider: React.FC<WithChildren<XyoEmbedPluginProvide
         try {
           const huriInstance = new Huri(huri)
           const result = await huriInstance.fetch()
+          // ensure the busy state can stay for a moment to avoid flashing too quickly
+          await delay(500)
 
           if (mounted()) {
             setNotFound(result === null)
@@ -56,7 +59,9 @@ export const XyoEmbedPluginProvider: React.FC<WithChildren<XyoEmbedPluginProvide
   }
 
   return (
-    <XyoEmbedPluginContext.Provider value={{ activePlugin, payload, refreshHuri, refreshTitle, setActivePlugin, timestampLabel }}>
+    <XyoEmbedPluginContext.Provider
+      value={{ activePlugin, huri, payload, provided: true, refreshHuri, refreshTitle, setActivePlugin, timestampLabel }}
+    >
       <ResultLoader searchResult={payload} notFound={!!notFound} apiError={huriApiError}>
         <XyoApiErrorRender apiError={huriApiError} busy={Boolean(!refreshPayload && payload)} {...props}>
           <FlexCol>{children}</FlexCol>

package/src/contexts/XyoEmbedPluginContext/State.ts

@@ -1,13 +1,15 @@
 import { XyoPayload } from '@xyo-network/payload'
 import { XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'
+import { ContextExState } from '@xyo-network/react-shared'
 import { Dispatch, SetStateAction } from 'react'
 
-export interface XyoEmbedPluginState {
+export interface XyoEmbedPluginState extends ContextExState {
   activePlugin?: XyoPayloadRenderPlugin
   setActivePlugin?: Dispatch<SetStateAction<XyoPayloadRenderPlugin | undefined>>
   payload?: XyoPayload
   plugins?: XyoPayloadRenderPlugin[]
   refreshHuri?: () => void
+  huri?: string
   refreshTitle?: string
   timestampLabel?: string
 }

package/src/contexts/XyoEmbedPluginContext/index.ts

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

package/src/contexts/XyoEmbedPluginContext/use.tsx

@@ -1,13 +1,5 @@
-import { useContext } from 'react'
+import { useContextEx } from '@xyo-network/react-shared'
 
 import { XyoEmbedPluginContext } from './Context'
 
-export const useXyoEmbedPluginState = () => {
-  const context = useContext(XyoEmbedPluginContext)
-
-  if (context === undefined) {
-    console.warn('useXyoEmbedPluginState must be used within an XyoEmbedPluginContext')
-  }
-
-  return context
-}
+export const useXyoEmbedPluginState = () => useContextEx(XyoEmbedPluginContext, 'XyoEmbedPlugin', true)

package/src/contexts/index.ts

@@ -1 +1,2 @@
+export * from './ValidatePayloadContext'
 export * from './XyoEmbedPluginContext'

package/dist/cjs/components/embed-card/EmbedCardEx.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { CardProps } from '@mui/material';
-import { WithChildren } from '@xylabs/react-shared';
-export declare const EmbedCardEx: React.FC<WithChildren<CardProps>>;
-//# sourceMappingURL=EmbedCardEx.d.ts.map

package/dist/cjs/components/embed-card/EmbedCardEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedCardEx.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAkB,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAmBzD,CAAA"}

package/dist/cjs/components/embed-card/EmbedCardEx.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmbedCardEx = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_app_settings_1 = require("@xyo-network/react-app-settings");
-const react_1 = require("react");
-const EmbedCardEx = (_a) => {
-    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
-    const { darkMode } = (0, react_app_settings_1.useAppSettings)();
-    const cardProps = (0, react_1.useCallback)(() => {
-        if (darkMode) {
-            return props;
-        }
-        else {
-            const lightModeOverrides = {
-                sx: {
-                    bgcolor: props.elevation ? '#F6F5FA' : 'inherit',
-                },
-            };
-            return Object.assign(Object.assign({}, props), lightModeOverrides);
-        }
-    }, [darkMode, props]);
-    return (0, jsx_runtime_1.jsx)(material_1.Card, Object.assign({}, cardProps(), { children: children }));
-};
-exports.EmbedCardEx = EmbedCardEx;
-//# sourceMappingURL=EmbedCardEx.js.map

package/dist/cjs/components/embed-card/EmbedCardEx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedCardEx.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+D;AAE/D,wEAAgE;AAChE,iCAAmC;AAE5B,MAAM,WAAW,GAAsC,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IACjF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,mCAAc,GAAE,CAAA;IACrC,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACjC,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAA;SACb;aAAM;YACL,MAAM,kBAAkB,GAA2B;gBACjD,EAAE,EAAE;oBACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;iBACjD;aACF,CAAA;YACD,uCACK,KAAK,GACL,kBAAkB,EACtB;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,OAAO,uBAAC,eAAI,oBAAK,SAAS,EAAE,cAAG,QAAQ,IAAQ,CAAA;AACjD,CAAC,CAAA;AAnBY,QAAA,WAAW,eAmBvB"}

package/dist/esm/components/embed-card/EmbedCardEx.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { CardProps } from '@mui/material';
-import { WithChildren } from '@xylabs/react-shared';
-export declare const EmbedCardEx: React.FC<WithChildren<CardProps>>;
-//# sourceMappingURL=EmbedCardEx.d.ts.map

package/dist/esm/components/embed-card/EmbedCardEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedCardEx.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAkB,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAmBzD,CAAA"}

package/dist/esm/components/embed-card/EmbedCardEx.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Card } from '@mui/material';
-import { useAppSettings } from '@xyo-network/react-app-settings';
-import { useCallback } from 'react';
-export const EmbedCardEx = ({ children, ...props }) => {
-    const { darkMode } = useAppSettings();
-    const cardProps = useCallback(() => {
-        if (darkMode) {
-            return props;
-        }
-        else {
-            const lightModeOverrides = {
-                sx: {
-                    bgcolor: props.elevation ? '#F6F5FA' : 'inherit',
-                },
-            };
-            return {
-                ...props,
-                ...lightModeOverrides,
-            };
-        }
-    }, [darkMode, props]);
-    return _jsx(Card, { ...cardProps(), children: children });
-};
-//# sourceMappingURL=EmbedCardEx.js.map

package/dist/esm/components/embed-card/EmbedCardEx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedCardEx.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAA6B,MAAM,eAAe,CAAA;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAsC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvF,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAA;IACrC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAA;SACb;aAAM;YACL,MAAM,kBAAkB,GAA2B;gBACjD,EAAE,EAAE;oBACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;iBACjD;aACF,CAAA;YACD,OAAO;gBACL,GAAG,KAAK;gBACR,GAAG,kBAAkB;aACtB,CAAA;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,OAAO,KAAC,IAAI,OAAK,SAAS,EAAE,YAAG,QAAQ,GAAQ,CAAA;AACjD,CAAC,CAAA"}