@ohos-ports/salutejs-plasma-hope 1.388.1-beta.0

package/LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Salute Devices
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# Библиотека компонентов Plasma WEB Core
+
+Внутренняя реализация компонентов.
+
+Для внешнего использования только - **plasma-web** или **plasma-b2c**.

package/collectPackageInfo.d.ts

@@ -0,0 +1,12 @@
+declare global {
+    interface Window {
+        __PLASMA_INFO__: {
+            [k: string]: {
+                version: string;
+                entities: string[];
+            };
+        };
+    }
+}
+export declare const collectPackageInfo: (entityName: string) => void;
+//# sourceMappingURL=collectPackageInfo.d.ts.map

package/collectPackageInfo.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectPackageInfo = void 0;
+var _package2 = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("./package.json"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/* eslint-disable @typescript-eslint/ban-ts-comment, no-underscore-dangle */
+// @ts-ignore
+
+var collectPackageInfo = exports.collectPackageInfo = function collectPackageInfo(entityName) {
+  if (typeof window === 'undefined') {
+    return;
+  }
+  var name = _package2["default"].name,
+    version = _package2["default"].version;
+  if (!window.__PLASMA_INFO__) {
+    window.__PLASMA_INFO__ = {};
+  }
+  if (!window.__PLASMA_INFO__[name]) {
+    window.__PLASMA_INFO__[name] = {
+      version: version,
+      entities: [entityName]
+    };
+    return;
+  }
+  window.__PLASMA_INFO__[name].entities.push(entityName);
+};

package/components/AudioPlayer/AudioPlayer.component-test.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
+var _plasmaCyUtils = /*#__PURE__*/require("@salutejs/plasma-cy-utils");
+var _PadMe, _PadMe2;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+describe('plasma-hope: AudioPlayer', function () {
+  var AudioPlayer = (0, _plasmaCyUtils.getComponent)('AudioPlayer');
+  var item = {
+    name: 'Kavinsky - Nightcall',
+    duration: 128,
+    isPlaying: false,
+    isSelected: false
+  };
+  it('simple', function () {
+    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(AudioPlayer, {
+      title: item.name,
+      duration: item.duration,
+      isPlaying: item.isPlaying,
+      isSelected: item.isSelected
+    })));
+    cy.matchImageSnapshot();
+  });
+  it('_isPlaying', function () {
+    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(AudioPlayer, {
+      title: item.name,
+      duration: item.duration,
+      isSelected: item.isSelected
+    }), _PadMe || (_PadMe = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(AudioPlayer, {
+      title: item.name,
+      duration: item.duration,
+      isSelected: item.isSelected,
+      isPlaying: true
+    })));
+    cy.matchImageSnapshot();
+  });
+  it('_isSelected', function () {
+    (0, _plasmaCyUtils.mount)(/*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.CypressTestDecorator, null, /*#__PURE__*/_react["default"].createElement(AudioPlayer, {
+      title: item.name,
+      duration: item.duration,
+      isPlaying: item.isPlaying
+    }), _PadMe2 || (_PadMe2 = /*#__PURE__*/_react["default"].createElement(_plasmaCyUtils.PadMe, null)), /*#__PURE__*/_react["default"].createElement(AudioPlayer, {
+      title: item.name,
+      duration: item.duration,
+      isPlaying: item.isPlaying,
+      isSelected: true
+    })));
+    cy.matchImageSnapshot();
+  });
+});

package/components/AudioPlayer/AudioPlayer.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import type { FC } from 'react';
+export declare const StyledControl: import("styled-components").StyledComponent<"button", any, {}, never>;
+export interface AudioPlayerProps {
+    /**
+     * Название трека.
+     */
+    title: string;
+    /**
+     * Адрес расположения трека.
+     */
+    url: string;
+    /**
+     * Длительность трека в секундах.
+     */
+    duration?: number;
+    /**
+     * Выделен ли компонент.
+     */
+    isSelected: boolean;
+    /**
+     * Воспроизводится ли трек.
+     */
+    isPlaying: boolean;
+    /**
+     * Можно ли удалить компонент.
+     */
+    canDelete: boolean;
+    /**
+     * Callback на клик по компоненту.
+     */
+    onClick: () => void;
+    /**
+     * Callback на удаление компонента.
+     */
+    onDelete: () => void;
+    /**
+     * Callback на воспроизведение трека.
+     */
+    onPlay: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+}
+/**
+ * Компонент для воспроизведения аудио.
+ */
+export declare const AudioPlayer: FC<AudioPlayerProps>;
+//# sourceMappingURL=AudioPlayer.d.ts.map

package/components/AudioPlayer/AudioPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayer.d.ts","sourceRoot":"","sources":["../../src/components/AudioPlayer/AudioPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA+BhC,eAAO,MAAM,aAAa,uEAMzB,CAAC;AAsEF,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,eAAe,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA+B5C,CAAC"}

package/components/AudioPlayer/AudioPlayer.js

@@ -0,0 +1,78 @@
+"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.StyledControl = exports.AudioPlayer = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _plasmaIcons = /*#__PURE__*/require("@salutejs/plasma-icons");
+var _utils = /*#__PURE__*/require("./utils");
+var _collectPackageInfo = /*#__PURE__*/require("../../collectPackageInfo");
+var _IconPause, _IconPlay, _IconTrashFilled;
+var _excluded = ["title", "duration", "url", "isPlaying", "isSelected", "canDelete", "onClick", "onDelete", "onPlay"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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], -1 === t.indexOf(o) && {}.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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+(0, _collectPackageInfo.collectPackageInfo)('AudioPlayer/AudioPlayer');
+var ButtonDelete = /*#__PURE__*/_styledComponents["default"].button.withConfig({
+  componentId: "plasma-web-core__sc-1cldicm-0"
+})(["position:absolute;right:1.25rem;top:1.25rem;display:none;padding-top:0;padding-bottom:0;line-height:0;background-color:transparent;border:0;cursor:pointer;svg{color:var(--surface-transparent-tertiary);}&:hover{svg{color:var(--text-primary);}}"]);
+var StyledControl = exports.StyledControl = /*#__PURE__*/_styledComponents["default"].button.withConfig({
+  componentId: "plasma-web-core__sc-1cldicm-1"
+})(["background:transparent;border:0;cursor:pointer;display:flex;"]);
+var StyledContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web-core__sc-1cldicm-2"
+})(["position:relative;display:flex;align-items:center;box-sizing:border-box;width:100%;height:4rem;padding:1.25rem 1rem;appearance:none;border-radius:0.75rem;cursor:pointer;", " ", "{", "}"], function (_ref) {
+  var isSelected = _ref.isSelected;
+  return isSelected && (0, _styledComponents.css)(["background-color:var(--surface-transparent-tertiary);"]);
+}, StyledControl, function (_ref2) {
+  var isDisabled = _ref2.isDisabled;
+  return isDisabled && (0, _styledComponents.css)(["opacity:0.24;pointer-events:none;"]);
+});
+var StyledDuration = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web-core__sc-1cldicm-3"
+})(["position:absolute;right:1rem;text-align:right;color:var(--text-primary);mix-blend-mode:normal;opacity:0.5;"]);
+var StyledRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web-core__sc-1cldicm-4"
+})(["", ";position:relative;width:100%;&:hover ", "{display:block;}&:hover ", "{display:none;}&:hover ", "{background-color:var(--surface-transparent-secondary);}"], _plasmaCore.footnote1, ButtonDelete, StyledDuration, StyledContainer);
+var StyledTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web-core__sc-1cldicm-5"
+})(["margin-left:1rem;color:var(--text-primary);"]);
+/**
+ * Компонент для воспроизведения аудио.
+ */
+var AudioPlayer = exports.AudioPlayer = function AudioPlayer(_ref3) {
+  var title = _ref3.title,
+    duration = _ref3.duration,
+    url = _ref3.url,
+    isPlaying = _ref3.isPlaying,
+    isSelected = _ref3.isSelected,
+    canDelete = _ref3.canDelete,
+    onClick = _ref3.onClick,
+    onDelete = _ref3.onDelete,
+    onPlay = _ref3.onPlay,
+    props = _objectWithoutProperties(_ref3, _excluded);
+  var ref = (0, _react.useRef)();
+  var _useAudioPlayer = (0, _utils.useAudioPlayer)(url, isPlaying, ref),
+    _useAudioPlayer2 = _slicedToArray(_useAudioPlayer, 1),
+    canPlaying = _useAudioPlayer2[0];
+  return /*#__PURE__*/_react["default"].createElement(StyledRoot, props, /*#__PURE__*/_react["default"].createElement(StyledContainer, {
+    isSelected: isSelected,
+    isDisabled: !canPlaying,
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement(StyledControl, {
+    onClick: onPlay
+  }, isPlaying ? _IconPause || (_IconPause = /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconPause, null)) : _IconPlay || (_IconPlay = /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconPlay, null))), /*#__PURE__*/_react["default"].createElement(StyledTitle, null, title), duration && /*#__PURE__*/_react["default"].createElement(StyledDuration, null, (0, _utils.formatSecondsToMintues)(duration))), canDelete && /*#__PURE__*/_react["default"].createElement(ButtonDelete, {
+    type: "button",
+    onClick: onDelete
+  }, _IconTrashFilled || (_IconTrashFilled = /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconTrashFilled, null))));
+};

package/components/AudioPlayer/index.d.ts

@@ -0,0 +1,3 @@
+export { AudioPlayer } from './AudioPlayer';
+export type { AudioPlayerProps } from './AudioPlayer';
+//# sourceMappingURL=index.d.ts.map

package/components/AudioPlayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/AudioPlayer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/components/AudioPlayer/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AudioPlayer", {
+  enumerable: true,
+  get: function get() {
+    return _AudioPlayer.AudioPlayer;
+  }
+});
+var _AudioPlayer = /*#__PURE__*/require("./AudioPlayer");

package/components/AudioPlayer/utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Метод для форматирования секунд в минуты в формате `SS:SS`
+ * @param {number} seconds время в секундах
+ * @returns {string} строка времени в минутах
+ */
+export declare const formatSecondsToMintues: (seconds: number) => string;
+/**
+ * Хук для воспроизведения аудио, возвращает состояние возможности проиграть аудио
+ * @param {string} url конечный адрес до файла
+ * @param {boolean} isPlaying воспроизводится ли сейчас трек
+ * @param {React.MutableRefObject<HTMLAudioElement | undefined>} refAudio ссылка на ref-объект
+ * @returns {boolean} возможность воспроизвести трек
+ */
+export declare const useAudioPlayer: (url: string, isPlaying: boolean, refAudio: React.MutableRefObject<HTMLAudioElement | undefined>) => boolean[];
+//# sourceMappingURL=utils.d.ts.map

package/components/AudioPlayer/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/components/AudioPlayer/utils.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,YAAa,MAAM,WACkC,CAAC;AAEzF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,QAClB,MAAM,aACA,OAAO,YACR,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,SAAS,CAAC,cA4BjE,CAAC"}

package/components/AudioPlayer/utils.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAudioPlayer = exports.formatSecondsToMintues = void 0;
+var _react = /*#__PURE__*/require("react");
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/**
+ * Метод для форматирования секунд в минуты в формате `SS:SS`
+ * @param {number} seconds время в секундах
+ * @returns {string} строка времени в минутах
+ */
+var formatSecondsToMintues = exports.formatSecondsToMintues = function formatSecondsToMintues(seconds) {
+  return new Date(Math.round(seconds) * 1000).toISOString().substr(11, 8).replace(/^00:/, '');
+};
+
+/**
+ * Хук для воспроизведения аудио, возвращает состояние возможности проиграть аудио
+ * @param {string} url конечный адрес до файла
+ * @param {boolean} isPlaying воспроизводится ли сейчас трек
+ * @param {React.MutableRefObject<HTMLAudioElement | undefined>} refAudio ссылка на ref-объект
+ * @returns {boolean} возможность воспроизвести трек
+ */
+var useAudioPlayer = exports.useAudioPlayer = function useAudioPlayer(url, isPlaying, refAudio) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    canPlaying = _useState2[0],
+    setCanPlaying = _useState2[1];
+  var canPlay = (0, _react.useCallback)(function canPlay() {
+    refAudio.current = this;
+    setCanPlaying(true);
+  }, [refAudio]);
+  (0, _react.useEffect)(function () {
+    if (refAudio.current) {
+      refAudio.current[isPlaying ? 'play' : 'pause']();
+      return;
+    }
+    var audio = new Audio(url);
+    audio.addEventListener('canplaythrough', canPlay);
+    return function () {
+      audio.addEventListener('canplaythrough', canPlay);
+    };
+  }, [canPlay, url, refAudio, isPlaying]);
+  return [canPlaying];
+};

package/components/AudioPlayer/utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.test.d.ts.map

package/components/AudioPlayer/utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../src/components/AudioPlayer/utils.test.tsx"],"names":[],"mappings":""}

package/components/AudioPlayer/utils.test.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _dom = /*#__PURE__*/require("@testing-library/react-hooks/dom");
+var _utils = /*#__PURE__*/require("./utils");
+describe('AudioPlayer utils', function () {
+  describe('formatSecondsToMintues', function () {
+    it('Should return empty array', function () {
+      expect((0, _utils.formatSecondsToMintues)(0)).toBe('00:00');
+    });
+    it('Should return new array without element by number id', function () {
+      expect((0, _utils.formatSecondsToMintues)(120)).toBe('02:00');
+    });
+    it('Should return new array without element by string id', function () {
+      expect((0, _utils.formatSecondsToMintues)(321)).toBe('05:21');
+    });
+  });
+
+  // ToDo: improve test
+  describe('useAudioPlayer', function () {
+    it('Should call play', function () {
+      var refAudio = {
+        current: {
+          play: jest.fn(),
+          pause: jest.fn()
+        }
+      };
+      var isPlaying = true;
+      (0, _dom.renderHook)(function () {
+        return (0, _utils.useAudioPlayer)('mock-url', isPlaying, refAudio);
+      });
+      expect(refAudio.current.pause).toBeCalledTimes(0);
+      expect(refAudio.current.play).toBeCalledTimes(1);
+    });
+    it('Should call pause', function () {
+      var refAudio = {
+        current: {
+          play: jest.fn(),
+          pause: jest.fn()
+        }
+      };
+      var isPlaying = false;
+      (0, _dom.renderHook)(function () {
+        return (0, _utils.useAudioPlayer)('mock-url', isPlaying, refAudio);
+      });
+      expect(refAudio.current.pause).toBeCalledTimes(1);
+      expect(refAudio.current.play).toBeCalledTimes(0);
+    });
+    it('Should return false', function () {
+      var refAudio = {
+        current: undefined
+      };
+      var _renderHook = (0, _dom.renderHook)(function () {
+          return (0, _utils.useAudioPlayer)('mock-url', false, refAudio);
+        }),
+        canPlaying = _renderHook.result;
+      expect(canPlaying.current).toEqual([false]);
+    });
+  });
+});

package/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ButtonProps, Design } from './types';
+export declare const Button: ({ design }: Design) => React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAOnD,eAAO,MAAM,MAAM,eAAgB,MAAM,0FAUxC,CAAC"}

package/components/Button/Button.js

@@ -0,0 +1,33 @@
+"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.Button = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _ButtonWeb = /*#__PURE__*/require("./views/web/ButtonWeb");
+var _ButtonB2C = /*#__PURE__*/require("./views/b2c/ButtonB2C");
+var _collectPackageInfo = /*#__PURE__*/require("../../collectPackageInfo");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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); }
+(0, _collectPackageInfo.collectPackageInfo)('Button/Button');
+var componentMap = {
+  web: _ButtonWeb.ButtonWeb,
+  b2c: _ButtonB2C.ButtonB2C
+};
+var Button = exports.Button = function Button(_ref) {
+  var design = _ref.design;
+  var ButtonView = (0, _plasmaCore.createButton)(componentMap[design]);
+  ButtonView.defaultProps = {
+    size: 'm',
+    view: 'secondary',
+    pin: 'square-square'
+  };
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    return /*#__PURE__*/_react["default"].createElement(ButtonView, _extends({}, props, {
+      ref: ref
+    }));
+  });
+};

package/components/Button/Button.props.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Views (colors) for both B2B and B2C
+ */
+export declare const buttonViews: {
+    primary: import("styled-components").FlattenSimpleInterpolation;
+    success: import("styled-components").FlattenSimpleInterpolation;
+    warning: import("styled-components").FlattenSimpleInterpolation;
+    critical: import("styled-components").FlattenSimpleInterpolation;
+    secondary: import("styled-components").FlattenSimpleInterpolation;
+    checked: import("styled-components").FlattenSimpleInterpolation;
+    overlay: {
+        backgroundColor: string;
+        color: string;
+    };
+    clear: {
+        backgroundColor: string;
+        color: string;
+    };
+};
+/**
+ * @private
+ */
+export type ButtonView = keyof typeof buttonViews;
+//# sourceMappingURL=Button.props.d.ts.map

package/components/Button/Button.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.props.d.ts","sourceRoot":"","sources":["../../src/components/Button/Button.props.ts"],"names":[],"mappings":"AAoBA;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAiFvB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC"}

package/components/Button/Button.props.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buttonViews = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _tokens = /*#__PURE__*/require("../../tokens");
+var _collectPackageInfo = /*#__PURE__*/require("../../collectPackageInfo");
+/**
+ * Views (colors) for both B2B and B2C
+ */
+(0, _collectPackageInfo.collectPackageInfo)('Button/Button.props');
+var buttonViews = exports.buttonViews = {
+  primary: /*#__PURE__*/(0, _styledComponents.css)(["", " &:hover{background-color:", ";color:", ";}&:active{background-color:", ";color:", ";}"], _plasmaCore.buttonViews.primary, _tokens.buttonPrimaryHover, _plasmaCore.buttonViews.primary.color, _tokens.buttonPrimaryActive, _plasmaCore.buttonViews.primary.color),
+  success: /*#__PURE__*/(0, _styledComponents.css)(["", " &:hover{background-color:", ";color:", ";}&:active{background-color:", ";color:", ";}"], _plasmaCore.buttonViews.success, _tokens.buttonSuccessHover, _plasmaCore.buttonViews.success.color, _tokens.buttonSuccessActive, _plasmaCore.buttonViews.success.color),
+  warning: /*#__PURE__*/(0, _styledComponents.css)(["", " &:hover{background-color:", ";color:", ";}&:active{background-color:", ";color:", ";}"], _plasmaCore.buttonViews.warning, _tokens.buttonWarningHover, _plasmaCore.buttonViews.warning.color, _tokens.buttonWarningActive, _plasmaCore.buttonViews.warning.color),
+  critical: /*#__PURE__*/(0, _styledComponents.css)(["", " &:hover{background-color:", ";color:", ";}&:active{background-color:", ";color:", ";}"], _plasmaCore.buttonViews.critical, _tokens.buttonCriticalHover, _plasmaCore.buttonViews.critical.color, _tokens.buttonCriticalActive, _plasmaCore.buttonViews.critical.color),
+  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", " &:hover{background-color:", ";color:", ";}&:active{background-color:", ";color:", ";}"], _plasmaCore.buttonViews.secondary, _tokens.buttonSecondaryHover, _plasmaCore.buttonViews.secondary.color, _tokens.buttonSecondaryActive, _plasmaCore.buttonViews.secondary.color),
+  checked: /*#__PURE__*/(0, _styledComponents.css)(["", " &:hover{background-color:", ";color:", ";}&:active{background-color:", ";color:", ";}"], _plasmaCore.buttonViews.checked, _tokens.buttonCheckedHover, _tokens.buttonCheckedHoverColor, _tokens.buttonCheckedActive, _tokens.buttonCheckedActiveColor),
+  overlay: _plasmaCore.buttonViews.overlay,
+  clear: _plasmaCore.buttonViews.clear
+};
+
+/**
+ * @private
+ */

package/components/Button/index.d.ts

@@ -0,0 +1,5 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonSizes, Design } from './types';
+export { buttonViews } from './Button.props';
+export type { ButtonView } from './Button.props';
+//# sourceMappingURL=index.d.ts.map

package/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/components/Button/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button.Button;
+  }
+});
+Object.defineProperty(exports, "buttonViews", {
+  enumerable: true,
+  get: function get() {
+    return _Button2.buttonViews;
+  }
+});
+var _Button = /*#__PURE__*/require("./Button");
+var _Button2 = /*#__PURE__*/require("./Button.props");

package/components/Button/types.d.ts

@@ -0,0 +1,13 @@
+import type { ButtonProps as BaseProps, ButtonContentProps, ButtonViewProps } from '@salutejs/plasma-core';
+import { ButtonView } from './Button.props';
+/**
+ * Размер кнопки
+ */
+export type ButtonSizes = {
+    size: 'l' | 'm' | 's' | 'xs' | 'xxs';
+};
+export type ButtonProps = BaseProps & Partial<ButtonSizes> & Partial<ButtonViewProps<ButtonView>> & ButtonContentProps;
+export type Design = {
+    design: 'b2c' | 'web';
+};
+//# sourceMappingURL=types.d.ts.map

package/components/Button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,SAAS,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE3G,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAA;CAAE,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,GAAG,kBAAkB,CAAC;AAEvH,MAAM,MAAM,MAAM,GAAG;IACjB,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC;CACzB,CAAC"}

package/components/Button/types.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _collectPackageInfo = /*#__PURE__*/require("../../collectPackageInfo");
+/**
+ * Размер кнопки
+ */
+(0, _collectPackageInfo.collectPackageInfo)('Button/types');

package/components/Button/views/b2c/ButtonB2C.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonSizeProps, ButtonViewProps } from '@salutejs/plasma-core';
+export declare const ButtonB2C: import("styled-components").StyledComponent<"button", any, import("@salutejs/plasma-core/components/Button/Button.types").StyledButtonProps & Partial<ButtonSizeProps<string | number>> & Partial<ButtonViewProps<"checked" | "overlay" | "clear" | "primary" | "secondary" | "success" | "warning" | "critical">>, never>;
+//# sourceMappingURL=ButtonB2C.d.ts.map

package/components/Button/views/b2c/ButtonB2C.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonB2C.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/views/b2c/ButtonB2C.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAsC9E,eAAO,MAAM,SAAS,4TAGrB,CAAC"}