oolib 2.113.0 → 2.114.0

package/dist/components/Dropdowns/comps/OptionsMulti/index.js

@@ -33,7 +33,7 @@ var NoOptionResultsComp_1 = require("../NoOptionResultsComp");
 var OptionContent_1 = require("../OptionContent");
 var styled_1 = require("../OptionsSingle/styled");
 var CheckboxButton_1 = require("../../../RadioAndCheckbox/comps/CheckboxList/comps/CheckboxButton");
-var index_tsx_1 = require("../../../Divider/index.tsx");
+var Divider_1 = require("../../../Divider");
 var TextInputs_1 = require("../../../TextInputs");
 var Typo_1 = require("../../../Typo");
 var TextLoader_1 = require("../../../LoadersAndProgress/TextLoader");
@@ -127,7 +127,7 @@ var OptionsMulti = function (_a) {
         } },
         react_1.default.createElement("div", { style: { padding: "1rem" }, onBlur: function () { return setSearchBarFocus(false); }, tabIndex: 0 },
             react_1.default.createElement(TextInputs_1.TextInput, { forceFocus: searchBarFocus, invert: invert, type: "text", icon: "MagnifyingGlass", value: searchString, onChange: function (k, v) { return setSearchString(v); }, S: S })),
-        react_1.default.createElement(index_tsx_1.Divider, { invert: invert }))); };
+        react_1.default.createElement(Divider_1.Divider, { invert: invert }))); };
     return (react_1.default.createElement(OptionsShell_1.OptionsShell, { ref: optionsRef, yOrientation: yOrientation, lightboxHeight: lightboxHeight, lightboxStyle: lightboxStyle, options: options, optionsAnchor: optionsAnchor, showOptions: showOptions, handleHideOptions: handleHideOptions, SelectComp: SelectComp, label: label, optionsModalLabel: optionsModalLabel, invert: invert, showDoneButton: true, popOutOfOverflowHiddenParent: popOutOfOverflowHiddenParent, relativeToRef: relativeToRef, S: S },
         isSearchable && genSearchBar(),
         !isTagsStyle && createSelectedOptions(),

package/dist/components/Dropdowns/comps/OptionsSingle/index.js

@@ -30,7 +30,7 @@ var OptionContent_1 = require("../OptionContent");
 var OptionsShell_1 = require("../OptionsShell");
 var styled_1 = require("./styled");
 var themes_1 = require("../../../../themes");
-var index_tsx_1 = require("../../../Divider/index.tsx");
+var Divider_1 = require("../../../Divider");
 var TextInputs_1 = require("../../../TextInputs");
 var TextLoader_1 = require("../../../LoadersAndProgress/TextLoader");
 var useKeyboardControl_1 = require("../../utils/useKeyboardControl");
@@ -77,7 +77,7 @@ var OptionsSingle = function (_a) {
         } },
         react_1.default.createElement("div", { style: { padding: "1rem" } },
             react_1.default.createElement(TextInputs_1.TextInput, { invert: invert, forceFocus: searchBarFocus, type: "text", icon: "MagnifyingGlass", value: searchString, onChange: function (k, v) { return setSearchString(v); }, S: S })),
-        react_1.default.createElement(index_tsx_1.Divider, { invert: invert }))); };
+        react_1.default.createElement(Divider_1.Divider, { invert: invert }))); };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(OptionsShell_1.OptionsShell, { ref: optionsRef, yOrientation: yOrientation, lightboxHeight: lightboxHeight, lightboxStyle: lightboxStyle, options: options, optionsAnchor: optionsAnchor, showOptions: showOptions, SelectComp: SelectComp, handleHideOptions: handleHideOptions, label: label, optionsModalLabel: optionsModalLabel, invert: invert, relativeToRef: relativeToRef, popOutOfOverflowHiddenParent: popOutOfOverflowHiddenParent, S: S },
             isSearchable && genSearchBar(),

package/dist/components/ImageInput/comps/ImageEditor/index.js

@@ -44,7 +44,7 @@ var themes_1 = require("../../../../themes");
 var mixins_1 = require("../../../../themes/mixins");
 var _EXPORTS_1 = require("../../../../utils/_EXPORTS");
 var renderRTEPlaceholderForOolibPreview_1 = require("../../../../utilsOolib/renderRTEPlaceholderForOolibPreview");
-var index_tsx_1 = require("../../../Divider/index.tsx");
+var Divider_1 = require("../../../Divider");
 var SkeletonLoader_1 = require("../../../LoadersAndProgress/SkeletonLoader");
 var Modal_1 = require("../../../Modals/Modal");
 var Paddings_1 = require("../../../Paddings");
@@ -147,7 +147,7 @@ function ImageEditor(_a) {
             !richTextHasValue(imageData.caption) //backwards compat cuz its possible caption data might be in draftjs shape
             ? null
             : react_1.default.createElement(react_1.Fragment, null,
-                react_1.default.createElement(index_tsx_1.Divider, { invert: invert }),
+                react_1.default.createElement(Divider_1.Divider, { invert: invert }),
                 react_1.default.createElement("div", { style: {
                         borderRadius: "0.2rem",
                         padding: readOnly ? "1rem" : "2rem",
@@ -163,6 +163,6 @@ function ImageEditor(_a) {
                                 imageData: __assign(__assign({}, imageData), { caption: val }),
                             });
                         } })),
-                readOnly && react_1.default.createElement(index_tsx_1.Divider, { invert: invert })))))));
+                readOnly && react_1.default.createElement(Divider_1.Divider, { invert: invert })))))));
 }
 exports.ImageEditor = ImageEditor;

package/dist/components/Modals/Modal/index.js

@@ -44,7 +44,7 @@ var ModalHeaderStyle1_1 = require("./comps/ModalHeaderStyle1");
 var ModalHeaderStyle2_1 = require("./comps/ModalHeaderStyle2");
 var styled_1 = require("./styled");
 var Buttons_1 = require("../../Buttons");
-var index_tsx_1 = require("../../Divider/index.tsx");
+var Divider_1 = require("../../Divider");
 var Modal = function (_a) {
     var title = _a.title, onClose = _a.onClose, children = _a.children, linkTo = _a.linkTo, _b = _a.desktopWidth, desktopWidth = _b === void 0 ? "80%" : _b, _c = _a.headerStyle, headerStyle = _c === void 0 ? "style1" : _c, subtitle = _a.subtitle, // used only in header style 2
     _d = _a.fitToContentHeight, // used only in header style 2
@@ -81,7 +81,7 @@ var Modal = function (_a) {
             react_1.default.createElement(styled_1.StyledModalLargeBody, { takeFullScreenOnScroll: takeFullScreenOnScroll }, children),
             showActionPanel &&
                 react_1.default.createElement("div", { style: { position: 'sticky', bottom: headerStyle === 'style1' ? 0 : '2.2rem' } },
-                    react_1.default.createElement(index_tsx_1.Divider, null),
+                    react_1.default.createElement(Divider_1.Divider, null),
                     react_1.default.createElement(styled_1.StyledActionButtonsWrapper, { alignActions: alignActions },
                         showConfirmBtn &&
                             typeof onConfirm === 'function'

package/dist/components/PercentBarChart/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare const PercentBarChart: ({ data: _data, valuePath, display, onBarClick, colors }: {
+    data: any;
+    valuePath: string;
+    display: string;
+    onBarClick?: (name: string) => void;
+    colors?: {
+        [key: string]: string;
+    };
+}) => React.JSX.Element;

package/dist/components/PercentBarChart/index.js

@@ -0,0 +1,120 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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.PercentBarChart = void 0;
+var react_1 = __importStar(require("react"));
+var recharts_1 = require("recharts");
+var renderCustomizedLabel = function (_a) {
+    var y = _a.y, value = _a.value, opacity = _a.opacity;
+    var offset = 12;
+    return (react_1.default.createElement("text", { opacity: opacity, fontSize: 14, x: 0, y: y - offset, fill: "black", textAnchor: "start", dominantBaseline: "middle" }, value));
+};
+var renderCustomizedValue = function (_a) {
+    var y = _a.y, width = _a.width, height = _a.height, value = _a.value, suffix = _a.suffix, opacity = _a.opacity;
+    var xOffset = 6;
+    var yOffset = 2;
+    return (react_1.default.createElement("text", { opacity: opacity, fontSize: 14, fontWeight: "600", x: width + xOffset, y: y + height / 2 + yOffset, fill: "black", textAnchor: "start", dominantBaseline: "middle" }, "".concat(value).concat(suffix || "")));
+};
+var _dataSample = [
+    { name: "AAA/A1+", value: 72.3, Type: 0 },
+    { name: "Cash & Cash Equivalents", value: 10.1, Type: 1 },
+    { name: "Sovereign", value: 9.87, Type: 2 },
+    { name: "AA+", value: 5.63, Type: 3 },
+];
+var PercentBarChart = function (_a) {
+    var _b = _a.data, _data = _b === void 0 ? _dataSample : _b, _c = _a.valuePath, valuePath = _c === void 0 ? "value" : _c, _d = _a.display, display = _d === void 0 ? "name" : _d, onBarClick = _a.onBarClick, _e = _a.colors, colors = _e === void 0 ? {
+        hoverInvertRed: '#FBC3C3',
+        yellow: '#FFCC00',
+        green: '#08A84B',
+        blue: '#33A4FF'
+    } : _e;
+    var data = (0, react_1.useMemo)(function () {
+        var finalData = __spreadArray([], _data, true);
+        finalData = finalData.map(function (d, i) { return (__assign(__assign({}, d), { value: d[valuePath], name: d[display], color: Object.values(colors)[i % Object.values(colors).length] })); });
+        // console.log({ finalData })
+        finalData.sort(function (a, b) {
+            return Number(b.value || 0) - Number(a.value || 0);
+        });
+        return finalData;
+    }, [_data, display, valuePath]);
+    var _f = (0, react_1.useState)(undefined), activeBar = _f[0], setActiveBar = _f[1];
+    //   console.log({ activeBar });
+    var changeBarOpacityFn = function (name) {
+        return activeBar && activeBar !== name ? 0.4 : 1;
+    };
+    return (react_1.default.createElement("div", { style: { height: "".concat(80 * data.length, "px"), width: "100%" } },
+        react_1.default.createElement(recharts_1.ResponsiveContainer, { width: "100%", height: "100%" },
+            react_1.default.createElement(recharts_1.BarChart, { width: 500, height: 500, data: data, layout: "vertical", margin: {
+                    top: 15,
+                    right: 60,
+                    left: 0,
+                    bottom: 0,
+                } },
+                react_1.default.createElement(recharts_1.XAxis, { hide: true, type: "number" }),
+                react_1.default.createElement(recharts_1.YAxis, { hide: true, type: "category", width: 250, dataKey: display }),
+                react_1.default.createElement(recharts_1.Bar, { style: { cursor: "pointer" }, dataKey: "value", unit: "%", onMouseOver: function (args) { return setActiveBar(args[display]); }, onMouseOut: function () { return setActiveBar(undefined); }, onMouseDown: function (args) {
+                        setActiveBar(args[display]);
+                        onBarClick(args[display]);
+                    } },
+                    react_1.default.createElement(recharts_1.LabelList, { dataKey: display, position: "top", content: function (props) {
+                            return renderCustomizedLabel({
+                                y: props.y,
+                                value: props.value,
+                                opacity: changeBarOpacityFn(props[display]),
+                            });
+                        } }),
+                    react_1.default.createElement(recharts_1.LabelList, { dataKey: "value", offset: 0, content: function (props) {
+                            return renderCustomizedValue({
+                                y: props.y,
+                                width: props.width,
+                                height: props.height,
+                                value: props.value,
+                                suffix: "%",
+                                opacity: changeBarOpacityFn(props[display]),
+                            });
+                        } }),
+                    data.map(function (entry, index) { return (react_1.default.createElement(recharts_1.Cell, { opacity: changeBarOpacityFn(entry[display]), key: "cell-".concat(index), height: 30, fill: entry.color })); }))))));
+};
+exports.PercentBarChart = PercentBarChart;

package/dist/d3Modules/index.d.ts

@@ -28,3 +28,16 @@ declare namespace _default {
     export { entries };
 }
 export default _default;
+import { line } from 'd3-shape';
+import { area } from 'd3-shape';
+import { scaleLinear } from 'd3-scale';
+import { scaleTime } from 'd3-scale';
+import { scaleBand } from 'd3-scale';
+import { pie } from 'd3-shape';
+import { arc } from 'd3-shape';
+import { curveMonotoneX } from 'd3-shape';
+import { extent } from 'd3-array';
+import { min } from 'd3-array';
+import { max } from 'd3-array';
+import { bisector } from 'd3-array';
+import { scaleOrdinal } from 'd3-scale';

package/dist/index.d.ts

@@ -25,7 +25,8 @@ export { Tooltip } from "./components/Tooltip";
 export { ActionMenu } from "./components/ActionMenu";
 export { Accordion } from "./components/Accordion";
 export { PercentCompletedPie } from "./components/PercentCompletedPie";
-export { Divider } from "./components/Divider/index.tsx";
+export { PercentBarChart } from "./components/PercentBarChart";
+export { Divider } from "./components/Divider";
 export { SkeletonLoader } from "./components/LoadersAndProgress/SkeletonLoader";
 export { ModalConfirm } from "./components/Modals/ModalConfirm";
 export { ModalForms } from "./components/Modals/derivedComps/ModalForms";

package/dist/index.js

@@ -17,8 +17,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IFrameInput = exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.HintsProvider = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.ListContent = exports.CardContent = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.BarChart = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
-exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.ResourceInput = void 0;
+exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.HintsProvider = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.ListContent = exports.CardContent = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.BarChart = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentBarChart = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
+exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.ResourceInput = exports.IFrameInput = void 0;
 //css and styling related ( styled-components )
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
@@ -64,8 +64,10 @@ var Accordion_1 = require("./components/Accordion");
 Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return Accordion_1.Accordion; } });
 var PercentCompletedPie_1 = require("./components/PercentCompletedPie");
 Object.defineProperty(exports, "PercentCompletedPie", { enumerable: true, get: function () { return PercentCompletedPie_1.PercentCompletedPie; } });
-var index_tsx_1 = require("./components/Divider/index.tsx");
-Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return index_tsx_1.Divider; } });
+var PercentBarChart_1 = require("./components/PercentBarChart");
+Object.defineProperty(exports, "PercentBarChart", { enumerable: true, get: function () { return PercentBarChart_1.PercentBarChart; } });
+var Divider_1 = require("./components/Divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
 var SkeletonLoader_1 = require("./components/LoadersAndProgress/SkeletonLoader");
 Object.defineProperty(exports, "SkeletonLoader", { enumerable: true, get: function () { return SkeletonLoader_1.SkeletonLoader; } });
 var ModalConfirm_1 = require("./components/Modals/ModalConfirm");

package/dist/stories/Checkbox.stories.js

@@ -28,7 +28,7 @@ exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = void 0;
 var react_1 = require("react");
 var RadioAndCheckbox_1 = require("../components/RadioAndCheckbox");
 var react_json_view_1 = __importDefault(require("react-json-view"));
-var index_tsx_1 = require("../components/Divider/index.tsx");
+var Divider_1 = require("../components/Divider");
 var themes_1 = require("../themes");
 var greyColor100 = themes_1.colors.greyColor100;
 var ops = [
@@ -66,7 +66,7 @@ var CheckboxList = function (args) {
         React.createElement(RadioAndCheckbox_1.CheckboxList, { options: options, value: selectedOptions, onChange: function (id, val) { return setSelectedOptions(val); }, rightWrongResult: args.markOptions, listType: args.listingStyle, injectOtherOption: args.addOther, commonIsCorrectDesc: args.feedbackMessage, S: args.size == "S", readOnly: args.readOnly, label: args.label, disabled: args.disabled, invert: args.invert, inputStyle: args.inputStyle, optionsLimit: args.optionsLimit }),
         React.createElement("br", null),
         " ",
-        React.createElement(index_tsx_1.Divider, null),
+        React.createElement(Divider_1.Divider, null),
         " ",
         React.createElement("br", null),
         React.createElement("details", { style: { margin: "2rem 0" } },

package/dist/stories/Divider.stories.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = void 0;
-var index_tsx_1 = require("../components/Divider/index.tsx");
+var Divider_1 = require("../components/Divider");
 var themes_1 = require("../themes");
 exports.default = {
     title: "Components/Divider",
@@ -23,6 +23,6 @@ exports.default = {
 var uid = 0;
 var Divider = function (args) {
     return (React.createElement("div", { style: { padding: '50px', background: args.invert ? themes_1.colors.greyColor100 : themes_1.colors.white } },
-        React.createElement(index_tsx_1.Divider, __assign({}, args))));
+        React.createElement(Divider_1.Divider, __assign({}, args))));
 };
 exports.Divider = Divider;

package/dist/stories/PercentageBarChart.stories.d.ts

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

package/dist/stories/PercentageBarChart.stories.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PercentBarChart_ = void 0;
+var react_1 = __importDefault(require("react"));
+var PercentBarChart_1 = require("../components/PercentBarChart");
+exports.default = {
+    title: "Components/PercentBarChart",
+};
+var uid = 0;
+var data = [
+    { name: 'AAA/A1+', value: 72.3, Type: 0 },
+    { name: 'Cash & Cash Equivalents', value: 10.1, Type: 1 },
+    { name: 'Sovereign', value: 9.87, Type: 2 },
+    { name: 'AA+', value: 5.63, Type: 3 },
+];
+var PercentBarChart_ = function (args) {
+    var handleBarClick = function (name) {
+        console.log("Bar clicked: ".concat(name));
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(PercentBarChart_1.PercentBarChart, { data: data, valuePath: "value", display: "name", onBarClick: handleBarClick })));
+};
+exports.PercentBarChart_ = PercentBarChart_;

package/dist/stories/RadioButton.stories.js

@@ -27,7 +27,7 @@ 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 index_tsx_1 = require("../components/Divider/index.tsx");
+var Divider_1 = require("../components/Divider");
 var themes_1 = require("../themes");
 var greyColor100 = themes_1.colors.greyColor100;
 var ops = [
@@ -66,7 +66,7 @@ var RadioList = function (args) {
         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(index_tsx_1.Divider, null),
+        React.createElement(Divider_1.Divider, null),
         " ",
         React.createElement("br", null),
         React.createElement("details", { style: { margin: '2rem 0' } },

package/dist/stories/SkeletonLoader.stories.js

@@ -16,7 +16,7 @@ exports.SkeletonLoader = void 0;
 var react_1 = __importDefault(require("react"));
 var SkeletonLoader_1 = require("../components/LoadersAndProgress/SkeletonLoader");
 var themes_1 = require("../themes");
-var index_tsx_1 = require("../components/Divider/index.tsx");
+var Divider_1 = require("../components/Divider");
 var TextLoader_1 = require("../components/LoadersAndProgress/TextLoader");
 var Typo_1 = require("../components/Typo");
 var Paddings_1 = require("../components/Paddings");
@@ -68,7 +68,7 @@ var SkeletonLoader = function (args) {
                     width: args.width,
                     height: args.height,
                 } })),
-        react_1.default.createElement(index_tsx_1.Divider, null),
+        react_1.default.createElement(Divider_1.Divider, null),
         react_1.default.createElement(Paddings_1.PaddingTop30, null),
         react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, 'Text Loader'),
         react_1.default.createElement(Typo_1.SANS_3, null, "Defaults to a height of 1.5rem and width of 8rem. Has a fixed color of primaryColor10"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.113.0",
+  "version": "2.114.0",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -104,6 +104,7 @@
     "moment": "^2.24.0",
     "phosphor-react": "^1.4.1",
     "react-player": "^2.12.0",
-    "react-virtualized": "^9.22.5"
+    "react-virtualized": "^9.22.5",
+    "recharts": "^2.12.6"
   }
 }