oolib 2.110.1 → 2.111.1

package/dist/stories/ActionMenu.stories.js

@@ -0,0 +1,140 @@
+"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.ActionMenu = void 0;
+var react_1 = __importDefault(require("react"));
+var ActionMenu_1 = require("../components/ActionMenu");
+var icons_1 = require("../icons");
+var themes_1 = require("../themes");
+var ActionMenu_mdx_1 = __importDefault(require("./ActionMenu.mdx"));
+var availableIcons = Object.keys(icons_1.icons).sort();
+exports.default = {
+    title: "Components/ActionMenu",
+    argTypes: {
+        ButtonComp: {
+            name: "Button Variant",
+            options: ["Primary", "Secondary", "Ghost"],
+            mapping: {
+                Primary: "ButtonPrimary",
+                Secondary: "ButtonSecondary",
+                Ghost: "ButtonGhost",
+            },
+            control: { type: "select" },
+            defaultValue: "Ghost",
+        },
+        buttonSize: {
+            name: "Button Size",
+            options: ["Small", "Medium"],
+            mapping: {
+                Small: "S",
+                Medium: "M",
+            },
+            control: { type: "inline-radio" },
+            defaultValue: "Small",
+        },
+        icon: {
+            name: "Button Icon Style",
+            options: availableIcons,
+            control: { type: "select" },
+            defaultValue: "DotsThree",
+        },
+        iconSize: {
+            name: "Button Icon Size",
+            options: ["Small", "Medium"],
+            mapping: {
+                Small: "S",
+                Medium: "M",
+            },
+            control: { type: "inline-radio" },
+            defaultValue: "Small",
+        },
+        align: {
+            name: "Align",
+            options: ["left", "right", "center"],
+            control: { type: "inline-radio" },
+            defaultValue: "right",
+        },
+        optionIcon1: {
+            name: "Option Icon 1",
+            options: availableIcons,
+            control: { type: "select" },
+            defaultValue: "File",
+        },
+        optionIcon2: {
+            name: "Option Icon 2",
+            options: availableIcons,
+            control: { type: "select" },
+            defaultValue: "File",
+        },
+        optionIcon3: {
+            name: "Option Icon 3",
+            options: availableIcons,
+            control: { type: "select" },
+            defaultValue: "File",
+        },
+        action1: {
+            name: "Option text 1",
+        },
+        action2: {
+            name: "Option text 2",
+        },
+        action3: {
+            name: "Option text 3",
+        },
+    },
+    args: {
+        ButtonComp: 'Ghost',
+        buttonSize: 'Small',
+        icon: 'DotsThree',
+        iconSize: 'Small',
+        action1: "Edit",
+        optionIcon1: "File",
+        action2: "Duplicate",
+        optionIcon2: "File",
+        action3: "Delete",
+        optionIcon3: "File",
+        invert: false,
+        align: 'right',
+        popOutOfOverflowHiddenParent: false, // dev
+    },
+    parameters: {
+        docs: {
+            page: ActionMenu_mdx_1.default,
+        },
+    },
+};
+var ActionMenu = function (args) {
+    args.actions = [
+        __assign({ display: args.action1 }, (args.optionIcon1 ? { icon: args.optionIcon1 } : {})),
+        __assign({ display: args.action2 }, (args.optionIcon2 ? { icon: args.optionIcon2 } : {})),
+        __assign({ display: args.action3 }, (args.optionIcon3 ? { icon: args.optionIcon3 } : {})),
+    ];
+    args.M = args.buttonSize === 'M';
+    return (react_1.default.createElement("div", { style: args.popOutOfOverflowHiddenParent
+            ? { border: '2px solid lightgrey', height: '90vh', overflow: 'scroll' }
+            : {} },
+        react_1.default.createElement("div", { style: { height: '1000px' } },
+            react_1.default.createElement("div", { style: __assign({ padding: '4rem 8rem', background: args.invert ? themes_1.colors.greyColor100 : themes_1.colors.white }, (args.popOutOfOverflowHiddenParent
+                    ? {
+                        background: args.invert ? themes_1.colors.greyColor100 : themes_1.colors.greyColor5,
+                        height: '50px',
+                        backgroundColor: themes_1.colors.greyColor5,
+                        overflow: "hidden"
+                    }
+                    : {})) },
+                react_1.default.createElement(ActionMenu_1.ActionMenu, __assign({}, args, { storybookPreview: true }))))));
+};
+exports.ActionMenu = ActionMenu;

package/dist/stories/AudioInput.stories.d.ts

@@ -0,0 +1,20 @@
+declare namespace _default {
+    let title: string;
+    namespace args {
+        let readOnly: boolean;
+        let invert: boolean;
+    }
+    namespace argTypes {
+        export namespace readOnly_1 {
+            let name: string;
+        }
+        export { readOnly_1 as readOnly };
+        export namespace invert_1 {
+            let name_1: string;
+            export { name_1 as name };
+        }
+        export { invert_1 as invert };
+    }
+}
+export default _default;
+export function AudioInput_(args: any): import("react").JSX.Element;

package/dist/stories/AudioInput.stories.js

@@ -0,0 +1,67 @@
+"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.AudioInput_ = void 0;
+var react_1 = require("react");
+var Wrappers_1 = require("../components/Wrappers");
+var themes_1 = require("../themes");
+var AudioInput_1 = __importDefault(require("../components/AudioInput"));
+exports.default = {
+    title: "Components/Audio Input",
+    args: {
+        readOnly: false,
+        invert: false,
+    },
+    argTypes: {
+        readOnly: {
+            name: "Read Only"
+        },
+        invert: {
+            name: "Invert"
+        }
+    }
+};
+var data = {
+    kind: "storage#object",
+    id: "cata_dev__media/audio/b4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav/1694068553965043",
+    selfLink: "https://www.googleapis.com/storage/v1/b/cata_dev__media/o/audio%2Fb4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav",
+    mediaLink: "https://storage.googleapis.com/download/storage/v1/b/cata_dev__media/o/audio%2Fb4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav?generation=1694068553965043&alt=media",
+    name: "audio/b4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav",
+    bucket: "cata_dev__media",
+    generation: "1694068553965043",
+    metageneration: "1",
+    contentType: "audio/wav",
+    storageClass: "STANDARD",
+    size: 10544134,
+    md5Hash: "G4cmpod1v6ysmkrndou8kQ==",
+    crc32c: "SAkgWg==",
+    etag: "CPO7iZPxl4EDEAE=",
+    timeCreated: "2023-09-07T06:35:53.967Z",
+    updated: "2023-09-07T06:35:53.967Z",
+    timeStorageClassUpdated: "2023-09-07T06:35:53.967Z",
+    mediaHost: "gcs",
+    originalFilename: "sampleaudio3.wav",
+    format: "wav",
+    publicUrl: "https://storage.googleapis.com/cata_dev__media/audio/b4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav",
+};
+var AudioInput_ = function (args) {
+    var _a = (0, react_1.useState)(undefined), url = _a[0], setUrl = _a[1];
+    var invertProp = args.invert;
+    return (React.createElement("div", { style: { background: invertProp ? themes_1.colors.greyColor100_opacity70 : themes_1.colors.white, height: '90svh' } },
+        React.createElement(Wrappers_1.Wrapper700, null,
+            React.createElement(AudioInput_1.default, __assign({ value: url, onChange: function (k, v) { return setUrl(v); }, isRequired: true, label: "Audio Embed", sublabel: "Upload your audio file. allowed formats - 'mp3', 'wav', 'm4a', 'aac', 'amr','ogg'" }, args)))));
+};
+exports.AudioInput_ = AudioInput_;

package/dist/stories/Banner.stories.d.ts

@@ -0,0 +1,97 @@
+declare namespace _default {
+    let title: string;
+    namespace argTypes {
+        namespace msg {
+            let name: string;
+        }
+        namespace autoHide {
+            let name_1: string;
+            export { name_1 as name };
+        }
+        namespace hideCloseButton {
+            let name_2: string;
+            export { name_2 as name };
+        }
+        namespace showIcon {
+            let name_3: string;
+            export { name_3 as name };
+            export { availableIcons as options };
+            export namespace control {
+                let type: string;
+            }
+            export let defaultValue: string;
+        }
+        namespace timeOut {
+            let name_4: string;
+            export { name_4 as name };
+        }
+    }
+    namespace args {
+        export let color: string;
+        let msg_1: string;
+        export { msg_1 as msg };
+        let showIcon_1: string;
+        export { showIcon_1 as showIcon };
+        let hideCloseButton_1: boolean;
+        export { hideCloseButton_1 as hideCloseButton };
+        let autoHide_1: boolean;
+        export { autoHide_1 as autoHide };
+        let timeOut_1: number;
+        export { timeOut_1 as timeOut };
+    }
+}
+export default _default;
+export function Banner_Alert(args: any): import("react").JSX.Element;
+export namespace Banner_Alert {
+    export namespace argTypes_1 {
+        export namespace color_1 {
+            let name_5: string;
+            export { name_5 as name };
+            export let options: string[];
+            export namespace mapping {
+                let Success: string;
+                let Alert: string;
+                let Wanring: string;
+            }
+            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 { color_1 as color };
+        export namespace buttonText {
+            let name_6: string;
+            export { name_6 as name };
+        }
+    }
+    export { argTypes_1 as argTypes };
+    export namespace args_1 {
+        let buttonText_1: string;
+        export { buttonText_1 as buttonText };
+    }
+    export { args_1 as args };
+}
+export function Banner_Info(args: any): import("react").JSX.Element;
+export namespace Banner_Info {
+    export namespace argTypes_2 {
+        export namespace color_2 {
+            let name_7: string;
+            export { name_7 as name };
+            let options_1: string[];
+            export { options_1 as options };
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+            let defaultValue_2: string;
+            export { defaultValue_2 as defaultValue };
+        }
+        export { color_2 as color };
+    }
+    export { argTypes_2 as argTypes };
+}
+declare const availableIcons: string[];

package/dist/stories/Banner.stories.js

@@ -0,0 +1,126 @@
+"use strict";
+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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Banner_Info = exports.Banner_Alert = void 0;
+var react_1 = require("react");
+var Banners_1 = require("../components/Banners");
+var icons_1 = require("../icons");
+var availableIcons = Object.keys(icons_1.icons).sort();
+exports.default = {
+    title: "Components/Banners",
+    argTypes: {
+        msg: {
+            name: "Text",
+        },
+        autoHide: {
+            name: "Auto Hide",
+        },
+        hideCloseButton: {
+            name: "Close button",
+        },
+        showIcon: {
+            name: "Icon",
+            options: availableIcons,
+            control: { type: "select" },
+            defaultValue: "DotsThree",
+        },
+        timeOut: {
+            name: "Time Out",
+        },
+    },
+    args: {
+        color: "Success",
+        msg: "Banner message",
+        showIcon: "X",
+        hideCloseButton: false,
+        autoHide: false,
+        timeOut: 5000,
+    },
+};
+var uid = 0;
+var handleAddMore = function (_a) {
+    var args = _a.args, state = _a.state, setState = _a.setState;
+    var obj = JSON.parse(JSON.stringify(args));
+    // const lastId = state.length > 0 ? state[state.length - 1].id : 0;
+    obj.id = ++uid;
+    setState(function (prev) { return __spreadArray([obj], prev, true); });
+};
+var handleRemoveBanner = function (_a) {
+    var id = _a.id, setState = _a.setState;
+    setState(function (prev) { return prev.filter(function (d) { return d.id !== id; }); });
+};
+var Banner_Alert = function (args) {
+    if (args.buttonText) {
+        args.cta = { text: args.buttonText, action: function () { return console.log("clicked"); } };
+    }
+    args.id = uid;
+    if (!args.autoHide) {
+        delete args.timeOut;
+    }
+    var _a = (0, react_1.useState)([]), state = _a[0], setState = _a[1];
+    return (React.createElement("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: "1rem",
+        } },
+        React.createElement(Banners_1.BannerAlert, { BANNER_STATE: { alertState: state }, REMOVE_ALERT_BANNER: function (e, id) { return handleRemoveBanner({ id: id, setState: setState }); } }),
+        React.createElement("button", { onClick: function () { return handleAddMore({ args: args, state: state, setState: setState }); }, style: { padding: ".5rem", width: "fit-content" } }, "Add more"),
+        React.createElement("h3", null,
+            React.createElement("i", null, "Note: change props and click on add more button"))));
+};
+exports.Banner_Alert = Banner_Alert;
+exports.Banner_Alert.argTypes = {
+    color: {
+        name: "Banner Style",
+        options: ["Success", "Alert", "Wanring"],
+        mapping: {
+            Success: "green",
+            Alert: "red",
+            Wanring: "yellow",
+        },
+        control: { type: "select" },
+        defaultValue: "Success",
+    },
+    buttonText: {
+        name: "Button",
+    },
+};
+exports.Banner_Alert.args = {
+    // button: false,
+    buttonText: "",
+};
+var Banner_Info = function (args) {
+    var _a = (0, react_1.useState)([]), state = _a[0], setState = _a[1];
+    args.id = uid;
+    if (!args.autoHide) {
+        delete args.timeOut;
+    }
+    return (React.createElement("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: "1rem",
+        } },
+        React.createElement(Banners_1.BannerInfo, { BANNER_STATE: { infoState: state }, REMOVE_INFO_BANNER: function (e, id) { return handleRemoveBanner({ id: id, setState: setState }); } }),
+        React.createElement("button", { onClick: function () { return handleAddMore({ args: args, state: state, setState: setState }); }, style: { padding: ".5rem", width: "fit-content" } }, "Add More"),
+        React.createElement("h3", null,
+            React.createElement("i", null, "Note: change props and click on add more button"))));
+};
+exports.Banner_Info = Banner_Info;
+exports.Banner_Info.argTypes = {
+    color: {
+        name: "Banner style",
+        options: ["grey", "dark"],
+        control: { type: "select" },
+        defaultValue: "grey",
+    },
+};

package/dist/stories/BarChart.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="mdx" />
+declare namespace _default {
+    let title: string;
+    namespace parameters {
+        namespace docs {
+            export { BarChartDocs as page };
+        }
+    }
+}
+export default _default;
+export function BarChart(args: any): React.JSX.Element;
+import BarChartDocs from './BarChart.mdx';
+import React from "react";

package/dist/stories/BarChart.stories.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BarChart = void 0;
+var react_1 = __importDefault(require("react"));
+var BarChart_1 = require("../components/dataViz/comps/BarChart");
+var themes_1 = require("../themes");
+var BarChart_mdx_1 = __importDefault(require("./BarChart.mdx"));
+var Typo_1 = require("../components/Typo");
+exports.default = {
+    title: "Components/BarChart",
+    // argTypes: {
+    //   HeaderStyle: {
+    //     options: ["HeaderStyle1", "HeaderStyle2", "HeaderStyle3"],
+    //     control: { type: "inline-radio" },
+    //     defaultValue: "HeaderStyle1",
+    //   },
+    //   percent: {
+    //     control: { type: 'range', min: 1, max: 100, step: 1 },
+    //     defaultValue: 39,
+    //     table: {
+    //       category: 'HeaderStyle 2 Options',
+    //     },
+    //   },
+    //   infoTooltip: {
+    //     control: { type: 'text' },
+    //     defaultValue: '',
+    //     table: {
+    //       category: 'HeaderStyle 2 Options',
+    //     },
+    //   },
+    //   showPercent: {
+    //     table: {
+    //       category: 'HeaderStyle 2 Options',
+    //     },
+    //   },
+    // },
+    // args: {
+    //   // invert: false,
+    //   title: "This is the title",
+    //   label: "Label",
+    //   infoTooltip: '',
+    //   showPercent: true
+    // },
+    parameters: {
+        docs: {
+            page: BarChart_mdx_1.default,
+        },
+    },
+};
+var BarChart = function (args) {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(BarChart_1.BarChart, { id: 'testbarchart', className: 'testbarchart', data: [
+                { court: "DRT", avg: 1.5 },
+                { court: "NCLT", avg: 18 },
+                { court: "bombayHC", avg: 23 },
+            ], highlight: 'min', numValuePath: 'avg', categoryValuePath: 'court', numberAxisLabel: 'Avg. No. of Hearings' })));
+};
+exports.BarChart = BarChart;

package/dist/stories/BlockLabel.stories.d.ts

@@ -0,0 +1,71 @@
+declare namespace _default {
+    let title: string;
+    namespace argTypes {
+        namespace label {
+            let name: string;
+        }
+        namespace sublabel {
+            let name_1: string;
+            export { name_1 as name };
+        }
+        namespace showHints {
+            let name_2: string;
+            export { name_2 as name };
+        }
+        namespace hintsTitle {
+            let name_3: string;
+            export { name_3 as name };
+        }
+        namespace hintsBtnLabel {
+            let name_4: string;
+            export { name_4 as name };
+        }
+        namespace infoTooltip {
+            let name_5: string;
+            export { name_5 as name };
+        }
+        namespace errorMessage {
+            let name_6: string;
+            export { name_6 as name };
+        }
+        namespace isRequired {
+            let name_7: string;
+            export { name_7 as name };
+        }
+        namespace readOnly {
+            let name_8: string;
+            export { name_8 as name };
+        }
+        namespace invert {
+            let name_9: string;
+            export { name_9 as name };
+        }
+        let inputOnlyLabel: {};
+    }
+    namespace args {
+        let label_1: string;
+        export { label_1 as label };
+        let sublabel_1: string;
+        export { sublabel_1 as sublabel };
+        let showHints_1: boolean;
+        export { showHints_1 as showHints };
+        let hintsTitle_1: string;
+        export { hintsTitle_1 as hintsTitle };
+        let hintsBtnLabel_1: string;
+        export { hintsBtnLabel_1 as hintsBtnLabel };
+        let infoTooltip_1: string;
+        export { infoTooltip_1 as infoTooltip };
+        let errorMessage_1: string;
+        export { errorMessage_1 as errorMessage };
+        let isRequired_1: boolean;
+        export { isRequired_1 as isRequired };
+        let invert_1: boolean;
+        export { invert_1 as invert };
+        let readOnly_1: boolean;
+        export { readOnly_1 as readOnly };
+        let inputOnlyLabel_1: string;
+        export { inputOnlyLabel_1 as inputOnlyLabel };
+    }
+}
+export default _default;
+export function Block_Label(args: any): import("react").JSX.Element;