@formixru/b2b-ui 2.2.0 → 2.4.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## v2.4.0
+
+- `@advdominion/tooltip` обновлён до 5-й версии
+- Исправдение стилей `.warning-message`
+
+## v2.3.0
+
+- В `Request` добавлена поддержка id диалогового окна или сайдбара как c `#`, так и без неё
+
 ## v2.2.0
 
 - Доработки по стилям `.tabs`/`.warning-message`

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@formixru/b2b-ui",
-    "version": "2.2.0",
+    "version": "2.4.0",
     "type": "module",
     "repository": {
         "type": "git",
@@ -27,7 +27,7 @@
         "@advdominion/get-scrollbar-width": "^2.0.0",
         "@advdominion/is": "^1.0.1",
         "@advdominion/pluralize": "^1.0.1",
-        "@advdominion/tooltip": "^3.0.1",
+        "@advdominion/tooltip": "^5.0.0",
         "@eslint/eslintrc": "^3.3.1",
         "@eslint/js": "^9.33.0",
         "@floating-ui/dom": "^1.7.4",
@@ -81,7 +81,7 @@
         "@advdominion/get-scrollbar-width": "^2.0.0",
         "@advdominion/is": "^1.0.0",
         "@advdominion/pluralize": "^1.0.0",
-        "@advdominion/tooltip": "^3.0.0",
+        "@advdominion/tooltip": "^5.0.0",
         "color": "^5.0.0",
         "dayjs": "^1.0.0",
         "imask": "^7.0.0",

package/src/components/request/index.js

@@ -15,6 +15,13 @@ export const initRequestContent = ($b) => {
     }
 };
 
+const getElementId = (id) => {
+    if (!id || id.startsWith('#')) {
+        return id;
+    }
+    return `#${id}`;
+};
+
 export const request = async ({
     $b,
     url = '',
@@ -90,18 +97,20 @@ export const request = async ({
                 console.warn('Функция __FORMIX__REQUEST__INTERCEPT_DATA не установлена');
             }
             if (data.dialog) {
-                const $dialog = document.querySelector(data.dialog.id);
+                const elementId = getElementId(data.dialog.id);
+                const $dialog = document.querySelector(elementId);
                 if ($dialog) {
                     $dialog.querySelector('.dialog__container').innerHTML = data.dialog.content;
                     await showDialog($dialog);
                     initRequestContent($dialog);
                 } else {
-                    console.error(`Диалоговое окно с id ${data.trigger} не найдено`);
+                    console.error(`Диалоговое окно с id ${elementId?.replace(/^#/, '')} не найдено`);
                 }
             }
             if (data.reloadOnHideDialog) {
                 if (data.dialog) {
-                    const $dialog = document.querySelector(data.dialog.id);
+                    const elementId = getElementId(data.dialog.id);
+                    const $dialog = document.querySelector(elementId);
                     $dialog?.addEventListener('dialog-hide', () => {
                         location.reload();
                     });
@@ -113,7 +122,8 @@ export const request = async ({
             }
             if (data.hideDialog) {
                 if (data.dialog) {
-                    const $dialog = document.querySelector(data.dialog.id);
+                    const elementId = getElementId(data.dialog.id);
+                    const $dialog = document.querySelector(elementId);
                     if ($dialog) {
                         hideDialog($dialog);
                     }
@@ -122,18 +132,20 @@ export const request = async ({
                 }
             }
             if (data.sidebar) {
-                const $sidebar = document.querySelector(data.sidebar.id);
+                const elementId = getElementId(data.sidebar.id);
+                const $sidebar = document.querySelector(elementId);
                 if ($sidebar) {
                     $sidebar.innerHTML = data.sidebar.content;
                     await showSidebar($sidebar);
                     initRequestContent($sidebar);
                 } else {
-                    console.error(`Сайдбар с id ${data.trigger} не найден`);
+                    console.error(`Сайдбар с id ${elementId?.replace(/^#/, '')} не найден`);
                 }
             }
             if (data.reloadOnHideSidebar) {
                 if (data.sidebar) {
-                    const $sidebar = document.querySelector(data.sidebar.id);
+                    const elementId = getElementId(data.sidebar.id);
+                    const $sidebar = document.querySelector(elementId);
                     $sidebar?.addEventListener('sidebar-hide', () => {
                         location.reload();
                     });
@@ -145,7 +157,8 @@ export const request = async ({
             }
             if (data.hideSidebar) {
                 if (data.sidebar) {
-                    const $sidebar = document.querySelector(data.sidebar.id);
+                    const elementId = getElementId(data.sidebar.id);
+                    const $sidebar = document.querySelector(elementId);
                     if ($sidebar) {
                         hideSidebar($sidebar);
                     }

package/src/variables.scss

@@ -1021,7 +1021,7 @@ $warning-message-success-color: $color-success !default;
 $warning-message-solid-success-color: $warning-message-solid-color !default;
 $warning-message-info-color: $color-primary !default;
 $warning-message-solid-info-color: $warning-message-solid-color !default;
-$warning-message-light-info-color: $color-primary-70 !default;
+$warning-message-light-info-color: $color-primary-80 !default;
 $warning-message-solid-light-info-color: $font-color-secondary !default;
 $warning-message-error-color: $color-error !default;
 $warning-message-solid-error-color: $warning-message-solid-color !default;