@pushwoosh/dumb-components 1.1.134 → 1.1.136

package/EditableField/EditableField.js

@@ -1,10 +1,12 @@
-import React, { useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 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,
@@ -22,42 +24,57 @@ export function EditableField({
   const rootRef = useRef(null);
   const buttonRef = useRef(null);
   useOnClickOutside(rootRef, onCancel);
-  return React.createElement(PopoverContainer, {
-    ref: rootRef
-  }, React.createElement(FieldBox, {
-    open: open,
-    onClick: onToggleOpen,
-    ref: buttonRef
-  }, React.createElement("span", null, value), open ? React.createElement(DropdownIcon, {
-    direction: "up",
-    size: "small",
-    color: Color.CLEAR
-  }) : React.createElement(EditIcon, {
-    view: "lined",
-    size: "small"
-  })), React.createElement(Popover, {
-    open: open,
-    position: position,
-    anchorEl: buttonRef,
-    windowWidth: width,
-    internalWindowRef: rootRef,
-    loading: loading,
-    zIndex: zIndex
-  }, React.createElement(Vertical, {
-    "$padding": 16
-  }, title && React.createElement(TitleBox, null, title), children, React.createElement(ButtonsGroup, {
-    "$isLoading": loading
-  }, React.createElement(Button, {
-    view: "shape",
-    color: "primary",
-    size: "compact",
-    isLoading: loading,
-    onClick: onSubmit
-  }, "Submit"), React.createElement(Button, {
-    view: "shape",
-    color: "secondary",
-    size: "compact",
-    isDisabled: loading,
-    onClick: onCancel
-  }, "Cancel")))));
+  return _jsxs(PopoverContainer, {
+    ref: rootRef,
+    children: [_jsxs(FieldBox, {
+      open: open,
+      onClick: onToggleOpen,
+      ref: buttonRef,
+      children: [_jsx("span", {
+        children: value
+      }), open ? _jsx(DropdownIcon, {
+        direction: "up",
+        size: "small",
+        color: Color.CLEAR
+      }) : _jsx(EditIcon, {
+        view: "lined",
+        size: "small"
+      })]
+    }), _jsx(Popover, {
+      open: open,
+      position: position,
+      anchorEl: buttonRef,
+      windowWidth: width,
+      internalWindowRef: rootRef,
+      loading: loading,
+      zIndex: zIndex,
+      children: _jsxs(Vertical, {
+        "$padding": 16,
+        children: [title && _jsx(TitleBox, {
+          children: title
+        }), children, _jsxs(ButtonsGroup, {
+          "$isLoading": loading,
+          children: [_jsx(Button, {
+            view: "shape",
+            color: "primary",
+            size: "compact",
+            isLoading: loading,
+            onClick: onSubmit,
+            children: _jsx(Lang, {
+              message: "DUMB.EDITABLE_FIELD.SUBMIT"
+            })
+          }), _jsx(Button, {
+            view: "shape",
+            color: "secondary",
+            size: "compact",
+            isDisabled: loading,
+            onClick: onCancel,
+            children: _jsx(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 {};

package/EmailTemplatePreview/EmailTemplatePreview.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Liquid } from 'liquidjs';
-import React, { useMemo, useState } from 'react';
+import { useMemo, useState } from 'react';
 import { replaceLocalization, replacePlaceholders } from './helpers';
 import { IframeStyled } from './styles';
 const createLiquidInstance = () => {
@@ -37,13 +38,14 @@ export function EmailTemplatePreview(props) {
       return `<body style="font-size: 24px; color: darkred">${e.message}</body>`;
     }
   }, [template, localization, values, liquidInstance]);
-  return React.createElement(IframeStyled, {
+  return _jsx(IframeStyled, {
     "$scale": scale,
     "$width": width,
-    "$height": height
-  }, React.createElement("iframe", {
-    srcDoc: src,
-    sandbox: "allow-same-origin",
-    title: "preview"
-  }));
+    "$height": height,
+    children: _jsx("iframe", {
+      srcDoc: src,
+      sandbox: "allow-same-origin",
+      title: "preview"
+    })
+  });
 }

package/EmailTemplatePreview/components/NoEmailTemplatePreview/NoEmailTemplatePreview.js

@@ -1,24 +1,38 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Color } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { Text } from '@pushwoosh/kit-typography';
 import Email from './assets/email.svg?url';
 import { Container, PreviewMock } from './styles';
+import { Lang, useLang } from '../../polyglot';
 export function NoEmailTemplatePreview() {
-  return React.createElement(Container, {
+  const lang = useLang();
+  return _jsxs(Container, {
     "$padding": "12px 12px 24px",
-    "$gap": 12
-  }, React.createElement(PreviewMock, {
-    "$alignItems": "center",
-    "$justifyContent": "center"
-  }, React.createElement("img", {
-    src: Email,
-    alt: "Email envelop icon"
-  })), React.createElement(Vertical, null, React.createElement(Text, {
-    "$variant": "footnote",
-    "$color": Color.LOCKED
-  }, "Content missed..."), React.createElement(Text, {
-    "$variant": "footnote",
-    "$color": Color.LOCKED
-  }, "Might be old data or deleted presets")));
+    "$gap": 12,
+    children: [_jsx(PreviewMock, {
+      "$alignItems": "center",
+      "$justifyContent": "center",
+      children: _jsx("img", {
+        src: Email,
+        alt: lang({
+          message: 'DUMB.EMAIL_TEMPLATE_PREVIEW.ALT'
+        })
+      })
+    }), _jsxs(Vertical, {
+      children: [_jsx(Text, {
+        "$variant": "footnote",
+        "$color": Color.LOCKED,
+        children: _jsx(Lang, {
+          message: "DUMB.EMAIL_TEMPLATE_PREVIEW.CONTENT_MISSED"
+        })
+      }), _jsx(Text, {
+        "$variant": "footnote",
+        "$color": Color.LOCKED,
+        children: _jsx(Lang, {
+          message: "DUMB.EMAIL_TEMPLATE_PREVIEW.HINT"
+        })
+      })]
+    })]
+  });
 }

package/EmailTemplatePreview/polyglot/index.d.ts

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

package/EmailTemplatePreview/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/EmailTemplatePreview/polyglot/messages_en.d.ts

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

package/EmailTemplatePreview/polyglot/messages_en.js

@@ -0,0 +1,5 @@
+export const messages = {
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.ALT': 'Email envelope icon',
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.CONTENT_MISSED': 'Content missed...',
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.HINT': 'Might be old data or deleted presets'
+};

package/EmailTemplatePreview/polyglot/messages_ru.d.ts

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

package/EmailTemplatePreview/polyglot/messages_ru.js

@@ -0,0 +1,5 @@
+export const messages = {
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.ALT': 'Иконка конверта email',
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.CONTENT_MISSED': 'Контент отсутствует...',
+  'DUMB.EMAIL_TEMPLATE_PREVIEW.HINT': 'Возможно, устаревшие данные или удалённые пресеты'
+};

package/EmailTemplatePreview/polyglot/types.d.ts

@@ -0,0 +1,6 @@
+import type { NoParams } from '../../polyglot';
+export type EmailTemplatePreviewMessages = {
+    'DUMB.EMAIL_TEMPLATE_PREVIEW.ALT': NoParams;
+    'DUMB.EMAIL_TEMPLATE_PREVIEW.CONTENT_MISSED': NoParams;
+    'DUMB.EMAIL_TEMPLATE_PREVIEW.HINT': NoParams;
+};

package/EmailTemplatePreview/polyglot/types.js

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

package/EnhancedInput/EnhancedInput.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-export declare const EnhancedInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & import("../native/Input").NativeInputProps & {
-    $icon?: React.ReactNode;
+export declare const EnhancedInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("../native/Input").NativeInputProps & {
+    $icon?: import("react").ReactNode;
     $onClear?: () => void;
     hint?: string;
-} & React.RefAttributes<HTMLInputElement>>;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/EnhancedInput/EnhancedInput.js

@@ -1,4 +1,5 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { CloseIcon } from '@pushwoosh/kit-icons';
 import { Wrapper, RightSlot } from './styles';
 import { NativeInput } from '../native';
@@ -8,16 +9,19 @@ export const EnhancedInput = forwardRef(({
   hint,
   ...props
 }, ref) => {
-  return React.createElement(Wrapper, {
+  return _jsxs(Wrapper, {
     "$hasIcon": !!$icon,
     "$hasClear": !!$onClear,
     "$hasError": !!props.$isErrored,
-    "$hasHint": !!hint
-  }, $icon, React.createElement(NativeInput, {
-    ...props,
-    ref: ref
-  }), hint && React.createElement(RightSlot, null, hint), $onClear && React.createElement(CloseIcon, {
-    size: "small",
-    onClick: $onClear
-  }));
+    "$hasHint": !!hint,
+    children: [$icon, _jsx(NativeInput, {
+      ...props,
+      ref: ref
+    }), hint && _jsx(RightSlot, {
+      children: hint
+    }), $onClear && _jsx(CloseIcon, {
+      size: "small",
+      onClick: $onClear
+    })]
+  });
 });

package/EnhancedInput/SearchInput.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SearchIcon } from '@pushwoosh/kit-icons';
 import { EnhancedInput } from './EnhancedInput';
 export const SearchInput = props => {
-  return React.createElement(EnhancedInput, {
+  return _jsx(EnhancedInput, {
     ...props,
-    "$icon": React.createElement(SearchIcon, {
+    "$icon": _jsx(SearchIcon, {
       size: "medium",
       view: "lined"
     })

package/ExportResult/ExportResult.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { CloseIcon, CsvIcon } from '@pushwoosh/kit-icons';
 import { Button } from '../Button';
@@ -12,28 +12,38 @@ export function ExportResult(props) {
     rightSlot,
     handleClose
   } = props;
-  return React.createElement(Horizontal, {
+  return _jsxs(Horizontal, {
     "$justifyContent": "space-between",
     "$alignItems": "center",
-    "$gap": 12
-  }, React.createElement(Horizontal, {
-    "$gap": 12
-  }, React.createElement(LeftSlot, {
-    "$type": type,
-    "$alignItems": "center",
-    "$padding": 4
-  }, leftSlotIcon || React.createElement(CsvIcon, {
-    size: "medium",
-    view: "filled"
-  })), React.createElement(MainInfoContainer, null, React.createElement(Title, null, title), React.createElement(Subtitle, null, subtitle))), React.createElement(RightSlotContainer, {
-    "$alignItems": "center",
-    "$gap": 8
-  }, rightSlot, React.createElement(Button, {
-    color: "secondary",
-    onClick: handleClose,
-    size: "compact",
-    icon: React.createElement(CloseIcon, {
-      size: "small"
-    })
-  })));
+    "$gap": 12,
+    children: [_jsxs(Horizontal, {
+      "$gap": 12,
+      children: [_jsx(LeftSlot, {
+        "$type": type,
+        "$alignItems": "center",
+        "$padding": 4,
+        children: leftSlotIcon || _jsx(CsvIcon, {
+          size: "medium",
+          view: "filled"
+        })
+      }), _jsxs(MainInfoContainer, {
+        children: [_jsx(Title, {
+          children: title
+        }), _jsx(Subtitle, {
+          children: subtitle
+        })]
+      })]
+    }), _jsxs(RightSlotContainer, {
+      "$alignItems": "center",
+      "$gap": 8,
+      children: [rightSlot, _jsx(Button, {
+        color: "secondary",
+        onClick: handleClose,
+        size: "compact",
+        icon: _jsx(CloseIcon, {
+          size: "small"
+        })
+      })]
+    })]
+  });
 }

package/ExternalImagePreview/ExternalImagePreview.js

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { Spinner } from '../Spinner';
 import { RootBox, ImgPreview, PlaceholderWrapper } from './styles';
@@ -26,25 +27,28 @@ export function ExternalImagePreview(props) {
       onError(error);
     }
   };
-  return React.createElement(RootBox, {
-    width: width,
-    height: height
-  }, (!src || isError) && React.createElement(PlaceholderWrapper, {
-    width: width,
-    height: height
-  }, placeholder), isLoading && React.createElement(PlaceholderWrapper, {
-    width: width,
-    height: height
-  }, React.createElement(Spinner, {
-    size: "small",
-    color: Color.CLEAR
-  })), React.createElement(ImgPreview, {
+  return _jsxs(RootBox, {
     width: width,
     height: height,
-    isHide: !src || isLoading || isError,
-    alt: alt,
-    src: src,
-    onError: handleOnError,
-    onLoad: () => setIsLoading(false)
-  }));
+    children: [(!src || isError) && _jsx(PlaceholderWrapper, {
+      width: width,
+      height: height,
+      children: placeholder
+    }), isLoading && _jsx(PlaceholderWrapper, {
+      width: width,
+      height: height,
+      children: _jsx(Spinner, {
+        size: "small",
+        color: Color.CLEAR
+      })
+    }), _jsx(ImgPreview, {
+      width: width,
+      height: height,
+      isHide: !src || isLoading || isError,
+      alt: alt,
+      src: src,
+      onError: handleOnError,
+      onLoad: () => setIsLoading(false)
+    })]
+  });
 }

package/FieldBox/FieldBox.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Color, Tag } from '@pushwoosh/kit-constants';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon, InfoRoundIcon } from '@pushwoosh/kit-icons';
@@ -18,41 +18,54 @@ export function FieldBox(props) {
     actionsRef,
     children
   } = props;
-  return React.createElement(Vertical, {
+  return _jsxs(Vertical, {
     ref: boxRef,
-    "$gap": 4
-  }, title && React.createElement(Horizontal, {
-    "$alignItems": "center",
-    "$justifyContent": "space-between"
-  }, React.createElement(TitleBox, null, React.createElement(Text, {
-    "$variant": "h5"
-  }, title), isOptional && React.createElement(Text, {
-    "$color": Color.LOCKED,
-    "$variant": "footnote"
-  }, "(optional)"), tooltip && React.createElement(Tooltip, {
-    content: tooltip,
-    position: "right-middle"
-  }, React.createElement("div", null, React.createElement(InfoRoundIcon, {
-    color: Color.LOCKED,
-    size: "small",
-    view: "lined"
-  }))), link && React.createElement(Link, {
-    as: Tag.A,
-    href: link,
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, React.createElement(OpenIcon, {
-    size: "small",
-    view: "lined"
-  }))), actions && React.createElement(Horizontal, {
-    ref: actionsRef,
-    "$alignItems": "center",
-    "$gap": 4
-  }, actions)), children, description && !error && React.createElement(Text, {
-    "$variant": "footnote",
-    "$color": Color.LOCKED
-  }, description), error && React.createElement(Text, {
-    "$variant": "footnote",
-    "$color": Color.DANGER
-  }, error));
+    "$gap": 4,
+    children: [title && _jsxs(Horizontal, {
+      "$alignItems": "center",
+      "$justifyContent": "space-between",
+      children: [_jsxs(TitleBox, {
+        children: [_jsx(Text, {
+          "$variant": "h5",
+          children: title
+        }), isOptional && _jsx(Text, {
+          "$color": Color.LOCKED,
+          "$variant": "footnote",
+          children: "(optional)"
+        }), tooltip && _jsx(Tooltip, {
+          content: tooltip,
+          position: "right-middle",
+          children: _jsx("div", {
+            children: _jsx(InfoRoundIcon, {
+              color: Color.LOCKED,
+              size: "small",
+              view: "lined"
+            })
+          })
+        }), link && _jsx(Link, {
+          as: Tag.A,
+          href: link,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: _jsx(OpenIcon, {
+            size: "small",
+            view: "lined"
+          })
+        })]
+      }), actions && _jsx(Horizontal, {
+        ref: actionsRef,
+        "$alignItems": "center",
+        "$gap": 4,
+        children: actions
+      })]
+    }), children, description && !error && _jsx(Text, {
+      "$variant": "footnote",
+      "$color": Color.LOCKED,
+      children: description
+    }), error && _jsx(Text, {
+      "$variant": "footnote",
+      "$color": Color.DANGER,
+      children: error
+    })]
+  });
 }