oolib 2.206.3 → 2.206.5

package/dist/v2/components/Dropdowns/utils/useKeyboardControl.js

@@ -6,11 +6,6 @@ var getKeyCode_1 = require("../../../../utils/getKeyCode");
 var useKeyboardControl = function (_a) {
     var showOptions = _a.showOptions, handleHideOptions = _a.handleHideOptions, optionsWrapperRef = _a.optionsWrapperRef, handleSelect = _a.handleSelect, options = _a.options, searchString = _a.searchString, id = _a.id;
     var _b = (0, react_1.useState)(-1), focussedOp = _b[0], setFocussedOp = _b[1];
-    var hasMountedRef = (0, react_1.useRef)(false);
-    // Track if component has mounted to prevent initial scroll
-    (0, react_1.useEffect)(function () {
-        hasMountedRef.current = true;
-    }, []);
     // if search string is not empty, then reset focussedOp to first op
     // else set it to minus 1
     (0, react_1.useEffect)(function () {
@@ -26,6 +21,12 @@ var useKeyboardControl = function (_a) {
     }, [showOptions]);
     (0, react_1.useEffect)(function () {
         var handleKeyDown = function (e) {
+            if (!showOptions)
+                return;
+            /**
+             * dont prevent default outside the condition, else
+             * all other key actions stop working..
+             */
             var code = (0, getKeyCode_1.getKeyCode)(e);
             if (code === 'Enter') {
                 if (options[focussedOp])
@@ -49,8 +50,8 @@ var useKeyboardControl = function (_a) {
         return function () { return window.removeEventListener('keydown', handleKeyDown); };
     });
     var scrollFocussedOpIntoView = function (el) {
-        // Prevent automatic scrolling during initial render
-        if (!hasMountedRef.current || !showOptions)
+        // Only scroll if options are actually showing to prevent unwanted auto-scroll
+        if (!showOptions)
             return;
         var _a = el.getBoundingClientRect(), elBottom = _a.bottom, elTop = _a.top;
         var _b = optionsWrapperRef.current.getBoundingClientRect(), opsWrapperBottom = _b.bottom, opsWrapperTop = _b.top;

package/dist/v2/components/Tags/Comps/Tag/index.js

@@ -1,41 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 };
 };
@@ -45,20 +8,17 @@ var react_1 = __importDefault(require("react"));
 var styled_1 = require("./styled");
 var icons_1 = require("../../../../../icons");
 var styled_2 = require("./styled");
-var styled_components_1 = __importStar(require("styled-components"));
+var styled_components_1 = require("styled-components");
 var themes_1 = require("../../../../themes");
-var mixins_1 = require("../../../../../themes/mixins");
 var grey40 = themes_1.colors.grey40;
 var Tag = function (_a) {
     var id = _a.id, _b = _a.fill, fill = _b === void 0 ? "solid" : _b, _c = _a.size, size = _c === void 0 ? "S" : _c, display = _a.display, icon = _a.icon, weight = _a.weight, onClick = _a.onClick, variant = _a.variant, typo = _a.typo, badgeColor = _a.badgeColor, style = _a.style;
     var Icon = icons_1.icons[icon];
     var theme = (0, styled_components_1.useTheme)();
     var Typo = typo || styled_2.Styled_UI_CAPTION_DF;
-    // ellipsis style to props typo 
-    var StyledTypo = typo ? (0, styled_components_1.default)(Typo)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["", ""], ["", ""])), mixins_1.ellipsis) : Typo;
     return (react_1.default.createElement(styled_1.StyledTag, { id: id, fill: fill, size: size, icon: icon, onClick: onClick, variant: variant, colors: theme === null || theme === void 0 ? void 0 : theme.colors, style: style },
         badgeColor && react_1.default.createElement("div", { style: { background: badgeColor, width: "1rem", height: "1rem", borderRadius: "50%", marginRight: "0.2rem" } }),
-        react_1.default.createElement(StyledTypo, { weight: weight },
+        react_1.default.createElement(Typo, { weight: weight },
             " ",
             display,
             " "),
@@ -67,4 +27,3 @@ var Tag = function (_a) {
                 react_1.default.createElement(Icon, { size: size === "XS" ? 10 : 12, weight: "bold", style: { color: grey40 } }))));
 };
 exports.Tag = Tag;
-var templateObject_1;

package/dist/v2/components/Tags/Comps/TagDisplay/index.js

@@ -1,4 +1,8 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,12 +24,16 @@ var Typo2_1 = require("../../../Typo2");
 var Tag_1 = require("../Tag");
 var themes_1 = require("../../../../themes");
 var getTagDisplayStyles_1 = require("./getTagDisplayStyles");
+var styled_components_1 = __importDefault(require("styled-components"));
+var mixins_1 = require("../../../../../themes/mixins");
 var white = themes_1.colors.white;
+var STYLED_UI_TAG_DF = (0, styled_components_1.default)(Typo2_1.UI_TAG_DF)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), mixins_1.ellipsis);
 var TagDisplay = function (_a) {
     var id = _a.id, display = _a.display, size = _a.size, 
     // tagColor,
     // textColor,
     fill = _a.fill, icon = _a.icon, _b = _a.colorPreset, colorPreset = _b === void 0 ? 'default' : _b, weight = _a.weight;
-    return (react_1.default.createElement(Tag_1.Tag, { weight: weight, id: id, display: display, icon: icon, size: size, fill: fill, style: __assign({ padding: "0.25rem 0.5rem", borderRadius: "4px", color: white }, (0, getTagDisplayStyles_1.getTagDisplayStyles)({ colorPreset: colorPreset })), typo: Typo2_1.UI_TAG_DF }));
+    return (react_1.default.createElement(Tag_1.Tag, { weight: weight, id: id, display: display, icon: icon, size: size, fill: fill, style: __assign({ padding: "0.25rem 0.5rem", borderRadius: "4px", color: white }, (0, getTagDisplayStyles_1.getTagDisplayStyles)({ colorPreset: colorPreset })), typo: STYLED_UI_TAG_DF }));
 };
 exports.TagDisplay = TagDisplay;
+var templateObject_1;

package/package.json

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