ods-component-lib 1.18.10 → 1.18.12

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
@@ -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 : ""),
@@ -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")));
@@ -17372,7 +17395,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
17372
17395
  var scrollHeight = (_scrollable$scrollHei = scrollable === null || scrollable === void 0 ? void 0 : scrollable.scrollHeight) != null ? _scrollable$scrollHei : 0;
17373
17396
  var maxHeight = Math.max(top, height, scrollHeight) - 1;
17374
17397
  var reachedBottom = Math.ceil(top + height) >= maxHeight;
17375
- console.log("reachedBottom", Math.ceil(top + height), maxHeight, reachedBottom);
17376
17398
  var lastScrollTop = 0;
17377
17399
  if (top < lastScrollTop) {
17378
17400
  return;
@@ -17395,7 +17417,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
17395
17417
  }
17396
17418
  };
17397
17419
  }, [data.length]);
17398
- return React__default.createElement(React__default.Fragment, null, React__default.createElement(DataGrid__default, {
17420
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement(DataGrid__default, Object.assign({
17399
17421
  keyExpr: props.keyExpr,
17400
17422
  dataSource: props.isServerSide ? data : props.dataSource,
17401
17423
  showBorders: true,
@@ -17425,7 +17447,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
17425
17447
  columnFixing: {
17426
17448
  enabled: true
17427
17449
  }
17428
- }, props.columns.map(function (col) {
17450
+ }, props), columns.map(function (col) {
17429
17451
  return React__default.createElement(DataGrid.Column, Object.assign({
17430
17452
  key: col.dataField
17431
17453
  }, col, {
@@ -17569,12 +17591,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
17569
17591
  name: "exportButton",
17570
17592
  cssClass: 'toolbarPanelItems'
17571
17593
  })), React__default.createElement(DataGrid.Summary, null, React__default.createElement(DataGrid.TotalItem, {
17572
- column: props.columns[0].dataField,
17594
+ column: columns[0].dataField,
17573
17595
  summaryType: "sum",
17574
17596
  displayFormat: "customizeText",
17575
17597
  customizeText: renderTotal
17576
17598
  }), React__default.createElement(DataGrid.TotalItem, {
17577
- column: props.columns[1].dataField,
17599
+ column: columns[1].dataField,
17578
17600
  summaryType: "sum",
17579
17601
  displayFormat: "customizeText",
17580
17602
  customizeText: renderTotalPaging