@megafon/ui-shared 8.0.5 → 8.1.0

package/dist/es/components/Property/PropertyDescription.js

@@ -1,43 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-import * as React from 'react';
-import { Collapse } from '@megafon/ui-core';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./PropertyDescription.css";
-export var testIdPrefix = 'PropertyDescription';
-var cn = cnCreate('mfui-property-description');
-var PropertyDescription = function PropertyDescription(_ref) {
-  var value = _ref.value,
-    _ref$isCollapsible = _ref.isCollapsible,
-    isCollapsible = _ref$isCollapsible === void 0 ? false : _ref$isCollapsible,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    dataAttrs = _ref.dataAttrs;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isOpened = _React$useState2[0],
-    setIsOpened = _React$useState2[1];
-  var handleClickDesc = React.useCallback(function () {
-    return setIsOpened(!isOpened);
-  }, [isOpened]);
-  if (isCollapsible) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn([isOpened ? classes.open : undefined]),
-      "data-testid": "".concat(testIdPrefix, "-collapsible")
-    }, /*#__PURE__*/React.createElement(Collapse, {
-      className: cn('content'),
-      classNameContainer: cn('content-inner'),
-      isOpened: isOpened
-    }, value), /*#__PURE__*/React.createElement("span", _extends({
-      onClick: handleClickDesc
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreLink), {
-      className: cn('collapse', classes.toggle)
-    }), isOpened ? 'Скрыть' : 'Подробнее'));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, value);
-};
-export default PropertyDescription;

package/dist/es/components/Property/types.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-export type DescriptionType = {
-    value: string | React.ReactNode[];
-    isCollapsible?: boolean;
-    classes?: {
-        toggle?: string;
-        open?: string;
-    };
-    dataAttrs?: {
-        moreLink?: Record<string, string>;
-    };
-};
-export type TitleSizeType = 'default' | 'big';
-export type ValueFrameColor = 'none' | 'default' | 'gray';
-export type Item = {
-    title?: React.ReactNode[];
-    titleSize?: TitleSizeType;
-    description?: DescriptionType[];
-    value?: string | React.ReactNode;
-    valueUnit?: string;
-    valueFrameColor?: 'none' | 'default' | 'gray';
-};

package/dist/es/components/Property/types.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/components/Property/Property.css

@@ -1 +0,0 @@
-@charset "UTF-8";h1,h2,h3,h4,h5{margin:0}.mfui-property__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px 0}.mfui-property_border-top.mfui-property_border-color_default .mfui-property__wrapper{border-top:1px solid var(--spbSky1)}.mfui-property_border-bottom.mfui-property_border-color_default .mfui-property__wrapper{border-bottom:1px solid var(--spbSky1)}.mfui-property_border-top.mfui-property_border-color_darker .mfui-property__wrapper{border-top:1px solid var(--spbSky2)}.mfui-property_border-bottom.mfui-property_border-color_darker .mfui-property__wrapper{border-bottom:1px solid var(--spbSky2)}.mfui-property__main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-property__main:not(:first-child){margin-top:24px}.mfui-property__main_with-out-title{margin-top:16px!important}.mfui-property__main_with-badge{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-property__title-item_size_default{font-size:15px;font-weight:500;line-height:24px}.mfui-property__title-item_size_big{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-property__title-item_size_big{font-size:20px;line-height:28px}}@media screen and (max-width:767px){.mfui-property__title-item{font-size:15px;font-weight:500;line-height:24px}}.mfui-property__icon{display:inline-block;height:24px;margin-left:1px;margin-right:8px;overflow:hidden;vertical-align:bottom;width:24px}.mfui-property__badge{margin-bottom:8px}@media screen and (min-width:768px){.mfui-property__title .mfui-property__desc{width:100%}}.mfui-property__tooltip{cursor:pointer;display:inline-block;height:20px;margin-left:8px;vertical-align:text-bottom;width:20px;fill:var(--spbSky2)}.mfui-property__tooltip-inner{max-width:350px}.mfui-property__desc{margin-top:12px}@media screen and (min-width:768px){.mfui-property__desc{width:70%}}.mfui-property__desc_collapsible{margin-top:12px}.mfui-property__value-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;border-radius:8px;padding:4px 8px;text-align:right;white-space:pre-line}.mfui-property__value-wrapper_frame_default{background:var(--base)}.mfui-property__value-wrapper_frame_gray{background:var(--spbSky0)}.mfui-property__value{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-property__value{font-size:20px;line-height:28px}}@media screen and (max-width:767px){.mfui-property__value{font-size:15px;font-weight:500;line-height:24px}}.mfui-property__value-unit:before{content:" "}

package/dist/lib/components/Property/PropertyDescription.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-property-description__collapse{color:var(--systemBlue);cursor:pointer;font-size:12px;-webkit-text-decoration:underline dashed var(--systemBlue);text-decoration:underline dashed var(--systemBlue)}.mfui-property-description__content-inner{margin-bottom:8px}

package/dist/lib/components/Property/PropertyDescription.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import './PropertyDescription.scss';
-import { DescriptionType } from './types';
-export declare const testIdPrefix = "PropertyDescription";
-declare const PropertyDescription: React.FC<DescriptionType>;
-export default PropertyDescription;

package/dist/lib/components/Property/PropertyDescription.js

@@ -1,53 +0,0 @@
-"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.testIdPrefix = exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var _uiCore = require("@megafon/ui-core");
-var _uiHelpers = require("@megafon/ui-helpers");
-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 }; }
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-
-var testIdPrefix = exports.testIdPrefix = 'PropertyDescription';
-var cn = (0, _uiHelpers.cnCreate)('mfui-property-description');
-var PropertyDescription = function PropertyDescription(_ref) {
-  var value = _ref.value,
-    _ref$isCollapsible = _ref.isCollapsible,
-    isCollapsible = _ref$isCollapsible === void 0 ? false : _ref$isCollapsible,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    dataAttrs = _ref.dataAttrs;
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    isOpened = _React$useState2[0],
-    setIsOpened = _React$useState2[1];
-  var handleClickDesc = React.useCallback(function () {
-    return setIsOpened(!isOpened);
-  }, [isOpened]);
-  if (isCollapsible) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn([isOpened ? classes.open : undefined]),
-      "data-testid": "".concat(testIdPrefix, "-collapsible")
-    }, /*#__PURE__*/React.createElement(_uiCore.Collapse, {
-      className: cn('content'),
-      classNameContainer: cn('content-inner'),
-      isOpened: isOpened
-    }, value), /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
-      onClick: handleClickDesc
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreLink), {
-      className: cn('collapse', classes.toggle)
-    }), isOpened ? 'Скрыть' : 'Подробнее'));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, value);
-};
-var _default = exports["default"] = PropertyDescription;

package/dist/lib/components/Property/types.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-export type DescriptionType = {
-    value: string | React.ReactNode[];
-    isCollapsible?: boolean;
-    classes?: {
-        toggle?: string;
-        open?: string;
-    };
-    dataAttrs?: {
-        moreLink?: Record<string, string>;
-    };
-};
-export type TitleSizeType = 'default' | 'big';
-export type ValueFrameColor = 'none' | 'default' | 'gray';
-export type Item = {
-    title?: React.ReactNode[];
-    titleSize?: TitleSizeType;
-    description?: DescriptionType[];
-    value?: string | React.ReactNode;
-    valueUnit?: string;
-    valueFrameColor?: 'none' | 'default' | 'gray';
-};

package/dist/lib/components/Property/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});