@pie-element/drawing-response 10.3.4-next.0 → 11.0.0-beta.0

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

@@ -1,396 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Container snapshot renders 1`] = `
-<div>
-  <WithStyles(Palette)
-    fillColor="white"
-    fillList={
-      Array [
-        Object {
-          "label": "No fill",
-          "value": "transparent",
-        },
-        Object {
-          "label": "Light blue",
-          "value": "lightblue",
-        },
-        Object {
-          "label": "Light yellow",
-          "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>
-      <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
-      style={
-        Object {
-          "height": 0,
-          "maxHeight": 0,
-          "overflow": "scroll",
-        }
-      }
-    >
-      <WithStyles(DrawableMain)
-        TextEntry={
-          TextDrawable {
-            "addNewTextEntry": [Function],
-            "all": Array [],
-            "eventListenersDetachArray": Array [],
-            "handleClick": [Function],
-            "handleDblClick": [Function],
-            "handleMouseDown": [Function],
-            "handleMouseUp": [Function],
-            "handleTransform": [Function],
-            "removeEventListeners": [Function],
-            "setAll": [Function],
-          }
-        }
-        drawableDimensions={
-          Object {
-            "height": 0,
-            "width": 0,
-          }
-        }
-        fillColor="white"
-        imageDimensions={Object {}}
-        imageUrl="url"
-        onSessionChange={[MockFunction]}
-        outlineColor="black"
-        paintColor="Red"
-        scale={1}
-        session={Object {}}
-        toolActive={
-          Object {
-            "icon": "mdiCursorDefault",
-            "label": "Select",
-            "type": "Select",
-          }
-        }
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Container snapshot renders disabled 1`] = `
-<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>
-    <div
-      style={
-        Object {
-          "height": 0,
-          "maxHeight": 0,
-          "overflow": "scroll",
-        }
-      }
-    >
-      <WithStyles(DrawableMain)
-        TextEntry={
-          TextDrawable {
-            "addNewTextEntry": [Function],
-            "all": Array [],
-            "eventListenersDetachArray": Array [],
-            "handleClick": [Function],
-            "handleDblClick": [Function],
-            "handleMouseDown": [Function],
-            "handleMouseUp": [Function],
-            "handleTransform": [Function],
-            "removeEventListeners": [Function],
-            "setAll": [Function],
-          }
-        }
-        disabled={true}
-        drawableDimensions={
-          Object {
-            "height": 0,
-            "width": 0,
-          }
-        }
-        fillColor="white"
-        imageDimensions={Object {}}
-        imageUrl="url"
-        onSessionChange={[MockFunction]}
-        outlineColor="black"
-        paintColor="Red"
-        scale={1}
-        session={Object {}}
-        toolActive={
-          Object {
-            "icon": "mdiCursorDefault",
-            "label": "Select",
-            "type": "Select",
-          }
-        }
-      />
-    </div>
-  </div>
-</div>
-`;

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

@@ -1,247 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DrawingResponse CircleDrawable snapshot renders 1`] = `
-<Circle
-  onClick={[Function]}
-  onDragEnd={[Function]}
-  radius={100}
-  x={200}
-  y={200}
-/>
-`;
-
-exports[`DrawingResponse DrawableMain snapshot renders 1`] = `
-<div>
-  <div>
-    <WithStyles(RawButton)
-      disabled={false}
-      label="Undo"
-      onClick={[Function]}
-    />
-    <WithStyles(RawButton)
-      disabled={false}
-      label="Clear all"
-      onClick={[Function]}
-    />
-  </div>
-  <div>
-    <WithStyles(DrawableImage)
-      dimensions={
-        Object {
-          "height": NaN,
-          "width": NaN,
-        }
-      }
-      url="url"
-    />
-    <ForwardRef
-      className=""
-      height={350}
-      onMouseMove={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      width={353}
-    >
-      <Layer />
-    </ForwardRef>
-  </div>
-</div>
-`;
-
-exports[`DrawingResponse DrawableMain snapshot renders disabled 1`] = `
-<div>
-  <div>
-    <WithStyles(RawButton)
-      disabled={true}
-      label="Undo"
-      onClick={[Function]}
-    />
-    <WithStyles(RawButton)
-      disabled={true}
-      label="Clear all"
-      onClick={[Function]}
-    />
-  </div>
-  <div>
-    <WithStyles(DrawableImage)
-      dimensions={
-        Object {
-          "height": NaN,
-          "width": NaN,
-        }
-      }
-      url="url"
-    />
-    <ForwardRef
-      className=""
-      height={350}
-      width={353}
-    >
-      <Layer />
-    </ForwardRef>
-  </div>
-</div>
-`;
-
-exports[`DrawingResponse DrawableText snapshot renders 1`] = `
-<div>
-  <Text
-    bubbles={true}
-    draggable={true}
-    fontSize={16}
-    id="gcifqhhimf8k2d6g8hs"
-    key="gcifqhhimf8k2d6g8hs"
-    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."
-    visible={true}
-    width={200}
-    x={60}
-    y={60}
-  />
-  <TransformerComponent
-    key="transformer_gcifqhhimf8k2d6g8hs"
-    onMouseDown={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchStart={[Function]}
-    selectedShapeName="text_gcifqhhimf8k2d6g8hs"
-  />
-</div>
-`;
-
-exports[`DrawingResponse DrawableText snapshot renders textAreas 1`] = `
-<div>
-  <textarea
-    key="textarea_gcifqhhimf8k2d6g8hs"
-    style={
-      Object {
-        "display": "none",
-      }
-    }
-  />
-</div>
-`;
-
-exports[`DrawingResponse DrawableText snapshot when there is no value renders 1`] = `
-<div>
-  <Text
-    bubbles={true}
-    draggable={true}
-    fontSize={16}
-    id="gcifqhhimf8k2d6g8hs"
-    key="gcifqhhimf8k2d6g8hs"
-    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."
-    visible={true}
-    width={200}
-    x={60}
-    y={60}
-  />
-  <TransformerComponent
-    key="transformer_gcifqhhimf8k2d6g8hs"
-    onMouseDown={[Function]}
-    onMouseUp={[Function]}
-    onTouchEnd={[Function]}
-    onTouchStart={[Function]}
-    selectedShapeName="text_gcifqhhimf8k2d6g8hs"
-  />
-</div>
-`;
-
-exports[`DrawingResponse EraserDrawable snapshot renders 1`] = `
-<Line
-  bezier={true}
-  fill="white"
-  globalCompositeOperation="destination-out"
-  lineJoin="round"
-  lineWidth="5"
-  onDragEnd={[Function]}
-  points={
-    Array [
-      200,
-      200,
-      300,
-      300,
-    ]
-  }
-  stroke="white"
-  strokeStyle="#df4b26"
-  strokeWidth={5}
-  tension={0}
-  x={200}
-  y={200}
-/>
-`;
-
-exports[`DrawingResponse FreePathDrawable snapshot renders 1`] = `
-<Line
-  bezier={true}
-  onClick={[Function]}
-  onDragEnd={[Function]}
-  points={
-    Array [
-      200,
-      200,
-      300,
-      300,
-    ]
-  }
-  tension={0}
-  x={200}
-  y={200}
-/>
-`;
-
-exports[`DrawingResponse LineDrawable snapshot renders 1`] = `
-<Arrow
-  onClick={[Function]}
-  onDragEnd={[Function]}
-  pointerLength={0}
-  pointerWidth={0}
-  points={
-    Array [
-      200,
-      200,
-      300,
-      200,
-    ]
-  }
-  x={200}
-  y={200}
-/>
-`;
-
-exports[`DrawingResponse RectangleDrawable snapshot renders 1`] = `
-<Rect
-  height={100}
-  onClick={[Function]}
-  onDragEnd={[Function]}
-  strokeWidth={2}
-  width={100}
-  x={200}
-  y={200}
-/>
-`;