oolib 2.20.0 → 2.20.2

package/dist/components/CheckInput/index.js

@@ -19,7 +19,7 @@ var react_1 = __importDefault(require("react"));
 var BlockLabel_1 = require("../BlockLabel");
 var _EXPORTS_1 = require("../../utils/_EXPORTS");
 var CheckInput = function (props) {
-    var id = props.id, injectOtherOption = props.injectOtherOption, value = props.value, onChange = props.onChange, commonIsCorrectDesc = props.commonIsCorrectDesc, options = props.options, optionGroups = props.optionGroups, optionStyle = props.optionStyle, markResult = props.markResult, passChangeHandlerOps = props.passChangeHandlerOps, listType = props.listType, style = props.style, className = props.className, readOnly = props.readOnly;
+    var id = props.id, injectOtherOption = props.injectOtherOption, value = props.value, onChange = props.onChange, commonIsCorrectDesc = props.commonIsCorrectDesc, options = props.options, optionGroups = props.optionGroups, optionStyle = props.optionStyle, rightWrongResult = props.rightWrongResult, passChangeHandlerOps = props.passChangeHandlerOps, listType = props.listType, style = props.style, className = props.className, readOnly = props.readOnly;
     return (react_1.default.createElement("div", { className: className, id: id },
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
         react_1.default.createElement("input", { type: "checkbox" })));

package/dist/components/RadioInput/comps/RadioOption/index.d.ts

@@ -1,8 +1,7 @@
-export function RadioOption({ id, option, onChange, value, optionStyle, markResult, }: {
+export function RadioOption({ id, option, onChange, value, rightWrongResult, }: {
     id: any;
     option: any;
     onChange: any;
     value: any;
-    optionStyle: any;
-    markResult: any;
+    rightWrongResult: any;
 }): JSX.Element;

package/dist/components/RadioInput/comps/RadioOption/index.js

@@ -13,19 +13,19 @@ var styled_1 = require("./styled");
 var green = themes_1.colors.green, red = themes_1.colors.red;
 var XCircle = icons_1.icons.XCircle, CheckCircle = icons_1.icons.CheckCircle;
 var RadioOption = function (_a) {
-    var id = _a.id, option = _a.option, onChange = _a.onChange, value = _a.value, optionStyle = _a.optionStyle, markResult = _a.markResult;
+    var id = _a.id, option = _a.option, onChange = _a.onChange, value = _a.value, rightWrongResult = _a.rightWrongResult;
     var isSelected = option.value === (value === null || value === void 0 ? void 0 : value.value);
     var markingCommand = (0, utils_js_1.getMarkingCommand)({ option: option, isSelected: isSelected });
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement(styled_1.StyledOption, { markResult: markResult, style: optionStyle, isSelected: isSelected, onClick: function () { return !markResult && onChange && onChange(id, option); } },
-            !markResult || markingCommand === undefined ?
+        react_1.default.createElement(styled_1.StyledOption, { rightWrongResult: rightWrongResult, isSelected: isSelected, onClick: function () { return !rightWrongResult && onChange && onChange(id, option); } },
+            !rightWrongResult || markingCommand === undefined ?
                 react_1.default.createElement(styled_1.StyledRadioInput, { isSelected: isSelected, className: 'radioBtn' }, isSelected && react_1.default.createElement(styled_1.StyledRadioInputFill, null))
                 :
                     ["markCorrect", "revealCorrect"].includes(markingCommand) ?
-                        react_1.default.createElement(CheckCircle, { size: 25, color: green, style: { marginLeft: '-2.25px' } })
+                        react_1.default.createElement(CheckCircle, { size: 22.5, color: green, style: { marginLeft: '-2.25px' } })
                         : // then wrong
-                            react_1.default.createElement(XCircle, { size: 25, color: red, style: { marginLeft: '-2.25px' } }),
-            react_1.default.createElement(Typo_1.SANS_3, { bold: markResult && isSelected },
+                            react_1.default.createElement(XCircle, { size: 22.5, color: red, style: { marginLeft: '-2.25px' } }),
+            react_1.default.createElement(Typo_1.SANS_3, { bold: rightWrongResult && isSelected },
                 " ",
                 option.display,
                 " ")),
@@ -34,7 +34,7 @@ var RadioOption = function (_a) {
         being right or wrong, we always show an explanation
         against the right answer. provided an explanation is provided.
         */
-        option.isCorrect && markResult && option.isCorrectDesc &&
+        option.isCorrect && rightWrongResult && option.isCorrectDesc &&
             react_1.default.createElement(styled_1.StyledCorrectMessage, null, option.isCorrectDesc)));
 };
 exports.RadioOption = RadioOption;

package/dist/components/RadioInput/comps/RadioOption/styled.js

@@ -35,8 +35,8 @@ var utilsOolib_1 = require("../../../../utilsOolib");
 var Typo_1 = require("../../../Typo");
 var none = themes_1.colors.none, white = themes_1.colors.white, green = themes_1.colors.green;
 exports.StyledOption = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  position: relative;\n  cursor: ", ";\n  \n\n  &:hover .radioBtn {\n    ", "\n  }\n\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  position: relative;\n  cursor: ", ";\n  \n\n  &:hover .radioBtn {\n    ", "\n  }\n\n"])), function (_a) {
-    var markResult = _a.markResult;
-    return markResult ? 'initial' : 'pointer';
+    var rightWrongResult = _a.rightWrongResult;
+    return rightWrongResult ? 'initial' : 'pointer';
 }, function (_a) {
     var isSelected = _a.isSelected, theme = _a.theme;
     return !isSelected && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), (0, utilsOolib_1.getPrimaryColor10)(theme.colors));
@@ -44,7 +44,7 @@ exports.StyledOption = styled_components_1.default.div(templateObject_2 || (temp
 exports.StyledRadioInput = styled_components_1.default.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border-radius: 50%;\n  width: 2rem;\n  height: 2rem;\n  border: 2px solid ", ";\n  background-color: ", ";\n  flex: 0 0 auto;\n  ", "\n\n  ", "\n\n"], ["\n  border-radius: 50%;\n  width: 2rem;\n  height: 2rem;\n  border: 2px solid ", ";\n  background-color: ", ";\n  flex: 0 0 auto;\n  ", "\n\n  ", "\n\n"])), function (_a) {
     var theme = _a.theme;
     return (0, utilsOolib_1.getPrimaryColor100)(theme.colors);
-}, none, (0, mixins_1.transition)('backgrund-color', 0.2), function (_a) {
+}, none, (0, mixins_1.transition)('background-color 0.2s'), function (_a) {
     var isSelected = _a.isSelected;
     return isSelected && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background-color:", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n  "], ["\n      background-color:", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n  "])), function (_a) {
         var theme = _a.theme;

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

@@ -1 +1,12 @@
-export function RadioInput(props: any): JSX.Element;
+export function RadioInput({ id, injectOtherOption, value, onChange, options, rightWrongResult, listType, style, className, readOnly }: {
+    id: any;
+    injectOtherOption: any;
+    value: any;
+    onChange: any;
+    options: any;
+    rightWrongResult: any;
+    listType: any;
+    style: any;
+    className: any;
+    readOnly: any;
+}, ...args: any[]): JSX.Element;

package/dist/components/RadioInput/index.js

@@ -23,9 +23,9 @@ var _EXPORTS_1 = require("../../utils/_EXPORTS");
 var utils_js_1 = require("./utils.js");
 var styled_1 = require("./styled");
 var comps_1 = require("./comps");
-var RadioInput = function (props) {
-    var id = props.id, injectOtherOption = props.injectOtherOption, value = props.value, onChange = props.onChange, options = props.options, optionStyle = props.optionStyle, markResult = props.markResult, //instead of rightWrongResult
-    listType = props.listType, style = props.style, className = props.className, readOnly = props.readOnly;
+function RadioInput(_a) {
+    var id = _a.id, injectOtherOption = _a.injectOtherOption, value = _a.value, onChange = _a.onChange, options = _a.options, rightWrongResult = _a.rightWrongResult, listType = _a.listType, style = _a.style, className = _a.className, readOnly = _a.readOnly;
+    var props = arguments[0];
     var displayedOptions;
     if (options) {
         if (injectOtherOption && !options.includes(function (op) { return op.value === "other"; })) {
@@ -43,10 +43,9 @@ var RadioInput = function (props) {
                 id: id,
                 onChange: onChange,
                 value: value,
-                optionStyle: optionStyle,
-                markResult: markResult,
+                rightWrongResult: rightWrongResult,
                 key: option.value
             })); })),
             injectOtherOption && (value === null || value === void 0 ? void 0 : value.value) === "other" && (react_1.default.createElement(TextInputs_1.TextInput, { placeholder: "Please Specify Here", value: value.display_desc, onChange: function (k, v) { return onChange && onChange(id, (0, utils_js_1.createNewValue)(v)); } }))))));
-};
+}
 exports.RadioInput = RadioInput;

package/dist/components/RadioInput/utils.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createNewValue = void 0;
 var createNewValue = function (val) {
-    value_desc = ( // discuss if we should add the method textToCamelcase to general utils or JS String Class
+    var value_desc = ( // discuss if we should add the method textToCamelcase to general utils or JS String Class
     val
         .trim()
         .replace(/[,\/]/gi, '')

package/package.json

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