@pushwoosh/dumb-components 1.1.134 → 1.1.136

package/AccessForbidden/AccessForbidden.js

@@ -1,9 +1,23 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import accessForbiddenImage from './assets/AccessForbidden.svg?url';
+import { Lang, useLang } from './polyglot';
 import { RootBox, ImageBox, TitleBox, DescriptionBox } from './styles';
 export function AccessForbidden() {
-  return React.createElement(RootBox, null, React.createElement(ImageBox, {
-    alt: "Access forbidden",
-    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."));
+  const lang = useLang();
+  return _jsxs(RootBox, {
+    children: [_jsx(ImageBox, {
+      alt: lang({
+        message: 'DUMB.ACCESS_FORBIDDEN.TITLE'
+      }),
+      src: accessForbiddenImage
+    }), _jsx(TitleBox, {
+      children: _jsx(Lang, {
+        message: "DUMB.ACCESS_FORBIDDEN.TITLE"
+      })
+    }), _jsx(DescriptionBox, {
+      children: _jsx(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/Alert/Alert.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import type { AlertProps } from './types';
-export declare const Alert: ({ isExpandedDefault, title, type, children }: AlertProps) => React.JSX.Element;
+export declare const Alert: ({ isExpandedDefault, title, type, children }: AlertProps) => import("react/jsx-runtime").JSX.Element;

package/Alert/Alert.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { ShapeRadius } from '@pushwoosh/kit-constants';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { ChevronIcon } from '@pushwoosh/kit-icons';
@@ -17,29 +18,34 @@ export const Alert = ({
     iconColor,
     bgColor
   } = AlertTypeMap[type];
-  return React.createElement(Container, {
+  return _jsxs(Container, {
     "$borderRadius": ShapeRadius.SECTION,
-    "$bgColor": bgColor
-  }, React.createElement(AccordionHeader, {
-    onClick: () => canCollapse && setIsExpanded(!isExpanded),
-    "$canCollapse": canCollapse,
-    "$justifyContent": "space-between",
-    "$alignItems": "center",
-    "$gap": 8,
-    "$padding": "8px 12px 8px 16px"
-  }, React.createElement(Horizontal, {
-    "$gap": 8
-  }, React.createElement(Icon, {
-    size: "small",
-    view: "lined",
-    color: iconColor
-  }), title), canCollapse && React.createElement(Horizontal, {
-    "$justifyContent": "center"
-  }, React.createElement(ChevronIcon, {
-    size: "small",
-    direction: isExpanded ? 'up' : 'down',
-    color: iconColor
-  }))), isExpanded && React.createElement(Vertical, {
-    "$padding": "0 16px 16px"
-  }, children));
+    "$bgColor": bgColor,
+    children: [_jsxs(AccordionHeader, {
+      onClick: () => canCollapse && setIsExpanded(!isExpanded),
+      "$canCollapse": canCollapse,
+      "$justifyContent": "space-between",
+      "$alignItems": "center",
+      "$gap": 8,
+      "$padding": "8px 12px 8px 16px",
+      children: [_jsxs(Horizontal, {
+        "$gap": 8,
+        children: [_jsx(Icon, {
+          size: "small",
+          view: "lined",
+          color: iconColor
+        }), title]
+      }), canCollapse && _jsx(Horizontal, {
+        "$justifyContent": "center",
+        children: _jsx(ChevronIcon, {
+          size: "small",
+          direction: isExpanded ? 'up' : 'down',
+          color: iconColor
+        })
+      })]
+    }), isExpanded && _jsx(Vertical, {
+      "$padding": "0 16px 16px",
+      children: children
+    })]
+  });
 };

package/ApplicationPreloader/ApplicationPreloader.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 export type ApplicationPreloaderProps = {
     fullscreen?: boolean;
 };
-export declare function ApplicationPreloader({ fullscreen }: ApplicationPreloaderProps): React.JSX.Element;
+export declare function ApplicationPreloader({ fullscreen }: ApplicationPreloaderProps): import("react/jsx-runtime").JSX.Element;

package/ApplicationPreloader/ApplicationPreloader.js

@@ -1,9 +1,10 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ApplicationPreloaderBox, ApplicationPreloaderAnimation } from './styles';
 export function ApplicationPreloader({
   fullscreen = true
 }) {
-  return React.createElement(ApplicationPreloaderBox, {
-    "$fullscreen": fullscreen
-  }, React.createElement(ApplicationPreloaderAnimation, null));
+  return _jsx(ApplicationPreloaderBox, {
+    "$fullscreen": fullscreen,
+    children: _jsx(ApplicationPreloaderAnimation, {})
+  });
 }

package/Badge/Badge.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { BadgeBox } from './styles';
 export function Badge(props) {
   const {
@@ -7,7 +7,7 @@ export function Badge(props) {
     isSaturated,
     ...rest
   } = props;
-  return React.createElement(BadgeBox, {
+  return _jsx(BadgeBox, {
     ...rest,
     ref: boxRef,
     "$color": color,

package/Banner/Banner.js

@@ -1,4 +1,5 @@
-import React, { useState, useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { CloseIcon } from '@pushwoosh/kit-icons';
 import { H4 } from '@pushwoosh/kit-typography';
@@ -50,32 +51,47 @@ export function Banner(props) {
   if (!isOpen) {
     return null;
   }
-  return React.createElement(BannerBox, {
+  return _jsxs(BannerBox, {
     ...rest,
     "$isOpen": isOpen,
     "$isLoading": isLoading,
     ref: boxRef,
     "$type": type,
-    className: className
-  }, React.createElement(IconContainer, null, icon || React.createElement(DefaultIcon, {
-    size: "small",
-    view: "filled"
-  })), React.createElement(BannerContent, {
-    "$hasChildren": !!children
-  }, React.createElement(H4, null, title), children && React.createElement("div", null, children)), action && React.createElement(Vertical, {
-    "$padding": "0 8px 0 0",
-    "$alignContent": "center"
-  }, React.createElement(ActionButton, {
-    onClick: handleAction,
-    "$isPressed": isActionPressed,
-    "$isLoading": isLoading
-  }, React.createElement("span", null, action.buttonText), isLoading && React.createElement(BannerSpinner, null, React.createElement(Spinner, {
-    size: "small",
-    color: SpinnerColor
-  })))), canBeClosed && React.createElement(CloseButton, {
-    onClick: handleClose,
-    "$isPressed": isClosePressed
-  }, React.createElement(CloseIcon, {
-    size: "small"
-  })));
+    className: className,
+    children: [_jsx(IconContainer, {
+      children: icon || _jsx(DefaultIcon, {
+        size: "small",
+        view: "filled"
+      })
+    }), _jsxs(BannerContent, {
+      "$hasChildren": !!children,
+      children: [_jsx(H4, {
+        children: title
+      }), children && _jsx("div", {
+        children: children
+      })]
+    }), action && _jsx(Vertical, {
+      "$padding": "0 8px 0 0",
+      "$alignContent": "center",
+      children: _jsxs(ActionButton, {
+        onClick: handleAction,
+        "$isPressed": isActionPressed,
+        "$isLoading": isLoading,
+        children: [_jsx("span", {
+          children: action.buttonText
+        }), isLoading && _jsx(BannerSpinner, {
+          children: _jsx(Spinner, {
+            size: "small",
+            color: SpinnerColor
+          })
+        })]
+      })
+    }), canBeClosed && _jsx(CloseButton, {
+      onClick: handleClose,
+      "$isPressed": isClosePressed,
+      children: _jsx(CloseIcon, {
+        size: "small"
+      })
+    })]
+  });
 }

package/Button/Button.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Spinner } from '../Spinner';
 import { ButtonPropsToButtonBoxMap, SpinnerSizeByButtonSizeMap } from './maps';
 import { ButtonIcon, ButtonSpinner, ButtonContent } from './styles';
@@ -27,7 +27,7 @@ export function Button(props) {
     return null;
   }
   const isShowOverlaySpinner = !!children && !icon && view !== 'ghost' && isLoading;
-  return React.createElement(ButtonBox, {
+  return _jsxs(ButtonBox, {
     ...rest,
     type: type,
     disabled: isDisabled,
@@ -38,11 +38,22 @@ export function Button(props) {
     "$hasLeftIcon": !!icon,
     "$hasRightIcon": !!rightIcon,
     "$hasContent": !!children,
-    ref: boxRef
-  }, icon && React.createElement(ButtonIcon, null, isLoading ? React.createElement(Spinner, {
-    size: SpinnerSizeByButtonSizeMap[size]
-  }) : icon), children && React.createElement(ButtonContent, null, React.createElement("div", null, children)), rightIcon && React.createElement(ButtonIcon, null, rightIcon), isShowOverlaySpinner && React.createElement(ButtonSpinner, null, React.createElement(Spinner, {
-    color: "danger",
-    size: SpinnerSizeByButtonSizeMap[size]
-  })));
+    ref: boxRef,
+    children: [icon && _jsx(ButtonIcon, {
+      children: isLoading ? _jsx(Spinner, {
+        size: SpinnerSizeByButtonSizeMap[size]
+      }) : icon
+    }), children && _jsx(ButtonContent, {
+      children: _jsx("div", {
+        children: children
+      })
+    }), rightIcon && _jsx(ButtonIcon, {
+      children: rightIcon
+    }), isShowOverlaySpinner && _jsx(ButtonSpinner, {
+      children: _jsx(Spinner, {
+        color: "danger",
+        size: SpinnerSizeByButtonSizeMap[size]
+      })
+    })]
+  });
 }

package/Button/RemoveButton.js

@@ -1,10 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { CloseIcon } from '@pushwoosh/kit-icons';
 import { RemoveButtonBox } from './styles';
 export function RemoveButton(props) {
-  return React.createElement(RemoveButtonBox, {
-    ...props
-  }, React.createElement(CloseIcon, {
-    size: "small"
-  }));
+  return _jsx(RemoveButtonBox, {
+    ...props,
+    children: _jsx(CloseIcon, {
+      size: "small"
+    })
+  });
 }

package/Calendar/CalendarDropdown/CalendarDropdown.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { Horizontal, useClickAway, Vertical } from '@pushwoosh/kit-helpers';
 import { CalendarIcon } from '@pushwoosh/kit-icons';
@@ -61,111 +62,123 @@ export const CalendarDropdown = props => {
   } else {
     buttonText = stringifyValue(value, withTime, timezone);
   }
-  return React.createElement(Horizontal, {
-    "$justifyContent": "start"
-  }, React.createElement(Button, {
-    boxRef: buttonRef,
-    type: "button",
-    view: buttonView,
-    size: buttonSize,
-    color: buttonColor,
-    icon: React.createElement(CalendarIcon, {
-      size: buttonSize === 'compact' ? 'small' : 'medium',
-      view: "lined"
-    }),
-    onClick: () => isOpen ? closePopover() : openPopover(),
-    isOpen: isOpen
-  }, buttonTextCustom ?? buttonText), React.createElement(Popover, {
-    open: isOpen,
-    anchorEl: buttonRef,
-    internalWindowRef: popoverRef,
-    windowWidth: isRangePicker ? 500 : 260,
-    position: "bottom-start",
-    zIndex: 10010
-  }, React.createElement(PopoverContent, {
-    "$isShaking": isShaking,
-    onAnimationEnd: () => setIsShaking(false)
-  }, React.createElement(Vertical, null, presets && presets.length > 0 && React.createElement(PresetsContainer, null, presets.map((preset, i) => React.createElement(Chip, {
-    key: i,
-    onClick: () => onChangeHandler(preset.value)
-  }, preset.label))), React.createElement(Horizontal, {
-    "$padding": 16,
-    "$border": {
-      bottom: `1px solid ${Color.DIVIDER}`
-    }
-  }, mode === 'single-date' && React.createElement(CalendarSuperForm, {
-    mode: "single-date",
-    ...calendarProps,
-    value: value,
-    onChange: onChangeHandler
-  }), mode === 'single-datetime' && React.createElement(CalendarSuperForm, {
-    mode: "single-datetime",
-    ...calendarProps,
-    value: value,
-    onChange: onChangeHandler,
-    timezone: timezone,
-    onChangeTimezone: val => {
-      setTimezone(val);
-      if ('onChangeTimezone' in calendarProps) {
-        calendarProps.onChangeTimezone(val);
-      }
-    }
-  }), mode === 'range-date' && React.createElement(CalendarSuperForm, {
-    mode: "range-date",
-    ...calendarProps,
-    value: value,
-    onChange: onChangeHandler
-  }), mode === 'range-datetime' && React.createElement(CalendarSuperForm, {
-    mode: "range-datetime",
-    ...calendarProps,
-    value: value,
-    onChange: onChangeHandler,
-    timezone: timezone,
-    onChangeTimezone: val => {
-      setTimezone(val);
-      if ('onChangeTimezone' in calendarProps) {
-        calendarProps.onChangeTimezone(val);
-      }
-    }
-  })), React.createElement(Horizontal, {
-    "$padding": 16,
-    "$justifyContent": "end",
-    "$gap": 8
-  }, React.createElement(Button, {
-    color: "secondary",
-    size: "compact",
-    onClick: () => {
-      if (noValue) {
-        closePopover();
-      } else {
-        setValue(isRangePicker ? [] : undefined);
-        setTimezone(initialTimezone);
-      }
-    }
-  }, noValue ? React.createElement(Lang, {
-    message: "DUMB.CALENDAR.CANCEL"
-  }) : React.createElement(Lang, {
-    message: "DUMB.CALENDAR.RESET"
-  })), React.createElement(Button, {
-    color: "primary",
-    size: "compact",
-    onClick: () => {
-      let isInvalid;
-      if (isRangePicker) {
-        const range = value;
-        const length = (range === null || range === void 0 ? void 0 : range.length) ?? 0;
-        isInvalid = allowEmpty ? length === 1 : length !== 2;
-      } else {
-        isInvalid = allowEmpty ? false : !value;
-      }
-      if (isInvalid) {
-        setIsShaking(true);
-      } else {
-        props.onSubmit(value, timezone);
-        closePopover();
-      }
-    }
-  }, React.createElement(Lang, {
-    message: "DUMB.CALENDAR.APPLY"
-  })))))));
+  return _jsxs(Horizontal, {
+    "$justifyContent": "start",
+    children: [_jsx(Button, {
+      boxRef: buttonRef,
+      type: "button",
+      view: buttonView,
+      size: buttonSize,
+      color: buttonColor,
+      icon: _jsx(CalendarIcon, {
+        size: buttonSize === 'compact' ? 'small' : 'medium',
+        view: "lined"
+      }),
+      onClick: () => isOpen ? closePopover() : openPopover(),
+      isOpen: isOpen,
+      children: buttonTextCustom ?? buttonText
+    }), _jsx(Popover, {
+      open: isOpen,
+      anchorEl: buttonRef,
+      internalWindowRef: popoverRef,
+      windowWidth: isRangePicker ? 500 : 260,
+      position: "bottom-start",
+      zIndex: 10010,
+      children: _jsx(PopoverContent, {
+        "$isShaking": isShaking,
+        onAnimationEnd: () => setIsShaking(false),
+        children: _jsxs(Vertical, {
+          children: [presets && presets.length > 0 && _jsx(PresetsContainer, {
+            children: presets.map((preset, i) => _jsx(Chip, {
+              onClick: () => onChangeHandler(preset.value),
+              children: preset.label
+            }, i))
+          }), _jsxs(Horizontal, {
+            "$padding": 16,
+            "$border": {
+              bottom: `1px solid ${Color.DIVIDER}`
+            },
+            children: [mode === 'single-date' && _jsx(CalendarSuperForm, {
+              mode: "single-date",
+              ...calendarProps,
+              value: value,
+              onChange: onChangeHandler
+            }), mode === 'single-datetime' && _jsx(CalendarSuperForm, {
+              mode: "single-datetime",
+              ...calendarProps,
+              value: value,
+              onChange: onChangeHandler,
+              timezone: timezone,
+              onChangeTimezone: val => {
+                setTimezone(val);
+                if ('onChangeTimezone' in calendarProps) {
+                  calendarProps.onChangeTimezone(val);
+                }
+              }
+            }), mode === 'range-date' && _jsx(CalendarSuperForm, {
+              mode: "range-date",
+              ...calendarProps,
+              value: value,
+              onChange: onChangeHandler
+            }), mode === 'range-datetime' && _jsx(CalendarSuperForm, {
+              mode: "range-datetime",
+              ...calendarProps,
+              value: value,
+              onChange: onChangeHandler,
+              timezone: timezone,
+              onChangeTimezone: val => {
+                setTimezone(val);
+                if ('onChangeTimezone' in calendarProps) {
+                  calendarProps.onChangeTimezone(val);
+                }
+              }
+            })]
+          }), _jsxs(Horizontal, {
+            "$padding": 16,
+            "$justifyContent": "end",
+            "$gap": 8,
+            children: [_jsx(Button, {
+              color: "secondary",
+              size: "compact",
+              onClick: () => {
+                if (noValue) {
+                  closePopover();
+                } else {
+                  setValue(isRangePicker ? [] : undefined);
+                  setTimezone(initialTimezone);
+                }
+              },
+              children: noValue ? _jsx(Lang, {
+                message: "DUMB.CALENDAR.CANCEL"
+              }) : _jsx(Lang, {
+                message: "DUMB.CALENDAR.RESET"
+              })
+            }), _jsx(Button, {
+              color: "primary",
+              size: "compact",
+              onClick: () => {
+                let isInvalid;
+                if (isRangePicker) {
+                  const range = value;
+                  const length = (range === null || range === void 0 ? void 0 : range.length) ?? 0;
+                  isInvalid = allowEmpty ? length === 1 : length !== 2;
+                } else {
+                  isInvalid = allowEmpty ? false : !value;
+                }
+                if (isInvalid) {
+                  setIsShaking(true);
+                } else {
+                  props.onSubmit(value, timezone);
+                  closePopover();
+                }
+              },
+              children: _jsx(Lang, {
+                message: "DUMB.CALENDAR.APPLY"
+              })
+            })]
+          })]
+        })
+      })
+    })]
+  });
 };