@xyo-network/react-property 2.25.22 → 2.25.25
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/Group.js +1 -1
- package/dist/cjs/components/Group.js.map +1 -1
- package/dist/cjs/components/Title.js +6 -6
- package/dist/cjs/components/Title.js.map +1 -1
- package/dist/esm/components/Group.js +1 -1
- package/dist/esm/components/Group.js.map +1 -1
- package/dist/esm/components/Title.js +6 -6
- package/dist/esm/components/Title.js.map +1 -1
- package/package.json +3 -3
- package/src/components/Group.tsx +1 -1
- package/src/components/Title.tsx +10 -8
|
@@ -11,7 +11,7 @@ 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: "flex-start", alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(Title_1.PropertyTitle, Object.assign({ 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) => {
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ overflow: "hidden", justifyContent: "flex-start", alignItems: "stretch" }, props, { 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
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
16
|
}) })) : (children)] })));
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,iDAAwD;AACxD,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,wBAAC,mBAAO,kBAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACnF,uBAAC,qBAAa,kBAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,
|
|
1
|
+
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/components/Group.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAC/C,iDAAwD;AACxD,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,wBAAC,mBAAO,kBAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACnF,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;oBACnC,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;gBACV,CAAC,CAAC,GACU,CACf,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,KACO,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"}
|
|
@@ -8,8 +8,8 @@ const sdk_react_1 = require("@xylabs/sdk-react");
|
|
|
8
8
|
const PropertyTitle = (_a) => {
|
|
9
9
|
var { elevation = 1, size = 'medium', tip, more, title } = _a, props = tslib_1.__rest(_a, ["elevation", "size", "tip", "more", "title"]);
|
|
10
10
|
const sizeVariants = {
|
|
11
|
-
full: '
|
|
12
|
-
large: '
|
|
11
|
+
full: 'caption',
|
|
12
|
+
large: 'caption',
|
|
13
13
|
medium: 'caption',
|
|
14
14
|
small: 'caption',
|
|
15
15
|
};
|
|
@@ -20,14 +20,14 @@ const PropertyTitle = (_a) => {
|
|
|
20
20
|
small: 16,
|
|
21
21
|
};
|
|
22
22
|
const sizeFontSize = {
|
|
23
|
-
full:
|
|
24
|
-
large:
|
|
23
|
+
full: 16,
|
|
24
|
+
large: 16,
|
|
25
25
|
medium: 14,
|
|
26
26
|
small: 10,
|
|
27
27
|
};
|
|
28
|
-
const quickTipSize = sizeFontSize[size] <
|
|
28
|
+
const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16;
|
|
29
29
|
const theme = (0, material_1.useTheme)();
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)(sdk_react_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.05 * elevation), alignItems: "center", height: sizeTitleHeight[size], justifyContent: "space-between" }, props, { children: [(0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ paddingX: 1 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight:
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)(sdk_react_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.05 * elevation), alignItems: "center", height: sizeTitleHeight[size], justifyContent: "space-between" }, props, { children: [(0, jsx_runtime_1.jsxs)(sdk_react_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)(sdk_react_1.QuickTipButton, Object.assign({ style: { fontSize: quickTipSize }, color: "inherit", title: title !== null && title !== void 0 ? title : '' }, { children: tip }))) : null] })), more] })));
|
|
31
31
|
};
|
|
32
32
|
exports.PropertyTitle = PropertyTitle;
|
|
33
33
|
//# sourceMappingURL=Title.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwF;AACxF,iDAAyE;AAclE,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,
|
|
1
|
+
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwF;AACxF,iDAAyE;AAclE,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,mBAAO,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,IAAI,GAAG,SAAS,CAAC,EAC7J,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,EAC7B,cAAc,EAAC,eAAe,IAC1B,KAAK,eAET,wBAAC,mBAAO,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,0BAAc,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"}
|
|
@@ -6,7 +6,7 @@ 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: "flex-start", alignItems: "stretch", ...props, children: [_jsx(PropertyTitle, { size: "full", title: title, tip: tip, ...titleProps }), childrenArray ? (_jsx(FlexGrowRow, { children: childrenArray?.map((child, index) => {
|
|
9
|
+
return (_jsxs(FlexRow, { overflow: "hidden", justifyContent: "flex-start", alignItems: "stretch", ...props, children: [_jsx(PropertyTitle, { alignItems: "flex-start", size: "full", title: title, tip: tip, ...titleProps }), childrenArray ? (_jsx(FlexGrowRow, { children: childrenArray?.map((child, index) => {
|
|
10
10
|
return child ? (_jsx(FlexGrowRow, { borderLeft: 1, borderColor: theme.palette.divider, children: child }, index)) : null;
|
|
11
11
|
}) })) : (children)] }));
|
|
12
12
|
};
|
|
@@ -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;AACxD,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,MAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACnF,KAAC,aAAa,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,
|
|
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;AACxD,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,MAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACnF,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;oBACnC,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;gBACV,CAAC,CAAC,GACU,CACf,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,IACO,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"}
|
|
@@ -3,8 +3,8 @@ import { darken, lighten, Typography, useTheme } from '@mui/material';
|
|
|
3
3
|
import { FlexRow, QuickTipButton } from '@xylabs/sdk-react';
|
|
4
4
|
export const PropertyTitle = ({ elevation = 1, size = 'medium', tip, more, title, ...props }) => {
|
|
5
5
|
const sizeVariants = {
|
|
6
|
-
full: '
|
|
7
|
-
large: '
|
|
6
|
+
full: 'caption',
|
|
7
|
+
large: 'caption',
|
|
8
8
|
medium: 'caption',
|
|
9
9
|
small: 'caption',
|
|
10
10
|
};
|
|
@@ -15,13 +15,13 @@ export const PropertyTitle = ({ elevation = 1, size = 'medium', tip, more, title
|
|
|
15
15
|
small: 16,
|
|
16
16
|
};
|
|
17
17
|
const sizeFontSize = {
|
|
18
|
-
full:
|
|
19
|
-
large:
|
|
18
|
+
full: 16,
|
|
19
|
+
large: 16,
|
|
20
20
|
medium: 14,
|
|
21
21
|
small: 10,
|
|
22
22
|
};
|
|
23
|
-
const quickTipSize = sizeFontSize[size] <
|
|
23
|
+
const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16;
|
|
24
24
|
const theme = useTheme();
|
|
25
|
-
return (_jsxs(FlexRow, { bgcolor: theme.palette.mode === 'dark' ? lighten(theme.palette.background.paper, 0.05 * elevation) : darken(theme.palette.background.paper, 0.05 * elevation), alignItems: "center", height: sizeTitleHeight[size], justifyContent: "space-between", ...props, children: [_jsxs(FlexRow, { paddingX: 1, children: [_jsx(Typography, { fontWeight:
|
|
25
|
+
return (_jsxs(FlexRow, { bgcolor: theme.palette.mode === 'dark' ? lighten(theme.palette.background.paper, 0.05 * elevation) : darken(theme.palette.background.paper, 0.05 * elevation), alignItems: "center", height: sizeTitleHeight[size], justifyContent: "space-between", ...props, children: [_jsxs(FlexRow, { paddingX: 1, paddingY: 0.5, children: [_jsx(Typography, { fontWeight: 500, noWrap: true, variant: sizeVariants[size], fontSize: sizeFontSize[size], children: _jsx("small", { children: _jsx("strong", { children: title }) }) }), tip ? (_jsx(QuickTipButton, { style: { fontSize: quickTipSize }, color: "inherit", title: title ?? '', children: tip })) : null] }), more] }));
|
|
26
26
|
};
|
|
27
27
|
//# sourceMappingURL=Title.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAqB,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxF,OAAO,EAAgB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAczE,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5H,MAAM,YAAY,GAA6C;QAC7D,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAqB,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxF,OAAO,EAAgB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAczE,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5H,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,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,MAAC,OAAO,IACN,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC,EAC7J,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,EAC7B,cAAc,EAAC,eAAe,KAC1B,KAAK,aAET,MAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,aACjC,KAAC,UAAU,IAAC,UAAU,EAAE,GAAG,EAAE,MAAM,QAAC,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,YAC3F,0BACE,2BAAS,KAAK,GAAU,GAClB,GACG,EACZ,GAAG,CAAC,CAAC,CAAC,CACL,KAAC,cAAc,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,IAAI,EAAE,YAClF,GAAG,GACW,CAClB,CAAC,CAAC,CAAC,IAAI,IACA,EACT,IAAI,IACG,CACX,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
"@mui/material": "^5.8.1",
|
|
17
17
|
"@xylabs/sdk-react": "^2.12.10",
|
|
18
18
|
"@xyo-network/core": "^2.20.33",
|
|
19
|
-
"@xyo-network/react-shared": "^2.25.
|
|
20
|
-
"@xyo-network/react-theme": "^2.25.
|
|
19
|
+
"@xyo-network/react-shared": "^2.25.25",
|
|
20
|
+
"@xyo-network/react-theme": "^2.25.25",
|
|
21
21
|
"lodash": "^4.17.21",
|
|
22
22
|
"react": "^18.1.0",
|
|
23
23
|
"react-dom": "^18.1.0",
|
|
@@ -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.25",
|
|
104
104
|
"packageManager": "yarn@3.1.1"
|
|
105
105
|
}
|
package/src/components/Group.tsx
CHANGED
|
@@ -11,7 +11,7 @@ const PropertyGroupBox: React.FC<PropertyGroupBoxProps> = ({ titleProps, childre
|
|
|
11
11
|
const childrenArray = typeOf(children) === 'array' ? (children as ReactElement[]) : undefined
|
|
12
12
|
return (
|
|
13
13
|
<FlexRow overflow="hidden" justifyContent="flex-start" alignItems="stretch" {...props}>
|
|
14
|
-
<PropertyTitle size="full" title={title} tip={tip} {...titleProps} />
|
|
14
|
+
<PropertyTitle alignItems="flex-start" size="full" title={title} tip={tip} {...titleProps} />
|
|
15
15
|
{childrenArray ? (
|
|
16
16
|
<FlexGrowRow>
|
|
17
17
|
{childrenArray?.map((child, index) => {
|
package/src/components/Title.tsx
CHANGED
|
@@ -15,8 +15,8 @@ export interface PropertyTitleProps extends FlexBoxProps {
|
|
|
15
15
|
|
|
16
16
|
export const PropertyTitle: React.FC<PropertyTitleProps> = ({ elevation = 1, size = 'medium', tip, more, title, ...props }) => {
|
|
17
17
|
const sizeVariants: Record<TitleSizeProp, TypographyVariant> = {
|
|
18
|
-
full: '
|
|
19
|
-
large: '
|
|
18
|
+
full: 'caption',
|
|
19
|
+
large: 'caption',
|
|
20
20
|
medium: 'caption',
|
|
21
21
|
small: 'caption',
|
|
22
22
|
}
|
|
@@ -29,13 +29,13 @@ export const PropertyTitle: React.FC<PropertyTitleProps> = ({ elevation = 1, siz
|
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
const sizeFontSize: Record<TitleSizeProp, number> = {
|
|
32
|
-
full:
|
|
33
|
-
large:
|
|
32
|
+
full: 16,
|
|
33
|
+
large: 16,
|
|
34
34
|
medium: 14,
|
|
35
35
|
small: 10,
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
const quickTipSize = sizeFontSize[size] <
|
|
38
|
+
const quickTipSize = sizeFontSize[size] < 16 ? sizeFontSize[size] : 16
|
|
39
39
|
|
|
40
40
|
const theme = useTheme()
|
|
41
41
|
|
|
@@ -47,9 +47,11 @@ export const PropertyTitle: React.FC<PropertyTitleProps> = ({ elevation = 1, siz
|
|
|
47
47
|
justifyContent="space-between"
|
|
48
48
|
{...props}
|
|
49
49
|
>
|
|
50
|
-
<FlexRow paddingX={1}>
|
|
51
|
-
<Typography fontWeight={
|
|
52
|
-
|
|
50
|
+
<FlexRow paddingX={1} paddingY={0.5}>
|
|
51
|
+
<Typography fontWeight={500} noWrap variant={sizeVariants[size]} fontSize={sizeFontSize[size]}>
|
|
52
|
+
<small>
|
|
53
|
+
<strong>{title}</strong>
|
|
54
|
+
</small>
|
|
53
55
|
</Typography>
|
|
54
56
|
{tip ? (
|
|
55
57
|
<QuickTipButton style={{ fontSize: quickTipSize }} color="inherit" title={title ?? ''}>
|