@vizzly/dashboard 0.14.0 → 0.14.1-dev-e0ca0009df3e30e44abcabf4d846020c4205cc61

package/dist/shared-ui/src/components/LineChart/LineChartView.d.ts

@@ -15,6 +15,9 @@ declare const memoized: React.NamedExoticComponent<{
     supportedAggregates: import("@vizzly/semantic-layer-public").SupportedAggregates;
     supportedTimeTruncFunctions: import("@vizzly/semantic-layer-public").SupportedTimeTruncFunctions;
     supportedTransformationFunctions: import("@vizzly/semantic-layer-public").SupportedTransformationFunctions;
+    defaultFormats: () => {
+        [functionId: string]: string;
+    };
     localFilters: import("../../../../shared-logic/src/AdditionalFilter/types").AdditionalFilter[];
     setLocalFilters: (localFilters: import("../../../../shared-logic/src/AdditionalFilter/types").AdditionalFilter[]) => void;
     setParameterUpdate: (payload: import("../../../../shared-logic/src/Parameters").UpdatedMetrics) => void;

package/dist/shared-ui/src/components/MercatorMap/View.d.ts

@@ -12,6 +12,9 @@ declare const _default: (props: {
     supportedAggregates: import("@vizzly/semantic-layer-public").SupportedAggregates;
     supportedTimeTruncFunctions: import("@vizzly/semantic-layer-public").SupportedTimeTruncFunctions;
     supportedTransformationFunctions: import("@vizzly/semantic-layer-public").SupportedTransformationFunctions;
+    defaultFormats: () => {
+        [functionId: string]: string;
+    };
     localFilters: import("../../../../shared-logic/src/AdditionalFilter/types").AdditionalFilter[];
     setLocalFilters: (localFilters: import("../../../../shared-logic/src/AdditionalFilter/types").AdditionalFilter[]) => void;
     setParameterUpdate: (payload: import("../../../../shared-logic/src/Parameters").UpdatedMetrics) => void;

package/dist/shared-ui/src/components/PieChart/PieChartView.d.ts

@@ -3,6 +3,7 @@ import { VizzlyComponents } from '../../types';
 import { Component } from '../../../../shared-logic/src/Component/types';
 import { DashboardBehaviour } from '../../contexts/DashboardBehaviour/types';
 import * as Drilldown from '../../../../shared-logic/src/Drilldown/Drilldown';
+import * as OnViewClick from '../../../../shared-logic/src/Callbacks/cell.funcs';
 export declare type PieChartViewProps = VizzlyComponents.ViewProps<Component.PieChartAttributes> & {
     library?: boolean;
     numberFormatOptions: DashboardBehaviour['numberFormatOptions'];
@@ -10,6 +11,7 @@ export declare type PieChartViewProps = VizzlyComponents.ViewProps<Component.Pie
     drilldownSelections: Drilldown.SelectedDrilldown[];
     onResetDrilldown: () => void;
     editor?: boolean;
+    runViewClickQuery: OnViewClick.runViewClickQueryType;
 };
 export declare const defaultProps: Omit<Component.PieChartAttributes, 'dataSetId'>;
 declare const memoized: React.MemoExoticComponent<{

package/dist/shared-ui/src/components/SingleStat/SingleStatView.d.ts

@@ -10,10 +10,11 @@ export declare type SingleStatViewProps = Omit<VizzlyComponents.ViewProps<Compon
     leftAlign?: boolean;
     viewFor: ViewForKey;
     displayCurrent?: boolean;
+    direction?: Component.SingleStatDirectionOptions;
 };
 export declare const defaultProps: Omit<Component.SingleStatAttributes, 'dataSetId'>;
 declare const SingleStatView: {
     (props: SingleStatViewProps): JSX.Element;
-    defaultProps: Pick<Component.SingleStatAttributes, "filter" | "fontSize" | "offset" | "measure" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "conditionalFormattingRules" | "parameters" | "prefixes" | "postfixes" | "formatter" | "deltaTimeDimension">;
+    defaultProps: Pick<Component.SingleStatAttributes, "direction" | "filter" | "fontSize" | "offset" | "measure" | "limit" | "type" | "viewId" | "displayTitle" | "displaySubject" | "protectedByOrganisation" | "tags" | "conditionalFormattingRules" | "parameters" | "prefixes" | "postfixes" | "formatter" | "deltaTimeDimension">;
 };
 export default SingleStatView;

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

@@ -24,7 +24,7 @@ export declare type StudioProps = {
     implementationMeta: VizzlyComponents.ImplementationMeta;
     theme?: VizzlyTheming.Base;
     onError?: VizzlyComponents.OnError;
-    onViewClick?: (data: Component.OnViewClick) => void;
+    onViewClick?: (data: Component.OnViewClick, query?: Component.OnViewClickQuery) => void;
     renderTableCell?: (data: Component.RenderTableCell) => React.ReactNode | string | undefined;
     onReset: () => Promise<Dashboard | null>;
     onDashboardUpdate?: (dashboard: Dashboard) => void;

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

@@ -14,7 +14,7 @@ export interface DashboardBehaviourProps {
     dashboardBehaviour?: Partial<Omit<DashboardBehaviourType, 'mode' | 'featureToggles'> & {
         featureToggles: Partial<DashboardBehaviourType['featureToggles']>;
     }>;
-    onViewClick?: (data: Component.OnViewClick) => void;
+    onViewClick?: (data: Component.OnViewClick, loadUnderlyingData?: Component.OnViewClickQuery) => void;
     renderTableCell?: (data: Component.RenderTableCell) => React.ReactNode | string | undefined;
     disableToolbar?: boolean;
     cascadeFilterSelection?: boolean;

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

@@ -0,0 +1,2 @@
+import { DashboardBehaviour } from './types';
+export declare const defaultFormatMapping: ReturnType<DashboardBehaviour['defaultFormats']>;

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

@@ -17,6 +17,7 @@ import { CustomView } from '../../../../shared-logic/src/CustomView/types';
 import { ValueAlias as ValueAliasType } from '../../../../shared-logic/src/ValueAlias/types';
 import { VariablesCallback } from '../../../../shared-logic/src/Variables/types';
 import { UseVariableState } from '../Variables/types';
+import { ClickSettingTypes } from '../../hooks/types';
 declare type OverrideDeveloperInfo = {
     overrideKey: string;
     componentProps: any;
@@ -55,7 +56,11 @@ export declare type DashboardBehaviour = {
     isProgrammaticParent: boolean;
     id?: string;
     featureToggles: FeatureToggles;
-    developerTools: boolean | DeveloperTools;
+    developerTools: boolean | (DeveloperTools & {
+        viewClickSettingsInput?: ClickSettingTypes & {
+            viewId: string;
+        };
+    });
     componentOverrides: Partial<VizzlyComponents.ComponentOverrides>;
     customViews: CustomView[];
     onlyViewTypes: (dataSet: DataSet) => ComponentType[];
@@ -71,6 +76,9 @@ export declare type DashboardBehaviour = {
     dateTimeFormatOptions: {
         [id: string]: DateTimeFormatter;
     };
+    defaultFormats: () => {
+        [functionId: string]: string;
+    };
     datePickerFormat: 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD';
     /**
      * This property has replaced dateTimeFilterOptions.
@@ -110,7 +118,7 @@ export declare type DashboardBehaviour = {
     }) => string | null | undefined;
     onDashboardFilterChange: (additionalFilters: AdditionalFilter[]) => void;
     onDashboardLoad?: (dashboard: DashboardCallback) => void;
-    onViewClick?: (data: Component.OnViewClick) => void;
+    onViewClick?: (data: Component.OnViewClick, loadUnderlyingData?: Component.OnViewClickQuery) => void;
     renderTableCell?: (data: Component.RenderTableCell) => React.ReactNode | string | undefined;
     disableToolbar?: boolean;
     cascadeFilterSelection?: boolean;

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

@@ -22,6 +22,7 @@ import { AdvancedFilterModalProps } from '../../library/DataPanel/AdvancedFilter
 import { ProgressModalProps } from '../../library/DataPanel/Progress/types';
 import { ConditionalFormattingModalProps } from '../../library/StylePanel/ConditionalFormatting/types';
 import { TrendLinesModalProps } from '../../library/DataPanel/Trends/types';
+import { GoalLineModalProps } from '../../library/StylePanel/GoalLine/types';
 export declare enum ModalType {
     Drilldown = "drilldown",
     AdvancedFilter = "advancedFilter",
@@ -36,7 +37,8 @@ export declare enum ModalType {
     TableDrilldown = "tableDrilldown",
     Progress = "progress",
     ConditionalFormatting = "conditionalFormatting",
-    TrendLines = "trendLines"
+    TrendLines = "trendLines",
+    GoalLines = "goalLines"
 }
 export declare type EditorModalPropsMap = {
     [ModalType.Drilldown]: DrilldownModalProps;
@@ -53,6 +55,7 @@ export declare type EditorModalPropsMap = {
     [ModalType.Progress]: ProgressModalProps;
     [ModalType.ConditionalFormatting]: ConditionalFormattingModalProps;
     [ModalType.TrendLines]: TrendLinesModalProps;
+    [ModalType.GoalLines]: GoalLineModalProps;
 };
 declare type ModalChanges<T extends ModalType> = {
     modal: T;

package/dist/shared-ui/src/headlessui/components/switch/switch.d.ts

@@ -20,7 +20,7 @@ export declare let Switch: (<TTag extends React.ElementType<any> = "button">(pro
     onChange?(checked: boolean): void;
     name?: string | undefined;
     value?: string | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "value" | "children" | "className" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "value" | "className" | "as" | "refName">> & {
     as?: TTag | undefined;
     children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | ((bag: SwitchRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;

package/dist/shared-ui/src/hooks/types.d.ts

@@ -0,0 +1,9 @@
+import { Datum } from '../../../shared-logic/src/DatumKey';
+import { DatumByKey } from '../../../shared-logic/src/Callbacks';
+import { ClickDatumValues, PieEvent } from '../../../shared-logic/src/PieChart/onViewClick';
+export declare type ClickSettingTypes = {
+    clickedValue?: Datum | undefined;
+    nearestDatum?: DatumByKey | undefined;
+    pieClickedValue?: ClickDatumValues;
+    pieEvent?: PieEvent;
+};

package/dist/shared-ui/src/hooks/useDeveloperTools.d.ts

@@ -0,0 +1,11 @@
+import { DeveloperTools } from '../contexts/DashboardBehaviour/types';
+import { ClickSettingTypes } from './types';
+export declare function useDeveloperTools({ developerTools, viewId, onClickSettingsChange, }: {
+    developerTools: boolean | (DeveloperTools & {
+        viewClickSettingsInput?: ClickSettingTypes & {
+            viewId: string;
+        };
+    });
+    viewId: string;
+    onClickSettingsChange?: (value: ClickSettingTypes) => void;
+}): void;

package/dist/shared-ui/src/hooks/useLocalStorage.d.ts

@@ -0,0 +1,5 @@
+export declare function useLocalStorage<T>(key: string, initialValue: T): {
+    get: () => any;
+    set: (value: T | ((val: T) => T)) => void;
+    storedValue: T;
+};

package/dist/shared-ui/src/library/ConditionalFormatting.d.ts

@@ -1,7 +1,12 @@
 import React from 'react';
-import { ComparisonFilter } from '../runQuery/compare';
 import { Component } from '../../../shared-logic/src/Component/types';
+import { QueryAttributes } from '../../../shared-logic/src/QueryAttributes/types';
 export declare function getFormattedByRule({ type, value }: Component.ConditionalFormatting.DisplayRule): React.CSSProperties;
+export declare type ComparisonFilter = {
+    op: QueryAttributes.Operator;
+    value: QueryAttributes.Filter['value'];
+};
+export declare const compare: (filter: ComparisonFilter, recordValue: unknown) => any;
 export declare const conditionIsMet: (filter: ComparisonFilter, value: number | string | boolean) => boolean;
 export declare function getFormattedCellClass({ filter, cellValue, type, value, }: Component.ConditionalFormatting.DisplayRule & {
     cellValue: number | string;

package/dist/shared-ui/src/library/Empty.d.ts

@@ -22,6 +22,7 @@ export declare const QueryUnderConstructionNotice: FunctionComponent<{
     title?: string;
 }>;
 export declare const FailedToLoadDataNotice: () => JSX.Element;
+export declare const ResultsToLargeNotice: () => JSX.Element;
 export declare const ViewNoLongerExistsNotice: () => JSX.Element;
 export declare const NoResultContentToShowNotice: (props: React.PropsWithChildren<ViewHeaderProps>) => JSX.Element;
 export declare const ComponentErrorNotice: (props: {

package/dist/shared-ui/src/library/StylePanel/GoalLine/GoalLineModal.d.ts

@@ -1,10 +1,3 @@
 import { FunctionComponent } from 'react';
-import { GoalLineRuleType } from './GoalLineRules';
-declare type GoalLineModalProps = {
-    show: boolean;
-    onClose: () => void;
-    goalLine?: GoalLineRuleType;
-    onSave: (goalLine: GoalLineRuleType) => void;
-};
+import { GoalLineModalProps } from './types';
 export declare const GoalLineModal: FunctionComponent<GoalLineModalProps>;
-export {};

package/dist/shared-ui/src/library/StylePanel/GoalLine/GoalLineRules.d.ts

@@ -1,6 +1,5 @@
 import { FunctionComponent } from 'react';
-import { Component } from '../../../../../shared-logic/src/Component/types';
-export declare type GoalLineRuleType = Component.GoalLine.Rule;
+import { GoalLineRuleType } from './types';
 declare type Props = {
     goalLines: Array<GoalLineRuleType>;
     onSetGoalLineRules: (goalLines: Array<GoalLineRuleType>) => void;

package/dist/shared-ui/src/library/StylePanel/GoalLine/types.d.ts

@@ -0,0 +1,8 @@
+import { Component } from '../../../../../shared-logic/src/Component/types';
+export declare type GoalLineRuleType = Component.GoalLine.Rule;
+export declare type GoalLineModalProps = {
+    show: boolean;
+    onClose: () => void;
+    goalLine?: GoalLineRuleType;
+    onSave: (goalLine: GoalLineRuleType) => void;
+};

package/dist/shared-ui/src/library/StylePanel/GoalLine/useGoalLine.d.ts

@@ -1,4 +1,4 @@
-import { GoalLineRuleType } from './GoalLineRules';
+import { GoalLineRuleType } from './types';
 export declare function useGoalLine(initialGoalLine: GoalLineRuleType | undefined, onAddingGoalLine: (goalLine: GoalLineRuleType) => void): {
     handleUpsert: () => void;
     onChange: (partial: Partial<GoalLineRuleType>) => void;

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

@@ -96,6 +96,7 @@ export declare namespace VizzlyComponents {
                 endTime?: string | null;
                 prefix?: boolean;
                 label?: string;
+                fixedWidth?: number;
             };
             type SelectOptions = {
                 label: string | number | Function;
@@ -158,6 +159,7 @@ export declare namespace VizzlyComponents {
                 onChange: (filter: MultiSelectFilter | NumericFilter) => void;
                 showClearBtn?: boolean;
                 type: Omit<DataType, 'date_time'>;
+                onOpenChange?: (open: boolean) => void;
             }>;
         }
         type Props<Rest> = Rest & {
@@ -224,6 +226,7 @@ export declare namespace VizzlyComponents {
         type renderAppendCellIcon = (props: {}) => JSX.Element | string;
         type renderLibraryIcon = (props: {}) => JSX.Element | string;
         type renderCreateComponentIcon = (props: {}) => JSX.Element | string;
+        type renderCogIcon = (props: {}) => JSX.Element | string;
         type AccordionIconProps = {
             isOpen: boolean;
         };
@@ -244,6 +247,7 @@ export declare namespace VizzlyComponents {
         type renderUserIcon = (props: UserIconProps) => JSX.Element | string;
         type renderAIChatIcon = (props: {}) => JSX.Element | string;
         type renderAIIcon = (props: {}) => JSX.Element | string;
+        type renderCodeIcon = (props: {}) => JSX.Element | string;
         type renderThumbsUpSelectedIcon = (props: {
             width?: number;
             height?: number;
@@ -362,6 +366,8 @@ export declare namespace VizzlyComponents {
         renderSwitchIcon: ComponentOverrides.renderSwitchIcon | null;
         renderPresentIcon: ComponentOverrides.renderPresentIcon | null;
         renderFullscreenIcon: ComponentOverrides.renderFullscreenIcon | null;
+        renderCodeIcon: ComponentOverrides.renderCodeIcon | null;
+        renderCogIcon: ComponentOverrides.renderCogIcon | null;
         renderArrowDownIcon: ComponentOverrides.renderArrowDownIcon | null;
         renderErrorIcon: ComponentOverrides.renderErrorIcon | null;
         renderArrowUpIcon: ComponentOverrides.renderArrowUpIcon | null;
@@ -394,6 +400,9 @@ export declare namespace VizzlyComponents {
         supportedAggregates: QueryEngineConfig['supportedAggregates'];
         supportedTimeTruncFunctions: QueryEngineConfig['supportedTimeTruncFunctions'];
         supportedTransformationFunctions: QueryEngineConfig['supportedTransformationFunctions'];
+        defaultFormats: () => {
+            [functionId: string]: string;
+        };
         localFilters: Component['localFilters'];
         setLocalFilters: (localFilters: Component['localFilters']) => void;
         setParameterUpdate: (payload: Component['updatesFromParameters']) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.14.0",
+  "version": "0.14.1-dev-e0ca0009df3e30e44abcabf4d846020c4205cc61",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
   "main": "dist/index.js",
@@ -34,13 +34,14 @@
     "@emotion/styled": "^11.11.0",
     "@heroicons/react": "^1.0.6",
     "@popperjs/core": "^2.11.6",
+    "@react-hook/window-size": "^3.1.1",
     "@react-spring/web": "9.6.1",
     "@visx/visx": "^3.10.2",
     "@vizzly/api-client": "0.0.38",
     "@vizzly/dnd-backend": "0.0.4",
     "@vizzly/joi": "^17.7.0",
-    "@vizzly/semantic-layer-public": "0.0.204",
-    "@vizzly/sqlbuilder-public": "0.1.15",
+    "@vizzly/semantic-layer-public": "0.0.209",
+    "@vizzly/sqlbuilder-public": "0.1.16",
     "chroma-js": "2.4.2",
     "copy-to-clipboard": "^3.3.3",
     "cross-fetch": "^4.0.0",

package/dist/shared-logic/src/JSQueryEngine/compare.d.ts

@@ -1,6 +0,0 @@
-import { QueryAttributes } from '../QueryAttributes/types';
-export declare type ComparisonFilter = {
-    op: QueryAttributes.Operator;
-    value: QueryAttributes.Filter['value'];
-};
-export declare const compare: (filter: ComparisonFilter, recordValue: unknown) => any;

package/dist/shared-ui/src/runQuery/compare.d.ts

@@ -1 +0,0 @@
-export * from '../../../shared-logic/src/JSQueryEngine/compare';