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

@vkontakte/vkui 4.23.0 → 4.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2192) hide show

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

@@ -19,17 +19,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _DropdownIcon = require("../DropdownIcon/DropdownIcon");
-var _classNames3 = require("../../lib/classNames");
-var _Spinner = _interopRequireDefault(require("../Spinner/Spinner"));
-var _CustomScrollView = _interopRequireDefault(require("../CustomScrollView/CustomScrollView"));
+var _classNames2 = require("../../lib/classNames");
 var _ChipsInput = _interopRequireWildcard(require("../ChipsInput/ChipsInput"));
@@ -53,10 +51,12 @@ var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
 var _select = require("../../lib/select");
+var _CustomSelectDropdown = require("../CustomSelectDropdown/CustomSelectDropdown");
 var _excluded = ["style", "onFocus", "onKeyDown", "className", "fetching", "renderOption", "emptyText", "getRef", "getRootRef", "disabled", "placeholder", "tabIndex", "getOptionValue", "getOptionLabel", "showSelected", "getNewOptionData", "renderChip", "popupDirection", "creatable", "filterFn", "inputValue", "creatableText", "sizeY", "closeAfterSelect", "onChangeStart", "after", "options"],
     _excluded2 = ["option"];
-var FOCUS_ACTION_NEXT = 'next';
-var FOCUS_ACTION_PREV = 'prev';
+var FOCUS_ACTION_NEXT = "next";
+var FOCUS_ACTION_PREV = "prev";
 var ChipsSelect = function ChipsSelect(props) {
   var _classNames;
@@ -93,6 +93,11 @@ var ChipsSelect = function ChipsSelect(props) {
   var _useDOM = (0, _dom.useDOM)(),
       document = _useDOM.document;
+  var _React$useState = React.useState(undefined),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      popperPlacement = _React$useState2[0],
+      setPopperPlacement = _React$useState2[1];
   var scrollBoxRef = React.useRef(null);
   var rootRef = (0, _useExternRef.useExternRef)(getRef);
@@ -170,7 +175,7 @@ var ChipsSelect = function ChipsSelect(props) {
   };
   var focusOption = function focusOption(nextIndex, type) {
-    var index = typeof nextIndex !== 'number' ? -1 : nextIndex;
+    var index = typeof nextIndex !== "number" ? -1 : nextIndex;
     if (type === FOCUS_ACTION_NEXT) {
       index = index + 1;
@@ -184,7 +189,7 @@ var ChipsSelect = function ChipsSelect(props) {
   var handleKeyDown = function handleKeyDown(e) {
     onKeyDown(e);
-    if (e.key === 'ArrowUp' && !e.defaultPrevented) {
+    if (e.key === "ArrowUp" && !e.defaultPrevented) {
       e.preventDefault();
       if (!opened) {
@@ -195,7 +200,7 @@ var ChipsSelect = function ChipsSelect(props) {
       }
     }
-    if (e.key === 'ArrowDown' && !e.defaultPrevented) {
+    if (e.key === "ArrowDown" && !e.defaultPrevented) {
       e.preventDefault();
       if (!opened) {
@@ -206,7 +211,7 @@ var ChipsSelect = function ChipsSelect(props) {
       }
     }
-    if (e.key === 'Enter' && !e.defaultPrevented && opened) {
+    if (e.key === "Enter" && !e.defaultPrevented && opened) {
       var _option = filteredOptions[focusedOptionIndex];
       if (_option) {
@@ -224,7 +229,7 @@ var ChipsSelect = function ChipsSelect(props) {
       }
     }
-    if (['Escape', 'Tab'].includes(e.key) && !e.defaultPrevented && opened) {
+    if (["Escape", "Tab"].includes(e.key) && !e.defaultPrevented && opened) {
       setOpened(false);
     }
   };
@@ -246,7 +251,7 @@ var ChipsSelect = function ChipsSelect(props) {
       setFocusedOption(filteredOptions[0]);
     }
   }, [filteredOptions, focusedOption, showCreatable, closeAfterSelect]);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'click', handleClickOutside);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", handleClickOutside);
   var renderChipWrapper = function renderChipWrapper(renderChipProps) {
     var onRemove = renderChipProps.onRemove;
@@ -262,8 +267,15 @@ var ChipsSelect = function ChipsSelect(props) {
     }));
   };
+  var isPopperDirectionTop = popperPlacement === null || popperPlacement === void 0 ? void 0 : popperPlacement.includes("top");
+  var onPlacementChange = React.useCallback(function (placement) {
+    setPopperPlacement(placement);
+  }, [setPopperPlacement]);
+  var onDropdownMouseLeave = React.useCallback(function () {
+    setFocusedOptionIndex(null);
+  }, [setFocusedOptionIndex]);
   return (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames3.classNames)('ChipsSelect', "ChipsSelect--sizeY-".concat(sizeY)),
+    vkuiClass: (0, _classNames2.classNames)("ChipsSelect", "ChipsSelect--sizeY-".concat(sizeY)),
     ref: rootRef,
     style: style,
     className: className
@@ -278,23 +290,20 @@ var ChipsSelect = function ChipsSelect(props) {
     onFocus: handleFocus,
     onKeyDown: handleKeyDown,
     placeholder: placeholder,
-    vkuiClass: (0, _classNames3.classNames)((_classNames = {}, (0, _defineProperty2.default)(_classNames, 'ChipsSelect__open', opened), (0, _defineProperty2.default)(_classNames, 'ChipsSelect__open--popupDirectionTop', popupDirection === 'top'), _classNames)),
+    vkuiClass: (0, _classNames2.classNames)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "ChipsSelect__open", opened), (0, _defineProperty2.default)(_classNames, "ChipsSelect__open--popupDirectionTop", isPopperDirectionTop), _classNames)),
     getRef: getRef,
     disabled: disabled,
     onInputChange: handleInputChange,
     after: (0, _jsxRuntime.createScopedElement)(_DropdownIcon.DropdownIcon, null)
-  })), opened && (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames3.classNames)('ChipsSelect__options', (0, _defineProperty2.default)({}, 'ChipsSelect__options--popupDirectionTop', popupDirection === 'top')),
-    onMouseLeave: function onMouseLeave() {
-      return setFocusedOptionIndex(null);
-    }
-  }, (0, _jsxRuntime.createScopedElement)(_CustomScrollView.default, {
-    boxRef: scrollBoxRef
-  }, fetching ? (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "ChipsSelect__fetching"
-  }, (0, _jsxRuntime.createScopedElement)(_Spinner.default, {
-    size: "small"
-  })) : (0, _jsxRuntime.createScopedElement)(React.Fragment, null, showCreatable && (0, _jsxRuntime.createScopedElement)(_CustomSelectOption.default, {
+  })), opened && (0, _jsxRuntime.createScopedElement)(_CustomSelectDropdown.CustomSelectDropdown, {
+    targetRef: rootRef,
+    placement: popupDirection,
+    scrollBoxRef: scrollBoxRef,
+    onPlacementChange: onPlacementChange,
+    onMouseLeave: onDropdownMouseLeave,
+    fetching: fetching,
+    vkuiClass: "ChipsSelect__options"
+  }, showCreatable && (0, _jsxRuntime.createScopedElement)(_CustomSelectOption.default, {
     hovered: focusedOptionIndex === 0,
     onMouseDown: addOptionFromInput,
     onMouseEnter: function onMouseEnter() {
@@ -314,7 +323,7 @@ var ChipsSelect = function ChipsSelect(props) {
     return (0, _jsxRuntime.createScopedElement)(React.Fragment, {
       key: "".concat((0, _typeof2.default)(value), "-").concat(value)
     }, renderOption({
-      className: (0, _prefixClass.prefixClass)('ChipsSelect__option'),
+      className: (0, _prefixClass.prefixClass)("ChipsSelect__option"),
       option: option,
       hovered: hovered,
       children: label,
@@ -335,12 +344,12 @@ var ChipsSelect = function ChipsSelect(props) {
         return setFocusedOptionIndex(index);
       }
     }));
-  })))));
+  })));
 };
 var chipsSelectDefaultProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _ChipsInput.chipsInputDefaultProps), {}, {
-  emptyText: 'Ничего не найдено',
-  creatableText: 'Создать значение',
+  emptyText: "Ничего не найдено",
+  creatableText: "Создать значение",
   onChangeStart: _utils.noop,
   creatable: false,
   fetching: false,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"names":["FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","ChipsSelect","props","style","onFocus","onKeyDown","className","fetching","renderOption","emptyText","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","showSelected","getNewOptionData","renderChip","popupDirection","creatable","filterFn","inputValue","creatableText","sizeY","closeAfterSelect","onChangeStart","after","options","restProps","document","scrollBoxRef","React","useRef","rootRef","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","filteredOptions","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleClickOutside","rootNode","current","target","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","renderChipWrapper","renderChipProps","onRemove","onRemoveWrapper","stopPropagation","map","label","hovered","selected","find","selectedOption","children","onMouseDown","onMouseEnter","chipsSelectDefaultProps","chipsInputDefaultProps","noop","defaultFilterFn","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { classNames } from '../../lib/classNames';\nimport Spinner from '../Spinner/Spinner';\nimport CustomScrollView from '../CustomScrollView/CustomScrollView';\nimport ChipsInput, { ChipsInputOption, ChipsInputProps, ChipsInputValue, RenderChip, chipsInputDefaultProps } from '../ChipsInput/ChipsInput';\nimport CustomSelectOption, { CustomSelectOptionProps } from '../CustomSelectOption/CustomSelectOption';\nimport { useChipsSelect } from './useChipsSelect';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { noop } from '../../lib/utils';\nimport { useDOM } from '../../lib/dom';\nimport Caption from '../Typography/Caption/Caption';\nimport { prefixClass } from '../../lib/prefixClass';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { defaultFilterFn } from '../../lib/select';\nimport './ChipsSelect.css';\n\nexport interface ChipsSelectProps<Option extends ChipsInputOption> extends ChipsInputProps<Option>, AdaptivityProps {\n popupDirection?: 'top' \| 'bottom';\n options?: Option[];\n filterFn?: false \| ((value?: string, option?: Option, getOptionLabel?: Pick<ChipsInputProps<ChipsInputOption>, 'getOptionLabel'>['getOptionLabel']) => 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}\n\ntype focusActionType = 'next' \| 'prev';\n\nconst FOCUS_ACTION_NEXT: focusActionType = 'next';\nconst FOCUS_ACTION_PREV: focusActionType = 'prev';\n\nconst ChipsSelect = <Option extends ChipsInputOption>(props: ChipsSelectProps<Option>) => {\n const {\n style, onFocus, onKeyDown, className, fetching, renderOption, emptyText,\n getRef, getRootRef, disabled, placeholder, tabIndex, getOptionValue, getOptionLabel, showSelected,\n getNewOptionData, renderChip, popupDirection, creatable, filterFn, inputValue, creatableText, sizeY,\n closeAfterSelect, onChangeStart, after, options, ...restProps\n } = props;\n\n const { document } = useDOM();\n\n const scrollBoxRef = React.useRef<HTMLDivElement>(null);\n const rootRef = useExternRef(getRef);\n const {\n fieldValue, selectedOptions, opened, setOpened, addOptionFromInput,\n filteredOptions, addOption, handleInputChange, clearInput,\n focusedOption, setFocusedOption, focusedOptionIndex, setFocusedOptionIndex,\n } = useChipsSelect(props);\n\n const showCreatable = Boolean(creatable && creatableText && !filteredOptions.length && fieldValue);\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 const { current: rootNode } = rootRef;\n if (rootNode && e.target !== rootNode && !rootNode.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) {\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 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) {\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 (filteredOptions[focusedOptionIndex]) {\n setFocusedOption(filteredOptions[focusedOptionIndex]);\n } else if (focusedOptionIndex === null \|\| focusedOptionIndex === 0) {\n setFocusedOption(null);\n }\n }, [focusedOptionIndex, filteredOptions]);\n\n React.useEffect(() => {\n const index = focusedOption ? filteredOptions.findIndex(({ value }) => value === focusedOption.value) : -1;\n\n if (index === -1 && !!filteredOptions.length && !showCreatable && closeAfterSelect) {\n setFocusedOption(filteredOptions[0]);\n }\n }, [filteredOptions, focusedOption, showCreatable, closeAfterSelect]);\n\n useGlobalEventListener(document, 'click', handleClickOutside);\n\n const renderChipWrapper = (renderChipProps: RenderChip<Option>) => {\n const { onRemove } = renderChipProps;\n\n const onRemoveWrapper = (e: React.MouseEvent, value: ChipsInputValue) => {\n e.preventDefault();\n e.stopPropagation();\n\n onRemove(e, value);\n };\n\n return renderChip({ ...renderChipProps, onRemove: onRemoveWrapper });\n };\n\n return (\n <div\n vkuiClass={classNames('ChipsSelect', `ChipsSelect--sizeY-${sizeY}`)}\n ref={rootRef}\n style={style}\n className={className}\n >\n <ChipsInput\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 vkuiClass={classNames({\n ['ChipsSelect__open']: opened,\n ['ChipsSelect__open--popupDirectionTop']: popupDirection === 'top',\n })}\n getRef={getRef}\n disabled={disabled}\n onInputChange={handleInputChange}\n after={<DropdownIcon />}\n />\n {opened &&\n <div\n vkuiClass={classNames('ChipsSelect__options', {\n ['ChipsSelect__options--popupDirectionTop']: popupDirection === 'top',\n })}\n onMouseLeave={() => setFocusedOptionIndex(null)}\n >\n <CustomScrollView boxRef={scrollBoxRef}>\n {fetching ? (\n <div vkuiClass=\"ChipsSelect__fetching\">\n <Spinner size=\"small\" />\n </div>\n ) : (\n <React.Fragment>\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 <Caption level=\"1\" weight=\"regular\" vkuiClass=\"ChipsSelect__empty\">{emptyText}</Caption>\n ) :\n filteredOptions.map((option: Option, index: number) => {\n const label = getOptionLabel(option);\n const hovered = 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 className: prefixClass('ChipsSelect__option'),\n option,\n hovered,\n children: label,\n selected: !!selected,\n getRootRef: (e) => chipsSelectOptions[index] = e,\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 </React.Fragment>\n )}\n </CustomScrollView>\n </div>\n }\n </div>\n );\n};\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({ option, ...restProps }: CustomSelectOptionProps): React.ReactNode {\n return (\n <CustomSelectOption {...restProps} />\n );\n },\n};\n\nChipsSelect.defaultProps = chipsSelectDefaultProps;\n\nexport default withAdaptivity(ChipsSelect, { sizeY: true });\n"],"file":"ChipsSelect.js"}
1	+ {"version":3,"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"names":["FOCUS_ACTION_NEXT","FOCUS_ACTION_PREV","ChipsSelect","props","style","onFocus","onKeyDown","className","fetching","renderOption","emptyText","getRef","getRootRef","disabled","placeholder","tabIndex","getOptionValue","getOptionLabel","showSelected","getNewOptionData","renderChip","popupDirection","creatable","filterFn","inputValue","creatableText","sizeY","closeAfterSelect","onChangeStart","after","options","restProps","document","React","useState","undefined","popperPlacement","setPopperPlacement","scrollBoxRef","useRef","rootRef","fieldValue","selectedOptions","opened","setOpened","addOptionFromInput","filteredOptions","addOption","handleInputChange","clearInput","focusedOption","setFocusedOption","focusedOptionIndex","setFocusedOptionIndex","showCreatable","Boolean","length","handleFocus","e","handleClickOutside","rootNode","current","target","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","renderChipWrapper","renderChipProps","onRemove","onRemoveWrapper","stopPropagation","isPopperDirectionTop","onPlacementChange","useCallback","placement","onDropdownMouseLeave","map","label","hovered","selected","find","selectedOption","children","onMouseDown","onMouseEnter","chipsSelectDefaultProps","chipsInputDefaultProps","noop","defaultFilterFn","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { classNames } from \"../../lib/classNames\";\nimport ChipsInput, {\n ChipsInputOption,\n ChipsInputProps,\n ChipsInputValue,\n RenderChip,\n chipsInputDefaultProps,\n} from \"../ChipsInput/ChipsInput\";\nimport CustomSelectOption, {\n CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { useChipsSelect } from \"./useChipsSelect\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { noop } from \"../../lib/utils\";\nimport { useDOM } from \"../../lib/dom\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { defaultFilterFn } from \"../../lib/select\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport \"./ChipsSelect.css\";\n\nexport interface ChipsSelectProps<Option extends ChipsInputOption>\n extends ChipsInputProps<Option>,\n AdaptivityProps {\n popupDirection?: \"top\" \| \"bottom\";\n options?: Option[];\n filterFn?:\n \| false\n \| ((\n value?: string,\n option?: Option,\n getOptionLabel?: Pick<\n ChipsInputProps<ChipsInputOption>,\n \"getOptionLabel\"\n >[\"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?: (\n e: React.MouseEvent \| React.KeyboardEvent,\n option: Option\n ) => void;\n /\n Закрытие выпадающиего списка после выбора элемента\n */\n closeAfterSelect?: boolean;\n}\n\ntype focusActionType = \"next\" \| \"prev\";\n\nconst FOCUS_ACTION_NEXT: focusActionType = \"next\";\nconst FOCUS_ACTION_PREV: focusActionType = \"prev\";\n\nconst ChipsSelect = <Option extends ChipsInputOption>(\n props: ChipsSelectProps<Option>\n) => {\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 sizeY,\n closeAfterSelect,\n onChangeStart,\n after,\n options,\n ...restProps\n } = props;\n\n const { document } = useDOM();\n\n const [popperPlacement, setPopperPlacement] =\n React.useState<Placement>(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(props);\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 const { current: rootNode } = rootRef;\n if (\n rootNode &&\n e.target !== rootNode &&\n !rootNode.contains(e.target as Node)\n ) {\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) {\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 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) {\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 (filteredOptions[focusedOptionIndex]) {\n setFocusedOption(filteredOptions[focusedOptionIndex]);\n } else if (focusedOptionIndex === null \|\| focusedOptionIndex === 0) {\n setFocusedOption(null);\n }\n }, [focusedOptionIndex, filteredOptions]);\n\n React.useEffect(() => {\n const index = focusedOption\n ? filteredOptions.findIndex(({ value }) => value === focusedOption.value)\n : -1;\n\n if (\n index === -1 &&\n !!filteredOptions.length &&\n !showCreatable &&\n closeAfterSelect\n ) {\n setFocusedOption(filteredOptions[0]);\n }\n }, [filteredOptions, focusedOption, showCreatable, closeAfterSelect]);\n\n useGlobalEventListener(document, \"click\", handleClickOutside);\n\n const renderChipWrapper = (renderChipProps: RenderChip<Option>) => {\n const { onRemove } = renderChipProps;\n\n const onRemoveWrapper = (e: React.MouseEvent, value: ChipsInputValue) => {\n e.preventDefault();\n e.stopPropagation();\n\n onRemove(e, value);\n };\n\n return renderChip({ ...renderChipProps, onRemove: onRemoveWrapper });\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 return (\n <div\n vkuiClass={classNames(\"ChipsSelect\", `ChipsSelect--sizeY-${sizeY}`)}\n ref={rootRef}\n style={style}\n className={className}\n >\n <ChipsInput\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 vkuiClass={classNames({\n [\"ChipsSelect__open\"]: opened,\n [\"ChipsSelect__open--popupDirectionTop\"]: isPopperDirectionTop,\n })}\n getRef={getRef}\n disabled={disabled}\n onInputChange={handleInputChange}\n after={<DropdownIcon />}\n />\n {opened && (\n <CustomSelectDropdown\n targetRef={rootRef}\n placement={popupDirection}\n scrollBoxRef={scrollBoxRef}\n onPlacementChange={onPlacementChange}\n onMouseLeave={onDropdownMouseLeave}\n fetching={fetching}\n vkuiClass=\"ChipsSelect__options\"\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 <Caption level=\"1\" weight=\"regular\" vkuiClass=\"ChipsSelect__empty\">\n {emptyText}\n </Caption>\n ) : (\n filteredOptions.map((option: Option, index: number) => {\n const label = getOptionLabel(option);\n const hovered =\n focusedOption &&\n getOptionValue(option) === getOptionValue(focusedOption);\n const selected = selectedOptions.find(\n (selectedOption: Option) => {\n return (\n getOptionValue(selectedOption) === getOptionValue(option)\n );\n }\n );\n const value = getOptionValue(option);\n\n return (\n <React.Fragment key={`${typeof value}-${value}`}>\n {renderOption({\n className: prefixClass(\"ChipsSelect__option\"),\n option,\n hovered,\n children: label,\n selected: !!selected,\n getRootRef: (e) => (chipsSelectOptions[index] = e),\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 </div>\n );\n};\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({\n option,\n ...restProps\n }: CustomSelectOptionProps): React.ReactNode {\n return <CustomSelectOption {...restProps} />;\n },\n};\n\nChipsSelect.defaultProps = chipsSelectDefaultProps;\n\nexport default withAdaptivity(ChipsSelect, { sizeY: true });\n"],"file":"ChipsSelect.js"}

package/dist/cjs/components/ChipsSelect/useChipsSelect.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ChipsInputOption } from '../ChipsInput/ChipsInput';
-import { ChipsSelectProps } from './ChipsSelect';
+import * as React from "react";
+import { ChipsInputOption } from "../ChipsInput/ChipsInput";
+import { ChipsSelectProps } from "./ChipsSelect";
 export declare const useChipsSelect: <Option extends ChipsInputOption>(props: Partial<ChipsSelectProps<Option>>) => {
     fieldValue: string;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ChipsSelect/useChipsSelect.ts"],"names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","showSelected","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;;;AAGO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,~~CAAkCC~~,~~KAAlC~~,~~EAA+E~~;~~AAC3G~~,MAAQC,OAAR,~~GAA4ED~~,~~KAA5E~~,CAAQC,OAAR;AAAA,MAAiBC,QAAjB,~~GAA4EF~~,~~KAA5E~~,CAAiBE,QAAjB;AAAA,MAA2BC,cAA3B,~~GAA4EH~~,~~KAA5E~~,CAA2BG,cAA3B;AAAA,MAA2CC,cAA3C,~~GAA4EJ~~,~~KAA5E~~,CAA2CI,cAA3C;AAAA,MAA2DC,YAA3D,~~GAA4EL~~,~~KAA5E~~,CAA2DK,YAA3D;;~~AAEA~~,wBAA4BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,yBAAoDH,KAAK,CAACC,QAAN,CAAuB,CAAvB,CAApD;AAAA;AAAA,MAAOG,kBAAP;AAAA,MAA2BC,qBAA3B;;AACA,yBAA0CL,KAAK,CAACC,QAAN,CAAuB,IAAvB,CAA1C;AAAA;AAAA,MAAOK,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,~~uBAA4D~~,mCAAcb,KAAd,~~CAA5D~~;AAAA,MAAQc,UAAR,kBAAQA,UAAR;AAAA,MAAoBC,eAApB,kBAAoBA,eAApB;AAAA,MAAwCC,eAAxC;;~~AAEA~~,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD,EAA4C;AACpEF,IAAAA,eAAe,CAACC,iBAAhB,CAAkCC,CAAlC;;AAEA,QAAI,CAACV,MAAL,EAAa;AACXC,MAAAA,SAAS,CAAC,IAAD,CAAT;AACAE,MAAAA,qBAAqB,CAAC,CAAD,CAArB;AACD;AACF,GAPD;;AASA,MAAIQ,eAAe,GAAGb,KAAK,CAACc,OAAN,CAAc,YAAM;AACxC,WAAOlB,QAAQ,~~GAAGD~~,OAAO,CAACoB,MAAR,CAAe,UAACC,MAAD;AAAA,~~aAAoBpB~~,QAAQ,CAACY,UAAD,EAAaQ,MAAb,EAAqBnB,cAArB,~~CAA5B~~;AAAA,KAAf,~~CAAH~~,~~GAAsFF~~,~~OAArG~~;~~AACD~~,~~GAFqB~~,~~EAEnB~~,CAACA,OAAD,EAAUC,QAAV,EAAoBY,UAApB,EAAgCX,cAAhC,~~CAFmB~~,CAAtB;~~AAIAgB~~,EAAAA,eAAe,GAAGb,KAAK,CAACc,OAAN,CAAc,YAAM;AACpC,QAAI,CAACD,eAAe,CAACI,MAArB,EAA6B;AAC3B,aAAOJ,eAAP;AACD;;AAED,QAAMK,WAAW,GAAG,IAAIC,GAAJ,CAAQN,eAAR,CAApB;AACA,QAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAhB,CAAoB,UAACC,IAAD;AAAA,aAAUxB,cAAc,CAACwB,IAAD,CAAxB;AAAA,KAApB,CAAjB;;AANoC,6DAQjBJ,WARiB;AAAA;;AAAA;AAQpC,0DAAgC;AAAA,YAArBI,IAAqB;;AAC9B,YAAIF,QAAQ,CAACG,QAAT,CAAkBzB,cAAc,CAACwB,IAAD,CAAhC,CAAJ,EAA6C;AAC3CJ,UAAAA,WAAW,CAACM,MAAZ,CAAmBF,IAAnB;AACD;AACF;AAZmC;AAAA;AAAA;AAAA;AAAA;;AAcpC,4CAAWJ,WAAX;AACD,GAfiB,EAef,CAACnB,YAAD,EAAec,eAAf,EAAgCJ,eAAhC,CAfe,CAAlB;AAiBA,qEACKC,eADL;~~AACsBF~~,IAAAA,UAAU,EAAVA,~~UADtB~~;~~AACkCG~~,IAAAA,iBAAiB,EAAjBA,~~iBADlC~~;~~AACqDT~~,IAAAA,MAAM,EAANA,~~MADrD~~;~~AAC6DC~~,IAAAA,SAAS,EAATA,~~SAD7D~~;~~AACwEU~~,IAAAA,eAAe,EAAfA,~~eADxE~~;~~AAEET~~,IAAAA,kBAAkB,EAAlBA,~~kBAFF~~;~~AAEsBC~~,IAAAA,qBAAqB,EAArBA,~~qBAFtB~~;~~AAE6CC~~,IAAAA,aAAa,EAAbA,~~aAF7C~~;~~AAE4DC~~,IAAAA,gBAAgB,EAAhBA,~~gBAF5D~~;~~AAE8EE~~,IAAAA,eAAe,EAAfA;~~AAF9E~~;~~AAID~~,~~CA3CM~~","sourcesContent":["import * as React from 'react';\nimport { ChipsInputOption } from '../ChipsInput/ChipsInput';\nimport { useChipsInput } from '../ChipsInput/useChipsInput';\nimport { ChipsSelectProps } from './ChipsSelect';\n\nexport const useChipsSelect = <Option extends ChipsInputOption>(props: Partial<ChipsSelectProps<Option>>) => {\n const { options, filterFn, getOptionLabel, getOptionValue, showSelected } = props;\n\n const [opened, setOpened] = React.useState(false);\n const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number>(0);\n const [focusedOption, setFocusedOption] = React.useState<Option>(null);\n\n const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n chipsInputState.handleInputChange(e);\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n }\n };\n\n let filteredOptions = React.useMemo(() => {\n return filterFn ? options.filter((option: Option) => filterFn(fieldValue, option, getOptionLabel)) : options;\n }, [options, filterFn, fieldValue, getOptionLabel]);\n\n filteredOptions = React.useMemo(() => {\n if (!filteredOptions.length) {\n return filteredOptions;\n }\n\n const filteredSet = new Set(filteredOptions);\n const selected = selectedOptions.map((item) => getOptionValue(item));\n\n for (const item of filteredSet) {\n if (selected.includes(getOptionValue(item))) {\n filteredSet.delete(item);\n }\n }\n\n return [...filteredSet];\n }, [showSelected, filteredOptions, selectedOptions]);\n\n return {\n ...chipsInputState, fieldValue, handleInputChange, opened, setOpened, filteredOptions,\n focusedOptionIndex, setFocusedOptionIndex, focusedOption, setFocusedOption, selectedOptions,\n };\n};\n"],"file":"useChipsSelect.js"}
1	+ {"version":3,"sources":["../../../../src/components/ChipsSelect/useChipsSelect.ts"],"names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","showSelected","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ChipsInputOption } from \"../ChipsInput/ChipsInput\";\nimport { useChipsInput } from \"../ChipsInput/useChipsInput\";\nimport { ChipsSelectProps } from \"./ChipsSelect\";\n\nexport const useChipsSelect = <Option extends ChipsInputOption>(\n props: Partial<ChipsSelectProps<Option>>\n) => {\n const { options, filterFn, getOptionLabel, getOptionValue, showSelected } =\n props;\n\n const [opened, setOpened] = React.useState(false);\n const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number>(0);\n const [focusedOption, setFocusedOption] = React.useState<Option>(null);\n\n const { fieldValue, selectedOptions, ...chipsInputState } =\n useChipsInput(props);\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n chipsInputState.handleInputChange(e);\n\n if (!opened) {\n setOpened(true);\n setFocusedOptionIndex(0);\n }\n };\n\n let filteredOptions = React.useMemo(() => {\n return filterFn\n ? options.filter((option: Option) =>\n filterFn(fieldValue, option, getOptionLabel)\n )\n : options;\n }, [options, filterFn, fieldValue, getOptionLabel]);\n\n filteredOptions = React.useMemo(() => {\n if (!filteredOptions.length) {\n return filteredOptions;\n }\n\n const filteredSet = new Set(filteredOptions);\n const selected = selectedOptions.map((item) => getOptionValue(item));\n\n for (const item of filteredSet) {\n if (selected.includes(getOptionValue(item))) {\n filteredSet.delete(item);\n }\n }\n\n return [...filteredSet];\n }, [showSelected, filteredOptions, selectedOptions]);\n\n return {\n ...chipsInputState,\n fieldValue,\n handleInputChange,\n opened,\n setOpened,\n filteredOptions,\n focusedOptionIndex,\n setFocusedOptionIndex,\n focusedOption,\n setFocusedOption,\n selectedOptions,\n };\n};\n"],"file":"useChipsSelect.js"}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { PopperCommonProps } from '../Popper/Popper';
+import * as React from "react";
+import { PopperCommonProps } from "../Popper/Popper";
 export interface ClickPopperProps extends PopperCommonProps {
     /**
      * Содержимое `ClickPopper`

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

@@ -51,7 +51,7 @@ var ClickPopper = function ClickPopper(_ref) {
       dropdownNode = _React$useState4[0],
       setPopperNode = _React$useState4[1];
-  var shown = typeof _shown === 'boolean' ? _shown : computedShown;
+  var shown = typeof _shown === "boolean" ? _shown : computedShown;
   var _useDOM = (0, _dom.useDOM)(),
       document = _useDOM.document;
@@ -64,19 +64,19 @@ var ClickPopper = function ClickPopper(_ref) {
       child = _usePatchChildrenRef2[1];
   var setShown = function setShown(value) {
-    if (typeof _shown !== 'boolean') {
+    if (typeof _shown !== "boolean") {
       setComputedShown(value);
     }
-    typeof onShownChange === 'function' && onShownChange(value);
+    typeof onShownChange === "function" && onShownChange(value);
   };
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'click', function (e) {
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", function (e) {
     if (dropdownNode && !childRef.current.contains(e.target) && !dropdownNode.contains(e.target)) {
       setShown(false);
     }
   });
-  var targetClickEvent = (0, _useEventListener.useEventListener)('click', function () {
+  var targetClickEvent = (0, _useEventListener.useEventListener)("click", function () {
     setShown(!shown);
   });
   React.useEffect(function () {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ClickPopper/ClickPopper.tsx"],"names":["ClickPopper","getRef","content","children","onShownChange","_shown","shown","restProps","React","useState","computedShown","setComputedShown","dropdownNode","setPopperNode","document","patchedPopperRef","childRef","child","setShown","value","e","current","contains","target","targetClickEvent","useEffect","add"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAqBO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAO/B;AAAA,MANtBC,MAMsB,QANtBA,MAMsB;AAAA,MALtBC,OAKsB,QALtBA,OAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,aAGsB,QAHtBA,aAGsB;AAAA,MAFfC,MAEe,QAFtBC,KAEsB;AAAA,MADnBC,SACmB;;AACtB,wBAA0CC,KAAK,CAACC,QAAN,CAAeJ,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOK,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,yBAAsCH,KAAK,CAACC,QAAN,CAAe,IAAf,CAAtC;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,aAArB;;AAEA,MAAMP,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCK,aAArD;;AAEA,gBAAqB,kBAArB;AAAA,MAAQI,QAAR,WAAQA,QAAR;;AAEA,MAAMC,gBAAgB,GAAG,gCAAaF,aAAb,EAA4BZ,MAA5B,CAAzB;;AAEA,6BAA0B,+CAAoBE,QAApB,CAA1B;AAAA;AAAA,MAAOa,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOd,MAAP,KAAkB,SAAtB,EAAiC;AAC/BM,MAAAA,gBAAgB,CAACQ,KAAD,CAAhB;AACD;;AACD,WAAOf,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACe,KAAD,CAApD;AACD,GALD;;AAOA,sDAAuBL,QAAvB,EAAiC,OAAjC,EAA0C,UAACM,CAAD,EAAmB;AAC3D,~~QAAIR~~,YAAY,~~IAAI~~,CAACI,QAAQ,CAACK,OAAT,CAAiBC,QAAjB,CAA0BF,CAAC,CAACG,MAA5B,~~CAAjB~~,~~IAAgE~~,CAACX,YAAY,CAACU,QAAb,CAAsBF,CAAC,CAACG,MAAxB,~~CAArE~~,~~EAAsG~~;~~AACpGL~~,MAAAA,QAAQ,CAAC,KAAD,CAAR;AACD;AACF,~~GAJD~~;~~AAMA~~,MAAMM,gBAAgB,GAAG,wCAAiB,OAAjB,EAA0B,YAAM;AACvDN,IAAAA,QAAQ,CAAC,CAACZ,KAAF,CAAR;AACD,GAFwB,CAAzB;AAIAE,EAAAA,KAAK,CAACiB,SAAN,CAAgB,YAAM;AACpBD,IAAAA,gBAAgB,CAACE,GAAjB,CAAqBV,QAAQ,CAACK,OAA9B;AACD,GAFD,EAEG,EAFH;AAIA,SACE,qCAAC,KAAD,CAAO,QAAP,QACGJ,KADH,EAEGX,KAAK,IACJ,qCAAC,cAAD,~~6BACMC~~,~~SADN~~;~~AAEE~~,IAAA,SAAS,EAAES,~~QAFb~~;~~AAGE~~,IAAA,MAAM,EAAED;~~AAHV~~,~~MAKGb~~,~~OALH~~,CAHJ,CADF;~~AAcD~~,CAtDM","sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../../lib/dom';\nimport { Popper, PopperCommonProps } from '../Popper/Popper';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePatchChildrenRef } from '../../hooks/usePatchChildrenRef';\n\nexport interface ClickPopperProps extends PopperCommonProps {\n /*\n Содержимое `ClickPopper`\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет показыван/скрыт в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элемнету компонента\n */\n children?: React.ReactElement;\n}\n\nexport const ClickPopper: React.FC<ClickPopperProps> = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n ...restProps\n}: ClickPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n const [dropdownNode, setPopperNode] = React.useState(null);\n\n const shown = typeof _shown === 'boolean' ? _shown : computedShown;\n\n const { document } = useDOM();\n\n const patchedPopperRef = useExternRef(setPopperNode, getRef);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== 'boolean') {\n setComputedShown(value);\n }\n typeof onShownChange === 'function' && onShownChange(value);\n };\n\n useGlobalEventListener(document, 'click', (e: MouseEvent) => {\n if (dropdownNode && !childRef.current.contains(e.target as Node) && !dropdownNode.contains(e.target)) {\n setShown(false);\n }\n });\n\n const targetClickEvent = useEventListener('click', () => {\n setShown(!shown);\n });\n\n React.useEffect(() => {\n targetClickEvent.add(childRef.current);\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown ~~&&\~~n <Popper\n {...restProps}\n targetRef={childRef}\n getRef={patchedPopperRef}\n >\n {content}\n </Popper>\n }\n </React.Fragment>\n );\n};\n"],"file":"ClickPopper.js"}
1	+ {"version":3,"sources":["../../../../src/components/ClickPopper/ClickPopper.tsx"],"names":["ClickPopper","getRef","content","children","onShownChange","_shown","shown","restProps","React","useState","computedShown","setComputedShown","dropdownNode","setPopperNode","document","patchedPopperRef","childRef","child","setShown","value","e","current","contains","target","targetClickEvent","useEffect","add"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAqBO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAO/B;AAAA,MANtBC,MAMsB,QANtBA,MAMsB;AAAA,MALtBC,OAKsB,QALtBA,OAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,aAGsB,QAHtBA,aAGsB;AAAA,MAFfC,MAEe,QAFtBC,KAEsB;AAAA,MADnBC,SACmB;;AACtB,wBAA0CC,KAAK,CAACC,QAAN,CAAeJ,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOK,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,yBAAsCH,KAAK,CAACC,QAAN,CAAe,IAAf,CAAtC;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,aAArB;;AAEA,MAAMP,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCK,aAArD;;AAEA,gBAAqB,kBAArB;AAAA,MAAQI,QAAR,WAAQA,QAAR;;AAEA,MAAMC,gBAAgB,GAAG,gCAAaF,aAAb,EAA4BZ,MAA5B,CAAzB;;AAEA,6BAA0B,+CAAoBE,QAApB,CAA1B;AAAA;AAAA,MAAOa,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOd,MAAP,KAAkB,SAAtB,EAAiC;AAC/BM,MAAAA,gBAAgB,CAACQ,KAAD,CAAhB;AACD;;AACD,WAAOf,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACe,KAAD,CAApD;AACD,GALD;;AAOA,sDAAuBL,QAAvB,EAAiC,OAAjC,EAA0C,UAACM,CAAD,EAAmB;AAC3D,QACER,YAAY,IACZ,CAACI,QAAQ,CAACK,OAAT,CAAiBC,QAAjB,CAA0BF,CAAC,CAACG,MAA5B,CADD,IAEA,CAACX,YAAY,CAACU,QAAb,CAAsBF,CAAC,CAACG,MAAxB,CAHH,EAIE;AACAL,MAAAA,QAAQ,CAAC,KAAD,CAAR;AACD;AACF,GARD;AAUA,MAAMM,gBAAgB,GAAG,wCAAiB,OAAjB,EAA0B,YAAM;AACvDN,IAAAA,QAAQ,CAAC,CAACZ,KAAF,CAAR;AACD,GAFwB,CAAzB;AAIAE,EAAAA,KAAK,CAACiB,SAAN,CAAgB,YAAM;AACpBD,IAAAA,gBAAgB,CAACE,GAAjB,CAAqBV,QAAQ,CAACK,OAA9B;AACD,GAFD,EAEG,EAFH;AAIA,SACE,qCAAC,KAAD,CAAO,QAAP,QACGJ,KADH,EAEGX,KAAK,IACJ,qCAAC,cAAD,6BAAYC,SAAZ;AAAuB,IAAA,SAAS,EAAES,QAAlC;AAA4C,IAAA,MAAM,EAAED;AAApD,MACGb,OADH,CAHJ,CADF;AAUD,CAtDM","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\n\nexport interface ClickPopperProps extends PopperCommonProps {\n /*\n Содержимое `ClickPopper`\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет показыван/скрыт в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элемнету компонента\n */\n children?: React.ReactElement;\n}\n\nexport const ClickPopper: React.FC<ClickPopperProps> = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n ...restProps\n}: ClickPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n const [dropdownNode, setPopperNode] = React.useState(null);\n\n const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n const { document } = useDOM();\n\n const patchedPopperRef = useExternRef(setPopperNode, getRef);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== \"boolean\") {\n setComputedShown(value);\n }\n typeof onShownChange === \"function\" && onShownChange(value);\n };\n\n useGlobalEventListener(document, \"click\", (e: MouseEvent) => {\n if (\n dropdownNode &&\n !childRef.current.contains(e.target as Node) &&\n !dropdownNode.contains(e.target)\n ) {\n setShown(false);\n }\n });\n\n const targetClickEvent = useEventListener(\"click\", () => {\n setShown(!shown);\n });\n\n React.useEffect(() => {\n targetClickEvent.add(childRef.current);\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown && (\n <Popper {...restProps} targetRef={childRef} getRef={patchedPopperRef}>\n {content}\n </Popper>\n )}\n </React.Fragment>\n );\n};\n"],"file":"ClickPopper.js"}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { AppearanceScheme, ConfigProviderContextInterface } from './ConfigProviderContext';
+import * as React from "react";
+import { AppearanceScheme, ConfigProviderContextInterface } from "./ConfigProviderContext";
 export interface ConfigProviderProps extends ConfigProviderContextInterface {
     /**
      * Цветовая схема приложения

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

@@ -34,17 +34,17 @@ var _utils = require("../../lib/utils");
 var _warnOnce = require("../../lib/warnOnce");
 var _excluded = ["children", "schemeTarget"];
-var warn = (0, _warnOnce.warnOnce)('ConfigProvider');
+var warn = (0, _warnOnce.warnOnce)("ConfigProvider");
 function useSchemeDetector(node, _scheme) {
-  var inherit = _scheme === 'inherit';
+  var inherit = _scheme === "inherit";
   var getScheme = function getScheme() {
     if (!inherit || !_dom.canUseDOM) {
       return undefined;
     }
-    return node.getAttribute('scheme');
+    return node.getAttribute("scheme");
   };
   var _React$useState = React.useState(getScheme()),
@@ -63,31 +63,31 @@ function useSchemeDetector(node, _scheme) {
     });
     observer.observe(node, {
       attributes: true,
-      attributeFilter: ['scheme']
+      attributeFilter: ["scheme"]
     });
     return function () {
       return observer.disconnect();
     };
   }, [inherit]);
-  return _scheme === 'inherit' ? resolvedScheme : _scheme;
+  return _scheme === "inherit" ? resolvedScheme : _scheme;
 }
 var deriveAppearance = function deriveAppearance(scheme) {
-  return scheme === _ConfigProviderContext.Scheme.SPACE_GRAY || scheme === _ConfigProviderContext.Scheme.VKCOM_DARK ? 'dark' : 'light';
+  return scheme === _ConfigProviderContext.Scheme.SPACE_GRAY || scheme === _ConfigProviderContext.Scheme.VKCOM_DARK ? "dark" : "light";
 };
 function normalizeScheme(scheme, platform) {
-  if (scheme === 'inherit') {
+  if (scheme === "inherit") {
     return scheme;
   }
   if (scheme === _ConfigProviderContext.Scheme.VKCOM) {
-    process.env.NODE_ENV === 'development' && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(_ConfigProviderContext.Scheme.VKCOM, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u0430 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u0430 5.0.0. \u0412\u043C\u0435\u0441\u0442\u043E \u043D\u0435\u0451 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \"").concat(_ConfigProviderContext.Scheme.VKCOM_LIGHT, "\""));
+    process.env.NODE_ENV === "development" && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(_ConfigProviderContext.Scheme.VKCOM, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u0430 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u0430 5.0.0. \u0412\u043C\u0435\u0441\u0442\u043E \u043D\u0435\u0451 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \"").concat(_ConfigProviderContext.Scheme.VKCOM_LIGHT, "\""));
     return _ConfigProviderContext.Scheme.VKCOM_LIGHT;
   }
   if (platform === _platform.VKCOM && (scheme === _ConfigProviderContext.Scheme.BRIGHT_LIGHT || scheme === _ConfigProviderContext.Scheme.SPACE_GRAY)) {
-    process.env.NODE_ENV === 'development' && warn("\u041F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \"vkcom\" \u0438 \u0441\u0445\u0435\u043C\u0430 \"".concat(scheme, "\" \u043D\u0435\u0441\u043E\u0432\u043C\u0435\u0441\u0442\u0438\u043C\u044B. \u0421 \u044D\u0442\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0445\u0435\u043C\u044B \"").concat(_ConfigProviderContext.Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(_ConfigProviderContext.Scheme.VKCOM_DARK, "\""));
+    process.env.NODE_ENV === "development" && warn("\u041F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \"vkcom\" \u0438 \u0441\u0445\u0435\u043C\u0430 \"".concat(scheme, "\" \u043D\u0435\u0441\u043E\u0432\u043C\u0435\u0441\u0442\u0438\u043C\u044B. \u0421 \u044D\u0442\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0445\u0435\u043C\u044B \"").concat(_ConfigProviderContext.Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(_ConfigProviderContext.Scheme.VKCOM_DARK, "\""));
     return _ConfigProviderContext.Scheme.VKCOM_LIGHT;
   }
@@ -114,17 +114,17 @@ var ConfigProvider = function ConfigProvider(_ref) {
   var target = schemeTarget || (document === null || document === void 0 ? void 0 : document.body);
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (scheme === 'inherit') {
+    if (scheme === "inherit") {
       return _utils.noop;
     }
-    if (process.env.NODE_ENV === 'development' && target.hasAttribute('scheme')) {
+    if (process.env.NODE_ENV === "development" && target.hasAttribute("scheme")) {
       warn('<body scheme> was set before VKUI mount - did you forget scheme="inherit"?');
     }
-    target.setAttribute('scheme', scheme);
+    target.setAttribute("scheme", scheme);
     return function () {
-      return target.removeAttribute('scheme');
+      return target.removeAttribute("scheme");
     };
   }, [scheme]);
   var realScheme = useSchemeDetector(target, scheme);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProvider.tsx"],"names":["warn","useSchemeDetector","node","_scheme","inherit","getScheme","canUseDOM","undefined","getAttribute","React","useState","resolvedScheme","setScheme","useEffect","noop","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","deriveAppearance","scheme","Scheme","SPACE_GRAY","VKCOM_DARK","normalizeScheme","platform","VKCOM","process","env","NODE_ENV","VKCOM_LIGHT","BRIGHT_LIGHT","DEPRECATED_CLIENT_LIGHT","DEPRECATED_CLIENT_DARK","ConfigProvider","children","schemeTarget","config","document","target","body","hasAttribute","setAttribute","removeAttribute","realScheme","configContext","appearance","defaultProps","defaultConfigProviderProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;AASA,IAAMA,IAAI,GAAG,wBAAS,gBAAT,CAAb;;AAEA,SAASC,iBAAT,CAA2BC,IAA3B,EAA8CC,OAA9C,EAA2E;AACzE,MAAMC,OAAO,GAAGD,OAAO,KAAK,SAA5B;;AACA,MAAME,SAAS,GAAG,SAAZA,SAAY,GAAM;AACtB,QAAI,CAACD,OAAD,IAAY,CAACE,cAAjB,EAA4B;AAC1B,aAAOC,SAAP;AACD;;AACD,WAAOL,IAAI,CAACM,YAAL,CAAkB,QAAlB,CAAP;AACD,GALD;;AAMA,wBAAoCC,KAAK,CAACC,QAAN,CAAeL,SAAS,EAAxB,CAApC;AAAA;AAAA,MAAOM,cAAP;AAAA,MAAuBC,SAAvB;;AAEAH,EAAAA,KAAK,CAACI,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACT,OAAL,EAAc;AACZ,aAAOU,WAAP;AACD;;AACDF,IAAAA,SAAS,CAACP,SAAS,EAAV,CAAT;AACA,QAAMU,QAAQ,GAAG,IAAIC,gBAAJ,CAAqB;AAAA,aAAMJ,SAAS,CAACP,SAAS,EAAV,CAAf;AAAA,KAArB,CAAjB;AACAU,IAAAA,QAAQ,CAACE,OAAT,CAAiBf,IAAjB,EAAuB;AAAEgB,MAAAA,UAAU,EAAE,IAAd;AAAoBC,MAAAA,eAAe,EAAE,CAAC,QAAD;AAArC,KAAvB;AACA,WAAO;AAAA,aAAMJ,QAAQ,CAACK,UAAT,EAAN;AAAA,KAAP;AACD,GARD,EAQG,CAAChB,OAAD,CARH;AAUA,SAAOD,OAAO,KAAK,SAAZ,GAAwBQ,cAAxB,GAAyCR,OAAhD;AACD;;AAED,IAAMkB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD;AAAA,SACvBA,MAAM,KAAKC,8BAAOC,UAAlB,IAAgCF,MAAM,KAAKC,8BAAOE,UAAlD,~~GAA+D~~,~~MAA/D~~,~~GAAwE~~,~~OADjD~~;AAAA,CAAzB;;~~AAGA~~,SAASC,eAAT,~~CAAyBJ~~,~~MAAzB~~,~~EAAmDK~~,~~QAAnD~~,~~EAA+F~~;~~AAC7F~~,MAAIL,MAAM,KAAK,SAAf,EAA0B;AACxB,WAAOA,MAAP;AACD;;AACD,MAAIA,MAAM,KAAKC,8BAAOK,KAAtB,EAA6B;AAC3BC,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,~~IAA0C~~/B,IAAI,~~4CAAWuB~~,8BAAOK,~~KAAlB~~,~~sRAAoFL~~,8BAAOS,~~WAA3F~~,~~QAA9C~~;~~AACA~~,WAAOT,8BAAOS,WAAd;AACD;;AACD,~~MAAIL~~,QAAQ,KAAKC,eAAb,~~KAAuBN~~,MAAM,KAAKC,8BAAOU,YAAlB,IAAkCX,MAAM,KAAKC,8BAAOC,~~UAA3E~~,~~CAAJ~~,~~EAA4F~~;~~AAC1FK~~,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,~~IAA0C~~/B,IAAI,~~oHAA+BsB~~,~~MAA/B~~,~~gUAAoGC~~,8BAAOS,~~WAA3G~~,~~qCAAgIT~~,8BAAOE,~~UAAvI~~,~~QAA9C~~;~~AACA~~,WAAOF,8BAAOS,WAAd;AACD;;AACD,UAAQV,MAAR;AACE,SAAKC,8BAAOW,uBAAZ;AACE,aAAOX,8BAAOU,YAAd;;AACF,SAAKV,8BAAOY,sBAAZ;AACE,aAAOZ,8BAAOC,UAAd;;AACF;AACE,aAAOF,MAAP;AANJ;AAQD;;AAED,IAAMc,cAA6C,GAAG,SAAhDA,cAAgD,~~OAIkC~~;AAAA,~~MAHtFC~~,~~QAGsF~~,~~QAHtFA~~,~~QAGsF~~;AAAA,~~MAFtFC~~,~~YAEsF~~,~~QAFtFA~~,~~YAEsF~~;AAAA,~~MADnFC~~,~~MACmF~~;~~AACtF~~,MAAMjB,MAAM,GAAGI,eAAe,CAACa,MAAM,CAACjB,MAAR,EAAgBiB,MAAM,CAACZ,QAAvB,CAA9B;;AACA,gBAAqB,kBAArB;AAAA,MAAQa,QAAR,WAAQA,QAAR;;AACA,MAAMC,MAAM,GAAGH,YAAY,KAAIE,QAAJ,aAAIA,QAAJ,uBAAIA,QAAQ,CAAEE,IAAd,CAA3B;AAEA,4DAA0B,YAAM;AAC9B,QAAIpB,MAAM,KAAK,SAAf,EAA0B;AACxB,aAAOR,WAAP;AACD;;AACD,~~QAAIe~~,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,~~IAA0CU~~,MAAM,CAACE,YAAP,CAAoB,QAApB,~~CAA9C~~,~~EAA6E~~;~~AAC3E3C~~,MAAAA,IAAI,~~CAAC~~,~~4EAAD~~,CAAJ;~~AACD~~;;AACDyC,IAAAA,MAAM,CAACG,YAAP,CAAoB,QAApB,EAA8BtB,MAA9B;AACA,WAAO;AAAA,aAAMmB,MAAM,CAACI,eAAP,CAAuB,QAAvB,CAAN;AAAA,KAAP;AACD,~~GATD~~,~~EASG~~,CAACvB,MAAD,~~CATH~~;~~AAWA~~,MAAMwB,UAAU,GAAG7C,iBAAiB,CAACwC,MAAD,EAASnB,MAAT,CAApC;AACA,MAAMyB,aAAa,GAAG;~~AAAgBC~~,IAAAA,UAAU,EAAE3B,gBAAgB,CAACyB,UAAD;~~AAA5C~~,~~KAA6DP~~,~~MAA7D~~,EAAtB;~~AAEA~~,SACE,qCAAC,4CAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAEQ;AAAvC,KACGV,QADH,CADF;AAKD,~~CA5BD~~,C,~~CA8BA~~;AACA;;;AACAD,cAAc,CAACa,YAAf,mCAAmCC,iDAAnC;eAEed,c","sourcesContent":["import * as React from 'react';\nimport { AppearanceType } from '@vkontakte/vk-bridge';\nimport { canUseDOM, useDOM } from '../../lib/dom';\nimport {\n AppearanceScheme,\n ConfigProviderContext,\n ConfigProviderContextInterface,\n defaultConfigProviderProps,\n Scheme,\n} from './ConfigProviderContext';\nimport { PlatformType, VKCOM } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { noop } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\n\nexport interface ConfigProviderProps extends ConfigProviderContextInterface {\n /*\n Цветовая схема приложения\n */\n scheme?: AppearanceScheme;\n}\n\nconst warn = warnOnce('ConfigProvider');\n\nfunction useSchemeDetector(node: HTMLElement, _scheme: Scheme \| 'inherit') {\n const inherit = _scheme === 'inherit';\n const getScheme = () => {\n if (!inherit \|\| !canUseDOM) {\n return undefined;\n }\n return node.getAttribute('scheme') as Scheme;\n };\n const [resolvedScheme, setScheme] = React.useState(getScheme());\n\n React.useEffect(() => {\n if (!inherit) {\n return noop;\n }\n setScheme(getScheme());\n const observer = new MutationObserver(() => setScheme(getScheme()));\n observer.observe(node, { attributes: true, attributeFilter: ['scheme'] });\n return () => observer.disconnect();\n }, [inherit]);\n\n return _scheme === 'inherit' ? resolvedScheme : _scheme;\n}\n\nconst deriveAppearance = (scheme: Scheme): AppearanceType =>\n scheme === Scheme.SPACE_GRAY \|\| scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nfunction normalizeScheme(scheme: AppearanceScheme, platform: PlatformType): Scheme \| 'inherit' {\n if (scheme === 'inherit') {\n return scheme;\n }\n if (scheme === Scheme.VKCOM) {\n process.env.NODE_ENV === 'development' && warn(`Схема \"${Scheme.VKCOM}\" устарела и будет удалена 5.0.0. Вместо неё используйте \"${Scheme.VKCOM_LIGHT}\"`);\n return Scheme.VKCOM_LIGHT;\n }\n if (platform === VKCOM && (scheme === Scheme.BRIGHT_LIGHT \|\| scheme === Scheme.SPACE_GRAY)) {\n process.env.NODE_ENV === 'development' && warn(`Платформа \"vkcom\" и схема \"${scheme}\" несовместимы. С этой платформой можно использовать схемы \"${Scheme.VKCOM_LIGHT}\" или \"${Scheme.VKCOM_DARK}\"`);\n return Scheme.VKCOM_LIGHT;\n }\n switch (scheme) {\n case Scheme.DEPRECATED_CLIENT_LIGHT:\n return Scheme.BRIGHT_LIGHT;\n case Scheme.DEPRECATED_CLIENT_DARK:\n return Scheme.SPACE_GRAY;\n default:\n return scheme as Scheme;\n }\n}\n\nconst ConfigProvider: React.FC<ConfigProviderProps> = ({\n children,\n schemeTarget,\n ...config\n}: ConfigProviderProps & { children?: React.ReactNode; schemeTarget?: HTMLElement }) => {\n const scheme = normalizeScheme(config.scheme, config.platform);\n const { document } = useDOM();\n const target = schemeTarget \|\| document?.body;\n\n useIsomorphicLayoutEffect(() => {\n if (scheme === 'inherit') {\n return noop;\n }\n if (process.env.NODE_ENV === 'development' && target.hasAttribute('scheme')) {\n warn('<body scheme> was set before VKUI mount - did you forget scheme=\"inherit\"?');\n }\n target.setAttribute('scheme', scheme);\n return () => target.removeAttribute('scheme');\n }, [scheme]);\n\n const realScheme = useSchemeDetector(target, scheme);\n const configContext = useObjectMemo({ appearance: deriveAppearance(realScheme), ...config });\n\n return (\n <ConfigProviderContext.Provider value={configContext}>\n {children}\n </ConfigProviderContext.Provider>\n );\n};\n\n// Деструктуризация нужна из бага в react-docgen-typescript\n// https://github.com/styleguidist/react-docgen-typescript/issues/195\nConfigProvider.defaultProps = { ...defaultConfigProviderProps };\n\nexport default ConfigProvider;\n"],"file":"ConfigProvider.js"}
1	+ {"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProvider.tsx"],"names":["warn","useSchemeDetector","node","_scheme","inherit","getScheme","canUseDOM","undefined","getAttribute","React","useState","resolvedScheme","setScheme","useEffect","noop","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","deriveAppearance","scheme","Scheme","SPACE_GRAY","VKCOM_DARK","normalizeScheme","platform","VKCOM","process","env","NODE_ENV","VKCOM_LIGHT","BRIGHT_LIGHT","DEPRECATED_CLIENT_LIGHT","DEPRECATED_CLIENT_DARK","ConfigProvider","children","schemeTarget","config","document","target","body","hasAttribute","setAttribute","removeAttribute","realScheme","configContext","appearance","defaultProps","defaultConfigProviderProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { canUseDOM, useDOM } from \"../../lib/dom\";\nimport {\n AppearanceScheme,\n ConfigProviderContext,\n ConfigProviderContextInterface,\n defaultConfigProviderProps,\n Scheme,\n} from \"./ConfigProviderContext\";\nimport { PlatformType, VKCOM } from \"../../lib/platform\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\n\nexport interface ConfigProviderProps extends ConfigProviderContextInterface {\n /*\n Цветовая схема приложения\n */\n scheme?: AppearanceScheme;\n}\n\nconst warn = warnOnce(\"ConfigProvider\");\n\nfunction useSchemeDetector(node: HTMLElement, _scheme: Scheme \| \"inherit\") {\n const inherit = _scheme === \"inherit\";\n const getScheme = () => {\n if (!inherit \|\| !canUseDOM) {\n return undefined;\n }\n return node.getAttribute(\"scheme\") as Scheme;\n };\n const [resolvedScheme, setScheme] = React.useState(getScheme());\n\n React.useEffect(() => {\n if (!inherit) {\n return noop;\n }\n setScheme(getScheme());\n const observer = new MutationObserver(() => setScheme(getScheme()));\n observer.observe(node, { attributes: true, attributeFilter: [\"scheme\"] });\n return () => observer.disconnect();\n }, [inherit]);\n\n return _scheme === \"inherit\" ? resolvedScheme : _scheme;\n}\n\nconst deriveAppearance = (scheme: Scheme): AppearanceType =>\n scheme === Scheme.SPACE_GRAY \|\| scheme === Scheme.VKCOM_DARK\n ? \"dark\"\n : \"light\";\n\nfunction normalizeScheme(\n scheme: AppearanceScheme,\n platform: PlatformType\n): Scheme \| \"inherit\" {\n if (scheme === \"inherit\") {\n return scheme;\n }\n if (scheme === Scheme.VKCOM) {\n process.env.NODE_ENV === \"development\" &&\n warn(\n `Схема \"${Scheme.VKCOM}\" устарела и будет удалена 5.0.0. Вместо неё используйте \"${Scheme.VKCOM_LIGHT}\"`\n );\n return Scheme.VKCOM_LIGHT;\n }\n if (\n platform === VKCOM &&\n (scheme === Scheme.BRIGHT_LIGHT \|\| scheme === Scheme.SPACE_GRAY)\n ) {\n process.env.NODE_ENV === \"development\" &&\n warn(\n `Платформа \"vkcom\" и схема \"${scheme}\" несовместимы. С этой платформой можно использовать схемы \"${Scheme.VKCOM_LIGHT}\" или \"${Scheme.VKCOM_DARK}\"`\n );\n return Scheme.VKCOM_LIGHT;\n }\n switch (scheme) {\n case Scheme.DEPRECATED_CLIENT_LIGHT:\n return Scheme.BRIGHT_LIGHT;\n case Scheme.DEPRECATED_CLIENT_DARK:\n return Scheme.SPACE_GRAY;\n default:\n return scheme as Scheme;\n }\n}\n\nconst ConfigProvider: React.FC<ConfigProviderProps> = ({\n children,\n schemeTarget,\n ...config\n}: ConfigProviderProps & {\n children?: React.ReactNode;\n schemeTarget?: HTMLElement;\n}) => {\n const scheme = normalizeScheme(config.scheme, config.platform);\n const { document } = useDOM();\n const target = schemeTarget \|\| document?.body;\n\n useIsomorphicLayoutEffect(() => {\n if (scheme === \"inherit\") {\n return noop;\n }\n if (\n process.env.NODE_ENV === \"development\" &&\n target.hasAttribute(\"scheme\")\n ) {\n warn(\n '<body scheme> was set before VKUI mount - did you forget scheme=\"inherit\"?'\n );\n }\n target.setAttribute(\"scheme\", scheme);\n return () => target.removeAttribute(\"scheme\");\n }, [scheme]);\n\n const realScheme = useSchemeDetector(target, scheme);\n const configContext = useObjectMemo({\n appearance: deriveAppearance(realScheme),\n ...config,\n });\n\n return (\n <ConfigProviderContext.Provider value={configContext}>\n {children}\n </ConfigProviderContext.Provider>\n );\n};\n\n// Деструктуризация нужна из бага в react-docgen-typescript\n// https://github.com/styleguidist/react-docgen-typescript/issues/195\nConfigProvider.defaultProps = { ...defaultConfigProviderProps };\n\nexport default ConfigProvider;\n"],"file":"ConfigProvider.js"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';
-import { PlatformType } from '../../lib/platform';
+import * as React from "react";
+import { AppearanceSchemeType, AppearanceType } from "@vkontakte/vk-bridge";
+import { PlatformType } from "../../lib/platform";
 export declare enum Appearance {
     DARK = "dark",
     LIGHT = "light"
@@ -26,7 +26,7 @@ export declare enum Scheme {
     VKCOM_LIGHT = "vkcom_light",
     VKCOM_DARK = "vkcom_dark"
 }
-export declare type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT | 'inherit';
+export declare type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT | "inherit";
 export declare enum WebviewType {
     VKAPPS = "vkapps",
     INTERNAL = "internal"
@@ -57,6 +57,7 @@ export interface ConfigProviderContextInterface {
      * Платформа
      */
     platform?: PlatformType;
+    hasNewTokens?: boolean;
 }
 export declare const defaultConfigProviderProps: {
     webviewType: WebviewType;
@@ -64,5 +65,6 @@ export declare const defaultConfigProviderProps: {
     scheme: Scheme;
     transitionMotionEnabled: boolean;
     platform: import("../../lib/platform").Platform;
+    hasNewTokens: boolean;
 };
 export declare const ConfigProviderContext: React.Context<ConfigProviderContextInterface>;

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

@@ -49,7 +49,8 @@ var defaultConfigProviderProps = {
   isWebView: _vkBridge.default.isWebView(),
   scheme: Scheme.BRIGHT_LIGHT,
   transitionMotionEnabled: true,
-  platform: (0, _platform.platform)() // appearance is auto-detected by default
+  platform: (0, _platform.platform)(),
+  hasNewTokens: false // appearance is auto-detected by default
   // appearance: Appearance.LIGHT,
 };