oolib 2.83.2 → 2.84.0

package/dist/components/ImageInput/comps/Placeholder/styled.js

@@ -22,9 +22,9 @@ exports.StyledPlaceholderWrapper = styled_components_1.default.div(templateObjec
     var smallPlaceholderUI = _a.smallPlaceholderUI;
     return !smallPlaceholderUI && "1.2rem";
 }, (0, mixins_1.transition)("background-color"));
-exports.StyledPlaceholder = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n  height: 100%;\n  width: 100%;\n  gap: ", ";\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  border-radius: ", ";\n  border: 0.12rem dashed ", ";\n  padding: ", ";\n  cursor: pointer;\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  height: 100%;\n  width: 100%;\n  gap: ", ";\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  border-radius: ", ";\n  border: 0.12rem dashed ", ";\n  padding: ", ";\n  cursor: pointer;\n"])), function (_a) {
+exports.StyledPlaceholder = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column nowrap;\n  height: 100%;\n  width: 100%;\n  /* gap: ", "; */\n  gap: 0.5rem;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  border-radius: ", ";\n  border: 0.12rem dashed ", ";\n  padding: ", ";\n  cursor: pointer;\n"], ["\n  display: flex;\n  flex-flow: column nowrap;\n  height: 100%;\n  width: 100%;\n  /* gap: ", "; */\n  gap: 0.5rem;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  border-radius: ", ";\n  border: 0.12rem dashed ", ";\n  padding: ", ";\n  cursor: pointer;\n"])), function (_a) {
     var smallPlaceholderUI = _a.smallPlaceholderUI;
-    return !smallPlaceholderUI && "0.3rem";
+    return !smallPlaceholderUI && "0.5rem";
 }, function (_a) {
     var containerShape = _a.containerShape;
     return containerShape === "circle" ? "50%" : "unset";

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

@@ -1,9 +1,10 @@
 export default PDFInput;
-declare function PDFInput({ id, onChange: parentOnChange, value, readOnly, invert, isInRTE, ...props }: {
+declare function PDFInput({ id, onChange: parentOnChange, value, files, readOnly, invert, isInRTE, ...props }: {
     [x: string]: any;
     id: any;
     onChange: any;
     value: any;
+    files: any;
     readOnly: any;
     invert: any;
     isInRTE: any;

package/dist/components/PDFInput/index.js

@@ -67,7 +67,7 @@ var ProgressBar_1 = require("../LoadersAndProgress/ProgressBar");
 var PDFActions_1 = require("./comps/PDFActions");
 var StyledActionsButtonWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1000;\n  margin: 0.5rem;\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1000;\n  margin: 0.5rem;\n"])));
 function PDFInput(_a) {
-    var id = _a.id, parentOnChange = _a.onChange, value = _a.value, readOnly = _a.readOnly, invert = _a.invert, isInRTE = _a.isInRTE, props = __rest(_a, ["id", "onChange", "value", "readOnly", "invert", "isInRTE"]);
+    var id = _a.id, parentOnChange = _a.onChange, value = _a.value, files = _a.files, readOnly = _a.readOnly, invert = _a.invert, isInRTE = _a.isInRTE, props = __rest(_a, ["id", "onChange", "value", "files", "readOnly", "invert", "isInRTE"]);
     var theme = (0, styled_components_1.useTheme)();
     var _b = (0, react_1.useState)(null), uploadProgress = _b[0], setUploadProgress = _b[1];
     var SET_ALERT_BANNER = (0, bannerContext_1.useBannerContext)().SET_ALERT_BANNER;
@@ -97,6 +97,11 @@ function PDFInput(_a) {
             },
         });
     };
+    (0, react_1.useEffect)(function () {
+        if (files) {
+            handleUpload(files);
+        }
+    }, []);
     return (react_1.default.createElement(react_3.Fragment, null,
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props), { invert: invert })),
         readOnly ? (value === null || value === void 0 ? void 0 : value.map(function (d, i) { return (react_1.default.createElement(PDFEmbed_1.default, { key: i, filePath: d.publicUrl, fileName: d.originalFilename, fileID: d.generation })); }))

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

@@ -25,7 +25,7 @@ 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 red = themes_1.colors.red, greyColor40 = themes_1.colors.greyColor40, invertGreen = themes_1.colors.invertGreen, green = themes_1.colors.green, invertRed = themes_1.colors.invertRed;
 var CheckboxInput = function (_a) {
     var option = _a.option, onClick = _a.onClick, S = _a.S, inputStyle = _a.inputStyle, _b = _a.value, value = _b === void 0 ? [] : _b, invert = _a.invert, disabled = _a.disabled, rightWrongResult = _a.rightWrongResult;
     var isSelected = !!value.find(function (selOp) { return selOp.value === option.value; });
@@ -42,11 +42,11 @@ var CheckboxInput = function (_a) {
             disabled: options.disabled || disabled
         })));
     };
-    var genCheckSquare = function () { return (react_1.default.createElement(CheckSquare, { size: S ? 22.5 : 26, color: green, style: {
+    var genCheckSquare = function () { return (react_1.default.createElement(CheckSquare, { size: S ? 22.5 : 26, color: invert ? invertGreen : green, style: {
             margin: '-7px -2.8px -7px -3.2px',
             flexShrink: 0
         } })); };
-    var genXSquare = function () { return (react_1.default.createElement(XSquare, { size: S ? 21.5 : 26, color: red, style: {
+    var genXSquare = function () { return (react_1.default.createElement(XSquare, { size: S ? 21.5 : 26, color: invert ? invertRed : red, style: {
             margin: '-7px -2.8px -7px -3.2px',
             flexShrink: 0
         } })); };

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

@@ -106,6 +106,6 @@ function CheckboxList(_a) {
             shouldHideSomeOptions && !rightWrongResult && (react_1.default.createElement(Typo_1.SANS_3, { style: { marginTop: '1rem' } },
                 react_1.default.createElement(OKELink_1.OKELink, { onClick: function () { return setSeeMore(!seeMore); }, children: !seeMore ? 'See More' : 'See Less' }))),
             rightWrongResult && commonIsCorrectDesc &&
-                react_1.default.createElement(styled_1.StyledCorrectMessage, null, commonIsCorrectDesc)))));
+                react_1.default.createElement(styled_1.StyledCorrectMessage, { invert: invert }, commonIsCorrectDesc)))));
 }
 exports.CheckboxList = CheckboxList;

package/dist/components/RadioAndCheckbox/comps/RadioList/comps/RadioInput/index.js

@@ -22,7 +22,7 @@ var Typo_1 = require("../../../../../Typo");
 var utils_1 = require("../../../../utils");
 var styled_1 = require("../../../../styled");
 var styled_2 = require("./styled");
-var green = themes_1.colors.green, red = themes_1.colors.red, greyColor40 = themes_1.colors.greyColor40;
+var invertGreen = themes_1.colors.invertGreen, red = themes_1.colors.red, greyColor40 = themes_1.colors.greyColor40, green = themes_1.colors.green, invertRed = themes_1.colors.invertRed;
 var XCircle = icons_1.icons.XCircle, CheckCircle = icons_1.icons.CheckCircle;
 var RadioButton = function (_a) {
     var isSelected = _a.isSelected, onClick = _a.onClick, disabled = _a.disabled, invert = _a.invert, S = _a.S;
@@ -46,11 +46,11 @@ var RadioInput = function (_a) {
             disabled: options.disabled || disabled //because we force disabled if rightWrongResult exists & no markingCommand exists against this option i.e, it neither has to be marked right nor wrong
         })));
     };
-    var genCheckCircle = function () { return (react_1.default.createElement(CheckCircle, { size: S ? 21 : 24.5, color: green, style: {
+    var genCheckCircle = function () { return (react_1.default.createElement(CheckCircle, { size: S ? 21 : 24.5, color: invert ? invertGreen : green, style: {
             margin: '-5px -1.5px -5px -3px',
             flexShrink: 0
         } })); };
-    var genXCircle = function () { return (react_1.default.createElement(XCircle, { size: S ? 21 : 24.5, color: red, style: {
+    var genXCircle = function () { return (react_1.default.createElement(XCircle, { size: S ? 21 : 24.5, color: invert ? invertRed : red, style: {
             margin: '-5px -1.5px -5px -3px',
             flexShrink: 0
         } })); };

package/dist/components/RadioAndCheckbox/comps/RadioList/index.js

@@ -95,6 +95,6 @@ function RadioList(_a) {
             against the right answer. provided that an explanation is provided.
             */
             correctOp && rightWrongResult && commonIsCorrectDesc &&
-                react_1.default.createElement(styled_1.StyledCorrectMessage, null, commonIsCorrectDesc)))));
+                react_1.default.createElement(styled_1.StyledCorrectMessage, { invert: invert }, commonIsCorrectDesc)))));
 }
 exports.RadioList = RadioList;

package/dist/components/RadioAndCheckbox/styled.js

@@ -33,7 +33,7 @@ var utilsOolib_1 = require("../../utilsOolib");
 var Typo_1 = require("../Typo");
 var themes_1 = require("../../themes");
 var mixins_1 = require("../../themes/mixins");
-var green = themes_1.colors.green, greyColor80 = themes_1.colors.greyColor80;
+var green = themes_1.colors.green, greyColor80 = themes_1.colors.greyColor80, white = themes_1.colors.white, greyColor100 = themes_1.colors.greyColor100;
 exports.StyledOptionsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ", ";\n  align-items: center;\n\n  ", "\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ", ";\n  align-items: center;\n\n  ", "\n"])), function (_a) {
     var S = _a.S;
     return S ? '0.7rem 1.5rem' : '1rem 2rem';
@@ -67,5 +67,8 @@ exports.StyledOtherTextInputWrapper = styled_components_1.default.div(templateOb
     var listType = _a.listType;
     return listType === 'vertical' ? (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["margin-left: 2.5rem;"], ["margin-left: 2.5rem;"]))) : (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["width: 28rem"], ["width: 28rem"])));
 }, (0, mixins_1.mediaQuery)('sm'));
-exports.StyledCorrectMessage = (0, styled_components_1.default)(Typo_1.SANS_3)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  color: ", ";\n  padding-top: 1rem;\n"], ["\n  color: ", ";\n  padding-top: 1rem;\n"])), green);
+exports.StyledCorrectMessage = (0, styled_components_1.default)(Typo_1.SANS_3)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  color: ", ";\n  padding-top: 1rem;\n"], ["\n  color: ", ";\n  padding-top: 1rem;\n"])), function (_a) {
+    var invert = _a.invert;
+    return invert ? white : greyColor100;
+});
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

package/package.json

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