oolib 2.67.2 → 2.67.4

package/dist/components/SimpleTable/index.js

@@ -56,6 +56,7 @@ var functions_1 = require("./functions");
 var styled_1 = require("./styled");
 var useResizeTableColumns_1 = require("./useResizeTableColumns");
 var prepInitValueFromConfigIfNoValue_1 = require("./utils/prepInitValueFromConfigIfNoValue");
+var convertColHeaderConfigToRowData_1 = require("./utils/convertColHeaderConfigToRowData");
 var greyColor100 = themes_1.colors.greyColor100;
 /*pending:
 - first test whatever is done on okf
@@ -81,11 +82,9 @@ function SimpleTable(_a) {
         _value: _value,
         config: config,
         defaultColWidth: defaultColWidth,
-        convertToRichText: convertToRichText
     }), 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
     ;
-    console.log({ value: value });
     var _g = (0, useResizeTableColumns_1.useResizeTableColumns)({
         setColWidthConfig: function (setterFn) {
             var newColWidthConfig = setterFn(value.colWidthConfig);
@@ -151,7 +150,7 @@ function SimpleTable(_a) {
             // 	...CellContentBlockDefaultProps[cell.comp],
             // 	...(cell.props ? cell.props : {}),
             // }
-            return (react_1.default.createElement(styled_1.StyledSimpleTableCell, { key: cell.id, id: "kp_table__cell__".concat(cell.id), style: {
+            return (react_1.default.createElement(styled_1.StyledSimpleTableCell, { key: cell.id, id: "kp_table__cell__".concat(cell.id), readOnly: readOnly || cell.readOnly, style: {
                     color: greyColor100,
                     width: "".concat(cellWidth),
                     minHeight: "4rem",
@@ -159,7 +158,7 @@ function SimpleTable(_a) {
                         "2px solid ".concat((0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors)),
                 }, onMouseDown: function (e) {
                     initColResizeState(e, { colId: "col_".concat(cellIdx) });
-                }, onMouseOut: resetDragZoneIndicator, onMouseMove: hideShowDragZoneIndicator },
+                }, onMouseOut: resetDragZoneIndicator, onMouseMove: hideShowDragZoneIndicator, tabIndex: 0 },
                 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 });
                     } }))));
@@ -172,7 +171,9 @@ 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, value.data.map(function (row, rowIdx) { return genRow({ row: row, rowIdx: rowIdx }); })),
+                react_1.default.createElement(styled_1.StyledSimpleTable, null,
+                    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); } })))));
 }

package/dist/components/SimpleTable/styled.js

@@ -33,13 +33,13 @@ var transitions_1 = require("../../themes/mixins/transitions");
 var styled_components_1 = __importStar(require("styled-components"));
 var utilsOolib_1 = require("../../utilsOolib");
 exports.StyledSimpleTable = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n  border-left: 1px solid ", ";\n"], ["\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n  border-left: 1px solid ", ";\n"])), themes_1.colors.greyColor10, themes_1.colors.greyColor10, themes_1.colors.greyColor10);
-exports.StyledSimpleTableRow = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  ", ";\n  background-color: ", ";\n  ", "\n"], ["\n  display: flex;\n  ", ";\n  background-color: ", ";\n  ", "\n"])), (0, transitions_1.transition)("background-color"), function (_a) {
+exports.StyledSimpleTableRow = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  ", ";\n  background-color: ", ";\n"], ["\n  display: flex;\n  ", ";\n  background-color: ", ";\n"])), (0, transitions_1.transition)("background-color"), function (_a) {
     var rowIdx = _a.rowIdx;
-    return rowIdx % 2 === 1 ? themes_1.colors.greyColor3 : themes_1.colors.white;
-}, function (_a) {
+    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) {
     var readOnly = _a.readOnly, theme = _a.theme;
-    return !readOnly && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    :hover{\n        background-color: ", ";\n    }\n      \n    "], ["\n    :hover{\n        background-color: ", ";\n    }\n      \n    "])), (0, utilsOolib_1.getPrimaryColor10)(theme === null || theme === void 0 ? void 0 : theme.colors));
+    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);
 });
-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  /* max-width: 300px; */\n  padding: 0.8rem 1rem;\n  /* margin: 0 1rem; */\n  border-right: 1px solid ", ";\n"])), themes_1.colors.greyColor10);
 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/convertColHeaderConfigToRowData.d.ts

@@ -0,0 +1,8 @@
+export function convertColHeaderConfigToRowData({ colHeaderData, convertToRichText }: {
+    colHeaderData: any;
+    convertToRichText: any;
+}): {
+    id: string;
+    isColHeader: boolean;
+    cellData: any;
+};

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertColHeaderConfigToRowData = void 0;
+var convertColHeaderConfigToRowData = function (_a) {
+    var colHeaderData = _a.colHeaderData, convertToRichText = _a.convertToRichText;
+    return {
+        id: "colHeader",
+        isColHeader: true,
+        cellData: colHeaderData.map(function (d, i) { return ({
+            value: convertToRichText ? convertToRichText(d) : d,
+            readOnly: true,
+            id: "colHeaderCell_".concat(i),
+        }); }),
+    };
+};
+exports.convertColHeaderConfigToRowData = convertColHeaderConfigToRowData;

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

@@ -1,8 +1,7 @@
-export function prepInitValueFromConfigIfNoValue({ _value, config, defaultColWidth, convertToRichText }: {
+export function prepInitValueFromConfigIfNoValue({ _value, config, defaultColWidth, }: {
     _value: any;
     config: any;
     defaultColWidth: any;
-    convertToRichText: any;
 }): {
     value: any;
     canAddCols: boolean;

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

@@ -22,16 +22,15 @@ 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 toArray_1 = require("../../../utils/toArray");
 var functions_1 = require("../functions");
 var prepInitValueFromConfigIfNoValue = function (_a) {
     var _b;
-    var _value = _a._value, config = _a.config, defaultColWidth = _a.defaultColWidth, convertToRichText = _a.convertToRichText;
+    var _value = _a._value, config = _a.config, defaultColWidth = _a.defaultColWidth;
     //if colHeaderData is defined then that decides the noOfCols.
     var noOfCols = ((_b = config.colHeaderData) === null || _b === void 0 ? void 0 : _b.length) || config.noOfCols;
     var value = !_value
         ? {
-            data: __spreadArray(__spreadArray([], (config.colHeaderData ? [convertColHeaderConfigToRowData({ colHeaderData: config.colHeaderData, convertToRichText: convertToRichText })] : []), true), insertRowAndCellIds({
+            data: __spreadArray([], insertRowAndCellIds({
                 noOfRows: config.noOfRows,
                 noOfCols: noOfCols
             }), true),
@@ -50,18 +49,6 @@ var prepInitValueFromConfigIfNoValue = function (_a) {
     });
 };
 exports.prepInitValueFromConfigIfNoValue = prepInitValueFromConfigIfNoValue;
-var convertColHeaderConfigToRowData = function (_a) {
-    var colHeaderData = _a.colHeaderData, convertToRichText = _a.convertToRichText;
-    return {
-        id: "colHeader",
-        isColHeader: true,
-        cellData: colHeaderData.map(function (d, i) { return ({
-            value: convertToRichText ? convertToRichText(d) : d,
-            readOnly: true,
-            id: "colHeaderCell_".concat(i),
-        }); }),
-    };
-};
 var getInitColWidthConfigs = function (_a) {
     var noOfCols = _a.noOfCols, defaultColWidth = _a.defaultColWidth;
     return (0, makeArrayFromLength_1.makeArrayFromLength)(noOfCols)

package/package.json

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