photoncss
Version:
Go from 0 to app in seconds
51 lines • 2.47 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Radio = void 0;
const react_1 = __importDefault(require("react"));
const prop_types_1 = __importDefault(require("prop-types"));
const classnames_1 = __importDefault(require("classnames"));
const guid_1 = __importDefault(require("../util/guid"));
const jquery_1 = __importDefault(require("jquery"));
const Waves_1 = __importDefault(require("../util/Waves"));
function Radio({ children, labelPosition, color, waves, style, id, className = "", ...props }) {
const classes = (0, classnames_1.default)("photon-radio", `color-${color}`, `labelposition-${labelPosition}`, className);
id = id || (0, guid_1.default)();
setImmediate(function () {
const input = (0, jquery_1.default)(`#${id}`);
const wrapper = input.parent();
const ripple = (0, jquery_1.default)(`#${id}-ripple`)[0];
wrapper.off("mousedown").on("mousedown", () => {
Waves_1.default.ripple(ripple, { wait: 1e6, ink: true });
wrapper.addClass("active");
});
wrapper.off("mouseup").on("mouseup", () => {
Waves_1.default.calm(ripple);
wrapper.removeClass("active");
});
});
return (react_1.default.createElement("div", { className: classes, ...{ style } },
labelPosition === "before" && children && react_1.default.createElement("label", { htmlFor: id }, children),
react_1.default.createElement("input", { tabIndex: 0, type: "radio", id: id, ...props }),
react_1.default.createElement("div", { id: `${id}-ripple`, className: (0, classnames_1.default)("ripple", waves && "waves-effect waves-ink") }),
labelPosition === "after" && children && react_1.default.createElement("label", { htmlFor: id }, children)));
}
exports.Radio = Radio;
Radio.propTypes = {
children: prop_types_1.default.any,
style: prop_types_1.default.any,
className: prop_types_1.default.string,
id: prop_types_1.default.string,
color: prop_types_1.default.oneOf(["none", "primary", "secondary"]),
labelPosition: prop_types_1.default.oneOf(["before", "after"]),
waves: prop_types_1.default.bool
};
Radio.defaultProps = {
children: null,
color: "none",
labelPosition: "after",
waves: true
};
//# sourceMappingURL=Radio.js.map