oolib 2.207.1 → 2.208.1

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

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxButton = void 0;
-var react_1 = __importDefault(require("react"));
-var icons_1 = require("../../../../../../icons");
-var themes_1 = require("../../../../../../themes");
-var styled_1 = require("./styled");
-var Check = icons_1.icons.Check;
-var white = themes_1.colors.white, greyColor100 = themes_1.colors.greyColor100;
-/**
- * value and onChange are being passed as props so
- * that it can be generated dynamically via our
- * block generators.
- */
-var CheckboxButton = function (_a) {
-    var _b;
-    var id = _a.id, className = _a.className, _isSelected = _a.isSelected, value = _a.value, //can be used interchangibly
-    onChange = _a.onChange, disabled = _a.disabled, invert = _a.invert, S = _a.S;
-    var isSelected = (_b = _isSelected !== null && _isSelected !== void 0 ? _isSelected : value) !== null && _b !== void 0 ? _b : false;
-    return (react_1.default.createElement(styled_1.StyledCheckbox, { onClick: function (e) {
-            // e.preventDefault();
-            // e.stopPropagation(); //this disables the checkbox in checkboxlist which we dont want. so commented. tho we might need this later in table usecase in which case we will have to make stopPropagration a prop
-            onChange && onChange(id, !isSelected);
-        }, className: className, isSelected: isSelected, disabled: disabled, invert: invert, S: S }, isSelected &&
-        react_1.default.createElement(Check, { weight: "bold", color: invert ? greyColor100 : white, size: 16, style: { flexShrink: 0 } })));
-};
-exports.CheckboxButton = CheckboxButton;

package/dist/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxButton/styled.d.ts

@@ -1 +0,0 @@
-export const StyledCheckbox: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxButton/styled.js

@@ -1,70 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledCheckbox = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var utilsOolib_1 = require("../../../../../../utilsOolib");
-var themes_1 = require("../../../../../../themes");
-var mixins_1 = require("../../../../../../themes/mixins");
-var none = themes_1.colors.none, greyColor40 = themes_1.colors.greyColor40, greyColor80 = themes_1.colors.greyColor80;
-exports.StyledCheckbox = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  \n  width: ", ";\n  height: ", ";\n  border: none;\n  box-shadow: inset 0 0 0 2px ", ";\n  border-radius: 2px;\n  background-color: ", ";\n  cursor: ", ";\n\n  ", "\n\n\n  ", "\n\n  &:hover {\n    ", "\n  }\n\n  &:focus{\n    border: none;\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n"], ["\n  \n  width: ", ";\n  height: ", ";\n  border: none;\n  box-shadow: inset 0 0 0 2px ", ";\n  border-radius: 2px;\n  background-color: ", ";\n  cursor: ", ";\n\n  ", "\n\n\n  ", "\n\n  &:hover {\n    ", "\n  }\n\n  &:focus{\n    border: none;\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n"])), function (_a) {
-    var S = _a.S;
-    return S ? '1.7rem' : '2rem';
-}, function (_a) {
-    var S = _a.S;
-    return S ? '1.7rem' : '2rem';
-}, function (_a) {
-    var colors = _a.theme.colors, disabled = _a.disabled, invert = _a.invert;
-    return disabled ?
-        greyColor40 : invert ? (0, utilsOolib_1.getPrimaryColor40)(colors) : (0, utilsOolib_1.getPrimaryColor100)(colors);
-}, none, function (_a) {
-    var disabled = _a.disabled;
-    return disabled ? 'not-allowed' : 'pointer';
-}, (0, mixins_1.transition)('background-color 0.2s'), function (_a) {
-    var isSelected = _a.isSelected, disabled = _a.disabled, invert = _a.invert, colors = _a.theme.colors;
-    return isSelected && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __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  "])), disabled ? greyColor40 : invert ? (0, utilsOolib_1.getPrimaryColor40)(colors) : (0, utilsOolib_1.getPrimaryColor100)(colors));
-}, function (_a) {
-    var isSelected = _a.isSelected, disabled = _a.disabled, theme = _a.theme, invert = _a.invert;
-    return !isSelected && !disabled && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), invert ? greyColor80 : (0, utilsOolib_1.getPrimaryColor10)(theme.colors));
-}, function (_a) {
-    var colors = _a.theme.colors, disabled = _a.disabled, invert = _a.invert;
-    return disabled ?
-        greyColor40 : invert ? (0, utilsOolib_1.getPrimaryColor40)(colors) : (0, utilsOolib_1.getPrimaryColor100)(colors);
-});
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxInput/index.d.ts

@@ -1,11 +0,0 @@
-export function CheckboxInput({ option, onClick, S, inputStyle, value, invert, disabled, rightWrongResult, }: {
-    option: any;
-    onClick: any;
-    S: any;
-    inputStyle: any;
-    value?: any[];
-    invert: any;
-    disabled: any;
-    rightWrongResult: any;
-}): React.JSX.Element;
-import React from 'react';

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

@@ -1,50 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxInput = void 0;
-var react_1 = __importDefault(require("react"));
-var icons_1 = require("../../../../../../icons");
-var themes_1 = require("../../../../../../themes");
-var Tags_1 = require("../../../../../Tags");
-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 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; });
-    var markingCommand = (0, utils_1.getMarkingCommand)({ option: option, isSelected: isSelected }); // returns undefined if option isn't labeled as 'correct' nor selected
-    var SuitableTypo = S ? Typo_1.SANS_2 : Typo_1.SANS_3;
-    var genCheckboxButton = function (options) {
-        if (options === void 0) { options = {}; }
-        return (react_1.default.createElement(CheckboxButton_1.CheckboxButton, { isSelected: isSelected, disabled: disabled, invert: invert, S: S, className: 'btn',
-            disabled: options.disabled || disabled }));
-    };
-    var genCheckSquare = function () { return (react_1.default.createElement("div", { style: { flexShrink: 0 } },
-        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: invert ? invertRed : red, style: {
-            margin: '-7px -2.8px -7px -3.2px',
-            flexShrink: 0
-        } })); };
-    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, onClick: function () { return !rightWrongResult && !disabled && onClick && onClick(isSelected, option); } },
-            react_1.default.createElement("div", { style: { flexShrink: 0 } }, 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/components/RadioAndCheckbox/comps/CheckboxList/index.d.ts

@@ -1,20 +0,0 @@
-export function CheckboxList({ id, injectOtherOption, value: valueProp, onChange, commonIsCorrectDesc, options, saveValueAsString, inputStyle, rightWrongResult, listType, invert, optionsLimit, style, disabled, className, S, readOnly }: {
-    id: any;
-    injectOtherOption?: boolean;
-    value?: any[];
-    onChange: any;
-    commonIsCorrectDesc: any;
-    options?: any[];
-    saveValueAsString: any;
-    inputStyle?: string;
-    rightWrongResult: any;
-    listType?: string;
-    invert: any;
-    optionsLimit?: number;
-    style: any;
-    disabled: any;
-    className: any;
-    S: any;
-    readOnly: any;
-}, ...args: any[]): React.JSX.Element;
-import React from "react";

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

@@ -1,124 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxList = CheckboxList;
-var react_1 = __importStar(require("react"));
-var BlockLabel_1 = require("../../../../v2/components/BlockLabel");
-var Tags_1 = require("../../../Tags");
-var TextInputs_1 = require("../../../TextInputs");
-var Buttons_1 = require("../../../Buttons");
-var _EXPORTS_1 = require("../../../../utils/_EXPORTS");
-var utils_1 = require("../../utils");
-var styled_1 = require("../../styled");
-var CheckboxInput_1 = require("./comps/CheckboxInput");
-var styled_2 = require("./styled");
-var Typo_1 = require("../../../Typo");
-var OKELink_1 = require("../../../OKELink");
-var optionsContainers = {
-    checkbox: styled_1.StyledOptionsContainer,
-    tagSelect: styled_2.StyledTagOptionsContainer,
-};
-var convToString = function (value) { return value.map(function (v) { var _a; return (_a = v.display_desc) !== null && _a !== void 0 ? _a : v.value; }); };
-function CheckboxList(_a) {
-    var id = _a.id, _b = _a.injectOtherOption, injectOtherOption = _b === void 0 ? false : _b, _c = _a.value, valueProp = _c === void 0 ? [] : _c, onChange = _a.onChange, commonIsCorrectDesc = _a.commonIsCorrectDesc, _d = _a.options, options = _d === void 0 ? [] : _d, saveValueAsString = _a.saveValueAsString, _e = _a.inputStyle, inputStyle = _e === void 0 ? 'checkbox' : _e, rightWrongResult = _a.rightWrongResult, _f = _a.listType, listType = _f === void 0 ? 'horizontal' : _f, invert = _a.invert, _g = _a.optionsLimit, optionsLimit = _g === void 0 ? Infinity : _g, style = _a.style, disabled = _a.disabled, className = _a.className, S = _a.S, readOnly = _a.readOnly;
-    var props = arguments[0];
-    var shouldHideSomeOptions = options.length > optionsLimit;
-    var _h = (0, react_1.useState)(false), seeMore = _h[0], setSeeMore = _h[1];
-    var _j = (0, utils_1.genDisplayedOptions)({ injectOtherOption: injectOtherOption, options: options, valueProp: valueProp, saveValueAsString: saveValueAsString }), typicalOptions = _j.typicalOptions, injectedOtherOption = _j.injectedOtherOption;
-    var value = saveValueAsString ?
-        typicalOptions
-            .concat(injectedOtherOption || [])
-            .filter(function (op) { var _a; return valueProp.includes((_a = op.display_desc) !== null && _a !== void 0 ? _a : op.value); })
-        : valueProp;
-    var handleTextInputChange = function (text) {
-        var newValue = value.map(function (selectedOp) { return (selectedOp.value === 'other' ? (0, utils_1.genOtherValueObject)(text) : selectedOp); });
-        if (saveValueAsString)
-            newValue = convToString(newValue);
-        onChange && onChange(id, newValue);
-    };
-    var handleCheckboxClick = function (isSelected, option) {
-        var newValue = isSelected
-            ? value.filter(function (selOp) { return selOp.value !== option.value; })
-            : value.concat(option);
-        if (saveValueAsString)
-            newValue = convToString(newValue);
-        onChange(id, newValue);
-    };
-    var otherOpInSelectees = value.find(function (selectedOp) { return selectedOp.value === 'other'; });
-    var InputCommonProps = {
-        invert: invert,
-        value: value,
-        S: S,
-        disabled: disabled,
-        inputStyle: inputStyle,
-        rightWrongResult: rightWrongResult,
-        onClick: handleCheckboxClick,
-    };
-    var OptionsContainer = optionsContainers[inputStyle];
-    return (react_1.default.createElement("div", { className: className, id: id },
-        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
-        readOnly ? (react_1.default.createElement(styled_2.StyledDisplayTagsContainer, null, value === null || value === void 0 ? void 0 : value.map(function (selOp) { return react_1.default.createElement(Tags_1.TagDisplay, { key: selOp.value, invert: invert, display: selOp.display_desc || selOp.display }); }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(OptionsContainer, { style: style, listType: listType, S: S }, typicalOptions === null || typicalOptions === void 0 ? void 0 :
-                typicalOptions.map(function (option, idx) { return idx < optionsLimit && (react_1.default.createElement(CheckboxInput_1.CheckboxInput, __assign({}, InputCommonProps, { option: option, key: option.value }))); }),
-                shouldHideSomeOptions && // if we have the case of off limit options
-                    (seeMore || rightWrongResult) && //and decided to show them
-                    typicalOptions.slice(optionsLimit).map(function (option) {
-                        return react_1.default.createElement(CheckboxInput_1.CheckboxInput, __assign({}, InputCommonProps, { option: option, key: option.value }));
-                    }),
-                injectOtherOption && injectedOtherOption && ( //so other box and its textInput act as one entity in the flexbox
-                react_1.default.createElement(styled_1.StyledOtherOptionContainer, { listType: listType },
-                    react_1.default.createElement(CheckboxInput_1.CheckboxInput, __assign({}, InputCommonProps, { option: injectedOtherOption })),
-                    otherOpInSelectees && (react_1.default.createElement(styled_1.StyledOtherTextInputWrapper, { listType: listType, rightWrongResult: rightWrongResult },
-                        react_1.default.createElement(TextInputs_1.TextInput, { placeholder: "Please Specify Here", value: otherOpInSelectees.display_desc, onChange: function (k, v) { return handleTextInputChange(v); }, disabled: disabled, invert: invert, S: S })))))),
-            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' }))), /*
-              the minute the results have come in, irrespective of user's answers
-              being right or wrong, we show an explanation
-              below the options. provided that an explanation is provided.
-              */
-            rightWrongResult && commonIsCorrectDesc &&
-                react_1.default.createElement(styled_1.StyledCorrectMessage, { invert: invert }, commonIsCorrectDesc)))));
-}

package/dist/components/RadioAndCheckbox/comps/CheckboxList/styled.d.ts

@@ -1,2 +0,0 @@
-export const StyledDisplayTagsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledTagOptionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,17 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledTagOptionsContainer = exports.StyledDisplayTagsContainer = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.StyledDisplayTagsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n"])));
-exports.StyledTagOptionsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: ", ";\n  gap: 1rem;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: ", ";\n  gap: 1rem;\n"])), function (_a) {
-    var listType = _a.listType;
-    return listType === 'vertical' ? 'column' : 'row';
-});
-var templateObject_1, templateObject_2;

package/dist/components/RadioAndCheckbox/comps/RadioList/comps/RadioInput/index.d.ts

@@ -1,18 +0,0 @@
-export function RadioButton({ isSelected, onClick, disabled, invert, S, readOnly }: {
-    isSelected: any;
-    onClick: any;
-    disabled: any;
-    invert: any;
-    S: any;
-    readOnly: any;
-}): React.JSX.Element;
-export function RadioInput({ option, onClick, disabled, invert, value, S, rightWrongResult, }: {
-    option: any;
-    onClick: any;
-    disabled: any;
-    invert: any;
-    value: any;
-    S: any;
-    rightWrongResult: any;
-}): React.JSX.Element;
-import React from "react";

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

@@ -1,53 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioInput = exports.RadioButton = void 0;
-var react_1 = __importDefault(require("react"));
-var themes_1 = require("../../../../../../themes");
-var icons_1 = require("../../../../../../icons");
-var Typo_1 = require("../../../../../Typo");
-var utils_1 = require("../../../../utils");
-var styled_1 = require("../../../../styled");
-var styled_2 = require("./styled");
-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, readOnly = _a.readOnly;
-    return (react_1.default.createElement(styled_2.StyledRadioInput, { onClick: function (ev) { return onClick && onClick(ev); }, isSelected: isSelected, disabled: disabled, invert: invert, S: S, readOnly: readOnly }, isSelected && react_1.default.createElement(styled_2.StyledRadioInputFill, { invert: invert, S: S })));
-};
-exports.RadioButton = RadioButton;
-var RadioInput = function (_a) {
-    var option = _a.option, onClick = _a.onClick, disabled = _a.disabled, invert = _a.invert, value = _a.value, S = _a.S, rightWrongResult = _a.rightWrongResult;
-    var isSelected = option.value === (value === null || value === void 0 ? void 0 : value.value);
-    var markingCommand = (0, utils_1.getMarkingCommand)({ option: option, isSelected: isSelected }); // returns undefined if option isn't labeled as 'correct' nor selected
-    var TYPO_COMP = S
-        ? Typo_1.SANS_2
-        : Typo_1.SANS_3;
-    var genRadioButton = function (options) {
-        if (options === void 0) { options = {}; }
-        return (react_1.default.createElement(exports.RadioButton, { isSelected: isSelected, invert: invert, S: S, className: 'btn',
-            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: 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: invert ? invertRed : red, style: {
-            margin: '-5px -1.5px -5px -3px',
-            flexShrink: 0
-        } })); };
-    return (react_1.default.createElement(styled_1.StyledOption, { disabled: disabled, rightWrongResult: rightWrongResult, isSelected: isSelected, invert: invert, S: S, onClick: function () { return !rightWrongResult && !disabled && onClick(option); } },
-        rightWrongResult
-            ? ["markCorrect", "revealCorrect"].includes(markingCommand)
-                ? genCheckCircle()
-                : markingCommand === 'markWrong'
-                    ? genXCircle()
-                    : genRadioButton({ disabled: true }) //else rightWrongResult has come in, but this doesnt have to be marked right or wrong
-            : genRadioButton() // rightWrongResult as not come in. so gen normal radio button
-    ,
-        react_1.default.createElement(TYPO_COMP, { bold: rightWrongResult && isSelected, color: disabled && greyColor40, invert: invert }, option.display)));
-};
-exports.RadioInput = RadioInput;

package/dist/components/RadioAndCheckbox/comps/RadioList/comps/RadioInput/styled.d.ts

@@ -1,2 +0,0 @@
-export const StyledRadioInput: import("styled-components").StyledComponent<"button", any, {}, never>;
-export const StyledRadioInputFill: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,84 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledRadioInputFill = exports.StyledRadioInput = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var themes_1 = require("../../../../../../themes");
-var mixins_1 = require("../../../../../../themes/mixins");
-var utilsOolib_1 = require("../../../../../../utilsOolib");
-var none = themes_1.colors.none, white = themes_1.colors.white, greyColor40 = themes_1.colors.greyColor40, greyColor100 = themes_1.colors.greyColor100, greyColor80 = themes_1.colors.greyColor80;
-exports.StyledRadioInput = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n  border: 2px solid ", ";\n  background-color: ", ";\n  flex: 0 0 auto;\n  cursor: ", ";\n  ", "\n\n  ", "\n\n  &:hover {\n    ", "\n  }\n\n  &:focus {\n    border: 2px solid ", ";\n    box-shadow: none;\n  }\n\n"], ["\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n  border: 2px solid ", ";\n  background-color: ", ";\n  flex: 0 0 auto;\n  cursor: ", ";\n  ", "\n\n  ", "\n\n  &:hover {\n    ", "\n  }\n\n  &:focus {\n    border: 2px solid ", ";\n    box-shadow: none;\n  }\n\n"])), function (_a) {
-    var S = _a.S;
-    return S ? '1.7rem' : '2rem';
-}, function (_a) {
-    var S = _a.S;
-    return S ? '1.7rem' : '2rem';
-}, function (_a) {
-    var colors = _a.theme.colors, disabled = _a.disabled, invert = _a.invert;
-    return disabled ? greyColor40 :
-        invert ? (0, utilsOolib_1.getPrimaryColor40)(colors) : (0, utilsOolib_1.getPrimaryColor100)(colors);
-}, none, function (_a) {
-    var disabled = _a.disabled, readOnly = _a.readOnly;
-    return disabled ? 'not-allowed' : readOnly ? 'default' : 'pointer';
-}, (0, mixins_1.transition)('background-color 0.2s'), function (_a) {
-    var isSelected = _a.isSelected;
-    return isSelected && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __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 colors = _a.theme.colors, disabled = _a.disabled, invert = _a.invert;
-        return disabled ? greyColor40 :
-            invert ? (0, utilsOolib_1.getPrimaryColor40)(colors) : (0, utilsOolib_1.getPrimaryColor100)(colors);
-    });
-}, function (_a) {
-    var isSelected = _a.isSelected, disabled = _a.disabled, theme = _a.theme, invert = _a.invert, readOnly = _a.readOnly;
-    return !isSelected && !disabled && !readOnly && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), invert ? greyColor80 : (0, utilsOolib_1.getPrimaryColor10)(theme.colors));
-}, function (_a) {
-    var colors = _a.theme.colors, disabled = _a.disabled, invert = _a.invert;
-    return disabled ? greyColor40 :
-        invert ? (0, utilsOolib_1.getPrimaryColor40)(colors) : (0, utilsOolib_1.getPrimaryColor100)(colors);
-});
-exports.StyledRadioInputFill = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width:", ";\n  height:", ";\n  flex-shrink: 0;\n  border-radius: 50%;\n  background-color: ", ";\n"], ["\n  width:", ";\n  height:", ";\n  flex-shrink: 0;\n  border-radius: 50%;\n  background-color: ", ";\n"])), function (_a) {
-    var S = _a.S;
-    return S ? '0.7rem' : '0.8rem';
-}, function (_a) {
-    var S = _a.S;
-    return S ? '0.7rem' : '0.8rem';
-}, function (_a) {
-    var invert = _a.invert;
-    return invert ? greyColor100 : white;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/RadioAndCheckbox/comps/RadioList/comps/index.d.ts

@@ -1 +0,0 @@
-export { RadioInput, RadioButton } from "./RadioInput";

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

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioButton = exports.RadioInput = void 0;
-var RadioInput_1 = require("./RadioInput");
-Object.defineProperty(exports, "RadioInput", { enumerable: true, get: function () { return RadioInput_1.RadioInput; } });
-Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return RadioInput_1.RadioButton; } });

package/dist/components/RadioAndCheckbox/comps/RadioList/index.d.ts

@@ -1,17 +0,0 @@
-export function RadioList({ id, injectOtherOption, value: valueProp, onChange, saveValueAsString, options, commonIsCorrectDesc, rightWrongResult, optionsLimit, listType, disabled, invert, readOnly, S }: {
-    id: any;
-    injectOtherOption?: boolean;
-    value: any;
-    onChange: any;
-    saveValueAsString: any;
-    options?: any[];
-    commonIsCorrectDesc: any;
-    rightWrongResult: any;
-    optionsLimit?: number;
-    listType?: string;
-    disabled: any;
-    invert: any;
-    readOnly: any;
-    S: any;
-}, ...args: any[]): React.JSX.Element;
-import React from "react";