funda-ui 1.0.532 → 1.0.535
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/Checkbox/index.js +3 -2
- package/DynamicFields/index.js +1 -1
- package/Input/index.js +6 -3
- package/MultiFuncSelect/index.js +0 -1
- package/MultipleCheckboxes/index.js +3 -2
- package/RangeSlider/index.js +6 -3
- package/Switch/index.js +3 -2
- package/Table/index.js +3 -2
- package/Textarea/index.js +6 -3
- package/Tree/index.js +3 -2
- package/lib/cjs/Checkbox/index.js +3 -2
- package/lib/cjs/DynamicFields/index.js +1 -1
- package/lib/cjs/Input/index.js +6 -3
- package/lib/cjs/MultiFuncSelect/index.js +0 -1
- package/lib/cjs/MultipleCheckboxes/index.js +3 -2
- package/lib/cjs/RangeSlider/index.js +6 -3
- package/lib/cjs/Switch/index.js +3 -2
- package/lib/cjs/Table/index.js +3 -2
- package/lib/cjs/Textarea/index.js +6 -3
- package/lib/cjs/Tree/index.js +3 -2
- package/lib/esm/Checkbox/index.tsx +1 -1
- package/lib/esm/DynamicFields/index.tsx +1 -1
- package/lib/esm/Input/index.tsx +3 -3
- package/lib/esm/MultiFuncSelect/index.tsx +1 -1
- package/lib/esm/Switch/index.tsx +1 -1
- package/lib/esm/Textarea/index.tsx +3 -3
- package/package.json +1 -1
package/Checkbox/index.js
CHANGED
|
@@ -133,10 +133,11 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
|
|
|
133
133
|
var idRes = id || uniqueID;
|
|
134
134
|
var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
135
135
|
var valRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
136
|
-
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(
|
|
136
|
+
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
|
|
137
137
|
_useState2 = _slicedToArray(_useState, 2),
|
|
138
138
|
val = _useState2[0],
|
|
139
|
-
setVal = _useState2[1];
|
|
139
|
+
setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
140
|
+
|
|
140
141
|
function handleFocus(event) {
|
|
141
142
|
rootRef.current.classList.add('focus');
|
|
142
143
|
|
package/DynamicFields/index.js
CHANGED
|
@@ -230,7 +230,7 @@ var DynamicFields = function DynamicFields(props) {
|
|
|
230
230
|
function handleClickRemove(e) {
|
|
231
231
|
e.preventDefault();
|
|
232
232
|
var curKey = e.currentTarget.closest('.dynamic-fields__data__wrapper').dataset.key;
|
|
233
|
-
if (confirm(confirmText || '')) {
|
|
233
|
+
if (window.confirm(confirmText || '')) {
|
|
234
234
|
//button status
|
|
235
235
|
if (rootRef.current.querySelectorAll(PER_ROW_DOM_STRING).length <= parseFloat(maxFields)) {
|
|
236
236
|
addBtnRef.current.style.setProperty('display', 'inline', 'important');
|
package/Input/index.js
CHANGED
|
@@ -184,9 +184,10 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
|
|
|
184
184
|
// It fires in real time as the user enters
|
|
185
185
|
if (typeof onInputCallback === 'function') {
|
|
186
186
|
var newData = onInputCallback(event);
|
|
187
|
-
setChangedVal(newData);
|
|
187
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
|
+
|
|
190
191
|
function handleBlur(event) {
|
|
191
192
|
var el = event.target;
|
|
192
193
|
var val = event.target.value;
|
|
@@ -203,15 +204,17 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
|
|
|
203
204
|
// It fires when focus is lost
|
|
204
205
|
if (typeof onChangeCallback === 'function') {
|
|
205
206
|
var newData = onChangeCallback(event);
|
|
206
|
-
setChangedVal(newData);
|
|
207
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
207
208
|
}
|
|
208
209
|
}
|
|
210
|
+
|
|
209
211
|
function handleKeyPressed(event) {
|
|
210
212
|
if (typeof onKeyPressedCallback === 'function') {
|
|
211
213
|
var newData = onKeyPressedCallback(event);
|
|
212
|
-
setChangedVal(newData);
|
|
214
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
213
215
|
}
|
|
214
216
|
}
|
|
217
|
+
|
|
215
218
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
216
219
|
// update default value
|
|
217
220
|
//--------------
|
package/MultiFuncSelect/index.js
CHANGED
|
@@ -2097,7 +2097,6 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
2097
2097
|
viewBox: "0 0 24 24",
|
|
2098
2098
|
fill: "none"
|
|
2099
2099
|
}, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
|
|
2100
|
-
id: "Vector",
|
|
2101
2100
|
d: "M4 7.2002V16.8002C4 17.9203 4 18.4801 4.21799 18.9079C4.40973 19.2842 4.71547 19.5905 5.0918 19.7822C5.5192 20 6.07899 20 7.19691 20H16.8031C17.921 20 18.48 20 18.9074 19.7822C19.2837 19.5905 19.5905 19.2842 19.7822 18.9079C20 18.4805 20 17.9215 20 16.8036V7.19691C20 6.07899 20 5.5192 19.7822 5.0918C19.5905 4.71547 19.2837 4.40973 18.9074 4.21799C18.4796 4 17.9203 4 16.8002 4H7.2002C6.08009 4 5.51962 4 5.0918 4.21799C4.71547 4.40973 4.40973 4.71547 4.21799 5.0918C4 5.51962 4 6.08009 4 7.2002Z",
|
|
2102
2101
|
stroke: "#000000",
|
|
2103
2102
|
strokeWidth: "2",
|
|
@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
327
327
|
var idRes = id || uniqueID;
|
|
328
328
|
var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
329
329
|
var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
330
|
-
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(
|
|
330
|
+
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
|
|
331
331
|
_useState2 = _slicedToArray(_useState, 2),
|
|
332
332
|
val = _useState2[0],
|
|
333
|
-
setVal = _useState2[1];
|
|
333
|
+
setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
334
|
+
|
|
334
335
|
function handleFocus(event) {
|
|
335
336
|
rootRef.current.classList.add('focus');
|
|
336
337
|
|
package/RangeSlider/index.js
CHANGED
|
@@ -326,9 +326,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
326
326
|
// It fires in real time as the user enters
|
|
327
327
|
if (typeof onInputCallback === 'function') {
|
|
328
328
|
var newData = onInputCallback(event);
|
|
329
|
-
setChangedVal(newData);
|
|
329
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
330
330
|
}
|
|
331
331
|
}
|
|
332
|
+
|
|
332
333
|
function handleBlur(event) {
|
|
333
334
|
var el = event.target;
|
|
334
335
|
var val = event.target.value;
|
|
@@ -345,15 +346,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
345
346
|
// It fires when focus is lost
|
|
346
347
|
if (typeof onChangeCallback === 'function') {
|
|
347
348
|
var newData = onChangeCallback(event);
|
|
348
|
-
setChangedVal(newData);
|
|
349
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
349
350
|
}
|
|
350
351
|
}
|
|
352
|
+
|
|
351
353
|
function handleKeyPressed(event) {
|
|
352
354
|
if (typeof onKeyPressedCallback === 'function') {
|
|
353
355
|
var newData = onKeyPressedCallback(event);
|
|
354
|
-
setChangedVal(newData);
|
|
356
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
355
357
|
}
|
|
356
358
|
}
|
|
359
|
+
|
|
357
360
|
(0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
358
361
|
// update default value
|
|
359
362
|
//--------------
|
package/Switch/index.js
CHANGED
|
@@ -131,10 +131,11 @@ var Switch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(func
|
|
|
131
131
|
var uniqueID = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
|
|
132
132
|
var idRes = id || uniqueID;
|
|
133
133
|
var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
134
|
-
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(
|
|
134
|
+
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
|
|
135
135
|
_useState2 = _slicedToArray(_useState, 2),
|
|
136
136
|
val = _useState2[0],
|
|
137
|
-
setVal = _useState2[1];
|
|
137
|
+
setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
138
|
+
|
|
138
139
|
function handleFocus(event) {
|
|
139
140
|
rootRef.current.classList.add('focus');
|
|
140
141
|
|
package/Table/index.js
CHANGED
|
@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
327
327
|
var idRes = id || uniqueID;
|
|
328
328
|
var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
329
329
|
var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
330
|
-
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(
|
|
330
|
+
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
|
|
331
331
|
_useState2 = _slicedToArray(_useState, 2),
|
|
332
332
|
val = _useState2[0],
|
|
333
|
-
setVal = _useState2[1];
|
|
333
|
+
setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
334
|
+
|
|
334
335
|
function handleFocus(event) {
|
|
335
336
|
rootRef.current.classList.add('focus');
|
|
336
337
|
|
package/Textarea/index.js
CHANGED
|
@@ -258,9 +258,10 @@ var Textarea = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
|
|
|
258
258
|
// It fires in real time as the user enters
|
|
259
259
|
if (typeof onInputCallback === 'function') {
|
|
260
260
|
var newData = onInputCallback(event);
|
|
261
|
-
setChangedVal(newData);
|
|
261
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
262
262
|
}
|
|
263
263
|
}
|
|
264
|
+
|
|
264
265
|
function handleBlur(event) {
|
|
265
266
|
var el = event.target;
|
|
266
267
|
var val = event.target.value;
|
|
@@ -277,15 +278,17 @@ var Textarea = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
|
|
|
277
278
|
// It fires when focus is lost
|
|
278
279
|
if (typeof onChangeCallback === 'function') {
|
|
279
280
|
var newData = onChangeCallback(event);
|
|
280
|
-
setChangedVal(newData);
|
|
281
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
281
282
|
}
|
|
282
283
|
}
|
|
284
|
+
|
|
283
285
|
function handleKeyPressed(event) {
|
|
284
286
|
if (typeof onKeyPressedCallback === 'function') {
|
|
285
287
|
var newData = onKeyPressedCallback(event);
|
|
286
|
-
setChangedVal(newData);
|
|
288
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
287
289
|
}
|
|
288
290
|
}
|
|
291
|
+
|
|
289
292
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
290
293
|
// update default value
|
|
291
294
|
//--------------
|
package/Tree/index.js
CHANGED
|
@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
327
327
|
var idRes = id || uniqueID;
|
|
328
328
|
var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
329
329
|
var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
330
|
-
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(
|
|
330
|
+
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
|
|
331
331
|
_useState2 = _slicedToArray(_useState, 2),
|
|
332
332
|
val = _useState2[0],
|
|
333
|
-
setVal = _useState2[1];
|
|
333
|
+
setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
334
|
+
|
|
334
335
|
function handleFocus(event) {
|
|
335
336
|
rootRef.current.classList.add('focus');
|
|
336
337
|
|
|
@@ -133,10 +133,11 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
|
|
|
133
133
|
var idRes = id || uniqueID;
|
|
134
134
|
var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
135
135
|
var valRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
136
|
-
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(
|
|
136
|
+
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
|
|
137
137
|
_useState2 = _slicedToArray(_useState, 2),
|
|
138
138
|
val = _useState2[0],
|
|
139
|
-
setVal = _useState2[1];
|
|
139
|
+
setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
140
|
+
|
|
140
141
|
function handleFocus(event) {
|
|
141
142
|
rootRef.current.classList.add('focus');
|
|
142
143
|
|
|
@@ -230,7 +230,7 @@ var DynamicFields = function DynamicFields(props) {
|
|
|
230
230
|
function handleClickRemove(e) {
|
|
231
231
|
e.preventDefault();
|
|
232
232
|
var curKey = e.currentTarget.closest('.dynamic-fields__data__wrapper').dataset.key;
|
|
233
|
-
if (confirm(confirmText || '')) {
|
|
233
|
+
if (window.confirm(confirmText || '')) {
|
|
234
234
|
//button status
|
|
235
235
|
if (rootRef.current.querySelectorAll(PER_ROW_DOM_STRING).length <= parseFloat(maxFields)) {
|
|
236
236
|
addBtnRef.current.style.setProperty('display', 'inline', 'important');
|
package/lib/cjs/Input/index.js
CHANGED
|
@@ -184,9 +184,10 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
|
|
|
184
184
|
// It fires in real time as the user enters
|
|
185
185
|
if (typeof onInputCallback === 'function') {
|
|
186
186
|
var newData = onInputCallback(event);
|
|
187
|
-
setChangedVal(newData);
|
|
187
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
|
+
|
|
190
191
|
function handleBlur(event) {
|
|
191
192
|
var el = event.target;
|
|
192
193
|
var val = event.target.value;
|
|
@@ -203,15 +204,17 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
|
|
|
203
204
|
// It fires when focus is lost
|
|
204
205
|
if (typeof onChangeCallback === 'function') {
|
|
205
206
|
var newData = onChangeCallback(event);
|
|
206
|
-
setChangedVal(newData);
|
|
207
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
207
208
|
}
|
|
208
209
|
}
|
|
210
|
+
|
|
209
211
|
function handleKeyPressed(event) {
|
|
210
212
|
if (typeof onKeyPressedCallback === 'function') {
|
|
211
213
|
var newData = onKeyPressedCallback(event);
|
|
212
|
-
setChangedVal(newData);
|
|
214
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
213
215
|
}
|
|
214
216
|
}
|
|
217
|
+
|
|
215
218
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
216
219
|
// update default value
|
|
217
220
|
//--------------
|
|
@@ -2097,7 +2097,6 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
2097
2097
|
viewBox: "0 0 24 24",
|
|
2098
2098
|
fill: "none"
|
|
2099
2099
|
}, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
|
|
2100
|
-
id: "Vector",
|
|
2101
2100
|
d: "M4 7.2002V16.8002C4 17.9203 4 18.4801 4.21799 18.9079C4.40973 19.2842 4.71547 19.5905 5.0918 19.7822C5.5192 20 6.07899 20 7.19691 20H16.8031C17.921 20 18.48 20 18.9074 19.7822C19.2837 19.5905 19.5905 19.2842 19.7822 18.9079C20 18.4805 20 17.9215 20 16.8036V7.19691C20 6.07899 20 5.5192 19.7822 5.0918C19.5905 4.71547 19.2837 4.40973 18.9074 4.21799C18.4796 4 17.9203 4 16.8002 4H7.2002C6.08009 4 5.51962 4 5.0918 4.21799C4.71547 4.40973 4.40973 4.71547 4.21799 5.0918C4 5.51962 4 6.08009 4 7.2002Z",
|
|
2102
2101
|
stroke: "#000000",
|
|
2103
2102
|
strokeWidth: "2",
|
|
@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
327
327
|
var idRes = id || uniqueID;
|
|
328
328
|
var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
329
329
|
var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
330
|
-
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(
|
|
330
|
+
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
|
|
331
331
|
_useState2 = _slicedToArray(_useState, 2),
|
|
332
332
|
val = _useState2[0],
|
|
333
|
-
setVal = _useState2[1];
|
|
333
|
+
setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
334
|
+
|
|
334
335
|
function handleFocus(event) {
|
|
335
336
|
rootRef.current.classList.add('focus');
|
|
336
337
|
|
|
@@ -326,9 +326,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
326
326
|
// It fires in real time as the user enters
|
|
327
327
|
if (typeof onInputCallback === 'function') {
|
|
328
328
|
var newData = onInputCallback(event);
|
|
329
|
-
setChangedVal(newData);
|
|
329
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
330
330
|
}
|
|
331
331
|
}
|
|
332
|
+
|
|
332
333
|
function handleBlur(event) {
|
|
333
334
|
var el = event.target;
|
|
334
335
|
var val = event.target.value;
|
|
@@ -345,15 +346,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
345
346
|
// It fires when focus is lost
|
|
346
347
|
if (typeof onChangeCallback === 'function') {
|
|
347
348
|
var newData = onChangeCallback(event);
|
|
348
|
-
setChangedVal(newData);
|
|
349
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
349
350
|
}
|
|
350
351
|
}
|
|
352
|
+
|
|
351
353
|
function handleKeyPressed(event) {
|
|
352
354
|
if (typeof onKeyPressedCallback === 'function') {
|
|
353
355
|
var newData = onKeyPressedCallback(event);
|
|
354
|
-
setChangedVal(newData);
|
|
356
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
355
357
|
}
|
|
356
358
|
}
|
|
359
|
+
|
|
357
360
|
(0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
358
361
|
// update default value
|
|
359
362
|
//--------------
|
package/lib/cjs/Switch/index.js
CHANGED
|
@@ -131,10 +131,11 @@ var Switch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(func
|
|
|
131
131
|
var uniqueID = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
|
|
132
132
|
var idRes = id || uniqueID;
|
|
133
133
|
var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
134
|
-
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(
|
|
134
|
+
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
|
|
135
135
|
_useState2 = _slicedToArray(_useState, 2),
|
|
136
136
|
val = _useState2[0],
|
|
137
|
-
setVal = _useState2[1];
|
|
137
|
+
setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
138
|
+
|
|
138
139
|
function handleFocus(event) {
|
|
139
140
|
rootRef.current.classList.add('focus');
|
|
140
141
|
|
package/lib/cjs/Table/index.js
CHANGED
|
@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
327
327
|
var idRes = id || uniqueID;
|
|
328
328
|
var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
329
329
|
var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
330
|
-
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(
|
|
330
|
+
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
|
|
331
331
|
_useState2 = _slicedToArray(_useState, 2),
|
|
332
332
|
val = _useState2[0],
|
|
333
|
-
setVal = _useState2[1];
|
|
333
|
+
setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
334
|
+
|
|
334
335
|
function handleFocus(event) {
|
|
335
336
|
rootRef.current.classList.add('focus');
|
|
336
337
|
|
|
@@ -258,9 +258,10 @@ var Textarea = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
|
|
|
258
258
|
// It fires in real time as the user enters
|
|
259
259
|
if (typeof onInputCallback === 'function') {
|
|
260
260
|
var newData = onInputCallback(event);
|
|
261
|
-
setChangedVal(newData);
|
|
261
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
262
262
|
}
|
|
263
263
|
}
|
|
264
|
+
|
|
264
265
|
function handleBlur(event) {
|
|
265
266
|
var el = event.target;
|
|
266
267
|
var val = event.target.value;
|
|
@@ -277,15 +278,17 @@ var Textarea = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
|
|
|
277
278
|
// It fires when focus is lost
|
|
278
279
|
if (typeof onChangeCallback === 'function') {
|
|
279
280
|
var newData = onChangeCallback(event);
|
|
280
|
-
setChangedVal(newData);
|
|
281
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
281
282
|
}
|
|
282
283
|
}
|
|
284
|
+
|
|
283
285
|
function handleKeyPressed(event) {
|
|
284
286
|
if (typeof onKeyPressedCallback === 'function') {
|
|
285
287
|
var newData = onKeyPressedCallback(event);
|
|
286
|
-
setChangedVal(newData);
|
|
288
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
287
289
|
}
|
|
288
290
|
}
|
|
291
|
+
|
|
289
292
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
290
293
|
// update default value
|
|
291
294
|
//--------------
|
package/lib/cjs/Tree/index.js
CHANGED
|
@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
327
327
|
var idRes = id || uniqueID;
|
|
328
328
|
var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
329
329
|
var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
330
|
-
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(
|
|
330
|
+
var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
|
|
331
331
|
_useState2 = _slicedToArray(_useState, 2),
|
|
332
332
|
val = _useState2[0],
|
|
333
|
-
setVal = _useState2[1];
|
|
333
|
+
setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
334
|
+
|
|
334
335
|
function handleFocus(event) {
|
|
335
336
|
rootRef.current.classList.add('focus');
|
|
336
337
|
|
|
@@ -54,7 +54,7 @@ const Checkbox = forwardRef((props: CheckboxProps, ref: any) => {
|
|
|
54
54
|
const idRes = id || uniqueID;
|
|
55
55
|
const rootRef = useRef<any>(null);
|
|
56
56
|
const valRef = useRef<any>(null);
|
|
57
|
-
const [val, setVal] = useState<any>(null);
|
|
57
|
+
const [val, setVal] = useState<any>(null || false); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
58
58
|
|
|
59
59
|
function handleFocus(event: any) {
|
|
60
60
|
rootRef.current.classList.add('focus');
|
|
@@ -178,7 +178,7 @@ const DynamicFields = (props: DynamicFieldsProps) => {
|
|
|
178
178
|
const curKey = (e.currentTarget.closest('.dynamic-fields__data__wrapper') as HTMLDivElement).dataset.key;
|
|
179
179
|
|
|
180
180
|
|
|
181
|
-
if (confirm(confirmText || '')) {
|
|
181
|
+
if (window.confirm(confirmText || '')) {
|
|
182
182
|
|
|
183
183
|
//button status
|
|
184
184
|
if (rootRef.current.querySelectorAll(PER_ROW_DOM_STRING).length <= parseFloat(maxFields)) {
|
package/lib/esm/Input/index.tsx
CHANGED
|
@@ -126,7 +126,7 @@ const Input = forwardRef((props: InputProps, ref: any) => {
|
|
|
126
126
|
// It fires in real time as the user enters
|
|
127
127
|
if (typeof (onInputCallback) === 'function') {
|
|
128
128
|
const newData: any = onInputCallback(event);
|
|
129
|
-
setChangedVal(newData);
|
|
129
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
|
|
@@ -149,14 +149,14 @@ const Input = forwardRef((props: InputProps, ref: any) => {
|
|
|
149
149
|
// It fires when focus is lost
|
|
150
150
|
if (typeof (onChangeCallback) === 'function') {
|
|
151
151
|
const newData: any = onChangeCallback(event);
|
|
152
|
-
setChangedVal(newData);
|
|
152
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
|
|
156
156
|
function handleKeyPressed(event: React.KeyboardEvent<HTMLInputElement>) {
|
|
157
157
|
if (typeof (onKeyPressedCallback) === 'function') {
|
|
158
158
|
const newData: any = onKeyPressedCallback(event);
|
|
159
|
-
setChangedVal(newData);
|
|
159
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
162
|
|
|
@@ -1590,7 +1590,7 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
|
|
|
1590
1590
|
return <button tabIndex={-1} onClick={handleSelect} type="button" data-index={index} key={index} className={`list-group-item list-group-item-action border-start-0 border-end-0 ${startItemBorder} ${endItemBorder} border-bottom-0 ${itemSelected ? 'list-group-item-secondary item-selected' : ''}`} data-value={`${item.value}`} data-label={`${item.label}`} data-querystring={`${typeof item.queryString === 'undefined' ? '' : item.queryString}`} data-itemdata={JSON.stringify(item)} role="tab">
|
|
1591
1591
|
<var className="d-inline-block me-1 ">
|
|
1592
1592
|
{!itemSelected ? <svg width="1.2em" height="1.2em" viewBox="0 0 24 24" fill="none">
|
|
1593
|
-
<path
|
|
1593
|
+
<path d="M4 7.2002V16.8002C4 17.9203 4 18.4801 4.21799 18.9079C4.40973 19.2842 4.71547 19.5905 5.0918 19.7822C5.5192 20 6.07899 20 7.19691 20H16.8031C17.921 20 18.48 20 18.9074 19.7822C19.2837 19.5905 19.5905 19.2842 19.7822 18.9079C20 18.4805 20 17.9215 20 16.8036V7.19691C20 6.07899 20 5.5192 19.7822 5.0918C19.5905 4.71547 19.2837 4.40973 18.9074 4.21799C18.4796 4 17.9203 4 16.8002 4H7.2002C6.08009 4 5.51962 4 5.0918 4.21799C4.71547 4.40973 4.40973 4.71547 4.21799 5.0918C4 5.51962 4 6.08009 4 7.2002Z" stroke="#000000" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
|
1594
1594
|
</svg> : <svg width="1.2em" height="1.2em" fill="#000000" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" /></svg>}
|
|
1595
1595
|
|
|
1596
1596
|
</var>
|
package/lib/esm/Switch/index.tsx
CHANGED
|
@@ -51,7 +51,7 @@ const Switch = forwardRef((props: SwitchProps, ref: any) => {
|
|
|
51
51
|
const uniqueID = useId();
|
|
52
52
|
const idRes = id || uniqueID;
|
|
53
53
|
const rootRef = useRef<any>(null);
|
|
54
|
-
const [val, setVal] = useState<any>(null);
|
|
54
|
+
const [val, setVal] = useState<any>(null || false); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
55
55
|
|
|
56
56
|
function handleFocus(event: any) {
|
|
57
57
|
rootRef.current.classList.add('focus');
|
|
@@ -99,7 +99,7 @@ const Textarea = forwardRef((props: TextareaProps, ref: any) => {
|
|
|
99
99
|
// It fires in real time as the user enters
|
|
100
100
|
if (typeof (onInputCallback) === 'function') {
|
|
101
101
|
const newData: any = onInputCallback(event);
|
|
102
|
-
setChangedVal(newData);
|
|
102
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
}
|
|
@@ -122,7 +122,7 @@ const Textarea = forwardRef((props: TextareaProps, ref: any) => {
|
|
|
122
122
|
// It fires when focus is lost
|
|
123
123
|
if (typeof (onChangeCallback) === 'function') {
|
|
124
124
|
const newData: any = onChangeCallback(event);
|
|
125
|
-
setChangedVal(newData);
|
|
125
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
}
|
|
@@ -130,7 +130,7 @@ const Textarea = forwardRef((props: TextareaProps, ref: any) => {
|
|
|
130
130
|
function handleKeyPressed(event: React.KeyboardEvent<HTMLTextAreaElement>) {
|
|
131
131
|
if (typeof (onKeyPressedCallback) === 'function') {
|
|
132
132
|
const newData: any = onKeyPressedCallback(event);
|
|
133
|
-
setChangedVal(newData);
|
|
133
|
+
if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"author": "UIUX Lab",
|
|
3
3
|
"email": "uiuxlab@gmail.com",
|
|
4
4
|
"name": "funda-ui",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.535",
|
|
6
6
|
"description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|