@skbkontur/react-ui 1.6.4 → 1.6.8-fixed-modal-stack

package/components/ThemeProvider/README.md

@@ -1,172 +1,172 @@
-Кастомизация компонентов с помощью библиотеки [`emotion`](https://github.com/emotion-js/emotion)
-
-ThemeProvider - компонент, передающий объект темы вниз по дереву с помощью полифила [`create-react-context.`](https://github.com/jamiebuilds/create-react-context)
-
-Принимает в качестве пропов `children: React.ReactNode` и `value` типа `IThemeIn`:
-
-```typescript
-import defaultThemeVariables from './components/variables.less';
-import flatThemeVariables from './components/variables.flat.less';
-
-type ThemeType = typeof defaultThemeVariables & typeof flatThemeVariables;
-type ThemeInType = Partial<ThemeType>;
-
-interface IThemeIn extends ThemeInType {}
-```
-
-В качестве базовой темы выступает объект, полученный из переменных `variables.less`. Объект, переданный в `value` будет смерджен с объектом базовой темой.
-
-Помимо базовой темы, есть плоская тема, собранная из переменных `variables.flat.less`.
-Объект плоской темы можно импортировать и передавать в ThemeProvider:
-
-```jsx
-const { default: ThemeProvider } = require('./ThemeProvider');
-const { default: flatTheme } = require('../../lib/theming/themes/FlatTheme');
-const { ShowcaseGroup } = require('./Playground/ShowcaseGroup');
-
-const FlatComponents = () => (
-  <ThemeProvider value={flatTheme}>
-    <ShowcaseGroup />
-  </ThemeProvider>
-);
-
-<FlatComponents />;
-```
-
-### Варианты кастомизации:
-
-Несколько тем одновременно:
-<br/>
-
-```jsx
-const { default: ThemeProvider } = require('./ThemeProvider');
-const { default: flatTheme } = require('../../lib/theming/themes/FlatTheme');
-const { ShowcaseGroup } = require('./Playground/ShowcaseGroup');
-
-const CombinedComponents = () => (
-  <>
-    <ShowcaseGroup title="Default" />
-    <ThemeProvider value={flatTheme}>
-      <div>
-        <ShowcaseGroup title="Flat" />
-      </div>
-    </ThemeProvider>
-  </>
-);
-
-<CombinedComponents />;
-```
-
-Вложенные темы:
-<br/>
-
-```jsx
-const { default: ThemeProvider } = require('./ThemeProvider');
-const { default: flatTheme } = require('../../lib/theming/themes/FlatTheme');
-const { default: defaultTheme } = require('../../lib/theming/themes/DefaultTheme');
-const { default: darkTheme } = require('./Playground/darkTheme');
-const { ShowcaseGroup } = require('./Playground/ShowcaseGroup');
-
-const wrapperStyles = {
-  border: '1px solid rgb(188, 187, 187)',
-  padding: '0 15px 15px',
-  marginTop: 25,
-};
-
-const NestedThemes = () => (
-  <ThemeProvider value={flatTheme}>
-    <div style={{ ...wrapperStyles, width: 750 }}>
-      <ShowcaseGroup title="Flat Theme" />
-      <ThemeProvider value={defaultTheme}>
-        <div style={wrapperStyles}>
-          <ShowcaseGroup title="Default Theme" />
-          <ThemeProvider value={darkTheme}>
-            <div style={{ ...wrapperStyles, background: '#000', color: '#fff' }}>
-              <ShowcaseGroup title="Dark Theme" />
-            </div>
-          </ThemeProvider>
-        </div>
-      </ThemeProvider>
-    </div>
-  </ThemeProvider>
-);
-
-<NestedThemes />;
-```
-
-### Переход с кастомизации с помощью `less`
-
-Для перехода с кастомизации посредстовом переопределения less-переменных, необходимо превратить less-переменные в объект темы.
-Это можно сделать с помощью <a target="_blank" href="https://raw.githubusercontent.com/skbkontur/retail-ui/master/packages/react-ui-codemodes/customization/variablesConverter.js">скрипта</a>
-
-Скрипту необходимо передать два параметра: `variables` - путь до файла с перменными и `output` - путь до файла, в который нужно записать объект темы. Если по пути, переданному в `output`, файла не существует, файл будет создан. В противном случае, он будет перезаписан.
-
-Перед запуском скрипт необходимо скачать и положить в папку с проектом. В процессе конвертации используется пакет [less.js](https://www.npmjs.com/package/less), который скрипт возьмет из зависимостей проекта.
-
-Пример использования:
-
-```shell
-node variablesConverter.js variables=../../less/myVariables.less output=../theme/theme.js
-```
-
-Для следующего содержимого myVariables.less:
-
-```less
-@btn-danger-bg: #e14c30;
-@warning-main: #f69c00;
-@error-main: #d70c17;
-@border-color-gray-dark: rgba(0, 0, 0, 0.28);
-@border-color-gray-light: rgba(0, 0, 0, 0.15);
-@tab-color-hover-error: lighten(@btn-danger-bg, 20%);
-@toggle-bg-warning: @warning-main;
-@toggle-bg-error: @error-main;
-```
-
-Сгенерируется файл theme.js:
-
-```typescript
-export default {
-  btnDangerBg: '#e14c30',
-  warningMain: '#f69c00',
-  errorMain: '#d70c17',
-  borderColorGrayDark: 'rgba(0, 0, 0, 0.28)',
-  borderColorGrayLight: 'rgba(0, 0, 0, 0.15)',
-  tabColorHoverError: '#ee9989',
-  toggleBgWarning: '#f69c00',
-  toggleBgError: '#d70c17',
-};
-```
-
-Далее объект из theme.js можно передавать в ThemeProvider:
-
-```typescript
-import ReactDOM from 'react-dom';
-import React from 'react';
-import ThemeProvider from '${retail-ui|@skbkontur/react-ui}/components/ThemeProvider';
-
-import App from './components/App';
-import theme from './theme/theme';
-
-ReactDOM.render(
-  <ThemeProvider value={theme}>
-    <App />
-  </ThemeProvider>,
-  document.getElementById('app'),
-);
-```
-
-В случае, если приложение не является полноценным React-приложением, и тему нужно переопределить единоразово, то можно воспользоваться методом `overrideDefaultTheme` в `ThemeFactory`:
-
-```typescript
-// точка входа в приложение
-...
-import theme from './theme/theme';
-import ThemeFactory from '${retail-ui|@skbkontur/react-ui}/lib/theming/ThemeFactory';
-
-ThemeFactory.overrideDefaultTheme(theme);
-...
-```
-
-### Список кастомизируемых компонентов
-
-Посмотреть, какие компоненты можно кастомизировать, а также увидеть, какие переменные используются в каждом из них, можно в [таблице](#/Customization/ThemeShowcase)
+Кастомизация компонентов с помощью библиотеки [`emotion`](https://github.com/emotion-js/emotion)
+
+ThemeProvider - компонент, передающий объект темы вниз по дереву с помощью полифила [`create-react-context.`](https://github.com/jamiebuilds/create-react-context)
+
+Принимает в качестве пропов `children: React.ReactNode` и `value` типа `IThemeIn`:
+
+```typescript
+import defaultThemeVariables from './components/variables.less';
+import flatThemeVariables from './components/variables.flat.less';
+
+type ThemeType = typeof defaultThemeVariables & typeof flatThemeVariables;
+type ThemeInType = Partial<ThemeType>;
+
+interface IThemeIn extends ThemeInType {}
+```
+
+В качестве базовой темы выступает объект, полученный из переменных `variables.less`. Объект, переданный в `value` будет смерджен с объектом базовой темой.
+
+Помимо базовой темы, есть плоская тема, собранная из переменных `variables.flat.less`.
+Объект плоской темы можно импортировать и передавать в ThemeProvider:
+
+```jsx
+const { default: ThemeProvider } = require('./ThemeProvider');
+const { default: flatTheme } = require('../../lib/theming/themes/FlatTheme');
+const { ShowcaseGroup } = require('./Playground/ShowcaseGroup');
+
+const FlatComponents = () => (
+  <ThemeProvider value={flatTheme}>
+    <ShowcaseGroup />
+  </ThemeProvider>
+);
+
+<FlatComponents />;
+```
+
+### Варианты кастомизации:
+
+Несколько тем одновременно:
+<br/>
+
+```jsx
+const { default: ThemeProvider } = require('./ThemeProvider');
+const { default: flatTheme } = require('../../lib/theming/themes/FlatTheme');
+const { ShowcaseGroup } = require('./Playground/ShowcaseGroup');
+
+const CombinedComponents = () => (
+  <>
+    <ShowcaseGroup title="Default" />
+    <ThemeProvider value={flatTheme}>
+      <div>
+        <ShowcaseGroup title="Flat" />
+      </div>
+    </ThemeProvider>
+  </>
+);
+
+<CombinedComponents />;
+```
+
+Вложенные темы:
+<br/>
+
+```jsx
+const { default: ThemeProvider } = require('./ThemeProvider');
+const { default: flatTheme } = require('../../lib/theming/themes/FlatTheme');
+const { default: defaultTheme } = require('../../lib/theming/themes/DefaultTheme');
+const { default: darkTheme } = require('./Playground/darkTheme');
+const { ShowcaseGroup } = require('./Playground/ShowcaseGroup');
+
+const wrapperStyles = {
+  border: '1px solid rgb(188, 187, 187)',
+  padding: '0 15px 15px',
+  marginTop: 25,
+};
+
+const NestedThemes = () => (
+  <ThemeProvider value={flatTheme}>
+    <div style={{ ...wrapperStyles, width: 750 }}>
+      <ShowcaseGroup title="Flat Theme" />
+      <ThemeProvider value={defaultTheme}>
+        <div style={wrapperStyles}>
+          <ShowcaseGroup title="Default Theme" />
+          <ThemeProvider value={darkTheme}>
+            <div style={{ ...wrapperStyles, background: '#000', color: '#fff' }}>
+              <ShowcaseGroup title="Dark Theme" />
+            </div>
+          </ThemeProvider>
+        </div>
+      </ThemeProvider>
+    </div>
+  </ThemeProvider>
+);
+
+<NestedThemes />;
+```
+
+### Переход с кастомизации с помощью `less`
+
+Для перехода с кастомизации посредстовом переопределения less-переменных, необходимо превратить less-переменные в объект темы.
+Это можно сделать с помощью <a target="_blank" href="https://raw.githubusercontent.com/skbkontur/retail-ui/master/packages/react-ui-codemodes/customization/variablesConverter.js">скрипта</a>
+
+Скрипту необходимо передать два параметра: `variables` - путь до файла с перменными и `output` - путь до файла, в который нужно записать объект темы. Если по пути, переданному в `output`, файла не существует, файл будет создан. В противном случае, он будет перезаписан.
+
+Перед запуском скрипт необходимо скачать и положить в папку с проектом. В процессе конвертации используется пакет [less.js](https://www.npmjs.com/package/less), который скрипт возьмет из зависимостей проекта.
+
+Пример использования:
+
+```shell
+node variablesConverter.js variables=../../less/myVariables.less output=../theme/theme.js
+```
+
+Для следующего содержимого myVariables.less:
+
+```less
+@btn-danger-bg: #e14c30;
+@warning-main: #f69c00;
+@error-main: #d70c17;
+@border-color-gray-dark: rgba(0, 0, 0, 0.28);
+@border-color-gray-light: rgba(0, 0, 0, 0.15);
+@tab-color-hover-error: lighten(@btn-danger-bg, 20%);
+@toggle-bg-warning: @warning-main;
+@toggle-bg-error: @error-main;
+```
+
+Сгенерируется файл theme.js:
+
+```typescript
+export default {
+  btnDangerBg: '#e14c30',
+  warningMain: '#f69c00',
+  errorMain: '#d70c17',
+  borderColorGrayDark: 'rgba(0, 0, 0, 0.28)',
+  borderColorGrayLight: 'rgba(0, 0, 0, 0.15)',
+  tabColorHoverError: '#ee9989',
+  toggleBgWarning: '#f69c00',
+  toggleBgError: '#d70c17',
+};
+```
+
+Далее объект из theme.js можно передавать в ThemeProvider:
+
+```typescript
+import ReactDOM from 'react-dom';
+import React from 'react';
+import ThemeProvider from '${retail-ui|@skbkontur/react-ui}/components/ThemeProvider';
+
+import App from './components/App';
+import theme from './theme/theme';
+
+ReactDOM.render(
+  <ThemeProvider value={theme}>
+    <App />
+  </ThemeProvider>,
+  document.getElementById('app'),
+);
+```
+
+В случае, если приложение не является полноценным React-приложением, и тему нужно переопределить единоразово, то можно воспользоваться методом `overrideDefaultTheme` в `ThemeFactory`:
+
+```typescript
+// точка входа в приложение
+...
+import theme from './theme/theme';
+import ThemeFactory from '${retail-ui|@skbkontur/react-ui}/lib/theming/ThemeFactory';
+
+ThemeFactory.overrideDefaultTheme(theme);
+...
+```
+
+### Список кастомизируемых компонентов
+
+Посмотреть, какие компоненты можно кастомизировать, а также увидеть, какие переменные используются в каждом из них, можно в [таблице](#/Customization/ThemeShowcase)

package/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { ITheme, IThemeIn } from '../../lib/theming/Theme';
-interface ThemeProviderProps {
-    children: React.ReactNode;
-    value: IThemeIn | ITheme;
-}
-export declare class ThemeProvider extends React.Component<ThemeProviderProps> {
-    private theme;
-    constructor(props: ThemeProviderProps);
-    componentWillReceiveProps(nextProps: Readonly<ThemeProviderProps>): void;
-    render(): JSX.Element;
-    private makeFullTheme;
-}
-export default ThemeProvider;
+import * as React from 'react';
+import { ITheme, IThemeIn } from '../../lib/theming/Theme';
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    value: IThemeIn | ITheme;
+}
+export declare class ThemeProvider extends React.Component<ThemeProviderProps> {
+    private theme;
+    constructor(props: ThemeProviderProps);
+    componentWillReceiveProps(nextProps: Readonly<ThemeProviderProps>): void;
+    render(): JSX.Element;
+    private makeFullTheme;
+}
+export default ThemeProvider;

package/components/ThemeProvider/index.d.ts

@@ -1 +1 @@
-export { default, ThemeProvider } from './ThemeProvider';
+export { default, ThemeProvider } from './ThemeProvider';

package/components/ThemeShowcase/README.md

@@ -1,13 +1,13 @@
-### Таблица переменных
-
-Список использующихся переменных для каждого кастомизируемого компонента.
-<br/>
-Таблица фильтруется по названию переменной.
-<br/>
-Значения в колонке `Variable name` кликабельны.
-
-```jsx
-const { default: ThemeShowcase } = require('./ThemeShowcase');
-
-<ThemeShowcase />;
-```
+### Таблица переменных
+
+Список использующихся переменных для каждого кастомизируемого компонента.
+<br/>
+Таблица фильтруется по названию переменной.
+<br/>
+Значения в колонке `Variable name` кликабельны.
+
+```jsx
+const { default: ThemeShowcase } = require('./ThemeShowcase');
+
+<ThemeShowcase />;
+```

package/components/ThemeShowcase/ThemeShowcase.d.ts

@@ -1,22 +1,22 @@
-import * as React from 'react';
-import { ComboBoxItem } from '../ComboBox';
-interface ShowcaseProps {
-    isDebugMode?: boolean;
-}
-interface ShowcaseState {
-    selectedVariable?: ComboBoxItem;
-}
-export default class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {
-    state: ShowcaseState;
-    private isUnmounting;
-    private variablesDiff;
-    componentWillMount(): void;
-    render(): JSX.Element;
-    componentWillUnmount(): void;
-    private getValues;
-    private getItems;
-    private handleVariableChange;
-    private handleUnexpectedVariableInput;
-    private resetVariable;
-}
-export {};
+import * as React from 'react';
+import { ComboBoxItem } from '../ComboBox';
+interface ShowcaseProps {
+    isDebugMode?: boolean;
+}
+interface ShowcaseState {
+    selectedVariable?: ComboBoxItem;
+}
+export default class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {
+    state: ShowcaseState;
+    private isUnmounting;
+    private variablesDiff;
+    componentWillMount(): void;
+    render(): JSX.Element;
+    componentWillUnmount(): void;
+    private getValues;
+    private getItems;
+    private handleVariableChange;
+    private handleUnexpectedVariableInput;
+    private resetVariable;
+}
+export {};

package/components/ThemeShowcase/ThemeShowcaseHelpers/FormatSourceCode.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function formatSourceCode(input: string, componentName: string): JSX.Element;
+/// <reference types="react" />
+export declare function formatSourceCode(input: string, componentName: string): JSX.Element;

package/components/ThemeShowcase/ThemeShowcaseHelpers/FormatSourceCode.js

@@ -116,7 +116,6 @@ function renderTheme(children) {
   return React.createElement(React.Fragment, null, children);
 }
 function renderUnknown(unknown) {
-  warning_1["default"](false, 'Could not parse variable content');
   return React.createElement("span", null, unknown);
 }
 function parseVariables(input) {

package/components/ThemeShowcase/ThemeShowcaseHelpers/FormatSourceCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormatSourceCode.js","sourceRoot":"","sources":["FormatSourceCode.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FormatSourceCode.js","sourceRoot":"","sources":["FormatSourceCode.tsx"],"names":[],"mappings":"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"}

package/components/ThemeShowcase/ThemeShowcaseHelpers/VariablesCollector.d.ts

@@ -1,24 +1,24 @@
-/// <reference types="react" />
-import { ITheme } from '../../../lib/theming/Theme';
-export interface DescriptionsType {
-    [componentName: string]: ComponentDescriptionType;
-}
-export interface ComponentDescriptionType {
-    [elementName: string]: ComponentRowDescriptionType;
-}
-export interface ComponentRowDescriptionType {
-    contents: JSX.Element;
-    variables: Array<keyof ITheme>;
-    dependencies: VariableDependencies;
-}
-export interface VariableNameToComponentsMap {
-    [variableName: string]: DescriptionsType;
-}
-export interface VariableDependencies {
-    [variableName: string]: string[];
-}
-export declare const COMPONENT_DESCRIPTIONS: DescriptionsType;
-export declare const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap;
-export declare const ALL_USED_VARIABLES: string[];
-export declare const CALLS_COUNT: number;
-export declare const EXECUTION_TIME: number;
+/// <reference types="react" />
+import { ITheme } from '../../../lib/theming/Theme';
+export interface DescriptionsType {
+    [componentName: string]: ComponentDescriptionType;
+}
+export interface ComponentDescriptionType {
+    [elementName: string]: ComponentRowDescriptionType;
+}
+export interface ComponentRowDescriptionType {
+    contents: JSX.Element;
+    variables: Array<keyof ITheme>;
+    dependencies: VariableDependencies;
+}
+export interface VariableNameToComponentsMap {
+    [variableName: string]: DescriptionsType;
+}
+export interface VariableDependencies {
+    [variableName: string]: string[];
+}
+export declare const COMPONENT_DESCRIPTIONS: DescriptionsType;
+export declare const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap;
+export declare const ALL_USED_VARIABLES: string[];
+export declare const CALLS_COUNT: number;
+export declare const EXECUTION_TIME: number;

package/components/ThemeShowcase/ThemeShowcaseHelpers/VariablesCollector.js

@@ -27,43 +27,45 @@ if (Supports_1.IS_PROXY_SUPPORTED) {
       var elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);
       var themes = baseThemes_1.map(function (t) {return new Proxy(t, elementProxyHandler);});
       themes.forEach(function (t) {return jsStyle(t);});
-      var contents = FormatSourceCode_1.formatSourceCode(jsStyle.toString(), componentName);
       var variables = Array.from(variablesAccumulator);
-      componentDescription[elementName] = { contents: contents, variables: variables, dependencies: dependencies };
-      variables.forEach(function (variableName) {
-        if (!exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {
-          exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};
-        }
-        var variableNode = exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];
-        if (!variableNode[componentName]) {
-          variableNode[componentName] = {};
-        }
-        var componentNode = variableNode[componentName];
-        if (!componentNode[elementName]) {
-          componentNode[elementName] = {
-            contents: contents,
-            dependencies: dependencies,
-            variables: [variableName] };
+      if (variables.length > 0) {
+        var contents_1 = FormatSourceCode_1.formatSourceCode(jsStyle.toString(), componentName);
+        componentDescription[elementName] = { contents: contents_1, variables: variables, dependencies: dependencies };
+        variables.forEach(function (variableName) {
+          if (!exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {
+            exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};
+          }
+          var variableNode = exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];
+          if (!variableNode[componentName]) {
+            variableNode[componentName] = {};
+          }
+          var componentNode = variableNode[componentName];
+          if (!componentNode[elementName]) {
+            componentNode[elementName] = {
+              contents: contents_1,
+              dependencies: dependencies,
+              variables: [variableName] };
 
-        } else
-        if (!componentNode[elementName].variables.includes(variableName)) {
-          componentNode[elementName].contents = contents;
-          componentNode[elementName].dependencies = dependencies;
-          componentNode[elementName].variables.push(variableName);
-        }
-        var dependenciesList = dependencies[variableName];
-        if (dependenciesList) {
-          dependenciesList.forEach(function (dependencyName) {
-            if (!exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {
-              exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};
-            }
-            var dependencyNode = exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];
-            if (!dependencyNode[componentName]) {
-              dependencyNode[componentName] = exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];
-            }
-          });
-        }
-      });
+          } else
+          if (!componentNode[elementName].variables.includes(variableName)) {
+            componentNode[elementName].contents = contents_1;
+            componentNode[elementName].dependencies = dependencies;
+            componentNode[elementName].variables.push(variableName);
+          }
+          var dependenciesList = dependencies[variableName];
+          if (dependenciesList) {
+            dependenciesList.forEach(function (dependencyName) {
+              if (!exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {
+                exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};
+              }
+              var dependencyNode = exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];
+              if (!dependencyNode[componentName]) {
+                dependencyNode[componentName] = exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];
+              }
+            });
+          }
+        });
+      }
     });
     exports.COMPONENT_DESCRIPTIONS[componentName] = componentDescription;
   });