@retailcrm/datalens-ui 0.2.2 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retailcrm/datalens-ui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Datalens UI packed as library",
   "author": "RetailDriverLLC <integration@retailcrm.ru>",
   "contributors": [

package/ui/components/EntryContextMenu/helpers.js

@@ -9,10 +9,10 @@ import "../EntryDialogues/index.js";
 import { getEntryNameByKey } from "../../../shared/modules/entry.js";
 import { EntryDialogName } from "../EntryDialogues/EntryDialogues.js";
 import { EntryDialogResolveStatus } from "../EntryDialogues/constants.js";
+import { EntryScope } from "../../../shared/types/common.js";
 import { getRouter } from "../../navigation/router.js";
 import { DL, URL_OPTIONS, URL_QUERY } from "../../constants/common.js";
 import { Feature } from "../../../shared/types/feature.js";
-import { EntryScope } from "../../../shared/types/common.js";
 import { MenuItemsIds } from "../../../shared/types/menu.js";
 async function renameEntry(entryDialoguesRef, entry) {
   if (entryDialoguesRef.current) {
@@ -28,6 +28,16 @@ async function renameEntry(entryDialoguesRef, entry) {
       const entryData = response.data ? response.data[0] : null;
       if (entryData) {
         setEntryKey(entryData);
+        if (typeof document !== "undefined") {
+          const { scope, key } = entryData;
+          if (scope === EntryScope.Dash) {
+            document.dispatchEvent(
+              new CustomEvent("datalens:dash:rename", {
+                detail: { id: entry.entryId, name: getEntryNameByKey({ key }) }
+              })
+            );
+          }
+        }
       } else {
         getRouter().reload();
       }

package/ui/components/EntryDialogues/DialogCreateDashboard/DialogCreateDashboard.js

@@ -2,18 +2,20 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { I18n } from "../../../../i18n/index.js";
 import { connect } from "react-redux";
+import "../../../../shared/index.js";
 import { showToast } from "../../../store/actions/toaster.js";
 import { isEntryAlreadyExists } from "../../../utils/errors/errorByCode.js";
 import { DialogCreateWorkbookEntry } from "../DialogCreateWorkbookEntry/DialogCreateWorkbookEntry.js";
 import { EntryDialogBase } from "../EntryDialogBase/EntryDialogBase.js";
 import { EntryDialogResolveStatus } from "../constants.js";
+import { getEntryNameByKey } from "../../../../shared/modules/entry.js";
 const i18n = I18n.keyset("component.dialog-create-dashboard.view");
 class DialogCreateDashboard extends React__default.Component {
   constructor() {
     super(...arguments);
-    this.onWorkbookApply = ({ name }) => {
+    this.onWorkbookApply = async ({ name }) => {
       const { workbookId, data, annotation } = this.props;
-      return this.props.sdk.charts.createDash({
+      const dash = await this.props.sdk.charts.createDash({
         data: {
           workbookId,
           name,
@@ -21,12 +23,27 @@ class DialogCreateDashboard extends React__default.Component {
           annotation
         }
       });
+      if (typeof document !== "undefined") {
+        document.dispatchEvent(
+          new CustomEvent("datalens:dash:create", {
+            detail: { id: dash.entryId, name: getEntryNameByKey(dash) }
+          })
+        );
+      }
+      return dash;
     };
     this.onApply = async (key) => {
       const { data, annotation } = this.props;
       const response = await this.props.sdk.charts.createDash({
         data: { key, data, annotation }
       });
+      if (typeof document !== "undefined") {
+        document.dispatchEvent(
+          new CustomEvent("datalens:dash:create", {
+            detail: { id: response.entryId, name: getEntryNameByKey(response) }
+          })
+        );
+      }
       return response;
     };
     this.onError = (error) => {

package/ui/components/EntryDialogues/DialogDeleteEntry/DialogDeleteEntry.js

@@ -51,6 +51,13 @@ class DialogDeleteEntry extends React__default.Component {
       if (entry.scope === EntryScope.Connection) {
         reachMetricaGoal(CounterName.Main, GoalId.ConnectionDeleteSubmit, { type: entry.type });
       }
+      if (entry.scope === EntryScope.Dash && typeof document !== "undefined") {
+        document.dispatchEvent(
+          new CustomEvent("datalens:dash:delete", {
+            detail: { id: entry.entryId }
+          })
+        );
+      }
     };
   }
   render() {

package/ui/components/ListWithRemove/ListWithRemove.js

@@ -35,7 +35,8 @@ const ListWithRemove = ({
       ...restListProps,
       itemsHeight: restListProps.items.length * ITEM_HEIGHT,
       renderItem: wrappedRenderItem,
-      qa: TabMenuQA.List
+      qa: TabMenuQA.List,
+      sortable: false
     }
   ) });
 };

package/ui/units/dash/components/NavigationInput/NavigationInput.js

@@ -5,6 +5,7 @@ import { i18n } from "../../../../../i18n/index.js";
 import PropTypes from "prop-types";
 import "../../../../../shared/index.js";
 import "../../../../index.js";
+import "../../../../navigation/index.js";
 import DropdownNavigation_default from "../../../../components/DropdownNavigation/DropdownNavigation.js";
 import { EntryTypeNode } from "../../modules/constants.js";
 import { getChartEditLink } from "../../modules/helpers.js";
@@ -12,6 +13,7 @@ import InputLink_default from "./InputLink/InputLink.js";
 /* empty css                     */
 import { EntryScope } from "../../../../../shared/types/common.js";
 import Utils from "../../../../utils/utils.js";
+import { getRouter } from "../../../../navigation/router.js";
 import { NavigationInputQA } from "../../../../../shared/constants/qa/components.js";
 const b = block("navigation-input");
 class NavigationInput extends React__default.PureComponent {
@@ -63,7 +65,9 @@ class NavigationInput extends React__default.PureComponent {
     } = this.props;
     const { showInput, isValidEntry } = this.state;
     const showOpenButton = isValidEntry && entryId && !isInvalid;
+    const router = getRouter();
     const href = getEntryLink ? getEntryLink(entryId) : getChartEditLink(entryId);
+    const url = new URL(href, "https://sample.test");
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: b("row", navigationMixin) }, /* @__PURE__ */ React__default.createElement(
       DropdownNavigation_default,
       {
@@ -85,7 +89,11 @@ class NavigationInput extends React__default.PureComponent {
         className: b("button"),
         qa: NavigationInputQA.Open,
         target: "_blank",
-        href
+        href: router.history.createHref({
+          pathname: url.pathname,
+          search: url.search,
+          hash: url.hash
+        })
       },
       i18n("dash.navigation-input.edit", "button_open")
     )), /* @__PURE__ */ React__default.createElement(Flex, { gap: 2, className: b("row", linkMixin) }, showInput ? /* @__PURE__ */ React__default.createElement(

package/ui/units/dash/store/actions/dashTyped.js

@@ -28,6 +28,7 @@ import { getRouter } from "../../../../navigation/router.js";
 import { EntryUpdateMode, EntryScope } from "../../../../../shared/types/common.js";
 import { URL_QUERY } from "../../../../constants/common.js";
 import { sdk } from "../../../../libs/sdk/index.js";
+import { getEntryNameByKey } from "../../../../../shared/modules/entry.js";
 import { DashTabItemType } from "../../../../../shared/types/dash.js";
 const SET_STATE = /* @__PURE__ */ Symbol("dash/SET_STATE");
 function addDashEditHistoryPoint(stacked = false) {
@@ -540,7 +541,7 @@ function copyDash({
       dashData = withUnsavedChanges ? selectDashData(state) : selectDashEntry(state).data;
       description = withUnsavedChanges ? selectDashDescription(state) : selectDashEntry(state).annotation?.description ?? "";
     }
-    return sdk.charts.createDash({
+    const dash = await sdk.charts.createDash({
       data: {
         data: migrateDataSettings(dataProcess ? dataProcess(dashData) : dashData),
         mode: EntryUpdateMode.Publish,
@@ -551,6 +552,14 @@ function copyDash({
         annotation: { description }
       }
     });
+    if (typeof document !== "undefined") {
+      document.dispatchEvent(
+        new CustomEvent("datalens:dash:create", {
+          detail: { id: dash.entryId, name: getEntryNameByKey(dash) }
+        })
+      );
+    }
+    return dash;
   };
 }
 function purgeData(data) {

package/ui/units/workbooks/store/actions/index.js

@@ -413,6 +413,13 @@ const deleteEntry = ({
           type: entry.type
         });
       }
+      if (scope === EntryScope.Dash && typeof document !== "undefined") {
+        document.dispatchEvent(
+          new CustomEvent("datalens:dash:delete", {
+            detail: { id: entryId }
+          })
+        );
+      }
       dispatch({
         type: DELETE_ENTRY_SUCCESS,
         data