oolib 2.67.5 → 2.67.7

package/dist/UIContent/index.d.ts

@@ -4,4 +4,13 @@ export namespace UIContent {
         const onlyFirstFileConsiderErrMsg: string;
         const corruptUrlErrMsg: string;
     }
+    namespace SimpleTable {
+        const _delete: string;
+        export { _delete as delete };
+        export const duplicate: string;
+        export const insertRowAfter: string;
+        export const insertRowBefore: string;
+        export const insertColAfter: string;
+        export const insertColBefore: string;
+    }
 }

package/dist/UIContent/index.js

@@ -7,4 +7,12 @@ exports.UIContent = {
         onlyFirstFileConsiderErrMsg: "This is a single image input. Only first file will be considered",
         corruptUrlErrMsg: "Image URL seems to be corrupt. Cannot render it"
     },
+    SimpleTable: {
+        delete: 'Delete',
+        duplicate: 'Duplicate',
+        insertRowAfter: 'Insert Below',
+        insertRowBefore: 'Insert Above',
+        insertColAfter: 'Insert Right',
+        insertColBefore: 'Insert Left'
+    }
 };

package/dist/components/ActionMenu/index.js

@@ -79,6 +79,7 @@ var ActionMenu = function (_a) {
     var _k = (0, usePopOutOfOverflowHiddenParent_1.usePopOutOfOverflowHiddenParent)(popOutOfOverflowHiddenParent), fixPos = _k.fixPos, applyFixedPos = _k.applyFixedPos, removeFixedPos = _k.removeFixedPos, trackerRef = _k.trackerRef;
     return (react_1.default.createElement(styled_1.StyledActionMenu, { ref: actionMenuRef },
         react_1.default.createElement(ButtonComp, __assign({}, buttonSize, { icon: icon, iconSize: iconSize, invert: invert, stopPropagation: true, preventDefault: true, onClick: function (e) {
+                console.log('detected');
                 setShowActions(!showActions);
             }, active: showActions })),
         popOutOfOverflowHiddenParent &&

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

@@ -0,0 +1,2 @@
+export function ColActionsMenu({}: {}): React.JSX.Element;
+import React from "react";

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

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColActionsMenu = void 0;
+var react_1 = __importDefault(require("react"));
+var ColActionsMenu = function (_a) {
+    return (react_1.default.createElement("div", { style: { position: 'absolute', top: 0, left: '50%', transform: 'translate(-50%, -50%)' } },
+        react_1.default.createElement("div", { style: { width: '50px', height: '50px', background: 'red' } })));
+};
+exports.ColActionsMenu = ColActionsMenu;

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

@@ -0,0 +1,7 @@
+export function RowActionsMenu({ value, rowIdx, onChange, id }: {
+    value: any;
+    rowIdx: any;
+    onChange: any;
+    id: any;
+}): React.JSX.Element;
+import React from "react";

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

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowActionsMenu = void 0;
+var react_1 = __importDefault(require("react"));
+var handleRowActions_1 = require("../../handlers/handleRowActions");
+var ActionMenu_1 = require("../../../ActionMenu");
+var UIContent_1 = require("../../../../UIContent");
+var RowActionsMenu = function (_a) {
+    var value = _a.value, rowIdx = _a.rowIdx, onChange = _a.onChange, id = _a.id;
+    return (react_1.default.createElement("div", { style: {
+            zIndex: 100,
+            position: "absolute",
+            top: "50%",
+            left: 0,
+            transform: "translate(-100%, -50%)",
+        } },
+        react_1.default.createElement(ActionMenu_1.ActionMenu, { actions: [
+                {
+                    display: UIContent_1.UIContent.SimpleTable.delete,
+                    onClick: function () { return (0, handleRowActions_1.handleDeleteRow)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id }); },
+                },
+                {
+                    display: UIContent_1.UIContent.SimpleTable.duplicate,
+                    onClick: function () { return (0, handleRowActions_1.handleDuplicateRow)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id }); },
+                },
+                {
+                    display: UIContent_1.UIContent.SimpleTable.insertRowBefore,
+                    onClick: function () {
+                        return (0, handleRowActions_1.handleInsertRowBefore)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id });
+                    },
+                },
+                {
+                    display: UIContent_1.UIContent.SimpleTable.insertRowAfter,
+                    onClick: function () {
+                        return (0, handleRowActions_1.handleInsertRowAfter)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id });
+                    },
+                },
+            ] })));
+};
+exports.RowActionsMenu = RowActionsMenu;

package/dist/components/SimpleTable/handlers/handleColActions.d.ts

@@ -0,0 +1 @@
+export function handleAddCol(value: any, props: any): void;

package/dist/components/SimpleTable/handlers/handleColActions.js

@@ -0,0 +1,25 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleAddCol = void 0;
+var genHash_1 = require("../utils/genHash");
+var handleAddCol = function (value, props) {
+    var onChange = props.onChange, id = props.id;
+    var data = value.data, colWidthConfig = value.colWidthConfig;
+    var newData = __spreadArray([], data, true);
+    newData.map(function (row) {
+        row.cellData.push({
+            id: "row_".concat((0, genHash_1.genHash)(8)),
+        });
+    });
+    onChange && onChange(id, { data: newData, colWidthConfig: colWidthConfig });
+};
+exports.handleAddCol = handleAddCol;

package/dist/components/SimpleTable/handlers/handleRowActions.d.ts

@@ -0,0 +1,25 @@
+export function handleAddRow(value: any, props: any): void;
+export function handleDeleteRow({ value, rowIdx, onChange, id }: {
+    value: any;
+    rowIdx: any;
+    onChange: any;
+    id: any;
+}): void;
+export function handleDuplicateRow({ value, rowIdx, onChange, id }: {
+    value: any;
+    rowIdx: any;
+    onChange: any;
+    id: any;
+}): void;
+export function handleInsertRowAfter({ value, rowIdx, onChange, id }: {
+    value: any;
+    rowIdx: any;
+    onChange: any;
+    id: any;
+}): void;
+export function handleInsertRowBefore({ value, rowIdx, onChange, id }: {
+    value: any;
+    rowIdx: any;
+    onChange: any;
+    id: any;
+}): void;

package/dist/components/SimpleTable/handlers/handleRowActions.js

@@ -0,0 +1,69 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleInsertRowBefore = exports.handleInsertRowAfter = exports.handleDuplicateRow = exports.handleDeleteRow = exports.handleAddRow = void 0;
+var makeArrayFromLength_1 = require("../../../utils/makeArrayFromLength");
+var genHash_1 = require("../utils/genHash");
+var genNewRow = function (_a) {
+    var data = _a.data, rowIdx = _a.rowIdx;
+    var totCells = data[rowIdx].cellData.length;
+    return ({
+        id: "row_".concat((0, genHash_1.genHash)(8)),
+        cellData: (0, makeArrayFromLength_1.makeArrayFromLength)(totCells).map(function (d, i) { return ({
+            id: "cell_".concat((0, genHash_1.genHash)(8)),
+        }); })
+    });
+};
+var handleAddRow = function (value, props) {
+    var onChange = props.onChange, id = props.id;
+    var data = value.data, colWidthConfig = value.colWidthConfig;
+    var newData = __spreadArray([], data, true);
+    var lastRowIdx = newData.length - 1;
+    var newRow = genNewRow({ data: newData, rowIdx: lastRowIdx });
+    newData.push(newRow);
+    onChange && onChange(id, { data: newData, colWidthConfig: colWidthConfig });
+};
+exports.handleAddRow = handleAddRow;
+var handleDeleteRow = function (_a) {
+    var value = _a.value, rowIdx = _a.rowIdx, onChange = _a.onChange, id = _a.id;
+    var data = value.data, colWidthConfig = value.colWidthConfig;
+    var newData = __spreadArray([], data, true);
+    newData.splice(rowIdx, 1);
+    onChange && onChange(id, { data: newData, colWidthConfig: colWidthConfig });
+};
+exports.handleDeleteRow = handleDeleteRow;
+var handleDuplicateRow = function (_a) {
+    var value = _a.value, rowIdx = _a.rowIdx, onChange = _a.onChange, id = _a.id;
+    var data = value.data, colWidthConfig = value.colWidthConfig;
+    var newData = __spreadArray([], data, true);
+    var dataToDuplicate = newData[rowIdx];
+    newData.splice(rowIdx + 1, 0, dataToDuplicate);
+    onChange && onChange(id, { data: newData, colWidthConfig: colWidthConfig });
+};
+exports.handleDuplicateRow = handleDuplicateRow;
+var handleInsertRowAfter = function (_a) {
+    var value = _a.value, rowIdx = _a.rowIdx, onChange = _a.onChange, id = _a.id;
+    var data = value.data, colWidthConfig = value.colWidthConfig;
+    var newData = __spreadArray([], data, true);
+    var newRow = genNewRow({ data: newData, rowIdx: rowIdx });
+    newData.splice(rowIdx + 1, 0, newRow);
+    onChange && onChange(id, { data: newData, colWidthConfig: colWidthConfig });
+};
+exports.handleInsertRowAfter = handleInsertRowAfter;
+var handleInsertRowBefore = function (_a) {
+    var value = _a.value, rowIdx = _a.rowIdx, onChange = _a.onChange, id = _a.id;
+    var data = value.data, colWidthConfig = value.colWidthConfig;
+    var newData = __spreadArray([], data, true);
+    var newRow = genNewRow({ data: newData, rowIdx: rowIdx });
+    newData.splice(rowIdx, 0, newRow);
+    onChange && onChange(id, { data: newData, colWidthConfig: colWidthConfig });
+};
+exports.handleInsertRowBefore = handleInsertRowBefore;

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

@@ -1,4 +1,4 @@
-export function SimpleTable({ id, readOnly, config, value: _value, onChange, canAddRows, defaultColWidth, }: {
+export function SimpleTable({ id, readOnly, config, value: _value, onChange, defaultColWidth, }: {
     id: any;
     readOnly: any;
     config?: {
@@ -9,7 +9,6 @@ export function SimpleTable({ id, readOnly, config, value: _value, onChange, can
     };
     value: any;
     onChange: any;
-    canAddRows?: boolean;
     defaultColWidth?: number;
 }, ...args: any[]): React.JSX.Element;
 import React from "react";

package/dist/components/SimpleTable/index.js

@@ -52,20 +52,25 @@ var BlockLabel_1 = require("../BlockLabel");
 var styled_components_1 = require("styled-components");
 var utilsOolib_1 = require("../../utilsOolib");
 var AddRowColButtons_1 = require("./comps/AddRowColButtons");
-var functions_1 = require("./functions");
+var ColActionsMenu_1 = require("./comps/ColActionsMenu");
+var RowActionsMenu_1 = require("./comps/RowActionsMenu");
+var handleColActions_1 = require("./handlers/handleColActions");
+var handleRowActions_1 = require("./handlers/handleRowActions");
 var styled_1 = require("./styled");
 var useResizeTableColumns_1 = require("./useResizeTableColumns");
-var prepInitValueFromConfigIfNoValue_1 = require("./utils/prepInitValueFromConfigIfNoValue");
 var convertColHeaderConfigToRowData_1 = require("./utils/convertColHeaderConfigToRowData");
+var prepInitValueFromConfigIfNoValue_1 = require("./utils/prepInitValueFromConfigIfNoValue");
 var greyColor100 = themes_1.colors.greyColor100;
 /*pending:
 - first test whatever is done on okf
 - add col is still buggy. cannot resize, plus width seems wrong of new col
-- add rowHeaderData functionality
 - fix bugs in the pointer and risize hover
 - action menu to toggle header styles for col & row
 - action menu to toggle between stretch to available width vs fixed col widths (this might not be straightforward)
-- delete cols & rows
+- col Actions
+- focussed css can be refined.
+- in general table styling should be slightly different i think.
+- mobile responsiveness
 - reposition cols & rows
 */
 function SimpleTable(_a) {
@@ -73,26 +78,25 @@ function SimpleTable(_a) {
         noOfCols: 3,
         noOfRows: 3,
         colHeaderData: undefined,
-        rowHeaderData: undefined
-    } : _b, _value = _a.value, onChange = _a.onChange, _c = _a.canAddRows, canAddRows = _c === void 0 ? true : _c, _d = _a.defaultColWidth, defaultColWidth = _d === void 0 ? 200 : _d;
+        rowHeaderData: undefined,
+    } : _b, _value = _a.value, onChange = _a.onChange, _c = _a.defaultColWidth, defaultColWidth = _c === void 0 ? 200 : _c;
     var props = arguments[0];
     var theme = (0, styled_components_1.useTheme)();
-    var _e = theme || {}, RichTextEditor = _e.RichTextEditor, convertToRichText = _e.convertToRichText;
-    var _f = (0, prepInitValueFromConfigIfNoValue_1.prepInitValueFromConfigIfNoValue)({
+    var _d = theme || {}, RichTextEditor = _d.RichTextEditor, convertToRichText = _d.convertToRichText;
+    var _e = (0, prepInitValueFromConfigIfNoValue_1.prepInitValueFromConfigIfNoValue)({
         _value: _value,
         config: config,
         defaultColWidth: defaultColWidth,
-    }), value = _f.value, canAddCols = _f.canAddCols, //returns true if no config.colHeaderData is defined. else false
-    canToggleColHeaderStyle = _f.canToggleColHeaderStyle // returns true if no config.colHeaderData is defined. else false
-    ;
-    var _g = (0, useResizeTableColumns_1.useResizeTableColumns)({
+    }), value = _e.value, enableColActions = _e.enableColActions, //returns all possible actions config if no config.colHeaderData is defined. else undefined\
+    enableRowActions = _e.enableRowActions, canToggleColHeaderStyle = _e.canToggleColHeaderStyle;
+    var _f = (0, useResizeTableColumns_1.useResizeTableColumns)({
         setColWidthConfig: function (setterFn) {
             var newColWidthConfig = setterFn(value.colWidthConfig);
             onChange(id, __assign(__assign({}, value), { colWidthConfig: newColWidthConfig }));
         },
         colWidthConfig: value.colWidthConfig,
         theme: theme,
-    }), resetColResizeState = _g.resetColResizeState, hideShowDragZoneIndicator = _g.hideShowDragZoneIndicator, initColResizeState = _g.initColResizeState, resetDragZoneIndicator = _g.resetDragZoneIndicator, handleResizeColumn = _g.handleResizeColumn, colResizeState = _g.colResizeState, dragZoneWidth = _g.dragZoneWidth;
+    }), resetColResizeState = _f.resetColResizeState, hideShowDragZoneIndicator = _f.hideShowDragZoneIndicator, initColResizeState = _f.initColResizeState, resetDragZoneIndicator = _f.resetDragZoneIndicator, handleResizeColumn = _f.handleResizeColumn, colResizeState = _f.colResizeState, dragZoneWidth = _f.dragZoneWidth;
     (0, react_1.useEffect)(function () {
         window.addEventListener("mouseup", resetColResizeState);
         window.addEventListener("mousemove", handleResizeColumn);
@@ -113,11 +117,18 @@ function SimpleTable(_a) {
             variant: "simple",
             typo: "SANS_3",
             placeholder: " ",
+            style: {
+                padding: "0.8rem 1rem",
+            },
         },
         // KPDropdown: {
         // 	size: 'small',
         // },
     };
+    var _g = (0, react_1.useState)({
+        rowIdx: undefined,
+        colIdx: undefined,
+    }), hoveredRowAndCol = _g[0], setHoveredRowAndCol = _g[1];
     var CellValueGetters = {
         RichTextEditor: function (v) { return (convertToRichText ? convertToRichText(v) : v); },
     }; //prob dont need this..
@@ -156,9 +167,29 @@ function SimpleTable(_a) {
                     minHeight: "4rem",
                     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)),
-                }, onMouseDown: function (e) {
+                }, onMouseEnter: function (e) {
+                    console.log({
+                        row: rowIdx,
+                        col: cellIdx,
+                    });
+                    setHoveredRowAndCol({
+                        rowIdx: rowIdx,
+                        colIdx: cellIdx,
+                    });
+                }, 
+                // onMouseOver={e => {
+                //   setHoveredRowAndCol(e.target.getBoundingClientRect())
+                // }}
+                onMouseDown: function (e) {
                     initColResizeState(e, { colId: "col_".concat(cellIdx) });
                 }, onMouseOut: resetDragZoneIndicator, onMouseMove: hideShowDragZoneIndicator, tabIndex: 0 },
+                enableColActions &&
+                    rowIdx === 0 &&
+                    hoveredRowAndCol.colIdx === cellIdx && react_1.default.createElement(ColActionsMenu_1.ColActionsMenu, null),
+                enableRowActions &&
+                    cellIdx === 0 &&
+                    rowIdx !== undefined && //cuz for fixed col headers, rowIdx is undefined
+                    hoveredRowAndCol.rowIdx === rowIdx && (react_1.default.createElement(RowActionsMenu_1.RowActionsMenu, __assign({}, { value: value, rowIdx: rowIdx, onChange: onChange, id: id }))),
                 react_1.default.createElement(CellComp, __assign({}, cellProps, { id: "kp_table_cell__".concat(cell.id, "__rich_input") /*dont mess with this id nomenclature. it needs to stay this way. check out the handleCellInputChange fn to understand */, value: cellValue, readOnly: readOnly || cell.readOnly, onChange: function (k, v) {
                         return handleCellInputChange({ v: v, rowIdx: rowIdx, cellIdx: cellIdx });
                     } }))));
@@ -171,10 +202,18 @@ function SimpleTable(_a) {
                 alignItems: "stretch" /**without stretch AddColButton will be wonky */,
             } },
             react_1.default.createElement("div", null,
-                react_1.default.createElement(styled_1.StyledSimpleTable, null,
-                    config.colHeaderData && genRow({ row: (0, convertColHeaderConfigToRowData_1.convertColHeaderConfigToRowData)({ colHeaderData: config.colHeaderData, convertToRichText: convertToRichText }) }),
+                react_1.default.createElement(styled_1.StyledSimpleTable, { onMouseLeave: function () {
+                        return setHoveredRowAndCol({ rowIdx: undefined, colIdx: undefined });
+                    } },
+                    config.colHeaderData &&
+                        genRow({
+                            row: (0, convertColHeaderConfigToRowData_1.convertColHeaderConfigToRowData)({
+                                colHeaderData: config.colHeaderData,
+                                convertToRichText: convertToRichText,
+                            }),
+                        }),
                     value.data.map(function (row, rowIdx) { return genRow({ row: row, rowIdx: rowIdx }); })),
-                !readOnly && canAddRows && (react_1.default.createElement(AddRowColButtons_1.AddRowButton, { onClick: function () { return (0, functions_1.handleAddRow)(value, props); } }))),
-            !readOnly && canAddCols && (react_1.default.createElement(AddRowColButtons_1.AddColButton, { onClick: function () { return (0, functions_1.handleAddCol)(value, props); } })))));
+                !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, { onClick: function () { return (0, handleColActions_1.handleAddCol)(value, props); } })))));
 }
 exports.SimpleTable = SimpleTable;

package/dist/components/SimpleTable/styled.js

@@ -37,9 +37,9 @@ exports.StyledSimpleTableRow = styled_components_1.default.div(templateObject_2
     var rowIdx = _a.rowIdx;
     return rowIdx % 2 === 1 ? themes_1.colors.white : themes_1.colors.greyColor3;
 });
-exports.StyledSimpleTableCell = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  /* max-width: 300px; */\n  padding: 0.8rem 1rem;\n  /* margin: 0 1rem; */\n  border-right: 1px solid ", ";\n  ", ";\n  ", "\n"], ["\n  /* max-width: 300px; */\n  padding: 0.8rem 1rem;\n  /* margin: 0 1rem; */\n  border-right: 1px solid ", ";\n  ", ";\n  ", "\n"])), themes_1.colors.greyColor10, (0, transitions_1.transition)("background-color"), function (_a) {
+exports.StyledSimpleTableCell = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  /* max-width: 300px; */\n  /* padding: 0 1rem; */\n  /* margin: 0 1rem; */\n  position: relative;\n  border-right: 1px solid ", ";\n  ", ";\n  ", "\n"], ["\n  /* max-width: 300px; */\n  /* padding: 0 1rem; */\n  /* margin: 0 1rem; */\n  position: relative;\n  border-right: 1px solid ", ";\n  ", ";\n  ", "\n"])), themes_1.colors.greyColor10, (0, transitions_1.transition)("background-color"), function (_a) {
     var readOnly = _a.readOnly, theme = _a.theme;
-    return !readOnly && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    :hover{\n        background-color: ", ";\n    }\n    :focus{\n      outline: 1px solid ", ";\n      background-color: ", ";\n    }    \n  "], ["\n    :hover{\n        background-color: ", ";\n    }\n    :focus{\n      outline: 1px solid ", ";\n      background-color: ", ";\n    }    \n  "])), (0, utilsOolib_1.getPrimaryColor10)(theme === null || theme === void 0 ? void 0 : theme.colors), (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors), themes_1.colors.none);
+    return !readOnly && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    :hover{\n        background-color: ", ";\n    }\n    :focus-within{\n      outline: 1px solid ", ";\n      background-color: ", ";\n    }    \n  "], ["\n    :hover{\n        background-color: ", ";\n    }\n    :focus-within{\n      outline: 1px solid ", ";\n      background-color: ", ";\n    }    \n  "])), (0, utilsOolib_1.getPrimaryColor10)(theme === null || theme === void 0 ? void 0 : theme.colors), (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors), themes_1.colors.none);
 });
 exports.StyledSimpleTableHeader = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  .public-DraftEditor-content {\n    font-weight: 600;\n  }\n  background-color: ", ";\n  border-bottom: 2px solid ", ";\n"], ["\n  .public-DraftEditor-content {\n    font-weight: 600;\n  }\n  background-color: ", ";\n  border-bottom: 2px solid ", ";\n"])), themes_1.colors.greyColor, themes_1.colors.greyColor10);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/components/SimpleTable/utils/genHash.d.ts

@@ -0,0 +1 @@
+export function genHash(len: any): string;

package/dist/components/SimpleTable/utils/genHash.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.genHash = void 0;
+var makeArrayFromLength_1 = require("../../../utils/makeArrayFromLength");
+var genHash = function (len) {
+    var arr = "1234567890abcdefghijklmnopqrstuvwxyz";
+    var ans = "";
+    for (var i = len; i > 0; i--) {
+        ans += arr[Math.floor(Math.random() * arr.length)];
+    }
+    return ans;
+};
+exports.genHash = genHash;

package/dist/components/SimpleTable/utils/prepInitValueFromConfigIfNoValue.d.ts

@@ -4,6 +4,7 @@ export function prepInitValueFromConfigIfNoValue({ _value, config, defaultColWid
     defaultColWidth: any;
 }): {
     value: any;
-    canAddCols: boolean;
+    enableColActions: boolean;
+    enableRowActions: boolean;
     canToggleColHeaderStyle: boolean;
 };

package/dist/components/SimpleTable/utils/prepInitValueFromConfigIfNoValue.js

@@ -22,7 +22,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prepInitValueFromConfigIfNoValue = void 0;
 var makeArrayFromLength_1 = require("../../../utils/makeArrayFromLength");
-var functions_1 = require("../functions");
+var genHash_1 = require("./genHash");
 var prepInitValueFromConfigIfNoValue = function (_a) {
     var _b, _c;
     var _value = _a._value, config = _a.config, defaultColWidth = _a.defaultColWidth;
@@ -47,7 +47,8 @@ var prepInitValueFromConfigIfNoValue = function (_a) {
             };
     return {
         value: value,
-        canAddCols: !!!config.colHeaderData,
+        enableColActions: config.colHeaderData ? false : true,
+        enableRowActions: true,
         canToggleColHeaderStyle: !!!config.colHeaderData, // meaning its true if no config.colHeaderData is defined. else false
     };
 };
@@ -67,9 +68,9 @@ var getInitColWidthConfigs = function (_a) {
 var insertRowAndCellIds = function (_a) {
     var noOfRows = _a.noOfRows, noOfCols = _a.noOfCols;
     return (0, makeArrayFromLength_1.makeArrayFromLength)(noOfRows).map(function () { return ({
-        id: "row_".concat((0, functions_1.genHash)(8)),
+        id: "row_".concat((0, genHash_1.genHash)(8)),
         cellData: (0, makeArrayFromLength_1.makeArrayFromLength)(noOfCols).map(function () { return ({
-            id: "cell_".concat((0, functions_1.genHash)(8)),
+            id: "cell_".concat((0, genHash_1.genHash)(8)),
         }); }),
     }); });
 };

package/package.json

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

package/dist/components/SimpleTable/functions.d.ts

@@ -1,3 +0,0 @@
-export function genHash(len: any): string;
-export function handleAddCol(value: any, props: any): void;
-export function handleAddRow(value: any, props: any): void;

package/dist/components/SimpleTable/functions.js

@@ -1,52 +0,0 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleAddRow = exports.handleAddCol = exports.genHash = void 0;
-var makeArrayFromLength_1 = require("../../utils/makeArrayFromLength");
-var genHash = function (len) {
-    var arr = "1234567890abcdefghijklmnopqrstuvwxyz";
-    var ans = "";
-    for (var i = len; i > 0; i--) {
-        ans += arr[Math.floor(Math.random() * arr.length)];
-    }
-    return ans;
-};
-exports.genHash = genHash;
-var handleAddCol = function (value, props) {
-    var onChange = props.onChange, id = props.id;
-    var data = value.data, colWidthConfig = value.colWidthConfig;
-    var newData = __spreadArray([], data, true);
-    newData.map(function (row) {
-        row.cellData.push({
-            id: "row_".concat((0, exports.genHash)(8)),
-        });
-    });
-    onChange && onChange(id, { data: newData, colWidthConfig: colWidthConfig });
-};
-exports.handleAddCol = handleAddCol;
-var handleAddRow = function (value, props) {
-    var onChange = props.onChange, id = props.id;
-    var data = value.data, colWidthConfig = value.colWidthConfig;
-    var newData = __spreadArray([], data, true);
-    var lastRowIdx = newData.length - 1;
-    var newRowTotCells = newData[lastRowIdx].cellData.length;
-    if (!newRowTotCells)
-        return;
-    var newRow = {
-        id: "row_".concat((0, exports.genHash)(8)),
-        cellData: (0, makeArrayFromLength_1.makeArrayFromLength)(newRowTotCells).map(function (d, i) { return ({
-            id: "cell_".concat((0, exports.genHash)(8)),
-        }); })
-    };
-    newData.push(newRow);
-    onChange && onChange(id, { data: newData, colWidthConfig: colWidthConfig });
-};
-exports.handleAddRow = handleAddRow;