@consta/uikit 4.1.0 → 4.2.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 (39) hide show
  1. package/README.md +9 -9
  2. package/__internal__/src/components/AutoCompleteCanary/AutoCompleteCanary.d.ts +3 -0
  3. package/__internal__/src/components/AutoCompleteCanary/AutoCompleteCanary.js +2 -0
  4. package/__internal__/src/components/AutoCompleteCanary/AutoCompleteCanary.js.map +1 -0
  5. package/__internal__/src/components/AutoCompleteCanary/helpers.d.ts +44 -0
  6. package/__internal__/src/components/AutoCompleteCanary/helpers.js +2 -0
  7. package/__internal__/src/components/AutoCompleteCanary/helpers.js.map +1 -0
  8. package/__internal__/src/components/AutoCompleteCanary/types.d.ts +51 -0
  9. package/__internal__/src/components/AutoCompleteCanary/types.js +2 -0
  10. package/__internal__/src/components/AutoCompleteCanary/types.js.map +1 -0
  11. package/__internal__/src/components/AutoCompleteCanary/useAutoComplete.d.ts +50 -0
  12. package/__internal__/src/components/AutoCompleteCanary/useAutoComplete.js +2 -0
  13. package/__internal__/src/components/AutoCompleteCanary/useAutoComplete.js.map +1 -0
  14. package/__internal__/src/components/ContextMenu/ContextMenuLevels/ContextMenuLevels.js +1 -1
  15. package/__internal__/src/components/ContextMenu/ContextMenuLevels/ContextMenuLevels.js.map +1 -1
  16. package/__internal__/src/components/ContextMenu/helpers.d.ts +2 -2
  17. package/__internal__/src/components/ContextMenu/types.d.ts +1 -1
  18. package/__internal__/src/components/ContextMenu/types.js.map +1 -1
  19. package/__internal__/src/components/SelectComponents/SelectItem/SelectItem.css +1 -1
  20. package/__internal__/src/components/TagBase/TagBase.d.ts +1 -1
  21. package/__internal__/src/docs/aboutConsta/components/AboutData/AboutData.css +1 -1
  22. package/__internal__/src/docs/aboutConsta/components/AboutData/AboutData.js +1 -1
  23. package/__internal__/src/docs/aboutConsta/components/AboutData/AboutData.js.map +1 -1
  24. package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.css +1 -0
  25. package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.d.ts +2 -0
  26. package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.js +2 -0
  27. package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.js.map +1 -0
  28. package/__internal__/src/docs/tableComparison/tableComparison.stand.d.ts +2 -0
  29. package/__internal__/src/docs/tableComparison/tableComparison.stand.js +2 -0
  30. package/__internal__/src/docs/tableComparison/tableComparison.stand.js.map +1 -0
  31. package/__internal__/src/hooks/useSelect/useSelect.d.ts +2 -0
  32. package/__internal__/src/hooks/useSelect/useSelect.js +1 -1
  33. package/__internal__/src/hooks/useSelect/useSelect.js.map +1 -1
  34. package/__internal__/src/uiKit/components/ComponentsGridWithData/data/additionalData.js +1 -1
  35. package/__internal__/src/uiKit/components/ComponentsGridWithData/data/additionalData.js.map +1 -1
  36. package/__internal__/src/utils/bem.d.ts +2 -0
  37. package/__internal__/src/utils/bem.js +1 -1
  38. package/__internal__/src/utils/bem.js.map +1 -1
  39. package/package.json +1 -1
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # [Дизайн-система Consta](http://consta.gazprom-neft.ru/) | Библиотека интерфейсных компонентов
2
2
 
3
- Consta — дизайн-система для разработки интерфейсов, написана на [React](https://reactjs.org/), сделана и поддерживается в «Газпром нефти».
3
+ Consta — дизайн-система для разработки интерфейсов, написана на [React](https://reactjs.org/).
4
4
 
5
5
  В дизайн-систему входит несколько библиотек. **Здесь — библиотека интерфейсных компонентов:** простые контролы, сложные блоки, темы и хуки. Все библиотеки представлены в виде компонентов и макетов в Figma.
6
6
 
@@ -8,17 +8,17 @@ Consta — дизайн-система для разработки интерф
8
8
 
9
9
  ### Библиотека компонентов
10
10
 
11
- [Репозиторий](https://github.com/consta-design-system/uikit) | [NPM](https://www.npmjs.com/package/@consta/uikit) | [Документация и стенд](http://uikit.gizeasy.ru/?path=/story/common-about--page) | [Макеты](https://www.figma.com/community/file/853774806786762374)
11
+ [Репозиторий](https://github.com/consta-design-system/uikit) | [NPM](https://www.npmjs.com/package/@consta/uikit) | [Документация и стенд](http://uikit.consta.design/) | [Макеты](https://www.figma.com/community/file/853774806786762374)
12
12
 
13
13
  ### Библиотека графиков
14
14
 
15
- [Репозиторий](https://github.com/consta-design-system/charts) | [NPM](https://www.npmjs.com/package/@consta/charts) | [Документация и стенд](http://charts.gizeasy.ru) | [Макеты](https://www.figma.com/community/file/982611119114314434)
15
+ [Репозиторий](https://github.com/consta-design-system/charts) | [NPM](https://www.npmjs.com/package/@consta/charts) | [Документация и стенд](http://charts.consta.design) | [Макеты](https://www.figma.com/community/file/982611119114314434)
16
16
 
17
- [>> Посмотреть все библиотеки](http://uikit.gizeasy.ru/?path=/docs/common-about-github--page)
17
+ [>> Посмотреть все библиотеки](https://github.com/consta-design-system)
18
18
 
19
19
  <hr>
20
20
 
21
- Подробности — на [на сайте дизайн-системы Consta](http://consta.gazprom-neft.ru/)
21
+ Подробности — на [на сайте дизайн-системы Consta](http://consta.design/)
22
22
 
23
23
  Следите за новостями и релизами в [телеграм-канале дизайн-системы](https://t.me/consta_ui_releases)
24
24
 
@@ -46,18 +46,18 @@ const App = () => (
46
46
  );
47
47
  ```
48
48
 
49
- [Что такое темы и как с ними работать](http://uikit.gizeasy.ru/?path=/docs/thematization-what-are-themes--page)
49
+ [Что такое темы и как с ними работать](http://uikit.consta.design/?path=/docs/thematization-what-are-themes--page)
50
50
 
51
51
  ## Документация и стенд
52
52
 
53
53
  На стенде можно менять параметры и смотреть, как меняются компоненты. Документация — во вкладке у каждого компонента.
54
54
 
55
- [Вперёд, к стенду](http://uikit.gizeasy.ru/)
55
+ [Вперёд, к стенду](http://uikit.consta.design/)
56
56
 
57
57
  ## Контрибьюторам
58
58
 
59
- Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](http://uikit.gizeasy.ru/?path=/docs/common-develop-contributors--page).
59
+ Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](https://uikit.consta.design/libs/uikit/custom-contribute).
60
60
 
61
61
  ## Лицензия
62
62
 
63
- Дизайн-систему можно использовать бесплатно, она распространяется ПАО «Газпром нефть» на условиях открытой [лицензии MIT](https://consta.gazprom-neft.ru/static/licence_mit.pdf).
63
+ Дизайн-систему можно использовать бесплатно, она распространяется на условиях открытой [лицензии MIT](https://consta.gazprom-neft.ru/static/licence_mit.pdf).
@@ -0,0 +1,3 @@
1
+ import { AutoCompleteComponent } from './types';
2
+ export declare const AutoComplete: AutoCompleteComponent;
3
+ export * from './types';
@@ -0,0 +1,2 @@
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","onBlur","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","inputContainerRef","style","renderItem","searchFunction","id","name","className"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{useRef}from"react";import{SelectDropdown}from"../SelectComponents/SelectDropdown/SelectDropdown";import{SelectItem}from"../SelectComponents/SelectItem/SelectItem";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{TextField}from"../TextField/TextField";import{useForkRef}from"../../hooks/useForkRef";import{cnCanary}from"../../utils/bem";import{withDefaultGetters}from"./helpers";import{useAutoComplete}from"./useAutoComplete";var cnAutoComplete=cnCanary("AutoComplete"),AutoCompleteRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=withDefaultGetters(a),g=f.items,h=f.groups,i=void 0===h?[]:h,j=f.disabled,k=f.getItemLabel,l=f.getItemKey,m=f.isLoading,n=f.getItemGroupKey,o=f.getGroupKey,p=f.getGroupLabel,q=f.onBlur,r=f.inputRef,s=f.onFocus,t=f.dropdownRef,u=void 0===t?c:t,v=f.dropdownClassName,w=f.dropdownForm,x=void 0===w?"default":w,y=f.value,z=f.form,A=void 0===z?defaultPropForm:z,B=f.view,C=void 0===B?defaultPropView:B,D=f.size,E=void 0===D?defaultPropSize:D,F=f.onChange,G=f.inputContainerRef,H=f.style,I=f.renderItem,J=f.searchFunction,K=f.id,L=f.name,M=f.className,N=_objectWithoutProperties(f,_excluded),O=function(a){var b=a.e,c=a.value,d=_objectSpread({},b),e=c?k(c):c;null===F||void 0===F?void 0:F({e:d,value:e,id:K,name:L})},P=useAutoComplete({items:g,groups:i,onChange:function(a){var b=a.e,c=a.value;return O({e:b,value:Array.isArray(c)?c[0]:c})},dropdownRef:u,controlRef:d,disabled:j,searchValue:null!==y&&void 0!==y?y:"",getItemLabel:k,getItemKey:l,getItemGroupKey:n,getGroupKey:o,onBlur:q,onFocus:s,searchFunction:J}),Q=P.getOptionProps,R=P.isOpen,S=P.getKeyProps,T=P.visibleItems,U=P.handleInputFocus,V=P.handleInputBlur,W=P.inputRef;return React.createElement(React.Fragment,null,React.createElement(TextField,Object.assign({},S(),{form:A,view:C,id:K,className:cnAutoComplete(null,[M]),name:L,disabled:j,ref:useForkRef([d,b]),inputRef:useForkRef([r,W]),onBlur:V,inputContainerRef:useForkRef([e,G]),onFocus:U,onChange:F,value:y,style:H},N)),React.createElement(SelectDropdown,{isOpen:R,size:E,controlRef:e,getOptionProps:Q,dropdownRef:u,form:x,className:cnAutoComplete("List",[v]),renderItem:I||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter;return React.createElement(SelectItem,{label:k(b),active:c,hovered:d,multiple:!1,disabled:j,size:E,indent:"round"===x?"increased":"normal",onClick:e,onMouseEnter:f})},getGroupLabel:p,visibleItems:T,isLoading:m,hasItems:0!==g.length,style:"number"==typeof(null===H||void 0===H?void 0:H.zIndex)?{zIndex:H.zIndex+1}:void 0}))};export var AutoComplete=React.forwardRef(AutoCompleteRender);export*from"./types";
2
+ //# sourceMappingURL=AutoCompleteCanary.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AutoCompleteCanary.js","names":["React","useRef","SelectDropdown","SelectItem","defaultPropForm","defaultPropSize","defaultPropView","TextField","useForkRef","cnCanary","withDefaultGetters","useAutoComplete","cnAutoComplete","AutoCompleteRender","props","ref","defaultDropdownRef","controlRef","containerRef","items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","onBlur","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","inputContainerRef","style","renderItem","searchFunction","id","name","className","otherProps","handleSelectChange","e","copyEvent","newValue","Array","isArray","searchValue","getOptionProps","isOpen","getKeyProps","visibleItems","handleInputFocus","handleInputBlur","inputControlRef","renderItemDefault","item","active","hovered","onClick","onMouseEnter","length","zIndex","AutoComplete","forwardRef"],"sources":["../../../../../src/components/AutoCompleteCanary/AutoCompleteCanary.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { PropRenderItem } from '##/components/Select';\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown/SelectDropdown';\nimport { SelectItem } from '##/components/SelectComponents/SelectItem/SelectItem';\nimport {\n defaultPropForm,\n defaultPropSize,\n defaultPropView,\n} from '##/components/SelectComponents/types';\nimport { TextField } from '##/components/TextField/TextField';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n AutoCompleteComponent,\n AutoCompleteGroupDefault,\n AutoCompleteItemDefault,\n AutoCompleteProps,\n} from './types';\nimport { useAutoComplete } from './useAutoComplete';\n\nconst cnAutoComplete = cnCanary('AutoComplete');\n\nconst AutoCompleteRender = <\n TYPE extends string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n>(\n props: AutoCompleteProps<TYPE, ITEM, GROUP>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n const controlRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const {\n items,\n groups = [],\n disabled,\n getItemLabel,\n getItemKey,\n isLoading,\n getItemGroupKey,\n getGroupKey,\n getGroupLabel,\n onBlur,\n inputRef,\n onFocus,\n dropdownRef = defaultDropdownRef,\n dropdownClassName,\n dropdownForm = 'default',\n value,\n form = defaultPropForm,\n view = defaultPropView,\n size = defaultPropSize,\n onChange,\n inputContainerRef,\n style,\n renderItem,\n searchFunction,\n id,\n name,\n className,\n ...otherProps\n } = withDefaultGetters(props);\n\n const handleSelectChange = ({\n e,\n value,\n }: {\n value: ITEM | null;\n e: React.SyntheticEvent;\n }) => {\n const copyEvent = { ...e } as React.KeyboardEvent;\n const newValue = (value ? getItemLabel(value) : value) as string;\n onChange?.({ e: copyEvent, value: newValue, id, name });\n };\n\n const {\n getOptionProps,\n isOpen,\n getKeyProps,\n visibleItems,\n handleInputFocus,\n handleInputBlur,\n inputRef: inputControlRef,\n } = useAutoComplete({\n items,\n groups,\n onChange: ({ e, value }) =>\n handleSelectChange({ e, value: Array.isArray(value) ? value[0] : value }),\n dropdownRef,\n controlRef,\n disabled,\n searchValue: value ?? '',\n getItemLabel,\n getItemKey,\n getItemGroupKey,\n getGroupKey,\n onBlur,\n onFocus,\n searchFunction,\n });\n\n const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n const { item, active, hovered, onClick, onMouseEnter } = props;\n\n return (\n <SelectItem\n label={getItemLabel(item)}\n active={active}\n hovered={hovered}\n multiple={false}\n disabled={disabled}\n size={size}\n indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n />\n );\n };\n\n return (\n <>\n <TextField\n {...getKeyProps()}\n form={form}\n view={view}\n id={id}\n className={cnAutoComplete(null, [className])}\n name={name}\n disabled={disabled}\n ref={useForkRef([controlRef, ref])}\n inputRef={useForkRef([inputRef, inputControlRef])}\n onBlur={handleInputBlur}\n inputContainerRef={useForkRef([containerRef, inputContainerRef])}\n onFocus={handleInputFocus}\n onChange={onChange}\n value={value}\n style={style}\n {...otherProps}\n />\n <SelectDropdown\n isOpen={isOpen}\n size={size}\n controlRef={containerRef}\n getOptionProps={getOptionProps}\n dropdownRef={dropdownRef}\n form={dropdownForm}\n className={cnAutoComplete('List', [dropdownClassName])}\n renderItem={renderItem || renderItemDefault}\n getGroupLabel={getGroupLabel}\n visibleItems={visibleItems}\n isLoading={isLoading}\n hasItems={items.length !== 0}\n style={\n typeof style?.zIndex === 'number'\n ? { zIndex: style.zIndex + 1 }\n : undefined\n }\n />\n </>\n );\n};\n\nexport const AutoComplete = React.forwardRef(\n AutoCompleteRender,\n) as AutoCompleteComponent;\n\nexport * from './types';\n"],"mappings":"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"}
@@ -0,0 +1,44 @@
1
+ /// <reference types="react" />
2
+ import { AutoCompleteGroupDefault, AutoCompleteItemDefault, AutoCompletePropGetGroupId, AutoCompletePropGetGroupLabel, AutoCompletePropGetItemGroupId, AutoCompletePropGetItemKey, AutoCompletePropGetItemLabel, AutoCompleteProps } from './types';
3
+ export declare const defaultGetItemKey: AutoCompletePropGetItemKey<AutoCompleteItemDefault>;
4
+ export declare const defaultGetItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault>;
5
+ export declare const defaultGetItemGroupKey: AutoCompletePropGetItemGroupId<AutoCompleteItemDefault>;
6
+ export declare const defaultGetGroupKey: AutoCompletePropGetGroupId<AutoCompleteGroupDefault>;
7
+ export declare const defaultGetGroupLabel: AutoCompletePropGetGroupLabel<AutoCompleteGroupDefault>;
8
+ export declare function withDefaultGetters<TYPE extends string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault>(props: AutoCompleteProps<TYPE, ITEM, GROUP>): {
9
+ items: ITEM[];
10
+ groups?: GROUP[] | undefined;
11
+ renderItem?: import("../Select").PropRenderItem<ITEM> | undefined;
12
+ dropdownClassName?: string | undefined;
13
+ dropdownForm?: import("./types").AutoCompletePropDropdownForm | undefined;
14
+ isLoading?: boolean | undefined;
15
+ searchFunction?: import("./types").AutoCompletePropSearchFunction<ITEM> | undefined;
16
+ dropdownRef?: import("react").RefObject<HTMLDivElement> | undefined;
17
+ getItemLabel?: AutoCompletePropGetItemLabel<ITEM> | undefined;
18
+ getItemKey?: AutoCompletePropGetItemKey<ITEM> | undefined;
19
+ getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM> | undefined;
20
+ getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP> | undefined;
21
+ getGroupKey?: AutoCompletePropGetGroupId<GROUP> | undefined;
22
+ } & Omit<import("../TextField").TextFieldProps<TYPE>, "step" | "max" | "min" | "incrementButtons"> & (ITEM extends {
23
+ label: string;
24
+ } ? {} : {
25
+ getItemLabel: AutoCompletePropGetItemLabel<ITEM>;
26
+ }) & (ITEM extends {
27
+ id: string | number;
28
+ } ? {} : {
29
+ getItemKey: AutoCompletePropGetItemKey<ITEM>;
30
+ }) & (GROUP extends {
31
+ label: string;
32
+ } ? {} : {
33
+ getGroupLabel: AutoCompletePropGetGroupLabel<GROUP>;
34
+ }) & (GROUP extends {
35
+ id: string | number;
36
+ } ? {} : {
37
+ getGroupKey: AutoCompletePropGetGroupId<GROUP>;
38
+ }) & {
39
+ getItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault> | AutoCompletePropGetItemLabel<ITEM>;
40
+ getItemKey: AutoCompletePropGetItemKey<AutoCompleteItemDefault> | AutoCompletePropGetItemKey<ITEM>;
41
+ getItemGroupKey: AutoCompletePropGetItemGroupId<AutoCompleteItemDefault> | AutoCompletePropGetItemGroupId<ITEM>;
42
+ getGroupLabel: AutoCompletePropGetGroupLabel<AutoCompleteGroupDefault> | AutoCompletePropGetGroupLabel<GROUP>;
43
+ getGroupKey: AutoCompletePropGetGroupId<AutoCompleteGroupDefault> | AutoCompletePropGetGroupId<GROUP>;
44
+ };
@@ -0,0 +1,2 @@
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var defaultGetItemKey=function(a){return a.id};export var defaultGetItemLabel=function(a){return a.label};export var defaultGetItemGroupKey=function(a){return a.groupId};export var defaultGetGroupKey=function(a){return a.id};export var defaultGetGroupLabel=function(a){return a.label};export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemKey:a.getItemKey||defaultGetItemKey,getItemGroupKey:a.getItemGroupKey||defaultGetItemGroupKey,getGroupLabel:a.getGroupLabel||defaultGetGroupLabel,getGroupKey:a.getGroupKey||defaultGetGroupKey})}
2
+ //# sourceMappingURL=helpers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemGroupKey","groupId","defaultGetGroupKey","group","defaultGetGroupLabel","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getGroupLabel","getGroupKey"],"sources":["../../../../../src/components/AutoCompleteCanary/helpers.ts"],"sourcesContent":["import {\n AutoCompleteGroupDefault,\n AutoCompleteItemDefault,\n AutoCompletePropGetGroupId,\n AutoCompletePropGetGroupLabel,\n AutoCompletePropGetItemGroupId,\n AutoCompletePropGetItemKey,\n AutoCompletePropGetItemLabel,\n AutoCompleteProps,\n} from './types';\n\nexport const defaultGetItemKey: AutoCompletePropGetItemKey<\n AutoCompleteItemDefault\n> = (item) => item.id;\nexport const defaultGetItemLabel: AutoCompletePropGetItemLabel<\n AutoCompleteItemDefault\n> = (item) => item.label;\nexport const defaultGetItemGroupKey: AutoCompletePropGetItemGroupId<\n AutoCompleteItemDefault\n> = (item) => item.groupId;\n\nexport const defaultGetGroupKey: AutoCompletePropGetGroupId<\n AutoCompleteGroupDefault\n> = (group) => group.id;\nexport const defaultGetGroupLabel: AutoCompletePropGetGroupLabel<\n AutoCompleteGroupDefault\n> = (group) => group.label;\n\nexport function withDefaultGetters<\n TYPE extends string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n>(props: AutoCompleteProps<TYPE, ITEM, GROUP>) {\n return {\n ...props,\n getItemLabel: props.getItemLabel || defaultGetItemLabel,\n getItemKey: props.getItemKey || defaultGetItemKey,\n getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey,\n getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n getGroupKey: props.getGroupKey || defaultGetGroupKey,\n };\n}\n"],"mappings":"qqBAWA,MAAO,IAAMA,kBAEZ,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,EAAf,CAFG,CAGP,MAAO,IAAMC,oBAEZ,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,KAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,OAAf,CAFG,CAIP,MAAO,IAAMC,mBAEZ,CAAG,SAACC,CAAD,QAAWA,EAAK,CAACN,EAAjB,CAFG,CAGP,MAAO,IAAMO,qBAEZ,CAAG,SAACD,CAAD,QAAWA,EAAK,CAACJ,KAAjB,CAFG,CAIP,MAAO,SAASM,mBAAT,CAILC,CAJK,CAIwC,CAC7C,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBT,mBAFtC,CAGEU,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBb,iBAHlC,CAIEc,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBT,sBAJ5C,CAKEU,aAAa,CAAEJ,CAAK,CAACI,aAAN,EAAuBN,oBALxC,CAMEO,WAAW,CAAEL,CAAK,CAACK,WAAN,EAAqBT,kBANpC,EAQD"}
@@ -0,0 +1,51 @@
1
+ import React from 'react';
2
+ import { PropRenderItem } from "../Select";
3
+ import { TextFieldProps } from "../TextField";
4
+ export declare type AutoCompleteItemDefault = {
5
+ id: string | number;
6
+ label: string;
7
+ groupId?: number;
8
+ };
9
+ export declare type AutoCompleteGroupDefault = {
10
+ label: string;
11
+ id: number | string;
12
+ };
13
+ export declare type AutoCompletePropDropdownForm = 'default' | 'brick' | 'round';
14
+ export declare type AutoCompletePropGetItemLabel<ITEM> = (item: ITEM) => string;
15
+ export declare type AutoCompletePropGetItemKey<ITEM> = (item: ITEM) => string | number;
16
+ export declare type AutoCompletePropGetItemGroupId<ITEM> = (item: ITEM) => number | undefined;
17
+ export declare type AutoCompletePropGetGroupLabel<GROUP> = (group: GROUP) => string;
18
+ export declare type AutoCompletePropGetGroupId<GROUP> = (group: GROUP) => number | string;
19
+ export declare type AutoCompletePropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;
20
+ export declare type AutoCompleteProps<TYPE extends string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault> = {
21
+ items: ITEM[];
22
+ groups?: GROUP[];
23
+ renderItem?: PropRenderItem<ITEM>;
24
+ dropdownClassName?: string;
25
+ dropdownForm?: AutoCompletePropDropdownForm;
26
+ isLoading?: boolean;
27
+ searchFunction?: AutoCompletePropSearchFunction<ITEM>;
28
+ dropdownRef?: React.RefObject<HTMLDivElement>;
29
+ getItemLabel?: AutoCompletePropGetItemLabel<ITEM>;
30
+ getItemKey?: AutoCompletePropGetItemKey<ITEM>;
31
+ getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM>;
32
+ getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP>;
33
+ getGroupKey?: AutoCompletePropGetGroupId<GROUP>;
34
+ } & Omit<TextFieldProps<TYPE>, 'max' | 'min' | 'step' | 'incrementButtons'> & (ITEM extends {
35
+ label: AutoCompleteItemDefault['label'];
36
+ } ? {} : {
37
+ getItemLabel: AutoCompletePropGetItemLabel<ITEM>;
38
+ }) & (ITEM extends {
39
+ id: AutoCompleteItemDefault['id'];
40
+ } ? {} : {
41
+ getItemKey: AutoCompletePropGetItemKey<ITEM>;
42
+ }) & (GROUP extends {
43
+ label: AutoCompleteGroupDefault['label'];
44
+ } ? {} : {
45
+ getGroupLabel: AutoCompletePropGetGroupLabel<GROUP>;
46
+ }) & (GROUP extends {
47
+ id: AutoCompleteGroupDefault['id'];
48
+ } ? {} : {
49
+ getGroupKey: AutoCompletePropGetGroupId<GROUP>;
50
+ });
51
+ export declare type AutoCompleteComponent = <TYPE extends string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault>(props: AutoCompleteProps<TYPE, ITEM, GROUP>) => React.ReactElement | null;
@@ -0,0 +1,2 @@
1
+ export{};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/AutoCompleteCanary/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropRenderItem } from '##/components/Select';\nimport { TextFieldProps } from '##/components/TextField';\n\nexport type AutoCompleteItemDefault = {\n id: string | number;\n label: string;\n groupId?: number;\n};\n\nexport type AutoCompleteGroupDefault = {\n label: string;\n id: number | string;\n};\n\nexport type AutoCompletePropDropdownForm = 'default' | 'brick' | 'round';\n\nexport type AutoCompletePropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type AutoCompletePropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type AutoCompletePropGetItemGroupId<ITEM> = (\n item: ITEM,\n) => number | undefined;\nexport type AutoCompletePropGetGroupLabel<GROUP> = (group: GROUP) => string;\nexport type AutoCompletePropGetGroupId<GROUP> = (\n group: GROUP,\n) => number | string;\n\nexport type AutoCompletePropSearchFunction<ITEM> = (\n item: ITEM,\n searchValue: string,\n) => boolean;\n\nexport type AutoCompleteProps<\n TYPE extends string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n> = {\n items: ITEM[];\n groups?: GROUP[];\n renderItem?: PropRenderItem<ITEM>;\n dropdownClassName?: string;\n dropdownForm?: AutoCompletePropDropdownForm;\n isLoading?: boolean;\n searchFunction?: AutoCompletePropSearchFunction<ITEM>;\n dropdownRef?: React.RefObject<HTMLDivElement>;\n getItemLabel?: AutoCompletePropGetItemLabel<ITEM>;\n getItemKey?: AutoCompletePropGetItemKey<ITEM>;\n getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM>;\n getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP>;\n getGroupKey?: AutoCompletePropGetGroupId<GROUP>;\n} & Omit<TextFieldProps<TYPE>, 'max' | 'min' | 'step' | 'incrementButtons'> &\n (ITEM extends { label: AutoCompleteItemDefault['label'] }\n ? {}\n : {\n getItemLabel: AutoCompletePropGetItemLabel<ITEM>;\n }) &\n (ITEM extends { id: AutoCompleteItemDefault['id'] }\n ? {}\n : { getItemKey: AutoCompletePropGetItemKey<ITEM> }) &\n (GROUP extends { label: AutoCompleteGroupDefault['label'] }\n ? {}\n : { getGroupLabel: AutoCompletePropGetGroupLabel<GROUP> }) &\n (GROUP extends { id: AutoCompleteGroupDefault['id'] }\n ? {}\n : { getGroupKey: AutoCompletePropGetGroupId<GROUP> });\n\nexport type AutoCompleteComponent = <\n TYPE extends string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n>(\n props: AutoCompleteProps<TYPE, ITEM, GROUP>,\n) => React.ReactElement | null;\n"],"mappings":""}
@@ -0,0 +1,50 @@
1
+ import React from 'react';
2
+ declare type GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
3
+ declare type GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;
4
+ declare type OnChangeProp<ITEM> = (props: {
5
+ value: ITEM | null;
6
+ e: React.SyntheticEvent;
7
+ }) => void;
8
+ declare type UseAutoCompleteProps<ITEM, GROUP> = {
9
+ getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;
10
+ getGroupKey?: GetGroupKey<GROUP>;
11
+ groups?: GROUP[];
12
+ items: ITEM[];
13
+ dropdownRef: React.MutableRefObject<HTMLDivElement | null>;
14
+ controlRef: React.MutableRefObject<HTMLDivElement | null>;
15
+ disabled?: boolean;
16
+ getItemLabel: (item: ITEM) => string;
17
+ getItemKey: (item: ITEM) => string | number;
18
+ searchFunction?: (item: ITEM, searchValue: string) => boolean;
19
+ onFocus?: React.FocusEventHandler<HTMLInputElement>;
20
+ onBlur?: React.FocusEventHandler<HTMLInputElement>;
21
+ searchValue?: string;
22
+ onChange: OnChangeProp<ITEM>;
23
+ };
24
+ declare type OptionProps<ITEM> = {
25
+ index: number;
26
+ item: ITEM;
27
+ };
28
+ declare type GetOptionPropsResult = {
29
+ onClick: (e: React.SyntheticEvent) => void;
30
+ onMouseEnter: (e: React.SyntheticEvent) => void;
31
+ active: boolean;
32
+ hovered: boolean;
33
+ key: string | number;
34
+ };
35
+ export declare function useAutoComplete<ITEM, GROUP>(params: UseAutoCompleteProps<ITEM, GROUP>): {
36
+ isOpen: boolean;
37
+ visibleItems: {
38
+ items: ITEM[];
39
+ key: string | number;
40
+ group?: GROUP | undefined;
41
+ groupIndex: number;
42
+ }[];
43
+ getOptionProps: ({ index, item, }: OptionProps<ITEM>) => GetOptionPropsResult;
44
+ handleInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
45
+ handleInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
46
+ inputRef: React.RefObject<HTMLInputElement>;
47
+ getKeyProps: (rest?: import("../../hooks/useKeys").KeyProps | undefined) => import("../../hooks/useKeys").KeyProps;
48
+ hasItems: boolean;
49
+ };
50
+ export {};
@@ -0,0 +1,2 @@
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){throw a}),f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){h=!0,f=a}),f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{useClickOutside}from"../../hooks/useClickOutside";import{useFlag}from"../../hooks/useFlag";import{useKeys}from"../../hooks/useKeys";import{getGroups}from"../../utils/getGroups";export function useAutoComplete(a){var b=a.items,c=a.dropdownRef,d=a.controlRef,e=a.disabled,f=void 0!==e&&e,g=a.getItemLabel,h=a.getItemKey,i=a.searchFunction,j=a.getItemGroupKey,k=a.groups,l=a.getGroupKey,m=a.onFocus,n=a.onBlur,o=a.searchValue,p=useRef(null),q=useFlag(),r=_slicedToArray(q,2),s=r[0],t=r[1],u=useState(0),v=_slicedToArray(u,2),w=v[0],x=v[1],y=function(a,b){return-1!==g(a).toLocaleLowerCase().indexOf(b.toLocaleLowerCase())},z=useMemo(function(){if(o&&""!==o.trim()){var a=b.filter(function(a){return i?i(a,o):y(a,o)});return a}return b},[b,o]),A=useMemo(function(){var a=getGroups(z,null!==k&&void 0!==k&&k.length?j:void 0,k,l,void 0);return a},[z,k,j,l]),B=useMemo(function(){return!!A.find(function(a){return 0<a.items.length})},[A]),C=useCallback(function(a){x(Math.min(Math.max(0,"function"==typeof a?a(w):a),z.length-1))},[z,w]),D=function(b,c){f||a.onChange({value:c,e:b})},E=function(a,b){b.preventDefault(),C(function(a){return a-1})},F=function(a,b){b.preventDefault(),C(function(a){return a+1})},G=useKeys({ArrowUp:E,ArrowDown:F,PageUp:E,PageDown:F,Home:E,End:F,Enter:function Enter(a,b){if(s){(o||z[w])&&b.preventDefault();var c=function(a){var b,c=0,d=_createForOfIteratorHelper(A);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(e.items.length+c>a)return e.items[a-c];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}},d=c(w);d&&D(b,d)}},Escape:function Escape(){t.off()},Tab:function Tab(){t.off()}});useClickOutside({isActive:s,ignoreClicksInsideRefs:[c,d],handler:function handler(){t.off()}}),useEffect(function(){if(f){var a;t.off(),null===(a=p.current)||void 0===a?void 0:a.blur()}},[f]);return{isOpen:s&&B,visibleItems:A,getOptionProps:function getOptionProps(a){var b=a.index,c=a.item,d=h(c);return{onClick:function onClick(a){D(a,c)},onMouseEnter:function onMouseEnter(){C(b)},active:!1,hovered:b===w,key:d}},handleInputFocus:function handleInputFocus(a){f||(!s&&t.on(),"function"==typeof m&&m(a))},handleInputBlur:function handleInputBlur(a){if(s){var b;return void(null===(b=p.current)||void 0===b?void 0:b.focus())}"function"==typeof n&&n(a)},inputRef:p,getKeyProps:G,hasItems:B}}
2
+ //# sourceMappingURL=useAutoComplete.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useAutoComplete.js","names":["useCallback","useEffect","useMemo","useRef","useState","useClickOutside","useFlag","useKeys","getGroups","useAutoComplete","params","items","dropdownRef","controlRef","disabled","getItemLabel","getItemKey","searchFunction","getItemGroupKey","groups","getGroupKey","onFocus","onBlur","searchValue","inputRef","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","searchFunctionDefault","item","toLocaleLowerCase","indexOf","filteredOptions","trim","fiteredOptions","filter","visibleItems","resultGroups","length","hasItems","find","group","highlightIndex","indexForHighlight","Math","min","max","onChange","e","value","ArrowUp","_","preventDefault","old","ArrowDown","getKeyProps","PageUp","PageDown","Home","End","Enter","getItem","index","couter","Escape","off","Tab","isActive","ignoreClicksInsideRefs","handler","current","blur","getOptionProps","key","onClick","onMouseEnter","active","hovered","handleInputFocus","on","handleInputBlur","focus"],"sources":["../../../../../src/components/AutoCompleteCanary/useAutoComplete.ts"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useFlag } from '##/hooks/useFlag';\nimport { KeyHandler, useKeys } from '##/hooks/useKeys';\nimport { getGroups } from '##/utils/getGroups';\n\ntype IndexForHighlight = number | ((oldIndex: number) => number);\n\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;\n\ntype OnChangeProp<ITEM> = (props: {\n value: ITEM | null;\n e: React.SyntheticEvent;\n}) => void;\n\ntype UseAutoCompleteProps<ITEM, GROUP> = {\n getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;\n getGroupKey?: GetGroupKey<GROUP>;\n groups?: GROUP[];\n items: ITEM[];\n dropdownRef: React.MutableRefObject<HTMLDivElement | null>;\n controlRef: React.MutableRefObject<HTMLDivElement | null>;\n disabled?: boolean;\n getItemLabel: (item: ITEM) => string;\n getItemKey: (item: ITEM) => string | number;\n searchFunction?: (item: ITEM, searchValue: string) => boolean;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n searchValue?: string;\n onChange: OnChangeProp<ITEM>;\n};\n\ntype OptionProps<ITEM> = {\n index: number;\n item: ITEM;\n};\n\ntype GetOptionPropsResult = {\n onClick: (e: React.SyntheticEvent) => void;\n onMouseEnter: (e: React.SyntheticEvent) => void;\n active: boolean;\n hovered: boolean;\n key: string | number;\n};\n\nexport function useAutoComplete<ITEM, GROUP>(\n params: UseAutoCompleteProps<ITEM, GROUP>,\n) {\n const {\n items,\n dropdownRef,\n controlRef,\n disabled = false,\n getItemLabel,\n getItemKey,\n searchFunction,\n getItemGroupKey,\n groups,\n getGroupKey,\n onFocus,\n onBlur,\n searchValue,\n } = params;\n\n const inputRef = useRef<HTMLInputElement>(null);\n const [isOpen, setIsOpen] = useFlag();\n const [highlightedIndex, setHighlightedIndex] = useState<number>(0);\n\n const searchFunctionDefault = (item: ITEM, searchValue: string) =>\n getItemLabel(item)\n .toLocaleLowerCase()\n .indexOf(searchValue.toLocaleLowerCase()) !== -1;\n\n const filteredOptions = useMemo(() => {\n if (searchValue && searchValue.trim() !== '') {\n const fiteredOptions = items.filter((item) =>\n searchFunction\n ? searchFunction(item, searchValue)\n : searchFunctionDefault(item, searchValue),\n );\n\n return fiteredOptions;\n }\n return items;\n }, [items, searchValue]);\n\n const visibleItems = useMemo(() => {\n const resultGroups = getGroups(\n filteredOptions,\n groups?.length ? getItemGroupKey : undefined,\n groups,\n getGroupKey,\n undefined,\n );\n\n return resultGroups;\n }, [filteredOptions, groups, getItemGroupKey, getGroupKey]);\n\n const hasItems = useMemo(() => {\n return !!visibleItems.find((group) => group.items.length > 0);\n }, [visibleItems]);\n\n const highlightIndex = useCallback(\n (indexForHighlight: IndexForHighlight) => {\n setHighlightedIndex(\n Math.min(\n Math.max(\n 0,\n typeof indexForHighlight === 'function'\n ? indexForHighlight(highlightedIndex)\n : indexForHighlight,\n ),\n filteredOptions.length - 1,\n ),\n );\n },\n [filteredOptions, highlightedIndex],\n );\n\n const onChange = (e: React.SyntheticEvent, item: ITEM) => {\n if (!disabled) {\n params.onChange({ value: item, e });\n }\n };\n\n // Prop Getters\n\n const ArrowUp: KeyHandler = (_, e): void => {\n e.preventDefault();\n highlightIndex((old) => old - 1);\n };\n\n const ArrowDown: KeyHandler = (_, e): void => {\n e.preventDefault();\n highlightIndex((old) => old + 1);\n };\n\n const Enter: KeyHandler = (_, e): void => {\n if (isOpen) {\n if (searchValue || filteredOptions[highlightedIndex]) {\n e.preventDefault();\n }\n\n const getItem = (index: number) => {\n let couter = 0;\n for (const group of visibleItems) {\n if (group.items.length + couter > index) {\n return group.items[index - couter];\n }\n couter += group.items.length;\n }\n return undefined;\n };\n\n const item = getItem(highlightedIndex);\n\n if (item) {\n onChange(e, item);\n }\n }\n };\n\n const Escape = (): void => {\n setIsOpen.off();\n };\n\n const Tab = (): void => {\n setIsOpen.off();\n };\n\n const getKeyProps = useKeys({\n ArrowUp,\n ArrowDown,\n PageUp: ArrowUp,\n PageDown: ArrowDown,\n Home: ArrowUp,\n End: ArrowDown,\n Enter,\n Escape,\n Tab,\n });\n\n const getOptionProps = ({\n index,\n item,\n }: OptionProps<ITEM>): GetOptionPropsResult => {\n const key = getItemKey(item);\n return {\n onClick: (e: React.SyntheticEvent) => {\n onChange(e, item);\n },\n onMouseEnter: () => {\n highlightIndex(index);\n },\n active: false,\n hovered: index === highlightedIndex,\n key,\n };\n };\n\n useClickOutside({\n isActive: isOpen,\n ignoreClicksInsideRefs: [dropdownRef, controlRef],\n handler: () => {\n setIsOpen.off();\n },\n });\n\n useEffect(() => {\n if (disabled) {\n setIsOpen.off();\n inputRef.current?.blur();\n }\n }, [disabled]);\n\n const handleInputFocus = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (!disabled) {\n if (!isOpen) {\n setIsOpen.on();\n }\n if (typeof onFocus === 'function') {\n onFocus(e);\n }\n }\n };\n\n const handleInputBlur = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (isOpen) {\n inputRef.current?.focus();\n return;\n }\n\n if (typeof onBlur === 'function') {\n onBlur(e);\n }\n };\n\n return {\n isOpen: isOpen && hasItems,\n visibleItems,\n getOptionProps,\n handleInputFocus,\n handleInputBlur,\n inputRef,\n getKeyProps,\n hasItems,\n };\n}\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","anchorRef","position","direction","possibleDirections","offset","onClickOutside","getItemKey","getItemLabel","getItemSubMenu","style","spareDirection","subMenuDirection"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{useEffect,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{useRefs}from"../../../hooks/useRefs/useRefs";import{directions}from"../../Popover/Popover";import{clearTimers,ContextMenuLevel}from"../ContextMenuLevel/ContextMenuLevel";import{getLevels,withDefaultGetters}from"../helpers";import{contextMenuPropDefaultSubMenuDirection,contextMenuPropSubMenuDirections}from"../types";var ContextMenuLevelsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.anchorRef,f=c.position,g=c.direction,h=c.possibleDirections,i=void 0===h?directions:h,j=c.offset,k=c.onClickOutside,l=c.getItemKey,m=c.getItemLabel,n=c.getItemSubMenu,o=c.style,p=c.spareDirection,q=c.subMenuDirection,r=void 0===q?contextMenuPropDefaultSubMenuDirection:q,s=_objectWithoutProperties(c,_excluded),t=useState([{items:d,anchorRef:e,position:f,direction:g,possibleDirections:i,offset:j}]),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useState(r),y=_slicedToArray(x,2),z=y[0],A=y[1],B=useState(-1),C=_slicedToArray(B,2),D=C[0],E=C[1],F=useRefs(v.length),G=function(a){var b=a.level,c=a.items,d=a.anchorRef,e=a.activeItem,f=_toConsumableArray(v),g=f[b]&&1<f.length-b?f[b].direction:void 0;f[b]&&1<f.length-b&&g&&A(g),f[b-1].activeItem=e,f.splice(b),f.push({items:c,anchorRef:d,direction:g||z,possibleDirections:contextMenuPropSubMenuDirections,position:void 0}),w(f)},H=function(a){var b=_toConsumableArray(v);b.splice(a),b[a-1]=_objectSpread(_objectSpread({},b[a-1]),{},{activeItem:void 0}),w(b)};useClickOutside({isActive:!!k,ignoreClicksInsideRefs:[].concat(_toConsumableArray(F),[e||{current:null}]),handler:function handler(a){return null===k||void 0===k?void 0:k(a)}}),useEffect(function(){return clearTimers(),w(getLevels({levels:v,items:d,getItemKey:l,getItemSubMenu:n})),function(){return clearTimers()}},[d]);var I=useForkRef([F[0],b]);return React.createElement(React.Fragment,null,v.map(function(a,b){return React.createElement(ContextMenuLevel,Object.assign({},s,a,{key:"ContextMenu-".concat(b),style:_objectSpread(_objectSpread({},o),{zIndex:"number"==typeof(null===o||void 0===o?void 0:o.zIndex)?o.zIndex+1:void 0}),levelDepth:b,getItemLabel:m,addLevel:G,deleteLevel:H,onSetDirection:0<b?A:c.onSetDirection,hoveredParenLevel:D,setHoveredParenLevel:E,getItemSubMenu:n,getItemKey:l,ref:0===b?I:F[b],spareDirection:0===b?p:"rightStartUp"}))}))};export var ContextMenuLevels=React.forwardRef(ContextMenuLevelsRender);
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","anchorRef","position","direction","possibleDirections","offset","onClickOutside","getItemKey","getItemLabel","getItemSubMenu","style","spareDirection","subMenuDirection"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{useEffect,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{useRefs}from"../../../hooks/useRefs/useRefs";import{directions}from"../../Popover/Popover";import{clearTimers,ContextMenuLevel}from"../ContextMenuLevel/ContextMenuLevel";import{getLevels,withDefaultGetters}from"../helpers";import{contextMenuPropDefaultSubMenuDirection,contextMenuPropSubMenuDirections}from"../types";var ContextMenuLevelsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.anchorRef,f=c.position,g=c.direction,h=c.possibleDirections,i=void 0===h?directions:h,j=c.offset,k=c.onClickOutside,l=c.getItemKey,m=c.getItemLabel,n=c.getItemSubMenu,o=c.style,p=c.spareDirection,q=c.subMenuDirection,r=void 0===q?contextMenuPropDefaultSubMenuDirection:q,s=_objectWithoutProperties(c,_excluded),t=[{items:d,anchorRef:e,position:f,direction:g,possibleDirections:i,offset:j}],u=useState(t),v=_slicedToArray(u,2),w=v[0],x=v[1],y=useState(r),z=_slicedToArray(y,2),A=z[0],B=z[1],C=useState(-1),D=_slicedToArray(C,2),E=D[0],F=D[1],G=useRefs(w.length),H=function(a){var b=a.level,c=a.items,d=a.anchorRef,e=a.activeItem,f=_toConsumableArray(w),g=f[b]&&1<f.length-b?f[b].direction:void 0;f[b]&&1<f.length-b&&g&&B(g),f[b-1].activeItem=e,f.splice(b),f.push({items:c,anchorRef:d,direction:g||A,possibleDirections:contextMenuPropSubMenuDirections,position:void 0}),x(f)},I=function(a){var b=_toConsumableArray(w);b.splice(a),b[a-1]=_objectSpread(_objectSpread({},b[a-1]),{},{activeItem:void 0}),x(b)};useClickOutside({isActive:!!k,ignoreClicksInsideRefs:[].concat(_toConsumableArray(G),[e||{current:null}]),handler:function handler(a){return null===k||void 0===k?void 0:k(a)}}),useEffect(function(){return clearTimers(),x(getLevels({levels:w,items:d,getItemKey:l,getItemSubMenu:n})),function(){return clearTimers()}},[d]);var J=useForkRef([G[0],b]);return useEffect(function(){x(t)},[f]),React.createElement(React.Fragment,null,w.map(function(a,b){return React.createElement(ContextMenuLevel,Object.assign({},s,a,{key:"ContextMenu-".concat(b),style:_objectSpread(_objectSpread({},o),{zIndex:"number"==typeof(null===o||void 0===o?void 0:o.zIndex)?o.zIndex+1:void 0}),levelDepth:b,getItemLabel:m,addLevel:H,deleteLevel:I,onSetDirection:0<b?B:c.onSetDirection,hoveredParenLevel:E,setHoveredParenLevel:F,getItemSubMenu:n,getItemKey:l,ref:0===b?J:G[b],spareDirection:0===b?p:"rightStartUp"}))}))};export var ContextMenuLevels=React.forwardRef(ContextMenuLevelsRender);
2
2
  //# sourceMappingURL=ContextMenuLevels.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ContextMenuLevels.js","names":["React","useEffect","useState","useClickOutside","useForkRef","useRefs","directions","clearTimers","ContextMenuLevel","getLevels","withDefaultGetters","contextMenuPropDefaultSubMenuDirection","contextMenuPropSubMenuDirections","ContextMenuLevelsRender","propsComponent","ref","props","items","anchorRef","position","direction","possibleDirections","offset","onClickOutside","getItemKey","getItemLabel","getItemSubMenu","style","spareDirection","subMenuDirection","subMenuDirectionProp","otherProps","levels","setLevels","setSubMenuDirection","hoveredParenLevel","setHoveredParenLevel","levelsRefs","length","addLevel","level","activeItem","newLevels","oldDirection","splice","push","deleteLevel","isActive","ignoreClicksInsideRefs","current","handler","e","firstLevelRef","map","index","zIndex","onSetDirection","ContextMenuLevels","forwardRef"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuLevels/ContextMenuLevels.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { useClickOutside } from '../../../hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { useRefs } from '../../../hooks/useRefs/useRefs';\nimport { Direction, directions } from '../../Popover/Popover';\nimport {\n clearTimers,\n ContextMenuLevel,\n} from '../ContextMenuLevel/ContextMenuLevel';\nimport { getLevels, withDefaultGetters } from '../helpers';\nimport {\n AddLevel,\n ContextMenuComponent,\n contextMenuPropDefaultSubMenuDirection,\n ContextMenuProps,\n contextMenuPropSubMenuDirections,\n Level,\n} from '../types';\n\nconst ContextMenuLevelsRender = (\n propsComponent: ContextMenuProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const props = withDefaultGetters(propsComponent);\n const {\n items,\n anchorRef,\n position,\n direction,\n possibleDirections = directions,\n offset,\n onClickOutside,\n getItemKey,\n getItemLabel,\n getItemSubMenu,\n style,\n spareDirection,\n subMenuDirection:\n subMenuDirectionProp = contextMenuPropDefaultSubMenuDirection,\n ...otherProps\n } = props;\n\n type Item = typeof items[number];\n\n const defaultLevels = [\n {\n items,\n anchorRef,\n position,\n direction,\n possibleDirections,\n offset,\n },\n ] as Level<Item>[];\n\n const [levels, setLevels] = useState<Level<Item>[]>(defaultLevels);\n const [subMenuDirection, setSubMenuDirection] =\n useState<Direction>(subMenuDirectionProp);\n const [hoveredParenLevel, setHoveredParenLevel] = useState<number>(-1);\n\n const levelsRefs = useRefs<HTMLDivElement>(levels.length);\n\n const addLevel: AddLevel<Item> = ({\n level,\n items,\n anchorRef,\n activeItem,\n }) => {\n const newLevels = [...levels];\n const oldDirection =\n newLevels[level] && newLevels.length - level > 1\n ? newLevels[level].direction\n : undefined;\n\n if (newLevels[level] && newLevels.length - level > 1 && oldDirection) {\n setSubMenuDirection(oldDirection);\n }\n\n newLevels[level - 1].activeItem = activeItem;\n newLevels.splice(level);\n newLevels.push({\n items,\n anchorRef,\n direction: oldDirection || subMenuDirection,\n possibleDirections: contextMenuPropSubMenuDirections,\n position: undefined,\n });\n setLevels(newLevels);\n };\n\n const deleteLevel = (level: number) => {\n const newLevels = [...levels];\n newLevels.splice(level);\n newLevels[level - 1] = { ...newLevels[level - 1], activeItem: undefined };\n setLevels(newLevels);\n };\n\n useClickOutside({\n isActive: !!onClickOutside,\n ignoreClicksInsideRefs: [...levelsRefs, anchorRef || { current: null }],\n handler: (e) => onClickOutside?.(e),\n });\n\n useEffect(() => {\n clearTimers();\n setLevels(\n getLevels({\n levels,\n items,\n getItemKey,\n getItemSubMenu,\n }),\n );\n return () => clearTimers();\n }, [items]);\n\n const firstLevelRef = useForkRef([levelsRefs[0], ref]);\n\n return (\n <>\n {levels.map((level, index) => (\n <ContextMenuLevel\n {...otherProps}\n {...level}\n key={`ContextMenu-${index}`}\n style={{\n ...style,\n ...{\n zIndex:\n typeof style?.zIndex === 'number'\n ? style.zIndex + 1\n : undefined,\n },\n }}\n levelDepth={index}\n getItemLabel={getItemLabel}\n addLevel={addLevel}\n deleteLevel={deleteLevel}\n onSetDirection={\n index > 0 ? setSubMenuDirection : props.onSetDirection\n }\n hoveredParenLevel={hoveredParenLevel}\n setHoveredParenLevel={setHoveredParenLevel}\n getItemSubMenu={getItemSubMenu}\n getItemKey={getItemKey}\n ref={index === 0 ? firstLevelRef : levelsRefs[index]}\n spareDirection={index === 0 ? spareDirection : 'rightStartUp'}\n />\n ))}\n </>\n );\n};\n\nexport const ContextMenuLevels = React.forwardRef(\n ContextMenuLevelsRender,\n) as ContextMenuComponent;\n"],"mappings":"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"}
1
+ {"version":3,"file":"ContextMenuLevels.js","names":["React","useEffect","useState","useClickOutside","useForkRef","useRefs","directions","clearTimers","ContextMenuLevel","getLevels","withDefaultGetters","contextMenuPropDefaultSubMenuDirection","contextMenuPropSubMenuDirections","ContextMenuLevelsRender","propsComponent","ref","props","items","anchorRef","position","direction","possibleDirections","offset","onClickOutside","getItemKey","getItemLabel","getItemSubMenu","style","spareDirection","subMenuDirection","subMenuDirectionProp","otherProps","defaultLevels","levels","setLevels","setSubMenuDirection","hoveredParenLevel","setHoveredParenLevel","levelsRefs","length","addLevel","level","activeItem","newLevels","oldDirection","splice","push","deleteLevel","isActive","ignoreClicksInsideRefs","current","handler","e","firstLevelRef","map","index","zIndex","onSetDirection","ContextMenuLevels","forwardRef"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuLevels/ContextMenuLevels.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { useClickOutside } from '../../../hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { useRefs } from '../../../hooks/useRefs/useRefs';\nimport { Direction, directions } from '../../Popover/Popover';\nimport {\n clearTimers,\n ContextMenuLevel,\n} from '../ContextMenuLevel/ContextMenuLevel';\nimport { getLevels, withDefaultGetters } from '../helpers';\nimport {\n AddLevel,\n ContextMenuComponent,\n contextMenuPropDefaultSubMenuDirection,\n ContextMenuProps,\n contextMenuPropSubMenuDirections,\n Level,\n} from '../types';\n\nconst ContextMenuLevelsRender = (\n propsComponent: ContextMenuProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const props = withDefaultGetters(propsComponent);\n const {\n items,\n anchorRef,\n position,\n direction,\n possibleDirections = directions,\n offset,\n onClickOutside,\n getItemKey,\n getItemLabel,\n getItemSubMenu,\n style,\n spareDirection,\n subMenuDirection:\n subMenuDirectionProp = contextMenuPropDefaultSubMenuDirection,\n ...otherProps\n } = props;\n\n type Item = typeof items[number];\n\n const defaultLevels: Level<Item>[] = [\n {\n items,\n anchorRef,\n position,\n direction,\n possibleDirections,\n offset,\n } as Level<Item>,\n ];\n\n const [levels, setLevels] = useState<Level<Item>[]>(defaultLevels);\n const [subMenuDirection, setSubMenuDirection] =\n useState<Direction>(subMenuDirectionProp);\n const [hoveredParenLevel, setHoveredParenLevel] = useState<number>(-1);\n\n const levelsRefs = useRefs<HTMLDivElement>(levels.length);\n\n const addLevel: AddLevel<Item> = ({\n level,\n items,\n anchorRef,\n activeItem,\n }) => {\n const newLevels = [...levels];\n const oldDirection =\n newLevels[level] && newLevels.length - level > 1\n ? newLevels[level].direction\n : undefined;\n\n if (newLevels[level] && newLevels.length - level > 1 && oldDirection) {\n setSubMenuDirection(oldDirection);\n }\n\n newLevels[level - 1].activeItem = activeItem;\n newLevels.splice(level);\n newLevels.push({\n items,\n anchorRef,\n direction: oldDirection || subMenuDirection,\n possibleDirections: contextMenuPropSubMenuDirections,\n position: undefined,\n });\n setLevels(newLevels);\n };\n\n const deleteLevel = (level: number) => {\n const newLevels = [...levels];\n newLevels.splice(level);\n newLevels[level - 1] = { ...newLevels[level - 1], activeItem: undefined };\n setLevels(newLevels);\n };\n\n useClickOutside({\n isActive: !!onClickOutside,\n ignoreClicksInsideRefs: [...levelsRefs, anchorRef || { current: null }],\n handler: (e) => onClickOutside?.(e),\n });\n\n useEffect(() => {\n clearTimers();\n setLevels(\n getLevels({\n levels,\n items,\n getItemKey,\n getItemSubMenu,\n }),\n );\n return () => clearTimers();\n }, [items]);\n\n const firstLevelRef = useForkRef([levelsRefs[0], ref]);\n\n useEffect(() => {\n setLevels(defaultLevels);\n }, [position]);\n\n return (\n <>\n {levels.map((level, index) => (\n <ContextMenuLevel\n {...otherProps}\n {...level}\n key={`ContextMenu-${index}`}\n style={{\n ...style,\n ...{\n zIndex:\n typeof style?.zIndex === 'number'\n ? style.zIndex + 1\n : undefined,\n },\n }}\n levelDepth={index}\n getItemLabel={getItemLabel}\n addLevel={addLevel}\n deleteLevel={deleteLevel}\n onSetDirection={\n index > 0 ? setSubMenuDirection : props.onSetDirection\n }\n hoveredParenLevel={hoveredParenLevel}\n setHoveredParenLevel={setHoveredParenLevel}\n getItemSubMenu={getItemSubMenu}\n getItemKey={getItemKey}\n ref={index === 0 ? firstLevelRef : levelsRefs[index]}\n spareDirection={index === 0 ? spareDirection : 'rightStartUp'}\n />\n ))}\n </>\n );\n};\n\nexport const ContextMenuLevels = React.forwardRef(\n ContextMenuLevelsRender,\n) as ContextMenuComponent;\n"],"mappings":"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"}
@@ -19,7 +19,7 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<
19
19
  } & import("./types").MappersItem<ITEM> & MappersGroup<GROUP> & {
20
20
  anchorRef: import("react").RefObject<HTMLElement>;
21
21
  position?: undefined;
22
- } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "direction" | "offset" | "items" | "groups" | "position" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "sortGroup" | "onItemClick" | "subMenuDirection" | "isOpen" | keyof import("./types").MappersItem<ITEM_1> | keyof MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
22
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "direction" | "offset" | "items" | "groups" | "position" | "isOpen" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "sortGroup" | "onItemClick" | "subMenuDirection" | keyof import("./types").MappersItem<ITEM_1> | keyof MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
23
23
  id: unknown;
24
24
  } ? {} : {
25
25
  getGroupId: ContextMenuPropGetGroupId<GROUP>;
@@ -60,7 +60,7 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: ContextMenuProps<
60
60
  } & import("./types").MappersItem<ITEM> & MappersGroup<GROUP> & {
61
61
  anchorRef?: undefined;
62
62
  position: import("../Popover").Position;
63
- } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "direction" | "offset" | "items" | "groups" | "position" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "sortGroup" | "onItemClick" | "subMenuDirection" | "isOpen" | keyof import("./types").MappersItem<ITEM_1> | keyof MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
63
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "size" | "direction" | "offset" | "items" | "groups" | "position" | "isOpen" | "possibleDirections" | "spareDirection" | "onClickOutside" | "onSetDirection" | "anchorRef" | "sortGroup" | "onItemClick" | "subMenuDirection" | keyof import("./types").MappersItem<ITEM_1> | keyof MappersGroup<GROUP_1>> & import("react").RefAttributes<HTMLDivElement> & (GROUP extends {
64
64
  id: unknown;
65
65
  } ? {} : {
66
66
  getGroupId: ContextMenuPropGetGroupId<GROUP>;
@@ -83,7 +83,7 @@ export declare type Level<ITEM> = {
83
83
  activeItem?: string;
84
84
  direction?: Direction;
85
85
  possibleDirections?: readonly Direction[];
86
- offset?: number;
86
+ offset?: PopoverPropOffset;
87
87
  } & PositioningProps;
88
88
  export declare type AddLevel<ITEM> = (params: {
89
89
  level: number;
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","names":["contextMenuSizes","contextMenuDefaultSize","contextMenuStatus","contextMenuDefaultStatus","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenu/types.ts"],"sourcesContent":["import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction, PopoverPropOffset, Position } from '../Popover/Popover';\n\nexport const contextMenuSizes = ['m', 'xs', 's', 'l'] as const;\nexport type ContextMenuPropSize = typeof contextMenuSizes[number];\nexport const contextMenuDefaultSize: ContextMenuPropSize = contextMenuSizes[0];\n\nexport const contextMenuStatus = ['alert', 'success', 'warning'] as const;\nexport type ContextMenuStatus = typeof contextMenuStatus[number];\nexport const contextMenuDefaultStatus: ContextMenuStatus = contextMenuStatus[0];\n\nexport const contextMenuPropSubMenuDirections = [\n 'rightStartUp',\n 'rightStartDown',\n 'leftStartUp',\n 'leftStartDown',\n] as const;\nexport type ContextMenuPropSubMenuDirection =\n typeof contextMenuPropSubMenuDirections[number];\nexport const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection =\n contextMenuPropSubMenuDirections[0];\n\nexport type ContextMenuPropOnClick<ITEM> = (params: {\n e: React.MouseEvent<HTMLDivElement>;\n item: ITEM;\n}) => void;\n\nexport type ContextMenuGroupDefault = {\n label?: string;\n id: number;\n};\n\nexport type ContextMenuItemDefault = {\n label: string | number;\n key?: string | number;\n rightSide?: React.ReactNode;\n rightIcon?: IconComponent;\n leftSide?: React.ReactNode;\n leftIcon?: IconComponent;\n subMenu?: ContextMenuItemDefault[];\n status?: ContextMenuStatus;\n disabled?: boolean;\n groupId?: number;\n onClick?: ContextMenuPropOnClick<ContextMenuItemDefault>;\n as?: keyof JSX.IntrinsicElements;\n attributes?: JSX.IntrinsicElements[keyof JSX.IntrinsicElements];\n};\n\nexport type ContextMenuPropSortGroup = (\n a: string | number,\n b: string | number,\n) => number;\n\nexport type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type ContextMenuPropGetItemRightSide<ITEM> = (\n item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemLeftSide<ITEM> = (\n item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemSubMenu<ITEM> = (\n item: ITEM,\n) => ITEM[] | undefined;\nexport type ContextMenuPropGetItemStatus<ITEM> = (\n item: ITEM,\n) => ContextMenuStatus | undefined;\nexport type ContextMenuPropGetItemKey<ITEM> = (\n item: ITEM,\n) => string | number | undefined;\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n item: ITEM,\n) => ContextMenuPropOnClick<ITEM> | undefined;\nexport type ContextMenuPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => boolean | undefined;\nexport type ContextMenuPropGetItemAs<ITEM> = (\n item: ITEM,\n) => keyof JSX.IntrinsicElements | undefined;\nexport type ContextMenuPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | undefined;\nexport type ContextMenuPropGetItemGroupId<ITEM> = (\n item: ITEM,\n) => number | undefined;\nexport type ContextMenuPropGetItemRightIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\nexport type ContextMenuPropGetItemLeftIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetGroupLabel<GROUP> = (\n group: GROUP,\n) => string | undefined;\nexport type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;\n\ntype PositioningProps =\n | {\n anchorRef: React.RefObject<HTMLElement>;\n position?: never;\n }\n | {\n anchorRef?: never;\n position: Position;\n };\n\nexport type MappersItem<ITEM> = {\n getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;\n getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;\n getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;\n getItemSubMenu?: ContextMenuPropGetItemSubMenu<ITEM>;\n getItemStatus?: ContextMenuPropGetItemStatus<ITEM>;\n getItemDisabled?: ContextMenuPropGetItemDisabled<ITEM>;\n getItemKey?: ContextMenuPropGetItemKey<ITEM>;\n getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n getItemAs?: ContextMenuPropGetItemAs<ITEM>;\n getItemAttributes?: ContextMenuPropGetItemAttributes<ITEM>;\n getItemGroupId?: ContextMenuPropGetItemGroupId<ITEM>;\n getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;\n getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;\n};\n\nexport type MappersGroup<GROUP> = {\n getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;\n getGroupId?: ContextMenuPropGetGroupId<GROUP>;\n};\n\nexport type Level<ITEM> = {\n items: ITEM[];\n activeItem?: string;\n direction?: Direction;\n possibleDirections?: readonly Direction[];\n offset?: number;\n} & PositioningProps;\n\nexport type AddLevel<ITEM> = (params: {\n level: number;\n items: ITEM[];\n anchorRef?: React.RefObject<HTMLElement>;\n activeItem: string;\n}) => void;\n\nexport type ContextMenuProps<\n ITEM = ContextMenuItemDefault,\n GROUP = ContextMenuGroupDefault,\n> = PropsWithHTMLAttributesAndRef<\n {\n items: ITEM[];\n size?: ContextMenuPropSize;\n direction?: Direction;\n offset?: PopoverPropOffset;\n groups?: GROUP[];\n sortGroup?: ContextMenuPropSortGroup;\n onItemClick?: ContextMenuPropOnClick<ITEM>;\n possibleDirections?: readonly Direction[];\n subMenuDirection?: ContextMenuPropSubMenuDirection;\n spareDirection?: Direction;\n onSetDirection?: (direction: Direction) => void;\n onClickOutside?: ClickOutsideHandler;\n isOpen?: boolean;\n } & MappersItem<ITEM> &\n MappersGroup<GROUP> &\n PositioningProps,\n HTMLDivElement\n> &\n (GROUP extends { id: ContextMenuGroupDefault['id'] | unknown }\n ? {}\n : { getGroupId: ContextMenuPropGetGroupId<GROUP> }) &\n (ITEM extends { label: ContextMenuItemDefault['label'] }\n ? {}\n : { getItemLabel: ContextMenuPropGetItemLabel<ITEM> });\n\nexport type ContextMenuComponent = <\n ITEM = ContextMenuItemDefault,\n GROUP = ContextMenuGroupDefault,\n>(\n props: ContextMenuProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type ContextMenuLevelProps<ITEM, GROUP> = Omit<\n ContextMenuProps<ITEM, GROUP>,\n | 'subMenuDirection'\n | 'onClickOutside'\n | keyof MappersItem<ITEM>\n | keyof MappersGroup<GROUP>\n> & {\n levelDepth: number;\n addLevel: AddLevel<ITEM>;\n deleteLevel: (level: number) => void;\n activeItem?: string;\n onSetDirection?: (direction: Direction) => void;\n hoveredParenLevel: number;\n setHoveredParenLevel: (level: number) => void;\n} & Required<MappersItem<ITEM>> &\n Required<MappersGroup<GROUP>>;\n\nexport type ContextMenuLevelComponent = <ITEM, GROUP>(\n props: ContextMenuLevelProps<ITEM, GROUP>,\n ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type ContextMenuItemProps<\n AS extends keyof JSX.IntrinsicElements = 'div',\n> = PropsWithAsAttributes<\n Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {\n size?: ContextMenuPropSize;\n active: boolean;\n withSubMenu: boolean;\n },\n AS\n> &\n React.RefAttributes<HTMLDivElement>;\n\nexport type ContextMenuItemComponent = <\n AS extends keyof JSX.IntrinsicElements = 'div',\n>(\n props: ContextMenuItemProps<AS>,\n ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type GetLevelsParams<ITEM> = {\n levels: Level<ITEM>[];\n items: ITEM[];\n getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;\n getItemKey: ContextMenuPropGetItemKey<ITEM>;\n};\n"],"mappings":"AAMA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAGD,gBAAgB,CAAC,CAAD,CAApE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,iCAAgC,CAAG,CAC9C,cAD8C,CAE9C,gBAF8C,CAG9C,aAH8C,CAI9C,eAJ8C,CAAzC,CAQP,MAAO,IAAMC,uCAAuE,CAClFD,gCAAgC,CAAC,CAAD,CAD3B"}
1
+ {"version":3,"file":"types.js","names":["contextMenuSizes","contextMenuDefaultSize","contextMenuStatus","contextMenuDefaultStatus","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenu/types.ts"],"sourcesContent":["import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction, PopoverPropOffset, Position } from '../Popover/Popover';\n\nexport const contextMenuSizes = ['m', 'xs', 's', 'l'] as const;\nexport type ContextMenuPropSize = typeof contextMenuSizes[number];\nexport const contextMenuDefaultSize: ContextMenuPropSize = contextMenuSizes[0];\n\nexport const contextMenuStatus = ['alert', 'success', 'warning'] as const;\nexport type ContextMenuStatus = typeof contextMenuStatus[number];\nexport const contextMenuDefaultStatus: ContextMenuStatus = contextMenuStatus[0];\n\nexport const contextMenuPropSubMenuDirections = [\n 'rightStartUp',\n 'rightStartDown',\n 'leftStartUp',\n 'leftStartDown',\n] as const;\nexport type ContextMenuPropSubMenuDirection =\n typeof contextMenuPropSubMenuDirections[number];\nexport const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection =\n contextMenuPropSubMenuDirections[0];\n\nexport type ContextMenuPropOnClick<ITEM> = (params: {\n e: React.MouseEvent<HTMLDivElement>;\n item: ITEM;\n}) => void;\n\nexport type ContextMenuGroupDefault = {\n label?: string;\n id: number;\n};\n\nexport type ContextMenuItemDefault = {\n label: string | number;\n key?: string | number;\n rightSide?: React.ReactNode;\n rightIcon?: IconComponent;\n leftSide?: React.ReactNode;\n leftIcon?: IconComponent;\n subMenu?: ContextMenuItemDefault[];\n status?: ContextMenuStatus;\n disabled?: boolean;\n groupId?: number;\n onClick?: ContextMenuPropOnClick<ContextMenuItemDefault>;\n as?: keyof JSX.IntrinsicElements;\n attributes?: JSX.IntrinsicElements[keyof JSX.IntrinsicElements];\n};\n\nexport type ContextMenuPropSortGroup = (\n a: string | number,\n b: string | number,\n) => number;\n\nexport type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type ContextMenuPropGetItemRightSide<ITEM> = (\n item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemLeftSide<ITEM> = (\n item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemSubMenu<ITEM> = (\n item: ITEM,\n) => ITEM[] | undefined;\nexport type ContextMenuPropGetItemStatus<ITEM> = (\n item: ITEM,\n) => ContextMenuStatus | undefined;\nexport type ContextMenuPropGetItemKey<ITEM> = (\n item: ITEM,\n) => string | number | undefined;\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n item: ITEM,\n) => ContextMenuPropOnClick<ITEM> | undefined;\nexport type ContextMenuPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => boolean | undefined;\nexport type ContextMenuPropGetItemAs<ITEM> = (\n item: ITEM,\n) => keyof JSX.IntrinsicElements | undefined;\nexport type ContextMenuPropGetItemAttributes<ITEM> = (\n item: ITEM,\n) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | undefined;\nexport type ContextMenuPropGetItemGroupId<ITEM> = (\n item: ITEM,\n) => number | undefined;\nexport type ContextMenuPropGetItemRightIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\nexport type ContextMenuPropGetItemLeftIcon<ITEM> = (\n item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetGroupLabel<GROUP> = (\n group: GROUP,\n) => string | undefined;\nexport type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;\n\ntype PositioningProps =\n | {\n anchorRef: React.RefObject<HTMLElement>;\n position?: never;\n }\n | {\n anchorRef?: never;\n position: Position;\n };\n\nexport type MappersItem<ITEM> = {\n getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;\n getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;\n getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;\n getItemSubMenu?: ContextMenuPropGetItemSubMenu<ITEM>;\n getItemStatus?: ContextMenuPropGetItemStatus<ITEM>;\n getItemDisabled?: ContextMenuPropGetItemDisabled<ITEM>;\n getItemKey?: ContextMenuPropGetItemKey<ITEM>;\n getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n getItemAs?: ContextMenuPropGetItemAs<ITEM>;\n getItemAttributes?: ContextMenuPropGetItemAttributes<ITEM>;\n getItemGroupId?: ContextMenuPropGetItemGroupId<ITEM>;\n getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;\n getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;\n};\n\nexport type MappersGroup<GROUP> = {\n getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;\n getGroupId?: ContextMenuPropGetGroupId<GROUP>;\n};\n\nexport type Level<ITEM> = {\n items: ITEM[];\n activeItem?: string;\n direction?: Direction;\n possibleDirections?: readonly Direction[];\n offset?: PopoverPropOffset;\n} & PositioningProps;\n\nexport type AddLevel<ITEM> = (params: {\n level: number;\n items: ITEM[];\n anchorRef?: React.RefObject<HTMLElement>;\n activeItem: string;\n}) => void;\n\nexport type ContextMenuProps<\n ITEM = ContextMenuItemDefault,\n GROUP = ContextMenuGroupDefault,\n> = PropsWithHTMLAttributesAndRef<\n {\n items: ITEM[];\n size?: ContextMenuPropSize;\n direction?: Direction;\n offset?: PopoverPropOffset;\n groups?: GROUP[];\n sortGroup?: ContextMenuPropSortGroup;\n onItemClick?: ContextMenuPropOnClick<ITEM>;\n possibleDirections?: readonly Direction[];\n subMenuDirection?: ContextMenuPropSubMenuDirection;\n spareDirection?: Direction;\n onSetDirection?: (direction: Direction) => void;\n onClickOutside?: ClickOutsideHandler;\n isOpen?: boolean;\n } & MappersItem<ITEM> &\n MappersGroup<GROUP> &\n PositioningProps,\n HTMLDivElement\n> &\n (GROUP extends { id: ContextMenuGroupDefault['id'] | unknown }\n ? {}\n : { getGroupId: ContextMenuPropGetGroupId<GROUP> }) &\n (ITEM extends { label: ContextMenuItemDefault['label'] }\n ? {}\n : { getItemLabel: ContextMenuPropGetItemLabel<ITEM> });\n\nexport type ContextMenuComponent = <\n ITEM = ContextMenuItemDefault,\n GROUP = ContextMenuGroupDefault,\n>(\n props: ContextMenuProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type ContextMenuLevelProps<ITEM, GROUP> = Omit<\n ContextMenuProps<ITEM, GROUP>,\n | 'subMenuDirection'\n | 'onClickOutside'\n | keyof MappersItem<ITEM>\n | keyof MappersGroup<GROUP>\n> & {\n levelDepth: number;\n addLevel: AddLevel<ITEM>;\n deleteLevel: (level: number) => void;\n activeItem?: string;\n onSetDirection?: (direction: Direction) => void;\n hoveredParenLevel: number;\n setHoveredParenLevel: (level: number) => void;\n} & Required<MappersItem<ITEM>> &\n Required<MappersGroup<GROUP>>;\n\nexport type ContextMenuLevelComponent = <ITEM, GROUP>(\n props: ContextMenuLevelProps<ITEM, GROUP>,\n ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type ContextMenuItemProps<\n AS extends keyof JSX.IntrinsicElements = 'div',\n> = PropsWithAsAttributes<\n Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {\n size?: ContextMenuPropSize;\n active: boolean;\n withSubMenu: boolean;\n },\n AS\n> &\n React.RefAttributes<HTMLDivElement>;\n\nexport type ContextMenuItemComponent = <\n AS extends keyof JSX.IntrinsicElements = 'div',\n>(\n props: ContextMenuItemProps<AS>,\n ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type GetLevelsParams<ITEM> = {\n levels: Level<ITEM>[];\n items: ITEM[];\n getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;\n getItemKey: ContextMenuPropGetItemKey<ITEM>;\n};\n"],"mappings":"AAMA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAGD,gBAAgB,CAAC,CAAD,CAApE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,iCAAgC,CAAG,CAC9C,cAD8C,CAE9C,gBAF8C,CAG9C,aAH8C,CAI9C,eAJ8C,CAAzC,CAQP,MAAO,IAAMC,uCAAuE,CAClFD,gCAAgC,CAAC,CAAD,CAD3B"}
@@ -1 +1 @@
1
- .SelectItem{--text-color:var(--color-control-typo-default);word-wrap:break-word;background-color:var(--color-control-bg-clear);color:var(--text-color);cursor:pointer;font-size:var(--font-size);padding:var(--vertical-space) var(--horizontal-space);position:relative}.SelectItem_size_xs{--horizontal-space:calc(var(--control-space-xs)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:var(--control-text-size-xs)}.SelectItem_size_s{--horizontal-space:calc(var(--control-space-s)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:var(--control-text-size-s)}.SelectItem_size_m{--horizontal-space:calc(var(--control-space-m)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-m)}.SelectItem_size_l{--horizontal-space:calc(var(--control-space-l)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-l)}.SelectItem_hovered{background-color:var(--color-control-bg-clear-hover)}.SelectItem_active{--text-color:var(--color-control-typo-secondary)}.SelectItem_disabled{--text-color:var(--color-control-typo-disable)}.SelectItem_multiple{align-items:center;display:flex}.SelectItem_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}.SelectItem:not(.SelectItem_multiple):before{background-color:transparent;bottom:0;content:"";left:0;position:absolute;top:0;transition:background-color .2s ease-in;width:2px}.SelectItem:not(.SelectItem_multiple).SelectItem_active:before{background-color:var(--text-color)}.SelectItem-Checkbox{margin-right:var(--space-xs)}
1
+ .SelectItem{--text-color:var(--color-control-typo-default);word-wrap:break-word;background-color:var(--color-control-bg-clear);color:var(--text-color);cursor:pointer;font-size:var(--font-size);min-height:calc(var(--vertical-space)*2 + var(--font-size)*1.2);padding:var(--vertical-space) var(--horizontal-space);position:relative}.SelectItem_size_xs{--horizontal-space:calc(var(--control-space-xs)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:var(--control-text-size-xs)}.SelectItem_size_s{--horizontal-space:calc(var(--control-space-s)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:var(--control-text-size-s)}.SelectItem_size_m{--horizontal-space:calc(var(--control-space-m)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-m)}.SelectItem_size_l{--horizontal-space:calc(var(--control-space-l)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-l)}.SelectItem_hovered{background-color:var(--color-control-bg-clear-hover)}.SelectItem_active{--text-color:var(--color-control-typo-secondary)}.SelectItem_disabled{--text-color:var(--color-control-typo-disable)}.SelectItem_multiple{align-items:center;display:flex}.SelectItem_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}.SelectItem:not(.SelectItem_multiple):before{background-color:transparent;bottom:0;content:"";left:0;position:absolute;top:0;transition:background-color .2s ease-in;width:2px}.SelectItem:not(.SelectItem_multiple).SelectItem_active:before{background-color:var(--text-color)}.SelectItem-Checkbox{margin-right:var(--space-xs)}
@@ -6,7 +6,7 @@ export declare const tagBasePropSizeDefault: "m";
6
6
  export declare type TagBasePropSize = typeof tagBasePropSize[number];
7
7
  export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
8
8
  export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
9
- export declare const tagBasePropGroup: (1 | "1" | 2 | 4 | 3 | 5 | "2" | 7 | 8 | "3" | "4" | "5" | 9 | 6 | "6" | "7" | "8" | "9")[];
9
+ export declare const tagBasePropGroup: (1 | "1" | 2 | 4 | 3 | 5 | "2" | 7 | "3" | "4" | "5" | 8 | 9 | 6 | "6" | "7" | "8" | "9")[];
10
10
  export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
11
11
  export declare const tagBasePropView: readonly ["stroked", "filled"];
12
12
  export declare const tagBasePropViewDefault: "stroked";
@@ -1 +1 @@
1
- .AboutDataText{margin-bottom:var(--space-s);margin-top:var(--space-s)}
1
+ .AboutData{margin-bottom:var(--space-s);margin-top:var(--space-s)}.AboutData-Link{color:var(--color-typo-link);transition:.3s ease}.AboutData-Link :hover{color:var(--color-typo-link-hover)}
@@ -1,2 +1,2 @@
1
- import"./AboutData.css";import React from"react";import{cnMixSpace}from"../../../../mixs/MixSpace/MixSpace";import{Text}from"../../../../../src/components/Text/Text";import{cnDocsDecorator}from"../../../../../src/uiKit/components/DocsDecorator/DocsDecorator";import*as wp from"../../../../../src/uiKit/whitepaper/whitepaper";import{cn}from"../../../../../src/utils/bem";var cnAboutData=cn("AboutData");export var AboutDataGeneral=function(){return React.createElement("div",{className:cnDocsDecorator("Section",[wp.tplGrid({"xs-columns":2,"col-gap":"full","row-gap":"full"})])},React.createElement("div",{className:(wp.tplGrid("fraction",{row:"first"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0435")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-text-stable"},"\u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0430")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-theme-stable?hash=\u0446\u0432\u0435\u0442\u0430-\u0442\u0435\u043C\u044B-default"},"\u0446\u0432\u0435\u0442\u0430")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-icon-stable"},"\u0438\u043A\u043E\u043D\u043A\u0438")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-theme-stable"},"\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"/"},"\u0432\u0441\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u0421 \u0447\u0435\u0433\u043E \u043D\u0430\u0447\u0430\u0442\u044C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-about-start-stable"},"\u0431\u044B\u0441\u0442\u0440\u044B\u0439 \u0441\u0442\u0430\u0440\u0442")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://www.figma.com/@consta",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u0432 Figma")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://github.com/consta-design-system",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u043D\u0430 GitHub")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-workflow-workflow-stable"},"\u043A\u0430\u043A \u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u0441 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u043E\u0439")))),React.createElement("div",{className:(wp.tplGrid("fraction",{row:"second"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0438 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u044B")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://consta.design/",target:"_blank"},"\u0441\u0430\u0439\u0442 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/consta_ui_releases",target:"_blank"},"\u043A\u0430\u043D\u0430\u043B \u0441 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F\u043C\u0438")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/Consta_Chat",target:"_blank"},"\u0447\u0430\u0442")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041A\u043E\u043D\u0442\u0440\u0438\u0431\u044C\u044E\u0442\u043E\u0440\u0430\u043C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-contribute-stable/design"},"\u0434\u0438\u0437\u0430\u0439\u043D\u0435\u0440\u0430\u043C")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-contribute-stable/dev"},"\u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u0447\u0438\u043A\u0430\u043C")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-addcomponent-stable"},"\u043A\u0430\u043A \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442")))))};
1
+ import"./AboutData.css";import{Link}from"@consta/stand/src/componets/Link";import React from"react";import{cnMixSpace}from"../../../../mixs/MixSpace/MixSpace";import{Text}from"../../../../../src/components/Text/Text";import{cnDocsDecorator}from"../../../../../src/uiKit/components/DocsDecorator/DocsDecorator";import*as wp from"../../../../../src/uiKit/whitepaper/whitepaper";import{cn}from"../../../../../src/utils/bem";var cnAboutData=cn("AboutData");export var AboutDataGeneral=function(){return React.createElement("div",{className:cnDocsDecorator("Section",[wp.tplGrid({"xs-columns":2,"col-gap":"full","row-gap":"full"})])},React.createElement("div",{className:(wp.tplGrid("fraction",{row:"first"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0435")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"components-text-stable"}},"\u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0430")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"components-theme-stable",hash:"\u0446\u0432\u0435\u0442\u0430-\u0442\u0435\u043C\u044B-default"}},"\u0446\u0432\u0435\u0442\u0430")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"components-icon-stable"}},"\u0438\u043A\u043E\u043D\u043A\u0438")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"components-theme-stable"}},"\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"/"},"\u0432\u0441\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u0421 \u0447\u0435\u0433\u043E \u043D\u0430\u0447\u0430\u0442\u044C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"about-start-stable"}},"\u0431\u044B\u0441\u0442\u0440\u044B\u0439 \u0441\u0442\u0430\u0440\u0442")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://www.figma.com/@consta",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u0432 Figma")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://github.com/consta-design-system",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u043D\u0430 GitHub")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"workflow-workflow"}},"\u043A\u0430\u043A \u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u0441 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u043E\u0439")))),React.createElement("div",{className:(wp.tplGrid("fraction",{row:"second"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0438 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u044B")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://consta.design/",target:"_blank"},"\u0441\u0430\u0439\u0442 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/consta_ui_releases",target:"_blank"},"\u043A\u0430\u043D\u0430\u043B \u0441 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F\u043C\u0438")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/Consta_Chat",target:"_blank"},"\u0447\u0430\u0442")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041A\u043E\u043D\u0442\u0440\u0438\u0431\u044C\u044E\u0442\u043E\u0440\u0430\u043C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND.TAB",params:{lib:"uikit",stand:"custom-contribute",tab:"design"}},"\u0434\u0438\u0437\u0430\u0439\u043D\u0435\u0440\u0430\u043C")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND.TAB",params:{lib:"uikit",stand:"custom-contribute",tab:"dev"}},"\u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u0447\u0438\u043A\u0430\u043C")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"custom-addcomponent"}},"\u043A\u0430\u043A \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442")))))};
2
2
  //# sourceMappingURL=AboutData.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AboutData.js","names":["React","cnMixSpace","Text","cnDocsDecorator","wp","cn","cnAboutData","AboutDataGeneral","tplGrid","row","mL","mB","m","mT"],"sources":["../../../../../../../src/docs/aboutConsta/components/AboutData/AboutData.tsx"],"sourcesContent":["import './AboutData.css';\n\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace/MixSpace';\n\nimport { Text } from '../../../../../src/components/Text/Text';\nimport { cnDocsDecorator } from '../../../../../src/uiKit/components/DocsDecorator/DocsDecorator';\nimport * as wp from '../../../../../src/uiKit/whitepaper/whitepaper';\nimport { cn } from '../../../../../src/utils/bem';\n\nconst cnAboutData = cn('AboutData');\n\nexport const AboutDataGeneral = () => {\n return (\n <div\n className={cnDocsDecorator('Section', [\n wp.tplGrid({ 'xs-columns': 2, 'col-gap': 'full', 'row-gap': 'full' }),\n ])}\n >\n <div\n className={\n (wp.tplGrid('fraction', { row: 'first' }),\n cnMixSpace({ mL: '2xl', mB: 'm' }))\n }\n >\n <div>\n <Text weight=\"bold\" size=\"l\">\n Основное\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-components-text-stable\"\n >\n типографика\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-components-theme-stable?hash=цвета-темы-default\"\n >\n цвета\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-components-icon-stable\"\n >\n иконки\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-components-theme-stable\"\n >\n темы\n </Text>\n </li>\n <li>\n <Text className={cnAboutData('Link')} as=\"a\" view=\"link\" href=\"/\">\n все компоненты\n </Text>\n </li>\n </ul>\n </div>\n <div className={wp.tplGrid('fraction', { row: 'first' })}>\n <div>\n <Text weight=\"bold\" size=\"l\">\n С чего начать\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-about-start-stable\"\n >\n быстрый старт\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://www.figma.com/@consta\"\n target=\"_blank\"\n >\n библиотеки в Figma\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://github.com/consta-design-system\"\n target=\"_blank\"\n >\n библиотеки на GitHub\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-workflow-workflow-stable\"\n >\n как работать с дизайн-системой\n </Text>\n </li>\n </ul>\n </div>\n <div\n className={\n (wp.tplGrid('fraction', { row: 'second' }),\n cnMixSpace({ mL: '2xl', mB: 'm' }))\n }\n >\n <div>\n <Text weight=\"bold\" size=\"l\">\n Обновления и контакты\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://consta.design/\"\n target=\"_blank\"\n >\n сайт дизайн-системы\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://t.me/consta_ui_releases\"\n target=\"_blank\"\n >\n канал с обновлениями\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://t.me/Consta_Chat\"\n target=\"_blank\"\n >\n чат\n </Text>\n </li>\n </ul>\n </div>\n <div className={wp.tplGrid('fraction', { row: 'first' })}>\n <div>\n <Text weight=\"bold\" size=\"l\">\n Контрибьюторам\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-custom-contribute-stable/design\"\n >\n дизайнерам\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-custom-contribute-stable/dev\"\n >\n разработчикам\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-custom-addcomponent-stable\"\n >\n как добавить компонент\n </Text>\n </li>\n </ul>\n </div>\n </div>\n );\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"AboutData.js","names":["Link","React","cnMixSpace","Text","cnDocsDecorator","wp","cn","cnAboutData","AboutDataGeneral","tplGrid","row","mL","mB","m","mT","lib","stand","hash","tab"],"sources":["../../../../../../../src/docs/aboutConsta/components/AboutData/AboutData.tsx"],"sourcesContent":["import './AboutData.css';\n\nimport { Link } from '@consta/stand/src/componets/Link';\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace/MixSpace';\n\nimport { Text } from '../../../../../src/components/Text/Text';\nimport { cnDocsDecorator } from '../../../../../src/uiKit/components/DocsDecorator/DocsDecorator';\nimport * as wp from '../../../../../src/uiKit/whitepaper/whitepaper';\nimport { cn } from '../../../../../src/utils/bem';\n\nconst cnAboutData = cn('AboutData');\n\nexport const AboutDataGeneral = () => {\n return (\n <div\n className={cnDocsDecorator('Section', [\n wp.tplGrid({ 'xs-columns': 2, 'col-gap': 'full', 'row-gap': 'full' }),\n ])}\n >\n <div\n className={\n (wp.tplGrid('fraction', { row: 'first' }),\n cnMixSpace({ mL: '2xl', mB: 'm' }))\n }\n >\n <div>\n <Text weight=\"bold\" size=\"l\">\n Основное\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Link\n className={cnAboutData('Link')}\n to=\"LIBS.LIB.STAND\"\n params={{\n lib: 'uikit',\n stand: 'components-text-stable',\n }}\n >\n типографика\n </Link>\n </li>\n <li>\n <Link\n className={cnAboutData('Link')}\n to=\"LIBS.LIB.STAND\"\n params={{\n lib: 'uikit',\n stand: 'components-theme-stable',\n hash: 'цвета-темы-default',\n }}\n >\n цвета\n </Link>\n </li>\n <li>\n <Link\n className={cnAboutData('Link')}\n to=\"LIBS.LIB.STAND\"\n params={{\n lib: 'uikit',\n stand: 'components-icon-stable',\n }}\n >\n иконки\n </Link>\n </li>\n <li>\n <Link\n className={cnAboutData('Link')}\n to=\"LIBS.LIB.STAND\"\n params={{\n lib: 'uikit',\n stand: 'components-theme-stable',\n }}\n >\n темы\n </Link>\n </li>\n <li>\n <Text className={cnAboutData('Link')} as=\"a\" view=\"link\" href=\"/\">\n все компоненты\n </Text>\n </li>\n </ul>\n </div>\n <div className={wp.tplGrid('fraction', { row: 'first' })}>\n <div>\n <Text weight=\"bold\" size=\"l\">\n С чего начать\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Link\n className={cnAboutData('Link')}\n to=\"LIBS.LIB.STAND\"\n params={{\n lib: 'uikit',\n stand: 'about-start-stable',\n }}\n >\n быстрый старт\n </Link>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://www.figma.com/@consta\"\n target=\"_blank\"\n >\n библиотеки в Figma\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://github.com/consta-design-system\"\n target=\"_blank\"\n >\n библиотеки на GitHub\n </Text>\n </li>\n <li>\n <Link\n className={cnAboutData('Link')}\n to=\"LIBS.LIB.STAND\"\n params={{\n lib: 'uikit',\n stand: 'workflow-workflow',\n }}\n >\n как работать с дизайн-системой\n </Link>\n </li>\n </ul>\n </div>\n <div\n className={\n (wp.tplGrid('fraction', { row: 'second' }),\n cnMixSpace({ mL: '2xl', mB: 'm' }))\n }\n >\n <div>\n <Text weight=\"bold\" size=\"l\">\n Обновления и контакты\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://consta.design/\"\n target=\"_blank\"\n >\n сайт дизайн-системы\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://t.me/consta_ui_releases\"\n target=\"_blank\"\n >\n канал с обновлениями\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://t.me/Consta_Chat\"\n target=\"_blank\"\n >\n чат\n </Text>\n </li>\n </ul>\n </div>\n <div className={wp.tplGrid('fraction', { row: 'first' })}>\n <div>\n <Text weight=\"bold\" size=\"l\">\n Контрибьюторам\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Link\n className={cnAboutData('Link')}\n to=\"LIBS.LIB.STAND.TAB\"\n params={{\n lib: 'uikit',\n stand: 'custom-contribute',\n tab: 'design',\n }}\n >\n дизайнерам\n </Link>\n </li>\n <li>\n <Link\n className={cnAboutData('Link')}\n to=\"LIBS.LIB.STAND.TAB\"\n params={{\n lib: 'uikit',\n stand: 'custom-contribute',\n tab: 'dev',\n }}\n >\n разработчикам\n </Link>\n </li>\n <li>\n <Link\n className={cnAboutData('Link')}\n to=\"LIBS.LIB.STAND\"\n params={{\n lib: 'uikit',\n stand: 'custom-addcomponent',\n }}\n >\n как добавить компонент\n </Link>\n </li>\n </ul>\n </div>\n </div>\n );\n};\n"],"mappings":"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"}
@@ -0,0 +1 @@
1
+ .AboutDataText{margin-bottom:var(--space-s);margin-top:var(--space-s)}
@@ -0,0 +1,2 @@
1
+ import './AboutData.css';
2
+ export declare const AboutDataGeneral: () => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import"./AboutData.css";import React from"react";import{cnMixSpace}from"../../../../mixs/MixSpace/MixSpace";import{Text}from"../../../../../src/components/Text/Text";import{cnDocsDecorator}from"../../../../../src/uiKit/components/DocsDecorator/DocsDecorator";import*as wp from"../../../../../src/uiKit/whitepaper/whitepaper";import{cn}from"../../../../../src/utils/bem";var cnAboutData=cn("AboutData");export var AboutDataGeneral=function(){return React.createElement("div",{className:cnDocsDecorator("Section",[wp.tplGrid({"xs-columns":2,"col-gap":"full","row-gap":"full"})])},React.createElement("div",{className:(wp.tplGrid("fraction",{row:"first"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0435")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-text-stable"},"\u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0430")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-theme-stable?hash=\u0446\u0432\u0435\u0442\u0430-\u0442\u0435\u043C\u044B-default"},"\u0446\u0432\u0435\u0442\u0430")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-icon-stable"},"\u0438\u043A\u043E\u043D\u043A\u0438")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-theme-stable"},"\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"/"},"\u0432\u0441\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u0421 \u0447\u0435\u0433\u043E \u043D\u0430\u0447\u0430\u0442\u044C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-about-start-stable"},"\u0431\u044B\u0441\u0442\u0440\u044B\u0439 \u0441\u0442\u0430\u0440\u0442")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://www.figma.com/@consta",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u0432 Figma")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://github.com/consta-design-system",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u043D\u0430 GitHub")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-workflow-workflow-stable"},"\u043A\u0430\u043A \u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u0441 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u043E\u0439")))),React.createElement("div",{className:(wp.tplGrid("fraction",{row:"second"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0438 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u044B")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://consta.design/",target:"_blank"},"\u0441\u0430\u0439\u0442 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/consta_ui_releases",target:"_blank"},"\u043A\u0430\u043D\u0430\u043B \u0441 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F\u043C\u0438")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/Consta_Chat",target:"_blank"},"\u0447\u0430\u0442")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041A\u043E\u043D\u0442\u0440\u0438\u0431\u044C\u044E\u0442\u043E\u0440\u0430\u043C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-contribute-stable/design"},"\u0434\u0438\u0437\u0430\u0439\u043D\u0435\u0440\u0430\u043C")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-contribute-stable/dev"},"\u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u0447\u0438\u043A\u0430\u043C")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-addcomponent-stable"},"\u043A\u0430\u043A \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442")))))};
2
+ //# sourceMappingURL=AboutData.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AboutData.js","names":["React","cnMixSpace","Text","cnDocsDecorator","wp","cn","cnAboutData","AboutDataGeneral","tplGrid","row","mL","mB","m","mT"],"sources":["../../../../../../../src/docs/tableComparison/components/AboutData/AboutData.tsx"],"sourcesContent":["import './AboutData.css';\n\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace/MixSpace';\n\nimport { Text } from '../../../../../src/components/Text/Text';\nimport { cnDocsDecorator } from '../../../../../src/uiKit/components/DocsDecorator/DocsDecorator';\nimport * as wp from '../../../../../src/uiKit/whitepaper/whitepaper';\nimport { cn } from '../../../../../src/utils/bem';\n\nconst cnAboutData = cn('AboutData');\n\nexport const AboutDataGeneral = () => {\n return (\n <div\n className={cnDocsDecorator('Section', [\n wp.tplGrid({ 'xs-columns': 2, 'col-gap': 'full', 'row-gap': 'full' }),\n ])}\n >\n <div\n className={\n (wp.tplGrid('fraction', { row: 'first' }),\n cnMixSpace({ mL: '2xl', mB: 'm' }))\n }\n >\n <div>\n <Text weight=\"bold\" size=\"l\">\n Основное\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-components-text-stable\"\n >\n типографика\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-components-theme-stable?hash=цвета-темы-default\"\n >\n цвета\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-components-icon-stable\"\n >\n иконки\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-components-theme-stable\"\n >\n темы\n </Text>\n </li>\n <li>\n <Text className={cnAboutData('Link')} as=\"a\" view=\"link\" href=\"/\">\n все компоненты\n </Text>\n </li>\n </ul>\n </div>\n <div className={wp.tplGrid('fraction', { row: 'first' })}>\n <div>\n <Text weight=\"bold\" size=\"l\">\n С чего начать\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-about-start-stable\"\n >\n быстрый старт\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://www.figma.com/@consta\"\n target=\"_blank\"\n >\n библиотеки в Figma\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://github.com/consta-design-system\"\n target=\"_blank\"\n >\n библиотеки на GitHub\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-workflow-workflow-stable\"\n >\n как работать с дизайн-системой\n </Text>\n </li>\n </ul>\n </div>\n <div\n className={\n (wp.tplGrid('fraction', { row: 'second' }),\n cnMixSpace({ mL: '2xl', mB: 'm' }))\n }\n >\n <div>\n <Text weight=\"bold\" size=\"l\">\n Обновления и контакты\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://consta.design/\"\n target=\"_blank\"\n >\n сайт дизайн-системы\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://t.me/consta_ui_releases\"\n target=\"_blank\"\n >\n канал с обновлениями\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"https://t.me/Consta_Chat\"\n target=\"_blank\"\n >\n чат\n </Text>\n </li>\n </ul>\n </div>\n <div className={wp.tplGrid('fraction', { row: 'first' })}>\n <div>\n <Text weight=\"bold\" size=\"l\">\n Контрибьюторам\n </Text>\n </div>\n <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-custom-contribute-stable/design\"\n >\n дизайнерам\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-custom-contribute-stable/dev\"\n >\n разработчикам\n </Text>\n </li>\n <li>\n <Text\n className={cnAboutData('Link')}\n as=\"a\"\n view=\"link\"\n href=\"uikit-custom-addcomponent-stable\"\n >\n как добавить компонент\n </Text>\n </li>\n </ul>\n </div>\n </div>\n );\n};\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ declare const _default: import("@consta/stand").CreatedStand;
2
+ export default _default;
@@ -0,0 +1,2 @@
1
+ import{createStand}from"../../stand/standConfig";export default createStand({title:"\u041A\u0430\u043A\u0443\u044E \u0442\u0430\u0431\u043B\u0438\u0446\u0443 \u0432\u044B\u0431\u0440\u0430\u0442\u044C",id:"tableComparison",group:"workflow",order:70});
2
+ //# sourceMappingURL=tableComparison.stand.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tableComparison.stand.js","names":["createStand","title","id","group","order"],"sources":["../../../../../src/docs/tableComparison/tableComparison.stand.tsx"],"sourcesContent":["import { createStand } from '##/stand/standConfig';\n\nexport default createStand({\n title: 'Какую таблицу выбрать',\n id: 'tableComparison',\n group: 'workflow',\n order: 70,\n});\n"],"mappings":"AAAA,OAASA,WAAT,+BAEA,cAAeA,YAAW,CAAC,CACzBC,KAAK,CAAE,sHADkB,CAEzBC,EAAE,CAAE,iBAFqB,CAGzBC,KAAK,CAAE,UAHkB,CAIzBC,KAAK,CAAE,EAJkB,CAAD,CAA1B"}
@@ -37,6 +37,8 @@ export declare type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {
37
37
  onFocus?: React.FocusEventHandler<HTMLInputElement>;
38
38
  onBlur?: React.FocusEventHandler<HTMLInputElement>;
39
39
  multiple: boolean;
40
+ searchValue?: string;
41
+ withoutClearSearch?: boolean;
40
42
  onChange: OnChangeProp<ITEM, MULTIPLE>;
41
43
  value: ValueProp<ITEM, MULTIPLE>;
42
44
  };
@@ -1,2 +1,2 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){throw a}),f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){h=!0,f=a}),f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import React,{useEffect,useMemo,useRef,useState}from"react";import{getGroups}from"../../utils/getGroups";import{useClickOutside}from"../useClickOutside/useClickOutside";import{useDebounce}from"../useDebounce/useDebounce";import{useKeys}from"../useKeys/useKeys";import{usePrevious}from"../usePrevious/usePrevious";import{scrollToIndex,useHoistedState}from"./helpers";var isMultipleParams=function(a){return a.multiple},isNotMultipleParams=function(a){return!a.multiple},actions={setOpen:"setOpen",setSearch:"setSearch",highlightIndex:"highlightIndex"},initialState={searchValue:"",resolvedSearchValue:"",isOpen:!1,highlightedIndex:0,scrollToHighlighted:!1};export var isOptionForCreate=function(a){return a&&Object.prototype.hasOwnProperty.call(a,"__optionForCreate")};export function useSelect(a){var b=a.items,c=a.dropdownRef,d=a.controlRef,e=a.disabled,f=void 0!==e&&e,g=a.multiple,h=void 0!==g&&g,i=a.getItemLabel,j=a.getItemKey,k=a.searchFunction,l=a.getItemGroupKey,m=a.groups,n=a.getGroupKey,o=a.sortGroups,p=a.getItemDisabled,q=a.onFocus,r=a.onBlur,s=useRef(null),t=useState(!1),u=_slicedToArray(t,2),v=u[0],w=u[1],x=a.value&&(Array.isArray(a.value)?a.value:[a.value])||[],y=useHoistedState(initialState),z=_slicedToArray(y,2),A=z[0],B=A.searchValue,C=A.isOpen,D=A.highlightedIndex,E=A.resolvedSearchValue,F=A.scrollToHighlighted,G=z[1],H=function(a,b){return-1!==i(a).toLocaleLowerCase().indexOf(b.toLocaleLowerCase())},I=React.useMemo(function(){if(E&&""!==E){var c=b.filter(function(a){return k?k(a,E):H(a,E)}),d=!!b.find(function(a){return i(a).toString().toLowerCase()===E.toLocaleLowerCase()});return[c,a.onCreate&&!d?{label:B,__optionForCreate:!0}:void 0]}return[b,void 0]},[b,E]),J=_slicedToArray(I,2),K=J[0],L=J[1],M=useMemo(function(){var a=getGroups(K,null!==m&&void 0!==m&&m.length?l:void 0,m,n,o);return L?[L].concat(_toConsumableArray(a)):a},[K,m,l,n,o,L]),N=useMemo(function(){var b=!1;return 0<B.length&&(b=0===M.filter(function(a){return isOptionForCreate(a)||0<a.items.length||a.group}).length&&!a.onCreate),b},[M]),O=0!==b.length,P=function(){var a=0;if(0<x.length){var b,c=_createForOfIteratorHelper(M);try{for(c.s();!(b=c.n()).done;){var f=b.value;if(isOptionForCreate(f)){a++;continue}var d,e=_createForOfIteratorHelper(f.items);try{for(e.s();!(d=e.n()).done;){var g=d.value;if(j(g)===j(x[0]))return a;a++}}catch(a){e.e(a)}finally{e.f()}}}catch(a){c.e(a)}finally{c.f()}}return 0},Q=React.useCallback(function(a){G(function(b){return _objectSpread(_objectSpread({},b),{},{isOpen:a})},actions.setOpen)},[G]),R=useDebounce(function(a){G(function(b){return _objectSpread(_objectSpread({},b),{},{resolvedSearchValue:a})},actions.setSearch)},300),S=React.useCallback(function(a){G(function(b){return _objectSpread(_objectSpread({},b),{},{searchValue:a})},actions.setSearch),R(a)},[G,R]),T=usePrevious(C);React.useLayoutEffect(function(){if(null!==x&&!T&&C){var a=P();0<K.length&&scrollToIndex(a,c)}});var U=React.useCallback(function(a,b){G(function(c){return _objectSpread(_objectSpread({},c),{},{highlightedIndex:Math.min(Math.max(0,"function"==typeof a?a(c.highlightedIndex):a),L?K.length:K.length-1),scrollToHighlighted:b})},actions.highlightIndex)},[K,G,L]),V=function(b,c){if(b.stopPropagation(),isMultipleParams(a)){var d,e=null===(d=a.value)||void 0===d?void 0:d.filter(function(a){return j(a)!==j(c)});a.onChange({e:b,value:null!==e&&void 0!==e&&e.length?e:null})}},W=function(b,c){if(!(p&&p(c))){if(isMultipleParams(a)){var d=x.some(function(a){return j(a)===j(c)})?x.filter(function(a){return j(a)!==j(c)}):[].concat(_toConsumableArray(x),[c]);a.onChange({value:d.length?d:null,e:b})}isNotMultipleParams(a)&&(a.onChange({value:c,e:b}),Q(!1)),R(""),S("")}},X=function(b,c){a.onCreate&&a.onCreate({e:b,label:c}),Q(!1),R(""),S("")},Y=function(b){a.onChange({value:null,e:b}),R(""),S("")},Z=function(a,b){b.preventDefault(),f||Q(!0),U(function(a){return a-1},!0)},$=function(a,b){b.preventDefault(),f||Q(!0),U(function(a){return a+1},!0)},_=useKeys({ArrowUp:Z,ArrowDown:$,PageUp:Z,PageDown:$,Home:Z,End:$,Enter:function Enter(a,b){if(C){(B||K[D])&&b.preventDefault();var c=function(a){var b,c=0,d=_createForOfIteratorHelper(M);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(isOptionForCreate(e))return c++,e;if(e.items.length+c>a)return e.items[a-c];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}},d=c(D);if(isOptionForCreate(d))return void X(b,d.label);d&&W(b,d)}},Escape:function Escape(){Q(!1)},Tab:function Tab(){Q(!1)},Backspace:function Backspace(a,b){B||(h?V(b,x[x.length-1]):Y(b))}});useClickOutside({isActive:C,ignoreClicksInsideRefs:[c,d],handler:function handler(){Q(!1)}}),React.useEffect(function(){f&&Q(!1)},[f]),React.useEffect(function(){var a=P();U(a,!0)},[U]),React.useEffect(function(){0<K.length&&F&&scrollToIndex(D,c)},[D]);return useEffect(function(){B&&Q(!0)},[B]),{isOpen:C,isFocused:v,highlightedIndex:D,visibleItems:M,highlightIndex:U,getOptionProps:function getOptionProps(a){var b=a.index,c=a.item;if(isOptionForCreate(c))return{onClick:function onClick(a){X(a,c.label)},onMouseEnter:function onMouseEnter(){U(b,!1)},active:!1,hovered:b===D,key:"__optionForCreate"};var d=j(c);return{onClick:function onClick(a){W(a,c)},onMouseEnter:function onMouseEnter(){U(b,!1)},active:!!x.find(function(a){return j(a)===d}),hovered:b===D,key:d}},handleInputFocus:function handleInputFocus(a){f||(!v&&w(!0),"function"==typeof q&&q(a))},handleInputBlur:function handleInputBlur(a){if(C){var b;return void(null===(b=s.current)||void 0===b?void 0:b.focus())}v&&w(!1),"function"==typeof r&&r(a)},handleToggleDropdown:function handleToggleDropdown(){if(C)Q(!1),w(!1);else{var a;Q(!0),w(!0),null===(a=s.current)||void 0===a?void 0:a.focus()}},handleInputClick:function handleInputClick(){if(f||Q(!C),h){var a;null===(a=s.current)||void 0===a?void 0:a.focus(),S("")}},inputRef:s,getKeyProps:_,handleInputChange:function handleInputChange(a){f||!h&&0<x.length||S(a.target.value)},searchValue:B,clearValue:Y,getHandleRemoveValue:function getHandleRemoveValue(a){return function(b){return V(b,a)}},notFound:N,hasItems:O}}
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){throw a}),f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){h=!0,f=a}),f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import React,{useEffect,useMemo,useRef,useState}from"react";import{getGroups}from"../../utils/getGroups";import{useClickOutside}from"../useClickOutside/useClickOutside";import{useDebounce}from"../useDebounce/useDebounce";import{useKeys}from"../useKeys/useKeys";import{usePrevious}from"../usePrevious/usePrevious";import{scrollToIndex,useHoistedState}from"./helpers";var isMultipleParams=function(a){return a.multiple},isNotMultipleParams=function(a){return!a.multiple},actions={setOpen:"setOpen",setSearch:"setSearch",highlightIndex:"highlightIndex"},initialState={searchValue:"",resolvedSearchValue:"",isOpen:!1,highlightedIndex:0,scrollToHighlighted:!1};export var isOptionForCreate=function(a){return a&&Object.prototype.hasOwnProperty.call(a,"__optionForCreate")};export function useSelect(a){var b=a.items,c=a.dropdownRef,d=a.controlRef,e=a.disabled,f=void 0!==e&&e,g=a.multiple,h=void 0!==g&&g,i=a.getItemLabel,j=a.getItemKey,k=a.searchFunction,l=a.getItemGroupKey,m=a.groups,n=a.getGroupKey,o=a.sortGroups,p=a.getItemDisabled,q=a.onFocus,r=a.onBlur,s=a.searchValue,t=a.withoutClearSearch,u=useRef(null),v=useState(!1),w=_slicedToArray(v,2),x=w[0],y=w[1],z=a.value&&(Array.isArray(a.value)?a.value:[a.value])||[],A=useHoistedState(initialState),B=_slicedToArray(A,2),C=B[0],D=C.searchValue,E=C.isOpen,F=C.highlightedIndex,G=C.resolvedSearchValue,H=C.scrollToHighlighted,I=B[1],J=function(a,b){return-1!==i(a).toLocaleLowerCase().indexOf(b.toLocaleLowerCase())},K=React.useMemo(function(){if(G&&""!==G){var c=b.filter(function(a){return k?k(a,G):J(a,G)}),d=!!b.find(function(a){return i(a).toString().toLowerCase()===G.toLocaleLowerCase()});return[c,a.onCreate&&!d?{label:D,__optionForCreate:!0}:void 0]}return[b,void 0]},[b,G]),L=_slicedToArray(K,2),M=L[0],N=L[1],O=useMemo(function(){var a=getGroups(M,null!==m&&void 0!==m&&m.length?l:void 0,m,n,o);return N?[N].concat(_toConsumableArray(a)):a},[M,m,l,n,o,N]),P=useMemo(function(){var b=!1;return 0<D.length&&(b=0===O.filter(function(a){return isOptionForCreate(a)||0<a.items.length||a.group}).length&&!a.onCreate),b},[O]),Q=0!==b.length,R=function(){var a=0;if(0<z.length){var b,c=_createForOfIteratorHelper(O);try{for(c.s();!(b=c.n()).done;){var f=b.value;if(isOptionForCreate(f)){a++;continue}var d,e=_createForOfIteratorHelper(f.items);try{for(e.s();!(d=e.n()).done;){var g=d.value;if(j(g)===j(z[0]))return a;a++}}catch(a){e.e(a)}finally{e.f()}}}catch(a){c.e(a)}finally{c.f()}}return 0},S=React.useCallback(function(a){I(function(b){return _objectSpread(_objectSpread({},b),{},{isOpen:a})},actions.setOpen)},[I]),T=useDebounce(function(a){I(function(b){return _objectSpread(_objectSpread({},b),{},{resolvedSearchValue:a})},actions.setSearch)},300),U=React.useCallback(function(a){I(function(b){return _objectSpread(_objectSpread({},b),{},{searchValue:a})},actions.setSearch),T(a)},[I,T]),V=usePrevious(E);React.useLayoutEffect(function(){if(null!==z&&!V&&E){var a=R();0<M.length&&scrollToIndex(a,c)}});var W=React.useCallback(function(a,b){I(function(c){return _objectSpread(_objectSpread({},c),{},{highlightedIndex:Math.min(Math.max(0,"function"==typeof a?a(c.highlightedIndex):a),N?M.length:M.length-1),scrollToHighlighted:b})},actions.highlightIndex)},[M,I,N]),X=function(b,c){if(b.stopPropagation(),isMultipleParams(a)){var d,e=null===(d=a.value)||void 0===d?void 0:d.filter(function(a){return j(a)!==j(c)});a.onChange({e:b,value:null!==e&&void 0!==e&&e.length?e:null})}},Y=function(b,c){if(!(p&&p(c))){if(isMultipleParams(a)){var d=z.some(function(a){return j(a)===j(c)})?z.filter(function(a){return j(a)!==j(c)}):[].concat(_toConsumableArray(z),[c]);a.onChange({value:d.length?d:null,e:b})}isNotMultipleParams(a)&&(a.onChange({value:c,e:b}),S(!1)),t||U("")}},Z=function(b,c){a.onCreate&&a.onCreate({e:b,label:c}),S(!1),t||U("")},$=function(b){a.onChange({value:null,e:b}),t||U("")},_=function(a,b){b.preventDefault(),f||S(!0),W(function(a){return a-1},!0)},aa=function(a,b){b.preventDefault(),f||S(!0),W(function(a){return a+1},!0)},ba=useKeys({ArrowUp:_,ArrowDown:aa,PageUp:_,PageDown:aa,Home:_,End:aa,Enter:function Enter(a,b){if(E){(D||M[F])&&b.preventDefault();var c=function(a){var b,c=0,d=_createForOfIteratorHelper(O);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(isOptionForCreate(e))return c++,e;if(e.items.length+c>a)return e.items[a-c];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}},d=c(F);if(isOptionForCreate(d))return void Z(b,d.label);d&&Y(b,d)}},Escape:function Escape(){S(!1)},Tab:function Tab(){S(!1)},Backspace:function Backspace(a,b){D||(h?X(b,z[z.length-1]):$(b))}});useClickOutside({isActive:E,ignoreClicksInsideRefs:[c,d],handler:function handler(){S(!1)}}),React.useEffect(function(){f&&S(!1)},[f]),React.useEffect(function(){var a=R();W(a,!0)},[W]),React.useEffect(function(){0<M.length&&H&&scrollToIndex(F,c)},[F]);return useEffect(function(){s&&U(s)},[s]),useEffect(function(){D&&S(!0)},[D]),{isOpen:E,isFocused:x,highlightedIndex:F,visibleItems:O,highlightIndex:W,getOptionProps:function getOptionProps(a){var b=a.index,c=a.item;if(isOptionForCreate(c))return{onClick:function onClick(a){Z(a,c.label)},onMouseEnter:function onMouseEnter(){W(b,!1)},active:!1,hovered:b===F,key:"__optionForCreate"};var d=j(c);return{onClick:function onClick(a){Y(a,c)},onMouseEnter:function onMouseEnter(){W(b,!1)},active:!!z.find(function(a){return j(a)===d}),hovered:b===F,key:d}},handleInputFocus:function handleInputFocus(a){f||(!x&&y(!0),"function"==typeof q&&q(a))},handleInputBlur:function handleInputBlur(a){if(E){var b;return void(null===(b=u.current)||void 0===b?void 0:b.focus())}x&&y(!1),"function"==typeof r&&r(a)},handleToggleDropdown:function handleToggleDropdown(){if(E)S(!1),y(!1);else{var a;S(!0),y(!0),null===(a=u.current)||void 0===a?void 0:a.focus()}},handleInputClick:function handleInputClick(){if(f||S(!E),h){var a;null===(a=u.current)||void 0===a?void 0:a.focus(),t||U("")}},inputRef:u,getKeyProps:ba,handleInputChange:function handleInputChange(a){f||!h&&0<z.length||U(a.target.value)},searchValue:D,clearValue:$,getHandleRemoveValue:function getHandleRemoveValue(a){return function(b){return X(b,a)}},notFound:P,hasItems:Q}}
2
2
  //# sourceMappingURL=useSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useSelect.js","names":["React","useEffect","useMemo","useRef","useState","getGroups","useClickOutside","useDebounce","useKeys","usePrevious","scrollToIndex","useHoistedState","isMultipleParams","params","multiple","isNotMultipleParams","actions","setOpen","setSearch","highlightIndex","initialState","searchValue","resolvedSearchValue","isOpen","highlightedIndex","scrollToHighlighted","isOptionForCreate","Object","prototype","hasOwnProperty","call","useSelect","items","dropdownRef","controlRef","disabled","getItemLabel","getItemKey","searchFunction","getItemGroupKey","groups","getGroupKey","sortGroups","getItemDisabled","onFocus","onBlur","inputRef","isFocused","setIsFocused","value","Array","isArray","setState","searchFunctionDefault","item","toLocaleLowerCase","indexOf","fiteredOptions","filter","matchWithValueSearch","find","option","toString","toLowerCase","onCreate","label","__optionForCreate","filteredOptions","optionForCreate","visibleItems","resultGroups","length","notFound","flag","group","hasItems","getSelectedOptionIndex","index","useCallback","newIsOpen","old","setResolvedSearch","prevIsOpen","useLayoutEffect","currentHighlightIndex","indexForHighlight","Math","min","max","removeValue","e","valueItem","stopPropagation","newValue","onChange","some","clearValue","ArrowUp","_","preventDefault","ArrowDown","getKeyProps","PageUp","PageDown","Home","End","Enter","getItem","couter","Escape","Tab","Backspace","isActive","ignoreClicksInsideRefs","handler","getOptionProps","onClick","onMouseEnter","active","hovered","key","handleInputFocus","handleInputBlur","current","focus","handleToggleDropdown","handleInputClick","handleInputChange","target","getHandleRemoveValue"],"sources":["../../../../../src/hooks/useSelect/useSelect.ts"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { getGroups } from '../../utils/getGroups';\nimport { useClickOutside } from '../useClickOutside/useClickOutside';\nimport { useDebounce } from '../useDebounce/useDebounce';\nimport { KeyHandler, useKeys } from '../useKeys/useKeys';\nimport { usePrevious } from '../usePrevious/usePrevious';\nimport { scrollToIndex, useHoistedState } from './helpers';\n\ntype IndexForHighlight = number | ((oldIndex: number) => number);\n\ntype Group<ITEM, GROUP> = {\n items: ITEM[];\n key: string | number;\n group?: GROUP;\n};\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;\ntype SortGroups<ITEM, GROUP> = (\n a: Group<ITEM, GROUP>,\n b: Group<ITEM, GROUP>,\n) => number;\n\ntype OnChangeProp<ITEM, MULTIPLE extends boolean> = (props: {\n value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;\n e: React.SyntheticEvent;\n}) => void;\n\ntype ValueProp<ITEM, MULTIPLE extends boolean> =\n | (MULTIPLE extends true ? ITEM[] : ITEM)\n | null\n | undefined;\n\nexport type OptionForCreate = {\n label: string;\n __optionForCreate: boolean;\n};\n\nexport type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {\n getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;\n getGroupKey?: GetGroupKey<GROUP>;\n sortGroups?: SortGroups<ITEM, GROUP>;\n groups?: GROUP[];\n items: ITEM[];\n dropdownRef: React.MutableRefObject<HTMLDivElement | null>;\n controlRef: React.MutableRefObject<HTMLDivElement | null>;\n disabled?: boolean;\n getItemLabel: (item: ITEM) => string;\n getItemKey: (item: ITEM) => string | number;\n getItemDisabled?: (item: ITEM) => boolean | undefined;\n searchFunction?: (item: ITEM, searchValue: string) => boolean;\n onCreate?: (props: { e: React.SyntheticEvent; label: string }) => void;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n multiple: boolean;\n onChange: OnChangeProp<ITEM, MULTIPLE>;\n value: ValueProp<ITEM, MULTIPLE>;\n};\n\nexport type OptionProps<ITEM> = {\n index: number;\n item: ITEM | OptionForCreate;\n};\n\nexport type GetOptionPropsResult = {\n onClick: (e: React.SyntheticEvent) => void;\n onMouseEnter: (e: React.SyntheticEvent) => void;\n active: boolean;\n hovered: boolean;\n key: string | number;\n};\n\nconst isMultipleParams = <ITEM, GROUP>(\n params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, true> => {\n return params.multiple;\n};\n\nconst isNotMultipleParams = <ITEM, GROUP>(\n params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, false> => {\n return !params.multiple;\n};\n\nconst actions = {\n setOpen: 'setOpen',\n setSearch: 'setSearch',\n highlightIndex: 'highlightIndex',\n};\n\nconst initialState = {\n searchValue: '',\n resolvedSearchValue: '',\n isOpen: false,\n highlightedIndex: 0,\n scrollToHighlighted: false,\n};\n\nexport const isOptionForCreate = <ITEM, GROUP>(\n params: OptionForCreate | Group<ITEM, GROUP> | ITEM,\n): params is OptionForCreate => {\n return (\n params && Object.prototype.hasOwnProperty.call(params, '__optionForCreate')\n );\n};\n\nexport function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(\n params: SelectProps<ITEM, GROUP, MULTIPLE>,\n) {\n const {\n items,\n dropdownRef,\n controlRef,\n disabled = false,\n multiple = false,\n getItemLabel,\n getItemKey,\n searchFunction,\n getItemGroupKey,\n groups,\n getGroupKey,\n sortGroups,\n getItemDisabled,\n onFocus,\n onBlur,\n } = params;\n\n const inputRef = useRef<HTMLInputElement>(null);\n const [isFocused, setIsFocused] = useState(false);\n\n const value =\n (params.value &&\n (Array.isArray(params.value) ? params.value : [params.value])) ||\n [];\n\n const [\n {\n searchValue,\n isOpen,\n highlightedIndex,\n resolvedSearchValue,\n scrollToHighlighted,\n },\n setState,\n ] = useHoistedState(initialState);\n\n const searchFunctionDefault = (item: ITEM, searchValue: string) =>\n getItemLabel(item)\n .toLocaleLowerCase()\n .indexOf(searchValue.toLocaleLowerCase()) !== -1;\n\n const [filteredOptions, optionForCreate] = React.useMemo(() => {\n if (resolvedSearchValue && resolvedSearchValue !== '') {\n const fiteredOptions = items.filter((item) =>\n searchFunction\n ? searchFunction(item, resolvedSearchValue)\n : searchFunctionDefault(item, resolvedSearchValue),\n );\n\n const matchWithValueSearch = Boolean(\n items.find(\n (option) =>\n getItemLabel(option).toString().toLowerCase() ===\n resolvedSearchValue.toLocaleLowerCase(),\n ),\n );\n\n const optionForCreate: OptionForCreate = {\n label: searchValue,\n __optionForCreate: true,\n };\n\n return [\n fiteredOptions,\n params.onCreate && !matchWithValueSearch ? optionForCreate : undefined,\n ] as const;\n }\n return [items, undefined] as const;\n }, [items, resolvedSearchValue]);\n\n const visibleItems = useMemo(() => {\n const resultGroups = getGroups(\n filteredOptions,\n groups?.length ? getItemGroupKey : undefined,\n groups,\n getGroupKey,\n sortGroups,\n );\n\n return optionForCreate ? [optionForCreate, ...resultGroups] : resultGroups;\n }, [\n filteredOptions,\n groups,\n getItemGroupKey,\n getGroupKey,\n sortGroups,\n optionForCreate,\n ]);\n\n const notFound = useMemo(() => {\n let flag = false;\n if (searchValue.length > 0) {\n flag =\n visibleItems.filter(\n (group) =>\n isOptionForCreate(group) || group.items.length > 0 || group.group,\n ).length === 0 && !params.onCreate;\n }\n return flag;\n }, [visibleItems]);\n\n const hasItems = items.length !== 0;\n\n const getSelectedOptionIndex = (): number => {\n let index = 0;\n if (value.length > 0) {\n for (const group of visibleItems) {\n if (isOptionForCreate(group)) {\n index++;\n // eslint-disable-next-line no-continue\n continue;\n }\n for (const item of group.items) {\n if (getItemKey(item) === getItemKey(value[0])) {\n return index;\n }\n index++;\n }\n }\n }\n\n return 0;\n };\n\n // Actions\n\n const setOpen = React.useCallback(\n (newIsOpen: boolean) => {\n setState(\n (old) => ({\n ...old,\n isOpen: newIsOpen,\n }),\n actions.setOpen,\n );\n },\n [setState],\n );\n\n const setResolvedSearch = useDebounce((value: string) => {\n setState(\n (old) => ({\n ...old,\n resolvedSearchValue: value,\n }),\n actions.setSearch,\n );\n }, 300);\n\n const setSearch = React.useCallback(\n (value: string) => {\n setState(\n (old) => ({\n ...old,\n searchValue: value,\n }),\n actions.setSearch,\n );\n setResolvedSearch(value);\n },\n [setState, setResolvedSearch],\n );\n\n const prevIsOpen = usePrevious(isOpen);\n\n React.useLayoutEffect(() => {\n if (value !== null && !prevIsOpen && isOpen) {\n const currentHighlightIndex = getSelectedOptionIndex();\n if (filteredOptions.length > 0) {\n scrollToIndex(currentHighlightIndex, dropdownRef);\n }\n }\n });\n\n const highlightIndex = React.useCallback(\n (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => {\n setState((old) => {\n return {\n ...old,\n highlightedIndex: Math.min(\n Math.max(\n 0,\n typeof indexForHighlight === 'function'\n ? indexForHighlight(old.highlightedIndex)\n : indexForHighlight,\n ),\n optionForCreate\n ? filteredOptions.length\n : filteredOptions.length - 1,\n ),\n scrollToHighlighted,\n };\n }, actions.highlightIndex);\n },\n [filteredOptions, setState, optionForCreate],\n );\n\n const removeValue = (e: React.SyntheticEvent, valueItem: ITEM) => {\n e.stopPropagation();\n if (isMultipleParams(params)) {\n const newValue = params.value?.filter(\n (item) => getItemKey(item) !== getItemKey(valueItem),\n );\n params.onChange({\n e,\n value: newValue?.length ? newValue : null,\n });\n }\n };\n\n const onChange = (e: React.SyntheticEvent, item: ITEM) => {\n if (getItemDisabled && getItemDisabled(item)) {\n return;\n }\n if (isMultipleParams(params)) {\n const newValue = value.some(\n (value) => getItemKey(value) === getItemKey(item),\n )\n ? value.filter((value) => getItemKey(value) !== getItemKey(item))\n : [...value, item];\n params.onChange({ value: newValue.length ? newValue : null, e });\n }\n if (isNotMultipleParams(params)) {\n params.onChange({ value: item, e });\n setOpen(false);\n }\n setResolvedSearch('');\n setSearch('');\n };\n\n const onCreate = (e: React.SyntheticEvent, label: string) => {\n params.onCreate && params.onCreate({ e, label });\n setOpen(false);\n setResolvedSearch('');\n setSearch('');\n };\n\n // Handlers\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n if (!disabled && !(!multiple && value.length > 0)) {\n setSearch(e.target.value);\n }\n };\n\n const handleInputClick = (): void => {\n !disabled && setOpen(!isOpen);\n\n if (multiple) {\n inputRef.current?.focus();\n setSearch('');\n }\n };\n\n const clearValue = (e: React.SyntheticEvent) => {\n params.onChange({ value: null, e });\n setResolvedSearch('');\n setSearch('');\n };\n\n const getHandleRemoveValue = (item: ITEM) => (e: React.SyntheticEvent) =>\n removeValue(e, item);\n\n // Prop Getters\n\n const ArrowUp: KeyHandler = (_, e): void => {\n e.preventDefault();\n !disabled && setOpen(true);\n highlightIndex((old) => old - 1, true);\n };\n\n const ArrowDown: KeyHandler = (_, e): void => {\n e.preventDefault();\n !disabled && setOpen(true);\n highlightIndex((old) => old + 1, true);\n };\n\n const Enter: KeyHandler = (_, e): void => {\n if (isOpen) {\n if (searchValue || filteredOptions[highlightedIndex]) {\n e.preventDefault();\n }\n\n const getItem = (index: number) => {\n let couter = 0;\n for (const group of visibleItems) {\n if (isOptionForCreate(group)) {\n couter++;\n return group;\n }\n if (group.items.length + couter > index) {\n return group.items[index - couter];\n }\n couter += group.items.length;\n }\n return undefined;\n };\n\n const item = getItem(highlightedIndex);\n\n if (isOptionForCreate(item)) {\n onCreate(e, item.label);\n return;\n }\n\n if (item) {\n onChange(e, item);\n }\n }\n };\n\n const Escape = (): void => {\n setOpen(false);\n };\n\n const Tab = (): void => {\n setOpen(false);\n };\n\n const Backspace: KeyHandler = (_, e): void => {\n if (searchValue) {\n return;\n }\n if (multiple) {\n removeValue(e, value[value.length - 1]);\n } else {\n clearValue(e);\n }\n };\n\n const getKeyProps = useKeys({\n ArrowUp,\n ArrowDown,\n PageUp: ArrowUp,\n PageDown: ArrowDown,\n Home: ArrowUp,\n End: ArrowDown,\n Enter,\n Escape,\n Tab,\n Backspace,\n });\n\n const getOptionProps = ({\n index,\n item,\n }: OptionProps<ITEM>): GetOptionPropsResult => {\n if (isOptionForCreate(item)) {\n return {\n onClick: (e: React.SyntheticEvent) => {\n onCreate(e, item.label);\n },\n onMouseEnter: () => {\n highlightIndex(index, false);\n },\n active: false,\n hovered: index === highlightedIndex,\n key: '__optionForCreate',\n };\n }\n const key = getItemKey(item);\n return {\n onClick: (e: React.SyntheticEvent) => {\n onChange(e, item);\n },\n onMouseEnter: () => {\n highlightIndex(index, false);\n },\n active: Boolean(value.find((item) => getItemKey(item) === key)),\n hovered: index === highlightedIndex,\n key,\n };\n };\n\n useClickOutside({\n isActive: isOpen,\n ignoreClicksInsideRefs: [dropdownRef, controlRef],\n handler: () => {\n setOpen(false);\n },\n });\n\n React.useEffect(() => {\n if (disabled) {\n setOpen(false);\n }\n }, [disabled]);\n\n React.useEffect(() => {\n const currentHighlightIndex = getSelectedOptionIndex();\n highlightIndex(currentHighlightIndex, true);\n }, [highlightIndex]);\n\n React.useEffect(() => {\n if (filteredOptions.length > 0 && scrollToHighlighted) {\n scrollToIndex(highlightedIndex, dropdownRef);\n }\n }, [highlightedIndex]);\n\n const handleInputFocus = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (!disabled) {\n if (!isFocused) {\n setIsFocused(true);\n }\n if (typeof onFocus === 'function') {\n onFocus(e);\n }\n }\n };\n\n const handleInputBlur = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (isOpen) {\n inputRef.current?.focus();\n return;\n }\n\n if (isFocused) {\n setIsFocused(false);\n }\n\n if (typeof onBlur === 'function') {\n onBlur(e);\n }\n };\n\n const handleToggleDropdown = (): void => {\n if (isOpen) {\n setOpen(false);\n setIsFocused(false);\n } else {\n setOpen(true);\n setIsFocused(true);\n inputRef.current?.focus();\n }\n };\n\n useEffect(() => {\n if (searchValue) {\n setOpen(true);\n }\n }, [searchValue]);\n\n return {\n isOpen,\n isFocused,\n highlightedIndex,\n visibleItems,\n highlightIndex,\n getOptionProps,\n handleInputFocus,\n handleInputBlur,\n handleToggleDropdown,\n handleInputClick,\n inputRef,\n getKeyProps,\n handleInputChange,\n searchValue,\n clearValue,\n getHandleRemoveValue,\n notFound,\n hasItems,\n };\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"useSelect.js","names":["React","useEffect","useMemo","useRef","useState","getGroups","useClickOutside","useDebounce","useKeys","usePrevious","scrollToIndex","useHoistedState","isMultipleParams","params","multiple","isNotMultipleParams","actions","setOpen","setSearch","highlightIndex","initialState","searchValue","resolvedSearchValue","isOpen","highlightedIndex","scrollToHighlighted","isOptionForCreate","Object","prototype","hasOwnProperty","call","useSelect","items","dropdownRef","controlRef","disabled","getItemLabel","getItemKey","searchFunction","getItemGroupKey","groups","getGroupKey","sortGroups","getItemDisabled","onFocus","onBlur","searchValueProp","withoutClearSearch","inputRef","isFocused","setIsFocused","value","Array","isArray","setState","searchFunctionDefault","item","toLocaleLowerCase","indexOf","fiteredOptions","filter","matchWithValueSearch","find","option","toString","toLowerCase","onCreate","label","__optionForCreate","filteredOptions","optionForCreate","visibleItems","resultGroups","length","notFound","flag","group","hasItems","getSelectedOptionIndex","index","useCallback","newIsOpen","old","setResolvedSearch","prevIsOpen","useLayoutEffect","currentHighlightIndex","indexForHighlight","Math","min","max","removeValue","e","valueItem","stopPropagation","newValue","onChange","some","clearValue","ArrowUp","_","preventDefault","ArrowDown","getKeyProps","PageUp","PageDown","Home","End","Enter","getItem","couter","Escape","Tab","Backspace","isActive","ignoreClicksInsideRefs","handler","getOptionProps","onClick","onMouseEnter","active","hovered","key","handleInputFocus","handleInputBlur","current","focus","handleToggleDropdown","handleInputClick","handleInputChange","target","getHandleRemoveValue"],"sources":["../../../../../src/hooks/useSelect/useSelect.ts"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { getGroups } from '../../utils/getGroups';\nimport { useClickOutside } from '../useClickOutside/useClickOutside';\nimport { useDebounce } from '../useDebounce/useDebounce';\nimport { KeyHandler, useKeys } from '../useKeys/useKeys';\nimport { usePrevious } from '../usePrevious/usePrevious';\nimport { scrollToIndex, useHoistedState } from './helpers';\n\ntype IndexForHighlight = number | ((oldIndex: number) => number);\n\ntype Group<ITEM, GROUP> = {\n items: ITEM[];\n key: string | number;\n group?: GROUP;\n};\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;\ntype SortGroups<ITEM, GROUP> = (\n a: Group<ITEM, GROUP>,\n b: Group<ITEM, GROUP>,\n) => number;\n\ntype OnChangeProp<ITEM, MULTIPLE extends boolean> = (props: {\n value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;\n e: React.SyntheticEvent;\n}) => void;\n\ntype ValueProp<ITEM, MULTIPLE extends boolean> =\n | (MULTIPLE extends true ? ITEM[] : ITEM)\n | null\n | undefined;\n\nexport type OptionForCreate = {\n label: string;\n __optionForCreate: boolean;\n};\n\nexport type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {\n getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;\n getGroupKey?: GetGroupKey<GROUP>;\n sortGroups?: SortGroups<ITEM, GROUP>;\n groups?: GROUP[];\n items: ITEM[];\n dropdownRef: React.MutableRefObject<HTMLDivElement | null>;\n controlRef: React.MutableRefObject<HTMLDivElement | null>;\n disabled?: boolean;\n getItemLabel: (item: ITEM) => string;\n getItemKey: (item: ITEM) => string | number;\n getItemDisabled?: (item: ITEM) => boolean | undefined;\n searchFunction?: (item: ITEM, searchValue: string) => boolean;\n onCreate?: (props: { e: React.SyntheticEvent; label: string }) => void;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n multiple: boolean;\n searchValue?: string;\n withoutClearSearch?: boolean;\n onChange: OnChangeProp<ITEM, MULTIPLE>;\n value: ValueProp<ITEM, MULTIPLE>;\n};\n\nexport type OptionProps<ITEM> = {\n index: number;\n item: ITEM | OptionForCreate;\n};\n\nexport type GetOptionPropsResult = {\n onClick: (e: React.SyntheticEvent) => void;\n onMouseEnter: (e: React.SyntheticEvent) => void;\n active: boolean;\n hovered: boolean;\n key: string | number;\n};\n\nconst isMultipleParams = <ITEM, GROUP>(\n params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, true> => {\n return params.multiple;\n};\n\nconst isNotMultipleParams = <ITEM, GROUP>(\n params: SelectProps<ITEM, GROUP, boolean>,\n): params is SelectProps<ITEM, GROUP, false> => {\n return !params.multiple;\n};\n\nconst actions = {\n setOpen: 'setOpen',\n setSearch: 'setSearch',\n highlightIndex: 'highlightIndex',\n};\n\nconst initialState = {\n searchValue: '',\n resolvedSearchValue: '',\n isOpen: false,\n highlightedIndex: 0,\n scrollToHighlighted: false,\n};\n\nexport const isOptionForCreate = <ITEM, GROUP>(\n params: OptionForCreate | Group<ITEM, GROUP> | ITEM,\n): params is OptionForCreate => {\n return (\n params && Object.prototype.hasOwnProperty.call(params, '__optionForCreate')\n );\n};\n\nexport function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(\n params: SelectProps<ITEM, GROUP, MULTIPLE>,\n) {\n const {\n items,\n dropdownRef,\n controlRef,\n disabled = false,\n multiple = false,\n getItemLabel,\n getItemKey,\n searchFunction,\n getItemGroupKey,\n groups,\n getGroupKey,\n sortGroups,\n getItemDisabled,\n onFocus,\n onBlur,\n searchValue: searchValueProp,\n withoutClearSearch,\n } = params;\n\n const inputRef = useRef<HTMLInputElement>(null);\n const [isFocused, setIsFocused] = useState(false);\n\n const value =\n (params.value &&\n (Array.isArray(params.value) ? params.value : [params.value])) ||\n [];\n\n const [\n {\n searchValue,\n isOpen,\n highlightedIndex,\n resolvedSearchValue,\n scrollToHighlighted,\n },\n setState,\n ] = useHoistedState(initialState);\n\n const searchFunctionDefault = (item: ITEM, searchValue: string) =>\n getItemLabel(item)\n .toLocaleLowerCase()\n .indexOf(searchValue.toLocaleLowerCase()) !== -1;\n\n const [filteredOptions, optionForCreate] = React.useMemo(() => {\n if (resolvedSearchValue && resolvedSearchValue !== '') {\n const fiteredOptions = items.filter((item) =>\n searchFunction\n ? searchFunction(item, resolvedSearchValue)\n : searchFunctionDefault(item, resolvedSearchValue),\n );\n\n const matchWithValueSearch = Boolean(\n items.find(\n (option) =>\n getItemLabel(option).toString().toLowerCase() ===\n resolvedSearchValue.toLocaleLowerCase(),\n ),\n );\n\n const optionForCreate: OptionForCreate = {\n label: searchValue,\n __optionForCreate: true,\n };\n\n return [\n fiteredOptions,\n params.onCreate && !matchWithValueSearch ? optionForCreate : undefined,\n ] as const;\n }\n return [items, undefined] as const;\n }, [items, resolvedSearchValue]);\n\n const visibleItems = useMemo(() => {\n const resultGroups = getGroups(\n filteredOptions,\n groups?.length ? getItemGroupKey : undefined,\n groups,\n getGroupKey,\n sortGroups,\n );\n\n return optionForCreate ? [optionForCreate, ...resultGroups] : resultGroups;\n }, [\n filteredOptions,\n groups,\n getItemGroupKey,\n getGroupKey,\n sortGroups,\n optionForCreate,\n ]);\n\n const notFound = useMemo(() => {\n let flag = false;\n if (searchValue.length > 0) {\n flag =\n visibleItems.filter(\n (group) =>\n isOptionForCreate(group) || group.items.length > 0 || group.group,\n ).length === 0 && !params.onCreate;\n }\n return flag;\n }, [visibleItems]);\n\n const hasItems = items.length !== 0;\n\n const getSelectedOptionIndex = (): number => {\n let index = 0;\n if (value.length > 0) {\n for (const group of visibleItems) {\n if (isOptionForCreate(group)) {\n index++;\n // eslint-disable-next-line no-continue\n continue;\n }\n for (const item of group.items) {\n if (getItemKey(item) === getItemKey(value[0])) {\n return index;\n }\n index++;\n }\n }\n }\n\n return 0;\n };\n\n // Actions\n\n const setOpen = React.useCallback(\n (newIsOpen: boolean) => {\n setState(\n (old) => ({\n ...old,\n isOpen: newIsOpen,\n }),\n actions.setOpen,\n );\n },\n [setState],\n );\n\n const setResolvedSearch = useDebounce((value: string) => {\n setState(\n (old) => ({\n ...old,\n resolvedSearchValue: value,\n }),\n actions.setSearch,\n );\n }, 300);\n\n const setSearch = React.useCallback(\n (value: string) => {\n setState(\n (old) => ({\n ...old,\n searchValue: value,\n }),\n actions.setSearch,\n );\n setResolvedSearch(value);\n },\n [setState, setResolvedSearch],\n );\n\n const prevIsOpen = usePrevious(isOpen);\n\n React.useLayoutEffect(() => {\n if (value !== null && !prevIsOpen && isOpen) {\n const currentHighlightIndex = getSelectedOptionIndex();\n if (filteredOptions.length > 0) {\n scrollToIndex(currentHighlightIndex, dropdownRef);\n }\n }\n });\n\n const highlightIndex = React.useCallback(\n (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => {\n setState((old) => {\n return {\n ...old,\n highlightedIndex: Math.min(\n Math.max(\n 0,\n typeof indexForHighlight === 'function'\n ? indexForHighlight(old.highlightedIndex)\n : indexForHighlight,\n ),\n optionForCreate\n ? filteredOptions.length\n : filteredOptions.length - 1,\n ),\n scrollToHighlighted,\n };\n }, actions.highlightIndex);\n },\n [filteredOptions, setState, optionForCreate],\n );\n\n const removeValue = (e: React.SyntheticEvent, valueItem: ITEM) => {\n e.stopPropagation();\n if (isMultipleParams(params)) {\n const newValue = params.value?.filter(\n (item) => getItemKey(item) !== getItemKey(valueItem),\n );\n params.onChange({\n e,\n value: newValue?.length ? newValue : null,\n });\n }\n };\n\n const onChange = (e: React.SyntheticEvent, item: ITEM) => {\n if (getItemDisabled && getItemDisabled(item)) {\n return;\n }\n if (isMultipleParams(params)) {\n const newValue = value.some(\n (value) => getItemKey(value) === getItemKey(item),\n )\n ? value.filter((value) => getItemKey(value) !== getItemKey(item))\n : [...value, item];\n params.onChange({ value: newValue.length ? newValue : null, e });\n }\n if (isNotMultipleParams(params)) {\n params.onChange({ value: item, e });\n setOpen(false);\n }\n !withoutClearSearch && setSearch('');\n };\n\n const onCreate = (e: React.SyntheticEvent, label: string) => {\n params.onCreate && params.onCreate({ e, label });\n setOpen(false);\n !withoutClearSearch && setSearch('');\n };\n\n // Handlers\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n if (!disabled && !(!multiple && value.length > 0)) {\n setSearch(e.target.value);\n }\n };\n\n const handleInputClick = (): void => {\n !disabled && setOpen(!isOpen);\n\n if (multiple) {\n inputRef.current?.focus();\n !withoutClearSearch && setSearch('');\n }\n };\n\n const clearValue = (e: React.SyntheticEvent) => {\n params.onChange({ value: null, e });\n !withoutClearSearch && setSearch('');\n };\n\n const getHandleRemoveValue = (item: ITEM) => (e: React.SyntheticEvent) =>\n removeValue(e, item);\n\n // Prop Getters\n\n const ArrowUp: KeyHandler = (_, e): void => {\n e.preventDefault();\n !disabled && setOpen(true);\n highlightIndex((old) => old - 1, true);\n };\n\n const ArrowDown: KeyHandler = (_, e): void => {\n e.preventDefault();\n !disabled && setOpen(true);\n highlightIndex((old) => old + 1, true);\n };\n\n const Enter: KeyHandler = (_, e): void => {\n if (isOpen) {\n if (searchValue || filteredOptions[highlightedIndex]) {\n e.preventDefault();\n }\n\n const getItem = (index: number) => {\n let couter = 0;\n for (const group of visibleItems) {\n if (isOptionForCreate(group)) {\n couter++;\n return group;\n }\n if (group.items.length + couter > index) {\n return group.items[index - couter];\n }\n couter += group.items.length;\n }\n return undefined;\n };\n\n const item = getItem(highlightedIndex);\n\n if (isOptionForCreate(item)) {\n onCreate(e, item.label);\n return;\n }\n\n if (item) {\n onChange(e, item);\n }\n }\n };\n\n const Escape = (): void => {\n setOpen(false);\n };\n\n const Tab = (): void => {\n setOpen(false);\n };\n\n const Backspace: KeyHandler = (_, e): void => {\n if (searchValue) {\n return;\n }\n if (multiple) {\n removeValue(e, value[value.length - 1]);\n } else {\n clearValue(e);\n }\n };\n\n const getKeyProps = useKeys({\n ArrowUp,\n ArrowDown,\n PageUp: ArrowUp,\n PageDown: ArrowDown,\n Home: ArrowUp,\n End: ArrowDown,\n Enter,\n Escape,\n Tab,\n Backspace,\n });\n\n const getOptionProps = ({\n index,\n item,\n }: OptionProps<ITEM>): GetOptionPropsResult => {\n if (isOptionForCreate(item)) {\n return {\n onClick: (e: React.SyntheticEvent) => {\n onCreate(e, item.label);\n },\n onMouseEnter: () => {\n highlightIndex(index, false);\n },\n active: false,\n hovered: index === highlightedIndex,\n key: '__optionForCreate',\n };\n }\n const key = getItemKey(item);\n return {\n onClick: (e: React.SyntheticEvent) => {\n onChange(e, item);\n },\n onMouseEnter: () => {\n highlightIndex(index, false);\n },\n active: Boolean(value.find((item) => getItemKey(item) === key)),\n hovered: index === highlightedIndex,\n key,\n };\n };\n\n useClickOutside({\n isActive: isOpen,\n ignoreClicksInsideRefs: [dropdownRef, controlRef],\n handler: () => {\n setOpen(false);\n },\n });\n\n React.useEffect(() => {\n if (disabled) {\n setOpen(false);\n }\n }, [disabled]);\n\n React.useEffect(() => {\n const currentHighlightIndex = getSelectedOptionIndex();\n highlightIndex(currentHighlightIndex, true);\n }, [highlightIndex]);\n\n React.useEffect(() => {\n if (filteredOptions.length > 0 && scrollToHighlighted) {\n scrollToIndex(highlightedIndex, dropdownRef);\n }\n }, [highlightedIndex]);\n\n const handleInputFocus = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (!disabled) {\n if (!isFocused) {\n setIsFocused(true);\n }\n if (typeof onFocus === 'function') {\n onFocus(e);\n }\n }\n };\n\n const handleInputBlur = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (isOpen) {\n inputRef.current?.focus();\n return;\n }\n\n if (isFocused) {\n setIsFocused(false);\n }\n\n if (typeof onBlur === 'function') {\n onBlur(e);\n }\n };\n\n const handleToggleDropdown = (): void => {\n if (isOpen) {\n setOpen(false);\n setIsFocused(false);\n } else {\n setOpen(true);\n setIsFocused(true);\n inputRef.current?.focus();\n }\n };\n\n useEffect(() => {\n if (searchValueProp) {\n setSearch(searchValueProp);\n }\n }, [searchValueProp]);\n\n useEffect(() => {\n if (searchValue) {\n setOpen(true);\n }\n }, [searchValue]);\n\n return {\n isOpen,\n isFocused,\n highlightedIndex,\n visibleItems,\n highlightIndex,\n getOptionProps,\n handleInputFocus,\n handleInputBlur,\n handleToggleDropdown,\n handleInputClick,\n inputRef,\n getKeyProps,\n handleInputChange,\n searchValue,\n clearValue,\n getHandleRemoveValue,\n notFound,\n hasItems,\n };\n}\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import AreaImage from"./imagesForAdditionalData/AreaImage";import BarImage from"./imagesForAdditionalData/BarImage";import BulletImage from"./imagesForAdditionalData/BulletImage";import ColumnImage from"./imagesForAdditionalData/ColumnImage";import DualAxesImage from"./imagesForAdditionalData/DualAxesImage";import FeedbackFormImage from"./imagesForAdditionalData/FeedbackFormImage";import GanttImage from"./imagesForAdditionalData/GanttImage";import GaugeImage from"./imagesForAdditionalData/GaugeImage";import GpnResponsesImage from"./imagesForAdditionalData/GpnResponsesImage";import HeaderUmdImage from"./imagesForAdditionalData/HeaderUmdImage";import HistogramImage from"./imagesForAdditionalData/HistogramImage";import LineImage from"./imagesForAdditionalData/LineImage";import MixPlotImage from"./imagesForAdditionalData/MixPlotImage";import PieImage from"./imagesForAdditionalData/PieImage";import RadarImage from"./imagesForAdditionalData/RadarImage";import RcTableAdapterImage from"./imagesForAdditionalData/RcTableAdapterImage";import RcTreeAdapterImage from"./imagesForAdditionalData/RcTreeAdapterImage";import ReactBigCalendarImage from"./imagesForAdditionalData/ReactBigCalendarImage";import ScatterImage from"./imagesForAdditionalData/ScatterImage";import StatsImage from"./imagesForAdditionalData/StatsImage";import WaterfallImage from"./imagesForAdditionalData/WaterfallImage";export var additionalData=[{title:"\u0413\u0440\u0430\u0444\u0438\u043A\u0438",items:[{url:"http://charts.consta.design?path=/docs/components-area--playground",name:"Area",description:"\u041B\u0438\u043D\u0435\u0439\u043D\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0441 \u043E\u0431\u043B\u0430\u0441\u0442\u044F\u043C\u0438.",image:AreaImage},{url:"http://charts.consta.design?path=/docs/components-bar--playground",name:"Bar",description:"\u0413\u043E\u0440\u0438\u0437\u043E\u043D\u0442\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u043E\u043B\u0431\u0447\u0430\u0442\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430.",image:BarImage},{url:"http://charts.consta.design?path=/docs/components-bullet--playground",name:"Bullet",description:"\u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430-\u0442\u0435\u0440\u043C\u043E\u043C\u0435\u0442\u0440 (\u043E\u043D\u0430 \u0436\u0435 \u2014 \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430-\u0448\u043A\u0430\u043B\u0430).",image:BulletImage},{url:"http://charts.consta.design?path=/docs/components-column--playground",name:"Column",description:"\u0412\u0435\u0440\u0442\u0438\u043A\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u043E\u043B\u0431\u0447\u0430\u0442\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430.",image:ColumnImage},{url:"http://charts.consta.design?path=/docs/components-dualaxes--playground",name:"DualAxes",description:"\u0421\u043E\u0447\u0435\u0442\u0430\u043D\u0438\u0435 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u0438\u0445 \u043B\u0438\u043D\u0435\u0439\u043D\u044B\u0445 \u0438\u043B\u0438 \u0441\u0442\u043E\u043B\u0431\u0447\u0430\u0442\u044B\u0445 \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C.",image:DualAxesImage},{url:"http://charts.consta.design?path=/docs/components-gauge--playground",name:"Gauge",description:"\u041A\u0440\u0443\u0433\u043E\u0432\u0430\u044F \u0448\u043A\u0430\u043B\u0430",image:GaugeImage},{url:"http://charts.consta.design?path=/docs/components-histogram--playground",name:"Histogram",description:"\u0413\u0438\u0441\u0442\u043E\u0433\u0440\u0430\u043C\u043C\u0430. \u041F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0435\u0442 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0435 \u0440\u0430\u0441\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0445.",image:HistogramImage},{url:"http://charts.consta.design?path=/docs/components-line--playground",name:"Line",description:"\u041B\u0438\u043D\u0435\u0439\u043D\u044B\u0439 \u0433\u0440\u0430\u0444\u0438\u043A.",image:LineImage},{url:"http://charts.consta.design/?path=/docs/components-mixplot--playground",name:"MixPlot",description:"\u041F\u043E\u0437\u0432\u043E\u043B\u044F\u0435\u0442 \u043F\u043E\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0433\u0440\u0430\u0444\u0438\u043A\u043E\u0432 \u043D\u0430 \u043E\u0441\u043D\u043E\u0432\u0435 \u043E\u0434\u043D\u0438\u0445 \u0434\u0430\u043D\u043D\u044B\u0445.",image:MixPlotImage},{url:"http://charts.consta.design?path=/docs/components-pie--playground",name:"Pie",description:"\u041A\u0440\u0443\u0433\u043E\u0432\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0441 \u043E\u0431\u043B\u0430\u0441\u0442\u044F\u043C\u0438.",image:PieImage},{url:"http://charts.consta.design?path=/docs/components-radar--playground",name:"Radar",description:"\u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430-\u0440\u0430\u0434\u0430\u0440.",image:RadarImage},{url:"http://charts.consta.design?path=/docs/components-scatter--playground",name:"Scatter",description:"\u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0440\u0430\u0441\u0441\u0435\u044F\u043D\u0438\u044F, \u043E\u043D\u0430 \u0436\u0435 \u2014\xA0\u0442\u043E\u0447\u0435\u0447\u043D\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430.",image:ScatterImage},{url:"http://charts.consta.design?path=/docs/components-waterfall--playground",name:"Waterfall",description:"\u041A\u0430\u0441\u043A\u0430\u0434\u043D\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430.",image:WaterfallImage}]},{title:"\u041E\u0442\u0434\u0435\u043B\u044C\u043D\u044B\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B",items:[{url:"http://header.consta.design/",name:"Header",description:"\u0428\u0430\u043F\u043A\u0430 @consta/header. \u041D\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044F, \u043C\u043D\u043E\u0433\u043E \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432: 4 \u043C\u0435\u043D\u044E, \u0431\u0435\u0439\u0434\u0436\u0438\u043A\u0438, \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F, \u043B\u043E\u0433\u0438\u043D, \u043B\u043E\u0433\u043E\u0442\u0438\u043F \u0438 \u043D\u0435 \u0442\u043E\u043B\u044C\u043A\u043E."},{url:"https://github.com/consta-design-system/header-umd",name:"Header-umd",description:"\u0414\u043B\u044F \u043F\u0440\u043E\u0435\u043A\u0442\u043E\u0432 \u0431\u0435\u0437 React. \u041F\u0440\u0438\u043A\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u0441\u043A\u0440\u0438\u043F\u0442\u043E\u043C, \u0435\u0441\u0442\u044C \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438.",image:HeaderUmdImage},{url:"http://stats.consta.design/",name:"Stats",description:"\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0447\u0438\u0441\u0435\u043B, \u0441 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u043E\u043C, \u0435\u0434\u0438\u043D\u0438\u0446\u0430\u043C\u0438 \u0438\u0437\u043C\u0435\u0440\u0435\u043D\u0438\u044F, \u0438\u043A\u043E\u043D\u043A\u0430\u043C\u0438 \u0438 \u0434\u0440\u0443\u0433\u0438\u043C\u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0430\u043C\u0438.",image:StatsImage},{url:"http://analytic-ui.consta.design/?path=/docs/feedbackform--playground",name:"FeedbackForm",description:"\u0412\u0438\u0434\u0436\u0435\u0442 \u043E\u0431\u0440\u0430\u0442\u043D\u043E\u0439 \u0441\u0432\u044F\u0437\u0438. \u041C\u043E\u0436\u043D\u043E \u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0446\u0435\u043D\u043A\u0438 \u0438 \u043F\u0438\u0441\u0430\u0442\u044C \u043E\u0442\u0437\u044B\u0432\u044B.",image:FeedbackFormImage},{url:"http://gpn-responses.consta.design/",name:"GPN-Responses",description:"\u0417\u0430\u0433\u043B\u0443\u0448\u043A\u0438 \u0441 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F\u043C\u0438 \u043E\u0431 \u043E\u0448\u0438\u0431\u043A\u0430\u0445 \u0438 \u0432\u0430\u0436\u043D\u044B\u0445 \u0441\u0442\u0430\u0442\u0443\u0441\u0430\u0445 \u0432 \u0441\u0442\u0438\u043B\u0435 \xAB\u0413\u0430\u0437\u043F\u0440\u043E\u043C \u043D\u0435\u0444\u0442\u0438\xBB.",image:GpnResponsesImage}]},{title:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440\u044B",items:[{url:"http://ag-grid-adapter.consta.design/",name:"agGridAdapter",description:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440 \u0434\u043B\u044F \u0442\u0430\u0431\u043B\u0438\u0446\u044B ag-grid-react.",image:RcTableAdapterImage},{url:"http://rc-table-adapter.consta.design/?path=/story/common-start--page",name:"rcTableAdapter",description:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440 \u0434\u043B\u044F rc-table. \u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u0441\u043E \u043C\u043D\u043E\u0436\u0435\u0441\u0442\u0432\u043E\u043C \u043D\u0430\u0441\u0442\u0440\u043E\u0435\u043A.",image:RcTableAdapterImage},{url:"http://rc-tree-adapter.consta.design/",name:"rcTreeAdapter",description:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440 \u0434\u043B\u044F rc-tree. \u0414\u0435\u0440\u0435\u0432\u043E, \u043F\u043E\u0434\u0445\u043E\u0434\u0438\u0442 \u0434\u043B\u044F \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440.",image:RcTreeAdapterImage},{url:"http://gantt-task-react-adapter.consta.design/",name:"gantt-task-react-adapter",description:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440 \u0434\u043B\u044F gantt-task-react. \u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0413\u0430\u043D\u0442\u0430.",image:GanttImage},{url:"http://react-big-calendar-adapter.consta.design/",name:"react-big-calendar-adapter",description:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440 \u0434\u043B\u044F \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044F react-big-calendar.",image:ReactBigCalendarImage}]}];
1
+ import AreaImage from"./imagesForAdditionalData/AreaImage";import BarImage from"./imagesForAdditionalData/BarImage";import BulletImage from"./imagesForAdditionalData/BulletImage";import ColumnImage from"./imagesForAdditionalData/ColumnImage";import DualAxesImage from"./imagesForAdditionalData/DualAxesImage";import FeedbackFormImage from"./imagesForAdditionalData/FeedbackFormImage";import GanttImage from"./imagesForAdditionalData/GanttImage";import GaugeImage from"./imagesForAdditionalData/GaugeImage";import GpnResponsesImage from"./imagesForAdditionalData/GpnResponsesImage";import HeaderUmdImage from"./imagesForAdditionalData/HeaderUmdImage";import HistogramImage from"./imagesForAdditionalData/HistogramImage";import LineImage from"./imagesForAdditionalData/LineImage";import MixPlotImage from"./imagesForAdditionalData/MixPlotImage";import PieImage from"./imagesForAdditionalData/PieImage";import RadarImage from"./imagesForAdditionalData/RadarImage";import RcTableAdapterImage from"./imagesForAdditionalData/RcTableAdapterImage";import RcTreeAdapterImage from"./imagesForAdditionalData/RcTreeAdapterImage";import ReactBigCalendarImage from"./imagesForAdditionalData/ReactBigCalendarImage";import ScatterImage from"./imagesForAdditionalData/ScatterImage";import StatsImage from"./imagesForAdditionalData/StatsImage";import WaterfallImage from"./imagesForAdditionalData/WaterfallImage";export var additionalData=[{title:"\u0413\u0440\u0430\u0444\u0438\u043A\u0438",items:[{url:"http://charts.consta.design?path=/docs/components-area--playground",name:"Area",description:"\u041B\u0438\u043D\u0435\u0439\u043D\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0441 \u043E\u0431\u043B\u0430\u0441\u0442\u044F\u043C\u0438.",image:AreaImage},{url:"http://charts.consta.design?path=/docs/components-bar--playground",name:"Bar",description:"\u0413\u043E\u0440\u0438\u0437\u043E\u043D\u0442\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u043E\u043B\u0431\u0447\u0430\u0442\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430.",image:BarImage},{url:"http://charts.consta.design?path=/docs/components-bullet--playground",name:"Bullet",description:"\u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430-\u0442\u0435\u0440\u043C\u043E\u043C\u0435\u0442\u0440 (\u043E\u043D\u0430 \u0436\u0435 \u2014 \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430-\u0448\u043A\u0430\u043B\u0430).",image:BulletImage},{url:"http://charts.consta.design?path=/docs/components-column--playground",name:"Column",description:"\u0412\u0435\u0440\u0442\u0438\u043A\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u043E\u043B\u0431\u0447\u0430\u0442\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430.",image:ColumnImage},{url:"http://charts.consta.design?path=/docs/components-dualaxes--playground",name:"DualAxes",description:"\u0421\u043E\u0447\u0435\u0442\u0430\u043D\u0438\u0435 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u0438\u0445 \u043B\u0438\u043D\u0435\u0439\u043D\u044B\u0445 \u0438\u043B\u0438 \u0441\u0442\u043E\u043B\u0431\u0447\u0430\u0442\u044B\u0445 \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C.",image:DualAxesImage},{url:"http://charts.consta.design?path=/docs/components-gauge--playground",name:"Gauge",description:"\u041A\u0440\u0443\u0433\u043E\u0432\u0430\u044F \u0448\u043A\u0430\u043B\u0430",image:GaugeImage},{url:"http://charts.consta.design?path=/docs/components-histogram--playground",name:"Histogram",description:"\u0413\u0438\u0441\u0442\u043E\u0433\u0440\u0430\u043C\u043C\u0430. \u041F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0435\u0442 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0435 \u0440\u0430\u0441\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0445.",image:HistogramImage},{url:"http://charts.consta.design?path=/docs/components-line--playground",name:"Line",description:"\u041B\u0438\u043D\u0435\u0439\u043D\u044B\u0439 \u0433\u0440\u0430\u0444\u0438\u043A.",image:LineImage},{url:"http://charts.consta.design/?path=/docs/components-mixplot--playground",name:"MixPlot",description:"\u041F\u043E\u0437\u0432\u043E\u043B\u044F\u0435\u0442 \u043F\u043E\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0433\u0440\u0430\u0444\u0438\u043A\u043E\u0432 \u043D\u0430 \u043E\u0441\u043D\u043E\u0432\u0435 \u043E\u0434\u043D\u0438\u0445 \u0434\u0430\u043D\u043D\u044B\u0445.",image:MixPlotImage},{url:"http://charts.consta.design?path=/docs/components-pie--playground",name:"Pie",description:"\u041A\u0440\u0443\u0433\u043E\u0432\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0441 \u043E\u0431\u043B\u0430\u0441\u0442\u044F\u043C\u0438.",image:PieImage},{url:"http://charts.consta.design?path=/docs/components-radar--playground",name:"Radar",description:"\u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430-\u0440\u0430\u0434\u0430\u0440.",image:RadarImage},{url:"http://charts.consta.design?path=/docs/components-scatter--playground",name:"Scatter",description:"\u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0440\u0430\u0441\u0441\u0435\u044F\u043D\u0438\u044F, \u043E\u043D\u0430 \u0436\u0435 \u2014\xA0\u0442\u043E\u0447\u0435\u0447\u043D\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430.",image:ScatterImage},{url:"http://charts.consta.design?path=/docs/components-waterfall--playground",name:"Waterfall",description:"\u041A\u0430\u0441\u043A\u0430\u0434\u043D\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430.",image:WaterfallImage}]},{title:"\u041E\u0442\u0434\u0435\u043B\u044C\u043D\u044B\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B",items:[{url:"http://header.consta.design/",name:"Header",description:"\u0428\u0430\u043F\u043A\u0430 @consta/header. \u041D\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044F, \u043C\u043D\u043E\u0433\u043E \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432: 4 \u043C\u0435\u043D\u044E, \u0431\u0435\u0439\u0434\u0436\u0438\u043A\u0438, \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F, \u043B\u043E\u0433\u0438\u043D, \u043B\u043E\u0433\u043E\u0442\u0438\u043F \u0438 \u043D\u0435 \u0442\u043E\u043B\u044C\u043A\u043E."},{url:"https://github.com/consta-design-system/header-umd",name:"Header-umd",description:"\u0414\u043B\u044F \u043F\u0440\u043E\u0435\u043A\u0442\u043E\u0432 \u0431\u0435\u0437 React. \u041F\u0440\u0438\u043A\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u0441\u043A\u0440\u0438\u043F\u0442\u043E\u043C, \u0435\u0441\u0442\u044C \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438.",image:HeaderUmdImage},{url:"http://stats.consta.design/",name:"Stats",description:"\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0447\u0438\u0441\u0435\u043B, \u0441 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u043E\u043C, \u0435\u0434\u0438\u043D\u0438\u0446\u0430\u043C\u0438 \u0438\u0437\u043C\u0435\u0440\u0435\u043D\u0438\u044F, \u0438\u043A\u043E\u043D\u043A\u0430\u043C\u0438 \u0438 \u0434\u0440\u0443\u0433\u0438\u043C\u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0430\u043C\u0438.",image:StatsImage},{url:"http://analytic-ui.consta.design/?path=/docs/feedbackform--playground",name:"FeedbackForm",description:"\u0412\u0438\u0434\u0436\u0435\u0442 \u043E\u0431\u0440\u0430\u0442\u043D\u043E\u0439 \u0441\u0432\u044F\u0437\u0438. \u041C\u043E\u0436\u043D\u043E \u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0446\u0435\u043D\u043A\u0438 \u0438 \u043F\u0438\u0441\u0430\u0442\u044C \u043E\u0442\u0437\u044B\u0432\u044B.",image:FeedbackFormImage},{url:"http://gpn-responses.consta.design/",name:"GPN-Responses",description:"\u0417\u0430\u0433\u043B\u0443\u0448\u043A\u0438 \u0441 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F\u043C\u0438 \u043E\u0431 \u043E\u0448\u0438\u0431\u043A\u0430\u0445 \u0438 \u0432\u0430\u0436\u043D\u044B\u0445 \u0441\u0442\u0430\u0442\u0443\u0441\u0430\u0445 \u0441 \u043F\u0440\u043E\u043C\u044B\u0448\u043B\u0435\u043D\u043D\u044B\u043C\u0438 \u0438\u043B\u043B\u044E\u0441\u0442\u0440\u0430\u0446\u0438\u044F\u043C\u0438.",image:GpnResponsesImage}]},{title:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440\u044B",items:[{url:"http://ag-grid-adapter.consta.design/",name:"agGridAdapter",description:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440 \u0434\u043B\u044F \u0442\u0430\u0431\u043B\u0438\u0446\u044B ag-grid-react.",image:RcTableAdapterImage},{url:"http://rc-table-adapter.consta.design/?path=/story/common-start--page",name:"rcTableAdapter",description:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440 \u0434\u043B\u044F rc-table. \u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u0441\u043E \u043C\u043D\u043E\u0436\u0435\u0441\u0442\u0432\u043E\u043C \u043D\u0430\u0441\u0442\u0440\u043E\u0435\u043A.",image:RcTableAdapterImage},{url:"http://rc-tree-adapter.consta.design/",name:"rcTreeAdapter",description:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440 \u0434\u043B\u044F rc-tree. \u0414\u0435\u0440\u0435\u0432\u043E, \u043F\u043E\u0434\u0445\u043E\u0434\u0438\u0442 \u0434\u043B\u044F \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0447\u0435\u0441\u043A\u0438\u0445 \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440.",image:RcTreeAdapterImage},{url:"http://gantt-task-react-adapter.consta.design/",name:"gantt-task-react-adapter",description:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440 \u0434\u043B\u044F gantt-task-react. \u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0413\u0430\u043D\u0442\u0430.",image:GanttImage},{url:"http://react-big-calendar-adapter.consta.design/",name:"react-big-calendar-adapter",description:"\u0410\u0434\u0430\u043F\u0442\u0435\u0440 \u0434\u043B\u044F \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044F react-big-calendar.",image:ReactBigCalendarImage}]}];
2
2
  //# sourceMappingURL=additionalData.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"additionalData.js","names":["AreaImage","BarImage","BulletImage","ColumnImage","DualAxesImage","FeedbackFormImage","GanttImage","GaugeImage","GpnResponsesImage","HeaderUmdImage","HistogramImage","LineImage","MixPlotImage","PieImage","RadarImage","RcTableAdapterImage","RcTreeAdapterImage","ReactBigCalendarImage","ScatterImage","StatsImage","WaterfallImage","additionalData","title","items","url","name","description","image"],"sources":["../../../../../../../src/uiKit/components/ComponentsGridWithData/data/additionalData.ts"],"sourcesContent":["import AreaImage from './imagesForAdditionalData/AreaImage';\nimport BarImage from './imagesForAdditionalData/BarImage';\nimport BulletImage from './imagesForAdditionalData/BulletImage';\nimport ColumnImage from './imagesForAdditionalData/ColumnImage';\nimport DualAxesImage from './imagesForAdditionalData/DualAxesImage';\nimport FeedbackFormImage from './imagesForAdditionalData/FeedbackFormImage';\nimport GanttImage from './imagesForAdditionalData/GanttImage';\nimport GaugeImage from './imagesForAdditionalData/GaugeImage';\nimport GpnResponsesImage from './imagesForAdditionalData/GpnResponsesImage';\nimport HeaderUmdImage from './imagesForAdditionalData/HeaderUmdImage';\nimport HistogramImage from './imagesForAdditionalData/HistogramImage';\nimport LineImage from './imagesForAdditionalData/LineImage';\nimport MixPlotImage from './imagesForAdditionalData/MixPlotImage';\nimport PieImage from './imagesForAdditionalData/PieImage';\nimport RadarImage from './imagesForAdditionalData/RadarImage';\nimport RcTableAdapterImage from './imagesForAdditionalData/RcTableAdapterImage';\nimport RcTreeAdapterImage from './imagesForAdditionalData/RcTreeAdapterImage';\nimport ReactBigCalendarImage from './imagesForAdditionalData/ReactBigCalendarImage';\nimport ScatterImage from './imagesForAdditionalData/ScatterImage';\nimport StatsImage from './imagesForAdditionalData/StatsImage';\nimport WaterfallImage from './imagesForAdditionalData/WaterfallImage';\nimport { Data } from './types';\n\nexport const additionalData: Data = [\n {\n title: 'Графики',\n items: [\n {\n url: 'http://charts.consta.design?path=/docs/components-area--playground',\n name: 'Area',\n description: 'Линейная диаграмма с областями.',\n image: AreaImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-bar--playground',\n name: 'Bar',\n description: 'Горизонтальная столбчатая диаграмма.',\n image: BarImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-bullet--playground',\n name: 'Bullet',\n description: 'Диаграмма-термометр (она же — диаграмма-шкала).',\n image: BulletImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-column--playground',\n name: 'Column',\n description: 'Вертикальная столбчатая диаграмма.',\n image: ColumnImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-dualaxes--playground',\n name: 'DualAxes',\n description: 'Сочетание нескольких линейных или столбчатых диаграмм.',\n image: DualAxesImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-gauge--playground',\n name: 'Gauge',\n description: 'Круговая шкала',\n image: GaugeImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-histogram--playground',\n name: 'Histogram',\n description:\n 'Гистограмма. Показывает количественное распределение данных.',\n image: HistogramImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-line--playground',\n name: 'Line',\n description: 'Линейный график.',\n image: LineImage,\n },\n {\n url: 'http://charts.consta.design/?path=/docs/components-mixplot--playground',\n name: 'MixPlot',\n description:\n 'Позволяет построить несколько графиков на основе одних данных.',\n image: MixPlotImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-pie--playground',\n name: 'Pie',\n description: 'Круговая диаграмма с областями.',\n image: PieImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-radar--playground',\n name: 'Radar',\n description: 'Диаграмма-радар.',\n image: RadarImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-scatter--playground',\n name: 'Scatter',\n description: 'Диаграмма рассеяния, она же — точечная диаграмма.',\n image: ScatterImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-waterfall--playground',\n name: 'Waterfall',\n description: 'Каскадная диаграмма.',\n image: WaterfallImage,\n },\n ],\n },\n {\n title: 'Отдельные компоненты',\n items: [\n {\n url: 'http://header.consta.design/',\n name: 'Header',\n description:\n 'Шапка @consta/header. Настраивается, много компонентов: 4 меню, бейджики, уведомления, логин, логотип и не только.',\n },\n {\n url: 'https://github.com/consta-design-system/header-umd',\n name: 'Header-umd',\n description:\n 'Для проектов без React. Прикручивается скриптом, есть настройки.',\n image: HeaderUmdImage,\n },\n {\n url: 'http://stats.consta.design/',\n name: 'Stats',\n description:\n 'Компонент для отображения чисел, с заголовком, единицами измерения, иконками и другими настройками.',\n image: StatsImage,\n },\n {\n url: 'http://analytic-ui.consta.design/?path=/docs/feedbackform--playground',\n name: 'FeedbackForm',\n description:\n 'Виджет обратной связи. Можно ставить оценки и писать отзывы.',\n image: FeedbackFormImage,\n },\n {\n url: 'http://gpn-responses.consta.design/',\n name: 'GPN-Responses',\n description:\n 'Заглушки с сообщениями об ошибках и важных статусах в стиле «Газпром нефти».',\n image: GpnResponsesImage,\n },\n ],\n },\n {\n title: 'Адаптеры',\n items: [\n {\n url: 'http://ag-grid-adapter.consta.design/',\n name: 'agGridAdapter',\n description: 'Адаптер для таблицы ag-grid-react.',\n image: RcTableAdapterImage,\n },\n {\n url: 'http://rc-table-adapter.consta.design/?path=/story/common-start--page',\n name: 'rcTableAdapter',\n description: 'Адаптер для rc-table. Таблица со множеством настроек.',\n image: RcTableAdapterImage,\n },\n {\n url: 'http://rc-tree-adapter.consta.design/',\n name: 'rcTreeAdapter',\n description:\n 'Адаптер для rc-tree. Дерево, подходит для создания иерархических структур.',\n image: RcTreeAdapterImage,\n },\n {\n url: 'http://gantt-task-react-adapter.consta.design/',\n name: 'gantt-task-react-adapter',\n description: 'Адаптер для gantt-task-react. Диаграмма Ганта.',\n image: GanttImage,\n },\n {\n url: 'http://react-big-calendar-adapter.consta.design/',\n name: 'react-big-calendar-adapter',\n description: 'Адаптер для календаря react-big-calendar.',\n image: ReactBigCalendarImage,\n },\n ],\n },\n];\n"],"mappings":"AAAA,MAAOA,UAAP,2CACA,MAAOC,SAAP,0CACA,MAAOC,YAAP,6CACA,MAAOC,YAAP,6CACA,MAAOC,cAAP,+CACA,MAAOC,kBAAP,mDACA,MAAOC,WAAP,4CACA,MAAOC,WAAP,4CACA,MAAOC,kBAAP,mDACA,MAAOC,eAAP,gDACA,MAAOC,eAAP,gDACA,MAAOC,UAAP,2CACA,MAAOC,aAAP,8CACA,MAAOC,SAAP,0CACA,MAAOC,WAAP,4CACA,MAAOC,oBAAP,qDACA,MAAOC,mBAAP,oDACA,MAAOC,sBAAP,uDACA,MAAOC,aAAP,8CACA,MAAOC,WAAP,4CACA,MAAOC,eAAP,gDAGA,MAAO,IAAMC,eAAoB,CAAG,CAClC,CACEC,KAAK,CAAE,4CADT,CAEEC,KAAK,CAAE,CACL,CACEC,GAAG,CAAE,oEADP,CAEEC,IAAI,CAAE,MAFR,CAGEC,WAAW,CAAE,wKAHf,CAIEC,KAAK,CAAE3B,SAJT,CADK,CAOL,CACEwB,GAAG,CAAE,mEADP,CAEEC,IAAI,CAAE,KAFR,CAGEC,WAAW,CAAE,2MAHf,CAIEC,KAAK,CAAE1B,QAJT,CAPK,CAaL,CACEuB,GAAG,CAAE,sEADP,CAEEC,IAAI,CAAE,QAFR,CAGEC,WAAW,CAAE,+OAHf,CAIEC,KAAK,CAAEzB,WAJT,CAbK,CAmBL,CACEsB,GAAG,CAAE,sEADP,CAEEC,IAAI,CAAE,QAFR,CAGEC,WAAW,CAAE,+LAHf,CAIEC,KAAK,CAAExB,WAJT,CAnBK,CAyBL,CACEqB,GAAG,CAAE,wEADP,CAEEC,IAAI,CAAE,UAFR,CAGEC,WAAW,CAAE,wSAHf,CAIEC,KAAK,CAAEvB,aAJT,CAzBK,CA+BL,CACEoB,GAAG,CAAE,qEADP,CAEEC,IAAI,CAAE,OAFR,CAGEC,WAAW,CAAE,iFAHf,CAIEC,KAAK,CAAEpB,UAJT,CA/BK,CAqCL,CACEiB,GAAG,CAAE,yEADP,CAEEC,IAAI,CAAE,WAFR,CAGEC,WAAW,CACT,4UAJJ,CAKEC,KAAK,CAAEjB,cALT,CArCK,CA4CL,CACEc,GAAG,CAAE,oEADP,CAEEC,IAAI,CAAE,MAFR,CAGEC,WAAW,CAAE,wFAHf,CAIEC,KAAK,CAAEhB,SAJT,CA5CK,CAkDL,CACEa,GAAG,CAAE,wEADP,CAEEC,IAAI,CAAE,SAFR,CAGEC,WAAW,CACT,8UAJJ,CAKEC,KAAK,CAAEf,YALT,CAlDK,CAyDL,CACEY,GAAG,CAAE,mEADP,CAEEC,IAAI,CAAE,KAFR,CAGEC,WAAW,CAAE,wKAHf,CAIEC,KAAK,CAAEd,QAJT,CAzDK,CA+DL,CACEW,GAAG,CAAE,qEADP,CAEEC,IAAI,CAAE,OAFR,CAGEC,WAAW,CAAE,wFAHf,CAIEC,KAAK,CAAEb,UAJT,CA/DK,CAqEL,CACEU,GAAG,CAAE,uEADP,CAEEC,IAAI,CAAE,SAFR,CAGEC,WAAW,CAAE,mQAHf,CAIEC,KAAK,CAAET,YAJT,CArEK,CA2EL,CACEM,GAAG,CAAE,yEADP,CAEEC,IAAI,CAAE,WAFR,CAGEC,WAAW,CAAE,gHAHf,CAIEC,KAAK,CAAEP,cAJT,CA3EK,CAFT,CADkC,CAsFlC,CACEE,KAAK,CAAE,qHADT,CAEEC,KAAK,CAAE,CACL,CACEC,GAAG,CAAE,8BADP,CAEEC,IAAI,CAAE,QAFR,CAGEC,WAAW,CACT,2fAJJ,CADK,CAOL,CACEF,GAAG,CAAE,oDADP,CAEEC,IAAI,CAAE,YAFR,CAGEC,WAAW,CACT,uTAJJ,CAKEC,KAAK,CAAElB,cALT,CAPK,CAcL,CACEe,GAAG,CAAE,6BADP,CAEEC,IAAI,CAAE,OAFR,CAGEC,WAAW,CACT,ygBAJJ,CAKEC,KAAK,CAAER,UALT,CAdK,CAqBL,CACEK,GAAG,CAAE,uEADP,CAEEC,IAAI,CAAE,cAFR,CAGEC,WAAW,CACT,wTAJJ,CAKEC,KAAK,CAAEtB,iBALT,CArBK,CA4BL,CACEmB,GAAG,CAAE,qCADP,CAEEC,IAAI,CAAE,eAFR,CAGEC,WAAW,CACT,0YAJJ,CAKEC,KAAK,CAAEnB,iBALT,CA5BK,CAFT,CAtFkC,CA6HlC,CACEc,KAAK,CAAE,kDADT,CAEEC,KAAK,CAAE,CACL,CACEC,GAAG,CAAE,uCADP,CAEEC,IAAI,CAAE,eAFR,CAGEC,WAAW,CAAE,yHAHf,CAIEC,KAAK,CAAEZ,mBAJT,CADK,CAOL,CACES,GAAG,CAAE,uEADP,CAEEC,IAAI,CAAE,gBAFR,CAGEC,WAAW,CAAE,gPAHf,CAIEC,KAAK,CAAEZ,mBAJT,CAPK,CAaL,CACES,GAAG,CAAE,uCADP,CAEEC,IAAI,CAAE,eAFR,CAGEC,WAAW,CACT,oWAJJ,CAKEC,KAAK,CAAEX,kBALT,CAbK,CAoBL,CACEQ,GAAG,CAAE,gDADP,CAEEC,IAAI,CAAE,0BAFR,CAGEC,WAAW,CAAE,wKAHf,CAIEC,KAAK,CAAErB,UAJT,CApBK,CA0BL,CACEkB,GAAG,CAAE,kDADP,CAEEC,IAAI,CAAE,4BAFR,CAGEC,WAAW,CAAE,0IAHf,CAIEC,KAAK,CAAEV,qBAJT,CA1BK,CAFT,CA7HkC,CAA7B"}
1
+ {"version":3,"file":"additionalData.js","names":["AreaImage","BarImage","BulletImage","ColumnImage","DualAxesImage","FeedbackFormImage","GanttImage","GaugeImage","GpnResponsesImage","HeaderUmdImage","HistogramImage","LineImage","MixPlotImage","PieImage","RadarImage","RcTableAdapterImage","RcTreeAdapterImage","ReactBigCalendarImage","ScatterImage","StatsImage","WaterfallImage","additionalData","title","items","url","name","description","image"],"sources":["../../../../../../../src/uiKit/components/ComponentsGridWithData/data/additionalData.ts"],"sourcesContent":["import AreaImage from './imagesForAdditionalData/AreaImage';\nimport BarImage from './imagesForAdditionalData/BarImage';\nimport BulletImage from './imagesForAdditionalData/BulletImage';\nimport ColumnImage from './imagesForAdditionalData/ColumnImage';\nimport DualAxesImage from './imagesForAdditionalData/DualAxesImage';\nimport FeedbackFormImage from './imagesForAdditionalData/FeedbackFormImage';\nimport GanttImage from './imagesForAdditionalData/GanttImage';\nimport GaugeImage from './imagesForAdditionalData/GaugeImage';\nimport GpnResponsesImage from './imagesForAdditionalData/GpnResponsesImage';\nimport HeaderUmdImage from './imagesForAdditionalData/HeaderUmdImage';\nimport HistogramImage from './imagesForAdditionalData/HistogramImage';\nimport LineImage from './imagesForAdditionalData/LineImage';\nimport MixPlotImage from './imagesForAdditionalData/MixPlotImage';\nimport PieImage from './imagesForAdditionalData/PieImage';\nimport RadarImage from './imagesForAdditionalData/RadarImage';\nimport RcTableAdapterImage from './imagesForAdditionalData/RcTableAdapterImage';\nimport RcTreeAdapterImage from './imagesForAdditionalData/RcTreeAdapterImage';\nimport ReactBigCalendarImage from './imagesForAdditionalData/ReactBigCalendarImage';\nimport ScatterImage from './imagesForAdditionalData/ScatterImage';\nimport StatsImage from './imagesForAdditionalData/StatsImage';\nimport WaterfallImage from './imagesForAdditionalData/WaterfallImage';\nimport { Data } from './types';\n\nexport const additionalData: Data = [\n {\n title: 'Графики',\n items: [\n {\n url: 'http://charts.consta.design?path=/docs/components-area--playground',\n name: 'Area',\n description: 'Линейная диаграмма с областями.',\n image: AreaImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-bar--playground',\n name: 'Bar',\n description: 'Горизонтальная столбчатая диаграмма.',\n image: BarImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-bullet--playground',\n name: 'Bullet',\n description: 'Диаграмма-термометр (она же — диаграмма-шкала).',\n image: BulletImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-column--playground',\n name: 'Column',\n description: 'Вертикальная столбчатая диаграмма.',\n image: ColumnImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-dualaxes--playground',\n name: 'DualAxes',\n description: 'Сочетание нескольких линейных или столбчатых диаграмм.',\n image: DualAxesImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-gauge--playground',\n name: 'Gauge',\n description: 'Круговая шкала',\n image: GaugeImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-histogram--playground',\n name: 'Histogram',\n description:\n 'Гистограмма. Показывает количественное распределение данных.',\n image: HistogramImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-line--playground',\n name: 'Line',\n description: 'Линейный график.',\n image: LineImage,\n },\n {\n url: 'http://charts.consta.design/?path=/docs/components-mixplot--playground',\n name: 'MixPlot',\n description:\n 'Позволяет построить несколько графиков на основе одних данных.',\n image: MixPlotImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-pie--playground',\n name: 'Pie',\n description: 'Круговая диаграмма с областями.',\n image: PieImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-radar--playground',\n name: 'Radar',\n description: 'Диаграмма-радар.',\n image: RadarImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-scatter--playground',\n name: 'Scatter',\n description: 'Диаграмма рассеяния, она же — точечная диаграмма.',\n image: ScatterImage,\n },\n {\n url: 'http://charts.consta.design?path=/docs/components-waterfall--playground',\n name: 'Waterfall',\n description: 'Каскадная диаграмма.',\n image: WaterfallImage,\n },\n ],\n },\n {\n title: 'Отдельные компоненты',\n items: [\n {\n url: 'http://header.consta.design/',\n name: 'Header',\n description:\n 'Шапка @consta/header. Настраивается, много компонентов: 4 меню, бейджики, уведомления, логин, логотип и не только.',\n },\n {\n url: 'https://github.com/consta-design-system/header-umd',\n name: 'Header-umd',\n description:\n 'Для проектов без React. Прикручивается скриптом, есть настройки.',\n image: HeaderUmdImage,\n },\n {\n url: 'http://stats.consta.design/',\n name: 'Stats',\n description:\n 'Компонент для отображения чисел, с заголовком, единицами измерения, иконками и другими настройками.',\n image: StatsImage,\n },\n {\n url: 'http://analytic-ui.consta.design/?path=/docs/feedbackform--playground',\n name: 'FeedbackForm',\n description:\n 'Виджет обратной связи. Можно ставить оценки и писать отзывы.',\n image: FeedbackFormImage,\n },\n {\n url: 'http://gpn-responses.consta.design/',\n name: 'GPN-Responses',\n description:\n 'Заглушки с сообщениями об ошибках и важных статусах с промышленными иллюстрациями.',\n image: GpnResponsesImage,\n },\n ],\n },\n {\n title: 'Адаптеры',\n items: [\n {\n url: 'http://ag-grid-adapter.consta.design/',\n name: 'agGridAdapter',\n description: 'Адаптер для таблицы ag-grid-react.',\n image: RcTableAdapterImage,\n },\n {\n url: 'http://rc-table-adapter.consta.design/?path=/story/common-start--page',\n name: 'rcTableAdapter',\n description: 'Адаптер для rc-table. Таблица со множеством настроек.',\n image: RcTableAdapterImage,\n },\n {\n url: 'http://rc-tree-adapter.consta.design/',\n name: 'rcTreeAdapter',\n description:\n 'Адаптер для rc-tree. Дерево, подходит для создания иерархических структур.',\n image: RcTreeAdapterImage,\n },\n {\n url: 'http://gantt-task-react-adapter.consta.design/',\n name: 'gantt-task-react-adapter',\n description: 'Адаптер для gantt-task-react. Диаграмма Ганта.',\n image: GanttImage,\n },\n {\n url: 'http://react-big-calendar-adapter.consta.design/',\n name: 'react-big-calendar-adapter',\n description: 'Адаптер для календаря react-big-calendar.',\n image: ReactBigCalendarImage,\n },\n ],\n },\n];\n"],"mappings":"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"}
@@ -1,2 +1,4 @@
1
1
  export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
2
2
  export declare const withPrefix: (prefix: string) => import("@bem-react/classname").ClassNameInitilizer;
3
+ export declare const cnCanary: import("@bem-react/classname").ClassNameInitilizer;
4
+ export declare const cnDeprecated: import("@bem-react/classname").ClassNameInitilizer;
@@ -1,2 +1,2 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{withNaming}from"@bem-react/classname";var reactBemNaming={e:"-",m:"_",v:"_"};export var cn=withNaming(reactBemNaming);export var withPrefix=function(a){return withNaming(_objectSpread({n:"".concat(a,"--")},reactBemNaming))};
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{withNaming}from"@bem-react/classname";var reactBemNaming={e:"-",m:"_",v:"_"};export var cn=withNaming(reactBemNaming);export var withPrefix=function(a){return withNaming(_objectSpread({n:"".concat(a,"--")},reactBemNaming))};export var cnCanary=withPrefix("canary");export var cnDeprecated=withPrefix("deprecated");
2
2
  //# sourceMappingURL=bem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"bem.js","names":["withNaming","reactBemNaming","e","m","v","cn","withPrefix","prefix","n"],"sources":["../../../../src/utils/bem.ts"],"sourcesContent":["import { withNaming } from '@bem-react/classname';\n\nconst reactBemNaming = { e: '-', m: '_', v: '_' };\n\nexport const cn = withNaming(reactBemNaming);\n\nexport const withPrefix = (prefix: string) =>\n withNaming({ n: `${prefix}--`, ...reactBemNaming });\n"],"mappings":"qqBAAA,OAASA,UAAT,KAA2B,sBAA3B,CAEA,GAAMC,eAAc,CAAG,CAAEC,CAAC,CAAE,GAAL,CAAUC,CAAC,CAAE,GAAb,CAAkBC,CAAC,CAAE,GAArB,CAAvB,CAEA,MAAO,IAAMC,GAAE,CAAGL,UAAU,CAACC,cAAD,CAArB,CAEP,MAAO,IAAMK,WAAU,CAAG,SAACC,CAAD,QACxBP,WAAU,gBAAGQ,CAAC,WAAKD,CAAL,MAAJ,EAAwBN,cAAxB,EADc,CAAnB"}
1
+ {"version":3,"file":"bem.js","names":["withNaming","reactBemNaming","e","m","v","cn","withPrefix","prefix","n","cnCanary","cnDeprecated"],"sources":["../../../../src/utils/bem.ts"],"sourcesContent":["import { withNaming } from '@bem-react/classname';\n\nconst reactBemNaming = { e: '-', m: '_', v: '_' };\n\nexport const cn = withNaming(reactBemNaming);\n\nexport const withPrefix = (prefix: string) =>\n withNaming({ n: `${prefix}--`, ...reactBemNaming });\n\nexport const cnCanary = withPrefix('canary');\n\nexport const cnDeprecated = withPrefix('deprecated');\n"],"mappings":"qqBAAA,OAASA,UAAT,KAA2B,sBAA3B,CAEA,GAAMC,eAAc,CAAG,CAAEC,CAAC,CAAE,GAAL,CAAUC,CAAC,CAAE,GAAb,CAAkBC,CAAC,CAAE,GAArB,CAAvB,CAEA,MAAO,IAAMC,GAAE,CAAGL,UAAU,CAACC,cAAD,CAArB,CAEP,MAAO,IAAMK,WAAU,CAAG,SAACC,CAAD,QACxBP,WAAU,gBAAGQ,CAAC,WAAKD,CAAL,MAAJ,EAAwBN,cAAxB,EADc,CAAnB,CAGP,MAAO,IAAMQ,SAAQ,CAAGH,UAAU,CAAC,QAAD,CAA3B,CAEP,MAAO,IAAMI,aAAY,CAAGJ,UAAU,CAAC,YAAD,CAA/B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit",
3
- "version": "4.1.0",
3
+ "version": "4.2.0",
4
4
  "keywords": [
5
5
  "ui-kit",
6
6
  "design-system",