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

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

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

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

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

	@@ -0,0 +1 @@
1	+ .vkuiDropdownIcon{cursor:pointer}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":["Icon20Dropdown","Icon24ChevronDown","SizeType","getClassName","useAdaptivity","usePlatform","DropdownIcon","props","platform","sizeY","Icon","COMPACT"],"mappings":";;AACA,SAASA,cAAT,EAAyBC,iBAAzB,QAAkD,kBAAlD;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA,SAASC,aAAT;AACA,SAASC,WAAT;AACA;AAEA,OAAO,IAAMC,YAAyD,GAAG,SAA5DA,YAA4D,CAACC,KAAD,EAAW;AAClF,MAAMC,QAAQ,GAAGH,WAAW,EAA5B;;AACA,uBAAkBD,aAAa,EAA/B;AAAA,MAAQK,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,IAAI,GAAGD,KAAK,KAAKP,QAAQ,CAACS,OAAnB,GACTX,cADS,GAETC,iBAFJ;AAIA,SACE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEE,YAAY,CAAC,cAAD,EAAiBK,QAAjB;AAA7B,KAA6DD,KAA7D,EADF;AAGD,CAXM","sourcesContent":["import * as React from 'react';\nimport { Icon20Dropdown, Icon24ChevronDown } from '@vkontakte/icons';\nimport { SizeType } from '../AdaptivityProvider/AdaptivityContext';\nimport { getClassName } from '../../helpers/getClassName';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './DropdownIcon.css';\n\nexport const DropdownIcon: React.FC<React.HTMLAttributes<HTMLElement>> = (props) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n\n const Icon = sizeY === SizeType.COMPACT\n ? Icon20Dropdown\n : Icon24ChevronDown;\n\n return (\n <Icon vkuiClass={getClassName('DropdownIcon', platform)} {...props} />\n );\n};\n"],"file":"DropdownIcon.js"}

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

@@ -0,0 +1,138 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["Component", "onClose", "restoreFocus", "timeout", "getRootRef", "children"];
+import { createScopedElement } from "../../lib/jsxRuntime";
+import * as React from 'react';
+import { useExternRef } from "../../hooks/useExternRef";
+import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
+import { useTimeout } from "../../hooks/useTimeout";
+import { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from "../../lib/accessibility";
+import { useDOM } from "../../lib/dom";
+import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
+import { noop } from "../../lib/utils";
+import { AppRootContext } from "../AppRoot/AppRootContext";
+var FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_LIST.join();
+export var FocusTrap = function FocusTrap(_ref) {
+  var _ref$Component = _ref.Component,
+      Component = _ref$Component === void 0 ? 'div' : _ref$Component,
+      _ref$onClose = _ref.onClose,
+      onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
+      _ref$restoreFocus = _ref.restoreFocus,
+      restoreFocus = _ref$restoreFocus === void 0 ? true : _ref$restoreFocus,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
+      getRootRef = _ref.getRootRef,
+      children = _ref.children,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+  var ref = useExternRef(getRootRef);
+  var _useDOM = useDOM(),
+      document = _useDOM.document,
+      window = _useDOM.window;
+  var activeElement = document.activeElement;
+  var _React$useState = React.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusableNodes = _React$useState2[0],
+      setFocusableNodes = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      restoreFocusTo = _React$useState4[0],
+      setRestoreFocusTo = _React$useState4[1]; // HANDLE TRAP MOUNT
+  var _React$useContext = React.useContext(AppRootContext),
+      keyboardInput = _React$useContext.keyboardInput;
+  var focusOnTrapMount = useTimeout(function () {
+    var _ref$current;
+    if (keyboardInput && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(activeElement)) && focusableNodes !== null && focusableNodes !== void 0 && focusableNodes.length) {
+      focusableNodes[0].focus();
+    }
+  }, timeout);
+  useIsomorphicLayoutEffect(function () {
+    focusOnTrapMount.set();
+  }, []); // HANDLE FOCUSABLE NODES
+  useIsomorphicLayoutEffect(function () {
+    var _ref$current2;
+    if (!ref.current) {
+      return noop();
+    }
+    var nodes = []; // eslint-disable-next-line no-restricted-properties
+    (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelectorAll(FOCUSABLE_ELEMENTS).forEach(function (focusableEl) {
+      var _window$getComputedSt = window.getComputedStyle(focusableEl),
+          display = _window$getComputedSt.display,
+          visibility = _window$getComputedSt.visibility;
+      if (display !== 'none' && visibility !== 'hidden') {
+        nodes.push(focusableEl);
+      }
+    });
+    if (nodes !== null && nodes !== void 0 && nodes.length) {
+      setFocusableNodes(nodes);
+    }
+    return noop();
+  }, [children]); // HANDLE TRAP UNMOUNT
+  var focusOnTrapUnmount = useTimeout(function () {
+    if (restoreFocusTo) {
+      restoreFocusTo.focus();
+    }
+  }, timeout);
+  useIsomorphicLayoutEffect(function () {
+    if (restoreFocus) {
+      setRestoreFocusTo(activeElement);
+      return function () {
+        focusOnTrapUnmount.set();
+      };
+    }
+    return noop();
+  }, [restoreFocus]);
+  var onDocumentKeydown = function onDocumentKeydown(e) {
+    if (pressedKey(e) === Keys.TAB && focusableNodes !== null && focusableNodes !== void 0 && focusableNodes.length) {
+      var lastIdx = focusableNodes.length - 1;
+      var targetIdx = focusableNodes.findIndex(function (node) {
+        return node === e.target;
+      });
+      var shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;
+      if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {
+        e.preventDefault();
+        var node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];
+        if (node !== activeElement) {
+          node.focus();
+        }
+        return false;
+      }
+    }
+    if (pressedKey(e) === Keys.ESCAPE) {
+      onClose();
+    }
+    return true;
+  };
+  useGlobalEventListener(document, 'keydown', onDocumentKeydown, {
+    capture: true
+  });
+  return createScopedElement(Component, _extends({
+    ref: ref
+  }, restProps), children);
+};
+//# sourceMappingURL=FocusTrap.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["React","useExternRef","useGlobalEventListener","useTimeout","FOCUSABLE_ELEMENTS_LIST","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","noop","AppRootContext","FOCUSABLE_ELEMENTS","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","activeElement","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","keyboardInput","focusOnTrapMount","current","contains","length","focus","set","nodes","querySelectorAll","forEach","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibility';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { noop } from '../../lib/utils';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {\n onClose?: (props?: any) => void;\n restoreFocus?: boolean;\n timeout?: number;\n}\n\nexport const FocusTrap: React.FC<FocusTrapProps> = ({\n Component = 'div',\n onClose = noop,\n restoreFocus = true,\n timeout = 0,\n getRootRef,\n children,\n ...restProps\n}) => {\n const ref = useExternRef<HTMLElement>(getRootRef);\n\n const { document, window } = useDOM();\n const activeElement = document.activeElement as HTMLElement;\n\n const [focusableNodes, setFocusableNodes] = React.useState<HTMLElement[]>(null);\n const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement>(null);\n\n // HANDLE TRAP MOUNT\n\n const { keyboardInput } = React.useContext(AppRootContext);\n const focusOnTrapMount = useTimeout(() => {\n if (keyboardInput && !ref.current?.contains(activeElement) && focusableNodes?.length) {\n focusableNodes[0].focus();\n }\n }, timeout);\n useIsomorphicLayoutEffect(() => {\n focusOnTrapMount.set();\n }, []);\n\n // HANDLE FOCUSABLE NODES\n\n useIsomorphicLayoutEffect(() => {\n if (!ref.current) {\n return noop();\n }\n\n const nodes: HTMLElement[] = [];\n // eslint-disable-next-line no-restricted-properties\n ref.current?.querySelectorAll(FOCUSABLE_ELEMENTS).forEach((focusableEl) => {\n const { display, visibility } = window.getComputedStyle(focusableEl);\n\n if (display !== 'none' && visibility !== 'hidden') {\n nodes.push(focusableEl as HTMLElement);\n }\n });\n\n if (nodes?.length) {\n setFocusableNodes(nodes);\n }\n\n return noop();\n }, [children]);\n\n // HANDLE TRAP UNMOUNT\n\n const focusOnTrapUnmount = useTimeout(() => {\n if (restoreFocusTo) {\n restoreFocusTo.focus();\n }\n }, timeout);\n useIsomorphicLayoutEffect(() => {\n if (restoreFocus) {\n setRestoreFocusTo(activeElement);\n\n return () => {\n focusOnTrapUnmount.set();\n };\n }\n\n return noop();\n }, [restoreFocus]);\n\n const onDocumentKeydown = (e: KeyboardEvent) => {\n if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n const lastIdx = focusableNodes.length - 1;\n const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n const shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;\n\n if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {\n e.preventDefault();\n\n const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n if (node !== activeElement) {\n node.focus();\n }\n\n return false;\n }\n }\n\n if (pressedKey(e) === Keys.ESCAPE) {\n onClose();\n }\n\n return true;\n };\n useGlobalEventListener(document, 'keydown', onDocumentKeydown, { capture: true });\n\n return (\n <Component ref={ref} {...restProps}>\n {children}\n </Component>\n );\n};\n"],"file":"FocusTrap.js"}

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

	@@ -1 +1 @@
1	- .vkuiAppRoot--keyboard-input .vkuiTappable:focus>.vkuiFocusVisible,.vkuiTappable:focus-visible>.vkuiFocusVisible{position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:inherit;box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent);-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;z-index:0}.vkuiAppRoot--keyboard-input .vkuiTappable:focus>.vkuiFocusVisible--outside,.vkuiTappable:focus-visible>.vkuiFocusVisible--outside{top:-2px;left:-2px;right:-2px;bottom:-2px}@media (prefers-reduced-motion:no-preference){.vkuiAppRoot--keyboard-input .vkuiTappable:focus>.vkuiFocusVisible,.vkuiTappable:focus-visible>.vkuiFocusVisible{top:4px;left:4px;right:4px;bottom:4px;-webkit-animation:vkui-animation-focus-visible .15s ease-in-out forwards;animation:vkui-animation-focus-visible .15s ease-in-out forwards;-webkit-animation-delay:.01ms;animation-delay:.01ms;will-change:top,left,bottom,right}.vkuiAppRoot--keyboard-input .vkuiTappable:focus>.vkuiFocusVisible--outside,.vkuiTappable:focus-visible>.vkuiFocusVisible--outside{top:0;left:0;bottom:0;right:0;-webkit-animation-name:vkui-animation-focus-visible-outside;animation-name:vkui-animation-focus-visible-outside}@-webkit-keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@-webkit-keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}@keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}}
1	+ .vkuiAppRoot--keyboard-input .vkuiTappable:focus>.vkuiFocusVisible,.vkuiTappable:focus-visible>.vkuiFocusVisible,.vkuiAppRoot--keyboard-input input:focus~.vkuiFocusVisible,input:focus-visible~.vkuiFocusVisible{position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:inherit;box-shadow:0 0 0 2px #2688eb;box-shadow:0 0 0 2px var(--accent);-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;z-index:0}.vkuiAppRoot--keyboard-input .vkuiTappable:focus>.vkuiFocusVisible--outside,.vkuiTappable:focus-visible>.vkuiFocusVisible--outside,.vkuiAppRoot--keyboard-input input:focus~.vkuiFocusVisible--outside,input:focus-visible~.vkuiFocusVisible--outside{top:-2px;left:-2px;right:-2px;bottom:-2px}@media (prefers-reduced-motion:no-preference){.vkuiAppRoot--keyboard-input .vkuiTappable:focus>.vkuiFocusVisible,.vkuiTappable:focus-visible>.vkuiFocusVisible,.vkuiAppRoot--keyboard-input input:focus~.vkuiFocusVisible,input:focus-visible~.vkuiFocusVisible{top:4px;left:4px;right:4px;bottom:4px;-webkit-animation:vkui-animation-focus-visible .15s ease-in-out forwards;animation:vkui-animation-focus-visible .15s ease-in-out forwards;-webkit-animation-delay:.01ms;animation-delay:.01ms;will-change:top,left,bottom,right}.vkuiAppRoot--keyboard-input .vkuiTappable:focus>.vkuiFocusVisible--outside,.vkuiTappable:focus-visible>.vkuiFocusVisible--outside,.vkuiAppRoot--keyboard-input input:focus~.vkuiFocusVisible--outside,input:focus-visible~.vkuiFocusVisible--outside{top:0;left:0;bottom:0;right:0;-webkit-animation-name:vkui-animation-focus-visible-outside;animation-name:vkui-animation-focus-visible-outside}@-webkit-keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@keyframes vkui-animation-focus-visible{to{top:2px;left:2px;bottom:2px;right:2px;will-change:auto}}@-webkit-keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}@keyframes vkui-animation-focus-visible-outside{to{top:-2px;left:-2px;bottom:-2px;right:-2px;will-change:auto}}}

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

	@@ -1 +1 @@
1	- .vkuiFormField{position:relative;display:flex;~~flex-flow:row nowrap;~~align-items:center;padding:1px;box-sizing:border-box;border-radius:8px}.vkuiFormField>*{border-radius:inherit}.vkuiFormField__after{flex-shrink:0;position:relative;display:flex;align-items:center;align-content:center;justify-content:center;min-width:44px;height:44px;margin:-1px;color:#99a2ad;color:var(--icon_secondary);z-index:2}.vkuiChipsInput .vkuiFormField__after{z-index:3}.vkuiFormField__border{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.12);border:1px solid var(--field_border);background:#f2f3f5;background:var(--field_background);content:'';box-sizing:border-box;z-index:1;-webkit-transform-origin:left top;transform-origin:left top}.vkuiFormItem--error .vkuiFormField__border{background:#faebeb;background:var(--field_error_background);border-color:#e64646;border-color:var(--field_error_border)}.vkuiFormItem--valid .vkuiFormField__border{border-color:#4bb34b;border-color:var(--field_valid_border)}.vkuiFormField--disabled{opacity:.64;cursor:default;pointer-events:none}.vkuiFormField:not(.vkuiFormField--disabled) .vkuiFormField__border--hover{border-color:rgba(0,0,0,.24);border-color:var(--icon_tertiary_alpha)}.vkuiFormField:focus-within .vkuiFormField__border,.vkuiFormField :focus~.vkuiFormField__border,.vkuiChipsInput--focused .vkuiFormField__border{border-color:#2688eb;border-color:var(--accent);background:#f2f3f5;background:var(--field_background)}.vkuiFormField--sizeY-compact .vkuiFormField__after{min-width:36px;height:36px}.vkuiFormField--ios{border-radius:10px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiFormField--ios .vkuiFormField__border{border-radius:20px;-webkit-transform:scale(.5);transform:scale(.5);width:200%;height:200%}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiFormField--ios .vkuiFormField__border{border-radius:31.25px;-webkit-transform:scale(.32);transform:scale(.32);width:312.5%;height:312.5%}}.vkuiFormField--vkcom{border-radius:6px}.vkuiModalCardBase__header+.vkuiFormField,.vkuiModalCardBase__subheader+.vkuiFormField{margin-top:16px}
1	+ .vkuiFormField{position:relative;display:flex;align-items:center;padding:1px;box-sizing:border-box;border-radius:8px}.vkuiFormField>*{border-radius:inherit}.vkuiFormField__after{flex-shrink:0;position:relative;display:flex;align-items:center;align-content:center;justify-content:center;min-width:44px;height:44px;margin:-1px;color:#99a2ad;color:var(--icon_secondary);z-index:2}.vkuiChipsInput .vkuiFormField__after{z-index:3}.vkuiFormField__border{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.12);border:1px solid var(--field_border);background:#f2f3f5;background:var(--field_background);content:'';box-sizing:border-box;z-index:1;-webkit-transform-origin:left top;transform-origin:left top}.vkuiFormItem--error .vkuiFormField__border{background:#faebeb;background:var(--field_error_background);border-color:#e64646;border-color:var(--field_error_border)}.vkuiFormItem--valid .vkuiFormField__border{border-color:#4bb34b;border-color:var(--field_valid_border)}.vkuiFormField--disabled{opacity:.64;cursor:default;pointer-events:none}.vkuiFormField:not(.vkuiFormField--disabled) .vkuiFormField__border--hover{border-color:rgba(0,0,0,.24);border-color:var(--icon_tertiary_alpha)}.vkuiFormField:focus-within .vkuiFormField__border,.vkuiFormField :focus~.vkuiFormField__border,.vkuiChipsInput--focused .vkuiFormField__border{border-color:#2688eb;border-color:var(--accent);background:#f2f3f5;background:var(--field_background)}.vkuiFormField--sizeY-compact .vkuiFormField__after{min-width:36px;height:36px}.vkuiFormField--ios{border-radius:10px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.vkuiFormField--ios .vkuiFormField__border{border-radius:20px;-webkit-transform:scale(.5);transform:scale(.5);width:200%;height:200%}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.vkuiFormField--ios .vkuiFormField__border{border-radius:31.25px;-webkit-transform:scale(.32);transform:scale(.32);width:312.5%;height:312.5%}}.vkuiFormField--vkcom{border-radius:6px}.vkuiModalCardBase__header+.vkuiFormField,.vkuiModalCardBase__subheader+.vkuiFormField{margin-top:16px}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/FormField/FormField.tsx"],"names":["React","getClassName","classNames","usePlatform","hasReactNode","useAdaptivity","FormField","Component","children","getRootRef","after","disabled","restProps","platform","sizeY","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,YAAT;AACA,SAASC,aAAT;AACA;AAiBA,OAAO,IAAMC,SAAsC,GAAG,SAAzCA,SAAyC,OAO7B;AAAA,4BANvBC,SAMuB;AAAA,MANvBA,SAMuB,+BANX,KAMW;AAAA,MALvBC,QAKuB,QALvBA,QAKuB;AAAA,MAJvBC,UAIuB,QAJvBA,UAIuB;AAAA,MAHvBC,KAGuB,QAHvBA,KAGuB;AAAA,MAFvBC,QAEuB,QAFvBA,QAEuB;AAAA,MADpBC,SACoB;;AACvB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQS,KAAR,kBAAQA,KAAR;;AACA,wBAA0Bd,KAAK,CAACe,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAHD;;AAKA,MAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD;;AAKA,SACE,oBAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEML,SAFN;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,YAAY,EAAES,gBAJhB;AAKE,IAAA,YAAY,EAAEG,gBALhB;AAME,IAAA,SAAS,EAAEnB,UAAU,CACnBD,YAAY,CAAC,WAAD,EAAcY,QAAd,CADO,6BAECC,KAFD,GAGnB;AACE,6BAAuBH;AADzB,KAHmB;AANvB,MAcGH,QAdH,EAeGJ,YAAY,CAACM,KAAD,CAAZ,IACC;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,KADH,CAhBJ,EAoBE;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAER,UAAU,CAAC,mBAAD,EAAsB;AAClE,kCAA4B,CAACS,QAAD,IAAaK;AADyB,KAAtB;AAA9C,IApBF,CADF;AA0BD,CAhDM","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRootRef } from '../../types';\nimport { hasReactNode } from '../../lib/utils';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './FormField.css';\n\nexport interface FormFieldProps {\n /*\n Иконка 12\|16\|20\|24\|28 или `IconButton`.\n */\n after?: React.ReactNode;\n}\n\ninterface FormFieldOwnProps extends\n React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n FormFieldProps {\n ~~Component?: React.ElementType;\n~~ disabled?: boolean;\n}\n\nexport const FormField: React.FC<FormFieldOwnProps> = ({\n Component = 'div',\n children,\n getRootRef,\n after,\n disabled,\n ...restProps\n}: FormFieldOwnProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const [hover, setHover] = React.useState(false);\n\n const handleMouseEnter = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(true);\n };\n\n const handleMouseLeave = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(false);\n };\n\n return (\n <Component\n role=\"presentation\"\n {...restProps}\n ref={getRootRef}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n vkuiClass={classNames(\n getClassName('FormField', platform),\n `FormField--sizeY-${sizeY}`,\n {\n 'FormField--disabled': disabled,\n },\n )}\n >\n {children}\n {hasReactNode(after) && (\n <div role=\"presentation\" vkuiClass=\"FormField__after\">\n {after}\n </div>\n )}\n <div role=\"presentation\" vkuiClass={classNames('FormField__border', {\n 'FormField__border--hover': !disabled && hover,\n })} />\n </Component>\n );\n};\n"],"file":"FormField.js"}
1	+ {"version":3,"sources":["../../../../src/components/FormField/FormField.tsx"],"names":["React","getClassName","classNames","usePlatform","hasReactNode","useAdaptivity","FormField","Component","children","getRootRef","after","disabled","restProps","platform","sizeY","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,YAAT;AACA,SAASC,aAAT;AACA;AAiBA,OAAO,IAAMC,SAAsC,GAAG,SAAzCA,SAAyC,OAO7B;AAAA,4BANvBC,SAMuB;AAAA,MANvBA,SAMuB,+BANX,KAMW;AAAA,MALvBC,QAKuB,QALvBA,QAKuB;AAAA,MAJvBC,UAIuB,QAJvBA,UAIuB;AAAA,MAHvBC,KAGuB,QAHvBA,KAGuB;AAAA,MAFvBC,QAEuB,QAFvBA,QAEuB;AAAA,MADpBC,SACoB;;AACvB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQS,KAAR,kBAAQA,KAAR;;AACA,wBAA0Bd,KAAK,CAACe,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAHD;;AAKA,MAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD;;AAKA,SACE,oBAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEML,SAFN;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,YAAY,EAAES,gBAJhB;AAKE,IAAA,YAAY,EAAEG,gBALhB;AAME,IAAA,SAAS,EAAEnB,UAAU,CACnBD,YAAY,CAAC,WAAD,EAAcY,QAAd,CADO,6BAECC,KAFD,GAGnB;AACE,6BAAuBH;AADzB,KAHmB;AANvB,MAcGH,QAdH,EAeGJ,YAAY,CAACM,KAAD,CAAZ,IACC;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,KADH,CAhBJ,EAoBE;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAER,UAAU,CAAC,mBAAD,EAAsB;AAClE,kCAA4B,CAACS,QAAD,IAAaK;AADyB,KAAtB;AAA9C,IApBF,CADF;AA0BD,CAhDM","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { hasReactNode } from '../../lib/utils';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './FormField.css';\n\nexport interface FormFieldProps {\n /*\n Иконка 12\|16\|20\|24\|28 или `IconButton`.\n */\n after?: React.ReactNode;\n}\n\ninterface FormFieldOwnProps extends\n React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent,\n FormFieldProps {\n disabled?: boolean;\n}\n\nexport const FormField: React.FC<FormFieldOwnProps> = ({\n Component = 'div',\n children,\n getRootRef,\n after,\n disabled,\n ...restProps\n}: FormFieldOwnProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const [hover, setHover] = React.useState(false);\n\n const handleMouseEnter = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(true);\n };\n\n const handleMouseLeave = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(false);\n };\n\n return (\n <Component\n role=\"presentation\"\n {...restProps}\n ref={getRootRef}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n vkuiClass={classNames(\n getClassName('FormField', platform),\n `FormField--sizeY-${sizeY}`,\n {\n 'FormField--disabled': disabled,\n },\n )}\n >\n {children}\n {hasReactNode(after) && (\n <div role=\"presentation\" vkuiClass=\"FormField__after\">\n {after}\n </div>\n )}\n <div role=\"presentation\" vkuiClass={classNames('FormField__border', {\n 'FormField__border--hover': !disabled && hover,\n })} />\n </Component>\n );\n};\n"],"file":"FormField.js"}

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

	@@ -1 +1 @@
1	- .vkuiFormItem{display:block;padding:12px 16px;padding:12px var(--formitem_padding)}.vkuiFormItem__removable{flex-grow:1;~~flex-shrink:initial;~~min-width:0;max-width:100%;overflow:hidden}.vkuiFormItem__top{padding-top:2px;padding-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#6d7885;color:var(--text_subhead)}.vkuiFormItem__bottom{color:#818c99;color:var(--text_secondary);padding-top:8px}.vkuiFormItem--error .vkuiFormItem__bottom{color:#e64646;color:var(--field_error_border)}.vkuiFormItem--valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--field_valid_border)}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}.vkuiFormItem--ios{--formitem_padding: 12px}.~~vkuiFormItem--ios.vkuiFormItem--removable{padding-left:0;margin-left:0}.~~vkuiFormLayoutGroup ~~.vkuiRemovable .vkuiFormItem~~--~~ios.vkuiFormItem--withTop{margin-top:-28px}.vkuiFormLayoutGroup .vkuiRemovable .vkuiFormItem--ios.vkuiFormItem--sizeY-compact.vkuiFormItem--withTop{margin-top:-26px}.vkuiFormLayoutGroup--~~horizontal .vkuiFormItem{max-width:100%;flex-grow:1;flex-shrink:0;flex-basis:0;padding:0;min-width:0}.vkuiFormLayoutGroup--horizontal .vkuiFormItem+.vkuiFormItem{margin-left:24px}
1	+ .vkuiFormItem{display:block;padding:12px 16px;padding:12px var(--formitem_padding)}.vkuiFormItem--removable{padding-left:0;padding-right:0}.vkuiFormItem__removable{flex-grow:1;min-width:0;max-width:100%;overflow:hidden}.vkuiFormItem__top{padding-top:2px;padding-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#6d7885;color:var(--text_subhead)}.vkuiFormItem__bottom{color:#818c99;color:var(--text_secondary);padding-top:8px}.vkuiFormItem--error .vkuiFormItem__bottom{color:#e64646;color:var(--field_error_border)}.vkuiFormItem--valid .vkuiFormItem__bottom,.vkuiFormItem--verified .vkuiFormItem__bottom{color:#4bb34b;color:var(--field_valid_border)}.vkuiFormItem--sizeY-compact .vkuiFormItem__top{padding-bottom:6px}.vkuiFormItem--sizeY-compact .vkuiFormItem__bottom{padding-top:6px}.vkuiFormItem--ios{--formitem_padding: 12px}.vkuiFormLayoutGroup--horizontal .vkuiFormItem{max-width:100%;flex-grow:1;flex-shrink:0;flex-basis:0;padding:0;min-width:0}.vkuiFormLayoutGroup--horizontal .vkuiFormItem+.vkuiFormItem{margin-left:24px}.vkuiFormLayoutGroup--removable .vkuiFormItem--ios.vkuiFormItem--withTop{margin-top:-28px}.vkuiFormLayoutGroup--removable .vkuiFormItem--ios.vkuiFormItem--withTop.vkuiFormItem--sizeY-compact{margin-top:-26px}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/FormItem/FormItem.tsx"],"names":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,aAAT;AACA,SAASC,SAAT;AACA;~~AAaA~~,OAAO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAW5B;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,MAJnBC,SAImB,QAJnBA,QAImB;AAAA,mCAHnBC,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGlB,WAAW,EAA5B;AACA,MAAMmB,MAAM,GAAGpB,YAAY,CAACiB,UAAD,CAA3B;;AACA,uBAAkBX,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGnB,YAAY,CAACO,GAAD,CAAZ,IAAqB,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,SAAS,EAAC;AAApC,KAAqDA,GAArD,CADxB,EAEGD,QAFH,EAGGN,YAAY,CAACQ,MAAD,CAAZ,IAAwB,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KAAkEA,MAAlE,CAH3B,CADF;AAQA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAErB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAaiB,QAAb,CADO,sBAENP,MAFM,6BAGAS,KAHA,GAInB;AACE,2BAAqBlB,YAAY,CAACO,GAAD,CADnC;AAEE,6BAAuBI;AAFzB,KAJmB;AAHvB,MAaGA,SAAS,GACR,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAC,OAAjB;AAAyB,IAAA,QAAQ,EAAE,kBAACS,CAAD;AAAA,aAAOR,SAAQ,CAACQ,CAAD,EAAIH,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEI,OAAZ,CAAf;AAAA,KAAnC;AAAwE,IAAA,iBAAiB,EAAER;AAA3F,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGM,eADH,CADF,CADQ,GAMNA,eAnBN,CADF;AAuBD,CA/CM","sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { classNames } from '../../lib/classNames';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { hasReactNode } from '../../lib/utils';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Caption from '../Typography/Caption/Caption';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport './FormItem.css';\n\nexport interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, ~~RemovableProps,~~ HasRootRef<HTMLElement> {\n top?: React.ReactNode;\n bottom?: React.ReactNode;\n status?: 'default' \| 'error' \| 'valid';\n ~~Component?: React.ElementType;\n~~ /*\n Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n */\n removable?: boolean;\n}\n\nexport const FormItem: React.FC<FormItemProps> = ({\n children,\n top,\n bottom,\n status = 'default',\n Component = 'div',\n removable,\n onRemove,\n removePlaceholder = 'Удалить',\n getRootRef,\n ...restProps\n}: FormItemProps) => {\n const platform = usePlatform();\n const rootEl = useExternRef(getRootRef);\n const { sizeY } = useAdaptivity();\n\n const wrappedChildren = (\n <React.Fragment>\n {hasReactNode(top) && <Subhead weight=\"regular\" vkuiClass=\"FormItem__top\">{top}</Subhead>}\n {children}\n {hasReactNode(bottom) && <Caption level=\"1\" weight=\"regular\" vkuiClass=\"FormItem__bottom\">{bottom}</Caption>}\n </React.Fragment>\n );\n\n return (\n <Component\n {...restProps}\n ref={rootEl}\n vkuiClass={classNames(\n getClassName('FormItem', platform),\n `FormItem--${status}`,\n `FormItem--sizeY-${sizeY}`,\n {\n 'FormItem--withTop': hasReactNode(top),\n 'FormItem--removable': removable,\n },\n )}\n >\n {removable ? (\n <Removable align=\"start\" onRemove={(e) => onRemove(e, rootEl?.current)} removePlaceholder={removePlaceholder}>\n <div vkuiClass=\"FormItem__removable\">\n {wrappedChildren}\n </div>\n </Removable>\n ) : wrappedChildren}\n </Component>\n );\n};\n"],"file":"FormItem.js"}
1	+ {"version":3,"sources":["../../../../src/components/FormItem/FormItem.tsx"],"names":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,aAAT;AACA,SAASC,SAAT;AACA;AAYA,OAAO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAW5B;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,MAJnBC,SAImB,QAJnBA,QAImB;AAAA,mCAHnBC,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGlB,WAAW,EAA5B;AACA,MAAMmB,MAAM,GAAGpB,YAAY,CAACiB,UAAD,CAA3B;;AACA,uBAAkBX,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGnB,YAAY,CAACO,GAAD,CAAZ,IAAqB,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,SAAS,EAAC;AAApC,KAAqDA,GAArD,CADxB,EAEGD,QAFH,EAGGN,YAAY,CAACQ,MAAD,CAAZ,IAAwB,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KAAkEA,MAAlE,CAH3B,CADF;AAQA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAErB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAaiB,QAAb,CADO,sBAENP,MAFM,6BAGAS,KAHA,GAInB;AACE,2BAAqBlB,YAAY,CAACO,GAAD,CADnC;AAEE,6BAAuBI;AAFzB,KAJmB;AAHvB,MAaGA,SAAS,GACR,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAC,OAAjB;AAAyB,IAAA,QAAQ,EAAE,kBAACS,CAAD;AAAA,aAAOR,SAAQ,CAACQ,CAAD,EAAIH,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEI,OAAZ,CAAf;AAAA,KAAnC;AAAwE,IAAA,iBAAiB,EAAER;AAA3F,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGM,eADH,CADF,CADQ,GAMNA,eAnBN,CADF;AAuBD,CA/CM","sourcesContent":["import * as React from 'react';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { classNames } from '../../lib/classNames';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { hasReactNode } from '../../lib/utils';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Caption from '../Typography/Caption/Caption';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport './FormItem.css';\n\nexport interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, RemovableProps {\n top?: React.ReactNode;\n bottom?: React.ReactNode;\n status?: 'default' \| 'error' \| 'valid';\n /*\n Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n */\n removable?: boolean;\n}\n\nexport const FormItem: React.FC<FormItemProps> = ({\n children,\n top,\n bottom,\n status = 'default',\n Component = 'div',\n removable,\n onRemove,\n removePlaceholder = 'Удалить',\n getRootRef,\n ...restProps\n}: FormItemProps) => {\n const platform = usePlatform();\n const rootEl = useExternRef(getRootRef);\n const { sizeY } = useAdaptivity();\n\n const wrappedChildren = (\n <React.Fragment>\n {hasReactNode(top) && <Subhead weight=\"regular\" vkuiClass=\"FormItem__top\">{top}</Subhead>}\n {children}\n {hasReactNode(bottom) && <Caption level=\"1\" weight=\"regular\" vkuiClass=\"FormItem__bottom\">{bottom}</Caption>}\n </React.Fragment>\n );\n\n return (\n <Component\n {...restProps}\n ref={rootEl}\n vkuiClass={classNames(\n getClassName('FormItem', platform),\n `FormItem--${status}`,\n `FormItem--sizeY-${sizeY}`,\n {\n 'FormItem--withTop': hasReactNode(top),\n 'FormItem--removable': removable,\n },\n )}\n >\n {removable ? (\n <Removable align=\"start\" onRemove={(e) => onRemove(e, rootEl?.current)} removePlaceholder={removePlaceholder}>\n <div vkuiClass=\"FormItem__removable\">\n {wrappedChildren}\n </div>\n </Removable>\n ) : wrappedChildren}\n </Component>\n );\n};\n"],"file":"FormItem.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":["getClassName","usePlatform","preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AAEA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;~~AAMA~~,IAAME,UAAoD,GAAG,SAAvDA,UAAuD,CAACC,KAAD,EAA4B;AACvF,MACEC,QADF,GAMID,KANJ,CACEC,QADF;AAAA,MAEEC,SAFF,GAMIF,KANJ,CAEEE,SAFF;AAAA,MAGEC,MAHF,GAMIH,KANJ,CAGEG,MAHF;AAAA,MAIEC,QAJF,GAMIJ,KANJ,CAIEI,QAJF;AAAA,MAKKC,SALL,4BAMIL,KANJ;;AAQA,MAAMM,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAEV,YAAY,CAAC,YAAD,EAAeW,QAAf,CAFzB;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,QADH,CANF,EASGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IAVJ,CADF;AAeD,CAzBD;;AA2BAH,UAAU,CAACQ,YAAX,GAA0B;AACxBL,EAAAA,SAAS,EAAE,MADa;AAExBE,EAAAA,QAAQ,EAAEP;AAFc,CAA1B;AAKA,eAAeE,UAAf","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRef } from '../../types';\nimport './FormLayout.css';\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport ~~interface~~ FormLayoutProps ~~extends~~ React.AllHTMLAttributes<HTMLElement>, HasRef<HTMLElement> ~~{\n Component?:~~ ~~React.ElementType~~;\n}\n\nconst FormLayout: React.FunctionComponent<FormLayoutProps> = (props: FormLayoutProps) => {\n const {\n children,\n Component,\n getRef,\n onSubmit,\n ...restProps\n } = props;\n\n const platform = usePlatform();\n return (\n <Component\n {...restProps}\n vkuiClass={getClassName('FormLayout', platform)}\n onSubmit={onSubmit}\n ref={getRef}\n >\n <div vkuiClass=\"FormLayout__container\">\n {children}\n </div>\n {Component === 'form' &&\n <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n }\n </Component>\n );\n};\n\nFormLayout.defaultProps = {\n Component: 'form',\n onSubmit: preventDefault,\n};\n\nexport default FormLayout;\n"],"file":"FormLayout.js"}
1	+ {"version":3,"sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":["getClassName","usePlatform","preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AAEA;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAIA,IAAME,UAAoD,GAAG,SAAvDA,UAAuD,CAACC,KAAD,EAA4B;AACvF,MACEC,QADF,GAMID,KANJ,CACEC,QADF;AAAA,MAEEC,SAFF,GAMIF,KANJ,CAEEE,SAFF;AAAA,MAGEC,MAHF,GAMIH,KANJ,CAGEG,MAHF;AAAA,MAIEC,QAJF,GAMIJ,KANJ,CAIEI,QAJF;AAAA,MAKKC,SALL,4BAMIL,KANJ;;AAQA,MAAMM,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAEV,YAAY,CAAC,YAAD,EAAeW,QAAf,CAFzB;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,QADH,CANF,EASGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IAVJ,CADF;AAeD,CAzBD;;AA2BAH,UAAU,CAACQ,YAAX,GAA0B;AACxBL,EAAAA,SAAS,EAAE,MADa;AAExBE,EAAAA,QAAQ,EAAEP;AAFc,CAA1B;AAKA,eAAeE,UAAf","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasComponent, HasRef } from '../../types';\nimport './FormLayout.css';\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> & HasRef<HTMLElement> & HasComponent;\n\nconst FormLayout: React.FunctionComponent<FormLayoutProps> = (props: FormLayoutProps) => {\n const {\n children,\n Component,\n getRef,\n onSubmit,\n ...restProps\n } = props;\n\n const platform = usePlatform();\n return (\n <Component\n {...restProps}\n vkuiClass={getClassName('FormLayout', platform)}\n onSubmit={onSubmit}\n ref={getRef}\n >\n <div vkuiClass=\"FormLayout__container\">\n {children}\n </div>\n {Component === 'form' &&\n <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n }\n </Component>\n );\n};\n\nFormLayout.defaultProps = {\n Component: 'form',\n onSubmit: preventDefault,\n};\n\nexport default FormLayout;\n"],"file":"FormLayout.js"}

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

	@@ -1 +1 @@
1	- .vkuiFormLayoutGroup--horizontal{padding:12px 16px;~~display~~:~~flex;flex-flow:row~~ ~~nowrap~~}.~~vkuiFormLayoutGroup--ios.vkuiFormLayoutGroup--horizontal~~{~~padding~~-~~left~~:~~12px~~;~~padding~~-~~right~~:~~12px~~}.vkuiFormLayoutGroup--ios.vkuiFormLayoutGroup--removable{padding-left:0}
1	+ .vkuiFormLayoutGroup--horizontal{display:flex;padding:12px 16px;padding:12px var(--formitem_padding)}.vkuiFormLayoutGroup__removable{flex-grow:1;min-width:0;max-width:100%}.vkuiFormLayoutGroup--ios{--formitem_padding: 12px}.vkuiFormLayoutGroup--removable{padding-left:0;padding-right:0}

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

@@ -34,6 +34,7 @@ var FormLayoutGroup = function FormLayoutGroup(_ref) {
       'FormLayoutGroup--removable': isRemovable
     })
   }, restProps), isRemovable ? createScopedElement(Removable, {
+    vkuiClass: "FormLayoutGroup__removable",
     align: "start",
     removePlaceholder: removePlaceholder,
     onRemove: function onRemove(e) {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["getClassName","classNames","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;AACA;;AAUA,IAAMC,eAA+C,GAAG,SAAlDA,eAAkD,OAQ5B;AAAA,MAP1BC,QAO0B,QAP1BA,QAO0B;AAAA,uBAN1BC,IAM0B;AAAA,MAN1BA,IAM0B,0BANnB,UAMmB;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,MAH1BC,SAG0B,QAH1BA,QAG0B;AAAA,MAF1BC,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAEhB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBc,QAApB,CADO,mCAEOC,KAFP,8BAGCP,IAHD,GAGS;AAC1B,oCAA8BQ;AADJ,KAHT;AAFvB,KASMH,SATN,GAUGG,WAAW,~~GACR~~,oBAAC,SAAD;~~AAAW~~,IAAA,KAAK,EAAC,~~OAAjB~~;~~AAAyB~~,IAAA,iBAAiB,EAAEN,~~iBAA5C~~;~~AAA+D~~,IAAA,QAAQ,EAAE,kBAACQ,CAAD;AAAA,aAAOP,SAAQ,CAACO,CAAD,EAAID,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEE,OAAZ,CAAf;AAAA;~~AAAzE~~,~~KAA+GZ~~,~~QAA/G~~,~~CADQ~~,~~GAERA~~,~~QAZN~~,CADF;~~AAiBD~~,~~CA/BD~~;;~~AAiCA~~,eAAeD,eAAf","sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './FormLayoutGroup.css';\n\nexport interface FormLayoutGroupProps extends React.HTMLAttributes<HTMLDivElement>, RemovableProps, HasRootRef<HTMLDivElement> {\n mode?: 'vertical' \| 'horizontal';\n /*\n Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n */\n removable?: boolean;\n}\n\nconst FormLayoutGroup: React.FC<FormLayoutGroupProps> = ({\n children,\n mode = 'vertical',\n removable,\n removePlaceholder = 'Удалить',\n onRemove,\n getRootRef,\n ...restProps\n}: FormLayoutGroupProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const isRemovable = removable && mode === 'horizontal';\n const rootEl = useExternRef(getRootRef);\n\n return (\n <div\n ref={rootEl}\n vkuiClass={classNames(\n getClassName('FormLayoutGroup', platform),\n `FormLayoutGroup--sizeY-${sizeY}`,\n `FormLayoutGroup--${mode}`, {\n 'FormLayoutGroup--removable': isRemovable,\n },\n )}\n {...restProps}>\n {isRemovable\n ? <Removable align=\"start\" removePlaceholder={removePlaceholder} onRemove={(e) => onRemove(e, rootEl?.current)}>{children}</Removable>\n : children\n }\n </div>\n );\n};\n\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}
1	+ {"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["getClassName","classNames","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;AACA;;AAUA,IAAMC,eAA+C,GAAG,SAAlDA,eAAkD,OAQ5B;AAAA,MAP1BC,QAO0B,QAP1BA,QAO0B;AAAA,uBAN1BC,IAM0B;AAAA,MAN1BA,IAM0B,0BANnB,UAMmB;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,MAH1BC,SAG0B,QAH1BA,QAG0B;AAAA,MAF1BC,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAEhB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBc,QAApB,CADO,mCAEOC,KAFP,8BAGCP,IAHD,GAGS;AAC1B,oCAA8BQ;AADJ,KAHT;AAFvB,KASMH,SATN,GAUGG,WAAW,GAER,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEN,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACQ,CAAD;AAAA,aAAOP,SAAQ,CAACO,CAAD,EAAID,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEE,OAAZ,CAAf;AAAA;AAJZ,KAMGZ,QANH,CAFQ,GAWRA,QArBN,CADF;AA0BD,CAxCD;;AA0CA,eAAeD,eAAf","sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './FormLayoutGroup.css';\n\nexport interface FormLayoutGroupProps extends React.HTMLAttributes<HTMLDivElement>, RemovableProps, HasRootRef<HTMLDivElement> {\n mode?: 'vertical' \| 'horizontal';\n /*\n Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n */\n removable?: boolean;\n}\n\nconst FormLayoutGroup: React.FC<FormLayoutGroupProps> = ({\n children,\n mode = 'vertical',\n removable,\n removePlaceholder = 'Удалить',\n onRemove,\n getRootRef,\n ...restProps\n}: FormLayoutGroupProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const isRemovable = removable && mode === 'horizontal';\n const rootEl = useExternRef(getRootRef);\n\n return (\n <div\n ref={rootEl}\n vkuiClass={classNames(\n getClassName('FormLayoutGroup', platform),\n `FormLayoutGroup--sizeY-${sizeY}`,\n `FormLayoutGroup--${mode}`, {\n 'FormLayoutGroup--removable': isRemovable,\n },\n )}\n {...restProps}>\n {isRemovable\n ? (\n <Removable\n vkuiClass=\"FormLayoutGroup__removable\"\n align=\"start\"\n removePlaceholder={removePlaceholder}\n onRemove={(e) => onRemove(e, rootEl?.current)}\n >\n {children}\n </Removable>\n )\n : children\n }\n </div>\n );\n};\n\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}

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

	@@ -1 +1 @@
1	- .vkuiGallery{position:relative;overflow:hidden~~;height:100px~~}.vkuiGallery__viewport{margin:0;height:100%;position:relative}.vkuiGallery--center .vkuiGallery__viewport{margin:0 auto}.vkuiGallery__layer{display:flex;width:100%;height:100%;cursor:grab;align-items:stretch}.vkuiGallery__slide{width:100%;~~height:100%;~~flex:0 0 auto;max-width:100%;overflow:hidden}.vkuiGallery--custom-width .vkuiGallery__slide{width:auto}.vkuiGallery__slide>*{width:100%;height:100%}.vkuiGallery__bullets{position:absolute;bottom:10px;height:6px;width:100%;left:0;display:flex;align-items:center;justify-content:center}.vkuiGallery__bullets--dark .vkuiGallery__bullet{background-color:#000}.vkuiGallery__bullets--light .vkuiGallery__bullet{background-color:#fff}.vkuiGallery__bullet{height:6px;width:6px;border-radius:50%;margin:0 3px;opacity:.56}.vkuiGallery__bullet--active{opacity:1}
1	+ .vkuiGallery{position:relative;overflow:hidden}.vkuiGallery__viewport{margin:0;height:100%;position:relative}.vkuiGallery--center .vkuiGallery__viewport{margin:0 auto}.vkuiGallery__layer{display:flex;width:100%;height:100%;min-height:100px;cursor:grab;align-items:stretch}.vkuiGallery__slide{width:100%;flex:0 0 auto;max-width:100%;overflow:hidden}.vkuiGallery--custom-width .vkuiGallery__slide{width:auto}.vkuiGallery__slide>*{width:100%;min-height:100%}.vkuiGallery__bullets{position:absolute;bottom:10px;height:6px;width:100%;left:0;display:flex;align-items:center;justify-content:center}.vkuiGallery__bullets--dark .vkuiGallery__bullet{background-color:#000}.vkuiGallery__bullets--light .vkuiGallery__bullet{background-color:#fff}.vkuiGallery__bullet{height:6px;width:6px;border-radius:50%;margin:0 3px;opacity:.56}.vkuiGallery__bullet--active{opacity:1}

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

@@ -0,0 +1 @@

+ .vkuiGridAvatar__in{display:flex;flex-flow:column wrap;height:100%;width:100%;overflow:hidden;border-radius:inherit;--grid-avatar-image-offset: 2px}.vkuiGridAvatar__item{width:calc(50% - var(--grid-avatar-image-offset)/2);height:100%;background-size:cover;background-position:center}.vkuiGridAvatar--images-1 .vkuiGridAvatar__item{width:100%}.vkuiGridAvatar--images-3 .vkuiGridAvatar__item:nth-child(n+2),.vkuiGridAvatar--images-4 .vkuiGridAvatar__item{height:calc(50% - var(--grid-avatar-image-offset)/2)}.vkuiGridAvatar--images-2 .vkuiGridAvatar__item:nth-child(n+2),.vkuiGridAvatar--images-3 .vkuiGridAvatar__item:nth-child(n+2),.vkuiGridAvatar--images-4 .vkuiGridAvatar__item:nth-child(n+3){margin-left:var(--grid-avatar-image-offset)}.vkuiGridAvatar--images-3 .vkuiGridAvatar__item:nth-child(2),.vkuiGridAvatar--images-4 .vkuiGridAvatar__item:nth-child(odd){margin-bottom:var(--grid-avatar-image-offset)}

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

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["src", "size", "shadow"];
+import { createScopedElement } from "../../lib/jsxRuntime";
+import Avatar, { AVATAR_DEFAULT_SHADOW, AVATAR_DEFAULT_SIZE } from "../Avatar/Avatar";
+import { classNames } from "../../lib/classNames";
+import { warnOnce } from "../../lib/warnOnce";
+import "./GridAvatar.css";
+var MIN_GRID_LENGTH = 1;
+var MAX_GRID_LENGTH = 4;
+var warn = warnOnce('GridAvatar');
+export var GridAvatar = function GridAvatar(_ref) {
+  var _ref$src = _ref.src,
+      src = _ref$src === void 0 ? [] : _ref$src,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? AVATAR_DEFAULT_SIZE : _ref$size,
+      _ref$shadow = _ref.shadow,
+      shadow = _ref$shadow === void 0 ? AVATAR_DEFAULT_SHADOW : _ref$shadow,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+  if (process.env.NODE_ENV === 'development' && src.length > MAX_GRID_LENGTH) {
+    warn("\u0420\u0430\u0437\u043C\u0435\u0440 \u043F\u0440\u043E\u043F\u0430 src (".concat(src.length, ") \u0431\u043E\u043B\u044C\u0448\u0435 \u043C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0433\u043E (").concat(MAX_GRID_LENGTH, ")"));
+  }
+  var count = Math.max(MIN_GRID_LENGTH, Math.min(MAX_GRID_LENGTH, src.length));
+  return createScopedElement(Avatar, _extends({}, restProps, {
+    vkuiClass: classNames('GridAvatar', "GridAvatar--images-".concat(count)),
+    shadow: shadow,
+    size: size
+  }), createScopedElement("div", {
+    vkuiClass: "GridAvatar__in"
+  }, src.slice(0, MAX_GRID_LENGTH).map(function (src, i) {
+    return createScopedElement("div", {
+      key: i,
+      vkuiClass: "GridAvatar__item",
+      style: {
+        backgroundImage: "url(".concat(src, ")")
+      }
+    });
+  })));
+};
+//# sourceMappingURL=GridAvatar.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"names":["Avatar","AVATAR_DEFAULT_SHADOW","AVATAR_DEFAULT_SIZE","classNames","warnOnce","MIN_GRID_LENGTH","MAX_GRID_LENGTH","warn","GridAvatar","src","size","shadow","restProps","process","env","NODE_ENV","length","count","Math","max","min","slice","map","i","backgroundImage"],"mappings":";;;;AACA,OAAOA,MAAP,IAAiBC,qBAAjB,EAAwCC,mBAAxC;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AAEA;AAQA,IAAMC,eAAe,GAAG,CAAxB;AACA,IAAMC,eAAe,GAAG,CAAxB;AAEA,IAAMC,IAAI,GAAGH,QAAQ,CAAC,YAAD,CAArB;AAEA,OAAO,IAAMI,UAAqC,GAAG,SAAxCA,UAAwC,OAK9B;AAAA,sBAJrBC,GAIqB;AAAA,MAJrBA,GAIqB,yBAJf,EAIe;AAAA,uBAHrBC,IAGqB;AAAA,MAHrBA,IAGqB,0BAHdR,mBAGc;AAAA,yBAFrBS,MAEqB;AAAA,MAFrBA,MAEqB,4BAFZV,qBAEY;AAAA,MADlBW,SACkB;;AACrB,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CN,GAAG,CAACO,MAAJ,GAAaV,eAA3D,EAA4E;AAC1EC,IAAAA,IAAI,oFAAsBE,GAAG,CAACO,MAA1B,oIAA2DV,eAA3D,OAAJ;AACD;;AAED,MAAMW,KAAK,GAAGC,IAAI,CAACC,GAAL,CAASd,eAAT,EAA0Ba,IAAI,CAACE,GAAL,CAASd,eAAT,EAA0BG,GAAG,CAACO,MAA9B,CAA1B,CAAd;AAEA,SACE,oBAAC,MAAD,eACMJ,SADN;AAEE,IAAA,SAAS,EAAET,UAAU,CACnB,YADmB,+BAEGc,KAFH,EAFvB;AAME,IAAA,MAAM,EAAEN,MANV;AAOE,IAAA,IAAI,EAAED;AAPR,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,GAAG,CAACY,KAAJ,CAAU,CAAV,EAAaf,eAAb,EAA8BgB,GAA9B,CAAkC,UAACb,GAAD,EAAMc,CAAN,EAAY;AAC7C,WACE;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASf,GAAT;AAAjB;AAHT,MADF;AAQD,GATA,CADH,CATF,CADF;AAwBD,CApCM","sourcesContent":["import * as React from 'react';\nimport Avatar, { AVATAR_DEFAULT_SHADOW, AVATAR_DEFAULT_SIZE } from '../Avatar/Avatar';\nimport { classNames } from '../../lib/classNames';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport './GridAvatar.css';\n\nexport interface GridAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {\n src?: string[];\n size?: number;\n shadow?: boolean;\n}\n\nconst MIN_GRID_LENGTH = 1;\nconst MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce('GridAvatar');\n\nexport const GridAvatar: React.FC<GridAvatarProps> = ({\n src = [],\n size = AVATAR_DEFAULT_SIZE,\n shadow = AVATAR_DEFAULT_SHADOW,\n ...restProps\n}: GridAvatarProps) => {\n if (process.env.NODE_ENV === 'development' && src.length > MAX_GRID_LENGTH) {\n warn(`Размер пропа src (${src.length}) больше максимального (${MAX_GRID_LENGTH})`);\n }\n\n const count = Math.max(MIN_GRID_LENGTH, Math.min(MAX_GRID_LENGTH, src.length));\n\n return (\n <Avatar\n {...restProps}\n vkuiClass={classNames(\n 'GridAvatar',\n `GridAvatar--images-${count}`,\n )}\n shadow={shadow}\n size={size}\n >\n <div vkuiClass=\"GridAvatar__in\">\n {src.slice(0, MAX_GRID_LENGTH).map((src, i) => {\n return (\n <div\n key={i}\n vkuiClass=\"GridAvatar__item\"\n style={{ backgroundImage: `url(${src})` }}\n >\n </div>\n );\n })}\n </div>\n </Avatar>\n );\n};\n"],"file":"GridAvatar.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"names":["getClassName","classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasPlatform, HasRootRef } from '../../types';\nimport { hasReactNode, isPrimitiveReactNode } from '../../lib/utils';\nimport { Platform } from '../../lib/platform';\nimport Headline from '../Typography/Headline/Headline';\nimport Caption from '../Typography/Caption/Caption';\nimport Title from '../Typography/Title/Title';\nimport Text from '../Typography/Text/Text';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport './Header.css';\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n mode?: 'primary' \| 'secondary' \| 'tertiary';\n subtitle?: React.ReactNode;\n /*\n Допускаются иконки, текст, Link\n /\n aside?: React.ReactNode;\n /\n Допускаются текст, Indicator\n */\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' \| 'mode'> & HasPlatform & ~~{ Component: React.ElementType }~~;\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({ platform, mode, ...restProps }) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case 'primary':\n return <Headline weight=\"regular\" {...restProps} />;\n case 'secondary':\n case 'tertiary':\n return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n }\n }\n\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Headline weight=\"medium\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n }\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, 'aside'> & HasPlatform & ~~{ Component: React.ElementType }~~;\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({ platform, ...restProps }) => {\n return platform === Platform.VKCOM\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Text weight=\"regular\" {...restProps} />;\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, 'subtitle' \| 'mode'> & ~~{ Component: React.ElementType }~~;\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({ mode, ...restProps }) => {\n return mode === 'secondary'\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Caption weight=\"regular\" level=\"1\" {...restProps} />;\n};\n\nconst Header: React.FC<HeaderProps> = ({\n mode,\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(getClassName('Header', platform), `Header--mode-${mode}`, { 'Header--pi': isPrimitiveReactNode(indicator) })}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent vkuiClass=\"Header__content\" Component=\"span\" mode={mode} platform={platform}>\n <span vkuiClass={classNames('Header__content-in', { 'Header__content-in--multiline': multiline })}>{children}</span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={mode === 'primary' \|\| mode === 'secondary' ? 'medium' : 'regular'}\n level=\"1\"\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">{subtitle}</HeaderSubtitle>}\n </div>\n\n {hasReactNode(aside) && <HeaderAside vkuiClass=\"Header__aside\" Component=\"span\" platform={platform}>{aside}</HeaderAside>}\n </header>\n );\n};\n\nHeader.defaultProps = {\n mode: 'primary',\n};\n\nexport default Header;\n"],"file":"Header.js"}
1	+ {"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"names":["getClassName","classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasComponent, HasPlatform, HasRootRef } from '../../types';\nimport { hasReactNode, isPrimitiveReactNode } from '../../lib/utils';\nimport { Platform } from '../../lib/platform';\nimport Headline from '../Typography/Headline/Headline';\nimport Caption from '../Typography/Caption/Caption';\nimport Title from '../Typography/Title/Title';\nimport Text from '../Typography/Text/Text';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport './Header.css';\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n mode?: 'primary' \| 'secondary' \| 'tertiary';\n subtitle?: React.ReactNode;\n /*\n Допускаются иконки, текст, Link\n /\n aside?: React.ReactNode;\n /\n Допускаются текст, Indicator\n */\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' \| 'mode'> & HasPlatform & HasComponent;\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({ platform, mode, ...restProps }) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case 'primary':\n return <Headline weight=\"regular\" {...restProps} />;\n case 'secondary':\n case 'tertiary':\n return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n }\n }\n\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Headline weight=\"medium\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n }\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, 'aside'> & HasPlatform & HasComponent;\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({ platform, ...restProps }) => {\n return platform === Platform.VKCOM\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Text weight=\"regular\" {...restProps} />;\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, 'subtitle' \| 'mode'> & HasComponent;\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({ mode, ...restProps }) => {\n return mode === 'secondary'\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Caption weight=\"regular\" level=\"1\" {...restProps} />;\n};\n\nconst Header: React.FC<HeaderProps> = ({\n mode,\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(getClassName('Header', platform), `Header--mode-${mode}`, { 'Header--pi': isPrimitiveReactNode(indicator) })}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent vkuiClass=\"Header__content\" Component=\"span\" mode={mode} platform={platform}>\n <span vkuiClass={classNames('Header__content-in', { 'Header__content-in--multiline': multiline })}>{children}</span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={mode === 'primary' \|\| mode === 'secondary' ? 'medium' : 'regular'}\n level=\"1\"\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">{subtitle}</HeaderSubtitle>}\n </div>\n\n {hasReactNode(aside) && <HeaderAside vkuiClass=\"Header__aside\" Component=\"span\" platform={platform}>{aside}</HeaderAside>}\n </header>\n );\n};\n\nHeader.defaultProps = {\n mode: 'primary',\n};\n\nexport default Header;\n"],"file":"Header.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"names":["classNames","getClassName","usePlatform","hasReactNode","Caption","Tappable","Subhead","Avatar","CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","platform"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,OAAOC,QAAP;AACA,OAAOC,OAAP;AACA,OAAOC,MAAP;AAEA;;AAMA,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAA2D;AAAA,MAAxDC,IAAwD,QAAxDA,IAAwD;AAAA,MAAlDC,QAAkD,QAAlDA,QAAkD;AAAA,MAArCC,SAAqC;;AAC/G,SAAOF,IAAI,KAAK,GAAT,GACH,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC;AAA1B,KAAwCE,SAAxC,GAAoDD,QAApD,CADG,GAEH,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC;AAAhB,KAA8BC,SAA9B,GAA0CD,QAA1C,CAFJ;AAGD,CAJD;;AAiBA,OAAO,IAAME,cAA6C,GAAG,SAAhDA,cAAgD,QAUlC;AAAA,MATzBC,SASyB,SATzBA,SASyB;AAAA,MARzBC,MAQyB,SARzBA,MAQyB;AAAA,MAPzBC,KAOyB,SAPzBA,KAOyB;AAAA,MANzBC,QAMyB,SANzBA,QAMyB;AAAA,yBALzBP,IAKyB;AAAA,MALzBA,IAKyB,2BALlB,GAKkB;AAAA,6BAJzBC,QAIyB;AAAA,MAJzBA,QAIyB,+BAJd,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAIc;AAAA,MAHzBO,UAGyB,SAHzBA,UAGyB;AAAA,MAFzBC,MAEyB,SAFzBA,MAEyB;AAAA,MADtBP,SACsB;;AACzB,MAAMQ,QAAQ,GAAGjB,WAAW,EAA5B;AAEA,SACE;AACE,IAAA,SAAS,EAAEF,UAAU,CAACC,YAAY,CAAC,gBAAD,EAAmBkB,QAAnB,CAAb,4BAA8DV,IAA9D,EADvB;AAEE,IAAA,GAAG,EAAEQ,UAFP;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,SAAS,EAAEF;AAJb,KAME,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,UAAU,EAAEK;AAFd,KAGMP,SAHN,GAKGR,YAAY,CAACO,QAAD,CAAZ,IAA0B;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,QAAxC,CAL7B,EAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACGP,YAAY,CAACW,MAAD,CAAZ,IACC,oBAAC,cAAD;AAAgB,IAAA,IAAI,EAAEL,IAAtB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KAA+DK,MAA/D,CAFJ,EAIGX,YAAY,CAACa,QAAD,CAAZ,IAA0B,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,KAAK,EAAC,GAAhC;AAAoC,IAAA,SAAS,EAAC;AAA9C,KAA0EA,QAA1E,CAJ7B,CANF,CANF,CADF;AAsBD,CAnCM","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasReactNode } from '../../lib/utils';\nimport Caption from '../Typography/Caption/Caption';\nimport Tappable from '../Tappable/Tappable';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Avatar from '../Avatar/Avatar';\nimport { HasRef, HasRootRef } from '../../types';\nimport './HorizontalCell.css';\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n size: HorizontalCellProps['size'];\n}\n\nconst CellTypography: React.FC<CellTypographyProps> = ({ size, children, ...restProps }: CellTypographyProps) => {\n return size === 's'\n ? <Caption level=\"2\" weight=\"regular\" {...restProps}>{children}</Caption>\n : <Subhead weight=\"regular\" {...restProps}>{children}</Subhead>;\n};\n\nexport interface HorizontalCellProps extends\n React.AnchorHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement> {\n ~~Component?: React.ElementType;\n~~ size?: 's' \| 'm' \| 'l';\n header?: React.ReactNode;\n subtitle?: React.ReactNode;\n disabled?: boolean;\n}\n\nexport const HorizontalCell: React.FC<HorizontalCellProps> = ({\n className,\n header,\n style,\n subtitle,\n size = 's',\n children = <Avatar size={56} />,\n getRootRef,\n getRef,\n ...restProps\n}: HorizontalCellProps) => {\n const platform = usePlatform();\n\n return (\n <div\n vkuiClass={classNames(getClassName('HorizontalCell', platform), `HorizontalCell--${size}`)}\n ref={getRootRef}\n style={style}\n className={className}\n >\n <Tappable\n vkuiClass=\"HorizontalCell__body\"\n getRootRef={getRef}\n {...restProps}\n >\n {hasReactNode(children) && <div vkuiClass=\"HorizontalCell__image\">{children}</div>}\n <div vkuiClass=\"HorizontalCell__content\">\n {hasReactNode(header) && (\n <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">{header}</CellTypography>\n )}\n {hasReactNode(subtitle) && <Caption weight=\"regular\" level=\"1\" vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Caption>}\n </div>\n </Tappable>\n </div>\n );\n};\n"],"file":"HorizontalCell.js"}
1	+ {"version":3,"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"names":["classNames","getClassName","usePlatform","hasReactNode","Caption","Tappable","Subhead","Avatar","CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","platform"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,OAAOC,QAAP;AACA,OAAOC,OAAP;AACA,OAAOC,MAAP;AAEA;;AAMA,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAA2D;AAAA,MAAxDC,IAAwD,QAAxDA,IAAwD;AAAA,MAAlDC,QAAkD,QAAlDA,QAAkD;AAAA,MAArCC,SAAqC;;AAC/G,SAAOF,IAAI,KAAK,GAAT,GACH,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC;AAA1B,KAAwCE,SAAxC,GAAoDD,QAApD,CADG,GAEH,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC;AAAhB,KAA8BC,SAA9B,GAA0CD,QAA1C,CAFJ;AAGD,CAJD;;AAiBA,OAAO,IAAME,cAA6C,GAAG,SAAhDA,cAAgD,QAUlC;AAAA,MATzBC,SASyB,SATzBA,SASyB;AAAA,MARzBC,MAQyB,SARzBA,MAQyB;AAAA,MAPzBC,KAOyB,SAPzBA,KAOyB;AAAA,MANzBC,QAMyB,SANzBA,QAMyB;AAAA,yBALzBP,IAKyB;AAAA,MALzBA,IAKyB,2BALlB,GAKkB;AAAA,6BAJzBC,QAIyB;AAAA,MAJzBA,QAIyB,+BAJd,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAIc;AAAA,MAHzBO,UAGyB,SAHzBA,UAGyB;AAAA,MAFzBC,MAEyB,SAFzBA,MAEyB;AAAA,MADtBP,SACsB;;AACzB,MAAMQ,QAAQ,GAAGjB,WAAW,EAA5B;AAEA,SACE;AACE,IAAA,SAAS,EAAEF,UAAU,CAACC,YAAY,CAAC,gBAAD,EAAmBkB,QAAnB,CAAb,4BAA8DV,IAA9D,EADvB;AAEE,IAAA,GAAG,EAAEQ,UAFP;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,SAAS,EAAEF;AAJb,KAME,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,UAAU,EAAEK;AAFd,KAGMP,SAHN,GAKGR,YAAY,CAACO,QAAD,CAAZ,IAA0B;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,QAAxC,CAL7B,EAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACGP,YAAY,CAACW,MAAD,CAAZ,IACC,oBAAC,cAAD;AAAgB,IAAA,IAAI,EAAEL,IAAtB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KAA+DK,MAA/D,CAFJ,EAIGX,YAAY,CAACa,QAAD,CAAZ,IAA0B,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,KAAK,EAAC,GAAhC;AAAoC,IAAA,SAAS,EAAC;AAA9C,KAA0EA,QAA1E,CAJ7B,CANF,CANF,CADF;AAsBD,CAnCM","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasReactNode } from '../../lib/utils';\nimport Caption from '../Typography/Caption/Caption';\nimport Tappable from '../Tappable/Tappable';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Avatar from '../Avatar/Avatar';\nimport { HasComponent, HasRef, HasRootRef } from '../../types';\nimport './HorizontalCell.css';\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n size: HorizontalCellProps['size'];\n}\n\nconst CellTypography: React.FC<CellTypographyProps> = ({ size, children, ...restProps }: CellTypographyProps) => {\n return size === 's'\n ? <Caption level=\"2\" weight=\"regular\" {...restProps}>{children}</Caption>\n : <Subhead weight=\"regular\" {...restProps}>{children}</Subhead>;\n};\n\nexport interface HorizontalCellProps extends\n React.AnchorHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement>,\n HasComponent {\n size?: 's' \| 'm' \| 'l';\n header?: React.ReactNode;\n subtitle?: React.ReactNode;\n disabled?: boolean;\n}\n\nexport const HorizontalCell: React.FC<HorizontalCellProps> = ({\n className,\n header,\n style,\n subtitle,\n size = 's',\n children = <Avatar size={56} />,\n getRootRef,\n getRef,\n ...restProps\n}: HorizontalCellProps) => {\n const platform = usePlatform();\n\n return (\n <div\n vkuiClass={classNames(getClassName('HorizontalCell', platform), `HorizontalCell--${size}`)}\n ref={getRootRef}\n style={style}\n className={className}\n >\n <Tappable\n vkuiClass=\"HorizontalCell__body\"\n getRootRef={getRef}\n {...restProps}\n >\n {hasReactNode(children) && <div vkuiClass=\"HorizontalCell__image\">{children}</div>}\n <div vkuiClass=\"HorizontalCell__content\">\n {hasReactNode(header) && (\n <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">{header}</CellTypography>\n )}\n {hasReactNode(subtitle) && <Caption weight=\"regular\" level=\"1\" vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Caption>}\n </div>\n </Tappable>\n </div>\n );\n};\n"],"file":"HorizontalCell.js"}

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

@@ -85,15 +85,16 @@ function doScroll(_ref) {
   })();
 }
-var HorizontalScroll = function HorizontalScroll(props) {
-  var children = props.children,
-      getScrollToLeft = props.getScrollToLeft,
-      getScrollToRight = props.getScrollToRight,
-      showArrows = props.showArrows,
-      scrollAnimationDuration = props.scrollAnimationDuration,
-      hasMouse = props.hasMouse,
-      getRef = props.getRef,
-      restProps = _objectWithoutProperties(props, _excluded);
+var HorizontalScroll = function HorizontalScroll(_ref2) {
+  var children = _ref2.children,
+      getScrollToLeft = _ref2.getScrollToLeft,
+      getScrollToRight = _ref2.getScrollToRight,
+      _ref2$showArrows = _ref2.showArrows,
+      showArrows = _ref2$showArrows === void 0 ? true : _ref2$showArrows,
+      scrollAnimationDuration = _ref2.scrollAnimationDuration,
+      hasMouse = _ref2.hasMouse,
+      getRef = _ref2.getRef,
+      restProps = _objectWithoutProperties(_ref2, _excluded);
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -170,9 +171,6 @@ var HorizontalScroll = function HorizontalScroll(props) {
   }, children)));
 };
-HorizontalScroll.defaultProps = {
-  showArrows: true
-};
 export default withAdaptivity(HorizontalScroll, {
   hasMouse: true
 });