@xyo-network/react-property 2.25.28 → 2.25.31
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 +3 -3
- package/dist/cjs/components/Actions.js.map +1 -1
- package/dist/cjs/components/Group.js +3 -3
- package/dist/cjs/components/Group.js.map +1 -1
- package/dist/docs.json +2 -2
- package/dist/esm/components/Actions.js +4 -4
- package/dist/esm/components/Actions.js.map +1 -1
- package/dist/esm/components/Group.js +4 -4
- package/dist/esm/components/Group.js.map +1 -1
- package/package.json +6 -6
- package/src/components/Actions.tsx +13 -15
- package/src/components/Group.tsx +19 -17
|
@@ -9,9 +9,9 @@ const PropertyActions = (_a) => {
|
|
|
9
9
|
var _b;
|
|
10
10
|
var { buttons = false, actions } = _a, props = tslib_1.__rest(_a, ["buttons", "actions"]);
|
|
11
11
|
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)(sdk_react_1.FlexRow, Object.assign({
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
return ((_b = actions === null || actions === void 0 ? void 0 : actions.length) !== null && _b !== void 0 ? _b : 0) > 0 ? ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ gap: 1 }, props, { children: actions.map((action, index) => {
|
|
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)(sdk_react_1.ButtonEx, Object.assign({ paddingY: 0, color: "primary", size: "small", disabled: action.disabled, onClick: action.onClick, variant: "contained" }, { children: action.name }), index)) : null;
|
|
14
|
+
}) }))) : null;
|
|
15
15
|
}
|
|
16
16
|
return null;
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0C;AAC1C,iDAAqD;AAI9C,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,mBAAO,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,oBAAQ,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"}
|
|
@@ -11,9 +11,9 @@ 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.jsxs)(sdk_react_1.FlexRow, Object.assign({ overflow: "hidden", justifyContent: "
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexCol, Object.assign({ alignItems: "stretch", overflow: "hidden" }, props, { children: (0, jsx_runtime_1.jsxs)(sdk_react_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)(sdk_react_1.FlexGrowRow, { children: childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.map((child, index) => {
|
|
15
|
+
return child ? ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexGrowRow, Object.assign({ borderLeft: 1, borderColor: theme.palette.divider }, { children: child }), index)) : null;
|
|
16
|
+
}) })) : ((0, jsx_runtime_1.jsx)(sdk_react_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,iDAAiE;AACjE,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,mBAAO,kBAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,IAAK,KAAK,cACvD,wBAAC,mBAAO,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,uBAAW,cACT,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBACnC,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,uBAAC,uBAAW,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,uBAAW,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/docs.json
CHANGED
|
@@ -25912,7 +25912,7 @@
|
|
|
25912
25912
|
"sources": [
|
|
25913
25913
|
{
|
|
25914
25914
|
"fileName": "packages/property/src/components/Group.tsx",
|
|
25915
|
-
"line":
|
|
25915
|
+
"line": 42,
|
|
25916
25916
|
"character": 13
|
|
25917
25917
|
}
|
|
25918
25918
|
],
|
|
@@ -25973,7 +25973,7 @@
|
|
|
25973
25973
|
]
|
|
25974
25974
|
},
|
|
25975
25975
|
{
|
|
25976
|
-
"title": "Type
|
|
25976
|
+
"title": "Type Aliases",
|
|
25977
25977
|
"kind": 4194304,
|
|
25978
25978
|
"children": [
|
|
25979
25979
|
21,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { IconButton
|
|
2
|
+
import { IconButton } from '@mui/material';
|
|
3
3
|
import { ButtonEx, FlexRow } from '@xylabs/sdk-react';
|
|
4
4
|
export const PropertyActions = ({ buttons = false, actions, ...props }) => {
|
|
5
5
|
if (actions) {
|
|
6
|
-
return (actions?.length ?? 0) > 0 ? (_jsx(FlexRow, {
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
return (actions?.length ?? 0) > 0 ? (_jsx(FlexRow, { gap: 1, ...props, children: actions.map((action, index) => {
|
|
7
|
+
return action.icon ? (_jsx(IconButton, { size: "small", color: "inherit", onClick: action.onClick, children: action.icon }, index)) : buttons ? (_jsx(ButtonEx, { paddingY: 0, color: "primary", size: "small", disabled: action.disabled, onClick: action.onClick, variant: "contained", children: action.name }, index)) : null;
|
|
8
|
+
}) })) : null;
|
|
9
9
|
}
|
|
10
10
|
return null;
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../src/components/Actions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAIrD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxG,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAClC,KAAC,OAAO,IAAC,GAAG,EAAE,CAAC,KAAM,KAAK,YACvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC7B,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACnB,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAa,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,YACzE,MAAM,CAAC,IAAI,IADgB,KAAK,CAEtB,CACd,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,KAAC,QAAQ,IAAC,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,YACpI,MAAM,CAAC,IAAI,IAD8B,KAAK,CAEtC,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;YACV,CAAC,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CAAA;KACT;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Paper, useTheme } from '@mui/material';
|
|
3
|
-
import { FlexGrowRow, FlexRow } from '@xylabs/sdk-react';
|
|
3
|
+
import { FlexCol, FlexGrowRow, FlexRow } from '@xylabs/sdk-react';
|
|
4
4
|
import { typeOf } from '@xyo-network/core';
|
|
5
5
|
import { PropertyTitle } from './Title';
|
|
6
6
|
const PropertyGroupBox = ({ titleProps, children, title, tip, ...props }) => {
|
|
7
7
|
const theme = useTheme();
|
|
8
8
|
const childrenArray = typeOf(children) === 'array' ? children : undefined;
|
|
9
|
-
return (_jsxs(FlexRow, { overflow: "hidden", justifyContent: "
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
return (_jsx(FlexCol, { alignItems: "stretch", overflow: "hidden", ...props, children: _jsxs(FlexRow, { overflow: "hidden", justifyContent: "stretch", alignItems: "stretch", children: [_jsx(PropertyTitle, { alignItems: "flex-start", size: "full", title: title, tip: tip, ...titleProps }), childrenArray ? (_jsx(FlexGrowRow, { children: childrenArray?.map((child, index) => {
|
|
10
|
+
return child ? (_jsx(FlexGrowRow, { borderLeft: 1, borderColor: theme.palette.divider, children: child }, index)) : null;
|
|
11
|
+
}) })) : (_jsx(FlexGrowRow, { overflow: "hidden", children: children }))] }) }));
|
|
12
12
|
};
|
|
13
13
|
const PropertyGroupPaper = ({ style, variant, elevation, square, ...props }) => {
|
|
14
14
|
return (_jsx(Paper, { style: { minWidth: 0, overflow: 'hidden', ...style }, variant: variant, elevation: elevation, square: square, children: _jsx(PropertyGroupBox, { ...props, paper: false }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAI1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3G,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,OAAO,CAAC,CAAC,CAAE,QAA2B,CAAC,CAAC,CAAC,SAAS,CAAA;IAC7F,OAAO,CACL,KAAC,OAAO,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,KAAK,KAAK,YACvD,MAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,SAAS,EAAC,UAAU,EAAC,SAAS,aACtE,KAAC,aAAa,IAAC,UAAU,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,EAC5F,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,WAAW,cACT,aAAa,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;wBACnC,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,WAAW,IAAa,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,YACvE,KAAK,IADU,KAAK,CAET,CACf,CAAC,CAAC,CAAC,IAAI,CAAA;oBACV,CAAC,CAAC,GACU,CACf,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,QAAQ,EAAC,QAAQ,YAAE,QAAQ,GAAe,CACxD,IACO,GACF,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAsC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChH,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YACjH,KAAC,gBAAgB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,GACvC,CACT,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,kBAAkB,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAA;AAC1F,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -12,17 +12,17 @@
|
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@emotion/react": "^11.9.0",
|
|
14
14
|
"@emotion/styled": "^11.8.1",
|
|
15
|
-
"@mui/icons-material": "^5.8.
|
|
16
|
-
"@mui/material": "^5.8.
|
|
15
|
+
"@mui/icons-material": "^5.8.2",
|
|
16
|
+
"@mui/material": "^5.8.2",
|
|
17
17
|
"@xylabs/sdk-react": "^2.12.10",
|
|
18
18
|
"@xyo-network/core": "^2.20.38",
|
|
19
|
-
"@xyo-network/react-shared": "^2.25.
|
|
20
|
-
"@xyo-network/react-theme": "^2.25.
|
|
19
|
+
"@xyo-network/react-shared": "^2.25.31",
|
|
20
|
+
"@xyo-network/react-theme": "^2.25.31",
|
|
21
21
|
"lodash": "^4.17.21",
|
|
22
22
|
"react": "^18.1.0",
|
|
23
23
|
"react-dom": "^18.1.0",
|
|
24
24
|
"tslib": "^2.4.0",
|
|
25
|
-
"typedoc": "^0.22.
|
|
25
|
+
"typedoc": "^0.22.16"
|
|
26
26
|
},
|
|
27
27
|
"description": "Common React library for all XYO projects that use React",
|
|
28
28
|
"devDependencies": {
|
|
@@ -100,6 +100,6 @@
|
|
|
100
100
|
},
|
|
101
101
|
"sideEffects": false,
|
|
102
102
|
"types": "dist/esm/index.d.ts",
|
|
103
|
-
"version": "2.25.
|
|
103
|
+
"version": "2.25.31",
|
|
104
104
|
"packageManager": "yarn@3.1.1"
|
|
105
105
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IconButton
|
|
1
|
+
import { IconButton } from '@mui/material'
|
|
2
2
|
import { ButtonEx, FlexRow } from '@xylabs/sdk-react'
|
|
3
3
|
|
|
4
4
|
import { PropertyActionsProps } from './ActionsProps'
|
|
@@ -6,20 +6,18 @@ import { PropertyActionsProps } from './ActionsProps'
|
|
|
6
6
|
export const PropertyActions: React.FC<PropertyActionsProps> = ({ buttons = false, actions, ...props }) => {
|
|
7
7
|
if (actions) {
|
|
8
8
|
return (actions?.length ?? 0) > 0 ? (
|
|
9
|
-
<FlexRow {...props}>
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
})}
|
|
22
|
-
</Stack>
|
|
9
|
+
<FlexRow gap={1} {...props}>
|
|
10
|
+
{actions.map((action, index) => {
|
|
11
|
+
return action.icon ? (
|
|
12
|
+
<IconButton size="small" key={index} color="inherit" onClick={action.onClick}>
|
|
13
|
+
{action.icon}
|
|
14
|
+
</IconButton>
|
|
15
|
+
) : buttons ? (
|
|
16
|
+
<ButtonEx paddingY={0} color="primary" key={index} size="small" disabled={action.disabled} onClick={action.onClick} variant="contained">
|
|
17
|
+
{action.name}
|
|
18
|
+
</ButtonEx>
|
|
19
|
+
) : null
|
|
20
|
+
})}
|
|
23
21
|
</FlexRow>
|
|
24
22
|
) : null
|
|
25
23
|
}
|
package/src/components/Group.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Paper, useTheme } from '@mui/material'
|
|
2
|
-
import { FlexGrowRow, FlexRow } from '@xylabs/sdk-react'
|
|
2
|
+
import { FlexCol, FlexGrowRow, FlexRow } from '@xylabs/sdk-react'
|
|
3
3
|
import { typeOf } from '@xyo-network/core'
|
|
4
4
|
import { ReactElement } from 'react'
|
|
5
5
|
|
|
@@ -10,22 +10,24 @@ const PropertyGroupBox: React.FC<PropertyGroupBoxProps> = ({ titleProps, childre
|
|
|
10
10
|
const theme = useTheme()
|
|
11
11
|
const childrenArray = typeOf(children) === 'array' ? (children as ReactElement[]) : undefined
|
|
12
12
|
return (
|
|
13
|
-
<
|
|
14
|
-
<
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
{
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
13
|
+
<FlexCol alignItems="stretch" overflow="hidden" {...props}>
|
|
14
|
+
<FlexRow overflow="hidden" justifyContent="stretch" alignItems="stretch">
|
|
15
|
+
<PropertyTitle alignItems="flex-start" size="full" title={title} tip={tip} {...titleProps} />
|
|
16
|
+
{childrenArray ? (
|
|
17
|
+
<FlexGrowRow>
|
|
18
|
+
{childrenArray?.map((child, index) => {
|
|
19
|
+
return child ? (
|
|
20
|
+
<FlexGrowRow key={index} borderLeft={1} borderColor={theme.palette.divider}>
|
|
21
|
+
{child}
|
|
22
|
+
</FlexGrowRow>
|
|
23
|
+
) : null
|
|
24
|
+
})}
|
|
25
|
+
</FlexGrowRow>
|
|
26
|
+
) : (
|
|
27
|
+
<FlexGrowRow overflow="hidden">{children}</FlexGrowRow>
|
|
28
|
+
)}
|
|
29
|
+
</FlexRow>
|
|
30
|
+
</FlexCol>
|
|
29
31
|
)
|
|
30
32
|
}
|
|
31
33
|
|