@skbkontur/react-ui-validations 2.3.8 → 2.3.9-55eb8.0

package/package.json

@@ -1,20 +1,52 @@
 {
   "name": "@skbkontur/react-ui-validations",
-  "version": "2.3.8",
+  "version": "2.3.9-55eb8.0",
   "description": "Validations for @skbkontur/react-ui",
+  "type": "module",
+  "scripts": {
+    "prerelease": "yarn build",
+    "release": "npm publish ./build --workspaces=false",
+    "release:unstable": "yarn release --tag=unstable",
+    "clean": "rimraf dist build",
+    "prebuild": "yarn clean",
+    "build": "run-s build:* build:lint:*",
+    "build:tsc": "tsc --outDir build -p prod.tsconfig.json",
+    "build:copy-files": "copyfiles package.json README.md CHANGELOG.md LICENSE typings/* build",
+    "build:lint:publint": "publint --pack npm ./build",
+    "build:lint:attw": "attw --ignore-rules cjs-resolves-to-esm --quiet --pack ./build",
+    "build:exports": "node ./scripts/exports.ts",
+    "storybook": "cross-env STORYBOOK_REACT_UI_TEST=true storybook dev -p 6060",
+    "storybook:build": "cross-env STORYBOOK_REACT_UI_TEST=true storybook build -o .storybook/build --quiet",
+    "storybook:docs-build": "cross-env STORYBOOK_REACT_UI_VALIDATIONS_DOCS=true storybook build --docs -c .storybook-docs -o .storybook/build --quiet",
+    "storybook:docs": "cross-env STORYBOOK_REACT_UI_VALIDATIONS_DOCS=true storybook dev --docs -p 6062 -c .storybook-docs",
+    "storybook:serve": "serve -l 6060 .storybook/build",
+    "lint": "npm-run-all --continue-on-error --parallel lint:*",
+    "lint:tsc": "tsc --noEmit --diagnostics",
+    "lint:eslint": "cross-env TIMING=1 eslint ./ --ignore-pattern \"**/docs/**/*.docs.stories.tsx\"",
+    "lint:prettier": "prettier --check .",
+    "fix": "run-s -c fix:*",
+    "fix:eslint": "yarn lint:eslint --fix",
+    "fix:prettier": "yarn prettier --write .",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "creevey": "creevey test -c .creevey/config.mts --storybook-port=6060",
+    "creevey:ci": "start-server-and-test storybook:serve http://localhost:6060 creevey",
+    "creevey:update": "creevey report --update -c .creevey/config.mts",
+    "creevey:ui": "yarn creevey --ui",
+    "selenium:test": "dotnet test ./selenium-tests/ValidationTests/ValidationTests.csproj --configuration Release --framework netcoreapp3.1",
+    "selenium:ci": "start-server-and-test storybook http://localhost:6060/iframe.html selenium:test"
+  },
   "main": "./index.js",
   "types": "./index.d.ts",
   "author": "exactlynosense <whois.ard@gmail.com>",
   "license": "ISC",
-  "repository": "https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/skbkontur/retail-ui.git"
+  },
   "bugs": {
     "url": "https://github.com/skbkontur/retail-ui/issues"
   },
-  "files": [
-    "index.d.ts",
-    "index.js",
-    "index.js.map"
-  ],
   "peerDependencies": {
     "@skbkontur/react-ui": ">=5 <6",
     "react": ">=16.9 <19",
@@ -23,5 +55,72 @@
   "dependencies": {
     "smoothscroll-polyfill": "^0.4.4",
     "warning": "^4.0.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.6",
+    "@babel/plugin-proposal-decorators": "7.24.6",
+    "@babel/plugin-transform-runtime": "^7.24.6",
+    "@babel/preset-env": "^7.24.6",
+    "@babel/preset-react": "^7.24.6",
+    "@babel/preset-typescript": "^7.24.6",
+    "@playwright/test": "^1.57.0",
+    "@skbkontur/storybook-addon-live-examples": "1.0.0-beta.1",
+    "@storybook/addon-docs": "8.6.14",
+    "@storybook/addon-essentials": "8.6.14",
+    "@storybook/addon-links": "8.6.14",
+    "@storybook/blocks": "8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-webpack5": "8.6.14",
+    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/react": "15.0.7",
+    "@testing-library/react-hooks": "8.0.1",
+    "@testing-library/user-event": "14.5.2",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
+    "@types/react-helmet": "^6.1.11",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@types/styled-components": "^5.1.34",
+    "@types/warning": "^3.0.0",
+    "babel-loader": "^9.1.3",
+    "core-js": "^3.37.1",
+    "creevey": "0.10.34",
+    "cross-env": "^7.0.3",
+    "css-loader": "^7.1.2",
+    "file-loader": "^6.2.0",
+    "gh-pages": "^6.1.1",
+    "html-webpack-plugin": "5.6.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jsdom": "^27.0.0",
+    "less": "4.2.0",
+    "less-loader": "12.2.0",
+    "markdown": "^0.5.0",
+    "npm-run-all": "^4.1.5",
+    "playwright-core": "1.57.0",
+    "raw-loader": "^4.0.0",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "react-helmet": "^6.1.0",
+    "react-router-dom": "^6.23.1",
+    "react-syntax-highlighter": "15.5.0",
+    "rimraf": "^5.0.7",
+    "selenium-webdriver": "^4.27.0",
+    "serve": "^13.0.2",
+    "shelljs": "^0.8.3",
+    "start-server-and-test": "1.14.0",
+    "storybook": "8.6.14",
+    "string-replace-loader": "^3.1.0",
+    "style-loader": "^4.0.0",
+    "styled-components": "^6.1.11",
+    "ts-loader": "9.5.1",
+    "tslib": "2.6.2",
+    "typescript": "5.9.3",
+    "vitest": "^3.2.4",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "5.0.4"
+  },
+  "exports": {
+    ".": "./index.js",
+    "./package.json": "./package.json"
   }
-}
+}

package/src/ErrorRenderer.d.ts

@@ -0,0 +1,4 @@
+import type { TooltipPosition } from './ValidationTooltip.js';
+import type { RenderErrorMessage, TextPosition } from './ValidationWrapperInternal.js';
+export declare function tooltip(pos: TooltipPosition): RenderErrorMessage;
+export declare function text(pos?: TextPosition): RenderErrorMessage;

package/src/ErrorRenderer.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ValidationText } from './ValidationText.js';
+import { ValidationTooltip } from './ValidationTooltip.js';
+export function tooltip(pos) {
+    return function (control, hasError, validation) {
+        return (React.createElement(ValidationTooltip, { pos: pos, error: hasError, render: function () {
+                if (!validation || !validation.message) {
+                    return null;
+                }
+                return (validation && validation.message) || '';
+            } }, control));
+    };
+}
+export function text(pos) {
+    if (pos === void 0) { pos = 'right'; }
+    return function (control, _hasError, validation) {
+        return (React.createElement(ValidationText, { pos: pos, validation: validation }, control));
+    };
+}
+//# sourceMappingURL=ErrorRenderer.js.map

package/src/ErrorRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorRenderer.js","sourceRoot":"","sources":["../../src/ErrorRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAG3D,MAAM,UAAU,OAAO,CAAC,GAAoB;IAC1C,OAAO,UAAC,OAAO,EAAE,QAAQ,EAAE,UAAU;QACnC,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE;gBACN,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;oBACvC,OAAO,IAAI,CAAC;gBACd,CAAC;gBACD,OAAO,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAClD,CAAC,IAEA,OAAO,CACU,CACrB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,GAA2B;IAA3B,oBAAA,EAAA,aAA2B;IAC9C,OAAO,UAAC,OAAO,EAAE,SAAS,EAAE,UAAU;QACpC,OAAO,CACL,oBAAC,cAAc,IAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,IAC7C,OAAO,CACO,CAClB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { ValidationText } from './ValidationText.js';\nimport type { TooltipPosition } from './ValidationTooltip.js';\nimport { ValidationTooltip } from './ValidationTooltip.js';\nimport type { RenderErrorMessage, TextPosition } from './ValidationWrapperInternal.js';\n\nexport function tooltip(pos: TooltipPosition): RenderErrorMessage {\n  return (control, hasError, validation) => {\n    return (\n      <ValidationTooltip\n        pos={pos}\n        error={hasError}\n        render={() => {\n          if (!validation || !validation.message) {\n            return null;\n          }\n          return (validation && validation.message) || '';\n        }}\n      >\n        {control}\n      </ValidationTooltip>\n    );\n  };\n}\n\nexport function text(pos: TextPosition = 'right'): RenderErrorMessage {\n  return (control, _hasError, validation) => {\n    return (\n      <ValidationText pos={pos} validation={validation}>\n        {control}\n      </ValidationText>\n    );\n  };\n}\n"]}

package/src/FocusMode.d.ts

@@ -0,0 +1,5 @@
+export declare enum FocusMode {
+    'Errors' = 0,
+    'ErrorsAndWarnings' = 1,
+    'None' = 2
+}

package/src/FocusMode.js

@@ -0,0 +1,7 @@
+export var FocusMode;
+(function (FocusMode) {
+    FocusMode[FocusMode["Errors"] = 0] = "Errors";
+    FocusMode[FocusMode["ErrorsAndWarnings"] = 1] = "ErrorsAndWarnings";
+    FocusMode[FocusMode["None"] = 2] = "None";
+})(FocusMode || (FocusMode = {}));
+//# sourceMappingURL=FocusMode.js.map

package/src/FocusMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusMode.js","sourceRoot":"","sources":["../../src/FocusMode.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,6CAAQ,CAAA;IACR,mEAAmB,CAAA;IACnB,yCAAM,CAAA;AACR,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB","sourcesContent":["export enum FocusMode {\n  'Errors',\n  'ErrorsAndWarnings',\n  'None',\n}\n"]}

package/src/ReactUiDetection.d.ts

@@ -0,0 +1,23 @@
+import type { ReactElement } from 'react';
+import { Tooltip } from '@skbkontur/react-ui/components/Tooltip/Tooltip.js';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext.js';
+import { getRootNode } from '@skbkontur/react-ui/lib/rootNode/getRootNode.js';
+export { Tooltip, ThemeContext, getRootNode };
+interface KonturUIElementForDetection {
+    type: {
+        __KONTUR_REACT_UI__: string;
+    };
+}
+export declare class ReactUiDetection {
+    static checkType(element: unknown, type: string): element is KonturUIElementForDetection;
+    static isDatePicker(element: unknown): boolean;
+    static isRadioGroup(element: unknown): boolean;
+    static isTokenInput(element: unknown): boolean;
+    static isSwitcher(element: unknown): boolean;
+    static isComboBox(element: unknown): boolean;
+    static isRadio(element: unknown): boolean;
+    static isCheckBox(element: unknown): boolean;
+    static isToggle(element: unknown): boolean;
+    static isSelect(element: unknown): boolean;
+    static isSelectionControl(element: ReactElement): boolean;
+}

package/src/ReactUiDetection.js

@@ -0,0 +1,53 @@
+import { Tooltip } from '@skbkontur/react-ui/components/Tooltip/Tooltip.js';
+import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext.js';
+import { getRootNode } from '@skbkontur/react-ui/lib/rootNode/getRootNode.js';
+import { isNonNullable } from '../src/utils/isNonNullable/isNonNullable.js';
+export { Tooltip, ThemeContext, getRootNode };
+var ReactUiDetection = /** @class */ (function () {
+    function ReactUiDetection() {
+    }
+    ReactUiDetection.checkType = function (element, type) {
+        var _a;
+        var el = element;
+        return isNonNullable(element) && ((_a = el.type) === null || _a === void 0 ? void 0 : _a.__KONTUR_REACT_UI__) === type;
+    };
+    ReactUiDetection.isDatePicker = function (element) {
+        return ReactUiDetection.checkType(element, 'DatePicker');
+    };
+    ReactUiDetection.isRadioGroup = function (element) {
+        return ReactUiDetection.checkType(element, 'RadioGroup');
+    };
+    ReactUiDetection.isTokenInput = function (element) {
+        return ReactUiDetection.checkType(element, 'TokenInput');
+    };
+    ReactUiDetection.isSwitcher = function (element) {
+        return ReactUiDetection.checkType(element, 'Switcher');
+    };
+    ReactUiDetection.isComboBox = function (element) {
+        return ReactUiDetection.checkType(element, 'ComboBox');
+    };
+    ReactUiDetection.isRadio = function (element) {
+        return ReactUiDetection.checkType(element, 'Radio');
+    };
+    ReactUiDetection.isCheckBox = function (element) {
+        return ReactUiDetection.checkType(element, 'Checkbox');
+    };
+    ReactUiDetection.isToggle = function (element) {
+        return ReactUiDetection.checkType(element, 'Toggle');
+    };
+    ReactUiDetection.isSelect = function (element) {
+        return ReactUiDetection.checkType(element, 'Select');
+    };
+    ReactUiDetection.isSelectionControl = function (element) {
+        return (ReactUiDetection.isRadioGroup(element) ||
+            ReactUiDetection.isRadio(element) ||
+            ReactUiDetection.isCheckBox(element) ||
+            ReactUiDetection.isToggle(element) ||
+            ReactUiDetection.isSwitcher(element) ||
+            ReactUiDetection.isSelect(element) ||
+            ReactUiDetection.isComboBox(element));
+    };
+    return ReactUiDetection;
+}());
+export { ReactUiDetection };
+//# sourceMappingURL=ReactUiDetection.js.map

package/src/ReactUiDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactUiDetection.js","sourceRoot":"","sources":["../../src/ReactUiDetection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAE5E,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AAI9C;IAAA;IAqDA,CAAC;IApDe,0BAAS,GAAvB,UAAwB,OAAgB,EAAE,IAAY;;QACpD,IAAM,EAAE,GAAG,OAAsC,CAAC;QAClD,OAAO,aAAa,CAAC,OAAO,CAAC,IAAI,CAAA,MAAA,EAAE,CAAC,IAAI,0CAAE,mBAAmB,MAAK,IAAI,CAAC;IACzE,CAAC;IAEa,6BAAY,GAA1B,UAA2B,OAAgB;QACzC,OAAO,gBAAgB,CAAC,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAC3D,CAAC;IAEa,6BAAY,GAA1B,UAA2B,OAAgB;QACzC,OAAO,gBAAgB,CAAC,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAC3D,CAAC;IAEa,6BAAY,GAA1B,UAA2B,OAAgB;QACzC,OAAO,gBAAgB,CAAC,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAC3D,CAAC;IAEa,2BAAU,GAAxB,UAAyB,OAAgB;QACvC,OAAO,gBAAgB,CAAC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACzD,CAAC;IAEa,2BAAU,GAAxB,UAAyB,OAAgB;QACvC,OAAO,gBAAgB,CAAC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACzD,CAAC;IAEa,wBAAO,GAArB,UAAsB,OAAgB;QACpC,OAAO,gBAAgB,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACtD,CAAC;IAEa,2BAAU,GAAxB,UAAyB,OAAgB;QACvC,OAAO,gBAAgB,CAAC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACzD,CAAC;IAEa,yBAAQ,GAAtB,UAAuB,OAAgB;QACrC,OAAO,gBAAgB,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACvD,CAAC;IAEa,yBAAQ,GAAtB,UAAuB,OAAgB;QACrC,OAAO,gBAAgB,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACvD,CAAC;IAEa,mCAAkB,GAAhC,UAAiC,OAAqB;QACpD,OAAO,CACL,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC;YACtC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC;YACjC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC;YACpC,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC;YAClC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC;YACpC,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC;YAClC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CACrC,CAAC;IACJ,CAAC;IACH,uBAAC;AAAD,CAAC,AArDD,IAqDC","sourcesContent":["import type { ReactElement } from 'react';\nimport { Tooltip } from '@skbkontur/react-ui/components/Tooltip/Tooltip.js';\nimport { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext.js';\nimport { getRootNode } from '@skbkontur/react-ui/lib/rootNode/getRootNode.js';\n\nimport { isNonNullable } from '../src/utils/isNonNullable/isNonNullable.js';\n\nexport { Tooltip, ThemeContext, getRootNode };\ninterface KonturUIElementForDetection {\n  type: { __KONTUR_REACT_UI__: string };\n}\nexport class ReactUiDetection {\n  public static checkType(element: unknown, type: string): element is KonturUIElementForDetection {\n    const el = element as KonturUIElementForDetection;\n    return isNonNullable(element) && el.type?.__KONTUR_REACT_UI__ === type;\n  }\n\n  public static isDatePicker(element: unknown): boolean {\n    return ReactUiDetection.checkType(element, 'DatePicker');\n  }\n\n  public static isRadioGroup(element: unknown): boolean {\n    return ReactUiDetection.checkType(element, 'RadioGroup');\n  }\n\n  public static isTokenInput(element: unknown): boolean {\n    return ReactUiDetection.checkType(element, 'TokenInput');\n  }\n\n  public static isSwitcher(element: unknown): boolean {\n    return ReactUiDetection.checkType(element, 'Switcher');\n  }\n\n  public static isComboBox(element: unknown): boolean {\n    return ReactUiDetection.checkType(element, 'ComboBox');\n  }\n\n  public static isRadio(element: unknown): boolean {\n    return ReactUiDetection.checkType(element, 'Radio');\n  }\n\n  public static isCheckBox(element: unknown): boolean {\n    return ReactUiDetection.checkType(element, 'Checkbox');\n  }\n\n  public static isToggle(element: unknown): boolean {\n    return ReactUiDetection.checkType(element, 'Toggle');\n  }\n\n  public static isSelect(element: unknown): boolean {\n    return ReactUiDetection.checkType(element, 'Select');\n  }\n\n  public static isSelectionControl(element: ReactElement): boolean {\n    return (\n      ReactUiDetection.isRadioGroup(element) ||\n      ReactUiDetection.isRadio(element) ||\n      ReactUiDetection.isCheckBox(element) ||\n      ReactUiDetection.isToggle(element) ||\n      ReactUiDetection.isSwitcher(element) ||\n      ReactUiDetection.isSelect(element) ||\n      ReactUiDetection.isComboBox(element)\n    );\n  }\n}\n"]}

package/src/ValidationContainer.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { Nullable } from '../typings/Types.js';
+import { FocusMode } from './FocusMode.js';
+export interface ScrollOffset {
+    top?: number;
+    bottom?: number;
+}
+export interface ValidationSettings {
+    focusMode: FocusMode;
+}
+export type ValidateArgumentType = boolean | ValidationSettings;
+export interface ValidationContainerProps {
+    'data-tid'?: string;
+    children?: React.ReactNode;
+    onValidationUpdated?: (isValid?: Nullable<boolean>) => void;
+    scrollOffset?: ScrollOffset;
+    disableSmoothScroll?: boolean;
+}
+type DefaultProps = Required<Pick<ValidationContainerProps, 'disableSmoothScroll'>>;
+export declare class ValidationContainer extends React.Component<ValidationContainerProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private childContext;
+    submit(withoutFocus?: boolean): Promise<void>;
+    submit(validationSettings?: ValidationSettings): Promise<void>;
+    validate(withoutFocus?: boolean): Promise<boolean>;
+    validate(validationSettings?: ValidationSettings): Promise<boolean>;
+    render(): React.JSX.Element;
+    private refChildContext;
+}
+export {};

package/src/ValidationContainer.js

@@ -0,0 +1,56 @@
+import { __awaiter, __extends, __generator } from "tslib";
+import React from 'react';
+import warning from 'warning';
+import { createPropsGetter } from './utils/createPropsGetter.js';
+import { isTestEnv } from './utils/utils.js';
+import { ValidationContextWrapper } from './ValidationContextWrapper.js';
+import { FocusMode } from './FocusMode.js';
+var ValidationContainer = /** @class */ (function (_super) {
+    __extends(ValidationContainer, _super);
+    function ValidationContainer() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(ValidationContainer.defaultProps);
+        _this.childContext = null;
+        _this.refChildContext = function (el) {
+            _this.childContext = el;
+        };
+        return _this;
+    }
+    ValidationContainer.prototype.submit = function () {
+        return __awaiter(this, arguments, void 0, function (withoutFocusOrValidationSettings) {
+            if (withoutFocusOrValidationSettings === void 0) { withoutFocusOrValidationSettings = { focusMode: FocusMode.Errors }; }
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this.childContext) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.childContext.validate(withoutFocusOrValidationSettings)];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2:
+                        warning(false, 'childContext is not defined');
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    ValidationContainer.prototype.validate = function (withoutFocusOrValidationSettings) {
+        if (withoutFocusOrValidationSettings === void 0) { withoutFocusOrValidationSettings = { focusMode: FocusMode.Errors }; }
+        if (!this.childContext) {
+            warning(false, 'childContext is not defined');
+            return Promise.resolve(false);
+        }
+        return this.childContext.validate(withoutFocusOrValidationSettings);
+    };
+    ValidationContainer.prototype.render = function () {
+        return (React.createElement(ValidationContextWrapper, { "data-tid": this.props['data-tid'], ref: this.refChildContext, scrollOffset: this.props.scrollOffset, disableSmoothScroll: this.getProps().disableSmoothScroll, onValidationUpdated: this.props.onValidationUpdated }, this.props.children));
+    };
+    ValidationContainer.__KONTUR_REACT_UI__ = 'ValidationContainer';
+    ValidationContainer.displayName = 'ValidationContainer';
+    ValidationContainer.defaultProps = {
+        disableSmoothScroll: isTestEnv,
+    };
+    return ValidationContainer;
+}(React.Component));
+export { ValidationContainer };
+//# sourceMappingURL=ValidationContainer.js.map

package/src/ValidationContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationContainer.js","sourceRoot":"","sources":["../../src/ValidationContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,SAAS,CAAC;AAI9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAuB3C;IAAyC,uCAAyC;IAAlF;;QAQU,cAAQ,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC;QAE/D,kBAAY,GAAoC,IAAI,CAAC;QAyCrD,qBAAe,GAAG,UAAC,EAAmC;YAC5D,KAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACzB,CAAC,CAAC;;IACJ,CAAC;IAvCc,oCAAM,GAAnB;4DACE,gCAAwF;YAAxF,iDAAA,EAAA,qCAA2D,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE;;;;6BAEpF,IAAI,CAAC,YAAY,EAAjB,wBAAiB;wBACnB,qBAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,gCAAgC,CAAC,EAAA;;wBAAlE,SAAkE,CAAC;;;wBAErE,OAAO,CAAC,KAAK,EAAE,6BAA6B,CAAC,CAAC;;;;;KAC/C;IAKM,sCAAQ,GAAf,UACE,gCAAwF;QAAxF,iDAAA,EAAA,qCAA2D,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE;QAExF,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,OAAO,CAAC,KAAK,EAAE,6BAA6B,CAAC,CAAC;YAC9C,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;QACD,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,gCAAgC,CAAC,CAAC;IACtE,CAAC;IAEM,oCAAM,GAAb;QACE,OAAO,CACL,oBAAC,wBAAwB,gBACb,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAChC,GAAG,EAAE,IAAI,CAAC,eAAe,EACzB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,mBAAmB,EACxD,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAElD,IAAI,CAAC,KAAK,CAAC,QAAQ,CACK,CAC5B,CAAC;IACJ,CAAC;IAhDa,uCAAmB,GAAG,qBAAqB,AAAxB,CAAyB;IAC5C,+BAAW,GAAG,qBAAqB,AAAxB,CAAyB;IAEpC,gCAAY,GAAiB;QACzC,mBAAmB,EAAE,SAAS;KAC/B,AAFyB,CAExB;IAgDJ,0BAAC;CAAA,AAtDD,CAAyC,KAAK,CAAC,SAAS,GAsDvD;SAtDY,mBAAmB","sourcesContent":["import React from 'react';\nimport warning from 'warning';\n\nimport type { Nullable } from '../typings/Types.js';\n\nimport { createPropsGetter } from './utils/createPropsGetter.js';\nimport { isTestEnv } from './utils/utils.js';\nimport { ValidationContextWrapper } from './ValidationContextWrapper.js';\nimport { FocusMode } from './FocusMode.js';\n\nexport interface ScrollOffset {\n  top?: number;\n  bottom?: number;\n}\n\nexport interface ValidationSettings {\n  focusMode: FocusMode;\n}\n\nexport type ValidateArgumentType = boolean | ValidationSettings;\n\nexport interface ValidationContainerProps {\n  'data-tid'?: string;\n  children?: React.ReactNode;\n  onValidationUpdated?: (isValid?: Nullable<boolean>) => void;\n  scrollOffset?: ScrollOffset;\n  disableSmoothScroll?: boolean;\n}\n\ntype DefaultProps = Required<Pick<ValidationContainerProps, 'disableSmoothScroll'>>;\n\nexport class ValidationContainer extends React.Component<ValidationContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'ValidationContainer';\n  public static displayName = 'ValidationContainer';\n\n  public static defaultProps: DefaultProps = {\n    disableSmoothScroll: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(ValidationContainer.defaultProps);\n\n  private childContext: ValidationContextWrapper | null = null;\n\n  public async submit(withoutFocus?: boolean): Promise<void>;\n  public async submit(validationSettings?: ValidationSettings): Promise<void>;\n\n  public async submit(\n    withoutFocusOrValidationSettings: ValidateArgumentType = { focusMode: FocusMode.Errors },\n  ): Promise<void> {\n    if (this.childContext) {\n      await this.childContext.validate(withoutFocusOrValidationSettings);\n    }\n    warning(false, 'childContext is not defined');\n  }\n\n  public async validate(withoutFocus?: boolean): Promise<boolean>;\n  public async validate(validationSettings?: ValidationSettings): Promise<boolean>;\n\n  public validate(\n    withoutFocusOrValidationSettings: ValidateArgumentType = { focusMode: FocusMode.Errors },\n  ): Promise<boolean> {\n    if (!this.childContext) {\n      warning(false, 'childContext is not defined');\n      return Promise.resolve(false);\n    }\n    return this.childContext.validate(withoutFocusOrValidationSettings);\n  }\n\n  public render(): React.JSX.Element {\n    return (\n      <ValidationContextWrapper\n        data-tid={this.props['data-tid']}\n        ref={this.refChildContext}\n        scrollOffset={this.props.scrollOffset}\n        disableSmoothScroll={this.getProps().disableSmoothScroll}\n        onValidationUpdated={this.props.onValidationUpdated}\n      >\n        {this.props.children}\n      </ValidationContextWrapper>\n    );\n  }\n\n  private refChildContext = (el: ValidationContextWrapper | null) => {\n    this.childContext = el;\n  };\n}\n"]}

package/src/ValidationContextWrapper.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { ValidationWrapperInternal } from './ValidationWrapperInternal.js';
+import type { ScrollOffset, ValidateArgumentType } from './ValidationContainer.js';
+export interface ValidationContextSettings {
+    scrollOffset: ScrollOffset;
+    disableSmoothScroll: boolean;
+}
+export interface ValidationContextWrapperProps {
+    'data-tid'?: string;
+    children?: React.ReactNode;
+    onValidationUpdated?: (isValid?: boolean) => void;
+    scrollOffset?: number | ScrollOffset;
+    disableSmoothScroll: boolean;
+}
+export interface ValidationContextType {
+    register: (wrapper: ValidationWrapperInternal) => void;
+    unregister: (wrapper: ValidationWrapperInternal) => void;
+    instanceProcessBlur: (wrapper: ValidationWrapperInternal) => void;
+    onValidationUpdated: (wrapper: ValidationWrapperInternal, isValid: boolean) => void;
+    getSettings: () => ValidationContextSettings;
+    isAnyWrapperInChangingMode: () => boolean;
+    isValidationCalled: () => boolean;
+}
+export declare const ValidationContext: React.Context<ValidationContextType>;
+export declare class ValidationContextWrapper extends React.Component<ValidationContextWrapperProps> {
+    childWrappers: ValidationWrapperInternal[];
+    validationHasBeenCalled: boolean;
+    getSettings(): ValidationContextSettings;
+    register(wrapper: ValidationWrapperInternal): void;
+    unregister(wrapper: ValidationWrapperInternal): void;
+    instanceProcessBlur(instance: ValidationWrapperInternal): void;
+    onValidationUpdated(wrapper: ValidationWrapperInternal, isValid?: boolean): void;
+    isAnyWrapperInChangingMode(): boolean;
+    isValidationCalled(): boolean;
+    onValidationRemoved(): void;
+    getChildWrappersSortedByPosition(): ValidationWrapperInternal[];
+    validate(withoutFocusOrValidationSettings: ValidateArgumentType): Promise<boolean>;
+    private static getFocusMode;
+    private renderChildren;
+    render(): React.JSX.Element;
+}

package/src/ValidationContextWrapper.js

@@ -0,0 +1,156 @@
+import { __awaiter, __extends, __generator, __spreadArray } from "tslib";
+import React from 'react';
+import { isNullable } from './utils/isNullable/isNullable.js';
+import { FocusMode } from './FocusMode.js';
+export var ValidationContext = React.createContext({
+    register: function () { return undefined; },
+    unregister: function () { return undefined; },
+    instanceProcessBlur: function () { return undefined; },
+    onValidationUpdated: function () { return undefined; },
+    getSettings: function () { return ({
+        scrollOffset: {},
+        disableSmoothScroll: false,
+    }); },
+    isAnyWrapperInChangingMode: function () { return false; },
+    isValidationCalled: function () { return false; },
+});
+ValidationContext.displayName = 'ValidationContext';
+var ValidationContextWrapper = /** @class */ (function (_super) {
+    __extends(ValidationContextWrapper, _super);
+    function ValidationContextWrapper() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.childWrappers = [];
+        _this.validationHasBeenCalled = false;
+        _this.renderChildren = function (children) {
+            if (React.isValidElement(children)) {
+                return React.cloneElement(children, {
+                    'data-tid': _this.props['data-tid'],
+                });
+            }
+            return children;
+        };
+        return _this;
+    }
+    ValidationContextWrapper.prototype.getSettings = function () {
+        var scrollOffset = {};
+        if (typeof this.props.scrollOffset === 'number') {
+            scrollOffset = { top: this.props.scrollOffset };
+        }
+        else {
+            scrollOffset = isNullable(this.props.scrollOffset) ? {} : this.props.scrollOffset;
+        }
+        var _a = scrollOffset.top, top = _a === void 0 ? 50 : _a, _b = scrollOffset.bottom, bottom = _b === void 0 ? 0 : _b;
+        return {
+            scrollOffset: {
+                top: top,
+                bottom: bottom,
+            },
+            disableSmoothScroll: this.props.disableSmoothScroll,
+        };
+    };
+    ValidationContextWrapper.prototype.register = function (wrapper) {
+        this.childWrappers.push(wrapper);
+    };
+    ValidationContextWrapper.prototype.unregister = function (wrapper) {
+        this.childWrappers.splice(this.childWrappers.indexOf(wrapper), 1);
+        this.onValidationRemoved();
+    };
+    ValidationContextWrapper.prototype.instanceProcessBlur = function (instance) {
+        for (var _i = 0, _a = this.childWrappers.filter(function (x) { return x !== instance && !x.isIndependent(); }); _i < _a.length; _i++) {
+            var wrapper = _a[_i];
+            wrapper.processBlur();
+        }
+    };
+    ValidationContextWrapper.prototype.onValidationUpdated = function (wrapper, isValid) {
+        var onValidationUpdated = this.props.onValidationUpdated;
+        if (onValidationUpdated) {
+            var isValidResult = !this.childWrappers.find(function (x) {
+                if (x === wrapper) {
+                    return !isValid;
+                }
+                return x.hasError();
+            });
+            onValidationUpdated(isValidResult);
+        }
+    };
+    ValidationContextWrapper.prototype.isAnyWrapperInChangingMode = function () {
+        return this.childWrappers.some(function (x) { return x.isChanging; });
+    };
+    ValidationContextWrapper.prototype.isValidationCalled = function () {
+        return this.validationHasBeenCalled;
+    };
+    ValidationContextWrapper.prototype.onValidationRemoved = function () {
+        var onValidationUpdated = this.props.onValidationUpdated;
+        if (onValidationUpdated) {
+            var isValidResult = !this.childWrappers.find(function (x) { return x.hasError(); });
+            onValidationUpdated(isValidResult);
+        }
+    };
+    ValidationContextWrapper.prototype.getChildWrappersSortedByPosition = function () {
+        var wrappersWithPosition = __spreadArray([], this.childWrappers, true).map(function (x) { return ({
+            target: x,
+            position: x.getControlPosition(),
+        }); });
+        wrappersWithPosition.sort(function (x, y) {
+            var xPosition = x.position;
+            var yPosition = y.position;
+            if (isNullable(xPosition) && isNullable(yPosition)) {
+                return 0;
+            }
+            if (isNullable(xPosition)) {
+                return 1;
+            }
+            if (isNullable(yPosition)) {
+                return -1;
+            }
+            if (Math.sign(xPosition.x - yPosition.x) !== 0) {
+                return Math.sign(xPosition.x - yPosition.x);
+            }
+            return Math.sign(xPosition.y - yPosition.y);
+        });
+        return wrappersWithPosition.map(function (x) { return x.target; });
+    };
+    ValidationContextWrapper.prototype.validate = function (withoutFocusOrValidationSettings) {
+        return __awaiter(this, void 0, void 0, function () {
+            var focusMode, childrenWrappersSortedByPosition, firstError;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        focusMode = ValidationContextWrapper.getFocusMode(withoutFocusOrValidationSettings);
+                        return [4 /*yield*/, Promise.all(this.childWrappers.map(function (x) { return x.processSubmit(); }))];
+                    case 1:
+                        _b.sent();
+                        this.validationHasBeenCalled = true;
+                        childrenWrappersSortedByPosition = this.getChildWrappersSortedByPosition();
+                        firstError = childrenWrappersSortedByPosition.find(function (x) { return x.hasError(); });
+                        if (focusMode === FocusMode.ErrorsAndWarnings) {
+                            (_a = childrenWrappersSortedByPosition.find(function (x) { return x.hasError() || x.hasWarning(); })) === null || _a === void 0 ? void 0 : _a.focus();
+                        }
+                        if (focusMode === FocusMode.Errors) {
+                            firstError === null || firstError === void 0 ? void 0 : firstError.focus();
+                        }
+                        if (this.props.onValidationUpdated) {
+                            this.props.onValidationUpdated(!firstError);
+                        }
+                        return [2 /*return*/, !firstError];
+                }
+            });
+        });
+    };
+    ValidationContextWrapper.getFocusMode = function (withoutFocusOrValidationSettings) {
+        if (typeof withoutFocusOrValidationSettings === 'object' && 'focusMode' in withoutFocusOrValidationSettings) {
+            return withoutFocusOrValidationSettings.focusMode;
+        }
+        else if (!withoutFocusOrValidationSettings) {
+            return FocusMode.Errors;
+        }
+        return FocusMode.None;
+    };
+    ValidationContextWrapper.prototype.render = function () {
+        return (React.createElement(ValidationContext.Provider, { value: this }, this.renderChildren(React.createElement("div", { style: { display: 'inline' } }, this.props.children))));
+    };
+    return ValidationContextWrapper;
+}(React.Component));
+export { ValidationContextWrapper };
+//# sourceMappingURL=ValidationContextWrapper.js.map

package/src/ValidationContextWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationContextWrapper.js","sourceRoot":"","sources":["../../src/ValidationContextWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAyB3C,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAwB;IAC1E,QAAQ,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IACzB,UAAU,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAC3B,mBAAmB,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IACpC,mBAAmB,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IACpC,WAAW,EAAE,cAAM,OAAA,CAAC;QAClB,YAAY,EAAE,EAAE;QAChB,mBAAmB,EAAE,KAAK;KAC3B,CAAC,EAHiB,CAGjB;IACF,0BAA0B,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;IACvC,kBAAkB,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;CAChC,CAAC,CAAC;AAEH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD;IAA8C,4CAA8C;IAA5F;;QACS,mBAAa,GAAgC,EAAE,CAAC;QAChD,6BAAuB,GAAY,KAAK,CAAC;QAyHxC,oBAAc,GAAG,UAAC,QAAmD;YAC3E,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACnC,OAAO,KAAK,CAAC,YAAY,CAAC,QAA6D,EAAE;oBACvF,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC;iBACnC,CAAC,CAAC;YACL,CAAC;YAED,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC;;IASJ,CAAC;IAxIQ,8CAAW,GAAlB;QACE,IAAI,YAAY,GAAiB,EAAE,CAAC;QAEpC,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,QAAQ,EAAE,CAAC;YAChD,YAAY,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;QAClD,CAAC;aAAM,CAAC;YACN,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QACpF,CAAC;QAEO,IAAA,KAAyB,YAAY,IAA7B,EAAR,GAAG,mBAAG,EAAE,KAAA,EAAE,KAAe,YAAY,OAAjB,EAAV,MAAM,mBAAG,CAAC,KAAA,CAAkB;QAC9C,OAAO;YACL,YAAY,EAAE;gBACZ,GAAG,KAAA;gBACH,MAAM,QAAA;aACP;YACD,mBAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB;SACpD,CAAC;IACJ,CAAC;IAEM,2CAAQ,GAAf,UAAgB,OAAkC;QAChD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAEM,6CAAU,GAAjB,UAAkB,OAAkC;QAClD,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QAClE,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEM,sDAAmB,GAA1B,UAA2B,QAAmC;QAC5D,KAAsB,UAAsE,EAAtE,KAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,EAApC,CAAoC,CAAC,EAAtE,cAAsE,EAAtE,IAAsE,EAAE,CAAC;YAA1F,IAAM,OAAO,SAAA;YAChB,OAAO,CAAC,WAAW,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEM,sDAAmB,GAA1B,UAA2B,OAAkC,EAAE,OAAiB;QACtE,IAAA,mBAAmB,GAAK,IAAI,CAAC,KAAK,oBAAf,CAAgB;QAC3C,IAAI,mBAAmB,EAAE,CAAC;YACxB,IAAM,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAC,CAAC;gBAC/C,IAAI,CAAC,KAAK,OAAO,EAAE,CAAC;oBAClB,OAAO,CAAC,OAAO,CAAC;gBAClB,CAAC;gBACD,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAC;YACtB,CAAC,CAAC,CAAC;YACH,mBAAmB,CAAC,aAAa,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAEM,6DAA0B,GAAjC;QACE,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,UAAU,EAAZ,CAAY,CAAC,CAAC;IACtD,CAAC;IAEM,qDAAkB,GAAzB;QACE,OAAO,IAAI,CAAC,uBAAuB,CAAC;IACtC,CAAC;IAEM,sDAAmB,GAA1B;QACU,IAAA,mBAAmB,GAAK,IAAI,CAAC,KAAK,oBAAf,CAAgB;QAC3C,IAAI,mBAAmB,EAAE,CAAC;YACxB,IAAM,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAE,EAAZ,CAAY,CAAC,CAAC;YACpE,mBAAmB,CAAC,aAAa,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAEM,mEAAgC,GAAvC;QACE,IAAM,oBAAoB,GAAG,kBAAI,IAAI,CAAC,aAAa,QAAE,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC;YAC/D,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,CAAC,CAAC,kBAAkB,EAAE;SACjC,CAAC,EAH8D,CAG9D,CAAC,CAAC;QACJ,oBAAoB,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;YAC7B,IAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,CAAC;YAC7B,IAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,CAAC;YAC7B,IAAI,UAAU,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;gBACnD,OAAO,CAAC,CAAC;YACX,CAAC;YAED,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC1B,OAAO,CAAC,CAAC;YACX,CAAC;YACD,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC1B,OAAO,CAAC,CAAC,CAAC;YACZ,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/C,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAC9C,CAAC;YACD,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QACH,OAAO,oBAAoB,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,CAAC;IACnD,CAAC;IAEY,2CAAQ,GAArB,UAAsB,gCAAsD;;;;;;;wBACpE,SAAS,GAAG,wBAAwB,CAAC,YAAY,CAAC,gCAAgC,CAAC,CAAC;wBAE1F,qBAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,aAAa,EAAE,EAAjB,CAAiB,CAAC,CAAC,EAAA;;wBAAnE,SAAmE,CAAC;wBAEpE,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;wBAE9B,gCAAgC,GAAG,IAAI,CAAC,gCAAgC,EAAE,CAAC;wBAC3E,UAAU,GAAG,gCAAgC,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAE,EAAZ,CAAY,CAAC,CAAC;wBAC9E,IAAI,SAAS,KAAK,SAAS,CAAC,iBAAiB,EAAE,CAAC;4BAC9C,MAAA,gCAAgC,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,UAAU,EAAE,EAA9B,CAA8B,CAAC,0CAAE,KAAK,EAAE,CAAC;wBACxF,CAAC;wBACD,IAAI,SAAS,KAAK,SAAS,CAAC,MAAM,EAAE,CAAC;4BACnC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,EAAE,CAAC;wBACtB,CAAC;wBACD,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC;4BACnC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,UAAU,CAAC,CAAC;wBAC9C,CAAC;wBACD,sBAAO,CAAC,UAAU,EAAC;;;;KACpB;IAEc,qCAAY,GAA3B,UAA4B,gCAAsD;QAChF,IAAI,OAAO,gCAAgC,KAAK,QAAQ,IAAI,WAAW,IAAI,gCAAgC,EAAE,CAAC;YAC5G,OAAO,gCAAgC,CAAC,SAAS,CAAC;QACpD,CAAC;aAAM,IAAI,CAAC,gCAAgC,EAAE,CAAC;YAC7C,OAAO,SAAS,CAAC,MAAM,CAAC;QAC1B,CAAC;QACD,OAAO,SAAS,CAAC,IAAI,CAAC;IACxB,CAAC;IAYM,yCAAM,GAAb;QACE,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,IACpC,IAAI,CAAC,cAAc,CAAC,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAC,CACzD,CAC9B,CAAC;IACJ,CAAC;IACH,+BAAC;AAAD,CAAC,AA5ID,CAA8C,KAAK,CAAC,SAAS,GA4I5D","sourcesContent":["import React from 'react';\n\nimport type { ValidationWrapperInternal } from './ValidationWrapperInternal.js';\nimport type { ScrollOffset, ValidateArgumentType } from './ValidationContainer.js';\nimport { isNullable } from './utils/isNullable/isNullable.js';\nimport { FocusMode } from './FocusMode.js';\n\nexport interface ValidationContextSettings {\n  scrollOffset: ScrollOffset;\n  disableSmoothScroll: boolean;\n}\n\nexport interface ValidationContextWrapperProps {\n  'data-tid'?: string;\n  children?: React.ReactNode;\n  onValidationUpdated?: (isValid?: boolean) => void;\n  scrollOffset?: number | ScrollOffset;\n  disableSmoothScroll: boolean;\n}\n\nexport interface ValidationContextType {\n  register: (wrapper: ValidationWrapperInternal) => void;\n  unregister: (wrapper: ValidationWrapperInternal) => void;\n  instanceProcessBlur: (wrapper: ValidationWrapperInternal) => void;\n  onValidationUpdated: (wrapper: ValidationWrapperInternal, isValid: boolean) => void;\n  getSettings: () => ValidationContextSettings;\n  isAnyWrapperInChangingMode: () => boolean;\n  isValidationCalled: () => boolean;\n}\n\nexport const ValidationContext = React.createContext<ValidationContextType>({\n  register: () => undefined,\n  unregister: () => undefined,\n  instanceProcessBlur: () => undefined,\n  onValidationUpdated: () => undefined,\n  getSettings: () => ({\n    scrollOffset: {},\n    disableSmoothScroll: false,\n  }),\n  isAnyWrapperInChangingMode: () => false,\n  isValidationCalled: () => false,\n});\n\nValidationContext.displayName = 'ValidationContext';\n\nexport class ValidationContextWrapper extends React.Component<ValidationContextWrapperProps> {\n  public childWrappers: ValidationWrapperInternal[] = [];\n  public validationHasBeenCalled: boolean = false;\n\n  public getSettings(): ValidationContextSettings {\n    let scrollOffset: ScrollOffset = {};\n\n    if (typeof this.props.scrollOffset === 'number') {\n      scrollOffset = { top: this.props.scrollOffset };\n    } else {\n      scrollOffset = isNullable(this.props.scrollOffset) ? {} : this.props.scrollOffset;\n    }\n\n    const { top = 50, bottom = 0 } = scrollOffset;\n    return {\n      scrollOffset: {\n        top,\n        bottom,\n      },\n      disableSmoothScroll: this.props.disableSmoothScroll,\n    };\n  }\n\n  public register(wrapper: ValidationWrapperInternal): void {\n    this.childWrappers.push(wrapper);\n  }\n\n  public unregister(wrapper: ValidationWrapperInternal): void {\n    this.childWrappers.splice(this.childWrappers.indexOf(wrapper), 1);\n    this.onValidationRemoved();\n  }\n\n  public instanceProcessBlur(instance: ValidationWrapperInternal): void {\n    for (const wrapper of this.childWrappers.filter((x) => x !== instance && !x.isIndependent())) {\n      wrapper.processBlur();\n    }\n  }\n\n  public onValidationUpdated(wrapper: ValidationWrapperInternal, isValid?: boolean): void {\n    const { onValidationUpdated } = this.props;\n    if (onValidationUpdated) {\n      const isValidResult = !this.childWrappers.find((x) => {\n        if (x === wrapper) {\n          return !isValid;\n        }\n        return x.hasError();\n      });\n      onValidationUpdated(isValidResult);\n    }\n  }\n\n  public isAnyWrapperInChangingMode(): boolean {\n    return this.childWrappers.some((x) => x.isChanging);\n  }\n\n  public isValidationCalled(): boolean {\n    return this.validationHasBeenCalled;\n  }\n\n  public onValidationRemoved(): void {\n    const { onValidationUpdated } = this.props;\n    if (onValidationUpdated) {\n      const isValidResult = !this.childWrappers.find((x) => x.hasError());\n      onValidationUpdated(isValidResult);\n    }\n  }\n\n  public getChildWrappersSortedByPosition(): ValidationWrapperInternal[] {\n    const wrappersWithPosition = [...this.childWrappers].map((x) => ({\n      target: x,\n      position: x.getControlPosition(),\n    }));\n    wrappersWithPosition.sort((x, y) => {\n      const xPosition = x.position;\n      const yPosition = y.position;\n      if (isNullable(xPosition) && isNullable(yPosition)) {\n        return 0;\n      }\n\n      if (isNullable(xPosition)) {\n        return 1;\n      }\n      if (isNullable(yPosition)) {\n        return -1;\n      }\n      if (Math.sign(xPosition.x - yPosition.x) !== 0) {\n        return Math.sign(xPosition.x - yPosition.x);\n      }\n      return Math.sign(xPosition.y - yPosition.y);\n    });\n    return wrappersWithPosition.map((x) => x.target);\n  }\n\n  public async validate(withoutFocusOrValidationSettings: ValidateArgumentType): Promise<boolean> {\n    const focusMode = ValidationContextWrapper.getFocusMode(withoutFocusOrValidationSettings);\n\n    await Promise.all(this.childWrappers.map((x) => x.processSubmit()));\n\n    this.validationHasBeenCalled = true;\n\n    const childrenWrappersSortedByPosition = this.getChildWrappersSortedByPosition();\n    const firstError = childrenWrappersSortedByPosition.find((x) => x.hasError());\n    if (focusMode === FocusMode.ErrorsAndWarnings) {\n      childrenWrappersSortedByPosition.find((x) => x.hasError() || x.hasWarning())?.focus();\n    }\n    if (focusMode === FocusMode.Errors) {\n      firstError?.focus();\n    }\n    if (this.props.onValidationUpdated) {\n      this.props.onValidationUpdated(!firstError);\n    }\n    return !firstError;\n  }\n\n  private static getFocusMode(withoutFocusOrValidationSettings: ValidateArgumentType) {\n    if (typeof withoutFocusOrValidationSettings === 'object' && 'focusMode' in withoutFocusOrValidationSettings) {\n      return withoutFocusOrValidationSettings.focusMode;\n    } else if (!withoutFocusOrValidationSettings) {\n      return FocusMode.Errors;\n    }\n    return FocusMode.None;\n  }\n\n  private renderChildren = (children: ValidationContextWrapperProps['children']) => {\n    if (React.isValidElement(children)) {\n      return React.cloneElement(children as React.ReactElement<ValidationContextWrapperProps>, {\n        'data-tid': this.props['data-tid'],\n      });\n    }\n\n    return children;\n  };\n\n  public render(): React.JSX.Element {\n    return (\n      <ValidationContext.Provider value={this}>\n        {this.renderChildren(<div style={{ display: 'inline' }}>{this.props.children}</div>)}\n      </ValidationContext.Provider>\n    );\n  }\n}\n"]}

package/src/ValidationHelper.d.ts

@@ -0,0 +1,7 @@
+import type { Nullable } from '../typings/Types.js';
+import type { Validation, ValidationBehaviour, ValidationLevel } from './ValidationWrapperInternal.js';
+export declare function getVisibleValidation(visible: Nullable<Validation>, actual: Nullable<Validation>, changing: boolean): Nullable<Validation>;
+export declare function getType(validation: Nullable<Validation>): Nullable<ValidationBehaviour>;
+export declare function getLevel(validation: Nullable<Validation>): Nullable<ValidationLevel>;
+export declare function getIndependent(validation: Nullable<Validation>): Nullable<boolean>;
+export declare function isEqual(a: Nullable<Validation>, b: Nullable<Validation>): boolean;