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

EssentialJS UI

define(["exports", "module", "@beyond-js/kernel/bundle", "@beyond-js/kernel/styles", "react", "iconsax-react", "@essential-js/ui/toast", "prism-react-renderer", "prism-react-renderer/themes/palenight"], function (_exports, _amd_module, dependency_0, dependency_1, dependency_2, dependency_3, dependency_4, dependency_5, dependency_6) {
  "use strict";

  Object.defineProperty(_exports, "__esModule", {
    value: true
  });
  _exports.hmr = _exports.__beyond_pkg = _exports.CopyableCode = _exports.Code = void 0;
  const {
    Bundle: __Bundle
  } = dependency_0;
  const __pkg = new __Bundle({
    "module": {
      "vspecifier": "@essential-js/ui@1.0.0/code"
    },
    "type": "code"
  }, _amd_module.uri).package();
  ;
  __pkg.dependencies.update([['@beyond-js/kernel/styles', dependency_1], ['react', dependency_2], ['iconsax-react', dependency_3], ['@essential-js/ui/toast', dependency_4], ['prism-react-renderer', dependency_5], ['prism-react-renderer/themes/palenight', dependency_6]]);
  brequire('@beyond-js/kernel/styles').styles.register('@essential-js/ui@1.0.0/code');
  const ims = new Map();

  /**************************
  INTERNAL MODULE: ./copyable
  **************************/

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

      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.CopyableCode = CopyableCode;
      var _react = require("react");
      var _iconsaxReact = require("iconsax-react");
      var _index = require("./index");
      var _toast = require("@essential-js/ui/toast");
      /*bundle*/
      function CopyableCode({
        children,
        className,
        ...props
      }) {
        function copy() {
          navigator.clipboard.writeText(children);
          _toast.toast.info('The code has been copied!');
        }
        return _react.default.createElement("div", {
          className: `essential__copyable-code ${className}`,
          ...props
        }, _react.default.createElement("div", {
          className: "content"
        }, _react.default.createElement(_index.Code, null, children), _react.default.createElement(_iconsaxReact.Copy, {
          onClick: copy,
          className: "icon",
          color: "#666"
        })));
      }
    }
  });

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

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

      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.Code = Code;
      var _react = require("react");
      var _prismReactRenderer = require("prism-react-renderer");
      var _palenight = require("prism-react-renderer/themes/palenight");
      /*bundle*/
      function Code({
        children,
        className,
        ...props
      }) {
        return _react.default.createElement("code", {
          className: `essential__code ${className}`,
          ...props
        }, _react.default.createElement(_prismReactRenderer.default, {
          ..._prismReactRenderer.defaultProps,
          theme: _palenight.default,
          code: children,
          language: "tsx"
        }, ({
          className,
          style,
          tokens,
          getLineProps,
          getTokenProps
        }) => _react.default.createElement("span", {
          className: className,
          style: style
        }, tokens.map((line, i) => _react.default.createElement("div", {
          ...getLineProps({
            line,
            key: i
          })
        }, line.map((token, key) => _react.default.createElement("span", {
          ...getTokenProps({
            token,
            key
          })
        })))))));
      }
    }
  });
  __pkg.exports.descriptor = [{
    "im": "./copyable",
    "from": "CopyableCode",
    "name": "CopyableCode"
  }, {
    "im": "./index",
    "from": "Code",
    "name": "Code"
  }];
  let CopyableCode, Code;

  // Module exports
  _exports.Code = Code;
  _exports.CopyableCode = CopyableCode;
  __pkg.exports.process = function ({
    require,
    prop,
    value
  }) {
    (require || prop === 'CopyableCode') && (_exports.CopyableCode = CopyableCode = require ? require('./copyable').CopyableCode : value);
    (require || prop === 'Code') && (_exports.Code = Code = require ? require('./index').Code : 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=code.amd.js.map