oolib 2.175.2 → 2.175.4

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

@@ -0,0 +1,260 @@
+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/v2/components/RadioButton.stories.js

@@ -0,0 +1,268 @@
+"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("../../../v2/components/RadioAndCheckbox");
+var react_json_view_1 = __importDefault(require("react-json-view"));
+var Divider_1 = require("../../../v2/components/Divider");
+var themes_1 = require("../../../v2/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: "Oolib V 2.0/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: {
+        // 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: {
+        // 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/v2/components/Accordion/index.js

@@ -52,7 +52,10 @@ var StyledContainer = styled_components_1.default.div(templateObject_1 || (templ
 var StyledHeader = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  padding: 1rem 1.6rem;\n  text-align: left;\n  background: none;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"], ["\n  width: 100%;\n  padding: 1rem 1.6rem;\n  text-align: left;\n  background: none;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"])));
 var StyledRightHeaderSection = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
 var ArrowWrapper = styled_components_1.default.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border: none;\n  background: none;\n  cursor: pointer;\n  width: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform: rotate(", "deg);\n  ", ";\n"], ["\n  border: none;\n  background: none;\n  cursor: pointer;\n  width: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform: rotate(", "deg);\n  ", ";\n"])), function (props) { return (props.isExpanded ? 0 : 180); }, (0, mixins_1.transition)("transform"));
-var StyledContentWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-end;\n  \n  ", "\n  height: ", ";\n"], ["\n  display: flex;\n  align-items: flex-end;\n  \n  ", "\n  height: ", ";\n"])), (0, mixins_1.transition)("height"), function (_a) {
+var StyledContentWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-end;\n  \n  ", "\n  height: ", ";\n"], ["\n  display: flex;\n  align-items: flex-end;\n  \n  ", "\n  height: ", ";\n"])), function (_a) {
+    var expandAnimationDuration = _a.expandAnimationDuration;
+    return (0, mixins_1.transition)("height ".concat(expandAnimationDuration / 1000, "s ease-out"));
+}, function (_a) {
     var height = _a.height;
     return height;
 });
@@ -88,9 +91,7 @@ var useCalculateWrapperHeight = function (_a) {
     });
 };
 var Accordion = function (_a) {
-    var title = _a.title, children = _a.children, _b = _a.defaultExpanded, defaultExpanded = _b === void 0 ? true : _b, _c = _a.accordionOverflow, accordionOverflow = _c === void 0 ? 'hidden' : _c, //in some cases we need to toggle the overflow to let a tooltip stick out and show for example (in DataVizAccordion)
-    _d = _a.actionsConfig, //in some cases we need to toggle the overflow to let a tooltip stick out and show for example (in DataVizAccordion)
-    actionsConfig = _d === void 0 ? [
+    var title = _a.title, children = _a.children, _b = _a.defaultExpanded, defaultExpanded = _b === void 0 ? true : _b, _c = _a.actionsConfig, actionsConfig = _c === void 0 ? [
         {
             display: "Grouped",
             onClick: function () { return console.log("grouped"); },
@@ -99,9 +100,35 @@ var Accordion = function (_a) {
             display: "Stacked",
             onClick: function () { return console.log("stacked"); },
         },
-    ] : _d;
-    var _e = (0, react_1.useState)(defaultExpanded), isExpanded = _e[0], setIsExpanded = _e[1];
-    var _f = useCalculateWrapperHeight({ isExpanded: isExpanded }), wrapperRef = _f.wrapperRef, wrapperHeight = _f.wrapperHeight;
+    ] : _c;
+    var _d = (0, react_1.useState)(defaultExpanded), isExpanded = _d[0], setIsExpanded = _d[1];
+    var _e = useCalculateWrapperHeight({ isExpanded: isExpanded }), wrapperRef = _e.wrapperRef, wrapperHeight = _e.wrapperHeight;
+    var expandAnimationDuration = 300;
+    //helps to make the accordionOverflow visible once its open,
+    //for scenarios where a data viz tooltip needs to stick out
+    var _f = (0, react_1.useState)("hidden"), accordionOverflow = _f[0], setAccordionOverflow = _f[1];
+    (0, react_1.useEffect)(function () {
+        var timeoutId;
+        if (isExpanded) {
+            // Set timeout for making content visible after animation
+            timeoutId = setTimeout(function () {
+                // Double check if still expanded before setting to visible
+                if (isExpanded) {
+                    setAccordionOverflow("visible");
+                }
+            }, expandAnimationDuration);
+        }
+        else {
+            // Immediately set to hidden when closing
+            setAccordionOverflow("hidden");
+        }
+        // Cleanup function to clear timeout if component updates/unmounts
+        return function () {
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+            }
+        };
+    }, [isExpanded, expandAnimationDuration]);
     return (react_1.default.createElement(StyledContainer, null,
         react_1.default.createElement(StyledHeader, { onClick: function () { return setIsExpanded(!isExpanded); } },
             react_1.default.createElement("div", { style: { flex: "1 0 0" } },
@@ -110,7 +137,7 @@ var Accordion = function (_a) {
                 react_1.default.createElement(ArrowWrapper, { isExpanded: isExpanded },
                     react_1.default.createElement(phosphor_react_1.CaretDown, { size: 16 })),
                 actionsConfig && (react_1.default.createElement(ActionMenu_1.ActionMenu, { CustomSelectComp: CustomActionMenuSelectButton, actions: actionsConfig })))),
-        react_1.default.createElement(StyledContentWrapper, { height: wrapperHeight, style: { overflow: accordionOverflow } },
+        react_1.default.createElement(StyledContentWrapper, { height: wrapperHeight, style: { overflow: accordionOverflow }, expandAnimationDuration: expandAnimationDuration },
             react_1.default.createElement(StyledContentInnerWrapper, { ref: wrapperRef }, children))));
 };
 exports.Accordion = Accordion;

package/dist/v2/components/BarChart/comps/CustomTooltip/index.d.ts

@@ -1,10 +1,9 @@
-import React, { Dispatch, SetStateAction } from 'react';
+import React from 'react';
 import { TooltipProps } from 'recharts';
 import { LabelData } from '../CustomizedLabel';
 interface CustomTooltipProps extends TooltipProps<number, string> {
     value?: LabelData[];
     showPercent?: boolean;
-    setAccordionOverflow?: Dispatch<SetStateAction<string>>;
 }
 declare const CustomTooltip: React.FC<CustomTooltipProps>;
 export default CustomTooltip;

package/dist/v2/components/BarChart/comps/CustomTooltip/index.js

@@ -1,44 +1,14 @@
 "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 });
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var Typo2_1 = require("../../../Typo2");
 var __1 = require("../../../../..");
 var CustomTooltip = function (props) {
     var _a, _b;
-    var active = props.active, payload = props.payload, value = props.value, showPercent = props.showPercent, setAccordionOverflow = props.setAccordionOverflow;
+    var active = props.active, payload = props.payload, value = props.value, showPercent = props.showPercent;
     if (!active || !payload || !payload.length)
         return null;
     // Calculate position - align with the right side of the bars
@@ -59,10 +29,6 @@ var CustomTooltip = function (props) {
         flexDirection: 'column',
         gap: '0.5rem'
     };
-    (0, react_1.useEffect)(function () {
-        setAccordionOverflow && setAccordionOverflow('visible');
-        return function () { return setAccordionOverflow && setAccordionOverflow('hidden'); };
-    }, []);
     return (react_1.default.createElement("div", { style: style }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index, style: {
             display: 'flex',
             alignItems: 'center',

package/dist/v2/components/BarChart/index.d.ts

@@ -1,4 +1,4 @@
-import React, { Dispatch, SetStateAction } from "react";
+import React from "react";
 export interface BaseConfigs {
     barHeight: number;
     labelToBarGap: number;
@@ -29,6 +29,5 @@ export interface BarChartProps {
     showPercent?: boolean;
     breakdownDisplayType?: "grouped" | "stacked";
     colorIdx?: number;
-    setAccordionOverflow?: Dispatch<SetStateAction<string>>;
 }
 export declare const BarChart: React.FC<BarChartProps>;