@skbkontur/react-ui 0.0.0-942b5aade9 → 0.0.0-95a1dbe516

package/cjs/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md

@@ -0,0 +1,285 @@
+Включение и отключение отдельных фич через `ReactUIFeatureFlagsContext`
+
+Доступные флаги
+
+```typescript static
+export interface ReactUIFeatureFlags {
+  tokenInputRemoveWhitespaceFromDefaultDelimiters?: boolean;
+  kebabHintRemovePin?: boolean;
+  sidePageEnableFocusLockWhenBackgroundBlocked?: boolean;
+  spinnerLoaderRemoveDefaultCaption?: boolean;
+  comboBoxAllowValueChangeInEditingState?: boolean;
+}
+```
+
+Механизм работы: новая функциональность применяется или не применяется в зависимости от того, был ли передан со значением true соответствующий флаг или нет.
+
+Флаги задаются с помощью `ReactUIFeatureFlagsContext.Provider`.
+
+```jsx static
+import { ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+<ReactUIFeatureFlagsContext.Provider value={{ tokenInputRemoveWhitespaceFromDefaultDelimiters: true }}>{/* ... */}</ReactUIFeatureFlagsContext.Provider>;
+```
+
+## Использование
+
+### tokenInputRemoveWhitespaceFromDefaultDelimiters
+
+В TokenInput из дефолтных разделителей удалён пробел.
+В React UI 5.0 фича будет применена по умолчанию.
+
+```jsx harmony
+import { TokenInput, TokenInputType, Token, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+const [selectedItems, setSelectedItems] = React.useState([]);
+const getItems = () => {};
+
+<ReactUIFeatureFlagsContext.Provider value={{ tokenInputRemoveWhitespaceFromDefaultDelimiters: true }}>
+  <TokenInput
+    type={TokenInputType.Combined}
+    getItems={getItems}
+    selectedItems={selectedItems}
+    onValueChange={setSelectedItems}
+  />
+</ReactUIFeatureFlagsContext.Provider>
+```
+
+### kebabHintRemovePin
+
+В Hint и Kebab будет убран "клювик" в THEME_2022.
+В React UI 5.0 фича будет применена по умолчанию.
+```jsx harmony
+import { Hint, Kebab, MenuItem, Gapped, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+<ReactUIFeatureFlagsContext.Provider value={{ kebabHintRemovePin: true }}>
+  <Gapped vertical>
+    <Hint text="Подсказка">Hint</Hint>
+    <Kebab>
+      <MenuItem>
+        Редактировать
+      </MenuItem>
+      <MenuItem>
+        Удалить
+      </MenuItem>
+    </Kebab>
+  </Gapped>
+</ReactUIFeatureFlagsContext.Provider>
+```
+
+### spinnerLoaderRemoveDefaultCaption
+
+В Spinner и Loader убран дефолтный caption.
+В React UI 5.0 фича будет применена по умолчанию.
+
+```jsx harmony
+import { Loader, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+<ReactUIFeatureFlagsContext.Provider value={{ spinnerLoaderRemoveDefaultCaption: true }}>
+  <Loader active>
+    <div style={{ padding: '16px' }}>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+      magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+      consequat.
+    </div>
+  </Loader>
+</ReactUIFeatureFlagsContext.Provider>
+```
+
+```jsx harmony
+import { Spinner, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+
+<ReactUIFeatureFlagsContext.Provider value={{ spinnerLoaderRemoveDefaultCaption: true }}>
+  <Spinner/>
+</ReactUIFeatureFlagsContext.Provider>
+```
+
+### sidePageEnableFocusLockWhenBackgroundBlocked
+
+В SidePage при пропе blockBackground равном true, FocusLock будет применяться по умолчанию. Поведение FocusLock можно настроить вручную с помощью пропа disableFocusLock.
+В React UI 5.0 фича будет применена по умолчанию.
+
+```jsx harmony
+import { SidePage, Button, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+const [opened, setOpened] = React.useState(false);
+
+function renderSidePage() {
+  return (
+    <ReactUIFeatureFlagsContext.Provider value={{ sidePageEnableFocusLockWhenBackgroundBlocked: true }}>
+      <SidePage onClose={close} blockBackground>
+        <SidePage.Header>SidePage</SidePage.Header>
+        <SidePage.Body>
+          <div
+            style={{
+              background: `repeating-linear-gradient(60deg, #808080, #808080 20px, #d3d3d3 20px, #d3d3d3 40px)`,
+              height: 600,
+              padding: '20px 0',
+            }}
+          >
+            <SidePage.Container>
+              <p>Content</p>
+            </SidePage.Container>
+          </div>
+        </SidePage.Body>
+        <SidePage.Footer panel>
+          <Button onClick={close}>Close</Button>
+        </SidePage.Footer>
+      </SidePage>
+    </ReactUIFeatureFlagsContext.Provider>
+  );
+}
+
+function open() {
+  setOpened(true);
+}
+
+function close() {
+  setOpened(false);
+}
+
+<div>
+  {opened && renderSidePage()}
+  <Button onClick={open}>Open</Button>
+</div>
+```
+
+### menuItemsAtAnyLevel
+
+Mожно использовать различные обертки для пунктов меню
+
+```jsx harmony
+import { DropdownMenu, Button, MenuHeader, MenuItem, MenuSeparator, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+const groupedMenuItems = (
+  <div>
+    <MenuItem>MenuItem1</MenuItem>
+    <MenuItem>MenuItem2</MenuItem>
+    <MenuItem isNotSelectable>Not Selectable</MenuItem>
+  </div>
+);
+
+<ReactUIFeatureFlagsContext.Provider value={{ menuItemsAtAnyLevel: true }}>
+  <DropdownMenu caption={<Button use="primary">Открыть меню</Button>}>
+    <>
+      <MenuHeader>Заголовок меню</MenuHeader>
+      <MenuSeparator />
+      <div>
+        {groupedMenuItems}
+      </div>
+    </>
+    <MenuItem>MenuItem3</MenuItem>
+  </DropdownMenu>
+</ReactUIFeatureFlagsContext.Provider>
+```
+
+### textareaUseSafari17Workaround
+
+В браузере Safari версии 17.* возник баг в реактовом элементе `<textarea />`. Баг не позволяет нормально вводить текст в пустые строки.
+Но только если эти пустые строки были при монтировании элемента.
+Если пустые строки добавить сразу после монтирования, то проблема не наблюдается.
+
+Мы можем купировать этот баг на своей стороне, но только в рамках контрола `Textarea`.
+Также баг могут поправить на стороне Safari или React, из-за чего уже наше обходное решение может вызвать другой баг.
+Поэтому лучше добавить возможность выключить в любой момент наше обходное решение.
+
+Обходное решение само отслеживает Safari версии 17.*, и применяется только для него.
+
+```jsx harmony
+import { Textarea, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+const [value, setValue] = React.useState('1\n\n\n\n2');
+
+<ReactUIFeatureFlagsContext.Provider value={{ textareaUseSafari17Workaround: true }}>
+  <Textarea
+    value={value}
+    onValueChange={setValue}
+    rows={5}
+  />
+</ReactUIFeatureFlagsContext.Provider>
+```
+
+### linkFocusOutline
+
+Для компонентов `<Link />` и `<Button use="link" />` в THEME_2022 добавлена обводка при фокусе.
+В React UI 5.0 фича будет применена по умолчанию.
+
+```jsx harmony
+import { Link, Button, Gapped, ThemeContext, THEME_2022, DEFAULT_THEME, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+<ThemeContext.Provider value={THEME_2022}>
+  <Gapped vertical>
+    <ReactUIFeatureFlagsContext.Provider value={{ linkFocusOutline: true }}>
+      <Gapped>
+        <Button use="link">Кнопка</Button>
+        <Link>Ссылка</Link>
+      </Gapped>
+    </ReactUIFeatureFlagsContext.Provider>
+    <Link>Старая ссылка</Link>
+  </Gapped>
+</ThemeContext.Provider>
+```
+
+### comboBoxAllowValueChangeInEditingState
+
+Этот флаг позволяет менять значение value в Combobox в режиме редактирования. Теперь при изменении value в этом режиме, Combobox примет и корректно отрисует новое значение. А в случае, если при этом было открыто выпадающее меню, данные в нём тоже будут обновлены без принудительного закрытия.
+
+В примере ниже, при нажатии на кнопку "Обновить" после редактирования текста без флага, в функции handleValueChange приходилось бы дополнительно вызывать метод Combobox'a reset.
+
+В React UI 5.0 фича будет применена по умолчанию.
+
+```jsx harmony
+import { Button, ComboBox, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+const [value, setValue] = React.useState({ value: '', label: '' });
+
+const handleValueChange = () => {
+  setValue({ value: `Update ${new Date().toLocaleString()}`, label: `Update ${new Date().toLocaleString()}` });
+};
+
+const getItems = () =>
+  Promise.resolve([
+    { value: 'Первый', label: 'Первый' },
+    { value: 'Второй', label: 'Второй' },
+  ]);
+
+<ReactUIFeatureFlagsContext.Provider value={{ comboBoxAllowValueChangeInEditingState: true }}>
+  <Button onClick={handleValueChange}>Обновить</Button>
+  <ComboBox
+    value={value}
+    searchOnFocus={false}
+    getItems={getItems}
+    onValueChange={(value) => setValue(value)}
+    onInputValueChange={(value) => {
+      setValue({ value, label: value });
+     }}
+  />
+</ReactUIFeatureFlagsContext.Provider>
+```
+
+### hintAddDynamicPositioning
+
+Этот флаг включает у Hint'а изменение положения, если Hint не попадает во viewport. Если существует положение, в котором Hint будет виден полностью, то Hint будет занимать его.
+При включении флага могут потребоваться обновления скриншотных тестов.
+В React UI 5.0 фича будет применена по умолчанию.
+
+```jsx harmony
+import { Hint, Button, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+<ReactUIFeatureFlagsContext.Provider value={{ hintAddDynamicPositioning: true }}>
+  <Hint text={'Example!'} pos="bottom center" manual opened>
+    <Button use="success" size="medium" disabled>
+      Пригласить
+    </Button>
+  </Hint>
+</ReactUIFeatureFlagsContext.Provider>
+```
+
+## Объект со всеми флагами
+
+Чтобы получить объект со всеми флагами, необходимо применить вспомогательную функцию getFullValidationsFlagsContext к объекту заданных флагов:
+
+```typescript static
+const allFlags = getFullValidationsFlagsContext(useContext(ReactUIFeatureFlagsContext));
+```

package/cjs/lib/featureFlagsContext/FeatureFlagsHelpers.d.ts

@@ -0,0 +1,12 @@
+import { ReactUIFeatureFlags } from './ReactUIFeatureFlagsContext';
+export declare const getFullReactUIFlagsContext: (flags: ReactUIFeatureFlags) => {
+    tokenInputRemoveWhitespaceFromDefaultDelimiters?: boolean | undefined;
+    kebabHintRemovePin?: boolean | undefined;
+    sidePageEnableFocusLockWhenBackgroundBlocked?: boolean | undefined;
+    spinnerLoaderRemoveDefaultCaption?: boolean | undefined;
+    menuItemsAtAnyLevel?: boolean | undefined;
+    textareaUseSafari17Workaround?: boolean | undefined;
+    linkFocusOutline?: boolean | undefined;
+    comboBoxAllowValueChangeInEditingState?: boolean | undefined;
+    hintAddDynamicPositioning?: boolean | undefined;
+};

package/cjs/lib/featureFlagsContext/FeatureFlagsHelpers.js

@@ -0,0 +1,5 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getFullReactUIFlagsContext = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _ReactUIFeatureFlagsContext = require("./ReactUIFeatureFlagsContext");
+
+var getFullReactUIFlagsContext = function getFullReactUIFlagsContext(flags) {
+  return (0, _extends2.default)({}, _ReactUIFeatureFlagsContext.reactUIFeatureFlagsDefault, flags);
+};exports.getFullReactUIFlagsContext = getFullReactUIFlagsContext;

package/cjs/lib/featureFlagsContext/FeatureFlagsHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FeatureFlagsHelpers.tsx"],"names":["getFullReactUIFlagsContext","flags","reactUIFeatureFlagsDefault"],"mappings":"kQAAA;;AAEO,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,KAAD,EAAgC;AACxE,oCAAYC,sDAAZ,EAA2CD,KAA3C;AACD,CAFM,C","sourcesContent":["import { reactUIFeatureFlagsDefault, ReactUIFeatureFlags } from './ReactUIFeatureFlagsContext';\n\nexport const getFullReactUIFlagsContext = (flags: ReactUIFeatureFlags) => {\n  return { ...reactUIFeatureFlagsDefault, ...flags };\n};\n"]}

package/cjs/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface ReactUIFeatureFlags {
+    tokenInputRemoveWhitespaceFromDefaultDelimiters?: boolean;
+    kebabHintRemovePin?: boolean;
+    sidePageEnableFocusLockWhenBackgroundBlocked?: boolean;
+    spinnerLoaderRemoveDefaultCaption?: boolean;
+    menuItemsAtAnyLevel?: boolean;
+    textareaUseSafari17Workaround?: boolean;
+    linkFocusOutline?: boolean;
+    comboBoxAllowValueChangeInEditingState?: boolean;
+    hintAddDynamicPositioning?: boolean;
+}
+export declare const reactUIFeatureFlagsDefault: ReactUIFeatureFlags;
+export declare const ReactUIFeatureFlagsContext: React.Context<ReactUIFeatureFlags>;

package/cjs/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js

@@ -0,0 +1,30 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.reactUIFeatureFlagsDefault = exports.ReactUIFeatureFlagsContext = void 0;var _react = _interopRequireDefault(require("react"));
+
+
+
+
+
+
+
+
+
+
+
+
+
+var reactUIFeatureFlagsDefault = {
+  tokenInputRemoveWhitespaceFromDefaultDelimiters: false,
+  kebabHintRemovePin: false,
+  sidePageEnableFocusLockWhenBackgroundBlocked: false,
+  spinnerLoaderRemoveDefaultCaption: false,
+  menuItemsAtAnyLevel: false,
+  textareaUseSafari17Workaround: false,
+  linkFocusOutline: false,
+  comboBoxAllowValueChangeInEditingState: false,
+  hintAddDynamicPositioning: false };exports.reactUIFeatureFlagsDefault = reactUIFeatureFlagsDefault;
+
+
+var ReactUIFeatureFlagsContext = /*#__PURE__*/_react.default.createContext(reactUIFeatureFlagsDefault);exports.ReactUIFeatureFlagsContext = ReactUIFeatureFlagsContext;
+
+ReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';
+ReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';

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

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

package/cjs/lib/featureFlagsContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ReactUIFeatureFlagsContext';
+export * from './FeatureFlagsHelpers';

package/cjs/lib/featureFlagsContext/index.js

@@ -0,0 +1,3 @@
+"use strict";exports.__esModule = true;var _ReactUIFeatureFlagsContext = require("./ReactUIFeatureFlagsContext");Object.keys(_ReactUIFeatureFlagsContext).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ReactUIFeatureFlagsContext[key]) return;exports[key] = _ReactUIFeatureFlagsContext[key];});
+
+var _FeatureFlagsHelpers = require("./FeatureFlagsHelpers");Object.keys(_FeatureFlagsHelpers).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _FeatureFlagsHelpers[key]) return;exports[key] = _FeatureFlagsHelpers[key];});

package/cjs/lib/featureFlagsContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA;;AAEA","sourcesContent":["export * from './ReactUIFeatureFlagsContext';\n\nexport * from './FeatureFlagsHelpers';\n"]}

package/cjs/lib/forwardRefAndName.d.ts

@@ -2,7 +2,7 @@
 export interface ReactUIComponentWithRef<T, P> extends React.NamedExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>, Pick<React.ForwardRefExoticComponent<P>, 'propTypes'> {
     __KONTUR_REACT_UI__: string;
 }
-export declare function forwardRefAndName<ElementType, Props>(name: string, render: React.ForwardRefRenderFunction<ElementType, Props>): ReactUIComponentWithRef<ElementType, Props>;
+export declare function forwardRefAndName<ElementType, Props, Extra extends Record<string, unknown> = Record<never, never>>(name: string, render: React.ForwardRefRenderFunction<ElementType, Props>): ReactUIComponentWithRef<ElementType, Props> & Extra;
 export interface ReactUIIconWithRef<T, P> extends ReactUIComponentWithRef<T, P> {
     __KONTUR_ICON__: boolean;
 }

package/cjs/lib/forwardRefAndName.js

@@ -19,7 +19,10 @@ function forwardRefAndName(
 name,
 render)
 {
-  return forwardName(name, /*#__PURE__*/(0, _react.forwardRef)(render));
+  return forwardName(
+  name, /*#__PURE__*/
+  (0, _react.forwardRef)(render));
+
 }
 
 

package/cjs/lib/forwardRefAndName.js.map

@@ -1 +1 @@
-{"version":3,"sources":["forwardRefAndName.ts"],"names":["forwardName","name","render","displayName","__KONTUR_REACT_UI__","forwardRefAndName","forwardIconName","__KONTUR_ICON__","forwardRefAndIconName"],"mappings":"2IAAA;;;;;;;;AAQA,SAASA,WAAT;AACEC,IADF;AAEEC,MAFF;AAG+C;AAC7CA,EAAAA,MAAM,CAACC,WAAP,GAAqBF,IAArB;AACAC,EAAAA,MAAM,CAACE,mBAAP,GAA6BH,IAA7B;AACA,SAAOC,MAAP;AACD;;AAEM,SAASG,iBAAT;AACLJ,IADK;AAELC,MAFK;AAGwC;AAC7C,SAAOF,WAAW,CAAqBC,IAArB,eAA2B,uBAAWC,MAAX,CAA3B,CAAlB;AACD;;;;;;AAMD,SAASI,eAAT;AACEL,IADF;AAEEC,MAFF;AAG0C;AACxCA,EAAAA,MAAM,CAACC,WAAP,GAAqBF,IAArB;AACAC,EAAAA,MAAM,CAACE,mBAAP,GAA6BH,IAA7B;AACAC,EAAAA,MAAM,CAACK,eAAP,GAAyB,IAAzB;AACA,SAAOL,MAAP;AACD;;AAEM,SAASM,qBAAT;AACLP,IADK;AAELC,MAFK;AAGmC;AACxC,SAAOI,eAAe,CAAqBL,IAArB,eAA2B,uBAAWC,MAAX,CAA3B,CAAtB;AACD","sourcesContent":["import { forwardRef } from 'react';\n\nexport interface ReactUIComponentWithRef<T, P>\n  extends React.NamedExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>,\n    Pick<React.ForwardRefExoticComponent<P>, 'propTypes'> {\n  __KONTUR_REACT_UI__: string;\n}\n\nfunction forwardName<ElementType, Props>(\n  name: string,\n  render: ReactUIComponentWithRef<ElementType, Props>,\n): ReactUIComponentWithRef<ElementType, Props> {\n  render.displayName = name;\n  render.__KONTUR_REACT_UI__ = name;\n  return render;\n}\n\nexport function forwardRefAndName<ElementType, Props>(\n  name: string,\n  render: React.ForwardRefRenderFunction<ElementType, Props>,\n): ReactUIComponentWithRef<ElementType, Props> {\n  return forwardName<ElementType, Props>(name, forwardRef(render) as ReactUIComponentWithRef<ElementType, Props>);\n}\n\nexport interface ReactUIIconWithRef<T, P> extends ReactUIComponentWithRef<T, P> {\n  __KONTUR_ICON__: boolean;\n}\n\nfunction forwardIconName<ElementType, Props>(\n  name: string,\n  render: ReactUIIconWithRef<ElementType, Props>,\n): ReactUIIconWithRef<ElementType, Props> {\n  render.displayName = name;\n  render.__KONTUR_REACT_UI__ = name;\n  render.__KONTUR_ICON__ = true;\n  return render;\n}\n\nexport function forwardRefAndIconName<ElementType, Props>(\n  name: string,\n  render: React.ForwardRefRenderFunction<ElementType, Props>,\n): ReactUIIconWithRef<ElementType, Props> {\n  return forwardIconName<ElementType, Props>(name, forwardRef(render) as ReactUIIconWithRef<ElementType, Props>);\n}\n"]}
+{"version":3,"sources":["forwardRefAndName.ts"],"names":["forwardName","name","render","displayName","__KONTUR_REACT_UI__","forwardRefAndName","forwardIconName","__KONTUR_ICON__","forwardRefAndIconName"],"mappings":"2IAAA;;;;;;;;AAQA,SAASA,WAAT;AACEC,IADF;AAEEC,MAFF;AAG+C;AAC7CA,EAAAA,MAAM,CAACC,WAAP,GAAqBF,IAArB;AACAC,EAAAA,MAAM,CAACE,mBAAP,GAA6BH,IAA7B;AACA,SAAOC,MAAP;AACD;;AAEM,SAASG,iBAAT;AACLJ,IADK;AAELC,MAFK;AAGgD;AACrD,SAAOF,WAAW;AAChBC,EAAAA,IADgB;AAEhB,yBAAWC,MAAX,CAFgB,CAAlB;;AAID;;;;;;AAMD,SAASI,eAAT;AACEL,IADF;AAEEC,MAFF;AAG0C;AACxCA,EAAAA,MAAM,CAACC,WAAP,GAAqBF,IAArB;AACAC,EAAAA,MAAM,CAACE,mBAAP,GAA6BH,IAA7B;AACAC,EAAAA,MAAM,CAACK,eAAP,GAAyB,IAAzB;AACA,SAAOL,MAAP;AACD;;AAEM,SAASM,qBAAT;AACLP,IADK;AAELC,MAFK;AAGmC;AACxC,SAAOI,eAAe,CAAqBL,IAArB,eAA2B,uBAAWC,MAAX,CAA3B,CAAtB;AACD","sourcesContent":["import { forwardRef } from 'react';\n\nexport interface ReactUIComponentWithRef<T, P>\n  extends React.NamedExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>,\n    Pick<React.ForwardRefExoticComponent<P>, 'propTypes'> {\n  __KONTUR_REACT_UI__: string;\n}\n\nfunction forwardName<ElementType, Props>(\n  name: string,\n  render: ReactUIComponentWithRef<ElementType, Props>,\n): ReactUIComponentWithRef<ElementType, Props> {\n  render.displayName = name;\n  render.__KONTUR_REACT_UI__ = name;\n  return render;\n}\n\nexport function forwardRefAndName<ElementType, Props, Extra extends Record<string, unknown> = Record<never, never>>(\n  name: string,\n  render: React.ForwardRefRenderFunction<ElementType, Props>,\n): ReactUIComponentWithRef<ElementType, Props> & Extra {\n  return forwardName<ElementType, Props>(\n    name,\n    forwardRef(render) as ReactUIComponentWithRef<ElementType, Props> & Extra,\n  ) as ReactUIComponentWithRef<ElementType, Props> & Extra;\n}\n\nexport interface ReactUIIconWithRef<T, P> extends ReactUIComponentWithRef<T, P> {\n  __KONTUR_ICON__: boolean;\n}\n\nfunction forwardIconName<ElementType, Props>(\n  name: string,\n  render: ReactUIIconWithRef<ElementType, Props>,\n): ReactUIIconWithRef<ElementType, Props> {\n  render.displayName = name;\n  render.__KONTUR_REACT_UI__ = name;\n  render.__KONTUR_ICON__ = true;\n  return render;\n}\n\nexport function forwardRefAndIconName<ElementType, Props>(\n  name: string,\n  render: React.ForwardRefRenderFunction<ElementType, Props>,\n): ReactUIIconWithRef<ElementType, Props> {\n  return forwardIconName<ElementType, Props>(name, forwardRef(render) as ReactUIIconWithRef<ElementType, Props>);\n}\n"]}

package/cjs/lib/isInstanceOf.d.ts

@@ -0,0 +1 @@
+export declare function isInstanceOf<C extends new (...args: any) => any>(instance?: unknown, constructor?: C): instance is InstanceType<C>;

package/cjs/lib/isInstanceOf.js

@@ -0,0 +1,6 @@
+"use strict";exports.__esModule = true;exports.isInstanceOf = isInstanceOf;function isInstanceOf(
+instance,
+constructor)
+{
+  return !!constructor && instance instanceof constructor;
+}

package/cjs/lib/isInstanceOf.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["isInstanceOf.ts"],"names":["isInstanceOf","instance","constructor"],"mappings":"2EAAO,SAASA,YAAT;AACLC,QADK;AAELC,WAFK;AAGwB;AAC7B,SAAO,CAAC,CAACA,WAAF,IAAiBD,QAAQ,YAAYC,WAA5C;AACD","sourcesContent":["export function isInstanceOf<C extends new (...args: any) => any>(\n  instance?: unknown,\n  constructor?: C,\n): instance is InstanceType<C> {\n  return !!constructor && instance instanceof constructor;\n}\n"]}

package/cjs/lib/listenFocusOutside.js

@@ -1,8 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.containsTargetOrRenderContainer = containsTargetOrRenderContainer;exports.findRenderContainer = findRenderContainer;exports.listen = listen;var _reactDom = _interopRequireDefault(require("react-dom"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.containsTargetOrRenderContainer = containsTargetOrRenderContainer;exports.findRenderContainer = findRenderContainer;exports.listen = listen;var _reactDom = _interopRequireDefault(require("react-dom"));
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
+var _globalObject = require("@skbkontur/global-object");
 
-var _client = require("./client");
-var _SSRSafe = require("./SSRSafe");
+var _isInstanceOf = require("./isInstanceOf");
+var _client = require("./client");var _globalObject$documen2;
 
 
 
@@ -11,7 +12,7 @@ var _SSRSafe = require("./SSRSafe");
 
 var handlers = [];
 
-function addHandleEvent() {
+function addHandleEvent() {var _globalObject$documen;
   /**
    * Firefox do not supports 'focusin' event.
    * Focus events bubbles multiple time
@@ -20,19 +21,17 @@ function addHandleEvent() {
    * Mozilla Firefix
    *   ¯\_(ツ)_/¯
    */
-  _SSRSafe.renderTarget.body.addEventListener(
+  (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.body.addEventListener(
   _client.isFirefox ? 'focus' : 'focusin',
   _client.isFirefox ? (0, _lodash.default)(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,
   { capture: true });
 
 }
 
-if (_client.isBrowser) {
-  if (_SSRSafe.renderTarget.readyState === 'complete') {
-    addHandleEvent();
-  } else {
-    _SSRSafe.globalThat.addEventListener('load', addHandleEvent);
-  }
+if (((_globalObject$documen2 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen2.readyState) === 'complete') {
+  addHandleEvent();
+} else {
+  _globalObject.globalObject.addEventListener == null ? void 0 : _globalObject.globalObject.addEventListener('load', addHandleEvent);
 }
 
 function handleNativeFocus(event) {
@@ -68,22 +67,22 @@ function containsTargetOrRenderContainer(target) {
 /**
  * Searches RenderContainer placed in "rootNode" for "node"
  */
-function findRenderContainer(node, rootNode, container) {
+function findRenderContainer(node, rootNode, container) {var _globalObject$documen3, _globalObject$documen4;
   var currentNode = node.parentNode;
   if (
   !currentNode ||
   node === rootNode ||
   currentNode === rootNode ||
-  currentNode === _SSRSafe.renderTarget.body ||
-  currentNode === _SSRSafe.renderTarget.documentElement ||
-  !(currentNode instanceof Element))
+  currentNode === ((_globalObject$documen3 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen3.body) ||
+  currentNode === ((_globalObject$documen4 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen4.documentElement) ||
+  !(0, _isInstanceOf.isInstanceOf)(currentNode, _globalObject.globalObject.Element))
   {
     return container ? container : null;
   }
 
   var newContainerId = currentNode.getAttribute('data-rendered-container-id');
-  if (newContainerId) {
-    var nextNode = _SSRSafe.renderTarget.querySelector("[data-render-container-id~=\"" + newContainerId + "\"]");
+  if (newContainerId) {var _globalObject$documen5;
+    var nextNode = (_globalObject$documen5 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen5.querySelector("[data-render-container-id~=\"" + newContainerId + "\"]");
 
     if (!nextNode) {
       throw Error("Origin node for render container was not found");

package/cjs/lib/listenFocusOutside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["listenFocusOutside.ts"],"names":["handlers","addHandleEvent","renderTarget","body","addEventListener","isFirefox","handleNativeFocus","leading","trailing","capture","isBrowser","readyState","globalThat","event","target","srcElement","forEach","handler","elements","some","containsTargetOrRenderContainer","ReactDOM","unstable_batchedUpdates","callback","element","contains","container","findRenderContainer","node","rootNode","currentNode","parentNode","documentElement","Element","newContainerId","getAttribute","nextNode","querySelector","Error","listen","push","remove","index","indexOf","splice"],"mappings":"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","sourcesContent":["import ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\n\nimport { isBrowser, isFirefox } from './client';\nimport { globalThat, renderTarget } from './SSRSafe';\n\ninterface FocusOutsideEventHandler {\n  elements: Element[] | (() => Element[]);\n  callback: (event: Event) => void;\n}\n\nconst handlers: FocusOutsideEventHandler[] = [];\n\nfunction addHandleEvent() {\n  /**\n   * Firefox do not supports 'focusin' event.\n   * Focus events bubbles multiple time\n   * without possibilty to cancell bubbling.\n   * Using debounce to capture only first focus event\n   * Mozilla Firefix\n   *   ¯\\_(ツ)_/¯\n   */\n  renderTarget.body.addEventListener(\n    isFirefox ? 'focus' : ('focusin' as 'focus'),\n    isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,\n    { capture: true },\n  );\n}\n\nif (isBrowser) {\n  if (renderTarget.readyState === 'complete') {\n    addHandleEvent();\n  } else {\n    globalThat.addEventListener('load', addHandleEvent);\n  }\n}\n\nfunction handleNativeFocus(event: UIEvent) {\n  // FIXME: not safe casting\n  const target: Element = (event.target || event.srcElement) as Element;\n\n  handlers.forEach((handler) => {\n    let elements = handler.elements;\n    if (typeof elements === 'function') {\n      elements = elements();\n    }\n\n    if (elements.some(containsTargetOrRenderContainer(target))) {\n      return;\n    }\n    ReactDOM.unstable_batchedUpdates(() => handler.callback(event));\n  });\n}\n\nexport function containsTargetOrRenderContainer(target: Element) {\n  return (element: Element) => {\n    if (!element) {\n      return false;\n    }\n    if (element.contains(target)) {\n      return true;\n    }\n    const container = findRenderContainer(target, element);\n    return !!container && element.contains(container);\n  };\n}\n\n/**\n * Searches RenderContainer placed in \"rootNode\" for \"node\"\n */\nexport function findRenderContainer(node: Element, rootNode: Element, container?: Element): Element | null {\n  const currentNode = node.parentNode;\n  if (\n    !currentNode ||\n    node === rootNode ||\n    currentNode === rootNode ||\n    currentNode === renderTarget.body ||\n    currentNode === renderTarget.documentElement ||\n    !(currentNode instanceof Element)\n  ) {\n    return container ? container : null;\n  }\n\n  const newContainerId = currentNode.getAttribute('data-rendered-container-id');\n  if (newContainerId) {\n    const nextNode = renderTarget.querySelector(`[data-render-container-id~=\"${newContainerId}\"]`);\n\n    if (!nextNode) {\n      throw Error(`Origin node for render container was not found`);\n    }\n\n    return findRenderContainer(nextNode, rootNode, nextNode);\n  }\n\n  return findRenderContainer(currentNode, rootNode, container);\n}\n\nexport function listen(elements: Element[] | (() => Element[]), callback: (event: Event) => void) {\n  const handler = {\n    elements,\n    callback,\n  };\n  handlers.push(handler);\n\n  return {\n    remove() {\n      const index = handlers.indexOf(handler);\n      if (index > -1) {\n        handlers.splice(index, 1);\n      }\n    },\n  };\n}\n"]}
+{"version":3,"sources":["listenFocusOutside.ts"],"names":["handlers","addHandleEvent","document","body","addEventListener","isFirefox","handleNativeFocus","leading","trailing","capture","readyState","globalObject","event","target","srcElement","forEach","handler","elements","some","containsTargetOrRenderContainer","ReactDOM","unstable_batchedUpdates","callback","element","contains","container","findRenderContainer","node","rootNode","currentNode","parentNode","documentElement","Element","newContainerId","getAttribute","nextNode","querySelector","Error","listen","push","remove","index","indexOf","splice"],"mappings":"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","sourcesContent":["import ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isInstanceOf } from './isInstanceOf';\nimport { isFirefox } from './client';\n\ninterface FocusOutsideEventHandler {\n  elements: Element[] | (() => Element[]);\n  callback: (event: Event) => void;\n}\n\nconst handlers: FocusOutsideEventHandler[] = [];\n\nfunction addHandleEvent() {\n  /**\n   * Firefox do not supports 'focusin' event.\n   * Focus events bubbles multiple time\n   * without possibilty to cancell bubbling.\n   * Using debounce to capture only first focus event\n   * Mozilla Firefix\n   *   ¯\\_(ツ)_/¯\n   */\n  globalObject.document?.body.addEventListener(\n    isFirefox ? 'focus' : ('focusin' as 'focus'),\n    isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,\n    { capture: true },\n  );\n}\n\nif (globalObject.document?.readyState === 'complete') {\n  addHandleEvent();\n} else {\n  globalObject.addEventListener?.('load', addHandleEvent);\n}\n\nfunction handleNativeFocus(event: UIEvent) {\n  // FIXME: not safe casting\n  const target: Element = (event.target || event.srcElement) as Element;\n\n  handlers.forEach((handler) => {\n    let elements = handler.elements;\n    if (typeof elements === 'function') {\n      elements = elements();\n    }\n\n    if (elements.some(containsTargetOrRenderContainer(target))) {\n      return;\n    }\n    ReactDOM.unstable_batchedUpdates(() => handler.callback(event));\n  });\n}\n\nexport function containsTargetOrRenderContainer(target: Element) {\n  return (element: Element) => {\n    if (!element) {\n      return false;\n    }\n    if (element.contains(target)) {\n      return true;\n    }\n    const container = findRenderContainer(target, element);\n    return !!container && element.contains(container);\n  };\n}\n\n/**\n * Searches RenderContainer placed in \"rootNode\" for \"node\"\n */\nexport function findRenderContainer(node: Element, rootNode: Element, container?: Element): Element | null {\n  const currentNode = node.parentNode;\n  if (\n    !currentNode ||\n    node === rootNode ||\n    currentNode === rootNode ||\n    currentNode === globalObject.document?.body ||\n    currentNode === globalObject.document?.documentElement ||\n    !isInstanceOf(currentNode, globalObject.Element)\n  ) {\n    return container ? container : null;\n  }\n\n  const newContainerId = currentNode.getAttribute('data-rendered-container-id');\n  if (newContainerId) {\n    const nextNode = globalObject.document?.querySelector(`[data-render-container-id~=\"${newContainerId}\"]`);\n\n    if (!nextNode) {\n      throw Error(`Origin node for render container was not found`);\n    }\n\n    return findRenderContainer(nextNode, rootNode, nextNode);\n  }\n\n  return findRenderContainer(currentNode, rootNode, container);\n}\n\nexport function listen(elements: Element[] | (() => Element[]), callback: (event: Event) => void) {\n  const handler = {\n    elements,\n    callback,\n  };\n  handlers.push(handler);\n\n  return {\n    remove() {\n      const index = handlers.indexOf(handler);\n      if (index > -1) {\n        handlers.splice(index, 1);\n      }\n    },\n  };\n}\n"]}

package/cjs/lib/locale/LocaleContext.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.LocaleContext = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.LocaleContext = void 0;var _react = _interopRequireDefault(require("react"));
 
 
 var _constants = require("./constants");
@@ -13,4 +13,5 @@ var LocaleContext = /*#__PURE__*/_react.default.createContext({
   langCode: _constants.defaultLangCode });exports.LocaleContext = LocaleContext;
 
 
-LocaleContext.displayName = 'LocaleContext';
+LocaleContext.displayName = 'LocaleContext';
+LocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';

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

@@ -1 +1 @@
-{"version":3,"sources":["LocaleContext.ts"],"names":["LocaleContext","React","createContext","locale","langCode","defaultLangCode","displayName"],"mappings":"2JAAA;;;AAGA;;;;;;;AAOO,IAAMA,aAAa,gBAAGC,eAAMC,aAAN,CAAwC;AACnEC,EAAAA,MAAM,EAAE,EAD2D;AAEnEC,EAAAA,QAAQ,EAAEC,0BAFyD,EAAxC,CAAtB,C;;;AAKPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import React from 'react';\n\nimport { LangCodes, LocaleControls } from './types';\nimport { defaultLangCode } from './constants';\n\nexport interface LocaleContextProps {\n  locale?: LocaleControls;\n  langCode?: LangCodes;\n}\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({\n  locale: {},\n  langCode: defaultLangCode,\n});\n\nLocaleContext.displayName = 'LocaleContext';\n"]}
+{"version":3,"sources":["LocaleContext.ts"],"names":["LocaleContext","React","createContext","locale","langCode","defaultLangCode","displayName","__KONTUR_REACT_UI__"],"mappings":"mKAAA;;;AAGA;;;;;;;AAOO,IAAMA,aAAa,gBAAGC,eAAMC,aAAN,CAAwC;AACnEC,EAAAA,MAAM,EAAE,EAD2D;AAEnEC,EAAAA,QAAQ,EAAEC,0BAFyD,EAAxC,CAAtB,C;;;AAKPL,aAAa,CAACM,WAAd,GAA4B,eAA5B;AACAN,aAAa,CAACO,mBAAd,GAAoC,eAApC","sourcesContent":["import React from 'react';\n\nimport { LangCodes, LocaleControls } from './types';\nimport { defaultLangCode } from './constants';\n\nexport interface LocaleContextProps {\n  locale?: LocaleControls;\n  langCode?: LangCodes;\n}\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({\n  locale: {},\n  langCode: defaultLangCode,\n});\n\nLocaleContext.displayName = 'LocaleContext';\nLocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';\n"]}

package/cjs/lib/locale/decorators.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.locale = locale;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.locale = locale;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 
 var _constants = require("./constants");
 var _LocaleContext = require("./LocaleContext");

package/cjs/lib/locale/types.d.ts

@@ -1,3 +1,6 @@
+import { TokenLocale } from '../../components/Token/locale';
+import { SidePageLocale } from '../../components/SidePage/locale';
+import { PasswordInputLocale } from '../../components/PasswordInput/locale';
 import { ComboBoxLocale } from '../../internal/CustomComboBox/locale';
 import { DatePickerLocale } from '../../components/DatePicker/locale';
 import { PagingLocale } from '../../components/Paging/locale';
@@ -10,12 +13,15 @@ export interface LocaleControls {
     [key: string]: any;
     Spinner?: Partial<SpinnerLocale>;
     TokenInput?: Partial<TokenInputLocale>;
+    Token?: Partial<TokenLocale>;
     ComboBox?: Partial<ComboBoxLocale>;
     Select?: Partial<SelectLocale>;
     Paging?: Partial<PagingLocale>;
     DatePicker?: Partial<DatePickerLocale>;
     Calendar?: Partial<CalendarLocale>;
     FileUploader?: Partial<FileUploaderLocale>;
+    PasswordInput?: Partial<PasswordInputLocale>;
+    SidePage?: Partial<SidePageLocale>;
 }
 export declare enum LangCodes {
     ru_RU = "ru_RU",

package/cjs/lib/locale/types.js

@@ -13,6 +13,12 @@
 
 
 
+
+
+
+
+
+
 
 
 

package/cjs/lib/locale/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"names":["LangCodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBYA,S,0CAAAA,S,GAAAA,S,oBAAAA,S,uBAAAA,S,yBAAAA,S","sourcesContent":["import { ComboBoxLocale } from '../../internal/CustomComboBox/locale';\nimport { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { PagingLocale } from '../../components/Paging/locale';\nimport { SelectLocale } from '../../components/Select/locale';\nimport { SpinnerLocale } from '../../components/Spinner/locale';\nimport { TokenInputLocale } from '../../components/TokenInput/locale';\nimport { FileUploaderLocale } from '../../components/FileUploader/locale';\nimport { CalendarLocale } from '../../components/Calendar/locale/types';\n\nexport interface LocaleControls {\n  [key: string]: any;\n  Spinner?: Partial<SpinnerLocale>;\n  TokenInput?: Partial<TokenInputLocale>;\n  ComboBox?: Partial<ComboBoxLocale>;\n  Select?: Partial<SelectLocale>;\n  Paging?: Partial<PagingLocale>;\n  DatePicker?: Partial<DatePickerLocale>;\n  Calendar?: Partial<CalendarLocale>;\n  FileUploader?: Partial<FileUploaderLocale>;\n}\n\nexport enum LangCodes {\n  ru_RU = 'ru_RU',\n  en_GB = 'en_GB',\n}\n"]}
+{"version":3,"sources":["types.ts"],"names":["LangCodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BYA,S,0CAAAA,S,GAAAA,S,oBAAAA,S,uBAAAA,S,yBAAAA,S","sourcesContent":["import { TokenLocale } from '../../components/Token/locale';\nimport { SidePageLocale } from '../../components/SidePage/locale';\nimport { PasswordInputLocale } from '../../components/PasswordInput/locale';\nimport { ComboBoxLocale } from '../../internal/CustomComboBox/locale';\nimport { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { PagingLocale } from '../../components/Paging/locale';\nimport { SelectLocale } from '../../components/Select/locale';\nimport { SpinnerLocale } from '../../components/Spinner/locale';\nimport { TokenInputLocale } from '../../components/TokenInput/locale';\nimport { FileUploaderLocale } from '../../components/FileUploader/locale';\nimport { CalendarLocale } from '../../components/Calendar/locale/types';\n\nexport interface LocaleControls {\n  [key: string]: any;\n  Spinner?: Partial<SpinnerLocale>;\n  TokenInput?: Partial<TokenInputLocale>;\n  Token?: Partial<TokenLocale>;\n  ComboBox?: Partial<ComboBoxLocale>;\n  Select?: Partial<SelectLocale>;\n  Paging?: Partial<PagingLocale>;\n  DatePicker?: Partial<DatePickerLocale>;\n  Calendar?: Partial<CalendarLocale>;\n  FileUploader?: Partial<FileUploaderLocale>;\n  PasswordInput?: Partial<PasswordInputLocale>;\n  SidePage?: Partial<SidePageLocale>;\n}\n\nexport enum LangCodes {\n  ru_RU = 'ru_RU',\n  en_GB = 'en_GB',\n}\n"]}

package/cjs/lib/needsPolyfillPlaceholder.js

@@ -1,9 +1,10 @@
-"use strict";exports.__esModule = true;exports.needsPolyfillPlaceholder = void 0;var _SSRSafe = require("./SSRSafe");
+"use strict";exports.__esModule = true;exports.needsPolyfillPlaceholder = void 0;var _globalObject = require("@skbkontur/global-object");
+
 var _client = require("./client");
 
 var needsPolyfillPlaceholderInternal = function needsPolyfillPlaceholderInternal() {
-  if (_client.canUseDOM) {
-    var supportsPlaceholder = ('placeholder' in _SSRSafe.renderTarget.createElement('input'));
+  if (_globalObject.globalObject.document) {
+    var supportsPlaceholder = ('placeholder' in _globalObject.globalObject.document.createElement('input'));
     if (!supportsPlaceholder || _client.isIE11) {
       return true;
     }