@xyo-network/react-property 2.61.0 → 2.61.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 (129) hide show
  1. package/dist/components/Action.d.mts.map +1 -0
  2. package/dist/components/Action.d.ts +8 -0
  3. package/dist/components/Action.d.ts.map +1 -0
  4. package/dist/components/Actions.d.mts.map +1 -0
  5. package/dist/components/Actions.d.ts +4 -0
  6. package/dist/components/Actions.d.ts.map +1 -0
  7. package/dist/components/ActionsMenu.d.mts.map +1 -0
  8. package/dist/components/ActionsMenu.d.ts +4 -0
  9. package/dist/components/ActionsMenu.d.ts.map +1 -0
  10. package/dist/components/ActionsProps.d.mts.map +1 -0
  11. package/dist/components/ActionsProps.d.ts +7 -0
  12. package/dist/components/ActionsProps.d.ts.map +1 -0
  13. package/dist/components/Group.d.mts.map +1 -0
  14. package/dist/components/Group.d.ts +4 -0
  15. package/dist/components/Group.d.ts.map +1 -0
  16. package/dist/components/IdenticonCorner.d.mts.map +1 -0
  17. package/dist/components/IdenticonCorner.d.ts +7 -0
  18. package/dist/components/IdenticonCorner.d.ts.map +1 -0
  19. package/dist/components/Property.d.mts.map +1 -0
  20. package/dist/components/Property.d.ts +4 -0
  21. package/dist/components/Property.d.ts.map +1 -0
  22. package/dist/components/PropertyBox.stories.d.mts +19 -0
  23. package/dist/components/PropertyBox.stories.d.mts.map +1 -0
  24. package/dist/components/PropertyBox.stories.d.ts +19 -0
  25. package/dist/components/PropertyBox.stories.d.ts.map +1 -0
  26. package/dist/components/PropertyPaper.stories.d.mts +22 -0
  27. package/dist/components/PropertyPaper.stories.d.mts.map +1 -0
  28. package/dist/components/PropertyPaper.stories.d.ts +22 -0
  29. package/dist/components/PropertyPaper.stories.d.ts.map +1 -0
  30. package/dist/components/Props.d.mts.map +1 -0
  31. package/dist/components/Props.d.ts +35 -0
  32. package/dist/components/Props.d.ts.map +1 -0
  33. package/dist/components/Title.d.mts.map +1 -0
  34. package/dist/components/Title.d.ts +13 -0
  35. package/dist/components/Title.d.ts.map +1 -0
  36. package/dist/components/Title.stories.d.mts +7 -0
  37. package/dist/components/Title.stories.d.mts.map +1 -0
  38. package/dist/components/Title.stories.d.ts +7 -0
  39. package/dist/components/Title.stories.d.ts.map +1 -0
  40. package/dist/components/Value.d.mts +9 -0
  41. package/dist/components/Value.d.mts.map +1 -0
  42. package/dist/{types/components → components}/Value.d.ts +1 -1
  43. package/dist/components/Value.d.ts.map +1 -0
  44. package/dist/components/Value.stories.d.mts +7 -0
  45. package/dist/components/Value.stories.d.mts.map +1 -0
  46. package/dist/components/Value.stories.d.ts +7 -0
  47. package/dist/components/Value.stories.d.ts.map +1 -0
  48. package/dist/components/index.d.mts.map +1 -0
  49. package/dist/{esm/components/index.js → components/index.d.ts} +1 -1
  50. package/dist/components/index.d.ts.map +1 -0
  51. package/dist/docs.json +48117 -0
  52. package/dist/index.d.mts.map +1 -0
  53. package/dist/index.d.ts +2 -0
  54. package/dist/{types/index.d.ts.map → index.d.ts.map} +1 -1
  55. package/dist/index.js +235 -0
  56. package/dist/index.js.map +1 -0
  57. package/dist/index.mjs +195 -0
  58. package/dist/index.mjs.map +1 -0
  59. package/package.json +32 -24
  60. package/src/components/Value.tsx +2 -1
  61. package/dist/cjs/components/Action.js +0 -3
  62. package/dist/cjs/components/Action.js.map +0 -1
  63. package/dist/cjs/components/Actions.js +0 -20
  64. package/dist/cjs/components/Actions.js.map +0 -1
  65. package/dist/cjs/components/ActionsMenu.js +0 -29
  66. package/dist/cjs/components/ActionsMenu.js.map +0 -1
  67. package/dist/cjs/components/ActionsProps.js +0 -3
  68. package/dist/cjs/components/ActionsProps.js.map +0 -1
  69. package/dist/cjs/components/Group.js +0 -26
  70. package/dist/cjs/components/Group.js.map +0 -1
  71. package/dist/cjs/components/IdenticonCorner.js +0 -23
  72. package/dist/cjs/components/IdenticonCorner.js.map +0 -1
  73. package/dist/cjs/components/Property.js +0 -37
  74. package/dist/cjs/components/Property.js.map +0 -1
  75. package/dist/cjs/components/Props.js +0 -3
  76. package/dist/cjs/components/Props.js.map +0 -1
  77. package/dist/cjs/components/Title.js +0 -36
  78. package/dist/cjs/components/Title.js.map +0 -1
  79. package/dist/cjs/components/Value.js +0 -13
  80. package/dist/cjs/components/Value.js.map +0 -1
  81. package/dist/cjs/components/index.js +0 -10
  82. package/dist/cjs/components/index.js.map +0 -1
  83. package/dist/cjs/index.js +0 -5
  84. package/dist/cjs/index.js.map +0 -1
  85. package/dist/esm/components/Action.js +0 -2
  86. package/dist/esm/components/Action.js.map +0 -1
  87. package/dist/esm/components/Actions.js +0 -13
  88. package/dist/esm/components/Actions.js.map +0 -1
  89. package/dist/esm/components/ActionsMenu.js +0 -22
  90. package/dist/esm/components/ActionsMenu.js.map +0 -1
  91. package/dist/esm/components/ActionsProps.js +0 -2
  92. package/dist/esm/components/ActionsProps.js.map +0 -1
  93. package/dist/esm/components/Group.js +0 -19
  94. package/dist/esm/components/Group.js.map +0 -1
  95. package/dist/esm/components/IdenticonCorner.js +0 -16
  96. package/dist/esm/components/IdenticonCorner.js.map +0 -1
  97. package/dist/esm/components/Property.js +0 -31
  98. package/dist/esm/components/Property.js.map +0 -1
  99. package/dist/esm/components/Props.js +0 -2
  100. package/dist/esm/components/Props.js.map +0 -1
  101. package/dist/esm/components/Title.js +0 -30
  102. package/dist/esm/components/Title.js.map +0 -1
  103. package/dist/esm/components/Value.js +0 -8
  104. package/dist/esm/components/Value.js.map +0 -1
  105. package/dist/esm/components/index.js.map +0 -1
  106. package/dist/esm/index.js +0 -2
  107. package/dist/esm/index.js.map +0 -1
  108. package/dist/types/components/Action.d.ts.map +0 -1
  109. package/dist/types/components/Actions.d.ts.map +0 -1
  110. package/dist/types/components/ActionsMenu.d.ts.map +0 -1
  111. package/dist/types/components/ActionsProps.d.ts.map +0 -1
  112. package/dist/types/components/Group.d.ts.map +0 -1
  113. package/dist/types/components/IdenticonCorner.d.ts.map +0 -1
  114. package/dist/types/components/Property.d.ts.map +0 -1
  115. package/dist/types/components/Props.d.ts.map +0 -1
  116. package/dist/types/components/Title.d.ts.map +0 -1
  117. package/dist/types/components/Value.d.ts.map +0 -1
  118. package/dist/types/components/index.d.ts.map +0 -1
  119. /package/dist/{types/components/Action.d.ts → components/Action.d.mts} +0 -0
  120. /package/dist/{types/components/Actions.d.ts → components/Actions.d.mts} +0 -0
  121. /package/dist/{types/components/ActionsMenu.d.ts → components/ActionsMenu.d.mts} +0 -0
  122. /package/dist/{types/components/ActionsProps.d.ts → components/ActionsProps.d.mts} +0 -0
  123. /package/dist/{types/components/Group.d.ts → components/Group.d.mts} +0 -0
  124. /package/dist/{types/components/IdenticonCorner.d.ts → components/IdenticonCorner.d.mts} +0 -0
  125. /package/dist/{types/components/Property.d.ts → components/Property.d.mts} +0 -0
  126. /package/dist/{types/components/Props.d.ts → components/Props.d.mts} +0 -0
  127. /package/dist/{types/components/Title.d.ts → components/Title.d.mts} +0 -0
  128. /package/dist/{types/components/index.d.ts → components/index.d.mts} +0 -0
  129. /package/dist/{types/index.d.ts → index.d.mts} +0 -0
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PropertyActions = void 0;
4
- const tslib_1 = require("tslib");
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const material_1 = require("@mui/material");
7
- const react_button_1 = require("@xylabs/react-button");
8
- const react_flexbox_1 = require("@xylabs/react-flexbox");
9
- const PropertyActions = (_a) => {
10
- var _b;
11
- var { buttons = false, actions } = _a, props = tslib_1.__rest(_a, ["buttons", "actions"]);
12
- if (actions) {
13
- return ((_b = actions === null || actions === void 0 ? void 0 : actions.length) !== null && _b !== void 0 ? _b : 0) > 0 ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ gap: 1 }, props, { children: actions.map((action, index) => {
14
- return action.icon ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "small", color: "inherit", onClick: action.onClick }, { children: action.icon }), index)) : buttons ? ((0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ paddingY: 0, color: "primary", size: "small", disabled: action.disabled, onClick: action.onClick, variant: "contained" }, { children: action.name }), index)) : null;
15
- }) }))) : null;
16
- }
17
- return null;
18
- };
19
- exports.PropertyActions = PropertyActions;
20
- //# sourceMappingURL=Actions.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,uDAA+C;AAC/C,yDAA+C;AAIxC,MAAM,eAAe,GAAmC,CAAC,EAAsC,EAAE,EAAE;;QAA1C,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,OAAY,EAAP,KAAK,sBAApC,sBAAsC,CAAF;IAClG,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAClC,uBAAC,uBAAO,kBAAC,GAAG,EAAE,CAAC,IAAM,KAAK,cACvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC7B,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACnB,uBAAC,qBAAU,kBAAC,IAAI,EAAC,OAAO,EAAa,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,gBACzE,MAAM,CAAC,IAAI,KADgB,KAAK,CAEtB,CACd,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,uBAAC,uBAAQ,kBAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS,EAAa,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAC,WAAW,gBACpI,MAAM,CAAC,IAAI,KAD8B,KAAK,CAEtC,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;YACV,CAAC,CAAC,IACM,CACX,CAAC,CAAC,CAAC,IAAI,CAAA;KACT;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAnBY,QAAA,eAAe,mBAmB3B"}
@@ -1,29 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PropertyActionsMenu = void 0;
4
- const tslib_1 = require("tslib");
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const MoreHoriz_1 = tslib_1.__importDefault(require("@mui/icons-material/MoreHoriz"));
7
- const material_1 = require("@mui/material");
8
- const react_flexbox_1 = require("@xylabs/react-flexbox");
9
- const react_1 = require("react");
10
- const PropertyActionsMenu = (_a) => {
11
- var { actions } = _a, props = tslib_1.__rest(_a, ["actions"]);
12
- const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
13
- const open = !!anchorEl;
14
- const handleClick = (event) => {
15
- setAnchorEl(event.currentTarget);
16
- };
17
- const handleClose = () => {
18
- setAnchorEl(null);
19
- };
20
- return actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 ? ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "small", color: "inherit", onClick: handleClick }, { children: (0, jsx_runtime_1.jsx)(MoreHoriz_1.default, { fontSize: "inherit" }) })), (0, jsx_runtime_1.jsx)(material_1.Menu, Object.assign({ anchorEl: anchorEl, open: open, onClose: handleClose }, { children: actions === null || actions === void 0 ? void 0 : actions.map((action) => {
21
- return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ onClick: () => {
22
- var _a;
23
- (_a = action === null || action === void 0 ? void 0 : action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
24
- handleClose();
25
- } }, { children: action.name }), action.name));
26
- }) }))] }))) : null;
27
- };
28
- exports.PropertyActionsMenu = PropertyActionsMenu;
29
- //# sourceMappingURL=ActionsMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsMenu.js","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAyD;AACzD,4CAA0D;AAC1D,yDAA+C;AAC/C,iCAAgC;AAIzB,MAAM,mBAAmB,GAAmC,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACrF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAA;IAClE,MAAM,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAA;IAEvB,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC3D,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,OAAO,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,CACtC,wBAAC,uBAAO,oBAAK,KAAK,eAChB,uBAAC,qBAAU,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,gBAC3D,uBAAC,mBAAa,IAAC,QAAQ,EAAC,SAAS,GAAG,IACzB,EACb,uBAAC,eAAI,kBAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,gBACvD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACvB,OAAO,CACL,uBAAC,mBAAQ,kBAEP,OAAO,EAAE,GAAG,EAAE;;4BACZ,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,sDAAI,CAAA;4BACnB,WAAW,EAAE,CAAA;wBACf,CAAC,gBAEA,MAAM,CAAC,IAAI,KANP,MAAM,CAAC,IAAI,CAOP,CACZ,CAAA;gBACH,CAAC,CAAC,IACG,KACC,CACX,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAjCY,QAAA,mBAAmB,uBAiC/B"}
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=ActionsProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsProps.js","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":""}
@@ -1,26 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PropertyGroup = void 0;
4
- const tslib_1 = require("tslib");
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const material_1 = require("@mui/material");
7
- const react_flexbox_1 = require("@xylabs/react-flexbox");
8
- const typeof_1 = require("@xyo-network/typeof");
9
- const Title_1 = require("./Title");
10
- const PropertyGroupBox = (_a) => {
11
- var { titleProps, children, title, tip } = _a, props = tslib_1.__rest(_a, ["titleProps", "children", "title", "tip"]);
12
- const theme = (0, material_1.useTheme)();
13
- const childrenArray = (0, typeof_1.typeOf)(children) === 'array' ? children : undefined;
14
- return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch", overflow: "hidden" }, props, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ overflow: "hidden", justifyContent: "stretch", alignItems: "stretch" }, { children: [(0, jsx_runtime_1.jsx)(Title_1.PropertyTitle, Object.assign({ alignItems: "flex-start", size: "full", title: title, tip: tip }, titleProps)), childrenArray ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, { children: childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.map((child, index) => {
15
- return child ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, Object.assign({ borderLeft: 1, borderColor: theme.palette.divider }, { children: child }), index)) : null;
16
- }) })) : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, Object.assign({ overflow: "hidden" }, { children: children })))] })) })));
17
- };
18
- const PropertyGroupPaper = (_a) => {
19
- var { style, variant, elevation, square } = _a, props = tslib_1.__rest(_a, ["style", "variant", "elevation", "square"]);
20
- return ((0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ style: Object.assign({ minWidth: 0, overflow: 'hidden' }, style), variant: variant, elevation: elevation, square: square }, { children: (0, jsx_runtime_1.jsx)(PropertyGroupBox, Object.assign({}, props, { paper: false })) })));
21
- };
22
- const PropertyGroup = (props) => {
23
- return props.paper ? (0, jsx_runtime_1.jsx)(PropertyGroupPaper, Object.assign({}, props)) : (0, jsx_runtime_1.jsx)(PropertyGroupBox, Object.assign({}, props));
24
- };
25
- exports.PropertyGroup = PropertyGroup;
26
- //# sourceMappingURL=Group.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,yDAAqE;AACrE,gDAA4C;AAI5C,mCAAuC;AAEvC,MAAM,gBAAgB,GAAoC,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,OAAY,EAAP,KAAK,sBAA5C,0CAA8C,CAAF;IACrG,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,aAAa,GAAG,IAAA,eAAM,EAAC,QAAQ,CAAC,KAAK,OAAO,CAAC,CAAC,CAAE,QAA2B,CAAC,CAAC,CAAC,SAAS,CAAA;IAC7F,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,IAAK,KAAK,cACvD,wBAAC,uBAAO,kBAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,SAAS,EAAC,UAAU,EAAC,SAAS,iBACtE,uBAAC,qBAAa,kBAAC,UAAU,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,EAC5F,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,2BAAW,cACT,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBACnC,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,uBAAC,2BAAW,kBAAa,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,gBACvE,KAAK,KADU,KAAK,CAET,CACf,CAAC,CAAC,CAAC,IAAI,CAAA;oBACV,CAAC,CAAC,GACU,CACf,CAAC,CAAC,CAAC,CACF,uBAAC,2BAAW,kBAAC,QAAQ,EAAC,QAAQ,gBAAE,QAAQ,IAAe,CACxD,KACO,IACF,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAsC,CAAC,EAA+C,EAAE,EAAE;QAAnD,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA7C,2CAA+C,CAAF;IAC1G,OAAO,CACL,uBAAC,gBAAK,kBAAC,KAAK,kBAAI,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAAK,KAAK,GAAI,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBACjH,uBAAC,gBAAgB,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,IAAI,IACvC,CACT,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,kBAAkB,oBAAK,KAAK,EAAI,CAAC,CAAC,CAAC,uBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;AAC1F,CAAC,CAAA;AAFY,QAAA,aAAa,iBAEzB"}
@@ -1,23 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.IdenticonCorner = void 0;
4
- const tslib_1 = require("tslib");
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const material_1 = require("@mui/material");
7
- const react_flexbox_1 = require("@xylabs/react-flexbox");
8
- const react_identicon_1 = require("@xylabs/react-identicon");
9
- const react_1 = require("react");
10
- const IdenticonCorner = (_a) => {
11
- var { value } = _a, props = tslib_1.__rest(_a, ["value"]);
12
- const theme = (0, material_1.useTheme)();
13
- const [parentHeight, setParentHeight] = (0, react_1.useState)();
14
- const ref = (0, react_1.useRef)(null);
15
- (0, react_1.useEffect)(() => {
16
- var _a, _b, _c;
17
- setParentHeight((_c = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.clientHeight);
18
- }, []);
19
- const calculatedHeight = parentHeight !== null && parentHeight !== void 0 ? parentHeight : 0;
20
- return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "flex-start", height: "100%" }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ background: true, height: calculatedHeight, width: calculatedHeight, borderLeft: `1px solid ${theme.palette.divider}` }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, { children: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, Object.assign({ size: calculatedHeight * 0.6, value: `${value}`, sx: { padding: `${calculatedHeight * 0.2}px` } }, props)) })) })) })));
21
- };
22
- exports.IdenticonCorner = IdenticonCorner;
23
- //# sourceMappingURL=IdenticonCorner.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IdenticonCorner.js","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AACxC,yDAA6D;AAC7D,6DAAmD;AACnD,iCAAmD;AAM5C,MAAM,eAAe,GAAmC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAC/E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAC1D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,eAAe,CAAC,MAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,0CAAE,YAAY,CAAC,CAAA;IAC1E,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAA;IAE1C,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,YAAY,EAAC,MAAM,EAAC,MAAM,gBAC5C,uBAAC,uBAAO,kBAAC,UAAU,QAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,gBACrH,8CAAK,GAAG,EAAE,GAAG,gBACX,uBAAC,2BAAS,kBAAC,IAAI,EAAE,gBAAgB,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,gBAAgB,GAAG,GAAG,IAAI,EAAE,IAAM,KAAK,EAAI,IACrH,IACE,IACF,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,eAAe,mBAoB3B"}
@@ -1,37 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Property = void 0;
4
- const tslib_1 = require("tslib");
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const material_1 = require("@mui/material");
7
- const react_flexbox_1 = require("@xylabs/react-flexbox");
8
- const react_1 = require("react");
9
- const ActionsMenu_1 = require("./ActionsMenu");
10
- const IdenticonCorner_1 = require("./IdenticonCorner");
11
- const Title_1 = require("./Title");
12
- const Value_1 = require("./Value");
13
- const PropertyBox = (0, react_1.forwardRef)((_a, ref) => {
14
- var { titleProps, title, value, children, size = 'medium', tip, actions, required, badge = false } = _a, props = tslib_1.__rest(_a, ["titleProps", "title", "value", "children", "size", "tip", "actions", "required", "badge"]);
15
- const sizeValueHeight = {
16
- large: 48,
17
- medium: 36,
18
- small: 24,
19
- };
20
- const sizeVariants = {
21
- large: 'h6',
22
- medium: 'body1',
23
- small: 'body2',
24
- };
25
- return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ ref: ref, flexDirection: "column", minWidth: 0, alignItems: "stretch", overflow: "hidden" }, props, { children: [title !== undefined ? ((0, jsx_runtime_1.jsx)(Title_1.PropertyTitle, Object.assign({ tip: tip, title: required ? `${title}*` : title, size: size, more: (0, jsx_runtime_1.jsx)(ActionsMenu_1.PropertyActionsMenu, { actions: actions }) }, titleProps))) : null, (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ pl: 1, columnGap: 1, justifyContent: value === undefined ? 'center' : 'space-between', overflow: "hidden", height: sizeValueHeight[size] }, { children: [children ? (children) : value !== undefined ? ((0, jsx_runtime_1.jsx)(Value_1.PropertyValue, { value: value, typographyVariant: sizeVariants[size] })) : ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 16 })), value !== undefined ? badge ? (0, jsx_runtime_1.jsx)(IdenticonCorner_1.IdenticonCorner, { value: value }) : null : null] }))] })));
26
- });
27
- PropertyBox.displayName = 'PropertyBox';
28
- const PropertyPaper = (0, react_1.forwardRef)((_a, ref) => {
29
- var { style, variant, elevation = 2, square } = _a, props = tslib_1.__rest(_a, ["style", "variant", "elevation", "square"]);
30
- return ((0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ ref: ref, style: Object.assign({ minWidth: 0, overflow: 'hidden' }, style), variant: variant, elevation: elevation, square: square }, { children: (0, jsx_runtime_1.jsx)(PropertyBox, Object.assign({}, props, { paper: false })) })));
31
- });
32
- PropertyPaper.displayName = 'PropertyPaper';
33
- exports.Property = (0, react_1.forwardRef)((props, ref) => {
34
- return props.paper ? (0, jsx_runtime_1.jsx)(PropertyPaper, Object.assign({ ref: ref }, props)) : (0, jsx_runtime_1.jsx)(PropertyBox, Object.assign({ ref: ref }, props));
35
- });
36
- exports.Property.displayName = 'Property';
37
- //# sourceMappingURL=Property.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Property.js","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=Props.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Props.js","sourceRoot":"","sources":["../../../src/components/Props.tsx"],"names":[],"mappings":""}
@@ -1,36 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PropertyTitle = void 0;
4
- const tslib_1 = require("tslib");
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const material_1 = require("@mui/material");
7
- const react_flexbox_1 = require("@xylabs/react-flexbox");
8
- const react_quick_tip_button_1 = require("@xylabs/react-quick-tip-button");
9
- const PropertyTitle = (_a) => {
10
- var { elevation = 1, size = 'medium', tip, more, title } = _a, props = tslib_1.__rest(_a, ["elevation", "size", "tip", "more", "title"]);
11
- const sizeVariants = {
12
- full: 'caption',
13
- large: 'caption',
14
- medium: 'caption',
15
- small: 'caption',
16
- };
17
- const sizeTitleHeight = {
18
- full: undefined,
19
- large: 32,
20
- medium: 20,
21
- small: 16,
22
- };
23
- const sizeFontSize = {
24
- full: 16,
25
- large: 16,
26
- medium: 14,
27
- small: 10,
28
- };
29
- const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16;
30
- const theme = (0, material_1.useTheme)();
31
- return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ bgcolor: theme.palette.mode === 'dark'
32
- ? (0, material_1.lighten)(theme.palette.background.paper, 0.05 * elevation)
33
- : (0, material_1.darken)(theme.palette.background.paper, 0.025 * elevation), alignItems: "center", height: sizeTitleHeight[size], justifyContent: "space-between" }, props, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ paddingX: 1, paddingY: 0.5 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 500, noWrap: true, variant: sizeVariants[size], fontSize: sizeFontSize[size] }, { children: (0, jsx_runtime_1.jsx)("small", { children: (0, jsx_runtime_1.jsx)("strong", { children: title }) }) })), tip ? ((0, jsx_runtime_1.jsx)(react_quick_tip_button_1.QuickTipButton, Object.assign({ style: { fontSize: quickTipSize }, color: "inherit", title: title !== null && title !== void 0 ? title : '' }, { children: tip }))) : null] })), more] })));
34
- };
35
- exports.PropertyTitle = PropertyTitle;
36
- //# sourceMappingURL=Title.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwF;AACxF,yDAA6D;AAC7D,2EAA+D;AAcxD,MAAM,aAAa,GAAiC,CAAC,EAA8D,EAAE,EAAE;QAAlE,EAAE,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA5D,6CAA8D,CAAF;IACtH,MAAM,YAAY,GAA6C;QAC7D,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;KACjB,CAAA;IAED,MAAM,eAAe,GAA8C;QACjE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV,CAAA;IAED,MAAM,YAAY,GAAkC;QAClD,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV,CAAA;IAED,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtE,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,wBAAC,uBAAO,kBACN,OAAO,EACL,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM;YAC3B,CAAC,CAAC,IAAA,kBAAO,EAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;YAC3D,CAAC,CAAC,IAAA,iBAAM,EAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC,EAE/D,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,EAC7B,cAAc,EAAC,eAAe,IAC1B,KAAK,eAET,wBAAC,uBAAO,kBAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,iBACjC,uBAAC,qBAAU,kBAAC,UAAU,EAAE,GAAG,EAAE,MAAM,QAAC,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,gBAC3F,4CACE,6CAAS,KAAK,GAAU,GAClB,IACG,EACZ,GAAG,CAAC,CAAC,CAAC,CACL,uBAAC,uCAAc,kBAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,gBAClF,GAAG,IACW,CAClB,CAAC,CAAC,CAAC,IAAI,KACA,EACT,IAAI,KACG,CACX,CAAA;AACH,CAAC,CAAA;AArDY,QAAA,aAAa,iBAqDzB"}
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PropertyValue = void 0;
4
- const tslib_1 = require("tslib");
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_shared_1 = require("@xyo-network/react-shared");
7
- const react_1 = require("react");
8
- exports.PropertyValue = (0, react_1.forwardRef)((_a, ref) => {
9
- var { typographyVariant = 'body1', value } = _a, props = tslib_1.__rest(_a, ["typographyVariant", "value"]);
10
- return value !== undefined ? ((0, jsx_runtime_1.jsx)(react_shared_1.EllipsizeBox, Object.assign({ typographyProps: { component: undefined, title: value === null || value === void 0 ? void 0 : value.toString(), variant: typographyVariant }, width: "100%", ref: ref }, props, { children: value }))) : null;
11
- });
12
- exports.PropertyValue.displayName = 'PropertyValue';
13
- //# sourceMappingURL=Value.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Value.js","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";;;;;AACA,4DAA2E;AAC3E,iCAAkC;AAOrB,QAAA,aAAa,GAAG,IAAA,kBAAU,EAAqC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,iBAAiB,GAAG,OAAO,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA9C,8BAAgD,CAAF;IACzH,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,uBAAC,2BAAY,kBAAC,eAAe,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,KAAK,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cAC5I,KAAK,IACO,CAChB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./Action"), exports);
5
- tslib_1.__exportStar(require("./Group"), exports);
6
- tslib_1.__exportStar(require("./Property"), exports);
7
- tslib_1.__exportStar(require("./Props"), exports);
8
- tslib_1.__exportStar(require("./Title"), exports);
9
- tslib_1.__exportStar(require("./Value"), exports);
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,kDAAuB;AACvB,qDAA0B;AAC1B,kDAAuB;AACvB,kDAAuB;AACvB,kDAAuB"}
package/dist/cjs/index.js DELETED
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./components"), exports);
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Action.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../src/components/Action.ts"],"names":[],"mappings":""}
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { IconButton } from '@mui/material';
3
- import { ButtonEx } from '@xylabs/react-button';
4
- import { FlexRow } from '@xylabs/react-flexbox';
5
- export const PropertyActions = ({ buttons = false, actions, ...props }) => {
6
- if (actions) {
7
- return (actions?.length ?? 0) > 0 ? (_jsx(FlexRow, { gap: 1, ...props, children: actions.map((action, index) => {
8
- return action.icon ? (_jsx(IconButton, { size: "small", color: "inherit", onClick: action.onClick, children: action.icon }, index)) : buttons ? (_jsx(ButtonEx, { paddingY: 0, color: "primary", size: "small", disabled: action.disabled, onClick: action.onClick, variant: "contained", children: action.name }, index)) : null;
9
- }) })) : null;
10
- }
11
- return null;
12
- };
13
- //# sourceMappingURL=Actions.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAI/C,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxG,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAClC,KAAC,OAAO,IAAC,GAAG,EAAE,CAAC,KAAM,KAAK,YACvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC7B,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACnB,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAa,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,YACzE,MAAM,CAAC,IAAI,IADgB,KAAK,CAEtB,CACd,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS,EAAa,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAC,WAAW,YACpI,MAAM,CAAC,IAAI,IAD8B,KAAK,CAEtC,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;YACV,CAAC,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CAAA;KACT;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}
@@ -1,22 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
3
- import { IconButton, Menu, MenuItem } from '@mui/material';
4
- import { FlexRow } from '@xylabs/react-flexbox';
5
- import { useState } from 'react';
6
- export const PropertyActionsMenu = ({ actions, ...props }) => {
7
- const [anchorEl, setAnchorEl] = useState(null);
8
- const open = !!anchorEl;
9
- const handleClick = (event) => {
10
- setAnchorEl(event.currentTarget);
11
- };
12
- const handleClose = () => {
13
- setAnchorEl(null);
14
- };
15
- return actions && actions?.length > 0 ? (_jsxs(FlexRow, { ...props, children: [_jsx(IconButton, { size: "small", color: "inherit", onClick: handleClick, children: _jsx(MoreHorizIcon, { fontSize: "inherit" }) }), _jsx(Menu, { anchorEl: anchorEl, open: open, onClose: handleClose, children: actions?.map((action) => {
16
- return (_jsx(MenuItem, { onClick: () => {
17
- action?.onClick?.();
18
- handleClose();
19
- }, children: action.name }, action.name));
20
- }) })] })) : null;
21
- };
22
- //# sourceMappingURL=ActionsMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsMenu.js","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIhC,MAAM,CAAC,MAAM,mBAAmB,GAAmC,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAClE,MAAM,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAA;IAEvB,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC3D,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,OAAO,IAAI,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACtC,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,YAC3D,KAAC,aAAa,IAAC,QAAQ,EAAC,SAAS,GAAG,GACzB,EACb,KAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,YACvD,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACvB,OAAO,CACL,KAAC,QAAQ,IAEP,OAAO,EAAE,GAAG,EAAE;4BACZ,MAAM,EAAE,OAAO,EAAE,EAAE,CAAA;4BACnB,WAAW,EAAE,CAAA;wBACf,CAAC,YAEA,MAAM,CAAC,IAAI,IANP,MAAM,CAAC,IAAI,CAOP,CACZ,CAAA;gBACH,CAAC,CAAC,GACG,IACC,CACX,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ActionsProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsProps.js","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":""}
@@ -1,19 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Paper, useTheme } from '@mui/material';
3
- import { FlexCol, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox';
4
- import { typeOf } from '@xyo-network/typeof';
5
- import { PropertyTitle } from './Title';
6
- const PropertyGroupBox = ({ titleProps, children, title, tip, ...props }) => {
7
- const theme = useTheme();
8
- const childrenArray = typeOf(children) === 'array' ? children : undefined;
9
- return (_jsx(FlexCol, { alignItems: "stretch", overflow: "hidden", ...props, children: _jsxs(FlexRow, { overflow: "hidden", justifyContent: "stretch", alignItems: "stretch", children: [_jsx(PropertyTitle, { alignItems: "flex-start", size: "full", title: title, tip: tip, ...titleProps }), childrenArray ? (_jsx(FlexGrowRow, { children: childrenArray?.map((child, index) => {
10
- return child ? (_jsx(FlexGrowRow, { borderLeft: 1, borderColor: theme.palette.divider, children: child }, index)) : null;
11
- }) })) : (_jsx(FlexGrowRow, { overflow: "hidden", children: children }))] }) }));
12
- };
13
- const PropertyGroupPaper = ({ style, variant, elevation, square, ...props }) => {
14
- return (_jsx(Paper, { style: { minWidth: 0, overflow: 'hidden', ...style }, variant: variant, elevation: elevation, square: square, children: _jsx(PropertyGroupBox, { ...props, paper: false }) }));
15
- };
16
- export const PropertyGroup = (props) => {
17
- return props.paper ? _jsx(PropertyGroupPaper, { ...props }) : _jsx(PropertyGroupBox, { ...props });
18
- };
19
- //# sourceMappingURL=Group.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAI5C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3G,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,OAAO,CAAC,CAAC,CAAE,QAA2B,CAAC,CAAC,CAAC,SAAS,CAAA;IAC7F,OAAO,CACL,KAAC,OAAO,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,KAAK,KAAK,YACvD,MAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,SAAS,EAAC,UAAU,EAAC,SAAS,aACtE,KAAC,aAAa,IAAC,UAAU,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,EAC5F,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,WAAW,cACT,aAAa,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBACnC,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,WAAW,IAAa,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,YACvE,KAAK,IADU,KAAK,CAET,CACf,CAAC,CAAC,CAAC,IAAI,CAAA;oBACV,CAAC,CAAC,GACU,CACf,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,QAAQ,EAAC,QAAQ,YAAE,QAAQ,GAAe,CACxD,IACO,GACF,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAsC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChH,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YACjH,KAAC,gBAAgB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,GACvC,CACT,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,kBAAkB,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AAC1F,CAAC,CAAA"}
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useTheme } from '@mui/material';
3
- import { FlexRow } from '@xylabs/react-flexbox';
4
- import { Identicon } from '@xylabs/react-identicon';
5
- import { useEffect, useRef, useState } from 'react';
6
- export const IdenticonCorner = ({ value, ...props }) => {
7
- const theme = useTheme();
8
- const [parentHeight, setParentHeight] = useState();
9
- const ref = useRef(null);
10
- useEffect(() => {
11
- setParentHeight(ref.current?.parentElement?.parentElement?.clientHeight);
12
- }, []);
13
- const calculatedHeight = parentHeight ?? 0;
14
- return (_jsx(FlexRow, { alignItems: "flex-start", height: "100%", children: _jsx(FlexRow, { background: true, height: calculatedHeight, width: calculatedHeight, borderLeft: `1px solid ${theme.palette.divider}`, children: _jsx("div", { ref: ref, children: _jsx(Identicon, { size: calculatedHeight * 0.6, value: `${value}`, sx: { padding: `${calculatedHeight * 0.2}px` }, ...props }) }) }) }));
15
- };
16
- //# sourceMappingURL=IdenticonCorner.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IdenticonCorner.js","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAMnD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAU,CAAA;IAC1D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,CAAC,CAAA;IAC1E,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,YAAY,IAAI,CAAC,CAAA;IAE1C,OAAO,CACL,KAAC,OAAO,IAAC,UAAU,EAAC,YAAY,EAAC,MAAM,EAAC,MAAM,YAC5C,KAAC,OAAO,IAAC,UAAU,QAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,YACrH,cAAK,GAAG,EAAE,GAAG,YACX,KAAC,SAAS,IAAC,IAAI,EAAE,gBAAgB,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,gBAAgB,GAAG,GAAG,IAAI,EAAE,KAAM,KAAK,GAAI,GACrH,GACE,GACF,CACX,CAAA;AACH,CAAC,CAAA"}
@@ -1,31 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { CircularProgress, Paper } from '@mui/material';
3
- import { FlexRow } from '@xylabs/react-flexbox';
4
- import { forwardRef } from 'react';
5
- import { PropertyActionsMenu } from './ActionsMenu';
6
- import { IdenticonCorner } from './IdenticonCorner';
7
- import { PropertyTitle } from './Title';
8
- import { PropertyValue } from './Value';
9
- const PropertyBox = forwardRef(({ titleProps, title, value, children, size = 'medium', tip, actions, required, badge = false, ...props }, ref) => {
10
- const sizeValueHeight = {
11
- large: 48,
12
- medium: 36,
13
- small: 24,
14
- };
15
- const sizeVariants = {
16
- large: 'h6',
17
- medium: 'body1',
18
- small: 'body2',
19
- };
20
- return (_jsxs(FlexRow, { ref: ref, flexDirection: "column", minWidth: 0, alignItems: "stretch", overflow: "hidden", ...props, children: [title !== undefined ? (_jsx(PropertyTitle, { tip: tip, title: required ? `${title}*` : title, size: size, more: _jsx(PropertyActionsMenu, { actions: actions }), ...titleProps })) : null, _jsxs(FlexRow, { pl: 1, columnGap: 1, justifyContent: value === undefined ? 'center' : 'space-between', overflow: "hidden", height: sizeValueHeight[size], children: [children ? (children) : value !== undefined ? (_jsx(PropertyValue, { value: value, typographyVariant: sizeVariants[size] })) : (_jsx(CircularProgress, { size: 16 })), value !== undefined ? badge ? _jsx(IdenticonCorner, { value: value }) : null : null] })] }));
21
- });
22
- PropertyBox.displayName = 'PropertyBox';
23
- const PropertyPaper = forwardRef(({ style, variant, elevation = 2, square, ...props }, ref) => {
24
- return (_jsx(Paper, { ref: ref, style: { minWidth: 0, overflow: 'hidden', ...style }, variant: variant, elevation: elevation, square: square, children: _jsx(PropertyBox, { ...props, paper: false }) }));
25
- });
26
- PropertyPaper.displayName = 'PropertyPaper';
27
- export const Property = forwardRef((props, ref) => {
28
- return props.paper ? _jsx(PropertyPaper, { ref: ref, ...props }) : _jsx(PropertyBox, { ref: ref, ...props });
29
- });
30
- Property.displayName = 'Property';
31
- //# sourceMappingURL=Property.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Property.js","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Props.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Props.js","sourceRoot":"","sources":["../../../src/components/Props.tsx"],"names":[],"mappings":""}
@@ -1,30 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { darken, lighten, Typography, useTheme } from '@mui/material';
3
- import { FlexRow } from '@xylabs/react-flexbox';
4
- import { QuickTipButton } from '@xylabs/react-quick-tip-button';
5
- export const PropertyTitle = ({ elevation = 1, size = 'medium', tip, more, title, ...props }) => {
6
- const sizeVariants = {
7
- full: 'caption',
8
- large: 'caption',
9
- medium: 'caption',
10
- small: 'caption',
11
- };
12
- const sizeTitleHeight = {
13
- full: undefined,
14
- large: 32,
15
- medium: 20,
16
- small: 16,
17
- };
18
- const sizeFontSize = {
19
- full: 16,
20
- large: 16,
21
- medium: 14,
22
- small: 10,
23
- };
24
- const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16;
25
- const theme = useTheme();
26
- return (_jsxs(FlexRow, { bgcolor: theme.palette.mode === 'dark'
27
- ? lighten(theme.palette.background.paper, 0.05 * elevation)
28
- : darken(theme.palette.background.paper, 0.025 * elevation), alignItems: "center", height: sizeTitleHeight[size], justifyContent: "space-between", ...props, children: [_jsxs(FlexRow, { paddingX: 1, paddingY: 0.5, children: [_jsx(Typography, { fontWeight: 500, noWrap: true, variant: sizeVariants[size], fontSize: sizeFontSize[size], children: _jsx("small", { children: _jsx("strong", { children: title }) }) }), tip ? (_jsx(QuickTipButton, { style: { fontSize: quickTipSize }, color: "inherit", title: title ?? '', children: tip })) : null] }), more] }));
29
- };
30
- //# sourceMappingURL=Title.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAqB,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxF,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAc/D,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5H,MAAM,YAAY,GAA6C;QAC7D,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;KACjB,CAAA;IAED,MAAM,eAAe,GAA8C;QACjE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV,CAAA;IAED,MAAM,YAAY,GAAkC;QAClD,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV,CAAA;IAED,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,MAAC,OAAO,IACN,OAAO,EACL,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM;YAC3B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;YAC3D,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC,EAE/D,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,EAC7B,cAAc,EAAC,eAAe,KAC1B,KAAK,aAET,MAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,aACjC,KAAC,UAAU,IAAC,UAAU,EAAE,GAAG,EAAE,MAAM,QAAC,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,YAC3F,0BACE,2BAAS,KAAK,GAAU,GAClB,GACG,EACZ,GAAG,CAAC,CAAC,CAAC,CACL,KAAC,cAAc,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,IAAI,EAAE,YAClF,GAAG,GACW,CAClB,CAAC,CAAC,CAAC,IAAI,IACA,EACT,IAAI,IACG,CACX,CAAA;AACH,CAAC,CAAA"}
@@ -1,8 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { EllipsizeBox } from '@xyo-network/react-shared';
3
- import { forwardRef } from 'react';
4
- export const PropertyValue = forwardRef(({ typographyVariant = 'body1', value, ...props }, ref) => {
5
- return value !== undefined ? (_jsx(EllipsizeBox, { typographyProps: { component: undefined, title: value?.toString(), variant: typographyVariant }, width: "100%", ref: ref, ...props, children: value })) : null;
6
- });
7
- PropertyValue.displayName = 'PropertyValue';
8
- //# sourceMappingURL=Value.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Value.js","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAqB,MAAM,2BAA2B,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAOlC,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAqC,CAAC,EAAE,iBAAiB,GAAG,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpI,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,KAAC,YAAY,IAAC,eAAe,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,KAAK,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK,YAC5I,KAAK,GACO,CAChB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
package/dist/esm/index.js DELETED
@@ -1,2 +0,0 @@
1
- export * from './components';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
@@ -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 +0,0 @@
1
- {"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAErD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmB1D,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAErD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiC9D,CAAA"}
@@ -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,UAAU,CAAA;AAEzC,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAkD,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAoC5F,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
@@ -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 +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,SAAS,CAAA;AA4D7E,eAAO,MAAM,QAAQ,iJAEnB,CAAA"}
@@ -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,UAAU,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C,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 +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 +0,0 @@
1
- {"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAC/D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAG3E,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,aAAa,+GAMxB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
File without changes