@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/esm/index.js
CHANGED
|
@@ -8337,9 +8337,10 @@ const StyledBox = styled$3(Box)({
|
|
|
8337
8337
|
padding: 1,
|
|
8338
8338
|
minHeight: '50px',
|
|
8339
8339
|
position: 'relative',
|
|
8340
|
+
maxWidth: 'inherit'
|
|
8340
8341
|
});
|
|
8341
8342
|
const IconBox = styled$3(Box)(({ theme }) => ({
|
|
8342
|
-
marginTop: '-
|
|
8343
|
+
marginTop: '-20px',
|
|
8343
8344
|
padding: 0,
|
|
8344
8345
|
color: theme.palette.primary.main,
|
|
8345
8346
|
}));
|
|
@@ -8356,15 +8357,16 @@ const InfoContainer = styled$3(Box)({
|
|
|
8356
8357
|
const AddressContainer = styled$3(Box)({
|
|
8357
8358
|
display: 'flex',
|
|
8358
8359
|
flexDirection: 'column',
|
|
8359
|
-
height: '
|
|
8360
|
+
height: '50px',
|
|
8361
|
+
maxWidth: '90%',
|
|
8360
8362
|
});
|
|
8361
8363
|
const NoteText = styled$3(Typography)({
|
|
8362
8364
|
whiteSpace: 'nowrap',
|
|
8363
8365
|
textOverflow: 'ellipsis',
|
|
8364
8366
|
overflow: 'hidden',
|
|
8365
|
-
maxWidth: '
|
|
8367
|
+
maxWidth: '90%',
|
|
8366
8368
|
position: 'absolute',
|
|
8367
|
-
bottom:
|
|
8369
|
+
bottom: 16,
|
|
8368
8370
|
left: 40,
|
|
8369
8371
|
});
|
|
8370
8372
|
const ContactMethod = ({ icon, contactList, title, showTitle = true, }) => {
|
|
@@ -8373,8 +8375,7 @@ const ContactMethod = ({ icon, contactList, title, showTitle = true, }) => {
|
|
|
8373
8375
|
textOverflow: 'ellipsis',
|
|
8374
8376
|
overflow: 'hidden',
|
|
8375
8377
|
cursor: 'default',
|
|
8376
|
-
|
|
8377
|
-
}, children: contact.address }) }), contact.profileName && (jsxRuntimeExports.jsx(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));
|
|
8378
|
+
}, children: contact.address }) }), contact.profileName && (jsxRuntimeExports.jsx(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));
|
|
8378
8379
|
return (jsxRuntimeExports.jsxs(Container$1, { children: [showTitle && (jsxRuntimeExports.jsx(TitleBox, { children: jsxRuntimeExports.jsx(Typography, { variant: "subtitle1", fontWeight: "bold", gutterBottom: true, mt: 2, children: title }) })), contactList?.map(renderContactInfo)] }));
|
|
8379
8380
|
};
|
|
8380
8381
|
|
|
@@ -14229,7 +14230,7 @@ const PopupContainer = styled$3(Box)(({ theme }) => ({
|
|
|
14229
14230
|
boxShadow: '0px 4px 10px rgba(0, 0, 0, 0.1)',
|
|
14230
14231
|
borderRadius: '8px',
|
|
14231
14232
|
width: 300,
|
|
14232
|
-
maxHeight: '
|
|
14233
|
+
maxHeight: 'calc(100vh - 500px)',
|
|
14233
14234
|
overflowY: 'auto',
|
|
14234
14235
|
transition: 'opacity 0.3s ease, transform 0.3s ease',
|
|
14235
14236
|
padding: '8px',
|