@xyo-network/os-react-runtime 5.0.1 → 5.0.2

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 (26) hide show
  1. package/dist/browser/index.mjs +15 -15
  2. package/dist/browser/index.mjs.map +1 -1
  3. package/dist/types/components/Widgets/Types/Stat/Subtitle.d.ts +1 -1
  4. package/dist/types/components/Widgets/Types/Stat/Subtitle.d.ts.map +1 -1
  5. package/dist/types/components/Widgets/Types/Stat/Unit.d.ts +1 -1
  6. package/dist/types/components/Widgets/Types/Stat/Unit.d.ts.map +1 -1
  7. package/dist/types/components/Widgets/Types/Stat/Value.d.ts +1 -1
  8. package/dist/types/components/Widgets/Types/Stat/Value.d.ts.map +1 -1
  9. package/dist/types/components/Widgets/Types/Tables/BooleanTable.d.ts +4 -4
  10. package/dist/types/components/Widgets/Types/Tables/BooleanTable.d.ts.map +1 -1
  11. package/dist/types/dapps/shared/table/head/components/StyledTableRowHeader.d.ts +1 -1
  12. package/dist/types/dapps/shared/table/head/components/StyledTableRowHeader.d.ts.map +1 -1
  13. package/dist/types/modules/Dapp/Button/lib/decomposeProps.d.ts +33 -21
  14. package/dist/types/modules/Dapp/Button/lib/decomposeProps.d.ts.map +1 -1
  15. package/dist/types/modules/Dapp/modules/Window/DappWindow.d.ts.map +1 -1
  16. package/dist/types/settings/Theme/ThemeProvider.d.ts +2 -2
  17. package/dist/types/settings/Theme/ThemeProvider.d.ts.map +1 -1
  18. package/package.json +64 -64
  19. package/src/components/Widgets/WidgetCardExamples.tsx +2 -2
  20. package/src/dapps/shared/accounts/components/PaymentMethods.tsx +6 -6
  21. package/src/modules/Dapp/Page/DividerChip.tsx +1 -1
  22. package/src/modules/Dapp/modules/Window/DappWindow.tsx +11 -13
  23. package/src/modules/Dapp/modules/Window/menu/BottomNavigation.tsx +2 -2
  24. package/src/modules/Dapp/modules/Window/menu/Drawer.tsx +2 -2
  25. package/src/modules/network/components/LoadingIndicator.tsx +2 -2
  26. package/src/settings/Theme/ThemeProvider.tsx +6 -6
package/dist/types/modules/Dapp/Button/lib/decomposeProps.d.ts CHANGED
@@ -12,7 +12,7 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
12
12
  target?: string;
13
13
  classes?: (Partial<import("@mui/material").ButtonClasses> & Partial<import("@mui/material").ClassNameMap<never>>) | undefined;
14
14
  className?: string | undefined;
15
- style?: React.CSSProperties | undefined;
15
+ style?: import("react").CSSProperties | undefined;
16
16
  children?: import("react").ReactNode;
17
17
  variant?: import("@mui/types").OverridableStringUnion<"text" | "outlined" | "contained", import("@mui/material").ButtonPropsVariantOverrides> | undefined;
18
18
  form?: string | undefined | undefined;
@@ -37,7 +37,7 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
37
37
  lang?: string | undefined | undefined;
38
38
  nonce?: string | undefined | undefined;
39
39
  spellCheck?: (boolean | "true" | "false") | undefined;
40
- tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
40
+ tabIndex?: NonNullable<import("react").HTMLAttributes<any>["tabIndex"]> | undefined;
41
41
  translate?: "yes" | "no" | undefined | undefined;
42
42
  radioGroup?: string | undefined | undefined;
43
43
  role?: import("react").AriaRole | undefined;
@@ -69,6 +69,8 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
69
69
  inert?: boolean | undefined | undefined;
70
70
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
71
71
  is?: string | undefined | undefined;
72
+ exportparts?: string | undefined | undefined;
73
+ part?: string | undefined | undefined;
72
74
  "aria-activedescendant"?: string | undefined | undefined;
73
75
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
74
76
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -275,6 +277,8 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
275
277
  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
276
278
  onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
277
279
  onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
280
+ onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
281
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
278
282
  onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
279
283
  onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
280
284
  onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -293,8 +297,8 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
293
297
  onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
294
298
  onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
295
299
  onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
296
- component?: React.ElementType | undefined;
297
- action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
300
+ component?: import("react").ElementType | undefined;
301
+ action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
298
302
  name?: string | undefined | undefined;
299
303
  centerRipple?: boolean | undefined;
300
304
  disabled?: boolean | undefined;
@@ -302,10 +306,10 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
302
306
  disableTouchRipple?: boolean | undefined;
303
307
  focusRipple?: boolean | undefined;
304
308
  focusVisibleClassName?: string | undefined;
305
- LinkComponent?: React.ElementType | undefined;
306
- onFocusVisible?: React.FocusEventHandler<any> | undefined;
309
+ LinkComponent?: import("react").ElementType | undefined;
310
+ onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
307
311
  TouchRippleProps?: Partial<import("@mui/material").TouchRippleProps> | undefined;
308
- touchRippleRef?: React.Ref<import("@mui/material").TouchRippleActions> | undefined;
312
+ touchRippleRef?: import("react").Ref<import("@mui/material").TouchRippleActions> | undefined;
309
313
  disableFocusRipple?: boolean | undefined;
310
314
  loading?: boolean | null | undefined;
311
315
  loadingIndicator?: import("react").ReactNode;
@@ -374,7 +378,7 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
374
378
  target?: string;
375
379
  classes?: (Partial<import("@mui/material").ButtonClasses> & Partial<import("@mui/material").ClassNameMap<never>>) | undefined;
376
380
  className?: string | undefined;
377
- style?: React.CSSProperties | undefined;
381
+ style?: import("react").CSSProperties | undefined;
378
382
  children?: import("react").ReactNode;
379
383
  variant?: import("@mui/types").OverridableStringUnion<"text" | "outlined" | "contained", import("@mui/material").ButtonPropsVariantOverrides> | undefined;
380
384
  form?: string | undefined | undefined;
@@ -399,7 +403,7 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
399
403
  lang?: string | undefined | undefined;
400
404
  nonce?: string | undefined | undefined;
401
405
  spellCheck?: (boolean | "true" | "false") | undefined;
402
- tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
406
+ tabIndex?: NonNullable<import("react").HTMLAttributes<any>["tabIndex"]> | undefined;
403
407
  translate?: "yes" | "no" | undefined | undefined;
404
408
  radioGroup?: string | undefined | undefined;
405
409
  role?: import("react").AriaRole | undefined;
@@ -431,6 +435,8 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
431
435
  inert?: boolean | undefined | undefined;
432
436
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
433
437
  is?: string | undefined | undefined;
438
+ exportparts?: string | undefined | undefined;
439
+ part?: string | undefined | undefined;
434
440
  "aria-activedescendant"?: string | undefined | undefined;
435
441
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
436
442
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -637,6 +643,8 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
637
643
  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
638
644
  onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
639
645
  onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
646
+ onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
647
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
640
648
  onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
641
649
  onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
642
650
  onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -655,8 +663,8 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
655
663
  onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
656
664
  onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
657
665
  onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
658
- component?: React.ElementType | undefined;
659
- action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
666
+ component?: import("react").ElementType | undefined;
667
+ action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
660
668
  name?: string | undefined | undefined;
661
669
  centerRipple?: boolean | undefined;
662
670
  disabled?: boolean | undefined;
@@ -664,10 +672,10 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
664
672
  disableTouchRipple?: boolean | undefined;
665
673
  focusRipple?: boolean | undefined;
666
674
  focusVisibleClassName?: string | undefined;
667
- LinkComponent?: React.ElementType | undefined;
668
- onFocusVisible?: React.FocusEventHandler<any> | undefined;
675
+ LinkComponent?: import("react").ElementType | undefined;
676
+ onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
669
677
  TouchRippleProps?: Partial<import("@mui/material").TouchRippleProps> | undefined;
670
- touchRippleRef?: React.Ref<import("@mui/material").TouchRippleActions> | undefined;
678
+ touchRippleRef?: import("react").Ref<import("@mui/material").TouchRippleActions> | undefined;
671
679
  disableFocusRipple?: boolean | undefined;
672
680
  loading?: boolean | null | undefined;
673
681
  loadingIndicator?: import("react").ReactNode;
@@ -736,7 +744,7 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
736
744
  target?: string;
737
745
  classes?: (Partial<import("@mui/material").ButtonClasses> & Partial<import("@mui/material").ClassNameMap<never>>) | undefined;
738
746
  className?: string | undefined;
739
- style?: React.CSSProperties | undefined;
747
+ style?: import("react").CSSProperties | undefined;
740
748
  children?: import("react").ReactNode;
741
749
  variant?: import("@mui/types").OverridableStringUnion<"text" | "outlined" | "contained", import("@mui/material").ButtonPropsVariantOverrides> | undefined;
742
750
  form?: string | undefined | undefined;
@@ -761,7 +769,7 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
761
769
  lang?: string | undefined | undefined;
762
770
  nonce?: string | undefined | undefined;
763
771
  spellCheck?: (boolean | "true" | "false") | undefined;
764
- tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
772
+ tabIndex?: NonNullable<import("react").HTMLAttributes<any>["tabIndex"]> | undefined;
765
773
  translate?: "yes" | "no" | undefined | undefined;
766
774
  radioGroup?: string | undefined | undefined;
767
775
  role?: import("react").AriaRole | undefined;
@@ -793,6 +801,8 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
793
801
  inert?: boolean | undefined | undefined;
794
802
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
795
803
  is?: string | undefined | undefined;
804
+ exportparts?: string | undefined | undefined;
805
+ part?: string | undefined | undefined;
796
806
  "aria-activedescendant"?: string | undefined | undefined;
797
807
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
798
808
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -999,6 +1009,8 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
999
1009
  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
1000
1010
  onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
1001
1011
  onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
1012
+ onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
1013
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
1002
1014
  onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
1003
1015
  onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
1004
1016
  onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -1017,8 +1029,8 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
1017
1029
  onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
1018
1030
  onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
1019
1031
  onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
1020
- component?: React.ElementType | undefined;
1021
- action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
1032
+ component?: import("react").ElementType | undefined;
1033
+ action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
1022
1034
  name?: string | undefined | undefined;
1023
1035
  centerRipple?: boolean | undefined;
1024
1036
  disabled?: boolean | undefined;
@@ -1026,10 +1038,10 @@ export declare const decomposeProps: (dappIcon?: DappIcon, props?: ButtonExProps
1026
1038
  disableTouchRipple?: boolean | undefined;
1027
1039
  focusRipple?: boolean | undefined;
1028
1040
  focusVisibleClassName?: string | undefined;
1029
- LinkComponent?: React.ElementType | undefined;
1030
- onFocusVisible?: React.FocusEventHandler<any> | undefined;
1041
+ LinkComponent?: import("react").ElementType | undefined;
1042
+ onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
1031
1043
  TouchRippleProps?: Partial<import("@mui/material").TouchRippleProps> | undefined;
1032
- touchRippleRef?: React.Ref<import("@mui/material").TouchRippleActions> | undefined;
1044
+ touchRippleRef?: import("react").Ref<import("@mui/material").TouchRippleActions> | undefined;
1033
1045
  disableFocusRipple?: boolean | undefined;
1034
1046
  loading?: boolean | null | undefined;
1035
1047
  loadingIndicator?: import("react").ReactNode;
package/dist/types/modules/Dapp/Button/lib/decomposeProps.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"decomposeProps.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/Dapp/Button/lib/decomposeProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAIrD,eAAO,MAAM,cAAc,GAAI,WAAW,QAAQ,EAAE,QAAQ,aAAa;;;;;;;;;;;;gBAUq/B,MAAO,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;+BAAggC,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAAsnE,MAAO,WAAW;iBAA9sI,MAAO,GAAG;;;;;;;;wBAAqrD,MAAO,WAAW;yBAA6I,MAAO,iBAAiB;;yBAAoa,MAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAAtwC,MAAO,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;+BAAggC,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAAsnE,MAAO,WAAW;iBAA9sI,MAAO,GAAG;;;;;;;;wBAAqrD,MAAO,WAAW;yBAA6I,MAAO,iBAAiB;;yBAAoa,MAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAAtwC,MAAO,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;+BAAggC,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAAsnE,MAAO,WAAW;iBAA9sI,MAAO,GAAG;;;;;;;;wBAAqrD,MAAO,WAAW;yBAA6I,MAAO,iBAAiB;;yBAAoa,MAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CADn0E,CAAA"}
1
+ {"version":3,"file":"decomposeProps.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/Dapp/Button/lib/decomposeProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAIrD,eAAO,MAAM,cAAc,GAAI,WAAW,QAAQ,EAAE,QAAQ,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASxE,CAAA"}
package/dist/types/modules/Dapp/modules/Window/DappWindow.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DappWindow.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/Dapp/modules/Window/DappWindow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,gIAAgI;AAChI,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,iBAAiB,CA4BpE,CAAA"}
1
+ {"version":3,"file":"DappWindow.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/Dapp/modules/Window/DappWindow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,gIAAgI;AAChI,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,iBAAiB,CA0BpE,CAAA"}
package/dist/types/settings/Theme/ThemeProvider.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { WithChildren } from '@xylabs/react-shared';
1
+ import type { PropsWithChildren } from 'react';
2
2
  import React from 'react';
3
- export declare const AppOsThemeProvider: React.FC<WithChildren>;
3
+ export declare const AppOsThemeProvider: React.FC<PropsWithChildren>;
4
4
  //# sourceMappingURL=ThemeProvider.d.ts.map
package/dist/types/settings/Theme/ThemeProvider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/settings/Theme/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAItC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAarD,CAAA"}
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/settings/Theme/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAkB,MAAM,OAAO,CAAA;AAItC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAa1D,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/os-react-runtime",
3
- "version": "5.0.1",
3
+ "version": "5.0.2",
4
4
  "description": "Primary SDK for using XYO Protocol 2.0",
5
5
  "homepage": "https://xyo.network",
6
6
  "bugs": {
@@ -29,85 +29,85 @@
29
29
  "main": "dist/browser/index.mjs",
30
30
  "types": "dist/types/index.d.ts",
31
31
  "dependencies": {
32
- "@mui/icons-material": "^6.4.7",
33
32
  "@react-spring/web": "^9.7.5",
34
- "@xylabs/array": "^4.6.0",
35
- "@xylabs/assert": "^4.6.0",
36
- "@xylabs/forget": "^4.6.0",
37
- "@xylabs/hex": "^4.6.0",
38
- "@xylabs/lodash": "^4.6.0",
39
- "@xylabs/object": "^4.6.0",
40
- "@xylabs/promise": "^4.6.0",
41
- "@xylabs/react-animation": "^6.0.5",
42
- "@xylabs/react-async-effect": "^6.0.5",
43
- "@xylabs/react-button": "^6.0.5",
44
- "@xylabs/react-error": "^6.0.5",
45
- "@xylabs/react-flexbox": "^6.0.5",
46
- "@xylabs/react-invertible-theme": "^6.0.5",
47
- "@xylabs/react-link": "^6.0.5",
48
- "@xylabs/react-promise": "^6.0.5",
49
- "@xylabs/react-shared": "^6.0.5",
50
- "@xyo-network/archivist-indexeddb": "^3.9.37",
51
- "@xyo-network/archivist-model": "^3.9.37",
52
- "@xyo-network/bios-browser": "^5.0.1",
53
- "@xyo-network/bios-model": "^5.0.1",
54
- "@xyo-network/diviner-boundwitness-indexeddb": "^3.9.37",
55
- "@xyo-network/diviner-model": "^3.9.37",
56
- "@xyo-network/diviner-payload-generic": "^3.9.37",
57
- "@xyo-network/diviner-payload-indexeddb": "^3.9.37",
58
- "@xyo-network/diviner-payload-model": "^3.9.37",
59
- "@xyo-network/kernel": "^5.0.1",
60
- "@xyo-network/kernel-model": "^5.0.1",
61
- "@xyo-network/module-event-emitter": "^3.9.37",
62
- "@xyo-network/module-events": "^3.9.37",
63
- "@xyo-network/module-factory-locator": "^3.9.37",
64
- "@xyo-network/node-model": "^3.9.37",
65
- "@xyo-network/os-model": "^5.0.1",
66
- "@xyo-network/os-react-debug": "^5.0.1",
67
- "@xyo-network/os-react-model": "^5.0.1",
68
- "@xyo-network/os-runtime": "^5.0.1",
69
- "@xyo-network/payload-model": "^3.9.37",
70
- "@xyo-network/react-archivist": "^5.0.3",
71
- "@xyo-network/react-card": "^5.0.3",
72
- "@xyo-network/react-form-credit-card": "^5.0.3",
73
- "@xyo-network/react-node": "^5.0.3",
74
- "@xyo-network/react-shared": "^5.0.3",
75
- "@xyo-network/react-table": "^5.0.3",
76
- "@xyo-network/react-wallet": "^5.0.3",
77
- "@xyo-network/wallet-model": "^3.9.37",
33
+ "@xylabs/array": "^4.7.15",
34
+ "@xylabs/assert": "^4.7.15",
35
+ "@xylabs/forget": "^4.7.15",
36
+ "@xylabs/hex": "^4.7.15",
37
+ "@xylabs/lodash": "^4.7.15",
38
+ "@xylabs/object": "^4.7.15",
39
+ "@xylabs/promise": "^4.7.15",
40
+ "@xylabs/react-animation": "^6.1.2",
41
+ "@xylabs/react-async-effect": "^6.1.2",
42
+ "@xylabs/react-button": "^6.1.2",
43
+ "@xylabs/react-error": "^6.1.2",
44
+ "@xylabs/react-flexbox": "^6.1.2",
45
+ "@xylabs/react-invertible-theme": "^6.1.2",
46
+ "@xylabs/react-link": "^6.1.2",
47
+ "@xylabs/react-promise": "^6.1.2",
48
+ "@xylabs/react-shared": "^6.1.2",
49
+ "@xyo-network/archivist-indexeddb": "^3.10.6",
50
+ "@xyo-network/archivist-model": "^3.10.6",
51
+ "@xyo-network/bios-browser": "^5.0.2",
52
+ "@xyo-network/bios-model": "^5.0.2",
53
+ "@xyo-network/diviner-boundwitness-indexeddb": "^3.10.6",
54
+ "@xyo-network/diviner-model": "^3.10.6",
55
+ "@xyo-network/diviner-payload-generic": "^3.10.6",
56
+ "@xyo-network/diviner-payload-indexeddb": "^3.10.6",
57
+ "@xyo-network/diviner-payload-model": "^3.10.6",
58
+ "@xyo-network/kernel": "^5.0.2",
59
+ "@xyo-network/kernel-model": "^5.0.2",
60
+ "@xyo-network/module-event-emitter": "^3.10.6",
61
+ "@xyo-network/module-events": "^3.10.6",
62
+ "@xyo-network/module-factory-locator": "^3.10.6",
63
+ "@xyo-network/node-model": "^3.10.6",
64
+ "@xyo-network/os-model": "^5.0.2",
65
+ "@xyo-network/os-react-debug": "^5.0.2",
66
+ "@xyo-network/os-react-model": "^5.0.2",
67
+ "@xyo-network/os-runtime": "^5.0.2",
68
+ "@xyo-network/payload-model": "^3.10.6",
69
+ "@xyo-network/react-archivist": "^5.1.1",
70
+ "@xyo-network/react-card": "^5.1.1",
71
+ "@xyo-network/react-form-credit-card": "^5.1.1",
72
+ "@xyo-network/react-node": "^5.1.1",
73
+ "@xyo-network/react-shared": "^5.1.1",
74
+ "@xyo-network/react-table": "^5.1.1",
75
+ "@xyo-network/react-wallet": "^5.1.1",
76
+ "@xyo-network/wallet-model": "^3.10.6",
78
77
  "country-region-data": "^3.1.0",
79
- "luxon": "^3.5.0",
78
+ "luxon": "^3.6.1",
80
79
  "react-helmet": "^6.1.0",
81
80
  "react-icons": "^5.5.0",
82
- "react-router-dom": "^7.3.0",
81
+ "react-router-dom": "^7.4.1",
83
82
  "react-use-gesture": "^9.1.3",
84
83
  "rollbar": "^2.26.4"
85
84
  },
86
85
  "devDependencies": {
87
86
  "@emotion/react": "^11.14.0",
88
87
  "@emotion/styled": "^11.14.0",
89
- "@mui/material": "^6.4.7",
90
- "@mui/styles": "^6.4.7",
91
- "@storybook/react": "^8.6.4",
92
- "@types/luxon": "^3.4.2",
93
- "@types/react": "^19.0.10",
88
+ "@mui/icons-material": "^7.0.1",
89
+ "@mui/material": "^7.0.1",
90
+ "@mui/x-tree-view": "^7.28.1",
91
+ "@storybook/react": "^8.6.12",
92
+ "@types/luxon": "^3.6.0",
93
+ "@types/react": "^19.1.0",
94
94
  "@types/react-helmet": "^6.1.11",
95
- "@xylabs/ts-scripts-react-yarn3": "^6.0.9",
96
- "@xylabs/ts-scripts-yarn3": "^6.0.9",
97
- "@xylabs/tsconfig": "^6.0.9",
98
- "@xylabs/tsconfig-dom": "^6.0.9",
99
- "@xylabs/tsconfig-react": "^6.0.9",
100
- "react": "^19.0.0",
101
- "react-dom": "^19.0.0",
102
- "storybook": "^8.6.4",
95
+ "@xylabs/ts-scripts-react-yarn3": "^6.2.1",
96
+ "@xylabs/ts-scripts-yarn3": "^6.2.1",
97
+ "@xylabs/tsconfig": "^6.2.1",
98
+ "@xylabs/tsconfig-dom": "^6.2.1",
99
+ "@xylabs/tsconfig-react": "^6.2.1",
100
+ "react": "^19.1.0",
101
+ "react-dom": "^19.1.0",
102
+ "storybook": "^8.6.12",
103
103
  "typescript": "^5.8.2"
104
104
  },
105
105
  "peerDependencies": {
106
106
  "@emotion/react": "^11",
107
107
  "@emotion/styled": "^11",
108
- "@mui/icons-material": "^6",
109
- "@mui/material": "^6",
110
- "@mui/styles": "^6",
108
+ "@mui/icons-material": ">=6 <=7",
109
+ "@mui/material": ">=6 <=7",
110
+ "@mui/x-tree-view": ">=6 <=7",
111
111
  "react": "^18",
112
112
  "react-dom": "^18"
113
113
  },
package/src/components/Widgets/WidgetCardExamples.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Stack } from '@mui/material'
2
2
  import type { FlexBoxProps } from '@xylabs/react-flexbox'
3
- import { useColorSchemeEx } from '@xylabs/react-invertible-theme'
3
+ import { useIsDark } from '@xylabs/react-theme'
4
4
  import React from 'react'
5
5
 
6
6
  import { DappPage } from '../../DappPage.js'
@@ -12,7 +12,7 @@ import {
12
12
 
13
13
  export const WidgetCardExamples: React.FC<FlexBoxProps> = () => {
14
14
  // resolve the default name code for the palette
15
- const { darkMode } = useColorSchemeEx()
15
+ const darkMode = useIsDark()
16
16
 
17
17
  return (
18
18
  <DappPage
package/src/dapps/shared/accounts/components/PaymentMethods.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { Grid2 } from '@mui/material'
1
+ import { Grid } from '@mui/material'
2
2
  import type { FlexBoxProps } from '@xylabs/react-flexbox'
3
3
  import { FormGroupCreditCardProvider } from '@xyo-network/react-form-credit-card'
4
4
  import React from 'react'
@@ -12,8 +12,8 @@ import {
12
12
  export const PaymentMethods: React.FC<FlexBoxProps> = () => {
13
13
  return (
14
14
  <DappPage title="Payment Methods">
15
- <Grid2 container spacing={3}>
16
- <Grid2 size={{ xs: 12 }}>
15
+ <Grid container spacing={3}>
16
+ <Grid size={{ xs: 12 }}>
17
17
  <AccountCard
18
18
  sx={{ height: '100%' }}
19
19
  items={[
@@ -21,7 +21,7 @@ export const PaymentMethods: React.FC<FlexBoxProps> = () => {
21
21
  // TODO - needs a default implementation
22
22
  component: (
23
23
  <FormGroupCreditCardProvider>
24
- <></>
24
+ null
25
25
  </FormGroupCreditCardProvider>
26
26
  ),
27
27
  desc: 'Save a credit card to your node to complete credit payments seamlessly.',
@@ -44,8 +44,8 @@ export const PaymentMethods: React.FC<FlexBoxProps> = () => {
44
44
  },
45
45
  ]}
46
46
  />
47
- </Grid2>
48
- </Grid2>
47
+ </Grid>
48
+ </Grid>
49
49
  </DappPage>
50
50
  )
51
51
  }
package/src/modules/Dapp/Page/DividerChip.tsx CHANGED
@@ -20,7 +20,7 @@ export const DividerChip: React.FC<DividerChipProps> = ({ registeredDapps, ...pr
20
20
  />
21
21
  </span>
22
22
  )
23
- : <></>
23
+ : undefined
24
24
  }
25
25
  label={`${registeredDapps?.length ? '' : 'Loading '}Beta dApps`}
26
26
  size="small"
package/src/modules/Dapp/modules/Window/DappWindow.tsx CHANGED
@@ -24,18 +24,16 @@ export const DappWindow: React.FC<DappWindowProps & PropsWithChildren> = ({
24
24
  const resolvedErrors = useMemo(() => [...injectableErrors, routingError].filter(Boolean), [injectableErrors, routingError])
25
25
 
26
26
  return (
27
- <>
28
- <ErrorBoundary>
29
- <DappMetaTags active={active} activePath={dappMenuProperties?.activePath} dappName={name} />
30
- {resolvedErrors.map(error => (
31
- <Snackbar
32
- key={error?.message}
33
- open={!!error}
34
- message={<ErrorRender error={error} scope="DappWindow" />}
35
- />
36
- ))}
37
- {children}
38
- </ErrorBoundary>
39
- </>
27
+ <ErrorBoundary>
28
+ <DappMetaTags active={active} activePath={dappMenuProperties?.activePath} dappName={name} />
29
+ {resolvedErrors.map(error => (
30
+ <Snackbar
31
+ key={error?.message}
32
+ open={!!error}
33
+ message={<ErrorRender error={error} scope="DappWindow" />}
34
+ />
35
+ ))}
36
+ {children}
37
+ </ErrorBoundary>
40
38
  )
41
39
  }
package/src/modules/Dapp/modules/Window/menu/BottomNavigation.tsx CHANGED
@@ -4,7 +4,7 @@ import type { BottomNavigationProps } from '@mui/material'
4
4
  import {
5
5
  BottomNavigation, BottomNavigationAction, Paper, styled,
6
6
  } from '@mui/material'
7
- import { useColorSchemeEx } from '@xylabs/react-invertible-theme'
7
+ import { useIsDark } from '@xylabs/react-theme'
8
8
  import type { DappNavItem, DappNavMenuConfig } from '@xyo-network/os-model'
9
9
  import React, { useEffect, useState } from 'react'
10
10
 
@@ -63,6 +63,6 @@ export const DappBottomNavigation: React.FC<DappBottomNavigationProps> = ({
63
63
  }
64
64
 
65
65
  const StyledBottomNavigationAction = styled(BottomNavigationAction, { name: 'StyledBottomNavigationAction' })(({ theme }) => {
66
- const { darkMode } = useColorSchemeEx()
66
+ const darkMode = useIsDark()
67
67
  return { '&.Mui-selected': { color: darkMode ? theme.palette.primary.main : theme.palette.secondary.main } }
68
68
  })
package/src/modules/Dapp/modules/Window/menu/Drawer.tsx CHANGED
@@ -15,7 +15,7 @@ import {
15
15
  import {
16
16
  FlexCol, FlexGrowRow, FlexRow,
17
17
  } from '@xylabs/react-flexbox'
18
- import { useColorSchemeEx } from '@xylabs/react-invertible-theme'
18
+ import { useIsDark } from '@xylabs/react-theme'
19
19
  import type {
20
20
  DappName, DappNavItem, DappNavMenuConfig, DappVersion, XyOsContext,
21
21
  } from '@xyo-network/os-model'
@@ -51,7 +51,7 @@ export const DappMenuDrawer: React.FC<DappMenuDrawerProps> = ({
51
51
  ...props
52
52
  }) => {
53
53
  const [path, setPath] = useState('')
54
- const { darkMode } = useColorSchemeEx()
54
+ const darkMode = useIsDark()
55
55
  const theme = useTheme()
56
56
  const drawerColor = darkMode ? theme.palette.background.paper : darken(theme.palette.primary.main, 0.5)
57
57
  const activeColor = theme.palette.primary.light
package/src/modules/network/components/LoadingIndicator.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import { SignalCellularAltOutlined } from '@mui/icons-material'
2
2
  import { Tooltip, useTheme } from '@mui/material'
3
- import { useColorSchemeEx } from '@xylabs/react-invertible-theme'
3
+ import { useIsDark } from '@xylabs/react-theme'
4
4
  import React, { useMemo } from 'react'
5
5
 
6
6
  import { useOsNetwork } from '../hooks/index.ts'
@@ -18,7 +18,7 @@ export interface NetworkLoadingIndicatorProps {
18
18
  }
19
19
 
20
20
  export const NetworkLoadingIndicator: React.FC<NetworkLoadingIndicatorProps> = ({ highContrast }) => {
21
- const { darkMode } = useColorSchemeEx()
21
+ const darkMode = useIsDark()
22
22
  const theme = useTheme()
23
23
  const { networkReady } = useOsNetwork()
24
24
 
package/src/settings/Theme/ThemeProvider.tsx CHANGED
@@ -1,15 +1,15 @@
1
- import type { DefaultColorScheme } from '@mui/material/styles/createThemeWithVars.js'
1
+ import type { SupportedColorScheme } from '@mui/material'
2
2
  import { InvertibleMuiThemeProvider } from '@xylabs/react-invertible-theme'
3
- import type { WithChildren } from '@xylabs/react-shared'
3
+ import type { PropsWithChildren } from 'react'
4
4
  import React, { useMemo } from 'react'
5
5
 
6
6
  import { ThemeCssVars } from './ThemeCssVars.js'
7
7
 
8
- export const AppOsThemeProvider: React.FC<WithChildren> = ({ children }) => {
9
- const initialValue: DefaultColorScheme | 'system' = useMemo(() => {
10
- const validValues: DefaultColorScheme[] = ['light', 'dark']
8
+ export const AppOsThemeProvider: React.FC<PropsWithChildren> = ({ children }) => {
9
+ const initialValue: SupportedColorScheme | 'system' = useMemo(() => {
10
+ const validValues: SupportedColorScheme[] = ['light', 'dark']
11
11
  const savedValue = localStorage.getItem('mui-mode')
12
- if (savedValue && validValues.includes(savedValue as DefaultColorScheme)) return savedValue as DefaultColorScheme
12
+ if (savedValue && validValues.includes(savedValue as SupportedColorScheme)) return savedValue as SupportedColorScheme
13
13
  return 'system'
14
14
  }, [])
15
15