@galaxy-ds/core 2.0.17 → 2.0.18

package/dist/Autocomplete/Autocomplete.types.d.ts

@@ -1,5 +1,5 @@
 import { AutocompleteProps as MuiAutocompleteProps } from '@mui/material';
-export interface AutocompleteProps extends MuiAutocompleteProps<any, boolean, boolean, boolean> {
+export interface AutocompleteProps extends Omit<MuiAutocompleteProps<any, boolean, boolean, boolean>, 'renderInput'> {
     /**
      * Custom action label to prepend at the bottom of the option list.
      */
@@ -21,4 +21,8 @@ export interface AutocompleteProps extends MuiAutocompleteProps<any, boolean, bo
      * Deprecated. Now styles automatically change based on theme.
      */
     platform?: 'desktop' | 'web';
+    /**
+     * Optional, as Galaxy has a default renderInput prop.
+     * */
+    renderInput?: MuiAutocompleteProps<any, boolean, boolean, boolean>['renderInput'];
 }

package/dist/Tabs/Tabs.d.ts

@@ -1,6 +1,3 @@
-import { Theme } from '@mui/material';
 import { TabsProps } from './Tabs.types';
-export declare const Tabs: (props: TabsProps & {
-    theme: Theme;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: (props: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/dist/Tabs/Tabs.styled.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="react" />
 import { Theme } from '@mui/material';
-import { TabsProps } from './Tabs.types';
 export declare const StyledTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, "children" | "style" | "classes" | "className" | "slots" | "slotProps" | "sx" | "aria-label" | "aria-labelledby" | "onChange" | "action" | "variant" | "value" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<Theme> & TabsProps & {
-    theme: Theme;
-}, {}, {}>;
+}, "children" | "style" | "classes" | "className" | "slots" | "slotProps" | "sx" | "aria-label" | "aria-labelledby" | "onChange" | "action" | "variant" | "value" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;

package/dist/index.esm.js

@@ -1110,7 +1110,6 @@ var dropdownOverrides$1 = {
                     height: 30,
                     lineHeight: '30px',
                 }, '& .customSelectInputBackground': {
-                    backgroundColor: 'red',
                     borderColor: theme.palette.grey[500],
                     cursor: 'default',
                     '&:hover': {
@@ -1768,7 +1767,7 @@ var tableCellOverrides$1 = {
             borderTop: "1px solid #d4d4d4",
             borderLeft: "1px solid #d4d4d4",
             padding: '8px 16px',
-            '&:first-child': {
+            '&:first-of-type': {
                 borderLeft: 'none',
             },
         },
@@ -2449,12 +2448,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,
@@ -2658,7 +2654,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,
@@ -2692,9 +2688,6 @@ var dropdownOverrides = {
                     verticalAlign: 'top',
                     marginLeft: '0.5rem',
                 },
-                '&.MuiSelect-select': {
-                    paddingRight: 12,
-                },
             });
         },
     },
@@ -2841,14 +2834,6 @@ var inputBaseOverrides = {
                 '&.customSelectInputBackground .MuiInputBase-inputAdornedStart': {
                     paddingLeft: 36,
                 },
-                '&.customdropdown': {
-                    backgroundColor: '#d6d6d6',
-                    borderColor: theme.palette.grey[500],
-                    cursor: 'default',
-                    '&:hover': {
-                        cursor: 'default',
-                    },
-                },
             });
         },
         input: {
@@ -3361,7 +3346,7 @@ var tableCellOverrides = {
                 letterSpacing: '0.07px',
                 borderLeft: "1px solid #d4d4d4",
                 background: theme.palette.background.paper,
-                '&:first-child': {
+                '&:first-of-type': {
                     borderLeft: 'none',
                 },
             });
@@ -4896,7 +4881,7 @@ 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 = useState(placeholder), inputPlaceholder = _c[0], setInputPlaceholder = _c[1];
     var root = useRef(null);
     var onKeyDownHandler = function (event) {
@@ -4915,7 +4900,7 @@ var Autocomplete = function (_a) {
     var CustomPaper = function (props) {
         return (jsx(StyledPaper, __assign({ bottomButtonHeight: bottomButtonHeight }, props, { placement: "bottom", children: jsxs(Fragment, { children: [props.children, actionLabel && (jsxs(Fragment, { children: [jsx(MuiDivider, {}), jsx(ListItemButton, { dense: true, onMouseDown: actionClick, children: jsx(StyledListContent, { children: jsx(Typography, { variant: platform === 'desktop' ? 'body1' : 'body2', align: "center", children: actionLabel }) }) })] }))] }) })));
     };
-    return (jsxs(Fragment, { children: [label && jsx(InputLabel, { children: label }), jsx(MuiAutocomplete, __assign({ disableClearable: true, renderInput: function (params) { return (jsx(TextField$1, __assign({}, params, { inputProps: __assign(__assign({}, params.inputProps), { autoComplete: 'off' }), placeholder: inputPlaceholder, className: "customLargeSize" }))); }, PaperComponent: CustomPaper, onChange: function (event, value, reason) {
+    return (jsxs(Fragment, { children: [label && jsx(InputLabel, { children: label }), jsx(MuiAutocomplete, __assign({ disableClearable: true, renderInput: renderInput ? renderInput : function (params) { return (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);
@@ -16403,43 +16388,7 @@ var DrawerMenu = React.forwardRef(function DrawMenu(props, ref) {
     return (jsxs(DrawerMenuContainer, __assign({ ref: ref, className: "gds-drawer-menu-item ".concat(variantProp, " ").concat(submenu ? 'gds-drawer-menu-item-sub' : '') }, rest, { children: [startAdornment && !submenu ? (jsx(ListItemIcon, { children: startAdornment })) : null, 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 = styled(InputBase, {
     shouldForwardProp: function (prop) { return prop !== 'textAlignRight'; },
@@ -17464,18 +17413,18 @@ var TableRow = React.forwardRef(function TableRow(props, ref) {
     return jsx(TableRow$1, __assign({ ref: ref }, props));
 });
 
-var StyledTabs = styled$1(Tabs$1)(function (props) {
-    var theme = props.theme;
+var StyledTabs = styled$1(Tabs$1)(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',