pragmate-ui/dropdown-bottom-menu/dropdown-bottom-menu.sjs.js

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.

System.register(["@beyond-js/kernel/bundle", "@beyond-js/kernel/styles", "react", "pragmate-ui/image", "pragmate-ui/icons"], function (_export, _context) {
  "use strict";

  var dependency_0, dependency_1, dependency_2, dependency_3, dependency_4, __Bundle, __pkg, ims, DropdownBottomMenu, __beyond_pkg, hmr;
  _export("DropdownBottomMenu", void 0);
  return {
    setters: [function (_beyondJsKernelBundle) {
      dependency_0 = _beyondJsKernelBundle;
    }, function (_beyondJsKernelStyles) {
      dependency_1 = _beyondJsKernelStyles;
    }, function (_react2) {
      dependency_2 = _react2;
    }, function (_pragmateUiImage) {
      dependency_3 = _pragmateUiImage;
    }, function (_pragmateUiIcons) {
      dependency_4 = _pragmateUiIcons;
    }],
    execute: function () {
      ({
        Bundle: __Bundle
      } = dependency_0);
      __pkg = new __Bundle({
        "module": {
          "vspecifier": "pragmate-ui@1.0.1/dropdown-bottom-menu"
        },
        "type": "code"
      }, _context.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');
      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"
      }];
      // Module exports
      __pkg.exports.process = function ({
        require,
        prop,
        value
      }) {
        (require || prop === 'DropdownBottomMenu') && _export("DropdownBottomMenu", DropdownBottomMenu = require ? require('./index').DropdownBottomMenu : value);
      };
      _export("__beyond_pkg", __beyond_pkg = __pkg);
      _export("hmr", hmr = new function () {
        this.on = (event, listener) => void 0;
        this.off = (event, listener) => void 0;
      }());
      __pkg.initialise(ims);
    }
  };
});
//# sourceMappingURL=dropdown-bottom-menu.sjs.js.map