@xyo-network/react-shared 2.57.6 → 2.58.0-rc.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.
- package/dist/cjs/components/Ellipsize.js.map +1 -1
- package/dist/cjs/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js +1 -1
- package/dist/cjs/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js.map +1 -1
- package/dist/esm/components/Ellipsize.js.map +1 -1
- package/dist/esm/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js +1 -1
- package/dist/esm/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js.map +1 -1
- package/dist/types/components/Ellipsize.d.ts +4 -5
- package/dist/types/components/Ellipsize.d.ts.map +1 -1
- package/dist/types/components/ErrorBoundary.d.ts +1 -1
- package/dist/types/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.d.ts.map +1 -1
- package/package.json +7 -6
- package/src/components/Ellipsize.tsx +4 -4
- package/src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx +1 -7
- package/dist/docs.json +0 -127057
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ellipsize.js","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Ellipsize.js","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ const material_1 = require("@mui/material");
|
|
|
7
7
|
const ThemeTokenAvatar_1 = require("../ThemeTokenAvatar");
|
|
8
8
|
const ThemeTokenAvatarGroup = (_a) => {
|
|
9
9
|
var { images } = _a, props = tslib_1.__rest(_a, ["images"]);
|
|
10
|
-
return (
|
|
10
|
+
return (0, jsx_runtime_1.jsx)(material_1.AvatarGroup, Object.assign({}, props, { children: images === null || images === void 0 ? void 0 : images.map((image, index) => (0, jsx_runtime_1.jsx)(ThemeTokenAvatar_1.ThemeTokenAvatar, { src: image }, index)) }));
|
|
11
11
|
};
|
|
12
12
|
exports.ThemeTokenAvatarGroup = ThemeTokenAvatarGroup;
|
|
13
13
|
//# sourceMappingURL=ThemeTokenAvatarGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeTokenAvatarGroup.js","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAE7D,0DAAsD;AAM/C,MAAM,qBAAqB,GAAyC,CAAC,EAAoB,EAAE,EAAE;QAAxB,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAlB,UAAoB,CAAF;IAC5F,OAAO,
|
|
1
|
+
{"version":3,"file":"ThemeTokenAvatarGroup.js","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAE7D,0DAAsD;AAM/C,MAAM,qBAAqB,GAAyC,CAAC,EAAoB,EAAE,EAAE;QAAxB,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAlB,UAAoB,CAAF;IAC5F,OAAO,uBAAC,sBAAW,oBAAK,KAAK,cAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,uBAAC,mCAAgB,IAAa,GAAG,EAAE,KAAK,IAAjB,KAAK,CAAgB,CAAC,IAAe,CAAA;AAC5H,CAAC,CAAA;AAFY,QAAA,qBAAqB,yBAEjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ellipsize.js","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAY,MAAM,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"Ellipsize.js","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { AvatarGroup } from '@mui/material';
|
|
3
3
|
import { ThemeTokenAvatar } from '../ThemeTokenAvatar';
|
|
4
4
|
export const ThemeTokenAvatarGroup = ({ images, ...props }) => {
|
|
5
|
-
return
|
|
5
|
+
return _jsx(AvatarGroup, { ...props, children: images?.map((image, index) => _jsx(ThemeTokenAvatar, { src: image }, index)) });
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=ThemeTokenAvatarGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeTokenAvatarGroup.js","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAMtD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClG,OAAO,
|
|
1
|
+
{"version":3,"file":"ThemeTokenAvatarGroup.js","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAMtD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClG,OAAO,KAAC,WAAW,OAAK,KAAK,YAAG,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAC,gBAAgB,IAAa,GAAG,EAAE,KAAK,IAAjB,KAAK,CAAgB,CAAC,GAAe,CAAA;AAC5H,CAAC,CAAA"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { BoxProps, TypographyProps, TypographyTypeMap } from '@mui/material';
|
|
2
3
|
import { WithChildren } from '@xylabs/react-shared';
|
|
3
|
-
import { ElementType } from 'react';
|
|
4
4
|
export interface EllipsizeRootProps extends BoxProps {
|
|
5
5
|
beforeLineHeight?: string | number;
|
|
6
6
|
}
|
|
7
|
-
export
|
|
8
|
-
component?: Comp;
|
|
7
|
+
export type TypographyWithComponentProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = TypographyProps<D, P> & {
|
|
9
8
|
ellipsisPosition?: 'start' | 'end';
|
|
10
|
-
}
|
|
9
|
+
};
|
|
11
10
|
export interface EllipsizeBoxProps extends BoxProps {
|
|
12
11
|
ellipsisPosition?: 'start' | 'end';
|
|
13
12
|
typographyProps?: TypographyWithComponentProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ellipsize.d.ts","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAsB,eAAe,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Ellipsize.d.ts","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,QAAQ,EAAsB,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AASnD,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACnC;AAiED,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAC9I,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,eAAe,CAAC,EAAE,4BAA4B,CAAA;CAC/C;AAED,eAAO,MAAM,YAAY,yIAexB,CAAA"}
|
|
@@ -13,6 +13,6 @@ export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBo
|
|
|
13
13
|
error: Error;
|
|
14
14
|
};
|
|
15
15
|
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
|
16
|
-
render(): string | number | boolean |
|
|
16
|
+
render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
|
|
17
17
|
}
|
|
18
18
|
//# sourceMappingURL=ErrorBoundary.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeTokenAvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAClE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,
|
|
1
|
+
{"version":3,"file":"ThemeTokenAvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAClE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAEtE,CAAA"}
|
package/package.json
CHANGED
|
@@ -17,15 +17,15 @@
|
|
|
17
17
|
"@xylabs/react-link": "~2.17.6",
|
|
18
18
|
"@xylabs/react-promise": "~2.17.6",
|
|
19
19
|
"@xylabs/react-shared": "~2.17.6",
|
|
20
|
-
"@xyo-network/core": "
|
|
21
|
-
"@xyo-network/payload-model": "
|
|
22
|
-
"@xyo-network/react-event": "~2.
|
|
20
|
+
"@xyo-network/core": "next",
|
|
21
|
+
"@xyo-network/payload-model": "next",
|
|
22
|
+
"@xyo-network/react-event": "~2.58.0-rc.1"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@storybook/react": "^7.1.0",
|
|
26
26
|
"@xylabs/react-quick-tip-button": "~2.17.6",
|
|
27
|
-
"@xylabs/ts-scripts-yarn3": "^2.
|
|
28
|
-
"@xylabs/tsconfig-react": "^2.
|
|
27
|
+
"@xylabs/ts-scripts-yarn3": "^2.19.0",
|
|
28
|
+
"@xylabs/tsconfig-react": "^2.19.0",
|
|
29
29
|
"typescript": "^5.1.6"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
@@ -80,5 +80,6 @@
|
|
|
80
80
|
},
|
|
81
81
|
"sideEffects": false,
|
|
82
82
|
"types": "dist/types/index.d.ts",
|
|
83
|
-
"version": "2.
|
|
83
|
+
"version": "2.58.0-rc.1",
|
|
84
|
+
"stableVersion": "2.57.7"
|
|
84
85
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Box, BoxProps, styled, Typography, TypographyProps } from '@mui/material'
|
|
1
|
+
import { Box, BoxProps, styled, Typography, TypographyProps, TypographyTypeMap } from '@mui/material'
|
|
2
2
|
import { WithChildren } from '@xylabs/react-shared'
|
|
3
|
-
import {
|
|
3
|
+
import { forwardRef, useCallback, useState } from 'react'
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Heavily inspired by - https://stackoverflow.com/a/30362531/2803259
|
|
@@ -74,8 +74,8 @@ const useClientHeight = () => {
|
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
// See - https://mui.com/material-ui/guides/composition/#with-typescript
|
|
77
|
-
|
|
78
|
-
|
|
77
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
78
|
+
export type TypographyWithComponentProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = TypographyProps<D, P> & {
|
|
79
79
|
ellipsisPosition?: 'start' | 'end'
|
|
80
80
|
}
|
|
81
81
|
|
|
@@ -7,11 +7,5 @@ export interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {
|
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
export const ThemeTokenAvatarGroup: React.FC<ThemeTokenAvatarGroupProps> = ({ images, ...props }) => {
|
|
10
|
-
return (
|
|
11
|
-
<AvatarGroup {...props}>
|
|
12
|
-
{images?.map((image, index) => (
|
|
13
|
-
<ThemeTokenAvatar key={index} src={image} />
|
|
14
|
-
))}
|
|
15
|
-
</AvatarGroup>
|
|
16
|
-
)
|
|
10
|
+
return <AvatarGroup {...props}>{images?.map((image, index) => <ThemeTokenAvatar key={index} src={image} />)}</AvatarGroup>
|
|
17
11
|
}
|