@snack-uikit/toaster 0.6.24 → 0.6.25

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.6.25 (2024-09-23)
+
+
+### Bug Fixes
+
+* **PDS-480:** remove direct usage of browser api elements ([1231ff7](https://github.com/cloud-ru-tech/snack-uikit/commit/1231ff7ab7a1b210b579a7b694633ef23bffcf44))
+
+
+
+
+
 ## 0.6.24 (2024-09-06)
 
 ### Only dependencies have been changed

package/dist/components/ToastSystemEvent/styles.module.css

@@ -113,7 +113,7 @@
   animation-play-state:paused;
 }
 .container[data-appearance=neutral]{
-  background-color:var(--sys-invert-neutral-background, #2a2a35);
+  background-color:var(--sys-invert-neutral-background, #30303c);
 }
 .container[data-appearance=neutral] .icon{
   color:var(--sys-invert-neutral-accent-default, #cfd2dc);
@@ -128,7 +128,7 @@
   background-color:var(--sys-neutral-accent-default, #787b8a);
 }
 .container[data-appearance=error]{
-  background-color:var(--sys-invert-neutral-background, #2a2a35);
+  background-color:var(--sys-invert-neutral-background, #30303c);
 }
 .container[data-appearance=error] .icon{
   color:var(--sys-red-accent-default, #cb3f3e);
@@ -168,7 +168,7 @@
   opacity:var(--opacity-a048, 0.48);
 }
 .container[data-appearance=warning]{
-  background-color:var(--sys-invert-neutral-background, #2a2a35);
+  background-color:var(--sys-invert-neutral-background, #30303c);
 }
 .container[data-appearance=warning] .icon{
   color:var(--sys-yellow-accent-default, #e2b134);
@@ -183,7 +183,7 @@
   background-color:var(--sys-yellow-accent-default, #e2b134);
 }
 .container[data-appearance=success]{
-  background-color:var(--sys-invert-neutral-background, #2a2a35);
+  background-color:var(--sys-invert-neutral-background, #30303c);
 }
 .container[data-appearance=success] .icon{
   color:var(--sys-green-accent-default, #57b762);

package/dist/components/ToastUserAction/styles.module.css

@@ -27,7 +27,7 @@
   align-items:center;
   justify-content:center;
   box-sizing:border-box;
-  background-color:var(--sys-invert-neutral-background, #2a2a35);
+  background-color:var(--sys-invert-neutral-background, #30303c);
 }
 .container[data-appearance=error] .icon{
   color:var(--sys-red-accent-default, #cb3f3e);

package/dist/components/ToasterContainer/styles.module.css

@@ -19,7 +19,7 @@
   box-sizing:border-box;
   width:100%;
   color:var(--sys-invert-neutral-text-main, #e6e8ef);
-  background-color:var(--sys-invert-neutral-background, #2a2a35);
+  background-color:var(--sys-invert-neutral-background, #30303c);
   border:none;
   outline:none;
 }
@@ -31,7 +31,7 @@
   outline-style:var(--border-state-focus-s-border-style, solid);
   outline-color:var(--border-state-focus-s-border-color, );
   background-color:var(--sys-invert-neutral-decor-hovered, #656774);
-  outline-color:var(--sys-available-complementary, #15151b);
+  outline-color:var(--sys-available-complementary, #1c1c24);
   outline-offset:var(--spacing-state-focus-offset, 2px);
 }
 .buttonCloseColumn:active{

package/dist/helpers.js

@@ -2,14 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // eslint-disable-next-line react/no-deprecated
 import { render } from 'react-dom';
 import { toast } from 'react-toastify';
+import { isBrowser } from '@snack-uikit/utils';
 import { ToasterContainer, ToastSystemEvent, ToastUserAction, } from './components';
 import { AUTO_CLOSE_TIME, TOASTER_CONTAINER_DEFAULT_PROPS, TOASTER_CONTAINER_PREFIX, TOASTER_ROOT_ID, TOASTER_TYPE, } from './constants';
 function getToasterContainer({ type, toasterParent, containerProps, }) {
     const containerId = (containerProps === null || containerProps === void 0 ? void 0 : containerProps.containerId) || `${TOASTER_CONTAINER_PREFIX}${type}`;
     const toasterContainerProps = Object.assign(Object.assign(Object.assign({}, TOASTER_CONTAINER_DEFAULT_PROPS[type]), (containerProps || {})), { containerId });
     const toasterRootId = `${TOASTER_ROOT_ID}__${type}`;
-    let rootInDOM = toasterParent.querySelector(`#${toasterRootId}`);
-    if (!rootInDOM) {
+    let rootInDOM = toasterParent ? toasterParent.querySelector(`#${toasterRootId}`) : null;
+    if (!rootInDOM && toasterParent && isBrowser()) {
         rootInDOM = document.createElement('div');
         rootInDOM.id = toasterRootId;
         toasterParent.appendChild(rootInDOM);
@@ -40,7 +41,7 @@ function getToastComponent({ type, toasterProps, }) {
             return undefined;
     }
 }
-export const openToast = ({ type, toasterProps, containerProps, toastOptions, toasterParent = document.body, }) => {
+export const openToast = ({ type, toasterProps, containerProps, toastOptions, toasterParent = isBrowser() ? document.body : undefined, }) => {
     const { toasterContainer, toasterContainerProps } = getToasterContainer({
         type,
         toasterParent,

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Toaster",
-  "version": "0.6.24",
+  "version": "0.6.25",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,13 +32,13 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/icons": "0.22.0",
-    "@snack-uikit/link": "0.13.1",
-    "@snack-uikit/loaders": "0.5.2",
-    "@snack-uikit/truncate-string": "0.4.21",
-    "@snack-uikit/utils": "3.3.0",
+    "@snack-uikit/icons": "0.22.1",
+    "@snack-uikit/link": "0.13.2",
+    "@snack-uikit/loaders": "0.5.3",
+    "@snack-uikit/truncate-string": "0.4.22",
+    "@snack-uikit/utils": "3.4.0",
     "classnames": "2.3.2",
     "react-toastify": "10.0.5"
   },
-  "gitHead": "f238fd8b9d363de790ebcfd189aa17cbe101f3eb"
+  "gitHead": "f9212fe04b0dbba9bedea1bb3a034ab612287841"
 }

package/src/helpers.tsx

@@ -2,6 +2,8 @@
 import { render } from 'react-dom';
 import { Id, toast, ToastOptions as RtToastOptions } from 'react-toastify';
 
+import { isBrowser } from '@snack-uikit/utils';
+
 import {
   ToasterContainer,
   ToasterContainerProps,
@@ -35,7 +37,7 @@ function getToasterContainer({
   containerProps,
 }: {
   type: ToasterType;
-  toasterParent: HTMLElement;
+  toasterParent?: HTMLElement;
   containerProps?: ToasterContainerProps;
 }) {
   const containerId = containerProps?.containerId || `${TOASTER_CONTAINER_PREFIX}${type}`;
@@ -48,9 +50,9 @@ function getToasterContainer({
 
   const toasterRootId = `${TOASTER_ROOT_ID}__${type}`;
 
-  let rootInDOM = toasterParent.querySelector(`#${toasterRootId}`);
+  let rootInDOM = toasterParent ? toasterParent.querySelector(`#${toasterRootId}`) : null;
 
-  if (!rootInDOM) {
+  if (!rootInDOM && toasterParent && isBrowser()) {
     rootInDOM = document.createElement('div');
     rootInDOM.id = toasterRootId;
     toasterParent.appendChild(rootInDOM);
@@ -105,7 +107,7 @@ export const openToast: OpenToast = ({
   toasterProps,
   containerProps,
   toastOptions,
-  toasterParent = document.body,
+  toasterParent = isBrowser() ? document.body : undefined,
 }) => {
   const { toasterContainer, toasterContainerProps } = getToasterContainer({
     type,