oolib 2.208.0 → 2.208.1

package/dist/stories/Oolib/components/RadioButton.stories.d.ts

@@ -1,260 +0,0 @@
-declare namespace _default {
-    let title: string;
-}
-export default _default;
-export function RadioList(args: any): import("react").JSX.Element;
-export namespace RadioList {
-    namespace args {
-        let size: string;
-        let listingStyle: string;
-        let optionsLimit: number;
-        let option1: string;
-        let option2: string;
-        let option3: string;
-        let option4: string;
-        let option5: string;
-        let addOther: boolean;
-        let markOptions: boolean;
-        let corrrectOption: string;
-        let feedbackMessage: string;
-        let saveValueAsString: boolean;
-        let disabled: boolean;
-        let readOnly: boolean;
-        let invert: boolean;
-    }
-    namespace argTypes {
-        export namespace corrrectOption_1 {
-            let name: string;
-            namespace control {
-                let type: string;
-            }
-            let options: string[];
-        }
-        export { corrrectOption_1 as corrrectOption };
-        export namespace size_1 {
-            let name_1: string;
-            export { name_1 as name };
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-            let options_1: string[];
-            export { options_1 as options };
-            export namespace mapping {
-                let Small: string;
-                let Medium: string;
-            }
-        }
-        export { size_1 as size };
-        export namespace listingStyle_1 {
-            let name_2: string;
-            export { name_2 as name };
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-            let options_2: string[];
-            export { options_2 as options };
-        }
-        export { listingStyle_1 as listingStyle };
-        export namespace disabled_1 {
-            let name_3: string;
-            export { name_3 as name };
-        }
-        export { disabled_1 as disabled };
-        export namespace invert_1 {
-            let name_4: string;
-            export { name_4 as name };
-        }
-        export { invert_1 as invert };
-        export namespace readOnly_1 {
-            let name_5: string;
-            export { name_5 as name };
-        }
-        export { readOnly_1 as readOnly };
-        export namespace optionsLimit_1 {
-            let name_6: string;
-            export { name_6 as name };
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_3 as control };
-            let options_3: number[];
-            export { options_3 as options };
-        }
-        export { optionsLimit_1 as optionsLimit };
-        export namespace saveValueAsString_1 {
-            let name_7: string;
-            export { name_7 as name };
-        }
-        export { saveValueAsString_1 as saveValueAsString };
-        export namespace feedbackMessage_1 {
-            let name_8: string;
-            export { name_8 as name };
-        }
-        export { feedbackMessage_1 as feedbackMessage };
-        export namespace markOptions_1 {
-            let name_9: string;
-            export { name_9 as name };
-        }
-        export { markOptions_1 as markOptions };
-        export namespace addOther_1 {
-            let name_10: string;
-            export { name_10 as name };
-        }
-        export { addOther_1 as addOther };
-        export namespace option1_1 {
-            let name_11: string;
-            export { name_11 as name };
-            export namespace control_4 {
-                let type_4: string;
-                export { type_4 as type };
-            }
-            export { control_4 as control };
-        }
-        export { option1_1 as option1 };
-        export namespace option2_1 {
-            let name_12: string;
-            export { name_12 as name };
-            export namespace control_5 {
-                let type_5: string;
-                export { type_5 as type };
-            }
-            export { control_5 as control };
-        }
-        export { option2_1 as option2 };
-        export namespace option3_1 {
-            let name_13: string;
-            export { name_13 as name };
-            export namespace control_6 {
-                let type_6: string;
-                export { type_6 as type };
-            }
-            export { control_6 as control };
-        }
-        export { option3_1 as option3 };
-        export namespace option4_1 {
-            let name_14: string;
-            export { name_14 as name };
-            export namespace control_7 {
-                let type_7: string;
-                export { type_7 as type };
-            }
-            export { control_7 as control };
-        }
-        export { option4_1 as option4 };
-        export namespace option5_1 {
-            let name_15: string;
-            export { name_15 as name };
-            export namespace control_8 {
-                let type_8: string;
-                export { type_8 as type };
-            }
-            export { control_8 as control };
-        }
-        export { option5_1 as option5 };
-    }
-}
-export function RadioInput(args: any): import("react").JSX.Element;
-export namespace RadioInput {
-    export namespace args_1 {
-        let size_2: string;
-        export { size_2 as size };
-        let markOptions_2: boolean;
-        export { markOptions_2 as markOptions };
-        export let optionIsCorrect: boolean;
-        let disabled_2: boolean;
-        export { disabled_2 as disabled };
-        let invert_2: boolean;
-        export { invert_2 as invert };
-    }
-    export { args_1 as args };
-    export namespace argTypes_1 {
-        export namespace optionIsCorrect_1 {
-            let name_16: string;
-            export { name_16 as name };
-        }
-        export { optionIsCorrect_1 as optionIsCorrect };
-        export namespace size_3 {
-            let name_17: string;
-            export { name_17 as name };
-            export namespace control_9 {
-                let type_9: string;
-                export { type_9 as type };
-            }
-            export { control_9 as control };
-            let options_4: string[];
-            export { options_4 as options };
-        }
-        export { size_3 as size };
-        export namespace markOptions_3 {
-            let name_18: string;
-            export { name_18 as name };
-        }
-        export { markOptions_3 as markOptions };
-        export namespace disabled_3 {
-            let name_19: string;
-            export { name_19 as name };
-        }
-        export { disabled_3 as disabled };
-        export namespace invert_3 {
-            let name_20: string;
-            export { name_20 as name };
-        }
-        export { invert_3 as invert };
-    }
-    export { argTypes_1 as argTypes };
-    export namespace parameters {
-        namespace controls {
-            export { commonExcluded as exclude };
-        }
-    }
-}
-export function RadioButton(args: any): import("react").JSX.Element;
-export namespace RadioButton {
-    export namespace args_2 {
-        let size_4: string;
-        export { size_4 as size };
-        let disabled_4: boolean;
-        export { disabled_4 as disabled };
-        let invert_4: boolean;
-        export { invert_4 as invert };
-    }
-    export { args_2 as args };
-    export namespace argTypes_2 {
-        export namespace size_5 {
-            let name_21: string;
-            export { name_21 as name };
-            export namespace control_10 {
-                let type_10: string;
-                export { type_10 as type };
-            }
-            export { control_10 as control };
-            let options_5: string[];
-            export { options_5 as options };
-        }
-        export { size_5 as size };
-        export namespace disabled_5 {
-            let name_22: string;
-            export { name_22 as name };
-        }
-        export { disabled_5 as disabled };
-        export namespace invert_5 {
-            let name_23: string;
-            export { name_23 as name };
-        }
-        export { invert_5 as invert };
-    }
-    export { argTypes_2 as argTypes };
-    export namespace parameters_1 {
-        export namespace controls_1 {
-            let exclude: string[];
-        }
-        export { controls_1 as controls };
-    }
-    export { parameters_1 as parameters };
-}
-declare const commonExcluded: string[];

package/dist/stories/Oolib/components/RadioButton.stories.js

@@ -1,264 +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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioButton = exports.RadioInput = exports.RadioList = void 0;
-var react_1 = require("react");
-var RadioAndCheckbox_1 = require("../../../components/RadioAndCheckbox");
-var react_json_view_1 = __importDefault(require("react-json-view"));
-var Divider_1 = require("../../../components/Divider");
-var themes_1 = require("../../../themes");
-var greyColor100 = themes_1.colors.greyColor100;
-var ops = [
-    { value: 'op1', display: "Squidward" },
-    { value: 'op2', display: "Mr krabs" },
-    { value: 'op3', display: "Patric" },
-    { value: 'op4', display: "SpongeBob SquarePants !!" },
-    { value: 'op5', display: "Bob Marley" },
-    //{ value: 'other', display: "Other"},
-];
-exports.default = {
-    title: "Components/RadioButton",
-};
-var RadioList = function (args) {
-    var _a = (0, react_1.useState)(), chosenOption = _a[0], setChosenOption = _a[1];
-    var _b = (0, react_1.useState)(ops), options = _b[0], setOptions = _b[1];
-    (0, react_1.useEffect)(function () {
-        setOptions(options.map(function (op, idx) {
-            if (op.value === 'other')
-                return op;
-            var argsText = args["option".concat(idx + 1)];
-            return argsText !== op.display ? __assign(__assign({}, op), { display: argsText }) : op;
-        }));
-    }, [args.option1, args.option2, args.option3, args.option4, args.option5]);
-    (0, react_1.useEffect)(function () {
-        if (args.markOptions) {
-            setOptions(options.map(function (op) {
-                if (op.value !== args.corrrectOption) {
-                    return op.isCorrect ? __assign(__assign({}, op), { isCorrect: false }) : op;
-                }
-                return __assign(__assign({}, op), { isCorrect: true });
-            }));
-        }
-    }, [args.markOptions, args.corrrectOption]);
-    return (React.createElement("div", { style: { backgroundColor: args.invert && greyColor100, padding: '4rem' } },
-        React.createElement(RadioAndCheckbox_1.RadioList, { options: options, readOnly: args.readOnly, value: chosenOption, onChange: function (id, val) { return setChosenOption(val); }, rightWrongResult: args.markOptions, label: args.label, listType: args.listingStyle, injectOtherOption: args.addOther, disabled: args.disabled, invert: args.invert, S: args.size == "S", commonIsCorrectDesc: args.feedbackMessage, optionsLimit: args.optionsLimit, saveValueAsString: args.saveValueAsString }),
-        React.createElement("br", null),
-        " ",
-        React.createElement(Divider_1.Divider, null),
-        " ",
-        React.createElement("br", null),
-        React.createElement("details", { style: { margin: '2rem 0' } },
-            React.createElement("summary", { style: { fontSize: '1.4rem', marginBottom: 10 } }, "Dev only area"),
-            React.createElement(react_json_view_1.default, { theme: "monokai", displayDataTypes: false, style: { fontSize: '1.3rem' }, name: "Value", src: typeof (chosenOption) === 'string' ? { stringValue: chosenOption } : chosenOption || {} }))));
-};
-exports.RadioList = RadioList;
-exports.RadioList.args = {
-    size: "Medium",
-    listingStyle: 'horizontal',
-    optionsLimit: ops.length,
-    // label: '',
-    option1: ops[0].display,
-    option2: ops[1].display,
-    option3: ops[2].display,
-    option4: ops[3].display,
-    option5: ops[4].display,
-    addOther: false,
-    markOptions: false,
-    corrrectOption: ops[3].value,
-    feedbackMessage: 'this is correct because I chose so',
-    saveValueAsString: false,
-    disabled: false,
-    readOnly: false,
-    invert: false,
-};
-exports.RadioList.argTypes = {
-    corrrectOption: {
-        name: "Correct Option",
-        control: { type: 'select' },
-        options: ops.map(function (op) { return op.value; }),
-    },
-    size: {
-        name: "Size",
-        control: { type: 'select' },
-        options: ['Small', 'Medium'],
-        mapping: {
-            Small: 'S',
-            Medium: 'M',
-        },
-    },
-    listingStyle: {
-        name: "Listing Style",
-        control: { type: 'select' },
-        options: ['horizontal', 'vertical'],
-    },
-    disabled: {
-        name: "Disabled",
-    },
-    invert: {
-        name: "Invert"
-    },
-    readOnly: {
-        name: "Read Only"
-    },
-    optionsLimit: {
-        name: "Options Limit",
-        control: { type: 'select' },
-        options: Array.from({ length: ops.length + 1 }, function (_, index) { return index; }),
-    },
-    saveValueAsString: {
-        name: "Save Value as String"
-    },
-    feedbackMessage: {
-        name: 'Feedback Message'
-    },
-    markOptions: {
-        name: "Mark Options"
-    },
-    addOther: {
-        name: "Add Other"
-    },
-    // label: {
-    //   name: "Label",
-    //   control: {type: 'text'},
-    //   defaultValue: 'who lives in a pinapple under the sea?'
-    // },
-    option1: {
-        name: "option 1",
-        control: { type: 'text' },
-    },
-    option2: {
-        name: "option 2",
-        control: { type: 'text' },
-    },
-    option3: {
-        name: "option 3",
-        control: { type: 'text' },
-    },
-    option4: {
-        name: "option 4",
-        control: { type: 'text' },
-    },
-    option5: {
-        name: "option 5",
-        control: { type: 'text' },
-    }
-};
-var RadioInput = function (args) {
-    var _a = (0, react_1.useState)(), value = _a[0], setValue = _a[1];
-    var _b = (0, react_1.useState)({ value: 'smth', display: args.label }), option = _b[0], setOption = _b[1];
-    (0, react_1.useEffect)(function () {
-        setOption(__assign(__assign({}, option), { display: args.option1 }));
-    }, [args.option1]);
-    (0, react_1.useEffect)(function () {
-        setOption(__assign(__assign({}, option), { isCorrect: args.optionIsCorrect }));
-    }, [args.optionIsCorrect]);
-    return (React.createElement("div", { style: {
-            padding: '4rem',
-            backgroundColor: args.invert ? greyColor100 : 'unset'
-        } },
-        React.createElement(RadioAndCheckbox_1.RadioInput, __assign({}, args, { value: value, option: option, S: args.size == "Small",
-            rightWrongResult: args.markOptions,
-            onClick: function (option) { return setValue(option); } }))));
-};
-exports.RadioInput = RadioInput;
-exports.RadioInput.args = {
-    size: 'Medium',
-    markOptions: false,
-    optionIsCorrect: false,
-    disabled: false,
-    invert: false
-};
-exports.RadioInput.argTypes = {
-    optionIsCorrect: {
-        name: "Options is Correct"
-    },
-    // label: {
-    //   name: "Text",
-    //   control: {type: 'text'},
-    // },
-    size: {
-        name: "Size",
-        control: { type: "inline-radio" },
-        options: ['Small', 'Medium']
-    },
-    markOptions: {
-        name: "Mark Options"
-    },
-    disabled: {
-        name: "Disabled"
-    },
-    invert: {
-        name: "Invert"
-    }
-};
-var RadioButton = function (args) {
-    var _a = (0, react_1.useState)(false), chosen = _a[0], setChosen = _a[1];
-    return (React.createElement("div", { style: {
-            padding: '4rem',
-            backgroundColor: args.invert ? greyColor100 : 'unset'
-        } },
-        React.createElement(RadioAndCheckbox_1.RadioButton, __assign({}, args, { isSelected: chosen, onClick: function () { return setChosen(!chosen); }, S: args.size === 'Small' }))));
-};
-exports.RadioButton = RadioButton;
-exports.RadioButton.args = {
-    size: 'Medium',
-    disabled: false,
-    invert: false,
-};
-exports.RadioButton.argTypes = {
-    size: {
-        name: "Size",
-        control: { type: "inline-radio" },
-        options: ['Small', 'Medium']
-    },
-    disabled: {
-        name: "Disabled"
-    },
-    invert: {
-        name: "Invert"
-    }
-};
-var commonExcluded = [
-    'option2',
-    'option3',
-    'option4',
-    'option5',
-    'corrrectOption',
-    'listingStyle',
-    'label',
-    'feedbackMessage',
-    'optionsLimit',
-    'addOther',
-    'readOnly',
-    'saveValueAsString'
-];
-exports.RadioInput.parameters = {
-    controls: { exclude: commonExcluded }
-};
-exports.RadioButton.parameters = {
-    controls: {
-        exclude: __spreadArray(__spreadArray([], commonExcluded, true), ['option1', 'markOptions'], false)
-    }
-};

package/dist/stories/Oolib/components/Switches.stories.d.ts

@@ -1,106 +0,0 @@
-declare namespace _default {
-    let title: string;
-    let argTypes: {};
-}
-export default _default;
-export function SwitchDouble(args: any): React.JSX.Element;
-export namespace SwitchDouble {
-    export namespace args {
-        let rightOption: string;
-        let leftOption: string;
-        let disabled: boolean;
-        let invert: boolean;
-        let saveValueAsString: boolean;
-    }
-    export namespace argTypes_1 {
-        export namespace layoutStyle {
-            let options: string[];
-            namespace control {
-                let type: string;
-            }
-            let defaultValue: string;
-        }
-        export namespace rightOption_1 {
-            let name: string;
-        }
-        export { rightOption_1 as rightOption };
-        export namespace leftOption_1 {
-            let name_1: string;
-            export { name_1 as name };
-        }
-        export { leftOption_1 as leftOption };
-        export namespace invert_1 {
-            let name_2: string;
-            export { name_2 as name };
-        }
-        export { invert_1 as invert };
-        export namespace disabled_1 {
-            let name_3: string;
-            export { name_3 as name };
-        }
-        export { disabled_1 as disabled };
-    }
-    export { argTypes_1 as argTypes };
-    export namespace parameters {
-        namespace controls {
-            let exclude: string[];
-        }
-    }
-}
-export function SwitchSingle(args: any): React.JSX.Element;
-export namespace SwitchSingle {
-    export namespace parameters_1 {
-        export namespace controls_1 {
-            let exclude_1: string[];
-            export { exclude_1 as exclude };
-        }
-        export { controls_1 as controls };
-    }
-    export { parameters_1 as parameters };
-    export namespace args_1 {
-        let rightOption_2: string;
-        export { rightOption_2 as rightOption };
-        let layoutStyle_1: string;
-        export { layoutStyle_1 as layoutStyle };
-        let disabled_2: boolean;
-        export { disabled_2 as disabled };
-        let invert_2: boolean;
-        export { invert_2 as invert };
-        let saveValueAsString_1: boolean;
-        export { saveValueAsString_1 as saveValueAsString };
-    }
-    export { args_1 as args };
-    export namespace argTypes_2 {
-        export namespace layoutStyle_2 {
-            let name_4: string;
-            export { name_4 as name };
-            let options_1: string[];
-            export { options_1 as options };
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-            let defaultValue_1: string;
-            export { defaultValue_1 as defaultValue };
-        }
-        export { layoutStyle_2 as layoutStyle };
-        export namespace rightOption_3 {
-            let name_5: string;
-            export { name_5 as name };
-        }
-        export { rightOption_3 as rightOption };
-        export namespace invert_3 {
-            let name_6: string;
-            export { name_6 as name };
-        }
-        export { invert_3 as invert };
-        export namespace disabled_3 {
-            let name_7: string;
-            export { name_7 as name };
-        }
-        export { disabled_3 as disabled };
-    }
-    export { argTypes_2 as argTypes };
-}
-import React from 'react';