@oliasoft-open-source/react-ui-library 3.3.3 → 3.3.4

package/dist/global.css

@@ -13063,7 +13063,9 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._menu_kxngy_341 {
+._menu_1ij3l_341 {
+  overflow-y: auto;
+  position: relative;
   min-width: 160px;
   padding: 7px 0;
   border: 1px solid var(--color-border);
@@ -13072,28 +13074,28 @@ html[data-theme='dark'] {
   background-color: var(--color-background-raised);
   margin-top: 2px;
 }
-._header_kxngy_350 {
+._header_1ij3l_352 {
   padding: 7px 16px;
   display: flex;
   justify-content: space-between;
 }
-._header_kxngy_350 a {
+._header_1ij3l_352 a {
   color: var(--color-text-primary);
   font-weight: normal;
   cursor: pointer;
 }
-._header_kxngy_350 a:hover {
+._header_1ij3l_352 a:hover {
   color: var(--color-text-primary-hover);
 }
-._header_kxngy_350 a:active {
+._header_1ij3l_352 a:active {
   color: var(--color-text-primary-active);
 }
-._item_kxngy_366 {
+._item_1ij3l_368 {
   padding: 7px 16px;
   background: transparent;
   cursor: default;
 }
-._heading_kxngy_371 {
+._heading_1ij3l_373 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;

package/dist/index.js

@@ -25621,10 +25621,10 @@ Modal.propTypes = {
   centered: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const menu$1 = "_menu_kxngy_341";
-const header = "_header_kxngy_350";
-const item$3 = "_item_kxngy_366";
-const heading$1 = "_heading_kxngy_371";
+const menu$1 = "_menu_1ij3l_341";
+const header = "_header_1ij3l_352";
+const item$3 = "_item_1ij3l_368";
+const heading$1 = "_heading_1ij3l_373";
 const styles$n = {
   menu: menu$1,
   header,
@@ -25659,10 +25659,14 @@ const Heading$1 = ({
 const Layer$1 = ({
   options,
   onChangeOptions,
-  showHeader
+  showHeader,
+  maxHeight: maxHeight2
 }) => {
   return /* @__PURE__ */ jsxs("div", {
     className: cx("menu", styles$n.menu),
+    style: {
+      maxHeight: maxHeight2
+    },
     children: [showHeader && /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsxs("div", {
         className: styles$n.header,
@@ -25730,7 +25734,8 @@ const OptionDropdown = ({
   label: label2,
   options,
   onChange,
-  showHeader
+  showHeader,
+  maxHeight: maxHeight2
 }) => {
   return /* @__PURE__ */ jsx(Menu, {
     menu: {
@@ -25745,14 +25750,16 @@ const OptionDropdown = ({
           evt.target.value = nextOptions;
           onChange(evt);
         },
-        showHeader
+        showHeader,
+        maxHeight: maxHeight2
       })
     }
   });
 };
 OptionDropdown.defaultProps = {
   name: void 0,
-  showHeader: true
+  showHeader: true,
+  maxHeight: "40vh"
 };
 OptionDropdown.propTypes = {
   name: propTypes$1.exports.string,
@@ -25763,7 +25770,8 @@ OptionDropdown.propTypes = {
     selected: propTypes$1.exports.bool
   })).isRequired,
   onChange: propTypes$1.exports.func.isRequired,
-  showHeader: propTypes$1.exports.bool
+  showHeader: propTypes$1.exports.bool,
+  maxHeight: propTypes$1.exports.string
 };
 const page = "_page_1lfmz_341";
 const scroll2 = "_scroll_1lfmz_363";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",