oolib 2.213.4 → 2.214.0

package/dist/stories/v2/components/visualization/HeatMapGrid.stories.d.ts

@@ -1,18 +0,0 @@
-declare namespace _default {
-    let title: string;
-    namespace argTypes {
-        namespace showPercent {
-            let control: string;
-            let description: string;
-            let defaultValue: boolean;
-        }
-    }
-    namespace args {
-        let showPercent_1: boolean;
-        export { showPercent_1 as showPercent };
-    }
-}
-export default _default;
-export function _HeatMapGrid(args: any): React.JSX.Element;
-export function _HeatMapGridPlayground(args: any): React.JSX.Element;
-import React from "react";

package/dist/stories/v2/components/visualization/HeatMapGrid.stories.js

@@ -1,204 +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._HeatMapGridPlayground = exports._HeatMapGrid = void 0;
-var react_1 = __importDefault(require("react"));
-var HeatMapGrid_1 = require("../../../../v2/components/dataviz/HeatMapGrid");
-var props2_1 = require("./configs/props2");
-exports.default = {
-    title: "Oolib V 2.0/visualization/HeatMapGrid",
-    argTypes: {
-        showPercent: {
-            control: 'boolean',
-            description: 'Toggle percentage display',
-            defaultValue: true,
-        }
-    },
-    args: {
-        showPercent: true,
-    },
-};
-var _HeatMapGrid = function (args) {
-    var colors = ["#5C80FF", "#FFA800", "#00BC8F", "#5C51CE"];
-    var handleCellClick = function (name) {
-        console.log("cell clicked: ".concat(name));
-    };
-    return (react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "20px", padding: '20px' } },
-        react_1.default.createElement("div", { style: { border: '1px solid black', padding: '10px' } },
-            react_1.default.createElement(HeatMapGrid_1.HeatMapGrid, { showPercent: args.showPercent, data: [
-                    {
-                        display: "Logged",
-                        stack1: 60,
-                        stack2: 20,
-                        stack3: 40,
-                        stack4: 10,
-                        stack5: 40,
-                        stack6: 10,
-                        stack2Display: 'Labels Path Stack 2 Display'
-                    },
-                    {
-                        display: "Registered Users",
-                        stack1: 100,
-                        stack2: 50,
-                        stack3: 10,
-                        stack4: 15,
-                        stack5: 40,
-                        stack6: 10,
-                    },
-                    {
-                        display: "Created Profile",
-                        stack1: 20,
-                        stack2: 5,
-                        stack3: 10,
-                        stack4: 15,
-                        stack5: 40,
-                        stack6: 10,
-                    },
-                    {
-                        display: "Wrote at least 3 story",
-                        stack1: 8,
-                        stack2: 2,
-                        stack3: 1,
-                        stack4: 1,
-                        stack5: 40,
-                        stack6: 10,
-                    },
-                    {
-                        display: "Created Profile again",
-                        stack1: 20,
-                        stack2: 5,
-                        stack3: 10,
-                        stack4: 15,
-                        stack5: 40,
-                        stack6: 10,
-                    },
-                    {
-                        display: "Wrote at least 1 story",
-                        stack1: 8,
-                        stack2: 2,
-                        stack3: 1,
-                        stack4: 1,
-                        stack5: 40,
-                        stack6: 10,
-                    },
-                ], plotDataPoint: "percentage" // This can be changed to count
-                , valuePath: [
-                    "stack1",
-                    "stack2",
-                    "stack3",
-                    "stack4",
-                    "stack5",
-                    "stack6",
-                ], tooltipLabelsMapping: {
-                    stack1: 'Stack 1',
-                    stack2: 'Stack 2',
-                    stack3: 'Stack 3',
-                    stack4: 'Stack 4',
-                    stack5: 'Stack 5',
-                    stack6: 'Stack 6',
-                }, 
-                // valuePath="stack1"
-                labelPath: "display", title: "This is a Heat Map Grid", onClick: handleCellClick, colorIdx: 2, style: { height: "300px" } })),
-        react_1.default.createElement("div", { style: { border: '1px solid black', padding: '10px' } },
-            react_1.default.createElement(HeatMapGrid_1.HeatMapGrid, __assign({}, props2_1.heatMapGridProps, { style: { height: "300px" } }))),
-        react_1.default.createElement("div", { style: { border: '1px solid black', padding: '10px' } },
-            react_1.default.createElement(HeatMapGrid_1.HeatMapGrid, __assign({}, props2_1.heatMapGridProps, { style: { height: "300px" } }))),
-        react_1.default.createElement("div", { style: { border: '1px solid black', padding: '10px' } },
-            react_1.default.createElement(HeatMapGrid_1.HeatMapGrid, __assign({}, props2_1.heaMapGridProps2, { style: { height: "300px" } })))));
-};
-exports._HeatMapGrid = _HeatMapGrid;
-var _HeatMapGridPlayground = function (args) {
-    var handleCellClick = function (name) {
-        console.log("cell clicked: ".concat(name));
-    };
-    return (react_1.default.createElement("div", { style: { padding: '20px' } },
-        react_1.default.createElement(HeatMapGrid_1.HeatMapGrid, { showPercent: args.showPercent, data: [
-                {
-                    display: "Logged",
-                    stack1: 60,
-                    stack2: 20,
-                    stack3: 40,
-                    stack4: 10,
-                    stack5: 40,
-                    stack6: 10,
-                    stack2Display: 'Labels Path Stack 2 Display'
-                },
-                {
-                    display: "Registered Users",
-                    stack1: 100,
-                    stack2: 50,
-                    stack3: 10,
-                    stack4: 15,
-                    stack5: 40,
-                    stack6: 10,
-                },
-                {
-                    display: "Created Profile",
-                    stack1: 20,
-                    stack2: 5,
-                    stack3: 10,
-                    stack4: 15,
-                    stack5: 40,
-                    stack6: 10,
-                },
-                {
-                    display: "Wrote at least 3 story",
-                    stack1: 8,
-                    stack2: 2,
-                    stack3: 1,
-                    stack4: 1,
-                    stack5: 40,
-                    stack6: 10,
-                },
-                {
-                    display: "Created Profile again",
-                    stack1: 20,
-                    stack2: 5,
-                    stack3: 10,
-                    stack4: 15,
-                    stack5: 40,
-                    stack6: 10,
-                },
-                {
-                    display: "Wrote at least 1 story",
-                    stack1: 8,
-                    stack2: 2,
-                    stack3: 1,
-                    stack4: 1,
-                    stack5: 40,
-                    stack6: 10,
-                },
-            ], plotDataPoint: "percentage" // This can be changed to count
-            , valuePath: [
-                "stack1",
-                "stack2",
-                "stack3",
-                "stack4",
-                "stack5",
-                "stack6",
-            ], tooltipLabelsMapping: {
-                stack1: 'Stack 1',
-                stack2: 'Stack 2',
-                stack3: 'Stack 3',
-                stack4: 'Stack 4',
-                stack5: 'Stack 5',
-                stack6: 'Stack 6',
-            }, 
-            // valuePath="stack1"
-            labelPath: "display", title: "This is a Heat Map Grid", onClick: handleCellClick, colorIdx: 2 }),
-        react_1.default.createElement(HeatMapGrid_1.HeatMapGrid, __assign({}, props2_1.heaMapGridProps2))));
-};
-exports._HeatMapGridPlayground = _HeatMapGridPlayground;

package/dist/stories/v2/components/visualization/PieChart.stories.d.ts

@@ -1,7 +0,0 @@
-declare namespace _default {
-    let title: string;
-    let parameters: {};
-}
-export default _default;
-export function _PieChart(args: any): React.JSX.Element;
-import React from "react";

package/dist/stories/v2/components/visualization/PieChart.stories.js

@@ -1,79 +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._PieChart = void 0;
-var react_1 = __importDefault(require("react"));
-var PieChart_1 = require("../../../../v2/components/dataviz/PieChart");
-var props1_1 = require("./configs/props1");
-// import BarChartDocs from './BarChart.mdx'
-exports.default = {
-    title: "Oolib V 2.0/Visualization/PieChart",
-    // 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: BarChartDocs,
-    // },
-    },
-};
-// Updated data for stacked bar chart
-var data = [
-    { display: 'Logged In Once', stack1: 60, stack2: 20, stack3: 40 },
-    { display: 'Registered Users', stack1: 100, stack2: 50 },
-    { display: 'Created Profile', stack1: 20, stack2: 5, stack3: 10, stack4: 15 },
-    { display: 'Wrote at least 1 story', stack1: 8, stack2: 2 }
-];
-var _PieChart = function (args) {
-    var colors = ["#5C80FF", "#FFA800", "#00BC8F", "#5C51CE"];
-    var handleBarClick = function (name) {
-        console.log("Bar clicked: ".concat(name));
-    };
-    return (react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "20px", padding: '20px' } },
-        react_1.default.createElement("div", { style: { border: '1px solid black', padding: '10px' } },
-            react_1.default.createElement(PieChart_1.PieChart, __assign({}, props1_1.chartProps1, { style: { height: "500px" } })))));
-};
-exports._PieChart = _PieChart;

package/dist/stories/v2/components/visualization/configs/props1.d.ts

@@ -1,102 +0,0 @@
-export namespace chartProps1 {
-    let overflowAfterHeight: number;
-    let data: ({
-        display: string;
-        stack1: number;
-        stack2: number;
-        stack3: number;
-        stack4: number;
-        stack5: number;
-        stack6: number;
-        stack7: number;
-        stack8: number;
-        stack9: number;
-        stack10: number;
-        stack11: number;
-        stack12: number;
-        stack13: number;
-        stack14: number;
-        stack15: number;
-        stack16: number;
-        stack17: number;
-        stack18: number;
-        stack19: number;
-        stack20: number;
-        stack2Display: string;
-    } | {
-        display: string;
-        stack1: number;
-        stack3: number;
-        stack4: number;
-        stack5: number;
-        stack6: number;
-        stack7: number;
-        stack8: number;
-        stack9: number;
-        stack10: number;
-        stack11: number;
-        stack12: number;
-        stack13: number;
-        stack14: number;
-        stack15: number;
-        stack16: number;
-        stack17: number;
-        stack18: number;
-        stack19: number;
-        stack20: number;
-        stack2?: undefined;
-        stack2Display?: undefined;
-    } | {
-        display: string;
-        stack1: number;
-        stack2: number;
-        stack3: number;
-        stack4: number;
-        stack5: number;
-        stack6: number;
-        stack7: number;
-        stack8: number;
-        stack9: number;
-        stack10: number;
-        stack11: number;
-        stack12: number;
-        stack13: number;
-        stack14: number;
-        stack15: number;
-        stack16: number;
-        stack17: number;
-        stack18: number;
-        stack19: number;
-        stack20: number;
-        stack2Display?: undefined;
-    })[];
-    let plotDataPoint: string;
-    let valuePath: string[];
-    let breakdownCategoryName: string;
-    namespace tooltipLabelsMapping {
-        let stack1: string;
-        let stack2: string;
-        let stack3: string;
-        let stack4: string;
-        let stack5: string;
-        let stack6: string;
-        let stack7: string;
-        let stack8: string;
-        let stack9: string;
-        let stack10: string;
-        let stack11: string;
-        let stack12: string;
-        let stack13: string;
-        let stack14: string;
-        let stack15: string;
-        let stack16: string;
-        let stack17: string;
-        let stack18: string;
-        let stack19: string;
-        let stack20: string;
-    }
-    let labelPath: string;
-    let title: string;
-    function onClick(): void;
-    let colorIdx: number;
-}

package/dist/stories/v2/components/visualization/configs/props1.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chartProps1 = void 0;
-exports.chartProps1 = {
-    overflowAfterHeight: 300,
-    // showPercent: showPercent,
-    data: [
-        {
-            display: "Logged In Once",
-            stack1: 45, stack2: 23, stack3: 67, stack4: 12, stack5: 89,
-            stack6: 34, stack7: 56, stack8: 78, stack9: 21, stack10: 43,
-            stack11: 65, stack12: 87, stack13: 32, stack14: 54, stack15: 76,
-            stack16: 19, stack17: 41, stack18: 63, stack19: 85, stack20: 28,
-            stack2Display: 'Labels Path Stack 2 Display'
-        },
-        {
-            display: "Registered Users",
-            stack1: 92, stack3: 71, stack4: 25, stack5: 84,
-            stack6: 47, stack7: 69, stack8: 13, stack9: 56, stack10: 91,
-            stack11: 29, stack12: 73, stack13: 46, stack14: 82, stack15: 17,
-            stack16: 64, stack17: 39, stack18: 75, stack19: 22, stack20: 58
-        },
-        {
-            display: "Created Profile",
-            stack1: 33, stack2: 77, stack3: 14, stack4: 59, stack5: 86,
-            stack6: 31, stack7: 68, stack8: 42, stack9: 95, stack10: 26,
-            stack11: 71, stack12: 48, stack13: 83, stack14: 16, stack15: 62,
-            stack16: 37, stack17: 74, stack18: 29, stack19: 85, stack20: 51
-        },
-        {
-            display: "Wrote at least 3 story",
-            stack1: 18, stack2: 52, stack3: 79, stack4: 35, stack5: 61,
-            stack6: 93, stack7: 24, stack8: 67, stack9: 41, stack10: 88,
-            stack11: 15, stack12: 53, stack13: 76, stack14: 32, stack15: 68,
-            stack16: 94, stack17: 27, stack18: 49, stack19: 81, stack20: 36
-        },
-        {
-            display: "Created Profile again",
-            stack1: 44, stack2: 87, stack3: 21, stack4: 63, stack5: 96,
-            stack6: 38, stack7: 72, stack8: 55, stack9: 19, stack10: 81,
-            stack11: 46, stack12: 92, stack13: 28, stack14: 65, stack15: 37,
-            stack16: 74, stack17: 51, stack18: 83, stack19: 26, stack20: 69
-        },
-        {
-            display: "Wrote at least 1 story",
-            stack1: 57, stack2: 23, stack3: 89, stack4: 41, stack5: 76,
-            stack6: 12, stack7: 64, stack8: 98, stack9: 33, stack10: 78,
-            stack11: 55, stack12: 17, stack13: 91, stack14: 48, stack15: 82,
-            stack16: 26, stack17: 69, stack18: 43, stack19: 95, stack20: 31
-        }
-    ],
-    plotDataPoint: "percentage",
-    valuePath: [
-        "stack1", "stack2", "stack3", "stack4", "stack5",
-        // "stack6", "stack7", "stack8", "stack9", "stack10",
-        // "stack11", "stack12", "stack13", "stack14", "stack15",
-        // "stack16", "stack17", "stack18", "stack19", "stack20"
-    ],
-    breakdownCategoryName: "Age of org.",
-    tooltipLabelsMapping: {
-        stack1: 'Stack 1', stack2: 'Stack 2', stack3: 'Stack 3', stack4: 'Stack 4', stack5: 'Stack 5',
-        stack6: 'Stack 6', stack7: 'Stack 7', stack8: 'Stack 8', stack9: 'Stack 9', stack10: 'Stack 10',
-        stack11: 'Stack 11', stack12: 'Stack 12', stack13: 'Stack 13', stack14: 'Stack 14', stack15: 'Stack 15',
-        stack16: 'Stack 16', stack17: 'Stack 17', stack18: 'Stack 18', stack19: 'Stack 19', stack20: 'Stack 20'
-    },
-    labelPath: "display",
-    title: "This is a Stacked BarChart with 20 Stacks",
-    onClick: function () { },
-    colorIdx: 2
-};

package/dist/stories/v2/components/visualization/configs/props2.d.ts

@@ -1,45 +0,0 @@
-export namespace heatMapGridProps {
-    let data: {
-        value: string;
-        display: string;
-        count: number;
-        compType0: string;
-        compType1: string;
-        children: {
-            value: string;
-            display: string[];
-            count: number;
-            compType0: string;
-            compType1: string;
-        }[];
-    }[];
-    let valuePath: string[];
-    let tooltipLabelsPath: string[];
-    let labelPath: string;
-    let colorIdx: number;
-}
-export namespace heaMapGridProps2 {
-    let data_1: {
-        value: string;
-        display: string;
-        count: number;
-        compType0: string;
-        compType1: string;
-        children: {
-            value: string;
-            display: string;
-            count: number;
-            compType0: string;
-            compType1: string;
-        }[];
-    }[];
-    export { data_1 as data };
-    let tooltipLabelsPath_1: string[];
-    export { tooltipLabelsPath_1 as tooltipLabelsPath };
-    let valuePath_1: string[];
-    export { valuePath_1 as valuePath };
-    let labelPath_1: string;
-    export { labelPath_1 as labelPath };
-    let colorIdx_1: number;
-    export { colorIdx_1 as colorIdx };
-}