@twreporter/react-components 9.0.2 → 9.1.0-rc.0

package/lib/button/components/link.js

@@ -4,36 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.InheritLinkButton = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _customizedLink = _interopRequireDefault(require("../../customized-link"));
-
 var _paragraph = require("../../text/paragraph");
-
 var _enums = require("../enums");
-
 var _color2 = require("@twreporter/core/lib/constants/color");
-
 var _excluded = ["type", "link", "text", "weight", "TextComponent", "disabled"],
-    _excluded2 = ["type", "link", "text"];
-
+  _excluded2 = ["type", "link", "text"];
 var _decoration, _color;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+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); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // component
+// constant
+// @twreporter
 var style = {
   decoration: (_decoration = {}, _defineProperty(_decoration, _enums.LinkType.DEFAULT, 'none'), _defineProperty(_decoration, _enums.LinkType.UNDERLINE, 'underline'), _decoration),
   color: (_color = {}, _defineProperty(_color, _enums.LinkType.DEFAULT, _color2.COLOR_SEMANTIC.info), _defineProperty(_color, _enums.LinkType.UNDERLINE, _color2.colorGrayscale.gray600), _color)
@@ -56,22 +46,20 @@ var InheritLinkContainer = /*#__PURE__*/(0, _styledComponents["default"])(BaseCo
   displayName: "link__InheritLinkContainer",
   componentId: "g5z7t5-2"
 })([""]);
-
 var LinkButton = function LinkButton(_ref) {
   var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? _enums.LinkType.DEFAULT : _ref$type,
-      _ref$link = _ref.link,
-      link = _ref$link === void 0 ? {} : _ref$link,
-      _ref$text = _ref.text,
-      text = _ref$text === void 0 ? '' : _ref$text,
-      _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? _paragraph.P1.Weight.NORMAL : _ref$weight,
-      _ref$TextComponent = _ref.TextComponent,
-      TextComponent = _ref$TextComponent === void 0 ? null : _ref$TextComponent,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    type = _ref$type === void 0 ? _enums.LinkType.DEFAULT : _ref$type,
+    _ref$link = _ref.link,
+    link = _ref$link === void 0 ? {} : _ref$link,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? '' : _ref$text,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? _paragraph.P1.Weight.NORMAL : _ref$weight,
+    _ref$TextComponent = _ref.TextComponent,
+    TextComponent = _ref$TextComponent === void 0 ? null : _ref$TextComponent,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    props = _objectWithoutProperties(_ref, _excluded);
   var textJSX = TextComponent ? /*#__PURE__*/_react["default"].createElement(TextComponent, {
     text: text,
     weight: weight
@@ -84,7 +72,6 @@ var LinkButton = function LinkButton(_ref) {
     $disabled: disabled
   }, link, props), textJSX);
 };
-
 LinkButton.propTypes = {
   type: _propTypes["default"].oneOf(Object.values(_enums.LinkType)),
   link: _propTypes["default"].object,
@@ -95,27 +82,22 @@ LinkButton.propTypes = {
 };
 LinkButton.Type = _enums.LinkType;
 LinkButton.Weight = _paragraph.P1.Weight;
-
-var InheritLinkButton = function InheritLinkButton(_ref2) {
+var InheritLinkButton = exports.InheritLinkButton = function InheritLinkButton(_ref2) {
   var _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? _enums.LinkType.DEFAULT : _ref2$type,
-      _ref2$link = _ref2.link,
-      link = _ref2$link === void 0 ? {} : _ref2$link,
-      _ref2$text = _ref2.text,
-      text = _ref2$text === void 0 ? '' : _ref2$text,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
+    type = _ref2$type === void 0 ? _enums.LinkType.DEFAULT : _ref2$type,
+    _ref2$link = _ref2.link,
+    link = _ref2$link === void 0 ? {} : _ref2$link,
+    _ref2$text = _ref2.text,
+    text = _ref2$text === void 0 ? '' : _ref2$text,
+    props = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/_react["default"].createElement(InheritLinkContainer, _extends({
     $type: type
   }, link, props), text);
 };
-
-exports.InheritLinkButton = InheritLinkButton;
 InheritLinkButton.propTypes = {
   type: _propTypes["default"].oneOf(Object.values(_enums.LinkType)),
   link: _propTypes["default"].object,
   text: _propTypes["default"].string.isRequired
 };
 InheritLinkButton.Type = _enums.LinkType;
-var _default = LinkButton;
-exports["default"] = _default;
+var _default = exports["default"] = LinkButton;

package/lib/button/components/menuButton.js

@@ -4,40 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _customizedLink = _interopRequireDefault(require("../../customized-link"));
-
 var _paragraph = require("../../text/paragraph");
-
 var _excluded = ["text", "link", "color", "fontWeight", "hoverBgColor", "activeBgColor", "paddingLeft", "paddingRight"];
-
-var _templateObject;
-
+var _templateObject; // @twreporter
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var StyledP1 = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P1).withConfig({
   displayName: "menuButton__StyledP1",
   componentId: "sc-1g6dn3b-0"
 })([""]);
-
 var ItemContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "menuButton__ItemContainer",
   componentId: "sc-1g6dn3b-1"
@@ -54,26 +38,24 @@ var ItemContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }), function (props) {
   return props.$activeBgColor;
 });
-
 var MenuButton = function MenuButton(_ref) {
   var _ref$text = _ref.text,
-      text = _ref$text === void 0 ? '' : _ref$text,
-      _ref$link = _ref.link,
-      link = _ref$link === void 0 ? {} : _ref$link,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? _color.colorGrayscale.gray800 : _ref$color,
-      _ref$fontWeight = _ref.fontWeight,
-      fontWeight = _ref$fontWeight === void 0 ? _paragraph.P1.Weight.NORMAL : _ref$fontWeight,
-      _ref$hoverBgColor = _ref.hoverBgColor,
-      hoverBgColor = _ref$hoverBgColor === void 0 ? _color.colorGrayscale.gray100 : _ref$hoverBgColor,
-      _ref$activeBgColor = _ref.activeBgColor,
-      activeBgColor = _ref$activeBgColor === void 0 ? _color.colorGrayscale.gray200 : _ref$activeBgColor,
-      _ref$paddingLeft = _ref.paddingLeft,
-      paddingLeft = _ref$paddingLeft === void 0 ? 32 : _ref$paddingLeft,
-      _ref$paddingRight = _ref.paddingRight,
-      paddingRight = _ref$paddingRight === void 0 ? 32 : _ref$paddingRight,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    text = _ref$text === void 0 ? '' : _ref$text,
+    _ref$link = _ref.link,
+    link = _ref$link === void 0 ? {} : _ref$link,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? _color.colorGrayscale.gray800 : _ref$color,
+    _ref$fontWeight = _ref.fontWeight,
+    fontWeight = _ref$fontWeight === void 0 ? _paragraph.P1.Weight.NORMAL : _ref$fontWeight,
+    _ref$hoverBgColor = _ref.hoverBgColor,
+    hoverBgColor = _ref$hoverBgColor === void 0 ? _color.colorGrayscale.gray100 : _ref$hoverBgColor,
+    _ref$activeBgColor = _ref.activeBgColor,
+    activeBgColor = _ref$activeBgColor === void 0 ? _color.colorGrayscale.gray200 : _ref$activeBgColor,
+    _ref$paddingLeft = _ref.paddingLeft,
+    paddingLeft = _ref$paddingLeft === void 0 ? 32 : _ref$paddingLeft,
+    _ref$paddingRight = _ref.paddingRight,
+    paddingRight = _ref$paddingRight === void 0 ? 32 : _ref$paddingRight,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(ItemContainer, _extends({
     $color: color,
     $hoverBgColor: hoverBgColor,
@@ -85,7 +67,6 @@ var MenuButton = function MenuButton(_ref) {
     weight: fontWeight
   })));
 };
-
 MenuButton.propTypes = {
   text: _propTypes["default"].string,
   link: _propTypes["default"].object,
@@ -97,5 +78,4 @@ MenuButton.propTypes = {
   paddingRight: _propTypes["default"].number
 };
 MenuButton.FontWeight = _paragraph.P1.Weight;
-var _default = MenuButton;
-exports["default"] = _default;
+var _default = exports["default"] = MenuButton;

package/lib/button/components/pillButton.js

@@ -1,46 +1,29 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
+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"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _paragraph = require("../../text/paragraph");
-
 var _theme = require("../utils/theme");
-
 var _size = require("../utils/size");
-
 var _enums = require("../enums");
-
 var _sharedEnum = require("../../shared-enum");
-
 var _theme2 = require("@twreporter/core/lib/constants/theme");
-
 var _color = require("@twreporter/core/lib/constants/color");
-
-var _excluded = ["text", "leftIconComponent", "rightIconComponent", "size", "theme", "type", "style", "disabled", "loading"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+var _excluded = ["text", "leftIconComponent", "rightIconComponent", "size", "theme", "type", "style", "disabled", "loading"]; // utils
+// enums
+// @twreporter
+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 && Object.prototype.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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ButtonContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pillButton__ButtonContainer",
   componentId: "xa7tsy-0"
@@ -69,26 +52,21 @@ var ButtonContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, function (props) {
   return props.$hoverColor;
 });
-
 var IconContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pillButton__IconContainer",
   componentId: "xa7tsy-1"
 })(["display:flex;align-items:center;&:first-child{margin-right:4px;}&:last-child{margin-left:4px;}"]);
-
 var HideOnLoading = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pillButton__HideOnLoading",
   componentId: "xa7tsy-2"
 })(["opacity:", ";display:flex;align-items:center;justify-content:center;"], function (props) {
   return props.$show ? 1 : 0;
 });
-
 var RelativeParent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pillButton__RelativeParent",
   componentId: "xa7tsy-3"
 })(["position:relative;display:flex;align-items:center;justify-content:center;"]);
-
 var spin = /*#__PURE__*/(0, _styledComponents.keyframes)(["0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}"]);
-
 var Loader = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "pillButton__Loader",
   componentId: "xa7tsy-4"
@@ -99,40 +77,35 @@ var Loader = /*#__PURE__*/_styledComponents["default"].span.withConfig({
 }, function (props) {
   return props.$size;
 }, _color.colorGrayscale.gray400, _color.colorGrayscale.gray600, spin);
-
 var PillButton = function PillButton(_ref) {
   var _ref$text = _ref.text,
-      text = _ref$text === void 0 ? '' : _ref$text,
-      _ref$leftIconComponen = _ref.leftIconComponent,
-      leftIconComponent = _ref$leftIconComponen === void 0 ? null : _ref$leftIconComponen,
-      _ref$rightIconCompone = _ref.rightIconComponent,
-      rightIconComponent = _ref$rightIconCompone === void 0 ? null : _ref$rightIconCompone,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? _theme2.THEME.normal : _ref$theme,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? _enums.Type.PRIMARY : _ref$type,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? _enums.Style.BRAND : _ref$style,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    text = _ref$text === void 0 ? '' : _ref$text,
+    _ref$leftIconComponen = _ref.leftIconComponent,
+    leftIconComponent = _ref$leftIconComponen === void 0 ? null : _ref$leftIconComponen,
+    _ref$rightIconCompone = _ref.rightIconComponent,
+    rightIconComponent = _ref$rightIconCompone === void 0 ? null : _ref$rightIconCompone,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? _theme2.THEME.normal : _ref$theme,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? _enums.Type.PRIMARY : _ref$type,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? _enums.Style.BRAND : _ref$style,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    props = _objectWithoutProperties(_ref, _excluded);
   var themeFunc = type === _enums.Type.PRIMARY ? _theme.getFilledPillButtonTheme : _theme.getOutlinePillButtonTheme;
-
   var _themeFunc = themeFunc(theme, disabled, style),
-      color = _themeFunc.color,
-      bgColor = _themeFunc.bgColor,
-      hoverColor = _themeFunc.hoverColor,
-      hoverBgColor = _themeFunc.hoverBgColor;
-
+    color = _themeFunc.color,
+    bgColor = _themeFunc.bgColor,
+    hoverColor = _themeFunc.hoverColor,
+    hoverBgColor = _themeFunc.hoverBgColor;
   var _getSizeStyle = (0, _size.getSizeStyle)(size),
-      padding = _getSizeStyle.padding,
-      iconSize = _getSizeStyle.iconSize;
-
+    padding = _getSizeStyle.padding,
+    iconSize = _getSizeStyle.iconSize;
   var textJSX = size === _sharedEnum.Size.S ? /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
     text: text,
     weight: "bold"
@@ -158,7 +131,6 @@ var PillButton = function PillButton(_ref) {
     $size: size === _sharedEnum.Size.S ? 18 : 24
   })));
 };
-
 PillButton.propTypes = {
   leftIconComponent: _propTypes["default"].element,
   rightIconComponent: _propTypes["default"].element,
@@ -174,5 +146,4 @@ PillButton.THEME = _theme2.THEME;
 PillButton.Type = _enums.Type;
 PillButton.Size = _sharedEnum.Size;
 PillButton.Style = _enums.Style;
-var _default = PillButton;
-exports["default"] = _default;
+var _default = exports["default"] = PillButton;

package/lib/button/components/textButton.js

@@ -1,52 +1,33 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
+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"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _theme = require("../utils/theme");
-
 var _size = require("../utils/size");
-
 var _paragraph = require("../../text/paragraph");
-
 var _enums = require("../enums");
-
 var _sharedEnum = require("../../shared-enum");
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _theme2 = require("@twreporter/core/lib/constants/theme");
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _excluded = ["text", "leftIconComponent", "rightIconComponent", "size", "theme", "style", "active", "disabled", "loading"];
-
-var _templateObject;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+var _templateObject; // util
+// component
+// enums
+// @twreporter
+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 && Object.prototype.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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var ButtonContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "textButton__ButtonContainer",
   componentId: "sc-1lwyrq5-0"
@@ -65,28 +46,23 @@ var ButtonContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, function (props) {
   return props.$hoverColor;
 }));
-
 var IconContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "textButton__IconContainer",
   componentId: "sc-1lwyrq5-1"
 })(["display:flex;align-items:center;margin:", ";"], function (props) {
   return props.$isLeft ? '0 4px 0 0' : '0 0 0 4px';
 });
-
 var HideOnLoading = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "textButton__HideOnLoading",
   componentId: "sc-1lwyrq5-2"
 })(["opacity:", ";display:flex;align-items:center;justify-content:center;"], function (props) {
   return props.$show ? 1 : 0;
 });
-
 var RelativeParent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "textButton__RelativeParent",
   componentId: "sc-1lwyrq5-3"
 })(["position:relative;display:flex;align-items:center;justify-content:center;"]);
-
 var spin = /*#__PURE__*/(0, _styledComponents.keyframes)(["0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}"]);
-
 var Loader = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "textButton__Loader",
   componentId: "sc-1lwyrq5-4"
@@ -97,30 +73,27 @@ var Loader = /*#__PURE__*/_styledComponents["default"].span.withConfig({
 }, function (props) {
   return props.$size;
 }, _color.colorGrayscale.gray400, _color.colorGrayscale.gray600, spin);
-
 var TextButton = function TextButton(_ref) {
   var _ref$text = _ref.text,
-      text = _ref$text === void 0 ? '' : _ref$text,
-      _ref$leftIconComponen = _ref.leftIconComponent,
-      leftIconComponent = _ref$leftIconComponen === void 0 ? null : _ref$leftIconComponen,
-      _ref$rightIconCompone = _ref.rightIconComponent,
-      rightIconComponent = _ref$rightIconCompone === void 0 ? null : _ref$rightIconCompone,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? _theme2.THEME.normal : _ref$theme,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? _enums.Style.DARK : _ref$style,
-      _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    text = _ref$text === void 0 ? '' : _ref$text,
+    _ref$leftIconComponen = _ref.leftIconComponent,
+    leftIconComponent = _ref$leftIconComponen === void 0 ? null : _ref$leftIconComponen,
+    _ref$rightIconCompone = _ref.rightIconComponent,
+    rightIconComponent = _ref$rightIconCompone === void 0 ? null : _ref$rightIconCompone,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _sharedEnum.Size.S : _ref$size,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? _theme2.THEME.normal : _ref$theme,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? _enums.Style.DARK : _ref$style,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    props = _objectWithoutProperties(_ref, _excluded);
   var themeFunc;
-
   if (disabled) {
     themeFunc = _theme.getDisabledTextButtonTheme;
   } else if (active) {
@@ -128,14 +101,11 @@ var TextButton = function TextButton(_ref) {
   } else {
     themeFunc = _theme.getTextButtonTheme;
   }
-
   var _themeFunc = themeFunc(theme, style),
-      color = _themeFunc.color,
-      hoverColor = _themeFunc.hoverColor;
-
+    color = _themeFunc.color,
+    hoverColor = _themeFunc.hoverColor;
   var _getSizeStyle = (0, _size.getSizeStyle)(size),
-      iconSize = _getSizeStyle.iconSize;
-
+    iconSize = _getSizeStyle.iconSize;
   var textJSX = size === _sharedEnum.Size.S ? /*#__PURE__*/_react["default"].createElement(_paragraph.P2, {
     text: text,
     weight: "bold"
@@ -157,7 +127,6 @@ var TextButton = function TextButton(_ref) {
     $size: size === _sharedEnum.Size.S ? 18 : 24
   })));
 };
-
 TextButton.propTypes = {
   leftIconComponent: _propTypes["default"].element,
   rightIconComponent: _propTypes["default"].element,
@@ -172,5 +141,4 @@ TextButton.propTypes = {
 TextButton.THEME = _theme2.THEME;
 TextButton.Size = _sharedEnum.Size;
 TextButton.Style = _enums.Style;
-var _default = TextButton;
-exports["default"] = _default;
+var _default = exports["default"] = TextButton;