oolib 2.132.1 → 2.132.3

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

@@ -1,3 +1,10 @@
+/**
+ * PENDINGS
+ * - Ideally should migrate RichTextEditor to Lexical
+ * - Should run a function that converts rich text to plain text and sends that out in onChange. (like how we do for TitleInput)
+ * - for backwards compatibility, in the initValueSetting function, we should convert all plain text values to lexical shape & all draftjs shaped values also to lexical shape
+ * - memoization of cell comps maybe? there is some commented code for the same below..
+ */
 export function SimpleTable({ id, readOnly, config, value: _value, onChange, defaultColWidth, }: {
     id: any;
     readOnly: any;

package/dist/components/SimpleTable/index.js

@@ -68,14 +68,13 @@ var convertRowHeaderConfigToCellData_1 = require("./utils/convertRowHeaderConfig
 var prepInitValueFromConfigIfNoValue_1 = require("./utils/prepInitValueFromConfigIfNoValue");
 var DropdownSingle_1 = require("../Dropdowns/DropdownSingle");
 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 resize hover
-- col Actions
-- focussed css can be refined.
-- mobile responsiveness
-*/
+/**
+ * PENDINGS
+ * - Ideally should migrate RichTextEditor to Lexical
+ * - Should run a function that converts rich text to plain text and sends that out in onChange. (like how we do for TitleInput)
+ * - for backwards compatibility, in the initValueSetting function, we should convert all plain text values to lexical shape & all draftjs shaped values also to lexical shape
+ * - memoization of cell comps maybe? there is some commented code for the same below..
+ */
 function SimpleTable(_a) {
     var id = _a.id, readOnly = _a.readOnly, _b = _a.config, config = _b === void 0 ? {
         noOfCols: 3,
@@ -128,10 +127,6 @@ function SimpleTable(_a) {
     var CellContentBlocks = {
         RichTextEditor: RichTextEditor,
         DropdownSingle: DropdownSingle_1.DropdownSingle
-        // KPDropdown,
-        // TextInput,
-        // RadioList,
-        // SANS_3,
     };
     var CellContentBlockDefaultProps = {
         RichTextEditor: {
@@ -143,21 +138,21 @@ function SimpleTable(_a) {
             },
         },
         DropdownSingle: {
-            S: true
+            selectStyleOverride: {
+                backgroundColor: themes_1.colors.none,
+            },
+            popOutOfOverflowHiddenParent: true,
         }
-        // KPDropdown: {
-        // 	size: 'small',
-        // },
     };
+    var CellValueGetters = {
+        RichTextEditor: function (v) { return (convertToRichText ? convertToRichText(v) : v); },
+    }; //prob dont need this..
     var _g = (0, react_1.useState)(undefined), actionsActiveOnRow = _g[0], setActionsActiveOnRow = _g[1];
     var _h = (0, react_1.useState)(undefined), actionsActiveOnCol = _h[0], setActionsActiveOnCol = _h[1];
     var _j = (0, react_1.useState)({
         rowIdx: undefined,
         colIdx: undefined,
     }), hoveredRowAndCol = _j[0], setHoveredRowAndCol = _j[1];
-    var CellValueGetters = {
-        RichTextEditor: function (v) { return (convertToRichText ? convertToRichText(v) : v); },
-    }; //prob dont need this..
     var handleCellInputChange = function (_a) {
         var cellIdx = _a.cellIdx, rowIdx = _a.rowIdx, v = _a.v;
         var valData = value.data;
@@ -183,7 +178,7 @@ function SimpleTable(_a) {
         var cellCompName = cell.comp || 'RichTextEditor';
         var NoCompPlaceholder = function () { return react_1.default.createElement("div", null, "No comp exists"); };
         var CellComp = CellContentBlocks[cellCompName] || NoCompPlaceholder;
-        var cellProps = CellContentBlockDefaultProps[cellCompName] ? __assign(__assign({}, CellContentBlockDefaultProps[cell.comp]), (cell.props || {})) : {};
+        var cellProps = CellContentBlockDefaultProps[cellCompName] ? __assign(__assign({}, CellContentBlockDefaultProps[cellCompName]), (cell.props || {})) : {};
         var cellValue = CellValueGetters[cellCompName] ? CellValueGetters[cellCompName](cell.value) : cell.value;
         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)

package/dist/icons/custom/index.d.ts

@@ -20,6 +20,7 @@ export declare const BadgeVetted: (props: any) => React.JSX.Element;
 export declare const IndiaFlag: (props: any) => React.JSX.Element;
 export declare const NigeriaFlag: (props: any) => React.JSX.Element;
 export declare const KenyaFlag: (props: any) => React.JSX.Element;
+export declare const SenegalFlag: (props: any) => React.JSX.Element;
 export declare const ModalBulbIcon: (props: any) => React.JSX.Element;
 export declare const Location14: (props: any) => React.JSX.Element;
 export declare const Person14: (props: any) => React.JSX.Element;

package/dist/icons/custom/index.js

@@ -14,8 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.USAFlag = exports.UKFlag = exports.MalaysiaFlag = exports.ColombiaFlag = exports.BrazilFlag = exports.AudioEmbedIcon = exports.VideoEmbedIcon = exports.Attachment2 = exports.PDFIcon = exports.RichFormatToolOrderedList = exports.RichFormatToolUnorderedList = exports.RichFormatToolH2 = exports.RichFormatToolBlockquote = exports.LinkIcon = exports.UnderlineBtn = exports.ItalicBtn = exports.BoldBtn = exports.SettingsSM = exports.Close_S = exports.UploadImage = exports.KebabMenu = exports.Website_solid_SM = exports.Phone_solid_SM = exports.Mail_solid_SM = exports.Youtube_solid_SM = exports.Instagram_solid_SM = exports.Twitter_solid_SM = exports.Linkedin_solid_SM = exports.Facebook_solid_SM = exports.EditSM = exports.AddXS = exports.UploadSM = exports.Download = exports.Download__nofill = exports.Index = exports.Person14 = exports.Location14 = exports.ModalBulbIcon = exports.KenyaFlag = exports.NigeriaFlag = exports.IndiaFlag = exports.BadgeVetted = exports.BadgeMod = exports.BadgeSuperAdmin = exports.BadgeAdmin = exports.OkeGoogleIcon = exports.LetterH = exports.LanguageIcon = exports.MultipleImages = exports.IndexIcon = void 0;
-exports.Reactions = exports.Like = exports.Learning = exports.Inspiring = exports.Celebrate = exports.Stars = exports.SpainFlag = exports.PakistanFlag = exports.ChileFlag = exports.IndonesiaFlag = void 0;
+exports.UKFlag = exports.MalaysiaFlag = exports.ColombiaFlag = exports.BrazilFlag = exports.AudioEmbedIcon = exports.VideoEmbedIcon = exports.Attachment2 = exports.PDFIcon = exports.RichFormatToolOrderedList = exports.RichFormatToolUnorderedList = exports.RichFormatToolH2 = exports.RichFormatToolBlockquote = exports.LinkIcon = exports.UnderlineBtn = exports.ItalicBtn = exports.BoldBtn = exports.SettingsSM = exports.Close_S = exports.UploadImage = exports.KebabMenu = exports.Website_solid_SM = exports.Phone_solid_SM = exports.Mail_solid_SM = exports.Youtube_solid_SM = exports.Instagram_solid_SM = exports.Twitter_solid_SM = exports.Linkedin_solid_SM = exports.Facebook_solid_SM = exports.EditSM = exports.AddXS = exports.UploadSM = exports.Download = exports.Download__nofill = exports.Index = exports.Person14 = exports.Location14 = exports.ModalBulbIcon = exports.SenegalFlag = exports.KenyaFlag = exports.NigeriaFlag = exports.IndiaFlag = exports.BadgeVetted = exports.BadgeMod = exports.BadgeSuperAdmin = exports.BadgeAdmin = exports.OkeGoogleIcon = exports.LetterH = exports.LanguageIcon = exports.MultipleImages = exports.IndexIcon = void 0;
+exports.Reactions = exports.Like = exports.Learning = exports.Inspiring = exports.Celebrate = exports.Stars = exports.SpainFlag = exports.PakistanFlag = exports.ChileFlag = exports.IndonesiaFlag = exports.USAFlag = void 0;
 var react_1 = __importDefault(require("react"));
 var themes_1 = require("../../themes");
 var DisplayIcon_1 = require("../../utils/comps/DisplayIcon");
@@ -123,6 +123,15 @@ var KenyaFlag = function (props) { return (react_1.default.createElement("svg",
         react_1.default.createElement("path", { fill: "#F7FCFF", fillRule: "evenodd", d: "M20.266 29.813v-8.038c-.573.38-1.005 2.035-1.005 4.02 0 1.983.432 3.638 1.005 4.018zM20.266 19.255v-8.038c-.573.38-1.005 2.035-1.005 4.02 0 1.983.432 3.638 1.005 4.018z", clipRule: "evenodd" }),
         react_1.default.createElement("path", { fill: "#272727", d: "M23.627 20.515c0-1.813.632-3.487 1.703-4.842.836 1.412 1.406 3.025 1.425 4.838.02 1.813-.586 3.395-1.425 4.847-1.07-1.355-1.703-3.03-1.703-4.843zM17.374 20.515c0-1.813-.633-3.487-1.703-4.842-.836 1.412-1.407 3.025-1.426 4.838-.02 1.813.586 3.395 1.425 4.847 1.07-1.355 1.704-3.03 1.704-4.843z" })))); };
 exports.KenyaFlag = KenyaFlag;
+var SenegalFlag = function (props) { return (react_1.default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, fill: "none", viewBox: "0 0 30 30" }, props),
+    react_1.default.createElement("g", { clipPath: "url(#a)" },
+        react_1.default.createElement("path", { fill: "#E31B23", d: "M0 0h30v20H0" }),
+        react_1.default.createElement("path", { fill: "#FDEF42", d: "M0 0h20v20H0" }),
+        react_1.default.createElement("path", { fill: "#00853F", d: "M0 0h10v20H0m13.033-7.267L15 6.7l1.967 6.033L11.833 9h6.334" })),
+    react_1.default.createElement("defs", null,
+        react_1.default.createElement("clipPath", { id: "a" },
+            react_1.default.createElement("path", { fill: "#fff", d: "M0 0h30v20H0z" }))))); };
+exports.SenegalFlag = SenegalFlag;
 var ModalBulbIcon = function (props) {
     return (react_1.default.createElement("div", { style: {
             width: "4rem",

package/dist/icons/index.d.ts

@@ -120,6 +120,7 @@ export namespace icons {
     export { BadgeVetted };
     export { IndiaFlag };
     export { KenyaFlag };
+    export { SenegalFlag };
     export { NigeriaFlag };
     export { MultipleImages };
     export { ModalBulbIcon };
@@ -292,6 +293,7 @@ import { BadgeMod } from "./custom";
 import { BadgeVetted } from "./custom";
 import { IndiaFlag } from "./custom";
 import { KenyaFlag } from "./custom";
+import { SenegalFlag } from "./custom";
 import { NigeriaFlag } from "./custom";
 import { MultipleImages } from "./custom";
 import { ModalBulbIcon } from "./custom";

package/dist/icons/index.js

@@ -126,6 +126,7 @@ exports.icons = {
     BadgeVetted: custom_1.BadgeVetted,
     IndiaFlag: custom_1.IndiaFlag,
     KenyaFlag: custom_1.KenyaFlag,
+    SenegalFlag: custom_1.SenegalFlag,
     NigeriaFlag: custom_1.NigeriaFlag,
     MultipleImages: custom_1.MultipleImages,
     ModalBulbIcon: custom_1.ModalBulbIcon,

package/package.json

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