npm - @skbkontur/react-ui - Versions diffs - 2.17.6 → 2.17.7-csi.0 - Mend

@skbkontur/react-ui 2.17.6 → 2.17.7-csi.0

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

package/components/Modal/Modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Modal.tsx"],"names":["React","FocusLock","cn","isKeyEscape","LayoutEvents","RenderContainer","ZIndex","stopPropagation","HideBodyVerticalScroll","ModalStack","ResizeDetector","ThemeContext","isIE11","CommonWrapper","ModalContext","ModalFooter","ModalHeader","isBody","isFooter","isHeader","ModalBody","ModalClose","jsStyles","mountedModalsCount","Modal","state","stackPosition","hasBackground","horizontalScroll","theme","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","isBlocking","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","handleResize","emit","componentDidMount","add","window","addEventListener","componentWillUnmount","removeEventListener","remove","render","renderMain","hasHeader","hasFooter","hasPanel","Children","toArray","children","forEach","child","panel","modalContextProps","noClose","close","additionalPadding","style","containerStyle","width","root","bg","container","centerContainer","alignTop","Boolean","disableFocusLock","closeWrapper","Component","__KONTUR_REACT_UI__","Header","Body","Footer","propTypes","propName","componentName","some","Error","defaultProps"],"mappings":"4JAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,WAAT,QAA4B,uCAA5B;AACA,OAAO,KAAKC,YAAZ,MAA8B,wBAA9B;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,eAAT,QAAgC,kCAAhC;AACA,SAASC,sBAAT,QAAuC,uCAAvC;AACA,SAASC,UAAT,QAAmD,sBAAnD;AACA,SAASC,cAAT,QAA+B,+BAA/B;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,YAAT,QAAgD,gBAAhD;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,MAAT,EAAiBC,QAAjB,EAA2BC,QAA3B,QAA2C,WAA3C;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,QAAT,QAAyB,gBAAzB;;AAEA,IAAIC,kBAAkB,GAAG,CAAzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAaC,KAAb;;;;;;;;;;;;;;;;;;;;;;;;AAwBSC,IAAAA,KAxBT,GAwB6B;AACzBC,MAAAA,aAAa,EAAE,CADU;AAEzBC,MAAAA,aAAa,EAAE,IAFU;AAGzBC,MAAAA,gBAAgB,EAAE,KAHO,EAxB7B;;;AA8BUC,IAAAA,KA9BV;AA+BUC,IAAAA,iBA/BV,GA+B6D,IA/B7D;AAgCUC,IAAAA,aAhCV,GAgCiD,IAhCjD;AAiCUC,IAAAA,eAjCV,GAiCgD,IAjChD;AAkCUC,IAAAA,aAlCV,GAkC8C,IAlC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKUC,IAAAA,YArKV,GAqKyB,YAAM;AAC3B,UAAI,MAAKC,KAAL,CAAWC,YAAf,EAA6B;AAC3B;AACD;AACD,UAAI,MAAKD,KAAL,CAAWE,OAAf,EAAwB;AACtB,cAAKF,KAAL,CAAWE,OAAX;AACD;AACF,KA5KH;;AA8KUC,IAAAA,YA9KV,GA8KyB,UAACC,MAAD,EAAmC;AACxD,YAAKR,aAAL,GAAqBQ,MAArB;AACD,KAhLH;;AAkLUC,IAAAA,iBAlLV,GAkL8B,UAACC,KAAD,EAA2C;AACrE,YAAKC,QAAL,CAAc,EAAEhB,aAAa,EAAEe,KAAK,CAACE,OAAN,+BAAjB,EAAsChB,aAAa,EAAElB,UAAU,CAACmC,UAAX,+BAArD,EAAd;AACD,KApLH;;AAsLUC,IAAAA,wBAtLV,GAsLqC,UAACC,KAAD,EAA6B;AAC9D,YAAKd,eAAL,GAAuBc,KAAK,CAACC,MAA7B;AACD,KAxLH;;AA0LUC,IAAAA,sBA1LV,GA0LmC,UAACF,KAAD,EAA6B;AAC5D,YAAKb,aAAL,GAAqBa,KAAK,CAACC,MAA3B;AACD,KA5LH;;AA8LUE,IAAAA,oBA9LV,GA8LiC,UAACH,KAAD,EAA6C;AAC1E,UAAI,CAAC,MAAKX,KAAL,CAAWe,qBAAhB,EAAuC;AAC7BH,QAAAA,MAD6B,GACHD,KADG,CAC7BC,MAD6B,CACrBI,aADqB,GACHL,KADG,CACrBK,aADqB;AAErC,YAAIJ,MAAM,KAAKI,aAAX,IAA4B,MAAKnB,eAAL,KAAyBmB,aAArD,IAAsE,MAAKlB,aAAL,KAAuBkB,aAAjG,EAAgH;AAC9G,gBAAKjB,YAAL;AACD;AACF;AACF,KArMH;;AAuMUkB,IAAAA,aAvMV,GAuM0B,UAACC,CAAD,EAAsB;AAC5C,UAAI,MAAK5B,KAAL,CAAWC,aAAX,KAA6B,CAAjC,EAAoC;AAClC;AACD;AACD,UAAIvB,WAAW,CAACkD,CAAD,CAAf,EAAoB;AAClB9C,QAAAA,eAAe,CAAC8C,CAAD,CAAf;AACA,cAAKnB,YAAL;AACD;AACF,KA/MH;;AAiNUoB,IAAAA,+BAjNV,GAiN4C,YAAM;AAC9C,UAAIC,SAAS,GAAG,KAAhB;;AAEA,UAAI,MAAKxB,aAAT,EAAwB;AACtB,YAAMyB,oBAAoB,GAAG,MAAKzB,aAAL,CAAmB0B,WAAhD;AACA,YAAMC,oBAAoB,GAAG,MAAK3B,aAAL,CAAmB4B,WAAhD;AACAJ,QAAAA,SAAS,GAAGC,oBAAoB,GAAGE,oBAAnC;AACD;AACD,UAAIH,SAAS,IAAI,CAAC,MAAK9B,KAAL,CAAWG,gBAA7B,EAA+C;AAC7C,cAAKc,QAAL,CAAc,EAAEd,gBAAgB,EAAE,IAApB,EAAd;AACD,OAFD,MAEO,IAAI,MAAKH,KAAL,CAAWG,gBAAf,EAAiC;AACtC,cAAKc,QAAL,CAAc,EAAEd,gBAAgB,EAAE,KAApB,EAAd;AACD;AACF,KA9NH;;AAgOUgC,IAAAA,YAhOV,GAgOyB,UAACd,KAAD,EAAoB;AACzC1C,MAAAA,YAAY,CAACyD,IAAb;AACD,KAlOH,mDAoCSC,iBApCT,GAoCE,6BAA2B,CACzB,KAAKhC,iBAAL,GAAyBrB,UAAU,CAACsD,GAAX,CAAe,IAAf,EAAqB,KAAKvB,iBAA1B,CAAzB,CAEA,IAAIjB,kBAAkB,KAAK,CAA3B,EAA8B,CAC5ByC,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkC,KAAKX,+BAAvC,EACD,CAED/B,kBAAkB,GAClByC,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmC,KAAKb,aAAxC,EACA,KAAKE,+BAAL,GAEA,IAAI,KAAKvB,aAAT,EAAwB,CACtB,KAAKA,aAAL,CAAmBkC,gBAAnB,CAAoC,QAApC,EAA8C7D,YAAY,CAACyD,IAA3D,EACD,CACF,CAlDH,QAoDSK,oBApDT,GAoDE,gCAA8B,CAC5B,IAAI,EAAE3C,kBAAF,KAAyB,CAA7B,EAAgC,CAC9ByC,MAAM,CAACG,mBAAP,CAA2B,QAA3B,EAAqC,KAAKb,+BAA1C,EACAlD,YAAY,CAACyD,IAAb,GACD,CAEDG,MAAM,CAACG,mBAAP,CAA2B,SAA3B,EAAsC,KAAKf,aAA3C,EACA,IAAI,KAAKtB,iBAAL,IAA0B,IAA9B,EAAoC,CAClC,KAAKA,iBAAL,CAAuBsC,MAAvB,GACD,CACD3D,UAAU,CAAC2D,MAAX,CAAkB,IAAlB,EAEA,IAAI,KAAKrC,aAAT,EAAwB,CACtB,KAAKA,aAAL,CAAmBoC,mBAAnB,CAAuC,QAAvC,EAAiD/D,YAAY,CAACyD,IAA9D,EACD,CACF,CAnEH,QAqESQ,MArET,GAqEE,kBAA6B,mBAC3B,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAAAxC,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACyC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CA9EH,QAgFUA,UAhFV,GAgFE,sBAAqB,SACnB,IAAIC,SAAS,GAAG,KAAhB,CACA,IAAIC,SAAS,GAAG,KAAhB,CACA,IAAIC,QAAQ,GAAG,KAAf,CAEAzE,KAAK,CAAC0E,QAAN,CAAeC,OAAf,CAAuB,KAAKxC,KAAL,CAAWyC,QAAlC,EAA4CC,OAA5C,CAAoD,UAAAC,KAAK,EAAI,CAC3D,IAAI3D,QAAQ,CAAC2D,KAAD,CAAZ,EAAqB,CACnBP,SAAS,GAAG,IAAZ,CACD,CACD,IAAIrD,QAAQ,CAAC4D,KAAD,CAAZ,EAAqB,CACnBN,SAAS,GAAG,IAAZ,CACA,IAAIM,KAAK,CAAC3C,KAAN,CAAY4C,KAAhB,EAAuB,CACrBN,QAAQ,GAAG,IAAX,CACD,CACF,CACF,CAVD,EAYA,IAAMO,iBAAoC,GAAG,EAC3CT,SAAS,EAATA,SAD2C,EAE3C3C,gBAAgB,EAAE,KAAKH,KAAL,CAAWG,gBAFc,EAA7C,CAIA,IAAI2C,SAAS,IAAI,CAAC,KAAKpC,KAAL,CAAW8C,OAA7B,EAAsC,CACpCD,iBAAiB,CAACE,KAAlB,GAA0B,EACxB9C,YAAY,EAAE,KAAKD,KAAL,CAAWC,YADD,EAExBF,YAAY,EAAE,KAAKA,YAFK,EAA1B,CAID,CACD,IAAI,CAACsC,SAAL,EAAgB,CACdQ,iBAAiB,CAACG,iBAAlB,GAAsC,IAAtC,CACD,CACD,IAAIX,SAAS,IAAIC,QAAjB,EAA2B,CACzBO,iBAAiB,CAACG,iBAAlB,GAAsC,IAAtC,CACD,CAED,IAAMC,KAAkC,GAAG,EAA3C,CACA,IAAMC,cAA2C,GAAG,EAApD,CAEA,IAAI,KAAKlD,KAAL,CAAWmD,KAAf,EAAsB,CACpBF,KAAK,CAACE,KAAN,GAAc,KAAKnD,KAAL,CAAWmD,KAAzB,CACD,CAFD,MAEO,CACLD,cAAc,CAACC,KAAf,GAAuB,MAAvB,CACD,CAED,oBACE,oBAAC,aAAD,EAAmB,KAAKnD,KAAxB,eACE,oBAAC,eAAD,qBACE,oBAAC,MAAD,IAAQ,QAAQ,EAAE,OAAlB,EAA2B,SAAS,EAAEb,QAAQ,CAACiE,IAAT,EAAtC,iBACE,oBAAC,sBAAD,OADF,EAEG,KAAK9D,KAAL,CAAWE,aAAX,iBAA4B,6BAAK,SAAS,EAAEL,QAAQ,CAACkE,EAAT,CAAY,KAAK3D,KAAjB,CAAhB,GAF/B,eAGE,6BACE,GAAG,EAAE,KAAKS,YADZ,EAEE,SAAS,EAAEhB,QAAQ,CAACmE,SAAT,EAFb,EAGE,WAAW,EAAE,KAAK5C,wBAHpB,EAIE,SAAS,EAAE,KAAKG,sBAJlB,EAKE,OAAO,EAAE,KAAKC,oBALhB,EAME,YAAS,iBANX,iBAQE,6BACE,SAAS,EAAE/C,EAAE,gBACVoB,QAAQ,CAACoE,eAAT,CAAyB,KAAK7D,KAA9B,CADU,IAC6B,IAD7B,MAEVP,QAAQ,CAACqE,QAAT,CAAkB,KAAK9D,KAAvB,CAFU,IAEsB+D,OAAO,CAAC,KAAKzD,KAAL,CAAWwD,QAAZ,CAF7B,OADf,EAKE,KAAK,EAAEN,cALT,EAME,YAAS,eANX,iBAQE,6BAAK,SAAS,EAAE/D,QAAQ,CAAC0C,MAAT,CAAgB,KAAKnC,KAArB,CAAhB,EAA6C,KAAK,EAAEuD,KAApD,iBACE,oBAAC,cAAD,IAAgB,QAAQ,EAAE,KAAKxB,YAA/B,iBACE,oBAAC,SAAD,IAAW,QAAQ,EAAE,KAAKzB,KAAL,CAAW0D,gBAAhC,EAAkD,SAAS,EAAE,KAA7D,IACG,CAACtB,SAAD,IAAc,CAAC,KAAKpC,KAAL,CAAW8C,OAA1B,gBACC,oBAAC,MAAD,IAAQ,QAAQ,EAAE,YAAlB,EAAgC,SAAS,EAAE3D,QAAQ,CAACwE,YAAT,CAAsB,KAAKjE,KAA3B,CAA3C,iBACE,oBAAC,UAAD,IAAY,YAAY,EAAE,KAAKK,YAA/B,EAA6C,YAAY,EAAE,KAAKC,KAAL,CAAWC,YAAtE,GADF,CADD,GAIG,IALN,eAME,oBAAC,YAAD,CAAc,QAAd,IAAuB,KAAK,EAAE4C,iBAA9B,IAAkD,KAAK7C,KAAL,CAAWyC,QAA7D,CANF,CADF,CADF,CARF,CARF,CAHF,CADF,CADF,CADF,CAwCD,CAnKH,gBAA2B5E,KAAK,CAAC+F,SAAjC,EAAavE,K,CACGwE,mB,GAAsB,O,CADzBxE,K,CAGGyE,M,GAASjF,W,CAHZQ,K,CAIG0E,I,GAAO9E,S,CAJVI,K,CAKG2E,M,GAASpF,W,CALZS,K,CAOG4E,S,GAAY,EACxBxB,QADwB,oBACfzC,KADe,EACIkE,QADJ,EACgCC,aADhC,EACuD,CAC7E,IACEtG,KAAK,CAAC0E,QAAN,CAAeC,OAAf,CAAuBxC,KAAK,CAACkE,QAAD,CAA5B,EAAwCE,IAAxC,CAA6C,UAAAzB,KAAK,UAAI,CAAC3D,QAAQ,CAAC2D,KAAD,CAAT,IAAoB,CAAC7D,MAAM,CAAC6D,KAAD,CAA3B,IAAsC,CAAC5D,QAAQ,CAAC4D,KAAD,CAAnD,EAAlD,CADF,EAEE,CACA,OAAO,IAAI0B,KAAJ,4DACoDH,QADpD,mBAC0EC,aAD1E,iBAAP,CAGD,CACF,CATuB,E,CAPf9E,K,CAmBGiF,Y,GAAe,EAC3B;AACAZ,EAAAA,gBAAgB,EAAEjF,MAFS,E","sourcesContent":["import React from 'react';\r\nimport FocusLock from 'react-focus-lock';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { RenderContainer } from '../../internal/RenderContainer';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { stopPropagation } from '../../lib/events/stopPropagation';\r\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\r\nimport { ModalStack, ModalStackSubscription } from '../../lib/ModalStack';\r\nimport { ResizeDetector } from '../../internal/ResizeDetector';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { isIE11 } from '../../lib/client';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { ModalContext, ModalContextProps } from './ModalContext';\r\nimport { ModalFooter } from './ModalFooter';\r\nimport { ModalHeader } from './ModalHeader';\r\nimport { isBody, isFooter, isHeader } from './helpers';\r\nimport { ModalBody } from './ModalBody';\r\nimport { ModalClose } from './ModalClose';\r\nimport { jsStyles } from './Modal.styles';\r\n\r\nlet mountedModalsCount = 0;\r\n\r\nexport interface ModalProps extends CommonProps {\r\n /*\r\n Отключает событие onClose, также дизейблит кнопку закрытия модалки\r\n /\r\n disableClose?: boolean;\r\n\r\n /\r\n Выравнивание окна по верху страницы.\r\n /\r\n alignTop?: boolean;\r\n\r\n /\r\n Не закрывать окно при клике на фон.\r\n /\r\n ignoreBackgroundClick?: boolean;\r\n\r\n /\r\n Не показывать крестик для закрытия окна.\r\n /\r\n noClose?: boolean;\r\n width?: number \| string;\r\n\r\n /\r\n Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на\r\n * Escape или на крестик).\r\n /\r\n onClose?: () => void;\r\n\r\n /\r\n Не использовать фокус-лок внутри модалки.\r\n * По умолчанию true для IE11.\r\n /\r\n disableFocusLock?: boolean;\r\n}\r\n\r\nexport interface ModalState {\r\n stackPosition: number;\r\n hasBackground: boolean;\r\n horizontalScroll: boolean;\r\n}\r\n\r\n/\r\n Модальное окно\r\n \r\n Содержит в себе три компоненты: Modal.Header,\r\n * Modal.Body и Modal.Footer\r\n \r\n Для отображения серой плашки в футере в компонент\r\n * Footer необходимо передать пропс panel\r\n \r\n Для отключения прилипания шапки и футера\r\n * в соответствующий компонет нужно передать\r\n * проп sticky со значением false\r\n * (по-умолчанию прилипание включено)\r\n */\r\nexport class Modal extends React.Component<ModalProps, ModalState> {\r\n public static __KONTUR_REACT_UI__ = 'Modal';\r\n\r\n public static Header = ModalHeader;\r\n public static Body = ModalBody;\r\n public static Footer = ModalFooter;\r\n\r\n public static propTypes = {\r\n children(props: ModalProps, propName: keyof ModalProps, componentName: string) {\r\n if (\r\n React.Children.toArray(props[propName]).some(child => !isHeader(child) && !isBody(child) && !isFooter(child))\r\n ) {\r\n return new Error(\r\n `Only 'Header/Body/Footer' components are allowed for '${propName}' prop of '${componentName}' component`,\r\n );\r\n }\r\n },\r\n };\r\n\r\n public static defaultProps = {\r\n // NOTE: в ie нормально не работает\r\n disableFocusLock: isIE11,\r\n };\r\n\r\n public state: ModalState = {\r\n stackPosition: 0,\r\n hasBackground: true,\r\n horizontalScroll: false,\r\n };\r\n\r\n private theme!: Theme;\r\n private stackSubscription: ModalStackSubscription \| null = null;\r\n private containerNode: HTMLDivElement \| null = null;\r\n private mouseDownTarget: EventTarget \| null = null;\r\n private mouseUpTarget: EventTarget \| null = null;\r\n\r\n public componentDidMount() {\r\n this.stackSubscription = ModalStack.add(this, this.handleStackChange);\r\n\r\n if (mountedModalsCount === 0) {\r\n window.addEventListener('resize', this.checkHorizontalScrollAppearance);\r\n }\r\n\r\n mountedModalsCount++;\r\n window.addEventListener('keydown', this.handleKeyDown);\r\n this.checkHorizontalScrollAppearance();\r\n\r\n if (this.containerNode) {\r\n this.containerNode.addEventListener('scroll', LayoutEvents.emit);\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (--mountedModalsCount === 0) {\r\n window.removeEventListener('resize', this.checkHorizontalScrollAppearance);\r\n LayoutEvents.emit();\r\n }\r\n\r\n window.removeEventListener('keydown', this.handleKeyDown);\r\n if (this.stackSubscription != null) {\r\n this.stackSubscription.remove();\r\n }\r\n ModalStack.remove(this);\r\n\r\n if (this.containerNode) {\r\n this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\r\n }\r\n }\r\n\r\n public render(): JSX.Element {\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 let hasHeader = false;\r\n let hasFooter = false;\r\n let hasPanel = false;\r\n\r\n React.Children.toArray(this.props.children).forEach(child => {\r\n if (isHeader(child)) {\r\n hasHeader = true;\r\n }\r\n if (isFooter(child)) {\r\n hasFooter = true;\r\n if (child.props.panel) {\r\n hasPanel = true;\r\n }\r\n }\r\n });\r\n\r\n const modalContextProps: ModalContextProps = {\r\n hasHeader,\r\n horizontalScroll: this.state.horizontalScroll,\r\n };\r\n if (hasHeader && !this.props.noClose) {\r\n modalContextProps.close = {\r\n disableClose: this.props.disableClose,\r\n requestClose: this.requestClose,\r\n };\r\n }\r\n if (!hasFooter) {\r\n modalContextProps.additionalPadding = true;\r\n }\r\n if (hasFooter && hasPanel) {\r\n modalContextProps.additionalPadding = true;\r\n }\r\n\r\n const style: { width?: number \| string } = {};\r\n const containerStyle: { width?: number \| string } = {};\r\n\r\n if (this.props.width) {\r\n style.width = this.props.width;\r\n } else {\r\n containerStyle.width = 'auto';\r\n }\r\n\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <RenderContainer>\r\n <ZIndex priority={'Modal'} className={jsStyles.root()}>\r\n <HideBodyVerticalScroll />\r\n {this.state.hasBackground && <div className={jsStyles.bg(this.theme)} />}\r\n <div\r\n ref={this.refContainer}\r\n className={jsStyles.container()}\r\n onMouseDown={this.handleContainerMouseDown}\r\n onMouseUp={this.handleContainerMouseUp}\r\n onClick={this.handleContainerClick}\r\n data-tid=\"modal-container\"\r\n >\r\n <div\r\n className={cn({\r\n [jsStyles.centerContainer(this.theme)]: true,\r\n [jsStyles.alignTop(this.theme)]: Boolean(this.props.alignTop),\r\n })}\r\n style={containerStyle}\r\n data-tid=\"modal-content\"\r\n >\r\n <div className={jsStyles.window(this.theme)} style={style}>\r\n <ResizeDetector onResize={this.handleResize}>\r\n <FocusLock disabled={this.props.disableFocusLock} autoFocus={false}>\r\n {!hasHeader && !this.props.noClose ? (\r\n <ZIndex priority={'ModalCross'} className={jsStyles.closeWrapper(this.theme)}>\r\n <ModalClose requestClose={this.requestClose} disableClose={this.props.disableClose} />\r\n </ZIndex>\r\n ) : null}\r\n <ModalContext.Provider value={modalContextProps}>{this.props.children}</ModalContext.Provider>\r\n </FocusLock>\r\n </ResizeDetector>\r\n </div>\r\n </div>\r\n </div>\r\n </ZIndex>\r\n </RenderContainer>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n private requestClose = () => {\r\n if (this.props.disableClose) {\r\n return;\r\n }\r\n if (this.props.onClose) {\r\n this.props.onClose();\r\n }\r\n };\r\n\r\n private refContainer = (center: HTMLDivElement \| null) => {\r\n this.containerNode = center;\r\n };\r\n\r\n private handleStackChange = (stack: ReadonlyArray<React.Component>) => {\r\n this.setState({ stackPosition: stack.indexOf(this), hasBackground: ModalStack.isBlocking(this) });\r\n };\r\n\r\n private handleContainerMouseDown = (event: React.MouseEvent) => {\r\n this.mouseDownTarget = event.target;\r\n };\r\n\r\n private handleContainerMouseUp = (event: React.MouseEvent) => {\r\n this.mouseUpTarget = event.target;\r\n };\r\n\r\n private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\r\n if (!this.props.ignoreBackgroundClick) {\r\n const { target, currentTarget } = event;\r\n if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\r\n this.requestClose();\r\n }\r\n }\r\n };\r\n\r\n private handleKeyDown = (e: KeyboardEvent) => {\r\n if (this.state.stackPosition !== 0) {\r\n return;\r\n }\r\n if (isKeyEscape(e)) {\r\n stopPropagation(e);\r\n this.requestClose();\r\n }\r\n };\r\n\r\n private checkHorizontalScrollAppearance = () => {\r\n let hasScroll = false;\r\n\r\n if (this.containerNode) {\r\n const containerClientWidth = this.containerNode.clientWidth;\r\n const containerScrollWidth = this.containerNode.scrollWidth;\r\n hasScroll = containerClientWidth < containerScrollWidth;\r\n }\r\n if (hasScroll && !this.state.horizontalScroll) {\r\n this.setState({ horizontalScroll: true });\r\n } else if (this.state.horizontalScroll) {\r\n this.setState({ horizontalScroll: false });\r\n }\r\n };\r\n\r\n private handleResize = (event: UIEvent) => {\r\n LayoutEvents.emit();\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["Modal.tsx"],"names":["React","FocusLock","cn","isKeyEscape","LayoutEvents","RenderContainer","ZIndex","stopPropagation","HideBodyVerticalScroll","ModalStack","ResizeDetector","ThemeContext","isIE11","CommonWrapper","ModalContext","ModalFooter","ModalHeader","isBody","isFooter","isHeader","ModalBody","ModalClose","jsStyles","mountedModalsCount","Modal","state","stackPosition","hasBackground","horizontalScroll","shards","Set","theme","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","addShard","shard","add","setState","Array","from","values","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","indexOf","isBlocking","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","handleResize","emit","componentDidMount","window","addEventListener","componentWillUnmount","removeEventListener","remove","render","renderMain","hasHeader","hasFooter","hasPanel","Children","toArray","children","forEach","child","panel","modalContextProps","noClose","close","additionalPadding","style","containerStyle","width","root","bg","container","centerContainer","alignTop","Boolean","disableFocusLock","closeWrapper","Component","__KONTUR_REACT_UI__","Header","Body","Footer","propTypes","propName","componentName","some","Error","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport FocusLock from 'react-focus-lock';\nimport cn from 'classnames';\n\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport { ModalStack, ModalStackSubscription } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { ModalContext, ModalContextProps } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { isBody, isFooter, isHeader } from './helpers';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { jsStyles } from './Modal.styles';\n\nlet mountedModalsCount = 0;\n\nexport interface ModalProps extends CommonProps {\n /*\n Отключает событие onClose, также дизейблит кнопку закрытия модалки\n /\n disableClose?: boolean;\n\n /\n Выравнивание окна по верху страницы.\n /\n alignTop?: boolean;\n\n /\n Не закрывать окно при клике на фон.\n /\n ignoreBackgroundClick?: boolean;\n\n /\n Не показывать крестик для закрытия окна.\n /\n noClose?: boolean;\n width?: number \| string;\n\n /\n Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на\n * Escape или на крестик).\n /\n onClose?: () => void;\n\n /\n Не использовать фокус-лок внутри модалки.\n * По умолчанию true для IE11.\n /\n disableFocusLock?: boolean;\n}\n\nexport interface ModalState {\n stackPosition: number;\n hasBackground: boolean;\n horizontalScroll: boolean;\n shards: Array<React.RefObject<any> \| HTMLElement>;\n}\n\n/\n Модальное окно\n \n Содержит в себе три компоненты: Modal.Header,\n * Modal.Body и Modal.Footer\n \n Для отображения серой плашки в футере в компонент\n * Footer необходимо передать пропс panel\n \n Для отключения прилипания шапки и футера\n * в соответствующий компонет нужно передать\n * проп sticky со значением false\n * (по-умолчанию прилипание включено)\n /\nexport class Modal extends React.Component<ModalProps, ModalState> {\n public static __KONTUR_REACT_UI__ = 'Modal';\n\n public static Header = ModalHeader;\n public static Body = ModalBody;\n public static Footer = ModalFooter;\n\n public static propTypes = {\n children(props: ModalProps, propName: keyof ModalProps, componentName: string) {\n if (\n React.Children.toArray(props[propName]).some(child => !isHeader(child) && !isBody(child) && !isFooter(child))\n ) {\n return new Error(\n `Only 'Header/Body/Footer' components are allowed for '${propName}' prop of '${componentName}' component`,\n );\n }\n },\n };\n\n public static defaultProps = {\n // NOTE: в ie нормально не работает\n disableFocusLock: isIE11,\n };\n\n public state: ModalState = {\n stackPosition: 0,\n hasBackground: true,\n horizontalScroll: false,\n shards: [],\n };\n\n public shards = new Set<React.RefObject<any> \| HTMLElement>();\n\n private theme!: Theme;\n private stackSubscription: ModalStackSubscription \| null = null;\n private containerNode: HTMLDivElement \| null = null;\n private mouseDownTarget: EventTarget \| null = null;\n private mouseUpTarget: EventTarget \| null = null;\n\n public componentDidMount() {\n this.stackSubscription = ModalStack.add(this, this.handleStackChange);\n\n if (mountedModalsCount === 0) {\n window.addEventListener('resize', this.checkHorizontalScrollAppearance);\n }\n\n mountedModalsCount++;\n window.addEventListener('keydown', this.handleKeyDown);\n this.checkHorizontalScrollAppearance();\n\n if (this.containerNode) {\n this.containerNode.addEventListener('scroll', LayoutEvents.emit);\n }\n }\n\n public componentWillUnmount() {\n if (--mountedModalsCount === 0) {\n window.removeEventListener('resize', this.checkHorizontalScrollAppearance);\n LayoutEvents.emit();\n }\n\n window.removeEventListener('keydown', this.handleKeyDown);\n if (this.stackSubscription != null) {\n this.stackSubscription.remove();\n }\n ModalStack.remove(this);\n\n if (this.containerNode) {\n this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\n }\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {theme => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n Добавить элемент, который будет учитывать FocusLock\n \n @param shard\n */\n public addShard = (shard: React.RefObject<any> \| HTMLElement) => {\n this.shards.add(shard);\n this.setState({shards: [...Array.from(this.shards.values())]});\n };\n\n private renderMain() {\n let hasHeader = false;\n let hasFooter = false;\n let hasPanel = false;\n\n React.Children.toArray(this.props.children).forEach(child => {\n if (isHeader(child)) {\n hasHeader = true;\n }\n if (isFooter(child)) {\n hasFooter = true;\n if (child.props.panel) {\n hasPanel = true;\n }\n }\n });\n\n const modalContextProps: ModalContextProps = {\n hasHeader,\n horizontalScroll: this.state.horizontalScroll,\n };\n if (hasHeader && !this.props.noClose) {\n modalContextProps.close = {\n disableClose: this.props.disableClose,\n requestClose: this.requestClose,\n };\n }\n if (!hasFooter) {\n modalContextProps.additionalPadding = true;\n }\n if (hasFooter && hasPanel) {\n modalContextProps.additionalPadding = true;\n }\n\n const style: { width?: number \| string } = {};\n const containerStyle: { width?: number \| string } = {};\n\n if (this.props.width) {\n style.width = this.props.width;\n } else {\n containerStyle.width = 'auto';\n }\n\n return (\n <CommonWrapper {...this.props}>\n <RenderContainer>\n <ZIndex priority={'Modal'} className={jsStyles.root()}>\n <HideBodyVerticalScroll />\n {this.state.hasBackground && <div className={jsStyles.bg(this.theme)} />}\n <div\n ref={this.refContainer}\n className={jsStyles.container()}\n onMouseDown={this.handleContainerMouseDown}\n onMouseUp={this.handleContainerMouseUp}\n onClick={this.handleContainerClick}\n data-tid=\"modal-container\"\n >\n <div\n className={cn({\n [jsStyles.centerContainer(this.theme)]: true,\n [jsStyles.alignTop(this.theme)]: Boolean(this.props.alignTop),\n })}\n style={containerStyle}\n data-tid=\"modal-content\"\n >\n <div className={jsStyles.window(this.theme)} style={style}>\n <ResizeDetector onResize={this.handleResize}>\n <FocusLock shards={this.state.shards} disabled={this.props.disableFocusLock} autoFocus={false}>\n {!hasHeader && !this.props.noClose ? (\n <ZIndex priority={'ModalCross'} className={jsStyles.closeWrapper(this.theme)}>\n <ModalClose requestClose={this.requestClose} disableClose={this.props.disableClose} />\n </ZIndex>\n ) : null}\n <ModalContext.Provider value={modalContextProps}>{this.props.children}</ModalContext.Provider>\n </FocusLock>\n </ResizeDetector>\n </div>\n </div>\n </div>\n </ZIndex>\n </RenderContainer>\n </CommonWrapper>\n );\n }\n\n private requestClose = () => {\n if (this.props.disableClose) {\n return;\n }\n if (this.props.onClose) {\n this.props.onClose();\n }\n };\n\n private refContainer = (center: HTMLDivElement \| null) => {\n this.containerNode = center;\n };\n\n private handleStackChange = (stack: ReadonlyArray<React.Component>) => {\n this.setState({ stackPosition: stack.indexOf(this), hasBackground: ModalStack.isBlocking(this) });\n };\n\n private handleContainerMouseDown = (event: React.MouseEvent) => {\n this.mouseDownTarget = event.target;\n };\n\n private handleContainerMouseUp = (event: React.MouseEvent) => {\n this.mouseUpTarget = event.target;\n };\n\n private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (!this.props.ignoreBackgroundClick) {\n const { target, currentTarget } = event;\n if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\n this.requestClose();\n }\n }\n };\n\n private handleKeyDown = (e: KeyboardEvent) => {\n if (this.state.stackPosition !== 0) {\n return;\n }\n if (isKeyEscape(e)) {\n stopPropagation(e);\n this.requestClose();\n }\n };\n\n private checkHorizontalScrollAppearance = () => {\n let hasScroll = false;\n\n if (this.containerNode) {\n const containerClientWidth = this.containerNode.clientWidth;\n const containerScrollWidth = this.containerNode.scrollWidth;\n hasScroll = containerClientWidth < containerScrollWidth;\n }\n if (hasScroll && !this.state.horizontalScroll) {\n this.setState({ horizontalScroll: true });\n } else if (this.state.horizontalScroll) {\n this.setState({ horizontalScroll: false });\n }\n };\n\n private handleResize = (event: UIEvent) => {\n LayoutEvents.emit();\n };\n}\n"]}

package/components/Modal/Modal.d.ts CHANGED Viewed

@@ -36,6 +36,7 @@ export interface ModalState {
     stackPosition: number;
     hasBackground: boolean;
     horizontalScroll: boolean;
+    shards: Array<React.RefObject<any> | HTMLElement>;
 }
 /**
  * Модальное окно
@@ -63,6 +64,7 @@ export declare class Modal extends React.Component<ModalProps, ModalState> {
         disableFocusLock: boolean;
     };
     state: ModalState;
+    shards: Set<HTMLElement | React.RefObject<any>>;
     private theme;
     private stackSubscription;
     private containerNode;
@@ -71,6 +73,12 @@ export declare class Modal extends React.Component<ModalProps, ModalState> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
+    /**
+     * Добавить элемент, который будет учитывать FocusLock
+     *
+     * @param shard
+     */
+    addShard: (shard: HTMLElement | React.RefObject<any>) => void;
     private renderMain;
     private requestClose;
     private refContainer;

package/components/Modal/Modal.md CHANGED Viewed

@@ -1,37 +1,37 @@
-```jsx harmony
-import { Button, Toggle } from '@skbkontur/react-ui';
-let initialState = { opened: false };
-function renderModal() {
-  return (
-    <Modal onClose={close}>
-      <Modal.Header>Title</Modal.Header>
-      <Modal.Body>
-        <p>Use rxjs operators with react hooks</p>
-        <div>
-          <Toggle checked={state.panel} onValueChange={() => setState(({ panel }) => ({ panel: !panel }))} /> Panel{' '}
-          {state.panel ? 'enabled' : 'disabled'}
-        </div>
-      </Modal.Body>
-      <Modal.Footer panel={state.panel}>
-        <Button onClick={close}>Close</Button>
-      </Modal.Footer>
-    </Modal>
-  );
-}
-function open() {
-  setState({ opened: true });
-}
-function close() {
-  setState({ opened: false });
-}
-<div>
-  {state.opened && renderModal()}
-  <Button onClick={open}>Open</Button>
-</div>;
-```
+```jsx harmony
+import { Button, Toggle } from '@skbkontur/react-ui';
+let initialState = { opened: false };
+function renderModal() {
+  return (
+    <Modal onClose={close}>
+      <Modal.Header>Title</Modal.Header>
+      <Modal.Body>
+        <p>Use rxjs operators with react hooks</p>
+        <div>
+          <Toggle checked={state.panel} onValueChange={() => setState(({ panel }) => ({ panel: !panel }))} /> Panel{' '}
+          {state.panel ? 'enabled' : 'disabled'}
+        </div>
+      </Modal.Body>
+      <Modal.Footer panel={state.panel}>
+        <Button onClick={close}>Close</Button>
+      </Modal.Footer>
+    </Modal>
+  );
+}
+function open() {
+  setState({ opened: true });
+}
+function close() {
+  setState({ opened: false });
+}
+<div>
+  {state.opened && renderModal()}
+  <Button onClick={open}>Open</Button>
+</div>;
+```

package/components/Modal/Modal.styles/Modal.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Modal.styles.ts"],"names":["css","cssName","memoizeStyle","resetButton","styles","root","bg","t","modalBackBg","modalBackOpacity","container","window","bgDefault","centerContainer","modalAdaptiveThreshold","alignTop","close","padding","parseInt","modalCloseButtonPadding","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","borderColorFocus","modalCloseIconSize","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","legacyGap","modalCloseWrapperLegacyGap","legacyShift","modalCloseButtonLegacyShift","blockSizeX","blockSizeY","disabled","modalCloseButtonDisabledColor","headerWrapper","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","body","modalBodyPaddingBottom","headerWithClose","rightPadding","modalCloseLegacyGap","footer","modalFooterPaddingTop","modalFooterPaddingBottom","footerWrapper","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderShadow","fixedFooter","modalFixedFooterShadow","headerAddPadding","bodyWithoutHeader","modalPaddingTop","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n root() {\r\n return css`\r\n height: 100%;\r\n left: 0;\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n `;\r\n },\r\n\r\n bg(t: Theme) {\r\n return css`\r\n bottom: 0;\r\n left: 0;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n background: ${t.modalBackBg};\r\n opacity: ${t.modalBackOpacity};\r\n `;\r\n },\r\n\r\n container() {\r\n return css`\r\n position: relative;\r\n white-space: nowrap;\r\n text-align: center;\r\n height: 100%;\r\n overflow-y: auto;\r\n outline: none;\r\n\r\n &::before {\r\n content: '';\r\n display: inline-block;\r\n vertical-align: middle;\r\n height: 80%; /* to vertical align modal 40%/60% of screen height /\r\n }\r\n `;\r\n },\r\n\r\n window(t: Theme) {\r\n return css`\r\n position: relative;\r\n white-space: normal;\r\n margin: auto;\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n background: ${t.bgDefault};\r\n `;\r\n },\r\n\r\n centerContainer(t: Theme) {\r\n return css`\r\n position: relative;\r\n display: inline-block;\r\n text-align: left;\r\n vertical-align: middle;\r\n box-sizing: border-box;\r\n z-index: 10;\r\n margin: 40px 20px;\r\n\r\n @media screen and (max-width: ${t.modalAdaptiveThreshold}) {\r\n margin: 0;\r\n width: 100%;\r\n }\r\n `;\r\n },\r\n\r\n alignTop(t: Theme) {\r\n return css`\r\n ${cssName(styles.centerContainer(t))}& {\r\n vertical-align: top;\r\n }\r\n `;\r\n },\r\n\r\n close(t: Theme) {\r\n const padding = parseInt(t.modalCloseButtonPadding);\r\n return css`\r\n ${resetButton()};\r\n position: absolute;\r\n display: flex;\r\n right: ${padding}px;\r\n top: ${padding}px;\r\n background: none;\r\n background: transparent;\r\n cursor: pointer;\r\n color: ${t.modalCloseButtonColor};\r\n text-align: center;\r\n vertical-align: middle;\r\n padding: ${t.modalCloseButtonClickArea} !important;\r\n margin: -${t.modalCloseButtonClickArea} !important;\r\n\r\n &:focus,\r\n &:hover {\r\n color: ${t.modalCloseButtonHoverColor};\r\n }\r\n\r\n &:focus {\r\n outline: 2px solid ${t.borderColorFocus};\r\n }\r\n\r\n & > svg {\r\n width: ${t.modalCloseIconSize};\r\n height: ${t.modalCloseIconSize};\r\n box-sizing: content-box;\r\n }\r\n `;\r\n },\r\n\r\n closeWrapper(t: Theme) {\r\n const padding = parseInt(t.modalCloseButtonPadding);\r\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\r\n const legacyGap = parseInt(t.modalCloseWrapperLegacyGap);\r\n const legacyShift = parseInt(t.modalCloseButtonLegacyShift);\r\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 padding - legacyShift;\r\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;\r\n return css`\r\n position: relative;\r\n float: right;\r\n width: ${blockSizeX + legacyGap}px;\r\n height: ${blockSizeY}px;\r\n `;\r\n },\r\n\r\n disabled(t: Theme) {\r\n return css`\r\n ${cssName(styles.close(t))}& {\r\n pointer-events: none;\r\n cursor: default;\r\n color: ${t.modalCloseButtonDisabledColor};\r\n }\r\n `;\r\n },\r\n\r\n headerWrapper() {\r\n return css`\r\n position: relative;\r\n `;\r\n },\r\n\r\n header(t: Theme) {\r\n return css`\r\n font-size: ${t.modalHeaderFontSize};\r\n line-height: ${t.modalHeaderLineHeight};\r\n padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\r\n overflow-wrap: break-word;\r\n word-wrap: break-word;\r\n `;\r\n },\r\n\r\n body(t: Theme) {\r\n return css`\r\n padding: 0 ${t.modalPaddingRight} ${t.modalBodyPaddingBottom} ${t.modalPaddingLeft};\r\n `;\r\n },\r\n\r\n headerWithClose(t: Theme) {\r\n const rightPadding =\r\n 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\r\n\r\n return css`\r\n padding-right: ${rightPadding}px;\r\n `;\r\n },\r\n\r\n footer(t: Theme) {\r\n return css`\r\n padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\r\n `;\r\n },\r\n\r\n footerWrapper() {\r\n return css`\r\n position: relative;\r\n `;\r\n },\r\n\r\n panel(t: Theme) {\r\n return css`\r\n ${cssName(styles.footer(t))}& {\r\n padding-top: ${t.modalFooterPanelPaddingTop} !important;\r\n padding-bottom: ${t.modalFooterPanelPaddingBottom} !important;\r\n background: ${t.modalFooterBg} !important;\r\n }\r\n `;\r\n },\r\n\r\n fixedHeader(t: Theme) {\r\n return css`\r\n margin-bottom: 10px;\r\n padding-bottom: ${t.modalFixedHeaderPaddingBottom};\r\n background: ${t.modalFixedHeaderBg};\r\n\r\n &:after {\r\n bottom: 11px;\r\n content: '';\r\n position: absolute;\r\n height: 1px;\r\n width: 100%;\r\n left: 0;\r\n z-index: -1;\r\n box-shadow: ${t.modalFixedHeaderShadow};\r\n }\r\n `;\r\n },\r\n\r\n fixedFooter(t: Theme) {\r\n return css`\r\n ${cssName(styles.footer(t))}& {\r\n padding-top: 20px;\r\n margin-top: 10px;\r\n background: ${t.modalFixedHeaderBg};\r\n }\r\n\r\n &:before {\r\n top: 11px;\r\n content: '';\r\n position: absolute;\r\n height: 1px;\r\n width: 100%;\r\n left: 0;\r\n z-index: -1;\r\n box-shadow: ${t.modalFixedFooterShadow};\r\n }\r\n `;\r\n },\r\n\r\n headerAddPadding() {\r\n return css`\r\n padding-bottom: 22px !important;\r\n `;\r\n },\r\n\r\n bodyWithoutHeader(t: Theme) {\r\n return css`\r\n padding-top: ${t.modalPaddingTop} !important;\r\n `;\r\n },\r\n\r\n bodyWithoutPadding() {\r\n return css`\r\n padding: 0 !important;\r\n `;\r\n },\r\n\r\n bodyAddPaddingForPanel(t: Theme) {\r\n return css`\r\n padding-bottom: ${t.modalPaddingBottom};\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
1	+ {"version":3,"sources":["Modal.styles.ts"],"names":["css","cssName","memoizeStyle","resetButton","styles","root","bg","t","modalBackBg","modalBackOpacity","container","window","bgDefault","centerContainer","modalAdaptiveThreshold","alignTop","close","padding","parseInt","modalCloseButtonPadding","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","borderColorFocus","modalCloseIconSize","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","legacyGap","modalCloseWrapperLegacyGap","legacyShift","modalCloseButtonLegacyShift","blockSizeX","blockSizeY","disabled","modalCloseButtonDisabledColor","headerWrapper","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","body","modalBodyPaddingBottom","headerWithClose","rightPadding","modalCloseLegacyGap","footer","modalFooterPaddingTop","modalFooterPaddingBottom","footerWrapper","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderShadow","fixedFooter","modalFixedFooterShadow","headerAddPadding","bodyWithoutHeader","modalPaddingTop","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nconst styles = {\n root() {\n return css`\n height: 100%;\n left: 0;\n position: fixed;\n top: 0;\n width: 100%;\n `;\n },\n\n bg(t: Theme) {\n return css`\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n background: ${t.modalBackBg};\n opacity: ${t.modalBackOpacity};\n `;\n },\n\n container() {\n return css`\n position: relative;\n white-space: nowrap;\n text-align: center;\n height: 100%;\n overflow-y: auto;\n outline: none;\n\n &::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 80%; /* to vertical align modal 40%/60% of screen height /\n }\n `;\n },\n\n window(t: Theme) {\n return css`\n position: relative;\n white-space: normal;\n margin: auto;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n background: ${t.bgDefault};\n `;\n },\n\n centerContainer(t: Theme) {\n return css`\n position: relative;\n display: inline-block;\n text-align: left;\n vertical-align: middle;\n box-sizing: border-box;\n z-index: 10;\n margin: 40px 20px;\n\n @media screen and (max-width: ${t.modalAdaptiveThreshold}) {\n margin: 0;\n width: 100%;\n }\n `;\n },\n\n alignTop(t: Theme) {\n return css`\n ${cssName(styles.centerContainer(t))}& {\n vertical-align: top;\n }\n `;\n },\n\n close(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n return css`\n ${resetButton()};\n position: absolute;\n display: flex;\n right: ${padding}px;\n top: ${padding}px;\n background: none;\n background: transparent;\n cursor: pointer;\n color: ${t.modalCloseButtonColor};\n text-align: center;\n vertical-align: middle;\n padding: ${t.modalCloseButtonClickArea} !important;\n margin: -${t.modalCloseButtonClickArea} !important;\n\n &:focus,\n &:hover {\n color: ${t.modalCloseButtonHoverColor};\n }\n\n &:focus {\n outline: 2px solid ${t.borderColorFocus};\n }\n\n & > svg {\n width: ${t.modalCloseIconSize};\n height: ${t.modalCloseIconSize};\n box-sizing: content-box;\n }\n `;\n },\n\n closeWrapper(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n const legacyGap = parseInt(t.modalCloseWrapperLegacyGap);\n const legacyShift = parseInt(t.modalCloseButtonLegacyShift);\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 padding - legacyShift;\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;\n return css`\n position: relative;\n float: right;\n width: ${blockSizeX + legacyGap}px;\n height: ${blockSizeY}px;\n `;\n },\n\n disabled(t: Theme) {\n return css`\n ${cssName(styles.close(t))}& {\n pointer-events: none;\n cursor: default;\n color: ${t.modalCloseButtonDisabledColor};\n }\n `;\n },\n\n headerWrapper() {\n return css`\n position: relative;\n `;\n },\n\n header(t: Theme) {\n return css`\n font-size: ${t.modalHeaderFontSize};\n line-height: ${t.modalHeaderLineHeight};\n padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n overflow-wrap: break-word;\n word-wrap: break-word;\n `;\n },\n\n body(t: Theme) {\n return css`\n padding: 0 ${t.modalPaddingRight} ${t.modalBodyPaddingBottom} ${t.modalPaddingLeft};\n `;\n },\n\n headerWithClose(t: Theme) {\n const rightPadding =\n 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\n\n return css`\n padding-right: ${rightPadding}px;\n `;\n },\n\n footer(t: Theme) {\n return css`\n padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n `;\n },\n\n footerWrapper() {\n return css`\n position: relative;\n `;\n },\n\n panel(t: Theme) {\n return css`\n ${cssName(styles.footer(t))}& {\n padding-top: ${t.modalFooterPanelPaddingTop} !important;\n padding-bottom: ${t.modalFooterPanelPaddingBottom} !important;\n background: ${t.modalFooterBg} !important;\n }\n `;\n },\n\n fixedHeader(t: Theme) {\n return css`\n margin-bottom: 10px;\n padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n background: ${t.modalFixedHeaderBg};\n\n &:after {\n bottom: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedHeaderShadow};\n }\n `;\n },\n\n fixedFooter(t: Theme) {\n return css`\n ${cssName(styles.footer(t))}& {\n padding-top: 20px;\n margin-top: 10px;\n background: ${t.modalFixedHeaderBg};\n }\n\n &:before {\n top: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedFooterShadow};\n }\n `;\n },\n\n headerAddPadding() {\n return css`\n padding-bottom: 22px !important;\n `;\n },\n\n bodyWithoutHeader(t: Theme) {\n return css`\n padding-top: ${t.modalPaddingTop} !important;\n `;\n },\n\n bodyWithoutPadding() {\n return css`\n padding: 0 !important;\n `;\n },\n\n bodyAddPaddingForPanel(t: Theme) {\n return css`\n padding-bottom: ${t.modalPaddingBottom};\n `;\n },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/Modal/ModalBody/ModalBody.js CHANGED Viewed

@@ -6,10 +6,10 @@ import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { ModalContext } from "../ModalContext";
 import { jsStyles } from "../Modal.styles";
-/**
- * Контейнер с отступами от края модалки
- *
- * @visibleName Modal.Body
+/**
+ * Контейнер с отступами от края модалки
+ *
+ * @visibleName Modal.Body
  */
 export var ModalBody = /*#__PURE__*/function (_React$Component) {

package/components/Modal/ModalBody/ModalBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalBody.tsx"],"names":["React","cn","ThemeContext","ZIndex","CommonWrapper","ModalContext","jsStyles","ModalBody","theme","render","renderMain","noPadding","props","additionalPadding","hasHeader","body","bodyWithoutHeader","bodyAddPaddingForPanel","bodyWithoutPadding","children","Component","__KONTUR_REACT_UI__","__MODAL_BODY__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,QAAT,QAAyB,gBAAzB;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA,WAAaC,SAAb;;;;AAIUC,IAAAA,KAJV;;AAMSC,EAAAA,MANT,GAME,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAAAD,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACE,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,GAfH;;AAiBSA,EAAAA,UAjBT,GAiBE,sBAAiC;AACvBC,IAAAA,SADuB,GACT,KAAKC,KADI,CACvBD,SADuB;AAE/B;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,mCAAGE,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,8BAAC,aAAD,EAAmB,MAAI,CAACF,KAAxB;AACE,8BAAC,MAAD;AACE,YAAA,QAAQ,EAAE,WADZ;AAEE,YAAA,qBAAqB,MAFvB;AAGE,YAAA,SAAS,EAAEX,EAAE;AACVK,YAAAA,QAAQ,CAACS,IAAT,CAAc,MAAI,CAACP,KAAnB,CADU,IACkB,IADlB;AAEVF,YAAAA,QAAQ,CAACU,iBAAT,CAA2B,MAAI,CAACR,KAAhC,CAFU,IAE+B,CAACM,SAFhC;AAGVR,YAAAA,QAAQ,CAACW,sBAAT,CAAgC,MAAI,CAACT,KAArC,CAHU,IAGoCK,iBAHpC;AAIVP,YAAAA,QAAQ,CAACY,kBAAT,EAJU,IAIsBP,SAJtB,OAHf;;;AAUG,UAAA,MAAI,CAACC,KAAL,CAAWO,QAVd,CADF,CADD,GADH,CADF;;;;;;AAoBD,GAvCH,oBAA+BnB,KAAK,CAACoB,SAArC,EAAab,S,CACGc,mB,GAAsB,W,CADzBd,S,CAEGe,c,GAAiB,I","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { ModalContext } from './ModalContext';\r\nimport { jsStyles } from './Modal.styles';\r\n\r\nexport interface ModalBodyProps extends CommonProps {\r\n /*\r\n убирает отступы\r\n /\r\n noPadding?: boolean;\r\n}\r\n\r\n/\r\n Контейнер с отступами от края модалки\r\n \r\n @visibleName Modal.Body\r\n */\r\nexport class ModalBody extends React.Component<ModalBodyProps> {\r\n public static __KONTUR_REACT_UI__ = 'ModalBody';\r\n public static __MODAL_BODY__ = true;\r\n\r\n private theme!: Theme;\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 public renderMain(): JSX.Element {\r\n const { noPadding } = this.props;\r\n return (\r\n <ModalContext.Consumer>\r\n {({ additionalPadding, hasHeader }) => (\r\n <CommonWrapper {...this.props}>\r\n <ZIndex\r\n priority={'ModalBody'}\r\n createStackingContext\r\n className={cn({\r\n [jsStyles.body(this.theme)]: true,\r\n [jsStyles.bodyWithoutHeader(this.theme)]: !hasHeader,\r\n [jsStyles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\r\n [jsStyles.bodyWithoutPadding()]: noPadding,\r\n })}\r\n >\r\n {this.props.children}\r\n </ZIndex>\r\n </CommonWrapper>\r\n )}\r\n </ModalContext.Consumer>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"sources":["ModalBody.tsx"],"names":["React","cn","ThemeContext","ZIndex","CommonWrapper","ModalContext","jsStyles","ModalBody","theme","render","renderMain","noPadding","props","additionalPadding","hasHeader","body","bodyWithoutHeader","bodyAddPaddingForPanel","bodyWithoutPadding","children","Component","__KONTUR_REACT_UI__","__MODAL_BODY__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,QAAT,QAAyB,gBAAzB;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA,WAAaC,SAAb;;;;AAIUC,IAAAA,KAJV;;AAMSC,EAAAA,MANT,GAME,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAAAD,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACE,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,GAfH;;AAiBSA,EAAAA,UAjBT,GAiBE,sBAAiC;AACvBC,IAAAA,SADuB,GACT,KAAKC,KADI,CACvBD,SADuB;AAE/B;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,mCAAGE,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,8BAAC,aAAD,EAAmB,MAAI,CAACF,KAAxB;AACE,8BAAC,MAAD;AACE,YAAA,QAAQ,EAAE,WADZ;AAEE,YAAA,qBAAqB,MAFvB;AAGE,YAAA,SAAS,EAAEX,EAAE;AACVK,YAAAA,QAAQ,CAACS,IAAT,CAAc,MAAI,CAACP,KAAnB,CADU,IACkB,IADlB;AAEVF,YAAAA,QAAQ,CAACU,iBAAT,CAA2B,MAAI,CAACR,KAAhC,CAFU,IAE+B,CAACM,SAFhC;AAGVR,YAAAA,QAAQ,CAACW,sBAAT,CAAgC,MAAI,CAACT,KAArC,CAHU,IAGoCK,iBAHpC;AAIVP,YAAAA,QAAQ,CAACY,kBAAT,EAJU,IAIsBP,SAJtB,OAHf;;;AAUG,UAAA,MAAI,CAACC,KAAL,CAAWO,QAVd,CADF,CADD,GADH,CADF;;;;;;AAoBD,GAvCH,oBAA+BnB,KAAK,CAACoB,SAArC,EAAab,S,CACGc,mB,GAAsB,W,CADzBd,S,CAEGe,c,GAAiB,I","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { ModalContext } from './ModalContext';\nimport { jsStyles } from './Modal.styles';\n\nexport interface ModalBodyProps extends CommonProps {\n /*\n убирает отступы\n /\n noPadding?: boolean;\n}\n\n/\n Контейнер с отступами от края модалки\n \n @visibleName Modal.Body\n */\nexport class ModalBody extends React.Component<ModalBodyProps> {\n public static __KONTUR_REACT_UI__ = 'ModalBody';\n public static __MODAL_BODY__ = true;\n\n private theme!: Theme;\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 public renderMain(): JSX.Element {\n const { noPadding } = this.props;\n return (\n <ModalContext.Consumer>\n {({ additionalPadding, hasHeader }) => (\n <CommonWrapper {...this.props}>\n <ZIndex\n priority={'ModalBody'}\n createStackingContext\n className={cn({\n [jsStyles.body(this.theme)]: true,\n [jsStyles.bodyWithoutHeader(this.theme)]: !hasHeader,\n [jsStyles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n [jsStyles.bodyWithoutPadding()]: noPadding,\n })}\n >\n {this.props.children}\n </ZIndex>\n </CommonWrapper>\n )}\n </ModalContext.Consumer>\n );\n }\n}\n"]}

package/components/Modal/ModalClose/ModalClose.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalClose.tsx"],"names":["React","useContext","cn","ThemeContext","CrossIcon","jsStyles","ModalClose","disableClose","requestClose","theme","close","disabled"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0B,gCAA1B;;;AAGA,SAASC,QAAT,QAAyB,gBAAzB;;AAEA,OAAO,SAASC,UAAT,OAAgE,aAA1CC,YAA0C,QAA1CA,YAA0C,CAA5BC,YAA4B,QAA5BA,YAA4B;AACrE,MAAMC,KAAK,GAAGR,UAAU,CAACE,YAAD,CAAxB;;AAEA;AACE;AACE,MAAA,SAAS,EAAED,EAAE;AACVG,MAAAA,QAAQ,CAACK,KAAT,CAAeD,KAAf,CADU,IACc,IADd;AAEVJ,MAAAA,QAAQ,CAACM,QAAT,CAAkBF,KAAlB,CAFU,IAEiBF,YAFjB,OADf;;AAKE,MAAA,OAAO,EAAEC,YALX;AAME,kBAAS,aANX;;AAQE,wBAAC,SAAD,OARF,CADF;;;AAYD","sourcesContent":["import React, { useContext } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\n\r\nimport { CloseProps } from './ModalContext';\r\nimport { jsStyles } from './Modal.styles';\r\n\r\nexport function ModalClose({ disableClose, requestClose }: CloseProps) {\r\n const theme = useContext(ThemeContext);\r\n\r\n return (\r\n <button\r\n className={cn({\r\n [jsStyles.close(theme)]: true,\r\n [jsStyles.disabled(theme)]: disableClose,\r\n })}\r\n onClick={requestClose}\r\n data-tid=\"modal-close\"\r\n >\r\n <CrossIcon />\r\n </button>\r\n );\r\n}\r\n"]}
1	+ {"version":3,"sources":["ModalClose.tsx"],"names":["React","useContext","cn","ThemeContext","CrossIcon","jsStyles","ModalClose","disableClose","requestClose","theme","close","disabled"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0B,gCAA1B;;;AAGA,SAASC,QAAT,QAAyB,gBAAzB;;AAEA,OAAO,SAASC,UAAT,OAAgE,aAA1CC,YAA0C,QAA1CA,YAA0C,CAA5BC,YAA4B,QAA5BA,YAA4B;AACrE,MAAMC,KAAK,GAAGR,UAAU,CAACE,YAAD,CAAxB;;AAEA;AACE;AACE,MAAA,SAAS,EAAED,EAAE;AACVG,MAAAA,QAAQ,CAACK,KAAT,CAAeD,KAAf,CADU,IACc,IADd;AAEVJ,MAAAA,QAAQ,CAACM,QAAT,CAAkBF,KAAlB,CAFU,IAEiBF,YAFjB,OADf;;AAKE,MAAA,OAAO,EAAEC,YALX;AAME,kBAAS,aANX;;AAQE,wBAAC,SAAD,OARF,CADF;;;AAYD","sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\n\nimport { CloseProps } from './ModalContext';\nimport { jsStyles } from './Modal.styles';\n\nexport function ModalClose({ disableClose, requestClose }: CloseProps) {\n const theme = useContext(ThemeContext);\n\n return (\n <button\n className={cn({\n [jsStyles.close(theme)]: true,\n [jsStyles.disabled(theme)]: disableClose,\n })}\n onClick={requestClose}\n data-tid=\"modal-close\"\n >\n <CrossIcon />\n </button>\n );\n}\n"]}

package/components/Modal/ModalContext/ModalContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalContext.tsx"],"names":["React","ModalContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;;AAcA,OAAO,IAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAN,CAAuC,EAAvC,CAArB;;AAEPD,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\r\n\r\nexport interface CloseProps {\r\n disableClose?: boolean;\r\n requestClose: () => void;\r\n}\r\n\r\nexport interface ModalContextProps {\r\n additionalPadding?: boolean;\r\n hasHeader?: boolean;\r\n close?: CloseProps;\r\n horizontalScroll?: boolean;\r\n}\r\n\r\nexport const ModalContext = React.createContext<ModalContextProps>({});\r\n\r\nModalContext.displayName = 'ModalContext';\r\n"]}
1	+ {"version":3,"sources":["ModalContext.tsx"],"names":["React","ModalContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;;AAcA,OAAO,IAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAN,CAAuC,EAAvC,CAArB;;AAEPD,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\n\nexport interface CloseProps {\n disableClose?: boolean;\n requestClose: () => void;\n}\n\nexport interface ModalContextProps {\n additionalPadding?: boolean;\n hasHeader?: boolean;\n close?: CloseProps;\n horizontalScroll?: boolean;\n}\n\nexport const ModalContext = React.createContext<ModalContextProps>({});\n\nModalContext.displayName = 'ModalContext';\n"]}

package/components/Modal/ModalFooter/ModalFooter.js CHANGED Viewed

@@ -7,10 +7,10 @@ import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { jsStyles } from "../Modal.styles";
 import { ModalContext } from "../ModalContext";
-/**
- * Футер модального окна.
- *
- * @visibleName Modal.Footer
+/**
+ * Футер модального окна.
+ *
+ * @visibleName Modal.Footer
  */
 function ModalFooter(props) {

package/components/Modal/ModalFooter/ModalFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalFooter.tsx"],"names":["React","useContext","useEffect","useState","cn","getScrollWidth","Sticky","ThemeContext","ZIndex","CommonWrapper","jsStyles","ModalContext","ModalFooter","props","sticky","panel","children","theme","scrollbarWidth","setScrollBarWidth","renderContent","fixed","footer","Boolean","fixedFooter","footerWrapper","horizontalScroll","__KONTUR_REACT_UI__","__MODAL_FOOTER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,EAAuCC,SAAvC,EAAkDC,QAAlD,QAAkE,OAAlE;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,cAAT,QAA+B,8BAA/B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,YAAT,QAA6B,gBAA7B;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACDA,EAAAA,KADC,CACpCC,MADoC,CACpCA,MADoC,8BAC3B,IAD2B,iBACrBC,KADqB,GACDF,KADC,CACrBE,KADqB,CACdC,QADc,GACDH,KADC,CACdG,QADc;AAE5C,MAAMC,KAAK,GAAGhB,UAAU,CAACM,YAAD,CAAxB,CAF4C;AAGAJ,EAAAA,QAAQ,CAAC,CAAD,CAHR,CAGrCe,cAHqC,gBAGrBC,iBAHqB;;AAK5CjB,EAAAA,SAAS,CAAC,YAAM;AACdiB,IAAAA,iBAAiB,CAACd,cAAc,EAAf,CAAjB;AACD,GAFQ,EAEN,EAFM,CAAT;;AAIA,MAAMe,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,eAACA,KAAD,cAACA,KAAD,GAAS,KAAT;AACpB;AACE,QAAA,SAAS,EAAEjB,EAAE;AACVM,QAAAA,QAAQ,CAACY,MAAT,CAAgBL,KAAhB,CADU,IACe,IADf;AAEVP,QAAAA,QAAQ,CAACK,KAAT,CAAeE,KAAf,CAFU,IAEcM,OAAO,CAACR,KAAD,CAFrB;AAGVL,QAAAA,QAAQ,CAACc,WAAT,CAAqBP,KAArB,CAHU,IAGoBI,KAHpB,OADf;;;AAOGL,MAAAA,QAPH,CADoB,GAAtB;;;;AAYA;AACE,wBAAC,aAAD,EAAmBH,KAAnB;AACE,wBAAC,MAAD,IAAQ,QAAQ,EAAE,aAAlB,EAAiC,SAAS,EAAEH,QAAQ,CAACe,aAAT,EAA5C;AACE,wBAAC,YAAD,CAAc,QAAd;AACG,oBAA0B,KAAvBC,gBAAuB,QAAvBA,gBAAuB;AACzB,UAAIZ,MAAJ,EAAY;AACV;AACE,8BAAC,MAAD,IAAQ,IAAI,EAAC,QAAb,EAAsB,MAAM,EAAEY,gBAAgB,GAAGR,cAAH,GAAoB,CAAlE;AACGE,UAAAA,aADH,CADF;;;AAKD;;AAED,aAAOA,aAAa,EAApB;AACD,KAXH,CADF,CADF,CADF;;;;;AAmBD;;AAEDR,WAAW,CAACe,mBAAZ,GAAkC,aAAlC;AACAf,WAAW,CAACgB,gBAAZ,GAA+B,IAA/B;;AAEA,SAAShB,WAAT","sourcesContent":["import React, { ReactNode, useContext, useEffect, useState } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\r\nimport { Sticky } from '../Sticky';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Modal.styles';\r\nimport { ModalContext } from './ModalContext';\r\n\r\nexport interface ModalFooterProps extends CommonProps {\r\n /*\r\n Включает серый цвет в футере\r\n /\r\n panel?: boolean;\r\n sticky?: boolean;\r\n children?: ReactNode;\r\n}\r\n\r\n/\r\n Футер модального окна.\r\n \r\n @visibleName Modal.Footer\r\n */\r\nfunction ModalFooter(props: ModalFooterProps) {\r\n const { sticky = true, panel, children } = props;\r\n const theme = useContext(ThemeContext);\r\n const [scrollbarWidth, setScrollBarWidth] = useState(0);\r\n\r\n useEffect(() => {\r\n setScrollBarWidth(getScrollWidth());\r\n }, []);\r\n\r\n const renderContent = (fixed = false) => (\r\n <div\r\n className={cn({\r\n [jsStyles.footer(theme)]: true,\r\n [jsStyles.panel(theme)]: Boolean(panel),\r\n [jsStyles.fixedFooter(theme)]: fixed,\r\n })}\r\n >\r\n {children}\r\n </div>\r\n );\r\n\r\n return (\r\n <CommonWrapper {...props}>\r\n <ZIndex priority={'ModalFooter'} className={jsStyles.footerWrapper()}>\r\n <ModalContext.Consumer>\r\n {({ horizontalScroll }) => {\r\n if (sticky) {\r\n return (\r\n <Sticky side=\"bottom\" offset={horizontalScroll ? scrollbarWidth : 0}>\r\n {renderContent}\r\n </Sticky>\r\n );\r\n }\r\n\r\n return renderContent();\r\n }}\r\n </ModalContext.Consumer>\r\n </ZIndex>\r\n </CommonWrapper>\r\n );\r\n}\r\n\r\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\r\nModalFooter.__MODAL_FOOTER__ = true;\r\n\r\nexport { ModalFooter };\r\n"]}
1	+ {"version":3,"sources":["ModalFooter.tsx"],"names":["React","useContext","useEffect","useState","cn","getScrollWidth","Sticky","ThemeContext","ZIndex","CommonWrapper","jsStyles","ModalContext","ModalFooter","props","sticky","panel","children","theme","scrollbarWidth","setScrollBarWidth","renderContent","fixed","footer","Boolean","fixedFooter","footerWrapper","horizontalScroll","__KONTUR_REACT_UI__","__MODAL_FOOTER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,EAAuCC,SAAvC,EAAkDC,QAAlD,QAAkE,OAAlE;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,cAAT,QAA+B,8BAA/B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,YAAT,QAA6B,gBAA7B;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACDA,EAAAA,KADC,CACpCC,MADoC,CACpCA,MADoC,8BAC3B,IAD2B,iBACrBC,KADqB,GACDF,KADC,CACrBE,KADqB,CACdC,QADc,GACDH,KADC,CACdG,QADc;AAE5C,MAAMC,KAAK,GAAGhB,UAAU,CAACM,YAAD,CAAxB,CAF4C;AAGAJ,EAAAA,QAAQ,CAAC,CAAD,CAHR,CAGrCe,cAHqC,gBAGrBC,iBAHqB;;AAK5CjB,EAAAA,SAAS,CAAC,YAAM;AACdiB,IAAAA,iBAAiB,CAACd,cAAc,EAAf,CAAjB;AACD,GAFQ,EAEN,EAFM,CAAT;;AAIA,MAAMe,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,eAACA,KAAD,cAACA,KAAD,GAAS,KAAT;AACpB;AACE,QAAA,SAAS,EAAEjB,EAAE;AACVM,QAAAA,QAAQ,CAACY,MAAT,CAAgBL,KAAhB,CADU,IACe,IADf;AAEVP,QAAAA,QAAQ,CAACK,KAAT,CAAeE,KAAf,CAFU,IAEcM,OAAO,CAACR,KAAD,CAFrB;AAGVL,QAAAA,QAAQ,CAACc,WAAT,CAAqBP,KAArB,CAHU,IAGoBI,KAHpB,OADf;;;AAOGL,MAAAA,QAPH,CADoB,GAAtB;;;;AAYA;AACE,wBAAC,aAAD,EAAmBH,KAAnB;AACE,wBAAC,MAAD,IAAQ,QAAQ,EAAE,aAAlB,EAAiC,SAAS,EAAEH,QAAQ,CAACe,aAAT,EAA5C;AACE,wBAAC,YAAD,CAAc,QAAd;AACG,oBAA0B,KAAvBC,gBAAuB,QAAvBA,gBAAuB;AACzB,UAAIZ,MAAJ,EAAY;AACV;AACE,8BAAC,MAAD,IAAQ,IAAI,EAAC,QAAb,EAAsB,MAAM,EAAEY,gBAAgB,GAAGR,cAAH,GAAoB,CAAlE;AACGE,UAAAA,aADH,CADF;;;AAKD;;AAED,aAAOA,aAAa,EAApB;AACD,KAXH,CADF,CADF,CADF;;;;;AAmBD;;AAEDR,WAAW,CAACe,mBAAZ,GAAkC,aAAlC;AACAf,WAAW,CAACgB,gBAAZ,GAA+B,IAA/B;;AAEA,SAAShB,WAAT","sourcesContent":["import React, { ReactNode, useContext, useEffect, useState } from 'react';\nimport cn from 'classnames';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\n\nexport interface ModalFooterProps extends CommonProps {\n /*\n Включает серый цвет в футере\n /\n panel?: boolean;\n sticky?: boolean;\n children?: ReactNode;\n}\n\n/\n Футер модального окна.\n \n @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps) {\n const { sticky = true, panel, children } = props;\n const theme = useContext(ThemeContext);\n const [scrollbarWidth, setScrollBarWidth] = useState(0);\n\n useEffect(() => {\n setScrollBarWidth(getScrollWidth());\n }, []);\n\n const renderContent = (fixed = false) => (\n <div\n className={cn({\n [jsStyles.footer(theme)]: true,\n [jsStyles.panel(theme)]: Boolean(panel),\n [jsStyles.fixedFooter(theme)]: fixed,\n })}\n >\n {children}\n </div>\n );\n\n return (\n <CommonWrapper {...props}>\n <ZIndex priority={'ModalFooter'} className={jsStyles.footerWrapper()}>\n <ModalContext.Consumer>\n {({ horizontalScroll }) => {\n if (sticky) {\n return (\n <Sticky side=\"bottom\" offset={horizontalScroll ? scrollbarWidth : 0}>\n {renderContent}\n </Sticky>\n );\n }\n\n return renderContent();\n }}\n </ModalContext.Consumer>\n </ZIndex>\n </CommonWrapper>\n );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"]}

package/components/Modal/ModalHeader/ModalHeader.js CHANGED Viewed

@@ -7,10 +7,10 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { jsStyles } from "../Modal.styles";
 import { ModalClose } from "../ModalClose";
 import { ModalContext } from "../ModalContext";
-/**
- * Шапка модального окна
- *
- * @visibleName Modal.Header
+/**
+ * Шапка модального окна
+ *
+ * @visibleName Modal.Header
  */
 function ModalHeader(props) {

package/components/Modal/ModalHeader/ModalHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalHeader.tsx"],"names":["React","useContext","cn","Sticky","ThemeContext","ZIndex","CommonWrapper","jsStyles","ModalClose","ModalContext","ModalHeader","props","sticky","children","theme","renderContent","close","additionalPadding","fixed","header","fixedHeader","headerAddPadding","Boolean","headerWithClose","requestClose","disableClose","headerWrapper","__KONTUR_REACT_UI__","__MODAL_HEADER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAAqBC,YAArB,QAAyC,gBAAzC;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACRA,EAAAA,KADQ,CACpCC,MADoC,CACpCA,MADoC,8BAC3B,IAD2B,iBACrBC,QADqB,GACRF,KADQ,CACrBE,QADqB;AAE5C,MAAMC,KAAK,GAAGb,UAAU,CAACG,YAAD,CAAxB;;AAEA,MAAMW,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAqBC,iBAArB,UAAqD,UAACC,KAAD,EAAmB,aAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AAC5F;AACE;AACE,UAAA,SAAS,EAAEhB,EAAE;AACVK,UAAAA,QAAQ,CAACY,MAAT,CAAgBL,KAAhB,CADU,IACe,IADf;AAEVP,UAAAA,QAAQ,CAACa,WAAT,CAAqBN,KAArB,CAFU,IAEoBI,KAFpB;AAGVX,UAAAA,QAAQ,CAACc,gBAAT,EAHU,IAGoBC,OAAO,CAACL,iBAAD,CAH3B;AAIVV,UAAAA,QAAQ,CAACgB,eAAT,CAAyBT,KAAzB,CAJU,IAIwBQ,OAAO,CAACN,KAAD,CAJ/B,OADf;;;AAQGA,QAAAA,KAAK,iBAAI,oBAAC,UAAD,IAAY,YAAY,EAAEA,KAAK,CAACQ,YAAhC,EAA8C,YAAY,EAAER,KAAK,CAACS,YAAlE,GARZ;AASGZ,QAAAA,QATH,CADF;;;AAaD,KAdqB,EAAtB;;AAgBA;AACE,wBAAC,aAAD,EAAmBF,KAAnB;AACE,wBAAC,MAAD,IAAQ,QAAQ,EAAE,aAAlB,EAAiC,SAAS,EAAEJ,QAAQ,CAACmB,aAAT,EAA5C;AACE,wBAAC,YAAD,CAAc,QAAd;AACG,oBAAkC,KAA/BV,KAA+B,QAA/BA,KAA+B,CAAxBC,iBAAwB,QAAxBA,iBAAwB;AACjC,UAAIL,MAAJ,EAAY;AACV,4BAAO,oBAAC,MAAD,IAAQ,IAAI,EAAC,KAAb,IAAoBG,aAAa,CAACC,KAAD,EAAQC,iBAAR,CAAjC,CAAP;AACD;;AAED,aAAOF,aAAa,CAACC,KAAD,EAAQC,iBAAR,CAAb,EAAP;AACD,KAPH,CADF,CADF,CADF;;;;;AAeD;;AAEDP,WAAW,CAACiB,mBAAZ,GAAkC,aAAlC;AACAjB,WAAW,CAACkB,gBAAZ,GAA+B,IAA/B;;AAEA,SAASlB,WAAT","sourcesContent":["import React, { ReactNode, useContext } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { Sticky } from '../Sticky';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Modal.styles';\r\nimport { ModalClose } from './ModalClose';\r\nimport { CloseProps, ModalContext } from './ModalContext';\r\n\r\nexport interface ModalHeaderProps extends CommonProps {\r\n sticky?: boolean;\r\n children?: ReactNode;\r\n}\r\n/*\r\n Шапка модального окна\r\n \r\n @visibleName Modal.Header\r\n */\r\nfunction ModalHeader(props: ModalHeaderProps) {\r\n const { sticky = true, children } = props;\r\n const theme = useContext(ThemeContext);\r\n\r\n const renderContent = (close?: CloseProps, additionalPadding?: boolean) => (fixed = false) => {\r\n return (\r\n <div\r\n className={cn({\r\n [jsStyles.header(theme)]: true,\r\n [jsStyles.fixedHeader(theme)]: fixed,\r\n [jsStyles.headerAddPadding()]: Boolean(additionalPadding),\r\n [jsStyles.headerWithClose(theme)]: Boolean(close),\r\n })}\r\n >\r\n {close && <ModalClose requestClose={close.requestClose} disableClose={close.disableClose} />}\r\n {children}\r\n </div>\r\n );\r\n };\r\n\r\n return (\r\n <CommonWrapper {...props}>\r\n <ZIndex priority={'ModalHeader'} className={jsStyles.headerWrapper()}>\r\n <ModalContext.Consumer>\r\n {({ close, additionalPadding }) => {\r\n if (sticky) {\r\n return <Sticky side=\"top\">{renderContent(close, additionalPadding)}</Sticky>;\r\n }\r\n\r\n return renderContent(close, additionalPadding)();\r\n }}\r\n </ModalContext.Consumer>\r\n </ZIndex>\r\n </CommonWrapper>\r\n );\r\n}\r\n\r\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\r\nModalHeader.__MODAL_HEADER__ = true;\r\n\r\nexport { ModalHeader };\r\n"]}
1	+ {"version":3,"sources":["ModalHeader.tsx"],"names":["React","useContext","cn","Sticky","ThemeContext","ZIndex","CommonWrapper","jsStyles","ModalClose","ModalContext","ModalHeader","props","sticky","children","theme","renderContent","close","additionalPadding","fixed","header","fixedHeader","headerAddPadding","Boolean","headerWithClose","requestClose","disableClose","headerWrapper","__KONTUR_REACT_UI__","__MODAL_HEADER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAAqBC,YAArB,QAAyC,gBAAzC;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACRA,EAAAA,KADQ,CACpCC,MADoC,CACpCA,MADoC,8BAC3B,IAD2B,iBACrBC,QADqB,GACRF,KADQ,CACrBE,QADqB;AAE5C,MAAMC,KAAK,GAAGb,UAAU,CAACG,YAAD,CAAxB;;AAEA,MAAMW,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAqBC,iBAArB,UAAqD,UAACC,KAAD,EAAmB,aAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AAC5F;AACE;AACE,UAAA,SAAS,EAAEhB,EAAE;AACVK,UAAAA,QAAQ,CAACY,MAAT,CAAgBL,KAAhB,CADU,IACe,IADf;AAEVP,UAAAA,QAAQ,CAACa,WAAT,CAAqBN,KAArB,CAFU,IAEoBI,KAFpB;AAGVX,UAAAA,QAAQ,CAACc,gBAAT,EAHU,IAGoBC,OAAO,CAACL,iBAAD,CAH3B;AAIVV,UAAAA,QAAQ,CAACgB,eAAT,CAAyBT,KAAzB,CAJU,IAIwBQ,OAAO,CAACN,KAAD,CAJ/B,OADf;;;AAQGA,QAAAA,KAAK,iBAAI,oBAAC,UAAD,IAAY,YAAY,EAAEA,KAAK,CAACQ,YAAhC,EAA8C,YAAY,EAAER,KAAK,CAACS,YAAlE,GARZ;AASGZ,QAAAA,QATH,CADF;;;AAaD,KAdqB,EAAtB;;AAgBA;AACE,wBAAC,aAAD,EAAmBF,KAAnB;AACE,wBAAC,MAAD,IAAQ,QAAQ,EAAE,aAAlB,EAAiC,SAAS,EAAEJ,QAAQ,CAACmB,aAAT,EAA5C;AACE,wBAAC,YAAD,CAAc,QAAd;AACG,oBAAkC,KAA/BV,KAA+B,QAA/BA,KAA+B,CAAxBC,iBAAwB,QAAxBA,iBAAwB;AACjC,UAAIL,MAAJ,EAAY;AACV,4BAAO,oBAAC,MAAD,IAAQ,IAAI,EAAC,KAAb,IAAoBG,aAAa,CAACC,KAAD,EAAQC,iBAAR,CAAjC,CAAP;AACD;;AAED,aAAOF,aAAa,CAACC,KAAD,EAAQC,iBAAR,CAAb,EAAP;AACD,KAPH,CADF,CADF,CADF;;;;;AAeD;;AAEDP,WAAW,CAACiB,mBAAZ,GAAkC,aAAlC;AACAjB,WAAW,CAACkB,gBAAZ,GAA+B,IAA/B;;AAEA,SAASlB,WAAT","sourcesContent":["import React, { ReactNode, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { CloseProps, ModalContext } from './ModalContext';\n\nexport interface ModalHeaderProps extends CommonProps {\n sticky?: boolean;\n children?: ReactNode;\n}\n/*\n Шапка модального окна\n \n @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n const { sticky = true, children } = props;\n const theme = useContext(ThemeContext);\n\n const renderContent = (close?: CloseProps, additionalPadding?: boolean) => (fixed = false) => {\n return (\n <div\n className={cn({\n [jsStyles.header(theme)]: true,\n [jsStyles.fixedHeader(theme)]: fixed,\n [jsStyles.headerAddPadding()]: Boolean(additionalPadding),\n [jsStyles.headerWithClose(theme)]: Boolean(close),\n })}\n >\n {close && <ModalClose requestClose={close.requestClose} disableClose={close.disableClose} />}\n {children}\n </div>\n );\n };\n\n return (\n <CommonWrapper {...props}>\n <ZIndex priority={'ModalHeader'} className={jsStyles.headerWrapper()}>\n <ModalContext.Consumer>\n {({ close, additionalPadding }) => {\n if (sticky) {\n return <Sticky side=\"top\">{renderContent(close, additionalPadding)}</Sticky>;\n }\n\n return renderContent(close, additionalPadding)();\n }}\n </ModalContext.Consumer>\n </ZIndex>\n </CommonWrapper>\n );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"]}

package/components/Modal/helpers/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["helpers.ts"],"names":["React","isFooter","child","isValidElement","Object","prototype","hasOwnProperty","call","type","isHeader","isBody"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;AAKA,OAAO,SAASC,QAAT,CAAkBC,KAAlB,EAAyF;AAC9F;AACE,iBAAAF,KAAK,CAACG,cAAN,CAAuCD,KAAvC;AACAE,IAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,kBAAjD,CAFF;;AAID;AACD,OAAO,SAASC,QAAT,CAAkBP,KAAlB,EAAyF;AAC9F;AACE,iBAAAF,KAAK,CAACG,cAAN,CAAuCD,KAAvC;AACAE,IAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,kBAAjD,CAFF;;AAID;AACD,OAAO,SAASE,MAAT,CAAgBR,KAAhB,EAAyE;AAC9E,SAAO,aAAAF,KAAK,CAACG,cAAN,CAAqBD,KAArB,KAA+BE,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,gBAAjD,CAAtC;AACD","sourcesContent":["import React from 'react';\r\n\r\nimport { ModalFooterProps } from './ModalFooter';\r\nimport { ModalHeaderProps } from './ModalHeader';\r\n\r\nexport function isFooter(child: React.ReactNode): child is React.ReactElement<ModalFooterProps> {\r\n return (\r\n React.isValidElement<ModalFooterProps>(child) &&\r\n Object.prototype.hasOwnProperty.call(child.type, '__MODAL_FOOTER__')\r\n );\r\n}\r\nexport function isHeader(child: React.ReactNode): child is React.ReactElement<ModalHeaderProps> {\r\n return (\r\n React.isValidElement<ModalHeaderProps>(child) &&\r\n Object.prototype.hasOwnProperty.call(child.type, '__MODAL_HEADER__')\r\n );\r\n}\r\nexport function isBody(child: React.ReactNode): child is React.ReactElement<{}> {\r\n return React.isValidElement(child) && Object.prototype.hasOwnProperty.call(child.type, '__MODAL_BODY__');\r\n}\r\n"]}
1	+ {"version":3,"sources":["helpers.ts"],"names":["React","isFooter","child","isValidElement","Object","prototype","hasOwnProperty","call","type","isHeader","isBody"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;AAKA,OAAO,SAASC,QAAT,CAAkBC,KAAlB,EAAyF;AAC9F;AACE,iBAAAF,KAAK,CAACG,cAAN,CAAuCD,KAAvC;AACAE,IAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,kBAAjD,CAFF;;AAID;AACD,OAAO,SAASC,QAAT,CAAkBP,KAAlB,EAAyF;AAC9F;AACE,iBAAAF,KAAK,CAACG,cAAN,CAAuCD,KAAvC;AACAE,IAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,kBAAjD,CAFF;;AAID;AACD,OAAO,SAASE,MAAT,CAAgBR,KAAhB,EAAyE;AAC9E,SAAO,aAAAF,KAAK,CAACG,cAAN,CAAqBD,KAArB,KAA+BE,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,gBAAjD,CAAtC;AACD","sourcesContent":["import React from 'react';\n\nimport { ModalFooterProps } from './ModalFooter';\nimport { ModalHeaderProps } from './ModalHeader';\n\nexport function isFooter(child: React.ReactNode): child is React.ReactElement<ModalFooterProps> {\n return (\n React.isValidElement<ModalFooterProps>(child) &&\n Object.prototype.hasOwnProperty.call(child.type, '__MODAL_FOOTER__')\n );\n}\nexport function isHeader(child: React.ReactNode): child is React.ReactElement<ModalHeaderProps> {\n return (\n React.isValidElement<ModalHeaderProps>(child) &&\n Object.prototype.hasOwnProperty.call(child.type, '__MODAL_HEADER__')\n );\n}\nexport function isBody(child: React.ReactNode): child is React.ReactElement<{}> {\n return React.isValidElement(child) && Object.prototype.hasOwnProperty.call(child.type, '__MODAL_BODY__');\n}\n"]}

package/components/Modal/index/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,eAAd","sourcesContent":["export * from './Modal';\r\nexport * from './ModalHeader';\r\nexport * from './ModalBody';\r\nexport * from './ModalFooter';\r\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,eAAd","sourcesContent":["export * from './Modal';\nexport * from './ModalHeader';\nexport * from './ModalBody';\nexport * from './ModalFooter';\n"]}

package/components/Paging/NavigationHelper/NavigationHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["NavigationHelper.tsx"],"names":["keyDescription","getKeyDescription","createKeyDescription","navigator","platform","includes","name","checkPressed","event","altKey","ctrlKey","getKeyName","checkKeyPressed"],"mappings":";;;;;;;;;AASA,IAAIA,cAA4C,GAAG,IAAnD;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,WAAMD,cAAc,KAAKA,cAAc,GAAGE,oBAAoB,EAA1C,CAApB,EAA1B;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB;AAC3BC,IAAAA,SAAS,CAACC,QAAV,CAAmBC,QAAnB,CAA4B,KAA5B;AACI;AACEC,MAAAA,IAAI,EAAE,KADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACC,MAAnE,EAFhB,EADJ;;AAKI;AACEH,MAAAA,IAAI,EAAE,MADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACE,OAAnE,EAFhB,EANuB,GAA7B;;;AAWA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,WAAMV,iBAAiB,GAAGK,IAA1B,EAAnB;AACP,OAAO,IAAMM,eAAe,GAAG,SAAlBA,eAAkB,CAACJ,KAAD,UAA6DP,iBAAiB,GAAGM,YAApB,CAAiCC,KAAjC,CAA7D,EAAxB","sourcesContent":["import React from 'react';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nexport interface KeyDescriptionType {\r\n name: string;\r\n checkPressed: (event: React.KeyboardEvent<HTMLElement> \| KeyboardEvent) => boolean;\r\n}\r\n\r\nlet keyDescription: Nullable<KeyDescriptionType> = null;\r\n\r\nconst getKeyDescription = () => keyDescription \|\| (keyDescription = createKeyDescription());\r\n\r\nconst createKeyDescription = () =>\r\n navigator.platform.includes('Mac')\r\n ? {\r\n name: 'Alt',\r\n checkPressed: (event: React.KeyboardEvent<HTMLElement> \| KeyboardEvent) => event.altKey,\r\n }\r\n : {\r\n name: 'Ctrl',\r\n checkPressed: (event: React.KeyboardEvent<HTMLElement> \| KeyboardEvent) => event.ctrlKey,\r\n };\r\n\r\nexport const getKeyName = () => getKeyDescription().name;\r\nexport const checkKeyPressed = (event: KeyboardEvent \| React.KeyboardEvent<HTMLElement>) => getKeyDescription().checkPressed(event);\r\n"]}
1	+ {"version":3,"sources":["NavigationHelper.tsx"],"names":["keyDescription","getKeyDescription","createKeyDescription","navigator","platform","includes","name","checkPressed","event","altKey","ctrlKey","getKeyName","checkKeyPressed"],"mappings":";;;;;;;;;AASA,IAAIA,cAA4C,GAAG,IAAnD;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,WAAMD,cAAc,KAAKA,cAAc,GAAGE,oBAAoB,EAA1C,CAApB,EAA1B;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB;AAC3BC,IAAAA,SAAS,CAACC,QAAV,CAAmBC,QAAnB,CAA4B,KAA5B;AACI;AACEC,MAAAA,IAAI,EAAE,KADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACC,MAAnE,EAFhB,EADJ;;AAKI;AACEH,MAAAA,IAAI,EAAE,MADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACE,OAAnE,EAFhB,EANuB,GAA7B;;;AAWA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,WAAMV,iBAAiB,GAAGK,IAA1B,EAAnB;AACP,OAAO,IAAMM,eAAe,GAAG,SAAlBA,eAAkB,CAACJ,KAAD,UAA6DP,iBAAiB,GAAGM,YAApB,CAAiCC,KAAjC,CAA7D,EAAxB","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\n\nexport interface KeyDescriptionType {\n name: string;\n checkPressed: (event: React.KeyboardEvent<HTMLElement> \| KeyboardEvent) => boolean;\n}\n\nlet keyDescription: Nullable<KeyDescriptionType> = null;\n\nconst getKeyDescription = () => keyDescription \|\| (keyDescription = createKeyDescription());\n\nconst createKeyDescription = () =>\n navigator.platform.includes('Mac')\n ? {\n name: 'Alt',\n checkPressed: (event: React.KeyboardEvent<HTMLElement> \| KeyboardEvent) => event.altKey,\n }\n : {\n name: 'Ctrl',\n checkPressed: (event: React.KeyboardEvent<HTMLElement> \| KeyboardEvent) => event.ctrlKey,\n };\n\nexport const getKeyName = () => getKeyDescription().name;\nexport const checkKeyPressed = (event: KeyboardEvent \| React.KeyboardEvent<HTMLElement>) => getKeyDescription().checkPressed(event);\n"]}

package/components/Paging/Paging/Paging.js CHANGED Viewed

@@ -434,25 +434,25 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), _dec(_class =
   useGlobalListener: false
 }, _class2$defaultProps['data-tid'] = 'Paging__root', _class2$defaultProps), _class2.propTypes = {}, _temp)) || _class);
 Paging.propTypes = {
-  /**
-   * Current active page
+  /**
+   * Current active page
    */
   activePage: number.isRequired,
-  /**
-   * React component that would be used for rendering items
-   *
-   * Usefull for router integration
+  /**
+   * React component that would be used for rendering items
+   *
+   * Usefull for router integration
    */
   component: func,
-  /**
-   * Total page count
+  /**
+   * Total page count
    */
   pagesCount: number.isRequired,
-  /**
-   * Calls when page has been changed
+  /**
+   * Calls when page has been changed
    */
   onPageChange: func.isRequired
 };