@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

package/lib/theming/Emotion/Emotion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Emotion.ts"],"names":["createEmotion","extraScopePlugin","globalObject","createContext","useContext","Upgrade","REACT_UI_PREFIX","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","getEmotion","container","key","prepend","stylisPlugins","undefined","document","head","injectGlobal","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc","EmotionContext","EmotionConsumer","Consumer","EmotionProvider","Provider","useEmotion","displayName","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import createEmotion, { Emotion } from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\nimport { globalObject } from '@skbkontur/global-object';\nimport { createContext, useContext } from 'react';\n\nimport { Upgrade } from '../Upgrades';\nimport { AnyObject, FunctionWithParams } from '../utils';\n\nimport { Theme } from './Theme';\n\nexport const REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const getEmotion = (container?: HTMLElement | null, key?: string): Emotion =>\n  createEmotion({\n    key: key ?? REACT_UI_PREFIX,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n    container: container ?? globalObject.document?.head,\n  });\n\nexport const { injectGlobal, cache } = getEmotion();\n\nfunction isZeroArgs<R, T extends FunctionWithParams<R>>(fn: T | FunctionWithParams<R>): fn is () => R {\n  return fn.length === 0;\n}\n\nconst memoize = <A extends AnyObject, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn();\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) {\n      cache.set(arg, fn(arg));\n    }\n\n    return cache.get(arg);\n  };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n  styles: S,\n): S => {\n  Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n  return styles;\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n\nconst EmotionContext = createContext<Emotion>(getEmotion());\nexport const EmotionConsumer = EmotionContext.Consumer;\nexport const EmotionProvider = EmotionContext.Provider;\nexport const useEmotion = (): Emotion => useContext(EmotionContext);\n\nEmotionContext.displayName = 'EmotionContext';\nEmotionContext.__KONTUR_REACT_UI__ = 'EmotionContext';\n"]}
+{"version":3,"sources":["Emotion.ts"],"names":["createEmotion","extraScopePlugin","globalObject","Upgrade","REACT_UI_PREFIX","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","key","prepend","stylisPlugins","undefined","container","document","head","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc"],"mappings":"oFAAA,OAAOA,aAAP,MAA0B,8BAA1B;AACA,OAAOC,gBAAP,MAA6B,2BAA7B;AACA,SAASC,YAAT,QAA6B,0BAA7B;;AAEA,SAASC,OAAT,QAAwB,aAAxB;;;;;AAKA,IAAMC,eAAe,GAAGD,OAAO,CAACE,uBAAR,EAAxB;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUJ,OAAO,CAACK,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDL,eAAlD,EAAqEM,IAArE,CAA0E,EAA1E,CAAd;;AAEO;AACLV,aAAa,CAAC;AACZW,EAAAA,GAAG,EAAEP,eADO;AAEZQ,EAAAA,OAAO,EAAE,IAFG;AAGZC,EAAAA,aAAa,EAAEP,KAAK,GAAG,CAACL,gBAAgB,CAACK,KAAD,CAAjB,CAAH,GAA+BQ,SAHvC;AAIZC,EAAAA,SAAS,2BAAEb,YAAY,CAACc,QAAf,qBAAE,sBAAuBC,IAJtB,EAAD,CADR,CAAQC,KAAR,kBAAQA,KAAR,CAAeC,OAAf,kBAAeA,OAAf,CAAwBC,EAAxB,kBAAwBA,EAAxB,CAA4BC,KAA5B,kBAA4BA,KAA5B,CAAmCC,mBAAnC,kBAAmCA,mBAAnC,CAAwDC,YAAxD,kBAAwDA,YAAxD,CAAsEC,SAAtE,kBAAsEA,SAAtE,CAAiFC,GAAjF,kBAAiFA,GAAjF,CAAsFC,KAAtF,kBAAsFA,KAAtF,CAA6FC,KAA7F,kBAA6FA,KAA7F,C;;;AAQP,SAASC,UAAT,CAAwDC,EAAxD,EAAsG;AACpG,SAAOA,EAAE,CAACC,MAAH,KAAc,CAArB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAyBF,EAAzB,EAA0F;AACxG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMN,KAAK,GAAG,IAAIO,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACR,KAAK,CAACS,GAAN,CAAUD,GAAV,CAAL,EAAqB;AACnBR,MAAAA,KAAK,CAACU,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACD;;AAED,WAAOR,KAAK,CAACW,GAAN,CAAUH,GAAV,CAAP;AACD,GAND;AAOD,CArBD;;AAuBA,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAACC,SAAD,UAAgBJ,MAAM,CAACI,SAAD,CAAN,GAA+Bb,OAAO,CAACS,MAAM,CAACI,SAAD,CAAP,CAAtD,EAA5B;AACA,SAAOJ,MAAP;AACD,CALM;;AAOP,OAAO,IAAMK,MAAM;AACjB,SADWA,MACX,CAACC,SAAD,EAAoBC,GAApB,OAAoBA,GAApB,cAAoBA,GAApB,GAA0B3C,eAA1B;AACA,cAAmC4C,OAAnC;AACEP,QAAAA,MAAM,CAACC,IAAP,CAAYM,OAAZ,EAAqBC,MAArB,CAA4B,UAACC,GAAD,EAAMvC,GAAN,EAAc;AACxC,8BAAYuC,GAAZ,6BAAkBvC,GAAlB,IAA2BoC,GAA3B,SAAkCD,SAAlC,SAA+CE,OAAO,CAACrC,GAAD,CAAtD;AACD,SAFD,EAEG,EAFH,CADF,GADA,GADK","sourcesContent":["import createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Upgrade } from '../Upgrades';\nimport { AnyObject, FunctionWithParams } from '../utils';\n\nimport { Theme } from './Theme';\n\nconst REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache } =\n  createEmotion({\n    key: REACT_UI_PREFIX,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n    container: globalObject.document?.head,\n  });\n\nfunction isZeroArgs<R, T extends FunctionWithParams<R>>(fn: T | FunctionWithParams<R>): fn is () => R {\n  return fn.length === 0;\n}\n\nconst memoize = <A extends AnyObject, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn();\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) {\n      cache.set(arg, fn(arg));\n    }\n\n    return cache.get(arg);\n  };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n  styles: S,\n): S => {\n  Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n  return styles;\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n"]}

package/lib/theming/Emotion.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import { Emotion } from '@emotion/css/create-instance';
 import { Theme } from './Theme';
-export declare const REACT_UI_PREFIX: string;
-export declare const getEmotion: (container?: HTMLElement | null | undefined, key?: string | undefined) => Emotion;
-export declare const injectGlobal: {
+export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
     (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
     (...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
-}, cache: import("@emotion/css/create-instance").EmotionCache;
+}, keyframes: {
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+}, css: {
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/css/create-instance").EmotionCache;
 export declare const memoizeStyle: <S extends {
     [className: string]: (() => string) | ((t: Theme) => string);
 }>(styles: S) => S;
 export declare const prefix: (component: string, app?: string) => <T extends Record<string, string>>(classes: T) => T;
-export declare const EmotionConsumer: import("react").Consumer<Emotion>;
-export declare const EmotionProvider: import("react").Provider<Emotion>;
-export declare const useEmotion: () => Emotion;

package/lib/theming/ThemeContext/ThemeContext.js

@@ -1,7 +1,5 @@
 import React from 'react';
 import { DEFAULT_THEME } from "../themes/DefaultTheme";
 export var ThemeContext = /*#__PURE__*/React.createContext(DEFAULT_THEME);
-export var ThemeProvider = ThemeContext.Provider;
-export var ThemeConsumer = ThemeContext.Consumer;
 ThemeContext.displayName = 'ThemeContext';
 ThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';

package/lib/theming/ThemeContext/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeContext.ts"],"names":["React","DEFAULT_THEME","ThemeContext","createContext","ThemeProvider","Provider","ThemeConsumer","Consumer","displayName","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAN,CAAoBF,aAApB,CAArB;AACP,OAAO,IAAMG,aAAa,GAAGF,YAAY,CAACG,QAAnC;AACP,OAAO,IAAMC,aAAa,GAAGJ,YAAY,CAACK,QAAnC;;AAEPL,YAAY,CAACM,WAAb,GAA2B,cAA3B;AACAN,YAAY,CAACO,mBAAb,GAAmC,cAAnC","sourcesContent":["import React from 'react';\n\nimport { DEFAULT_THEME } from './themes/DefaultTheme';\n\nexport const ThemeContext = React.createContext(DEFAULT_THEME);\nexport const ThemeProvider = ThemeContext.Provider;\nexport const ThemeConsumer = ThemeContext.Consumer;\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"]}
+{"version":3,"sources":["ThemeContext.ts"],"names":["React","DEFAULT_THEME","ThemeContext","createContext","displayName","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAN,CAAoBF,aAApB,CAArB;;AAEPC,YAAY,CAACE,WAAb,GAA2B,cAA3B;AACAF,YAAY,CAACG,mBAAb,GAAmC,cAAnC","sourcesContent":["import React from 'react';\n\nimport { DEFAULT_THEME } from './themes/DefaultTheme';\n\nexport const ThemeContext = React.createContext(DEFAULT_THEME);\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"]}

package/lib/theming/ThemeContext.d.ts

@@ -1,4 +1,2 @@
 import React from 'react';
 export declare const ThemeContext: React.Context<Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>>;
-export declare const ThemeProvider: React.Provider<Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>>;
-export declare const ThemeConsumer: React.Consumer<Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>>;

package/lib/theming/useTheme/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTheme.ts"],"names":["useContext","ThemeContext","useTheme"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;;AAEA,SAASC,YAAT,QAA6B,gBAA7B;;AAEA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,WAAMF,UAAU,CAACC,YAAD,CAAhB,EAAjB","sourcesContent":["import { useContext } from 'react';\n\nimport { ThemeContext } from './ThemeContext';\n\nexport const useTheme = () => useContext(ThemeContext);\n"]}
+{"version":3,"sources":["useTheme.ts"],"names":["useContext","ThemeContext","useTheme"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;;AAEA,SAASC,YAAT,QAA6B,gBAA7B;;AAEA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,GAAM;AAC5B,SAAOF,UAAU,CAACC,YAAD,CAAjB;AACD,CAFM","sourcesContent":["import { useContext } from 'react';\n\nimport { ThemeContext } from './ThemeContext';\n\nexport const useTheme = () => {\n  return useContext(ThemeContext);\n};\n"]}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "0.0.0-95a1dbe516",
+  "version": "0.0.0-9cd4422b72",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/unstable/0.0.0-95a1dbe516/",
+  "homepage": "https://tech.skbkontur.ru/react-ui/unstable/0.0.0-9cd4422b72/",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"

package/typings/react-ref.d.ts

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

package/typings/utility-types.d.ts

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

package/cjs/internal/CommonWrapper/extractCommonProps.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["extractCommonProps.ts"],"names":["extractCommonProps","props","common","rest","prop","isCommonProp","indexOf"],"mappings":";;;AAGO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;AAChCC,KADgC;AAEoB;AACpD,MAAMC,MAAM,GAAG,EAAf;AACA,MAAMC,IAAI,GAAG,EAAb;;AAEA,OAAK,IAAMC,IAAX,IAAmBH,KAAnB,EAA0B;AACxB,QAAII,YAAY,CAACD,IAAD,CAAhB,EAA4D;AAC1D;AACAF,MAAAA,MAAM,CAACE,IAAD,CAAN,GAAeH,KAAK,CAACG,IAAD,CAApB;AACD,KAHD,MAGO;AACL;AACAD,MAAAA,IAAI,CAACC,IAAD,CAAJ,GAAaH,KAAK,CAACG,IAAD,CAAlB;AACD;AACF;;AAED,SAAO,CAACF,MAAD,EAASC,IAAT,CAAP;AACD,CAjBM,C;;AAmBP,IAAME,YAAY,GAAG,SAAfA,YAAe,CAACD,IAAD,EAA4C;AAC/D,UAAQ,IAAR;AACE,SAAKA,IAAI,KAAK,WAAd;AACA,SAAKA,IAAI,KAAK,OAAd;AACA,SAAKA,IAAI,KAAK,aAAd;AACA,SAAKA,IAAI,KAAK,UAAd;AACA,SAAKA,IAAI,CAACE,OAAL,CAAa,OAAb,MAA0B,CAA/B,EAAkC;AAChC,aAAO,IAAP;AACF;AACE,aAAO,KAAP,CARJ;;AAUD,CAXD","sourcesContent":["import type { NotCommonProps } from './types';\nimport type { CommonPropsWithRootNodeRef } from './CommonWrapper';\n\nexport const extractCommonProps = <P extends CommonPropsWithRootNodeRef>(\n  props: P,\n): [CommonPropsWithRootNodeRef, NotCommonProps<P>] => {\n  const common = {} as CommonPropsWithRootNodeRef;\n  const rest = {} as NotCommonProps<P>;\n\n  for (const prop in props) {\n    if (isCommonProp(prop as keyof CommonPropsWithRootNodeRef)) {\n      // @ts-expect-error: See: https://github.com/skbkontur/retail-ui/pull/2257#discussion_r565275843 and https://github.com/skbkontur/retail-ui/pull/2257#discussion_r569542736.\n      common[prop] = props[prop];\n    } else {\n      // @ts-expect-error: Read the comment above.\n      rest[prop] = props[prop];\n    }\n  }\n\n  return [common, rest];\n};\n\nconst isCommonProp = (prop: keyof CommonPropsWithRootNodeRef) => {\n  switch (true) {\n    case prop === 'className':\n    case prop === 'style':\n    case prop === 'rootNodeRef':\n    case prop === 'children':\n    case prop.indexOf('data-') === 0: // все data-атрибуты\n      return true;\n    default:\n      return false;\n  }\n};\n"]}

package/cjs/internal/CommonWrapper/getCommonVisualStateDataAttributes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["getCommonVisualStateDataAttributes.ts"],"names":["tryGetBoolean","value","undefined","getCommonVisualStateDataAttributes","componentProps","error","warning"],"mappings":"uHAAA;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,UAA0C,OAAOA,KAAP,KAAiB,SAAjB,GAA6BA,KAA7B,GAAqCC,SAA/E,EAAtB;;AAEO,SAASC,kCAAT;AACLC,cADK;AAEgC;AACrC,SAAO,gEAA6B;AAClCC,IAAAA,KAAK,EAAEL,aAAa,CAACI,cAAc,CAAC,OAAD,CAAf,CADc;AAElCE,IAAAA,OAAO,EAAEN,aAAa,CAACI,cAAc,CAAC,SAAD,CAAf,CAFY,EAA7B,CAAP;;AAID","sourcesContent":["import { getVisualStateDataAttributes, VisualStateDataAttributesResultType } from './getVisualStateDataAttributes';\n\nconst tryGetBoolean = (value: unknown): boolean | undefined => (typeof value === 'boolean' ? value : undefined);\n\nexport function getCommonVisualStateDataAttributes(\n  componentProps: Record<string, unknown>,\n): VisualStateDataAttributesResultType {\n  return getVisualStateDataAttributes({\n    error: tryGetBoolean(componentProps['error']),\n    warning: tryGetBoolean(componentProps['warning']),\n  });\n}\n"]}

package/cjs/internal/CommonWrapper/getVisualStateDataAttributes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["getVisualStateDataAttributes.ts"],"names":["prefix","fillResult","result","key","value","undefined","String","getVisualStateDataAttributes","attributes","Object","entries","reduce","previousValue","currentValue"],"mappings":"2GAAA;;;;;AAKA,IAAMA,MAAM,uBAAZ;;AAEA,SAASC,UAAT,CAAoBC,MAApB,EAAiEC,GAAjE,EAA8EC,KAA9E,EAA8F;AAC5F,MAAIA,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAKC,SAAhC,EAA2C;AACzCH,IAAAA,MAAM,MAAIF,MAAJ,GAAa,8BAAYG,GAAZ,CAAb,CAAN,GAAyCG,MAAM,CAACF,KAAD,CAA/C;AACD;;AAED,SAAOF,MAAP;AACD;;AAEM,SAASK,4BAAT;AACLC,UADK;AAEgC;AACrC,SAAOC,MAAM,CAACC,OAAP,CAAeF,UAAf,EAA2BG,MAA3B;AACL,YAACC,aAAD,EAAgBC,YAAhB,UAAiCZ,UAAU,CAACW,aAAD,EAAgBC,YAAY,CAAC,CAAD,CAA5B,EAAiCA,YAAY,CAAC,CAAD,CAA7C,CAA3C,EADK;AAEL,IAFK,CAAP;;AAID","sourcesContent":["import { toKebabCase } from '../../lib/toKebabCase';\nimport type { Nullable } from '../../typings/utility-types';\n\nexport type VisualStateDataAttributesResultType = Record<string, string>;\n\nconst prefix = `data-visual-state-`;\n\nfunction fillResult(result: VisualStateDataAttributesResultType, key: string, value: unknown) {\n  if (value !== null && value !== undefined) {\n    result[`${prefix}${toKebabCase(key)}`] = String(value);\n  }\n\n  return result;\n}\n\nexport function getVisualStateDataAttributes<T extends Record<string, Nullable<boolean>>>(\n  attributes: T,\n): VisualStateDataAttributesResultType {\n  return Object.entries(attributes).reduce(\n    (previousValue, currentValue) => fillResult(previousValue, currentValue[0], currentValue[1]),\n    {},\n  );\n}\n"]}

package/cjs/lib/theming/StyleContainer.d.ts

@@ -1,4 +0,0 @@
-import { ReactNode } from 'react';
-export declare const StyleContainer: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;

package/cjs/lib/theming/StyleContainer.js

@@ -1,21 +0,0 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.StyleContainer = void 0;var _react = _interopRequireWildcard(require("react"));
-
-
-var _Emotion = require("./Emotion");
-
-var StyleContainer = function StyleContainer(_ref) {var children = _ref.children;
-  var _useState = (0, _react.useState)(),emotion = _useState[0],setEmotion = _useState[1];
-
-  function setRef(el) {
-    if (!emotion) {
-      setEmotion((0, _Emotion.getEmotion)(el));
-    }
-  }
-
-  return /*#__PURE__*/(
-    _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-    _react.default.createElement("div", { ref: setRef }),
-    emotion && /*#__PURE__*/_react.default.createElement(_Emotion.EmotionProvider, { value: emotion }, children)));
-
-
-};exports.StyleContainer = StyleContainer;

package/cjs/lib/theming/StyleContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["StyleContainer.tsx"],"names":["StyleContainer","children","emotion","setEmotion","setRef","el"],"mappings":"sKAAA;;;AAGA;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAA2C,KAAxCC,QAAwC,QAAxCA,QAAwC;AACvE,kBAA8B,sBAA9B,CAAOC,OAAP,gBAAgBC,UAAhB;;AAEA,WAASC,MAAT,CAAgBC,EAAhB,EAAoC;AAClC,QAAI,CAACH,OAAL,EAAc;AACZC,MAAAA,UAAU,CAAC,yBAAWE,EAAX,CAAD,CAAV;AACD;AACF;;AAED;AACE;AACE,0CAAK,GAAG,EAAED,MAAV,GADF;AAEGF,IAAAA,OAAO,iBAAI,6BAAC,wBAAD,IAAiB,KAAK,EAAEA,OAAxB,IAAkCD,QAAlC,CAFd,CADF;;;AAMD,CAfM,C","sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { EmotionProvider, getEmotion } from './Emotion';\n\nexport const StyleContainer = ({ children }: { children: ReactNode }) => {\n  const [emotion, setEmotion] = useState<Emotion>();\n\n  function setRef(el: HTMLDivElement) {\n    if (!emotion) {\n      setEmotion(getEmotion(el));\n    }\n  }\n\n  return (\n    <>\n      <div ref={setRef} />\n      {emotion && <EmotionProvider value={emotion}>{children}</EmotionProvider>}\n    </>\n  );\n};\n"]}

package/internal/CommonWrapper/extractCommonProps/extractCommonProps.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["extractCommonProps.ts"],"names":["extractCommonProps","props","common","rest","prop","isCommonProp","indexOf"],"mappings":";;;AAGA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;AAChCC,KADgC;AAEoB;AACpD,MAAMC,MAAM,GAAG,EAAf;AACA,MAAMC,IAAI,GAAG,EAAb;;AAEA,OAAK,IAAMC,IAAX,IAAmBH,KAAnB,EAA0B;AACxB,QAAII,YAAY,CAACD,IAAD,CAAhB,EAA4D;AAC1D;AACAF,MAAAA,MAAM,CAACE,IAAD,CAAN,GAAeH,KAAK,CAACG,IAAD,CAApB;AACD,KAHD,MAGO;AACL;AACAD,MAAAA,IAAI,CAACC,IAAD,CAAJ,GAAaH,KAAK,CAACG,IAAD,CAAlB;AACD;AACF;;AAED,SAAO,CAACF,MAAD,EAASC,IAAT,CAAP;AACD,CAjBM;;AAmBP,IAAME,YAAY,GAAG,SAAfA,YAAe,CAACD,IAAD,EAA4C;AAC/D,UAAQ,IAAR;AACE,SAAKA,IAAI,KAAK,WAAd;AACA,SAAKA,IAAI,KAAK,OAAd;AACA,SAAKA,IAAI,KAAK,aAAd;AACA,SAAKA,IAAI,KAAK,UAAd;AACA,SAAKA,IAAI,CAACE,OAAL,CAAa,OAAb,MAA0B,CAA/B,EAAkC;AAChC,aAAO,IAAP;AACF;AACE,aAAO,KAAP,CARJ;;AAUD,CAXD","sourcesContent":["import type { NotCommonProps } from './types';\nimport type { CommonPropsWithRootNodeRef } from './CommonWrapper';\n\nexport const extractCommonProps = <P extends CommonPropsWithRootNodeRef>(\n  props: P,\n): [CommonPropsWithRootNodeRef, NotCommonProps<P>] => {\n  const common = {} as CommonPropsWithRootNodeRef;\n  const rest = {} as NotCommonProps<P>;\n\n  for (const prop in props) {\n    if (isCommonProp(prop as keyof CommonPropsWithRootNodeRef)) {\n      // @ts-expect-error: See: https://github.com/skbkontur/retail-ui/pull/2257#discussion_r565275843 and https://github.com/skbkontur/retail-ui/pull/2257#discussion_r569542736.\n      common[prop] = props[prop];\n    } else {\n      // @ts-expect-error: Read the comment above.\n      rest[prop] = props[prop];\n    }\n  }\n\n  return [common, rest];\n};\n\nconst isCommonProp = (prop: keyof CommonPropsWithRootNodeRef) => {\n  switch (true) {\n    case prop === 'className':\n    case prop === 'style':\n    case prop === 'rootNodeRef':\n    case prop === 'children':\n    case prop.indexOf('data-') === 0: // все data-атрибуты\n      return true;\n    default:\n      return false;\n  }\n};\n"]}

package/internal/CommonWrapper/getCommonVisualStateDataAttributes/getCommonVisualStateDataAttributes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["getCommonVisualStateDataAttributes.ts"],"names":["getVisualStateDataAttributes","tryGetBoolean","value","undefined","getCommonVisualStateDataAttributes","componentProps","error","warning"],"mappings":"AAAA,SAASA,4BAAT,QAAkF,gCAAlF;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,UAA0C,OAAOA,KAAP,KAAiB,SAAjB,GAA6BA,KAA7B,GAAqCC,SAA/E,EAAtB;;AAEA,OAAO,SAASC,kCAAT;AACLC,cADK;AAEgC;AACrC,SAAOL,4BAA4B,CAAC;AAClCM,IAAAA,KAAK,EAAEL,aAAa,CAACI,cAAc,CAAC,OAAD,CAAf,CADc;AAElCE,IAAAA,OAAO,EAAEN,aAAa,CAACI,cAAc,CAAC,SAAD,CAAf,CAFY,EAAD,CAAnC;;AAID","sourcesContent":["import { getVisualStateDataAttributes, VisualStateDataAttributesResultType } from './getVisualStateDataAttributes';\n\nconst tryGetBoolean = (value: unknown): boolean | undefined => (typeof value === 'boolean' ? value : undefined);\n\nexport function getCommonVisualStateDataAttributes(\n  componentProps: Record<string, unknown>,\n): VisualStateDataAttributesResultType {\n  return getVisualStateDataAttributes({\n    error: tryGetBoolean(componentProps['error']),\n    warning: tryGetBoolean(componentProps['warning']),\n  });\n}\n"]}

package/internal/CommonWrapper/getVisualStateDataAttributes/getVisualStateDataAttributes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["getVisualStateDataAttributes.ts"],"names":["toKebabCase","prefix","fillResult","result","key","value","undefined","String","getVisualStateDataAttributes","attributes","Object","entries","reduce","previousValue","currentValue"],"mappings":"AAAA,SAASA,WAAT,QAA4B,uBAA5B;;;;;AAKA,IAAMC,MAAM,uBAAZ;;AAEA,SAASC,UAAT,CAAoBC,MAApB,EAAiEC,GAAjE,EAA8EC,KAA9E,EAA8F;AAC5F,MAAIA,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAKC,SAAhC,EAA2C;AACzCH,IAAAA,MAAM,MAAIF,MAAJ,GAAaD,WAAW,CAACI,GAAD,CAAxB,CAAN,GAAyCG,MAAM,CAACF,KAAD,CAA/C;AACD;;AAED,SAAOF,MAAP;AACD;;AAED,OAAO,SAASK,4BAAT;AACLC,UADK;AAEgC;AACrC,SAAOC,MAAM,CAACC,OAAP,CAAeF,UAAf,EAA2BG,MAA3B;AACL,YAACC,aAAD,EAAgBC,YAAhB,UAAiCZ,UAAU,CAACW,aAAD,EAAgBC,YAAY,CAAC,CAAD,CAA5B,EAAiCA,YAAY,CAAC,CAAD,CAA7C,CAA3C,EADK;AAEL,IAFK,CAAP;;AAID","sourcesContent":["import { toKebabCase } from '../../lib/toKebabCase';\nimport type { Nullable } from '../../typings/utility-types';\n\nexport type VisualStateDataAttributesResultType = Record<string, string>;\n\nconst prefix = `data-visual-state-`;\n\nfunction fillResult(result: VisualStateDataAttributesResultType, key: string, value: unknown) {\n  if (value !== null && value !== undefined) {\n    result[`${prefix}${toKebabCase(key)}`] = String(value);\n  }\n\n  return result;\n}\n\nexport function getVisualStateDataAttributes<T extends Record<string, Nullable<boolean>>>(\n  attributes: T,\n): VisualStateDataAttributesResultType {\n  return Object.entries(attributes).reduce(\n    (previousValue, currentValue) => fillResult(previousValue, currentValue[0], currentValue[1]),\n    {},\n  );\n}\n"]}

package/lib/theming/StyleContainer/StyleContainer.js

@@ -1,21 +0,0 @@
-import React, { useState } from 'react';
-import { EmotionProvider, getEmotion } from "../Emotion";
-export var StyleContainer = function StyleContainer(_ref) {
-  var children = _ref.children;
-
-  var _useState = useState(),
-      emotion = _useState[0],
-      setEmotion = _useState[1];
-
-  function setRef(el) {
-    if (!emotion) {
-      setEmotion(getEmotion(el));
-    }
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    ref: setRef
-  }), emotion && /*#__PURE__*/React.createElement(EmotionProvider, {
-    value: emotion
-  }, children));
-};

package/lib/theming/StyleContainer/StyleContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["StyleContainer.tsx"],"names":["React","useState","EmotionProvider","getEmotion","StyleContainer","children","emotion","setEmotion","setRef","el"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,QAA3B,QAA2C,OAA3C;;;AAGA,SAASC,eAAT,EAA0BC,UAA1B,QAA4C,WAA5C;;AAEA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAA2C,KAAxCC,QAAwC,QAAxCA,QAAwC;AACvE,kBAA8BJ,QAAQ,EAAtC,CAAOK,OAAP,gBAAgBC,UAAhB;;AAEA,WAASC,MAAT,CAAgBC,EAAhB,EAAoC;AAClC,QAAI,CAACH,OAAL,EAAc;AACZC,MAAAA,UAAU,CAACJ,UAAU,CAACM,EAAD,CAAX,CAAV;AACD;AACF;;AAED;AACE;AACE,iCAAK,GAAG,EAAED,MAAV,GADF;AAEGF,IAAAA,OAAO,iBAAI,oBAAC,eAAD,IAAiB,KAAK,EAAEA,OAAxB,IAAkCD,QAAlC,CAFd,CADF;;;AAMD,CAfM","sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { EmotionProvider, getEmotion } from './Emotion';\n\nexport const StyleContainer = ({ children }: { children: ReactNode }) => {\n  const [emotion, setEmotion] = useState<Emotion>();\n\n  function setRef(el: HTMLDivElement) {\n    if (!emotion) {\n      setEmotion(getEmotion(el));\n    }\n  }\n\n  return (\n    <>\n      <div ref={setRef} />\n      {emotion && <EmotionProvider value={emotion}>{children}</EmotionProvider>}\n    </>\n  );\n};\n"]}

package/lib/theming/StyleContainer/package.json

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

package/lib/theming/StyleContainer.d.ts

@@ -1,4 +0,0 @@
-import { ReactNode } from 'react';
-export declare const StyleContainer: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;