@essential-js/ui/dropdown/dropdown.sjs.js

EssentialJS UI

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

  var dependency_0, dependency_1, dependency_2, dependency_3, __Bundle, __pkg, ims, Dropdown, __beyond_pkg, hmr;
  _export("Dropdown", void 0);
  return {
    setters: [function (_beyondJsKernelBundle) {
      dependency_0 = _beyondJsKernelBundle;
    }, function (_beyondJsKernelStyles) {
      dependency_1 = _beyondJsKernelStyles;
    }, function (_iconsaxReact2) {
      dependency_2 = _iconsaxReact2;
    }, function (_react2) {
      dependency_3 = _react2;
    }],
    execute: function () {
      ({
        Bundle: __Bundle
      } = dependency_0);
      __pkg = new __Bundle({
        "module": {
          "vspecifier": "@essential-js/ui@1.0.0/dropdown"
        },
        "type": "code"
      }, _context.meta.url).package();
      ;
      __pkg.dependencies.update([['@beyond-js/kernel/styles', dependency_1], ['iconsax-react', dependency_2], ['react', dependency_3]]);
      brequire('@beyond-js/kernel/styles').styles.register('@essential-js/ui@1.0.0/dropdown');
      ims = new Map();
      /***********************
      INTERNAL MODULE: ./index
      ***********************/
      ims.set('./index', {
        hash: 2612874647,
        creator: function (require, exports) {
          "use strict";

          Object.defineProperty(exports, "__esModule", {
            value: true
          });
          exports.Dropdown = Dropdown;
          var _iconsaxReact = require("iconsax-react");
          var _react = require("react");
          /*bundle*/
          function Dropdown({
            title = '',
            children,
            ...props
          }) {
            const [isOpen, setIsOpen] = _react.default.useState(false);
            const cls = isOpen ? 'open' : '';
            function toggleOpen() {
              setIsOpen(!isOpen);
            }
            return _react.default.createElement("section", {
              className: `essential__dropdown ${props.className}`,
              ...props
            }, _react.default.createElement("header", {
              className: `title__element ${cls}`,
              onClick: toggleOpen
            }, _react.default.createElement("h6", null, title), _react.default.createElement(_iconsaxReact.ArrowRight2, {
              className: "icon"
            })), isOpen && _react.default.createElement("div", {
              className: "content"
            }, children));
          }
        }
      });
      __pkg.exports.descriptor = [{
        "im": "./index",
        "from": "Dropdown",
        "name": "Dropdown"
      }];
      // Module exports
      __pkg.exports.process = function ({
        require,
        prop,
        value
      }) {
        (require || prop === 'Dropdown') && _export("Dropdown", Dropdown = require ? require('./index').Dropdown : 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.sjs.js.map