elab_components 0.10.21 → 0.10.24
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 +33 -33
- package/dist/index.js +33 -33
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -32545,6 +32545,36 @@ var mergeDateWithCurrentTime = function (date) {
|
|
|
32545
32545
|
// { field: 'UnitsInStock', aggregate: 'sum' },
|
|
32546
32546
|
// { field: 'UnitPrice', aggregate: 'average' },
|
|
32547
32547
|
// ];
|
|
32548
|
+
var processWithGroups = function (data, dataState) {
|
|
32549
|
+
var newDataState = process$2(data, dataState);
|
|
32550
|
+
setGroupIds({ data: newDataState === null || newDataState === void 0 ? void 0 : newDataState.data, group: dataState === null || dataState === void 0 ? void 0 : dataState.group });
|
|
32551
|
+
return newDataState;
|
|
32552
|
+
};
|
|
32553
|
+
var StyledGrid = styled(Grid$2)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject([""], [""])));
|
|
32554
|
+
var CustomCell = function (_a) {
|
|
32555
|
+
var _b;
|
|
32556
|
+
var props = _a.props;
|
|
32557
|
+
var _c = React__default.useState(''), bgColor = _c[0], setBgColor = _c[1];
|
|
32558
|
+
React__default.useEffect(function () {
|
|
32559
|
+
var _a, _b, _c;
|
|
32560
|
+
var isFieldAffected = ((_a = props === null || props === void 0 ? void 0 : props.dataItem) === null || _a === void 0 ? void 0 : _a.clipboardAction) &&
|
|
32561
|
+
((_b = props === null || props === void 0 ? void 0 : props.dataItem) === null || _b === void 0 ? void 0 : _b.clipboardAction.fields.indexOf(props.field)) !== -1;
|
|
32562
|
+
if (isFieldAffected) {
|
|
32563
|
+
var type = (_c = props === null || props === void 0 ? void 0 : props.dataItem) === null || _c === void 0 ? void 0 : _c.clipboardAction.type;
|
|
32564
|
+
if (type === ClipboardActionType.copy)
|
|
32565
|
+
setBgColor('skyblue');
|
|
32566
|
+
if (type === ClipboardActionType.paste)
|
|
32567
|
+
setBgColor('lightgreen');
|
|
32568
|
+
if (type === ClipboardActionType.cut)
|
|
32569
|
+
setBgColor('red');
|
|
32570
|
+
var timeout_1 = setTimeout(function () { return setBgColor(''); }, 500);
|
|
32571
|
+
return function () { return clearTimeout(timeout_1); };
|
|
32572
|
+
}
|
|
32573
|
+
}, [(_b = props === null || props === void 0 ? void 0 : props.dataItem) === null || _b === void 0 ? void 0 : _b.clipboardAction]);
|
|
32574
|
+
return (React__default.createElement("td", __assign({}, props === null || props === void 0 ? void 0 : props.tdProps, { style: {
|
|
32575
|
+
backgroundColor: bgColor,
|
|
32576
|
+
} }), props === null || props === void 0 ? void 0 : props.children));
|
|
32577
|
+
};
|
|
32548
32578
|
var OkGrid = function (_a) {
|
|
32549
32579
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
32550
32580
|
var props = __rest(_a, []);
|
|
@@ -32578,36 +32608,6 @@ var OkGrid = function (_a) {
|
|
|
32578
32608
|
var _x = React__default.useState(''); _x[0]; var setCopiedText = _x[1];
|
|
32579
32609
|
var _y = React__default.useState([]); _y[0]; var setCopiedItems = _y[1];
|
|
32580
32610
|
var _z = React__default.useState([]); _z[0]; var setPastedItems = _z[1];
|
|
32581
|
-
var processWithGroups = function (data, dataState) {
|
|
32582
|
-
var newDataState = process$2(data, dataState);
|
|
32583
|
-
setGroupIds({ data: newDataState === null || newDataState === void 0 ? void 0 : newDataState.data, group: dataState === null || dataState === void 0 ? void 0 : dataState.group });
|
|
32584
|
-
return newDataState;
|
|
32585
|
-
};
|
|
32586
|
-
var StyledGrid = styled(Grid$2)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject([""], [""])));
|
|
32587
|
-
var CustomCell = function (_a) {
|
|
32588
|
-
var _b;
|
|
32589
|
-
var props = _a.props;
|
|
32590
|
-
var _c = React__default.useState(''), bgColor = _c[0], setBgColor = _c[1];
|
|
32591
|
-
React__default.useEffect(function () {
|
|
32592
|
-
var _a, _b, _c;
|
|
32593
|
-
var isFieldAffected = ((_a = props === null || props === void 0 ? void 0 : props.dataItem) === null || _a === void 0 ? void 0 : _a.clipboardAction) &&
|
|
32594
|
-
((_b = props === null || props === void 0 ? void 0 : props.dataItem) === null || _b === void 0 ? void 0 : _b.clipboardAction.fields.indexOf(props.field)) !== -1;
|
|
32595
|
-
if (isFieldAffected) {
|
|
32596
|
-
var type = (_c = props === null || props === void 0 ? void 0 : props.dataItem) === null || _c === void 0 ? void 0 : _c.clipboardAction.type;
|
|
32597
|
-
if (type === ClipboardActionType.copy)
|
|
32598
|
-
setBgColor('skyblue');
|
|
32599
|
-
if (type === ClipboardActionType.paste)
|
|
32600
|
-
setBgColor('lightgreen');
|
|
32601
|
-
if (type === ClipboardActionType.cut)
|
|
32602
|
-
setBgColor('red');
|
|
32603
|
-
var timeout_1 = setTimeout(function () { return setBgColor(''); }, 500);
|
|
32604
|
-
return function () { return clearTimeout(timeout_1); };
|
|
32605
|
-
}
|
|
32606
|
-
}, [(_b = props === null || props === void 0 ? void 0 : props.dataItem) === null || _b === void 0 ? void 0 : _b.clipboardAction]);
|
|
32607
|
-
return (React__default.createElement("td", __assign({}, props === null || props === void 0 ? void 0 : props.tdProps, { style: {
|
|
32608
|
-
backgroundColor: bgColor,
|
|
32609
|
-
} }), props === null || props === void 0 ? void 0 : props.children));
|
|
32610
|
-
};
|
|
32611
32611
|
var isMatch = function (value) {
|
|
32612
32612
|
if (typeof value === 'object' && value !== null) {
|
|
32613
32613
|
return Object.values(value).some(function (nestedValue) {
|
|
@@ -32811,7 +32811,6 @@ var OkGrid = function (_a) {
|
|
|
32811
32811
|
useEffect(function () {
|
|
32812
32812
|
if (resetSelectedData && setResetSelectedData) {
|
|
32813
32813
|
setSelectedState({});
|
|
32814
|
-
setSelectedFilterData({});
|
|
32815
32814
|
setResetSelectedData(false);
|
|
32816
32815
|
}
|
|
32817
32816
|
}, [resetSelectedData, setResetSelectedData]);
|
|
@@ -32869,7 +32868,7 @@ var OkGrid = function (_a) {
|
|
|
32869
32868
|
data: resultState.data,
|
|
32870
32869
|
collapsedIds: collapsedIds,
|
|
32871
32870
|
});
|
|
32872
|
-
}, [resultState.data,
|
|
32871
|
+
}, [resultState.data, manuallyExpandedGroups]);
|
|
32873
32872
|
var columnConfigs = useMemo(function () {
|
|
32874
32873
|
var configs = [];
|
|
32875
32874
|
if (selectField === 'selected') {
|
|
@@ -33011,6 +33010,7 @@ var OkGrid = function (_a) {
|
|
|
33011
33010
|
var dateValue = new Date(value && typeof value === 'string' && !value.endsWith('Z')
|
|
33012
33011
|
? value + 'Z'
|
|
33013
33012
|
: value);
|
|
33013
|
+
console.log('ddd', dateValue);
|
|
33014
33014
|
var disabledCondition = !col.editable ||
|
|
33015
33015
|
(isNotSOUser &&
|
|
33016
33016
|
((_a = cellProps.dataItem) === null || _a === void 0 ? void 0 : _a.qcreadingid) !== null &&
|
|
@@ -33189,7 +33189,7 @@ var OkGrid = function (_a) {
|
|
|
33189
33189
|
setFilteredData(filtered);
|
|
33190
33190
|
}
|
|
33191
33191
|
else {
|
|
33192
|
-
setFilteredData([]);
|
|
33192
|
+
setFilteredData([]); // Show empty if null/undefined/empty string
|
|
33193
33193
|
}
|
|
33194
33194
|
}, [dataItem === null || dataItem === void 0 ? void 0 : dataItem[col === null || col === void 0 ? void 0 : col.filterByID], col === null || col === void 0 ? void 0 : col.data]);
|
|
33195
33195
|
return (React__default.createElement("td", __assign({}, cellProps.tdProps),
|
package/dist/index.js
CHANGED
|
@@ -32573,6 +32573,36 @@ var mergeDateWithCurrentTime = function (date) {
|
|
|
32573
32573
|
// { field: 'UnitsInStock', aggregate: 'sum' },
|
|
32574
32574
|
// { field: 'UnitPrice', aggregate: 'average' },
|
|
32575
32575
|
// ];
|
|
32576
|
+
var processWithGroups = function (data, dataState) {
|
|
32577
|
+
var newDataState = kendoDataQuery.process(data, dataState);
|
|
32578
|
+
kendoReactDataTools.setGroupIds({ data: newDataState === null || newDataState === void 0 ? void 0 : newDataState.data, group: dataState === null || dataState === void 0 ? void 0 : dataState.group });
|
|
32579
|
+
return newDataState;
|
|
32580
|
+
};
|
|
32581
|
+
var StyledGrid = styled__default["default"](kendoReactGrid.Grid)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject([""], [""])));
|
|
32582
|
+
var CustomCell = function (_a) {
|
|
32583
|
+
var _b;
|
|
32584
|
+
var props = _a.props;
|
|
32585
|
+
var _c = React__default["default"].useState(''), bgColor = _c[0], setBgColor = _c[1];
|
|
32586
|
+
React__default["default"].useEffect(function () {
|
|
32587
|
+
var _a, _b, _c;
|
|
32588
|
+
var isFieldAffected = ((_a = props === null || props === void 0 ? void 0 : props.dataItem) === null || _a === void 0 ? void 0 : _a.clipboardAction) &&
|
|
32589
|
+
((_b = props === null || props === void 0 ? void 0 : props.dataItem) === null || _b === void 0 ? void 0 : _b.clipboardAction.fields.indexOf(props.field)) !== -1;
|
|
32590
|
+
if (isFieldAffected) {
|
|
32591
|
+
var type = (_c = props === null || props === void 0 ? void 0 : props.dataItem) === null || _c === void 0 ? void 0 : _c.clipboardAction.type;
|
|
32592
|
+
if (type === kendoReactDataTools.ClipboardActionType.copy)
|
|
32593
|
+
setBgColor('skyblue');
|
|
32594
|
+
if (type === kendoReactDataTools.ClipboardActionType.paste)
|
|
32595
|
+
setBgColor('lightgreen');
|
|
32596
|
+
if (type === kendoReactDataTools.ClipboardActionType.cut)
|
|
32597
|
+
setBgColor('red');
|
|
32598
|
+
var timeout_1 = setTimeout(function () { return setBgColor(''); }, 500);
|
|
32599
|
+
return function () { return clearTimeout(timeout_1); };
|
|
32600
|
+
}
|
|
32601
|
+
}, [(_b = props === null || props === void 0 ? void 0 : props.dataItem) === null || _b === void 0 ? void 0 : _b.clipboardAction]);
|
|
32602
|
+
return (React__default["default"].createElement("td", __assign({}, props === null || props === void 0 ? void 0 : props.tdProps, { style: {
|
|
32603
|
+
backgroundColor: bgColor,
|
|
32604
|
+
} }), props === null || props === void 0 ? void 0 : props.children));
|
|
32605
|
+
};
|
|
32576
32606
|
var OkGrid = function (_a) {
|
|
32577
32607
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
32578
32608
|
var props = __rest(_a, []);
|
|
@@ -32606,36 +32636,6 @@ var OkGrid = function (_a) {
|
|
|
32606
32636
|
var _x = React__default["default"].useState(''); _x[0]; var setCopiedText = _x[1];
|
|
32607
32637
|
var _y = React__default["default"].useState([]); _y[0]; var setCopiedItems = _y[1];
|
|
32608
32638
|
var _z = React__default["default"].useState([]); _z[0]; var setPastedItems = _z[1];
|
|
32609
|
-
var processWithGroups = function (data, dataState) {
|
|
32610
|
-
var newDataState = kendoDataQuery.process(data, dataState);
|
|
32611
|
-
kendoReactDataTools.setGroupIds({ data: newDataState === null || newDataState === void 0 ? void 0 : newDataState.data, group: dataState === null || dataState === void 0 ? void 0 : dataState.group });
|
|
32612
|
-
return newDataState;
|
|
32613
|
-
};
|
|
32614
|
-
var StyledGrid = styled__default["default"](kendoReactGrid.Grid)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject([""], [""])));
|
|
32615
|
-
var CustomCell = function (_a) {
|
|
32616
|
-
var _b;
|
|
32617
|
-
var props = _a.props;
|
|
32618
|
-
var _c = React__default["default"].useState(''), bgColor = _c[0], setBgColor = _c[1];
|
|
32619
|
-
React__default["default"].useEffect(function () {
|
|
32620
|
-
var _a, _b, _c;
|
|
32621
|
-
var isFieldAffected = ((_a = props === null || props === void 0 ? void 0 : props.dataItem) === null || _a === void 0 ? void 0 : _a.clipboardAction) &&
|
|
32622
|
-
((_b = props === null || props === void 0 ? void 0 : props.dataItem) === null || _b === void 0 ? void 0 : _b.clipboardAction.fields.indexOf(props.field)) !== -1;
|
|
32623
|
-
if (isFieldAffected) {
|
|
32624
|
-
var type = (_c = props === null || props === void 0 ? void 0 : props.dataItem) === null || _c === void 0 ? void 0 : _c.clipboardAction.type;
|
|
32625
|
-
if (type === kendoReactDataTools.ClipboardActionType.copy)
|
|
32626
|
-
setBgColor('skyblue');
|
|
32627
|
-
if (type === kendoReactDataTools.ClipboardActionType.paste)
|
|
32628
|
-
setBgColor('lightgreen');
|
|
32629
|
-
if (type === kendoReactDataTools.ClipboardActionType.cut)
|
|
32630
|
-
setBgColor('red');
|
|
32631
|
-
var timeout_1 = setTimeout(function () { return setBgColor(''); }, 500);
|
|
32632
|
-
return function () { return clearTimeout(timeout_1); };
|
|
32633
|
-
}
|
|
32634
|
-
}, [(_b = props === null || props === void 0 ? void 0 : props.dataItem) === null || _b === void 0 ? void 0 : _b.clipboardAction]);
|
|
32635
|
-
return (React__default["default"].createElement("td", __assign({}, props === null || props === void 0 ? void 0 : props.tdProps, { style: {
|
|
32636
|
-
backgroundColor: bgColor,
|
|
32637
|
-
} }), props === null || props === void 0 ? void 0 : props.children));
|
|
32638
|
-
};
|
|
32639
32639
|
var isMatch = function (value) {
|
|
32640
32640
|
if (typeof value === 'object' && value !== null) {
|
|
32641
32641
|
return Object.values(value).some(function (nestedValue) {
|
|
@@ -32839,7 +32839,6 @@ var OkGrid = function (_a) {
|
|
|
32839
32839
|
React.useEffect(function () {
|
|
32840
32840
|
if (resetSelectedData && setResetSelectedData) {
|
|
32841
32841
|
setSelectedState({});
|
|
32842
|
-
setSelectedFilterData({});
|
|
32843
32842
|
setResetSelectedData(false);
|
|
32844
32843
|
}
|
|
32845
32844
|
}, [resetSelectedData, setResetSelectedData]);
|
|
@@ -32897,7 +32896,7 @@ var OkGrid = function (_a) {
|
|
|
32897
32896
|
data: resultState.data,
|
|
32898
32897
|
collapsedIds: collapsedIds,
|
|
32899
32898
|
});
|
|
32900
|
-
}, [resultState.data,
|
|
32899
|
+
}, [resultState.data, manuallyExpandedGroups]);
|
|
32901
32900
|
var columnConfigs = React.useMemo(function () {
|
|
32902
32901
|
var configs = [];
|
|
32903
32902
|
if (selectField === 'selected') {
|
|
@@ -33039,6 +33038,7 @@ var OkGrid = function (_a) {
|
|
|
33039
33038
|
var dateValue = new Date(value && typeof value === 'string' && !value.endsWith('Z')
|
|
33040
33039
|
? value + 'Z'
|
|
33041
33040
|
: value);
|
|
33041
|
+
console.log('ddd', dateValue);
|
|
33042
33042
|
var disabledCondition = !col.editable ||
|
|
33043
33043
|
(isNotSOUser &&
|
|
33044
33044
|
((_a = cellProps.dataItem) === null || _a === void 0 ? void 0 : _a.qcreadingid) !== null &&
|
|
@@ -33217,7 +33217,7 @@ var OkGrid = function (_a) {
|
|
|
33217
33217
|
setFilteredData(filtered);
|
|
33218
33218
|
}
|
|
33219
33219
|
else {
|
|
33220
|
-
setFilteredData([]);
|
|
33220
|
+
setFilteredData([]); // Show empty if null/undefined/empty string
|
|
33221
33221
|
}
|
|
33222
33222
|
}, [dataItem === null || dataItem === void 0 ? void 0 : dataItem[col === null || col === void 0 ? void 0 : col.filterByID], col === null || col === void 0 ? void 0 : col.data]);
|
|
33223
33223
|
return (React__default["default"].createElement("td", __assign({}, cellProps.tdProps),
|