@skbkontur/react-ui 0.0.0-1e20264c71 → 0.0.0-1fb0cccdc2

package/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md

@@ -0,0 +1,309 @@
+Включение и отключение отдельных фич через `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>
+```
+
+
+### popupUnifyPositioning
+
+Этот флаг делает одинаковым порядок выбора позиции Hint'ом и Tooltip'ом. Таким образом при одинаковых условиях Hint и Tooltip будут отрисовываться с одинаковой стороны с одинаковым выравниванием.
+Отличие Hint и Tooltip остается в том, что при изменении viewport открытый Tooltip остается на том месте, на котором он был отрисован, а Hint -- ищет более "выгодное" положение.
+
+```jsx harmony
+import { Hint, Button, Tooltip, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
+
+<ReactUIFeatureFlagsContext.Provider value={{ popupUnifyPositioning: true }}>
+  <Hint text={'Example!'} manual opened>
+    <Button use="success" size="medium" disabled>
+      Пригласить
+    </Button>
+  </Hint>
+
+  <Tooltip render={() => 'Example!'} trigger="opened">
+    <Button use="success" size="medium" disabled>
+      Пригласить
+    </Button>
+  </Tooltip>
+</ReactUIFeatureFlagsContext.Provider>
+```
+
+## Объект со всеми флагами
+
+Чтобы получить объект со всеми флагами, необходимо применить вспомогательную функцию getFullValidationsFlagsContext к объекту заданных флагов:
+
+```typescript static
+const allFlags = getFullValidationsFlagsContext(useContext(ReactUIFeatureFlagsContext));
+```

package/lib/featureFlagsContext/FeatureFlagsHelpers/FeatureFlagsHelpers.js

@@ -0,0 +1,5 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { reactUIFeatureFlagsDefault } from "../ReactUIFeatureFlagsContext";
+export var getFullReactUIFlagsContext = function getFullReactUIFlagsContext(flags) {
+  return _extends({}, reactUIFeatureFlagsDefault, flags);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FeatureFlagsHelpers.tsx"],"names":["reactUIFeatureFlagsDefault","getFullReactUIFlagsContext","flags"],"mappings":"0DAAA,SAASA,0BAAT,QAAgE,8BAAhE;;AAEA,OAAO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,KAAD,EAAgC;AACxE,sBAAYF,0BAAZ,EAA2CE,KAA3C;AACD,CAFM","sourcesContent":["import { reactUIFeatureFlagsDefault, ReactUIFeatureFlags } from './ReactUIFeatureFlagsContext';\n\nexport const getFullReactUIFlagsContext = (flags: ReactUIFeatureFlags) => {\n  return { ...reactUIFeatureFlagsDefault, ...flags };\n};\n"]}

package/lib/featureFlagsContext/FeatureFlagsHelpers/package.json

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

package/lib/featureFlagsContext/FeatureFlagsHelpers.d.ts

@@ -0,0 +1,13 @@
+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;
+    popupUnifyPositioning?: boolean | undefined;
+};

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js

@@ -0,0 +1,16 @@
+import React from 'react';
+export var reactUIFeatureFlagsDefault = {
+  tokenInputRemoveWhitespaceFromDefaultDelimiters: false,
+  kebabHintRemovePin: false,
+  sidePageEnableFocusLockWhenBackgroundBlocked: false,
+  spinnerLoaderRemoveDefaultCaption: false,
+  menuItemsAtAnyLevel: false,
+  textareaUseSafari17Workaround: false,
+  linkFocusOutline: false,
+  comboBoxAllowValueChangeInEditingState: false,
+  hintAddDynamicPositioning: false,
+  popupUnifyPositioning: false
+};
+export var ReactUIFeatureFlagsContext = /*#__PURE__*/React.createContext(reactUIFeatureFlagsDefault);
+ReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';
+ReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';

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

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

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/package.json

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

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts

@@ -0,0 +1,15 @@
+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;
+    popupUnifyPositioning?: boolean;
+}
+export declare const reactUIFeatureFlagsDefault: ReactUIFeatureFlags;
+export declare const ReactUIFeatureFlagsContext: React.Context<ReactUIFeatureFlags>;

package/lib/featureFlagsContext/index/index.js

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

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

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

package/lib/featureFlagsContext/index/package.json

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

package/lib/featureFlagsContext/index.d.ts

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

package/lib/featureFlagsContext/package.json

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

package/lib/filterProps/filterProps.js

@@ -0,0 +1,11 @@
+export function filterProps(props, allowed) {
+  var ret = {};
+
+  for (var key in props) {
+    if (allowed[key]) {
+      ret[key] = props[key];
+    }
+  }
+
+  return ret;
+}

package/lib/filterProps/filterProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["filterProps.ts"],"names":["filterProps","props","allowed","ret","key"],"mappings":";;;;;;AAMA,OAAO,SAASA,WAAT;;;;;;;AAOLC,KAPK,EAOSC,OAPT,EAOmC;AACxC,MAAMC,GAAG,GAAG,EAAZ;AACA,OAAK,IAAMC,GAAX,IAAkBH,KAAlB,EAAyB;AACvB,QAAIC,OAAO,CAACE,GAAD,CAAX,EAAkB;AAChBD,MAAAA,GAAG,CAACC,GAAD,CAAH,GAAWH,KAAK,CAACG,GAAD,CAAhB;AACD;AACF;AACD,SAAOD,GAAP;AACD","sourcesContent":["export type Filter<T, U> = T extends U ? T : never;\n\nexport type True<T> = { [K in keyof T]: T[K] extends true ? K : never }[keyof T];\n\nexport type AmbiguousBool<T> = { [K in keyof T]: T[K] extends false ? never : T[K] extends true ? never : K }[keyof T];\n\nexport function filterProps<\n  Props extends Record<string, any>,\n  Allowed extends Record<string, boolean>,\n  Specific extends Filter<keyof Props, True<Allowed>>,\n  // If value neither true nor false, it should be optional\n  Optional extends Filter<keyof Props, AmbiguousBool<Allowed>>,\n  Result extends { [P in Specific]: Props[P] } & { [Q in Optional]?: Props[Q] },\n>(props: Props, allowed: Allowed): Result {\n  const ret = {} as any;\n  for (const key in props) {\n    if (allowed[key]) {\n      ret[key] = props[key];\n    }\n  }\n  return ret;\n}\n"]}

package/lib/filterProps/package.json

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

package/lib/filterProps.d.ts

@@ -0,0 +1,12 @@
+export declare type Filter<T, U> = T extends U ? T : never;
+export declare type True<T> = {
+    [K in keyof T]: T[K] extends true ? K : never;
+}[keyof T];
+export declare type AmbiguousBool<T> = {
+    [K in keyof T]: T[K] extends false ? never : T[K] extends true ? never : K;
+}[keyof T];
+export declare function filterProps<Props extends Record<string, any>, Allowed extends Record<string, boolean>, Specific extends Filter<keyof Props, True<Allowed>>, Optional extends Filter<keyof Props, AmbiguousBool<Allowed>>, Result extends {
+    [P in Specific]: Props[P];
+} & {
+    [Q in Optional]?: Props[Q];
+}>(props: Props, allowed: Allowed): Result;

package/lib/forwardRefAndName/forwardRefAndName.js

@@ -0,0 +1,22 @@
+import { forwardRef } from 'react';
+
+function forwardName(name, render) {
+  render.displayName = name;
+  render.__KONTUR_REACT_UI__ = name;
+  return render;
+}
+
+export function forwardRefAndName(name, render) {
+  return forwardName(name, /*#__PURE__*/forwardRef(render));
+}
+
+function forwardIconName(name, render) {
+  render.displayName = name;
+  render.__KONTUR_REACT_UI__ = name;
+  render.__KONTUR_ICON__ = true;
+  return render;
+}
+
+export function forwardRefAndIconName(name, render) {
+  return forwardIconName(name, /*#__PURE__*/forwardRef(render));
+}

package/lib/forwardRefAndName/forwardRefAndName.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["forwardRefAndName.ts"],"names":["forwardRef","forwardName","name","render","displayName","__KONTUR_REACT_UI__","forwardRefAndName","forwardIconName","__KONTUR_ICON__","forwardRefAndIconName"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;;;;;;;;AAQA,SAASC,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;;AAED,OAAO,SAASG,iBAAT;AACLJ,IADK;AAELC,MAFK;AAGgD;AACrD,SAAOF,WAAW;AAChBC,EAAAA,IADgB;AAEhBF,EAAAA,UAAU,CAACG,MAAD,CAFM,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;;AAED,OAAO,SAASM,qBAAT;AACLP,IADK;AAELC,MAFK;AAGmC;AACxC,SAAOI,eAAe,CAAqBL,IAArB,eAA2BF,UAAU,CAACG,MAAD,CAArC,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/lib/forwardRefAndName/package.json

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

package/lib/forwardRefAndName.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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, 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;
+}
+export declare function forwardRefAndIconName<ElementType, Props>(name: string, render: React.ForwardRefRenderFunction<ElementType, Props>): ReactUIIconWithRef<ElementType, Props>;

package/lib/getDisplayName/getDisplayName.js

@@ -0,0 +1,3 @@
+export function getDisplayName(RC) {
+  return RC.displayName || RC.name || 'Anonymous';
+}

package/lib/getDisplayName/getDisplayName.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getDisplayName.ts"],"names":["getDisplayName","RC","displayName","name"],"mappings":";;;;AAIA,OAAO,SAASA,cAAT;AACLC,EADK;AAEG;AACR,SAAOA,EAAE,CAACC,WAAH,IAAkBD,EAAE,CAACE,IAArB,IAA6B,WAApC;AACD","sourcesContent":["import React from 'react';\n\nimport { ReactUIComponentWithRef } from './forwardRefAndName';\n\nexport function getDisplayName<P>(\n  RC: React.ComponentType<P> | React.FunctionComponent<P> | ReactUIComponentWithRef<any, P>,\n): string {\n  return RC.displayName || RC.name || 'Anonymous';\n}\n"]}

package/lib/getDisplayName/package.json

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

package/lib/getDisplayName.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ReactUIComponentWithRef } from './forwardRefAndName';
+export declare function getDisplayName<P>(RC: React.ComponentType<P> | React.FunctionComponent<P> | ReactUIComponentWithRef<any, P>): string;

package/lib/isInstanceOf/isInstanceOf.js

@@ -0,0 +1,3 @@
+export function isInstanceOf(instance, constructor) {
+  return !!constructor && instance instanceof constructor;
+}

package/lib/isInstanceOf/isInstanceOf.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["isInstanceOf.ts"],"names":["isInstanceOf","instance","constructor"],"mappings":"AAAA,OAAO,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/lib/isInstanceOf/package.json

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

package/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>;