@xyo-network/react-shared 7.5.8 → 7.5.12

package/src/hooks/payload/usePayloadHash.tsx

@@ -1,26 +0,0 @@
-import { usePromise } from '@xylabs/react-promise'
-import type { Hash } from '@xylabs/sdk-js'
-import { PayloadBuilder } from '@xyo-network/payload-builder'
-import { type Payload } from '@xyo-network/payload-model'
-
-export const usePayloadHash = <TPayload extends Payload>(payload: TPayload | undefined | null) => {
-  return usePayloadRootHash<TPayload>(payload)
-}
-
-export const usePayloadDataHash = <TPayload extends Payload>(payload: TPayload | undefined | null) => {
-  return usePromise(async () => (payload ? await PayloadBuilder.dataHash(payload) : undefined), [payload])[0]
-}
-
-export const usePayloadRootHash = <TPayload extends Payload>(payload: TPayload | undefined | null) => {
-  return usePromise(async () => (payload ? await PayloadBuilder.hash(payload) : undefined), [payload])[0]
-}
-
-export const usePayloadHashes = <TPayload extends Payload>(payloads: TPayload[] | undefined | null) => {
-  return usePromise(
-    async () =>
-      payloads
-        ? await Promise.all(payloads.map<Promise<[TPayload, Hash]>>(async payload => [payload, await PayloadBuilder.dataHash(payload)]))
-        : undefined,
-    [payloads],
-  )[0]
-}

package/src/hooks/payload/usePayloadValidate.tsx

@@ -1,22 +0,0 @@
-import { assertEx } from '@xylabs/sdk-js'
-import { PayloadBuilder } from '@xyo-network/payload-builder'
-import type { AnyPayload, Payload } from '@xyo-network/payload-model'
-import { isAnyPayload } from '@xyo-network/payload-model'
-import { useMemo } from 'react'
-
-import type { ValidatedResponse } from './types/index.ts'
-
-export const usePayloadValidate = <TPayload extends AnyPayload>(input?: string): ValidatedResponse => {
-  return useMemo(() => {
-    if (!input) return {}
-    try {
-      const object = JSON.parse(input)
-      const validPayload = assertEx(isAnyPayload(object) ? object : null, () => 'Invalid payload')
-      const { schema, ...fields } = validPayload
-      const payload = new PayloadBuilder({ schema }).fields(fields).build() as TPayload
-      return { payload }
-    } catch (error) {
-      return { errors: [error as Error] }
-    }
-  }, [input])
-}

package/src/hooks/useDataState.ts

@@ -1,18 +0,0 @@
-import type { Dispatch, SetStateAction } from 'react'
-import { useState } from 'react'
-
-export const useDataState = <T>(defaultValue: T | undefined): [T | undefined, Dispatch<SetStateAction<T | undefined>>] => {
-  const [state, setState] = useState(defaultValue)
-
-  const setDataState: Dispatch<SetStateAction<T | undefined>> = (value: SetStateAction<T | undefined>) => {
-    try {
-      if (JSON.stringify(value) !== JSON.stringify(state)) {
-        setState(value)
-      }
-    } catch {
-      console.error('setDataState failed!  Make sure data type is stringifiable!')
-    }
-  }
-
-  return [state, setDataState]
-}

package/src/hooks/useMediaQuery.ts

@@ -1,3 +0,0 @@
-/* This file only exists to deal with the false positive lint error */
-
-export { useMediaQuery } from '@mui/material'

package/src/hooks/useShareForwardRef.ts

@@ -1,23 +0,0 @@
-import type { ForwardedRef } from 'react'
-import { useEffect, useRef } from 'react'
-
-/** @deprecated */
-export const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T> | null | undefined, refresh = 0) => {
-  // final ref that will share value with forward ref. this is the one to be attached to components
-  const innerRef = useRef<T>(null)
-
-  useEffect(() => {
-    if (!forwardedRef) {
-      return
-    }
-    if (typeof forwardedRef === 'function') {
-      forwardedRef(innerRef.current)
-    } else {
-      // suppressing since this is older and deprecated
-      // eslint-disable-next-line react-hooks/immutability
-      forwardedRef.current = innerRef.current
-    }
-  }, [forwardedRef, refresh])
-
-  return innerRef
-}

package/src/index.ts

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

package/src/lib/assertDefinedEx.ts

@@ -1,7 +0,0 @@
-/**
- * @deprecated use from @xylabs/with instead
- * */
-export const assertDefinedEx = <T>(expr?: T | null, message?: string): T => {
-  if (expr !== null && expr !== undefined) return expr
-  throw new Error(message)
-}

package/src/lib/getActualPaddingX.ts

@@ -1,63 +0,0 @@
-export const parseMeausureString = (measure?: string, absolute?: number) => {
-  if (measure !== undefined && measure !== null && measure.length > 0) {
-    if (measure.endsWith('px')) {
-      return Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2)))
-    } else if (measure.endsWith('%')) {
-      if (absolute !== undefined) {
-        return (Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 1))) / 100) * absolute
-      }
-      throw new Error('Error Parsing Measure [missing absolute]')
-    } else if (measure.endsWith('vw')) {
-      return (Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2))) / 100) * window.innerWidth
-    } else if (measure.endsWith('vh')) {
-      return (Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2))) / 100) * window.innerHeight
-    }
-    throw new Error(`Error Parsing Measure [${measure}]`)
-  }
-}
-
-export const parsePadding = (padding: string) => {
-  const parts = padding.split(' ')
-  switch (parts.length) {
-    case 4: {
-      return {
-        bottom: parts[2],
-        left: parts[3],
-        right: parts[1],
-        top: parts[0],
-      }
-    }
-    case 3: {
-      return {
-        bottom: parts[2],
-        right: parts[1],
-        top: parts[0],
-      }
-    }
-    case 2: {
-      return {
-        bottom: parts[0],
-        left: parts[1],
-        right: parts[1],
-        top: parts[0],
-      }
-    }
-    case 1: {
-      return {
-        bottom: parts[0],
-        left: parts[0],
-        right: parts[0],
-        top: parts[0],
-      }
-    }
-  }
-}
-
-export const getActualPaddingX = (element: HTMLElement) => {
-  const padding = parsePadding(globalThis.getComputedStyle(element, null).getPropertyValue('padding'))
-  const paddingLeft
-    = parseMeausureString(globalThis.getComputedStyle(element, null).getPropertyValue('padding-left') ?? padding?.left, element.clientWidth) ?? 0
-  const paddingRight
-    = parseMeausureString(globalThis.getComputedStyle(element, null).getPropertyValue('padding-right') ?? padding?.right, element.clientWidth) ?? 0
-  return paddingLeft + paddingRight
-}

package/src/lib/index.ts

@@ -1,3 +0,0 @@
-export * from './assertDefinedEx.ts'
-export * from './getActualPaddingX.ts'
-export * from './networkComponents.tsx'

package/src/lib/networkComponents.tsx

@@ -1,48 +0,0 @@
-import {
-  BubbleChartRounded as BubbleChartRoundedIcon,
-  HubRounded as HubRoundedIcon,
-  InsertLinkRounded as InsertLinkRoundedIcon,
-  Inventory2Rounded as Inventory2RoundedIcon,
-  TimerRounded as TimerRoundedIcon,
-  VisibilityRounded as VisibilityRoundedIcon,
-} from '@mui/icons-material'
-import type { SvgIconProps } from '@mui/material'
-import type { ReactElement } from 'react'
-import React from 'react'
-
-export type NetworkComponentSlug = 'sentinel' | 'bridge' | 'archivist' | 'diviner' | 'node' | 'witness'
-
-export interface NetworkComponentDetails {
-  icon: (props?: SvgIconProps) => ReactElement
-  name: string
-  slug: NetworkComponentSlug
-}
-
-export const networkComponents: NetworkComponentDetails[] = [
-  {
-    icon: props => <HubRoundedIcon {...props} />, name: 'Node', slug: 'node',
-  },
-  {
-    icon: props => <TimerRoundedIcon {...props} />, name: 'Sentinel', slug: 'sentinel',
-  },
-  {
-    icon: props => <InsertLinkRoundedIcon {...props} />, name: 'Bridge', slug: 'bridge',
-  },
-  {
-    icon: props => <Inventory2RoundedIcon {...props} />, name: 'Archivist', slug: 'archivist',
-  },
-  {
-    icon: props => <BubbleChartRoundedIcon {...props} />, name: 'Diviner', slug: 'diviner',
-  },
-  {
-    icon: props => <VisibilityRoundedIcon {...props} />, name: 'Witness', slug: 'witness',
-  },
-]
-
-export const findNetworkComponentIndex = (slug: string) => {
-  return networkComponents.findIndex(info => info.slug === slug)
-}
-
-export const findNetworkComponent = (slug: string) => {
-  return networkComponents.find(info => info.slug === slug)
-}

package/src/lib/xyo.tsx

@@ -1,15 +0,0 @@
-/* eslint-disable @stylistic/max-len */
-import type { SvgIconProps } from '@mui/material'
-import { SvgIcon } from '@mui/material'
-import React from 'react'
-
-export const Logo: React.FC<SvgIconProps> = (props) => {
-  return (
-    <SvgIcon data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 238" {...props}>
-      <path d="M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z" />
-      <path d="M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z" />
-      <path d="M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z" />
-      <path d="M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z" />
-    </SvgIcon>
-  )
-}

package/src/models/ListMode.ts

@@ -1 +0,0 @@
-export type ListMode = 'table' | 'grid' | 'default'

package/src/models/index.ts

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