@skbkontur/react-ui 0.0.0-aaf2aabecb → 0.0.0-b08da15166

package/cjs/lib/withClassWrapper.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import { ReactUIComponentWithRef } from './forwardRefAndName';
+/**
+ * HOC for moving from Class to Functional components.
+ *
+ * Used to remove distinctions between Class and Functional refs.
+ *
+ * @param RFC Functional component wrapped in forwardRefAndName.
+ * @returns Class component that wraps Functional component.
+ */
+export declare function withClassWrapper<T, P>(RFC: ReactUIComponentWithRef<T, P>): {
+    new (props: P | Readonly<P>): {
+        instancePropertiesRef: React.RefObject<T>;
+        componentDidMount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<P> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: P, context: any): {
+        instancePropertiesRef: React.RefObject<T>;
+        componentDidMount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<P> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    __KONTUR_REACT_UI__: string;
+    displayName: string;
+    FC: ReactUIComponentWithRef<T, P>;
+    contextType?: React.Context<any> | undefined;
+};
+export interface InstanceRefType<T> {
+    instanceRef: React.MutableRefObject<T>;
+}

package/cjs/lib/withClassWrapper.js

@@ -0,0 +1,59 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.withClassWrapper = withClassWrapper;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+
+var _getDisplayName = require("./getDisplayName");
+
+var removePostfix = function removePostfix(word, postfixRegex) {
+  var regexContent = postfixRegex.source.replace(/\$$/, '');
+
+  var isCorrectPostfix = postfixRegex.test(word);
+  if (!isCorrectPostfix) {
+    throw new Error("Component's displayName property must end with '" +
+    regexContent + "' in order to be wrapped in withClassWrapper HOC");
+
+  }
+
+  return word.replace(postfixRegex, '');
+};
+
+/**
+ * HOC for moving from Class to Functional components.
+ *
+ * Used to remove distinctions between Class and Functional refs.
+ *
+ * @param RFC Functional component wrapped in forwardRefAndName.
+ * @returns Class component that wraps Functional component.
+ */
+function withClassWrapper(RFC) {var _class, _temp;
+  var fullName = (0, _getDisplayName.getDisplayName)(RFC);
+  var nameWithoutPostfix = removePostfix(fullName, /FC$/);
+
+  return _temp = _class = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ClassWrapper, _React$Component);function ClassWrapper() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+      instancePropertiesRef = /*#__PURE__*/_react.default.createRef();return _this;}var _proto = ClassWrapper.prototype;_proto.
+
+    componentDidMount = function componentDidMount() {
+      if (this.instancePropertiesRef.current) {
+        Object.defineProperties(this, Object.getOwnPropertyDescriptors(this.instancePropertiesRef.current));
+      }
+    };_proto.
+
+
+
+
+
+
+    render = function render() {
+      return /*#__PURE__*/ (
+        // TypeScript is not able to understand
+        // that both types (class one and functional one)
+        // have ref at the build stage.
+        // @ts-ignore
+        _react.default.createElement(ClassWrapper.FC, (0, _extends2.default)({
+          // Returns methods defined in useImperativeHandle.
+          instanceRef: this.instancePropertiesRef },
+        this.props)));
+
+
+    };return ClassWrapper;}(_react.default.Component), _class.__KONTUR_REACT_UI__ = nameWithoutPostfix, _class.displayName = nameWithoutPostfix, _class.FC = RFC, _temp;
+
+}

package/cjs/lib/withClassWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["withClassWrapper.tsx"],"names":["removePostfix","word","postfixRegex","regexContent","source","replace","isCorrectPostfix","test","Error","withClassWrapper","RFC","fullName","nameWithoutPostfix","instancePropertiesRef","React","createRef","componentDidMount","current","Object","defineProperties","getOwnPropertyDescriptors","render","props","Component","__KONTUR_REACT_UI__","displayName","FC"],"mappings":"wVAAA;;;AAGA;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,EAAeC,YAAf,EAAwC;AAC5D,MAAMC,YAAY,GAAGD,YAAY,CAACE,MAAb,CAAoBC,OAApB,CAA4B,KAA5B,EAAmC,EAAnC,CAArB;;AAEA,MAAMC,gBAAgB,GAAGJ,YAAY,CAACK,IAAb,CAAkBN,IAAlB,CAAzB;AACA,MAAI,CAACK,gBAAL,EAAuB;AACrB,UAAM,IAAIE,KAAJ;AAC+CL,IAAAA,YAD/C,sDAAN;;AAGD;;AAED,SAAOF,IAAI,CAACI,OAAL,CAAaH,YAAb,EAA2B,EAA3B,CAAP;AACD,CAXD;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,gBAAT,CAAgCC,GAAhC,EAAoE;AACzE,MAAMC,QAAQ,GAAG,oCAAeD,GAAf,CAAjB;AACA,MAAME,kBAAkB,GAAGZ,aAAa,CAACW,QAAD,EAAW,KAAX,CAAxC;;AAEA;AACSE,MAAAA,qBADT,gBACiCC,eAAMC,SAAN,EADjC;;AAGEC,IAAAA,iBAHF,GAGE,6BAAoB;AAClB,UAAI,KAAKH,qBAAL,CAA2BI,OAA/B,EAAwC;AACtCC,QAAAA,MAAM,CAACC,gBAAP,CAAwB,IAAxB,EAA8BD,MAAM,CAACE,yBAAP,CAAiC,KAAKP,qBAAL,CAA2BI,OAA5D,CAA9B;AACD;AACF,KAPH;;;;;;;AAcEI,IAAAA,MAdF,GAcE,kBAAS;AACP;AACE;AACA;AACA;AACA;AACA,qCAAC,YAAD,CAAc,EAAd;AACE;AACA,UAAA,WAAW,EAAE,KAAKR,qBAFpB;AAGM,aAAKS,KAHX,EALF;;;AAWD,KA1BH,uBAAkCR,eAAMS,SAAxC,UASgBC,mBAThB,GASsCZ,kBATtC,SAUgBa,WAVhB,GAU8Bb,kBAV9B,SAYgBc,EAZhB,GAYqBhB,GAZrB;;AA4BD","sourcesContent":["import React from 'react';\n\nimport { ReactUIComponentWithRef } from './forwardRefAndName';\nimport { getDisplayName } from './getDisplayName';\n\nconst removePostfix = (word: string, postfixRegex: RegExp) => {\n  const regexContent = postfixRegex.source.replace(/\\$$/, '');\n\n  const isCorrectPostfix = postfixRegex.test(word);\n  if (!isCorrectPostfix) {\n    throw new Error(\n      `Component's displayName property must end with '${regexContent}' in order to be wrapped in withClassWrapper HOC`,\n    );\n  }\n\n  return word.replace(postfixRegex, '');\n};\n\n/**\n * HOC for moving from Class to Functional components.\n *\n * Used to remove distinctions between Class and Functional refs.\n *\n * @param RFC Functional component wrapped in forwardRefAndName.\n * @returns Class component that wraps Functional component.\n */\nexport function withClassWrapper<T, P>(RFC: ReactUIComponentWithRef<T, P>) {\n  const fullName = getDisplayName(RFC);\n  const nameWithoutPostfix = removePostfix(fullName, /FC$/);\n\n  return class ClassWrapper extends React.Component<P> {\n    public instancePropertiesRef = React.createRef<T>();\n\n    componentDidMount() {\n      if (this.instancePropertiesRef.current) {\n        Object.defineProperties(this, Object.getOwnPropertyDescriptors(this.instancePropertiesRef.current));\n      }\n    }\n\n    public static __KONTUR_REACT_UI__ = nameWithoutPostfix;\n    public static displayName = nameWithoutPostfix;\n\n    public static FC = RFC;\n\n    render() {\n      return (\n        // TypeScript is not able to understand\n        // that both types (class one and functional one)\n        // have ref at the build stage.\n        // @ts-ignore\n        <ClassWrapper.FC\n          // Returns methods defined in useImperativeHandle.\n          instanceRef={this.instancePropertiesRef}\n          {...this.props}\n        />\n      );\n    }\n  };\n}\n\nexport interface InstanceRefType<T> {\n  instanceRef: React.MutableRefObject<T>;\n}\n"]}

package/cjs/typings/console.d.ts

@@ -1,3 +1,3 @@
-declare module 'console' {
-  export = typeof import('console');
-}
+declare module 'console' {
+  export = typeof import('console');
+}

package/cjs/typings/event-types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-
-export type MouseEventType<T extends HTMLElement = HTMLElement> = React.MouseEvent<T> | MouseEvent;
-export type FocusEventType<T extends HTMLElement = HTMLElement> = React.FocusEvent<T> | FocusEvent;
+import React from 'react';
+
+export type MouseEventType<T extends HTMLElement = HTMLElement> = React.MouseEvent<T> | MouseEvent;
+export type FocusEventType<T extends HTMLElement = HTMLElement> = React.FocusEvent<T> | FocusEvent;

package/cjs/typings/fonts.d.ts

@@ -1,12 +1,12 @@
-declare module '*.eot' {
-  const font: string;
-  export = font;
-}
-declare module '*.woff' {
-  const font: string;
-  export = font;
-}
-declare module '*.woff2' {
-  const font: string;
-  export = font;
-}
+declare module '*.eot' {
+  const font: string;
+  export = font;
+}
+declare module '*.woff' {
+  const font: string;
+  export = font;
+}
+declare module '*.woff2' {
+  const font: string;
+  export = font;
+}

package/cjs/typings/global.d.ts

@@ -1,6 +1,6 @@
-declare interface Window {
-  jQuery: any;
-  RetailUIVerticalScrollCounter: number;
-  ReactTesting: any;
-  __RetailUiZIndexes: number[];
-}
+declare interface Window {
+  RetailUIVerticalScrollCounter: number;
+  ReactTesting: any;
+}
+
+declare var __RetailUiZIndexes: number[];

package/cjs/typings/html-props.d.ts

@@ -0,0 +1,123 @@
+import React from 'react';
+
+export type HTMLProps = {
+  a: React.AnchorHTMLAttributes<HTMLAnchorElement>;
+  abbr: React.HTMLAttributes<HTMLElement>;
+  div: React.HTMLAttributes<HTMLDivElement>;
+  address: React.HTMLAttributes<HTMLElement>;
+  area: React.AreaHTMLAttributes<HTMLAreaElement>;
+  article: React.HTMLAttributes<HTMLElement>;
+  aside: React.HTMLAttributes<HTMLElement>;
+  audio: React.AudioHTMLAttributes<HTMLAudioElement>;
+  b: React.HTMLAttributes<HTMLElement>;
+  base: React.BaseHTMLAttributes<HTMLBaseElement>;
+  bdi: React.HTMLAttributes<HTMLElement>;
+  bdo: React.HTMLAttributes<HTMLElement>;
+  big: React.HTMLAttributes<HTMLElement>;
+  blockquote: React.BlockquoteHTMLAttributes<HTMLElement>;
+  body: React.HTMLAttributes<HTMLBodyElement>;
+  br: React.HTMLAttributes<HTMLBRElement>;
+  button: React.ButtonHTMLAttributes<HTMLButtonElement>;
+  canvas: React.CanvasHTMLAttributes<HTMLCanvasElement>;
+  caption: React.HTMLAttributes<HTMLElement>;
+  cite: React.HTMLAttributes<HTMLElement>;
+  code: React.HTMLAttributes<HTMLElement>;
+  col: React.ColHTMLAttributes<HTMLTableColElement>;
+  colgroup: React.ColgroupHTMLAttributes<HTMLTableColElement>;
+  data: React.DataHTMLAttributes<HTMLDataElement>;
+  datalist: React.HTMLAttributes<HTMLDataListElement>;
+  dd: React.HTMLAttributes<HTMLElement>;
+  del: React.DelHTMLAttributes<HTMLElement>;
+  details: React.DetailsHTMLAttributes<HTMLElement>;
+  dfn: React.HTMLAttributes<HTMLElement>;
+  dialog: React.DialogHTMLAttributes<HTMLDialogElement>;
+  div: React.HTMLAttributes<HTMLDivElement>;
+  dl: React.HTMLAttributes<HTMLDListElement>;
+  dt: React.HTMLAttributes<HTMLElement>;
+  em: React.HTMLAttributes<HTMLElement>;
+  embed: React.EmbedHTMLAttributes<HTMLEmbedElement>;
+  fieldset: React.FieldsetHTMLAttributes<HTMLFieldSetElement>;
+  figcaption: React.HTMLAttributes<HTMLElement>;
+  figure: React.HTMLAttributes<HTMLElement>;
+  footer: React.HTMLAttributes<HTMLElement>;
+  form: React.FormHTMLAttributes<HTMLFormElement>;
+  h1: React.HTMLAttributes<HTMLHeadingElement>;
+  h2: React.HTMLAttributes<HTMLHeadingElement>;
+  h3: React.HTMLAttributes<HTMLHeadingElement>;
+  h4: React.HTMLAttributes<HTMLHeadingElement>;
+  h5: React.HTMLAttributes<HTMLHeadingElement>;
+  h6: React.HTMLAttributes<HTMLHeadingElement>;
+  head: React.HTMLAttributes<HTMLHeadElement>;
+  header: React.HTMLAttributes<HTMLElement>;
+  hgroup: React.HTMLAttributes<HTMLElement>;
+  hr: React.HTMLAttributes<HTMLHRElement>;
+  html: React.HtmlHTMLAttributes<HTMLHtmlElement>;
+  i: React.HTMLAttributes<HTMLElement>;
+  iframe: React.IframeHTMLAttributes<HTMLIFrameElement>;
+  img: React.ImgHTMLAttributes<HTMLImageElement>;
+  input: React.InputHTMLAttributes<HTMLInputElement>;
+  ins: React.InsHTMLAttributes<HTMLModElement>;
+  kbd: React.HTMLAttributes<HTMLElement>;
+  keygen: React.KeygenHTMLAttributes<HTMLElement>;
+  label: React.LabelHTMLAttributes<HTMLLabelElement>;
+  legend: React.HTMLAttributes<HTMLLegendElement>;
+  li: React.LiHTMLAttributes<HTMLLIElement>;
+  link: React.LinkHTMLAttributes<HTMLLinkElement>;
+  main: React.HTMLAttributes<HTMLElement>;
+  map: React.MapHTMLAttributes<HTMLMapElement>;
+  mark: React.HTMLAttributes<HTMLElement>;
+  menu: React.MenuHTMLAttributes<HTMLElement>;
+  menuitem: React.HTMLAttributes<HTMLElement>;
+  meta: React.MetaHTMLAttributes<HTMLMetaElement>;
+  meter: React.MeterHTMLAttributes<HTMLElement>;
+  nav: React.HTMLAttributes<HTMLElement>;
+  noindex: React.HTMLAttributes<HTMLElement>;
+  noscript: React.HTMLAttributes<HTMLElement>;
+  object: React.ObjectHTMLAttributes<HTMLObjectElement>;
+  ol: React.OlHTMLAttributes<HTMLOListElement>;
+  optgroup: React.OptgroupHTMLAttributes<HTMLOptGroupElement>;
+  option: React.OptionHTMLAttributes<HTMLOptionElement>;
+  output: React.OutputHTMLAttributes<HTMLElement>;
+  p: React.HTMLAttributes<HTMLParagraphElement>;
+  param: React.ParamHTMLAttributes<HTMLParamElement>;
+  picture: React.HTMLAttributes<HTMLElement>;
+  pre: React.HTMLAttributes<HTMLPreElement>;
+  progress: React.ProgressHTMLAttributes<HTMLProgressElement>;
+  q: React.QuoteHTMLAttributes<HTMLQuoteElement>;
+  rp: React.HTMLAttributes<HTMLElement>;
+  rt: React.HTMLAttributes<HTMLElement>;
+  ruby: React.HTMLAttributes<HTMLElement>;
+  s: React.HTMLAttributes<HTMLElement>;
+  samp: React.HTMLAttributes<HTMLElement>;
+  slot: React.SlotHTMLAttributes<HTMLSlotElement>;
+  script: React.ScriptHTMLAttributes<HTMLScriptElement>;
+  section: React.HTMLAttributes<HTMLElement>;
+  select: React.SelectHTMLAttributes<HTMLSelectElement>;
+  small: React.HTMLAttributes<HTMLElement>;
+  source: React.SourceHTMLAttributes<HTMLSourceElement>;
+  span: React.HTMLAttributes<HTMLSpanElement>;
+  strong: React.HTMLAttributes<HTMLElement>;
+  style: React.StyleHTMLAttributes<HTMLStyleElement>;
+  sub: React.HTMLAttributes<HTMLElement>;
+  summary: React.HTMLAttributes<HTMLElement>;
+  sup: React.HTMLAttributes<HTMLElement>;
+  table: React.TableHTMLAttributes<HTMLTableElement>;
+  template: React.HTMLAttributes<HTMLTemplateElement>;
+  tbody: React.HTMLAttributes<HTMLTableSectionElement>;
+  td: React.TdHTMLAttributes<HTMLTableDataCellElement>;
+  textarea: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+  tfoot: React.HTMLAttributes<HTMLTableSectionElement>;
+  th: React.ThHTMLAttributes<HTMLTableHeaderCellElement>;
+  thead: React.HTMLAttributes<HTMLTableSectionElement>;
+  time: React.TimeHTMLAttributes<HTMLElement>;
+  title: React.HTMLAttributes<HTMLTitleElement>;
+  tr: React.HTMLAttributes<HTMLTableRowElement>;
+  track: React.TrackHTMLAttributes<HTMLTrackElement>;
+  u: React.HTMLAttributes<HTMLElement>;
+  ul: React.HTMLAttributes<HTMLUListElement>;
+  var: React.HTMLAttributes<HTMLElement>;
+  video: React.VideoHTMLAttributes<HTMLVideoElement>;
+  wbr: React.HTMLAttributes<HTMLElement>;
+  webview: React.WebViewHTMLAttributes<HTMLWebViewElement>;
+  svg: React.SVGProps<SVGSVGElement>;
+};

package/cjs/typings/images.d.ts

@@ -1 +1 @@
-declare module '*.png';
+declare module '*.png';

package/cjs/typings/normalize-wheel.d.ts

@@ -1,5 +1,5 @@
-declare module 'normalize-wheel' {
-  var normalizeWheel: (event: WheelEvent) => { spinX: number; spinY: number; pixelX: number; pixelY: number };
-
-  export default normalizeWheel;
-}
+declare module 'normalize-wheel' {
+  var normalizeWheel: (event: WheelEvent) => { spinX: number; spinY: number; pixelX: number; pixelY: number };
+
+  export default normalizeWheel;
+}

package/cjs/typings/stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta as StorybookMeta, Story as StorybookStory } from '@storybook/react';
+import { CreeveyMeta, CreeveyStory, CreeveyStoryParams } from 'creevey';
+
+export type Meta = StorybookMeta & CreeveyMeta;
+export type Story = StorybookStory & CreeveyStory;
+
+export type CreeveyTests = CreeveyStoryParams['tests'];

package/cjs/typings/stylis-plugin-extra-scope.d.ts

@@ -1,3 +1,3 @@
-declare module 'stylis-plugin-extra-scope' {
-  export default (scope: string) => StylisPlugin;
-}
+declare module 'stylis-plugin-extra-scope' {
+  export default (scope: string) => StylisPlugin;
+}

package/cjs/typings/utility-types.d.ts

@@ -1,14 +1,14 @@
-export type Nullable<T> = T | null | undefined;
-
-export type Shape<T> = Pick<T, keyof T>;
-
-type ObjectKeyType = string | number | symbol;
-
-export type Diff<T extends ObjectKeyType, U extends ObjectKeyType> = ({ [P in T]: P } &
-  { [P in U]: never } & { [x: string]: never })[T];
-
-export type Override<T, U> = Pick<T, Diff<keyof T, keyof U>> & U;
-
-export type Entries<T, K> = (o: { [k: string]: K }) => Array<[T, K]>;
-
-export type Writeable<T> = { -readonly [P in keyof T]: T[P] };
+export type Nullable<T> = T | null | undefined;
+
+export type Shape<T> = Pick<T, keyof T>;
+
+type ObjectKeyType = string | number | symbol;
+
+export type Diff<T extends ObjectKeyType, U extends ObjectKeyType> = ({ [P in T]: P } &
+  { [P in U]: never } & { [x: string]: never })[T];
+
+export type Override<T, U> = Pick<T, Diff<keyof T, keyof U>> & U;
+
+export type Entries<T, K> = (o: { [k: string]: K }) => Array<[T, K]>;
+
+export type Writeable<T> = { -readonly [P in keyof T]: T[P] };