@sisense/sdk-ui 1.31.0 → 1.32.0

package/dist/packages/sdk-ui/src/translation/resources/index.d.ts

@@ -27,6 +27,10 @@ export declare const resources: {
                 filterAttributeNotFound: string;
                 highlightAttributeNotFound: string;
             };
+            optionsTranslation: {
+                invalidStyleOptions: string;
+                invalidInternalDataOptions: string;
+            };
             themeNotFound: string;
             paletteNotFound: string;
             chartTypeNotSupported: string;
@@ -84,6 +88,10 @@ export declare const resources: {
             notAMembersFilter: string;
             drilldownNoInitialDimension: string;
             otherWidgetTypesNotSupported: string;
+            dataBrowser: {
+                dimensionNotFound: string;
+                attributeNotFound: string;
+            };
         };
         errorBoxText: string;
         chartNoData: string;
@@ -267,6 +275,17 @@ export declare const resources: {
                 noAvailableDataTopics: string;
             };
         };
+        attribute: {
+            datetimeName: {
+                years: string;
+                quarters: string;
+                months: string;
+                weeks: string;
+                days: string;
+                hours: string;
+                minutes: string;
+            };
+        };
         filterEditor: {
             buttons: {
                 apply: string;
@@ -279,11 +298,13 @@ export declare const resources: {
                 allowMultiSelection: string;
                 from: string;
                 to: string;
+                includeCurrent: string;
             };
             placeholders: {
                 selectFromList: string;
                 enterEntry: string;
                 enterValue: string;
+                select: string;
             };
             conditions: {
                 exclude: string;
@@ -301,11 +322,30 @@ export declare const resources: {
                 lessThanOrEqual: string;
                 greaterThan: string;
                 greaterThanOrEqual: string;
+                isWithin: string;
             };
             validationErrors: {
                 invalidNumber: string;
                 invalidNumericRange: string;
             };
+            datetimeLevels: {
+                year: string;
+                quarter: string;
+                month: string;
+                week: string;
+                day: string;
+                aggrigatedHour: string;
+                aggrigatedMinutesRoundTo15: string;
+            };
+            relativeTypes: {
+                last: string;
+                this: string;
+                next: string;
+            };
+            datetimePositions: {
+                before: string;
+                after: string;
+            };
         };
         pivotTable: {
             grandTotal: string;
@@ -331,6 +371,10 @@ export declare const resources: {
                 filterAttributeNotFound: string;
                 highlightAttributeNotFound: string;
             };
+            optionsTranslation: {
+                invalidStyleOptions: string;
+                invalidInternalDataOptions: string;
+            };
             themeNotFound: string;
             paletteNotFound: string;
             chartTypeNotSupported: string;
@@ -388,6 +432,10 @@ export declare const resources: {
             notAMembersFilter: string;
             drilldownNoInitialDimension: string;
             otherWidgetTypesNotSupported: string;
+            dataBrowser: {
+                dimensionNotFound: string;
+                attributeNotFound: string;
+            };
         };
         errorBoxText: string;
         chartNoData: string;
@@ -571,6 +619,17 @@ export declare const resources: {
                 noAvailableDataTopics: string;
             };
         };
+        attribute: {
+            datetimeName: {
+                years: string;
+                quarters: string;
+                months: string;
+                weeks: string;
+                days: string;
+                hours: string;
+                minutes: string;
+            };
+        };
         filterEditor: {
             buttons: {
                 apply: string;
@@ -583,11 +642,13 @@ export declare const resources: {
                 allowMultiSelection: string;
                 from: string;
                 to: string;
+                includeCurrent: string;
             };
             placeholders: {
                 selectFromList: string;
                 enterEntry: string;
                 enterValue: string;
+                select: string;
             };
             conditions: {
                 exclude: string;
@@ -605,11 +666,30 @@ export declare const resources: {
                 lessThanOrEqual: string;
                 greaterThan: string;
                 greaterThanOrEqual: string;
+                isWithin: string;
             };
             validationErrors: {
                 invalidNumber: string;
                 invalidNumericRange: string;
             };
+            datetimeLevels: {
+                year: string;
+                quarter: string;
+                month: string;
+                week: string;
+                day: string;
+                aggrigatedHour: string;
+                aggrigatedMinutesRoundTo15: string;
+            };
+            relativeTypes: {
+                last: string;
+                this: string;
+                next: string;
+            };
+            datetimePositions: {
+                before: string;
+                after: string;
+            };
         };
         pivotTable: {
             grandTotal: string;

package/dist/packages/sdk-ui/src/types.d.ts

@@ -7,11 +7,12 @@ import { ScatterMarkerSize } from './chart-options-processor/translations/scatte
 import { CartesianChartType, ScatterChartType, CategoricalChartType, IndicatorChartType, TableType, AreamapChartType, BoxplotChartType, ScattermapChartType, RangeChartType, TableChartType } from './chart-options-processor/translations/types';
 import { DataPointsEventHandler } from './props';
 import { LegendPosition } from './chart-options-processor/translations/legend-section';
-import { GeoDataElement, RawGeoDataElement } from './chart-data/types';
 import { Coordinates } from './charts/map-charts/scattermap/types';
 import { StyledColumn, StyledMeasureColumn, Hierarchy, HierarchyId } from '.';
 import { HighchartsOptionsInternal } from './chart-options-processor/chart-options-service';
 import { CSSProperties } from 'react';
+import { GeoDataElement, RawGeoDataElement } from './chart/restructured-charts/areamap-chart/types';
+import { TabCornerRadius, TabInterval, TabSize } from './widgets/tabber-widget';
 export type { SortDirection, PivotRowsSort } from '@sisense/sdk-data';
 export type { AppConfig } from './app/client-application';
 export type { DateConfig } from './query/date-formats';
@@ -239,6 +240,8 @@ export interface BaseAxisStyleOptions {
     /** Configuration for second Y axis */
     y2Axis?: AxisLabel;
 }
+/** Style options for charts of cartesian family @internal */
+export type CartesianStyleOptions = LineStyleOptions | AreaStyleOptions | StackableStyleOptions;
 /** Configuration options that define functional style of the various elements of LineChart */
 export interface LineStyleOptions extends BaseStyleOptions, BaseAxisStyleOptions {
     /** Configuration that defines line width */
@@ -1499,3 +1502,51 @@ export type CustomTranslationObject = {
      */
     namespace?: string;
 };
+/**
+ * Single Tabber Widget tab object without styling
+ * @internal
+ */
+export type TabberTab = {
+    displayWidgetIds: string[];
+    title: string;
+};
+/**
+ * Tabber widget DTO style property
+ * @internal
+ */
+export type TabberDtoStyle = TabberStyleProps & {
+    activeTab: string;
+};
+/**
+ * Configuration options that define style of the various elements of the Tabber component.
+ * @internal
+ */
+export type TabberStyleOptions = {
+    descriptionColor: string;
+    selectedBkgColor: string;
+    selectedColor: string;
+    showDescription: boolean;
+    showSeparators: boolean;
+    showTitle: boolean;
+    tabCornerRadius: TabCornerRadius;
+    tabsAlignment: string;
+    tabsInterval: TabInterval;
+    tabsSize: TabSize;
+    unselectedBkgColor: string;
+    unselectedColor: string;
+    useSelectedBkg: boolean;
+    useUnselectedBkg: boolean;
+};
+/**
+ * Configuration options that defined tabber look and feel, including tabs and active tab.
+ * @internal
+ */
+export type TabberStyleProps = TabberStyleOptions & TabberConfig;
+/**
+ * Tabber business logic configuration
+ * @internal
+ */
+export type TabberConfig = {
+    tabs: TabberTab[];
+    activeTab: number;
+};

package/dist/packages/sdk-ui/src/utils/generate-attribute-name.d.ts

@@ -0,0 +1,2 @@
+import { TFunction } from '@sisense/sdk-common';
+export declare function generateAttributeName(t: TFunction, columnName: string, granularity?: string): string;

package/dist/packages/sdk-ui/src/utils/utility-types.d.ts

@@ -57,4 +57,38 @@ export type EmptyObject = Record<string, never>;
  * type TRequiredB = WithRequiredProp<T, 'b'>; // { a: string; b: number; c?: boolean; }
  */
 export type WithRequiredProp<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
+/**
+ * Universal generic state for hooks that fetch data from the REST API.
+ */
+export type RestApiHookState<DataKey extends string, SuccessDataType extends AnyObject> = RestApiHookSuccessState<DataKey, SuccessDataType> | RestApiHookErrorState<DataKey> | RestApiHookLoadingState<DataKey>;
+/** Success state of the REST API hook */
+export type RestApiHookSuccessState<DataKey extends string, SuccessDataType extends AnyObject> = {
+    isLoading: false;
+    isError: false;
+    isSuccess: true;
+    error: undefined;
+    status: 'success';
+} & {
+    [key in DataKey]: SuccessDataType;
+};
+/** Error state of the REST API hook */
+export type RestApiHookErrorState<DataKey extends string> = {
+    isLoading: false;
+    isError: true;
+    isSuccess: false;
+    error: Error;
+    status: 'error';
+} & {
+    [key in DataKey]: undefined;
+};
+/** Loading state of the REST API hook */
+export type RestApiHookLoadingState<DataKey extends string> = {
+    isLoading: true;
+    isError: false;
+    isSuccess: false;
+    error: undefined;
+    status: 'loading';
+} & {
+    [key in DataKey]: undefined;
+};
 export {};

package/dist/packages/sdk-ui/src/widget-by-id/translate-dashboard-filters.d.ts

@@ -4789,6 +4789,7 @@ export declare function getDashboardFilters(dashboardFilters: Array<FilterDto |
             } | undefined;
         } | undefined;
         merged?: boolean | undefined;
+        panel?: "rows" | "columns" | undefined;
     };
 }[];
 /**

package/dist/packages/sdk-ui/src/widget-by-id/translate-widget-style-options.d.ts

@@ -1,13 +1,24 @@
-import { ChartStyleOptions, LineStyleOptions, AreaStyleOptions, StackableStyleOptions, TableStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, GaugeIndicatorStyleOptions, PivotTableStyleOptions, WidgetStyleOptions, TextWidgetStyleOptions } from '../types';
+import { ChartStyleOptions, TableStyleOptions, NumericBarIndicatorStyleOptions, NumericSimpleIndicatorStyleOptions, GaugeIndicatorStyleOptions, PivotTableStyleOptions, SpaceSizes, RadiusSizes, ShadowsTypes, AlignmentTypes, WidgetStyleOptions, TextWidgetStyleOptions } from '../types';
 import { WidgetSubtype, WidgetType, TableWidgetStyle, IndicatorWidgetStyle, PivotWidgetStyle, WidgetDesign, WidgetDto } from './types';
-/**
- * @internal
- */
-export type CartesianChartStyleOptions = LineStyleOptions | AreaStyleOptions | StackableStyleOptions;
 export declare function extractTableChartStyleOptions(widgetStyle: TableWidgetStyle): TableStyleOptions;
 export declare const getIndicatorTypeSpecificOptions: (widgetSubtype: WidgetSubtype, widgetStyle: IndicatorWidgetStyle) => NumericSimpleIndicatorStyleOptions | NumericBarIndicatorStyleOptions | GaugeIndicatorStyleOptions;
 export declare function extractPivotTableStyleOptions(widgetStyle: PivotWidgetStyle): PivotTableStyleOptions;
 export declare function extractStyleOptions<WType extends WidgetType>(widgetType: WType, widget: WidgetDto): ChartStyleOptions | TableStyleOptions | TextWidgetStyleOptions;
+export declare const getFlattenWidgetDesign: (widgetDesign: WidgetDesign) => {
+    backgroundColor: string;
+    spaceAround: SpaceSizes;
+    cornerRadius: RadiusSizes;
+    shadow: ShadowsTypes;
+    border: boolean;
+    borderColor: string;
+    header: {
+        titleTextColor: string;
+        titleAlignment: AlignmentTypes;
+        dividerLine: boolean;
+        dividerLineColor: string;
+        backgroundColor: string;
+    };
+};
 /**
  * Merges the widget style with the widget design
  *

package/dist/packages/sdk-ui/src/widgets/tabber-widget.d.ts

@@ -0,0 +1,35 @@
+import { TabberWidgetProps } from '../props';
+/**
+ * Tabber widget tab size
+ * @group TabberWidget
+ * @internal
+ */
+export type TabSize = 'SMALL' | 'MEDIUM' | 'LARGE';
+/**
+ * Tabber widget tab interval
+ * @group TabberWidget
+ * @internal
+ */
+export type TabInterval = 'SMALL' | 'MEDIUM' | 'LARGE';
+/**
+ * Tabber widget tab alignment
+ * @group TabberWidget
+ * @internal
+ */
+export type TabAlignment = 'LEFT' | 'CENTER' | 'RIGHT';
+/**
+ * Tabber widget tab corner radius
+ * @group TabberWidget
+ * @internal
+ */
+export type TabCornerRadius = 'SMALL' | 'MEDIUM' | 'LARGE' | 'NONE';
+/**
+ * Visual representation of a Fusion's tabber widget
+ * @param styleOptions
+ * @param description
+ * @param props
+ * @constructor
+ * @group TabberWidget
+ * @internal
+ */
+export declare const TabberWidget: ({ styleOptions, description, ...props }: TabberWidgetProps) => import("react/jsx-runtime").JSX.Element;