@vkontakte/vkui 4.23.0 → 4.24.0

package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"names":["React","CustomScrollView","classNames","Popper","Spinner","calcIsTop","placement","includes","CustomSelectDropdown","children","targetRef","scrollBoxRef","fetching","parentOnPlacementChange","onPlacementChange","restProps","useState","isTop","setIsTop","useCallback"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,gBAAP;AACA,SAASC,UAAT;AACA,SAASC,MAAT;AACA,OAAOC,OAAP;;AAcA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,SAAD;AAAA,SAA2BA,SAA3B,aAA2BA,SAA3B,uBAA2BA,SAAS,CAAEC,QAAX,CAAoB,KAApB,CAA3B;AAAA,CAAlB;;AAEA,OAAO,IAAMC,oBAAyD,GAAG,SAA5DA,oBAA4D,OAQnE;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJL,SAII,QAJJA,SAII;AAAA,MAHJM,QAGI,QAHJA,QAGI;AAAA,MAFeC,uBAEf,QAFJC,iBAEI;AAAA,MADDC,SACC;;AACJ,wBAA0Bf,KAAK,CAACgB,QAAN,CAAe;AAAA,WAAMX,SAAS,CAACC,SAAD,CAAf;AAAA,GAAf,CAA1B;AAAA;AAAA,MAAOW,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMJ,iBAAiB,GAAGd,KAAK,CAACmB,WAAN,CACxB,iBAA8C;AAAA,QAA3Cb,SAA2C,SAA3CA,SAA2C;AAC5CY,IAAAA,QAAQ,CAACb,SAAS,CAACC,SAAD,CAAV,CAAR;AACAO,IAAAA,uBAAuB,SAAvB,IAAAA,uBAAuB,WAAvB,YAAAA,uBAAuB,CAAGP,SAAH,CAAvB;AACD,GAJuB,EAKxB,CAACO,uBAAD,EAA0BK,QAA1B,CALwB,CAA1B;AAQA,SACE,oBAAC,MAAD;AACE,IAAA,SAAS,EAAER,SADb;AAEE,IAAA,cAAc,EAAE,CAFlB;AAGE,IAAA,SAAS,MAHX;AAIE,IAAA,iBAAiB,EAAEI,iBAJrB;AAKE,IAAA,SAAS,EAAER,SALb;AAME,IAAA,SAAS,EAAEJ,UAAU,CAAC,+BAAD,EAAkC;AACrD,0DAAoDe;AADC,KAAlC;AANvB,KASMF,SATN,GAWE,oBAAC,gBAAD;AACE,IAAA,MAAM,EAAEJ,YADV;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIGC,QAAQ,GACP;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,IADF,CADO,GAKPH,QATJ,CAXF,CADF;AA0BD,CA7CM","sourcesContent":["import * as React from \"react\";\nimport CustomScrollView from \"../CustomScrollView/CustomScrollView\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport Spinner from \"../Spinner/Spinner\";\nimport { HasRef } from \"../../types\";\nimport \"./CustomSelectDropdown.css\";\n\nexport interface CustomSelectDropdownProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasRef<HTMLElement> {\n  targetRef: React.RefObject<HTMLElement>;\n  placement?: Placement;\n  scrollBoxRef?: React.Ref<HTMLDivElement>;\n  fetching?: boolean;\n  onPlacementChange?: (placement?: Placement) => void;\n}\n\nconst calcIsTop = (placement?: Placement) => placement?.includes(\"top\");\n\nexport const CustomSelectDropdown: React.FC<CustomSelectDropdownProps> = ({\n  children,\n  targetRef,\n  scrollBoxRef,\n  placement,\n  fetching,\n  onPlacementChange: parentOnPlacementChange,\n  ...restProps\n}) => {\n  const [isTop, setIsTop] = React.useState(() => calcIsTop(placement));\n\n  const onPlacementChange = React.useCallback(\n    ({ placement }: { placement?: Placement }) => {\n      setIsTop(calcIsTop(placement));\n      parentOnPlacementChange?.(placement);\n    },\n    [parentOnPlacementChange, setIsTop]\n  );\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={0}\n      sameWidth\n      onPlacementChange={onPlacementChange}\n      placement={placement}\n      vkuiClass={classNames(\"CustomSelectDropdown__options\", {\n        \"CustomSelectDropdown__options--popupDirectionTop\": isTop,\n      })}\n      {...restProps}\n    >\n      <CustomScrollView\n        boxRef={scrollBoxRef}\n        vkuiClass=\"CustomSelectDropdown__CustomScrollView\"\n      >\n        {fetching ? (\n          <div vkuiClass=\"CustomSelectDropdown__fetching\">\n            <Spinner size=\"small\" />\n          </div>\n        ) : (\n          children\n        )}\n      </CustomScrollView>\n    </Popper>\n  );\n};\n"],"file":"CustomSelectDropdown.js"}

package/dist/components/CustomSelectOption/CustomSelectOption.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasRootRef } from '../../types';
-import './CustomSelectOption.css';
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import "./CustomSelectOption.css";
 export interface CustomSelectOptionProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
     option?: any;
     selected?: boolean;

package/dist/components/CustomSelectOption/CustomSelectOption.js

@@ -2,14 +2,14 @@ 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";
 import Caption from "../Typography/Caption/Caption";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { warnOnce } from "../../lib/warnOnce";
-var warn = warnOnce('CustomSelectOption');
+var warn = warnOnce("CustomSelectOption");
 
 var CustomSelectOption = function CustomSelectOption(_ref) {
   var children = _ref.children,
@@ -22,13 +22,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, {
@@ -38,10 +38,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/components/CustomSelectOption/CustomSelectOption.js.map

@@ -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,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"}
+{"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;AAgBA,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/components/DatePicker/DatePicker.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import { HasPlatform } from '../../types';
-import './DatePicker.css';
+import * as React from "react";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import { HasPlatform } from "../../types";
+import "./DatePicker.css";
 export declare type DatePickerDateFormat = {
     day: number;
     month: number;
     year: number;
 };
-export interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'min' | 'max'>, HasPlatform, AdaptivityProps {
+export interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "min" | "max">, HasPlatform, AdaptivityProps {
     min?: DatePickerDateFormat;
     max?: DatePickerDateFormat;
     name?: string;
     defaultValue?: DatePickerDateFormat;
-    popupDirection?: 'top' | 'bottom';
+    popupDirection?: "top" | "bottom";
     monthNames?: string[];
     dayPlaceholder?: string;
     monthPlaceholder?: string;

package/dist/components/DatePicker/DatePicker.js

@@ -7,12 +7,12 @@ 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";
-var DefaultMonths = ['Января', 'Февраля', 'Марта', 'Апреля', 'Мая', 'Июня', 'Июля', 'Августа', 'Сентября', 'Октября', 'Ноября', 'Декабря'];
+var DefaultMonths = ["Января", "Февраля", "Марта", "Апреля", "Мая", "Июня", "Июля", "Августа", "Сентября", "Октября", "Ноября", "Декабря"];
 
 // Переводим state к формату гг-мм-дд
 function convertToInputFormat(_ref) {
@@ -24,7 +24,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/components/DatePicker/DatePicker.js.map

@@ -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"}
+{"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":";;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,KAAP;AACA,SAASC,cAAT;AAEA,SAASC,WAAT;AACA,OAAOC,YAAP;AAGA,IAAMC,aAAuB,GAAG,CAC9B,QAD8B,EAE9B,SAF8B,EAG9B,OAH8B,EAI9B,QAJ8B,EAK9B,KAL8B,EAM9B,MAN8B,EAO9B,MAP8B,EAQ9B,SAR8B,EAS9B,UAT8B,EAU9B,SAV8B,EAW9B,QAX8B,EAY9B,SAZ8B,CAAhC;;AAyCA;AACA,SAASC,oBAAT,OAIkC;AAAA,MAHhCC,GAGgC,QAHhCA,GAGgC;AAAA,MAFhCC,KAEgC,QAFhCA,KAEgC;AAAA,MADhCC,IACgC,QADhCA,IACgC;AAChC,mBAAUA,IAAV,cAAkBN,WAAW,CAACK,KAAD,CAA7B,cAAwCL,WAAW,CAACI,GAAD,CAAnD;AACD,C,CAED;;;AACA,SAASG,cAAT,CAAwBC,IAAxB,EAA4D;AAC1D,MAAMC,OAAO,GAAGD,IAAI,CAACE,KAAL,CAAW,GAAX,CAAhB;AAEA,SAAO;AACLN,IAAAA,GAAG,EAAEO,MAAM,CAACF,OAAO,CAAC,CAAD,CAAR,CADN;AAELJ,IAAAA,KAAK,EAAEM,MAAM,CAACF,OAAO,CAAC,CAAD,CAAR,CAFR;AAGLH,IAAAA,IAAI,EAAEK,MAAM,CAACF,OAAO,CAAC,CAAD,CAAR;AAHP,GAAP;AAKD;;AAED,SAASG,cAAT,CAAwBP,KAAxB,EAAwCC,IAAxC,EAAuD;AACrD,SAAOD,KAAK,GAAG,IAAIQ,IAAJ,CAASP,IAAI,IAAI,IAAjB,EAAuBD,KAAvB,EAA8B,CAA9B,EAAiCS,OAAjC,EAAH,GAAgD,EAA5D;AACD;;AAED,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAgBC,GAAhB,EAAgC;AAC5C,MAAMC,IAAI,GAAGF,KAAK,GAAGC,GAArB;AACA,MAAME,GAAG,GAAG,EAAZ;;AACA,OAAK,IAAIC,CAAC,GAAGC,IAAI,CAACC,GAAL,CAASN,KAAT,EAAgBC,GAAhB,CAAb,EAAmCG,CAAC,IAAIC,IAAI,CAACE,GAAL,CAASP,KAAT,EAAgBC,GAAhB,CAAxC,EAA8DG,CAAC,EAA/D,EAAmE;AACjED,IAAAA,GAAG,CAACK,IAAJ,CAASJ,CAAT;AACD;;AACD,SAAOF,IAAI,GAAGC,GAAG,CAACM,OAAJ,EAAH,GAAmBN,GAA9B;AACD,CAPD;;AASA,IAAMO,gBAEL,GAAG,SAFEA,gBAEF,QAiBE;AAAA,MAhBJC,IAgBI,SAhBJA,IAgBI;AAAA,MAfJL,GAeI,SAfJA,GAeI;AAAA,MAdJC,GAcI,SAdJA,GAcI;AAAA,MAbJK,cAaI,SAbJA,cAaI;AAAA,MAZJC,gBAYI,SAZJA,gBAYI;AAAA,MAXJC,eAWI,SAXJA,eAWI;AAAA,MAVJC,cAUI,SAVJA,cAUI;AAAA,MATJC,YASI,SATJA,YASI;AAAA,MARJC,QAQI,SARJA,QAQI;AAAA,MAPJC,UAOI,SAPJA,UAOI;AAAA,MANJ9B,GAMI,SANJA,GAMI;AAAA,MALJC,KAKI,SALJA,KAKI;AAAA,MAJJC,IAII,SAJJA,IAII;AAAA,MAHJ6B,YAGI,SAHJA,YAGI;AAAA,MAFJC,QAEI,SAFJA,QAEI;AAAA,MADDC,SACC;;AACJ,MAAMC,cAA2D,GAAG,SAA9DA,cAA8D,CAACC,CAAD,EAAO;AACzEJ,IAAAA,YAAY;AACV/B,MAAAA,GAAG,EAAHA,GADU;AAEVC,MAAAA,KAAK,EAALA,KAFU;AAGVC,MAAAA,IAAI,EAAJA;AAHU,OAITiC,CAAC,CAACC,MAAF,CAASb,IAJA,EAIOhB,MAAM,CAAC4B,CAAC,CAACC,MAAF,CAASC,KAAV,CAJb,EAAZ;AAMD,GAPD;;AAQA,MAAMC,UAAU,GAAG3B,KAAK,CAAC,CAAD,EAAIH,cAAc,CAACP,KAAD,EAAQC,IAAR,CAAlB,CAAL,CAAsCqC,GAAtC,CAA0C,UAACF,KAAD;AAAA,WAAY;AACvEG,MAAAA,KAAK,EAAEC,MAAM,CAACJ,KAAD,CAD0D;AAEvEA,MAAAA,KAAK,EAALA;AAFuE,KAAZ;AAAA,GAA1C,CAAnB;AAIA,MAAMK,YAAY,GAAG,CAACZ,UAAU,IAAIhC,aAAf,EAA8ByC,GAA9B,CAAkC,UAAChB,IAAD,EAAOoB,KAAP;AAAA,WAAkB;AACvEH,MAAAA,KAAK,EAAEjB,IADgE;AAEvEc,MAAAA,KAAK,EAAEM,KAAK,GAAG;AAFwD,KAAlB;AAAA,GAAlC,CAArB;AAIA,MAAMC,WAAW,GAAGjC,KAAK,CAACQ,GAAG,CAACjB,IAAL,EAAWgB,GAAG,CAAChB,IAAf,CAAL,CAA0BqC,GAA1B,CAA8B,UAACF,KAAD;AAAA,WAAY;AAC5DG,MAAAA,KAAK,EAAEC,MAAM,CAACJ,KAAD,CAD+C;AAE5DA,MAAAA,KAAK,EAAEA;AAFqD,KAAZ;AAAA,GAA9B,CAApB;AAIA,SACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAgCJ,SAAhC,GACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,YAAD;AACE,IAAA,IAAI,EAAC,KADP;AAEE,IAAA,KAAK,EAAEjC,GAFT;AAGE,IAAA,OAAO,EAAEsC,UAHX;AAIE,IAAA,WAAW,EAAEd,cAJf;AAKE,IAAA,cAAc,EAAEG,cALlB;AAME,IAAA,QAAQ,EAAEO,cANZ;AAOE,IAAA,QAAQ,EAAEF;AAPZ,IADF,CADF,EAYE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,YAAD;AACE,IAAA,SAAS,EAAC,yBADZ;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,KAAK,EAAE/B,KAHT;AAIE,IAAA,OAAO,EAAEyC,YAJX;AAKE,IAAA,WAAW,EAAEjB,gBALf;AAME,IAAA,cAAc,EAAEE,cANlB;AAOE,IAAA,QAAQ,EAAEO,cAPZ;AAQE,IAAA,QAAQ,EAAEF;AARZ,IADF,CAZF,EAwBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,YAAD;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,KAAK,EAAE9B,IAFT;AAGE,IAAA,OAAO,EAAE0C,WAHX;AAIE,IAAA,WAAW,EAAElB,eAJf;AAKE,IAAA,cAAc,EAAEC,cALlB;AAME,IAAA,QAAQ,EAAEO,cANZ;AAOE,IAAA,QAAQ,EAAEF;AAPZ,IADF,CAxBF,CADF,EAqCE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,IAAI,EAAET,IAFR;AAGE,IAAA,KAAK,EAAExB,oBAAoB,CAAC;AAAEC,MAAAA,GAAG,EAAHA,GAAF;AAAOC,MAAAA,KAAK,EAALA,KAAP;AAAcC,MAAAA,IAAI,EAAJA;AAAd,KAAD;AAH7B,IArCF,CADF;AA6CD,CArFD;;AAuFA,IAAM2C,gBAEL,GAAG,SAFEA,gBAEF,QAcE;AAAA,MAbJ3B,GAaI,SAbJA,GAaI;AAAA,MAZJC,GAYI,SAZJA,GAYI;AAAA,MAXJK,cAWI,SAXJA,cAWI;AAAA,MAVJC,gBAUI,SAVJA,gBAUI;AAAA,MATJC,eASI,SATJA,eASI;AAAA,MARJC,cAQI,SARJA,cAQI;AAAA,MAPJC,YAOI,SAPJA,YAOI;AAAA,MANJC,QAMI,SANJA,QAMI;AAAA,MALJ7B,GAKI,SALJA,GAKI;AAAA,MAJJC,KAII,SAJJA,KAII;AAAA,MAHJC,IAGI,SAHJA,IAGI;AAAA,MAFJ6B,YAEI,SAFJA,YAEI;AAAA,MADDE,SACC;;AACJ,MAAMa,QAAQ,GACZ9C,GAAG,IAAIC,KAAP,IAAgBC,IAAhB,GACI;AAAE0B,IAAAA,YAAY,EAAE7B,oBAAoB,CAAC;AAAEC,MAAAA,GAAG,EAAHA,GAAF;AAAOC,MAAAA,KAAK,EAALA,KAAP;AAAcC,MAAAA,IAAI,EAAJA;AAAd,KAAD;AAApC,GADJ,GAEI,EAHN;AAIA,MAAM6C,cAA0D,GAC9DtD,KAAK,CAACuD,WAAN,CACE,UAACb,CAAD,EAAO;AACLJ,IAAAA,YAAY,CAAC5B,cAAc,CAACgC,CAAC,CAACc,aAAF,CAAgBZ,KAAjB,CAAf,CAAZ;AACD,GAHH,EAIE,CAACN,YAAD,CAJF,CADF;AAOA,SACE,oBAAC,KAAD,eACME,SADN;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,QAAQ,EAAEc,cAHZ;AAIE,IAAA,GAAG,EAAEhD,oBAAoB,CAACmB,GAAD,CAJ3B;AAKE,IAAA,GAAG,EAAEnB,oBAAoB,CAACoB,GAAD;AAL3B,KAMM2B,QANN,EADF;AAUD,CAtCD;;AAwCA,IAAMI,UAAqC,GAAG,SAAxCA,UAAwC,QAIxC;AAAA,MAHJrB,QAGI,SAHJA,QAGI;AAAA,MAFJD,YAEI,SAFJA,YAEI;AAAA,MADDuB,KACC;;AACJ,wBAA0B1D,KAAK,CAAC2D,QAAN,CACxB;AAAA,WAAO;AACLpD,MAAAA,GAAG,EAAE,CAAA4B,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAE5B,GAAd,KAAqB,CADrB;AAELC,MAAAA,KAAK,EAAE,CAAA2B,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAE3B,KAAd,KAAuB,CAFzB;AAGLC,MAAAA,IAAI,EAAE,CAAA0B,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAE1B,IAAd,KAAsB;AAHvB,KAAP;AAAA,GADwB,CAA1B;AAAA;AAAA,MAAOmC,KAAP;AAAA,MAAcgB,QAAd;;AAQA,MAAMtB,YAAY,GAAGtC,KAAK,CAACuD,WAAN,CACnB,UAACM,MAAD,EAAkC;AAChCD,IAAAA,QAAQ,CAACC,MAAD,CAAR;AACAH,IAAAA,KAAK,CAACpB,YAAN,IAAsBoB,KAAK,CAACpB,YAAN,mBAAwBuB,MAAxB,EAAtB;AACD,GAJkB,EAKnB,CAACH,KAAK,CAACpB,YAAP,CALmB,CAArB;AAQA,MAAMwB,GAAG,GAAG1B,QAAQ,GAAGP,gBAAH,GAAsBuB,gBAA1C;AACA,SAAO,oBAAC,GAAD,eAASM,KAAT,EAAoBd,KAApB;AAA2B,IAAA,YAAY,EAAEN;AAAzC,KAAP;AACD,CAvBD;;AAyBAmB,UAAU,CAACM,YAAX,GAA0B;AACxBtC,EAAAA,GAAG,EAAE;AAAElB,IAAAA,GAAG,EAAE,CAAP;AAAUC,IAAAA,KAAK,EAAE,CAAjB;AAAoBC,IAAAA,IAAI,EAAE;AAA1B,GADmB;AAExBiB,EAAAA,GAAG,EAAE;AAAEnB,IAAAA,GAAG,EAAE,EAAP;AAAWC,IAAAA,KAAK,EAAE,EAAlB;AAAsBC,IAAAA,IAAI,EAAE;AAA5B;AAFmB,CAA1B;AAKA,eAAeP,cAAc,CAACuD,UAAD,EAAa;AACxCrB,EAAAA,QAAQ,EAAE;AAD8B,CAAb,CAA7B","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/components/Div/Div.d.ts

@@ -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/components/Div/Div.js

@@ -12,7 +12,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/components/Div/Div.js.map

@@ -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;AAMA,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"}
+{"version":3,"sources":["../../../src/components/Div/Div.tsx"],"names":["getClassName","usePlatform","Div","children","getRootRef","restProps","platform"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AAQA,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/components/Dropdown/Dropdown.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { HoverPopperProps } from '../HoverPopper/HoverPopper';
-import { Placement } from '../Popper/Popper';
-import './Dropdown.css';
+import * as React from "react";
+import { HoverPopperProps } from "../HoverPopper/HoverPopper";
+import { Placement } from "../Popper/Popper";
+import "./Dropdown.css";
 export interface DropdownProps {
     /**
      * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства
@@ -34,16 +34,16 @@ export interface DropdownProps {
      * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента
      */
     children?: React.ReactElement;
-    action?: 'click' | 'hover';
+    action?: "click" | "hover";
     /**
      * Актуально только для action="hover"
      * Количество миллисекунд, после которых произойдет показ дропдауна
      */
-    showDelay?: HoverPopperProps['showDelay'];
+    showDelay?: HoverPopperProps["showDelay"];
     /**
      * Актуально только для action="hover"
      * Количество миллисекунд, после которых произойдет скрытие дропдауна
      */
-    hideDelay?: HoverPopperProps['hideDelay'];
+    hideDelay?: HoverPopperProps["hideDelay"];
 }
 export declare const Dropdown: React.FC<DropdownProps>;

package/dist/components/Dropdown/Dropdown.js

@@ -8,7 +8,7 @@ import { getClassName } from "../../helpers/getClassName";
 import { usePlatform } from "../../hooks/usePlatform";
 export 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 = _objectWithoutProperties(_ref, _excluded);
@@ -18,11 +18,11 @@ export var Dropdown = function Dropdown(_ref) {
   var actionSpecificProps = {};
 
   switch (action) {
-    case 'click':
+    case "click":
       Component = ClickPopper;
       break;
 
-    case 'hover':
+    case "hover":
       actionSpecificProps = {
         hideDelay: hideDelay,
         showDelay: showDelay
@@ -32,7 +32,7 @@ export var Dropdown = function Dropdown(_ref) {
   }
 
   return createScopedElement(Component, _extends({
-    vkuiClass: getClassName('Dropdown', platform)
+    vkuiClass: getClassName("Dropdown", platform)
   }, actionSpecificProps, popperProps));
 };
 //# sourceMappingURL=Dropdown.js.map

package/dist/components/Dropdown/Dropdown.js.map

@@ -1 +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;AAkDA,OAAO,IAAMC,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,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;AAAW,IAAA,SAAS,EAAEE,YAAY,CAAC,UAAD,EAAaO,QAAb;AAAlC,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"}
+{"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;AAkDA,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/components/DropdownIcon/DropdownIcon.d.ts

@@ -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/components/DropdownIcon/DropdownIcon.js

@@ -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";
@@ -13,7 +13,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/components/DropdownIcon/DropdownIcon.js.map

@@ -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;AAGA,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"}
+{"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;AAGA,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/components/Epic/Epic.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './Epic.css';
+import * as React from "react";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./Epic.css";
 export interface EpicProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {
     tabbar?: React.ReactNode;
     activeStory: string;

package/dist/components/Epic/Epic.js

@@ -2,14 +2,14 @@ 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";
 import { ScrollSaver } from "./ScrollSaver";
 import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
-var warn = warnOnce('Epic');
+var warn = warnOnce("Epic");
 export var Epic = function Epic(props) {
   var platform = usePlatform();
   var scroll = React.useRef({}).current;
@@ -20,15 +20,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/components/Epic/Epic.js.map

@@ -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;AAQA,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"}
+{"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;AAUA,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/components/Epic/ScrollSaver.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export interface ScrollSaverProps {
     children: React.ReactElement;
     initialScroll?: number;

package/dist/components/Epic/ScrollSaver.js

@@ -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/components/Epic/ScrollSaver.js.map

@@ -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"}
+{"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/components/File/File.d.ts

@@ -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/components/File/File.js

@@ -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";
@@ -19,16 +19,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,
@@ -47,8 +49,8 @@ var File = function File(props) {
 };
 
 File.defaultProps = {
-  children: 'Выберите файл',
-  align: 'left'
+  children: "Выберите файл",
+  align: "left"
 };
 export default File;
 //# sourceMappingURL=File.js.map

package/dist/components/File/File.js.map

@@ -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;;AAYA,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"}
+{"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;;AAYA,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"}