npm - @vkontakte/vkui - Versions diffs - 4.23.0 → 4.24.0 - Mend

@vkontakte/vkui 4.23.0 → 4.24.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 (2192) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"names":["React","ModalType","warnOnce","getNavId","useIsomorphicLayoutEffect","noop","isFunction","getModals","children","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","includes","splice","indexOf","push","enteringModal","useModalManager","onClose","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","CARD","onEnter","useCallback","onExit","delayEnter","Boolean","getModalState","closeActiveModal","modalState","withModalManager","Wrapped","WithModalManager","transitionManager"],"mappings":"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","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;\n enteringModal?: string;\n exitingModal?: string;\n\n history?: string[];\n isBack?: boolean;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n onEnter: (id: string) => void;\n onExit: (id: string) => void;\n getModalState: (id: string) => ModalsStateEntry;\n closeActiveModal: VoidFunction;\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: { type: 'setActive' \| 'entered' \| 'exited' \| 'inited'; id: string },\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];\n const isBack = 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,\n children: React.ReactNode \| React.ReactNode[],\n onClose: (id: string) => void,\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 = modalsState[id] \|\| { id };\n\n state.onClose = Modal.props.onClose;\n state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n // ModalPage props\n if (typeof modalProps.settlingHeight === 'number') {\n state.settlingHeight = modalProps.settlingHeight;\n }\n\n modalsState[state.id] = state;\n });\n\n const isMissing = activeModal && !modalsState[activeModal];\n const safeActiveModal = isMissing ? null : activeModal;\n const [transitionState, dispatchTransition] = React.useReducer(modalTransitionReducer, {\n activeModal: safeActiveModal,\n enteringModal: null,\n exitingModal: null,\n history: safeActiveModal ? [safeActiveModal] : [],\n isBack: false,\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(`Can't transition - modal ${activeModal} not found`);\n }\n dispatchTransition({ type: 'setActive', id: safeActiveModal });\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) => modalsState[id]?.type === ModalType.CARD;\n const onEnter = React.useCallback((id: string) => dispatchTransition({ type: 'entered', id }), []);\n const onExit = React.useCallback((id: string) => dispatchTransition({ type: 'exited', id }), []);\n const delayEnter = Boolean(transitionState.exitingModal && (isCard(activeModal) \|\| isCard(transitionState.exitingModal)));\n const getModalState = React.useCallback((id: string) => modalsState[id], []);\n\n function closeActiveModal() {\n const modalState = modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onClose)) {\n modalState.onClose();\n } else if (isFunction(onClose)) {\n onClose(modalState.id);\n } else if (process.env.NODE_ENV === 'development') {\n warn('onClose is undefined');\n }\n }\n }\n\n return {\n onEnter,\n onExit,\n ...transitionState,\n delayEnter,\n getModalState,\n closeActiveModal,\n };\n}\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n return function<Props extends ModalTransitionProps>(\n Wrapped: React.ComponentType<Props>,\n ): React.FC<Omit<Props, keyof ModalTransitionProps> & { activeModal: string }> {\n return function WithModalManager(props) {\n const transitionManager = useModalManager(\n props.activeModal,\n props.children,\n (props as any).onClose,\n initModal);\n return <Wrapped {...props as any} {...transitionManager} />;\n };\n };\n}\n"],"file":"useModalManager.js"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"names":["React","ModalType","warnOnce","getNavId","useIsomorphicLayoutEffect","noop","isFunction","getModals","children","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","includes","splice","indexOf","push","enteringModal","useModalManager","onClose","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","CARD","onEnter","useCallback","onExit","delayEnter","Boolean","getModalState","closeActiveModal","modalState","withModalManager","Wrapped","WithModalManager","transitionManager"],"mappings":"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","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;\n enteringModal?: string;\n exitingModal?: string;\n\n history?: string[];\n isBack?: boolean;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n onEnter: (id: string) => void;\n onExit: (id: string) => void;\n getModalState: (id: string) => ModalsStateEntry;\n closeActiveModal: VoidFunction;\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: { type: \"setActive\" \| \"entered\" \| \"exited\" \| \"inited\"; id: string }\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];\n const isBack = 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,\n children: React.ReactNode \| React.ReactNode[],\n onClose: (id: string) => void,\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 = modalsState[id] \|\| { id };\n\n state.onClose = Modal.props.onClose;\n state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n // ModalPage props\n if (typeof modalProps.settlingHeight === \"number\") {\n state.settlingHeight = modalProps.settlingHeight;\n }\n\n modalsState[state.id] = state;\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(`Can't transition - modal ${activeModal} not found`);\n }\n dispatchTransition({ type: \"setActive\", id: safeActiveModal });\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) => modalsState[id]?.type === ModalType.CARD;\n const onEnter = React.useCallback(\n (id: string) => dispatchTransition({ type: \"entered\", id }),\n []\n );\n const onExit = React.useCallback(\n (id: string) => dispatchTransition({ type: \"exited\", id }),\n []\n );\n const delayEnter = Boolean(\n transitionState.exitingModal &&\n (isCard(activeModal) \|\| isCard(transitionState.exitingModal))\n );\n const getModalState = React.useCallback((id: string) => modalsState[id], []);\n\n function closeActiveModal() {\n const modalState = modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onClose)) {\n modalState.onClose();\n } else if (isFunction(onClose)) {\n onClose(modalState.id);\n } else if (process.env.NODE_ENV === \"development\") {\n warn(\"onClose is undefined\");\n }\n }\n }\n\n return {\n onEnter,\n onExit,\n ...transitionState,\n delayEnter,\n getModalState,\n closeActiveModal,\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.FC<\n Omit<Props, keyof ModalTransitionProps> & { activeModal: string }\n > {\n return function WithModalManager(props) {\n const transitionManager = useModalManager(\n props.activeModal,\n props.children,\n (props as any).onClose,\n initModal\n );\n return <Wrapped {...(props as any)} {...transitionManager} />;\n };\n };\n}\n"],"file":"useModalManager.js"}

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import ModalRootContext from "./ModalRootContext";
 export function withModalRootContext(Component) {
   function WithModalRootContext(props) {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","useContext","updateModalHeight"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,gBAAP;~~AAIA~~,OAAO,SAASC,oBAAT,CACLC,SADK,EAE4C;AACjD,WAASC,oBAAT,CAA8BC,KAA9B,EAAwC;AACtC,4BAA8BL,KAAK,CAACM,UAAN,CAAiBL,gBAAjB,CAA9B;AAAA,QAAQM,iBAAR,qBAAQA,iBAAR;;AAEA,WAAO,oBAAC,SAAD,eAAeF,KAAf;AAAsB,MAAA,iBAAiB,EAAEE;AAAzC,OAAP;AACD;;AACD,SAAOH,oBAAP;AACD","sourcesContent":["import * as React from 'react';\nimport ModalRootContext, { ModalRootContextInterface } 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: P) {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n return <Component {...props} updateModalHeight={updateModalHeight} />;\n }\n return WithModalRootContext;\n}\n"],"file":"withModalRootContext.js"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","useContext","updateModalHeight"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,gBAAP;AAMA,OAAO,SAASC,oBAAT,CACLC,SADK,EAE4C;AACjD,WAASC,oBAAT,CAA8BC,KAA9B,EAAwC;AACtC,4BAA8BL,KAAK,CAACM,UAAN,CAAiBL,gBAAjB,CAA9B;AAAA,QAAQM,iBAAR,qBAAQA,iBAAR;;AAEA,WAAO,oBAAC,SAAD,eAAeF,KAAf;AAAsB,MAAA,iBAAiB,EAAEE;AAAzC,OAAP;AACD;;AACD,SAAOH,oBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport 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: P) {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n return <Component {...props} updateModalHeight={updateModalHeight} />;\n }\n return WithModalRootContext;\n}\n"],"file":"withModalRootContext.js"}

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

@@ -4,7 +4,7 @@ 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", "sizeX", "sizeY", "multiline"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { DropdownIcon } from "../DropdownIcon/DropdownIcon";
 import { FormField } from "../FormField/FormField";
@@ -24,7 +24,7 @@ var NativeSelect = function NativeSelect(_ref) {
   var style = _ref.style,
       _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
       align = _ref.align,
       placeholder = _ref.placeholder,
       children = _ref.children,
@@ -39,7 +39,7 @@ var NativeSelect = function NativeSelect(_ref) {
   var platform = usePlatform();
-  var _React$useState = React.useState(''),
+  var _React$useState = React.useState(""),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       title = _React$useState2[0],
       setTitle = _React$useState2[1];
@@ -62,13 +62,13 @@ var NativeSelect = function NativeSelect(_ref) {
     if (selectedOption) {
       setTitle(selectedOption.text);
-      setNotSelected(selectedOption.value === '' && placeholder != null);
+      setNotSelected(selectedOption.value === "" && placeholder != null);
     }
   }, [value, children]);
   var TypographyComponent = platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;
   return createScopedElement(FormField, {
     Component: "label",
-    vkuiClass: classNames(getClassName('Select', platform), (_classNames = {}, _defineProperty(_classNames, 'Select--not-selected', notSelected), _defineProperty(_classNames, "Select--align-".concat(align), !!align), _defineProperty(_classNames, "Select--sizeX--".concat(sizeX), !!sizeX), _defineProperty(_classNames, "Select--sizeY--".concat(sizeY), !!sizeY), _defineProperty(_classNames, 'Select--multiline', multiline), _classNames)),
+    vkuiClass: classNames(getClassName("Select", platform), (_classNames = {}, _defineProperty(_classNames, "Select--not-selected", notSelected), _defineProperty(_classNames, "Select--align-".concat(align), !!align), _defineProperty(_classNames, "Select--sizeX--".concat(sizeX), !!sizeX), _defineProperty(_classNames, "Select--sizeY--".concat(sizeY), !!sizeY), _defineProperty(_classNames, "Select--multiline", multiline), _classNames)),
     className: className,
     style: style,
     getRootRef: getRootRef,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"names":["React","classNames","DropdownIcon","FormField","withAdaptivity","SizeType","getClassName","Headline","Text","VKCOM","useIsomorphicLayoutEffect","useEnsuredControl","useExternRef","usePlatform","NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","restProps","platform","useState","title","setTitle","notSelected","setNotSelected","value","onChange","selectRef","selectedOption","current","options","selectedIndex","text","TypographyComponent","COMPACT"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,SAAT;AAEA,~~SAASC~~,~~cAAT~~,~~EAA0CC~~,~~QAA1C~~;~~AACA~~,SAASC,YAAT;AACA,OAAOC,QAAP;AACA,OAAOC,IAAP;AACA,SAASC,KAAT;AACA,SAASC,yBAAT;AACA,SAASC,iBAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA;;AAkBA,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,~~OAI5C~~;AAAA;;AAAA,~~MAHJC~~,~~KAGI~~,~~QAHJA~~,~~KAGI~~;AAAA,+~~BAHGC~~,~~YAGH~~;AAAA,~~MAHGA~~,~~YAGH~~,~~kCAHkB~~,~~EAGlB~~;AAAA,~~MAHsBC~~,~~KAGtB~~,~~QAHsBA~~,~~KAGtB~~;AAAA,~~MAH6BC~~,~~WAG7B~~,~~QAH6BA~~,~~WAG7B~~;AAAA,~~MAH0CC~~,~~QAG1C~~,~~QAH0CA~~,~~QAG1C~~;AAAA,~~MAFJC~~,~~SAEI~~,~~QAFJA~~,~~SAEI~~;AAAA,~~MAFOC~~,~~MAEP~~,~~QAFOA~~,~~MAEP~~;AAAA,~~MAFeC~~,~~UAEf~~,~~QAFeA~~,~~UAEf~~;AAAA,~~MAF2BC~~,~~QAE3B~~,~~QAF2BA~~,~~QAE3B~~;AAAA,~~MAFqCC~~,~~KAErC~~,~~QAFqCA~~,~~KAErC~~;AAAA,~~MAF4CC~~,~~KAE5C~~,~~QAF4CA~~,~~KAE5C~~;AAAA,~~MAFmDC~~,~~SAEnD~~,~~QAFmDA~~,~~SAEnD~~;AAAA,MADDC,SACC;;AACJ,MAAMC,QAAQ,GAAGf,WAAW,EAA5B;;AACA,wBAA0Bb,KAAK,CAAC6B,QAAN,CAAe,EAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,yBAAsC/B,KAAK,CAAC6B,QAAN,CAAe,KAAf,CAAtC;AAAA;AAAA,MAAOG,WAAP;AAAA,MAAoBC,cAApB;;AACA,2BAA0BtB,iBAAiB,CAACgB,SAAD,EAAY;AAAEX,IAAAA,YAAY,EAAZA;AAAF,GAAZ,CAA3C;AAAA;AAAA,MAAOkB,KAAP;AAAA,MAAcC,QAAd;;AACA,MAAMC,SAAS,GAAGxB,YAAY,CAACS,MAAD,CAA9B;AACAX,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAM2B,cAAc,~~GAAGD~~,SAAS,CAACE,OAAV,CAAkBC,OAAlB,CAA0BH,SAAS,CAACE,OAAV,CAAkBE,aAA5C,~~CAAvB~~;;~~AACA~~,QAAIH,cAAJ,EAAoB;AAClBN,MAAAA,QAAQ,CAACM,cAAc,CAACI,IAAhB,CAAR;AACAR,MAAAA,cAAc,CAACI,cAAc,CAACH,KAAf,KAAyB,EAAzB,IAA+BhB,WAAW,IAAI,IAA/C,CAAd;AACD;AACF,~~GANwB~~,~~EAMtB~~,CAACgB,KAAD,EAAQf,QAAR,~~CANsB~~,CAAzB;~~AAQA~~,MAAMuB,mBAAmB,~~GAAGd~~,QAAQ,KAAKnB,KAAb,IAAsBgB,KAAK,KAAKpB,QAAQ,CAACsC,OAAzC,GAAmDnC,IAAnD,GAA0DD,~~QAAtF~~;~~AAEA~~,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,SAAS,EAAEN,UAAU,CAACK,YAAY,CAAC,QAAD,EAAWsB,QAAX,CAAb,kDAClB,sBADkB,EACOI,WADP,wDAEDf,KAFC,GAES,CAAC,CAACA,KAFX,yDAGAO,KAHA,GAGU,CAAC,CAACA,KAHZ,yDAIAC,KAJA,GAIU,CAAC,CAACA,KAJZ,gCAKnB,mBALmB,EAKEC,SALF,gBAFvB;AASE,IAAA,SAAS,EAAEN,SATb;AAUE,IAAA,KAAK,EAAEL,KAVT;AAWE,IAAA,UAAU,EAAEO,UAXd;AAYE,IAAA,QAAQ,EAAEC,QAZZ;AAaE,IAAA,KAAK,EAAE,oBAAC,YAAD;AAbT,KAeE,2CACMI,SADN;AAEE,IAAA,QAAQ,EAAEJ,QAFZ;AAGE,IAAA,SAAS,EAAC,YAHZ;AAIE,IAAA,QAAQ,EAAEY,QAJZ;AAKE,IAAA,KAAK,EAAED,KALT;AAME,IAAA,GAAG,EAAEE;AANP,MAQGlB,WAAW,IAAI;AAAQ,IAAA,KAAK,EAAC;AAAd,KAAkBA,WAAlB,CARlB,EASGC,QATH,CAfF,EA0BE,oBAAC,mBAAD;~~AAAqB~~,IAAA,SAAS,EAAC,~~KAA/B~~;~~AAAqC~~,IAAA,MAAM,EAAC,~~SAA5C~~;~~AAAsD~~,IAAA,SAAS,EAAC;~~AAAhE~~,~~KACE~~;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAiCW,KAAjC,~~CADF~~,CA1BF,CADF;~~AAgCD~~,~~CApDD~~;;~~AAsDA~~,eAAe1B,cAAc,CAACU,YAAD,EAAe;AAC1CU,EAAAA,KAAK,EAAE,IADmC;AAE1CC,EAAAA,KAAK,EAAE;AAFmC,CAAf,CAA7B","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField } from '../FormField/FormField';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { withAdaptivity, AdaptivityProps, SizeType } from '../../hoc/withAdaptivity';\nimport { getClassName } from '../../helpers/getClassName';\nimport Headline from '../Typography/Headline/Headline';\nimport Text from '../Typography/Text/Text';\nimport { VKCOM } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport '../Select/Select.css';\n\nexport interface NativeSelectProps ~~extends~~\n React.SelectHTMLAttributes<HTMLSelectElement>,\n HasRef<HTMLSelectElement>,\n HasRootRef<HTMLLabelElement>,\n HasAlign,\n AdaptivityProps {\n placeholder?: string;\n multiline?: boolean;\n}\n\nexport interface SelectState {\n value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n title?: string;\n notSelected?: boolean;\n}\n\nconst NativeSelect: React.FC<NativeSelectProps> = ({\n style, defaultValue = ~~'',~~ align, placeholder, children,\n className, getRef, getRootRef, disabled, sizeX, sizeY, multiline,\n ...restProps\n}) => {\n const platform = usePlatform();\n const [title, setTitle] = React.useState('');\n const [notSelected, setNotSelected] = React.useState(false);\n const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n const selectRef = useExternRef(getRef);\n useIsomorphicLayoutEffect(() => {\n const selectedOption = selectRef.current.options[selectRef.current.selectedIndex];\n if (selectedOption) {\n setTitle(selectedOption.text);\n setNotSelected(selectedOption.value === '' && placeholder != null);\n }\n }, [value, children]);\n\n const TypographyComponent = platform === VKCOM \|\| sizeY === SizeType.COMPACT ? Text : Headline;\n\n return (\n <FormField\n Component=\"label\"\n vkuiClass={classNames(getClassName('Select', platform), {\n ['Select--not-selected']: notSelected,\n [`Select--align-${align}`]: !!align,\n [`Select--sizeX--${sizeX}`]: !!sizeX,\n [`Select--sizeY--${sizeY}`]: !!sizeY,\n 'Select--multiline': multiline,\n })}\n className={className}\n style={style}\n getRootRef={getRootRef}\n disabled={disabled}\n after={<DropdownIcon />}\n >\n <select\n {...restProps}\n disabled={disabled}\n vkuiClass=\"Select__el\"\n onChange={onChange}\n value={value}\n ref={selectRef}\n >\n {placeholder && <option value=\"\">{placeholder}</option>}\n {children}\n </select>\n <TypographyComponent Component=\"div\" weight=\"regular\" vkuiClass=\"Select__container\">\n <span vkuiClass=\"Select__title\">{title}</span>\n </TypographyComponent>\n </FormField>\n );\n};\n\nexport default withAdaptivity(NativeSelect, {\n sizeX: true,\n sizeY: true,\n});\n"],"file":"NativeSelect.js"}
1	+ {"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"names":["React","classNames","DropdownIcon","FormField","withAdaptivity","SizeType","getClassName","Headline","Text","VKCOM","useIsomorphicLayoutEffect","useEnsuredControl","useExternRef","usePlatform","NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","restProps","platform","useState","title","setTitle","notSelected","setNotSelected","value","onChange","selectRef","selectedOption","current","options","selectedIndex","text","TypographyComponent","COMPACT"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Text from \"../Typography/Text/Text\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"../Select/Select.css\";\n\nexport interface NativeSelectProps\n extends React.SelectHTMLAttributes<HTMLSelectElement>,\n HasRef<HTMLSelectElement>,\n HasRootRef<HTMLLabelElement>,\n HasAlign,\n AdaptivityProps {\n placeholder?: string;\n multiline?: boolean;\n}\n\nexport interface SelectState {\n value?: React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n title?: string;\n notSelected?: boolean;\n}\n\nconst NativeSelect: React.FC<NativeSelectProps> = ({\n style,\n defaultValue = \"\",\n align,\n placeholder,\n children,\n className,\n getRef,\n getRootRef,\n disabled,\n sizeX,\n sizeY,\n multiline,\n ...restProps\n}) => {\n const platform = usePlatform();\n const [title, setTitle] = React.useState(\"\");\n const [notSelected, setNotSelected] = React.useState(false);\n const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n const selectRef = useExternRef(getRef);\n useIsomorphicLayoutEffect(() => {\n const selectedOption =\n selectRef.current.options[selectRef.current.selectedIndex];\n if (selectedOption) {\n setTitle(selectedOption.text);\n setNotSelected(selectedOption.value === \"\" && placeholder != null);\n }\n }, [value, children]);\n\n const TypographyComponent =\n platform === VKCOM \|\| sizeY === SizeType.COMPACT ? Text : Headline;\n\n return (\n <FormField\n Component=\"label\"\n vkuiClass={classNames(getClassName(\"Select\", platform), {\n [\"Select--not-selected\"]: notSelected,\n [`Select--align-${align}`]: !!align,\n [`Select--sizeX--${sizeX}`]: !!sizeX,\n [`Select--sizeY--${sizeY}`]: !!sizeY,\n \"Select--multiline\": multiline,\n })}\n className={className}\n style={style}\n getRootRef={getRootRef}\n disabled={disabled}\n after={<DropdownIcon />}\n >\n <select\n {...restProps}\n disabled={disabled}\n vkuiClass=\"Select__el\"\n onChange={onChange}\n value={value}\n ref={selectRef}\n >\n {placeholder && <option value=\"\">{placeholder}</option>}\n {children}\n </select>\n <TypographyComponent\n Component=\"div\"\n weight=\"regular\"\n vkuiClass=\"Select__container\"\n >\n <span vkuiClass=\"Select__title\">{title}</span>\n </TypographyComponent>\n </FormField>\n );\n};\n\nexport default withAdaptivity(NativeSelect, {\n sizeX: true,\n sizeY: true,\n});\n"],"file":"NativeSelect.js"}

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

@@ -1,5 +1,5 @@
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { useObjectMemo } from "../../hooks/useObjectMemo";
 var TransitionContext = /*#__PURE__*/React.createContext({
   entering: false

package/dist/cssm/components/NavTransitionContext/NavTransitionContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"names":["React","useObjectMemo","TransitionContext","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AAKA,IAAMC,iBAAiB,gBAAGF,KAAK,CAACG,aAAN,CAA4C;AACpEC,EAAAA,QAAQ,EAAE;AAD0D,CAA5C,CAA1B;AAGA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAML,KAAK,CAACM,UAAN,CAAiBJ,iBAAjB,CAAN;AAAA,CAAzB;AACP,OAAO,IAAMK,qBAAuD,GAAG,SAA1DA,qBAA0D,~~OAA4B~~;AAAA,~~MAAzBC~~,~~QAAyB~~,~~QAAzBA~~,~~QAAyB~~;AAAA,~~MAAfJ~~,~~QAAe~~,~~QAAfA~~,~~QAAe~~;~~AACjG~~,MAAMK,aAAa,GAAGJ,gBAAgB,EAAtC;AACA,MAAMK,YAAY,GAAGT,aAAa,CAAC;AACjCG,IAAAA,QAAQ,EAAEK,aAAa,CAACL,QAAd,IAA0BA;AADH,GAAD,CAAlC;AAGA,~~SAAO~~,oBAAC,iBAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAEM;AAAnC,~~KAAkDF~~,~~QAAlD~~,~~CAAP~~;~~AACD~~,~~CANM~~","sourcesContent":["import * as React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\n\ninterface TransitionContextProps {\n entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\nexport const NavTransitionProvider: React.FC<TransitionContextProps> = ({ children, entering }) => {\n const parentContext = useNavTransition();\n const contextValue = useObjectMemo({\n entering: parentContext.entering \|\| entering,\n });\n return <TransitionContext.Provider value={contextValue}>{children}</TransitionContext.Provider~~>;\~~n};\n"],"file":"NavTransitionContext.js"}
1	+ {"version":3,"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"names":["React","useObjectMemo","TransitionContext","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AAKA,IAAMC,iBAAiB,gBAAGF,KAAK,CAACG,aAAN,CAA4C;AACpEC,EAAAA,QAAQ,EAAE;AAD0D,CAA5C,CAA1B;AAGA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAML,KAAK,CAACM,UAAN,CAAiBJ,iBAAjB,CAAN;AAAA,CAAzB;AACP,OAAO,IAAMK,qBAAuD,GAAG,SAA1DA,qBAA0D,OAGjE;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJJ,QACI,QADJA,QACI;AACJ,MAAMK,aAAa,GAAGJ,gBAAgB,EAAtC;AACA,MAAMK,YAAY,GAAGT,aAAa,CAAC;AACjCG,IAAAA,QAAQ,EAAEK,aAAa,CAACL,QAAd,IAA0BA;AADH,GAAD,CAAlC;AAGA,SACE,oBAAC,iBAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAEM;AAAnC,KACGF,QADH,CADF;AAKD,CAbM","sourcesContent":["import * as React from \"react\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\n\ninterface TransitionContextProps {\n entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\nexport const NavTransitionProvider: React.FC<TransitionContextProps> = ({\n children,\n entering,\n}) => {\n const parentContext = useNavTransition();\n const contextValue = useObjectMemo({\n entering: parentContext.entering \|\| entering,\n });\n return (\n <TransitionContext.Provider value={contextValue}>\n {children}\n </TransitionContext.Provider>\n );\n};\n"],"file":"NavTransitionContext.js"}

package/dist/cssm/components/Panel/Panel.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiPanel{position:relative;width:100%;height:100%}.vkuiPanel::after{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;content:''}.vkuiPanel--centered .vkuiPanelHeader{position:absolute;left:0;top:0;width:100%}.vkuiPanel__in{position:relative;box-sizing:border-box;width:100%;min-height:100%;z-index:2;display:flex;flex-direction:column}.vkuiPanel__centered{display:flex;flex:1 0;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--vis+{margin-top:52px;margin-top:var(--panelheader_height_ios)}.vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--vis+,.vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--vis+{margin-top:56px;margin-top:var(--panelheader_height_android)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+{margin-top:calc(52px + 5px);margin-top:calc(var(--panelheader_height_ios) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+{margin-top:calc(56px + 5px);margin-top:calc(var(--panelheader_height_android) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+{margin-top:calc(48px + 5px);margin-top:calc(var(--panelheader_height_vkcom) + 5px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+{margin-top:calc(52px + 16px);margin-top:calc(var(--panelheader_height_ios) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+{margin-top:calc(56px + 16px);margin-top:calc(var(--panelheader_height_android) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 16px);margin-top:calc(var(--panelheader_height_vkcom) + 16px)}.vkuiEpic .vkuiPanel__in{padding-bottom:48px;padding-bottom:var(--tabbar_height);padding-bottom:calc(0px + 48px);padding-bottom:calc(var(--safe-area-inset-bottom) + var(--tabbar_height))}.vkuiPanel__in-before{height:1px;margin-bottom:-1px}.vkuiPanel__separator{position:relative;z-index:3}.vkuiPanel__in-after{height:1px;margin-top:-1px}.vkuiPanel .vkuiPanel__in,.vkuiPanel::after{background-color:#fff;background-color:var(--background_content)}.vkuiPanel.vkuiPanel--regular .vkuiPanel__in,.vkuiPanel.vkuiPanel--regular::after{background-color:transparent}
1	+ .vkuiPanel{position:relative;width:100%;height:100%}.vkuiPanel::after{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;content:""}.vkuiPanel--centered .vkuiPanelHeader{position:absolute;left:0;top:0;width:100%}.vkuiPanel__in{position:relative;box-sizing:border-box;width:100%;min-height:100%;z-index:2;display:flex;flex-direction:column}.vkuiPanel__centered{display:flex;flex:1 0;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--vis+{margin-top:52px;margin-top:var(--panelheader_height_ios)}.vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--vis+,.vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--vis+{margin-top:56px;margin-top:var(--panelheader_height_android)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+{margin-top:calc(52px + 5px);margin-top:calc(var(--panelheader_height_ios) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+{margin-top:calc(56px + 5px);margin-top:calc(var(--panelheader_height_android) + 5px)}.vkuiPanel--sizeX-compact .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+{margin-top:calc(48px + 5px);margin-top:calc(var(--panelheader_height_vkcom) + 5px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--ios.vkuiPanelHeader--sep+{margin-top:calc(52px + 16px);margin-top:calc(var(--panelheader_height_ios) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--android.vkuiPanelHeader--sep+{margin-top:calc(56px + 16px);margin-top:calc(var(--panelheader_height_android) + 16px)}.vkuiPanel--sizeX-regular .vkuiPanel__centered .vkuiPanelHeader--vkcom.vkuiPanelHeader--sep+*{margin-top:calc(48px + 16px);margin-top:calc(var(--panelheader_height_vkcom) + 16px)}.vkuiEpic .vkuiPanel__in{padding-bottom:48px;padding-bottom:var(--tabbar_height);padding-bottom:calc(0px + 48px);padding-bottom:calc(var(--safe-area-inset-bottom) + var(--tabbar_height))}.vkuiPanel__in-before{height:1px;margin-bottom:-1px}.vkuiPanel__separator{position:relative;z-index:3}.vkuiPanel__in-after{height:1px;margin-top:-1px}.vkuiPanel .vkuiPanel__in,.vkuiPanel::after{background-color:#fff;background-color:var(--background_content)}.vkuiPanel.vkuiPanel--regular .vkuiPanel__in,.vkuiPanel.vkuiPanel--regular::after{background-color:transparent}

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

@@ -23,8 +23,8 @@ export var Panel = withAdaptivity(function (_ref) {
   var platform = usePlatform();
   return createScopedElement("div", _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: classNames(getClassName('Panel', platform), "Panel--".concat(sizeX), _defineProperty({
-      'Panel--centered': centered
+    vkuiClass: classNames(getClassName("Panel", platform), "Panel--".concat(sizeX), _defineProperty({
+      "Panel--centered": centered
     }, "Panel--sizeX-".concat(sizeX), true))
   }), createScopedElement(Touch, {
     Component: TooltipContainer,

package/dist/cssm/components/Panel/Panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"names":["getClassName","classNames","Touch","TooltipContainer","withAdaptivity","IOS","usePlatform","Panel","centered","children","getRootRef","sizeX","nav","restProps","platform"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,KAAT;AACA,SAASC,gBAAT;AAEA,SAASC,cAAT;AACA,SAASC,GAAT;AACA,SAASC,WAAT;AAEA;~~AAOA~~,OAAO,IAAMC,KAAK,GAAGH,cAAc,~~CAAC~~,~~gBAOlB~~;AAAA,2BANhBI,QAMgB;AAAA,MANhBA,QAMgB,8BANL,KAMK;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,MAJhBC,UAIgB,QAJhBA,UAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,GAEgB,QAFhBA,GAEgB;AAAA,MADbC,SACa;;AAChB,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,wCACMO,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAET,UAAU,~~CAACD~~,YAAY,CAAC,OAAD,EAAUc,QAAV,~~CAAb~~,~~mBAA4CH~~,~~KAA5C~~;~~AACnB~~,yBAAmBH;~~AADA~~,~~8BAEFG~~,~~KAFE~~,~~GAEQ~~,~~IAFR~~;AAHvB,~~MAQE~~,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAER,gBAAlB;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGW,QAAQ,KAAKT,GAAb,IAAoB;AAAK,IAAA,SAAS,EAAC;AAAf,IADvB,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,IAFF,EAGGG,QAAQ,~~GAAG~~;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCC,QAAlC,~~CAAH~~,~~GAAuDA~~,~~QAHlE~~,~~EAIE~~;AAAK,IAAA,SAAS,EAAC;AAAf,~~IAJF~~,~~CARF~~,CADF;~~AAiBD~~,~~CA3BkC~~,~~EA2BhC~~;~~AACDE~~,EAAAA,KAAK,EAAE;~~AADN~~,~~CA3BgC~~,CAA5B","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { Touch } from '../Touch/Touch';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { HasRootRef } from '../../types';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { IOS } from '../../lib/platform';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { NavIdProps } from '../../lib/getNavId';\nimport './Panel.css';\n\nexport interface PanelProps extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>, AdaptivityProps, NavIdProps {\n centered?: boolean;\n}\n\nexport const Panel = withAdaptivity(({\n centered = false,\n children,\n getRootRef,\n sizeX,\n nav,\n ...restProps\n}: PanelProps) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(getClassName('Panel', platform), `Panel--${sizeX}`, {\n 'Panel--centered': centered,\n [`Panel--sizeX-${sizeX}`]: true,\n })}\n >\n <Touch Component={TooltipContainer} vkuiClass=\"Panel__in\">\n {platform === IOS && <div vkuiClass=\"Panel__fade\" />}\n <div vkuiClass=\"Panel__in-before\" />\n {centered ? <div vkuiClass=\"Panel__centered\">{children}</div> : children}\n <div vkuiClass=\"Panel__in-after\" />\n </Touch>\n </div>\n );\n}, {\n sizeX: true,\n});\n"],"file":"Panel.js"}
1	+ {"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"names":["getClassName","classNames","Touch","TooltipContainer","withAdaptivity","IOS","usePlatform","Panel","centered","children","getRootRef","sizeX","nav","restProps","platform"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,KAAT;AACA,SAASC,gBAAT;AAEA,SAASC,cAAT;AACA,SAASC,GAAT;AACA,SAASC,WAAT;AAEA;AAUA,OAAO,IAAMC,KAAK,GAAGH,cAAc,CACjC,gBAOkB;AAAA,2BANhBI,QAMgB;AAAA,MANhBA,QAMgB,8BANL,KAMK;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,MAJhBC,UAIgB,QAJhBA,UAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,GAEgB,QAFhBA,GAEgB;AAAA,MADbC,SACa;;AAChB,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,wCACMO,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAET,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUc,QAAV,CADO,mBAETH,KAFS;AAIjB,yBAAmBH;AAJF,8BAKAG,KALA,GAKU,IALV;AAHvB,MAYE,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAER,gBAAlB;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGW,QAAQ,KAAKT,GAAb,IAAoB;AAAK,IAAA,SAAS,EAAC;AAAf,IADvB,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,IAFF,EAGGG,QAAQ,GACP;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCC,QAAlC,CADO,GAGPA,QANJ,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,IARF,CAZF,CADF;AAyBD,CApCgC,EAqCjC;AACEE,EAAAA,KAAK,EAAE;AADT,CArCiC,CAA5B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch } from \"../Touch/Touch\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { NavIdProps } from \"../../lib/getNavId\";\nimport \"./Panel.css\";\n\nexport interface PanelProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n AdaptivityProps,\n NavIdProps {\n centered?: boolean;\n}\n\nexport const Panel = withAdaptivity(\n ({\n centered = false,\n children,\n getRootRef,\n sizeX,\n nav,\n ...restProps\n }: PanelProps) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName(\"Panel\", platform),\n `Panel--${sizeX}`,\n {\n \"Panel--centered\": centered,\n [`Panel--sizeX-${sizeX}`]: true,\n }\n )}\n >\n <Touch Component={TooltipContainer} vkuiClass=\"Panel__in\">\n {platform === IOS && <div vkuiClass=\"Panel__fade\" />}\n <div vkuiClass=\"Panel__in-before\" />\n {centered ? (\n <div vkuiClass=\"Panel__centered\">{children}</div>\n ) : (\n children\n )}\n <div vkuiClass=\"Panel__in-after\" />\n </Touch>\n </div>\n );\n },\n {\n sizeX: true,\n }\n);\n"],"file":"Panel.js"}

package/dist/cssm/components/PanelHeader/PanelHeader.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiPanelHeader{position:relative}.vkuiPanelHeader--vis.vkuiPanelHeader--fixed::before{display:block;content:''}.vkuiPanelHeader__fixed{z-index:10}.vkuiPanelHeader__in{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;position:relative;background:#fff;background:var(--header_background)}.vkuiPanelHeader--trnsp .vkuiPanelHeader__in{background:0 0}.vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}.vkuiPanelHeader__left{box-sizing:border-box;color:#2688eb;color:var(--header_tint);display:flex;flex-shrink:0}.vkuiPanelHeader__content{overflow:hidden}.vkuiPanelHeader__content>{display:block;overflow:hidden;text-overflow:ellipsis}.vkuiPanelHeader__content-in{color:#000;color:var(--header_text);font-weight:~~800~~;font-family:"TT ~~Commons~~",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-tt)}.vkuiPanelHeader__right{display:flex;justify-content:flex-end;box-sizing:border-box;color:#2688eb;color:var(--header_tint)}.vkuiPanelHeader--vkapps .vkuiPanelHeader__right{min-width:90px}.vkuiPanelHeader--sizeX-compact .vkuiPanelHeader__separator{padding-top:4px}.vkuiPanelHeader--ios~.vkuiFixedLayout--top,.vkuiPanelHeader--ios~ .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(52px + 20px);top:calc(var(--panelheader_height_ios) + var(--safe-area-inset-top))}.vkuiPanelHeader--ios::before,.vkuiPanelHeader--ios .vkuiPanelHeader__in{height:52px;height:var(--panelheader_height_ios);padding-top:20px;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--ios .vkuiPanelHeader__left{flex-basis:0;flex-shrink:0;flex-grow:1;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing);padding:4px 0 4px 4px}.vkuiPanelHeader--ios .vkuiPanelHeader__left .vkuiPanelHeaderButton+.vkuiPanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.vkuiPanelHeader--ios .vkuiPanelHeader__content{text-align:center;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiPanelHeader--ios .vkuiPanelHeader__content-in{font-size:21px;line-height:52px;line-height:var(--panelheader_height_ios)}.vkuiPanelHeader--ios .vkuiPanelHeader__content>{padding:0 4px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-left .vkuiPanelHeader__content>{padding-left:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-left .vkuiPanelHeader__content{padding-left:8px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-right .vkuiPanelHeader__content>{padding-right:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-right .vkuiPanelHeader__content{padding-right:8px}.vkuiPanelHeader--ios .vkuiPanelHeader__right{flex-basis:0;flex-shrink:0;flex-grow:1;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing);padding:4px 4px 4px 0}.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__left,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__right,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content{opacity:0}@supports not (padding-top:env(safe-area-inset-top)){.vkuiPanelHeader--android,.vkuiPanelHeader--vkcom{--safe-area-inset-top: 0px}}.vkuiPanelHeader--android~.vkuiFixedLayout--top,.vkuiPanelHeader--android~ .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(56px + 20px);top:calc(var(--panelheader_height_android) + var(--safe-area-inset-top))}.vkuiPanelHeader--android::before,.vkuiPanelHeader--android .vkuiPanelHeader__in{height:56px;height:var(--panelheader_height_android);padding-top:20px;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--android .vkuiPanelHeader__left:not(:empty){padding:4px 0 4px 4px}.vkuiPanelHeader--android .vkuiPanelHeader__content{align-items:center;flex-grow:1;max-width:100%}.vkuiPanelHeader--android .vkuiPanelHeader__content-in{font-size:23px}.vkuiPanelHeader--android .vkuiPanelHeader__content>{padding:0 12px}.vkuiPanelHeader--android .vkuiSearch,.vkuiPanelHeader--vkcom .vkuiSearch{padding:0 4px}.vkuiPanelHeader--android.vkuiPanelHeader--no-left .vkuiPanelHeader__content>,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-left .vkuiPanelHeader__content>{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-left .vkuiPanelHeader__content{padding-left:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-left .vkuiPanelHeader__content{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-right .vkuiPanelHeader__content>,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-right .vkuiPanelHeader__content>{padding-right:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-right .vkuiPanelHeader__content{padding-right:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-right .vkuiPanelHeader__content{padding-right:0}.vkuiPanelHeader--android .vkuiPanelHeader__right:not(:empty),.vkuiPanelHeader--vkcom .vkuiPanelHeader__right:not(:empty){padding:4px 4px 4px 0}.vkuiPanelHeader--vkcom{position:relative;z-index:10}.vkuiPanelHeader--vkcom~.vkuiFixedLayout--top,.vkuiPanelHeader--vkcom~ .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(48px + 20px);top:calc(var(--panelheader_height_vkcom) + var(--safe-area-inset-top))}.vkuiPanelHeader--vkcom .vkuiPanelHeader__in{border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 0 0 1px #e1e3e6 inset;box-shadow:0 0 0 var(--thin-border) var(--input_border) inset;border-bottom:none}.vkuiPanelHeader--vkcom .vkuiPanelHeader__content{text-align:center}.vkuiPanelHeader--vkcom::before,.vkuiPanelHeader--vkcom .vkuiPanelHeader__in{height:48px;height:var(--panelheader_height_vkcom);padding-top:20px;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--vkcom .vkuiPanelHeader__left:not(:empty){padding:0 0 0 4px}.vkuiPanelHeader--vkcom .vkuiPanelHeader__left,.vkuiPanelHeader--vkcom .vkuiPanelHeader__right{flex-basis:0;flex-shrink:0;flex-grow:1}
1	+ .vkuiPanelHeader{position:relative}.vkuiPanelHeader--vis.vkuiPanelHeader--fixed::before{display:block;content:""}.vkuiPanelHeader__fixed{z-index:10}.vkuiPanelHeader__in{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;position:relative;background:#fff;background:var(--header_background)}.vkuiPanelHeader--trnsp .vkuiPanelHeader__in{background:0 0}.vkuiPanelHeader--shadow .vkuiPanelHeader__in{box-shadow:0 0 4px rgba(0,0,0,.08)}.vkuiPanelHeader__left{box-sizing:border-box;color:#2688eb;color:var(--header_tint);display:flex;flex-shrink:0}.vkuiPanelHeader__content{overflow:hidden}.vkuiPanelHeader__content>{display:block;overflow:hidden;text-overflow:ellipsis}.vkuiPanelHeader__content-in{color:#000;color:var(--header_text);font-weight:500;font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display)}.vkuiPanelHeader__right{display:flex;justify-content:flex-end;box-sizing:border-box;color:#2688eb;color:var(--header_tint)}.vkuiPanelHeader--vkapps .vkuiPanelHeader__right{min-width:90px}.vkuiPanelHeader--sizeX-compact .vkuiPanelHeader__separator{padding-top:4px}.vkuiPanelHeader--ios~.vkuiFixedLayout--top,.vkuiPanelHeader--ios~ .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(52px + 20px);top:calc(var(--panelheader_height_ios) + var(--safe-area-inset-top))}.vkuiPanelHeader--ios::before,.vkuiPanelHeader--ios .vkuiPanelHeader__in{height:52px;height:var(--panelheader_height_ios);padding-top:20px;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--ios .vkuiPanelHeader__left{flex-basis:0;flex-shrink:0;flex-grow:1;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing);padding:4px 0 4px 4px}.vkuiPanelHeader--ios .vkuiPanelHeader__left .vkuiPanelHeaderButton+.vkuiPanelHeaderButton--primitive{margin-left:-6px;padding-left:0}.vkuiPanelHeader--ios .vkuiPanelHeader__content{text-align:center;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing)}.vkuiPanelHeader--ios .vkuiPanelHeader__content-in{font-size:21px;line-height:52px;line-height:var(--panelheader_height_ios)}.vkuiPanelHeader--ios .vkuiPanelHeader__content>{padding:0 4px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-left .vkuiPanelHeader__content>{padding-left:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-left .vkuiPanelHeader__content{padding-left:8px}.vkuiPanelHeader--ios.vkuiPanelHeader--no-right .vkuiPanelHeader__content>{padding-right:0}.vkuiPanelHeader--ios.vkuiPanelHeader--no-right .vkuiPanelHeader__content{padding-right:8px}.vkuiPanelHeader--ios .vkuiPanelHeader__right{flex-basis:0;flex-shrink:0;flex-grow:1;opacity:1;transition:opacity .3s cubic-bezier(.36,.66,.04,1);transition:opacity .3s var(--ios-easing);padding:4px 4px 4px 0}.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__left,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__right,.vkuiView--ios .vkuiView__panel--prev .vkuiPanelHeader__content{opacity:0}@supports not (padding-top:env(safe-area-inset-top)){.vkuiPanelHeader--android,.vkuiPanelHeader--vkcom{--safe-area-inset-top: 0px}}.vkuiPanelHeader--android~.vkuiFixedLayout--top,.vkuiPanelHeader--android~ .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(56px + 20px);top:calc(var(--panelheader_height_android) + var(--safe-area-inset-top))}.vkuiPanelHeader--android::before,.vkuiPanelHeader--android .vkuiPanelHeader__in{height:56px;height:var(--panelheader_height_android);padding-top:20px;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--android .vkuiPanelHeader__left:not(:empty){padding:4px 0 4px 4px}.vkuiPanelHeader--android .vkuiPanelHeader__content{align-items:center;flex-grow:1;max-width:100%}.vkuiPanelHeader--android .vkuiPanelHeader__content-in{font-size:23px}.vkuiPanelHeader--android .vkuiPanelHeader__content>{padding:0 12px}.vkuiPanelHeader--android .vkuiSearch,.vkuiPanelHeader--vkcom .vkuiSearch{padding:0 4px}.vkuiPanelHeader--android.vkuiPanelHeader--no-left .vkuiPanelHeader__content>,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-left .vkuiPanelHeader__content>{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-left .vkuiPanelHeader__content{padding-left:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-left .vkuiPanelHeader__content{padding-left:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-right .vkuiPanelHeader__content>,.vkuiPanelHeader--vkcom.vkuiPanelHeader--no-right .vkuiPanelHeader__content>{padding-right:0}.vkuiPanelHeader--android.vkuiPanelHeader--no-right .vkuiPanelHeader__content{padding-right:16px}.vkuiSplitCol--spaced .vkuiPanelHeader--android.vkuiPanelHeader--no-right .vkuiPanelHeader__content{padding-right:0}.vkuiPanelHeader--android .vkuiPanelHeader__right:not(:empty),.vkuiPanelHeader--vkcom .vkuiPanelHeader__right:not(:empty){padding:4px 4px 4px 0}.vkuiPanelHeader--vkcom{position:relative;z-index:10}.vkuiPanelHeader--vkcom~.vkuiFixedLayout--top,.vkuiPanelHeader--vkcom~ .vkuiFixedLayout--top:not(.vkuiPanelHeader__fixed){top:calc(48px + 20px);top:calc(var(--panelheader_height_vkcom) + var(--safe-area-inset-top))}.vkuiPanelHeader--vkcom .vkuiPanelHeader__in{border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 0 0 1px #e1e3e6 inset;box-shadow:0 0 0 var(--thin-border) var(--input_border) inset;border-bottom:none}.vkuiPanelHeader--vkcom .vkuiPanelHeader__content{text-align:center}.vkuiPanelHeader--vkcom::before,.vkuiPanelHeader--vkcom .vkuiPanelHeader__in{height:48px;height:var(--panelheader_height_vkcom);padding-top:20px;padding-top:var(--safe-area-inset-top)}.vkuiPanelHeader--vkcom .vkuiPanelHeader__left:not(:empty){padding:0 0 0 4px}.vkuiPanelHeader--vkcom .vkuiPanelHeader__left,.vkuiPanelHeader--vkcom .vkuiPanelHeader__right{flex-basis:0;flex-shrink:0;flex-grow:1}

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["left", "children", "right", "separator", "visor", "transparent", "shadow", "getRef", "getRootRef", "sizeX", "sizeY", "fixed"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { usePlatform } from "../../hooks/usePlatform";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
@@ -70,15 +70,15 @@ var PanelHeader = function PanelHeader(props) {
   var needShadow = shadow && sizeX === SizeType.REGULAR;
   var isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('PanelHeader', platform), {
-      'PanelHeader--trnsp': transparent,
-      'PanelHeader--shadow': needShadow,
-      'PanelHeader--vis': visor,
-      'PanelHeader--sep': separator && visor,
-      'PanelHeader--vkapps': webviewType === WebviewType.VKAPPS,
-      'PanelHeader--no-left': !left,
-      'PanelHeader--no-right': !right,
-      'PanelHeader--fixed': isFixed
+    vkuiClass: classNames(getClassName("PanelHeader", platform), {
+      "PanelHeader--trnsp": transparent,
+      "PanelHeader--shadow": needShadow,
+      "PanelHeader--vis": visor,
+      "PanelHeader--sep": separator && visor,
+      "PanelHeader--vkapps": webviewType === WebviewType.VKAPPS,
+      "PanelHeader--no-left": !left,
+      "PanelHeader--no-right": !right,
+      "PanelHeader--fixed": isFixed
     }, "PanelHeader--sizeX-".concat(sizeX)),
     ref: isFixed ? getRootRef : getRef
   }), isFixed ? createScopedElement(FixedLayout, {

package/dist/cssm/components/PanelHeader/PanelHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["React","usePlatform","getClassName","classNames","FixedLayout","Separator","Platform","VKCOM","ConfigProviderContext","WebviewType","SizeType","withAdaptivity","isPrimitiveReactNode","Text","TooltipContainer","PanelHeaderInTypography","children","platform","PanelHeaderIn","left","right","useContext","webviewType","isPrimitive","VKAPPS","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","REGULAR","isFixed","undefined","defaultProps"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,OAAOC,WAAP;AACA,OAAOC,SAAP;AACA,SAASC,QAAT,EAAmBC,KAAnB;AAEA,~~SAASC~~,~~qBAAT~~,~~EAAgCC~~,~~WAAhC~~;~~AACA~~,~~SAA0BC~~,~~QAA1B~~,~~EAAoCC~~,~~cAApC~~;~~AACA~~,SAASC,oBAAT;AACA,OAAOC,IAAP;AACA,SAASC,gBAAT;AACA;;AAsBA,IAAMC,uBAAmD,GAAG,SAAtDA,uBAAsD,~~OAAoC~~;AAAA,~~MAAjCC~~,~~QAAiC~~,~~QAAjCA~~,~~QAAiC~~;~~AAC9F~~,MAAMC,QAAQ,GAAGhB,WAAW,EAA5B;AAEA,SAAOgB,QAAQ,KAAKV,KAAb,~~GACH~~,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAAuBS,QAAvB,~~CADG~~,~~GAEH~~;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA2CA,QAA3C,~~CAFJ~~;~~AAGD~~,~~CAND~~;;~~AAQA~~,IAAME,aAAyC,GAAG,SAA5CA,aAA4C,~~QAA+B~~;AAAA,~~MAA5BF~~,~~QAA4B~~,~~SAA5BA~~,~~QAA4B~~;AAAA,~~MAAlBG~~,~~IAAkB~~,~~SAAlBA~~,~~IAAkB~~;AAAA,~~MAAZC~~,~~KAAY~~,~~SAAZA~~,~~KAAY~~;;~~AAC/E~~,0BAAwBpB,KAAK,CAACqB,UAAN,CAAiBb,qBAAjB,CAAxB;AAAA,MAAQc,WAAR,qBAAQA,WAAR;;AACA,MAAMC,WAAW,GAAGX,oBAAoB,CAACI,QAAD,CAAxC;AAEA,SACE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,MAAvB;AAAwB,IAAA,SAAS,EAAC;AAAlC,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,~~KACGG~~,~~IADH~~,CADF,~~EAIE~~;AAAK,IAAA,SAAS,EAAC;AAAf,KACGI,WAAW,~~GAAG~~,oBAAC,uBAAD,QAA0BP,QAA1B,~~CAAH~~,~~GAAmEA~~,~~QADjF~~,~~CAJF~~,~~EAOE~~;AAAK,IAAA,SAAS,EAAC;AAAf,KACGM,WAAW,KAAKb,WAAW,CAACe,MAA5B,IAAsCJ,KADzC,~~CAPF~~,CADF;~~AAaD~~,~~CAjBD~~;;~~AAmBA~~,IAAMK,WAAuC,GAAG,SAA1CA,WAA0C,CAACC,KAAD,EAA6B;AAC3E,MACEP,IADF,GAcIO,KAdJ,CACEP,IADF;AAAA,MAEEH,QAFF,GAcIU,KAdJ,CAEEV,QAFF;AAAA,MAGEI,KAHF,GAcIM,KAdJ,CAGEN,KAHF;AAAA,MAIEO,SAJF,GAcID,KAdJ,CAIEC,SAJF;AAAA,MAKEC,KALF,GAcIF,KAdJ,CAKEE,KALF;AAAA,MAMEC,WANF,GAcIH,KAdJ,CAMEG,WANF;AAAA,MAOEC,MAPF,GAcIJ,KAdJ,CAOEI,MAPF;AAAA,MAQEC,MARF,GAcIL,KAdJ,CAQEK,MARF;AAAA,MASEC,UATF,GAcIN,KAdJ,CASEM,UATF;AAAA,MAUEC,KAVF,GAcIP,KAdJ,CAUEO,KAVF;AAAA,MAWEC,KAXF,GAcIR,KAdJ,CAWEQ,KAXF;AAAA,MAYEC,KAZF,GAcIT,KAdJ,CAYES,KAZF;AAAA,MAaKC,SAbL,4BAcIV,KAdJ;;AAeA,MAAMT,QAAQ,GAAGhB,WAAW,EAA5B;;AACA,2BAAwBD,KAAK,CAACqB,UAAN,CAAiBb,qBAAjB,CAAxB;AAAA,MAAQc,WAAR,sBAAQA,WAAR;;AACA,MAAMe,UAAU,GAAGP,MAAM,IAAIG,KAAK,KAAKvB,QAAQ,CAAC4B,OAAhD;AACA,MAAIC,OAAO,GAAGJ,KAAK,KAAKK,SAAV,GAAsBL,KAAtB,GAA8BlB,QAAQ,KAAKX,QAAQ,CAACC,KAAlE;AAEA,SACE,wCACM6B,SADN;AAEE,IAAA,SAAS,~~EACPjC~~,UAAU,~~CACRD~~,YAAY,CAAC,aAAD,EAAgBe,QAAhB,~~CADJ~~,~~EAER~~;AACE,4BAAsBY,WADxB;AAEE,6BAAuBQ,UAFzB;AAGE,0BAAoBT,KAHtB;AAIE,0BAAoBD,SAAS,IAAIC,KAJnC;AAKE,6BAAuBN,WAAW,KAAKb,WAAW,CAACe,MALrD;AAME,8BAAwB,CAACL,IAN3B;AAOE,+BAAyB,CAACC,KAP5B;AAQE,4BAAsBmB;AARxB,~~KAFQ~~,+~~BAYcN~~,~~KAZd~~,~~EAHd~~;~~AAkBE~~,IAAA,GAAG,EAAEM,OAAO,GAAGP,UAAH,GAAgBD;~~AAlB9B~~,~~MAoBGQ~~,OAAO,GACN,oBAAC,WAAD;~~AAAa~~,IAAA,SAAS,EAAC,~~oBAAvB~~;~~AAA4C~~,IAAA,QAAQ,EAAC,~~KAArD~~;~~AAA2D~~,IAAA,UAAU,EAAER;~~AAAvE~~,~~KACE~~,oBAAC,aAAD,EAAmBL,KAAnB,~~CADF~~,CADM,~~GAIN~~,oBAAC,aAAD,EAAmBA,KAAnB,~~CAxBJ~~,~~EA0BGC~~,SAAS,IAAIC,KAAb,IAAsBX,QAAQ,KAAKV,KAAnC,~~IAA4C~~,oBAAC,SAAD;~~AAC3C~~,IAAA,SAAS,EAAC,~~wBADiC~~;~~AAE3C~~,IAAA,QAAQ,EAAE0B,KAAK,KAAKvB,QAAQ,CAAC4B;~~AAFc,IA1B~~/C,CADF;~~AAiCD~~,~~CAtDD~~;;~~AAwDAb~~,WAAW,CAACgB,YAAZ,GAA2B;AACzBd,EAAAA,SAAS,EAAE,IADc;AAEzBE,EAAAA,WAAW,EAAE,KAFY;AAGzBD,EAAAA,KAAK,EAAE;AAHkB,CAA3B;AAMA,eAAejB,cAAc,CAACc,WAAD,EAAc;AACzCQ,EAAAA,KAAK,EAAE,IADkC;AAEzCC,EAAAA,KAAK,EAAE;AAFkC,CAAd,CAA7B","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport FixedLayout from '../FixedLayout/FixedLayout';\nimport Separator from '../Separator/Separator';\nimport { Platform, VKCOM } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { ConfigProviderContext, WebviewType } from '../ConfigProvider/ConfigProviderContext';\nimport { AdaptivityProps, SizeType, withAdaptivity } from '../../hoc/withAdaptivity';\nimport { isPrimitiveReactNode } from '../../lib/utils';\nimport Text from '../Typography/Text/Text';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport './PanelHeader.css';\n\nexport interface PanelHeaderProps ~~extends~~\n React.HTMLAttributes<HTMLDivElement>,\n HasRef<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n AdaptivityProps {\n left?: React.ReactNode;\n right?: React.ReactNode;\n separator?: boolean;\n transparent?: boolean;\n shadow?: boolean;\n /*\n Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n /\n visor?: boolean;\n /\n Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n */\n fixed?: boolean;\n}\n\nconst PanelHeaderInTypography: React.FC<PanelHeaderProps> = ({ children }: PanelHeaderProps) => {\n const platform = usePlatform();\n\n return platform === VKCOM\n ? <Text weight=\"medium\">{children}</Text>\n : <span vkuiClass=\"PanelHeader__content-in\">{children}</span~~>;\~~n};\n\nconst PanelHeaderIn: React.FC<PanelHeaderProps> = ({ children, left, right }) => {\n const { webviewType } = React.useContext(ConfigProviderContext);\n const isPrimitive = isPrimitiveReactNode(children);\n\n return (\n <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n <div vkuiClass=\"PanelHeader__left\"~~>\n~~ {left}\n </div>\n <div vkuiClass=\"PanelHeader__content\">\n {isPrimitive ? <PanelHeaderInTypography>{children}</PanelHeaderInTypography> : children}\n </div>\n <div vkuiClass=\"PanelHeader__right\">\n {webviewType !== WebviewType.VKAPPS && right}\n </div>\n </TooltipContainer>\n );\n};\n\nconst PanelHeader: React.FC<PanelHeaderProps> = (props: PanelHeaderProps) => {\n const {\n left,\n children,\n right,\n separator,\n visor,\n transparent,\n shadow,\n getRef,\n getRootRef,\n sizeX,\n sizeY,\n fixed,\n ...restProps\n } = props;\n const platform = usePlatform();\n const { webviewType } = React.useContext(ConfigProviderContext);\n const needShadow = shadow && sizeX === SizeType.REGULAR;\n let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n return (\n <div\n {...restProps}\n vkuiClass={\n classNames(\n getClassName('PanelHeader', platform),\n {\n 'PanelHeader--trnsp': transparent,\n 'PanelHeader--shadow': needShadow,\n 'PanelHeader--vis': visor,\n 'PanelHeader--sep': separator && visor,\n 'PanelHeader--vkapps': webviewType === WebviewType.VKAPPS,\n 'PanelHeader--no-left': !left,\n 'PanelHeader--no-right': !right,\n 'PanelHeader--fixed': isFixed,\n },\n `PanelHeader--sizeX-${sizeX}~~`,\~~n )\n }\n ref={isFixed ? getRootRef : getRef}\n >\n {isFixed ?\n <FixedLayout vkuiClass=\"PanelHeader__fixed\" vertical=\"top\" getRootRef={getRef}>\n <PanelHeaderIn {...props} />\n </FixedLayout> :\n <PanelHeaderIn {...props} />\n }\n {separator && visor && platform !== VKCOM && <Separator\n vkuiClass=\"PanelHeader__separator\"\n expanded={sizeX === SizeType.REGULAR}\n />}\n </div>\n );\n};\n\nPanelHeader.defaultProps = {\n separator: true,\n transparent: false,\n visor: true,\n};\n\nexport default withAdaptivity(PanelHeader, {\n sizeX: true,\n sizeY: true,\n});\n"],"file":"PanelHeader.js"}
1	+ {"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["React","usePlatform","getClassName","classNames","FixedLayout","Separator","Platform","VKCOM","ConfigProviderContext","WebviewType","SizeType","withAdaptivity","isPrimitiveReactNode","Text","TooltipContainer","PanelHeaderInTypography","children","platform","PanelHeaderIn","left","right","useContext","webviewType","isPrimitive","VKAPPS","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","REGULAR","isFixed","undefined","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport FixedLayout from \"../FixedLayout/FixedLayout\";\nimport Separator from \"../Separator/Separator\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport {\n ConfigProviderContext,\n WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport {\n AdaptivityProps,\n SizeType,\n withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { isPrimitiveReactNode } from \"../../lib/utils\";\nimport Text from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRef<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n AdaptivityProps {\n left?: React.ReactNode;\n right?: React.ReactNode;\n separator?: boolean;\n transparent?: boolean;\n shadow?: boolean;\n /*\n Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n /\n visor?: boolean;\n /\n Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n */\n fixed?: boolean;\n}\n\nconst PanelHeaderInTypography: React.FC<PanelHeaderProps> = ({\n children,\n}: PanelHeaderProps) => {\n const platform = usePlatform();\n\n return platform === VKCOM ? (\n <Text weight=\"medium\">{children}</Text>\n ) : (\n <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n );\n};\n\nconst PanelHeaderIn: React.FC<PanelHeaderProps> = ({\n children,\n left,\n right,\n}) => {\n const { webviewType } = React.useContext(ConfigProviderContext);\n const isPrimitive = isPrimitiveReactNode(children);\n\n return (\n <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n <div vkuiClass=\"PanelHeader__left\">{left}</div>\n <div vkuiClass=\"PanelHeader__content\">\n {isPrimitive ? (\n <PanelHeaderInTypography>{children}</PanelHeaderInTypography>\n ) : (\n children\n )}\n </div>\n <div vkuiClass=\"PanelHeader__right\">\n {webviewType !== WebviewType.VKAPPS && right}\n </div>\n </TooltipContainer>\n );\n};\n\nconst PanelHeader: React.FC<PanelHeaderProps> = (props: PanelHeaderProps) => {\n const {\n left,\n children,\n right,\n separator,\n visor,\n transparent,\n shadow,\n getRef,\n getRootRef,\n sizeX,\n sizeY,\n fixed,\n ...restProps\n } = props;\n const platform = usePlatform();\n const { webviewType } = React.useContext(ConfigProviderContext);\n const needShadow = shadow && sizeX === SizeType.REGULAR;\n let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"PanelHeader\", platform),\n {\n \"PanelHeader--trnsp\": transparent,\n \"PanelHeader--shadow\": needShadow,\n \"PanelHeader--vis\": visor,\n \"PanelHeader--sep\": separator && visor,\n \"PanelHeader--vkapps\": webviewType === WebviewType.VKAPPS,\n \"PanelHeader--no-left\": !left,\n \"PanelHeader--no-right\": !right,\n \"PanelHeader--fixed\": isFixed,\n },\n `PanelHeader--sizeX-${sizeX}`\n )}\n ref={isFixed ? getRootRef : getRef}\n >\n {isFixed ? (\n <FixedLayout\n vkuiClass=\"PanelHeader__fixed\"\n vertical=\"top\"\n getRootRef={getRef}\n >\n <PanelHeaderIn {...props} />\n </FixedLayout>\n ) : (\n <PanelHeaderIn {...props} />\n )}\n {separator && visor && platform !== VKCOM && (\n <Separator\n vkuiClass=\"PanelHeader__separator\"\n expanded={sizeX === SizeType.REGULAR}\n />\n )}\n </div>\n );\n};\n\nPanelHeader.defaultProps = {\n separator: true,\n transparent: false,\n visor: true,\n};\n\nexport default withAdaptivity(PanelHeader, {\n sizeX: true,\n sizeY: true,\n});\n"],"file":"PanelHeader.js"}

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "sizeX"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
-import { Icon28ChevronBack, Icon28ChevronLeftOutline, Icon28ArrowLeftOutline } from '@vkontakte/icons';
+import * as React from "react";
+import { Icon28ChevronBack, Icon28ChevronLeftOutline, Icon28ArrowLeftOutline } from "@vkontakte/icons";
 import { PanelHeaderButton } from "../PanelHeaderButton/PanelHeaderButton";
 import { ANDROID, VKCOM, IOS } from "../../lib/platform";
 import { usePlatform } from "../../hooks/usePlatform";
@@ -20,15 +20,15 @@ var PanelHeaderBack = function PanelHeaderBack(_ref) {
   var platform = usePlatform();
   var showLabel = platform === VKCOM || platform === IOS && sizeX === SizeType.REGULAR;
   return createScopedElement(PanelHeaderButton, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('PanelHeaderBack', platform), {
-      'PanelHeaderBack--has-label': showLabel && !!label
+    vkuiClass: classNames(getClassName("PanelHeaderBack", platform), {
+      "PanelHeaderBack--has-label": showLabel && !!label
     }),
     label: showLabel && label
   }), platform === ANDROID && createScopedElement(Icon28ArrowLeftOutline, null), platform === VKCOM && createScopedElement(Icon28ChevronLeftOutline, null), platform === IOS && createScopedElement(Icon28ChevronBack, null));
 };
 PanelHeaderBack.defaultProps = {
-  'aria-label': 'Назад'
+  "aria-label": "Назад"
 };
 export default /*#__PURE__*/React.memo(withAdaptivity(PanelHeaderBack, {
   sizeX: true

package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":["React","Icon28ChevronBack","Icon28ChevronLeftOutline","Icon28ArrowLeftOutline","PanelHeaderButton","ANDROID","VKCOM","IOS","usePlatform","withAdaptivity","SizeType","getClassName","classNames","PanelHeaderBack","label","sizeX","restProps","platform","showLabel","REGULAR","defaultProps","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,~~SAASC~~,~~iBAAT~~,~~EAA4BC~~,~~wBAA5B~~,~~EAAsDC~~,~~sBAAtD~~,~~QAAoF~~,~~kBAApF~~;~~AACA~~,~~SAASC~~,~~iBAAT~~;~~AACA~~,SAASC,OAAT,EAAkBC,KAAlB,EAAyBC,GAAzB;AACA,SAASC,WAAT;AACA,~~SAASC~~,~~cAAT~~,~~EAAyBC~~,~~QAAzB~~;~~AACA~~,SAASC,YAAT;AACA,SAASC,UAAT;AACA;;~~AAMA~~,IAAMC,eAA8D,GAAG,SAAjEA,eAAiE,~~OAA8E~~;AAAA,~~MAA3EC~~,~~KAA2E~~,~~QAA3EA~~,~~KAA2E~~;AAAA,~~MAApEC~~,~~KAAoE~~,~~QAApEA~~,~~KAAoE~~;AAAA,~~MAA1DC~~,~~SAA0D~~;;~~AACnJ~~,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AACA,MAAMU,SAAS,~~GAAGD~~,QAAQ,KAAKX,KAAb,~~IAAsBW~~,QAAQ,KAAKV,GAAb,IAAoBQ,KAAK,KAAKL,QAAQ,CAACS,~~OAA/E~~;~~AAEA~~,SACE,oBAAC,iBAAD,eACMH,SADN;AAEE,IAAA,SAAS,EAAEJ,UAAU,CAACD,YAAY,CAAC,iBAAD,EAAoBM,QAApB,CAAb,EAA4C;AAC/D,oCAA8BC,SAAS,IAAI,CAAC,CAACJ;AADkB,KAA5C,CAFvB;AAKE,IAAA,KAAK,EAAEI,SAAS,IAAIJ;AALtB,MAOGG,QAAQ,KAAKZ,OAAb,IAAwB,oBAAC,sBAAD,OAP3B,EAQGY,QAAQ,KAAKX,KAAb,IAAsB,oBAAC,wBAAD,OARzB,EASGW,QAAQ,KAAKV,GAAb,IAAoB,oBAAC,iBAAD,OATvB,CADF;AAaD,~~CAjBD~~;;~~AAmBAM~~,eAAe,CAACO,YAAhB,GAA+B;AAC7B,gBAAc;AADe,CAA/B;AAIA,4BAAepB,KAAK,CAACqB,IAAN,~~CAAWZ~~,cAAc,CAACI,eAAD,EAAkB;~~AACxDE~~,EAAAA,KAAK,EAAE;~~AADiD~~,CAAlB,~~CAAzB~~,CAAf","sourcesContent":["import * as React from 'react';\nimport { Icon28ChevronBack, Icon28ChevronLeftOutline, Icon28ArrowLeftOutline } from '@vkontakte/icons';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport { ANDROID, VKCOM, IOS } from '../../lib/platform';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { withAdaptivity, SizeType, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport './PanelHeaderBack.css';\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps & AdaptivityProps & {\n 'aria-label'?: string;\n};\n\nconst PanelHeaderBack: React.FunctionComponent<PanelHeaderBackProps> = ({ label, sizeX, ...restProps }: PanelHeaderButtonProps & AdaptivityProps) => {\n const platform = usePlatform();\n const showLabel = platform === VKCOM \|\| platform === IOS && sizeX === SizeType.REGULAR;\n\n return (\n <PanelHeaderButton\n {...restProps}\n vkuiClass={classNames(getClassName('PanelHeaderBack', platform), {\n 'PanelHeaderBack--has-label': showLabel && !!label,\n })}\n label={showLabel && label}\n >\n {platform === ANDROID && <Icon28ArrowLeftOutline />}\n {platform === VKCOM && <Icon28ChevronLeftOutline />}\n {platform === IOS && <Icon28ChevronBack />}\n </PanelHeaderButton>\n );\n};\n\nPanelHeaderBack.defaultProps = {\n 'aria-label': ~~'Назад'~~,\n};\n\nexport default React.memo(withAdaptivity(PanelHeaderBack, {\n sizeX: true,\n}));\n"],"file":"PanelHeaderBack.js"}
1	+ {"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":["React","Icon28ChevronBack","Icon28ChevronLeftOutline","Icon28ArrowLeftOutline","PanelHeaderButton","ANDROID","VKCOM","IOS","usePlatform","withAdaptivity","SizeType","getClassName","classNames","PanelHeaderBack","label","sizeX","restProps","platform","showLabel","REGULAR","defaultProps","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBADF,EAEEC,wBAFF,EAGEC,sBAHF,QAIO,kBAJP;AAKA,SACEC,iBADF;AAIA,SAASC,OAAT,EAAkBC,KAAlB,EAAyBC,GAAzB;AACA,SAASC,WAAT;AACA,SACEC,cADF,EAEEC,QAFF;AAKA,SAASC,YAAT;AACA,SAASC,UAAT;AACA;;AAOA,IAAMC,eAA8D,GAAG,SAAjEA,eAAiE,OAIvB;AAAA,MAH9CC,KAG8C,QAH9CA,KAG8C;AAAA,MAF9CC,KAE8C,QAF9CA,KAE8C;AAAA,MAD3CC,SAC2C;;AAC9C,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AACA,MAAMU,SAAS,GACbD,QAAQ,KAAKX,KAAb,IAAuBW,QAAQ,KAAKV,GAAb,IAAoBQ,KAAK,KAAKL,QAAQ,CAACS,OADhE;AAGA,SACE,oBAAC,iBAAD,eACMH,SADN;AAEE,IAAA,SAAS,EAAEJ,UAAU,CAACD,YAAY,CAAC,iBAAD,EAAoBM,QAApB,CAAb,EAA4C;AAC/D,oCAA8BC,SAAS,IAAI,CAAC,CAACJ;AADkB,KAA5C,CAFvB;AAKE,IAAA,KAAK,EAAEI,SAAS,IAAIJ;AALtB,MAOGG,QAAQ,KAAKZ,OAAb,IAAwB,oBAAC,sBAAD,OAP3B,EAQGY,QAAQ,KAAKX,KAAb,IAAsB,oBAAC,wBAAD,OARzB,EASGW,QAAQ,KAAKV,GAAb,IAAoB,oBAAC,iBAAD,OATvB,CADF;AAaD,CAtBD;;AAwBAM,eAAe,CAACO,YAAhB,GAA+B;AAC7B,gBAAc;AADe,CAA/B;AAIA,4BAAepB,KAAK,CAACqB,IAAN,CACbZ,cAAc,CAACI,eAAD,EAAkB;AAC9BE,EAAAA,KAAK,EAAE;AADuB,CAAlB,CADD,CAAf","sourcesContent":["import * as React from \"react\";\nimport {\n Icon28ChevronBack,\n Icon28ChevronLeftOutline,\n Icon28ArrowLeftOutline,\n} from \"@vkontakte/icons\";\nimport {\n PanelHeaderButton,\n PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, VKCOM, IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n SizeType,\n AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./PanelHeaderBack.css\";\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps &\n AdaptivityProps & {\n \"aria-label\"?: string;\n };\n\nconst PanelHeaderBack: React.FunctionComponent<PanelHeaderBackProps> = ({\n label,\n sizeX,\n ...restProps\n}: PanelHeaderButtonProps & AdaptivityProps) => {\n const platform = usePlatform();\n const showLabel =\n platform === VKCOM \|\| (platform === IOS && sizeX === SizeType.REGULAR);\n\n return (\n <PanelHeaderButton\n {...restProps}\n vkuiClass={classNames(getClassName(\"PanelHeaderBack\", platform), {\n \"PanelHeaderBack--has-label\": showLabel && !!label,\n })}\n label={showLabel && label}\n >\n {platform === ANDROID && <Icon28ArrowLeftOutline />}\n {platform === VKCOM && <Icon28ChevronLeftOutline />}\n {platform === IOS && <Icon28ChevronBack />}\n </PanelHeaderButton>\n );\n};\n\nPanelHeaderBack.defaultProps = {\n \"aria-label\": \"Назад\",\n};\n\nexport default React.memo(\n withAdaptivity(PanelHeaderBack, {\n sizeX: true,\n })\n);\n"],"file":"PanelHeaderBack.js"}

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

@@ -21,12 +21,12 @@ var ButtonTypography = function ButtonTypography(_ref) {
     return createScopedElement(Title, {
       Component: "span",
       level: "3",
-      weight: primary ? 'semibold' : 'regular'
+      weight: primary ? "semibold" : "regular"
     }, children);
   }
   return createScopedElement(Text, {
-    weight: platform === VKCOM ? 'regular' : 'medium'
+    weight: platform === VKCOM ? "regular" : "medium"
   }, children);
 };
@@ -44,29 +44,29 @@ export var PanelHeaderButton = function PanelHeaderButton(_ref2) {
   switch (platform) {
     case ANDROID:
-      hoverMode = 'background';
-      activeMode = 'background';
+      hoverMode = "background";
+      activeMode = "background";
       break;
     case IOS:
-      hoverMode = 'background';
-      activeMode = 'opacity';
+      hoverMode = "background";
+      activeMode = "opacity";
       break;
     case VKCOM:
-      hoverMode = 'PanelHeaderButton--hover';
-      activeMode = 'PanelHeaderButton--active';
+      hoverMode = "PanelHeaderButton--hover";
+      activeMode = "PanelHeaderButton--active";
   }
   return createScopedElement(Tappable, _extends({}, restProps, {
     hoverMode: hoverMode,
-    Component: restProps.href ? 'a' : 'button',
+    Component: restProps.href ? "a" : "button",
     activeEffectDelay: 200,
     activeMode: activeMode,
-    vkuiClass: classNames(getClassName('PanelHeaderButton', platform), {
-      'PanelHeaderButton--primary': primary,
-      'PanelHeaderButton--primitive': isPrimitive,
-      'PanelHeaderButton--notPrimitive': !isPrimitive && !isPrimitiveLabel
+    vkuiClass: classNames(getClassName("PanelHeaderButton", platform), {
+      "PanelHeaderButton--primary": primary,
+      "PanelHeaderButton--primitive": isPrimitive,
+      "PanelHeaderButton--notPrimitive": !isPrimitive && !isPrimitiveLabel
     })
   }), isPrimitive ? createScopedElement(ButtonTypography, {
     primary: primary
@@ -75,7 +75,7 @@ export var PanelHeaderButton = function PanelHeaderButton(_ref2) {
   }, label) : label);
 };
 PanelHeaderButton.defaultProps = {
-  'primary': false,
-  'aria-label': 'Закрыть'
+  primary: false,
+  "aria-label": "Закрыть"
 };
 //# sourceMappingURL=PanelHeaderButton.js.map

package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":["Tappable","getClassName","classNames","usePlatform","isPrimitiveReactNode","IOS","VKCOM","ANDROID","Text","Title","ButtonTypography","primary","children","platform","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","href","defaultProps"],"mappings":";;;;AACA,OAAOA,QAAP;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,oBAAT;AACA,SAASC,GAAT,EAAcC,KAAd,EAAqBC,OAArB;AACA,OAAOC,IAAP;AACA,OAAOC,KAAP;AACA;;AAWA,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,~~OAAkD~~;AAAA,~~MAA/CC~~,~~OAA+C~~,~~QAA/CA~~,~~OAA+C~~;AAAA,~~MAAtCC~~,~~QAAsC~~,~~QAAtCA~~,~~QAAsC~~;~~AAC1G~~,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AAEA,MAAIU,QAAQ,KAAKR,GAAjB,EAAsB;AACpB,WACE,oBAAC,KAAD;~~AAAO~~,MAAA,SAAS,EAAC,~~MAAjB~~;~~AAAwB~~,MAAA,KAAK,EAAC,~~GAA9B~~;~~AAAkC~~,MAAA,MAAM,EAAEM,OAAO,GAAG,UAAH,GAAgB;~~AAAjE~~,~~OACGC~~,~~QADH~~,CADF;~~AAKD~~;;AAED,SACE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAEC,QAAQ,KAAKP,KAAb,GAAqB,SAArB,GAAiC;AAA/C,~~KACGM~~,~~QADH~~,CADF;~~AAKD~~,~~CAhBD~~;;~~AAkBA~~,OAAO,IAAME,iBAAmD,GAAG,SAAtDA,iBAAsD,QAKrC;AAAA,MAJ5BF,QAI4B,SAJ5BA,QAI4B;AAAA,MAH5BD,OAG4B,SAH5BA,OAG4B;AAAA,MAF5BI,KAE4B,SAF5BA,KAE4B;AAAA,MADzBC,SACyB;;AAC5B,MAAMC,WAAW,GAAGb,oBAAoB,CAACQ,QAAD,CAAxC;AACA,MAAMM,gBAAgB,GAAGd,oBAAoB,CAACW,KAAD,CAA7C;AACA,MAAMF,QAAQ,GAAGV,WAAW,EAA5B;AAEA,MAAIgB,SAAJ;AACA,MAAIC,UAAJ;;AAEA,UAAQP,QAAR;AACE,SAAKN,OAAL;AACEY,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,YAAb;AACA;;AACF,SAAKf,GAAL;AACEc,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,SAAb;AACA;;AACF,SAAKd,KAAL;AACEa,MAAAA,SAAS,GAAG,0BAAZ;AACAC,MAAAA,UAAU,GAAG,2BAAb;AAXJ;;AAcA,SACE,oBAAC,QAAD,eACMJ,SADN;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,IAAA,SAAS,EAAEH,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;AAIE,IAAA,iBAAiB,EAAE,GAJrB;AAKE,IAAA,UAAU,EAAED,UALd;AAME,IAAA,SAAS,EAAElB,UAAU,~~CACnBD~~,YAAY,CAAC,mBAAD,EAAsBY,QAAtB,~~CADO~~,~~EAEnB~~;~~AACE~~,oCAA8BF,~~OADhC~~;~~AAEE~~,sCAAgCM,~~WAFlC~~;~~AAGE~~,yCAAmC,CAACA,WAAD,IAAgB,CAACC;~~AAHtD~~,~~KAFmB~~;AANvB,~~MAeGD~~,WAAW,~~GACR~~,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEN;AAA3B,KAAqCC,QAArC,~~CADQ~~,~~GAERA~~,~~QAjBN~~,~~EAmBGM~~,gBAAgB,~~GACb~~,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEP;AAA3B,KAAqCI,KAArC,~~CADa~~,~~GAEbA~~,~~KArBN~~,CADF;~~AA0BD~~,~~CArDM~~;~~AAuDPD~~,iBAAiB,CAACQ,YAAlB,GAAiC;AAC/B,~~aAAW~~,~~KADoB~~;AAE/B,gBAAc;AAFiB,CAAjC","sourcesContent":["import * as React from 'react';\nimport Tappable, { TappableProps } from '../Tappable/Tappable';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { isPrimitiveReactNode } from '../../lib/utils';\nimport { IOS, VKCOM, ANDROID } from '../../lib/platform';\nimport Text from '../Typography/Text/Text';\nimport Title from '../Typography/Title/Title';\nimport './PanelHeaderButton.css';\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {\n primary?: boolean;\n label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n primary?: PanelHeaderButtonProps['primary'];\n}\n\nconst ButtonTypography: React.FC<ButtonTypographyProps> = ({ primary, children }: ButtonTypographyProps) => {\n const platform = usePlatform();\n\n if (platform === IOS) {\n return (\n <Title Component=\"span\" level=\"3\" weight={primary ? 'semibold' : 'regular'}>\n {children}\n </Title>\n );\n }\n\n return (\n <Text weight={platform === VKCOM ? 'regular' : 'medium'}~~>\n~~ {children}\n </Text>\n );\n};\n\nexport const PanelHeaderButton: React.FC<PanelHeaderButtonProps> = ({\n children,\n primary,\n label,\n ...restProps\n}: PanelHeaderButtonProps) => {\n const isPrimitive = isPrimitiveReactNode(children);\n const isPrimitiveLabel = isPrimitiveReactNode(label);\n const platform = usePlatform();\n\n let hoverMode;\n let activeMode;\n\n switch (platform) {\n case ANDROID:\n hoverMode = 'background';\n activeMode = 'background';\n break;\n case IOS:\n hoverMode = 'background';\n activeMode = 'opacity';\n break;\n case VKCOM:\n hoverMode = 'PanelHeaderButton--hover';\n activeMode = 'PanelHeaderButton--active';\n }\n\n return (\n <Tappable\n {...restProps}\n hoverMode={hoverMode}\n Component={restProps.href ? 'a' : 'button'}\n activeEffectDelay={200}\n activeMode={activeMode}\n vkuiClass={classNames(\n getClassName('PanelHeaderButton', platform),\n {\~~n '~~PanelHeaderButton--primary': primary,\n 'PanelHeaderButton--primitive': isPrimitive,\n 'PanelHeaderButton--notPrimitive': !isPrimitive && !isPrimitiveLabel,\n }~~,\n~~ )}\n >\n {isPrimitive\n ? <ButtonTypography primary={primary}>{children}</ButtonTypography>\n : children\n }\n {isPrimitiveLabel\n ? <ButtonTypography primary={primary}>{label}</ButtonTypography>\n : label\n }\n </Tappable>\n );\n};\n\nPanelHeaderButton.defaultProps = {\n 'primary': false,\n 'aria-label': ~~'Закрыть'~~,\n};\n"],"file":"PanelHeaderButton.js"}
1	+ {"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":["Tappable","getClassName","classNames","usePlatform","isPrimitiveReactNode","IOS","VKCOM","ANDROID","Text","Title","ButtonTypography","primary","children","platform","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","href","defaultProps"],"mappings":";;;;AACA,OAAOA,QAAP;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,oBAAT;AACA,SAASC,GAAT,EAAcC,KAAd,EAAqBC,OAArB;AACA,OAAOC,IAAP;AACA,OAAOC,KAAP;AACA;;AAWA,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,OAG7B;AAAA,MAF3BC,OAE2B,QAF3BA,OAE2B;AAAA,MAD3BC,QAC2B,QAD3BA,QAC2B;AAC3B,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AAEA,MAAIU,QAAQ,KAAKR,GAAjB,EAAsB;AACpB,WACE,oBAAC,KAAD;AACE,MAAA,SAAS,EAAC,MADZ;AAEE,MAAA,KAAK,EAAC,GAFR;AAGE,MAAA,MAAM,EAAEM,OAAO,GAAG,UAAH,GAAgB;AAHjC,OAKGC,QALH,CADF;AASD;;AAED,SACE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAEC,QAAQ,KAAKP,KAAb,GAAqB,SAArB,GAAiC;AAA/C,KAA0DM,QAA1D,CADF;AAGD,CArBD;;AAuBA,OAAO,IAAME,iBAAmD,GAAG,SAAtDA,iBAAsD,QAKrC;AAAA,MAJ5BF,QAI4B,SAJ5BA,QAI4B;AAAA,MAH5BD,OAG4B,SAH5BA,OAG4B;AAAA,MAF5BI,KAE4B,SAF5BA,KAE4B;AAAA,MADzBC,SACyB;;AAC5B,MAAMC,WAAW,GAAGb,oBAAoB,CAACQ,QAAD,CAAxC;AACA,MAAMM,gBAAgB,GAAGd,oBAAoB,CAACW,KAAD,CAA7C;AACA,MAAMF,QAAQ,GAAGV,WAAW,EAA5B;AAEA,MAAIgB,SAAJ;AACA,MAAIC,UAAJ;;AAEA,UAAQP,QAAR;AACE,SAAKN,OAAL;AACEY,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,YAAb;AACA;;AACF,SAAKf,GAAL;AACEc,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,SAAb;AACA;;AACF,SAAKd,KAAL;AACEa,MAAAA,SAAS,GAAG,0BAAZ;AACAC,MAAAA,UAAU,GAAG,2BAAb;AAXJ;;AAcA,SACE,oBAAC,QAAD,eACMJ,SADN;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,IAAA,SAAS,EAAEH,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;AAIE,IAAA,iBAAiB,EAAE,GAJrB;AAKE,IAAA,UAAU,EAAED,UALd;AAME,IAAA,SAAS,EAAElB,UAAU,CAACD,YAAY,CAAC,mBAAD,EAAsBY,QAAtB,CAAb,EAA8C;AACjE,oCAA8BF,OADmC;AAEjE,sCAAgCM,WAFiC;AAGjE,yCAAmC,CAACA,WAAD,IAAgB,CAACC;AAHa,KAA9C;AANvB,MAYGD,WAAW,GACV,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEN;AAA3B,KAAqCC,QAArC,CADU,GAGVA,QAfJ,EAiBGM,gBAAgB,GACf,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEP;AAA3B,KAAqCI,KAArC,CADe,GAGfA,KApBJ,CADF;AAyBD,CApDM;AAsDPD,iBAAiB,CAACQ,YAAlB,GAAiC;AAC/BX,EAAAA,OAAO,EAAE,KADsB;AAE/B,gBAAc;AAFiB,CAAjC","sourcesContent":["import * as React from \"react\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { isPrimitiveReactNode } from \"../../lib/utils\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport Text from \"../Typography/Text/Text\";\nimport Title from \"../Typography/Title/Title\";\nimport \"./PanelHeaderButton.css\";\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, \"label\"> {\n primary?: boolean;\n label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n primary?: PanelHeaderButtonProps[\"primary\"];\n}\n\nconst ButtonTypography: React.FC<ButtonTypographyProps> = ({\n primary,\n children,\n}: ButtonTypographyProps) => {\n const platform = usePlatform();\n\n if (platform === IOS) {\n return (\n <Title\n Component=\"span\"\n level=\"3\"\n weight={primary ? \"semibold\" : \"regular\"}\n >\n {children}\n </Title>\n );\n }\n\n return (\n <Text weight={platform === VKCOM ? \"regular\" : \"medium\"}>{children}</Text>\n );\n};\n\nexport const PanelHeaderButton: React.FC<PanelHeaderButtonProps> = ({\n children,\n primary,\n label,\n ...restProps\n}: PanelHeaderButtonProps) => {\n const isPrimitive = isPrimitiveReactNode(children);\n const isPrimitiveLabel = isPrimitiveReactNode(label);\n const platform = usePlatform();\n\n let hoverMode;\n let activeMode;\n\n switch (platform) {\n case ANDROID:\n hoverMode = \"background\";\n activeMode = \"background\";\n break;\n case IOS:\n hoverMode = \"background\";\n activeMode = \"opacity\";\n break;\n case VKCOM:\n hoverMode = \"PanelHeaderButton--hover\";\n activeMode = \"PanelHeaderButton--active\";\n }\n\n return (\n <Tappable\n {...restProps}\n hoverMode={hoverMode}\n Component={restProps.href ? \"a\" : \"button\"}\n activeEffectDelay={200}\n activeMode={activeMode}\n vkuiClass={classNames(getClassName(\"PanelHeaderButton\", platform), {\n \"PanelHeaderButton--primary\": primary,\n \"PanelHeaderButton--primitive\": isPrimitive,\n \"PanelHeaderButton--notPrimitive\": !isPrimitive && !isPrimitiveLabel,\n })}\n >\n {isPrimitive ? (\n <ButtonTypography primary={primary}>{children}</ButtonTypography>\n ) : (\n children\n )}\n {isPrimitiveLabel ? (\n <ButtonTypography primary={primary}>{label}</ButtonTypography>\n ) : (\n label\n )}\n </Tappable>\n );\n};\n\nPanelHeaderButton.defaultProps = {\n primary: false,\n \"aria-label\": \"Закрыть\",\n};\n"],"file":"PanelHeaderButton.js"}

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { Icon28CancelOutline } from '@vkontakte/icons';
+import { Icon28CancelOutline } from "@vkontakte/icons";
 import { PanelHeaderButton } from "../PanelHeaderButton/PanelHeaderButton";
 import { ANDROID, VKCOM } from "../../lib/platform";
 import { getTitleFromChildren } from "../../lib/utils";
@@ -19,7 +19,7 @@ var PanelHeaderClose = function PanelHeaderClose(_ref) {
 };
 PanelHeaderClose.defaultProps = {
-  children: 'Отмена'
+  children: "Отмена"
 };
 export default PanelHeaderClose;
 //# sourceMappingURL=PanelHeaderClose.js.map

package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"names":["Icon28CancelOutline","PanelHeaderButton","ANDROID","VKCOM","getTitleFromChildren","usePlatform","PanelHeaderClose","children","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,mBAAT,QAAoC,kBAApC;AACA,~~SAASC~~,~~iBAAT~~;~~AACA~~,SAASC,OAAT,EAAkBC,KAAlB;AACA,SAASC,oBAAT;AACA,SAASC,WAAT;;AAEA,IAAMC,gBAAiE,GAAG,SAApEA,gBAAoE,~~OAAwD~~;AAAA,~~MAArDC~~,~~QAAqD~~,~~QAArDA~~,~~QAAqD~~;AAAA,~~MAAxCC~~,~~SAAwC~~;;~~AAChI~~,MAAMC,QAAQ,GAAGJ,WAAW,EAA5B;AACA,SACE,oBAAC,iBAAD;~~AAAmB~~,kBAAYD,oBAAoB,CAACG,QAAD;~~AAAnD~~,~~KAAmEC~~,~~SAAnE~~,~~GACGC~~,QAAQ,KAAKP,OAAb,IAAwBO,QAAQ,KAAKN,KAArC,~~GAA6C~~,oBAAC,mBAAD,~~OAA7C~~,~~GAAuEI~~,~~QAD1E~~,CADF;~~AAKD~~,~~CAPD~~;;~~AASAD~~,gBAAgB,CAACI,YAAjB,GAAgC;AAC9BH,EAAAA,QAAQ,EAAE;AADoB,CAAhC;AAIA,eAAeD,gBAAf","sourcesContent":["import * as React from 'react';\nimport { Icon28CancelOutline } from '@vkontakte/icons';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { usePlatform } from '../../hooks/usePlatform';\n\nconst PanelHeaderClose: React.FunctionComponent<PanelHeaderButtonProps> = ({ children, ...restProps }: PanelHeaderButtonProps) => {\n const platform = usePlatform();\n return (\n <PanelHeaderButton aria-label={getTitleFromChildren(children)} {...restProps}>\n {platform === ANDROID \|\| platform === VKCOM ? <Icon28CancelOutline /> : children}\n </PanelHeaderButton>\n );\n};\n\nPanelHeaderClose.defaultProps = {\n children: ~~'Отмена'~~,\n};\n\nexport default PanelHeaderClose;\n"],"file":"PanelHeaderClose.js"}
1	+ {"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"names":["Icon28CancelOutline","PanelHeaderButton","ANDROID","VKCOM","getTitleFromChildren","usePlatform","PanelHeaderClose","children","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,mBAAT,QAAoC,kBAApC;AACA,SACEC,iBADF;AAIA,SAASC,OAAT,EAAkBC,KAAlB;AACA,SAASC,oBAAT;AACA,SAASC,WAAT;;AAEA,IAAMC,gBAAiE,GAAG,SAApEA,gBAAoE,OAG5C;AAAA,MAF5BC,QAE4B,QAF5BA,QAE4B;AAAA,MADzBC,SACyB;;AAC5B,MAAMC,QAAQ,GAAGJ,WAAW,EAA5B;AACA,SACE,oBAAC,iBAAD;AACE,kBAAYD,oBAAoB,CAACG,QAAD;AADlC,KAEMC,SAFN,GAIGC,QAAQ,KAAKP,OAAb,IAAwBO,QAAQ,KAAKN,KAArC,GACC,oBAAC,mBAAD,OADD,GAGCI,QAPJ,CADF;AAYD,CAjBD;;AAmBAD,gBAAgB,CAACI,YAAjB,GAAgC;AAC9BH,EAAAA,QAAQ,EAAE;AADoB,CAAhC;AAIA,eAAeD,gBAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon28CancelOutline } from \"@vkontakte/icons\";\nimport {\n PanelHeaderButton,\n PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, VKCOM } from \"../../lib/platform\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\nconst PanelHeaderClose: React.FunctionComponent<PanelHeaderButtonProps> = ({\n children,\n ...restProps\n}: PanelHeaderButtonProps) => {\n const platform = usePlatform();\n return (\n <PanelHeaderButton\n aria-label={getTitleFromChildren(children)}\n {...restProps}\n >\n {platform === ANDROID \|\| platform === VKCOM ? (\n <Icon28CancelOutline />\n ) : (\n children\n )}\n </PanelHeaderButton>\n );\n};\n\nPanelHeaderClose.defaultProps = {\n children: \"Отмена\",\n};\n\nexport default PanelHeaderClose;\n"],"file":"PanelHeaderClose.js"}

package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiPanelHeaderContent{line-height:initial;height:100%;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start}.vkuiPanelHeaderContent__before{flex-shrink:0;margin-right:12px}.vkuiPanelHeaderContent__in{flex-grow:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}.vkuiPanelHeaderContent__status,.vkuiPanelHeaderContent__children-in,.vkuiPanelHeaderContent__children .vkuiHeadline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vkuiPanelHeaderContent__status{order:1;margin-top:1px;max-width:100%;color:#818c99;color:var(--header_text_secondary)}.vkuiPanelHeaderContent__children{max-width:100%;display:flex;align-items:center}.vkuiPanelHeaderContent__children-in{flex-grow:0;min-width:0;~~font~~-~~size~~:~~21px~~;~~line~~-~~height~~:~~52px~~;~~line~~-~~height~~:var(--~~panelheader_height_ios~~);font-~~weight~~:~~800~~;font-family:"TT ~~Commons~~",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-tt)~~}.vkuiPanelHeaderContent__aside{display:flex~~;~~align~~-~~items~~:~~center~~;~~justify~~-~~content~~:~~flex-start~~;~~margin~~-~~left~~:~~2px;color:#2688eb;color:~~var(--~~header_tint~~)}.~~vkuiPanelHeaderContent__width{width:1000px}.~~vkuiPanelHeaderContent--~~ios~~ .~~vkuiPanelHeaderContent__before~.vkuiPanelHeaderContent__in~~{~~align~~-~~items~~:~~flex~~-~~start}.vkuiPanelHeaderContent--ios~~ ~~.vkuiPanelHeaderContent__in{align~~-~~items~~:~~center~~}
1	+ .vkuiPanelHeaderContent{line-height:initial;height:100%;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start}.vkuiPanelHeaderContent__before{flex-shrink:0;margin-right:12px}.vkuiPanelHeaderContent__in{flex-grow:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}.vkuiPanelHeaderContent__status,.vkuiPanelHeaderContent__children-in,.vkuiPanelHeaderContent__children .vkuiHeadline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vkuiPanelHeaderContent__status{order:1;margin-top:1px;max-width:100%;color:#818c99;color:var(--header_text_secondary)}.vkuiPanelHeaderContent__children{max-width:100%;display:flex;align-items:center}.vkuiPanelHeaderContent__children-in{flex-grow:0;min-width:0}.vkuiPanelHeaderContent__aside{display:flex;align-items:center;justify-content:flex-start;margin-left:2px;color:#2688eb;color:var(--header_tint)}.vkuiPanelHeaderContent__width{width:1000px}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__before~.vkuiPanelHeaderContent__in{align-items:flex-start}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__in{align-items:center}.vkuiPanelHeaderContent--ios .vkuiPanelHeaderContent__children-in{font-size:21px;font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:500;line-height:52px;line-height:var(--panelheader_height_ios)}.vkuiPanelHeaderContent--android .vkuiPanelHeaderContent__children-in{font-size:23px;font-family:"VK Sans Display",-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:500;line-height:56px;line-height:var(--panelheader_height_android)}