@sisense/sdk-ui-vue 1.17.1 → 1.18.1

package/dist/src/components/charts/area-chart.d.ts

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {AreaChart, type AreaChartProps} from '@sisense/sdk-ui-vue';
+ * import { AreaChart, type AreaChartProps } from '@sisense/sdk-ui-vue';
  *
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/area-range-chart.d.ts

@@ -19,7 +19,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {AreaRangeChart, type AreaRangeChartProps} from '@sisense/sdk-ui-vue';
+ * import { AreaRangeChart, type AreaRangeChartProps } from '@sisense/sdk-ui-vue';
  *
  * const dimProductName = DM.DimProducts.ProductName;
  * const areaRangeChartProps = ref<AreaRangeChartProps>({

package/dist/src/components/charts/areamap-chart.d.ts

@@ -17,7 +17,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {AreamapChart, type AreamapChartProps} from '@sisense/sdk-ui-vue';
+ * import { AreamapChart, type AreamapChartProps } from '@sisense/sdk-ui-vue';
 
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/bar-chart.d.ts

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {BarChart,type BarChartProps} from '@sisense/sdk-ui-vue';
+ * import { BarChart,type BarChartProps } from '@sisense/sdk-ui-vue';
 
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/boxplot-chart.d.ts

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {BoxplotChart, type BoxplotChartProps} from '@sisense/sdk-ui-vue';
+ * import { BoxplotChart, type BoxplotChartProps } from '@sisense/sdk-ui-vue';
 
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/column-chart.d.ts

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {ColumnChart, type ColumnChartProps} from '@sisense/sdk-ui-vue';
+ * import { ColumnChart, type ColumnChartProps } from '@sisense/sdk-ui-vue';
  *
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/funnel-chart.d.ts

@@ -16,7 +16,7 @@ import type { PropType } from 'vue';
  *
  * <script setup lang="ts">
  * import { ref } from 'vue';
- * import {FunnelChart, type FunnelChartProps} from '@sisense/sdk-ui-vue';
+ * import { FunnelChart, type FunnelChartProps } from '@sisense/sdk-ui-vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
  *

package/dist/src/components/charts/indicator-chart.d.ts

@@ -17,7 +17,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {IndicatorChart, type IndicatorChartProps} from '@sisense/sdk-ui-vue';
+ * import { IndicatorChart, type IndicatorChartProps } from '@sisense/sdk-ui-vue';
 
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/line-chart.d.ts

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {LineChart, type LineChartProps} from '@sisense/sdk-ui-vue';
+ * import { LineChart, type LineChartProps } from '@sisense/sdk-ui-vue';
 
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/pie-chart.d.ts

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {PieChart,type PieChartProps} from '@sisense/sdk-ui-vue';
+ * import { PieChart,type PieChartProps } from '@sisense/sdk-ui-vue';
  *
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/pivot-table.d.ts

@@ -14,7 +14,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {PivotTable, type PivotTableProps} from '@sisense/sdk-ui-vue/Table';
+ * import { PivotTable, type PivotTableProps } from '@sisense/sdk-ui-vue/Table';
  *
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/polar-chart.d.ts

@@ -17,7 +17,7 @@ import { type PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {PolarChart,type PolarChartProps} from '@sisense/sdk-ui-vue';
+ * import { PolarChart,type PolarChartProps } from '@sisense/sdk-ui-vue';
  *
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/scatter-chart.d.ts

@@ -23,7 +23,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {ScatterChart, type ScatterChartProps} from '@sisense/sdk-ui-vue';
+ * import { ScatterChart, type ScatterChartProps } from '@sisense/sdk-ui-vue';
  *
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/scattermap-chart.d.ts

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {ScattermapChart,type ScattermapChartProps} from '@sisense/sdk-ui-vue';
+ * import { ScattermapChart,type ScattermapChartProps } from '@sisense/sdk-ui-vue';
  *
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/sunburst-chart.d.ts

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {SunburstChart,type SunburstChartProps} from '@sisense/sdk-ui-vue';
+ * import { SunburstChart,type SunburstChartProps } from '@sisense/sdk-ui-vue';
  *
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/charts/treemap-chart.d.ts

@@ -19,7 +19,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {TreemapChart, type TreemapChartProps} from '@sisense/sdk-ui-vue';
+ * import { TreemapChart, type TreemapChartProps } from '@sisense/sdk-ui-vue';
  *
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/drilldown-widget.d.ts

@@ -24,38 +24,38 @@ export type DrilldownWidgetConfig = {
  * Here's how to use the `DrilldownWidget` component:
  * ```vue
  * <template>
-        <DrilldownWidget
-          :drilldownDimensions="drilldownDimensions"
-          :initialDimension="dimProductName"
-        >
-          <template
-            #chart="{ drilldownFilters, drilldownDimension, onDataPointsSelected, onContextMenu }"
-          >
-            <ChartWidget
-              chart-type="bar"
-              v-bind:filters="drilldownFilters"
-              :dataOptions="{
-                ...chartProps.dataOptions,
-                category: [drilldownDimension],
-              }"
-              :highlight-selection-disabled="true"
-              :dataSet="chartProps.dataSet"
-              :style="chartProps.styleOptions"
-              :on-data-points-selected="(dataPoints: any, event: any) => {
-                onDataPointsSelected(dataPoints);
-                onContextMenu({ left: event.clientX, top: event.clientY });
-              }"
-              :on-data-point-click="(dataPoint: any, event: any) => {
-                onDataPointsSelected([dataPoint]);
-                onContextMenu({ left: event.clientX, top: event.clientY });
-              }"
-                            :on-data-point-context-menu="(dataPoint: any, event: any) => {
-                onDataPointsSelected([dataPoint]);
-                onContextMenu({ left: event.clientX, top: event.clientY });
-              }"
-            />
-          </template>
-        </DrilldownWidget>
+    <DrilldownWidget
+      :drilldownDimensions="drilldownDimensions"
+      :initialDimension="dimProductName"
+    >
+      <template
+        #chart="{ drilldownFilters, drilldownDimension, onDataPointsSelected, onContextMenu }"
+      >
+        <ChartWidget
+          chart-type="bar"
+          v-bind:filters="drilldownFilters"
+          :dataOptions="{
+            ...chartProps.dataOptions,
+            category: [drilldownDimension],
+          }"
+          :highlight-selection-disabled="true"
+          :dataSet="chartProps.dataSet"
+          :style="chartProps.styleOptions"
+          :on-data-points-selected="(dataPoints: any, event: any) => {
+            onDataPointsSelected(dataPoints);
+            onContextMenu({ left: event.clientX, top: event.clientY });
+          }"
+          :on-data-point-click="(dataPoint: any, event: any) => {
+            onDataPointsSelected([dataPoint]);
+            onContextMenu({ left: event.clientX, top: event.clientY });
+          }"
+                        :on-data-point-context-menu="(dataPoint: any, event: any) => {
+            onDataPointsSelected([dataPoint]);
+            onContextMenu({ left: event.clientX, top: event.clientY });
+          }"
+        />
+      </template>
+    </DrilldownWidget>
  * </template>
  *
  * <script>

package/dist/src/components/filters/criteria-filter-tile.d.ts

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
  *
  * <script setup lang="ts">
  * import { ref } from 'vue';
- * import {CriteriaFilterTile} from '@sisense/sdk-ui-vue';
+ * import { CriteriaFilterTile } from '@sisense/sdk-ui-vue';
  * import { filterFactory } from '@sisense/sdk-data';
  *
  * const criteriaFilterTileProps = ref({
@@ -31,7 +31,7 @@ import type { PropType } from 'vue';
  * }
  * </script>
  * ```
- * <img src="media://vue-criteria-filter-tile-example.png" width="300px" />
+ * <img src="media://vue-criteria-filter-tile-example.png" width="600px" />
  * @param props - Criteria filter tile props
  * @returns Criteria filter tile component
  * @group Filter Tiles

package/dist/src/components/filters/date-range-filter-tile.d.ts

@@ -17,7 +17,7 @@ import type { PropType } from 'vue';
  *
  * <script setup lang="ts">
  * import { ref } from 'vue';
- * import {CriteriaFilterTile, type DateRangeFilterTileProps} from '@sisense/sdk-ui-vue';
+ * import { CriteriaFilterTile, type DateRangeFilterTileProps } from '@sisense/sdk-ui-vue';
  * import { filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
  *

package/dist/src/components/filters/member-filter-tile.d.ts

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
  *
  * <script setup lang="ts">
  * import { ref } from 'vue';
- * import {MemberFilterTile, type MemberFilterTileProps} from '@sisense/sdk-ui-vue';
+ * import { MemberFilterTile, type MemberFilterTileProps } from '@sisense/sdk-ui-vue';
  *
  * const memberFilterValue = ref<Filter | null>(null);
  *
@@ -35,7 +35,7 @@ import type { PropType } from 'vue';
  *
  * </script>
  * ```
- * <img src="media://vue-member-filter-tile-example.png" width="300px" />
+ * <img src="media://vue-member-filter-tile-example.png" width="600px" />
  * @param props - MemberFilterTile props
  * @returns MemberFilterTile component
  * @group Filter Tiles

package/dist/src/components/widgets/chart-widget.d.ts

@@ -42,7 +42,7 @@ import type { PropType } from 'vue';
  * import { ref } from 'vue';
  * import { measureFactory, filterFactory } from '@sisense/sdk-data';
  * import * as DM from '../assets/sample-retail-model';
- * import {ChartWidget} from '@sisense/sdk-ui-vue';
+ * import { ChartWidget } from '@sisense/sdk-ui-vue';
 
  * const dimProductName = DM.DimProducts.ProductName;
  * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');

package/dist/src/components/widgets/dashboard-widget.d.ts

@@ -18,7 +18,7 @@ import type { PropType } from 'vue';
  *
  * <script setup lang="ts">
  * import { ref } from 'vue';
- * import {DashboardWidget} from '@sisense/sdk-ui-vue';
+ * import { DashboardWidget } from '@sisense/sdk-ui-vue';
  *
  * </script>
  * ```

package/dist/src/composables/use-execute-query-by-widget-id.d.ts

@@ -17,7 +17,7 @@ import type { MaybeRefOrWithRefs } from '../types';
  * ```vue
  * <script setup>
  * import { ref } from 'vue';
- * import { useExecuteQueryByWidgetId } from './composables/useExecuteQueryByWidgetId';
+ * import { useExecuteQueryByWidgetId } from '@sisense/sdk-ui-vue';
  *
  * const widgetId = ref('your_widget_id_here');
  * const filters = ref([...]); // Define filters if necessary

package/dist/src/composables/use-execute-query.d.ts

@@ -16,7 +16,7 @@ import type { MaybeRefOrWithRefs } from '../types';
  * ```vue
  * <script setup>
  * import { ref } from 'vue';
- * import { useExecuteQuery } from './composables/useExecuteQuery';
+ * import { useExecuteQuery } from '@sisense/sdk-ui-vue';
  *
  * const dataSource = ref('your_data_source_id');
  * // Set up other query parameters as needed (dimensions, measures, filters, etc.)

package/dist/src/composables/use-get-dashboard-model.d.ts

@@ -16,16 +16,26 @@ import type { GetDashboardModelParams } from '@sisense/sdk-ui-preact';
  * @example
  * How to use `useGetDashboardModel` within a Vue component to fetch and display a Sisense dashboard:
  * ```vue
- * <script setup>
- * import { ref } from 'vue';
- * import { useGetDashboardModel } from './composables/useGetDashboardModel';
+ * <template>
+ *  <Dashboard
+ *    v-if="dashboard"
+ *    :title="dashboard.title"
+ *    :layout="dashboard.layout"
+ *    :widgets="dashboard.widgets"
+ *    :filters="dashboard.filters"
+ *    :defaultDataSource="dashboard.dataSource"
+ *    :widgetFilterOptions="dashboard.widgetFilterOptions"
+ *    :styleOptions="dashboard.styleOptions"
+ *  />
+ * </template>
  *
- * const dashboardOid = ref('your_dashboard_oid');
- * const includeWidgets = ref(true); // Decide whether to include widgets in the dashboard model
+ * <script setup lang="ts">
+ * import { DashboardById, useGetDashboardModel } from '@sisense/sdk-ui-vue';
  *
- * const { data: dashboardModel, isLoading, isError, error } = useGetDashboardModel({
- *   dashboardOid,
- *   includeWidgets,
+ * const { dashboard } = useGetDashboardModel({
+ *  dashboardOid: '6441e728dac1920034bce737',
+ *  includeWidgets: true,
+ *  includeFilters: true,
  * });
  * </script>
  * ```

package/dist/src/composables/use-get-dashboard-models.d.ts

@@ -17,7 +17,7 @@ import type { MaybeRefOrWithRefs } from '../types';
  * ```vue
  * <script setup>
  * import { ref } from 'vue';
- * import { useGetDashboardModels } from './composables/useGetDashboardModels';
+ * import { useGetDashboardModels } from '@sisense/sdk-ui-vue';
  *
  * const params = ref({
  *   // Define your parameters here, such as pagination settings, filters, etc.

package/dist/src/composables/use-get-shared-formula.d.ts

@@ -15,7 +15,7 @@ import type { MaybeRefOrWithRefs } from '../types';
  * ```vue
  * <script setup>
  * import { ref } from 'vue';
- * import { useGetSharedFormula } from './composables/useGetSharedFormula';
+ * import { useGetSharedFormula } from '@sisense/sdk-ui-vue';
  *
  * // To fetch by OID
  * const paramsByOid = ref({

package/dist/src/composables/use-get-widget-model.d.ts

@@ -13,20 +13,19 @@ import type { MaybeRefOrWithRefs } from '../types';
  * precise and dynamic fetching of widget models based on application needs.
  *
  * @example
- * How to use `useGetWidgetModel` within a Vue component to fetch and display widget information:
- * ```vue
- * <script setup>
- * import { ref } from 'vue';
- * import { useGetWidgetModel } from './composables/useGetWidgetModel';
- *
- * const dashboardOid = ref('your_dashboard_oid');
- * const widgetOid = ref('your_widget_oid');
+ * Retrieve a widget model and use it to populate a `Chart` component:
  *
- * const { data: widgetModel, isLoading, isError, error } = useGetWidgetModel({
- *   dashboardOid,
- *   widgetOid,
+ * ```vue
+ * <script setup lang="ts">
+ * import { Chart, useGetWidgetModel } from '@sisense/sdk-ui-vue';
+ * const { data: widget } = useGetWidgetModel({
+ *   dashboardOid: 'your_dashboard_oid',
+ *   widgetOid: 'your_widget_oid',
  * });
  * </script>
+ * <template>
+ *   <Chart v-if="widget" v-bind="widget.getChartProps()" />
+ * </template>
  * ```
  *
  * The composable returns an object with reactive properties that represent the state of the widget model fetch operation:

package/dist/src/composables/use-tracking.d.ts

@@ -1,5 +1,4 @@
 /**
- * @internal
  * A Vue composable function `useTracking` designed to track the usage of hooks within Vue applications
  * using the Sisense SDK. It sends tracking information to the server whenever a specified hook is used,
  * helping in the analysis and optimization of application performance and usage patterns. This composable
@@ -11,7 +10,7 @@
  * @example
  * How to use `useTracking` to track the usage of a custom hook:
  * ```javascript
- * import { useTracking } from './composables/useTracking';
+ * import { useTracking } from '@sisense/sdk-ui-vue';
  *
  * // Example hook that utilizes useTracking for monitoring its usage
  * export const useCustomHook = () => {
@@ -33,6 +32,8 @@
  * This internal utility composable is essential for maintaining insights into the usage of custom hooks
  * within applications leveraging the Sisense SDK, enabling developers and analysts to understand and optimize
  * hook interactions and performance.
+ *
+ * @internal
  */
 export declare const useTracking: (hookName: string) => {
     hasTrackedRef: import("vue").Ref<boolean>;

package/dist/src/providers/theme-provider.d.ts

@@ -51,6 +51,12 @@ export declare const getThemeContext: () => Ref<{
         dividerLineWidth: number;
         dividerLineColor: string;
     };
+    filter: {
+        panel: {
+            titleColor: string;
+            backgroundColor: string;
+        };
+    };
     aiChat: {
         backgroundColor: string;
         primaryTextColor: string;
@@ -201,6 +207,12 @@ export declare const createThemeContextConnector: (themeSettings?: CompleteTheme
                 dividerLineWidth: number;
                 dividerLineColor: string;
             };
+            filter: {
+                panel: {
+                    titleColor: string;
+                    backgroundColor: string;
+                };
+            };
             aiChat: {
                 backgroundColor: string;
                 primaryTextColor: string;
@@ -348,6 +360,12 @@ export declare const createThemeContextConnector: (themeSettings?: CompleteTheme
                 dividerLineWidth: number;
                 dividerLineColor: string;
             };
+            filter: {
+                panel: {
+                    titleColor: string;
+                    backgroundColor: string;
+                };
+            };
             aiChat: {
                 backgroundColor: string;
                 primaryTextColor: string;
@@ -495,12 +513,14 @@ export declare const createThemeContextConnector: (themeSettings?: CompleteTheme
  * ```
  *
  * Indicator chart with custom theme settings:
+ *
  * <img src="media://indicator-chart-example-2.png" width="400px" />
  *
  *
  * For comparison, indicator chart with default theme settings:
  *
  * <img src="media://indicator-chart-example-1.png" width="400px" />
+ *
  * @see {@link ThemeSettings} and {@link IndicatorChart}
  * @param props - Theme provider props
  * @returns A Theme Provider component * @prop {Object | String} theme - Theme settings object for custom themes or a string identifier to fetch theme settings. When provided as an object, it merges with the default theme settings. When provided as a string, it attempts to fetch theme settings using the provided ID.

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.17.1",
+  "version": "1.18.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -42,14 +42,14 @@
     "format:check": "prettier --check ."
   },
   "dependencies": {
-    "@sisense/sdk-ui-preact": "^1.17.1",
+    "@sisense/sdk-ui-preact": "^1.18.1",
     "deepmerge": "^4.3.1",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "vue": "^3.3.2"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.2.0",
-    "@types/lodash": "^4.14.194",
+    "@types/lodash-es": "^4.17.12",
     "@types/node": "^18.14.2",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/eslint-config-prettier": "^7.1.0",