oolib 2.90.1 → 2.90.3

package/dist/components/SimpleTable/comps/AddRowColButtons/index.d.ts

@@ -1,8 +1,9 @@
 export function AddRowButton({ onClick }: {
     onClick: any;
 }): React.JSX.Element;
-export function AddColButton({ onClick, addColButtonWidth }: {
+export function AddColButton({ onClick, addColButtonWidth, enableRowActions }: {
     onClick: any;
     addColButtonWidth: any;
+    enableRowActions: any;
 }): React.JSX.Element;
 import React from "react";

package/dist/components/SimpleTable/comps/AddRowColButtons/index.js

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,7 +50,7 @@ var mixins_1 = require("../../../../themes/mixins");
 var Plus = icons_1.icons.Plus;
 var commonStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border: none;\n  ", "\n  &:hover {\n    background-color: ", ";\n  }\n  cursor: pointer;\n"], ["\n  background-color: ", ";\n  border: none;\n  ", "\n  &:hover {\n    background-color: ", ";\n  }\n  cursor: pointer;\n"])), themes_1.colors.greyColor5, (0, mixins_1.transition)("background-color"), themes_1.colors.greyColor10);
 var StyledRowButton = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 2rem;\n  text-align: center;\n  width: 100%;\n  ", "\n"], ["\n  height: 2rem;\n  text-align: center;\n  width: 100%;\n  ", "\n"])), commonStyles);
-var StyledColButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 2rem; //should be same as height of StyledRowButton\n  flex-shrink: 0;\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 2rem; //should be same as height of StyledRowButton\n  flex-shrink: 0;\n  ", "\n"])), commonStyles);
+var StyledColButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  ", "\n"])), commonStyles);
 var AddRowButton = function (_a) {
     var onClick = _a.onClick;
     return (react_1.default.createElement(StyledRowButton, { onClick: onClick },
@@ -47,8 +58,9 @@ var AddRowButton = function (_a) {
 };
 exports.AddRowButton = AddRowButton;
 var AddColButton = function (_a) {
-    var onClick = _a.onClick, addColButtonWidth = _a.addColButtonWidth;
-    return (react_1.default.createElement(StyledColButton, { style: { width: addColButtonWidth + 'px' }, onClick: onClick },
+    var onClick = _a.onClick, addColButtonWidth = _a.addColButtonWidth, enableRowActions = _a.enableRowActions;
+    return (react_1.default.createElement(StyledColButton, { style: __assign({ width: addColButtonWidth + 'px' }, (enableRowActions ? { marginBottom: '2rem' } : {}) //should be same as height of StyledRowButton
+        ), onClick: onClick },
         react_1.default.createElement(Plus, { size: 12, weight: "bold" })));
 };
 exports.AddColButton = AddColButton;

package/dist/components/SimpleTable/index.js

@@ -171,13 +171,15 @@ function SimpleTable(_a) {
     var primaryTableActionsMenuHeight = 30;
     var primaryTableActionsMenuGap = 5;
     var genCell = function (_a) {
-        var cell = _a.cell, cellIdx = _a.cellIdx, rowIdx = _a.rowIdx;
+        var cell = _a.cell, cellIdx = _a.cellIdx, rowIdx = _a.rowIdx, _b = _a.enableColResizeActions // cuz in the case of pre fixed column (via config.rowHeaderData), enableResize will be set to false
+        , enableColResizeActions = _b === void 0 ? true : _b // cuz in the case of pre fixed column (via config.rowHeaderData), enableResize will be set to false
+        ;
         var CellComp = RichTextEditor //cuz in oolib, richtexteditor will not be there for now
             ? CellContentBlocks["RichTextEditor"]
             : function () { return react_1.default.createElement("div", null, "RTE Doesnt Exist"); };
         var cellProps = __assign({}, CellContentBlockDefaultProps["RichTextEditor"]);
         var cellValue = CellValueGetters["RichTextEditor"](cell.value);
-        var cellWidth = value.colWidthConfig["col_".concat(cellIdx)];
+        var cellWidth = value.colWidthConfig["col_".concat(cellIdx)] || defaultColWidth + 'px'; //cuz when pre-fixed column is applied via config.rowHeaderData, no colWidthConfig will be there for it in value.colWidthConfig
         //(100% - totalExplicitWidths)/(totalColumns - noOfColsWithExplicitWidths)
         // let cellProps = {
         // 	...CellContentBlockDefaultProps[cell.comp],
@@ -188,26 +190,28 @@ function SimpleTable(_a) {
         var StyledCellWrapper = cell.isRowHeader
             ? styled_1.StyledSimpleTableHeaderCell
             : styled_1.StyledSimpleTableCell;
-        return (react_1.default.createElement(StyledCellWrapper, { key: cell.id, id: "kp_table__cell__".concat(cell.id), readOnly: readOnly || cell.readOnly, style: {
+        return (react_1.default.createElement(StyledCellWrapper, __assign({ key: cell.id, id: "kp_table__cell__".concat(cell.id), readOnly: readOnly || cell.readOnly, style: {
                 color: greyColor100,
                 width: "".concat(cellWidth),
                 borderRight: (colResizeState === null || colResizeState === void 0 ? void 0 : colResizeState.colId) === "col_".concat(cellIdx) &&
                     "2px solid ".concat((0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors)),
-            }, actionsActiveOnRow: actionsActiveOnRow, colIdx: cellIdx, rowIdx: rowIdx, totRows: value.data.length, actionsActiveOnCol: actionsActiveOnCol, onMouseEnter: function (e) {
-                setHoveredRowAndCol({
-                    rowIdx: rowIdx,
-                    colIdx: cellIdx,
-                });
-            }, 
-            // onMouseOver={e => {
-            //   setHoveredRowAndCol(e.target.getBoundingClientRect())
-            // }}
-            onMouseDown: function (e) {
-                initColResizeState(e, { colId: "col_".concat(cellIdx) });
-            }, onMouseOut: function (e) { return resetDragZoneIndicator(__assign({ e: e }, (cell.isRowHeader ? { borderStyleInactive: "2px solid ".concat(themes_1.colors.greyColor10) } : {}))); }, onMouseMove: function (e) { return hideShowDragZoneIndicator(__assign({ e: e }, (cell.isRowHeader ? {
-                borderStyleInactive: "2px solid ".concat(themes_1.colors.greyColor10),
-                borderStyleActive: "2px solid ".concat((0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors))
-            } : {}))); }, tabIndex: 0 },
+            }, actionsActiveOnRow: actionsActiveOnRow, colIdx: cellIdx, rowIdx: rowIdx, totRows: value.data.length, actionsActiveOnCol: actionsActiveOnCol }, (enableColResizeActions
+            ? {
+                onMouseEnter: function (e) {
+                    setHoveredRowAndCol({
+                        rowIdx: rowIdx,
+                        colIdx: cellIdx,
+                    });
+                },
+                onMouseDown: function (e) {
+                    initColResizeState(e, { colId: "col_".concat(cellIdx) });
+                },
+                onMouseOut: function (e) { return resetDragZoneIndicator(__assign({ e: e }, (cell.isRowHeader ? { borderStyleInactive: "2px solid ".concat(themes_1.colors.greyColor10) } : {}))); },
+                onMouseMove: function (e) { return hideShowDragZoneIndicator(__assign({ e: e }, (cell.isRowHeader ? {
+                    borderStyleInactive: "2px solid ".concat(themes_1.colors.greyColor10),
+                    borderStyleActive: "2px solid ".concat((0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors))
+                } : {}))); }
+            } : {}), { tabIndex: 0 }),
             react_1.default.createElement(ColActionsMenu_1.ColActionsMenu, __assign({}, {
                 value: value,
                 colIdx: cellIdx,
@@ -254,6 +258,7 @@ function SimpleTable(_a) {
                         convertToRichText: convertToRichText,
                         rowIdx: rowIdx
                     }),
+                    enableColResizeActions: false //because pre-frozen column cannot be resized by user
                 }),
             row.cellData.map(function (cell, cellIdx) { return genCell({ cell: cell, cellIdx: cellIdx, rowIdx: rowIdx }); })));
     };
@@ -327,7 +332,7 @@ function SimpleTable(_a) {
                             }),
                         value.data.map(function (row, rowIdx) { return genRow({ row: row, rowIdx: rowIdx }); })),
                     !readOnly && enableRowActions && (react_1.default.createElement(AddRowColButtons_1.AddRowButton, { onClick: function () { return (0, handleRowActions_1.handleAddRow)(value, props); } }))),
-                !readOnly && enableColActions && (react_1.default.createElement(AddRowColButtons_1.AddColButton, { addColButtonWidth: addColButtonWidth, onClick: function () {
+                !readOnly && enableColActions && (react_1.default.createElement(AddRowColButtons_1.AddColButton, { enableRowActions: enableRowActions, addColButtonWidth: addColButtonWidth, onClick: function () {
                         return (0, handleColActions_1.handleAddCol)({ value: value, onChange: onChange, id: id, defaultColWidth: defaultColWidth });
                     } }))))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.90.1",
+  "version": "2.90.3",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",