kwikid-components-react/components/kwikui/table/TableComponents/TableChip.js

KwikID's Component Library in React

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
var _kwikidToolkit = require("kwikid-toolkit");
var _react = _interopRequireDefault(require("react"));
var _Badge = _interopRequireDefault(require("../../badge/Badge"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const KwikUITableChip = _ref => {
  var _item$props$mapping, _item$props, _item$props2, _item$props2$mapping$, _item$props$mapping$v, _item$props$mapping2, _item$props3, _item$props4, _item$props4$mapping$, _item$props5, _item$props5$mapping$, _item$props$mapping3, _item$props6, _item$props7, _item$props7$mapping$, _item$props$mapping$v2, _item$props$mapping4, _item$props8, _item$props9, _item$props9$mapping$, _item$props0, _item$props0$mapping$, _item$props$mapping5, _item$props1, _item$props10, _item$props10$mapping, _item$props$mapping$v3, _item$props$mapping6, _item$props11, _item$props12, _item$props12$mapping, _item$props13, _item$props13$mapping, _item$props$mapping7, _item$props14, _item$props15, _item$props15$mapping, _item$props$mapping$v4, _item$props$mapping8, _item$props16, _item$props17, _item$props17$mapping, _item$props18, _item$props18$mapping, _item$props$mapping9, _item$props19, _item$props20, _item$props20$mapping, _item$props21, _item$props21$mapping, _item$props$mapping0, _item$props22, _item$props23, _item$props23$mapping, _item$props24, _item$props24$mapping;
  let {
    id,
    item,
    value,
    tableMeta,
    updateValue
  } = _ref;
  const chipLabel = (0, _kwikidToolkit.isNotEmptyValue)(value) ? (0, _kwikidToolkit.checkObjectKeyExists)((_item$props$mapping = item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.mapping) !== null && _item$props$mapping !== void 0 ? _item$props$mapping : {}, value) && (0, _kwikidToolkit.isNotEmptyValue)((_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : (_item$props2$mapping$ = _item$props2.mapping[value]) === null || _item$props2$mapping$ === void 0 ? void 0 : _item$props2$mapping$.label) ? (_item$props$mapping$v = item.props.mapping[value]) === null || _item$props$mapping$v === void 0 ? void 0 : _item$props$mapping$v.label : (0, _kwikidToolkit.checkObjectKeyExists)((_item$props$mapping2 = item === null || item === void 0 ? void 0 : (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.mapping) !== null && _item$props$mapping2 !== void 0 ? _item$props$mapping2 : {}, "_default") && (0, _kwikidToolkit.isNotEmptyValue)((_item$props4 = item.props) === null || _item$props4 === void 0 ? void 0 : (_item$props4$mapping$ = _item$props4.mapping._default) === null || _item$props4$mapping$ === void 0 ? void 0 : _item$props4$mapping$.label) ? (_item$props5 = item.props) === null || _item$props5 === void 0 ? void 0 : (_item$props5$mapping$ = _item$props5.mapping._default) === null || _item$props5$mapping$ === void 0 ? void 0 : _item$props5$mapping$.label : (0, _kwikidToolkit.convertSnakeCaseToNormalText)(String(value).toLocaleLowerCase()) : "-";
  const chipThemeColor = (0, _kwikidToolkit.isNotEmptyValue)(value) ? (0, _kwikidToolkit.checkObjectKeyExists)((_item$props$mapping3 = item === null || item === void 0 ? void 0 : (_item$props6 = item.props) === null || _item$props6 === void 0 ? void 0 : _item$props6.mapping) !== null && _item$props$mapping3 !== void 0 ? _item$props$mapping3 : {}, value) && (0, _kwikidToolkit.isNotEmptyValue)((_item$props7 = item.props) === null || _item$props7 === void 0 ? void 0 : (_item$props7$mapping$ = _item$props7.mapping[value]) === null || _item$props7$mapping$ === void 0 ? void 0 : _item$props7$mapping$.color) ? (_item$props$mapping$v2 = item.props.mapping[value]) === null || _item$props$mapping$v2 === void 0 ? void 0 : _item$props$mapping$v2.color : (0, _kwikidToolkit.checkObjectKeyExists)((_item$props$mapping4 = item === null || item === void 0 ? void 0 : (_item$props8 = item.props) === null || _item$props8 === void 0 ? void 0 : _item$props8.mapping) !== null && _item$props$mapping4 !== void 0 ? _item$props$mapping4 : {}, "_default") && (0, _kwikidToolkit.isNotEmptyValue)((_item$props9 = item.props) === null || _item$props9 === void 0 ? void 0 : (_item$props9$mapping$ = _item$props9.mapping._default) === null || _item$props9$mapping$ === void 0 ? void 0 : _item$props9$mapping$.color) ? (_item$props0 = item.props) === null || _item$props0 === void 0 ? void 0 : (_item$props0$mapping$ = _item$props0.mapping._default) === null || _item$props0$mapping$ === void 0 ? void 0 : _item$props0$mapping$.color : "#f5f5f5" : "#121212";
  const chipThemeBackgroundColor = (0, _kwikidToolkit.isNotEmptyValue)(value) ? (0, _kwikidToolkit.checkObjectKeyExists)((_item$props$mapping5 = item === null || item === void 0 ? void 0 : (_item$props1 = item.props) === null || _item$props1 === void 0 ? void 0 : _item$props1.mapping) !== null && _item$props$mapping5 !== void 0 ? _item$props$mapping5 : {}, value) && (0, _kwikidToolkit.isNotEmptyValue)((_item$props10 = item.props) === null || _item$props10 === void 0 ? void 0 : (_item$props10$mapping = _item$props10.mapping[value]) === null || _item$props10$mapping === void 0 ? void 0 : _item$props10$mapping.background) ? (_item$props$mapping$v3 = item.props.mapping[value]) === null || _item$props$mapping$v3 === void 0 ? void 0 : _item$props$mapping$v3.background : (0, _kwikidToolkit.checkObjectKeyExists)((_item$props$mapping6 = item === null || item === void 0 ? void 0 : (_item$props11 = item.props) === null || _item$props11 === void 0 ? void 0 : _item$props11.mapping) !== null && _item$props$mapping6 !== void 0 ? _item$props$mapping6 : {}, "_default") && (0, _kwikidToolkit.isNotEmptyValue)((_item$props12 = item.props) === null || _item$props12 === void 0 ? void 0 : (_item$props12$mapping = _item$props12.mapping._default) === null || _item$props12$mapping === void 0 ? void 0 : _item$props12$mapping.background) ? (_item$props13 = item.props) === null || _item$props13 === void 0 ? void 0 : (_item$props13$mapping = _item$props13.mapping._default) === null || _item$props13$mapping === void 0 ? void 0 : _item$props13$mapping.background : "#121212" : "#fff";
  const chipThemeBorderColor = (0, _kwikidToolkit.isNotEmptyValue)(value) ? (0, _kwikidToolkit.checkObjectKeyExists)((_item$props$mapping7 = item === null || item === void 0 ? void 0 : (_item$props14 = item.props) === null || _item$props14 === void 0 ? void 0 : _item$props14.mapping) !== null && _item$props$mapping7 !== void 0 ? _item$props$mapping7 : {}, value) && (0, _kwikidToolkit.isNotEmptyValue)((_item$props15 = item.props) === null || _item$props15 === void 0 ? void 0 : (_item$props15$mapping = _item$props15.mapping[value]) === null || _item$props15$mapping === void 0 ? void 0 : _item$props15$mapping.borderColor) ? (_item$props$mapping$v4 = item.props.mapping[value]) === null || _item$props$mapping$v4 === void 0 ? void 0 : _item$props$mapping$v4.borderColor : (0, _kwikidToolkit.checkObjectKeyExists)((_item$props$mapping8 = item === null || item === void 0 ? void 0 : (_item$props16 = item.props) === null || _item$props16 === void 0 ? void 0 : _item$props16.mapping) !== null && _item$props$mapping8 !== void 0 ? _item$props$mapping8 : {}, "_default") && (0, _kwikidToolkit.isNotEmptyValue)((_item$props17 = item.props) === null || _item$props17 === void 0 ? void 0 : (_item$props17$mapping = _item$props17.mapping._default) === null || _item$props17$mapping === void 0 ? void 0 : _item$props17$mapping.borderColor) ? (_item$props18 = item.props) === null || _item$props18 === void 0 ? void 0 : (_item$props18$mapping = _item$props18.mapping._default) === null || _item$props18$mapping === void 0 ? void 0 : _item$props18$mapping.borderColor : chipThemeBackgroundColor : chipThemeBackgroundColor;
  const chipHint = (0, _kwikidToolkit.isNotEmptyValue)(chipLabel) && chipLabel !== "-" ? (0, _kwikidToolkit.checkObjectKeyExists)((_item$props$mapping9 = item === null || item === void 0 ? void 0 : (_item$props19 = item.props) === null || _item$props19 === void 0 ? void 0 : _item$props19.mapping) !== null && _item$props$mapping9 !== void 0 ? _item$props$mapping9 : {}, value) && (0, _kwikidToolkit.isNotEmptyValue)((_item$props20 = item.props) === null || _item$props20 === void 0 ? void 0 : (_item$props20$mapping = _item$props20.mapping[value]) === null || _item$props20$mapping === void 0 ? void 0 : _item$props20$mapping.hint) ? (_item$props21 = item.props) === null || _item$props21 === void 0 ? void 0 : (_item$props21$mapping = _item$props21.mapping[value]) === null || _item$props21$mapping === void 0 ? void 0 : _item$props21$mapping.hint : (0, _kwikidToolkit.checkObjectKeyExists)((_item$props$mapping0 = item === null || item === void 0 ? void 0 : (_item$props22 = item.props) === null || _item$props22 === void 0 ? void 0 : _item$props22.mapping) !== null && _item$props$mapping0 !== void 0 ? _item$props$mapping0 : {}, "_default") && (0, _kwikidToolkit.isNotEmptyValue)((_item$props23 = item.props) === null || _item$props23 === void 0 ? void 0 : (_item$props23$mapping = _item$props23.mapping._default) === null || _item$props23$mapping === void 0 ? void 0 : _item$props23$mapping.hint) ? (_item$props24 = item.props) === null || _item$props24 === void 0 ? void 0 : (_item$props24$mapping = _item$props24.mapping._default) === null || _item$props24$mapping === void 0 ? void 0 : _item$props24$mapping.hint : chipLabel : " ";
  return /*#__PURE__*/_react.default.createElement(_Badge.default, {
    id: id,
    shape: "rounded",
    size: "xs",
    customStyles: {
      background: chipThemeBackgroundColor,
      color: chipThemeColor,
      borderColor: chipThemeBorderColor
    }
  }, (0, _kwikidToolkit.isNotEmptyValue)(chipHint) ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
    title: chipHint,
    className: ""
  }, chipLabel) : chipLabel);
};
var _default = exports.default = KwikUITableChip;