@xyo-network/react-shared 4.4.10 → 5.0.0-rc.1

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.
Files changed (179) hide show
  1. package/dist/browser/index.mjs +23 -29
  2. package/dist/browser/index.mjs.map +1 -1
  3. package/dist/types/SizeProp.d.ts +2 -0
  4. package/dist/types/SizeProp.d.ts.map +1 -0
  5. package/dist/types/components/Ampersand.d.ts +4 -0
  6. package/dist/types/components/Ampersand.d.ts.map +1 -0
  7. package/dist/types/components/BasicHero/BasicHero.d.ts +26 -0
  8. package/dist/types/components/BasicHero/BasicHero.d.ts.map +1 -0
  9. package/dist/types/components/BasicHero/index.d.ts +2 -0
  10. package/dist/types/components/BasicHero/index.d.ts.map +1 -0
  11. package/dist/types/components/Ellipsize.d.ts +21 -0
  12. package/dist/types/components/Ellipsize.d.ts.map +1 -0
  13. package/dist/types/components/LabeledTextFieldWrapper.d.ts +7 -0
  14. package/dist/types/components/LabeledTextFieldWrapper.d.ts.map +1 -0
  15. package/dist/types/components/ListItemButtonEx.d.ts +11 -0
  16. package/dist/types/components/ListItemButtonEx.d.ts.map +1 -0
  17. package/dist/types/components/LoadResult.d.ts +11 -0
  18. package/dist/types/components/LoadResult.d.ts.map +1 -0
  19. package/dist/types/components/NotFound.d.ts +5 -0
  20. package/dist/types/components/NotFound.d.ts.map +1 -0
  21. package/dist/types/components/Pipe.d.ts +4 -0
  22. package/dist/types/components/Pipe.d.ts.map +1 -0
  23. package/dist/types/components/ScrollTableOnSm.d.ts +5 -0
  24. package/dist/types/components/ScrollTableOnSm.d.ts.map +1 -0
  25. package/dist/types/components/SectionSpacingRow/SectionSpacingRow.d.ts +9 -0
  26. package/dist/types/components/SectionSpacingRow/SectionSpacingRow.d.ts.map +1 -0
  27. package/dist/types/components/SectionSpacingRow/index.d.ts +2 -0
  28. package/dist/types/components/SectionSpacingRow/index.d.ts.map +1 -0
  29. package/dist/types/components/StyleGuide/AppBars.example.d.ts +2 -0
  30. package/dist/types/components/StyleGuide/AppBars.example.d.ts.map +1 -0
  31. package/dist/types/components/StyleGuide/Buttons.example.d.ts +3 -0
  32. package/dist/types/components/StyleGuide/Buttons.example.d.ts.map +1 -0
  33. package/dist/types/components/StyleGuide/Papers.example.d.ts +3 -0
  34. package/dist/types/components/StyleGuide/Papers.example.d.ts.map +1 -0
  35. package/dist/types/components/StyleGuide/StyleGuide.example.d.ts +3 -0
  36. package/dist/types/components/StyleGuide/StyleGuide.example.d.ts.map +1 -0
  37. package/dist/types/components/StyleGuide/Texts.example.d.ts +2 -0
  38. package/dist/types/components/StyleGuide/Texts.example.d.ts.map +1 -0
  39. package/dist/types/components/StyleGuide/VariantContext.example.d.ts +2 -0
  40. package/dist/types/components/StyleGuide/VariantContext.example.d.ts.map +1 -0
  41. package/dist/types/components/TableCell/AddressTableCell.d.ts +17 -0
  42. package/dist/types/components/TableCell/AddressTableCell.d.ts.map +1 -0
  43. package/dist/types/components/TableCell/EllipsisTableCell.d.ts +29 -0
  44. package/dist/types/components/TableCell/EllipsisTableCell.d.ts.map +1 -0
  45. package/dist/types/components/TableCell/HashTableCell.d.ts +12 -0
  46. package/dist/types/components/TableCell/HashTableCell.d.ts.map +1 -0
  47. package/dist/types/components/TableCell/findParent.d.ts +2 -0
  48. package/dist/types/components/TableCell/findParent.d.ts.map +1 -0
  49. package/dist/types/components/TableCell/getRemainingRowWidth.d.ts +3 -0
  50. package/dist/types/components/TableCell/getRemainingRowWidth.d.ts.map +1 -0
  51. package/dist/types/components/TableCell/getSmallestParentWidth.d.ts +2 -0
  52. package/dist/types/components/TableCell/getSmallestParentWidth.d.ts.map +1 -0
  53. package/dist/types/components/TableCell/index.d.ts +4 -0
  54. package/dist/types/components/TableCell/index.d.ts.map +1 -0
  55. package/dist/types/components/ThemeTokenAvatar/ThemeTokenAvatar.d.ts +4 -0
  56. package/dist/types/components/ThemeTokenAvatar/ThemeTokenAvatar.d.ts.map +1 -0
  57. package/dist/types/components/ThemeTokenAvatar/index.d.ts +2 -0
  58. package/dist/types/components/ThemeTokenAvatar/index.d.ts.map +1 -0
  59. package/dist/types/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.d.ts +7 -0
  60. package/dist/types/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.d.ts.map +1 -0
  61. package/dist/types/components/ThemeTokenAvatarGroup/index.d.ts +2 -0
  62. package/dist/types/components/ThemeTokenAvatarGroup/index.d.ts.map +1 -0
  63. package/dist/types/components/TokenBar/TokenBar.d.ts +13 -0
  64. package/dist/types/components/TokenBar/TokenBar.d.ts.map +1 -0
  65. package/dist/types/components/TokenBar/index.d.ts +2 -0
  66. package/dist/types/components/TokenBar/index.d.ts.map +1 -0
  67. package/dist/types/components/TokenData/TokenData.d.ts +10 -0
  68. package/dist/types/components/TokenData/TokenData.d.ts.map +1 -0
  69. package/dist/types/components/TokenData/img/index.d.ts +16 -0
  70. package/dist/types/components/TokenData/img/index.d.ts.map +1 -0
  71. package/dist/types/components/TokenData/index.d.ts +3 -0
  72. package/dist/types/components/TokenData/index.d.ts.map +1 -0
  73. package/dist/types/components/TokenData/useGetTokenData.d.ts +3 -0
  74. package/dist/types/components/TokenData/useGetTokenData.d.ts.map +1 -0
  75. package/dist/types/components/TokenSummary/TokenSummary.d.ts +11 -0
  76. package/dist/types/components/TokenSummary/TokenSummary.d.ts.map +1 -0
  77. package/dist/types/components/TokenSummary/index.d.ts +2 -0
  78. package/dist/types/components/TokenSummary/index.d.ts.map +1 -0
  79. package/dist/types/components/TypographyEx.d.ts +7 -0
  80. package/dist/types/components/TypographyEx.d.ts.map +1 -0
  81. package/dist/types/components/bigint/FixedPointPopover.d.ts +9 -0
  82. package/dist/types/components/bigint/FixedPointPopover.d.ts.map +1 -0
  83. package/dist/types/components/bigint/Input.d.ts +5 -0
  84. package/dist/types/components/bigint/Input.d.ts.map +1 -0
  85. package/dist/types/components/bigint/InputAdornment.d.ts +9 -0
  86. package/dist/types/components/bigint/InputAdornment.d.ts.map +1 -0
  87. package/dist/types/components/bigint/TextField.d.ts +15 -0
  88. package/dist/types/components/bigint/TextField.d.ts.map +1 -0
  89. package/dist/types/components/bigint/index.d.ts +5 -0
  90. package/dist/types/components/bigint/index.d.ts.map +1 -0
  91. package/dist/types/components/index.d.ts +20 -0
  92. package/dist/types/components/index.d.ts.map +1 -0
  93. package/dist/types/components/pluginValidation/DataMissing.d.ts +7 -0
  94. package/dist/types/components/pluginValidation/DataMissing.d.ts.map +1 -0
  95. package/dist/types/components/pluginValidation/index.d.ts +2 -0
  96. package/dist/types/components/pluginValidation/index.d.ts.map +1 -0
  97. package/dist/types/contexts/ListMode/Context.d.ts +3 -0
  98. package/dist/types/contexts/ListMode/Context.d.ts.map +1 -0
  99. package/dist/types/contexts/ListMode/Provider.d.ts +8 -0
  100. package/dist/types/contexts/ListMode/Provider.d.ts.map +1 -0
  101. package/dist/types/contexts/ListMode/State.d.ts +8 -0
  102. package/dist/types/contexts/ListMode/State.d.ts.map +1 -0
  103. package/dist/types/contexts/ListMode/index.d.ts +5 -0
  104. package/dist/types/contexts/ListMode/index.d.ts.map +1 -0
  105. package/dist/types/contexts/ListMode/use.d.ts +2 -0
  106. package/dist/types/contexts/ListMode/use.d.ts.map +1 -0
  107. package/dist/types/contexts/contextEx/ContextExProviderProps.d.ts +6 -0
  108. package/dist/types/contexts/contextEx/ContextExProviderProps.d.ts.map +1 -0
  109. package/dist/types/contexts/contextEx/State.d.ts +4 -0
  110. package/dist/types/contexts/contextEx/State.d.ts.map +1 -0
  111. package/dist/types/contexts/contextEx/create.d.ts +3 -0
  112. package/dist/types/contexts/contextEx/create.d.ts.map +1 -0
  113. package/dist/types/contexts/contextEx/index.d.ts +5 -0
  114. package/dist/types/contexts/contextEx/index.d.ts.map +1 -0
  115. package/dist/types/contexts/contextEx/use.d.ts +5 -0
  116. package/dist/types/contexts/contextEx/use.d.ts.map +1 -0
  117. package/dist/types/contexts/diviner/Context.d.ts +2 -0
  118. package/dist/types/contexts/diviner/Context.d.ts.map +1 -0
  119. package/dist/types/contexts/diviner/Provider.d.ts +10 -0
  120. package/dist/types/contexts/diviner/Provider.d.ts.map +1 -0
  121. package/dist/types/contexts/diviner/State.d.ts +7 -0
  122. package/dist/types/contexts/diviner/State.d.ts.map +1 -0
  123. package/dist/types/contexts/diviner/index.d.ts +4 -0
  124. package/dist/types/contexts/diviner/index.d.ts.map +1 -0
  125. package/dist/types/contexts/index.d.ts +4 -0
  126. package/dist/types/contexts/index.d.ts.map +1 -0
  127. package/dist/types/hooks/GradientStyles/GradientStyles.d.ts +67 -0
  128. package/dist/types/hooks/GradientStyles/GradientStyles.d.ts.map +1 -0
  129. package/dist/types/hooks/GradientStyles/index.d.ts +2 -0
  130. package/dist/types/hooks/GradientStyles/index.d.ts.map +1 -0
  131. package/dist/types/hooks/index.d.ts +7 -0
  132. package/dist/types/hooks/index.d.ts.map +1 -0
  133. package/dist/types/hooks/payload/index.d.ts +5 -0
  134. package/dist/types/hooks/payload/index.d.ts.map +1 -0
  135. package/dist/types/hooks/payload/types/ValidatedResponse.d.ts +6 -0
  136. package/dist/types/hooks/payload/types/ValidatedResponse.d.ts.map +1 -0
  137. package/dist/types/hooks/payload/types/index.d.ts +2 -0
  138. package/dist/types/hooks/payload/types/index.d.ts.map +1 -0
  139. package/dist/types/hooks/payload/useBoundWitnessValidate.d.ts +4 -0
  140. package/dist/types/hooks/payload/useBoundWitnessValidate.d.ts.map +1 -0
  141. package/dist/types/hooks/payload/usePayloadHash.d.ts +5 -0
  142. package/dist/types/hooks/payload/usePayloadHash.d.ts.map +1 -0
  143. package/dist/types/hooks/payload/usePayloadValidate.d.ts +4 -0
  144. package/dist/types/hooks/payload/usePayloadValidate.d.ts.map +1 -0
  145. package/dist/types/hooks/useDataState.d.ts +3 -0
  146. package/dist/types/hooks/useDataState.d.ts.map +1 -0
  147. package/dist/types/hooks/useIsMobile.d.ts +4 -0
  148. package/dist/types/hooks/useIsMobile.d.ts.map +1 -0
  149. package/dist/types/hooks/useMediaQuery.d.ts +2 -0
  150. package/dist/types/hooks/useMediaQuery.d.ts.map +1 -0
  151. package/dist/types/hooks/useShareForwardRef.d.ts +3 -0
  152. package/dist/types/hooks/useShareForwardRef.d.ts.map +1 -0
  153. package/dist/types/index.d.ts +7 -0
  154. package/dist/types/index.d.ts.map +1 -0
  155. package/dist/types/lib/assertDefinedEx.d.ts +5 -0
  156. package/dist/types/lib/assertDefinedEx.d.ts.map +1 -0
  157. package/dist/types/lib/getActualPaddingX.d.ts +14 -0
  158. package/dist/types/lib/getActualPaddingX.d.ts.map +1 -0
  159. package/dist/types/lib/index.d.ts +4 -0
  160. package/dist/types/lib/index.d.ts.map +1 -0
  161. package/dist/types/lib/networkComponents.d.ts +12 -0
  162. package/dist/types/lib/networkComponents.d.ts.map +1 -0
  163. package/dist/types/lib/xyo.d.ts +4 -0
  164. package/dist/types/lib/xyo.d.ts.map +1 -0
  165. package/dist/types/models/ListMode.d.ts +2 -0
  166. package/dist/types/models/ListMode.d.ts.map +1 -0
  167. package/dist/types/models/index.d.ts +2 -0
  168. package/dist/types/models/index.d.ts.map +1 -0
  169. package/package.json +34 -31
  170. package/src/components/Ellipsize.tsx +17 -21
  171. package/src/components/SectionSpacingRow/SectionSpacingRow.tsx +5 -5
  172. package/src/components/TableCell/AddressTableCell.tsx +5 -5
  173. package/src/components/TableCell/EllipsisTableCell.tsx +23 -25
  174. package/src/components/bigint/TextField.tsx +5 -14
  175. package/src/contexts/ListMode/Provider.tsx +2 -2
  176. package/src/contexts/contextEx/use.ts +3 -3
  177. package/src/contexts/diviner/Provider.tsx +3 -3
  178. package/src/hooks/useShareForwardRef.ts +1 -1
  179. package/dist/browser/index.d.ts +0 -343
@@ -0,0 +1 @@
1
+ {"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/contextEx/State.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAA;CAClB"}
@@ -0,0 +1,3 @@
1
+ import type { ContextExState } from './State.ts';
2
+ export declare const createContextEx: <T>() => import("react").Context<T & ContextExState>;
3
+ //# sourceMappingURL=create.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../../src/contexts/contextEx/create.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEhD,eAAO,MAAM,eAAe,GAAI,CAAC,kDAAmF,CAAA"}
@@ -0,0 +1,5 @@
1
+ export * from './ContextExProviderProps.ts';
2
+ export * from './create.ts';
3
+ export * from './State.ts';
4
+ export * from './use.ts';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/contextEx/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA"}
@@ -0,0 +1,5 @@
1
+ import type { Context } from 'react';
2
+ import type { ContextExState } from './State.ts';
3
+ export declare const useContextEx: <T extends ContextExState>(context: Context<T>, contextName: string, required?: boolean) => Omit<T, "provided">;
4
+ export declare const useProvided: <T extends ContextExState>(context: Context<T>) => boolean;
5
+ //# sourceMappingURL=use.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/contextEx/use.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEhD,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,cAAc,EAAE,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE,aAAa,MAAM,EAAE,kBAAe,wBAM/G,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,cAAc,EAAE,SAAS,OAAO,CAAC,CAAC,CAAC,YAGxE,CAAA"}
@@ -0,0 +1,2 @@
1
+ export declare const ResolvedDivinerContext: <T>() => import("react").Context<T & import("../contextEx/State.ts").ContextExState>;
2
+ //# sourceMappingURL=Context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/diviner/Context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,GAAI,CAAC,kFAA2B,CAAA"}
@@ -0,0 +1,10 @@
1
+ import type { Context, PropsWithChildren } from 'react';
2
+ import type { ContextExProviderProps } from '../contextEx/index.ts';
3
+ import type { ResolvedDivinerState } from './State.ts';
4
+ export interface DivinerProviderProps<D> extends ContextExProviderProps, PropsWithChildren {
5
+ context: Context<ResolvedDivinerState<D>>;
6
+ diviner?: D;
7
+ }
8
+ /** Exposes a resolved diviner */
9
+ export declare const ResolvedDivinerProvider: <D>({ diviner: divinerProp, required, children, context: Context, }: DivinerProviderProps<D>) => import("react/jsx-runtime").JSX.Element;
10
+ //# sourceMappingURL=Provider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/diviner/Provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAEtD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,sBAAsB,EAAE,iBAAiB;IACxF,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,OAAO,CAAC,EAAE,CAAC,CAAA;CACZ;AAED,iCAAiC;AACjC,eAAO,MAAM,uBAAuB,GAAI,CAAC,EAAG,iEAEzC,oBAAoB,CAAC,CAAC,CAAC,4CA8BzB,CAAA"}
@@ -0,0 +1,7 @@
1
+ import type { Dispatch, SetStateAction } from 'react';
2
+ import type { ContextExState } from '../contextEx/index.ts';
3
+ export interface ResolvedDivinerState<T> extends ContextExState {
4
+ diviner?: T;
5
+ setDiviner?: Dispatch<SetStateAction<T | undefined>>;
6
+ }
7
+ //# sourceMappingURL=State.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/diviner/State.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,cAAc;IAC7D,OAAO,CAAC,EAAE,CAAC,CAAA;IACX,UAAU,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAA;CACrD"}
@@ -0,0 +1,4 @@
1
+ export * from './Context.ts';
2
+ export * from './Provider.tsx';
3
+ export * from './State.ts';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/diviner/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
@@ -0,0 +1,4 @@
1
+ export * from './contextEx/index.ts';
2
+ export * from './diviner/index.ts';
3
+ export * from './ListMode/index.ts';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA"}
@@ -0,0 +1,67 @@
1
+ import type { CSSProperties } from 'react';
2
+ export interface GradientStyles {
3
+ background: CSSProperties;
4
+ border: CSSProperties;
5
+ heading: CSSProperties;
6
+ }
7
+ export declare const colorfulGradientLightMode: () => {
8
+ background: {
9
+ backgroundImage: string;
10
+ };
11
+ border: {
12
+ borderImage: string;
13
+ borderImageSlice: number;
14
+ borderImageSource: string;
15
+ borderRadius: number;
16
+ borderStyle: string;
17
+ borderWidth: string;
18
+ };
19
+ heading: {
20
+ WebkitBackgroundClip: string;
21
+ WebkitTextFillColor: string;
22
+ background: string;
23
+ display: string;
24
+ };
25
+ };
26
+ export declare const colorfulGradientDarkMode: () => {
27
+ background: {
28
+ backgroundImage: string;
29
+ };
30
+ border: {
31
+ borderImage: string;
32
+ borderImageSlice: number;
33
+ borderImageSource: string;
34
+ borderRadius: number;
35
+ borderStyle: string;
36
+ borderWidth: string;
37
+ };
38
+ heading: {
39
+ WebkitBackgroundClip: string;
40
+ WebkitTextFillColor: string;
41
+ background: string;
42
+ display: string;
43
+ };
44
+ };
45
+ export declare const useGradientStyles: () => {
46
+ classes: (props?: any) => import("@mui/styles").ClassNameMap<"border" | "background" | "heading">;
47
+ styles: {
48
+ background: {
49
+ backgroundImage: string;
50
+ };
51
+ border: {
52
+ borderImage: string;
53
+ borderImageSlice: number;
54
+ borderImageSource: string;
55
+ borderRadius: number;
56
+ borderStyle: string;
57
+ borderWidth: string;
58
+ };
59
+ heading: {
60
+ WebkitBackgroundClip: string;
61
+ WebkitTextFillColor: string;
62
+ background: string;
63
+ display: string;
64
+ };
65
+ };
66
+ };
67
+ //# sourceMappingURL=GradientStyles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GradientStyles.d.ts","sourceRoot":"","sources":["../../../../src/hooks/GradientStyles/GradientStyles.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,aAAa,CAAA;IACzB,MAAM,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,aAAa,CAAA;CACvB;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;CAkBrC,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;CAkBpC,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAK7B,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './GradientStyles.tsx';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/GradientStyles/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
@@ -0,0 +1,7 @@
1
+ export * from './GradientStyles/index.ts';
2
+ export * from './payload/index.ts';
3
+ export * from './useDataState.ts';
4
+ export * from './useIsMobile.ts';
5
+ export * from './useMediaQuery.ts';
6
+ export * from './useShareForwardRef.ts';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA;AACzC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA"}
@@ -0,0 +1,5 @@
1
+ export * from './types/index.ts';
2
+ export * from './useBoundWitnessValidate.tsx';
3
+ export * from './usePayloadHash.tsx';
4
+ export * from './usePayloadValidate.tsx';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/payload/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}
@@ -0,0 +1,6 @@
1
+ import type { Payload } from '@xyo-network/payload-model';
2
+ export type ValidatedResponse<T extends Payload = Payload> = {
3
+ errors?: Error[];
4
+ payload?: T;
5
+ };
6
+ //# sourceMappingURL=ValidatedResponse.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ValidatedResponse.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/payload/types/ValidatedResponse.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEzD,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI;IAAE,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC,CAAA;CAAE,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './ValidatedResponse.ts';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/payload/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}
@@ -0,0 +1,4 @@
1
+ import type { BoundWitness } from '@xyo-network/boundwitness-model';
2
+ import type { ValidatedResponse } from './types/index.ts';
3
+ export declare const useValidateBoundWitness: (input?: string) => ValidatedResponse<BoundWitness>;
4
+ //# sourceMappingURL=useBoundWitnessValidate.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useBoundWitnessValidate.d.ts","sourceRoot":"","sources":["../../../../src/hooks/payload/useBoundWitnessValidate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAInE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,eAAO,MAAM,uBAAuB,GAAI,QAAQ,MAAM,KAAG,iBAAiB,CAAC,YAAY,CAoBtF,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { type Payload } from '@xyo-network/payload-model';
2
+ export declare const usePayloadHash: <TPayload extends Payload>(payload: TPayload | undefined | null) => Lowercase<string> | undefined;
3
+ export declare const usePayloadRootHash: <TPayload extends Payload>(payload: TPayload | undefined | null) => Lowercase<string> | undefined;
4
+ export declare const usePayloadHashes: <TPayload extends Payload>(payloads: TPayload[] | undefined | null) => [TPayload, Lowercase<string>][] | undefined;
5
+ //# sourceMappingURL=usePayloadHash.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"usePayloadHash.d.ts","sourceRoot":"","sources":["../../../../src/hooks/payload/usePayloadHash.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEzD,eAAO,MAAM,cAAc,GAAI,QAAQ,SAAS,OAAO,EAAE,SAAS,QAAQ,GAAG,SAAS,GAAG,IAAI,kCAE5F,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,QAAQ,SAAS,OAAO,EAAE,SAAS,QAAQ,GAAG,SAAS,GAAG,IAAI,kCAEhG,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,QAAQ,SAAS,OAAO,EAAE,UAAU,QAAQ,EAAE,GAAG,SAAS,GAAG,IAAI,gDAQjG,CAAA"}
@@ -0,0 +1,4 @@
1
+ import type { Payload } from '@xyo-network/payload-model';
2
+ import type { ValidatedResponse } from './types/index.ts';
3
+ export declare const usePayloadValidate: <TPayload extends Payload>(input?: string) => ValidatedResponse;
4
+ //# sourceMappingURL=usePayloadValidate.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"usePayloadValidate.d.ts","sourceRoot":"","sources":["../../../../src/hooks/payload/usePayloadValidate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAIzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,eAAO,MAAM,kBAAkB,GAAI,QAAQ,SAAS,OAAO,EAAE,QAAQ,MAAM,KAAG,iBAY7E,CAAA"}
@@ -0,0 +1,3 @@
1
+ import type { Dispatch, SetStateAction } from 'react';
2
+ export declare const useDataState: <T>(defaultValue: T | undefined) => [T | undefined, Dispatch<SetStateAction<T | undefined>>];
3
+ //# sourceMappingURL=useDataState.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDataState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDataState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAGrD,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,cAAc,CAAC,GAAG,SAAS,KAAG,CAAC,CAAC,GAAG,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAcpH,CAAA"}
@@ -0,0 +1,4 @@
1
+ /** @deprecated use useIsSmall instead */
2
+ export declare const useIsMobile: () => boolean;
3
+ export declare const useIsSmall: () => boolean;
4
+ //# sourceMappingURL=useIsMobile.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useIsMobile.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIsMobile.ts"],"names":[],"mappings":"AAIA,yCAAyC;AACzC,eAAO,MAAM,WAAW,eAGvB,CAAA;AAED,eAAO,MAAM,UAAU,eAGtB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { useMediaQuery } from '@mui/material';
2
+ //# sourceMappingURL=useMediaQuery.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA"}
@@ -0,0 +1,3 @@
1
+ import type { ForwardedRef } from 'react';
2
+ export declare const useShareForwardedRef: <T>(forwardedRef: ForwardedRef<T> | null | undefined, refresh?: number) => import("react").RefObject<T | null>;
3
+ //# sourceMappingURL=useShareForwardRef.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useShareForwardRef.d.ts","sourceRoot":"","sources":["../../../src/hooks/useShareForwardRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGzC,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAE,cAAc,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EAAE,gBAAW,wCAiBpG,CAAA"}
@@ -0,0 +1,7 @@
1
+ export * from './components/index.ts';
2
+ export * from './contexts/index.ts';
3
+ export * from './hooks/index.ts';
4
+ export * from './lib/index.ts';
5
+ export * from './models/index.ts';
6
+ export * from './SizeProp.ts';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA"}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @deprecated use from @xylabs/assert instead
3
+ * */
4
+ export declare const assertDefinedEx: <T>(expr?: T | null, message?: string) => T;
5
+ //# sourceMappingURL=assertDefinedEx.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"assertDefinedEx.d.ts","sourceRoot":"","sources":["../../../src/lib/assertDefinedEx.ts"],"names":[],"mappings":"AAAA;;KAEK;AACL,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,UAAU,MAAM,KAAG,CAGtE,CAAA"}
@@ -0,0 +1,14 @@
1
+ export declare const parseMeausureString: (measure?: string, absolute?: number) => number | undefined;
2
+ export declare const parsePadding: (padding: string) => {
3
+ bottom: string;
4
+ left: string;
5
+ right: string;
6
+ top: string;
7
+ } | {
8
+ bottom: string;
9
+ right: string;
10
+ top: string;
11
+ left?: undefined;
12
+ } | undefined;
13
+ export declare const getActualPaddingX: (element: HTMLElement) => number;
14
+ //# sourceMappingURL=getActualPaddingX.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getActualPaddingX.d.ts","sourceRoot":"","sources":["../../../src/lib/getActualPaddingX.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,GAAI,UAAU,MAAM,EAAE,WAAW,MAAM,uBAgBtE,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,SAAS,MAAM;;;;;;;;;;aAmC3C,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,WAOrD,CAAA"}
@@ -0,0 +1,4 @@
1
+ export * from './assertDefinedEx.ts';
2
+ export * from './getActualPaddingX.ts';
3
+ export * from './networkComponents.tsx';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA"}
@@ -0,0 +1,12 @@
1
+ import type { SvgIconProps } from '@mui/material';
2
+ import type { ReactElement } from 'react';
3
+ export type NetworkComponentSlug = 'sentinel' | 'bridge' | 'archivist' | 'diviner' | 'node' | 'witness';
4
+ export interface NetworkComponentDetails {
5
+ icon: (props?: SvgIconProps) => ReactElement;
6
+ name: string;
7
+ slug: NetworkComponentSlug;
8
+ }
9
+ export declare const networkComponents: NetworkComponentDetails[];
10
+ export declare const findNetworkComponentIndex: (slug: string) => number;
11
+ export declare const findNetworkComponent: (slug: string) => NetworkComponentDetails | undefined;
12
+ //# sourceMappingURL=networkComponents.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"networkComponents.d.ts","sourceRoot":"","sources":["../../../src/lib/networkComponents.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;AAEvG,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,YAAY,KAAK,YAAY,CAAA;IAC5C,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,oBAAoB,CAAA;CAC3B;AAED,eAAO,MAAM,iBAAiB,EAAE,uBAAuB,EAmBtD,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,MAAM,MAAM,WAErD,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,wCAEhD,CAAA"}
@@ -0,0 +1,4 @@
1
+ import type { SvgIconProps } from '@mui/material';
2
+ import React from 'react';
3
+ export declare const Logo: React.FC<SvgIconProps>;
4
+ //# sourceMappingURL=xyo.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"xyo.d.ts","sourceRoot":"","sources":["../../../src/lib/xyo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CASvC,CAAA"}
@@ -0,0 +1,2 @@
1
+ export type ListMode = 'table' | 'grid' | 'default';
2
+ //# sourceMappingURL=ListMode.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListMode.d.ts","sourceRoot":"","sources":["../../../src/models/ListMode.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './ListMode.ts';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-shared",
3
- "version": "4.4.10",
3
+ "version": "5.0.0-rc.1",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -28,10 +28,10 @@
28
28
  "exports": {
29
29
  ".": {
30
30
  "browser": {
31
- "types": "./dist/browser/index.d.ts",
31
+ "types": "./dist/types/index.d.ts",
32
32
  "default": "./dist/browser/index.mjs"
33
33
  },
34
- "types": "./dist/browser/index.d.ts",
34
+ "types": "./dist/types/index.d.ts",
35
35
  "default": "./dist/browser/index.mjs"
36
36
  },
37
37
  "./package.json": "./package.json"
@@ -43,43 +43,46 @@
43
43
  "lint-pkg": "npmPkgJsonLint ."
44
44
  },
45
45
  "dependencies": {
46
- "@xylabs/assert": "^4.5.1",
47
- "@xylabs/hex": "^4.5.1",
48
- "@xylabs/react-appbar": "^5.3.23",
49
- "@xylabs/react-button": "^5.3.23",
50
- "@xylabs/react-flexbox": "^5.3.23",
51
- "@xylabs/react-hooks": "^5.3.23",
52
- "@xylabs/react-link": "^5.3.23",
53
- "@xylabs/react-promise": "^5.3.23",
54
- "@xyo-network/boundwitness-model": "^3.9.17",
55
- "@xyo-network/boundwitness-validator": "^3.9.17",
56
- "@xyo-network/payload-builder": "^3.9.17",
57
- "@xyo-network/payload-model": "^3.9.17",
58
- "@xyo-network/react-event": "^4.4.10",
59
- "react-router-dom": "^7.2.0"
46
+ "@xylabs/assert": "^4.5.10",
47
+ "@xylabs/decimal-precision": "^4.5.10",
48
+ "@xylabs/hex": "^4.5.10",
49
+ "@xylabs/react-appbar": "^6.0.0-rc.2",
50
+ "@xylabs/react-button": "^6.0.0-rc.2",
51
+ "@xylabs/react-flexbox": "^6.0.0-rc.2",
52
+ "@xylabs/react-hooks": "^6.0.0-rc.2",
53
+ "@xylabs/react-link": "^6.0.0-rc.2",
54
+ "@xylabs/react-promise": "^6.0.0-rc.2",
55
+ "@xyo-network/boundwitness-model": "^3.9.35",
56
+ "@xyo-network/boundwitness-validator": "^3.9.35",
57
+ "@xyo-network/payload-builder": "^3.9.35",
58
+ "@xyo-network/payload-model": "^3.9.35",
59
+ "@xyo-network/react-event": "^5.0.0-rc.1",
60
+ "react-router-dom": "^7.3.0"
60
61
  },
61
62
  "devDependencies": {
62
- "@mui/icons-material": "^6.4.6",
63
- "@mui/material": "^6.4.6",
64
- "@mui/styles": "^6.4.6",
65
- "@storybook/react": "^8.6.2",
66
- "@xylabs/react-quick-tip-button": "^5.3.23",
67
- "@xylabs/ts-scripts-yarn3": "^5.0.25",
68
- "@xylabs/tsconfig-react": "^5.0.25",
69
- "react": "^18.3.1",
70
- "react-dom": "^18.3.1",
71
- "storybook": "^8.6.2",
72
- "typescript": "^5.7.3"
63
+ "@mui/icons-material": "^6.4.7",
64
+ "@mui/material": "^6.4.7",
65
+ "@mui/styles": "^6.4.7",
66
+ "@storybook/react": "^8.6.4",
67
+ "@types/react": "^19.0.10",
68
+ "@xylabs/react-quick-tip-button": "^6.0.0-rc.2",
69
+ "@xylabs/ts-scripts-yarn3": "^6.0.3",
70
+ "@xylabs/tsconfig-react": "^6.0.3",
71
+ "react": "^19.0.0",
72
+ "react-dom": "^19.0.0",
73
+ "storybook": "^8.6.4",
74
+ "typescript": "^5.8.2"
73
75
  },
74
76
  "peerDependencies": {
75
77
  "@mui/icons-material": "^6",
76
78
  "@mui/material": "^6",
77
79
  "@mui/styles": "^6",
78
- "react": "^18",
79
- "react-dom": "^18"
80
+ "react": "^19",
81
+ "react-dom": "^19"
80
82
  },
81
83
  "publishConfig": {
82
84
  "access": "public"
83
85
  },
84
- "docs": "dist/docs.json"
86
+ "docs": "dist/docs.json",
87
+ "stableVersion": "4.4.11"
85
88
  }
@@ -5,9 +5,7 @@ import {
5
5
  Box, styled, Typography,
6
6
  } from '@mui/material'
7
7
  import type { PropsWithChildren } from 'react'
8
- import React, {
9
- forwardRef, useCallback, useState,
10
- } from 'react'
8
+ import React, { useCallback, useState } from 'react'
11
9
 
12
10
  import { useShareForwardedRef } from '../hooks/index.ts'
13
11
 
@@ -92,23 +90,21 @@ export interface EllipsizeBoxProps extends BoxProps {
92
90
  typographyProps?: TypographyWithComponentProps
93
91
  }
94
92
 
95
- export const EllipsizeBox = forwardRef<HTMLDivElement, PropsWithChildren<EllipsizeBoxProps>>(
96
- ({
97
- children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props
98
- }, ref) => {
99
- // Allow syncing of :before pseudo element height with contentWrapHeight
100
- const { contentWrapRef, contentWrapHeight } = useClientHeight()
101
- const sharedRef = useShareForwardedRef(ref)
93
+ export const EllipsizeBox = ({
94
+ ref, children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props
95
+ }: PropsWithChildren<EllipsizeBoxProps> & { ref?: React.RefObject<HTMLDivElement | null> }) => {
96
+ // Allow syncing of :before pseudo element height with contentWrapHeight
97
+ const { contentWrapRef, contentWrapHeight } = useClientHeight()
98
+ const sharedRef = useShareForwardedRef(ref)
102
99
 
103
- return (
104
- <EllipsizeRoot beforeLineHeight={!!sharedRef && !disableSharedRef ? contentWrapHeight : undefined} {...props} ref={sharedRef}>
105
- <EllipsizeInnerWrap>
106
- <EllipsizeContentWrap ref={contentWrapRef} component="span" ellipsisPosition={ellipsisPosition} variant="body2" {...typographyProps}>
107
- {children}
108
- </EllipsizeContentWrap>
109
- </EllipsizeInnerWrap>
110
- </EllipsizeRoot>
111
- )
112
- },
113
- )
100
+ return (
101
+ <EllipsizeRoot beforeLineHeight={!!sharedRef && !disableSharedRef ? contentWrapHeight : undefined} {...props} ref={sharedRef}>
102
+ <EllipsizeInnerWrap>
103
+ <EllipsizeContentWrap ref={contentWrapRef} component="span" ellipsisPosition={ellipsisPosition} variant="body2" {...typographyProps}>
104
+ {children}
105
+ </EllipsizeContentWrap>
106
+ </EllipsizeInnerWrap>
107
+ </EllipsizeRoot>
108
+ )
109
+ }
114
110
  EllipsizeBox.displayName = 'EllipsizeBox'
@@ -1,11 +1,11 @@
1
1
  import { useTheme } from '@mui/material'
2
2
  import type { FlexBoxProps } from '@xylabs/react-flexbox'
3
3
  import { FlexGrowRow } from '@xylabs/react-flexbox'
4
- import React, { forwardRef } from 'react'
4
+ import React from 'react'
5
5
 
6
- export const SectionSpacingRow = forwardRef<HTMLDivElement, FlexBoxProps>(({
7
- children, sx, ...props
8
- }, ref) => {
6
+ export const SectionSpacingRow = ({
7
+ ref, children, sx, ...props
8
+ }: FlexBoxProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
9
9
  const theme = useTheme()
10
10
  return (
11
11
  <FlexGrowRow
@@ -21,6 +21,6 @@ export const SectionSpacingRow = forwardRef<HTMLDivElement, FlexBoxProps>(({
21
21
  {children}
22
22
  </FlexGrowRow>
23
23
  )
24
- })
24
+ }
25
25
 
26
26
  SectionSpacingRow.displayName = 'SectionSpacingRow'
@@ -1,4 +1,4 @@
1
- import React, { forwardRef } from 'react'
1
+ import React from 'react'
2
2
 
3
3
  import type { EllipsisTableCellProps } from './EllipsisTableCell.tsx'
4
4
  import { EllipsisTableCell } from './EllipsisTableCell.tsx'
@@ -11,14 +11,14 @@ export interface AddressTableCellProps extends Omit<EllipsisTableCellProps, 'ref
11
11
  link?: boolean
12
12
  }
13
13
 
14
- const AddressTableCell = forwardRef<HTMLDivElement, AddressTableCellProps>(({
15
- value, archive, exploreDomain, link, ...props
16
- }, ref) => {
14
+ const AddressTableCell = ({
15
+ ref, value, archive, exploreDomain, link, ...props
16
+ }: AddressTableCellProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
17
17
  const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : undefined
18
18
  const to = exploreDomain === undefined && archive ? `/archive/${archive}/address/${value}` : undefined
19
19
 
20
20
  return <EllipsisTableCell value={value} href={href} to={to} ref={ref} link={link} {...props} />
21
- })
21
+ }
22
22
 
23
23
  AddressTableCell.displayName = 'AddressTableCell'
24
24
  export { AddressTableCell }