@codezee/sixtify-brahma 0.2.204 → 0.2.205
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/AgGrid.d.ts.map +1 -1
- package/packages/shared-components/dist/AgGrid/AgGrid.js +6 -6
- package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.d.ts.map +1 -1
- package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.js +33 -3
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgGrid.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGrid.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,OAAO,KAAK,EAIV,OAAO,EAGR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"AgGrid.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGrid.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,OAAO,KAAK,EAIV,OAAO,EAGR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,OAAO,CAAC;AAE5C,OAAO,yBAAyB,CAAC;AAUjC,eAAO,MAAM,iBAAiB,GAAI,KAAK,OAAO,CAAC,OAAO,CAAC,KAAG,IAezD,CAAC;AAEF,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,eAAO,MAAM,eAAe,UAAqB,CAAC;AAGlD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE;QACjB,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,KAAK,UAAU,GAAG,KAAK,CAAC,yBAAyB,CAAC,WAAW,CAAC,GAC5D,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAElE,eAAO,MAAM,MAAM,EAuRd,UAAU,CAAC"}
|
|
@@ -123,8 +123,6 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
|
|
|
123
123
|
const datasource = api.getGridOption("datasource");
|
|
124
124
|
if (datasource) {
|
|
125
125
|
setTimeout(() => {
|
|
126
|
-
// Use getDisplayedRowCount() as primary check - it reflects actual data state
|
|
127
|
-
// Rendered nodes can persist after tab changes even when there's no data
|
|
128
126
|
const displayedRowCount = api.getDisplayedRowCount();
|
|
129
127
|
updateNoRowsOverlay(api, displayedRowCount === 0);
|
|
130
128
|
}, 50);
|
|
@@ -132,8 +130,6 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
|
|
|
132
130
|
}
|
|
133
131
|
else {
|
|
134
132
|
setTimeout(() => {
|
|
135
|
-
// Use getDisplayedRowCount() as primary check - it reflects actual data state
|
|
136
|
-
// Rendered nodes can persist after tab changes even when there's no data
|
|
137
133
|
const displayedRowCount = api.getDisplayedRowCount();
|
|
138
134
|
updateNoRowsOverlay(api, displayedRowCount === 0);
|
|
139
135
|
}, 50);
|
|
@@ -148,7 +144,6 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
|
|
|
148
144
|
const datasource = api.getGridOption("datasource");
|
|
149
145
|
if (datasource) {
|
|
150
146
|
setTimeout(() => {
|
|
151
|
-
// Use getDisplayedRowCount() as primary check - it reflects actual data state
|
|
152
147
|
const displayedRowCount = api.getDisplayedRowCount();
|
|
153
148
|
updateNoRowsOverlay(api, displayedRowCount === 0);
|
|
154
149
|
}, 50);
|
|
@@ -156,13 +151,18 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
|
|
|
156
151
|
}
|
|
157
152
|
else {
|
|
158
153
|
setTimeout(() => {
|
|
159
|
-
// Use getDisplayedRowCount() as primary check - it reflects actual data state
|
|
160
154
|
const displayedRowCount = api.getDisplayedRowCount();
|
|
161
155
|
updateNoRowsOverlay(api, displayedRowCount === 0);
|
|
162
156
|
}, 50);
|
|
163
157
|
}
|
|
164
158
|
}
|
|
165
159
|
}, [onFilterChanged, rowModelType, updateNoRowsOverlay]);
|
|
160
|
+
requestAnimationFrame(() => {
|
|
161
|
+
requestAnimationFrame(() => {
|
|
162
|
+
const displayedRowCount = ref?.current?.api?.getDisplayedRowCount();
|
|
163
|
+
updateNoRowsOverlay(ref?.current?.api, displayedRowCount === 0);
|
|
164
|
+
});
|
|
165
|
+
});
|
|
166
166
|
return ((0, jsx_runtime_1.jsxs)(AgGridStyleProvider_1.AgGridStyleProvider, { className: "ag-theme-quartz ", style: { width: "100%", height, position: "relative" }, children: [(0, jsx_runtime_1.jsx)(ag_grid_react_1.AgGridReact, { ref: ref, theme: "legacy", cacheBlockSize: cacheBlockSize, defaultColDef: {
|
|
167
167
|
...defaultColumnDef,
|
|
168
168
|
floatingFilter: enableSecondRowFilter,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CACR,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,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAcjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,oBAA4B,EAC5B,gBAAwB,EACxB,KAAgC,EAChC,MAAqC,EACrC,cAAc,EACd,OAAkB,EAClB,aAAa,EACb,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CACR,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,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAcjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,oBAA4B,EAC5B,gBAAwB,EACxB,KAAgC,EAChC,MAAqC,EACrC,cAAc,EACd,OAAkB,EAClB,aAAa,EACb,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CA8QpB"}
|
|
@@ -17,7 +17,7 @@ const luxon_1 = require("luxon");
|
|
|
17
17
|
const react_1 = require("react");
|
|
18
18
|
const react_hook_form_1 = require("react-hook-form");
|
|
19
19
|
const Actions_1 = require("../../Actions");
|
|
20
|
-
const
|
|
20
|
+
const NavigationKeyContext_1 = require("../../utils/context/NavigationKeyContext");
|
|
21
21
|
const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
|
|
22
22
|
const commonStyles_1 = require("../commonStyles");
|
|
23
23
|
const Skeleton_1 = require("./Skeleton");
|
|
@@ -47,7 +47,7 @@ const RightArrowIcon = () => {
|
|
|
47
47
|
exports.RightArrowIcon = RightArrowIcon;
|
|
48
48
|
function DatePicker({ setError, control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, clearable = required ? false : true, rules, disableKeyboardInput = false, setOnFinalChange = false, views = ["year", "month", "day"], format = exports.dateFormats.dateWithEuropean, containerProps, styling = "custom", navigationKey, ...restProps }) {
|
|
49
49
|
const [localError, setLocalError] = (0, react_1.useState)();
|
|
50
|
-
const { navigationKey: navigationKeyFromContext } = (0,
|
|
50
|
+
const { navigationKey: navigationKeyFromContext } = (0, NavigationKeyContext_1.useNavigationKeyContext)();
|
|
51
51
|
const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
|
|
52
52
|
const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
|
|
53
53
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
@@ -80,6 +80,20 @@ function DatePicker({ setError, control, defaultValue, disabled = false, label,
|
|
|
80
80
|
clearable,
|
|
81
81
|
onClear: () => onChange(null),
|
|
82
82
|
readOnly: disableKeyboardInput,
|
|
83
|
+
onKeyDown: (event) => {
|
|
84
|
+
if (resolvedNavigationKey === "enter" && event.key === "Enter") {
|
|
85
|
+
event.preventDefault();
|
|
86
|
+
}
|
|
87
|
+
if (resolvedNavigationKey === "enter" &&
|
|
88
|
+
event.key === " " &&
|
|
89
|
+
!open &&
|
|
90
|
+
!readOnly &&
|
|
91
|
+
!disabled) {
|
|
92
|
+
event.preventDefault();
|
|
93
|
+
event.stopPropagation();
|
|
94
|
+
setOpen(true);
|
|
95
|
+
}
|
|
96
|
+
},
|
|
83
97
|
},
|
|
84
98
|
clearButton: {
|
|
85
99
|
tabIndex: clearable ? 0 : -1,
|
|
@@ -100,7 +114,8 @@ function DatePicker({ setError, control, defaultValue, disabled = false, label,
|
|
|
100
114
|
inputRef: setInputRef,
|
|
101
115
|
InputProps: {
|
|
102
116
|
endAdornment: ((0, jsx_runtime_1.jsx)(Actions_1.CalendarIconAction, { disabled: disabled, onClick: () => setOpen(true), showTooltip: false, onKeyDown: (event) => {
|
|
103
|
-
if (
|
|
117
|
+
if (resolvedNavigationKey === "enter" &&
|
|
118
|
+
event.key === "Enter") {
|
|
104
119
|
handleEnterNavigation(event);
|
|
105
120
|
}
|
|
106
121
|
} })),
|
|
@@ -111,6 +126,21 @@ function DatePicker({ setError, control, defaultValue, disabled = false, label,
|
|
|
111
126
|
},
|
|
112
127
|
},
|
|
113
128
|
onKeyDown: (event) => {
|
|
129
|
+
if (resolvedNavigationKey === "enter") {
|
|
130
|
+
if (event.key === " " && !open && !readOnly && !disabled) {
|
|
131
|
+
event.preventDefault();
|
|
132
|
+
event.stopPropagation();
|
|
133
|
+
setOpen(true);
|
|
134
|
+
return;
|
|
135
|
+
}
|
|
136
|
+
if (event.key === "Enter") {
|
|
137
|
+
if (open) {
|
|
138
|
+
setOpen(false);
|
|
139
|
+
}
|
|
140
|
+
handleEnterNavigation(event, true);
|
|
141
|
+
return;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
114
144
|
handleKeyDown(event, () => setOpen(false), open);
|
|
115
145
|
if (event.key === "Backspace" && clearable) {
|
|
116
146
|
onChange(null);
|