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

EssentialJS UI

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.hmr = exports.__beyond_pkg = exports.Dropdown = void 0;
var dependency_0 = require("@beyond-js/kernel/bundle");
var dependency_1 = require("@beyond-js/kernel/styles");
var dependency_2 = require("iconsax-react");
var dependency_3 = require("react");
const {
  Bundle: __Bundle
} = dependency_0;
const __pkg = new __Bundle({
  "module": {
    "vspecifier": "@essential-js/ui@1.0.0/dropdown"
  },
  "type": "code"
}).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');
const 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"
}];
let Dropdown;

// Module exports
exports.Dropdown = Dropdown;
__pkg.exports.process = function ({
  require,
  prop,
  value
}) {
  (require || prop === 'Dropdown') && (exports.Dropdown = Dropdown = require ? require('./index').Dropdown : value);
};
const __beyond_pkg = __pkg;
exports.__beyond_pkg = __beyond_pkg;
const hmr = new function () {
  this.on = (event, listener) => void 0;
  this.off = (event, listener) => void 0;
}();
exports.hmr = hmr;
__pkg.initialise(ims);
//# sourceMappingURL=dropdown.cjs.js.map