elab_components 0.13.3 → 0.13.14

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

@@ -1,5 +1,5 @@
 declare const props: () => {
-    activeRangeEnd: "end" | "start";
+    activeRangeEnd: "start" | "end";
     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

@@ -33666,13 +33666,7 @@ var OkGrid = function (_a) {
                         : calculateWidth(col.field, col.editor, (_a = props === null || props === void 0 ? void 0 : props.data) !== null && _a !== void 0 ? _a : [])
                     : ((_b = col === null || col === void 0 ? void 0 : col.width) !== null && _b !== void 0 ? _b : 200), filterable: col.filterable, resizable: col.field === '-' || col.field === '' || col.field === 'selected'
                     ? false
-                    : true, editable: col === null || col === void 0 ? void 0 : col.editable, field: col.field, title: col.title, format: col.format, footerCell: col.footerCell, headerSelectionValue: col.headerSelectionValue, editor: col.editor, locked: col.locked }, (dynamicColumnIsWant
-                ? dynamicProps
-                : {
-                    cells: {
-                        data: function (props) { return getCellComponent(props, col); },
-                    },
-                }))));
+                    : true, editable: col === null || col === void 0 ? void 0 : col.editable, field: col.field, title: col.title, format: col.format, footerCell: col.footerCell, headerSelectionValue: col.headerSelectionValue, editor: col.editor, locked: col.locked, cells: { data: function (props) { return getCellComponent(props, col); } } }, (dynamicColumnIsWant && dynamicProps))));
         });
     }, [columnAutoSize, columns, getCellComponent, props === null || props === void 0 ? void 0 : props.data]);
     console.log('memoizedColumns', memoizedColumns);
@@ -33683,6 +33677,12 @@ var OkGrid = function (_a) {
         }
     }, [expandedData, setGridAllEditedData]);
     console.log('memoizedColumns', allData === null || allData === void 0 ? void 0 : allData.data, expandedData);
+    var dynamicColumnWant = {
+        editField: 'inEdit',
+        onItemChange: { onItemChange: onItemChange },
+        cellRender: { cellRender: cellRender },
+        props: props,
+    };
     return (React__default.createElement("div", { className: 'okGrid' },
         React__default.createElement(Filters, { isQueryShow: isQueryShow, setIsQueryShow: setIsQueryShow, searchKeyword: searchKeyword, setSearchKeyword: setSearchKeyword, onFilterChange: onFilterChange, editColumnOption: editColumnOption, setColumnOption: setColumnOption, showFilter: showFilter, externalFilterShow: externalFilterShow, showSearchInput: showSearchInput, setFilterShow: setFilterShow, filterShow: filterShow, excelExport: excelExportFunc, isExcelExportLoading: allData === null || allData === void 0 ? void 0 : allData.isLoading, selectedData: selectedData, queryShow: queryShow, filterAndGrouping: filterAndGrouping, externalActionsButtons: externalActionsButtons, handleExternalButtons: handleExternalButtons, filtersInput: filtersInput, combBoxFilterData: combBoxFilterData, handleOnChange: handleOnChange, handleComboxChange: handleComboxChange, setCombBoxInlineFilterData: setCombBoxInlineFilterData, combBoxInlineFilterData: combBoxInlineFilterData, handleComboxInlineChange: handleComboxInlineChange, setFilterSubmittedData: setFilterSubmittedData, handleInputOnChange: handleInputOnChange, allColumnsField: allColumnsField, setRunQueries: setRunQueries, selectedState: selectedState, inlineFilterInputs: inlineFilterInputs, isHideExcelExport: isHideExcelExport, actionButtonItemsList: actionButtonItemsList }),
         isLoading ? (React__default.createElement("div", { style: { textAlign: 'center', margin: 'auto', marginTop: '70px' } },
@@ -33701,7 +33701,7 @@ var OkGrid = function (_a) {
                         buttonCount: 4,
                         pageSizes: [10, 20, 30, 'All'],
                         pageSizeValue: pageSizeValue,
-                    }, onPageChange: pageChange, editable: true, data: expandedData, total: totalCount, onDataStateChange: handleDataStateChange }, dataState, { onExpandChange: handleExpandChange, expandField: 'expanded', rowRender: rowBackgroundColorChange, editField: 'inEdit', onItemChange: onItemChange, cellRender: cellRender }, props), memoizedColumns)))))),
+                    }, onPageChange: pageChange, editable: true, data: expandedData, total: totalCount, onDataStateChange: handleDataStateChange }, dataState, { onExpandChange: handleExpandChange, expandField: 'expanded', rowRender: rowBackgroundColorChange }, (dynamicColumnIsWant && __assign({}, dynamicColumnWant))), memoizedColumns)))))),
         columnOption.columnOptionModel && (React__default.createElement(ColumnAdd, { setColumnOption: setColumnOption, setColumns: setColumns, columns: columns, allColumnsField: allColumnsField, handleUpdatedColumnConfig: handleUpdatedColumnConfig }))));
 };
 var templateObject_1$e;

package/dist/index.js

@@ -33694,13 +33694,7 @@ var OkGrid = function (_a) {
                         : calculateWidth(col.field, col.editor, (_a = props === null || props === void 0 ? void 0 : props.data) !== null && _a !== void 0 ? _a : [])
                     : ((_b = col === null || col === void 0 ? void 0 : col.width) !== null && _b !== void 0 ? _b : 200), filterable: col.filterable, resizable: col.field === '-' || col.field === '' || col.field === 'selected'
                     ? false
-                    : true, editable: col === null || col === void 0 ? void 0 : col.editable, field: col.field, title: col.title, format: col.format, footerCell: col.footerCell, headerSelectionValue: col.headerSelectionValue, editor: col.editor, locked: col.locked }, (dynamicColumnIsWant
-                ? dynamicProps
-                : {
-                    cells: {
-                        data: function (props) { return getCellComponent(props, col); },
-                    },
-                }))));
+                    : true, editable: col === null || col === void 0 ? void 0 : col.editable, field: col.field, title: col.title, format: col.format, footerCell: col.footerCell, headerSelectionValue: col.headerSelectionValue, editor: col.editor, locked: col.locked, cells: { data: function (props) { return getCellComponent(props, col); } } }, (dynamicColumnIsWant && dynamicProps))));
         });
     }, [columnAutoSize, columns, getCellComponent, props === null || props === void 0 ? void 0 : props.data]);
     console.log('memoizedColumns', memoizedColumns);
@@ -33711,6 +33705,12 @@ var OkGrid = function (_a) {
         }
     }, [expandedData, setGridAllEditedData]);
     console.log('memoizedColumns', allData === null || allData === void 0 ? void 0 : allData.data, expandedData);
+    var dynamicColumnWant = {
+        editField: 'inEdit',
+        onItemChange: { onItemChange: onItemChange },
+        cellRender: { cellRender: cellRender },
+        props: props,
+    };
     return (React__default["default"].createElement("div", { className: 'okGrid' },
         React__default["default"].createElement(Filters, { isQueryShow: isQueryShow, setIsQueryShow: setIsQueryShow, searchKeyword: searchKeyword, setSearchKeyword: setSearchKeyword, onFilterChange: onFilterChange, editColumnOption: editColumnOption, setColumnOption: setColumnOption, showFilter: showFilter, externalFilterShow: externalFilterShow, showSearchInput: showSearchInput, setFilterShow: setFilterShow, filterShow: filterShow, excelExport: excelExportFunc, isExcelExportLoading: allData === null || allData === void 0 ? void 0 : allData.isLoading, selectedData: selectedData, queryShow: queryShow, filterAndGrouping: filterAndGrouping, externalActionsButtons: externalActionsButtons, handleExternalButtons: handleExternalButtons, filtersInput: filtersInput, combBoxFilterData: combBoxFilterData, handleOnChange: handleOnChange, handleComboxChange: handleComboxChange, setCombBoxInlineFilterData: setCombBoxInlineFilterData, combBoxInlineFilterData: combBoxInlineFilterData, handleComboxInlineChange: handleComboxInlineChange, setFilterSubmittedData: setFilterSubmittedData, handleInputOnChange: handleInputOnChange, allColumnsField: allColumnsField, setRunQueries: setRunQueries, selectedState: selectedState, inlineFilterInputs: inlineFilterInputs, isHideExcelExport: isHideExcelExport, actionButtonItemsList: actionButtonItemsList }),
         isLoading ? (React__default["default"].createElement("div", { style: { textAlign: 'center', margin: 'auto', marginTop: '70px' } },
@@ -33729,7 +33729,7 @@ var OkGrid = function (_a) {
                         buttonCount: 4,
                         pageSizes: [10, 20, 30, 'All'],
                         pageSizeValue: pageSizeValue,
-                    }, onPageChange: pageChange, editable: true, data: expandedData, total: totalCount, onDataStateChange: handleDataStateChange }, dataState, { onExpandChange: handleExpandChange, expandField: 'expanded', rowRender: rowBackgroundColorChange, editField: 'inEdit', onItemChange: onItemChange, cellRender: cellRender }, props), memoizedColumns)))))),
+                    }, onPageChange: pageChange, editable: true, data: expandedData, total: totalCount, onDataStateChange: handleDataStateChange }, dataState, { onExpandChange: handleExpandChange, expandField: 'expanded', rowRender: rowBackgroundColorChange }, (dynamicColumnIsWant && __assign({}, dynamicColumnWant))), memoizedColumns)))))),
         columnOption.columnOptionModel && (React__default["default"].createElement(ColumnAdd, { setColumnOption: setColumnOption, setColumns: setColumns, columns: columns, allColumnsField: allColumnsField, handleUpdatedColumnConfig: handleUpdatedColumnConfig }))));
 };
 var templateObject_1$e;

package/package.json

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