@denali-design/react
Version:
React.JS component library for the Denali CSS Framework
59 lines • 2.69 kB
JavaScript
;
/**
* Copyright 2020, Verizon Media
* Licensed under the terms of the MIT license. See accompanying LICENSE.md file for terms.
*/
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DnSwitch = void 0;
var react_1 = __importStar(require("react"));
var classnames_1 = __importDefault(require("classnames"));
exports.DnSwitch = function (_a) {
var id = _a.id, name = _a.name, offLabel = _a.offLabel, onLabel = _a.onLabel, checked = _a.checked, isDisabled = _a.isDisabled, className = _a.className, onChange = _a.onChange;
var _b = react_1.useState(checked), checkedState = _b[0], setCheckedState = _b[1];
var switchOnChange = function (event) {
setCheckedState(function (value) { return !value; });
if (onChange) {
onChange(event);
}
};
return (
// eslint-disable-next-line jsx-a11y/label-has-associated-control
react_1.default.createElement("label", { className: classnames_1.default('switch', className) },
react_1.default.createElement("input", { id: id, name: name, type: "checkbox", checked: checkedState, disabled: isDisabled, onChange: switchOnChange }),
react_1.default.createElement("span", { className: "slider" }),
offLabel && react_1.default.createElement("span", { className: "off label" }, offLabel),
onLabel && react_1.default.createElement("span", { className: "on label" }, onLabel)));
};
exports.DnSwitch.defaultProps = {
id: undefined,
name: undefined,
offLabel: undefined,
onLabel: undefined,
checked: false,
isDisabled: false,
onChange: undefined,
className: undefined,
};
//# sourceMappingURL=DnSwitch.js.map