@vizzly/dashboard 0.12.13 → 0.12.14

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

@@ -55,6 +55,10 @@ export declare type SetDashboardAction = {
     type: 'setDashboard';
     dashboard: Dashboard;
 };
+export declare type ImportDashboardAction = {
+    type: 'importDashboard';
+    dashboardToImport: Dashboard;
+};
 export declare type SetThemeAction = {
     type: 'setTheme';
     theme: StoredTheme;
@@ -213,7 +217,7 @@ export declare type StartEditorAction = {
     libraryIndex: number | null;
     component: Component | null;
 };
-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 StudioAction = InitAction | SetDashboardAction | ImportDashboardAction | 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'];

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

@@ -81,7 +81,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-modal" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-describedby" | "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: DialogRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -96,7 +96,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-modal" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-describedby" | "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: DialogRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -111,7 +111,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-describedby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-labelledby" | "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: DialogRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -126,7 +126,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-describedby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-labelledby" | "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: DialogRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -141,7 +141,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-modal" | "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: DialogRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
     refName?: string | undefined;
@@ -156,7 +156,7 @@ export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props:
     onClose(value: boolean): void;
     initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
     __demoMode?: boolean | undefined;
-}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-modal" | "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: DialogRenderPropArg) => 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/headlessui/components/popover/popover.d.ts

@@ -27,7 +27,7 @@ declare type GroupPropsWeControl = 'id';
 export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props: Props<TTag, PopoverRenderPropArg, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: Ref<HTMLElement>) => JSX.Element) & {
     displayName: string;
 } & {
-    Button: (<TTag_1 extends React.ElementType<any> = "button">(props: Props<TTag_1, ButtonRenderPropArg, "id" | "type" | "onKeyDown" | "onClick" | "aria-controls" | "aria-expanded">, ref: Ref<HTMLButtonElement>) => JSX.Element) & {
+    Button: (<TTag_1 extends React.ElementType<any> = "button">(props: Props<TTag_1, ButtonRenderPropArg, "id" | "type" | "aria-controls" | "aria-expanded" | "onKeyDown" | "onClick">, ref: Ref<HTMLButtonElement>) => JSX.Element) & {
         displayName: string;
     };
     Overlay: (<TTag_2 extends React.ElementType<any> = "div">(props: (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "id" | "children" | "className" | "as" | "refName">> & {
@@ -50,7 +50,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         unmount?: undefined;
     } & {
         static?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "onClick" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "aria-hidden" | "as" | "refName">> & {
         as?: TTag_2 | 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: OverlayRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -60,7 +60,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         static?: undefined;
     } & {
         unmount?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "onClick" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "aria-hidden" | "as" | "refName">> & {
         as?: TTag_2 | 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: OverlayRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -70,7 +70,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         unmount?: undefined;
     } & {
         static?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "as" | "refName" | "aria-hidden">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "onClick" | "as" | "refName">> & {
         as?: TTag_2 | 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: OverlayRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -80,7 +80,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         static?: undefined;
     } & {
         unmount?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "as" | "refName" | "aria-hidden">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_2>, Exclude<keyof import("../../types").PropsOf<TTag_2>, "children" | "className" | "onClick" | "as" | "refName">> & {
         as?: TTag_2 | 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: OverlayRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -117,7 +117,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         static?: boolean | undefined;
     } & {
         focus?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_3>, Exclude<keyof import("../../types").PropsOf<TTag_3>, "children" | "onKeyDown" | "className" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_3>, Exclude<keyof import("../../types").PropsOf<TTag_3>, "children" | "className" | "onKeyDown" | "as" | "refName">> & {
         as?: TTag_3 | 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: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -129,7 +129,7 @@ export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props
         unmount?: boolean | undefined;
     } & {
         focus?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_3>, Exclude<keyof import("../../types").PropsOf<TTag_3>, "children" | "onKeyDown" | "className" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_3>, Exclude<keyof import("../../types").PropsOf<TTag_3>, "children" | "className" | "onKeyDown" | "as" | "refName">> & {
         as?: TTag_3 | 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: PanelRenderPropArg) => 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/headlessui/components/switch/switch.d.ts

@@ -32,7 +32,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>, "children" | "onChange" | "className" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "name" | "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;
@@ -44,7 +44,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>, "children" | "className" | "onClick" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "role" | "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;
@@ -56,7 +56,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>, "children" | "className" | "role" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "tabIndex" | "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;
@@ -68,7 +68,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>, "children" | "className" | "aria-describedby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-checked" | "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;
@@ -80,7 +80,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>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-describedby" | "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;
@@ -92,7 +92,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>, "children" | "className" | "as" | "refName" | "defaultChecked">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "aria-labelledby" | "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;
@@ -104,7 +104,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>, "children" | "className" | "as" | "refName" | "tabIndex">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "onChange" | "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;
@@ -116,7 +116,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>, "children" | "className" | "as" | "refName" | "aria-checked">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "onKeyPress" | "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;
@@ -128,7 +128,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>, "children" | "className" | "as" | "refName" | "onKeyPress">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "onKeyUp" | "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;
@@ -140,7 +140,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>, "children" | "className" | "as" | "refName" | "onKeyUp">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "onClick" | "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;
@@ -152,7 +152,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>, "children" | "className" | "as" | "refName" | "name">> & {
+}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "className" | "as" | "refName" | "defaultChecked">> & {
     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/headlessui/components/tabs/tabs.d.ts

@@ -86,7 +86,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         unmount?: undefined;
     } & {
         static?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "tabIndex" | "as" | "refName">> & {
         as?: TTag_4 | 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: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -96,7 +96,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         static?: undefined;
     } & {
         unmount?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "tabIndex" | "as" | "refName">> & {
         as?: TTag_4 | 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: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -106,7 +106,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         unmount?: undefined;
     } & {
         static?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "as" | "refName" | "tabIndex">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
         as?: TTag_4 | 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: PanelRenderPropArg) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>) | null | undefined;
         refName?: string | undefined;
@@ -116,7 +116,7 @@ export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props:
         static?: undefined;
     } & {
         unmount?: boolean | undefined;
-    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "as" | "refName" | "tabIndex">> & {
+    }) | (Pick<import("../../types").PropsOf<TTag_4>, Exclude<keyof import("../../types").PropsOf<TTag_4>, "children" | "className" | "aria-labelledby" | "as" | "refName">> & {
         as?: TTag_4 | 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: PanelRenderPropArg) => 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/library/DataPanel/DrilldownInput/DrilldownBreadcrumb.d.ts

@@ -3,6 +3,6 @@ import { DataSet } from '../../../../../shared-logic/src/DataSet/types';
 import { SelectedDrilldown } from '../../../../../shared-logic/src/Drilldown/Drilldown';
 export declare const DrilldownBreadcrumb: FunctionComponent<{
     onReset: () => void;
-    drilldownSelections: SelectedDrilldown[];
+    drilldownSelections?: SelectedDrilldown[];
     dataSet: DataSet;
 }>;

package/dist/shared-ui/src/library/DataPanel/DrilldownInput/DrilldownInput.d.ts

@@ -1,10 +1,11 @@
 import { FunctionComponent } from 'react';
 import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes as QueryAttributesType } from '../../../../../shared-logic/src/QueryAttributes/types';
-import { Component } from '../../../../../shared-logic/src/Component/types';
+import { Component, ComponentType } from '../../../../../shared-logic/src/Component/types';
 export declare const DrilldownInput: FunctionComponent<{
     dimensions: Array<QueryAttributesType.Dimension>;
     drilldownOptions?: Component.DrilldownOptions[];
     onSetDrilldown: (drilldown: Array<Component.DrilldownOptions>) => void;
     dataSet: DataSetType;
+    component: ComponentType;
 }>;

package/dist/shared-ui/src/library/DataPanel/DrilldownInput/DrilldownModal.d.ts

@@ -1,11 +1,12 @@
 import { FunctionComponent } from 'react';
 import { DataSet as DataSetType } from '../../../../../shared-logic/src/DataSet/types';
 import { QueryAttributes } from '../../../../../shared-logic/src/QueryAttributes/types';
-import { Component } from '../../../../../shared-logic/src/Component/types';
+import { Component, ComponentType } from '../../../../../shared-logic/src/Component/types';
 export declare const DrilldownModal: FunctionComponent<{
     show: boolean;
     onClose: (drilldown?: Component.DrilldownOptions[]) => void;
     drilldownOptions?: Component.DrilldownOptions[];
     dataSet: DataSetType;
     dimension: QueryAttributes.Dimension[];
+    component: ComponentType;
 }>;

package/dist/shared-ui/src/library/DataPanel/DrilldownInput/drilldown.func.d.ts

@@ -1,5 +1,7 @@
-import { Component } from '../../../../../shared-logic/src/Component/types';
+import { Component, ComponentType } from '../../../../../shared-logic/src/Component/types';
 import { MultiSelectOptions } from '../../../base/MultiSelect';
 import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';
+import { FieldFilterOptions } from '../../../../../shared-logic/src/DataSet/types';
 export declare const getInitialSelected: (fieldOptions: MultiSelectOptions[], drilldownOptions?: Component.DrilldownOptions[] | undefined) => number[];
 export declare function getDrilldownOptions(selectedFieldIndexes: number[], fieldOptions: MultiSelectOptions[], queryEngineConfig: QueryEngineConfig): Component.DrilldownOptions[];
+export declare const drilldownFieldConfiguration: (component: ComponentType) => FieldFilterOptions;

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

@@ -10,13 +10,14 @@ import { PivotConfig as PivotConfigImported } from '../../shared-logic/src/Pivot
 import { DataPanelSection } from '../../shared-logic/src/DataPanelConfig/types';
 import { FormatPanelSection } from '../../shared-logic/src/FormatPanelConfig/types';
 import { Dashboard } from '../../shared-logic/src/Dashboard/types';
-import { AdditionalFilter, FilterConfig } from '../../shared-logic/src/AdditionalFilter/types';
+import { AdditionalFilter, FilterConfig, MultiSelectFilter, NumericFilter } from '../../shared-logic/src/AdditionalFilter/types';
 import { QueryAttributes } from '../../shared-logic/src/QueryAttributes/types';
 import { GlobalFilterViewProps } from './components/GlobalFilters/types';
 import { api } from '../../shared-logic/src/api';
 import { CustomView as CustomViewType } from '../../shared-logic/src/CustomView/types';
 import { runQueriesCallback as runQueriesCallbackImported } from '../../shared-logic/src/api/queryEngine/getRunQueriesCallback';
 import { SavingState } from '../../shared-logic/src/VizzlyState';
+import { DataType } from '../../shared-logic/src/Field/types';
 declare global {
     var disableViewCheck: boolean;
     var disableResizing: boolean;
@@ -150,6 +151,14 @@ export declare namespace VizzlyComponents {
             type SectionProps<Section extends DataPanelSection | FormatPanelSection = DataPanelSection | FormatPanelSection> = EditorSectionProps<Component.Attributes> & {
                 section: Section;
             };
+            type AdvancedFilter = PropsWithChildren<{
+                filterIndex: number;
+                filter: MultiSelectFilter | NumericFilter;
+                dataSets: DataSet[];
+                onChange: (filter: MultiSelectFilter | NumericFilter) => void;
+                showClearBtn?: boolean;
+                type: Omit<DataType, 'date_time'>;
+            }>;
         }
         type Props<Rest> = Rest & {
             activeDevToolHighlight: boolean;
@@ -158,6 +167,7 @@ export declare namespace VizzlyComponents {
         type renderGlobalFiltersViewComponent = (props: GlobalFilterViewProps) => JSX.Element | null;
         type renderManageGlobalFilters = (props: Props.ManageGlobalFilters) => JSX.Element | null;
         type renderButtonComponent = (props: Props.Button) => JSX.Element;
+        type renderAdvancedFilter = (props: Props.AdvancedFilter) => JSX.Element;
         type renderDateTimeInput = (props: Props.DateTimeInput) => JSX.Element;
         type renderSelectComponent = (props: Props.Select) => JSX.Element;
         type renderDateTimeRangeInput = (props: Props.DateTimeRangeInput) => JSX.Element;
@@ -261,6 +271,7 @@ export declare namespace VizzlyComponents {
         renderManageGlobalFilters?: ComponentOverrides.renderManageGlobalFilters | null;
         renderSelectComponent: ComponentOverrides.renderSelectComponent | null;
         renderButtonComponent: ComponentOverrides.renderButtonComponent | null;
+        renderAdvancedFilter: ComponentOverrides.renderAdvancedFilter | null;
         renderDateTimeInput: ComponentOverrides.renderDateTimeInput | null;
         renderDateTimeRangeInput: ComponentOverrides.renderDateTimeRangeInput | null;
         renderSavingComponent: ComponentOverrides.renderSavingComponent | null;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.12.13",
+  "version": "0.12.14",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
   "main": "dist/index.js",
@@ -28,13 +28,6 @@
     "react-dom": ">=17"
   },
   "dependencies": {
-    "@tiptap/extension-color": "2.5.1",
-    "@tiptap/extension-text-style": "2.5.1",
-    "@tiptap/extension-underline": "2.5.1",
-    "@tiptap/pm": "2.5.1",
-    "@tiptap/react": "2.5.1",
-    "@tiptap/starter-kit": "2.5.1",
-    "liquidjs": "^10.15.0",
     "@emotion/cache": "^11.11.0",
     "@emotion/css": "^11.10.6",
     "@emotion/react": "^11.11.1",
@@ -42,13 +35,19 @@
     "@heroicons/react": "^1.0.6",
     "@popperjs/core": "^2.11.6",
     "@react-spring/web": "9.6.1",
+    "@tiptap/extension-color": "2.5.1",
+    "@tiptap/extension-text-style": "2.5.1",
+    "@tiptap/extension-underline": "2.5.1",
+    "@tiptap/pm": "2.5.1",
+    "@tiptap/react": "2.5.1",
+    "@tiptap/starter-kit": "2.5.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.118",
-    "@vizzly/sqlbuilder-public": "0.1.9",
-    "chroma-js": "^2.4.2",
+    "@vizzly/semantic-layer-public": "0.0.203",
+    "@vizzly/sqlbuilder-public": "0.1.13",
+    "chroma-js": "2.4.2",
     "copy-to-clipboard": "^3.3.3",
     "cross-fetch": "^4.0.0",
     "file-saver": "^2.0.5",
@@ -56,6 +55,7 @@
     "html2canvas": "^1.4.1",
     "joi-to-json": "^4.2.1",
     "jspdf": "^2.5.1",
+    "liquidjs": "^10.15.0",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "react-dates-17": "22.0.8",
@@ -74,7 +74,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^14.2.3",
-    "@types/chroma-js": "^2.1.4",
+    "@types/chroma-js": "2.4.2",
     "@types/jest": "^27.0.2",
     "@types/lodash": "^4.14.186",
     "@types/react": "^17.0.2",

package/dist/shared-ui/src/components/AdditionalFilter/AdvancedSelectFilter.d.ts

@@ -1,12 +0,0 @@
-import { MultiSelectFilter as MultiSelectFilterType, NumericFilter } from '../../../../shared-logic/src/AdditionalFilter/types';
-import { DataSet } from '../../../../shared-logic/src/DataSet/types';
-import { FunctionComponent } from 'react';
-import { DataType } from '../../../../shared-logic/src/Field/types';
-export declare const AdvancedSelectFilter: FunctionComponent<{
-    filterIndex: number;
-    filter: MultiSelectFilterType | NumericFilter;
-    dataSets: DataSet[];
-    onChange: (filter: MultiSelectFilterType | NumericFilter) => void;
-    showClearBtn?: boolean;
-    type: Omit<DataType, 'date_time'>;
-}>;