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

@vkontakte/vkui 4.37.0 → 5.0.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 (3227) hide show

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

@@ -6,7 +6,7 @@ import "./CustomSelectDropdown.css";
 export interface CustomSelectDropdownProps extends React.HTMLAttributes<HTMLElement>, HasRef<HTMLDivElement>, TrackerOptionsProps {
     targetRef: React.RefObject<HTMLElement>;
     placement?: Placement;
-    scrollBoxRef?: React.RefObject<HTMLDivElement>;
+    scrollBoxRef?: React.Ref<HTMLDivElement>;
     observableRefs?: Array<React.RefObject<HTMLElement>> | React.RefObject<HTMLElement>;
     fetching?: boolean;
     offsetDistance?: number;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomSelectDropdown.js","names":["React","CustomScrollView","classNames","Popper","Spinner","useIsomorphicLayoutEffect","noop","calcIsTop","placement","includes","getObserverModifier","element","name","enabled","phase","fn","effect","instance","observer","MutationObserver","forceUpdate","observe","childList","subtree","disconnect","CustomSelectDropdown","children","targetRef","scrollBoxRef","fetching","parentOnPlacementChange","onPlacementChange","offsetDistance","sameWidth","forcePortal","autoHideScrollbar","autoHideScrollbarDelay","observableRefs","restProps","useState","isTop","setIsTop","customModifiers","setCustomModifiers","Array","isArray","ref","current","push","useCallback"],"sources":["../../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Modifier } from \"react-popper\";\nimport { CustomScrollView } from \"../CustomScrollView/CustomScrollView\";\nimport { TrackerOptionsProps } from \"../CustomScrollView/useTrackerVisibility\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { HasRef } from \"../../types\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport \"./CustomSelectDropdown.css\";\n\nexport interface CustomSelectDropdownProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRef<HTMLDivElement>,\n TrackerOptionsProps {\n targetRef: React.RefObject<HTMLElement>;\n placement?: Placement;\n scrollBoxRef?: React.~~RefObject~~<HTMLDivElement>;\n observableRefs?:\n \| Array<React.RefObject<HTMLElement>>\n \| React.RefObject<HTMLElement>;\n fetching?: boolean;\n offsetDistance?: number;\n sameWidth?: boolean;\n forcePortal?: boolean;\n onPlacementChange?: (placement?: Placement) => void;\n}\n\nconst calcIsTop = (placement?: Placement) => placement?.includes(\"top\");\n\nfunction getObserverModifier<T extends HTMLElement>(\n element: T\n): Modifier<string> {\n return {\n name: \"customSelectChildrenChange\",\n enabled: true,\n phase: \"main\",\n fn: noop,\n effect: ({ instance }) => {\n const observer = new MutationObserver(instance.forceUpdate);\n\n observer.observe(element, {\n childList: true,\n subtree: true,\n });\n\n return () => {\n observer.disconnect();\n };\n },\n };\n}\n\nexport const CustomSelectDropdown = ({\n children,\n targetRef,\n scrollBoxRef,\n placement,\n fetching,\n onPlacementChange: parentOnPlacementChange,\n offsetDistance = 0,\n sameWidth = true,\n forcePortal = true,\n autoHideScrollbar,\n autoHideScrollbarDelay,\n observableRefs,\n ...restProps\n}: CustomSelectDropdownProps) => {\n const [isTop, setIsTop] = React.useState(() => calcIsTop(placement));\n const [customModifiers, setCustomModifiers] = React.useState<\n Array<Modifier<string>>\n >([]);\n\n useIsomorphicLayoutEffect(() => {\n if (!observableRefs) {\n return;\n }\n const customModifiers: Array<Modifier<string>> = [];\n\n if (Array.isArray(observableRefs)) {\n for (const ref of observableRefs) {\n if (ref?.current) {\n customModifiers.push(getObserverModifier(ref.current));\n }\n }\n } else if (observableRefs.current) {\n customModifiers.push(getObserverModifier(observableRefs.current));\n }\n\n setCustomModifiers(customModifiers);\n }, [observableRefs]);\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={offsetDistance}\n sameWidth={sameWidth}\n onPlacementChange={onPlacementChange}\n placement={placement}\n vkuiClass={classNames(\n \"CustomSelectDropdown\",\n offsetDistance === 0 &&\n (isTop\n ? \"CustomSelectDropdown--top\"\n : \"CustomSelectDropdown--bottom\"),\n sameWidth && \"CustomSelectDropdown--wide\"\n )}\n forcePortal={forcePortal}\n customModifiers={customModifiers}\n {...restProps}\n >\n <CustomScrollView\n boxRef={scrollBoxRef}\n vkuiClass=\"CustomSelectDropdown__in\"\n autoHideScrollbar={autoHideScrollbar}\n autoHideScrollbarDelay={autoHideScrollbarDelay}\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"],"mappings":"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"}
1	+ {"version":3,"file":"CustomSelectDropdown.js","names":["React","CustomScrollView","classNames","Popper","Spinner","useIsomorphicLayoutEffect","noop","calcIsTop","placement","includes","getObserverModifier","element","name","enabled","phase","fn","effect","instance","observer","MutationObserver","forceUpdate","observe","childList","subtree","disconnect","CustomSelectDropdown","children","targetRef","scrollBoxRef","fetching","parentOnPlacementChange","onPlacementChange","offsetDistance","sameWidth","forcePortal","autoHideScrollbar","autoHideScrollbarDelay","observableRefs","restProps","useState","isTop","setIsTop","customModifiers","setCustomModifiers","Array","isArray","ref","current","push","useCallback"],"sources":["../../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Modifier } from \"react-popper\";\nimport { CustomScrollView } from \"../CustomScrollView/CustomScrollView\";\nimport { TrackerOptionsProps } from \"../CustomScrollView/useTrackerVisibility\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { HasRef } from \"../../types\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport \"./CustomSelectDropdown.css\";\n\nexport interface CustomSelectDropdownProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRef<HTMLDivElement>,\n TrackerOptionsProps {\n targetRef: React.RefObject<HTMLElement>;\n placement?: Placement;\n scrollBoxRef?: React.Ref<HTMLDivElement>;\n observableRefs?:\n \| Array<React.RefObject<HTMLElement>>\n \| React.RefObject<HTMLElement>;\n fetching?: boolean;\n offsetDistance?: number;\n sameWidth?: boolean;\n forcePortal?: boolean;\n onPlacementChange?: (placement?: Placement) => void;\n}\n\nconst calcIsTop = (placement?: Placement) => placement?.includes(\"top\");\n\nfunction getObserverModifier<T extends HTMLElement>(\n element: T\n): Modifier<string> {\n return {\n name: \"customSelectChildrenChange\",\n enabled: true,\n phase: \"main\",\n fn: noop,\n effect: ({ instance }) => {\n const observer = new MutationObserver(instance.forceUpdate);\n\n observer.observe(element, {\n childList: true,\n subtree: true,\n });\n\n return () => {\n observer.disconnect();\n };\n },\n };\n}\n\nexport const CustomSelectDropdown = ({\n children,\n targetRef,\n scrollBoxRef,\n placement,\n fetching,\n onPlacementChange: parentOnPlacementChange,\n offsetDistance = 0,\n sameWidth = true,\n forcePortal = true,\n autoHideScrollbar,\n autoHideScrollbarDelay,\n observableRefs,\n ...restProps\n}: CustomSelectDropdownProps) => {\n const [isTop, setIsTop] = React.useState(() => calcIsTop(placement));\n const [customModifiers, setCustomModifiers] = React.useState<\n Array<Modifier<string>>\n >([]);\n\n useIsomorphicLayoutEffect(() => {\n if (!observableRefs) {\n return;\n }\n const customModifiers: Array<Modifier<string>> = [];\n\n if (Array.isArray(observableRefs)) {\n for (const ref of observableRefs) {\n if (ref?.current) {\n customModifiers.push(getObserverModifier(ref.current));\n }\n }\n } else if (observableRefs.current) {\n customModifiers.push(getObserverModifier(observableRefs.current));\n }\n\n setCustomModifiers(customModifiers);\n }, [observableRefs]);\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={offsetDistance}\n sameWidth={sameWidth}\n onPlacementChange={onPlacementChange}\n placement={placement}\n vkuiClass={classNames(\n \"CustomSelectDropdown\",\n offsetDistance === 0 &&\n (isTop\n ? \"CustomSelectDropdown--top\"\n : \"CustomSelectDropdown--bottom\"),\n sameWidth && \"CustomSelectDropdown--wide\"\n )}\n forcePortal={forcePortal}\n customModifiers={customModifiers}\n {...restProps}\n >\n <CustomScrollView\n boxRef={scrollBoxRef}\n vkuiClass=\"CustomSelectDropdown__in\"\n autoHideScrollbar={autoHideScrollbar}\n autoHideScrollbarDelay={autoHideScrollbarDelay}\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"],"mappings":"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"}

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

@@ -1,3 +1 @@
-.vkuiCustomSelectOption{align-items:center;box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));cursor:pointer;display:flex;padding:8px 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.vkuiCustomSelectOption--hierarchy{--custom-select-option-hierarchy-level:0;padding-left:calc(var(--custom-select-option-hierarchy-level) * var(--vkui--size_option_hierarchy--regular,32px))}.vkuiCustomSelectOption--sizeY-regular{min-height:44px}.vkuiCustomSelectOption--disabled{cursor:default;opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiCustomSelectOption--hover{background-color:#f2f3f5;background-color:var(
-    --button_muted_background,var(--vkui--color_transparent--hover)
-  )}.vkuiCustomSelectOption__before{flex-shrink:0;margin-right:7px}.vkuiCustomSelectOption__main{flex-grow:1;max-width:100%;min-width:0}.vkuiCustomSelectOption__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiCustomSelectOption__after{align-items:center;display:flex;flex-shrink:0;margin-left:8px}.vkuiCustomSelectOption__description{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));overflow:hidden;text-overflow:ellipsis}.vkuiCustomSelectOption__selectedIcon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiCustomSelectOption__selectedIcon:not(:first-child){margin-left:8px}
+.vkuiCustomSelectOption{align-items:center;box-sizing:border-box;color:var(--vkui--color_text_primary);cursor:pointer;display:flex;padding:8px 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.vkuiCustomSelectOption--hierarchy{--custom-select-option-hierarchy-level:0;padding-left:calc(var(--custom-select-option-hierarchy-level) * var(--vkui--size_option_hierarchy--regular))}.vkuiCustomSelectOption--sizeY-regular{min-height:44px}@media (max-width:767px) and (min-height:415px),(pointer:coarse) and (min-height:415px),(pointer:none) and (min-height:415px){.vkuiCustomSelectOption--sizeY-none{min-height:44px}}.vkuiCustomSelectOption--disabled{cursor:default;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiCustomSelectOption--hover{background-color:var(--vkui--color_transparent--hover)}.vkuiCustomSelectOption__before{flex-shrink:0;margin-right:7px}.vkuiCustomSelectOption__main{flex-grow:1;max-width:100%;min-width:0}.vkuiCustomSelectOption__children{min-width:0;overflow:hidden;text-overflow:ellipsis}.vkuiCustomSelectOption__after{align-items:center;display:flex;flex-shrink:0;margin-left:8px}.vkuiCustomSelectOption__description{color:var(--vkui--color_text_secondary);overflow:hidden;text-overflow:ellipsis}.vkuiCustomSelectOption__selectedIcon{color:var(--vkui--color_icon_accent)}.vkuiCustomSelectOption__selectedIcon:not(:first-child){margin-left:8px}

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

@@ -8,9 +8,10 @@ import { Icon16Done } from "@vkontakte/icons";
 import { classNames } from "../../lib/classNames";
 import { hasReactNode } from "../../lib/utils";
 import { Paragraph } from "../Typography/Paragraph/Paragraph";
-import { Caption } from "../Typography/Caption/Caption";
+import { Footnote } from "../Typography/Footnote/Footnote";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { warnOnce } from "../../lib/warnOnce";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 import "./CustomSelectOption.css";
 var warn = warnOnce("CustomSelectOption");
 /**
@@ -52,7 +53,7 @@ export var CustomSelectOption = function CustomSelectOption(_ref) {
     title: title,
     "aria-disabled": disabled,
     "aria-selected": selected,
-    vkuiClass: classNames("CustomSelectOption", "CustomSelectOption--sizeY-".concat(sizeY), hovered && !disabled && "CustomSelectOption--hover", selected && "CustomSelectOption--selected", // Note: пустой класс
+    vkuiClass: classNames("CustomSelectOption", getSizeYClassName("CustomSelectOption", sizeY), hovered && !disabled && "CustomSelectOption--hover", selected && "CustomSelectOption--selected", // Note: пустой класс
     disabled && "CustomSelectOption--disabled", hierarchy > 0 && "CustomSelectOption--hierarchy"),
     style: style
   }), hasReactNode(before) && createScopedElement("div", {
@@ -61,7 +62,7 @@ export var CustomSelectOption = function CustomSelectOption(_ref) {
     vkuiClass: "CustomSelectOption__main"
   }, createScopedElement("div", {
     vkuiClass: "CustomSelectOption__children"
-  }, children), hasReactNode(description) && createScopedElement(Caption, {
+  }, children), hasReactNode(description) && createScopedElement(Footnote, {
     vkuiClass: "CustomSelectOption__description"
   }, description)), createScopedElement("div", {
     vkuiClass: "CustomSelectOption__after"

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomSelectOption.js","names":["React","Icon16Done","classNames","hasReactNode","Paragraph","~~Caption~~","useAdaptivity","warnOnce","warn","CustomSelectOption","children","hierarchy","hovered","selected","before","after","option","description","disabled","styleProp","style","restProps","title","undefined","sizeY","useMemo","process","env","NODE_ENV"],"sources":["../../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon16Done } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\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 /*\n Вставляет основной контент.\n /\n option?: any;\n /\n Добавляет описание под основным блоком.\n /\n description?: React.ReactNode;\n /\n Вставляет элемент в начало блока перед основным контентом.\n * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n /\n before?: React.ReactNode;\n /\n Вставляет элемент в конец блока после основного контента.\n * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n /\n after?: React.ReactNode;\n /\n Позволяет создавать вложенность.\n /\n hierarchy?: number;\n /\n Включает состояние выбранного элемента списка.\n /\n selected?: boolean;\n /\n Включает состояние наведения.\n /\n hovered?: boolean;\n /\n Включает состояние фокуса.\n /\n focused?: boolean;\n /\n Блокирует весь блок.\n /\n disabled?: boolean;\n}\n\nconst warn = warnOnce(\"CustomSelectOption\");\n\n/\n @see https://vkcom.github.io/VKUI/#/CustomSelectOption\n */\nexport const CustomSelectOption = ({\n children,\n hierarchy = 0,\n hovered,\n selected,\n before,\n after,\n option,\n description,\n disabled,\n style: styleProp,\n ...restProps\n}: CustomSelectOptionProps) => {\n const title = typeof children === \"string\" ? children : undefined;\n const { sizeY } = useAdaptivity();\n const style = React.useMemo(\n () =>\n hierarchy > 0\n ? {\n \"--custom-select-option-hierarchy-level\": hierarchy,\n ...styleProp,\n }\n : styleProp,\n [hierarchy, styleProp]\n );\n\n if (!!option && process.env.NODE_ENV === \"development\") {\n warn(\"Свойство option было добавлено по ошибке и будет удалено в 5.0.0.\");\n }\n\n return (\n <Paragraph\n {...restProps}\n Component=\"div\"\n role=\"option\"\n title={title}\n aria-disabled={disabled}\n aria-selected={selected}\n vkuiClass={classNames(\n \"CustomSelectOption\",\n `CustomSelectOption--sizeY~~-${sizeY}`,\~~n hovered && !disabled && \"CustomSelectOption--hover\",\n selected && \"CustomSelectOption--selected\", // Note: пустой класс\n disabled && \"CustomSelectOption--disabled\",\n hierarchy > 0 && \"CustomSelectOption--hierarchy\"\n )}\n style={style}\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~~ vkuiClass=\"CustomSelectOption__description\">\n {description}\n </~~Caption~~>\n )}\n </div>\n <div vkuiClass=\"CustomSelectOption__after\">\n {hasReactNode(after) && (\n <div vkuiClass=\"CustomSelectOption__afterIn\">{after}</div>\n )}\n {selected && (\n <Icon16Done vkuiClass=\"CustomSelectOption__selectedIcon\" />\n )}\n </div>\n </Paragraph>\n );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,QAA2B,kBAA3B;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,SAAT;AACA,SAASC,~~OAAT~~;AAEA,SAASC,aAAT;AACA,SAASC,QAAT;AACA;AA6CA,IAAMC,IAAI,~~GAAGD~~,QAAQ,CAAC,oBAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,~~IAAME~~,kBAAkB,GAAG,SAArBA,kBAAqB,OAYH;EAAA,IAX7BC,QAW6B,QAX7BA,QAW6B;EAAA,0BAV7BC,SAU6B;EAAA,IAV7BA,SAU6B,+BAVjB,CAUiB;EAAA,IAT7BC,OAS6B,QAT7BA,OAS6B;EAAA,IAR7BC,QAQ6B,QAR7BA,QAQ6B;EAAA,IAP7BC,MAO6B,QAP7BA,MAO6B;EAAA,IAN7BC,KAM6B,QAN7BA,KAM6B;EAAA,IAL7BC,MAK6B,QAL7BA,MAK6B;EAAA,IAJ7BC,WAI6B,QAJ7BA,WAI6B;EAAA,IAH7BC,QAG6B,QAH7BA,QAG6B;EAAA,IAFtBC,SAEsB,QAF7BC,KAE6B;EAAA,IAD1BC,SAC0B;;EAC7B,IAAMC,KAAK,GAAG,OAAOZ,QAAP,KAAoB,QAApB,GAA+BA,QAA/B,GAA0Ca,SAAxD;;EACA,~~qBAAkBjB~~,aAAa,EAA/B;EAAA,~~IAAQkB~~,KAAR,kBAAQA,KAAR;;EACA,IAAMJ,KAAK,~~GAAGpB~~,KAAK,~~CAACyB~~,OAAN,CACZ;IAAA,OACEd,SAAS,GAAG,CAAZ;MAEM,0CAA0CA;IAFhD,GAGSQ,SAHT,IAKIA,SANN;EAAA,CADY,EAQZ,CAACR,SAAD,EAAYQ,SAAZ,CARY,CAAd;;EAWA,IAAI,CAAC,CAACH,MAAF,IAAYU,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzC,EAAwD;IACtDpB,IAAI,CAAC,mEAAD,CAAJ;EACD;;EAED,OACE,oBAAC,SAAD,eACMa,SADN;IAEE,SAAS,EAAC,KAFZ;IAGE,IAAI,EAAC,QAHP;IAIE,KAAK,EAAEC,KAJT;IAKE,iBAAeJ,QALjB;IAME,iBAAeL,QANjB;IAOE,SAAS,~~EAAEX~~,UAAU,CACnB,oBADmB,~~sCAEUsB~~,~~KAFV~~,~~GAGnBZ~~,OAAO,IAAI,CAACM,QAAZ,IAAwB,2BAHL,EAInBL,QAAQ,IAAI,8BAJO,EAIyB;IAC5CK,QAAQ,IAAI,8BALO,EAMnBP,SAAS,GAAG,CAAZ,IAAiB,+BANE,CAPvB;IAeE,KAAK,EAAES;EAfT,~~IAiBGjB~~,YAAY,~~CAACW~~,MAAD,CAAZ,IACC;IAAK,SAAS,EAAC;EAAf,GAA6CA,MAA7C,CAlBJ,EAoBE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GAA+CJ,QAA/C,CADF,~~EAEGP~~,YAAY,~~CAACc~~,WAAD,CAAZ,IACC,oBAAC,~~OAAD~~;~~IAAS~~,SAAS,EAAC;~~EAAnB~~,GACGA,WADH,CAHJ,CApBF,EA4BE;IAAK,SAAS,EAAC;EAAf,~~GACGd~~,YAAY,~~CAACY~~,KAAD,CAAZ,IACC;IAAK,SAAS,EAAC;EAAf,GAA8CA,KAA9C,CAFJ,EAIGF,QAAQ,IACP,oBAAC,UAAD;IAAY,SAAS,EAAC;EAAtB,EALJ,CA5BF,CADF;AAuCD,CArEM"}
1	+ {"version":3,"file":"CustomSelectOption.js","names":["React","Icon16Done","classNames","hasReactNode","Paragraph","Footnote","useAdaptivity","warnOnce","getSizeYClassName","warn","CustomSelectOption","children","hierarchy","hovered","selected","before","after","option","description","disabled","styleProp","style","restProps","title","undefined","sizeY","useMemo","process","env","NODE_ENV"],"sources":["../../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon16Done } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./CustomSelectOption.css\";\n\nexport interface CustomSelectOptionProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Вставляет основной контент.\n /\n option?: any;\n /\n Добавляет описание под основным блоком.\n /\n description?: React.ReactNode;\n /\n Вставляет элемент в начало блока перед основным контентом.\n * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n /\n before?: React.ReactNode;\n /\n Вставляет элемент в конец блока после основного контента.\n * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n /\n after?: React.ReactNode;\n /\n Позволяет создавать вложенность.\n /\n hierarchy?: number;\n /\n Включает состояние выбранного элемента списка.\n /\n selected?: boolean;\n /\n Включает состояние наведения.\n /\n hovered?: boolean;\n /\n Включает состояние фокуса.\n /\n focused?: boolean;\n /\n Блокирует весь блок.\n /\n disabled?: boolean;\n}\n\nconst warn = warnOnce(\"CustomSelectOption\");\n\n/\n @see https://vkcom.github.io/VKUI/#/CustomSelectOption\n */\nexport const CustomSelectOption = ({\n children,\n hierarchy = 0,\n hovered,\n selected,\n before,\n after,\n option,\n description,\n disabled,\n style: styleProp,\n ...restProps\n}: CustomSelectOptionProps) => {\n const title = typeof children === \"string\" ? children : undefined;\n const { sizeY } = useAdaptivity();\n const style = React.useMemo(\n () =>\n hierarchy > 0\n ? {\n \"--custom-select-option-hierarchy-level\": hierarchy,\n ...styleProp,\n }\n : styleProp,\n [hierarchy, styleProp]\n );\n\n if (!!option && process.env.NODE_ENV === \"development\") {\n warn(\"Свойство option было добавлено по ошибке и будет удалено в 5.0.0.\");\n }\n\n return (\n <Paragraph\n {...restProps}\n Component=\"div\"\n role=\"option\"\n title={title}\n aria-disabled={disabled}\n aria-selected={selected}\n vkuiClass={classNames(\n \"CustomSelectOption\",\n getSizeYClassName(\"CustomSelectOption\", sizeY),\n hovered && !disabled && \"CustomSelectOption--hover\",\n selected && \"CustomSelectOption--selected\", // Note: пустой класс\n disabled && \"CustomSelectOption--disabled\",\n hierarchy > 0 && \"CustomSelectOption--hierarchy\"\n )}\n style={style}\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 <Footnote vkuiClass=\"CustomSelectOption__description\">\n {description}\n </Footnote>\n )}\n </div>\n <div vkuiClass=\"CustomSelectOption__after\">\n {hasReactNode(after) && (\n <div vkuiClass=\"CustomSelectOption__afterIn\">{after}</div>\n )}\n {selected && (\n <Icon16Done vkuiClass=\"CustomSelectOption__selectedIcon\" />\n )}\n </div>\n </Paragraph>\n );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,QAA2B,kBAA3B;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,SAAT;AACA,SAASC,QAAT;AAEA,SAASC,aAAT;AACA,SAASC,QAAT;AACA,SAASC,iBAAT;AACA;AA6CA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,oBAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,OAYH;EAAA,IAX7BC,QAW6B,QAX7BA,QAW6B;EAAA,0BAV7BC,SAU6B;EAAA,IAV7BA,SAU6B,+BAVjB,CAUiB;EAAA,IAT7BC,OAS6B,QAT7BA,OAS6B;EAAA,IAR7BC,QAQ6B,QAR7BA,QAQ6B;EAAA,IAP7BC,MAO6B,QAP7BA,MAO6B;EAAA,IAN7BC,KAM6B,QAN7BA,KAM6B;EAAA,IAL7BC,MAK6B,QAL7BA,MAK6B;EAAA,IAJ7BC,WAI6B,QAJ7BA,WAI6B;EAAA,IAH7BC,QAG6B,QAH7BA,QAG6B;EAAA,IAFtBC,SAEsB,QAF7BC,KAE6B;EAAA,IAD1BC,SAC0B;;EAC7B,IAAMC,KAAK,GAAG,OAAOZ,QAAP,KAAoB,QAApB,GAA+BA,QAA/B,GAA0Ca,SAAxD;;EACA,qBAAkBlB,aAAa,EAA/B;EAAA,IAAQmB,KAAR,kBAAQA,KAAR;;EACA,IAAMJ,KAAK,GAAGrB,KAAK,CAAC0B,OAAN,CACZ;IAAA,OACEd,SAAS,GAAG,CAAZ;MAEM,0CAA0CA;IAFhD,GAGSQ,SAHT,IAKIA,SANN;EAAA,CADY,EAQZ,CAACR,SAAD,EAAYQ,SAAZ,CARY,CAAd;;EAWA,IAAI,CAAC,CAACH,MAAF,IAAYU,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzC,EAAwD;IACtDpB,IAAI,CAAC,mEAAD,CAAJ;EACD;;EAED,OACE,oBAAC,SAAD,eACMa,SADN;IAEE,SAAS,EAAC,KAFZ;IAGE,IAAI,EAAC,QAHP;IAIE,KAAK,EAAEC,KAJT;IAKE,iBAAeJ,QALjB;IAME,iBAAeL,QANjB;IAOE,SAAS,EAAEZ,UAAU,CACnB,oBADmB,EAEnBM,iBAAiB,CAAC,oBAAD,EAAuBiB,KAAvB,CAFE,EAGnBZ,OAAO,IAAI,CAACM,QAAZ,IAAwB,2BAHL,EAInBL,QAAQ,IAAI,8BAJO,EAIyB;IAC5CK,QAAQ,IAAI,8BALO,EAMnBP,SAAS,GAAG,CAAZ,IAAiB,+BANE,CAPvB;IAeE,KAAK,EAAES;EAfT,IAiBGlB,YAAY,CAACY,MAAD,CAAZ,IACC;IAAK,SAAS,EAAC;EAAf,GAA6CA,MAA7C,CAlBJ,EAoBE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GAA+CJ,QAA/C,CADF,EAEGR,YAAY,CAACe,WAAD,CAAZ,IACC,oBAAC,QAAD;IAAU,SAAS,EAAC;EAApB,GACGA,WADH,CAHJ,CApBF,EA4BE;IAAK,SAAS,EAAC;EAAf,GACGf,YAAY,CAACa,KAAD,CAAZ,IACC;IAAK,SAAS,EAAC;EAAf,GAA8CA,KAA9C,CAFJ,EAIGF,QAAQ,IACP,oBAAC,UAAD;IAAY,SAAS,EAAC;EAAtB,EALJ,CA5BF,CADF;AAuCD,CArEM"}

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

	@@ -1 +1 @@
1	- .vkuiDateInput__input{cursor:text;flex-grow:1;font-size:16px;font-variant-numeric:tabular-nums;margin-left:10px;margin-right:14px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:nowrap;z-index:6}.vkuiDateInput__input-time-divider{letter-spacing:6px!important}.vkuiDateInput--sizeY-compact .vkuiDateInput__input{font-size:15px;margin-right:22px}
1	+ .vkuiDateInput__input{cursor:text;flex-grow:1;font-size:16px;font-variant-numeric:tabular-nums;margin-left:10px;margin-right:14px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:nowrap;z-index:6}.vkuiDateInput__input-time-divider{letter-spacing:6px!important}.vkuiDateInput--sizeY-compact .vkuiDateInput__input{font-size:15px;margin-right:22px}@media (max-height:414px),(pointer:fine) and (min-width:768px){.vkuiDateInput--sizeY-none .vkuiDateInput__input{font-size:15px;margin-right:22px}}

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

@@ -16,6 +16,7 @@ import { InputLike } from "../InputLike/InputLike";
 import { InputLikeDivider } from "../InputLike/InputLikeDivider";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { callMultiple } from "../../lib/callMultiple";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 import "./DateInput.css";
 var elementsConfig = function elementsConfig(index) {
@@ -184,7 +185,7 @@ export var DateInput = function DateInput(_ref) {
     }
   }, [onChange, removeFocusFromField, closeOnChange, enableTime]);
   return createScopedElement(FormField, _extends({
-    vkuiClass: classNames("DateInput", "DateInput--sizeY-".concat(sizeY)),
+    vkuiClass: classNames("DateInput", getSizeYClassName("DateInput", sizeY)),
     style: style,
     className: className,
     getRootRef: multiRef(rootRef, getRootRef),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DateInput.js","names":["React","format","isMatch","parse","Icon16Clear","Icon20CalendarOutline","Calendar","Popper","multiRef","IconButton","classNames","FormField","useDateInput","InputLike","InputLikeDivider","useAdaptivity","callMultiple","elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","getHours","getMinutes","DateInput","enableTime","shouldDisableDate","disableFuture","disablePast","onChange","calendarPlacement","style","className","doneButtonText","closeOnChange","disablePickers","getRootRef","name","autoFocus","disabled","onClick","onFocus","prevMonthAriaLabel","nextMonthAriaLabel","showNeighboringMonth","size","changeMonthAriaLabel","changeYearAriaLabel","changeDayAriaLabel","changeHoursAriaLabel","changeMinutesAriaLabel","clearFieldAriaLabel","showCalendarAriaLabel","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","disableCalendar","props","daysRef","useRef","monthsRef","yearsRef","hoursRef","minutesRef","maxElement","onInternalValueChange","useCallback","internalValue","i","formattedValue","mask","Date","refs","useMemo","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","sizeY","onCalendarChange"],"sources":["../../../../src/components/DateInput/DateInput.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { format, isMatch, parse } from \"../../lib/date\";\nimport { Icon16Clear, Icon20CalendarOutline } from \"@vkontakte/icons\";\nimport { Calendar, CalendarProps } from \"../Calendar/Calendar\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { multiRef } from \"../../lib/utils\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasRootRef } from \"../../types\";\nimport { useDateInput } from \"../../hooks/useDateInput\";\nimport { InputLike } from \"../InputLike/InputLike\";\nimport { InputLikeDivider } from \"../InputLike/InputLikeDivider\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport \"./DateInput.css\";\n\nexport interface DateInputProps\n extends Omit<\n React.InputHTMLAttributes<HTMLDivElement>,\n \"value\" \| \"onChange\" \| \"size\"\n >,\n Pick<\n CalendarProps,\n \| \"disablePast\"\n \| \"disableFuture\"\n \| \"enableTime\"\n \| \"shouldDisableDate\"\n \| \"onChange\"\n \| \"value\"\n \| \"doneButtonText\"\n \| \"weekStartsOn\"\n \| \"disablePickers\"\n \| \"changeHoursAriaLabel\"\n \| \"changeMinutesAriaLabel\"\n \| \"prevMonthAriaLabel\"\n \| \"nextMonthAriaLabel\"\n \| \"changeMonthAriaLabel\"\n \| \"changeYearAriaLabel\"\n \| \"changeDayAriaLabel\"\n \| \"showNeighboringMonth\"\n \| \"size\"\n \| \"viewDate\"\n \| \"onHeaderChange\"\n \| \"onNextMonth\"\n \| \"onPrevMonth\"\n \| \"prevMonthIcon\"\n \| \"nextMonthIcon\"\n >,\n HasRootRef<HTMLDivElement>,\n FormFieldProps {\n calendarPlacement?: Placement;\n closeOnChange?: boolean;\n clearFieldAriaLabel?: string;\n showCalendarAriaLabel?: string;\n disableCalendar?: boolean;\n}\n\nconst elementsConfig = (index: number) => {\n let length = 2;\n let min = 1;\n let max = 0;\n\n switch (index) {\n case 0:\n max = 31;\n break;\n case 1:\n max = 12;\n break;\n case 2:\n max = 2100;\n min = 1900;\n length = 4;\n break;\n case 3:\n max = 23;\n break;\n case 4:\n max = 59;\n break;\n }\n\n return { length, min, max };\n};\n\nconst getInternalValue = (value: CalendarProps[\"value\"]) => {\n const newValue = [\"\", \"\", \"\", \"\", \"\"];\n if (value) {\n newValue[0] = String(value.getDate()).padStart(2, \"0\");\n newValue[1] = String(value.getMonth() + 1).padStart(2, \"0\");\n newValue[2] = String(value.getFullYear()).padStart(4, \"0\");\n newValue[3] = String(value.getHours()).padStart(2, \"0\");\n newValue[4] = String(value.getMinutes()).padStart(2, \"0\");\n }\n return newValue;\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/DateInput\n */\nexport const DateInput = ({\n enableTime,\n shouldDisableDate,\n disableFuture,\n disablePast,\n value,\n onChange,\n calendarPlacement = \"bottom-start\",\n style,\n className,\n doneButtonText,\n closeOnChange = true,\n disablePickers,\n getRootRef,\n name,\n autoFocus,\n disabled,\n onClick,\n onFocus,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n showNeighboringMonth,\n size,\n changeMonthAriaLabel = \"Изменить месяц\",\n changeYearAriaLabel = \"Изменить год\",\n changeDayAriaLabel = \"Изменить день\",\n changeHoursAriaLabel = \"Изменить час\",\n changeMinutesAriaLabel = \"Изменить минуту\",\n clearFieldAriaLabel = \"Очистить поле\",\n showCalendarAriaLabel = \"Показать календарь\",\n viewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n disableCalendar = false,\n ...props\n}: DateInputProps) => {\n const daysRef = React.useRef<HTMLSpanElement>(null);\n const monthsRef = React.useRef<HTMLSpanElement>(null);\n const yearsRef = React.useRef<HTMLSpanElement>(null);\n const hoursRef = React.useRef<HTMLSpanElement>(null);\n const minutesRef = React.useRef<HTMLSpanElement>(null);\n\n const maxElement = enableTime ? 4 : 2;\n\n const onInternalValueChange = React.useCallback(\n (internalValue: string[]) => {\n for (let i = 0; i <= maxElement; i += 1) {\n if (internalValue[i].length < elementsConfig(i).length) {\n return;\n }\n }\n\n let formattedValue = `${internalValue[0]}.${internalValue[1]}.${internalValue[2]}`;\n let mask = \"DD.MM.YYYY\";\n if (enableTime) {\n formattedValue += ` ${internalValue[3]}:${internalValue[4]}`;\n mask += \" HH:mm\";\n }\n\n if (isMatch(formattedValue, mask)) {\n onChange?.(parse(formattedValue, mask, value ?? new Date()));\n }\n },\n [enableTime, maxElement, onChange, value]\n );\n\n const refs = React.useMemo(\n () => [daysRef, monthsRef, yearsRef, hoursRef, minutesRef],\n [daysRef, monthsRef, yearsRef, hoursRef, minutesRef]\n );\n\n const {\n rootRef,\n calendarRef,\n open,\n openCalendar,\n closeCalendar,\n internalValue,\n handleKeyDown,\n setFocusedElement,\n handleFieldEnter,\n clear,\n removeFocusFromField,\n } = useDateInput({\n maxElement,\n refs,\n autoFocus,\n disabled,\n elementsConfig,\n onChange,\n onInternalValueChange,\n getInternalValue,\n value,\n });\n\n const { sizeY } = useAdaptivity();\n\n const onCalendarChange = React.useCallback(\n (value?: Date \| undefined) => {\n onChange?.(value);\n if (closeOnChange && !enableTime) {\n removeFocusFromField();\n }\n },\n [onChange, removeFocusFromField, closeOnChange, enableTime]\n );\n\n return (\n <FormField\n vkuiClass={classNames(\"DateInput\", `DateInput--sizeY-${sizeY}`)}\n style={style}\n className={className}\n getRootRef={multiRef(rootRef, getRootRef)}\n after={\n value ? (\n <IconButton\n hoverMode=\"opacity\"\n aria-label={clearFieldAriaLabel}\n onClick={clear}\n >\n <Icon16Clear />\n </IconButton>\n ) : (\n <IconButton\n hoverMode=\"opacity\"\n aria-label={showCalendarAriaLabel}\n onClick={openCalendar}\n >\n <Icon20CalendarOutline />\n </IconButton>\n )\n }\n disabled={disabled}\n onClick={callMultiple(handleFieldEnter, onClick)}\n onFocus={callMultiple(handleFieldEnter, onFocus)}\n {...props}\n >\n <input\n type=\"hidden\"\n name={name}\n value={\n value\n ? format(value, enableTime ? \"DD.MM.YYYYTHH:mm\" : \"DD.MM.YYYY\")\n : \"\"\n }\n />\n <span vkuiClass=\"DateInput__input\" onKeyDown={handleKeyDown}>\n <InputLike\n tabIndex={1}\n length={2}\n getRootRef={daysRef}\n index={0}\n onElementSelect={setFocusedElement}\n value={internalValue[0]}\n aria-label={changeDayAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={monthsRef}\n index={1}\n onElementSelect={setFocusedElement}\n value={internalValue[1]}\n aria-label={changeMonthAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={4}\n getRootRef={yearsRef}\n index={2}\n onElementSelect={setFocusedElement}\n value={internalValue[2]}\n aria-label={changeYearAriaLabel}\n />\n {enableTime && (\n <React.Fragment>\n <InputLikeDivider vkuiClass=\"DateInput__input-time-divider\">\n {\" \"}\n </InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={hoursRef}\n index={3}\n onElementSelect={setFocusedElement}\n value={internalValue[3]}\n aria-label={changeHoursAriaLabel}\n />\n <InputLikeDivider>:</InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={minutesRef}\n index={4}\n onElementSelect={setFocusedElement}\n value={internalValue[4]}\n aria-label={changeMinutesAriaLabel}\n />\n </React.Fragment>\n )}\n </span>\n {open && !disableCalendar && (\n <Popper\n targetRef={rootRef}\n offsetDistance={8}\n placement={calendarPlacement}\n >\n <Calendar\n value={value}\n onChange={onCalendarChange}\n enableTime={enableTime}\n disablePast={disablePast}\n disableFuture={disableFuture}\n shouldDisableDate={shouldDisableDate}\n onClose={closeCalendar}\n getRootRef={calendarRef}\n doneButtonText={doneButtonText}\n disablePickers={disablePickers}\n changeHoursAriaLabel={changeHoursAriaLabel}\n changeMinutesAriaLabel={changeMinutesAriaLabel}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n changeDayAriaLabel={changeDayAriaLabel}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n viewDate={viewDate}\n onHeaderChange={onHeaderChange}\n onNextMonth={onNextMonth}\n onPrevMonth={onPrevMonth}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n />\n </Popper>\n )}\n </FormField>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"DateInput.js","names":["React","format","isMatch","parse","Icon16Clear","Icon20CalendarOutline","Calendar","Popper","multiRef","IconButton","classNames","FormField","useDateInput","InputLike","InputLikeDivider","useAdaptivity","callMultiple","getSizeYClassName","elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","getHours","getMinutes","DateInput","enableTime","shouldDisableDate","disableFuture","disablePast","onChange","calendarPlacement","style","className","doneButtonText","closeOnChange","disablePickers","getRootRef","name","autoFocus","disabled","onClick","onFocus","prevMonthAriaLabel","nextMonthAriaLabel","showNeighboringMonth","size","changeMonthAriaLabel","changeYearAriaLabel","changeDayAriaLabel","changeHoursAriaLabel","changeMinutesAriaLabel","clearFieldAriaLabel","showCalendarAriaLabel","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","disableCalendar","props","daysRef","useRef","monthsRef","yearsRef","hoursRef","minutesRef","maxElement","onInternalValueChange","useCallback","internalValue","i","formattedValue","mask","Date","refs","useMemo","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","sizeY","onCalendarChange"],"sources":["../../../../src/components/DateInput/DateInput.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { format, isMatch, parse } from \"../../lib/date\";\nimport { Icon16Clear, Icon20CalendarOutline } from \"@vkontakte/icons\";\nimport { Calendar, CalendarProps } from \"../Calendar/Calendar\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { multiRef } from \"../../lib/utils\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasRootRef } from \"../../types\";\nimport { useDateInput } from \"../../hooks/useDateInput\";\nimport { InputLike } from \"../InputLike/InputLike\";\nimport { InputLikeDivider } from \"../InputLike/InputLikeDivider\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./DateInput.css\";\n\nexport interface DateInputProps\n extends Omit<\n React.InputHTMLAttributes<HTMLDivElement>,\n \"value\" \| \"onChange\" \| \"size\"\n >,\n Pick<\n CalendarProps,\n \| \"disablePast\"\n \| \"disableFuture\"\n \| \"enableTime\"\n \| \"shouldDisableDate\"\n \| \"onChange\"\n \| \"value\"\n \| \"doneButtonText\"\n \| \"weekStartsOn\"\n \| \"disablePickers\"\n \| \"changeHoursAriaLabel\"\n \| \"changeMinutesAriaLabel\"\n \| \"prevMonthAriaLabel\"\n \| \"nextMonthAriaLabel\"\n \| \"changeMonthAriaLabel\"\n \| \"changeYearAriaLabel\"\n \| \"changeDayAriaLabel\"\n \| \"showNeighboringMonth\"\n \| \"size\"\n \| \"viewDate\"\n \| \"onHeaderChange\"\n \| \"onNextMonth\"\n \| \"onPrevMonth\"\n \| \"prevMonthIcon\"\n \| \"nextMonthIcon\"\n >,\n HasRootRef<HTMLDivElement>,\n FormFieldProps {\n calendarPlacement?: Placement;\n closeOnChange?: boolean;\n clearFieldAriaLabel?: string;\n showCalendarAriaLabel?: string;\n disableCalendar?: boolean;\n}\n\nconst elementsConfig = (index: number) => {\n let length = 2;\n let min = 1;\n let max = 0;\n\n switch (index) {\n case 0:\n max = 31;\n break;\n case 1:\n max = 12;\n break;\n case 2:\n max = 2100;\n min = 1900;\n length = 4;\n break;\n case 3:\n max = 23;\n break;\n case 4:\n max = 59;\n break;\n }\n\n return { length, min, max };\n};\n\nconst getInternalValue = (value: CalendarProps[\"value\"]) => {\n const newValue = [\"\", \"\", \"\", \"\", \"\"];\n if (value) {\n newValue[0] = String(value.getDate()).padStart(2, \"0\");\n newValue[1] = String(value.getMonth() + 1).padStart(2, \"0\");\n newValue[2] = String(value.getFullYear()).padStart(4, \"0\");\n newValue[3] = String(value.getHours()).padStart(2, \"0\");\n newValue[4] = String(value.getMinutes()).padStart(2, \"0\");\n }\n return newValue;\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/DateInput\n */\nexport const DateInput = ({\n enableTime,\n shouldDisableDate,\n disableFuture,\n disablePast,\n value,\n onChange,\n calendarPlacement = \"bottom-start\",\n style,\n className,\n doneButtonText,\n closeOnChange = true,\n disablePickers,\n getRootRef,\n name,\n autoFocus,\n disabled,\n onClick,\n onFocus,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n showNeighboringMonth,\n size,\n changeMonthAriaLabel = \"Изменить месяц\",\n changeYearAriaLabel = \"Изменить год\",\n changeDayAriaLabel = \"Изменить день\",\n changeHoursAriaLabel = \"Изменить час\",\n changeMinutesAriaLabel = \"Изменить минуту\",\n clearFieldAriaLabel = \"Очистить поле\",\n showCalendarAriaLabel = \"Показать календарь\",\n viewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n disableCalendar = false,\n ...props\n}: DateInputProps) => {\n const daysRef = React.useRef<HTMLSpanElement>(null);\n const monthsRef = React.useRef<HTMLSpanElement>(null);\n const yearsRef = React.useRef<HTMLSpanElement>(null);\n const hoursRef = React.useRef<HTMLSpanElement>(null);\n const minutesRef = React.useRef<HTMLSpanElement>(null);\n\n const maxElement = enableTime ? 4 : 2;\n\n const onInternalValueChange = React.useCallback(\n (internalValue: string[]) => {\n for (let i = 0; i <= maxElement; i += 1) {\n if (internalValue[i].length < elementsConfig(i).length) {\n return;\n }\n }\n\n let formattedValue = `${internalValue[0]}.${internalValue[1]}.${internalValue[2]}`;\n let mask = \"DD.MM.YYYY\";\n if (enableTime) {\n formattedValue += ` ${internalValue[3]}:${internalValue[4]}`;\n mask += \" HH:mm\";\n }\n\n if (isMatch(formattedValue, mask)) {\n onChange?.(parse(formattedValue, mask, value ?? new Date()));\n }\n },\n [enableTime, maxElement, onChange, value]\n );\n\n const refs = React.useMemo(\n () => [daysRef, monthsRef, yearsRef, hoursRef, minutesRef],\n [daysRef, monthsRef, yearsRef, hoursRef, minutesRef]\n );\n\n const {\n rootRef,\n calendarRef,\n open,\n openCalendar,\n closeCalendar,\n internalValue,\n handleKeyDown,\n setFocusedElement,\n handleFieldEnter,\n clear,\n removeFocusFromField,\n } = useDateInput({\n maxElement,\n refs,\n autoFocus,\n disabled,\n elementsConfig,\n onChange,\n onInternalValueChange,\n getInternalValue,\n value,\n });\n\n const { sizeY } = useAdaptivity();\n\n const onCalendarChange = React.useCallback(\n (value?: Date \| undefined) => {\n onChange?.(value);\n if (closeOnChange && !enableTime) {\n removeFocusFromField();\n }\n },\n [onChange, removeFocusFromField, closeOnChange, enableTime]\n );\n\n return (\n <FormField\n vkuiClass={classNames(\"DateInput\", getSizeYClassName(\"DateInput\", sizeY))}\n style={style}\n className={className}\n getRootRef={multiRef(rootRef, getRootRef)}\n after={\n value ? (\n <IconButton\n hoverMode=\"opacity\"\n aria-label={clearFieldAriaLabel}\n onClick={clear}\n >\n <Icon16Clear />\n </IconButton>\n ) : (\n <IconButton\n hoverMode=\"opacity\"\n aria-label={showCalendarAriaLabel}\n onClick={openCalendar}\n >\n <Icon20CalendarOutline />\n </IconButton>\n )\n }\n disabled={disabled}\n onClick={callMultiple(handleFieldEnter, onClick)}\n onFocus={callMultiple(handleFieldEnter, onFocus)}\n {...props}\n >\n <input\n type=\"hidden\"\n name={name}\n value={\n value\n ? format(value, enableTime ? \"DD.MM.YYYYTHH:mm\" : \"DD.MM.YYYY\")\n : \"\"\n }\n />\n <span vkuiClass=\"DateInput__input\" onKeyDown={handleKeyDown}>\n <InputLike\n tabIndex={1}\n length={2}\n getRootRef={daysRef}\n index={0}\n onElementSelect={setFocusedElement}\n value={internalValue[0]}\n aria-label={changeDayAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={monthsRef}\n index={1}\n onElementSelect={setFocusedElement}\n value={internalValue[1]}\n aria-label={changeMonthAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={4}\n getRootRef={yearsRef}\n index={2}\n onElementSelect={setFocusedElement}\n value={internalValue[2]}\n aria-label={changeYearAriaLabel}\n />\n {enableTime && (\n <React.Fragment>\n <InputLikeDivider vkuiClass=\"DateInput__input-time-divider\">\n {\" \"}\n </InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={hoursRef}\n index={3}\n onElementSelect={setFocusedElement}\n value={internalValue[3]}\n aria-label={changeHoursAriaLabel}\n />\n <InputLikeDivider>:</InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={minutesRef}\n index={4}\n onElementSelect={setFocusedElement}\n value={internalValue[4]}\n aria-label={changeMinutesAriaLabel}\n />\n </React.Fragment>\n )}\n </span>\n {open && !disableCalendar && (\n <Popper\n targetRef={rootRef}\n offsetDistance={8}\n placement={calendarPlacement}\n >\n <Calendar\n value={value}\n onChange={onCalendarChange}\n enableTime={enableTime}\n disablePast={disablePast}\n disableFuture={disableFuture}\n shouldDisableDate={shouldDisableDate}\n onClose={closeCalendar}\n getRootRef={calendarRef}\n doneButtonText={doneButtonText}\n disablePickers={disablePickers}\n changeHoursAriaLabel={changeHoursAriaLabel}\n changeMinutesAriaLabel={changeMinutesAriaLabel}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n changeDayAriaLabel={changeDayAriaLabel}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n viewDate={viewDate}\n onHeaderChange={onHeaderChange}\n onNextMonth={onNextMonth}\n onPrevMonth={onPrevMonth}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n />\n </Popper>\n )}\n </FormField>\n );\n};\n"],"mappings":"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"}

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

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

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

@@ -3,13 +3,13 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "min", "max", "dayPlaceholder", "monthPlaceholder", "yearPlaceholder", "popupDirection", "defaultValue", "hasMouse", "monthNames", "day", "month", "year", "onDateChange", "disabled"],
-    _excluded2 = ["min", "max", "dayPlaceholder", "monthPlaceholder", "yearPlaceholder", "popupDirection", "defaultValue", "hasMouse", "day", "month", "year", "onDateChange"],
-    _excluded3 = ["hasMouse", "defaultValue"];
+var _excluded = ["name", "min", "max", "dayPlaceholder", "monthPlaceholder", "yearPlaceholder", "popupDirection", "defaultValue", "monthNames", "day", "month", "year", "onDateChange", "disabled"],
+    _excluded2 = ["min", "max", "dayPlaceholder", "monthPlaceholder", "yearPlaceholder", "popupDirection", "defaultValue", "day", "month", "year", "onDateChange"],
+    _excluded3 = ["defaultValue"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { Input } from "../Input/Input";
-import { withAdaptivity } from "../../hoc/withAdaptivity";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { leadingZero } from "../../lib/utils";
 import { CustomSelect } from "../CustomSelect/CustomSelect";
 import "./DatePicker.css";
@@ -70,7 +70,6 @@ var DatePickerCustom = function DatePickerCustom(_ref2) {
       yearPlaceholder = _ref2.yearPlaceholder,
       popupDirection = _ref2.popupDirection,
       defaultValue = _ref2.defaultValue,
-      hasMouse = _ref2.hasMouse,
       monthNames = _ref2.monthNames,
       _ref2$day = _ref2.day,
       day = _ref2$day === void 0 ? 0 : _ref2$day,
@@ -172,7 +171,6 @@ var DatePickerNative = function DatePickerNative(_ref3) {
       yearPlaceholder = _ref3.yearPlaceholder,
       popupDirection = _ref3.popupDirection,
       defaultValue = _ref3.defaultValue,
-      hasMouse = _ref3.hasMouse,
       day = _ref3.day,
       month = _ref3.month,
       year = _ref3.year,
@@ -201,11 +199,13 @@ var DatePickerNative = function DatePickerNative(_ref3) {
  */
-var DatePickerComponent = function DatePickerComponent(_ref4) {
-  var hasMouse = _ref4.hasMouse,
-      defaultValue = _ref4.defaultValue,
+export var DatePicker = function DatePicker(_ref4) {
+  var defaultValue = _ref4.defaultValue,
       props = _objectWithoutProperties(_ref4, _excluded3);
+  var _useAdaptivity = useAdaptivity(),
+      hasMouse = _useAdaptivity.hasMouse;
   var _React$useState = React.useState(function () {
     return {
       day: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.day) || 0,
@@ -226,9 +226,4 @@ var DatePickerComponent = function DatePickerComponent(_ref4) {
     onDateChange: onDateChange
   }));
 };
-export var DatePicker = withAdaptivity(DatePickerComponent, {
-  hasMouse: true
-});
-DatePicker.displayName = "DatePicker";
 //# sourceMappingURL=DatePicker.js.map

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

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

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

	@@ -1 +1 @@
1	- .vkuiDateRangeInput__input{cursor:text;flex-grow:1;font-size:16px;font-variant-numeric:tabular-nums;margin-left:10px;margin-right:14px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:nowrap;z-index:6}.vkuiDateRangeInput--sizeY-compact .vkuiDateRangeInput__input{font-size:15px;margin-right:22px}
1	+ .vkuiDateRangeInput__input{cursor:text;flex-grow:1;font-size:16px;font-variant-numeric:tabular-nums;margin-left:10px;margin-right:14px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:nowrap;z-index:6}.vkuiDateRangeInput--sizeY-compact .vkuiDateRangeInput__input{font-size:15px;margin-right:22px}@media (max-height:414px),(pointer:fine) and (min-width:768px){.vkuiDateRangeInput--sizeY-none .vkuiDateRangeInput__input{font-size:15px;margin-right:22px}}

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

@@ -16,6 +16,7 @@ import { FormField } from "../FormField/FormField";
 import { InputLike } from "../InputLike/InputLike";
 import { InputLikeDivider } from "../InputLike/InputLikeDivider";
 import { callMultiple } from "../../lib/callMultiple";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 import "./DateRangeInput.css";
 var elementsConfig = function elementsConfig(index) {
@@ -202,7 +203,7 @@ export var DateRangeInput = function DateRangeInput(_ref) {
     }
   }, [onChange, closeOnChange, value, removeFocusFromField]);
   return createScopedElement(FormField, _extends({
-    vkuiClass: classNames("DateRangeInput", "DateRangeInput--sizeY-".concat(sizeY)),
+    vkuiClass: classNames("DateRangeInput", getSizeYClassName("DateRangeInput", sizeY)),
     style: style,
     className: className,
     getRootRef: multiRef(rootRef, getRootRef),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangeInput.js","names":["React","format","isMatch","parse","isAfter","Icon16Clear","Icon20CalendarOutline","CalendarRange","Popper","IconButton","useDateInput","useAdaptivity","classNames","multiRef","FormField","InputLike","InputLikeDivider","callMultiple","elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","DateRangeInput","shouldDisableDate","disableFuture","disablePast","onChange","calendarPlacement","style","className","closeOnChange","disablePickers","getRootRef","name","autoFocus","disabled","onClick","onFocus","prevMonthAriaLabel","nextMonthAriaLabel","changeDayAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeStartDayAriaLabel","changeStartMonthAriaLabel","changeStartYearAriaLabel","changeEndDayAriaLabel","changeEndMonthAriaLabel","changeEndYearAriaLabel","clearFieldAriaLabel","showCalendarAriaLabel","prevMonthIcon","nextMonthIcon","disableCalendar","props","daysStartRef","useRef","monthsStartRef","yearsStartRef","daysEndRef","monthsEndRef","yearsEndRef","onInternalValueChange","useCallback","internalValue","isStartValid","isEndValid","i","formattedStartValue","formattedEndValue","mask","valueExists","Array","isArray","now","Date","start","end","refs","useMemo","maxElement","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","sizeY","onCalendarChange"],"sources":["../../../../src/components/DateRangeInput/DateRangeInput.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { format, isMatch, parse, isAfter } from \"../../lib/date\";\nimport { Icon16Clear, Icon20CalendarOutline } from \"@vkontakte/icons\";\nimport {\n CalendarRange,\n CalendarRangeProps,\n} from \"../CalendarRange/CalendarRange\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { HasRootRef } from \"../../types\";\nimport { useDateInput } from \"../../hooks/useDateInput\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport { multiRef } from \"../../lib/utils\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { InputLike } from \"../InputLike/InputLike\";\nimport { InputLikeDivider } from \"../InputLike/InputLikeDivider\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport \"./DateRangeInput.css\";\n\nexport interface DateRangeInputProps\n extends Omit<React.InputHTMLAttributes<HTMLDivElement>, \"value\" \| \"onChange\">,\n Pick<\n CalendarRangeProps,\n \| \"disablePast\"\n \| \"disableFuture\"\n \| \"shouldDisableDate\"\n \| \"onChange\"\n \| \"value\"\n \| \"weekStartsOn\"\n \| \"disablePickers\"\n \| \"prevMonthAriaLabel\"\n \| \"nextMonthAriaLabel\"\n \| \"changeMonthAriaLabel\"\n \| \"changeYearAriaLabel\"\n \| \"changeDayAriaLabel\"\n \| \"prevMonthIcon\"\n \| \"nextMonthIcon\"\n >,\n HasRootRef<HTMLDivElement>,\n FormFieldProps {\n calendarPlacement?: Placement;\n closeOnChange?: boolean;\n clearFieldAriaLabel?: string;\n showCalendarAriaLabel?: string;\n changeStartDayAriaLabel?: string;\n changeStartMonthAriaLabel?: string;\n changeStartYearAriaLabel?: string;\n changeEndDayAriaLabel?: string;\n changeEndMonthAriaLabel?: string;\n changeEndYearAriaLabel?: string;\n disableCalendar?: boolean;\n}\n\nconst elementsConfig = (index: number) => {\n let length = 2;\n let min = 1;\n let max = 0;\n\n switch (index) {\n case 0:\n case 3:\n max = 31;\n break;\n case 1:\n case 4:\n max = 12;\n break;\n case 2:\n case 5:\n max = 2100;\n min = 1900;\n length = 4;\n break;\n }\n\n return { length, min, max };\n};\n\nconst getInternalValue = (value: CalendarRangeProps[\"value\"]) => {\n const newValue = [\"\", \"\", \"\", \"\", \"\", \"\"];\n if (value?.[0]) {\n newValue[0] = String(value[0].getDate()).padStart(2, \"0\");\n newValue[1] = String(value[0].getMonth() + 1).padStart(2, \"0\");\n newValue[2] = String(value[0].getFullYear()).padStart(4, \"0\");\n }\n if (value?.[1]) {\n newValue[3] = String(value[1].getDate()).padStart(2, \"0\");\n newValue[4] = String(value[1].getMonth() + 1).padStart(2, \"0\");\n newValue[5] = String(value[1].getFullYear()).padStart(4, \"0\");\n }\n return newValue;\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/DateRangeInput\n */\nexport const DateRangeInput = ({\n shouldDisableDate,\n disableFuture,\n disablePast,\n value,\n onChange,\n calendarPlacement = \"bottom-start\",\n style,\n className,\n closeOnChange = true,\n disablePickers,\n getRootRef,\n name,\n autoFocus,\n disabled,\n onClick,\n onFocus,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeDayAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n changeStartDayAriaLabel = \"Изменить день начала\",\n changeStartMonthAriaLabel = \"Изменить месяц начала\",\n changeStartYearAriaLabel = \"Изменить год начала\",\n changeEndDayAriaLabel = \"Изменить день окончания\",\n changeEndMonthAriaLabel = \"Изменить месяц окончания\",\n changeEndYearAriaLabel = \"Изменить год окончания\",\n clearFieldAriaLabel = \"Очистить поле\",\n showCalendarAriaLabel = \"Показать календарь\",\n prevMonthIcon,\n nextMonthIcon,\n disableCalendar = false,\n ...props\n}: DateRangeInputProps) => {\n const daysStartRef = React.useRef<HTMLSpanElement>(null);\n const monthsStartRef = React.useRef<HTMLSpanElement>(null);\n const yearsStartRef = React.useRef<HTMLSpanElement>(null);\n const daysEndRef = React.useRef<HTMLSpanElement>(null);\n const monthsEndRef = React.useRef<HTMLSpanElement>(null);\n const yearsEndRef = React.useRef<HTMLSpanElement>(null);\n\n const onInternalValueChange = React.useCallback(\n (internalValue: string[]) => {\n let isStartValid = true;\n let isEndValid = true;\n for (let i = 0; i <= 2; i += 1) {\n if (internalValue[i].length < elementsConfig(i).length) {\n isStartValid = false;\n }\n }\n for (let i = 3; i <= 5; i += 1) {\n if (internalValue[i].length < elementsConfig(i).length) {\n isEndValid = false;\n }\n }\n const formattedStartValue = `${internalValue[0]}.${internalValue[1]}.${internalValue[2]}`;\n const formattedEndValue = `${internalValue[3]}.${internalValue[4]}.${internalValue[5]}`;\n const mask = \"dd.MM.yyyy\";\n\n if (!isMatch(formattedStartValue, mask)) {\n isStartValid = false;\n }\n if (!isMatch(formattedEndValue, mask)) {\n isEndValid = false;\n }\n\n if (!isStartValid && !isEndValid) {\n return;\n }\n\n const valueExists = Array.isArray(value);\n const now = new Date();\n const start = isStartValid\n ? parse(formattedStartValue, mask, (valueExists && value?.[0]) \|\| now)\n : null;\n const end = isEndValid\n ? parse(formattedEndValue, mask, (valueExists && value?.[1]) \|\| now)\n : null;\n if (start && end && isAfter(end, start)) {\n onChange?.([start, end]);\n }\n },\n [onChange, value]\n );\n\n const refs = React.useMemo(\n () => [\n daysStartRef,\n monthsStartRef,\n yearsStartRef,\n daysEndRef,\n monthsEndRef,\n yearsEndRef,\n ],\n [\n daysStartRef,\n monthsStartRef,\n yearsStartRef,\n daysEndRef,\n monthsEndRef,\n yearsEndRef,\n ]\n );\n\n const {\n rootRef,\n calendarRef,\n open,\n openCalendar,\n closeCalendar,\n internalValue,\n handleKeyDown,\n setFocusedElement,\n handleFieldEnter,\n clear,\n removeFocusFromField,\n } = useDateInput({\n maxElement: 5,\n refs,\n autoFocus,\n disabled,\n elementsConfig,\n onChange,\n onInternalValueChange,\n getInternalValue,\n value,\n });\n\n const { sizeY } = useAdaptivity();\n\n const onCalendarChange = React.useCallback(\n (newValue?: Array<Date \| null> \| undefined) => {\n onChange?.(newValue);\n if (closeOnChange && newValue?.[1] && newValue[1] !== value?.[1]) {\n removeFocusFromField();\n }\n },\n [onChange, closeOnChange, value, removeFocusFromField]\n );\n\n return (\n <FormField\n vkuiClass={classNames(\"DateRangeInput\", `DateRangeInput--sizeY-${sizeY}`)}\n style={style}\n className={className}\n getRootRef={multiRef(rootRef, getRootRef)}\n after={\n value ? (\n <IconButton\n hoverMode=\"opacity\"\n aria-label={clearFieldAriaLabel}\n onClick={clear}\n >\n <Icon16Clear />\n </IconButton>\n ) : (\n <IconButton\n hoverMode=\"opacity\"\n aria-label={showCalendarAriaLabel}\n onClick={openCalendar}\n >\n <Icon20CalendarOutline />\n </IconButton>\n )\n }\n disabled={disabled}\n onClick={callMultiple(handleFieldEnter, onClick)}\n onFocus={callMultiple(handleFieldEnter, onFocus)}\n {...props}\n >\n <input\n type=\"hidden\"\n name={name}\n value={\n value\n ? `${value[0] ? format(value[0], \"DD.MM.YYYY\") : \"\"} - ${\n value[1] ? format(value[1], \"DD.MM.YYYY\") : \"\"\n }`\n : \"\"\n }\n />\n <span vkuiClass=\"DateInput__input\" onKeyDown={handleKeyDown}>\n <InputLike\n length={2}\n getRootRef={daysStartRef}\n index={0}\n onElementSelect={setFocusedElement}\n value={internalValue[0]}\n aria-label={changeStartDayAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={monthsStartRef}\n index={1}\n onElementSelect={setFocusedElement}\n value={internalValue[1]}\n aria-label={changeStartMonthAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={4}\n getRootRef={yearsStartRef}\n index={2}\n onElementSelect={setFocusedElement}\n value={internalValue[2]}\n aria-label={changeStartYearAriaLabel}\n />\n <InputLikeDivider>{\" — \"}</InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={daysEndRef}\n index={3}\n onElementSelect={setFocusedElement}\n value={internalValue[3]}\n aria-label={changeEndDayAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={monthsEndRef}\n index={4}\n onElementSelect={setFocusedElement}\n value={internalValue[4]}\n aria-label={changeEndMonthAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={4}\n getRootRef={yearsEndRef}\n index={5}\n onElementSelect={setFocusedElement}\n value={internalValue[5]}\n aria-label={changeEndYearAriaLabel}\n />\n </span>\n {open && !disableCalendar && (\n <Popper\n targetRef={rootRef}\n offsetDistance={8}\n placement={calendarPlacement}\n >\n <CalendarRange\n value={value}\n onChange={onCalendarChange}\n disablePast={disablePast}\n disableFuture={disableFuture}\n shouldDisableDate={shouldDisableDate}\n onClose={closeCalendar}\n getRootRef={calendarRef}\n disablePickers={disablePickers}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n changeDayAriaLabel={changeDayAriaLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n />\n </Popper>\n )}\n </FormField>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"DateRangeInput.js","names":["React","format","isMatch","parse","isAfter","Icon16Clear","Icon20CalendarOutline","CalendarRange","Popper","IconButton","useDateInput","useAdaptivity","classNames","multiRef","FormField","InputLike","InputLikeDivider","callMultiple","getSizeYClassName","elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","DateRangeInput","shouldDisableDate","disableFuture","disablePast","onChange","calendarPlacement","style","className","closeOnChange","disablePickers","getRootRef","name","autoFocus","disabled","onClick","onFocus","prevMonthAriaLabel","nextMonthAriaLabel","changeDayAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeStartDayAriaLabel","changeStartMonthAriaLabel","changeStartYearAriaLabel","changeEndDayAriaLabel","changeEndMonthAriaLabel","changeEndYearAriaLabel","clearFieldAriaLabel","showCalendarAriaLabel","prevMonthIcon","nextMonthIcon","disableCalendar","props","daysStartRef","useRef","monthsStartRef","yearsStartRef","daysEndRef","monthsEndRef","yearsEndRef","onInternalValueChange","useCallback","internalValue","isStartValid","isEndValid","i","formattedStartValue","formattedEndValue","mask","valueExists","Array","isArray","now","Date","start","end","refs","useMemo","maxElement","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","sizeY","onCalendarChange"],"sources":["../../../../src/components/DateRangeInput/DateRangeInput.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { format, isMatch, parse, isAfter } from \"../../lib/date\";\nimport { Icon16Clear, Icon20CalendarOutline } from \"@vkontakte/icons\";\nimport {\n CalendarRange,\n CalendarRangeProps,\n} from \"../CalendarRange/CalendarRange\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { HasRootRef } from \"../../types\";\nimport { useDateInput } from \"../../hooks/useDateInput\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport { multiRef } from \"../../lib/utils\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { InputLike } from \"../InputLike/InputLike\";\nimport { InputLikeDivider } from \"../InputLike/InputLikeDivider\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./DateRangeInput.css\";\n\nexport interface DateRangeInputProps\n extends Omit<React.InputHTMLAttributes<HTMLDivElement>, \"value\" \| \"onChange\">,\n Pick<\n CalendarRangeProps,\n \| \"disablePast\"\n \| \"disableFuture\"\n \| \"shouldDisableDate\"\n \| \"onChange\"\n \| \"value\"\n \| \"weekStartsOn\"\n \| \"disablePickers\"\n \| \"prevMonthAriaLabel\"\n \| \"nextMonthAriaLabel\"\n \| \"changeMonthAriaLabel\"\n \| \"changeYearAriaLabel\"\n \| \"changeDayAriaLabel\"\n \| \"prevMonthIcon\"\n \| \"nextMonthIcon\"\n >,\n HasRootRef<HTMLDivElement>,\n FormFieldProps {\n calendarPlacement?: Placement;\n closeOnChange?: boolean;\n clearFieldAriaLabel?: string;\n showCalendarAriaLabel?: string;\n changeStartDayAriaLabel?: string;\n changeStartMonthAriaLabel?: string;\n changeStartYearAriaLabel?: string;\n changeEndDayAriaLabel?: string;\n changeEndMonthAriaLabel?: string;\n changeEndYearAriaLabel?: string;\n disableCalendar?: boolean;\n}\n\nconst elementsConfig = (index: number) => {\n let length = 2;\n let min = 1;\n let max = 0;\n\n switch (index) {\n case 0:\n case 3:\n max = 31;\n break;\n case 1:\n case 4:\n max = 12;\n break;\n case 2:\n case 5:\n max = 2100;\n min = 1900;\n length = 4;\n break;\n }\n\n return { length, min, max };\n};\n\nconst getInternalValue = (value: CalendarRangeProps[\"value\"]) => {\n const newValue = [\"\", \"\", \"\", \"\", \"\", \"\"];\n if (value?.[0]) {\n newValue[0] = String(value[0].getDate()).padStart(2, \"0\");\n newValue[1] = String(value[0].getMonth() + 1).padStart(2, \"0\");\n newValue[2] = String(value[0].getFullYear()).padStart(4, \"0\");\n }\n if (value?.[1]) {\n newValue[3] = String(value[1].getDate()).padStart(2, \"0\");\n newValue[4] = String(value[1].getMonth() + 1).padStart(2, \"0\");\n newValue[5] = String(value[1].getFullYear()).padStart(4, \"0\");\n }\n return newValue;\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/DateRangeInput\n */\nexport const DateRangeInput = ({\n shouldDisableDate,\n disableFuture,\n disablePast,\n value,\n onChange,\n calendarPlacement = \"bottom-start\",\n style,\n className,\n closeOnChange = true,\n disablePickers,\n getRootRef,\n name,\n autoFocus,\n disabled,\n onClick,\n onFocus,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeDayAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n changeStartDayAriaLabel = \"Изменить день начала\",\n changeStartMonthAriaLabel = \"Изменить месяц начала\",\n changeStartYearAriaLabel = \"Изменить год начала\",\n changeEndDayAriaLabel = \"Изменить день окончания\",\n changeEndMonthAriaLabel = \"Изменить месяц окончания\",\n changeEndYearAriaLabel = \"Изменить год окончания\",\n clearFieldAriaLabel = \"Очистить поле\",\n showCalendarAriaLabel = \"Показать календарь\",\n prevMonthIcon,\n nextMonthIcon,\n disableCalendar = false,\n ...props\n}: DateRangeInputProps) => {\n const daysStartRef = React.useRef<HTMLSpanElement>(null);\n const monthsStartRef = React.useRef<HTMLSpanElement>(null);\n const yearsStartRef = React.useRef<HTMLSpanElement>(null);\n const daysEndRef = React.useRef<HTMLSpanElement>(null);\n const monthsEndRef = React.useRef<HTMLSpanElement>(null);\n const yearsEndRef = React.useRef<HTMLSpanElement>(null);\n\n const onInternalValueChange = React.useCallback(\n (internalValue: string[]) => {\n let isStartValid = true;\n let isEndValid = true;\n for (let i = 0; i <= 2; i += 1) {\n if (internalValue[i].length < elementsConfig(i).length) {\n isStartValid = false;\n }\n }\n for (let i = 3; i <= 5; i += 1) {\n if (internalValue[i].length < elementsConfig(i).length) {\n isEndValid = false;\n }\n }\n const formattedStartValue = `${internalValue[0]}.${internalValue[1]}.${internalValue[2]}`;\n const formattedEndValue = `${internalValue[3]}.${internalValue[4]}.${internalValue[5]}`;\n const mask = \"dd.MM.yyyy\";\n\n if (!isMatch(formattedStartValue, mask)) {\n isStartValid = false;\n }\n if (!isMatch(formattedEndValue, mask)) {\n isEndValid = false;\n }\n\n if (!isStartValid && !isEndValid) {\n return;\n }\n\n const valueExists = Array.isArray(value);\n const now = new Date();\n const start = isStartValid\n ? parse(formattedStartValue, mask, (valueExists && value?.[0]) \|\| now)\n : null;\n const end = isEndValid\n ? parse(formattedEndValue, mask, (valueExists && value?.[1]) \|\| now)\n : null;\n if (start && end && isAfter(end, start)) {\n onChange?.([start, end]);\n }\n },\n [onChange, value]\n );\n\n const refs = React.useMemo(\n () => [\n daysStartRef,\n monthsStartRef,\n yearsStartRef,\n daysEndRef,\n monthsEndRef,\n yearsEndRef,\n ],\n [\n daysStartRef,\n monthsStartRef,\n yearsStartRef,\n daysEndRef,\n monthsEndRef,\n yearsEndRef,\n ]\n );\n\n const {\n rootRef,\n calendarRef,\n open,\n openCalendar,\n closeCalendar,\n internalValue,\n handleKeyDown,\n setFocusedElement,\n handleFieldEnter,\n clear,\n removeFocusFromField,\n } = useDateInput({\n maxElement: 5,\n refs,\n autoFocus,\n disabled,\n elementsConfig,\n onChange,\n onInternalValueChange,\n getInternalValue,\n value,\n });\n\n const { sizeY } = useAdaptivity();\n\n const onCalendarChange = React.useCallback(\n (newValue?: Array<Date \| null> \| undefined) => {\n onChange?.(newValue);\n if (closeOnChange && newValue?.[1] && newValue[1] !== value?.[1]) {\n removeFocusFromField();\n }\n },\n [onChange, closeOnChange, value, removeFocusFromField]\n );\n\n return (\n <FormField\n vkuiClass={classNames(\n \"DateRangeInput\",\n getSizeYClassName(\"DateRangeInput\", sizeY)\n )}\n style={style}\n className={className}\n getRootRef={multiRef(rootRef, getRootRef)}\n after={\n value ? (\n <IconButton\n hoverMode=\"opacity\"\n aria-label={clearFieldAriaLabel}\n onClick={clear}\n >\n <Icon16Clear />\n </IconButton>\n ) : (\n <IconButton\n hoverMode=\"opacity\"\n aria-label={showCalendarAriaLabel}\n onClick={openCalendar}\n >\n <Icon20CalendarOutline />\n </IconButton>\n )\n }\n disabled={disabled}\n onClick={callMultiple(handleFieldEnter, onClick)}\n onFocus={callMultiple(handleFieldEnter, onFocus)}\n {...props}\n >\n <input\n type=\"hidden\"\n name={name}\n value={\n value\n ? `${value[0] ? format(value[0], \"DD.MM.YYYY\") : \"\"} - ${\n value[1] ? format(value[1], \"DD.MM.YYYY\") : \"\"\n }`\n : \"\"\n }\n />\n <span vkuiClass=\"DateInput__input\" onKeyDown={handleKeyDown}>\n <InputLike\n length={2}\n getRootRef={daysStartRef}\n index={0}\n onElementSelect={setFocusedElement}\n value={internalValue[0]}\n aria-label={changeStartDayAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={monthsStartRef}\n index={1}\n onElementSelect={setFocusedElement}\n value={internalValue[1]}\n aria-label={changeStartMonthAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={4}\n getRootRef={yearsStartRef}\n index={2}\n onElementSelect={setFocusedElement}\n value={internalValue[2]}\n aria-label={changeStartYearAriaLabel}\n />\n <InputLikeDivider>{\" — \"}</InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={daysEndRef}\n index={3}\n onElementSelect={setFocusedElement}\n value={internalValue[3]}\n aria-label={changeEndDayAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={2}\n getRootRef={monthsEndRef}\n index={4}\n onElementSelect={setFocusedElement}\n value={internalValue[4]}\n aria-label={changeEndMonthAriaLabel}\n />\n <InputLikeDivider>.</InputLikeDivider>\n <InputLike\n length={4}\n getRootRef={yearsEndRef}\n index={5}\n onElementSelect={setFocusedElement}\n value={internalValue[5]}\n aria-label={changeEndYearAriaLabel}\n />\n </span>\n {open && !disableCalendar && (\n <Popper\n targetRef={rootRef}\n offsetDistance={8}\n placement={calendarPlacement}\n >\n <CalendarRange\n value={value}\n onChange={onCalendarChange}\n disablePast={disablePast}\n disableFuture={disableFuture}\n shouldDisableDate={shouldDisableDate}\n onClose={closeCalendar}\n getRootRef={calendarRef}\n disablePickers={disablePickers}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n changeDayAriaLabel={changeDayAriaLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n />\n </Popper>\n )}\n </FormField>\n );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1 @@

+ .vkuiDeviceConditionalRender__mobile--viewWidth-smallTabletPlus{display:none}@media (min-width:768px) and (min-height:720px),(min-width:768px) and (pointer:fine){.vkuiDeviceConditionalRender__mobile--viewWidth-none{display:none}}.vkuiDeviceConditionalRender__desktop--viewWidth-mobile,.vkuiDeviceConditionalRender__desktop--viewWidth-smallMobile{display:none}@media (max-width:767px),(pointer:coarse) and (max-height:719px),(pointer:none) and (max-height:719px){.vkuiDeviceConditionalRender__desktop--viewWidth-none{display:none}}

package/dist/cssm/components/DeviceConditionalRender/DeviceConditionalRender.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import * as React from "react";
+import "./DeviceConditionalRender.css";
+export interface DeviceConditionalRenderProps {
+    mobile?: React.ReactNode;
+    desktop?: React.ReactNode;
+}
+export declare const DeviceConditionalRender: ({ mobile, desktop, }: DeviceConditionalRenderProps) => JSX.Element;