@galaxy-ds/core 2.0.17 → 2.0.18

package/dist/index.js

@@ -1112,7 +1112,6 @@ var dropdownOverrides$1 = {
                     height: 30,
                     lineHeight: '30px',
                 }, '& .customSelectInputBackground': {
-                    backgroundColor: 'red',
                     borderColor: theme.palette.grey[500],
                     cursor: 'default',
                     '&:hover': {
@@ -1770,7 +1769,7 @@ var tableCellOverrides$1 = {
             borderTop: "1px solid #d4d4d4",
             borderLeft: "1px solid #d4d4d4",
             padding: '8px 16px',
-            '&:first-child': {
+            '&:first-of-type': {
                 borderLeft: 'none',
             },
         },
@@ -2451,12 +2450,9 @@ var checkboxOverrides = {
                     content: '""',
                     display: 'none',
                     position: 'absolute',
-                    top: -1,
-                    left: -1,
                     width: 14,
                     height: 14,
                     backgroundColor: '#fef7f0',
-                    border: "1px solid #d4d4d4",
                 },
                 '& input:focus': {
                     borderColor: theme.palette.primary.main,
@@ -2660,7 +2656,7 @@ var dropdownOverrides = {
         select: function (_a) {
             var theme = _a.theme;
             return ({
-                padding: '5px 12px 5px 16px',
+                padding: '12px 12px 12px 16px',
                 lineHeight: 1,
                 textTransform: 'uppercase',
                 fontSize: 12,
@@ -2694,9 +2690,6 @@ var dropdownOverrides = {
                     verticalAlign: 'top',
                     marginLeft: '0.5rem',
                 },
-                '&.MuiSelect-select': {
-                    paddingRight: 12,
-                },
             });
         },
     },
@@ -2843,14 +2836,6 @@ var inputBaseOverrides = {
                 '&.customSelectInputBackground .MuiInputBase-inputAdornedStart': {
                     paddingLeft: 36,
                 },
-                '&.customdropdown': {
-                    backgroundColor: '#d6d6d6',
-                    borderColor: theme.palette.grey[500],
-                    cursor: 'default',
-                    '&:hover': {
-                        cursor: 'default',
-                    },
-                },
             });
         },
         input: {
@@ -3363,7 +3348,7 @@ var tableCellOverrides = {
                 letterSpacing: '0.07px',
                 borderLeft: "1px solid #d4d4d4",
                 background: theme.palette.background.paper,
-                '&:first-child': {
+                '&:first-of-type': {
                     borderLeft: 'none',
                 },
             });
@@ -4898,7 +4883,7 @@ styles$1.styled(MuiTypography$1)(function (_a) {
 });
 
 var Autocomplete = function (_a) {
-    var label = _a.label, placeholder = _a.placeholder, _b = _a.platform, platform = _b === void 0 ? 'desktop' : _b, actionLabel = _a.actionLabel, actionClick = _a.actionClick, onChange = _a.onChange, bottomButtonHeight = _a.bottomButtonHeight, rest = __rest(_a, ["label", "placeholder", "platform", "actionLabel", "actionClick", "onChange", "bottomButtonHeight"]);
+    var label = _a.label, placeholder = _a.placeholder, _b = _a.platform, platform = _b === void 0 ? 'desktop' : _b, actionLabel = _a.actionLabel, actionClick = _a.actionClick, onChange = _a.onChange, bottomButtonHeight = _a.bottomButtonHeight, renderInput = _a.renderInput, rest = __rest(_a, ["label", "placeholder", "platform", "actionLabel", "actionClick", "onChange", "bottomButtonHeight", "renderInput"]);
     var _c = React.useState(placeholder), inputPlaceholder = _c[0], setInputPlaceholder = _c[1];
     var root = React.useRef(null);
     var onKeyDownHandler = function (event) {
@@ -4917,7 +4902,7 @@ var Autocomplete = function (_a) {
     var CustomPaper = function (props) {
         return (jsxRuntime.jsx(StyledPaper, __assign({ bottomButtonHeight: bottomButtonHeight }, props, { placement: "bottom", children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.children, actionLabel && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MuiDivider, {}), jsxRuntime.jsx(material.ListItemButton, { dense: true, onMouseDown: actionClick, children: jsxRuntime.jsx(StyledListContent, { children: jsxRuntime.jsx(Typography, { variant: platform === 'desktop' ? 'body1' : 'body2', align: "center", children: actionLabel }) }) })] }))] }) })));
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && jsxRuntime.jsx(InputLabel, { children: label }), jsxRuntime.jsx(MuiAutocomplete, __assign({ disableClearable: true, renderInput: function (params) { return (jsxRuntime.jsx(TextField$1, __assign({}, params, { inputProps: __assign(__assign({}, params.inputProps), { autoComplete: 'off' }), placeholder: inputPlaceholder, className: "customLargeSize" }))); }, PaperComponent: CustomPaper, onChange: function (event, value, reason) {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && jsxRuntime.jsx(InputLabel, { children: label }), jsxRuntime.jsx(MuiAutocomplete, __assign({ disableClearable: true, renderInput: renderInput ? renderInput : function (params) { return (jsxRuntime.jsx(TextField$1, __assign({}, params, { inputProps: __assign(__assign({}, params.inputProps), { autoComplete: 'off' }), placeholder: inputPlaceholder, className: "customLargeSize" }))); }, PaperComponent: CustomPaper, onChange: function (event, value, reason) {
                     value && value.length > 0
                         ? setInputPlaceholder('')
                         : setInputPlaceholder(placeholder);
@@ -16405,43 +16390,7 @@ var DrawerMenu = React.forwardRef(function DrawMenu(props, ref) {
     return (jsxRuntime.jsxs(DrawerMenuContainer, __assign({ ref: ref, className: "gds-drawer-menu-item ".concat(variantProp, " ").concat(submenu ? 'gds-drawer-menu-item-sub' : '') }, rest, { children: [startAdornment && !submenu ? (jsxRuntime.jsx(ListItemIcon, { children: startAdornment })) : null, jsxRuntime.jsxs("span", { className: 'gds-drawer-menu-item-text', children: [children, " ", value] })] })));
 });
 
-function toVal(mix) {
-	var k, y, str='';
-	if (mix) {
-		if (typeof mix === 'object') {
-			if (Array.isArray(mix)) {
-				for (k=0; k < mix.length; k++) {
-					if (mix[k] && (y = toVal(mix[k]))) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			} else {
-				for (k in mix) {
-					if (mix[k] && (y = toVal(k))) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else if (typeof mix !== 'boolean' && !mix.call) {
-			str && (str += ' ');
-			str += mix;
-		}
-	}
-	return str;
-}
-
-function clsx () {
-	var i=0, x, str='';
-	while (i < arguments.length) {
-		if (x = toVal(arguments[i++])) {
-			str && (str += ' ');
-			str += x;
-		}
-	}
-	return str;
-}
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 var StyledInputBase = styles$1.styled(InputBase, {
     shouldForwardProp: function (prop) { return prop !== 'textAlignRight'; },
@@ -17466,18 +17415,18 @@ var TableRow = React.forwardRef(function TableRow(props, ref) {
     return jsxRuntime.jsx(material.TableRow, __assign({ ref: ref }, props));
 });
 
-var StyledTabs = material.styled(material.Tabs)(function (props) {
-    var theme = props.theme;
+var StyledTabs = material.styled(material.Tabs)(function (_a) {
+    var theme = _a.theme, orientation = _a.orientation;
     return {
         '&.MuiTabs-root': {
             flexGrow: 1,
             backgroundColor: theme.palette.grey[200],
-            boxShadow: props.orientation === 'vertical' ? 'none' : 'inset 0 -1px 0 0 #D4D4D4',
-            height: props.orientation === 'vertical' ? 'inherit' : 36,
-            minHeight: props.orientation === 'vertical' ? 'inherit' : 36,
+            boxShadow: orientation === 'vertical' ? 'none' : 'inset 0 -1px 0 0 #D4D4D4',
+            height: orientation === 'vertical' ? 'inherit' : 36,
+            minHeight: orientation === 'vertical' ? 'inherit' : 36,
         },
         '& .MuiTabs-scroller': {
-            height: props.orientation === 'vertical' ? 'inherit' : 36,
+            height: orientation === 'vertical' ? 'inherit' : 36,
         },
         '& .MuiTabs-indicator': {
             display: 'none',