@xyo-network/react-property 2.62.3 → 2.63.1

package/dist/cjs/components/Action.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../src/components/Action.ts"],"names":[],"mappings":""}

package/dist/cjs/components/Actions.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyActions = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_button_1 = require("@xylabs/react-button");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const PropertyActions = (_a) => {
+    var _b;
+    var { buttons = false, actions } = _a, props = tslib_1.__rest(_a, ["buttons", "actions"]);
+    if (actions) {
+        return ((_b = actions === null || actions === void 0 ? void 0 : actions.length) !== null && _b !== void 0 ? _b : 0) > 0 ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ gap: 1 }, props, { children: actions.map((action, index) => {
+                return action.icon ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "small", color: "inherit", onClick: action.onClick }, { children: action.icon }), index)) : buttons ? ((0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ paddingY: 0, color: "primary", size: "small", disabled: action.disabled, onClick: action.onClick, variant: "contained" }, { children: action.name }), index)) : null;
+            }) }))) : null;
+    }
+    return null;
+};
+exports.PropertyActions = PropertyActions;
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,uDAA+C;AAC/C,yDAA+C;AAIxC,MAAM,eAAe,GAAmC,CAAC,EAAsC,EAAE,EAAE;;QAA1C,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,OAAY,EAAP,KAAK,sBAApC,sBAAsC,CAAF;IAClG,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAClC,uBAAC,uBAAO,kBAAC,GAAG,EAAE,CAAC,IAAM,KAAK,cACvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC7B,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACnB,uBAAC,qBAAU,kBAAC,IAAI,EAAC,OAAO,EAAa,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,gBACzE,MAAM,CAAC,IAAI,KADgB,KAAK,CAEtB,CACd,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,uBAAC,uBAAQ,kBAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS,EAAa,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAC,WAAW,gBACpI,MAAM,CAAC,IAAI,KAD8B,KAAK,CAEtC,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;YACV,CAAC,CAAC,IACM,CACX,CAAC,CAAC,CAAC,IAAI,CAAA;KACT;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAnBY,QAAA,eAAe,mBAmB3B"}

package/dist/cjs/components/ActionsMenu.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyActionsMenu = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MoreHoriz_1 = tslib_1.__importDefault(require("@mui/icons-material/MoreHoriz"));
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_1 = require("react");
+const PropertyActionsMenu = (_a) => {
+    var { actions } = _a, props = tslib_1.__rest(_a, ["actions"]);
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const open = !!anchorEl;
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    return actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 ? ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "small", color: "inherit", onClick: handleClick }, { children: (0, jsx_runtime_1.jsx)(MoreHoriz_1.default, { fontSize: "inherit" }) })), (0, jsx_runtime_1.jsx)(material_1.Menu, Object.assign({ anchorEl: anchorEl, open: open, onClose: handleClose }, { children: actions === null || actions === void 0 ? void 0 : actions.map((action) => {
+                    return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ onClick: () => {
+                            var _a;
+                            (_a = action === null || action === void 0 ? void 0 : action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
+                            handleClose();
+                        } }, { children: action.name }), action.name));
+                }) }))] }))) : null;
+};
+exports.PropertyActionsMenu = PropertyActionsMenu;
+//# sourceMappingURL=ActionsMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsMenu.js","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAyD;AACzD,4CAA0D;AAC1D,yDAA+C;AAC/C,iCAAgC;AAIzB,MAAM,mBAAmB,GAAmC,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACrF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAA;IAClE,MAAM,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAA;IAEvB,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC3D,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,OAAO,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,CACtC,wBAAC,uBAAO,oBAAK,KAAK,eAChB,uBAAC,qBAAU,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,gBAC3D,uBAAC,mBAAa,IAAC,QAAQ,EAAC,SAAS,GAAG,IACzB,EACb,uBAAC,eAAI,kBAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,gBACvD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBACvB,OAAO,CACL,uBAAC,mBAAQ,kBAEP,OAAO,EAAE,GAAG,EAAE;;4BACZ,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,sDAAI,CAAA;4BACnB,WAAW,EAAE,CAAA;wBACf,CAAC,gBAEA,MAAM,CAAC,IAAI,KANP,MAAM,CAAC,IAAI,CAOP,CACZ,CAAA;gBACH,CAAC,CAAC,IACG,KACC,CACX,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAjCY,QAAA,mBAAmB,uBAiC/B"}

package/dist/cjs/components/ActionsProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ActionsProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsProps.js","sourceRoot":"","sources":["../../../src/components/ActionsProps.ts"],"names":[],"mappings":""}

package/dist/cjs/components/Group.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyGroup = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const typeof_1 = require("@xyo-network/typeof");
+const Title_1 = require("./Title");
+const PropertyGroupBox = (_a) => {
+    var { titleProps, children, title, tip } = _a, props = tslib_1.__rest(_a, ["titleProps", "children", "title", "tip"]);
+    const theme = (0, material_1.useTheme)();
+    const childrenArray = (0, typeof_1.typeOf)(children) === 'array' ? children : undefined;
+    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch", overflow: "hidden" }, props, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ overflow: "hidden", justifyContent: "stretch", alignItems: "stretch" }, { children: [(0, jsx_runtime_1.jsx)(Title_1.PropertyTitle, Object.assign({ alignItems: "flex-start", size: "full", title: title, tip: tip }, titleProps)), childrenArray ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, { children: childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.map((child, index) => {
+                        return child ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, Object.assign({ borderLeft: 1, borderColor: theme.palette.divider }, { children: child }), index)) : null;
+                    }) })) : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, Object.assign({ overflow: "hidden" }, { children: children })))] })) })));
+};
+const PropertyGroupPaper = (_a) => {
+    var { style, variant, elevation, square } = _a, props = tslib_1.__rest(_a, ["style", "variant", "elevation", "square"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ style: Object.assign({ minWidth: 0, overflow: 'hidden' }, style), variant: variant, elevation: elevation, square: square }, { children: (0, jsx_runtime_1.jsx)(PropertyGroupBox, Object.assign({}, props, { paper: false })) })));
+};
+const PropertyGroup = (props) => {
+    return props.paper ? (0, jsx_runtime_1.jsx)(PropertyGroupPaper, Object.assign({}, props)) : (0, jsx_runtime_1.jsx)(PropertyGroupBox, Object.assign({}, props));
+};
+exports.PropertyGroup = PropertyGroup;
+//# sourceMappingURL=Group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,yDAAqE;AACrE,gDAA4C;AAI5C,mCAAuC;AAEvC,MAAM,gBAAgB,GAAoC,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,OAAY,EAAP,KAAK,sBAA5C,0CAA8C,CAAF;IACrG,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,aAAa,GAAG,IAAA,eAAM,EAAC,QAAQ,CAAC,KAAK,OAAO,CAAC,CAAC,CAAE,QAA2B,CAAC,CAAC,CAAC,SAAS,CAAA;IAC7F,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,IAAK,KAAK,cACvD,wBAAC,uBAAO,kBAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,SAAS,EAAC,UAAU,EAAC,SAAS,iBACtE,uBAAC,qBAAa,kBAAC,UAAU,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,EAC5F,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,2BAAW,cACT,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBACnC,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,uBAAC,2BAAW,kBAAa,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,gBACvE,KAAK,KADU,KAAK,CAET,CACf,CAAC,CAAC,CAAC,IAAI,CAAA;oBACV,CAAC,CAAC,GACU,CACf,CAAC,CAAC,CAAC,CACF,uBAAC,2BAAW,kBAAC,QAAQ,EAAC,QAAQ,gBAAE,QAAQ,IAAe,CACxD,KACO,IACF,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAsC,CAAC,EAA+C,EAAE,EAAE;QAAnD,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA7C,2CAA+C,CAAF;IAC1G,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,gBAAgB,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,IAAI,IACvC,CACT,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,kBAAkB,oBAAK,KAAK,EAAI,CAAC,CAAC,CAAC,uBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;AAC1F,CAAC,CAAA;AAFY,QAAA,aAAa,iBAEzB"}

package/dist/cjs/components/IdenticonCorner.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IdenticonCorner = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_identicon_1 = require("@xylabs/react-identicon");
+const react_1 = require("react");
+const IdenticonCorner = (_a) => {
+    var { value } = _a, props = tslib_1.__rest(_a, ["value"]);
+    const theme = (0, material_1.useTheme)();
+    const [parentHeight, setParentHeight] = (0, react_1.useState)();
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        var _a, _b, _c;
+        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%" }, { 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

@@ -0,0 +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,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.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Property = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_1 = require("react");
+const ActionsMenu_1 = require("./ActionsMenu");
+const IdenticonCorner_1 = require("./IdenticonCorner");
+const Title_1 = require("./Title");
+const Value_1 = require("./Value");
+const PropertyBox = (0, react_1.forwardRef)((_a, ref) => {
+    var { titleProps, title, value, children, size = 'medium', tip, actions, required, badge = false } = _a, props = tslib_1.__rest(_a, ["titleProps", "title", "value", "children", "size", "tip", "actions", "required", "badge"]);
+    const sizeValueHeight = {
+        large: 48,
+        medium: 36,
+        small: 24,
+    };
+    const sizeVariants = {
+        large: 'h6',
+        medium: 'body1',
+        small: 'body2',
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ ref: ref, 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] }))] })));
+});
+PropertyBox.displayName = 'PropertyBox';
+const PropertyPaper = (0, react_1.forwardRef)((_a, ref) => {
+    var { style, variant, elevation = 2, square } = _a, props = tslib_1.__rest(_a, ["style", "variant", "elevation", "square"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ ref: ref, style: Object.assign({ minWidth: 0, overflow: 'hidden' }, style), variant: variant, elevation: elevation, square: square }, { children: (0, jsx_runtime_1.jsx)(PropertyBox, Object.assign({}, props, { paper: false })) })));
+});
+PropertyPaper.displayName = 'PropertyPaper';
+exports.Property = (0, react_1.forwardRef)((props, ref) => {
+    return props.paper ? (0, jsx_runtime_1.jsx)(PropertyPaper, Object.assign({ ref: ref }, props)) : (0, jsx_runtime_1.jsx)(PropertyBox, Object.assign({ ref: ref }, props));
+});
+exports.Property.displayName = 'Property';
+//# sourceMappingURL=Property.js.map

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

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

package/dist/cjs/components/Props.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Props.js","sourceRoot":"","sources":["../../../src/components/Props.tsx"],"names":[],"mappings":""}

package/dist/cjs/components/Title.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyTitle = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_quick_tip_button_1 = require("@xylabs/react-quick-tip-button");
+const PropertyTitle = (_a) => {
+    var { elevation = 1, size = 'medium', tip, more, title } = _a, props = tslib_1.__rest(_a, ["elevation", "size", "tip", "more", "title"]);
+    const sizeVariants = {
+        full: 'caption',
+        large: 'caption',
+        medium: 'caption',
+        small: 'caption',
+    };
+    const sizeTitleHeight = {
+        full: undefined,
+        large: 32,
+        medium: 20,
+        small: 16,
+    };
+    const sizeFontSize = {
+        full: 16,
+        large: 16,
+        medium: 14,
+        small: 10,
+    };
+    const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16;
+    const theme = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ bgcolor: theme.palette.mode === 'dark'
+            ? (0, material_1.lighten)(theme.palette.background.paper, 0.05 * elevation)
+            : (0, material_1.darken)(theme.palette.background.paper, 0.025 * elevation), alignItems: "center", height: sizeTitleHeight[size], justifyContent: "space-between" }, props, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ paddingX: 1, paddingY: 0.5 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 500, noWrap: true, variant: sizeVariants[size], fontSize: sizeFontSize[size] }, { children: (0, jsx_runtime_1.jsx)("small", { children: (0, jsx_runtime_1.jsx)("strong", { children: title }) }) })), tip ? ((0, jsx_runtime_1.jsx)(react_quick_tip_button_1.QuickTipButton, Object.assign({ style: { fontSize: quickTipSize }, color: "inherit", title: title !== null && title !== void 0 ? title : '' }, { children: tip }))) : null] })), more] })));
+};
+exports.PropertyTitle = PropertyTitle;
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwF;AACxF,yDAA6D;AAC7D,2EAA+D;AAcxD,MAAM,aAAa,GAAiC,CAAC,EAA8D,EAAE,EAAE;QAAlE,EAAE,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA5D,6CAA8D,CAAF;IACtH,MAAM,YAAY,GAA6C;QAC7D,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,SAAS;KACjB,CAAA;IAED,MAAM,eAAe,GAA8C;QACjE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV,CAAA;IAED,MAAM,YAAY,GAAkC;QAClD,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV,CAAA;IAED,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtE,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,wBAAC,uBAAO,kBACN,OAAO,EACL,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM;YAC3B,CAAC,CAAC,IAAA,kBAAO,EAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;YAC3D,CAAC,CAAC,IAAA,iBAAM,EAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC,EAE/D,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,EAC7B,cAAc,EAAC,eAAe,IAC1B,KAAK,eAET,wBAAC,uBAAO,kBAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,iBACjC,uBAAC,qBAAU,kBAAC,UAAU,EAAE,GAAG,EAAE,MAAM,QAAC,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,gBAC3F,4CACE,6CAAS,KAAK,GAAU,GAClB,IACG,EACZ,GAAG,CAAC,CAAC,CAAC,CACL,uBAAC,uCAAc,kBAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,gBAClF,GAAG,IACW,CAClB,CAAC,CAAC,CAAC,IAAI,KACA,EACT,IAAI,KACG,CACX,CAAA;AACH,CAAC,CAAA;AArDY,QAAA,aAAa,iBAqDzB"}

package/dist/cjs/components/Value.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyValue = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_shared_1 = require("@xyo-network/react-shared");
+const react_1 = require("react");
+exports.PropertyValue = (0, react_1.forwardRef)((_a, ref) => {
+    var { typographyVariant = 'body1', value } = _a, props = tslib_1.__rest(_a, ["typographyVariant", "value"]);
+    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%", ref: ref }, props, { children: value }))) : null;
+});
+exports.PropertyValue.displayName = 'PropertyValue';
+//# sourceMappingURL=Value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Value.js","sourceRoot":"","sources":["../../../src/components/Value.tsx"],"names":[],"mappings":";;;;;AACA,4DAA2E;AAC3E,iCAAkC;AAOrB,QAAA,aAAa,GAAG,IAAA,kBAAU,EAAqC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,iBAAiB,GAAG,OAAO,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA9C,8BAAgD,CAAF;IACzH,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,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cAC5I,KAAK,IACO,CAChB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/cjs/components/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Action"), exports);
+tslib_1.__exportStar(require("./Group"), exports);
+tslib_1.__exportStar(require("./Property"), exports);
+tslib_1.__exportStar(require("./Props"), exports);
+tslib_1.__exportStar(require("./Title"), exports);
+tslib_1.__exportStar(require("./Value"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}