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

EssentialJS UI

define(["exports", "module", "@beyond-js/kernel/bundle", "@beyond-js/kernel/styles", "iconsax-react", "react"], function (_exports, _amd_module, dependency_0, dependency_1, dependency_2, dependency_3) {
  "use strict";

  Object.defineProperty(_exports, "__esModule", {
    value: true
  });
  _exports.hmr = _exports.__beyond_pkg = _exports.Dropdown = void 0;
  const {
    Bundle: __Bundle
  } = dependency_0;
  const __pkg = new __Bundle({
    "module": {
      "vspecifier": "@essential-js/ui@1.0.0/dropdown"
    },
    "type": "code"
  }, _amd_module.uri).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.amd.js.map