@xyo-network/react-property 2.37.5 → 2.37.7

package/dist/cjs/components/IdenticonCorner.js

@@ -17,7 +17,7 @@ const IdenticonCorner = (_a) => {
         setParentHeight((_c = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.clientHeight);
     }, []);
     const calculatedHeight = parentHeight !== null && parentHeight !== void 0 ? parentHeight : 0;
-    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "flex-start", height: "100%", position: "absolute", right: 0, bottom: 0 }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ background: true, height: calculatedHeight, width: calculatedHeight, borderLeft: `1px solid ${theme.palette.divider}` }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, { children: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, Object.assign({ size: calculatedHeight * 0.6, value: `${value}`, sx: { padding: `${calculatedHeight * 0.2}px` } }, props)) })) })) })));
+    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "flex-start", height: "100%" }, { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ background: true, height: calculatedHeight, width: calculatedHeight, borderLeft: `1px solid ${theme.palette.divider}` }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, { children: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, Object.assign({ size: calculatedHeight * 0.6, value: `${value}`, sx: { padding: `${calculatedHeight * 0.2}px` } }, props)) })) })) })));
 };
 exports.IdenticonCorner = IdenticonCorner;
 //# sourceMappingURL=IdenticonCorner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IdenticonCorner.js","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AACxC,yDAA6D;AAC7D,6DAAmD;AACnD,iCAAmD;AAM5C,MAAM,eAAe,GAAmC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAC/E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAC1D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,eAAe,CAAC,MAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,0CAAE,YAAY,CAAC,CAAA;IAC1E,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAA;IAE1C,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,YAAY,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,gBACpF,uBAAC,uBAAO,kBAAC,UAAU,QAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,gBACrH,8CAAK,GAAG,EAAE,GAAG,gBACX,uBAAC,2BAAS,kBAAC,IAAI,EAAE,gBAAgB,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,gBAAgB,GAAG,GAAG,IAAI,EAAE,IAAM,KAAK,EAAI,IACrH,IACE,IACF,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,eAAe,mBAoB3B"}
+{"version":3,"file":"IdenticonCorner.js","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AACxC,yDAA6D;AAC7D,6DAAmD;AACnD,iCAAmD;AAM5C,MAAM,eAAe,GAAmC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAC/E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAC1D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,eAAe,CAAC,MAAA,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,0CAAE,aAAa,0CAAE,YAAY,CAAC,CAAA;IAC1E,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAA;IAE1C,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,YAAY,EAAC,MAAM,EAAC,MAAM,gBAC5C,uBAAC,uBAAO,kBAAC,UAAU,QAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,gBACrH,8CAAK,GAAG,EAAE,GAAG,gBACX,uBAAC,2BAAS,kBAAC,IAAI,EAAE,gBAAgB,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,gBAAgB,GAAG,GAAG,IAAI,EAAE,IAAM,KAAK,EAAI,IACrH,IACE,IACF,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,eAAe,mBAoB3B"}

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

@@ -1 +1 @@
-{"version":3,"file":"Property.d.ts","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAwC,aAAa,EAAE,MAAM,SAAS,CAAA;AA6D7E,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAE5C,CAAA"}
+{"version":3,"file":"Property.d.ts","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAwC,aAAa,EAAE,MAAM,SAAS,CAAA;AAmE7E,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAE5C,CAAA"}

package/dist/cjs/components/Property.js

@@ -21,7 +21,7 @@ const PropertyBox = (_a) => {
         medium: 'body1',
         small: 'body2',
     };
-    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ flexDirection: "column", minWidth: 0, alignItems: "stretch", overflow: "hidden" }, props, { children: [title !== undefined ? ((0, jsx_runtime_1.jsx)(Title_1.PropertyTitle, Object.assign({ tip: tip, title: required ? `${title}*` : title, size: size, more: (0, jsx_runtime_1.jsx)(ActionsMenu_1.PropertyActionsMenu, { actions: actions }) }, titleProps))) : null, (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ paddingX: 1, justifyContent: value === undefined ? 'center' : 'space-between', overflow: "hidden", height: sizeValueHeight[size] }, { children: [children ? (children) : value !== undefined ? ((0, jsx_runtime_1.jsx)(Value_1.PropertyValue, { shortSpace: badge ? sizeValueHeight[size] : 0, value: value, typographyVariant: sizeVariants[size] })) : ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 16 })), value !== undefined ? badge ? (0, jsx_runtime_1.jsx)(IdenticonCorner_1.IdenticonCorner, { value: value }) : null : null] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ flexDirection: "column", minWidth: 0, alignItems: "stretch", overflow: "hidden" }, props, { children: [title !== undefined ? ((0, jsx_runtime_1.jsx)(Title_1.PropertyTitle, Object.assign({ tip: tip, title: required ? `${title}*` : title, size: size, more: (0, jsx_runtime_1.jsx)(ActionsMenu_1.PropertyActionsMenu, { actions: actions }) }, titleProps))) : null, (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ pl: 1, columnGap: 1, justifyContent: value === undefined ? 'center' : 'space-between', overflow: "hidden", height: sizeValueHeight[size] }, { children: [children ? (children) : value !== undefined ? ((0, jsx_runtime_1.jsx)(Value_1.PropertyValue, { value: value, typographyVariant: sizeVariants[size] })) : ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 16 })), value !== undefined ? badge ? (0, jsx_runtime_1.jsx)(IdenticonCorner_1.IdenticonCorner, { value: value }) : null : null] }))] })));
 };
 const PropertyPaper = (_a) => {
     var { style, variant, elevation = 2, square } = _a, props = tslib_1.__rest(_a, ["style", "variant", "elevation", "square"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Property.js","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Property.js","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0E;AAC1E,yDAA+C;AAG/C,+CAAmD;AACnD,uDAAmD;AAEnD,mCAAuC;AACvC,mCAAuC;AAEvC,MAAM,WAAW,GAA+B,CAAC,EAWhD,EAAE,EAAE;QAX4C,EAC/C,UAAU,EACV,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,GAAG,EACH,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,KAAK,OAEd,EADI,KAAK,sBAVuC,2FAWhD,CADS;IAER,MAAM,eAAe,GAA6B;QAChD,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV,CAAA;IAED,MAAM,YAAY,GAAwC;QACxD,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,OAAO;QACf,KAAK,EAAE,OAAO;KACf,CAAA;IAED,OAAO,CACL,wBAAC,uBAAO,kBAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,IAAK,KAAK,eAC1F,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,uBAAC,qBAAa,kBACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EACrC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,uBAAC,iCAAmB,IAAC,OAAO,EAAE,OAAO,GAAI,IAC3C,UAAU,EACd,CACH,CAAC,CAAC,CAAC,IAAI,EACR,wBAAC,uBAAO,kBACN,EAAE,EAAE,CAAC,EACL,SAAS,EAAE,CAAC,EACZ,cAAc,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,EAChE,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,iBAE5B,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACxB,uBAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,CAAC,IAAI,CAAC,GAAI,CACvE,CAAC,CAAC,CAAC,CACF,uBAAC,2BAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,CAC/B,EACA,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,iCAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KACtE,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAiC,CAAC,EAAmD,EAAE,EAAE;QAAvD,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,GAAG,CAAC,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAjD,2CAAmD,CAAF;IACpG,OAAO,CACL,uBAAC,gBAAK,kBAAC,KAAK,kBAAI,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAAK,KAAK,GAAI,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBACjH,uBAAC,WAAW,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,IAAI,IAClC,CACT,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE;IACzD,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,aAAa,oBAAK,KAAK,EAAI,CAAC,CAAC,CAAC,uBAAC,WAAW,oBAAK,KAAK,EAAI,CAAA;AAChF,CAAC,CAAA;AAFY,QAAA,QAAQ,YAEpB"}

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

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-import { TypographyProps } from '@mui/material';
 import { Variant } from '@mui/material/styles/createTypography';
-export interface PropertyValueProps extends TypographyProps<'div'> {
+import { EllipsizeBoxProps } from '@xyo-network/react-shared';
+export interface PropertyValueProps extends EllipsizeBoxProps {
     value?: string | number | boolean | null;
     typographyVariant?: Variant;
-    /** @field The space that is removed from the ... at end (mainly for identicon) */
-    shortSpace?: number;
 }
 export declare const PropertyValue: React.FC<PropertyValueProps>;
 //# sourceMappingURL=Value.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAY,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAG/D,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,KAAK,CAAC;IAChE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoDtD,CAAA"}
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAC/D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE3E,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAA"}

package/dist/cjs/components/Value.js

@@ -3,40 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PropertyValue = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
+const react_shared_1 = require("@xyo-network/react-shared");
 const PropertyValue = (_a) => {
-    var { value, shortSpace, typographyVariant = 'body1' } = _a, props = tslib_1.__rest(_a, ["value", "shortSpace", "typographyVariant"]);
-    const [parentWidth, setParentWidth] = (0, react_1.useState)();
-    const theme = (0, material_1.useTheme)();
-    const ref = (0, react_1.useRef)(null);
-    const customThemeProps = {
-        clamped: parentWidth && theme ? parentWidth - parseInt(theme.spacing(2), 10) - (shortSpace !== null && shortSpace !== void 0 ? shortSpace : 0) : undefined,
-        title: value === null || value === void 0 ? void 0 : value.toString(),
-    };
-    (0, react_1.useEffect)(() => {
-        const resizeHandler = () => {
-            const smallestWidth = getSmallestParentWidth(ref.current);
-            setParentWidth(smallestWidth);
-        };
-        const getSmallestParentWidth = (element) => {
-            let current = element === null || element === void 0 ? void 0 : element.parentElement;
-            let width = null;
-            while (current) {
-                if (width === null || current.clientWidth < width) {
-                    width = current.clientWidth;
-                }
-                current = current.parentElement;
-            }
-            return width !== null && width !== void 0 ? width : undefined;
-        };
-        window.addEventListener('resize', resizeHandler);
-        setParentWidth(getSmallestParentWidth(ref.current));
-        return () => {
-            window === null || window === void 0 ? void 0 : window.removeEventListener('resize', resizeHandler);
-        };
-    }, []);
-    return value !== undefined ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ minWidth: 0, ref: ref, component: "div", variant: typographyVariant, fontFamily: "monospace", fontWeight: "light" }, customThemeProps, props, { children: value }))) : null;
+    var { value, typographyVariant = 'body1' } = _a, props = tslib_1.__rest(_a, ["value", "typographyVariant"]);
+    return value !== undefined ? ((0, jsx_runtime_1.jsx)(react_shared_1.EllipsizeBox, Object.assign({ typographyProps: { component: undefined, title: value === null || value === void 0 ? void 0 : value.toString(), variant: typographyVariant }, width: "100%" }, props, { children: value }))) : null;
 };
 exports.PropertyValue = PropertyValue;
 //# sourceMappingURL=Value.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Value.js","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqE;AAErE,iCAAmD;AAS5C,MAAM,aAAa,GAAiC,CAAC,EAA4D,EAAE,EAAE;QAAhE,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,GAAG,OAAO,OAAY,EAAP,KAAK,sBAA1D,4CAA4D,CAAF;IACpH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IACxD,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAExC,MAAM,gBAAgB,GAAG;QACvB,OAAO,EAAE,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC5G,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE;KACzB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,MAAM,aAAa,GAAG,sBAAsB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YACzD,cAAc,CAAC,aAAa,CAAC,CAAA;QAC/B,CAAC,CAAA;QAED,MAAM,sBAAsB,GAAG,CAAC,OAA2B,EAAE,EAAE;YAC7D,IAAI,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAA;YACpC,IAAI,KAAK,GAAkB,IAAI,CAAA;YAC/B,OAAO,OAAO,EAAE;gBACd,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,CAAC,WAAW,GAAG,KAAK,EAAE;oBACjD,KAAK,GAAG,OAAO,CAAC,WAAW,CAAA;iBAC5B;gBACD,OAAO,GAAG,OAAO,CAAC,aAAa,CAAA;aAChC;YACD,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAA;QAC3B,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;QAEhD,cAAc,CAAC,sBAAsB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;QAEnD,OAAO,GAAG,EAAE;YACV,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,uBAAC,qBAAU,kBACT,QAAQ,EAAE,CAAC,EACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,iBAAiB,EAC1B,UAAU,EAAC,WAAW,EACtB,UAAU,EAAC,OAAO,IACd,gBAAgB,EAChB,KAAK,cAER,KAAK,IACK,CACd,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AApDY,QAAA,aAAa,iBAoDzB"}
+{"version":3,"file":"Value.js","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";;;;;AACA,4DAA2E;AAOpE,MAAM,aAAa,GAAiC,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,KAAK,EAAE,iBAAiB,GAAG,OAAO,OAAY,EAAP,KAAK,sBAA9C,8BAAgD,CAAF;IACxG,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,uBAAC,2BAAY,kBAAC,eAAe,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,KAAK,EAAC,MAAM,IAAK,KAAK,cAClI,KAAK,IACO,CAChB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AANY,QAAA,aAAa,iBAMzB"}