@sisense/sdk-ui 0.11.3

package/dist/indicator-canvas.d.ts

@@ -0,0 +1,21 @@
+import { ChartDataOptionsInternal, IndicatorDataOptionsInternal } from './chart-data-options/types';
+import { type FunctionComponent } from 'react';
+import { IndicatorChartData } from './chart-data/types';
+import { IndicatorChartDesignOptions } from './chart-options-processor/translations/design-options';
+import { ChartData } from './chart-data/types';
+import { ChartDesignOptions } from './chart-options-processor/translations/types';
+import { ThemeSettings } from './types';
+interface Props {
+    chartData: IndicatorChartData;
+    dataOptions: IndicatorDataOptionsInternal;
+    designOptions: IndicatorChartDesignOptions;
+    themeSettings?: ThemeSettings;
+}
+/**
+ * @internal
+ */
+export declare const IndicatorCanvas: FunctionComponent<Props>;
+export declare const isIndicatorChartData: (chartData: ChartData) => chartData is IndicatorChartData;
+export declare const isIndicatorDataOptionsInternal: (dataOptions: ChartDataOptionsInternal) => dataOptions is IndicatorDataOptionsInternal;
+export declare const isIndicatorDesignOptions: (designOptions: ChartDesignOptions) => designOptions is IndicatorChartDesignOptions;
+export {};

package/dist/indicator-chart.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+import { IndicatorChartProps } from './props';
+/**
+ * A React component that displays a single value.
+ * See [Indicator](https://docs.sisense.com/main/SisenseLinux/indicator.htm) for more information.
+ *
+ * @example
+ * An example of using the component to visualize the `Sample ECommerce` data source:
+ * ```tsx
+ * <IndicatorChart
+ *   dataSet={DM.DataSource}
+ *   dataOptions={{
+ *     value: [
+ *       {
+ *         column: measures.sum(DM.Commerce.Revenue),
+ *         numberFormatConfig: {
+ *           name: 'Numbers',
+ *           decimalScale: 2,
+ *           trillion: true,
+ *           billion: true,
+ *           million: true,
+ *           kilo: true,
+ *           thousandSeparator: true,
+ *           prefix: false,
+ *           symbol: '$',
+ *         },
+ *       },
+ *     ],
+ *     secondary: [],
+ *     min: [measures.constant(0)],
+ *     max: [measures.constant(125000000)],
+ *   }}
+ *   filters={[filters.greaterThan(DM.Commerce.Revenue, 1000)]}
+ *   styleOptions={{
+ *     indicatorComponents: {
+ *       title: {
+ *         shouldBeShown: true,
+ *         text: 'Total Revenue',
+ *       },
+ *       secondaryTitle: {
+ *         text: '',
+ *       },
+ *       ticks: {
+ *         shouldBeShown: true,
+ *       },
+ *       labels: {
+ *         shouldBeShown: true,
+ *       },
+ *     },
+ *     subtype: 'indicator/gauge',
+ *     skin: 1,
+ *   }}
+ * />
+ * ```
+ *
+ * <img src="media://indicator-chart-example-1.png" width="400px" />
+ * @param props - Indicator chart properties
+ * @returns Indicator Chart component
+ */
+export declare const IndicatorChart: import("react").FunctionComponent<IndicatorChartProps>;

package/dist/line-chart.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { LineChartProps } from './props';
+/**
+ * A React component displaying data as a series of points connected by a line. Used to show trends or changes over time.
+ * See [Line Chart](https://docs.sisense.com/main/SisenseLinux/line-chart.htm) for more information.
+ *
+ * @example
+ * An example of using the component to visualize the `Sample ECommerce` data source:
+ * ```tsx
+ * <LineChart
+ *   dataSet={DM.DataSource}
+ *   dataOptions={{
+ *     category: [DM.Commerce.Date.Years],
+ *     value: [measures.sum(DM.Commerce.Revenue)],
+ *     breakBy: [DM.Commerce.Gender],
+ *   }}
+ *   filters={[filters.greaterThan(DM.Commerce.Revenue, 1000)]}
+ *   onDataPointClick= {(point, nativeEvent) => {
+ *     console.log('clicked', point, nativeEvent);
+ *   }}
+ * />
+ * ```
+ *
+ * <img src="media://line-chart-example-1.png" width="800px" />
+ * @param props - Line chart properties
+ * @returns Line Chart component
+ */
+export declare const LineChart: import("react").FunctionComponent<LineChartProps>;

package/dist/locales/en.d.ts

@@ -0,0 +1,17 @@
+export declare const translation: {
+    errors: {
+        componentRenderError: string;
+        sisenseContextNoAuthentication: string;
+        chartNoSisenseContext: string;
+        dashboardWidgetNoSisenseContext: string;
+        dashboardWidgetInvalidIdentifiers: string;
+        executeQueryNoSisenseContext: string;
+        executeQueryNoDataSource: string;
+        dataOptions: {
+            emptyValueArray: string;
+        };
+    };
+    common: {
+        chartNoData: string;
+    };
+};

package/dist/no-results-overlay/images/index.d.ts

@@ -0,0 +1,2 @@
+import { ChartType, TableType } from '../../types';
+export declare function getNoResultOverlayImage(type: ChartType | TableType): string;

package/dist/no-results-overlay/no-results-overlay.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ChartType, TableType } from '../types';
+/**
+ * This component displays `No Results` overlay for visualization (e.g., Chart, Table) with no data
+ *
+ * @param props - component properties
+ * @param props.iconType - icon type related to chart or table
+ * @returns A NoResultsOverlay component with specific icon
+ * @internal
+ */
+export declare const NoResultsOverlay: ({ iconType }: {
+    iconType: ChartType | TableType;
+}) => JSX.Element;

package/dist/pie-chart.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { PieChartProps } from './props';
+/**
+ * A React component representing data in circular graph with the data shown as slices of a whole,
+ * with each slice representing a proportion of the total.
+ * See [Pie Chart](https://docs.sisense.com/main/SisenseLinux/pie-chart.htm) for more information.
+ *
+ * @example
+ * An example of using the component to visualize the `Sample ECommerce` data source:
+ * ```tsx
+ * <PieChart
+ *   dataSet={DM.DataSource}
+ *   dataOptions={{
+ *     category: [DM.Commerce.AgeRange],
+ *     value: [measures.sum(DM.Commerce.Revenue)],
+ *   }}
+ *   filters={[filters.greaterThan(DM.Commerce.Revenue, 1000)]}
+ *   onDataPointClick= {(point, nativeEvent) => {
+ *     console.log('clicked', point, nativeEvent);
+ *   }}
+ * />
+ * ```
+ *
+ * <img src="media://pie-chart-example-1.png" width="600px" />
+ * @param props - Pie chart properties
+ * @returns Pie Chart component
+ */
+export declare const PieChart: import("react").FunctionComponent<PieChartProps>;

package/dist/polar-chart.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { PolarChartProps } from './props';
+/**
+ * A React component comparing multiple categories/variables with a spacial perspective in a radial chart.
+ * See [Polar Chart](https://docs.sisense.com/main/SisenseLinux/polar-chart.htm) for more information.
+ *
+ * @example
+ * An example of using the component to visualize the `Sample ECommerce` data source:
+ * ```tsx
+ * <PolarChart
+ *   dataSet={DM.DataSource}
+ *   dataOptions={{
+ *     category: [DM.Commerce.AgeRange],
+ *     value: [measures.sum(DM.Commerce.Revenue)],
+ *     breakBy: [DM.Commerce.Gender],
+ *   }}
+ *   filters={[filters.greaterThan(DM.Commerce.Revenue, 1000)]}
+ *   onDataPointClick= {(point, nativeEvent) => {
+ *     console.log('clicked', point, nativeEvent);
+ *   }}
+ * />
+ * ```
+ *
+ * <img src="media://polar-chart-example-1.png" width="600px" />
+ * @param props - Polar chart properties
+ * @returns Polar Chart component
+ */
+export declare const PolarChart: import("react").FunctionComponent<PolarChartProps>;