@vizzly/dashboard 0.14.4-dev-832eca0b258dfaa3abfe3967e202fbb15725a7b8 → 0.14.4-dev-9e6500890881ab85ea11fab47f37a0538edeea8e

package/dist/shared-ui/src/base/ListView/ListItem.d.ts

@@ -4,7 +4,6 @@ declare type ListItemProps = {
     index: number;
     totalItemsCount: number;
     onChange?: (index: number) => void;
-    onOrderChange?: ((index: number, movedTo: number) => void) | undefined;
     highlight?: boolean;
     children?: ReactNode;
     title?: string;

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

@@ -18,11 +18,11 @@ export declare const List: import("react").FunctionComponent<{
         empty?: string | number | (string & {}) | undefined;
         disabled?: boolean | undefined;
     }>;
+    Item: any;
     Container: import("react").FunctionComponent<{
         hasDeleteIcon?: boolean | undefined;
         children?: import("react").ReactNode;
     }>;
-    Item: any;
     Heading: import("react").FunctionComponent<{
         children: import("react").ReactNode;
         as?: "symbol" | "object" | "clipPath" | "filter" | "mask" | "marker" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "legend" | "desc" | "title" | "big" | "link" | "sup" | "header" | "select" | "input" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "keygen" | "label" | "li" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "slot" | "script" | "section" | "source" | "span" | "strong" | "summary" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | undefined;

package/dist/shared-ui/src/components/DataTable/resizing.d.ts

@@ -1,7 +1,5 @@
 export declare function buildDefaultColumnWidth(tableWidth: number, numberOfColumns: number): number;
-export declare const useResizingColumn: () => {
-    [x: string]: number;
-} | undefined;
+export declare const useResizingColumn: () => void;
 export declare function buildColumnWidth(datumKey: string, sizing: {
     [keyId: string]: {
         width?: number | undefined;

package/dist/shared-ui/src/components/DragAndDrop/DndWrapper.d.ts

@@ -3,14 +3,7 @@ import { DragDropManager } from 'dnd-core';
 import { HTML5BackendImpl } from '@vizzly/dnd-backend';
 import { HTML5BackendContext, HTML5BackendOptions } from '@vizzly/dnd-backend';
 export declare const HTML5Backend: (manager: DragDropManager, context: HTML5BackendContext, options: HTML5BackendOptions | undefined) => HTML5BackendImpl;
-export declare const DndProvider: FunctionComponent<{
-    children: React.ReactNode;
-    id: string;
-}>;
 export declare const ComponentDndWrapper: FunctionComponent<{
     children: React.ReactNode;
     disable: boolean;
 }>;
-export declare const DndModal: FunctionComponent<{
-    children: React.ReactNode;
-}>;

package/dist/shared-ui/src/components/DragAndDrop/WidthChangingDnd.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import { DisplayRow } from '../../../../shared-logic/src/Display/types';
 export declare const WidthChangingDnd: (props: {
     dropIndex: number;
     colWidth: number;
     active: boolean;
-    onDrop: (cellIndex: number, moved: number, displayRow: DisplayRow) => void;
 }) => JSX.Element;

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

@@ -35,6 +35,7 @@ declare type PopulatedCellProps = {
     cellIndex: number;
     height?: number;
     generatingPDF: boolean;
+    colWidth: number;
 };
 export declare const PopulatedCell: (props: PopulatedCellProps) => JSX.Element;
 export {};

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

@@ -1,7 +1,6 @@
 import { FunctionComponent, CSSProperties } from 'react';
-import { ConnectDragSource } from 'react-dnd';
 declare type Props = {
-    dragSource?: ConnectDragSource;
+    dragSource?: any;
     active: boolean;
     enabled: boolean;
     top?: number;
@@ -10,12 +9,4 @@ declare type Props = {
 };
 export declare const MoveComponentDragHandle: (props: Props) => JSX.Element;
 export declare const DragHandle: FunctionComponent<Omit<Props, 'dragSource' | 'enabled'>>;
-export declare const useMoveComponentDrag: (rowIndex: number, cellIndex: number) => [{
-    adjust: import("react-dnd").XYCoord | null;
-    isDragging: boolean;
-}, import("react-dnd").DragElementWrapper<import("react-dnd").DragSourceOptions>, import("react-dnd").DragElementWrapper<import("react-dnd").DragPreviewOptions>];
-export declare const useMoveRow: (currentRowIndex: number) => [{
-    adjust: import("react-dnd").XYCoord | null;
-    isDragging: boolean;
-}, import("react-dnd").DragElementWrapper<import("react-dnd").DragSourceOptions>, import("react-dnd").DragElementWrapper<import("react-dnd").DragPreviewOptions>];
 export {};

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare type Moved = {
+    x: number;
+    y: number;
+};
+export declare type useDraggableParams = {
+    initialData?: any;
+    onMoved?: (moved: Moved, initialData: any) => void;
+    onStart?: (initialData: any) => void;
+    onEnd?: (initialData: any) => void;
+};
+export declare const useDraggable: (params: useDraggableParams) => {
+    draggableRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    isDragging: boolean;
+    moved: Moved | null;
+};
+export {};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare type useDraggableParams = {
+    initialData: {
+        rowIndex: number;
+        cellIndex: number;
+    };
+};
+export declare const useMoveComponentDrag: (params: useDraggableParams) => {
+    dragContentRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    dragHandleRef: import("react").MutableRefObject<HTMLDivElement | null>;
+};

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { DisplayRow } from '../../../shared-logic/src/Display/types';
+declare type params = {
+    displayRow: DisplayRow;
+    colWidth: number;
+    onColSpanChange: (colSpans: Array<{
+        colSpan: number;
+    }>) => void;
+    persistRowHeight: (rowHeight: number) => void;
+};
+export declare const useResizableRow: (params: params) => {
+    activeCell: number | null;
+    setActiveCell: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+    activeRow: number | null;
+    setActiveRow: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+    isDraggingComponentWidth: boolean;
+    setIsDraggingComponentWidth: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    widthAdjustments: {
+        [cell: number]: number;
+    };
+    setWidthAdjustments: import("react").Dispatch<import("react").SetStateAction<{
+        [cell: number]: number;
+    }>>;
+    rowHeightAdjustment: number;
+    setRowHeightAdjustment: import("react").Dispatch<import("react").SetStateAction<number>>;
+    onCellWidthChangeFinalised: (cellIndex: number) => void;
+    moveType: string | null;
+    persistRowHeight: () => void;
+};
+export {};

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

@@ -11,5 +11,6 @@ export declare type ResizableRowCellProps = {
     isBeingSizeAdjusted: boolean;
     height?: number;
     generatingPDF: boolean;
+    colWidth: number;
 };
 export declare const ResizableRowCell: (props: ResizableRowCellProps) => JSX.Element;

package/package.json

@@ -1,21 +1,11 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.14.4-dev-832eca0b258dfaa3abfe3967e202fbb15725a7b8",
+  "version": "0.14.4-dev-9e6500890881ab85ea11fab47f37a0538edeea8e",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
-  "module": "./dist/dashboard.esm.js",
-  "exports": {
-    ".": {
-      "types": "./dist/dashboard/src/index.d.ts",
-      "import": "./dist/dashboard.esm.js",
-      "require": "./dist/index.js"
-    },
-    "./src": {
-      "default": "./src/index.tsx"
-    }
-  },
   "main": "dist/index.js",
+  "type": "commonjs",
   "typings": "./dist/dashboard/src/index.d.ts",
   "files": [
     "dist"
@@ -50,10 +40,9 @@
     "@react-spring/web": "9.6.1",
     "@visx/visx": "^3.10.2",
     "@vizzly/api-client": "0.0.43",
-    "@vizzly/dnd-backend": "0.0.5",
     "@vizzly/joi": "^17.7.0",
-    "@vizzly/semantic-layer-public": "0.0.224",
-    "@vizzly/sqlbuilder-public": "0.1.29",
+    "@vizzly/semantic-layer-public": "0.0.223",
+    "@vizzly/sqlbuilder-public": "0.1.28",
     "chroma-js": "2.4.2",
     "copy-to-clipboard": "^3.3.3",
     "cross-fetch": "^4.0.0",
@@ -67,7 +56,6 @@
     "lodash-es": "^4.17.21",
     "moment-timezone": "^0.5.45",
     "react-dates-17": "22.0.8",
-    "react-dnd": "^16",
     "react-popper": "^2.3.0",
     "react-visibility-sensor": "^5.1.1",
     "tiny-invariant": "^1.3.1",