move dialog to shared and collapse inside of dialog

XYOracleNetwork · Mar 8, 2024 · df9f44d · df9f44d
1 parent a54e6ef
commit df9f44d
Show file tree

Hide file tree

Showing 9 changed files with 12 additions and 11 deletions.
diff --git a/packages/sdk/packages/payload/packages/raw-info/src/components/Button/RawInfoButton.tsx b/packages/sdk/packages/payload/packages/raw-info/src/components/Button/RawInfoButton.tsx
@@ -3,8 +3,8 @@ import { Payload, WithSchema } from '@xyo-network/payload-model'
 import { MouseEventHandler, ReactNode, useState } from 'react'
 
 import { ExpansionProps } from '../../lib'
-import { RawInfoDialog } from '../Dialog'
 import { xyoColorLogo } from '../img'
+import { RawInfoDialog } from '../shared'
 import { IconSize, presetIconSizeValue } from './lib'
 
 export interface RawInfoButtonProps extends ButtonExProps, ExpansionProps {

diff --git a/packages/sdk/packages/payload/packages/raw-info/src/components/Button/RawInfoIconButton.tsx b/packages/sdk/packages/payload/packages/raw-info/src/components/Button/RawInfoIconButton.tsx
@@ -3,8 +3,8 @@ import { Payload } from '@xyo-network/payload-model'
 import { forwardRef, MouseEventHandler, ReactNode, useState } from 'react'
 
 import { ExpansionProps } from '../../lib'
-import { RawInfoDialog } from '../Dialog'
 import { xyoColorLogo } from '../img'
+import { RawInfoDialog } from '../shared'
 import { IconSize, presetIconSizeValue } from './lib'
 
 export interface RawInfoIconProps extends IconButtonProps, ExpansionProps {

diff --git a/packages/sdk/packages/payload/packages/raw-info/src/components/Dialog/index.ts b/packages/sdk/packages/payload/packages/raw-info/src/components/Dialog/index.ts
diff --git a/packages/sdk/packages/payload/packages/raw-info/src/components/index.ts b/packages/sdk/packages/payload/packages/raw-info/src/components/index.ts
@@ -1,4 +1,3 @@
 export * from './Button'
-export * from './Dialog'
 export * from './shared'
 export * from './styled'
diff --git a/...src/components/shared/PayloadCollapse.tsx → ...ponents/shared/Dialog/PayloadCollapse.tsx b/...src/components/shared/PayloadCollapse.tsx → ...ponents/shared/Dialog/PayloadCollapse.tsx
@@ -5,9 +5,9 @@ import { PayloadBuilder } from '@xyo-network/payload-builder'
 import { Payload } from '@xyo-network/payload-model'
 import { useDataState } from '@xyo-network/react-shared'
 
-import { ExpansionProps } from '../../lib'
-import { StyledChipLabel } from '../styled'
-import { JsonViewerEx } from './JsonViewerEx'
+import { ExpansionProps } from '../../../lib'
+import { StyledChipLabel } from '../../styled'
+import { JsonViewerEx } from '../JsonViewerEx'
 
 export interface RawInfoPayloadCollapse extends CollapseProps, ExpansionProps {
   payload?: Payload | null
@@ -16,6 +16,7 @@ export interface RawInfoPayloadCollapse extends CollapseProps, ExpansionProps {
 export const RawInfoPayloadCollapse: React.FC<RawInfoPayloadCollapse> = ({ defaultExpandedJson, payload, updateExpandedJson, ...props }) => {
   const [expandedJson, setExpandedJson] = useDataState(defaultExpandedJson)
   const [hash] = usePromise(async () => (payload ? await PayloadBuilder.dataHash(payload) : undefined), [payload])
+  const actionText = expandedJson ? 'Hide JSON' : 'Show JSON'
 
   const handleExpansion = () => {
     updateExpandedJson?.(!expandedJson)
@@ -27,7 +28,7 @@ export const RawInfoPayloadCollapse: React.FC<RawInfoPayloadCollapse> = ({ defau
       {payload ?
         <FlexRow>
           <Button onClick={handleExpansion} size="small" variant="outlined">
-            Show Raw JSON
+            {actionText}
           </Button>
         </FlexRow>
       : null}

diff --git a/...mponents/Dialog/RawInfoDialog.stories.tsx → ...s/shared/Dialog/RawInfoDialog.stories.tsx b/...mponents/Dialog/RawInfoDialog.stories.tsx → ...s/shared/Dialog/RawInfoDialog.stories.tsx
diff --git a/...o/src/components/Dialog/RawInfoDialog.tsx → ...omponents/shared/Dialog/RawInfoDialog.tsx b/...o/src/components/Dialog/RawInfoDialog.tsx → ...omponents/shared/Dialog/RawInfoDialog.tsx
@@ -2,8 +2,8 @@ import { Button, Dialog, DialogActions, DialogContent, DialogProps, DialogTitle
 import { Payload } from '@xyo-network/payload-model'
 import { MouseEventHandler, ReactNode } from 'react'
 
-import { ExpansionProps } from '../../lib'
-import { RawInfoPayloadCollapse } from '../shared'
+import { ExpansionProps } from '../../../lib'
+import { RawInfoPayloadCollapse } from './PayloadCollapse'
 
 export interface RawInfoDialogProps extends DialogProps, ExpansionProps {
   dialogContent?: ReactNode

diff --git a/packages/sdk/packages/payload/packages/raw-info/src/components/shared/Dialog/index.ts b/packages/sdk/packages/payload/packages/raw-info/src/components/shared/Dialog/index.ts
@@ -0,0 +1,2 @@
+export * from './PayloadCollapse'
+export * from './RawInfoDialog'
diff --git a/packages/sdk/packages/payload/packages/raw-info/src/components/shared/index.ts b/packages/sdk/packages/payload/packages/raw-info/src/components/shared/index.ts
@@ -1,2 +1,2 @@
+export * from './Dialog'
 export * from './JsonViewerEx'
-export * from './PayloadCollapse'
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		export * from './PayloadCollapse'
		export * from './RawInfoDialog'