web-sdk-im
Version:
React js components
116 lines (98 loc) • 4.18 kB
JavaScript
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;
;