@skbkontur/react-ui 3.9.2 → 3.9.3-sidepagefix

package/lib/theming/ThemeFactory.d.ts

@@ -1,8 +1,8 @@
-import { Theme, ThemeIn } from './Theme';
-export declare class ThemeFactory {
-    static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
-    static isFullTheme(theme: ThemeIn | Theme): theme is Theme;
-    static overrideDefaultTheme(theme: ThemeIn): void;
-    static getKeys<T extends Theme>(theme: T): (keyof T)[];
-    private static constructTheme;
-}
+import { Theme, ThemeIn } from './Theme';
+export declare class ThemeFactory {
+    static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
+    static isFullTheme(theme: ThemeIn | Theme): theme is Theme;
+    static overrideDefaultTheme(theme: ThemeIn): void;
+    static getKeys<T extends Theme>(theme: T): (keyof T)[];
+    private static constructTheme;
+}

package/lib/theming/ThemeHelpers.d.ts

@@ -1,11 +1,11 @@
-import { Theme, ThemeIn } from './Theme';
-export declare const exposeGetters: <T extends object>(theme: T) => T;
-export declare const REACT_UI_FULL_THEME_KEY = "__IS_REACT_UI_THEME__";
-export declare const REACT_UI_8PX_THEME_KEY = "__IS_REACT_UI_8PX_THEME__";
-export declare const REACT_UI_FLAT_THEME_KEY = "__IS_REACT_UI_FLAT_THEME__";
-export declare const isFullTheme: (theme: Theme | ThemeIn) => boolean;
-export declare const markAsFullTheme: <T extends object>(theme: T) => T;
-export declare const is8pxTheme: (theme: Theme | ThemeIn) => boolean;
-export declare const markAs8pxTheme: <T extends object>(theme: T) => T;
-export declare const isFlatTheme: (theme: Theme | ThemeIn) => boolean;
-export declare const markAsFlatTheme: <T extends object>(theme: T) => T;
+import { Theme, ThemeIn } from './Theme';
+export declare const exposeGetters: <T extends object>(theme: T) => T;
+export declare const REACT_UI_FULL_THEME_KEY = "__IS_REACT_UI_THEME__";
+export declare const REACT_UI_8PX_THEME_KEY = "__IS_REACT_UI_8PX_THEME__";
+export declare const REACT_UI_FLAT_THEME_KEY = "__IS_REACT_UI_FLAT_THEME__";
+export declare const isFullTheme: (theme: Theme | ThemeIn) => boolean;
+export declare const markAsFullTheme: <T extends object>(theme: T) => T;
+export declare const is8pxTheme: (theme: Theme | ThemeIn) => boolean;
+export declare const markAs8pxTheme: <T extends object>(theme: T) => T;
+export declare const isFlatTheme: (theme: Theme | ThemeIn) => boolean;
+export declare const markAsFlatTheme: <T extends object>(theme: T) => T;

package/lib/theming/themes/DefaultTheme.d.ts

@@ -1 +1 @@
-export declare const DEFAULT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;
+export declare const DEFAULT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;

package/lib/theming/themes/DefaultThemeOld.d.ts

@@ -1 +1 @@
-export declare const DEFAULT_THEME_OLD: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;
+export declare const DEFAULT_THEME_OLD: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;

package/lib/theming/themes/FlatTheme.d.ts

@@ -1 +1 @@
-export declare const FLAT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/Theme8px").Theme8px>;
+export declare const FLAT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/Theme8px").Theme8px>;

package/lib/theming/themes/FlatThemeOld.d.ts

@@ -1 +1 @@
-export declare const FLAT_THEME_OLD: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/FlatTheme").FlatTheme>;
+export declare const FLAT_THEME_OLD: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/FlatTheme").FlatTheme>;

package/lib/utils.d.ts

@@ -1,28 +1,28 @@
-import { ReactComponentLike } from 'prop-types';
-import React from 'react';
-export declare type Defaultize<P, D> = P extends any ? string extends keyof P ? P : Pick<P, Exclude<keyof P, keyof D>> & Partial<Pick<P, Extract<keyof P, keyof D>>> & Partial<Pick<D, Exclude<keyof D, keyof P>>> : never;
-export declare type DefaultizeProps<C, P> = C extends {
-    defaultProps: infer D;
-} ? Defaultize<P, D> : P;
-export declare const delay: (ms: number) => Promise<unknown>;
-export declare const emptyHandler: () => void;
-export declare class CancelationError extends Error {
-    code: string;
-}
-export declare function taskWithDelay(task: () => void, ms: number): () => void;
-export declare function isFunction<T>(x: T | Function): x is Function;
-export declare function isFunctionalComponent(Component: ReactComponentLike): boolean;
-export declare function escapeRegExpSpecChars(s: string): string;
-export declare const getRandomID: () => string;
-export declare const isExternalLink: (link: string) => boolean;
-/**
- * Check if the given ReactNode is an element of the specified ReactUI component
- */
-export declare const isReactUINode: (componentName: string, node: React.ReactNode) => boolean;
-/**
- * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
- *
- * @param value Значение, которое нужно проверить и исключить из него типы
- * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false
- */
-export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
+import { ReactComponentLike } from 'prop-types';
+import React from 'react';
+export declare type Defaultize<P, D> = P extends any ? string extends keyof P ? P : Pick<P, Exclude<keyof P, keyof D>> & Partial<Pick<P, Extract<keyof P, keyof D>>> & Partial<Pick<D, Exclude<keyof D, keyof P>>> : never;
+export declare type DefaultizeProps<C, P> = C extends {
+    defaultProps: infer D;
+} ? Defaultize<P, D> : P;
+export declare const delay: (ms: number) => Promise<unknown>;
+export declare const emptyHandler: () => void;
+export declare class CancelationError extends Error {
+    code: string;
+}
+export declare function taskWithDelay(task: () => void, ms: number): () => void;
+export declare function isFunction<T>(x: T | Function): x is Function;
+export declare function isFunctionalComponent(Component: ReactComponentLike): boolean;
+export declare function escapeRegExpSpecChars(s: string): string;
+export declare const getRandomID: () => string;
+export declare const isExternalLink: (link: string) => boolean;
+/**
+ * Check if the given ReactNode is an element of the specified ReactUI component
+ */
+export declare const isReactUINode: (componentName: string, node: React.ReactNode) => boolean;
+/**
+ * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
+ *
+ * @param value Значение, которое нужно проверить и исключить из него типы
+ * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false
+ */
+export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;

package/lib/withClassWrapper/package.json

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

package/lib/withClassWrapper/withClassWrapper.js

@@ -0,0 +1,70 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { getDisplayName } from "../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.
+ */
+
+
+export function withClassWrapper(RFC) {
+  var _class, _temp;
+
+  var fullName = getDisplayName(RFC);
+  var nameWithoutPostfix = removePostfix(fullName, /FC$/);
+  return _temp = _class = /*#__PURE__*/function (_React$Component) {
+    _inheritsLoose(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.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.createElement(ClassWrapper.FC, _extends({
+          // Returns methods defined in useImperativeHandle.
+          instanceRef: this.instancePropertiesRef
+        }, this.props))
+      );
+    };
+
+    return ClassWrapper;
+  }(React.Component), _class.__KONTUR_REACT_UI__ = nameWithoutPostfix, _class.displayName = nameWithoutPostfix, _class.FC = RFC, _temp;
+}

package/lib/withClassWrapper/withClassWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["withClassWrapper.tsx"],"names":["React","getDisplayName","removePostfix","word","postfixRegex","regexContent","source","replace","isCorrectPostfix","test","Error","withClassWrapper","RFC","fullName","nameWithoutPostfix","instancePropertiesRef","createRef","componentDidMount","current","Object","defineProperties","getOwnPropertyDescriptors","render","props","Component","__KONTUR_REACT_UI__","displayName","FC"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,cAAT,QAA+B,kBAA/B;;AAEA,IAAMC,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;AACA,OAAO,SAASO,gBAAT,CAAgCC,GAAhC,EAAoE;AACzE,MAAMC,QAAQ,GAAGZ,cAAc,CAACW,GAAD,CAA/B;AACA,MAAME,kBAAkB,GAAGZ,aAAa,CAACW,QAAD,EAAW,KAAX,CAAxC;;AAEA;AACSE,MAAAA,qBADT,gBACiCf,KAAK,CAACgB,SAAN,EADjC;;AAGEC,IAAAA,iBAHF,GAGE,6BAAoB;AAClB,UAAI,KAAKF,qBAAL,CAA2BG,OAA/B,EAAwC;AACtCC,QAAAA,MAAM,CAACC,gBAAP,CAAwB,IAAxB,EAA8BD,MAAM,CAACE,yBAAP,CAAiC,KAAKN,qBAAL,CAA2BG,OAA5D,CAA9B;AACD;AACF,KAPH;;;;;;;AAcEI,IAAAA,MAdF,GAcE,kBAAS;AACP;AACE;AACA;AACA;AACA;AACA,4BAAC,YAAD,CAAc,EAAd;AACE;AACA,UAAA,WAAW,EAAE,KAAKP,qBAFpB;AAGM,aAAKQ,KAHX,EALF;;;AAWD,KA1BH,uBAAkCvB,KAAK,CAACwB,SAAxC,UASgBC,mBAThB,GASsCX,kBATtC,SAUgBY,WAVhB,GAU8BZ,kBAV9B,SAYgBa,EAZhB,GAYqBf,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"]}

package/lib/withClassWrapper.d.ts

@@ -0,0 +1,68 @@
+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;
+};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "3.9.2",
+  "version": "3.9.3-sidepagefix",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/3.9.2/",
+  "homepage": "https://tech.skbkontur.ru/react-ui",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"
@@ -94,6 +94,7 @@
     "@types/react-transition-group": "^4.2.3",
     "@types/shallowequal": "^1.1.1",
     "@types/warning": "^3.0.0",
+    "axios": "^0.24.0",
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.2",
     "chalk": "4.1.0",
@@ -102,6 +103,7 @@
     "creevey": "0.7.31",
     "cross-env": "^7.0.3",
     "css-loader": "5.2.0",
+    "dotenv": "^10.0.0",
     "dts-css-modules-loader": "1.2.1",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.6",
@@ -148,8 +150,5 @@
     "setupFilesAfterEnv": [
       "<rootDir>/test-setup.js"
     ]
-  },
-  "publishConfig": {
-    "tag": "latest"
   }
 }