@xyo-network/react-shared 2.26.43 → 2.26.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/BasicHero/BasicHero.js.map +1 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.js.map +1 -1
- package/dist/cjs/components/TableCell/HashTableCell.js +1 -1
- package/dist/cjs/components/TableCell/HashTableCell.js.map +1 -1
- package/dist/cjs/hooks/index.d.ts +1 -0
- package/dist/cjs/hooks/index.js +1 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useDataState.d.ts +2 -0
- package/dist/cjs/hooks/useDataState.js +20 -0
- package/dist/cjs/hooks/useDataState.js.map +1 -0
- package/dist/docs.json +54164 -2
- package/dist/esm/components/BasicHero/BasicHero.js.map +1 -1
- package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.js.map +1 -1
- package/dist/esm/components/TableCell/HashTableCell.js +1 -1
- package/dist/esm/components/TableCell/HashTableCell.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useDataState.d.ts +2 -0
- package/dist/esm/hooks/useDataState.js +16 -0
- package/dist/esm/hooks/useDataState.js.map +1 -0
- package/package.json +5 -5
- package/src/components/BasicHero/BasicHero.tsx +4 -1
- package/src/components/JsonRouteWrapper/JsonFromUrl.stories.tsx +1 -1
- package/src/components/JsonRouteWrapper/JsonRouteWrapper.tsx +8 -1
- package/src/components/TableCell/HashTableCell.tsx +8 -1
- package/src/hooks/GradientStyles/GradientStyle.stories.tsx +4 -4
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useDataState.ts +17 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicHero.js","sourceRoot":"","sources":["../../../../src/components/BasicHero/BasicHero.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAgB,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAG3C,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAqC5D,MAAM,cAAc,GAAkC,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,wBAAwB,EAAE,EAAE,EAAE;IAC3I,OAAO,CACL,MAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"BasicHero.js","sourceRoot":"","sources":["../../../../src/components/BasicHero/BasicHero.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonRouteWrapper.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonRouteWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAkC,CAAC,iBAAiB,CAAC,CAAC,CAAA;AASzF,MAAM,CAAC,MAAM,gBAAgB,GAAmC,CAAC,
|
|
1
|
+
{"version":3,"file":"JsonRouteWrapper.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonRouteWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAkC,CAAC,iBAAiB,CAAC,CAAC,CAAA;AASzF,MAAM,CAAC,MAAM,gBAAgB,GAAmC,CAAC,EAC/D,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAU,CAAA;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAe,CAAA;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAe,EAAE,CAAA;IACzD,MAAM,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAEzC,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,QAAQ,EAAE,CAAA;YACjC,IAAI,OAAO,EAAE,EAAE;gBACb,cAAc,CAAC,QAAQ,CAAC,CAAA;aACzB;SACF;QAAC,OAAO,EAAE,EAAE;YACX,IAAI,OAAO,EAAE,EAAE;gBACb,MAAM,KAAK,GAAG,EAAiB,CAAA;gBAC/B,IAAI,KAAK,CAAC,UAAU,EAAE;oBACpB,WAAW,CAAC,KAAK,CAAC,CAAA;iBACnB;qBAAM;oBACL,MAAM,EAAE,CAAA;iBACT;aACF;SACF;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,YACf,MAAM,CAAC,CAAC,CAAC,CACR,8BACE,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YAAG,WAAW,IAAI,KAAC,QAAQ,IAAC,GAAG,EAAE,WAAW,EAAE,0BAA0B,EAAE,EAAE,KAAM,aAAa,GAAI,GAAY,EACtI,CAAC,YAAY,IAAI,CAChB,KAAC,OAAO,IAAC,OAAO,EAAE,CAAC,YACjB,KAAC,QAAQ,IACP,aAAa,EAAC,KAAK,EACnB,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;4BAC3B,eAAe,CAAC,YAAY,CAAC,CAAA;wBAC/B,CAAC,qBAGQ,GACH,CACX,EACD,KAAC,WAAW,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,GAAI,IACrH,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,QAAQ,EACR,CAAC,YAAY,IAAI,KAAC,aAAa,IAAC,SAAS,EAAE,CAAC,GAAI,IAChD,CACJ,GACO,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { EllipsisTableCell } from './EllipsisTableCell';
|
|
3
3
|
export const HashTableCell = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
|
|
4
4
|
const explorePath = `/archive/${archive}/${dataType}/hash/${value}?network=${network ?? 'main'}`;
|
|
5
|
-
return _jsx(EllipsisTableCell, { value: value, href: exploreDomain ? `${exploreDomain}${explorePath}}` : undefined, to: exploreDomain ? undefined : explorePath, ...props });
|
|
5
|
+
return (_jsx(EllipsisTableCell, { value: value, href: exploreDomain ? `${exploreDomain}${explorePath}}` : undefined, to: exploreDomain ? undefined : explorePath, ...props }));
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=HashTableCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HashTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAS/E,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5H,MAAM,WAAW,GAAG,YAAY,OAAO,IAAI,QAAQ,SAAS,KAAK,YAAY,OAAO,IAAI,MAAM,EAAE,CAAA;IAChG,OAAO,KAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"HashTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAS/E,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5H,MAAM,WAAW,GAAG,YAAY,OAAO,IAAI,QAAQ,SAAS,KAAK,YAAY,OAAO,IAAI,MAAM,EAAE,CAAA;IAChG,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,SAAS,EACnE,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,KACvC,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
|
package/dist/esm/hooks/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
export const useDataState = (defaultValue) => {
|
|
3
|
+
const [state, setState] = useState(defaultValue);
|
|
4
|
+
const setDataState = (value) => {
|
|
5
|
+
try {
|
|
6
|
+
if (JSON.stringify(value) !== JSON.stringify(state)) {
|
|
7
|
+
setState(value);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
catch (ex) {
|
|
11
|
+
console.error('setDataState failed! Make sure data type is stringifiable!');
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
return [state, setDataState];
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=useDataState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDataState.js","sourceRoot":"","sources":["../../../src/hooks/useDataState.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAI,YAA2B,EAA4D,EAAE;IACvH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAEhD,MAAM,YAAY,GAA4C,CAAC,KAAoC,EAAE,EAAE;QACrG,IAAI;YACF,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;gBACnD,QAAQ,CAAC,KAAK,CAAC,CAAA;aAChB;SACF;QAAC,OAAO,EAAE,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,6DAA6D,CAAC,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;AAC9B,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -26,15 +26,15 @@
|
|
|
26
26
|
"react": "^18.2.0",
|
|
27
27
|
"react-dom": "^18.2.0",
|
|
28
28
|
"react-json-view": "^1.21.3",
|
|
29
|
-
"react-router-dom": "^6.3.0"
|
|
30
|
-
"tslib": "^2.4.0"
|
|
29
|
+
"react-router-dom": "^6.3.0"
|
|
31
30
|
},
|
|
32
31
|
"description": "Common React library for all XYO projects that use React",
|
|
33
32
|
"devDependencies": {
|
|
34
33
|
"@storybook/react": "^6.5.9",
|
|
35
34
|
"@xylabs/pixel": "^1.4.5",
|
|
36
|
-
"@xylabs/tsconfig-dom": "^2.5.
|
|
37
|
-
"@xyo-network/api": "^2.22.
|
|
35
|
+
"@xylabs/tsconfig-dom": "^2.5.6",
|
|
36
|
+
"@xyo-network/api": "^2.22.20",
|
|
37
|
+
"@xyo-network/react-storybook": "^2.26.46"
|
|
38
38
|
},
|
|
39
39
|
"browser": "dist/esm/index.js",
|
|
40
40
|
"docs": "dist/docs.json",
|
|
@@ -85,5 +85,5 @@
|
|
|
85
85
|
},
|
|
86
86
|
"sideEffects": false,
|
|
87
87
|
"types": "dist/esm/index.d.ts",
|
|
88
|
-
"version": "2.26.
|
|
88
|
+
"version": "2.26.46"
|
|
89
89
|
}
|
|
@@ -43,7 +43,10 @@ interface ButtonSectionProps {
|
|
|
43
43
|
}
|
|
44
44
|
const SubLinkSection: React.FC<SubLinkSectionProps> = ({ subLinkText1, subLinkText2, subLinkPath, subLinkIcon, backgroundImageAlignment }) => {
|
|
45
45
|
return (
|
|
46
|
-
<FlexGrowRow
|
|
46
|
+
<FlexGrowRow
|
|
47
|
+
width="100%"
|
|
48
|
+
sx={{ flexDirection: { md: 'row', xs: 'column' }, justifyContent: { md: backgroundImageAlignment ? 'flex-start' : 'center', xs: 'center' } }}
|
|
49
|
+
>
|
|
47
50
|
{subLinkIcon ? <span>{subLinkIcon} </span> : null}
|
|
48
51
|
<Typography>{subLinkText1} </Typography>
|
|
49
52
|
<LinkEx href={subLinkPath} underline="always" target="_blank" color="inherit">
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
/* eslint-disable import/no-deprecated */
|
|
3
3
|
import { ComponentStory, Meta } from '@storybook/react'
|
|
4
4
|
import { FlexCol } from '@xylabs/react-flexbox'
|
|
5
|
+
import { DeprecateStory } from '@xyo-network/react-storybook'
|
|
5
6
|
import { BrowserRouter } from 'react-router-dom'
|
|
6
7
|
|
|
7
|
-
import { DeprecateStory } from '../../../../../.storybook'
|
|
8
8
|
import { JsonFromUrl } from './JsonFromUrl'
|
|
9
9
|
|
|
10
10
|
const StorybookEntry: Meta = {
|
|
@@ -18,7 +18,14 @@ export interface JsonFromPromiseProps extends FlexBoxProps {
|
|
|
18
18
|
jsonViewProps?: ReactJsonViewProps
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
export const JsonRouteWrapper: React.FC<JsonFromPromiseProps> = ({
|
|
21
|
+
export const JsonRouteWrapper: React.FC<JsonFromPromiseProps> = ({
|
|
22
|
+
callback,
|
|
23
|
+
children,
|
|
24
|
+
noBackButton = false,
|
|
25
|
+
noJsonButton = false,
|
|
26
|
+
jsonViewProps,
|
|
27
|
+
...props
|
|
28
|
+
}) => {
|
|
22
29
|
const [apiResponse, setApiResponse] = useState<object>()
|
|
23
30
|
const [apiError, setApiError] = useState<XyoApiError>()
|
|
24
31
|
const [searchParams, setSearchParams] = useSearchParams()
|
|
@@ -9,5 +9,12 @@ export interface HashTableCellProps extends EllipsisTableCellProps {
|
|
|
9
9
|
|
|
10
10
|
export const HashTableCell: React.FC<HashTableCellProps> = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
|
|
11
11
|
const explorePath = `/archive/${archive}/${dataType}/hash/${value}?network=${network ?? 'main'}`
|
|
12
|
-
return
|
|
12
|
+
return (
|
|
13
|
+
<EllipsisTableCell
|
|
14
|
+
value={value}
|
|
15
|
+
href={exploreDomain ? `${exploreDomain}${explorePath}}` : undefined}
|
|
16
|
+
to={exploreDomain ? undefined : explorePath}
|
|
17
|
+
{...props}
|
|
18
|
+
/>
|
|
19
|
+
)
|
|
13
20
|
}
|
|
@@ -25,16 +25,16 @@ const GradientTextExample: React.FC<FlexBoxProps> = (props) => {
|
|
|
25
25
|
</Typography>
|
|
26
26
|
<Divider sx={{ marginY: '8px' }} />
|
|
27
27
|
<Typography variant="h5" gutterBottom className={classNames.heading}>
|
|
28
|
-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea
|
|
29
|
-
deserunt tempore, natus optio veritatis dolor?
|
|
28
|
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea
|
|
29
|
+
vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?
|
|
30
30
|
</Typography>
|
|
31
31
|
<Typography variant="subtitle2" gutterBottom paddingTop={3}>
|
|
32
32
|
Caption
|
|
33
33
|
</Typography>
|
|
34
34
|
<Divider sx={{ marginY: '8px' }} />
|
|
35
35
|
<Typography variant="caption" gutterBottom className={classNames.heading}>
|
|
36
|
-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea
|
|
37
|
-
deserunt tempore, natus optio veritatis dolor?
|
|
36
|
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea
|
|
37
|
+
vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?
|
|
38
38
|
</Typography>
|
|
39
39
|
<Typography variant="subtitle2" gutterBottom paddingTop={3}>
|
|
40
40
|
Card Border
|
package/src/hooks/index.ts
CHANGED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction, useState } from 'react'
|
|
2
|
+
|
|
3
|
+
export const useDataState = <T>(defaultValue: T | undefined): [T | undefined, Dispatch<SetStateAction<T | undefined>>] => {
|
|
4
|
+
const [state, setState] = useState(defaultValue)
|
|
5
|
+
|
|
6
|
+
const setDataState: Dispatch<SetStateAction<T | undefined>> = (value: SetStateAction<T | undefined>) => {
|
|
7
|
+
try {
|
|
8
|
+
if (JSON.stringify(value) !== JSON.stringify(state)) {
|
|
9
|
+
setState(value)
|
|
10
|
+
}
|
|
11
|
+
} catch (ex) {
|
|
12
|
+
console.error('setDataState failed! Make sure data type is stringifiable!')
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
return [state, setDataState]
|
|
17
|
+
}
|