oolib 2.183.0 → 2.185.0

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

@@ -13,6 +13,7 @@ export function SimpleTable({ id, readOnly, config, value: _value, onChange, def
     config?: {
         noOfCols: number;
         noOfRows: number;
+        headerForRowHeadersColumn: any;
         colHeaderData: any;
         rowHeaderData: any;
         disableAddRow: boolean;

package/dist/components/SimpleTable/index.js

@@ -78,6 +78,8 @@ var convertRowHeaderConfigToCellData_1 = require("./utils/convertRowHeaderConfig
 var prepInitValueFromConfigIfNoValue_1 = require("./utils/prepInitValueFromConfigIfNoValue");
 var DropdownSingle_1 = require("../Dropdowns/DropdownSingle");
 var TextInputs_1 = require("../TextInputs");
+var icons_1 = require("../../icons");
+var ArrowDown = icons_1.icons.ArrowDown;
 var greyColor100 = themes_1.colors.greyColor100;
 /**
  * PENDINGS
@@ -92,6 +94,7 @@ function SimpleTable(_a) {
     var id = _a.id, readOnly = _a.readOnly, _b = _a.config, config = _b === void 0 ? {
         noOfCols: 3,
         noOfRows: 3,
+        headerForRowHeadersColumn: undefined,
         colHeaderData: undefined,
         rowHeaderData: undefined,
         disableAddRow: false,
@@ -254,18 +257,24 @@ function SimpleTable(_a) {
         var StyledWrapper = row.isColHeader
             ? styled_1.StyledSimpleTableHeader
             : styled_1.StyledSimpleTableRow;
+        var CellCompNameForHeaderForRowHeadersColumn = function () { return RichTextEditor || react_1.default.createElement("div", null, "No Comp Name"); };
         return (react_1.default.createElement(StyledWrapper, { actionsActiveOnRow: actionsActiveOnRow, 
             // onClick={() => row.link && history.push(row.link)}
             style: { display: "flex" }, readOnly: readOnly, rowIdx: rowIdx, key: row.id },
-            config.rowHeaderData &&
-                genCell({
-                    cell: (0, convertRowHeaderConfigToCellData_1.convertRowHeaderConfigToCellData)({
-                        rowHeaderData: config.rowHeaderData,
-                        convertToRichText: convertToRichText,
-                        rowIdx: rowIdx
-                    }),
-                    enableColResizeActions: false //because pre-frozen column cannot be resized by user
+            config.rowHeaderData && (row.isColHeader && config.headerForRowHeadersColumn !== undefined ? (react_1.default.createElement(styled_1.StyledSimpleTableHeaderCell, { key: "cornerHeaderCell", id: "kp_table__cell__cornerHeaderCell", readOnly: true, style: {
+                    color: greyColor100,
+                    width: value.colWidthConfig["col_corner"] || defaultColWidth + 'px',
+                } },
+                react_1.default.createElement("div", { style: { display: "flex", gap: "0.5rem" } },
+                    react_1.default.createElement(CellCompNameForHeaderForRowHeadersColumn, __assign({}, CellContentBlockDefaultProps.TextInput, { id: "kp_table_cell__cornerHeaderCell__rich_input", value: config.headerForRowHeadersColumn, readOnly: true })),
+                    react_1.default.createElement(ArrowDown, null)))) : (genCell({
+                cell: (0, convertRowHeaderConfigToCellData_1.convertRowHeaderConfigToCellData)({
+                    rowHeaderData: config.rowHeaderData,
+                    convertToRichText: convertToRichText,
+                    rowIdx: rowIdx
                 }),
+                enableColResizeActions: false
+            }))),
             row.cellData.map(function (cell, cellIdx) { return genCell({ cell: cell, cellIdx: cellIdx, rowIdx: rowIdx }); })));
     };
     var fullWidthCompWrapper = (0, react_1.useRef)(null);

package/dist/icons/index.d.ts

@@ -123,6 +123,7 @@ export namespace icons {
     export { PaperPlaneTilt };
     export { NotePencil };
     export { CircleNotch };
+    export { PaintBucket };
     export { OkeGoogleIcon };
     export { LetterH };
     export { IndexIcon };
@@ -311,6 +312,7 @@ import { ArrowLineDown } from 'phosphor-react';
 import { PaperPlaneTilt } from 'phosphor-react';
 import { NotePencil } from 'phosphor-react';
 import { CircleNotch } from 'phosphor-react';
+import { PaintBucket } from 'phosphor-react';
 import { OkeGoogleIcon } from "./custom";
 import { LetterH } from "./custom";
 import { IndexIcon } from "./custom";

package/dist/icons/index.js

@@ -128,6 +128,7 @@ exports.icons = {
     PaperPlaneTilt: phosphor_react_1.PaperPlaneTilt,
     NotePencil: phosphor_react_1.NotePencil,
     CircleNotch: phosphor_react_1.CircleNotch,
+    PaintBucket: phosphor_react_1.PaintBucket,
     //custom icons
     OkeGoogleIcon: custom_1.OkeGoogleIcon,
     LetterH: custom_1.LetterH,

package/dist/v2/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxInput/index.js

@@ -35,7 +35,7 @@ var CheckboxInput = function (_a) {
     return option.loading ? (react_1.default.createElement(TextLoader_1.TextLoader, { style: { width: "8rem", height: "1.5rem" } })) : inputStyle === "tagSelect" ? (react_1.default.createElement(Tags_1.TagSelect, { isSelected: isSelected, invert: invert, disabled: disabled, onClick: function () { return !disabled && onClick(isSelected, option); }, display: option.display, value: option.value, style: { alignSelf: "flex-start" } })) : (react_1.default.createElement(styled_1.StyledOption, { rightWrongResult: rightWrongResult, isSelected: isSelected, disabled: disabled, invert: invert, S: S, className: className, onClick: function () {
             return !rightWrongResult && !disabled && onClick && onClick(isSelected, option);
         } },
-        react_1.default.createElement("div", { style: { alignSelf: "flex-start", background: "yellow" } }, rightWrongResult
+        react_1.default.createElement("div", { style: { alignSelf: "flex-start" } }, rightWrongResult
             ? ["markCorrect", "revealCorrect"].includes(markingCommand)
                 ? genCheckSquare()
                 : markingCommand === "markWrong"

package/package.json

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