npm - @skbkontur/react-ui - Versions diffs - 2.17.6 → 2.17.7-sidepage-header - Mend

@skbkontur/react-ui 2.17.6 → 2.17.7-sidepage-header

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 (1099) hide show

package/cjs/internal/Popup/PopupHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["PopupHelper.tsx"],"names":["getPositionObject","position","x","split","direction","align","getElementAbsoluteRect","element","rect","_getElementRelativeRect","convertRectToAbsolute","isAbsoluteRectFullyVisible","coordinates","popupRect","windowRelativeRect","_getWindowRelativeRect","windowAbsoluteRect","absoluteRect","top","left","height","width","_rectContainsRect","canBecomeFullyVisible","positionName","availableScrollDistances","getBoundingClientRect","right","bottom","_getViewProperty","clientWidth","window","innerWidth","clientHeight","innerHeight","offset","_getAbsoluteOffset","scrollTop","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","outerRect","innerRect","getProperty","views","document","documentElement","body","map","find","Boolean","PopupHelper","isFullyVisible"],"mappings":"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","sourcesContent":["import { PopupPosition } from './Popup';\r\n\r\nexport interface Rect {\r\n top: number;\r\n left: number;\r\n width: number;\r\n height: number;\r\n}\r\n\r\nexport interface Offset {\r\n top: number;\r\n left: number;\r\n}\r\n\r\nexport interface PositionObject {\r\n direction: string;\r\n align: string;\r\n}\r\n\r\nfunction getPositionObject(position: string): PositionObject {\r\n const x = position.split(' ');\r\n\r\n return {\r\n direction: x[0],\r\n align: x[1],\r\n };\r\n}\r\n\r\nfunction getElementAbsoluteRect(element: HTMLElement): Rect {\r\n const rect = _getElementRelativeRect(element);\r\n return convertRectToAbsolute(rect);\r\n}\r\n\r\nfunction isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean {\r\n const windowRelativeRect = _getWindowRelativeRect();\r\n const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);\r\n const absoluteRect = {\r\n top: coordinates.top,\r\n left: coordinates.left,\r\n height: popupRect.height,\r\n width: popupRect.width,\r\n };\r\n\r\n return _rectContainsRect(windowAbsoluteRect, absoluteRect);\r\n}\r\n\r\nfunction canBecomeFullyVisible(positionName: PopupPosition, coordinates: Offset) {\r\n const position = getPositionObject(positionName);\r\n\r\n if (position.direction === 'top') {\r\n const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\r\n return coordinates.top + availableScrollDistances.top >= 0;\r\n }\r\n\r\n if (position.direction === 'left') {\r\n const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\r\n return coordinates.left + availableScrollDistances.left >= 0;\r\n }\r\n\r\n // NOTE: for bottom/right cases browser will always expand document size\r\n return true;\r\n}\r\n\r\nfunction _getElementRelativeRect(element: HTMLElement) {\r\n const rect = element.getBoundingClientRect();\r\n\r\n return {\r\n top: rect.top,\r\n left: rect.left,\r\n width: rect.right - rect.left,\r\n height: rect.bottom - rect.top,\r\n };\r\n}\r\n\r\nfunction _getWindowRelativeRect(): Rect {\r\n return {\r\n top: 0,\r\n left: 0,\r\n width: _getViewProperty(x => x.clientWidth) \|\| window.innerWidth,\r\n height: _getViewProperty(x => x.clientHeight) \|\| window.innerHeight,\r\n };\r\n}\r\n\r\nfunction convertRectToAbsolute(rect: Rect): Rect {\r\n const offset = _getAbsoluteOffset();\r\n\r\n return {\r\n top: rect.top + offset.top,\r\n left: rect.left + offset.left,\r\n width: rect.width,\r\n height: rect.height,\r\n };\r\n}\r\n\r\nfunction _getAbsoluteOffset(): Offset {\r\n const scrollTop = window.pageYOffset \|\| _getViewProperty(x => x.scrollTop);\r\n const scrollLeft = window.pageXOffset \|\| _getViewProperty(x => x.scrollLeft);\r\n\r\n const clientTop = _getViewProperty(x => x.clientTop);\r\n const clientLeft = _getViewProperty(x => x.clientLeft);\r\n\r\n const top = scrollTop - clientTop;\r\n const left = scrollLeft - clientLeft;\r\n\r\n return {\r\n top,\r\n left,\r\n };\r\n}\r\n\r\nfunction _rectContainsRect(outerRect: Rect, innerRect: Rect): boolean {\r\n return (\r\n innerRect.top > outerRect.top &&\r\n innerRect.top + innerRect.height < outerRect.top + outerRect.height &&\r\n innerRect.left > outerRect.left &&\r\n innerRect.left + innerRect.width < outerRect.left + outerRect.width\r\n );\r\n}\r\n\r\nfunction _getViewProperty(getProperty: (e: HTMLElement) => number): number {\r\n const views = [document.documentElement, document.body];\r\n return views.map(x => x && getProperty(x)).find(Boolean) \|\| 0;\r\n}\r\n\r\nexport const PopupHelper = {\r\n getPositionObject,\r\n getElementAbsoluteRect,\r\n isFullyVisible: isAbsoluteRectFullyVisible,\r\n canBecomeFullyVisible,\r\n};\r\n"]}
1	+ {"version":3,"sources":["PopupHelper.tsx"],"names":["getPositionObject","position","x","split","direction","align","getElementAbsoluteRect","element","rect","_getElementRelativeRect","convertRectToAbsolute","isAbsoluteRectFullyVisible","coordinates","popupRect","windowRelativeRect","_getWindowRelativeRect","windowAbsoluteRect","absoluteRect","top","left","height","width","_rectContainsRect","canBecomeFullyVisible","positionName","availableScrollDistances","getBoundingClientRect","right","bottom","_getViewProperty","clientWidth","window","innerWidth","clientHeight","innerHeight","offset","_getAbsoluteOffset","scrollTop","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","outerRect","innerRect","getProperty","views","document","documentElement","body","map","find","Boolean","PopupHelper","isFullyVisible"],"mappings":"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","sourcesContent":["import { PopupPosition } from './Popup';\n\nexport interface Rect {\n top: number;\n left: number;\n width: number;\n height: number;\n}\n\nexport interface Offset {\n top: number;\n left: number;\n}\n\nexport interface PositionObject {\n direction: string;\n align: string;\n}\n\nfunction getPositionObject(position: string): PositionObject {\n const x = position.split(' ');\n\n return {\n direction: x[0],\n align: x[1],\n };\n}\n\nfunction getElementAbsoluteRect(element: HTMLElement): Rect {\n const rect = _getElementRelativeRect(element);\n return convertRectToAbsolute(rect);\n}\n\nfunction isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean {\n const windowRelativeRect = _getWindowRelativeRect();\n const windowAbsoluteRect = convertRectToAbsolute(windowRelativeRect);\n const absoluteRect = {\n top: coordinates.top,\n left: coordinates.left,\n height: popupRect.height,\n width: popupRect.width,\n };\n\n return _rectContainsRect(windowAbsoluteRect, absoluteRect);\n}\n\nfunction canBecomeFullyVisible(positionName: PopupPosition, coordinates: Offset) {\n const position = getPositionObject(positionName);\n\n if (position.direction === 'top') {\n const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n return coordinates.top + availableScrollDistances.top >= 0;\n }\n\n if (position.direction === 'left') {\n const availableScrollDistances = convertRectToAbsolute(_getWindowRelativeRect());\n return coordinates.left + availableScrollDistances.left >= 0;\n }\n\n // NOTE: for bottom/right cases browser will always expand document size\n return true;\n}\n\nfunction _getElementRelativeRect(element: HTMLElement) {\n const rect = element.getBoundingClientRect();\n\n return {\n top: rect.top,\n left: rect.left,\n width: rect.right - rect.left,\n height: rect.bottom - rect.top,\n };\n}\n\nfunction _getWindowRelativeRect(): Rect {\n return {\n top: 0,\n left: 0,\n width: _getViewProperty(x => x.clientWidth) \|\| window.innerWidth,\n height: _getViewProperty(x => x.clientHeight) \|\| window.innerHeight,\n };\n}\n\nfunction convertRectToAbsolute(rect: Rect): Rect {\n const offset = _getAbsoluteOffset();\n\n return {\n top: rect.top + offset.top,\n left: rect.left + offset.left,\n width: rect.width,\n height: rect.height,\n };\n}\n\nfunction _getAbsoluteOffset(): Offset {\n const scrollTop = window.pageYOffset \|\| _getViewProperty(x => x.scrollTop);\n const scrollLeft = window.pageXOffset \|\| _getViewProperty(x => x.scrollLeft);\n\n const clientTop = _getViewProperty(x => x.clientTop);\n const clientLeft = _getViewProperty(x => x.clientLeft);\n\n const top = scrollTop - clientTop;\n const left = scrollLeft - clientLeft;\n\n return {\n top,\n left,\n };\n}\n\nfunction _rectContainsRect(outerRect: Rect, innerRect: Rect): boolean {\n return (\n innerRect.top > outerRect.top &&\n innerRect.top + innerRect.height < outerRect.top + outerRect.height &&\n innerRect.left > outerRect.left &&\n innerRect.left + innerRect.width < outerRect.left + outerRect.width\n );\n}\n\nfunction _getViewProperty(getProperty: (e: HTMLElement) => number): number {\n const views = [document.documentElement, document.body];\n return views.map(x => x && getProperty(x)).find(Boolean) \|\| 0;\n}\n\nexport const PopupHelper = {\n getPositionObject,\n getElementAbsoluteRect,\n isFullyVisible: isAbsoluteRectFullyVisible,\n canBecomeFullyVisible,\n};\n"]}

package/cjs/internal/Popup/PopupPin.js CHANGED Viewed

@@ -271,20 +271,20 @@ PopupPin = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
       default:
         throw new Error("Unexpected align '" + align + "'");}
-  };return PopupPin;}(_react.default.Component);exports.PopupPin = PopupPin;PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';PopupPin.propTypes = { /**
-   * Цвет фон пина
-   */backgroundColor: _propTypes.default.string, /**
-   * Цвет границы пина
-   */borderColor: _propTypes.default.string, /**
-   * Ширина границы пина
-   */borderWidth: _propTypes.default.number, /**
-   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-   */offset: _propTypes.default.number, /**
-   * Ссылка на попап
-   */popupElement: _propTypes.default.any, /**
-   * Позиция поапа, по которой будет вычеслено положение пина
-   */popupPosition: _propTypes.default.string, /**
-   * Сторона пина без учёта границы.
-   * Пин представляет собой равносторонний треугольник, высота от попапа
-   * до "носика" пина будет соответствовать формуле (size* √3)/2
+  };return PopupPin;}(_react.default.Component);exports.PopupPin = PopupPin;PopupPin.__KONTUR_REACT_UI__ = 'PopupPin';PopupPin.propTypes = { /**
+   * Цвет фон пина
+   */backgroundColor: _propTypes.default.string, /**
+   * Цвет границы пина
+   */borderColor: _propTypes.default.string, /**
+   * Ширина границы пина
+   */borderWidth: _propTypes.default.number, /**
+   * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
+   */offset: _propTypes.default.number, /**
+   * Ссылка на попап
+   */popupElement: _propTypes.default.any, /**
+   * Позиция поапа, по которой будет вычеслено положение пина
+   */popupPosition: _propTypes.default.string, /**
+   * Сторона пина без учёта границы.
+   * Пин представляет собой равносторонний треугольник, высота от попапа
+   * до "носика" пина будет соответствовать формуле (size* √3)/2
    */size: _propTypes.default.number };

package/cjs/internal/Popup/PopupPin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["PopupPin.tsx"],"names":["borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","render","props","popupElement","options","getPinOptions","PopupHelper","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","jsStyles","wrapper","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","width","height","borderWitdth","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","string","number","any"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { PopupHelper, PositionObject, Rect } from './PopupHelper';\r\nimport { jsStyles } from './PopupPin.styles';\r\n\r\nconst borderStyles = {\r\n position: 'absolute',\r\n borderStyle: 'solid',\r\n borderTopColor: 'transparent',\r\n borderBottomColor: 'transparent',\r\n borderLeftColor: 'transparent',\r\n borderRightColor: 'transparent',\r\n};\r\n\r\ninterface Props {\r\n backgroundColor: string;\r\n borderColor: string;\r\n borderWidth: number;\r\n offset: number;\r\n popupElement: Nullable<HTMLElement>;\r\n popupPosition: string;\r\n size: number;\r\n}\r\n\r\nexport class PopupPin extends React.Component<Props> {\r\n public static __KONTUR_REACT_UI__ = 'PopupPin';\r\n\r\n public static propTypes = {\r\n /*\r\n Цвет фон пина\r\n /\r\n backgroundColor: PropTypes.string,\r\n\r\n /\r\n Цвет границы пина\r\n /\r\n borderColor: PropTypes.string,\r\n\r\n /\r\n Ширина границы пина\r\n /\r\n borderWidth: PropTypes.number,\r\n\r\n /\r\n Смещение пина от края попапа. Край задаётся в пропе position вторым словом\r\n /\r\n offset: PropTypes.number,\r\n\r\n /\r\n Ссылка на попап\r\n /\r\n popupElement: PropTypes.any,\r\n\r\n /\r\n Позиция поапа, по которой будет вычеслено положение пина\r\n /\r\n popupPosition: PropTypes.string,\r\n\r\n /\r\n Сторона пина без учёта границы.\r\n * Пин представляет собой равносторонний треугольник, высота от попапа\r\n * до \"носика\" пина будет соответствовать формуле (size* √3)/2\r\n /\r\n size: PropTypes.number,\r\n };\r\n\r\n public render() {\r\n if (!this.props.popupElement) {\r\n return null;\r\n }\r\n\r\n const options = this.getPinOptions(\r\n PopupHelper.getElementAbsoluteRect(this.props.popupElement),\r\n PopupHelper.getPositionObject(this.props.popupPosition),\r\n this.props.size,\r\n this.props.offset,\r\n this.props.borderWidth,\r\n );\r\n\r\n const styleOuter: React.CSSProperties = this.getOuterStyle(\r\n options.activeBorder,\r\n options.outerSize,\r\n this.props.borderColor,\r\n );\r\n\r\n const styleInner: React.CSSProperties = this.getInnerStyle(\r\n options.activeBorder,\r\n this.props.size,\r\n this.props.backgroundColor,\r\n );\r\n\r\n const styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\r\n\r\n return (\r\n <div className={jsStyles.wrapper()} style={styleWrapper}>\r\n <div style={styleOuter}>\r\n <div style={styleInner} />\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private getPopupOppositeDirection(): 'bottom' \| 'top' \| 'left' \| 'right' {\r\n const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\r\n switch (popupDirection) {\r\n case 'top':\r\n return 'bottom';\r\n case 'bottom':\r\n return 'top';\r\n case 'left':\r\n return 'right';\r\n case 'right':\r\n return 'left';\r\n default:\r\n throw new TypeError('Unknown direction ' + popupDirection);\r\n }\r\n }\r\n\r\n private getWrapperStyle(left: number, top: number, borderWidth: number) {\r\n const direction = this.getPopupOppositeDirection();\r\n switch (direction) {\r\n case 'top':\r\n case 'bottom':\r\n return {\r\n [direction]: -borderWidth + 'px',\r\n left: left + 'px',\r\n width: borderWidth 2 + 'px',\r\n height: borderWidth + 'px',\r\n };\r\n case 'left':\r\n case 'right':\r\n return {\r\n [direction]: -borderWidth + 'px',\r\n top: top + 'px',\r\n height: borderWidth * 2 + 'px',\r\n width: borderWidth + 'px',\r\n };\r\n default:\r\n throw new TypeError('Unknown direction ' + direction);\r\n }\r\n }\r\n\r\n private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\r\n const direction = this.getPopupOppositeDirection();\r\n switch (direction) {\r\n case 'top':\r\n case 'bottom':\r\n return {\r\n ...borderStyles,\r\n [direction]: -borderWitdth + 'px',\r\n left: '0px',\r\n borderWidth: borderWitdth + 'px',\r\n ['border' + activeBorder + 'Color']: borderColor,\r\n } as React.CSSProperties;\r\n case 'left':\r\n case 'right':\r\n return {\r\n ...borderStyles,\r\n [direction]: -borderWitdth + 'px',\r\n top: '0px',\r\n borderWidth: borderWitdth + 'px',\r\n ['border' + activeBorder + 'Color']: borderColor,\r\n } as React.CSSProperties;\r\n default:\r\n throw new TypeError('Unknown direction ' + direction);\r\n }\r\n }\r\n\r\n private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\r\n const direction = this.getPopupOppositeDirection();\r\n switch (direction) {\r\n case 'top':\r\n case 'bottom':\r\n return {\r\n ...borderStyles,\r\n [direction]: -borderWitdth + 2 + 'px',\r\n left: -borderWitdth + 'px',\r\n borderWidth: borderWitdth + 'px',\r\n ['border' + activeBorder + 'Color']: borderColor,\r\n } as React.CSSProperties;\r\n case 'left':\r\n case 'right':\r\n return {\r\n ...borderStyles,\r\n [direction]: -borderWitdth + 2 + 'px',\r\n top: -borderWitdth + 'px',\r\n borderWidth: borderWitdth + 'px',\r\n ['border' + activeBorder + 'Color']: borderColor,\r\n } as React.CSSProperties;\r\n default:\r\n throw new TypeError('Unknown direction ' + direction);\r\n }\r\n }\r\n\r\n private getPinOptions(\r\n popupRect: Rect,\r\n popupPosition: PositionObject,\r\n pinSize: number,\r\n pinOffset: number,\r\n borderWidth: number,\r\n ) {\r\n const bordersDelta = 2 * borderWidth;\r\n const outerSize = pinSize + bordersDelta;\r\n\r\n switch (popupPosition.direction) {\r\n case 'top':\r\n return {\r\n outerTop: popupRect.height,\r\n outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n innerTop: -outerSize,\r\n innerLeft: -outerSize + bordersDelta,\r\n activeBorder: 'Top',\r\n outerSize,\r\n };\r\n case 'bottom':\r\n return {\r\n outerTop: -2 * outerSize,\r\n outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n innerTop: -outerSize + 2 * bordersDelta,\r\n innerLeft: -outerSize + bordersDelta,\r\n activeBorder: 'Bottom',\r\n outerSize,\r\n };\r\n case 'left':\r\n return {\r\n outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n outerLeft: popupRect.width,\r\n innerTop: -outerSize + bordersDelta,\r\n innerLeft: -outerSize,\r\n activeBorder: 'Left',\r\n outerSize,\r\n };\r\n case 'right':\r\n return {\r\n outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\r\n outerLeft: -2 * outerSize,\r\n innerTop: -outerSize + bordersDelta,\r\n innerLeft: -outerSize + 2 * bordersDelta,\r\n activeBorder: 'Right',\r\n outerSize,\r\n };\r\n default:\r\n throw new Error('Direction must be one of top, right, bottom, left');\r\n }\r\n }\r\n\r\n private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\r\n switch (align) {\r\n case 'top':\r\n return pinOffset;\r\n case 'middle':\r\n return popupRect.height / 2 - pinHeight;\r\n case 'bottom':\r\n return popupRect.height - pinOffset - 2 * pinHeight;\r\n default:\r\n throw new Error(`Unexpected align '${align}'`);\r\n }\r\n }\r\n\r\n private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\r\n switch (align) {\r\n case 'left':\r\n return pinOffset;\r\n case 'center':\r\n return popupRect.width / 2 - pinHeight;\r\n case 'right':\r\n return popupRect.width - pinOffset - 2 * pinHeight;\r\n default:\r\n throw new Error(`Unexpected align '${align}'`);\r\n }\r\n }\r\n}\r\n"]}
1	+ {"version":3,"sources":["PopupPin.tsx"],"names":["borderStyles","position","borderStyle","borderTopColor","borderBottomColor","borderLeftColor","borderRightColor","PopupPin","render","props","popupElement","options","getPinOptions","PopupHelper","getElementAbsoluteRect","getPositionObject","popupPosition","size","offset","borderWidth","styleOuter","getOuterStyle","activeBorder","outerSize","borderColor","styleInner","getInnerStyle","backgroundColor","styleWrapper","getWrapperStyle","outerLeft","outerTop","jsStyles","wrapper","getPopupOppositeDirection","popupDirection","direction","TypeError","left","top","width","height","borderWitdth","popupRect","pinSize","pinOffset","bordersDelta","getPinLeftCoordinate","align","innerTop","innerLeft","getPinTopCoordinate","Error","pinHeight","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","string","number","any"],"mappings":"sUAAA;AACA;;;;AAIA;AACA;;AAEA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,QAAQ,EAAE,UADS;AAEnBC,EAAAA,WAAW,EAAE,OAFM;AAGnBC,EAAAA,cAAc,EAAE,aAHG;AAInBC,EAAAA,iBAAiB,EAAE,aAJA;AAKnBC,EAAAA,eAAe,EAAE,aALE;AAMnBC,EAAAA,gBAAgB,EAAE,aANC,EAArB,C;;;;;;;;;;;;;AAmBaC,Q;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CJC,EAAAA,M,GAAP,kBAAgB;AACd,QAAI,CAAC,KAAKC,KAAL,CAAWC,YAAhB,EAA8B;AAC5B,aAAO,IAAP;AACD;;AAED,QAAMC,OAAO,GAAG,KAAKC,aAAL;AACdC,6BAAYC,sBAAZ,CAAmC,KAAKL,KAAL,CAAWC,YAA9C,CADc;AAEdG,6BAAYE,iBAAZ,CAA8B,KAAKN,KAAL,CAAWO,aAAzC,CAFc;AAGd,SAAKP,KAAL,CAAWQ,IAHG;AAId,SAAKR,KAAL,CAAWS,MAJG;AAKd,SAAKT,KAAL,CAAWU,WALG,CAAhB;;;AAQA,QAAMC,UAA+B,GAAG,KAAKC,aAAL;AACtCV,IAAAA,OAAO,CAACW,YAD8B;AAEtCX,IAAAA,OAAO,CAACY,SAF8B;AAGtC,SAAKd,KAAL,CAAWe,WAH2B,CAAxC;;;AAMA,QAAMC,UAA+B,GAAG,KAAKC,aAAL;AACtCf,IAAAA,OAAO,CAACW,YAD8B;AAEtC,SAAKb,KAAL,CAAWQ,IAF2B;AAGtC,SAAKR,KAAL,CAAWkB,eAH2B,CAAxC;;;AAMA,QAAMC,YAAY,GAAG,KAAKC,eAAL,CAAqBlB,OAAO,CAACmB,SAA7B,EAAwCnB,OAAO,CAACoB,QAAhD,EAA0DpB,OAAO,CAACY,SAAlE,CAArB;;AAEA;AACE,4CAAK,SAAS,EAAES,mBAASC,OAAT,EAAhB,EAAoC,KAAK,EAAEL,YAA3C;AACE,4CAAK,KAAK,EAAER,UAAZ;AACE,4CAAK,KAAK,EAAEK,UAAZ,GADF,CADF,CADF;;;;AAOD,G;;AAEOS,EAAAA,yB,GAAR,qCAAyE;AACvE,QAAMC,cAAc,GAAGtB,yBAAYE,iBAAZ,CAA8B,KAAKN,KAAL,CAAWO,aAAzC,EAAwDoB,SAA/E;AACA,YAAQD,cAAR;AACE,WAAK,KAAL;AACE,eAAO,QAAP;AACF,WAAK,QAAL;AACE,eAAO,KAAP;AACF,WAAK,MAAL;AACE,eAAO,OAAP;AACF,WAAK,OAAL;AACE,eAAO,MAAP;AACF;AACE,cAAM,IAAIE,SAAJ,CAAc,uBAAuBF,cAArC,CAAN,CAVJ;;AAYD,G;;AAEON,EAAAA,e,GAAR,yBAAwBS,IAAxB,EAAsCC,GAAtC,EAAmDpB,WAAnD,EAAwE;AACtE,QAAMiB,SAAS,GAAG,KAAKF,yBAAL,EAAlB;AACA,YAAQE,SAAR;AACE,WAAK,KAAL;AACA,WAAK,QAAL;AACE;AACGA,QAAAA,SADH,IACe,CAACjB,WAAD,GAAe,IAD9B;AAEEmB,QAAAA,IAFF,GAEQA,IAAI,GAAG,IAFf;AAGEE,QAAAA,KAHF,GAGSrB,WAAW,GAAG,CAAd,GAAkB,IAH3B;AAIEsB,QAAAA,MAJF,GAIUtB,WAAW,GAAG,IAJxB;;AAMF,WAAK,MAAL;AACA,WAAK,OAAL;AACE;AACGiB,QAAAA,SADH,IACe,CAACjB,WAAD,GAAe,IAD9B;AAEEoB,QAAAA,GAFF,GAEOA,GAAG,GAAG,IAFb;AAGEE,QAAAA,MAHF,GAGUtB,WAAW,GAAG,CAAd,GAAkB,IAH5B;AAIEqB,QAAAA,KAJF,GAISrB,WAAW,GAAG,IAJvB;;AAMF;AACE,cAAM,IAAIkB,SAAJ,CAAc,uBAAuBD,SAArC,CAAN,CAlBJ;;AAoBD,G;;AAEOf,EAAAA,a,GAAR,uBAAsBC,YAAtB,EAA4CoB,YAA5C,EAAkElB,WAAlE,EAA4G;AAC1G,QAAMY,SAAS,GAAG,KAAKF,yBAAL,EAAlB;AACA,YAAQE,SAAR;AACE,WAAK,KAAL;AACA,WAAK,QAAL;AACE;AACKpC,QAAAA,YADL;AAEGoC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,IAF/B;AAGEJ,QAAAA,IAHF,GAGQ,KAHR;AAIEnB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF,WAAK,MAAL;AACA,WAAK,OAAL;AACE;AACKxB,QAAAA,YADL;AAEGoC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,IAF/B;AAGEH,QAAAA,GAHF,GAGO,KAHP;AAIEpB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF;AACE,cAAM,IAAIa,SAAJ,CAAc,uBAAuBD,SAArC,CAAN,CApBJ;;AAsBD,G;;AAEOV,EAAAA,a,GAAR,uBAAsBJ,YAAtB,EAA4CoB,YAA5C,EAAkElB,WAAlE,EAA4G;AAC1G,QAAMY,SAAS,GAAG,KAAKF,yBAAL,EAAlB;AACA,YAAQE,SAAR;AACE,WAAK,KAAL;AACA,WAAK,QAAL;AACE;AACKpC,QAAAA,YADL;AAEGoC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,CAAhB,GAAoB,IAFnC;AAGEJ,QAAAA,IAHF,GAGQ,CAACI,YAAD,GAAgB,IAHxB;AAIEvB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF,WAAK,MAAL;AACA,WAAK,OAAL;AACE;AACKxB,QAAAA,YADL;AAEGoC,QAAAA,SAFH,IAEe,CAACM,YAAD,GAAgB,CAAhB,GAAoB,IAFnC;AAGEH,QAAAA,GAHF,GAGO,CAACG,YAAD,GAAgB,IAHvB;AAIEvB,QAAAA,WAJF,GAIeuB,YAAY,GAAG,IAJ9B;AAKG,mBAAWpB,YAAX,GAA0B,OAL7B,IAKuCE,WALvC;;AAOF;AACE,cAAM,IAAIa,SAAJ,CAAc,uBAAuBD,SAArC,CAAN,CApBJ;;AAsBD,G;;AAEOxB,EAAAA,a,GAAR;AACE+B,EAAAA,SADF;AAEE3B,EAAAA,aAFF;AAGE4B,EAAAA,OAHF;AAIEC,EAAAA,SAJF;AAKE1B,EAAAA,WALF;AAME;AACA,QAAM2B,YAAY,GAAG,IAAI3B,WAAzB;AACA,QAAMI,SAAS,GAAGqB,OAAO,GAAGE,YAA5B;;AAEA,YAAQ9B,aAAa,CAACoB,SAAtB;AACE,WAAK,KAAL;AACE,eAAO;AACLL,UAAAA,QAAQ,EAAEY,SAAS,CAACF,MADf;AAELX,UAAAA,SAAS,EAAE,KAAKiB,oBAAL,CAA0BJ,SAA1B,EAAqC3B,aAAa,CAACgC,KAAnD,EAA0DJ,OAA1D,EAAmEC,SAAnE,IAAgFC,YAFtF;AAGLG,UAAAA,QAAQ,EAAE,CAAC1B,SAHN;AAIL2B,UAAAA,SAAS,EAAE,CAAC3B,SAAD,GAAauB,YAJnB;AAKLxB,UAAAA,YAAY,EAAE,KALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF,WAAK,QAAL;AACE,eAAO;AACLQ,UAAAA,QAAQ,EAAE,CAAC,CAAD,GAAKR,SADV;AAELO,UAAAA,SAAS,EAAE,KAAKiB,oBAAL,CAA0BJ,SAA1B,EAAqC3B,aAAa,CAACgC,KAAnD,EAA0DJ,OAA1D,EAAmEC,SAAnE,IAAgFC,YAFtF;AAGLG,UAAAA,QAAQ,EAAE,CAAC1B,SAAD,GAAa,IAAIuB,YAHtB;AAILI,UAAAA,SAAS,EAAE,CAAC3B,SAAD,GAAauB,YAJnB;AAKLxB,UAAAA,YAAY,EAAE,QALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF,WAAK,MAAL;AACE,eAAO;AACLQ,UAAAA,QAAQ,EAAE,KAAKoB,mBAAL,CAAyBR,SAAzB,EAAoC3B,aAAa,CAACgC,KAAlD,EAAyDJ,OAAzD,EAAkEC,SAAlE,IAA+EC,YADpF;AAELhB,UAAAA,SAAS,EAAEa,SAAS,CAACH,KAFhB;AAGLS,UAAAA,QAAQ,EAAE,CAAC1B,SAAD,GAAauB,YAHlB;AAILI,UAAAA,SAAS,EAAE,CAAC3B,SAJP;AAKLD,UAAAA,YAAY,EAAE,MALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF,WAAK,OAAL;AACE,eAAO;AACLQ,UAAAA,QAAQ,EAAE,KAAKoB,mBAAL,CAAyBR,SAAzB,EAAoC3B,aAAa,CAACgC,KAAlD,EAAyDJ,OAAzD,EAAkEC,SAAlE,IAA+EC,YADpF;AAELhB,UAAAA,SAAS,EAAE,CAAC,CAAD,GAAKP,SAFX;AAGL0B,UAAAA,QAAQ,EAAE,CAAC1B,SAAD,GAAauB,YAHlB;AAILI,UAAAA,SAAS,EAAE,CAAC3B,SAAD,GAAa,IAAIuB,YAJvB;AAKLxB,UAAAA,YAAY,EAAE,OALT;AAMLC,UAAAA,SAAS,EAATA,SANK,EAAP;;AAQF;AACE,cAAM,IAAI6B,KAAJ,CAAU,mDAAV,CAAN,CAtCJ;;AAwCD,G;;AAEOD,EAAAA,mB,GAAR,6BAA4BR,SAA5B,EAA6CK,KAA7C,EAA4DK,SAA5D,EAA+ER,SAA/E,EAAkG;AAChG,YAAQG,KAAR;AACE,WAAK,KAAL;AACE,eAAOH,SAAP;AACF,WAAK,QAAL;AACE,eAAOF,SAAS,CAACF,MAAV,GAAmB,CAAnB,GAAuBY,SAA9B;AACF,WAAK,QAAL;AACE,eAAOV,SAAS,CAACF,MAAV,GAAmBI,SAAnB,GAA+B,IAAIQ,SAA1C;AACF;AACE,cAAM,IAAID,KAAJ,wBAA+BJ,KAA/B,OAAN,CARJ;;AAUD,G;;AAEOD,EAAAA,oB,GAAR,8BAA6BJ,SAA7B,EAA8CK,KAA9C,EAA6DK,SAA7D,EAAgFR,SAAhF,EAAmG;AACjG,YAAQG,KAAR;AACE,WAAK,MAAL;AACE,eAAOH,SAAP;AACF,WAAK,QAAL;AACE,eAAOF,SAAS,CAACH,KAAV,GAAkB,CAAlB,GAAsBa,SAA7B;AACF,WAAK,OAAL;AACE,eAAOV,SAAS,CAACH,KAAV,GAAkBK,SAAlB,GAA8B,IAAIQ,SAAzC;AACF;AACE,cAAM,IAAID,KAAJ,wBAA+BJ,KAA/B,OAAN,CARJ;;AAUD,G,mBAtP2BM,eAAMC,S,8BAAvBhD,Q,CACGiD,mB,GAAsB,U,CADzBjD,Q,CAGGkD,S,GAAY,EACxB;AACJ;AACA,KACI9B,eAAe,EAAE+B,mBAAUC,MAJH,EAMxB;AACJ;AACA,KACInC,WAAW,EAAEkC,mBAAUC,MATC,EAWxB;AACJ;AACA,KACIxC,WAAW,EAAEuC,mBAAUE,MAdC,EAgBxB;AACJ;AACA,KACI1C,MAAM,EAAEwC,mBAAUE,MAnBM,EAqBxB;AACJ;AACA,KACIlD,YAAY,EAAEgD,mBAAUG,GAxBA,EA0BxB;AACJ;AACA,KACI7C,aAAa,EAAE0C,mBAAUC,MA7BD,EA+BxB;AACJ;AACA;AACA;AACA,KACI1C,IAAI,EAAEyC,mBAAUE,MApCQ,E","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { PopupHelper, PositionObject, Rect } from './PopupHelper';\nimport { jsStyles } from './PopupPin.styles';\n\nconst borderStyles = {\n position: 'absolute',\n borderStyle: 'solid',\n borderTopColor: 'transparent',\n borderBottomColor: 'transparent',\n borderLeftColor: 'transparent',\n borderRightColor: 'transparent',\n};\n\ninterface Props {\n backgroundColor: string;\n borderColor: string;\n borderWidth: number;\n offset: number;\n popupElement: Nullable<HTMLElement>;\n popupPosition: string;\n size: number;\n}\n\nexport class PopupPin extends React.Component<Props> {\n public static __KONTUR_REACT_UI__ = 'PopupPin';\n\n public static propTypes = {\n /*\n Цвет фон пина\n /\n backgroundColor: PropTypes.string,\n\n /\n Цвет границы пина\n /\n borderColor: PropTypes.string,\n\n /\n Ширина границы пина\n /\n borderWidth: PropTypes.number,\n\n /\n Смещение пина от края попапа. Край задаётся в пропе position вторым словом\n /\n offset: PropTypes.number,\n\n /\n Ссылка на попап\n /\n popupElement: PropTypes.any,\n\n /\n Позиция поапа, по которой будет вычеслено положение пина\n /\n popupPosition: PropTypes.string,\n\n /\n Сторона пина без учёта границы.\n * Пин представляет собой равносторонний треугольник, высота от попапа\n * до \"носика\" пина будет соответствовать формуле (size* √3)/2\n /\n size: PropTypes.number,\n };\n\n public render() {\n if (!this.props.popupElement) {\n return null;\n }\n\n const options = this.getPinOptions(\n PopupHelper.getElementAbsoluteRect(this.props.popupElement),\n PopupHelper.getPositionObject(this.props.popupPosition),\n this.props.size,\n this.props.offset,\n this.props.borderWidth,\n );\n\n const styleOuter: React.CSSProperties = this.getOuterStyle(\n options.activeBorder,\n options.outerSize,\n this.props.borderColor,\n );\n\n const styleInner: React.CSSProperties = this.getInnerStyle(\n options.activeBorder,\n this.props.size,\n this.props.backgroundColor,\n );\n\n const styleWrapper = this.getWrapperStyle(options.outerLeft, options.outerTop, options.outerSize);\n\n return (\n <div className={jsStyles.wrapper()} style={styleWrapper}>\n <div style={styleOuter}>\n <div style={styleInner} />\n </div>\n </div>\n );\n }\n\n private getPopupOppositeDirection(): 'bottom' \| 'top' \| 'left' \| 'right' {\n const popupDirection = PopupHelper.getPositionObject(this.props.popupPosition).direction;\n switch (popupDirection) {\n case 'top':\n return 'bottom';\n case 'bottom':\n return 'top';\n case 'left':\n return 'right';\n case 'right':\n return 'left';\n default:\n throw new TypeError('Unknown direction ' + popupDirection);\n }\n }\n\n private getWrapperStyle(left: number, top: number, borderWidth: number) {\n const direction = this.getPopupOppositeDirection();\n switch (direction) {\n case 'top':\n case 'bottom':\n return {\n [direction]: -borderWidth + 'px',\n left: left + 'px',\n width: borderWidth 2 + 'px',\n height: borderWidth + 'px',\n };\n case 'left':\n case 'right':\n return {\n [direction]: -borderWidth + 'px',\n top: top + 'px',\n height: borderWidth * 2 + 'px',\n width: borderWidth + 'px',\n };\n default:\n throw new TypeError('Unknown direction ' + direction);\n }\n }\n\n private getOuterStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n const direction = this.getPopupOppositeDirection();\n switch (direction) {\n case 'top':\n case 'bottom':\n return {\n ...borderStyles,\n [direction]: -borderWitdth + 'px',\n left: '0px',\n borderWidth: borderWitdth + 'px',\n ['border' + activeBorder + 'Color']: borderColor,\n } as React.CSSProperties;\n case 'left':\n case 'right':\n return {\n ...borderStyles,\n [direction]: -borderWitdth + 'px',\n top: '0px',\n borderWidth: borderWitdth + 'px',\n ['border' + activeBorder + 'Color']: borderColor,\n } as React.CSSProperties;\n default:\n throw new TypeError('Unknown direction ' + direction);\n }\n }\n\n private getInnerStyle(activeBorder: string, borderWitdth: number, borderColor: string): React.CSSProperties {\n const direction = this.getPopupOppositeDirection();\n switch (direction) {\n case 'top':\n case 'bottom':\n return {\n ...borderStyles,\n [direction]: -borderWitdth + 2 + 'px',\n left: -borderWitdth + 'px',\n borderWidth: borderWitdth + 'px',\n ['border' + activeBorder + 'Color']: borderColor,\n } as React.CSSProperties;\n case 'left':\n case 'right':\n return {\n ...borderStyles,\n [direction]: -borderWitdth + 2 + 'px',\n top: -borderWitdth + 'px',\n borderWidth: borderWitdth + 'px',\n ['border' + activeBorder + 'Color']: borderColor,\n } as React.CSSProperties;\n default:\n throw new TypeError('Unknown direction ' + direction);\n }\n }\n\n private getPinOptions(\n popupRect: Rect,\n popupPosition: PositionObject,\n pinSize: number,\n pinOffset: number,\n borderWidth: number,\n ) {\n const bordersDelta = 2 * borderWidth;\n const outerSize = pinSize + bordersDelta;\n\n switch (popupPosition.direction) {\n case 'top':\n return {\n outerTop: popupRect.height,\n outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n innerTop: -outerSize,\n innerLeft: -outerSize + bordersDelta,\n activeBorder: 'Top',\n outerSize,\n };\n case 'bottom':\n return {\n outerTop: -2 * outerSize,\n outerLeft: this.getPinLeftCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n innerTop: -outerSize + 2 * bordersDelta,\n innerLeft: -outerSize + bordersDelta,\n activeBorder: 'Bottom',\n outerSize,\n };\n case 'left':\n return {\n outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n outerLeft: popupRect.width,\n innerTop: -outerSize + bordersDelta,\n innerLeft: -outerSize,\n activeBorder: 'Left',\n outerSize,\n };\n case 'right':\n return {\n outerTop: this.getPinTopCoordinate(popupRect, popupPosition.align, pinSize, pinOffset) - bordersDelta,\n outerLeft: -2 * outerSize,\n innerTop: -outerSize + bordersDelta,\n innerLeft: -outerSize + 2 * bordersDelta,\n activeBorder: 'Right',\n outerSize,\n };\n default:\n throw new Error('Direction must be one of top, right, bottom, left');\n }\n }\n\n private getPinTopCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n switch (align) {\n case 'top':\n return pinOffset;\n case 'middle':\n return popupRect.height / 2 - pinHeight;\n case 'bottom':\n return popupRect.height - pinOffset - 2 * pinHeight;\n default:\n throw new Error(`Unexpected align '${align}'`);\n }\n }\n\n private getPinLeftCoordinate(popupRect: Rect, align: string, pinHeight: number, pinOffset: number) {\n switch (align) {\n case 'left':\n return pinOffset;\n case 'center':\n return popupRect.width / 2 - pinHeight;\n case 'right':\n return popupRect.width - pinOffset - 2 * pinHeight;\n default:\n throw new Error(`Unexpected align '${align}'`);\n }\n }\n}\n"]}

package/cjs/internal/Popup/PopupPin.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["PopupPin.styles.ts"],"names":["styles","wrapper","css","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,OADa,qBACH;AACR,eAAOC,YAAP;;;;;AAKD,GAPY,EAAf;;;AAUO,IAAMC,QAAQ,GAAG,2BAAaH,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n wrapper() {\r\n return css`\r\n overflow: hidden;\r\n position: absolute;\r\n pointer-events: none;\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
1	+ {"version":3,"sources":["PopupPin.styles.ts"],"names":["styles","wrapper","css","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,OADa,qBACH;AACR,eAAOC,YAAP;;;;;AAKD,GAPY,EAAf;;;AAUO,IAAMC,QAAQ,GAAG,2BAAaH,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n wrapper() {\n return css`\n overflow: hidden;\n position: absolute;\n pointer-events: none;\n `;\n },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/internal/Popup/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Popup';\r\n"]}
1	+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Popup';\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["PopupMenu.tsx"],"names":["PopupMenuType","Dropdown","Tooltip","PopupMenu","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","refInternalMenu","element","handleOpen","focus","renderCaption","props","caption","opened","openMenu","closeMenu","toggleMenu","jsStyles","handleCaptionClick","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleKeyDown","document","activeElement","focusShouldBeRestored","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","render","container","width","children","popupMargin","popupHasPin","popupPinOffset","getPositions","disableAnimations","menuMaxHeight","menuWidth","header","footer","positions","PopupMenuPositions","React","Component","__KONTUR_REACT_UI__","defaultProps","Type"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport {\r\n isKeyArrowVertical,\r\n isKeyEnter,\r\n isKeyEscape,\r\n isKeySpace,\r\n someKeys,\r\n} from '../../lib/events/keyboard/identifiers';\r\nimport { InternalMenu } from '../InternalMenu';\r\nimport { Popup, PopupPosition } from '../Popup';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { PopupMenuPositions } from './PopupMenuPositions';\r\nimport { isValidPositions } from './validatePositions';\r\nimport { jsStyles } from './PopupMenu.styles';\r\n\r\nexport interface PopupMenuCaptionProps {\r\n opened: boolean;\r\n openMenu: (firstItemShouldBeSelected?: boolean) => void;\r\n closeMenu: (restoreFocus?: boolean) => void;\r\n toggleMenu: () => void;\r\n}\r\n\r\nexport interface PopupMenuProps extends CommonProps {\r\n children?: React.ReactNode;\r\n /** Максимальная высота меню /\r\n menuMaxHeight?: number \| string;\r\n /* Ширина меню /\r\n menuWidth?: number \| string;\r\n /* Ширина контейнера и caption /\r\n width?: React.CSSProperties['width'];\r\n\r\n /\r\n Элемент или функция возвращающая элемент,\r\n * если передана, используется вместо ```caption```,\r\n * в таком случае управлять открытием и закрытием меню\r\n * придется в этой функции\r\n /\r\n caption: React.ReactNode \| ((props: PopupMenuCaptionProps) => React.ReactNode);\r\n\r\n header?: React.ReactNode;\r\n footer?: React.ReactNode;\r\n\r\n /* Массив разрешенных положений меню относительно caption'а. /\r\n positions?: PopupPosition[];\r\n /* Колбэк, вызываемый после открытия/закрытия меню /\r\n onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\r\n /* Пропсы, передающиеся в Popup */\r\n popupHasPin?: boolean;\r\n popupMargin?: number;\r\n popupPinOffset?: number;\r\n type?: 'dropdown' \| 'tooltip';\r\n disableAnimations: boolean;\r\n}\r\n\r\ninterface PopupMenuState {\r\n menuVisible: boolean;\r\n firstItemShouldBeSelected?: boolean;\r\n}\r\n\r\nexport const PopupMenuType = {\r\n Dropdown: 'dropdown',\r\n Tooltip: 'tooltip',\r\n};\r\n\r\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\r\n public static __KONTUR_REACT_UI__ = 'PopupMenu';\r\n\r\n public static defaultProps = {\r\n positions: PopupMenuPositions,\r\n type: PopupMenuType.Tooltip,\r\n popupHasPin: true,\r\n popupMargin: 0,\r\n disableAnimations: false,\r\n };\r\n\r\n public static Type = PopupMenuType;\r\n\r\n public state = {\r\n menuVisible: false,\r\n firstItemShouldBeSelected: false,\r\n };\r\n\r\n private captionWrapper: HTMLSpanElement \| null = null;\r\n private savedFocusableElement: HTMLElement \| null = null;\r\n private menu: Nullable<InternalMenu> = null;\r\n\r\n public render() {\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <RenderLayer\r\n onClickOutside={this.hideMenuWithoutFocusing}\r\n onFocusOutside={this.hideMenuWithoutFocusing}\r\n active={this.state.menuVisible}\r\n >\r\n <div className={jsStyles.container()} style={{ width: this.props.width }}>\r\n {this.renderCaption()}\r\n {this.captionWrapper && this.props.children && (\r\n <Popup\r\n anchorElement={this.captionWrapper}\r\n opened={this.state.menuVisible}\r\n hasShadow\r\n margin={this.props.popupMargin}\r\n hasPin={this.props.popupHasPin}\r\n pinOffset={this.props.popupPinOffset}\r\n positions={this.getPositions()}\r\n disableAnimations={this.props.disableAnimations}\r\n onOpen={this.handleOpen}\r\n >\r\n <InternalMenu\r\n hasShadow={false}\r\n maxHeight={this.props.menuMaxHeight \|\| 'none'}\r\n onKeyDown={this.handleKeyDown}\r\n width={this.props.menuWidth \|\| 'auto'}\r\n onItemClick={this.handleItemSelection}\r\n cyclicSelection={false}\r\n ref={this.refInternalMenu}\r\n initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\r\n header={this.props.header}\r\n footer={this.props.footer}\r\n >\r\n {this.props.children}\r\n </InternalMenu>\r\n </Popup>\r\n )}\r\n </div>\r\n </RenderLayer>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n public open = (): void => this.showMenu();\r\n public close = (): void => this.hideMenu();\r\n\r\n private refInternalMenu = (element: Nullable<InternalMenu>) => (this.menu = element);\r\n\r\n private handleOpen = () => {\r\n if (this.menu) {\r\n this.menu.focus();\r\n }\r\n };\r\n\r\n private renderCaption = () => {\r\n if (typeof this.props.caption === 'function') {\r\n const caption = this.props.caption({\r\n opened: this.state.menuVisible,\r\n openMenu: this.showMenu,\r\n closeMenu: this.hideMenu,\r\n toggleMenu: this.toggleMenu,\r\n });\r\n\r\n return (\r\n <span\r\n data-tid=\"PopupMenu__caption\"\r\n className={jsStyles.caption()}\r\n ref={element => (this.captionWrapper = element)}\r\n >\r\n {caption}\r\n </span>\r\n );\r\n }\r\n\r\n return (\r\n <span\r\n data-tid=\"PopupMenu__caption\"\r\n onClick={this.handleCaptionClick}\r\n onKeyDown={this.handleCaptionKeyDown}\r\n ref={element => (this.captionWrapper = element)}\r\n className={jsStyles.caption()}\r\n >\r\n {this.props.caption}\r\n </span>\r\n );\r\n };\r\n\r\n private hideMenuWithoutFocusing = () => this.hideMenu();\r\n\r\n private getPositions() {\r\n if (this.props.positions && isValidPositions(this.props.positions)) {\r\n return this.props.positions;\r\n }\r\n\r\n return PopupMenuPositions;\r\n }\r\n\r\n private showMenu = (firstItemShouldBeSelected?: boolean): void => {\r\n this.saveFocus();\r\n this.setState(\r\n {\r\n menuVisible: true,\r\n firstItemShouldBeSelected,\r\n },\r\n () => {\r\n this.handleChangeMenuVisible(false);\r\n },\r\n );\r\n };\r\n\r\n private hideMenu = (restoreFocus?: boolean): void => {\r\n this.setState(\r\n {\r\n menuVisible: false,\r\n firstItemShouldBeSelected: false,\r\n },\r\n () => {\r\n this.handleChangeMenuVisible(!!restoreFocus);\r\n },\r\n );\r\n };\r\n\r\n private toggleMenu = (): void => {\r\n this.state.menuVisible ? this.hideMenu() : this.showMenu();\r\n };\r\n\r\n private handleCaptionClick = (): void => {\r\n this.toggleMenu();\r\n };\r\n\r\n private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\r\n if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\r\n e.preventDefault();\r\n this.showMenu(true);\r\n }\r\n };\r\n\r\n private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\r\n if (isKeyEscape(e)) {\r\n const restoreFocus = true;\r\n this.hideMenu(restoreFocus);\r\n }\r\n };\r\n\r\n private saveFocus = (): void => {\r\n if (document) {\r\n this.savedFocusableElement = document.activeElement as HTMLElement;\r\n }\r\n };\r\n\r\n private restoreFocus = (): void => {\r\n if (this.savedFocusableElement) {\r\n this.savedFocusableElement.focus();\r\n this.savedFocusableElement = null;\r\n }\r\n };\r\n\r\n private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\r\n if (focusShouldBeRestored) {\r\n this.restoreFocus();\r\n }\r\n if (typeof this.props.onChangeMenuState === 'function') {\r\n this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\r\n }\r\n };\r\n\r\n private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\r\n if (event.isDefaultPrevented()) {\r\n return;\r\n }\r\n\r\n if (event.type === 'keydown') {\r\n event.preventDefault();\r\n }\r\n\r\n const restoreFocus = event.type === 'keydown';\r\n this.hideMenu(restoreFocus);\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["PopupMenu.tsx"],"names":["PopupMenuType","Dropdown","Tooltip","PopupMenu","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","refInternalMenu","element","handleOpen","focus","renderCaption","props","caption","opened","openMenu","closeMenu","toggleMenu","jsStyles","handleCaptionClick","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleKeyDown","document","activeElement","focusShouldBeRestored","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","render","container","width","children","popupMargin","popupHasPin","popupPinOffset","getPositions","disableAnimations","menuMaxHeight","menuWidth","header","footer","positions","PopupMenuPositions","React","Component","__KONTUR_REACT_UI__","defaultProps","Type"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {\n isKeyArrowVertical,\n isKeyEnter,\n isKeyEscape,\n isKeySpace,\n someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { InternalMenu } from '../InternalMenu';\nimport { Popup, PopupPosition } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { PopupMenuPositions } from './PopupMenuPositions';\nimport { isValidPositions } from './validatePositions';\nimport { jsStyles } from './PopupMenu.styles';\n\nexport interface PopupMenuCaptionProps {\n opened: boolean;\n openMenu: (firstItemShouldBeSelected?: boolean) => void;\n closeMenu: (restoreFocus?: boolean) => void;\n toggleMenu: () => void;\n}\n\nexport interface PopupMenuProps extends CommonProps {\n children?: React.ReactNode;\n /** Максимальная высота меню /\n menuMaxHeight?: number \| string;\n /* Ширина меню /\n menuWidth?: number \| string;\n /* Ширина контейнера и caption /\n width?: React.CSSProperties['width'];\n\n /\n Элемент или функция возвращающая элемент,\n * если передана, используется вместо ```caption```,\n * в таком случае управлять открытием и закрытием меню\n * придется в этой функции\n /\n caption: React.ReactNode \| ((props: PopupMenuCaptionProps) => React.ReactNode);\n\n header?: React.ReactNode;\n footer?: React.ReactNode;\n\n /* Массив разрешенных положений меню относительно caption'а. /\n positions?: PopupPosition[];\n /* Колбэк, вызываемый после открытия/закрытия меню /\n onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\n /* Пропсы, передающиеся в Popup */\n popupHasPin?: boolean;\n popupMargin?: number;\n popupPinOffset?: number;\n type?: 'dropdown' \| 'tooltip';\n disableAnimations: boolean;\n}\n\ninterface PopupMenuState {\n menuVisible: boolean;\n firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n Dropdown: 'dropdown',\n Tooltip: 'tooltip',\n};\n\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\n public static __KONTUR_REACT_UI__ = 'PopupMenu';\n\n public static defaultProps = {\n positions: PopupMenuPositions,\n type: PopupMenuType.Tooltip,\n popupHasPin: true,\n popupMargin: 0,\n disableAnimations: false,\n };\n\n public static Type = PopupMenuType;\n\n public state = {\n menuVisible: false,\n firstItemShouldBeSelected: false,\n };\n\n private captionWrapper: HTMLSpanElement \| null = null;\n private savedFocusableElement: HTMLElement \| null = null;\n private menu: Nullable<InternalMenu> = null;\n\n public render() {\n return (\n <CommonWrapper {...this.props}>\n <RenderLayer\n onClickOutside={this.hideMenuWithoutFocusing}\n onFocusOutside={this.hideMenuWithoutFocusing}\n active={this.state.menuVisible}\n >\n <div className={jsStyles.container()} style={{ width: this.props.width }}>\n {this.renderCaption()}\n {this.captionWrapper && this.props.children && (\n <Popup\n anchorElement={this.captionWrapper}\n opened={this.state.menuVisible}\n hasShadow\n margin={this.props.popupMargin}\n hasPin={this.props.popupHasPin}\n pinOffset={this.props.popupPinOffset}\n positions={this.getPositions()}\n disableAnimations={this.props.disableAnimations}\n onOpen={this.handleOpen}\n >\n <InternalMenu\n hasShadow={false}\n maxHeight={this.props.menuMaxHeight \|\| 'none'}\n onKeyDown={this.handleKeyDown}\n width={this.props.menuWidth \|\| 'auto'}\n onItemClick={this.handleItemSelection}\n cyclicSelection={false}\n ref={this.refInternalMenu}\n initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\n header={this.props.header}\n footer={this.props.footer}\n >\n {this.props.children}\n </InternalMenu>\n </Popup>\n )}\n </div>\n </RenderLayer>\n </CommonWrapper>\n );\n }\n\n public open = (): void => this.showMenu();\n public close = (): void => this.hideMenu();\n\n private refInternalMenu = (element: Nullable<InternalMenu>) => (this.menu = element);\n\n private handleOpen = () => {\n if (this.menu) {\n this.menu.focus();\n }\n };\n\n private renderCaption = () => {\n if (typeof this.props.caption === 'function') {\n const caption = this.props.caption({\n opened: this.state.menuVisible,\n openMenu: this.showMenu,\n closeMenu: this.hideMenu,\n toggleMenu: this.toggleMenu,\n });\n\n return (\n <span\n data-tid=\"PopupMenu__caption\"\n className={jsStyles.caption()}\n ref={element => (this.captionWrapper = element)}\n >\n {caption}\n </span>\n );\n }\n\n return (\n <span\n data-tid=\"PopupMenu__caption\"\n onClick={this.handleCaptionClick}\n onKeyDown={this.handleCaptionKeyDown}\n ref={element => (this.captionWrapper = element)}\n className={jsStyles.caption()}\n >\n {this.props.caption}\n </span>\n );\n };\n\n private hideMenuWithoutFocusing = () => this.hideMenu();\n\n private getPositions() {\n if (this.props.positions && isValidPositions(this.props.positions)) {\n return this.props.positions;\n }\n\n return PopupMenuPositions;\n }\n\n private showMenu = (firstItemShouldBeSelected?: boolean): void => {\n this.saveFocus();\n this.setState(\n {\n menuVisible: true,\n firstItemShouldBeSelected,\n },\n () => {\n this.handleChangeMenuVisible(false);\n },\n );\n };\n\n private hideMenu = (restoreFocus?: boolean): void => {\n this.setState(\n {\n menuVisible: false,\n firstItemShouldBeSelected: false,\n },\n () => {\n this.handleChangeMenuVisible(!!restoreFocus);\n },\n );\n };\n\n private toggleMenu = (): void => {\n this.state.menuVisible ? this.hideMenu() : this.showMenu();\n };\n\n private handleCaptionClick = (): void => {\n this.toggleMenu();\n };\n\n private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n e.preventDefault();\n this.showMenu(true);\n }\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n if (isKeyEscape(e)) {\n const restoreFocus = true;\n this.hideMenu(restoreFocus);\n }\n };\n\n private saveFocus = (): void => {\n if (document) {\n this.savedFocusableElement = document.activeElement as HTMLElement;\n }\n };\n\n private restoreFocus = (): void => {\n if (this.savedFocusableElement) {\n this.savedFocusableElement.focus();\n this.savedFocusableElement = null;\n }\n };\n\n private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\n if (focusShouldBeRestored) {\n this.restoreFocus();\n }\n if (typeof this.props.onChangeMenuState === 'function') {\n this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\n }\n };\n\n private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\n if (event.isDefaultPrevented()) {\n return;\n }\n\n if (event.type === 'keydown') {\n event.preventDefault();\n }\n\n const restoreFocus = event.type === 'keydown';\n this.hideMenu(restoreFocus);\n };\n}\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["PopupMenu.styles.ts"],"names":["styles","caption","css","container","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,OADa,qBACH;AACR,eAAOC,YAAP;;;;AAID,GANY;AAObC,EAAAA,SAPa,uBAOD;AACV,eAAOD,YAAP;;;AAGD,GAXY,EAAf;;;AAcO,IAAME,QAAQ,GAAG,2BAAaJ,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n caption() {\r\n return css`\r\n display: inline-block;\r\n width: 100%;\r\n `;\r\n },\r\n container() {\r\n return css`\r\n display: inline-block;\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
1	+ {"version":3,"sources":["PopupMenu.styles.ts"],"names":["styles","caption","css","container","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,OADa,qBACH;AACR,eAAOC,YAAP;;;;AAID,GANY;AAObC,EAAAA,SAPa,uBAOD;AACV,eAAOD,YAAP;;;AAGD,GAXY,EAAf;;;AAcO,IAAME,QAAQ,GAAG,2BAAaJ,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n caption() {\n return css`\n display: inline-block;\n width: 100%;\n `;\n },\n container() {\n return css`\n display: inline-block;\n `;\n },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/internal/PopupMenu/PopupMenuPositions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["PopupMenuPositions.tsx"],"names":["PopupMenuPositions"],"mappings":";;AAEO,IAAMA,kBAAmC,GAAG;AACjD,UADiD;AAEjD,YAFiD;AAGjD,WAHiD;AAIjD,WAJiD;AAKjD,cALiD;AAMjD,cANiD;AAOjD,aAPiD;AAQjD,eARiD;AASjD,cATiD;AAUjD,UAViD;AAWjD,aAXiD;AAYjD,aAZiD,CAA5C,C","sourcesContent":["import { PopupPosition } from '../Popup';\r\n\r\nexport const PopupMenuPositions: PopupPosition[] = [\r\n 'top left',\r\n 'top center',\r\n 'top right',\r\n 'right top',\r\n 'right middle',\r\n 'right bottom',\r\n 'bottom left',\r\n 'bottom center',\r\n 'bottom right',\r\n 'left top',\r\n 'left middle',\r\n 'left bottom',\r\n];\r\n"]}
1	+ {"version":3,"sources":["PopupMenuPositions.tsx"],"names":["PopupMenuPositions"],"mappings":";;AAEO,IAAMA,kBAAmC,GAAG;AACjD,UADiD;AAEjD,YAFiD;AAGjD,WAHiD;AAIjD,WAJiD;AAKjD,cALiD;AAMjD,cANiD;AAOjD,aAPiD;AAQjD,eARiD;AASjD,cATiD;AAUjD,UAViD;AAWjD,aAXiD;AAYjD,aAZiD,CAA5C,C","sourcesContent":["import { PopupPosition } from '../Popup';\n\nexport const PopupMenuPositions: PopupPosition[] = [\n 'top left',\n 'top center',\n 'top right',\n 'right top',\n 'right middle',\n 'right bottom',\n 'bottom left',\n 'bottom center',\n 'bottom right',\n 'left top',\n 'left middle',\n 'left bottom',\n];\n"]}

package/cjs/internal/PopupMenu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './PopupMenu';\r\n"]}
1	+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './PopupMenu';\n"]}

package/cjs/internal/PopupMenu/validatePositions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["validatePositions.tsx"],"names":["isValidPosition","position","PopupMenuPositions","includes","isValidPositions","positions","every","item","isProductionEnv","Error"],"mappings":"yEAAA;;;AAGA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,QAAD,EAAsC;AAC5D,SAAOC,uCAAmBC,QAAnB,CAA4BF,QAA5B,CAAP;AACD,CAFD;;AAIO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD,EAAyC;AACvE,SAAOA,SAAS,CAACC,KAAV,CAAgB,UAAAC,IAAI,EAAI;AAC7B,QAAIC,mCAAJ,EAAqB;AACnB,aAAOR,eAAe,CAACO,IAAD,CAAtB;AACD,KAFD,MAEO;AACL,UAAIP,eAAe,CAACO,IAAD,CAAnB,EAA2B;AACzB,eAAO,IAAP;AACD,OAFD,MAEO;AACL,cAAM,IAAIE,KAAJ,2BAAiCF,IAAjC,QAAN;AACD;AACF;AACF,GAVM,CAAP;AAWD,CAZM,C","sourcesContent":["import { isProductionEnv } from '../../lib/currentEnvironment';\r\nimport { PopupPosition } from '../Popup';\r\n\r\nimport { PopupMenuPositions } from './PopupMenuPositions';\r\n\r\nconst isValidPosition = (position: PopupPosition): boolean => {\r\n return PopupMenuPositions.includes(position);\r\n};\r\n\r\nexport const isValidPositions = (positions: PopupPosition[]): boolean => {\r\n return positions.every(item => {\r\n if (isProductionEnv) {\r\n return isValidPosition(item);\r\n } else {\r\n if (isValidPosition(item)) {\r\n return true;\r\n } else {\r\n throw new Error(`Unxpected position \"${item}\"`);\r\n }\r\n }\r\n });\r\n};\r\n"]}
1	+ {"version":3,"sources":["validatePositions.tsx"],"names":["isValidPosition","position","PopupMenuPositions","includes","isValidPositions","positions","every","item","isProductionEnv","Error"],"mappings":"yEAAA;;;AAGA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,QAAD,EAAsC;AAC5D,SAAOC,uCAAmBC,QAAnB,CAA4BF,QAA5B,CAAP;AACD,CAFD;;AAIO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD,EAAyC;AACvE,SAAOA,SAAS,CAACC,KAAV,CAAgB,UAAAC,IAAI,EAAI;AAC7B,QAAIC,mCAAJ,EAAqB;AACnB,aAAOR,eAAe,CAACO,IAAD,CAAtB;AACD,KAFD,MAEO;AACL,UAAIP,eAAe,CAACO,IAAD,CAAnB,EAA2B;AACzB,eAAO,IAAP;AACD,OAFD,MAEO;AACL,cAAM,IAAIE,KAAJ,2BAAiCF,IAAjC,QAAN;AACD;AACF;AACF,GAVM,CAAP;AAWD,CAZM,C","sourcesContent":["import { isProductionEnv } from '../../lib/currentEnvironment';\nimport { PopupPosition } from '../Popup';\n\nimport { PopupMenuPositions } from './PopupMenuPositions';\n\nconst isValidPosition = (position: PopupPosition): boolean => {\n return PopupMenuPositions.includes(position);\n};\n\nexport const isValidPositions = (positions: PopupPosition[]): boolean => {\n return positions.every(item => {\n if (isProductionEnv) {\n return isValidPosition(item);\n } else {\n if (isValidPosition(item)) {\n return true;\n } else {\n throw new Error(`Unxpected position \"${item}\"`);\n }\n }\n });\n};\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["RenderContainer.tsx"],"names":["RenderContainer","props","domContainer","rootId","getRootId","isBrowser","children","mountContainer","UNSAFE_componentWillReceiveProps","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","createContainer","canUseDOM","document","createElement","setAttribute","Upgrade","getSpecificityClassName","parentNode","body","appendChild","window","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__"],"mappings":"6UAAA;;AAEA;;AAEA;AACA;;AAEA,8D;;;AAGaA,e;;;;;;;;AAQX,2BAAYC,KAAZ,EAAyC;AACvC,wCAAMA,KAAN,UADuC,MAJjCC,YAIiC,GAJK,IAIL,OAFxBC,MAEwB,GAFPH,eAAe,CAACI,SAAhB,EAEO;;AAGvC,QAAIC,qBAAaJ,KAAK,CAACK,QAAvB,EAAiC;AAC/B,YAAKC,cAAL;AACD,KALsC;AAMxC,G;;AAEMC,EAAAA,gC,GAAP,0CAAwCC,SAAxC,EAAyF;AACvF,QAAI,CAAC,KAAKR,KAAL,CAAWK,QAAZ,IAAwBG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKC,cAAL;AACD;AACD,QAAI,KAAKN,KAAL,CAAWK,QAAX,IAAuB,CAACG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKI,gBAAL;AACD;AACF,G;;AAEMC,EAAAA,oB,GAAP,gCAA8B;AAC5B,SAAKC,gBAAL;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,0CAAD,6BAA0B,KAAKZ,KAA/B,IAAsC,YAAY,EAAE,KAAKC,YAAzD,EAAuE,MAAM,EAAE,KAAKC,MAApF,IAAP;AACD,G;;AAEOW,EAAAA,e,GAAR,2BAA0B;AACxB,QAAIC,iBAAJ,EAAe;AACb,UAAMb,YAAY,GAAGc,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAArB;AACAf,MAAAA,YAAY,CAACgB,YAAb,CAA0B,OAA1B,EAAmCC,kBAAQC,uBAAR,EAAnC;AACAlB,MAAAA,YAAY,CAACgB,YAAb,CAA0B,4BAA1B,OAA2D,KAAKf,MAAhE;AACA,WAAKD,YAAL,GAAoBA,YAApB;AACD;AACF,G;;AAEOK,EAAAA,c,GAAR,0BAAyB;AACvB,QAAI,CAAC,KAAKL,YAAV,EAAwB;AACtB,WAAKY,eAAL;AACD;AACD,QAAI,KAAKZ,YAAL,IAAqB,KAAKA,YAAL,CAAkBmB,UAAlB,KAAiCL,QAAQ,CAACM,IAAnE,EAAyE;AACvEN,MAAAA,QAAQ,CAACM,IAAT,CAAcC,WAAd,CAA0B,KAAKrB,YAA/B;AACA,UAAIsB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBC,kBAApB,CAAuC,KAAKvB,MAA5C,EAAoD,IAApD;AACD;AACF;AACF,G;;AAEOS,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKV,YAAT,EAAuB;AACrB,WAAKQ,gBAAL;AACA,WAAKR,YAAL,GAAoB,IAApB;AACD;AACF,G;;AAEOQ,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKR,YAAL,IAAqB,KAAKA,YAAL,CAAkBmB,UAA3C,EAAuD;AACrD,WAAKnB,YAAL,CAAkBmB,UAAlB,CAA6BM,WAA7B,CAAyC,KAAKzB,YAA9C;;AAEA,UAAIsB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBG,qBAApB,CAA0C,KAAKzB,MAA/C;AACD;AACF;AACF,G,0BArEkC0B,eAAMC,S,4CAA9B9B,e,CACG+B,mB,GAAsB,iB,CADzB/B,e,CAGII,S,GAAY,oBAAM,yBAAN,E","sourcesContent":["import React from 'react';\r\n\r\nimport { canUseDOM, isBrowser } from '../../lib/client';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { getRandomID } from '../../lib/utils';\r\nimport { Upgrade } from '../../lib/Upgrades';\r\n\r\nimport { RenderInnerContainer } from './RenderInnerContainer';\r\nimport { RenderContainerProps } from './RenderContainerTypes';\r\n\r\nexport class RenderContainer extends React.Component<RenderContainerProps> {\r\n public static __KONTUR_REACT_UI__ = 'RenderContainer';\r\n\r\n private static getRootId = () => getRandomID();\r\n private domContainer: Nullable<HTMLElement> = null;\r\n\r\n private readonly rootId: string = RenderContainer.getRootId();\r\n\r\n constructor(props: RenderContainerProps) {\r\n super(props);\r\n\r\n if (isBrowser && props.children) {\r\n this.mountContainer();\r\n }\r\n }\r\n\r\n public UNSAFE_componentWillReceiveProps(nextProps: Readonly<RenderContainerProps>): void {\r\n if (!this.props.children && nextProps.children) {\r\n this.mountContainer();\r\n }\r\n if (this.props.children && !nextProps.children) {\r\n this.unmountContainer();\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n this.destroyContainer();\r\n }\r\n\r\n public render() {\r\n return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\r\n }\r\n\r\n private createContainer() {\r\n if (canUseDOM) {\r\n const domContainer = document.createElement('div');\r\n domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\r\n domContainer.setAttribute('data-rendered-container-id', `${this.rootId}`);\r\n this.domContainer = domContainer;\r\n }\r\n }\r\n\r\n private mountContainer() {\r\n if (!this.domContainer) {\r\n this.createContainer();\r\n }\r\n if (this.domContainer && this.domContainer.parentNode !== document.body) {\r\n document.body.appendChild(this.domContainer);\r\n if (window.ReactTesting) {\r\n window.ReactTesting.addRenderContainer(this.rootId, this);\r\n }\r\n }\r\n }\r\n\r\n private destroyContainer() {\r\n if (this.domContainer) {\r\n this.unmountContainer();\r\n this.domContainer = null;\r\n }\r\n }\r\n\r\n private unmountContainer() {\r\n if (this.domContainer && this.domContainer.parentNode) {\r\n this.domContainer.parentNode.removeChild(this.domContainer);\r\n\r\n if (window.ReactTesting) {\r\n window.ReactTesting.removeRenderContainer(this.rootId);\r\n }\r\n }\r\n }\r\n}\r\n"]}
1	+ {"version":3,"sources":["RenderContainer.tsx"],"names":["RenderContainer","props","domContainer","rootId","getRootId","isBrowser","children","mountContainer","UNSAFE_componentWillReceiveProps","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","createContainer","canUseDOM","document","createElement","setAttribute","Upgrade","getSpecificityClassName","parentNode","body","appendChild","window","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__"],"mappings":"6UAAA;;AAEA;;AAEA;AACA;;AAEA,8D;;;AAGaA,e;;;;;;;;AAQX,2BAAYC,KAAZ,EAAyC;AACvC,wCAAMA,KAAN,UADuC,MAJjCC,YAIiC,GAJK,IAIL,OAFxBC,MAEwB,GAFPH,eAAe,CAACI,SAAhB,EAEO;;AAGvC,QAAIC,qBAAaJ,KAAK,CAACK,QAAvB,EAAiC;AAC/B,YAAKC,cAAL;AACD,KALsC;AAMxC,G;;AAEMC,EAAAA,gC,GAAP,0CAAwCC,SAAxC,EAAyF;AACvF,QAAI,CAAC,KAAKR,KAAL,CAAWK,QAAZ,IAAwBG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKC,cAAL;AACD;AACD,QAAI,KAAKN,KAAL,CAAWK,QAAX,IAAuB,CAACG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKI,gBAAL;AACD;AACF,G;;AAEMC,EAAAA,oB,GAAP,gCAA8B;AAC5B,SAAKC,gBAAL;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,0CAAD,6BAA0B,KAAKZ,KAA/B,IAAsC,YAAY,EAAE,KAAKC,YAAzD,EAAuE,MAAM,EAAE,KAAKC,MAApF,IAAP;AACD,G;;AAEOW,EAAAA,e,GAAR,2BAA0B;AACxB,QAAIC,iBAAJ,EAAe;AACb,UAAMb,YAAY,GAAGc,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAArB;AACAf,MAAAA,YAAY,CAACgB,YAAb,CAA0B,OAA1B,EAAmCC,kBAAQC,uBAAR,EAAnC;AACAlB,MAAAA,YAAY,CAACgB,YAAb,CAA0B,4BAA1B,OAA2D,KAAKf,MAAhE;AACA,WAAKD,YAAL,GAAoBA,YAApB;AACD;AACF,G;;AAEOK,EAAAA,c,GAAR,0BAAyB;AACvB,QAAI,CAAC,KAAKL,YAAV,EAAwB;AACtB,WAAKY,eAAL;AACD;AACD,QAAI,KAAKZ,YAAL,IAAqB,KAAKA,YAAL,CAAkBmB,UAAlB,KAAiCL,QAAQ,CAACM,IAAnE,EAAyE;AACvEN,MAAAA,QAAQ,CAACM,IAAT,CAAcC,WAAd,CAA0B,KAAKrB,YAA/B;AACA,UAAIsB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBC,kBAApB,CAAuC,KAAKvB,MAA5C,EAAoD,IAApD;AACD;AACF;AACF,G;;AAEOS,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKV,YAAT,EAAuB;AACrB,WAAKQ,gBAAL;AACA,WAAKR,YAAL,GAAoB,IAApB;AACD;AACF,G;;AAEOQ,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKR,YAAL,IAAqB,KAAKA,YAAL,CAAkBmB,UAA3C,EAAuD;AACrD,WAAKnB,YAAL,CAAkBmB,UAAlB,CAA6BM,WAA7B,CAAyC,KAAKzB,YAA9C;;AAEA,UAAIsB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBG,qBAApB,CAA0C,KAAKzB,MAA/C;AACD;AACF;AACF,G,0BArEkC0B,eAAMC,S,4CAA9B9B,e,CACG+B,mB,GAAsB,iB,CADzB/B,e,CAGII,S,GAAY,oBAAM,yBAAN,E","sourcesContent":["import React from 'react';\n\nimport { canUseDOM, isBrowser } from '../../lib/client';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRandomID } from '../../lib/utils';\nimport { Upgrade } from '../../lib/Upgrades';\n\nimport { RenderInnerContainer } from './RenderInnerContainer';\nimport { RenderContainerProps } from './RenderContainerTypes';\n\nexport class RenderContainer extends React.Component<RenderContainerProps> {\n public static __KONTUR_REACT_UI__ = 'RenderContainer';\n\n private static getRootId = () => getRandomID();\n private domContainer: Nullable<HTMLElement> = null;\n\n private readonly rootId: string = RenderContainer.getRootId();\n\n constructor(props: RenderContainerProps) {\n super(props);\n\n if (isBrowser && props.children) {\n this.mountContainer();\n }\n }\n\n public UNSAFE_componentWillReceiveProps(nextProps: Readonly<RenderContainerProps>): void {\n if (!this.props.children && nextProps.children) {\n this.mountContainer();\n }\n if (this.props.children && !nextProps.children) {\n this.unmountContainer();\n }\n }\n\n public componentWillUnmount() {\n this.destroyContainer();\n }\n\n public render() {\n return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\n }\n\n private createContainer() {\n if (canUseDOM) {\n const domContainer = document.createElement('div');\n domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\n domContainer.setAttribute('data-rendered-container-id', `${this.rootId}`);\n this.domContainer = domContainer;\n }\n }\n\n private mountContainer() {\n if (!this.domContainer) {\n this.createContainer();\n }\n if (this.domContainer && this.domContainer.parentNode !== document.body) {\n document.body.appendChild(this.domContainer);\n if (window.ReactTesting) {\n window.ReactTesting.addRenderContainer(this.rootId, this);\n }\n }\n }\n\n private destroyContainer() {\n if (this.domContainer) {\n this.unmountContainer();\n this.domContainer = null;\n }\n }\n\n private unmountContainer() {\n if (this.domContainer && this.domContainer.parentNode) {\n this.domContainer.parentNode.removeChild(this.domContainer);\n\n if (window.ReactTesting) {\n window.ReactTesting.removeRenderContainer(this.rootId);\n }\n }\n }\n}\n"]}

package/cjs/internal/RenderContainer/RenderInnerContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["RenderInnerContainer.tsx"],"names":["SSRPlaceholder","Portal","container","rt_rootID","children","ReactDOM","createPortal","RenderInnerContainer","render","props","anchor","domContainer","rootId","inner","React","Component","__KONTUR_REACT_UI__"],"mappings":"iRAAA;AACA;;;AAGA;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,wBAAM,yCAAQ,WAAQ,iBAAhB,GAAN,EAAvB;;AAEO,IAAMC,MAA4C,GAAG,SAA/CA,MAA+C,OAAwC,KAArCC,SAAqC,QAArCA,SAAqC,CAA1BC,SAA0B,QAA1BA,SAA0B,CAAfC,QAAe,QAAfA,QAAe;AAClG;AACA;AACE,iCAAC,cAAD,CAAO,QAAP;AACGF,IAAAA,SAAS,gBAAGG,kBAASC,YAAT,CAAsBF,QAAtB,EAAgCF,SAAhC,CAAH,gBAAgD,6BAAC,cAAD,OAD5D;AAEGA,IAAAA,SAAS,gBAAG,2CAAU,4BAA0BC,SAApC,GAAH,gBAAuD,6BAAC,cAAD,OAFnE,CADF;;;AAMD,CARM,C;;AAUMI,oB;;;AAGJC,EAAAA,M,GAAP,kBAAgB;AACqC,SAAKC,KAD1C,CACNC,MADM,eACNA,MADM,CACEN,QADF,eACEA,QADF,CACYO,YADZ,eACYA,YADZ,CAC0BC,MAD1B,eAC0BA,MAD1B;AAEd,QAAIC,KAAK,GAAGH,MAAZ;;AAEA,QAAIN,QAAJ,EAAc;AACZS,MAAAA,KAAK;AACH,mCAAC,cAAD,CAAO,QAAP;AACGH,MAAAA,MADH;AAEE,mCAAC,MAAD,IAAQ,GAAG,EAAC,YAAZ,EAAyB,SAAS,EAAEE,MAApC,EAA4C,SAAS,EAAED,YAAvD;AACE,mCAAC,4BAAD,EAAmB,KAAKF,KAAxB,EAAgCL,QAAhC,CADF,CAFF,CADF;;;;AAQD;;AAED,WAAOS,KAAP;AACD,G,+BAnBuCC,eAAMC,S,sDAAnCR,oB,CACGS,mB,GAAsB,sB","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { CommonWrapper } from '../CommonWrapper';\r\n\r\nimport { PortalProps, RenderContainerProps } from './RenderContainerTypes';\r\n\r\ninterface RenderInnerContainerProps extends RenderContainerProps {\r\n domContainer: Nullable<HTMLElement>;\r\n rootId: string;\r\n}\r\n\r\n// Заглушка нужна для корректной гидрации порталов после SSR,\r\n// которую реакт сам пока не поддерживает.\r\n// @see https://github.com/facebook/react/issues/13097\r\n// А также для вставки актуального render-container-id на клиенте.\r\n//\r\n// Дело в том, что во время гидрации, структура HTML на сервере\r\n// и на клиенте должна совпадать, иначе возможны артефакты.\r\n// Алгоритм там примерно такой. Клиент во время гидрации идет\r\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\r\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\r\n// вместе со всеми атрибутами, навесив только обработчики событий.\r\n//\r\n// Поэтому, для портала, который рендерится только на клиенте,\r\n// нужно использовать серверную заглушку, чтобы при гидрации\r\n// он не испортил какой-то другой элемент. Null не подходит,\r\n// т.к. на сервере он тоже не рендерится.\r\n// А элемент с render-container-id нужно отрендерить с нуля.\r\n\r\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\r\n\r\nexport const Portal: React.FunctionComponent<PortalProps> = ({ container, rt_rootID, children }) => {\r\n // container exists only in browser\r\n return (\r\n <React.Fragment>\r\n {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\r\n {container ? <noscript data-render-container-id={rt_rootID} /> : <SSRPlaceholder />}\r\n </React.Fragment>\r\n );\r\n};\r\n\r\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\r\n public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\r\n\r\n public render() {\r\n const { anchor, children, domContainer, rootId } = this.props;\r\n let inner = anchor;\r\n\r\n if (children) {\r\n inner = (\r\n <React.Fragment>\r\n {anchor}\r\n <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\r\n <CommonWrapper {...this.props}>{children}</CommonWrapper>\r\n </Portal>\r\n </React.Fragment>\r\n );\r\n }\r\n\r\n return inner;\r\n }\r\n}\r\n"]}
1	+ {"version":3,"sources":["RenderInnerContainer.tsx"],"names":["SSRPlaceholder","Portal","container","rt_rootID","children","ReactDOM","createPortal","RenderInnerContainer","render","props","anchor","domContainer","rootId","inner","React","Component","__KONTUR_REACT_UI__"],"mappings":"iRAAA;AACA;;;AAGA;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,wBAAM,yCAAQ,WAAQ,iBAAhB,GAAN,EAAvB;;AAEO,IAAMC,MAA4C,GAAG,SAA/CA,MAA+C,OAAwC,KAArCC,SAAqC,QAArCA,SAAqC,CAA1BC,SAA0B,QAA1BA,SAA0B,CAAfC,QAAe,QAAfA,QAAe;AAClG;AACA;AACE,iCAAC,cAAD,CAAO,QAAP;AACGF,IAAAA,SAAS,gBAAGG,kBAASC,YAAT,CAAsBF,QAAtB,EAAgCF,SAAhC,CAAH,gBAAgD,6BAAC,cAAD,OAD5D;AAEGA,IAAAA,SAAS,gBAAG,2CAAU,4BAA0BC,SAApC,GAAH,gBAAuD,6BAAC,cAAD,OAFnE,CADF;;;AAMD,CARM,C;;AAUMI,oB;;;AAGJC,EAAAA,M,GAAP,kBAAgB;AACqC,SAAKC,KAD1C,CACNC,MADM,eACNA,MADM,CACEN,QADF,eACEA,QADF,CACYO,YADZ,eACYA,YADZ,CAC0BC,MAD1B,eAC0BA,MAD1B;AAEd,QAAIC,KAAK,GAAGH,MAAZ;;AAEA,QAAIN,QAAJ,EAAc;AACZS,MAAAA,KAAK;AACH,mCAAC,cAAD,CAAO,QAAP;AACGH,MAAAA,MADH;AAEE,mCAAC,MAAD,IAAQ,GAAG,EAAC,YAAZ,EAAyB,SAAS,EAAEE,MAApC,EAA4C,SAAS,EAAED,YAAvD;AACE,mCAAC,4BAAD,EAAmB,KAAKF,KAAxB,EAAgCL,QAAhC,CADF,CAFF,CADF;;;;AAQD;;AAED,WAAOS,KAAP;AACD,G,+BAnBuCC,eAAMC,S,sDAAnCR,oB,CACGS,mB,GAAsB,sB","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonWrapper } from '../CommonWrapper';\n\nimport { PortalProps, RenderContainerProps } from './RenderContainerTypes';\n\ninterface RenderInnerContainerProps extends RenderContainerProps {\n domContainer: Nullable<HTMLElement>;\n rootId: string;\n}\n\n// Заглушка нужна для корректной гидрации порталов после SSR,\n// которую реакт сам пока не поддерживает.\n// @see https://github.com/facebook/react/issues/13097\n// А также для вставки актуального render-container-id на клиенте.\n//\n// Дело в том, что во время гидрации, структура HTML на сервере\n// и на клиенте должна совпадать, иначе возможны артефакты.\n// Алгоритм там примерно такой. Клиент во время гидрации идет\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\n// вместе со всеми атрибутами, навесив только обработчики событий.\n//\n// Поэтому, для портала, который рендерится только на клиенте,\n// нужно использовать серверную заглушку, чтобы при гидрации\n// он не испортил какой-то другой элемент. Null не подходит,\n// т.к. на сервере он тоже не рендерится.\n// А элемент с render-container-id нужно отрендерить с нуля.\n\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\n\nexport const Portal: React.FunctionComponent<PortalProps> = ({ container, rt_rootID, children }) => {\n // container exists only in browser\n return (\n <React.Fragment>\n {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\n {container ? <noscript data-render-container-id={rt_rootID} /> : <SSRPlaceholder />}\n </React.Fragment>\n );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n\n public render() {\n const { anchor, children, domContainer, rootId } = this.props;\n let inner = anchor;\n\n if (children) {\n inner = (\n <React.Fragment>\n {anchor}\n <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\n <CommonWrapper {...this.props}>{children}</CommonWrapper>\n </Portal>\n </React.Fragment>\n );\n }\n\n return inner;\n }\n}\n"]}

package/cjs/internal/RenderContainer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './RenderContainer';\r\n"]}
1	+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './RenderContainer';\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["RenderLayer.tsx"],"names":["RenderLayer","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getDomNode","Element","onClickOutside","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","React","Children","only","children","window","addEventListener","document","documentElement","remove","removeEventListener","Component","__KONTUR_REACT_UI__","propTypes","propName","componentName","Error","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\r\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\r\n\r\nexport interface RenderLayerProps extends CommonProps {\r\n children: JSX.Element;\r\n onClickOutside?: (e: Event) => void;\r\n onFocusOutside?: (e: Event) => void;\r\n active?: boolean;\r\n}\r\n\r\nexport class RenderLayer extends React.Component<RenderLayerProps> {\r\n public static __KONTUR_REACT_UI__ = 'RenderLayer';\r\n\r\n public static propTypes = {\r\n active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string) {\r\n const { active, onClickOutside, onFocusOutside } = props;\r\n if (active && !(onClickOutside \|\| onFocusOutside)) {\r\n return new Error(\r\n `[${componentName}]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.`,\r\n );\r\n }\r\n },\r\n };\r\n\r\n public static defaultProps = {\r\n active: true,\r\n };\r\n\r\n private focusOutsideListenerToken: {\r\n remove: () => void;\r\n } \| null = null;\r\n\r\n public componentDidMount() {\r\n if (this.props.active) {\r\n this.attachListeners();\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: RenderLayerProps) {\r\n if (!prevProps.active && this.props.active) {\r\n this.attachListeners();\r\n }\r\n if (prevProps.active && !this.props.active) {\r\n this.detachListeners();\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.props.active) {\r\n this.detachListeners();\r\n }\r\n }\r\n\r\n public render() {\r\n return <CommonWrapper {...this.props}>{React.Children.only(this.props.children)}</CommonWrapper>;\r\n }\r\n\r\n private attachListeners() {\r\n this.focusOutsideListenerToken = listenFocusOutside(() => [this.getDomNode()], this.handleFocusOutside);\r\n window.addEventListener('blur', this.handleFocusOutside);\r\n document.addEventListener(\r\n 'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\r\n this.handleNativeDocClick,\r\n );\r\n }\r\n\r\n private detachListeners() {\r\n if (this.focusOutsideListenerToken) {\r\n this.focusOutsideListenerToken.remove();\r\n this.focusOutsideListenerToken = null;\r\n }\r\n\r\n window.removeEventListener('blur', this.handleFocusOutside);\r\n document.removeEventListener(\r\n 'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\r\n this.handleNativeDocClick,\r\n );\r\n }\r\n\r\n private getDomNode() {\r\n return findDOMNode(this) as HTMLElement;\r\n }\r\n\r\n private handleFocusOutside = (event: Event) => {\r\n if (this.props.onFocusOutside) {\r\n this.props.onFocusOutside(event);\r\n }\r\n };\r\n\r\n private handleNativeDocClick = (event: Event) => {\r\n const target = event.target \|\| event.srcElement;\r\n const node = this.getDomNode();\r\n\r\n if (target instanceof Element && containsTargetOrRenderContainer(target)(node)) {\r\n return;\r\n }\r\n\r\n if (this.props.onClickOutside) {\r\n this.props.onClickOutside(event);\r\n }\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["RenderLayer.tsx"],"names":["RenderLayer","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getDomNode","Element","onClickOutside","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","React","Children","only","children","window","addEventListener","document","documentElement","remove","removeEventListener","Component","__KONTUR_REACT_UI__","propTypes","propName","componentName","Error","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\n\nexport interface RenderLayerProps extends CommonProps {\n children: JSX.Element;\n onClickOutside?: (e: Event) => void;\n onFocusOutside?: (e: Event) => void;\n active?: boolean;\n}\n\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n public static __KONTUR_REACT_UI__ = 'RenderLayer';\n\n public static propTypes = {\n active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string) {\n const { active, onClickOutside, onFocusOutside } = props;\n if (active && !(onClickOutside \|\| onFocusOutside)) {\n return new Error(\n `[${componentName}]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.`,\n );\n }\n },\n };\n\n public static defaultProps = {\n active: true,\n };\n\n private focusOutsideListenerToken: {\n remove: () => void;\n } \| null = null;\n\n public componentDidMount() {\n if (this.props.active) {\n this.attachListeners();\n }\n }\n\n public componentDidUpdate(prevProps: RenderLayerProps) {\n if (!prevProps.active && this.props.active) {\n this.attachListeners();\n }\n if (prevProps.active && !this.props.active) {\n this.detachListeners();\n }\n }\n\n public componentWillUnmount() {\n if (this.props.active) {\n this.detachListeners();\n }\n }\n\n public render() {\n return <CommonWrapper {...this.props}>{React.Children.only(this.props.children)}</CommonWrapper>;\n }\n\n private attachListeners() {\n this.focusOutsideListenerToken = listenFocusOutside(() => [this.getDomNode()], this.handleFocusOutside);\n window.addEventListener('blur', this.handleFocusOutside);\n document.addEventListener(\n 'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\n this.handleNativeDocClick,\n );\n }\n\n private detachListeners() {\n if (this.focusOutsideListenerToken) {\n this.focusOutsideListenerToken.remove();\n this.focusOutsideListenerToken = null;\n }\n\n window.removeEventListener('blur', this.handleFocusOutside);\n document.removeEventListener(\n 'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\n this.handleNativeDocClick,\n );\n }\n\n private getDomNode() {\n return findDOMNode(this) as HTMLElement;\n }\n\n private handleFocusOutside = (event: Event) => {\n if (this.props.onFocusOutside) {\n this.props.onFocusOutside(event);\n }\n };\n\n private handleNativeDocClick = (event: Event) => {\n const target = event.target \|\| event.srcElement;\n const node = this.getDomNode();\n\n if (target instanceof Element && containsTargetOrRenderContainer(target)(node)) {\n return;\n }\n\n if (this.props.onClickOutside) {\n this.props.onClickOutside(event);\n }\n };\n}\n"]}

package/cjs/internal/RenderLayer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './RenderLayer';\r\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './RenderLayer';\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ResizeDetector.tsx"],"names":["ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","jsStyles","root","content","children","React","Component","__KONTUR_REACT_UI__"],"mappings":"0PAAA;;AAEA,yD;;;;;;AAMaA,c;;;AAGHC,IAAAA,Y,GAA8B,I;;;;;;;;;;;;;;;;;AAiB9BC,IAAAA,Y,GAAe,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,K;;AAEOG,IAAAA,S,GAAY,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,K,4DAzBMC,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,C,QAEMS,M,GAAP,kBAAgB,CACd,oBACE,sCAAK,SAAS,EAAEC,yBAASC,IAAT,EAAhB,iBACE,yCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKP,SAAzC,EAAoD,SAAS,EAAEM,yBAASL,MAAT,EAA/D,EAAkF,QAAQ,EAAE,CAAC,CAA7F,GADF,eAEE,sCAAK,SAAS,EAAEK,yBAASE,OAAT,EAAhB,IAAqC,KAAKV,KAAL,CAAWW,QAAhD,CAFF,CADF,CAMD,C,yBAlBiCC,eAAMC,S,0CAA7BjB,c,CACGkB,mB,GAAsB,gB","sourcesContent":["import React from 'react';\r\n\r\nimport { jsStyles } from './ResizeDetector.styles';\r\n\r\nexport interface ResizeDetectorProps {\r\n onResize?: (event: UIEvent) => void;\r\n}\r\n\r\nexport class ResizeDetector extends React.Component<ResizeDetectorProps> {\r\n public static __KONTUR_REACT_UI__ = 'ResizeDetector';\r\n\r\n private iframeWindow: Window \| null = null;\r\n\r\n public componentDidMount() {\r\n if (this.iframeWindow) {\r\n this.iframeWindow.addEventListener('resize', this.handleResize);\r\n }\r\n }\r\n\r\n public render() {\r\n return (\r\n <div className={jsStyles.root()}>\r\n <iframe title=\"resizeDetector\" ref={this.iframeRef} className={jsStyles.iframe()} tabIndex={-1} />\r\n <div className={jsStyles.content()}>{this.props.children}</div>\r\n </div>\r\n );\r\n }\r\n\r\n private handleResize = (event: UIEvent) => {\r\n if (this.props.onResize) {\r\n this.props.onResize(event);\r\n }\r\n };\r\n\r\n private iframeRef = (iframe: HTMLIFrameElement) => {\r\n if (iframe && iframe.contentWindow) {\r\n this.iframeWindow = iframe.contentWindow;\r\n }\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["ResizeDetector.tsx"],"names":["ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","jsStyles","root","content","children","React","Component","__KONTUR_REACT_UI__"],"mappings":"0PAAA;;AAEA,yD;;;;;;AAMaA,c;;;AAGHC,IAAAA,Y,GAA8B,I;;;;;;;;;;;;;;;;;AAiB9BC,IAAAA,Y,GAAe,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,K;;AAEOG,IAAAA,S,GAAY,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,K,4DAzBMC,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,C,QAEMS,M,GAAP,kBAAgB,CACd,oBACE,sCAAK,SAAS,EAAEC,yBAASC,IAAT,EAAhB,iBACE,yCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKP,SAAzC,EAAoD,SAAS,EAAEM,yBAASL,MAAT,EAA/D,EAAkF,QAAQ,EAAE,CAAC,CAA7F,GADF,eAEE,sCAAK,SAAS,EAAEK,yBAASE,OAAT,EAAhB,IAAqC,KAAKV,KAAL,CAAWW,QAAhD,CAFF,CADF,CAMD,C,yBAlBiCC,eAAMC,S,0CAA7BjB,c,CACGkB,mB,GAAsB,gB","sourcesContent":["import React from 'react';\n\nimport { jsStyles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n onResize?: (event: UIEvent) => void;\n}\n\nexport class ResizeDetector extends React.Component<ResizeDetectorProps> {\n public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n\n private iframeWindow: Window \| null = null;\n\n public componentDidMount() {\n if (this.iframeWindow) {\n this.iframeWindow.addEventListener('resize', this.handleResize);\n }\n }\n\n public render() {\n return (\n <div className={jsStyles.root()}>\n <iframe title=\"resizeDetector\" ref={this.iframeRef} className={jsStyles.iframe()} tabIndex={-1} />\n <div className={jsStyles.content()}>{this.props.children}</div>\n </div>\n );\n }\n\n private handleResize = (event: UIEvent) => {\n if (this.props.onResize) {\n this.props.onResize(event);\n }\n };\n\n private iframeRef = (iframe: HTMLIFrameElement) => {\n if (iframe && iframe.contentWindow) {\n this.iframeWindow = iframe.contentWindow;\n }\n };\n}\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ResizeDetector.styles.ts"],"names":["styles","root","css","iframe","content","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;;AAObC,EAAAA,MAPa,oBAOJ;AACP,eAAOD,YAAP;;;;;;;;;;;AAWD,GAnBY;;AAqBbE,EAAAA,OArBa,qBAqBH;AACR,eAAOF,YAAP;;;AAGD,GAzBY,EAAf;;;AA4BO,IAAMG,QAAQ,GAAG,2BAAaL,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n root() {\r\n return css`\r\n position: relative;\r\n `;\r\n },\r\n\r\n iframe() {\r\n return css`\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n margin: 0;\r\n border: 0;\r\n background: transparent;\r\n `;\r\n },\r\n\r\n content() {\r\n return css`\r\n position: relative;\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
1	+ {"version":3,"sources":["ResizeDetector.styles.ts"],"names":["styles","root","css","iframe","content","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;AAGD,GALY;;AAObC,EAAAA,MAPa,oBAOJ;AACP,eAAOD,YAAP;;;;;;;;;;;AAWD,GAnBY;;AAqBbE,EAAAA,OArBa,qBAqBH;AACR,eAAOF,YAAP;;;AAGD,GAzBY,EAAf;;;AA4BO,IAAMG,QAAQ,GAAG,2BAAaL,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n root() {\n return css`\n position: relative;\n `;\n },\n\n iframe() {\n return css`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border: 0;\n background: transparent;\n `;\n },\n\n content() {\n return css`\n position: relative;\n `;\n },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/internal/ResizeDetector/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './ResizeDetector';\r\n"]}
1	+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './ResizeDetector';\n"]}

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

@@ -30,8 +30,8 @@ var types = {
-/**
- * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
+/**
+ * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
  */var
 SpinnerOld = (_dec = (0, _decorators.locale)('Spinner', _locale.SpinnerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(SpinnerOld, _React$Component);
@@ -123,14 +123,14 @@ SpinnerOld = (_dec = (0, _decorators.locale)('Spinner', _locale.SpinnerLocaleHel
     renderCaption = function (type, caption) {
       return /*#__PURE__*/_react.default.createElement("span", { className: (0, _classnames.default)(_SpinnerOld.jsStyles[type](_this.theme), _SpinnerOld.jsStyles.caption(_this.theme)) }, caption);
-    };return _this;}var _proto = SpinnerOld.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,type = _this$props.type,_this$props$caption = _this$props.caption,caption = _this$props$caption === void 0 ? this.locale.loading : _this$props$caption;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { className: _SpinnerOld.jsStyles.spinner() }, /*#__PURE__*/_react.default.createElement("span", { className: _SpinnerOld.jsStyles.inner() }, this.renderSpinnerOld(type)), caption && this.renderCaption(type, caption)));};return SpinnerOld;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'SpinnerOld', _class2.propTypes = { /**
-   * Текст рядом с мини-лоадером.
-   *
-   * 'Загрузка' - значение по-умолчанию
-   */caption: PropTypes.node, dimmed: PropTypes.bool, /**
-   * Тип спиннера: mini, normal, big
-   *
-   * Значение по-умолчанию - normal
-   *
-   * SpinnerOld.types - все доступные типы
+    };return _this;}var _proto = SpinnerOld.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,type = _this$props.type,_this$props$caption = _this$props.caption,caption = _this$props$caption === void 0 ? this.locale.loading : _this$props$caption;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { className: _SpinnerOld.jsStyles.spinner() }, /*#__PURE__*/_react.default.createElement("span", { className: _SpinnerOld.jsStyles.inner() }, this.renderSpinnerOld(type)), caption && this.renderCaption(type, caption)));};return SpinnerOld;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'SpinnerOld', _class2.propTypes = { /**
+   * Текст рядом с мини-лоадером.
+   *
+   * 'Загрузка' - значение по-умолчанию
+   */caption: PropTypes.node, dimmed: PropTypes.bool, /**
+   * Тип спиннера: mini, normal, big
+   *
+   * Значение по-умолчанию - normal
+   *
+   * SpinnerOld.types - все доступные типы
    */type: PropTypes.oneOf(Object.keys(types)) }, _class2.defaultProps = { type: 'normal' }, _class2.Types = types, _temp)) || _class);exports.SpinnerOld = SpinnerOld;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["SpinnerOld.tsx"],"names":["types","big","mini","normal","SpinnerOld","SpinnerLocaleHelper","props","theme","locale","renderCloud","type","dimmed","cloudClassName","jsStyles","cloudDimmed","cloud","cloudWrapper","cloudStroke","renderCircle","circleClassName","circleDimmed","circle","renderSpinnerOld","renderCaption","caption","render","renderMain","loading","spinner","inner","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","node","bool","oneOf","Object","keys","defaultProps","Types"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport * as PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { SpinnerIcon } from '../icons/SpinnerIcon';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { SpinnerOldCloudIcon } from './SpinnerOldCloudIcon';\r\nimport { jsStyles } from './SpinnerOld.styles';\r\nimport { SpinnerLocale, SpinnerLocaleHelper } from './locale';\r\n\r\nconst types: Record<SpinnerOldType, SpinnerOldType> = {\r\n big: 'big',\r\n mini: 'mini',\r\n normal: 'normal',\r\n};\r\n\r\nexport type SpinnerOldType = 'mini' \| 'normal' \| 'big';\r\n\r\nexport interface SpinnerOldProps extends CommonProps {\r\n caption?: React.ReactNode;\r\n dimmed?: boolean;\r\n /*\r\n Тип спиннера\r\n * @default mini\r\n /\r\n type: SpinnerOldType;\r\n}\r\n\r\n/\r\n @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\r\n /\r\n@locale('Spinner', SpinnerLocaleHelper)\r\nexport class SpinnerOld extends React.Component<SpinnerOldProps> {\r\n public static __KONTUR_REACT_UI__ = 'SpinnerOld';\r\n\r\n public static propTypes = {\r\n /\r\n Текст рядом с мини-лоадером.\r\n \r\n 'Загрузка' - значение по-умолчанию\r\n /\r\n caption: PropTypes.node,\r\n\r\n dimmed: PropTypes.bool,\r\n\r\n /\r\n Тип спиннера: mini, normal, big\r\n \r\n Значение по-умолчанию - normal\r\n \r\n SpinnerOld.types - все доступные типы\r\n */\r\n type: PropTypes.oneOf(Object.keys(types)),\r\n };\r\n\r\n public static defaultProps: SpinnerOldProps = {\r\n type: 'normal',\r\n };\r\n\r\n public static Types: typeof types = types;\r\n private theme!: Theme;\r\n private readonly locale!: SpinnerLocale;\r\n\r\n public constructor(props: SpinnerOldProps) {\r\n super(props);\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n private renderMain() {\r\n const { type, caption = this.locale.loading } = this.props;\r\n\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <div className={jsStyles.spinner()}>\r\n <span className={jsStyles.inner()}>{this.renderSpinnerOld(type)}</span>\r\n {caption && this.renderCaption(type, caption)}\r\n </div>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n private renderCloud = (type: Exclude<SpinnerOldType, 'mini'>) => {\r\n const { dimmed } = this.props;\r\n const cloudClassName = dimmed ? jsStyles.cloudDimmed(this.theme) : jsStyles.cloud(this.theme);\r\n\r\n return (\r\n <span className={jsStyles.cloudWrapper()}>\r\n <SpinnerOldCloudIcon\r\n dimmed={dimmed}\r\n size={type}\r\n className={cloudClassName}\r\n strokeClassName={jsStyles.cloudStroke(this.theme)}\r\n />\r\n </span>\r\n );\r\n };\r\n\r\n private renderCircle = () => {\r\n const theme = this.theme;\r\n const { dimmed } = this.props;\r\n const circleClassName = dimmed ? jsStyles.circleDimmed(theme) : jsStyles.circle(theme);\r\n\r\n return <SpinnerIcon dimmed={dimmed} size=\"mini\" className={circleClassName} />;\r\n };\r\n\r\n private renderSpinnerOld = (type: SpinnerOldType) => {\r\n return type === 'mini' ? this.renderCircle() : this.renderCloud(type);\r\n };\r\n\r\n private renderCaption = (type: SpinnerOldType, caption: React.ReactNode) => {\r\n return <span className={cn(jsStyles[type](this.theme), jsStyles.caption(this.theme))}>{caption}</span>;\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["SpinnerOld.tsx"],"names":["types","big","mini","normal","SpinnerOld","SpinnerLocaleHelper","props","theme","locale","renderCloud","type","dimmed","cloudClassName","jsStyles","cloudDimmed","cloud","cloudWrapper","cloudStroke","renderCircle","circleClassName","circleDimmed","circle","renderSpinnerOld","renderCaption","caption","render","renderMain","loading","spinner","inner","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","node","bool","oneOf","Object","keys","defaultProps","Types"],"mappings":"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","sourcesContent":["import React from 'react';\nimport * as PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { SpinnerIcon } from '../icons/SpinnerIcon';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { SpinnerOldCloudIcon } from './SpinnerOldCloudIcon';\nimport { jsStyles } from './SpinnerOld.styles';\nimport { SpinnerLocale, SpinnerLocaleHelper } from './locale';\n\nconst types: Record<SpinnerOldType, SpinnerOldType> = {\n big: 'big',\n mini: 'mini',\n normal: 'normal',\n};\n\nexport type SpinnerOldType = 'mini' \| 'normal' \| 'big';\n\nexport interface SpinnerOldProps extends CommonProps {\n caption?: React.ReactNode;\n dimmed?: boolean;\n /*\n Тип спиннера\n * @default mini\n /\n type: SpinnerOldType;\n}\n\n/\n @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\n /\n@locale('Spinner', SpinnerLocaleHelper)\nexport class SpinnerOld extends React.Component<SpinnerOldProps> {\n public static __KONTUR_REACT_UI__ = 'SpinnerOld';\n\n public static propTypes = {\n /\n Текст рядом с мини-лоадером.\n \n 'Загрузка' - значение по-умолчанию\n /\n caption: PropTypes.node,\n\n dimmed: PropTypes.bool,\n\n /\n Тип спиннера: mini, normal, big\n \n Значение по-умолчанию - normal\n \n SpinnerOld.types - все доступные типы\n */\n type: PropTypes.oneOf(Object.keys(types)),\n };\n\n public static defaultProps: SpinnerOldProps = {\n type: 'normal',\n };\n\n public static Types: typeof types = types;\n private theme!: Theme;\n private readonly locale!: SpinnerLocale;\n\n public constructor(props: SpinnerOldProps) {\n super(props);\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {theme => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { type, caption = this.locale.loading } = this.props;\n\n return (\n <CommonWrapper {...this.props}>\n <div className={jsStyles.spinner()}>\n <span className={jsStyles.inner()}>{this.renderSpinnerOld(type)}</span>\n {caption && this.renderCaption(type, caption)}\n </div>\n </CommonWrapper>\n );\n }\n\n private renderCloud = (type: Exclude<SpinnerOldType, 'mini'>) => {\n const { dimmed } = this.props;\n const cloudClassName = dimmed ? jsStyles.cloudDimmed(this.theme) : jsStyles.cloud(this.theme);\n\n return (\n <span className={jsStyles.cloudWrapper()}>\n <SpinnerOldCloudIcon\n dimmed={dimmed}\n size={type}\n className={cloudClassName}\n strokeClassName={jsStyles.cloudStroke(this.theme)}\n />\n </span>\n );\n };\n\n private renderCircle = () => {\n const theme = this.theme;\n const { dimmed } = this.props;\n const circleClassName = dimmed ? jsStyles.circleDimmed(theme) : jsStyles.circle(theme);\n\n return <SpinnerIcon dimmed={dimmed} size=\"mini\" className={circleClassName} />;\n };\n\n private renderSpinnerOld = (type: SpinnerOldType) => {\n return type === 'mini' ? this.renderCircle() : this.renderCloud(type);\n };\n\n private renderCaption = (type: SpinnerOldType, caption: React.ReactNode) => {\n return <span className={cn(jsStyles[type](this.theme), jsStyles.caption(this.theme))}>{caption}</span>;\n };\n}\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["SpinnerOld.styles.ts"],"names":["styles","cloudStroke","t","css","spinnerOldBgColor","cloudWrapper","cloud","spinnerColor","isIE11","AnimationKeyframes","spinnerCloudOffset","spinnerCloudLength","cloudDimmed","spinnerOldDimmedColor","circle","spinnerOldColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmed","caption","spinnerOldCaptionColor","spinner","inner","mini","spinnerOldCaptionGapSmall","spinnerOldFontSizeSmall","spinnerOldLineHeightSmall","normal","spinnerOldFontSizeMedium","spinnerOldLineHeightMedium","spinnerOldCaptionGapMedium","big","spinnerOldFontSizeLarge","spinnerOldLineHeightLarge","spinnerOldCaptionGapLarge","jsStyles"],"mappings":"8QAAA;;AAEA;AACA,0C;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,WADa,uBACDC,CADC,EACS;AACpB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,iBADd;;AAGD,GALY;AAMbC,EAAAA,YANa,0BAME;AACb,eAAOF,YAAP;;;;AAID,GAXY;AAYbG,EAAAA,KAZa,iBAYPJ,CAZO,EAYG;AACd,eAAOC,YAAP;;;AAGYD,IAAAA,CAAC,CAACK,YAHd;;AAKI,KAACC,cAAD;;AAEaC,2CAAmBC,kBAAnB,CAAsCR,CAAtC,CAFb;AAGIO,2CAAmBE,kBAAnB,CAAsCT,CAAtC,CAHJ;AAIIO,2CAAmBF,YAAnB,CAAgCL,CAAhC,CAJJ,wCALJ;;;AAYD,GAzBY;AA0BbU,EAAAA,WA1Ba,uBA0BDV,CA1BC,EA0BS;AACpB,eAAOC,YAAP;;;AAGYD,IAAAA,CAAC,CAACW,qBAHd;;AAKI,KAACL,cAAD;;AAEaC,2CAAmBC,kBAAnB,CAAsCR,CAAtC,CAFb;AAGIO,2CAAmBE,kBAAnB,CAAsCT,CAAtC,CAHJ,iEALJ;;;AAWD,GAtCY;AAuCbY,EAAAA,MAvCa,kBAuCNZ,CAvCM,EAuCI;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACa,eADd;;AAGI,KAACP,cAAD;;AAEaC,2CAAmBO,mBAAnB,CAAuCd,CAAvC,CAFb;AAGIO,2CAAmBQ,mBAAnB,CAAuCf,CAAvC,CAHJ;AAIIO,2CAAmBS,mBAAnB,CAAuChB,CAAvC,CAJJ;AAKIO,2CAAmBF,YAAnB,CAAgCL,CAAhC,CALJ,wCAHJ;;;AAWD,GAnDY;AAoDbiB,EAAAA,YApDa,wBAoDAjB,CApDA,EAoDU;AACrB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACW,qBADd;;AAGI,KAACL,cAAD;;AAEaC,2CAAmBO,mBAAnB,CAAuCd,CAAvC,CAFb;AAGIO,2CAAmBQ,mBAAnB,CAAuCf,CAAvC,CAHJ;AAIIO,2CAAmBS,mBAAnB,CAAuChB,CAAvC,CAJJ,mCAHJ;;;AAUD,GA/DY;;AAiEbkB,EAAAA,OAjEa,mBAiELlB,CAjEK,EAiEK;AAChB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACmB,sBADb;;AAGD,GArEY;;AAuEbC,EAAAA,OAvEa,qBAuEH;AACR,eAAOnB,YAAP;;;;AAID,GA5EY;;AA8EboB,EAAAA,KA9Ea,mBA8EL;AACN,eAAOpB,YAAP;;;AAGD,GAlFY;;AAoFbqB,EAAAA,IApFa,gBAoFRtB,CApFQ,EAoFE;AACb,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACuB,yBADnB;AAEevB,IAAAA,CAAC,CAACwB,uBAFjB;AAGiBxB,IAAAA,CAAC,CAACyB,yBAHnB;;AAKD,GA1FY;;AA4FbC,EAAAA,MA5Fa,kBA4FN1B,CA5FM,EA4FI;AACf,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAAC2B,wBAFjB;AAGiB3B,IAAAA,CAAC,CAAC4B,0BAHnB;AAIgB5B,IAAAA,CAAC,CAAC6B,0BAJlB;;AAMD,GAnGY;;AAqGbC,EAAAA,GArGa,eAqGT9B,CArGS,EAqGC;AACZ,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAAC+B,uBAFjB;AAGiB/B,IAAAA,CAAC,CAACgC,yBAHnB;AAIgBhC,IAAAA,CAAC,CAACiC,yBAJlB;;AAMD,GA5GY,EAAf;;;AA+GO,IAAMC,QAAQ,GAAG,2BAAapC,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\r\nimport { isIE11 } from '../../lib/client';\r\n\r\nconst styles = {\r\n cloudStroke(t: Theme) {\r\n return css`\r\n stroke: ${t.spinnerOldBgColor};\r\n `;\r\n },\r\n cloudWrapper() {\r\n return css`\r\n fill: none;\r\n stroke-linecap: round;\r\n `;\r\n },\r\n cloud(t: Theme) {\r\n return css`\r\n stroke-dasharray: 20, 86;\r\n stroke-dashoffset: 15;\r\n stroke: ${t.spinnerColor};\r\n\r\n ${!isIE11 &&\r\n `\r\n animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\r\n `}\r\n `;\r\n },\r\n cloudDimmed(t: Theme) {\r\n return css`\r\n stroke-dasharray: 20, 86;\r\n stroke-dashoffset: 15;\r\n stroke: ${t.spinnerOldDimmedColor};\r\n\r\n ${!isIE11 &&\r\n `\r\n animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite;\r\n `}\r\n `;\r\n },\r\n circle(t: Theme) {\r\n return css`\r\n stroke: ${t.spinnerOldColor};\r\n\r\n ${!isIE11 &&\r\n `\r\n animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite,\r\n ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\r\n `}\r\n `;\r\n },\r\n circleDimmed(t: Theme) {\r\n return css`\r\n stroke: ${t.spinnerOldDimmedColor};\r\n\r\n ${!isIE11 &&\r\n `\r\n animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite;\r\n `}\r\n `;\r\n },\r\n\r\n caption(t: Theme) {\r\n return css`\r\n color: ${t.spinnerOldCaptionColor};\r\n `;\r\n },\r\n\r\n spinner() {\r\n return css`\r\n display: inline-block;\r\n text-align: center;\r\n `;\r\n },\r\n\r\n inner() {\r\n return css`\r\n display: inline-block;\r\n `;\r\n },\r\n\r\n mini(t: Theme) {\r\n return css`\r\n margin-left: ${t.spinnerOldCaptionGapSmall};\r\n font-size: ${t.spinnerOldFontSizeSmall};\r\n line-height: ${t.spinnerOldLineHeightSmall};\r\n `;\r\n },\r\n\r\n normal(t: Theme) {\r\n return css`\r\n display: block;\r\n font-size: ${t.spinnerOldFontSizeMedium};\r\n line-height: ${t.spinnerOldLineHeightMedium};\r\n margin-top: ${t.spinnerOldCaptionGapMedium};\r\n `;\r\n },\r\n\r\n big(t: Theme) {\r\n return css`\r\n display: block;\r\n font-size: ${t.spinnerOldFontSizeLarge};\r\n line-height: ${t.spinnerOldLineHeightLarge};\r\n margin-top: ${t.spinnerOldCaptionGapLarge};\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
1	+ {"version":3,"sources":["SpinnerOld.styles.ts"],"names":["styles","cloudStroke","t","css","spinnerOldBgColor","cloudWrapper","cloud","spinnerColor","isIE11","AnimationKeyframes","spinnerCloudOffset","spinnerCloudLength","cloudDimmed","spinnerOldDimmedColor","circle","spinnerOldColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmed","caption","spinnerOldCaptionColor","spinner","inner","mini","spinnerOldCaptionGapSmall","spinnerOldFontSizeSmall","spinnerOldLineHeightSmall","normal","spinnerOldFontSizeMedium","spinnerOldLineHeightMedium","spinnerOldCaptionGapMedium","big","spinnerOldFontSizeLarge","spinnerOldLineHeightLarge","spinnerOldCaptionGapLarge","jsStyles"],"mappings":"8QAAA;;AAEA;AACA,0C;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,WADa,uBACDC,CADC,EACS;AACpB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,iBADd;;AAGD,GALY;AAMbC,EAAAA,YANa,0BAME;AACb,eAAOF,YAAP;;;;AAID,GAXY;AAYbG,EAAAA,KAZa,iBAYPJ,CAZO,EAYG;AACd,eAAOC,YAAP;;;AAGYD,IAAAA,CAAC,CAACK,YAHd;;AAKI,KAACC,cAAD;;AAEaC,2CAAmBC,kBAAnB,CAAsCR,CAAtC,CAFb;AAGIO,2CAAmBE,kBAAnB,CAAsCT,CAAtC,CAHJ;AAIIO,2CAAmBF,YAAnB,CAAgCL,CAAhC,CAJJ,wCALJ;;;AAYD,GAzBY;AA0BbU,EAAAA,WA1Ba,uBA0BDV,CA1BC,EA0BS;AACpB,eAAOC,YAAP;;;AAGYD,IAAAA,CAAC,CAACW,qBAHd;;AAKI,KAACL,cAAD;;AAEaC,2CAAmBC,kBAAnB,CAAsCR,CAAtC,CAFb;AAGIO,2CAAmBE,kBAAnB,CAAsCT,CAAtC,CAHJ,iEALJ;;;AAWD,GAtCY;AAuCbY,EAAAA,MAvCa,kBAuCNZ,CAvCM,EAuCI;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACa,eADd;;AAGI,KAACP,cAAD;;AAEaC,2CAAmBO,mBAAnB,CAAuCd,CAAvC,CAFb;AAGIO,2CAAmBQ,mBAAnB,CAAuCf,CAAvC,CAHJ;AAIIO,2CAAmBS,mBAAnB,CAAuChB,CAAvC,CAJJ;AAKIO,2CAAmBF,YAAnB,CAAgCL,CAAhC,CALJ,wCAHJ;;;AAWD,GAnDY;AAoDbiB,EAAAA,YApDa,wBAoDAjB,CApDA,EAoDU;AACrB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACW,qBADd;;AAGI,KAACL,cAAD;;AAEaC,2CAAmBO,mBAAnB,CAAuCd,CAAvC,CAFb;AAGIO,2CAAmBQ,mBAAnB,CAAuCf,CAAvC,CAHJ;AAIIO,2CAAmBS,mBAAnB,CAAuChB,CAAvC,CAJJ,mCAHJ;;;AAUD,GA/DY;;AAiEbkB,EAAAA,OAjEa,mBAiELlB,CAjEK,EAiEK;AAChB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACmB,sBADb;;AAGD,GArEY;;AAuEbC,EAAAA,OAvEa,qBAuEH;AACR,eAAOnB,YAAP;;;;AAID,GA5EY;;AA8EboB,EAAAA,KA9Ea,mBA8EL;AACN,eAAOpB,YAAP;;;AAGD,GAlFY;;AAoFbqB,EAAAA,IApFa,gBAoFRtB,CApFQ,EAoFE;AACb,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACuB,yBADnB;AAEevB,IAAAA,CAAC,CAACwB,uBAFjB;AAGiBxB,IAAAA,CAAC,CAACyB,yBAHnB;;AAKD,GA1FY;;AA4FbC,EAAAA,MA5Fa,kBA4FN1B,CA5FM,EA4FI;AACf,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAAC2B,wBAFjB;AAGiB3B,IAAAA,CAAC,CAAC4B,0BAHnB;AAIgB5B,IAAAA,CAAC,CAAC6B,0BAJlB;;AAMD,GAnGY;;AAqGbC,EAAAA,GArGa,eAqGT9B,CArGS,EAqGC;AACZ,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAAC+B,uBAFjB;AAGiB/B,IAAAA,CAAC,CAACgC,yBAHnB;AAIgBhC,IAAAA,CAAC,CAACiC,yBAJlB;;AAMD,GA5GY,EAAf;;;AA+GO,IAAMC,QAAQ,GAAG,2BAAapC,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\nimport { isIE11 } from '../../lib/client';\n\nconst styles = {\n cloudStroke(t: Theme) {\n return css`\n stroke: ${t.spinnerOldBgColor};\n `;\n },\n cloudWrapper() {\n return css`\n fill: none;\n stroke-linecap: round;\n `;\n },\n cloud(t: Theme) {\n return css`\n stroke-dasharray: 20, 86;\n stroke-dashoffset: 15;\n stroke: ${t.spinnerColor};\n\n ${!isIE11 &&\n `\n animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n `}\n `;\n },\n cloudDimmed(t: Theme) {\n return css`\n stroke-dasharray: 20, 86;\n stroke-dashoffset: 15;\n stroke: ${t.spinnerOldDimmedColor};\n\n ${!isIE11 &&\n `\n animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite;\n `}\n `;\n },\n circle(t: Theme) {\n return css`\n stroke: ${t.spinnerOldColor};\n\n ${!isIE11 &&\n `\n animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite,\n ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n `}\n `;\n },\n circleDimmed(t: Theme) {\n return css`\n stroke: ${t.spinnerOldDimmedColor};\n\n ${!isIE11 &&\n `\n animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite;\n `}\n `;\n },\n\n caption(t: Theme) {\n return css`\n color: ${t.spinnerOldCaptionColor};\n `;\n },\n\n spinner() {\n return css`\n display: inline-block;\n text-align: center;\n `;\n },\n\n inner() {\n return css`\n display: inline-block;\n `;\n },\n\n mini(t: Theme) {\n return css`\n margin-left: ${t.spinnerOldCaptionGapSmall};\n font-size: ${t.spinnerOldFontSizeSmall};\n line-height: ${t.spinnerOldLineHeightSmall};\n `;\n },\n\n normal(t: Theme) {\n return css`\n display: block;\n font-size: ${t.spinnerOldFontSizeMedium};\n line-height: ${t.spinnerOldLineHeightMedium};\n margin-top: ${t.spinnerOldCaptionGapMedium};\n `;\n },\n\n big(t: Theme) {\n return css`\n display: block;\n font-size: ${t.spinnerOldFontSizeLarge};\n line-height: ${t.spinnerOldLineHeightLarge};\n margin-top: ${t.spinnerOldCaptionGapLarge};\n `;\n },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/internal/SpinnerOld/SpinnerOldCloudIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["SpinnerOldCloudIcon.tsx"],"names":["CLOUD_SVG_PATH","SPINNER_CLOUD_SIZE","height","width","SpinnerOldCloudIcon","size","strokeClassName","className","dimmed","pathRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","useContext","ThemeContext","red","yellow","green","brand","useEffect","setStyleProperty","path","current","style","setProperty","SpinnerFallbackAnimationRunner","fallbackAnimation","stop","removeAttribute","multiply"],"mappings":"8LAAA;;AAEA;;;;;;AAMA;AACA;AACA;;AAEA,IAAMA,cAAc,meAApB;;;;;;;;;AASO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,MAAM,EAAE,EADwB;AAEhCC,EAAAA,KAAK,EAAE,EAFyB,EAA3B,C;;;;;;;;;;AAYA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA4E,KAAzEC,IAAyE,QAAzEA,IAAyE,CAAnEC,eAAmE,QAAnEA,eAAmE,CAAlDC,SAAkD,QAAlDA,SAAkD,CAAvCC,MAAuC,QAAvCA,MAAuC;AAC7G,MAAMC,OAAO,GAAGC,eAAMC,MAAN,CAA6B,IAA7B,CAAhB;;AAEA,MAAIC,kBAAU,CAACC,6BAAf,EAA0B;AACxB;AACA;AACA;;AAEA;AACA,QAAMC,oBAAoB,GAAGJ,eAAMC,MAAN,CAAoD,IAApD,CAA7B;AACA;AAPwB,4BAQcD,eAAMK,UAAN,CAAiBC,0BAAjB,CARd,CAQhBC,GARgB,qBAQhBA,GARgB,CAQXC,MARW,qBAQXA,MARW,CAQHC,KARG,qBAQHA,KARG,CAQIC,KARJ,qBAQIA,KARJ;AASxB;AACAV,mBAAMW,SAAN,CAAgB,YAAM;AACpB,UAAIT,kBAAU,CAACC,6BAAf,EAA0B;AACxB,YAAMS,gBAAoD,GAAG,SAAvDA,gBAAuD,GAAa;AACxE,cAAMC,IAAI,GAAGd,OAAO,CAACe,OAArB;AACA,cAAID,IAAJ,EAAU;AACR,2BAAAA,IAAI,CAACE,KAAL,EAAWC,WAAX;AACD;AACF,SALD;;AAOAZ,QAAAA,oBAAoB,CAACU,OAArB,GAA+B,IAAIG,wDAAJ;;AAE3B,6DAAsB,EAAtB,EAA0B,GAA1B,EAA+B,IAA/B,EAAqCL,gBAArC,CAF2B;AAG3B,6DAAsB,CAAC,EAAD,EAAK,EAAL,CAAtB,EAAgC,CAAC,EAAD,EAAK,EAAL,CAAhC,EAA0C,IAA1C,EAAgDA,gBAAhD,CAH2B;AAIvBd,QAAAA,MAAM,GAAG,EAAH,GAAQ,CAAC,oDAAqB,CAACS,GAAD,EAAMC,MAAN,EAAcC,KAAd,EAAqBC,KAArB,CAArB,EAAkD,IAAlD,EAAwDE,gBAAxD,CAAD,CAJS;;AAM7B,eAAO,EANsB,CAA/B;;;AASA,eAAO,YAAM;AACX,cAAMM,iBAAiB,GAAGd,oBAAoB,CAACU,OAA/C;AACA,cAAMD,IAAI,GAAGd,OAAO,CAACe,OAArB;AACA,cAAII,iBAAJ,EAAuB;AACrBA,YAAAA,iBAAiB,CAACC,IAAlB;AACD;AACD,cAAIN,IAAJ,EAAU;AACRA,YAAAA,IAAI,CAACO,eAAL,CAAqB,OAArB;AACD;AACF,SATD;AAUD;AACF,KA7BD,EA6BG,CAACtB,MAAD,EAASS,GAAT,EAAcC,MAAd,EAAsBC,KAAtB,EAA6BC,KAA7B,CA7BH;AA8BD;;AAED,MAAMW,QAAQ,GAAG1B,IAAI,KAAK,KAAT,GAAiB,CAAjB,GAAqB,CAAtC;AACA;AACE,0CAAK,KAAK,EAAEJ,kBAAkB,CAACE,KAAnB,GAA2B4B,QAAvC,EAAiD,MAAM,EAAE9B,kBAAkB,CAACC,MAAnB,GAA4B6B,QAArF,EAA+F,OAAO,EAAC,WAAvG;AACE,2CAAM,CAAC,EAAE/B,cAAT,EAAyB,WAAW,EAAC,GAArC,EAAyC,SAAS,EAAEM,eAApD,GADF;AAEE,2CAAM,CAAC,EAAEN,cAAT,EAAyB,WAAW,EAAC,GAArC,EAAyC,SAAS,EAAEO,SAApD,EAA+D,GAAG,EAAEE,OAApE,GAFF,CADF;;;AAMD,CApDM,C","sourcesContent":["import React from 'react';\r\n\r\nimport {\r\n SpinnerFallbackAnimationRunner,\r\n createOffsetAnimation,\r\n createLengthAnimation,\r\n createColorAnimation,\r\n} from '../../components/Spinner/SpinnerFallbackAnimation';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\nimport { isIE11 } from '../../lib/client';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\n\r\nconst CLOUD_SVG_PATH = `M32.0297086,9.1495774 L31.5978628,8.5870774 C29.3570968,\r\n 5.67148577 25.9305165,4 22.1999329,4 C17.3429265,\r\n 4 12.9026663,7.04270463 11.154144,11.5717304 L10.901479,\r\n 12.2253114 L10.2421341,12.4725311 C6.50853057,13.8727758 4,\r\n 17.4719751 4,21.428492 C4,26.7061833 8.32047079,\r\n 31 13.6314689,31 L32.0297086,31 C38.078569,31 43,26.1036477 43,\r\n 20.0862989 C43,14.3602091 38.493302,9.5769573 32.7403918,\r\n 9.19661922 L32.0297086,9.1495774 Z`;\r\n\r\nexport const SPINNER_CLOUD_SIZE = {\r\n height: 35,\r\n width: 47,\r\n};\r\n\r\nexport interface SpinnerOldCloudIconProps {\r\n className: string;\r\n size: 'normal' \| 'big';\r\n strokeClassName?: string;\r\n dimmed?: boolean;\r\n}\r\n\r\nexport const SpinnerOldCloudIcon = ({ size, strokeClassName, className, dimmed }: SpinnerOldCloudIconProps) => {\r\n const pathRef = React.useRef<SVGPathElement>(null);\r\n\r\n if (isIE11 && !isTestEnv) {\r\n // This condition will not change during app's life time\r\n // So its OK to use hooks here\r\n // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\r\n\r\n // eslint-disable-next-line react-hooks/rules-of-hooks\r\n const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner \| null>(null);\r\n // eslint-disable-next-line react-hooks/rules-of-hooks\r\n const { red, yellow, green, brand } = React.useContext(ThemeContext);\r\n // eslint-disable-next-line react-hooks/rules-of-hooks\r\n React.useEffect(() => {\r\n if (isIE11 && !isTestEnv) {\r\n const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\r\n const path = pathRef.current;\r\n if (path) {\r\n path.style.setProperty(...args);\r\n }\r\n };\r\n\r\n fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\r\n [\r\n createOffsetAnimation(10, 116, 1000, setStyleProperty),\r\n createLengthAnimation([10, 96], [50, 56], 2000, setStyleProperty),\r\n ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\r\n ],\r\n 1000 / 60,\r\n );\r\n\r\n return () => {\r\n const fallbackAnimation = fallbackAnimationRef.current;\r\n const path = pathRef.current;\r\n if (fallbackAnimation) {\r\n fallbackAnimation.stop();\r\n }\r\n if (path) {\r\n path.removeAttribute('style');\r\n }\r\n };\r\n }\r\n }, [dimmed, red, yellow, green, brand]);\r\n }\r\n\r\n const multiply = size === 'big' ? 2 : 1;\r\n return (\r\n <svg width={SPINNER_CLOUD_SIZE.width * multiply} height={SPINNER_CLOUD_SIZE.height * multiply} viewBox=\"0 0 47 35\">\r\n <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={strokeClassName} />\r\n <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={className} ref={pathRef} />\r\n </svg>\r\n );\r\n};\r\n"]}
1	+ {"version":3,"sources":["SpinnerOldCloudIcon.tsx"],"names":["CLOUD_SVG_PATH","SPINNER_CLOUD_SIZE","height","width","SpinnerOldCloudIcon","size","strokeClassName","className","dimmed","pathRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","useContext","ThemeContext","red","yellow","green","brand","useEffect","setStyleProperty","path","current","style","setProperty","SpinnerFallbackAnimationRunner","fallbackAnimation","stop","removeAttribute","multiply"],"mappings":"8LAAA;;AAEA;;;;;;AAMA;AACA;AACA;;AAEA,IAAMA,cAAc,meAApB;;;;;;;;;AASO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,MAAM,EAAE,EADwB;AAEhCC,EAAAA,KAAK,EAAE,EAFyB,EAA3B,C;;;;;;;;;;AAYA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA4E,KAAzEC,IAAyE,QAAzEA,IAAyE,CAAnEC,eAAmE,QAAnEA,eAAmE,CAAlDC,SAAkD,QAAlDA,SAAkD,CAAvCC,MAAuC,QAAvCA,MAAuC;AAC7G,MAAMC,OAAO,GAAGC,eAAMC,MAAN,CAA6B,IAA7B,CAAhB;;AAEA,MAAIC,kBAAU,CAACC,6BAAf,EAA0B;AACxB;AACA;AACA;;AAEA;AACA,QAAMC,oBAAoB,GAAGJ,eAAMC,MAAN,CAAoD,IAApD,CAA7B;AACA;AAPwB,4BAQcD,eAAMK,UAAN,CAAiBC,0BAAjB,CARd,CAQhBC,GARgB,qBAQhBA,GARgB,CAQXC,MARW,qBAQXA,MARW,CAQHC,KARG,qBAQHA,KARG,CAQIC,KARJ,qBAQIA,KARJ;AASxB;AACAV,mBAAMW,SAAN,CAAgB,YAAM;AACpB,UAAIT,kBAAU,CAACC,6BAAf,EAA0B;AACxB,YAAMS,gBAAoD,GAAG,SAAvDA,gBAAuD,GAAa;AACxE,cAAMC,IAAI,GAAGd,OAAO,CAACe,OAArB;AACA,cAAID,IAAJ,EAAU;AACR,2BAAAA,IAAI,CAACE,KAAL,EAAWC,WAAX;AACD;AACF,SALD;;AAOAZ,QAAAA,oBAAoB,CAACU,OAArB,GAA+B,IAAIG,wDAAJ;;AAE3B,6DAAsB,EAAtB,EAA0B,GAA1B,EAA+B,IAA/B,EAAqCL,gBAArC,CAF2B;AAG3B,6DAAsB,CAAC,EAAD,EAAK,EAAL,CAAtB,EAAgC,CAAC,EAAD,EAAK,EAAL,CAAhC,EAA0C,IAA1C,EAAgDA,gBAAhD,CAH2B;AAIvBd,QAAAA,MAAM,GAAG,EAAH,GAAQ,CAAC,oDAAqB,CAACS,GAAD,EAAMC,MAAN,EAAcC,KAAd,EAAqBC,KAArB,CAArB,EAAkD,IAAlD,EAAwDE,gBAAxD,CAAD,CAJS;;AAM7B,eAAO,EANsB,CAA/B;;;AASA,eAAO,YAAM;AACX,cAAMM,iBAAiB,GAAGd,oBAAoB,CAACU,OAA/C;AACA,cAAMD,IAAI,GAAGd,OAAO,CAACe,OAArB;AACA,cAAII,iBAAJ,EAAuB;AACrBA,YAAAA,iBAAiB,CAACC,IAAlB;AACD;AACD,cAAIN,IAAJ,EAAU;AACRA,YAAAA,IAAI,CAACO,eAAL,CAAqB,OAArB;AACD;AACF,SATD;AAUD;AACF,KA7BD,EA6BG,CAACtB,MAAD,EAASS,GAAT,EAAcC,MAAd,EAAsBC,KAAtB,EAA6BC,KAA7B,CA7BH;AA8BD;;AAED,MAAMW,QAAQ,GAAG1B,IAAI,KAAK,KAAT,GAAiB,CAAjB,GAAqB,CAAtC;AACA;AACE,0CAAK,KAAK,EAAEJ,kBAAkB,CAACE,KAAnB,GAA2B4B,QAAvC,EAAiD,MAAM,EAAE9B,kBAAkB,CAACC,MAAnB,GAA4B6B,QAArF,EAA+F,OAAO,EAAC,WAAvG;AACE,2CAAM,CAAC,EAAE/B,cAAT,EAAyB,WAAW,EAAC,GAArC,EAAyC,SAAS,EAAEM,eAApD,GADF;AAEE,2CAAM,CAAC,EAAEN,cAAT,EAAyB,WAAW,EAAC,GAArC,EAAyC,SAAS,EAAEO,SAApD,EAA+D,GAAG,EAAEE,OAApE,GAFF,CADF;;;AAMD,CApDM,C","sourcesContent":["import React from 'react';\n\nimport {\n SpinnerFallbackAnimationRunner,\n createOffsetAnimation,\n createLengthAnimation,\n createColorAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { isIE11 } from '../../lib/client';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nconst CLOUD_SVG_PATH = `M32.0297086,9.1495774 L31.5978628,8.5870774 C29.3570968,\n 5.67148577 25.9305165,4 22.1999329,4 C17.3429265,\n 4 12.9026663,7.04270463 11.154144,11.5717304 L10.901479,\n 12.2253114 L10.2421341,12.4725311 C6.50853057,13.8727758 4,\n 17.4719751 4,21.428492 C4,26.7061833 8.32047079,\n 31 13.6314689,31 L32.0297086,31 C38.078569,31 43,26.1036477 43,\n 20.0862989 C43,14.3602091 38.493302,9.5769573 32.7403918,\n 9.19661922 L32.0297086,9.1495774 Z`;\n\nexport const SPINNER_CLOUD_SIZE = {\n height: 35,\n width: 47,\n};\n\nexport interface SpinnerOldCloudIconProps {\n className: string;\n size: 'normal' \| 'big';\n strokeClassName?: string;\n dimmed?: boolean;\n}\n\nexport const SpinnerOldCloudIcon = ({ size, strokeClassName, className, dimmed }: SpinnerOldCloudIconProps) => {\n const pathRef = React.useRef<SVGPathElement>(null);\n\n if (isIE11 && !isTestEnv) {\n // This condition will not change during app's life time\n // So its OK to use hooks here\n // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner \| null>(null);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const { red, yellow, green, brand } = React.useContext(ThemeContext);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n if (isIE11 && !isTestEnv) {\n const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n const path = pathRef.current;\n if (path) {\n path.style.setProperty(...args);\n }\n };\n\n fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n [\n createOffsetAnimation(10, 116, 1000, setStyleProperty),\n createLengthAnimation([10, 96], [50, 56], 2000, setStyleProperty),\n ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n ],\n 1000 / 60,\n );\n\n return () => {\n const fallbackAnimation = fallbackAnimationRef.current;\n const path = pathRef.current;\n if (fallbackAnimation) {\n fallbackAnimation.stop();\n }\n if (path) {\n path.removeAttribute('style');\n }\n };\n }\n }, [dimmed, red, yellow, green, brand]);\n }\n\n const multiply = size === 'big' ? 2 : 1;\n return (\n <svg width={SPINNER_CLOUD_SIZE.width * multiply} height={SPINNER_CLOUD_SIZE.height * multiply} viewBox=\"0 0 47 35\">\n <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={strokeClassName} />\n <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={className} ref={pathRef} />\n </svg>\n );\n};\n"]}

package/cjs/internal/SpinnerOld/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './SpinnerOld';\r\n"]}
1	+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './SpinnerOld';\n"]}