@xyo-network/os-react-runtime 7.2.1 → 7.3.1

package/src/modules/os/hooks/useDappSeedPhraseRepository.ts

@@ -1,19 +0,0 @@
-import { DappSeedPhraseRepository } from '@xyo-network/os-runtime'
-import { useMemo } from 'react'
-
-import { useXyOsUiContext } from '../../XyOsUi/index.ts'
-
-let _dappWalletRepository: DappSeedPhraseRepository
-
-export const useDappSeedPhraseRepository = (allowedNames: string[]) => {
-  const context = useXyOsUiContext()
-
-  const dappWalletRepository = useMemo(() => {
-    if (_dappWalletRepository === undefined && context) {
-      _dappWalletRepository = new DappSeedPhraseRepository(context, allowedNames)
-    }
-    return _dappWalletRepository
-  }, [context, allowedNames])
-
-  return dappWalletRepository
-}

package/src/modules/os/hooks/useOsSettingsCaller.ts

@@ -1,19 +0,0 @@
-import { assertEx } from '@xylabs/sdk-js'
-import type { XyOsContext } from '@xyo-network/os-model'
-import { OsSettingsCaller, OsSettingsReadyEvent } from '@xyo-network/os-runtime'
-import { useMemo } from 'react'
-
-import { useStackReady } from '../../stack/index.ts'
-import { useXyOsUiContext } from '../../XyOsUi/index.ts'
-
-export const useOsSettingsCaller = (context?: XyOsContext | null) => {
-  const providedContext = useXyOsUiContext()
-  const { ready } = useStackReady(OsSettingsReadyEvent, 'osSettingsStack', providedContext)
-
-  return useMemo(() => {
-    if (providedContext || context || ready) {
-      const derivedNode = assertEx(context ?? providedContext, () => 'no node was found in context or passed as argument')
-      return new OsSettingsCaller(derivedNode)
-    }
-  }, [context, providedContext])
-}

package/src/modules/os/hooks/usePhraseFile.ts

@@ -1,33 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import { buildUserWalletSeedPhrasePayload } from '@xyo-network/os-runtime'
-import { useMemo } from 'react'
-
-export const usePhraseFile = (phrase?: string) => {
-  const [payloadAndRootHash] = usePromise(async () => (phrase ? await buildUserWalletSeedPhrasePayload(phrase) : undefined), [phrase])
-
-  const filename = useMemo(() => `xyo-phrase-${payloadAndRootHash?.rootHash}.json`, [payloadAndRootHash?.rootHash])
-
-  const { phraseFile, phraseFileError } = useMemo<{
-    phraseFile?: string
-    phraseFileError?: Error
-  }>(() => {
-    const payload = payloadAndRootHash?.payload
-    if (payload) {
-      try {
-        const data = new Blob([JSON.stringify(payload, null, 2)], { type: 'text/plain' })
-        return { phraseFile: globalThis.URL.createObjectURL(data) }
-      } catch (e) {
-        return { phraseFileError: e as Error }
-      }
-    } else {
-      return {}
-    }
-  }, [payloadAndRootHash])
-
-  return {
-    filename,
-    payload: payloadAndRootHash?.payload,
-    phraseFile,
-    phraseFileError,
-  }
-}

package/src/modules/os/hooks/useTabs.ts

@@ -1,14 +0,0 @@
-import type { Dispatch } from 'react'
-import { useLocation, useNavigate } from 'react-router-dom'
-
-export const useTabs = (): [string, Dispatch<string>] => {
-  const location = useLocation()
-  const navigate = useNavigate()
-
-  const rootFolder = location.pathname.split('/')[1]
-  const tab = rootFolder?.length > 0 ? rootFolder : 'node'
-  const setTab = (tab: string) => {
-    void navigate(`/${tab}`)
-  }
-  return [tab, setTab]
-}

package/src/modules/os/hooks/useWidgetDapps.ts

@@ -1,23 +0,0 @@
-import type { UsePromiseState } from '@xylabs/react-promise'
-import { usePromise } from '@xylabs/react-promise'
-import type { WidgetTrayLayout } from '@xyo-network/os-model'
-import type { RegisteredReactDappSet } from '@xyo-network/os-react-model'
-import type { JSX } from 'react'
-
-import { WidgetCaller } from '../../../helpers/index.ts'
-import { useXyOsUiContext } from '../../XyOsUi/index.ts'
-
-type WidgetResults = [(JSX.Element | undefined)[] | undefined, (Error | undefined)[]] | undefined
-
-export const useWidgetDapps = (
-  registeredDapps?: RegisteredReactDappSet[],
-  widgetTrayLayout?: WidgetTrayLayout,
-): [WidgetResults, Error | undefined, UsePromiseState | undefined] => {
-  const context = useXyOsUiContext()
-  return usePromise(async () => {
-    if (registeredDapps && registeredDapps.length > 0 && context && widgetTrayLayout) {
-      const caller = new WidgetCaller(context, registeredDapps, widgetTrayLayout)
-      return await caller.buildWidgetComponents()
-    }
-  }, [context, registeredDapps, widgetTrayLayout])
-}

package/src/modules/os/index.ts

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

package/src/modules/resource/ResourceHooks.ts

@@ -1,45 +0,0 @@
-import type { UsePromiseState } from '@xylabs/react-promise'
-import type { XyOsContext } from '@xyo-network/os-model'
-import type { ResourceStore } from '@xyo-network/os-runtime'
-
-import { useXyOsUiContext } from '../XyOsUi/index.ts'
-
-export class ResourceHooks<Views extends string, T extends ResourceStore<Views>> {
-  private buildResource: (context?: XyOsContext | null, pathPrefix?: string) => [T | undefined, Error | undefined, UsePromiseState | undefined]
-  private buildViews: (resource?: T) => { [K in Views]: ReturnType<T['views'][K]> | undefined } | (undefined & Record<'resource', T | undefined>)
-
-  constructor(
-    buildResource: (context?: XyOsContext | null, pathPrefix?: string) => [T | undefined, Error | undefined, UsePromiseState | undefined],
-    buildViews: (resource?: T) => { [K in Views]: ReturnType<T['views'][K]> | undefined } | (undefined & Record<'resource', T | undefined>),
-  ) {
-    this.buildResource = buildResource
-    this.buildViews = buildViews
-  }
-
-  resourceViewsFromContext = (context?: XyOsContext | null, pathPrefix?: string) => {
-    const [resource, resourceError] = this.buildResource(context, pathPrefix)
-    const views = this.buildViews(resource)
-
-    return {
-      ...views,
-      resource,
-      resourceError,
-    }
-  }
-
-  useBuildResourceFromProvidedNode = (pathPrefix?: string) => {
-    const xyOs = useXyOsUiContext()
-    return this.buildResource(xyOs, pathPrefix)
-  }
-
-  useResourceViewsFromProvidedNode = (pathPrefix?: string) => {
-    const [resource, resourceError] = this.useBuildResourceFromProvidedNode(pathPrefix)
-    const views = this.buildViews(resource)
-
-    return {
-      ...views,
-      resource,
-      resourceError,
-    }
-  }
-}

package/src/modules/resource/index.ts

@@ -1,3 +0,0 @@
-export * from './ResourceHooks.ts'
-export * from './useCleanup.ts'
-export * from './useSyncExternalPayloadStore.ts'

package/src/modules/resource/useCleanup.ts

@@ -1,10 +0,0 @@
-import type { ResourceStore } from '@xyo-network/os-runtime'
-import { useEffect } from 'react'
-
-export const useCleanUpResource = (resource?: ResourceStore) => {
-  useEffect(() => {
-    return () => {
-      resource?.cleanupListeners()
-    }
-  }, [resource])
-}

package/src/modules/resource/useSyncExternalPayloadStore.ts

@@ -1,37 +0,0 @@
-import type { ResourceStore } from '@xyo-network/os-runtime'
-import { useMemo, useSyncExternalStore } from 'react'
-
-/**
- * Given a repository and one of its store names, return a stream of payloads
- */
-export const useSyncExternalPayloadStore = <T extends ResourceStore = ResourceStore, ViewName extends string = string>(
-  viewName: ViewName,
-  repository?: T,
-) => {
-  // Grab the return type of the getSnapshot function to ascertain its payload
-  type PayloadStoreType = ReturnType<T['views'][ViewName]>
-
-  const { getSnapShot, subscribe } = useMemo(() => {
-    // capture the view's subscribe function
-    const subscriber = repository?.subscriptions[viewName]
-    // capture the view's getSnapshot function
-    const snapshot = repository?.views[viewName] as (() => PayloadStoreType) | undefined
-
-    if (snapshot && subscriber) {
-      return {
-        // since useExternalStore calls its methods in it's own lambda function, we lose the `this` context of the calling class.
-        // bind each method to its appropriate object so the `this` calls work as expected.
-        getSnapShot: snapshot,
-        subscribe: subscriber.bind(repository),
-      }
-    }
-    // Return a default implementation to satisfy the hook interface
-    return {
-      // eslint-disable-next-line unicorn/no-useless-undefined
-      getSnapShot: () => undefined,
-      subscribe: () => () => {},
-    }
-  }, [repository, viewName])
-
-  return useSyncExternalStore(subscribe, getSnapShot)
-}

package/src/modules/stack/index.ts

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

package/src/modules/stack/useStackReady.ts

@@ -1,48 +0,0 @@
-import type { EventListener } from '@xylabs/sdk-js'
-import { assertEx } from '@xylabs/sdk-js'
-import type { EventBusPubSubConnectionRequest, XyOsContext } from '@xyo-network/os-model'
-import { EventBusPubSubConnection } from '@xyo-network/os-runtime'
-import { useEffect, useState } from 'react'
-
-import type { StackReady } from '../../interfaces/index.ts'
-import { useXyOsUiContext } from '../XyOsUi/index.ts'
-
-export const useStackReady = (stackReadyEvent: string, stackName: string, context?: XyOsContext | null) => {
-  const providedContext = useXyOsUiContext()
-  const [stackReady, setStackReady] = useState<StackReady>({ ready: false })
-
-  useEffect(() => {
-    const derivedContext = context ?? providedContext
-
-    const listener: EventListener = () => {
-      if (!derivedContext) throw new Error('no context found')
-      const stack = assertEx(derivedContext.getStack(stackName).stack, () => `${stackName} missing stack`)
-      setStackReady({ ready: true, stack })
-    }
-
-    const stackReadyReadyConnectionRequest: EventBusPubSubConnectionRequest = {
-      subscribableEvents: new Map([[stackReadyEvent, listener]]),
-      type: 'PubSub',
-    }
-
-    const stackReadyReadyConnection = new EventBusPubSubConnection(stackReadyReadyConnectionRequest)
-
-    if (derivedContext) {
-      // connect to the bus
-      derivedContext.eventBus.addConnection(stackReadyReadyConnection)
-
-      // attempt to see if the stack is already initialized
-      const stack = derivedContext.getStack(stackName)
-      if (stack.initialized) setStackReady({ ready: true, stack: stack.stack })
-    }
-
-    return () => {
-      const derivedContext = context ?? providedContext
-      if (derivedContext && stackReadyReadyConnection._id) {
-        derivedContext.eventBus.removeConnection(stackReadyReadyConnection.id)
-      }
-    }
-  }, [context, providedContext])
-
-  return stackReady
-}

package/src/modules/widgets/StackOfWidgets.tsx

@@ -1,149 +0,0 @@
-// Example from https://codesandbox.io/p/sandbox/cards-stack-to6uf?
-import { Box, useTheme } from '@mui/material'
-import {
-  animated, to as interpolate, useSprings,
-} from '@react-spring/web'
-import { alphaCss } from '@xylabs/react-theme'
-import type { ReactNode } from 'react'
-import React, { useState } from 'react'
-import { useDrag } from 'react-use-gesture'
-
-import {
-  ExampleBarGraphWidget, ExampleBooleanTableWidget, ExampleTwoColTwoStatWidget,
-} from './Types/index.ts'
-
-const cards: ReactNode[] = [
-  <ExampleBarGraphWidget key="bar-graph" />,
-  <ExampleBooleanTableWidget key="boolean-table" />,
-  <ExampleTwoColTwoStatWidget key="two-column" />,
-]
-
-// These two are just helpers, they curate spring data, values that are later being interpolated into css
-const to = (i: number) => ({
-  delay: i * 100,
-  rot: -10 + Math.random() * 15,
-  scale: 1,
-  x: 0,
-  y: i * -4,
-})
-const from = (_i: number) => ({
-  rot: 0, scale: 1.5, x: 0, y: -1000,
-})
-// This is being used down there in the view, it interpolates rotation and scale into a css transform
-const trans = (r: number, s: number) => `perspective(1500px)  rotateY(${r / 10}deg) scale(${s})`
-
-function Deck() {
-  const [gone] = useState(() => new Set()) // The set flags all the cards that are flicked out
-  const theme = useTheme()
-  const [props, api] = useSprings(cards.length, i => ({
-    ...to(i),
-    from: from(i),
-  })) // Create a bunch of springs using the helpers above
-  // Create a gesture, we're interested in down-state, delta (current-pos - click-pos), direction and velocity
-  const bind = useDrag(({
-    args: [index], down, movement: [mx], direction: [xDir], velocity,
-  }) => {
-    const trigger = velocity > 0.2 // If you flick hard enough it should trigger the card to fly out
-    const dir = xDir < 0 ? -1 : 1 // Direction should either point left or right
-    if (!down && trigger) gone.add(index) // If button/finger's up and trigger velocity is reached, we flag the card ready to fly out
-    // eslint-disable-next-line @typescript-eslint/no-floating-promises
-    api.start((i) => {
-      if (index !== i) return // We're only interested in changing spring-data for the current spring
-      const isGone = gone.has(index)
-      const x
-        = isGone
-          ? (200 + globalThis.innerWidth) * dir
-          : down
-            ? mx
-            : 0 // When a card is gone it flys out left or right, otherwise goes back to zero
-      const rot = mx / 100 + (isGone ? dir * 10 * velocity : 0) // How much the card tilts, flicking it harder makes it rotate faster
-      const scale = down ? 1.1 : 1 // Active cards lift up a bit
-      return {
-        config: {
-          friction: 50,
-          tension:
-            down
-              ? 800
-              : isGone
-                ? 200
-                : 500,
-        },
-        delay: undefined,
-        rot,
-        scale,
-        x,
-      }
-    })
-    if (!down && gone.size === cards.length)
-      setTimeout(() => {
-        gone.clear()
-
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        api.start(i => to(i))
-      }, 600)
-  })
-  // Now we're just mapping the animated values to our view, that's it. Btw, this component only renders once. :-)
-  return (
-    <>
-      {props.map(({
-        x, y, rot, scale,
-      }, i) => (
-        <animated.div
-          key={i}
-          style={{
-            alignItems: 'center',
-            display: 'flex',
-            height: '300px',
-            justifyContent: 'center',
-            position: 'absolute',
-            touchAction: 'none',
-            width: '300px',
-            willChange: 'transform',
-            x,
-            y,
-          }}
-        >
-          {/* This is the card itself, we're binding our gesture to it (and inject its index so we know which is which) */}
-          <animated.div
-            {...bind(i)}
-            style={{
-              // WebkitBackdropFilter: 'blur(10px)',
-              // backdropFilter: 'blur(10px)',
-              backgroundColor: alphaCss(theme.vars?.palette.background.paper ?? '#000', 0.2),
-              backgroundPosition: 'center center',
-              backgroundRepeat: 'no-repeat',
-              backgroundSize: 'auto 85%',
-              borderRadius: ' 10px',
-              boxShadow: theme.shadows[7],
-              height: '85vh',
-              maxHeight: '300px',
-              maxWidth: '300px',
-              transform: interpolate([rot, scale], trans),
-              width: '45vh',
-              willChange: 'transform',
-            }}
-          >
-            {cards[i]}
-          </animated.div>
-        </animated.div>
-      ))}
-    </>
-  )
-}
-
-export const StackOfWidgets: React.FC = () => {
-  return (
-    <Box
-      sx={{
-        alignItems: 'center',
-        cursor: 'pointer',
-        display: 'flex',
-        height: '300px',
-        justifyContent: 'center',
-        width: '300px',
-      }}
-    >
-      <Deck />
-    </Box>
-  )
-}

package/src/modules/widgets/Types/BarGraph/HorizontalBarGraph.tsx

@@ -1,58 +0,0 @@
-import { Typography } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'
-import React from 'react'
-
-import { StyledLinearProgress } from './StyledLinearProgress.tsx'
-
-export interface HorizontalBarGraphItemProps {
-  name: string
-  value: number
-}
-
-export interface HorizontalBarGraphProps extends FlexBoxProps {
-  items?: HorizontalBarGraphItemProps[]
-}
-
-const sampleData: HorizontalBarGraphItemProps[] = [
-  { name: 'United States', value: 134 },
-  { name: 'South Africa', value: 400 },
-  { name: 'Canada', value: 382 },
-  { name: 'Philippines', value: 423 },
-  { name: 'Denmark', value: 123 },
-  { name: 'Greece', value: 321 },
-  { name: 'Japan', value: 421 },
-]
-
-export const HorizontalBarGraph: React.FC<HorizontalBarGraphProps> = ({ items = sampleData, ...props }) => {
-  const itemsSortedByValue = items.toSorted(function (a, b) {
-    const keyA = a.value,
-      keyB = b.value
-    // Compare the 2 dates
-    if (keyA > keyB) return -1
-    if (keyA < keyB) return 1
-    return 0
-  })
-
-  console.log(itemsSortedByValue)
-
-  const topValue = itemsSortedByValue[0].value
-
-  return (
-    <FlexCol alignItems="stretch" gap={0.5} {...props}>
-      {items.slice(0, 5).map((item, index) => (
-        <FlexCol alignItems="stretch" key={index}>
-          <FlexGrowRow justifyContent="space-between">
-            <Typography variant="caption" maxWidth="50%" noWrap>
-              {item.name}
-            </Typography>
-            <Typography variant="caption" maxWidth="50%">
-              {item.value}
-            </Typography>
-          </FlexGrowRow>
-          <StyledLinearProgress color="primary" value={(item.value / (topValue * 1.25)) * 100} variant="determinate" />
-        </FlexCol>
-      ))}
-    </FlexCol>
-  )
-}

package/src/modules/widgets/Types/BarGraph/StyledLinearProgress.tsx

@@ -1,12 +0,0 @@
-import { LinearProgress, styled } from '@mui/material'
-import { alphaCss } from '@xylabs/react-theme'
-
-export const StyledLinearProgress = styled(LinearProgress, { name: 'StyledLinearProgress' })(({ theme }) => ({
-  '& .MuiLinearProgress-bar': { borderRadius: theme.shape.borderRadius },
-  'MozBoxSizing': 'border-box',
-  'WebkitBoxSizing': 'border-box',
-  'background': 'transparent',
-  'borderBottom': `1px solid ${alphaCss(theme.vars?.palette.text.secondary ?? '#000', 0.3)}`,
-  'boxSizing': 'border-box',
-  'height': theme.spacing(0.25),
-}))

package/src/modules/widgets/Types/BarGraph/index.ts

@@ -1,2 +0,0 @@
-export * from './HorizontalBarGraph.tsx'
-export * from './StyledLinearProgress.tsx'

package/src/modules/widgets/Types/DataColumns/TwoColFourStat.tsx

@@ -1,34 +0,0 @@
-import { Typography, useTheme } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'
-import React from 'react'
-
-export interface TwoColTwoStatProps extends FlexBoxProps {
-  data1: string
-  data2: string
-  type1: string
-  type2: string
-}
-
-export const TwoColTwoStat: React.FC<TwoColTwoStatProps> = ({
-  type1, type2, data1, data2, ...props
-}) => {
-  const theme = useTheme()
-
-  return (
-    <FlexGrowRow gap={2} {...props}>
-      <FlexCol flexGrow={1} alignItems="start">
-        <Typography variant="h2" fontWeight={theme.typography.fontWeightMedium}>
-          {data1}
-        </Typography>
-        <Typography variant="body2">{type1}</Typography>
-      </FlexCol>
-      <FlexCol flexGrow={1} alignItems="start">
-        <Typography variant="h2" fontWeight={theme.typography.fontWeightMedium}>
-          {data2}
-        </Typography>
-        <Typography variant="body2">{type2}</Typography>
-      </FlexCol>
-    </FlexGrowRow>
-  )
-}

package/src/modules/widgets/Types/DataColumns/TwoColTwoStat.tsx

@@ -1,39 +0,0 @@
-import { Typography, useTheme } from '@mui/material'
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'
-import React, { useEffect } from 'react'
-
-import type { InsightStatProps } from '../Stat/index.ts'
-
-export interface TwoColTwoStatProps extends FlexBoxProps {
-  items: InsightStatProps[]
-}
-
-const MAX_LENGTH = 2
-
-const validateProps = (props: InsightStatProps[]) => {
-  if (props.length > MAX_LENGTH) {
-    throw new Error(`The length of items for the Two Column Two Stat widget should not exceed ${MAX_LENGTH}`)
-  }
-}
-
-export const TwoColTwoStat: React.FC<TwoColTwoStatProps> = ({ items, ...props }) => {
-  const theme = useTheme()
-
-  useEffect(() => {
-    validateProps(items)
-  }, [items])
-
-  return (
-    <FlexGrowRow gap={2} {...props}>
-      {items.map((item, index) => (
-        <FlexCol key={`stat-${index}-${item.unit}`} flexGrow={1} alignItems="start">
-          <Typography variant="h2" fontWeight={theme.typography.fontWeightMedium}>
-            {item.rawInsightValue}
-          </Typography>
-          <Typography variant="body2">{item.subtitle}</Typography>
-        </FlexCol>
-      ))}
-    </FlexGrowRow>
-  )
-}

package/src/modules/widgets/Types/DataColumns/index.ts

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

package/src/modules/widgets/Types/Examples/BarGraph.tsx

@@ -1,10 +0,0 @@
-import React from 'react'
-
-import { WidgetCard } from '../../WidgetCard.tsx'
-import { HorizontalBarGraph } from '../BarGraph/index.ts'
-
-export const ExampleBarGraphWidget: React.FC = () => {
-  return (
-    <WidgetCard widgetContent={<HorizontalBarGraph />} widgetName="Friend Locations" timeOfData={1_715_713_478} widgetPath="/profile"></WidgetCard>
-  )
-}

package/src/modules/widgets/Types/Examples/BooleanTable.tsx

@@ -1,27 +0,0 @@
-import React from 'react'
-
-import { WidgetCard } from '../../WidgetCard.tsx'
-import { BooleanTable } from '../Tables/index.ts'
-
-export const ExampleBooleanTableWidget: React.FC = () => {
-  return (
-    <WidgetCard
-      widgetContent={(
-        <BooleanTable
-          items={[
-            { name: '@arietrouw', value: true },
-            { name: '@officialxyo', value: false },
-            { name: '0x187623121928634124', value: true },
-            { name: '@coinwithus', value: true },
-            { name: '0x871218376123894321', value: true },
-          ]}
-          tableHeaders={['Id', 'Online']}
-        />
-      )}
-      widgetName="Friends"
-      timeOfData={1_715_875_797}
-      widgetPath="/profile"
-    >
-    </WidgetCard>
-  )
-}

package/src/modules/widgets/Types/Examples/TwoColTwoStat.tsx

@@ -1,27 +0,0 @@
-import React from 'react'
-
-import { WidgetCard } from '../../WidgetCard.tsx'
-import { TwoColTwoStat } from '../DataColumns/index.ts'
-
-export const ExampleTwoColTwoStatWidget: React.FC = () => {
-  return (
-    <WidgetCard
-      widgetContent={(
-        <TwoColTwoStat
-          items={[
-            {
-              rawInsightValue: 218, subtitle: 'Inbound Access Requests', uiInsightValue: 218, unit: 'requests',
-            },
-            {
-              rawInsightValue: 18, subtitle: 'Outbound Access Requests', uiInsightValue: 18, unit: 'requests',
-            },
-          ]}
-        />
-      )}
-      widgetName="Network Activity"
-      timeOfData={1_642_637_397}
-      widgetPath="/network"
-    >
-    </WidgetCard>
-  )
-}

package/src/modules/widgets/Types/Examples/index.ts

@@ -1,3 +0,0 @@
-export * from './BarGraph.tsx'
-export * from './BooleanTable.tsx'
-export * from './TwoColTwoStat.tsx'

package/src/modules/widgets/Types/Stat/Insight.ts

@@ -1,9 +0,0 @@
-export interface Insight {
-  /** raw value used for additional calculations */
-  rawInsightValue?: string | number | undefined
-
-  /** formatted value meant for presentation */
-  uiInsightValue: string | number | undefined
-
-  unit: string | number | undefined
-}

package/src/modules/widgets/Types/Stat/InsightStatProps.ts

@@ -1,7 +0,0 @@
-import type { Insight } from './Insight.ts'
-
-export interface InsightStatProps extends Insight {
-  insightColor?: string
-  source?: string
-  subtitle?: string
-}