oolib 2.199.8 → 2.199.10

package/dist/v2/components/List/comps/ListGroup.d.ts

@@ -1,6 +1,6 @@
 export const GroupHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const GroupDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
-export function ListGroup({ id, group, index, value, focussedOp, scrollFocussedOpIntoView, onChange: parentOnChange, optionsClassName, invert, S, observerRef, isMulti, isTagsStyle, setFocusSelectTagsInput, setSearchString, setSearchBarFocus, }: {
+export function ListGroup({ id, group, index, value, focussedOp, scrollFocussedOpIntoView, onChange: parentOnChange, optionsClassName, invert, S, observerRef, isMulti, isTagsStyle, setFocusSelectTagsInput, setSearchString, setSearchBarFocus, groupHeaderStickyTop }: {
     id: any;
     group: any;
     index: any;
@@ -17,5 +17,6 @@ export function ListGroup({ id, group, index, value, focussedOp, scrollFocussedO
     setFocusSelectTagsInput: any;
     setSearchString: any;
     setSearchBarFocus: any;
+    groupHeaderStickyTop?: number;
 }): React.JSX.Element;
 import React from 'react';

package/dist/v2/components/List/comps/ListGroup.js

@@ -14,14 +14,17 @@ var Divider_1 = require("../../Divider");
 var themes_1 = require("../../../themes");
 var styled_components_1 = __importDefault(require("styled-components"));
 var ListItem_1 = require("./ListItem");
-exports.GroupHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0.4rem 0.8rem;\n  color: ", ";\n  position: sticky;\n  top: 0;\n  width: 100%;\n  background: white;\n  z-index: 1000;\n"], ["\n  padding: 0.4rem 0.8rem;\n  color: ", ";\n  position: sticky;\n  top: 0;\n  width: 100%;\n  background: white;\n  z-index: 1000;\n"])), themes_1.colors.grey50);
+exports.GroupHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0.4rem 0.8rem;\n  color: ", ";\n  position: sticky;\n  top: ", ";\n  width: 100%;\n  background: white;\n  z-index: 1000;\n"], ["\n  padding: 0.4rem 0.8rem;\n  color: ", ";\n  position: sticky;\n  top: ", ";\n  width: 100%;\n  background: white;\n  z-index: 1000;\n"])), themes_1.colors.grey50, function (_a) {
+    var groupHeaderStickyTop = _a.groupHeaderStickyTop;
+    return groupHeaderStickyTop;
+});
 exports.GroupDivider = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0.4rem 0 0.8rem 0;\n"], ["\n  margin: 0.4rem 0 0.8rem 0;\n"])));
 var ListGroup = function (_a) {
-    var id = _a.id, group = _a.group, index = _a.index, value = _a.value, focussedOp = _a.focussedOp, scrollFocussedOpIntoView = _a.scrollFocussedOpIntoView, parentOnChange = _a.onChange, optionsClassName = _a.optionsClassName, invert = _a.invert, S = _a.S, observerRef = _a.observerRef, isMulti = _a.isMulti, isTagsStyle = _a.isTagsStyle, setFocusSelectTagsInput = _a.setFocusSelectTagsInput, setSearchString = _a.setSearchString, setSearchBarFocus = _a.setSearchBarFocus;
+    var id = _a.id, group = _a.group, index = _a.index, value = _a.value, focussedOp = _a.focussedOp, scrollFocussedOpIntoView = _a.scrollFocussedOpIntoView, parentOnChange = _a.onChange, optionsClassName = _a.optionsClassName, invert = _a.invert, S = _a.S, observerRef = _a.observerRef, isMulti = _a.isMulti, isTagsStyle = _a.isTagsStyle, setFocusSelectTagsInput = _a.setFocusSelectTagsInput, setSearchString = _a.setSearchString, setSearchBarFocus = _a.setSearchBarFocus, _b = _a.groupHeaderStickyTop, groupHeaderStickyTop = _b === void 0 ? 0 : _b;
     return (react_1.default.createElement("div", null,
         index > 0 && (react_1.default.createElement(exports.GroupDivider, null,
             react_1.default.createElement(Divider_1.Divider, null))),
-        react_1.default.createElement(exports.GroupHeader, null,
+        react_1.default.createElement(exports.GroupHeader, { groupHeaderStickyTop: groupHeaderStickyTop },
             react_1.default.createElement(Typo2_1.UI_TAG, null, group.display)),
         group.options.map(function (option, idx) { return (react_1.default.createElement(ListItem_1.ListItem, { key: option.value, option: option, isSelected: (!option.loading && (value === null || value === void 0 ? void 0 : value.value) === option.value), isFocussed: focussedOp === idx, index: idx, scrollFocussedOpIntoView: scrollFocussedOpIntoView, onChange: function () {
                 if (!option.loading) {

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

@@ -1,6 +1,6 @@
 export const StyledListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export function isGroupedData(options: any): boolean;
-export function List({ id, options, value, focussedOp, scrollFocussedOpIntoView, onChange: parentOnChange, optionsClassName, invert, S, observerRef, isMulti, isTagsStyle, setFocusSelectTagsInput, disableShadow, isSearchable, searchbarPlaceholder, searchBarFocus, searchString, setSearchString, setSearchBarFocus, children, enableBorder, style }: {
+export function List({ id, options, value, focussedOp, scrollFocussedOpIntoView, onChange: parentOnChange, optionsClassName, invert, S, observerRef, isMulti, isTagsStyle, setFocusSelectTagsInput, disableShadow, isSearchable, searchbarPlaceholder, searchBarFocus, searchString, setSearchString, setSearchBarFocus, children, enableBorder, style, groupHeaderStickyTop }: {
     id: any;
     options?: any[];
     value: any;
@@ -24,5 +24,6 @@ export function List({ id, options, value, focussedOp, scrollFocussedOpIntoView,
     children: any;
     enableBorder: any;
     style: any;
+    groupHeaderStickyTop: any;
 }): React.JSX.Element;
 import React from 'react';

package/dist/v2/components/List/index.js

@@ -67,13 +67,13 @@ var isGroupedData = function (options) {
 exports.isGroupedData = isGroupedData;
 var List = function (_a) {
     // const theme = useTheme();
-    var id = _a.id, _b = _a.options, options = _b === void 0 ? [] : _b, value = _a.value, focussedOp = _a.focussedOp, scrollFocussedOpIntoView = _a.scrollFocussedOpIntoView, parentOnChange = _a.onChange, optionsClassName = _a.optionsClassName, invert = _a.invert, S = _a.S, observerRef = _a.observerRef, _c = _a.isMulti, isMulti = _c === void 0 ? false : _c, isTagsStyle = _a.isTagsStyle, setFocusSelectTagsInput = _a.setFocusSelectTagsInput, disableShadow = _a.disableShadow, isSearchable = _a.isSearchable, searchbarPlaceholder = _a.searchbarPlaceholder, searchBarFocus = _a.searchBarFocus, searchString = _a.searchString, setSearchString = _a.setSearchString, setSearchBarFocus = _a.setSearchBarFocus, children = _a.children, enableBorder = _a.enableBorder, style = _a.style;
+    var id = _a.id, _b = _a.options, options = _b === void 0 ? [] : _b, value = _a.value, focussedOp = _a.focussedOp, scrollFocussedOpIntoView = _a.scrollFocussedOpIntoView, parentOnChange = _a.onChange, optionsClassName = _a.optionsClassName, invert = _a.invert, S = _a.S, observerRef = _a.observerRef, _c = _a.isMulti, isMulti = _c === void 0 ? false : _c, isTagsStyle = _a.isTagsStyle, setFocusSelectTagsInput = _a.setFocusSelectTagsInput, disableShadow = _a.disableShadow, isSearchable = _a.isSearchable, searchbarPlaceholder = _a.searchbarPlaceholder, searchBarFocus = _a.searchBarFocus, searchString = _a.searchString, setSearchString = _a.setSearchString, setSearchBarFocus = _a.setSearchBarFocus, children = _a.children, enableBorder = _a.enableBorder, style = _a.style, groupHeaderStickyTop = _a.groupHeaderStickyTop;
     var renderListItems = function () {
         if (options.length === 0) {
             return react_1.default.createElement(NoOptionResultsComp_1.NoOptionResultsComp, { S: S });
         }
         if ((0, exports.isGroupedData)(options)) {
-            return (react_1.default.createElement(react_1.Fragment, null, options.map(function (group, index) { return (react_1.default.createElement(ListGroup_1.ListGroup, { id: id, key: "group-".concat(index), group: group, index: index, value: value, focussedOp: focussedOp, scrollFocussedOpIntoView: scrollFocussedOpIntoView, onChange: parentOnChange, optionsClassName: optionsClassName, invert: invert, S: S, observerRef: observerRef, isMulti: isMulti, isTagsStyle: isTagsStyle, setFocusSelectTagsInput: setFocusSelectTagsInput, setSearchString: setSearchString, setSearchBarFocus: setSearchBarFocus, disableShadow: disableShadow })); })));
+            return (react_1.default.createElement(react_1.Fragment, null, options.map(function (group, index) { return (react_1.default.createElement(ListGroup_1.ListGroup, { id: id, key: "group-".concat(index), group: group, index: index, value: value, focussedOp: focussedOp, scrollFocussedOpIntoView: scrollFocussedOpIntoView, onChange: parentOnChange, optionsClassName: optionsClassName, invert: invert, S: S, observerRef: observerRef, isMulti: isMulti, isTagsStyle: isTagsStyle, setFocusSelectTagsInput: setFocusSelectTagsInput, setSearchString: setSearchString, setSearchBarFocus: setSearchBarFocus, disableShadow: disableShadow, groupHeaderStickyTop: groupHeaderStickyTop })); })));
         }
         return options.map(function (option, index) { return (react_1.default.createElement(ListItem_1.ListItem, { key: option.value, option: option, isSelected: (!option.loading && (value === null || value === void 0 ? void 0 : value.value) === option.value), isFocussed: focussedOp === index, index: index, scrollFocussedOpIntoView: scrollFocussedOpIntoView, onChange: function () {
                 if (!option.loading) {

package/dist/v2/components/dataviz/BarChart/index.js

@@ -55,8 +55,8 @@ var CustomizedLabel_1 = require("./comps/CustomizedLabel");
 var __1 = require("../../../..");
 var usePrepareData_1 = require("../utils/usePrepareData");
 var _base_barchart_ui_configs_1 = require("./_base_barchart_ui_configs");
+var CustomTooltip_1 = __importDefault(require("./comps/CustomTooltip"));
 var Legend_1 = require("./comps/Legend");
-var OptimizedTooltip_1 = __importDefault(require("./comps/CustomTooltip/OptimizedTooltip"));
 var useTrackMousePosition = function () {
     var _a = (0, react_1.useState)({
         x: 0,
@@ -268,7 +268,20 @@ var BarChartRenderer = function (_a) {
             } },
             react_1.default.createElement(recharts_1.XAxis, { hide: true, type: "number", domain: [0, dataMaxValue] }),
             react_1.default.createElement(recharts_1.YAxis, { hide: true, type: "category" }),
-            isBreakdown && (react_1.default.createElement(recharts_1.Tooltip, { cursor: false, content: react_1.default.createElement(OptimizedTooltip_1.default, null), animationDuration: 0, isAnimationActive: false, allowEscapeViewBox: { x: false, y: false }, position: { x: undefined, y: undefined } })),
+            isBreakdown && (react_1.default.createElement(recharts_1.Tooltip, { cursor: false, 
+                //   content={<OptimizedTooltip />}
+                //   animationDuration={0}
+                //   isAnimationActive={false}
+                //   allowEscapeViewBox={{ x: false, y: false }}
+                //   position={{ x: undefined, y: undefined }}
+                content: function (props) {
+                    var _a;
+                    return (react_1.default.createElement(CustomTooltip_1.default, __assign({}, props, { breakdownCategoryName: breakdownCategoryName, activeBar: activeBar, mousePosition: mousePosition, showPercent: showPercent, 
+                        // god knows why the dataindex gets stored against props.label.
+                        // this is some internal recharts thing for tooltips specifically.
+                        // we dont do this.
+                        value: (_a = data[props.label]) === null || _a === void 0 ? void 0 : _a.map(function (item, idx) { return (__assign({}, item.labels)); }) })));
+                }, allowEscapeViewBox: { x: true, y: true } })),
             isBreakdown
                 ? data[0].map(function (_, stackIndex) {
                     //note that this map renders the individual bars within a breakdown group

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.199.8",
+  "version": "2.199.10",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",