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.
@@ -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$axiosRequest9, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
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
- var _props$axiosRequest3;
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$axiosRequest4 = props.axiosRequest) === null || _props$axiosRequest4 === void 0 ? void 0 : _props$axiosRequest4.requestData, (_props$axiosRequest5 = props.axiosRequest) === null || _props$axiosRequest5 === void 0 ? void 0 : _props$axiosRequest5.apiUrl, (_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.environmentUrl, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.requestQueryString, (_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.requestType, props.pageSize, props.isServerSide]);
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$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestData, getServerSide]);
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
- }, props.columns.map(function (col) {
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: props.columns[0].dataField,
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: props.columns[1].dataField,
17600
+ column: columns[1].dataField,
17579
17601
  summaryType: "sum",
17580
17602
  displayFormat: "customizeText",
17581
17603
  customizeText: renderTotalPaging