@music-loopy/loops
Version:
A React component library for Music Loopy Applications and websites
101 lines (100 loc) • 5.13 kB
JavaScript
"use strict";
exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _apple = _interopRequireDefault(require("./icons/apple"));
var _facebook = _interopRequireDefault(require("./icons/facebook"));
var _google = _interopRequireDefault(require("./icons/google"));
var _instagram = _interopRequireDefault(require("./icons/instagram"));
var _linkedin = _interopRequireDefault(require("./icons/linkedin"));
var _home = _interopRequireDefault(require("./icons/home"));
var _profile = _interopRequireDefault(require("./icons/profile"));
var _musicUser = _interopRequireDefault(require("./icons/music-user"));
var _genderPeople = _interopRequireDefault(require("./icons/gender-people"));
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _hi = require("react-icons/hi2");
var _pi = require("react-icons/pi");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _ci = require("react-icons/ci");
var _fa = require("react-icons/fa6");
var _io = require("react-icons/io5");
var _bi = require("react-icons/bi");
var _tb = require("react-icons/tb");
var _io2 = require("react-icons/io");
var _hi2 = require("react-icons/hi");
var _md = require("react-icons/md");
var _lu = require("react-icons/lu");
var _reactIcons = require("react-icons");
var _fa2 = require("react-icons/fa");
var _gr = require("react-icons/gr");
var _ai = require("react-icons/ai");
var _excluded = ["name", "size", "fill"];
var _templateObject;
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
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; }
function _taggedTemplateLiteralLoose(e, t) { return t || (t = e.slice(0)), e.raw = t, e; }
var StyledSVGContainer = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
var Icon = function Icon(_ref) {
var name = _ref.name,
size = _ref.size,
fill = _ref.fill,
props = _objectWithoutPropertiesLoose(_ref, _excluded);
console.log(name, size);
var icons = {
apple: _fa2.FaApple,
facebook: _fa.FaFacebook,
google: _fa2.FaGoogle,
instagram: _ai.AiFillInstagram,
linkedin: _fa2.FaLinkedin,
musicUser: _musicUser["default"],
genderPeople: _genderPeople["default"],
chat: _pi.PiWechatLogoBold,
collaborate: _hi.HiUserGroup,
home: _gr.GrHomeRounded,
profile: _hi.HiMiniUserCircle,
user: _ci.CiUser,
lock: _ci.CiLock,
check: _ci.CiCircleCheck,
up: _ci.CiCircleChevUp,
down: _ci.CiCircleChevDown,
email: _fa.FaRegEnvelope,
flag: _fa.FaRegFlag,
location: _io.IoLocationOutline,
id: _hi.HiIdentification,
detail: _bi.BiDetail,
musicStar: _tb.TbMusicStar,
language: _io.IoLanguage,
guitar: _pi.PiGuitar,
song: _io2.IoMdMusicalNote,
peopleRoof: _fa.FaPeopleRoof,
upload: _fa.FaUpload,
dots: _hi2.HiDotsVertical,
'star-outline': _fa.FaRegStar,
star: _fa2.FaStar,
back: _fa2.FaChevronLeft,
docSearch: _md.MdOutlineManageSearch
};
var SVGIcon = icons[name];
var theme = (0, _styledComponents.useTheme)();
var color = theme.colors[fill || 'primary'].color;
return /*#__PURE__*/_react["default"].createElement(StyledSVGContainer, _extends({
size: size
}, props), /*#__PURE__*/_react["default"].createElement(_reactIcons.IconContext.Provider, {
value: {
color: color,
className: 'global-class-name'
}
}, /*#__PURE__*/_react["default"].createElement(SVGIcon, {
size: size
})));
};
var _default = exports["default"] = Icon;
Icon.propTypes = process.env.NODE_ENV !== "production" ? {
name: _propTypes["default"].string.isRequired,
size: _propTypes["default"].string,
fill: _propTypes["default"].oneOf(['primary', 'dark', 'light', 'secondary', 'danger', 'success', 'warning'])
} : {};
module.exports = exports.default;