@pushwoosh/dumb-components 1.1.133 → 1.1.135

package/AccessForbidden/AccessForbidden.js

@@ -1,9 +1,17 @@
 import React from 'react';
 import accessForbiddenImage from './assets/AccessForbidden.svg?url';
+import { Lang, useLang } from './polyglot';
 import { RootBox, ImageBox, TitleBox, DescriptionBox } from './styles';
 export function AccessForbidden() {
+  const lang = useLang();
   return React.createElement(RootBox, null, React.createElement(ImageBox, {
-    alt: "Access forbidden",
+    alt: lang({
+      message: 'DUMB.ACCESS_FORBIDDEN.TITLE'
+    }),
     src: accessForbiddenImage
-  }), React.createElement(TitleBox, null, "Access forbidden"), React.createElement(DescriptionBox, null, "You do not have permission to access this page. Please contact your administrator for assistance."));
+  }), React.createElement(TitleBox, null, React.createElement(Lang, {
+    message: "DUMB.ACCESS_FORBIDDEN.TITLE"
+  })), React.createElement(DescriptionBox, null, React.createElement(Lang, {
+    message: "DUMB.ACCESS_FORBIDDEN.DESCRIPTION"
+  })));
 }

package/AccessForbidden/polyglot/index.d.ts

@@ -0,0 +1,2 @@
+import { type AccessForbiddenMessages } from './types';
+export declare const Lang: import("react").FC<import("../../polyglot").LangProps<AccessForbiddenMessages>>, useLang: () => (props: import("../../polyglot").LangProps<AccessForbiddenMessages>) => string;

package/AccessForbidden/polyglot/index.js

@@ -0,0 +1,10 @@
+import { messages as en } from './messages_en';
+import { messages as ru } from './messages_ru';
+import { createLang } from '../../polyglot';
+export const {
+  Lang,
+  useLang
+} = createLang({
+  en,
+  ru
+});

package/AccessForbidden/polyglot/messages_en.d.ts

@@ -0,0 +1,3 @@
+import { type AccessForbiddenMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<AccessForbiddenMessages>;

package/AccessForbidden/polyglot/messages_en.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.ACCESS_FORBIDDEN.TITLE': 'Access forbidden',
+  'DUMB.ACCESS_FORBIDDEN.DESCRIPTION': 'You do not have permission to access this page. Please contact your administrator for assistance.'
+};

package/AccessForbidden/polyglot/messages_ru.d.ts

@@ -0,0 +1,3 @@
+import { type AccessForbiddenMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<AccessForbiddenMessages>;

package/AccessForbidden/polyglot/messages_ru.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.ACCESS_FORBIDDEN.TITLE': 'Доступ запрещён',
+  'DUMB.ACCESS_FORBIDDEN.DESCRIPTION': 'У вас нет прав для доступа к этой странице. Обратитесь к администратору за помощью.'
+};

package/AccessForbidden/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type AccessForbiddenMessages = {
+    'DUMB.ACCESS_FORBIDDEN.TITLE': NoParams;
+    'DUMB.ACCESS_FORBIDDEN.DESCRIPTION': NoParams;
+};

package/AccessForbidden/polyglot/types.js

@@ -0,0 +1 @@
+export {};

package/Calendar/CalendarDropdown/CalendarDropdown.js

@@ -8,6 +8,7 @@ import { Button } from '../../Button';
 import { Chip } from '../../Chip';
 import { Popover } from '../../Popover';
 import { CalendarSuperForm } from '../CalendarSuperForm';
+import { Lang, useLang } from '../polyglot';
 export const CalendarDropdown = props => {
   const {
     mode,
@@ -24,6 +25,7 @@ export const CalendarDropdown = props => {
   const popoverRef = useRef(null);
   const [isShaking, setIsShaking] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
+  const lang = useLang();
   const [value, setValue] = useState(props.value ?? (isRangePicker ? [] : undefined));
   const initialTimezone = calendarProps.timezone || 'UTC';
   const [timezone, setTimezone] = useState(initialTimezone);
@@ -51,7 +53,11 @@ export const CalendarDropdown = props => {
   const noValue = isRangePicker ? ((value === null || value === void 0 ? void 0 : value.length) ?? 0) === 0 : !value;
   let buttonText;
   if (noValue) {
-    buttonText = isRangePicker ? 'Select period' : 'Select date';
+    buttonText = isRangePicker ? lang({
+      message: 'DUMB.CALENDAR.SELECT_PERIOD'
+    }) : lang({
+      message: 'DUMB.CALENDAR.SELECT_DATE'
+    });
   } else {
     buttonText = stringifyValue(value, withTime, timezone);
   }
@@ -136,7 +142,11 @@ export const CalendarDropdown = props => {
         setTimezone(initialTimezone);
       }
     }
-  }, noValue ? 'Cancel' : 'Reset'), React.createElement(Button, {
+  }, noValue ? React.createElement(Lang, {
+    message: "DUMB.CALENDAR.CANCEL"
+  }) : React.createElement(Lang, {
+    message: "DUMB.CALENDAR.RESET"
+  })), React.createElement(Button, {
     color: "primary",
     size: "compact",
     onClick: () => {
@@ -155,5 +165,7 @@ export const CalendarDropdown = props => {
         closePopover();
       }
     }
-  }, "Apply"))))));
+  }, React.createElement(Lang, {
+    message: "DUMB.CALENDAR.APPLY"
+  })))))));
 };

package/Calendar/CalendarSuperForm/components/CalendarTimeAndTimezoneSection/CalendarTimeAndTimezoneSection.js

@@ -6,6 +6,7 @@ import { H5, Text } from '@pushwoosh/kit-typography';
 import { Button } from '../../../../Button';
 import { extendPeriodStruct, formatTwoDigitNumber } from '../../../helpers';
 import { formatTimezoneShort } from '../../../helpers-tz';
+import { Lang } from '../../../polyglot';
 import { CalendarTimeInput } from '../CalendarTimeInput';
 import { CalendarTimezoneSelect } from '../CalendarTimezoneSelect';
 export const CalendarTimeAndTimezoneSection = ({
@@ -70,16 +71,22 @@ export const CalendarTimeAndTimezoneSection = ({
     size: "compact",
     view: "ghost",
     onClick: () => setExpanded(true)
-  }, "Expand time")) : React.createElement(React.Fragment, null, isRangePicker && React.createElement(Columns, {
+  }, React.createElement(Lang, {
+    message: "DUMB.CALENDAR.EXPAND_TIME"
+  }))) : React.createElement(React.Fragment, null, isRangePicker && React.createElement(Columns, {
     "$sizes": "1fr max-content",
     "$gap": 8,
     "$alignItems": "center"
-  }, React.createElement(H5, null, "Time range:"), React.createElement(Button, {
+  }, React.createElement(H5, null, React.createElement(Lang, {
+    message: "DUMB.CALENDAR.TIME_RANGE"
+  })), React.createElement(Button, {
     color: "secondary",
     size: "compact",
     view: "ghost",
     onClick: () => setExpanded(false)
-  }, "Collapse time")), !isRangePicker ? React.createElement(Horizontal, {
+  }, React.createElement(Lang, {
+    message: "DUMB.CALENDAR.COLLAPSE_TIME"
+  }))), !isRangePicker ? React.createElement(Horizontal, {
     "$alignItems": "center",
     "$gap": 8,
     "$justifyContent": "start"
@@ -131,5 +138,8 @@ export const CalendarTimeAndTimezoneSection = ({
   }, React.createElement(Text, {
     "$variant": "footnote",
     "$color": Color.LOCKED
-  }, "Please select", ' ', isRangePicker ? 'date range' : 'date', ' ', "first to set time"))));
+  }, React.createElement(Lang, {
+    message: "DUMB.CALENDAR.SELECT_FIRST_HINT",
+    isRange: Boolean(isRangePicker)
+  })))));
 };

package/Calendar/polyglot/index.d.ts

@@ -0,0 +1,2 @@
+import { type CalendarMessages } from './types';
+export declare const Lang: import("react").FC<import("../../polyglot").LangProps<CalendarMessages>>, useLang: () => (props: import("../../polyglot").LangProps<CalendarMessages>) => string;

package/Calendar/polyglot/index.js

@@ -0,0 +1,10 @@
+import { messages as en } from './messages_en';
+import { messages as ru } from './messages_ru';
+import { createLang } from '../../polyglot';
+export const {
+  Lang,
+  useLang
+} = createLang({
+  en,
+  ru
+});

package/Calendar/polyglot/messages_en.d.ts

@@ -0,0 +1,3 @@
+import { type CalendarMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<CalendarMessages>;

package/Calendar/polyglot/messages_en.js

@@ -0,0 +1,11 @@
+export const messages = {
+  'DUMB.CALENDAR.SELECT_PERIOD': 'Select period',
+  'DUMB.CALENDAR.SELECT_DATE': 'Select date',
+  'DUMB.CALENDAR.CANCEL': 'Cancel',
+  'DUMB.CALENDAR.RESET': 'Reset',
+  'DUMB.CALENDAR.APPLY': 'Apply',
+  'DUMB.CALENDAR.EXPAND_TIME': 'Expand time',
+  'DUMB.CALENDAR.COLLAPSE_TIME': 'Collapse time',
+  'DUMB.CALENDAR.TIME_RANGE': 'Time range:',
+  'DUMB.CALENDAR.SELECT_FIRST_HINT': 'Please select {% if isRange == true %}date range{% else %}date{% endif %} first to set time'
+};

package/Calendar/polyglot/messages_ru.d.ts

@@ -0,0 +1,3 @@
+import { type CalendarMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<CalendarMessages>;

package/Calendar/polyglot/messages_ru.js

@@ -0,0 +1,11 @@
+export const messages = {
+  'DUMB.CALENDAR.SELECT_PERIOD': 'Выберите период',
+  'DUMB.CALENDAR.SELECT_DATE': 'Выберите дату',
+  'DUMB.CALENDAR.CANCEL': 'Отмена',
+  'DUMB.CALENDAR.RESET': 'Сбросить',
+  'DUMB.CALENDAR.APPLY': 'Применить',
+  'DUMB.CALENDAR.EXPAND_TIME': 'Развернуть время',
+  'DUMB.CALENDAR.COLLAPSE_TIME': 'Свернуть время',
+  'DUMB.CALENDAR.TIME_RANGE': 'Диапазон времени:',
+  'DUMB.CALENDAR.SELECT_FIRST_HINT': 'Сначала выберите {% if isRange == true %}диапазон дат{% else %}дату{% endif %}, чтобы задать время'
+};

package/Calendar/polyglot/types.d.ts

@@ -0,0 +1,14 @@
+import type { NoParams } from '../../polyglot';
+export type CalendarMessages = {
+    'DUMB.CALENDAR.SELECT_PERIOD': NoParams;
+    'DUMB.CALENDAR.SELECT_DATE': NoParams;
+    'DUMB.CALENDAR.CANCEL': NoParams;
+    'DUMB.CALENDAR.RESET': NoParams;
+    'DUMB.CALENDAR.APPLY': NoParams;
+    'DUMB.CALENDAR.EXPAND_TIME': NoParams;
+    'DUMB.CALENDAR.COLLAPSE_TIME': NoParams;
+    'DUMB.CALENDAR.TIME_RANGE': NoParams;
+    'DUMB.CALENDAR.SELECT_FIRST_HINT': {
+        isRange: boolean;
+    };
+};

package/Calendar/polyglot/types.js

@@ -0,0 +1 @@
+export {};

package/CrashScreen/CrashScreen.js

@@ -1,11 +1,16 @@
 import React from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { WarningRoundIcon } from '@pushwoosh/kit-icons';
+import { Lang } from './polyglot';
 import { RootBox, IconBox, TitleBox, DescriptionBox } from './styles';
 export function CrashScreen() {
   return React.createElement(RootBox, null, React.createElement(IconBox, null, React.createElement(WarningRoundIcon, {
     size: "medium",
     view: "filled",
     color: Color.WARNING
-  })), React.createElement(TitleBox, null, "Something went wrong"), React.createElement(DescriptionBox, null, "Please refresh the page or try again later."));
+  })), React.createElement(TitleBox, null, React.createElement(Lang, {
+    message: "DUMB.CRASH_SCREEN.TITLE"
+  })), React.createElement(DescriptionBox, null, React.createElement(Lang, {
+    message: "DUMB.CRASH_SCREEN.DESCRIPTION"
+  })));
 }

package/CrashScreen/polyglot/index.d.ts

@@ -0,0 +1,2 @@
+import { type CrashScreenMessages } from './types';
+export declare const Lang: import("react").FC<import("../../polyglot").LangProps<CrashScreenMessages>>, useLang: () => (props: import("../../polyglot").LangProps<CrashScreenMessages>) => string;

package/CrashScreen/polyglot/index.js

@@ -0,0 +1,10 @@
+import { messages as en } from './messages_en';
+import { messages as ru } from './messages_ru';
+import { createLang } from '../../polyglot';
+export const {
+  Lang,
+  useLang
+} = createLang({
+  en,
+  ru
+});

package/CrashScreen/polyglot/messages_en.d.ts

@@ -0,0 +1,3 @@
+import { type CrashScreenMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<CrashScreenMessages>;

package/CrashScreen/polyglot/messages_en.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.CRASH_SCREEN.TITLE': 'Something went wrong',
+  'DUMB.CRASH_SCREEN.DESCRIPTION': 'Please refresh the page or try again later.'
+};

package/CrashScreen/polyglot/messages_ru.d.ts

@@ -0,0 +1,3 @@
+import { type CrashScreenMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<CrashScreenMessages>;

package/CrashScreen/polyglot/messages_ru.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.CRASH_SCREEN.TITLE': 'Что-то пошло не так',
+  'DUMB.CRASH_SCREEN.DESCRIPTION': 'Обновите страницу или попробуйте позже.'
+};

package/CrashScreen/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type CrashScreenMessages = {
+    'DUMB.CRASH_SCREEN.TITLE': NoParams;
+    'DUMB.CRASH_SCREEN.DESCRIPTION': NoParams;
+};

package/CrashScreen/polyglot/types.js

@@ -0,0 +1 @@
+export {};

package/DateTimePicker/components/DatePickerField/DatePickerField.js

@@ -2,6 +2,7 @@ import { useFloating, offset, autoPlacement } from '@floating-ui/react-dom';
 import React, { useState, useEffect } from 'react';
 import { CalendarIcon } from '@pushwoosh/kit-icons';
 import { format, monthName, get } from '../../helpers';
+import { Lang } from '../../polyglot';
 import { InputFrame } from '../../styles';
 import { DatePicker } from '../DatePicker';
 export function DatePickerField(props) {
@@ -56,7 +57,9 @@ export function DatePickerField(props) {
   }, React.createElement(CalendarIcon, {
     size: "medium",
     view: "lined"
-  }), value ? React.createElement(React.Fragment, null, format(value, 'day '), monthName(get(value, 'month'), 'long'), format(value, ' year')) : 'Select date'), showPicker && React.createElement("div", {
+  }), value ? React.createElement(React.Fragment, null, format(value, 'day '), monthName(get(value, 'month'), 'long'), format(value, ' year')) : React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.SELECT_DATE"
+  })), showPicker && React.createElement("div", {
     ref: refs.setFloating,
     style: {
       ...floatingStyles,

package/DateTimePicker/components/DateTimePickerField/DateTimePickerField.js

@@ -2,6 +2,7 @@ import { useFloating, offset, autoPlacement } from '@floating-ui/react-dom';
 import React, { useState, useEffect } from 'react';
 import { CalendarIcon } from '@pushwoosh/kit-icons';
 import { useUTCDate } from './helpers';
+import { Lang } from '../../polyglot';
 import { InputFrame } from '../../styles';
 import { DateTimePicker } from '../DateTimePicker';
 export function DateTimePickerField(props) {
@@ -63,7 +64,9 @@ export function DateTimePickerField(props) {
   }, React.createElement(CalendarIcon, {
     size: "medium",
     view: "lined"
-  }), value ? `${day} ${month} ${year} ${hours}:${minutes}` : 'Select date and time'), showPicker && React.createElement("div", {
+  }), value ? `${day} ${month} ${year} ${hours}:${minutes}` : React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.SELECT_DATE_TIME"
+  })), showPicker && React.createElement("div", {
     ref: refs.setFloating,
     style: {
       ...floatingStyles,

package/DateTimePicker/components/Month/Month.js

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import { Columns } from '@pushwoosh/kit-helpers';
 import { format, firstDayOfWeek, parseStringToDate, differenceInDays, isSamePeriod, isInRange } from '../../helpers';
+import { Lang } from '../../polyglot';
 import { CellBox, DayHeader } from '../../styles';
 export function Month(props) {
   const {
@@ -26,7 +27,21 @@ export function Month(props) {
   return React.createElement(Columns, {
     "$sizes": 7,
     "$gap": 4
-  }, React.createElement(DayHeader, null, "Sun"), React.createElement(DayHeader, null, "Mon"), React.createElement(DayHeader, null, "Tue"), React.createElement(DayHeader, null, "Wed"), React.createElement(DayHeader, null, "Thu"), React.createElement(DayHeader, null, "Fri"), React.createElement(DayHeader, null, "Sat"), Array.from({
+  }, React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_SUN"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_MON"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_TUE"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_WED"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_THU"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_FRI"
+  })), React.createElement(DayHeader, null, React.createElement(Lang, {
+    message: "DUMB.DATE_TIME_PICKER.WEEKDAY_SAT"
+  })), Array.from({
     length: days
   }).map((_, i) => {
     const curDay = new Date(Date.UTC(firstDayDate.getUTCFullYear(), firstDayDate.getUTCMonth(), firstDayDate.getUTCDate() + i));

package/DateTimePicker/polyglot/index.d.ts

@@ -0,0 +1,2 @@
+import { type DateTimePickerMessages } from './types';
+export declare const Lang: import("react").FC<import("../../polyglot").LangProps<DateTimePickerMessages>>;

package/DateTimePicker/polyglot/index.js

@@ -0,0 +1,9 @@
+import { messages as en } from './messages_en';
+import { messages as ru } from './messages_ru';
+import { createLang } from '../../polyglot';
+export const {
+  Lang
+} = createLang({
+  en,
+  ru
+});

package/DateTimePicker/polyglot/messages_en.d.ts

@@ -0,0 +1,3 @@
+import { type DateTimePickerMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<DateTimePickerMessages>;

package/DateTimePicker/polyglot/messages_en.js

@@ -0,0 +1,11 @@
+export const messages = {
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_SUN': 'Sun',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_MON': 'Mon',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_TUE': 'Tue',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_WED': 'Wed',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_THU': 'Thu',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_FRI': 'Fri',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_SAT': 'Sat',
+  'DUMB.DATE_TIME_PICKER.SELECT_DATE': 'Select date',
+  'DUMB.DATE_TIME_PICKER.SELECT_DATE_TIME': 'Select date and time'
+};

package/DateTimePicker/polyglot/messages_ru.d.ts

@@ -0,0 +1,3 @@
+import { type DateTimePickerMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<DateTimePickerMessages>;

package/DateTimePicker/polyglot/messages_ru.js

@@ -0,0 +1,11 @@
+export const messages = {
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_SUN': 'Вс',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_MON': 'Пн',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_TUE': 'Вт',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_WED': 'Ср',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_THU': 'Чт',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_FRI': 'Пт',
+  'DUMB.DATE_TIME_PICKER.WEEKDAY_SAT': 'Сб',
+  'DUMB.DATE_TIME_PICKER.SELECT_DATE': 'Выберите дату',
+  'DUMB.DATE_TIME_PICKER.SELECT_DATE_TIME': 'Выберите дату и время'
+};

package/DateTimePicker/polyglot/types.d.ts

@@ -0,0 +1,12 @@
+import type { NoParams } from '../../polyglot';
+export type DateTimePickerMessages = {
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_SUN': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_MON': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_TUE': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_WED': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_THU': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_FRI': NoParams;
+    'DUMB.DATE_TIME_PICKER.WEEKDAY_SAT': NoParams;
+    'DUMB.DATE_TIME_PICKER.SELECT_DATE': NoParams;
+    'DUMB.DATE_TIME_PICKER.SELECT_DATE_TIME': NoParams;
+};

package/DateTimePicker/polyglot/types.js

@@ -0,0 +1 @@
+export {};

package/Drawer/components/DrawerDocs/DrawerDocs.js

@@ -1,13 +1,15 @@
 import React, { useEffect, useRef, useState } from 'react';
+import { DrawerBodyIframe, IframeElement, LoadingBox } from './styles';
 import { Spinner } from '../../../Spinner';
+import { Lang, useLang } from '../../polyglot';
 import { Drawer } from '../Drawer';
-import { DrawerBodyIframe, IframeElement, LoadingBox } from './styles';
 export function DrawerDocs(props) {
   const {
     isOpen,
     url,
     onClose
   } = props;
+  const lang = useLang();
   const [drawerWidth, setDrawerWidth] = useState(0);
   const [iframeLoaded, setIframeLoaded] = useState(false);
   const drawerDocsRef = useRef(null);
@@ -33,10 +35,14 @@ export function DrawerDocs(props) {
     ref: drawerDocsRef
   }, !iframeLoaded && React.createElement(LoadingBox, null, React.createElement(Spinner, {
     size: "medium"
-  }), ' ', "Loading..."), React.createElement(IframeElement, {
+  }), ' ', React.createElement(Lang, {
+    message: "DUMB.DRAWER.DOCS_LOADING"
+  })), React.createElement(IframeElement, {
     src: url,
     ref: iframeRef,
-    title: "Pushwoosh docs",
+    title: lang({
+      message: 'DUMB.DRAWER.DOCS_TITLE'
+    }),
     width: drawerWidth,
     height: "95%",
     "$isLoaded": iframeLoaded,

package/Drawer/polyglot/index.d.ts

@@ -0,0 +1,2 @@
+import { type DrawerMessages } from './types';
+export declare const Lang: import("react").FC<import("../../polyglot").LangProps<DrawerMessages>>, useLang: () => (props: import("../../polyglot").LangProps<DrawerMessages>) => string;

package/Drawer/polyglot/index.js

@@ -0,0 +1,10 @@
+import { messages as en } from './messages_en';
+import { messages as ru } from './messages_ru';
+import { createLang } from '../../polyglot';
+export const {
+  Lang,
+  useLang
+} = createLang({
+  en,
+  ru
+});

package/Drawer/polyglot/messages_en.d.ts

@@ -0,0 +1,3 @@
+import { type DrawerMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<DrawerMessages>;

package/Drawer/polyglot/messages_en.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.DRAWER.DOCS_LOADING': 'Loading...',
+  'DUMB.DRAWER.DOCS_TITLE': 'Pushwoosh docs'
+};

package/Drawer/polyglot/messages_ru.d.ts

@@ -0,0 +1,3 @@
+import { type DrawerMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<DrawerMessages>;

package/Drawer/polyglot/messages_ru.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.DRAWER.DOCS_LOADING': 'Загрузка...',
+  'DUMB.DRAWER.DOCS_TITLE': 'Документация Pushwoosh'
+};

package/Drawer/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type DrawerMessages = {
+    'DUMB.DRAWER.DOCS_LOADING': NoParams;
+    'DUMB.DRAWER.DOCS_TITLE': NoParams;
+};

package/Drawer/polyglot/types.js

@@ -0,0 +1 @@
+export {};

package/EditableField/EditableField.js

@@ -5,6 +5,7 @@ import { DropdownIcon, EditIcon } from '@pushwoosh/kit-icons';
 import { Button } from '../Button';
 import { useOnClickOutside } from '../hooks';
 import { Popover, PopoverContainer } from '../Popover';
+import { Lang } from './polyglot';
 import { FieldBox, TitleBox, ButtonsGroup } from './styles';
 export function EditableField({
   value,
@@ -53,11 +54,15 @@ export function EditableField({
     size: "compact",
     isLoading: loading,
     onClick: onSubmit
-  }, "Submit"), React.createElement(Button, {
+  }, React.createElement(Lang, {
+    message: "DUMB.EDITABLE_FIELD.SUBMIT"
+  })), React.createElement(Button, {
     view: "shape",
     color: "secondary",
     size: "compact",
     isDisabled: loading,
     onClick: onCancel
-  }, "Cancel")))));
+  }, React.createElement(Lang, {
+    message: "DUMB.EDITABLE_FIELD.CANCEL"
+  }))))));
 }

package/EditableField/polyglot/index.d.ts

@@ -0,0 +1,2 @@
+import { type EditableFieldMessages } from './types';
+export declare const Lang: import("react").FC<import("../../polyglot").LangProps<EditableFieldMessages>>;

package/EditableField/polyglot/index.js

@@ -0,0 +1,9 @@
+import { messages as en } from './messages_en';
+import { messages as ru } from './messages_ru';
+import { createLang } from '../../polyglot';
+export const {
+  Lang
+} = createLang({
+  en,
+  ru
+});

package/EditableField/polyglot/messages_en.d.ts

@@ -0,0 +1,3 @@
+import { type EditableFieldMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<EditableFieldMessages>;

package/EditableField/polyglot/messages_en.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.EDITABLE_FIELD.SUBMIT': 'Submit',
+  'DUMB.EDITABLE_FIELD.CANCEL': 'Cancel'
+};

package/EditableField/polyglot/messages_ru.d.ts

@@ -0,0 +1,3 @@
+import { type EditableFieldMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<EditableFieldMessages>;

package/EditableField/polyglot/messages_ru.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.EDITABLE_FIELD.SUBMIT': 'Сохранить',
+  'DUMB.EDITABLE_FIELD.CANCEL': 'Отмена'
+};

package/EditableField/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type EditableFieldMessages = {
+    'DUMB.EDITABLE_FIELD.SUBMIT': NoParams;
+    'DUMB.EDITABLE_FIELD.CANCEL': NoParams;
+};

package/EditableField/polyglot/types.js

@@ -0,0 +1 @@
+export {};