@skbkontur/react-ui-validations 2.3.8 → 2.3.9-66d7b.0

package/src/ValidationHelper.js

@@ -0,0 +1,41 @@
+export function getVisibleValidation(visible, actual, changing) {
+    var from = function (type) { return getType(visible) === type; };
+    var to = function (type) { return getType(actual) === type; };
+    if (to('immediate')) {
+        return actual;
+    }
+    if (changing) {
+        return from('immediate') ? null : visible;
+    }
+    if (from(null) && to('lostfocus')) {
+        return null;
+    }
+    if (to('lostfocus')) {
+        return actual;
+    }
+    if (from('submit') && to('submit')) {
+        return visible;
+    }
+    return null;
+}
+export function getType(validation) {
+    return validation ? validation.behaviour : null;
+}
+export function getLevel(validation) {
+    return validation ? validation.level : null;
+}
+export function getIndependent(validation) {
+    return validation ? validation.independent : null;
+}
+export function isEqual(a, b) {
+    if (a === b) {
+        return true;
+    }
+    return (!!a &&
+        !!b &&
+        a.behaviour === b.behaviour &&
+        a.message === b.message &&
+        a.independent === b.independent &&
+        a.level === b.level);
+}
+//# sourceMappingURL=ValidationHelper.js.map

package/src/ValidationHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationHelper.js","sourceRoot":"","sources":["../../src/ValidationHelper.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,oBAAoB,CAClC,OAA6B,EAC7B,MAA4B,EAC5B,QAAiB;IAEjB,IAAM,IAAI,GAAG,UAAC,IAAoC,IAAc,OAAA,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,EAAzB,CAAyB,CAAC;IAC1F,IAAM,EAAE,GAAG,UAAC,IAAoC,IAAc,OAAA,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,EAAxB,CAAwB,CAAC;IAEvF,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;QACpB,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAC5C,CAAC;IAED,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;QAClC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;QACpB,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,UAAgC;IACtD,OAAO,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,UAAgC;IACvD,OAAO,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,UAAgC;IAC7D,OAAO,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,CAAuB,EAAE,CAAuB;IACtE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,SAAS;QAC3B,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO;QACvB,CAAC,CAAC,WAAW,KAAK,CAAC,CAAC,WAAW;QAC/B,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CACpB,CAAC;AACJ,CAAC","sourcesContent":["import type { Nullable } from '../typings/Types.js';\n\nimport type { Validation, ValidationBehaviour, ValidationLevel } from './ValidationWrapperInternal.js';\n\nexport function getVisibleValidation(\n  visible: Nullable<Validation>,\n  actual: Nullable<Validation>,\n  changing: boolean,\n): Nullable<Validation> {\n  const from = (type?: Nullable<ValidationBehaviour>): boolean => getType(visible) === type;\n  const to = (type?: Nullable<ValidationBehaviour>): boolean => getType(actual) === type;\n\n  if (to('immediate')) {\n    return actual;\n  }\n\n  if (changing) {\n    return from('immediate') ? null : visible;\n  }\n\n  if (from(null) && to('lostfocus')) {\n    return null;\n  }\n\n  if (to('lostfocus')) {\n    return actual;\n  }\n\n  if (from('submit') && to('submit')) {\n    return visible;\n  }\n\n  return null;\n}\n\nexport function getType(validation: Nullable<Validation>): Nullable<ValidationBehaviour> {\n  return validation ? validation.behaviour : null;\n}\n\nexport function getLevel(validation: Nullable<Validation>): Nullable<ValidationLevel> {\n  return validation ? validation.level : null;\n}\n\nexport function getIndependent(validation: Nullable<Validation>): Nullable<boolean> {\n  return validation ? validation.independent : null;\n}\n\nexport function isEqual(a: Nullable<Validation>, b: Nullable<Validation>): boolean {\n  if (a === b) {\n    return true;\n  }\n  return (\n    !!a &&\n    !!b &&\n    a.behaviour === b.behaviour &&\n    a.message === b.message &&\n    a.independent === b.independent &&\n    a.level === b.level\n  );\n}\n"]}

package/src/ValidationText.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { Nullable } from '../typings/Types.js';
+import type { TextPosition, Validation } from './ValidationWrapperInternal.js';
+export interface ValidationTextProps {
+    pos: TextPosition;
+    children: React.ReactNode;
+    validation: Nullable<Validation>;
+    'data-tid'?: string;
+}
+export declare const ValidationText: {
+    ({ pos, children, validation, "data-tid": dataTid, }: ValidationTextProps): React.JSX.Element;
+    __KONTUR_REACT_UI__: string;
+    displayName: string;
+};

package/src/ValidationText.js

@@ -0,0 +1,29 @@
+import React, { useContext } from 'react';
+import { getValidationTextColor } from './utils/getValidationTextColor.js';
+import { ThemeContext } from './ReactUiDetection.js';
+export var ValidationText = function (_a) {
+    var pos = _a.pos, children = _a.children, validation = _a.validation, dataTid = _a["data-tid"];
+    var theme = useContext(ThemeContext);
+    var color = getValidationTextColor(theme, validation === null || validation === void 0 ? void 0 : validation.level);
+    if (pos === 'right') {
+        var childrenAndValidationText_1 = (React.createElement(React.Fragment, null,
+            children,
+            React.createElement("span", { "data-tid": dataTid, "data-validation-message": "text", style: { marginLeft: '10px', color: color } }, (validation && validation.message) || '')));
+        return React.createElement("div", { style: { display: 'inline-block' } }, childrenAndValidationText_1);
+    }
+    var validationText = (React.createElement("span", { "data-tid": dataTid, "data-validation-message": "text", style: {
+            color: color,
+            overflow: 'visible',
+            whiteSpace: 'nowrap',
+            position: 'absolute',
+            top: '2px',
+            left: 0,
+        } }, (validation && validation.message) || ''));
+    var childrenAndValidationText = (React.createElement(React.Fragment, null,
+        children,
+        React.createElement("span", { style: { position: 'absolute', bottom: 0, left: 0, height: 0 } }, validationText)));
+    return React.createElement("div", { style: { position: 'relative', display: 'inline-block' } }, childrenAndValidationText);
+};
+ValidationText.__KONTUR_REACT_UI__ = 'ValidationText';
+ValidationText.displayName = 'ValidationText';
+//# sourceMappingURL=ValidationText.js.map

package/src/ValidationText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationText.js","sourceRoot":"","sources":["../../src/ValidationText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASrD,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAKT;QAJpB,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,UAAU,gBAAA,EACE,OAAO,iBAAA;IAEnB,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,KAAK,GAAG,sBAAsB,CAAC,KAAK,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC,CAAC;IAE/D,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;QACpB,IAAM,2BAAyB,GAAG,CAChC;YACG,QAAQ;YACT,0CAAgB,OAAO,6BAA0B,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,OAAA,EAAE,IACzF,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CACpC,CACN,CACJ,CAAC;QACF,OAAO,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,IAAG,2BAAyB,CAAO,CAAC;IACpF,CAAC;IAED,IAAM,cAAc,GAAG,CACrB,0CACY,OAAO,6BACO,MAAM,EAC9B,KAAK,EAAE;YACL,KAAK,OAAA;YACL,QAAQ,EAAE,SAAS;YACnB,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,CAAC;SACR,IAEA,CAAC,UAAU,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,CACpC,CACR,CAAC;IAEF,IAAM,yBAAyB,GAAG,CAChC;QACG,QAAQ;QACT,8BAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAG,cAAc,CAAQ,CAC5F,CACJ,CAAC;IAEF,OAAO,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,IAAG,yBAAyB,CAAO,CAAC;AAC1G,CAAC,CAAC;AAEF,cAAc,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;AACtD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport type { Nullable } from '../typings/Types.js';\n\nimport type { TextPosition, Validation } from './ValidationWrapperInternal.js';\nimport { getValidationTextColor } from './utils/getValidationTextColor.js';\nimport { ThemeContext } from './ReactUiDetection.js';\n\nexport interface ValidationTextProps {\n  pos: TextPosition;\n  children: React.ReactNode;\n  validation: Nullable<Validation>;\n  'data-tid'?: string;\n}\n\nexport const ValidationText = ({\n  pos,\n  children,\n  validation,\n  'data-tid': dataTid,\n}: ValidationTextProps): React.JSX.Element => {\n  const theme = useContext(ThemeContext);\n  const color = getValidationTextColor(theme, validation?.level);\n\n  if (pos === 'right') {\n    const childrenAndValidationText = (\n      <>\n        {children}\n        <span data-tid={dataTid} data-validation-message=\"text\" style={{ marginLeft: '10px', color }}>\n          {(validation && validation.message) || ''}\n        </span>\n      </>\n    );\n    return <div style={{ display: 'inline-block' }}>{childrenAndValidationText}</div>;\n  }\n\n  const validationText = (\n    <span\n      data-tid={dataTid}\n      data-validation-message=\"text\"\n      style={{\n        color,\n        overflow: 'visible',\n        whiteSpace: 'nowrap',\n        position: 'absolute',\n        top: '2px',\n        left: 0,\n      }}\n    >\n      {(validation && validation.message) || ''}\n    </span>\n  );\n\n  const childrenAndValidationText = (\n    <>\n      {children}\n      <span style={{ position: 'absolute', bottom: 0, left: 0, height: 0 }}>{validationText}</span>\n    </>\n  );\n\n  return <div style={{ position: 'relative', display: 'inline-block' }}>{childrenAndValidationText}</div>;\n};\n\nValidationText.__KONTUR_REACT_UI__ = 'ValidationText';\nValidationText.displayName = 'ValidationText';\n"]}

package/src/ValidationTooltip.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type TooltipPosition = 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right' | 'left top' | 'left middle' | 'left bottom' | 'right top' | 'right middle' | 'right bottom';
+export interface ValidationTooltipProps {
+    children: React.ReactElement<any>;
+    error: boolean;
+    pos?: TooltipPosition;
+    render?: () => React.ReactNode;
+    'data-tid'?: string;
+}
+export declare class ValidationTooltip extends React.Component<ValidationTooltipProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    render(): React.JSX.Element;
+}

package/src/ValidationTooltip.js

@@ -0,0 +1,22 @@
+import { __assign, __extends, __rest } from "tslib";
+import React from 'react';
+import { ReactUiDetection, Tooltip } from './ReactUiDetection.js';
+var ValidationTooltip = /** @class */ (function (_super) {
+    __extends(ValidationTooltip, _super);
+    function ValidationTooltip() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ValidationTooltip.prototype.render = function () {
+        var _a = this.props, children = _a.children, pos = _a.pos, error = _a.error, render = _a.render, rest = __rest(_a, ["children", "pos", "error", "render"]);
+        var onlyChild = React.Children.only(children);
+        var child = onlyChild && onlyChild.props ? onlyChild.props.children : null;
+        return ReactUiDetection.isRadioGroup(child) ||
+            ReactUiDetection.isTokenInput(child) ||
+            ReactUiDetection.isSwitcher(child) ? (React.createElement(Tooltip, __assign({ useWrapper: false, pos: pos, render: error ? render : undefined, trigger: 'hover&focus' }, rest), child)) : (React.createElement(Tooltip, __assign({ pos: pos, render: error ? render : undefined, trigger: 'hover&focus' }, rest), children));
+    };
+    ValidationTooltip.__KONTUR_REACT_UI__ = 'ValidationTooltip';
+    ValidationTooltip.displayName = 'ValidationTooltip';
+    return ValidationTooltip;
+}(React.Component));
+export { ValidationTooltip };
+//# sourceMappingURL=ValidationTooltip.js.map

package/src/ValidationTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationTooltip.js","sourceRoot":"","sources":["../../src/ValidationTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAwBlE;IAAuC,qCAAuC;IAA9E;;IAsBA,CAAC;IAlBQ,kCAAM,GAAb;QACE,IAAM,KAA4C,IAAI,CAAC,KAAK,EAApD,QAAQ,cAAA,EAAE,GAAG,SAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAvC,sCAAyC,CAAa,CAAC;QAE7D,IAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChD,IAAM,KAAK,GAAG,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;QAE7E,OAAO,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC;YACzC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC;YACpC,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACrC,oBAAC,OAAO,aAAC,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IAAM,IAAI,GACvG,KAAK,CACE,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,aAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IAAM,IAAI,GACpF,QAAQ,CACD,CACX,CAAC;IACJ,CAAC;IApBa,qCAAmB,GAAG,mBAAmB,CAAC;IAC1C,6BAAW,GAAG,mBAAmB,CAAC;IAoBlD,wBAAC;CAAA,AAtBD,CAAuC,KAAK,CAAC,SAAS,GAsBrD;SAtBY,iBAAiB","sourcesContent":["import React from 'react';\n\nimport { ReactUiDetection, Tooltip } from './ReactUiDetection.js';\n\nexport type TooltipPosition =\n  | 'top left'\n  | 'top center'\n  | 'top right'\n  | 'bottom left'\n  | 'bottom center'\n  | 'bottom right'\n  | 'left top'\n  | 'left middle'\n  | 'left bottom'\n  | 'right top'\n  | 'right middle'\n  | 'right bottom';\n\nexport interface ValidationTooltipProps {\n  children: React.ReactElement<any>;\n  error: boolean;\n  pos?: TooltipPosition;\n  render?: () => React.ReactNode;\n  'data-tid'?: string;\n}\n\nexport class ValidationTooltip extends React.Component<ValidationTooltipProps> {\n  public static __KONTUR_REACT_UI__ = 'ValidationTooltip';\n  public static displayName = 'ValidationTooltip';\n\n  public render(): React.JSX.Element {\n    const { children, pos, error, render, ...rest } = this.props;\n\n    const onlyChild = React.Children.only(children);\n    const child = onlyChild && onlyChild.props ? onlyChild.props.children : null;\n\n    return ReactUiDetection.isRadioGroup(child) ||\n      ReactUiDetection.isTokenInput(child) ||\n      ReactUiDetection.isSwitcher(child) ? (\n      <Tooltip useWrapper={false} pos={pos} render={error ? render : undefined} trigger={'hover&focus'} {...rest}>\n        {child}\n      </Tooltip>\n    ) : (\n      <Tooltip pos={pos} render={error ? render : undefined} trigger={'hover&focus'} {...rest}>\n        {children}\n      </Tooltip>\n    );\n  }\n}\n"]}

package/src/ValidationWrapper.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { Nullable } from '../typings/Types.js';
+import type { RenderErrorMessage, ValidationBehaviour, ValidationLevel, ValidationWrapperInternalProps } from './ValidationWrapperInternal.js';
+export interface ValidationInfo {
+    type?: Nullable<ValidationBehaviour>;
+    level?: Nullable<ValidationLevel>;
+    message: React.ReactNode;
+    independent?: boolean;
+}
+export interface ValidationWrapperProps extends Pick<ValidationWrapperInternalProps, 'data-tid'> {
+    children?: React.ReactElement<any>;
+    validationInfo: Nullable<ValidationInfo>;
+    renderMessage?: Nullable<RenderErrorMessage>;
+}
+export declare class ValidationWrapper extends React.Component<ValidationWrapperProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    render(): React.JSX.Element;
+}

package/src/ValidationWrapper.js

@@ -0,0 +1,27 @@
+import { __extends } from "tslib";
+import React from 'react';
+import { tooltip } from './ErrorRenderer.js';
+import { ValidationWrapperInternal } from './ValidationWrapperInternal.js';
+var ValidationWrapper = /** @class */ (function (_super) {
+    __extends(ValidationWrapper, _super);
+    function ValidationWrapper() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ValidationWrapper.prototype.render = function () {
+        var _a = this.props, children = _a.children, validationInfo = _a.validationInfo, renderMessage = _a.renderMessage, datTid = _a["data-tid"];
+        var validation = validationInfo
+            ? {
+                level: validationInfo.level || 'error',
+                behaviour: validationInfo.type || 'lostfocus',
+                message: validationInfo.message,
+                independent: validationInfo.independent || false,
+            }
+            : null;
+        return (React.createElement(ValidationWrapperInternal, { "data-tid": datTid, errorMessage: renderMessage || tooltip('right top'), validation: validation }, children));
+    };
+    ValidationWrapper.__KONTUR_REACT_UI__ = 'ValidationWrapper';
+    ValidationWrapper.displayName = 'ValidationWrapper';
+    return ValidationWrapper;
+}(React.Component));
+export { ValidationWrapper };
+//# sourceMappingURL=ValidationWrapper.js.map

package/src/ValidationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationWrapper.js","sourceRoot":"","sources":["../../src/ValidationWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAQ7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAe3E;IAAuC,qCAAuC;IAA9E;;IAyBA,CAAC;IArBQ,kCAAM,GAAb;QACQ,IAAA,KAAkE,IAAI,CAAC,KAAK,EAA1E,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,aAAa,mBAAA,EAAc,MAAM,iBAAe,CAAC;QACnF,IAAM,UAAU,GAAyB,cAAc;YACrD,CAAC,CAAC;gBACE,KAAK,EAAE,cAAc,CAAC,KAAK,IAAI,OAAO;gBACtC,SAAS,EAAE,cAAc,CAAC,IAAI,IAAI,WAAW;gBAC7C,OAAO,EAAE,cAAc,CAAC,OAAO;gBAC/B,WAAW,EAAE,cAAc,CAAC,WAAW,IAAI,KAAK;aACjD;YACH,CAAC,CAAC,IAAI,CAAC;QAET,OAAO,CACL,oBAAC,yBAAyB,gBACd,MAAM,EAChB,YAAY,EAAE,aAAa,IAAI,OAAO,CAAC,WAAW,CAAC,EACnD,UAAU,EAAE,UAAU,IAErB,QAAQ,CACiB,CAC7B,CAAC;IACJ,CAAC;IAvBa,qCAAmB,GAAG,mBAAmB,CAAC;IAC1C,6BAAW,GAAG,mBAAmB,CAAC;IAuBlD,wBAAC;CAAA,AAzBD,CAAuC,KAAK,CAAC,SAAS,GAyBrD;SAzBY,iBAAiB","sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../typings/Types.js';\n\nimport { tooltip } from './ErrorRenderer.js';\nimport type {\n  RenderErrorMessage,\n  Validation,\n  ValidationBehaviour,\n  ValidationLevel,\n  ValidationWrapperInternalProps,\n} from './ValidationWrapperInternal.js';\nimport { ValidationWrapperInternal } from './ValidationWrapperInternal.js';\n\nexport interface ValidationInfo {\n  type?: Nullable<ValidationBehaviour>;\n  level?: Nullable<ValidationLevel>;\n  message: React.ReactNode;\n  independent?: boolean;\n}\n\nexport interface ValidationWrapperProps extends Pick<ValidationWrapperInternalProps, 'data-tid'> {\n  children?: React.ReactElement<any>;\n  validationInfo: Nullable<ValidationInfo>;\n  renderMessage?: Nullable<RenderErrorMessage>;\n}\n\nexport class ValidationWrapper extends React.Component<ValidationWrapperProps> {\n  public static __KONTUR_REACT_UI__ = 'ValidationWrapper';\n  public static displayName = 'ValidationWrapper';\n\n  public render(): React.JSX.Element {\n    const { children, validationInfo, renderMessage, 'data-tid': datTid } = this.props;\n    const validation: Nullable<Validation> = validationInfo\n      ? {\n          level: validationInfo.level || 'error',\n          behaviour: validationInfo.type || 'lostfocus',\n          message: validationInfo.message,\n          independent: validationInfo.independent || false,\n        }\n      : null;\n\n    return (\n      <ValidationWrapperInternal\n        data-tid={datTid}\n        errorMessage={renderMessage || tooltip('right top')}\n        validation={validation}\n      >\n        {children}\n      </ValidationWrapperInternal>\n    );\n  }\n}\n"]}

package/src/ValidationWrapperInternal.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import type { Nullable } from '../typings/Types.js';
+import type { ValidationContextType } from './ValidationContextWrapper.js';
+export type ValidationBehaviour = 'immediate' | 'lostfocus' | 'submit';
+export type ValidationLevel = 'error' | 'warning';
+export type TextPosition = 'bottom' | 'right';
+export interface Validation {
+    level: ValidationLevel;
+    behaviour: ValidationBehaviour;
+    message: React.ReactNode;
+    independent: boolean;
+}
+export type RenderErrorMessage = (control: React.ReactElement<any>, hasError: boolean, validation: Nullable<Validation>) => React.ReactElement<any>;
+export interface ValidationWrapperInternalProps {
+    children?: React.ReactElement<any>;
+    validation: Nullable<Validation>;
+    errorMessage: RenderErrorMessage;
+    'data-tid'?: string;
+}
+interface ValidationWrapperInternalState {
+    validation: Nullable<Validation>;
+}
+interface Point {
+    x: number;
+    y: number;
+}
+export declare class ValidationWrapperInternal extends React.Component<ValidationWrapperInternalProps, ValidationWrapperInternalState> {
+    state: ValidationWrapperInternalState;
+    isChanging: boolean;
+    private child;
+    private rootNode;
+    static contextType: React.Context<ValidationContextType>;
+    context: ValidationContextType;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(): void;
+    focus(): Promise<void>;
+    render(): React.JSX.Element;
+    private customRef;
+    private setRootNode;
+    getRootNode: () => Nullable<Element>;
+    getControlPosition(): Nullable<Point>;
+    processBlur(): Promise<void>;
+    processSubmit(): Promise<void>;
+    hasError(): boolean;
+    hasWarning(): boolean;
+    isIndependent(): boolean;
+    private handleBlur;
+    private applyValidation;
+    private setValidation;
+    private getOnBlurValidation;
+    private getVisibleValidation;
+}
+export {};

package/src/ValidationWrapperInternal.js

@@ -0,0 +1,230 @@
+import { __awaiter, __extends, __generator } from "tslib";
+import React from 'react';
+import warning from 'warning';
+import { getRootNode, ReactUiDetection } from './ReactUiDetection.js';
+import { isElement } from './utils/utils.js';
+import { smoothScrollIntoView } from './smoothScrollIntoView.js';
+import { getIndependent, getLevel, getType, getVisibleValidation, isEqual } from './ValidationHelper.js';
+import { ValidationContext } from './ValidationContextWrapper.js';
+var ValidationWrapperInternal = /** @class */ (function (_super) {
+    __extends(ValidationWrapperInternal, _super);
+    function ValidationWrapperInternal() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            validation: null,
+        };
+        _this.isChanging = false;
+        _this.context = _this.context;
+        _this.customRef = function (instance) {
+            var children = _this.props.children;
+            _this.setRootNode(instance);
+            var child = children; // todo type or maybe React.Children.only
+            if (child && child.ref) {
+                if (typeof child.ref === 'function') {
+                    child.ref(instance);
+                }
+                if (Object.prototype.hasOwnProperty.call(child.ref, 'current')) {
+                    child.ref.current = instance;
+                }
+            }
+            _this.child = instance;
+        };
+        _this.setRootNode = function (element) {
+            _this.rootNode = getRootNode(element);
+        };
+        _this.getRootNode = function () {
+            return _this.rootNode;
+        };
+        return _this;
+    }
+    ValidationWrapperInternal.prototype.componentDidMount = function () {
+        warning(this.context, 'ValidationWrapper should appears as child of ValidationContainer.\n' +
+            'https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs');
+        if (this.context) {
+            this.context.register(this);
+        }
+        if (this.context.isValidationCalled()) {
+            this.processSubmit();
+        }
+        else {
+            this.applyValidation(this.props.validation);
+        }
+    };
+    ValidationWrapperInternal.prototype.componentWillUnmount = function () {
+        this.context.unregister(this);
+    };
+    ValidationWrapperInternal.prototype.componentDidUpdate = function () {
+        this.applyValidation(this.props.validation);
+    };
+    ValidationWrapperInternal.prototype.focus = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var htmlElement, _a, disableSmoothScroll, scrollOffset;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        htmlElement = this.getRootNode();
+                        if (!isElement(htmlElement)) return [3 /*break*/, 3];
+                        _a = this.context.getSettings(), disableSmoothScroll = _a.disableSmoothScroll, scrollOffset = _a.scrollOffset;
+                        if (!!disableSmoothScroll) return [3 /*break*/, 2];
+                        return [4 /*yield*/, smoothScrollIntoView(htmlElement, scrollOffset)];
+                    case 1:
+                        _b.sent();
+                        _b.label = 2;
+                    case 2:
+                        if (this.child && typeof this.child.focus === 'function') {
+                            this.child.focus({ withoutOpenDropdown: true });
+                        }
+                        _b.label = 3;
+                    case 3:
+                        this.isChanging = false;
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    ValidationWrapperInternal.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, children = _a.children, dataTid = _a["data-tid"];
+        var validation = this.state.validation;
+        var clonedChild = children ? (React.cloneElement(children, {
+            ref: this.customRef,
+            error: !this.isChanging && getLevel(validation) === 'error',
+            warning: !this.isChanging && getLevel(validation) === 'warning',
+            onBlur: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                _this.handleBlur();
+                if (children.props && children.props.onBlur) {
+                    (_a = children.props).onBlur.apply(_a, args);
+                }
+            },
+            onChange: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                _this.isChanging = true;
+                if (children.props && children.props.onChange) {
+                    (_a = children.props).onChange.apply(_a, args);
+                }
+            },
+            onValueChange: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                _this.isChanging = true;
+                if (ReactUiDetection.isSelectionControl(children)) {
+                    _this.setValidation(null);
+                }
+                if (children.props && children.props.onValueChange) {
+                    (_a = children.props).onValueChange.apply(_a, args);
+                }
+            },
+        })) : (React.createElement("span", { ref: this.setRootNode }));
+        if (ReactUiDetection.isComboBox(clonedChild)) {
+            clonedChild = React.cloneElement(clonedChild, {
+                onInputValueChange: function () {
+                    var _a;
+                    var args = [];
+                    for (var _i = 0; _i < arguments.length; _i++) {
+                        args[_i] = arguments[_i];
+                    }
+                    _this.isChanging = true;
+                    _this.forceUpdate();
+                    if (children && children.props && children.props.onInputValueChange) {
+                        return (_a = children.props).onInputValueChange.apply(_a, args);
+                    }
+                },
+            });
+        }
+        return React.cloneElement(this.props.errorMessage(React.createElement("div", { style: { display: 'inline' } }, clonedChild), !!validation, validation), {
+            'data-tid': dataTid,
+        });
+    };
+    ValidationWrapperInternal.prototype.getControlPosition = function () {
+        var htmlElement = this.getRootNode();
+        if (isElement(htmlElement)) {
+            var rect = htmlElement.getBoundingClientRect();
+            return { x: rect.top, y: rect.left };
+        }
+        return null;
+    };
+    ValidationWrapperInternal.prototype.processBlur = function () {
+        var touched = this.isChanging;
+        this.isChanging = false;
+        var validation = this.getOnBlurValidation(touched);
+        return this.setValidation(validation);
+    };
+    ValidationWrapperInternal.prototype.processSubmit = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                this.isChanging = false;
+                return [2 /*return*/, this.setValidation(this.props.validation)];
+            });
+        });
+    };
+    ValidationWrapperInternal.prototype.hasError = function () {
+        return getLevel(this.state.validation) === 'error';
+    };
+    ValidationWrapperInternal.prototype.hasWarning = function () {
+        return getLevel(this.state.validation) === 'warning';
+    };
+    ValidationWrapperInternal.prototype.isIndependent = function () {
+        return getIndependent(this.state.validation || this.props.validation) === true;
+    };
+    ValidationWrapperInternal.prototype.handleBlur = function () {
+        var _this = this;
+        setTimeout(function () {
+            _this.processBlur();
+            if (!_this.isIndependent()) {
+                _this.context.instanceProcessBlur(_this);
+            }
+            _this.setState({});
+        });
+    };
+    ValidationWrapperInternal.prototype.applyValidation = function (actual) {
+        var visible = this.getVisibleValidation(actual);
+        this.setValidation(visible);
+    };
+    ValidationWrapperInternal.prototype.setValidation = function (validation) {
+        var _this = this;
+        var current = this.state.validation;
+        if (current === validation) {
+            return Promise.resolve();
+        }
+        return new Promise(function (resolve) {
+            _this.setState({ validation: validation }, function () {
+                if (Boolean(current) !== Boolean(validation)) {
+                    _this.context.onValidationUpdated(_this, !validation);
+                }
+                resolve();
+            });
+        });
+    };
+    ValidationWrapperInternal.prototype.getOnBlurValidation = function (touched) {
+        var actual = this.props.validation;
+        if (getType(actual) === 'submit') {
+            var visible = this.state.validation;
+            return !touched && getType(visible) === 'submit' ? visible : null;
+        }
+        return actual;
+    };
+    ValidationWrapperInternal.prototype.getVisibleValidation = function (actual) {
+        var visible = this.state.validation;
+        if (isEqual(visible, actual)) {
+            return visible;
+        }
+        var changing = this.context.isAnyWrapperInChangingMode();
+        return getVisibleValidation(visible, actual, changing);
+    };
+    ValidationWrapperInternal.contextType = ValidationContext;
+    return ValidationWrapperInternal;
+}(React.Component));
+export { ValidationWrapperInternal };
+//# sourceMappingURL=ValidationWrapperInternal.js.map

package/src/ValidationWrapperInternal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationWrapperInternal.js","sourceRoot":"","sources":["../../src/ValidationWrapperInternal.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ReactInstance } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport type { Nullable } from '../typings/Types.js';\n\nimport { getRootNode, ReactUiDetection } from './ReactUiDetection.js';\nimport { isElement } from './utils/utils.js';\nimport { smoothScrollIntoView } from './smoothScrollIntoView.js';\nimport { getIndependent, getLevel, getType, getVisibleValidation, isEqual } from './ValidationHelper.js';\nimport type { ValidationContextType } from './ValidationContextWrapper.js';\nimport { ValidationContext } from './ValidationContextWrapper.js';\n\nexport type ValidationBehaviour = 'immediate' | 'lostfocus' | 'submit';\n\nexport type ValidationLevel = 'error' | 'warning';\n\nexport type TextPosition = 'bottom' | 'right';\n\nexport interface Validation {\n  level: ValidationLevel;\n  behaviour: ValidationBehaviour;\n  message: React.ReactNode;\n  independent: boolean;\n}\n\nexport type RenderErrorMessage = (\n  control: React.ReactElement<any>,\n  hasError: boolean,\n  validation: Nullable<Validation>,\n) => React.ReactElement<any>;\n\nexport interface ValidationWrapperInternalProps {\n  children?: React.ReactElement<any>;\n  validation: Nullable<Validation>;\n  errorMessage: RenderErrorMessage;\n  'data-tid'?: string;\n}\n\ninterface ValidationWrapperInternalState {\n  validation: Nullable<Validation>;\n}\n\ninterface Point {\n  x: number;\n  y: number;\n}\n\nexport class ValidationWrapperInternal extends React.Component<\n  ValidationWrapperInternalProps,\n  ValidationWrapperInternalState\n> {\n  public state: ValidationWrapperInternalState = {\n    validation: null,\n  };\n\n  public isChanging = false;\n  private child: any; // todo type\n  private rootNode: Nullable<Element>;\n\n  public static contextType = ValidationContext;\n  public context: ValidationContextType = this.context;\n\n  public componentDidMount() {\n    warning(\n      this.context,\n      'ValidationWrapper should appears as child of ValidationContainer.\\n' +\n        'https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs',\n    );\n    if (this.context) {\n      this.context.register(this);\n    }\n    if (this.context.isValidationCalled()) {\n      this.processSubmit();\n    } else {\n      this.applyValidation(this.props.validation);\n    }\n  }\n\n  public componentWillUnmount() {\n    this.context.unregister(this);\n  }\n\n  public componentDidUpdate() {\n    this.applyValidation(this.props.validation);\n  }\n\n  public async focus(): Promise<void> {\n    const htmlElement = this.getRootNode();\n    if (isElement(htmlElement)) {\n      const { disableSmoothScroll, scrollOffset } = this.context.getSettings();\n      if (!disableSmoothScroll) {\n        await smoothScrollIntoView(htmlElement, scrollOffset);\n      }\n      if (this.child && typeof this.child.focus === 'function') {\n        this.child.focus({ withoutOpenDropdown: true });\n      }\n    }\n    this.isChanging = false;\n  }\n\n  public render(): React.JSX.Element {\n    const { children, 'data-tid': dataTid } = this.props;\n    const { validation } = this.state;\n\n    let clonedChild: React.ReactElement<any> = children ? (\n      React.cloneElement(children, {\n        ref: this.customRef,\n        error: !this.isChanging && getLevel(validation) === 'error',\n        warning: !this.isChanging && getLevel(validation) === 'warning',\n        onBlur: (...args: any[]) => {\n          this.handleBlur();\n          if (children.props && children.props.onBlur) {\n            children.props.onBlur(...args);\n          }\n        },\n        onChange: (...args: any[]) => {\n          this.isChanging = true;\n          if (children.props && children.props.onChange) {\n            children.props.onChange(...args);\n          }\n        },\n        onValueChange: (...args: any[]) => {\n          this.isChanging = true;\n\n          if (ReactUiDetection.isSelectionControl(children)) {\n            this.setValidation(null);\n          }\n\n          if (children.props && children.props.onValueChange) {\n            children.props.onValueChange(...args);\n          }\n        },\n      })\n    ) : (\n      <span ref={this.setRootNode} />\n    );\n    if (ReactUiDetection.isComboBox(clonedChild)) {\n      clonedChild = React.cloneElement(clonedChild, {\n        onInputValueChange: (...args: any[]) => {\n          this.isChanging = true;\n          this.forceUpdate();\n          if (children && children.props && children.props.onInputValueChange) {\n            return children.props.onInputValueChange(...args);\n          }\n        },\n      });\n    }\n\n    return React.cloneElement(\n      this.props.errorMessage(<div style={{ display: 'inline' }}>{clonedChild}</div>, !!validation, validation),\n      {\n        'data-tid': dataTid,\n      },\n    );\n  }\n\n  private customRef = (instance: Nullable<ReactInstance>) => {\n    const { children } = this.props;\n\n    this.setRootNode(instance);\n    const child = children as any; // todo type or maybe React.Children.only\n    if (child && child.ref) {\n      if (typeof child.ref === 'function') {\n        child.ref(instance);\n      }\n      if (Object.prototype.hasOwnProperty.call(child.ref, 'current')) {\n        child.ref.current = instance;\n      }\n    }\n    this.child = instance;\n  };\n\n  private setRootNode = (element: Nullable<ReactInstance>) => {\n    this.rootNode = getRootNode(element);\n  };\n\n  public getRootNode = (): Nullable<Element> => {\n    return this.rootNode;\n  };\n\n  public getControlPosition(): Nullable<Point> {\n    const htmlElement = this.getRootNode();\n    if (isElement(htmlElement)) {\n      const rect = htmlElement.getBoundingClientRect();\n      return { x: rect.top, y: rect.left };\n    }\n    return null;\n  }\n\n  public processBlur(): Promise<void> {\n    const touched = this.isChanging;\n    this.isChanging = false;\n    const validation = this.getOnBlurValidation(touched);\n    return this.setValidation(validation);\n  }\n\n  public async processSubmit(): Promise<void> {\n    this.isChanging = false;\n    return this.setValidation(this.props.validation);\n  }\n\n  public hasError(): boolean {\n    return getLevel(this.state.validation) === 'error';\n  }\n\n  public hasWarning(): boolean {\n    return getLevel(this.state.validation) === 'warning';\n  }\n\n  public isIndependent(): boolean {\n    return getIndependent(this.state.validation || this.props.validation) === true;\n  }\n\n  private handleBlur() {\n    setTimeout(() => {\n      this.processBlur();\n      if (!this.isIndependent()) {\n        this.context.instanceProcessBlur(this);\n      }\n      this.setState({});\n    });\n  }\n\n  private applyValidation(actual: Nullable<Validation>) {\n    const visible = this.getVisibleValidation(actual);\n    this.setValidation(visible);\n  }\n\n  private setValidation(validation: Nullable<Validation>): Promise<void> {\n    const current = this.state.validation;\n\n    if (current === validation) {\n      return Promise.resolve();\n    }\n\n    return new Promise((resolve) => {\n      this.setState({ validation }, () => {\n        if (Boolean(current) !== Boolean(validation)) {\n          this.context.onValidationUpdated(this, !validation);\n        }\n        resolve();\n      });\n    });\n  }\n\n  private getOnBlurValidation(touched: boolean): Nullable<Validation> {\n    const actual = this.props.validation;\n    if (getType(actual) === 'submit') {\n      const visible = this.state.validation;\n      return !touched && getType(visible) === 'submit' ? visible : null;\n    }\n    return actual;\n  }\n\n  private getVisibleValidation(actual: Nullable<Validation>): Nullable<Validation> {\n    const visible = this.state.validation;\n    if (isEqual(visible, actual)) {\n      return visible;\n    }\n    const changing = this.context.isAnyWrapperInChangingMode();\n    return getVisibleValidation(visible, actual, changing);\n  }\n}\n"]}

package/src/Validations/PathHelper.d.ts

@@ -0,0 +1,13 @@
+type NonNullableRecursive<T> = {
+    [K in keyof T]-?: T[K] extends Record<string, unknown> ? NonNullable<NonNullableRecursive<T[K]>> : NonNullable<T[K]>;
+};
+export type LambdaPath<T, TChild> = (x: NonNullable<NonNullableRecursive<T>>) => TChild;
+export declare function extractPath(lambda: string): string;
+export declare function extractTokens(path: string): string[];
+export declare class PathTokensCache {
+    private readonly cache;
+    getOrAdd<T, TChild>(lambdaPath: LambdaPath<T, TChild>): string[];
+    has<T, TChild>(lambdaPath: LambdaPath<T, TChild>): boolean;
+    get size(): number;
+}
+export {};

package/src/Validations/PathHelper.js

@@ -0,0 +1,42 @@
+import warning from 'warning';
+var classicFunctionRegEx = /^\s*function\s*\(\s*([A-Za-z0-9_$]+)\s*\)\s*\{\s*(?:(?:"use strict"|'use strict');?)?\s*return\s+\1\s*([.[].*?)?\s*;?\s*\}\s*$/;
+var arrowFunctionRegEx = /^\s*\(?\s*([A-Za-z0-9_$]+)\s*\)?\s*=>\s*\1\s*([.[].*?)?\s*$/;
+export function extractPath(lambda) {
+    var match = classicFunctionRegEx.exec(lambda) || arrowFunctionRegEx.exec(lambda);
+    if (match && match.length === 3) {
+        return (match[2] || '').replace(/(^\.\s*)/g, '');
+    }
+    warning(false, "Not supported or invalid path: <".concat(lambda, ">"));
+    return '';
+}
+export function extractTokens(path) {
+    return path.split(/[\s.[\]]+/g).filter(function (x) { return x; });
+}
+var PathTokensCache = /** @class */ (function () {
+    function PathTokensCache() {
+        this.cache = new Map();
+    }
+    PathTokensCache.prototype.getOrAdd = function (lambdaPath) {
+        var lambdaString = lambdaPath.toString();
+        if (!this.cache.has(lambdaString)) {
+            var path = extractPath(lambdaString);
+            var tokens = extractTokens(path);
+            this.cache.set(lambdaString, tokens);
+        }
+        return this.cache.get(lambdaString);
+    };
+    PathTokensCache.prototype.has = function (lambdaPath) {
+        var lambdaString = lambdaPath.toString();
+        return this.cache.has(lambdaString);
+    };
+    Object.defineProperty(PathTokensCache.prototype, "size", {
+        get: function () {
+            return this.cache.size;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return PathTokensCache;
+}());
+export { PathTokensCache };
+//# sourceMappingURL=PathHelper.js.map

package/src/Validations/PathHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PathHelper.js","sourceRoot":"","sources":["../../../src/Validations/PathHelper.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,IAAM,oBAAoB,GACxB,gIAAgI,CAAC;AACnI,IAAM,kBAAkB,GAAG,6DAA6D,CAAC;AAQzF,MAAM,UAAU,WAAW,CAAC,MAAc;IACxC,IAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnF,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,CAAC,KAAK,EAAE,0CAAmC,MAAM,MAAG,CAAC,CAAC;IAC7D,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAY;IACxC,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,EAAD,CAAC,CAAC,CAAC;AACnD,CAAC;AAED;IAAA;QACmB,UAAK,GAAG,IAAI,GAAG,EAAoB,CAAC;IAsBvD,CAAC;IApBQ,kCAAQ,GAAf,UAA2B,UAAiC;QAC1D,IAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC;QAE3C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YAClC,IAAM,IAAI,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;YACvC,IAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAa,CAAC;IAClD,CAAC;IAEM,6BAAG,GAAV,UAAsB,UAAiC;QACrD,IAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC;QAC3C,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IACtC,CAAC;IAED,sBAAW,iCAAI;aAAf;YACE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QACzB,CAAC;;;OAAA;IACH,sBAAC;AAAD,CAAC,AAvBD,IAuBC","sourcesContent":["import warning from 'warning';\n\nconst classicFunctionRegEx =\n  /^\\s*function\\s*\\(\\s*([A-Za-z0-9_$]+)\\s*\\)\\s*\\{\\s*(?:(?:\"use strict\"|'use strict');?)?\\s*return\\s+\\1\\s*([.[].*?)?\\s*;?\\s*\\}\\s*$/;\nconst arrowFunctionRegEx = /^\\s*\\(?\\s*([A-Za-z0-9_$]+)\\s*\\)?\\s*=>\\s*\\1\\s*([.[].*?)?\\s*$/;\n\ntype NonNullableRecursive<T> = {\n  [K in keyof T]-?: T[K] extends Record<string, unknown> ? NonNullable<NonNullableRecursive<T[K]>> : NonNullable<T[K]>;\n};\n\nexport type LambdaPath<T, TChild> = (x: NonNullable<NonNullableRecursive<T>>) => TChild;\n\nexport function extractPath(lambda: string): string {\n  const match = classicFunctionRegEx.exec(lambda) || arrowFunctionRegEx.exec(lambda);\n  if (match && match.length === 3) {\n    return (match[2] || '').replace(/(^\\.\\s*)/g, '');\n  }\n\n  warning(false, `Not supported or invalid path: <${lambda}>`);\n  return '';\n}\n\nexport function extractTokens(path: string): string[] {\n  return path.split(/[\\s.[\\]]+/g).filter((x) => x);\n}\n\nexport class PathTokensCache {\n  private readonly cache = new Map<string, string[]>();\n\n  public getOrAdd<T, TChild>(lambdaPath: LambdaPath<T, TChild>): string[] {\n    const lambdaString = lambdaPath.toString();\n\n    if (!this.cache.has(lambdaString)) {\n      const path = extractPath(lambdaString);\n      const tokens = extractTokens(path);\n      this.cache.set(lambdaString, tokens);\n    }\n\n    return this.cache.get(lambdaString) as string[];\n  }\n\n  public has<T, TChild>(lambdaPath: LambdaPath<T, TChild>): boolean {\n    const lambdaString = lambdaPath.toString();\n    return this.cache.has(lambdaString);\n  }\n\n  public get size(): number {\n    return this.cache.size;\n  }\n}\n"]}

package/src/Validations/Types.d.ts

@@ -0,0 +1,12 @@
+import type { Nullable } from '../../typings/Types.js';
+import type { ValidationInfo } from '../ValidationWrapper.js';
+import type { ValidationBuilder } from './ValidationBuilder.js';
+export interface ValidationNode<T> {
+    validation: Nullable<ValidationInfo>;
+    children: Nullable<{
+        [K in keyof T]: ValidationNode<T[K]>;
+    }>;
+}
+export type ValidationRule<TRoot, T> = (builder: ValidationBuilder<TRoot, T>, value: T) => void;
+export type ItemValidationRule<TRoot, T> = (builder: ValidationBuilder<TRoot, T>, value: T, index: number, array: T[]) => void;
+export type RootValidationRule<T> = ValidationRule<T, T>;

package/src/Validations/Types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Types.js.map

package/src/Validations/Types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../src/Validations/Types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Nullable } from '../../typings/Types.js';\nimport type { ValidationInfo } from '../ValidationWrapper.js';\n\nimport type { ValidationBuilder } from './ValidationBuilder.js';\n\nexport interface ValidationNode<T> {\n  validation: Nullable<ValidationInfo>;\n  children: Nullable<{ [K in keyof T]: ValidationNode<T[K]> }>;\n}\n\nexport type ValidationRule<TRoot, T> = (builder: ValidationBuilder<TRoot, T>, value: T) => void;\nexport type ItemValidationRule<TRoot, T> = (\n  builder: ValidationBuilder<TRoot, T>,\n  value: T,\n  index: number,\n  array: T[],\n) => void;\nexport type RootValidationRule<T> = ValidationRule<T, T>;\n"]}

package/src/Validations/ValidationBuilder.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+import type { ValidationBehaviour, ValidationLevel } from '../ValidationWrapperInternal.js';
+import type { ValidationInfo } from '../ValidationWrapper.js';
+import type { LambdaPath, PathTokensCache } from './PathHelper.js';
+import type { ValidationWriter } from './ValidationWriter.js';
+import type { ItemValidationRule, ValidationRule } from './Types.js';
+export declare class ValidationBuilder<TRoot, T> {
+    private readonly writer;
+    private readonly tokens;
+    private readonly path;
+    private readonly data;
+    constructor(writer: ValidationWriter<TRoot>, tokens: PathTokensCache, path: string[], data: T);
+    prop<TChild>(lambdaPath: LambdaPath<T, TChild>, rule: ValidationRule<TRoot, TChild>): void;
+    array<TChild>(lambdaPath: LambdaPath<T, TChild[]>, rule: ItemValidationRule<TRoot, TChild>): void;
+    invalid(isInvalid: (value: T) => boolean, validationInfo: ValidationInfo): void;
+    invalid(isInvalid: (value: T) => boolean, message: React.ReactNode, type?: ValidationBehaviour, level?: ValidationLevel, independent?: boolean): void;
+    private getPathInfo;
+}