oolib 2.67.7 → 2.67.9

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

@@ -5,8 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColActionsMenu = void 0;
 var react_1 = __importDefault(require("react"));
+var ActionMenu_1 = require("../../../ActionMenu");
 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' } })));
+    return (react_1.default.createElement("div", { style: { position: 'absolute', top: 0, left: '50%', transform: 'translate(-50%, -100%)' } },
+        react_1.default.createElement(ActionMenu_1.ActionMenu, { actions: [
+                {
+                    display: 'Dummy',
+                    onClick: function () { return console.log('dummy'); },
+                }
+            ] })));
 };
 exports.ColActionsMenu = ColActionsMenu;

package/dist/components/SimpleTable/index.js

@@ -64,14 +64,10 @@ 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
-- 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)
+- fix bugs in the pointer and resize hover
 - 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) {
     var id = _a.id, readOnly = _a.readOnly, _b = _a.config, config = _b === void 0 ? {
@@ -168,10 +164,6 @@ function SimpleTable(_a) {
                     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)),
                 }, onMouseEnter: function (e) {
-                    console.log({
-                        row: rowIdx,
-                        col: cellIdx,
-                    });
                     setHoveredRowAndCol({
                         rowIdx: rowIdx,
                         colIdx: cellIdx,
@@ -183,10 +175,10 @@ function SimpleTable(_a) {
                 onMouseDown: function (e) {
                     initColResizeState(e, { colId: "col_".concat(cellIdx) });
                 }, onMouseOut: resetDragZoneIndicator, onMouseMove: hideShowDragZoneIndicator, tabIndex: 0 },
-                enableColActions &&
+                !readOnly && enableColActions &&
                     rowIdx === 0 &&
                     hoveredRowAndCol.colIdx === cellIdx && react_1.default.createElement(ColActionsMenu_1.ColActionsMenu, null),
-                enableRowActions &&
+                !readOnly && 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 }))),

package/dist/components/SimpleTable/styled.js

@@ -37,7 +37,7 @@ 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 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) {
+exports.StyledSimpleTableCell = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  border-right: 1px solid ", ";\n  ", ";\n  ", "\n"], ["\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-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);
 });

package/package.json

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