@megafon/ui-shared 2.0.0-beta.24 → 2.0.0-beta.240

package/dist/lib/components/ProductCard/ProductCardTotal.d.ts

@@ -1,86 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import './ProductCardTotal.less';
-export declare type TLinkTargetType = '_self' | '_blank' | '_parent' | '_top';
-export interface IProductCardTotalProps {
-    /** Payment
-     * Object with args: value: string(required), unit: string(required), oldValue: string
-     */
-    payment?: {
-        value: string | number;
-        unit: string;
-        oldValue?: string;
-    };
-    /** Info - any type - return with onSubmit, onClickConnect, onClickMore */
-    info?: {};
-    /** Submit text */
-    submitText?: string;
-    /** Submit link,
-     * show button if included
-     */
-    submitLink?: string;
-    /** Submit link target */
-    submitLinkTarget?: TLinkTargetType;
-    /** More text */
-    moreText?: string;
-    /** More link,
-     *  show button if included
-     */
-    moreLink?: string;
-    /** More link target */
-    moreLinkTarget?: TLinkTargetType;
-    /** Connect text */
-    connectText?: string;
-    className?: string;
-    classNameWrap?: string;
-    classNameCost?: string;
-    classNameButtons?: string;
-    classNameSubmit?: string;
-    classNameMore?: string;
-    classNameConnect?: string;
-    /** Submit hander,
-     * show button if included
-     */
-    onSubmit?: (e: React.SyntheticEvent<EventTarget>, info: {}) => void;
-    /** Connect hander,
-     * show button if included
-     */
-    onClickConnect?: (e: React.SyntheticEvent<EventTarget>, info: {}) => void;
-    /** More hander,
-     * show button if included
-     */
-    onClickMore?: (e: React.SyntheticEvent<EventTarget>, info: {}) => void;
-}
-declare class ProductCardTotal extends React.Component<IProductCardTotalProps, {}> {
-    static propTypes: {
-        payment: PropTypes.Requireable<PropTypes.InferProps<{
-            value: PropTypes.Validator<string | number>;
-            unit: PropTypes.Validator<string>;
-            oldValue: PropTypes.Requireable<string>;
-        }>>;
-        info: PropTypes.Requireable<object>;
-        submitText: PropTypes.Requireable<string>;
-        submitLink: PropTypes.Requireable<string>;
-        submitLinkTarget: PropTypes.Requireable<string>;
-        moreText: PropTypes.Requireable<string>;
-        moreLink: PropTypes.Requireable<string>;
-        moreLinkTarget: PropTypes.Requireable<string>;
-        connectText: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        classNameWrap: PropTypes.Requireable<string>;
-        classNameCost: PropTypes.Requireable<string>;
-        classNameButtons: PropTypes.Requireable<string>;
-        classNameSubmit: PropTypes.Requireable<string>;
-        classNameMore: PropTypes.Requireable<string>;
-        classNameConnect: PropTypes.Requireable<string>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-        onClickConnect: PropTypes.Requireable<(...args: any[]) => any>;
-        onClickMore: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: Partial<IProductCardTotalProps>;
-    handleSubmit: (e: React.SyntheticEvent<EventTarget, Event>) => void;
-    handleClickConnect: (e: React.SyntheticEvent<EventTarget, Event>) => void;
-    handleClickMore: (e: React.SyntheticEvent<EventTarget, Event>) => void;
-    render(): JSX.Element;
-}
-export default ProductCardTotal;

package/dist/lib/components/ProductCard/ProductCardTotal.js

@@ -1,218 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-require("core-js/modules/es.date.to-string");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.reflect.construct");
-
-require("core-js/modules/es.regexp.to-string");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("core-js/modules/es.date.to-string");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.reflect.construct");
-
-require("core-js/modules/es.regexp.to-string");
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-var _uiCore = require("@megafon/ui-core");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _createSuper(Derived) {
-  return function () {
-    var Super = (0, _getPrototypeOf2["default"])(Derived),
-        result;
-
-    if (_isNativeReflectConstruct()) {
-      var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-
-    return (0, _possibleConstructorReturn2["default"])(this, result);
-  };
-}
-
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-
-  try {
-    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-var LinkTargetType = PropTypes.oneOf(['_self', '_blank', '_parent', '_top']);
-var cn = (0, _uiCore.cnCreate)('mfui-beta-product-card-total');
-
-var ProductCardTotal = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ProductCardTotal, _React$Component);
-
-  var _super = _createSuper(ProductCardTotal);
-
-  function ProductCardTotal() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ProductCardTotal);
-    _this = _super.apply(this, arguments);
-
-    _this.handleSubmit = function (e) {
-      var _this$props = _this.props,
-          onSubmit = _this$props.onSubmit,
-          info = _this$props.info;
-      onSubmit && onSubmit(e, info || {});
-    };
-
-    _this.handleClickConnect = function (e) {
-      var _this$props2 = _this.props,
-          onClickConnect = _this$props2.onClickConnect,
-          info = _this$props2.info;
-      onClickConnect && onClickConnect(e, info || {});
-    };
-
-    _this.handleClickMore = function (e) {
-      var _this$props3 = _this.props,
-          onClickMore = _this$props3.onClickMore,
-          info = _this$props3.info;
-      onClickMore && onClickMore(e, info || {});
-    };
-
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ProductCardTotal, [{
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-          payment = _this$props4.payment,
-          onSubmit = _this$props4.onSubmit,
-          submitLink = _this$props4.submitLink,
-          submitText = _this$props4.submitText,
-          onClickMore = _this$props4.onClickMore,
-          moreLink = _this$props4.moreLink,
-          onClickConnect = _this$props4.onClickConnect,
-          moreText = _this$props4.moreText,
-          connectText = _this$props4.connectText,
-          className = _this$props4.className,
-          classNameCost = _this$props4.classNameCost,
-          classNameButtons = _this$props4.classNameButtons,
-          classNameSubmit = _this$props4.classNameSubmit,
-          classNameMore = _this$props4.classNameMore,
-          classNameConnect = _this$props4.classNameConnect,
-          classNameWrap = _this$props4.classNameWrap,
-          moreLinkTarget = _this$props4.moreLinkTarget,
-          submitLinkTarget = _this$props4.submitLinkTarget;
-      var isSubmit = onSubmit || submitLink;
-      var isMore = onClickMore || moreLink;
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('', {}, className)
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cn('wrap', {}, classNameWrap)
-      }, payment && /*#__PURE__*/React.createElement("div", {
-        className: cn('cost', {
-          'old-value': !!payment.oldValue
-        }, classNameCost)
-      }, /*#__PURE__*/React.createElement("span", {
-        className: cn('price')
-      }, payment.value), "\xA0", payment.oldValue && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: cn('old-price')
-      }, payment.oldValue), /*#__PURE__*/React.createElement("br", null)), /*#__PURE__*/React.createElement("span", {
-        className: cn('unit')
-      }, payment.unit)), /*#__PURE__*/React.createElement("div", {
-        className: cn('buttons', classNameButtons)
-      }, isSubmit && /*#__PURE__*/React.createElement(_uiCore.Button, {
-        classes: {
-          root: cn('button', classNameSubmit)
-        },
-        fullWidth: true,
-        href: submitLink,
-        onClick: this.handleSubmit,
-        target: submitLinkTarget
-      }, submitText), !isSubmit && isMore && /*#__PURE__*/React.createElement(_uiCore.Button, {
-        classes: {
-          root: cn('description-more', classNameMore)
-        },
-        type: "outline",
-        fullWidth: true,
-        href: moreLink,
-        target: moreLinkTarget,
-        onClick: this.handleClickMore
-      }, moreText), onClickConnect && /*#__PURE__*/React.createElement("div", {
-        className: cn('connect-button', classNameConnect),
-        onClick: this.handleClickConnect
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cn('connect-text-block')
-      }, /*#__PURE__*/React.createElement("span", {
-        className: cn('connect-text-words')
-      }, connectText), "\u0430\u0431\u043E\u043D\u0435\u043D\u0442\u0430\u043C \u041C\u0435\u0433\u0430\u0424\u043E\u043D\u0430")))));
-    }
-  }]);
-  return ProductCardTotal;
-}(React.Component);
-
-ProductCardTotal.propTypes = {
-  payment: PropTypes.shape({
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-    unit: PropTypes.string.isRequired,
-    oldValue: PropTypes.string
-  }),
-  info: PropTypes.object,
-  submitText: PropTypes.string,
-  submitLink: PropTypes.string,
-  submitLinkTarget: LinkTargetType,
-  moreText: PropTypes.string,
-  moreLink: PropTypes.string,
-  moreLinkTarget: LinkTargetType,
-  connectText: PropTypes.string,
-  className: PropTypes.string,
-  classNameWrap: PropTypes.string,
-  classNameCost: PropTypes.string,
-  classNameButtons: PropTypes.string,
-  classNameSubmit: PropTypes.string,
-  classNameMore: PropTypes.string,
-  classNameConnect: PropTypes.string,
-  onSubmit: PropTypes.func,
-  onClickConnect: PropTypes.func,
-  onClickMore: PropTypes.func
-};
-ProductCardTotal.defaultProps = {
-  submitText: 'Выбрать',
-  moreText: 'Подробнее',
-  connectText: 'Подключить',
-  moreLinkTarget: '_self',
-  submitLinkTarget: '_self'
-};
-var _default = ProductCardTotal;
-exports["default"] = _default;

package/dist/lib/components/ProductCard/ProductCardWrapper.css

@@ -1,162 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-beta-product-card-wrapper {
-  font-family: inherit;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  position: relative;
-}
-.mfui-beta-product-card-wrapper_bt {
-  border-top: 1px solid #D8D8D8;
-}
-.mfui-beta-product-card-wrapper_bt_sky {
-  border-top: 1px solid #EDEDED;
-}
-.mfui-beta-product-card-wrapper_bb {
-  border-bottom: 1px solid #D8D8D8;
-}
-.mfui-beta-product-card-wrapper_bb_sky {
-  border-bottom: 1px solid #EDEDED;
-}
-@media screen and (max-width: 767px) {
-  .mfui-beta-product-card-wrapper_bl {
-    border-left: 1px solid #D8D8D8;
-  }
-  .mfui-beta-product-card-wrapper_bl_sky {
-    border-left: 1px solid #EDEDED;
-  }
-  .mfui-beta-product-card-wrapper_br {
-    border-right: 1px solid #D8D8D8;
-  }
-  .mfui-beta-product-card-wrapper_br_sky {
-    border-right: 1px solid #EDEDED;
-  }
-}
-.no-touchevents .mfui-beta-product-card-wrapper:hover {
-  z-index: 3;
-  -webkit-box-shadow: 0 1px 5px 2px #D8D8D8;
-          box-shadow: 0 1px 5px 2px #D8D8D8;
-}
-.mfui-beta-product-card-wrapper_hint_green {
-  border-color: #00B956 !important;
-}
-.mfui-beta-product-card-wrapper_hint_green .mfui-beta-product-card-wrapper__hint-box {
-  background: #00B956 !important;
-}
-.mfui-beta-product-card-wrapper_hint_orange .mfui-beta-product-card-wrapper__hint-box {
-  background: #FFA717 !important;
-}
-.mfui-beta-product-card-wrapper_hint_black .mfui-beta-product-card-wrapper__hint-box {
-  background: #333333 !important;
-}
-@media screen and (max-width: 767px) {
-  .mfui-beta-product-card-wrapper_theme_default {
-    border-left: 1px solid #D8D8D8;
-    border-right: 1px solid #D8D8D8;
-  }
-}
-.mfui-beta-product-card-wrapper_theme_default .mfui-beta-product-card-wrapper__inner {
-  padding: 40px 20px 40px 20px;
-}
-@media screen and (min-width: 768px) {
-  .mfui-beta-product-card-wrapper_theme_default .mfui-beta-product-card-wrapper__inner {
-    padding: 36px 24px 36px 24px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-beta-product-card-wrapper_theme_default .mfui-beta-product-card-wrapper__inner {
-    padding-left: 32px;
-    padding-right: 32px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-beta-product-card-wrapper_theme_default .mfui-beta-product-card-wrapper__inner {
-    padding-left: 40px;
-  }
-}
-.mfui-beta-product-card-wrapper__hint-box {
-  display: block;
-  position: absolute;
-  color: #FFFFFF;
-}
-@media screen and (max-width: 767px) {
-  .mfui-beta-product-card-wrapper__hint-box {
-    top: 0;
-    right: 0;
-    left: 0;
-    padding: 6px 0;
-    text-align: center;
-  }
-}
-@media screen and (min-width: 768px) {
-  .mfui-beta-product-card-wrapper__hint-box {
-    top: -1px;
-    right: 100%;
-    bottom: -1px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-product-card-wrapper__hint-box {
-    width: 24px;
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-beta-product-card-wrapper__hint-box {
-    width: 32px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-beta-product-card-wrapper__hint-box {
-    width: 40px;
-  }
-}
-@media screen and (min-width: 768px) {
-  .mfui-beta-product-card-wrapper__hint-text {
-    -webkit-transform-origin: 0 0;
-            transform-origin: 0 0;
-    -webkit-transform: translateY(-50%) rotate(-90deg);
-            transform: translateY(-50%) rotate(-90deg);
-    position: absolute;
-    top: 50%;
-    width: 100px;
-    margin-top: 60px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-product-card-wrapper__hint-text {
-    margin-left: -2px;
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-beta-product-card-wrapper__hint-text {
-    margin-left: 2px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-beta-product-card-wrapper__hint-text {
-    margin-left: 6px;
-  }
-}
-@media screen and (min-width: 768px) {
-  .mfui-beta-product-card-wrapper__container {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: baseline;
-        -ms-flex-align: baseline;
-            align-items: baseline;
-    -webkit-box-pack: justify;
-        -ms-flex-pack: justify;
-            justify-content: space-between;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-beta-product-card-wrapper_hint .mfui-beta-product-card-wrapper__container {
-    margin-top: 40px;
-  }
-}

package/dist/lib/components/ProductCard/ProductCardWrapper.d.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import './ProductCardWrapper.less';
-export interface IProductCardWrapperProps {
-    /** This option add specific className on container
-     * and child components change styles: background, paddings, font-size...
-     */
-    theme?: 'default';
-    /** Hint from left */
-    hint?: {
-        title: string;
-        color: 'green' | 'orange' | 'black';
-    };
-    /** Show border
-     * each property:'sky' or true(bool)
-     * true - get default color #D8D8D8
-     * sky - #EDEDED
-     */
-    border?: Partial<{
-        top: boolean | 'sky';
-        right: boolean | 'sky';
-        bottom: boolean | 'sky';
-        left: boolean | 'sky';
-    }>;
-    children: JSX.Element[] | Element[] | JSX.Element | Element;
-    className?: string;
-    classNameInner?: string;
-    classNameContainer?: string;
-}
-declare class ProductCardWrapper extends React.Component<IProductCardWrapperProps, {}> {
-    static propTypes: {
-        theme: PropTypes.Requireable<string>;
-        hint: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Validator<string>;
-            color: PropTypes.Validator<string>;
-        }>>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        border: PropTypes.Requireable<PropTypes.InferProps<{
-            top: PropTypes.Requireable<string | boolean>;
-            right: PropTypes.Requireable<string | boolean>;
-            bottom: PropTypes.Requireable<string | boolean>;
-            left: PropTypes.Requireable<string | boolean>;
-        }>>;
-        className: PropTypes.Requireable<string>;
-        classNameInner: PropTypes.Requireable<string>;
-        classNameContainer: PropTypes.Requireable<string>;
-    };
-    static defaultProps: Partial<IProductCardWrapperProps>;
-    handleClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => boolean;
-    renderHintLabel(): JSX.Element;
-    render(): JSX.Element;
-}
-export default ProductCardWrapper;

package/dist/lib/components/ProductCard/ProductCardWrapper.js

@@ -1,170 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-require("core-js/modules/es.date.to-string");
-
-require("core-js/modules/es.function.name");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.reflect.construct");
-
-require("core-js/modules/es.regexp.to-string");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("core-js/modules/es.date.to-string");
-
-require("core-js/modules/es.function.name");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.reflect.construct");
-
-require("core-js/modules/es.regexp.to-string");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-var _uiCore = require("@megafon/ui-core");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _createSuper(Derived) {
-  return function () {
-    var Super = (0, _getPrototypeOf2["default"])(Derived),
-        result;
-
-    if (_isNativeReflectConstruct()) {
-      var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-
-    return (0, _possibleConstructorReturn2["default"])(this, result);
-  };
-}
-
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-
-  try {
-    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-var cn = (0, _uiCore.cnCreate)('mfui-beta-product-card-wrapper');
-
-var ProductCardWrapper = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ProductCardWrapper, _React$Component);
-
-  var _super = _createSuper(ProductCardWrapper);
-
-  function ProductCardWrapper() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ProductCardWrapper);
-    _this = _super.apply(this, arguments);
-
-    _this.handleClick = function (e) {
-      return e.target.tagName !== 'A';
-    };
-
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ProductCardWrapper, [{
-    key: "renderHintLabel",
-    value: function renderHintLabel() {
-      var hint = this.props.hint;
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('hint-box')
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cn('hint-text')
-      }, hint && hint.title));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _cn;
-
-      var _this$props = this.props,
-          hint = _this$props.hint,
-          border = _this$props.border,
-          theme = _this$props.theme,
-          className = _this$props.className,
-          classNameInner = _this$props.classNameInner,
-          classNameContainer = _this$props.classNameContainer;
-
-      var getHintColor = function getHintColor() {
-        return !!hint && hint.constructor.name === 'Object' ? hint.color : null;
-      };
-
-      var color = getHintColor();
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('', (_cn = {
-          hint: !!hint
-        }, (0, _defineProperty2["default"])(_cn, "hint_".concat(color), !!color), (0, _defineProperty2["default"])(_cn, "bl", border.left), (0, _defineProperty2["default"])(_cn, "br", border.right), (0, _defineProperty2["default"])(_cn, "bt", border.top), (0, _defineProperty2["default"])(_cn, "bb", border.bottom), (0, _defineProperty2["default"])(_cn, "theme", theme), _cn), className),
-        onClick: this.handleClick
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cn('inner', {}, classNameInner)
-      }, hint && this.renderHintLabel(), /*#__PURE__*/React.createElement("div", {
-        className: cn('container', {}, classNameContainer)
-      }, this.props.children)));
-    }
-  }]);
-  return ProductCardWrapper;
-}(React.Component);
-
-ProductCardWrapper.propTypes = {
-  theme: PropTypes.oneOf(['default']),
-  hint: PropTypes.shape({
-    title: PropTypes.string.isRequired,
-    color: PropTypes.oneOf(['green', 'orange', 'black']).isRequired
-  }),
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.node]),
-  border: PropTypes.shape({
-    top: PropTypes.oneOf([false, true, 'sky']),
-    right: PropTypes.oneOf([false, true, 'sky']),
-    bottom: PropTypes.oneOf([false, true, 'sky']),
-    left: PropTypes.oneOf([false, true, 'sky'])
-  }),
-  className: PropTypes.string,
-  classNameInner: PropTypes.string,
-  classNameContainer: PropTypes.string
-};
-ProductCardWrapper.defaultProps = {
-  border: {
-    right: true,
-    left: true
-  }
-};
-var _default = ProductCardWrapper;
-exports["default"] = _default;