@robotical/sensors-dashboard/dist/components/AddonsList/AddonItem/AddonSubItem/index.js

A dashboard tool for depicting Marty data by Robotical

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = AddonSubItem;
require("core-js/modules/es.regexp.exec.js");
require("core-js/modules/es.string.replace.js");
var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
var _react = require("react");
var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function AddonSubItem(_ref) {
  let {
    addonSubItem
  } = _ref;
  const reactId = (0, _react.useId)();
  const inputId = "signal-".concat(reactId.replace(/:/g, ""));
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
    disablePadding: true,
    className: _stylesModule.default.listItem,
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
      className: _stylesModule.default.signalRow,
      htmlFor: inputId,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
        id: inputId,
        className: _stylesModule.default.checkbox,
        checked: addonSubItem.selected,
        onChange: () => {
          var _addonSubItem$selecte;
          return (_addonSubItem$selecte = addonSubItem.selectedListener) === null || _addonSubItem$selecte === void 0 ? void 0 : _addonSubItem$selecte.call(addonSubItem);
        },
        disableRipple: true
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
        className: _stylesModule.default.signalName,
        children: addonSubItem.name
      })]
    })
  });
}