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

@vkontakte/vkui 4.23.0 → 4.25.2

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

package/dist/cjs/components/DatePicker/DatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":["DefaultMonths","convertToInputFormat","day","month","year","parseInputDate","date","splited","split","Number","getMonthMaxDay","Date","getDate","range","start","end","swap","arr","i","Math","min","max","push","reverse","DatePickerCustom","name","dayPlaceholder","monthPlaceholder","yearPlaceholder","popupDirection","defaultValue","hasMouse","monthNames","onDateChange","disabled","restProps","onSelectChange","e","target","value","dayOptions","map","label","String","monthOptions","index","yearOptions","DatePickerNative","defProps","onStringChange","React","useCallback","currentTarget","DatePicker","props","useState","setValue","update","Cmp","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Input from '../Input/Input';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { HasPlatform } from '../../types';\nimport { leadingZero } from '../../lib/utils';\nimport CustomSelect from '../CustomSelect/CustomSelect';\nimport './DatePicker.css';\n\nconst DefaultMonths: string[] = [\n 'Января', 'Февраля', 'Марта', 'Апреля', 'Мая', 'Июня', 'Июля', 'Августа', 'Сентября', 'Октября', 'Ноября', 'Декабря',\n];\n\nexport type DatePickerDateFormat = {\n day: number;\n month: number;\n year: number;\n};\n\nexport interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' \| 'min' \| 'max'>, HasPlatform, AdaptivityProps {\n min?: DatePickerDateFormat;\n max?: DatePickerDateFormat;\n name?: string;\n defaultValue?: DatePickerDateFormat;\n popupDirection?: 'top' \| 'bottom';\n monthNames?: string[];\n dayPlaceholder?: string;\n monthPlaceholder?: string;\n yearPlaceholder?: string;\n onDateChange?: (value: DatePickerDateFormat) => void;\n disabled?: boolean;\n}\n\n// Переводим state к формату гг-мм-дд\nfunction convertToInputFormat({ day, month, year }: Partial<DatePickerDateFormat>) {\n return `${year}-${leadingZero(month)}-${leadingZero(day)}`;\n}\n\n// Переводим дату формата гг-мм-дд к объекту\nfunction parseInputDate(date: string): DatePickerDateFormat {\n const splited = date.split('-');\n\n return {\n day: Number(splited[2]),\n month: Number(splited[1]),\n year: Number(splited[0]),\n };\n}\n\nfunction getMonthMaxDay(month?: number, year?: number) {\n return month ? new Date(year \|\| 2016, month, 0).getDate() : 31;\n}\n\nconst range = (start: number, end: number) => {\n const swap = start > end;\n const arr = [];\n for (let i = Math.min(start, end); i <= Math.max(start, end); i++) {\n arr.push(i);\n }\n return swap ? arr.reverse() : arr;\n};\n\nconst DatePickerCustom: React.FC<DatePickerProps & Partial<DatePickerDateFormat>> = ({\n name, min, max,\n dayPlaceholder, monthPlaceholder, yearPlaceholder,\n popupDirection,\n defaultValue,\n hasMouse,\n monthNames,\n day, month, year,\n onDateChange,\n disabled,\n ...restProps\n}) => {\n const onSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n onDateChange({\n day,\n month,\n year,\n [e.target.name]: Number(e.target.value),\n });\n };\n const dayOptions = range(1, getMonthMaxDay(month, year)).map((value) => ({\n label: String(value),\n value,\n }));\n const monthOptions = (monthNames \|\| DefaultMonths).map((name, index) => ({\n label: name,\n value: index + 1,\n }));\n const yearOptions = range(max.year, min.year).map((value) => ({\n label: String(value),\n value: value,\n }));\n return (\n <div vkuiClass=\"DatePicker\" {...restProps}>\n <div vkuiClass=\"DatePicker__container\">\n <div vkuiClass=\"DatePicker__day\">\n <CustomSelect\n name=\"day\"\n value={day}\n options={dayOptions}\n placeholder={dayPlaceholder}\n popupDirection={popupDirection}\n onChange={onSelectChange}\n disabled={disabled}\n />\n </div>\n <div vkuiClass=\"DatePicker__month\">\n <CustomSelect\n vkuiClass=\"DatePicker__monthSelect\"\n name=\"month\"\n value={month}\n options={monthOptions}\n placeholder={monthPlaceholder}\n popupDirection={popupDirection}\n onChange={onSelectChange}\n disabled={disabled}\n />\n </div>\n <div vkuiClass=\"DatePicker__year\">\n <CustomSelect\n name=\"year\"\n value={year}\n options={yearOptions}\n placeholder={yearPlaceholder}\n popupDirection={popupDirection}\n onChange={onSelectChange}\n disabled={disabled}\n />\n </div>\n </div>\n <input type=\"hidden\" name={name} value={convertToInputFormat({ day, month, year })} />\n </div>\n );\n};\n\nconst DatePickerNative: React.FC<DatePickerProps & Partial<DatePickerDateFormat>> = ({\n min, max,\n dayPlaceholder, monthPlaceholder, yearPlaceholder,\n popupDirection,\n defaultValue,\n hasMouse,\n day, month, year,\n onDateChange,\n ...restProps\n}) => {\n const defProps = day && month && year\n ? { defaultValue: convertToInputFormat({ day, month, year }) }\n : {};\n const onStringChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback((e) => {\n onDateChange(parseInputDate(e.currentTarget.value));\n }, [onDateChange]);\n return (\n <Input\n {...restProps}\n type=\"date\"\n onChange={onStringChange}\n min={convertToInputFormat(min)}\n max={convertToInputFormat(max)}\n {...defProps}\n />\n );\n};\n\nconst DatePicker: React.FC<DatePickerProps> = ({ hasMouse, defaultValue, ...props }) => {\n const [value, setValue] = React.useState<Partial<DatePickerDateFormat>>(() => ({\n day: defaultValue?.day \|\| 0,\n month: defaultValue?.month \|\| 0,\n year: defaultValue?.year \|\| 0,\n }));\n\n const onDateChange = React.useCallback((update: DatePickerDateFormat) => {\n setValue(update);\n props.onDateChange && props.onDateChange({ ...update });\n }, [props.onDateChange]);\n\n const Cmp = hasMouse ? DatePickerCustom : DatePickerNative;\n return <Cmp {...props} {...value} onDateChange={onDateChange} />;\n};\n\nDatePicker.defaultProps = {\n min: { day: 0, month: 0, year: 0 },\n max: { day: 31, month: 12, year: 2100 },\n};\n\nexport default withAdaptivity(DatePicker, {\n hasMouse: true,\n});\n"],"file":"DatePicker.js"}
1	+ {"version":3,"sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":["DefaultMonths","convertToInputFormat","day","month","year","parseInputDate","date","splited","split","Number","getMonthMaxDay","Date","getDate","range","start","end","swap","arr","i","Math","min","max","push","reverse","DatePickerCustom","name","dayPlaceholder","monthPlaceholder","yearPlaceholder","popupDirection","defaultValue","hasMouse","monthNames","onDateChange","disabled","restProps","onSelectChange","e","target","value","dayOptions","map","label","String","monthOptions","index","yearOptions","DatePickerNative","defProps","onStringChange","React","useCallback","currentTarget","DatePicker","props","useState","setValue","update","Cmp"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport Input from \"../Input/Input\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { HasPlatform } from \"../../types\";\nimport { leadingZero } from \"../../lib/utils\";\nimport CustomSelect from \"../CustomSelect/CustomSelect\";\nimport \"./DatePicker.css\";\n\nconst DefaultMonths: string[] = [\n \"Января\",\n \"Февраля\",\n \"Марта\",\n \"Апреля\",\n \"Мая\",\n \"Июня\",\n \"Июля\",\n \"Августа\",\n \"Сентября\",\n \"Октября\",\n \"Ноября\",\n \"Декабря\",\n];\n\nexport type DatePickerDateFormat = {\n day: number;\n month: number;\n year: number;\n};\n\nexport interface DatePickerProps\n extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"defaultValue\" \| \"min\" \| \"max\"\n >,\n HasPlatform,\n AdaptivityProps {\n min?: DatePickerDateFormat;\n max?: DatePickerDateFormat;\n name?: string;\n defaultValue?: DatePickerDateFormat;\n popupDirection?: \"top\" \| \"bottom\";\n monthNames?: string[];\n dayPlaceholder?: string;\n monthPlaceholder?: string;\n yearPlaceholder?: string;\n onDateChange?: (value: DatePickerDateFormat) => void;\n disabled?: boolean;\n}\n\n// Переводим state к формату гг-мм-дд\nfunction convertToInputFormat({\n day = 0,\n month = 0,\n year = 0,\n}: Partial<DatePickerDateFormat>) {\n return `${year}-${leadingZero(month)}-${leadingZero(day)}`;\n}\n\n// Переводим дату формата гг-мм-дд к объекту\nfunction parseInputDate(date: string): DatePickerDateFormat {\n const splited = date.split(\"-\");\n\n return {\n day: Number(splited[2]),\n month: Number(splited[1]),\n year: Number(splited[0]),\n };\n}\n\nfunction getMonthMaxDay(month?: number, year?: number) {\n return month ? new Date(year \|\| 2016, month, 0).getDate() : 31;\n}\n\nconst range = (start: number, end: number) => {\n const swap = start > end;\n const arr = [];\n for (let i = Math.min(start, end); i <= Math.max(start, end); i++) {\n arr.push(i);\n }\n return swap ? arr.reverse() : arr;\n};\n\nconst DatePickerCustom: React.FC<\n DatePickerProps & Partial<DatePickerDateFormat>\n> = ({\n name,\n min = { day: 0, month: 0, year: 0 },\n max = { day: 31, month: 12, year: 2100 },\n dayPlaceholder,\n monthPlaceholder,\n yearPlaceholder,\n popupDirection,\n defaultValue,\n hasMouse,\n monthNames,\n day = 0,\n month = 0,\n year = 0,\n onDateChange,\n disabled,\n ...restProps\n}) => {\n const onSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n onDateChange?.({\n day,\n month,\n year,\n [e.target.name]: Number(e.target.value),\n });\n };\n const dayOptions = range(1, getMonthMaxDay(month, year)).map((value) => ({\n label: String(value),\n value,\n }));\n const monthOptions = (monthNames \|\| DefaultMonths).map((name, index) => ({\n label: name,\n value: index + 1,\n }));\n const yearOptions = range(max.year, min.year).map((value) => ({\n label: String(value),\n value: value,\n }));\n return (\n <div vkuiClass=\"DatePicker\" {...restProps}>\n <div vkuiClass=\"DatePicker__container\">\n <div vkuiClass=\"DatePicker__day\">\n <CustomSelect\n name=\"day\"\n value={day}\n options={dayOptions}\n placeholder={dayPlaceholder}\n popupDirection={popupDirection}\n onChange={onSelectChange}\n disabled={disabled}\n />\n </div>\n <div vkuiClass=\"DatePicker__month\">\n <CustomSelect\n vkuiClass=\"DatePicker__monthSelect\"\n name=\"month\"\n value={month}\n options={monthOptions}\n placeholder={monthPlaceholder}\n popupDirection={popupDirection}\n onChange={onSelectChange}\n disabled={disabled}\n />\n </div>\n <div vkuiClass=\"DatePicker__year\">\n <CustomSelect\n name=\"year\"\n value={year}\n options={yearOptions}\n placeholder={yearPlaceholder}\n popupDirection={popupDirection}\n onChange={onSelectChange}\n disabled={disabled}\n />\n </div>\n </div>\n <input\n type=\"hidden\"\n name={name}\n value={convertToInputFormat({ day, month, year })}\n />\n </div>\n );\n};\n\nconst DatePickerNative: React.FC<\n DatePickerProps & Partial<DatePickerDateFormat>\n> = ({\n min = { day: 0, month: 0, year: 0 },\n max = { day: 31, month: 12, year: 2100 },\n dayPlaceholder,\n monthPlaceholder,\n yearPlaceholder,\n popupDirection,\n defaultValue,\n hasMouse,\n day,\n month,\n year,\n onDateChange,\n ...restProps\n}) => {\n const defProps =\n day && month && year\n ? { defaultValue: convertToInputFormat({ day, month, year }) }\n : {};\n const onStringChange: React.ChangeEventHandler<HTMLInputElement> =\n React.useCallback(\n (e) => {\n onDateChange?.(parseInputDate(e.currentTarget.value));\n },\n [onDateChange]\n );\n return (\n <Input\n {...restProps}\n type=\"date\"\n onChange={onStringChange}\n min={convertToInputFormat(min)}\n max={convertToInputFormat(max)}\n {...defProps}\n />\n );\n};\n\nconst DatePicker: React.FC<DatePickerProps> = ({\n hasMouse,\n defaultValue,\n ...props\n}) => {\n const [value, setValue] = React.useState<Partial<DatePickerDateFormat>>(\n () => ({\n day: defaultValue?.day \|\| 0,\n month: defaultValue?.month \|\| 0,\n year: defaultValue?.year \|\| 0,\n })\n );\n\n const onDateChange = React.useCallback(\n (update: DatePickerDateFormat) => {\n setValue(update);\n props.onDateChange && props.onDateChange({ ...update });\n },\n [props]\n );\n\n const Cmp = hasMouse ? DatePickerCustom : DatePickerNative;\n return <Cmp {...props} {...value} onDateChange={onDateChange} />;\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(DatePicker, {\n hasMouse: true,\n});\n"],"file":"DatePicker.js"}

package/dist/cjs/components/Div/Div.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasRootRef } from '../../types';
-import './Div.css';
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import "./Div.css";
 export interface DivProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
 }
 export declare const Div: React.FunctionComponent<DivProps>;

package/dist/cjs/components/Div/Div.js CHANGED Viewed

@@ -26,9 +26,10 @@ var Div = function Div(_ref) {
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    vkuiClass: (0, _getClassName.getClassName)('Div', platform)
+    vkuiClass: (0, _getClassName.getClassName)("Div", platform)
   }), children);
-};
+}; // eslint-disable-next-line import/no-default-export
 exports.Div = Div;
 var _default = Div;

package/dist/cjs/components/Div/Div.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Div/Div.tsx"],"names":["Div","children","getRootRef","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;~~AAMO~~,IAAMA,GAAsC,GAAG,SAAzCA,GAAyC,~~OAAsD~~;AAAA,~~MAAnDC~~,~~QAAmD~~,~~QAAnDA~~,~~QAAmD~~;AAAA,~~MAAzCC~~,~~UAAyC~~,~~QAAzCA~~,~~UAAyC~~;AAAA,~~MAA1BC~~,~~SAA0B~~;~~AAC1G~~,MAAMC,QAAQ,GAAG,+BAAjB;AACA,SACE,~~uEAASD~~,~~SAAT~~;~~AAAoB~~,IAAA,GAAG,EAAED,~~UAAzB~~;~~AAAqC~~,IAAA,SAAS,EAAE,gCAAa,KAAb,EAAoBE,QAApB;~~AAAhD~~,~~MACGH~~,~~QADH~~,CADF;~~AAKD~~,~~CAPM;;;eASQD~~,G","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRootRef } from '../../types';\nimport './Div.css';\n\nexport interface DivProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {}\n\nexport const Div: React.FunctionComponent<DivProps> = ({ children, getRootRef, ...restProps }: DivProps) => {\n const platform = usePlatform();\n return (\n <div {...restProps} ref={getRootRef} vkuiClass={getClassName('Div', platform)}>\n {children}\n </div>\n );\n};\n\nexport default Div;\n"],"file":"Div.js"}
1	+ {"version":3,"sources":["../../../../src/components/Div/Div.tsx"],"names":["Div","children","getRootRef","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAQO,IAAMA,GAAsC,GAAG,SAAzCA,GAAyC,OAItC;AAAA,MAHdC,QAGc,QAHdA,QAGc;AAAA,MAFdC,UAEc,QAFdA,UAEc;AAAA,MADXC,SACW;AACd,MAAMC,QAAQ,GAAG,+BAAjB;AACA,SACE,uEACMD,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,gCAAa,KAAb,EAAoBE,QAApB;AAHb,MAKGH,QALH,CADF;AASD,CAfM,C,CAiBP;;;;eACeD,G","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Div.css\";\n\nexport interface DivProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {}\n\nexport const Div: React.FunctionComponent<DivProps> = ({\n children,\n getRootRef,\n ...restProps\n}: DivProps) => {\n const platform = usePlatform();\n return (\n <div\n {...restProps}\n ref={getRootRef}\n vkuiClass={getClassName(\"Div\", platform)}\n >\n {children}\n </div>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Div;\n"],"file":"Div.js"}

package/dist/cjs/components/Dropdown/Dropdown.d.ts CHANGED Viewed

@@ -1,49 +1,8 @@
-import * as React from 'react';
-import { HoverPopperProps } from '../HoverPopper/HoverPopper';
-import { Placement } from '../Popper/Popper';
-import './Dropdown.css';
-export interface DropdownProps {
-    /**
-     * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства
-     */
-    placement?: Placement;
-    /**
-     * Отступ по вспомогательной оси
-     */
-    offsetSkidding?: number;
-    /**
-     * Отступ по главной оси
-     */
-    offsetDistance?: number;
-    onPlacementChange?: (data: {
-        placement?: Placement;
-    }) => void;
-    /**
-     * Содержимое тултипа
-     */
-    content?: React.ReactNode;
-    /**
-     * Если передан, то тултип будет показыван/скрыт в зависимости от значения свойства
-     */
-    shown?: boolean;
-    /**
-     * Вызывается при каждом изменении видимости тултипа
-     */
-    onShownChange?: (shown: boolean) => void;
-    /**
-     * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента
-     */
-    children?: React.ReactElement;
-    action?: 'click' | 'hover';
-    /**
-     * Актуально только для action="hover"
-     * Количество миллисекунд, после которых произойдет показ дропдауна
-     */
-    showDelay?: HoverPopperProps['showDelay'];
-    /**
-     * Актуально только для action="hover"
-     * Количество миллисекунд, после которых произойдет скрытие дропдауна
-     */
-    hideDelay?: HoverPopperProps['hideDelay'];
+import * as React from "react";
+import { HoverPopperProps } from "../HoverPopper/HoverPopper";
+import { ClickPopperProps } from "../ClickPopper/ClickPopper";
+import "./Dropdown.css";
+export interface DropdownProps extends Omit<ClickPopperProps, "arrow" | "arrowClassName">, Omit<HoverPopperProps, "arrow" | "arrowClassName"> {
+    action?: "click" | "hover";
 }
 export declare const Dropdown: React.FC<DropdownProps>;

package/dist/cjs/components/Dropdown/Dropdown.js CHANGED Viewed

@@ -25,7 +25,7 @@ var _excluded = ["action", "hideDelay", "showDelay"];
 var Dropdown = function Dropdown(_ref) {
   var _ref$action = _ref.action,
-      action = _ref$action === void 0 ? 'click' : _ref$action,
+      action = _ref$action === void 0 ? "click" : _ref$action,
       hideDelay = _ref.hideDelay,
       showDelay = _ref.showDelay,
       popperProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -34,11 +34,11 @@ var Dropdown = function Dropdown(_ref) {
   var actionSpecificProps = {};
   switch (action) {
-    case 'click':
+    case "click":
       Component = _ClickPopper.ClickPopper;
       break;
-    case 'hover':
+    case "hover":
       actionSpecificProps = {
         hideDelay: hideDelay,
         showDelay: showDelay
@@ -48,7 +48,7 @@ var Dropdown = function Dropdown(_ref) {
   }
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({
-    vkuiClass: (0, _getClassName.getClassName)('Dropdown', platform)
+    vkuiClass: (0, _getClassName.getClassName)("Dropdown", platform)
   }, actionSpecificProps, popperProps));
 };

package/dist/cjs/components/Dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":["Dropdown","action","hideDelay","showDelay","popperProps","platform","Component","actionSpecificProps","ClickPopper","HoverPopper"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;~~AAkDO~~,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,~~OAA+E~~;AAAA,~~yBAA5EC~~,~~MAA4E~~;AAAA,~~MAA5EA~~,~~MAA4E~~,~~4BAAnE~~,~~OAAmE~~;AAAA,~~MAA1DC~~,~~SAA0D~~,~~QAA1DA~~,~~SAA0D~~;AAAA,~~MAA/CC~~,~~SAA+C~~,~~QAA/CA~~,~~SAA+C~~;AAAA,~~MAAjCC~~,~~WAAiC~~;~~AAC9H~~,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,SAAJ;AACA,MAAIC,mBAA2C,GAAG,EAAlD;;AAEA,UAAQN,MAAR;AACE,SAAK,OAAL;AACEK,MAAAA,SAAS,GAAGE,wBAAZ;AACA;;AACF,SAAK,OAAL;AACED,MAAAA,mBAAmB,GAAG;AAAEL,QAAAA,SAAS,EAATA,SAAF;AAAaC,QAAAA,SAAS,EAATA;AAAb,OAAtB;AACAG,MAAAA,SAAS,GAAGG,wBAAZ;AACA;AAPJ;;AAUA,SACE,qCAAC,SAAD;~~AAAW~~,IAAA,SAAS,EAAE,gCAAa,UAAb,EAAyBJ,QAAzB;~~AAAtB~~,~~KAA8DE~~,~~mBAA9D~~,~~EAAuFH~~,~~WAAvF~~,EADF;~~AAGD~~,~~CAnBM~~","sourcesContent":["import * as React from 'react';\nimport { HoverPopper, HoverPopperProps } from '../HoverPopper/HoverPopper';\nimport { ClickPopper } from '../ClickPopper/ClickPopper';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport ~~{ Placement } from '../Popper/Popper';\nimport '~~./Dropdown.css';\n\n// Приходится избегать экстендов от HoverPopperProps, ClickPopperProps и PopperProps, потому что react-docgen не умеет в Omit.\n// Ждём либо фикса react-docgen (что вряд ли), либо переезда на react-docgen-typescript, где такой проблемы нет.\nexport interface DropdownProps {\n /*\n По ~~умолчанию~~ ~~компонент~~ ~~выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\~~n /\n placement?: Placement;\n /\n ~~Отступ~~ по ~~вспомогательной оси\n /\n offsetSkidding?: number;\n /\n Отступ по главной оси\n /\n offsetDistance?: number;\n onPlacementChange?: (data:~~ { placement?: Placement }) => void;\n /\n Содержимое тултипа\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет показыван/скрыт в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n /\n children?: React.ReactElement;\n\n action?: 'click' \| ~~'hover';\n /\n Актуально только для action=\"hover~~\"\n * Количество миллисекунд, после которых произойдет показ дропдауна\n /\n showDelay?: HoverPopperProps['showDelay'];\n /\n Актуально только для action=\"hover\"~~\n * Количество миллисекунд, после которых произойдет скрытие дропдауна\n */\n hideDelay?: HoverPopperProps['hideDelay']~~;\n}\n\nexport const Dropdown: React.FC<DropdownProps> = ({ action = 'click', hideDelay, showDelay, ...popperProps }: DropdownProps) => {\n const platform = usePlatform();\n\n let Component;\n let actionSpecificProps: Partial<DropdownProps> = {};\n\n switch (action) {\n case 'click':\n Component = ClickPopper;\n break;\n case 'hover':\n actionSpecificProps = { hideDelay, showDelay };\n Component = HoverPopper;\n break;\n }\n\n return (\n <Component vkuiClass={getClassName('Dropdown', platform)} {...actionSpecificProps} {...popperProps} />\n );\n};\n"],"file":"Dropdown.js"}
1	+ {"version":3,"sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":["Dropdown","action","hideDelay","showDelay","popperProps","platform","Component","actionSpecificProps","ClickPopper","HoverPopper"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AASO,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,OAK5B;AAAA,yBAJnBC,MAImB;AAAA,MAJnBA,MAImB,4BAJV,OAIU;AAAA,MAHnBC,SAGmB,QAHnBA,SAGmB;AAAA,MAFnBC,SAEmB,QAFnBA,SAEmB;AAAA,MADhBC,WACgB;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,SAAJ;AACA,MAAIC,mBAA2C,GAAG,EAAlD;;AAEA,UAAQN,MAAR;AACE,SAAK,OAAL;AACEK,MAAAA,SAAS,GAAGE,wBAAZ;AACA;;AACF,SAAK,OAAL;AACED,MAAAA,mBAAmB,GAAG;AAAEL,QAAAA,SAAS,EAATA,SAAF;AAAaC,QAAAA,SAAS,EAATA;AAAb,OAAtB;AACAG,MAAAA,SAAS,GAAGG,wBAAZ;AACA;AAPJ;;AAUA,SACE,qCAAC,SAAD;AACE,IAAA,SAAS,EAAE,gCAAa,UAAb,EAAyBJ,QAAzB;AADb,KAEME,mBAFN,EAGMH,WAHN,EADF;AAOD,CA5BM","sourcesContent":["import * as React from \"react\";\nimport { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { ClickPopper, ClickPopperProps } from \"../ClickPopper/ClickPopper\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Dropdown.css\";\n\nexport interface DropdownProps\n extends Omit<ClickPopperProps, \"arrow\" \| \"arrowClassName\">,\n Omit<HoverPopperProps, \"arrow\" \| \"arrowClassName\"> {\n action?: \"click\" \| \"hover\";\n}\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n action = \"click\",\n hideDelay,\n showDelay,\n ...popperProps\n}: DropdownProps) => {\n const platform = usePlatform();\n\n let Component;\n let actionSpecificProps: Partial<DropdownProps> = {};\n\n switch (action) {\n case \"click\":\n Component = ClickPopper;\n break;\n case \"hover\":\n actionSpecificProps = { hideDelay, showDelay };\n Component = HoverPopper;\n break;\n }\n\n return (\n <Component\n vkuiClass={getClassName(\"Dropdown\", platform)}\n {...actionSpecificProps}\n {...popperProps}\n />\n );\n};\n"],"file":"Dropdown.js"}

package/dist/cjs/components/DropdownIcon/DropdownIcon.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import './DropdownIcon.css';
+import * as React from "react";
+import "./DropdownIcon.css";
 export declare const DropdownIcon: React.FC<React.HTMLAttributes<HTMLElement>>;

package/dist/cjs/components/DropdownIcon/DropdownIcon.js CHANGED Viewed

@@ -29,7 +29,7 @@ var DropdownIcon = function DropdownIcon(props) {
   var Icon = sizeY === _AdaptivityContext.SizeType.COMPACT ? _icons.Icon20Dropdown : _icons.Icon24ChevronDown;
   return (0, _jsxRuntime.createScopedElement)(Icon, (0, _extends2.default)({
-    vkuiClass: (0, _getClassName.getClassName)('DropdownIcon', platform)
+    vkuiClass: (0, _getClassName.getClassName)("DropdownIcon", platform)
   }, props));
 };

package/dist/cjs/components/DropdownIcon/DropdownIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":["DropdownIcon","props","platform","sizeY","Icon","SizeType","COMPACT","Icon20Dropdown","Icon24ChevronDown"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGO,IAAMA,YAAyD,GAAG,SAA5DA,YAA4D,~~CAACC~~,~~KAAD~~,~~EAAW~~;~~AAClF~~,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,IAAI,GAAGD,KAAK,KAAKE,4BAASC,OAAnB,~~GACTC~~,~~qBADS~~,~~GAETC~~,~~wBAFJ~~;~~AAIA~~,~~SACE~~,qCAAC,IAAD;AAAM,IAAA,SAAS,EAAE,gCAAa,cAAb,EAA6BN,QAA7B;AAAjB,KAA6DD,KAA7D,~~EADF~~;~~AAGD~~,~~CAXM~~","sourcesContent":["import * as React from 'react';\nimport { Icon20Dropdown, Icon24ChevronDown } from '@vkontakte/icons';\nimport { SizeType } from '../AdaptivityProvider/AdaptivityContext';\nimport { getClassName } from '../../helpers/getClassName';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './DropdownIcon.css';\n\nexport const DropdownIcon: React.FC<React.HTMLAttributes<HTMLElement>> = (props) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n\n const Icon = sizeY === SizeType.COMPACT\n ? Icon20Dropdown\n : Icon24ChevronDown;\n\n return ~~(\n~~ <Icon vkuiClass={getClassName('DropdownIcon', platform)} {...props} ~~/>\~~n ~~);\n~~};\n"],"file":"DropdownIcon.js"}
1	+ {"version":3,"sources":["../../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":["DropdownIcon","props","platform","sizeY","Icon","SizeType","COMPACT","Icon20Dropdown","Icon24ChevronDown"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGO,IAAMA,YAAyD,GAAG,SAA5DA,YAA4D,CACvEC,KADuE,EAEpE;AACH,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,IAAI,GAAGD,KAAK,KAAKE,4BAASC,OAAnB,GAA6BC,qBAA7B,GAA8CC,wBAA3D;AAEA,SAAO,qCAAC,IAAD;AAAM,IAAA,SAAS,EAAE,gCAAa,cAAb,EAA6BN,QAA7B;AAAjB,KAA6DD,KAA7D,EAAP;AACD,CATM","sourcesContent":["import * as React from \"react\";\nimport { Icon20Dropdown, Icon24ChevronDown } from \"@vkontakte/icons\";\nimport { SizeType } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./DropdownIcon.css\";\n\nexport const DropdownIcon: React.FC<React.HTMLAttributes<HTMLElement>> = (\n props\n) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n\n const Icon = sizeY === SizeType.COMPACT ? Icon20Dropdown : Icon24ChevronDown;\n\n return <Icon vkuiClass={getClassName(\"DropdownIcon\", platform)} {...props} />;\n};\n"],"file":"DropdownIcon.js"}

package/dist/cjs/components/Epic/Epic.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './Epic.css';
+import * as React from "react";
+import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
+import "./Epic.css";
 export interface EpicProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {
     tabbar?: React.ReactNode;
     activeStory: string;
 }
-export declare const Epic: React.FC<EpicProps>;
-declare const _default: React.FC<EpicProps>;
+export declare const Epic: React.FC<EpicProps & AdaptivityContextInterface>;
+declare const _default: React.FC<Pick<EpicProps & AdaptivityContextInterface, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "tabbar" | "activeStory"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
 export default _default;

package/dist/cjs/components/Epic/Epic.js CHANGED Viewed

@@ -30,9 +30,11 @@ var _getNavId = require("../../lib/getNavId");
 var _warnOnce = require("../../lib/warnOnce");
 var _excluded = ["activeStory", "tabbar", "children", "viewWidth"];
-var warn = (0, _warnOnce.warnOnce)('Epic');
+var warn = (0, _warnOnce.warnOnce)("Epic");
 var Epic = function Epic(props) {
+  var _ref;
   var platform = (0, _usePlatform.usePlatform)();
   var scroll = React.useRef({}).current;
   var activeStory = props.activeStory,
@@ -41,15 +43,15 @@ var Epic = function Epic(props) {
       viewWidth = props.viewWidth,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  if (process.env.NODE_ENV === 'development' && !tabbar && viewWidth < _withAdaptivity.ViewWidth.SMALL_TABLET) {
-    warn('Using Epic without tabbar is not recommended on mobile');
+  if (process.env.NODE_ENV === "development" && !tabbar && viewWidth < _withAdaptivity.ViewWidth.SMALL_TABLET) {
+    warn("Using Epic without tabbar is not recommended on mobile");
   }
-  var story = React.Children.toArray(children).find(function (story) {
-    return (0, _getNavId.getNavId)(story.props, warn) === activeStory;
-  }) || null;
+  var story = (_ref = React.Children.toArray(children).find(function (story) {
+    return /*#__PURE__*/React.isValidElement(story) && (0, _getNavId.getNavId)(story.props, warn) === activeStory;
+  })) !== null && _ref !== void 0 ? _ref : null;
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _getClassName.getClassName)('Epic', platform)
+    vkuiClass: (0, _getClassName.getClassName)("Epic", platform)
   }), (0, _jsxRuntime.createScopedElement)(_ScrollSaver.ScrollSaver, {
     key: activeStory,
     initialScroll: scroll[activeStory] || 0,
@@ -57,7 +59,8 @@ var Epic = function Epic(props) {
       return scroll[activeStory] = value;
     }
   }, story), tabbar);
-};
+}; // eslint-disable-next-line import/no-default-export
 exports.Epic = Epic;

package/dist/cjs/components/Epic/Epic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Epic/Epic.tsx"],"names":["warn","Epic","props","platform","scroll","React","useRef","current","activeStory","tabbar","children","viewWidth","restProps","process","env","NODE_ENV","ViewWidth","SMALL_TABLET","story","Children","toArray","find","value"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;~~AAQA~~,IAAMA,IAAI,GAAG,wBAAS,MAAT,CAAb;;AAEO,IAAMC,~~IAAyB~~,GAAG,~~SAA5BA~~,~~IAA4B~~,~~CAACC~~,~~KAAD~~,~~EAAsB~~;~~AAC7D~~,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM,GAAGC,KAAK,CAACC,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;AACA,MAAQC,WAAR,GAAmEN,KAAnE,CAAQM,WAAR;AAAA,MAAqBC,MAArB,GAAmEP,KAAnE,CAAqBO,MAArB;AAAA,MAA6BC,QAA7B,GAAmER,KAAnE,CAA6BQ,QAA7B;AAAA,MAAuCC,SAAvC,GAAmET,KAAnE,CAAuCS,SAAvC;AAAA,MAAqDC,SAArD,0CAAmEV,KAAnE;;AAEA,~~MAAIW~~,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,~~IAA0C~~,CAACN,~~MAA3C~~,~~IAAqDE~~,SAAS,GAAGK,0BAAUC,~~YAA/E~~,~~EAA6F~~;~~AAC3FjB~~,IAAAA,IAAI,CAAC,wDAAD,CAAJ;AACD;;AACD,MAAMkB,KAAK,~~GAAIb~~,KAAK,CAACc,QAAN,CAAeC,OAAf,CAAuBV,QAAvB,~~CAAD~~,~~CACXW~~,~~IADW~~,~~CACN,~~UAACH,KAAD;AAAA,~~WAAW~~,wBAASA,KAAK,CAAChB,KAAf,EAAsBF,IAAtB,MAAgCQ,~~WAA3C~~;AAAA,~~GADM~~,~~KACqD~~,~~IADnE~~;~~AAGA~~,SACE,uEAASI,SAAT;AAAoB,IAAA,SAAS,EAAE,gCAAa,MAAb,EAAqBT,QAArB;AAA/B,MACE,qCAAC,wBAAD;AACE,IAAA,GAAG,EAAEK,WADP;AAEE,IAAA,aAAa,EAAEJ,MAAM,CAACI,WAAD,CAAN,IAAuB,CAFxC;AAGE,IAAA,UAAU,EAAE,~~oBAACc~~,KAAD;AAAA,~~aAAWlB~~,MAAM,CAACI,WAAD,CAAN,~~GAAsBc~~,~~KAAjC~~;AAAA;AAHd,~~KAIEJ~~,~~KAJF~~,CADF,~~EAMGT~~,~~MANH~~,CADF;~~AAUD~~,~~CArBM;;;;eAuBQ~~,oCAAeR,IAAf,EAAqB;AAClCU,EAAAA,SAAS,EAAE;AADuB,CAArB,C","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { withAdaptivity, ViewWidth, ~~AdaptivityProps~~ } from '../../hoc/withAdaptivity';\nimport { ScrollSaver } from './ScrollSaver';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport './Epic.css';\n\nexport interface EpicProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {\n tabbar?: React.ReactNode;\n activeStory: string;\n}\n\nconst warn = warnOnce('Epic');\n\nexport const Epic: React.FC<EpicProps> = (props~~: EpicProps~~) => {\n const platform = usePlatform();\n const scroll = React.useRef<{ [key: string]: number }>({}).current;\n const { activeStory, tabbar, children, viewWidth, ...restProps } = props;\n\n if (process.env.NODE_ENV === 'development' && !tabbar && viewWidth < ViewWidth.SMALL_TABLET) {\n warn('Using Epic without tabbar is not recommended on mobile');\n }\n const story = (React.Children.toArray(children) ~~as React~~.~~ReactElement[])~~\n .~~find~~((story) => getNavId(story.props, warn) === activeStory) \|\| null;\n\n return (\n <div {...restProps} vkuiClass={getClassName('Epic', platform)}>\n <ScrollSaver\n key={activeStory}\n initialScroll={scroll[activeStory] \|\| 0}\n saveScroll={(value) => scroll[activeStory] = value}\n >{story}</ScrollSaver>\n {tabbar}\n </div>\n );\n};\n\nexport default withAdaptivity(Epic, {\n viewWidth: true,\n});\n"],"file":"Epic.js"}
1	+ {"version":3,"sources":["../../../../src/components/Epic/Epic.tsx"],"names":["warn","Epic","props","platform","scroll","React","useRef","current","activeStory","tabbar","children","viewWidth","restProps","process","env","NODE_ENV","ViewWidth","SMALL_TABLET","story","Children","toArray","find","isValidElement","value"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAcA,IAAMA,IAAI,GAAG,wBAAS,MAAT,CAAb;;AAEO,IAAMC,IAAsD,GAAG,SAAzDA,IAAyD,CACpEC,KADoE,EAEjE;AAAA;;AACH,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM,GAAGC,KAAK,CAACC,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;AACA,MAAQC,WAAR,GAAmEN,KAAnE,CAAQM,WAAR;AAAA,MAAqBC,MAArB,GAAmEP,KAAnE,CAAqBO,MAArB;AAAA,MAA6BC,QAA7B,GAAmER,KAAnE,CAA6BQ,QAA7B;AAAA,MAAuCC,SAAvC,GAAmET,KAAnE,CAAuCS,SAAvC;AAAA,MAAqDC,SAArD,0CAAmEV,KAAnE;;AAEA,MACEW,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,CAACN,MADD,IAEAE,SAAS,GAAGK,0BAAUC,YAHxB,EAIE;AACAjB,IAAAA,IAAI,CAAC,wDAAD,CAAJ;AACD;;AACD,MAAMkB,KAAK,WACRb,KAAK,CAACc,QAAN,CAAeC,OAAf,CAAuBV,QAAvB,EAAiCW,IAAjC,CACC,UAACH,KAAD;AAAA,WACE,aAAAb,KAAK,CAACiB,cAAN,CAAqBJ,KAArB,KACA,wBAASA,KAAK,CAAChB,KAAf,EAAsBF,IAAtB,MAAgCQ,WAFlC;AAAA,GADD,CADQ,uCAK+B,IAL1C;AAOA,SACE,uEAASI,SAAT;AAAoB,IAAA,SAAS,EAAE,gCAAa,MAAb,EAAqBT,QAArB;AAA/B,MACE,qCAAC,wBAAD;AACE,IAAA,GAAG,EAAEK,WADP;AAEE,IAAA,aAAa,EAAEJ,MAAM,CAACI,WAAD,CAAN,IAAuB,CAFxC;AAGE,IAAA,UAAU,EAAE,oBAACe,KAAD;AAAA,aAAYnB,MAAM,CAACI,WAAD,CAAN,GAAsBe,KAAlC;AAAA;AAHd,KAKGL,KALH,CADF,EAQGT,MARH,CADF;AAYD,CAjCM,C,CAmCP;;;;;eACe,oCAAeR,IAAf,EAAqB;AAClCU,EAAAA,SAAS,EAAE;AADuB,CAArB,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { ScrollSaver } from \"./ScrollSaver\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Epic.css\";\n\nexport interface EpicProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps {\n tabbar?: React.ReactNode;\n activeStory: string;\n}\n\nconst warn = warnOnce(\"Epic\");\n\nexport const Epic: React.FC<EpicProps & AdaptivityContextInterface> = (\n props\n) => {\n const platform = usePlatform();\n const scroll = React.useRef<{ [key: string]: number }>({}).current;\n const { activeStory, tabbar, children, viewWidth, ...restProps } = props;\n\n if (\n process.env.NODE_ENV === \"development\" &&\n !tabbar &&\n viewWidth < ViewWidth.SMALL_TABLET\n ) {\n warn(\"Using Epic without tabbar is not recommended on mobile\");\n }\n const story =\n (React.Children.toArray(children).find(\n (story) =>\n React.isValidElement(story) &&\n getNavId(story.props, warn) === activeStory\n ) as React.ReactElement \| undefined) ?? null;\n\n return (\n <div {...restProps} vkuiClass={getClassName(\"Epic\", platform)}>\n <ScrollSaver\n key={activeStory}\n initialScroll={scroll[activeStory] \|\| 0}\n saveScroll={(value) => (scroll[activeStory] = value)}\n >\n {story}\n </ScrollSaver>\n {tabbar}\n </div>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Epic, {\n viewWidth: true,\n});\n"],"file":"Epic.js"}

package/dist/cjs/components/Epic/ScrollSaver.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import * as React from 'react';
+import * as React from "react";
 export interface ScrollSaverProps {
-    children: React.ReactElement;
     initialScroll?: number;
     saveScroll: (scroll: number) => any;
 }

package/dist/cjs/components/Epic/ScrollSaver.js CHANGED Viewed

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ScrollSaver = void 0;
+var _jsxRuntime = require("../../lib/jsxRuntime");
 var React = _interopRequireWildcard(require("react"));
 var _ScrollContext = require("../AppRoot/ScrollContext");
@@ -23,7 +25,7 @@ var ScrollSaver = function ScrollSaver(_ref) {
       scrollTo = _React$useContext.scrollTo;
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (typeof initialScroll === 'number') {
+    if (typeof initialScroll === "number") {
       scrollTo(0, initialScroll);
     }
@@ -31,7 +33,7 @@ var ScrollSaver = function ScrollSaver(_ref) {
       return saveScroll(getScroll().y);
     };
   }, []);
-  return children;
+  return (0, _jsxRuntime.createScopedElement)(React.Fragment, null, children);
 };
 exports.ScrollSaver = ScrollSaver;

package/dist/cjs/components/Epic/ScrollSaver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Epic/ScrollSaver.tsx"],"names":["ScrollSaver","children","initialScroll","saveScroll","React","useContext","ScrollContext","getScroll","scrollTo","y"],"mappings":"~~;;;;;;;;;~~AAAA;;AACA;;AACA;;~~AAQO~~,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,~~OAA6C~~;AAAA,~~MAA1CC~~,~~QAA0C~~,~~QAA1CA~~,~~QAA0C~~;AAAA,~~MAAhCC~~,~~aAAgC~~,~~QAAhCA~~,~~aAAgC~~;AAAA,~~MAAjBC~~,~~UAAiB~~,~~QAAjBA~~,~~UAAiB~~;;~~AAClG~~,0BAAgCC,KAAK,CAACC,UAAN,CAAiBC,4BAAjB,CAAhC;AAAA,MAAQC,SAAR,qBAAQA,SAAR;AAAA,MAAmBC,QAAnB,qBAAmBA,QAAnB;;AACA,4DAA0B,YAAM;AAC9B,QAAI,OAAON,aAAP,KAAyB,QAA7B,EAAuC;AACrCM,MAAAA,QAAQ,CAAC,CAAD,EAAIN,aAAJ,CAAR;AACD;;AACD,WAAO;AAAA,aAAMC,UAAU,CAACI,SAAS,GAAGE,CAAb,CAAhB;AAAA,KAAP;AACD,GALD,EAKG,EALH;AAMA,~~SAAOR~~,QAAP;AACD,~~CATM~~","sourcesContent":["import * as React from 'react';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\n\nexport interface ScrollSaverProps {\n ~~children: React.ReactElement;\n~~ initialScroll?: number;\n saveScroll: (scroll: number) => any;\n}\n\nexport const ScrollSaver: React.FC<ScrollSaverProps> = ({ children, initialScroll, saveScroll }) => {\n const { getScroll, scrollTo } = React.useContext(ScrollContext);\n useIsomorphicLayoutEffect(() => {\n if (typeof initialScroll === 'number') {\n scrollTo(0, initialScroll);\n }\n return () => saveScroll(getScroll().y);\n }, []);\n return children;\n};\n"],"file":"ScrollSaver.js"}
1	+ {"version":3,"sources":["../../../../src/components/Epic/ScrollSaver.tsx"],"names":["ScrollSaver","children","initialScroll","saveScroll","React","useContext","ScrollContext","getScroll","scrollTo","y"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAOO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAIjD;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,UACI,QADJA,UACI;;AACJ,0BAAgCC,KAAK,CAACC,UAAN,CAAiBC,4BAAjB,CAAhC;AAAA,MAAQC,SAAR,qBAAQA,SAAR;AAAA,MAAmBC,QAAnB,qBAAmBA,QAAnB;;AACA,4DAA0B,YAAM;AAC9B,QAAI,OAAON,aAAP,KAAyB,QAA7B,EAAuC;AACrCM,MAAAA,QAAQ,CAAC,CAAD,EAAIN,aAAJ,CAAR;AACD;;AACD,WAAO;AAAA,aAAMC,UAAU,CAACI,SAAS,GAAGE,CAAb,CAAhB;AAAA,KAAP;AACD,GALD,EAKG,EALH;AAMA,SAAO,qCAAC,KAAD,CAAO,QAAP,QAAiBR,QAAjB,CAAP;AACD,CAbM","sourcesContent":["import * as React from \"react\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface ScrollSaverProps {\n initialScroll?: number;\n saveScroll: (scroll: number) => any;\n}\n\nexport const ScrollSaver: React.FC<ScrollSaverProps> = ({\n children,\n initialScroll,\n saveScroll,\n}) => {\n const { getScroll, scrollTo } = React.useContext(ScrollContext);\n useIsomorphicLayoutEffect(() => {\n if (typeof initialScroll === \"number\") {\n scrollTo(0, initialScroll);\n }\n return () => saveScroll(getScroll().y);\n }, []);\n return <React.Fragment>{children}</React.Fragment>;\n};\n"],"file":"ScrollSaver.js"}

package/dist/cjs/components/File/File.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { VKUIButtonProps } from '../Button/Button';
-import { HasRef, HasRootRef } from '../../types';
-import './File.css';
-export interface FileProps extends Omit<VKUIButtonProps, 'size' | 'type'>, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onClick' | 'type'>, Pick<React.HTMLAttributes<HTMLElement>, 'onClick'>, HasRef<HTMLInputElement>, HasRootRef<HTMLElement> {
-    controlSize?: VKUIButtonProps['size'];
+import * as React from "react";
+import { VKUIButtonProps } from "../Button/Button";
+import { HasRef, HasRootRef } from "../../types";
+import "./File.css";
+export interface FileProps extends Omit<VKUIButtonProps, "size" | "type">, Omit<React.InputHTMLAttributes<HTMLInputElement>, "onClick" | "type">, Pick<React.HTMLAttributes<HTMLElement>, "onClick">, HasRef<HTMLInputElement>, HasRootRef<HTMLElement> {
+    controlSize?: VKUIButtonProps["size"];
 }
 declare const File: React.FunctionComponent<FileProps>;
 export default File;

package/dist/cjs/components/File/File.js CHANGED Viewed

@@ -21,7 +21,7 @@ var _usePlatform = require("../../hooks/usePlatform");
 var _useExternRef = require("../../hooks/useExternRef");
-var _excluded = ["children", "align", "controlSize", "mode", "stretched", "before", "className", "style", "getRef", "getRootRef", "onClick"];
+var _excluded = ["children", "align", "controlSize", "mode", "stretched", "before", "className", "style", "getRef", "getRootRef", "onClick", "appearance"];
 var File = function File(props) {
   var children = props.children,
@@ -35,15 +35,17 @@ var File = function File(props) {
       getRef = props.getRef,
       getRootRef = props.getRootRef,
       _onClick = props.onClick,
+      appearance = props.appearance,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   var inputRef = (0, _useExternRef.useExternRef)(getRef);
   return (0, _jsxRuntime.createScopedElement)(_Button.default, {
     align: align,
-    vkuiClass: (0, _getClassName.getClassName)('File', platform),
+    vkuiClass: (0, _getClassName.getClassName)("File", platform),
     className: className,
     stretched: stretched,
     mode: mode,
+    appearance: appearance,
     size: controlSize,
     before: before,
     style: style,
@@ -51,7 +53,9 @@ var File = function File(props) {
     disabled: restProps.disabled,
     type: "button",
     onClick: function onClick(e) {
-      inputRef.current.click();
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
       _onClick && _onClick(e);
     }
   }, (0, _jsxRuntime.createScopedElement)("input", (0, _extends2.default)({}, restProps, {
@@ -62,9 +66,10 @@ var File = function File(props) {
 };
 File.defaultProps = {
-  children: 'Выберите файл',
-  align: 'left'
-};
+  children: "Выберите файл",
+  align: "left"
+}; // eslint-disable-next-line import/no-default-export
 var _default = File;
 exports.default = _default;
 //# sourceMappingURL=File.js.map

package/dist/cjs/components/File/File.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/File/File.tsx"],"names":["File","props","children","align","controlSize","mode","stretched","before","className","style","getRef","getRootRef","onClick","restProps","platform","inputRef","disabled","e","current","click","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAYA,IAAMA,IAAwC,GAAG,SAA3CA,IAA2C,CAACC,KAAD,EAAsB;AACrE,~~MAAQC~~,~~QAAR~~,~~GACuDD~~,~~KADvD~~,~~CAAQC~~,~~QAAR~~;AAAA,~~MAAkBC~~,~~KAAlB~~,~~GACuDF~~,~~KADvD~~,~~CAAkBE~~,~~KAAlB~~;AAAA,~~MAAyBC~~,~~WAAzB~~,~~GACuDH~~,~~KADvD~~,~~CAAyBG~~,~~WAAzB~~;AAAA,~~MAAsCC~~,~~IAAtC~~,~~GACuDJ~~,~~KADvD~~,~~CAAsCI~~,~~IAAtC~~;AAAA,~~MAA4CC~~,~~SAA5C~~,~~GACuDL~~,~~KADvD~~,~~CAA4CK~~,~~SAA5C~~;AAAA,~~MAAuDC~~,~~MAAvD~~,~~GACuDN~~,~~KADvD~~,~~CAAuDM~~,~~MAAvD~~;AAAA,~~MAA+DC~~,~~SAA/D~~,~~GACuDP~~,~~KADvD~~,~~CAA+DO~~,~~SAA/D~~;AAAA,~~MACEC~~,~~KADF~~,~~GACuDR~~,~~KADvD~~,~~CACEQ~~,~~KADF~~;AAAA,~~MACSC~~,~~MADT~~,~~GACuDT~~,~~KADvD~~,~~CACSS~~,~~MADT~~;AAAA,~~MACiBC~~,~~UADjB~~,~~GACuDV~~,~~KADvD~~,~~CACiBU~~,~~UADjB~~;AAAA,~~MAC6BC~~,~~QAD7B~~,~~GACuDX~~,~~KADvD~~,~~CAC6BW~~,~~OAD7B~~;AAAA,~~MACyCC~~,~~SADzC~~,~~0CACuDZ~~,~~KADvD~~;~~AAGA~~,~~MAAMa~~,QAAQ,GAAG,+BAAjB;AACA,MAAMC,QAAQ,GAAG,~~gCAAaL~~,MAAb,CAAjB;AAEA,SACE,qCAAC,eAAD;AACE,IAAA,KAAK,EAAEP,KADT;AAEE,IAAA,SAAS,EAAE,gCAAa,MAAb,~~EAAqBW~~,QAArB,CAFb;AAGE,IAAA,SAAS,~~EAAEN~~,SAHb;AAIE,IAAA,SAAS,EAAEF,SAJb;AAKE,IAAA,IAAI,EAAED,IALR;AAME,IAAA,~~IAAI~~,~~EAAED~~,~~WANR~~;AAOE,IAAA,MAAM,EAAEG,~~MAPV~~;~~AAQE~~,IAAA,KAAK,EAAEE,~~KART~~;~~AASE~~,IAAA,UAAU,EAAEE,~~UATd~~;~~AAUE~~,IAAA,QAAQ,~~EAAEE~~,SAAS,CAACG,~~QAVtB~~;~~AAWE~~,IAAA,IAAI,EAAC,~~QAXP~~;~~AAYE~~,IAAA,OAAO,EAAE,iBAACC,CAAD,EAAO;~~AACdF~~,~~MAAAA~~,QAAQ,CAACG,OAAT,~~CAAiBC~~,~~KAAjB~~;~~AACAP~~,MAAAA,QAAO,IAAIA,QAAO,~~CAACK~~,CAAD,CAAlB;AACD;~~AAfH~~,~~KAiBE~~,~~yEAAWJ~~,~~SAAX~~;~~AAAsB~~,IAAA,SAAS,EAAC,~~aAAhC~~;~~AAA8C~~,IAAA,IAAI,EAAC,~~MAAnD~~;~~AAA0D~~,IAAA,GAAG,EAAEE;~~AAA/D~~,~~KAjBF~~,~~EAkBGb~~,~~QAlBH~~,CADF;~~AAsBD~~,~~CA7BD~~;;~~AA+BAF~~,IAAI,~~CAACoB~~,YAAL,GAAoB;~~AAClBlB~~,EAAAA,QAAQ,EAAE,eADQ;AAElBC,EAAAA,KAAK,EAAE;AAFW,CAApB~~;eAKeH~~,I","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport Button, { VKUIButtonProps } from '../Button/Button';\nimport { HasRef, HasRootRef } from '../../types';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport './File.css';\n\nexport interface FileProps ~~extends~~\n Omit<VKUIButtonProps, 'size' \| 'type'>,\n Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onClick' \| 'type'>,\n Pick<React.HTMLAttributes<HTMLElement>, 'onClick'>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLElement> {\n controlSize?: VKUIButtonProps['size'];\n}\n\nconst File: React.FunctionComponent<FileProps> = (props: FileProps) => {\n const { children, align, controlSize, mode, stretched, before, className,\n style, getRef, getRootRef, onClick, ...restProps } = props;\n\n const platform = usePlatform();\n const inputRef = useExternRef(getRef);\n\n return (\n <Button\n align={align}\n vkuiClass={getClassName('File', platform)}\n className={className}\n stretched={stretched}\n mode={mode}\n size={controlSize}\n before={before}\n style={style}\n getRootRef={getRootRef}\n disabled={restProps.disabled}\n type=\"button\"\n onClick={(e) => {\n inputRef.current.click();\n onClick && onClick(e);\n }}\n >\n <input {...restProps} vkuiClass=\"File__input\" type=\"file\" ref={inputRef} />\n {children}\n </Button>\n );\n};\n\nFile.defaultProps = {\n children: 'Выберите ~~файл'~~,\n align: 'left',\n};\n\nexport default File;\n"],"file":"File.js"}
1	+ {"version":3,"sources":["../../../../src/components/File/File.tsx"],"names":["File","props","children","align","controlSize","mode","stretched","before","className","style","getRef","getRootRef","onClick","appearance","restProps","platform","inputRef","disabled","e","current","click","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAYA,IAAMA,IAAwC,GAAG,SAA3CA,IAA2C,CAACC,KAAD,EAAsB;AACrE,MACEC,QADF,GAcID,KAdJ,CACEC,QADF;AAAA,MAEEC,KAFF,GAcIF,KAdJ,CAEEE,KAFF;AAAA,MAGEC,WAHF,GAcIH,KAdJ,CAGEG,WAHF;AAAA,MAIEC,IAJF,GAcIJ,KAdJ,CAIEI,IAJF;AAAA,MAKEC,SALF,GAcIL,KAdJ,CAKEK,SALF;AAAA,MAMEC,MANF,GAcIN,KAdJ,CAMEM,MANF;AAAA,MAOEC,SAPF,GAcIP,KAdJ,CAOEO,SAPF;AAAA,MAQEC,KARF,GAcIR,KAdJ,CAQEQ,KARF;AAAA,MASEC,MATF,GAcIT,KAdJ,CASES,MATF;AAAA,MAUEC,UAVF,GAcIV,KAdJ,CAUEU,UAVF;AAAA,MAWEC,QAXF,GAcIX,KAdJ,CAWEW,OAXF;AAAA,MAYEC,UAZF,GAcIZ,KAdJ,CAYEY,UAZF;AAAA,MAaKC,SAbL,0CAcIb,KAdJ;AAgBA,MAAMc,QAAQ,GAAG,+BAAjB;AACA,MAAMC,QAAQ,GAAG,gCAAaN,MAAb,CAAjB;AAEA,SACE,qCAAC,eAAD;AACE,IAAA,KAAK,EAAEP,KADT;AAEE,IAAA,SAAS,EAAE,gCAAa,MAAb,EAAqBY,QAArB,CAFb;AAGE,IAAA,SAAS,EAAEP,SAHb;AAIE,IAAA,SAAS,EAAEF,SAJb;AAKE,IAAA,IAAI,EAAED,IALR;AAME,IAAA,UAAU,EAAEQ,UANd;AAOE,IAAA,IAAI,EAAET,WAPR;AAQE,IAAA,MAAM,EAAEG,MARV;AASE,IAAA,KAAK,EAAEE,KATT;AAUE,IAAA,UAAU,EAAEE,UAVd;AAWE,IAAA,QAAQ,EAAEG,SAAS,CAACG,QAXtB;AAYE,IAAA,IAAI,EAAC,QAZP;AAaE,IAAA,OAAO,EAAE,iBAACC,CAAD,EAAO;AAAA;;AACd,2BAAAF,QAAQ,CAACG,OAAT,wEAAkBC,KAAlB;AACAR,MAAAA,QAAO,IAAIA,QAAO,CAACM,CAAD,CAAlB;AACD;AAhBH,KAkBE,yEACMJ,SADN;AAEE,IAAA,SAAS,EAAC,aAFZ;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,GAAG,EAAEE;AAJP,KAlBF,EAwBGd,QAxBH,CADF;AA4BD,CAhDD;;AAkDAF,IAAI,CAACqB,YAAL,GAAoB;AAClBnB,EAAAA,QAAQ,EAAE,eADQ;AAElBC,EAAAA,KAAK,EAAE;AAFW,CAApB,C,CAKA;;eACeH,I","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Button, { VKUIButtonProps } from \"../Button/Button\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./File.css\";\n\nexport interface FileProps\n extends Omit<VKUIButtonProps, \"size\" \| \"type\">,\n Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onClick\" \| \"type\">,\n Pick<React.HTMLAttributes<HTMLElement>, \"onClick\">,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLElement> {\n controlSize?: VKUIButtonProps[\"size\"];\n}\n\nconst File: React.FunctionComponent<FileProps> = (props: FileProps) => {\n const {\n children,\n align,\n controlSize,\n mode,\n stretched,\n before,\n className,\n style,\n getRef,\n getRootRef,\n onClick,\n appearance,\n ...restProps\n } = props;\n\n const platform = usePlatform();\n const inputRef = useExternRef(getRef);\n\n return (\n <Button\n align={align}\n vkuiClass={getClassName(\"File\", platform)}\n className={className}\n stretched={stretched}\n mode={mode}\n appearance={appearance}\n size={controlSize}\n before={before}\n style={style}\n getRootRef={getRootRef}\n disabled={restProps.disabled}\n type=\"button\"\n onClick={(e) => {\n inputRef.current?.click();\n onClick && onClick(e);\n }}\n >\n <input\n {...restProps}\n vkuiClass=\"File__input\"\n type=\"file\"\n ref={inputRef}\n />\n {children}\n </Button>\n );\n};\n\nFile.defaultProps = {\n children: \"Выберите файл\",\n align: \"left\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default File;\n"],"file":"File.js"}

package/dist/cjs/components/FixedLayout/FixedLayout.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
-import './FixedLayout.css';
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./FixedLayout.css";
 export interface FixedLayoutProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement> {
-    vertical?: 'top' | 'bottom';
+    vertical?: "top" | "bottom";
     /**
      * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.
      * Это часто необходимо для фиксированных кнопок в нижней части экрана.
@@ -10,7 +10,7 @@ export interface FixedLayoutProps extends React.HTMLAttributes<HTMLDivElement>,
     filled?: boolean;
 }
 export interface FixedLayoutState {
-    position: 'absolute' | null;
+    position: "absolute" | null;
     top: number;
     bottom: number;
     width: string;

package/dist/cjs/components/FixedLayout/FixedLayout.js CHANGED Viewed

@@ -47,7 +47,7 @@ var FixedLayout = function FixedLayout(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-  var _React$useState = React.useState(null),
+  var _React$useState = React.useState(undefined),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       width = _React$useState2[0],
       setWidth = _React$useState2[1];
@@ -59,16 +59,16 @@ var FixedLayout = function FixedLayout(_ref) {
       colRef = _React$useContext.colRef;
   var doResize = function doResize() {
-    return setWidth(colRef !== null && colRef !== void 0 && colRef.current ? "".concat(colRef.current.offsetWidth, "px") : null);
+    return setWidth(colRef !== null && colRef !== void 0 && colRef.current ? "".concat(colRef.current.offsetWidth, "px") : undefined);
   };
-  React.useEffect(doResize, []);
-  (0, _useGlobalEventListener.useGlobalEventListener)(window, 'resize', doResize);
+  React.useEffect(doResize, [colRef]);
+  (0, _useGlobalEventListener.useGlobalEventListener)(window, "resize", doResize);
   return (0, _jsxRuntime.createScopedElement)(_TooltipContainer.TooltipContainer, (0, _extends2.default)({}, restProps, {
     fixed: true,
     ref: getRootRef,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('FixedLayout', platform), {
-      'FixedLayout--filled': filled
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("FixedLayout", platform), {
+      "FixedLayout--filled": filled
     }, "FixedLayout--".concat(vertical)),
     style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
       width: width
@@ -77,7 +77,8 @@ var FixedLayout = function FixedLayout(_ref) {
     vkuiClass: "FixedLayout__in",
     ref: getRef
   }, children));
-};
+}; // eslint-disable-next-line import/no-default-export
 var _default = FixedLayout;
 exports.default = _default;

package/dist/cjs/components/FixedLayout/FixedLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"names":["FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","React","useState","width","setWidth","window","useContext","SplitColContext","colRef","doResize","current","offsetWidth","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAsBA,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,~~OAGxB~~;AAAA,~~MAFtBC~~,~~QAEsB~~,~~QAFtBA~~,~~QAEsB~~;AAAA,~~MAFZC~~,~~KAEY~~,~~QAFZA~~,~~KAEY~~;AAAA,~~MAFLC~~,~~QAEK~~,~~QAFLA~~,~~QAEK~~;AAAA,~~MAFKC~~,~~UAEL~~,~~QAFKA~~,~~UAEL~~;AAAA,~~MAFiBC~~,~~MAEjB~~,~~QAFiBA~~,~~MAEjB~~;AAAA,~~MAFyBC~~,~~MAEzB~~,~~QAFyBA~~,~~MAEzB~~;AAAA,MADnBC,SACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,wBAA0BC,KAAK,CAACC,QAAN,~~CAAuB~~,~~IAAvB~~,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmB,kBAAnB;AAAA,MAAQC,MAAR,WAAQA,MAAR;;AACA,~~0BAAmBJ~~,KAAK,~~CAACK~~,UAAN,CAAiBC,yBAAjB,CAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,~~WAAML~~,QAAQ,CAACI,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,~~UAAsD~~,~~IAAvD~~,~~CAAd~~;AAAA,GAAjB;;~~AACAV~~,EAAAA,KAAK,~~CAACW~~,SAAN,CAAgBH,QAAhB,EAA0B,~~EAA1B~~;AACA,~~sDAAuBJ~~,MAAvB,EAA+B,QAA/B,EAAyCI,QAAzC;AAEA,SACE,qCAAC,kCAAD,~~6BACMV~~,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,SAAS,EAAE,~~4BAAW~~,gCAAa,aAAb,EAA4BI,QAA5B,~~CAAX~~,~~EAAkD~~;~~AAC3D~~,6BAAuBF;~~AADoC~~,~~KAAlD~~,~~yBAEQH~~,~~QAFR~~,EAJb;~~AAOE~~,IAAA,KAAK,8DAAOD,KAAP;~~AAAcS~~,MAAAA,KAAK,EAALA;AAAd;~~AAPP~~,~~MASE~~;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,~~EAAEN~~;AAAtC,~~KAA+CJ~~,~~QAA/C~~,~~CATF~~,CADF;~~AAaD~~,~~CAzBD;;eA2BeD~~,W","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { HasRef, HasRootRef } from '../../types';\nimport { SplitColContext } from '../SplitCol/SplitCol';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { useDOM } from '../../lib/dom';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './FixedLayout.css';\n\nexport interface FixedLayoutProps ~~extends~~\n React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement> {\n vertical?: 'top' \| 'bottom';\n /*\n Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n */\n filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n position: 'absolute' \| null;\n top: number;\n bottom: number;\n width: string;\n}\n\nconst FixedLayout: React.FC<FixedLayoutProps> = ({\n children, style, vertical, getRootRef, getRef, filled,\n ...restProps\n}: FixedLayoutProps) => {\n const platform = usePlatform();\n const [width, setWidth] = React.useState<string>(~~null~~);\n const { window } = useDOM();\n const { colRef } = React.useContext(SplitColContext);\n const doResize = () => setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : ~~null~~);\n React.useEffect(doResize, []);\n useGlobalEventListener(window, 'resize', doResize);\n\n return (\n <TooltipContainer\n {...restProps}\n fixed\n ref={getRootRef}\n vkuiClass={classNames(getClassName('FixedLayout', platform), {\n 'FixedLayout--filled': filled,\n }, `FixedLayout--${vertical}`)}\n style={{ ...style, width }}\n >\n <div vkuiClass=\"FixedLayout__in\" ref={getRef}>{children}</div>\n </TooltipContainer>\n );\n};\n\nexport default FixedLayout;\n"],"file":"FixedLayout.js"}
1	+ {"version":3,"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"names":["FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","React","useState","undefined","width","setWidth","window","useContext","SplitColContext","colRef","doResize","current","offsetWidth","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAsBA,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAQxB;AAAA,MAPtBC,QAOsB,QAPtBA,QAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,QAKsB,QALtBA,QAKsB;AAAA,MAJtBC,UAIsB,QAJtBA,UAIsB;AAAA,MAHtBC,MAGsB,QAHtBA,MAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAmCC,SAAnC,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmB,kBAAnB;AAAA,MAAQC,MAAR,WAAQA,MAAR;;AACA,0BAAmBL,KAAK,CAACM,UAAN,CAAiBC,yBAAjB,CAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,WACfL,QAAQ,CAACI,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsDT,SAAvD,CADO;AAAA,GAAjB;;AAEAF,EAAAA,KAAK,CAACY,SAAN,CAAgBH,QAAhB,EAA0B,CAACD,MAAD,CAA1B;AACA,sDAAuBH,MAAvB,EAA+B,QAA/B,EAAyCI,QAAzC;AAEA,SACE,qCAAC,kCAAD,6BACMX,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,SAAS,EAAE,4BACT,gCAAa,aAAb,EAA4BI,QAA5B,CADS,EAET;AACE,6BAAuBF;AADzB,KAFS,yBAKOH,QALP,EAJb;AAWE,IAAA,KAAK,8DAAOD,KAAP;AAAcU,MAAAA,KAAK,EAALA;AAAd;AAXP,MAaE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,EAAEP;AAAtC,KACGJ,QADH,CAbF,CADF;AAmBD,CArCD,C,CAuCA;;;eACeD,W","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement> {\n vertical?: \"top\" \| \"bottom\";\n /*\n Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n */\n filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n position: \"absolute\" \| null;\n top: number;\n bottom: number;\n width: string;\n}\n\nconst FixedLayout: React.FC<FixedLayoutProps> = ({\n children,\n style,\n vertical,\n getRootRef,\n getRef,\n filled,\n ...restProps\n}: FixedLayoutProps) => {\n const platform = usePlatform();\n const [width, setWidth] = React.useState<string \| undefined>(undefined);\n const { window } = useDOM();\n const { colRef } = React.useContext(SplitColContext);\n const doResize = () =>\n setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : undefined);\n React.useEffect(doResize, [colRef]);\n useGlobalEventListener(window, \"resize\", doResize);\n\n return (\n <TooltipContainer\n {...restProps}\n fixed\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName(\"FixedLayout\", platform),\n {\n \"FixedLayout--filled\": filled,\n },\n `FixedLayout--${vertical}`\n )}\n style={{ ...style, width }}\n >\n <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n {children}\n </div>\n </TooltipContainer>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default FixedLayout;\n"],"file":"FixedLayout.js"}

package/dist/cjs/components/FocusTrap/FocusTrap.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { HasComponent, HasRootRef } from '../../types';
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../types";
 export interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     onClose?: (props?: any) => void;
     restoreFocus?: boolean;