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

@vkontakte/vkui 4.22.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 (2208) hide show

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "hovered", "selected", "before", "after", "option", "description", "disabled"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { Icon16Done } from '@vkontakte/icons';
+import { Icon16Done } from "@vkontakte/icons";
 import { classNames } from "../../lib/classNames";
 import { hasReactNode } from "../../lib/utils";
 import Text from "../Typography/Text/Text";
@@ -10,7 +10,7 @@ import Caption from "../Typography/Caption/Caption";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { warnOnce } from "../../lib/warnOnce";
 import "./CustomSelectOption.css";
-var warn = warnOnce('CustomSelectOption');
+var warn = warnOnce("CustomSelectOption");
 var CustomSelectOption = function CustomSelectOption(_ref) {
   var children = _ref.children,
@@ -23,13 +23,13 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
       disabled = _ref.disabled,
       restProps = _objectWithoutProperties(_ref, _excluded);
-  var title = typeof children === 'string' ? children : null;
+  var title = typeof children === "string" ? children : null;
   var _useAdaptivity = useAdaptivity(),
       sizeY = _useAdaptivity.sizeY;
-  if (!!option && process.env.NODE_ENV === 'development') {
-    warn('Свойство option было добавлено по ошибке будет и удалено в 5.0.0');
+  if (!!option && process.env.NODE_ENV === "development") {
+    warn("Свойство option было добавлено по ошибке будет и удалено в 5.0.0");
   }
   return createScopedElement(Text, _extends({}, restProps, {
@@ -39,10 +39,10 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
     title: title,
     "aria-disabled": disabled,
     "aria-selected": selected,
-    vkuiClass: classNames('CustomSelectOption', "CustomSelectOption--sizeY-".concat(sizeY), {
-      'CustomSelectOption--hover': hovered && !disabled,
-      'CustomSelectOption--selected': selected,
-      'CustomSelectOption--disabled': disabled
+    vkuiClass: classNames("CustomSelectOption", "CustomSelectOption--sizeY-".concat(sizeY), {
+      "CustomSelectOption--hover": hovered && !disabled,
+      "CustomSelectOption--selected": selected,
+      "CustomSelectOption--disabled": disabled
     })
   }), hasReactNode(before) && createScopedElement("div", {
     vkuiClass: "CustomSelectOption__before"

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"names":["Icon16Done","classNames","hasReactNode","Text","Caption","useAdaptivity","warnOnce","warn","CustomSelectOption","children","hovered","selected","before","after","option","description","disabled","restProps","title","sizeY","process","env","NODE_ENV"],"mappings":";;;;AACA,SAASA,UAAT,QAA2B,kBAA3B;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,OAAOC,IAAP;AACA,OAAOC,OAAP;AAEA,SAASC,aAAT;AACA,SAASC,QAAT;AACA;~~AAaA~~,IAAMC,IAAI,GAAGD,QAAQ,CAAC,oBAAD,CAArB;;AAEA,IAAME,kBAAqD,GAAG,SAAxDA,kBAAwD,OAU/B;AAAA,MAT7BC,QAS6B,QAT7BA,QAS6B;AAAA,MAR7BC,OAQ6B,QAR7BA,OAQ6B;AAAA,MAP7BC,QAO6B,QAP7BA,QAO6B;AAAA,MAN7BC,MAM6B,QAN7BA,MAM6B;AAAA,MAL7BC,KAK6B,QAL7BA,KAK6B;AAAA,MAJ7BC,MAI6B,QAJ7BA,MAI6B;AAAA,MAH7BC,WAG6B,QAH7BA,WAG6B;AAAA,MAF7BC,QAE6B,QAF7BA,QAE6B;AAAA,MAD1BC,SAC0B;;AAC7B,MAAMC,KAAK,GAAG,OAAOT,QAAP,KAAoB,QAApB,GAA+BA,QAA/B,GAA0C,IAAxD;;AACA,uBAAkBJ,aAAa,EAA/B;AAAA,MAAQc,KAAR,kBAAQA,KAAR;;AAEA,MAAI,CAAC,CAACL,MAAF,IAAYM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzC,EAAwD;AACtDf,IAAAA,IAAI,CAAC,kEAAD,CAAJ;AACD;;AAED,SACE,oBAAC,IAAD,eACMU,SADN;AAEE,IAAA,SAAS,EAAC,KAFZ;AAGE,IAAA,MAAM,EAAC,SAHT;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,IAAA,KAAK,EAAEC,KALT;AAME,qBAAeF,QANjB;AAOE,qBAAeL,QAPjB;AAQE,IAAA,SAAS,EAAEV,UAAU,~~CAAC~~,~~oBAAD~~,~~sCAAoDkB~~,~~KAApD~~,~~GAA6D~~;~~AAChF~~,mCAA6BT,OAAO,IAAI,CAACM,~~QADuC~~;~~AAEhF~~,sCAAgCL,~~QAFgD~~;~~AAGhF~~,sCAAgCK;~~AAHgD~~,~~KAA7D~~;AARvB,~~MAcGd~~,YAAY,CAACU,MAAD,CAAZ,~~IAAwB~~;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,~~CAd3B~~,~~EAeE~~;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+CH,QAA/C,CADF,EAEGP,YAAY,CAACa,WAAD,CAAZ,IACC,oBAAC,OAAD;~~AAAS~~,IAAA,KAAK,EAAC,~~GAAf~~;~~AAAmB~~,IAAA,MAAM,EAAC,~~SAA1B~~;~~AAAoC~~,IAAA,SAAS,EAAC;~~AAA9C~~,~~KAAiFA~~,~~WAAjF~~,CAHJ,~~CAfF~~,~~EAqBE~~;AAAK,IAAA,SAAS,EAAC;AAAf,KACGb,YAAY,CAACW,KAAD,CAAZ,~~IAAuB~~;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8CA,KAA9C,~~CAD1B~~,~~EAEGF~~,QAAQ,~~IAAI~~,oBAAC,UAAD;AAAY,IAAA,SAAS,EAAC;AAAtB,~~IAFf~~,~~CArBF~~,CADF;~~AA4BD~~,~~CA9CD~~;;~~AAgDA~~,eAAeH,kBAAf","sourcesContent":["import * as React from 'react';\nimport { Icon16Done } from '@vkontakte/icons';\nimport { classNames } from '../../lib/classNames';\nimport { hasReactNode } from '../../lib/utils';\nimport Text from '../Typography/Text/Text';\nimport Caption from '../Typography/Caption/Caption';\nimport { HasRootRef } from '../../types';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport './CustomSelectOption.css';\n\nexport interface CustomSelectOptionProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {\n option?: any;\n selected?: boolean;\n focused?: boolean;\n hovered?: boolean;\n before?: React.ReactNode;\n after?: React.ReactNode;\n description?: React.ReactNode;\n disabled?: boolean;\n}\n\nconst warn = warnOnce('CustomSelectOption');\n\nconst CustomSelectOption: React.FC<CustomSelectOptionProps> = ({\n children,\n hovered,\n selected,\n before,\n after,\n option,\n description,\n disabled,\n ...restProps\n}: CustomSelectOptionProps) => {\n const title = typeof children === 'string' ? children : null;\n const { sizeY } = useAdaptivity();\n\n if (!!option && process.env.NODE_ENV === 'development') {\n warn('Свойство option было добавлено по ошибке будет и удалено в 5.0.0');\n }\n\n return (\n <Text\n {...restProps}\n Component=\"div\"\n weight=\"regular\"\n role=\"option\"\n title={title}\n aria-disabled={disabled}\n aria-selected={selected}\n vkuiClass={classNames('CustomSelectOption', `CustomSelectOption--sizeY-${sizeY}`, {\n 'CustomSelectOption--hover': hovered && !disabled,\n 'CustomSelectOption--selected': selected,\n 'CustomSelectOption--disabled': disabled,\n })}\n >\n {hasReactNode(before) && <div vkuiClass=\"CustomSelectOption__before\">{before}</div>}\n <div vkuiClass=\"CustomSelectOption__main\">\n <div vkuiClass=\"CustomSelectOption__children\">{children}</div>\n {hasReactNode(description) ~~&&\~~n <Caption level=\"1\" weight=\"regular\" vkuiClass=\"CustomSelectOption__description\">{description}</Caption>\n }\n </div>\n <div vkuiClass=\"CustomSelectOption__after\">\n {hasReactNode(after) && <div className=\"CustomSelectOption__afterIn\">{after}</div>}\n {selected && <Icon16Done vkuiClass=\"CustomSelectOption__selectedIcon\" />}\n </div>\n </Text>\n );\n};\n\nexport default CustomSelectOption;\n"],"file":"CustomSelectOption.js"}
1	+ {"version":3,"sources":["../../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"names":["Icon16Done","classNames","hasReactNode","Text","Caption","useAdaptivity","warnOnce","warn","CustomSelectOption","children","hovered","selected","before","after","option","description","disabled","restProps","title","sizeY","process","env","NODE_ENV"],"mappings":";;;;AACA,SAASA,UAAT,QAA2B,kBAA3B;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,OAAOC,IAAP;AACA,OAAOC,OAAP;AAEA,SAASC,aAAT;AACA,SAASC,QAAT;AACA;AAeA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,oBAAD,CAArB;;AAEA,IAAME,kBAAqD,GAAG,SAAxDA,kBAAwD,OAU/B;AAAA,MAT7BC,QAS6B,QAT7BA,QAS6B;AAAA,MAR7BC,OAQ6B,QAR7BA,OAQ6B;AAAA,MAP7BC,QAO6B,QAP7BA,QAO6B;AAAA,MAN7BC,MAM6B,QAN7BA,MAM6B;AAAA,MAL7BC,KAK6B,QAL7BA,KAK6B;AAAA,MAJ7BC,MAI6B,QAJ7BA,MAI6B;AAAA,MAH7BC,WAG6B,QAH7BA,WAG6B;AAAA,MAF7BC,QAE6B,QAF7BA,QAE6B;AAAA,MAD1BC,SAC0B;;AAC7B,MAAMC,KAAK,GAAG,OAAOT,QAAP,KAAoB,QAApB,GAA+BA,QAA/B,GAA0C,IAAxD;;AACA,uBAAkBJ,aAAa,EAA/B;AAAA,MAAQc,KAAR,kBAAQA,KAAR;;AAEA,MAAI,CAAC,CAACL,MAAF,IAAYM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzC,EAAwD;AACtDf,IAAAA,IAAI,CAAC,kEAAD,CAAJ;AACD;;AAED,SACE,oBAAC,IAAD,eACMU,SADN;AAEE,IAAA,SAAS,EAAC,KAFZ;AAGE,IAAA,MAAM,EAAC,SAHT;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,IAAA,KAAK,EAAEC,KALT;AAME,qBAAeF,QANjB;AAOE,qBAAeL,QAPjB;AAQE,IAAA,SAAS,EAAEV,UAAU,CACnB,oBADmB,sCAEUkB,KAFV,GAGnB;AACE,mCAA6BT,OAAO,IAAI,CAACM,QAD3C;AAEE,sCAAgCL,QAFlC;AAGE,sCAAgCK;AAHlC,KAHmB;AARvB,MAkBGd,YAAY,CAACU,MAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAnBJ,EAqBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+CH,QAA/C,CADF,EAEGP,YAAY,CAACa,WAAD,CAAZ,IACC,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGA,WALH,CAHJ,CArBF,EAiCE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGb,YAAY,CAACW,KAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8CA,KAA9C,CAFJ,EAIGF,QAAQ,IACP,oBAAC,UAAD;AAAY,IAAA,SAAS,EAAC;AAAtB,IALJ,CAjCF,CADF;AA4CD,CA9DD;;AAgEA,eAAeH,kBAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon16Done } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Text from \"../Typography/Text/Text\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./CustomSelectOption.css\";\n\nexport interface CustomSelectOptionProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n option?: any;\n selected?: boolean;\n focused?: boolean;\n hovered?: boolean;\n before?: React.ReactNode;\n after?: React.ReactNode;\n description?: React.ReactNode;\n disabled?: boolean;\n}\n\nconst warn = warnOnce(\"CustomSelectOption\");\n\nconst CustomSelectOption: React.FC<CustomSelectOptionProps> = ({\n children,\n hovered,\n selected,\n before,\n after,\n option,\n description,\n disabled,\n ...restProps\n}: CustomSelectOptionProps) => {\n const title = typeof children === \"string\" ? children : null;\n const { sizeY } = useAdaptivity();\n\n if (!!option && process.env.NODE_ENV === \"development\") {\n warn(\"Свойство option было добавлено по ошибке будет и удалено в 5.0.0\");\n }\n\n return (\n <Text\n {...restProps}\n Component=\"div\"\n weight=\"regular\"\n role=\"option\"\n title={title}\n aria-disabled={disabled}\n aria-selected={selected}\n vkuiClass={classNames(\n \"CustomSelectOption\",\n `CustomSelectOption--sizeY-${sizeY}`,\n {\n \"CustomSelectOption--hover\": hovered && !disabled,\n \"CustomSelectOption--selected\": selected,\n \"CustomSelectOption--disabled\": disabled,\n }\n )}\n >\n {hasReactNode(before) && (\n <div vkuiClass=\"CustomSelectOption__before\">{before}</div>\n )}\n <div vkuiClass=\"CustomSelectOption__main\">\n <div vkuiClass=\"CustomSelectOption__children\">{children}</div>\n {hasReactNode(description) && (\n <Caption\n level=\"1\"\n weight=\"regular\"\n vkuiClass=\"CustomSelectOption__description\"\n >\n {description}\n </Caption>\n )}\n </div>\n <div vkuiClass=\"CustomSelectOption__after\">\n {hasReactNode(after) && (\n <div className=\"CustomSelectOption__afterIn\">{after}</div>\n )}\n {selected && (\n <Icon16Done vkuiClass=\"CustomSelectOption__selectedIcon\" />\n )}\n </div>\n </Text>\n );\n};\n\nexport default CustomSelectOption;\n"],"file":"CustomSelectOption.js"}

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

@@ -7,13 +7,13 @@ var _excluded = ["name", "min", "max", "dayPlaceholder", "monthPlaceholder", "ye
     _excluded2 = ["min", "max", "dayPlaceholder", "monthPlaceholder", "yearPlaceholder", "popupDirection", "defaultValue", "hasMouse", "day", "month", "year", "onDateChange"],
     _excluded3 = ["hasMouse", "defaultValue"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import Input from "../Input/Input";
 import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { leadingZero } from "../../lib/utils";
 import CustomSelect from "../CustomSelect/CustomSelect";
 import "./DatePicker.css";
-var DefaultMonths = ['Января', 'Февраля', 'Марта', 'Апреля', 'Мая', 'Июня', 'Июля', 'Августа', 'Сентября', 'Октября', 'Ноября', 'Декабря'];
+var DefaultMonths = ["Января", "Февраля", "Марта", "Апреля", "Мая", "Июня", "Июля", "Августа", "Сентября", "Октября", "Ноября", "Декабря"];
 // Переводим state к формату гг-мм-дд
 function convertToInputFormat(_ref) {
@@ -25,7 +25,7 @@ function convertToInputFormat(_ref) {
 function parseInputDate(date) {
-  var splited = date.split('-');
+  var splited = date.split("-");
   return {
     day: Number(splited[2]),
     month: Number(splited[1]),

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":["React","Input","withAdaptivity","leadingZero","CustomSelect","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","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":["React","Input","withAdaptivity","leadingZero","CustomSelect","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","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 \"Марта\",\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,\n month,\n year,\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,\n max,\n dayPlaceholder,\n monthPlaceholder,\n yearPlaceholder,\n popupDirection,\n defaultValue,\n hasMouse,\n monthNames,\n day,\n month,\n 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\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,\n max,\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.onDateChange]\n );\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"}

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

@@ -13,7 +13,7 @@ export var Div = function Div(_ref) {
   var platform = usePlatform();
   return createScopedElement("div", _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: getClassName('Div', platform)
+    vkuiClass: getClassName("Div", platform)
   }), children);
 };
 export default Div;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Div/Div.tsx"],"names":["getClassName","usePlatform","Div","children","getRootRef","restProps","platform"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AAEA;~~AAIA~~,OAAO,IAAMC,GAAsC,GAAG,SAAzCA,GAAyC,~~OAAsD~~;AAAA,~~MAAnDC~~,~~QAAmD~~,~~QAAnDA~~,~~QAAmD~~;AAAA,~~MAAzCC~~,~~UAAyC~~,~~QAAzCA~~,~~UAAyC~~;AAAA,~~MAA1BC~~,~~SAA0B~~;;~~AAC1G~~,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;AACA,SACE,~~wCAASI~~,~~SAAT~~;~~AAAoB~~,IAAA,GAAG,EAAED,~~UAAzB~~;~~AAAqC~~,IAAA,SAAS,EAAEJ,YAAY,CAAC,KAAD,EAAQM,QAAR;~~AAA5D~~,~~MACGH~~,~~QADH~~,CADF;~~AAKD~~,~~CAPM~~;~~AASP~~,eAAeD,GAAf","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":["getClassName","usePlatform","Div","children","getRootRef","restProps","platform"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AAEA;AAMA,OAAO,IAAMC,GAAsC,GAAG,SAAzCA,GAAyC,OAItC;AAAA,MAHdC,QAGc,QAHdA,QAGc;AAAA,MAFdC,UAEc,QAFdA,UAEc;AAAA,MADXC,SACW;;AACd,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;AACA,SACE,wCACMI,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAEJ,YAAY,CAAC,KAAD,EAAQM,QAAR;AAHzB,MAKGH,QALH,CADF;AASD,CAfM;AAiBP,eAAeD,GAAf","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\nexport default Div;\n"],"file":"Div.js"}

package/dist/cssm/components/Dropdown/Dropdown.css ADDED Viewed

@@ -0,0 +1 @@

+ .vkuiDropdown{-webkit-animation:vkui-popper-fadein .2s ease;animation:vkui-popper-fadein .2s ease;background:#fff;background:var(--background_content)}.vkuiDropdown--ios{box-shadow:0 0 96px rgba(0,0,0,.16),0 0 2px rgba(0,0,0,.12);border-radius:14px}.vkuiDropdown--android{box-shadow:0 0 4px rgba(0,0,0,.08),0 8px 8px rgba(0,0,0,.16);border-radius:12px}.vkuiDropdown--vkcom{box-shadow:0 0 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.08);border-radius:12px}

package/dist/cssm/components/Dropdown/Dropdown.js ADDED Viewed

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["action", "hideDelay", "showDelay"];
+import { createScopedElement } from "../../lib/jsxRuntime";
+import { HoverPopper } from "../HoverPopper/HoverPopper";
+import { ClickPopper } from "../ClickPopper/ClickPopper";
+import { getClassName } from "../../helpers/getClassName";
+import { usePlatform } from "../../hooks/usePlatform";
+import "./Dropdown.css"; // Приходится избегать экстендов от HoverPopperProps, ClickPopperProps и PopperProps, потому что react-docgen не умеет в Omit.
+// Ждём либо фикса react-docgen (что вряд ли), либо переезда на react-docgen-typescript, где такой проблемы нет.
+export var Dropdown = function Dropdown(_ref) {
+  var _ref$action = _ref.action,
+      action = _ref$action === void 0 ? "click" : _ref$action,
+      hideDelay = _ref.hideDelay,
+      showDelay = _ref.showDelay,
+      popperProps = _objectWithoutProperties(_ref, _excluded);
+  var platform = usePlatform();
+  var Component;
+  var actionSpecificProps = {};
+  switch (action) {
+    case "click":
+      Component = ClickPopper;
+      break;
+    case "hover":
+      actionSpecificProps = {
+        hideDelay: hideDelay,
+        showDelay: showDelay
+      };
+      Component = HoverPopper;
+      break;
+  }
+  return createScopedElement(Component, _extends({
+    vkuiClass: getClassName("Dropdown", platform)
+  }, actionSpecificProps, popperProps));
+};
+//# sourceMappingURL=Dropdown.js.map

package/dist/cssm/components/Dropdown/Dropdown.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":["HoverPopper","ClickPopper","getClassName","usePlatform","Dropdown","action","hideDelay","showDelay","popperProps","platform","Component","actionSpecificProps"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AAEA,wB,CAEA;AACA;;AA6CA,OAAO,IAAMC,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,GAAGN,WAAW,EAA5B;AAEA,MAAIO,SAAJ;AACA,MAAIC,mBAA2C,GAAG,EAAlD;;AAEA,UAAQN,MAAR;AACE,SAAK,OAAL;AACEK,MAAAA,SAAS,GAAGT,WAAZ;AACA;;AACF,SAAK,OAAL;AACEU,MAAAA,mBAAmB,GAAG;AAAEL,QAAAA,SAAS,EAATA,SAAF;AAAaC,QAAAA,SAAS,EAATA;AAAb,OAAtB;AACAG,MAAAA,SAAS,GAAGV,WAAZ;AACA;AAPJ;;AAUA,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEE,YAAY,CAAC,UAAD,EAAaO,QAAb;AADzB,KAEME,mBAFN,EAGMH,WAHN,EADF;AAOD,CA5BM","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> = ({\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/cssm/components/DropdownIcon/DropdownIcon.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { Icon20Dropdown, Icon24ChevronDown } from '@vkontakte/icons';
+import { Icon20Dropdown, Icon24ChevronDown } from "@vkontakte/icons";
 import { SizeType } from "../AdaptivityProvider/AdaptivityContext";
 import { getClassName } from "../../helpers/getClassName";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
@@ -14,7 +14,7 @@ export var DropdownIcon = function DropdownIcon(props) {
   var Icon = sizeY === SizeType.COMPACT ? Icon20Dropdown : Icon24ChevronDown;
   return createScopedElement(Icon, _extends({
-    vkuiClass: getClassName('DropdownIcon', platform)
+    vkuiClass: getClassName("DropdownIcon", platform)
   }, props));
 };
 //# sourceMappingURL=DropdownIcon.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":["Icon20Dropdown","Icon24ChevronDown","SizeType","getClassName","useAdaptivity","usePlatform","DropdownIcon","props","platform","sizeY","Icon","COMPACT"],"mappings":";;AACA,SAASA,cAAT,EAAyBC,iBAAzB,QAAkD,kBAAlD;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA,SAASC,aAAT;AACA,SAASC,WAAT;AACA;AAEA,OAAO,IAAMC,YAAyD,GAAG,SAA5DA,YAA4D,~~CAACC~~,~~KAAD~~,~~EAAW~~;~~AAClF~~,MAAMC,QAAQ,GAAGH,WAAW,EAA5B;;AACA,uBAAkBD,aAAa,EAA/B;AAAA,MAAQK,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,IAAI,GAAGD,KAAK,KAAKP,QAAQ,CAACS,OAAnB,~~GACTX~~,~~cADS~~,~~GAETC~~,~~iBAFJ~~;~~AAIA~~,~~SACE~~,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEE,YAAY,CAAC,cAAD,EAAiBK,QAAjB;AAA7B,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":["Icon20Dropdown","Icon24ChevronDown","SizeType","getClassName","useAdaptivity","usePlatform","DropdownIcon","props","platform","sizeY","Icon","COMPACT"],"mappings":";;AACA,SAASA,cAAT,EAAyBC,iBAAzB,QAAkD,kBAAlD;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA,SAASC,aAAT;AACA,SAASC,WAAT;AACA;AAEA,OAAO,IAAMC,YAAyD,GAAG,SAA5DA,YAA4D,CACvEC,KADuE,EAEpE;AACH,MAAMC,QAAQ,GAAGH,WAAW,EAA5B;;AACA,uBAAkBD,aAAa,EAA/B;AAAA,MAAQK,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,IAAI,GAAGD,KAAK,KAAKP,QAAQ,CAACS,OAAnB,GAA6BX,cAA7B,GAA8CC,iBAA3D;AAEA,SAAO,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEE,YAAY,CAAC,cAAD,EAAiBK,QAAjB;AAA7B,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/cssm/components/Epic/Epic.js CHANGED Viewed

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["activeStory", "tabbar", "children", "viewWidth"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { usePlatform } from "../../hooks/usePlatform";
 import { withAdaptivity, ViewWidth } from "../../hoc/withAdaptivity";
@@ -10,7 +10,7 @@ import { ScrollSaver } from "./ScrollSaver";
 import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
 import "./Epic.css";
-var warn = warnOnce('Epic');
+var warn = warnOnce("Epic");
 export var Epic = function Epic(props) {
   var platform = usePlatform();
   var scroll = React.useRef({}).current;
@@ -21,15 +21,15 @@ export var Epic = function Epic(props) {
       viewWidth = props.viewWidth,
       restProps = _objectWithoutProperties(props, _excluded);
-  if (process.env.NODE_ENV === 'development' && !tabbar && viewWidth < ViewWidth.SMALL_TABLET) {
-    warn('Using Epic without tabbar is not recommended on mobile');
+  if (process.env.NODE_ENV === "development" && !tabbar && viewWidth < ViewWidth.SMALL_TABLET) {
+    warn("Using Epic without tabbar is not recommended on mobile");
   }
   var story = React.Children.toArray(children).find(function (story) {
     return getNavId(story.props, warn) === activeStory;
   }) || null;
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: getClassName('Epic', platform)
+    vkuiClass: getClassName("Epic", platform)
   }), createScopedElement(ScrollSaver, {
     key: activeStory,
     initialScroll: scroll[activeStory] || 0,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Epic/Epic.tsx"],"names":["React","getClassName","usePlatform","withAdaptivity","ViewWidth","ScrollSaver","getNavId","warnOnce","warn","Epic","props","platform","scroll","useRef","current","activeStory","tabbar","children","viewWidth","restProps","process","env","NODE_ENV","SMALL_TABLET","story","Children","toArray","find","value"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,~~SAASC~~,~~cAAT~~,~~EAAyBC~~,~~SAAzB~~;~~AACA~~,SAASC,WAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA;~~AAOA~~,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;AAEA,OAAO,IAAME,IAAyB,GAAG,SAA5BA,IAA4B,CAACC,KAAD,EAAsB;AAC7D,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AACA,MAAMU,MAAM,GAAGZ,KAAK,CAACa,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;;AACA,MAAQC,WAAR,GAAmEL,KAAnE,CAAQK,WAAR;AAAA,MAAqBC,MAArB,GAAmEN,KAAnE,CAAqBM,MAArB;AAAA,MAA6BC,QAA7B,GAAmEP,KAAnE,CAA6BO,QAA7B;AAAA,MAAuCC,SAAvC,GAAmER,KAAnE,CAAuCQ,SAAvC;AAAA,MAAqDC,SAArD,4BAAmET,KAAnE;;AAEA,~~MAAIU~~,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,~~IAA0C~~,CAACN,~~MAA3C~~,~~IAAqDE~~,SAAS,GAAGd,SAAS,CAACmB,~~YAA/E~~,~~EAA6F~~;~~AAC3Ff~~,IAAAA,IAAI,CAAC,wDAAD,CAAJ;AACD;;AACD,MAAMgB,KAAK,~~GAAIxB~~,KAAK,CAACyB,QAAN,CAAeC,OAAf,CAAuBT,QAAvB,CAAD,~~CACXU~~,~~IADW~~,~~CACN~~,UAACH,KAAD;AAAA,WAAWlB,QAAQ,CAACkB,KAAK,CAACd,KAAP,EAAcF,IAAd,CAAR,KAAgCO,WAA3C;AAAA,~~GADM~~,~~KACqD~~,~~IADnE~~;~~AAGA~~,SACE,wCAASI,SAAT;AAAoB,IAAA,SAAS,EAAElB,YAAY,CAAC,MAAD,EAASU,QAAT;AAA3C,MACE,oBAAC,WAAD;AACE,IAAA,GAAG,EAAEI,WADP;AAEE,IAAA,aAAa,EAAEH,MAAM,CAACG,WAAD,CAAN,IAAuB,CAFxC;AAGE,IAAA,UAAU,EAAE,oBAACa,KAAD;AAAA,~~aAAWhB~~,MAAM,CAACG,WAAD,CAAN,GAAsBa,~~KAAjC~~;AAAA;AAHd,~~KAIEJ~~,~~KAJF~~,CADF,~~EAMGR~~,~~MANH~~,CADF;~~AAUD~~,~~CArBM~~;~~AAuBP~~,eAAeb,cAAc,CAACM,IAAD,EAAO;AAClCS,EAAAA,SAAS,EAAE;AADuB,CAAP,CAA7B","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":["React","getClassName","usePlatform","withAdaptivity","ViewWidth","ScrollSaver","getNavId","warnOnce","warn","Epic","props","platform","scroll","useRef","current","activeStory","tabbar","children","viewWidth","restProps","process","env","NODE_ENV","SMALL_TABLET","story","Children","toArray","find","value"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SACEC,cADF,EAEEC,SAFF;AAKA,SAASC,WAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA;AASA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;AAEA,OAAO,IAAME,IAAyB,GAAG,SAA5BA,IAA4B,CAACC,KAAD,EAAsB;AAC7D,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AACA,MAAMU,MAAM,GAAGZ,KAAK,CAACa,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;;AACA,MAAQC,WAAR,GAAmEL,KAAnE,CAAQK,WAAR;AAAA,MAAqBC,MAArB,GAAmEN,KAAnE,CAAqBM,MAArB;AAAA,MAA6BC,QAA7B,GAAmEP,KAAnE,CAA6BO,QAA7B;AAAA,MAAuCC,SAAvC,GAAmER,KAAnE,CAAuCQ,SAAvC;AAAA,MAAqDC,SAArD,4BAAmET,KAAnE;;AAEA,MACEU,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,CAACN,MADD,IAEAE,SAAS,GAAGd,SAAS,CAACmB,YAHxB,EAIE;AACAf,IAAAA,IAAI,CAAC,wDAAD,CAAJ;AACD;;AACD,MAAMgB,KAAK,GACRxB,KAAK,CAACyB,QAAN,CAAeC,OAAf,CAAuBT,QAAvB,CAAD,CAA2DU,IAA3D,CACE,UAACH,KAAD;AAAA,WAAWlB,QAAQ,CAACkB,KAAK,CAACd,KAAP,EAAcF,IAAd,CAAR,KAAgCO,WAA3C;AAAA,GADF,KAEK,IAHP;AAKA,SACE,wCAASI,SAAT;AAAoB,IAAA,SAAS,EAAElB,YAAY,CAAC,MAAD,EAASU,QAAT;AAA3C,MACE,oBAAC,WAAD;AACE,IAAA,GAAG,EAAEI,WADP;AAEE,IAAA,aAAa,EAAEH,MAAM,CAACG,WAAD,CAAN,IAAuB,CAFxC;AAGE,IAAA,UAAU,EAAE,oBAACa,KAAD;AAAA,aAAYhB,MAAM,CAACG,WAAD,CAAN,GAAsBa,KAAlC;AAAA;AAHd,KAKGJ,KALH,CADF,EAQGR,MARH,CADF;AAYD,CA7BM;AA+BP,eAAeb,cAAc,CAACM,IAAD,EAAO;AAClCS,EAAAA,SAAS,EAAE;AADuB,CAAP,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n ViewWidth,\n AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { ScrollSaver } from \"./ScrollSaver\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\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> = (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 (\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) as React.ReactElement[]).find(\n (story) => getNavId(story.props, warn) === activeStory\n ) \|\| 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\nexport default withAdaptivity(Epic, {\n viewWidth: true,\n});\n"],"file":"Epic.js"}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 import { ScrollContext } from "../AppRoot/ScrollContext";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 export var ScrollSaver = function ScrollSaver(_ref) {
@@ -11,7 +11,7 @@ export var ScrollSaver = function ScrollSaver(_ref) {
       scrollTo = _React$useContext.scrollTo;
   useIsomorphicLayoutEffect(function () {
-    if (typeof initialScroll === 'number') {
+    if (typeof initialScroll === "number") {
       scrollTo(0, initialScroll);
     }

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Epic/ScrollSaver.tsx"],"names":["React","ScrollContext","useIsomorphicLayoutEffect","ScrollSaver","children","initialScroll","saveScroll","useContext","getScroll","scrollTo","y"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,yBAAT;AAQA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,~~OAA6C~~;AAAA,~~MAA1CC~~,~~QAA0C~~,~~QAA1CA~~,~~QAA0C~~;AAAA,~~MAAhCC~~,~~aAAgC~~,~~QAAhCA~~,~~aAAgC~~;AAAA,~~MAAjBC~~,~~UAAiB~~,~~QAAjBA~~,~~UAAiB~~;;~~AAClG~~,0BAAgCN,KAAK,CAACO,UAAN,CAAiBN,aAAjB,CAAhC;AAAA,MAAQO,SAAR,qBAAQA,SAAR;AAAA,MAAmBC,QAAnB,qBAAmBA,QAAnB;;AACAP,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAI,OAAOG,aAAP,KAAyB,QAA7B,EAAuC;AACrCI,MAAAA,QAAQ,CAAC,CAAD,EAAIJ,aAAJ,CAAR;AACD;;AACD,WAAO;AAAA,aAAMC,UAAU,CAACE,SAAS,GAAGE,CAAb,CAAhB;AAAA,KAAP;AACD,GALwB,EAKtB,EALsB,CAAzB;AAMA,SAAON,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":["React","ScrollContext","useIsomorphicLayoutEffect","ScrollSaver","children","initialScroll","saveScroll","useContext","getScroll","scrollTo","y"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,yBAAT;AAQA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAIjD;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,UACI,QADJA,UACI;;AACJ,0BAAgCN,KAAK,CAACO,UAAN,CAAiBN,aAAjB,CAAhC;AAAA,MAAQO,SAAR,qBAAQA,SAAR;AAAA,MAAmBC,QAAnB,qBAAmBA,QAAnB;;AACAP,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAI,OAAOG,aAAP,KAAyB,QAA7B,EAAuC;AACrCI,MAAAA,QAAQ,CAAC,CAAD,EAAIJ,aAAJ,CAAR;AACD;;AACD,WAAO;AAAA,aAAMC,UAAU,CAACE,SAAS,GAAGE,CAAb,CAAhB;AAAA,KAAP;AACD,GALwB,EAKtB,EALsB,CAAzB;AAMA,SAAON,QAAP;AACD,CAbM","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> = ({\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 children;\n};\n"],"file":"ScrollSaver.js"}

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { getClassName } from "../../helpers/getClassName";
 import Button from "../Button/Button";
@@ -20,16 +20,18 @@ var File = function File(props) {
       getRef = props.getRef,
       getRootRef = props.getRootRef,
       _onClick = props.onClick,
+      appearance = props.appearance,
       restProps = _objectWithoutProperties(props, _excluded);
   var platform = usePlatform();
   var inputRef = useExternRef(getRef);
   return createScopedElement(Button, {
     align: align,
-    vkuiClass: getClassName('File', platform),
+    vkuiClass: getClassName("File", platform),
     className: className,
     stretched: stretched,
     mode: mode,
+    appearance: appearance,
     size: controlSize,
     before: before,
     style: style,
@@ -48,8 +50,8 @@ var File = function File(props) {
 };
 File.defaultProps = {
-  children: 'Выберите файл',
-  align: 'left'
+  children: "Выберите файл",
+  align: "left"
 };
 export default File;
 //# sourceMappingURL=File.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/File/File.tsx"],"names":["getClassName","Button","usePlatform","useExternRef","File","props","children","align","controlSize","mode","stretched","before","className","style","getRef","getRootRef","onClick","restProps","platform","inputRef","disabled","e","current","click","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,OAAOC,MAAP;AAEA,SAASC,WAAT;AACA,SAASC,YAAT;AACA;;AAWA,IAAMC,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~~,~~4BACuDZ~~,~~KADvD~~;;~~AAGA~~,~~MAAMa~~,QAAQ,~~GAAGhB~~,WAAW,EAA5B;AACA,~~MAAMiB~~,QAAQ,~~GAAGhB~~,YAAY,CAACW,MAAD,CAA7B;AAEA,SACE,oBAAC,MAAD;AACE,IAAA,KAAK,EAAEP,KADT;AAEE,IAAA,SAAS,EAAEP,YAAY,CAAC,MAAD,~~EAASkB~~,QAAT,CAFzB;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~~,~~0CAAWJ~~,~~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;AAKA,eAAeH,IAAf","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":["getClassName","Button","usePlatform","useExternRef","File","props","children","align","controlSize","mode","stretched","before","className","style","getRef","getRootRef","onClick","appearance","restProps","platform","inputRef","disabled","e","current","click","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,OAAOC,MAAP;AAEA,SAASC,WAAT;AACA,SAASC,YAAT;AACA;;AAWA,IAAMC,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,4BAcIb,KAdJ;;AAgBA,MAAMc,QAAQ,GAAGjB,WAAW,EAA5B;AACA,MAAMkB,QAAQ,GAAGjB,YAAY,CAACW,MAAD,CAA7B;AAEA,SACE,oBAAC,MAAD;AACE,IAAA,KAAK,EAAEP,KADT;AAEE,IAAA,SAAS,EAAEP,YAAY,CAAC,MAAD,EAASmB,QAAT,CAFzB;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;AACdF,MAAAA,QAAQ,CAACG,OAAT,CAAiBC,KAAjB;AACAR,MAAAA,QAAO,IAAIA,QAAO,CAACM,CAAD,CAAlB;AACD;AAhBH,KAkBE,0CACMJ,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;AAKA,eAAeH,IAAf","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\nexport default File;\n"],"file":"File.js"}

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

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "style", "vertical", "getRootRef", "getRef", "filled"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { SplitColContext } from "../SplitCol/SplitCol";
@@ -41,12 +41,12 @@ var FixedLayout = function FixedLayout(_ref) {
   };
   React.useEffect(doResize, []);
-  useGlobalEventListener(window, 'resize', doResize);
+  useGlobalEventListener(window, "resize", doResize);
   return createScopedElement(TooltipContainer, _extends({}, restProps, {
     fixed: true,
     ref: getRootRef,
-    vkuiClass: classNames(getClassName('FixedLayout', platform), {
-      'FixedLayout--filled': filled
+    vkuiClass: classNames(getClassName("FixedLayout", platform), {
+      "FixedLayout--filled": filled
     }, "FixedLayout--".concat(vertical)),
     style: _objectSpread(_objectSpread({}, style), {}, {
       width: width

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"names":["React","getClassName","classNames","SplitColContext","TooltipContainer","useDOM","useGlobalEventListener","usePlatform","FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","useState","width","setWidth","window","useContext","colRef","doResize","current","offsetWidth","useEffect"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,eAAT;AACA,SAASC,gBAAT;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AACA,SAASC,WAAT;AACA;;AAqBA,IAAMC,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,GAAGT,WAAW,EAA5B;;AACA,wBAA0BP,KAAK,CAACiB,QAAN,CAAuB,IAAvB,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmBd,MAAM,EAAzB;AAAA,MAAQe,MAAR,WAAQA,MAAR;;AACA,0BAAmBpB,KAAK,CAACqB,UAAN,CAAiBlB,eAAjB,CAAnB;AAAA,MAAQmB,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,~~WAAMJ~~,QAAQ,CAACG,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsD,IAAvD,~~CAAd~~;AAAA,GAAjB;;~~AACAzB~~,EAAAA,KAAK,CAAC0B,SAAN,CAAgBH,QAAhB,EAA0B,EAA1B;AACAjB,EAAAA,sBAAsB,CAACc,MAAD,EAAS,QAAT,EAAmBG,QAAnB,CAAtB;AAEA,SACE,oBAAC,gBAAD,eACMR,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,SAAS,EAAEV,UAAU,~~CAACD~~,YAAY,CAAC,aAAD,EAAgBe,QAAhB,~~CAAb~~,~~EAAwC~~;~~AAC3D~~,6BAAuBF;~~AADoC~~,~~KAAxC~~,~~yBAEFH~~,~~QAFE~~,EAJvB;~~AAOE~~,IAAA,KAAK,kCAAOD,KAAP;AAAcQ,MAAAA,KAAK,EAALA;AAAd;~~AAPP~~,~~MASE~~;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,EAAEL;AAAtC,~~KAA+CJ~~,~~QAA/C~~,~~CATF~~,CADF;~~AAaD~~,~~CAzBD~~;;~~AA2BA~~,eAAeD,WAAf","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":["React","getClassName","classNames","SplitColContext","TooltipContainer","useDOM","useGlobalEventListener","usePlatform","FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","useState","width","setWidth","window","useContext","colRef","doResize","current","offsetWidth","useEffect"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,eAAT;AACA,SAASC,gBAAT;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AACA,SAASC,WAAT;AACA;;AAqBA,IAAMC,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,GAAGT,WAAW,EAA5B;;AACA,wBAA0BP,KAAK,CAACiB,QAAN,CAAuB,IAAvB,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmBd,MAAM,EAAzB;AAAA,MAAQe,MAAR,WAAQA,MAAR;;AACA,0BAAmBpB,KAAK,CAACqB,UAAN,CAAiBlB,eAAjB,CAAnB;AAAA,MAAQmB,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,WACfJ,QAAQ,CAACG,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsD,IAAvD,CADO;AAAA,GAAjB;;AAEAzB,EAAAA,KAAK,CAAC0B,SAAN,CAAgBH,QAAhB,EAA0B,EAA1B;AACAjB,EAAAA,sBAAsB,CAACc,MAAD,EAAS,QAAT,EAAmBG,QAAnB,CAAtB;AAEA,SACE,oBAAC,gBAAD,eACMR,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,SAAS,EAAEV,UAAU,CACnBD,YAAY,CAAC,aAAD,EAAgBe,QAAhB,CADO,EAEnB;AACE,6BAAuBF;AADzB,KAFmB,yBAKHH,QALG,EAJvB;AAWE,IAAA,KAAK,kCAAOD,KAAP;AAAcQ,MAAAA,KAAK,EAALA;AAAd;AAXP,MAaE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,EAAEL;AAAtC,KACGJ,QADH,CAbF,CADF;AAmBD,CArCD;;AAuCA,eAAeD,WAAf","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>(null);\n const { window } = useDOM();\n const { colRef } = React.useContext(SplitColContext);\n const doResize = () =>\n 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(\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\nexport default FixedLayout;\n"],"file":"FixedLayout.js"}

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

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["Component", "onClose", "restoreFocus", "timeout", "getRootRef", "children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { useExternRef } from "../../hooks/useExternRef";
 import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
 import { useTimeout } from "../../hooks/useTimeout";
@@ -15,7 +15,7 @@ import { AppRootContext } from "../AppRoot/AppRootContext";
 var FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_LIST.join();
 export var FocusTrap = function FocusTrap(_ref) {
   var _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'div' : _ref$Component,
+      Component = _ref$Component === void 0 ? "div" : _ref$Component,
       _ref$onClose = _ref.onClose,
       onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
       _ref$restoreFocus = _ref.restoreFocus,
@@ -32,8 +32,6 @@ export var FocusTrap = function FocusTrap(_ref) {
       document = _useDOM.document,
       window = _useDOM.window;
-  var activeElement = document.activeElement;
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusableNodes = _React$useState2[0],
@@ -51,7 +49,7 @@ export var FocusTrap = function FocusTrap(_ref) {
   var focusOnTrapMount = useTimeout(function () {
     var _ref$current;
-    if (keyboardInput && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(activeElement)) && focusableNodes !== null && focusableNodes !== void 0 && focusableNodes.length) {
+    if (keyboardInput && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(document.activeElement)) && focusableNodes !== null && focusableNodes !== void 0 && focusableNodes.length) {
       focusableNodes[0].focus();
     }
   }, timeout);
@@ -60,20 +58,18 @@ export var FocusTrap = function FocusTrap(_ref) {
   }, []); // HANDLE FOCUSABLE NODES
   useIsomorphicLayoutEffect(function () {
-    var _ref$current2;
     if (!ref.current) {
       return noop();
     }
-    var nodes = []; // eslint-disable-next-line no-restricted-properties
-    (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelectorAll(FOCUSABLE_ELEMENTS).forEach(function (focusableEl) {
+    var nodes = [];
+    Array.prototype.forEach.call( // eslint-disable-next-line no-restricted-properties
+    ref.current.querySelectorAll(FOCUSABLE_ELEMENTS), function (focusableEl) {
       var _window$getComputedSt = window.getComputedStyle(focusableEl),
           display = _window$getComputedSt.display,
           visibility = _window$getComputedSt.visibility;
-      if (display !== 'none' && visibility !== 'hidden') {
+      if (display !== "none" && visibility !== "hidden") {
         nodes.push(focusableEl);
       }
     });
@@ -91,8 +87,8 @@ export var FocusTrap = function FocusTrap(_ref) {
     }
   }, timeout);
   useIsomorphicLayoutEffect(function () {
-    if (restoreFocus) {
-      setRestoreFocusTo(activeElement);
+    if (restoreFocus && document.activeElement) {
+      setRestoreFocusTo(document.activeElement);
       return function () {
         focusOnTrapUnmount.set();
       };
@@ -113,7 +109,7 @@ export var FocusTrap = function FocusTrap(_ref) {
         e.preventDefault();
         var node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];
-        if (node !== activeElement) {
+        if (node !== document.activeElement) {
           node.focus();
         }
@@ -128,7 +124,7 @@ export var FocusTrap = function FocusTrap(_ref) {
     return true;
   };
-  useGlobalEventListener(document, 'keydown', onDocumentKeydown, {
+  useGlobalEventListener(document, "keydown", onDocumentKeydown, {
     capture: true
   });
   return createScopedElement(Component, _extends({