npm - @skbkontur/react-ui - Versions diffs - 5.6.9-5e213.0 → 5.6.10 - Mend

@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2366) hide show

package/cjs/internal/BGRuler.js CHANGED Viewed

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.BGRuler = void 0;var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.BGRuler = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _getDOMRect = require("../lib/dom/getDOMRect");
-var _createPropsGetter = require("../lib/createPropsGetter");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
+var _createPropsGetter = require("../lib/createPropsGetter");
@@ -21,7 +21,7 @@ var _createPropsGetter = require("../lib/createPropsGetter");function _callSuper
  *
  * @see FxInput/__stories__/FxInput.stories.tsx
  */var
-BGRuler = exports.BGRuler = /*#__PURE__*/function (_React$Component) {function BGRuler() {var _this;(0, _classCallCheck2.default)(this, BGRuler);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, BGRuler, [].concat(args));_this.
+BGRuler = exports.BGRuler = /*#__PURE__*/function (_React$Component) {function BGRuler() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
@@ -135,4 +135,4 @@ BGRuler = exports.BGRuler = /*#__PURE__*/function (_React$Component) {function B
     iframeRef = function (ref) {
       _this.iframe = ref;
-    };return _this;}(0, _inherits2.default)(BGRuler, _React$Component);return (0, _createClass2.default)(BGRuler, [{ key: "render", value: function render() {var _this$props = this.props,width = _this$props.width,bottom = _this$props.bottom;var _this$getProps = this.getProps(),height = _this$getProps.height,top = _this$getProps.top,left = _this$getProps.left,right = _this$getProps.right,color = _this$getProps.color;var wrapper = { position: 'absolute', width: width, height: height, top: top, bottom: bottom, left: left, right: right, overflow: 'hidden' };var iframe = { position: 'absolute', width: '100%', height: '100%', border: 0, visibility: 'hidden' };var marks = { position: 'absolute', top: 0, left: 0, width: '100%', backgroundSize: '100px 20px', backgroundRepeat: 'repeat-x' };var highMarks = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, marks), {}, { height: '100%', backgroundImage: "linear-gradient(90deg, ".concat(color, " 0, ").concat(color, " 1px, transparent 1px)") });var middleMarks = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, marks), {}, { height: '75%', backgroundImage: "linear-gradient(90deg, transparent 0, transparent 49px, ".concat(color, " 49px, ").concat(color, " 50px, transparent 50px)") });var shortMarks = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, marks), {}, { height: '40%', backgroundImage: "\n        linear-gradient(90deg, transparent 0, transparent 9px, ".concat(color, " 9px, ").concat(color, " 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, ").concat(color, " 19px, ").concat(color, " 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, ").concat(color, " 29px, ").concat(color, " 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, ").concat(color, " 39px, ").concat(color, " 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, ").concat(color, " 59px, ").concat(color, " 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, ").concat(color, " 69px, ").concat(color, " 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, ").concat(color, " 79px, ").concat(color, " 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, ").concat(color, " 89px, ").concat(color, " 90px, transparent 90px)\n      ") });var rulerWidth = (0, _getDOMRect.getDOMRect)(this.iframe).width;var labels = Array(Math.ceil(rulerWidth / 100) + 1).fill(null).map(function (value, index) {var label = { position: 'absolute', fontFamily: 'Arial', fontSize: 10, lineHeight: 1, color: color, bottom: -1, left: index * 100 + 5 };return /*#__PURE__*/_react.default.createElement("span", { key: index, style: label }, index * 100);});return /*#__PURE__*/_react.default.createElement("div", { style: wrapper }, /*#__PURE__*/_react.default.createElement("div", { style: highMarks }), /*#__PURE__*/_react.default.createElement("div", { style: middleMarks }), /*#__PURE__*/_react.default.createElement("div", { style: shortMarks }), labels, /*#__PURE__*/_react.default.createElement("iframe", { title: "BGRuler", style: iframe, ref: this.iframeRef }));} }]);}(_react.default.Component);BGRuler.defaultProps = { height: 20, top: 0, left: 0, right: 0, color: '#333' };
+    };return _this;}(0, _inheritsLoose2.default)(BGRuler, _React$Component);var _proto = BGRuler.prototype;_proto.render = function render() {var _this$props = this.props,width = _this$props.width,bottom = _this$props.bottom;var _this$getProps = this.getProps(),height = _this$getProps.height,top = _this$getProps.top,left = _this$getProps.left,right = _this$getProps.right,color = _this$getProps.color;var wrapper = { position: 'absolute', width: width, height: height, top: top, bottom: bottom, left: left, right: right, overflow: 'hidden' };var iframe = { position: 'absolute', width: '100%', height: '100%', border: 0, visibility: 'hidden' };var marks = { position: 'absolute', top: 0, left: 0, width: '100%', backgroundSize: '100px 20px', backgroundRepeat: 'repeat-x' };var highMarks = (0, _extends2.default)({}, marks, { height: '100%', backgroundImage: "linear-gradient(90deg, " + color + " 0, " + color + " 1px, transparent 1px)" });var middleMarks = (0, _extends2.default)({}, marks, { height: '75%', backgroundImage: "linear-gradient(90deg, transparent 0, transparent 49px, " + color + " 49px, " + color + " 50px, transparent 50px)" });var shortMarks = (0, _extends2.default)({}, marks, { height: '40%', backgroundImage: "\n        linear-gradient(90deg, transparent 0, transparent 9px, " + color + " 9px, " + color + " 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, " + color + " 19px, " + color + " 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, " + color + " 29px, " + color + " 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, " + color + " 39px, " + color + " 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, " + color + " 59px, " + color + " 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, " + color + " 69px, " + color + " 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, " + color + " 79px, " + color + " 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, " + color + " 89px, " + color + " 90px, transparent 90px)\n      " });var rulerWidth = (0, _getDOMRect.getDOMRect)(this.iframe).width;var labels = Array(Math.ceil(rulerWidth / 100) + 1).fill(null).map(function (value, index) {var label = { position: 'absolute', fontFamily: 'Arial', fontSize: 10, lineHeight: 1, color: color, bottom: -1, left: index * 100 + 5 };return /*#__PURE__*/_react.default.createElement("span", { key: index, style: label }, index * 100);});return /*#__PURE__*/_react.default.createElement("div", { style: wrapper }, /*#__PURE__*/_react.default.createElement("div", { style: highMarks }), /*#__PURE__*/_react.default.createElement("div", { style: middleMarks }), /*#__PURE__*/_react.default.createElement("div", { style: shortMarks }), labels, /*#__PURE__*/_react.default.createElement("iframe", { title: "BGRuler", style: iframe, ref: this.iframeRef }));};return BGRuler;}(_react.default.Component);BGRuler.defaultProps = { height: 20, top: 0, left: 0, right: 0, color: '#333' };

package/cjs/internal/BGRuler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_getDOMRect","_createPropsGetter","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","BGRuler","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","getProps","createPropsGetter","defaultProps","iframe","componentDidMount","contentWindow","addEventListener","update","componentWillUnmount","removeEventListener","forceUpdate","iframeRef","ref","_inherits2","_createClass2","key","value","render","_this$props","props","width","bottom","_this$getProps","height","top","left","right","color","wrapper","position","overflow","border","visibility","marks","backgroundSize","backgroundRepeat","highMarks","_objectSpread2","backgroundImage","middleMarks","shortMarks","rulerWidth","getDOMRect","labels","Math","ceil","fill","map","index","label","fontFamily","fontSize","lineHeight","createElement","style","title","React","Component"],"sources":["BGRuler.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\nexport interface BGRulerProps {\n width?: string \| number;\n height?: string \| number;\n top?: string \| number;\n bottom?: string \| number;\n right?: string \| number;\n left?: string \| number;\n color?: string;\n}\n\ntype DefaultProps = Required<Pick<BGRulerProps, 'height' \| 'top' \| 'left' \| 'right' \| 'color'>>;\n\n/*\n Компонент рисует пиксельную линейку на заднем фоне.\n * Помогает контролировать размеры элементов при скриншотном тестировании.\n \n @see FxInput/__stories__/FxInput.stories.tsx\n /\nexport class BGRuler extends React.Component<BGRulerProps> {\n public static defaultProps: DefaultProps = {\n height: 20,\n top: 0,\n left: 0,\n right: 0,\n color: '#333',\n };\n\n private getProps = createPropsGetter(BGRuler.defaultProps);\n\n private iframe: HTMLIFrameElement \| null = null;\n\n public componentDidMount = () => {\n if (this.iframe && this.iframe.contentWindow) {\n this.iframe.contentWindow.addEventListener('resize', this.update, true);\n }\n this.update();\n };\n\n public componentWillUnmount = () => {\n if (this.iframe && this.iframe.contentWindow) {\n this.iframe.contentWindow.removeEventListener('resize', this.update, true);\n }\n };\n\n public update = () => {\n this.forceUpdate();\n };\n\n public render() {\n const { width, bottom } = this.props;\n const { height, top, left, right, color } = this.getProps();\n const wrapper: React.CSSProperties = {\n position: 'absolute',\n width,\n height,\n top,\n bottom,\n left,\n right,\n overflow: 'hidden',\n };\n const iframe: React.CSSProperties = {\n position: 'absolute',\n width: '100%',\n height: '100%',\n border: 0,\n visibility: 'hidden',\n };\n const marks: React.CSSProperties = {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n backgroundSize: '100px 20px',\n backgroundRepeat: 'repeat-x',\n };\n const highMarks: React.CSSProperties = {\n ...marks,\n height: '100%',\n backgroundImage: `linear-gradient(90deg, ${color} 0, ${color} 1px, transparent 1px)`,\n };\n const middleMarks: React.CSSProperties = {\n ...marks,\n height: '75%',\n backgroundImage: `linear-gradient(90deg, transparent 0, transparent 49px, ${color} 49px, ${color} 50px, transparent 50px)`,\n };\n const shortMarks: React.CSSProperties = {\n ...marks,\n height: '40%',\n backgroundImage: `\n linear-gradient(90deg, transparent 0, transparent 9px, ${color} 9px, ${color} 10px, transparent 10px),\n linear-gradient(90deg, transparent 0, transparent 19px, ${color} 19px, ${color} 20px, transparent 20px),\n linear-gradient(90deg, transparent 0, transparent 29px, ${color} 29px, ${color} 30px, transparent 30px),\n linear-gradient(90deg, transparent 0, transparent 39px, ${color} 39px, ${color} 40px, transparent 40px),\n linear-gradient(90deg, transparent 0, transparent 59px, ${color} 59px, ${color} 60px, transparent 60px),\n linear-gradient(90deg, transparent 0, transparent 69px, ${color} 69px, ${color} 70px, transparent 70px),\n linear-gradient(90deg, transparent 0, transparent 79px, ${color} 79px, ${color} 80px, transparent 80px),\n linear-gradient(90deg, transparent 0, transparent 89px, ${color} 89px, ${color} 90px, transparent 90px)\n `,\n };\n const rulerWidth = getDOMRect(this.iframe).width;\n const labels = Array(Math.ceil(rulerWidth / 100) + 1)\n .fill(null)\n .map((value, index) => {\n const label: React.CSSProperties = {\n position: 'absolute',\n fontFamily: 'Arial',\n fontSize: 10,\n lineHeight: 1,\n color,\n bottom: -1,\n left: index 100 + 5,\n };\n return (\n <span key={index} style={label}>\n {index * 100}\n </span>\n );\n });\n return (\n <div style={wrapper}>\n <div style={highMarks} />\n <div style={middleMarks} />\n <div style={shortMarks} />\n {labels}\n <iframe title=\"BGRuler\" style={iframe} ref={this.iframeRef} />\n </div>\n );\n }\n\n private iframeRef = (ref: HTMLIFrameElement \| null) => {\n this.iframe = ref;\n };\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_getDOMRect","_createPropsGetter","BGRuler","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","iframe","componentDidMount","contentWindow","addEventListener","update","componentWillUnmount","removeEventListener","forceUpdate","iframeRef","ref","_inheritsLoose2","default","_proto","prototype","render","_this$props","props","width","bottom","_this$getProps","height","top","left","right","color","wrapper","position","overflow","border","visibility","marks","backgroundSize","backgroundRepeat","highMarks","_extends2","backgroundImage","middleMarks","shortMarks","rulerWidth","getDOMRect","labels","Math","ceil","fill","map","value","index","label","fontFamily","fontSize","lineHeight","createElement","key","style","title","React","Component"],"sources":["BGRuler.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\nexport interface BGRulerProps {\n width?: string \| number;\n height?: string \| number;\n top?: string \| number;\n bottom?: string \| number;\n right?: string \| number;\n left?: string \| number;\n color?: string;\n}\n\ntype DefaultProps = Required<Pick<BGRulerProps, 'height' \| 'top' \| 'left' \| 'right' \| 'color'>>;\n\n/*\n Компонент рисует пиксельную линейку на заднем фоне.\n * Помогает контролировать размеры элементов при скриншотном тестировании.\n \n @see FxInput/__stories__/FxInput.stories.tsx\n /\nexport class BGRuler extends React.Component<BGRulerProps> {\n public static defaultProps: DefaultProps = {\n height: 20,\n top: 0,\n left: 0,\n right: 0,\n color: '#333',\n };\n\n private getProps = createPropsGetter(BGRuler.defaultProps);\n\n private iframe: HTMLIFrameElement \| null = null;\n\n public componentDidMount = () => {\n if (this.iframe && this.iframe.contentWindow) {\n this.iframe.contentWindow.addEventListener('resize', this.update, true);\n }\n this.update();\n };\n\n public componentWillUnmount = () => {\n if (this.iframe && this.iframe.contentWindow) {\n this.iframe.contentWindow.removeEventListener('resize', this.update, true);\n }\n };\n\n public update = () => {\n this.forceUpdate();\n };\n\n public render() {\n const { width, bottom } = this.props;\n const { height, top, left, right, color } = this.getProps();\n const wrapper: React.CSSProperties = {\n position: 'absolute',\n width,\n height,\n top,\n bottom,\n left,\n right,\n overflow: 'hidden',\n };\n const iframe: React.CSSProperties = {\n position: 'absolute',\n width: '100%',\n height: '100%',\n border: 0,\n visibility: 'hidden',\n };\n const marks: React.CSSProperties = {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n backgroundSize: '100px 20px',\n backgroundRepeat: 'repeat-x',\n };\n const highMarks: React.CSSProperties = {\n ...marks,\n height: '100%',\n backgroundImage: `linear-gradient(90deg, ${color} 0, ${color} 1px, transparent 1px)`,\n };\n const middleMarks: React.CSSProperties = {\n ...marks,\n height: '75%',\n backgroundImage: `linear-gradient(90deg, transparent 0, transparent 49px, ${color} 49px, ${color} 50px, transparent 50px)`,\n };\n const shortMarks: React.CSSProperties = {\n ...marks,\n height: '40%',\n backgroundImage: `\n linear-gradient(90deg, transparent 0, transparent 9px, ${color} 9px, ${color} 10px, transparent 10px),\n linear-gradient(90deg, transparent 0, transparent 19px, ${color} 19px, ${color} 20px, transparent 20px),\n linear-gradient(90deg, transparent 0, transparent 29px, ${color} 29px, ${color} 30px, transparent 30px),\n linear-gradient(90deg, transparent 0, transparent 39px, ${color} 39px, ${color} 40px, transparent 40px),\n linear-gradient(90deg, transparent 0, transparent 59px, ${color} 59px, ${color} 60px, transparent 60px),\n linear-gradient(90deg, transparent 0, transparent 69px, ${color} 69px, ${color} 70px, transparent 70px),\n linear-gradient(90deg, transparent 0, transparent 79px, ${color} 79px, ${color} 80px, transparent 80px),\n linear-gradient(90deg, transparent 0, transparent 89px, ${color} 89px, ${color} 90px, transparent 90px)\n `,\n };\n const rulerWidth = getDOMRect(this.iframe).width;\n const labels = Array(Math.ceil(rulerWidth / 100) + 1)\n .fill(null)\n .map((value, index) => {\n const label: React.CSSProperties = {\n position: 'absolute',\n fontFamily: 'Arial',\n fontSize: 10,\n lineHeight: 1,\n color,\n bottom: -1,\n left: index 100 + 5,\n };\n return (\n <span key={index} style={label}>\n {index * 100}\n </span>\n );\n });\n return (\n <div style={wrapper}>\n <div style={highMarks} />\n <div style={middleMarks} />\n <div style={shortMarks} />\n {labels}\n <iframe title=\"BGRuler\" style={iframe} ref={this.iframeRef} />\n </div>\n );\n }\n\n private iframeRef = (ref: HTMLIFrameElement \| null) => {\n this.iframe = ref;\n };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ClearCrossIcon/ClearCrossIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.ClearCrossIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ClearCrossIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
@@ -28,7 +28,7 @@ var ClearCrossIcon = exports.ClearCrossIcon = function ClearCrossIcon(_ref)
-{var _ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size,style = _ref.style,dataTid = _ref['data-tid'],rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+{var _ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size,style = _ref.style,dataTid = _ref['data-tid'],rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   var theme = _react.default.useContext(_ThemeContext.ThemeContext);
   var getSizeClassNames = function getSizeClassNames(size) {
     switch (size) {
@@ -42,11 +42,11 @@ var ClearCrossIcon = exports.ClearCrossIcon = function ClearCrossIcon(_ref)
     }
   };
-  var _React$useState = _react.default.useState(false),_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),focusedByTab = _React$useState2[0],setFocusedByTab = _React$useState2[1];
+  var _React$useState = _react.default.useState(false),focusedByTab = _React$useState[0],setFocusedByTab = _React$useState[1];
-  var handleFocus = function handleFocus() {var _globalObject$request;
+  var handleFocus = function handleFocus() {
     // focus event fires before keyDown eventlistener so we should check tabPressed in async way
-    (_globalObject$request = _globalObject.globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(_globalObject.globalObject, function () {
+    _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
       if (_keyListener.keyListener.isTabPressed) {
         setFocusedByTab(true);
       }

package/cjs/internal/ClearCrossIcon/ClearCrossIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Emotion","_keyListener","_ThemeContext","_CommonWrapper","_ClearCrossIcon","_CrossIcon","_excluded","ClearCrossIcon","exports","_ref","_ref$size","size","style","dataTid","rest","~~_objectWithoutProperties2~~","default","theme","React","useContext","ThemeContext","getSizeClassNames","button","styles","clearCrossLarge","span","relativeWidthLarge","clearCrossMedium","relativeWidthMedium","clearCrossSmall","relativeWidthSmall","_React$useState","useState","~~_React$useState2","_slicedToArray2","~~focusedByTab","setFocusedByTab","handleFocus","~~_globalObject$request","~~globalObject","requestAnimationFrame","~~call","~~keyListener","isTabPressed","handleBlur","createElement","CommonWrapper","className","_extends2","type","tabIndex","cx","root","focus","onFocus","onBlur","CrossIcon","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["ClearCrossIcon.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { TokenSize } from '../../components/Token';\n\nimport { styles } from './ClearCrossIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface ClearCrossIconProps\n extends Pick<AriaAttributes, 'aria-label'>,\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n CommonProps {\n /** Ширина и высота иконки крестика\n * @default small */\n size?: SizeProp;\n 'data-tid'?: string;\n}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({\n size = 'small',\n style,\n 'data-tid': dataTid,\n ...rest\n}) => {\n const theme = React.useContext(ThemeContext);\n const getSizeClassNames = (size: TokenSize) => {\n switch (size) {\n case 'large':\n return { button: styles.clearCrossLarge(theme), span: styles.relativeWidthLarge(theme) };\n case 'medium':\n return { button: styles.clearCrossMedium(theme), span: styles.relativeWidthMedium(theme) };\n case 'small':\n default:\n return { button: styles.clearCrossSmall(theme), span: styles.relativeWidthSmall(theme) };\n }\n };\n\n const [focusedByTab, setFocusedByTab] = React.useState<boolean>(false);\n\n const handleFocus = () => {\n // focus event fires before keyDown eventlistener so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n };\n const handleBlur = () => setFocusedByTab(false);\n\n return (\n <CommonWrapper {...rest}>\n <span className={getSizeClassNames(size).span}>\n <button\n data-tid={dataTid}\n type=\"button\"\n tabIndex={-1}\n className={cx(\n styles.root(theme),\n // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4\n focusedByTab && styles.focus(theme),\n getSizeClassNames(size).button,\n )}\n style={style}\n onFocus={handleFocus}\n onBlur={handleBlur}\n {...rest}\n >\n <CrossIcon size={size} focusable />\n </button>\n </span>\n </CommonWrapper>\n );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,cAAA,GAAAL,OAAA;;;;AAIA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA,gBAAwC,IAAAQ,SAAA;;;;;;;;;;;;AAYjC,IAAMC,cAA4D,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAA/DA,cAA4DA,CAAAE,IAAA;;;;;AAKnE,KAAAC,SAAA,GAAAD,IAAA,CAJJE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CACdE,KAAK,GAAAH,IAAA,CAALG,KAAK,CACOC,OAAO,GAAAJ,IAAA,CAAnB,UAAU,EACPK,IAAI,OAAAC,~~yBAAA~~,CAAAC,OAAA,EAAAP,IAAA,EAAAH,SAAA;EAEP,IAAMW,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIV,IAAe,EAAK;IAC7C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAEW,MAAM,EAAEC,sBAAM,CAACC,eAAe,CAACP,KAAK,CAAC,EAAEQ,IAAI,EAAEF,sBAAM,CAACG,kBAAkB,CAACT,KAAK,CAAC,CAAC,CAAC;MAC1F,KAAK,QAAQ;QACX,OAAO,EAAEK,MAAM,EAAEC,sBAAM,CAACI,gBAAgB,CAACV,KAAK,CAAC,EAAEQ,IAAI,EAAEF,sBAAM,CAACK,mBAAmB,CAACX,KAAK,CAAC,CAAC,CAAC;MAC5F,KAAK,OAAO;MACZ;QACE,OAAO,EAAEK,MAAM,EAAEC,sBAAM,CAACM,eAAe,CAACZ,KAAK,CAAC,EAAEQ,IAAI,EAAEF,sBAAM,CAACO,kBAAkB,CAACb,KAAK,CAAC,CAAC,CAAC;IAC5F;EACF,CAAC;;EAED,IAAAc,eAAA,GAAwCb,cAAK,CAACc,QAAQ,CAAU,KAAK,CAAC,~~CAAAC,gBAAA,OAAAC,eAAA,CAAAlB,OAAA,EAAAe,eAAA,KAA~~/DI,YAAY,GAAAF,~~gBAAA~~,IAAEG,eAAe,GAAAH,~~gBAAA~~;;EAEpC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS~~,KAAAC,qBAAA~~;IACxB;~~IACA~~,~~CAAAA,qBAAA,GAAAC,~~0BAAY,CAACC,qBAAqB,~~cAAAF~~,~~qBAAA~~,~~eAAlCA~~,~~qBAAA~~,~~CAAAG~~,~~IAAA,CAAAF,0BAAY,EAAyB,~~YAAM;MACzC,~~IAAIG~~,wBAAW,CAACC,YAAY,EAAE;~~QAC5BP~~,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;EACD,~~IAAMQ~~,UAAU,GAAG,SAAbA,UAAUA,CAAA,~~UAASR~~,eAAe,CAAC,KAAK,CAAC;;EAE/C;~~IACExC~~,MAAA,CAAAoB,OAAA,~~CAAA6B~~,aAAA,~~CAAC1C~~,cAAA,~~CAAA2C~~,aAAa,~~EAAKhC~~,IAAI;IACrBlB,MAAA,CAAAoB,OAAA,~~CAAA6B~~,aAAA,WAAME,SAAS,~~EAAE1B~~,iBAAiB,CAACV,IAAI,CAAC,CAACc,IAAK;IAC5C7B,MAAA,CAAAoB,OAAA,~~CAAA6B~~,aAAA,eAAAG,SAAA,~~CAAAhC~~,OAAA;MACE,YAAUH,OAAQ;~~MAClBoC~~,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAE,CAAC,CAAE;MACbH,SAAS,EAAE,IAAAI,WAAE;~~QACX5B~~,sBAAM,~~CAAC6B~~,IAAI,~~CAACnC~~,KAAK,CAAC;QAClB;~~QACAkB~~,YAAY,~~IAAIZ~~,sBAAM,~~CAAC8B~~,KAAK,~~CAACpC~~,KAAK,CAAC;QACnCI,iBAAiB,CAACV,IAAI,CAAC,CAACW;MAC1B,CAAE;MACFV,KAAK,EAAEA,KAAM;~~MACb0C~~,OAAO,~~EAAEjB~~,WAAY;~~MACrBkB~~,MAAM,EAAEX,UAAW;~~IACf9B~~,IAAI;;IAERlB,MAAA,CAAAoB,OAAA,~~CAAA6B~~,aAAA,~~CAACxC~~,UAAA,~~CAAAmD~~,SAAS,~~IAAC7C~~,IAAI,EAAEA,IAAK,~~EAAC8C~~,SAAS,QAAE;IAC5B;IACJ;IACO,CAAC;;AAEpB,CAAC;;~~AAEDlD~~,cAAc,~~CAACmD~~,mBAAmB,GAAG,gBAAgB;~~AACrDnD~~,cAAc,~~CAACoD~~,WAAW,GAAG,gBAAgB","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Emotion","_keyListener","_ThemeContext","_CommonWrapper","_ClearCrossIcon","_CrossIcon","_excluded","ClearCrossIcon","exports","_ref","_ref$size","size","style","dataTid","rest","_objectWithoutPropertiesLoose2","default","theme","React","useContext","ThemeContext","getSizeClassNames","button","styles","clearCrossLarge","span","relativeWidthLarge","clearCrossMedium","relativeWidthMedium","clearCrossSmall","relativeWidthSmall","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","createElement","CommonWrapper","className","_extends2","type","tabIndex","cx","root","focus","onFocus","onBlur","CrossIcon","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["ClearCrossIcon.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { TokenSize } from '../../components/Token';\n\nimport { styles } from './ClearCrossIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface ClearCrossIconProps\n extends Pick<AriaAttributes, 'aria-label'>,\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n CommonProps {\n /** Ширина и высота иконки крестика\n * @default small */\n size?: SizeProp;\n 'data-tid'?: string;\n}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({\n size = 'small',\n style,\n 'data-tid': dataTid,\n ...rest\n}) => {\n const theme = React.useContext(ThemeContext);\n const getSizeClassNames = (size: TokenSize) => {\n switch (size) {\n case 'large':\n return { button: styles.clearCrossLarge(theme), span: styles.relativeWidthLarge(theme) };\n case 'medium':\n return { button: styles.clearCrossMedium(theme), span: styles.relativeWidthMedium(theme) };\n case 'small':\n default:\n return { button: styles.clearCrossSmall(theme), span: styles.relativeWidthSmall(theme) };\n }\n };\n\n const [focusedByTab, setFocusedByTab] = React.useState<boolean>(false);\n\n const handleFocus = () => {\n // focus event fires before keyDown eventlistener so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n };\n const handleBlur = () => setFocusedByTab(false);\n\n return (\n <CommonWrapper {...rest}>\n <span className={getSizeClassNames(size).span}>\n <button\n data-tid={dataTid}\n type=\"button\"\n tabIndex={-1}\n className={cx(\n styles.root(theme),\n // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4\n focusedByTab && styles.focus(theme),\n getSizeClassNames(size).button,\n )}\n style={style}\n onFocus={handleFocus}\n onBlur={handleBlur}\n {...rest}\n >\n <CrossIcon size={size} focusable />\n </button>\n </span>\n </CommonWrapper>\n );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,cAAA,GAAAL,OAAA;;;;AAIA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA,gBAAwC,IAAAQ,SAAA;;;;;;;;;;;;AAYjC,IAAMC,cAA4D,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAA/DA,cAA4DA,CAAAE,IAAA;;;;;AAKnE,KAAAC,SAAA,GAAAD,IAAA,CAJJE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CACdE,KAAK,GAAAH,IAAA,CAALG,KAAK,CACOC,OAAO,GAAAJ,IAAA,CAAnB,UAAU,EACPK,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAH,SAAA;EAEP,IAAMW,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIV,IAAe,EAAK;IAC7C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAEW,MAAM,EAAEC,sBAAM,CAACC,eAAe,CAACP,KAAK,CAAC,EAAEQ,IAAI,EAAEF,sBAAM,CAACG,kBAAkB,CAACT,KAAK,CAAC,CAAC,CAAC;MAC1F,KAAK,QAAQ;QACX,OAAO,EAAEK,MAAM,EAAEC,sBAAM,CAACI,gBAAgB,CAACV,KAAK,CAAC,EAAEQ,IAAI,EAAEF,sBAAM,CAACK,mBAAmB,CAACX,KAAK,CAAC,CAAC,CAAC;MAC5F,KAAK,OAAO;MACZ;QACE,OAAO,EAAEK,MAAM,EAAEC,sBAAM,CAACM,eAAe,CAACZ,KAAK,CAAC,EAAEQ,IAAI,EAAEF,sBAAM,CAACO,kBAAkB,CAACb,KAAK,CAAC,CAAC,CAAC;IAC5F;EACF,CAAC;;EAED,IAAAc,eAAA,GAAwCb,cAAK,CAACc,QAAQ,CAAU,KAAK,CAAC,CAA/DC,YAAY,GAAAF,eAAA,IAAEG,eAAe,GAAAH,eAAA;;EAEpC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB;IACAC,0BAAY,CAACC,qBAAqB,YAAlCD,0BAAY,CAACC,qBAAqB,CAAG,YAAM;MACzC,IAAIC,wBAAW,CAACC,YAAY,EAAE;QAC5BL,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;EACD,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAA,UAASN,eAAe,CAAC,KAAK,CAAC;;EAE/C;IACEtC,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,CAACtC,cAAA,CAAAuC,aAAa,EAAK5B,IAAI;IACrBlB,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,WAAME,SAAS,EAAEtB,iBAAiB,CAACV,IAAI,CAAC,CAACc,IAAK;IAC5C7B,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,eAAAG,SAAA,CAAA5B,OAAA;MACE,YAAUH,OAAQ;MAClBgC,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAE,CAAC,CAAE;MACbH,SAAS,EAAE,IAAAI,WAAE;QACXxB,sBAAM,CAACyB,IAAI,CAAC/B,KAAK,CAAC;QAClB;QACAgB,YAAY,IAAIV,sBAAM,CAAC0B,KAAK,CAAChC,KAAK,CAAC;QACnCI,iBAAiB,CAACV,IAAI,CAAC,CAACW;MAC1B,CAAE;MACFV,KAAK,EAAEA,KAAM;MACbsC,OAAO,EAAEf,WAAY;MACrBgB,MAAM,EAAEX,UAAW;IACf1B,IAAI;;IAERlB,MAAA,CAAAoB,OAAA,CAAAyB,aAAA,CAACpC,UAAA,CAAA+C,SAAS,IAACzC,IAAI,EAAEA,IAAK,EAAC0C,SAAS,QAAE;IAC5B;IACJ;IACO,CAAC;;AAEpB,CAAC;;AAED9C,cAAc,CAAC+C,mBAAmB,GAAG,gBAAgB;AACrD/C,cAAc,CAACgD,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/cjs/internal/ClearCrossIcon/ClearCrossIcon.styles.js CHANGED Viewed

@@ -1,10 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.styles = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      ", "\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n      &:hover {\n        color: ", ";\n      }\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      position: absolute;\n      right: -", ";\n      top: -", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n      &:hover {\n        color: ", ";\n      }\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      position: absolute;\n      right: -", ";\n      top: -", ";\n    "])),
     (0, _Mixins.resetButton)(),
     t.clearCrossIconColor,
@@ -22,46 +22,46 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.clearCrossIconHoverColor);
   },
   clearCrossSmall: function clearCrossSmall(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
     t.clearCrossIconWidthSmall,
     t.clearCrossIconHeightSmall,
     t.clearCrossIconBorderRadiusSmall);
   },
   clearCrossMedium: function clearCrossMedium(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
     t.clearCrossIconWidthMedium,
     t.clearCrossIconHeightMedium,
     t.clearCrossIconBorderRadiusMedium);
   },
   clearCrossLarge: function clearCrossLarge(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
     t.clearCrossIconWidthLarge,
     t.clearCrossIconHeightLarge,
     t.clearCrossIconBorderRadiusLarge);
   },
   relativeWidthSmall: function relativeWidthSmall(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n      display: inline-block;\n      width: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      width: ", ";\n    "])),
     t.inputIconSizeSmall);
   },
   relativeWidthMedium: function relativeWidthMedium(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n      display: inline-block;\n      width: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      width: ", ";\n    "])),
     t.inputIconSizeMedium);
   },
   relativeWidthLarge: function relativeWidthLarge(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n      display: inline-block;\n      width: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      width: ", ";\n    "])),
     t.inputIconSizeLarge);

package/cjs/internal/ClearCrossIcon/ClearCrossIcon.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","styles","exports","memoizeStyle","root","t","css","~~_taggedTemplateLiteral2~~","default","resetButton","clearCrossIconColor","transitionDuration","transitionTimingFunction","clearCrossIconHoverColor","clearCrossIconAlign","inputBorderWidth","focus","clearCrossSmall","clearCrossIconWidthSmall","clearCrossIconHeightSmall","clearCrossIconBorderRadiusSmall","clearCrossMedium","clearCrossIconWidthMedium","clearCrossIconHeightMedium","clearCrossIconBorderRadiusMedium","clearCrossLarge","clearCrossIconWidthLarge","clearCrossIconHeightLarge","clearCrossIconBorderRadiusLarge","relativeWidthSmall","inputIconSizeSmall","relativeWidthMedium","inputIconSizeMedium","relativeWidthLarge","inputIconSizeLarge"],"sources":["ClearCrossIcon.styles.tsx"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()}\n color: ${t.clearCrossIconColor};\n cursor: pointer;\n transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n &:hover {\n color: ${t.clearCrossIconHoverColor};\n }\n display: flex;\n justify-content: ${t.clearCrossIconAlign};\n align-items: center;\n position: absolute;\n right: -${t.inputBorderWidth};\n top: -${t.inputBorderWidth};\n `;\n },\n\n focus(t: Theme) {\n return css`\n color: ${t.clearCrossIconHoverColor};\n `;\n },\n\n clearCrossSmall(t: Theme) {\n return css`\n width: ${t.clearCrossIconWidthSmall};\n height: ${t.clearCrossIconHeightSmall};\n border-radius: ${t.clearCrossIconBorderRadiusSmall};\n `;\n },\n clearCrossMedium(t: Theme) {\n return css`\n width: ${t.clearCrossIconWidthMedium};\n height: ${t.clearCrossIconHeightMedium};\n border-radius: ${t.clearCrossIconBorderRadiusMedium};\n `;\n },\n clearCrossLarge(t: Theme) {\n return css`\n width: ${t.clearCrossIconWidthLarge};\n height: ${t.clearCrossIconHeightLarge};\n border-radius: ${t.clearCrossIconBorderRadiusLarge};\n `;\n },\n relativeWidthSmall(t: Theme) {\n return css`\n display: inline-block;\n width: ${t.inputIconSizeSmall};\n `;\n },\n relativeWidthMedium(t: Theme) {\n return css`\n display: inline-block;\n width: ${t.inputIconSizeMedium};\n `;\n },\n relativeWidthLarge(t: Theme) {\n return css`\n display: inline-block;\n width: ${t.inputIconSizeLarge};\n `;\n },\n});\n"],"mappings":"~~8SAAA~~,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAE/C,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAb,eAAA,KAAAA,eAAA,OAAAc,~~uBAAA~~,CAAAC,OAAA;IACN,IAAAC,mBAAW,EAAC,CAAC;IACNJ,CAAC,CAACK,mBAAmB;;IAEVL,CAAC,CAACM,kBAAkB,EAAIN,CAAC,CAACO,wBAAwB;;IAE3DP,CAAC,CAACQ,wBAAwB;;;IAGlBR,CAAC,CAACS,mBAAmB;;;IAG9BT,CAAC,CAACU,gBAAgB;IACpBV,CAAC,CAACU,gBAAgB;;EAE9B,CAAC;;EAEDC,KAAK,WAAAA,MAACX,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,~~uBAAA~~,CAAAC,OAAA;IACCH,CAAC,CAACQ,wBAAwB;;EAEvC,CAAC;;EAEDI,eAAe,WAAAA,gBAACZ,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,~~uBAAA~~,CAAAC,OAAA;IACCH,CAAC,CAACa,wBAAwB;IACzBb,CAAC,CAACc,yBAAyB;IACpBd,CAAC,CAACe,+BAA+B;;EAEtD,CAAC;EACDC,gBAAgB,WAAAA,iBAAChB,CAAQ,EAAE;IACzB,WAAOC,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,~~uBAAA~~,CAAAC,OAAA;IACCH,CAAC,CAACiB,yBAAyB;IAC1BjB,CAAC,CAACkB,0BAA0B;IACrBlB,CAAC,CAACmB,gCAAgC;;EAEvD,CAAC;EACDC,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,~~uBAAA~~,CAAAC,OAAA;IACCH,CAAC,CAACqB,wBAAwB;IACzBrB,CAAC,CAACsB,yBAAyB;IACpBtB,CAAC,CAACuB,+BAA+B;;EAEtD,CAAC;EACDC,kBAAkB,WAAAA,mBAACxB,CAAQ,EAAE;IAC3B,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,~~uBAAA~~,CAAAC,OAAA;;IAECH,CAAC,CAACyB,kBAAkB;;EAEjC,CAAC;EACDC,mBAAmB,WAAAA,oBAAC1B,CAAQ,EAAE;IAC5B,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,~~uBAAA~~,CAAAC,OAAA;;IAECH,CAAC,CAAC2B,mBAAmB;;EAElC,CAAC;EACDC,kBAAkB,WAAAA,mBAAC5B,CAAQ,EAAE;IAC3B,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,~~uBAAA~~,CAAAC,OAAA;;IAECH,CAAC,CAAC6B,kBAAkB;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","clearCrossIconColor","transitionDuration","transitionTimingFunction","clearCrossIconHoverColor","clearCrossIconAlign","inputBorderWidth","focus","clearCrossSmall","clearCrossIconWidthSmall","clearCrossIconHeightSmall","clearCrossIconBorderRadiusSmall","clearCrossMedium","clearCrossIconWidthMedium","clearCrossIconHeightMedium","clearCrossIconBorderRadiusMedium","clearCrossLarge","clearCrossIconWidthLarge","clearCrossIconHeightLarge","clearCrossIconBorderRadiusLarge","relativeWidthSmall","inputIconSizeSmall","relativeWidthMedium","inputIconSizeMedium","relativeWidthLarge","inputIconSizeLarge"],"sources":["ClearCrossIcon.styles.tsx"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()}\n color: ${t.clearCrossIconColor};\n cursor: pointer;\n transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n &:hover {\n color: ${t.clearCrossIconHoverColor};\n }\n display: flex;\n justify-content: ${t.clearCrossIconAlign};\n align-items: center;\n position: absolute;\n right: -${t.inputBorderWidth};\n top: -${t.inputBorderWidth};\n `;\n },\n\n focus(t: Theme) {\n return css`\n color: ${t.clearCrossIconHoverColor};\n `;\n },\n\n clearCrossSmall(t: Theme) {\n return css`\n width: ${t.clearCrossIconWidthSmall};\n height: ${t.clearCrossIconHeightSmall};\n border-radius: ${t.clearCrossIconBorderRadiusSmall};\n `;\n },\n clearCrossMedium(t: Theme) {\n return css`\n width: ${t.clearCrossIconWidthMedium};\n height: ${t.clearCrossIconHeightMedium};\n border-radius: ${t.clearCrossIconBorderRadiusMedium};\n `;\n },\n clearCrossLarge(t: Theme) {\n return css`\n width: ${t.clearCrossIconWidthLarge};\n height: ${t.clearCrossIconHeightLarge};\n border-radius: ${t.clearCrossIconBorderRadiusLarge};\n `;\n },\n relativeWidthSmall(t: Theme) {\n return css`\n display: inline-block;\n width: ${t.inputIconSizeSmall};\n `;\n },\n relativeWidthMedium(t: Theme) {\n return css`\n display: inline-block;\n width: ${t.inputIconSizeMedium};\n `;\n },\n relativeWidthLarge(t: Theme) {\n return css`\n display: inline-block;\n width: ${t.inputIconSizeLarge};\n `;\n },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAE/C,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAb,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;IACN,IAAAC,mBAAW,EAAC,CAAC;IACNJ,CAAC,CAACK,mBAAmB;;IAEVL,CAAC,CAACM,kBAAkB,EAAIN,CAAC,CAACO,wBAAwB;;IAE3DP,CAAC,CAACQ,wBAAwB;;;IAGlBR,CAAC,CAACS,mBAAmB;;;IAG9BT,CAAC,CAACU,gBAAgB;IACpBV,CAAC,CAACU,gBAAgB;;EAE9B,CAAC;;EAEDC,KAAK,WAAAA,MAACX,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACQ,wBAAwB;;EAEvC,CAAC;;EAEDI,eAAe,WAAAA,gBAACZ,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACa,wBAAwB;IACzBb,CAAC,CAACc,yBAAyB;IACpBd,CAAC,CAACe,+BAA+B;;EAEtD,CAAC;EACDC,gBAAgB,WAAAA,iBAAChB,CAAQ,EAAE;IACzB,WAAOC,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACiB,yBAAyB;IAC1BjB,CAAC,CAACkB,0BAA0B;IACrBlB,CAAC,CAACmB,gCAAgC;;EAEvD,CAAC;EACDC,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACqB,wBAAwB;IACzBrB,CAAC,CAACsB,yBAAyB;IACpBtB,CAAC,CAACuB,+BAA+B;;EAEtD,CAAC;EACDC,kBAAkB,WAAAA,mBAACxB,CAAQ,EAAE;IAC3B,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;IAECH,CAAC,CAACyB,kBAAkB;;EAEjC,CAAC;EACDC,mBAAmB,WAAAA,oBAAC1B,CAAQ,EAAE;IAC5B,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;IAECH,CAAC,CAAC2B,mBAAmB;;EAElC,CAAC;EACDC,kBAAkB,WAAAA,mBAAC5B,CAAQ,EAAE;IAC3B,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;IAECH,CAAC,CAAC6B,kBAAkB;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/ClearCrossIcon/CrossIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.CrossIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CrossIcon = void 0;var _react = _interopRequireDefault(require("react"));
 var _iconSizer = require("../icons2022/iconSizer");
 var _XIcon16Light = require("../icons2022/XIcon/XIcon16Light");

package/cjs/internal/ClearCrossIcon/CrossIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_iconSizer","_XIcon16Light","_XIcon20Light","_XIcon24Regular","CrossIcon","exports","iconSizer","small","default","createElement","XIcon16Light","align","medium","XIcon20Light","large","XIcon24Regular"],"sources":["CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../icons2022/iconSizer';\nimport { XIcon16Light } from '../icons2022/XIcon/XIcon16Light';\nimport { XIcon20Light } from '../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../icons2022/XIcon/XIcon24Regular';\n\nexport const CrossIcon = iconSizer(\n {\n small: () => <XIcon16Light align=\"none\" />,\n medium: () => <XIcon20Light align=\"none\" />,\n large: () => <XIcon24Regular align=\"none\" />,\n },\n 'CrossIcon',\n);\n"],"mappings":"~~mMAAA~~,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;;AAEO,IAAMK,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,oBAAS;EAChC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,YAAY,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC;IAC1CC,MAAM,EAAE,SAAAA,OAAA,uBAAMf,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAW,YAAY,IAACF,KAAK,EAAC,MAAM,EAAE,CAAC;IAC3CG,KAAK,EAAE,SAAAA,MAAA,uBAAMjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAY,cAAc,IAACJ,KAAK,EAAC,MAAM,EAAE,CAAC;EAC9C,CAAC;EACD;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_iconSizer","_XIcon16Light","_XIcon20Light","_XIcon24Regular","CrossIcon","exports","iconSizer","small","default","createElement","XIcon16Light","align","medium","XIcon20Light","large","XIcon24Regular"],"sources":["CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../icons2022/iconSizer';\nimport { XIcon16Light } from '../icons2022/XIcon/XIcon16Light';\nimport { XIcon20Light } from '../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../icons2022/XIcon/XIcon24Regular';\n\nexport const CrossIcon = iconSizer(\n {\n small: () => <XIcon16Light align=\"none\" />,\n medium: () => <XIcon20Light align=\"none\" />,\n large: () => <XIcon24Regular align=\"none\" />,\n },\n 'CrossIcon',\n);\n"],"mappings":"+JAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;;AAEO,IAAMK,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,oBAAS;EAChC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,YAAY,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC;IAC1CC,MAAM,EAAE,SAAAA,OAAA,uBAAMf,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAW,YAAY,IAACF,KAAK,EAAC,MAAM,EAAE,CAAC;IAC3CG,KAAK,EAAE,SAAAA,MAAA,uBAAMjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAY,cAAc,IAACJ,KAAK,EAAC,MAAM,EAAE,CAAC;EAC9C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/internal/CloseButtonIcon/CloseButtonIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.CloseButtonIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CloseButtonIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
@@ -57,21 +57,21 @@ var CloseButtonIcon = exports.CloseButtonIcon = function CloseButtonIcon(_ref)
-{var _ref$side = _ref.side,side = _ref$side === void 0 ? _iconConstants.DEFAULT_ICON_SIZE : _ref$side,_ref$size = _ref.size,size = _ref$size === void 0 ? _iconConstants.DEFAULT_ICON_SIZE : _ref$size,color = _ref.color,colorHover = _ref.colorHover,_ref$tabbable = _ref.tabbable,tabbable = _ref$tabbable === void 0 ? true : _ref$tabbable,style = _ref.style,rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+{var _ref$side = _ref.side,side = _ref$side === void 0 ? _iconConstants.DEFAULT_ICON_SIZE : _ref$side,_ref$size = _ref.size,size = _ref$size === void 0 ? _iconConstants.DEFAULT_ICON_SIZE : _ref$size,color = _ref.color,colorHover = _ref.colorHover,_ref$tabbable = _ref.tabbable,tabbable = _ref$tabbable === void 0 ? true : _ref$tabbable,style = _ref.style,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   var _theme = _react.default.useContext(_ThemeContext.ThemeContext);
   var theme = _ThemeFactory.ThemeFactory.create(
     {
-      closeBtnIconColor: color !== null && color !== void 0 ? color : _theme.closeBtnIconColor,
-      closeBtnIconHoverColor: colorHover !== null && colorHover !== void 0 ? colorHover : _theme.closeBtnIconHoverColor
+      closeBtnIconColor: color != null ? color : _theme.closeBtnIconColor,
+      closeBtnIconHoverColor: colorHover != null ? colorHover : _theme.closeBtnIconHoverColor
     },
     _theme
   );
-  var _React$useState = _react.default.useState(false),_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),focusedByTab = _React$useState2[0],setFocusedByTab = _React$useState2[1];
+  var _React$useState = _react.default.useState(false),focusedByTab = _React$useState[0],setFocusedByTab = _React$useState[1];
-  var handleFocus = function handleFocus() {var _globalObject$request;
+  var handleFocus = function handleFocus() {
     // focus event fires before keyDown eventlistener
     // so we should check tabPressed in async way
-    (_globalObject$request = _globalObject.globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(_globalObject.globalObject, function () {
+    _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
       if (_keyListener.keyListener.isTabPressed) {
         setFocusedByTab(true);
       }
@@ -90,7 +90,7 @@ var CloseButtonIcon = exports.CloseButtonIcon = function CloseButtonIcon(_ref)
         !rest.disabled && focusedByTab && _CloseButtonIcon.styles.focus(theme),
         rest.disabled && _CloseButtonIcon.styles.rootDisabled(theme)
       ),
-      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, { width: side, height: side }),
+      style: (0, _extends2.default)({}, style, { width: side, height: side }),
       onFocus: handleFocus,
       onBlur: handleBlur },
     rest), /*#__PURE__*/

package/cjs/internal/CloseButtonIcon/CloseButtonIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Emotion","_keyListener","_ThemeContext","_iconConstants","_ThemeFactory","_CommonWrapper","_CloseButtonIcon","_CrossIcon","_excluded","CloseButtonIcon","exports","_ref","_ref$side","side","DEFAULT_ICON_SIZE","_ref$size","size","color","colorHover","_ref$tabbable","tabbable","style","rest","~~_objectWithoutProperties2~~","default","_theme","React","useContext","ThemeContext","theme","ThemeFactory","create","closeBtnIconColor","closeBtnIconHoverColor","_React$useState","useState","~~_React$useState2","_slicedToArray2","~~focusedByTab","setFocusedByTab","handleFocus","~~_globalObject$request","~~globalObject","requestAnimationFrame","~~call","~~keyListener","isTabPressed","handleBlur","tabIndex","disabled","createElement","CommonWrapper","_extends2","className","cx","styles","root","focus","rootDisabled","~~_objectSpread2","~~width","height","onFocus","onBlur","wrapper","CrossIcon","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["CloseButtonIcon.tsx"],"sourcesContent":["import type { AriaAttributes, CSSProperties } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\n\nimport { styles } from './CloseButtonIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface CloseButtonIconProps\n extends Pick<AriaAttributes, 'aria-label'>,\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n CommonProps {\n /*\n Ширина и высота иконки крестика\n \n @default 16\n /\n size?: number;\n /\n Ширина и высота всей кнопки\n \n @default 16\n /\n side?: number;\n /\n Цвет иконки\n \n Переменная темы: `closeBtnIconColor`\n /\n color?: CSSProperties['color'];\n /\n Цвет иконки при наведении мышью и при фокусе\n \n Переменная темы: `closeBtnIconHoverColor`\n /\n colorHover?: CSSProperties['color'];\n /\n Возможность сфокусироваться на кнопке клавишей TAB\n \n @default true\n * */\n tabbable?: boolean;\n}\n\nexport const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps> = ({\n side = DEFAULT_ICON_SIZE,\n size = DEFAULT_ICON_SIZE,\n color,\n colorHover,\n tabbable = true,\n style,\n ...rest\n}) => {\n const _theme = React.useContext(ThemeContext);\n const theme = ThemeFactory.create(\n {\n closeBtnIconColor: color ?? _theme.closeBtnIconColor,\n closeBtnIconHoverColor: colorHover ?? _theme.closeBtnIconHoverColor,\n },\n _theme,\n );\n const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n const handleFocus = () => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n };\n const handleBlur = () => setFocusedByTab(false);\n\n const tabIndex = !tabbable \|\| rest.disabled ? -1 : 0;\n\n return (\n <CommonWrapper {...rest}>\n <button\n tabIndex={tabIndex}\n className={cx(\n styles.root(theme),\n !rest.disabled && focusedByTab && styles.focus(theme),\n rest.disabled && styles.rootDisabled(theme),\n )}\n style={{ ...style, width: side, height: side }}\n onFocus={handleFocus}\n onBlur={handleBlur}\n {...rest}\n >\n <span className={styles.wrapper()}>\n <CrossIcon size={side < size ? side : size} focusable={tabIndex >= 0} />\n </span>\n </button>\n </CommonWrapper>\n );\n};\n\nCloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';\nCloseButtonIcon.displayName = 'CloseButtonIcon';\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;;AAEA,IAAAO,cAAA,GAAAP,OAAA;;AAEA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA,gBAAwC,IAAAU,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCjC,IAAMC,eAA8D,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAjEA,eAA8DA,CAAAE,IAAA;;;;;;;;AAQrE,KAAAC,SAAA,GAAAD,IAAA,CAPJE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAGE,gCAAiB,GAAAF,SAAA,CAAAG,SAAA,GAAAJ,IAAA,CACxBK,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAGD,gCAAiB,GAAAC,SAAA,CACxBE,KAAK,GAAAN,IAAA,CAALM,KAAK,CACLC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAAC,aAAA,GAAAR,IAAA,CACVS,QAAQ,CAARA,QAAQ,GAAAD,aAAA,cAAG,IAAI,GAAAA,aAAA,CACfE,KAAK,GAAAV,IAAA,CAALU,KAAK,CACFC,IAAI,OAAAC,~~yBAAA~~,CAAAC,OAAA,EAAAb,IAAA,EAAAH,SAAA;EAEP,IAAMiB,MAAM,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC7C,IAAMC,KAAK,GAAGC,0BAAY,CAACC,MAAM;IAC/B;MACEC,iBAAiB,EAAEf,KAAK,~~aAALA~~,KAAK,~~cAALA,KAAK,~~GAAIQ,MAAM,CAACO,iBAAiB;MACpDC,sBAAsB,EAAEf,UAAU,~~aAAVA~~,UAAU,~~cAAVA,UAAU,~~GAAIO,MAAM,CAACQ;IAC/C,CAAC;IACDR;EACF,CAAC;EACD,IAAAS,eAAA,GAAwCR,cAAK,CAACS,QAAQ,CAAC,KAAK,CAAC,~~CAAAC~~,~~gBAAA,OAAAC,eAAA,CAAAb,OAAA,EAAAU,eAAA,KAAtDI,~~YAAY,GAAAF,~~gBAAA~~,IAAEG,eAAe,GAAAH,~~gBAAA~~;;EAEpC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS~~,KAAAC,qBAAA~~;IACxB;IACA;~~IACA~~,~~CAAAA,qBAAA,GAAAC,~~0BAAY,CAACC,qBAAqB,~~cAAAF~~,~~qBAAA~~,~~eAAlCA~~,~~qBAAA~~,~~CAAAG~~,~~IAAA,CAAAF,0BAAY,EAAyB,~~YAAM;MACzC,~~IAAIG~~,wBAAW,CAACC,YAAY,EAAE;~~QAC5BP~~,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;EACD,~~IAAMQ~~,UAAU,GAAG,SAAbA,UAAUA,CAAA,~~UAASR~~,eAAe,CAAC,KAAK,CAAC;;EAE/C,~~IAAMS~~,QAAQ,GAAG,~~CAAC5B~~,QAAQ,IAAIE,IAAI,~~CAAC2B~~,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;;EAEpD;~~IACErD~~,MAAA,CAAA4B,OAAA,~~CAAA0B~~,aAAA,~~CAAC7C~~,cAAA,~~CAAA8C~~,aAAa,~~EAAK7B~~,IAAI;IACrB1B,MAAA,CAAA4B,OAAA,~~CAAA0B~~,aAAA,eAAAE,SAAA,~~CAAA5B~~,OAAA;~~MACEwB~~,QAAQ,EAAEA,QAAS;MACnBK,SAAS,EAAE,IAAAC,WAAE;QACXC,uBAAM,CAACC,IAAI,~~CAAC3B~~,KAAK,CAAC;QAClB,CAACP,IAAI,~~CAAC2B~~,QAAQ,~~IAAIX~~,YAAY,~~IAAIiB~~,uBAAM,CAACE,KAAK,~~CAAC5B~~,KAAK,CAAC;QACrDP,IAAI,~~CAAC2B~~,QAAQ,IAAIM,uBAAM,CAACG,YAAY,~~CAAC7B~~,KAAK;MAC5C,CAAE;MACFR,KAAK,~~MAAAsC~~,~~cAAA~~,~~CAAAnC~~,OAAA,~~MAAAmC,cAAA,CAAAnC,OAAA,~~MAAOH,KAAK,~~SAAEuC~~,KAAK,~~EAAE/C~~,IAAI,~~EAAEgD~~,MAAM,~~EAAEhD~~,IAAI,GAAG;MAC/~~CiD~~,OAAO,~~EAAEtB~~,WAAY;~~MACrBuB~~,MAAM,~~EAAEhB~~,UAAW;~~IACfzB~~,IAAI;;IAER1B,MAAA,CAAA4B,OAAA,~~CAAA0B~~,aAAA,WAAMG,SAAS,EAAEE,uBAAM,~~CAACS~~,OAAO,CAAC,CAAE;~~IAChCpE~~,MAAA,CAAA4B,OAAA,~~CAAA0B~~,aAAA,~~CAAC3C~~,UAAA,~~CAAA0D~~,SAAS,~~IAACjD~~,IAAI,EAAEH,IAAI,GAAGG,IAAI,GAAGH,IAAI,GAAGG,IAAK,~~EAACkD~~,SAAS,~~EAAElB~~,QAAQ,IAAI,CAAE,EAAE;IACnE;IACA;IACK,CAAC;;AAEpB,CAAC;;~~AAEDvC~~,eAAe,~~CAAC0D~~,mBAAmB,GAAG,iBAAiB;~~AACvD1D~~,eAAe,~~CAAC2D~~,WAAW,GAAG,iBAAiB","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Emotion","_keyListener","_ThemeContext","_iconConstants","_ThemeFactory","_CommonWrapper","_CloseButtonIcon","_CrossIcon","_excluded","CloseButtonIcon","exports","_ref","_ref$side","side","DEFAULT_ICON_SIZE","_ref$size","size","color","colorHover","_ref$tabbable","tabbable","style","rest","_objectWithoutPropertiesLoose2","default","_theme","React","useContext","ThemeContext","theme","ThemeFactory","create","closeBtnIconColor","closeBtnIconHoverColor","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","tabIndex","disabled","createElement","CommonWrapper","_extends2","className","cx","styles","root","focus","rootDisabled","width","height","onFocus","onBlur","wrapper","CrossIcon","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["CloseButtonIcon.tsx"],"sourcesContent":["import type { AriaAttributes, CSSProperties } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\n\nimport { styles } from './CloseButtonIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface CloseButtonIconProps\n extends Pick<AriaAttributes, 'aria-label'>,\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n CommonProps {\n /*\n Ширина и высота иконки крестика\n \n @default 16\n /\n size?: number;\n /\n Ширина и высота всей кнопки\n \n @default 16\n /\n side?: number;\n /\n Цвет иконки\n \n Переменная темы: `closeBtnIconColor`\n /\n color?: CSSProperties['color'];\n /\n Цвет иконки при наведении мышью и при фокусе\n \n Переменная темы: `closeBtnIconHoverColor`\n /\n colorHover?: CSSProperties['color'];\n /\n Возможность сфокусироваться на кнопке клавишей TAB\n \n @default true\n * */\n tabbable?: boolean;\n}\n\nexport const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps> = ({\n side = DEFAULT_ICON_SIZE,\n size = DEFAULT_ICON_SIZE,\n color,\n colorHover,\n tabbable = true,\n style,\n ...rest\n}) => {\n const _theme = React.useContext(ThemeContext);\n const theme = ThemeFactory.create(\n {\n closeBtnIconColor: color ?? _theme.closeBtnIconColor,\n closeBtnIconHoverColor: colorHover ?? _theme.closeBtnIconHoverColor,\n },\n _theme,\n );\n const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n const handleFocus = () => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n };\n const handleBlur = () => setFocusedByTab(false);\n\n const tabIndex = !tabbable \|\| rest.disabled ? -1 : 0;\n\n return (\n <CommonWrapper {...rest}>\n <button\n tabIndex={tabIndex}\n className={cx(\n styles.root(theme),\n !rest.disabled && focusedByTab && styles.focus(theme),\n rest.disabled && styles.rootDisabled(theme),\n )}\n style={{ ...style, width: side, height: side }}\n onFocus={handleFocus}\n onBlur={handleBlur}\n {...rest}\n >\n <span className={styles.wrapper()}>\n <CrossIcon size={side < size ? side : size} focusable={tabIndex >= 0} />\n </span>\n </button>\n </CommonWrapper>\n );\n};\n\nCloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';\nCloseButtonIcon.displayName = 'CloseButtonIcon';\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/CloseButtonIcon/CloseButtonIcon.styles.js CHANGED Viewed

@@ -1,10 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.styles = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      ", "\n      display: inline-block;\n      position: relative;\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n      display: inline-block;\n      position: relative;\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ", ";\n      }\n    "])),
     (0, _Mixins.resetButton)(),
@@ -20,17 +20,17 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   rootDisabled: function rootDisabled(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.closeBtnIconDisabledColor);
   },
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      box-shadow: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
     t.closeBtnIconFocusShadow);
   },
   wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    "])));
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    "])));

package/cjs/internal/CloseButtonIcon/CloseButtonIcon.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","t","css","~~_taggedTemplateLiteral2~~","default","resetButton","closeBtnIconBorderRadius","closeBtnIconColor","transitionDuration","transitionTimingFunction","closeBtnIconHoverColor","rootDisabled","closeBtnIconDisabledColor","focus","closeBtnIconFocusShadow","wrapper"],"sources":["CloseButtonIcon.styles.tsx"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()}\n display: inline-block;\n position: relative;\n border-radius: ${t.closeBtnIconBorderRadius};\n color: ${t.closeBtnIconColor};\n cursor: pointer;\n transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n\n &:enabled:focus,\n &:enabled:hover {\n color: ${t.closeBtnIconHoverColor};\n }\n `;\n },\n rootDisabled(t: Theme) {\n return css`\n color: ${t.closeBtnIconDisabledColor};\n `;\n },\n focus(t: Theme) {\n return css`\n box-shadow: ${t.closeBtnIconFocusShadow};\n `;\n },\n wrapper() {\n return css`\n box-sizing: content-box;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n `;\n },\n});\n"],"mappings":"~~8SAAA~~,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAE/C,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,~~uBAAA~~,CAAAC,OAAA;IACN,IAAAC,mBAAW,EAAC,CAAC;;;IAGEJ,CAAC,CAACK,wBAAwB;IAClCL,CAAC,CAACM,iBAAiB;;IAERN,CAAC,CAACO,kBAAkB,EAAIP,CAAC,CAACQ,wBAAwB;;;;IAI3DR,CAAC,CAACS,sBAAsB;;;EAGvC,CAAC;EACDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,~~uBAAA~~,CAAAC,OAAA;IACCH,CAAC,CAACW,yBAAyB;;EAExC,CAAC;EACDC,KAAK,WAAAA,MAACZ,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,~~uBAAA~~,CAAAC,OAAA;IACMH,CAAC,CAACa,uBAAuB;;EAE3C,CAAC;EACDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOb,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,~~uBAAA~~,CAAAC,OAAA;;;;;;;;;EASZ;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","closeBtnIconBorderRadius","closeBtnIconColor","transitionDuration","transitionTimingFunction","closeBtnIconHoverColor","rootDisabled","closeBtnIconDisabledColor","focus","closeBtnIconFocusShadow","wrapper"],"sources":["CloseButtonIcon.styles.tsx"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()}\n display: inline-block;\n position: relative;\n border-radius: ${t.closeBtnIconBorderRadius};\n color: ${t.closeBtnIconColor};\n cursor: pointer;\n transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n\n &:enabled:focus,\n &:enabled:hover {\n color: ${t.closeBtnIconHoverColor};\n }\n `;\n },\n rootDisabled(t: Theme) {\n return css`\n color: ${t.closeBtnIconDisabledColor};\n `;\n },\n focus(t: Theme) {\n return css`\n box-shadow: ${t.closeBtnIconFocusShadow};\n `;\n },\n wrapper() {\n return css`\n box-sizing: content-box;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n `;\n },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAE/C,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;IACN,IAAAC,mBAAW,EAAC,CAAC;;;IAGEJ,CAAC,CAACK,wBAAwB;IAClCL,CAAC,CAACM,iBAAiB;;IAERN,CAAC,CAACO,kBAAkB,EAAIP,CAAC,CAACQ,wBAAwB;;;;IAI3DR,CAAC,CAACS,sBAAsB;;;EAGvC,CAAC;EACDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACW,yBAAyB;;EAExC,CAAC;EACDC,KAAK,WAAAA,MAACZ,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACa,uBAAuB;;EAE3C,CAAC;EACDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOb,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;EASZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/CloseButtonIcon/CrossIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.CrossIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CrossIcon = void 0;var _react = _interopRequireDefault(require("react"));
 var _iconSizer = require("../icons2022/iconSizer");
 var _XIcon20Light = require("../icons2022/XIcon/XIcon20Light");

package/cjs/internal/CloseButtonIcon/CrossIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_iconSizer","_XIcon20Light","_XIcon24Regular","CrossIcon","exports","iconSizer","small","default","createElement","XIcon20Light","size","align","medium","large","XIcon24Regular"],"sources":["CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../icons2022/iconSizer';\nimport { XIcon20Light } from '../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../icons2022/XIcon/XIcon24Regular';\n\nexport const CrossIcon = iconSizer(\n {\n small: () => <XIcon20Light size={16} align=\"none\" />,\n medium: () => <XIcon20Light align=\"none\" />,\n large: () => <XIcon24Regular align=\"none\" />,\n },\n 'CrossIcon',\n);\n"],"mappings":"~~mMAAA~~,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;;AAEO,IAAMI,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,oBAAS;EAChC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,YAAY,IAACC,IAAI,EAAE,EAAG,EAACC,KAAK,EAAC,MAAM,EAAE,CAAC;IACpDC,MAAM,EAAE,SAAAA,OAAA,uBAAMf,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,YAAY,IAACE,KAAK,EAAC,MAAM,EAAE,CAAC;IAC3CE,KAAK,EAAE,SAAAA,MAAA,uBAAMhB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAY,cAAc,IAACH,KAAK,EAAC,MAAM,EAAE,CAAC;EAC9C,CAAC;EACD;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_iconSizer","_XIcon20Light","_XIcon24Regular","CrossIcon","exports","iconSizer","small","default","createElement","XIcon20Light","size","align","medium","large","XIcon24Regular"],"sources":["CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../icons2022/iconSizer';\nimport { XIcon20Light } from '../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../icons2022/XIcon/XIcon24Regular';\n\nexport const CrossIcon = iconSizer(\n {\n small: () => <XIcon20Light size={16} align=\"none\" />,\n medium: () => <XIcon20Light align=\"none\" />,\n large: () => <XIcon24Regular align=\"none\" />,\n },\n 'CrossIcon',\n);\n"],"mappings":"+JAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;;AAEO,IAAMI,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,oBAAS;EAChC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,YAAY,IAACC,IAAI,EAAE,EAAG,EAACC,KAAK,EAAC,MAAM,EAAE,CAAC;IACpDC,MAAM,EAAE,SAAAA,OAAA,uBAAMf,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,YAAY,IAACE,KAAK,EAAC,MAAM,EAAE,CAAC;IAC3CE,KAAK,EAAE,SAAAA,MAAA,uBAAMhB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAY,cAAc,IAACH,KAAK,EAAC,MAAM,EAAE,CAAC;EAC9C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/internal/CommonWrapper/CommonWrapper.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.CommonWrapper = void 0;var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CommonWrapper = void 0;var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../lib/utils");
 var _Emotion = require("../../lib/theming/Emotion");
@@ -8,13 +8,13 @@ var _rootNode = require("../../lib/rootNode");
 var _callChildRef = require("../../lib/callChildRef/callChildRef");
-var _extractCommonProps3 = require("./utils/extractCommonProps");
-var _getCommonVisualStateDataAttributes = require("./utils/getCommonVisualStateDataAttributes");var _excluded = ["className", "style", "children", "rootNodeRef"];var _class, _CommonWrapper;function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}var
+var _extractCommonProps2 = require("./utils/extractCommonProps");
+var _getCommonVisualStateDataAttributes = require("./utils/getCommonVisualStateDataAttributes");var _excluded = ["className", "style", "children", "rootNodeRef"];var _class, _CommonWrapper;var
-CommonWrapper = exports.CommonWrapper = (0, _rootNode.rootNode)(_class = (_CommonWrapper = /*#__PURE__*/function (_React$Component) {function CommonWrapper() {var _this;(0, _classCallCheck2.default)(this, CommonWrapper);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, CommonWrapper, [].concat(args));_this.
+CommonWrapper = exports.CommonWrapper = (0, _rootNode.rootNode)(_class = (_CommonWrapper = /*#__PURE__*/function (_React$Component) {function CommonWrapper() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
@@ -51,24 +51,24 @@ CommonWrapper = exports.CommonWrapper = (0, _rootNode.rootNode)(_class = (_Commo
-    ref = function (instance) {var _this$props$rootNodeR, _this$props, _this$rootNodeSubscri, _this$child;
+    ref = function (instance) {var _this$rootNodeSubscri, _this$child;
       _this.setRootNode(instance);
-      (_this$props$rootNodeR = (_this$props = _this.props).rootNodeRef) === null || _this$props$rootNodeR === void 0 || _this$props$rootNodeR.call(_this$props, (0, _rootNode.getRootNode)(instance));
+      _this.props.rootNodeRef == null || _this.props.rootNodeRef((0, _rootNode.getRootNode)(instance));
       // refs are called when instances change,
       // so we have to renew or remove old subscription
-      (_this$rootNodeSubscri = _this.rootNodeSubscription) === null || _this$rootNodeSubscri === void 0 || _this$rootNodeSubscri.remove();
+      (_this$rootNodeSubscri = _this.rootNodeSubscription) == null || _this$rootNodeSubscri.remove();
       _this.rootNodeSubscription = null;
-      if (instance && (0, _rootNode.isInstanceWithRootNode)(instance)) {var _instance$addRootNode;
-        _this.rootNodeSubscription = (_instance$addRootNode = instance.addRootNodeChangeListener) === null || _instance$addRootNode === void 0 ? void 0 : _instance$addRootNode.call(instance, function (node) {var _this$props$rootNodeR2, _this$props2;
+      if (instance && (0, _rootNode.isInstanceWithRootNode)(instance)) {
+        _this.rootNodeSubscription = instance.addRootNodeChangeListener == null ? void 0 : instance.addRootNodeChangeListener(function (node) {
           _this.setRootNode(node);
-          (_this$props$rootNodeR2 = (_this$props2 = _this.props).rootNodeRef) === null || _this$props$rootNodeR2 === void 0 || _this$props$rootNodeR2.call(_this$props2, node);
+          _this.props.rootNodeRef == null || _this.props.rootNodeRef(node);
         });
       }
-      var originalRef = (_this$child = _this.child) === null || _this$child === void 0 ? void 0 : _this$child.ref;
-      if (typeof originalRef === 'function' || originalRef && (0, _typeof2.default)(originalRef) === 'object') {
+      var originalRef = (_this$child = _this.child) == null ? void 0 : _this$child.ref;
+      if (typeof originalRef === 'function' || originalRef && typeof originalRef === 'object') {
         originalRef && (0, _callChildRef.callChildRef)(originalRef, instance);
       }
-    };return _this;}(0, _inherits2.default)(CommonWrapper, _React$Component);return (0, _createClass2.default)(CommonWrapper, [{ key: "render", value: function render() {var _this2 = this;var _extractCommonProps = (0, _extractCommonProps3.extractCommonProps)(this.props),_extractCommonProps2 = (0, _slicedToArray2.default)(_extractCommonProps, 2),_extractCommonProps2$ = _extractCommonProps2[0],className = _extractCommonProps2$.className,style = _extractCommonProps2$.style,children = _extractCommonProps2$.children,rootNodeRef = _extractCommonProps2$.rootNodeRef,dataProps = (0, _objectWithoutProperties2.default)(_extractCommonProps2$, _excluded),rest = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_extractCommonProps2[1]), _extractCommonProps2[1]));this.child = (0, _utils.isFunction)(children) ? children(rest) : children;var getChildProps = function getChildProps(child) {var childProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _getCommonVisualStateDataAttributes.getCommonVisualStateDataAttributes)(rest)), dataProps);(0, _utils.isRefableElement)(child) && (childProps.ref = _this2.ref);var classNames = (0, _Emotion.cx)(child.props.className, className);classNames && (childProps.className = classNames);var styles = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, child.props.style), style);Object.keys(styles).length && (childProps.style = styles);return childProps;};return /*#__PURE__*/_react.default.isValidElement(this.child) ? /*#__PURE__*/_react.default.cloneElement(this.child, getChildProps(this.child)) : this.child;} }]);}(_react.default.Component), _CommonWrapper.__KONTUR_REACT_UI__ = 'CommonWrapper', _CommonWrapper.displayName = 'CommonWrapper', _CommonWrapper)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(CommonWrapper, _React$Component);var _proto = CommonWrapper.prototype;_proto.render = function render() {var _this2 = this;var _extractCommonProps = (0, _extractCommonProps2.extractCommonProps)(this.props),_extractCommonProps$ = _extractCommonProps[0],className = _extractCommonProps$.className,style = _extractCommonProps$.style,children = _extractCommonProps$.children,rootNodeRef = _extractCommonProps$.rootNodeRef,dataProps = (0, _objectWithoutPropertiesLoose2.default)(_extractCommonProps$, _excluded),rest = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_extractCommonProps[1]), _extractCommonProps[1]));this.child = (0, _utils.isFunction)(children) ? children(rest) : children;var getChildProps = function getChildProps(child) {var childProps = (0, _extends2.default)({}, (0, _getCommonVisualStateDataAttributes.getCommonVisualStateDataAttributes)(rest), dataProps);(0, _utils.isRefableElement)(child) && (childProps.ref = _this2.ref);var classNames = (0, _Emotion.cx)(child.props.className, className);classNames && (childProps.className = classNames);var styles = (0, _extends2.default)({}, child.props.style, style);Object.keys(styles).length && (childProps.style = styles);return childProps;};return /*#__PURE__*/_react.default.isValidElement(this.child) ? /*#__PURE__*/_react.default.cloneElement(this.child, getChildProps(this.child)) : this.child;};return CommonWrapper;}(_react.default.Component), _CommonWrapper.__KONTUR_REACT_UI__ = 'CommonWrapper', _CommonWrapper.displayName = 'CommonWrapper', _CommonWrapper)) || _class;

package/cjs/internal/CommonWrapper/CommonWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_utils","_Emotion","_rootNode","_callChildRef","~~_extractCommonProps3~~","_getCommonVisualStateDataAttributes","_excluded","_class","_CommonWrapper","~~_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","~~CommonWrapper","exports","rootNode","_React$Component","_this","~~_classCallCheck2","~~_len","arguments","length","args","Array","_key","~~concat~~","~~rootNodeSubscription~~","~~ref~~","~~instance~~","~~_this$props$rootNodeR~~","~~_this$props~~","_this$rootNodeSubscri","_this$child","setRootNode","props","rootNodeRef","~~call","~~getRootNode","remove","isInstanceWithRootNode","~~_instance$addRootNode","~~addRootNodeChangeListener","node","~~_this$props$rootNodeR2","_this$props2","~~originalRef","child","~~_typeof2","~~callChildRef","~~_inherits2~~","~~_createClass2~~","~~key~~","~~value~~","render","_this2","_extractCommonProps","extractCommonProps","~~_extractCommonProps2","_slicedToArray2","_extractCommonProps2~~$","className","style","children","dataProps","~~_objectWithoutProperties2~~","rest","_extends2","_objectDestructuringEmpty2","isFunction","getChildProps","childProps","~~_objectSpread2","~~getCommonVisualStateDataAttributes","isRefableElement","classNames","cx","styles","Object","keys","React","isValidElement","cloneElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["CommonWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { TGetRootNode, TRootNodeSubscription, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, isInstanceWithRootNode, rootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport type { CommonProps, CommonPropsRootNodeRef, CommonWrapperProps } from './types';\nimport { extractCommonProps } from './utils/extractCommonProps';\nimport { getCommonVisualStateDataAttributes } from './utils/getCommonVisualStateDataAttributes';\n\nexport type CommonPropsWithRootNodeRef = CommonProps & CommonPropsRootNodeRef;\n\n@rootNode\nexport class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends React.Component<\n CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n public static __KONTUR_REACT_UI__ = 'CommonWrapper';\n public static displayName = 'CommonWrapper';\n\n private child: React.ReactNode;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n\n render() {\n const [{ className, style, children, rootNodeRef, ...dataProps }, { ...rest }] = extractCommonProps(this.props);\n this.child = isFunction(children) ? children(rest) : children;\n\n const getChildProps = (child: React.ReactElement<CommonProps & React.RefAttributes<any>>) => {\n const childProps: Record<string, unknown> = {\n ...getCommonVisualStateDataAttributes(rest),\n ...dataProps,\n };\n\n isRefableElement(child) && (childProps.ref = this.ref);\n\n const classNames: string = cx(child.props.className, className);\n classNames && (childProps.className = classNames);\n\n const styles: React.CSSProperties = { ...child.props.style, ...style };\n Object.keys(styles).length && (childProps.style = styles);\n\n return childProps;\n };\n\n return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n ? React.cloneElement(this.child, getChildProps(this.child))\n : this.child;\n }\n\n private ref = (instance: Nullable<React.ReactInstance>) => {\n this.setRootNode(instance);\n this.props.rootNodeRef?.(getRootNode(instance));\n\n // refs are called when instances change,\n // so we have to renew or remove old subscription\n this.rootNodeSubscription?.remove();\n this.rootNodeSubscription = null;\n\n if (instance && isInstanceWithRootNode(instance)) {\n this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n this.setRootNode(node);\n this.props.rootNodeRef?.(node);\n });\n }\n\n const originalRef = (this.child as React.RefAttributes<any>)?.ref;\n if (typeof originalRef === 'function' \|\| (originalRef && typeof originalRef === 'object')) {\n originalRef && callChildRef(originalRef, instance);\n }\n };\n}\n"],"mappings":"~~k2CAAA~~,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;;;AAGA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;AAGA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,mCAAA,GAAAN,OAAA,+CAAgG,IAAAO,SAAA,yDAAAC,MAAA,EAAAC,cAAA,UAAAC,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA;;;;;~~AAKnFS~~,aAAa,GAAAC,OAAA,CAAAD,aAAA,OADzBE,kBAAQ,~~EAAAhB~~,MAAA,IAAAC,cAAA,~~0BAAAgB~~,gBAAA,YAAAH,cAAA,OAAAI,KAAA,~~KAAAC~~,~~gBAAA,CAAAZ,OAAA,QAAAO,aAAA,WAAAM,~~IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,~~GAAAP~~,KAAA,~~GAAAhB~~,~~UAAA~~,~~OAAAY~~,~~aAAA~~,~~KAAAY~~,MAAA,~~CAAAH~~,IAAA,~~GAAAL~~,KAAA;;;;;;;;;~~IAUCS~~,oBAAoB,GAAoC,IAAI,~~CAAAT~~,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~IA4B5DU~~,GAAG,GAAG,UAACC,QAAuC,EAAK,KAAAC,qBAAA,EAAAC,WAAA~~,EAAAC,qBAAA,EAAAC,WAAA~~;~~MACzDf~~,KAAA,~~CAAKgB~~,WAAW,~~CAACL~~,QAAQ,CAAC;~~MAC1B~~,~~CAAAC,qBAAA,IAAAC,WAAA,GAAAb,~~KAAA,~~CAAKiB~~,KAAK,~~EAACC~~,WAAW,~~cAAAN~~,~~qBAAA~~,~~eAAtBA~~,~~qBAAA~~,~~CAAAO~~,~~IAAA~~,~~CAAAN~~,~~WAAA~~,~~EAAyB,IAAAO,~~qBAAW,~~EAACT~~,QAAQ,CAAC,CAAC;;MAE/C;MACA;MACA,~~CAAAG~~,qBAAA,~~GAAAd~~,KAAA,~~CAAKS~~,oBAAoB,~~cAAAK~~,qBAAA,~~eAAzBA~~,~~qBAAA,CAA2BO,~~MAAM,CAAC,CAAC;~~MACnCrB~~,KAAA,~~CAAKS~~,oBAAoB,GAAG,IAAI;;MAEhC,IAAIE,QAAQ,IAAI,~~IAAAW~~,gCAAsB,~~EAACX~~,QAAQ,CAAC,EAAE~~,KAAAY,qBAAA~~;~~QAChDvB~~,KAAA,~~CAAKS~~,oBAAoB,~~IAAAc~~,~~qBAAA,GAAGZ,~~QAAQ,~~CAACa~~,yBAAyB,~~cAAAD~~,~~qBAAA~~,~~uBAAlCA~~,~~qBAAA~~,~~CAAAJ~~,~~IAAA~~,~~CAAAR,QAAQ,EAA6B,UAACc,~~IAAI,EAAK~~,KAAAC,sBAAA,EAAAC,YAAA~~;~~UACzE3B~~,KAAA,~~CAAKgB~~,WAAW,~~CAACS~~,IAAI,CAAC;~~UACtB~~,~~CAAAC,sBAAA,IAAAC,YAAA,GAAA3B,~~KAAA,~~CAAKiB~~,KAAK,~~EAACC~~,WAAW,~~cAAAQ~~,~~sBAAA~~,~~eAAtBA~~,~~sBAAA~~,~~CAAAP~~,~~IAAA~~,~~CAAAQ~~,~~YAAA,EAAyBF,~~IAAI,CAAC;QAChC,CAAC,CAAC;MACJ;;MAEA,~~IAAMG~~,WAAW,~~IAAAb~~,WAAA,~~GAAIf~~,KAAA,~~CAAK6B~~,KAAK,~~cAAAd~~,WAAA,~~uBAAXA~~,~~WAAA,CAA0CL,~~GAAG;MACjE,IAAI,~~OAAOkB~~,WAAW,KAAK,UAAU,IAAKA,WAAW,IAAI,~~IAAAE~~,~~QAAA,CAAAzC,OAAA,EAAOuC,~~WAAW,~~MAAK~~,QAAS,EAAE;QACzFA,WAAW,IAAI,~~IAAAG~~,0BAAY,~~EAACH~~,WAAW,~~EAAEjB~~,QAAQ,CAAC;MACpD;IACF,CAAC,~~QAAAX~~,KAAA,~~MAAAgC~~,~~UAAA~~,~~CAAA3C~~,OAAA,~~EAAAO~~,aAAA,EAAAG,gBAAA,~~aAAAkC~~,~~aAAA~~,~~CAAA5C~~,~~OAAA~~,~~EAAAO~~,~~aAAA~~,~~KAAAsC~~,~~GAAA~~,~~YAAAC~~,~~KAAA~~,~~EA9CD~~,~~SAAAC~~,OAAA,EAAS,KAAAC,MAAA,QACP,IAAAC,mBAAA,GAAiF,IAAAC,uCAAkB,EAAC,IAAI,~~CAACtB~~,KAAK,CAAC,~~CAAAuB~~,oBAAA,~~OAAAC~~,~~eAAA,CAAApD,OAAA,EAAAiD,~~mBAAA,~~KAAAI,qBAAA,GAAAF,oBAAA,~~IAAtGG,SAAS,GAAAD,~~qBAAA~~,CAATC,SAAS,CAAEC,KAAK,GAAAF,~~qBAAA~~,CAALE,KAAK,CAAEC,QAAQ,GAAAH,~~qBAAA~~,CAARG,QAAQ,~~CAAE3B~~,WAAW,~~GAAAwB~~,~~qBAAA~~,~~CAAXxB~~,WAAW,~~CAAK4B~~,SAAS,OAAAC,~~yBAAA~~,~~CAAA1D~~,OAAA,~~EAAAqD~~,~~qBAAA~~,~~EAAA7D~~,SAAA,~~EAASmE~~,IAAI,OAAAC,SAAA,~~CAAA5D~~,OAAA,~~WAAA6D~~,0BAAA,~~CAAA7D~~,OAAA,~~EAAAmD~~,~~oBAAA~~,MAAAA,~~oBAAA~~,MAC3E,IAAI,~~CAACX~~,KAAK,GAAG,~~IAAAsB~~,iBAAU,EAACN,QAAQ,CAAC,GAAGA,QAAQ,CAACG,IAAI,CAAC,GAAGH,QAAQ,CAE7D,IAAMO,aAAa,GAAG,SAAhBA,aAAaA,~~CAAIvB~~,KAAiE,EAAK,CAC3F,~~IAAMwB~~,UAAmC,~~OAAAC~~,~~cAAA~~,~~CAAAjE~~,OAAA,~~MAAAiE,cAAA,CAAAjE,OAAA,~~MACpC,~~IAAAkE~~,sEAAkC,~~EAACP~~,IAAI,CAAC,~~GACxCF~~,SAAS,CACb,CAED,~~IAAAU~~,uBAAgB,~~EAAC3B~~,KAAK,CAAC,~~KAAKwB~~,UAAU,~~CAAC3C~~,GAAG,~~GAAG2B~~,MAAI,~~CAAC3B~~,GAAG,CAAC,CAEtD,~~IAAM+C~~,UAAkB,GAAG,IAAAC,WAAE,~~EAAC7B~~,KAAK,~~CAACZ~~,KAAK,~~CAAC0B~~,SAAS,EAAEA,SAAS,CAAC,CAC/Dc,UAAU,~~KAAKJ~~,UAAU,CAACV,SAAS,~~GAAGc~~,UAAU,CAAC,CAEjD,IAAME,MAA2B,~~OAAAL~~,~~cAAA~~,~~CAAAjE~~,OAAA,~~MAAAiE~~,~~cAAA,CAAAjE,OAAA,MAAQwC,~~KAAK,~~CAACZ~~,KAAK,~~CAAC2B~~,KAAK,~~GAAKA~~,KAAK,CAAE,~~CACtEgB~~,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,~~CAACvD~~,MAAM,~~KAAKiD~~,UAAU,CAACT,KAAK,~~GAAGe~~,MAAM,CAAC,CAEzD,~~OAAON~~,UAAU,CACnB,CAAC,CAED,OAAO,~~aAAAS~~,cAAK,CAACC,cAAc,CAAyC,IAAI,~~CAAClC~~,KAAK,CAAC,~~gBAC3EiC~~,cAAK,CAACE,YAAY,CAAC,IAAI,~~CAACnC~~,KAAK,~~EAAEuB~~,aAAa,CAAC,IAAI,~~CAACvB~~,KAAK,CAAC,CAAC,GACzD,IAAI,CAACA,KAAK,CAChB,CAAC,~~OAnCsEiC~~,cAAK,CAACG,SAAS,~~GAAAlF~~,cAAA,~~CAGxEmF~~,mBAAmB,GAAG,eAAe,~~EAAAnF~~,cAAA,~~CACrCoF~~,WAAW,GAAG,eAAe,~~EAAApF~~,cAAA,MAAAD,MAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_utils","_Emotion","_rootNode","_callChildRef","_extractCommonProps2","_getCommonVisualStateDataAttributes","_excluded","_class","_CommonWrapper","CommonWrapper","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNodeSubscription","ref","instance","_this$rootNodeSubscri","_this$child","setRootNode","props","rootNodeRef","getRootNode","remove","isInstanceWithRootNode","addRootNodeChangeListener","node","originalRef","child","callChildRef","_inheritsLoose2","default","_proto","prototype","render","_this2","_extractCommonProps","extractCommonProps","_extractCommonProps$","className","style","children","dataProps","_objectWithoutPropertiesLoose2","rest","_extends2","_objectDestructuringEmpty2","isFunction","getChildProps","childProps","getCommonVisualStateDataAttributes","isRefableElement","classNames","cx","styles","Object","keys","React","isValidElement","cloneElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["CommonWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { TGetRootNode, TRootNodeSubscription, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, isInstanceWithRootNode, rootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport type { CommonProps, CommonPropsRootNodeRef, CommonWrapperProps } from './types';\nimport { extractCommonProps } from './utils/extractCommonProps';\nimport { getCommonVisualStateDataAttributes } from './utils/getCommonVisualStateDataAttributes';\n\nexport type CommonPropsWithRootNodeRef = CommonProps & CommonPropsRootNodeRef;\n\n@rootNode\nexport class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends React.Component<\n CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n public static __KONTUR_REACT_UI__ = 'CommonWrapper';\n public static displayName = 'CommonWrapper';\n\n private child: React.ReactNode;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n\n render() {\n const [{ className, style, children, rootNodeRef, ...dataProps }, { ...rest }] = extractCommonProps(this.props);\n this.child = isFunction(children) ? children(rest) : children;\n\n const getChildProps = (child: React.ReactElement<CommonProps & React.RefAttributes<any>>) => {\n const childProps: Record<string, unknown> = {\n ...getCommonVisualStateDataAttributes(rest),\n ...dataProps,\n };\n\n isRefableElement(child) && (childProps.ref = this.ref);\n\n const classNames: string = cx(child.props.className, className);\n classNames && (childProps.className = classNames);\n\n const styles: React.CSSProperties = { ...child.props.style, ...style };\n Object.keys(styles).length && (childProps.style = styles);\n\n return childProps;\n };\n\n return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n ? React.cloneElement(this.child, getChildProps(this.child))\n : this.child;\n }\n\n private ref = (instance: Nullable<React.ReactInstance>) => {\n this.setRootNode(instance);\n this.props.rootNodeRef?.(getRootNode(instance));\n\n // refs are called when instances change,\n // so we have to renew or remove old subscription\n this.rootNodeSubscription?.remove();\n this.rootNodeSubscription = null;\n\n if (instance && isInstanceWithRootNode(instance)) {\n this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n this.setRootNode(node);\n this.props.rootNodeRef?.(node);\n });\n }\n\n const originalRef = (this.child as React.RefAttributes<any>)?.ref;\n if (typeof originalRef === 'function' \|\| (originalRef && typeof originalRef === 'object')) {\n originalRef && callChildRef(originalRef, instance);\n }\n };\n}\n"],"mappings":"mkBAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;;;AAGA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;AAGA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,mCAAA,GAAAN,OAAA,+CAAgG,IAAAO,SAAA,yDAAAC,MAAA,EAAAC,cAAA;;;;;AAKnFC,aAAa,GAAAC,OAAA,CAAAD,aAAA,OADzBE,kBAAQ,EAAAJ,MAAA,IAAAC,cAAA,0BAAAI,gBAAA,YAAAH,cAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;IAUCU,oBAAoB,GAAoC,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4B5DW,GAAG,GAAG,UAACC,QAAuC,EAAK,KAAAC,qBAAA,EAAAC,WAAA;MACzDd,KAAA,CAAKe,WAAW,CAACH,QAAQ,CAAC;MAC1BZ,KAAA,CAAKgB,KAAK,CAACC,WAAW,YAAtBjB,KAAA,CAAKgB,KAAK,CAACC,WAAW,CAAG,IAAAC,qBAAW,EAACN,QAAQ,CAAC,CAAC;;MAE/C;MACA;MACA,CAAAC,qBAAA,GAAAb,KAAA,CAAKU,oBAAoB,aAAzBG,qBAAA,CAA2BM,MAAM,CAAC,CAAC;MACnCnB,KAAA,CAAKU,oBAAoB,GAAG,IAAI;;MAEhC,IAAIE,QAAQ,IAAI,IAAAQ,gCAAsB,EAACR,QAAQ,CAAC,EAAE;QAChDZ,KAAA,CAAKU,oBAAoB,GAAGE,QAAQ,CAACS,yBAAyB,oBAAlCT,QAAQ,CAACS,yBAAyB,CAAG,UAACC,IAAI,EAAK;UACzEtB,KAAA,CAAKe,WAAW,CAACO,IAAI,CAAC;UACtBtB,KAAA,CAAKgB,KAAK,CAACC,WAAW,YAAtBjB,KAAA,CAAKgB,KAAK,CAACC,WAAW,CAAGK,IAAI,CAAC;QAChC,CAAC,CAAC;MACJ;;MAEA,IAAMC,WAAW,IAAAT,WAAA,GAAId,KAAA,CAAKwB,KAAK,qBAAXV,WAAA,CAA0CH,GAAG;MACjE,IAAI,OAAOY,WAAW,KAAK,UAAU,IAAKA,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAS,EAAE;QACzFA,WAAW,IAAI,IAAAE,0BAAY,EAACF,WAAW,EAAEX,QAAQ,CAAC;MACpD;IACF,CAAC,QAAAZ,KAAA,MAAA0B,eAAA,CAAAC,OAAA,EAAA/B,aAAA,EAAAG,gBAAA,MAAA6B,MAAA,GAAAhC,aAAA,CAAAiC,SAAA,CAAAD,MAAA,CA9CDE,MAAM,GAAN,SAAAA,OAAA,EAAS,KAAAC,MAAA,QACP,IAAAC,mBAAA,GAAiF,IAAAC,uCAAkB,EAAC,IAAI,CAACjB,KAAK,CAAC,CAAAkB,oBAAA,GAAAF,mBAAA,IAAtGG,SAAS,GAAAD,oBAAA,CAATC,SAAS,CAAEC,KAAK,GAAAF,oBAAA,CAALE,KAAK,CAAEC,QAAQ,GAAAH,oBAAA,CAARG,QAAQ,CAAEpB,WAAW,GAAAiB,oBAAA,CAAXjB,WAAW,CAAKqB,SAAS,OAAAC,8BAAA,CAAAZ,OAAA,EAAAO,oBAAA,EAAAzC,SAAA,EAAS+C,IAAI,OAAAC,SAAA,CAAAd,OAAA,WAAAe,0BAAA,CAAAf,OAAA,EAAAK,mBAAA,MAAAA,mBAAA,MAC3E,IAAI,CAACR,KAAK,GAAG,IAAAmB,iBAAU,EAACN,QAAQ,CAAC,GAAGA,QAAQ,CAACG,IAAI,CAAC,GAAGH,QAAQ,CAE7D,IAAMO,aAAa,GAAG,SAAhBA,aAAaA,CAAIpB,KAAiE,EAAK,CAC3F,IAAMqB,UAAmC,OAAAJ,SAAA,CAAAd,OAAA,MACpC,IAAAmB,sEAAkC,EAACN,IAAI,CAAC,EACxCF,SAAS,CACb,CAED,IAAAS,uBAAgB,EAACvB,KAAK,CAAC,KAAKqB,UAAU,CAAClC,GAAG,GAAGoB,MAAI,CAACpB,GAAG,CAAC,CAEtD,IAAMqC,UAAkB,GAAG,IAAAC,WAAE,EAACzB,KAAK,CAACR,KAAK,CAACmB,SAAS,EAAEA,SAAS,CAAC,CAC/Da,UAAU,KAAKH,UAAU,CAACV,SAAS,GAAGa,UAAU,CAAC,CAEjD,IAAME,MAA2B,OAAAT,SAAA,CAAAd,OAAA,MAAQH,KAAK,CAACR,KAAK,CAACoB,KAAK,EAAKA,KAAK,CAAE,CACtEe,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAAC/C,MAAM,KAAK0C,UAAU,CAACT,KAAK,GAAGc,MAAM,CAAC,CAEzD,OAAOL,UAAU,CACnB,CAAC,CAED,OAAO,aAAAQ,cAAK,CAACC,cAAc,CAAyC,IAAI,CAAC9B,KAAK,CAAC,gBAC3E6B,cAAK,CAACE,YAAY,CAAC,IAAI,CAAC/B,KAAK,EAAEoB,aAAa,CAAC,IAAI,CAACpB,KAAK,CAAC,CAAC,GACzD,IAAI,CAACA,KAAK,CAChB,CAAC,QAAA5B,aAAA,GAnCsEyD,cAAK,CAACG,SAAS,GAAA7D,cAAA,CAGxE8D,mBAAmB,GAAG,eAAe,EAAA9D,cAAA,CACrC+D,WAAW,GAAG,eAAe,EAAA/D,cAAA,MAAAD,MAAA","ignoreList":[]}

package/cjs/internal/CommonWrapper/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~Object~~.~~defineProperty(exports, "~~__esModule", { ~~value:~~ true });var _CommonWrapper = require("./CommonWrapper");Object.keys(_CommonWrapper).forEach(function (key) {if (key === "default" \|\| key === "__esModule") return;if (key in exports && exports[key] === _CommonWrapper[key]) return;~~Object.defineProperty(~~exports, key, { ~~enumerable: true, get: function get() {return~~ _CommonWrapper[key];} });~~});~~
1	+ "use strict";exports.__esModule = true;var _CommonWrapper = require("./CommonWrapper");Object.keys(_CommonWrapper).forEach(function (key) {if (key === "default" \|\| key === "__esModule") return;if (key in exports && exports[key] === _CommonWrapper[key]) return;exports[key] = _CommonWrapper[key];});