@xyo-network/react-shared 2.32.0-rc.4 → 2.32.0-rc.7

package/src/components/JsonRouteWrapper/JsonFromUrl.stories.tsx

@@ -1,48 +0,0 @@
-/* eslint-disable deprecation/deprecation */
-/* eslint-disable import/no-deprecated */
-import { ComponentStory, Meta } from '@storybook/react'
-import { FlexCol } from '@xylabs/react-flexbox'
-import { DeprecateStory } from '@xyo-network/react-storybook'
-import { BrowserRouter } from 'react-router-dom'
-
-import { JsonFromUrl } from './JsonFromUrl'
-
-const StorybookEntry: Meta = {
-  args: {
-    apiDomain: 'http://localhost:8081',
-  },
-  component: JsonFromUrl,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
-  title: 'shared/JsonRouteWrapper/JsonFromUrl',
-}
-
-const Template: ComponentStory<typeof JsonFromUrl> = (props) => {
-  return (
-    <>
-      <DeprecateStory />
-      <BrowserRouter>
-        <FlexCol>
-          <JsonFromUrl {...props}></JsonFromUrl>
-        </FlexCol>
-      </BrowserRouter>
-    </>
-  )
-}
-
-const Default = Template.bind({})
-Default.args = { pathname: '/stats' }
-
-const CustomTheme = Template.bind({})
-CustomTheme.args = { pathname: '/stats', theme: 'apathy:inverted' }
-
-const ErrorState = Template.bind({})
-ErrorState.args = { pathname: '/foo' }
-
-export { CustomTheme, Default, ErrorState }
-
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry

package/src/components/JsonRouteWrapper/JsonFromUrl.tsx

@@ -1,52 +0,0 @@
-import { ErrorDialog } from '@xylabs/react-dialogs'
-import { FlexCol } from '@xylabs/react-flexbox'
-import { useAsyncEffect } from '@xylabs/react-shared'
-import axios, { AxiosError, AxiosResponse } from 'axios'
-import { lazy, Suspense, useState } from 'react'
-import { ThemeKeys, ThemeObject } from 'react-json-view'
-import { useLocation } from 'react-router-dom'
-
-const JsonView = lazy(() => import(/* webpackChunkName: "jsonView" */ 'react-json-view'))
-
-const sanitizeUrlForApi = (path: string) => {
-  if (new RegExp(/json$/g).test(path)) {
-    return path.split('json')[0]
-  } else {
-    return path
-  }
-}
-
-export interface JsonFromUrlProps {
-  apiDomain: string
-  pathname?: string
-  theme?: ThemeKeys | ThemeObject
-}
-
-/**  @deprecated - Move to JsonRouteWrapper Component */
-export const JsonFromUrl: React.FC<JsonFromUrlProps> = ({ pathname, apiDomain, ...JsonViewProps }) => {
-  const location = useLocation()
-  const path = pathname ? pathname : location.pathname
-  const [apiResponse, setApiResponse] = useState<AxiosResponse>()
-  const [apiError, setApiError] = useState<AxiosError>()
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useAsyncEffect(async () => {
-    const apiPath = sanitizeUrlForApi(path)
-    const url = `${apiDomain}${apiPath}`
-
-    try {
-      const response = await axios.get(url)
-      setApiResponse(response.data)
-    } catch (err) {
-      setApiError(err as AxiosError)
-    }
-  }, [apiDomain, path])
-
-  return (
-    <>
-      <p>Resource - {sanitizeUrlForApi(path)}</p>
-      <Suspense fallback={<FlexCol />}>{apiResponse && <JsonView src={apiResponse} collapseStringsAfterLength={64} {...JsonViewProps} />}</Suspense>
-      <ErrorDialog title="Error Fetching JSON" error={apiError} open={!!apiError} onAction={() => setApiError(undefined)} />
-    </>
-  )
-}

package/src/components/JsonRouteWrapper/JsonRouteWrapper.stories.tsx

@@ -1,68 +0,0 @@
-import { ComponentMeta, ComponentStory, DecoratorFn } from '@storybook/react'
-import { ButtonEx } from '@xylabs/react-button'
-import { FlexCol } from '@xylabs/react-flexbox'
-import { XyoArchivistApi } from '@xyo-network/api'
-import { BrowserRouter, useSearchParams } from 'react-router-dom'
-
-import { JsonRouteWrapper } from './JsonRouteWrapper'
-
-const JsonDecorator: DecoratorFn = (Story) => (
-  <BrowserRouter>
-    <Story />
-  </BrowserRouter>
-)
-
-const StorybookEntry = {
-  argTypes: {
-    apiDomain: 'https://beta.api.archivist.xyo.network',
-  },
-  component: JsonRouteWrapper,
-  decorators: [JsonDecorator],
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
-  title: 'shared/JsonRouteWrapper',
-} as ComponentMeta<typeof JsonRouteWrapper>
-
-const Template: ComponentStory<typeof JsonRouteWrapper> = (props) => {
-  const [searchParams, setSearchParams] = useSearchParams()
-  const activeJson = searchParams.get('json')
-  return (
-    <FlexCol>
-      <ButtonEx
-        marginY={3}
-        onClick={() => {
-          activeJson === 'true' ? searchParams.delete('json') : searchParams.set('json', 'true')
-          setSearchParams(searchParams)
-        }}
-        variant="outlined"
-      >
-        Toggle JSON Page
-      </ButtonEx>
-      <JsonRouteWrapper {...props}></JsonRouteWrapper>
-    </FlexCol>
-  )
-}
-
-const Default = Template.bind({})
-Default.args = {
-  callback: () => new XyoArchivistApi({ apiDomain: 'https://beta.api.archivist.xyo.network' }).archive('temp').block.stats.get(),
-}
-
-const HideBackButton = Template.bind({})
-HideBackButton.args = {
-  callback: () =>
-    new XyoArchivistApi({
-      apiDomain: 'https://beta.api.archivist.xyo.network',
-    })
-      .archive('temp')
-      .block.stats.get(),
-  noBackButton: true,
-}
-
-export { Default, HideBackButton }
-
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry

package/src/components/JsonRouteWrapper/JsonRouteWrapper.tsx

@@ -1,85 +0,0 @@
-import { ButtonEx } from '@xylabs/react-button'
-import { ErrorDialog } from '@xylabs/react-dialogs'
-import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
-import { useAsyncEffect } from '@xylabs/react-shared'
-import { XyoApiError } from '@xyo-network/api'
-import { lazy, Suspense, useState } from 'react'
-import { ReactJsonViewProps } from 'react-json-view'
-import { useSearchParams } from 'react-router-dom'
-
-import { JsonApiButton } from './JsonApiButton'
-
-const JsonView = lazy(() => import(/* webpackChunkName: "jsonView" */ 'react-json-view'))
-
-export interface JsonFromPromiseProps extends FlexBoxProps {
-  callback: () => Promise<object | undefined>
-  noBackButton?: boolean
-  noJsonButton?: boolean
-  jsonViewProps?: ReactJsonViewProps
-}
-
-export const JsonRouteWrapper: React.FC<JsonFromPromiseProps> = ({
-  callback,
-  children,
-  noBackButton = false,
-  noJsonButton = false,
-  jsonViewProps,
-  ...props
-}) => {
-  const [apiResponse, setApiResponse] = useState<object>()
-  const [apiError, setApiError] = useState<XyoApiError>()
-  const [searchParams, setSearchParams] = useSearchParams()
-  const active = !!searchParams.get('json')
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      try {
-        const response = await callback()
-        if (mounted()) {
-          setApiResponse(response)
-        }
-      } catch (ex) {
-        if (mounted()) {
-          const error = ex as XyoApiError
-          if (error.isXyoError) {
-            setApiError(error)
-          } else {
-            throw ex
-          }
-        }
-      }
-    },
-    [callback],
-  )
-
-  return (
-    <FlexCol {...props}>
-      {active ? (
-        <>
-          <Suspense fallback={null}>{apiResponse && <JsonView src={apiResponse} collapseStringsAfterLength={64} {...jsonViewProps} />}</Suspense>
-          {!noBackButton && (
-            <FlexRow marginY={3}>
-              <ButtonEx
-                flexDirection="row"
-                variant="outlined"
-                onClick={() => {
-                  searchParams.delete('json')
-                  setSearchParams(searchParams)
-                }}
-              >
-                Back
-              </ButtonEx>
-            </FlexRow>
-          )}
-          <ErrorDialog title="Error Fetching JSON" error={apiError} open={!!apiError} onAction={() => setApiError(undefined)} />
-        </>
-      ) : (
-        <>
-          {children}
-          {!noJsonButton && <JsonApiButton marginTop={2} />}
-        </>
-      )}
-    </FlexCol>
-  )
-}

package/src/components/JsonRouteWrapper/index.ts

@@ -1,3 +0,0 @@
-export * from './JsonApiButton'
-export * from './JsonFromUrl'
-export * from './JsonRouteWrapper'