@sisense/sdk-ui 1.10.1 → 1.12.0

package/dist/dashboard-widget/use-fetch-widget-dto-model.d.ts

@@ -24,7 +24,7 @@ export declare const fetchWidgetDtoModel: ({ widgetOid, dashboardOid, includeDas
         title: string;
         datasource: import("./types").Datasource;
         widgets?: WidgetDto[] | undefined;
-        filters?: (import("../api/types/dashboard-dto").Filter | import("../api/types/dashboard-dto").CascadingFilter)[] | undefined;
+        filters?: (import("../api/types/dashboard-dto").FilterDto | import("../api/types/dashboard-dto").CascadingFilterDto)[] | undefined;
         filterRelations?: {
             filterRelations: import("@sisense/sdk-data").FilterRelationsModel;
         }[] | undefined;

package/dist/dashboard-widget/utils.d.ts

@@ -8,7 +8,7 @@ type WidgetTypeOrString = string | WidgetType;
 export declare function isSupportedWidgetType(widgetType: WidgetTypeOrString): widgetType is WidgetType;
 export declare function isTableWidget(widgetType: WidgetTypeOrString): boolean;
 export declare function isPivotWidget(widgetType: WidgetTypeOrString): boolean;
-export declare function isTabularWidget(widgetType: WidgetTypeOrString): boolean;
+export declare function isChartWidget(widgetType: WidgetTypeOrString): boolean;
 export declare function getEnabledPanelItems(panels: Panel[], panelName: string): PanelItem[];
 export declare function getRootPanelItem(item: PanelItem): PanelItem;
 /**
@@ -18,7 +18,7 @@ export declare function getRootPanelItem(item: PanelItem): PanelItem;
  * @returns  The sort direction.
  * @internal
  */
-export declare function getSortType(jaqlSort: JaqlSortDirection | undefined): SortDirection;
+export declare function getSortType(jaqlSort: `${JaqlSortDirection}` | undefined): SortDirection;
 /**
  * Merges two arrays of filter objects, prioritizing 'targetFilters' over 'sourceFilters',
  * and removes duplicates based on filter compare id

package/dist/decorators/component-decorators/as-sisense-component.d.ts

@@ -7,8 +7,12 @@ export type SisenseComponentConfig = {
     componentName: string;
     /** If set to true (or function returns true), the component will not wait for the Sisense context to be initialized */
     shouldSkipSisenseContextWaiting?: boolean | ((props: any) => boolean);
-    /** If set to true (or function returns true), the component will not be tracked */
-    shouldSkipTracking?: boolean | ((props: any) => boolean);
+    trackingConfig?: {
+        /** If set to true (or function returns true), the component will not be tracked */
+        skip?: boolean | ((props: any) => boolean);
+        /** If set to true, children will be tracked too */
+        transparent?: boolean;
+    };
     /** If set, the error message for wrong SisenseContext will be overridden with the provided key */
     customContextErrorMessageKey?: string;
 };

package/dist/decorators/component-decorators/with-tracking/use-track-component-init.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-export declare const TrackingContextProvider: ({ children }: {
+export declare const TrackingContextProvider: ({ skipNested, children, }: {
     children: ReactNode;
+    skipNested?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const useTrackComponentInit: <P extends {}>(componentName: string, props: P) => void;

package/dist/decorators/component-decorators/with-tracking/with-tracking.d.ts

@@ -1,7 +1,10 @@
 import { ComponentDecorator } from '../as-sisense-component';
 type TrackingDecoratorConfig = {
     componentName: string;
-    shouldSkipTracking?: boolean | ((props: any) => boolean);
+    config: {
+        skip?: boolean | ((props: any) => boolean);
+        transparent?: boolean;
+    };
 };
 /**
  * Adds tracking to the component

package/dist/dynamic-size-container/dynamic-size-container.d.ts

@@ -24,7 +24,15 @@ export type DynamicSizeContainerProps = {
  * (3) Then the container's size is used.
  * (4) Otherwise the "defaultSize" is used.
  *
+ * Component Structure:
+ * The component layout consists of multiple layers to address different requirements:
+ * - Container layer: The top `div` that handles inheriting the parent size.
+ * - Content layer: The middle `div` that represents the actual content size.
+ * - Detached content layer: The bottom `div` that detaches the internal content (using "absolute" positioning) from the layout to prevent the parent layout from being constrained by its content size.
  *
+ * Limitations:
+ * - It is not possible to determine if a parent element has no size to inherit or if its size has been explicitly set to "0px".
+ *   Therefore, the default size will be applied when the parent element's size is set to "0px".
  *
  * @param {DynamicSizeContainerProps} props - DynamicSizeContainer properties.
  * @returns {JSX.Element} The DynamicSizeContainer component.

package/dist/filters/components/common/basic-input.d.ts

@@ -1,6 +1,5 @@
 import { type FunctionComponent, type InputHTMLAttributes } from 'react';
 type BasicInputProps = {
-    variant?: 'white' | 'grey';
     label?: string;
     callback: (value: string) => void;
 } & InputHTMLAttributes<HTMLInputElement>;

package/dist/filters/components/common/date-range-field-button.d.ts

@@ -1,14 +1,11 @@
-import { CompleteThemeSettings } from '../../../types';
 import { type FunctionComponent, type ButtonHTMLAttributes } from 'react';
-type Variant = 'white' | 'grey';
+import { Themable } from '../../../theme-provider/types';
+export type Variant = 'white' | 'grey';
 type InputProps = {
     variant?: Variant;
     label?: string;
     isActive?: boolean;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
-type ThemeMixin = {
-    theme: CompleteThemeSettings;
-};
-export type DateRangeFieldButtonProps = InputProps & ThemeMixin;
+export type DateRangeFieldButtonProps = InputProps & Themable;
 export declare const DateRangeFieldButton: FunctionComponent<DateRangeFieldButtonProps>;
 export {};

package/dist/filters/components/date-filter/date-filter/date-filter.d.ts

@@ -27,6 +27,21 @@ export type DateRangeFilterProps = {
      * Whether this is a dependent filter.
      */
     isDependent?: boolean;
+    /**
+     * The variant of the date range field button.
+     * To be compatible with the old DateRangeFilterTile.
+     *
+     * TODO: Remove this prop when the old DateRangeFilterTile is deprecated.
+     * @internal
+     * @default 'grey'
+     */
+    variant?: 'white' | 'grey';
+    /**
+     * Whether the filter is disabled.
+     *
+     * @internal
+     */
+    disabled?: boolean;
 };
 /**
  * Date Filter component for filtering data by date range.

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

@@ -0,0 +1,6 @@
+import { DateRangeFilter } from '@sisense/sdk-data';
+type DateRangeFilterDisplayProps = {
+    filter: DateRangeFilter;
+};
+export declare const DateRangeFilterDisplay: (props: DateRangeFilterDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -41,6 +41,12 @@ export interface DateRangeFilterTileProps {
      * List of filters this filter is dependent on.
      */
     parentFilters?: Filter[];
+    /**
+     * Whether to display the filter as a tiled version.
+     * @default false
+     * @internal
+     */
+    tiled?: boolean;
 }
 /**
  * Date Range Filter Tile component for filtering data by date range.

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

@@ -0,0 +1,14 @@
+import { DateRangeFilter } from '@sisense/sdk-data';
+import type { DateRangeFilterTileProps } from './date-range-filter-tile';
+import { DateLimits } from './use-date-limits';
+type EditableDateRangeFilterProps = DateRangeFilterTileProps & {
+    filter: DateRangeFilter;
+    dateLimits: Required<DateLimits>;
+    isOldDateRangeFilterTile?: boolean;
+    disabled?: boolean;
+};
+/**
+ * Editable Date Range Filter component for filtering data by date range.
+ */
+export declare const EditableDateRangeFilter: (props: EditableDateRangeFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,7 +1,6 @@
 import { DataSource, Filter, LevelAttribute } from '@sisense/sdk-data';
-type DateLimits = {
+export type DateLimits = {
     minDate?: string;
     maxDate?: string;
 };
 export declare const useDateLimits: (userLimits: DateLimits, attribute: LevelAttribute, dataSource?: DataSource, parentFilters?: Filter[]) => Required<DateLimits> | null;
-export {};

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

@@ -19,8 +19,8 @@ export interface RelativeDateFilterProps {
  */
 export declare const RelativeDateFilter: FunctionComponent<RelativeDateFilterProps>;
 export declare const DATE_OPS_MAP: {
-    [x: string]: string;
+    readonly [x: string]: "dateFilter.last" | "dateFilter.next";
 };
 export declare const DATE_LEVELS_MAP: {
-    [x: string]: string;
+    readonly [x: string]: "dateFilter.days" | "dateFilter.weeks" | "dateFilter.months" | "dateFilter.quarters" | "dateFilter.years";
 };

package/dist/filters/components/filters-panel/filters-panel-tile.d.ts

@@ -0,0 +1,18 @@
+import { Filter } from '@sisense/sdk-data';
+/**
+ * Props of the {@link FiltersPanelTile} component
+ *
+ * @internal
+ */
+export type FiltersPanelTileProps = {
+    /** Filter to display */
+    filter: Filter;
+    /** Callback to handle filter change */
+    onChange: (filter: Filter | null) => void;
+};
+/**
+ * Filter tile component that renders a filter based on its type
+ *
+ * @internal
+ */
+export declare const FiltersPanelTile: ({ filter, onChange }: FiltersPanelTileProps) => import("react/jsx-runtime").JSX.Element;

package/dist/filters/components/filters-panel/filters-panel.d.ts

@@ -0,0 +1,18 @@
+import { Filter } from '@sisense/sdk-data';
+/**
+ * Props of the {@link FiltersPanel} component
+ *
+ * @internal
+ */
+export type FiltersPanelProps = {
+    /** Array of filters to display */
+    filters: Filter[];
+    /** Callback to handle changes in filters */
+    onFiltersChange: (filters: Filter[]) => void;
+};
+/**
+ * Filters panel component that renders a list of filter tiles
+ *
+ * @internal
+ */
+export declare const FiltersPanel: ({ filters, onFiltersChange }: FiltersPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/filters/components/filters-panel/index.d.ts

@@ -0,0 +1,2 @@
+export { FiltersPanel } from './filters-panel';
+export { FiltersPanelTile } from './filters-panel-tile';

package/dist/filters/components/icons/arrow-icon.d.ts

@@ -0,0 +1,6 @@
+import { Themable } from '../../../theme-provider/types';
+import type { SVGProps } from 'react';
+export declare const ArrowIcon: (props: Pick<SVGProps<SVGElement>, 'className' | 'width' | 'height' | 'fill' | 'onClick'> & {
+    direction: 'left' | 'right';
+    disabled?: boolean;
+} & Themable) => import("react/jsx-runtime").JSX.Element;

package/dist/filters/components/icons/double-arrow-icon.d.ts

@@ -0,0 +1,6 @@
+import { Themable } from '../../../theme-provider/types';
+import type { SVGProps } from 'react';
+export declare const DoubleArrowIcon: (props: Pick<SVGProps<SVGElement>, 'className' | 'width' | 'height' | 'fill' | 'onClick'> & {
+    direction: 'left' | 'right';
+    disabled?: boolean;
+} & Themable) => import("react/jsx-runtime").JSX.Element;

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

@@ -13,13 +13,15 @@ export interface BasicMemberFilterTileProps {
     /** Initial list of selected members. Defaults to empty list */
     initialSelectedMembers?: SelectedMember[];
     /** Callback that executes whenever the final list of active and selected members is updated */
-    onUpdateSelectedMembers?: (members: string[]) => void;
+    onUpdateSelectedMembers?: (members: string[], disabled?: boolean) => void;
     /** Configurable limit on size of allowedMembers */
     maxAllowedMembers?: number;
     /** Whether this is a dependent filter */
     isDependent?: boolean;
     /** Flag to update selected members when caused by an external change */
     shouldUpdateSelectedMembers?: boolean;
+    /** Whether the filter tile is disabled initially */
+    disabled?: boolean;
 }
 /**
  * UI component that, given a list of members to select from and a list of

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

@@ -3,7 +3,7 @@ import { Member } from './members-reducer';
 interface Props {
     initialMembers: Member[];
     initialSelectedMembers: Member[];
-    onUpdateSelectedMembers?: (members: string[]) => void;
+    onUpdateSelectedMembers?: (members: string[], disabled?: boolean) => void;
     disabled: boolean;
 }
 export declare const useMembers: ({ initialMembers, initialSelectedMembers, onUpdateSelectedMembers, disabled, }: Props) => {

package/dist/filters/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components/member-filter-tile';
 export * from './components/date-filter';
 export * from './components/criteria-filter-tile';
+export * from './components/filters-panel';
 export { type FilterVariant } from './components/common/filter-utils';

package/dist/highcharts-memorized.d.ts

@@ -3,5 +3,5 @@ import { HighchartsOptionsInternal } from './chart-options-processor/chart-optio
 type HighchartsReactMemoizedProps = {
     options: HighchartsOptionsInternal;
 };
-export declare const HighchartsReactMemoized: import("react").MemoExoticComponent<({ options }: HighchartsReactMemoizedProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const HighchartsReactMemoized: import("react").NamedExoticComponent<HighchartsReactMemoizedProps>;
 export {};