@xyo-network/react-shared 2.47.2 → 2.47.3

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { styled, TableCell } from '@mui/material';
 import { LinkEx } from '@xylabs/react-link';
-import { forwardRef } from 'react';
+import { forwardRef, useMemo } from 'react';
 import { EllipsizeBox } from '../Ellipsize';
 const EllipsisTableCellRoot = styled(TableCell, {
     name: 'EllipsisTableCell',
@@ -11,7 +11,18 @@ const EllipsisTableCellRoot = styled(TableCell, {
     width,
 }));
 export const EllipsisTableCellWithRef = forwardRef(({ children, href, link = false, to, value, ...props }, ref) => {
-    return (_jsx(EllipsisTableCellRoot, { ref: ref, ...props, children: _jsx(EllipsizeBox, { children: children ? (children) : href || to || link ? (_jsx(LinkEx, { title: value, to: to, href: href, target: href ? '_blank' : undefined, sx: { ...(link && { cursor: 'pointer' }) }, children: value })) : (value) }) }));
+    const data = useMemo(() => {
+        if (children) {
+            return children;
+        }
+        if (href || link) {
+            return (_jsx(LinkEx, { title: value, to: to, href: href, target: href ? '_blank' : undefined, children: value }));
+        }
+        if (to) {
+            return value;
+        }
+    }, [children, href, link, to, value]);
+    return (_jsx(EllipsisTableCellRoot, { ref: ref, ...props, children: _jsx(EllipsizeBox, { sx: { cursor: link || to || href ? 'pointer' : 'inherit' }, children: data }) }));
 });
 EllipsisTableCellWithRef.displayName = 'EllipsisTableCell';
 export const EllipsisTableCell = EllipsisTableCellWithRef;

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

@@ -1 +1 @@
-{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGlC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,MAAM,qBAAqB,GAAG,MAAM,CAAC,SAAS,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;AAgBH,MAAM,CAAC,MAAM,wBAAwB,GAAmD,UAAU,CAChG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7D,OAAO,CACL,KAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,YACxC,KAAC,YAAY,cACV,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,CACvB,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,IAAI,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,YACtH,KAAK,GACC,CACV,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACY,GACO,CACzB,CAAA;AACH,CAAC,CACF,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAC1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAA"}
+{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,MAAM,qBAAqB,GAAG,MAAM,CAAC,SAAS,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;AAgBH,MAAM,CAAC,MAAM,wBAAwB,GAAmD,UAAU,CAChG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAA;SAChB;QACD,IAAI,IAAI,IAAI,IAAI,EAAE;YAChB,OAAO,CACL,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,YAC1E,KAAK,GACC,CACV,CAAA;SACF;QACD,IAAI,EAAE,EAAE;YACN,OAAO,KAAK,CAAA;SACb;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,CAAA;IACrC,OAAO,CACL,KAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,YACxC,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,YAAG,IAAI,GAAgB,GACzE,CACzB,CAAA;AACH,CAAC,CACF,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAC1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAA"}

package/dist/types/components/TableCell/EllipsisTableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAYrC,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAkBnF,CAAA;AAGD,eAAO,MAAM,iBAAiB,0DAA2B,CAAA"}
+{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAYrC,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAuBnF,CAAA;AAGD,eAAO,MAAM,iBAAiB,0DAA2B,CAAA"}

package/package.json

@@ -16,7 +16,7 @@
     "@xylabs/react-flexbox": "^2.16.11",
     "@xylabs/react-link": "^2.16.11",
     "@xylabs/react-shared": "^2.16.11",
-    "@xyo-network/react-event": "^2.47.2"
+    "@xyo-network/react-event": "^2.47.3"
   },
   "devDependencies": {
     "@storybook/react": "^6.5.16",
@@ -78,5 +78,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.47.2"
+  "version": "2.47.3"
 }

package/src/components/TableCell/EllipsisTableCell.tsx

@@ -1,7 +1,7 @@
 import { styled, TableCell, TableCellProps } from '@mui/material'
 import { LinkEx } from '@xylabs/react-link'
 import { WithChildren } from '@xylabs/react-shared'
-import { forwardRef } from 'react'
+import { forwardRef, useMemo } from 'react'
 import { To } from 'react-router-dom'
 
 import { EllipsizeBox } from '../Ellipsize'
@@ -30,19 +30,24 @@ export interface EllipsisTableCellProps extends TableCellProps {
 
 export const EllipsisTableCellWithRef: React.FC<WithChildren<EllipsisTableCellProps>> = forwardRef(
   ({ children, href, link = false, to, value, ...props }, ref) => {
+    const data = useMemo(() => {
+      if (children) {
+        return children
+      }
+      if (href || link) {
+        return (
+          <LinkEx title={value} to={to} href={href} target={href ? '_blank' : undefined}>
+            {value}
+          </LinkEx>
+        )
+      }
+      if (to) {
+        return value
+      }
+    }, [children, href, link, to, value])
     return (
       <EllipsisTableCellRoot ref={ref} {...props}>
-        <EllipsizeBox>
-          {children ? (
-            children
-          ) : href || to || link ? (
-            <LinkEx title={value} to={to} href={href} target={href ? '_blank' : undefined} sx={{ ...(link && { cursor: 'pointer' }) }}>
-              {value}
-            </LinkEx>
-          ) : (
-            value
-          )}
-        </EllipsizeBox>
+        <EllipsizeBox sx={{ cursor: link || to || href ? 'pointer' : 'inherit' }}>{data}</EllipsizeBox>
       </EllipsisTableCellRoot>
     )
   },