@xyo-network/react-property 2.81.10 → 2.83.0

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 (247) hide show
  1. package/dist/browser/index.d.ts +63 -2
  2. package/dist/browser/index.mjs +272 -0
  3. package/dist/browser/index.mjs.map +1 -0
  4. package/package.json +16 -32
  5. package/src/components/Actions.tsx +32 -25
  6. package/src/components/ActionsMenu.tsx +25 -23
  7. package/src/components/ActionsProps.ts +1 -1
  8. package/src/components/Group.tsx +18 -14
  9. package/src/components/IdenticonCorner.tsx +1 -1
  10. package/src/components/Property.tsx +25 -23
  11. package/src/components/PropertyBox.stories.tsx +3 -3
  12. package/src/components/PropertyPaper.stories.tsx +3 -3
  13. package/src/components/{Props.tsx → Props.ts} +2 -2
  14. package/src/components/Title.stories.tsx +3 -3
  15. package/src/components/Title.tsx +11 -9
  16. package/src/components/Value.stories.tsx +3 -3
  17. package/src/components/Value.tsx +14 -11
  18. package/src/components/index.ts +6 -6
  19. package/src/index.ts +1 -1
  20. package/xy.config.ts +12 -0
  21. package/dist/browser/components/Action.d.cts +0 -8
  22. package/dist/browser/components/Action.d.cts.map +0 -1
  23. package/dist/browser/components/Action.d.mts +0 -8
  24. package/dist/browser/components/Action.d.mts.map +0 -1
  25. package/dist/browser/components/Action.d.ts +0 -8
  26. package/dist/browser/components/Action.d.ts.map +0 -1
  27. package/dist/browser/components/Actions.d.cts +0 -3
  28. package/dist/browser/components/Actions.d.cts.map +0 -1
  29. package/dist/browser/components/Actions.d.mts +0 -3
  30. package/dist/browser/components/Actions.d.mts.map +0 -1
  31. package/dist/browser/components/Actions.d.ts +0 -3
  32. package/dist/browser/components/Actions.d.ts.map +0 -1
  33. package/dist/browser/components/ActionsMenu.d.cts +0 -3
  34. package/dist/browser/components/ActionsMenu.d.cts.map +0 -1
  35. package/dist/browser/components/ActionsMenu.d.mts +0 -3
  36. package/dist/browser/components/ActionsMenu.d.mts.map +0 -1
  37. package/dist/browser/components/ActionsMenu.d.ts +0 -3
  38. package/dist/browser/components/ActionsMenu.d.ts.map +0 -1
  39. package/dist/browser/components/ActionsProps.d.cts +0 -7
  40. package/dist/browser/components/ActionsProps.d.cts.map +0 -1
  41. package/dist/browser/components/ActionsProps.d.mts +0 -7
  42. package/dist/browser/components/ActionsProps.d.mts.map +0 -1
  43. package/dist/browser/components/ActionsProps.d.ts +0 -7
  44. package/dist/browser/components/ActionsProps.d.ts.map +0 -1
  45. package/dist/browser/components/Group.d.cts +0 -3
  46. package/dist/browser/components/Group.d.cts.map +0 -1
  47. package/dist/browser/components/Group.d.mts +0 -3
  48. package/dist/browser/components/Group.d.mts.map +0 -1
  49. package/dist/browser/components/Group.d.ts +0 -3
  50. package/dist/browser/components/Group.d.ts.map +0 -1
  51. package/dist/browser/components/IdenticonCorner.d.cts +0 -6
  52. package/dist/browser/components/IdenticonCorner.d.cts.map +0 -1
  53. package/dist/browser/components/IdenticonCorner.d.mts +0 -6
  54. package/dist/browser/components/IdenticonCorner.d.mts.map +0 -1
  55. package/dist/browser/components/IdenticonCorner.d.ts +0 -6
  56. package/dist/browser/components/IdenticonCorner.d.ts.map +0 -1
  57. package/dist/browser/components/Property.d.cts +0 -3
  58. package/dist/browser/components/Property.d.cts.map +0 -1
  59. package/dist/browser/components/Property.d.mts +0 -3
  60. package/dist/browser/components/Property.d.mts.map +0 -1
  61. package/dist/browser/components/Property.d.ts +0 -3
  62. package/dist/browser/components/Property.d.ts.map +0 -1
  63. package/dist/browser/components/Props.d.cts +0 -35
  64. package/dist/browser/components/Props.d.cts.map +0 -1
  65. package/dist/browser/components/Props.d.mts +0 -35
  66. package/dist/browser/components/Props.d.mts.map +0 -1
  67. package/dist/browser/components/Props.d.ts +0 -35
  68. package/dist/browser/components/Props.d.ts.map +0 -1
  69. package/dist/browser/components/Title.d.cts +0 -13
  70. package/dist/browser/components/Title.d.cts.map +0 -1
  71. package/dist/browser/components/Title.d.mts +0 -13
  72. package/dist/browser/components/Title.d.mts.map +0 -1
  73. package/dist/browser/components/Title.d.ts +0 -13
  74. package/dist/browser/components/Title.d.ts.map +0 -1
  75. package/dist/browser/components/Value.d.cts +0 -8
  76. package/dist/browser/components/Value.d.cts.map +0 -1
  77. package/dist/browser/components/Value.d.mts +0 -8
  78. package/dist/browser/components/Value.d.mts.map +0 -1
  79. package/dist/browser/components/Value.d.ts +0 -8
  80. package/dist/browser/components/Value.d.ts.map +0 -1
  81. package/dist/browser/components/index.d.cts +0 -7
  82. package/dist/browser/components/index.d.cts.map +0 -1
  83. package/dist/browser/components/index.d.mts +0 -7
  84. package/dist/browser/components/index.d.mts.map +0 -1
  85. package/dist/browser/components/index.d.ts +0 -7
  86. package/dist/browser/components/index.d.ts.map +0 -1
  87. package/dist/browser/index.cjs +0 -223
  88. package/dist/browser/index.cjs.map +0 -1
  89. package/dist/browser/index.d.cts +0 -2
  90. package/dist/browser/index.d.cts.map +0 -1
  91. package/dist/browser/index.d.mts +0 -2
  92. package/dist/browser/index.d.mts.map +0 -1
  93. package/dist/browser/index.d.ts.map +0 -1
  94. package/dist/browser/index.js +0 -200
  95. package/dist/browser/index.js.map +0 -1
  96. package/dist/neutral/components/Action.d.cts +0 -8
  97. package/dist/neutral/components/Action.d.cts.map +0 -1
  98. package/dist/neutral/components/Action.d.mts +0 -8
  99. package/dist/neutral/components/Action.d.mts.map +0 -1
  100. package/dist/neutral/components/Action.d.ts +0 -8
  101. package/dist/neutral/components/Action.d.ts.map +0 -1
  102. package/dist/neutral/components/Actions.d.cts +0 -3
  103. package/dist/neutral/components/Actions.d.cts.map +0 -1
  104. package/dist/neutral/components/Actions.d.mts +0 -3
  105. package/dist/neutral/components/Actions.d.mts.map +0 -1
  106. package/dist/neutral/components/Actions.d.ts +0 -3
  107. package/dist/neutral/components/Actions.d.ts.map +0 -1
  108. package/dist/neutral/components/ActionsMenu.d.cts +0 -3
  109. package/dist/neutral/components/ActionsMenu.d.cts.map +0 -1
  110. package/dist/neutral/components/ActionsMenu.d.mts +0 -3
  111. package/dist/neutral/components/ActionsMenu.d.mts.map +0 -1
  112. package/dist/neutral/components/ActionsMenu.d.ts +0 -3
  113. package/dist/neutral/components/ActionsMenu.d.ts.map +0 -1
  114. package/dist/neutral/components/ActionsProps.d.cts +0 -7
  115. package/dist/neutral/components/ActionsProps.d.cts.map +0 -1
  116. package/dist/neutral/components/ActionsProps.d.mts +0 -7
  117. package/dist/neutral/components/ActionsProps.d.mts.map +0 -1
  118. package/dist/neutral/components/ActionsProps.d.ts +0 -7
  119. package/dist/neutral/components/ActionsProps.d.ts.map +0 -1
  120. package/dist/neutral/components/Group.d.cts +0 -3
  121. package/dist/neutral/components/Group.d.cts.map +0 -1
  122. package/dist/neutral/components/Group.d.mts +0 -3
  123. package/dist/neutral/components/Group.d.mts.map +0 -1
  124. package/dist/neutral/components/Group.d.ts +0 -3
  125. package/dist/neutral/components/Group.d.ts.map +0 -1
  126. package/dist/neutral/components/IdenticonCorner.d.cts +0 -6
  127. package/dist/neutral/components/IdenticonCorner.d.cts.map +0 -1
  128. package/dist/neutral/components/IdenticonCorner.d.mts +0 -6
  129. package/dist/neutral/components/IdenticonCorner.d.mts.map +0 -1
  130. package/dist/neutral/components/IdenticonCorner.d.ts +0 -6
  131. package/dist/neutral/components/IdenticonCorner.d.ts.map +0 -1
  132. package/dist/neutral/components/Property.d.cts +0 -3
  133. package/dist/neutral/components/Property.d.cts.map +0 -1
  134. package/dist/neutral/components/Property.d.mts +0 -3
  135. package/dist/neutral/components/Property.d.mts.map +0 -1
  136. package/dist/neutral/components/Property.d.ts +0 -3
  137. package/dist/neutral/components/Property.d.ts.map +0 -1
  138. package/dist/neutral/components/Props.d.cts +0 -35
  139. package/dist/neutral/components/Props.d.cts.map +0 -1
  140. package/dist/neutral/components/Props.d.mts +0 -35
  141. package/dist/neutral/components/Props.d.mts.map +0 -1
  142. package/dist/neutral/components/Props.d.ts +0 -35
  143. package/dist/neutral/components/Props.d.ts.map +0 -1
  144. package/dist/neutral/components/Title.d.cts +0 -13
  145. package/dist/neutral/components/Title.d.cts.map +0 -1
  146. package/dist/neutral/components/Title.d.mts +0 -13
  147. package/dist/neutral/components/Title.d.mts.map +0 -1
  148. package/dist/neutral/components/Title.d.ts +0 -13
  149. package/dist/neutral/components/Title.d.ts.map +0 -1
  150. package/dist/neutral/components/Value.d.cts +0 -8
  151. package/dist/neutral/components/Value.d.cts.map +0 -1
  152. package/dist/neutral/components/Value.d.mts +0 -8
  153. package/dist/neutral/components/Value.d.mts.map +0 -1
  154. package/dist/neutral/components/Value.d.ts +0 -8
  155. package/dist/neutral/components/Value.d.ts.map +0 -1
  156. package/dist/neutral/components/index.d.cts +0 -7
  157. package/dist/neutral/components/index.d.cts.map +0 -1
  158. package/dist/neutral/components/index.d.mts +0 -7
  159. package/dist/neutral/components/index.d.mts.map +0 -1
  160. package/dist/neutral/components/index.d.ts +0 -7
  161. package/dist/neutral/components/index.d.ts.map +0 -1
  162. package/dist/neutral/index.cjs +0 -223
  163. package/dist/neutral/index.cjs.map +0 -1
  164. package/dist/neutral/index.d.cts +0 -2
  165. package/dist/neutral/index.d.cts.map +0 -1
  166. package/dist/neutral/index.d.mts +0 -2
  167. package/dist/neutral/index.d.mts.map +0 -1
  168. package/dist/neutral/index.d.ts +0 -2
  169. package/dist/neutral/index.d.ts.map +0 -1
  170. package/dist/neutral/index.js +0 -200
  171. package/dist/neutral/index.js.map +0 -1
  172. package/dist/node/components/Action.d.cts +0 -8
  173. package/dist/node/components/Action.d.cts.map +0 -1
  174. package/dist/node/components/Action.d.mts +0 -8
  175. package/dist/node/components/Action.d.mts.map +0 -1
  176. package/dist/node/components/Action.d.ts +0 -8
  177. package/dist/node/components/Action.d.ts.map +0 -1
  178. package/dist/node/components/Actions.d.cts +0 -3
  179. package/dist/node/components/Actions.d.cts.map +0 -1
  180. package/dist/node/components/Actions.d.mts +0 -3
  181. package/dist/node/components/Actions.d.mts.map +0 -1
  182. package/dist/node/components/Actions.d.ts +0 -3
  183. package/dist/node/components/Actions.d.ts.map +0 -1
  184. package/dist/node/components/ActionsMenu.d.cts +0 -3
  185. package/dist/node/components/ActionsMenu.d.cts.map +0 -1
  186. package/dist/node/components/ActionsMenu.d.mts +0 -3
  187. package/dist/node/components/ActionsMenu.d.mts.map +0 -1
  188. package/dist/node/components/ActionsMenu.d.ts +0 -3
  189. package/dist/node/components/ActionsMenu.d.ts.map +0 -1
  190. package/dist/node/components/ActionsProps.d.cts +0 -7
  191. package/dist/node/components/ActionsProps.d.cts.map +0 -1
  192. package/dist/node/components/ActionsProps.d.mts +0 -7
  193. package/dist/node/components/ActionsProps.d.mts.map +0 -1
  194. package/dist/node/components/ActionsProps.d.ts +0 -7
  195. package/dist/node/components/ActionsProps.d.ts.map +0 -1
  196. package/dist/node/components/Group.d.cts +0 -3
  197. package/dist/node/components/Group.d.cts.map +0 -1
  198. package/dist/node/components/Group.d.mts +0 -3
  199. package/dist/node/components/Group.d.mts.map +0 -1
  200. package/dist/node/components/Group.d.ts +0 -3
  201. package/dist/node/components/Group.d.ts.map +0 -1
  202. package/dist/node/components/IdenticonCorner.d.cts +0 -6
  203. package/dist/node/components/IdenticonCorner.d.cts.map +0 -1
  204. package/dist/node/components/IdenticonCorner.d.mts +0 -6
  205. package/dist/node/components/IdenticonCorner.d.mts.map +0 -1
  206. package/dist/node/components/IdenticonCorner.d.ts +0 -6
  207. package/dist/node/components/IdenticonCorner.d.ts.map +0 -1
  208. package/dist/node/components/Property.d.cts +0 -3
  209. package/dist/node/components/Property.d.cts.map +0 -1
  210. package/dist/node/components/Property.d.mts +0 -3
  211. package/dist/node/components/Property.d.mts.map +0 -1
  212. package/dist/node/components/Property.d.ts +0 -3
  213. package/dist/node/components/Property.d.ts.map +0 -1
  214. package/dist/node/components/Props.d.cts +0 -35
  215. package/dist/node/components/Props.d.cts.map +0 -1
  216. package/dist/node/components/Props.d.mts +0 -35
  217. package/dist/node/components/Props.d.mts.map +0 -1
  218. package/dist/node/components/Props.d.ts +0 -35
  219. package/dist/node/components/Props.d.ts.map +0 -1
  220. package/dist/node/components/Title.d.cts +0 -13
  221. package/dist/node/components/Title.d.cts.map +0 -1
  222. package/dist/node/components/Title.d.mts +0 -13
  223. package/dist/node/components/Title.d.mts.map +0 -1
  224. package/dist/node/components/Title.d.ts +0 -13
  225. package/dist/node/components/Title.d.ts.map +0 -1
  226. package/dist/node/components/Value.d.cts +0 -8
  227. package/dist/node/components/Value.d.cts.map +0 -1
  228. package/dist/node/components/Value.d.mts +0 -8
  229. package/dist/node/components/Value.d.mts.map +0 -1
  230. package/dist/node/components/Value.d.ts +0 -8
  231. package/dist/node/components/Value.d.ts.map +0 -1
  232. package/dist/node/components/index.d.cts +0 -7
  233. package/dist/node/components/index.d.cts.map +0 -1
  234. package/dist/node/components/index.d.mts +0 -7
  235. package/dist/node/components/index.d.mts.map +0 -1
  236. package/dist/node/components/index.d.ts +0 -7
  237. package/dist/node/components/index.d.ts.map +0 -1
  238. package/dist/node/index.cjs +0 -232
  239. package/dist/node/index.cjs.map +0 -1
  240. package/dist/node/index.d.cts +0 -2
  241. package/dist/node/index.d.cts.map +0 -1
  242. package/dist/node/index.d.mts +0 -2
  243. package/dist/node/index.d.mts.map +0 -1
  244. package/dist/node/index.d.ts +0 -2
  245. package/dist/node/index.d.ts.map +0 -1
  246. package/dist/node/index.js +0 -202
  247. package/dist/node/index.js.map +0 -1
@@ -1,200 +0,0 @@
1
- // src/components/Group.tsx
2
- import { Paper, useTheme as useTheme2 } from "@mui/material";
3
- import { FlexCol, FlexGrowRow, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
4
- import { typeOf } from "@xyo-network/typeof";
5
-
6
- // src/components/Title.tsx
7
- import { darken, lighten, Typography, useTheme } from "@mui/material";
8
- import { FlexRow } from "@xylabs/react-flexbox";
9
- import { QuickTipButton } from "@xylabs/react-quick-tip-button";
10
- import { jsx, jsxs } from "react/jsx-runtime";
11
- var PropertyTitle = ({ elevation = 1, size = "medium", tip, more, title, ...props }) => {
12
- const sizeVariants = {
13
- full: "caption",
14
- large: "caption",
15
- medium: "caption",
16
- small: "caption"
17
- };
18
- const sizeTitleHeight = {
19
- full: void 0,
20
- large: 32,
21
- medium: 20,
22
- small: 16
23
- };
24
- const sizeFontSize = {
25
- full: 16,
26
- large: 16,
27
- medium: 14,
28
- small: 10
29
- };
30
- const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16;
31
- const theme = useTheme();
32
- return /* @__PURE__ */ jsxs(
33
- FlexRow,
34
- {
35
- bgcolor: theme.palette.mode === "dark" ? lighten(theme.palette.background.paper, 0.05 * elevation) : darken(theme.palette.background.paper, 0.025 * elevation),
36
- alignItems: "center",
37
- height: sizeTitleHeight[size],
38
- justifyContent: "space-between",
39
- ...props,
40
- children: [
41
- /* @__PURE__ */ jsxs(FlexRow, { paddingX: 1, paddingY: 0.5, children: [
42
- /* @__PURE__ */ jsx(Typography, { fontWeight: 500, noWrap: true, variant: sizeVariants[size], fontSize: sizeFontSize[size], children: /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx("strong", { children: title }) }) }),
43
- tip ? /* @__PURE__ */ jsx(QuickTipButton, { style: { fontSize: quickTipSize }, color: "inherit", title: title ?? "", children: tip }) : null
44
- ] }),
45
- more
46
- ]
47
- }
48
- );
49
- };
50
-
51
- // src/components/Group.tsx
52
- import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
53
- var PropertyGroupBox = ({ titleProps, children, title, tip, ...props }) => {
54
- const theme = useTheme2();
55
- const childrenArray = typeOf(children) === "array" ? children : void 0;
56
- return /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", overflow: "hidden", ...props, children: /* @__PURE__ */ jsxs2(FlexRow2, { overflow: "hidden", justifyContent: "stretch", alignItems: "stretch", children: [
57
- /* @__PURE__ */ jsx2(PropertyTitle, { alignItems: "flex-start", size: "full", title, tip, ...titleProps }),
58
- childrenArray ? /* @__PURE__ */ jsx2(FlexGrowRow, { children: childrenArray?.map((child, index) => {
59
- return child ? /* @__PURE__ */ jsx2(FlexGrowRow, { borderLeft: 1, borderColor: theme.palette.divider, children: child }, index) : null;
60
- }) }) : /* @__PURE__ */ jsx2(FlexGrowRow, { overflow: "hidden", children })
61
- ] }) });
62
- };
63
- var PropertyGroupPaper = ({ style, variant, elevation, square, ...props }) => {
64
- return /* @__PURE__ */ jsx2(Paper, { style: { minWidth: 0, overflow: "hidden", ...style }, variant, elevation, square, children: /* @__PURE__ */ jsx2(PropertyGroupBox, { ...props, paper: false }) });
65
- };
66
- var PropertyGroup = (props) => {
67
- return props.paper ? /* @__PURE__ */ jsx2(PropertyGroupPaper, { ...props }) : /* @__PURE__ */ jsx2(PropertyGroupBox, { ...props });
68
- };
69
-
70
- // src/components/Property.tsx
71
- import { CircularProgress, Paper as Paper2 } from "@mui/material";
72
- import { FlexRow as FlexRow5 } from "@xylabs/react-flexbox";
73
- import { forwardRef as forwardRef2 } from "react";
74
-
75
- // src/components/ActionsMenu.tsx
76
- import { MoreHoriz as MoreHorizIcon } from "@mui/icons-material";
77
- import { IconButton, Menu, MenuItem } from "@mui/material";
78
- import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
79
- import { useState } from "react";
80
- import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
81
- var PropertyActionsMenu = ({ actions, ...props }) => {
82
- const [anchorEl, setAnchorEl] = useState(null);
83
- const open = !!anchorEl;
84
- const handleClick = (event) => {
85
- setAnchorEl(event.currentTarget);
86
- };
87
- const handleClose = () => {
88
- setAnchorEl(null);
89
- };
90
- return actions && actions?.length > 0 ? /* @__PURE__ */ jsxs3(FlexRow3, { ...props, children: [
91
- /* @__PURE__ */ jsx3(IconButton, { size: "small", color: "inherit", onClick: handleClick, children: /* @__PURE__ */ jsx3(MoreHorizIcon, { fontSize: "inherit" }) }),
92
- /* @__PURE__ */ jsx3(Menu, { anchorEl, open, onClose: handleClose, children: actions?.map((action) => {
93
- return /* @__PURE__ */ jsx3(
94
- MenuItem,
95
- {
96
- onClick: () => {
97
- action?.onClick?.();
98
- handleClose();
99
- },
100
- children: action.name
101
- },
102
- action.name
103
- );
104
- }) })
105
- ] }) : null;
106
- };
107
-
108
- // src/components/IdenticonCorner.tsx
109
- import { useTheme as useTheme3 } from "@mui/material";
110
- import { FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
111
- import { Identicon } from "@xylabs/react-identicon";
112
- import { useEffect, useRef, useState as useState2 } from "react";
113
- import { jsx as jsx4 } from "react/jsx-runtime";
114
- var IdenticonCorner = ({ value, ...props }) => {
115
- const theme = useTheme3();
116
- const [parentHeight, setParentHeight] = useState2();
117
- const ref = useRef(null);
118
- useEffect(() => {
119
- setParentHeight(ref.current?.parentElement?.parentElement?.clientHeight);
120
- }, []);
121
- const calculatedHeight = parentHeight ?? 0;
122
- return /* @__PURE__ */ jsx4(FlexRow4, { alignItems: "flex-start", height: "100%", children: /* @__PURE__ */ jsx4(FlexRow4, { background: true, height: calculatedHeight, width: calculatedHeight, borderLeft: `1px solid ${theme.palette.divider}`, children: /* @__PURE__ */ jsx4("div", { ref, children: /* @__PURE__ */ jsx4(Identicon, { size: calculatedHeight * 0.6, value: `${value}`, sx: { padding: `${calculatedHeight * 0.2}px` }, ...props }) }) }) });
123
- };
124
-
125
- // src/components/Value.tsx
126
- import { EllipsizeBox } from "@xyo-network/react-shared";
127
- import { forwardRef } from "react";
128
- import { jsx as jsx5 } from "react/jsx-runtime";
129
- var PropertyValue = forwardRef(({ typographyVariant = "body1", value, ...props }, ref) => {
130
- return value === void 0 ? null : /* @__PURE__ */ jsx5(
131
- EllipsizeBox,
132
- {
133
- typographyProps: { component: void 0, title: value?.toString(), variant: typographyVariant },
134
- width: "100%",
135
- ref,
136
- ...props,
137
- children: value
138
- }
139
- );
140
- });
141
- PropertyValue.displayName = "PropertyValue";
142
-
143
- // src/components/Property.tsx
144
- import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
145
- var PropertyBox = forwardRef2(
146
- ({ titleProps, title, value, children, size = "medium", tip, actions, required, badge = false, ...props }, ref) => {
147
- const sizeValueHeight = {
148
- large: 48,
149
- medium: 36,
150
- small: 24
151
- };
152
- const sizeVariants = {
153
- large: "h6",
154
- medium: "body1",
155
- small: "body2"
156
- };
157
- return /* @__PURE__ */ jsxs4(FlexRow5, { ref, flexDirection: "column", minWidth: 0, alignItems: "stretch", overflow: "hidden", ...props, children: [
158
- title === void 0 ? null : /* @__PURE__ */ jsx6(
159
- PropertyTitle,
160
- {
161
- tip,
162
- title: required ? `${title}*` : title,
163
- size,
164
- more: /* @__PURE__ */ jsx6(PropertyActionsMenu, { actions }),
165
- ...titleProps
166
- }
167
- ),
168
- /* @__PURE__ */ jsxs4(
169
- FlexRow5,
170
- {
171
- pl: 1,
172
- columnGap: 1,
173
- justifyContent: value === void 0 ? "center" : "space-between",
174
- overflow: "hidden",
175
- height: sizeValueHeight[size],
176
- children: [
177
- children ?? value === void 0 ? /* @__PURE__ */ jsx6(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsx6(PropertyValue, { value, typographyVariant: sizeVariants[size] }),
178
- value === void 0 ? null : badge ? /* @__PURE__ */ jsx6(IdenticonCorner, { value }) : null
179
- ]
180
- }
181
- )
182
- ] });
183
- }
184
- );
185
- PropertyBox.displayName = "PropertyBox";
186
- var PropertyPaper = forwardRef2(({ style, variant, elevation = 2, square, ...props }, ref) => {
187
- return /* @__PURE__ */ jsx6(Paper2, { ref, style: { minWidth: 0, overflow: "hidden", ...style }, variant, elevation, square, children: /* @__PURE__ */ jsx6(PropertyBox, { ...props, paper: false }) });
188
- });
189
- PropertyPaper.displayName = "PropertyPaper";
190
- var Property = forwardRef2((props, ref) => {
191
- return props.paper ? /* @__PURE__ */ jsx6(PropertyPaper, { ref, ...props }) : /* @__PURE__ */ jsx6(PropertyBox, { ref, ...props });
192
- });
193
- Property.displayName = "Property";
194
- export {
195
- Property,
196
- PropertyGroup,
197
- PropertyTitle,
198
- PropertyValue
199
- };
200
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/components/Group.tsx","../../src/components/Title.tsx","../../src/components/Property.tsx","../../src/components/ActionsMenu.tsx","../../src/components/IdenticonCorner.tsx","../../src/components/Value.tsx"],"sourcesContent":["import { Paper, useTheme } from '@mui/material'\nimport { FlexCol, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'\nimport { typeOf } from '@xyo-network/typeof'\nimport { ReactElement } from 'react'\n\nimport { PropertyGroupBoxProps, PropertyGroupPaperProps, PropertyGroupProps } from './Props.js'\nimport { PropertyTitle } from './Title.js'\n\nconst PropertyGroupBox: React.FC<PropertyGroupBoxProps> = ({ titleProps, children, title, tip, ...props }) => {\n const theme = useTheme()\n const childrenArray = typeOf(children) === 'array' ? (children as ReactElement[]) : undefined\n return (\n <FlexCol alignItems=\"stretch\" overflow=\"hidden\" {...props}>\n <FlexRow overflow=\"hidden\" justifyContent=\"stretch\" alignItems=\"stretch\">\n <PropertyTitle alignItems=\"flex-start\" size=\"full\" title={title} tip={tip} {...titleProps} />\n {childrenArray ?\n <FlexGrowRow>\n {childrenArray?.map((child, index) => {\n return child ?\n <FlexGrowRow key={index} borderLeft={1} borderColor={theme.palette.divider}>\n {child}\n </FlexGrowRow>\n : null\n })}\n </FlexGrowRow>\n : <FlexGrowRow overflow=\"hidden\">{children}</FlexGrowRow>}\n </FlexRow>\n </FlexCol>\n )\n}\n\nconst PropertyGroupPaper: React.FC<PropertyGroupPaperProps> = ({ style, variant, elevation, square, ...props }) => {\n return (\n <Paper style={{ minWidth: 0, overflow: 'hidden', ...style }} variant={variant} elevation={elevation} square={square}>\n <PropertyGroupBox {...props} paper={false} />\n </Paper>\n )\n}\n\nexport const PropertyGroup: React.FC<PropertyGroupProps> = (props) => {\n return props.paper ? <PropertyGroupPaper {...props} /> : <PropertyGroupBox {...props} />\n}\n","import { darken, lighten, Typography, TypographyVariant, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { SizeProp } from '@xyo-network/react-shared'\nimport { ReactNode } from 'react'\n\nexport type TitleSizeProp = SizeProp | 'full'\n\nexport interface PropertyTitleProps extends FlexBoxProps {\n elevation?: number\n more?: ReactNode\n size?: TitleSizeProp\n tip?: ReactNode\n title?: string\n}\n\nexport const PropertyTitle: React.FC<PropertyTitleProps> = ({ elevation = 1, size = 'medium', tip, more, title, ...props }) => {\n const sizeVariants: Record<TitleSizeProp, TypographyVariant> = {\n full: 'caption',\n large: 'caption',\n medium: 'caption',\n small: 'caption',\n }\n\n const sizeTitleHeight: Record<TitleSizeProp, number | undefined> = {\n full: undefined,\n large: 32,\n medium: 20,\n small: 16,\n }\n\n const sizeFontSize: Record<TitleSizeProp, number> = {\n full: 16,\n large: 16,\n medium: 14,\n small: 10,\n }\n\n const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16\n\n const theme = useTheme()\n\n return (\n <FlexRow\n bgcolor={\n theme.palette.mode === 'dark' ?\n lighten(theme.palette.background.paper, 0.05 * elevation)\n : darken(theme.palette.background.paper, 0.025 * elevation)\n }\n alignItems=\"center\"\n height={sizeTitleHeight[size]}\n justifyContent=\"space-between\"\n {...props}\n >\n <FlexRow paddingX={1} paddingY={0.5}>\n <Typography fontWeight={500} noWrap variant={sizeVariants[size]} fontSize={sizeFontSize[size]}>\n <small>\n <strong>{title}</strong>\n </small>\n </Typography>\n {tip ?\n <QuickTipButton style={{ fontSize: quickTipSize }} color=\"inherit\" title={title ?? ''}>\n {tip}\n </QuickTipButton>\n : null}\n </FlexRow>\n {more}\n </FlexRow>\n )\n}\n","import { CircularProgress, Paper, TypographyVariant } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { SizeProp } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nimport { PropertyActionsMenu } from './ActionsMenu.js'\nimport { IdenticonCorner } from './IdenticonCorner.js'\nimport { PropertyBoxProps, PropertyPaperProps, PropertyProps } from './Props.js'\nimport { PropertyTitle } from './Title.js'\nimport { PropertyValue } from './Value.js'\n\nconst PropertyBox = forwardRef<HTMLDivElement, PropertyBoxProps>(\n ({ titleProps, title, value, children, size = 'medium', tip, actions, required, badge = false, ...props }, ref) => {\n const sizeValueHeight: Record<SizeProp, number> = {\n large: 48,\n medium: 36,\n small: 24,\n }\n\n const sizeVariants: Record<SizeProp, TypographyVariant> = {\n large: 'h6',\n medium: 'body1',\n small: 'body2',\n }\n\n return (\n <FlexRow ref={ref} flexDirection=\"column\" minWidth={0} alignItems=\"stretch\" overflow=\"hidden\" {...props}>\n {title === undefined ? null : (\n <PropertyTitle\n tip={tip}\n title={required ? `${title}*` : title}\n size={size}\n more={<PropertyActionsMenu actions={actions} />}\n {...titleProps}\n />\n )}\n <FlexRow\n pl={1}\n columnGap={1}\n justifyContent={value === undefined ? 'center' : 'space-between'}\n overflow=\"hidden\"\n height={sizeValueHeight[size]}\n >\n {(children ?? value === undefined) ?\n <CircularProgress size={16} />\n : <PropertyValue value={value} typographyVariant={sizeVariants[size]} />}\n {value === undefined ?\n null\n : badge ?\n <IdenticonCorner value={value} />\n : null}\n </FlexRow>\n </FlexRow>\n )\n },\n)\nPropertyBox.displayName = 'PropertyBox'\n\nconst PropertyPaper = forwardRef<HTMLDivElement, PropertyPaperProps>(({ style, variant, elevation = 2, square, ...props }, ref) => {\n return (\n <Paper ref={ref} style={{ minWidth: 0, overflow: 'hidden', ...style }} variant={variant} elevation={elevation} square={square}>\n <PropertyBox {...props} paper={false} />\n </Paper>\n )\n})\nPropertyPaper.displayName = 'PropertyPaper'\n\nexport const Property = forwardRef<HTMLDivElement, PropertyProps>((props, ref) => {\n return props.paper ? <PropertyPaper ref={ref} {...props} /> : <PropertyBox ref={ref} {...props} />\n})\nProperty.displayName = 'Property'\n","import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport { IconButton, Menu, MenuItem } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { PropertyActionsProps } from './ActionsProps.js'\n\nexport const PropertyActionsMenu: React.FC<PropertyActionsProps> = ({ actions, ...props }) => {\n const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n const open = !!anchorEl\n\n const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n setAnchorEl(event.currentTarget)\n }\n const handleClose = () => {\n setAnchorEl(null)\n }\n\n return actions && actions?.length > 0 ?\n <FlexRow {...props}>\n <IconButton size=\"small\" color=\"inherit\" onClick={handleClick}>\n <MoreHorizIcon fontSize=\"inherit\" />\n </IconButton>\n <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n {actions?.map((action) => {\n return (\n <MenuItem\n key={action.name}\n onClick={() => {\n action?.onClick?.()\n handleClose()\n }}\n >\n {action.name}\n </MenuItem>\n )\n })}\n </Menu>\n </FlexRow>\n : null\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { useEffect, useRef, useState } from 'react'\n\nexport interface IdenticonCornerProps extends FlexBoxProps {\n value?: string | number | boolean | null\n}\n\nexport const IdenticonCorner: React.FC<IdenticonCornerProps> = ({ value, ...props }) => {\n const theme = useTheme()\n const [parentHeight, setParentHeight] = useState<number>()\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n setParentHeight(ref.current?.parentElement?.parentElement?.clientHeight)\n }, [])\n\n const calculatedHeight = parentHeight ?? 0\n\n return (\n <FlexRow alignItems=\"flex-start\" height=\"100%\">\n <FlexRow background height={calculatedHeight} width={calculatedHeight} borderLeft={`1px solid ${theme.palette.divider}`}>\n <div ref={ref}>\n <Identicon size={calculatedHeight * 0.6} value={`${value}`} sx={{ padding: `${calculatedHeight * 0.2}px` }} {...props} />\n </div>\n </FlexRow>\n </FlexRow>\n )\n}\n","import { Variant } from '@mui/material/styles/createTypography.js'\nimport { EllipsizeBox, EllipsizeBoxProps } from '@xyo-network/react-shared'\nimport { forwardRef } from 'react'\n\nexport interface PropertyValueProps extends Omit<EllipsizeBoxProps, 'ref'> {\n typographyVariant?: Variant\n value?: string | number | boolean | null\n}\n\nexport const PropertyValue = forwardRef<HTMLDivElement, PropertyValueProps>(({ typographyVariant = 'body1', value, ...props }, ref) => {\n return value === undefined ? null : (\n <EllipsizeBox\n typographyProps={{ component: undefined, title: value?.toString(), variant: typographyVariant }}\n width=\"100%\"\n ref={ref}\n {...props}\n >\n {value}\n </EllipsizeBox>\n )\n})\n\nPropertyValue.displayName = 'PropertyValue'\n"],"mappings":"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","names":["useTheme","FlexRow","jsx","jsxs","useTheme","FlexRow","Paper","FlexRow","forwardRef","FlexRow","jsx","jsxs","useTheme","FlexRow","useState","jsx","jsx","jsx","jsxs","forwardRef","FlexRow","Paper"]}
@@ -1,8 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface PropertyAction {
3
- disabled?: boolean;
4
- icon?: ReactNode;
5
- name: string;
6
- onClick?: () => void;
7
- }
8
- //# sourceMappingURL=Action.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../src/components/Action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB"}
@@ -1,8 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface PropertyAction {
3
- disabled?: boolean;
4
- icon?: ReactNode;
5
- name: string;
6
- onClick?: () => void;
7
- }
8
- //# sourceMappingURL=Action.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../src/components/Action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB"}
@@ -1,8 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface PropertyAction {
3
- disabled?: boolean;
4
- icon?: ReactNode;
5
- name: string;
6
- onClick?: () => void;
7
- }
8
- //# sourceMappingURL=Action.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../src/components/Action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB"}
@@ -1,3 +0,0 @@
1
- import { PropertyActionsProps } from './ActionsProps.js';
2
- export declare const PropertyActions: React.FC<PropertyActionsProps>;
3
- //# sourceMappingURL=Actions.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAExD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6B1D,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PropertyActionsProps } from './ActionsProps.js';
2
- export declare const PropertyActions: React.FC<PropertyActionsProps>;
3
- //# sourceMappingURL=Actions.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAExD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6B1D,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PropertyActionsProps } from './ActionsProps.js';
2
- export declare const PropertyActions: React.FC<PropertyActionsProps>;
3
- //# sourceMappingURL=Actions.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAExD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6B1D,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PropertyActionsProps } from './ActionsProps.js';
2
- export declare const PropertyActionsMenu: React.FC<PropertyActionsProps>;
3
- //# sourceMappingURL=ActionsMenu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAExD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiC9D,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PropertyActionsProps } from './ActionsProps.js';
2
- export declare const PropertyActionsMenu: React.FC<PropertyActionsProps>;
3
- //# sourceMappingURL=ActionsMenu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAExD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiC9D,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PropertyActionsProps } from './ActionsProps.js';
2
- export declare const PropertyActionsMenu: React.FC<PropertyActionsProps>;
3
- //# sourceMappingURL=ActionsMenu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAExD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiC9D,CAAA"}
@@ -1,7 +0,0 @@
1
- import { FlexBoxProps } from '@xylabs/react-flexbox';
2
- import { PropertyAction } from './Action.js';
3
- export interface PropertyActionsProps extends FlexBoxProps {
4
- actions?: PropertyAction[];
5
- buttons?: boolean;
6
- }
7
- //# sourceMappingURL=ActionsProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
@@ -1,7 +0,0 @@
1
- import { FlexBoxProps } from '@xylabs/react-flexbox';
2
- import { PropertyAction } from './Action.js';
3
- export interface PropertyActionsProps extends FlexBoxProps {
4
- actions?: PropertyAction[];
5
- buttons?: boolean;
6
- }
7
- //# sourceMappingURL=ActionsProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
@@ -1,7 +0,0 @@
1
- import { FlexBoxProps } from '@xylabs/react-flexbox';
2
- import { PropertyAction } from './Action.js';
3
- export interface PropertyActionsProps extends FlexBoxProps {
4
- actions?: PropertyAction[];
5
- buttons?: boolean;
6
- }
7
- //# sourceMappingURL=ActionsProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
@@ -1,3 +0,0 @@
1
- import { PropertyGroupProps } from './Props.js';
2
- export declare const PropertyGroup: React.FC<PropertyGroupProps>;
3
- //# sourceMappingURL=Group.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAkD,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAkC/F,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PropertyGroupProps } from './Props.js';
2
- export declare const PropertyGroup: React.FC<PropertyGroupProps>;
3
- //# sourceMappingURL=Group.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAkD,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAkC/F,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PropertyGroupProps } from './Props.js';
2
- export declare const PropertyGroup: React.FC<PropertyGroupProps>;
3
- //# sourceMappingURL=Group.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAkD,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAkC/F,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
@@ -1,6 +0,0 @@
1
- import { FlexBoxProps } from '@xylabs/react-flexbox';
2
- export interface IdenticonCornerProps extends FlexBoxProps {
3
- value?: string | number | boolean | null;
4
- }
5
- export declare const IdenticonCorner: React.FC<IdenticonCornerProps>;
6
- //# sourceMappingURL=IdenticonCorner.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IdenticonCorner.d.ts","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoB1D,CAAA"}
@@ -1,6 +0,0 @@
1
- import { FlexBoxProps } from '@xylabs/react-flexbox';
2
- export interface IdenticonCornerProps extends FlexBoxProps {
3
- value?: string | number | boolean | null;
4
- }
5
- export declare const IdenticonCorner: React.FC<IdenticonCornerProps>;
6
- //# sourceMappingURL=IdenticonCorner.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IdenticonCorner.d.ts","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoB1D,CAAA"}
@@ -1,6 +0,0 @@
1
- import { FlexBoxProps } from '@xylabs/react-flexbox';
2
- export interface IdenticonCornerProps extends FlexBoxProps {
3
- value?: string | number | boolean | null;
4
- }
5
- export declare const IdenticonCorner: React.FC<IdenticonCornerProps>;
6
- //# sourceMappingURL=IdenticonCorner.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IdenticonCorner.d.ts","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoB1D,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PropertyBoxProps, PropertyPaperProps } from './Props.js';
2
- export declare const Property: import("react").ForwardRefExoticComponent<(PropertyBoxProps | Omit<PropertyPaperProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
3
- //# sourceMappingURL=Property.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Property.d.ts","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAiB,MAAM,YAAY,CAAA;AA4DhF,eAAO,MAAM,QAAQ,iJAEnB,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PropertyBoxProps, PropertyPaperProps } from './Props.js';
2
- export declare const Property: import("react").ForwardRefExoticComponent<(PropertyBoxProps | Omit<PropertyPaperProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
3
- //# sourceMappingURL=Property.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Property.d.ts","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAiB,MAAM,YAAY,CAAA;AA4DhF,eAAO,MAAM,QAAQ,iJAEnB,CAAA"}
@@ -1,3 +0,0 @@
1
- import { PropertyBoxProps, PropertyPaperProps } from './Props.js';
2
- export declare const Property: import("react").ForwardRefExoticComponent<(PropertyBoxProps | Omit<PropertyPaperProps, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
3
- //# sourceMappingURL=Property.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Property.d.ts","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAiB,MAAM,YAAY,CAAA;AA4DhF,eAAO,MAAM,QAAQ,iJAEnB,CAAA"}
@@ -1,35 +0,0 @@
1
- import { PaperProps } from '@mui/material';
2
- import { FlexBoxProps } from '@xylabs/react-flexbox';
3
- import { SizeProp } from '@xyo-network/react-shared';
4
- import { ReactNode } from 'react';
5
- import { PropertyAction } from './Action.js';
6
- import { PropertyTitleProps } from './Title.js';
7
- export interface PropertyBaseProps {
8
- paper?: boolean;
9
- tip?: ReactNode;
10
- title?: string;
11
- titleProps?: PropertyTitleProps;
12
- }
13
- export type PropertyFieldBaseProps = PropertyBaseProps & {
14
- actions?: PropertyAction[];
15
- badge?: boolean;
16
- required?: boolean;
17
- size?: SizeProp;
18
- value?: string | number | boolean | null;
19
- };
20
- export type PropertyBoxProps = PropertyFieldBaseProps & FlexBoxProps & {
21
- paper?: false;
22
- };
23
- export type PropertyPaperProps = PropertyFieldBaseProps & PaperProps & {
24
- paper: true;
25
- };
26
- export type PropertyProps = PropertyBoxProps | PropertyPaperProps;
27
- export type PropertyGroupBaseProps = PropertyBaseProps;
28
- export type PropertyGroupBoxProps = PropertyGroupBaseProps & FlexBoxProps & {
29
- paper?: false;
30
- };
31
- export type PropertyGroupPaperProps = PropertyGroupBaseProps & PaperProps & {
32
- paper: true;
33
- };
34
- export type PropertyGroupProps = PropertyGroupBoxProps | PropertyGroupPaperProps;
35
- //# sourceMappingURL=Props.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../src/components/Props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,GAAG;IACvD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,kBAAkB,CAAA;AAEjE,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAA;AAEtD,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GACxD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GAC1D,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,GAAG,uBAAuB,CAAA"}
@@ -1,35 +0,0 @@
1
- import { PaperProps } from '@mui/material';
2
- import { FlexBoxProps } from '@xylabs/react-flexbox';
3
- import { SizeProp } from '@xyo-network/react-shared';
4
- import { ReactNode } from 'react';
5
- import { PropertyAction } from './Action.js';
6
- import { PropertyTitleProps } from './Title.js';
7
- export interface PropertyBaseProps {
8
- paper?: boolean;
9
- tip?: ReactNode;
10
- title?: string;
11
- titleProps?: PropertyTitleProps;
12
- }
13
- export type PropertyFieldBaseProps = PropertyBaseProps & {
14
- actions?: PropertyAction[];
15
- badge?: boolean;
16
- required?: boolean;
17
- size?: SizeProp;
18
- value?: string | number | boolean | null;
19
- };
20
- export type PropertyBoxProps = PropertyFieldBaseProps & FlexBoxProps & {
21
- paper?: false;
22
- };
23
- export type PropertyPaperProps = PropertyFieldBaseProps & PaperProps & {
24
- paper: true;
25
- };
26
- export type PropertyProps = PropertyBoxProps | PropertyPaperProps;
27
- export type PropertyGroupBaseProps = PropertyBaseProps;
28
- export type PropertyGroupBoxProps = PropertyGroupBaseProps & FlexBoxProps & {
29
- paper?: false;
30
- };
31
- export type PropertyGroupPaperProps = PropertyGroupBaseProps & PaperProps & {
32
- paper: true;
33
- };
34
- export type PropertyGroupProps = PropertyGroupBoxProps | PropertyGroupPaperProps;
35
- //# sourceMappingURL=Props.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../src/components/Props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,GAAG;IACvD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,kBAAkB,CAAA;AAEjE,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAA;AAEtD,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GACxD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GAC1D,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,GAAG,uBAAuB,CAAA"}
@@ -1,35 +0,0 @@
1
- import { PaperProps } from '@mui/material';
2
- import { FlexBoxProps } from '@xylabs/react-flexbox';
3
- import { SizeProp } from '@xyo-network/react-shared';
4
- import { ReactNode } from 'react';
5
- import { PropertyAction } from './Action.js';
6
- import { PropertyTitleProps } from './Title.js';
7
- export interface PropertyBaseProps {
8
- paper?: boolean;
9
- tip?: ReactNode;
10
- title?: string;
11
- titleProps?: PropertyTitleProps;
12
- }
13
- export type PropertyFieldBaseProps = PropertyBaseProps & {
14
- actions?: PropertyAction[];
15
- badge?: boolean;
16
- required?: boolean;
17
- size?: SizeProp;
18
- value?: string | number | boolean | null;
19
- };
20
- export type PropertyBoxProps = PropertyFieldBaseProps & FlexBoxProps & {
21
- paper?: false;
22
- };
23
- export type PropertyPaperProps = PropertyFieldBaseProps & PaperProps & {
24
- paper: true;
25
- };
26
- export type PropertyProps = PropertyBoxProps | PropertyPaperProps;
27
- export type PropertyGroupBaseProps = PropertyBaseProps;
28
- export type PropertyGroupBoxProps = PropertyGroupBaseProps & FlexBoxProps & {
29
- paper?: false;
30
- };
31
- export type PropertyGroupPaperProps = PropertyGroupBaseProps & PaperProps & {
32
- paper: true;
33
- };
34
- export type PropertyGroupProps = PropertyGroupBoxProps | PropertyGroupPaperProps;
35
- //# sourceMappingURL=Props.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../src/components/Props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,GAAG;IACvD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,kBAAkB,CAAA;AAEjE,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAA;AAEtD,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GACxD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GAC1D,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,GAAG,uBAAuB,CAAA"}
@@ -1,13 +0,0 @@
1
- import { FlexBoxProps } from '@xylabs/react-flexbox';
2
- import { SizeProp } from '@xyo-network/react-shared';
3
- import { ReactNode } from 'react';
4
- export type TitleSizeProp = SizeProp | 'full';
5
- export interface PropertyTitleProps extends FlexBoxProps {
6
- elevation?: number;
7
- more?: ReactNode;
8
- size?: TitleSizeProp;
9
- tip?: ReactNode;
10
- title?: string;
11
- }
12
- export declare const PropertyTitle: React.FC<PropertyTitleProps>;
13
- //# sourceMappingURL=Title.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqDtD,CAAA"}
@@ -1,13 +0,0 @@
1
- import { FlexBoxProps } from '@xylabs/react-flexbox';
2
- import { SizeProp } from '@xyo-network/react-shared';
3
- import { ReactNode } from 'react';
4
- export type TitleSizeProp = SizeProp | 'full';
5
- export interface PropertyTitleProps extends FlexBoxProps {
6
- elevation?: number;
7
- more?: ReactNode;
8
- size?: TitleSizeProp;
9
- tip?: ReactNode;
10
- title?: string;
11
- }
12
- export declare const PropertyTitle: React.FC<PropertyTitleProps>;
13
- //# sourceMappingURL=Title.d.ts.map