@symply.io/basic-components 1.8.1 → 1.8.2

package/AutocompleteWithFilter/index.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import Checkbox from "@mui/material/Checkbox";
 import TextField from "@mui/material/TextField";
@@ -51,9 +51,10 @@ function AutocompleteWithFilter(props) {
                 }
                 return opt.label === val.label;
             }, renderOption: function (props, option, _a) {
-                var _b, _c;
+                var _b;
                 var selected = _a.selected;
-                return (_jsxs("li", __assign({}, __assign(__assign({}, props), { key: (_c = (_b = option.value) !== null && _b !== void 0 ? _b : option.label) !== null && _c !== void 0 ? _c : option }), { children: [_jsx(Checkbox, { icon: icon, color: "primary", checkedIcon: checkedIcon, style: { marginRight: 8 }, checked: selected }), option.label || ""] })));
+                var label = option.label, value = option.value, hideCheckbox = option.hideCheckbox;
+                return (_jsxs("li", __assign({}, __assign(__assign({}, props), { key: (_b = value !== null && value !== void 0 ? value : label) !== null && _b !== void 0 ? _b : option }), { children: [!hideCheckbox ? (_jsx(Checkbox, { icon: icon, color: "primary", checkedIcon: checkedIcon, style: { marginRight: 8 }, checked: selected })) : (_jsx(_Fragment, {})), label || ""] })));
             }, renderInput: function (params) { return (_jsx(TextField, __assign({}, params, rest, { variant: "outlined", required: required, inputProps: __assign(__assign({}, params.inputProps), { required: required &&
                         (Array.isArray(value) ? value.length === 0 : !value) }) }))); } }) })));
 }

package/AutocompleteWithFilter/types.d.ts

@@ -4,6 +4,7 @@ import type { AutocompleteValue } from "@mui/base/AutocompleteUnstyled";
 export declare type AutocompleteWithFilterOptionType<T> = T & {
     label: string;
     value?: string | number;
+    hideCheckbox?: boolean;
 };
 export declare type AutocompleteWithFilterValueType<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

@@ -155,11 +155,12 @@ import AutocompleteWithFilter from '@symply.io/basic-components/AutocompleteWith
 
 <h5>Option Props (IOption)</h5>
 
-| Name   | Type             | Default | Required | Description                |
-| ------ | ---------------- | ------- | -------- | -------------------------- |
-| label  | string           |         | true     | Option label.              |
-| value  | string \| number |         | false    | Option valie.              |
-| [name] | unknown          |         | false    | Customized option property |
+| Name         | Type             | Default | Required | Description                                |
+| ------------ | ---------------- | ------- | -------- | ------------------------------------------ |
+| hideCheckbox | boolean          |         | false    | If `true`, the checkbox won't be rendered. |
+| label        | string           |         | true     | Option label.                              |
+| value        | string \| number |         | false    | 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.8.1",
+  "version": "1.8.2",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",