@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/lib/theming/ThemeContext.md

@@ -0,0 +1,265 @@
+Для кастомизации компонентов используется ThemeContext, реализуемый через `React.Context<Theme>`
+
+Механизм работы: динамические стили генерируются в зависимости от темы в процессе render'а с помощью <a href="https://www.npmjs.com/package/emotion" target="_blank">emotion</a>, полученные классы добавляются в `className` соответствующих элементов.
+
+Тема задается с помощью `ThemeContext.Provider`:
+
+```jsx static
+import { ThemeContext } from '@skbkontur/react-ui';
+
+<ThemeContext.Provider value={theme}>{/* ... */}</ThemeContext.Provider>;
+```
+
+Использовать тему в компоненте можно через `ThemeContext.Consumer`:
+
+```jsx static
+import { ThemeContext, Button } from '@skbkontur/react-ui';
+
+<ThemeContext.Consumer>
+  {theme => /* ... */ }
+</ThemeContext.Consumer>
+```
+
+`useContext` в функциональных компонентах:
+
+```typescript static
+const theme = useContext(ThemeContext);
+```
+
+или задать `contextType` для класса:
+
+```typescript static
+public static contextType = ThemeContext;
+public context: Theme = this.context;
+```
+
+Список существующих тем:
+
+| Имя                     | Описание                                          |
+|-------------------------|---------------------------------------------------|
+| `LIGHT_THEME` | Текущая светлая тема, включена по умолчанию. Всегда включает в себя актуальные визуальные обновления. |
+| `DARK_THEME` | Текущая тёмная тема. Всегда включает в себя актуальные визуальные обновления. |
+| `LIGHT_THEME_2022_0` | Вариант светлой темы без актуальных визуальных обновлений. |
+| `DARK_THEME_2022_0` | Вариант тёмной темы без актуальных визуальных обновлений. |
+
+Если не нужны постоянные визуальные изменения, то можно использовать вариант `_2022_N`. В будущем, новые варианты с постфиксом `_2022_N` будут появлятся при обновлении дизайн системы.
+
+## Примеры использования
+
+### Создание собственной темы
+
+Собственные значения нужно передать в `ThemeFactory.create` и получившуюся тему можно использовать в `ThemeContext.Provider`. `ThemeFactory` расширяет переданный объект, задавая в качестве прототипа объект темы по умолчанию.
+
+```jsx harmony
+import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const myTheme = ThemeFactory.create({ btnBorderRadiusSmall: '10px' });
+
+<ThemeContext.Provider value={myTheme}>
+  <div style={{height: '100%', background: '#fff', padding: '16px'}}>
+    <ShowcaseGroup title="My Theme" />
+  </div>
+</ThemeContext.Provider>;
+```
+
+Вторым аргументом `ThemeFactory.create` может принимать объект, который будет использован в качестве базовой темы.
+
+```jsx static
+import { ThemeFactory, LIGHT_THEME } from '@skbkontur/react-ui';
+
+const myFlatTheme = ThemeFactory.create({ btnBorderRadiusSmall: '10px' }, LIGHT_THEME);
+```
+
+### Использование темы в своих компонентах
+
+```jsx harmony
+import { useContext } from 'react';
+import { ThemeContext, Button } from '@skbkontur/react-ui';
+
+function ButtonLinkWrapper(props) {
+  const theme = useContext(ThemeContext);
+
+  return (
+    <Button use="link" {...props}>
+      {props.children}
+      <span style={{ color: theme.textColorDefault }}> ↗</span>
+    </Button>
+  );
+}
+
+<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
+```
+
+### Добавление своих переменных
+
+Если вы хотите дополнить одну из тем новыми переменными для своих компонентов, то вы можете использовать отдельный контекст в расширенным объектом темы.
+
+```jsx harmony
+import { useContext } from 'react';
+import { ThemeFactory, Button } from '@skbkontur/react-ui';
+
+const MyThemeContext = React.createContext(ThemeFactory.create({ myTextColor: 'orange' }));
+
+MyThemeContext.displayName = 'MyThemeContext';
+
+function ButtonLinkWrapper(props) {
+  const theme = useContext(MyThemeContext);
+
+  return (
+    <Button use="link" {...props}>
+      {props.children}
+      <span style={{ color: theme.myTextColor }}> ↗</span>
+    </Button>
+  );
+}
+
+<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
+```
+
+### Кастомизация в legacy-приложениях
+
+В случае, если контролы рендерятся через какую-то общую обертку, достаточно добавить в нее `ThemeContext.Provider` с вашей темой. В противном случае, вам подойдет метод `ThemeFactory.overrideDefaultTheme()`.
+
+```typescript static
+import theme from './theme/theme';
+import { ThemeFactory } from '@skbkontur/react-ui/lib/theming/ThemeFactory';
+
+ThemeFactory.overrideDefaultTheme(theme);
+```
+
+### Варианты кастомизации:
+
+Несколько тем одновременно:
+<br/>
+
+```jsx harmony
+import { ThemeContext, LIGHT_THEME, DARK_THEME } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const CombinedComponents = () => (
+  <>
+    <div style={{height: '100%', background: '#fff', padding: '16px'}}>
+      <ThemeContext.Provider value={LIGHT_THEME}>
+        <div>
+          <ShowcaseGroup title="LIGHT_THEME" />
+        </div>
+      </ThemeContext.Provider>
+    </div>
+    <div style={{height: '100%', background: '#000', padding: '16px'}}>
+      <ThemeContext.Provider value={DARK_THEME}>
+        <div>
+          <ShowcaseGroup title="DARK_THEME" />
+        </div>
+      </ThemeContext.Provider>
+    </div>
+  </ >
+);
+
+<CombinedComponents />;
+```
+
+Вложенные темы:
+<br/>
+
+```jsx harmony
+import { ThemeContext, LIGHT_THEME, DARK_THEME } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const wrapperStyles = {
+  border: '1px solid rgb(188, 187, 187)',
+  padding: '0 15px 15px',
+  marginTop: 25,
+};
+
+const NestedThemes = () => (
+  <ThemeContext.Provider value={ LIGHT_THEME }>
+    <div style={{ ...wrapperStyles, width: 750, background: '#fff' }}>
+      <ShowcaseGroup title="LIGHT_THEME" />
+        <ThemeContext.Provider value={ DARK_THEME }>
+          <div style={{ ...wrapperStyles, background: '#000', color: '#fff' }}>
+            <ShowcaseGroup title="DARK_THEME" />
+          </div>
+        </ThemeContext.Provider>
+    </div>
+  </ThemeContext.Provider>
+);
+
+<NestedThemes />;
+```
+
+## Кастомизация @skbkontur/react-ui-addons
+
+Компоненты `@skbkontur/react-ui-addons` так же поддерживают кастомизацию через `ThemeContext` из `@skbkontur/react-ui`. Достаточно переопределить нужные переменные, которые перечислены на страницах компонентов в [докумендации аддонов](https://ui.gitlab-pages.kontur.host/docs/#/react-ui-addons).
+
+```tsx static
+import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
+import { Logotype, AddonsThemeIn } from '@skbkontur/react-ui-addons';
+
+const myTheme = ThemeFactory.create<AddonsThemeIn>({
+  logoColor: 'black',
+});
+
+<ThemeContext.Provider value={myTheme}>
+  <Logotype />
+</ThemeContext.Provider>;
+```
+
+## Дополнительно
+
+### ColorFunctions.ts / DimensionFunctions.ts
+
+Несколько функций по работе с цветом вынесены из less в js, их можно использовать в своих темах (_ColorFunctions.ts_):
+
+```typescript static
+import { ColorFunctions } from '@skbkontur/react-ui'
+
+ColorFunctions.lighten(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
+ColorFunctions.darken(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
+ColorFunctions.contrast(colorString: string, darkString?: string, lightString?: string, threshold: number = 0.43): string
+ColorFunctions.red(colorString: string): string
+ColorFunctions.green(colorString: string): string
+ColorFunctions.blue(colorString: string): string
+ColorFunctions.alpha(colorString: string): string
+ColorFunctions.isValid(colorString: string): boolean // проверяет, можно ли распарсить строку в цвет
+```
+
+Документацию по их работе можно найти на сайте [less](http://lesscss.org/functions/#color-operations).
+В качестве colorString можно передать цвет в одном из форматов: `keyword`, `hex`, `rgb(r, g, b)`, `rgba(r, g, b, a)`, `hsl(h, s, l)`, `hsla(h, s, l, a)`.
+В качестве `amount` можно передать строку вида 'N%' или число от 0 до 1.
+Все значения больше или меньше возможных обрезаются. Например, для `rgba(300, -100, 123, 20)` `r=255, g=0, b=123, a=1`.
+Если распарсить `colorString` не получилось - выбрасывается исключение.
+Если это возможно, результат возвращается в том же виде, что и входная строка:
+
+```typescript static
+import { ColorFunctions } from '@skbkontur/react-ui'
+
+ColorFunctions.lighten('hsl(90, 0.8, 0.2)', '20%') === 'hsl(90, 0.8, 0.4)';
+ColorFunctions.lighten('rgba(50, 50, 50, 0.2)', '20%') === 'rgba(102, 102, 102, 0.2)';
+ColorFunctions.lighten('#80e619', 0.2) === '#b3f075';
+ColorFunctions.lighten('crimson', '20%') === '#f16581';
+```
+
+Для работы с размерами предусмотрена одна функция (_DimensionFunctions.ts_):
+
+```typescript static
+shift(value: string, shift: string): string
+
+// пример
+import { DimensionFunctions } from '@skbkontur/react-ui'
+
+DimensionFunctions.shift('100%', '-20') === '80%'
+DimensionFunctions.shift('2em', '+2') === '4em'
+DimensionFunctions.shift('12', '+1') === '13px'  //если единица измерения не указана - используется px
+DimensionFunctions.shift('10.2', '12.333451') === '22.5335px' //дробная часть округляется до 4 знаков
+```
+
+### Список кастомизируемых компонентов
+
+Посмотреть, какие компоненты можно кастомизировать, а также увидеть, какие переменные используются в каждом из них, можно в [таблице](#/Customization/ThemeShowcase)
+Информация собирается в рантайме с помощью `Proxy`, поэтому в IE таблица не отображается.
+
+### Playground
+
+Внутренний компонент `Playground` (_components/internal/ThemePlayground/Playground.tsx_) можно использовать для построения своей темы.
+Для удобства в редакторе добавлено действие "вывести тему в консоль".

package/lib/theming/ThemeVersions/ThemeVersions.js.map

@@ -1 +1 @@
-{"version":3,"names":["parseThemeVersion","str","separator","match","RegExp","major","minor","Number","parseVersionFromThemeName","name","isThemeVersionGTE","v1","v2","parsedV1","parsedV2"],"sources":["ThemeVersions.ts"],"sourcesContent":["export type ThemeVersions = '5.0' | '5.1' | '5.2' | '5.3' | '5.4';\nexport interface ThemeVersionParsed {\n  major: number;\n  minor: number;\n}\n\n/**\n * Converts a string theme version to the object with numbers\n * @param str A string with version (e.g. \"1.0\")\n * @param [separator=\".\"] Optional major and minor string separator. By default is \".\"\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid\n */\nexport const parseThemeVersion = (str: string, separator: string = '\\\\.'): ThemeVersionParsed | null => {\n  const match = str.match(new RegExp(`(\\\\d+)${separator}(\\\\d+)`));\n  const major = match?.[1];\n  const minor = match?.[2];\n\n  if (!major || !minor) {\n    return null;\n  }\n\n  return {\n    major: Number(major),\n    minor: Number(minor),\n  };\n};\n\n/**\n * Extracts a version from a theme name\n * @param name A string theme name (e.g. \"LIGHT_THEME_1_0\")\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid or contains no version\n */\nexport const parseVersionFromThemeName = (name: string): ThemeVersionParsed | null => {\n  return parseThemeVersion(name, '_');\n};\n\n/**\n * Checks if one string theme version is \"greater or equal\" than another one\n * @param v1 The version being compared (e.g. \"1.0\")\n * @param v2 The version being compared to (e.g. \"2.0\")\n * @returns Boolean result\n */\nexport const isThemeVersionGTE = (v1: ThemeVersions, v2: ThemeVersions): boolean => {\n  const parsedV1 = parseThemeVersion(v1);\n  const parsedV2 = parseThemeVersion(v2);\n\n  if (!parsedV1 || !parsedV2) {\n    return false;\n  }\n\n  if (parsedV1.major > parsedV2.major) {\n    return true;\n  } else if (parsedV1.major === parsedV2.major) {\n    return parsedV1.minor >= parsedV2.minor;\n  }\n\n  return false;\n};\n"],"mappings":";;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,GAAW,EAAEC,SAAiB,EAAwC,KAAzDA,SAAiB,cAAjBA,SAAiB,GAAG,KAAK;EACtE,IAAMC,KAAK,GAAGF,GAAG,CAACE,KAAK,CAAC,IAAIC,MAAM,YAAUF,SAAS,WAAQ,CAAC,CAAC;EAC/D,IAAMG,KAAK,GAAGF,KAAK,oBAALA,KAAK,CAAG,CAAC,CAAC;EACxB,IAAMG,KAAK,GAAGH,KAAK,oBAALA,KAAK,CAAG,CAAC,CAAC;;EAExB,IAAI,CAACE,KAAK,IAAI,CAACC,KAAK,EAAE;IACpB,OAAO,IAAI;EACb;;EAEA,OAAO;IACLD,KAAK,EAAEE,MAAM,CAACF,KAAK,CAAC;IACpBC,KAAK,EAAEC,MAAM,CAACD,KAAK;EACrB,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAME,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,IAAY,EAAgC;EACpF,OAAOT,iBAAiB,CAACS,IAAI,EAAE,GAAG,CAAC;AACrC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,EAAiB,EAAEC,EAAiB,EAAc;EAClF,IAAMC,QAAQ,GAAGb,iBAAiB,CAACW,EAAE,CAAC;EACtC,IAAMG,QAAQ,GAAGd,iBAAiB,CAACY,EAAE,CAAC;;EAEtC,IAAI,CAACC,QAAQ,IAAI,CAACC,QAAQ,EAAE;IAC1B,OAAO,KAAK;EACd;;EAEA,IAAID,QAAQ,CAACR,KAAK,GAAGS,QAAQ,CAACT,KAAK,EAAE;IACnC,OAAO,IAAI;EACb,CAAC,MAAM,IAAIQ,QAAQ,CAACR,KAAK,KAAKS,QAAQ,CAACT,KAAK,EAAE;IAC5C,OAAOQ,QAAQ,CAACP,KAAK,IAAIQ,QAAQ,CAACR,KAAK;EACzC;;EAEA,OAAO,KAAK;AACd,CAAC","ignoreList":[]}
+{"version":3,"names":["parseThemeVersion","str","separator","match","RegExp","major","minor","Number","parseVersionFromThemeName","name","isThemeVersionGTE","v1","v2","parsedV1","parsedV2"],"sources":["ThemeVersions.ts"],"sourcesContent":["export type ThemeVersions = '5.0' | '5.1' | '5.2' | '5.3';\nexport interface ThemeVersionParsed {\n  major: number;\n  minor: number;\n}\n\n/**\n * Converts a string theme version to the object with numbers\n * @param str A string with version (e.g. \"1.0\")\n * @param [separator=\".\"] Optional major and minor string separator. By default is \".\"\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid\n */\nexport const parseThemeVersion = (str: string, separator: string = '\\\\.'): ThemeVersionParsed | null => {\n  const match = str.match(new RegExp(`(\\\\d+)${separator}(\\\\d+)`));\n  const major = match?.[1];\n  const minor = match?.[2];\n\n  if (!major || !minor) {\n    return null;\n  }\n\n  return {\n    major: Number(major),\n    minor: Number(minor),\n  };\n};\n\n/**\n * Extracts a version from a theme name\n * @param name A string theme name (e.g. \"LIGHT_THEME_1_0\")\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid or contains no version\n */\nexport const parseVersionFromThemeName = (name: string): ThemeVersionParsed | null => {\n  return parseThemeVersion(name, '_');\n};\n\n/**\n * Checks if one string theme version is \"greater or equal\" than another one\n * @param v1 The version being compared (e.g. \"1.0\")\n * @param v2 The version being compared to (e.g. \"2.0\")\n * @returns Boolean result\n */\nexport const isThemeVersionGTE = (v1: ThemeVersions, v2: ThemeVersions): boolean => {\n  const parsedV1 = parseThemeVersion(v1);\n  const parsedV2 = parseThemeVersion(v2);\n\n  if (!parsedV1 || !parsedV2) {\n    return false;\n  }\n\n  if (parsedV1.major > parsedV2.major) {\n    return true;\n  } else if (parsedV1.major === parsedV2.major) {\n    return parsedV1.minor >= parsedV2.minor;\n  }\n\n  return false;\n};\n"],"mappings":";;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,GAAW,EAAEC,SAAiB,EAAwC,KAAzDA,SAAiB,cAAjBA,SAAiB,GAAG,KAAK;EACtE,IAAMC,KAAK,GAAGF,GAAG,CAACE,KAAK,CAAC,IAAIC,MAAM,YAAUF,SAAS,WAAQ,CAAC,CAAC;EAC/D,IAAMG,KAAK,GAAGF,KAAK,oBAALA,KAAK,CAAG,CAAC,CAAC;EACxB,IAAMG,KAAK,GAAGH,KAAK,oBAALA,KAAK,CAAG,CAAC,CAAC;;EAExB,IAAI,CAACE,KAAK,IAAI,CAACC,KAAK,EAAE;IACpB,OAAO,IAAI;EACb;;EAEA,OAAO;IACLD,KAAK,EAAEE,MAAM,CAACF,KAAK,CAAC;IACpBC,KAAK,EAAEC,MAAM,CAACD,KAAK;EACrB,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAME,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,IAAY,EAAgC;EACpF,OAAOT,iBAAiB,CAACS,IAAI,EAAE,GAAG,CAAC;AACrC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,EAAiB,EAAEC,EAAiB,EAAc;EAClF,IAAMC,QAAQ,GAAGb,iBAAiB,CAACW,EAAE,CAAC;EACtC,IAAMG,QAAQ,GAAGd,iBAAiB,CAACY,EAAE,CAAC;;EAEtC,IAAI,CAACC,QAAQ,IAAI,CAACC,QAAQ,EAAE;IAC1B,OAAO,KAAK;EACd;;EAEA,IAAID,QAAQ,CAACR,KAAK,GAAGS,QAAQ,CAACT,KAAK,EAAE;IACnC,OAAO,IAAI;EACb,CAAC,MAAM,IAAIQ,QAAQ,CAACR,KAAK,KAAKS,QAAQ,CAACT,KAAK,EAAE;IAC5C,OAAOQ,QAAQ,CAACP,KAAK,IAAIQ,QAAQ,CAACR,KAAK;EACzC;;EAEA,OAAO,KAAK;AACd,CAAC","ignoreList":[]}

package/lib/theming/ThemeVersions.d.ts

@@ -1,4 +1,4 @@
-export type ThemeVersions = '5.0' | '5.1' | '5.2' | '5.3' | '5.4';
+export type ThemeVersions = '5.0' | '5.1' | '5.2' | '5.3';
 export interface ThemeVersionParsed {
     major: number;
     minor: number;

package/lib/theming/themes/DarkTheme/DarkTheme.js

@@ -2,10 +2,8 @@ import { DarkTheme5_0 } from "../../../../internal/themes/DarkTheme5_0";
 import { DarkTheme5_1 } from "../../../../internal/themes/DarkTheme5_1";
 import { DarkTheme5_2 } from "../../../../internal/themes/DarkTheme5_2";
 import { DarkTheme5_3 } from "../../../../internal/themes/DarkTheme5_3";
-import { DarkTheme5_4 } from "../../../../internal/themes/DarkTheme5_4";
 export var DARK_THEME_5_0 = DarkTheme5_0;
 export var DARK_THEME_5_1 = DarkTheme5_1;
 export var DARK_THEME_5_2 = DarkTheme5_2;
 export var DARK_THEME_5_3 = DarkTheme5_3;
-export var DARK_THEME_5_4 = DarkTheme5_4;
-export var DARK_THEME = DARK_THEME_5_4;
+export var DARK_THEME = DARK_THEME_5_3;

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

@@ -1 +1 @@
-{"version":3,"names":["DarkTheme5_0","DarkTheme5_1","DarkTheme5_2","DarkTheme5_3","DarkTheme5_4","DARK_THEME_5_0","DARK_THEME_5_1","DARK_THEME_5_2","DARK_THEME_5_3","DARK_THEME_5_4","DARK_THEME"],"sources":["DarkTheme.ts"],"sourcesContent":["import { DarkTheme5_0 } from '../../../internal/themes/DarkTheme5_0';\nimport { DarkTheme5_1 } from '../../../internal/themes/DarkTheme5_1';\nimport { DarkTheme5_2 } from '../../../internal/themes/DarkTheme5_2';\nimport { DarkTheme5_3 } from '../../../internal/themes/DarkTheme5_3';\nimport { DarkTheme5_4 } from '../../../internal/themes/DarkTheme5_4';\n\nexport const DARK_THEME_5_0 = DarkTheme5_0;\nexport const DARK_THEME_5_1 = DarkTheme5_1;\nexport const DARK_THEME_5_2 = DarkTheme5_2;\nexport const DARK_THEME_5_3 = DarkTheme5_3;\nexport const DARK_THEME_5_4 = DarkTheme5_4;\n\nexport const DARK_THEME = DARK_THEME_5_4;\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,uCAAuC;AACpE,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,YAAY,QAAQ,uCAAuC;;AAEpE,OAAO,IAAMC,cAAc,GAAGL,YAAY;AAC1C,OAAO,IAAMM,cAAc,GAAGL,YAAY;AAC1C,OAAO,IAAMM,cAAc,GAAGL,YAAY;AAC1C,OAAO,IAAMM,cAAc,GAAGL,YAAY;AAC1C,OAAO,IAAMM,cAAc,GAAGL,YAAY;;AAE1C,OAAO,IAAMM,UAAU,GAAGD,cAAc","ignoreList":[]}
+{"version":3,"names":["DarkTheme5_0","DarkTheme5_1","DarkTheme5_2","DarkTheme5_3","DARK_THEME_5_0","DARK_THEME_5_1","DARK_THEME_5_2","DARK_THEME_5_3","DARK_THEME"],"sources":["DarkTheme.ts"],"sourcesContent":["import { DarkTheme5_0 } from '../../../internal/themes/DarkTheme5_0';\nimport { DarkTheme5_1 } from '../../../internal/themes/DarkTheme5_1';\nimport { DarkTheme5_2 } from '../../../internal/themes/DarkTheme5_2';\nimport { DarkTheme5_3 } from '../../../internal/themes/DarkTheme5_3';\n\nexport const DARK_THEME_5_0 = DarkTheme5_0;\nexport const DARK_THEME_5_1 = DarkTheme5_1;\nexport const DARK_THEME_5_2 = DarkTheme5_2;\nexport const DARK_THEME_5_3 = DarkTheme5_3;\n\nexport const DARK_THEME = DARK_THEME_5_3;\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,uCAAuC;AACpE,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,YAAY,QAAQ,uCAAuC;;AAEpE,OAAO,IAAMC,cAAc,GAAGJ,YAAY;AAC1C,OAAO,IAAMK,cAAc,GAAGJ,YAAY;AAC1C,OAAO,IAAMK,cAAc,GAAGJ,YAAY;AAC1C,OAAO,IAAMK,cAAc,GAAGJ,YAAY;;AAE1C,OAAO,IAAMK,UAAU,GAAGD,cAAc","ignoreList":[]}

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

@@ -2,5 +2,4 @@ export declare const DARK_THEME_5_0: Readonly<typeof import("../../../internal/t
 export declare const DARK_THEME_5_1: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
 export declare const DARK_THEME_5_2: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
 export declare const DARK_THEME_5_3: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
-export declare const DARK_THEME_5_4: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
 export declare const DARK_THEME: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;

package/lib/theming/themes/LightTheme/LightTheme.js

@@ -2,10 +2,8 @@ import { LightTheme5_0 } from "../../../../internal/themes/LightTheme5_0";
 import { LightTheme5_1 } from "../../../../internal/themes/LightTheme5_1";
 import { LightTheme5_2 } from "../../../../internal/themes/LightTheme5_2";
 import { LightTheme5_3 } from "../../../../internal/themes/LightTheme5_3";
-import { LightTheme5_4 } from "../../../../internal/themes/LightTheme5_4";
 export var LIGHT_THEME_5_0 = LightTheme5_0;
 export var LIGHT_THEME_5_1 = LightTheme5_1;
 export var LIGHT_THEME_5_2 = LightTheme5_2;
 export var LIGHT_THEME_5_3 = LightTheme5_3;
-export var LIGHT_THEME_5_4 = LightTheme5_4;
-export var LIGHT_THEME = LIGHT_THEME_5_4;
+export var LIGHT_THEME = LIGHT_THEME_5_3;

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

@@ -1 +1 @@
-{"version":3,"names":["LightTheme5_0","LightTheme5_1","LightTheme5_2","LightTheme5_3","LightTheme5_4","LIGHT_THEME_5_0","LIGHT_THEME_5_1","LIGHT_THEME_5_2","LIGHT_THEME_5_3","LIGHT_THEME_5_4","LIGHT_THEME"],"sources":["LightTheme.ts"],"sourcesContent":["import { LightTheme5_0 } from '../../../internal/themes/LightTheme5_0';\nimport { LightTheme5_1 } from '../../../internal/themes/LightTheme5_1';\nimport { LightTheme5_2 } from '../../../internal/themes/LightTheme5_2';\nimport { LightTheme5_3 } from '../../../internal/themes/LightTheme5_3';\nimport { LightTheme5_4 } from '../../../internal/themes/LightTheme5_4';\n\nexport const LIGHT_THEME_5_0 = LightTheme5_0;\nexport const LIGHT_THEME_5_1 = LightTheme5_1;\nexport const LIGHT_THEME_5_2 = LightTheme5_2;\nexport const LIGHT_THEME_5_3 = LightTheme5_3;\nexport const LIGHT_THEME_5_4 = LightTheme5_4;\n\nexport const LIGHT_THEME = LIGHT_THEME_5_4;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,wCAAwC;AACtE,SAASC,aAAa,QAAQ,wCAAwC;AACtE,SAASC,aAAa,QAAQ,wCAAwC;AACtE,SAASC,aAAa,QAAQ,wCAAwC;AACtE,SAASC,aAAa,QAAQ,wCAAwC;;AAEtE,OAAO,IAAMC,eAAe,GAAGL,aAAa;AAC5C,OAAO,IAAMM,eAAe,GAAGL,aAAa;AAC5C,OAAO,IAAMM,eAAe,GAAGL,aAAa;AAC5C,OAAO,IAAMM,eAAe,GAAGL,aAAa;AAC5C,OAAO,IAAMM,eAAe,GAAGL,aAAa;;AAE5C,OAAO,IAAMM,WAAW,GAAGD,eAAe","ignoreList":[]}
+{"version":3,"names":["LightTheme5_0","LightTheme5_1","LightTheme5_2","LightTheme5_3","LIGHT_THEME_5_0","LIGHT_THEME_5_1","LIGHT_THEME_5_2","LIGHT_THEME_5_3","LIGHT_THEME"],"sources":["LightTheme.ts"],"sourcesContent":["import { LightTheme5_0 } from '../../../internal/themes/LightTheme5_0';\nimport { LightTheme5_1 } from '../../../internal/themes/LightTheme5_1';\nimport { LightTheme5_2 } from '../../../internal/themes/LightTheme5_2';\nimport { LightTheme5_3 } from '../../../internal/themes/LightTheme5_3';\n\nexport const LIGHT_THEME_5_0 = LightTheme5_0;\nexport const LIGHT_THEME_5_1 = LightTheme5_1;\nexport const LIGHT_THEME_5_2 = LightTheme5_2;\nexport const LIGHT_THEME_5_3 = LightTheme5_3;\n\nexport const LIGHT_THEME = LIGHT_THEME_5_3;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,wCAAwC;AACtE,SAASC,aAAa,QAAQ,wCAAwC;AACtE,SAASC,aAAa,QAAQ,wCAAwC;AACtE,SAASC,aAAa,QAAQ,wCAAwC;;AAEtE,OAAO,IAAMC,eAAe,GAAGJ,aAAa;AAC5C,OAAO,IAAMK,eAAe,GAAGJ,aAAa;AAC5C,OAAO,IAAMK,eAAe,GAAGJ,aAAa;AAC5C,OAAO,IAAMK,eAAe,GAAGJ,aAAa;;AAE5C,OAAO,IAAMK,WAAW,GAAGD,eAAe","ignoreList":[]}

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

@@ -2,5 +2,4 @@ export declare const LIGHT_THEME_5_0: Readonly<typeof import("../../../internal/
 export declare const LIGHT_THEME_5_1: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
 export declare const LIGHT_THEME_5_2: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
 export declare const LIGHT_THEME_5_3: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
-export declare const LIGHT_THEME_5_4: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
 export declare const LIGHT_THEME: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;

package/lib/utils/utils.js

@@ -2,7 +2,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
 import { isValidElement } from 'react';
 import { isForwardRef } from 'react-is';
-import { isBrowser } from "../../lib/globalObject";
+import { globalObject, isBrowser } from '@skbkontur/global-object';
 export { delay } from "../delay";
 
 // NOTE: Copy-paste from @types/react
@@ -29,7 +29,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;
   });
@@ -56,7 +56,7 @@ export function escapeRegExpSpecChars(s) {
 export var getRandomID = function getRandomID() {
   return Math.random().toString(16).slice(2);
 };
-export var isExternalLink = function isExternalLink(link, globalObject) {
+export var isExternalLink = function isExternalLink(link) {
   return isBrowser(globalObject) && new RegExp("^(https?:)?//(?!" + globalObject.location.host + ")\\S+", 'gi').test(link);
 };
 

package/lib/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["isValidElement","isForwardRef","isBrowser","delay","emptyHandler","CancelationError","_Error","_this","_len","arguments","length","args","Array","_key","call","apply","concat","code","_inheritsLoose","_wrapNativeSuper","Error","taskWithDelay","task","ms","cancelationToken","Promise","resolve","reject","setTimeout","then","isFunction","x","isFunctionalComponent","Component","Boolean","prototype","isReactComponent","isClassComponent","isIntrinsicElement","element","type","isRefableElement","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","isExternalLink","link","globalObject","RegExp","location","host","test","isReactUINode","componentName","node","Object","hasOwnProperty","__KONTUR_REACT_UI__","KB","UNITS","calculateDecimals","decimals","formatBytes","bytes","calculatedDecimals","i","floor","log2","formattedBytes","parseFloat","pow","toFixed","isNonNullable","value","undefined","isNullable","isReactUIComponent","name","child","_child$type","mergeRefs","refs","forEach","ref","current","extractDataProps","props","dataProps","restWithoutDataProps","entries","map","_ref","startsWith","startsWithOneOf","searchKeys","inputString","keyIndex","findIndex","key","isButton","isInput","isFxInput","isAutocomplete","isPasswordInput","isCurrencyInput","isSelect","isDropdown","isDropdownMenu","isHint","isTooltip","isKonturIcon","icon","clickOutside","event","document","createEvent","initEvent","body","dispatchEvent","isElement","el","nodeType","Node","ELEMENT_NODE"],"sources":["utils.ts"],"sourcesContent":["import type React from 'react';\nimport { isValidElement } from 'react';\nimport { isForwardRef } from 'react-is';\n\nimport type { GlobalObject } from '../lib/globalObject';\nimport { isBrowser } from '../lib/globalObject';\nimport type { CurrencyInputProps } from '../components/CurrencyInput';\nimport type { PasswordInputProps } from '../components/PasswordInput';\nimport type { InputProps } from '../components/Input';\nimport type { AutocompleteProps } from '../components/Autocomplete';\nimport type { FxInputProps } from '../components/FxInput';\nimport type { SelectProps } from '../components/Select';\nimport type { DropdownProps } from '../components/Dropdown';\nimport type { DropdownMenuProps } from '../components/DropdownMenu';\nimport type { ButtonProps } from '../components/Button';\nimport type { TooltipProps } from '../components/Tooltip';\nimport type { HintProps } from '../components/Hint';\n\nexport { delay } from './delay';\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 type NoInfer<T> = T extends infer U ? U : never;\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;\n\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, globalObject: GlobalObject): 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 (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/** @deprecated Переехал в `lib/mergeRefs.ts`. Со следующей мажорной версии от сюда будет удален*/\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 extends Record<string, any>>(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 isButton = isReactUIComponent<ButtonProps>('Button');\nexport const isInput = isReactUIComponent<InputProps>('Input');\nexport const isFxInput = isReactUIComponent<FxInputProps>('FxInput');\nexport const isAutocomplete = isReactUIComponent<AutocompleteProps>('Autocomplete');\nexport const isPasswordInput = isReactUIComponent<PasswordInputProps>('PasswordInput');\nexport const isCurrencyInput = isReactUIComponent<CurrencyInputProps>('CurrencyInput');\nexport const isSelect = isReactUIComponent<SelectProps<unknown, unknown>>('Select');\nexport const isDropdown = isReactUIComponent<DropdownProps>('Dropdown');\nexport const isDropdownMenu = isReactUIComponent<DropdownMenuProps>('DropdownMenu');\nexport const isHint = isReactUIComponent<HintProps>('Hint');\nexport const isTooltip = isReactUIComponent<TooltipProps>('Tooltip');\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 isElement(el: unknown): el is Element {\n  return !!el && typeof el === 'object' && 'nodeType' in el && el.nodeType === Node.ELEMENT_NODE;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isValidElement","isForwardRef","globalObject","isBrowser","delay","emptyHandler","CancelationError","_Error","_this","_len","arguments","length","args","Array","_key","call","apply","concat","code","_inheritsLoose","_wrapNativeSuper","Error","taskWithDelay","task","ms","cancelationToken","Promise","resolve","reject","setTimeout","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","Object","hasOwnProperty","__KONTUR_REACT_UI__","KB","UNITS","calculateDecimals","decimals","formatBytes","bytes","calculatedDecimals","i","floor","log2","formattedBytes","parseFloat","pow","toFixed","isNonNullable","value","undefined","isNullable","isReactUIComponent","name","child","_child$type","mergeRefs","refs","forEach","ref","current","extractDataProps","props","dataProps","restWithoutDataProps","entries","map","_ref","startsWith","startsWithOneOf","searchKeys","inputString","keyIndex","findIndex","key","isButton","isInput","isFxInput","isAutocomplete","isPasswordInput","isCurrencyInput","isSelect","isDropdown","isDropdownMenu","isHint","isTooltip","isKonturIcon","icon","clickOutside","event","document","createEvent","initEvent","body","dispatchEvent","isElement","el","nodeType","Node","ELEMENT_NODE"],"sources":["utils.ts"],"sourcesContent":["import type React from 'react';\nimport { isValidElement } from 'react';\nimport { isForwardRef } from 'react-is';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport type { CurrencyInputProps } from '../components/CurrencyInput';\nimport type { PasswordInputProps } from '../components/PasswordInput';\nimport type { InputProps } from '../components/Input';\nimport type { AutocompleteProps } from '../components/Autocomplete';\nimport type { FxInputProps } from '../components/FxInput';\nimport type { SelectProps } from '../components/Select';\nimport type { DropdownProps } from '../components/Dropdown';\nimport type { DropdownMenuProps } from '../components/DropdownMenu';\nimport type { ButtonProps } from '../components/Button';\nimport type { TooltipProps } from '../components/Tooltip';\nimport type { HintProps } from '../components/Hint';\n\nexport { delay } from './delay';\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 type NoInfer<T> = T extends infer U ? U : never;\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;\n\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 (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/** @deprecated Переехал в `lib/mergeRefs.ts`. Со следующей мажорной версии от сюда будет удален*/\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 extends Record<string, any>>(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 isButton = isReactUIComponent<ButtonProps>('Button');\nexport const isInput = isReactUIComponent<InputProps>('Input');\nexport const isFxInput = isReactUIComponent<FxInputProps>('FxInput');\nexport const isAutocomplete = isReactUIComponent<AutocompleteProps>('Autocomplete');\nexport const isPasswordInput = isReactUIComponent<PasswordInputProps>('PasswordInput');\nexport const isCurrencyInput = isReactUIComponent<CurrencyInputProps>('CurrencyInput');\nexport const isSelect = isReactUIComponent<SelectProps<unknown, unknown>>('Select');\nexport const isDropdown = isReactUIComponent<DropdownProps>('Dropdown');\nexport const isDropdownMenu = isReactUIComponent<DropdownMenuProps>('DropdownMenu');\nexport const isHint = isReactUIComponent<HintProps>('Hint');\nexport const isTooltip = isReactUIComponent<TooltipProps>('Tooltip');\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 isElement(el: unknown): el is Element {\n  return !!el && typeof el === 'object' && 'nodeType' in el && el.nodeType === Node.ELEMENT_NODE;\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/utils.d.ts

@@ -1,5 +1,4 @@
 import type React from 'react';
-import type { GlobalObject } from '../lib/globalObject';
 import type { CurrencyInputProps } from '../components/CurrencyInput';
 import type { PasswordInputProps } from '../components/PasswordInput';
 import type { InputProps } from '../components/Input';
@@ -31,7 +30,7 @@ export declare function isIntrinsicElement(element: React.ReactElement): boolean
 export declare function isRefableElement(element: React.ReactElement): boolean;
 export declare function escapeRegExpSpecChars(s: string): string;
 export declare const getRandomID: () => string;
-export declare const isExternalLink: (link: string, globalObject: GlobalObject) => boolean;
+export declare const isExternalLink: (link: string) => boolean;
 /**
  * Check if the given ReactNode is an element of the specified ReactUI component
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "0.0.0-bcbd5e6112",
+  "version": "0.0.0-c13bb5f4ca",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
@@ -22,13 +22,16 @@
     "clean": "git clean -fdxqe node_modules",
     "prerelease": "node scripts/publish/prepublish && yarn build",
     "release": "npm publish ./build --workspaces=false",
+    "build-old-docs": "rimraf .styleguide/deploy && yarn run styleguide:build",
+    "deploy-old-docs": "gh-pages -a -d .styleguide/deploy -r git@github.com:skbkontur/react-ui.git",
     "storybook": "storybook dev -p 6060",
     "storybook:build": "cross-env STORYBOOK_REACT_UI_TEST=true storybook build -o .storybook/build --quiet",
     "storybook:docs-build": "cross-env STORYBOOK_REACT_UI_DOCS=true storybook build --docs -c .storybook-docs -o .storybook/build --quiet",
     "storybook:test": "cross-env STORYBOOK_REACT_UI_TEST=true storybook dev --ci -p 6060",
-    "storybook:test:widget": "cross-env TEST_SCOPE=widget yarn storybook:test",
     "storybook:docs": "cross-env STORYBOOK_REACT_UI_DOCS=true storybook dev --docs -p 6061 -c .storybook-docs",
     "storybook:serve": "yarn serve -l 6060 .storybook/build",
+    "styleguide": "styleguidist server --config .styleguide/config/dev.config.js",
+    "styleguide:build": "node .styleguide/build",
     "lint": "run-p -c lint:*",
     "lint:eslint": "cross-env TIMING=1 yarn eslint ./",
     "lint:tsc": "tsc --noEmit --diagnostics",
@@ -38,7 +41,6 @@
     "fix:prettier": "yarn prettier --write .",
     "test": "jest --detectOpenHandles",
     "test:watch": "yarn test --watch",
-    "creevey:ui:widget": "cross-env TEST_SCOPE=widget yarn creevey:ui",
     "creevey": "node ../../scripts/creevey-prepare.js .creevey/config.mts && cross-env BABEL_ENV=cjs creevey -c .creevey/config.mts",
     "creevey:ci": "start-server-and-test storybook:serve http://localhost:6060 creevey",
     "creevey:update": "cross-env BABEL_ENV=cjs creevey -c .creevey/config.mts --update",
@@ -49,6 +51,7 @@
   "dependencies": {
     "@babel/runtime": "^7.24.6",
     "@emotion/css": "^11.11.2",
+    "@skbkontur/global-object": "^0.4.4",
     "@skbkontur/react-imask": "^7.6.4",
     "eventemitter3": "^5.0.1",
     "invariant": "^2.2.4",
@@ -137,6 +140,7 @@
     "react": "18.3.1",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.3.1",
+    "react-styleguidist": "^12.0.1",
     "rimraf": "^5.0.7",
     "selenium-webdriver": "^4.27.0",
     "semver": "^7.6.2",