ods-component-lib 1.13.14 → 1.13.15

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.
@@ -2,8 +2,8 @@
2
2
  export declare const StyledAutoComplete: import("styled-components").StyledComponent<(<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: import("antd").AutoCompleteProps<ValueType, OptionType> & {
3
3
  children?: import("react").ReactNode;
4
4
  } & {
5
- ref?: ((instance: import("antd").RefSelectProps | null) => void) | import("react").RefObject<import("antd").RefSelectProps> | null | undefined;
6
- }) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>) & {
5
+ ref?: import("react").Ref<import("antd").RefSelectProps>;
6
+ }) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any>) | (new (props: any) => import("react").Component<any, any, any>)>) & {
7
7
  Option: import("rc-select/lib/Option").OptionFC;
8
8
  _InternalPanelDoNotUseOrYouWillBeFired: any;
9
9
  }, any, {}, never>;
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Partial<{
3
3
  href: string;
4
- target?: "_self" | "_blank" | "_parent" | "_top" | (string & {}) | undefined;
5
- onClick?: ((event: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined;
4
+ target?: import("react").HTMLAttributeAnchorTarget;
5
+ onClick?: (event: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
6
6
  } & import("antd/es/button/button").BaseButtonProps & Pick<import("react").AnchorHTMLAttributes<HTMLButtonElement | HTMLAnchorElement>, "slot" | "style" | "title" | "role" | "className" | "onMouseEnter" | "onMouseLeave" | "children" | "id" | "tabIndex" | "autoFocus" | "placeholder" | "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" | "defaultValue" | "onChange" | "download" | "href" | "hrefLang" | "media" | "ping" | "target" | "referrerPolicy" | "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" | "onInvalid" | "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"> & {
7
- htmlType?: "button" | "submit" | "reset" | undefined;
8
- onClick?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
7
+ htmlType?: "button" | "submit" | "reset";
8
+ onClick?: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
9
9
  } & Pick<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "form" | "slot" | "style" | "title" | "name" | "role" | "className" | "onMouseEnter" | "onMouseLeave" | "children" | "id" | "tabIndex" | "autoFocus" | "placeholder" | "disabled" | "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" | "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" | "onInvalid" | "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">> & import("react").RefAttributes<HTMLElement>> & {
10
10
  Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
11
11
  }, any, {}, never>;
@@ -2,8 +2,8 @@
2
2
  export declare const StyledInputNumber: import("styled-components").StyledComponent<(<T extends import("react").ReactText = import("react").ReactText>(props: import("antd").InputNumberProps<T> & {
3
3
  children?: import("react").ReactNode;
4
4
  } & {
5
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
6
- }) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>) & {
7
- displayName?: string | undefined;
5
+ ref?: import("react").Ref<HTMLInputElement>;
6
+ }) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any>) | (new (props: any) => import("react").Component<any, any, any>)>) & {
7
+ displayName?: string;
8
8
  _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd").InputNumberProps<any>) => import("react").JSX.Element;
9
9
  }, any, {}, never>;
@@ -1,2 +1,2 @@
1
- declare const OdsNotification: (props: any) => null;
1
+ declare const OdsNotification: (props: any) => any;
2
2
  export default OdsNotification;
@@ -2,8 +2,8 @@
2
2
  export declare const StyledSelect: import("styled-components").StyledComponent<(<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: import("antd").SelectProps<ValueType, OptionType> & {
3
3
  children?: import("react").ReactNode;
4
4
  } & {
5
- ref?: ((instance: import("antd").RefSelectProps | null) => void) | import("react").RefObject<import("antd").RefSelectProps> | null | undefined;
6
- }) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>) & {
5
+ ref?: import("react").Ref<import("antd").RefSelectProps>;
6
+ }) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any>) | (new (props: any) => import("react").Component<any, any, any>)>) & {
7
7
  SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
8
8
  Option: import("rc-select/lib/Option").OptionFC;
9
9
  OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
@@ -1,4 +1,3 @@
1
1
  import React from "react";
2
- import "./DxDataGrid.css";
3
- declare function OdsDataGrid(props: any): React.JSX.Element;
4
- export default OdsDataGrid;
2
+ declare function OdsProfDataGrid(props: any): React.JSX.Element;
3
+ export default OdsProfDataGrid;
package/dist/index.js CHANGED
@@ -1467,10 +1467,7 @@ var customizeBooleanColumnRender$1 = function customizeBooleanColumnRender(e) {
1467
1467
  color: tagColor
1468
1468
  }, e.value ? 'Active' : 'Passive');
1469
1469
  };
1470
- function OdsDataGrid$1(props) {
1471
- return grid$2(props);
1472
- }
1473
- function grid$2(props) {
1470
+ function OdsProfDataGrid(props) {
1474
1471
  var _useState = React.useState(true),
1475
1472
  showPageSizeSelector = _useState[0],
1476
1473
  setShowPageSizeSelector = _useState[1];
@@ -1488,7 +1485,7 @@ function grid$2(props) {
1488
1485
  };
1489
1486
  var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
1490
1487
  var onExporting = function onExporting(e) {
1491
- if (e.format === 'xlsx') {
1488
+ if (e.format === 'excel') {
1492
1489
  var workbook = new exceljs.Workbook();
1493
1490
  excel_exporter.exportDataGrid({
1494
1491
  component: e.component,
@@ -1512,9 +1509,6 @@ function grid$2(props) {
1512
1509
  });
1513
1510
  }
1514
1511
  };
1515
- var showPageSizeSelectorChange = function showPageSizeSelectorChange(value) {
1516
- setShowPageSizeSelector(value);
1517
- };
1518
1512
  var onEnablePagingChange = function onEnablePagingChange(value) {
1519
1513
  setEnablePaging(value);
1520
1514
  refreshGrid();
@@ -1532,6 +1526,9 @@ function grid$2(props) {
1532
1526
  dataGridRef.current.instance.refresh();
1533
1527
  }
1534
1528
  };
1529
+ var handleCheckboxChange = function handleCheckboxChange(e) {
1530
+ setShowPageSizeSelector(e);
1531
+ };
1535
1532
  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
1536
1533
  className: "odsDatagrid",
1537
1534
  style: {
@@ -1668,8 +1665,7 @@ function grid$2(props) {
1668
1665
  }
1669
1666
  }(), React__default.createElement(dataGrid.Toolbar, null, React__default.createElement(dataGrid.Item, {
1670
1667
  location: "after"
1671
- }, React__default.createElement(OdsButton, {
1672
- type: "primary",
1668
+ }, React__default.createElement(dataGrid.Button, {
1673
1669
  onClick: props.onAddButton
1674
1670
  }, "Add New")), React__default.createElement(dataGrid.Item, {
1675
1671
  location: "after"
@@ -1677,19 +1673,19 @@ function grid$2(props) {
1677
1673
  id: 'showPageSizes',
1678
1674
  text: 'Show Page Size',
1679
1675
  value: showPageSizeSelector,
1680
- onValueChange: showPageSizeSelectorChange
1676
+ onValueChanged: handleCheckboxChange
1681
1677
  })), React__default.createElement(dataGrid.Item, {
1682
1678
  location: "after"
1683
1679
  }, React__default.createElement(devextremeReact.CheckBox, {
1684
1680
  id: 'showPages',
1685
1681
  text: 'Enable Paging',
1686
1682
  value: enablePaging,
1687
- onValueChange: onEnablePagingChange
1683
+ onValueChanged: onEnablePagingChange
1688
1684
  })), React__default.createElement(dataGrid.Item, {
1689
1685
  location: "after"
1690
- }, React__default.createElement(OdsSelect, {
1686
+ }, React__default.createElement(devextremeReact.Lookup, {
1691
1687
  value: "standard",
1692
- options: [{
1688
+ dataSource: [{
1693
1689
  value: "standard",
1694
1690
  label: "standard"
1695
1691
  }, {
@@ -1699,7 +1695,7 @@ function grid$2(props) {
1699
1695
  value: "infinite",
1700
1696
  label: "infinite"
1701
1697
  }],
1702
- onChange: handleScrollingTypeChange
1698
+ onValueChange: handleScrollingTypeChange
1703
1699
  })), React__default.createElement(dataGrid.Item, {
1704
1700
  name: "columnChooserButton"
1705
1701
  }), React__default.createElement(dataGrid.Item, {
@@ -1813,7 +1809,7 @@ exports.OdsNotification = OdsNotification;
1813
1809
  exports.OdsParagraph = OdsParagraph;
1814
1810
  exports.OdsPassword = OdsPassword;
1815
1811
  exports.OdsPhoneInput = OdsPhoneInput;
1816
- exports.OdsProfDataGrid = OdsDataGrid$1;
1812
+ exports.OdsProfDataGrid = OdsProfDataGrid;
1817
1813
  exports.OdsRadio = OdsRadio;
1818
1814
  exports.OdsRadioGroup = OdsRadioGroup;
1819
1815
  exports.OdsRangeTimepicker = OdsRangeTimepicker;