ods-component-lib 1.17.197 → 1.18.1

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const DynamicIcon: ({ iconName }: {
+    iconName: any;
+}) => React.JSX.Element;
+export default DynamicIcon;

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

@@ -0,0 +1,55 @@
+import React from "react";
+import { IDataGridOptions, IEditingProps, ISelectionProps, IButtonProps } from 'devextreme-react/data-grid';
+interface IButtonGroup extends IButtonProps {
+    type?: string;
+    label?: string;
+    onclick?: React.MouseEventHandler<HTMLElement>;
+    actionPermission?: boolean;
+}
+interface IEditingoptions extends IEditingProps {
+    formItems?: any[];
+    title?: string;
+}
+interface ISelectOptions extends ISelectionProps {
+    selectEnable: boolean;
+}
+interface IOdsDataGridProps extends IDataGridOptions {
+    actionButtonGroup?: IButtonGroup[];
+    toolbarButtonGroup?: IButtonGroup[];
+    exportFileName?: string;
+    summaryTotalColumnName?: string;
+    storeState?: boolean;
+    summaryTotalDataCount?: number;
+    summaryTotalDataDisplayLabel?: string;
+    summaryTotalPagesize?: number;
+    editHintLabel?: string;
+    editButtonClick?: any;
+    deleteButtonClick?: any;
+    pageTitle?: string;
+    pageSize?: number;
+    pagingEnable?: boolean;
+    searchEnable?: boolean;
+    filterEnable?: boolean;
+    headerFilterEnable?: boolean;
+    columnChooserPositionDisabled?: boolean;
+    editEnable?: boolean;
+    popupTitle?: string;
+    scroll?: any;
+    exportEnable?: boolean;
+    customPopup?: boolean;
+    onExportingCustom?: any;
+    filterEnabledShow?: boolean;
+    scrolUseNative?: boolean;
+    formItems?: any[];
+    hintForDeleteButton?: string;
+    hintForEditButton?: string;
+    exportFormats?: string[];
+    actionPermission?: boolean;
+    columns: any[];
+    actionColumnEnable?: boolean;
+    edit?: IEditingoptions;
+    selectOptions?: ISelectOptions;
+    actionColumnCaption?: string;
+}
+declare function OdsDataGridNew(props: IOdsDataGridProps): React.JSX.Element;
+export default OdsDataGridNew;

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

@@ -1,27 +1,39 @@
 import React from 'react';
-interface DataGridProps {
-    isApplyButtonClicked: boolean;
-    token: string;
+import { IDataGridOptions, IButtonProps, ISelectionProps, IEditingProps } from 'devextreme-react/data-grid';
+interface IOdsDataGridProps extends IDataGridOptions {
+    token?: string;
+    isApplyButtonClicked?: boolean;
     language: string;
-    requestData: any;
-    apiUrl: string;
+    requestData?: any;
+    apiUrl?: string;
     exportFileName: string;
     filterEnabledShow: boolean;
-    columns: IDataGridColumn[];
-    pageTitle: string;
+    pageTitle?: string;
     toolbarButtonGroup?: IButtonGroup[];
+    actionButtonGroup?: IButtonGroup[];
     key: string;
+    columns: any[];
+    pageSize: number;
+    actionColumnEnable: boolean;
+    selectOptions?: ISelectOptions;
+    columnChooserPositionDisabled?: boolean;
+    pagingEnable?: boolean;
+    edit?: IEditingoptions;
+    isServerSide: boolean;
+    actionColumnCaption?: string;
 }
-interface IDataGridColumn {
-    dataField: string;
-    dataType: string;
-    caption: string;
-    visible?: boolean;
+interface IEditingoptions extends IEditingProps {
+    formItems?: any[];
+    title?: string;
 }
-interface IButtonGroup {
-    type: string;
-    label: string;
-    onclick: React.MouseEventHandler<HTMLElement>;
+interface ISelectOptions extends ISelectionProps {
+    selectEnable: boolean;
 }
-declare const OdsRemoteDataGrid: (props: DataGridProps) => React.JSX.Element;
+interface IButtonGroup extends IButtonProps {
+    type?: string;
+    label?: string;
+    onclick?: React.MouseEventHandler<HTMLElement>;
+    actionPermission?: boolean;
+}
+declare const OdsRemoteDataGrid: (props: IOdsDataGridProps) => React.JSX.Element;
 export default OdsRemoteDataGrid;

package/dist/index.css

@@ -74,4 +74,163 @@ tr:first-child {
 
 ._1hTxK._3umXw {
   background-color: #E6F4FF;
+}
+
+._3XxAq{
+  max-width: 230px;
+  min-width: 230px;
+}
+
+
+
+._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._q4jkZ ._1UPzZ, ._1GEDH + ._1UPzZ, ._1UPzZ._4V16J {
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._q4jkZ > ._1GEDH, ._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
+  border-left: 1px solid rgba(0, 0, 0, 0.06);
+  border-right: 1px solid rgba(0, 0, 0, 0.06);
+  border-radius: 5px;
+}
+
+._q4jkZ > ._3mbXf, ._q4jkZ > ._1GEDH {
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._1GEDH ._2NiLf ._2CvVM > td {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._36VXO ._3udtX > td {
+  border-left: 1px solid rgba(0, 0, 0, 0.06);
+  border-right: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+._1GEDH {
+  border-bottom: none; 
+}
+
+._2jY0l {
+  padding: 8px 16px 0 16px;
+}
+
+._2P5bw{
+  font-family: Manrope;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 22px;
+}
+
+._1GEDH {
+  color: #000000E0;
+}
+
+
+._pljbP {
+  border-radius: 6px;
+}
+
+._3nKdN, ._23Fql {
+  background-color: #E6F4FF;
+}
+
+._1hTxK._3umXw {
+  background-color: #E6F4FF;
+}
+
+
+._14hGA{
+  border-radius: 6px;
+  border: 1px solid var(--colorPrimaryBase, #1677FF);
+  background: var(--colorPrimaryBase, #1677FF);
+  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
+
+}
+
+
+/*.dx-item-content.dx-toolbar-item-content  {
+ padding: 0 16px;
+}
+ .dx-toolbar-after .dx-toolbar-item, .dx-toolbar-after .dx-toolbar-item:last-child {
+  padding: 0 0 0 12px !important;
+}*/
+
+._3YUEG > ._3PA4V, ._3YUEG._3PA4V, ._nCVgW > ._3PA4V, ._nCVgW._3PA4V {
+  width: 150px;
+  border-radius: 6px;
+}
+
+._2jY0l ._39Ful {
+  margin-bottom: 8px !important;
+}
+
+._3UDfa._1YpJq._jgr8O._1nt2x._rCTdR._1p-OE._3HXdb._1Niat {
+  border-radius: 6px;
+}
+
+/* .dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-icon.dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-buttongroup-first-item.dx-buttongroup-last-item.dx-shape-standard.dx-dropdownbutton-action.dx-buttongroup-item-has-width {
+  border-radius: 6px;
+}
+
+.dx-header-title{
+  color: var(--colorTextHeading, var(--colorText, rgba(0, 0, 0, 0.88)));
+  font-family: Manrope;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 24px;
+  margin-bottom:0 !important;
+} */
+
+tr._2CvVM._3Xrp3._19iuB._3udtX {
+  height: 38px;
+}
+
+._36VXO._8U8_Y._q4jkZ {
+  border-radius: 16px;
+}
+
+._3mbXf {
+  border-radius: 6px;
+}
+
+._36VXO ._8U8_Y ._q4jkZ {
+  border: 1px solid rgba(0, 0, 0, 0.06);
+}
+/*.dx-item.dx-toolbar-item.dx-toolbar-button {
+  padding: 0 16px 0 0 0 !important;
+}*/
+
+._1GEDH._HwHQd._1Dint{
+  padding: 0 !important;
+}
+
+
+._3XxAq{
+  max-width: 230px;
+  min-width: 230px;
+}
+
+._1vjE3 ._3WQXH {
+  width: 100%;
+}
+
+._33d3- {  
+  overflow: visible;  
+}  
+
+
+._206-B ._1IVO- {
+  padding-left: 12px !important;
+}
+
+._39Ful ._1IVO- {
+  padding: 0;
+  /* -webkit-padding-end: 5px; */
+  padding-inline-end: 0 !important;
 }

package/dist/index.d.ts

@@ -47,10 +47,10 @@ import OdsLogin from "./components/custom/OdsLogin";
 import OdsDataGrid from "./components/devextreme/OdsDataGrid";
 import OdsDisplayGrid from "./components/devextreme/OdsDisplayGrid";
 import OdsProfDataGrid from "./components/devextreme/OdsProfDataGrid";
-import OdsRefactoredGrid from "./components/devextreme/OdsRefactoredGrid";
-import OdsRemoteDataGrid from "./components/devextreme/OdsRemoteDataGrid";
 import DxTreeList from "./components/devextreme/treeview/DxTreeList";
 import DxTreeView from "./components/devextreme/treeview/DxTreeView";
+import OdsDataGridNew from "./components/devextreme/OdsDataGridNew";
+import OdsRemoteDataGrid from "./components/devextreme/OdsRemoteDataGrid";
 export { OdsButton };
 export { OdsInput };
 export { OdsDropdownButton };
@@ -86,7 +86,6 @@ export { OdsSelectableTable };
 export { OdsTag };
 export { OdsTimeline };
 export { OdsRangeTimepicker };
-export { OdsDataGrid };
 export { OdsLogin };
 export { OdsInputNumber };
 export { OdsPhoneInput };
@@ -97,10 +96,11 @@ export { OdsLink };
 export { OdsNotification };
 export { DxTreeView };
 export { DxTreeList };
-export { OdsDisplayGrid };
-export { OdsProfDataGrid };
-export { OdsRemoteDataGrid };
 export { OdsAlert };
 export { OdsBannerAlert };
 export { OdsCustomMultiSelect };
-export { OdsRefactoredGrid };
+export { OdsDataGrid };
+export { OdsDisplayGrid };
+export { OdsProfDataGrid };
+export { OdsDataGridNew };
+export { OdsRemoteDataGrid };