@skbkontur/react-ui 4.22.0-next.4 → 4.22.0

package/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md

@@ -50,41 +50,20 @@ const getItems = () => {};
 В Hint и Kebab будет убран "клювик" в THEME_2022.
 В React UI 5.0 фича будет применена по умолчанию.
 ```jsx harmony
-import { Hint, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+import { Hint, Kebab, MenuItem, Gapped, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
 
 <ReactUIFeatureFlagsContext.Provider value={{ kebabHintRemovePin: true }}>
-  <Hint text="Подсказка">Пример с Hint</Hint>
-</ReactUIFeatureFlagsContext.Provider>
-```
-```jsx harmony
-import EditIcon from '@skbkontur/react-icons/Edit';
-import TrashIcon from '@skbkontur/react-icons/Trash';
-import { Kebab, MenuItem, Toast, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
-
-let style = {
-  alignItems: 'center',
-  border: '1px solid #dfdede',
-  display: 'flex',
-  justifyContent: 'space-between',
-  padding: '0 20px',
-  width: 250,
-};
-
-<ReactUIFeatureFlagsContext.Provider value={{ kebabHintRemovePin: true }}>
-  <div style={style}>
-    <div>
-      <h3>Пример с Kebab</h3>
-    </div>
-
-    <Kebab positions={['left middle']} >
-      <MenuItem icon={<EditIcon />} onClick={() => Toast.push('Отредактировано')}>
+  <Gapped vertical>
+    <Hint text="Подсказка">Hint</Hint>
+    <Kebab>
+      <MenuItem>
         Редактировать
       </MenuItem>
-      <MenuItem icon={<TrashIcon />} onClick={() => Toast.push('Удалено')}>
+      <MenuItem>
         Удалить
       </MenuItem>
     </Kebab>
-  </div>
+  </Gapped>
 </ReactUIFeatureFlagsContext.Provider>
 ```
 
@@ -289,13 +268,11 @@ const getItems = () =>
 import { Hint, Button, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
 
 <ReactUIFeatureFlagsContext.Provider value={{ hintAddDynamicPositioning: true }}>
-  <div style={{ marginRight: '-130px', top: '50px', textAlign: 'right' }}>
-    <Hint text={'Example!'} pos="bottom center" maxWidth={295} manual opened>
-      <Button use="success" size="medium" width={135} disabled>
-        Пригласить
-      </Button>
-    </Hint>
-  </div>
+  <Hint text={'Example!'} pos="bottom center" manual opened>
+    <Button use="success" size="medium" disabled>
+      Пригласить
+    </Button>
+  </Hint>
 </ReactUIFeatureFlagsContext.Provider>
 ```
 

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js

@@ -11,4 +11,5 @@ export var reactUIFeatureFlagsDefault = {
   hintAddDynamicPositioning: false
 };
 export var ReactUIFeatureFlagsContext = /*#__PURE__*/React.createContext(reactUIFeatureFlagsDefault);
-ReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';
+ReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';
+ReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ReactUIFeatureFlagsContext.tsx"],"names":["React","reactUIFeatureFlagsDefault","tokenInputRemoveWhitespaceFromDefaultDelimiters","kebabHintRemovePin","sidePageEnableFocusLockWhenBackgroundBlocked","spinnerLoaderRemoveDefaultCaption","menuItemsAtAnyLevel","textareaUseSafari17Workaround","linkFocusOutline","comboBoxAllowValueChangeInEditingState","hintAddDynamicPositioning","ReactUIFeatureFlagsContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;;AAcA,OAAO,IAAMC,0BAA+C,GAAG;AAC7DC,EAAAA,+CAA+C,EAAE,KADY;AAE7DC,EAAAA,kBAAkB,EAAE,KAFyC;AAG7DC,EAAAA,4CAA4C,EAAE,KAHe;AAI7DC,EAAAA,iCAAiC,EAAE,KAJ0B;AAK7DC,EAAAA,mBAAmB,EAAE,KALwC;AAM7DC,EAAAA,6BAA6B,EAAE,KAN8B;AAO7DC,EAAAA,gBAAgB,EAAE,KAP2C;AAQ7DC,EAAAA,sCAAsC,EAAE,KARqB;AAS7DC,EAAAA,yBAAyB,EAAE,KATkC,EAAxD;;;AAYP,OAAO,IAAMC,0BAA0B,gBAAGX,KAAK,CAACY,aAAN,CAAyCX,0BAAzC,CAAnC;AACPU,0BAA0B,CAACE,WAA3B,GAAyC,4BAAzC","sourcesContent":["import React from 'react';\n\nexport interface ReactUIFeatureFlags {\n  tokenInputRemoveWhitespaceFromDefaultDelimiters?: boolean;\n  kebabHintRemovePin?: boolean;\n  sidePageEnableFocusLockWhenBackgroundBlocked?: boolean;\n  spinnerLoaderRemoveDefaultCaption?: boolean;\n  menuItemsAtAnyLevel?: boolean;\n  textareaUseSafari17Workaround?: boolean;\n  linkFocusOutline?: boolean;\n  comboBoxAllowValueChangeInEditingState?: boolean;\n  hintAddDynamicPositioning?: boolean;\n}\n\nexport const reactUIFeatureFlagsDefault: ReactUIFeatureFlags = {\n  tokenInputRemoveWhitespaceFromDefaultDelimiters: false,\n  kebabHintRemovePin: false,\n  sidePageEnableFocusLockWhenBackgroundBlocked: false,\n  spinnerLoaderRemoveDefaultCaption: false,\n  menuItemsAtAnyLevel: false,\n  textareaUseSafari17Workaround: false,\n  linkFocusOutline: false,\n  comboBoxAllowValueChangeInEditingState: false,\n  hintAddDynamicPositioning: false,\n};\n\nexport const ReactUIFeatureFlagsContext = React.createContext<ReactUIFeatureFlags>(reactUIFeatureFlagsDefault);\nReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';\n"]}
+{"version":3,"sources":["ReactUIFeatureFlagsContext.tsx"],"names":["React","reactUIFeatureFlagsDefault","tokenInputRemoveWhitespaceFromDefaultDelimiters","kebabHintRemovePin","sidePageEnableFocusLockWhenBackgroundBlocked","spinnerLoaderRemoveDefaultCaption","menuItemsAtAnyLevel","textareaUseSafari17Workaround","linkFocusOutline","comboBoxAllowValueChangeInEditingState","hintAddDynamicPositioning","ReactUIFeatureFlagsContext","createContext","displayName","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;;AAcA,OAAO,IAAMC,0BAA+C,GAAG;AAC7DC,EAAAA,+CAA+C,EAAE,KADY;AAE7DC,EAAAA,kBAAkB,EAAE,KAFyC;AAG7DC,EAAAA,4CAA4C,EAAE,KAHe;AAI7DC,EAAAA,iCAAiC,EAAE,KAJ0B;AAK7DC,EAAAA,mBAAmB,EAAE,KALwC;AAM7DC,EAAAA,6BAA6B,EAAE,KAN8B;AAO7DC,EAAAA,gBAAgB,EAAE,KAP2C;AAQ7DC,EAAAA,sCAAsC,EAAE,KARqB;AAS7DC,EAAAA,yBAAyB,EAAE,KATkC,EAAxD;;;AAYP,OAAO,IAAMC,0BAA0B,gBAAGX,KAAK,CAACY,aAAN,CAAyCX,0BAAzC,CAAnC;;AAEPU,0BAA0B,CAACE,WAA3B,GAAyC,4BAAzC;AACAF,0BAA0B,CAACG,mBAA3B,GAAiD,4BAAjD","sourcesContent":["import React from 'react';\n\nexport interface ReactUIFeatureFlags {\n  tokenInputRemoveWhitespaceFromDefaultDelimiters?: boolean;\n  kebabHintRemovePin?: boolean;\n  sidePageEnableFocusLockWhenBackgroundBlocked?: boolean;\n  spinnerLoaderRemoveDefaultCaption?: boolean;\n  menuItemsAtAnyLevel?: boolean;\n  textareaUseSafari17Workaround?: boolean;\n  linkFocusOutline?: boolean;\n  comboBoxAllowValueChangeInEditingState?: boolean;\n  hintAddDynamicPositioning?: boolean;\n}\n\nexport const reactUIFeatureFlagsDefault: ReactUIFeatureFlags = {\n  tokenInputRemoveWhitespaceFromDefaultDelimiters: false,\n  kebabHintRemovePin: false,\n  sidePageEnableFocusLockWhenBackgroundBlocked: false,\n  spinnerLoaderRemoveDefaultCaption: false,\n  menuItemsAtAnyLevel: false,\n  textareaUseSafari17Workaround: false,\n  linkFocusOutline: false,\n  comboBoxAllowValueChangeInEditingState: false,\n  hintAddDynamicPositioning: false,\n};\n\nexport const ReactUIFeatureFlagsContext = React.createContext<ReactUIFeatureFlags>(reactUIFeatureFlagsDefault);\n\nReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';\nReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';\n"]}

package/lib/locale/LocaleContext/LocaleContext.js

@@ -4,4 +4,5 @@ export var LocaleContext = /*#__PURE__*/React.createContext({
   locale: {},
   langCode: defaultLangCode
 });
-LocaleContext.displayName = 'LocaleContext';
+LocaleContext.displayName = 'LocaleContext';
+LocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';

package/lib/locale/LocaleContext/LocaleContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LocaleContext.ts"],"names":["React","defaultLangCode","LocaleContext","createContext","locale","langCode","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,eAAT,QAAgC,aAAhC;;;;;;;AAOA,OAAO,IAAMC,aAAa,gBAAGF,KAAK,CAACG,aAAN,CAAwC;AACnEC,EAAAA,MAAM,EAAE,EAD2D;AAEnEC,EAAAA,QAAQ,EAAEJ,eAFyD,EAAxC,CAAtB;;;AAKPC,aAAa,CAACI,WAAd,GAA4B,eAA5B","sourcesContent":["import React from 'react';\n\nimport { LangCodes, LocaleControls } from './types';\nimport { defaultLangCode } from './constants';\n\nexport interface LocaleContextProps {\n  locale?: LocaleControls;\n  langCode?: LangCodes;\n}\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({\n  locale: {},\n  langCode: defaultLangCode,\n});\n\nLocaleContext.displayName = 'LocaleContext';\n"]}
+{"version":3,"sources":["LocaleContext.ts"],"names":["React","defaultLangCode","LocaleContext","createContext","locale","langCode","displayName","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,eAAT,QAAgC,aAAhC;;;;;;;AAOA,OAAO,IAAMC,aAAa,gBAAGF,KAAK,CAACG,aAAN,CAAwC;AACnEC,EAAAA,MAAM,EAAE,EAD2D;AAEnEC,EAAAA,QAAQ,EAAEJ,eAFyD,EAAxC,CAAtB;;;AAKPC,aAAa,CAACI,WAAd,GAA4B,eAA5B;AACAJ,aAAa,CAACK,mBAAd,GAAoC,eAApC","sourcesContent":["import React from 'react';\n\nimport { LangCodes, LocaleControls } from './types';\nimport { defaultLangCode } from './constants';\n\nexport interface LocaleContextProps {\n  locale?: LocaleControls;\n  langCode?: LangCodes;\n}\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({\n  locale: {},\n  langCode: defaultLangCode,\n});\n\nLocaleContext.displayName = 'LocaleContext';\nLocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';\n"]}

package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js

@@ -44,7 +44,7 @@ export function rootNode(Component) {
     }
 
     return rootNode;
-  }(Component), _class.__KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__, _temp);
+  }(Component), _class.__KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__, _class.displayName = Component.displayName, _temp);
   var nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');
 
   if (!nameDescriptor || nameDescriptor.configurable) {

package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["EventEmitter","getRootNode","rootNode","Component","defaultRootNode","rootNodeEmitter","setRootNode","instance","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","__KONTUR_REACT_UI__","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":"uEAAA;;AAEA,OAAOA,YAAP,MAAyB,eAAzB;;;;AAIA,SAASC,WAAT,QAA4B,eAA5B;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,OAAO,SAASC,QAAT,CAAuDC,SAAvD,EAAqE;AAC1E,MAAMD,QAAQ;;;;AAIZ,wBAAmC;AACjC,8FADiC,MAH5BA,QAG4B,GAHEC,SAAS,CAACC,eAGZ,OAD5BC,eAC4B,GADV,IAAIL,YAAJ,EACU;;;AAI5BM,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAML,SAAQ,GAAGD,WAAW,CAACM,QAAD,CAA5B;AACA,YAAIL,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKG,eAAL,CAAqBG,IAArB,CAA0B,QAA1B,EAAoCN,SAApC;AACD;AACF,OAVkC;;AAY5BD,MAAAA,WAZ4B,GAYd,YAAyB;AAC5C,eAAO,MAAKC,QAAZ;AACD,OAdkC;;AAgB5BO,MAAAA,yBAhB4B,GAgBA,UAACC,QAAD,EAAwE;AACzG,cAAKL,eAAL,CAAqBM,WAArB,CAAiC,QAAjC,EAA2CD,QAA3C;AACA,eAAO;AACLE,UAAAA,MAAM,EAAE,kBAAM;AACZ,kBAAKP,eAAL,CAAqBQ,cAArB,CAAoC,QAApC,EAA8CH,QAA9C;AACD,WAHI,EAAP;;AAKD,OAvBkC,cAElC,CANW,kBAAiBP,SAAjB,UAEEW,mBAFF,GAEwBX,SAAS,CAACW,mBAFlC,QAAd;;;AA8BA,MAAMC,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCf,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACa,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBjB,QAAtB,EAAgC,MAAhC,EAAwC,EAAEkB,KAAK,EAAEjB,SAAS,CAACkB,IAAnB,EAAxC;AACD;;AAED,SAAOnB,QAAP;AACD;;AAED,OAAO,IAAMoB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACf,QAAD,EAAyD;AAC7F,SAAOgB,OAAO,CAAChB,QAAD,CAAP,IAAqBS,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCnB,QAArC,EAA+C,aAA/C,CAA5B;AACD,CAFM","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport interface TRootNodeSubscription {\n  remove: () => void;\n}\n\nexport interface InstanceWithRootNode {\n  getRootNode: () => Nullable<Element>;\n  addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: Element | null;\n}\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {\n  new (...args: any[]): React.Component;\n}\n\nexport function rootNode<T extends DecoratableClassComponent>(Component: T) {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public rootNode: Nullable<Element> = Component.defaultRootNode;\n    public static __KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<Element> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<Element>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"]}
+{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["EventEmitter","getRootNode","rootNode","Component","defaultRootNode","rootNodeEmitter","setRootNode","instance","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","__KONTUR_REACT_UI__","displayName","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":"uEAAA;;AAEA,OAAOA,YAAP,MAAyB,eAAzB;;;;AAIA,SAASC,WAAT,QAA4B,eAA5B;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,OAAO,SAASC,QAAT,CAAuDC,SAAvD,EAAqE;AAC1E,MAAMD,QAAQ;;;;;;AAMZ,wBAAmC;AACjC,8FADiC,MAF5BA,QAE4B,GAFEC,SAAS,CAACC,eAEZ,OAD5BC,eAC4B,GADV,IAAIL,YAAJ,EACU;;;AAI5BM,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAML,SAAQ,GAAGD,WAAW,CAACM,QAAD,CAA5B;AACA,YAAIL,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKG,eAAL,CAAqBG,IAArB,CAA0B,QAA1B,EAAoCN,SAApC;AACD;AACF,OAVkC;;AAY5BD,MAAAA,WAZ4B,GAYd,YAAyB;AAC5C,eAAO,MAAKC,QAAZ;AACD,OAdkC;;AAgB5BO,MAAAA,yBAhB4B,GAgBA,UAACC,QAAD,EAAwE;AACzG,cAAKL,eAAL,CAAqBM,WAArB,CAAiC,QAAjC,EAA2CD,QAA3C;AACA,eAAO;AACLE,UAAAA,MAAM,EAAE,kBAAM;AACZ,kBAAKP,eAAL,CAAqBQ,cAArB,CAAoC,QAApC,EAA8CH,QAA9C;AACD,WAHI,EAAP;;AAKD,OAvBkC,cAElC,CARW,kBAAiBP,SAAjB,UACEW,mBADF,GACwBX,SAAS,CAACW,mBADlC,SAEEC,WAFF,GAEgBZ,SAAS,CAACY,WAF1B,QAAd;;;AAgCA,MAAMC,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgChB,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACc,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBlB,QAAtB,EAAgC,MAAhC,EAAwC,EAAEmB,KAAK,EAAElB,SAAS,CAACmB,IAAnB,EAAxC;AACD;;AAED,SAAOpB,QAAP;AACD;;AAED,OAAO,IAAMqB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAAChB,QAAD,EAAyD;AAC7F,SAAOiB,OAAO,CAACjB,QAAD,CAAP,IAAqBU,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCpB,QAArC,EAA+C,aAA/C,CAA5B;AACD,CAFM","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport interface TRootNodeSubscription {\n  remove: () => void;\n}\n\nexport interface InstanceWithRootNode {\n  getRootNode: () => Nullable<Element>;\n  addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: Element | null;\n}\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n  displayName?: string;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {\n  new (...args: any[]): React.Component;\n}\n\nexport function rootNode<T extends DecoratableClassComponent>(Component: T) {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public static __KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__;\n    public static displayName = Component.displayName;\n\n    public rootNode: Nullable<Element> = Component.defaultRootNode;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<Element> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<Element>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"]}

package/lib/rootNode/rootNodeDecorator.d.ts

@@ -14,6 +14,7 @@ interface ComponentWithDefaultRootNode {
 }
 interface ComponentWithKonturReactUI {
     __KONTUR_REACT_UI__?: string;
+    displayName?: string;
 }
 interface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {
     new (...args: any[]): React.Component;
@@ -50,6 +51,7 @@ export declare function rootNode<T extends DecoratableClassComponent>(Component:
         UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
     };
     __KONTUR_REACT_UI__: string | undefined;
+    displayName: string | undefined;
     defaultRootNode?: Element | null | undefined;
 } & T;
 export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;

package/lib/theming/ThemeContext/ThemeContext.js

@@ -1,4 +1,5 @@
 import React from 'react';
 import { DEFAULT_THEME } from "../themes/DefaultTheme";
 export var ThemeContext = /*#__PURE__*/React.createContext(DEFAULT_THEME);
-ThemeContext.displayName = 'ThemeContext';
+ThemeContext.displayName = 'ThemeContext';
+ThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';

package/lib/theming/ThemeContext/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeContext.ts"],"names":["React","DEFAULT_THEME","ThemeContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAN,CAAoBF,aAApB,CAArB;;AAEPC,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\n\nimport { DEFAULT_THEME } from './themes/DefaultTheme';\n\nexport const ThemeContext = React.createContext(DEFAULT_THEME);\n\nThemeContext.displayName = 'ThemeContext';\n"]}
+{"version":3,"sources":["ThemeContext.ts"],"names":["React","DEFAULT_THEME","ThemeContext","createContext","displayName","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAN,CAAoBF,aAApB,CAArB;;AAEPC,YAAY,CAACE,WAAb,GAA2B,cAA3B;AACAF,YAAY,CAACG,mBAAb,GAAmC,cAAnC","sourcesContent":["import React from 'react';\n\nimport { DEFAULT_THEME } from './themes/DefaultTheme';\n\nexport const ThemeContext = React.createContext(DEFAULT_THEME);\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"]}

package/lib/toKebabCase/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/toKebabCase.js",
+  "module": "toKebabCase",
+  "types": "../toKebabCase.d.ts",
+  "sideEffects": false
+}

package/lib/toKebabCase/toKebabCase.js

@@ -0,0 +1,7 @@
+export var toKebabCase = function toKebabCase(value) {
+  if (!value) {
+    return '';
+  }
+
+  return value.split(/\.?(?=[A-Z])/).join('-').toLowerCase();
+};

package/lib/toKebabCase/toKebabCase.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["toKebabCase.ts"],"names":["toKebabCase","value","split","join","toLowerCase"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAmB;AAC5C,MAAI,CAACA,KAAL,EAAY;AACV,WAAO,EAAP;AACD;;AAED,SAAOA,KAAK;AACTC,EAAAA,KADI,CACE,cADF;AAEJC,EAAAA,IAFI,CAEC,GAFD;AAGJC,EAAAA,WAHI,EAAP;AAID,CATM","sourcesContent":["export const toKebabCase = (value: string) => {\n  if (!value) {\n    return '';\n  }\n\n  return value\n    .split(/\\.?(?=[A-Z])/)\n    .join('-')\n    .toLowerCase();\n};\n"]}

package/lib/toKebabCase.d.ts

@@ -0,0 +1 @@
+export declare const toKebabCase: (value: string) => string;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "4.22.0-next.4",
+  "version": "4.22.0",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/4.22.0-next.4/",
+  "homepage": "https://tech.skbkontur.ru/react-ui/4.22.0/",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"
@@ -154,6 +154,6 @@
     "react-dom": ">=16.9"
   },
   "publishConfig": {
-    "tag": "next"
+    "tag": "latest"
   }
 }

package/typings/global-react.d.ts

@@ -0,0 +1,12 @@
+export * from 'react';
+
+interface KonturComponent {
+  __KONTUR_REACT_UI__?: string;
+}
+
+declare module 'react' {
+  interface Context extends KonturComponent {}
+  interface ForwardRefExoticComponent extends KonturComponent {}
+  interface FunctionComponent extends KonturComponent {}
+  interface ComponentClass extends KonturComponent {}
+}