npm - @vkontakte/vkui - Versions diffs - 5.0.0 → 5.0.1 - Mend

@vkontakte/vkui 5.0.0 → 5.0.1

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

package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalRootDesktop.js","names":["React","classNames","transitionEvent","withPlatform","withContext","ModalRootContext","ConfigProviderContext","WebviewType","Platform","withDOM","getNavId","warnOnce","FocusTrap","withModalManager","warn","ModalRootDesktopComponent","props","undefined","maskElementRef","createRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","getModalState","onClose","onExit","isInsideModal","platform","IOS","Children","toArray","children","prevProps","exitingModal","closeModal","enteringModal","enteringState","onEnter","requestAnimationFrame","waitTransitionFinish","onEntered","animateModalOpacity","activeModal","restoreFocusTo","document","activeElement","focus","prevModalState","onExited","setMaskOpacity","modalState","eventHandler","supported","onceHandler","innerElement","removeEventListener","name","addEventListener","setTimeout","timeout","display","style","transitionDelay","delayEnter","opacity","forceOpacity","history","maskAnimationFrame","cancelAnimationFrame","current","translateY","translateYCurrent","Math","max","min","toString","configProvider","webviewType","VKAPPS","modals","map","Modal","modalId","key","Boolean","Component","ModalRootDesktop"],"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n ModalRootContext,\n ModalRootContextInterface,\n} from \"./ModalRootContext\";\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { ModalsStateEntry } from \"./types\";\nimport { Platform } from \"../../lib/platform\";\nimport { DOMProps, withDOM } from \"../../lib/dom\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { ModalTransitionProps, withModalManager } from \"./useModalManager\";\nimport \"./ModalRoot.css\";\n\nconst warn = warnOnce(\"ModalRoot\");\n\nexport interface ModalRootProps extends HasPlatform {\n activeModal?: string \| null;\n /*\n @ignore\n /\n configProvider?: ConfigProviderContextInterface;\n children?: React.ReactNode;\n\n /\n Будет вызвано при начале открытия активной модалки с её id\n /\n onOpen?(modalId: string): void;\n\n /\n Будет вызвано при окончательном открытии активной модалки с её id\n /\n onOpened?(modalId: string): void;\n\n /\n Будет вызвано при начале закрытия активной модалки с её id\n /\n onClose?(modalId: string): void;\n\n /\n Будет вызвано при окончательном закрытии активной модалки с её id\n /\n onClosed?(modalId: string): void;\n}\n\nclass ModalRootDesktopComponent extends React.Component<\n ModalRootProps & DOMProps & ModalTransitionProps\n> {\n constructor(props: ModalRootProps & ModalTransitionProps) {\n super(props);\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: () => undefined,\n registerModal: ({ id, ...data }) =>\n Object.assign(this.getModalState(id) ?? {}, data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n }\n\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private maskAnimationFrame: number \| undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private restoreFocusTo: HTMLElement \| undefined = undefined;\n\n private get timeout() {\n return this.props.platform === Platform.IOS ? 400 : 320;\n }\n\n private get modals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n getModalState(id: string \| null) {\n if (id === null) {\n return undefined;\n }\n return this.props.getModalState(id);\n }\n\n componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n // transition phase 2: animate exiting modal\n if (\n this.props.exitingModal &&\n this.props.exitingModal !== prevProps.exitingModal\n ) {\n this.closeModal(this.props.exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (\n this.props.enteringModal &&\n this.props.enteringModal !== prevProps.enteringModal\n ) {\n const { enteringModal } = this.props;\n const enteringState = this.getModalState(enteringModal);\n this.props.onEnter();\n requestAnimationFrame(() => {\n if (this.props.enteringModal === enteringModal) {\n this.waitTransitionFinish(enteringState, () =>\n this.props.onEntered(enteringModal)\n );\n this.animateModalOpacity(enteringState, true);\n }\n });\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = (this.props.document?.activeElement ??\n undefined) as HTMLElement \| undefined;\n }\n if (\n !this.props.activeModal &&\n !this.props.exitingModal &&\n this.restoreFocusTo\n ) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = undefined;\n }\n }\n\n closeModal(id: string) {\n const prevModalState = this.getModalState(id);\n if (!prevModalState) {\n return;\n }\n\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n this.animateModalOpacity(prevModalState, false);\n if (!this.props.activeModal) {\n this.setMaskOpacity(prevModalState, 0);\n }\n }\n\n waitTransitionFinish(\n modalState: ModalsStateEntry \| undefined,\n eventHandler: () => void\n ) {\n if (transitionEvent.supported) {\n const onceHandler = () => {\n modalState?.innerElement?.removeEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n eventHandler();\n };\n\n modalState?.innerElement?.addEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n } else {\n setTimeout(eventHandler, this.timeout);\n }\n }\n\n / Анимирует сдвиг модалки /\n animateModalOpacity(\n modalState: ModalsStateEntry \| undefined,\n display: boolean\n ) {\n if (modalState?.innerElement) {\n modalState.innerElement.style.transitionDelay =\n display && this.props.delayEnter ? `${this.timeout}ms` : \"\";\n modalState.innerElement.style.opacity = display ? \"1\" : \"0\";\n }\n }\n\n / Устанавливает прозрачность для полупрозрачной подложки */\n setMaskOpacity(\n modalState: ModalsStateEntry,\n forceOpacity: number \| null = null\n ) {\n if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n return;\n }\n\n if (this.maskAnimationFrame) {\n cancelAnimationFrame(this.maskAnimationFrame);\n }\n this.maskAnimationFrame = requestAnimationFrame(() => {\n if (this.maskElementRef.current) {\n const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n const opacity =\n forceOpacity === null\n ? 1 - (translateYCurrent - translateY) / (100 - translateY) \|\| 0\n : forceOpacity;\n this.maskElementRef.current.style.opacity = Math.max(\n 0,\n Math.min(100, opacity)\n ).toString();\n }\n });\n }\n\n render() {\n const { exitingModal, activeModal, enteringModal } = this.props;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <ModalRootContext.Provider value={this.modalRootContext}>\n <div\n vkuiClass={classNames(\n \"ModalRoot\",\n this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n \"ModalRoot--vkapps\",\n \"ModalRoot--desktop\"\n )}\n >\n <div\n vkuiClass=\"ModalRoot__mask\"\n ref={this.maskElementRef}\n onClick={this.props.onExit}\n />\n <div vkuiClass=\"ModalRoot__viewport\">\n {this.modals.map((Modal: React.ReactElement) => {\n const modalId = getNavId(Modal.props, warn);\n if (modalId !== activeModal && modalId !== exitingModal) {\n return null;\n }\n\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n restoreFocus={false}\n onClose={this.props.onExit}\n timeout={this.timeout}\n key={key}\n vkuiClass={classNames(\n \"ModalRoot__modal\",\n !exitingModal &&\n !enteringModal &&\n modalId === activeModal &&\n \"ModalRoot__modal--active\",\n modalId === exitingModal && \"ModalRoot__modal--prev\",\n Boolean(exitingModal) &&\n modalId === activeModal &&\n \"ModalRoot__modal--next\"\n )}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </div>\n </ModalRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootDesktop = withContext(\n withPlatform(\n withDOM<ModalRootProps>(withModalManager()(ModalRootDesktopComponent))\n ),\n ConfigProviderContext,\n \"configProvider\"\n);\n"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,eAAT;AAEA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SACEC,gBADF;AAIA,SACEC,qBADF,EAGEC,WAHF;AAMA,SAASC,QAAT;AACA,SAAmBC,OAAnB;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,SAAT;AACA,SAA+BC,gBAA/B;AACA;AAEA,IAAMC,IAAI,GAAGH,QAAQ,CAAC,WAAD,CAArB;;IA+BMI,yB;;;;;EAGJ,mCAAYC,KAAZ,EAA0D;IAAA;;IAAA;;IACxD,0BAAMA,KAAN;;IADwD;;IAAA,qEAeTC,SAfS;;IAAA;;IAAA,iEAiBRA,SAjBQ;;IAGxD,MAAKC,cAAL,gBAAsBlB,KAAK,CAACmB,SAAN,EAAtB;IAEA,MAAKC,gBAAL,GAAwB;MACtBC,iBAAiB,EAAE;QAAA,OAAMJ,SAAN;MAAA,CADG;MAEtBK,aAAa,EAAE;QAAA;;QAAA,IAAGC,EAAH,QAAGA,EAAH;QAAA,IAAUC,IAAV;;QAAA,OACbC,MAAM,CAACC,MAAP,wBAAc,MAAKC,aAAL,CAAmBJ,EAAnB,CAAd,qEAAwC,EAAxC,EAA4CC,IAA5C,CADa;MAAA,CAFO;MAItBI,OAAO,EAAE;QAAA,OAAM,MAAKZ,KAAL,CAAWa,MAAX,EAAN;MAAA,CAJa;MAKtBC,aAAa,EAAE;IALO,CAAxB;IALwD;EAYzD;;;;SAOD,eAAsB;MACpB,OAAO,KAAKd,KAAL,CAAWe,QAAX,KAAwBvB,QAAQ,CAACwB,GAAjC,GAAuC,GAAvC,GAA6C,GAApD;IACD;;;SAED,eAAqB;MACnB,OAAOhC,KAAK,CAACiC,QAAN,CAAeC,OAAf,CAAuB,KAAKlB,KAAL,CAAWmB,QAAlC,CAAP;IACD;;;WAED,uBAAcZ,EAAd,EAAiC;MAC/B,IAAIA,EAAE,KAAK,IAAX,EAAiB;QACf,OAAON,SAAP;MACD;;MACD,OAAO,KAAKD,KAAL,CAAWW,aAAX,CAAyBJ,EAAzB,CAAP;IACD;;;WAED,4BAAmBa,SAAnB,EAAqE;MAAA;;MACnE;MACA,IACE,KAAKpB,KAAL,CAAWqB,YAAX,IACA,KAAKrB,KAAL,CAAWqB,YAAX,KAA4BD,SAAS,CAACC,YAFxC,EAGE;QACA,KAAKC,UAAL,CAAgB,KAAKtB,KAAL,CAAWqB,YAA3B;MACD,CAPkE,CASnE;;;MACA,IACE,KAAKrB,KAAL,CAAWuB,aAAX,IACA,KAAKvB,KAAL,CAAWuB,aAAX,KAA6BH,SAAS,CAACG,aAFzC,EAGE;QACA,IAAQA,aAAR,GAA0B,KAAKvB,KAA/B,CAAQuB,aAAR;QACA,IAAMC,aAAa,GAAG,KAAKb,aAAL,CAAmBY,aAAnB,CAAtB;QACA,KAAKvB,KAAL,CAAWyB,OAAX;QACAC,qBAAqB,CAAC,YAAM;UAC1B,IAAI,MAAI,CAAC1B,KAAL,CAAWuB,aAAX,KAA6BA,aAAjC,EAAgD;YAC9C,MAAI,CAACI,oBAAL,CAA0BH,aAA1B,EAAyC;cAAA,OACvC,MAAI,CAACxB,KAAL,CAAW4B,SAAX,CAAqBL,aAArB,CADuC;YAAA,CAAzC;;YAGA,MAAI,CAACM,mBAAL,CAAyBL,aAAzB,EAAwC,IAAxC;UACD;QACF,CAPoB,CAArB;MAQD,CAzBkE,CA2BnE;;;MACA,IAAI,KAAKxB,KAAL,CAAW8B,WAAX,IAA0B,CAACV,SAAS,CAACU,WAAzC,EAAsD;QAAA;;QACpD,KAAKC,cAAL,oDAAuB,KAAK/B,KAAL,CAAWgC,QAAlC,yDAAuB,qBAAqBC,aAA5C,yEACEhC,SADF;MAED;;MACD,IACE,CAAC,KAAKD,KAAL,CAAW8B,WAAZ,IACA,CAAC,KAAK9B,KAAL,CAAWqB,YADZ,IAEA,KAAKU,cAHP,EAIE;QACA,KAAKA,cAAL,CAAoBG,KAApB;QACA,KAAKH,cAAL,GAAsB9B,SAAtB;MACD;IACF;;;WAED,oBAAWM,EAAX,EAAuB;MAAA;;MACrB,IAAM4B,cAAc,GAAG,KAAKxB,aAAL,CAAmBJ,EAAnB,CAAvB;;MACA,IAAI,CAAC4B,cAAL,EAAqB;QACnB;MACD;;MAED,KAAKR,oBAAL,CAA0BQ,cAA1B,EAA0C;QAAA,OAAM,MAAI,CAACnC,KAAL,CAAWoC,QAAX,CAAoB7B,EAApB,CAAN;MAAA,CAA1C;MACA,KAAKsB,mBAAL,CAAyBM,cAAzB,EAAyC,KAAzC;;MACA,IAAI,CAAC,KAAKnC,KAAL,CAAW8B,WAAhB,EAA6B;QAC3B,KAAKO,cAAL,CAAoBF,cAApB,EAAoC,CAApC;MACD;IACF;;;WAED,8BACEG,UADF,EAEEC,YAFF,EAGE;MACA,IAAIrD,eAAe,CAACsD,SAApB,EAA+B;QAAA;;QAC7B,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;UAAA;;UACxBH,UAAU,SAAV,IAAAA,UAAU,WAAV,qCAAAA,UAAU,CAAEI,YAAZ,gFAA0BC,mBAA1B,CACEzD,eAAe,CAAC0D,IADlB,EAEEH,WAFF;UAIAF,YAAY;QACb,CAND;;QAQAD,UAAU,SAAV,IAAAA,UAAU,WAAV,sCAAAA,UAAU,CAAEI,YAAZ,kFAA0BG,gBAA1B,CACE3D,eAAe,CAAC0D,IADlB,EAEEH,WAFF;MAID,CAbD,MAaO;QACLK,UAAU,CAACP,YAAD,EAAe,KAAKQ,OAApB,CAAV;MACD;IACF;IAED;;;;WACA,6BACET,UADF,EAEEU,OAFF,EAGE;MACA,IAAIV,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEI,YAAhB,EAA8B;QAC5BJ,UAAU,CAACI,YAAX,CAAwBO,KAAxB,CAA8BC,eAA9B,GACEF,OAAO,IAAI,KAAKhD,KAAL,CAAWmD,UAAtB,aAAsC,KAAKJ,OAA3C,UAAyD,EAD3D;QAEAT,UAAU,CAACI,YAAX,CAAwBO,KAAxB,CAA8BG,OAA9B,GAAwCJ,OAAO,GAAG,GAAH,GAAS,GAAxD;MACD;IACF;IAED;;;;WACA,wBACEV,UADF,EAGE;MAAA;MAAA;;MAAA,IADAe,YACA,uEAD8B,IAC9B;;MACA,IAAIA,YAAY,KAAK,IAAjB,IAAyB,6BAAKrD,KAAL,CAAWsD,OAAX,4EAAqB,CAArB,OAA4BhB,UAAU,CAAC/B,EAApE,EAAwE;QACtE;MACD;;MAED,IAAI,KAAKgD,kBAAT,EAA6B;QAC3BC,oBAAoB,CAAC,KAAKD,kBAAN,CAApB;MACD;;MACD,KAAKA,kBAAL,GAA0B7B,qBAAqB,CAAC,YAAM;QACpD,IAAI,MAAI,CAACxB,cAAL,CAAoBuD,OAAxB,EAAiC;UAC/B,4BAAkDnB,UAAlD,CAAQoB,UAAR;UAAA,IAAQA,UAAR,sCAAqB,CAArB;UAAA,6BAAkDpB,UAAlD,CAAwBqB,iBAAxB;UAAA,IAAwBA,iBAAxB,uCAA4C,CAA5C;UAEA,IAAMP,OAAO,GACXC,YAAY,KAAK,IAAjB,GACI,IAAI,CAACM,iBAAiB,GAAGD,UAArB,KAAoC,MAAMA,UAA1C,CAAJ,IAA6D,CADjE,GAEIL,YAHN;UAIA,MAAI,CAACnD,cAAL,CAAoBuD,OAApB,CAA4BR,KAA5B,CAAkCG,OAAlC,GAA4CQ,IAAI,CAACC,GAAL,CAC1C,CAD0C,EAE1CD,IAAI,CAACE,GAAL,CAAS,GAAT,EAAcV,OAAd,CAF0C,EAG1CW,QAH0C,EAA5C;QAID;MACF,CAb8C,CAA/C;IAcD;;;WAED,kBAAS;MAAA;MAAA;;MACP,kBAAqD,KAAK/D,KAA1D;MAAA,IAAQqB,YAAR,eAAQA,YAAR;MAAA,IAAsBS,WAAtB,eAAsBA,WAAtB;MAAA,IAAmCP,aAAnC,eAAmCA,aAAnC;;MAEA,IAAI,CAACO,WAAD,IAAgB,CAACT,YAArB,EAAmC;QACjC,OAAO,IAAP;MACD;;MAED,OACE,oBAAC,gBAAD,CAAkB,QAAlB;QAA2B,KAAK,EAAE,KAAKjB;MAAvC,GACE;QACE,SAAS,EAAEnB,UAAU,CACnB,WADmB,EAEnB,+BAAKe,KAAL,CAAWgE,cAAX,gFAA2BC,WAA3B,MAA2C1E,WAAW,CAAC2E,MAAvD,IACE,mBAHiB,EAInB,oBAJmB;MADvB,GAQE;QACE,SAAS,EAAC,iBADZ;QAEE,GAAG,EAAE,KAAKhE,cAFZ;QAGE,OAAO,EAAE,KAAKF,KAAL,CAAWa;MAHtB,EARF,EAaE;QAAK,SAAS,EAAC;MAAf,GACG,KAAKsD,MAAL,CAAYC,GAAZ,CAAgB,UAACC,KAAD,EAA+B;QAC9C,IAAMC,OAAO,GAAG5E,QAAQ,CAAC2E,KAAK,CAACrE,KAAP,EAAcF,IAAd,CAAxB;;QACA,IAAIwE,OAAO,KAAKxC,WAAZ,IAA2BwC,OAAO,KAAKjD,YAA3C,EAAyD;UACvD,OAAO,IAAP;QACD;;QAED,IAAMkD,GAAG,mBAAYD,OAAZ,CAAT;QAEA,OACE,oBAAC,SAAD;UACE,YAAY,EAAE,KADhB;UAEE,OAAO,EAAE,MAAI,CAACtE,KAAL,CAAWa,MAFtB;UAGE,OAAO,EAAE,MAAI,CAACkC,OAHhB;UAIE,GAAG,EAAEwB,GAJP;UAKE,SAAS,EAAEtF,UAAU,CACnB,kBADmB,EAEnB,CAACoC,YAAD,IACE,CAACE,aADH,IAEE+C,OAAO,KAAKxC,WAFd,IAGE,0BALiB,EAMnBwC,OAAO,KAAKjD,YAAZ,IAA4B,wBANT,EAOnBmD,OAAO,CAACnD,YAAD,CAAP,IACEiD,OAAO,KAAKxC,WADd,IAEE,wBATiB;QALvB,GAiBGuC,KAjBH,CADF;MAqBD,CA7BA,CADH,CAbF,CADF,CADF;IAkDD;;;;EAnNqCrF,KAAK,CAACyF,S;;AAsN9C,OAAO,IAAMC,gBAAgB,GAAGtF,WAAW,CACzCD,YAAY,CACVM,OAAO,CAAiBI,gBAAgB,GAAGE,yBAAH,CAAjC,CADG,CAD6B,EAIzCT,qBAJyC,EAKzC,gBALyC,CAApC"}
1	+ {"version":3,"file":"ModalRootDesktop.js","names":["React","classNamesString","transitionEvent","withPlatform","withContext","ModalRootContext","ConfigProviderContext","WebviewType","Platform","withDOM","getNavId","warnOnce","FocusTrap","withModalManager","clamp","warn","ModalRootDesktopComponent","props","undefined","maskElementRef","createRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","getModalState","onClose","onExit","isInsideModal","platform","IOS","Children","toArray","children","prevProps","exitingModal","closeModal","enteringModal","enteringState","onEnter","requestAnimationFrame","waitTransitionFinish","onEntered","animateModalOpacity","activeModal","restoreFocusTo","document","activeElement","focus","prevModalState","onExited","setMaskOpacity","modalState","eventHandler","supported","onceHandler","innerElement","removeEventListener","name","addEventListener","setTimeout","timeout","display","style","transitionDelay","delayEnter","opacity","forceOpacity","history","maskAnimationFrame","cancelAnimationFrame","current","translateY","translateYCurrent","toString","configProvider","webviewType","VKAPPS","modals","map","Modal","modalId","key","Boolean","Component","ModalRootDesktop"],"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n ModalRootContext,\n ModalRootContextInterface,\n} from \"./ModalRootContext\";\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { ModalsStateEntry } from \"./types\";\nimport { Platform } from \"../../lib/platform\";\nimport { DOMProps, withDOM } from \"../../lib/dom\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { ModalTransitionProps, withModalManager } from \"./useModalManager\";\nimport { clamp } from \"../../helpers/math\";\nimport styles from \"./ModalRoot.module.css\";\n\nconst warn = warnOnce(\"ModalRoot\");\n\nexport interface ModalRootProps extends HasPlatform {\n activeModal?: string \| null;\n /*\n @ignore\n /\n configProvider?: ConfigProviderContextInterface;\n children?: React.ReactNode;\n\n /\n Будет вызвано при начале открытия активной модалки с её id\n /\n onOpen?(modalId: string): void;\n\n /\n Будет вызвано при окончательном открытии активной модалки с её id\n /\n onOpened?(modalId: string): void;\n\n /\n Будет вызвано при начале закрытия активной модалки с её id\n /\n onClose?(modalId: string): void;\n\n /\n Будет вызвано при окончательном закрытии активной модалки с её id\n /\n onClosed?(modalId: string): void;\n}\n\nclass ModalRootDesktopComponent extends React.Component<\n ModalRootProps & DOMProps & ModalTransitionProps\n> {\n constructor(props: ModalRootProps & ModalTransitionProps) {\n super(props);\n\n this.maskElementRef = React.createRef();\n\n this.modalRootContext = {\n updateModalHeight: () => undefined,\n registerModal: ({ id, ...data }) =>\n Object.assign(this.getModalState(id) ?? {}, data),\n onClose: () => this.props.onExit(),\n isInsideModal: true,\n };\n }\n\n private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n private maskAnimationFrame: number \| undefined = undefined;\n private readonly modalRootContext: ModalRootContextInterface;\n private restoreFocusTo: HTMLElement \| undefined = undefined;\n\n private get timeout() {\n return this.props.platform === Platform.IOS ? 400 : 320;\n }\n\n private get modals() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n getModalState(id: string \| null) {\n if (id === null) {\n return undefined;\n }\n return this.props.getModalState(id);\n }\n\n componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n // transition phase 2: animate exiting modal\n if (\n this.props.exitingModal &&\n this.props.exitingModal !== prevProps.exitingModal\n ) {\n this.closeModal(this.props.exitingModal);\n }\n\n // transition phase 3: animate entering modal\n if (\n this.props.enteringModal &&\n this.props.enteringModal !== prevProps.enteringModal\n ) {\n const { enteringModal } = this.props;\n const enteringState = this.getModalState(enteringModal);\n this.props.onEnter();\n requestAnimationFrame(() => {\n if (this.props.enteringModal === enteringModal) {\n this.waitTransitionFinish(enteringState, () =>\n this.props.onEntered(enteringModal)\n );\n this.animateModalOpacity(enteringState, true);\n }\n });\n }\n\n // focus restoration\n if (this.props.activeModal && !prevProps.activeModal) {\n this.restoreFocusTo = (this.props.document?.activeElement ??\n undefined) as HTMLElement \| undefined;\n }\n if (\n !this.props.activeModal &&\n !this.props.exitingModal &&\n this.restoreFocusTo\n ) {\n this.restoreFocusTo.focus();\n this.restoreFocusTo = undefined;\n }\n }\n\n closeModal(id: string) {\n const prevModalState = this.getModalState(id);\n if (!prevModalState) {\n return;\n }\n\n this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n this.animateModalOpacity(prevModalState, false);\n if (!this.props.activeModal) {\n this.setMaskOpacity(prevModalState, 0);\n }\n }\n\n waitTransitionFinish(\n modalState: ModalsStateEntry \| undefined,\n eventHandler: () => void\n ) {\n if (transitionEvent.supported) {\n const onceHandler = () => {\n modalState?.innerElement?.removeEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n eventHandler();\n };\n\n modalState?.innerElement?.addEventListener(\n transitionEvent.name as string,\n onceHandler\n );\n } else {\n setTimeout(eventHandler, this.timeout);\n }\n }\n\n / Анимирует сдвиг модалки /\n animateModalOpacity(\n modalState: ModalsStateEntry \| undefined,\n display: boolean\n ) {\n if (modalState?.innerElement) {\n modalState.innerElement.style.transitionDelay =\n display && this.props.delayEnter ? `${this.timeout}ms` : \"\";\n modalState.innerElement.style.opacity = display ? \"1\" : \"0\";\n }\n }\n\n / Устанавливает прозрачность для полупрозрачной подложки */\n setMaskOpacity(\n modalState: ModalsStateEntry,\n forceOpacity: number \| null = null\n ) {\n if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n return;\n }\n\n if (this.maskAnimationFrame) {\n cancelAnimationFrame(this.maskAnimationFrame);\n }\n this.maskAnimationFrame = requestAnimationFrame(() => {\n if (this.maskElementRef.current) {\n const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n const opacity =\n forceOpacity === null\n ? 1 - (translateYCurrent - translateY) / (100 - translateY) \|\| 0\n : forceOpacity;\n this.maskElementRef.current.style.opacity = clamp(\n opacity,\n 0,\n 100\n ).toString();\n }\n });\n }\n\n render() {\n const { exitingModal, activeModal, enteringModal } = this.props;\n\n if (!activeModal && !exitingModal) {\n return null;\n }\n\n return (\n <ModalRootContext.Provider value={this.modalRootContext}>\n <div\n className={classNamesString(\n styles[\"ModalRoot\"],\n this.props.configProvider?.webviewType === WebviewType.VKAPPS &&\n styles[\"ModalRoot--vkapps\"],\n styles[\"ModalRoot--desktop\"]\n )}\n >\n <div\n className={styles[\"ModalRoot__mask\"]}\n ref={this.maskElementRef}\n onClick={this.props.onExit}\n />\n <div className={styles[\"ModalRoot__viewport\"]}>\n {this.modals.map((Modal: React.ReactElement) => {\n const modalId = getNavId(Modal.props, warn);\n if (modalId !== activeModal && modalId !== exitingModal) {\n return null;\n }\n\n const key = `modal-${modalId}`;\n\n return (\n <FocusTrap\n restoreFocus={false}\n onClose={this.props.onExit}\n timeout={this.timeout}\n key={key}\n className={classNamesString(\n styles[\"ModalRoot__modal\"],\n !exitingModal &&\n !enteringModal &&\n modalId === activeModal &&\n styles[\"ModalRoot__modal--active\"],\n modalId === exitingModal &&\n styles[\"ModalRoot__modal--prev\"],\n Boolean(exitingModal) &&\n modalId === activeModal &&\n styles[\"ModalRoot__modal--next\"]\n )}\n >\n {Modal}\n </FocusTrap>\n );\n })}\n </div>\n </div>\n </ModalRootContext.Provider>\n );\n }\n}\n\nexport const ModalRootDesktop = withContext(\n withPlatform(\n withDOM<ModalRootProps>(withModalManager()(ModalRootDesktopComponent))\n ),\n ConfigProviderContext,\n \"configProvider\"\n);\n"],"mappings":"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"}

package/dist/cssm/components/ModalRoot/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","names":["MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","PERCENT_OPENED","PERCENT_CLOSED"],"sources":["../../../../src/components/ModalRoot/constants.ts"],"sourcesContent":["export const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;\n\nexport const PERCENT_OPENED = 0;\nexport const PERCENT_CLOSED = 100;\n"],"mappings":"AAAA,OAAO,IAAMA,iCAAiC,GAAG,~~EAA1C~~;~~AAEP~~,OAAO,IAAMC,cAAc,GAAG,~~CAAvB~~;~~AACP~~,OAAO,IAAMC,cAAc,GAAG,~~GAAvB~~"}
1	+ {"version":3,"file":"constants.js","names":["MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","PERCENT_OPENED","PERCENT_CLOSED"],"sources":["../../../../src/components/ModalRoot/constants.ts"],"sourcesContent":["export const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;\n\nexport const PERCENT_OPENED = 0;\nexport const PERCENT_CLOSED = 100;\n"],"mappings":"AAAA,OAAO,IAAMA,iCAAiC,GAAG,EAAE;AAEnD,OAAO,IAAMC,cAAc,GAAG,CAAC;AAC/B,OAAO,IAAMC,cAAc,GAAG,GAAG"}

package/dist/cssm/components/ModalRoot/types.js CHANGED Viewed

@@ -1,5 +1,4 @@
 export var ModalType;
 (function (ModalType) {
   ModalType["PAGE"] = "page";
   ModalType["CARD"] = "card";

package/dist/cssm/components/ModalRoot/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["ModalType"],"sources":["../../../../src/components/ModalRoot/types.ts"],"sourcesContent":["export enum ModalType {\n PAGE = \"page\",\n CARD = \"card\",\n}\n\nexport type TranslateRange = [number, number];\n\nexport type ModalsState = { [index: string]: ModalsStateEntry };\n\nexport interface ModalElements {\n modalElement?: HTMLElement \| null;\n innerElement?: HTMLElement \| null;\n headerElement?: HTMLElement \| null;\n contentElement?: HTMLElement \| null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n id: string \| null;\n /*\n Событие начала открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Событие открытия модалки.\n /\n onOpened?: VoidFunction;\n /\n Событие начала закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Событие закрытия модалки.\n /\n onClosed?: VoidFunction;\n type?: ModalType;\n\n settlingHeight?: number;\n dynamicContentHeight?: boolean;\n expandable?: boolean;\n\n /\n Процент текущего сдвига модалки\n /\n translateY?: number;\n /\n Процент сдвига модалки в изначальном состоянии\n /\n translateYFrom?: number;\n /\n Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)\n */\n translateYCurrent?: number;\n\n touchStartContentScrollTop?: number;\n touchMovePositive?: boolean \| null;\n touchShiftYPercent?: number;\n\n expanded?: boolean;\n collapsed?: boolean;\n hidden?: boolean;\n\n contentScrolled?: boolean;\n contentScrollStopTimeout?: ReturnType<typeof setTimeout>;\n\n expandedRange?: TranslateRange;\n collapsedRange?: TranslateRange;\n hiddenRange?: TranslateRange;\n}\n"],"mappings":"AAAA,WAAYA,~~SAAZ;;WAAYA~~,S;~~EAAAA~~,S;~~EAAAA~~,S;~~GAAAA~~,S,~~KAAAA~~,S"}
1	+ {"version":3,"file":"types.js","names":["ModalType"],"sources":["../../../../src/components/ModalRoot/types.ts"],"sourcesContent":["export enum ModalType {\n PAGE = \"page\",\n CARD = \"card\",\n}\n\nexport type TranslateRange = [number, number];\n\nexport type ModalsState = { [index: string]: ModalsStateEntry };\n\nexport interface ModalElements {\n modalElement?: HTMLElement \| null;\n innerElement?: HTMLElement \| null;\n headerElement?: HTMLElement \| null;\n contentElement?: HTMLElement \| null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n id: string \| null;\n /*\n Событие начала открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Событие открытия модалки.\n /\n onOpened?: VoidFunction;\n /\n Событие начала закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Событие закрытия модалки.\n /\n onClosed?: VoidFunction;\n type?: ModalType;\n\n settlingHeight?: number;\n dynamicContentHeight?: boolean;\n expandable?: boolean;\n\n /\n Процент текущего сдвига модалки\n /\n translateY?: number;\n /\n Процент сдвига модалки в изначальном состоянии\n /\n translateYFrom?: number;\n /\n Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)\n */\n translateYCurrent?: number;\n\n touchStartContentScrollTop?: number;\n touchMovePositive?: boolean \| null;\n touchShiftYPercent?: number;\n\n expanded?: boolean;\n collapsed?: boolean;\n hidden?: boolean;\n\n contentScrolled?: boolean;\n contentScrollStopTimeout?: ReturnType<typeof setTimeout>;\n\n expandedRange?: TranslateRange;\n collapsedRange?: TranslateRange;\n hiddenRange?: TranslateRange;\n}\n"],"mappings":"AAAA,WAAYA,SAAS;AAGpB,WAHWA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,KAATA,SAAS"}

package/dist/cssm/components/ModalRoot/useModalManager.js CHANGED Viewed

@@ -2,27 +2,23 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { ModalType } from "./types";
 import { warnOnce } from "../../lib/warnOnce";
 import { getNavId } from "../../lib/getNavId";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { noop, isFunction } from "../../lib/utils";
 function getModals(children) {
   return React.Children.toArray(children);
 }
 var warn = warnOnce("ModalRoot");
 export function modalTransitionReducer(state, action) {
   if (action.type === "setActive" && action.id !== state.activeModal) {
-    var nextModal = action.id; // preserve exiting modal if switching mid-transition
+    var nextModal = action.id;
+    // preserve exiting modal if switching mid-transition
     var prevModal = state.exitingModal || state.activeModal;
     var history = state.history ? _toConsumableArray(state.history) : [];
     var isBack = Boolean(nextModal && history.includes(nextModal));
     if (nextModal === null) {
       history = [];
     } else if (isBack) {
@@ -30,7 +26,6 @@ export function modalTransitionReducer(state, action) {
     } else {
       history.push(nextModal);
     }
     return {
       activeModal: nextModal,
       // not entering yet
@@ -40,27 +35,24 @@ export function modalTransitionReducer(state, action) {
       isBack: isBack
     };
   }
   if (action.type === "entered" && action.id === state.enteringModal) {
     return _objectSpread(_objectSpread({}, state), {}, {
       enteringModal: null
     });
   }
   if (action.type === "exited" && action.id === state.exitingModal) {
     return _objectSpread(_objectSpread({}, state), {}, {
       exitingModal: null
     });
   }
   if (action.type === "inited" && action.id === state.activeModal) {
     return _objectSpread(_objectSpread({}, state), {}, {
       enteringModal: action.id
     });
   }
   return state;
 }
 /**
  * Реализует переход модалок. При смене activeModal m1 -> m2:
  * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода
@@ -73,7 +65,6 @@ export function modalTransitionReducer(state, action) {
  *   4b. enteringModal переходит в null после завершения анимации
  * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен
  */
 export function useModalManager(activeModal, children) {
   var onOpen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;
   var onOpened = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : noop;
@@ -91,43 +82,41 @@ export function useModalManager(activeModal, children) {
     state.onOpened = Modal.props.onOpened;
     state.onClose = Modal.props.onClose;
     state.onClosed = Modal.props.onClosed;
-    state.dynamicContentHeight = !!modalProps.dynamicContentHeight; // ModalPage props
+    state.dynamicContentHeight = !!modalProps.dynamicContentHeight;
+    // ModalPage props
     if (typeof modalProps.settlingHeight === "number") {
       state.settlingHeight = modalProps.settlingHeight;
     }
     if (state.id !== null) {
       modalsState[state.id] = state;
     }
   });
   var isMissing = activeModal && !modalsState[activeModal];
   var safeActiveModal = isMissing ? null : activeModal;
   var _React$useReducer = React.useReducer(modalTransitionReducer, {
-    activeModal: safeActiveModal,
-    enteringModal: null,
-    exitingModal: null,
-    history: safeActiveModal ? [safeActiveModal] : [],
-    isBack: false
-  }),
-      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
-      transitionState = _React$useReducer2[0],
-      dispatchTransition = _React$useReducer2[1]; // Map props to state, render activeModal for init
+      activeModal: safeActiveModal,
+      enteringModal: null,
+      exitingModal: null,
+      history: safeActiveModal ? [safeActiveModal] : [],
+      isBack: false
+    }),
+    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+    transitionState = _React$useReducer2[0],
+    dispatchTransition = _React$useReducer2[1];
+  // Map props to state, render activeModal for init
   useIsomorphicLayoutEffect(function () {
     // ignore non-existent activeModal
     if (process.env.NODE_ENV === "development" && isMissing) {
       warn("\u041F\u0435\u0440\u0435\u0445\u043E\u0434 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D - \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E (\u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430) ".concat(activeModal, " \u043D\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442"), "error");
     }
     dispatchTransition({
       type: "setActive",
       id: safeActiveModal !== null && safeActiveModal !== void 0 ? safeActiveModal : null
     });
-  }, [activeModal]); // Init activeModal & set enteringModal
+  }, [activeModal]);
+  // Init activeModal & set enteringModal
   useIsomorphicLayoutEffect(function () {
     if (transitionState.activeModal) {
       initModal(modalsState[transitionState.activeModal]);
@@ -137,24 +126,19 @@ export function useModalManager(activeModal, children) {
       });
     }
   }, [transitionState.activeModal]);
   var isCard = function isCard(id) {
     var _modalsState$id;
     return id != null && ((_modalsState$id = modalsState[id]) === null || _modalsState$id === void 0 ? void 0 : _modalsState$id.type) === ModalType.CARD;
   };
   var onEntered = React.useCallback(function (id) {
     if (id) {
       var modalState = modalsState[id];
       if (isFunction(modalState.onOpened)) {
         modalState.onOpened();
       } else if (isFunction(onOpened)) {
         onOpened(id);
       }
     }
     dispatchTransition({
       type: "entered",
       id: id
@@ -163,14 +147,12 @@ export function useModalManager(activeModal, children) {
   var onExited = React.useCallback(function (id) {
     if (id) {
       var modalState = modalsState[id];
       if (isFunction(modalState.onClosed)) {
         modalState.onClosed();
       } else if (isFunction(onClosed)) {
         onClosed(id);
       }
     }
     dispatchTransition({
       type: "exited",
       id: id
@@ -180,10 +162,8 @@ export function useModalManager(activeModal, children) {
   var getModalState = React.useCallback(function (id) {
     return modalsState[id];
   }, [modalsState]);
   function onEnter() {
     var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
     if (modalState) {
       if (isFunction(modalState.onOpen)) {
         modalState.onOpen();
@@ -192,10 +172,8 @@ export function useModalManager(activeModal, children) {
       }
     }
   }
   function onExit() {
     var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
     if (modalState) {
       if (isFunction(modalState.onClose)) {
         modalState.onClose();
@@ -204,7 +182,6 @@ export function useModalManager(activeModal, children) {
       }
     }
   }
   return _objectSpread(_objectSpread({
     onEnter: onEnter,
     onEntered: onEntered,
@@ -220,7 +197,7 @@ export function withModalManager() {
   return function (Wrapped) {
     return function WithModalManager(props) {
       var transitionManager = useModalManager(props.activeModal, props.children, props.onOpen, props.onOpened, props.onClose, props.onClosed, initModal);
-      return createScopedElement(Wrapped, _extends({}, props, transitionManager));
+      return /*#__PURE__*/React.createElement(Wrapped, _extends({}, props, transitionManager));
     };
   };
 }

package/dist/cssm/components/ModalRoot/useModalManager.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useModalManager.js","names":["React","ModalType","warnOnce","getNavId","useIsomorphicLayoutEffect","noop","isFunction","getModals","children","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","undefined","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","CARD","onEntered","useCallback","modalState","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ModalsState, ModalsStateEntry, ModalType } from \"./types\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop, isFunction } from \"../../lib/utils\";\n\ninterface ModalTransitionState {\n activeModal?: string \| null;\n enteringModal?: string \| null;\n exitingModal?: string \| null;\n\n history?: string[];\n isBack?: boolean \| null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n onEnter: VoidFunction;\n onEntered: (id: string \| null) => void;\n onExit: VoidFunction;\n onExited: (id: string \| null) => void;\n getModalState: (id: string) => ModalsStateEntry;\n delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode \| React.ReactNode[]) {\n return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce(\"ModalRoot\");\n\nexport function modalTransitionReducer(\n state: ModalTransitionState,\n action: {\n type: \"setActive\" \| \"entered\" \| \"exited\" \| \"inited\";\n id: string \| null;\n }\n): ModalTransitionState {\n if (action.type === \"setActive\" && action.id !== state.activeModal) {\n const nextModal = action.id;\n // preserve exiting modal if switching mid-transition\n const prevModal = state.exitingModal \|\| state.activeModal;\n let history = state.history ? [...state.history] : [];\n const isBack = Boolean(nextModal && history.includes(nextModal));\n\n if (nextModal === null) {\n history = [];\n } else if (isBack) {\n history = history.splice(0, history.indexOf(nextModal) + 1);\n } else {\n history.push(nextModal);\n }\n\n return {\n activeModal: nextModal,\n // not entering yet\n enteringModal: null,\n exitingModal: prevModal,\n history,\n isBack,\n };\n }\n if (action.type === \"entered\" && action.id === state.enteringModal) {\n return { ...state, enteringModal: null };\n }\n if (action.type === \"exited\" && action.id === state.exitingModal) {\n return { ...state, exitingModal: null };\n }\n if (action.type === \"inited\" && action.id === state.activeModal) {\n return { ...state, enteringModal: action.id };\n }\n return state;\n}\n\n/*\n Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n * 3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n * 4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n * 3b. activeModal: m2, exitingModal: null, enteringModal: m2\n * 4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n activeModal: string \| null \| undefined,\n children: React.ReactNode \| React.ReactNode[],\n onOpen: (id: string) => void = noop,\n onOpened: (id: string) => void = noop,\n onClose: (id: string) => void = noop,\n onClosed: (id: string) => void = noop,\n initModal: (state: ModalsStateEntry) => void = noop\n): ModalTransitionProps {\n const modalsState = React.useRef<ModalsState>({}).current;\n getModals(children).forEach((Modal) => {\n const modalProps = Modal.props;\n const id = getNavId(modalProps, warn);\n const state: ModalsStateEntry = (id !== undefined && modalsState[id]) \|\| {\n id: id ?? null,\n };\n\n state.onOpen = Modal.props.onOpen;\n state.onOpened = Modal.props.onOpened;\n state.onClose = Modal.props.onClose;\n state.onClosed = Modal.props.onClosed;\n state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n // ModalPage props\n if (typeof modalProps.settlingHeight === \"number\") {\n state.settlingHeight = modalProps.settlingHeight;\n }\n\n if (state.id !== null) {\n modalsState[state.id] = state;\n }\n });\n\n const isMissing = activeModal && !modalsState[activeModal];\n const safeActiveModal = isMissing ? null : activeModal;\n const [transitionState, dispatchTransition] = React.useReducer(\n modalTransitionReducer,\n {\n activeModal: safeActiveModal,\n enteringModal: null,\n exitingModal: null,\n history: safeActiveModal ? [safeActiveModal] : [],\n isBack: false,\n }\n );\n\n // Map props to state, render activeModal for init\n useIsomorphicLayoutEffect(() => {\n // ignore non-existent activeModal\n if (process.env.NODE_ENV === \"development\" && isMissing) {\n warn(\n `Переход невозможен - модальное окно (страница) ${activeModal} не существует`,\n \"error\"\n );\n }\n dispatchTransition({ type: \"setActive\", id: safeActiveModal ?? null });\n }, [activeModal]);\n\n // Init activeModal & set enteringModal\n useIsomorphicLayoutEffect(() => {\n if (transitionState.activeModal) {\n initModal(modalsState[transitionState.activeModal]);\n dispatchTransition({ type: \"inited\", id: transitionState.activeModal });\n }\n }, [transitionState.activeModal]);\n\n const isCard = (id: string \| null \| undefined) =>\n id != null && modalsState[id]?.type === ModalType.CARD;\n const onEntered = React.useCallback(\n (id: string \| null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onOpened)) {\n modalState.onOpened();\n } else if (isFunction(onOpened)) {\n onOpened(id);\n }\n }\n\n dispatchTransition({ type: \"entered\", id });\n },\n [modalsState, onOpened]\n );\n const onExited = React.useCallback(\n (id: string \| null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onClosed)) {\n modalState.onClosed();\n } else if (isFunction(onClosed)) {\n onClosed(id);\n }\n }\n\n dispatchTransition({ type: \"exited\", id });\n },\n [modalsState, onClosed]\n );\n const delayEnter = Boolean(\n transitionState.exitingModal &&\n (isCard(activeModal) \|\| isCard(transitionState.exitingModal))\n );\n const getModalState = React.useCallback(\n (id: string) => modalsState[id],\n [modalsState]\n );\n\n function onEnter() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onOpen)) {\n modalState.onOpen();\n } else if (isFunction(onOpen)) {\n onOpen(modalState.id);\n }\n }\n }\n\n function onExit() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onClose)) {\n modalState.onClose();\n } else if (isFunction(onClose)) {\n onClose(modalState.id);\n }\n }\n }\n\n return {\n onEnter,\n onEntered,\n onExit,\n onExited,\n ...transitionState,\n delayEnter,\n getModalState,\n };\n}\n\nexport function withModalManager(\n initModal: (a: ModalsStateEntry) => void = noop\n) {\n return function <Props extends ModalTransitionProps>(\n Wrapped: React.ComponentType<Props>\n ): React.ComponentType<\n Omit<Props, keyof ModalTransitionProps> & {\n activeModal?: string \| null;\n children?: React.ReactNode;\n }\n > {\n return function WithModalManager(props) {\n const transitionManager = useModalManager(\n props.activeModal,\n props.children,\n (props as any).onOpen,\n (props as any).onOpened,\n (props as any).onClose,\n (props as any).onClosed,\n initModal\n );\n return <Wrapped {...(props as any)} {...transitionManager} />;\n };\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"useModalManager.js","names":["React","ModalType","warnOnce","getNavId","useIsomorphicLayoutEffect","noop","isFunction","getModals","children","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","undefined","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","CARD","onEntered","useCallback","modalState","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ModalsState, ModalsStateEntry, ModalType } from \"./types\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop, isFunction } from \"../../lib/utils\";\n\ninterface ModalTransitionState {\n activeModal?: string \| null;\n enteringModal?: string \| null;\n exitingModal?: string \| null;\n\n history?: string[];\n isBack?: boolean \| null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n onEnter: VoidFunction;\n onEntered: (id: string \| null) => void;\n onExit: VoidFunction;\n onExited: (id: string \| null) => void;\n getModalState: (id: string) => ModalsStateEntry;\n delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode \| React.ReactNode[]) {\n return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce(\"ModalRoot\");\n\nexport function modalTransitionReducer(\n state: ModalTransitionState,\n action: {\n type: \"setActive\" \| \"entered\" \| \"exited\" \| \"inited\";\n id: string \| null;\n }\n): ModalTransitionState {\n if (action.type === \"setActive\" && action.id !== state.activeModal) {\n const nextModal = action.id;\n // preserve exiting modal if switching mid-transition\n const prevModal = state.exitingModal \|\| state.activeModal;\n let history = state.history ? [...state.history] : [];\n const isBack = Boolean(nextModal && history.includes(nextModal));\n\n if (nextModal === null) {\n history = [];\n } else if (isBack) {\n history = history.splice(0, history.indexOf(nextModal) + 1);\n } else {\n history.push(nextModal);\n }\n\n return {\n activeModal: nextModal,\n // not entering yet\n enteringModal: null,\n exitingModal: prevModal,\n history,\n isBack,\n };\n }\n if (action.type === \"entered\" && action.id === state.enteringModal) {\n return { ...state, enteringModal: null };\n }\n if (action.type === \"exited\" && action.id === state.exitingModal) {\n return { ...state, exitingModal: null };\n }\n if (action.type === \"inited\" && action.id === state.activeModal) {\n return { ...state, enteringModal: action.id };\n }\n return state;\n}\n\n/*\n Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n * 3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n * 4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n * 3b. activeModal: m2, exitingModal: null, enteringModal: m2\n * 4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n activeModal: string \| null \| undefined,\n children: React.ReactNode \| React.ReactNode[],\n onOpen: (id: string) => void = noop,\n onOpened: (id: string) => void = noop,\n onClose: (id: string) => void = noop,\n onClosed: (id: string) => void = noop,\n initModal: (state: ModalsStateEntry) => void = noop\n): ModalTransitionProps {\n const modalsState = React.useRef<ModalsState>({}).current;\n getModals(children).forEach((Modal) => {\n const modalProps = Modal.props;\n const id = getNavId(modalProps, warn);\n const state: ModalsStateEntry = (id !== undefined && modalsState[id]) \|\| {\n id: id ?? null,\n };\n\n state.onOpen = Modal.props.onOpen;\n state.onOpened = Modal.props.onOpened;\n state.onClose = Modal.props.onClose;\n state.onClosed = Modal.props.onClosed;\n state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n // ModalPage props\n if (typeof modalProps.settlingHeight === \"number\") {\n state.settlingHeight = modalProps.settlingHeight;\n }\n\n if (state.id !== null) {\n modalsState[state.id] = state;\n }\n });\n\n const isMissing = activeModal && !modalsState[activeModal];\n const safeActiveModal = isMissing ? null : activeModal;\n const [transitionState, dispatchTransition] = React.useReducer(\n modalTransitionReducer,\n {\n activeModal: safeActiveModal,\n enteringModal: null,\n exitingModal: null,\n history: safeActiveModal ? [safeActiveModal] : [],\n isBack: false,\n }\n );\n\n // Map props to state, render activeModal for init\n useIsomorphicLayoutEffect(() => {\n // ignore non-existent activeModal\n if (process.env.NODE_ENV === \"development\" && isMissing) {\n warn(\n `Переход невозможен - модальное окно (страница) ${activeModal} не существует`,\n \"error\"\n );\n }\n dispatchTransition({ type: \"setActive\", id: safeActiveModal ?? null });\n }, [activeModal]);\n\n // Init activeModal & set enteringModal\n useIsomorphicLayoutEffect(() => {\n if (transitionState.activeModal) {\n initModal(modalsState[transitionState.activeModal]);\n dispatchTransition({ type: \"inited\", id: transitionState.activeModal });\n }\n }, [transitionState.activeModal]);\n\n const isCard = (id: string \| null \| undefined) =>\n id != null && modalsState[id]?.type === ModalType.CARD;\n const onEntered = React.useCallback(\n (id: string \| null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onOpened)) {\n modalState.onOpened();\n } else if (isFunction(onOpened)) {\n onOpened(id);\n }\n }\n\n dispatchTransition({ type: \"entered\", id });\n },\n [modalsState, onOpened]\n );\n const onExited = React.useCallback(\n (id: string \| null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onClosed)) {\n modalState.onClosed();\n } else if (isFunction(onClosed)) {\n onClosed(id);\n }\n }\n\n dispatchTransition({ type: \"exited\", id });\n },\n [modalsState, onClosed]\n );\n const delayEnter = Boolean(\n transitionState.exitingModal &&\n (isCard(activeModal) \|\| isCard(transitionState.exitingModal))\n );\n const getModalState = React.useCallback(\n (id: string) => modalsState[id],\n [modalsState]\n );\n\n function onEnter() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onOpen)) {\n modalState.onOpen();\n } else if (isFunction(onOpen)) {\n onOpen(modalState.id);\n }\n }\n }\n\n function onExit() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onClose)) {\n modalState.onClose();\n } else if (isFunction(onClose)) {\n onClose(modalState.id);\n }\n }\n }\n\n return {\n onEnter,\n onEntered,\n onExit,\n onExited,\n ...transitionState,\n delayEnter,\n getModalState,\n };\n}\n\nexport function withModalManager(\n initModal: (a: ModalsStateEntry) => void = noop\n) {\n return function <Props extends ModalTransitionProps>(\n Wrapped: React.ComponentType<Props>\n ): React.ComponentType<\n Omit<Props, keyof ModalTransitionProps> & {\n activeModal?: string \| null;\n children?: React.ReactNode;\n }\n > {\n return function WithModalManager(props) {\n const transitionManager = useModalManager(\n props.activeModal,\n props.children,\n (props as any).onOpen,\n (props as any).onOpened,\n (props as any).onClose,\n (props as any).onClosed,\n initModal\n );\n return <Wrapped {...(props as any)} {...transitionManager} />;\n };\n };\n}\n"],"mappings":"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"}

package/dist/cssm/components/ModalRoot/useModalRootContext.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const useModalRootContext: () => import("./ModalRootContext").ModalRootContextInterface;

package/dist/cssm/components/ModalRoot/useModalRootContext.js ADDED Viewed

@@ -0,0 +1,6 @@
+import React from "react";
+import { ModalRootContext } from "./ModalRootContext";
+export var useModalRootContext = function useModalRootContext() {
+  return React.useContext(ModalRootContext);
+};
+//# sourceMappingURL=useModalRootContext.js.map

package/dist/cssm/components/ModalRoot/useModalRootContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useModalRootContext.js","names":["React","ModalRootContext","useModalRootContext","useContext"],"sources":["../../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalRootContext } from \"./ModalRootContext\";\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB;EAAA,OAASF,KAAK,CAACG,UAAU,CAACF,gBAAgB,CAAC;AAAA"}

package/dist/cssm/components/ModalRoot/withModalRootContext.js CHANGED Viewed

@@ -1,17 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { ModalRootContext } from "./ModalRootContext";
 export function withModalRootContext(Component) {
   function WithModalRootContext(props) {
     var _React$useContext = React.useContext(ModalRootContext),
-        updateModalHeight = _React$useContext.updateModalHeight;
-    return createScopedElement(Component, _extends({}, props, {
+      updateModalHeight = _React$useContext.updateModalHeight;
+    return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
       updateModalHeight: updateModalHeight
     }));
   }
   return WithModalRootContext;
 }
 //# sourceMappingURL=withModalRootContext.js.map

package/dist/cssm/components/ModalRoot/withModalRootContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"withModalRootContext.js","names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","useContext","updateModalHeight"],"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n ModalRootContext,\n ModalRootContextInterface,\n} from \"./ModalRootContext\";\n\ntype PickedProps = Pick<ModalRootContextInterface, \"updateModalHeight\">;\n\nexport function withModalRootContext<P extends PickedProps>(\n Component: React.ComponentType<P>\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n function WithModalRootContext(props: Omit<P, keyof PickedProps>) {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n return (\n <Component {...(props as P)} updateModalHeight={updateModalHeight} />\n );\n }\n return WithModalRootContext;\n}\n"],"mappings":";;AAAA,OAAO,KAAKA,~~KAAZ~~,~~MAAuB~~,~~OAAvB~~;~~AACA~~,SACEC,~~gBADF~~;~~AAOA~~,OAAO,SAASC,~~oBAAT~~,~~CACLC~~,~~SADK~~,~~EAE4C~~;EACjD,SAASC,~~oBAAT~~,~~CAA8BC~~,~~KAA9B~~,~~EAAiE~~;IAC/D,wBAA8BL,KAAK,CAACM,~~UAAN~~,~~CAAiBL~~,~~gBAAjB~~,~~CAA9B~~;~~IAAA~~,~~IAAQM~~,~~iBAAR~~,~~qBAAQA~~,~~iBAAR;;IAEA~~,~~OACE,~~oBAAC,~~SAAD~~,~~eAAgBF~~,~~KAAhB~~;~~MAA6B~~,iBAAiB,EAAEE;~~IAAhD~~,~~GADF~~;~~EAGD;;EACD~~,OAAOH,~~oBAAP~~;~~AACD~~"}
1	+ {"version":3,"file":"withModalRootContext.js","names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","useContext","updateModalHeight"],"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n ModalRootContext,\n ModalRootContextInterface,\n} from \"./ModalRootContext\";\n\ntype PickedProps = Pick<ModalRootContextInterface, \"updateModalHeight\">;\n\nexport function withModalRootContext<P extends PickedProps>(\n Component: React.ComponentType<P>\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n function WithModalRootContext(props: Omit<P, keyof PickedProps>) {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n return (\n <Component {...(props as P)} updateModalHeight={updateModalHeight} />\n );\n }\n return WithModalRootContext;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,gBAAgB,QAEX,oBAAoB;AAI3B,OAAO,SAASC,oBAAoB,CAClCC,SAAiC,EACgB;EACjD,SAASC,oBAAoB,CAACC,KAAiC,EAAE;IAC/D,wBAA8BL,KAAK,CAACM,UAAU,CAACL,gBAAgB,CAAC;MAAxDM,iBAAiB,qBAAjBA,iBAAiB;IAEzB,oBACE,oBAAC,SAAS,eAAMF,KAAK;MAAQ,iBAAiB,EAAEE;IAAkB,GAAG;EAEzE;EACA,OAAOH,oBAAoB;AAC7B"}

package/dist/cssm/components/NativeSelect/NativeSelect.d.ts CHANGED Viewed

@@ -2,7 +2,6 @@ import * as React from "react";
 import { FormFieldProps } from "../FormField/FormField";
 import { HasAlign, HasRef, HasRootRef } from "../../types";
 import { SelectType } from "../Select/Select";
-import "../Select/Select.css";
 export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, HasRef<HTMLSelectElement>, HasRootRef<HTMLLabelElement>, HasAlign, Pick<FormFieldProps, "status"> {
     placeholder?: string;
     multiline?: boolean;
@@ -16,5 +15,5 @@ export interface SelectState {
 /**
  * @see https://vkcom.github.io/VKUI/#/NativeSelect
  */
-declare const NativeSelect: React.FC<NativeSelectProps>;
+declare const NativeSelect: ({ style, defaultValue, align, placeholder, children, className, getRef, getRootRef, disabled, multiline, selectType, status, ...restProps }: NativeSelectProps) => JSX.Element;
 export { NativeSelect };

package/dist/cssm/components/NativeSelect/NativeSelect.js CHANGED Viewed

@@ -2,12 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "multiline", "selectType", "status"];
-import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
-import { classNames } from "../../lib/classNames";
+import { classNamesString } from "../../lib/classNames";
 import { DropdownIcon } from "../DropdownIcon/DropdownIcon";
 import { FormField } from "../FormField/FormField";
-import { getClassName } from "../../helpers/getClassName";
+import { getPlatformClassName } from "../../helpers/getPlatformClassName";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { useEnsuredControl } from "../../hooks/useEnsuredControl";
 import { useExternRef } from "../../hooks/useExternRef";
@@ -16,87 +15,80 @@ import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { getSizeXClassName } from "../../helpers/getSizeXClassName";
 import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 import { SelectTypography } from "../Select/Select";
-import "../Select/Select.css";
+import "../Select/Select.module.css";
 /**
  * @see https://vkcom.github.io/VKUI/#/NativeSelect
  */
 var NativeSelect = function NativeSelect(_ref) {
   var style = _ref.style,
-      _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
-      align = _ref.align,
-      placeholder = _ref.placeholder,
-      children = _ref.children,
-      className = _ref.className,
-      getRef = _ref.getRef,
-      getRootRef = _ref.getRootRef,
-      disabled = _ref.disabled,
-      multiline = _ref.multiline,
-      _ref$selectType = _ref.selectType,
-      selectType = _ref$selectType === void 0 ? "default" : _ref$selectType,
-      status = _ref.status,
-      restProps = _objectWithoutProperties(_ref, _excluded);
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
+    align = _ref.align,
+    placeholder = _ref.placeholder,
+    children = _ref.children,
+    className = _ref.className,
+    getRef = _ref.getRef,
+    getRootRef = _ref.getRootRef,
+    disabled = _ref.disabled,
+    multiline = _ref.multiline,
+    _ref$selectType = _ref.selectType,
+    selectType = _ref$selectType === void 0 ? "default" : _ref$selectType,
+    status = _ref.status,
+    restProps = _objectWithoutProperties(_ref, _excluded);
   var platform = usePlatform();
   var _React$useState = React.useState(""),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      title = _React$useState2[0],
-      setTitle = _React$useState2[1];
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    title = _React$useState2[0],
+    setTitle = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      empty = _React$useState4[0],
-      setEmpty = _React$useState4[1];
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    empty = _React$useState4[0],
+    setEmpty = _React$useState4[1];
   var _useEnsuredControl = useEnsuredControl(restProps, {
-    defaultValue: defaultValue
-  }),
-      _useEnsuredControl2 = _slicedToArray(_useEnsuredControl, 2),
-      value = _useEnsuredControl2[0],
-      onChange = _useEnsuredControl2[1];
+      defaultValue: defaultValue
+    }),
+    _useEnsuredControl2 = _slicedToArray(_useEnsuredControl, 2),
+    value = _useEnsuredControl2[0],
+    onChange = _useEnsuredControl2[1];
   var selectRef = useExternRef(getRef);
   var _useAdaptivity = useAdaptivity(),
-      sizeX = _useAdaptivity.sizeX,
-      sizeY = _useAdaptivity.sizeY;
+    sizeX = _useAdaptivity.sizeX,
+    sizeY = _useAdaptivity.sizeY;
   useIsomorphicLayoutEffect(function () {
     var _selectRef$current;
     var selectedOption = (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.options[selectRef.current.selectedIndex];
     if (selectedOption) {
       setTitle(selectedOption.text);
       setEmpty(selectedOption.value === "" && placeholder != null);
     }
   }, [value, children]);
-  return createScopedElement(FormField, {
+  return /*#__PURE__*/React.createElement(FormField, {
     Component: "label",
-    vkuiClass: classNames(getClassName("Select", platform), empty && "Select--empty", multiline && "Select--multiline", align && "Select--align-".concat(align), getSizeXClassName("Select", sizeX), getSizeYClassName("Select", sizeY)),
-    className: className,
+    className: classNamesString("vkuiSelect", getPlatformClassName("vkuiSelect", platform), empty && "vkuiSelect--empty", multiline && "vkuiSelect--multiline", align && styles["Select--align-".concat(align)], getSizeXClassName("vkuiSelect", sizeX), getSizeYClassName("vkuiSelect", sizeY), className),
     style: style,
     getRootRef: getRootRef,
     disabled: disabled,
-    after: createScopedElement(DropdownIcon, null),
+    after: /*#__PURE__*/React.createElement(DropdownIcon, null),
     status: status
-  }, createScopedElement("select", _extends({}, restProps, {
+  }, /*#__PURE__*/React.createElement("select", _extends({}, restProps, {
     disabled: disabled,
-    vkuiClass: "Select__el",
+    className: "vkuiSelect__el",
     onChange: onChange,
     value: value,
     ref: selectRef
-  }), placeholder && createScopedElement("option", {
+  }), placeholder && /*#__PURE__*/React.createElement("option", {
     value: ""
-  }, placeholder), children), createScopedElement("div", {
-    vkuiClass: "Select__container"
-  }, createScopedElement(SelectTypography, {
-    vkuiClass: "Select__title",
+  }, placeholder), children), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiSelect__container"
+  }, /*#__PURE__*/React.createElement(SelectTypography, {
+    className: "vkuiSelect__title",
     selectType: selectType
   }, title)));
 };
 export { NativeSelect };
+var styles = {
+  "Select--align-right": "vkuiSelect--align-right",
+  "Select--align-center": "vkuiSelect--align-center",
+  "Select--align-left": "vkuiSelect--align-left"
+};
 //# sourceMappingURL=NativeSelect.js.map