@codezee/sixtify-brahma 0.2.99 → 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 +1 -1
- package/packages/shared-components/dist/AgGrid/AgGridStyleProvider.d.ts.map +1 -1
- package/packages/shared-components/dist/AgGrid/AgGridStyleProvider.js +3 -4
- package/packages/shared-components/dist/FilterList/FilterListV2.d.ts.map +1 -1
- package/packages/shared-components/dist/FilterList/FilterListV2.js +3 -4
- package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.d.ts +4 -2
- package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.js +17 -2
- package/packages/shared-components/dist/FormFields/FileUpload/DownloadAction.js +1 -1
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgGridStyleProvider.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGridStyleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,eAAO,MAAM,mBAAmB,EAAE,eAAe,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"AgGridStyleProvider.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGridStyleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,eAAO,MAAM,mBAAmB,EAAE,eAAe,CAAC,QAAQ,CAwCzD,CAAC"}
|
|
@@ -2,13 +2,12 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.AgGridStyleProvider = void 0;
|
|
4
4
|
const material_1 = require("@mui/material");
|
|
5
|
-
exports.AgGridStyleProvider = (0, material_1.styled)(material_1.Box)((
|
|
5
|
+
exports.AgGridStyleProvider = (0, material_1.styled)(material_1.Box)(() => ({
|
|
6
6
|
width: "100%",
|
|
7
7
|
height: "100%",
|
|
8
8
|
position: "relative",
|
|
9
9
|
"& .ag-paging-panel": {
|
|
10
10
|
display: "flex",
|
|
11
|
-
flexWrap: "wrap",
|
|
12
11
|
gap: "8px",
|
|
13
12
|
padding: "8px",
|
|
14
13
|
},
|
|
@@ -18,9 +17,9 @@ exports.AgGridStyleProvider = (0, material_1.styled)(material_1.Box)(({ theme })
|
|
|
18
17
|
"& .ag-paging-button": {
|
|
19
18
|
minWidth: "28px",
|
|
20
19
|
},
|
|
21
|
-
|
|
20
|
+
"@media (max-width: 768px)": {
|
|
22
21
|
"& .ag-paging-panel": {
|
|
23
|
-
flexDirection: "
|
|
22
|
+
flexDirection: "column",
|
|
24
23
|
alignItems: "center",
|
|
25
24
|
justifyContent: "center",
|
|
26
25
|
gap: "5px",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAgBnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,eAAe,EAAE,cAAc,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAiB7B;AAED,eAAO,MAAM,YAAY,GAAI,8EAO1B,iBAAiB,
|
|
1
|
+
{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAgBnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,eAAe,EAAE,cAAc,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAiB7B;AAED,eAAO,MAAM,YAAY,GAAI,8EAO1B,iBAAiB,4CA+nBnB,CAAC"}
|
|
@@ -245,7 +245,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
|
|
|
245
245
|
} }, key));
|
|
246
246
|
});
|
|
247
247
|
};
|
|
248
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { flexGrow: 1 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: { xs: "end", md: "space-between" }, spacing: 1, children: [isDesktop && ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", alignItems:
|
|
248
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { flexGrow: 1 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: { xs: "end", md: "space-between" }, spacing: 1, children: [isDesktop && ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", alignItems: "center", sx: {
|
|
249
249
|
maxWidth: {
|
|
250
250
|
xs: "40vw",
|
|
251
251
|
md: "45vw",
|
|
@@ -253,9 +253,8 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
|
|
|
253
253
|
},
|
|
254
254
|
}, children: filterListData &&
|
|
255
255
|
Object.values(filterListData).some((value) => value) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: {
|
|
256
|
-
minWidth: "
|
|
257
|
-
|
|
258
|
-
}, children: "Filters:" }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", gap: "5px", marginTop: "3px", alignItems: "center", sx: { flexWrap: "wrap", maxWidth: "100%" }, children: renderChips(filterListData) })] })) })), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "flex-start", children: [filterListData &&
|
|
256
|
+
minWidth: "50px",
|
|
257
|
+
}, children: "Filters:" }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", gap: "5px", alignItems: "center", sx: { flexWrap: "wrap", maxWidth: "100%" }, children: renderChips(filterListData) })] })) })), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "flex-start", children: [filterListData &&
|
|
259
258
|
Object.values(filterListData).some((value) => value) && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => handlerReset(), variant: "text", sx: { minWidth: { xs: "60px", sm: "100px" } }, children: !isMobile ? "Clear Filter" : "Clear" })), !isDisabled && ((0, jsx_runtime_1.jsx)(Actions_1.FilterIconAction, { isFiltered: !(0, isEmpty_1.default)(filterListData), onClick: handleClick }))] })] }), (0, jsx_runtime_1.jsx)("form", { onSubmit: (e) => {
|
|
260
259
|
e.preventDefault();
|
|
261
260
|
if (!shouldFormSubmit) {
|
|
@@ -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
|
}));
|
|
@@ -9,6 +9,6 @@ const DownloadAction = (props) => {
|
|
|
9
9
|
return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: {
|
|
10
10
|
height: "30px",
|
|
11
11
|
width: "50px",
|
|
12
|
-
}, ...props, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Download", children: (0, jsx_runtime_1.jsx)(Svgs_1.SvgDownload, { fontColor: "
|
|
12
|
+
}, ...props, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Download", children: (0, jsx_runtime_1.jsx)(Svgs_1.SvgDownload, { fontColor: "black", fill: "none" }) }) }));
|
|
13
13
|
};
|
|
14
14
|
exports.DownloadAction = DownloadAction;
|