ods-component-lib 1.18.9 → 1.18.11
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/components/antd/timepicker/OdsTimepicker.styled.d.ts +1 -1
- package/dist/index.js +31 -9
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +33 -11
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/devextreme/OdsCustomDataSourceGrid.d.ts +0 -5
- package/dist/components/devextreme/OdsDatagridProps.d.ts +0 -2
- package/dist/components/devextreme/OdsRefactoredGrid.d.ts +0 -54
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").TimePickerProps & import("react").RefAttributes<any>> & {
|
|
2
|
+
export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("antd").TimePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "type" | "name" | "role" | "prefixCls" | "className" | "rootClassName" | "onMouseEnter" | "onMouseLeave" | "onClick" | "children" | "mode" | "id" | "direction" | "maxLength" | "tabIndex" | "autoFocus" | "placeholder" | "disabled" | "open" | "defaultOpen" | "maxTagCount" | "allowClear" | "suffixIcon" | "clearIcon" | "removeIcon" | "transitionName" | "dropdownClassName" | "placement" | "builtinPlacements" | "getPopupContainer" | "onBlur" | "onFocus" | "onKeyUp" | "onKeyDown" | "onMouseDown" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onSelect" | "value" | "defaultValue" | "onChange" | "size" | "bordered" | "variant" | "list" | "step" | "status" | "popupClassName" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "multiple" | "onOpenChange" | "locale" | "disabledDate" | "monthCellRender" | "cellRender" | "onPanelChange" | "classNames" | "styles" | "checked" | "required" | "accept" | "alt" | "autoComplete" | "capture" | "height" | "minLength" | "readOnly" | "src" | "width" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "showWeek" | "format" | "inputReadOnly" | "order" | "minDate" | "maxDate" | "defaultOpenValue" | "popupAlign" | "needConfirm" | "changeOnBlur" | "preserveInvalidOnBlur" | "components" | "inputRender" | "dateRender" | "showNow" | "showToday" | "panelRender" | "renderExtraFooter" | "showHour" | "showMinute" | "showSecond" | "showMillisecond" | "use12Hours" | "hourStep" | "minuteStep" | "secondStep" | "millisecondStep" | "hideDisabledOptions" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "disabledTime" | "changeOnScroll" | "onCalendarChange" | "onOk" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange" | "presets" | "popupStyle" | "addon"> & import("react").RefAttributes<any>> & {
|
|
3
3
|
RangePicker: import("react").ForwardRefExoticComponent<import("antd").TimeRangePickerProps & import("react").RefAttributes<any>>;
|
|
4
4
|
_InternalPanelDoNotUseOrYouWillBeFired: (props: Record<string | number | symbol, any>) => import("react").JSX.Element;
|
|
5
5
|
}, any, {}, never>;
|
package/dist/index.js
CHANGED
|
@@ -17119,7 +17119,7 @@ var loadedPageCount = 1;
|
|
|
17119
17119
|
var totalRecordCount = 0;
|
|
17120
17120
|
var useToken$1 = antd.theme.useToken;
|
|
17121
17121
|
var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
17122
|
-
var _props$axiosRequest2, _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$
|
|
17122
|
+
var _props$axiosRequest2, _props$axiosRequest3, _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
|
|
17123
17123
|
var _useToken = useToken$1(),
|
|
17124
17124
|
token = _useToken.token;
|
|
17125
17125
|
var _useState = React.useState([]),
|
|
@@ -17132,6 +17132,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17132
17132
|
var gridRef = React.useRef(null);
|
|
17133
17133
|
var _useState3 = React.useState(0),
|
|
17134
17134
|
filteredRowCount = _useState3[0];
|
|
17135
|
+
var _useState4 = React.useState(props.columns),
|
|
17136
|
+
columns = _useState4[0],
|
|
17137
|
+
setColumns = _useState4[1];
|
|
17135
17138
|
var headers = new Headers({
|
|
17136
17139
|
'Content-Type': 'application/json',
|
|
17137
17140
|
'Authorization': 'Bearer ' + (props.axiosRequest ? props.axiosRequest.token : ""),
|
|
@@ -17139,7 +17142,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17139
17142
|
});
|
|
17140
17143
|
React.useEffect(function () {
|
|
17141
17144
|
var _props$axiosRequest;
|
|
17142
|
-
if (Object.keys((_props$axiosRequest = props.axiosRequest) === null || _props$axiosRequest === void 0 ? void 0 : _props$axiosRequest.requestData).length > 0) {
|
|
17145
|
+
if (props.axiosRequest !== undefined && Object.keys((_props$axiosRequest = props.axiosRequest) === null || _props$axiosRequest === void 0 ? void 0 : _props$axiosRequest.requestData).length > 0) {
|
|
17143
17146
|
totalPageCount = 1;
|
|
17144
17147
|
loadedPageCount = 1;
|
|
17145
17148
|
totalRecordCount = 0;
|
|
@@ -17147,6 +17150,26 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17147
17150
|
fetchData();
|
|
17148
17151
|
}
|
|
17149
17152
|
}, [(_props$axiosRequest2 = props.axiosRequest) === null || _props$axiosRequest2 === void 0 ? void 0 : _props$axiosRequest2.requestData]);
|
|
17153
|
+
React.useEffect(function () {
|
|
17154
|
+
if (columns !== undefined && columns.length > 0) {
|
|
17155
|
+
var newColumns = columns.map(function (colItem) {
|
|
17156
|
+
if (colItem.tooltip !== undefined && colItem.tooltip.enable) {
|
|
17157
|
+
var headerCellRenderr = function headerCellRenderr() {
|
|
17158
|
+
return React__default.createElement("div", null, React__default.createElement("span", null, colItem.caption), React__default.createElement(antd.Tooltip, {
|
|
17159
|
+
title: colItem.tooltip.title
|
|
17160
|
+
}, React__default.createElement(icons.InfoCircleOutlined, {
|
|
17161
|
+
style: {
|
|
17162
|
+
marginLeft: 5
|
|
17163
|
+
}
|
|
17164
|
+
})));
|
|
17165
|
+
};
|
|
17166
|
+
colItem.headerCellRender = headerCellRenderr;
|
|
17167
|
+
}
|
|
17168
|
+
return colItem;
|
|
17169
|
+
});
|
|
17170
|
+
setColumns(newColumns);
|
|
17171
|
+
}
|
|
17172
|
+
}, [props.columns]);
|
|
17150
17173
|
React.useEffect(function () {
|
|
17151
17174
|
localization.locale(localStorage.getItem("locale"));
|
|
17152
17175
|
localization.loadMessages(JSON.parse(localStorage.getItem("localTranslation")));
|
|
@@ -17183,8 +17206,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17183
17206
|
};
|
|
17184
17207
|
var fetchData = React.useCallback(function () {
|
|
17185
17208
|
try {
|
|
17186
|
-
|
|
17187
|
-
if (Object.keys((_props$axiosRequest3 = props.axiosRequest) === null || _props$axiosRequest3 === void 0 ? void 0 : _props$axiosRequest3.requestData).length === 0) return Promise.resolve();
|
|
17209
|
+
if (props.axiosRequest == undefined) return Promise.resolve();
|
|
17188
17210
|
setIsLoading(true);
|
|
17189
17211
|
var _temp2 = function () {
|
|
17190
17212
|
if (props.isServerSide) {
|
|
@@ -17226,7 +17248,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17226
17248
|
} catch (e) {
|
|
17227
17249
|
return Promise.reject(e);
|
|
17228
17250
|
}
|
|
17229
|
-
}, [(_props$
|
|
17251
|
+
}, [(_props$axiosRequest3 = props.axiosRequest) === null || _props$axiosRequest3 === void 0 ? void 0 : _props$axiosRequest3.requestData, (_props$axiosRequest4 = props.axiosRequest) === null || _props$axiosRequest4 === void 0 ? void 0 : _props$axiosRequest4.apiUrl, (_props$axiosRequest5 = props.axiosRequest) === null || _props$axiosRequest5 === void 0 ? void 0 : _props$axiosRequest5.environmentUrl, (_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.requestQueryString, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.requestType, props.pageSize, props.isServerSide]);
|
|
17230
17252
|
var onEditorPreparing = React.useCallback(function (e) {
|
|
17231
17253
|
if (e.row !== undefined && e.parentType === 'dataRow') {
|
|
17232
17254
|
if (props.isServerSide) {
|
|
@@ -17363,7 +17385,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17363
17385
|
}, [kebabMenuButtons]);
|
|
17364
17386
|
var onScrollEnd = React.useCallback(function () {
|
|
17365
17387
|
getServerSide("reachedBottom");
|
|
17366
|
-
}, [(_props$
|
|
17388
|
+
}, [(_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.requestData, getServerSide]);
|
|
17367
17389
|
var handleScroll = function handleScroll(e) {
|
|
17368
17390
|
var run = debounce_1(function (e) {
|
|
17369
17391
|
var _scrollable$scrollTop, _scrollable$clientHei, _scrollable$scrollHei;
|
|
@@ -17426,7 +17448,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17426
17448
|
columnFixing: {
|
|
17427
17449
|
enabled: true
|
|
17428
17450
|
}
|
|
17429
|
-
},
|
|
17451
|
+
}, columns.map(function (col) {
|
|
17430
17452
|
return React__default.createElement(DataGrid.Column, Object.assign({
|
|
17431
17453
|
key: col.dataField
|
|
17432
17454
|
}, col, {
|
|
@@ -17570,12 +17592,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17570
17592
|
name: "exportButton",
|
|
17571
17593
|
cssClass: 'toolbarPanelItems'
|
|
17572
17594
|
})), React__default.createElement(DataGrid.Summary, null, React__default.createElement(DataGrid.TotalItem, {
|
|
17573
|
-
column:
|
|
17595
|
+
column: columns[0].dataField,
|
|
17574
17596
|
summaryType: "sum",
|
|
17575
17597
|
displayFormat: "customizeText",
|
|
17576
17598
|
customizeText: renderTotal
|
|
17577
17599
|
}), React__default.createElement(DataGrid.TotalItem, {
|
|
17578
|
-
column:
|
|
17600
|
+
column: columns[1].dataField,
|
|
17579
17601
|
summaryType: "sum",
|
|
17580
17602
|
displayFormat: "customizeText",
|
|
17581
17603
|
customizeText: renderTotalPaging
|