@sisense/sdk-ui 1.29.0 → 1.31.0

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/single-select-item.d.ts

@@ -1,7 +1,9 @@
 import { SelectItem } from './types';
+import { CSSProperties } from 'react';
 type SingleSelectItemProps<Value> = SelectItem<Value> & {
     selected: boolean;
     onSelect?: (value: Value) => void;
+    style?: CSSProperties;
 };
 export declare function SingleSelectItem<Value = unknown>(props: SingleSelectItemProps<Value>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/single-select.d.ts

@@ -6,6 +6,8 @@ type SelectProps<Value> = {
     items: SelectItem<Value>[];
     style?: CSSProperties;
     onChange?: (value: Value) => void;
+    primaryColor?: string;
+    primaryBackgroundColor?: string;
 };
 /** @internal */
 export declare function SingleSelect<Value = unknown>(props: SelectProps<Value>): import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/select/types.d.ts

@@ -1,7 +1,9 @@
+import { type ReactNode } from 'react';
 export type Focusable = {
     focus?: boolean;
 };
 export type SelectItem<Value> = {
     value: Value;
     displayValue?: string;
+    icon?: ReactNode;
 };

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/selectable-section.d.ts

@@ -1,11 +1,10 @@
-import { CSSProperties, ReactNode } from 'react';
+import { ReactNode } from 'react';
 type ChildrenFn = (select: () => void) => ReactNode;
 type SelectableSectionProps = {
     selected: boolean;
-    style?: CSSProperties;
     onSelect: (selected: boolean) => void;
     children: ReactNode | ChildrenFn;
 };
 /** @internal */
-export declare const SelectableSection: ({ selected, style, children, onSelect, }: SelectableSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectableSection: ({ selected, children, onSelect, ...rest }: SelectableSectionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/common/small-loader.d.ts

@@ -0,0 +1 @@
+export declare const SmallLoader: () => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const QUERY_MEMBERS_COUNT = 50;
+export declare const LIST_SCROLL_LOAD_MORE_THRESHOLD = 0.75;

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/filter-editor-container.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const FilterEditorContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/filter-editor-numerical.d.ts

@@ -0,0 +1,8 @@
+import { Filter } from '@sisense/sdk-data';
+type FilterEditorNumericalProps = {
+    filter: Filter;
+    onChange?: (filter: Filter | null) => void;
+};
+/** @internal */
+export declare const FilterEditorNumerical: ({ filter, onChange }: FilterEditorNumericalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/filter-editor-textual.d.ts

@@ -0,0 +1,8 @@
+import { Filter } from '@sisense/sdk-data';
+type FilterEditorTextualProps = {
+    filter: Filter;
+    onChange?: (filter: Filter | null) => void;
+};
+/** @internal */
+export declare const FilterEditorTextual: ({ filter, onChange }: FilterEditorTextualProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/hooks/use-get-attribute-stats.d.ts

@@ -0,0 +1,28 @@
+import { Attribute } from '@sisense/sdk-data';
+import { HookEnableParam } from '../../../../common/hooks/types';
+interface UseGetAttributeStatsParams extends HookEnableParam {
+    attribute: Attribute;
+}
+export type NumericAttributeStats = {
+    count: number;
+    min: number;
+    max: number;
+};
+type TextAttributeStats = {
+    count: number;
+};
+type DatetimeAttributeStats = {
+    count: number;
+    min: string;
+    max: string;
+};
+type AttributeStats = NumericAttributeStats | TextAttributeStats | DatetimeAttributeStats;
+type AttributeStatsState<T = AttributeStats> = {
+    isLoading: boolean;
+    isError: boolean;
+    isSuccess: boolean;
+    error: Error | undefined;
+    data: T | undefined;
+};
+export declare const useGetAttributeStats: <T = AttributeStats>(params: UseGetAttributeStatsParams) => AttributeStatsState<T>;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/members-section.d.ts

@@ -1,10 +1,14 @@
 import { Filter } from '@sisense/sdk-data';
+import { Member } from '../../../../filters';
+import { ScrollWrapperOnScrollEvent } from '../../../../filters/components/filter-editor-popover/common/scroll-wrapper';
 type MembersSectionProps = {
     filter: Filter;
     selected: boolean;
-    members: string[];
+    members: Member[];
     multiSelectEnabled: boolean;
     onChange: (filter: Filter | null) => void;
+    onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
+    showListLoader?: boolean;
 };
 /** @internal */
 export declare const MembersSection: (props: MembersSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/numeric-condition-section/index.d.ts

@@ -0,0 +1 @@
+export { NumericConditionSection } from './numeric-condition-section.js';

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/numeric-condition-section/numeric-condition-section.d.ts

@@ -0,0 +1,15 @@
+import { Filter } from '@sisense/sdk-data';
+import { Member } from '../../../../../filters';
+import { ScrollWrapperOnScrollEvent } from '../../common/scroll-wrapper';
+type NumericConditionSectionProps = {
+    filter: Filter;
+    selected: boolean;
+    members: Member[];
+    multiSelectEnabled: boolean;
+    onChange: (filter: Filter | null) => void;
+    onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
+    showListLoader?: boolean;
+};
+/** @internal */
+export declare const NumericConditionSection: ({ filter, selected, members, multiSelectEnabled, onChange, onListScroll, showListLoader, }: NumericConditionSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/numeric-condition-section/types.d.ts

@@ -0,0 +1,16 @@
+export declare const NumericCondition: {
+    readonly EXCLUDE: "exclude";
+    readonly EQUALS: "numericequals";
+    readonly NOT_EQUALS: "numericdoesntEqual";
+    readonly LESS_THAN: "numerictoNotEqual";
+    readonly LESS_THAN_OR_EQUAL: "numericto";
+    readonly GREATER_THAN: "numericfromNotEqual";
+    readonly GREATER_THAN_OR_EQUAL: "numericfrom";
+};
+export type NumericConditionType = (typeof NumericCondition)[keyof typeof NumericCondition];
+export type NumericConditionFilterData = {
+    condition: NumericConditionType;
+    value: string;
+    selectedMembers: string[];
+    multiSelectEnabled: boolean;
+};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/numeric-condition-section/utils.d.ts

@@ -0,0 +1,7 @@
+import { TFunction } from '@sisense/sdk-common';
+import { Filter } from '@sisense/sdk-data';
+import { NumericConditionType, NumericConditionFilterData } from './types.js';
+export declare function validateInputValue(value: string, t: TFunction): string | undefined;
+export declare function getNumericFilterCondition(filter: Filter, initialCondition: NumericConditionType): NumericConditionType;
+export declare function getNumericFilterValue(filter: Filter): string;
+export declare function createConditionalFilter(baseFilter: Filter, data: NumericConditionFilterData): Filter | null;

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/numeric-range-section.d.ts

@@ -0,0 +1,11 @@
+import { Filter } from '@sisense/sdk-data';
+type NumericRangeSectionProps = {
+    filter: Filter;
+    selected: boolean;
+    defaultFrom?: number;
+    defaultTo?: number;
+    onChange: (filter: Filter | null) => void;
+};
+/** @internal */
+export declare const NumericRangeSection: (props: NumericRangeSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/text-condition-section.d.ts

@@ -1,11 +1,15 @@
 import { Filter } from '@sisense/sdk-data';
+import { Member } from '../../../../filters';
+import { ScrollWrapperOnScrollEvent } from '../common/scroll-wrapper';
 type TextConditionSectionProps = {
     filter: Filter;
     selected: boolean;
-    members: string[];
+    members: Member[];
     multiSelectEnabled: boolean;
     onChange: (filter: Filter | null) => void;
+    onListScroll?: (event: ScrollWrapperOnScrollEvent) => void;
+    showListLoader?: boolean;
 };
 /** @internal */
-export declare const TextConditionSection: ({ filter, selected, members, multiSelectEnabled, onChange, }: TextConditionSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextConditionSection: ({ filter, selected, members, multiSelectEnabled, onChange, onListScroll, showListLoader, }: TextConditionSectionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/sections/utils.d.ts

@@ -0,0 +1,4 @@
+import { Attribute, MembersFilterConfig } from '@sisense/sdk-data';
+import { CRITERIA_FILTER_MAP } from '../../criteria-filter-tile/criteria-filter-operations.js';
+export declare function getCriteriaFilterBuilder(condition: keyof typeof CRITERIA_FILTER_MAP): import("../../criteria-filter-tile/criteria-filter-operations.js").FilterInfo;
+export declare function createExcludeMembersFilter(attribute: Attribute, members: string[], config?: MembersFilterConfig): import("@sisense/sdk-data").Filter | null;

package/dist/packages/sdk-ui/src/filters/components/filter-editor-popover/utils.d.ts

@@ -3,3 +3,4 @@ export declare function isIncludeAllFilter(filter: Filter): filter is MembersFil
 export declare function isIncludeMembersFilter(filter: Filter): filter is MembersFilter;
 export declare function isExcludeMembersFilter(filter: Filter): filter is MembersFilter;
 export declare function isConditionalFilter(filter: Filter): boolean;
+export declare function isNumericBetweenFilter(filter: Filter): boolean;

package/dist/packages/sdk-ui/src/filters/components/icons/equal-icon.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const EqualIcon: (props: Pick<SVGProps<SVGElement>, 'width' | 'height' | 'color'>) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/icons/greater-than-icon.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const GreaterThanIcon: (props: Pick<SVGProps<SVGElement>, 'width' | 'height' | 'color'>) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/icons/greater-than-or-equal-icon.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const GreaterThanOrEqualIcon: (props: Pick<SVGProps<SVGElement>, 'width' | 'height' | 'color'>) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/icons/index.d.ts

@@ -8,3 +8,9 @@ export { DateIcon } from './date-icon';
 export { ArrowDownIcon } from './arrow-down-icon';
 export { CubeIcon } from './cube-icon';
 export { CheckIcon } from './check-icon';
+export { EqualIcon } from './equal-icon';
+export { NotEqualIcon } from './not-equal-icon';
+export { SmallerThanIcon } from './smaller-than-icon';
+export { SmallerThanOrEqualIcon } from './smaller-than-or-equal-icon';
+export { GreaterThanIcon } from './greater-than-icon';
+export { GreaterThanOrEqualIcon } from './greater-than-or-equal-icon';

package/dist/packages/sdk-ui/src/filters/components/icons/not-equal-icon.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const NotEqualIcon: (props: Pick<SVGProps<SVGElement>, 'width' | 'height' | 'color'>) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/icons/pencil-icon.d.ts

@@ -1,2 +1,4 @@
 import type { SVGProps } from 'react';
-export declare const PencilIcon: (props: Pick<SVGProps<SVGElement>, 'className' | 'width' | 'height' | 'onClick'>) => import("react/jsx-runtime").JSX.Element;
+export declare const PencilIcon: (props: Pick<SVGProps<SVGElement>, 'className' | 'width' | 'height' | 'onClick'> & {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/icons/smaller-than-icon.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const SmallerThanIcon: (props: Pick<SVGProps<SVGElement>, 'width' | 'height' | 'color'>) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/components/icons/smaller-than-or-equal-icon.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const SmallerThanOrEqualIcon: (props: Pick<SVGProps<SVGElement>, 'width' | 'height' | 'color'>) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/sdk-ui/src/filters/hooks/use-get-filter-members.d.ts

@@ -10,10 +10,24 @@ export interface GetFilterMembersParams {
     defaultDataSource?: DataSource;
     /** List of filters this filter is dependent on */
     parentFilters?: Filter[];
+    /**
+     * Number of requested members to return in the query result
+     *
+     * If not specified, the default value is `20000`
+     *
+     * @internal
+     */
+    count?: number;
 }
 export interface GetFilterMembersSuccess {
     /** Whether the data fetching is loading */
     isLoading: boolean;
+    /**
+     * Function to load more data rows
+     *
+     * @internal
+     * */
+    loadMore: (count: number) => void;
     /** Whether the data fetching has failed */
     isError: false;
     /** The error if any occurred */
@@ -36,6 +50,12 @@ export interface GetFilterMembersError {
     isError: true;
     /** The result data */
     data: undefined;
+    /**
+     * Function to load more data rows
+     *
+     * @internal
+     * */
+    loadMore: (count: number) => void;
 }
 /**
  * State for {@link useGetFilterMembers} hook.
@@ -47,7 +67,7 @@ export type GetFilterMembersResult = GetFilterMembersError | GetFilterMembersSuc
  * @param params - Parameters of the query
  * @internal
  */
-export declare const useGetFilterMembersInternal: ({ filter, defaultDataSource, parentFilters, }: GetFilterMembersParams) => GetFilterMembersResult;
+export declare const useGetFilterMembersInternal: ({ filter, defaultDataSource, parentFilters, count, }: GetFilterMembersParams) => GetFilterMembersResult;
 /**
  * Hook that fetches members of the provided filter
  *

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

@@ -0,0 +1,28 @@
+/**
+ * @packageDocumentation
+ * @groupDescription Charts
+ * React components and utilities for working with charts
+ * @groupDescription Data Grids
+ * React components for data grids
+ * @groupDescription Drilldown
+ * React components for creating drilldown experiences
+ * @groupDescription Filter Tiles
+ * React filter tile components
+ * @groupDescription Contexts
+ * React context components
+ * @groupDescription Queries
+ * React components and hooks for working with queries
+ * @groupDescription Dashboards
+ * React components and utilities for working with dashboards
+ * @groupDescription Fusion Assets
+ * React components, hooks, and utilities for working with Fusion dashboards, widgets, queries, and formulas
+ * @groupDescription Generative AI
+ * React components and hooks for creating experiences using generative AI
+ * @groupDescription Interfaces
+ * TypeScript interfaces for components and hooks listed above
+ * @groupDescription Type Aliases
+ * TypeScript type aliases for components and hooks listed above
+ */
+export * from './index';
+export * from './analytics-composer/index';
+export * from './ai/index';

package/dist/packages/sdk-ui/src/pivot-table/formatters/data-cell-formatters/data-cell-color-formatter.d.ts

@@ -0,0 +1,4 @@
+import type { PivotTableDataOptions } from '../../../chart-data-options/types';
+import { JaqlPanel, PivotDataNode, PivotTreeNode } from '@sisense/sdk-pivot-client';
+import { CompleteThemeSettings } from '../../../types';
+export declare function createDataCellColorFormatter(dataOptions: PivotTableDataOptions, themeSettings: CompleteThemeSettings): (cell: PivotDataNode, rowItem: PivotTreeNode, columnItem: PivotTreeNode, jaqlPanelItem: JaqlPanel | undefined) => void;

package/dist/packages/sdk-ui/src/pivot-table/hooks/use-pivot-builder.d.ts

@@ -0,0 +1,7 @@
+import { PivotBuilder, PivotClient } from '@sisense/sdk-pivot-client';
+/**
+ * Hook that creates a new pivot builder
+ */
+export declare function usePivotBuilder(options: {
+    pivotClient: PivotClient;
+}): PivotBuilder;

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

@@ -112,7 +112,10 @@ export type QuerySuccessState = {
     /** The status of the query execution */
     status: 'success';
 };
-export type QueryAction = DataLoadAction<QueryResultData>;
+export type QueryAction = DataLoadAction<QueryResultData> | {
+    type: 'success-load-more';
+    data: QueryResultData;
+};
 /**
  * Parameters for {@link useExecuteQueryByWidgetId} hook.
  */
@@ -232,6 +235,12 @@ export interface ExecuteQueryParams {
 export type ExecuteQueryResult = QueryState & {
     /** Function to refetch the query */
     refetch: () => void;
+    /**
+     * Function to load more data rows
+     *
+     * @internal
+     * */
+    loadMore: (count: number) => void;
 };
 /** Configuration for {@link useExecuteCsvQuery} hook. */
 export type ExecuteCSVQueryConfig = {

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

@@ -246,6 +246,10 @@ export declare const translation: {
             insightsNotAvailable: string;
             VectorDBEmptyResponseError: string;
             LlmBadConfigurationError: string;
+            ChartTypeUnsupportedError: string;
+            BlockedByLlmContentFiltering: string;
+            LlmContextLengthExceedsLimitError: string;
+            UserPromptExeedsLimitError: string;
             unexpectedChatResponse: string;
             unexpected: string;
             unknownResponse: string;
@@ -263,9 +267,12 @@ export declare const translation: {
         labels: {
             includeAll: string;
             allowMultiSelection: string;
+            from: string;
+            to: string;
         };
         placeholders: {
             selectFromList: string;
+            enterEntry: string;
             enterValue: string;
         };
         conditions: {
@@ -280,6 +287,14 @@ export declare const translation: {
             notEquals: string;
             isEmpty: string;
             isNotEmpty: string;
+            lessThan: string;
+            lessThanOrEqual: string;
+            greaterThan: string;
+            greaterThanOrEqual: string;
+        };
+        validationErrors: {
+            invalidNumber: string;
+            invalidNumericRange: string;
         };
     };
     pivotTable: {

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

@@ -256,6 +256,10 @@ export declare const resources: {
                 insightsNotAvailable: string;
                 VectorDBEmptyResponseError: string;
                 LlmBadConfigurationError: string;
+                ChartTypeUnsupportedError: string;
+                BlockedByLlmContentFiltering: string;
+                LlmContextLengthExceedsLimitError: string;
+                UserPromptExeedsLimitError: string;
                 unexpectedChatResponse: string;
                 unexpected: string;
                 unknownResponse: string;
@@ -273,9 +277,12 @@ export declare const resources: {
             labels: {
                 includeAll: string;
                 allowMultiSelection: string;
+                from: string;
+                to: string;
             };
             placeholders: {
                 selectFromList: string;
+                enterEntry: string;
                 enterValue: string;
             };
             conditions: {
@@ -290,6 +297,14 @@ export declare const resources: {
                 notEquals: string;
                 isEmpty: string;
                 isNotEmpty: string;
+                lessThan: string;
+                lessThanOrEqual: string;
+                greaterThan: string;
+                greaterThanOrEqual: string;
+            };
+            validationErrors: {
+                invalidNumber: string;
+                invalidNumericRange: string;
             };
         };
         pivotTable: {
@@ -545,6 +560,10 @@ export declare const resources: {
                 insightsNotAvailable: string;
                 VectorDBEmptyResponseError: string;
                 LlmBadConfigurationError: string;
+                ChartTypeUnsupportedError: string;
+                BlockedByLlmContentFiltering: string;
+                LlmContextLengthExceedsLimitError: string;
+                UserPromptExeedsLimitError: string;
                 unexpectedChatResponse: string;
                 unexpected: string;
                 unknownResponse: string;
@@ -562,9 +581,12 @@ export declare const resources: {
             labels: {
                 includeAll: string;
                 allowMultiSelection: string;
+                from: string;
+                to: string;
             };
             placeholders: {
                 selectFromList: string;
+                enterEntry: string;
                 enterValue: string;
             };
             conditions: {
@@ -579,6 +601,14 @@ export declare const resources: {
                 notEquals: string;
                 isEmpty: string;
                 isNotEmpty: string;
+                lessThan: string;
+                lessThanOrEqual: string;
+                greaterThan: string;
+                greaterThanOrEqual: string;
+            };
+            validationErrors: {
+                invalidNumber: string;
+                invalidNumericRange: string;
             };
         };
         pivotTable: {

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

@@ -1043,6 +1043,16 @@ export interface WidgetContainerStyleOptions {
         renderToolbar?: RenderToolbarHandler;
     };
 }
+/**
+ * Configuration options that define functional style of the various elements of the Nlq Chart Widget
+ *
+ * @internal
+ * */
+export type NlqChartWidgetStyleOptions = {
+    header?: {
+        hidden?: boolean;
+    };
+};
 /** @internal */
 export type RenderToolbarHandler = (onRefresh: () => void, defaultToolbar: JSX.Element) => JSX.Element | null;
 /** Style settings defining the look and feel of the widget created in Fusion */

package/dist/packages/sdk-ui/src/utils/is-numeric-string.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Checks if a given string is a valid numeric representation,
+ * including integers, decimals, and numbers in scientific notation.
+ *
+ * Supported formats:
+ * - Integers: "123", "-456"
+ * - Decimals: "3.14", "-0.001", ".5", "10."
+ * - Scientific notation: "1e3", "-2.5E-2", "3.14e+10"
+ */
+export declare function isNumericString(str: string): boolean;

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

@@ -214,6 +214,7 @@ export type PanelItem = {
     instanceid?: string;
     format?: {
         color?: PanelColorFormat;
+        colorSecond?: PanelColorFormat;
         mask?: DatetimeMask | NumericMask;
         members?: PanelMembersFormat;
         subtotal?: boolean;