npm - @vkontakte/vkui - Versions diffs - 5.4.2 → 5.5.0 - Mend

@vkontakte/vkui 5.4.2 → 5.5.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 (1983) hide show

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

@@ -8,29 +8,29 @@ Object.defineProperty(exports, "ChipsSelect", {
         return ChipsSelect;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _typeOf = require("@swc/helpers/lib/_type_of.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _type_of = require("@swc/helpers/_/_type_of");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useChipsSelect = require("../../hooks/useChipsSelect");
 var _useExternRef = require("../../hooks/useExternRef");
 var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
 var _dom = require("../../lib/dom");
 var _select = require("../../lib/select");
-var _chipsInputBase = require("../ChipsInputBase/ChipsInputBase");
-var _customSelectDropdown = require("../CustomSelectDropdown/CustomSelectDropdown");
-var _customSelectOption = require("../CustomSelectOption/CustomSelectOption");
-var _dropdownIcon = require("../DropdownIcon/DropdownIcon");
-var _formField = require("../FormField/FormField");
-var _iconButton = require("../IconButton/IconButton");
-var _footnote = require("../Typography/Footnote/Footnote");
+var _ChipsInputBase = require("../ChipsInputBase/ChipsInputBase");
+var _CustomSelectDropdown = require("../CustomSelectDropdown/CustomSelectDropdown");
+var _CustomSelectOption = require("../CustomSelectOption/CustomSelectOption");
+var _DropdownIcon = require("../DropdownIcon/DropdownIcon");
+var _FormField = require("../FormField/FormField");
+var _IconButton = require("../IconButton/IconButton");
+var _Footnote = require("../Typography/Footnote/Footnote");
 var FOCUS_ACTION_NEXT = "next";
 var FOCUS_ACTION_PREV = "prev";
-var chipsSelectDefaultProps = _objectSpreadProps(_objectSpread({}, _chipsInputBase.chipsInputDefaultProps), {
+var chipsSelectDefaultProps = _object_spread_props._(_object_spread._({}, _ChipsInputBase.chipsInputDefaultProps), {
     emptyText: "Ничего не найдено",
     creatableText: "Создать значение",
     onChangeStart: _vkjs.noop,
@@ -41,12 +41,12 @@ var chipsSelectDefaultProps = _objectSpreadProps(_objectSpread({}, _chipsInputBa
     options: [],
     filterFn: _select.defaultFilterFn,
     renderOption: function renderOption(props) {
-        return /*#__PURE__*/ _react.createElement(_customSelectOption.CustomSelectOption, props);
+        return /*#__PURE__*/ _react.createElement(_CustomSelectOption.CustomSelectOption, props);
     }
 });
 var ChipsSelect = function(props) {
-    var propsWithDefault = _objectSpread({}, chipsSelectDefaultProps, props);
-    var style = propsWithDefault.style, onFocus = propsWithDefault.onFocus, onKeyDown = propsWithDefault.onKeyDown, className = propsWithDefault.className, fetching = propsWithDefault.fetching, renderOption = propsWithDefault.renderOption, emptyText = propsWithDefault.emptyText, getRef = propsWithDefault.getRef, getRootRef = propsWithDefault.getRootRef, disabled = propsWithDefault.disabled, placeholder = propsWithDefault.placeholder, tabIndex = propsWithDefault.tabIndex, getOptionValue = propsWithDefault.getOptionValue, getOptionLabel = propsWithDefault.getOptionLabel, showSelected = propsWithDefault.showSelected, getNewOptionData = propsWithDefault.getNewOptionData, renderChip = propsWithDefault.renderChip, popupDirection = propsWithDefault.popupDirection, creatable = propsWithDefault.creatable, filterFn = propsWithDefault.filterFn, inputValue = propsWithDefault.inputValue, creatableText = propsWithDefault.creatableText, closeAfterSelect = propsWithDefault.closeAfterSelect, onChangeStart = propsWithDefault.onChangeStart, before = propsWithDefault.before, icon = propsWithDefault.icon, options = propsWithDefault.options, fixDropdownWidth = propsWithDefault.fixDropdownWidth, forceDropdownPortal = propsWithDefault.forceDropdownPortal, restProps = _objectWithoutProperties(propsWithDefault, [
+    var propsWithDefault = _object_spread._({}, chipsSelectDefaultProps, props);
+    var style = propsWithDefault.style, onFocus = propsWithDefault.onFocus, onKeyDown = propsWithDefault.onKeyDown, className = propsWithDefault.className, fetching = propsWithDefault.fetching, renderOption = propsWithDefault.renderOption, emptyText = propsWithDefault.emptyText, getRef = propsWithDefault.getRef, getRootRef = propsWithDefault.getRootRef, disabled = propsWithDefault.disabled, placeholder = propsWithDefault.placeholder, tabIndex = propsWithDefault.tabIndex, getOptionValue = propsWithDefault.getOptionValue, getOptionLabel = propsWithDefault.getOptionLabel, showSelected = propsWithDefault.showSelected, getNewOptionData = propsWithDefault.getNewOptionData, renderChip = propsWithDefault.renderChip, popupDirection = propsWithDefault.popupDirection, creatable = propsWithDefault.creatable, filterFn = propsWithDefault.filterFn, inputValue = propsWithDefault.inputValue, creatableText = propsWithDefault.creatableText, closeAfterSelect = propsWithDefault.closeAfterSelect, onChangeStart = propsWithDefault.onChangeStart, before = propsWithDefault.before, icon = propsWithDefault.icon, options = propsWithDefault.options, fixDropdownWidth = propsWithDefault.fixDropdownWidth, forceDropdownPortal = propsWithDefault.forceDropdownPortal, restProps = _object_without_properties._(propsWithDefault, [
         "style",
         "onFocus",
         "onKeyDown",
@@ -78,14 +78,14 @@ var ChipsSelect = function(props) {
         "forceDropdownPortal"
     ]);
     var document = (0, _dom.useDOM)().document;
-    var _React_useState = _slicedToArray(_react.useState(undefined), 2), popperPlacement = _React_useState[0], setPopperPlacement = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(undefined), 2), popperPlacement = _React_useState[0], setPopperPlacement = _React_useState[1];
     var scrollBoxRef = _react.useRef(null);
     var rootRef = (0, _useExternRef.useExternRef)(getRef);
     var _useChipsSelect1 = (0, _useChipsSelect.useChipsSelect)(propsWithDefault), fieldValue = _useChipsSelect1.fieldValue, _useChipsSelect_selectedOptions = _useChipsSelect1.selectedOptions, selectedOptions = _useChipsSelect_selectedOptions === void 0 ? [] : _useChipsSelect_selectedOptions, opened = _useChipsSelect1.opened, setOpened = _useChipsSelect1.setOpened, addOptionFromInput = _useChipsSelect1.addOptionFromInput, filteredOptions = _useChipsSelect1.filteredOptions, addOption = _useChipsSelect1.addOption, handleInputChange = _useChipsSelect1.handleInputChange, clearInput = _useChipsSelect1.clearInput, focusedOption = _useChipsSelect1.focusedOption, setFocusedOption = _useChipsSelect1.setFocusedOption, focusedOptionIndex = _useChipsSelect1.focusedOptionIndex, setFocusedOptionIndex = _useChipsSelect1.setFocusedOptionIndex;
     var showCreatable = Boolean(creatable && creatableText && !filteredOptions.length && fieldValue);
     var handleFocus = function(e) {
         setOpened(true);
-        setFocusedOptionIndex(0);
+        setFocusedOptionIndex(null);
         onFocus(e);
     };
     var handleClickOutside = function(e) {
@@ -128,15 +128,13 @@ var ChipsSelect = function(props) {
         setFocusedOptionIndex(index);
     };
     var focusOption = function(nextIndex, type) {
-        var index = typeof nextIndex !== "number" ? -1 : nextIndex;
+        var index = nextIndex === null ? -1 : nextIndex;
         if (type === FOCUS_ACTION_NEXT) {
             index = index + 1;
         } else if (type === FOCUS_ACTION_PREV) {
             index = index - 1;
         }
-        if (focusedOptionIndex != null) {
-            focusOptionByIndex(index, focusedOptionIndex);
-        }
+        focusOptionByIndex(index, focusedOptionIndex);
     };
     var handleKeyDown = function(e) {
         onKeyDown(e);
@@ -191,21 +189,6 @@ var ChipsSelect = function(props) {
         filteredOptions,
         setFocusedOption
     ]);
-    _react.useEffect(function() {
-        var index = focusedOption ? filteredOptions.findIndex(function(param) {
-            var value = param.value;
-            return value === focusedOption.value;
-        }) : -1;
-        if (index === -1 && !!filteredOptions.length && !showCreatable && closeAfterSelect) {
-            setFocusedOption(filteredOptions[0]);
-        }
-    }, [
-        filteredOptions,
-        focusedOption,
-        showCreatable,
-        closeAfterSelect,
-        setFocusedOption
-    ]);
     (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", handleClickOutside);
     var renderChipWrapper = function(renderChipProps) {
         if (renderChipProps === undefined) {
@@ -217,7 +200,7 @@ var ChipsSelect = function(props) {
             e === null || e === void 0 ? void 0 : e.stopPropagation();
             (_renderChipProps_onRemove = renderChipProps.onRemove) === null || _renderChipProps_onRemove === void 0 ? void 0 : _renderChipProps_onRemove.call(renderChipProps, e, value);
         };
-        return renderChip(_objectSpreadProps(_objectSpread({}, renderChipProps), {
+        return renderChip(_object_spread_props._(_object_spread._({}, renderChipProps), {
             onRemove: onRemoveWrapper
         }));
     };
@@ -237,7 +220,7 @@ var ChipsSelect = function(props) {
             return !prevOpened;
         });
     };
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_formField.FormField, {
+    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_FormField.FormField, {
         getRootRef: rootRef,
         style: style,
         className: (0, _vkjs.classNames)("vkuiChipsSelect", opened && (isPopperDirectionTop ? "vkuiChipsSelect--pop-up" : "vkuiChipsSelect--pop-down"), className),
@@ -245,19 +228,19 @@ var ChipsSelect = function(props) {
         role: "application",
         "aria-disabled": disabled,
         "aria-readonly": restProps.readOnly,
-        after: /*#__PURE__*/ _react.createElement(_iconButton.IconButton, {
+        after: /*#__PURE__*/ _react.createElement(_IconButton.IconButton, {
             className: "vkuiChipsSelect__dropdown",
             activeMode: "",
             hoverMode: "",
             // TODO: add label customization
             "aria-label": opened ? "Скрыть" : "Развернуть",
             onClick: toggleOpened
-        }, icon !== null && icon !== void 0 ? icon : /*#__PURE__*/ _react.createElement(_dropdownIcon.DropdownIcon, {
+        }, icon !== null && icon !== void 0 ? icon : /*#__PURE__*/ _react.createElement(_DropdownIcon.DropdownIcon, {
             className: "vkuiChipsSelect__icon",
             opened: opened
         })),
         before: before
-    }, /*#__PURE__*/ _react.createElement(_chipsInputBase.ChipsInputBase, _objectSpreadProps(_objectSpread({}, restProps), {
+    }, /*#__PURE__*/ _react.createElement(_ChipsInputBase.ChipsInputBase, _object_spread_props._(_object_spread._({}, restProps), {
         tabIndex: tabIndex,
         value: selectedOptions,
         inputValue: fieldValue,
@@ -271,7 +254,7 @@ var ChipsSelect = function(props) {
         getRef: getRef,
         disabled: disabled,
         onInputChange: handleInputChange
-    }))), opened && /*#__PURE__*/ _react.createElement(_customSelectDropdown.CustomSelectDropdown, {
+    }))), opened && /*#__PURE__*/ _react.createElement(_CustomSelectDropdown.CustomSelectDropdown, {
         targetRef: rootRef,
         placement: popupDirection,
         scrollBoxRef: scrollBoxRef,
@@ -280,13 +263,13 @@ var ChipsSelect = function(props) {
         fetching: fetching,
         sameWidth: fixDropdownWidth,
         forcePortal: forceDropdownPortal
-    }, showCreatable && /*#__PURE__*/ _react.createElement(_customSelectOption.CustomSelectOption, {
+    }, showCreatable && /*#__PURE__*/ _react.createElement(_CustomSelectOption.CustomSelectOption, {
         hovered: focusedOptionIndex === 0,
         onMouseDown: addOptionFromInput,
         onMouseEnter: function() {
             return setFocusedOptionIndex(0);
         }
-    }, creatableText), !(filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) && !showCreatable && emptyText ? /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+    }, creatableText), !(filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) && !showCreatable && emptyText ? /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
         className: "vkuiChipsSelect__empty"
     }, emptyText) : filteredOptions.map(function(option, index) {
         var label = getOptionLabel(option);
@@ -296,7 +279,7 @@ var ChipsSelect = function(props) {
         });
         var value = getOptionValue(option);
         return /*#__PURE__*/ _react.createElement(_react.Fragment, {
-            key: "".concat(typeof value === "undefined" ? "undefined" : _typeOf(value), "-").concat(value)
+            key: "".concat(typeof value === "undefined" ? "undefined" : _type_of._(value), "-").concat(value)
         }, renderOption({
             option: option,
             hovered: Boolean(hovered),

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useChipsSelect } from '../../hooks/useChipsSelect';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport type { Placement } from '../../lib/floating';\nimport { defaultFilterFn } from '../../lib/select';\nimport { ChipOption, ChipValue, RenderChip } from '../Chip/Chip';\nimport { ChipsInputProps } from '../ChipsInput/ChipsInput';\nimport { ChipsInputBase, chipsInputDefaultProps } from '../ChipsInputBase/ChipsInputBase';\nimport { CustomSelectDropdown } from '../CustomSelectDropdown/CustomSelectDropdown';\nimport {\n CustomSelectOption,\n CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField } from '../FormField/FormField';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './ChipsSelect.module.css';\n\nexport interface ChipsSelectProps<Option extends ChipOption>\n extends Omit<ChipsInputProps<Option>, 'after'> {\n popupDirection?: 'top' \| 'bottom';\n options?: Option[];\n filterFn?:\n \| false\n \| ((\n value?: string,\n option?: Option,\n getOptionLabel?: Pick<ChipsInputProps<Option>, 'getOptionLabel'>['getOptionLabel'],\n ) => boolean);\n /*\n Возможность создавать чипы которых нет в списке (по enter или с помощью пункта в меню, см creatableText)\n /\n creatable?: boolean;\n /\n Отрисовка лоадера вместо списка опций в выпадающем списке\n /\n fetching?: boolean;\n renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n /\n Показывать или скрывать уже выбранные опции\n /\n showSelected?: boolean;\n /\n Текст для пункта создающего чипы при клике, так же отвечает за то будет ли показан этот пункт (показывается после того как в списке не отсанется опций)\n /\n creatableText?: string;\n /\n Текст который показывается если список опций пуст\n /\n emptyText?: string;\n /\n Событие срабатывающее перед onChange\n /\n onChangeStart?: (e: React.MouseEvent \| React.KeyboardEvent, option: Option) => void;\n /\n Закрытие выпадающего списка после выбора элемента\n /\n closeAfterSelect?: boolean;\n fixDropdownWidth?: boolean;\n forceDropdownPortal?: boolean;\n /\n Иконка раскрывающегося списка\n /\n icon?: React.ReactNode;\n}\n\ntype FocusActionType = 'next' \| 'prev';\n\nconst FOCUS_ACTION_NEXT: FocusActionType = 'next';\nconst FOCUS_ACTION_PREV: FocusActionType = 'prev';\n\nconst chipsSelectDefaultProps: ChipsSelectProps<any> = {\n ...chipsInputDefaultProps,\n emptyText: 'Ничего не найдено',\n creatableText: 'Создать значение',\n onChangeStart: noop,\n creatable: false,\n fetching: false,\n showSelected: true,\n closeAfterSelect: true,\n options: [],\n filterFn: defaultFilterFn,\n renderOption(props) {\n return <CustomSelectOption {...props} />;\n },\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/ChipsSelect\n */\nexport const ChipsSelect = <Option extends ChipOption>(props: ChipsSelectProps<Option>) => {\n const propsWithDefault = { ...chipsSelectDefaultProps, ...props };\n const {\n style,\n onFocus,\n onKeyDown,\n className,\n fetching,\n renderOption,\n emptyText,\n getRef,\n getRootRef,\n disabled,\n placeholder,\n tabIndex,\n getOptionValue,\n getOptionLabel,\n showSelected,\n getNewOptionData,\n renderChip,\n popupDirection,\n creatable,\n filterFn,\n inputValue,\n creatableText,\n closeAfterSelect,\n onChangeStart,\n before,\n icon,\n options,\n fixDropdownWidth,\n forceDropdownPortal,\n ...restProps\n } = propsWithDefault;\n\n const { document } = useDOM();\n\n const [popperPlacement, setPopperPlacement] = React.useState<Placement \| undefined>(undefined);\n\n const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n const rootRef = useExternRef(getRef);\n const {\n fieldValue,\n selectedOptions = [],\n opened,\n setOpened,\n addOptionFromInput,\n filteredOptions,\n addOption,\n handleInputChange,\n clearInput,\n focusedOption,\n setFocusedOption,\n focusedOptionIndex,\n setFocusedOptionIndex,\n } = useChipsSelect(propsWithDefault);\n\n const showCreatable = Boolean(\n creatable && creatableText && !filteredOptions.length && fieldValue,\n );\n\n const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setOpened(true);\n setFocusedOptionIndex(0);\n onFocus!(e);\n };\n\n const handleClickOutside = (e: MouseEvent) => {\n if (e.target !== rootRef.current && !rootRef.current?.contains(e.target as Node)) {\n setOpened(false);\n }\n };\n\n const chipsSelectOptions = React.useRef<HTMLElement[]>([]).current;\n\n const scrollToElement = (index: number, center = false) => {\n const dropdown = scrollBoxRef.current;\n const item = chipsSelectOptions[index];\n\n if (!item \|\| !dropdown) {\n return;\n }\n\n const dropdownHeight = dropdown.offsetHeight;\n const scrollTop = dropdown.scrollTop;\n const itemTop = item.offsetTop;\n const itemHeight = item.offsetHeight;\n\n if (center) {\n dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n } else if (itemTop < scrollTop) {\n dropdown.scrollTop = itemTop;\n }\n };\n\n const focusOptionByIndex = (index: number, oldIndex: number) => {\n const { length } = filteredOptions;\n\n if (index < 0) {\n index = length - 1;\n } else if (index >= length) {\n index = 0;\n }\n\n if (index === oldIndex) {\n return;\n }\n\n scrollToElement(index);\n setFocusedOptionIndex(index);\n };\n\n const focusOption = (nextIndex: number \| null, type: FocusActionType) => {\n let index = typeof nextIndex !== 'number' ? -1 : nextIndex;\n\n if (type === FOCUS_ACTION_NEXT) {\n index = index + 1;\n } else if (type === FOCUS_ACTION_PREV) {\n index = index - 1;\n }\n\n if (focusedOptionIndex != null) {\n focusOptionByIndex(index, focusedOptionIndex);\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown!(e);\n\n if (e.key === 'ArrowUp' && !e.defaultPrevented) {\n e.preventDefault();\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n } else {\n focusOption(focusedOptionIndex, FOCUS_ACTION_PREV);\n }\n }\n\n if (e.key === 'ArrowDown' && !e.defaultPrevented) {\n e.preventDefault();\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n } else {\n focusOption(focusedOptionIndex, FOCUS_ACTION_NEXT);\n }\n }\n\n if (e.key === 'Enter' && !e.defaultPrevented && opened && focusedOptionIndex != null) {\n const option = filteredOptions[focusedOptionIndex];\n\n if (option) {\n onChangeStart!(e, option);\n\n if (!e.defaultPrevented) {\n addOption(option);\n setFocusedOptionIndex(null);\n clearInput();\n closeAfterSelect && setOpened(false);\n e.preventDefault();\n }\n } else if (!creatable) {\n e.preventDefault();\n }\n }\n\n if (['Escape', 'Tab'].includes(e.key) && !e.defaultPrevented && opened) {\n setOpened(false);\n }\n };\n\n React.useEffect(() => {\n if (focusedOptionIndex != null && filteredOptions[focusedOptionIndex]) {\n setFocusedOption(filteredOptions[focusedOptionIndex]);\n } else if (focusedOptionIndex === null \|\| focusedOptionIndex === 0) {\n setFocusedOption(null);\n }\n }, [focusedOptionIndex, filteredOptions, setFocusedOption]);\n\n React.useEffect(() => {\n const index = focusedOption\n ? filteredOptions.findIndex(({ value }) => value === focusedOption.value)\n : -1;\n\n if (index === -1 && !!filteredOptions.length && !showCreatable && closeAfterSelect) {\n setFocusedOption(filteredOptions[0]);\n }\n }, [filteredOptions, focusedOption, showCreatable, closeAfterSelect, setFocusedOption]);\n\n useGlobalEventListener(document, 'click', handleClickOutside);\n\n const renderChipWrapper = (renderChipProps: RenderChip<Option> \| undefined) => {\n if (renderChipProps === undefined) {\n return null;\n }\n const onRemoveWrapper = (e: React.MouseEvent \| undefined, value: ChipValue \| undefined) => {\n e?.preventDefault();\n e?.stopPropagation();\n\n renderChipProps.onRemove?.(e, value);\n };\n\n return renderChip!({\n ...renderChipProps,\n onRemove: onRemoveWrapper,\n });\n };\n\n const isPopperDirectionTop = popperPlacement?.includes('top');\n\n const onPlacementChange = React.useCallback(\n (placement?: Placement) => {\n setPopperPlacement(placement);\n },\n [setPopperPlacement],\n );\n\n const onDropdownMouseLeave = React.useCallback(() => {\n setFocusedOptionIndex(null);\n }, [setFocusedOptionIndex]);\n\n const toggleOpened = () => {\n setOpened((prevOpened) => !prevOpened);\n };\n\n return (\n <>\n <FormField\n getRootRef={rootRef}\n style={style}\n className={classNames(\n styles['ChipsSelect'],\n opened &&\n (isPopperDirectionTop\n ? styles['ChipsSelect--pop-up']\n : styles['ChipsSelect--pop-down']),\n className,\n )}\n disabled={disabled}\n role=\"application\"\n aria-disabled={disabled}\n aria-readonly={restProps.readOnly}\n after={\n <IconButton\n className={styles['ChipsSelect__dropdown']}\n activeMode=\"\"\n hoverMode=\"\"\n // TODO: add label customization\n aria-label={opened ? 'Скрыть' : 'Развернуть'}\n onClick={toggleOpened}\n >\n {icon ?? <DropdownIcon className={styles['ChipsSelect__icon']} opened={opened} />}\n </IconButton>\n }\n before={before}\n >\n <ChipsInputBase\n {...restProps}\n tabIndex={tabIndex}\n value={selectedOptions}\n inputValue={fieldValue}\n getNewOptionData={getNewOptionData}\n getOptionLabel={getOptionLabel}\n getOptionValue={getOptionValue}\n renderChip={renderChipWrapper}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n getRef={getRef}\n disabled={disabled}\n onInputChange={handleInputChange}\n />\n </FormField>\n {opened && (\n <CustomSelectDropdown\n targetRef={rootRef}\n placement={popupDirection}\n scrollBoxRef={scrollBoxRef}\n onPlacementChange={onPlacementChange}\n onMouseLeave={onDropdownMouseLeave}\n fetching={fetching}\n sameWidth={fixDropdownWidth}\n forcePortal={forceDropdownPortal}\n >\n {showCreatable && (\n <CustomSelectOption\n hovered={focusedOptionIndex === 0}\n onMouseDown={addOptionFromInput}\n onMouseEnter={() => setFocusedOptionIndex(0)}\n >\n {creatableText}\n </CustomSelectOption>\n )}\n {!filteredOptions?.length && !showCreatable && emptyText ? (\n <Footnote className={styles['ChipsSelect__empty']}>{emptyText}</Footnote>\n ) : (\n filteredOptions.map((option: Option, index: number) => {\n const label = getOptionLabel!(option);\n const hovered =\n focusedOption && getOptionValue!(option) === getOptionValue!(focusedOption);\n const selected = selectedOptions.find((selectedOption: Option) => {\n return getOptionValue!(selectedOption) === getOptionValue!(option);\n });\n const value = getOptionValue!(option);\n\n return (\n <React.Fragment key={`${typeof value}-${value}`}>\n {renderOption!({\n option,\n hovered: Boolean(hovered),\n children: label,\n selected: !!selected,\n getRootRef: (e) => {\n if (e) {\n return (chipsSelectOptions[index] = e);\n }\n return undefined;\n },\n onMouseDown: (e: React.MouseEvent<HTMLDivElement>) => {\n onChangeStart?.(e, option);\n\n if (!e.defaultPrevented) {\n closeAfterSelect && setOpened(false);\n addOption(option);\n clearInput();\n }\n },\n onMouseEnter: () => setFocusedOptionIndex(index),\n })}\n </React.Fragment>\n );\n })\n )}\n </CustomSelectDropdown>\n )}\n </>\n );\n};\n"],"names":["ChipsSelect","FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","chipsSelectDefaultProps","chipsInputDefaultProps","emptyText","creatableText","onChangeStart","noop","creatable","fetching","showSelected","closeAfterSelect","options","filterFn","defaultFilterFn","renderOption","props","CustomSelectOption","propsWithDefault","style","onFocus","onKeyDown","className","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","getNewOptionData","renderChip","popupDirection","inputValue","before","icon","fixDropdownWidth","forceDropdownPortal","restProps","document","useDOM","React","useState","undefined","popperPlacement","setPopperPlacement","scrollBoxRef","useRef","rootRef","useExternRef","useChipsSelect","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","filteredOptions","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleClickOutside","target","current","contains","chipsSelectOptions","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","handleKeyDown","key","defaultPrevented","preventDefault","option","includes","useEffect","findIndex","value","useGlobalEventListener","renderChipWrapper","renderChipProps","onRemoveWrapper","stopPropagation","onRemove","isPopperDirectionTop","onPlacementChange","useCallback","placement","onDropdownMouseLeave","toggleOpened","prevOpened","FormField","classNames","role","aria-disabled","aria-readonly","readOnly","after","IconButton","activeMode","hoverMode","aria-label","onClick","DropdownIcon","ChipsInputBase","onInputChange","CustomSelectDropdown","targetRef","onMouseLeave","sameWidth","forcePortal","hovered","onMouseDown","onMouseEnter","Footnote","map","label","selected","find","selectedOption","Fragment","children"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useChipsSelect } from '../../hooks/useChipsSelect';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport type { Placement } from '../../lib/floating';\nimport { defaultFilterFn } from '../../lib/select';\nimport { ChipOption, ChipValue, RenderChip } from '../Chip/Chip';\nimport { ChipsInputProps } from '../ChipsInput/ChipsInput';\nimport { ChipsInputBase, chipsInputDefaultProps } from '../ChipsInputBase/ChipsInputBase';\nimport { CustomSelectDropdown } from '../CustomSelectDropdown/CustomSelectDropdown';\nimport {\n CustomSelectOption,\n CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField } from '../FormField/FormField';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './ChipsSelect.module.css';\n\nexport interface ChipsSelectProps<Option extends ChipOption>\n extends Omit<ChipsInputProps<Option>, 'after'> {\n popupDirection?: 'top' \| 'bottom';\n options?: Option[];\n filterFn?:\n \| false\n \| ((\n value?: string,\n option?: Option,\n getOptionLabel?: Pick<ChipsInputProps<Option>, 'getOptionLabel'>['getOptionLabel'],\n ) => boolean);\n /*\n Возможность создавать чипы которых нет в списке (по enter или с помощью пункта в меню, см creatableText)\n /\n creatable?: boolean;\n /\n Отрисовка лоадера вместо списка опций в выпадающем списке\n /\n fetching?: boolean;\n renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n /\n Показывать или скрывать уже выбранные опции\n /\n showSelected?: boolean;\n /\n Текст для пункта создающего чипы при клике, так же отвечает за то будет ли показан этот пункт (показывается после того как в списке не отсанется опций)\n /\n creatableText?: string;\n /\n Текст который показывается если список опций пуст\n /\n emptyText?: string;\n /\n Событие срабатывающее перед onChange\n /\n onChangeStart?: (e: React.MouseEvent \| React.KeyboardEvent, option: Option) => void;\n /\n Закрытие выпадающего списка после выбора элемента\n /\n closeAfterSelect?: boolean;\n fixDropdownWidth?: boolean;\n forceDropdownPortal?: boolean;\n /\n Иконка раскрывающегося списка\n /\n icon?: React.ReactNode;\n}\n\ntype FocusActionType = 'next' \| 'prev';\n\nconst FOCUS_ACTION_NEXT: FocusActionType = 'next';\nconst FOCUS_ACTION_PREV: FocusActionType = 'prev';\n\nconst chipsSelectDefaultProps: ChipsSelectProps<any> = {\n ...chipsInputDefaultProps,\n emptyText: 'Ничего не найдено',\n creatableText: 'Создать значение',\n onChangeStart: noop,\n creatable: false,\n fetching: false,\n showSelected: true,\n closeAfterSelect: true,\n options: [],\n filterFn: defaultFilterFn,\n renderOption(props) {\n return <CustomSelectOption {...props} />;\n },\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/ChipsSelect\n */\nexport const ChipsSelect = <Option extends ChipOption>(props: ChipsSelectProps<Option>) => {\n const propsWithDefault = { ...chipsSelectDefaultProps, ...props };\n const {\n style,\n onFocus,\n onKeyDown,\n className,\n fetching,\n renderOption,\n emptyText,\n getRef,\n getRootRef,\n disabled,\n placeholder,\n tabIndex,\n getOptionValue,\n getOptionLabel,\n showSelected,\n getNewOptionData,\n renderChip,\n popupDirection,\n creatable,\n filterFn,\n inputValue,\n creatableText,\n closeAfterSelect,\n onChangeStart,\n before,\n icon,\n options,\n fixDropdownWidth,\n forceDropdownPortal,\n ...restProps\n } = propsWithDefault;\n\n const { document } = useDOM();\n\n const [popperPlacement, setPopperPlacement] = React.useState<Placement \| undefined>(undefined);\n\n const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n const rootRef = useExternRef(getRef);\n const {\n fieldValue,\n selectedOptions = [],\n opened,\n setOpened,\n addOptionFromInput,\n filteredOptions,\n addOption,\n handleInputChange,\n clearInput,\n focusedOption,\n setFocusedOption,\n focusedOptionIndex,\n setFocusedOptionIndex,\n } = useChipsSelect(propsWithDefault);\n\n const showCreatable = Boolean(\n creatable && creatableText && !filteredOptions.length && fieldValue,\n );\n\n const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setOpened(true);\n setFocusedOptionIndex(null);\n onFocus!(e);\n };\n\n const handleClickOutside = (e: MouseEvent) => {\n if (e.target !== rootRef.current && !rootRef.current?.contains(e.target as Node)) {\n setOpened(false);\n }\n };\n\n const chipsSelectOptions = React.useRef<HTMLElement[]>([]).current;\n\n const scrollToElement = (index: number, center = false) => {\n const dropdown = scrollBoxRef.current;\n const item = chipsSelectOptions[index];\n\n if (!item \|\| !dropdown) {\n return;\n }\n\n const dropdownHeight = dropdown.offsetHeight;\n const scrollTop = dropdown.scrollTop;\n const itemTop = item.offsetTop;\n const itemHeight = item.offsetHeight;\n\n if (center) {\n dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n } else if (itemTop < scrollTop) {\n dropdown.scrollTop = itemTop;\n }\n };\n\n const focusOptionByIndex = (index: number, oldIndex: number \| null) => {\n const { length } = filteredOptions;\n\n if (index < 0) {\n index = length - 1;\n } else if (index >= length) {\n index = 0;\n }\n\n if (index === oldIndex) {\n return;\n }\n\n scrollToElement(index);\n setFocusedOptionIndex(index);\n };\n\n const focusOption = (nextIndex: number \| null, type: FocusActionType) => {\n let index = nextIndex === null ? -1 : nextIndex;\n\n if (type === FOCUS_ACTION_NEXT) {\n index = index + 1;\n } else if (type === FOCUS_ACTION_PREV) {\n index = index - 1;\n }\n\n focusOptionByIndex(index, focusedOptionIndex);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown!(e);\n\n if (e.key === 'ArrowUp' && !e.defaultPrevented) {\n e.preventDefault();\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n } else {\n focusOption(focusedOptionIndex, FOCUS_ACTION_PREV);\n }\n }\n\n if (e.key === 'ArrowDown' && !e.defaultPrevented) {\n e.preventDefault();\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n } else {\n focusOption(focusedOptionIndex, FOCUS_ACTION_NEXT);\n }\n }\n\n if (e.key === 'Enter' && !e.defaultPrevented && opened && focusedOptionIndex != null) {\n const option = filteredOptions[focusedOptionIndex];\n\n if (option) {\n onChangeStart!(e, option);\n\n if (!e.defaultPrevented) {\n addOption(option);\n setFocusedOptionIndex(null);\n clearInput();\n closeAfterSelect && setOpened(false);\n e.preventDefault();\n }\n } else if (!creatable) {\n e.preventDefault();\n }\n }\n\n if (['Escape', 'Tab'].includes(e.key) && !e.defaultPrevented && opened) {\n setOpened(false);\n }\n };\n\n React.useEffect(() => {\n if (focusedOptionIndex != null && filteredOptions[focusedOptionIndex]) {\n setFocusedOption(filteredOptions[focusedOptionIndex]);\n } else if (focusedOptionIndex === null \|\| focusedOptionIndex === 0) {\n setFocusedOption(null);\n }\n }, [focusedOptionIndex, filteredOptions, setFocusedOption]);\n\n useGlobalEventListener(document, 'click', handleClickOutside);\n\n const renderChipWrapper = (renderChipProps: RenderChip<Option> \| undefined) => {\n if (renderChipProps === undefined) {\n return null;\n }\n const onRemoveWrapper = (e: React.MouseEvent \| undefined, value: ChipValue \| undefined) => {\n e?.preventDefault();\n e?.stopPropagation();\n\n renderChipProps.onRemove?.(e, value);\n };\n\n return renderChip!({\n ...renderChipProps,\n onRemove: onRemoveWrapper,\n });\n };\n\n const isPopperDirectionTop = popperPlacement?.includes('top');\n\n const onPlacementChange = React.useCallback(\n (placement?: Placement) => {\n setPopperPlacement(placement);\n },\n [setPopperPlacement],\n );\n\n const onDropdownMouseLeave = React.useCallback(() => {\n setFocusedOptionIndex(null);\n }, [setFocusedOptionIndex]);\n\n const toggleOpened = () => {\n setOpened((prevOpened) => !prevOpened);\n };\n\n return (\n <>\n <FormField\n getRootRef={rootRef}\n style={style}\n className={classNames(\n styles['ChipsSelect'],\n opened &&\n (isPopperDirectionTop\n ? styles['ChipsSelect--pop-up']\n : styles['ChipsSelect--pop-down']),\n className,\n )}\n disabled={disabled}\n role=\"application\"\n aria-disabled={disabled}\n aria-readonly={restProps.readOnly}\n after={\n <IconButton\n className={styles['ChipsSelect__dropdown']}\n activeMode=\"\"\n hoverMode=\"\"\n // TODO: add label customization\n aria-label={opened ? 'Скрыть' : 'Развернуть'}\n onClick={toggleOpened}\n >\n {icon ?? <DropdownIcon className={styles['ChipsSelect__icon']} opened={opened} />}\n </IconButton>\n }\n before={before}\n >\n <ChipsInputBase\n {...restProps}\n tabIndex={tabIndex}\n value={selectedOptions}\n inputValue={fieldValue}\n getNewOptionData={getNewOptionData}\n getOptionLabel={getOptionLabel}\n getOptionValue={getOptionValue}\n renderChip={renderChipWrapper}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n getRef={getRef}\n disabled={disabled}\n onInputChange={handleInputChange}\n />\n </FormField>\n {opened && (\n <CustomSelectDropdown\n targetRef={rootRef}\n placement={popupDirection}\n scrollBoxRef={scrollBoxRef}\n onPlacementChange={onPlacementChange}\n onMouseLeave={onDropdownMouseLeave}\n fetching={fetching}\n sameWidth={fixDropdownWidth}\n forcePortal={forceDropdownPortal}\n >\n {showCreatable && (\n <CustomSelectOption\n hovered={focusedOptionIndex === 0}\n onMouseDown={addOptionFromInput}\n onMouseEnter={() => setFocusedOptionIndex(0)}\n >\n {creatableText}\n </CustomSelectOption>\n )}\n {!filteredOptions?.length && !showCreatable && emptyText ? (\n <Footnote className={styles['ChipsSelect__empty']}>{emptyText}</Footnote>\n ) : (\n filteredOptions.map((option: Option, index: number) => {\n const label = getOptionLabel!(option);\n const hovered =\n focusedOption && getOptionValue!(option) === getOptionValue!(focusedOption);\n const selected = selectedOptions.find((selectedOption: Option) => {\n return getOptionValue!(selectedOption) === getOptionValue!(option);\n });\n const value = getOptionValue!(option);\n\n return (\n <React.Fragment key={`${typeof value}-${value}`}>\n {renderOption!({\n option,\n hovered: Boolean(hovered),\n children: label,\n selected: !!selected,\n getRootRef: (e) => {\n if (e) {\n return (chipsSelectOptions[index] = e);\n }\n return undefined;\n },\n onMouseDown: (e: React.MouseEvent<HTMLDivElement>) => {\n onChangeStart?.(e, option);\n\n if (!e.defaultPrevented) {\n closeAfterSelect && setOpened(false);\n addOption(option);\n clearInput();\n }\n },\n onMouseEnter: () => setFocusedOptionIndex(index),\n })}\n </React.Fragment>\n );\n })\n )}\n </CustomSelectDropdown>\n )}\n </>\n );\n};\n"],"names":["ChipsSelect","FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","chipsSelectDefaultProps","chipsInputDefaultProps","emptyText","creatableText","onChangeStart","noop","creatable","fetching","showSelected","closeAfterSelect","options","filterFn","defaultFilterFn","renderOption","props","CustomSelectOption","propsWithDefault","style","onFocus","onKeyDown","className","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","getNewOptionData","renderChip","popupDirection","inputValue","before","icon","fixDropdownWidth","forceDropdownPortal","restProps","document","useDOM","React","useState","undefined","popperPlacement","setPopperPlacement","scrollBoxRef","useRef","rootRef","useExternRef","useChipsSelect","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","filteredOptions","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleClickOutside","target","current","contains","chipsSelectOptions","scrollToElement","index","center","dropdown","item","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","focusOptionByIndex","oldIndex","focusOption","nextIndex","type","handleKeyDown","key","defaultPrevented","preventDefault","option","includes","useEffect","useGlobalEventListener","renderChipWrapper","renderChipProps","onRemoveWrapper","value","stopPropagation","onRemove","isPopperDirectionTop","onPlacementChange","useCallback","placement","onDropdownMouseLeave","toggleOpened","prevOpened","FormField","classNames","role","aria-disabled","aria-readonly","readOnly","after","IconButton","activeMode","hoverMode","aria-label","onClick","DropdownIcon","ChipsInputBase","onInputChange","CustomSelectDropdown","targetRef","onMouseLeave","sameWidth","forcePortal","hovered","onMouseDown","onMouseEnter","Footnote","map","label","selected","find","selectedOption","Fragment","children"],"mappings":"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"}

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

@@ -7,4 +7,4 @@ export interface ConfigProviderProps extends Partial<ConfigProviderContextInterf
 /**
  * @see https://vkcom.github.io/VKUI/#/ConfigProvider
  */
-export declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
+export declare const ConfigProvider: (props: ConfigProviderProps) => React.JSX.Element;

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

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "ConfigProvider", {
         return ConfigProvider;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _generateVKUITokensClassName = require("../../helpers/generateVKUITokensClassName");
 var _useAutoDetectAppearance = require("../../hooks/useAutoDetectAppearance");
@@ -18,10 +18,10 @@ var _useObjectMemo = require("../../hooks/useObjectMemo");
 var _dom = require("../../lib/dom");
 var _tokensClassProvider = require("../../lib/tokensClassProvider");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var _configProviderContext = require("./ConfigProviderContext");
+var _ConfigProviderContext = require("./ConfigProviderContext");
 var ConfigProvider = function(props) {
-    var parentConfig = (0, _configProviderContext.useConfigProvider)();
-    var _$_object_spread = _objectSpread({}, parentConfig, props), children = _$_object_spread.children, webviewType = _$_object_spread.webviewType, isWebView = _$_object_spread.isWebView, transitionMotionEnabled = _$_object_spread.transitionMotionEnabled, platform = _$_object_spread.platform, locale = _$_object_spread.locale, appearanceProp = _$_object_spread.appearance, _object_spread_onDetectAppearanceByBridge = _$_object_spread.onDetectAppearanceByBridge, onDetectAppearanceByBridge = _object_spread_onDetectAppearanceByBridge === void 0 ? _vkjs.noop : _object_spread_onDetectAppearanceByBridge;
+    var parentConfig = (0, _ConfigProviderContext.useConfigProvider)();
+    var _$_object_spread = _object_spread._({}, parentConfig, props), children = _$_object_spread.children, webviewType = _$_object_spread.webviewType, isWebView = _$_object_spread.isWebView, transitionMotionEnabled = _$_object_spread.transitionMotionEnabled, platform = _$_object_spread.platform, locale = _$_object_spread.locale, appearanceProp = _$_object_spread.appearance, _object_spread_onDetectAppearanceByBridge = _$_object_spread.onDetectAppearanceByBridge, onDetectAppearanceByBridge = _object_spread_onDetectAppearanceByBridge === void 0 ? _vkjs.noop : _object_spread_onDetectAppearanceByBridge;
     var appearance = (0, _useAutoDetectAppearance.useAutoDetectAppearance)(appearanceProp, onDetectAppearanceByBridge);
     var document = (0, _dom.useDOM)().document;
     (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
@@ -44,7 +44,7 @@ var ConfigProvider = function(props) {
         locale: locale,
         appearance: appearance
     });
-    return /*#__PURE__*/ _react.createElement(_configProviderContext.ConfigProviderContext.Provider, {
+    return /*#__PURE__*/ _react.createElement(_ConfigProviderContext.ConfigProviderContext.Provider, {
         value: configContext
     }, /*#__PURE__*/ _react.createElement(_tokensClassProvider.TokensClassProvider, {
         platform: platform,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { generateVKUITokensClassName } from '../../helpers/generateVKUITokensClassName';\nimport { useAutoDetectAppearance } from '../../hooks/useAutoDetectAppearance';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { useDOM } from '../../lib/dom';\nimport { TokensClassProvider } from '../../lib/tokensClassProvider';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n useConfigProvider,\n} from './ConfigProviderContext';\n\nexport interface ConfigProviderProps extends Partial<ConfigProviderContextInterface> {\n onDetectAppearanceByBridge?: () => void;\n children: React.ReactNode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ConfigProvider\n */\nexport const ConfigProvider = (props: ConfigProviderProps) => {\n const parentConfig = useConfigProvider();\n\n const {\n children,\n webviewType,\n isWebView,\n transitionMotionEnabled,\n platform,\n locale,\n appearance: appearanceProp,\n onDetectAppearanceByBridge = noop,\n } = {\n ...parentConfig,\n ...props,\n };\n\n const appearance = useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge);\n\n const { document } = useDOM();\n\n useIsomorphicLayoutEffect(() => {\n const VKUITokensClassName = generateVKUITokensClassName(platform, appearance);\n\n // eslint-disable-next-line no-restricted-properties\n document!.body.classList.add(VKUITokensClassName);\n\n return () => {\n // eslint-disable-next-line no-restricted-properties\n document!.body.classList.remove(VKUITokensClassName);\n };\n }, [platform, appearance]);\n\n const configContext = useObjectMemo({\n webviewType,\n isWebView,\n transitionMotionEnabled,\n platform,\n locale,\n appearance,\n });\n\n return (\n <ConfigProviderContext.Provider value={configContext}>\n <TokensClassProvider platform={platform} appearance={appearance}>\n {children}\n </TokensClassProvider>\n </ConfigProviderContext.Provider>\n );\n};\n"],"names":["ConfigProvider","props","parentConfig","useConfigProvider","children","webviewType","isWebView","transitionMotionEnabled","platform","locale","appearance","appearanceProp","onDetectAppearanceByBridge","noop","useAutoDetectAppearance","document","useDOM","useIsomorphicLayoutEffect","VKUITokensClassName","generateVKUITokensClassName","body","classList","add","remove","configContext","useObjectMemo","ConfigProviderContext","Provider","value","TokensClassProvider"],"mappings":";;;;+BAsBaA;;;eAAAA~~;;;;;2DAtBU~~;oBACF;2CACuB;uCACJ;6BACV;mBACP;mCACa;yCACM;qCAKnC;AAUA,IAAMA,iBAAiB,SAACC~~,OAA+B~~;~~IAC5D~~,IAAMC,eAAeC,IAAAA~~,wCAAiB~~;~~IAEtC~~,IASI,mBAAA,~~kBACCD~~,cACAD,QAVHG,WAQE,iBARFA,UACAC,cAOE,iBAPFA,aACAC,YAME,iBANFA,WACAC,0BAKE,iBALFA,yBACAC,WAIE,iBAJFA,UACAC,SAGE,iBAHFA,QACAC,AAAYC,iBAEV,iBAFFD,wDAEE,iBADFE,4BAAAA,oFAA6BC~~,UAAI~~;~~IAMnC~~,IAAMH,aAAaI,IAAAA,~~gDAAuB~~,~~EAACH,~~gBAAgBC;IAE3D,IAAM,AAAEG,WAAaC,IAAAA,~~WAAM,IAAnBD~~;IAERE,IAAAA,~~oDAAyB,EAAC,WAAM~~;~~QAC9B~~,IAAMC,sBAAsBC,IAAAA,~~wDAA2B~~,~~EAACX,~~UAAUE;QAElE,oDAAoD;QACpDK,SAAUK,~~IAAI~~,~~CAACC~~,~~SAAS,CAACC,GAAG,CAACJ~~;QAE7B,OAAO~~,WAAM~~;~~YACX~~,oDAAoD;YACpDH,SAAUK,~~IAAI~~,~~CAACC~~,~~SAAS,CAACE,MAAM,CAACL~~;QAClC;IACF,GAAG;QAACV;QAAUE;KAAW;IAEzB,IAAMc,gBAAgBC,IAAAA,~~4BAAa,EAAC~~;QAClCpB,aAAAA;QACAC,WAAAA;QACAC,yBAAAA;QACAC,UAAAA;QACAC,QAAAA;QACAC,YAAAA;IACF;IAEA,qBACE,qBAACgB,~~4CAAqB,CAACC,QAAQ~~;~~QAACC~~,OAAOJ;qBACrC,qBAACK~~,wCAAmB~~;~~QAACrB~~,UAAUA;QAAUE,YAAYA;OAClDN;AAIT"}
1	+ {"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { generateVKUITokensClassName } from '../../helpers/generateVKUITokensClassName';\nimport { useAutoDetectAppearance } from '../../hooks/useAutoDetectAppearance';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { useDOM } from '../../lib/dom';\nimport { TokensClassProvider } from '../../lib/tokensClassProvider';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n useConfigProvider,\n} from './ConfigProviderContext';\n\nexport interface ConfigProviderProps extends Partial<ConfigProviderContextInterface> {\n onDetectAppearanceByBridge?: () => void;\n children: React.ReactNode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ConfigProvider\n */\nexport const ConfigProvider = (props: ConfigProviderProps) => {\n const parentConfig = useConfigProvider();\n\n const {\n children,\n webviewType,\n isWebView,\n transitionMotionEnabled,\n platform,\n locale,\n appearance: appearanceProp,\n onDetectAppearanceByBridge = noop,\n } = {\n ...parentConfig,\n ...props,\n };\n\n const appearance = useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge);\n\n const { document } = useDOM();\n\n useIsomorphicLayoutEffect(() => {\n const VKUITokensClassName = generateVKUITokensClassName(platform, appearance);\n\n // eslint-disable-next-line no-restricted-properties\n document!.body.classList.add(VKUITokensClassName);\n\n return () => {\n // eslint-disable-next-line no-restricted-properties\n document!.body.classList.remove(VKUITokensClassName);\n };\n }, [platform, appearance]);\n\n const configContext = useObjectMemo({\n webviewType,\n isWebView,\n transitionMotionEnabled,\n platform,\n locale,\n appearance,\n });\n\n return (\n <ConfigProviderContext.Provider value={configContext}>\n <TokensClassProvider platform={platform} appearance={appearance}>\n {children}\n </TokensClassProvider>\n </ConfigProviderContext.Provider>\n );\n};\n"],"names":["ConfigProvider","props","parentConfig","useConfigProvider","children","webviewType","isWebView","transitionMotionEnabled","platform","locale","appearance","appearanceProp","onDetectAppearanceByBridge","noop","useAutoDetectAppearance","document","useDOM","useIsomorphicLayoutEffect","VKUITokensClassName","generateVKUITokensClassName","body","classList","add","remove","configContext","useObjectMemo","ConfigProviderContext","Provider","value","TokensClassProvider"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;+DAtBU;oBACF;2CACuB;uCACJ;6BACV;mBACP;mCACa;yCACM;qCAKnC;AAUA,IAAMA,iBAAiB,SAACC;IAC7B,IAAMC,eAAeC,IAAAA;IAErB,IASI,mBAAA,qBACCD,cACAD,QAVHG,WAQE,iBARFA,UACAC,cAOE,iBAPFA,aACAC,YAME,iBANFA,WACAC,0BAKE,iBALFA,yBACAC,WAIE,iBAJFA,UACAC,SAGE,iBAHFA,QACAC,AAAYC,iBAEV,iBAFFD,wDAEE,iBADFE,4BAAAA,oFAA6BC;IAM/B,IAAMH,aAAaI,IAAAA,kDAAwBH,gBAAgBC;IAE3D,IAAM,AAAEG,WAAaC,IAAAA,eAAbD;IAERE,IAAAA,sDAA0B;QACxB,IAAMC,sBAAsBC,IAAAA,0DAA4BX,UAAUE;QAElE,oDAAoD;QACpDK,SAAUK,KAAKC,UAAUC,IAAIJ;QAE7B,OAAO;YACL,oDAAoD;YACpDH,SAAUK,KAAKC,UAAUE,OAAOL;QAClC;IACF,GAAG;QAACV;QAAUE;KAAW;IAEzB,IAAMc,gBAAgBC,IAAAA,8BAAc;QAClCpB,aAAAA;QACAC,WAAAA;QACAC,yBAAAA;QACAC,UAAAA;QACAC,QAAAA;QACAC,YAAAA;IACF;IAEA,qBACE,qBAACgB,6CAAsBC;QAASC,OAAOJ;qBACrC,qBAACK;QAAoBrB,UAAUA;QAAUE,YAAYA;OAClDN;AAIT"}

package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js CHANGED Viewed

@@ -19,10 +19,10 @@ _export(exports, {
         return useConfigProvider;
     }
 });
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _vkBridge = /*#__PURE__*/ _interopRequireDefault(require("@vkontakte/vk-bridge"));
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _vkbridge = /*#__PURE__*/ _interop_require_default._(require("@vkontakte/vk-bridge"));
 var _platform = require("../../lib/platform");
 var WebviewType;
 (function(WebviewType) {
@@ -31,7 +31,7 @@ var WebviewType;
 })(WebviewType || (WebviewType = {}));
 var ConfigProviderContext = /*#__PURE__*/ _react.createContext({
     webviewType: WebviewType.VKAPPS,
-    isWebView: _vkBridge.default.isWebView(),
+    isWebView: _vkbridge.default.isWebView(),
     transitionMotionEnabled: true,
     platform: (0, _platform.platform)(),
     appearance: undefined,

package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, { AppearanceType } from '@vkontakte/vk-bridge';\nimport { platform, PlatformType } from '../../lib/platform';\n\nexport enum WebviewType {\n VKAPPS = 'vkapps',\n INTERNAL = 'internal',\n}\n\nexport interface ConfigProviderContextInterface {\n /*\n Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере\n /\n isWebView: boolean;\n /\n Тип вебвью.<br>\n * В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)\n /\n webviewType: WebviewType.INTERNAL \| WebviewType.VKAPPS;\n /\n Тип цветовой схемы – `light` или `dark`\n /\n appearance: AppearanceType \| undefined;\n /\n Включена ли анимация переходов между экранами в `Root` и `View`\n /\n transitionMotionEnabled: boolean;\n /\n Платформа\n /\n platform: PlatformType;\n /\n Строка с языковой меткой BCP 47\n */\n locale: string;\n}\n\nexport const ConfigProviderContext = React.createContext<ConfigProviderContextInterface>({\n webviewType: WebviewType.VKAPPS,\n isWebView: vkBridge.isWebView(),\n transitionMotionEnabled: true,\n platform: platform(),\n appearance: undefined, // undefined обозначает что тема должна определиться автоматически\n locale: 'ru',\n});\n\nexport const useConfigProvider = () => React.useContext(ConfigProviderContext);\n"],"names":["ConfigProviderContext","useConfigProvider","WebviewType","VKAPPS","INTERNAL","React","createContext","webviewType","isWebView","vkBridge","transitionMotionEnabled","platform","appearance","undefined","locale","useContext"],"mappings":";;;;;;;;;;;;;;IAqCaA,qBAAqB;eAArBA;;IASAC,iBAAiB;eAAjBA~~;;;;;2DA9CU~~;~~6DACkB~~;wBACF;IAEhC;UAAKC,WAAW;IAAXA,YACVC,YAAS;IADCD,YAEVE,cAAW;GAFDF,gBAAAA;AAiCL,IAAMF,sCAAwBK,OAAMC,~~aAAa,CAAiC~~;IACvFC,aAAaL,YAAYC~~,MAAM~~;~~IAC/BK~~,WAAWC,~~iBAAQ,CAACD,SAAS~~;~~IAC7BE~~,yBAAyB~~,IAAI~~;~~IAC7BC~~,UAAUA,IAAAA~~,kBAAQ~~;~~IAClBC~~,YAAYC;IACZC,QAAQ;AACV;AAEO,IAAMb,oBAAoB;WAAMI,OAAMU,~~UAAU,CAACf~~"}
1	+ {"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, { AppearanceType } from '@vkontakte/vk-bridge';\nimport { platform, PlatformType } from '../../lib/platform';\n\nexport enum WebviewType {\n VKAPPS = 'vkapps',\n INTERNAL = 'internal',\n}\n\nexport interface ConfigProviderContextInterface {\n /*\n Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере\n /\n isWebView: boolean;\n /\n Тип вебвью.<br>\n * В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)\n /\n webviewType: WebviewType.INTERNAL \| WebviewType.VKAPPS;\n /\n Тип цветовой схемы – `light` или `dark`\n /\n appearance: AppearanceType \| undefined;\n /\n Включена ли анимация переходов между экранами в `Root` и `View`\n /\n transitionMotionEnabled: boolean;\n /\n Платформа\n /\n platform: PlatformType;\n /\n Строка с языковой меткой BCP 47\n */\n locale: string;\n}\n\nexport const ConfigProviderContext = React.createContext<ConfigProviderContextInterface>({\n webviewType: WebviewType.VKAPPS,\n isWebView: vkBridge.isWebView(),\n transitionMotionEnabled: true,\n platform: platform(),\n appearance: undefined, // undefined обозначает что тема должна определиться автоматически\n locale: 'ru',\n});\n\nexport const useConfigProvider = () => React.useContext(ConfigProviderContext);\n"],"names":["ConfigProviderContext","useConfigProvider","WebviewType","VKAPPS","INTERNAL","React","createContext","webviewType","isWebView","vkBridge","transitionMotionEnabled","platform","appearance","undefined","locale","useContext"],"mappings":";;;;;;;;;;;;;;IAqCaA,qBAAqB;eAArBA;;IASAC,iBAAiB;eAAjBA;;;;;+DA9CU;iEACkB;wBACF;IAEhC;UAAKC,WAAW;IAAXA,YACVC,YAAS;IADCD,YAEVE,cAAW;GAFDF,gBAAAA;AAiCL,IAAMF,sCAAwBK,OAAMC,cAA8C;IACvFC,aAAaL,YAAYC;IACzBK,WAAWC,kBAASD;IACpBE,yBAAyB;IACzBC,UAAUA,IAAAA;IACVC,YAAYC;IACZC,QAAQ;AACV;AAEO,IAAMb,oBAAoB;WAAMI,OAAMU,WAAWf"}

package/dist/cjs/components/ConfigProvider/ConfigProviderOverride.d.ts CHANGED Viewed

@@ -6,4 +6,4 @@ export interface ConfigProviderOverrideProps extends Partial<ConfigProviderConte
 /**
  * Компонент предназначен для перебивания одного из значений контекста
  */
-export declare function ConfigProviderOverride({ children, ...contextValue }: ConfigProviderOverrideProps): JSX.Element;
+export declare function ConfigProviderOverride({ children, ...contextValue }: ConfigProviderOverrideProps): React.JSX.Element;

package/dist/cjs/components/ConfigProvider/ConfigProviderOverride.js CHANGED Viewed

@@ -8,19 +8,19 @@ Object.defineProperty(exports, "ConfigProviderOverride", {
         return ConfigProviderOverride;
     }
 });
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _useObjectMemo = require("../../hooks/useObjectMemo");
-var _configProviderContext = require("./ConfigProviderContext");
+var _ConfigProviderContext = require("./ConfigProviderContext");
 function ConfigProviderOverride(_param) {
-    var children = _param.children, contextValue = _objectWithoutProperties(_param, [
+    var children = _param.children, contextValue = _object_without_properties._(_param, [
         "children"
     ]);
-    var parentConfig = (0, _configProviderContext.useConfigProvider)();
-    var configContext = (0, _useObjectMemo.useObjectMemo)(_objectSpread({}, parentConfig, contextValue));
-    return /*#__PURE__*/ _react.default.createElement(_configProviderContext.ConfigProviderContext.Provider, {
+    var parentConfig = (0, _ConfigProviderContext.useConfigProvider)();
+    var configContext = (0, _useObjectMemo.useObjectMemo)(_object_spread._({}, parentConfig, contextValue));
+    return /*#__PURE__*/ _react.default.createElement(_ConfigProviderContext.ConfigProviderContext.Provider, {
         value: configContext
     }, children);
 }

package/dist/cjs/components/ConfigProvider/ConfigProviderOverride.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProviderOverride.tsx"],"sourcesContent":["import React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n useConfigProvider,\n} from './ConfigProviderContext';\n\nexport interface ConfigProviderOverrideProps extends Partial<ConfigProviderContextInterface> {\n children: React.ReactNode;\n}\n\n/*\n Компонент предназначен для перебивания одного из значений контекста\n */\nexport function ConfigProviderOverride({ children, ...contextValue }: ConfigProviderOverrideProps) {\n const parentConfig = useConfigProvider();\n\n const configContext = useObjectMemo({\n ...parentConfig,\n ...contextValue,\n });\n\n return (\n <ConfigProviderContext.Provider value={configContext}>\n {children}\n </ConfigProviderContext.Provider>\n );\n}\n"],"names":["ConfigProviderOverride","children","contextValue","parentConfig","useConfigProvider","configContext","useObjectMemo","ConfigProviderContext","Provider","value"],"mappings":";;;;+BAegBA;;;eAAAA;;;;;;~~0DAfE~~;6BACY;qCAKvB;AASA,SAASA,uBAAuB~~,QAA4D~~;~~QAA1DC~~,WAAF,OAAEA,UAAaC,~~wCAAf~~;QAAED;;IACvC,IAAME,eAAeC,IAAAA~~,wCAAiB~~;~~IAEtC~~,IAAMC,gBAAgBC,IAAAA,~~4BAAa~~,~~EAAC,kBAC~~/BH,cACAD;IAGL,qBACE,6BAACK,~~4CAAqB,CAACC,QAAQ~~;~~QAACC~~,OAAOJ;OACpCJ;AAGP"}
1	+ {"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProviderOverride.tsx"],"sourcesContent":["import React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n useConfigProvider,\n} from './ConfigProviderContext';\n\nexport interface ConfigProviderOverrideProps extends Partial<ConfigProviderContextInterface> {\n children: React.ReactNode;\n}\n\n/*\n Компонент предназначен для перебивания одного из значений контекста\n */\nexport function ConfigProviderOverride({ children, ...contextValue }: ConfigProviderOverrideProps) {\n const parentConfig = useConfigProvider();\n\n const configContext = useObjectMemo({\n ...parentConfig,\n ...contextValue,\n });\n\n return (\n <ConfigProviderContext.Provider value={configContext}>\n {children}\n </ConfigProviderContext.Provider>\n );\n}\n"],"names":["ConfigProviderOverride","children","contextValue","parentConfig","useConfigProvider","configContext","useObjectMemo","ConfigProviderContext","Provider","value"],"mappings":";;;;+BAegBA;;;eAAAA;;;;;;8DAfE;6BACY;qCAKvB;AASA,SAASA,uBAAuB;QAAEC,WAAF,OAAEA,UAAaC,4CAAf;QAAED;;IACvC,IAAME,eAAeC,IAAAA;IAErB,IAAMC,gBAAgBC,IAAAA,8BAAc,qBAC/BH,cACAD;IAGL,qBACE,6BAACK,6CAAsBC;QAASC,OAAOJ;OACpCJ;AAGP"}

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

@@ -28,4 +28,4 @@ export interface ContentCardProps extends HasRootRef<HTMLDivElement>, Omit<Tappa
 /**
  * @see https://vkcom.github.io/VKUI/#/ContentCard
  */
-export declare const ContentCard: ({ subtitle, header, text, caption, className, mode, style, getRootRef, getRef, maxHeight, src, srcSet, alt, width, height, crossOrigin, decoding, loading, referrerPolicy, sizes, useMap, hasHover, hasActive, ...restProps }: ContentCardProps) => JSX.Element;
+export declare const ContentCard: ({ subtitle, header, text, caption, className, mode, style, getRootRef, getRef, maxHeight, src, srcSet, alt, width, height, crossOrigin, decoding, loading, referrerPolicy, sizes, useMap, hasHover, hasActive, ...restProps }: ContentCardProps) => React.JSX.Element;

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

@@ -8,22 +8,22 @@ Object.defineProperty(exports, "ContentCard", {
         return ContentCard;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _card = require("../Card/Card");
-var _tappable = require("../Tappable/Tappable");
-var _caption = require("../Typography/Caption/Caption");
-var _footnote = require("../Typography/Footnote/Footnote");
-var _headline = require("../Typography/Headline/Headline");
-var _text = require("../Typography/Text/Text");
+var _Card = require("../Card/Card");
+var _Tappable = require("../Tappable/Tappable");
+var _Caption = require("../Typography/Caption/Caption");
+var _Footnote = require("../Typography/Footnote/Footnote");
+var _Headline = require("../Typography/Headline/Headline");
+var _Text = require("../Typography/Text/Text");
 var ContentCard = function(_param) {
     var subtitle = _param.subtitle, header = _param.header, text = _param.text, caption = _param.caption, // card props
     className = _param.className, _param_mode = _param.mode, mode = _param_mode === void 0 ? "shadow" : _param_mode, style = _param.style, getRootRef = _param.getRootRef, // img props
-    getRef = _param.getRef, maxHeight = _param.maxHeight, src = _param.src, srcSet = _param.srcSet, _param_alt = _param.alt, alt = _param_alt === void 0 ? "" : _param_alt, width = _param.width, height = _param.height, crossOrigin = _param.crossOrigin, decoding = _param.decoding, loading = _param.loading, referrerPolicy = _param.referrerPolicy, sizes = _param.sizes, useMap = _param.useMap, _param_hasHover = _param.hasHover, hasHover = _param_hasHover === void 0 ? false : _param_hasHover, _param_hasActive = _param.hasActive, hasActive = _param_hasActive === void 0 ? false : _param_hasActive, restProps = _objectWithoutProperties(_param, [
+    getRef = _param.getRef, maxHeight = _param.maxHeight, src = _param.src, srcSet = _param.srcSet, _param_alt = _param.alt, alt = _param_alt === void 0 ? "" : _param_alt, width = _param.width, height = _param.height, crossOrigin = _param.crossOrigin, decoding = _param.decoding, loading = _param.loading, referrerPolicy = _param.referrerPolicy, sizes = _param.sizes, useMap = _param.useMap, _param_hasHover = _param.hasHover, hasHover = _param_hasHover === void 0 ? false : _param_hasHover, _param_hasActive = _param.hasActive, hasActive = _param_hasActive === void 0 ? false : _param_hasActive, restProps = _object_without_properties._(_param, [
         "subtitle",
         "header",
         "text",
@@ -48,12 +48,12 @@ var ContentCard = function(_param) {
         "hasHover",
         "hasActive"
     ]);
-    return /*#__PURE__*/ _react.createElement(_card.Card, {
+    return /*#__PURE__*/ _react.createElement(_Card.Card, {
         mode: mode,
         getRootRef: getRootRef,
         style: style,
         className: (0, _vkjs.classNames)(restProps.disabled && "vkuiContentCard--disabled", className)
-    }, /*#__PURE__*/ _react.createElement(_tappable.Tappable, _objectSpreadProps(_objectSpread({}, restProps), {
+    }, /*#__PURE__*/ _react.createElement(_Tappable.Tappable, _object_spread_props._(_object_spread._({}, restProps), {
         disabled: restProps.disabled || !restProps.onClick && !restProps.href,
         hasHover: hasHover,
         hasActive: hasActive,
@@ -77,18 +77,18 @@ var ContentCard = function(_param) {
         width: "100%"
     }), /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiContentCard__body"
-    }, (0, _vkjs.hasReactNode)(subtitle) && /*#__PURE__*/ _react.createElement(_caption.Caption, {
+    }, (0, _vkjs.hasReactNode)(subtitle) && /*#__PURE__*/ _react.createElement(_Caption.Caption, {
         className: (0, _vkjs.classNames)("vkuiContentCard__text", "vkuiContentCard__subtitle"),
         weight: "1",
         level: "3",
         caps: true
-    }, subtitle), (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement(_headline.Headline, {
+    }, subtitle), (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement(_Headline.Headline, {
         className: "vkuiContentCard__text",
         weight: "2",
         level: "1"
-    }, header), (0, _vkjs.hasReactNode)(text) && /*#__PURE__*/ _react.createElement(_text.Text, {
+    }, header), (0, _vkjs.hasReactNode)(text) && /*#__PURE__*/ _react.createElement(_Text.Text, {
         className: "vkuiContentCard__text"
-    }, text), (0, _vkjs.hasReactNode)(caption) && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+    }, text), (0, _vkjs.hasReactNode)(caption) && /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
         className: (0, _vkjs.classNames)("vkuiContentCard__text", "vkuiContentCard__caption")
     }, caption))));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Card, CardProps } from '../Card/Card';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './ContentCard.module.css';\n\nexport interface ContentCardProps\n extends HasRootRef<HTMLDivElement>,\n Omit<TappableProps, 'getRootRef' \| 'crossOrigin'>,\n Omit<React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>,\n HasRef<HTMLImageElement> {\n /*\n Текст над заголовком\n /\n subtitle?: React.ReactNode;\n /*\n Заголовок\n /\n header?: React.ReactNode;\n /*\n Текст\n /\n text?: React.ReactNode;\n /*\n Нижний текст\n /\n caption?: React.ReactNode;\n /*\n Максимальная высота изображения\n /\n maxHeight?: number;\n mode?: CardProps['mode'];\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ContentCard\n */\nexport const ContentCard = ({\n subtitle,\n header,\n text,\n caption,\n // card props\n className,\n mode = 'shadow',\n style,\n getRootRef,\n // img props\n getRef,\n maxHeight,\n src,\n srcSet,\n alt = '',\n width,\n height,\n crossOrigin,\n decoding,\n loading,\n referrerPolicy,\n sizes,\n useMap,\n hasHover = false,\n hasActive = false,\n ...restProps\n}: ContentCardProps) => {\n return (\n <Card\n mode={mode}\n getRootRef={getRootRef}\n style={style}\n className={classNames(restProps.disabled && styles['ContentCard--disabled'], className)}\n >\n <Tappable\n {...restProps}\n disabled={restProps.disabled \|\| (!restProps.onClick && !restProps.href)}\n hasHover={hasHover}\n hasActive={hasActive}\n className={styles['ContentCard__tappable']}\n >\n {(src \|\| srcSet) && (\n <img\n ref={getRef}\n className={styles['ContentCard__img']}\n src={src}\n srcSet={srcSet}\n alt={alt}\n crossOrigin={crossOrigin}\n decoding={decoding}\n loading={loading}\n referrerPolicy={referrerPolicy}\n sizes={sizes}\n useMap={useMap}\n height={height}\n style={{ maxHeight }}\n width=\"100%\"\n />\n )}\n <div className={styles['ContentCard__body']}>\n {hasReactNode(subtitle) && (\n <Caption\n className={classNames(styles['ContentCard__text'], styles['ContentCard__subtitle'])}\n weight=\"1\"\n level=\"3\"\n caps\n >\n {subtitle}\n </Caption>\n )}\n {hasReactNode(header) && (\n <Headline className={styles['ContentCard__text']} weight=\"2\" level=\"1\">\n {header}\n </Headline>\n )}\n {hasReactNode(text) && <Text className={styles['ContentCard__text']}>{text}</Text>}\n {hasReactNode(caption) && (\n <Footnote\n className={classNames(styles['ContentCard__text'], styles['ContentCard__caption'])}\n >\n {caption}\n </Footnote>\n )}\n </div>\n </Tappable>\n </Card>\n );\n};\n"],"names":["ContentCard","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","hasHover","hasActive","restProps","Card","classNames","disabled","Tappable","onClick","href","img","ref","div","hasReactNode","Caption","weight","level","caps","Headline","Text","Footnote"],"mappings":";;;;+BA0CaA;;;eAAAA~~;;;;;;;2DA1CU~~;oBACkB;oBAET;wBACQ;uBAChB;wBACC;wBACA;oBACJ;AAkCd,IAAMA,cAAc~~,iBA2BH~~;~~QA1BtBC~~,kBAAAA,UACAC,gBAAAA,QACAC,cAAAA,MACAC,iBAAAA,SACA,aAAa;IACbC,mBAAAA,gCACAC,MAAAA,gCAAO,wBACPC,eAAAA,OACAC,oBAAAA,YACA,YAAY;IACZC,gBAAAA,QACAC,mBAAAA,WACAC,aAAAA,KACAC,gBAAAA,4BACAC,KAAAA,8BAAM,iBACNC,eAAAA,OACAC,gBAAAA,QACAC,qBAAAA,aACAC,kBAAAA,UACAC,iBAAAA,SACAC,wBAAAA,gBACAC,eAAAA,OACAC,gBAAAA,iCACAC,UAAAA,wCAAW,~~KAAK~~,~~8CAChBC,~~WAAAA,0CAAY,~~KAAK,qBACdC~~;QAzBHvB;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE~~,UAAI~~;~~QACHnB~~,MAAMA;QACNE,YAAYA;QACZD,OAAOA;QACPF,WAAWqB,IAAAA,~~gBAAU~~,~~EAACF,~~UAAUG,~~QAAQ,iCAAqCtB~~;qBAE7E,qBAACuB,~~kBAAQ,uCACHJ~~;QACJG,UAAUH,UAAUG,~~QAAQ~~,~~IAAK,~~CAACH,UAAUK,~~OAAO~~,~~IAAI,~~CAACL,UAAUM~~,IAAI~~;~~QACtER~~,UAAUA;QACVC,WAAWA;QACXlB,SAAS;QAER,AAACM,CAAAA,OAAOC,MAAK,mBACZ,qBAACmB;QACCC,KAAKvB;QACLJ,SAAS;QACTM,KAAKA;QACLC,QAAQA;QACRC,KAAKA;QACLG,aAAaA;QACbC,UAAUA;QACVC,SAASA;QACTC,gBAAgBA;QAChBC,OAAOA;QACPC,QAAQA;QACRN,QAAQA;QACRR,OAAO;YAAEG,WAAAA;QAAU;QACnBI,OAAM;sBAGV,qBAACmB;QAAI5B,SAAS;OACX6B,IAAAA,~~kBAAY~~,~~EAACjC,~~2BACZ,qBAACkC~~,gBAAO~~;~~QACN9B~~,WAAWqB,IAAAA~~,gBAAU~~;~~QACrBU~~,QAAO;QACPC,OAAM;QACNC,MAAAA~~,IAAI~~;~~OAEHrC~~,WAGJiC,IAAAA,~~kBAAY~~,~~EAAChC,~~yBACZ,qBAACqC~~,kBAAQ~~;~~QAAClC~~,SAAS;QAA+B+B,QAAO;QAAIC,OAAM;OAChEnC,SAGJgC,IAAAA,~~kBAAY,EAAC~~/B,uBAAS,qBAACqC~~,UAAI~~;~~QAACnC~~,SAAS;OAAgCF,OACrE+B,IAAAA,~~kBAAY~~,~~EAAC9B,~~0BACZ,qBAACqC~~,kBAAQ~~;~~QACPpC~~,WAAWqB,IAAAA~~,gBAAU~~;~~OAEpBtB~~;AAOf"}
1	+ {"version":3,"sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Card, CardProps } from '../Card/Card';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './ContentCard.module.css';\n\nexport interface ContentCardProps\n extends HasRootRef<HTMLDivElement>,\n Omit<TappableProps, 'getRootRef' \| 'crossOrigin'>,\n Omit<React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>,\n HasRef<HTMLImageElement> {\n /*\n Текст над заголовком\n /\n subtitle?: React.ReactNode;\n /*\n Заголовок\n /\n header?: React.ReactNode;\n /*\n Текст\n /\n text?: React.ReactNode;\n /*\n Нижний текст\n /\n caption?: React.ReactNode;\n /*\n Максимальная высота изображения\n /\n maxHeight?: number;\n mode?: CardProps['mode'];\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ContentCard\n */\nexport const ContentCard = ({\n subtitle,\n header,\n text,\n caption,\n // card props\n className,\n mode = 'shadow',\n style,\n getRootRef,\n // img props\n getRef,\n maxHeight,\n src,\n srcSet,\n alt = '',\n width,\n height,\n crossOrigin,\n decoding,\n loading,\n referrerPolicy,\n sizes,\n useMap,\n hasHover = false,\n hasActive = false,\n ...restProps\n}: ContentCardProps) => {\n return (\n <Card\n mode={mode}\n getRootRef={getRootRef}\n style={style}\n className={classNames(restProps.disabled && styles['ContentCard--disabled'], className)}\n >\n <Tappable\n {...restProps}\n disabled={restProps.disabled \|\| (!restProps.onClick && !restProps.href)}\n hasHover={hasHover}\n hasActive={hasActive}\n className={styles['ContentCard__tappable']}\n >\n {(src \|\| srcSet) && (\n <img\n ref={getRef}\n className={styles['ContentCard__img']}\n src={src}\n srcSet={srcSet}\n alt={alt}\n crossOrigin={crossOrigin}\n decoding={decoding}\n loading={loading}\n referrerPolicy={referrerPolicy}\n sizes={sizes}\n useMap={useMap}\n height={height}\n style={{ maxHeight }}\n width=\"100%\"\n />\n )}\n <div className={styles['ContentCard__body']}>\n {hasReactNode(subtitle) && (\n <Caption\n className={classNames(styles['ContentCard__text'], styles['ContentCard__subtitle'])}\n weight=\"1\"\n level=\"3\"\n caps\n >\n {subtitle}\n </Caption>\n )}\n {hasReactNode(header) && (\n <Headline className={styles['ContentCard__text']} weight=\"2\" level=\"1\">\n {header}\n </Headline>\n )}\n {hasReactNode(text) && <Text className={styles['ContentCard__text']}>{text}</Text>}\n {hasReactNode(caption) && (\n <Footnote\n className={classNames(styles['ContentCard__text'], styles['ContentCard__caption'])}\n >\n {caption}\n </Footnote>\n )}\n </div>\n </Tappable>\n </Card>\n );\n};\n"],"names":["ContentCard","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","hasHover","hasActive","restProps","Card","classNames","disabled","Tappable","onClick","href","img","ref","div","hasReactNode","Caption","weight","level","caps","Headline","Text","Footnote"],"mappings":";;;;+BA0CaA;;;eAAAA;;;;;;;+DA1CU;oBACkB;oBAET;wBACQ;uBAChB;wBACC;wBACA;oBACJ;AAkCd,IAAMA,cAAc;QACzBC,kBAAAA,UACAC,gBAAAA,QACAC,cAAAA,MACAC,iBAAAA,SACA,aAAa;IACbC,mBAAAA,gCACAC,MAAAA,gCAAO,wBACPC,eAAAA,OACAC,oBAAAA,YACA,YAAY;IACZC,gBAAAA,QACAC,mBAAAA,WACAC,aAAAA,KACAC,gBAAAA,4BACAC,KAAAA,8BAAM,iBACNC,eAAAA,OACAC,gBAAAA,QACAC,qBAAAA,aACAC,kBAAAA,UACAC,iBAAAA,SACAC,wBAAAA,gBACAC,eAAAA,OACAC,gBAAAA,iCACAC,UAAAA,wCAAW,mDACXC,WAAAA,0CAAY,0BACTC;QAzBHvB;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE;QACCnB,MAAMA;QACNE,YAAYA;QACZD,OAAOA;QACPF,WAAWqB,IAAAA,kBAAWF,UAAUG,yCAA6CtB;qBAE7E,qBAACuB,gEACKJ;QACJG,UAAUH,UAAUG,YAAa,CAACH,UAAUK,WAAW,CAACL,UAAUM;QAClER,UAAUA;QACVC,WAAWA;QACXlB,SAAS;QAER,AAACM,CAAAA,OAAOC,MAAK,mBACZ,qBAACmB;QACCC,KAAKvB;QACLJ,SAAS;QACTM,KAAKA;QACLC,QAAQA;QACRC,KAAKA;QACLG,aAAaA;QACbC,UAAUA;QACVC,SAASA;QACTC,gBAAgBA;QAChBC,OAAOA;QACPC,QAAQA;QACRN,QAAQA;QACRR,OAAO;YAAEG,WAAAA;QAAU;QACnBI,OAAM;sBAGV,qBAACmB;QAAI5B,SAAS;OACX6B,IAAAA,oBAAajC,2BACZ,qBAACkC;QACC9B,WAAWqB,IAAAA;QACXU,QAAO;QACPC,OAAM;QACNC,MAAAA;OAECrC,WAGJiC,IAAAA,oBAAahC,yBACZ,qBAACqC;QAASlC,SAAS;QAA+B+B,QAAO;QAAIC,OAAM;OAChEnC,SAGJgC,IAAAA,oBAAa/B,uBAAS,qBAACqC;QAAKnC,SAAS;OAAgCF,OACrE+B,IAAAA,oBAAa9B,0BACZ,qBAACqC;QACCpC,WAAWqB,IAAAA;OAEVtB;AAOf"}

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

@@ -11,4 +11,4 @@ export interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/Counter
  */
-export declare const Counter: ({ mode, size, children, className, ...restProps }: CounterProps) => JSX.Element | null;
+export declare const Counter: ({ mode, size, children, className, ...restProps }: CounterProps) => React.JSX.Element | null;