@galaxy-ds/core 1.1.81 → 1.1.82

package/dist/Autocomplete/Autocomplete.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { AutocompleteProps } from "./Autocomplete.types";
-declare const Autocomplete: React.FC<AutocompleteProps>;
+import React from 'react';
+import { CustomAutocompleteProps } from './Autocomplete.types';
+declare const Autocomplete: React.FC<CustomAutocompleteProps<any, false, false, false>>;
 export default Autocomplete;

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

@@ -1,81 +1,28 @@
-/// <reference types="react" />
-export interface AutocompleteProps {
+import { AutocompleteProps } from '@material-ui/lab';
+export interface CustomAutocompleteProps<T, Multiple, DisableClearable, FreeSolo> extends AutocompleteProps<any, false, false, false> {
     /**
      * Custom action label to prepend at the bottom of the option list.
      */
     actionLabel?: string;
-    autoComplete?: boolean;
-    bottomButtonHeight?: number;
-    defaultValue?: any;
     /**
      * A function fires when clicking the custom action button prepended at the bottom of the option list.
      */
     actionClick?: (e: any) => void;
-    /**
-     * If true, the input will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the input can't be cleared.
-     */
-    disableClearable?: boolean;
-    /**
-     * A filter function that determines the options that are eligible
-     */
-    filterOptions?: (options: any, state: any) => any;
-    /**
-     * If true, the Autocomplete is free solo, meaning that the user input is not bound to provided options.
-     */
-    freeSolo?: boolean;
+    bottomButtonHeight?: number;
     /**
      * If true, sets the Autocomplete text field to readonly.
      */
     textFieldReadOnly?: boolean;
-    /**
-     * Used to determine the string value for a given option. It's used to fill the input (and the list box options if renderOption is not provided).
-     */
-    getOptionLabel?: (option: any) => string;
     /**
      * Input label
      */
     label?: string;
-    ListboxComponent?: any;
-    /**
-     * If true, value must be an array and the menu will support multiple selections.
-     */
-    multiple?: boolean;
-    /**
-     * Text to display when there are no options.
-     */
-    noOptionsText?: React.ReactNode;
-    /**
-     * Callback fired when the value changes.
-     */
-    onChange?: (event: object, value: any | any[], reason: string) => any;
-    open?: boolean;
     onKeyDown?: (event: object) => void;
-    /**
-     * Array of options.
-     */
-    options: any[];
+    onBlur?: (e: any | undefined) => void;
+    onFocus?: (e: any | undefined) => void;
     /**
      * Placeholder passed to input
      */
     placeholder?: string;
     platform: 'desktop' | 'web';
-    /**
-     * Render the selected value.
-     * (value: T[], getTagProps: function) => ReactNode
-     * value: The value provided to the component.
-     * getTagProps: A tag props getter.
-     */
-    renderTags?: (value: any, getTagProps: any) => React.ReactNode;
-    /**
-     * Render the option, use getOptionLabel by default.
-     */
-    renderOption?: (option: any, state: any) => React.ReactNode;
-    filterSelectedOptions?: boolean;
-    fullWidth?: boolean;
-    onBlur?: (e: any | undefined) => void;
-    onFocus?: (e: any | undefined) => void;
 }

package/dist/index.esm.js

@@ -33264,9 +33264,7 @@ var useStyles$z = makeStyles(function (theme) {
             '&[class*="MuiInput-root"]': {
                 height: 'auto',
                 paddingBottom: 2,
-                paddingLeft: function (props) {
-                    return props.platform === 'desktop' ? 0 : 2;
-                },
+                paddingLeft: function (props) { return (props.platform === 'desktop' ? 0 : 2); },
                 // flexWrap: 'nowrap',
                 // overflowX: 'auto',
                 // overflowY: 'hidden',
@@ -33281,7 +33279,7 @@ var useStyles$z = makeStyles(function (theme) {
                     '-webkit-box-shadow': 'inset 0 0 6px rgba(0,0,0,0.05)',
                     borderRadius: 8,
                     backgroundColor: '#f3f3f3',
-                    opacity: 0.05
+                    opacity: 0.05,
                 },
                 '&::-webkit-scrollbar-thumb': {
                     borderRadius: 8,
@@ -33340,7 +33338,7 @@ var useStyles$z = makeStyles(function (theme) {
 });
 var Autocomplete = function (_a) {
     var _b;
-    var label = _a.label, placeholder = _a.placeholder, _c = _a.platform, platform = _c === void 0 ? 'desktop' : _c, actionLabel = _a.actionLabel, actionClick = _a.actionClick, onChange = _a.onChange, bottomButtonHeight = _a.bottomButtonHeight, textFieldReadOnly = _a.textFieldReadOnly, rest = __rest(_a, ["label", "placeholder", "platform", "actionLabel", "actionClick", "onChange", "bottomButtonHeight", "textFieldReadOnly"]);
+    var label = _a.label, placeholder = _a.placeholder, _c = _a.platform, platform = _c === void 0 ? 'desktop' : _c, actionLabel = _a.actionLabel, actionClick = _a.actionClick, bottomButtonHeight = _a.bottomButtonHeight, textFieldReadOnly = _a.textFieldReadOnly, onChange = _a.onChange, rest = __rest(_a, ["label", "placeholder", "platform", "actionLabel", "actionClick", "bottomButtonHeight", "textFieldReadOnly", "onChange"]);
     var classes = useStyles$z({ platform: platform, bottomButtonHeight: bottomButtonHeight });
     var _d = useState(!((_b = rest.defaultValue) === null || _b === void 0 ? void 0 : _b.length) ? placeholder : null), inputPlaceholder = _d[0], setInputPlaceholder = _d[1];
     var root = useRef(null);
@@ -33361,16 +33359,16 @@ var Autocomplete = function (_a) {
                 actionLabel && (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement(Divider, null),
                     React__default.createElement(MuiListItem, { button: true, dense: true, onMouseDown: actionClick },
-                        React__default.createElement(Box$2, { display: 'flex', justifyContent: 'center', width: '100%', padding: platform === 'desktop' ? 1 : 2 },
-                            React__default.createElement(Typography, { variant: platform === 'desktop' ? 'body1' : 'body2', color: 'primaryLight', align: 'center' }, actionLabel))))))));
+                        React__default.createElement(Box$2, { display: "flex", justifyContent: "center", width: '100%', padding: platform === 'desktop' ? 1 : 2 },
+                            React__default.createElement(Typography, { variant: platform === 'desktop' ? 'body1' : 'body2', color: "primaryLight", align: "center" }, actionLabel))))))));
     };
     return (React__default.createElement(React__default.Fragment, null,
         label && React__default.createElement(InputLabel, null, label),
-        React__default.createElement(MuiAutocomplete, __assign$1({ classes: classes, disableClearable: true, renderInput: function (params) { return (React__default.createElement(TextField$1, __assign$1({}, params, { inputProps: __assign$1(__assign$1({}, params.inputProps), { autoComplete: "new-password", readOnly: textFieldReadOnly }), placeholder: inputPlaceholder, className: "customLargeSize" }))); }, PaperComponent: CustomPaper, onChange: function (event, value, reason) {
+        React__default.createElement(MuiAutocomplete, __assign$1({ classes: classes, disableClearable: true, renderInput: function (params) { return (React__default.createElement(TextField$1, __assign$1({}, params, { inputProps: __assign$1(__assign$1({}, params.inputProps), { autoComplete: 'new-password', readOnly: textFieldReadOnly }), placeholder: inputPlaceholder, className: "customLargeSize" }))); }, PaperComponent: CustomPaper, onChange: function (event, value, reason) {
+                onChange && onChange(event, value, reason);
                 value && value.length > 0
                     ? setInputPlaceholder(null)
                     : setInputPlaceholder(placeholder);
-                onChange && onChange(event, value, reason);
             }, onKeyDown: onKeyDownHandler, ref: root }, rest))));
 };