@codezee/sixtify-brahma 0.2.184 → 0.2.186

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.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/packages/shared-components/dist/AgGrid/hooks/useAgGridSelection.d.ts.map +1 -1
  3. package/packages/shared-components/dist/AgGrid/hooks/useAgGridSelection.js +71 -43
  4. package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts.map +1 -1
  5. package/packages/shared-components/dist/FormFields/TextField/TextField.js +1 -1
  6. package/packages/shared-components/dist/utils/CheckboxInput.d.ts.map +1 -1
  7. package/packages/shared-components/dist/utils/CheckboxInput.js +12 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codezee/sixtify-brahma",
3
- "version": "0.2.184",
3
+ "version": "0.2.186",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
package/packages/shared-components/dist/AgGrid/hooks/useAgGridSelection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useAgGridSelection.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/useAgGridSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,sBAAsB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IACtD,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,gBAAgB,EAAE,CAAC,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC;QAC5C,IAAI,EAAE,CAAC,EAAE,CAAC;QACV,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IACH,cAAc,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC;CACpD,CAAC;AAEF,KAAK,wBAAwB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IACxD,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IACzB,kBAAkB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,EAAE;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,OAAO,CAAC;KACxB,CAAC;IACF,OAAO,EAAE;QACP,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,IAAI,CAAC;KAC3B,GAAG,IAAI,CAAC;CACV,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,2GAQ1D,sBAAsB,CAAC,CAAC,CAAC,KAAG,wBAAwB,CAAC,CAAC,CA6RxD,CAAC"}
1
+ {"version":3,"file":"useAgGridSelection.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/useAgGridSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,sBAAsB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IACtD,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,gBAAgB,EAAE,CAAC,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC;QAC5C,IAAI,EAAE,CAAC,EAAE,CAAC;QACV,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IACH,cAAc,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC;CACpD,CAAC;AAEF,KAAK,wBAAwB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IACxD,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IACzB,kBAAkB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,aAAa,EAAE;QACb,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,OAAO,CAAC;KACxB,CAAC;IACF,OAAO,EAAE;QACP,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,IAAI,CAAC;KAC3B,GAAG,IAAI,CAAC;CACV,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,2GAQ1D,sBAAsB,CAAC,CAAC,CAAC,KAAG,wBAAwB,CAAC,CAAC,CAuUxD,CAAC"}
package/packages/shared-components/dist/AgGrid/hooks/useAgGridSelection.js CHANGED
@@ -5,14 +5,23 @@ const react_1 = require("react");
5
5
  const useAgGridSelection = ({ gridRef, currentPageItems, totalRecords, selectedEmployee, fetchAll, getExtraParams, isRowSelectable, }) => {
6
6
  const [selectedIds, setSelectedIds] = (0, react_1.useState)([]);
7
7
  const [allDataCache, setAllDataCache] = (0, react_1.useState)(null);
8
- const [selectableCount, setSelectableCount] = (0, react_1.useState)(null);
9
8
  const originalSelectableCountRef = (0, react_1.useRef)(null);
10
9
  const lastQueryParamsRef = (0, react_1.useRef)(null);
10
+ const previousTotalRecordsRef = (0, react_1.useRef)(totalRecords);
11
11
  (0, react_1.useEffect)(() => {
12
- if (originalSelectableCountRef.current === null && totalRecords > 0) {
12
+ if ((originalSelectableCountRef.current === null && totalRecords > 0) ||
13
+ (originalSelectableCountRef.current !== null &&
14
+ totalRecords > originalSelectableCountRef.current)) {
13
15
  originalSelectableCountRef.current = totalRecords;
14
16
  }
15
- }, [totalRecords]);
17
+ const totalRecordsChanged = previousTotalRecordsRef.current !== totalRecords;
18
+ if (totalRecordsChanged) {
19
+ if (allDataCache) {
20
+ setAllDataCache(null);
21
+ }
22
+ }
23
+ previousTotalRecordsRef.current = totalRecords;
24
+ }, [totalRecords, allDataCache, selectedIds.length]);
16
25
  const currentPageState = (0, react_1.useMemo)(() => {
17
26
  if (!currentPageItems.length) {
18
27
  return { selected: 0, checked: false, indeterminate: false };
@@ -73,28 +82,27 @@ const useAgGridSelection = ({ gridRef, currentPageItems, totalRecords, selectedE
73
82
  startRow: 0,
74
83
  endRow: totalRecords ?? 0,
75
84
  ...extraParams,
76
- quickFilter: null,
77
85
  });
78
86
  const selectableList = isRowSelectable
79
87
  ? list.filter((item) => isRowSelectable({ data: item }))
80
88
  : list;
81
89
  const allIds = Array.from(new Set(selectableList.map(({ id }) => id)));
82
90
  setAllDataCache(list);
91
+ const calculatedSelectableCount = isRowSelectable
92
+ ? list.filter((item) => isRowSelectable({ data: item })).length
93
+ : list.length;
83
94
  if (apiSelectableCount !== undefined) {
84
- setSelectableCount(apiSelectableCount);
85
95
  if (originalSelectableCountRef.current === null) {
86
96
  originalSelectableCountRef.current = apiSelectableCount;
87
97
  }
88
98
  }
89
- else {
90
- const calculatedSelectableCount = isRowSelectable
91
- ? list.filter((item) => isRowSelectable({ data: item })).length
92
- : list.length;
93
- if (originalSelectableCountRef.current === null) {
94
- originalSelectableCountRef.current = calculatedSelectableCount;
95
- }
99
+ else if (originalSelectableCountRef.current === null) {
100
+ originalSelectableCountRef.current = calculatedSelectableCount;
96
101
  }
97
- setSelectedIds(allIds);
102
+ setSelectedIds((prev) => {
103
+ const merged = new Set([...prev, ...allIds]);
104
+ return Array.from(merged);
105
+ });
98
106
  if (totalRecords === 0 && totalCount) {
99
107
  gridRef.current?.api?.setRowCount(totalCount, false);
100
108
  }
@@ -102,7 +110,6 @@ const useAgGridSelection = ({ gridRef, currentPageItems, totalRecords, selectedE
102
110
  const clearSelection = (0, react_1.useCallback)(() => {
103
111
  setSelectedIds([]);
104
112
  setAllDataCache(null);
105
- setSelectableCount(null);
106
113
  if (gridRef.current) {
107
114
  gridRef.current.api.deselectAll();
108
115
  }
@@ -128,22 +135,11 @@ const useAgGridSelection = ({ gridRef, currentPageItems, totalRecords, selectedE
128
135
  }, []);
129
136
  const selectedRecords = selectedEmployee.length;
130
137
  const getTotalRecordsCount = () => {
131
- if (selectedRecords === 0) {
132
- return totalRecords;
133
- }
134
- if (originalSelectableCountRef.current !== null) {
135
- return originalSelectableCountRef.current;
136
- }
137
- if (selectableCount && selectableCount > totalRecords) {
138
- return selectableCount;
139
- }
140
138
  if (allDataCache?.length) {
141
139
  const calculatedSelectableCount = isRowSelectable
142
140
  ? allDataCache.filter((item) => isRowSelectable({ data: item })).length
143
141
  : allDataCache.length;
144
- if (calculatedSelectableCount > totalRecords) {
145
- return calculatedSelectableCount;
146
- }
142
+ return calculatedSelectableCount;
147
143
  }
148
144
  return totalRecords;
149
145
  };
@@ -152,6 +148,16 @@ const useAgGridSelection = ({ gridRef, currentPageItems, totalRecords, selectedE
152
148
  if (!selectedRecords) {
153
149
  return null;
154
150
  }
151
+ const originalCount = originalSelectableCountRef.current;
152
+ const allOriginalRowsSelected = originalCount !== null && selectedRecords === originalCount;
153
+ if (allOriginalRowsSelected) {
154
+ return {
155
+ show: true,
156
+ text: `All ${originalCount} rows are selected.`,
157
+ buttonText: "Clear selection",
158
+ onButtonClick: clearSelection,
159
+ };
160
+ }
155
161
  if (displayRecordsCount === selectedRecords) {
156
162
  return {
157
163
  show: true,
@@ -167,34 +173,56 @@ const useAgGridSelection = ({ gridRef, currentPageItems, totalRecords, selectedE
167
173
  onButtonClick: () => void selectAll(),
168
174
  };
169
175
  }, [selectedRecords, displayRecordsCount, clearSelection, selectAll]);
176
+ const isInputFieldActive = (0, react_1.useCallback)(() => {
177
+ const activeElement = document.activeElement;
178
+ return (activeElement?.tagName === "INPUT" ||
179
+ activeElement?.tagName === "TEXTAREA" ||
180
+ activeElement?.contentEditable === "true");
181
+ }, []);
182
+ const isHeaderCheckboxActive = (0, react_1.useCallback)(() => {
183
+ const activeElement = document.activeElement;
184
+ return (activeElement?.closest(".ag-header-cell") !== null ||
185
+ activeElement?.closest(".ag-selection-checkbox") !== null ||
186
+ activeElement?.getAttribute("role") === "columnheader");
187
+ }, []);
170
188
  (0, react_1.useEffect)(() => {
171
189
  const handleKeyDown = (event) => {
172
- if (event.key.toLowerCase() === "a" && (event.ctrlKey || event.metaKey)) {
173
- const activeElement = document.activeElement;
174
- const isInputField = activeElement?.tagName === "INPUT" ||
175
- activeElement?.tagName === "TEXTAREA" ||
176
- activeElement?.contentEditable === "true";
177
- if (isInputField || !currentPageItems.length) {
178
- return;
179
- }
190
+ if (isInputFieldActive() || !currentPageItems.length) {
191
+ return;
192
+ }
193
+ const key = event.key.toLowerCase();
194
+ if (key === "a" && (event.ctrlKey || event.metaKey)) {
180
195
  event.preventDefault();
181
196
  selectCurrentPage();
197
+ return;
182
198
  }
183
- if (event.key.toLowerCase() === "a" && event.altKey) {
184
- const activeElement = document.activeElement;
185
- const isInputField = activeElement?.tagName === "INPUT" ||
186
- activeElement?.tagName === "TEXTAREA" ||
187
- activeElement?.contentEditable === "true";
188
- if (isInputField || !currentPageItems.length) {
189
- return;
190
- }
199
+ if (key === "a" && event.altKey) {
191
200
  event.preventDefault();
192
201
  deselectCurrentPage();
202
+ return;
203
+ }
204
+ if ((event.code === "Space" || event.key === " ") &&
205
+ isHeaderCheckboxActive() &&
206
+ gridRef.current) {
207
+ event.preventDefault();
208
+ if (currentPageState.checked) {
209
+ deselectCurrentPage();
210
+ }
211
+ else {
212
+ selectCurrentPage();
213
+ }
193
214
  }
194
215
  };
195
216
  document.addEventListener("keydown", handleKeyDown, true);
196
217
  return () => document.removeEventListener("keydown", handleKeyDown, true);
197
- }, [currentPageItems.length, selectCurrentPage, deselectCurrentPage]);
218
+ }, [
219
+ currentPageItems.length,
220
+ selectCurrentPage,
221
+ deselectCurrentPage,
222
+ currentPageState.checked,
223
+ isInputFieldActive,
224
+ isHeaderCheckboxActive,
225
+ ]);
198
226
  return {
199
227
  selectedIds,
200
228
  allDataCache,
package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,IAAI,iBAAiB,EACxC,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAO7C,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,eAAe,GACf,uBAAuB,GACvB,gBAAgB,GAChB,oBAAoB,GACpB,QAAQ,CAAC;AAEb,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAY7D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,IAAI,CAAC,iBAAiB,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,eAAe,CAAC,EAAE;QAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,WAAgB,EAChB,YAAoB,EACpB,mBAA2B,EAC3B,IAAI,EACJ,aAAuC,EACvC,UAAoB,EACpB,QAAQ,EACR,cAAc,EACd,OAAkB,EAClB,WAAW,EACX,eAGC,EACD,aAAqB,EACrB,cAAc,EACd,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAsKnB"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,IAAI,iBAAiB,EACxC,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAO7C,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,eAAe,GACf,uBAAuB,GACvB,gBAAgB,GAChB,oBAAoB,GACpB,QAAQ,CAAC;AAEb,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAY7D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,IAAI,CAAC,iBAAiB,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,eAAe,CAAC,EAAE;QAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,WAAgB,EAChB,YAAoB,EACpB,mBAA2B,EAC3B,IAAI,EACJ,aAAuC,EACvC,UAAoB,EACpB,QAAQ,EACR,cAAc,EACd,OAAkB,EAClB,WAAW,EACX,eAGC,EACD,aAAqB,EACrB,cAAc,EACd,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAkKnB"}
package/packages/shared-components/dist/FormFields/TextField/TextField.js CHANGED
@@ -71,7 +71,7 @@ function TextField({ control, name, defaultValue, label = "", rules, type, requi
71
71
  if (loading) {
72
72
  return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows, styling: styling });
73
73
  }
74
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { ...containerProps, gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, disabled: disabled, children: label }), infoMessage && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: infoMessage, children: (0, jsx_runtime_1.jsx)(icons_material_1.InfoOutlined, { sx: {
74
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { ...containerProps, gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, disabled: disabled, children: label }), infoMessage && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: infoMessage, children: (0, jsx_runtime_1.jsx)(icons_material_1.InfoOutlined, { sx: {
75
75
  fontSize: 13,
76
76
  } }) }))] })), (0, jsx_runtime_1.jsx)(material_1.TextField, { disabled: disabled, required: required, fullWidth: true, inputRef: inputRef, onKeyDown: handleKeyDown, placeholder: styling === "default" ? placeholder : placeholder || label, type: type, label: styling === "default" ? label : undefined, sx: (0, commonStyles_1.getDefaultTextFieldSx)(styling), InputLabelProps: (0, commonStyles_1.getDefaultInputLabelProps)(styling), inputProps: {
77
77
  min: 0,
package/packages/shared-components/dist/utils/CheckboxInput.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/utils/CheckboxInput.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,GAAI;;CAAW,4CAgCxC,CAAC"}
1
+ {"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/utils/CheckboxInput.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,GAAI;;CAAW,4CA0CxC,CAAC"}
package/packages/shared-components/dist/utils/CheckboxInput.js CHANGED
@@ -10,7 +10,7 @@ const material_1 = require("@mui/material");
10
10
  const CheckboxInput = ({ ...rest }) => {
11
11
  const theme = (0, material_1.useTheme)();
12
12
  const { butterflyBlue, iron } = theme.palette.app.color;
13
- return ((0, jsx_runtime_1.jsx)(material_1.Checkbox, { disableRipple: true, checkedIcon: (0, jsx_runtime_1.jsx)(CheckBoxRounded_1.default, { fontSize: "small", htmlColor: butterflyBlue[900], sx: {
13
+ return ((0, jsx_runtime_1.jsx)(material_1.Checkbox, { checkedIcon: (0, jsx_runtime_1.jsx)(CheckBoxRounded_1.default, { fontSize: "small", htmlColor: butterflyBlue[900], sx: {
14
14
  borderRadius: 100,
15
15
  marginLeft: "-1px",
16
16
  } }), icon: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
@@ -19,6 +19,16 @@ const CheckboxInput = ({ ...rest }) => {
19
19
  border: "1px solid",
20
20
  borderColor: iron[800],
21
21
  borderRadius: "4px",
22
- } }), ...rest }));
22
+ } }), sx: {
23
+ "&:hover": {
24
+ backgroundColor: "action.hover",
25
+ },
26
+ "&.Mui-checked:hover": {
27
+ backgroundColor: "action.hover",
28
+ },
29
+ "& .MuiTouchRipple-root": {
30
+ color: butterflyBlue[900],
31
+ },
32
+ }, ...rest }));
23
33
  };
24
34
  exports.CheckboxInput = CheckboxInput;