publ-echo-test 0.0.207 → 0.0.209

package/dist/lib/GridItem/OutsideClickHandler.js

@@ -14,9 +14,11 @@ var OutsideClickHandler = function (_a) {
         var handleClickOutside = function (e) {
             var target = e.target;
             console.log(target);
+            console.log('closest to group?', target.closest('.group'));
             if (target.closest('.editable-grid-item') ||
                 target.closest('.group') ||
-                target.closest('.placeholder')) {
+                target.closest('.placeholder') ||
+                target.closest('.react-group-block')) {
                 return;
             }
             if (wrapperRef.current &&
@@ -31,7 +33,7 @@ var OutsideClickHandler = function (_a) {
         }
         return function () {
             if (selectedSection) {
-                selectedSection.addEventListener('dblclick', handleClickOutside);
+                selectedSection.removeEventListener('dblclick', handleClickOutside);
             }
         };
     }, [onOutsideClick]);

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -43,7 +43,7 @@ import OutsideClickHandler from '../GridItem/OutsideClickHandler';
 var layoutClassName = 'react-grid-layout';
 var ReactGridLayout = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    var _b = props.autoSize, autoSize = _b === void 0 ? true : _b, _c = props.cols, cols = _c === void 0 ? 12 : _c, _d = props.className, className = _d === void 0 ? '' : _d, _e = props.style, style = _e === void 0 ? {} : _e, _f = props.draggableHandle, draggableHandle = _f === void 0 ? '' : _f, _g = props.draggableCancel, draggableCancel = _g === void 0 ? '' : _g, _h = props.containerPadding, containerPadding = _h === void 0 ? undefined : _h, _j = props.rowHeight, rowHeight = _j === void 0 ? 150 : _j, _k = props.maxRows, maxRows = _k === void 0 ? Infinity : _k, _l = props.margin, margin = _l === void 0 ? [10, 10] : _l, _m = props.isBounded, isBounded = _m === void 0 ? false : _m, _o = props.isDraggable, isDraggable = _o === void 0 ? true : _o, _p = props.isResizable, isResizable = _p === void 0 ? true : _p, _q = props.allowOverlap, allowOverlap = _q === void 0 ? false : _q, _r = props.isDroppable, isDroppable = _r === void 0 ? false : _r, _s = props.useCSSTransforms, useCSSTransforms = _s === void 0 ? true : _s, _t = props.transformScale, transformScale = _t === void 0 ? 1 : _t, _u = props.compactType, compactType = _u === void 0 ? 'vertical' : _u, _v = props.preventCollision, preventCollision = _v === void 0 ? false : _v, _w = props.droppingItem, droppingItem = _w === void 0 ? {
+    var sectionId = props.sectionId, _b = props.autoSize, autoSize = _b === void 0 ? true : _b, _c = props.cols, cols = _c === void 0 ? 12 : _c, _d = props.className, className = _d === void 0 ? '' : _d, _e = props.style, style = _e === void 0 ? {} : _e, _f = props.draggableHandle, draggableHandle = _f === void 0 ? '' : _f, _g = props.draggableCancel, draggableCancel = _g === void 0 ? '' : _g, _h = props.containerPadding, containerPadding = _h === void 0 ? undefined : _h, _j = props.rowHeight, rowHeight = _j === void 0 ? 150 : _j, _k = props.maxRows, maxRows = _k === void 0 ? Infinity : _k, _l = props.margin, margin = _l === void 0 ? [10, 10] : _l, _m = props.isBounded, isBounded = _m === void 0 ? false : _m, _o = props.isDraggable, isDraggable = _o === void 0 ? true : _o, _p = props.isResizable, isResizable = _p === void 0 ? true : _p, _q = props.allowOverlap, allowOverlap = _q === void 0 ? false : _q, _r = props.isDroppable, isDroppable = _r === void 0 ? false : _r, _s = props.useCSSTransforms, useCSSTransforms = _s === void 0 ? true : _s, _t = props.transformScale, transformScale = _t === void 0 ? 1 : _t, _u = props.compactType, compactType = _u === void 0 ? 'vertical' : _u, _v = props.preventCollision, preventCollision = _v === void 0 ? false : _v, _w = props.droppingItem, droppingItem = _w === void 0 ? {
         i: '__dropping-elem__',
         h: 1,
         w: 1,
@@ -739,7 +739,7 @@ var ReactGridLayout = function (_a) {
     var currentGroupBlocks = blockStructure
         ? findGroupBlocks(blockStructure, editingGroupBlock)
         : [];
-    return (_jsxs("div", { ref: innerRef, className: mergedClassName, style: mergedStyle, onDrop: isDroppable ? onDropHandler : noop, onDragLeave: isDroppable ? onDragLeaveHandler : noop, onDragEnter: isDroppable ? onDragEnterHandler : noop, onDragOver: isDroppable ? onDragOverHandler : noop, "data-grid-row-height": rowHeight, "data-grid-cols": cols, children: [currentGroupBlocks.map(function (each) { return processGroup(each); }), React.Children.map(children, function (child) { return processGridItem(child); }), placeholder(), activeDrag && _jsx("div", { className: 'grid-guide-line-center' }), activeDrag && (_jsx("div", { className: 'grid-placeholder', style: {
+    return (_jsxs("div", { ref: innerRef, className: mergedClassName, style: mergedStyle, onDrop: isDroppable ? onDropHandler : noop, onDragLeave: isDroppable ? onDragLeaveHandler : noop, onDragEnter: isDroppable ? onDragEnterHandler : noop, onDragOver: isDroppable ? onDragOverHandler : noop, "data-grid-row-height": rowHeight, "data-grid-cols": cols, "data-section-id": sectionId, children: [currentGroupBlocks.map(function (each) { return processGroup(each); }), React.Children.map(children, function (child) { return processGridItem(child); }), placeholder(), activeDrag && _jsx("div", { className: 'grid-guide-line-center' }), activeDrag && (_jsx("div", { className: 'grid-placeholder', style: {
                     marginTop: margin[1] + 'px',
                     marginBottom: margin[1] + 'px',
                     marginLeft: margin[0] + 'px',

package/dist/lib/GridLayoutEditor/types.d.ts

@@ -1,8 +1,8 @@
-import { DragEvent, ReactElement, RefObject } from "react";
-import { ResizeHandleAxis, ResizeHandleType } from "../Resizable/types";
-import { ResizeEventType } from "../GridItem/types";
-import { Block } from "./group";
-export type CompactType = "vertical" | "horizontal";
+import { DragEvent, ReactElement, RefObject } from 'react';
+import { ResizeHandleAxis, ResizeHandleType } from '../Resizable/types';
+import { ResizeEventType } from '../GridItem/types';
+import { Block } from './group';
+export type CompactType = 'vertical' | 'horizontal';
 export type LayoutItem = {
     w: number;
     h: number;
@@ -35,6 +35,7 @@ export type UpdatedItem = {
     y: number;
 };
 export type ReactGridLayoutProps = {
+    sectionId: string;
     children: ReactElement<any> | ReactElement[];
     className?: string;
     style?: Object;
@@ -142,7 +143,7 @@ export type ResponsiveGridLayoutStateType = {
     layout: Layout;
     layouts?: ResponsiveLayout<string>;
 };
-type CoreType = Omit<ReactGridLayoutProps, "cols" | "layout" | "margin" | "containerPadding" | "transformScale" | "onLayoutChange" | "isHiddenVisibility">;
+type CoreType = Omit<ReactGridLayoutProps, 'cols' | 'layout' | 'margin' | 'containerPadding' | 'transformScale' | 'onLayoutChange' | 'isHiddenVisibility'>;
 export type ResponsiveGridLayoutProps = {
     breakpoint?: Breakpoint;
     breakpoints?: Breakpoints<Breakpoint>;
@@ -156,7 +157,7 @@ export type ResponsiveGridLayoutProps = {
     zoom?: number;
 } & CoreType;
 export type Breakpoint = string;
-export type DefaultBreakpoints = "lg" | "md" | "sm" | "xs" | "xxs";
+export type DefaultBreakpoints = 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
 export type ResponsiveLayout<T extends Breakpoint> = Record<T, Layout>;
 export type Breakpoints<T extends Breakpoint> = Record<T, number>;
 export type OnLayoutChangeCallback = (properties: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "publ-echo-test",
-  "version": "0.0.207",
+  "version": "0.0.209",
   "private": false,
   "main": "dist/lib/index.js",
   "types": "dist/lib/index.d.js",