oolib 2.74.0 → 2.75.1

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

@@ -23,6 +23,7 @@ var Typo_1 = require("../../../../../Typo");
 var styled_1 = require("../../../../styled");
 var utils_1 = require("../../../../utils");
 var CheckboxButton_1 = require("../CheckboxButton");
+var TextLoader_1 = require("../../../../../LoadersAndProgress/TextLoader");
 var CheckSquare = icons_1.icons.CheckSquare, XSquare = icons_1.icons.XSquare;
 var green = themes_1.colors.green, red = themes_1.colors.red, greyColor40 = themes_1.colors.greyColor40;
 var CheckboxInput = function (_a) {
@@ -49,15 +50,17 @@ var CheckboxInput = function (_a) {
             margin: '-7px -2.8px -7px -3.2px',
             flexShrink: 0
         } })); };
-    return inputStyle === 'tagSelect' ? (react_1.default.createElement(Tags_1.TagSelect, __assign({}, { 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, __assign({}, { rightWrongResult: rightWrongResult, isSelected: isSelected, disabled: disabled, invert: invert, S: S }, { onClick: function () { return !rightWrongResult && !disabled && onClick && onClick(isSelected, option); } }),
-        rightWrongResult
-            ? ["markCorrect", "revealCorrect"].includes(markingCommand)
-                ? genCheckSquare()
-                : markingCommand === 'markWrong'
-                    ? genXSquare()
-                    : genCheckboxButton({ disabled: true }) //else rightWrongResult has come in, but this doesnt have to be marked right or wrong
-            : genCheckboxButton() // rightWrongResult has not come in. so gen normal radio button
-    ,
-        react_1.default.createElement(SuitableTypo, { bold: rightWrongResult && isSelected, color: disabled && greyColor40, invert: invert }, option.display)));
+    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, __assign({}, { 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, __assign({}, { rightWrongResult: rightWrongResult, isSelected: isSelected, disabled: disabled, invert: invert, S: S }, { onClick: function () { return !rightWrongResult && !disabled && onClick && onClick(isSelected, option); } }),
+            rightWrongResult
+                ? ["markCorrect", "revealCorrect"].includes(markingCommand)
+                    ? genCheckSquare()
+                    : markingCommand === 'markWrong'
+                        ? genXSquare()
+                        : genCheckboxButton({ disabled: true }) //else rightWrongResult has come in, but this doesnt have to be marked right or wrong
+                : genCheckboxButton() // rightWrongResult has not come in. so gen normal radio button
+        ,
+            react_1.default.createElement(SuitableTypo, { bold: rightWrongResult && isSelected, color: disabled && greyColor40, invert: invert }, option.display)));
 };
 exports.CheckboxInput = CheckboxInput;

package/dist/icons/index.d.ts

@@ -104,6 +104,7 @@ export namespace icons {
     export { TextAa };
     export { ThumbsUp };
     export { ChatText };
+    export { SlackLogo };
     export { OkeGoogleIcon };
     export { LetterH };
     export { IndexIcon };
@@ -261,6 +262,7 @@ import { Keyboard } from "phosphor-react";
 import { TextAa } from "phosphor-react";
 import { ThumbsUp } from "phosphor-react";
 import { ChatText } from "phosphor-react";
+import { SlackLogo } from "phosphor-react";
 import { OkeGoogleIcon } from "./custom";
 import { LetterH } from "./custom";
 import { IndexIcon } from "./custom";

package/dist/icons/index.js

@@ -109,6 +109,7 @@ exports.icons = {
     TextAa: phosphor_react_1.TextAa,
     ThumbsUp: phosphor_react_1.ThumbsUp,
     ChatText: phosphor_react_1.ChatText,
+    SlackLogo: phosphor_react_1.SlackLogo,
     //custom
     OkeGoogleIcon: custom_1.OkeGoogleIcon,
     LetterH: custom_1.LetterH,

package/package.json

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