oolib 2.208.0 → 2.208.1

package/dist/components/Hints/index.js

@@ -1,127 +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 });
-var styled_1 = require("./styled");
-var Typo_1 = require("../Typo");
-var react_1 = __importStar(require("react"));
-var contextApi_1 = require("../Hints/contextApi");
-var colors_1 = require("../../themes/colors");
-var DisplayIcon_1 = require("../../utils/comps/DisplayIcon");
-var Buttons_1 = require("../Buttons");
-var Modal_1 = require("../Modals/Modal");
-var mixins_1 = require("../../themes/mixins");
-var useScreenWidth_1 = require("../../utils/customHooks/useScreenWidth");
-var styled_2 = require("../Modals/Modal/styled");
-var OKELink_1 = require("../OKELink");
-var greyColor80 = colors_1.colors.greyColor80, greyColor15 = colors_1.colors.greyColor15, greyColor100 = colors_1.colors.greyColor100;
-var TriangleIconComp = function (props) { return (react_1.default.createElement("svg", __assign({ width: 20, height: 13, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    react_1.default.createElement("path", { d: "m8.894 1.206-7.59 8.28C.422 10.448 1.104 12 2.41 12h15.18c1.305 0 1.988-1.552 1.106-2.514l-7.59-8.28a1.5 1.5 0 0 0-2.212 0Z", fill: "#fff", stroke: greyColor15 }))); };
-var getPositionStyles = function (position) {
-    var styles = {
-        left: {
-            lightBox: { top: "-2rem", left: "-31.5rem" },
-            arrow: { top: ".7rem", left: "-2rem", transform: "rotate(45deg)" },
-        },
-        bottom: {
-            lightBox: { top: "4.5rem", left: "-2rem" },
-            arrow: { top: "3.9rem", left: "6rem", transform: "rotate(-45deg)" },
-        },
-    };
-    return styles[position];
-};
-var BulletIcon = function () { return (
-// line height of SANS_3 is 21px. Dot is 8px tall. so below css (21/2 - 8/2) makes the circle perfectly aligned with the first line
-react_1.default.createElement("div", { style: { fontSize: 0, marginTop: '6.5px', lineHeight: 0 } },
-    react_1.default.createElement(DisplayIcon_1.DisplayIcon, { color: greyColor100, weight: "fill", icon: "Circle", size: 8 }))); };
-var Hints = function (_a) {
-    var id = _a.id, hints = _a.hints, _b = _a.title, title = _b === void 0 ? "Hints" : _b, _c = _a.btnlabel, btnlabel = _c === void 0 ? "Hints" : _c, subtitle = _a.subtitle;
-    //get the context state
-    var _d = (0, contextApi_1.useHintsContext)(), active = _d.active, setActive = _d.setActive;
-    var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
-    var lightBoxRef = (0, react_1.useRef)();
-    var _e = (0, react_1.useState)(getPositionStyles("left")), styles = _e[0], setStyles = _e[1];
-    //isStorybook is temporary hack to get correct with on storybook, since a story is getting renderend within an iframe, screen.width gives the incorrect width
-    var isDesktop = screenWidth > (0, mixins_1.getBreakPoint)("md");
-    (0, react_1.useEffect)(function () {
-        if (!lightBoxRef.current)
-            return;
-        var lightBoxRect = lightBoxRef.current.getBoundingClientRect();
-        // by default open on leftside, if the below condition is true than open at the bottom of hints
-        //note for future: arrow comp is fixed and lightbox will move to place itself within the visible area
-        if (lightBoxRect.left < 0) {
-            setStyles(getPositionStyles("bottom"));
-            // setStyles({
-            //   lightBox: { top: "4rem", right: "0" },
-            //   arrow: { top: `none`, right: "3.5rem", transform: "none" },
-            // });
-        }
-    }, [active]);
-    return (react_1.default.createElement("div", null,
-        " ",
-        react_1.default.createElement(styled_1.StyledHints, { onClick: function () { return setActive(id); } },
-            react_1.default.createElement(Typo_1.SANS_3, { semibold: true },
-                react_1.default.createElement(OKELink_1.OKELink, { icon: "LightbulbFilament", linkType: "action", onClick: function () { return setActive(id); }, iconSize: 16, invertUnderline: true }, btnlabel))),
-        active === id ? (isDesktop ? (react_1.default.createElement("div", null,
-            react_1.default.createElement(styled_1.StyledTriangle, { style: styles.arrow, id: id }),
-            react_1.default.createElement(styled_1.StyledLightbox, { style: styles.lightBox, ref: lightBoxRef, id: id },
-                react_1.default.createElement(styled_2.StyledModalHeaderStyle2Container, null,
-                    react_1.default.createElement("div", { style: { position: "absolute", top: "-2.5rem", fontSize: 0 } },
-                        react_1.default.createElement(DisplayIcon_1.DisplayIcon, { icon: "ModalBulbIcon" })),
-                    react_1.default.createElement(styled_2.StyledModalHeaderStyle2Title, null,
-                        react_1.default.createElement(Typo_1.SANS_3, { semibold: true, capitalize: true }, title),
-                        subtitle ? (react_1.default.createElement(Typo_1.SANS_3_4, { capitalize: true, semibold: true, style: { flexGrow: "1" }, color: greyColor80 }, subtitle)) : null,
-                        react_1.default.createElement(Buttons_1.ButtonGhost, { onClick: function () { return setActive(""); }, icon: "X" }))),
-                react_1.default.createElement(styled_1.StyledLightBoxContent, null,
-                    react_1.default.createElement(styled_1.StyledLightBoxList, null, hints.map(function (d) { return (react_1.default.createElement("li", null,
-                        react_1.default.createElement(BulletIcon, null),
-                        react_1.default.createElement(Typo_1.SANS_3, null, d))); })))))) : (react_1.default.createElement(Modal_1.Modal, { isStorybook: true, headerStyle: "style2", id: "modal", title: title, onClose: function () { return setActive(""); } },
-            react_1.default.createElement("div", { style: { padding: ".5rem 2rem" } },
-                react_1.default.createElement(styled_1.StyledLightBoxList, null, hints.map(function (d) { return (react_1.default.createElement("li", null,
-                    react_1.default.createElement("div", { style: { marginTop: ".5rem", lineHeight: 0 } },
-                        react_1.default.createElement(DisplayIcon_1.DisplayIcon, { color: greyColor100, weight: "fill", icon: "Circle", size: 8 })),
-                    react_1.default.createElement(Typo_1.SANS_3, null, d))); })))))) : null));
-};
-exports.default = Hints;

package/dist/components/Hints/styled.d.ts

@@ -1,6 +0,0 @@
-export const StyledHints: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledLightbox: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledLightBoxHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledLightBoxContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledLightBoxList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export const StyledTriangle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Hints/styled.js

@@ -1,54 +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.StyledTriangle = exports.StyledLightBoxList = exports.StyledLightBoxContent = exports.StyledLightBoxHeader = exports.StyledLightbox = exports.StyledHints = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var themes_1 = require("../../themes");
-var globalVariables_1 = require("../../globalStyles/globalVariables");
-var white = themes_1.colors.white, greyColor15 = themes_1.colors.greyColor15, greyColor100 = themes_1.colors.greyColor100;
-exports.StyledHints = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-exports.StyledLightbox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  z-index: 1000;\n  background: ", ";\n  position: absolute;\n  width: 30rem;\n  height: 35rem;\n  ", "\n  /* top: ", "; */\n  /* right: ", "; */\n\n  top: ", ";\n  left: ", ";\n  bottom: ", ";\n  right: ", ";\n\n  display: flex;\n  flex-direction: column;\n"], ["\n  z-index: 1000;\n  background: ", ";\n  position: absolute;\n  width: 30rem;\n  height: 35rem;\n  ", "\n  /* top: ", "; */\n  /* right: ", "; */\n\n  top: ", ";\n  left: ", ";\n  bottom: ", ";\n  right: ", ";\n\n  display: flex;\n  flex-direction: column;\n"])), white, globalVariables_1.globalLightboxStyle, function (_a) {
-    var style = _a.style;
-    return ((style === null || style === void 0 ? void 0 : style.top) ? style.top : "-1rem");
-}, function (_a) {
-    var style = _a.style;
-    return ((style === null || style === void 0 ? void 0 : style.right) ? style.right : "-31.5rem");
-}, function (_a) {
-    var top = _a.style.top;
-    return top;
-}, function (_a) {
-    var left = _a.style.left;
-    return left;
-}, function (_a) {
-    var bottom = _a.style.bottom;
-    return bottom;
-}, function (_a) {
-    var right = _a.style.right;
-    return right;
-});
-exports.StyledLightBoxHeader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 4rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 2px;\n  gap: 1rem;\n\n  padding: 1rem 1.5rem;\n"], ["\n  height: 4rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 2px;\n  gap: 1rem;\n\n  padding: 1rem 1.5rem;\n"])));
-exports.StyledLightBoxContent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 0.5rem 2rem 2rem 1.5rem;\n  overflow-y: auto;\n"], ["\n  padding: 0.5rem 2rem 2rem 1.5rem;\n  overflow-y: auto;\n"])));
-exports.StyledLightBoxList = styled_components_1.default.ul(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: 0;\n  li {\n    list-style-type: none;\n    padding: 0.5rem 0;\n    display: flex;\n    gap: 1rem;\n    /* align-items: center; */\n    /* ::before {\n      content: \"\";\n      margin-top: 0.5rem;\n      flex: 0 0 .5rem;\n      width: .5rem;\n      padding: 0%.5r;\n      height: .5rem;\n      background-color: ", ";\n      border-radius: 50%;\n      flex-shrink: 0;\n    } */\n  }\n"], ["\n  padding: 0;\n  li {\n    list-style-type: none;\n    padding: 0.5rem 0;\n    display: flex;\n    gap: 1rem;\n    /* align-items: center; */\n    /* ::before {\n      content: \"\";\n      margin-top: 0.5rem;\n      flex: 0 0 .5rem;\n      width: .5rem;\n      padding: 0%.5r;\n      height: .5rem;\n      background-color: ", ";\n      border-radius: 50%;\n      flex-shrink: 0;\n    } */\n  }\n"])), greyColor100);
-exports.StyledTriangle = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n\n  width: 10px;\n  height: 10px;\n  border-style: solid;\n\n  border-width: 1px;\n  border-color: ", " ", " transparent transparent;\n  /* transform:rotate(-45deg); */\n  z-index: 10001;\n  background-color: white;\n\n  top: ", ";\n  left: ", ";\n  bottom: ", ";\n  right: ", ";\n  transform: ", ";\n\n  /* position:absolute; */\n  /* top:.7rem; */\n  /* left:-2rem; */\n  /* transform :rotate(90deg); */\n"], ["\n  position: absolute;\n\n  width: 10px;\n  height: 10px;\n  border-style: solid;\n\n  border-width: 1px;\n  border-color: ", " ", " transparent transparent;\n  /* transform:rotate(-45deg); */\n  z-index: 10001;\n  background-color: white;\n\n  top: ", ";\n  left: ", ";\n  bottom: ", ";\n  right: ", ";\n  transform: ", ";\n\n  /* position:absolute; */\n  /* top:.7rem; */\n  /* left:-2rem; */\n  /* transform :rotate(90deg); */\n"])), greyColor15, greyColor15, function (_a) {
-    var top = _a.style.top;
-    return top;
-}, function (_a) {
-    var left = _a.style.left;
-    return left;
-}, function (_a) {
-    var bottom = _a.style.bottom;
-    return bottom;
-}, function (_a) {
-    var right = _a.style.right;
-    return right;
-}, function (_a) {
-    var transform = _a.style.transform;
-    return transform;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -1,11 +0,0 @@
-export function CheckboxButton({ id, className, isSelected: _isSelected, value, onChange, disabled, invert, S }: {
-    id: any;
-    className: any;
-    isSelected: any;
-    value: any;
-    onChange: any;
-    disabled: any;
-    invert: any;
-    S: any;
-}): React.JSX.Element;
-import React from 'react';

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>;