@retailcrm/datalens-ui 0.1.0 → 0.1.2

package/ui/units/datasets/components/RelationDialog/RelationDialog.js

@@ -9,8 +9,8 @@ import "../../../../../shared/index.js";
 import "../../../../index.js";
 import { JOIN_TYPES_ICONS, BINARY_JOIN_OPERATORS, CONDITION_FIELD_TYPES, CONDITION_TYPES, JOIN_TYPES } from "../../constants/index.js";
 import DatasetUtils from "../../helpers/utils.js";
-import iconCross from "../../../../assets/icons/cross.svg.js";
-import iconAvatarTable from "../../../../assets/icons/source-table.svg.js";
+import SvgCross from "../../../../assets/icons/cross.svg.js";
+import SvgSourceTable from "../../../../assets/icons/source-table.svg.js";
 /* empty css                    */
 import DataTypeIcon from "../../../../components/DataTypeIcon/DataTypeIcon.js";
 import { DatasetDialogRelationQA } from "../../../../../shared/constants/qa/datasets.js";
@@ -132,7 +132,7 @@ function DeleteConditionButton(props) {
       className: b("btn-delete-condition", { disabled: !deleteEnabled }),
       view: "flat",
       onClick: () => onClick({ conditionIndex }),
-      children: /* @__PURE__ */ jsx(Icon, { className: b("ic-cross"), data: iconCross, width: 18, height: 18 })
+      children: /* @__PURE__ */ jsx(Icon, { className: b("ic-cross"), data: SvgCross, width: 18, height: 18 })
     }
   );
 }
@@ -216,7 +216,7 @@ function Divider(props) {
 function LeftSource(props) {
   const { valid, leftAvatar: { title } = {} } = props;
   return /* @__PURE__ */ jsxs("div", { className: b("left-source"), children: [
-    /* @__PURE__ */ jsx(Icon, { className: b("icon-table"), data: iconAvatarTable, width: 14, height: 14 }),
+    /* @__PURE__ */ jsx(Icon, { className: b("icon-table"), data: SvgSourceTable, width: 14, height: 14 }),
     /* @__PURE__ */ jsx("div", { className: b("avatar-name"), children: /* @__PURE__ */ jsx("span", { className: b("text-avatar-name"), title, children: title }) }),
     /* @__PURE__ */ jsx(Divider, { valid })
   ] });
@@ -225,7 +225,7 @@ function RightSource(props) {
   const { valid, rightAvatar: { title } = {} } = props;
   return /* @__PURE__ */ jsxs("div", { className: b("right-source"), children: [
     /* @__PURE__ */ jsx(Divider, { valid, width: 18 }),
-    /* @__PURE__ */ jsx(Icon, { className: b("icon-table"), data: iconAvatarTable, width: 14, height: 14 }),
+    /* @__PURE__ */ jsx(Icon, { className: b("icon-table"), data: SvgSourceTable, width: 14, height: 14 }),
     /* @__PURE__ */ jsx("div", { className: b("avatar-name"), children: /* @__PURE__ */ jsx("span", { className: b("text-avatar-name"), title, children: title }) })
   ] });
 }

package/ui/units/datasets/components/SelectSourcePrototypes/SourcesTable.js

@@ -14,7 +14,7 @@ import "../../store/selectors/index.js";
 import Source_default from "../Source/Source.js";
 import { withDragging } from "../hoc/AvatarDnD.js";
 import { ICON_PLUS_SIZE, SEARCH_DELAY, LIST_ITEM_HEIGHT } from "./constants.js";
-import iconPlus from "../../../../assets/icons/plus.svg.js";
+import SvgPlus from "../../../../assets/icons/plus.svg.js";
 import { sourceListingOptionsSelector, currentDbNameSelector, sourcesPaginationSelector, sourcePrototypesSelector, sourcesSearchLoadingSelector, sourcesErrorSelector, currentDbNamesSelector } from "../../store/selectors/dataset.js";
 import { usePrevious } from "../../../../hooks/usePrevious.js";
 import { changeCurrentDbName, incrementSourcesPage, searchSources } from "../../store/actions/creators/datasetTyped.js";
@@ -27,7 +27,7 @@ const filterItem = (search) => {
   };
 };
 const AddSourceButton = ({ onClick, disabled }) => /* @__PURE__ */ jsx("div", { className: b("bottom-section"), children: /* @__PURE__ */ jsxs(Button, { className: b("btn-add-source"), view: "flat", disabled, onClick, children: [
-  /* @__PURE__ */ jsx(Icon, { className: b("btn-add-source-ic"), data: iconPlus, width: ICON_PLUS_SIZE }),
+  /* @__PURE__ */ jsx(Icon, { className: b("btn-add-source-ic"), data: SvgPlus, width: ICON_PLUS_SIZE }),
   i18n("button_add-source")
 ] }) });
 const ErrorView = ({ error, onRetry }) => {

package/ui/units/datasets/components/Source/Source.js

@@ -6,7 +6,7 @@ import { I18n } from "../../../../../i18n/index.js";
 import PropTypes from "prop-types";
 import "../../constants/index.js";
 import DatasetUtils from "../../helpers/utils.js";
-import iconAvatarTable from "../../../../assets/icons/source-table.svg.js";
+import SvgSourceTable from "../../../../assets/icons/source-table.svg.js";
 /* empty css            */
 import { MANAGED_BY } from "../../constants/datasets.js";
 const b = block("source");
@@ -87,7 +87,7 @@ function Source(props) {
       style: position,
       "data-qa": "ds-source"
     },
-    /* @__PURE__ */ React__default.createElement(Icon, { className: b("icon-avatar"), data: iconAvatarTable, width: 16, height: 16 }),
+    /* @__PURE__ */ React__default.createElement(Icon, { className: b("icon-avatar"), data: SvgSourceTable, width: 16, height: 16 }),
     /* @__PURE__ */ React__default.createElement("span", { title: avatarTitle, className: b("avatar-title") }, avatarTitle),
     managed_by === MANAGED_BY.USER && /* @__PURE__ */ React__default.createElement(
       SourceMenu,

package/ui/units/datasets/constants/index.js

@@ -1,10 +1,10 @@
 import { i18n } from "../../../../i18n/index.js";
 import "../../../index.js";
 import "../../../components/ActionPanel/index.js";
-import iconJoinFullOuter from "../icons/join-full-outer.svg.js";
-import iconJoinInner from "../icons/join-inner.svg.js";
-import iconJoinLeft from "../icons/join-left.svg.js";
-import iconJoinRight from "../icons/join-right.svg.js";
+import SvgJoinFullOuter from "../icons/join-full-outer.svg.js";
+import SvgJoinInner from "../icons/join-inner.svg.js";
+import SvgJoinLeft from "../icons/join-left.svg.js";
+import SvgJoinRight from "../icons/join-right.svg.js";
 import { ActionQueryParam, ComponentErrorType, DATASET_DATE_AVAILABLE_FORMAT, MANAGED_BY, MIN_AVAILABLE_DATASET_REV_DATE, QueryParam, SharedDatasetHiddenContextMenuItems, SharedWorkbookDatasetHiddenContextMenuItems, mapYTClusterToConnId } from "./datasets.js";
 import { DL } from "../../../constants/common.js";
 import { getFakeEntry as getFakeEntry$1 } from "../../../components/ActionPanel/utils.js";
@@ -136,16 +136,16 @@ const JOIN_TYPES = {
 };
 const JOIN_TYPES_ICONS = {
   [JOIN_TYPES.INNER]: {
-    iconData: iconJoinInner
+    iconData: SvgJoinInner
   },
   [JOIN_TYPES.LEFT]: {
-    iconData: iconJoinLeft
+    iconData: SvgJoinLeft
   },
   [JOIN_TYPES.RIGHT]: {
-    iconData: iconJoinRight
+    iconData: SvgJoinRight
   },
   [JOIN_TYPES.FULL]: {
-    iconData: iconJoinFullOuter
+    iconData: SvgJoinFullOuter
   }
 };
 const DATASET_UPDATE_ACTIONS = {

package/ui/units/datasets/icons/join-full-outer.svg.js

@@ -1,4 +1,5 @@
-const iconJoinFullOuter = "data:image/svg+xml,%3csvg%20width='42'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='30'%20cy='12'%20r='12'%20fill='%236B8499'/%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%236B8499'/%3e%3ccircle%20cx='12'%20cy='12'%20r='11.5'%20stroke='var(--ds-join-stroke-color)'%20stroke-dasharray='var(--ds-join-stroke-dasharray)'/%3e%3ccircle%20cx='30'%20cy='12'%20r='11.5'%20stroke='var(--ds-join-stroke-color)'%20stroke-dasharray='var(--ds-join-stroke-dasharray)'/%3e%3c/svg%3e";
+import * as React from "react";
+const SvgJoinFullOuter = (props) => /* @__PURE__ */ React.createElement("svg", { width: 42, height: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("circle", { cx: 30, cy: 12, r: 12, fill: "#6B8499" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 12, fill: "#6B8499" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 11.5, stroke: "var(--ds-join-stroke-color)", strokeDasharray: "var(--ds-join-stroke-dasharray)" }), /* @__PURE__ */ React.createElement("circle", { cx: 30, cy: 12, r: 11.5, stroke: "var(--ds-join-stroke-color)", strokeDasharray: "var(--ds-join-stroke-dasharray)" }));
 export {
-  iconJoinFullOuter as default
+  SvgJoinFullOuter as default
 };

package/ui/units/datasets/icons/join-inner.svg.js

@@ -1,4 +1,5 @@
-const iconJoinInner = "data:image/svg+xml,%3csvg%20width='42'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20fill='var(--ds-color-avatar)'/%3e%3ccircle%20cx='30'%20cy='12'%20r='12'%20fill='var(--ds-color-avatar)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.9999%2019.9374C22.8671%2017.822%2024%2015.0433%2024%2011.9999C24%208.95658%2022.8671%206.17789%2021.0001%204.0625C19.1329%206.17791%2018%208.95668%2018%2012.0001C18%2015.0434%2019.1329%2017.8221%2020.9999%2019.9374Z'%20fill='%236B8499'/%3e%3ccircle%20cx='12'%20cy='12'%20r='11.5'%20stroke='var(--ds-join-stroke-color)'%20stroke-dasharray='var(--ds-join-stroke-dasharray)'/%3e%3ccircle%20cx='30'%20cy='12'%20r='11.5'%20stroke='var(--ds-join-stroke-color)'%20stroke-dasharray='var(--ds-join-stroke-dasharray)'/%3e%3c/svg%3e";
+import * as React from "react";
+const SvgJoinInner = (props) => /* @__PURE__ */ React.createElement("svg", { width: 42, height: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 12, fill: "var(--ds-color-avatar)" }), /* @__PURE__ */ React.createElement("circle", { cx: 30, cy: 12, r: 12, fill: "var(--ds-color-avatar)" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.9999 19.9374C22.8671 17.822 24 15.0433 24 11.9999C24 8.95658 22.8671 6.17789 21.0001 4.0625C19.1329 6.17791 18 8.95668 18 12.0001C18 15.0434 19.1329 17.8221 20.9999 19.9374Z", fill: "#6B8499" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 11.5, stroke: "var(--ds-join-stroke-color)", strokeDasharray: "var(--ds-join-stroke-dasharray)" }), /* @__PURE__ */ React.createElement("circle", { cx: 30, cy: 12, r: 11.5, stroke: "var(--ds-join-stroke-color)", strokeDasharray: "var(--ds-join-stroke-dasharray)" }));
 export {
-  iconJoinInner as default
+  SvgJoinInner as default
 };

package/ui/units/datasets/icons/join-left.svg.js

@@ -1,4 +1,5 @@
-const iconJoinLeft = "data:image/svg+xml,%3csvg%20width='42'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='30'%20cy='12'%20r='12'%20fill='var(--ds-color-avatar)'/%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%236B8499'/%3e%3ccircle%20cx='12'%20cy='12'%20r='11.5'%20stroke='var(--ds-join-stroke-color)'%20stroke-dasharray='var(--ds-join-stroke-dasharray)'/%3e%3ccircle%20cx='30'%20cy='12'%20r='11.5'%20stroke='var(--ds-join-stroke-color)'%20stroke-dasharray='var(--ds-join-stroke-dasharray)'/%3e%3c/svg%3e";
+import * as React from "react";
+const SvgJoinLeft = (props) => /* @__PURE__ */ React.createElement("svg", { width: 42, height: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("circle", { cx: 30, cy: 12, r: 12, fill: "var(--ds-color-avatar)" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 12, fill: "#6B8499" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 11.5, stroke: "var(--ds-join-stroke-color)", strokeDasharray: "var(--ds-join-stroke-dasharray)" }), /* @__PURE__ */ React.createElement("circle", { cx: 30, cy: 12, r: 11.5, stroke: "var(--ds-join-stroke-color)", strokeDasharray: "var(--ds-join-stroke-dasharray)" }));
 export {
-  iconJoinLeft as default
+  SvgJoinLeft as default
 };

package/ui/units/datasets/icons/join-right.svg.js

@@ -1,4 +1,5 @@
-const iconJoinRight = "data:image/svg+xml,%3csvg%20width='42'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='12'%20fill='var(--ds-color-avatar)'/%3e%3ccircle%20cx='30'%20cy='12'%20r='12'%20fill='%236B8499'/%3e%3ccircle%20cx='12'%20cy='12'%20r='11.5'%20stroke='var(--ds-join-stroke-color)'%20stroke-dasharray='var(--ds-join-stroke-dasharray)'/%3e%3ccircle%20cx='30'%20cy='12'%20r='11.5'%20stroke='var(--ds-join-stroke-color)'%20stroke-dasharray='var(--ds-join-stroke-dasharray)'/%3e%3c/svg%3e";
+import * as React from "react";
+const SvgJoinRight = (props) => /* @__PURE__ */ React.createElement("svg", { width: 42, height: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 12, fill: "var(--ds-color-avatar)" }), /* @__PURE__ */ React.createElement("circle", { cx: 30, cy: 12, r: 12, fill: "#6B8499" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 11.5, stroke: "var(--ds-join-stroke-color)", strokeDasharray: "var(--ds-join-stroke-dasharray)" }), /* @__PURE__ */ React.createElement("circle", { cx: 30, cy: 12, r: 11.5, stroke: "var(--ds-join-stroke-color)", strokeDasharray: "var(--ds-join-stroke-dasharray)" }));
 export {
-  iconJoinRight as default
+  SvgJoinRight as default
 };

package/ui/units/ql/containers/QL/QLActionPanel/QLActionPanel.js

@@ -21,7 +21,7 @@ import { prepareChartDataBeforeSave } from "../../../modules/helpers.js";
 import { setQlChartActualRevision, setEntry, updateChart, toggleTablePreview, setExtraSettings, drawPreview } from "../../../store/actions/ql.js";
 import { getDefaultPath, getEntryNotChanged, getEntryCanBeSaved, getRedirectUrl } from "../../../store/reducers/ql.js";
 import { useQLActionPanel } from "./useQLActionPanel.js";
-import iconMonitoring from "../../../../../assets/icons/monitoring.svg.js";
+import SvgMonitoring from "../../../../../assets/icons/monitoring.svg.js";
 /* empty css                   */
 import { getValid, getConnection, getExtraSettings, getPreviewData, getEntry } from "../../../store/selectors/ql.js";
 import { Feature } from "../../../../../../shared/types/feature.js";
@@ -88,7 +88,7 @@ const QLActionPanel = (props) => {
     if (redirectUrl) {
       items.push({
         text: i18n("sql", "button_open-in-monitoring"),
-        icon: /* @__PURE__ */ jsx(Icon, { data: iconMonitoring, width: 16, height: 16 }),
+        icon: /* @__PURE__ */ jsx(Icon, { data: SvgMonitoring, width: 16, height: 16 }),
         id: "sql-to-monitoring",
         action: () => {
           window.open(redirectUrl, "_blank");

package/ui/units/wizard/components/DND/DNDContainer.js

@@ -5,7 +5,7 @@ import block from "bem-cn-lite";
 import { DropTarget } from "react-dnd";
 import DNDItem from "./DNDItem.js";
 import DragAndDrop from "./DragAndDrop.js";
-import filterItemInfo from "../../../../assets/icons/filter-tooltip.svg.js";
+import SvgFilterTooltip from "../../../../assets/icons/filter-tooltip.svg.js";
 const b = block("dnd-container");
 class DNDContainer extends Component {
   constructor(props) {
@@ -118,7 +118,7 @@ class DNDContainer extends Component {
                     content: item.disabled,
                     placement: "right",
                     className: b("filter-tooltip"),
-                    children: /* @__PURE__ */ jsx(Icon, { data: filterItemInfo, fill: "currentColor" })
+                    children: /* @__PURE__ */ jsx(Icon, { data: SvgFilterTooltip, fill: "currentColor" })
                   }
                 )
               ] }, `${item.id}-${index}`);

package/ui/units/wizard/components/DatasetSelect/DatasetSelectItem.js

@@ -8,7 +8,7 @@ import { useDispatch } from "react-redux";
 import "../../../../../shared/index.js";
 import { SharedEntryIcon } from "../../../../components/SharedEntryIcon/SharedEntryIcon.js";
 import { openDialogErrorWithTabs } from "../../../../store/actions/dialog.js";
-import iconError from "../../../../assets/icons/error.svg.js";
+import SvgError from "../../../../assets/icons/error.svg.js";
 /* empty css                       */
 import { SectionDatasetQA } from "../../../../../shared/constants/qa/wizard.js";
 const i18n = I18n.keyset("wizard");
@@ -67,7 +67,7 @@ const ErrorIcon = (props) => {
         {
           qa: "dataset-error-icon",
           className: b("icon"),
-          data: iconError,
+          data: SvgError,
           width: "20",
           height: "20"
         }

package/ui/units/wizard/containers/Wizard/SectionDataset/SectionDataset.js

@@ -38,7 +38,7 @@ import "../../../utils/wizard.js";
 import DatasetItem from "./DatasetItem/DatasetItem.js";
 import { FieldsContainer } from "./FieldsContainer/FieldsContainer.js";
 import HierarchyEditor from "./HierarchyEditor/HierarchyEditor.js";
-import iconPlus from "../../../../../assets/icons/plus.svg.js";
+import SvgPlus from "../../../../../assets/icons/plus.svg.js";
 /* empty css                    */
 import { getResultSchemaFromDataset } from "../../../../../../shared/modules/wizard-helpers.js";
 import { DATASET_FIELD_TYPES } from "../../../../../../shared/types/dataset.js";
@@ -781,7 +781,7 @@ class SectionDataset extends React__default.Component {
             qa: "add-param",
             onClick,
             onKeyDown,
-            children: /* @__PURE__ */ jsx(Icon, { data: iconPlus, size: 15 })
+            children: /* @__PURE__ */ jsx(Icon, { data: SvgPlus, size: 15 })
           }
         ),
         items: this.getDropdownItems()

package/ui/units/wizard/containers/Wizard/SectionVisualization/PlaceholdersContainer/DashboardParametersPlaceholder/DashboardParametersPlaceholder.js

@@ -10,7 +10,7 @@ import "../../../../../actions/visualization/index.js";
 import "../../../../../constants/index.js";
 import { updateUrlParameter } from "../../../../../utils/wizard.js";
 import PlaceholderComponent from "../Placeholder/Placeholder.js";
-import iconFilter from "../../../../../../../assets/icons/parameter-section.svg.js";
+import SvgParameterSection from "../../../../../../../assets/icons/parameter-section.svg.js";
 import { ITEM_TYPES } from "../../../../../../../constants/misc.js";
 import { setDashboardParameters } from "../../../../../actions/visualization/dashboard.js";
 class DashboardParametersPlaceholder extends React__default.Component {
@@ -57,7 +57,7 @@ class DashboardParametersPlaceholder extends React__default.Component {
         id: "dashboard-parameters",
         qa: "placeholder-dashboard-parameters",
         title: "section_parameters_from_dashboard",
-        iconProps: { data: iconFilter },
+        iconProps: { data: SvgParameterSection },
         items: [...dashboardParameters],
         onUpdate: this.handleOnUpdate,
         noSwap: true,

package/ui/units/wizard/containers/Wizard/SectionVisualization/PlaceholdersContainer/Placeholder/Placeholder.js

@@ -15,7 +15,7 @@ import PlaceholderActionIcon from "../../../../../components/PlaceholderActionIc
 import "../../../../../constants/index.js";
 import { canAddParamToPlaceholder } from "../../../../../utils/placeholder.js";
 import AddFieldContainer from "../../AddField/AddField.js";
-import defaultPlaceholderTooltipIcon from "../../../../../../../assets/icons/placeholder-tooltip.svg.js";
+import SvgPlaceholderTooltip from "../../../../../../../assets/icons/placeholder-tooltip.svg.js";
 import { isParameter } from "../../../../../../../../shared/modules/predicates.js";
 import { ITEM_TYPES } from "../../../../../../../constants/misc.js";
 import { WizardPageQa } from "../../../../../../../../shared/constants/qa/wizard.js";
@@ -182,7 +182,7 @@ class PlaceholderComponent extends React__default.PureComponent {
             Icon,
             {
               className: "placeholder-tooltip-icon",
-              data: placeholderTooltipIcon || defaultPlaceholderTooltipIcon,
+              data: placeholderTooltipIcon || SvgPlaceholderTooltip,
               fill: "currentColor",
               stroke: "currentColor"
             }

package/ui/units/wizard/containers/Wizard/SectionVisualization/VisualizationLayersControl/CombinedChartLayerTypeSwitcher.js

@@ -6,9 +6,9 @@ import { useSelector, useDispatch } from "react-redux";
 import { VISUALIZATION_IDS } from "../../../../../../constants/visualizations/index.js";
 import { selectSubVisualization } from "../../../../selectors/visualization.js";
 import { changeVisualizationLayerType } from "../../../../actions/index.js";
-import iconVisArea from "../../../../../../assets/icons/vis-area.svg.js";
-import iconVisColumn from "../../../../../../assets/icons/vis-column.svg.js";
-import iconVisLines from "../../../../../../assets/icons/vis-lines.svg.js";
+import SvgVisArea from "../../../../../../assets/icons/vis-area.svg.js";
+import SvgVisColumn from "../../../../../../assets/icons/vis-column.svg.js";
+import SvgVisLines from "../../../../../../assets/icons/vis-lines.svg.js";
 /* empty css                                    */
 const b = block("combined-chart-layer-type-switcher");
 const CombinedChartLayerTypeSwitcher = () => {
@@ -26,15 +26,15 @@ const CombinedChartLayerTypeSwitcher = () => {
   const options = [
     {
       value: VISUALIZATION_IDS.LINE,
-      icon: iconVisLines
+      icon: SvgVisLines
     },
     {
       value: VISUALIZATION_IDS.COLUMN,
-      icon: iconVisColumn
+      icon: SvgVisColumn
     },
     {
       value: VISUALIZATION_IDS.AREA,
-      icon: iconVisArea
+      icon: SvgVisArea
     }
   ].map(({ value, icon }, index) => {
     return /* @__PURE__ */ jsx(SegmentedRadioGroup.Option, { value, children: /* @__PURE__ */ jsx("span", { className: b("item"), children: /* @__PURE__ */ jsx(Icon, { data: icon, size: 20 }) }) }, `${value}-${index}`);

package/ui/units/wizard/containers/Wizard/SectionVisualization/VisualizationLayersControl/VisualizationLayersControl.js

@@ -18,7 +18,7 @@ import { createVisualizationLayer } from "../../../../utils/wizard.js";
 import logger from "../../../../../../libs/logger/index.js";
 import GeolayersSelect from "../../../../components/GeolayersSelect/GeolayersSelect.js";
 import { CombinedChartLayerTypeSwitcher } from "./CombinedChartLayerTypeSwitcher.js";
-import iconPlus from "../../../../../../assets/icons/plus.svg.js";
+import SvgPlus from "../../../../../../assets/icons/plus.svg.js";
 /* empty css                                */
 import { isVisualizationWithLayers } from "../../../../../../../shared/utils/wizard.js";
 import { updateLayers } from "../../../../actions/visualization/layers.js";
@@ -105,7 +105,7 @@ class VisualizationLayersControl extends React__default.Component {
             needUpdatePreview: false
           });
         },
-        children: /* @__PURE__ */ jsx(Icon, { data: iconPlus, size: 15 })
+        children: /* @__PURE__ */ jsx(Icon, { data: SvgPlus, size: 15 })
       }
     );
     return /* @__PURE__ */ jsxs("div", { className: b(), children: [

package/ui/units/wizard/containers/Wizard/SectionVisualization/VisualizationSelector/VisualizationSelector.js

@@ -18,7 +18,7 @@ import { setVisualization } from "../../../../actions/index.js";
 import { openDialogChartSettings } from "../../../../actions/dialog.js";
 import { actualizeAndSetUpdates, updatePreviewAndClientChartsConfig } from "../../../../actions/preview.js";
 import { forceEnablePivotFallback, setExtraSettings } from "../../../../actions/widget.js";
-import iconVisualization from "../../../../../../assets/icons/visualization.svg.js";
+import SvgVisualization from "../../../../../../assets/icons/visualization.svg.js";
 /* empty css                           */
 import { isVisualizationWithLayers } from "../../../../../../../shared/utils/wizard.js";
 import { WizardPageQa } from "../../../../../../../shared/constants/qa/wizard.js";
@@ -101,7 +101,7 @@ class VisualizationSelector extends React__default.Component {
       visualizationIcon = /* @__PURE__ */ jsx(IconById, { ...visualization.iconProps });
     } else {
       buttonText = i18n("wizard", "button_choose-visualization");
-      visualizationIcon = /* @__PURE__ */ jsx(Icon, { data: iconVisualization, width: "24" });
+      visualizationIcon = /* @__PURE__ */ jsx(Icon, { data: SvgVisualization, width: "24" });
     }
     return /* @__PURE__ */ jsx("div", { ref: this.actionContainerRef, className: b(), children: /* @__PURE__ */ jsx(
       DropdownMenu,

package/ui/units/workbooks/components/EntryActions/EntryActions.js

@@ -11,7 +11,7 @@ import "../../../../constants/index.js";
 import { registry } from "../../../../registry/index.js";
 import { getSharedEntryMockText } from "../../../collections/components/helpers.js";
 import { isEnabledFeature } from "../../../../utils/isEnabledFeature.js";
-import iconId from "../../../../assets/icons/id-square.svg.js";
+import SvgIdSquare from "../../../../assets/icons/id-square.svg.js";
 import { Feature } from "../../../../../shared/types/feature.js";
 import { S3_BASED_CONNECTORS } from "../../../../constants/connections.js";
 import { Capability } from "../../../../capabilities/capabilities.js";
@@ -74,7 +74,7 @@ const EntryActions = ({
   if (onCopyId) {
     subMenu.push({
       action: onCopyId,
-      text: /* @__PURE__ */ jsx(DropdownAction, { size: 16, icon: iconId, text: commonMenuI18n("value_copy-id") })
+      text: /* @__PURE__ */ jsx(DropdownAction, { size: 16, icon: SvgIdSquare, text: commonMenuI18n("value_copy-id") })
     });
   }
   if (subMenu.length) {

package/ui/utils/connections/icons.js

@@ -1,6 +1,6 @@
 import "../../constants/index.js";
-import iconChOverYt from "../../assets/icons/connections/choveryt.svg.js";
-import iconUndefined from "../../assets/icons/connections/undefined.svg.js";
+import SvgChoveryt from "../../assets/icons/connections/choveryt.svg.js";
+import SvgUndefined from "../../assets/icons/connections/undefined.svg.js";
 import { DL } from "../../constants/common.js";
 import { ConnectorAlias } from "../../constants/connections.js";
 const getBIConnectorIconData = (type) => {
@@ -9,7 +9,7 @@ const getBIConnectorIconData = (type) => {
 const getConnectorIconDataByAlias = (type) => {
   switch (type) {
     case ConnectorAlias.CHYT: {
-      return iconChOverYt;
+      return SvgChoveryt;
     }
     default: {
       return void 0;
@@ -21,7 +21,7 @@ const getConnectorIconData = (type, withoutDefault) => {
   if (iconData) {
     return iconData;
   }
-  return withoutDefault ? void 0 : iconUndefined;
+  return withoutDefault ? void 0 : SvgUndefined;
 };
 export {
   getConnectorIconData,