@xyo-network/react-property 7.0.0 → 7.0.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 (11) hide show
  1. package/dist/browser/components/PropertyBox.stories.d.ts +14 -14
  2. package/dist/browser/components/PropertyBox.stories.d.ts.map +1 -1
  3. package/dist/browser/components/PropertyPaper.stories.d.ts +16 -16
  4. package/dist/browser/components/PropertyPaper.stories.d.ts.map +1 -1
  5. package/dist/browser/components/Title.stories.d.ts +3 -3
  6. package/dist/browser/components/Title.stories.d.ts.map +1 -1
  7. package/dist/browser/components/Value.stories.d.ts +2 -2
  8. package/dist/browser/components/Value.stories.d.ts.map +1 -1
  9. package/dist/browser/index.mjs +201 -187
  10. package/dist/browser/index.mjs.map +1 -1
  11. package/package.json +24 -21
package/dist/browser/components/PropertyBox.stories.d.ts CHANGED
@@ -1,20 +1,20 @@
1
1
  import type { Meta } from '@storybook/react-vite';
2
2
  import { Property } from './Property.tsx';
3
3
  declare const StorybookEntry: Meta<typeof Property>;
4
- declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
5
- declare const WithUndefinedData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
6
- declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
7
- declare const WithDataSmall: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
8
- declare const WithDataCompare: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
9
- declare const WithDataAndBadgeSmall: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
10
- declare const WithDataAndBadgeMedium: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
11
- declare const WithDataAndBadgeLarge: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
12
- declare const WithTip: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
13
- declare const WithTipAndBadge: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
14
- declare const WithActions: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
15
- declare const LargeWithValue: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
16
- declare const LargeWithValueAndActions: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
17
- declare const SmallWithValueAndActions: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
4
+ declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
5
+ declare const WithUndefinedData: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
6
+ declare const WithData: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
7
+ declare const WithDataSmall: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
8
+ declare const WithDataCompare: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
9
+ declare const WithDataAndBadgeSmall: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
10
+ declare const WithDataAndBadgeMedium: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
11
+ declare const WithDataAndBadgeLarge: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
12
+ declare const WithTip: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
13
+ declare const WithTipAndBadge: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
14
+ declare const WithActions: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
15
+ declare const LargeWithValue: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
16
+ declare const LargeWithValueAndActions: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
17
+ declare const SmallWithValueAndActions: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
18
18
  export { Default, LargeWithValue, LargeWithValueAndActions, SmallWithValueAndActions, WithActions, WithData, WithDataAndBadgeLarge, WithDataAndBadgeMedium, WithDataAndBadgeSmall, WithDataCompare, WithDataSmall, WithTip, WithTipAndBadge, WithUndefinedData, };
19
19
  export default StorybookEntry;
20
20
  //# sourceMappingURL=PropertyBox.stories.d.ts.map
package/dist/browser/components/PropertyBox.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PropertyBox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PropertyBox.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAI1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGzC,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAA;AAiC1B,QAAA,MAAM,OAAO,wIAAoB,CAAA;AAMjC,QAAA,MAAM,iBAAiB,wIAAoB,CAAA;AAG3C,QAAA,MAAM,QAAQ,wIAAoB,CAAA;AAMlC,QAAA,MAAM,aAAa,wIAAoB,CAAA;AAOvC,QAAA,MAAM,eAAe,wIAA+B,CAAA;AAOpD,QAAA,MAAM,qBAAqB,wIAAoB,CAAA;AAS/C,QAAA,MAAM,sBAAsB,wIAAoB,CAAA;AAShD,QAAA,MAAM,qBAAqB,wIAAoB,CAAA;AAS/C,QAAA,MAAM,OAAO,wIAAoB,CAAA;AAOjC,QAAA,MAAM,eAAe,wIAAoB,CAAA;AAQzC,QAAA,MAAM,WAAW,wIAAoB,CAAA;AAQrC,QAAA,MAAM,cAAc,wIAAoB,CAAA;AASxC,QAAA,MAAM,wBAAwB,wIAAoB,CAAA;AAUlD,QAAA,MAAM,wBAAwB,wIAAoB,CAAA;AAUlD,OAAO,EACL,OAAO,EACP,cAAc,EACd,wBAAwB,EACxB,wBAAwB,EACxB,WAAW,EACX,QAAQ,EACR,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,aAAa,EACb,OAAO,EACP,eAAe,EACf,iBAAiB,GAClB,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"PropertyBox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PropertyBox.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAI1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGzC,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAA;AAiC1B,QAAA,MAAM,OAAO,0KAAoB,CAAA;AAMjC,QAAA,MAAM,iBAAiB,0KAAoB,CAAA;AAG3C,QAAA,MAAM,QAAQ,0KAAoB,CAAA;AAMlC,QAAA,MAAM,aAAa,0KAAoB,CAAA;AAOvC,QAAA,MAAM,eAAe,0KAA+B,CAAA;AAOpD,QAAA,MAAM,qBAAqB,0KAAoB,CAAA;AAS/C,QAAA,MAAM,sBAAsB,0KAAoB,CAAA;AAShD,QAAA,MAAM,qBAAqB,0KAAoB,CAAA;AAS/C,QAAA,MAAM,OAAO,0KAAoB,CAAA;AAOjC,QAAA,MAAM,eAAe,0KAAoB,CAAA;AAQzC,QAAA,MAAM,WAAW,0KAAoB,CAAA;AAQrC,QAAA,MAAM,cAAc,0KAAoB,CAAA;AASxC,QAAA,MAAM,wBAAwB,0KAAoB,CAAA;AAUlD,QAAA,MAAM,wBAAwB,0KAAoB,CAAA;AAUlD,OAAO,EACL,OAAO,EACP,cAAc,EACd,wBAAwB,EACxB,wBAAwB,EACxB,WAAW,EACX,QAAQ,EACR,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,aAAa,EACb,OAAO,EACP,eAAe,EACf,iBAAiB,GAClB,CAAA;AAED,eAAe,cAAc,CAAA"}
package/dist/browser/components/PropertyPaper.stories.d.ts CHANGED
@@ -1,22 +1,22 @@
1
1
  import type { Meta } from '@storybook/react-vite';
2
2
  import { Property } from './Property.tsx';
3
3
  declare const StorybookEntry: Meta<typeof Property>;
4
- declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
5
- declare const WithUndefinedData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
6
- declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
7
- declare const WithDataSmall: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
8
- declare const WithDataCompare: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
9
- declare const WithDataCompareOutlined: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
10
- declare const WithDataCompareElevation: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
11
- declare const WithDataAndBadgeSmall: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
12
- declare const WithDataAndBadgeMedium: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
13
- declare const WithDataAndBadgeLarge: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
14
- declare const WithTip: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
15
- declare const WithTipAndBadge: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
16
- declare const WithActions: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
17
- declare const LargeWithValue: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
18
- declare const LargeWithValueAndActions: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
19
- declare const SmallWithValueAndActions: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
4
+ declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
5
+ declare const WithUndefinedData: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
6
+ declare const WithData: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
7
+ declare const WithDataSmall: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
8
+ declare const WithDataCompare: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
9
+ declare const WithDataCompareOutlined: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
10
+ declare const WithDataCompareElevation: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
11
+ declare const WithDataAndBadgeSmall: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
12
+ declare const WithDataAndBadgeMedium: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
13
+ declare const WithDataAndBadgeLarge: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
14
+ declare const WithTip: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
15
+ declare const WithTipAndBadge: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
16
+ declare const WithActions: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
17
+ declare const LargeWithValue: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
18
+ declare const LargeWithValueAndActions: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
19
+ declare const SmallWithValueAndActions: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@storybook/react-vite").Args>;
20
20
  export { Default, LargeWithValue, LargeWithValueAndActions, SmallWithValueAndActions, WithActions, WithData, WithDataAndBadgeLarge, WithDataAndBadgeMedium, WithDataAndBadgeSmall, WithDataCompare, WithDataCompareElevation, WithDataCompareOutlined, WithDataSmall, WithTip, WithTipAndBadge, WithUndefinedData, };
21
21
  export default StorybookEntry;
22
22
  //# sourceMappingURL=PropertyPaper.stories.d.ts.map
package/dist/browser/components/PropertyPaper.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PropertyPaper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PropertyPaper.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAI1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGzC,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAA;AAiC1B,QAAA,MAAM,OAAO,wIAAoB,CAAA;AAMjC,QAAA,MAAM,iBAAiB,wIAAoB,CAAA;AAG3C,QAAA,MAAM,QAAQ,wIAAoB,CAAA;AAMlC,QAAA,MAAM,aAAa,wIAAoB,CAAA;AAOvC,QAAA,MAAM,eAAe,wIAA+B,CAAA;AAOpD,QAAA,MAAM,uBAAuB,wIAA+B,CAAA;AAQ5D,QAAA,MAAM,wBAAwB,wIAA+B,CAAA;AAQ7D,QAAA,MAAM,qBAAqB,wIAAoB,CAAA;AAS/C,QAAA,MAAM,sBAAsB,wIAAoB,CAAA;AAShD,QAAA,MAAM,qBAAqB,wIAAoB,CAAA;AAS/C,QAAA,MAAM,OAAO,wIAAoB,CAAA;AAOjC,QAAA,MAAM,eAAe,wIAAoB,CAAA;AAQzC,QAAA,MAAM,WAAW,wIAAoB,CAAA;AAQrC,QAAA,MAAM,cAAc,wIAAoB,CAAA;AASxC,QAAA,MAAM,wBAAwB,wIAAoB,CAAA;AAUlD,QAAA,MAAM,wBAAwB,wIAAoB,CAAA;AAUlD,OAAO,EACL,OAAO,EACP,cAAc,EACd,wBAAwB,EACxB,wBAAwB,EACxB,WAAW,EACX,QAAQ,EACR,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,wBAAwB,EACxB,uBAAuB,EACvB,aAAa,EACb,OAAO,EACP,eAAe,EACf,iBAAiB,GAClB,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"PropertyPaper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PropertyPaper.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAI1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGzC,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAA;AAiC1B,QAAA,MAAM,OAAO,0KAAoB,CAAA;AAMjC,QAAA,MAAM,iBAAiB,0KAAoB,CAAA;AAG3C,QAAA,MAAM,QAAQ,0KAAoB,CAAA;AAMlC,QAAA,MAAM,aAAa,0KAAoB,CAAA;AAOvC,QAAA,MAAM,eAAe,0KAA+B,CAAA;AAOpD,QAAA,MAAM,uBAAuB,0KAA+B,CAAA;AAQ5D,QAAA,MAAM,wBAAwB,0KAA+B,CAAA;AAQ7D,QAAA,MAAM,qBAAqB,0KAAoB,CAAA;AAS/C,QAAA,MAAM,sBAAsB,0KAAoB,CAAA;AAShD,QAAA,MAAM,qBAAqB,0KAAoB,CAAA;AAS/C,QAAA,MAAM,OAAO,0KAAoB,CAAA;AAOjC,QAAA,MAAM,eAAe,0KAAoB,CAAA;AAQzC,QAAA,MAAM,WAAW,0KAAoB,CAAA;AAQrC,QAAA,MAAM,cAAc,0KAAoB,CAAA;AASxC,QAAA,MAAM,wBAAwB,0KAAoB,CAAA;AAUlD,QAAA,MAAM,wBAAwB,0KAAoB,CAAA;AAUlD,OAAO,EACL,OAAO,EACP,cAAc,EACd,wBAAwB,EACxB,wBAAwB,EACxB,WAAW,EACX,QAAQ,EACR,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,wBAAwB,EACxB,uBAAuB,EACvB,aAAa,EACb,OAAO,EACP,eAAe,EACf,iBAAiB,GAClB,CAAA;AAED,eAAe,cAAc,CAAA"}
package/dist/browser/components/Title.stories.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import type { Meta } from '@storybook/react-vite';
2
2
  import { PropertyTitle } from './Title.tsx';
3
3
  declare const StorybookEntry: Meta<typeof PropertyTitle>;
4
- declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Title.tsx").PropertyTitleProps>;
5
- declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Title.tsx").PropertyTitleProps>;
6
- declare const WithDataAndActions: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Title.tsx").PropertyTitleProps>;
4
+ declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Title.tsx").PropertyTitleProps>;
5
+ declare const WithData: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Title.tsx").PropertyTitleProps>;
6
+ declare const WithDataAndActions: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Title.tsx").PropertyTitleProps>;
7
7
  export { Default, WithData, WithDataAndActions, };
8
8
  export default StorybookEntry;
9
9
  //# sourceMappingURL=Title.stories.d.ts.map
package/dist/browser/components/Title.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Title.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Title.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAG1D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,aAAa,CAAC,CAAA;AAI/B,QAAA,MAAM,OAAO,4IAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,4IAAoB,CAAA;AAIlC,QAAA,MAAM,kBAAkB,4IAAoB,CAAA;AAI5C,OAAO,EACL,OAAO,EAAE,QAAQ,EAAE,kBAAkB,GACtC,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"Title.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Title.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAG1D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,aAAa,CAAC,CAAA;AAI/B,QAAA,MAAM,OAAO,8KAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,8KAAoB,CAAA;AAIlC,QAAA,MAAM,kBAAkB,8KAAoB,CAAA;AAI5C,OAAO,EACL,OAAO,EAAE,QAAQ,EAAE,kBAAkB,GACtC,CAAA;AAED,eAAe,cAAc,CAAA"}
package/dist/browser/components/Value.stories.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import type { Meta } from '@storybook/react-vite';
2
2
  import { PropertyValue } from './Value.tsx';
3
3
  declare const StorybookEntry: Meta<typeof PropertyValue>;
4
- declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Value.tsx").PropertyValueProps>;
5
- declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Value.tsx").PropertyValueProps>;
4
+ declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Value.tsx").PropertyValueProps>;
5
+ declare const WithData: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Value.tsx").PropertyValueProps>;
6
6
  export { Default, WithData };
7
7
  export default StorybookEntry;
8
8
  //# sourceMappingURL=Value.stories.d.ts.map
package/dist/browser/components/Value.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Value.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Value.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAG1D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,aAAa,CAAC,CAAA;AAI/B,QAAA,MAAM,OAAO,4IAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,4IAAoB,CAAA;AAIlC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAA;AAE5B,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"Value.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Value.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;AAG1D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,QAAA,MAAM,cAAc,EAKf,IAAI,CAAC,OAAO,aAAa,CAAC,CAAA;AAI/B,QAAA,MAAM,OAAO,8KAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,8KAAoB,CAAA;AAIlC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAA;AAE5B,eAAe,cAAc,CAAA"}
package/dist/browser/index.mjs CHANGED
@@ -1,19 +1,30 @@
1
- var __defProp = Object.defineProperty;
2
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
-
4
1
  // src/components/Group.tsx
5
2
  import { Paper, useTheme as useTheme2 } from "@mui/material";
6
- import { FlexCol, FlexGrowRow, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
3
+ import {
4
+ FlexCol,
5
+ FlexGrowRow,
6
+ FlexRow as FlexRow2
7
+ } from "@xylabs/react-flexbox";
7
8
  import { typeOf } from "@xyo-network/typeof";
8
- import React2 from "react";
9
9
 
10
10
  // src/components/Title.tsx
11
- import { Typography, useColorScheme, useTheme } from "@mui/material";
11
+ import {
12
+ Typography,
13
+ useColorScheme,
14
+ useTheme
15
+ } from "@mui/material";
12
16
  import { FlexRow } from "@xylabs/react-flexbox";
13
17
  import { QuickTipButton } from "@xylabs/react-quick-tip-button";
14
18
  import { darkenCss, useIsDark } from "@xylabs/react-theme";
15
- import React from "react";
16
- var PropertyTitle = /* @__PURE__ */ __name(({ elevation = 1, size = "medium", tip, more, title, ...props }) => {
19
+ import { jsx, jsxs } from "react/jsx-runtime";
20
+ var PropertyTitle = ({
21
+ elevation = 1,
22
+ size = "medium",
23
+ tip,
24
+ more,
25
+ title,
26
+ ...props
27
+ }) => {
17
28
  const sizeVariants = {
18
29
  full: "caption",
19
30
  large: "caption",
@@ -36,167 +47,164 @@ var PropertyTitle = /* @__PURE__ */ __name(({ elevation = 1, size = "medium", ti
36
47
  const theme = useTheme();
37
48
  const {} = useColorScheme();
38
49
  const isDark = useIsDark();
39
- return /* @__PURE__ */ React.createElement(FlexRow, {
40
- bgcolor: isDark ? darkenCss(theme.vars.palette.background.paper, 0.75 * elevation) : darkenCss(theme.vars.palette.background.paper, 0.025 * elevation),
41
- alignItems: "center",
42
- height: sizeTitleHeight[size],
43
- justifyContent: "space-between",
44
- ...props
45
- }, /* @__PURE__ */ React.createElement(FlexRow, {
46
- paddingX: 1,
47
- paddingY: 0.5
48
- }, /* @__PURE__ */ React.createElement(Typography, {
49
- fontWeight: 500,
50
- noWrap: true,
51
- variant: sizeVariants[size],
52
- fontSize: sizeFontSize[size]
53
- }, /* @__PURE__ */ React.createElement("small", null, /* @__PURE__ */ React.createElement("strong", null, title))), tip ? /* @__PURE__ */ React.createElement(QuickTipButton, {
54
- style: {
55
- fontSize: quickTipSize
56
- },
57
- color: "inherit",
58
- title: title ?? ""
59
- }, tip) : null), more);
60
- }, "PropertyTitle");
50
+ return /* @__PURE__ */ jsxs(
51
+ FlexRow,
52
+ {
53
+ bgcolor: isDark ? darkenCss(theme.vars.palette.background.paper, 0.75 * elevation) : darkenCss(theme.vars.palette.background.paper, 0.025 * elevation),
54
+ alignItems: "center",
55
+ height: sizeTitleHeight[size],
56
+ justifyContent: "space-between",
57
+ ...props,
58
+ children: [
59
+ /* @__PURE__ */ jsxs(FlexRow, { paddingX: 1, paddingY: 0.5, children: [
60
+ /* @__PURE__ */ jsx(Typography, { fontWeight: 500, noWrap: true, variant: sizeVariants[size], fontSize: sizeFontSize[size], children: /* @__PURE__ */ jsx("small", { children: /* @__PURE__ */ jsx("strong", { children: title }) }) }),
61
+ tip ? /* @__PURE__ */ jsx(QuickTipButton, { style: { fontSize: quickTipSize }, color: "inherit", title: title ?? "", children: tip }) : null
62
+ ] }),
63
+ more
64
+ ]
65
+ }
66
+ );
67
+ };
61
68
 
62
69
  // src/components/Group.tsx
63
- var PropertyGroupBox = /* @__PURE__ */ __name(({ titleProps, children, title, tip, ...props }) => {
70
+ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
71
+ var PropertyGroupBox = ({
72
+ titleProps,
73
+ children,
74
+ title,
75
+ tip,
76
+ ...props
77
+ }) => {
64
78
  const theme = useTheme2();
65
79
  const childrenArray = typeOf(children) === "array" ? children : void 0;
66
- return /* @__PURE__ */ React2.createElement(FlexCol, {
67
- alignItems: "stretch",
68
- overflow: "hidden",
69
- ...props
70
- }, /* @__PURE__ */ React2.createElement(FlexRow2, {
71
- overflow: "hidden",
72
- justifyContent: "stretch",
73
- alignItems: "stretch"
74
- }, /* @__PURE__ */ React2.createElement(PropertyTitle, {
75
- alignItems: "flex-start",
76
- size: "full",
77
- title,
78
- tip,
79
- ...titleProps
80
- }), childrenArray ? /* @__PURE__ */ React2.createElement(FlexGrowRow, null, childrenArray?.map((child, index) => {
81
- return child ? /* @__PURE__ */ React2.createElement(FlexGrowRow, {
82
- key: index,
83
- borderLeft: 1,
84
- borderColor: theme.vars.palette.divider
85
- }, child) : null;
86
- })) : /* @__PURE__ */ React2.createElement(FlexGrowRow, {
87
- overflow: "hidden"
88
- }, children)));
89
- }, "PropertyGroupBox");
90
- var PropertyGroupPaper = /* @__PURE__ */ __name(({ style, variant, elevation, square, ...props }) => {
91
- return /* @__PURE__ */ React2.createElement(Paper, {
92
- style: {
93
- minWidth: 0,
94
- overflow: "hidden",
95
- ...style
96
- },
97
- variant,
98
- elevation,
99
- square
100
- }, /* @__PURE__ */ React2.createElement(PropertyGroupBox, {
101
- ...props,
102
- paper: false
103
- }));
104
- }, "PropertyGroupPaper");
105
- var PropertyGroup = /* @__PURE__ */ __name((props) => {
106
- return props.paper ? /* @__PURE__ */ React2.createElement(PropertyGroupPaper, props) : /* @__PURE__ */ React2.createElement(PropertyGroupBox, props);
107
- }, "PropertyGroup");
80
+ return /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", overflow: "hidden", ...props, children: /* @__PURE__ */ jsxs2(FlexRow2, { overflow: "hidden", justifyContent: "stretch", alignItems: "stretch", children: [
81
+ /* @__PURE__ */ jsx2(PropertyTitle, { alignItems: "flex-start", size: "full", title, tip, ...titleProps }),
82
+ childrenArray ? /* @__PURE__ */ jsx2(FlexGrowRow, { children: childrenArray?.map((child, index) => {
83
+ return child ? /* @__PURE__ */ jsx2(FlexGrowRow, { borderLeft: 1, borderColor: theme.vars.palette.divider, children: child }, index) : null;
84
+ }) }) : /* @__PURE__ */ jsx2(FlexGrowRow, { overflow: "hidden", children })
85
+ ] }) });
86
+ };
87
+ var PropertyGroupPaper = ({
88
+ style,
89
+ variant,
90
+ elevation,
91
+ square,
92
+ ...props
93
+ }) => {
94
+ return /* @__PURE__ */ jsx2(
95
+ Paper,
96
+ {
97
+ style: {
98
+ minWidth: 0,
99
+ overflow: "hidden",
100
+ ...style
101
+ },
102
+ variant,
103
+ elevation,
104
+ square,
105
+ children: /* @__PURE__ */ jsx2(PropertyGroupBox, { ...props, paper: false })
106
+ }
107
+ );
108
+ };
109
+ var PropertyGroup = (props) => {
110
+ return props.paper ? /* @__PURE__ */ jsx2(PropertyGroupPaper, { ...props }) : /* @__PURE__ */ jsx2(PropertyGroupBox, { ...props });
111
+ };
108
112
 
109
113
  // src/components/Property.tsx
110
114
  import { CircularProgress, Paper as Paper2 } from "@mui/material";
111
115
  import { FlexRow as FlexRow5 } from "@xylabs/react-flexbox";
112
- import React6 from "react";
113
116
 
114
117
  // src/components/ActionsMenu.tsx
115
118
  import { MoreHoriz as MoreHorizIcon } from "@mui/icons-material";
116
- import { IconButton, Menu, MenuItem } from "@mui/material";
119
+ import {
120
+ IconButton,
121
+ Menu,
122
+ MenuItem
123
+ } from "@mui/material";
117
124
  import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
118
- import React3, { useState } from "react";
119
- var PropertyActionsMenu = /* @__PURE__ */ __name(({ actions, ...props }) => {
125
+ import { useState } from "react";
126
+ import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
127
+ var PropertyActionsMenu = ({ actions, ...props }) => {
120
128
  const [anchorEl, setAnchorEl] = useState(null);
121
129
  const open = !!anchorEl;
122
- const handleClick = /* @__PURE__ */ __name((event) => {
130
+ const handleClick = (event) => {
123
131
  setAnchorEl(event.currentTarget);
124
- }, "handleClick");
125
- const handleClose = /* @__PURE__ */ __name(() => {
132
+ };
133
+ const handleClose = () => {
126
134
  setAnchorEl(null);
127
- }, "handleClose");
128
- return actions && actions?.length > 0 ? /* @__PURE__ */ React3.createElement(FlexRow3, props, /* @__PURE__ */ React3.createElement(IconButton, {
129
- size: "small",
130
- color: "inherit",
131
- onClick: handleClick
132
- }, /* @__PURE__ */ React3.createElement(MoreHorizIcon, {
133
- fontSize: "inherit"
134
- })), /* @__PURE__ */ React3.createElement(Menu, {
135
- anchorEl,
136
- open,
137
- onClose: handleClose
138
- }, actions?.map((action) => {
139
- return /* @__PURE__ */ React3.createElement(MenuItem, {
140
- key: action.name,
141
- onClick: /* @__PURE__ */ __name(() => {
142
- action?.onClick?.();
143
- handleClose();
144
- }, "onClick")
145
- }, action.name);
146
- }))) : null;
147
- }, "PropertyActionsMenu");
135
+ };
136
+ return actions && actions?.length > 0 ? /* @__PURE__ */ jsxs3(FlexRow3, { ...props, children: [
137
+ /* @__PURE__ */ jsx3(IconButton, { size: "small", color: "inherit", onClick: handleClick, children: /* @__PURE__ */ jsx3(MoreHorizIcon, { fontSize: "inherit" }) }),
138
+ /* @__PURE__ */ jsx3(Menu, { anchorEl, open, onClose: handleClose, children: actions?.map((action) => {
139
+ return /* @__PURE__ */ jsx3(
140
+ MenuItem,
141
+ {
142
+ onClick: () => {
143
+ action?.onClick?.();
144
+ handleClose();
145
+ },
146
+ children: action.name
147
+ },
148
+ action.name
149
+ );
150
+ }) })
151
+ ] }) : null;
152
+ };
148
153
 
149
154
  // src/components/IdenticonCorner.tsx
150
155
  import { useTheme as useTheme3 } from "@mui/material";
151
156
  import { FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
152
157
  import { Identicon } from "@xylabs/react-identicon";
153
- import React4, { useMemo, useRef } from "react";
154
- var IdenticonCorner = /* @__PURE__ */ __name(({ value, ...props }) => {
158
+ import { useMemo, useRef } from "react";
159
+ import { jsx as jsx4 } from "react/jsx-runtime";
160
+ var IdenticonCorner = ({ value, ...props }) => {
155
161
  const theme = useTheme3();
156
162
  const ref = useRef(null);
157
- const parentHeight = useMemo(() => ref.current?.parentElement?.parentElement?.clientHeight, [
158
- ref.current
159
- ]);
163
+ const parentHeight = useMemo(() => ref.current?.parentElement?.parentElement?.clientHeight, [ref.current]);
160
164
  const calculatedHeight = parentHeight ?? 0;
161
- return /* @__PURE__ */ React4.createElement(FlexRow4, {
162
- alignItems: "flex-start",
163
- height: "100%"
164
- }, /* @__PURE__ */ React4.createElement(FlexRow4, {
165
- background: true,
166
- height: calculatedHeight,
167
- width: calculatedHeight,
168
- borderLeft: `1px solid ${theme.vars.palette.divider}`
169
- }, /* @__PURE__ */ React4.createElement("div", {
170
- ref
171
- }, /* @__PURE__ */ React4.createElement(Identicon, {
172
- size: calculatedHeight * 0.6,
173
- value: `${value}`,
174
- sx: {
175
- padding: `${calculatedHeight * 0.2}px`
176
- },
177
- ...props
178
- }))));
179
- }, "IdenticonCorner");
165
+ return /* @__PURE__ */ jsx4(FlexRow4, { alignItems: "flex-start", height: "100%", children: /* @__PURE__ */ jsx4(FlexRow4, { background: true, height: calculatedHeight, width: calculatedHeight, borderLeft: `1px solid ${theme.vars.palette.divider}`, children: /* @__PURE__ */ jsx4("div", { ref, children: /* @__PURE__ */ jsx4(Identicon, { size: calculatedHeight * 0.6, value: `${value}`, sx: { padding: `${calculatedHeight * 0.2}px` }, ...props }) }) }) });
166
+ };
180
167
 
181
168
  // src/components/Value.tsx
182
169
  import { EllipsizeBox } from "@xyo-network/react-shared";
183
- import React5 from "react";
184
- var PropertyValue = /* @__PURE__ */ __name(({ ref, typographyVariant = "body1", value, ...props }) => {
185
- return value === void 0 ? null : /* @__PURE__ */ React5.createElement(EllipsizeBox, {
186
- typographyProps: {
187
- component: void 0,
188
- title: value?.toString(),
189
- variant: typographyVariant
190
- },
191
- width: "100%",
192
- ref,
193
- ...props
194
- }, value);
195
- }, "PropertyValue");
170
+ import { jsx as jsx5 } from "react/jsx-runtime";
171
+ var PropertyValue = ({
172
+ ref,
173
+ typographyVariant = "body1",
174
+ value,
175
+ ...props
176
+ }) => {
177
+ return value === void 0 ? null : /* @__PURE__ */ jsx5(
178
+ EllipsizeBox,
179
+ {
180
+ typographyProps: {
181
+ component: void 0,
182
+ title: value?.toString(),
183
+ variant: typographyVariant
184
+ },
185
+ width: "100%",
186
+ ref,
187
+ ...props,
188
+ children: value
189
+ }
190
+ );
191
+ };
196
192
  PropertyValue.displayName = "PropertyValue";
197
193
 
198
194
  // src/components/Property.tsx
199
- var PropertyBox = /* @__PURE__ */ __name(({ titleProps, title, value, children, size = "medium", tip, actions, required, badge = false, ...props }) => {
195
+ import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
196
+ var PropertyBox = ({
197
+ titleProps,
198
+ title,
199
+ value,
200
+ children,
201
+ size = "medium",
202
+ tip,
203
+ actions,
204
+ required,
205
+ badge = false,
206
+ ...props
207
+ }) => {
200
208
  const sizeValueHeight = {
201
209
  large: 48,
202
210
  medium: 36,
@@ -207,56 +215,62 @@ var PropertyBox = /* @__PURE__ */ __name(({ titleProps, title, value, children,
207
215
  medium: "body1",
208
216
  small: "body2"
209
217
  };
210
- return /* @__PURE__ */ React6.createElement(FlexRow5, {
211
- flexDirection: "column",
212
- minWidth: 0,
213
- alignItems: "stretch",
214
- overflow: "hidden",
215
- ...props
216
- }, title === void 0 ? null : /* @__PURE__ */ React6.createElement(PropertyTitle, {
217
- tip,
218
- title: required ? `${title}*` : title,
219
- size,
220
- more: /* @__PURE__ */ React6.createElement(PropertyActionsMenu, {
221
- actions
222
- }),
223
- ...titleProps
224
- }), /* @__PURE__ */ React6.createElement(FlexRow5, {
225
- pl: 1,
226
- columnGap: 1,
227
- justifyContent: value === void 0 ? "center" : "space-between",
228
- overflow: "hidden",
229
- height: sizeValueHeight[size]
230
- }, children ?? (value === void 0 ? /* @__PURE__ */ React6.createElement(CircularProgress, {
231
- size: 16
232
- }) : /* @__PURE__ */ React6.createElement(PropertyValue, {
233
- value,
234
- typographyVariant: sizeVariants[size]
235
- })), value === void 0 ? null : badge ? /* @__PURE__ */ React6.createElement(IdenticonCorner, {
236
- value
237
- }) : null));
238
- }, "PropertyBox");
218
+ return /* @__PURE__ */ jsxs4(FlexRow5, { flexDirection: "column", minWidth: 0, alignItems: "stretch", overflow: "hidden", ...props, children: [
219
+ title === void 0 ? null : /* @__PURE__ */ jsx6(
220
+ PropertyTitle,
221
+ {
222
+ tip,
223
+ title: required ? `${title}*` : title,
224
+ size,
225
+ more: /* @__PURE__ */ jsx6(PropertyActionsMenu, { actions }),
226
+ ...titleProps
227
+ }
228
+ ),
229
+ /* @__PURE__ */ jsxs4(
230
+ FlexRow5,
231
+ {
232
+ pl: 1,
233
+ columnGap: 1,
234
+ justifyContent: value === void 0 ? "center" : "space-between",
235
+ overflow: "hidden",
236
+ height: sizeValueHeight[size],
237
+ children: [
238
+ children ?? (value === void 0 ? /* @__PURE__ */ jsx6(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsx6(PropertyValue, { value, typographyVariant: sizeVariants[size] })),
239
+ value === void 0 ? null : badge ? /* @__PURE__ */ jsx6(IdenticonCorner, { value }) : null
240
+ ]
241
+ }
242
+ )
243
+ ] });
244
+ };
239
245
  PropertyBox.displayName = "PropertyBox";
240
- var PropertyPaper = /* @__PURE__ */ __name(({ ref, style, variant, elevation = 2, square, ...props }) => {
241
- return /* @__PURE__ */ React6.createElement(Paper2, {
242
- ref,
243
- style: {
244
- minWidth: 0,
245
- overflow: "hidden",
246
- ...style
247
- },
248
- variant,
249
- elevation,
250
- square
251
- }, /* @__PURE__ */ React6.createElement(PropertyBox, {
252
- ...props,
253
- paper: false
254
- }));
255
- }, "PropertyPaper");
246
+ var PropertyPaper = ({
247
+ ref,
248
+ style,
249
+ variant,
250
+ elevation = 2,
251
+ square,
252
+ ...props
253
+ }) => {
254
+ return /* @__PURE__ */ jsx6(
255
+ Paper2,
256
+ {
257
+ ref,
258
+ style: {
259
+ minWidth: 0,
260
+ overflow: "hidden",
261
+ ...style
262
+ },
263
+ variant,
264
+ elevation,
265
+ square,
266
+ children: /* @__PURE__ */ jsx6(PropertyBox, { ...props, paper: false })
267
+ }
268
+ );
269
+ };
256
270
  PropertyPaper.displayName = "PropertyPaper";
257
- var Property = /* @__PURE__ */ __name(({ ...props }) => {
258
- return props.paper ? /* @__PURE__ */ React6.createElement(PropertyPaper, props) : /* @__PURE__ */ React6.createElement(PropertyBox, props);
259
- }, "Property");
271
+ var Property = ({ ...props }) => {
272
+ return props.paper ? /* @__PURE__ */ jsx6(PropertyPaper, { ...props }) : /* @__PURE__ */ jsx6(PropertyBox, { ...props });
273
+ };
260
274
  Property.displayName = "Property";
261
275
  export {
262
276
  Property,
package/dist/browser/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/Group.tsx","../../src/components/Title.tsx","../../src/components/Property.tsx","../../src/components/ActionsMenu.tsx","../../src/components/IdenticonCorner.tsx","../../src/components/Value.tsx"],"sourcesContent":["import { Paper, useTheme } from '@mui/material'\nimport {\n FlexCol, FlexGrowRow, FlexRow,\n} from '@xylabs/react-flexbox'\nimport { typeOf } from '@xyo-network/typeof'\nimport type { ReactElement } from 'react'\nimport React from 'react'\n\nimport type {\n PropertyGroupBoxProps, PropertyGroupPaperProps, PropertyGroupProps,\n} from './Props.ts'\nimport { PropertyTitle } from './Title.tsx'\n\nconst PropertyGroupBox: React.FC<PropertyGroupBoxProps> = ({\n titleProps, children, title, tip, ...props\n}) => {\n const theme = useTheme()\n const childrenArray = typeOf(children) === 'array' ? (children as ReactElement[]) : undefined\n return (\n <FlexCol alignItems=\"stretch\" overflow=\"hidden\" {...props}>\n <FlexRow overflow=\"hidden\" justifyContent=\"stretch\" alignItems=\"stretch\">\n <PropertyTitle alignItems=\"flex-start\" size=\"full\" title={title} tip={tip} {...titleProps} />\n {childrenArray\n ? (\n <FlexGrowRow>\n {childrenArray?.map((child, index) => {\n return child\n ? (\n <FlexGrowRow key={index} borderLeft={1} borderColor={theme.vars.palette.divider}>\n {child}\n </FlexGrowRow>\n )\n : null\n })}\n </FlexGrowRow>\n )\n : <FlexGrowRow overflow=\"hidden\">{children}</FlexGrowRow>}\n </FlexRow>\n </FlexCol>\n )\n}\n\nconst PropertyGroupPaper: React.FC<PropertyGroupPaperProps> = ({\n style, variant, elevation, square, ...props\n}) => {\n return (\n <Paper\n style={{\n minWidth: 0, overflow: 'hidden', ...style,\n }}\n variant={variant}\n elevation={elevation}\n square={square}\n >\n <PropertyGroupBox {...props} paper={false} />\n </Paper>\n )\n}\n\nexport const PropertyGroup: React.FC<PropertyGroupProps> = (props) => {\n return props.paper ? <PropertyGroupPaper {...props} /> : <PropertyGroupBox {...props} />\n}\n","import type { TypographyVariant } from '@mui/material'\nimport {\n Typography, useColorScheme, useTheme,\n} from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { darkenCss, useIsDark } from '@xylabs/react-theme'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport type TitleSizeProp = SizeProp | 'full'\n\nexport interface PropertyTitleProps extends FlexBoxProps {\n elevation?: number\n more?: ReactNode\n size?: TitleSizeProp\n tip?: ReactNode\n title?: string\n}\n\nexport const PropertyTitle: React.FC<PropertyTitleProps> = ({\n elevation = 1, size = 'medium', tip, more, title, ...props\n}) => {\n const sizeVariants: Record<TitleSizeProp, TypographyVariant> = {\n full: 'caption',\n large: 'caption',\n medium: 'caption',\n small: 'caption',\n }\n\n const sizeTitleHeight: Record<TitleSizeProp, number | undefined> = {\n full: undefined,\n large: 32,\n medium: 20,\n small: 16,\n }\n\n const sizeFontSize: Record<TitleSizeProp, number> = {\n full: 16,\n large: 16,\n medium: 14,\n small: 10,\n }\n\n const quickTipSize = Math.min(sizeFontSize[size], 16)\n\n const theme = useTheme()\n const {} = useColorScheme()\n const isDark = useIsDark()\n\n return (\n <FlexRow\n bgcolor={\n isDark\n ? darkenCss(theme.vars.palette.background.paper, 0.75 * elevation)\n : darkenCss(theme.vars.palette.background.paper, 0.025 * elevation)\n }\n alignItems=\"center\"\n height={sizeTitleHeight[size]}\n justifyContent=\"space-between\"\n {...props}\n >\n <FlexRow paddingX={1} paddingY={0.5}>\n <Typography fontWeight={500} noWrap variant={sizeVariants[size]} fontSize={sizeFontSize[size]}>\n <small>\n <strong>{title}</strong>\n </small>\n </Typography>\n {tip\n ? (\n <QuickTipButton style={{ fontSize: quickTipSize }} color=\"inherit\" title={title ?? ''}>\n {tip}\n </QuickTipButton>\n )\n : null}\n </FlexRow>\n {more}\n </FlexRow>\n )\n}\n","import type { TypographyVariant } from '@mui/material'\nimport { CircularProgress, Paper } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { PropertyActionsMenu } from './ActionsMenu.tsx'\nimport { IdenticonCorner } from './IdenticonCorner.tsx'\nimport type {\n PropertyBoxProps, PropertyPaperProps, PropertyProps,\n} from './Props.ts'\nimport { PropertyTitle } from './Title.tsx'\nimport { PropertyValue } from './Value.tsx'\n\nconst PropertyBox: React.FC<PropertyBoxProps> = ({\n titleProps, title, value, children, size = 'medium', tip, actions, required, badge = false, ...props\n}) => {\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 flexDirection=\"column\" minWidth={0} alignItems=\"stretch\" overflow=\"hidden\" {...props}>\n {title === undefined\n ? null\n : (\n <PropertyTitle\n tip={tip}\n title={required ? `${title}*` : title}\n size={size}\n more={<PropertyActionsMenu actions={actions} />}\n {...titleProps}\n />\n )}\n <FlexRow\n pl={1}\n columnGap={1}\n justifyContent={value === undefined ? 'center' : 'space-between'}\n overflow=\"hidden\"\n height={sizeValueHeight[size]}\n >\n {children ?? ((value === undefined)\n ? <CircularProgress size={16} />\n : <PropertyValue value={value} typographyVariant={sizeVariants[size]} />)}\n {value === undefined\n ? null\n : badge\n ? <IdenticonCorner value={value} />\n : null}\n </FlexRow>\n </FlexRow>\n )\n}\nPropertyBox.displayName = 'PropertyBox'\n\nconst PropertyPaper: React.FC<PropertyPaperProps> = ({\n ref, style, variant, elevation = 2, square, ...props\n}) => {\n return (\n <Paper\n ref={ref}\n style={{\n minWidth: 0, overflow: 'hidden', ...style,\n }}\n variant={variant}\n elevation={elevation}\n square={square}\n >\n <PropertyBox {...props} paper={false} />\n </Paper>\n )\n}\nPropertyPaper.displayName = 'PropertyPaper'\n\nexport const Property: React.FC<PropertyProps> = ({ ...props }) => {\n return props.paper ? <PropertyPaper {...props} /> : <PropertyBox {...props} />\n}\nProperty.displayName = 'Property'\n","import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport {\n IconButton, Menu, MenuItem,\n} from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport type { PropertyActionsProps } from './ActionsProps.ts'\n\nexport const PropertyActionsMenu: React.FC<PropertyActionsProps> = ({ actions, ...props }) => {\n const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n const open = !!anchorEl\n\n const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n setAnchorEl(event.currentTarget)\n }\n const handleClose = () => {\n setAnchorEl(null)\n }\n\n return actions && actions?.length > 0\n ? (\n <FlexRow {...props}>\n <IconButton size=\"small\" color=\"inherit\" onClick={handleClick}>\n <MoreHorizIcon fontSize=\"inherit\" />\n </IconButton>\n <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n {actions?.map((action) => {\n return (\n <MenuItem\n key={action.name}\n onClick={() => {\n action?.onClick?.()\n handleClose()\n }}\n >\n {action.name}\n </MenuItem>\n )\n })}\n </Menu>\n </FlexRow>\n )\n : null\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport React, { useMemo, useRef } from 'react'\n\nexport interface IdenticonCornerProps extends FlexBoxProps {\n value?: string | number | boolean | null\n}\n\nexport const IdenticonCorner: React.FC<IdenticonCornerProps> = ({ value, ...props }) => {\n const theme = useTheme()\n const ref = useRef<HTMLDivElement>(null)\n\n const parentHeight = useMemo(() => ref.current?.parentElement?.parentElement?.clientHeight, [ref.current])\n\n const calculatedHeight = parentHeight ?? 0\n\n return (\n <FlexRow alignItems=\"flex-start\" height=\"100%\">\n <FlexRow background height={calculatedHeight} width={calculatedHeight} borderLeft={`1px solid ${theme.vars.palette.divider}`}>\n <div ref={ref}>\n <Identicon size={calculatedHeight * 0.6} value={`${value}`} sx={{ padding: `${calculatedHeight * 0.2}px` }} {...props} />\n </div>\n </FlexRow>\n </FlexRow>\n )\n}\n","import type { TypographyVariant } from '@mui/material'\nimport type { EllipsizeBoxProps } from '@xyo-network/react-shared'\nimport { EllipsizeBox } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface PropertyValueProps extends EllipsizeBoxProps {\n typographyVariant?: TypographyVariant\n value?: string | number | boolean | null\n}\n\nexport const PropertyValue = ({\n ref, typographyVariant = 'body1', value, ...props\n}: PropertyValueProps) => {\n return value === undefined\n ? null\n : (\n <EllipsizeBox\n typographyProps={{\n component: undefined, title: value?.toString(), variant: typographyVariant,\n }}\n width=\"100%\"\n ref={ref}\n {...props}\n >\n {value}\n </EllipsizeBox>\n )\n}\n\nPropertyValue.displayName = 'PropertyValue'\n"],"mappings":"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","names":["Paper","useTheme","FlexCol","FlexGrowRow","FlexRow","typeOf","React","Typography","useColorScheme","useTheme","FlexRow","QuickTipButton","darkenCss","useIsDark","React","PropertyTitle","elevation","size","tip","more","title","props","sizeVariants","full","large","medium","small","sizeTitleHeight","undefined","sizeFontSize","quickTipSize","Math","min","theme","useTheme","useColorScheme","isDark","useIsDark","FlexRow","bgcolor","darkenCss","vars","palette","background","paper","alignItems","height","justifyContent","paddingX","paddingY","Typography","fontWeight","noWrap","variant","fontSize","strong","QuickTipButton","style","color","PropertyGroupBox","titleProps","children","title","tip","props","theme","useTheme","childrenArray","typeOf","undefined","React","FlexCol","alignItems","overflow","FlexRow","justifyContent","PropertyTitle","size","FlexGrowRow","map","child","index","key","borderLeft","borderColor","vars","palette","divider","PropertyGroupPaper","style","variant","elevation","square","Paper","minWidth","paper","PropertyGroup","CircularProgress","Paper","FlexRow","React","MoreHoriz","MoreHorizIcon","IconButton","Menu","MenuItem","FlexRow","React","useState","PropertyActionsMenu","actions","props","anchorEl","setAnchorEl","useState","open","handleClick","event","currentTarget","handleClose","length","React","FlexRow","IconButton","size","color","onClick","MoreHorizIcon","fontSize","Menu","onClose","map","action","MenuItem","key","name","useTheme","FlexRow","Identicon","React","useMemo","useRef","IdenticonCorner","value","props","theme","useTheme","ref","useRef","parentHeight","useMemo","current","parentElement","clientHeight","calculatedHeight","React","FlexRow","alignItems","height","background","width","borderLeft","vars","palette","divider","div","Identicon","size","sx","padding","EllipsizeBox","React","PropertyValue","ref","typographyVariant","value","props","undefined","React","EllipsizeBox","typographyProps","component","title","toString","variant","width","displayName","PropertyBox","titleProps","title","value","children","size","tip","actions","required","badge","props","sizeValueHeight","large","medium","small","sizeVariants","React","FlexRow","flexDirection","minWidth","alignItems","overflow","undefined","PropertyTitle","more","PropertyActionsMenu","pl","columnGap","justifyContent","height","CircularProgress","PropertyValue","typographyVariant","IdenticonCorner","displayName","PropertyPaper","ref","style","variant","elevation","square","Paper","paper","Property"]}
1
+ {"version":3,"sources":["../../src/components/Group.tsx","../../src/components/Title.tsx","../../src/components/Property.tsx","../../src/components/ActionsMenu.tsx","../../src/components/IdenticonCorner.tsx","../../src/components/Value.tsx"],"sourcesContent":["import { Paper, useTheme } from '@mui/material'\nimport {\n FlexCol, FlexGrowRow, FlexRow,\n} from '@xylabs/react-flexbox'\nimport { typeOf } from '@xyo-network/typeof'\nimport type { ReactElement } from 'react'\nimport React from 'react'\n\nimport type {\n PropertyGroupBoxProps, PropertyGroupPaperProps, PropertyGroupProps,\n} from './Props.ts'\nimport { PropertyTitle } from './Title.tsx'\n\nconst PropertyGroupBox: React.FC<PropertyGroupBoxProps> = ({\n titleProps, children, title, tip, ...props\n}) => {\n const theme = useTheme()\n const childrenArray = typeOf(children) === 'array' ? (children as ReactElement[]) : undefined\n return (\n <FlexCol alignItems=\"stretch\" overflow=\"hidden\" {...props}>\n <FlexRow overflow=\"hidden\" justifyContent=\"stretch\" alignItems=\"stretch\">\n <PropertyTitle alignItems=\"flex-start\" size=\"full\" title={title} tip={tip} {...titleProps} />\n {childrenArray\n ? (\n <FlexGrowRow>\n {childrenArray?.map((child, index) => {\n return child\n ? (\n <FlexGrowRow key={index} borderLeft={1} borderColor={theme.vars.palette.divider}>\n {child}\n </FlexGrowRow>\n )\n : null\n })}\n </FlexGrowRow>\n )\n : <FlexGrowRow overflow=\"hidden\">{children}</FlexGrowRow>}\n </FlexRow>\n </FlexCol>\n )\n}\n\nconst PropertyGroupPaper: React.FC<PropertyGroupPaperProps> = ({\n style, variant, elevation, square, ...props\n}) => {\n return (\n <Paper\n style={{\n minWidth: 0, overflow: 'hidden', ...style,\n }}\n variant={variant}\n elevation={elevation}\n square={square}\n >\n <PropertyGroupBox {...props} paper={false} />\n </Paper>\n )\n}\n\nexport const PropertyGroup: React.FC<PropertyGroupProps> = (props) => {\n return props.paper ? <PropertyGroupPaper {...props} /> : <PropertyGroupBox {...props} />\n}\n","import type { TypographyVariant } from '@mui/material'\nimport {\n Typography, useColorScheme, useTheme,\n} from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { QuickTipButton } from '@xylabs/react-quick-tip-button'\nimport { darkenCss, useIsDark } from '@xylabs/react-theme'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport type TitleSizeProp = SizeProp | 'full'\n\nexport interface PropertyTitleProps extends FlexBoxProps {\n elevation?: number\n more?: ReactNode\n size?: TitleSizeProp\n tip?: ReactNode\n title?: string\n}\n\nexport const PropertyTitle: React.FC<PropertyTitleProps> = ({\n elevation = 1, size = 'medium', tip, more, title, ...props\n}) => {\n const sizeVariants: Record<TitleSizeProp, TypographyVariant> = {\n full: 'caption',\n large: 'caption',\n medium: 'caption',\n small: 'caption',\n }\n\n const sizeTitleHeight: Record<TitleSizeProp, number | undefined> = {\n full: undefined,\n large: 32,\n medium: 20,\n small: 16,\n }\n\n const sizeFontSize: Record<TitleSizeProp, number> = {\n full: 16,\n large: 16,\n medium: 14,\n small: 10,\n }\n\n const quickTipSize = Math.min(sizeFontSize[size], 16)\n\n const theme = useTheme()\n const {} = useColorScheme()\n const isDark = useIsDark()\n\n return (\n <FlexRow\n bgcolor={\n isDark\n ? darkenCss(theme.vars.palette.background.paper, 0.75 * elevation)\n : darkenCss(theme.vars.palette.background.paper, 0.025 * elevation)\n }\n alignItems=\"center\"\n height={sizeTitleHeight[size]}\n justifyContent=\"space-between\"\n {...props}\n >\n <FlexRow paddingX={1} paddingY={0.5}>\n <Typography fontWeight={500} noWrap variant={sizeVariants[size]} fontSize={sizeFontSize[size]}>\n <small>\n <strong>{title}</strong>\n </small>\n </Typography>\n {tip\n ? (\n <QuickTipButton style={{ fontSize: quickTipSize }} color=\"inherit\" title={title ?? ''}>\n {tip}\n </QuickTipButton>\n )\n : null}\n </FlexRow>\n {more}\n </FlexRow>\n )\n}\n","import type { TypographyVariant } from '@mui/material'\nimport { CircularProgress, Paper } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport type { SizeProp } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { PropertyActionsMenu } from './ActionsMenu.tsx'\nimport { IdenticonCorner } from './IdenticonCorner.tsx'\nimport type {\n PropertyBoxProps, PropertyPaperProps, PropertyProps,\n} from './Props.ts'\nimport { PropertyTitle } from './Title.tsx'\nimport { PropertyValue } from './Value.tsx'\n\nconst PropertyBox: React.FC<PropertyBoxProps> = ({\n titleProps, title, value, children, size = 'medium', tip, actions, required, badge = false, ...props\n}) => {\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 flexDirection=\"column\" minWidth={0} alignItems=\"stretch\" overflow=\"hidden\" {...props}>\n {title === undefined\n ? null\n : (\n <PropertyTitle\n tip={tip}\n title={required ? `${title}*` : title}\n size={size}\n more={<PropertyActionsMenu actions={actions} />}\n {...titleProps}\n />\n )}\n <FlexRow\n pl={1}\n columnGap={1}\n justifyContent={value === undefined ? 'center' : 'space-between'}\n overflow=\"hidden\"\n height={sizeValueHeight[size]}\n >\n {children ?? ((value === undefined)\n ? <CircularProgress size={16} />\n : <PropertyValue value={value} typographyVariant={sizeVariants[size]} />)}\n {value === undefined\n ? null\n : badge\n ? <IdenticonCorner value={value} />\n : null}\n </FlexRow>\n </FlexRow>\n )\n}\nPropertyBox.displayName = 'PropertyBox'\n\nconst PropertyPaper: React.FC<PropertyPaperProps> = ({\n ref, style, variant, elevation = 2, square, ...props\n}) => {\n return (\n <Paper\n ref={ref}\n style={{\n minWidth: 0, overflow: 'hidden', ...style,\n }}\n variant={variant}\n elevation={elevation}\n square={square}\n >\n <PropertyBox {...props} paper={false} />\n </Paper>\n )\n}\nPropertyPaper.displayName = 'PropertyPaper'\n\nexport const Property: React.FC<PropertyProps> = ({ ...props }) => {\n return props.paper ? <PropertyPaper {...props} /> : <PropertyBox {...props} />\n}\nProperty.displayName = 'Property'\n","import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport {\n IconButton, Menu, MenuItem,\n} from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport type { PropertyActionsProps } from './ActionsProps.ts'\n\nexport const PropertyActionsMenu: React.FC<PropertyActionsProps> = ({ actions, ...props }) => {\n const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n const open = !!anchorEl\n\n const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n setAnchorEl(event.currentTarget)\n }\n const handleClose = () => {\n setAnchorEl(null)\n }\n\n return actions && actions?.length > 0\n ? (\n <FlexRow {...props}>\n <IconButton size=\"small\" color=\"inherit\" onClick={handleClick}>\n <MoreHorizIcon fontSize=\"inherit\" />\n </IconButton>\n <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n {actions?.map((action) => {\n return (\n <MenuItem\n key={action.name}\n onClick={() => {\n action?.onClick?.()\n handleClose()\n }}\n >\n {action.name}\n </MenuItem>\n )\n })}\n </Menu>\n </FlexRow>\n )\n : null\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport React, { useMemo, useRef } from 'react'\n\nexport interface IdenticonCornerProps extends FlexBoxProps {\n value?: string | number | boolean | null\n}\n\nexport const IdenticonCorner: React.FC<IdenticonCornerProps> = ({ value, ...props }) => {\n const theme = useTheme()\n const ref = useRef<HTMLDivElement>(null)\n\n const parentHeight = useMemo(() => ref.current?.parentElement?.parentElement?.clientHeight, [ref.current])\n\n const calculatedHeight = parentHeight ?? 0\n\n return (\n <FlexRow alignItems=\"flex-start\" height=\"100%\">\n <FlexRow background height={calculatedHeight} width={calculatedHeight} borderLeft={`1px solid ${theme.vars.palette.divider}`}>\n <div ref={ref}>\n <Identicon size={calculatedHeight * 0.6} value={`${value}`} sx={{ padding: `${calculatedHeight * 0.2}px` }} {...props} />\n </div>\n </FlexRow>\n </FlexRow>\n )\n}\n","import type { TypographyVariant } from '@mui/material'\nimport type { EllipsizeBoxProps } from '@xyo-network/react-shared'\nimport { EllipsizeBox } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface PropertyValueProps extends EllipsizeBoxProps {\n typographyVariant?: TypographyVariant\n value?: string | number | boolean | null\n}\n\nexport const PropertyValue = ({\n ref, typographyVariant = 'body1', value, ...props\n}: PropertyValueProps) => {\n return value === undefined\n ? null\n : (\n <EllipsizeBox\n typographyProps={{\n component: undefined, title: value?.toString(), variant: typographyVariant,\n }}\n width=\"100%\"\n ref={ref}\n {...props}\n >\n {value}\n </EllipsizeBox>\n )\n}\n\nPropertyValue.displayName = 'PropertyValue'\n"],"mappings":"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","names":["useTheme","FlexRow","jsx","jsxs","useTheme","FlexRow","Paper","FlexRow","FlexRow","jsx","jsxs","useTheme","FlexRow","jsx","jsx","jsx","jsxs","FlexRow","Paper"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-property",
3
- "version": "7.0.0",
3
+ "version": "7.0.1",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -43,32 +43,35 @@
43
43
  "src"
44
44
  ],
45
45
  "dependencies": {
46
- "@xylabs/react-flexbox": "^7.0.0",
47
- "@xylabs/react-identicon": "^7.0.0",
48
- "@xylabs/react-quick-tip-button": "^7.0.0",
49
- "@xylabs/react-theme": "^7.0.0",
50
- "@xyo-network/react-shared": "^7.0.0",
51
- "@xyo-network/typeof": "^5.0.0"
46
+ "@xylabs/react-flexbox": "~7.0.1",
47
+ "@xylabs/react-identicon": "~7.0.1",
48
+ "@xylabs/react-quick-tip-button": "~7.0.1",
49
+ "@xylabs/react-theme": "~7.0.1",
50
+ "@xyo-network/react-shared": "^7.0.1",
51
+ "@xyo-network/typeof": "~5.0.5"
52
52
  },
53
53
  "devDependencies": {
54
- "@mui/icons-material": "^7.2.0",
55
- "@mui/material": "^7.2.0",
56
- "@storybook/react-vite": "^9.0.18",
57
- "@types/react": "^19.1.9",
58
- "@xylabs/react-button": "^7.0.0",
59
- "@xylabs/react-theme": "^7.0.0",
60
- "@xylabs/ts-scripts-yarn3": "^7.0.2",
61
- "@xylabs/tsconfig-react": "^7.0.2",
62
- "react": "^19.1.1",
63
- "react-dom": "^19.1.1",
64
- "storybook": "^9.0.18",
65
- "typescript": "^5.8.3"
54
+ "@mui/icons-material": "~7.3.1",
55
+ "@mui/material": "~7.3.1",
56
+ "@storybook/react-vite": "~9.1.2",
57
+ "@types/react": "~19.1.10",
58
+ "@xylabs/react-button": "~7.0.1",
59
+ "@xylabs/react-theme": "~7.0.1",
60
+ "@xylabs/ts-scripts-yarn3": "~7.1.1",
61
+ "@xylabs/tsconfig": "~7.1.1",
62
+ "@xylabs/tsconfig-dom": "~7.1.1",
63
+ "@xylabs/tsconfig-react": "~7.1.1",
64
+ "react": "~19.1.1",
65
+ "react-dom": "~19.1.1",
66
+ "storybook": "~9.1.2",
67
+ "typescript": "~5.9.2",
68
+ "vite": "~7.1.2"
66
69
  },
67
70
  "peerDependencies": {
68
71
  "@mui/icons-material": ">=6 <8",
69
72
  "@mui/material": ">=6 <8",
70
- "react": "^19",
71
- "react-dom": "^19"
73
+ "react": "~19",
74
+ "react-dom": "~19"
72
75
  },
73
76
  "publishConfig": {
74
77
  "access": "public"