oolib 2.208.0 → 2.208.1

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

@@ -1,146 +0,0 @@
-"use strict";
-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;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwitchSingle = exports.SwitchDouble = void 0;
-var react_1 = __importStar(require("react"));
-var react_json_view_1 = __importDefault(require("react-json-view"));
-var Switches_1 = require("../../../components/Switches");
-var themes_1 = require("../../../themes");
-exports.default = {
-    title: 'Components/Switches',
-    argTypes: {
-    // shape: {
-    //   name: "Shape",
-    //   options: ['circle', 'square'],
-    //   control: { type: 'inline-radio' },
-    //   defaultValue: 'circle'
-    // },
-    },
-};
-var showJSON = function (display, data) {
-    return react_1.default.createElement(react_json_view_1.default
-    // theme="monokai"
-    , { 
-        // theme="monokai"
-        name: display, src: data, displayDataTypes: false, enableClipboard: false, quotesOnKeys: false });
-};
-var SwitchDouble = function (args) {
-    var options = [
-        { display: args.leftOption, value: 1 },
-        { display: args.rightOption, value: 2 }
-    ];
-    var _a = (0, react_1.useState)(args.saveValueAsString ? options[0].value : options[0]), value = _a[0], setValue = _a[1];
-    (0, react_1.useEffect)(function () {
-        setValue(args.saveValueAsString ? options[0].value : options[0]);
-    }, [args.saveValueAsString]);
-    return (react_1.default.createElement("div", { style: { background: args.invert ? '#383838' : '', padding: '4rem 4rem' } },
-        react_1.default.createElement(Switches_1.SwitchDouble, { invert: args.invert, shape: args.shape, saveValueAsString: args.saveValueAsString, disabled: args.disabled, options: options, value: value, onChange: function (id, newVal) { return setValue(newVal); } }),
-        react_1.default.createElement("div", { style: { padding: '2rem', position: 'fixed', top: 0, right: 0 } },
-            showJSON('VALUE', { value: value }),
-            showJSON('OPTIONS', options))));
-};
-exports.SwitchDouble = SwitchDouble;
-exports.SwitchDouble.args = {
-    rightOption: 'right option',
-    leftOption: 'left Option',
-    disabled: false,
-    invert: false,
-    saveValueAsString: true,
-};
-exports.SwitchDouble.argTypes = {
-    layoutStyle: {
-        options: ['style1', 'style2'],
-        control: { type: 'inline-radio' },
-        defaultValue: 'style1'
-    },
-    rightOption: {
-        name: 'Right option'
-    },
-    leftOption: {
-        name: "Left Option"
-    },
-    invert: {
-        name: "Invert"
-    },
-    disabled: {
-        name: "Disabled"
-    }
-};
-exports.SwitchDouble.parameters = {
-    controls: { exclude: ['layoutStyle'] }
-};
-var SwitchSingle = function (args) {
-    var option = { display: args.rightOption, value: 1 };
-    var _a = (0, react_1.useState)(args.saveValueAsString ? option.value : option), value = _a[0], setValue = _a[1];
-    (0, react_1.useEffect)(function () {
-        setValue(args.saveValueAsString ? option.value : option);
-    }, [args.saveValueAsString]);
-    return (react_1.default.createElement("div", { style: { background: args.invert ? '#383838' : '', padding: '4rem 4rem' } },
-        react_1.default.createElement(Switches_1.SwitchSingle, { invert: args.invert, shape: args.shape, layoutStyle: args.layoutStyle, saveValueAsString: args.saveValueAsString, disabled: args.disabled, option: option, value: value, onChange: function (id, newVal) { return setValue(newVal); } }),
-        react_1.default.createElement("div", { style: { padding: '2rem', paddingTop: '3rem', marginTop: '3rem', borderTop: "1px solid ".concat(themes_1.colors.greyColor15) } },
-            showJSON('VALUE', { value: value }),
-            showJSON('OPTIONS', option))));
-};
-exports.SwitchSingle = SwitchSingle;
-exports.SwitchSingle.parameters = {
-    controls: { exclude: ['leftOption'] }
-};
-exports.SwitchSingle.args = {
-    rightOption: 'right option',
-    layoutStyle: 'style1',
-    disabled: false,
-    invert: false,
-    saveValueAsString: true,
-};
-exports.SwitchSingle.argTypes = {
-    layoutStyle: {
-        name: "Layout Style",
-        options: ['style1', 'style2'],
-        control: { type: 'select' },
-        defaultValue: 'style1'
-    },
-    rightOption: {
-        name: 'Text'
-    },
-    invert: {
-        name: "Invert"
-    },
-    disabled: {
-        name: "Disabled"
-    }
-};

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

@@ -1,124 +0,0 @@
-declare namespace _default {
-    let title: string;
-    namespace argTypes {
-        namespace size {
-            let name: string;
-            let options: string[];
-            namespace mapping {
-                let Medium: string;
-                let Small: string;
-            }
-            namespace control {
-                let type: string;
-            }
-            let defaultValue: string;
-        }
-        namespace blockError {
-            let name_1: string;
-            export { name_1 as name };
-        }
-        namespace icon {
-            let name_2: string;
-            export { name_2 as name };
-            export { availableIcons as options };
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-            let defaultValue_1: any;
-            export { defaultValue_1 as defaultValue };
-        }
-        namespace clearButton {
-            let name_3: string;
-            export { name_3 as name };
-        }
-        namespace validateOnlyOnBlur {
-            let name_4: string;
-            export { name_4 as name };
-        }
-        namespace actionButton {
-            let name_5: string;
-            export { name_5 as name };
-        }
-        namespace actionButtonText {
-            let name_6: string;
-            export { name_6 as name };
-        }
-        namespace clearButtonText {
-            let name_7: string;
-            export { name_7 as name };
-        }
-        namespace readOnly {
-            let name_8: string;
-            export { name_8 as name };
-        }
-        namespace isRequired {
-            let name_9: string;
-            export { name_9 as name };
-        }
-        namespace disabled {
-            let name_10: string;
-            export { name_10 as name };
-        }
-        namespace invert {
-            let name_11: string;
-            export { name_11 as name };
-        }
-    }
-    namespace args {
-        let size_1: string;
-        export { size_1 as size };
-        let icon_1: any;
-        export { icon_1 as icon };
-        let blockError_1: string;
-        export { blockError_1 as blockError };
-        let validateOnlyOnBlur_1: boolean;
-        export { validateOnlyOnBlur_1 as validateOnlyOnBlur };
-        let actionButton_1: boolean;
-        export { actionButton_1 as actionButton };
-        let actionButtonText_1: string;
-        export { actionButtonText_1 as actionButtonText };
-        let clearButton_1: boolean;
-        export { clearButton_1 as clearButton };
-        let clearButtonText_1: string;
-        export { clearButtonText_1 as clearButtonText };
-        let readOnly_1: boolean;
-        export { readOnly_1 as readOnly };
-        let isRequired_1: boolean;
-        export { isRequired_1 as isRequired };
-        let disabled_1: boolean;
-        export { disabled_1 as disabled };
-        let invert_1: boolean;
-        export { invert_1 as invert };
-    }
-}
-export default _default;
-export function Text(args: any): React.JSX.Element;
-export function Email_(args: any): React.JSX.Element;
-export function Password_(args: any): React.JSX.Element;
-export function Phone_(args: any): React.JSX.Element;
-export function URL_(args: any): React.JSX.Element;
-export function Number_(args: any): React.JSX.Element;
-export namespace Number_ {
-    export namespace args_1 {
-        let min: number;
-        let max: number;
-    }
-    export { args_1 as args };
-    export namespace argTypes_1 {
-        export namespace min_1 {
-            let name_12: string;
-            export { name_12 as name };
-        }
-        export { min_1 as min };
-        export namespace max_1 {
-            let name_13: string;
-            export { name_13 as name };
-        }
-        export { max_1 as max };
-    }
-    export { argTypes_1 as argTypes };
-}
-declare const availableIcons: string[];
-import React from 'react';

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

@@ -1,188 +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.Number_ = exports.URL_ = exports.Phone_ = exports.Password_ = exports.Email_ = exports.Text = void 0;
-var react_1 = __importStar(require("react"));
-var TextInputs_1 = require("../../../components/TextInputs");
-var icons_1 = require("../../../icons");
-var themes_1 = require("../../../themes");
-var availableIcons = Object.keys(icons_1.icons).sort();
-exports.default = {
-    title: 'Components/TextInputs',
-    argTypes: {
-        size: {
-            name: "Size ",
-            options: ['Medium', 'Small'],
-            mapping: {
-                Medium: 'M',
-                Small: 'S',
-            },
-            control: { type: 'inline-radio' },
-            defaultValue: 'Medium',
-        },
-        blockError: {
-            name: "Block Error"
-        },
-        icon: {
-            name: "Icon",
-            options: availableIcons,
-            control: { type: 'select' },
-            defaultValue: undefined
-        },
-        clearButton: {
-            name: "Clear Button"
-        },
-        validateOnlyOnBlur: {
-            name: "Validate Only On Blur"
-        },
-        actionButton: {
-            name: "Primary Action"
-        },
-        actionButtonText: {
-            name: "Primary Action Text"
-        },
-        clearButtonText: {
-            name: "Clear Button Text"
-        },
-        readOnly: {
-            name: "Read Only",
-        },
-        isRequired: {
-            name: "Is Required"
-        },
-        disabled: {
-            name: "Disabled"
-        },
-        invert: {
-            name: "Invert"
-        }
-    },
-    args: {
-        size: "Medium",
-        icon: undefined,
-        blockError: '',
-        validateOnlyOnBlur: false,
-        actionButton: false,
-        actionButtonText: 'Action',
-        clearButton: false,
-        clearButtonText: '',
-        readOnly: false,
-        isRequired: false,
-        disabled: false,
-        invert: false,
-    },
-};
-var GenInputStories = function (_a) {
-    var args = _a.args, Comp = _a.Comp, searchUrl = _a.searchUrl;
-    var _b = (0, react_1.useState)(''), value = _b[0], setValue = _b[1];
-    var handleOnChange = function (key, value) {
-        console.log(value.length);
-        setValue(value);
-    };
-    args[args['size']] = true;
-    var newProps = __assign({}, args);
-    // if (Comp === Password) {
-    //   newProps = { ...args }
-    //   delete newProps['icon']
-    // } else {
-    //   newProps = { ...args, icon: args.icon ? 'PencilSimple' : null }
-    // }
-    newProps['theme'] = {
-        colors: {
-            primaryColor40: '#addbff',
-            primaryColor100: '#33a4ff',
-            primaryColor10: '#EBF6FF',
-            primaryColorText: '#0071CC',
-        },
-    };
-    var actionBtn;
-    if (args.actionButton) {
-        actionBtn = { text: args.actionButtonText, invert: args.invert, onClick: function () { return console.log('clicked'); }, icon: args.actionButtonIcon };
-    }
-    var clearBtn;
-    if (args.clearButton) {
-        clearBtn = { text: args.clearButtonText, invert: args.invert, onClick: function () { return console.log('clicked'); }, icon: args.clearButtonIcon };
-    }
-    return (react_1.default.createElement("div", { style: {
-            backgroundColor: args.invert ? themes_1.colors.greyColor100 : '',
-            padding: '20px',
-        } },
-        react_1.default.createElement(Comp, __assign({}, newProps, { onChange: handleOnChange, value: value, actionBtn: actionBtn, clearBtn: clearBtn }))));
-};
-var Text = function (args) { return (react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'text input', sublabel: 'some sub label' }), Comp: TextInputs_1.TextInput })); };
-exports.Text = Text;
-var Email_ = function (args) {
-    return (react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'email input', sublabel: 'some sub label' }), Comp: TextInputs_1.EmailInput }));
-};
-exports.Email_ = Email_;
-var Password_ = function (args) {
-    return (react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'password input', sublabel: 'some sub label' }), Comp: TextInputs_1.PasswordInput }));
-};
-exports.Password_ = Password_;
-var Phone_ = function (args) {
-    return (react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'phone input', sublabel: 'some sub label' }), Comp: TextInputs_1.PhoneInput }));
-};
-exports.Phone_ = Phone_;
-var URL_ = function (args) {
-    return (react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'url input', sublabel: 'some sub label' }), Comp: TextInputs_1.URLInput }));
-};
-exports.URL_ = URL_;
-var Number_ = function (args) {
-    return (react_1.default.createElement(GenInputStories, { args: __assign(__assign({}, args), { label: 'number input', sublabel: 'some sub label' }), Comp: TextInputs_1.NumberInput }));
-};
-exports.Number_ = Number_;
-exports.Number_.args = {
-    min: 0,
-    max: 100,
-};
-exports.Number_.argTypes = {
-    min: {
-        name: "Min"
-    },
-    max: {
-        name: "Max"
-    }
-};