@xyo-network/react-property 2.25.47 → 2.25.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Actions.js +4 -3
- package/dist/cjs/components/Actions.js.map +1 -1
- package/dist/cjs/components/ActionsMenu.js +2 -2
- package/dist/cjs/components/ActionsMenu.js.map +1 -1
- package/dist/cjs/components/ActionsProps.d.ts +1 -1
- package/dist/cjs/components/Group.js +4 -4
- package/dist/cjs/components/Group.js.map +1 -1
- package/dist/cjs/components/IdenticonCorner.d.ts +1 -1
- package/dist/cjs/components/IdenticonCorner.js +3 -2
- package/dist/cjs/components/IdenticonCorner.js.map +1 -1
- package/dist/cjs/components/Property.js +2 -2
- package/dist/cjs/components/Property.js.map +1 -1
- package/dist/cjs/components/Props.d.ts +1 -1
- package/dist/cjs/components/Title.d.ts +1 -1
- package/dist/cjs/components/Title.js +3 -2
- package/dist/cjs/components/Title.js.map +1 -1
- package/dist/docs.json +251 -251
- package/dist/esm/components/Actions.js +2 -1
- package/dist/esm/components/Actions.js.map +1 -1
- package/dist/esm/components/ActionsMenu.js +1 -1
- package/dist/esm/components/ActionsMenu.js.map +1 -1
- package/dist/esm/components/ActionsProps.d.ts +1 -1
- package/dist/esm/components/Group.js +1 -1
- package/dist/esm/components/Group.js.map +1 -1
- package/dist/esm/components/IdenticonCorner.d.ts +1 -1
- package/dist/esm/components/IdenticonCorner.js +2 -1
- package/dist/esm/components/IdenticonCorner.js.map +1 -1
- package/dist/esm/components/Property.js +1 -1
- package/dist/esm/components/Property.js.map +1 -1
- package/dist/esm/components/Props.d.ts +1 -1
- package/dist/esm/components/Title.d.ts +1 -1
- package/dist/esm/components/Title.js +2 -1
- package/dist/esm/components/Title.js.map +1 -1
- package/package.json +4 -5
- package/src/components/Actions.tsx +2 -1
- package/src/components/ActionsMenu.tsx +1 -1
- package/src/components/ActionsProps.ts +1 -1
- package/src/components/Group.tsx +1 -1
- package/src/components/IdenticonCorner.tsx +2 -1
- package/src/components/Property.tsx +1 -1
- package/src/components/PropertyBox.stories.tsx +1 -1
- package/src/components/PropertyPaper.stories.tsx +1 -1
- package/src/components/Props.tsx +1 -1
- package/src/components/Title.tsx +2 -1
|
@@ -4,13 +4,14 @@ exports.PropertyActions = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
-
const
|
|
7
|
+
const react_button_1 = require("@xylabs/react-button");
|
|
8
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
9
|
const PropertyActions = (_a) => {
|
|
9
10
|
var _b;
|
|
10
11
|
var { buttons = false, actions } = _a, props = tslib_1.__rest(_a, ["buttons", "actions"]);
|
|
11
12
|
if (actions) {
|
|
12
|
-
return ((_b = actions === null || actions === void 0 ? void 0 : actions.length) !== null && _b !== void 0 ? _b : 0) > 0 ? ((0, jsx_runtime_1.jsx)(
|
|
13
|
-
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)(
|
|
13
|
+
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) => {
|
|
14
|
+
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;
|
|
14
15
|
}) }))) : null;
|
|
15
16
|
}
|
|
16
17
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,
|
|
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"}
|
|
@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const MoreHoriz_1 = tslib_1.__importDefault(require("@mui/icons-material/MoreHoriz"));
|
|
7
7
|
const material_1 = require("@mui/material");
|
|
8
|
-
const
|
|
8
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
9
9
|
const react_1 = require("react");
|
|
10
10
|
const PropertyActionsMenu = (_a) => {
|
|
11
11
|
var { actions } = _a, props = tslib_1.__rest(_a, ["actions"]);
|
|
@@ -17,7 +17,7 @@ const PropertyActionsMenu = (_a) => {
|
|
|
17
17
|
const handleClose = () => {
|
|
18
18
|
setAnchorEl(null);
|
|
19
19
|
};
|
|
20
|
-
return actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 ? ((0, jsx_runtime_1.jsxs)(
|
|
20
|
+
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) => {
|
|
21
21
|
return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ onClick: () => {
|
|
22
22
|
var _a;
|
|
23
23
|
(_a = action === null || action === void 0 ? void 0 : action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionsMenu.js","sourceRoot":"","sources":["../../../src/components/ActionsMenu.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAyD;AACzD,4CAA0D;AAC1D,
|
|
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"}
|
|
@@ -4,16 +4,16 @@ exports.PropertyGroup = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
-
const
|
|
7
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
8
|
const core_1 = require("@xyo-network/core");
|
|
9
9
|
const Title_1 = require("./Title");
|
|
10
10
|
const PropertyGroupBox = (_a) => {
|
|
11
11
|
var { titleProps, children, title, tip } = _a, props = tslib_1.__rest(_a, ["titleProps", "children", "title", "tip"]);
|
|
12
12
|
const theme = (0, material_1.useTheme)();
|
|
13
13
|
const childrenArray = (0, core_1.typeOf)(children) === 'array' ? children : undefined;
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
15
|
-
return child ? ((0, jsx_runtime_1.jsx)(
|
|
16
|
-
}) })) : ((0, jsx_runtime_1.jsx)(
|
|
14
|
+
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) => {
|
|
15
|
+
return child ? ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, Object.assign({ borderLeft: 1, borderColor: theme.palette.divider }, { children: child }), index)) : null;
|
|
16
|
+
}) })) : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, Object.assign({ overflow: "hidden" }, { children: children })))] })) })));
|
|
17
17
|
};
|
|
18
18
|
const PropertyGroupPaper = (_a) => {
|
|
19
19
|
var { style, variant, elevation, square } = _a, props = tslib_1.__rest(_a, ["style", "variant", "elevation", "square"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,
|
|
1
|
+
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,yDAAqE;AACrE,4CAA0C;AAI1C,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,aAAM,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"}
|
|
@@ -4,7 +4,8 @@ exports.IdenticonCorner = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
-
const
|
|
7
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
+
const react_identicon_1 = require("@xylabs/react-identicon");
|
|
8
9
|
const react_1 = require("react");
|
|
9
10
|
const IdenticonCorner = (_a) => {
|
|
10
11
|
var { value } = _a, props = tslib_1.__rest(_a, ["value"]);
|
|
@@ -16,7 +17,7 @@ const IdenticonCorner = (_a) => {
|
|
|
16
17
|
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);
|
|
17
18
|
}, []);
|
|
18
19
|
const calculatedHeight = parentHeight !== null && parentHeight !== void 0 ? parentHeight : 0;
|
|
19
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
20
|
+
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)) })) })) })));
|
|
20
21
|
};
|
|
21
22
|
exports.IdenticonCorner = IdenticonCorner;
|
|
22
23
|
//# sourceMappingURL=IdenticonCorner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdenticonCorner.js","sourceRoot":"","sources":["../../../src/components/IdenticonCorner.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AACxC,
|
|
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"}
|
|
@@ -4,7 +4,7 @@ exports.Property = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
-
const
|
|
7
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
8
|
const ActionsMenu_1 = require("./ActionsMenu");
|
|
9
9
|
const IdenticonCorner_1 = require("./IdenticonCorner");
|
|
10
10
|
const Title_1 = require("./Title");
|
|
@@ -21,7 +21,7 @@ const PropertyBox = (_a) => {
|
|
|
21
21
|
medium: 'body1',
|
|
22
22
|
small: 'body2',
|
|
23
23
|
};
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
24
|
+
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] }))] })));
|
|
25
25
|
};
|
|
26
26
|
const PropertyPaper = (_a) => {
|
|
27
27
|
var { style, variant, elevation = 2, square } = _a, props = tslib_1.__rest(_a, ["style", "variant", "elevation", "square"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Property.js","sourceRoot":"","sources":["../../../src/components/Property.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0E;AAC1E,
|
|
1
|
+
{"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,EAAwG,EAAE,EAAE;QAA5G,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,OAAY,EAAP,KAAK,sBAAtG,2FAAwG,CAAF;IACrJ,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,uBAAC,qBAAa,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,uBAAC,iCAAmB,IAAC,OAAO,EAAE,OAAO,GAAI,IAAM,UAAU,EAAI,CAAC,CAAC,CAAC,IAAI,EAC7K,wBAAC,uBAAO,kBAAC,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,EAAE,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,iBACpI,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACxB,uBAAC,qBAAa,IAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,CAAC,IAAI,CAAC,GAAI,CACtH,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PaperProps } from '@mui/material';
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
3
|
import { SizeProp } from '@xyo-network/react-shared';
|
|
4
4
|
import { ReactNode } from 'react';
|
|
5
5
|
import { PropertyAction } from './Action';
|
|
@@ -4,7 +4,8 @@ exports.PropertyTitle = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
-
const
|
|
7
|
+
const react_common_1 = require("@xylabs/react-common");
|
|
8
|
+
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
9
|
const PropertyTitle = (_a) => {
|
|
9
10
|
var { elevation = 1, size = 'medium', tip, more, title } = _a, props = tslib_1.__rest(_a, ["elevation", "size", "tip", "more", "title"]);
|
|
10
11
|
const sizeVariants = {
|
|
@@ -27,7 +28,7 @@ const PropertyTitle = (_a) => {
|
|
|
27
28
|
};
|
|
28
29
|
const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16;
|
|
29
30
|
const theme = (0, material_1.useTheme)();
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
31
|
+
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_common_1.QuickTipButton, Object.assign({ style: { fontSize: quickTipSize }, color: "inherit", title: title !== null && title !== void 0 ? title : '' }, { children: tip }))) : null] })), more] })));
|
|
31
32
|
};
|
|
32
33
|
exports.PropertyTitle = PropertyTitle;
|
|
33
34
|
//# sourceMappingURL=Title.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwF;AACxF,
|
|
1
|
+
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwF;AACxF,uDAAqD;AACrD,yDAA6D;AActD,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,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAA,kBAAO,EAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,IAAA,iBAAM,EAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC,EAC9J,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,6BAAc,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;AAjDY,QAAA,aAAa,iBAiDzB"}
|