@xyo-network/react-shared 2.60.9 → 2.60.11
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 +2 -2
- package/dist/cjs/components/Ellipsize.js.map +1 -1
- package/dist/docs.json +3496 -3470
- package/dist/esm/components/Ellipsize.js +2 -2
- package/dist/esm/components/Ellipsize.js.map +1 -1
- package/dist/types/components/Ellipsize.d.ts +1 -0
- package/dist/types/components/Ellipsize.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/Ellipsize.tsx +3 -2
|
@@ -61,11 +61,11 @@ const useClientHeight = () => {
|
|
|
61
61
|
}, []);
|
|
62
62
|
return { contentWrapHeight, contentWrapRef };
|
|
63
63
|
};
|
|
64
|
-
export const EllipsizeBox = forwardRef(({ children, ellipsisPosition = 'start', typographyProps, ...props }, ref) => {
|
|
64
|
+
export const EllipsizeBox = forwardRef(({ children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props }, ref) => {
|
|
65
65
|
// Allow syncing of :before pseudo element height with contentWrapHeight
|
|
66
66
|
const { contentWrapRef, contentWrapHeight } = useClientHeight();
|
|
67
67
|
const sharedRef = useShareForwardedRef(ref);
|
|
68
|
-
return (_jsx(EllipsizeRoot, { beforeLineHeight: sharedRef ? contentWrapHeight : undefined, ...props, ref: ref, children: _jsx(EllipsizeInnerWrap, { children: _jsx(EllipsizeContentWrap, { ref: contentWrapRef, component: 'span', ellipsisPosition: ellipsisPosition, variant: "body2", ...typographyProps, children: children }) }) }));
|
|
68
|
+
return (_jsx(EllipsizeRoot, { beforeLineHeight: !!sharedRef && !disableSharedRef ? contentWrapHeight : undefined, ...props, ref: ref, children: _jsx(EllipsizeInnerWrap, { children: _jsx(EllipsizeContentWrap, { ref: contentWrapRef, component: 'span', ellipsisPosition: ellipsisPosition, variant: "body2", ...typographyProps, children: children }) }) }));
|
|
69
69
|
});
|
|
70
70
|
EllipsizeBox.displayName = 'EllipsizeBox';
|
|
71
71
|
//# sourceMappingURL=Ellipsize.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ellipsize.js","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAY,MAAM,EAAE,UAAU,EAAsC,MAAM,eAAe,CAAA;AAErG,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE/C;;GAEG;AAEH,MAAM,aAAa,GAAG,WAAW,CAAA;AAMjC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,EAAE;IAChC,IAAI,EAAE,aAAa;IACnB,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,kBAAkB;IACxD,IAAI,EAAE,MAAM;CACb,CAAC,CAAqB,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,GAAG,EAAE;QACH,oGAAoG;QACpG,uGAAuG;QACvG,SAAS,EAAE;YACT,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,OAAO;YAChB,uGAAuG;YACvG,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,QAAQ;YACpB,0DAA0D;YAC1D,GAAG,CAAC,gBAAgB,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC;SAC1D;KACF;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,EAAE;IACrC,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,WAAW;CAClB,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACR,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAA;AAEH,MAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,EAAE;IAC9C,IAAI,EAAE,aAAa;IACnB,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,kBAAkB;IACxD,IAAI,EAAE,aAAa;CACpB,CAAC,CAA+B,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,KAAK,CAAC,WAAW,CAAC;QACvB,UAAU,EAAE,UAAU,IAAI,WAAW;QACrC,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,GAAG,CAAC,gBAAgB,KAAK,OAAO;YAC9B,CAAC,CAAC;gBACE,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,MAAM;aAClB;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,EAAU,CAAA;IAEpE,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,IAAiB,EAAE,EAAE;QACvD,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,oBAAoB,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;SAC/C;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAA;AAC9C,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"Ellipsize.js","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ export type TypographyWithComponentProps<D extends React.ElementType = Typograph
|
|
|
8
8
|
ellipsisPosition?: 'start' | 'end';
|
|
9
9
|
};
|
|
10
10
|
export interface EllipsizeBoxProps extends BoxProps {
|
|
11
|
+
disableSharedRef?: boolean;
|
|
11
12
|
ellipsisPosition?: 'start' | 'end';
|
|
12
13
|
typographyProps?: TypographyWithComponentProps;
|
|
13
14
|
}
|
|
@@ -1 +1 @@
|
|
|
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;AAWnD,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,yIAgBxB,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;AAWnD,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,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,eAAe,CAAC,EAAE,4BAA4B,CAAA;CAC/C;AAED,eAAO,MAAM,YAAY,yIAgBxB,CAAA"}
|
package/package.json
CHANGED
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
"@xylabs/react-link": "~2.17.15",
|
|
18
18
|
"@xylabs/react-promise": "~2.17.15",
|
|
19
19
|
"@xylabs/react-shared": "~2.17.15",
|
|
20
|
-
"@xyo-network/core": "^2.72.
|
|
21
|
-
"@xyo-network/payload-model": "^2.72.
|
|
22
|
-
"@xyo-network/react-event": "~2.60.
|
|
20
|
+
"@xyo-network/core": "^2.72.7",
|
|
21
|
+
"@xyo-network/payload-model": "^2.72.7",
|
|
22
|
+
"@xyo-network/react-event": "~2.60.11"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@storybook/react": "^7.4.0",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
},
|
|
81
81
|
"sideEffects": false,
|
|
82
82
|
"types": "dist/types/index.d.ts",
|
|
83
|
-
"version": "2.60.
|
|
83
|
+
"version": "2.60.11"
|
|
84
84
|
}
|
|
@@ -82,18 +82,19 @@ export type TypographyWithComponentProps<D extends React.ElementType = Typograph
|
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
export interface EllipsizeBoxProps extends BoxProps {
|
|
85
|
+
disableSharedRef?: boolean
|
|
85
86
|
ellipsisPosition?: 'start' | 'end'
|
|
86
87
|
typographyProps?: TypographyWithComponentProps
|
|
87
88
|
}
|
|
88
89
|
|
|
89
90
|
export const EllipsizeBox = forwardRef<HTMLDivElement, WithChildren<EllipsizeBoxProps>>(
|
|
90
|
-
({ children, ellipsisPosition = 'start', typographyProps, ...props }, ref) => {
|
|
91
|
+
({ children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props }, ref) => {
|
|
91
92
|
// Allow syncing of :before pseudo element height with contentWrapHeight
|
|
92
93
|
const { contentWrapRef, contentWrapHeight } = useClientHeight()
|
|
93
94
|
const sharedRef = useShareForwardedRef(ref)
|
|
94
95
|
|
|
95
96
|
return (
|
|
96
|
-
<EllipsizeRoot beforeLineHeight={sharedRef ? contentWrapHeight : undefined} {...props} ref={ref}>
|
|
97
|
+
<EllipsizeRoot beforeLineHeight={!!sharedRef && !disableSharedRef ? contentWrapHeight : undefined} {...props} ref={ref}>
|
|
97
98
|
<EllipsizeInnerWrap>
|
|
98
99
|
<EllipsizeContentWrap ref={contentWrapRef} component={'span'} ellipsisPosition={ellipsisPosition} variant="body2" {...typographyProps}>
|
|
99
100
|
{children}
|