@galaxy-ds/core 1.1.77 → 1.1.79

package/dist/index.js

@@ -30904,7 +30904,7 @@ process.env.NODE_ENV !== "production" ? Tooltip$1.propTypes = {
    */
   TransitionProps: propTypes.object
 } : void 0;
-var Tooltip$2 = withStyles(styles$3, {
+var MuiTooltip = withStyles(styles$3, {
   name: 'MuiTooltip',
   flip: false
 })(Tooltip$1);
@@ -33462,7 +33462,7 @@ var Avatar = function (props) {
             colorProp = "avatarDefault";
     }
     return (React__default["default"].createElement(React__default["default"].Fragment, null, tooltip ?
-        React__default["default"].createElement(Tooltip$2, { arrow: true, title: tooltip, placement: placement },
+        React__default["default"].createElement(MuiTooltip, { arrow: true, title: tooltip, placement: placement },
             React__default["default"].createElement(MuiAvatar, __assign$1({}, rest, { variant: "circular", className: clsx(sizeProp, colorProp) })))
         :
             React__default["default"].createElement(MuiAvatar, __assign$1({}, rest, { variant: "circular", className: clsx(sizeProp, colorProp) }))));
@@ -34799,7 +34799,7 @@ var useStyles$c = makeStyles({
 var Tooltip = React__default["default"].forwardRef(function (props, ref) {
     var children = props.children, TransitionProps = props.TransitionProps, _a = props.isFullWidth, isFullWidth = _a === void 0 ? true : _a, defaultProps = __rest(props, ["children", "TransitionProps", "isFullWidth"]);
     var classes = useStyles$c({ isFullWidth: isFullWidth });
-    return (React__default["default"].createElement(Tooltip$2, __assign$1({ arrow: true, TransitionProps: __assign$1(__assign$1({}, TransitionProps), { timeout: 0 }), ref: ref }, defaultProps, { classes: { tooltip: classes.tooltip } }), children));
+    return (React__default["default"].createElement(MuiTooltip, __assign$1({ arrow: true, TransitionProps: __assign$1(__assign$1({}, TransitionProps), { timeout: 0 }), ref: ref }, defaultProps, { classes: { tooltip: classes.tooltip } }), children));
 });
 
 function DocTypeAppointment$2(props) {
@@ -35975,7 +35975,7 @@ var pallettes = __assign$1({ pallette: pallette }, common);
 
 var useStyles$8 = makeStyles(createStyles({
     root: {
-        "&.tag": {
+        '&.tag': {
             display: 'inline-flex',
             alignItems: 'center',
             border: '1px solid #C0D7EE',
@@ -35990,80 +35990,85 @@ var useStyles$8 = makeStyles(createStyles({
                 minHeight: 24,
                 display: 'inline-flex',
                 alignItems: 'center',
-                "&:hover, &:focus": {
+                '&:hover, &:focus': {
                     cursor: 'pointer',
                     backgroundColor: pallettes.brand.primary.transparent,
-                }
+                },
             },
             '& .tag_startIcon': {
                 display: 'flex',
                 paddingLeft: 3,
-                "& .MuiSvgIcon-root": {
+                '& .MuiSvgIcon-root': {
                     fontSize: 16,
                 },
             },
             '& .tag_endIcon': {
                 display: 'flex',
                 height: 24,
-                "& .MuiIconButton-root": {
+                '& .MuiIconButton-root': {
                     paddingLeft: 3,
-                    paddingRight: 3
-                }
+                    paddingRight: 3,
+                },
             },
             '& .tag_label': {
                 paddingLeft: 5,
                 paddingRight: 5,
+                whiteSpace: 'nowrap',
+                width: '100%',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
             },
             '& .tag_delete': {
                 display: 'flex',
                 height: 24,
-                borderLeft: '1px solid #C0D7EE'
+                borderLeft: '1px solid #C0D7EE',
             },
-            "&.tag-desktop": {
+            '&.tag-desktop': {
                 border: '1px solid #C0D7EE',
                 backgroundColor: '#EBF2F9',
+                maxWidth: '100%',
+            },
+            '&.tag-desktop p': {
+                whiteSpace: 'nowrap',
+                width: '100%',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
             },
-            "&.tag-web": {
+            '&.tag-web': {
                 border: '1px solid #d8d8d8',
                 backgroundColor: '#ffffff',
                 '& .tag_content': {
-                    "&:hover, &:focus": {
+                    '&:hover, &:focus': {
                         backgroundColor: pallettes.brand.neutral.white,
-                    }
+                    },
                 },
                 '& .tag_delete': {
-                    borderLeft: '1px solid #d8d8d8'
+                    borderLeft: '1px solid #d8d8d8',
                 },
-                "& .MuiIconButton-root": {
-                    "&:hover, &:focus": {
+                '& .MuiIconButton-root': {
+                    '&:hover, &:focus': {
                         backgroundColor: pallettes.brand.background.light,
-                    }
-                }
+                    },
+                },
             },
         },
     },
 }));
 var Tag = React__default["default"].forwardRef(function (props, ref) {
     var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, tooltipDelete = props.tooltipDelete, tooltipDeletePlacement = props.tooltipDeletePlacement, tooltipLabelPlacement = props.tooltipLabelPlacement, tooltipLabel = props.tooltipLabel, disabled = props.disabled, platformWeb = props.platformWeb, rest = __rest(props, ["tooltip", "tooltipPlacement", "tooltipDelete", "tooltipDeletePlacement", "tooltipLabelPlacement", "tooltipLabel", "disabled", "platformWeb"]);
-    var placement = tooltipPlacement !== undefined ? tooltipPlacement : "top";
-    var placementLabel = tooltipLabelPlacement !== undefined ? tooltipLabelPlacement : "top";
-    var placementDelete = tooltipDeletePlacement !== undefined ? tooltipDeletePlacement : "top";
+    var placement = tooltipPlacement !== undefined ? tooltipPlacement : 'top';
+    var placementLabel = tooltipLabelPlacement !== undefined ? tooltipLabelPlacement : 'top';
+    var placementDelete = tooltipDeletePlacement !== undefined ? tooltipDeletePlacement : 'top';
     var classes = useStyles$8();
     var tagClass = platformWeb ? 'tag-web' : 'tag-desktop';
     return (React__default["default"].createElement("div", { className: clsx(classes.root, 'tag', tagClass) },
-        rest.startIcon ?
-            React__default["default"].createElement("div", { className: 'tag_startIcon' }, rest.startIcon) : null,
-        React__default["default"].createElement("div", { className: 'tag_label' }, tooltipLabel ?
-            React__default["default"].createElement(Tooltip$2, { title: tooltipLabel, placement: placementLabel, TransitionProps: { timeout: 0 } },
-                React__default["default"].createElement(Typography, { variant: "body2" }, rest.label)) : React__default["default"].createElement(Typography, { variant: "body2" }, rest.label)),
-        rest.endIcon ?
-            React__default["default"].createElement("div", { className: 'tag_endIcon' }, tooltip ?
-                React__default["default"].createElement(Tooltip$2, { title: tooltip, placement: placement, TransitionProps: { timeout: 0 } },
-                    React__default["default"].createElement(IconButton, { size: "small", disabled: disabled, onClick: rest.onClick }, rest.endIcon)) : React__default["default"].createElement(IconButton, { size: "small", disabled: disabled, onClick: rest.onClick }, rest.endIcon)) : null,
-        rest.onDelete ?
-            React__default["default"].createElement("div", { className: 'tag_delete' }, tooltipDelete ?
-                React__default["default"].createElement(Tooltip$2, { title: tooltipDelete, placement: placementDelete, TransitionProps: { timeout: 0 } },
-                    React__default["default"].createElement(IconButton, { size: "small", onClick: rest.onDelete }, rest.deleteIcon ? rest.deleteIcon : (React__default["default"].createElement(CrossIcon, null)))) : React__default["default"].createElement(IconButton, { size: "small", onClick: rest.onDelete }, rest.deleteIcon ? rest.deleteIcon : (React__default["default"].createElement(CrossIcon, null)))) : null));
+        rest.startIcon ? (React__default["default"].createElement("div", { className: 'tag_startIcon' }, rest.startIcon)) : null,
+        React__default["default"].createElement("div", { className: 'tag_label' }, tooltipLabel ? (React__default["default"].createElement(Tooltip, { title: tooltipLabel, placement: placementLabel, TransitionProps: { timeout: 0 } },
+            React__default["default"].createElement(Typography, { variant: "body2" }, rest.label))) : (React__default["default"].createElement(Typography, { variant: "body2" }, rest.label))),
+        rest.endIcon ? (React__default["default"].createElement("div", { className: 'tag_endIcon' }, tooltip ? (React__default["default"].createElement(Tooltip, { title: tooltip, placement: placement, TransitionProps: { timeout: 0 } },
+            React__default["default"].createElement(IconButton, { size: "small", disabled: disabled, onClick: rest.onClick }, rest.endIcon))) : (React__default["default"].createElement(IconButton, { size: "small", disabled: disabled, onClick: rest.onClick }, rest.endIcon)))) : null,
+        rest.onDelete ? (React__default["default"].createElement("div", { className: 'tag_delete' }, tooltipDelete ? (React__default["default"].createElement(Tooltip, { title: tooltipDelete, placement: placementDelete, TransitionProps: { timeout: 0 } },
+            React__default["default"].createElement(IconButton, { size: "small", onClick: rest.onDelete }, rest.deleteIcon ? rest.deleteIcon : React__default["default"].createElement(CrossIcon, null)))) : (React__default["default"].createElement(IconButton, { size: "small", onClick: rest.onDelete }, rest.deleteIcon ? rest.deleteIcon : React__default["default"].createElement(CrossIcon, null))))) : null));
 });
 
 function LeapLogo(props) {