ods-component-lib 1.18.43 → 1.18.46

package/dist/components/antd/badge/OdsBadge.d.ts

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

package/dist/components/antd/badge/OdsBadge.styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledBadge: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").BadgeProps & import("react").RefAttributes<HTMLSpanElement>> & {
+    Ribbon: import("react").FC<import("antd/es/badge/Ribbon").RibbonProps>;
+}, any, {}, never>;

package/dist/components/antd/badge/OdsBadgeRibbon.d.ts

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

package/dist/index.css

@@ -151,4 +151,10 @@ tr._2CvVM._3Xrp3._19iuB._3udtX {
   padding: 0;
   /* -webkit-padding-end: 5px; */
   padding-inline-end: 0 !important;
+}
+
+._33d3-._2P5bw {
+  width: -moz-max-content;
+  width: max-content;
+  display: inline-block;
 }

package/dist/index.d.ts

@@ -45,6 +45,8 @@ import OdsDataGrid from "./components/devextreme/OdsDataGrid";
 import OdsDisplayGrid from "./components/devextreme/OdsDisplayGrid";
 import DxTreeList from "./components/devextreme/treeview/DxTreeList";
 import OdsRemoteDataGrid from "./components/devextreme/OdsRemoteDataGrid";
+import OdsBadge from "./components/antd/badge/OdsBadge";
+import OdsBadgeRibbon from "./components/antd/badge/OdsBadgeRibbon";
 export { OdsButton };
 export { OdsInput };
 export { OdsDropdownButton };
@@ -89,6 +91,8 @@ export { DxTreeList };
 export { OdsAlert };
 export { OdsBannerAlert };
 export { OdsMultiSelect };
+export { OdsBadge };
+export { OdsBadgeRibbon };
 export { OdsDataGrid };
 export { OdsDisplayGrid };
 export { OdsRemoteDataGrid };

package/dist/index.js

@@ -16743,13 +16743,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     }
     return result;
   };
-  var renderTotalPaging = React.useCallback(function () {
-    var result = "";
-    if (totalPageCount > 1) {
-      result = loadedPageCount + " / " + totalPageCount;
-    }
-    return result;
-  }, [loadedPageCount, totalPageCount]);
   var actionCellRender = React.useMemo(function () {
     return React__default.createElement(devextremeReact.DropDownButton, {
       icon: server_browser.renderToString(React__default.createElement(DynamicIcon, {
@@ -16839,7 +16832,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     return React__default.createElement(DataGrid.Column, Object.assign({
       key: col.dataField
     }, col, {
-      minWidth: 180
+      minWidth: 50
     }), col.lookUp && React__default.createElement(devextremeReact.Lookup, Object.assign({}, col.lookUp)), col.dataField === 'IsActive' && React__default.createElement(DataGrid.HeaderFilter, {
       dataSource: [{
         text: 'Active',
@@ -16986,14 +16979,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     cssClass: 'toolbarPanelItems'
   })), React__default.createElement(DataGrid.Summary, null, React__default.createElement(DataGrid.TotalItem, {
     column: columns[0].dataField,
-    summaryType: "sum",
+    summaryType: "custom",
     displayFormat: "customizeText",
     customizeText: renderTotal
-  }), React__default.createElement(DataGrid.TotalItem, {
-    column: columns[1].dataField,
-    summaryType: "sum",
-    displayFormat: "customizeText",
-    customizeText: renderTotalPaging
   })), React__default.createElement(DataGrid.StateStoring, {
     enabled: true,
     type: "custom",
@@ -17002,9 +16990,26 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   })));
 };
 
+var _templateObject$n;
+var StyledBadge = styled__default(antd.Badge)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n //\n"])));
+
+function OdsBadge(props) {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledBadge, Object.assign({}, props), props.children)));
+}
+
+function OdsBadgeRibbon(props) {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledBadge.Ribbon, Object.assign({}, props), props.children)));
+}
+
 exports.DxTreeList = DxTreeList;
 exports.OdsAlert = OdsAlert;
 exports.OdsAutoComplete = OdsAutoComplete;
+exports.OdsBadge = OdsBadge;
+exports.OdsBadgeRibbon = OdsBadgeRibbon;
 exports.OdsBannerAlert = OdsBannerAlert;
 exports.OdsBasicTable = OdsBasicTable;
 exports.OdsButton = OdsButton;