@codezee/sixtify-brahma 0.2.100 → 0.2.101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { AutocompleteValue, AutocompleteProps as MuiAutocompleteProps } from "@mui/material";
|
|
2
|
-
import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
|
|
2
|
+
import { type ControllerRenderProps, type FieldValues, type UseControllerProps, type UseFormSetValue } from "react-hook-form";
|
|
3
3
|
export type Option = {
|
|
4
4
|
heading?: string;
|
|
5
5
|
label: string;
|
|
@@ -30,6 +30,8 @@ export type AutocompleteProps<P extends FieldValues> = UseControllerProps<P> & O
|
|
|
30
30
|
getOptionLabel?: (option: string) => string;
|
|
31
31
|
defaultOption?: AutocompleteValue<Option, boolean, boolean, boolean>;
|
|
32
32
|
disableClearable?: boolean;
|
|
33
|
+
setValue?: UseFormSetValue<P>;
|
|
34
|
+
isDefualt?: boolean;
|
|
33
35
|
};
|
|
34
|
-
export declare function Autocomplete<P extends FieldValues>({ control, defaultValue, name, required, label, multiple, disabled, options, rules, loading, helperText, error, withLabel, placeholder, freeSolo, isShowOptionsOnType, isShowSelectAll, isShowAvatar, isShowEmployeeData, shouldCloseOnSelect, onAction, renderOption, getOptionLabel, maxLimit, autoFocus, defaultOption, disableClearable, ...restProps }: AutocompleteProps<P>): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export declare function Autocomplete<P extends FieldValues>({ control, defaultValue, name, required, label, multiple, disabled, options, rules, loading, helperText, error, withLabel, placeholder, freeSolo, isShowOptionsOnType, isShowSelectAll, isShowAvatar, isShowEmployeeData, shouldCloseOnSelect, onAction, renderOption, getOptionLabel, maxLimit, autoFocus, defaultOption, disableClearable, isDefualt, setValue, ...restProps }: AutocompleteProps<P>): import("react/jsx-runtime").JSX.Element;
|
|
35
37
|
//# sourceMappingURL=Autocomplete.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,IAAI,oBAAoB,EAC1C,MAAM,eAAe,CAAC;AAmBvB,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,IAAI,oBAAoB,EAC1C,MAAM,eAAe,CAAC;AAmBvB,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAEhB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACrB,MAAM,iBAAiB,CAAC;AAOzB,MAAM,MAAM,MAAM,GAAG;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAC1E,IAAI,CACF,IAAI,CACF,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EACvD,aAAa,CACd,EACD,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAC/B,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,EACrC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KACzB,GAAG,CAAC,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,aAAa,CAAC,EAAE,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACrE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,EAClD,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,OAAY,EACZ,KAAK,EACL,OAAe,EACf,UAAU,EACV,KAAK,EACL,SAAiB,EACjB,WAAgB,EAChB,QAAQ,EACR,mBAA2B,EAC3B,eAAsB,EACtB,YAAoB,EACpB,kBAA0B,EAC1B,mBAA2B,EAC3B,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,SAAiB,EACjB,aAAa,EACb,gBAA0C,EAC1C,SAAiB,EACjB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA0atB"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.Autocomplete = Autocomplete;
|
|
4
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
8
|
const material_1 = require("@mui/material");
|
|
6
9
|
const styles_1 = require("@mui/material/styles");
|
|
10
|
+
const isFunction_1 = __importDefault(require("lodash/isFunction"));
|
|
7
11
|
const react_1 = require("react");
|
|
8
12
|
const react_hook_form_1 = require("react-hook-form");
|
|
9
13
|
const react_i18next_1 = require("react-i18next");
|
|
@@ -11,7 +15,7 @@ const Actions_1 = require("../../Actions");
|
|
|
11
15
|
const Toast_1 = require("../../Toast");
|
|
12
16
|
const CheckBox_styled_1 = require("../CheckBox/CheckBox.styled");
|
|
13
17
|
const Skeleton_1 = require("./Skeleton");
|
|
14
|
-
function Autocomplete({ control, defaultValue, name, required = false, label, multiple = false, disabled = false, options = [], rules, loading = false, helperText, error, withLabel = false, placeholder = "", freeSolo, isShowOptionsOnType = false, isShowSelectAll = true, isShowAvatar = false, isShowEmployeeData = false, shouldCloseOnSelect = false, onAction, renderOption, getOptionLabel, maxLimit, autoFocus = false, defaultOption, disableClearable = required ? true : false, ...restProps }) {
|
|
18
|
+
function Autocomplete({ control, defaultValue, name, required = false, label, multiple = false, disabled = false, options = [], rules, loading = false, helperText, error, withLabel = false, placeholder = "", freeSolo, isShowOptionsOnType = false, isShowSelectAll = true, isShowAvatar = false, isShowEmployeeData = false, shouldCloseOnSelect = false, onAction, renderOption, getOptionLabel, maxLimit, autoFocus = false, defaultOption, disableClearable = required ? true : false, isDefualt = false, setValue, ...restProps }) {
|
|
15
19
|
const { field: { onChange, value, ...restField }, } = (0, react_hook_form_1.useController)({
|
|
16
20
|
name,
|
|
17
21
|
control,
|
|
@@ -50,6 +54,17 @@ function Autocomplete({ control, defaultValue, name, required = false, label, mu
|
|
|
50
54
|
}
|
|
51
55
|
return options.filter((option) => option.label.toLowerCase().includes(inputValue.toLowerCase()));
|
|
52
56
|
}, [inputValue]);
|
|
57
|
+
(0, react_1.useMemo)(() => {
|
|
58
|
+
if (isDefualt &&
|
|
59
|
+
(0, isFunction_1.default)(setValue) &&
|
|
60
|
+
required &&
|
|
61
|
+
options.length === 1 &&
|
|
62
|
+
!value) {
|
|
63
|
+
setValue(name, options[0]?.value, {
|
|
64
|
+
shouldDirty: true,
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
}, [isDefualt, required, options, value]);
|
|
53
68
|
// eslint-disable-next-line sonarjs/function-return-type
|
|
54
69
|
const selectedValue = (0, react_1.useMemo)(() => {
|
|
55
70
|
if (multiple && freeSolo) {
|
|
@@ -89,7 +104,7 @@ function Autocomplete({ control, defaultValue, name, required = false, label, mu
|
|
|
89
104
|
backgroundColor: color.lightBlue[100],
|
|
90
105
|
},
|
|
91
106
|
"& .MuiAutocomplete-option": {
|
|
92
|
-
fontSize: "14px",
|
|
107
|
+
fontSize: "14px",
|
|
93
108
|
},
|
|
94
109
|
},
|
|
95
110
|
}));
|