@trii/components 2.0.5 → 2.0.7
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/index.js +8 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +8 -7
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -8357,9 +8357,10 @@ const StyledBox = material.styled(material.Box)({
|
|
|
8357
8357
|
padding: 1,
|
|
8358
8358
|
minHeight: '50px',
|
|
8359
8359
|
position: 'relative',
|
|
8360
|
+
maxWidth: 'inherit'
|
|
8360
8361
|
});
|
|
8361
8362
|
const IconBox = material.styled(material.Box)(({ theme }) => ({
|
|
8362
|
-
marginTop: '-
|
|
8363
|
+
marginTop: '-20px',
|
|
8363
8364
|
padding: 0,
|
|
8364
8365
|
color: theme.palette.primary.main,
|
|
8365
8366
|
}));
|
|
@@ -8376,15 +8377,16 @@ const InfoContainer = material.styled(material.Box)({
|
|
|
8376
8377
|
const AddressContainer = material.styled(material.Box)({
|
|
8377
8378
|
display: 'flex',
|
|
8378
8379
|
flexDirection: 'column',
|
|
8379
|
-
height: '
|
|
8380
|
+
height: '50px',
|
|
8381
|
+
maxWidth: '90%',
|
|
8380
8382
|
});
|
|
8381
8383
|
const NoteText = material.styled(material.Typography)({
|
|
8382
8384
|
whiteSpace: 'nowrap',
|
|
8383
8385
|
textOverflow: 'ellipsis',
|
|
8384
8386
|
overflow: 'hidden',
|
|
8385
|
-
maxWidth: '
|
|
8387
|
+
maxWidth: '90%',
|
|
8386
8388
|
position: 'absolute',
|
|
8387
|
-
bottom:
|
|
8389
|
+
bottom: 16,
|
|
8388
8390
|
left: 40,
|
|
8389
8391
|
});
|
|
8390
8392
|
const ContactMethod = ({ icon, contactList, title, showTitle = true, }) => {
|
|
@@ -8393,8 +8395,7 @@ const ContactMethod = ({ icon, contactList, title, showTitle = true, }) => {
|
|
|
8393
8395
|
textOverflow: 'ellipsis',
|
|
8394
8396
|
overflow: 'hidden',
|
|
8395
8397
|
cursor: 'default',
|
|
8396
|
-
|
|
8397
|
-
}, children: contact.address }) }), contact.profileName && (jsxRuntimeExports.jsx(material.Typography, { variant: "body2", fontSize: 10, color: "text.disabled", sx: { marginLeft: '5px' }, children: contact.profileName }))] }), contact.note && (jsxRuntimeExports.jsx(NoteText, { variant: "body2", fontSize: 12, color: "text.secondary", children: contact.note }))] }) }, contact.id));
|
|
8398
|
+
}, children: contact.address }) }), contact.profileName && (jsxRuntimeExports.jsx(material.Typography, { variant: "body2", fontSize: 10, color: "text.disabled", sx: { marginLeft: '5px', marginTop: '10px' }, children: contact.profileName }))] }), contact.note && (jsxRuntimeExports.jsx(NoteText, { variant: "body2", fontSize: 12, color: "text.secondary", children: contact.note }))] }) }, contact.id));
|
|
8398
8399
|
return (jsxRuntimeExports.jsxs(Container$1, { children: [showTitle && (jsxRuntimeExports.jsx(TitleBox, { children: jsxRuntimeExports.jsx(material.Typography, { variant: "subtitle1", fontWeight: "bold", gutterBottom: true, mt: 2, children: title }) })), contactList?.map(renderContactInfo)] }));
|
|
8399
8400
|
};
|
|
8400
8401
|
|
|
@@ -14249,7 +14250,7 @@ const PopupContainer = material.styled(material.Box)(({ theme }) => ({
|
|
|
14249
14250
|
boxShadow: '0px 4px 10px rgba(0, 0, 0, 0.1)',
|
|
14250
14251
|
borderRadius: '8px',
|
|
14251
14252
|
width: 300,
|
|
14252
|
-
maxHeight: '
|
|
14253
|
+
maxHeight: 'calc(100vh - 500px)',
|
|
14253
14254
|
overflowY: 'auto',
|
|
14254
14255
|
transition: 'opacity 0.3s ease, transform 0.3s ease',
|
|
14255
14256
|
padding: '8px',
|