ods-component-lib 1.4.4 → 1.5.0

package/dist/OdsDataGrid.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function OdsDataGrid(props: any): React.JSX.Element;
+export default OdsDataGrid;

package/dist/components/antd/button/OdsButton.styled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Partial<{
     href: string;
-    target?: string | undefined;
+    target?: "_self" | "_blank" | "_parent" | "_top" | (string & {}) | undefined;
     onClick?: ((event: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined;
 } & 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"> & {
     htmlType?: "button" | "submit" | "reset" | undefined;

package/dist/components/antd/calendar/OdsCalendar.d.ts

@@ -0,0 +1,4 @@
+import { CalendarProps } from 'antd';
+import React from 'react';
+declare function OdsCalendar(props: CalendarProps<any>): React.JSX.Element;
+export default OdsCalendar;

package/dist/components/antd/calendar/OdsCalendar.styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledCalendar: import("styled-components").StyledComponent<import("antd/es/calendar").CalendarType, any, {}, never>;

package/dist/components/antd/card/OdsCard.d.ts

@@ -0,0 +1,9 @@
+import { CardProps } from "antd";
+import React from "react";
+export interface ICardProps extends CardProps {
+    isEnableMeta?: boolean;
+    metaTitle?: string;
+    metaDescription?: string;
+}
+declare function OdsCard(props: ICardProps): React.JSX.Element;
+export default OdsCard;

package/dist/components/antd/card/OdsCard.styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/card/Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/components/antd/datepicker/OdsDateRangepicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { RangePickerProps } from 'antd/es/date-picker';
-declare function OdsDatepicker(props: RangePickerProps): React.JSX.Element;
-export default OdsDatepicker;
+declare function OdsDateRangePicker(props: RangePickerProps): React.JSX.Element;
+export default OdsDateRangePicker;

package/dist/components/antd/dropdown/OdsDropdown.d.ts

@@ -0,0 +1,7 @@
+import { DropDownProps } from "antd";
+import React from "react";
+export interface IDropDownProps extends DropDownProps {
+    menuItems?: any[];
+}
+declare function OdsCollapse(props: IDropDownProps): React.JSX.Element;
+export default OdsCollapse;

package/dist/components/antd/dropdown/OdsDropdown.styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledDropdown: import("styled-components").StyledComponent<import("react").FC<import("antd").DropDownProps> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd").DropDownProps) => import("react").JSX.Element;
+} & {
+    Button: import("react").FC<import("antd/es/dropdown").DropdownButtonProps>;
+}, any, {}, never>;

package/dist/components/antd/icon/OdsIcon.d.ts

@@ -4,6 +4,7 @@ export interface IconProps extends IconBaseProps {
     type: string;
     twoToneColor?: string;
     iconComponent?: string;
+    iconSVCName?: string;
 }
 declare function OdsIcon(props: IconProps): React.JSX.Element;
 export default OdsIcon;

package/dist/components/antd/list/OdsList.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ListProps } from "antd";
+export interface IListProps extends ListProps<any> {
+    headerText?: string;
+    footerText?: string;
+    data: any[];
+    showHeader: boolean;
+    showFooter: boolean;
+}
+declare function OdsList(props: IListProps): React.JSX.Element;
+export default OdsList;

package/dist/components/antd/list/OdsList.styled.d.ts

@@ -0,0 +1,2 @@
+import { List } from 'antd';
+export declare const StyledList: import("styled-components").StyledComponent<typeof List, any, {}, never>;

package/dist/components/antd/modal/OdsModal.d.ts

@@ -1,4 +1,7 @@
 import { ModalProps } from "antd";
 import React from "react";
-declare function OdsModal(props: ModalProps): React.JSX.Element;
+export interface IModalProps extends ModalProps {
+    content: string;
+}
+declare function OdsModal(props: IModalProps): React.JSX.Element;
 export default OdsModal;

package/dist/components/antd/spin/OdsSpin.d.ts

@@ -0,0 +1,4 @@
+import { SpinProps } from "antd";
+import React from "react";
+declare function OdsSpin(props: SpinProps): React.JSX.Element;
+export default OdsSpin;

package/dist/components/antd/spin/OdsSpin.styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledSpin: import("styled-components").StyledComponent<import("antd/es/spin").SpinFCType, any, {}, never>;

package/dist/components/antd/tab/OdsTab.d.ts

@@ -0,0 +1,4 @@
+import { TabsProps } from "antd";
+import React from "react";
+declare function OdsTab(props: TabsProps): React.JSX.Element;
+export default OdsTab;

package/dist/components/antd/tab/OdsTab.styled.d.ts

@@ -0,0 +1,2 @@
+import { Tabs } from 'antd';
+export declare const StyledTabs: import("styled-components").StyledComponent<typeof Tabs, any, {}, never>;

package/dist/components/antd/table/OdsBasicTable.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function OdsBasicTable(props: any): React.JSX.Element;
+export default OdsBasicTable;

package/dist/components/antd/table/OdsSelectableTable.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function OdsSelectableTable(props: any): React.JSX.Element;
+export default OdsSelectableTable;

package/dist/components/antd/tag/OdsTag.d.ts

@@ -0,0 +1,4 @@
+import { TagProps } from "antd";
+import React from "react";
+declare function OdsTag(props: TagProps): React.JSX.Element;
+export default OdsTag;

package/dist/components/antd/tag/OdsTag.styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledTag: import("styled-components").StyledComponent<import("antd").TagType, any, {}, never>;

package/dist/components/antd/timeline/OdsTimeline.d.ts

@@ -0,0 +1,4 @@
+import { TimelineProps } from "antd";
+import React from "react";
+declare function OdsTimeline(props: TimelineProps): React.JSX.Element;
+export default OdsTimeline;

package/dist/components/antd/timeline/OdsTimeline.styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledtTimeline: import("styled-components").StyledComponent<import("react").FC<import("antd").TimelineProps> & {
+    Item: import("react").FC<import("antd").TimelineItemProps>;
+}, any, {}, never>;

package/dist/components/devextreme/OdsDataGrid.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function OdsDataGrid(props: any): React.JSX.Element;
+export default OdsDataGrid;

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import OdsAutoComplete from "./components/antd/autocomplete/OdsAutoComplete";
 import OdsButton from "./components/antd/button/OdsButton";
 import OdsDropdownButton from "./components/antd/button/OdsDropdownButton";
 import OdsCheckbox from "./components/antd/checkbox/OdsCheckbox";
-import OdsDatepicker from "./components/antd/datepicker/OdsDateRangepicker";
+import OdsDatepicker from "./components/antd/datepicker/OdsDateRangePicker";
 import OdsDivider from "./components/antd/divider/OdsDivider";
 import OdsBasicForm from "./components/antd/form/OdsBasicForm";
 import OdsInput from "./components/antd/input/OdsInput.";
@@ -14,9 +14,9 @@ import OdsRadio from "./components/antd/radio/OdsRadio";
 import OdsRate from "./components/antd/rate/OdsRate";
 import OdsSelect from "./components/antd/select/OdsSelect";
 import OdsSwitch from "./components/antd/switch/OdsSwitch";
-import OdsTable from "./components/antd/table/OdsTable";
+import OdsTable from "./components/antd/table/OdsBasicTable";
 import OdsTimepicker from "./components/antd/timepicker/OdsTimepicker";
-import OdsDataGrid from "./components/devextreme/datagrid/OdsDataGrid";
+import OdsDataGrid from "./components/devextreme/OdsDataGrid";
 export { OdsButton };
 export { OdsInput };
 export { OdsDropdownButton };

package/dist/index.js

@@ -1,10 +1,10 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var React = require('react');
-var React__default = _interopDefault(React);
+var React = _interopDefault(require('react'));
 var antd = require('antd');
 var styled = _interopDefault(require('styled-components'));
 var icons = require('@ant-design/icons');
+var Parser = _interopDefault(require('html-react-parser'));
 var dataGrid = require('devextreme-react/data-grid');
 
 function _taggedTemplateLiteralLoose(strings, raw) {
@@ -19,14 +19,14 @@ var _templateObject;
 var StyledAutoComplete = styled(antd.AutoComplete)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsAutoComplete(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledAutoComplete, Object.assign({}, props), props.children));
+  return React.createElement(React.Fragment, null, React.createElement(StyledAutoComplete, Object.assign({}, props), props.children));
 }
 
 var _templateObject$1;
 var StyledButton = styled(antd.Button)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  box-shadow: none;\n"])));
 
 function OdsButton(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledButton, Object.assign({}, props), props.children));
+  return React.createElement(React.Fragment, null, React.createElement(StyledButton, Object.assign({}, props), props.children));
 }
 
 var onMenuClick = function onMenuClick(e) {
@@ -43,7 +43,7 @@ var items = [{
   label: '3rd item'
 }];
 function OdsDropdownButton(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Dropdown.Button, {
+  return React.createElement(React.Fragment, null, React.createElement(antd.Dropdown.Button, {
     menu: {
       items: items,
       onClick: onMenuClick
@@ -55,14 +55,14 @@ var _templateObject$2;
 var StyledCheckbox = styled(antd.Checkbox)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  box-shadow: none;\n"])));
 
 function OdsCheckbox(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledCheckbox, Object.assign({}, props)));
+  return React.createElement(React.Fragment, null, React.createElement(StyledCheckbox, Object.assign({}, props)));
 }
 
 var _templateObject$3;
 var StyledDatepicker = styled(antd.DatePicker)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
 
-function OdsDatepicker(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledDatepicker.RangePicker, Object.assign({}, props, {
+function OdsDateRangePicker(props) {
+  return React.createElement(React.Fragment, null, React.createElement(StyledDatepicker.RangePicker, Object.assign({}, props, {
     style: {
       width: '100%'
     }
@@ -73,14 +73,14 @@ var _templateObject$4;
 var StyledDivider = styled(antd.Divider)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsDivider(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledDivider, Object.assign({}, props)));
+  return React.createElement(React.Fragment, null, React.createElement(StyledDivider, Object.assign({}, props)));
 }
 
 var _templateObject$5;
 var StyledInput = styled(antd.Input)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsInput(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledInput, Object.assign({}, props), props.children));
+  return React.createElement(React.Fragment, null, React.createElement(StyledInput, Object.assign({}, props), props.children));
 }
 
 var layout = {
@@ -94,9 +94,9 @@ var layout = {
 function renderElement(type) {
   switch (type) {
     case 'text':
-      return React__default.createElement(OdsInput, null);
+      return React.createElement(OdsInput, null);
     default:
-      return React__default.createElement(OdsInput, null);
+      return React.createElement(OdsInput, null);
   }
 }
 function OdsBasicForm(props) {
@@ -106,18 +106,17 @@ function OdsBasicForm(props) {
   var onFinishFailed = function onFinishFailed(errorInfo) {
     console.log('Failed:', errorInfo);
   };
-  return React__default.createElement(antd.Form, Object.assign({
+  return React.createElement(antd.Form, Object.assign({
     onFinish: onFinish,
     onFinishFailed: onFinishFailed
-  }, layout), props.formItems.map(function (formItem, i) {
-    return React__default.createElement(antd.Form.Item, {
+  }, layout), props.formItems.map(function (formItem) {
+    return React.createElement(antd.Form.Item, {
       label: formItem.label,
       name: formItem.name,
-      key: i,
       rules: formItem.rules
     }, renderElement(formItem.formItemType));
   }), props.formButtons.map(function (formButton) {
-    React__default.createElement(antd.Form.Item, null, React__default.createElement(OdsButton, {
+    React.createElement(antd.Form.Item, null, React.createElement(OdsButton, {
       type: formButton.type,
       htmlType: formButton.htmlType
     }, formButton.children));
@@ -125,79 +124,72 @@ function OdsBasicForm(props) {
 }
 
 function OdsPassword(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledInput.Password, Object.assign({}, props, {
+  return React.createElement(React.Fragment, null, React.createElement(StyledInput.Password, Object.assign({}, props, {
     iconRender: function iconRender(visible) {
-      return visible ? React__default.createElement(icons.EyeTwoTone, null) : React__default.createElement(icons.EyeInvisibleOutlined, null);
+      return visible ? React.createElement(icons.EyeTwoTone, null) : React.createElement(icons.EyeInvisibleOutlined, null);
     }
-  })));
+  }), " ", props.children));
 }
 
 function OdsSearch(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledInput.Search, Object.assign({}, props), props.children));
+  return React.createElement(React.Fragment, null, React.createElement(StyledInput.Search, Object.assign({}, props), props.children));
 }
 
 function OdsTextArea(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledInput.TextArea, Object.assign({}, props)));
+  return React.createElement(React.Fragment, null, React.createElement(StyledInput.TextArea, Object.assign({}, props), props.children));
 }
 
 function OdsModal(props) {
-  var _useState = React.useState(false),
-    isModalOpen = _useState[0],
-    setIsModalOpen = _useState[1];
-  var handleOk = function handleOk() {
-    setIsModalOpen(false);
-  };
-  var handleCancel = function handleCancel() {
-    setIsModalOpen(false);
-  };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Modal, Object.assign({}, props, {
-    open: isModalOpen,
-    onOk: handleOk,
-    onCancel: handleCancel
-  }), React__default.createElement("p", null, "Some contents..."), React__default.createElement("p", null, "Some contents..."), React__default.createElement("p", null, "Some contents...")));
+  return React.createElement(React.Fragment, null, React.createElement(antd.Modal, Object.assign({}, props, {
+    open: props.open,
+    onOk: props.onOk,
+    onCancel: props.onCancel
+  }), React.createElement("div", {
+    className: "content"
+  }, Parser(props.content))));
 }
 
 var _templateObject$6;
 var StyledRadio = styled(antd.Radio)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsRadio(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledRadio, Object.assign({}, props)));
+  return React.createElement(React.Fragment, null, React.createElement(StyledRadio, Object.assign({}, props), props.children));
 }
 
 var _templateObject$7;
 var StyledRate = styled(antd.Rate)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 var customIcons = {
-  1: React__default.createElement(icons.FrownOutlined, null),
-  2: React__default.createElement(icons.FrownOutlined, null),
-  3: React__default.createElement(icons.MehOutlined, null),
-  4: React__default.createElement(icons.SmileOutlined, null),
-  5: React__default.createElement(icons.SmileOutlined, null),
-  6: React__default.createElement(icons.HeartOutlined, null)
+  1: React.createElement(icons.FrownOutlined, null),
+  2: React.createElement(icons.FrownOutlined, null),
+  3: React.createElement(icons.MehOutlined, null),
+  4: React.createElement(icons.SmileOutlined, null),
+  5: React.createElement(icons.SmileOutlined, null),
+  6: React.createElement(icons.HeartOutlined, null)
 };
 function OdsRate(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledRate, Object.assign({}, props)));
+  return React.createElement(React.Fragment, null, React.createElement(StyledRate, Object.assign({}, props)));
 }
 
 var _templateObject$8;
 var StyledSelect = styled(antd.Select)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
 
 function OdsSelect(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledSelect, Object.assign({}, props)));
+  return React.createElement(React.Fragment, null, React.createElement(StyledSelect, Object.assign({}, props)));
 }
 
 var _templateObject$9;
 var StyledSwitch = styled(antd.Switch)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsSwitch(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledSwitch, Object.assign({}, props)));
+  return React.createElement(React.Fragment, null, React.createElement(StyledSwitch, Object.assign({}, props)));
 }
 
 var _templateObject$a;
 var StyledTable = styled(antd.Table)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n //\n"])));
 
-function OdsTable(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTable, Object.assign({}, props)));
+function OdsBasicTable(props) {
+  return React.createElement(React.Fragment, null, React.createElement(StyledTable, Object.assign({}, props)));
 }
 
 var _templateObject$b;
@@ -215,7 +207,7 @@ var dayjs_min = createCommonjsModule(function (module, exports) {
 
 function OdsTimepicker(props) {
   var format = 'HH:mm';
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTimepicker, Object.assign({}, props, {
+  return React.createElement(React.Fragment, null, React.createElement(StyledTimepicker, Object.assign({}, props, {
     defaultValue: dayjs_min('00:00', format)
   })));
 }
@@ -224,28 +216,28 @@ function OdsDataGrid(props) {
   return grid(props);
 }
 function grid(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(dataGrid.DataGrid, {
+  return React.createElement(React.Fragment, null, React.createElement(dataGrid.DataGrid, {
     dataSource: props.dataSource,
     columnAutoWidth: props.columnAutoWidth,
     allowColumnReordering: props.allowColumnReordering,
     keyExpr: props.keyExpr
-  }, props.searcEnable && React__default.createElement(dataGrid.SearchPanel, {
+  }, props.searchEnable && React.createElement(dataGrid.SearchPanel, {
     visible: true
-  }), props.filterEnable && React__default.createElement(dataGrid.FilterRow, {
+  }), props.filterEnable && React.createElement(dataGrid.FilterRow, {
     visible: true
-  }), props.columnChooserEnable && React__default.createElement(dataGrid.ColumnChooser, {
+  }), props.columnChooserEnable && React.createElement(dataGrid.ColumnChooser, {
     enabled: true
-  }), ",", props.editEnable && React__default.createElement(dataGrid.Editing, {
+  }), props.editEnable && React.createElement(dataGrid.Editing, {
     mode: props.edit.mode,
     allowUpdating: true,
     allowDeleting: true,
     allowAdding: true
   }), props.columns.map(function (col) {
-    React__default.createElement(dataGrid.Column, {
+    React.createElement(dataGrid.Column, {
       dataField: col.dataField,
       sortOrder: col.sortOrder != undefined ? col.sortOrder : "asc",
       dataType: col.dataType != undefined ? col.dataType : ""
-    }, col.required && React__default.createElement(dataGrid.RequiredRule, null));
+    }, col.required && React.createElement(dataGrid.RequiredRule, null));
   })));
 }
 
@@ -254,7 +246,7 @@ exports.OdsBasicForm = OdsBasicForm;
 exports.OdsButton = OdsButton;
 exports.OdsCheckbox = OdsCheckbox;
 exports.OdsDataGrid = OdsDataGrid;
-exports.OdsDatepicker = OdsDatepicker;
+exports.OdsDatepicker = OdsDateRangePicker;
 exports.OdsDivider = OdsDivider;
 exports.OdsDropdownButton = OdsDropdownButton;
 exports.OdsInput = OdsInput;
@@ -265,7 +257,7 @@ exports.OdsRate = OdsRate;
 exports.OdsSearch = OdsSearch;
 exports.OdsSelect = OdsSelect;
 exports.OdsSwitch = OdsSwitch;
-exports.OdsTable = OdsTable;
+exports.OdsTable = OdsBasicTable;
 exports.OdsTextArea = OdsTextArea;
 exports.OdsTimepicker = OdsTimepicker;
 //# sourceMappingURL=index.js.map