@vizzly/dashboard 0.11.0 → 0.12.0-dev-e9cb501d005236550d32fd4ffe3eaeb1307996b1

package/dist/shared-logic/src/FeatureToggle/types.d.ts

@@ -28,6 +28,7 @@ export declare type FeatureToggles = {
     canSeeEmptyState: boolean;
     canDownloadPDF: boolean;
     canDownloadViewData: boolean;
+    canDownloadViewAsPNG: boolean;
     canDownloadDataSet: boolean;
     forceMobile: boolean;
 };

package/dist/shared-logic/src/GlobalLibrary/GlobalLibrary.d.ts

@@ -0,0 +1 @@
+export * from './fromRaw';

package/dist/shared-logic/src/GlobalLibrary/fromRaw.d.ts

@@ -0,0 +1,10 @@
+import { GlobalLibrary, GlobalLibraryLibrary } from './types';
+export declare type RawGlobalLibrary = {
+    id: string;
+    name: string;
+    library: GlobalLibraryLibrary;
+    created_at: string;
+    updated_at: string;
+    parent_global_library_id: string;
+};
+export declare const fromRaw: (rawGlobalLibrary: RawGlobalLibrary) => GlobalLibrary;

package/dist/shared-logic/src/GlobalLibrary/index.d.ts

@@ -0,0 +1,2 @@
+export * from './GlobalLibrary';
+export * from './types';

package/dist/shared-logic/src/GlobalLibrary/types.d.ts

@@ -0,0 +1,16 @@
+import { Component } from '../Component/types';
+import { CustomField } from '../CustomField/types';
+export declare type GlobalLibraryLibrary = {
+    views?: Component[];
+    customFields?: {
+        [dataSetId: string]: Array<CustomField>;
+    };
+};
+export declare type GlobalLibrary = {
+    id: string;
+    name: string;
+    library: GlobalLibraryLibrary;
+    createdAt: Date;
+    updatedAt: Date;
+    parentGlobalLibraryId: string;
+};

package/dist/shared-logic/src/PDFGenerator/generatePNG.d.ts

@@ -0,0 +1,3 @@
+import { TargetElementFinder, Options } from './types';
+export declare const generatePNG: (targetRefOrFunction: TargetElementFinder, customOptions?: Options | undefined) => Promise<void>;
+export default generatePNG;

package/dist/shared-logic/src/PDFGenerator/pageBreaks.d.ts

@@ -0,0 +1,5 @@
+import { DisplayRow } from '../Display/types';
+export declare const getPDFGeneratorHeader: () => number;
+export declare const insertPageBreaks: (display: DisplayRow[], headerHeight: number) => {
+    [rowIndex: number]: number;
+};

package/dist/shared-logic/src/QueryEngineConfig/loadQueryEngineConfig.d.ts

@@ -1,3 +1,3 @@
 import { QueryEngineConfig, QueryEngineEndpoint } from '../QueryEngineConfig/types';
-import { loadQueryEngineConfigCallback } from '../Callbacks/types';
-export declare const loadQueryEngineConfig: (loadQueryEngineConfig: loadQueryEngineConfigCallback | QueryEngineEndpoint) => Promise<QueryEngineConfig>;
+import { loadQueryEngineConfigCallback, loadDataSetsCallback } from '../Callbacks/types';
+export declare const loadQueryEngineConfig: (loadQueryEngineConfig: loadQueryEngineConfigCallback | QueryEngineEndpoint, userProvidedLoadDataSetsCallback: loadDataSetsCallback | undefined) => Promise<QueryEngineConfig>;

package/dist/shared-logic/src/Theme/types.d.ts

@@ -10,6 +10,7 @@ export declare type Theme = {
     fontFamily?: string;
     fontSize?: number | string;
     rowLimit?: number;
+    cellLimit?: number;
     version?: ThemeVersion;
 };
 export declare namespace VizzlyTheming {

package/dist/shared-logic/src/Translations/translation.types.d.ts

@@ -192,6 +192,13 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     multi_select: string;
+    /**
+     * @default 'Number comparison'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    numeric_filter: string;
     /**
      * @default 'Date picker'
      *
@@ -330,6 +337,13 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     close: string;
+    /**
+     * @default 'Clear Filter'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    clear_filter: string;
     /**
      * @default 'Click Settings'
      *
@@ -431,6 +445,13 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     are_you_sure: string;
+    /**
+     * @default 'You are adding a View to the Template Library.'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    add_view_to_the_library: string;
     /**
      * @default 'Delete'
      *
@@ -470,7 +491,21 @@ export declare type VizzlyTranslations = {
      */
     view_data_set_description: string;
     /**
-     * @default 'Data download'
+     * @default 'View as PNG'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    view_as_png: string;
+    /**
+     * @default 'Download the view as an image.'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    view_as_png_description: string;
+    /**
+     * @default 'View download'
      *
      * @returns
      * String containing the translation.
@@ -811,6 +846,13 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     manage_reports: string;
+    /**
+     * @default 'Add to Library'
+     *
+     * @returns
+     * String containing the translation.
+     */
+    add_to_library: string;
     /**
      * @default 'JSON Results'
      *
@@ -1455,13 +1497,6 @@ export declare type VizzlyTranslations = {
      * String containing the translation.
      */
     ask_ai: string;
-    /**
-     * @default 'Add to Library'
-     *
-     * @returns
-     * String containing the translation.
-     */
-    add_to_library: string;
     /**
      * @default 'There are no Views in your template library'
      *

package/dist/shared-logic/src/ViewConfiguration/types.d.ts

@@ -0,0 +1,4 @@
+import { QueryEngineConfig } from '../QueryEngineConfig/types';
+export declare type ViewConfiguration = {
+    queryEngineConfig: QueryEngineConfig;
+};

package/dist/shared-logic/src/api/index.d.ts

@@ -1,66 +1,46 @@
 import { ApiConfig } from '../ApiConfig';
+/** @deprecated Use vizzly/api-client package instead */
 export declare const api: (config: ApiConfig) => {
+    /** @deprecated Use vizzly/api-client package instead */
     config: ApiConfig;
+    /** @deprecated Use vizzly/api-client package instead */
     getParentDashboards: () => Promise<{
         id: string;
         created_at: string;
         updated_at: string;
         webhook_id: string | null;
     }[] | undefined>;
+    /** @deprecated Use vizzly/api-client package instead */
     saveScheduledReport: (params: {
         dashboardAccessToken: string;
         scheduledReportId: string;
         cronSchedule: string | null;
     }) => Promise<boolean>;
-    createDashboardAccess: (dashboardAccessToken: string, dashboardAdminOverrideToken: string | undefined, abortSignal: AbortSignal) => Promise<{
-        permissions: import("../DashboardPermission/types").DashboardPermission[];
-    }>;
-    multiGetDashboards: (dashboardAccessTokens: string[], abortSignal: AbortSignal) => Promise<import("./vizzly/multiGetDashboards").Response>;
-    multiGetEncryptedDashboards: (dashboardAccessTokens: string[]) => Promise<import("./vizzly/multiGetEncryptedDashboards").Response>;
-    createDashboard: (params: import("./vizzly/createDashboard").CreateDashboardParams) => Promise<{
-        dashboard: import("../Dashboard").RawDashboard<import("../typeHelpers").PartialBy<import("../Dashboard").SaveableDashboardDefinition, "isPlayground" | "customFields">>;
-        permissions: import("../DashboardPermission/types").RawDashboardPermission[];
-    }>;
-    updateDashboard: (params: import("./vizzly/updateDashboard").UpdateDashboardParams) => Promise<import("./vizzly/updateDashboard").EncryptedDashboardUpdateResponse | import("./vizzly/updateDashboard").UnEncryptedDashboardUpdateResponse>;
+    /** @deprecated Use vizzly/api-client package instead */
     askAi: (conversationId: string | undefined, currentAttributes: import("../Component/types").Component.Attributes, question: string, dashboardAccessToken: string, dataSets: import("../DataSet/types").DataSet[], queryEngineConfig: import("../QueryEngineConfig/types").QueryEngineConfig, abortSignal: AbortSignal) => Promise<import("./vizzly/aiHelpers/types").AiConversation>;
+    /** @deprecated Use vizzly/api-client package instead */
     aiActions: (conversationId: string, messageId: string, dashboardAccessToken: string, options: import("./vizzly/aiActions").AIOptions) => Promise<import("./vizzly/aiActions").AIActionReponse>;
+    /** @deprecated Use vizzly/api-client package instead */
     askAiForQuestionSuggestions: (dashboardAccessToken: string, dataSets: import("../DataSet/types").DataSet[]) => Promise<import("./vizzly/aiHelpers/types").AskAiQuestionSuggestions>;
+    /** @deprecated Use vizzly/api-client package instead */
     createVizzlyConfigVersion: (projectId: string, encryptedVizzlyConfig: string) => Promise<boolean>;
-    getVizzlyConfig: (projectId: string) => Promise<{
-        encryptedConfig: string | null;
-    } | undefined>;
-    saveConnection: (projectId: string, encryptedConnection: string, encryptedConfig: string) => Promise<boolean>;
-    getConnection: (projectId: string) => Promise<{
-        status: number;
-        encryptedCredentials: string;
-    } | {
-        status: number;
-    }>;
+    /** @deprecated Use vizzly/api-client package instead */
     createProjectApiKey: (projectId: string) => Promise<string>;
+    /** @deprecated Use vizzly/api-client package instead */
     updateProjectApiKey: (projectId: string, projectApiKeyId: string, updateParams: {
         disabled: boolean;
     }) => Promise<string>;
+    /** @deprecated Use vizzly/api-client package instead */
     getProjectAccessToken: (projectId: string, appSessionAuthToken?: string | undefined, resourceFilters?: string[] | undefined) => Promise<string | undefined>;
-    getProject: (projectId: string) => Promise<import("../Project/types").Project | null>;
-    createQueryEngineUser: (projectId: string, email: string, password: string) => Promise<boolean>;
-    updateQueryEngineUser: (projectId: string, updateQueryEngineUser: string, password: string) => Promise<boolean>;
-    getQueryEngineUser: (projectId: string, email: string) => Promise<{
-        id: string;
-        password: string | null;
-        user: {
-            id: string;
-            email: string;
-            first_name: string;
-            last_name: string;
-        };
-    } | undefined>;
-    getProjectTeamMembers: (projectId: string) => Promise<import("./vizzly/getTeamMembers").TeamMember[] | undefined>;
+    /** @deprecated Use vizzly/api-client package instead */
     createSelfHostedQueryEngineProject: (appSessionToken?: string | undefined) => Promise<import("../Project/types").Project | undefined>;
+    /** @deprecated Use vizzly/api-client package instead */
     createSelfHostedDynamicQueryEngineProject: (appSessionToken?: string | undefined) => Promise<import("../Project/types").Project | undefined>;
+    /** @deprecated Use vizzly/api-client package instead */
     createSelfHostedInBrowserQueryEngineProject: (appSessionToken?: string | undefined) => Promise<import("../Project/types").Project | undefined>;
+    /** @deprecated Use vizzly/api-client package instead */
     getManagedQueryEngineKeyPair: (managedProjectId: string, keyPairId: string, appSessionToken?: string | undefined) => Promise<{
         publicKey: string;
         privateKey: string | null;
     } | undefined>;
-    saveEncryptedProjectEncryptionSecret: (projectId: string, encryptedProjectEncryptionSecret: string, allowRotation?: boolean) => Promise<boolean>;
 };

package/dist/shared-logic/src/api/queryEngine/getTeamMembers.d.ts

@@ -1,3 +1,3 @@
 import { QueryEngineEndpoint } from '../../QueryEngineConfig/types';
-import { TeamMember } from '../vizzly/getTeamMembers';
-export declare const getTeamMembers: (queryEngineEndpoint: QueryEngineEndpoint, abortSignal?: AbortSignal | undefined) => Promise<Array<TeamMember> | undefined>;
+import { TeamMemberFromAPI } from '@vizzly/api-client';
+export declare const getTeamMembers: (queryEngineEndpoint: QueryEngineEndpoint, abortSignal?: AbortSignal | undefined) => Promise<Array<TeamMemberFromAPI> | undefined>;

package/dist/shared-logic/src/errors/LoadingAborted.d.ts

@@ -0,0 +1,4 @@
+declare class LoadingAborted extends Error {
+    constructor(message: string);
+}
+export default LoadingAborted;

package/dist/shared-logic/src/errors/index.d.ts

@@ -2,4 +2,5 @@ import AIUsageLimitReached from './AIUsageLimitReached';
 import AIFailedToFetch from '../errors/AIFailedToFetch';
 import AIContainsErrors from '../errors/AIContainsErrors';
 import AIAborted from '../errors/AIAborted';
-export { AIUsageLimitReached, AIFailedToFetch, AIContainsErrors, AIAborted };
+import LoadingAborted from '../errors/LoadingAborted';
+export { AIUsageLimitReached, AIFailedToFetch, AIContainsErrors, AIAborted, LoadingAborted };

package/dist/shared-logic/src/getVizzly.d.ts

@@ -0,0 +1,5 @@
+import { Vizzly } from '@vizzly/api-client';
+import { ApiConfig } from './ApiConfig';
+import { DashboardStorageStrategy } from './DashboardAPI/types';
+import { IdentityConfig } from './IdentityConfig/types';
+export declare const getVizzlyAPIClient: (identityConfig: IdentityConfig | undefined, dashboardStorageStrategy: DashboardStorageStrategy, apiConfig: ApiConfig) => Vizzly;

package/dist/shared-ui/src/api/useQueryEffect/download.d.ts

@@ -4,7 +4,7 @@ import { FilterConfig } from '../../../../shared-logic/src/AdditionalFilter/type
 import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
 import { DataSet as DataSetType } from '../../../../shared-logic/src/DataSet/types';
 import { TableRepresentation } from '../../../../shared-logic/src/DataTable/types';
-export declare type DownloadType = 'data-set-download-type' | 'view-download-type';
+export declare type DownloadType = 'data-set-download-type' | 'view-download-type' | 'view-as-png';
 declare type OnCSVGenerated = (csvContent: string) => void;
 export declare const _toCSV: (tableRepresentation: TableRepresentation | null | undefined, onCSVGenerated: OnCSVGenerated) => void;
 export declare const download: (downloadType: DownloadType, dataSet: DataSetType, runQueriesCallback: VizzlyComponents.runQueriesCallbackInternal, maxCSVDownloadLimit: number, attributes: Component.Attributes, dateTimeFormatOptions: DashboardBehaviour['dateTimeFormatOptions'], numberFormatOptions: DashboardBehaviour['numberFormatOptions'], queryEngineConfig: DashboardBehaviour['queryEngineConfig'], populatedFilterConfig: FilterConfig, onCSVGenerated: ((csvContent: string) => void) | undefined, labelFormat: DashboardBehaviour['labelFormat']) => Promise<void>;

package/dist/shared-ui/src/base/explorer/Code.d.ts

@@ -0,0 +1,49 @@
+import { FunctionComponent, ReactNode } from 'react';
+export declare const CodeBase: FunctionComponent<{
+    children: ReactNode;
+}>;
+export declare const Code: FunctionComponent<{
+    children: ReactNode;
+}> & {
+    Row: FunctionComponent<{
+        indent: number;
+        children: ReactNode;
+    }>;
+    Text: FunctionComponent<{}>;
+    Input: FunctionComponent<{
+        label: string;
+        name: string;
+        value?: string | undefined;
+        onChange: (value: string) => boolean;
+        size: 'sm' | 'md';
+    }>;
+    Select: FunctionComponent<{
+        label: string;
+        name: string;
+        value?: string | undefined;
+        options: {
+            label: string;
+            value: string;
+        }[];
+        className?: string | undefined;
+        onChange: (value: string) => void;
+        size: 'sm' | 'md';
+    }>;
+};
+export declare const codeStyles: (() => null) & {
+    font: {
+        (variantOptions: Object): string;
+        toString: any;
+    };
+    inputWrapper: {
+        (variantOptions: Object): string;
+        toString: any;
+    };
+    input: {
+        (variantOptions: Object): string;
+        toString: any;
+    };
+};
+export declare const CodeSnippet: FunctionComponent<{
+    children: ReactNode;
+}>;

package/dist/shared-ui/src/base/explorer/ExplorerPanel.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { DataSet } from '@vizzly/dashboard/src';
+import { FeatureToggles } from '../../../../shared-logic/src/FeatureToggle/types';
+import { VizzlyTheming } from '../../../../shared-ui/src';
+import { ExplorerState } from './useExplorer';
+export declare type ExplorerProps = {
+    explorerState?: ExplorerState;
+    setDashboardFilters: (payload: ExplorerState) => void;
+    setFeatureToggles: (payload: Partial<FeatureToggles>) => void;
+    setDeveloperTools: (payload: Partial<ExplorerState['developerTools']>) => void;
+    setTheme: (payload: Partial<VizzlyTheming.Base>) => void;
+    dataSets?: DataSet[];
+    initialFeatureToggles: Partial<FeatureToggles>;
+};
+export declare const Explorer: React.FunctionComponent<ExplorerProps>;
+export declare const innerPanel: {
+    (variantOptions: Object): string;
+    toString: any;
+};

package/dist/shared-ui/src/base/explorer/ListOfFeatures.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+export declare type SectionType = {
+    name: string;
+    icon: React.ReactNode;
+    hideName?: boolean;
+    url?: string;
+    docUrl?: string;
+};
+export declare const Feature: React.FunctionComponent<{
+    children: ReactNode;
+    sections: SectionType[];
+    selectedFeature?: SectionType | undefined;
+    onChange: (section: SectionType) => void;
+}> & {
+    Section: React.FunctionComponent<{
+        children: ReactNode;
+        title: string;
+        tooltip?: string | undefined;
+        tooltipUrl?: string | undefined;
+    }>;
+    Content: React.FunctionComponent<{
+        children: ReactNode;
+        className?: string | undefined;
+    }>;
+};

package/dist/shared-ui/src/base/explorer/MoreIcon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const MoreIcon: () => JSX.Element;

package/dist/shared-ui/src/base/explorer/ProgrammaticSection/DashboardFiltersSection.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { ProgrammaticSectionProps } from './ProgrammaticSection';
+export declare const DashboardFiltersSection: FunctionComponent<ProgrammaticSectionProps>;

package/dist/shared-ui/src/base/explorer/ProgrammaticSection/OtherSection.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { ProgrammaticSectionProps } from './ProgrammaticSection';
+export declare const OtherSection: FunctionComponent<ProgrammaticSectionProps>;

package/dist/shared-ui/src/base/explorer/ProgrammaticSection/ProgrammaticSection.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { DataSet } from '@vizzly/dashboard/src';
+import { ExplorerState } from '../useExplorer';
+export declare type ProgrammaticSectionProps = {
+    explorerState: ExplorerState;
+    setDashboardFilters: (payload: ExplorerState) => void;
+    dataSets?: DataSet[];
+    setNoticeContent: (value: ReactNode | undefined) => void;
+};
+export declare const ProgrammaticSection: FunctionComponent<ProgrammaticSectionProps>;

package/dist/shared-ui/src/base/explorer/StudioWithExplorer.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { ExplorerProps } from './ExplorerPanel';
+export declare const PANEL_WIDTH = 352;
+export declare const StudioWithExplorer: FunctionComponent<{
+    children: ReactNode;
+    mobile: boolean;
+} & ExplorerProps>;
+export declare const sidePanel: {
+    (variantOptions: Object): string;
+    toString: any;
+};

package/dist/shared-ui/src/base/explorer/ThemeSection/ButtonsExplorer.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { ThemeStateProps } from './ThemeSection';
+export declare const ButtonsSection: FunctionComponent<ThemeStateProps>;

package/dist/shared-ui/src/base/explorer/ThemeSection/ChartsExplorer.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { ThemeStateProps } from './ThemeSection';
+export declare const ChartsSection: FunctionComponent<ThemeStateProps>;

package/dist/shared-ui/src/base/explorer/ThemeSection/DashboardExplorer.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { ThemeStateProps } from './ThemeSection';
+export declare const DashboardSection: FunctionComponent<ThemeStateProps>;

package/dist/shared-ui/src/base/explorer/ThemeSection/PanelsSection.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { ThemeStateProps } from './ThemeSection';
+export declare const PanelsSection: FunctionComponent<ThemeStateProps>;

package/dist/shared-ui/src/base/explorer/ThemeSection/ThemeSection.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { FunctionComponent } from 'react';
+import { VizzlyTheming } from '../../../../../shared-ui/src';
+import { ExplorerState } from '../useExplorer';
+export declare type ThemeStateProps = {
+    explorerState: ExplorerState;
+    setTheme: (value: Partial<VizzlyTheming.Base>) => void;
+    setNoticeContent: (value: ReactNode | undefined) => void;
+};
+export declare const ThemeSection: FunctionComponent<ThemeStateProps>;

package/dist/shared-ui/src/base/explorer/ThemeSection/utils.funcs.d.ts

@@ -0,0 +1,6 @@
+export declare function isValidFontSize(fontSize: string): boolean;
+export declare function isValidFontWeight(fontWeight: string): boolean;
+export declare function isValidCssColor(color: string): boolean;
+export declare function isValidBorder(border: string): boolean;
+export declare function isValidPadding(padding: string): boolean;
+export declare function appendPxIfNumber(value: string | number | undefined): string | undefined;

package/dist/shared-ui/src/base/explorer/Toggles/DeveloperToolsSection.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { ToggleProps } from './TogglesSection';
+export declare const DeveloperToolsSection: FunctionComponent<ToggleProps>;

package/dist/shared-ui/src/base/explorer/Toggles/FeatureTogglesSection.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { ToggleProps } from './TogglesSection';
+export declare const FeatureTogglesSection: FunctionComponent<ToggleProps>;

package/dist/shared-ui/src/base/explorer/Toggles/TogglesSection.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { FeatureToggles } from '../../../../../shared-logic/src/FeatureToggle/types';
+import { ExplorerState } from '../useExplorer';
+import { DeveloperTools } from '../../../contexts/DashboardBehaviour/types';
+export declare type ToggleProps = {
+    explorerState: ExplorerState;
+    setFeatureToggles: (payload: Partial<FeatureToggles>) => void;
+    setDeveloperTools: (payload: Partial<DeveloperTools>) => void;
+    initialFeatureToggles: Partial<FeatureToggles>;
+    initialDeveloperTools: Partial<DeveloperTools>;
+    setNoticeContent: (value: ReactNode | undefined) => void;
+};
+export declare const TogglesSection: FunctionComponent<ToggleProps>;

package/dist/shared-ui/src/base/explorer/functions/index.d.ts

@@ -0,0 +1,7 @@
+import { AdditionalFilter } from '../../../../../shared-logic/src/AdditionalFilter/types';
+import { DataSet } from '../../../../../shared-logic/src/DataSet/types';
+export declare type ExplorerDashboard = {
+    dataSets: DataSet[];
+};
+export declare function areFiltersAvailable(explorerDashboard?: ExplorerDashboard): boolean | undefined;
+export declare function defaultStringFilter(dataSet?: DataSet, dashboardFilter?: AdditionalFilter): AdditionalFilter;

package/dist/shared-ui/src/base/explorer/functions/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/shared-ui/src/components/Editor/EditorApp.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+declare const EditorApp: FunctionComponent;
+export default EditorApp;

package/dist/shared-ui/src/components/Modals/ConfirmAddToLibraryModal.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+export declare const ConfirmAddToLibraryModal: FunctionComponent<{
+    show: boolean;
+    onClose: (confirmed: boolean) => void;
+}>;

package/dist/shared-ui/src/components/Modals/deleteModal.funcs.d.ts

@@ -1,2 +1,2 @@
 import { FeatureToggles } from '../../../../shared-logic/src/FeatureToggle/types';
-export declare const initialDownloadType: (featureToggles: FeatureToggles) => "data-set-download-type" | "view-download-type" | undefined;
+export declare const initialDownloadType: (featureToggles: FeatureToggles) => "data-set-download-type" | "view-download-type" | "view-as-png" | undefined;

package/dist/shared-ui/src/components/Studio/StudioApp/ComponentOptions.d.ts

@@ -19,6 +19,7 @@ export declare const PopulatedComponentOptions: (props: {
     onAddFilter: () => void;
     onClickSettings: () => void;
     onSetParameters: () => void;
+    onAddToLibrary: () => void;
     canDownloadComponentData: boolean;
     canEditComponentsOnDashboard: boolean;
     canRemoveComponentsFromDashboard: boolean;
@@ -33,3 +34,4 @@ export declare const UnPopulatedComponentOptions: (props: {
 }) => JSX.Element | null;
 export declare const DeleteIcon: () => JSX.Element;
 export declare const EditIcon: () => JSX.Element;
+export declare const AddIcon: () => JSX.Element;

package/dist/shared-ui/src/components/Studio/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const ACTION_ROW_WIDTH_PX = 32;
-export declare const MAXIMUM_CELLS = 6;
+export declare const MAXIMUM_CELLS = 4;
 export declare const TOTAL_SPAN = 12;
 export declare const DASHBOARD_GAP = 8;
 export declare const getScrollbarWidth: () => number;

package/dist/shared-ui/src/contexts/DashboardBehaviour/types.d.ts

@@ -7,11 +7,12 @@ import { DataPanelConfig, DataPanelSection } from '../../../../shared-logic/src/
 import { FormatPanelConfig, FormatPanelSection } from '../../../../shared-logic/src/FormatPanelConfig/types';
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';
 import { Component } from '../../../../shared-logic/src/Component/types';
-import { Dashboard, SaveableDashboardDefinition } from '../../../../shared-logic/src/Dashboard/types';
+import { Dashboard } from '../../../../shared-logic/src/Dashboard/types';
 import { AdditionalFilter } from '../../../../shared-logic/src/AdditionalFilter/types';
 import { DateTimeFilterOptions } from '../../../../shared-logic/src/DateTime/types';
 import { VizzlyTranslations } from '../../../../shared-logic/src/Translations/translation.types';
 import { PDFSettings } from '../../../../shared-logic/src/PDFGenerator/types';
+import { programmaticDashboardCallback } from '../../../../shared-logic/src/Callbacks/types';
 declare type OverrideDeveloperInfo = {
     overrideKey: string;
     componentProps: any;
@@ -87,11 +88,11 @@ export declare type DashboardBehaviour = {
         type: ComponentType;
     }) => Array<FormatPanelSection | ((sectionProps: VizzlyComponents.EditorSectionProps<Component.Attributes>) => JSX.Element)>;
     onError?: VizzlyComponents.OnError;
-    parentDashboard?: (dataSets: DataSet[]) => Promise<Array<Partial<SaveableDashboardDefinition>>>;
+    parentDashboard?: programmaticDashboardCallback;
     onReset: () => Promise<Dashboard | null>;
     onScheduledReportChange: (reportId: string, newCron: string | null) => Promise<'saved' | 'deleted' | null>;
     onEditorUpdate: (newAttributes: Component.Attributes, dataSet: DataSet, reason: 'initial' | 'edit') => Partial<Component.Attributes>;
-    onSave: (dashboard: Dashboard) => void;
+    onSave: (dashboard: Dashboard, abortSignal?: AbortSignal) => void;
     onOpenConfigManagerUi: undefined | (() => void);
     dashboardFilters: (dataSets: Array<DataSet>, userDefinedDashboardFilters: DashboardFilters) => DashboardFilters;
     onDashboardFilterChange: (additionalFilters: AdditionalFilter[]) => void;

package/dist/shared-ui/src/contexts/DashboardContext/types.d.ts

@@ -158,6 +158,11 @@ export declare type SetAttributesAction = {
     rowIndex: number;
     cellIndex: number;
 };
+export declare type AddComponentToLibrary = {
+    type: 'addComponentToLibrary';
+    component: Component;
+    protectedComponent: boolean;
+};
 export declare type SetHeaderComponentAction = {
     type: 'setHeaderComponent';
     component: HeaderComponent;
@@ -201,7 +206,16 @@ export declare type PickComponentFromLibraryForDisplayAction = {
 export declare type InitAction = {
     type: 'init';
 };
-export declare type StudioAction = InitAction | SetDashboardAction | SaveComponentAction | ClearModalAction | InsertRowAction | AppendCellAction | AddHeaderRowAction | SetHeaderComponentAction | RemoveCellAction | ClearCellAction | RemoveRowAction | AddDataSetAction | RemoveDataSetAction | SetDataSetsAction | SetLocalFiltersAction | SetAttributesAction | UpdateEditorComponentAction | SetResultsForComponentInDisplayAction | SetResultsForComponentInEditorAction | SetResultsForComponentInLibraryAction | StartEditingComponentAction | StartPickingComponentFromLibraryForDisplayAction | PickComponentFromLibraryForDisplayAction | SetThemeAction | SetGlobalFiltersAction | ChangePreviewModeAction | UpdateDisplayComponentAttributesAction | UpdateComponentLibraryAttributesAction | RemoveComponentFromLibraryAction | AddCustomComponentAction | SetColSpansAction | SetRowHeightAction | SetComponentReportsAction | SwapComponentsAction | SetParameterBasedUpdateAction;
+export declare type StartEditorAction = {
+    type: 'startEditor';
+    libraryIndex: number | null;
+    component: Component | null;
+};
+export declare type SaveViewToGlobalLibrary = {
+    type: 'saveViewToGlobalLibrary';
+    globalLibraryId?: string;
+};
+export declare type StudioAction = InitAction | SetDashboardAction | SaveComponentAction | ClearModalAction | InsertRowAction | AppendCellAction | AddHeaderRowAction | SetHeaderComponentAction | RemoveCellAction | ClearCellAction | RemoveRowAction | AddDataSetAction | RemoveDataSetAction | SetDataSetsAction | SetLocalFiltersAction | SetAttributesAction | UpdateEditorComponentAction | SetResultsForComponentInDisplayAction | SetResultsForComponentInEditorAction | SetResultsForComponentInLibraryAction | StartEditingComponentAction | StartPickingComponentFromLibraryForDisplayAction | PickComponentFromLibraryForDisplayAction | SetThemeAction | SetGlobalFiltersAction | ChangePreviewModeAction | UpdateDisplayComponentAttributesAction | UpdateComponentLibraryAttributesAction | RemoveComponentFromLibraryAction | AddCustomComponentAction | SetColSpansAction | SetRowHeightAction | SetComponentReportsAction | SwapComponentsAction | SetParameterBasedUpdateAction | AddComponentToLibrary | StartEditorAction;
 export declare type PipelineTransformationOptions = {
     dashboardFilters: DashboardBehaviour['dashboardFilters'];
     onDashboardFilterChange: DashboardBehaviour['onDashboardFilterChange'];