@symply.io/basic-components 1.2.13 → 1.2.14-beta.2

package/Autocomplete/index.js

@@ -33,7 +33,23 @@ function CustomAutocomplete(props) {
     return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Autocomplete, { size: size, fullWidth: true, loading: loading, disabled: disabled, limitTags: limitTags !== null && limitTags !== void 0 ? limitTags : -1, options: options, multiple: multiple, onChange: function (event, val) {
                 event.preventDefault();
                 onChange(val);
-            }, isOptionEqualToValue: function (opt, val) { return opt.label === val.label; }, value: value, inputValue: inputValue, onInputChange: function (event, val) {
+            }, getOptionLabel: function (option) {
+                if (typeof option === "string") {
+                    return option;
+                }
+                if (option.value) {
+                    return String(option.value);
+                }
+                return option.label;
+            }, renderOption: function (props, option) { return (_jsx("li", __assign({}, props, { children: option.label || "" }))); }, isOptionEqualToValue: function (opt, val) {
+                if (typeof opt === "string") {
+                    return opt === val;
+                }
+                if (opt.value) {
+                    return String(opt.value) === String(val.value);
+                }
+                return opt.label === val.label;
+            }, value: value, inputValue: inputValue, onInputChange: function (event, val) {
                 onInputChange(val);
             }, renderInput: function (params) { return (_jsx(TextField, __assign({}, params, rest, { required: required, size: size, inputProps: __assign(__assign({}, params.inputProps), { required: required && (Array.isArray(value) ? value.length === 0 : !value) }) }))); } }) })));
 }

package/Autocomplete/types.d.ts

@@ -4,6 +4,7 @@ export declare type AutocompleteOptionType<T = {
     [name: string]: unknown;
 }> = T & {
     label: string;
+    value?: string | number;
 };
 export declare type AutocompleteValueType<T, multiple extends boolean | undefined> = multiple extends false | undefined ? AutocompleteOptionType<T> | null : Array<AutocompleteOptionType<T>>;
 export interface AutocompleteProps<T, multiple extends boolean | undefined> extends Omit<TextFieldProps, "onChange" | "value" | "disabled"> {

package/AutocompleteWithFilter/index.js

@@ -43,7 +43,21 @@ function AutocompleteWithFilter(props) {
                 event.preventDefault();
                 onChange(val);
             }, value: value, disableCloseOnSelect: disableCloseOnSelect || multiple, getOptionLabel: function (option) {
-                return option.label || "";
+                if (typeof option === "string") {
+                    return option;
+                }
+                if (option.value) {
+                    return String(option.value);
+                }
+                return option.label;
+            }, isOptionEqualToValue: function (opt, val) {
+                if (typeof opt === "string") {
+                    return opt === val;
+                }
+                if (opt.value) {
+                    return String(opt.value) === String(val.value);
+                }
+                return opt.label === val.label;
             }, renderOption: function (props, option, _a) {
                 var selected = _a.selected;
                 return (_jsxs("li", __assign({}, props, { children: [_jsx(Checkbox, { icon: icon, color: "primary", checkedIcon: checkedIcon, style: { marginRight: 8 }, checked: selected }), option.label || ""] })));

package/AutocompleteWithFilter/types.d.ts

@@ -2,6 +2,7 @@ import { CSSProperties } from "react";
 import { TextFieldProps } from "@mui/material/TextField";
 export declare type AutocompleteWithFilterOptionType<T> = T & {
     label: string;
+    value?: string | number;
 };
 export declare type AutocompleteWithFilterlValueType<T, multiple extends boolean | undefined> = multiple extends false | undefined ? AutocompleteWithFilterOptionType<T> | null : Array<AutocompleteWithFilterOptionType<T>>;
 export interface AutocompleteWithFilterProps<T, multiple extends boolean | undefined> extends Omit<TextFieldProps, "onChange" | "value" | "disabled"> {

package/README.md

@@ -122,7 +122,8 @@ import Autocomplete from '@symply.io/basic-components/Autocomplete';
 | Name   | Type    | Default | Required | Description                |
 | ------ | ------- | ------- | -------- | -------------------------- |
 | label  | string  |         | true     | Option label.              |
-| [name] | Unknown |         | false    | Customized option property |
+| value  | unknown |         | true     | Option valie.              |
+| [name] | unknown |         | false    | Customized option property |
 
 <h5>Props</h5>
 
@@ -155,7 +156,8 @@ import AutocompleteWithFilter from '@symply.io/basic-components/AutocompleteWith
 | Name   | Type    | Default | Required | Description                |
 | ------ | ------- | ------- | -------- | -------------------------- |
 | label  | string  |         | true     | Option label.              |
-| [name] | Unknown |         | false    | Customized option property |
+| value  | unknown |         | true     | Option valie.              |
+| [name] | unknown |         | false    | Customized option property |
 
 <h5>Props</h5>
 

package/package.json

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