@skbkontur/react-ui 0.0.0-4c5579465d → 0.0.0-4da47ece08

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/theming/ThemeContext.md

@@ -41,8 +41,10 @@ public context: Theme = this.context;
 | `DARK_THEME_2022`       | Станет дефолтной темной в `5.0`                   |
 | `DEFAULT_THEME`         | Текущая дефолтная тема. Станет deprecated в `5.0` |
 | `DARK_THEME`            | Темная дефолтная. Станет deprecated в `5.0`       |
-| `DEFAULT_THEME_8PX_OLD` | Тема 2021 г. Будет удалена в  `5.0`               |
+| `DEFAULT_THEME_8PX_OLD` | Тема 2021 г. Будет удалена в `5.0`                |
 | `FLAT_THEME_8PX_OLD`    | Плоская тема 2021 г. Будет удалена в `5.0`        |
+| `THEME_2022_UPDATE_2024`| Тема 2022 г. с последними обновлениями цветов. В `5.0` будет влита в дефолтную|
+| `THEME_2022_DARK_UPDATE_2024`| Тёмная тема 2022 г. с последними обновлениями цветов. В `5.0` будет влита в дефолтную темную|
 
 ## Примеры использования
 

package/lib/theming/themes/Theme2022DarkUpdate2024/Theme2022DarkUpdate2024.js

@@ -0,0 +1,33 @@
+import { ThemeFactory } from "../../ThemeFactory";
+import { THEME_2022_DARK } from "../Theme2022Dark";
+export var THEME_2022_DARK_UPDATE_2024 = ThemeFactory.create({
+  green: '#23A14A',
+  greenDark: '#1C8A3F',
+  red: '#ED3F3F',
+  redDark: '#DD3333',
+  errorMain: '#ED3F3F',
+  linkSuccessColor: '#46CD68',
+  linkSuccessHoverColor: '#67D881',
+  linkSuccessActiveColor: '#23A14A',
+  linkDangerColor: '#FE6C6C',
+  linkDangerHoverColor: '#FE8C8C',
+  linkDangerActiveColor: '#ED3F3F',
+  btnSuccessBg: '#23A14A',
+  btnSuccessBorderColor: '#23A14A',
+  btnSuccessHoverBg: '#26AD50',
+  btnSuccessHoverBorderColor: '#26AD50',
+  btnSuccessActiveBg: '#1C8A3F',
+  btnSuccessActiveBorderColor: '#1C8A3F',
+  btnDangerBg: '#ED3F3F',
+  btnDangerBorderColor: '#ED3F3F',
+  btnDangerHoverBg: '#FE4C4C',
+  btnDangerHoverBorderColor: '#FE4C4C',
+  btnDangerActiveBg: '#CC2626',
+  btnDangerActiveBorderColor: '#CC2626',
+  calendarCellWeekendColor: '#FE6C6C',
+  fileUploaderBorderColorError: '#ED3F3F',
+  inputBorderColorError: '#FE6C6C',
+  validationsTextColorError: '#ED3F3F',
+  // error background for button use=link
+  btnErrorSecondary: '#AB0D0D'
+}, THEME_2022_DARK);

package/lib/theming/themes/Theme2022DarkUpdate2024/Theme2022DarkUpdate2024.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Theme2022DarkUpdate2024.ts"],"names":["ThemeFactory","THEME_2022_DARK","THEME_2022_DARK_UPDATE_2024","create","green","greenDark","red","redDark","errorMain","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","btnSuccessBg","btnSuccessBorderColor","btnSuccessHoverBg","btnSuccessHoverBorderColor","btnSuccessActiveBg","btnSuccessActiveBorderColor","btnDangerBg","btnDangerBorderColor","btnDangerHoverBg","btnDangerHoverBorderColor","btnDangerActiveBg","btnDangerActiveBorderColor","calendarCellWeekendColor","fileUploaderBorderColorError","inputBorderColorError","validationsTextColorError","btnErrorSecondary"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;;AAEA,SAASC,eAAT,QAAgC,iBAAhC;;AAEA,OAAO,IAAMC,2BAA2B,GAAGF,YAAY,CAACG,MAAb;AACzC;AACEC,EAAAA,KAAK,EAAE,SADT;AAEEC,EAAAA,SAAS,EAAE,SAFb;;AAIEC,EAAAA,GAAG,EAAE,SAJP;AAKEC,EAAAA,OAAO,EAAE,SALX;AAMEC,EAAAA,SAAS,EAAE,SANb;;AAQEC,EAAAA,gBAAgB,EAAE,SARpB;AASEC,EAAAA,qBAAqB,EAAE,SATzB;AAUEC,EAAAA,sBAAsB,EAAE,SAV1B;;AAYEC,EAAAA,eAAe,EAAE,SAZnB;AAaEC,EAAAA,oBAAoB,EAAE,SAbxB;AAcEC,EAAAA,qBAAqB,EAAE,SAdzB;;AAgBEC,EAAAA,YAAY,EAAE,SAhBhB;AAiBEC,EAAAA,qBAAqB,EAAE,SAjBzB;;AAmBEC,EAAAA,iBAAiB,EAAE,SAnBrB;AAoBEC,EAAAA,0BAA0B,EAAE,SApB9B;;AAsBEC,EAAAA,kBAAkB,EAAE,SAtBtB;AAuBEC,EAAAA,2BAA2B,EAAE,SAvB/B;;AAyBEC,EAAAA,WAAW,EAAE,SAzBf;AA0BEC,EAAAA,oBAAoB,EAAE,SA1BxB;;AA4BEC,EAAAA,gBAAgB,EAAE,SA5BpB;AA6BEC,EAAAA,yBAAyB,EAAE,SA7B7B;;AA+BEC,EAAAA,iBAAiB,EAAE,SA/BrB;AAgCEC,EAAAA,0BAA0B,EAAE,SAhC9B;;AAkCEC,EAAAA,wBAAwB,EAAE,SAlC5B;;AAoCEC,EAAAA,4BAA4B,EAAE,SApChC;;AAsCEC,EAAAA,qBAAqB,EAAE,SAtCzB;;AAwCEC,EAAAA,yBAAyB,EAAE,SAxC7B;AAyCE;AACAC,EAAAA,iBAAiB,EAAE,SA1CrB,EADyC;;AA6CzC9B,eA7CyC,CAApC","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\n\nimport { THEME_2022_DARK } from './Theme2022Dark';\n\nexport const THEME_2022_DARK_UPDATE_2024 = ThemeFactory.create(\n  {\n    green: '#23A14A',\n    greenDark: '#1C8A3F',\n\n    red: '#ED3F3F',\n    redDark: '#DD3333',\n    errorMain: '#ED3F3F',\n\n    linkSuccessColor: '#46CD68',\n    linkSuccessHoverColor: '#67D881',\n    linkSuccessActiveColor: '#23A14A',\n\n    linkDangerColor: '#FE6C6C',\n    linkDangerHoverColor: '#FE8C8C',\n    linkDangerActiveColor: '#ED3F3F',\n\n    btnSuccessBg: '#23A14A',\n    btnSuccessBorderColor: '#23A14A',\n\n    btnSuccessHoverBg: '#26AD50',\n    btnSuccessHoverBorderColor: '#26AD50',\n\n    btnSuccessActiveBg: '#1C8A3F',\n    btnSuccessActiveBorderColor: '#1C8A3F',\n\n    btnDangerBg: '#ED3F3F',\n    btnDangerBorderColor: '#ED3F3F',\n\n    btnDangerHoverBg: '#FE4C4C',\n    btnDangerHoverBorderColor: '#FE4C4C',\n\n    btnDangerActiveBg: '#CC2626',\n    btnDangerActiveBorderColor: '#CC2626',\n\n    calendarCellWeekendColor: '#FE6C6C',\n\n    fileUploaderBorderColorError: '#ED3F3F',\n\n    inputBorderColorError: '#FE6C6C',\n\n    validationsTextColorError: '#ED3F3F',\n    // error background for button use=link\n    btnErrorSecondary: '#AB0D0D',\n  },\n  THEME_2022_DARK,\n);\n"]}

package/lib/theming/themes/Theme2022DarkUpdate2024/package.json

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

package/lib/theming/themes/Theme2022DarkUpdate2024.d.ts

@@ -0,0 +1,30 @@
+export declare const THEME_2022_DARK_UPDATE_2024: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & {
+    green: string;
+    greenDark: string;
+    red: string;
+    redDark: string;
+    errorMain: string;
+    linkSuccessColor: string;
+    linkSuccessHoverColor: string;
+    linkSuccessActiveColor: string;
+    linkDangerColor: string;
+    linkDangerHoverColor: string;
+    linkDangerActiveColor: string;
+    btnSuccessBg: string;
+    btnSuccessBorderColor: string;
+    btnSuccessHoverBg: string;
+    btnSuccessHoverBorderColor: string;
+    btnSuccessActiveBg: string;
+    btnSuccessActiveBorderColor: string;
+    btnDangerBg: string;
+    btnDangerBorderColor: string;
+    btnDangerHoverBg: string;
+    btnDangerHoverBorderColor: string;
+    btnDangerActiveBg: string;
+    btnDangerActiveBorderColor: string;
+    calendarCellWeekendColor: string;
+    fileUploaderBorderColorError: string;
+    inputBorderColorError: string;
+    validationsTextColorError: string;
+    btnErrorSecondary: string;
+}>;

package/lib/theming/themes/Theme2022Update2024/Theme2022Update2024.js

@@ -0,0 +1,50 @@
+import { ThemeFactory } from "../../ThemeFactory";
+import { THEME_2022 } from "../Theme2022";
+export var THEME_2022_UPDATE_2024 = ThemeFactory.create({
+  green: '#1C8A3F',
+  greenXxLight: '#C7F9CC',
+  greenDark: '#197F39',
+  red: '#DD3333',
+  redXxLight: '#FFEBEB',
+  redDark: '#CC2626',
+  errorMain: '#FE4C4C',
+  errorText: '#CC2626',
+  linkSuccessColor: '#1C8A3F',
+  linkSuccessHoverColor: '#197F39',
+  linkSuccessActiveColor: '#167333',
+  linkDangerColor: '#CC2626',
+  linkDangerHoverColor: '#BB1919',
+  linkDangerActiveColor: '#AB0D0D',
+  btnSuccessBg: '#26AD50',
+  btnSuccessBorderColor: '#26AD50',
+  btnSuccessHoverBg: '#23A14A',
+  btnSuccessHoverBorderColor: '#23A14A',
+  btnSuccessActiveBg: '#209644',
+  btnSuccessActiveBorderColor: '#209644',
+  btnDangerBg: '#FE4C4C',
+  btnDangerBorderColor: '#FE4C4C',
+  btnDangerHoverBg: '#ED3F3F',
+  btnDangerHoverBorderColor: '#ED3F3F',
+  btnDangerActiveBg: '#DD3333',
+  btnDangerActiveBorderColor: '#DD3333',
+  calendarCellWeekendColor: '#CC2626',
+  inputBorderColorError: '#DD3333',
+  validationsTextColorError: '#CC2626',
+  // error background for button use=link
+  btnErrorSecondary: '#FFEBEB',
+  // disabled colors
+  btnDisabledTextColor: '#ADADAD',
+  inputIconColorDisabled: '#ADADAD',
+  inputTextColorDisabled: '#ADADAD',
+  inputPlaceholderColorDisabled: '#ADADAD',
+  textareaTextColorDisabled: '#ADADAD',
+  textareaPlaceholderColorDisabled: '#ADADAD',
+  tokenTextColorDisabled: '#ADADAD',
+  selectPlaceholderColorDisabled: '#ADADAD',
+  selectMenuArrowColorDisabled: '#ADADAD',
+  menuItemDisabledColor: '#ADADAD',
+  linkDisabledColor: '#ADADAD',
+  fileUploaderDisabledTextColor: '#ADADAD',
+  fileUploaderDisabledLinkColor: '#ADADAD',
+  fileUploaderDisabledIconColor: '#ADADAD'
+}, THEME_2022);

package/lib/theming/themes/Theme2022Update2024/Theme2022Update2024.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Theme2022Update2024.ts"],"names":["ThemeFactory","THEME_2022","THEME_2022_UPDATE_2024","create","green","greenXxLight","greenDark","red","redXxLight","redDark","errorMain","errorText","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","btnSuccessBg","btnSuccessBorderColor","btnSuccessHoverBg","btnSuccessHoverBorderColor","btnSuccessActiveBg","btnSuccessActiveBorderColor","btnDangerBg","btnDangerBorderColor","btnDangerHoverBg","btnDangerHoverBorderColor","btnDangerActiveBg","btnDangerActiveBorderColor","calendarCellWeekendColor","inputBorderColorError","validationsTextColorError","btnErrorSecondary","btnDisabledTextColor","inputIconColorDisabled","inputTextColorDisabled","inputPlaceholderColorDisabled","textareaTextColorDisabled","textareaPlaceholderColorDisabled","tokenTextColorDisabled","selectPlaceholderColorDisabled","selectMenuArrowColorDisabled","menuItemDisabledColor","linkDisabledColor","fileUploaderDisabledTextColor","fileUploaderDisabledLinkColor","fileUploaderDisabledIconColor"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;;AAEA,SAASC,UAAT,QAA2B,aAA3B;;AAEA,OAAO,IAAMC,sBAAsB,GAAGF,YAAY,CAACG,MAAb;AACpC;AACEC,EAAAA,KAAK,EAAE,SADT;AAEEC,EAAAA,YAAY,EAAE,SAFhB;AAGEC,EAAAA,SAAS,EAAE,SAHb;;AAKEC,EAAAA,GAAG,EAAE,SALP;AAMEC,EAAAA,UAAU,EAAE,SANd;AAOEC,EAAAA,OAAO,EAAE,SAPX;;AASEC,EAAAA,SAAS,EAAE,SATb;AAUEC,EAAAA,SAAS,EAAE,SAVb;;AAYEC,EAAAA,gBAAgB,EAAE,SAZpB;AAaEC,EAAAA,qBAAqB,EAAE,SAbzB;AAcEC,EAAAA,sBAAsB,EAAE,SAd1B;;AAgBEC,EAAAA,eAAe,EAAE,SAhBnB;AAiBEC,EAAAA,oBAAoB,EAAE,SAjBxB;AAkBEC,EAAAA,qBAAqB,EAAE,SAlBzB;;AAoBEC,EAAAA,YAAY,EAAE,SApBhB;AAqBEC,EAAAA,qBAAqB,EAAE,SArBzB;;AAuBEC,EAAAA,iBAAiB,EAAE,SAvBrB;AAwBEC,EAAAA,0BAA0B,EAAE,SAxB9B;;AA0BEC,EAAAA,kBAAkB,EAAE,SA1BtB;AA2BEC,EAAAA,2BAA2B,EAAE,SA3B/B;;AA6BEC,EAAAA,WAAW,EAAE,SA7Bf;AA8BEC,EAAAA,oBAAoB,EAAE,SA9BxB;;AAgCEC,EAAAA,gBAAgB,EAAE,SAhCpB;AAiCEC,EAAAA,yBAAyB,EAAE,SAjC7B;;AAmCEC,EAAAA,iBAAiB,EAAE,SAnCrB;AAoCEC,EAAAA,0BAA0B,EAAE,SApC9B;;AAsCEC,EAAAA,wBAAwB,EAAE,SAtC5B;;AAwCEC,EAAAA,qBAAqB,EAAE,SAxCzB;;AA0CEC,EAAAA,yBAAyB,EAAE,SA1C7B;AA2CE;AACAC,EAAAA,iBAAiB,EAAE,SA5CrB;;AA8CE;AACAC,EAAAA,oBAAoB,EAAE,SA/CxB;;AAiDEC,EAAAA,sBAAsB,EAAE,SAjD1B;AAkDEC,EAAAA,sBAAsB,EAAE,SAlD1B;AAmDEC,EAAAA,6BAA6B,EAAE,SAnDjC;;AAqDEC,EAAAA,yBAAyB,EAAE,SArD7B;AAsDEC,EAAAA,gCAAgC,EAAE,SAtDpC;;AAwDEC,EAAAA,sBAAsB,EAAE,SAxD1B;;AA0DEC,EAAAA,8BAA8B,EAAE,SA1DlC;AA2DEC,EAAAA,4BAA4B,EAAE,SA3DhC;;AA6DEC,EAAAA,qBAAqB,EAAE,SA7DzB;;AA+DEC,EAAAA,iBAAiB,EAAE,SA/DrB;;AAiEEC,EAAAA,6BAA6B,EAAE,SAjEjC;AAkEEC,EAAAA,6BAA6B,EAAE,SAlEjC;AAmEEC,EAAAA,6BAA6B,EAAE,SAnEjC,EADoC;;AAsEpC9C,UAtEoC,CAA/B","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\n\nimport { THEME_2022 } from './Theme2022';\n\nexport const THEME_2022_UPDATE_2024 = ThemeFactory.create(\n  {\n    green: '#1C8A3F',\n    greenXxLight: '#C7F9CC',\n    greenDark: '#197F39',\n\n    red: '#DD3333',\n    redXxLight: '#FFEBEB',\n    redDark: '#CC2626',\n\n    errorMain: '#FE4C4C',\n    errorText: '#CC2626',\n\n    linkSuccessColor: '#1C8A3F',\n    linkSuccessHoverColor: '#197F39',\n    linkSuccessActiveColor: '#167333',\n\n    linkDangerColor: '#CC2626',\n    linkDangerHoverColor: '#BB1919',\n    linkDangerActiveColor: '#AB0D0D',\n\n    btnSuccessBg: '#26AD50',\n    btnSuccessBorderColor: '#26AD50',\n\n    btnSuccessHoverBg: '#23A14A',\n    btnSuccessHoverBorderColor: '#23A14A',\n\n    btnSuccessActiveBg: '#209644',\n    btnSuccessActiveBorderColor: '#209644',\n\n    btnDangerBg: '#FE4C4C',\n    btnDangerBorderColor: '#FE4C4C',\n\n    btnDangerHoverBg: '#ED3F3F',\n    btnDangerHoverBorderColor: '#ED3F3F',\n\n    btnDangerActiveBg: '#DD3333',\n    btnDangerActiveBorderColor: '#DD3333',\n\n    calendarCellWeekendColor: '#CC2626',\n\n    inputBorderColorError: '#DD3333',\n\n    validationsTextColorError: '#CC2626',\n    // error background for button use=link\n    btnErrorSecondary: '#FFEBEB',\n\n    // disabled colors\n    btnDisabledTextColor: '#ADADAD',\n\n    inputIconColorDisabled: '#ADADAD',\n    inputTextColorDisabled: '#ADADAD',\n    inputPlaceholderColorDisabled: '#ADADAD',\n\n    textareaTextColorDisabled: '#ADADAD',\n    textareaPlaceholderColorDisabled: '#ADADAD',\n\n    tokenTextColorDisabled: '#ADADAD',\n\n    selectPlaceholderColorDisabled: '#ADADAD',\n    selectMenuArrowColorDisabled: '#ADADAD',\n\n    menuItemDisabledColor: '#ADADAD',\n\n    linkDisabledColor: '#ADADAD',\n\n    fileUploaderDisabledTextColor: '#ADADAD',\n    fileUploaderDisabledLinkColor: '#ADADAD',\n    fileUploaderDisabledIconColor: '#ADADAD',\n  },\n  THEME_2022,\n);\n"]}

package/lib/theming/themes/Theme2022Update2024/package.json

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

package/lib/theming/themes/Theme2022Update2024.d.ts

@@ -0,0 +1,46 @@
+export declare const THEME_2022_UPDATE_2024: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & {
+    green: string;
+    greenXxLight: string;
+    greenDark: string;
+    red: string;
+    redXxLight: string;
+    redDark: string;
+    errorMain: string;
+    errorText: string;
+    linkSuccessColor: string;
+    linkSuccessHoverColor: string;
+    linkSuccessActiveColor: string;
+    linkDangerColor: string;
+    linkDangerHoverColor: string;
+    linkDangerActiveColor: string;
+    btnSuccessBg: string;
+    btnSuccessBorderColor: string;
+    btnSuccessHoverBg: string;
+    btnSuccessHoverBorderColor: string;
+    btnSuccessActiveBg: string;
+    btnSuccessActiveBorderColor: string;
+    btnDangerBg: string;
+    btnDangerBorderColor: string;
+    btnDangerHoverBg: string;
+    btnDangerHoverBorderColor: string;
+    btnDangerActiveBg: string;
+    btnDangerActiveBorderColor: string;
+    calendarCellWeekendColor: string;
+    inputBorderColorError: string;
+    validationsTextColorError: string;
+    btnErrorSecondary: string;
+    btnDisabledTextColor: string;
+    inputIconColorDisabled: string;
+    inputTextColorDisabled: string;
+    inputPlaceholderColorDisabled: string;
+    textareaTextColorDisabled: string;
+    textareaPlaceholderColorDisabled: string;
+    tokenTextColorDisabled: string;
+    selectPlaceholderColorDisabled: string;
+    selectMenuArrowColorDisabled: string;
+    menuItemDisabledColor: string;
+    linkDisabledColor: string;
+    fileUploaderDisabledTextColor: string;
+    fileUploaderDisabledLinkColor: string;
+    fileUploaderDisabledIconColor: string;
+}>;

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/lib/types/props/package.json

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

package/lib/types/props/props.js

@@ -0,0 +1 @@
+export {};

package/lib/types/props/props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/types/props.d.ts

@@ -0,0 +1 @@
+export declare type SizeProp = 'small' | 'medium' | 'large';

package/lib/utils/utils.js

@@ -2,12 +2,10 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
 import React from 'react';
 import { isForwardRef } from 'react-is';
-import { isBrowser } from "../client";
-import { globalThat } from "../SSRSafe"; // NOTE: Copy-paste from @types/react
-
+import { globalObject, isBrowser } from '@skbkontur/global-object';
 export var delay = function delay(ms) {
   return new Promise(function (resolve) {
-    return setTimeout(resolve, ms);
+    return globalObject.setTimeout(resolve, ms);
   });
 };
 export var emptyHandler = function emptyHandler() {
@@ -37,7 +35,7 @@ export function taskWithDelay(task, ms) {
 
   new Promise(function (resolve, reject) {
     cancelationToken = reject;
-    setTimeout(resolve, ms);
+    globalObject.setTimeout(resolve, ms);
   }).then(task)["catch"](function () {
     return null;
   });
@@ -65,7 +63,7 @@ export var getRandomID = function getRandomID() {
   return Math.random().toString(16).slice(2);
 };
 export var isExternalLink = function isExternalLink(link) {
-  return new RegExp("^(https?:)?//" + (isBrowser ? "(?!" + globalThat.location.host + ")" : "") + "\\S+", 'gi').test(link);
+  return isBrowser(globalObject) && new RegExp("^(https?:)?//(?!" + globalObject.location.host + ")\\S+", 'gi').test(link);
 };
 /**
  * Check if the given ReactNode is an element of the specified ReactUI component
@@ -211,4 +209,19 @@ export var startsWithOneOf = function startsWithOneOf(searchKeys, inputString) {
 export var isInputLike = isReactUIComponent('Input') || isReactUIComponent('FxInput') || isReactUIComponent('Autocomplete') || isReactUIComponent('PasswordInput') || isReactUIComponent('CurrencyInput');
 export var isKonturIcon = function isKonturIcon(icon) {
   return Object.prototype.hasOwnProperty.call(icon == null ? void 0 : icon.type, '__KONTUR_ICON__');
-};
+};
+export function clickOutside() {
+  var event = document.createEvent('HTMLEvents');
+  event.initEvent('mousedown', true, true);
+  document.body.dispatchEvent(event);
+}
+export function pick(object, keys) {
+  var result = {};
+  return keys.reduce(function (acc, key) {
+    if (object && Object.prototype.hasOwnProperty.call(object, key)) {
+      acc[key] = object[key];
+    }
+
+    return acc;
+  }, result);
+}

package/lib/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["React","isForwardRef","isBrowser","globalThat","delay","ms","Promise","resolve","setTimeout","emptyHandler","CancelationError","code","Error","taskWithDelay","task","cancelationToken","reject","then","isFunction","x","isFunctionalComponent","Component","Boolean","prototype","isReactComponent","isClassComponent","isIntrinsicElement","element","type","isRefableElement","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","isExternalLink","link","RegExp","location","host","test","isReactUINode","componentName","node","isValidElement","Object","hasOwnProperty","call","__KONTUR_REACT_UI__","KB","UNITS","calculateDecimals","decimals","formatBytes","bytes","calculatedDecimals","i","floor","log2","formattedBytes","parseFloat","pow","toFixed","isNonNullable","value","undefined","isNullable","isReactUIComponent","name","child","mergeRefs","refs","forEach","ref","current","extractDataProps","props","dataProps","restWithoutDataProps","entries","map","startsWith","startsWithOneOf","searchKeys","inputString","keyIndex","findIndex","key","isInputLike","isKonturIcon","icon"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { isForwardRef } from 'react-is';\n\nimport { CurrencyInputProps } from '../components/CurrencyInput';\nimport { PasswordInputProps } from '../components/PasswordInput';\nimport { InputProps } from '../components/Input';\nimport { AutocompleteProps } from '../components/Autocomplete';\nimport { FxInputProps } from '../components/FxInput';\n\nimport { isBrowser } from './client';\nimport { globalThat } from './SSRSafe';\n\n// NOTE: Copy-paste from @types/react\nexport type Defaultize<P, D> = P extends any\n  ? string extends keyof P\n    ? P\n    : Pick<P, Exclude<keyof P, keyof D>> &\n        Partial<Pick<P, Extract<keyof P, keyof D>>> &\n        Partial<Pick<D, Exclude<keyof D, keyof P>>>\n  : never;\n\nexport type DefaultizeProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;\n\nexport type AnyObject = Record<string, unknown>;\n\nexport const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\nexport const emptyHandler = () => {\n  /* noop */\n};\n\nexport class CancelationError extends Error {\n  public code = 'CancelationError';\n}\n\nexport function taskWithDelay(task: () => void, ms: number) {\n  let cancelationToken: () => void = () => null;\n\n  new Promise((resolve, reject) => {\n    cancelationToken = reject;\n    setTimeout(resolve, ms);\n  })\n    .then(task)\n    .catch(() => null);\n\n  return cancelationToken;\n}\n\nexport type FunctionWithParams<R = any> = (...args: any[]) => R;\nexport function isFunction<T>(x: T | FunctionWithParams): x is FunctionWithParams {\n  return typeof x === 'function';\n}\n\nexport function isFunctionalComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent));\n}\n\nexport function isClassComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);\n}\n\nexport function isIntrinsicElement(element: React.ReactElement): boolean {\n  return typeof element.type === 'string';\n}\n\nexport function isRefableElement(element: React.ReactElement): boolean {\n  return Boolean(isIntrinsicElement(element) || isClassComponent(element.type) || isForwardRef(element));\n}\n\nexport function escapeRegExpSpecChars(s: string): string {\n  return s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\nexport const getRandomID = (): string => Math.random().toString(16).slice(2);\n\nexport const isExternalLink = (link: string): boolean => {\n  return new RegExp(`^(https?:)?//${isBrowser ? `(?!${globalThat.location.host})` : ``}\\\\S+`, 'gi').test(link);\n};\n\n/**\n * Check if the given ReactNode is an element of the specified ReactUI component\n */\nexport const isReactUINode = (componentName: string, node: React.ReactNode): boolean => {\n  if (React.isValidElement(node)) {\n    return (\n      Object.prototype.hasOwnProperty.call(node.type, '__KONTUR_REACT_UI__') &&\n      // @ts-expect-error: React doesn't know about existence of __KONTUR_REACT_UI__.\n      node.type.__KONTUR_REACT_UI__ === componentName\n    );\n  }\n\n  return false;\n};\n\nconst KB = 1024;\nconst UNITS = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\nconst calculateDecimals = (decimals: number) => {\n  if (decimals < 0) {\n    return 0;\n  }\n\n  return 0;\n};\n\nexport const formatBytes = (bytes: number, decimals = 2): string | null => {\n  if (bytes === 0) {\n    return '0 Bytes';\n  }\n\n  if (!bytes) {\n    return null;\n  }\n\n  const calculatedDecimals = calculateDecimals(decimals);\n\n  const i = Math.floor(Math.log2(bytes) / Math.log2(KB));\n  const formattedBytes = parseFloat((bytes / Math.pow(KB, i)).toFixed(calculatedDecimals));\n\n  return `${formattedBytes} ${UNITS[i]}`;\n};\n\n/**\n * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента\n *\n * @param value Значение, которое нужно проверить и исключить из него типы\n * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false\n */\nexport const isNonNullable = <T>(value: T): value is NonNullable<T> => {\n  return value !== null && value !== undefined;\n};\n\n/**\n * Checks if the value `null` or `undefined`.\n *\n * @param value Value to check for `null` and `undefined`.\n * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.\n */\nexport const isNullable = (value: unknown): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\n/**\n * Creates a function that checks if the given `child`\n * is an instance of some component specified by `name`.\n *\n * @param name Component name for which function will be created.\n * @returns A function that checks if the given `child` is an instance of the component specified by `name`.\n */\nexport const isReactUIComponent = <P = any>(name: string) => {\n  return (child: React.ReactNode): child is React.ReactElement<P> => {\n    // @ts-expect-error: Property `type` doesn't exist on type `React.ReactNode`, but exists on type `React.ReactElement` meanwhile `React.ReactElement` is not compatible with `React` `children` type.\n    return child?.type?.__KONTUR_REACT_UI__ === name;\n  };\n};\n\n/**\n * Merges two or more refs into one.\n *\n * @param refs Array of refs.\n * @returns A single ref composing all the refs passed.\n *\n * @example\n * const SomeComponent = forwardRef((props, ref) => {\n *  const localRef = useRef();\n *\n *  return <div ref={mergeRefs([localRef, ref])} />;\n * });\n */\nexport function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        return ref(value);\n      } else if (isNonNullable(ref)) {\n        return ((ref as React.MutableRefObject<T | null>).current = value);\n      }\n    });\n  };\n}\n\n/**\n * Extracts all data attributes from props and returns them as well as props.\n *\n * @param props Props object to extract data attributes from.\n * @returns Separated data attributes and all other props.\n */\nexport const extractDataProps = <T>(props: T) => {\n  const dataProps: Record<string, any> = {};\n  const restWithoutDataProps: Record<string, any> = {};\n  Object.entries(props).map(([name, value]) => {\n    if (name.startsWith('data-')) {\n      return (dataProps[name] = value);\n    }\n\n    return (restWithoutDataProps[name] = value);\n  });\n\n  return { dataProps, restWithoutDataProps };\n};\n\n/**\n * Basically `.startsWith` for arrays.\n *\n * @param searchKeys Array of strings to test against `inputString`.\n * @param inputString String on which search will be performed.\n * @returns `true` if `inputString` starts with one of keys, else `false`.\n */\nexport const startsWithOneOf = (searchKeys: string[], inputString: string) => {\n  const keyIndex = searchKeys.findIndex((key) => {\n    return inputString.startsWith(key);\n  });\n\n  return keyIndex >= 0;\n};\n\nexport const isInputLike =\n  isReactUIComponent<InputProps>('Input') ||\n  isReactUIComponent<FxInputProps>('FxInput') ||\n  isReactUIComponent<AutocompleteProps>('Autocomplete') ||\n  isReactUIComponent<PasswordInputProps>('PasswordInput') ||\n  isReactUIComponent<CurrencyInputProps>('CurrencyInput');\n\nexport const isKonturIcon = (icon: React.ReactElement) => {\n  return Object.prototype.hasOwnProperty.call(icon?.type, '__KONTUR_ICON__');\n};\n"]}
+{"version":3,"sources":["utils.ts"],"names":["React","isForwardRef","globalObject","isBrowser","delay","ms","Promise","resolve","setTimeout","emptyHandler","CancelationError","code","Error","taskWithDelay","task","cancelationToken","reject","then","isFunction","x","isFunctionalComponent","Component","Boolean","prototype","isReactComponent","isClassComponent","isIntrinsicElement","element","type","isRefableElement","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","isExternalLink","link","RegExp","location","host","test","isReactUINode","componentName","node","isValidElement","Object","hasOwnProperty","call","__KONTUR_REACT_UI__","KB","UNITS","calculateDecimals","decimals","formatBytes","bytes","calculatedDecimals","i","floor","log2","formattedBytes","parseFloat","pow","toFixed","isNonNullable","value","undefined","isNullable","isReactUIComponent","name","child","mergeRefs","refs","forEach","ref","current","extractDataProps","props","dataProps","restWithoutDataProps","entries","map","startsWith","startsWithOneOf","searchKeys","inputString","keyIndex","findIndex","key","isInputLike","isKonturIcon","icon","clickOutside","event","document","createEvent","initEvent","body","dispatchEvent","pick","object","keys","result","reduce","acc"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { isForwardRef } from 'react-is';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { CurrencyInputProps } from '../components/CurrencyInput';\nimport { PasswordInputProps } from '../components/PasswordInput';\nimport { InputProps } from '../components/Input';\nimport { AutocompleteProps } from '../components/Autocomplete';\nimport { FxInputProps } from '../components/FxInput';\n\n// NOTE: Copy-paste from @types/react\nexport type Defaultize<P, D> = P extends any\n  ? string extends keyof P\n    ? P\n    : Pick<P, Exclude<keyof P, keyof D>> &\n        Partial<Pick<P, Extract<keyof P, keyof D>>> &\n        Partial<Pick<D, Exclude<keyof D, keyof P>>>\n  : never;\n\nexport type DefaultizeProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;\n\nexport type AnyObject = Record<string, unknown>;\n\nexport const delay = (ms: number) => new Promise((resolve) => globalObject.setTimeout(resolve, ms));\n\nexport const emptyHandler = () => {\n  /* noop */\n};\n\nexport class CancelationError extends Error {\n  public code = 'CancelationError';\n}\n\nexport function taskWithDelay(task: () => void, ms: number) {\n  let cancelationToken: () => void = () => null;\n\n  new Promise((resolve, reject) => {\n    cancelationToken = reject;\n    globalObject.setTimeout(resolve, ms);\n  })\n    .then(task)\n    .catch(() => null);\n\n  return cancelationToken;\n}\n\nexport type FunctionWithParams<R = any> = (...args: any[]) => R;\nexport function isFunction<T>(x: T | FunctionWithParams): x is FunctionWithParams {\n  return typeof x === 'function';\n}\n\nexport function isFunctionalComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent));\n}\n\nexport function isClassComponent(Component: unknown): Component is React.ComponentType {\n  return Boolean(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);\n}\n\nexport function isIntrinsicElement(element: React.ReactElement): boolean {\n  return typeof element.type === 'string';\n}\n\nexport function isRefableElement(element: React.ReactElement): boolean {\n  return Boolean(isIntrinsicElement(element) || isClassComponent(element.type) || isForwardRef(element));\n}\n\nexport function escapeRegExpSpecChars(s: string): string {\n  return s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n}\n\nexport const getRandomID = (): string => Math.random().toString(16).slice(2);\n\nexport const isExternalLink = (link: string): boolean => {\n  return isBrowser(globalObject) && new RegExp(`^(https?:)?//(?!${globalObject.location.host})\\\\S+`, 'gi').test(link);\n};\n\n/**\n * Check if the given ReactNode is an element of the specified ReactUI component\n */\nexport const isReactUINode = (componentName: string, node: React.ReactNode): boolean => {\n  if (React.isValidElement(node)) {\n    return (\n      Object.prototype.hasOwnProperty.call(node.type, '__KONTUR_REACT_UI__') &&\n      // @ts-expect-error: React doesn't know about existence of __KONTUR_REACT_UI__.\n      node.type.__KONTUR_REACT_UI__ === componentName\n    );\n  }\n\n  return false;\n};\n\nconst KB = 1024;\nconst UNITS = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\nconst calculateDecimals = (decimals: number) => {\n  if (decimals < 0) {\n    return 0;\n  }\n\n  return 0;\n};\n\nexport const formatBytes = (bytes: number, decimals = 2): string | null => {\n  if (bytes === 0) {\n    return '0 Bytes';\n  }\n\n  if (!bytes) {\n    return null;\n  }\n\n  const calculatedDecimals = calculateDecimals(decimals);\n\n  const i = Math.floor(Math.log2(bytes) / Math.log2(KB));\n  const formattedBytes = parseFloat((bytes / Math.pow(KB, i)).toFixed(calculatedDecimals));\n\n  return `${formattedBytes} ${UNITS[i]}`;\n};\n\n/**\n * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента\n *\n * @param value Значение, которое нужно проверить и исключить из него типы\n * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false\n */\nexport const isNonNullable = <T>(value: T): value is NonNullable<T> => {\n  return value !== null && value !== undefined;\n};\n\n/**\n * Checks if the value `null` or `undefined`.\n *\n * @param value Value to check for `null` and `undefined`.\n * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.\n */\nexport const isNullable = (value: unknown): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\n/**\n * Creates a function that checks if the given `child`\n * is an instance of some component specified by `name`.\n *\n * @param name Component name for which function will be created.\n * @returns A function that checks if the given `child` is an instance of the component specified by `name`.\n */\nexport const isReactUIComponent = <P = any>(name: string) => {\n  return (child: React.ReactNode): child is React.ReactElement<P> => {\n    // @ts-expect-error: Property `type` doesn't exist on type `React.ReactNode`, but exists on type `React.ReactElement` meanwhile `React.ReactElement` is not compatible with `React` `children` type.\n    return child?.type?.__KONTUR_REACT_UI__ === name;\n  };\n};\n\n/**\n * Merges two or more refs into one.\n *\n * @param refs Array of refs.\n * @returns A single ref composing all the refs passed.\n *\n * @example\n * const SomeComponent = forwardRef((props, ref) => {\n *  const localRef = useRef();\n *\n *  return <div ref={mergeRefs([localRef, ref])} />;\n * });\n */\nexport function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        return ref(value);\n      } else if (isNonNullable(ref)) {\n        return ((ref as React.MutableRefObject<T | null>).current = value);\n      }\n    });\n  };\n}\n\n/**\n * Extracts all data attributes from props and returns them as well as props.\n *\n * @param props Props object to extract data attributes from.\n * @returns Separated data attributes and all other props.\n */\nexport const extractDataProps = <T>(props: T) => {\n  const dataProps: Record<string, any> = {};\n  const restWithoutDataProps: Record<string, any> = {};\n\n  Object.entries(props).map(([name, value]) => {\n    if (name.startsWith('data-')) {\n      return (dataProps[name] = value);\n    }\n\n    return (restWithoutDataProps[name] = value);\n  });\n\n  return { dataProps, restWithoutDataProps };\n};\n\n/**\n * Basically `.startsWith` for arrays.\n *\n * @param searchKeys Array of strings to test against `inputString`.\n * @param inputString String on which search will be performed.\n * @returns `true` if `inputString` starts with one of keys, else `false`.\n */\nexport const startsWithOneOf = (searchKeys: string[], inputString: string) => {\n  const keyIndex = searchKeys.findIndex((key) => {\n    return inputString.startsWith(key);\n  });\n\n  return keyIndex >= 0;\n};\n\nexport const isInputLike =\n  isReactUIComponent<InputProps>('Input') ||\n  isReactUIComponent<FxInputProps>('FxInput') ||\n  isReactUIComponent<AutocompleteProps>('Autocomplete') ||\n  isReactUIComponent<PasswordInputProps>('PasswordInput') ||\n  isReactUIComponent<CurrencyInputProps>('CurrencyInput');\n\nexport const isKonturIcon = (icon: React.ReactElement) => {\n  return Object.prototype.hasOwnProperty.call(icon?.type, '__KONTUR_ICON__');\n};\n\nexport function clickOutside() {\n  const event = document.createEvent('HTMLEvents');\n  event.initEvent('mousedown', true, true);\n\n  document.body.dispatchEvent(event);\n}\n\nexport function pick(object: Record<string, unknown>, keys: string[]) {\n  const result: Record<string, unknown> = {};\n  return keys.reduce((acc, key) => {\n    if (object && Object.prototype.hasOwnProperty.call(object, key)) {\n      acc[key] = object[key];\n    }\n    return acc;\n  }, result);\n}\n"]}

package/lib/utils.d.ts

@@ -81,3 +81,5 @@ export declare const extractDataProps: <T>(props: T) => {
 export declare const startsWithOneOf: (searchKeys: string[], inputString: string) => boolean;
 export declare const isInputLike: (child: React.ReactNode) => child is React.ReactElement<InputProps, string | React.JSXElementConstructor<any>>;
 export declare const isKonturIcon: (icon: React.ReactElement) => boolean;
+export declare function clickOutside(): void;
+export declare function pick(object: Record<string, unknown>, keys: string[]): Record<string, unknown>;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "0.0.0-4c5579465d",
+  "version": "0.0.0-4da47ece08",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/unstable/0.0.0-4c5579465d/",
+  "homepage": "https://tech.skbkontur.ru/react-ui/unstable/0.0.0-4da47ece08/",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"
@@ -21,16 +21,16 @@
     "build": "run-p build:esm build:cjs && node scripts/build/postbuild",
     "clean": "git clean -fdxqe node_modules",
     "prerelease": "node scripts/publish/prepublish && yarn build",
-    "release": "cd build && npm publish && cd ..",
+    "release": "npm publish ./build --workspaces=false",
     "postrelease": "yarn deploy",
     "predeploy": "rimraf .styleguide/deploy && yarn run styleguide:build",
     "deploy": "gh-pages -a -d .styleguide/deploy -r git@github.com:skbkontur/react-ui.git",
-    "storybook": "start-storybook -p 6060",
-    "storybook:build": "cross-env STORYBOOK_REACT_UI_TEST=true build-storybook -o .storybook/build --quiet",
-    "storybook:test": "cross-env STORYBOOK_REACT_UI_TEST=true start-storybook --ci -p 6060",
+    "storybook": "node ../../scripts/patch-node-options.js \"start-storybook -p 6060\"",
+    "storybook:build": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_TEST=true build-storybook -o .storybook/build --quiet\"",
+    "storybook:test": "node ../../scripts/patch-node-options.js \"cross-env STORYBOOK_REACT_UI_TEST=true start-storybook --ci -p 6060\"",
     "storybook:serve": "serve -l 6060 .storybook/build",
-    "styleguide": "styleguidist server --config .styleguide/config/dev.config.js",
-    "styleguide:build": "node .styleguide/build",
+    "styleguide": "node ../../scripts/patch-node-options.js \"styleguidist server --config .styleguide/config/dev.config.js\"",
+    "styleguide:build": "node ../../scripts/patch-node-options.js \"node .styleguide/build\"",
     "lint": "run-p -c lint:*",
     "lint:eslint": "cross-env TIMING=1 yarn eslint --ext .js,.jsx,.ts,.tsx ./",
     "lint:tsc": "tsc --noEmit --diagnostics",
@@ -38,7 +38,7 @@
     "fix": "run-s -c fix:*",
     "fix:eslint": "yarn lint:eslint --fix",
     "fix:prettier": "yarn prettier --write .",
-    "test": "cross-env BABEL_ENV=cjs jest --detectOpenHandles",
+    "test": "jest --detectOpenHandles",
     "test:watch": "yarn test --watch",
     "creevey": "wait-on -t 300000 http-get://localhost:6060/ && cross-env BABEL_ENV=cjs creevey -c .creevey/config.js",
     "creevey:update": "cross-env BABEL_ENV=cjs creevey -c .creevey/config.js --update",
@@ -49,6 +49,7 @@
   "dependencies": {
     "@babel/runtime": "7.16.5",
     "@emotion/css": "^11.7.1",
+    "@skbkontur/global-object": "^0.4.2",
     "eventemitter3": "^4.0.7",
     "invariant": "2.2.4",
     "lodash.debounce": "^4.0.8",
@@ -56,8 +57,8 @@
     "lodash.throttle": "^4.1.1",
     "normalize-wheel": "^1.0.1",
     "prop-types": "^15.8.0",
-    "raf": "^3.4.1",
     "react-focus-lock": "^2.7.1",
+    "react-imask": "^7.4.0",
     "react-input-mask": "2.0.4",
     "react-is": "^17.0.2",
     "react-transition-group": "^4.4.2",
@@ -75,6 +76,7 @@
     "@babel/preset-react": "^7.16.5",
     "@babel/preset-typescript": "7.16.5",
     "@babel/register": "^7.16.5",
+    "@skbkontur/icons": "1.5.1",
     "@skbkontur/react-icons": "5.2.0",
     "@skbkontur/react-props2attrs": "0.1.2",
     "@skbkontur/react-sorge": "0.1.0",
@@ -95,7 +97,6 @@
     "@types/lodash.isequal": "^4.5.5",
     "@types/lodash.throttle": "^4.1.6",
     "@types/prop-types": "15.7.4",
-    "@types/raf": "^3.4.0",
     "@types/react": "17.0.38",
     "@types/react-dom": "17.0.11",
     "@types/react-input-mask": "2.0.5",
@@ -110,9 +111,9 @@
     "chalk": "4.1.0",
     "copyfiles": "^2.4.1",
     "core-js": "^3.20.1",
-    "creevey": "0.8.0-beta.1",
+    "creevey": "0.8.2-fix-wait.2",
     "cross-env": "^7.0.3",
-    "css-loader": "5.2.0",
+    "css-loader": "^5.2.7",
     "dotenv": "^10.0.0",
     "dts-css-modules-loader": "1.2.4",
     "enzyme": "^3.11.0",

package/typings/button-link.d.ts

@@ -0,0 +1 @@
+export type ButtonLinkAllowedValues = Extract<React.ElementType, 'a' | 'button' | React.ComponentType>;

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 {}
+}

package/typings/global.d.ts

@@ -1,8 +1,7 @@
-declare interface Window {
-  RetailUIVerticalScrollCounter: number;
-  ReactTesting: any;
-}
+/* eslint-disable no-var */
 
+declare var RetailUIVerticalScrollCounter: number;
+declare var ReactTesting: any;
 declare var __RetailUiZIndexes: number[];
 
 // XDomainRequest is IE-specific API, therefore it was removed from `lib.d.ts`

package/typings/react-ref.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import { Merge } from './utility-types';
+
+type PropsWithComponent<P, T extends React.ElementType> = P & {
+  /**
+   * Компонент, используемый в качестве корневого узла.
+   */
+  component?: T;
+};
+
+export type PolymorphicPropsWithoutRef<P, T extends React.ElementType> = Merge<
+  T extends keyof JSX.IntrinsicElements
+    ? React.PropsWithoutRef<JSX.IntrinsicElements[T]>
+    : React.ComponentPropsWithoutRef<T>,
+  PropsWithComponent<P, T>
+>;
+
+export type PolymorphicPropsWithRef<P, T extends React.ElementType> = Merge<
+  T extends keyof JSX.IntrinsicElements ? React.PropsWithRef<JSX.IntrinsicElements[T]> : React.ComponentPropsWithRef<T>,
+  PropsWithComponent<P, T>
+>;
+
+type PolymorphicExoticComponent<P = Record<string, unknown>, T extends React.ElementType = React.ElementType> = Merge<
+  React.ExoticComponent<P & { [key: string]: unknown }>,
+  {
+    <InstanceT extends React.ElementType = T>(props: PolymorphicPropsWithRef<P, InstanceT>): React.ReactElement | null;
+  }
+>;
+
+export type PolymorphicForwardRefExoticComponent<P, T extends React.ElementType> = Merge<
+  React.ForwardRefExoticComponent<P & { [key: string]: unknown }>,
+  PolymorphicExoticComponent<P, T>
+>;

package/typings/utility-types.d.ts

@@ -18,3 +18,5 @@ type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] exte
   : Enumerate<N, [...Acc, Acc['length']]>;
 
 export type Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
+
+export type Merge<T, U> = Omit<T, keyof U> & U;

package/cjs/components/DateInput/helpers/SelectionHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["SelectionHelpers.tsx"],"names":["selectNodeContents","node","start","end","renderTarget","selection","globalThat","getSelection","range","createRange","undefined","setStart","setEnd","removeAllRanges","addRange","e","body","createTextRange","moveToElementText","select","removeAllSelections"],"mappings":"yGAAA;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAA2BC,KAA3B,EAA2CC,GAA3C,EAA4D;AAC5F,MAAI,CAACF,IAAL,EAAW;AACT;AACD;AACD,MAAI,iBAAiBG,qBAArB,EAAmC;AACjC,QAAI;AACF,UAAMC,SAAS,GAAGC,oBAAWC,YAAX,EAAlB;AACA,UAAMC,KAAK,GAAGJ,sBAAaK,WAAb,EAAd;AACA,UAAIP,KAAK,KAAKQ,SAAV,IAAuBP,GAAG,KAAKO,SAAnC,EAA8C;AAC5CF,QAAAA,KAAK,CAACG,QAAN,CAAeV,IAAf,EAAqBC,KAArB;AACAM,QAAAA,KAAK,CAACI,MAAN,CAAaX,IAAb,EAAmBE,GAAnB;AACD,OAHD,MAGO;AACLK,QAAAA,KAAK,CAACR,kBAAN,CAAyBC,IAAzB;AACD;AACD,UAAII,SAAS,KAAK,IAAlB,EAAwB;AACtB;AACAA,QAAAA,SAAS,CAACQ,eAAV;AACAR,QAAAA,SAAS,CAACS,QAAV,CAAmBN,KAAnB;AACA;AACD;AACF,KAfD,CAeE,OAAOO,CAAP,EAAU;AACV;AACD;AACF;;AAED;AACA,MAAI,OAAOX,sBAAaY,IAAb,CAAkBC,eAAzB,KAA6C,UAAjD,EAA6D;AAC3D;AACA,QAAMT,MAAK,GAAGJ,sBAAaY,IAAb,CAAkBC,eAAlB,EAAd;AACAT,IAAAA,MAAK,CAACU,iBAAN,CAAwBjB,IAAxB;AACA,QAAI,OAAOO,MAAK,CAACW,MAAb,KAAwB,UAA5B,EAAwC;AACtCX,MAAAA,MAAK,CAACW,MAAN;AACD;AACD;AACD;AACF,CAnCM,C;;AAqCA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AACvC,MAAMf,SAAS,GAAGC,oBAAWC,YAAX,EAAlB;AACA,MAAIF,SAAS,KAAK,IAAlB,EAAwB;AACtB,QAAI;AACF;AACAA,MAAAA,SAAS,CAACQ,eAAV;AACD,KAHD,CAGE,OAAOE,CAAP,EAAU;AACV;AACD;AACF;AACF,CAVM,C","sourcesContent":["import { globalThat, renderTarget } from '../../../lib/SSRSafe';\n\nexport const selectNodeContents = (node: HTMLElement | null, start?: number, end?: number) => {\n  if (!node) {\n    return;\n  }\n  if ('createRange' in renderTarget) {\n    try {\n      const selection = globalThat.getSelection();\n      const range = renderTarget.createRange();\n      if (start !== undefined && end !== undefined) {\n        range.setStart(node, start);\n        range.setEnd(node, end);\n      } else {\n        range.selectNodeContents(node);\n      }\n      if (selection !== null) {\n        // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n        selection.removeAllRanges();\n        selection.addRange(range);\n        return;\n      }\n    } catch (e) {\n      // empty block\n    }\n  }\n\n  // @ts-expect-error: IE-specific API.\n  if (typeof renderTarget.body.createTextRange === 'function') {\n    // @ts-expect-error: Read the comment above.\n    const range = renderTarget.body.createTextRange();\n    range.moveToElementText(node);\n    if (typeof range.select === 'function') {\n      range.select();\n    }\n    return;\n  }\n};\n\nexport const removeAllSelections = () => {\n  const selection = globalThat.getSelection();\n  if (selection !== null) {\n    try {\n      // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n      selection.removeAllRanges();\n    } catch (e) {\n      // empty block\n    }\n  }\n};\n"]}

package/cjs/internal/MaskedInput/MaskedInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MaskedInput.tsx"],"names":["MaskedInputDataTids","root","MaskedInput","props","getProps","defaultProps","input","reactInputMask","getValue","value","toString","defaultValue","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","originValue","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","componentDidMount","forceUpdate","componentDidUpdate","prevProps","render","theme","renderMain","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","leftHelper","textAlign","color","slice","leftClass","styles","inputMaskLeft","rightHelper","map","_char","i","container","inputMask","React","PureComponent","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport ReactInputMask, { InputState, MaskOptions } from 'react-input-mask';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './MaskedInput.styles';\n\nexport interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar?: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n\n  // Users can unmask value themselves. In these cases we take origin value length\n  originValue: string;\n\n  emptyValue: string;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<Pick<MaskedInputProps, 'maskChar'>>;\n\nexport const MaskedInputDataTids = {\n  root: 'MaskedInput__root',\n} as const;\n\nexport class MaskedInput extends React.PureComponent<MaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'MaskedInput';\n\n  public static defaultProps: DefaultProps = {\n    maskChar: '_',\n  };\n\n  private getProps = createPropsGetter(MaskedInput.defaultProps);\n\n  public input: HTMLInputElement | null = null;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: MaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      originValue: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public componentDidUpdate(prevProps: MaskedInputProps) {\n    if (this.props.value !== prevProps.value) {\n      this.setState({\n        value: this.props.value ? this.props.value.toString() : '',\n      });\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value, originValue } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, originValue.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && styles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(originValue.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span data-tid={MaskedInputDataTids.root} className={styles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={cx(styles.inputMask(this.theme), leftClass)}>\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: MaskedInputProps): string => {\n    if (isNonNullable(props.value)) {\n      return props.value.toString();\n    }\n\n    if (isNonNullable(props.defaultValue)) {\n      return props.defaultValue.toString();\n    }\n\n    return '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value, originValue: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: MaskOptions & Pick<MaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.getProps().maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n        originValue: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char: string, index: number) => {\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"]}

package/components/DateInput/helpers/SelectionHelpers/SelectionHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["SelectionHelpers.tsx"],"names":["globalThat","renderTarget","selectNodeContents","node","start","end","selection","getSelection","range","createRange","undefined","setStart","setEnd","removeAllRanges","addRange","e","body","createTextRange","moveToElementText","select","removeAllSelections"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,YAArB,QAAyC,sBAAzC;;AAEA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAA2BC,KAA3B,EAA2CC,GAA3C,EAA4D;AAC5F,MAAI,CAACF,IAAL,EAAW;AACT;AACD;AACD,MAAI,iBAAiBF,YAArB,EAAmC;AACjC,QAAI;AACF,UAAMK,SAAS,GAAGN,UAAU,CAACO,YAAX,EAAlB;AACA,UAAMC,KAAK,GAAGP,YAAY,CAACQ,WAAb,EAAd;AACA,UAAIL,KAAK,KAAKM,SAAV,IAAuBL,GAAG,KAAKK,SAAnC,EAA8C;AAC5CF,QAAAA,KAAK,CAACG,QAAN,CAAeR,IAAf,EAAqBC,KAArB;AACAI,QAAAA,KAAK,CAACI,MAAN,CAAaT,IAAb,EAAmBE,GAAnB;AACD,OAHD,MAGO;AACLG,QAAAA,KAAK,CAACN,kBAAN,CAAyBC,IAAzB;AACD;AACD,UAAIG,SAAS,KAAK,IAAlB,EAAwB;AACtB;AACAA,QAAAA,SAAS,CAACO,eAAV;AACAP,QAAAA,SAAS,CAACQ,QAAV,CAAmBN,KAAnB;AACA;AACD;AACF,KAfD,CAeE,OAAOO,CAAP,EAAU;AACV;AACD;AACF;;AAED;AACA,MAAI,OAAOd,YAAY,CAACe,IAAb,CAAkBC,eAAzB,KAA6C,UAAjD,EAA6D;AAC3D;AACA,QAAMT,MAAK,GAAGP,YAAY,CAACe,IAAb,CAAkBC,eAAlB,EAAd;AACAT,IAAAA,MAAK,CAACU,iBAAN,CAAwBf,IAAxB;AACA,QAAI,OAAOK,MAAK,CAACW,MAAb,KAAwB,UAA5B,EAAwC;AACtCX,MAAAA,MAAK,CAACW,MAAN;AACD;AACD;AACD;AACF,CAnCM;;AAqCP,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AACvC,MAAMd,SAAS,GAAGN,UAAU,CAACO,YAAX,EAAlB;AACA,MAAID,SAAS,KAAK,IAAlB,EAAwB;AACtB,QAAI;AACF;AACAA,MAAAA,SAAS,CAACO,eAAV;AACD,KAHD,CAGE,OAAOE,CAAP,EAAU;AACV;AACD;AACF;AACF,CAVM","sourcesContent":["import { globalThat, renderTarget } from '../../../lib/SSRSafe';\n\nexport const selectNodeContents = (node: HTMLElement | null, start?: number, end?: number) => {\n  if (!node) {\n    return;\n  }\n  if ('createRange' in renderTarget) {\n    try {\n      const selection = globalThat.getSelection();\n      const range = renderTarget.createRange();\n      if (start !== undefined && end !== undefined) {\n        range.setStart(node, start);\n        range.setEnd(node, end);\n      } else {\n        range.selectNodeContents(node);\n      }\n      if (selection !== null) {\n        // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n        selection.removeAllRanges();\n        selection.addRange(range);\n        return;\n      }\n    } catch (e) {\n      // empty block\n    }\n  }\n\n  // @ts-expect-error: IE-specific API.\n  if (typeof renderTarget.body.createTextRange === 'function') {\n    // @ts-expect-error: Read the comment above.\n    const range = renderTarget.body.createTextRange();\n    range.moveToElementText(node);\n    if (typeof range.select === 'function') {\n      range.select();\n    }\n    return;\n  }\n};\n\nexport const removeAllSelections = () => {\n  const selection = globalThat.getSelection();\n  if (selection !== null) {\n    try {\n      // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n      selection.removeAllRanges();\n    } catch (e) {\n      // empty block\n    }\n  }\n};\n"]}