@symply.io/basic-components 1.0.0-beta.11 → 1.0.0-beta.12

package/Autocomplete/index.d.ts

@@ -1,4 +1,4 @@
 import { AutocompleteProps } from "./types";
-declare function CustomAutocomplete<T, multiple extends boolean | undefined>(props: AutocompleteProps<T, multiple>): JSX.Element;
+declare function CustomAutocomplete<T, multiple extends boolean | undefined = false>(props: AutocompleteProps<T, multiple>): JSX.Element;
 export default CustomAutocomplete;
 export * from "./types";

package/Autocomplete/index.js

@@ -30,9 +30,10 @@ function CustomAutocomplete(props) {
     var size = props.size, value = props.value, options = props.options, multiple = props.multiple, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, onChange = props.onChange, rest = __rest(props, ["size", "value", "options", "multiple", "primaryColor", "secondaryColor", "onChange"]);
     var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
     var _a = useInteractions(), inputValue = _a.inputValue, onInputChange = _a.onInputChange;
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Autocomplete, { size: size, fullWidth: true, options: options, multiple: multiple, onChange: function (_, value) {
-                onChange(value);
-            }, inputValue: inputValue, onInputChange: onInputChange, renderInput: function (params) { return _jsx(TextField, __assign({}, params, rest, { size: size })); } }) })));
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Autocomplete, { size: size, fullWidth: true, options: options, multiple: multiple, onChange: function (_, val) {
+                console.log({ val: val });
+                onChange(val);
+            }, isOptionEqualToValue: function (opt, val) { return opt.label === val.label; }, value: value, inputValue: inputValue, onInputChange: onInputChange, renderInput: function (params) { return _jsx(TextField, __assign({}, params, rest, { size: size })); } }) })));
 }
 export default CustomAutocomplete;
 export * from "./types";

package/Autocomplete/types.d.ts

@@ -3,12 +3,13 @@ import { TextFieldProps } from "@mui/material/TextField";
 export declare type AutocompleteOptionType<T> = T & {
     label: string;
 };
-export declare type AutocompleteValueType<T, multiple> = multiple extends false | undefined ? AutocompleteOptionType<T> | null : Array<AutocompleteOptionType<T>> | null;
-export interface AutocompleteProps<T, multiple> extends Omit<TextFieldProps, "onChange"> {
+export declare type AutocompleteValueNonNullableType<T, multiple extends boolean | undefined> = multiple extends false | undefined ? AutocompleteOptionType<T> : Array<AutocompleteOptionType<T>>;
+export declare type AutocompleteValueNullableType<T, multiple extends boolean | undefined> = multiple extends false | undefined ? AutocompleteOptionType<T> | null : Array<AutocompleteOptionType<T>> | null;
+export interface AutocompleteProps<T, multiple extends boolean | undefined> extends Omit<TextFieldProps, "onChange"> {
     multiple?: multiple;
     options: Array<AutocompleteOptionType<T>>;
-    value: AutocompleteValueType<T, multiple>;
+    value?: AutocompleteValueNonNullableType<T, multiple>;
     primaryColor?: CSSProperties["color"];
     secondaryColor?: CSSProperties["color"];
-    onChange: (value: AutocompleteValueType<T, multiple>) => void;
+    onChange: (value: AutocompleteValueNullableType<T, multiple>) => void;
 }

package/AutocompleteWithFilter/index.d.ts

@@ -1,4 +1,4 @@
 import { AutocompleteWithFilterProps } from "./types";
-declare function AutocompleteWithFilter<T, multiple extends boolean | undefined>(props: AutocompleteWithFilterProps<T, multiple>): JSX.Element;
+declare function AutocompleteWithFilter<T, multiple extends boolean | undefined = false>(props: AutocompleteWithFilterProps<T, multiple>): JSX.Element;
 export default AutocompleteWithFilter;
 export * from "./types";

package/AutocompleteWithFilter/index.js

@@ -39,9 +39,9 @@ function AutocompleteWithFilter(props) {
         stringify: function (option) { return option.label; }
     });
     var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Autocomplete, { size: size, fullWidth: true, limitTags: 1, options: options, multiple: multiple, filterOptions: filter, onChange: function (_, value) {
-                onChange(value);
-            }, disableCloseOnSelect: disableCloseOnSelect || multiple, getOptionLabel: function (option) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Autocomplete, { size: size, fullWidth: true, limitTags: 1, options: options, multiple: multiple, filterOptions: filter, onChange: function (_, val) {
+                onChange(val);
+            }, value: value, disableCloseOnSelect: disableCloseOnSelect || multiple, getOptionLabel: function (option) {
                 return option.label || "";
             }, renderOption: function (props, option, _a) {
                 var selected = _a.selected;

package/AutocompleteWithFilter/types.d.ts

@@ -3,13 +3,14 @@ import { TextFieldProps } from "@mui/material/TextField";
 export declare type AutocompleteWithFilterOptionType<T> = T & {
     label: string;
 };
-export declare type AutocompleteWithFilterValueType<T, multiple> = multiple extends false | undefined ? AutocompleteWithFilterOptionType<T> | null : Array<AutocompleteWithFilterOptionType<T>> | null;
-export interface AutocompleteWithFilterProps<T, multiple> extends Omit<TextFieldProps, "onChange"> {
-    value: AutocompleteWithFilterValueType<T, multiple>;
+export declare type AutocompleteWithFilterlNonNullableValueType<T, multiple extends boolean | undefined> = multiple extends false | undefined ? AutocompleteWithFilterOptionType<T> : Array<AutocompleteWithFilterOptionType<T>>;
+export declare type AutocompleteWithFilterlNullableValueType<T, multiple extends boolean | undefined> = multiple extends false | undefined ? AutocompleteWithFilterOptionType<T> | null : Array<AutocompleteWithFilterOptionType<T>> | null;
+export interface AutocompleteWithFilterProps<T, multiple extends boolean | undefined> extends Omit<TextFieldProps, "onChange"> {
+    value: AutocompleteWithFilterlNonNullableValueType<T, multiple>;
     options: Array<AutocompleteWithFilterOptionType<T>>;
     disableCloseOnSelect?: boolean;
     multiple?: multiple;
     primaryColor?: CSSProperties["color"];
     secondaryColor?: CSSProperties["color"];
-    onChange: (value: AutocompleteWithFilterValueType<T, multiple>) => void;
+    onChange: (value: AutocompleteWithFilterlNullableValueType<T, multiple>) => void;
 }

package/FormRadioGroup/index.js

@@ -26,7 +26,7 @@ function FormRadioGroup(props) {
                         onChange(event.target.value);
                     }, sx: {
                         my: 1,
-                        "& label span:first-child span:first-child": {
+                        "& label span:first-of-type span:first-of-type": {
                             margin: "-5px 0 -5px 0"
                         }
                     } }, { children: options.map(function (opt) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.0.0-beta.11",
+  "version": "1.0.0-beta.12",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",