@skbkontur/react-ui 1.12.1 → 2.0.0-beta.4

package/lib/extractKeyboardAction.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+type ActionCheck = (x0: React.KeyboardEvent<HTMLElement>) => boolean;
+interface KeyboardActionMatcher<Actions> {
+    type: Actions;
+    check: (x0: React.KeyboardEvent<HTMLElement>) => boolean;
+}
+export declare class KeyboardActionExctracterBuilder<T> {
+    private _actionMatchers;
+    constructor(actionMatchers?: Array<KeyboardActionMatcher<T>>);
+    add<T>(type: T, check: ActionCheck): KeyboardActionExctracterBuilder<T>;
+    build<P = T>(defaultAction: P): (x0: React.KeyboardEvent<HTMLElement>) => T;
+}
+export {};

package/lib/extractKeyboardAction.js

@@ -0,0 +1,19 @@
+var KeyboardActionExctracterBuilder = /** @class */ (function () {
+    function KeyboardActionExctracterBuilder(actionMatchers) {
+        if (actionMatchers === void 0) { actionMatchers = []; }
+        this._actionMatchers = actionMatchers;
+    }
+    KeyboardActionExctracterBuilder.prototype.add = function (type, check) {
+        return new KeyboardActionExctracterBuilder(this._actionMatchers.concat({ type: type, check: check }));
+    };
+    KeyboardActionExctracterBuilder.prototype.build = function (defaultAction) {
+        var _this = this;
+        return function (event) {
+            var action = _this._actionMatchers.find(function (x) { return x.check(event); });
+            return (action && action.type) || defaultAction;
+        };
+    };
+    return KeyboardActionExctracterBuilder;
+}());
+export { KeyboardActionExctracterBuilder };
+//# sourceMappingURL=extractKeyboardAction.js.map

package/lib/extractKeyboardAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractKeyboardAction.js","sourceRoot":"","sources":["../../lib/extractKeyboardAction.ts"],"names":[],"mappings":"AASA;IAGE,yCAAY,cAAoD;QAApD,+BAAA,EAAA,mBAAoD;QAC9D,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;IACxC,CAAC;IAEM,6CAAG,GAAV,UAAc,IAAO,EAAE,KAAkB;QACvC,OAAO,IAAI,+BAA+B,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC,CAAC;IAC3F,CAAC;IAEM,+CAAK,GAAZ,UAAoB,aAAgB;QAApC,iBAKC;QAJC,OAAO,UAAC,KAAK;YACX,IAAM,MAAM,GAAG,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC,CAAC;YAChE,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC;QAClD,CAAC,CAAC;IACJ,CAAC;IACH,sCAAC;AAAD,CAAC,AAjBD,IAiBC","sourcesContent":["import type React from 'react';\n\ntype ActionCheck = (x0: React.KeyboardEvent<HTMLElement>) => boolean;\n\ninterface KeyboardActionMatcher<Actions> {\n  type: Actions;\n  check: (x0: React.KeyboardEvent<HTMLElement>) => boolean;\n}\n\nexport class KeyboardActionExctracterBuilder<T> {\n  private _actionMatchers: Array<KeyboardActionMatcher<any>>;\n\n  constructor(actionMatchers: Array<KeyboardActionMatcher<T>> = []) {\n    this._actionMatchers = actionMatchers;\n  }\n\n  public add<T>(type: T, check: ActionCheck): KeyboardActionExctracterBuilder<T> {\n    return new KeyboardActionExctracterBuilder(this._actionMatchers.concat({ type, check }));\n  }\n\n  public build<P = T>(defaultAction: P): (x0: React.KeyboardEvent<HTMLElement>) => T {\n    return (event) => {\n      const action = this._actionMatchers.find((x) => x.check(event));\n      return (action && action.type) || defaultAction;\n    };\n  }\n}\n"]}

package/lib/featureFlagsContext/FeatureFlagsHelpers.d.ts

@@ -0,0 +1,2 @@
+import type { ReactUIFeatureFlags } from './ReactUIFeatureFlagsContext.js';
+export declare const getFullReactUIFlagsContext: (flags: ReactUIFeatureFlags) => ReactUIFeatureFlags;

package/lib/featureFlagsContext/FeatureFlagsHelpers.js

@@ -0,0 +1,16 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { reactUIFeatureFlagsDefault } from './ReactUIFeatureFlagsContext.js';
+export var getFullReactUIFlagsContext = function (flags) {
+    return __assign(__assign({}, reactUIFeatureFlagsDefault), flags);
+};
+//# sourceMappingURL=FeatureFlagsHelpers.js.map

package/lib/featureFlagsContext/FeatureFlagsHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlagsHelpers.js","sourceRoot":"","sources":["../../../lib/featureFlagsContext/FeatureFlagsHelpers.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,KAA0B;IACnE,6BAAY,0BAA0B,GAAK,KAAK,EAAG;AACrD,CAAC,CAAC","sourcesContent":["import type { ReactUIFeatureFlags } from './ReactUIFeatureFlagsContext.js';\nimport { reactUIFeatureFlagsDefault } from './ReactUIFeatureFlagsContext.js';\n\nexport const getFullReactUIFlagsContext = (flags: ReactUIFeatureFlags): ReactUIFeatureFlags => {\n  return { ...reactUIFeatureFlagsDefault, ...flags };\n};\n"]}

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ReactUIFeatureFlags {
+}
+export declare const reactUIFeatureFlagsDefault: ReactUIFeatureFlags;
+export declare const ReactUIFeatureFlagsContext: React.Context<ReactUIFeatureFlags>;

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export var reactUIFeatureFlagsDefault = {};
+export var ReactUIFeatureFlagsContext = React.createContext(reactUIFeatureFlagsDefault);
+ReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';
+ReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';
+//# sourceMappingURL=ReactUIFeatureFlagsContext.js.map

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactUIFeatureFlagsContext.js","sourceRoot":"","sources":["../../../lib/featureFlagsContext/ReactUIFeatureFlagsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,IAAM,0BAA0B,GAAwB,EAAE,CAAC;AAElE,MAAM,CAAC,IAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAsB,0BAA0B,CAAC,CAAC;AAE/G,0BAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC;AACtE,0BAA0B,CAAC,mBAAmB,GAAG,4BAA4B,CAAC","sourcesContent":["import React from 'react';\n\nexport interface ReactUIFeatureFlags {}\n\nexport const reactUIFeatureFlagsDefault: ReactUIFeatureFlags = {};\n\nexport const ReactUIFeatureFlagsContext = React.createContext<ReactUIFeatureFlags>(reactUIFeatureFlagsDefault);\n\nReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';\nReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';\n"]}

package/lib/featureFlagsContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ReactUIFeatureFlagsContext.js';
+export * from './FeatureFlagsHelpers.js';

package/lib/featureFlagsContext/index.js

@@ -0,0 +1,3 @@
+export * from './ReactUIFeatureFlagsContext.js';
+export * from './FeatureFlagsHelpers.js';
+//# sourceMappingURL=index.js.map

package/lib/featureFlagsContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/featureFlagsContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAEhD,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './ReactUIFeatureFlagsContext.js';\n\nexport * from './FeatureFlagsHelpers.js';\n"]}

package/lib/filterProps.d.ts

@@ -0,0 +1,12 @@
+export type Filter<T, U> = T extends U ? T : never;
+export type True<T> = {
+    [K in keyof T]: T[K] extends true ? K : never;
+}[keyof T];
+export type AmbiguousBool<T> = {
+    [K in keyof T]: T[K] extends false ? never : T[K] extends true ? never : K;
+}[keyof T];
+export declare function filterProps<Props extends Record<string, any>, Allowed extends Record<string, boolean>, Specific extends Filter<keyof Props, True<Allowed>>, Optional extends Filter<keyof Props, AmbiguousBool<Allowed>>, Result extends {
+    [P in Specific]: Props[P];
+} & {
+    [Q in Optional]?: Props[Q];
+}>(props: Props, allowed: Allowed): Result;

package/lib/filterProps.js

@@ -0,0 +1,10 @@
+export function filterProps(props, allowed) {
+    var ret = {};
+    for (var key in props) {
+        if (allowed[key]) {
+            ret[key] = props[key];
+        }
+    }
+    return ret;
+}
+//# sourceMappingURL=filterProps.js.map

package/lib/filterProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterProps.js","sourceRoot":"","sources":["../../lib/filterProps.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,WAAW,CAOzB,KAAY,EAAE,OAAgB;IAC9B,IAAM,GAAG,GAAG,EAAS,CAAC;IACtB,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACjB,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACxB,CAAC;IACH,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":["export type Filter<T, U> = T extends U ? T : never;\n\nexport type True<T> = { [K in keyof T]: T[K] extends true ? K : never }[keyof T];\n\nexport type AmbiguousBool<T> = { [K in keyof T]: T[K] extends false ? never : T[K] extends true ? never : K }[keyof T];\n\nexport function filterProps<\n  Props extends Record<string, any>,\n  Allowed extends Record<string, boolean>,\n  Specific extends Filter<keyof Props, True<Allowed>>,\n  // If value neither true nor false, it should be optional\n  Optional extends Filter<keyof Props, AmbiguousBool<Allowed>>,\n  Result extends { [P in Specific]: Props[P] } & { [Q in Optional]?: Props[Q] },\n>(props: Props, allowed: Allowed): Result {\n  const ret = {} as any;\n  for (const key in props) {\n    if (allowed[key]) {\n      ret[key] = props[key];\n    }\n  }\n  return ret;\n}\n"]}

package/lib/forwardRefAndName.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithoutRef } from 'react';
+export interface ReactUIComponentWithRef<T, P> extends React.NamedExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> {
+    __KONTUR_REACT_UI__: string;
+}
+export declare function forwardRefAndName<ElementType, Props, Extra extends Record<string, unknown> = Record<never, never>>(name: string, render: React.ForwardRefRenderFunction<ElementType, PropsWithoutRef<Props>>): ReactUIComponentWithRef<ElementType, Props> & Extra;
+export interface ReactUIIconWithRef<T, P> extends ReactUIComponentWithRef<T, P> {
+    __KONTUR_ICON__: boolean;
+}
+export declare function forwardRefAndIconName<ElementType, Props>(name: string, render: React.ForwardRefRenderFunction<ElementType, PropsWithoutRef<Props>>): ReactUIIconWithRef<ElementType, Props>;

package/lib/forwardRefAndName.js

@@ -0,0 +1,19 @@
+import { forwardRef } from 'react';
+function forwardName(name, render) {
+    render.displayName = name;
+    render.__KONTUR_REACT_UI__ = name;
+    return render;
+}
+export function forwardRefAndName(name, render) {
+    return forwardName(name, forwardRef(render));
+}
+function forwardIconName(name, render) {
+    render.displayName = name;
+    render.__KONTUR_REACT_UI__ = name;
+    render.__KONTUR_ICON__ = true;
+    return render;
+}
+export function forwardRefAndIconName(name, render) {
+    return forwardIconName(name, forwardRef(render));
+}
+//# sourceMappingURL=forwardRefAndName.js.map

package/lib/forwardRefAndName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forwardRefAndName.js","sourceRoot":"","sources":["../../lib/forwardRefAndName.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAOnC,SAAS,WAAW,CAClB,IAAY,EACZ,MAAmD;IAEnD,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,mBAAmB,GAAG,IAAI,CAAC;IAClC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,IAAY,EACZ,MAA2E;IAE3E,OAAO,WAAW,CAChB,IAAI,EACJ,UAAU,CAAC,MAAM,CAAwD,CACnB,CAAC;AAC3D,CAAC;AAMD,SAAS,eAAe,CACtB,IAAY,EACZ,MAA8C;IAE9C,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,mBAAmB,GAAG,IAAI,CAAC;IAClC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;IAC9B,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,IAAY,EACZ,MAA2E;IAE3E,OAAO,eAAe,CAAqB,IAAI,EAAE,UAAU,CAAC,MAAM,CAA2C,CAAC,CAAC;AACjH,CAAC","sourcesContent":["import type { PropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\n\nexport interface ReactUIComponentWithRef<T, P>\n  extends React.NamedExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> {\n  __KONTUR_REACT_UI__: string;\n}\n\nfunction forwardName<ElementType, Props>(\n  name: string,\n  render: ReactUIComponentWithRef<ElementType, Props>,\n): ReactUIComponentWithRef<ElementType, Props> {\n  render.displayName = name;\n  render.__KONTUR_REACT_UI__ = name;\n  return render;\n}\n\nexport function forwardRefAndName<ElementType, Props, Extra extends Record<string, unknown> = Record<never, never>>(\n  name: string,\n  render: React.ForwardRefRenderFunction<ElementType, PropsWithoutRef<Props>>,\n): ReactUIComponentWithRef<ElementType, Props> & Extra {\n  return forwardName<ElementType, Props>(\n    name,\n    forwardRef(render) as ReactUIComponentWithRef<ElementType, Props> & Extra,\n  ) as ReactUIComponentWithRef<ElementType, Props> & Extra;\n}\n\nexport interface ReactUIIconWithRef<T, P> extends ReactUIComponentWithRef<T, P> {\n  __KONTUR_ICON__: boolean;\n}\n\nfunction forwardIconName<ElementType, Props>(\n  name: string,\n  render: ReactUIIconWithRef<ElementType, Props>,\n): ReactUIIconWithRef<ElementType, Props> {\n  render.displayName = name;\n  render.__KONTUR_REACT_UI__ = name;\n  render.__KONTUR_ICON__ = true;\n  return render;\n}\n\nexport function forwardRefAndIconName<ElementType, Props>(\n  name: string,\n  render: React.ForwardRefRenderFunction<ElementType, PropsWithoutRef<Props>>,\n): ReactUIIconWithRef<ElementType, Props> {\n  return forwardIconName<ElementType, Props>(name, forwardRef(render) as ReactUIIconWithRef<ElementType, Props>);\n}\n"]}

package/lib/getElementRef.d.ts

@@ -0,0 +1,6 @@
+import type { Ref } from 'react';
+import React from 'react';
+/**
+ * Получает ссылку на элемент, учитывая разные версии React
+ */
+export declare function getElementRef(element: React.ReactElement): Ref<unknown>;

package/lib/getElementRef.js

@@ -0,0 +1,14 @@
+import React from 'react';
+/**
+ * Получает ссылку на элемент, учитывая разные версии React
+ */
+export function getElementRef(element) {
+    if (parseInt(React.version, 10) >= 19 &&
+        element.props &&
+        typeof element.props === 'object' &&
+        'ref' in element.props) {
+        return element.props.ref;
+    }
+    return element.ref;
+}
+//# sourceMappingURL=getElementRef.js.map

package/lib/getElementRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElementRef.js","sourceRoot":"","sources":["../../lib/getElementRef.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,OAA2B;IACvD,IACE,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,EAAE;QACjC,OAAO,CAAC,KAAK;QACb,OAAO,OAAO,CAAC,KAAK,KAAK,QAAQ;QACjC,KAAK,IAAI,OAAO,CAAC,KAAK,EACtB,CAAC;QACD,OAAO,OAAO,CAAC,KAAK,CAAC,GAAmB,CAAC;IAC3C,CAAC;IACD,OAAQ,OAAe,CAAC,GAAG,CAAC;AAC9B,CAAC","sourcesContent":["import type { Ref } from 'react';\nimport React from 'react';\n\n/**\n * Получает ссылку на элемент, учитывая разные версии React\n */\nexport function getElementRef(element: React.ReactElement): Ref<unknown> {\n  if (\n    parseInt(React.version, 10) >= 19 &&\n    element.props &&\n    typeof element.props === 'object' &&\n    'ref' in element.props\n  ) {\n    return element.props.ref as Ref<unknown>;\n  }\n  return (element as any).ref;\n}\n"]}

package/lib/getMenuPositions.d.ts

@@ -0,0 +1,22 @@
+import type { PopupPositionsType } from '../internal/Popup/index.js';
+declare const MENU_POSITIONS: {
+    readonly TOP: "top";
+    readonly MIDDLE: "middle";
+    readonly BOTTOM: "bottom";
+};
+declare const MENU_ALIGNMENTS: {
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+};
+type MenuPosition = (typeof MENU_POSITIONS)[keyof typeof MENU_POSITIONS];
+type MenuAlignment = (typeof MENU_ALIGNMENTS)[keyof typeof MENU_ALIGNMENTS];
+/**
+ * Генерирует массив позиций попапа на основе позиции и выравнивания меню
+ *
+ * @param menuPos - Позиция меню ('top', 'middle', 'bottom')
+ * @param menuAlign - Выравнивание меню ('left', 'right')
+ * @returns Массив позиций попапа в порядке приоритета
+ *
+ */
+export declare function getMenuPositions(menuPos?: MenuPosition, menuAlign?: MenuAlignment): PopupPositionsType[];
+export {};

package/lib/getMenuPositions.js

@@ -0,0 +1,43 @@
+var MENU_POSITIONS = {
+    TOP: 'top',
+    MIDDLE: 'middle',
+    BOTTOM: 'bottom',
+};
+var MENU_ALIGNMENTS = {
+    LEFT: 'left',
+    RIGHT: 'right',
+};
+var POPUP_POSITIONS = {
+    TOP_LEFT: 'top left',
+    TOP_RIGHT: 'top right',
+    BOTTOM_LEFT: 'bottom left',
+    BOTTOM_RIGHT: 'bottom right',
+    MIDDLE_LEFT: 'middle left',
+    MIDDLE_RIGHT: 'middle right',
+};
+/**
+ * Генерирует массив позиций попапа на основе позиции и выравнивания меню
+ *
+ * @param menuPos - Позиция меню ('top', 'middle', 'bottom')
+ * @param menuAlign - Выравнивание меню ('left', 'right')
+ * @returns Массив позиций попапа в порядке приоритета
+ *
+ */
+export function getMenuPositions(menuPos, menuAlign) {
+    if (menuPos === undefined && menuAlign === undefined) {
+        return [
+            POPUP_POSITIONS.BOTTOM_LEFT,
+            POPUP_POSITIONS.TOP_LEFT,
+            POPUP_POSITIONS.BOTTOM_RIGHT,
+            POPUP_POSITIONS.TOP_RIGHT,
+        ];
+    }
+    if (menuPos !== undefined && menuAlign === undefined) {
+        return ["".concat(menuPos, " ").concat(MENU_ALIGNMENTS.LEFT), "".concat(menuPos, " ").concat(MENU_ALIGNMENTS.RIGHT)];
+    }
+    if (menuPos === undefined && menuAlign !== undefined) {
+        return ["".concat(MENU_POSITIONS.BOTTOM, " ").concat(menuAlign), "".concat(MENU_POSITIONS.TOP, " ").concat(menuAlign)];
+    }
+    return ["".concat(menuPos, " ").concat(menuAlign)];
+}
+//# sourceMappingURL=getMenuPositions.js.map

package/lib/getMenuPositions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMenuPositions.js","sourceRoot":"","sources":["../../lib/getMenuPositions.ts"],"names":[],"mappings":"AAEA,IAAM,cAAc,GAAG;IACrB,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACR,CAAC;AAEX,IAAM,eAAe,GAAG;IACtB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACN,CAAC;AAEX,IAAM,eAAe,GAAG;IACtB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,aAAa;IAC1B,YAAY,EAAE,cAAc;IAC5B,WAAW,EAAE,aAAa;IAC1B,YAAY,EAAE,cAAc;CACpB,CAAC;AAKX;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,OAAsB,EAAE,SAAyB;IAChF,IAAI,OAAO,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QACrD,OAAO;YACL,eAAe,CAAC,WAAW;YAC3B,eAAe,CAAC,QAAQ;YACxB,eAAe,CAAC,YAAY;YAC5B,eAAe,CAAC,SAAS;SAC1B,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QACrD,OAAO,CAAC,UAAG,OAAO,cAAI,eAAe,CAAC,IAAI,CAAE,EAAE,UAAG,OAAO,cAAI,eAAe,CAAC,KAAK,CAAE,CAAC,CAAC;IACvF,CAAC;IAED,IAAI,OAAO,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QACrD,OAAO,CAAC,UAAG,cAAc,CAAC,MAAM,cAAI,SAAS,CAAE,EAAE,UAAG,cAAc,CAAC,GAAG,cAAI,SAAS,CAAE,CAAC,CAAC;IACzF,CAAC;IAED,OAAO,CAAC,UAAG,OAAO,cAAI,SAAS,CAAE,CAAC,CAAC;AACrC,CAAC","sourcesContent":["import type { PopupPositionsType } from '../internal/Popup/index.js';\n\nconst MENU_POSITIONS = {\n  TOP: 'top',\n  MIDDLE: 'middle',\n  BOTTOM: 'bottom',\n} as const;\n\nconst MENU_ALIGNMENTS = {\n  LEFT: 'left',\n  RIGHT: 'right',\n} as const;\n\nconst POPUP_POSITIONS = {\n  TOP_LEFT: 'top left',\n  TOP_RIGHT: 'top right',\n  BOTTOM_LEFT: 'bottom left',\n  BOTTOM_RIGHT: 'bottom right',\n  MIDDLE_LEFT: 'middle left',\n  MIDDLE_RIGHT: 'middle right',\n} as const;\n\ntype MenuPosition = (typeof MENU_POSITIONS)[keyof typeof MENU_POSITIONS];\ntype MenuAlignment = (typeof MENU_ALIGNMENTS)[keyof typeof MENU_ALIGNMENTS];\n\n/**\n * Генерирует массив позиций попапа на основе позиции и выравнивания меню\n *\n * @param menuPos - Позиция меню ('top', 'middle', 'bottom')\n * @param menuAlign - Выравнивание меню ('left', 'right')\n * @returns Массив позиций попапа в порядке приоритета\n *\n */\nexport function getMenuPositions(menuPos?: MenuPosition, menuAlign?: MenuAlignment): PopupPositionsType[] {\n  if (menuPos === undefined && menuAlign === undefined) {\n    return [\n      POPUP_POSITIONS.BOTTOM_LEFT,\n      POPUP_POSITIONS.TOP_LEFT,\n      POPUP_POSITIONS.BOTTOM_RIGHT,\n      POPUP_POSITIONS.TOP_RIGHT,\n    ];\n  }\n\n  if (menuPos !== undefined && menuAlign === undefined) {\n    return [`${menuPos} ${MENU_ALIGNMENTS.LEFT}`, `${menuPos} ${MENU_ALIGNMENTS.RIGHT}`];\n  }\n\n  if (menuPos === undefined && menuAlign !== undefined) {\n    return [`${MENU_POSITIONS.BOTTOM} ${menuAlign}`, `${MENU_POSITIONS.TOP} ${menuAlign}`];\n  }\n\n  return [`${menuPos} ${menuAlign}`];\n}\n"]}

package/lib/globalObject.d.ts

@@ -0,0 +1,9 @@
+import type { Nullable } from '../typings/utility-types.js';
+type SafeTimeout = ReturnType<typeof setTimeout>;
+type SafeInterval = ReturnType<typeof setInterval>;
+export type SafeTimer = Nullable<SafeInterval | SafeTimeout | number>;
+export type GlobalObject = Partial<typeof globalThis>;
+export declare function isBrowser(obj: GlobalObject): obj is GlobalObject & Window;
+export declare function getSafeWindow(): GlobalObject;
+export declare function getOwnerGlobalObject(element: Element): GlobalObject;
+export {};

package/lib/globalObject.js

@@ -0,0 +1,31 @@
+import warning from 'warning';
+var globalObject = (typeof window === 'object' && window) ||
+    (typeof globalThis === 'object' && globalThis) ||
+    (typeof global === 'object' && global) ||
+    Function('return this')();
+export function isBrowser(obj) {
+    return !!obj && typeof obj.window !== 'undefined';
+}
+export function getSafeWindow() {
+    return globalObject;
+}
+export function getOwnerGlobalObject(element) {
+    if (!element) {
+        warning(false, "The 'element' argument is missing. This indicates incorrect type casting and may cause issues in iframes.");
+        return globalObject;
+    }
+    if (element.nodeType === Node.DOCUMENT_NODE && 'defaultView' in element) {
+        warning(false, "The 'element' argument is 'document', but 'Element' was expected.");
+        return element.defaultView;
+    }
+    if ('window' in element && element.window === element) {
+        warning(false, "The 'element' argument is 'window', but 'Element' was expected.");
+        return element;
+    }
+    if (!element.ownerDocument.defaultView) {
+        warning(false, "The 'element.ownerDocument.defaultView' is missing. This is an unexpected edge case.");
+        return globalObject;
+    }
+    return element.ownerDocument.defaultView;
+}
+//# sourceMappingURL=globalObject.js.map

package/lib/globalObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalObject.js","sourceRoot":"","sources":["../../lib/globalObject.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAU9B,IAAM,YAAY,GAChB,CAAC,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC;IACtC,CAAC,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC;IAC9C,CAAC,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;AAE5B,MAAM,UAAU,SAAS,CAAC,GAAiB;IACzC,OAAO,CAAC,CAAC,GAAG,IAAI,OAAO,GAAG,CAAC,MAAM,KAAK,WAAW,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CACL,KAAK,EACL,2GAA2G,CAC5G,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC,aAAa,IAAI,aAAa,IAAI,OAAO,EAAE,CAAC;QACxE,OAAO,CAAC,KAAK,EAAE,mEAAmE,CAAC,CAAC;QACpF,OAAO,OAAO,CAAC,WAA2B,CAAC;IAC7C,CAAC;IAED,IAAI,QAAQ,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QACtD,OAAO,CAAC,KAAK,EAAE,iEAAiE,CAAC,CAAC;QAClF,OAAO,OAAuB,CAAC;IACjC,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;QACvC,OAAO,CAAC,KAAK,EAAE,sFAAsF,CAAC,CAAC;QACvG,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,OAAO,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC;AAC3C,CAAC","sourcesContent":["import warning from 'warning';\n\nimport type { Nullable } from '../typings/utility-types.js';\n\ntype SafeTimeout = ReturnType<typeof setTimeout>;\ntype SafeInterval = ReturnType<typeof setInterval>;\nexport type SafeTimer = Nullable<SafeInterval | SafeTimeout | number>;\n\nexport type GlobalObject = Partial<typeof globalThis>;\n\nconst globalObject: GlobalObject =\n  (typeof window === 'object' && window) ||\n  (typeof globalThis === 'object' && globalThis) ||\n  (typeof global === 'object' && global) ||\n  Function('return this')();\n\nexport function isBrowser(obj: GlobalObject): obj is GlobalObject & Window {\n  return !!obj && typeof obj.window !== 'undefined';\n}\n\nexport function getSafeWindow(): GlobalObject {\n  return globalObject;\n}\n\nexport function getOwnerGlobalObject(element: Element): GlobalObject {\n  if (!element) {\n    warning(\n      false,\n      \"The 'element' argument is missing. This indicates incorrect type casting and may cause issues in iframes.\",\n    );\n    return globalObject;\n  }\n\n  if (element.nodeType === Node.DOCUMENT_NODE && 'defaultView' in element) {\n    warning(false, \"The 'element' argument is 'document', but 'Element' was expected.\");\n    return element.defaultView as GlobalObject;\n  }\n\n  if ('window' in element && element.window === element) {\n    warning(false, \"The 'element' argument is 'window', but 'Element' was expected.\");\n    return element as GlobalObject;\n  }\n\n  if (!element.ownerDocument.defaultView) {\n    warning(false, \"The 'element.ownerDocument.defaultView' is missing. This is an unexpected edge case.\");\n    return globalObject;\n  }\n\n  return element.ownerDocument.defaultView;\n}\n"]}

package/lib/isInstanceOf.d.ts

@@ -0,0 +1 @@
+export declare function isInstanceOf<C extends new (...args: any) => any>(instance?: unknown, constructor?: C): instance is InstanceType<C>;

package/lib/isInstanceOf.js

@@ -0,0 +1,4 @@
+export function isInstanceOf(instance, constructor) {
+    return !!constructor && instance instanceof constructor;
+}
+//# sourceMappingURL=isInstanceOf.js.map

package/lib/isInstanceOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isInstanceOf.js","sourceRoot":"","sources":["../../lib/isInstanceOf.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAC1B,QAAkB,EAClB,WAAe;IAEf,OAAO,CAAC,CAAC,WAAW,IAAI,QAAQ,YAAY,WAAW,CAAC;AAC1D,CAAC","sourcesContent":["export function isInstanceOf<C extends new (...args: any) => any>(\n  instance?: unknown,\n  constructor?: C,\n): instance is InstanceType<C> {\n  return !!constructor && instance instanceof constructor;\n}\n"]}

package/lib/listenFocusOutside.d.ts

@@ -1,5 +1,9 @@
-export declare function containsTargetOrRenderContainer(target: Element): (element: Element) => boolean;
-declare function listen(elements: HTMLElement[] | (() => HTMLElement[]), callback: (event: Event) => void): {
-    remove(): void;
-};
-export default listen;
+import type { GlobalObject } from '../lib/globalObject.js';
+export declare function containsTargetOrRenderContainer(target: Element): (element: Element) => boolean;
+/**
+ * Searches RenderContainer placed in "rootNode" for "node"
+ */
+export declare function findRenderContainer(node: Element, rootNode: Element, container?: Element): Element | null;
+export declare function listen(elements: Element[] | (() => Element[]), callback: (event: Event) => void, globalObject: GlobalObject): {
+    remove(): void;
+};

package/lib/listenFocusOutside.js

@@ -1,92 +1,103 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_dom_1 = tslib_1.__importDefault(require("react-dom"));
-var lodash_debounce_1 = tslib_1.__importDefault(require("lodash.debounce"));
-var utils_1 = require("./utils");
+import ReactDOM from 'react-dom';
+import debounce from 'lodash.debounce';
+import warning from 'warning';
+import { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../internal/RenderContainer/index.js';
+import { getOwnerGlobalObject } from '../lib/globalObject.js';
+import { isInstanceOf } from './isInstanceOf.js';
+import { isFirefox } from './client.js';
 var handlers = [];
-function addHandleEvent() {
-  /**
-   * Firefox do not supports 'focusin' event.
-   * Focus events bubbles multiple time
-   * without possibilty to cancell bubbling.
-   * Using debounce to capture only first focus event
-   * Mozilla Firefix
-   *   ¯\_(ツ)_/¯
-   */
-  document.body.addEventListener(utils_1.isFirefox ? 'focus' : 'focusin', utils_1.isFirefox ? lodash_debounce_1["default"](handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus, utils_1.isFirefox);
+var listenersAttached = new WeakSet();
+function addHandleEvent(globalObject) {
+    var _a;
+    /**
+     * Firefox do not supports 'focusin' event.
+     * Focus events bubbles multiple time
+     * without possibilty to cancell bubbling.
+     * Using debounce to capture only first focus event
+     * Mozilla Firefix
+     *   ¯\_(ツ)_/¯
+     */
+    (_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.body.addEventListener(isFirefox ? 'focus' : 'focusin', isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus, { capture: true });
 }
-if (typeof document !== 'undefined') {
-  if (document.readyState === 'complete') {
-    addHandleEvent();
-  } else
-  {
-    window.addEventListener('load', addHandleEvent);
-  }
-}
-function handleNativeFocus(event) {
-  // FIXME: not safe casting
-  var target = event.target || event.srcElement;
-  handlers.forEach(function (handler) {
-    var elements = handler.elements;
-    if (typeof elements === 'function') {
-      elements = elements();
+function addFocusListener(globalObject) {
+    var _a, _b;
+    if (listenersAttached.has(globalObject)) {
+        return;
     }
-    if (elements.some(containsTargetOrRenderContainer(target))) {
-      return;
-    }
-    react_dom_1["default"].unstable_batchedUpdates(function () {return handler.callback(event);});
-  });
-}
-function containsTargetOrRenderContainer(target) {
-  return function (element) {
-    if (!element) {
-      return false;
+    if (((_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.readyState) === 'complete') {
+        addHandleEvent(globalObject);
     }
-    if (element.contains(target)) {
-      return true;
+    else {
+        (_b = globalObject.addEventListener) === null || _b === void 0 ? void 0 : _b.call(globalObject, 'load', function () { return addHandleEvent(globalObject); });
     }
-    var container = findRenderContainer(target, element);
-    return !!container && element.contains(container);
-  };
+    listenersAttached.add(globalObject);
 }
-exports.containsTargetOrRenderContainer = containsTargetOrRenderContainer;
-/**
- * Searches RenderContainer placed in "rootNode" for "node"
+function handleNativeFocus(event) {
+    // FIXME: not safe casting
+    var target = (event.target || event.srcElement);
+    handlers.forEach(function (handler) {
+        var elements = handler.elements;
+        if (typeof elements === 'function') {
+            elements = elements();
+        }
+        if (elements.some(containsTargetOrRenderContainer(target))) {
+            return;
+        }
+        ReactDOM.unstable_batchedUpdates(function () { return handler.callback(event); });
+    });
+}
+export function containsTargetOrRenderContainer(target) {
+    return function (element) {
+        if (!element) {
+            return false;
+        }
+        if (element.contains(target)) {
+            return true;
+        }
+        var container = findRenderContainer(target, element);
+        return !!container && element.contains(container);
+    };
+}
+/**
+ * Searches RenderContainer placed in "rootNode" for "node"
  */
-function findRenderContainer(node, rootNode, container) {
-  var currentNode = node.parentNode;
-  if (!currentNode ||
-  node === rootNode ||
-  currentNode === rootNode ||
-  currentNode === document.body ||
-  currentNode === document.documentElement ||
-  !(currentNode instanceof Element)) {
-    return container ? container : null;
-  }
-  var newContainerId = currentNode.getAttribute('data-rendered-container-id');
-  if (newContainerId) {
-    var nextNode = document.querySelector("[data-render-container-id~=\"" + newContainerId + "\"]");
-    if (!nextNode) {
-      throw Error("Origin node for container with id " + newContainerId + " was not found");
+export function findRenderContainer(node, rootNode, container) {
+    var _a, _b, _c;
+    var currentNode = node.parentNode;
+    var globalObject = getOwnerGlobalObject(node);
+    if (!currentNode ||
+        node === rootNode ||
+        currentNode === rootNode ||
+        currentNode === ((_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.body) ||
+        currentNode === ((_b = globalObject.document) === null || _b === void 0 ? void 0 : _b.documentElement) ||
+        !isInstanceOf(currentNode, globalObject.Element)) {
+        return container ? container : null;
+    }
+    var newContainerId = currentNode.getAttribute(PORTAL_OUTLET_ATTR);
+    if (newContainerId) {
+        var nextNode = (_c = globalObject.document) === null || _c === void 0 ? void 0 : _c.querySelector("[".concat(PORTAL_INLET_ATTR, "~=\"").concat(newContainerId, "\"]"));
+        if (!nextNode) {
+            warning(false, "Origin node for render container was not found");
+            return null;
+        }
+        return findRenderContainer(nextNode, rootNode, nextNode);
     }
-    return findRenderContainer(nextNode, rootNode, nextNode);
-  }
-  return findRenderContainer(currentNode, rootNode, container);
+    return findRenderContainer(currentNode, rootNode, container);
 }
-function listen(elements, callback) {
-  var handler = {
-    elements: elements,
-    callback: callback };
-
-  handlers.push(handler);
-  return {
-    remove: function remove() {
-      var index = handlers.indexOf(handler);
-      if (index > -1) {
-        handlers.splice(index, 1);
-      }
-    } };
-
+export function listen(elements, callback, globalObject) {
+    addFocusListener(globalObject);
+    var handler = {
+        elements: elements,
+        callback: callback,
+    };
+    handlers.push(handler);
+    return {
+        remove: function () {
+            var index = handlers.indexOf(handler);
+            if (index > -1) {
+                handlers.splice(index, 1);
+            }
+        },
+    };
 }
-exports["default"] = listen;
+//# sourceMappingURL=listenFocusOutside.js.map

package/lib/listenFocusOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"listenFocusOutside.js","sourceRoot":"","sources":["listenFocusOutside.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"listenFocusOutside.js","sourceRoot":"","sources":["../../lib/listenFocusOutside.ts"],"names":[],"mappings":"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","sourcesContent":["import ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\nimport warning from 'warning';\n\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../internal/RenderContainer/index.js';\nimport { getOwnerGlobalObject } from '../lib/globalObject.js';\nimport type { GlobalObject } from '../lib/globalObject.js';\n\nimport { isInstanceOf } from './isInstanceOf.js';\nimport { isFirefox } from './client.js';\n\ninterface FocusOutsideEventHandler {\n  elements: Element[] | (() => Element[]);\n  callback: (event: Event) => void;\n}\n\nconst handlers: FocusOutsideEventHandler[] = [];\nconst listenersAttached = new WeakSet<GlobalObject>();\n\nfunction addHandleEvent(globalObject: GlobalObject) {\n  /**\n   * Firefox do not supports 'focusin' event.\n   * Focus events bubbles multiple time\n   * without possibilty to cancell bubbling.\n   * Using debounce to capture only first focus event\n   * Mozilla Firefix\n   *   ¯\\_(ツ)_/¯\n   */\n  globalObject.document?.body.addEventListener(\n    isFirefox ? 'focus' : ('focusin' as 'focus'),\n    isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus,\n    { capture: true },\n  );\n}\nfunction addFocusListener(globalObject: GlobalObject) {\n  if (listenersAttached.has(globalObject)) {\n    return;\n  }\n\n  if (globalObject.document?.readyState === 'complete') {\n    addHandleEvent(globalObject);\n  } else {\n    globalObject.addEventListener?.('load', () => addHandleEvent(globalObject));\n  }\n\n  listenersAttached.add(globalObject);\n}\n\nfunction handleNativeFocus(event: UIEvent) {\n  // FIXME: not safe casting\n  const target: Element = (event.target || event.srcElement) as Element;\n\n  handlers.forEach((handler) => {\n    let elements = handler.elements;\n    if (typeof elements === 'function') {\n      elements = elements();\n    }\n\n    if (elements.some(containsTargetOrRenderContainer(target))) {\n      return;\n    }\n    ReactDOM.unstable_batchedUpdates(() => handler.callback(event));\n  });\n}\n\nexport function containsTargetOrRenderContainer(target: Element) {\n  return (element: Element): boolean => {\n    if (!element) {\n      return false;\n    }\n    if (element.contains(target)) {\n      return true;\n    }\n    const container = findRenderContainer(target, element);\n    return !!container && element.contains(container);\n  };\n}\n\n/**\n * Searches RenderContainer placed in \"rootNode\" for \"node\"\n */\nexport function findRenderContainer(node: Element, rootNode: Element, container?: Element): Element | null {\n  const currentNode = node.parentNode;\n  const globalObject = getOwnerGlobalObject(node);\n  if (\n    !currentNode ||\n    node === rootNode ||\n    currentNode === rootNode ||\n    currentNode === globalObject.document?.body ||\n    currentNode === globalObject.document?.documentElement ||\n    !isInstanceOf(currentNode, globalObject.Element)\n  ) {\n    return container ? container : null;\n  }\n\n  const newContainerId = currentNode.getAttribute(PORTAL_OUTLET_ATTR);\n  if (newContainerId) {\n    const nextNode = globalObject.document?.querySelector(`[${PORTAL_INLET_ATTR}~=\"${newContainerId}\"]`);\n\n    if (!nextNode) {\n      warning(false, `Origin node for render container was not found`);\n      return null;\n    }\n\n    return findRenderContainer(nextNode, rootNode, nextNode);\n  }\n\n  return findRenderContainer(currentNode, rootNode, container);\n}\n\nexport function listen(\n  elements: Element[] | (() => Element[]),\n  callback: (event: Event) => void,\n  globalObject: GlobalObject,\n): { remove(): void } {\n  addFocusListener(globalObject);\n\n  const handler = {\n    elements,\n    callback,\n  };\n  handlers.push(handler);\n\n  return {\n    remove() {\n      const index = handlers.indexOf(handler);\n      if (index > -1) {\n        handlers.splice(index, 1);\n      }\n    },\n  };\n}\n"]}

package/lib/locale/LocaleContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { LangCodes, LocaleControls } from './types.js';
+export interface LocaleContextProps {
+    locale?: LocaleControls;
+    langCode?: LangCodes;
+}
+export declare const LocaleContext: React.Context<LocaleContextProps>;

package/lib/locale/LocaleContext.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { defaultLangCode } from './constants.js';
+export var LocaleContext = React.createContext({
+    locale: {},
+    langCode: defaultLangCode,
+});
+LocaleContext.displayName = 'LocaleContext';
+LocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';
+//# sourceMappingURL=LocaleContext.js.map

package/lib/locale/LocaleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleContext.js","sourceRoot":"","sources":["../../../lib/locale/LocaleContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAOjD,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB;IACnE,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,eAAe;CAC1B,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,aAAa,CAAC,mBAAmB,GAAG,eAAe,CAAC","sourcesContent":["import React from 'react';\n\nimport type { LangCodes, LocaleControls } from './types.js';\nimport { defaultLangCode } from './constants.js';\n\nexport interface LocaleContextProps {\n  locale?: LocaleControls;\n  langCode?: LangCodes;\n}\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({\n  locale: {},\n  langCode: defaultLangCode,\n});\n\nLocaleContext.displayName = 'LocaleContext';\nLocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';\n"]}

package/lib/locale/LocaleHelper.d.ts

@@ -0,0 +1,9 @@
+import type { LangCodes } from './types.js';
+export declare class LocaleHelper<C> {
+    private readonly locales;
+    private readonly defaultLangCode;
+    constructor(locales: {
+        [key in LangCodes]?: C;
+    }, langCode?: LangCodes);
+    get(langCode?: LangCodes): C;
+}