elab_components 0.10.37 → 0.10.40
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/dist/index.esm.js +9 -9
- package/dist/index.js +9 -9
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -435,15 +435,15 @@ var RunQueries = function (_a) {
|
|
|
435
435
|
var renderInput = function (query) {
|
|
436
436
|
var selectedField = allColumnsField.find(function (field) { return field.field === query.field; });
|
|
437
437
|
if (!selectedField || !query.field) {
|
|
438
|
-
return (React__default.createElement(Input$2, { value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder:
|
|
438
|
+
return (React__default.createElement(Input$2, { value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder: 'Enter value', style: { marginRight: '10px' } }));
|
|
439
439
|
}
|
|
440
440
|
switch (selectedField.type) {
|
|
441
441
|
case 'text':
|
|
442
|
-
return (React__default.createElement(Input$2, { value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder:
|
|
442
|
+
return (React__default.createElement(Input$2, { value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder: 'Enter text', style: { marginRight: '10px' } }));
|
|
443
443
|
case 'number':
|
|
444
|
-
return (React__default.createElement(Input$2, { type:
|
|
444
|
+
return (React__default.createElement(Input$2, { type: 'number', value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder: 'Enter number', style: { marginRight: '10px' } }));
|
|
445
445
|
case 'date':
|
|
446
|
-
return (React__default.createElement(DatePicker, { value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder:
|
|
446
|
+
return (React__default.createElement(DatePicker, { format: 'dd/MM/yyyy', value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder: 'Select date', style: { marginRight: '10px' } }));
|
|
447
447
|
default:
|
|
448
448
|
return null;
|
|
449
449
|
}
|
|
@@ -479,10 +479,10 @@ var RunQueries = function (_a) {
|
|
|
479
479
|
} },
|
|
480
480
|
React__default.createElement(Checkbox, { checked: selectedQueryIds.includes(query.id), onChange: function () { return toggleSelection(query.id); }, style: { marginRight: '10px' } }),
|
|
481
481
|
React__default.createElement(DropDownList, { data: ['AND', 'OR'], value: query.addOr, onChange: function (e) { return updateQuery(query.id, 'addOr', e.value); }, style: { marginRight: '10px' } }),
|
|
482
|
-
React__default.createElement(DropDownList, { data: allColumnsField, value: allColumnsField.find(function (f) { return f.field === query.field; }), textField:
|
|
482
|
+
React__default.createElement(DropDownList, { data: allColumnsField, value: allColumnsField.find(function (f) { return f.field === query.field; }), textField: 'title', dataItemKey: 'field', onChange: function (e) {
|
|
483
483
|
return updateQuery(query.id, 'field', e.value ? e.value.field : '');
|
|
484
484
|
}, style: { marginRight: '10px' } }),
|
|
485
|
-
React__default.createElement(DropDownList, { data: renderOperator(query), textField:
|
|
485
|
+
React__default.createElement(DropDownList, { data: renderOperator(query), textField: 'text', dataItemKey: 'operator', value: query.operator, onChange: function (e) { return updateQuery(query.id, 'operator', e.value); }, style: { marginRight: '10px' } }),
|
|
486
486
|
renderInput(query),
|
|
487
487
|
React__default.createElement(OkButton$1, { themeColor: 'primary', onClick: function () { return removeQuery(query.id); }, style: { padding: '8px 10px 4px', fontSize: '17px' } },
|
|
488
488
|
React__default.createElement(IoTrash, null)))); }),
|
|
@@ -33028,7 +33028,7 @@ var OkGrid = function (_a) {
|
|
|
33028
33028
|
(((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === 'newSD') ||
|
|
33029
33029
|
(((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === 'newMean');
|
|
33030
33030
|
return (React__default.createElement("td", __assign({}, cellProps.tdProps),
|
|
33031
|
-
React__default.createElement(DatePicker, { format: 'dd/MM/yyyy', defaultValue: new Date(dateValue), onChange: function (e) { return GridDataDateChange(e, cellProps); }, disabled: disabledCondition > 0 ? true : false })));
|
|
33031
|
+
React__default.createElement(DatePicker, { min: col === null || col === void 0 ? void 0 : col.min, max: col === null || col === void 0 ? void 0 : col.max, format: 'dd/MM/yyyy', defaultValue: new Date(dateValue), onChange: function (e) { return GridDataDateChange(e, cellProps); }, disabled: disabledCondition > 0 ? true : false })));
|
|
33032
33032
|
};
|
|
33033
33033
|
var GridDataCellSwitch = useCallback(function (cellProps, col) {
|
|
33034
33034
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -33219,9 +33219,9 @@ var OkGrid = function (_a) {
|
|
|
33219
33219
|
if (((_c = col.function) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === 'externalcell')
|
|
33220
33220
|
return React__default.createElement(GridExternalCell, __assign({}, props, { gridRef: gridRef === null || gridRef === void 0 ? void 0 : gridRef.current }));
|
|
33221
33221
|
if (((_d = col.function) === null || _d === void 0 ? void 0 : _d.toLowerCase()) === 'externalcelltwo')
|
|
33222
|
-
return React__default.createElement(GridExternalCellTwo, __assign({}, props));
|
|
33222
|
+
return React__default.createElement(GridExternalCellTwo, __assign({}, props, { gridRef: gridRef === null || gridRef === void 0 ? void 0 : gridRef.current }));
|
|
33223
33223
|
if (((_e = col.function) === null || _e === void 0 ? void 0 : _e.toLowerCase()) === 'externalcellthree')
|
|
33224
|
-
return React__default.createElement(GridExternalCellThree, __assign({}, props));
|
|
33224
|
+
return React__default.createElement(GridExternalCellThree, __assign({}, props, { gridRef: gridRef === null || gridRef === void 0 ? void 0 : gridRef.current }));
|
|
33225
33225
|
if (((_f = col.function) === null || _f === void 0 ? void 0 : _f.toLowerCase()) === 'chart')
|
|
33226
33226
|
return GridDataCellChart(props);
|
|
33227
33227
|
if (((_g = col.function) === null || _g === void 0 ? void 0 : _g.toLowerCase()) === 'input')
|
package/dist/index.js
CHANGED
|
@@ -463,15 +463,15 @@ var RunQueries = function (_a) {
|
|
|
463
463
|
var renderInput = function (query) {
|
|
464
464
|
var selectedField = allColumnsField.find(function (field) { return field.field === query.field; });
|
|
465
465
|
if (!selectedField || !query.field) {
|
|
466
|
-
return (React__default["default"].createElement(kendoReactInputs.Input, { value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder:
|
|
466
|
+
return (React__default["default"].createElement(kendoReactInputs.Input, { value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder: 'Enter value', style: { marginRight: '10px' } }));
|
|
467
467
|
}
|
|
468
468
|
switch (selectedField.type) {
|
|
469
469
|
case 'text':
|
|
470
|
-
return (React__default["default"].createElement(kendoReactInputs.Input, { value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder:
|
|
470
|
+
return (React__default["default"].createElement(kendoReactInputs.Input, { value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder: 'Enter text', style: { marginRight: '10px' } }));
|
|
471
471
|
case 'number':
|
|
472
|
-
return (React__default["default"].createElement(kendoReactInputs.Input, { type:
|
|
472
|
+
return (React__default["default"].createElement(kendoReactInputs.Input, { type: 'number', value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder: 'Enter number', style: { marginRight: '10px' } }));
|
|
473
473
|
case 'date':
|
|
474
|
-
return (React__default["default"].createElement(kendoReactDateinputs.DatePicker, { value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder:
|
|
474
|
+
return (React__default["default"].createElement(kendoReactDateinputs.DatePicker, { format: 'dd/MM/yyyy', value: query.value, onChange: function (e) { return updateQuery(query.id, 'value', e.value); }, placeholder: 'Select date', style: { marginRight: '10px' } }));
|
|
475
475
|
default:
|
|
476
476
|
return null;
|
|
477
477
|
}
|
|
@@ -507,10 +507,10 @@ var RunQueries = function (_a) {
|
|
|
507
507
|
} },
|
|
508
508
|
React__default["default"].createElement(kendoReactInputs.Checkbox, { checked: selectedQueryIds.includes(query.id), onChange: function () { return toggleSelection(query.id); }, style: { marginRight: '10px' } }),
|
|
509
509
|
React__default["default"].createElement(kendoReactDropdowns.DropDownList, { data: ['AND', 'OR'], value: query.addOr, onChange: function (e) { return updateQuery(query.id, 'addOr', e.value); }, style: { marginRight: '10px' } }),
|
|
510
|
-
React__default["default"].createElement(kendoReactDropdowns.DropDownList, { data: allColumnsField, value: allColumnsField.find(function (f) { return f.field === query.field; }), textField:
|
|
510
|
+
React__default["default"].createElement(kendoReactDropdowns.DropDownList, { data: allColumnsField, value: allColumnsField.find(function (f) { return f.field === query.field; }), textField: 'title', dataItemKey: 'field', onChange: function (e) {
|
|
511
511
|
return updateQuery(query.id, 'field', e.value ? e.value.field : '');
|
|
512
512
|
}, style: { marginRight: '10px' } }),
|
|
513
|
-
React__default["default"].createElement(kendoReactDropdowns.DropDownList, { data: renderOperator(query), textField:
|
|
513
|
+
React__default["default"].createElement(kendoReactDropdowns.DropDownList, { data: renderOperator(query), textField: 'text', dataItemKey: 'operator', value: query.operator, onChange: function (e) { return updateQuery(query.id, 'operator', e.value); }, style: { marginRight: '10px' } }),
|
|
514
514
|
renderInput(query),
|
|
515
515
|
React__default["default"].createElement(OkButton$1, { themeColor: 'primary', onClick: function () { return removeQuery(query.id); }, style: { padding: '8px 10px 4px', fontSize: '17px' } },
|
|
516
516
|
React__default["default"].createElement(IoTrash, null)))); }),
|
|
@@ -33056,7 +33056,7 @@ var OkGrid = function (_a) {
|
|
|
33056
33056
|
(((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === 'newSD') ||
|
|
33057
33057
|
(((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === 'newMean');
|
|
33058
33058
|
return (React__default["default"].createElement("td", __assign({}, cellProps.tdProps),
|
|
33059
|
-
React__default["default"].createElement(kendoReactDateinputs.DatePicker, { format: 'dd/MM/yyyy', defaultValue: new Date(dateValue), onChange: function (e) { return GridDataDateChange(e, cellProps); }, disabled: disabledCondition > 0 ? true : false })));
|
|
33059
|
+
React__default["default"].createElement(kendoReactDateinputs.DatePicker, { min: col === null || col === void 0 ? void 0 : col.min, max: col === null || col === void 0 ? void 0 : col.max, format: 'dd/MM/yyyy', defaultValue: new Date(dateValue), onChange: function (e) { return GridDataDateChange(e, cellProps); }, disabled: disabledCondition > 0 ? true : false })));
|
|
33060
33060
|
};
|
|
33061
33061
|
var GridDataCellSwitch = React.useCallback(function (cellProps, col) {
|
|
33062
33062
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -33247,9 +33247,9 @@ var OkGrid = function (_a) {
|
|
|
33247
33247
|
if (((_c = col.function) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === 'externalcell')
|
|
33248
33248
|
return React__default["default"].createElement(GridExternalCell, __assign({}, props, { gridRef: gridRef === null || gridRef === void 0 ? void 0 : gridRef.current }));
|
|
33249
33249
|
if (((_d = col.function) === null || _d === void 0 ? void 0 : _d.toLowerCase()) === 'externalcelltwo')
|
|
33250
|
-
return React__default["default"].createElement(GridExternalCellTwo, __assign({}, props));
|
|
33250
|
+
return React__default["default"].createElement(GridExternalCellTwo, __assign({}, props, { gridRef: gridRef === null || gridRef === void 0 ? void 0 : gridRef.current }));
|
|
33251
33251
|
if (((_e = col.function) === null || _e === void 0 ? void 0 : _e.toLowerCase()) === 'externalcellthree')
|
|
33252
|
-
return React__default["default"].createElement(GridExternalCellThree, __assign({}, props));
|
|
33252
|
+
return React__default["default"].createElement(GridExternalCellThree, __assign({}, props, { gridRef: gridRef === null || gridRef === void 0 ? void 0 : gridRef.current }));
|
|
33253
33253
|
if (((_f = col.function) === null || _f === void 0 ? void 0 : _f.toLowerCase()) === 'chart')
|
|
33254
33254
|
return GridDataCellChart(props);
|
|
33255
33255
|
if (((_g = col.function) === null || _g === void 0 ? void 0 : _g.toLowerCase()) === 'input')
|