@pie-element/drawing-response 3.9.8 → 3.9.10-beta.1443

package/src/drawing-response/__tests__/__snapshots__/container.test.jsx.snap

@@ -11,11 +11,11 @@ exports[`Container snapshot renders 1`] = `
           "value": "transparent",
         },
         Object {
-          "label": "lightblue",
+          "label": "light blue",
           "value": "lightblue",
         },
         Object {
-          "label": "lightyellow",
+          "label": "light yellow",
           "value": "lightyellow",
         },
         Object {
@@ -132,87 +132,92 @@ exports[`Container snapshot renders 1`] = `
   />
   <div>
     <div>
-      <div>
-        <WithStyles(RawButton)
-          disabled={true}
-          key="Select"
-          label={
-            <IconWrapper
-              path="mdiCursorDefault"
-            />
-          }
-          onClick={[Function]}
-          title="Select"
-        />
-        <WithStyles(RawButton)
-          disabled={false}
-          key="FreePathDrawable"
-          label={
-            <IconWrapper
-              path="mdiPencil"
-            />
-          }
-          onClick={[Function]}
-          title="Free Draw"
-        />
-        <WithStyles(RawButton)
-          disabled={false}
-          key="LineDrawable"
-          label={
-            <IconWrapper
-              path="mdiMinus"
-            />
-          }
-          onClick={[Function]}
-          title="Line"
-        />
-        <WithStyles(RawButton)
-          disabled={false}
-          key="RectangleDrawable"
-          label={
-            <IconWrapper
-              path="mdiRectangle"
-            />
-          }
-          onClick={[Function]}
-          title="Rectangle"
-        />
-        <WithStyles(RawButton)
-          disabled={false}
-          key="CircleDrawable"
-          label={
-            <IconWrapper
-              path="mdiCircle"
-            />
-          }
-          onClick={[Function]}
-          title="Circle"
-        />
-        <WithStyles(RawButton)
-          disabled={false}
-          key="Text"
-          label={
-            <IconWrapper
-              path="mdiFormatColorText"
-            />
-          }
-          onClick={[Function]}
-          title="Text Entry"
-        />
-        <WithStyles(RawButton)
-          disabled={false}
-          key="EraserDrawable"
-          label={
-            <IconWrapper
-              path="mdiEraser"
-            />
-          }
-          onClick={[Function]}
-          title="Eraser"
-        />
-      </div>
+      <WithStyles(RawButton)
+        disabled={true}
+        key="Select"
+        label={
+          <IconWrapper
+            path="mdiCursorDefault"
+          />
+        }
+        onClick={[Function]}
+        title="Select"
+      />
+      <WithStyles(RawButton)
+        disabled={false}
+        key="FreePathDrawable"
+        label={
+          <IconWrapper
+            path="mdiPencil"
+          />
+        }
+        onClick={[Function]}
+        title="Free Draw"
+      />
+      <WithStyles(RawButton)
+        disabled={false}
+        key="LineDrawable"
+        label={
+          <IconWrapper
+            path="mdiMinus"
+          />
+        }
+        onClick={[Function]}
+        title="Line"
+      />
+      <WithStyles(RawButton)
+        disabled={false}
+        key="RectangleDrawable"
+        label={
+          <IconWrapper
+            path="mdiRectangle"
+          />
+        }
+        onClick={[Function]}
+        title="Rectangle"
+      />
+      <WithStyles(RawButton)
+        disabled={false}
+        key="CircleDrawable"
+        label={
+          <IconWrapper
+            path="mdiCircle"
+          />
+        }
+        onClick={[Function]}
+        title="Circle"
+      />
+      <WithStyles(RawButton)
+        disabled={false}
+        key="Text"
+        label={
+          <IconWrapper
+            path="mdiFormatColorText"
+          />
+        }
+        onClick={[Function]}
+        title="Text Entry"
+      />
+      <WithStyles(RawButton)
+        disabled={false}
+        key="EraserDrawable"
+        label={
+          <IconWrapper
+            path="mdiEraser"
+          />
+        }
+        onClick={[Function]}
+        title="Eraser"
+      />
     </div>
-    <div>
+    <div
+      style={
+        Object {
+          "height": 0,
+          "maxHeight": 0,
+        }
+      }
+    >
       <WithStyles(DrawableMain)
         TextEntry={
           TextDrawable {
@@ -240,6 +245,7 @@ exports[`Container snapshot renders 1`] = `
         onSessionChange={[MockFunction]}
         outlineColor="black"
         paintColor="red"
+        scale={1}
         session={Object {}}
         toolActive={
           Object {
@@ -256,217 +262,94 @@ exports[`Container snapshot renders 1`] = `
 
 exports[`Container snapshot renders disabled 1`] = `
 <div>
-  <WithStyles(Palette)
-    fillColor="white"
-    fillList={
-      Array [
-        Object {
-          "label": "no fill",
-          "value": "transparent",
-        },
-        Object {
-          "label": "lightblue",
-          "value": "lightblue",
-        },
-        Object {
-          "label": "lightyellow",
-          "value": "lightyellow",
-        },
-        Object {
-          "label": "red",
-          "value": "red",
-        },
-        Object {
-          "label": "orange",
-          "value": "orange",
-        },
-        Object {
-          "label": "yellow",
-          "value": "yellow",
-        },
-        Object {
-          "label": "violet",
-          "value": "violet",
-        },
-        Object {
-          "label": "blue",
-          "value": "blue",
-        },
-        Object {
-          "label": "green",
-          "value": "green",
-        },
-        Object {
-          "label": "white",
-          "value": "white",
-        },
-        Object {
-          "label": "black",
-          "value": "black",
-        },
-      ]
-    }
-    onFillColorChange={[Function]}
-    onOutlineColorChange={[Function]}
-    onPaintColorChange={[Function]}
-    outlineColor="black"
-    outlineList={
-      Array [
-        Object {
-          "label": "red",
-          "value": "red",
-        },
-        Object {
-          "label": "orange",
-          "value": "orange",
-        },
-        Object {
-          "label": "yellow",
-          "value": "yellow",
-        },
-        Object {
-          "label": "violet",
-          "value": "violet",
-        },
-        Object {
-          "label": "blue",
-          "value": "blue",
-        },
-        Object {
-          "label": "green",
-          "value": "green",
-        },
-        Object {
-          "label": "white",
-          "value": "white",
-        },
-        Object {
-          "label": "black",
-          "value": "black",
-        },
-      ]
-    }
-    paintColor="red"
-    paintList={
-      Array [
-        Object {
-          "label": "red",
-          "value": "red",
-        },
-        Object {
-          "label": "orange",
-          "value": "orange",
-        },
-        Object {
-          "label": "yellow",
-          "value": "yellow",
-        },
-        Object {
-          "label": "violet",
-          "value": "violet",
-        },
-        Object {
-          "label": "blue",
-          "value": "blue",
-        },
-        Object {
-          "label": "green",
-          "value": "green",
-        },
-        Object {
-          "label": "white",
-          "value": "white",
-        },
-        Object {
-          "label": "black",
-          "value": "black",
-        },
-      ]
-    }
-  />
   <div>
     <div>
-      <div>
-        <WithStyles(RawButton)
-          disabled={true}
-          key="Select"
-          label={
-            <IconWrapper
-              path="mdiCursorDefault"
-            />
-          }
-          onClick={[Function]}
-          title="Select"
-        />
-        <WithStyles(RawButton)
-          disabled={true}
-          key="FreePathDrawable"
-          label={
-            <IconWrapper
-              path="mdiPencil"
-            />
-          }
-          onClick={[Function]}
-          title="Free Draw"
-        />
-        <WithStyles(RawButton)
-          disabled={true}
-          key="LineDrawable"
-          label={
-            <IconWrapper
-              path="mdiMinus"
-            />
-          }
-          onClick={[Function]}
-          title="Line"
-        />
-        <WithStyles(RawButton)
-          disabled={true}
-          key="RectangleDrawable"
-          label={
-            <IconWrapper
-              path="mdiRectangle"
-            />
-          }
-          onClick={[Function]}
-          title="Rectangle"
-        />
-        <WithStyles(RawButton)
-          disabled={true}
-          key="CircleDrawable"
-          label={
-            <IconWrapper
-              path="mdiCircle"
-            />
-          }
-          onClick={[Function]}
-          title="Circle"
-        />
-        <WithStyles(RawButton)
-          disabled={true}
-          key="Text"
-          label={
-            <IconWrapper
-              path="mdiFormatColorText"
-            />
-          }
-          onClick={[Function]}
-          title="Text Entry"
-        />
-        <WithStyles(RawButton)
-          disabled={true}
-          key="EraserDrawable"
-          label={
-            <IconWrapper
-              path="mdiEraser"
-            />
-          }
-          onClick={[Function]}
-          title="Eraser"
-        />
-      </div>
+      <WithStyles(RawButton)
+        disabled={true}
+        key="Select"
+        label={
+          <IconWrapper
+            path="mdiCursorDefault"
+          />
+        }
+        onClick={[Function]}
+        title="Select"
+      />
+      <WithStyles(RawButton)
+        disabled={true}
+        key="FreePathDrawable"
+        label={
+          <IconWrapper
+            path="mdiPencil"
+          />
+        }
+        onClick={[Function]}
+        title="Free Draw"
+      />
+      <WithStyles(RawButton)
+        disabled={true}
+        key="LineDrawable"
+        label={
+          <IconWrapper
+            path="mdiMinus"
+          />
+        }
+        onClick={[Function]}
+        title="Line"
+      />
+      <WithStyles(RawButton)
+        disabled={true}
+        key="RectangleDrawable"
+        label={
+          <IconWrapper
+            path="mdiRectangle"
+          />
+        }
+        onClick={[Function]}
+        title="Rectangle"
+      />
+      <WithStyles(RawButton)
+        disabled={true}
+        key="CircleDrawable"
+        label={
+          <IconWrapper
+            path="mdiCircle"
+          />
+        }
+        onClick={[Function]}
+        title="Circle"
+      />
+      <WithStyles(RawButton)
+        disabled={true}
+        key="Text"
+        label={
+          <IconWrapper
+            path="mdiFormatColorText"
+          />
+        }
+        onClick={[Function]}
+        title="Text Entry"
+      />
+      <WithStyles(RawButton)
+        disabled={true}
+        key="EraserDrawable"
+        label={
+          <IconWrapper
+            path="mdiEraser"
+          />
+        }
+        onClick={[Function]}
+        title="Eraser"
+      />
     </div>
-    <div>
+    <div
+      style={
+        Object {
+          "height": 0,
+          "maxHeight": 0,
+        }
+      }
+    >
       <WithStyles(DrawableMain)
         TextEntry={
           TextDrawable {
@@ -495,6 +378,7 @@ exports[`Container snapshot renders disabled 1`] = `
         onSessionChange={[MockFunction]}
         outlineColor="black"
         paintColor="red"
+        scale={1}
         session={Object {}}
         toolActive={
           Object {

package/src/drawing-response/__tests__/__snapshots__/drawing-main.test.jsx.snap

@@ -26,7 +26,12 @@ exports[`DrawingResponse DrawableMain snapshot renders 1`] = `
   </div>
   <div>
     <WithStyles(DrawableImage)
-      dimensions={Object {}}
+      dimensions={
+        Object {
+          "height": NaN,
+          "width": NaN,
+        }
+      }
       url="url"
     />
     <ForwardRef
@@ -34,6 +39,8 @@ exports[`DrawingResponse DrawableMain snapshot renders 1`] = `
       height={350}
       onMouseMove={[Function]}
       onMouseUp={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
       width={353}
     >
       <Layer />
@@ -58,7 +65,12 @@ exports[`DrawingResponse DrawableMain snapshot renders disabled 1`] = `
   </div>
   <div>
     <WithStyles(DrawableImage)
-      dimensions={Object {}}
+      dimensions={
+        Object {
+          "height": NaN,
+          "width": NaN,
+        }
+      }
       url="url"
     />
     <ForwardRef
@@ -83,9 +95,13 @@ exports[`DrawingResponse DrawableText snapshot renders 1`] = `
     name="text_gcifqhhimf8k2d6g8hs"
     onClick={[Function]}
     onDblClick={[Function]}
+    onDblTap={[Function]}
     onDragEnd={[MockFunction]}
     onMouseDown={[Function]}
     onMouseUp={[Function]}
+    onTap={[Function]}
+    onTouchEnd={[Function]}
+    onTouchStart={[Function]}
     onTransform={[Function]}
     onTransformEnd={[MockFunction]}
     text="Double click to edit this text. Press Enter to submit."
@@ -98,6 +114,8 @@ exports[`DrawingResponse DrawableText snapshot renders 1`] = `
     key="transformer_gcifqhhimf8k2d6g8hs"
     onMouseDown={[Function]}
     onMouseUp={[Function]}
+    onTouchEnd={[Function]}
+    onTouchStart={[Function]}
     selectedShapeName="text_gcifqhhimf8k2d6g8hs"
   />
 </div>
@@ -127,9 +145,13 @@ exports[`DrawingResponse DrawableText snapshot when there is no value renders 1`
     name="text_gcifqhhimf8k2d6g8hs"
     onClick={[Function]}
     onDblClick={[Function]}
+    onDblTap={[Function]}
     onDragEnd={[MockFunction]}
     onMouseDown={[Function]}
     onMouseUp={[Function]}
+    onTap={[Function]}
+    onTouchEnd={[Function]}
+    onTouchStart={[Function]}
     onTransform={[Function]}
     onTransformEnd={[MockFunction]}
     text="Double click to edit this text. Press Enter to submit."
@@ -142,6 +164,8 @@ exports[`DrawingResponse DrawableText snapshot when there is no value renders 1`
     key="transformer_gcifqhhimf8k2d6g8hs"
     onMouseDown={[Function]}
     onMouseUp={[Function]}
+    onTouchEnd={[Function]}
+    onTouchStart={[Function]}
     selectedShapeName="text_gcifqhhimf8k2d6g8hs"
   />
 </div>

package/src/drawing-response/__tests__/container.test.jsx

@@ -1,5 +1,12 @@
 import { shallow } from 'enzyme';
 import React from 'react';
+
+global.MutationObserver = class {
+  constructor(callback) {}
+  disconnect() {}
+  observe(element, initObject) {}
+};
+
 import { Container } from '../container';
 
 beforeEach(() => {
@@ -15,12 +22,12 @@ describe('Container', () => {
       onSessionChange,
       imageDimensions: {},
       imageUrl: 'url',
-      session: {}
+      session: {},
     };
     const props = { ...defaults, ...extras };
     return shallow(<Container {...props} />, {
       disableLifecycleMethods: false,
-      ...renderOpts
+      ...renderOpts,
     });
   };
 

package/src/drawing-response/__tests__/drawable-helper.test.jsx

@@ -17,7 +17,7 @@ describe('DrawableHelper', () => {
 
       expect(o).toEqual({
         type: 'FOO_TYPE',
-        foo: 'bar'
+        foo: 'bar',
       });
     });
   });