pragmate-ui/dropdown-bottom-menu/dropdown-bottom-menu.browser.mjs

An advanced, on-demand React UI library optimized for BeyondJS. Pragmate UI provides modular, responsive, and accessible components with a focus on efficient bundle sizes and a streamlined development process.

import * as dependency_0 from '@beyond-js/kernel/bundle';
import * as dependency_1 from '@beyond-js/kernel/styles';
import * as dependency_2 from 'react';
import * as dependency_3 from 'pragmate-ui/image';
import * as dependency_4 from 'pragmate-ui/icons';

const {Bundle: __Bundle} = dependency_0;
const __pkg = new __Bundle({"module":{"vspecifier":"pragmate-ui@1.0.1/dropdown-bottom-menu"},"type":"code"}, import.meta.url).package();;

__pkg.dependencies.update([['@beyond-js/kernel/styles', dependency_1],['react', dependency_2],['pragmate-ui/image', dependency_3],['pragmate-ui/icons', dependency_4]]);

brequire('@beyond-js/kernel/styles').styles.register('pragmate-ui@1.0.1/dropdown-bottom-menu')


const ims = new Map();

/*****************************
INTERNAL MODULE: ./definitions
*****************************/

ims.set('./definitions', {hash: 3481600907, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
}});

/***********************
INTERNAL MODULE: ./index
***********************/

ims.set('./index', {hash: 1436471338, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DropdownBottomMenu = DropdownBottomMenu;
var _react = require("react");
var _image = require("pragmate-ui/image");
var _list = require("./list");
/*bundle*/function DropdownBottomMenu({
  handleClick,
  show,
  items,
  children,
  isImage,
  title
}) {
  const cls = show ? "pull-down-menu" : "pull-down-menu pull-down-menu__hide";
  const isItems = !!items && Array.isArray(items);
  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
    className: cls
  }, (title || isImage) && _react.default.createElement("header", null, isImage && _react.default.createElement("div", {
    className: "image-menu"
  }, _react.default.createElement(_image.Image, {
    src: `${globalThis.baseDir}assets/dummy.svg`,
    alt: " "
  })), title && _react.default.createElement("span", null, title)), isItems && _react.default.createElement(_list.MenuList, {
    items: items
  }), children), show && _react.default.createElement("div", {
    onClick: handleClick,
    className: "background-black"
  }));
}
}});

/**********************
INTERNAL MODULE: ./item
**********************/

ims.set('./item', {hash: 4263323519, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MenuItem = void 0;
var _react = require("react");
var _icons = require("pragmate-ui/icons");
const MenuItem = ({
  item
}) => {
  const {
    title,
    link,
    icon
  } = item;
  return _react.default.createElement("li", {
    className: "pull-down-menu__item"
  }, _react.default.createElement(_icons.Icon, {
    icon: icon
  }), _react.default.createElement("a", {
    href: link
  }, title));
};
exports.MenuItem = MenuItem;
}});

/**********************
INTERNAL MODULE: ./list
**********************/

ims.set('./list', {hash: 3770438484, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MenuList = void 0;
var _react = require("react");
var _item = require("./item");
const MenuList = ({
  items
}) => {
  const output = items.map(item => _react.default.createElement(_item.MenuItem, {
    key: item.icon,
    item: item
  }));
  return _react.default.createElement("ul", {
    className: "pull-down-menu__list"
  }, output);
};
exports.MenuList = MenuList;
}});

__pkg.exports.descriptor = [{"im":"./index","from":"DropdownBottomMenu","name":"DropdownBottomMenu"}];

export let DropdownBottomMenu;

// Module exports
__pkg.exports.process = function({require, prop, value}) {
    (require || prop === 'DropdownBottomMenu') && (DropdownBottomMenu = require ? require('./index').DropdownBottomMenu : value);

};
export const __beyond_pkg = __pkg;

export const hmr = new (function () {
    this.on = (event, listener) => void 0;
    this.off = (event, listener) => void 0;
});


__pkg.initialise(ims);
//# sourceMappingURL=dropdown-bottom-menu.browser.mjs.map