@xyo-network/react-shared 2.25.26 → 2.25.29

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

@@ -0,0 +1,16 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+export interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+export interface ErrorBoundaryState {
+    error?: Error;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | import("react").ReactFragment | JSX.Element | null | undefined;
+}

package/dist/cjs/components/ErrorBoundry.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const sdk_react_1 = require("@xylabs/sdk-react");
+const react_1 = require("react");
+class ErrorBoundary extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.state = { error: undefined };
+    }
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error(`${error}: ${errorInfo}`);
+    }
+    render() {
+        var _a, _b;
+        if (this.state.error) {
+            return ((_a = this.props.fallback) !== null && _a !== void 0 ? _a : ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h1" }, { children: "Something went wrong." })), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "body1" }, { children: ["[", (_b = this.state.error) === null || _b === void 0 ? void 0 : _b.message, "]"] }))] })));
+        }
+        return this.props.children;
+    }
+}
+exports.ErrorBoundary = ErrorBoundary;
+//# sourceMappingURL=ErrorBoundry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundry.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundry.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,iDAA2C;AAC3C,iCAAuD;AAWvD,MAAa,aAAc,SAAQ,iBAAiD;IAClF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA;IACnC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;IAClB,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,SAAS,EAAE,CAAC,CAAA;IACzC,CAAC;IAED,MAAM;;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB,OAAO,CACL,MAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,mCAAI,CACrB,wBAAC,mBAAO,eACN,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,2CAAmC,EAC3D,wBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,sBAAG,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,OAAO,UAAe,IAC9D,CACX,CACF,CAAA;SACF;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF;AA5BD,sCA4BC"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ErrorPage: () => JSX.Element;

package/dist/cjs/components/ErrorPage.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sdk_react_1 = require("@xylabs/sdk-react");
+const FlexPage_1 = require("./FlexPage");
+const ErrorPage = () => ((0, jsx_runtime_1.jsxs)(FlexPage_1.FlexPage, Object.assign({ title: "Oops! Something went wrong" }, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Oops! Something went wrong!" }), (0, jsx_runtime_1.jsx)(sdk_react_1.ButtonEx, Object.assign({ href: "/", variant: "contained" }, { children: "Homepage" }))] })));
+exports.ErrorPage = ErrorPage;
+//# sourceMappingURL=ErrorPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";;;;AAAA,iDAA4C;AAE5C,yCAAqC;AAE9B,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,wBAAC,mBAAQ,kBAAC,KAAK,EAAC,4BAA4B,iBAC1C,yEAAoC,EACpC,uBAAC,oBAAQ,kBAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,8BAE3B,KACF,CACZ,CAAA;AAPY,QAAA,SAAS,aAOrB"}

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

@@ -0,0 +1,8 @@
+import { ContainerProps } from '@mui/material';
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { ReactNode } from 'react';
+export interface FlexPageProps extends FlexBoxProps {
+    container?: ContainerProps['maxWidth'];
+    breadcrumbs?: ReactNode;
+}
+export declare const FlexPage: React.FC<FlexPageProps>;

package/dist/cjs/components/FlexPage.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexPage = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const sdk_react_1 = require("@xylabs/sdk-react");
+const react_helmet_1 = require("react-helmet");
+const react_router_dom_1 = require("react-router-dom");
+const FlexPage = (_a) => {
+    var { title, container = 'xl', breadcrumbs, children } = _a, props = tslib_1.__rest(_a, ["title", "container", "breadcrumbs", "children"]);
+    const userEvents = (0, sdk_react_1.useUserEvents)();
+    const { pathname } = (0, react_router_dom_1.useLocation)();
+    (0, sdk_react_1.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        yield (userEvents === null || userEvents === void 0 ? void 0 : userEvents.viewContent({ name: title !== null && title !== void 0 ? title : 'NodeBasePage', path: location.pathname }));
+    }), [pathname, title, userEvents]);
+    const Body = (props) => ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexGrowCol, Object.assign({ gap: 2, paddingY: 2, justifyContent: "flex-start", alignItems: "stretch" }, props, { children: [breadcrumbs, children] })));
+    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexGrowCol, Object.assign({ alignItems: "stretch", justifyContent: "flex-start", minHeight: 0, overflow: "visible scroll" }, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { title: title }), container ? ((0, jsx_runtime_1.jsx)(material_1.Container, Object.assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }, maxWidth: container }, { children: (0, jsx_runtime_1.jsx)(Body, Object.assign({}, props)) }))) : ((0, jsx_runtime_1.jsx)(Body, Object.assign({}, props)))] })));
+};
+exports.FlexPage = FlexPage;
+//# sourceMappingURL=FlexPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlexPage.js","sourceRoot":"","sources":["../../../src/components/FlexPage.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyD;AACzD,iDAA4F;AAE5F,+CAAqC;AACrC,uDAA8C;AAMvC,MAAM,QAAQ,GAA4B,CAAC,EAA4D,EAAE,EAAE;QAAhE,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA1D,iDAA4D,CAAF;IAC1G,MAAM,UAAU,GAAG,IAAA,yBAAa,GAAE,CAAA;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAA;IAElC,IAAA,0BAAc;IACZ,uDAAuD;IACvD,GAAS,EAAE;QACT,MAAM,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA,CAAA;IAC3F,CAAC,CAAA,EACD,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,CAC9B,CAAA;IAED,MAAM,IAAI,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC9C,wBAAC,uBAAW,kBAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACzF,WAAW,EACX,QAAQ,KACG,CACf,CAAA;IAED,OAAO,CACL,wBAAC,uBAAW,kBAAC,UAAU,EAAC,SAAS,EAAC,cAAc,EAAC,YAAY,EAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAC,gBAAgB,iBACnG,uBAAC,qBAAM,IAAC,KAAK,EAAE,KAAK,GAAI,EACvB,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,oBAAS,kBAAC,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,SAAS,gBACnJ,uBAAC,IAAI,oBAAK,KAAK,EAAI,IACT,CACb,CAAC,CAAC,CAAC,CACF,uBAAC,IAAI,oBAAK,KAAK,EAAI,CACpB,KACW,CACf,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,QAAQ,YA+BpB"}

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
-declare const NotFound: () => JSX.Element;
+import { FlexBoxProps } from '@xylabs/sdk-react';
+declare const NotFound: React.FC<FlexBoxProps>;
 export { NotFound };

package/dist/cjs/components/NotFound/NotFound.js

@@ -4,8 +4,8 @@ exports.NotFound = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const sdk_react_1 = require("@xylabs/sdk-react");
-const NotFound = () => {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexGrowCol, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h2" }, { children: "Sorry!" })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ marginY: 3, variant: "body2" }, { children: "Can't find anything here" }))] }) }));
+const NotFound = (props) => {
+    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexGrowCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h2" }, { children: "Sorry!" })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ marginY: 3, variant: "body2" }, { children: "Can't find anything here" }))] })));
 };
 exports.NotFound = NotFound;
 //# sourceMappingURL=NotFound.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../../src/components/NotFound/NotFound.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,iDAA+C;AAE/C,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,OAAO,CACL,2DACE,wBAAC,uBAAW,eACV,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,4BAAoB,EAC5C,uBAAC,qBAAU,kBAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,OAAO,gBACpC,0BAA0B,IAChB,IACD,GACb,CACJ,CAAA;AACH,CAAC,CAAA;AAEQ,4BAAQ"}
+{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../../src/components/NotFound/NotFound.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,iDAA6D;AAE7D,MAAM,QAAQ,GAA2B,CAAC,KAAK,EAAE,EAAE;IACjD,OAAO,CACL,wBAAC,uBAAW,oBAAK,KAAK,eACpB,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,4BAAoB,EAC5C,uBAAC,qBAAU,kBAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,OAAO,gBACpC,0BAA0B,IAChB,KACD,CACf,CAAA;AACH,CAAC,CAAA;AAEQ,4BAAQ"}

package/dist/cjs/components/NotFound/NotFoundPage.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexPageProps } from '../FlexPage';
+export declare const NotFoundPage: React.FC<FlexPageProps>;

package/dist/cjs/components/NotFound/NotFoundPage.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotFoundPage = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FlexPage_1 = require("../FlexPage");
+const NotFound_1 = require("./NotFound");
+const NotFoundPage = (_a) => {
+    var { title } = _a, props = tslib_1.__rest(_a, ["title"]);
+    return ((0, jsx_runtime_1.jsx)(FlexPage_1.FlexPage, Object.assign({ title: title !== null && title !== void 0 ? title : 'Sorry! Page Not Found' }, props, { children: (0, jsx_runtime_1.jsx)(NotFound_1.NotFound, {}) })));
+};
+exports.NotFoundPage = NotFoundPage;
+//# sourceMappingURL=NotFoundPage.js.map

package/dist/cjs/components/NotFound/NotFoundPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundPage.js","sourceRoot":"","sources":["../../../../src/components/NotFound/NotFoundPage.tsx"],"names":[],"mappings":";;;;;AAAA,0CAAqD;AACrD,yCAAqC;AAE9B,MAAM,YAAY,GAA4B,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAAO,OAAA,CAC5E,uBAAC,mBAAQ,kBAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,uBAAuB,IAAM,KAAK,cAC1D,uBAAC,mBAAQ,KAAG,IACH,CACZ,CAAA;CAAA,CAAA;AAJY,QAAA,YAAY,gBAIxB"}

package/dist/cjs/components/NotFound/index.d.ts

@@ -1 +1,2 @@
 export * from './NotFound';
+export * from './NotFoundPage';

package/dist/cjs/components/NotFound/index.js

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./NotFound"), exports);
+tslib_1.__exportStar(require("./NotFoundPage"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/NotFound/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NotFound/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NotFound/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,yDAA8B"}

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

@@ -9,16 +9,19 @@ const react_1 = require("react");
 const findParent_1 = require("./findParent");
 const getRemainingRowWidth_1 = require("./getRemainingRowWidth");
 const getSmallestParentWidth_1 = require("./getSmallestParentWidth");
-const TableCellValue = ({ value, hashCellWidth }) => ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", fontFamily: "monospace", style: {
-        display: 'block',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap',
-        width: hashCellWidth,
-    } }, { children: value })));
+const TableCellValue = ({ value, hashCellWidth }) => {
+    console.log(`hashCellWidth: ${hashCellWidth}`);
+    return ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", fontFamily: "monospace", style: {
+            display: 'block',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            width: hashCellWidth,
+        } }, { children: value })));
+};
 const EllipsisTableCell = (_a) => {
     var { value, to, href } = _a, props = tslib_1.__rest(_a, ["value", "to", "href"]);
-    const [hashCellWidth, setHashCellWidth] = (0, react_1.useState)();
+    const [hashCellWidth, setHashCellWidth] = (0, react_1.useState)(0);
     const hashDivRef = (0, react_1.useRef)(null);
     const theme = (0, material_1.useTheme)();
     const spacing = parseInt(theme.spacing(2).substring(-2));
@@ -31,12 +34,7 @@ const EllipsisTableCell = (_a) => {
             const smallestParentWidth = (0, getSmallestParentWidth_1.getSmallestParentWidth)(cell);
             if (smallestParentWidth && row) {
                 const remainderWidth = smallestParentWidth - (0, getRemainingRowWidth_1.getRemainingRowWidth)(row) - spacing;
-                if (cell.clientWidth > remainderWidth) {
-                    setHashCellWidth(remainderWidth);
-                }
-                else if (hashCellWidth === undefined) {
-                    setHashCellWidth(cell.clientWidth);
-                }
+                setHashCellWidth(remainderWidth);
             }
         };
         const onResize = () => {
@@ -51,7 +49,6 @@ const EllipsisTableCell = (_a) => {
         return () => {
             window.removeEventListener('resize', onResize);
         };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [hashDivRef, spacing]);
     return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: hashDivRef }, { children: href || to ? ((0, jsx_runtime_1.jsx)(sdk_react_1.LinkEx, Object.assign({ to: to, href: href, target: href ? '_blank' : undefined }, { children: (0, jsx_runtime_1.jsx)(TableCellValue, { hashCellWidth: hashCellWidth, value: value }) }))) : ((0, jsx_runtime_1.jsx)(TableCellValue, { hashCellWidth: hashCellWidth, value: value })) })) })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1,2 @@
+/** @description This is the width of all the cells (except the one passed) in the row combined */
 export declare const getRemainingRowWidth: (row: HTMLElement, forCell?: number) => number;

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

@@ -1,25 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getRemainingRowWidth = void 0;
-const getPadding = (item) => {
-    var _a, _b, _c, _d;
-    const computedStyles = window.getComputedStyle(item, null);
-    return (parseInt((_b = (_a = computedStyles === null || computedStyles === void 0 ? void 0 : computedStyles.getPropertyValue('padding-left')) === null || _a === void 0 ? void 0 : _a.replaceAll('px', '')) !== null && _b !== void 0 ? _b : 0) + parseInt((_d = (_c = computedStyles === null || computedStyles === void 0 ? void 0 : computedStyles.getPropertyValue('padding-right')) === null || _c === void 0 ? void 0 : _c.replaceAll('px', '')) !== null && _d !== void 0 ? _d : 0));
-};
+/** @description This is the width of all the cells (except the one passed) in the row combined */
 const getRemainingRowWidth = (row, forCell = 0) => {
     var _a, _b;
     let width = 0;
-    let padding = 0;
     for (let i = 0; i < ((_a = row === null || row === void 0 ? void 0 : row.childElementCount) !== null && _a !== void 0 ? _a : 0); i++) {
         const item = row === null || row === void 0 ? void 0 : row.children.item(i);
         if (item) {
             if (i !== forCell) {
-                width += (_b = item === null || item === void 0 ? void 0 : item.clientWidth) !== null && _b !== void 0 ? _b : 0;
+                const boundingRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+                console.log(`getRemainingRowWidth:rect: ${boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.width}`);
+                width += (_b = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.width) !== null && _b !== void 0 ? _b : 0;
             }
-            padding += getPadding(item);
         }
     }
-    return width + padding;
+    return width;
 };
 exports.getRemainingRowWidth = getRemainingRowWidth;
 //# sourceMappingURL=getRemainingRowWidth.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getRemainingRowWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"names":[],"mappings":";;;AAAA,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE;;IACnC,MAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;IAC1D,OAAO,CACL,QAAQ,CAAC,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,gBAAgB,CAAC,cAAc,CAAC,0CAAE,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,mCAAI,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,gBAAgB,CAAC,eAAe,CAAC,0CAAE,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,mCAAI,CAAC,CAAC,CAC/K,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,oBAAoB,GAAG,CAAC,GAAgB,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE;;IACpE,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,IAAI,OAAO,GAAG,CAAC,CAAA;IACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,iBAAiB,mCAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACtD,MAAM,IAAI,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAClC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,OAAO,EAAE;gBACjB,KAAK,IAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,mCAAI,CAAC,CAAA;aAChC;YACD,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,CAAA;SAC5B;KACF;IAED,OAAO,KAAK,GAAG,OAAO,CAAA;AACxB,CAAC,CAAA;AAdY,QAAA,oBAAoB,wBAchC"}
+{"version":3,"file":"getRemainingRowWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"names":[],"mappings":";;;AAAA,kGAAkG;AAC3F,MAAM,oBAAoB,GAAG,CAAC,GAAgB,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE;;IACpE,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,iBAAiB,mCAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACtD,MAAM,IAAI,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAClC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,OAAO,EAAE;gBACjB,MAAM,YAAY,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,qBAAqB,EAAE,CAAA;gBAClD,OAAO,CAAC,GAAG,CAAC,8BAA8B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAAE,CAAC,CAAA;gBAChE,KAAK,IAAI,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,mCAAI,CAAC,CAAA;aAClC;SACF;KACF;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAdY,QAAA,oBAAoB,wBAchC"}

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

@@ -4,7 +4,7 @@ exports.getSmallestParentWidth = void 0;
 const getSmallestParentWidth = (element, maxDepth = 4) => {
     var _a, _b, _c;
     let currentElement = element === null || element === void 0 ? void 0 : element.parentElement;
-    let width = (_a = currentElement === null || currentElement === void 0 ? void 0 : currentElement.clientWidth) !== null && _a !== void 0 ? _a : 1024;
+    let width = (_a = currentElement === null || currentElement === void 0 ? void 0 : currentElement.clientWidth) !== null && _a !== void 0 ? _a : screen.width;
     let maxDepthCounter = maxDepth;
     while (currentElement && maxDepthCounter > 0) {
         if (width > ((_b = currentElement.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b['width'])) {

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

@@ -1 +1 @@
-{"version":3,"file":"getSmallestParentWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getSmallestParentWidth.ts"],"names":[],"mappings":";;;AAAO,MAAM,sBAAsB,GAAG,CAAC,OAAoB,EAAE,QAAQ,GAAG,CAAC,EAAE,EAAE;;IAC3E,IAAI,cAAc,GAAuB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAA;IAC/D,IAAI,KAAK,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,mCAAI,IAAI,CAAA;IAC/C,IAAI,eAAe,GAAG,QAAQ,CAAA;IAC9B,OAAO,cAAc,IAAI,eAAe,GAAG,CAAC,EAAE;QAC5C,IAAI,KAAK,IAAG,MAAA,cAAc,CAAC,qBAAqB,EAAE,0CAAG,OAAO,CAAC,CAAA,EAAE;YAC7D,KAAK,GAAG,MAAA,cAAc,CAAC,qBAAqB,EAAE,0CAAG,OAAO,CAAC,CAAA;SAC1D;QACD,cAAc,GAAG,cAAc,CAAC,aAAa,CAAA;QAC7C,eAAe,EAAE,CAAA;KAClB;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAZY,QAAA,sBAAsB,0BAYlC"}
+{"version":3,"file":"getSmallestParentWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getSmallestParentWidth.ts"],"names":[],"mappings":";;;AAAO,MAAM,sBAAsB,GAAG,CAAC,OAAoB,EAAE,QAAQ,GAAG,CAAC,EAAE,EAAE;;IAC3E,IAAI,cAAc,GAAuB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAA;IAC/D,IAAI,KAAK,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,mCAAI,MAAM,CAAC,KAAK,CAAA;IACvD,IAAI,eAAe,GAAG,QAAQ,CAAA;IAC9B,OAAO,cAAc,IAAI,eAAe,GAAG,CAAC,EAAE;QAC5C,IAAI,KAAK,IAAG,MAAA,cAAc,CAAC,qBAAqB,EAAE,0CAAG,OAAO,CAAC,CAAA,EAAE;YAC7D,KAAK,GAAG,MAAA,cAAc,CAAC,qBAAqB,EAAE,0CAAG,OAAO,CAAC,CAAA;SAC1D;QACD,cAAc,GAAG,cAAc,CAAC,aAAa,CAAA;QAC7C,eAAe,EAAE,CAAA;KAClB;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAZY,QAAA,sBAAsB,0BAYlC"}

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

@@ -1,6 +1,9 @@
 export * from './Ampersand';
 export * from './BasicHero';
 export * from './DarkModeIconButton';
+export * from './ErrorBoundry';
+export * from './ErrorPage';
+export * from './FlexPage';
 export * from './Footer';
 export * from './FullWidthCard';
 export * from './GradientText';

package/dist/cjs/components/index.js

@@ -4,6 +4,9 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Ampersand"), exports);
 tslib_1.__exportStar(require("./BasicHero"), exports);
 tslib_1.__exportStar(require("./DarkModeIconButton"), exports);
+tslib_1.__exportStar(require("./ErrorBoundry"), exports);
+tslib_1.__exportStar(require("./ErrorPage"), exports);
+tslib_1.__exportStar(require("./FlexPage"), exports);
 tslib_1.__exportStar(require("./Footer"), exports);
 tslib_1.__exportStar(require("./FullWidthCard"), exports);
 tslib_1.__exportStar(require("./GradientText"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,sDAA2B;AAC3B,+DAAoC;AACpC,mDAAwB;AACxB,0DAA+B;AAC/B,yDAA8B;AAC9B,6DAAkC;AAClC,qDAA0B;AAC1B,iDAAsB;AACtB,4DAAiC;AACjC,8DAAmC;AACnC,uDAA4B;AAC5B,sDAA2B;AAC3B,0DAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,sDAA2B;AAC3B,+DAAoC;AACpC,yDAA8B;AAC9B,sDAA2B;AAC3B,qDAA0B;AAC1B,mDAAwB;AACxB,0DAA+B;AAC/B,yDAA8B;AAC9B,6DAAkC;AAClC,qDAA0B;AAC1B,iDAAsB;AACtB,4DAAiC;AACjC,8DAAmC;AACnC,uDAA4B;AAC5B,sDAA2B;AAC3B,0DAA+B"}

package/dist/cjs/contexts/AppSettings/Storage.js

@@ -5,7 +5,7 @@ const appSettingDefault_1 = require("./appSettingDefault");
 const Slug_1 = require("./Slug");
 const StorageBase_1 = require("./StorageBase");
 class AppSettingsStorage extends StorageBase_1.AppSettingsStorageBase {
-    constructor(prefix = 'XyoAppSettings', defaults) {
+    constructor(prefix = 'AppSettings', defaults) {
         super(prefix, Object.assign(Object.assign({}, (0, appSettingDefault_1.appSettingDefault)()), defaults));
     }
     get darkMode() {

package/dist/cjs/contexts/AppSettings/Storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Storage.ts"],"names":[],"mappings":";;;AAAA,2DAAuD;AACvD,iCAAuC;AACvC,+CAAsD;AAEtD,MAAa,kBAAmB,SAAQ,oCAAsB;IAC5D,YAAY,MAAM,GAAG,gBAAgB,EAAE,QAAkC;QACvE,KAAK,CAAC,MAAM,kCAAO,IAAA,qCAAiB,GAAE,GAAK,QAAQ,EAAG,CAAA;IACxD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAClD,CAAC;CACF;AApBD,gDAoBC"}
+{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Storage.ts"],"names":[],"mappings":";;;AAAA,2DAAuD;AACvD,iCAAuC;AACvC,+CAAsD;AAEtD,MAAa,kBAAmB,SAAQ,oCAAsB;IAC5D,YAAY,MAAM,GAAG,aAAa,EAAE,QAAkC;QACpE,KAAK,CAAC,MAAM,kCAAO,IAAA,qCAAiB,GAAE,GAAK,QAAQ,EAAG,CAAA;IACxD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAClD,CAAC;CACF;AApBD,gDAoBC"}