@xyo-network/react-shared 2.64.0-rc.2 → 2.64.0-rc.4

package/dist/node/components/TableCell/EllipsisTableCellDeprecated.mjs

@@ -0,0 +1,89 @@
+import { jsx } from "react/jsx-runtime";
+import { TableCell, useTheme } from "@mui/material";
+import { LinkEx } from "@xylabs/react-link";
+import { useEffect, useRef, useState } from "react";
+import { getActualPaddingX } from "../../lib";
+import { findParent } from "./findParent";
+import { getRemainingRowWidth } from "./getRemainingRowWidth";
+import { getSmallestParentWidth } from "./getSmallestParentWidth";
+const EllipsisTableCellDeprecated = ({ children, value, to, forCell, href, ...props }) => {
+  const [calcCellWidth, setCalcCellWidth] = useState(0);
+  const hashDivRef = useRef(null);
+  const theme = useTheme();
+  useEffect(() => {
+    const currentElement = hashDivRef.current?.parentElement;
+    const cell = findParent("td", currentElement);
+    const row = findParent("tr", currentElement);
+    const checkWidth = (cell2) => {
+      const smallestParentWidth = getSmallestParentWidth(cell2);
+      if (smallestParentWidth && row) {
+        const remainingWidth = getRemainingRowWidth(row, forCell);
+        const actualPaddingX = getActualPaddingX(cell2);
+        const remainderWidth = smallestParentWidth - remainingWidth - actualPaddingX;
+        cell2.style.width = `${remainderWidth}`;
+        setCalcCellWidth(remainderWidth);
+      }
+    };
+    const onResize = () => {
+      if (cell) {
+        checkWidth(cell);
+      }
+    };
+    if (cell) {
+      checkWidth(cell);
+      window.addEventListener("resize", onResize);
+      row?.addEventListener("resize", onResize);
+    }
+    return () => {
+      window.removeEventListener("resize", onResize);
+      row?.removeEventListener("resize", onResize);
+    };
+  }, [forCell, hashDivRef]);
+  return /* @__PURE__ */ jsx(TableCell, { ...props, children: /* @__PURE__ */ jsx("div", { ref: hashDivRef, children: children ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: {
+        display: "block",
+        maxWidth: calcCellWidth,
+        minWidth: theme.spacing(10),
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      },
+      children
+    }
+  ) : href || to ? /* @__PURE__ */ jsx(
+    LinkEx,
+    {
+      style: {
+        display: "block",
+        maxWidth: calcCellWidth,
+        minWidth: theme.spacing(10),
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      },
+      to,
+      href,
+      target: href ? "_blank" : void 0,
+      children: value
+    }
+  ) : /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: {
+        display: "block",
+        maxWidth: calcCellWidth,
+        minWidth: theme.spacing(10),
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      },
+      children: value
+    }
+  ) }) });
+};
+export {
+  EllipsisTableCellDeprecated
+};
+//# sourceMappingURL=EllipsisTableCellDeprecated.mjs.map

package/dist/node/components/TableCell/EllipsisTableCellDeprecated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/EllipsisTableCellDeprecated.tsx"],"sourcesContent":["import { TableCell, TableCellProps, useTheme } from '@mui/material'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useEffect, useRef, useState } from 'react'\nimport { To } from 'react-router-dom'\n\nimport { getActualPaddingX } from '../../lib'\nimport { findParent } from './findParent'\nimport { getRemainingRowWidth } from './getRemainingRowWidth'\nimport { getSmallestParentWidth } from './getSmallestParentWidth'\n\nexport interface EllipsisTableCellProps extends TableCellProps {\n  forCell?: number //cell index for ellipsized table cell\n  href?: string | undefined\n  to?: To | undefined\n  value?: string\n}\n\n/** @deprecated - use new EllipsisTableCell */\nexport const EllipsisTableCellDeprecated: React.FC<EllipsisTableCellProps> = ({ children, value, to, forCell, href, ...props }) => {\n  const [calcCellWidth, setCalcCellWidth] = useState<number>(0)\n  const hashDivRef = useRef<HTMLDivElement>(null)\n  const theme = useTheme()\n\n  useEffect(() => {\n    const currentElement = hashDivRef.current?.parentElement\n    const cell = findParent('td', currentElement)\n    const row = findParent('tr', currentElement)\n\n    const checkWidth = (cell: HTMLElement) => {\n      const smallestParentWidth = getSmallestParentWidth(cell)\n      if (smallestParentWidth && row) {\n        const remainingWidth = getRemainingRowWidth(row, forCell)\n        const actualPaddingX = getActualPaddingX(cell)\n        const remainderWidth = smallestParentWidth - remainingWidth - actualPaddingX\n        cell.style.width = `${remainderWidth}`\n        setCalcCellWidth(remainderWidth)\n      }\n    }\n\n    const onResize = () => {\n      if (cell) {\n        checkWidth(cell)\n      }\n    }\n\n    if (cell) {\n      checkWidth(cell)\n      window.addEventListener('resize', onResize)\n      row?.addEventListener('resize', onResize)\n    }\n    return () => {\n      window.removeEventListener('resize', onResize)\n      row?.removeEventListener('resize', onResize)\n    }\n  }, [forCell, hashDivRef])\n\n  return (\n    <TableCell {...props}>\n      <div ref={hashDivRef}>\n        {children ? (\n          <span\n            style={{\n              display: 'block',\n              maxWidth: calcCellWidth,\n              minWidth: theme.spacing(10),\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {children}\n          </span>\n        ) : href || to ? (\n          <LinkEx\n            style={{\n              display: 'block',\n              maxWidth: calcCellWidth,\n              minWidth: theme.spacing(10),\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n            }}\n            to={to}\n            href={href}\n            target={href ? '_blank' : undefined}\n          >\n            {value}\n          </LinkEx>\n        ) : (\n          <span\n            style={{\n              display: 'block',\n              maxWidth: calcCellWidth,\n              minWidth: theme.spacing(10),\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {value}\n          </span>\n        )}\n      </div>\n    </TableCell>\n  )\n}\n"],"mappings":"AA4DU;AA5DV,SAAS,WAA2B,gBAAgB;AACpD,SAAS,cAAc;AACvB,SAAS,WAAW,QAAQ,gBAAgB;AAG5C,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AAUhC,MAAM,8BAAgE,CAAC,EAAE,UAAU,OAAO,IAAI,SAAS,MAAM,GAAG,MAAM,MAAM;AACjI,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAiB,CAAC;AAC5D,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,QAAQ,SAAS;AAEvB,YAAU,MAAM;AACd,UAAM,iBAAiB,WAAW,SAAS;AAC3C,UAAM,OAAO,WAAW,MAAM,cAAc;AAC5C,UAAM,MAAM,WAAW,MAAM,cAAc;AAE3C,UAAM,aAAa,CAACA,UAAsB;AACxC,YAAM,sBAAsB,uBAAuBA,KAAI;AACvD,UAAI,uBAAuB,KAAK;AAC9B,cAAM,iBAAiB,qBAAqB,KAAK,OAAO;AACxD,cAAM,iBAAiB,kBAAkBA,KAAI;AAC7C,cAAM,iBAAiB,sBAAsB,iBAAiB;AAC9D,QAAAA,MAAK,MAAM,QAAQ,GAAG,cAAc;AACpC,yBAAiB,cAAc;AAAA,MACjC;AAAA,IACF;AAEA,UAAM,WAAW,MAAM;AACrB,UAAI,MAAM;AACR,mBAAW,IAAI;AAAA,MACjB;AAAA,IACF;AAEA,QAAI,MAAM;AACR,iBAAW,IAAI;AACf,aAAO,iBAAiB,UAAU,QAAQ;AAC1C,WAAK,iBAAiB,UAAU,QAAQ;AAAA,IAC1C;AACA,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,QAAQ;AAC7C,WAAK,oBAAoB,UAAU,QAAQ;AAAA,IAC7C;AAAA,EACF,GAAG,CAAC,SAAS,UAAU,CAAC;AAExB,SACE,oBAAC,aAAW,GAAG,OACb,8BAAC,SAAI,KAAK,YACP,qBACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU,MAAM,QAAQ,EAAE;AAAA,QAC1B,UAAU;AAAA,QACV,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,MAEC;AAAA;AAAA,EACH,IACE,QAAQ,KACV;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU,MAAM,QAAQ,EAAE;AAAA,QAC1B,UAAU;AAAA,QACV,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,WAAW;AAAA,MAEzB;AAAA;AAAA,EACH,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU,MAAM,QAAQ,EAAE;AAAA,QAC1B,UAAU;AAAA,QACV,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,MAEC;AAAA;AAAA,EACH,GAEJ,GACF;AAEJ;","names":["cell"]}

package/dist/node/components/TableCell/EllipsizeTableCell.stories.js

@@ -0,0 +1,99 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var EllipsizeTableCell_stories_exports = {};
+__export(EllipsizeTableCell_stories_exports, {
+  Default: () => Default,
+  WithMultiple: () => WithMultiple,
+  WithMultipleRows: () => WithMultipleRows,
+  default: () => EllipsizeTableCell_stories_default
+});
+module.exports = __toCommonJS(EllipsizeTableCell_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_router_dom = require("react-router-dom");
+var import_EllipsisTableCell = require("./EllipsisTableCell");
+const TableDecorator = (Story, args) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Table, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "Heading1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "Heading2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "Heading3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "Heading4" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableBody, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, { ...args }) })
+  ] }) });
+};
+var EllipsizeTableCell_stories_default = {
+  component: import_EllipsisTableCell.EllipsisTableCell,
+  decorators: [TableDecorator],
+  title: "shared/EllipsisTableCell"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.TableRow, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EllipsisTableCell.EllipsisTableCell, { to: "/foo", value: "As-Link-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915", ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "d2fa4a7d47dad915501ff6b2f860b7992c347" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "d2fa4a7d47dad915" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "e0f05" })
+  ] });
+};
+const TemplateWithMultiple = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.TableRow, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EllipsisTableCell.EllipsisTableCell, { width: "50%", ...props, children: "As-children-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EllipsisTableCell.EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "d2fa4a7d47dad915" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "e0f05" })
+  ] });
+};
+const TemplateWithMultipleRows = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_EllipsisTableCell.EllipsisTableCell,
+        {
+          width: "50%",
+          href: "http://foo.com",
+          ...props,
+          value: "As-href-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EllipsisTableCell.EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "d2fa4a7d47dad915" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "e0f05" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "d2fa4a7d47dad915" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.TableCell, { children: "e0f05" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EllipsisTableCell.EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EllipsisTableCell.EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" })
+    ] })
+  ] });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithMultiple = TemplateWithMultiple.bind({});
+WithMultiple.args = {};
+const WithMultipleRows = TemplateWithMultipleRows.bind({});
+WithMultipleRows.args = {};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default,
+  WithMultiple,
+  WithMultipleRows
+});
+//# sourceMappingURL=EllipsizeTableCell.stories.js.map

package/dist/node/components/TableCell/EllipsizeTableCell.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/EllipsizeTableCell.stories.tsx"],"sourcesContent":["import { Table, TableBody, TableCell, TableHead, TableRow } from '@mui/material'\nimport { Decorator, Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { EllipsisTableCell } from './EllipsisTableCell'\n\nconst TableDecorator: Decorator = (Story, args) => {\n  return (\n    <BrowserRouter>\n      <Table>\n        <TableHead>\n          <TableRow>\n            <TableCell>Heading1</TableCell>\n            <TableCell>Heading2</TableCell>\n            <TableCell>Heading3</TableCell>\n            <TableCell>Heading4</TableCell>\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          <Story {...args} />\n        </TableBody>\n      </Table>\n    </BrowserRouter>\n  )\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  component: EllipsisTableCell,\n  decorators: [TableDecorator],\n  title: 'shared/EllipsisTableCell',\n} as Meta\n\nconst Template: StoryFn<typeof EllipsisTableCell> = (props) => {\n  return (\n    <TableRow>\n      <EllipsisTableCell to=\"/foo\" value=\"As-Link-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\" {...props} />\n      <TableCell>d2fa4a7d47dad915501ff6b2f860b7992c347</TableCell>\n      <TableCell>d2fa4a7d47dad915</TableCell>\n      <TableCell>e0f05</TableCell>\n    </TableRow>\n  )\n}\n\nconst TemplateWithMultiple: StoryFn<typeof EllipsisTableCell> = (props) => {\n  return (\n    <TableRow>\n      <EllipsisTableCell width=\"50%\" {...props}>\n        As-children-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n      </EllipsisTableCell>\n      <EllipsisTableCell width=\"50%\" {...props}>\n        e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n      </EllipsisTableCell>\n      <TableCell>d2fa4a7d47dad915</TableCell>\n      <TableCell>e0f05</TableCell>\n    </TableRow>\n  )\n}\n\nconst TemplateWithMultipleRows: StoryFn<typeof EllipsisTableCell> = (props) => {\n  return (\n    <>\n      <TableRow>\n        <EllipsisTableCell\n          width=\"50%\"\n          href=\"http://foo.com\"\n          {...props}\n          value=\"As-href-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\"\n        />\n        <EllipsisTableCell width=\"50%\" {...props}>\n          e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n        </EllipsisTableCell>\n        <TableCell>d2fa4a7d47dad915</TableCell>\n        <TableCell>e0f05</TableCell>\n      </TableRow>\n      <TableRow>\n        <TableCell>d2fa4a7d47dad915</TableCell>\n        <TableCell>e0f05</TableCell>\n        <EllipsisTableCell width=\"50%\" {...props}>\n          e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n        </EllipsisTableCell>\n        <EllipsisTableCell width=\"50%\" {...props}>\n          e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n        </EllipsisTableCell>\n      </TableRow>\n    </>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithMultiple = TemplateWithMultiple.bind({})\nWithMultiple.args = {}\n\nconst WithMultipleRows = TemplateWithMultipleRows.bind({})\nWithMultipleRows.args = {}\n\nexport { Default, WithMultiple, WithMultipleRows }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWU;AAXV,sBAAiE;AAEjE,8BAA8B;AAE9B,+BAAkC;AAElC,MAAM,iBAA4B,CAAC,OAAO,SAAS;AACjD,SACE,4CAAC,yCACC,uDAAC,yBACC;AAAA,gDAAC,6BACC,uDAAC,4BACC;AAAA,kDAAC,6BAAU,sBAAQ;AAAA,MACnB,4CAAC,6BAAU,sBAAQ;AAAA,MACnB,4CAAC,6BAAU,sBAAQ;AAAA,MACnB,4CAAC,6BAAU,sBAAQ;AAAA,OACrB,GACF;AAAA,IACA,4CAAC,6BACC,sDAAC,SAAO,GAAG,MAAM,GACnB;AAAA,KACF,GACF;AAEJ;AAGA,IAAO,qCAAQ;AAAA,EACb,WAAW;AAAA,EACX,YAAY,CAAC,cAAc;AAAA,EAC3B,OAAO;AACT;AAEA,MAAM,WAA8C,CAAC,UAAU;AAC7D,SACE,6CAAC,4BACC;AAAA,gDAAC,8CAAkB,IAAG,QAAO,OAAM,4EAA4E,GAAG,OAAO;AAAA,IACzH,4CAAC,6BAAU,mDAAqC;AAAA,IAChD,4CAAC,6BAAU,8BAAgB;AAAA,IAC3B,4CAAC,6BAAU,mBAAK;AAAA,KAClB;AAEJ;AAEA,MAAM,uBAA0D,CAAC,UAAU;AACzE,SACE,6CAAC,4BACC;AAAA,gDAAC,8CAAkB,OAAM,OAAO,GAAG,OAAO,0FAE1C;AAAA,IACA,4CAAC,8CAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,IACA,4CAAC,6BAAU,8BAAgB;AAAA,IAC3B,4CAAC,6BAAU,mBAAK;AAAA,KAClB;AAEJ;AAEA,MAAM,2BAA8D,CAAC,UAAU;AAC7E,SACE,4EACE;AAAA,iDAAC,4BACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACJ,GAAG;AAAA,UACJ,OAAM;AAAA;AAAA,MACR;AAAA,MACA,4CAAC,8CAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,MACA,4CAAC,6BAAU,8BAAgB;AAAA,MAC3B,4CAAC,6BAAU,mBAAK;AAAA,OAClB;AAAA,IACA,6CAAC,4BACC;AAAA,kDAAC,6BAAU,8BAAgB;AAAA,MAC3B,4CAAC,6BAAU,mBAAK;AAAA,MAChB,4CAAC,8CAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,MACA,4CAAC,8CAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,eAAe,qBAAqB,KAAK,CAAC,CAAC;AACjD,aAAa,OAAO,CAAC;AAErB,MAAM,mBAAmB,yBAAyB,KAAK,CAAC,CAAC;AACzD,iBAAiB,OAAO,CAAC;","names":[]}

package/dist/node/components/TableCell/EllipsizeTableCell.stories.mjs

@@ -0,0 +1,73 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Table, TableBody, TableCell, TableHead, TableRow } from "@mui/material";
+import { BrowserRouter } from "react-router-dom";
+import { EllipsisTableCell } from "./EllipsisTableCell";
+const TableDecorator = (Story, args) => {
+  return /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { children: "Heading1" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "Heading2" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "Heading3" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "Heading4" })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(Story, { ...args }) })
+  ] }) });
+};
+var EllipsizeTableCell_stories_default = {
+  component: EllipsisTableCell,
+  decorators: [TableDecorator],
+  title: "shared/EllipsisTableCell"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx(EllipsisTableCell, { to: "/foo", value: "As-Link-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915", ...props }),
+    /* @__PURE__ */ jsx(TableCell, { children: "d2fa4a7d47dad915501ff6b2f860b7992c347" }),
+    /* @__PURE__ */ jsx(TableCell, { children: "d2fa4a7d47dad915" }),
+    /* @__PURE__ */ jsx(TableCell, { children: "e0f05" })
+  ] });
+};
+const TemplateWithMultiple = (props) => {
+  return /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx(EllipsisTableCell, { width: "50%", ...props, children: "As-children-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+    /* @__PURE__ */ jsx(EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+    /* @__PURE__ */ jsx(TableCell, { children: "d2fa4a7d47dad915" }),
+    /* @__PURE__ */ jsx(TableCell, { children: "e0f05" })
+  ] });
+};
+const TemplateWithMultipleRows = (props) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(
+        EllipsisTableCell,
+        {
+          width: "50%",
+          href: "http://foo.com",
+          ...props,
+          value: "As-href-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915"
+        }
+      ),
+      /* @__PURE__ */ jsx(EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "d2fa4a7d47dad915" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "e0f05" })
+    ] }),
+    /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { children: "d2fa4a7d47dad915" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "e0f05" }),
+      /* @__PURE__ */ jsx(EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+      /* @__PURE__ */ jsx(EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" })
+    ] })
+  ] });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithMultiple = TemplateWithMultiple.bind({});
+WithMultiple.args = {};
+const WithMultipleRows = TemplateWithMultipleRows.bind({});
+WithMultipleRows.args = {};
+export {
+  Default,
+  WithMultiple,
+  WithMultipleRows,
+  EllipsizeTableCell_stories_default as default
+};
+//# sourceMappingURL=EllipsizeTableCell.stories.mjs.map

package/dist/node/components/TableCell/EllipsizeTableCell.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/EllipsizeTableCell.stories.tsx"],"sourcesContent":["import { Table, TableBody, TableCell, TableHead, TableRow } from '@mui/material'\nimport { Decorator, Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { EllipsisTableCell } from './EllipsisTableCell'\n\nconst TableDecorator: Decorator = (Story, args) => {\n  return (\n    <BrowserRouter>\n      <Table>\n        <TableHead>\n          <TableRow>\n            <TableCell>Heading1</TableCell>\n            <TableCell>Heading2</TableCell>\n            <TableCell>Heading3</TableCell>\n            <TableCell>Heading4</TableCell>\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          <Story {...args} />\n        </TableBody>\n      </Table>\n    </BrowserRouter>\n  )\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  component: EllipsisTableCell,\n  decorators: [TableDecorator],\n  title: 'shared/EllipsisTableCell',\n} as Meta\n\nconst Template: StoryFn<typeof EllipsisTableCell> = (props) => {\n  return (\n    <TableRow>\n      <EllipsisTableCell to=\"/foo\" value=\"As-Link-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\" {...props} />\n      <TableCell>d2fa4a7d47dad915501ff6b2f860b7992c347</TableCell>\n      <TableCell>d2fa4a7d47dad915</TableCell>\n      <TableCell>e0f05</TableCell>\n    </TableRow>\n  )\n}\n\nconst TemplateWithMultiple: StoryFn<typeof EllipsisTableCell> = (props) => {\n  return (\n    <TableRow>\n      <EllipsisTableCell width=\"50%\" {...props}>\n        As-children-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n      </EllipsisTableCell>\n      <EllipsisTableCell width=\"50%\" {...props}>\n        e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n      </EllipsisTableCell>\n      <TableCell>d2fa4a7d47dad915</TableCell>\n      <TableCell>e0f05</TableCell>\n    </TableRow>\n  )\n}\n\nconst TemplateWithMultipleRows: StoryFn<typeof EllipsisTableCell> = (props) => {\n  return (\n    <>\n      <TableRow>\n        <EllipsisTableCell\n          width=\"50%\"\n          href=\"http://foo.com\"\n          {...props}\n          value=\"As-href-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\"\n        />\n        <EllipsisTableCell width=\"50%\" {...props}>\n          e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n        </EllipsisTableCell>\n        <TableCell>d2fa4a7d47dad915</TableCell>\n        <TableCell>e0f05</TableCell>\n      </TableRow>\n      <TableRow>\n        <TableCell>d2fa4a7d47dad915</TableCell>\n        <TableCell>e0f05</TableCell>\n        <EllipsisTableCell width=\"50%\" {...props}>\n          e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n        </EllipsisTableCell>\n        <EllipsisTableCell width=\"50%\" {...props}>\n          e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n        </EllipsisTableCell>\n      </TableRow>\n    </>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithMultiple = TemplateWithMultiple.bind({})\nWithMultiple.args = {}\n\nconst WithMultipleRows = TemplateWithMultipleRows.bind({})\nWithMultipleRows.args = {}\n\nexport { Default, WithMultiple, WithMultipleRows }\n"],"mappings":"AAWU,SAkDN,UAjDQ,KADF;AAXV,SAAS,OAAO,WAAW,WAAW,WAAW,gBAAgB;AAEjE,SAAS,qBAAqB;AAE9B,SAAS,yBAAyB;AAElC,MAAM,iBAA4B,CAAC,OAAO,SAAS;AACjD,SACE,oBAAC,iBACC,+BAAC,SACC;AAAA,wBAAC,aACC,+BAAC,YACC;AAAA,0BAAC,aAAU,sBAAQ;AAAA,MACnB,oBAAC,aAAU,sBAAQ;AAAA,MACnB,oBAAC,aAAU,sBAAQ;AAAA,MACnB,oBAAC,aAAU,sBAAQ;AAAA,OACrB,GACF;AAAA,IACA,oBAAC,aACC,8BAAC,SAAO,GAAG,MAAM,GACnB;AAAA,KACF,GACF;AAEJ;AAGA,IAAO,qCAAQ;AAAA,EACb,WAAW;AAAA,EACX,YAAY,CAAC,cAAc;AAAA,EAC3B,OAAO;AACT;AAEA,MAAM,WAA8C,CAAC,UAAU;AAC7D,SACE,qBAAC,YACC;AAAA,wBAAC,qBAAkB,IAAG,QAAO,OAAM,4EAA4E,GAAG,OAAO;AAAA,IACzH,oBAAC,aAAU,mDAAqC;AAAA,IAChD,oBAAC,aAAU,8BAAgB;AAAA,IAC3B,oBAAC,aAAU,mBAAK;AAAA,KAClB;AAEJ;AAEA,MAAM,uBAA0D,CAAC,UAAU;AACzE,SACE,qBAAC,YACC;AAAA,wBAAC,qBAAkB,OAAM,OAAO,GAAG,OAAO,0FAE1C;AAAA,IACA,oBAAC,qBAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,IACA,oBAAC,aAAU,8BAAgB;AAAA,IAC3B,oBAAC,aAAU,mBAAK;AAAA,KAClB;AAEJ;AAEA,MAAM,2BAA8D,CAAC,UAAU;AAC7E,SACE,iCACE;AAAA,yBAAC,YACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACJ,GAAG;AAAA,UACJ,OAAM;AAAA;AAAA,MACR;AAAA,MACA,oBAAC,qBAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,MACA,oBAAC,aAAU,8BAAgB;AAAA,MAC3B,oBAAC,aAAU,mBAAK;AAAA,OAClB;AAAA,IACA,qBAAC,YACC;AAAA,0BAAC,aAAU,8BAAgB;AAAA,MAC3B,oBAAC,aAAU,mBAAK;AAAA,MAChB,oBAAC,qBAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,MACA,oBAAC,qBAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,eAAe,qBAAqB,KAAK,CAAC,CAAC;AACjD,aAAa,OAAO,CAAC;AAErB,MAAM,mBAAmB,yBAAyB,KAAK,CAAC,CAAC;AACzD,iBAAiB,OAAO,CAAC;","names":[]}

package/dist/node/components/TableCell/HashTableCell.d.mts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { EllipsisTableCellProps } from './EllipsisTableCell';
+export interface HashTableCellProps extends EllipsisTableCellProps {
+    archive?: string;
+    dataType?: 'block' | 'payload';
+    exploreDomain?: string;
+    network?: string;
+}
+export declare const HashTableCell: React.FC<HashTableCellProps>;
+//# sourceMappingURL=HashTableCell.d.ts.map

package/dist/node/components/TableCell/HashTableCell.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE/E,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoBtD,CAAA"}

package/dist/node/components/TableCell/HashTableCell.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { EllipsisTableCellProps } from './EllipsisTableCell';
+export interface HashTableCellProps extends EllipsisTableCellProps {
+    archive?: string;
+    dataType?: 'block' | 'payload';
+    exploreDomain?: string;
+    network?: string;
+}
+export declare const HashTableCell: React.FC<HashTableCellProps>;
+//# sourceMappingURL=HashTableCell.d.ts.map

package/dist/node/components/TableCell/HashTableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE/E,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoBtD,CAAA"}

package/dist/node/components/TableCell/HashTableCell.js

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var HashTableCell_exports = {};
+__export(HashTableCell_exports, {
+  HashTableCell: () => HashTableCell
+});
+module.exports = __toCommonJS(HashTableCell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_event = require("@xyo-network/react-event");
+var import_react = require("react");
+var import_EllipsisTableCell = require("./EllipsisTableCell");
+const HashTableCell = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
+  const ref = (0, import_react.useRef)(null);
+  const [tableCellRef, dispatch] = (0, import_react_event.useEvent)(void 0, ref);
+  const hashPath = `/${dataType}/hash/${value}?network=${network ?? "main"}`;
+  const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath;
+  const handleCellClick = () => {
+    dispatch?.("hash", "click", value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_EllipsisTableCell.EllipsisTableCell,
+    {
+      onClick: handleCellClick,
+      ref: tableCellRef,
+      value,
+      href: exploreDomain ? `${exploreDomain}${explorePath}}` : void 0,
+      to: exploreDomain ? void 0 : explorePath,
+      ...props
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HashTableCell
+});
+//# sourceMappingURL=HashTableCell.js.map

package/dist/node/components/TableCell/HashTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"sourcesContent":["import { useEvent } from '@xyo-network/react-event'\nimport { useRef } from 'react'\n\nimport { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'\n\nexport interface HashTableCellProps extends EllipsisTableCellProps {\n  archive?: string\n  dataType?: 'block' | 'payload'\n  exploreDomain?: string\n  network?: string\n}\n\nexport const HashTableCell: React.FC<HashTableCellProps> = ({ value, archive, dataType, network, exploreDomain, ...props }) => {\n  const ref = useRef<HTMLTableCellElement | null>(null)\n  const [tableCellRef, dispatch] = useEvent<HTMLTableCellElement>(undefined, ref)\n  const hashPath = `/${dataType}/hash/${value}?network=${network ?? 'main'}`\n  const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath\n\n  const handleCellClick = () => {\n    dispatch?.('hash', 'click', value)\n  }\n\n  return (\n    <EllipsisTableCell\n      onClick={handleCellClick}\n      ref={tableCellRef}\n      value={value}\n      href={exploreDomain ? `${exploreDomain}${explorePath}}` : undefined}\n      to={exploreDomain ? undefined : explorePath}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBI;AAvBJ,yBAAyB;AACzB,mBAAuB;AAEvB,+BAA0D;AASnD,MAAM,gBAA8C,CAAC,EAAE,OAAO,SAAS,UAAU,SAAS,eAAe,GAAG,MAAM,MAAM;AAC7H,QAAM,UAAM,qBAAoC,IAAI;AACpD,QAAM,CAAC,cAAc,QAAQ,QAAI,6BAA+B,QAAW,GAAG;AAC9E,QAAM,WAAW,IAAI,QAAQ,SAAS,KAAK,YAAY,WAAW,MAAM;AACxE,QAAM,cAAc,UAAU,YAAY,OAAO,GAAG,QAAQ,KAAK;AAEjE,QAAM,kBAAkB,MAAM;AAC5B,eAAW,QAAQ,SAAS,KAAK;AAAA,EACnC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,KAAK;AAAA,MACL;AAAA,MACA,MAAM,gBAAgB,GAAG,aAAa,GAAG,WAAW,MAAM;AAAA,MAC1D,IAAI,gBAAgB,SAAY;AAAA,MAC/B,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/node/components/TableCell/HashTableCell.mjs

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { useEvent } from "@xyo-network/react-event";
+import { useRef } from "react";
+import { EllipsisTableCell } from "./EllipsisTableCell";
+const HashTableCell = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
+  const ref = useRef(null);
+  const [tableCellRef, dispatch] = useEvent(void 0, ref);
+  const hashPath = `/${dataType}/hash/${value}?network=${network ?? "main"}`;
+  const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath;
+  const handleCellClick = () => {
+    dispatch?.("hash", "click", value);
+  };
+  return /* @__PURE__ */ jsx(
+    EllipsisTableCell,
+    {
+      onClick: handleCellClick,
+      ref: tableCellRef,
+      value,
+      href: exploreDomain ? `${exploreDomain}${explorePath}}` : void 0,
+      to: exploreDomain ? void 0 : explorePath,
+      ...props
+    }
+  );
+};
+export {
+  HashTableCell
+};
+//# sourceMappingURL=HashTableCell.mjs.map

package/dist/node/components/TableCell/HashTableCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"sourcesContent":["import { useEvent } from '@xyo-network/react-event'\nimport { useRef } from 'react'\n\nimport { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'\n\nexport interface HashTableCellProps extends EllipsisTableCellProps {\n  archive?: string\n  dataType?: 'block' | 'payload'\n  exploreDomain?: string\n  network?: string\n}\n\nexport const HashTableCell: React.FC<HashTableCellProps> = ({ value, archive, dataType, network, exploreDomain, ...props }) => {\n  const ref = useRef<HTMLTableCellElement | null>(null)\n  const [tableCellRef, dispatch] = useEvent<HTMLTableCellElement>(undefined, ref)\n  const hashPath = `/${dataType}/hash/${value}?network=${network ?? 'main'}`\n  const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath\n\n  const handleCellClick = () => {\n    dispatch?.('hash', 'click', value)\n  }\n\n  return (\n    <EllipsisTableCell\n      onClick={handleCellClick}\n      ref={tableCellRef}\n      value={value}\n      href={exploreDomain ? `${exploreDomain}${explorePath}}` : undefined}\n      to={exploreDomain ? undefined : explorePath}\n      {...props}\n    />\n  )\n}\n"],"mappings":"AAuBI;AAvBJ,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,SAAS,yBAAiD;AASnD,MAAM,gBAA8C,CAAC,EAAE,OAAO,SAAS,UAAU,SAAS,eAAe,GAAG,MAAM,MAAM;AAC7H,QAAM,MAAM,OAAoC,IAAI;AACpD,QAAM,CAAC,cAAc,QAAQ,IAAI,SAA+B,QAAW,GAAG;AAC9E,QAAM,WAAW,IAAI,QAAQ,SAAS,KAAK,YAAY,WAAW,MAAM;AACxE,QAAM,cAAc,UAAU,YAAY,OAAO,GAAG,QAAQ,KAAK;AAEjE,QAAM,kBAAkB,MAAM;AAC5B,eAAW,QAAQ,SAAS,KAAK;AAAA,EACnC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,KAAK;AAAA,MACL;AAAA,MACA,MAAM,gBAAgB,GAAG,aAAa,GAAG,WAAW,MAAM;AAAA,MAC1D,IAAI,gBAAgB,SAAY;AAAA,MAC/B,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/node/components/TableCell/findParent.d.mts

@@ -0,0 +1,2 @@
+export declare const findParent: (tagName: string, element?: HTMLElement | null) => HTMLElement | undefined;
+//# sourceMappingURL=findParent.d.ts.map

package/dist/node/components/TableCell/findParent.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findParent.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/findParent.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,YAAa,MAAM,YAAW,WAAW,GAAG,IAAI,4BAStE,CAAA"}

package/dist/node/components/TableCell/findParent.d.ts

@@ -0,0 +1,2 @@
+export declare const findParent: (tagName: string, element?: HTMLElement | null) => HTMLElement | undefined;
+//# sourceMappingURL=findParent.d.ts.map

package/dist/node/components/TableCell/findParent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findParent.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/findParent.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,YAAa,MAAM,YAAW,WAAW,GAAG,IAAI,4BAStE,CAAA"}

package/dist/node/components/TableCell/findParent.js

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var findParent_exports = {};
+__export(findParent_exports, {
+  findParent: () => findParent
+});
+module.exports = __toCommonJS(findParent_exports);
+const findParent = (tagName, element = null) => {
+  let currentElement = element;
+  while (currentElement) {
+    if (currentElement.tagName.toLowerCase() === tagName.toLowerCase()) {
+      return currentElement;
+    } else {
+      currentElement = currentElement.parentElement;
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  findParent
+});
+//# sourceMappingURL=findParent.js.map

package/dist/node/components/TableCell/findParent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/findParent.ts"],"sourcesContent":["export const findParent = (tagName: string, element: HTMLElement | null = null) => {\n  let currentElement = element\n  while (currentElement) {\n    if (currentElement.tagName.toLowerCase() === tagName.toLowerCase()) {\n      return currentElement\n    } else {\n      currentElement = currentElement.parentElement\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,aAAa,CAAC,SAAiB,UAA8B,SAAS;AACjF,MAAI,iBAAiB;AACrB,SAAO,gBAAgB;AACrB,QAAI,eAAe,QAAQ,YAAY,MAAM,QAAQ,YAAY,GAAG;AAClE,aAAO;AAAA,IACT,OAAO;AACL,uBAAiB,eAAe;AAAA,IAClC;AAAA,EACF;AACF;","names":[]}

package/dist/node/components/TableCell/findParent.mjs

@@ -0,0 +1,14 @@
+const findParent = (tagName, element = null) => {
+  let currentElement = element;
+  while (currentElement) {
+    if (currentElement.tagName.toLowerCase() === tagName.toLowerCase()) {
+      return currentElement;
+    } else {
+      currentElement = currentElement.parentElement;
+    }
+  }
+};
+export {
+  findParent
+};
+//# sourceMappingURL=findParent.mjs.map

package/dist/node/components/TableCell/findParent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/findParent.ts"],"sourcesContent":["export const findParent = (tagName: string, element: HTMLElement | null = null) => {\n  let currentElement = element\n  while (currentElement) {\n    if (currentElement.tagName.toLowerCase() === tagName.toLowerCase()) {\n      return currentElement\n    } else {\n      currentElement = currentElement.parentElement\n    }\n  }\n}\n"],"mappings":"AAAO,MAAM,aAAa,CAAC,SAAiB,UAA8B,SAAS;AACjF,MAAI,iBAAiB;AACrB,SAAO,gBAAgB;AACrB,QAAI,eAAe,QAAQ,YAAY,MAAM,QAAQ,YAAY,GAAG;AAClE,aAAO;AAAA,IACT,OAAO;AACL,uBAAiB,eAAe;AAAA,IAClC;AAAA,EACF;AACF;","names":[]}

package/dist/node/components/TableCell/getRemainingRowWidth.d.mts

@@ -0,0 +1,3 @@
+/** @description This is the width of all the cells (except the one passed) in the row combined and the spacing of the main cell */
+export declare const getRemainingRowWidth: (row: HTMLElement, forCell?: number) => number;
+//# sourceMappingURL=getRemainingRowWidth.d.ts.map

package/dist/node/components/TableCell/getRemainingRowWidth.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRemainingRowWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"names":[],"mappings":"AAAA,mIAAmI;AACnI,eAAO,MAAM,oBAAoB,QAAS,WAAW,6BAYpD,CAAA"}

package/dist/node/components/TableCell/getRemainingRowWidth.d.ts

@@ -0,0 +1,3 @@
+/** @description This is the width of all the cells (except the one passed) in the row combined and the spacing of the main cell */
+export declare const getRemainingRowWidth: (row: HTMLElement, forCell?: number) => number;
+//# sourceMappingURL=getRemainingRowWidth.d.ts.map

package/dist/node/components/TableCell/getRemainingRowWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRemainingRowWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"names":[],"mappings":"AAAA,mIAAmI;AACnI,eAAO,MAAM,oBAAoB,QAAS,WAAW,6BAYpD,CAAA"}

package/dist/node/components/TableCell/getRemainingRowWidth.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var getRemainingRowWidth_exports = {};
+__export(getRemainingRowWidth_exports, {
+  getRemainingRowWidth: () => getRemainingRowWidth
+});
+module.exports = __toCommonJS(getRemainingRowWidth_exports);
+const getRemainingRowWidth = (row, forCell = 0) => {
+  let width = 0;
+  for (let i = 0; i < (row?.childElementCount ?? 0); i++) {
+    const item = row?.children.item(i);
+    if (item) {
+      if (i !== forCell) {
+        width += item?.clientWidth ?? 0;
+      }
+    }
+  }
+  return width;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getRemainingRowWidth
+});
+//# sourceMappingURL=getRemainingRowWidth.js.map

package/dist/node/components/TableCell/getRemainingRowWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"sourcesContent":["/** @description This is the width of all the cells (except the one passed) in the row combined and the spacing of the main cell */\nexport const getRemainingRowWidth = (row: HTMLElement, forCell = 0) => {\n  let width = 0\n  for (let i = 0; i < (row?.childElementCount ?? 0); i++) {\n    const item = row?.children.item(i)\n    if (item) {\n      if (i !== forCell) {\n        width += item?.clientWidth ?? 0\n      }\n    }\n  }\n\n  return width\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,MAAM,uBAAuB,CAAC,KAAkB,UAAU,MAAM;AACrE,MAAI,QAAQ;AACZ,WAAS,IAAI,GAAG,KAAK,KAAK,qBAAqB,IAAI,KAAK;AACtD,UAAM,OAAO,KAAK,SAAS,KAAK,CAAC;AACjC,QAAI,MAAM;AACR,UAAI,MAAM,SAAS;AACjB,iBAAS,MAAM,eAAe;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/node/components/TableCell/getRemainingRowWidth.mjs

@@ -0,0 +1,16 @@
+const getRemainingRowWidth = (row, forCell = 0) => {
+  let width = 0;
+  for (let i = 0; i < (row?.childElementCount ?? 0); i++) {
+    const item = row?.children.item(i);
+    if (item) {
+      if (i !== forCell) {
+        width += item?.clientWidth ?? 0;
+      }
+    }
+  }
+  return width;
+};
+export {
+  getRemainingRowWidth
+};
+//# sourceMappingURL=getRemainingRowWidth.mjs.map

package/dist/node/components/TableCell/getRemainingRowWidth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"sourcesContent":["/** @description This is the width of all the cells (except the one passed) in the row combined and the spacing of the main cell */\nexport const getRemainingRowWidth = (row: HTMLElement, forCell = 0) => {\n  let width = 0\n  for (let i = 0; i < (row?.childElementCount ?? 0); i++) {\n    const item = row?.children.item(i)\n    if (item) {\n      if (i !== forCell) {\n        width += item?.clientWidth ?? 0\n      }\n    }\n  }\n\n  return width\n}\n"],"mappings":"AACO,MAAM,uBAAuB,CAAC,KAAkB,UAAU,MAAM;AACrE,MAAI,QAAQ;AACZ,WAAS,IAAI,GAAG,KAAK,KAAK,qBAAqB,IAAI,KAAK;AACtD,UAAM,OAAO,KAAK,SAAS,KAAK,CAAC;AACjC,QAAI,MAAM;AACR,UAAI,MAAM,SAAS;AACjB,iBAAS,MAAM,eAAe;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/node/components/TableCell/getSmallestParentWidth.d.mts

@@ -0,0 +1,2 @@
+export declare const getSmallestParentWidth: (element: HTMLElement, maxDepth?: number) => number;
+//# sourceMappingURL=getSmallestParentWidth.d.ts.map

package/dist/node/components/TableCell/getSmallestParentWidth.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSmallestParentWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/getSmallestParentWidth.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,YAAa,WAAW,8BAY1D,CAAA"}

package/dist/node/components/TableCell/getSmallestParentWidth.d.ts

@@ -0,0 +1,2 @@
+export declare const getSmallestParentWidth: (element: HTMLElement, maxDepth?: number) => number;
+//# sourceMappingURL=getSmallestParentWidth.d.ts.map

package/dist/node/components/TableCell/getSmallestParentWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSmallestParentWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/getSmallestParentWidth.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,YAAa,WAAW,8BAY1D,CAAA"}