@xyo-network/react-property 4.4.3 → 4.4.4

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.
@@ -1,2 +1,63 @@
1
- export * from './components/index.ts';
2
- //# sourceMappingURL=index.d.ts.map
1
+ import React, { ReactNode } from 'react';
2
+ import { PaperProps } from '@mui/material';
3
+ import { FlexBoxProps } from '@xylabs/react-flexbox';
4
+ import { SizeProp, EllipsizeBoxProps } from '@xyo-network/react-shared';
5
+ import { Variant } from '@mui/material/styles/createTypography.js';
6
+
7
+ interface PropertyAction {
8
+ disabled?: boolean;
9
+ icon?: ReactNode;
10
+ name: string;
11
+ onClick?: () => void;
12
+ }
13
+
14
+ type TitleSizeProp = SizeProp | 'full';
15
+ interface PropertyTitleProps extends FlexBoxProps {
16
+ elevation?: number;
17
+ more?: ReactNode;
18
+ size?: TitleSizeProp;
19
+ tip?: ReactNode;
20
+ title?: string;
21
+ }
22
+ declare const PropertyTitle: React.FC<PropertyTitleProps>;
23
+
24
+ interface PropertyBaseProps {
25
+ paper?: boolean;
26
+ tip?: ReactNode;
27
+ title?: string;
28
+ titleProps?: PropertyTitleProps;
29
+ }
30
+ type PropertyFieldBaseProps = PropertyBaseProps & {
31
+ actions?: PropertyAction[];
32
+ badge?: boolean;
33
+ required?: boolean;
34
+ size?: SizeProp;
35
+ value?: string | number | boolean | null;
36
+ };
37
+ type PropertyBoxProps = PropertyFieldBaseProps & FlexBoxProps & {
38
+ paper?: false;
39
+ };
40
+ type PropertyPaperProps = PropertyFieldBaseProps & PaperProps & {
41
+ paper: true;
42
+ };
43
+ type PropertyProps = PropertyBoxProps | PropertyPaperProps;
44
+ type PropertyGroupBaseProps = PropertyBaseProps;
45
+ type PropertyGroupBoxProps = PropertyGroupBaseProps & FlexBoxProps & {
46
+ paper?: false;
47
+ };
48
+ type PropertyGroupPaperProps = PropertyGroupBaseProps & PaperProps & {
49
+ paper: true;
50
+ };
51
+ type PropertyGroupProps = PropertyGroupBoxProps | PropertyGroupPaperProps;
52
+
53
+ declare const PropertyGroup: React.FC<PropertyGroupProps>;
54
+
55
+ declare const Property: React.ForwardRefExoticComponent<(PropertyBoxProps | Omit<PropertyPaperProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
56
+
57
+ interface PropertyValueProps extends Omit<EllipsizeBoxProps, 'ref'> {
58
+ typographyVariant?: Variant;
59
+ value?: string | number | boolean | null;
60
+ }
61
+ declare const PropertyValue: React.ForwardRefExoticComponent<PropertyValueProps & React.RefAttributes<HTMLDivElement>>;
62
+
63
+ export { Property, type PropertyAction, type PropertyBaseProps, type PropertyBoxProps, type PropertyFieldBaseProps, PropertyGroup, type PropertyGroupBaseProps, type PropertyGroupBoxProps, type PropertyGroupPaperProps, type PropertyGroupProps, type PropertyPaperProps, type PropertyProps, PropertyTitle, type PropertyTitleProps, PropertyValue, type PropertyValueProps, type TitleSizeProp };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-property",
3
- "version": "4.4.3",
3
+ "version": "4.4.4",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -47,19 +47,19 @@
47
47
  "@xylabs/react-flexbox": "^5.3.23",
48
48
  "@xylabs/react-identicon": "^5.3.23",
49
49
  "@xylabs/react-quick-tip-button": "^5.3.23",
50
- "@xyo-network/react-shared": "^4.4.3",
50
+ "@xyo-network/react-shared": "^4.4.4",
51
51
  "@xyo-network/typeof": "^3.9.2"
52
52
  },
53
53
  "devDependencies": {
54
54
  "@mui/icons-material": "^6.4.4",
55
55
  "@mui/material": "^6.4.4",
56
56
  "@mui/styles": "^6.4.4",
57
- "@storybook/react": "^8.5.4",
58
- "@xylabs/ts-scripts-yarn3": "^4.2.6",
59
- "@xylabs/tsconfig-react": "^4.2.6",
57
+ "@storybook/react": "^8.5.5",
58
+ "@xylabs/ts-scripts-yarn3": "^5.0.24",
59
+ "@xylabs/tsconfig-react": "^5.0.24",
60
60
  "react": "^18.3.1",
61
61
  "react-dom": "^18.3.1",
62
- "storybook": "^8.5.4",
62
+ "storybook": "^8.5.5",
63
63
  "typescript": "^5.7.3"
64
64
  },
65
65
  "peerDependencies": {
@@ -1,8 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- export interface PropertyAction {
3
- disabled?: boolean;
4
- icon?: ReactNode;
5
- name: string;
6
- onClick?: () => void;
7
- }
8
- //# sourceMappingURL=Action.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../../src/components/Action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { PropertyActionsProps } from './ActionsProps.ts';
3
- export declare const PropertyActions: React.FC<PropertyActionsProps>;
4
- //# sourceMappingURL=Actions.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqC1D,CAAA"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { PropertyActionsProps } from './ActionsProps.ts';
3
- export declare const PropertyActionsMenu: React.FC<PropertyActionsProps>;
4
- //# sourceMappingURL=ActionsMenu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmC9D,CAAA"}
@@ -1,7 +0,0 @@
1
- import type { FlexBoxProps } from '@xylabs/react-flexbox';
2
- import type { PropertyAction } from './Action.ts';
3
- export interface PropertyActionsProps extends FlexBoxProps {
4
- actions?: PropertyAction[];
5
- buttons?: boolean;
6
- }
7
- //# sourceMappingURL=ActionsProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsProps.d.ts","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { PropertyGroupProps } from './Props.ts';
3
- export declare const PropertyGroup: React.FC<PropertyGroupProps>;
4
- //# sourceMappingURL=Group.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACsC,kBAAkB,EACnE,MAAM,YAAY,CAAA;AAiDnB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
@@ -1,7 +0,0 @@
1
- import type { FlexBoxProps } from '@xylabs/react-flexbox';
2
- import React from 'react';
3
- export interface IdenticonCornerProps extends FlexBoxProps {
4
- value?: string | number | boolean | null;
5
- }
6
- export declare const IdenticonCorner: React.FC<IdenticonCornerProps>;
7
- //# sourceMappingURL=IdenticonCorner.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IdenticonCorner.d.ts","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGzD,OAAO,KAA0B,MAAM,OAAO,CAAA;AAE9C,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiB1D,CAAA"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { PropertyBoxProps, PropertyPaperProps } from './Props.ts';
3
- export declare const Property: React.ForwardRefExoticComponent<(PropertyBoxProps | Omit<PropertyPaperProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
4
- //# sourceMappingURL=Property.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Property.d.ts","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EACV,gBAAgB,EAAE,kBAAkB,EACrC,MAAM,YAAY,CAAA;AA0EnB,eAAO,MAAM,QAAQ,6HAEnB,CAAA"}
@@ -1,35 +0,0 @@
1
- import type { PaperProps } from '@mui/material';
2
- import type { FlexBoxProps } from '@xylabs/react-flexbox';
3
- import type { SizeProp } from '@xyo-network/react-shared';
4
- import type { ReactNode } from 'react';
5
- import type { PropertyAction } from './Action.ts';
6
- import type { PropertyTitleProps } from './Title.tsx';
7
- export interface PropertyBaseProps {
8
- paper?: boolean;
9
- tip?: ReactNode;
10
- title?: string;
11
- titleProps?: PropertyTitleProps;
12
- }
13
- export type PropertyFieldBaseProps = PropertyBaseProps & {
14
- actions?: PropertyAction[];
15
- badge?: boolean;
16
- required?: boolean;
17
- size?: SizeProp;
18
- value?: string | number | boolean | null;
19
- };
20
- export type PropertyBoxProps = PropertyFieldBaseProps & FlexBoxProps & {
21
- paper?: false;
22
- };
23
- export type PropertyPaperProps = PropertyFieldBaseProps & PaperProps & {
24
- paper: true;
25
- };
26
- export type PropertyProps = PropertyBoxProps | PropertyPaperProps;
27
- export type PropertyGroupBaseProps = PropertyBaseProps;
28
- export type PropertyGroupBoxProps = PropertyGroupBaseProps & FlexBoxProps & {
29
- paper?: false;
30
- };
31
- export type PropertyGroupPaperProps = PropertyGroupBaseProps & PaperProps & {
32
- paper: true;
33
- };
34
- export type PropertyGroupProps = PropertyGroupBoxProps | PropertyGroupPaperProps;
35
- //# sourceMappingURL=Props.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../src/components/Props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,GAAG;IACvD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,kBAAkB,CAAA;AAEjE,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAA;AAEtD,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GACxD,YAAY,GAAG;IACb,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAEH,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GAC1D,UAAU,GAAG;IACX,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAEH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,GAAG,uBAAuB,CAAA"}
@@ -1,14 +0,0 @@
1
- import type { FlexBoxProps } from '@xylabs/react-flexbox';
2
- import type { SizeProp } from '@xyo-network/react-shared';
3
- import type { ReactNode } from 'react';
4
- import React from 'react';
5
- export type TitleSizeProp = SizeProp | 'full';
6
- export interface PropertyTitleProps extends FlexBoxProps {
7
- elevation?: number;
8
- more?: ReactNode;
9
- size?: TitleSizeProp;
10
- tip?: ReactNode;
11
- title?: string;
12
- }
13
- export declare const PropertyTitle: React.FC<PropertyTitleProps>;
14
- //# sourceMappingURL=Title.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyDtD,CAAA"}
@@ -1,9 +0,0 @@
1
- import type { Variant } from '@mui/material/styles/createTypography.js';
2
- import type { EllipsizeBoxProps } from '@xyo-network/react-shared';
3
- import React from 'react';
4
- export interface PropertyValueProps extends Omit<EllipsizeBoxProps, 'ref'> {
5
- typographyVariant?: Variant;
6
- value?: string | number | boolean | null;
7
- }
8
- export declare const PropertyValue: React.ForwardRefExoticComponent<PropertyValueProps & React.RefAttributes<HTMLDivElement>>;
9
- //# sourceMappingURL=Value.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAElE,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,aAAa,2FAiBxB,CAAA"}
@@ -1,7 +0,0 @@
1
- export * from './Action.ts';
2
- export * from './Group.tsx';
3
- export * from './Property.tsx';
4
- export * from './Props.ts';
5
- export * from './Title.tsx';
6
- export * from './Value.tsx';
7
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}