@xyo-network/react-shared 2.53.0 → 2.54.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 (102) hide show
  1. package/dist/cjs/components/{ErrorBoundry.js → ErrorBoundary.js} +1 -1
  2. package/dist/cjs/components/ErrorBoundary.js.map +1 -0
  3. package/dist/cjs/components/TableCell/HashTableCell.js +1 -1
  4. package/dist/cjs/components/TableCell/HashTableCell.js.map +1 -1
  5. package/dist/cjs/components/{XyoThemeTokenAvatar/XyoThemeTokenAvatar.js → ThemeTokenAvatar/ThemeTokenAvatar.js} +4 -4
  6. package/dist/cjs/components/ThemeTokenAvatar/ThemeTokenAvatar.js.map +1 -0
  7. package/dist/cjs/components/{XyoThemeTokenAvatar → ThemeTokenAvatar}/index.js +1 -1
  8. package/dist/cjs/components/ThemeTokenAvatar/index.js.map +1 -0
  9. package/dist/cjs/components/{XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.js → ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js} +6 -6
  10. package/dist/cjs/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js.map +1 -0
  11. package/dist/cjs/components/{XyoThemeTokenAvatarGroup → ThemeTokenAvatarGroup}/index.js +1 -1
  12. package/dist/cjs/components/ThemeTokenAvatarGroup/index.js.map +1 -0
  13. package/dist/cjs/components/TokenSummary/TokenSummary.js +2 -2
  14. package/dist/cjs/components/TokenSummary/TokenSummary.js.map +1 -1
  15. package/dist/cjs/components/index.js +3 -3
  16. package/dist/cjs/components/index.js.map +1 -1
  17. package/dist/cjs/hooks/usePayloadHash.js +3 -3
  18. package/dist/cjs/hooks/usePayloadHash.js.map +1 -1
  19. package/dist/cjs/hooks/usePromise.js +74 -54
  20. package/dist/cjs/hooks/usePromise.js.map +1 -1
  21. package/dist/cjs/lib/xyo.js +3 -3
  22. package/dist/cjs/lib/xyo.js.map +1 -1
  23. package/dist/docs.json +35735 -9598
  24. package/dist/esm/components/{ErrorBoundry.js → ErrorBoundary.js} +1 -1
  25. package/dist/esm/components/ErrorBoundary.js.map +1 -0
  26. package/dist/esm/components/TableCell/HashTableCell.js +2 -2
  27. package/dist/esm/components/TableCell/HashTableCell.js.map +1 -1
  28. package/dist/esm/components/{XyoThemeTokenAvatar/XyoThemeTokenAvatar.js → ThemeTokenAvatar/ThemeTokenAvatar.js} +2 -2
  29. package/dist/esm/components/ThemeTokenAvatar/ThemeTokenAvatar.js.map +1 -0
  30. package/dist/esm/components/ThemeTokenAvatar/index.js +2 -0
  31. package/dist/esm/components/ThemeTokenAvatar/index.js.map +1 -0
  32. package/dist/esm/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js +7 -0
  33. package/dist/esm/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js.map +1 -0
  34. package/dist/esm/components/ThemeTokenAvatarGroup/index.js +2 -0
  35. package/dist/esm/components/ThemeTokenAvatarGroup/index.js.map +1 -0
  36. package/dist/esm/components/TokenSummary/TokenSummary.js +2 -2
  37. package/dist/esm/components/TokenSummary/TokenSummary.js.map +1 -1
  38. package/dist/esm/components/index.js +3 -3
  39. package/dist/esm/components/index.js.map +1 -1
  40. package/dist/esm/hooks/usePayloadHash.js +3 -3
  41. package/dist/esm/hooks/usePayloadHash.js.map +1 -1
  42. package/dist/esm/hooks/usePromise.js +76 -55
  43. package/dist/esm/hooks/usePromise.js.map +1 -1
  44. package/dist/esm/lib/xyo.js +1 -1
  45. package/dist/esm/lib/xyo.js.map +1 -1
  46. package/dist/types/components/{ErrorBoundry.d.ts → ErrorBoundary.d.ts} +1 -1
  47. package/dist/types/components/ErrorBoundary.d.ts.map +1 -0
  48. package/dist/types/components/ThemeTokenAvatar/ThemeTokenAvatar.d.ts +4 -0
  49. package/dist/types/components/ThemeTokenAvatar/ThemeTokenAvatar.d.ts.map +1 -0
  50. package/dist/types/components/ThemeTokenAvatar/index.d.ts +2 -0
  51. package/dist/types/components/ThemeTokenAvatar/index.d.ts.map +1 -0
  52. package/dist/types/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.d.ts +7 -0
  53. package/dist/types/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.d.ts.map +1 -0
  54. package/dist/types/components/ThemeTokenAvatarGroup/index.d.ts +2 -0
  55. package/dist/types/components/ThemeTokenAvatarGroup/index.d.ts.map +1 -0
  56. package/dist/types/components/index.d.ts +3 -3
  57. package/dist/types/components/index.d.ts.map +1 -1
  58. package/dist/types/hooks/usePayloadHash.d.ts +3 -2
  59. package/dist/types/hooks/usePayloadHash.d.ts.map +1 -1
  60. package/dist/types/hooks/usePromise.d.ts +2 -1
  61. package/dist/types/hooks/usePromise.d.ts.map +1 -1
  62. package/dist/types/lib/xyo.d.ts +1 -1
  63. package/dist/types/lib/xyo.d.ts.map +1 -1
  64. package/package.json +4 -4
  65. package/src/components/TableCell/HashTableCell.tsx +2 -2
  66. package/src/components/{XyoThemeTokenAvatar/XyoThemeTokenAvatar.stories.tsx → ThemeTokenAvatar/ThemeTokenAvatar.stories.tsx} +6 -6
  67. package/src/components/{XyoThemeTokenAvatar/XyoThemeTokenAvatar.tsx → ThemeTokenAvatar/ThemeTokenAvatar.tsx} +1 -1
  68. package/src/components/ThemeTokenAvatar/index.ts +1 -0
  69. package/src/components/{XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.stories.tsx → ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.stories.tsx} +6 -6
  70. package/src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx +17 -0
  71. package/src/components/ThemeTokenAvatarGroup/index.ts +1 -0
  72. package/src/components/TokenSummary/TokenSummary.tsx +2 -2
  73. package/src/components/index.ts +3 -3
  74. package/src/hooks/usePayloadHash.ts +9 -7
  75. package/src/hooks/usePromise.ts +77 -67
  76. package/src/lib/xyo.tsx +1 -1
  77. package/dist/cjs/components/ErrorBoundry.js.map +0 -1
  78. package/dist/cjs/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.js.map +0 -1
  79. package/dist/cjs/components/XyoThemeTokenAvatar/index.js.map +0 -1
  80. package/dist/cjs/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.js.map +0 -1
  81. package/dist/cjs/components/XyoThemeTokenAvatarGroup/index.js.map +0 -1
  82. package/dist/esm/components/ErrorBoundry.js.map +0 -1
  83. package/dist/esm/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.js.map +0 -1
  84. package/dist/esm/components/XyoThemeTokenAvatar/index.js +0 -2
  85. package/dist/esm/components/XyoThemeTokenAvatar/index.js.map +0 -1
  86. package/dist/esm/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.js +0 -7
  87. package/dist/esm/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.js.map +0 -1
  88. package/dist/esm/components/XyoThemeTokenAvatarGroup/index.js +0 -2
  89. package/dist/esm/components/XyoThemeTokenAvatarGroup/index.js.map +0 -1
  90. package/dist/types/components/ErrorBoundry.d.ts.map +0 -1
  91. package/dist/types/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.d.ts +0 -4
  92. package/dist/types/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.d.ts.map +0 -1
  93. package/dist/types/components/XyoThemeTokenAvatar/index.d.ts +0 -2
  94. package/dist/types/components/XyoThemeTokenAvatar/index.d.ts.map +0 -1
  95. package/dist/types/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.d.ts +0 -7
  96. package/dist/types/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.d.ts.map +0 -1
  97. package/dist/types/components/XyoThemeTokenAvatarGroup/index.d.ts +0 -2
  98. package/dist/types/components/XyoThemeTokenAvatarGroup/index.d.ts.map +0 -1
  99. package/src/components/XyoThemeTokenAvatar/index.ts +0 -1
  100. package/src/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.tsx +0 -17
  101. package/src/components/XyoThemeTokenAvatarGroup/index.ts +0 -1
  102. /package/src/components/{ErrorBoundry.tsx → ErrorBoundary.tsx} +0 -0
@@ -1,7 +1,7 @@
1
1
  import { AvatarProps, CardHeader, CardHeaderProps, Typography } from '@mui/material'
2
2
  import { ReactNode } from 'react'
3
3
 
4
- import { XyoThemeTokenAvatar } from '../XyoThemeTokenAvatar'
4
+ import { ThemeTokenAvatar } from '../ThemeTokenAvatar'
5
5
 
6
6
  export interface TokenSummaryProps extends CardHeaderProps {
7
7
  icon?: string
@@ -14,7 +14,7 @@ export const TokenSummary: React.FC<TokenSummaryProps> = ({ icon, symbol, symbol
14
14
  return (
15
15
  <>
16
16
  <CardHeader
17
- avatar={<XyoThemeTokenAvatar src={icon} alt={symbol} />}
17
+ avatar={<ThemeTokenAvatar src={icon} alt={symbol} />}
18
18
  title={
19
19
  <Typography variant="h6" fontWeight={300} textTransform="uppercase">
20
20
  {symbolElement ?? symbol}
@@ -1,7 +1,7 @@
1
1
  export * from './Ampersand'
2
2
  export * from './BasicHero'
3
3
  export * from './Ellipsize'
4
- export * from './ErrorBoundry'
4
+ export * from './ErrorBoundary'
5
5
  export * from './ListItemButtonEx'
6
6
  export * from './LoadResult'
7
7
  export * from './NotFound'
@@ -10,9 +10,9 @@ export * from './pluginValidation'
10
10
  export * from './ScrollTableOnSm'
11
11
  export * from './SectionSpacingRow'
12
12
  export * from './TableCell'
13
+ export * from './ThemeTokenAvatar'
14
+ export * from './ThemeTokenAvatarGroup'
13
15
  export * from './TokenBar'
14
16
  export * from './TokenData'
15
17
  export * from './TokenSummary'
16
18
  export * from './TypographyEx'
17
- export * from './XyoThemeTokenAvatar'
18
- export * from './XyoThemeTokenAvatarGroup'
@@ -1,17 +1,19 @@
1
1
  import { PayloadHasher } from '@xyo-network/core'
2
2
  import { Payload } from '@xyo-network/payload-model'
3
+ import { DependencyList } from 'react'
3
4
 
4
5
  import { usePromise } from './usePromise'
5
6
 
6
- export const usePayloadHash = <TPayload extends Payload>(payload: TPayload | undefined | null, dependencies?: unknown[]) => {
7
- return usePromise(payload ? PayloadHasher.hashAsync(payload) : undefined, [payload, ...(dependencies ?? [])])[0]
7
+ export const usePayloadHash = <TPayload extends Payload>(payload: TPayload | undefined | null, dependencies?: DependencyList) => {
8
+ return usePromise(() => (payload ? PayloadHasher.hashAsync(payload) : undefined), dependencies)[0]
8
9
  }
9
10
 
10
- export const usePayloadHashes = <TPayload extends Payload>(payloads: TPayload[] | undefined | null, dependencies?: unknown[]) => {
11
+ export const usePayloadHashes = <TPayload extends Payload>(payloads: TPayload[] | undefined | null, dependencies?: DependencyList) => {
11
12
  return usePromise(
12
- payloads
13
- ? Promise.all(payloads.map<Promise<[TPayload, string]>>(async (payload) => [payload, await PayloadHasher.hashAsync(payload)]))
14
- : undefined,
15
- [payloads, ...(dependencies ?? [])],
13
+ () =>
14
+ payloads
15
+ ? Promise.all(payloads.map<Promise<[TPayload, string]>>(async (payload) => [payload, await PayloadHasher.hashAsync(payload)]))
16
+ : undefined,
17
+ dependencies,
16
18
  )[0]
17
19
  }
@@ -1,8 +1,7 @@
1
1
  // Inspired from https://github.com/bsonntag/react-use-promise
2
2
 
3
- import { useAsyncEffect } from '@xylabs/react-async-effect'
4
3
  import { Promisable } from '@xyo-network/promise'
5
- import { useReducer } from 'react'
4
+ import { DependencyList, Reducer, useEffect, useMemo, useReducer } from 'react'
6
5
 
7
6
  export enum State {
8
7
  pending = 'pending',
@@ -16,85 +15,96 @@ interface PromiseState<T = void> {
16
15
  state?: State
17
16
  }
18
17
 
19
- const defaultState: PromiseState = {
20
- error: undefined,
21
- result: undefined,
22
- state: State.pending,
23
- }
24
-
25
- // Since the resolved promise value can be anything, any seems appropriate
26
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
27
- type Action = { payload?: any; type: State }
28
-
29
- const reducer = (_state: PromiseState, action: Action) => {
30
- switch (action.type) {
31
- case State.pending:
32
- return defaultState
33
-
34
- case State.resolved:
35
- return {
36
- error: undefined,
37
- result: action.payload,
38
- state: State.resolved,
39
- }
40
-
41
- case State.rejected:
42
- return {
43
- error: action.payload,
44
- result: undefined,
45
- state: State.rejected,
46
- }
47
-
48
- default:
49
- throw Error(`Error parsing action ${JSON.stringify(action, null, 2)}`)
50
- }
51
- }
18
+ type Action<T> = { error?: Error; payload?: T; type: State }
52
19
 
53
20
  /**
54
21
  * usePromise -
55
22
  */
56
23
  export const usePromise = <TResult>(
57
- promise?: Promisable<TResult>,
58
- dependencies: unknown[] = [],
24
+ promise: () => Promisable<TResult> | undefined,
25
+ dependencies: DependencyList = [],
26
+ debug: string | undefined = undefined,
59
27
  ): [TResult | undefined, Error | undefined, State | undefined] => {
60
- const [{ error, result, state }, dispatch] = useReducer(reducer, defaultState)
28
+ const promiseMemo = useMemo(() => promise?.(), dependencies)
61
29
 
62
- useAsyncEffect(
63
- // eslint-disable-next-line react-hooks/exhaustive-deps
64
- async () => {
65
- if (!promise) {
66
- return
67
- }
30
+ const defaultState: PromiseState<TResult> = {
31
+ error: undefined,
32
+ result: undefined,
33
+ state: State.pending,
34
+ }
68
35
 
69
- let canceled = false
36
+ const reducer: Reducer<PromiseState<TResult>, Action<TResult>> = (_state: PromiseState<TResult>, action: Action<TResult>) => {
37
+ switch (action.type) {
38
+ case State.pending:
39
+ return defaultState
40
+
41
+ case State.resolved:
42
+ return {
43
+ error: undefined,
44
+ result: action.payload,
45
+ state: State.resolved,
46
+ }
47
+
48
+ case State.rejected:
49
+ return {
50
+ error: action.error,
51
+ result: undefined,
52
+ state: State.rejected,
53
+ }
54
+
55
+ default:
56
+ throw Error(`Error parsing action ${JSON.stringify(action, null, 2)}`)
57
+ }
58
+ }
70
59
 
71
- dispatch({ type: State.pending })
60
+ const [{ error, result, state }, dispatch] = useReducer(reducer, defaultState)
72
61
 
73
- try {
74
- const result = await promise
75
- !canceled
76
- ? dispatch({
77
- payload: result,
62
+ if (debug) console.debug(`usePromise [${debug}] Main Function`)
63
+
64
+ useEffect(() => {
65
+ let cancelled = false
66
+ dispatch({ type: State.pending })
67
+ if (debug) console.debug(`usePromise [${debug}] useEffect [cancelled: ${cancelled}]`)
68
+ if (promiseMemo instanceof Promise) {
69
+ promiseMemo
70
+ .then((payload) => {
71
+ if (debug) console.debug(`usePromise [${debug}] then [cancelled: ${cancelled}]`)
72
+ !cancelled ??
73
+ dispatch({
74
+ error: undefined,
75
+ payload,
78
76
  type: State.resolved,
79
77
  })
80
- : undefined
81
- } catch (e) {
82
- !canceled
83
- ? dispatch({
84
- payload: e as Error,
78
+ })
79
+ .catch((error) => {
80
+ if (debug) console.debug(`usePromise [${debug}] catch [cancelled: ${cancelled}]`)
81
+ !cancelled ??
82
+ dispatch({
83
+ error: error as Error,
84
+ payload: undefined,
85
85
  type: State.rejected,
86
86
  })
87
- : undefined
88
- }
89
-
90
- return () => {
91
- canceled = true
92
- }
93
- },
94
- // eslint can't inspect the array to verify dependencies are missing
95
- // eslint-disable-next-line react-hooks/exhaustive-deps
96
- dependencies,
97
- )
87
+ })
88
+ } else if (promiseMemo) {
89
+ dispatch({
90
+ error: undefined,
91
+ payload: promiseMemo,
92
+ type: State.resolved,
93
+ })
94
+ } else {
95
+ if (debug) console.debug(`usePromise [${debug}] no-promise [cancelled: ${cancelled}]`)
96
+ !cancelled ??
97
+ dispatch({
98
+ error: undefined,
99
+ payload: undefined,
100
+ type: State.resolved,
101
+ })
102
+ }
103
+ return () => {
104
+ if (debug) console.debug(`usePromise [${debug}] useEffect callback`)
105
+ cancelled = true
106
+ }
107
+ }, [promiseMemo])
98
108
 
99
109
  return [result, error, state]
100
110
  }
package/src/lib/xyo.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import { SvgIcon, SvgIconProps } from '@mui/material'
2
2
 
3
- export const XyoLogo: React.FC<SvgIconProps> = (props) => {
3
+ export const Logo: React.FC<SvgIconProps> = (props) => {
4
4
  return (
5
5
  <SvgIcon data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 238" {...props}>
6
6
  <path d="M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z" />
@@ -1 +0,0 @@
1
- {"version":3,"file":"ErrorBoundry.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundry.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,yDAA+C;AAC/C,iCAAuD;AAcvD,MAAa,aAAc,SAAQ,iBAAiD;IAClF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA;IACnC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;IAClB,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAC3D,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,SAAS,EAAE,CAAC,CAAA;IACzC,CAAC;IAEQ,MAAM;;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE;gBAChC,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;aACtD;YACD,OAAO,CACL,MAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,mCAAI,CACrB,wBAAC,uBAAO,eACN,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,2CAAmC,EAC3D,wBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,sBAAG,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,OAAO,UAAe,IAC9D,CACX,CACF,CAAA;SACF;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF;AA/BD,sCA+BC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"XyoThemeTokenAvatar.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAEtD,MAAM,mBAAmB,GAA0B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,sBAAV,EAAY,CAAF;IACnE,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,uBAAC,iBAAM,kBAAC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAM,KAAK,EAAI,CAAA;AAC9E,CAAC,CAAA;AAHY,QAAA,mBAAmB,uBAG/B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatar/index.ts"],"names":[],"mappings":";;;AAAA,gEAAqC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"XyoThemeTokenAvatarGroup.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAE7D,gEAA4D;AAMrD,MAAM,wBAAwB,GAA4C,CAAC,EAAoB,EAAE,EAAE;QAAxB,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAlB,UAAoB,CAAF;IAClG,OAAO,CACL,uBAAC,sBAAW,oBAAK,KAAK,cACnB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,uBAAC,yCAAmB,IAAa,GAAG,EAAE,KAAK,IAAjB,KAAK,CAAgB,CAChD,CAAC,IACU,CACf,CAAA;AACH,CAAC,CAAA;AARY,QAAA,wBAAwB,4BAQpC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatarGroup/index.ts"],"names":[],"mappings":";;;AAAA,qEAA0C"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ErrorBoundry.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundry.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAA;AAcvD,MAAM,OAAO,aAAc,SAAQ,SAAiD;IAClF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA;IACnC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;IAClB,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAC3D,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,SAAS,EAAE,CAAC,CAAA;IACzC,CAAC;IAEQ,MAAM;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE;gBAChC,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;aACtD;YACD,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CACrB,MAAC,OAAO,eACN,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,sCAAmC,EAC3D,MAAC,UAAU,IAAC,OAAO,EAAC,OAAO,kBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,SAAe,IAC9D,CACX,CACF,CAAA;SACF;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"XyoThemeTokenAvatar.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7D,MAAM,CAAC,MAAM,mBAAmB,GAA0B,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAM,KAAK,GAAI,CAAA;AAC9E,CAAC,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './XyoThemeTokenAvatar';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { AvatarGroup } from '@mui/material';
3
- import { XyoThemeTokenAvatar } from '../XyoThemeTokenAvatar';
4
- export const XyoThemeTokenAvatarGroup = ({ images, ...props }) => {
5
- return (_jsx(AvatarGroup, { ...props, children: images?.map((image, index) => (_jsx(XyoThemeTokenAvatar, { src: image }, index))) }));
6
- };
7
- //# sourceMappingURL=XyoThemeTokenAvatarGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"XyoThemeTokenAvatarGroup.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAM5D,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxG,OAAO,CACL,KAAC,WAAW,OAAK,KAAK,YACnB,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,KAAC,mBAAmB,IAAa,GAAG,EAAE,KAAK,IAAjB,KAAK,CAAgB,CAChD,CAAC,GACU,CACf,CAAA;AACH,CAAC,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './XyoThemeTokenAvatarGroup';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatarGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ErrorBoundry.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundry.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAA;CAChD;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBACtE,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAInC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAIpD,MAAM;CAiBhB"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { AvatarProps } from '@mui/material';
3
- export declare const XyoThemeTokenAvatar: React.FC<AvatarProps>;
4
- //# sourceMappingURL=XyoThemeTokenAvatar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"XyoThemeTokenAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE7D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAGrD,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './XyoThemeTokenAvatar';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { AvatarGroupProps } from '@mui/material';
3
- export interface XyoThemeTokenAvatarGroupProps extends AvatarGroupProps {
4
- images?: string[];
5
- }
6
- export declare const XyoThemeTokenAvatarGroup: React.FC<XyoThemeTokenAvatarGroupProps>;
7
- //# sourceMappingURL=XyoThemeTokenAvatarGroup.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"XyoThemeTokenAvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,MAAM,WAAW,6BAA8B,SAAQ,gBAAgB;IACrE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAQ5E,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './XyoThemeTokenAvatarGroup';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatarGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA"}
@@ -1 +0,0 @@
1
- export * from './XyoThemeTokenAvatar'
@@ -1,17 +0,0 @@
1
- import { AvatarGroup, AvatarGroupProps } from '@mui/material'
2
-
3
- import { XyoThemeTokenAvatar } from '../XyoThemeTokenAvatar'
4
-
5
- export interface XyoThemeTokenAvatarGroupProps extends AvatarGroupProps {
6
- images?: string[]
7
- }
8
-
9
- export const XyoThemeTokenAvatarGroup: React.FC<XyoThemeTokenAvatarGroupProps> = ({ images, ...props }) => {
10
- return (
11
- <AvatarGroup {...props}>
12
- {images?.map((image, index) => (
13
- <XyoThemeTokenAvatar key={index} src={image} />
14
- ))}
15
- </AvatarGroup>
16
- )
17
- }
@@ -1 +0,0 @@
1
- export * from './XyoThemeTokenAvatarGroup'