@vizzly/dashboard 0.6.3 → 0.6.4

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

@@ -1,6 +1,6 @@
 import { VizzlyTheming } from '../../../types';
 export declare const cellStyles: (() => null) & {
-    emptyCell: (styles?: VizzlyTheming.Dashboard | undefined) => {
+    emptyCell: (themedStyles?: VizzlyTheming.Dashboard | undefined) => {
         (variantOptions: Object): string;
         toString: any;
     };

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

@@ -3,6 +3,10 @@ import { VizzlyComponents } from '../../../types';
 import { Component } from '../../../../../shared-logic/src/Component/types';
 import { DownloadType } from '../../../api/useQueryEffect/download';
 export declare const GenericComponentOptions: VizzlyComponents.ComponentOverrides.renderComponentOptions;
+export declare const GenericComponentOptionsMenu: (props: {
+    cellOptions: VizzlyComponents.ComponentOverrides.Props.ComponentOptions.CellOption[];
+    chartLabel?: string;
+}) => JSX.Element;
 export declare const PopulatedComponentOptions: (props: {
     component: Component;
     onRemove: () => void;
@@ -22,3 +26,5 @@ export declare const UnPopulatedComponentOptions: (props: {
     onRemoveCell: () => void;
     chartLabel?: string;
 }) => JSX.Element | null;
+export declare const DeleteIcon: () => JSX.Element;
+export declare const EditIcon: () => JSX.Element;

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

@@ -1,5 +1,5 @@
 import { VizzlyTheming } from '../../../../../shared-logic/src/Theme/types';
-export declare const dashboardIconStyles: (theme?: VizzlyTheming.Dashboard | undefined) => {
+export declare const dashboardIconStyles: (themedStyles?: VizzlyTheming.Dashboard | undefined) => {
     (variantOptions: Object): string;
     toString: any;
 };

package/dist/shared-ui/src/components/ViewHeader/ViewHeader.styles.d.ts

@@ -1,14 +1,14 @@
 import { VizzlyTheming } from '../../types';
 export declare const componenHeaderStyle: (() => null) & {
-    title: (charts?: VizzlyTheming.Charts | undefined) => {
+    title: (themedStyles?: VizzlyTheming.Charts | undefined) => {
         (variantOptions: Object): string;
         toString: any;
     };
-    subject: (charts?: VizzlyTheming.Charts | undefined) => {
+    subject: (themedStyles?: VizzlyTheming.Charts | undefined) => {
         (variantOptions: Object): string;
         toString: any;
     };
-    verified: (styles?: VizzlyTheming.Library | undefined) => {
+    verified: (themedStyles?: VizzlyTheming.Library | undefined) => {
         (variantOptions: Object): string;
         toString: any;
     };

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

@@ -1,5 +1,5 @@
 import { PipelineTransformationOptions, StudioAction, StudioState } from './types';
 import { Component as ComponentType } from '../../../../shared-logic/src/Component/types';
-import { EmptyCell } from '../../../../shared-logic/src/Display/types';
-export declare const _setComponentInDisplayHelper: (state: StudioState, component: ComponentType | EmptyCell, rowIndex: number, cellIndex: number) => StudioState;
+import { EmptyCell, HeaderComponent } from '../../../../shared-logic/src/Display/types';
+export declare const _setComponentInDisplayHelper: (state: StudioState, component: ComponentType | EmptyCell | HeaderComponent, rowIndex: number, cellIndex: number) => StudioState;
 export declare const reducer: (pipelineTransformationOptions: PipelineTransformationOptions) => (state: StudioState, action: StudioAction) => StudioState;

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

@@ -10,6 +10,7 @@ import { Report } from '../../../../shared-logic/src/Report/types';
 import { AdditionalFilter } from '../../../../shared-logic/src/AdditionalFilter/types';
 import { DashboardBehaviour } from '../DashboardBehaviour/types';
 import { UpdatedMetrics } from '../../../../shared-logic/src/Parameters';
+import { HeaderComponent } from '../../../../shared-logic/src/Display/types';
 export declare type DisplayTarget = {
     rowIndex: number;
     cellIndex: number;
@@ -75,6 +76,10 @@ export declare type AppendCellAction = {
     type: 'appendCell';
     rowIndex: number;
 };
+export declare type AddHeaderRowAction = {
+    type: 'addHeaderRow';
+    rowIndex: number;
+};
 export declare type RemoveCellAction = {
     type: 'removeCell';
     rowIndex: number;
@@ -152,6 +157,12 @@ export declare type SetAttributesAction = {
     rowIndex: number;
     cellIndex: number;
 };
+export declare type SetHeaderComponentAction = {
+    type: 'setHeaderComponent';
+    component: HeaderComponent;
+    rowIndex: number;
+    cellIndex: number;
+};
 export declare type SetParameterBasedUpdateAction = {
     type: 'setParameterBasedUpdate';
     payload: UpdatedMetrics;
@@ -189,7 +200,7 @@ export declare type PickComponentFromLibraryForDisplayAction = {
 export declare type InitAction = {
     type: 'init';
 };
-export declare type StudioAction = InitAction | SetDashboardAction | SaveComponentAction | ClearModalAction | InsertRowAction | AppendCellAction | 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 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 PipelineTransformationOptions = {
     dashboardFilters: DashboardBehaviour['dashboardFilters'];
     onDashboardFilterChange: DashboardBehaviour['onDashboardFilterChange'];

package/dist/shared-ui/src/contexts/ThemeProvider/ThemeProvider.d.ts

@@ -7,4 +7,3 @@ export declare type ThemeProviderProps = {
     storedTheme?: Theme;
 };
 export declare const ThemeProvider: FunctionComponent<ThemeProviderProps>;
-export declare const chartTheme: (styles?: VizzlyTheming.Charts | undefined) => VizzlyTheming.Charts;

package/dist/shared-ui/src/contexts/ThemeProvider/default.theme.d.ts

@@ -1,2 +1,4 @@
+import { ThemeVersion } from '../../../../shared-logic/src/Theme/types';
 import { VizzlyTheming } from '../../types';
-export declare const defaultTheme: VizzlyTheming.Base;
+export declare const loadDefaultTheme: (version: ThemeVersion) => VizzlyTheming.Base;
+export declare const defaultThemeV2: VizzlyTheming.Base;

package/dist/shared-ui/src/library/Button/index.d.ts

@@ -1,4 +1,4 @@
-import { VizzlyComponents } from '../../types';
+import { VizzlyComponents, VizzlyTheming } from '../../types';
 export declare type Props = VizzlyComponents.ComponentOverrides.Props.Button & {
     autoFeedback?: boolean;
     testId?: string;
@@ -6,5 +6,6 @@ export declare type Props = VizzlyComponents.ComponentOverrides.Props.Button & {
     block?: boolean;
     internal?: boolean;
     className?: string;
+    themeOverride?: VizzlyTheming.ButtonType;
 };
 export declare const Button: (props: Props) => JSX.Element;

package/dist/shared-ui/src/library/Dashboard/EditTitleModal.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import { HeaderComponent } from '../../../../shared-logic/src/Display/types';
+export declare const EditTitleModal: FunctionComponent<{
+    show: boolean;
+    onClose: () => void;
+    component: HeaderComponent;
+    cellIndex: number;
+    rowIndex: number;
+}>;

package/dist/shared-ui/src/library/Dashboard/HeaderRow.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import { HeaderComponent, Display as DisplayType } from '../../../../shared-logic/src/Display/types';
+export declare const HeaderRow: FunctionComponent<{
+    component: HeaderComponent;
+    onRemove: () => void;
+    cellIndex: number;
+    rowIndex: number;
+}>;
+export declare function previousIsHeaderRow(display: DisplayType, rowIndex: number): boolean;

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

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+import { CustomField } from '../../../../../shared-logic/src/CustomField/types';
+export declare const FieldsUsedModal: FunctionComponent<{
+    show: boolean;
+    onClose: (confirmed: boolean) => void;
+    fieldsUsedModal?: string[];
+    customFields: CustomField[];
+}>;

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

@@ -1,4 +1,5 @@
 import { DataSet } from '../../../../shared-logic/src/DataSet/types';
+import { CustomField } from '../../../../shared-logic/src/CustomField/types';
 import 'twin.macro';
 import { QueryEngineConfig } from '../../../../shared-logic/src/QueryEngineConfig/types';
 import { ComponentType } from '../../../../shared-logic/src/Component/types';
@@ -10,4 +11,5 @@ declare type Props = {
     componentType: ComponentType;
 };
 export declare const CustomMetricsInput: (props: Props) => JSX.Element | null;
+export declare function checkIfFieldIsInARule(customFields: CustomField[], customField: CustomField): string[];
 export {};

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

@@ -4,7 +4,7 @@ import { WipFilter } from './types';
 import 'twin.macro';
 import { QueryEngineConfig } from '../../../../../shared-logic/src/QueryEngineConfig/types';
 export declare const FilterInputForm: (props: {
-    fieldHeadingOverride?: "field" | "metric" | undefined;
+    fieldHeadingOverride?: "Field" | "Metric" | undefined;
     wipFilters: WipFilter[][];
     completedFilters: QueryAttributes.Filter[][];
     dataSet: DataSetType;

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

@@ -9,5 +9,4 @@ export * from './SortInput';
 export * from './CustomMetricsInput';
 export * from './FieldCollectorInput';
 export { FilterInput } from './FilterInput';
-export { LimitInput } from './LimitInput';
 export * from '../PanelInput/NumberInput';

package/dist/shared-ui/src/library/Editor/Editor.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const editorStyles: (() => null) & {
-    panel: {
+    panel: (themeVersion?: 1 | 2 | undefined) => {
         (variantOptions: Object): string;
         toString: any;
     };

package/dist/shared-ui/src/library/Library/Library.styles.d.ts

@@ -1,6 +1,6 @@
 import { VizzlyTheming } from '../../../../shared-logic/src/Theme/types';
 export declare const libraryStyles: (() => null) & {
-    selectedComponent: (styles?: VizzlyTheming.Panel | undefined) => {
+    selectedComponent: (themedStyles?: VizzlyTheming.Panel | undefined) => {
         (variantOptions: Object): string;
         toString: any;
     };

package/dist/shared-ui/src/library/ResizableRow/ResizableRow.styles.d.ts

@@ -1,6 +1,6 @@
 import { VizzlyTheming } from '../../types';
 export declare const resizableRowStyles: (() => null) & {
-    dragHandle: (styles?: VizzlyTheming.Dashboard | undefined) => {
+    dragHandle: (themedStyles?: VizzlyTheming.Dashboard | undefined) => {
         (variantOptions: Object): string;
         toString: any;
     };

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

@@ -1,11 +1,14 @@
+import { FunctionComponent } from 'react';
 import { DisplayRow } from '../../../shared-logic/src/Display/types';
 import { ResizableRowCellProps } from './ResizableRowCell';
-declare type Props = Omit<ResizableRowCellProps, 'cellIndex' | 'isBeingSizeAdjusted' | 'downloadAsCsv'> & {
-    rowHighlighted: boolean;
+export declare const ResizableRow: FunctionComponent<Omit<ResizableRowCellProps, 'cellIndex' | 'isBeingSizeAdjusted' | 'downloadAsCsv'> & {
     displayRow: DisplayRow;
     onColSpanChange: (newColSpans: Array<{
         colSpan: number;
     }>) => void;
-};
-export declare const ResizableRow: (props: Props) => JSX.Element;
-export {};
+    canAddNewCells: boolean;
+    columns: string[];
+    onAppendCell: () => void;
+    onAddHeaderRow: () => void;
+    hideAddNewHeaderRow?: boolean;
+}>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
   "main": "dist/index.js",
@@ -44,7 +44,7 @@
     "joi": "^17.7.0",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
-    "react-dates": "^21.8.0",
+    "react-dates-17": "22.0.4",
     "react-dnd": "^15.1",
     "react-dnd-html5-backend": "^15.0.1",
     "react-popper": "^2.3.0",
@@ -70,7 +70,6 @@
     "@types/jest": "^27.0.2",
     "@types/lodash": "^4.14.186",
     "@types/react": "^18.0.15",
-    "@types/react-dates": "^21.8.3",
     "@types/react-dom": "^18.0.6",
     "@types/topojson-client": "^3.1.1",
     "@types/uuid": "^8.3.4",

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

@@ -1,10 +0,0 @@
-import { VizzlyComponents } from '../../types';
-import 'twin.macro';
-declare type ManagedProps = {
-    limit?: number | undefined;
-};
-export declare type Props = VizzlyComponents.ManagePartialAttributes<ManagedProps> & {
-    promptWhenLimitHit?: boolean;
-};
-export declare const LimitInput: (inputProps: Props) => JSX.Element;
-export {};