@catho/quantum/Icon/Icon.js

Catho react components

"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.customIcons = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _AccessTime = _interopRequireDefault(require("@mui/icons-material/AccessTime"));
var _Accessible = _interopRequireDefault(require("@mui/icons-material/Accessible"));
var _AccessibleForward = _interopRequireDefault(require("@mui/icons-material/AccessibleForward"));
var _AccountBalanceWallet = _interopRequireDefault(require("@mui/icons-material/AccountBalanceWallet"));
var _AccountCircle = _interopRequireDefault(require("@mui/icons-material/AccountCircle"));
var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
var _AddAlarm = _interopRequireDefault(require("@mui/icons-material/AddAlarm"));
var _AddCircle = _interopRequireDefault(require("@mui/icons-material/AddCircle"));
var _Addchart = _interopRequireDefault(require("@mui/icons-material/Addchart"));
var _Apps = _interopRequireDefault(require("@mui/icons-material/Apps"));
var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
var _ArrowDropUp = _interopRequireDefault(require("@mui/icons-material/ArrowDropUp"));
var _ArrowLeft = _interopRequireDefault(require("@mui/icons-material/ArrowLeft"));
var _ArrowRight = _interopRequireDefault(require("@mui/icons-material/ArrowRight"));
var _ArrowUpward = _interopRequireDefault(require("@mui/icons-material/ArrowUpward"));
var _Assessment = _interopRequireDefault(require("@mui/icons-material/Assessment"));
var _Assignment = _interopRequireDefault(require("@mui/icons-material/Assignment"));
var _AssignmentInd = _interopRequireDefault(require("@mui/icons-material/AssignmentInd"));
var _AssignmentTurnedIn = _interopRequireDefault(require("@mui/icons-material/AssignmentTurnedIn"));
var _AttachMoney = _interopRequireDefault(require("@mui/icons-material/AttachMoney"));
var _AutoGraph = _interopRequireDefault(require("@mui/icons-material/AutoGraph"));
var _Block = _interopRequireDefault(require("@mui/icons-material/Block"));
var _Cached = _interopRequireDefault(require("@mui/icons-material/Cached"));
var _CameraAlt = _interopRequireDefault(require("@mui/icons-material/CameraAlt"));
var _Chat = _interopRequireDefault(require("@mui/icons-material/Chat"));
var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
var _CheckBox = _interopRequireDefault(require("@mui/icons-material/CheckBox"));
var _CheckBoxOutlineBlank = _interopRequireDefault(require("@mui/icons-material/CheckBoxOutlineBlank"));
var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
var _Collections = _interopRequireDefault(require("@mui/icons-material/Collections"));
var _ContactPhone = _interopRequireDefault(require("@mui/icons-material/ContactPhone"));
var _ContactSupport = _interopRequireDefault(require("@mui/icons-material/ContactSupport"));
var _Contacts = _interopRequireDefault(require("@mui/icons-material/Contacts"));
var _Contrast = _interopRequireDefault(require("@mui/icons-material/Contrast"));
var _CreditCard = _interopRequireDefault(require("@mui/icons-material/CreditCard"));
var _DateRange = _interopRequireDefault(require("@mui/icons-material/DateRange"));
var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
var _DescriptionOutlined = _interopRequireDefault(require("@mui/icons-material/DescriptionOutlined"));
var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
var _EmojiPeople = _interopRequireDefault(require("@mui/icons-material/EmojiPeople"));
var _Equalizer = _interopRequireDefault(require("@mui/icons-material/Equalizer"));
var _Error = _interopRequireDefault(require("@mui/icons-material/Error"));
var _EventAvailable = _interopRequireDefault(require("@mui/icons-material/EventAvailable"));
var _ExitToApp = _interopRequireDefault(require("@mui/icons-material/ExitToApp"));
var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
var _Favorite = _interopRequireDefault(require("@mui/icons-material/Favorite"));
var _FavoriteBorder = _interopRequireDefault(require("@mui/icons-material/FavoriteBorder"));
var _FilterList = _interopRequireDefault(require("@mui/icons-material/FilterList"));
var _FlashOn = _interopRequireDefault(require("@mui/icons-material/FlashOn"));
var _Folder = _interopRequireDefault(require("@mui/icons-material/Folder"));
var _Group = _interopRequireDefault(require("@mui/icons-material/Group"));
var _GroupAdd = _interopRequireDefault(require("@mui/icons-material/GroupAdd"));
var _Help = _interopRequireDefault(require("@mui/icons-material/Help"));
var _Home = _interopRequireDefault(require("@mui/icons-material/Home"));
var _HomeWork = _interopRequireDefault(require("@mui/icons-material/HomeWork"));
var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
var _KeyboardArrowLeft = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowLeft"));
var _KeyboardArrowRight = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowRight"));
var _KeyboardArrowUp = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowUp"));
var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
var _LightbulbOutlined = _interopRequireDefault(require("@mui/icons-material/LightbulbOutlined"));
var _LocationCity = _interopRequireDefault(require("@mui/icons-material/LocationCity"));
var _Lock = _interopRequireDefault(require("@mui/icons-material/Lock"));
var _LockOpen = _interopRequireDefault(require("@mui/icons-material/LockOpen"));
var _LockOutlined = _interopRequireDefault(require("@mui/icons-material/LockOutlined"));
var _Markunread = _interopRequireDefault(require("@mui/icons-material/Markunread"));
var _Menu = _interopRequireDefault(require("@mui/icons-material/Menu"));
var _MenuBook = _interopRequireDefault(require("@mui/icons-material/MenuBook"));
var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
var _Notifications = _interopRequireDefault(require("@mui/icons-material/Notifications"));
var _PauseCircleOutline = _interopRequireDefault(require("@mui/icons-material/PauseCircleOutline"));
var _Payment = _interopRequireDefault(require("@mui/icons-material/Payment"));
var _PermDeviceInformation = _interopRequireDefault(require("@mui/icons-material/PermDeviceInformation"));
var _Person = _interopRequireDefault(require("@mui/icons-material/Person"));
var _PersonAdd = _interopRequireDefault(require("@mui/icons-material/PersonAdd"));
var _PhoneAndroid = _interopRequireDefault(require("@mui/icons-material/PhoneAndroid"));
var _Print = _interopRequireDefault(require("@mui/icons-material/Print"));
var _RadioButtonChecked = _interopRequireDefault(require("@mui/icons-material/RadioButtonChecked"));
var _RadioButtonUnchecked = _interopRequireDefault(require("@mui/icons-material/RadioButtonUnchecked"));
var _Receipt = _interopRequireDefault(require("@mui/icons-material/Receipt"));
var _Refresh = _interopRequireDefault(require("@mui/icons-material/Refresh"));
var _Room = _interopRequireDefault(require("@mui/icons-material/Room"));
var _School = _interopRequireDefault(require("@mui/icons-material/School"));
var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
var _Security = _interopRequireDefault(require("@mui/icons-material/Security"));
var _Send = _interopRequireDefault(require("@mui/icons-material/Send"));
var _Share = _interopRequireDefault(require("@mui/icons-material/Share"));
var _Star = _interopRequireDefault(require("@mui/icons-material/Star"));
var _StarBorder = _interopRequireDefault(require("@mui/icons-material/StarBorder"));
var _StarHalf = _interopRequireDefault(require("@mui/icons-material/StarHalf"));
var _StarRounded = _interopRequireDefault(require("@mui/icons-material/StarRounded"));
var _Stars = _interopRequireDefault(require("@mui/icons-material/Stars"));
var _SwapVert = _interopRequireDefault(require("@mui/icons-material/SwapVert"));
var _ThumbDown = _interopRequireDefault(require("@mui/icons-material/ThumbDown"));
var _ThumbDownOutlined = _interopRequireDefault(require("@mui/icons-material/ThumbDownOutlined"));
var _ThumbUp = _interopRequireDefault(require("@mui/icons-material/ThumbUp"));
var _ThumbUpOutlined = _interopRequireDefault(require("@mui/icons-material/ThumbUpOutlined"));
var _TimerOutlined = _interopRequireDefault(require("@mui/icons-material/TimerOutlined"));
var _TrendingUp = _interopRequireDefault(require("@mui/icons-material/TrendingUp"));
var _Tune = _interopRequireDefault(require("@mui/icons-material/Tune"));
var _VerifiedUser = _interopRequireDefault(require("@mui/icons-material/VerifiedUser"));
var _Visibility = _interopRequireDefault(require("@mui/icons-material/Visibility"));
var _VisibilityOff = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
var _Warning = _interopRequireDefault(require("@mui/icons-material/Warning"));
var _WatchLater = _interopRequireDefault(require("@mui/icons-material/WatchLater"));
var _Whatshot = _interopRequireDefault(require("@mui/icons-material/Whatshot"));
var _Work = _interopRequireDefault(require("@mui/icons-material/Work"));
var _BoxSeamFill = _interopRequireDefault(require("./Custom/BoxSeamFill"));
var _Dentistry = _interopRequireDefault(require("./Custom/Dentistry"));
var _EcgHeart = _interopRequireDefault(require("./Custom/EcgHeart"));
var _shared = require("../shared");
var _icons = _interopRequireDefault(require("../shared/icons"));
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["name", "skin", "style", "size"];
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
var baseFontSize = _shared.theme.baseFontSize;
var sizes = {
  xsmall: baseFontSize * 0.5,
  // 8
  small: baseFontSize,
  // 16
  medium: baseFontSize * 1.5,
  // 24
  large: baseFontSize * 2,
  // 32
  xlarge: baseFontSize * 2.5 // 40
};
var customIcons = exports.customIcons = {
  box_seam_fill: _BoxSeamFill["default"],
  dentistry: _Dentistry["default"],
  ecg_heart: _EcgHeart["default"]
};
var Icon = function Icon(_ref) {
  var name = _ref.name,
    _ref$skin = _ref.skin,
    skin = _ref$skin === void 0 ? '' : _ref$skin,
    _ref$style = _ref.style,
    style = _ref$style === void 0 ? {} : _ref$style,
    _ref$size = _ref.size,
    size = _ref$size === void 0 ? 'medium' : _ref$size,
    rest = _objectWithoutProperties(_ref, _excluded);
  var components = _objectSpread({
    access_time: _AccessTime["default"],
    accessible_forward: _AccessibleForward["default"],
    accessible: _Accessible["default"],
    add: _Add["default"],
    wallet: _AccountBalanceWallet["default"],
    add_chart: _Addchart["default"],
    add_circle: _AddCircle["default"],
    add_alarm: _AddAlarm["default"],
    apps: _Apps["default"],
    arrow_drop_down: _ArrowDropDown["default"],
    arrow_drop_up: _ArrowDropUp["default"],
    arrow_left: _ArrowLeft["default"],
    arrow_right: _ArrowRight["default"],
    arrow_upward: _ArrowUpward["default"],
    assessment: _Assessment["default"],
    assignment: _Assignment["default"],
    assignment_ind: _AssignmentInd["default"],
    assignment_turned_in: _AssignmentTurnedIn["default"],
    attach_money: _AttachMoney["default"],
    auto_graph: _AutoGraph["default"],
    block: _Block["default"],
    cached: _Cached["default"],
    camera: _CameraAlt["default"],
    chat: _Chat["default"],
    check_box_outline_blank: _CheckBoxOutlineBlank["default"],
    check_box: _CheckBox["default"],
    check_circle: _CheckCircle["default"],
    check: _Check["default"],
    clear: _Clear["default"],
    close: _Close["default"],
    collections: _Collections["default"],
    contacts: _Contacts["default"],
    contact_phone: _ContactPhone["default"],
    contact_support: _ContactSupport["default"],
    contrast: _Contrast["default"],
    credit_card: _CreditCard["default"],
    date_range: _DateRange["default"],
    "delete": _Delete["default"],
    description_outlined: _DescriptionOutlined["default"],
    done: _Done["default"],
    edit: _Edit["default"],
    emoji_people: _EmojiPeople["default"],
    equalizer: _Equalizer["default"],
    error: _Error["default"],
    event_available: _EventAvailable["default"],
    exit_to_app: _ExitToApp["default"],
    expand_less: _ExpandLess["default"],
    expand_more: _ExpandMore["default"],
    favorite: _Favorite["default"],
    favorite_border: _FavoriteBorder["default"],
    filter_list: _FilterList["default"],
    flash_on: _FlashOn["default"],
    folder: _Folder["default"],
    group: _Group["default"],
    group_add: _GroupAdd["default"],
    home: _Home["default"],
    home_work: _HomeWork["default"],
    help: _Help["default"],
    info: _Info["default"],
    keyboard_arrow_down: _KeyboardArrowDown["default"],
    keyboard_arrow_left: _KeyboardArrowLeft["default"],
    keyboard_arrow_right: _KeyboardArrowRight["default"],
    keyboard_arrow_up: _KeyboardArrowUp["default"],
    launch: _Launch["default"],
    lightbulb_outlined: _LightbulbOutlined["default"],
    location_city: _LocationCity["default"],
    lock: _Lock["default"],
    lock_open: _LockOpen["default"],
    lock_outlined: _LockOutlined["default"],
    markunread: _Markunread["default"],
    menu_book: _MenuBook["default"],
    menu: _Menu["default"],
    more_vert: _MoreVert["default"],
    notification: _Notifications["default"],
    payment: _Payment["default"],
    pause_circle_outline: _PauseCircleOutline["default"],
    perm_device_information: _PermDeviceInformation["default"],
    person: _Person["default"],
    person_add: _PersonAdd["default"],
    person_circle: _AccountCircle["default"],
    phone_android: _PhoneAndroid["default"],
    print: _Print["default"],
    radio_button_checked: _RadioButtonChecked["default"],
    radio_button_unchecked: _RadioButtonUnchecked["default"],
    refresh: _Refresh["default"],
    receipt: _Receipt["default"],
    room: _Room["default"],
    search: _Search["default"],
    security: _Security["default"],
    send: _Send["default"],
    school: _School["default"],
    share: _Share["default"],
    star_border: _StarBorder["default"],
    star_half: _StarHalf["default"],
    star: _Star["default"],
    stars: _Stars["default"],
    star_rounded: _StarRounded["default"],
    swap_vert: _SwapVert["default"],
    thumb_down_outlined: _ThumbDownOutlined["default"],
    thumb_down: _ThumbDown["default"],
    thumb_up_outlined: _ThumbUpOutlined["default"],
    thumb_up: _ThumbUp["default"],
    timer_outlined: _TimerOutlined["default"],
    trending_up: _TrendingUp["default"],
    tune: _Tune["default"],
    verified_user: _VerifiedUser["default"],
    visibility_off: _VisibilityOff["default"],
    visibility: _Visibility["default"],
    warning: _Warning["default"],
    watch_later: _WatchLater["default"],
    whatshot: _Whatshot["default"],
    work: _Work["default"]
  }, customIcons);
  if (!components[name]) return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
    children: name
  });
  var SelectedIcon = components[name];
  var sizeInPx = sizes[size];
  var isCustomIcon = Object.values(customIcons).includes(SelectedIcon);
  var customIconProps = {
    size: sizeInPx,
    color: skin
  };
  var muiIconProps = {
    style: _objectSpread({
      color: skin,
      fontSize: sizeInPx,
      maxWidth: sizeInPx
    }, style)
  };
  var iconProps = _objectSpread(_objectSpread({}, isCustomIcon ? customIconProps : muiIconProps), rest);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectedIcon, _objectSpread(_objectSpread({}, iconProps), {}, {
    "data-qtm-preloader": "icon",
    children: name
  }));
};
Icon.propTypes = {
  name: _propTypes["default"].oneOf(_icons["default"]).isRequired,
  style: _propTypes["default"].instanceOf(Object),
  skin: _propTypes["default"].string,
  size: _propTypes["default"].oneOf(['xsmall', 'small', 'medium', 'large', 'xlarge'])
};
var _default = exports["default"] = Icon;