@vizzly/dashboard 0.12.13 → 0.12.14-dev-e21379b0100190e14c468d97e585466bfe2e87c0

package/dist/shared-ui/src/library/PanelInput/NumberInput.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import 'twin.macro';
 declare type Props = {
     label: string;
     currentValue: number | null | undefined;

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { VizzlyComponents } from '../types';
-import 'twin.macro';
 import { QueryEngineEndpoint } from '../../../shared-logic/src/QueryEngineConfig/types';
 export declare const NewSelfHostedVizzlyImplementationNotice: (props: {
     implementationMeta: VizzlyComponents.ImplementationMeta;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import 'twin.macro';
 declare type Props = {
     setFontFamily: (format: string) => void;
     currentValue?: string;

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

@@ -1,5 +1,4 @@
 import { FunctionComponent } from 'react';
-import 'twin.macro';
 import { Component } from '../../../../../shared-logic/src/Component/types';
 export declare type GoalLineRuleType = Component.GoalLine.Rule;
 declare type Props = {

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import 'twin.macro';
 declare type Props = {
     children: React.ReactNode;
     tooltipContent: () => React.ReactNode;

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

@@ -1,25 +1,23 @@
 import React from 'react';
 import { TransitionEvents } from '../headlessui';
-import { TwStyle } from 'twin.macro';
 /**
  * HeadlessUI "Transition"
- * Customized for twin.macro + typescript
  * https://headlessui.dev/react/transition
  */
 declare type TransitionProps = {
-    enter?: TwStyle;
-    enterFrom?: TwStyle;
-    enterTo?: TwStyle;
-    entered?: TwStyle;
-    leave?: TwStyle;
-    leaveFrom?: TwStyle;
-    leaveTo?: TwStyle;
+    enter?: string;
+    enterFrom?: string;
+    enterTo?: string;
+    entered?: string;
+    leave?: string;
+    leaveFrom?: string;
+    leaveTo?: string;
     children: React.ReactNode;
     show?: boolean;
     as?: React.ElementType;
     appear?: boolean;
     unmount?: boolean;
-    tCss?: TwStyle[];
+    tCss?: string[];
 } & TransitionEvents;
 export declare const Transition: (props: TransitionProps) => JSX.Element;
 export declare const TransitionChild: (props: TransitionProps) => JSX.Element;

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-dev-e21379b0100190e14c468d97e585466bfe2e87c0",
   "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",
@@ -63,7 +63,6 @@
     "react-popper": "^2.3.0",
     "react-visibility-sensor": "^5.1.1",
     "topojson-client": "^3.1.0",
-    "twin.macro": "^3.0.0-rc.3",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
@@ -74,7 +73,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/base/TextArea.d.ts

@@ -1 +0,0 @@
-export declare const TextArea: import("twin.macro").TwComponent<"textarea">;

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'>;
-}>;