@xyo-network/react-property 2.64.0-rc.6 → 2.64.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 (164) hide show
  1. package/dist/browser/components/Action.cjs +19 -0
  2. package/dist/browser/components/Action.cjs.map +1 -0
  3. package/dist/browser/components/Action.d.cts +8 -0
  4. package/dist/browser/components/Action.d.cts.map +1 -0
  5. package/dist/browser/components/Actions.cjs +38 -0
  6. package/dist/{node/components/Actions.mjs.map → browser/components/Actions.cjs.map} +1 -1
  7. package/dist/browser/components/Actions.d.cts +4 -0
  8. package/dist/browser/components/Actions.d.cts.map +1 -0
  9. package/dist/browser/components/ActionsMenu.cjs +57 -0
  10. package/dist/{node/components/ActionsMenu.mjs.map → browser/components/ActionsMenu.cjs.map} +1 -1
  11. package/dist/browser/components/ActionsMenu.d.cts +4 -0
  12. package/dist/browser/components/ActionsMenu.d.cts.map +1 -0
  13. package/dist/browser/components/ActionsProps.cjs +19 -0
  14. package/dist/browser/components/ActionsProps.cjs.map +1 -0
  15. package/dist/browser/components/ActionsProps.d.cts +7 -0
  16. package/dist/browser/components/ActionsProps.d.cts.map +1 -0
  17. package/dist/browser/components/Group.cjs +93 -0
  18. package/dist/browser/components/Group.cjs.map +1 -0
  19. package/dist/browser/components/Group.d.cts +4 -0
  20. package/dist/browser/components/Group.d.cts.map +1 -0
  21. package/dist/browser/components/IdenticonCorner.cjs +41 -0
  22. package/dist/{node/components/IdenticonCorner.mjs.map → browser/components/IdenticonCorner.cjs.map} +1 -1
  23. package/dist/browser/components/IdenticonCorner.d.cts +7 -0
  24. package/dist/browser/components/IdenticonCorner.d.cts.map +1 -0
  25. package/dist/browser/components/Property.cjs +185 -0
  26. package/dist/browser/components/Property.cjs.map +1 -0
  27. package/dist/browser/components/Property.d.cts +4 -0
  28. package/dist/browser/components/Property.d.cts.map +1 -0
  29. package/dist/browser/components/Props.cjs +19 -0
  30. package/dist/browser/components/Props.cjs.map +1 -0
  31. package/dist/browser/components/Props.d.cts +35 -0
  32. package/dist/browser/components/Props.d.cts.map +1 -0
  33. package/dist/browser/components/Title.cjs +69 -0
  34. package/dist/{node/components/Title.mjs.map → browser/components/Title.cjs.map} +1 -1
  35. package/dist/browser/components/Title.d.cts +13 -0
  36. package/dist/browser/components/Title.d.cts.map +1 -0
  37. package/dist/browser/components/Value.cjs +33 -0
  38. package/dist/browser/components/Value.cjs.map +1 -0
  39. package/dist/browser/components/Value.d.cts +9 -0
  40. package/dist/browser/components/Value.d.cts.map +1 -0
  41. package/dist/browser/components/index.cjs +214 -0
  42. package/dist/browser/components/index.cjs.map +1 -0
  43. package/dist/browser/components/index.d.cts +7 -0
  44. package/dist/browser/components/index.d.cts.map +1 -0
  45. package/dist/browser/index.cjs +214 -0
  46. package/dist/browser/index.cjs.map +1 -0
  47. package/dist/browser/index.d.cts +2 -0
  48. package/dist/browser/index.d.cts.map +1 -0
  49. package/dist/docs.json +48117 -0
  50. package/dist/node/components/Action.cjs +19 -0
  51. package/dist/node/components/Action.cjs.map +1 -0
  52. package/dist/node/components/Action.d.cts +8 -0
  53. package/dist/node/components/Action.d.cts.map +1 -0
  54. package/dist/node/components/Action.js +0 -16
  55. package/dist/node/components/Action.js.map +1 -1
  56. package/dist/node/components/Actions.cjs +42 -0
  57. package/dist/node/components/Actions.cjs.map +1 -0
  58. package/dist/node/components/Actions.d.cts +4 -0
  59. package/dist/node/components/Actions.d.cts.map +1 -0
  60. package/dist/node/components/Actions.js +10 -33
  61. package/dist/node/components/Actions.js.map +1 -1
  62. package/dist/node/components/ActionsMenu.cjs +62 -0
  63. package/dist/node/components/ActionsMenu.cjs.map +1 -0
  64. package/dist/node/components/ActionsMenu.d.cts +4 -0
  65. package/dist/node/components/ActionsMenu.d.cts.map +1 -0
  66. package/dist/node/components/ActionsMenu.js +17 -39
  67. package/dist/node/components/ActionsMenu.js.map +1 -1
  68. package/dist/node/components/ActionsProps.cjs +19 -0
  69. package/dist/node/components/ActionsProps.cjs.map +1 -0
  70. package/dist/node/components/ActionsProps.d.cts +7 -0
  71. package/dist/node/components/ActionsProps.d.cts.map +1 -0
  72. package/dist/node/components/ActionsProps.js +0 -16
  73. package/dist/node/components/ActionsProps.js.map +1 -1
  74. package/dist/node/components/Group.cjs +97 -0
  75. package/dist/node/components/Group.cjs.map +1 -0
  76. package/dist/node/components/Group.d.cts +4 -0
  77. package/dist/node/components/Group.d.cts.map +1 -0
  78. package/dist/node/components/Group.js +65 -42
  79. package/dist/node/components/Group.js.map +1 -1
  80. package/dist/node/components/IdenticonCorner.cjs +46 -0
  81. package/dist/node/components/IdenticonCorner.cjs.map +1 -0
  82. package/dist/node/components/IdenticonCorner.d.cts +7 -0
  83. package/dist/node/components/IdenticonCorner.d.cts.map +1 -0
  84. package/dist/node/components/IdenticonCorner.js +16 -38
  85. package/dist/node/components/IdenticonCorner.js.map +1 -1
  86. package/dist/node/components/Property.cjs +191 -0
  87. package/dist/node/components/Property.cjs.map +1 -0
  88. package/dist/node/components/Property.d.cts +4 -0
  89. package/dist/node/components/Property.d.cts.map +1 -0
  90. package/dist/node/components/Property.js +125 -44
  91. package/dist/node/components/Property.js.map +1 -1
  92. package/dist/node/components/Props.cjs +19 -0
  93. package/dist/node/components/Props.cjs.map +1 -0
  94. package/dist/node/components/Props.d.cts +35 -0
  95. package/dist/node/components/Props.d.cts.map +1 -0
  96. package/dist/node/components/Props.js +0 -16
  97. package/dist/node/components/Props.js.map +1 -1
  98. package/dist/node/components/Title.cjs +73 -0
  99. package/dist/node/components/Title.cjs.map +1 -0
  100. package/dist/node/components/Title.d.cts +13 -0
  101. package/dist/node/components/Title.d.cts.map +1 -0
  102. package/dist/node/components/Title.js +15 -38
  103. package/dist/node/components/Title.js.map +1 -1
  104. package/dist/node/components/{Title.stories.js → Value.cjs} +14 -30
  105. package/dist/node/components/{Value.mjs.map → Value.cjs.map} +1 -1
  106. package/dist/node/components/Value.d.cts +9 -0
  107. package/dist/node/components/Value.d.cts.map +1 -0
  108. package/dist/node/components/Value.js +8 -31
  109. package/dist/node/components/Value.js.map +1 -1
  110. package/dist/node/components/index.cjs +223 -0
  111. package/dist/node/components/index.cjs.map +1 -0
  112. package/dist/node/components/index.d.cts +7 -0
  113. package/dist/node/components/index.d.cts.map +1 -0
  114. package/dist/node/components/index.js +190 -30
  115. package/dist/node/components/index.js.map +1 -1
  116. package/dist/node/index.cjs +223 -0
  117. package/dist/node/index.cjs.map +1 -0
  118. package/dist/node/index.d.cts +2 -0
  119. package/dist/node/index.d.cts.map +1 -0
  120. package/dist/node/index.js +190 -20
  121. package/dist/node/index.js.map +1 -1
  122. package/package.json +21 -21
  123. package/dist/browser/components/PropertyBox.stories.js +0 -160
  124. package/dist/browser/components/PropertyBox.stories.js.map +0 -1
  125. package/dist/browser/components/PropertyPaper.stories.js +0 -178
  126. package/dist/browser/components/PropertyPaper.stories.js.map +0 -1
  127. package/dist/browser/components/Title.stories.js +0 -27
  128. package/dist/browser/components/Title.stories.js.map +0 -1
  129. package/dist/browser/components/Value.stories.js +0 -26
  130. package/dist/browser/components/Value.stories.js.map +0 -1
  131. package/dist/node/components/Action.mjs +0 -1
  132. package/dist/node/components/Action.mjs.map +0 -1
  133. package/dist/node/components/Actions.mjs +0 -16
  134. package/dist/node/components/ActionsMenu.mjs +0 -35
  135. package/dist/node/components/ActionsProps.mjs +0 -1
  136. package/dist/node/components/ActionsProps.mjs.map +0 -1
  137. package/dist/node/components/Group.mjs +0 -25
  138. package/dist/node/components/Group.mjs.map +0 -1
  139. package/dist/node/components/IdenticonCorner.mjs +0 -19
  140. package/dist/node/components/Property.mjs +0 -61
  141. package/dist/node/components/Property.mjs.map +0 -1
  142. package/dist/node/components/PropertyBox.stories.js +0 -197
  143. package/dist/node/components/PropertyBox.stories.js.map +0 -1
  144. package/dist/node/components/PropertyBox.stories.mjs +0 -160
  145. package/dist/node/components/PropertyBox.stories.mjs.map +0 -1
  146. package/dist/node/components/PropertyPaper.stories.js +0 -217
  147. package/dist/node/components/PropertyPaper.stories.js.map +0 -1
  148. package/dist/node/components/PropertyPaper.stories.mjs +0 -178
  149. package/dist/node/components/PropertyPaper.stories.mjs.map +0 -1
  150. package/dist/node/components/Props.mjs +0 -1
  151. package/dist/node/components/Props.mjs.map +0 -1
  152. package/dist/node/components/Title.mjs +0 -47
  153. package/dist/node/components/Title.stories.js.map +0 -1
  154. package/dist/node/components/Title.stories.mjs +0 -27
  155. package/dist/node/components/Title.stories.mjs.map +0 -1
  156. package/dist/node/components/Value.mjs +0 -11
  157. package/dist/node/components/Value.stories.js +0 -51
  158. package/dist/node/components/Value.stories.js.map +0 -1
  159. package/dist/node/components/Value.stories.mjs +0 -26
  160. package/dist/node/components/Value.stories.mjs.map +0 -1
  161. package/dist/node/components/index.mjs +0 -7
  162. package/dist/node/components/index.mjs.map +0 -1
  163. package/dist/node/index.mjs +0 -2
  164. package/dist/node/index.mjs.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/Property.tsx"],"sourcesContent":["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'\nimport { IdenticonCorner } from './IdenticonCorner'\nimport { PropertyBoxProps, PropertyPaperProps, PropertyProps } from './Props'\nimport { PropertyTitle } from './Title'\nimport { PropertyValue } from './Value'\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 ? (\n <PropertyTitle\n tip={tip}\n title={required ? `${title}*` : title}\n size={size}\n more={<PropertyActionsMenu actions={actions} />}\n {...titleProps}\n />\n ) : null}\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 ? (\n children\n ) : value !== undefined ? (\n <PropertyValue value={value} typographyVariant={sizeVariants[size]} />\n ) : (\n <CircularProgress size={16} />\n )}\n {value !== undefined ? badge ? <IdenticonCorner value={value} /> : null : 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"],"mappings":"AAgCkB,cAIV,YAJU;AAhClB,SAAS,kBAAkB,aAAgC;AAC3D,SAAS,eAAe;AAExB,SAAS,kBAAkB;AAE3B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAEhC,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAE9B,MAAM,cAAc;AAAA,EAClB,CAAC,EAAE,YAAY,OAAO,OAAO,UAAU,OAAO,UAAU,KAAK,SAAS,UAAU,QAAQ,OAAO,GAAG,MAAM,GAAG,QAAQ;AACjH,UAAM,kBAA4C;AAAA,MAChD,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAEA,UAAM,eAAoD;AAAA,MACxD,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAEA,WACE,qBAAC,WAAQ,KAAU,eAAc,UAAS,UAAU,GAAG,YAAW,WAAU,UAAS,UAAU,GAAG,OAC/F;AAAA,gBAAU,SACT;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,WAAW,GAAG,KAAK,MAAM;AAAA,UAChC;AAAA,UACA,MAAM,oBAAC,uBAAoB,SAAkB;AAAA,UAC5C,GAAG;AAAA;AAAA,MACN,IACE;AAAA,MACJ;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW;AAAA,UACX,gBAAgB,UAAU,SAAY,WAAW;AAAA,UACjD,UAAS;AAAA,UACT,QAAQ,gBAAgB,IAAI;AAAA,UAE3B;AAAA,uBACC,WACE,UAAU,SACZ,oBAAC,iBAAc,OAAc,mBAAmB,aAAa,IAAI,GAAG,IAEpE,oBAAC,oBAAiB,MAAM,IAAI;AAAA,YAE7B,UAAU,SAAY,QAAQ,oBAAC,mBAAgB,OAAc,IAAK,OAAO;AAAA;AAAA;AAAA,MAC5E;AAAA,OACF;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAE1B,MAAM,gBAAgB,WAA+C,CAAC,EAAE,OAAO,SAAS,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACjI,SACE,oBAAC,SAAM,KAAU,OAAO,EAAE,UAAU,GAAG,UAAU,UAAU,GAAG,MAAM,GAAG,SAAkB,WAAsB,QAC7G,8BAAC,eAAa,GAAG,OAAO,OAAO,OAAO,GACxC;AAEJ,CAAC;AACD,cAAc,cAAc;AAErB,MAAM,WAAW,WAA0C,CAAC,OAAO,QAAQ;AAChF,SAAO,MAAM,QAAQ,oBAAC,iBAAc,KAAW,GAAG,OAAO,IAAK,oBAAC,eAAY,KAAW,GAAG,OAAO;AAClG,CAAC;AACD,SAAS,cAAc;","names":[]}
@@ -1,197 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var PropertyBox_stories_exports = {};
20
- __export(PropertyBox_stories_exports, {
21
- Default: () => Default,
22
- LargeWithValue: () => LargeWithValue,
23
- LargeWithValueAndActions: () => LargeWithValueAndActions,
24
- SmallWithValueAndActions: () => SmallWithValueAndActions,
25
- WithActions: () => WithActions,
26
- WithData: () => WithData,
27
- WithDataAndBadgeLarge: () => WithDataAndBadgeLarge,
28
- WithDataAndBadgeMedium: () => WithDataAndBadgeMedium,
29
- WithDataAndBadgeSmall: () => WithDataAndBadgeSmall,
30
- WithDataCompare: () => WithDataCompare,
31
- WithDataSmall: () => WithDataSmall,
32
- WithTip: () => WithTip,
33
- WithTipAndBadge: () => WithTipAndBadge,
34
- WithUndefinedData: () => WithUndefinedData,
35
- default: () => PropertyBox_stories_default
36
- });
37
- module.exports = __toCommonJS(PropertyBox_stories_exports);
38
- var import_jsx_runtime = require("react/jsx-runtime");
39
- var import_icons_material = require("@mui/icons-material");
40
- var import_material = require("@mui/material");
41
- var import_react_flexbox = require("@xylabs/react-flexbox");
42
- var import_payload_wrapper = require("@xyo-network/payload-wrapper");
43
- var import_react_storybook = require("@xyo-network/react-storybook");
44
- var import_Property = require("./Property");
45
- const StorybookEntry = {
46
- argTypes: {},
47
- component: import_Property.Property,
48
- parameters: {
49
- docs: {
50
- page: null
51
- }
52
- },
53
- title: "property/PropertyBox"
54
- };
55
- const Template = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, paper: false });
56
- const TemplateWithCompare = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { gap: 1, alignItems: "stretch", children: [
57
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
58
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TextField, { size: "small", value: "Sample text Field" }),
59
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, size: "small" })
60
- ] }),
61
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
62
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, size: "small" }),
63
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, size: "small" })
64
- ] }),
65
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TextField, { size: "medium", value: "Sample text Field" }),
67
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, size: "medium" })
68
- ] }),
69
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
70
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, size: "medium" }),
71
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, size: "medium" })
72
- ] }),
73
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
74
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TextField, { value: "Sample text Field" }),
75
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, size: "large" })
76
- ] }),
77
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
78
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, size: "large" }),
79
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, size: "large" })
80
- ] })
81
- ] });
82
- const Default = Template.bind({});
83
- Default.args = {};
84
- Default.decorators = [import_react_storybook.useAppThemeDecorator];
85
- const WithTitle = Template.bind({});
86
- WithTitle.args = { title: "No Data" };
87
- WithTitle.decorators = [import_react_storybook.useAppThemeDecorator];
88
- const WithUndefinedData = Template.bind({});
89
- WithUndefinedData.args = { title: "Block Hash" };
90
- WithUndefinedData.decorators = [import_react_storybook.useAppThemeDecorator];
91
- const WithData = Template.bind({});
92
- WithData.args = { title: "Block Hash", value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads) };
93
- WithData.decorators = [import_react_storybook.useAppThemeDecorator];
94
- const WithDataSmall = Template.bind({});
95
- WithDataSmall.args = { size: "small", title: "Block Hash", value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads) };
96
- WithDataSmall.decorators = [import_react_storybook.useAppThemeDecorator];
97
- const WithDataCompare = TemplateWithCompare.bind({});
98
- WithDataCompare.args = { tip: "This is the block hash", title: "Block Hash", value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads) };
99
- WithDataCompare.decorators = [import_react_storybook.useAppThemeDecorator];
100
- const WithDataAndBadgeSmall = Template.bind({});
101
- WithDataAndBadgeSmall.args = {
102
- badge: true,
103
- size: "small",
104
- tip: "This is the block hash",
105
- title: "Block Hash",
106
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
107
- };
108
- WithDataAndBadgeSmall.decorators = [import_react_storybook.useAppThemeDecorator];
109
- const WithDataAndBadgeMedium = Template.bind({});
110
- WithDataAndBadgeMedium.args = {
111
- badge: true,
112
- size: "medium",
113
- tip: "This is the block hash",
114
- title: "Block Hash",
115
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
116
- };
117
- WithDataAndBadgeMedium.decorators = [import_react_storybook.useAppThemeDecorator];
118
- const WithDataAndBadgeLarge = Template.bind({});
119
- WithDataAndBadgeLarge.args = {
120
- badge: true,
121
- size: "large",
122
- tip: "This is the block hash",
123
- title: "Block Hash",
124
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
125
- };
126
- WithDataAndBadgeLarge.decorators = [import_react_storybook.useAppThemeDecorator];
127
- const WithTip = Template.bind({});
128
- WithTip.args = {
129
- tip: "This is the block hash",
130
- title: "Block Hash",
131
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
132
- };
133
- WithTip.decorators = [import_react_storybook.useAppThemeDecorator];
134
- const WithTipAndBadge = Template.bind({});
135
- WithTipAndBadge.args = {
136
- badge: true,
137
- tip: "This is the block hash",
138
- title: "Block Hash",
139
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
140
- };
141
- WithTipAndBadge.decorators = [import_react_storybook.useAppThemeDecorator];
142
- const WithActions = Template.bind({});
143
- WithActions.args = {
144
- actions: [{ name: "ActionOne" }, { name: "ActionTwo" }],
145
- tip: "This is the block hash",
146
- title: "Block Hash",
147
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
148
- };
149
- WithActions.decorators = [import_react_storybook.useAppThemeDecorator];
150
- const LargeWithValue = Template.bind({});
151
- LargeWithValue.args = {
152
- badge: true,
153
- size: "large",
154
- tip: "This is the block hash",
155
- title: "Block Hash",
156
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
157
- };
158
- LargeWithValue.decorators = [import_react_storybook.useAppThemeDecorator];
159
- const LargeWithValueAndActions = Template.bind({});
160
- LargeWithValueAndActions.args = {
161
- actions: [{ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Replay, {}), name: "ActionOne" }, { name: "ActionTwo" }],
162
- badge: true,
163
- size: "large",
164
- tip: "This is the block hash",
165
- title: "Block Hash",
166
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
167
- };
168
- LargeWithValueAndActions.decorators = [import_react_storybook.useAppThemeDecorator];
169
- const SmallWithValueAndActions = Template.bind({});
170
- SmallWithValueAndActions.args = {
171
- actions: [{ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Replay, {}), name: "ActionOne" }, { name: "ActionTwo" }],
172
- badge: true,
173
- size: "small",
174
- tip: "This is the block hash",
175
- title: "Block Hash",
176
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
177
- };
178
- SmallWithValueAndActions.decorators = [import_react_storybook.useAppThemeDecorator];
179
- var PropertyBox_stories_default = StorybookEntry;
180
- // Annotate the CommonJS export names for ESM import in node:
181
- 0 && (module.exports = {
182
- Default,
183
- LargeWithValue,
184
- LargeWithValueAndActions,
185
- SmallWithValueAndActions,
186
- WithActions,
187
- WithData,
188
- WithDataAndBadgeLarge,
189
- WithDataAndBadgeMedium,
190
- WithDataAndBadgeSmall,
191
- WithDataCompare,
192
- WithDataSmall,
193
- WithTip,
194
- WithTipAndBadge,
195
- WithUndefinedData
196
- });
197
- //# sourceMappingURL=PropertyBox.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/PropertyBox.stories.tsx"],"sourcesContent":["import { Replay as ReplayIcon } from '@mui/icons-material'\nimport { TextField } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { PayloadWrapper } from '@xyo-network/payload-wrapper'\nimport { sampleBlockWithPayloads, useAppThemeDecorator } from '@xyo-network/react-storybook'\n\nimport { Property } from './Property'\nimport { PropertyProps } from './Props'\n\nconst StorybookEntry = {\n argTypes: {},\n component: Property,\n parameters: {\n docs: {\n page: null,\n },\n },\n title: 'property/PropertyBox',\n} as Meta<typeof Property>\n\nconst Template: StoryFn<typeof Property> = (args: PropertyProps) => <Property {...args} paper={false}></Property>\n\nconst TemplateWithCompare: StoryFn<typeof Property> = (args: PropertyProps) => (\n <FlexCol gap={1} alignItems=\"stretch\">\n <FlexRow gap={1}>\n <TextField size=\"small\" value=\"Sample text Field\" />\n <Property {...args} size=\"small\"></Property>\n </FlexRow>\n <FlexRow gap={1}>\n <Property {...args} size=\"small\"></Property>\n <Property {...args} size=\"small\"></Property>\n </FlexRow>\n <FlexRow gap={1}>\n <TextField size=\"medium\" value=\"Sample text Field\" />\n <Property {...args} size=\"medium\"></Property>\n </FlexRow>\n <FlexRow gap={1}>\n <Property {...args} size=\"medium\"></Property>\n <Property {...args} size=\"medium\"></Property>\n </FlexRow>\n <FlexRow gap={1}>\n <TextField value=\"Sample text Field\" />\n <Property {...args} size=\"large\"></Property>\n </FlexRow>\n <FlexRow gap={1}>\n <Property {...args} size=\"large\"></Property>\n <Property {...args} size=\"large\"></Property>\n </FlexRow>\n </FlexCol>\n)\n\nconst Default = Template.bind({})\nDefault.args = {}\nDefault.decorators = [useAppThemeDecorator]\n\nconst WithTitle = Template.bind({})\nWithTitle.args = { title: 'No Data' }\nWithTitle.decorators = [useAppThemeDecorator]\n\nconst WithUndefinedData = Template.bind({})\nWithUndefinedData.args = { title: 'Block Hash' }\nWithUndefinedData.decorators = [useAppThemeDecorator]\n\nconst WithData = Template.bind({})\nWithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithData.decorators = [useAppThemeDecorator]\n\nconst WithDataSmall = Template.bind({})\nWithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithDataSmall.decorators = [useAppThemeDecorator]\n\nconst WithDataCompare = TemplateWithCompare.bind({})\nWithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithDataCompare.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeSmall = Template.bind({})\nWithDataAndBadgeSmall.args = {\n badge: true,\n size: 'small',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeSmall.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeMedium = Template.bind({})\nWithDataAndBadgeMedium.args = {\n badge: true,\n size: 'medium',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeMedium.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeLarge = Template.bind({})\nWithDataAndBadgeLarge.args = {\n badge: true,\n size: 'large',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeLarge.decorators = [useAppThemeDecorator]\n\nconst WithTip = Template.bind({})\nWithTip.args = {\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithTip.decorators = [useAppThemeDecorator]\n\nconst WithTipAndBadge = Template.bind({})\nWithTipAndBadge.args = {\n badge: true,\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithTipAndBadge.decorators = [useAppThemeDecorator]\n\nconst WithActions = Template.bind({})\nWithActions.args = {\n actions: [{ name: 'ActionOne' }, { name: 'ActionTwo' }],\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithActions.decorators = [useAppThemeDecorator]\n\nconst LargeWithValue = Template.bind({})\nLargeWithValue.args = {\n badge: true,\n size: 'large',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nLargeWithValue.decorators = [useAppThemeDecorator]\n\nconst LargeWithValueAndActions = Template.bind({})\nLargeWithValueAndActions.args = {\n actions: [{ icon: <ReplayIcon />, name: 'ActionOne' }, { name: 'ActionTwo' }],\n badge: true,\n size: 'large',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nLargeWithValueAndActions.decorators = [useAppThemeDecorator]\n\nconst SmallWithValueAndActions = Template.bind({})\nSmallWithValueAndActions.args = {\n actions: [{ icon: <ReplayIcon />, name: 'ActionOne' }, { name: 'ActionTwo' }],\n badge: true,\n size: 'small',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nSmallWithValueAndActions.decorators = [useAppThemeDecorator]\n\nexport {\n Default,\n LargeWithValue,\n LargeWithValueAndActions,\n SmallWithValueAndActions,\n WithActions,\n WithData,\n WithDataAndBadgeLarge,\n WithDataAndBadgeMedium,\n WithDataAndBadgeSmall,\n WithDataCompare,\n WithDataSmall,\n WithTip,\n WithTipAndBadge,\n WithUndefinedData,\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"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","names":["ReplayIcon"]}
@@ -1,160 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Replay as ReplayIcon } from "@mui/icons-material";
3
- import { TextField } from "@mui/material";
4
- import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
5
- import { PayloadWrapper } from "@xyo-network/payload-wrapper";
6
- import { sampleBlockWithPayloads, useAppThemeDecorator } from "@xyo-network/react-storybook";
7
- import { Property } from "./Property";
8
- const StorybookEntry = {
9
- argTypes: {},
10
- component: Property,
11
- parameters: {
12
- docs: {
13
- page: null
14
- }
15
- },
16
- title: "property/PropertyBox"
17
- };
18
- const Template = (args) => /* @__PURE__ */ jsx(Property, { ...args, paper: false });
19
- const TemplateWithCompare = (args) => /* @__PURE__ */ jsxs(FlexCol, { gap: 1, alignItems: "stretch", children: [
20
- /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
21
- /* @__PURE__ */ jsx(TextField, { size: "small", value: "Sample text Field" }),
22
- /* @__PURE__ */ jsx(Property, { ...args, size: "small" })
23
- ] }),
24
- /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
25
- /* @__PURE__ */ jsx(Property, { ...args, size: "small" }),
26
- /* @__PURE__ */ jsx(Property, { ...args, size: "small" })
27
- ] }),
28
- /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
29
- /* @__PURE__ */ jsx(TextField, { size: "medium", value: "Sample text Field" }),
30
- /* @__PURE__ */ jsx(Property, { ...args, size: "medium" })
31
- ] }),
32
- /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
33
- /* @__PURE__ */ jsx(Property, { ...args, size: "medium" }),
34
- /* @__PURE__ */ jsx(Property, { ...args, size: "medium" })
35
- ] }),
36
- /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
37
- /* @__PURE__ */ jsx(TextField, { value: "Sample text Field" }),
38
- /* @__PURE__ */ jsx(Property, { ...args, size: "large" })
39
- ] }),
40
- /* @__PURE__ */ jsxs(FlexRow, { gap: 1, children: [
41
- /* @__PURE__ */ jsx(Property, { ...args, size: "large" }),
42
- /* @__PURE__ */ jsx(Property, { ...args, size: "large" })
43
- ] })
44
- ] });
45
- const Default = Template.bind({});
46
- Default.args = {};
47
- Default.decorators = [useAppThemeDecorator];
48
- const WithTitle = Template.bind({});
49
- WithTitle.args = { title: "No Data" };
50
- WithTitle.decorators = [useAppThemeDecorator];
51
- const WithUndefinedData = Template.bind({});
52
- WithUndefinedData.args = { title: "Block Hash" };
53
- WithUndefinedData.decorators = [useAppThemeDecorator];
54
- const WithData = Template.bind({});
55
- WithData.args = { title: "Block Hash", value: PayloadWrapper.hashSync(sampleBlockWithPayloads) };
56
- WithData.decorators = [useAppThemeDecorator];
57
- const WithDataSmall = Template.bind({});
58
- WithDataSmall.args = { size: "small", title: "Block Hash", value: PayloadWrapper.hashSync(sampleBlockWithPayloads) };
59
- WithDataSmall.decorators = [useAppThemeDecorator];
60
- const WithDataCompare = TemplateWithCompare.bind({});
61
- WithDataCompare.args = { tip: "This is the block hash", title: "Block Hash", value: PayloadWrapper.hashSync(sampleBlockWithPayloads) };
62
- WithDataCompare.decorators = [useAppThemeDecorator];
63
- const WithDataAndBadgeSmall = Template.bind({});
64
- WithDataAndBadgeSmall.args = {
65
- badge: true,
66
- size: "small",
67
- tip: "This is the block hash",
68
- title: "Block Hash",
69
- value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
70
- };
71
- WithDataAndBadgeSmall.decorators = [useAppThemeDecorator];
72
- const WithDataAndBadgeMedium = Template.bind({});
73
- WithDataAndBadgeMedium.args = {
74
- badge: true,
75
- size: "medium",
76
- tip: "This is the block hash",
77
- title: "Block Hash",
78
- value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
79
- };
80
- WithDataAndBadgeMedium.decorators = [useAppThemeDecorator];
81
- const WithDataAndBadgeLarge = Template.bind({});
82
- WithDataAndBadgeLarge.args = {
83
- badge: true,
84
- size: "large",
85
- tip: "This is the block hash",
86
- title: "Block Hash",
87
- value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
88
- };
89
- WithDataAndBadgeLarge.decorators = [useAppThemeDecorator];
90
- const WithTip = Template.bind({});
91
- WithTip.args = {
92
- tip: "This is the block hash",
93
- title: "Block Hash",
94
- value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
95
- };
96
- WithTip.decorators = [useAppThemeDecorator];
97
- const WithTipAndBadge = Template.bind({});
98
- WithTipAndBadge.args = {
99
- badge: true,
100
- tip: "This is the block hash",
101
- title: "Block Hash",
102
- value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
103
- };
104
- WithTipAndBadge.decorators = [useAppThemeDecorator];
105
- const WithActions = Template.bind({});
106
- WithActions.args = {
107
- actions: [{ name: "ActionOne" }, { name: "ActionTwo" }],
108
- tip: "This is the block hash",
109
- title: "Block Hash",
110
- value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
111
- };
112
- WithActions.decorators = [useAppThemeDecorator];
113
- const LargeWithValue = Template.bind({});
114
- LargeWithValue.args = {
115
- badge: true,
116
- size: "large",
117
- tip: "This is the block hash",
118
- title: "Block Hash",
119
- value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
120
- };
121
- LargeWithValue.decorators = [useAppThemeDecorator];
122
- const LargeWithValueAndActions = Template.bind({});
123
- LargeWithValueAndActions.args = {
124
- actions: [{ icon: /* @__PURE__ */ jsx(ReplayIcon, {}), name: "ActionOne" }, { name: "ActionTwo" }],
125
- badge: true,
126
- size: "large",
127
- tip: "This is the block hash",
128
- title: "Block Hash",
129
- value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
130
- };
131
- LargeWithValueAndActions.decorators = [useAppThemeDecorator];
132
- const SmallWithValueAndActions = Template.bind({});
133
- SmallWithValueAndActions.args = {
134
- actions: [{ icon: /* @__PURE__ */ jsx(ReplayIcon, {}), name: "ActionOne" }, { name: "ActionTwo" }],
135
- badge: true,
136
- size: "small",
137
- tip: "This is the block hash",
138
- title: "Block Hash",
139
- value: PayloadWrapper.hashSync(sampleBlockWithPayloads)
140
- };
141
- SmallWithValueAndActions.decorators = [useAppThemeDecorator];
142
- var PropertyBox_stories_default = StorybookEntry;
143
- export {
144
- Default,
145
- LargeWithValue,
146
- LargeWithValueAndActions,
147
- SmallWithValueAndActions,
148
- WithActions,
149
- WithData,
150
- WithDataAndBadgeLarge,
151
- WithDataAndBadgeMedium,
152
- WithDataAndBadgeSmall,
153
- WithDataCompare,
154
- WithDataSmall,
155
- WithTip,
156
- WithTipAndBadge,
157
- WithUndefinedData,
158
- PropertyBox_stories_default as default
159
- };
160
- //# sourceMappingURL=PropertyBox.stories.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/PropertyBox.stories.tsx"],"sourcesContent":["import { Replay as ReplayIcon } from '@mui/icons-material'\nimport { TextField } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { PayloadWrapper } from '@xyo-network/payload-wrapper'\nimport { sampleBlockWithPayloads, useAppThemeDecorator } from '@xyo-network/react-storybook'\n\nimport { Property } from './Property'\nimport { PropertyProps } from './Props'\n\nconst StorybookEntry = {\n argTypes: {},\n component: Property,\n parameters: {\n docs: {\n page: null,\n },\n },\n title: 'property/PropertyBox',\n} as Meta<typeof Property>\n\nconst Template: StoryFn<typeof Property> = (args: PropertyProps) => <Property {...args} paper={false}></Property>\n\nconst TemplateWithCompare: StoryFn<typeof Property> = (args: PropertyProps) => (\n <FlexCol gap={1} alignItems=\"stretch\">\n <FlexRow gap={1}>\n <TextField size=\"small\" value=\"Sample text Field\" />\n <Property {...args} size=\"small\"></Property>\n </FlexRow>\n <FlexRow gap={1}>\n <Property {...args} size=\"small\"></Property>\n <Property {...args} size=\"small\"></Property>\n </FlexRow>\n <FlexRow gap={1}>\n <TextField size=\"medium\" value=\"Sample text Field\" />\n <Property {...args} size=\"medium\"></Property>\n </FlexRow>\n <FlexRow gap={1}>\n <Property {...args} size=\"medium\"></Property>\n <Property {...args} size=\"medium\"></Property>\n </FlexRow>\n <FlexRow gap={1}>\n <TextField value=\"Sample text Field\" />\n <Property {...args} size=\"large\"></Property>\n </FlexRow>\n <FlexRow gap={1}>\n <Property {...args} size=\"large\"></Property>\n <Property {...args} size=\"large\"></Property>\n </FlexRow>\n </FlexCol>\n)\n\nconst Default = Template.bind({})\nDefault.args = {}\nDefault.decorators = [useAppThemeDecorator]\n\nconst WithTitle = Template.bind({})\nWithTitle.args = { title: 'No Data' }\nWithTitle.decorators = [useAppThemeDecorator]\n\nconst WithUndefinedData = Template.bind({})\nWithUndefinedData.args = { title: 'Block Hash' }\nWithUndefinedData.decorators = [useAppThemeDecorator]\n\nconst WithData = Template.bind({})\nWithData.args = { title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithData.decorators = [useAppThemeDecorator]\n\nconst WithDataSmall = Template.bind({})\nWithDataSmall.args = { size: 'small', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithDataSmall.decorators = [useAppThemeDecorator]\n\nconst WithDataCompare = TemplateWithCompare.bind({})\nWithDataCompare.args = { tip: 'This is the block hash', title: 'Block Hash', value: PayloadWrapper.hashSync(sampleBlockWithPayloads) }\nWithDataCompare.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeSmall = Template.bind({})\nWithDataAndBadgeSmall.args = {\n badge: true,\n size: 'small',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeSmall.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeMedium = Template.bind({})\nWithDataAndBadgeMedium.args = {\n badge: true,\n size: 'medium',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeMedium.decorators = [useAppThemeDecorator]\n\nconst WithDataAndBadgeLarge = Template.bind({})\nWithDataAndBadgeLarge.args = {\n badge: true,\n size: 'large',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithDataAndBadgeLarge.decorators = [useAppThemeDecorator]\n\nconst WithTip = Template.bind({})\nWithTip.args = {\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithTip.decorators = [useAppThemeDecorator]\n\nconst WithTipAndBadge = Template.bind({})\nWithTipAndBadge.args = {\n badge: true,\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithTipAndBadge.decorators = [useAppThemeDecorator]\n\nconst WithActions = Template.bind({})\nWithActions.args = {\n actions: [{ name: 'ActionOne' }, { name: 'ActionTwo' }],\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nWithActions.decorators = [useAppThemeDecorator]\n\nconst LargeWithValue = Template.bind({})\nLargeWithValue.args = {\n badge: true,\n size: 'large',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nLargeWithValue.decorators = [useAppThemeDecorator]\n\nconst LargeWithValueAndActions = Template.bind({})\nLargeWithValueAndActions.args = {\n actions: [{ icon: <ReplayIcon />, name: 'ActionOne' }, { name: 'ActionTwo' }],\n badge: true,\n size: 'large',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nLargeWithValueAndActions.decorators = [useAppThemeDecorator]\n\nconst SmallWithValueAndActions = Template.bind({})\nSmallWithValueAndActions.args = {\n actions: [{ icon: <ReplayIcon />, name: 'ActionOne' }, { name: 'ActionTwo' }],\n badge: true,\n size: 'small',\n tip: 'This is the block hash',\n title: 'Block Hash',\n value: PayloadWrapper.hashSync(sampleBlockWithPayloads),\n}\nSmallWithValueAndActions.decorators = [useAppThemeDecorator]\n\nexport {\n Default,\n LargeWithValue,\n LargeWithValueAndActions,\n SmallWithValueAndActions,\n WithActions,\n WithData,\n WithDataAndBadgeLarge,\n WithDataAndBadgeMedium,\n WithDataAndBadgeSmall,\n WithDataCompare,\n WithDataSmall,\n WithTip,\n WithTipAndBadge,\n WithUndefinedData,\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"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","names":[]}
@@ -1,217 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var PropertyPaper_stories_exports = {};
20
- __export(PropertyPaper_stories_exports, {
21
- Default: () => Default,
22
- LargeWithValue: () => LargeWithValue,
23
- LargeWithValueAndActions: () => LargeWithValueAndActions,
24
- SmallWithValueAndActions: () => SmallWithValueAndActions,
25
- WithActions: () => WithActions,
26
- WithData: () => WithData,
27
- WithDataAndBadgeLarge: () => WithDataAndBadgeLarge,
28
- WithDataAndBadgeMedium: () => WithDataAndBadgeMedium,
29
- WithDataAndBadgeSmall: () => WithDataAndBadgeSmall,
30
- WithDataCompare: () => WithDataCompare,
31
- WithDataCompareElevation: () => WithDataCompareElevation,
32
- WithDataCompareOutlined: () => WithDataCompareOutlined,
33
- WithDataSmall: () => WithDataSmall,
34
- WithTip: () => WithTip,
35
- WithTipAndBadge: () => WithTipAndBadge,
36
- WithUndefinedData: () => WithUndefinedData,
37
- default: () => PropertyPaper_stories_default
38
- });
39
- module.exports = __toCommonJS(PropertyPaper_stories_exports);
40
- var import_jsx_runtime = require("react/jsx-runtime");
41
- var import_icons_material = require("@mui/icons-material");
42
- var import_material = require("@mui/material");
43
- var import_react_flexbox = require("@xylabs/react-flexbox");
44
- var import_payload_wrapper = require("@xyo-network/payload-wrapper");
45
- var import_react_storybook = require("@xyo-network/react-storybook");
46
- var import_Property = require("./Property");
47
- const StorybookEntry = {
48
- argTypes: {},
49
- component: import_Property.Property,
50
- parameters: {
51
- docs: {
52
- page: null
53
- }
54
- },
55
- title: "property/PropertyPaper"
56
- };
57
- const Template = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, paper: true });
58
- const TemplateWithCompare = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { gap: 1, alignItems: "stretch", children: [
59
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
60
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TextField, { size: "small", value: "Sample text Field" }),
61
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, paper: true, size: "small" })
62
- ] }),
63
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
64
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, paper: true, size: "small" }),
65
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, paper: true, size: "small" })
66
- ] }),
67
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
68
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TextField, { size: "medium", value: "Sample text Field" }),
69
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, paper: true, size: "medium" })
70
- ] }),
71
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
72
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, paper: true, size: "medium" }),
73
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, paper: true, size: "medium" })
74
- ] }),
75
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
76
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TextField, { value: "Sample text Field" }),
77
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, paper: true, size: "large" })
78
- ] }),
79
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { gap: 1, children: [
80
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, paper: true, size: "large" }),
81
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Property.Property, { ...args, paper: true, size: "large" })
82
- ] })
83
- ] });
84
- const Default = Template.bind({});
85
- Default.args = {};
86
- Default.decorators = [import_react_storybook.useAppThemeDecorator];
87
- const WithTitle = Template.bind({});
88
- WithTitle.args = { title: "No Data" };
89
- WithTitle.decorators = [import_react_storybook.useAppThemeDecorator];
90
- const WithUndefinedData = Template.bind({});
91
- WithUndefinedData.args = { title: "Block Hash" };
92
- WithUndefinedData.decorators = [import_react_storybook.useAppThemeDecorator];
93
- const WithData = Template.bind({});
94
- WithData.args = { title: "Block Hash", value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads) };
95
- WithData.decorators = [import_react_storybook.useAppThemeDecorator];
96
- const WithDataSmall = Template.bind({});
97
- WithDataSmall.args = { size: "small", title: "Block Hash", value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads) };
98
- WithDataSmall.decorators = [import_react_storybook.useAppThemeDecorator];
99
- const WithDataCompare = TemplateWithCompare.bind({});
100
- WithDataCompare.args = { tip: "This is the block hash", title: "Block Hash", value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads) };
101
- WithDataCompare.decorators = [import_react_storybook.useAppThemeDecorator];
102
- const WithDataCompareOutlined = TemplateWithCompare.bind({});
103
- WithDataCompareOutlined.args = {
104
- tip: "This is the block hash",
105
- title: "Block Hash",
106
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads),
107
- variant: "outlined"
108
- };
109
- WithDataCompareOutlined.decorators = [import_react_storybook.useAppThemeDecorator];
110
- const WithDataCompareElevation = TemplateWithCompare.bind({});
111
- WithDataCompareElevation.args = {
112
- tip: "This is the block hash",
113
- title: "Block Hash",
114
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads),
115
- variant: "elevation"
116
- };
117
- WithDataCompareElevation.decorators = [import_react_storybook.useAppThemeDecorator];
118
- const WithDataAndBadgeSmall = Template.bind({});
119
- WithDataAndBadgeSmall.args = {
120
- badge: true,
121
- size: "small",
122
- tip: "This is the block hash",
123
- title: "Block Hash",
124
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
125
- };
126
- WithDataAndBadgeSmall.decorators = [import_react_storybook.useAppThemeDecorator];
127
- const WithDataAndBadgeMedium = Template.bind({});
128
- WithDataAndBadgeMedium.args = {
129
- badge: true,
130
- size: "medium",
131
- tip: "This is the block hash",
132
- title: "Block Hash",
133
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
134
- };
135
- WithDataAndBadgeMedium.decorators = [import_react_storybook.useAppThemeDecorator];
136
- const WithDataAndBadgeLarge = Template.bind({});
137
- WithDataAndBadgeLarge.args = {
138
- badge: true,
139
- size: "large",
140
- tip: "This is the block hash",
141
- title: "Block Hash",
142
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
143
- };
144
- WithDataAndBadgeLarge.decorators = [import_react_storybook.useAppThemeDecorator];
145
- const WithTip = Template.bind({});
146
- WithTip.args = {
147
- tip: "This is the block hash",
148
- title: "Block Hash",
149
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
150
- };
151
- WithTip.decorators = [import_react_storybook.useAppThemeDecorator];
152
- const WithTipAndBadge = Template.bind({});
153
- WithTipAndBadge.args = {
154
- badge: true,
155
- tip: "This is the block hash",
156
- title: "Block Hash",
157
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
158
- };
159
- WithTipAndBadge.decorators = [import_react_storybook.useAppThemeDecorator];
160
- const WithActions = Template.bind({});
161
- WithActions.args = {
162
- actions: [{ name: "ActionOne" }, { name: "ActionTwo" }],
163
- tip: "This is the block hash",
164
- title: "Block Hash",
165
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
166
- };
167
- WithActions.decorators = [import_react_storybook.useAppThemeDecorator];
168
- const LargeWithValue = Template.bind({});
169
- LargeWithValue.args = {
170
- badge: true,
171
- size: "large",
172
- tip: "This is the block hash",
173
- title: "Block Hash",
174
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
175
- };
176
- LargeWithValue.decorators = [import_react_storybook.useAppThemeDecorator];
177
- const LargeWithValueAndActions = Template.bind({});
178
- LargeWithValueAndActions.args = {
179
- actions: [{ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Replay, {}), name: "ActionOne" }, { name: "ActionTwo" }],
180
- badge: true,
181
- size: "large",
182
- tip: "This is the block hash",
183
- title: "Block Hash",
184
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
185
- };
186
- LargeWithValueAndActions.decorators = [import_react_storybook.useAppThemeDecorator];
187
- const SmallWithValueAndActions = Template.bind({});
188
- SmallWithValueAndActions.args = {
189
- actions: [{ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Replay, {}), name: "ActionOne" }, { name: "ActionTwo" }],
190
- badge: true,
191
- size: "small",
192
- tip: "This is the block hash",
193
- title: "Block Hash",
194
- value: import_payload_wrapper.PayloadWrapper.hashSync(import_react_storybook.sampleBlockWithPayloads)
195
- };
196
- SmallWithValueAndActions.decorators = [import_react_storybook.useAppThemeDecorator];
197
- var PropertyPaper_stories_default = StorybookEntry;
198
- // Annotate the CommonJS export names for ESM import in node:
199
- 0 && (module.exports = {
200
- Default,
201
- LargeWithValue,
202
- LargeWithValueAndActions,
203
- SmallWithValueAndActions,
204
- WithActions,
205
- WithData,
206
- WithDataAndBadgeLarge,
207
- WithDataAndBadgeMedium,
208
- WithDataAndBadgeSmall,
209
- WithDataCompare,
210
- WithDataCompareElevation,
211
- WithDataCompareOutlined,
212
- WithDataSmall,
213
- WithTip,
214
- WithTipAndBadge,
215
- WithUndefinedData
216
- });
217
- //# sourceMappingURL=PropertyPaper.stories.js.map