oolib 2.170.7 → 2.170.9

package/dist/components/Dropdowns/DropdownMulti/index.js

@@ -150,11 +150,11 @@ function DropdownMulti(_a) {
             react_1.default.createElement(DisplayCompSingle_1.DisplayCompSingle, { value: v, invert: invert, injectComma: i !== value.length - 1, S: S }))); })));
     };
     var _f = (0, react_1.useState)(false), focusSelectTagsInput = _f[0], setFocusSelectTagsInput = _f[1];
-    var genSelectTagsInput = function (options) {
-        if (options === void 0) { options = {}; }
-        return (react_1.default.createElement(SelectTagsInput_1.SelectTagsInput, __assign({ id: id, value: value, invert: invert, handleSelect: handleSelect, searchString: searchString,
+    var genSelectTagsInput = function (ops) {
+        if (ops === void 0) { ops = {}; }
+        return (react_1.default.createElement(SelectTagsInput_1.SelectTagsInput, { id: id, value: value, invert: invert, handleSelect: handleSelect, searchString: searchString,
             setSearchString: setSearchString,
-            single_multi: "multi", placeholder: placeholder, focusSelectTagsInput: focusSelectTagsInput, setFocusSelectTagsInput: setFocusSelectTagsInput, showOptions: showOptions, S: S, disabled: disabled }, ((options === null || options === void 0 ? void 0 : options.style) || {}))));
+            single_multi: "multi", placeholder: placeholder, focusSelectTagsInput: focusSelectTagsInput, setFocusSelectTagsInput: setFocusSelectTagsInput, showOptions: showOptions, S: S, disabled: disabled, style: ops.style }));
     };
     var genInputComp = function () {
         // const SelectComp = isTagsStyle ? SelectTagsInput : SelectDropdown 

package/dist/components/Dropdowns/DropdownSingle/index.js

@@ -130,9 +130,12 @@ function DropdownSingle(_a) {
                     setFilteredOptionsInParent: setFilteredOptionsInParent,
                 });
     }, [optionsProp, optionsFn === null || optionsFn === void 0 ? void 0 : optionsFn.fn, searchString]);
-    var genSelectTagsInput = function () { return (react_1.default.createElement(SelectTagsInput_1.SelectTagsInput, { id: id, value: value, invert: invert, handleSelect: handleSelect, searchString: searchString, setSearchString: setSearchString, single_multi: 'single', placeholder: placeholder, S: S, disabled: disabled, showOptions: showOptions, S: S
-        // forceFocus, comp is expecting this
-     })); };
+    var genSelectTagsInput = function (ops) {
+        if (ops === void 0) { ops = {}; }
+        return (react_1.default.createElement(SelectTagsInput_1.SelectTagsInput, { id: id, value: value, invert: invert, handleSelect: handleSelect, searchString: searchString, setSearchString: setSearchString, single_multi: 'single', placeholder: placeholder, S: S, disabled: disabled, showOptions: showOptions, S: S, style: ops.style
+            // forceFocus, comp is expecting this
+         }));
+    };
     var genInputComp = function () {
         return (react_1.default.createElement(styled_1.StyledDropdownRefWrapper, { ref: dropdownRef, id: "StyledDropdownRefWrapper" },
             react_1.default.createElement("div", { ref: selectRef, className: "OKE-Dropdown__Select-wrapper", onClick: disabled ? function () { } : function () {
@@ -142,7 +145,7 @@ function DropdownSingle(_a) {
                 } }, isTagsStyle ? genSelectTagsInput() : (react_1.default.createElement(SelectDropdown_1.SelectDropdown, { invert: invert, value: value, placeholder: placeholder, genCustomSelectComp: genCustomSelectComp, selectClassName: selectClassName, selectStyleOverride: selectStyleOverride, showOptions: showOptions, disableSelectTextUpdate: disableSelectTextUpdate, selectConfig: selectConfig, S: S, disabled: disabled }))),
             react_1.default.createElement(OptionsSingle_1.OptionsSingle, { searchbarPlaceholder: searchbarPlaceholder, observerRef: observerRef, lightboxHeight: lightboxHeight, lightboxStyle: lightboxStyle, optionsAnchor: optionsAnchor, searchString: searchString, setSearchString: setSearchString, id: id, optionsClassName: optionsClassName, label: label, value: value, relativeToRef: selectRef, invert: invert, showOptions: showOptions, handleHideOptions: handleHideOptions, handleSelect: handleSelect, options: options, optionsFn: optionsFn, optionsModalLabel: optionsModalLabel, 
                 //combobox specific
-                isSearchable: isTagsStyle ? false : isSearchable, alignDropdown: alignDropdown, genCreateTagButton: genCreateTagButton, SelectComp: isTagsStyle && genSelectTagsInput(), S: S, popOutOfOverflowHiddenParent: popOutOfOverflowHiddenParent })));
+                isSearchable: isTagsStyle ? false : isSearchable, alignDropdown: alignDropdown, genCreateTagButton: genCreateTagButton, SelectComp: isTagsStyle && genSelectTagsInput({ style: { position: 'sticky', top: 0, zIndex: 1000 } }), S: S, popOutOfOverflowHiddenParent: popOutOfOverflowHiddenParent })));
     };
     var genDisplayComp = function () {
         if (!value)

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

@@ -47,7 +47,7 @@ var OptionsAnimateWrapper_1 = require("./comps/OptionsAnimateWrapper");
 var styled_components_1 = require("styled-components");
 var DefaultMobileShell = function (_a) {
     var children = _a.children;
-    return (react_1.default.createElement("div", { style: { top: 0, left: 0, height: '100dvh', width: '100dvw', position: 'fixed', zIndex: '100000000', background: 'rgba(0,0,0,0.5)', display: 'flex', flexDirection: 'column', justifyContent: 'flex-end' } }));
+    return (react_1.default.createElement("div", { style: { top: 0, left: 0, height: '100dvh', width: '100dvw', position: 'fixed', zIndex: '100000000', background: 'rgba(0,0,0,0.5)', display: 'flex', flexDirection: 'column', justifyContent: 'flex-end' } }, children));
 };
 exports.OptionsShell = react_1.default.forwardRef(function (_a, ref) {
     var yOrientation = _a.yOrientation, lightboxHeight = _a.lightboxHeight, lightboxStyle = _a.lightboxStyle, options = _a.options, optionsAnchor = _a.optionsAnchor, showOptions = _a.showOptions, handleHideOptions = _a.handleHideOptions, children = _a.children, SelectComp = _a.SelectComp, label = _a.label, optionsModalLabel = _a.optionsModalLabel, invert = _a.invert, showDoneButton = _a.showDoneButton, _b = _a.popOutOfOverflowHiddenParent, popOutOfOverflowHiddenParent = _b === void 0 ? false : _b, relativeToRef = _a.relativeToRef, S = _a.S, alignDropdown = _a.alignDropdown;

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export * from "./v2/components/cards/CardContent";
 export * from "./v2/components/cards/ListContent";
 export * from "./v2/components/Tags";
 export * from "./v2/components/ImagePlaceholder";
+export * from "./v2/components/Buttons";
 export { colors } from "./themes";
 export { icons } from "./icons";
 export { Section } from "./components/Section";

package/dist/index.js

@@ -182,7 +182,7 @@ __exportStar(require("./v2/components/cards/ListContent"), exports);
 __exportStar(require("./v2/components/Tags"), exports);
 __exportStar(require("./v2/components/ImagePlaceholder"), exports);
 // 2 imports available
-// export * from './v2/components/Buttons';
+__exportStar(require("./v2/components/Buttons"), exports);
 var TabBar_1 = require("./v2/components/TabBar");
 Object.defineProperty(exports, "TabBarV2", { enumerable: true, get: function () { return TabBar_1.TabBarStyle1; } });
 var themes_2 = require("./v2/themes");

package/package.json

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