UNPKG

web-sdk-im

Version:
116 lines (98 loc) 4.18 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var _react = _interopRequireDefault(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _styles = require("@material-ui/core/styles"); var _colors = require("@material-ui/core/colors"); var _FormGroup = _interopRequireDefault(require("@material-ui/core/FormGroup")); var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel")); var _Switch = _interopRequireDefault(require("@material-ui/core/Switch")); var _Box = _interopRequireDefault(require("@material-ui/core/Box")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } var IOSSwitch = (0, _styles.withStyles)(function (theme) { return { root: { width: 42, height: 26, padding: 0 // margin: theme.spacing(-3), }, switchBase: { padding: 1, '&$checked': { transform: 'translateX(16px)', color: theme.palette.common.white, '& + $track': { backgroundColor: '#33C176', opacity: 1, border: 'none' } }, '&$focusVisible $thumb': { color: '#52d869', border: '6px solid #fff' } }, thumb: { width: 24, height: 24 }, track: { borderRadius: 26 / 2, border: "1px solid ".concat(theme.palette.grey[400]), backgroundColor: theme.palette.grey[50], opacity: 1, transition: theme.transitions.create(['background-color', 'border']), height: 'auto' }, checked: {}, focusVisible: {} }; })(function (_ref) { var classes = _ref.classes, props = _objectWithoutProperties(_ref, ["classes"]); return /*#__PURE__*/_react["default"].createElement(_Box["default"], { component: "div" }, /*#__PURE__*/_react["default"].createElement(_Switch["default"], _extends({ focusVisibleClassName: classes.focusVisible, disableRipple: true, classes: { root: classes.root, switchBase: classes.switchBase, thumb: classes.thumb, track: classes.track, checked: classes.checked } }, props))); }); var IMSwitch = function IMSwitch(_ref2) { var onChange = _ref2.onChange, value = _ref2.value, name = _ref2.name, checked = _ref2.checked, size = _ref2.size; return /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], null, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], { control: /*#__PURE__*/_react["default"].createElement(IOSSwitch, { value: value, name: name, checked: checked, onChange: onChange, size: size }) })); }; IMSwitch.propTypes = { onChange: _propTypes["default"].func, value: _propTypes["default"].string, name: _propTypes["default"].string, size: _propTypes["default"].string, checked: _propTypes["default"].bool }; IMSwitch.defaultProps = {}; var _default = IMSwitch; exports["default"] = _default;