@prom-ui/core 1.8.0 → 1.9.0

package/Modal/cjs/index.development.v2.js

@@ -0,0 +1,231 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var classNames = require('classnames');
+var Backdrop = require('@prom-ui/core/Backdrop');
+var Button = require('@prom-ui/core/Button');
+var Icon = require('@prom-ui/core/Icon');
+var KeyPress = require('@prom-ui/core/KeyPress');
+var Portal = require('@prom-ui/core/Portal');
+var useBodyTTag = require('@prom-ui/core/useBodyTTag');
+var Close = require('@prom-ui/icons/Close');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+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 _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 _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 _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 _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+  return Object.freeze(Object.defineProperties(strings, {
+    raw: {
+      value: Object.freeze(raw)
+    }
+  }));
+}
+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);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+
+var css = {"root":"Modal__root___9vQ1b","closeButton":"Modal__closeButton___5HA1l","rootContent":"Modal__rootContent___OXp7s","enter":"Modal__enter___JQ0Kx","exit":"Modal__exit___llwRD","enterActive":"Modal__enterActive___p-g77","exitActive":"Modal__exitActive___mioMB"};
+
+var _templateObject;
+var _excluded = ["isOpen", "isRenderPortal", "isBodyScrollLock", "isShowCloseButton", "zIndex", "width", "height", "padding", "onClose", "className", "style", "children"];
+var Modal = function Modal(_ref) {
+  var _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$isRenderPortal = _ref.isRenderPortal,
+    isRenderPortal = _ref$isRenderPortal === void 0 ? true : _ref$isRenderPortal,
+    _ref$isBodyScrollLock = _ref.isBodyScrollLock,
+    isBodyScrollLock = _ref$isBodyScrollLock === void 0 ? true : _ref$isBodyScrollLock,
+    _ref$isShowCloseButto = _ref.isShowCloseButton,
+    isShowCloseButton = _ref$isShowCloseButto === void 0 ? true : _ref$isShowCloseButto,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 5000 : _ref$zIndex,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 'auto' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 'auto' : _ref$height,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? 36 : _ref$padding,
+    onClose = _ref.onClose,
+    className = _ref.className,
+    style = _ref.style,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useBodyTTag = useBodyTTag.useBodyTTag(),
+    t = _useBodyTTag.t;
+  var onClickOutside = function onClickOutside(e) {
+    if (e.target === e.currentTarget) {
+      onClose(e);
+    }
+  };
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Backdrop.Backdrop, {
+    isOpen: isOpen,
+    zIndex: zIndex,
+    isRenderPortal: isRenderPortal,
+    isBodyScrollLock: isBodyScrollLock
+  }), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, {
+    "in": isOpen,
+    timeout: 240,
+    classNames: css,
+    unmountOnExit: true
+  }, /*#__PURE__*/React__namespace.createElement(Portal.Portal, {
+    isActive: isRenderPortal
+  }, /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
+    code: "Escape",
+    onKeyDown: onClose
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: css.root,
+    role: "dialog",
+    "aria-modal": true,
+    "aria-labelledby": undefined,
+    style: {
+      zIndex: zIndex
+    },
+    onClick: onClickOutside,
+    "data-qaid": 'modal' ,
+    "data-testid": 'modal' 
+  }, /*#__PURE__*/React__namespace.createElement("div", _extends({
+    className: classNames__default.default(css.rootContent, className),
+    style: _objectSpread2({
+      width: width,
+      height: height,
+      padding: padding
+    }, style)
+  }, props, {
+    "data-qaid": "modal_content",
+    "data-testid": "modal_content"
+  }), children, isShowCloseButton && /*#__PURE__*/React__namespace.createElement("div", {
+    className: css.closeButton
+  }, /*#__PURE__*/React__namespace.createElement(Button.Button, {
+    "button-theme": "black-inherit",
+    "button-padding": "xxs",
+    type: "button",
+    onClick: onClose,
+    "aria-label": t(_templateObject || (_templateObject = _taggedTemplateLiteral(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
+    "data-qaid": "modal_close_button",
+    "data-testid": "modal_close_button"
+  }, /*#__PURE__*/React__namespace.createElement(Icon.Icon, {
+    "icon-as": Close.SvgClose,
+    style: {
+      width: 24,
+      height: 24
+    }
+  }))))))));
+};
+Modal.displayName = 'Modal';
+
+exports.Modal = Modal;
+
+require('./style.development.v2.css');

package/Modal/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/Button"),i=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/KeyPress"),c=require("@prom-ui/core/Portal"),l=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Close");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=d(e),f=s(r);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function y(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},O.apply(this,arguments)}function v(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var g,j={root:"LXzJW",closeButton:"IfZSD",rootContent:"p62nO",enter:"CYsVE",exit:"-sfQK",enterActive:"Q3lip",exitActive:"_2XLH4"},h=["isOpen","isRenderPortal","isBodyScrollLock","isShowCloseButton","zIndex","width","height","padding","onClose","className","style","children"],P=function(e){var r,s,d=e.isOpen,b=void 0!==d&&d,y=e.isRenderPortal,P=void 0===y||y,w=e.isBodyScrollLock,E=void 0===w||w,S=e.isShowCloseButton,q=void 0===S||S,x=e.zIndex,B=void 0===x?5e3:x,C=e.width,k=void 0===C?"auto":C,_=e.height,z=void 0===_?"auto":_,I=e.padding,N=void 0===I?36:I,D=e.onClose,T=e.className,L=e.style,K=e.children,A=v(e,h),M=l.useBodyTTag().t;return p.createElement(p.Fragment,null,p.createElement(o.Backdrop,{isOpen:b,zIndex:B,isRenderPortal:P,isBodyScrollLock:E}),p.createElement(t.CSSTransition,{in:b,timeout:240,classNames:j,unmountOnExit:!0},p.createElement(c.Portal,{isActive:P},p.createElement(a.KeyPress,{code:"Escape",onKeyDown:D}),p.createElement("div",{className:j.root,role:"dialog","aria-modal":!0,"aria-labelledby":void 0,style:{zIndex:B},onClick:function(e){e.target===e.currentTarget&&D(e)},"data-qaid":"modal","data-testid":"modal"},p.createElement("div",O({className:f.default(j.rootContent,T),style:m({width:k,height:z,padding:N},L)},A,{"data-qaid":"modal_content","data-testid":"modal_content"}),K,q&&p.createElement("div",{className:j.closeButton},p.createElement(n.Button,{"button-theme":"black-inherit","button-padding":"xxs",type:"button",onClick:D,"aria-label":M(g||(r=["Закрыть"],s||(s=r.slice(0)),g=Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(s)}})))),"data-qaid":"modal_close_button","data-testid":"modal_close_button"},p.createElement(i.Icon,{"icon-as":u.SvgClose,style:{width:24,height:24}}))))))))};P.displayName="Modal",exports.Modal=P,require("./style.production.css");

package/Modal/cjs/index.production.v2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),o=require("@prom-ui/core/Backdrop"),n=require("@prom-ui/core/Button"),i=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/KeyPress"),c=require("@prom-ui/core/Portal"),l=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Close");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=d(e),f=s(r);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function y(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},v.apply(this,arguments)}function O(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var g,j={root:"_9vQ1b",closeButton:"_5HA1l",rootContent:"OXp7s",enter:"JQ0Kx",exit:"llwRD",enterActive:"p-g77",exitActive:"mioMB"},h=["isOpen","isRenderPortal","isBodyScrollLock","isShowCloseButton","zIndex","width","height","padding","onClose","className","style","children"],P=function(e){var r,s,d=e.isOpen,b=void 0!==d&&d,y=e.isRenderPortal,P=void 0===y||y,w=e.isBodyScrollLock,E=void 0===w||w,S=e.isShowCloseButton,q=void 0===S||S,x=e.zIndex,B=void 0===x?5e3:x,k=e.width,C=void 0===k?"auto":k,_=e.height,N=void 0===_?"auto":_,z=e.padding,D=void 0===z?36:z,I=e.onClose,T=e.className,A=e.style,K=e.children,M=O(e,h),R=l.useBodyTTag().t;return p.createElement(p.Fragment,null,p.createElement(o.Backdrop,{isOpen:b,zIndex:B,isRenderPortal:P,isBodyScrollLock:E}),p.createElement(t.CSSTransition,{in:b,timeout:240,classNames:j,unmountOnExit:!0},p.createElement(c.Portal,{isActive:P},p.createElement(a.KeyPress,{code:"Escape",onKeyDown:I}),p.createElement("div",{className:j.root,role:"dialog","aria-modal":!0,"aria-labelledby":void 0,style:{zIndex:B},onClick:function(e){e.target===e.currentTarget&&I(e)},"data-qaid":"modal","data-testid":"modal"},p.createElement("div",v({className:f.default(j.rootContent,T),style:m({width:C,height:N,padding:D},A)},M,{"data-qaid":"modal_content","data-testid":"modal_content"}),K,q&&p.createElement("div",{className:j.closeButton},p.createElement(n.Button,{"button-theme":"black-inherit","button-padding":"xxs",type:"button",onClick:I,"aria-label":R(g||(r=["Закрыть"],s||(s=r.slice(0)),g=Object.freeze(Object.defineProperties(r,{raw:{value:Object.freeze(s)}})))),"data-qaid":"modal_close_button","data-testid":"modal_close_button"},p.createElement(i.Icon,{"icon-as":u.SvgClose,style:{width:24,height:24}}))))))))};P.displayName="Modal",exports.Modal=P,require("./style.production.v2.css");

package/Modal/cjs/style.development.css

@@ -0,0 +1 @@
+.Modal__root___LXzJW{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;text-align:center;white-space:nowrap;padding:36px;box-sizing:border-box}.Modal__root___LXzJW:before{content:"";display:inline-block;width:0;height:100%;font-size:0;vertical-align:middle}.Modal__closeButton___IfZSD{position:absolute;right:12px;top:12px}.Modal__rootContent___p62nO{position:relative;vertical-align:middle;text-align:left;white-space:normal;box-sizing:border-box;min-width:0;min-height:0;max-width:100%;display:inline-block;background:var(--white);border-radius:var(--pds-round-m);box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.Modal__rootContent___p62nO:before,.Modal__rootContent___p62nO:after{content:"";display:table}.Modal__rootContent___p62nO:after{clear:both}.Modal__enter___CYsVE .Modal__rootContent___p62nO,.Modal__exit___-sfQK .Modal__rootContent___p62nO{pointer-events:auto}.Modal__enterActive___Q3lip .Modal__rootContent___p62nO,.Modal__exitActive___2XLH4 .Modal__rootContent___p62nO{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.Modal__enter___CYsVE .Modal__rootContent___p62nO{transform:translate(0,16px);opacity:0}.Modal__enterActive___Q3lip .Modal__rootContent___p62nO{transform:translate(0,0);opacity:1}.Modal__exit___-sfQK .Modal__rootContent___p62nO{transform:translate(0,0);opacity:1}.Modal__exitActive___2XLH4 .Modal__rootContent___p62nO{transform:translate(0,16px);opacity:0}

package/Modal/cjs/style.development.v2.css

@@ -0,0 +1 @@
+.Modal__root___9vQ1b{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;text-align:center;white-space:nowrap;padding:36px;box-sizing:border-box}.Modal__root___9vQ1b:before{content:"";display:inline-block;width:0;height:100%;font-size:0;vertical-align:middle}.Modal__closeButton___5HA1l{position:absolute;right:12px;top:12px}.Modal__rootContent___OXp7s{position:relative;vertical-align:middle;text-align:left;white-space:normal;box-sizing:border-box;min-width:0;min-height:0;max-width:100%;display:inline-block;background:var(--white);border-radius:var(--pds-round-m);box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.Modal__rootContent___OXp7s:before,.Modal__rootContent___OXp7s:after{content:"";display:table}.Modal__rootContent___OXp7s:after{clear:both}.Modal__enter___JQ0Kx .Modal__rootContent___OXp7s,.Modal__exit___llwRD .Modal__rootContent___OXp7s{pointer-events:auto}.Modal__enterActive___p-g77 .Modal__rootContent___OXp7s,.Modal__exitActive___mioMB .Modal__rootContent___OXp7s{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.Modal__enter___JQ0Kx .Modal__rootContent___OXp7s{transform:translate(0,16px);opacity:0}.Modal__enterActive___p-g77 .Modal__rootContent___OXp7s{transform:translate(0,0);opacity:1}.Modal__exit___llwRD .Modal__rootContent___OXp7s{transform:translate(0,0);opacity:1}.Modal__exitActive___mioMB .Modal__rootContent___OXp7s{transform:translate(0,16px);opacity:0}

package/Modal/cjs/style.production.css

@@ -0,0 +1 @@
+.LXzJW{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;text-align:center;white-space:nowrap;padding:36px;box-sizing:border-box}.LXzJW:before{content:"";display:inline-block;width:0;height:100%;font-size:0;vertical-align:middle}.IfZSD{position:absolute;right:12px;top:12px}.p62nO{position:relative;vertical-align:middle;text-align:left;white-space:normal;box-sizing:border-box;min-width:0;min-height:0;max-width:100%;display:inline-block;background:var(--white);border-radius:var(--pds-round-m);box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.p62nO:before,.p62nO:after{content:"";display:table}.p62nO:after{clear:both}.CYsVE .p62nO,.-sfQK .p62nO{pointer-events:auto}.Q3lip .p62nO,._2XLH4 .p62nO{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.CYsVE .p62nO{transform:translate(0,16px);opacity:0}.Q3lip .p62nO{transform:translate(0,0);opacity:1}.-sfQK .p62nO{transform:translate(0,0);opacity:1}._2XLH4 .p62nO{transform:translate(0,16px);opacity:0}

package/Modal/cjs/style.production.v2.css

@@ -0,0 +1 @@
+._9vQ1b{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;text-align:center;white-space:nowrap;padding:36px;box-sizing:border-box}._9vQ1b:before{content:"";display:inline-block;width:0;height:100%;font-size:0;vertical-align:middle}._5HA1l{position:absolute;right:12px;top:12px}.OXp7s{position:relative;vertical-align:middle;text-align:left;white-space:normal;box-sizing:border-box;min-width:0;min-height:0;max-width:100%;display:inline-block;background:var(--white);border-radius:var(--pds-round-m);box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.OXp7s:before,.OXp7s:after{content:"";display:table}.OXp7s:after{clear:both}.JQ0Kx .OXp7s,.llwRD .OXp7s{pointer-events:auto}.p-g77 .OXp7s,.mioMB .OXp7s{pointer-events:none;transition:transform 240ms cubic-bezier(0,0,.2,1) 0ms,opacity 240ms cubic-bezier(0,0,.2,1) 0ms}.JQ0Kx .OXp7s{transform:translate(0,16px);opacity:0}.p-g77 .OXp7s{transform:translate(0,0);opacity:1}.llwRD .OXp7s{transform:translate(0,0);opacity:1}.mioMB .OXp7s{transform:translate(0,16px);opacity:0}

package/Modal/index.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export type ModalProps = React.ComponentPropsWithoutRef<'div'> & {
+    /** Состояние, открыто или нет */
+    isOpen: boolean;
+    /** Отображение кнопки закрытия (крестик) */
+    isShowCloseButton?: boolean;
+    /** Рендер в конец `<body>` */
+    isRenderPortal?: boolean;
+    /** Запрещает прокрутку `<body>` */
+    isBodyScrollLock?: boolean;
+    /** Ширина */
+    width?: string | number;
+    /** Высота */
+    height?: string | number;
+    /** Внутренние отступы */
+    padding?: string | number;
+    /** Размещением по z-оси */
+    zIndex?: number;
+    /** Handle для закрытия попапа */
+    onClose: (e: any) => void;
+    /** @ignore */
+    className?: string;
+    /** @ignore */
+    ['data-qaid']?: string;
+    /** @ignore */
+    ['data-testid']?: string;
+};
+export declare const Modal: React.FC<ModalProps>;

package/Modal/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+    module.exports = require('./cjs/index.production.js');
+} else {
+    module.exports = require('./cjs/index.development.js');
+}

package/Modal/index.v2.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+    module.exports = require('./cjs/index.production.v2.js');
+} else {
+    module.exports = require('./cjs/index.development.v2.js');
+}

package/Modal/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@prom-ui/core/Modal",
+  "version": "1.9.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "classnames": "^2.3.1",
+    "react-transition-group": "^4.4.2"
+  }
+}

package/OutsideClick/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/OutsideClick",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Overlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Overlay",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/PhotoGallery/cjs/index.development.js

@@ -972,7 +972,8 @@ var css = {"scrolling":"PhotoGallery__scrolling___BeLzR","root":"PhotoGallery__r
 
 var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var src = _ref.src,
-    videoSrc = _ref.videoSrc;
+    videoSrc = _ref.videoSrc,
+    triggerInteraction = _ref.triggerInteraction;
   var videoIframeRef = React__namespace.useRef(null);
   var pinchZoomRef = React__namespace.useRef(null);
   var imgRef = React__namespace.useRef(null);
@@ -988,7 +989,13 @@ var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, r
         pinchZoomRef.current = new PinchZoom(imgRef.current, {
           draggableUnzoomed: false,
           animationDuration: 200,
-          setOffsetsOnce: false
+          setOffsetsOnce: false,
+          onDoubleTap: function onDoubleTap(target) {
+            // @ts-ignore
+            if ((target === null || target === void 0 ? void 0 : target.zoomFactor) === 1) {
+              triggerInteraction('maybeZoomImage');
+            }
+          }
         });
       }
     });
@@ -997,6 +1004,17 @@ var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, r
       (_pinchZoomRef$current2 = pinchZoomRef.current) === null || _pinchZoomRef$current2 === void 0 ? void 0 : _pinchZoomRef$current2.destroy();
     };
   }, [videoSrc]);
+  React__namespace.useEffect(function () {
+    var onBlur = function onBlur() {
+      if (isVideo && document.activeElement && document.activeElement.nodeName.toLowerCase() === 'iframe' && videoIframeRef.current && videoIframeRef.current === document.activeElement) {
+        triggerInteraction('maybePlayVideo');
+      }
+    };
+    window.addEventListener('blur', onBlur);
+    return function () {
+      window.removeEventListener('blur', onBlur);
+    };
+  }, [videoSrc]);
   React__namespace.useImperativeHandle(ref, function () {
     return {
       reset: reset
@@ -1032,7 +1050,9 @@ var MainPhotosImage = /*#__PURE__*/React__namespace.forwardRef(function (_ref, r
 
 var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var items = _ref.items,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    triggerInteraction = _ref.triggerInteraction;
+  var touchScreenX = React__namespace.useRef(null);
   var mainPhotoRefs = React__namespace.useRef([]);
   var scrollIndex = React__namespace.useRef(0);
   var localScrollRef = React__namespace.useRef(null);
@@ -1064,16 +1084,39 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
       destroyMainPhoto();
     }
   };
+  var onTouchStart = function onTouchStart(e) {
+    var currentTouchScreenX = e.changedTouches[0].screenX;
+    touchScreenX.current = currentTouchScreenX;
+  };
+  var onTouchEnd = function onTouchEnd(e) {
+    var currentTouchScreenX = e.changedTouches[0].screenX;
+    if (touchScreenX.current) {
+      if (touchScreenX.current > currentTouchScreenX) {
+        triggerInteraction('maybeSwipeLeft');
+      } else if (touchScreenX.current < currentTouchScreenX) {
+        triggerInteraction('maybeSwipeRight');
+      }
+      touchScreenX.current = null;
+    }
+  };
   return /*#__PURE__*/React__namespace.createElement(ScrollControls.ScrollControls, {
     ref: localScrollRef,
     className: css.mainPhotoScrollControls,
     showOnHover: true,
-    hideOnDisabled: true
+    hideOnDisabled: true,
+    onClickPrev: function onClickPrev() {
+      return triggerInteraction('clickPrevButton');
+    },
+    onClickNext: function onClickNext() {
+      return triggerInteraction('clickNextButton');
+    }
   }, function (scrollRef) {
     return /*#__PURE__*/React__namespace.createElement("div", {
       ref: scrollRef,
       className: css.mainPhoto,
-      onScroll: onScroll
+      onScroll: onScroll,
+      onTouchStart: onTouchStart,
+      onTouchEnd: onTouchEnd
     }, items.map(function (_ref2, index) {
       var type = _ref2.type,
         src = _ref2.src;
@@ -1090,7 +1133,8 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
           return mainPhotoRefs.current[index] = el;
         },
         src: previewSrc,
-        videoSrc: videoSrc
+        videoSrc: videoSrc,
+        triggerInteraction: triggerInteraction
       }));
     }));
   });
@@ -1099,7 +1143,8 @@ var MainPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
 var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var items = _ref.items,
     selectedIndex = _ref.selectedIndex,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    triggerInteraction = _ref.triggerInteraction;
   var localScrollRef = React__namespace.useRef(null);
   var scrollToIndex = function scrollToIndex(index) {
     var _localScrollRef$curre;
@@ -1125,6 +1170,7 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
       src = _ref2.src;
     var isVideo = type === 'video';
     var previewSrc = isVideo ? getVideoPreviewImage(src) : src;
+    var iteractionEventName = isVideo ? 'clickPreviewVideo' : 'clickPreviewImage';
     return /*#__PURE__*/React__namespace.createElement("div", {
       key: index,
       className: css.previewItem,
@@ -1134,7 +1180,8 @@ var PreviewPhotos = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
       className: css.previewButton,
       type: "button",
       onClick: function onClick() {
-        return _onClick(index);
+        triggerInteraction(iteractionEventName);
+        _onClick(index);
       },
       disabled: selectedIndex === index,
       "data-qaid": "photo_gallery_preview_button",
@@ -1165,7 +1212,8 @@ var Header = function Header(_ref) {
   var title = _ref.title,
     onClose = _ref.onClose,
     selectedIndex = _ref.selectedIndex,
-    itemsLength = _ref.itemsLength;
+    itemsLength = _ref.itemsLength,
+    triggerInteraction = _ref.triggerInteraction;
   var _useBodyTTag = useBodyTTag.useBodyTTag(),
     t = _useBodyTTag.t;
   var visibleSelectedIndex = selectedIndex + 1;
@@ -1182,7 +1230,10 @@ var Header = function Header(_ref) {
     "button-padding": "xxs",
     "button-theme": "black-inherit",
     type: "button",
-    onClick: onClose,
+    onClick: function onClick() {
+      triggerInteraction('clickCloseButton');
+      onClose();
+    },
     "data-qaid": "photo_gallery_close_button",
     "data-testid": "photo_gallery_close_button"
   }, /*#__PURE__*/React__namespace.createElement(Icon.Icon, {
@@ -1203,7 +1254,8 @@ var PhotoGallery = function PhotoGallery(_ref) {
     _ref$zIndex = _ref.zIndex,
     zIndex = _ref$zIndex === void 0 ? 5000 : _ref$zIndex,
     onClose = _ref.onClose,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    onInteraction = _ref.onInteraction;
   var refIsAllowChangePreviewPhoto = React__namespace.useRef(true);
   var refMainPhotos = React__namespace.useRef(null);
   var refPreviewPhotos = React__namespace.useRef(null);
@@ -1211,6 +1263,11 @@ var PhotoGallery = function PhotoGallery(_ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedIndex = _React$useState2[0],
     setSelectedIndex = _React$useState2[1];
+  var triggerInteraction = function triggerInteraction(eventName) {
+    if (typeof onInteraction === 'function') {
+      onInteraction(eventName);
+    }
+  };
   React__namespace.useEffect(function () {
     if (isOpen && typeof onChange === 'function') {
       onChange(selectedIndex);
@@ -1269,10 +1326,12 @@ var PhotoGallery = function PhotoGallery(_ref) {
   };
   var onPrevPhoto = function onPrevPhoto() {
     if (selectedIndex === 0) return;
+    triggerInteraction('keyPressPrev');
     onChangePreviewPhoto(selectedIndex - 1);
   };
   var onNextPhoto = function onNextPhoto() {
     if (selectedIndex === items.length - 1) return;
+    triggerInteraction('keyPressNext');
     onChangePreviewPhoto(selectedIndex + 1);
   };
   var onCloseHandle = function onCloseHandle() {
@@ -1288,9 +1347,15 @@ var PhotoGallery = function PhotoGallery(_ref) {
     timeout: 240,
     classNames: css,
     unmountOnExit: true
-    // onEnter={onOpen}
-    // onEntered={onOpened}
-    // onExited={onClosed}
+    // onEnter={() => triggerInteraction('open')}
+    // onExit={() => triggerInteraction('close')}
+    ,
+    onEntered: function onEntered() {
+      return triggerInteraction('opened');
+    },
+    onExited: function onExited() {
+      return triggerInteraction('closed');
+    }
   }, /*#__PURE__*/React__namespace.createElement(Portal.Portal, null, /*#__PURE__*/React__namespace.createElement("div", {
     className: css.root,
     "data-qaid": "photo_gallery",
@@ -1300,7 +1365,10 @@ var PhotoGallery = function PhotoGallery(_ref) {
     }
   }, /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
     code: "Escape",
-    onKeyUp: onCloseHandle
+    onKeyUp: function onKeyUp() {
+      triggerInteraction('keyPressClose');
+      onCloseHandle();
+    }
   }), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
     code: "ArrowLeft",
     onKeyUp: onPrevPhoto
@@ -1315,7 +1383,8 @@ var PhotoGallery = function PhotoGallery(_ref) {
     title: title,
     selectedIndex: selectedIndex,
     itemsLength: items.length,
-    onClose: onCloseHandle
+    onClose: onCloseHandle,
+    triggerInteraction: triggerInteraction
   })), /*#__PURE__*/React__namespace.createElement("div", {
     className: css.layoutContent
   }, /*#__PURE__*/React__namespace.createElement("section", {
@@ -1323,14 +1392,16 @@ var PhotoGallery = function PhotoGallery(_ref) {
   }, /*#__PURE__*/React__namespace.createElement(MainPhotos, {
     ref: refMainPhotos,
     items: items,
-    onChange: onChangeMainPhoto
+    onChange: onChangeMainPhoto,
+    triggerInteraction: triggerInteraction
   })), items.length > 1 && /*#__PURE__*/React__namespace.createElement("aside", {
     className: css.layoutAside
   }, /*#__PURE__*/React__namespace.createElement(PreviewPhotos, {
     ref: refPreviewPhotos,
     items: items,
     selectedIndex: selectedIndex,
-    onChange: onChangePreviewPhoto
+    onChange: onChangePreviewPhoto,
+    triggerInteraction: triggerInteraction
   }))))))));
 };