oolib 2.208.0 → 2.208.1

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

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

@@ -1,109 +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.RadioList = RadioList;
-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 styled_1 = require("../../styled");
-var utils_1 = require("../../utils");
-var comps_1 = require("./comps");
-function RadioList(_a) {
-    var id = _a.id, _b = _a.injectOtherOption, injectOtherOption = _b === void 0 ? false : _b, valueProp = _a.value, onChange = _a.onChange, saveValueAsString = _a.saveValueAsString, _c = _a.options, options = _c === void 0 ? [] : _c, commonIsCorrectDesc = _a.commonIsCorrectDesc, rightWrongResult = _a.rightWrongResult, _d = _a.optionsLimit, optionsLimit = _d === void 0 ? Infinity : _d, _e = _a.listType, listType = _e === void 0 ? 'horizontal' : _e, disabled = _a.disabled, invert = _a.invert, readOnly = _a.readOnly, S = _a.S;
-    var props = arguments[0];
-    var shouldHideSomeOptions = options.length > optionsLimit;
-    var _f = (0, react_1.useState)(false), seeMore = _f[0], setSeeMore = _f[1];
-    var _g = (0, utils_1.genDisplayedOptions)({ injectOtherOption: injectOtherOption, options: options, valueProp: valueProp, saveValueAsString: saveValueAsString }), typicalOptions = _g.typicalOptions, injectedOtherOption = _g.injectedOtherOption;
-    var value = saveValueAsString ?
-        typicalOptions
-            .concat(injectedOtherOption || [])
-            .find(function (op) { var _a; return ((_a = op.display_desc) !== null && _a !== void 0 ? _a : op.value) === valueProp; })
-        : valueProp;
-    var correctOp = options.find(function (op) { return op.isCorrect; }); //
-    var handleInputClick = function (option) {
-        var _a;
-        onChange(id, saveValueAsString ? ((_a = option.display_desc) !== null && _a !== void 0 ? _a : option.value) : option);
-    };
-    var handleTextInputChange = function (text) {
-        onChange(id, saveValueAsString ? text : (0, utils_1.genOtherValueObject)(text) //text === display_desc
-        );
-    };
-    var InputCommonProps = {
-        invert: invert,
-        value: value,
-        S: S,
-        disabled: disabled,
-        rightWrongResult: rightWrongResult,
-        onClick: handleInputClick,
-    };
-    return (react_1.default.createElement("div", { id: id },
-        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
-        readOnly ? ((value === null || value === void 0 ? void 0 : value.display) && react_1.default.createElement(Tags_1.TagDisplay, { display: value.display_desc || value.display, invert: invert }) //prioritzing display_desc since display of 'other' option is === other
-        ) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(styled_1.StyledOptionsContainer, { listType: listType, S: S }, typicalOptions === null || typicalOptions === void 0 ? void 0 :
-                typicalOptions.map(function (option, idx) { return idx < optionsLimit && (react_1.default.createElement(comps_1.RadioInput, __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(comps_1.RadioInput, __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(comps_1.RadioInput, __assign({}, InputCommonProps, { option: injectedOtherOption })),
-                    (value === null || value === void 0 ? void 0 : value.value) === "other" && (react_1.default.createElement(styled_1.StyledOtherTextInputWrapper, { listType: listType, rightWrongResult: rightWrongResult },
-                        react_1.default.createElement(TextInputs_1.TextInput, { placeholder: "Please Specify Here", value: value.display_desc, onChange: function (k, v) { return handleTextInputChange(v); }, disabled: disabled, invert: invert, S: S })))))),
-            shouldHideSomeOptions && !rightWrongResult && (react_1.default.createElement(Buttons_1.ButtonGhost, { onClick: function () { return setSeeMore(!seeMore); }, value: !seeMore ? 'See More' : 'See Less', style: { marginTop: 10 } })),
-            /*
-            the minute the results have come in, irrespective of user's answer
-            being right or wrong, we always show an explanation
-            against the right answer. provided that an explanation is provided.
-            */
-            correctOp && rightWrongResult && commonIsCorrectDesc &&
-                react_1.default.createElement(styled_1.StyledCorrectMessage, { invert: invert }, commonIsCorrectDesc)))));
-}

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

@@ -1,5 +0,0 @@
-export { RadioList } from "./comps/RadioList";
-export { CheckboxList } from "./comps/CheckboxList";
-export { CheckboxInput } from "./comps/CheckboxList/comps/CheckboxInput";
-export { CheckboxButton } from "./comps/CheckboxList/comps/CheckboxButton";
-export { RadioInput, RadioButton } from "./comps/RadioList/comps";

package/dist/components/RadioAndCheckbox/index.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = exports.RadioButton = exports.RadioInput = exports.RadioList = void 0;
-var RadioList_1 = require("./comps/RadioList");
-Object.defineProperty(exports, "RadioList", { enumerable: true, get: function () { return RadioList_1.RadioList; } });
-var comps_1 = require("./comps/RadioList/comps");
-Object.defineProperty(exports, "RadioInput", { enumerable: true, get: function () { return comps_1.RadioInput; } });
-Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return comps_1.RadioButton; } });
-var CheckboxList_1 = require("./comps/CheckboxList");
-Object.defineProperty(exports, "CheckboxList", { enumerable: true, get: function () { return CheckboxList_1.CheckboxList; } });
-var CheckboxInput_1 = require("./comps/CheckboxList/comps/CheckboxInput");
-Object.defineProperty(exports, "CheckboxInput", { enumerable: true, get: function () { return CheckboxInput_1.CheckboxInput; } });
-var CheckboxButton_1 = require("./comps/CheckboxList/comps/CheckboxButton");
-Object.defineProperty(exports, "CheckboxButton", { enumerable: true, get: function () { return CheckboxButton_1.CheckboxButton; } });

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

@@ -1,5 +0,0 @@
-export const StyledOptionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledOption: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledOtherOptionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledOtherTextInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledCorrectMessage: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Typo").TypoCompProps>, any, {}, never>;

package/dist/components/RadioAndCheckbox/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.StyledCorrectMessage = exports.StyledOtherTextInputWrapper = exports.StyledOtherOptionContainer = exports.StyledOption = exports.StyledOptionsContainer = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-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, 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';
-}, function (_a) {
-    var listType = _a.listType;
-    return listType === 'vertical' ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    flex-wrap: nowrap;\n    \n      flex-direction: column;\n      gap: ", ";\n      align-items: flex-start; //ensures that each option doesnt stretch full width and create unnecessary click area\n    "], ["\n    flex-wrap: nowrap;\n    \n      flex-direction: column;\n      gap: ", ";\n      align-items: flex-start; //ensures that each option doesnt stretch full width and create unnecessary click area\n    "])), function (_a) {
-        var S = _a.S;
-        return S ? '1rem' : '1.5rem';
-    }) :
-        '';
-});
-exports.StyledOption = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  position: relative;\n  cursor: ", ";\n  \n\n  &:hover .btn {\n    ", "\n  }\n\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  position: relative;\n  cursor: ", ";\n  \n\n  &:hover .btn {\n    ", "\n  }\n\n"])), function (_a) {
-    var S = _a.S;
-    return S ? '0.7rem' : '1rem';
-}, function (_a) {
-    var rightWrongResult = _a.rightWrongResult, disabled = _a.disabled;
-    return disabled ? 'not-allowed' :
-        rightWrongResult ? 'initial' : 'pointer';
-}, function (_a) {
-    var isSelected = _a.isSelected, rightWrongResult = _a.rightWrongResult, disabled = _a.disabled, theme = _a.theme, invert = _a.invert;
-    return !isSelected && !rightWrongResult && !disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), invert ? greyColor80 : (0, utilsOolib_1.getPrimaryColor10)(theme.colors));
-});
-exports.StyledOtherOptionContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  gap: 1rem;\n  flex-direction: ", ";\n"], ["\n  display: flex;\n  gap: 1rem;\n  flex-direction: ", ";\n"])), function (_a) {
-    var listType = _a.listType;
-    return listType == 'vertical' ? 'column' : 'row';
-});
-exports.StyledOtherTextInputWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  \n  margin-right: 0.5rem;\n  ", "\n\n  ", ";\n  \n  ", "{ width: 28rem; }\n"], ["\n  \n  margin-right: 0.5rem;\n  ", "\n\n  ", ";\n  \n  ", "{ width: 28rem; }\n"])), function (_a) {
-    var rightWrongResult = _a.rightWrongResult;
-    return rightWrongResult && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["pointer-events: none;"], ["pointer-events: none;"])));
-}, function (_a) {
-    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"])), 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/dist/components/RadioAndCheckbox/utils.d.ts

@@ -1,22 +0,0 @@
-export function getMarkingCommand({ option, isSelected }: {
-    option: any;
-    isSelected: any;
-}): "markCorrect" | "markWrong" | "revealCorrect";
-export function genOtherValueObject(text: any): {
-    value: string;
-    display_desc: any;
-    value_desc: any;
-    display: string;
-};
-export function genDisplayedOptions({ injectOtherOption, options, valueProp, saveValueAsString }: {
-    injectOtherOption: any;
-    options: any;
-    valueProp: any;
-    saveValueAsString: any;
-}): {
-    typicalOptions: any;
-    injectedOtherOption?: undefined;
-} | {
-    typicalOptions: any;
-    injectedOtherOption: any;
-};

package/dist/components/RadioAndCheckbox/utils.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.genDisplayedOptions = exports.genOtherValueObject = exports.getMarkingCommand = void 0;
-var formatTextToCamelCase_1 = require("../../utils/formatTextToCamelCase");
-var toArray_1 = require("../../utils/toArray");
-var getMarkingCommand = function (_a) {
-    var option = _a.option, isSelected = _a.isSelected;
-    if (isSelected) {
-        return option.isCorrect ? 'markCorrect' : 'markWrong';
-    }
-    else { //not selected
-        if (option.isCorrect)
-            return "revealCorrect";
-    }
-};
-exports.getMarkingCommand = getMarkingCommand;
-var genOtherValueObject = function (text) {
-    var value_desc = (0, formatTextToCamelCase_1.formatTextToCamelCase)(text);
-    return {
-        value: "other",
-        display_desc: text,
-        value_desc: value_desc,
-        display: "Other",
-    };
-};
-exports.genOtherValueObject = genOtherValueObject;
-var genDisplayedOptions = function (_a) {
-    var injectOtherOption = _a.injectOtherOption, options = _a.options, valueProp = _a.valueProp, saveValueAsString = _a.saveValueAsString;
-    /*
-    if options has the other object already
-    then do none of this inject business
-    */
-    if (options.find(function (op) { return op.value === "other"; }) ||
-        !injectOtherOption)
-        return {
-            typicalOptions: options
-        };
-    var OtherValInValueProp = (0, toArray_1.toArray)(valueProp).find(function (v) {
-        return saveValueAsString ?
-            options.every(function (op) { return op.value !== v; })
-            : (v === null || v === void 0 ? void 0 : v.value) === 'other';
-    });
-    var injectedOtherOption = saveValueAsString ?
-        { value: "other", display: "Other", display_desc: (OtherValInValueProp || '') }
-        :
-            OtherValInValueProp || { value: "other", display: "Other", display_desc: '' };
-    return { typicalOptions: options, injectedOtherOption: injectedOtherOption };
-};
-exports.genDisplayedOptions = genDisplayedOptions;

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

@@ -1,21 +0,0 @@
-export function SwitchDouble({ id, value: valueProp, options, onChange, invert, saveValueAsString, disabled, }: {
-    id: any;
-    value: any;
-    options: any;
-    onChange: any;
-    invert: any;
-    saveValueAsString: any;
-    disabled?: boolean;
-}, ...args: any[]): React.JSX.Element;
-export function SwitchSingle({ id, value, option, onChange, disabled, invert, saveValueAsString, layoutStyle, infoTooltip, }: {
-    id: any;
-    value: any;
-    option: any;
-    onChange: any;
-    disabled?: boolean;
-    invert: any;
-    saveValueAsString: any;
-    layoutStyle?: string;
-    infoTooltip: any;
-}, ...args: any[]): React.JSX.Element;
-import React from "react";

package/dist/components/Switches/index.js

@@ -1,102 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwitchDouble = SwitchDouble;
-exports.SwitchSingle = SwitchSingle;
-var react_1 = __importDefault(require("react"));
-var themes_1 = require("../../themes");
-var _EXPORTS_1 = require("../../utils/_EXPORTS");
-var BlockLabel_1 = require("../../v2/components/BlockLabel");
-var styled_1 = require("./styled");
-var Tooltip_1 = require("../Tooltip");
-var utilsOolib_1 = require("../../utilsOolib");
-var greyColor40 = themes_1.colors.greyColor40, greyColor100 = themes_1.colors.greyColor100, white = themes_1.colors.white;
-function SwitchDouble(_a) {
-    var id = _a.id, valueProp = _a.value, options = _a.options, onChange = _a.onChange, invert = _a.invert, saveValueAsString = _a.saveValueAsString, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
-    var value = saveValueAsString
-        ? options.find(function (d) { return d.value === valueProp; })
-        : valueProp;
-    var handleClick = function () {
-        var otherOption = options.find(function (op) { return op.value !== value.value; });
-        !disabled &&
-            onChange &&
-            onChange(id, saveValueAsString ? otherOption.value : otherOption);
-    };
-    var props = arguments[0];
-    var isLeftOptionActive = value === undefined || options[0].value === (value === null || value === void 0 ? void 0 : value.value);
-    if (value === undefined)
-        throw new Error("You need to pass a value prop to make SwitchDouble work");
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
-        react_1.default.createElement(styled_1.StyledSwitchWrapperStyle1, null,
-            react_1.default.createElement(styled_1.STYLED_SANS_3, { lineHeight: 1,
-                semibold: isLeftOptionActive ? true : false, invert: invert }, options[0].display),
-            react_1.default.createElement(styled_1.StyledButtonSlider, { invert: invert, disabled: disabled, onClick: handleClick },
-                react_1.default.createElement(styled_1.StyledSwitch, { className: "StyledSwitch" //read in styled.js why we are using an okf-anti-pattern
-                    , invert: invert, disabled: disabled, direction: isLeftOptionActive ? "left" : "right" })),
-            react_1.default.createElement(styled_1.STYLED_SANS_3, { invert: invert, semibold: isLeftOptionActive ? false : true,
-                lineHeight: 1 }, options[1].display))));
-}
-function SwitchSingle(_a) {
-    var id = _a.id, value = _a.value, option = _a.option, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b, invert = _a.invert, saveValueAsString = _a.saveValueAsString, _c = _a.layoutStyle, layoutStyle = _c === void 0 ? "style1" : _c, infoTooltip = _a.infoTooltip;
-    var props = arguments[0];
-    var localize = (0, utilsOolib_1.useLocale)();
-    /**
-     * very important that we check this way,
-     * as opposed to checking as 'value === undefined'
-     *
-     * because in some cases in the TCI, the initial value
-     * is not equal to undefined. it is equal to 'false' or something else
-     */
-    var isInactive = saveValueAsString
-        ? value !== option.value
-        : (value === null || value === void 0 ? void 0 : value.value) !== option.value;
-    var handleClick = function (v) {
-        !disabled &&
-            onChange &&
-            onChange(id, isInactive ? (saveValueAsString ? option.value : option) : undefined);
-    };
-    var genSwitch = function () { return (react_1.default.createElement(styled_1.StyledButtonSlider, { inactive: isInactive, disabled: disabled, invert: invert, onClick: handleClick },
-        react_1.default.createElement(styled_1.StyledSwitch, { className: "StyledSwitch" //read in styled.js why we are using an okf-anti-pattern
-            , direction: isInactive ? "left" : "right", inactive: isInactive, disabled: disabled, invert: invert }))); };
-    var injectOptionalLabelIntoDisplayText = function (_a) {
-        var label = _a.label, display = _a.display, isRequired = _a.isRequired;
-        if (!!label)
-            return display; //if label exists, we do nothing, cuz optional label in that case, would be shown next to the label
-        //else
-        if (isRequired === false)
-            return display + " (".concat(localize('optional'), ")");
-        //else
-        return display; //cuz ofcourse its not optional, so no need to show optional label
-    };
-    var genDisplayText = function () { return (react_1.default.createElement(styled_1.STYLED_SANS_3, { invert: invert, lineHeight: 1, semibold: isInactive ? false : true }, injectOptionalLabelIntoDisplayText({
-        display: option.display,
-        label: props.label,
-        isRequired: props.isRequired
-    }))); };
-    var genSwitchDisplay = function () {
-        return infoTooltip ? (react_1.default.createElement("div", { style: { display: "flex", gap: ".5rem", alignItems: "center" } },
-            genDisplayText(),
-            react_1.default.createElement(Tooltip_1.Tooltip, __assign({ presetTarget: "infoIcon" }, infoTooltip)))) : (genDisplayText());
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({ hideOptionalLabel: !!props.label === false }, (0, _EXPORTS_1.getBlockLabelProps)(props))),
-        layoutStyle === "style1" ? (react_1.default.createElement(styled_1.StyledSwitchWrapperStyle1, null,
-            genSwitch(),
-            genSwitchDisplay())) : (layoutStyle === "style2" && (react_1.default.createElement(styled_1.StyledSwitchWrapperStyle2, null,
-            genSwitchDisplay(),
-            genSwitch())))));
-}

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

@@ -1,5 +0,0 @@
-export const StyledSwitchWrapperStyle1: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledSwitchWrapperStyle2: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledButtonSlider: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledSwitch: import("styled-components").StyledComponent<"button", any, {}, never>;
-export const STYLED_SANS_3: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Typo").TypoCompProps>, any, {}, never>;

package/dist/components/Switches/styled.js

@@ -1,63 +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.STYLED_SANS_3 = exports.StyledSwitch = exports.StyledButtonSlider = exports.StyledSwitchWrapperStyle2 = exports.StyledSwitchWrapperStyle1 = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var themes_1 = require("../../themes");
-var mixins_1 = require("../../themes/mixins");
-var utilsOolib_1 = require("../../utilsOolib");
-var Typo_1 = require("../Typo");
-var white = themes_1.colors.white, greyColor10 = themes_1.colors.greyColor10, greyColor80 = themes_1.colors.greyColor80, greyColor70 = themes_1.colors.greyColor70, greyColor100 = themes_1.colors.greyColor100, greyColor40 = themes_1.colors.greyColor40;
-exports.StyledSwitchWrapperStyle1 = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  /* justify-content: center; */\n  align-items: center;\n  gap: 1rem;\n"], ["\n  display: flex;\n  /* justify-content: center; */\n  align-items: center;\n  gap: 1rem;\n"])));
-exports.StyledSwitchWrapperStyle2 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
-exports.StyledButtonSlider = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 4rem;\n  height: 2rem;\n  user-select: none;\n  position: relative;\n  \n  border-radius: 1rem;\n  cursor: ", ";\n  background-color: ", ";\n\n  &:hover {\n    background-color: ", ";\n\n    & > .StyledSwitch {\n      border-color: ", ";  \n    }\n  }\n\n  \n\n  ", "\n"], ["\n  width: 4rem;\n  height: 2rem;\n  user-select: none;\n  position: relative;\n  \n  border-radius: 1rem;\n  cursor: ", ";\n  background-color: ", ";\n\n  &:hover {\n    background-color: ", ";\n\n    & > .StyledSwitch {\n      border-color: ", ";  \n    }\n  }\n\n  \n\n  ", "\n"])), function (_a) {
-    var disabled = _a.disabled;
-    return disabled ? 'not-allowed' : 'pointer';
-}, function (_a) {
-    var colors = _a.theme.colors, inactive = _a.inactive, disabled = _a.disabled, invert = _a.invert;
-    if (disabled)
-        return invert ? greyColor80 : greyColor10;
-    if (inactive)
-        return greyColor70;
-    return invert ? (0, utilsOolib_1.getPrimaryColor40)(colors) : (0, utilsOolib_1.getPrimaryColor100)(colors);
-}, function (_a) {
-    var colors = _a.theme.colors, inactive = _a.inactive, disabled = _a.disabled;
-    return !disabled && (inactive ? greyColor40 : (0, utilsOolib_1.getPrimaryColorText)(colors));
-}, function (_a) {
-    var colors = _a.theme.colors, inactive = _a.inactive, disabled = _a.disabled;
-    return !disabled && (inactive ? greyColor40 : (0, utilsOolib_1.getPrimaryColorText)(colors));
-}, (0, mixins_1.transition)('background-color'));
-exports.StyledSwitch = styled_components_1.default.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 2rem;\n  height: 2rem;\n  background-color: ", ";\n  outline: none;\n  ", ";\n  border-radius: 50%;\n  cursor: ", ";\n  border: 2px solid; \n  border-color: ", ";\n  position: absolute;\n  top: 0;\n  left: ", ";\n\n  /**\n  this is the styled comps way of dealing with child hover.\n  But it is a buggy functionality. Probably an issue at\n  the styled-components package level. Should report on their github\n\n  Instead we use the oldschool class approach for child hover (line 40)\n  */\n  /* ", ":hover & {\n      border-color: ", ";  \n    } */\n  \n"], ["\n  width: 2rem;\n  height: 2rem;\n  background-color: ", ";\n  outline: none;\n  ", ";\n  border-radius: 50%;\n  cursor: ", ";\n  border: 2px solid; \n  border-color: ", ";\n  position: absolute;\n  top: 0;\n  left: ", ";\n\n  /**\n  this is the styled comps way of dealing with child hover.\n  But it is a buggy functionality. Probably an issue at\n  the styled-components package level. Should report on their github\n\n  Instead we use the oldschool class approach for child hover (line 40)\n  */\n  /* ", ":hover & {\n      border-color: ", ";  \n    } */\n  \n"])), function (_a) {
-    var invert = _a.invert;
-    return invert ? greyColor100 : white;
-}, (0, mixins_1.transition)('border-color', 'left 0.2s'), function (_a) {
-    var disabled = _a.disabled;
-    return disabled ? 'not-allowed' : 'pointer';
-}, function (_a) {
-    var colors = _a.theme.colors, inactive = _a.inactive, disabled = _a.disabled, invert = _a.invert;
-    if (disabled)
-        return invert ? greyColor80 : greyColor10;
-    if (inactive)
-        return greyColor70;
-    return invert ? (0, utilsOolib_1.getPrimaryColor40)(colors) : (0, utilsOolib_1.getPrimaryColor100)(colors);
-}, function (_a) {
-    var direction = _a.direction;
-    return direction === 'left' ? '0' : 'calc(100% - 2rem)';
-}, exports.StyledButtonSlider, function (_a) {
-    var colors = _a.theme.colors, inactive = _a.inactive, disabled = _a.disabled;
-    return !disabled && (inactive ? greyColor40 : (0, utilsOolib_1.getPrimaryColorText)(colors));
-});
-exports.STYLED_SANS_3 = (0, styled_components_1.default)(Typo_1.SANS_3)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  line-height: ", ";\n  ", "\n"], ["\n  color: ", ";\n  line-height: ", ";\n  ", "\n"])), function (_a) {
-    var color = _a.color;
-    return color;
-}, function (_a) {
-    var lineHeight = _a.lineHeight;
-    return lineHeight;
-}, (0, mixins_1.transition)('color'));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -1,24 +0,0 @@
-export function TextInput(props: any): React.JSX.Element;
-export function PasswordInput({ ...props }: {
-    [x: string]: any;
-}): React.JSX.Element;
-export function EmailInput({ passValidationErrorToFormValidation, ...props }: {
-    [x: string]: any;
-    passValidationErrorToFormValidation: any;
-}): React.JSX.Element;
-export function PhoneInput({ passValidationErrorToFormValidation, ...props }: {
-    [x: string]: any;
-    passValidationErrorToFormValidation: any;
-}): React.JSX.Element;
-export function URLInput({ routesAreValidInputs, validationPlugin, passValidationErrorToFormValidation, content, ...props }: {
-    [x: string]: any;
-    routesAreValidInputs?: boolean;
-    validationPlugin: any;
-    passValidationErrorToFormValidation: any;
-    content: any;
-}): React.JSX.Element;
-export function NumberInput({ passValidationErrorToFormValidation, ...props }: {
-    [x: string]: any;
-    passValidationErrorToFormValidation: any;
-}): React.JSX.Element;
-import React from "react";