elab_components 0.5.32 → 0.5.35

package/dist/components/DateInputs/MultiViewCalendar/props.d.ts

@@ -1,5 +1,5 @@
 declare const props: () => {
-    activeRangeEnd: "start" | "end";
+    activeRangeEnd: "end" | "start";
     allowReverse: import("@storybook/addon-knobs/dist/type-defs").Mutable<boolean>;
     bottomView: "month" | "year" | "decade" | "century";
     defaultActiveView: "month" | "year" | "decade" | "century";

package/dist/index.esm.js

@@ -46,7 +46,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$1 = "/** @format */\r\n@import '@progress/kendo-theme-material/dist/all';\r\n\r\nbody {\r\n  margin: 0;\r\n  font-family:\r\n    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',\r\n    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n  font-family:\r\n    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\r\n}\r\n\r\n.k-grid-toolbar {\r\n  border-width: none;\r\n}\r\n.grid-custom-filter .k-toolbar {\r\n  padding-block: 0px;\r\n  border: none;\r\n  padding-bottom: 14px;\r\n  background-color: #dbdbdb;\r\n}\r\n.grid-custom-filter .k-toolbar .k-input,\r\n.grid-custom-filter .k-toolbar .k-picker {\r\n  background-color: #fff;\r\n}\r\n\r\n.k-button {\r\n  text-transform: none;\r\n}\r\n\r\n.button-container {\r\n  margin-left: auto;\r\n  display: flex;\r\n  gap: 15px;\r\n  align-items: center;\r\n}\r\n\r\n.button-container .custom-button {\r\n  background-color: transparent;\r\n  border: none;\r\n  box-shadow: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.button-container .button-content {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n}\r\n\r\n.button-container .icon {\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n}\r\n\r\n.button-container .text {\r\n  font-size: 16px;\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {\r\n  d: path('M256 352 128 160h256L256 352z');\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {\r\n  d: path('M352 256 160 384V128l192 128z');\r\n}\r\n.grid-main col[width='NaNpx'],\r\n.grid-main col,\r\n.grid-main col[width='NaNpx'] {\r\n  min-width: 200px;\r\n}\r\n\r\n.grid-main col[width='32px'],\r\n.grid-main col[width='32px'] {\r\n  width: 32px !important;\r\n  min-width: 32px !important;\r\n  max-width: 32px !important;\r\n}\r\n\r\n.grid-main col[width='90px'],\r\n.grid-main col[width='90px'] {\r\n  width: 90px !important;\r\n  min-width: 90px !important;\r\n}\r\n.grid-main col[width='70px'],\r\n.grid-main col[width='70px'] {\r\n  width: 70px !important;\r\n  min-width: 70px !important;\r\n}\r\n\r\n.grid-main col[width='100px'],\r\n.grid-main col[width='100px'] {\r\n  width: 100px !important;\r\n  min-width: 100px !important;\r\n}\r\n.grid-main col[width='120px'],\r\n.grid-main col[width='120px'] {\r\n  width: 120px !important;\r\n  min-width: 120px !important;\r\n}\r\n.grid-main col[width='130px'],\r\n.grid-main col[width='130px'] {\r\n  width: 10px !important;\r\n  min-width: 130px !important;\r\n}\r\n.chart-button {\r\n  display: grid;\r\n}\r\n\r\n.input-box-width {\r\n  width: 250px;\r\n}\r\n\r\n.filters-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 10px;\r\n}\r\n.grid-main {\r\n  height: 420px;\r\n}\r\n";
+var css_248z$1 = "/** @format */\r\n@import '@progress/kendo-theme-material/dist/all';\r\n\r\nbody {\r\n  margin: 0;\r\n  font-family:\r\n    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',\r\n    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n  font-family:\r\n    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\r\n}\r\n\r\n.k-grid-toolbar {\r\n  border-width: none;\r\n}\r\n.grid-custom-filter .k-toolbar {\r\n  padding-block: 0px;\r\n  border: none;\r\n  padding-bottom: 14px;\r\n  background-color: #dbdbdb;\r\n}\r\n.grid-custom-filter .k-toolbar .k-input,\r\n.grid-custom-filter .k-toolbar .k-picker {\r\n  background-color: #fff;\r\n}\r\n\r\n.k-button {\r\n  text-transform: none;\r\n}\r\n\r\n.button-container {\r\n  margin-left: auto;\r\n  display: flex;\r\n  gap: 15px;\r\n  align-items: center;\r\n}\r\n\r\n.button-container .custom-button {\r\n  background-color: transparent;\r\n  border: none;\r\n  box-shadow: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.button-container .button-content {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n}\r\n\r\n.button-container .icon {\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n}\r\n\r\n.button-container .text {\r\n  font-size: 16px;\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {\r\n  d: path('M256 352 128 160h256L256 352z');\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {\r\n  d: path('M352 256 160 384V128l192 128z');\r\n}\r\n.grid-main col[width='NaNpx'],\r\n.grid-main col,\r\n.grid-main col[width='NaNpx'] {\r\n  min-width: 200px;\r\n}\r\n\r\n.grid-main col[width='32px'],\r\n.grid-main col[width='32px'] {\r\n  width: 32px !important;\r\n  min-width: 32px !important;\r\n  max-width: 32px !important;\r\n}\r\n\r\n.grid-main col[width='90px'],\r\n.grid-main col[width='90px'] {\r\n  width: 90px !important;\r\n  min-width: 90px !important;\r\n}\r\n.grid-main col[width='70px'],\r\n.grid-main col[width='70px'] {\r\n  width: 70px !important;\r\n  min-width: 70px !important;\r\n}\r\n\r\n.grid-main col[width='100px'],\r\n.grid-main col[width='100px'] {\r\n  width: 100px !important;\r\n  min-width: 100px !important;\r\n}\r\n.grid-main col[width='120px'],\r\n.grid-main col[width='120px'] {\r\n  width: 120px !important;\r\n  min-width: 120px !important;\r\n}\r\n.grid-main col[width='130px'],\r\n.grid-main col[width='130px'] {\r\n  width: 10px !important;\r\n  min-width: 130px !important;\r\n}\r\n.chart-button {\r\n  display: grid;\r\n}\r\n\r\n.input-box-width {\r\n  width: 250px;\r\n}\r\n\r\n.filters-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.grid-main {\r\n  height: 420px;\r\n}\r\n\r\n.grid-main .k-table-thead th,\r\n.grid-main .k-table-thead td {\r\n  padding: 4px 2px !important;\r\n  border: none !important;\r\n}\r\n";
 styleInject(css_248z$1);
 
 /******************************************************************************
@@ -30792,7 +30792,7 @@ var StyledGrid = styled(Grid$2)(templateObject_1$e || (templateObject_1$e = __ma
 var OkGrid = function (_a) {
     var _b;
     var props = __rest(_a, []);
-    var resizable = props.resizable, reorderable = props.reorderable, dataItemKey = props.dataItemKey, selectField = props.selectField, apiColumnConfig = props.apiColumnConfig, allColumnsField = props.allColumnsField, filtersInput = props.filtersInput, showFilter = props.showFilter, size = props.size, expandColumn = props.expandColumn, isAction = props.isAction, queryShow = props.queryShow, filterAndGrouping = props.filterAndGrouping, editColumnOption = props.editColumnOption, gridDropdownlist = props.gridDropdownlist, childColumnConfig = props.childColumnConfig, childSelectField = props.childSelectField, externalActionsButtons = props.externalActionsButtons, data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData, handleExternalButtons = props.handleExternalButtons, handleUpdatedColumnConfig = props.handleUpdatedColumnConfig, childData = props.childData, totalCount = props.totalCount, externalFilterShow = props.externalFilterShow, showSearchInput = props.showSearchInput, allData = props.allData, isLoading = props.isLoading, setGroup = props.setGroup, group = props.group, groupabable = props.groupabable, setFilterSubmittedData = props.setFilterSubmittedData, gridInlineButton = props.gridInlineButton, gridStatusCell = props.gridStatusCell;
+    var resizable = props.resizable, reorderable = props.reorderable, dataItemKey = props.dataItemKey, selectField = props.selectField, apiColumnConfig = props.apiColumnConfig, allColumnsField = props.allColumnsField, filtersInput = props.filtersInput, showFilter = props.showFilter, size = props.size, expandColumn = props.expandColumn, isAction = props.isAction, queryShow = props.queryShow, filterAndGrouping = props.filterAndGrouping, editColumnOption = props.editColumnOption, gridDropdownlist = props.gridDropdownlist, childColumnConfig = props.childColumnConfig, childSelectField = props.childSelectField, externalActionsButtons = props.externalActionsButtons, data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData, handleExternalButtons = props.handleExternalButtons, handleUpdatedColumnConfig = props.handleUpdatedColumnConfig, childData = props.childData, totalCount = props.totalCount, externalFilterShow = props.externalFilterShow, showSearchInput = props.showSearchInput, allData = props.allData, isLoading = props.isLoading, setGroup = props.setGroup, group = props.group, groupabable = props.groupabable, setFilterSubmittedData = props.setFilterSubmittedData, gridInlineButton = props.gridInlineButton, gridStatusCell = props.gridStatusCell, rowBackgroundColorChange = props.rowBackgroundColorChange;
     var idGetter = s(dataItemKey);
     var grid = React__default.useRef(null);
     var detailRef = React__default.useRef(null);
@@ -31425,7 +31425,7 @@ var OkGrid = function (_a) {
                 // onGroupChange={handleGroupChange}
                 group: group, 
                 // onGroupExpandChange={handleGroupExpandChange}
-                className: "grid-main" }), columns.map(function (col, index) {
+                className: "grid-main", rowRender: rowBackgroundColorChange }), columns.map(function (col, index) {
                 return (React__default.createElement(GridColumn, { key: index, filterable: col.filterable, resizable: col.width === '' ||
                         col.width === null ||
                         col.width === undefined ||

package/dist/index.js

@@ -74,7 +74,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$1 = "/** @format */\r\n@import '@progress/kendo-theme-material/dist/all';\r\n\r\nbody {\r\n  margin: 0;\r\n  font-family:\r\n    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',\r\n    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n  font-family:\r\n    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\r\n}\r\n\r\n.k-grid-toolbar {\r\n  border-width: none;\r\n}\r\n.grid-custom-filter .k-toolbar {\r\n  padding-block: 0px;\r\n  border: none;\r\n  padding-bottom: 14px;\r\n  background-color: #dbdbdb;\r\n}\r\n.grid-custom-filter .k-toolbar .k-input,\r\n.grid-custom-filter .k-toolbar .k-picker {\r\n  background-color: #fff;\r\n}\r\n\r\n.k-button {\r\n  text-transform: none;\r\n}\r\n\r\n.button-container {\r\n  margin-left: auto;\r\n  display: flex;\r\n  gap: 15px;\r\n  align-items: center;\r\n}\r\n\r\n.button-container .custom-button {\r\n  background-color: transparent;\r\n  border: none;\r\n  box-shadow: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.button-container .button-content {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n}\r\n\r\n.button-container .icon {\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n}\r\n\r\n.button-container .text {\r\n  font-size: 16px;\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {\r\n  d: path('M256 352 128 160h256L256 352z');\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {\r\n  d: path('M352 256 160 384V128l192 128z');\r\n}\r\n.grid-main col[width='NaNpx'],\r\n.grid-main col,\r\n.grid-main col[width='NaNpx'] {\r\n  min-width: 200px;\r\n}\r\n\r\n.grid-main col[width='32px'],\r\n.grid-main col[width='32px'] {\r\n  width: 32px !important;\r\n  min-width: 32px !important;\r\n  max-width: 32px !important;\r\n}\r\n\r\n.grid-main col[width='90px'],\r\n.grid-main col[width='90px'] {\r\n  width: 90px !important;\r\n  min-width: 90px !important;\r\n}\r\n.grid-main col[width='70px'],\r\n.grid-main col[width='70px'] {\r\n  width: 70px !important;\r\n  min-width: 70px !important;\r\n}\r\n\r\n.grid-main col[width='100px'],\r\n.grid-main col[width='100px'] {\r\n  width: 100px !important;\r\n  min-width: 100px !important;\r\n}\r\n.grid-main col[width='120px'],\r\n.grid-main col[width='120px'] {\r\n  width: 120px !important;\r\n  min-width: 120px !important;\r\n}\r\n.grid-main col[width='130px'],\r\n.grid-main col[width='130px'] {\r\n  width: 10px !important;\r\n  min-width: 130px !important;\r\n}\r\n.chart-button {\r\n  display: grid;\r\n}\r\n\r\n.input-box-width {\r\n  width: 250px;\r\n}\r\n\r\n.filters-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 10px;\r\n}\r\n.grid-main {\r\n  height: 420px;\r\n}\r\n";
+var css_248z$1 = "/** @format */\r\n@import '@progress/kendo-theme-material/dist/all';\r\n\r\nbody {\r\n  margin: 0;\r\n  font-family:\r\n    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',\r\n    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n  font-family:\r\n    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\r\n}\r\n\r\n.k-grid-toolbar {\r\n  border-width: none;\r\n}\r\n.grid-custom-filter .k-toolbar {\r\n  padding-block: 0px;\r\n  border: none;\r\n  padding-bottom: 14px;\r\n  background-color: #dbdbdb;\r\n}\r\n.grid-custom-filter .k-toolbar .k-input,\r\n.grid-custom-filter .k-toolbar .k-picker {\r\n  background-color: #fff;\r\n}\r\n\r\n.k-button {\r\n  text-transform: none;\r\n}\r\n\r\n.button-container {\r\n  margin-left: auto;\r\n  display: flex;\r\n  gap: 15px;\r\n  align-items: center;\r\n}\r\n\r\n.button-container .custom-button {\r\n  background-color: transparent;\r\n  border: none;\r\n  box-shadow: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.button-container .button-content {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n}\r\n\r\n.button-container .icon {\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n}\r\n\r\n.button-container .text {\r\n  font-size: 16px;\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {\r\n  d: path('M256 352 128 160h256L256 352z');\r\n}\r\n.k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {\r\n  d: path('M352 256 160 384V128l192 128z');\r\n}\r\n.grid-main col[width='NaNpx'],\r\n.grid-main col,\r\n.grid-main col[width='NaNpx'] {\r\n  min-width: 200px;\r\n}\r\n\r\n.grid-main col[width='32px'],\r\n.grid-main col[width='32px'] {\r\n  width: 32px !important;\r\n  min-width: 32px !important;\r\n  max-width: 32px !important;\r\n}\r\n\r\n.grid-main col[width='90px'],\r\n.grid-main col[width='90px'] {\r\n  width: 90px !important;\r\n  min-width: 90px !important;\r\n}\r\n.grid-main col[width='70px'],\r\n.grid-main col[width='70px'] {\r\n  width: 70px !important;\r\n  min-width: 70px !important;\r\n}\r\n\r\n.grid-main col[width='100px'],\r\n.grid-main col[width='100px'] {\r\n  width: 100px !important;\r\n  min-width: 100px !important;\r\n}\r\n.grid-main col[width='120px'],\r\n.grid-main col[width='120px'] {\r\n  width: 120px !important;\r\n  min-width: 120px !important;\r\n}\r\n.grid-main col[width='130px'],\r\n.grid-main col[width='130px'] {\r\n  width: 10px !important;\r\n  min-width: 130px !important;\r\n}\r\n.chart-button {\r\n  display: grid;\r\n}\r\n\r\n.input-box-width {\r\n  width: 250px;\r\n}\r\n\r\n.filters-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.grid-main {\r\n  height: 420px;\r\n}\r\n\r\n.grid-main .k-table-thead th,\r\n.grid-main .k-table-thead td {\r\n  padding: 4px 2px !important;\r\n  border: none !important;\r\n}\r\n";
 styleInject(css_248z$1);
 
 /******************************************************************************
@@ -30820,7 +30820,7 @@ var StyledGrid = styled__default["default"](kendoReactGrid.Grid)(templateObject_
 var OkGrid = function (_a) {
     var _b;
     var props = __rest(_a, []);
-    var resizable = props.resizable, reorderable = props.reorderable, dataItemKey = props.dataItemKey, selectField = props.selectField, apiColumnConfig = props.apiColumnConfig, allColumnsField = props.allColumnsField, filtersInput = props.filtersInput, showFilter = props.showFilter, size = props.size, expandColumn = props.expandColumn, isAction = props.isAction, queryShow = props.queryShow, filterAndGrouping = props.filterAndGrouping, editColumnOption = props.editColumnOption, gridDropdownlist = props.gridDropdownlist, childColumnConfig = props.childColumnConfig, childSelectField = props.childSelectField, externalActionsButtons = props.externalActionsButtons, data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData, handleExternalButtons = props.handleExternalButtons, handleUpdatedColumnConfig = props.handleUpdatedColumnConfig, childData = props.childData, totalCount = props.totalCount, externalFilterShow = props.externalFilterShow, showSearchInput = props.showSearchInput, allData = props.allData, isLoading = props.isLoading, setGroup = props.setGroup, group = props.group, groupabable = props.groupabable, setFilterSubmittedData = props.setFilterSubmittedData, gridInlineButton = props.gridInlineButton, gridStatusCell = props.gridStatusCell;
+    var resizable = props.resizable, reorderable = props.reorderable, dataItemKey = props.dataItemKey, selectField = props.selectField, apiColumnConfig = props.apiColumnConfig, allColumnsField = props.allColumnsField, filtersInput = props.filtersInput, showFilter = props.showFilter, size = props.size, expandColumn = props.expandColumn, isAction = props.isAction, queryShow = props.queryShow, filterAndGrouping = props.filterAndGrouping, editColumnOption = props.editColumnOption, gridDropdownlist = props.gridDropdownlist, childColumnConfig = props.childColumnConfig, childSelectField = props.childSelectField, externalActionsButtons = props.externalActionsButtons, data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData, handleExternalButtons = props.handleExternalButtons, handleUpdatedColumnConfig = props.handleUpdatedColumnConfig, childData = props.childData, totalCount = props.totalCount, externalFilterShow = props.externalFilterShow, showSearchInput = props.showSearchInput, allData = props.allData, isLoading = props.isLoading, setGroup = props.setGroup, group = props.group, groupabable = props.groupabable, setFilterSubmittedData = props.setFilterSubmittedData, gridInlineButton = props.gridInlineButton, gridStatusCell = props.gridStatusCell, rowBackgroundColorChange = props.rowBackgroundColorChange;
     var idGetter = s(dataItemKey);
     var grid = React__default["default"].useRef(null);
     var detailRef = React__default["default"].useRef(null);
@@ -31453,7 +31453,7 @@ var OkGrid = function (_a) {
                 // onGroupChange={handleGroupChange}
                 group: group, 
                 // onGroupExpandChange={handleGroupExpandChange}
-                className: "grid-main" }), columns.map(function (col, index) {
+                className: "grid-main", rowRender: rowBackgroundColorChange }), columns.map(function (col, index) {
                 return (React__default["default"].createElement(kendoReactGrid.GridColumn, { key: index, filterable: col.filterable, resizable: col.width === '' ||
                         col.width === null ||
                         col.width === undefined ||

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elab_components",
-  "version": "0.5.32",
+  "version": "0.5.35",
   "private": false,
   "author": "Amar",
   "main": "dist/index.js",