ods-component-lib 1.18.73 → 1.18.76

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.
@@ -0,0 +1,10 @@
1
+ import React, { CSSProperties, MouseEventHandler } from 'react';
2
+ import { BaseButtonProps } from 'antd/es/button/button';
3
+ import { ButtonHTMLType } from 'antd/es/button';
4
+ export interface IFloatButtonProps extends BaseButtonProps {
5
+ onClick?: MouseEventHandler<HTMLElement> | undefined;
6
+ htmlType?: ButtonHTMLType;
7
+ style?: CSSProperties | undefined;
8
+ }
9
+ declare function OdsFloatButton(props: any): React.JSX.Element;
10
+ export default OdsFloatButton;
@@ -0,0 +1 @@
1
+ export declare const StyledFloatButton: import("styled-components").StyledComponent<import("antd/es/float-button/interface").CompoundedComponent, any, {}, never>;
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import { FormProps, ButtonProps } from 'antd';
3
+ export interface IFormItemRuleProps {
4
+ required?: boolean;
5
+ message?: string;
6
+ }
7
+ export interface IFormItemProps {
8
+ label?: string;
9
+ name?: string;
10
+ formItemType: string;
11
+ rules?: IFormItemRuleProps[];
12
+ }
13
+ export interface IFormProps extends FormProps {
14
+ formItems: IFormItemProps[];
15
+ formButtons: ButtonProps[];
16
+ }
17
+ declare function OdsBasicForm(props: IFormProps): React.JSX.Element;
18
+ export default OdsBasicForm;
@@ -1,7 +1,7 @@
1
1
  import { ModalProps } from "antd";
2
2
  import React from "react";
3
- export interface IModalProps extends ModalProps {
4
- content: string;
3
+ export interface ICustomModalProps extends ModalProps {
4
+ content: React.ReactNode;
5
5
  }
6
- declare function OdsModal(props: IModalProps): React.JSX.Element;
6
+ declare function OdsModal(props: ICustomModalProps): React.JSX.Element;
7
7
  export default OdsModal;
@@ -0,0 +1,7 @@
1
+ import { ModalProps } from "antd";
2
+ import React from "react";
3
+ export interface IModalProps extends ModalProps {
4
+ content: string;
5
+ }
6
+ declare function OdsModalOld(props: IModalProps): React.JSX.Element;
7
+ export default OdsModalOld;
package/dist/index.d.ts CHANGED
@@ -20,7 +20,7 @@ import OdsSearch from "./components/antd/input/OdsSearch";
20
20
  import OdsTextArea from "./components/antd/input/OdsTextArea";
21
21
  import OdsInputNumber from "./components/antd/inputNumber/OdsInputNumber";
22
22
  import OdsList from "./components/antd/list/OdsList";
23
- import OdsModal from "./components/antd/modal/OdsModal";
23
+ import OdsModalOld from "./components/antd/modal/OdsModalOld";
24
24
  import OdsNotification from "./components/antd/notification/OdsNotification";
25
25
  import OdsRadio from "./components/antd/radio/OdsRadio";
26
26
  import OdsRadioGroup from "./components/antd/radio/OdsRadioGroup";
@@ -47,7 +47,7 @@ import DxTreeList from "./components/devextreme/treeview/DxTreeList";
47
47
  import OdsRemoteDataGrid from "./components/devextreme/OdsRemoteDataGrid";
48
48
  import OdsBadge from "./components/antd/badge/OdsBadge";
49
49
  import OdsBadgeRibbon from "./components/antd/badge/OdsBadgeRibbon";
50
- import OdsAdvanceModal from "./components/antd/modal/OdsAdvanceModal";
50
+ import OdsModal from "./components/antd/modal/OdsModal";
51
51
  export { OdsButton };
52
52
  export { OdsInput };
53
53
  export { OdsDropdownButton };
@@ -59,7 +59,7 @@ export { OdsPassword };
59
59
  export { OdsSearch };
60
60
  export { OdsTextArea };
61
61
  export { OdsCheckbox };
62
- export { OdsModal };
62
+ export { OdsModalOld };
63
63
  export { OdsDivider };
64
64
  export { OdsRate };
65
65
  export { OdsSwitch };
@@ -94,7 +94,7 @@ export { OdsBannerAlert };
94
94
  export { OdsMultiSelect };
95
95
  export { OdsBadge };
96
96
  export { OdsBadgeRibbon };
97
- export { OdsAdvanceModal };
97
+ export { OdsModal };
98
98
  export { OdsDataGrid };
99
99
  export { OdsDisplayGrid };
100
100
  export { OdsRemoteDataGrid };
package/dist/index.js CHANGED
@@ -605,7 +605,7 @@ function OdsList(props) {
605
605
  }, props.children)));
606
606
  }
607
607
 
608
- function OdsModal(props) {
608
+ function OdsModalOld(props) {
609
609
  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Modal, Object.assign({}, props, {
610
610
  open: props.open,
611
611
  onOk: props.onOk,
@@ -16703,6 +16703,32 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
16703
16703
  React.useEffect(function () {
16704
16704
  if (contentReady) checkSortingPropertyForInitilaize();
16705
16705
  }, [contentReady]);
16706
+ React.useEffect(function () {
16707
+ var cssRules = "\n .data-exists .dx-datagrid-borders > .dx-datagrid-filter-panel,\n .data-exists .dx-datagrid-borders > .dx-datagrid-headers {\n border-top: 1px solid rgba(0, 0, 0, 0.06);\n padding-right: 0px !important;\n }\n \n .data-exists .dx-datagrid-headers .dx-datagrid-content {\n margin-bottom: -1px;\n padding-right: 17px !important;\n }\n ";
16708
+ var styleSheet = document.createElement('style');
16709
+ styleSheet.type = 'text/css';
16710
+ styleSheet.innerText = cssRules;
16711
+ document.head.appendChild(styleSheet);
16712
+ var checkData = function checkData() {
16713
+ if (gridRef.current) {
16714
+ var _dataGridInstance = gridRef.current.instance;
16715
+ var dataExists = data.length > 0;
16716
+ var gridElement = _dataGridInstance.element();
16717
+ if (dataExists) {
16718
+ gridElement.classList.add('data-exists');
16719
+ } else {
16720
+ gridElement.classList.remove('data-exists');
16721
+ }
16722
+ }
16723
+ };
16724
+ var dataGridInstance = gridRef.current.instance;
16725
+ dataGridInstance.on('dataChanged', checkData);
16726
+ checkData();
16727
+ return function () {
16728
+ document.head.removeChild(styleSheet);
16729
+ dataGridInstance.off('dataChanged', checkData);
16730
+ };
16731
+ }, [data]);
16706
16732
  var checkSortingPropertyForInitilaize = function checkSortingPropertyForInitilaize() {
16707
16733
  var onOptionChanged = props.onOptionChanged;
16708
16734
  if (onOptionChanged) {
@@ -17234,17 +17260,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
17234
17260
  selectByClick: true,
17235
17261
  recursive: true
17236
17262
  })), React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
17263
+ text: props.pageTitle,
17237
17264
  location: "before",
17238
17265
  cssClass: 'toolbarTitleItem'
17239
- }, React__default.createElement(OdsTitle, {
17240
- level: 5,
17241
- style: {
17242
- display: "flex",
17243
- alignItems: "center",
17244
- alignSelf: "stretch",
17245
- margin: 0
17246
- }
17247
- }, props.pageTitle)), props.toolbarButtonGroup && Array.isArray(props.toolbarButtonGroup) && props.toolbarButtonGroup.map(function (buttonGroupItem, index) {
17266
+ }), props.toolbarButtonGroup && Array.isArray(props.toolbarButtonGroup) && props.toolbarButtonGroup.map(function (buttonGroupItem, index) {
17248
17267
  return React__default.createElement(DataGrid.Item, {
17249
17268
  key: "toolbar-button-" + index,
17250
17269
  location: "before"
@@ -17292,25 +17311,21 @@ function OdsBadgeRibbon(props) {
17292
17311
  }, React__default.createElement(StyledBadge.Ribbon, Object.assign({}, props), props.children)));
17293
17312
  }
17294
17313
 
17295
- var _excluded$2 = ["content"];
17296
- var OdsAdvanceModal = function OdsAdvanceModal(_ref) {
17297
- var content = _ref.content,
17298
- props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
17314
+ function OdsModal(props) {
17299
17315
  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Modal, Object.assign({}, props, {
17300
17316
  open: props.open,
17301
17317
  onOk: props.onOk,
17302
17318
  onCancel: props.onCancel
17303
- }), content), React__default.createElement(styled.ThemeProvider, {
17319
+ }), props.content), React__default.createElement(styled.ThemeProvider, {
17304
17320
  theme: lightTheme
17305
17321
  }, React__default.createElement(antd.Modal, Object.assign({}, props, {
17306
17322
  open: props.open,
17307
17323
  onOk: props.onOk,
17308
17324
  onCancel: props.onCancel
17309
- }), content)));
17310
- };
17325
+ }), props.content)));
17326
+ }
17311
17327
 
17312
17328
  exports.DxTreeList = DxTreeList;
17313
- exports.OdsAdvanceModal = OdsAdvanceModal;
17314
17329
  exports.OdsAlert = OdsAlert;
17315
17330
  exports.OdsAutoComplete = OdsAutoComplete;
17316
17331
  exports.OdsBadge = OdsBadge;
@@ -17336,6 +17351,7 @@ exports.OdsInputNumber = OdsInputNumber;
17336
17351
  exports.OdsLink = OdsLink;
17337
17352
  exports.OdsList = OdsList;
17338
17353
  exports.OdsModal = OdsModal;
17354
+ exports.OdsModalOld = OdsModalOld;
17339
17355
  exports.OdsMultiSelect = OdsMultiSelect;
17340
17356
  exports.OdsNotification = OdsNotification;
17341
17357
  exports.OdsParagraph = OdsParagraph;