@sisense/sdk-ui 0.13.0 → 0.15.0

package/dist/themes/colors.d.ts

@@ -0,0 +1,86 @@
+export declare const colors: {
+    row: {
+        hover: string;
+    };
+    secondary: {
+        default: string;
+        hover: string;
+    };
+    text: {
+        active: string;
+        content: string;
+        secondary: string;
+        disabled: string;
+        link: string;
+        accented: string;
+        linkButton: string;
+        primary: string;
+    };
+    UI: {
+        default: string;
+        additional: string;
+        guiding: string;
+    };
+    background: {
+        workspace: string;
+        supporting: string;
+        priority: string;
+    };
+    primary: {
+        primary: string;
+        default: string;
+        hover: string;
+    };
+    interaction: {
+        defaultHover: string;
+        guidingHover: string;
+        linkHovered: string;
+        primaryHovered: string;
+    };
+    semantic: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+        infoBG: string;
+        successBG: string;
+        warningBG: string;
+        errorBG: string;
+    };
+    sisenseDark: {
+        text: {
+            active: string;
+            content: string;
+            secondary: string;
+            disabled: string;
+            link: string;
+            accented: string;
+        };
+        ui: {
+            default: string;
+            additional: string;
+            guiding: string;
+        };
+        background: {
+            workspace: string;
+            supporting: string;
+            priority: string;
+        };
+        interaction: {
+            defaultHover: string;
+            guidingHover: string;
+            linkHovered: string;
+            primaryHovered: string;
+        };
+        semantic: {
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+            infoBG: string;
+            successBG: string;
+            warningBG: string;
+            errorBG: string;
+        };
+    };
+};

package/dist/translation/resources/en.d.ts

@@ -21,8 +21,33 @@ export declare const translation: {
         unsupportedWidgetType: string;
         sisenseContextNotFound: string;
         dashboardInvalidIdentifier: string;
+        sharedFormula: {
+            identifierExpected: string;
+            failedToFetch: string;
+        };
     };
     errorBoxText: string;
     chartNoData: string;
+    criteriaFilter: {
+        equals: string;
+        notEquals: string;
+        lessThan: string;
+        lessThanOrEqual: string;
+        greaterThan: string;
+        greaterThanOrEqual: string;
+        between: string;
+        notBetween: string;
+        top: string;
+        bottom: string;
+        is: string;
+        isNot: string;
+        contains: string;
+        notContains: string;
+        startsWith: string;
+        notStartsWith: string;
+        endsWith: string;
+        notEndsWith: string;
+        like: string;
+    };
 };
 export type TranslationDictionary = typeof translation;

package/dist/translation/resources/index.d.ts

@@ -25,9 +25,34 @@ export declare const resources: {
             unsupportedWidgetType: string;
             sisenseContextNotFound: string;
             dashboardInvalidIdentifier: string;
+            sharedFormula: {
+                identifierExpected: string;
+                failedToFetch: string;
+            };
         };
         errorBoxText: string;
         chartNoData: string;
+        criteriaFilter: {
+            equals: string;
+            notEquals: string;
+            lessThan: string;
+            lessThanOrEqual: string;
+            greaterThan: string;
+            greaterThanOrEqual: string;
+            between: string;
+            notBetween: string;
+            top: string;
+            bottom: string;
+            is: string;
+            isNot: string;
+            contains: string;
+            notContains: string;
+            startsWith: string;
+            notStartsWith: string;
+            endsWith: string;
+            notEndsWith: string;
+            like: string;
+        };
     };
     uk: {
         errors: {
@@ -52,8 +77,33 @@ export declare const resources: {
             unsupportedWidgetType: string;
             sisenseContextNotFound: string;
             dashboardInvalidIdentifier: string;
+            sharedFormula: {
+                identifierExpected: string;
+                failedToFetch: string;
+            };
         };
         errorBoxText: string;
         chartNoData: string;
+        criteriaFilter: {
+            equals: string;
+            notEquals: string;
+            lessThan: string;
+            lessThanOrEqual: string;
+            greaterThan: string;
+            greaterThanOrEqual: string;
+            between: string;
+            notBetween: string;
+            top: string;
+            bottom: string;
+            is: string;
+            isNot: string;
+            contains: string;
+            notContains: string;
+            startsWith: string;
+            notStartsWith: string;
+            endsWith: string;
+            notEndsWith: string;
+            like: string;
+        };
     };
 };

package/dist/treemap-chart.d.ts

@@ -2,8 +2,7 @@
 import { TreemapChartProps } from './props';
 /**
  * A React component displaying hierarchical data in the form of nested rectangles.
- * This type of chart can be used in different scenarios, for example,
- * instead of a column chart if you have to compare too many categories and sub-categories.
+ * This type of chart can be used instead of a column chart for comparing a large number of categories and sub-categories.
  * See [Treemap Chart](https://docs.sisense.com/main/SisenseLinux/treemap.htm) for more information.
  *
  * @example

package/dist/types.d.ts

@@ -377,9 +377,13 @@ export interface SunburstStyleOptions extends BaseStyleOptions {
  */
 export type StyleOptions = LineStyleOptions | AreaStyleOptions | StackableStyleOptions | PieStyleOptions | FunnelStyleOptions | PolarStyleOptions | IndicatorStyleOptions | ScatterStyleOptions | TreemapStyleOptions | SunburstStyleOptions;
 /** Mapping of each of the chart value series to colors. */
-export type ValueToColorMap = Record<string, string>;
-/** Mapping of each of the chart value series to colors. */
-export type ValueToColorMultiColumnsMap = Record<string, Record<string, string>>;
+export type ValueToColorMap = {
+    [value: string]: string;
+};
+/** Mapping of each of the chart columns with mapping of each value series to colors. */
+export type MultiColumnValueToColorMap = {
+    [columnName: string]: ValueToColorMap;
+};
 /**
  * Chart type of one of the supported chart families
  */
@@ -522,6 +526,12 @@ export interface WidgetStyleOptions {
         dividerLineColor?: string;
         /** Header background color */
         backgroundColor?: string;
+        /**
+         * Custom toolbar to render to the right of the title
+         *
+         * @internal
+         */
+        renderToolbar?: (onRefresh: () => void) => JSX.Element;
     };
 }
 /**

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

@@ -1,8 +1,8 @@
 import { type FunctionComponent } from 'react';
 import { ChartWidgetProps } from '../props';
 /**
- * The Chart Widget component extending the {@link Chart} component to support advanced BI
- * capabilities such as drilldown.
+ * The Chart Widget component extending the {@link Chart} component to support widget style options.
+ * It can be used along with the {@link DrilldownWidget} component to support advanced data drilldown.
  *
  * @example
  * Example of using the `ChartWidget` component to

package/dist/widgets/common/drilldown.d.ts

@@ -22,7 +22,7 @@ export declare const useDrilldown: (dataOptions: ChartDataOptions, drilldownOpti
     } | {
         category: (import("@sisense/sdk-data").Column | import("../../types").StyledColumn)[];
         value: (import("@sisense/sdk-data").MeasureColumn | import("@sisense/sdk-data").CalculatedMeasureColumn | import("../../types").StyledMeasureColumn)[];
-        seriesToColorMap?: import("../../types").ValueToColorMap | undefined;
+        seriesToColorMap?: import("../../types").ValueToColorMap | import("../../types").MultiColumnValueToColorMap | undefined;
     };
     selectDrilldown: (points: DataPoint[], nextDimension: Attribute) => void;
     sliceDrilldownSelections: (i: number) => void;

package/dist/widgets/common/widget-header-info-button.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { WidgetStyleOptions } from '../../types';
+export default function WidgetHeaderInfoButton({ title, description, styleOptions, onRefresh, }: {
+    title?: string;
+    description?: string;
+    styleOptions?: WidgetStyleOptions['header'];
+    onRefresh: () => void;
+}): JSX.Element;

package/dist/widgets/common/widget-header.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { WidgetStyleOptions } from '../../types';
 interface WidgetHeaderProps {
     onRefresh: () => void;

package/dist/widgets/table-widget.d.ts

@@ -1,8 +1,7 @@
 import { type FunctionComponent } from 'react';
 import { TableWidgetProps } from '../props';
 /**
- * The TableWidget component extending the {@link Table} component to support advanced BI
- * capabilities such as header.
+ * The TableWidget component extending the {@link Table} component to support widget style options.
  *
  * @example
  * Example of using the `Widget` component to

package/package.json

@@ -1,8 +1,17 @@
 {
   "name": "@sisense/sdk-ui",
-  "version": "0.13.0",
+  "version": "0.15.0",
   "type": "module",
-  "exports": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./ai": {
+      "import": "./dist/ai.js",
+      "types": "./dist/ai.d.ts"
+    }
+  },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -12,11 +21,13 @@
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mui/material": "^5.11.6",
-    "@sisense/sdk-common": "^0.13.0",
-    "@sisense/sdk-data": "^0.13.0",
-    "@sisense/sdk-query-client": "^0.13.0",
-    "@sisense/sdk-rest-client": "^0.13.0",
+    "@sisense/sdk-common": "^0.15.0",
+    "@sisense/sdk-data": "^0.15.0",
+    "@sisense/sdk-query-client": "^0.15.0",
+    "@sisense/sdk-rest-client": "^0.15.0",
+    "@sisense/sdk-tracking": "^0.15.0",
     "@sisense/sisense-charts": "5.1.0-alpha-04052758.0",
+    "@tanstack/react-query": "4.36.1",
     "classnames": "^2.3.2",
     "colorjs.io": "^0.4.3",
     "date-fns": "^2.29.3",
@@ -29,6 +40,7 @@
     "lodash": "^4.17.21",
     "merge-deep": "^3.0.3",
     "react-datepicker": "^4.16.0",
+    "react-error-boundary": "^4.0.11",
     "react-i18next": "^13.2.2",
     "react-number-format": "^5.1.0",
     "ts-deepmerge": "6.0.2",
@@ -60,7 +72,6 @@
     "@babel/preset-env": "^7.20.2",
     "@mui/icons-material": "^5.14.9",
     "@mui/x-data-grid": "^6.16.0",
-    "@mui/x-data-grid-generator": "^6.16.0",
     "@mui/x-data-grid-pro": "^6.16.0",
     "@storybook/addon-actions": "7.0.24",
     "@storybook/addon-docs": "7.0.24",