@xyo-network/react-shared 2.38.0-rc.6 → 2.38.0-rc.8

package/dist/cjs/components/Ellipsize.d.ts

@@ -3,10 +3,13 @@ import { WithChildren } from '@xylabs/react-shared';
 import React, { ElementType } from 'react';
 interface TypographyWithComponentProps<Comp extends ElementType = ElementType> extends TypographyProps {
     component?: Comp;
+    ellipsisPosition?: 'start' | 'end';
 }
 export interface EllipsizeBoxProps extends BoxProps {
     typographyProps?: TypographyWithComponentProps;
+    ellipsisPosition?: 'start' | 'end';
 }
+export declare const EllipsizeBoxInner: React.FC<WithChildren<EllipsizeBoxProps>>;
 export declare const EllipsizeBox: React.FC<WithChildren<EllipsizeBoxProps>>;
 export {};
 //# sourceMappingURL=Ellipsize.d.ts.map

package/dist/cjs/components/Ellipsize.d.ts.map

@@ -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;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,EAAE,WAAW,EAAyB,MAAM,OAAO,CAAA;AAiEjE,UAAU,4BAA4B,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,eAAe;IACpG,SAAS,CAAC,EAAE,IAAI,CAAA;CACjB;AAED,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,eAAe,CAAC,EAAE,4BAA4B,CAAA;CAC/C;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAalE,CAAA"}
+{"version":3,"file":"Ellipsize.d.ts","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAsB,eAAe,EAAE,MAAM,eAAe,CAAA;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,EAAE,WAAW,EAAqC,MAAM,OAAO,CAAA;AA0E7E,UAAU,4BAA4B,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,eAAe;IACpG,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC;AAED,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,eAAe,CAAC,EAAE,4BAA4B,CAAA;IAC9C,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAevE,CAAA;AAGD,eAAO,MAAM,YAAY,2CAAoB,CAAA"}

package/dist/cjs/components/Ellipsize.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EllipsizeBox = void 0;
+exports.EllipsizeBox = exports.EllipsizeBoxInner = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
@@ -30,16 +30,16 @@ const EllipsizeInnerWrap = (0, material_1.styled)(material_1.Box, {
 }));
 const EllipsizeContentWrap = (0, material_1.styled)(material_1.Typography, {
     name: ComponentName,
+    shouldForwardProp: (prop) => prop !== 'ellipsisPosition',
     slot: 'contentWrap',
-})(() => ({
-    fontFamily: 'monospace',
-    left: 0,
-    overflow: 'hidden',
-    position: 'absolute',
-    right: 0,
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-}));
+})(({ ellipsisPosition }) => {
+    return Object.assign({ fontFamily: 'monospace', left: 0, overflow: 'hidden', position: 'absolute', right: 0, textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, (ellipsisPosition === 'end'
+        ? {
+            direction: 'rtl',
+            textAlign: 'left',
+        }
+        : {}));
+});
 const useClientHeight = () => {
     const [contentWrapHeight, setContentWrapHeight] = (0, react_1.useState)();
     const contentWrapRef = (0, react_1.useCallback)((node) => {
@@ -49,11 +49,12 @@ const useClientHeight = () => {
     }, []);
     return { contentWrapHeight, contentWrapRef };
 };
-const EllipsizeBox = (_a) => {
-    var { children, typographyProps } = _a, props = tslib_1.__rest(_a, ["children", "typographyProps"]);
+exports.EllipsizeBoxInner = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, ellipsisPosition = 'end', typographyProps } = _a, props = tslib_1.__rest(_a, ["children", "ellipsisPosition", "typographyProps"]);
     // Allow syncing of :before pseudo element height with contentWrapHeight
     const { contentWrapRef, contentWrapHeight } = useClientHeight();
-    return ((0, jsx_runtime_1.jsx)(EllipsizeRoot, Object.assign({ beforeLineHeight: contentWrapHeight }, props, { children: (0, jsx_runtime_1.jsx)(EllipsizeInnerWrap, { children: (0, jsx_runtime_1.jsx)(EllipsizeContentWrap, Object.assign({ ref: contentWrapRef, component: 'span' }, typographyProps, { children: children })) }) })));
-};
-exports.EllipsizeBox = EllipsizeBox;
+    return ((0, jsx_runtime_1.jsx)(EllipsizeRoot, Object.assign({ beforeLineHeight: contentWrapHeight, ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(EllipsizeInnerWrap, { children: (0, jsx_runtime_1.jsx)(EllipsizeContentWrap, Object.assign({ ref: contentWrapRef, component: 'span', ellipsisPosition: ellipsisPosition }, typographyProps, { children: children })) }) })));
+});
+exports.EllipsizeBoxInner.displayName = 'EllipsizeBox';
+exports.EllipsizeBox = exports.EllipsizeBoxInner;
 //# sourceMappingURL=Ellipsize.js.map

package/dist/cjs/components/Ellipsize.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ellipsize.js","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAkF;AAElF,iCAAiE;AAEjE;;GAEG;AAEH,MAAM,aAAa,GAAG,WAAW,CAAA;AAMjC,MAAM,aAAa,GAAG,IAAA,iBAAM,EAAC,cAAG,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,kBACP,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,OAAO;YAChB,uGAAuG;YACvG,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,QAAQ,IAEjB,CAAC,gBAAgB,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC,CAC1D;KACF;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,kBAAkB,GAAG,IAAA,iBAAM,EAAC,cAAG,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,IAAA,iBAAM,EAAC,qBAAU,EAAE;IAC9C,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,aAAa;CACpB,CAAC,CAA+B,GAAG,EAAE,CAAC,CAAC;IACtC,UAAU,EAAE,WAAW;IACvB,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,CAAC;IACR,YAAY,EAAE,UAAU;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC,CAAA;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAEpE,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,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;AAWM,MAAM,YAAY,GAA8C,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAE,QAAQ,EAAE,eAAe,OAAY,EAAP,KAAK,sBAArC,+BAAuC,CAAF;IAC3G,wEAAwE;IACxE,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,eAAe,EAAE,CAAA;IAE/D,OAAO,CACL,uBAAC,aAAa,kBAAC,gBAAgB,EAAE,iBAAiB,IAAM,KAAK,cAC3D,uBAAC,kBAAkB,cACjB,uBAAC,oBAAoB,kBAAC,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,IAAM,eAAe,cAC9E,QAAQ,IACY,GACJ,IACP,CACjB,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,YAAY,gBAaxB"}
+{"version":3,"file":"Ellipsize.js","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/TableCell/EllipsisTableCell.js

@@ -15,7 +15,7 @@ const EllipsisTableCellRoot = (0, material_1.styled)(material_1.TableCell, {
 }));
 const EllipsisTableCell = (_a) => {
     var { children, href, to, value } = _a, props = tslib_1.__rest(_a, ["children", "href", "to", "value"]);
-    return ((0, jsx_runtime_1.jsx)(EllipsisTableCellRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(Ellipsize_1.EllipsizeBox, { children: children ? (children) : href || to ? ((0, jsx_runtime_1.jsx)(react_link_1.LinkEx, Object.assign({ to: to, href: href, target: href ? '_blank' : undefined }, { children: value }))) : (value) }) })));
+    return ((0, jsx_runtime_1.jsx)(EllipsisTableCellRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(Ellipsize_1.EllipsizeBox, { children: children ? (children) : href || to ? ((0, jsx_runtime_1.jsx)(react_link_1.LinkEx, Object.assign({ title: value, to: to, href: href, target: href ? '_blank' : undefined }, { children: value }))) : (value) }) })));
 };
 exports.EllipsisTableCell = EllipsisTableCell;
 //# sourceMappingURL=EllipsisTableCell.js.map

package/dist/cjs/components/TableCell/EllipsisTableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAiE;AACjE,mDAA2C;AAI3C,4CAA2C;AAE3C,MAAM,qBAAqB,GAAG,IAAA,iBAAM,EAAC,oBAAS,EAAE;IAC9C,IAAI,EAAE,mBAAmB;IACzB,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO;IAC7C,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1B,KAAK;CACN,CAAC,CAAC,CAAA;AAeI,MAAM,iBAAiB,GAAmD,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,OAAY,EAAP,KAAK,sBAArC,mCAAuC,CAAF;IACrH,OAAO,CACL,uBAAC,qBAAqB,oBAAK,KAAK,cAC9B,uBAAC,wBAAY,cACV,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CACf,uBAAC,mBAAM,kBAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,gBAC5D,KAAK,IACC,CACV,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACY,IACO,CACzB,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,iBAAiB,qBAgB7B"}
+{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAiE;AACjE,mDAA2C;AAI3C,4CAA2C;AAE3C,MAAM,qBAAqB,GAAG,IAAA,iBAAM,EAAC,oBAAS,EAAE;IAC9C,IAAI,EAAE,mBAAmB;IACzB,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO;IAC7C,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1B,KAAK;CACN,CAAC,CAAC,CAAA;AAeI,MAAM,iBAAiB,GAAmD,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,OAAY,EAAP,KAAK,sBAArC,mCAAuC,CAAF;IACrH,OAAO,CACL,uBAAC,qBAAqB,oBAAK,KAAK,cAC9B,uBAAC,wBAAY,cACV,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CACf,uBAAC,mBAAM,kBAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,gBAC1E,KAAK,IACC,CACV,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACY,IACO,CACzB,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,iBAAiB,qBAgB7B"}