pragmate-ui
Version:
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.
88 lines (86 loc) • 3.05 kB
JavaScript
System.register(["@beyond-js/kernel/bundle", "@beyond-js/kernel/styles", "react", "pragmate-ui/base"], function (_export, _context) {
"use strict";
var dependency_0, dependency_1, dependency_2, dependency_3, __Bundle, __pkg, ims, Badge, __beyond_pkg, hmr;
_export("Badge", void 0);
return {
setters: [function (_beyondJsKernelBundle) {
dependency_0 = _beyondJsKernelBundle;
}, function (_beyondJsKernelStyles) {
dependency_1 = _beyondJsKernelStyles;
}, function (_react2) {
dependency_2 = _react2;
}, function (_pragmateUiBase) {
dependency_3 = _pragmateUiBase;
}],
execute: function () {
({
Bundle: __Bundle
} = dependency_0);
__pkg = new __Bundle({
"module": {
"vspecifier": "pragmate-ui@1.0.1/badge"
},
"type": "code"
}, _context.meta.url).package();
;
__pkg.dependencies.update([['@beyond-js/kernel/styles', dependency_1], ['react', dependency_2], ['pragmate-ui/base', dependency_3]]);
brequire('@beyond-js/kernel/styles').styles.register('pragmate-ui@1.0.1/badge');
ims = new Map();
/***********************
INTERNAL MODULE: ./index
***********************/
ims.set('./index', {
hash: 3109853727,
creator: function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Badge = Badge;
var _react = require("react");
/*bundle*/
function Badge({
children,
value,
visible = false,
variant = 'default',
dot
}) {
const classes = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'default'];
let cls = `pui-badge${classes.includes(variant) ? ` pui-badge--${variant}` : ''}`;
if (visible) cls += ' pui-badge--visible';
if (value) cls += ' pui-badge--has-value';
if (dot) cls += ' dot';
return _react.default.createElement("div", {
className: "pui-badge__container"
}, _react.default.createElement("div", {
className: "content-children"
}, children), _react.default.createElement("span", {
className: cls
}, value));
}
}
});
__pkg.exports.descriptor = [{
"im": "./index",
"from": "Badge",
"name": "Badge"
}];
// Module exports
__pkg.exports.process = function ({
require,
prop,
value
}) {
(require || prop === 'Badge') && _export("Badge", Badge = require ? require('./index').Badge : 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=badge.sjs.js.map