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

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

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

@@ -2,15 +2,14 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { DropdownIcon } from "../DropdownIcon/DropdownIcon";
 import { classNames } from "../../lib/classNames";
-import Spinner from "../Spinner/Spinner";
-import CustomScrollView from "../CustomScrollView/CustomScrollView";
 import ChipsInput, { chipsInputDefaultProps } from "../ChipsInput/ChipsInput";
 import CustomSelectOption from "../CustomSelectOption/CustomSelectOption";
 import { useChipsSelect } from "./useChipsSelect";
@@ -22,9 +21,10 @@ import { prefixClass } from "../../lib/prefixClass";
 import { useExternRef } from "../../hooks/useExternRef";
 import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
 import { defaultFilterFn } from "../../lib/select";
+import { CustomSelectDropdown } from "../CustomSelectDropdown/CustomSelectDropdown";
 import "./ChipsSelect.css";
-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;
@@ -61,6 +61,11 @@ var ChipsSelect = function ChipsSelect(props) {
   var _useDOM = useDOM(),
       document = _useDOM.document;
+  var _React$useState = React.useState(undefined),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      popperPlacement = _React$useState2[0],
+      setPopperPlacement = _React$useState2[1];
   var scrollBoxRef = React.useRef(null);
   var rootRef = useExternRef(getRef);
@@ -138,7 +143,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;
@@ -152,7 +157,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) {
@@ -163,7 +168,7 @@ var ChipsSelect = function ChipsSelect(props) {
       }
     }
-    if (e.key === 'ArrowDown' && !e.defaultPrevented) {
+    if (e.key === "ArrowDown" && !e.defaultPrevented) {
       e.preventDefault();
       if (!opened) {
@@ -174,7 +179,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) {
@@ -192,7 +197,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);
     }
   };
@@ -214,7 +219,7 @@ var ChipsSelect = function ChipsSelect(props) {
       setFocusedOption(filteredOptions[0]);
     }
   }, [filteredOptions, focusedOption, showCreatable, closeAfterSelect]);
-  useGlobalEventListener(document, 'click', handleClickOutside);
+  useGlobalEventListener(document, "click", handleClickOutside);
   var renderChipWrapper = function renderChipWrapper(renderChipProps) {
     var onRemove = renderChipProps.onRemove;
@@ -230,8 +235,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 createScopedElement("div", {
-    vkuiClass: classNames('ChipsSelect', "ChipsSelect--sizeY-".concat(sizeY)),
+    vkuiClass: classNames("ChipsSelect", "ChipsSelect--sizeY-".concat(sizeY)),
     ref: rootRef,
     style: style,
     className: className
@@ -246,23 +258,20 @@ var ChipsSelect = function ChipsSelect(props) {
     onFocus: handleFocus,
     onKeyDown: handleKeyDown,
     placeholder: placeholder,
-    vkuiClass: classNames((_classNames = {}, _defineProperty(_classNames, 'ChipsSelect__open', opened), _defineProperty(_classNames, 'ChipsSelect__open--popupDirectionTop', popupDirection === 'top'), _classNames)),
+    vkuiClass: classNames((_classNames = {}, _defineProperty(_classNames, "ChipsSelect__open", opened), _defineProperty(_classNames, "ChipsSelect__open--popupDirectionTop", isPopperDirectionTop), _classNames)),
     getRef: getRef,
     disabled: disabled,
     onInputChange: handleInputChange,
     after: createScopedElement(DropdownIcon, null)
-  })), opened && createScopedElement("div", {
-    vkuiClass: classNames('ChipsSelect__options', _defineProperty({}, 'ChipsSelect__options--popupDirectionTop', popupDirection === 'top')),
-    onMouseLeave: function onMouseLeave() {
-      return setFocusedOptionIndex(null);
-    }
-  }, createScopedElement(CustomScrollView, {
-    boxRef: scrollBoxRef
-  }, fetching ? createScopedElement("div", {
-    vkuiClass: "ChipsSelect__fetching"
-  }, createScopedElement(Spinner, {
-    size: "small"
-  })) : createScopedElement(React.Fragment, null, showCreatable && createScopedElement(CustomSelectOption, {
+  })), opened && createScopedElement(CustomSelectDropdown, {
+    targetRef: rootRef,
+    placement: popupDirection,
+    scrollBoxRef: scrollBoxRef,
+    onPlacementChange: onPlacementChange,
+    onMouseLeave: onDropdownMouseLeave,
+    fetching: fetching,
+    vkuiClass: "ChipsSelect__options"
+  }, showCreatable && createScopedElement(CustomSelectOption, {
     hovered: focusedOptionIndex === 0,
     onMouseDown: addOptionFromInput,
     onMouseEnter: function onMouseEnter() {
@@ -282,7 +291,7 @@ var ChipsSelect = function ChipsSelect(props) {
     return createScopedElement(React.Fragment, {
       key: "".concat(_typeof(value), "-").concat(value)
     }, renderOption({
-      className: prefixClass('ChipsSelect__option'),
+      className: prefixClass("ChipsSelect__option"),
       option: option,
       hovered: hovered,
       children: label,
@@ -303,12 +312,12 @@ var ChipsSelect = function ChipsSelect(props) {
         return setFocusedOptionIndex(index);
       }
     }));
-  })))));
+  })));
 };
 var chipsSelectDefaultProps = _objectSpread(_objectSpread({}, chipsInputDefaultProps), {}, {
-  emptyText: 'Ничего не найдено',
-  creatableText: 'Создать значение',
+  emptyText: "Ничего не найдено",
+  creatableText: "Создать значение",
   onChangeStart: noop,
   creatable: false,
   fetching: false,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ChipsSelect/ChipsSelect.tsx"],"names":["React","DropdownIcon","classNames","Spinner","CustomScrollView","ChipsInput","chipsInputDefaultProps","CustomSelectOption","useChipsSelect","withAdaptivity","noop","useDOM","Caption","prefixClass","useExternRef","useGlobalEventListener","defaultFilterFn","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","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","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":["React","DropdownIcon","classNames","ChipsInput","chipsInputDefaultProps","CustomSelectOption","useChipsSelect","withAdaptivity","noop","useDOM","Caption","prefixClass","useExternRef","useGlobalEventListener","defaultFilterFn","CustomSelectDropdown","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","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","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/cssm/components/ChipsSelect/useChipsSelect.js CHANGED Viewed

@@ -4,7 +4,7 @@ import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIterat
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["fieldValue", "selectedOptions"];
-import * as React from 'react';
+import * as React from "react";
 import { useChipsInput } from "../ChipsInput/useChipsInput";
 export var useChipsSelect = function useChipsSelect(props) {
   var options = props.options,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ChipsSelect/useChipsSelect.ts"],"names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","showSelected","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,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,aAAT;AAGA,OAAO,IAAMC,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~~,wBAA4BR,KAAK,CAACS,QAAN,CAAe,KAAf,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,yBAAoDX,KAAK,CAACS,QAAN,CAAuB,CAAvB,CAApD;AAAA;AAAA,MAAOG,kBAAP;AAAA,MAA2BC,qBAA3B;;AACA,yBAA0Cb,KAAK,CAACS,QAAN,CAAuB,IAAvB,CAA1C;AAAA;AAAA,MAAOK,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,~~uBAA4Dd~~,aAAa,CAACE,KAAD,~~CAAzE~~;AAAA,MAAQa,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,GAAGrB,KAAK,CAACsB,OAAN,CAAc,YAAM;AACxC,WAAOjB,QAAQ,~~GAAGD~~,OAAO,CAACmB,MAAR,CAAe,UAACC,MAAD;AAAA,~~aAAoBnB~~,QAAQ,CAACW,UAAD,EAAaQ,MAAb,EAAqBlB,cAArB,~~CAA5B~~;AAAA,KAAf,~~CAAH~~,~~GAAsFF~~,~~OAArG~~;~~AACD~~,~~GAFqB~~,~~EAEnB~~,CAACA,OAAD,EAAUC,QAAV,EAAoBW,UAApB,EAAgCV,cAAhC,~~CAFmB~~,CAAtB;~~AAIAe~~,EAAAA,eAAe,GAAGrB,KAAK,CAACsB,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,aAAUvB,cAAc,CAACuB,IAAD,CAAxB;AAAA,KAApB,CAAjB;;AANoC,+CAQjBJ,WARiB;AAAA;;AAAA;AAQpC,0DAAgC;AAAA,YAArBI,IAAqB;;AAC9B,YAAIF,QAAQ,CAACG,QAAT,CAAkBxB,cAAc,CAACuB,IAAD,CAAhC,CAAJ,EAA6C;AAC3CJ,UAAAA,WAAW,CAACM,MAAZ,CAAmBF,IAAnB;AACD;AACF;AAZmC;AAAA;AAAA;AAAA;AAAA;;AAcpC,8BAAWJ,WAAX;AACD,GAfiB,EAef,CAAClB,YAAD,EAAea,eAAf,EAAgCJ,eAAhC,CAfe,CAAlB;AAiBA,yCACKC,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":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","showSelected","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/cssm/components/ClickPopper/ClickPopper.js ADDED Viewed

@@ -0,0 +1,67 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["getRef", "content", "children", "onShownChange", "shown"];
+import { createScopedElement } from "../../lib/jsxRuntime";
+import * as React from "react";
+import { useDOM } from "../../lib/dom";
+import { Popper } from "../Popper/Popper";
+import { useExternRef } from "../../hooks/useExternRef";
+import { useEventListener } from "../../hooks/useEventListener";
+import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
+import { usePatchChildrenRef } from "../../hooks/usePatchChildrenRef";
+export var ClickPopper = function ClickPopper(_ref) {
+  var getRef = _ref.getRef,
+      content = _ref.content,
+      children = _ref.children,
+      onShownChange = _ref.onShownChange,
+      _shown = _ref.shown,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(_shown || false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      computedShown = _React$useState2[0],
+      setComputedShown = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      dropdownNode = _React$useState4[0],
+      setPopperNode = _React$useState4[1];
+  var shown = typeof _shown === "boolean" ? _shown : computedShown;
+  var _useDOM = useDOM(),
+      document = _useDOM.document;
+  var patchedPopperRef = useExternRef(setPopperNode, getRef);
+  var _usePatchChildrenRef = usePatchChildrenRef(children),
+      _usePatchChildrenRef2 = _slicedToArray(_usePatchChildrenRef, 2),
+      childRef = _usePatchChildrenRef2[0],
+      child = _usePatchChildrenRef2[1];
+  var setShown = function setShown(value) {
+    if (typeof _shown !== "boolean") {
+      setComputedShown(value);
+    }
+    typeof onShownChange === "function" && onShownChange(value);
+  };
+  useGlobalEventListener(document, "click", function (e) {
+    if (dropdownNode && !childRef.current.contains(e.target) && !dropdownNode.contains(e.target)) {
+      setShown(false);
+    }
+  });
+  var targetClickEvent = useEventListener("click", function () {
+    setShown(!shown);
+  });
+  React.useEffect(function () {
+    targetClickEvent.add(childRef.current);
+  }, []);
+  return createScopedElement(React.Fragment, null, child, shown && createScopedElement(Popper, _extends({}, restProps, {
+    targetRef: childRef,
+    getRef: patchedPopperRef
+  }), content));
+};
+//# sourceMappingURL=ClickPopper.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/ClickPopper/ClickPopper.tsx"],"names":["React","useDOM","Popper","useExternRef","useEventListener","useGlobalEventListener","usePatchChildrenRef","ClickPopper","getRef","content","children","onShownChange","_shown","shown","restProps","useState","computedShown","setComputedShown","dropdownNode","setPopperNode","document","patchedPopperRef","childRef","child","setShown","value","e","current","contains","target","targetClickEvent","useEffect","add"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,MAAT;AACA,SAASC,YAAT;AACA,SAASC,gBAAT;AACA,SAASC,sBAAT;AACA,SAASC,mBAAT;AAqBA,OAAO,IAAMC,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,wBAA0Cd,KAAK,CAACe,QAAN,CAAeH,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOI,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,yBAAsCjB,KAAK,CAACe,QAAN,CAAe,IAAf,CAAtC;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,aAArB;;AAEA,MAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCI,aAArD;;AAEA,gBAAqBf,MAAM,EAA3B;AAAA,MAAQmB,QAAR,WAAQA,QAAR;;AAEA,MAAMC,gBAAgB,GAAGlB,YAAY,CAACgB,aAAD,EAAgBX,MAAhB,CAArC;;AAEA,6BAA0BF,mBAAmB,CAACI,QAAD,CAA7C;AAAA;AAAA,MAAOY,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOb,MAAP,KAAkB,SAAtB,EAAiC;AAC/BK,MAAAA,gBAAgB,CAACQ,KAAD,CAAhB;AACD;;AACD,WAAOd,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACc,KAAD,CAApD;AACD,GALD;;AAOApB,EAAAA,sBAAsB,CAACe,QAAD,EAAW,OAAX,EAAoB,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,GARqB,CAAtB;AAUA,MAAMM,gBAAgB,GAAG1B,gBAAgB,CAAC,OAAD,EAAU,YAAM;AACvDoB,IAAAA,QAAQ,CAAC,CAACX,KAAF,CAAR;AACD,GAFwC,CAAzC;AAIAb,EAAAA,KAAK,CAAC+B,SAAN,CAAgB,YAAM;AACpBD,IAAAA,gBAAgB,CAACE,GAAjB,CAAqBV,QAAQ,CAACK,OAA9B;AACD,GAFD,EAEG,EAFH;AAIA,SACE,oBAAC,KAAD,CAAO,QAAP,QACGJ,KADH,EAEGV,KAAK,IACJ,oBAAC,MAAD,eAAYC,SAAZ;AAAuB,IAAA,SAAS,EAAEQ,QAAlC;AAA4C,IAAA,MAAM,EAAED;AAApD,MACGZ,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/cssm/components/ConfigProvider/ConfigProvider.js CHANGED Viewed

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["children", "schemeTarget"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { canUseDOM, useDOM } from "../../lib/dom";
 import { ConfigProviderContext, defaultConfigProviderProps, Scheme } from "./ConfigProviderContext";
 import { VKCOM } from "../../lib/platform";
@@ -11,17 +11,17 @@ import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { useObjectMemo } from "../../hooks/useObjectMemo";
 import { noop } from "../../lib/utils";
 import { warnOnce } from "../../lib/warnOnce";
-var warn = warnOnce('ConfigProvider');
+var warn = warnOnce("ConfigProvider");
 function useSchemeDetector(node, _scheme) {
-  var inherit = _scheme === 'inherit';
+  var inherit = _scheme === "inherit";
   var getScheme = function getScheme() {
     if (!inherit || !canUseDOM) {
       return undefined;
     }
-    return node.getAttribute('scheme');
+    return node.getAttribute("scheme");
   };
   var _React$useState = React.useState(getScheme()),
@@ -40,31 +40,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 === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';
+  return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? "dark" : "light";
 };
 function normalizeScheme(scheme, platform) {
-  if (scheme === 'inherit') {
+  if (scheme === "inherit") {
     return scheme;
   }
   if (scheme === Scheme.VKCOM) {
-    process.env.NODE_ENV === 'development' && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(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(Scheme.VKCOM_LIGHT, "\""));
+    process.env.NODE_ENV === "development" && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(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(Scheme.VKCOM_LIGHT, "\""));
     return Scheme.VKCOM_LIGHT;
   }
   if (platform === VKCOM && (scheme === Scheme.BRIGHT_LIGHT || scheme === 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(Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(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(Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(Scheme.VKCOM_DARK, "\""));
     return Scheme.VKCOM_LIGHT;
   }
@@ -92,17 +92,17 @@ var ConfigProvider = function ConfigProvider(_ref) {
   var target = schemeTarget || (document === null || document === void 0 ? void 0 : document.body);
   useIsomorphicLayoutEffect(function () {
-    if (scheme === 'inherit') {
+    if (scheme === "inherit") {
       return 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/cssm/components/ConfigProvider/ConfigProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProvider.tsx"],"names":["React","canUseDOM","useDOM","ConfigProviderContext","defaultConfigProviderProps","Scheme","VKCOM","useIsomorphicLayoutEffect","useObjectMemo","noop","warnOnce","warn","useSchemeDetector","node","_scheme","inherit","getScheme","undefined","getAttribute","useState","resolvedScheme","setScheme","useEffect","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","normalizeScheme","platform","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"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,SAAT,EAAoBC,MAApB;AACA,SAEEC,qBAFF,EAIEC,0BAJF,EAKEC,MALF;AAOA,SAAuBC,KAAvB;AACA,SAASC,yBAAT;AACA,SAASC,aAAT;AACA,SAASC,IAAT;AACA,SAASC,QAAT;AASA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,gBAAD,CAArB;;AAEA,SAASE,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,CAACd,SAAjB,EAA4B;AAC1B,aAAOgB,SAAP;AACD;;AACD,WAAOJ,IAAI,CAACK,YAAL,CAAkB,QAAlB,CAAP;AACD,GALD;;AAMA,wBAAoClB,KAAK,CAACmB,QAAN,CAAeH,SAAS,EAAxB,CAApC;AAAA;AAAA,MAAOI,cAAP;AAAA,MAAuBC,SAAvB;;AAEArB,EAAAA,KAAK,CAACsB,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACP,OAAL,EAAc;AACZ,aAAON,IAAP;AACD;;AACDY,IAAAA,SAAS,CAACL,SAAS,EAAV,CAAT;AACA,QAAMO,QAAQ,GAAG,IAAIC,gBAAJ,CAAqB;AAAA,aAAMH,SAAS,CAACL,SAAS,EAAV,CAAf;AAAA,KAArB,CAAjB;AACAO,IAAAA,QAAQ,CAACE,OAAT,CAAiBZ,IAAjB,EAAuB;AAAEa,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,CAACb,OAAD,CARH;AAUA,SAAOD,OAAO,KAAK,SAAZ,GAAwBM,cAAxB,GAAyCN,OAAhD;AACD;;AAED,IAAMe,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD;AAAA,SACvBA,MAAM,KAAKzB,MAAM,CAAC0B,UAAlB,IAAgCD,MAAM,KAAKzB,MAAM,CAAC2B,UAAlD,~~GAA+D~~,~~MAA/D~~,~~GAAwE~~,~~OADjD~~;AAAA,CAAzB;;~~AAGA~~,SAASC,eAAT,~~CAAyBH~~,~~MAAzB~~,~~EAAmDI~~,~~QAAnD~~,~~EAA+F~~;~~AAC7F~~,MAAIJ,MAAM,KAAK,SAAf,EAA0B;AACxB,WAAOA,MAAP;AACD;;AACD,MAAIA,MAAM,KAAKzB,MAAM,CAACC,KAAtB,EAA6B;AAC3B6B,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,~~IAA0C1B~~,IAAI,~~4CAAWN~~,MAAM,CAACC,~~KAAlB~~,~~sRAAoFD~~,MAAM,CAACiC,~~WAA3F~~,~~QAA9C~~;~~AACA~~,WAAOjC,MAAM,CAACiC,WAAd;AACD;;AACD,~~MAAIJ~~,QAAQ,KAAK5B,KAAb,~~KAAuBwB~~,MAAM,KAAKzB,MAAM,CAACkC,YAAlB,IAAkCT,MAAM,KAAKzB,MAAM,CAAC0B,~~UAA3E~~,~~CAAJ~~,~~EAA4F~~;~~AAC1FI~~,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,~~IAA0C1B~~,IAAI,~~oHAA+BmB~~,~~MAA/B~~,~~gUAAoGzB~~,MAAM,CAACiC,~~WAA3G~~,~~qCAAgIjC~~,MAAM,CAAC2B,~~UAAvI~~,~~QAA9C~~;~~AACA~~,WAAO3B,MAAM,CAACiC,WAAd;AACD;;AACD,UAAQR,MAAR;AACE,SAAKzB,MAAM,CAACmC,uBAAZ;AACE,aAAOnC,MAAM,CAACkC,YAAd;;AACF,SAAKlC,MAAM,CAACoC,sBAAZ;AACE,aAAOpC,MAAM,CAAC0B,UAAd;;AACF;AACE,aAAOD,MAAP;AANJ;AAQD;;AAED,IAAMY,cAA6C,GAAG,SAAhDA,cAAgD,~~OAIkC~~;AAAA,~~MAHtFC~~,~~QAGsF~~,~~QAHtFA~~,~~QAGsF~~;AAAA,~~MAFtFC~~,~~YAEsF~~,~~QAFtFA~~,~~YAEsF~~;AAAA,~~MADnFC~~,~~MACmF~~;;~~AACtF~~,MAAMf,MAAM,GAAGG,eAAe,CAACY,MAAM,CAACf,MAAR,EAAgBe,MAAM,CAACX,QAAvB,CAA9B;;AACA,gBAAqBhC,MAAM,EAA3B;AAAA,MAAQ4C,QAAR,WAAQA,QAAR;;AACA,MAAMC,MAAM,GAAGH,YAAY,KAAIE,QAAJ,aAAIA,QAAJ,uBAAIA,QAAQ,CAAEE,IAAd,CAA3B;AAEAzC,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAIuB,MAAM,KAAK,SAAf,EAA0B;AACxB,aAAOrB,IAAP;AACD;;AACD,~~QAAI0B~~,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,~~IAA0CU~~,MAAM,CAACE,YAAP,CAAoB,QAApB,~~CAA9C~~,~~EAA6E~~;~~AAC3EtC~~,MAAAA,IAAI,~~CAAC~~,~~4EAAD~~,CAAJ;~~AACD~~;;AACDoC,IAAAA,MAAM,CAACG,YAAP,CAAoB,QAApB,EAA8BpB,MAA9B;AACA,WAAO;AAAA,aAAMiB,MAAM,CAACI,eAAP,CAAuB,QAAvB,CAAN;AAAA,KAAP;AACD,~~GATwB~~,~~EAStB~~,CAACrB,MAAD,~~CATsB~~,CAAzB;~~AAWA~~,MAAMsB,UAAU,GAAGxC,iBAAiB,CAACmC,MAAD,EAASjB,MAAT,CAApC;AACA,MAAMuB,aAAa,GAAG7C,aAAa;~~AAAG8C~~,IAAAA,UAAU,EAAEzB,gBAAgB,CAACuB,UAAD;~~AAA/B~~,~~KAAgDP~~,~~MAAhD~~,EAAnC;~~AAEA~~,SACE,oBAAC,qBAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAEQ;AAAvC,KACGV,QADH,CADF;AAKD,~~CA5BD~~,C,~~CA8BA~~;AACA;;;AACAD,cAAc,CAACa,YAAf,qBAAmCnD,0BAAnC;AAEA,eAAesC,cAAf","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":["React","canUseDOM","useDOM","ConfigProviderContext","defaultConfigProviderProps","Scheme","VKCOM","useIsomorphicLayoutEffect","useObjectMemo","noop","warnOnce","warn","useSchemeDetector","node","_scheme","inherit","getScheme","undefined","getAttribute","useState","resolvedScheme","setScheme","useEffect","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","normalizeScheme","platform","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"],"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/cssm/components/ConfigProvider/ConfigProviderContext.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import vkBridge from '@vkontakte/vk-bridge';
+import * as React from "react";
+import vkBridge from "@vkontakte/vk-bridge";
 import { platform } from "../../lib/platform";
 export var Appearance;
@@ -32,7 +32,8 @@ export var defaultConfigProviderProps = {
   isWebView: vkBridge.isWebView(),
   scheme: Scheme.BRIGHT_LIGHT,
   transitionMotionEnabled: true,
-  platform: platform() // appearance is auto-detected by default
+  platform: platform(),
+  hasNewTokens: false // appearance is auto-detected by default
   // appearance: Appearance.LIGHT,
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"names":["React","vkBridge","platform","Appearance","Scheme","WebviewType","defaultConfigProviderProps","webviewType","VKAPPS","isWebView","scheme","BRIGHT_LIGHT","transitionMotionEnabled","ConfigProviderContext","createContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,~~MAA+D~~,~~sBAA/D~~;~~AACA~~,SAAuBC,QAAvB;AAEA,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,KAAAA,U;;AAKZ,WAAYC,MAAZ;;WAAYA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,KAAAA,M;;~~AAiBZ~~,WAAYC,WAAZ;;WAAYA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,KAAAA,W;;~~AAiCZ~~,OAAO,IAAMC,0BAA0B,GAAG;AACxCC,EAAAA,WAAW,EAAEF,WAAW,CAACG,MADe;AAExCC,EAAAA,SAAS,EAAER,QAAQ,CAACQ,SAAT,EAF6B;AAGxCC,EAAAA,MAAM,EAAEN,MAAM,CAACO,YAHyB;AAIxCC,EAAAA,uBAAuB,EAAE,IAJe;AAKxCV,EAAAA,QAAQ,EAAEA,QAAQ,EALsB,~~CAMxC~~;AACA;;~~AAPwC~~,CAAnC;~~AAUP~~,OAAO,~~IAAMW~~,qBAAqB,~~gBAAGb~~,KAAK,~~CAACc~~,aAAN,~~CAAoDR~~,~~0BAApD~~,~~CAA9B~~","sourcesContent":["import * as React from 'react';\nimport vkBridge, { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\nimport { PlatformType, platform } from '../../lib/platform';\n\nexport enum Appearance {\n DARK = 'dark',\n LIGHT = 'light',\n}\n\nexport enum Scheme {\n DEPRECATED_CLIENT_LIGHT = 'client_light',\n DEPRECATED_CLIENT_DARK = 'client_dark',\n /*\n @deprecated будет удалено в 5.0.0\n * версия оставлена для совместимости с vkcom, когда там была только одна схема\n /\n VKCOM = 'vkcom',\n\n BRIGHT_LIGHT = 'bright_light',\n SPACE_GRAY = 'space_gray',\n VKCOM_LIGHT = 'vkcom_light',\n VKCOM_DARK = 'vkcom_dark'\n}\n\nexport type AppearanceScheme = AppearanceSchemeType \| Scheme.VKCOM \| Scheme.VKCOM_DARK \| Scheme.VKCOM_LIGHT \| 'inherit';\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 Тип приложения\n /\n app?: string;\n /\n Тип цветовой схемы – `light` или `dark`\n /\n appearance?: AppearanceType;\n /\n Включена ли анимация переходов между экранами в `Root` и `View`\n /\n transitionMotionEnabled?: boolean;\n /\n Платформа\n */\n platform?: PlatformType;\n}\n\nexport const defaultConfigProviderProps = {\n webviewType: WebviewType.VKAPPS,\n isWebView: vkBridge.isWebView(),\n scheme: Scheme.BRIGHT_LIGHT,\n transitionMotionEnabled: true,\n platform: platform(),\n // appearance is auto-detected by default\n // appearance: Appearance.LIGHT,\n};\n\nexport const ConfigProviderContext = React.createContext<ConfigProviderContextInterface>(defaultConfigProviderProps);\n"],"file":"ConfigProviderContext.js"}
1	+ {"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"names":["React","vkBridge","platform","Appearance","Scheme","WebviewType","defaultConfigProviderProps","webviewType","VKAPPS","isWebView","scheme","BRIGHT_LIGHT","transitionMotionEnabled","hasNewTokens","ConfigProviderContext","createContext"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAGO,sBAHP;AAIA,SAAuBC,QAAvB;AAEA,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,KAAAA,U;;AAKZ,WAAYC,MAAZ;;WAAYA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,KAAAA,M;;AA8BZ,WAAYC,WAAZ;;WAAYA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,KAAAA,W;;AAkCZ,OAAO,IAAMC,0BAA0B,GAAG;AACxCC,EAAAA,WAAW,EAAEF,WAAW,CAACG,MADe;AAExCC,EAAAA,SAAS,EAAER,QAAQ,CAACQ,SAAT,EAF6B;AAGxCC,EAAAA,MAAM,EAAEN,MAAM,CAACO,YAHyB;AAIxCC,EAAAA,uBAAuB,EAAE,IAJe;AAKxCV,EAAAA,QAAQ,EAAEA,QAAQ,EALsB;AAMxCW,EAAAA,YAAY,EAAE,KAN0B,CAOxC;AACA;;AARwC,CAAnC;AAWP,OAAO,IAAMC,qBAAqB,gBAChCd,KAAK,CAACe,aAAN,CACET,0BADF,CADK","sourcesContent":["import * as React from \"react\";\nimport vkBridge, {\n AppearanceSchemeType,\n AppearanceType,\n} from \"@vkontakte/vk-bridge\";\nimport { PlatformType, platform } from \"../../lib/platform\";\n\nexport enum Appearance {\n DARK = \"dark\",\n LIGHT = \"light\",\n}\n\nexport enum Scheme {\n /*\n @deprecated будет удалено в 5.0.0\n * версия оставлена для совместимости со старыми версиями клиентов\n /\n DEPRECATED_CLIENT_LIGHT = \"client_light\",\n /\n @deprecated будет удалено в 5.0.0\n * версия оставлена для совместимости со старыми версиями клиентов\n /\n DEPRECATED_CLIENT_DARK = \"client_dark\",\n /\n @deprecated будет удалено в 5.0.0\n * версия оставлена для совместимости с vkcom, когда там была только одна схема\n /\n VKCOM = \"vkcom\",\n\n BRIGHT_LIGHT = \"bright_light\",\n SPACE_GRAY = \"space_gray\",\n VKCOM_LIGHT = \"vkcom_light\",\n VKCOM_DARK = \"vkcom_dark\",\n}\n\nexport type AppearanceScheme =\n \| AppearanceSchemeType\n \| Scheme.VKCOM\n \| Scheme.VKCOM_DARK\n \| Scheme.VKCOM_LIGHT\n \| \"inherit\";\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 Тип приложения\n /\n app?: string;\n /\n Тип цветовой схемы – `light` или `dark`\n /\n appearance?: AppearanceType;\n /\n Включена ли анимация переходов между экранами в `Root` и `View`\n /\n transitionMotionEnabled?: boolean;\n /\n Платформа\n */\n platform?: PlatformType;\n hasNewTokens?: boolean;\n}\n\nexport const defaultConfigProviderProps = {\n webviewType: WebviewType.VKAPPS,\n isWebView: vkBridge.isWebView(),\n scheme: Scheme.BRIGHT_LIGHT,\n transitionMotionEnabled: true,\n platform: platform(),\n hasNewTokens: false,\n // appearance is auto-detected by default\n // appearance: Appearance.LIGHT,\n};\n\nexport const ConfigProviderContext =\n React.createContext<ConfigProviderContextInterface>(\n defaultConfigProviderProps\n );\n"],"file":"ConfigProviderContext.js"}

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

	@@ -1 +1 @@
1	- .vkuiContentCard__body{padding:12px 16px}.vkuiContentCard__tappable{border-radius:8px}.vkuiContentCard__img{object-fit:cover;display:block;border-radius:8px 8px 0 0}.vkuiContentCard__text:not(:last-child){margin-bottom:4px}.vkuiContentCard__caption{color:#818c99;color:var(--text_secondary)}.vkuiContentCard--ios .vkuiContentCard__tappable{border-radius:10px}.vkuiContentCard--ios .vkuiContentCard__img{border-radius:10px 10px 0 0}
1	+ .vkuiContentCard--disabled{opacity:.6}.vkuiContentCard__body{padding:12px 16px}.vkuiContentCard__tappable{border-radius:8px;text-decoration:none;color:#000;color:var(--text_primary);display:block}.vkuiContentCard__img{object-fit:cover;display:block;border-radius:8px 8px 0 0}.vkuiContentCard__text:not(:last-child){margin-bottom:4px}.vkuiContentCard__caption{color:#818c99;color:var(--text_secondary)}.vkuiContentCard--ios .vkuiContentCard__tappable{border-radius:10px}.vkuiContentCard--ios .vkuiContentCard__img{border-radius:10px 10px 0 0}